@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_191017 {
  font-family: 'Noto Serif JP', serif;
  font-size: calc(22 *(100vw / 750));
  letter-spacing: -0.02em;
  line-height: 1.9;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  position: relative;
  padding-bottom: calc(120 *(100vw / 750)); }
  #occasion_dress_191017 a {
    display: block; }
  #occasion_dress_191017 img {
    width: 100%;
    display: block; }
  #occasion_dress_191017 .pc_only {
    display: none !important; }
  #occasion_dress_191017 .mv_area {
    margin-top: calc(180 *(100vw / 750));
    margin-bottom: calc(60 *(100vw / 750));
    text-align: center; }
    #occasion_dress_191017 .mv_area h2 {
      font-size: calc(27 *(100vw / 750));
      margin: 0 auto calc(140 *(100vw / 750));
      padding-top: calc(140 *(100vw / 750));  }
    #occasion_dress_191017 .mv_area p {
      position: relative;
      padding-bottom: calc(160 *(100vw / 750)); }
    /*#occasion_dress_191017 .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: calc(365 *(100vw / 750));
      right: calc(365 *(100vw / 750));
      bottom: calc(70 *(100vw / 750)); }*/
      #occasion_dress_191017 .mv_area p.spArr {
      width: calc(20 *(100vw / 750));
      height: calc(18 *(100vw / 750));
      vertical-align: middle;
      position: relative;
      left: calc(365 *(100vw / 750));
      right: calc(365 *(100vw / 750));
      bottom: calc(70 *(100vw / 750)); }
  #occasion_dress_191017 .text_area {
    margin: calc(20 *(100vw / 750)) calc(30 *(100vw / 750)) 0; }
    #occasion_dress_191017 .text_area h3 {
      margin-bottom: calc(18 *(100vw / 750));
      margin-left: -0.5em; }
    #occasion_dress_191017 .text_area p {
      font-size: calc(20 *(100vw / 750)); }
    #occasion_dress_191017 .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_191017 .text_area .credit a {
        letter-spacing: 0.065em;
        margin-right: calc(10 *(100vw / 750)); }
  #occasion_dress_191017 .sec01 {
    margin-bottom: calc(160 *(100vw / 750)); }
    #occasion_dress_191017 .sec01 .credit {
      width: calc(600 *(100vw / 750));
      margin-top: calc(10 *(100vw / 750));}
  #occasion_dress_191017 .sec02 {
    margin: 0 auto calc(130 *(100vw / 750)); }
    #occasion_dress_191017 .sec02 .item_area {
      margin: 0 calc(30 *(100vw / 750)); }
      #occasion_dress_191017 .sec02 .item_area a {
        margin-bottom: calc(30 *(100vw / 750)); }
  #occasion_dress_191017 .sec03 {
    margin: 0 auto calc(130 *(100vw / 750)); }
  #occasion_dress_191017 .sec04 {
    margin: 0 auto calc(130 *(100vw / 750)); }
    #occasion_dress_191017 .sec04 .item_area {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap-reverse;
      flex-wrap: wrap-reverse; }
      #occasion_dress_191017 .sec04 .item_area .left {
        margin-left: calc(45 *(100vw / 750));
        margin-right: calc(45 *(100vw / 750)); }
      #occasion_dress_191017 .sec04 .item_area .right {
        margin-left: calc(208 *(100vw / 750));
        margin-right: calc(45 *(100vw / 750));
        margin-bottom: calc(30 *(100vw / 750)); }
        #occasion_dress_191017 .sec04 .item_area .right a {
          margin-bottom: calc(30 *(100vw / 750)); }
    #occasion_dress_191017 .sec04 .text_area {
      margin-left: calc(45 *(100vw / 750)); }
  #occasion_dress_191017 .sec05 {
    margin: 0 auto calc(60 *(100vw / 750)); }
  #occasion_dress_191017 .sec06 {
    text-align: center; }
    #occasion_dress_191017 .sec06 h3 {
      font-size: calc(25 *(100vw / 750));
      padding-top: calc(110 *(100vw / 750));
      margin-bottom: calc(50 *(100vw / 750)); }
    #occasion_dress_191017 .sec06 .text_area {
      margin: 0 calc(30 *(100vw / 750)) calc(60 *(100vw / 750)); }
    #occasion_dress_191017 .sec06 .check_btn a {
      font-family: pragmatica, 'ヒラギノ角ゴ ProN W3', sans-serif;
      font-style: normal;
      font-weight: 400;
      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_191017 .interview_area {
    margin-left: 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.02em; }
    #occasion_dress_191017 .interview_area h3 {
      font-size: calc(35 *(100vw / 750));
      padding-top: calc(120 *(100vw / 750));
      margin-left: 0;
      margin-bottom: calc(60 *(100vw / 750)); }
    #occasion_dress_191017 .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_191017 .interview_area dt {
      float: left; }
    #occasion_dress_191017 .interview_area dd {
      white-space: nowrap;
      margin-left: 1.5em;
      margin-bottom: calc(28 *(100vw / 750)); }
    #occasion_dress_191017 .interview_area .mgb-45 {
      margin-bottom: calc(60 *(100vw / 750)); }
    #occasion_dress_191017 .interview_area .profile {
      /*display: -webkit-box;
      display: -ms-flexbox;
      display: flex;*/
      margin-top: calc(60 *(100vw / 750));
      margin-bottom: calc(55 *(100vw / 750)); }
      #occasion_dress_191017 .interview_area .profile .prof_img {
        width: calc(170 *(100vw / 750));
        margin-top: calc(55 *(100vw / 750));
        margin-right: calc(30 *(100vw / 750));
        margin-bottom: calc(20 *(100vw / 750)); }
      #occasion_dress_191017 .interview_area .profile .prof_txt {
        width: calc(670 *(100vw / 750)); }