@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"); }

#occasion_dress_191024 {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  font-family: 'Noto Serif JP', serif;
  font-size: 12px;
  letter-spacing: 0.015em;
  line-height: 1.72;
  color: #000; }
  #occasion_dress_191024 a {
    display: block; }
  #occasion_dress_191024 img {
    width: 100%;
    display: block; }
  #occasion_dress_191024 .sp_only {
    display: none !important; }
  #occasion_dress_191024 .mv_area {
    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: 23px;
      margin: 0 auto 15px; }
    #occasion_dress_191024 .mv_area p {
      position: relative;
      /*margin-bottom: 180px;*/
      font-size: 15px;
      line-height: 1.75; }
    #occasion_dress_191024 .mv_area p:after {
      /*content: '';
      display: inline-block;
      width: 16px;
      height: 14px;
      background-image: url(../../img/arrow.png);
      background-size: contain;
      background-repeat: no-repeat;
      vertical-align: middle;
      position: absolute;
      left: 0;
      right: 0;
      bottom: -90px;
      margin: 0 auto;*/ }
    #occasion_dress_191024 .mv_area span {
      display: block;
      font-size: 18px;
      border-bottom: 2px solid #808080;
      width: 56px;
      margin: 0 auto 35px; }
  #occasion_dress_191024 .sec01 .text_area h3, #occasion_dress_191024 .sec02 .text_area h3, #occasion_dress_191024 .sec03 .text_area h3, #occasion_dress_191024 .sec04 .text_area h3, #occasion_dress_191024 .sec05 .text_area h3 {
    font-size: 15.28px;
    margin-left: -0.5em;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    -o-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    -webkit-text-orientation: upright;
    /* Safari */
    text-orientation: upright; }
  #occasion_dress_191024 .sec01 .text_area p, #occasion_dress_191024 .sec02 .text_area p, #occasion_dress_191024 .sec03 .text_area p, #occasion_dress_191024 .sec04 .text_area p, #occasion_dress_191024 .sec05 .text_area p {
    font-size: 12px;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    -o-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    -webkit-text-orientation: upright;
    /* Safari */
    text-orientation: upright; }
  #occasion_dress_191024 .sec01 .credit, #occasion_dress_191024 .sec02 .credit, #occasion_dress_191024 .sec03 .credit, #occasion_dress_191024 .sec04 .credit, #occasion_dress_191024 .sec05 .credit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 10px; }
    #occasion_dress_191024 .sec01 .credit a, #occasion_dress_191024 .sec02 .credit a, #occasion_dress_191024 .sec03 .credit a, #occasion_dress_191024 .sec04 .credit a, #occasion_dress_191024 .sec05 .credit a {
      margin-right: 3px;
      letter-spacing: 0.065em; }
  #occasion_dress_191024 .sec01 {
        margin-bottom: 14.68%; }
    #occasion_dress_191024 .sec01 .left {
      position: relative;
      width: 32.5%;
      margin: 0 0 0 35.4%; }
      #occasion_dress_191024 .sec01 .left .subttl {
        position: absolute;
            top: 10.4%;
    right: -43%;
    width: 20.1%;
        font-size: 22px;
        -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
        -o-writing-mode: vertical-rl;
        writing-mode: vertical-rl; }
      #occasion_dress_191024 .sec01 .left .pt_1 {
        position: absolute;
        top: 475px;
        right: -203px;
        font-size: 25px;
        display: inline-block;
        border-bottom: 2px solid #808080; }
      #occasion_dress_191024 .sec01 .left .credit {
        margin-top: 10px;
        width: 300px; }
      #occasion_dress_191024 .sec01 .left .text_area h3 {
        position: absolute;
        bottom: 135px;
        left: -113px; }
      #occasion_dress_191024 .sec01 .left .text_area p {
        height: 290px;
        position: absolute;
        bottom: 45px;
        left: -263px; }
    #occasion_dress_191024 .sec01 .right {
      position: relative;
          width: 31%;
    margin-left: 16.6%;
    margin-top: 9.35%; }
      #occasion_dress_191024 .sec01 .right .text_area h3 {
        position: absolute;
        top: 25px;
        right: -303px; }
      #occasion_dress_191024 .sec01 .right .text_area p {
        position: absolute;
        top: 50px;
        right: -255px; }
      #occasion_dress_191024 .sec01 .right .text_area .credit {
        margin-top: 10px; }
  #occasion_dress_191024 .sec02 {
    margin: 0 auto 4.3%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative; }
    #occasion_dress_191024 .sec02 .item_area {
      width: 37.9%;
    margin-left: 47.2%; }
    #occasion_dress_191024 .sec02 .text_area h3 {
      position: absolute;
      top: 80px;
      left: 380px; }
    #occasion_dress_191024 .sec02 .text_area p {
      position: absolute;
      top: 100px;
      left: 233px; }
  #occasion_dress_191024 .sec03 {
    margin: 0 auto 16.8%;
    position: relative; }
    #occasion_dress_191024 .sec03 .item_area {
          width: 37.9%;
    margin-left: 16.5%; }
    #occasion_dress_191024 .sec03 .credit {
      position: absolute;
      left: 16.5%;
      margin-top: 10px; }
  #occasion_dress_191024 .sec04 {
    margin: 0 auto 12.6%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative; }
    #occasion_dress_191024 .sec04 .item_area {
      width: 40.95%;
    margin-left: 45.4%; }
      #occasion_dress_191024 .sec04 .item_area .credit {
        margin-top: 10px; }
    #occasion_dress_191024 .sec04 .text_area h3 {
      position: absolute;
      top: 135px;
      left: 355px; }
    #occasion_dress_191024 .sec04 .text_area p {
      position: absolute;
      top: 175px;
      left: 126px; }
    #occasion_dress_191024 .sec04 .text_area .combine {
      -webkit-text-combine: horizontal;
      -ms-text-combine-horizontal: all;
      text-combine-upright: all;
      text-orientation: mixed; }
    #occasion_dress_191024 .sec04 .text_area .line1 {
      margin-top: 25px; }
    #occasion_dress_191024 .sec04 .text_area .line2 {
      margin-top: 69px; }
    #occasion_dress_191024 .sec04 .text_area .line3 {
      margin-top: 43px; }
    #occasion_dress_191024 .sec04 .text_area .line4 {
      margin-top: 14px; }
  #occasion_dress_191024 .sec05 {
    margin: 0 auto 173px;
    position: relative; }
    #occasion_dress_191024 .sec05 .text_area h3 {
      position: absolute;
      top: 24px;
      right: 221px; }
    #occasion_dress_191024 .sec05 .text_area p {
      position: absolute;
      top: 45px;
      right: 268px; }
    #occasion_dress_191024 .sec05 .item_area {
          width: 28.8%;
    margin-left: 22.3%; }
    #occasion_dress_191024 .sec05 .credit {
          width: 28.8%;
    margin-left: 22.3%;
      margin-top: 10px; }
  #occasion_dress_191024 .sec06 {
    text-align: center;
    letter-spacing: 0.025em; }
    #occasion_dress_191024 .sec06 h3 {
      font-size: 15px;
      padding-top: 105px;
      margin-bottom: 75px; }
    #occasion_dress_191024 .sec06 p {
      font-size: 12px;
      line-height: 1.75; }
    #occasion_dress_191024 .sec06 .text_area {
      margin: 0 auto 92px; }
    #occasion_dress_191024 .sec06 .check_btn {
      padding-bottom: 90px; }
      #occasion_dress_191024 .sec06 .check_btn a {
        font-family: 'pragmatica', 'ヒラギノ角ゴ ProN W3', sans-serif;
        font-size: 13px;
        letter-spacing: 0.075em;
        margin: 0 auto;
        padding-top: 10px;
        width: 200px;
        height: 40px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border: 1px solid; }
  #occasion_dress_191024 .interview_area {
    margin: 0 23%;
    font-size: 15px;
    letter-spacing: -0.02rem;
    border-top: solid #808080 2px;
    border-bottom: solid #808080 2px;
    line-height: 1.75; }
    #occasion_dress_191024 .interview_area h3 {
      font-size: 26px;
      padding-top: 25px;
      margin-bottom: 37px;
      margin-left: 10px; }
    #occasion_dress_191024 .interview_area h3:before {
      content: "";
      background: #000;
      width: 10px;
      height: 21px;
      display: inline-block;
      margin-right: 10px; }
    #occasion_dress_191024 .interview_area dl {
      margin-left: 30px; }
    #occasion_dress_191024 .interview_area dt {
      float: left; }
    #occasion_dress_191024 .interview_area dd {
      margin-left: 1.5em;
      margin-bottom: 20px; }
    #occasion_dress_191024 .interview_area .mgb-45 {
      margin-bottom: 45px !important; }
    #occasion_dress_191024 .interview_area .profile {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin-top: 100px;
      margin-bottom: 50px; }
      #occasion_dress_191024 .interview_area .profile .prof_img {
        width: 167px;
        margin-top: 10px;
        margin-right: 30px; }
      #occasion_dress_191024 .interview_area .profile .prof_txt {
        width: 470px;
        margin-top: 5px; }
        #occasion_dress_191024 .interview_area .profile .prof_txt .mgt-25 {
          margin-top: 10px;
          font-size: 13px;
          letter-spacing: -.08em; }

@media all and (-ms-high-contrast: none) {
  #occasion_dress_191024 .sec06 .check_btn a {
    padding-top: 8px; }
  #occasion_dress_191024 .sec01 .left .pt_1 {
    top: 515px; } }

@-moz-document url-prefix() {
  #occasion_dress_191024 .sec06 .check_btn a {
    padding-top: 8px; } }