@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Noto+Serif+JP:500&display=swap&subset=japanese");
@font-face {
  font-family: 'pragmatica';
  src: url("../../font/pragmatica.woff"); }

div#Contents {
  overflow: hidden; }

#occasion_dress_191024 {
  font-family: 'Noto Serif JP', serif;
  font-size: calc(22 *(100vw / 750));
  letter-spacing: -0.02em;
  line-height: 1.9;
  position: relative; }
  #occasion_dress_191024 a {
    display: block; }
  #occasion_dress_191024 img {
    width: 100%;
    display: block;
     }
    #occasion_dress_191024 .spArr a {
    display: block;
    height:calc(100 * (100vw / 750));
   }
  #occasion_dress_191024 .spArr img {
    width: calc(20 * (100vw / 750));
    display: block;
    margin: 0 auto; 
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;}
  #occasion_dress_191024 .pc_only {
    display: none !important; }
  #occasion_dress_191024 .mv_area {
    margin-bottom: calc(126 *(100vw / 750));
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    #occasion_dress_191024 .mv_area h2 {
      font-size: calc(27 *(100vw / 750));
      margin: calc(50 *(100vh / 750)) auto calc(140 *(100vw / 750)); }
    #occasion_dress_191024 .mv_area p {
      position: relative;
      padding-bottom: calc(108 *(100vw / 750));}
    /*#occasion_dress_191024 .mv_area p:after {
      content: '';
      display: inline-block;
      width: calc(20 *(100vw / 750));
      height: calc(18 *(100vw / 750));
      background-image: url(../../img/arrow.png);
      background-size: contain;
      background-repeat: no-repeat;
      vertical-align: middle;
      position: absolute;
      left: 0;
      right: 0;
      bottom: calc(70 *(100vw / 750));
      margin: 0 auto; }*/
      #occasion_dress_191024 .mv_area p.spArr {
      width: calc(200 *(100vw / 750));
      height: calc(18 *(100vw / 750));
      vertical-align: middle;
      position: relative;
      bottom: calc(70 *(100vw / 750)); }
  #occasion_dress_191024 .text_area {
    margin: calc(20 *(100vw / 750)) calc(30 *(100vw / 750)) 0; }
    #occasion_dress_191024 .text_area h3 {
      margin-bottom: calc(18 *(100vw / 750));
      margin-left: -0.5em; }
    #occasion_dress_191024 .text_area p {
      font-size: calc(20 *(100vw / 750));
      letter-spacing: -.07em; }
    #occasion_dress_191024 .text_area .credit {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      font-size: calc(20 *(100vw / 750));
      margin-top: calc(10 *(100vw / 750)); }
      #occasion_dress_191024 .text_area .credit a {
        letter-spacing: 0.065em;
        margin-right: calc(6 *(100vw / 750)); }
  #occasion_dress_191024 .sec01 {
    margin-bottom: calc(90 *(100vw / 750)); }
    #occasion_dress_191024 .sec01 .left {
      margin-bottom: calc(160 *(100vw / 750)); }
    #occasion_dress_191024 .sec01 .credit {
      width: calc(600 *(100vw / 750)); }
    #occasion_dress_191024 .sec01 .right .text_area p {
      letter-spacing: -.05em; }
    #occasion_dress_191024 .sec01 .right .credit {
      width: 100%; }
  #occasion_dress_191024 .sec02 {
    margin: 0 auto calc(150 *(100vw / 750)); }
    #occasion_dress_191024 .sec02 .item_area {
      margin: 0 calc(30 *(100vw / 750)); }
      #occasion_dress_191024 .sec02 .item_area a {
        margin-bottom: calc(40 *(100vw / 750)); }
      #occasion_dress_191024 .sec02 .item_area .sp_only {
        margin-bottom: 0; }
    #occasion_dress_191024 .sec02 .text_area p {
      letter-spacing: 0em; }
  #occasion_dress_191024 .sec03 {
    margin: 0 auto calc(130 *(100vw / 750)); }
  #occasion_dress_191024 .sec04 {
    margin: 0 auto calc(130 *(100vw / 750)); }
    #occasion_dress_191024 .sec04 .item_area {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap-reverse;
      flex-wrap: wrap-reverse; }
      #occasion_dress_191024 .sec04 .item_area .left {
        margin-left: calc(45 *(100vw / 750));
        margin-right: calc(45 *(100vw / 750)); }
      #occasion_dress_191024 .sec04 .item_area .right {
        margin-left: calc(208 *(100vw / 750));
        margin-right: calc(45 *(100vw / 750));
        margin-bottom: calc(30 *(100vw / 750)); }
        #occasion_dress_191024 .sec04 .item_area .right a {
          margin-bottom: calc(30 *(100vw / 750)); }
    #occasion_dress_191024 .sec04 .text_area p {
      letter-spacing: -.03em; }
  #occasion_dress_191024 .sec05 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    margin: 0 auto calc(40 *(100vw / 750)); }
  #occasion_dress_191024 .sec06 {
    text-align: center; }
    #occasion_dress_191024 .sec06 h3 {
      font-size: calc(25 *(100vw / 750));
      padding-top: calc(110 *(100vw / 750));
      margin-bottom: calc(50 *(100vw / 750)); }
    #occasion_dress_191024 .sec06 .text_area {
      margin: 0 calc(30 *(100vw / 750)) calc(60 *(100vw / 750)); }
    #occasion_dress_191024 .sec06 .check_btn {
      padding-bottom: calc(120 *(100vw / 750)); }
      #occasion_dress_191024 .sec06 .check_btn a {
        font-family: 'pragmatica', 'ヒラギノ角ゴ ProN W3', sans-serif;
        font-size: calc(20 *(100vw / 750));
        letter-spacing: 0.075em;
        margin: 0 auto;
        padding-top: calc(13 *(100vw / 750));
        width: calc(265 *(100vw / 750));
        height: calc(65 *(100vw / 750));
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border: 1px solid; }
        #occasion_dress_191024 .sec06 .text_area p {
          letter-spacing: normal;
        }
  #occasion_dress_191024 .interview_area {
    margin: 0 calc(40 *(100vw / 750));
    font-size: calc(20 *(100vw / 750));
    border-top: solid #808080 1px;
    border-bottom: solid #808080 1px;
    line-height: 1.9;
    letter-spacing: -0.07em; }
    #occasion_dress_191024 .interview_area h3 {
      font-size: calc(35 *(100vw / 750));
      padding-top: calc(120 *(100vw / 750));
      margin-bottom: calc(60 *(100vw / 750)); }
    #occasion_dress_191024 .interview_area h3:before {
      content: "";
      background: #000;
      width: calc(13 *(100vw / 750));
      height: calc(27 *(100vw / 750));
      display: inline-block;
      margin-right: calc(12 *(100vw / 750)); }
    #occasion_dress_191024 .interview_area dt {
      float: left; }
    #occasion_dress_191024 .interview_area dd {
      margin-left: 1.5em;
      margin-bottom: calc(28 *(100vw / 750)); }
    #occasion_dress_191024 .interview_area .mgb-45 {
      margin-bottom: calc(60 *(100vw / 750)); }
    #occasion_dress_191024 .interview_area .profile {
      margin-top: calc(60 *(100vw / 750));
      margin-bottom: calc(55 *(100vw / 750)); }
      #occasion_dress_191024 .interview_area .profile .prof_img {
        width: calc(170 *(100vw / 750));
        margin-top: calc(80 *(100vw / 750));
        margin-right: calc(30 *(100vw / 750)); }
      #occasion_dress_191024 .interview_area .profile .prof_txt {
        margin-top: calc(20 *(100vw / 750));
        letter-spacing: .065em; }
        #occasion_dress_191024 .interview_area .profile .prof_txt .mgt-25 {
          letter-spacing: -.04em; }