@charset "UTF-8";
/*=======================================
 	             SMACSS  base
 ========================================*/
img {
  width: 100%;
}

/*=======================================
	         SMACSS  layout　　　　　　　       ( style.scss ) ( header.scss / main.scss / footer.scss ...) 
========================================*/
/*=======================================
          　　  　flex
========================================*/
.flex {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.jcsb {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.jcfe {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.aie {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.acsb {
  -ms-flex-line-pack: justify;
      align-content: space-between;
}

/*=======================================
          　　   　js
========================================*/
.cutin {
  overflow: hidden;
  position: relative;
  width: 0;
  -webkit-transition: all 0.8s cubic-bezier(0.53, 0.01, 0.32, 1);
  transition: all 0.8s cubic-bezier(0.53, 0.01, 0.32, 1);
}

.cutin::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: #fff;
  opacity: 0.5;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  -webkit-transition: all 1.3s cubic-bezier(0.43, 0.04, 0, 0.99);
  transition: all 1.3s cubic-bezier(0.43, 0.04, 0, 0.99);
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
}

.cutin.cut_in {
  width: 100%;
  z-index: 0;
}

.cutin.cut_in::after {
  left: 100%;
  z-index: 0;
}

.fade {
  -webkit-transition-duration: 2s;
  transition-duration: 2s;
  opacity: 0;
  -webkit-transform: translateY(50px);
  transform: translateY(50px);
}

.fade.onView {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

/*=======================================
                  PC   
========================================*/
/* ===================
	　　 General
=================== */
#catalog_20AW {
  width: 1200px;
  margin: 0 auto;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  line-height: 1;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/* ===================
	　　  common
=================== */
.secCredit {
  font-family: 'Crimson Text';
  font-size: 13px;
  letter-spacing: 0.06em;
  line-height: 1.85;
}

/* ===================
	　　     mv
=================== */
.m-mv {
  width: 1200px;
  height: 675px;
  overflow: hidden;
  position: relative;
}

.m-mv__txt {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  z-index: 99;
}

.m-mv__txt .txt_ttl {
  font-family: "bodoni-urw";
  font-size: 20px;
  color: #fff;
  text-align: center;
  position: relative;
  bottom: 40px;
}

.m-mv__txt .txt_sub {
  font-family: "bodoni-urw";
  font-size: 14px;
  color: #fff;
  position: absolute;
  top: -15px;
  right: 15px;
}

.m-mv__txt .txt_btn {
  display: inline-block;
  position: absolute;
  right: 90px;
  top: -20px;
  width: 25px;
  height: 25px;
}

.m-mv__txt .txt_btn .txt_btn-ico {
  border: 0.5px solid #fff;
  border-radius: 50%;
  width: 25px;
  height: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  position: relative;
  cursor: pointer;
}

.m-mv__txt .txt_btn .txt_btn-ico .triangle {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 0 4px 8px;
  border-color: transparent transparent transparent #fff;
  margin-left: 2px;
  -webkit-transition: 1s;
  transition: 1s;
}

.m-mv__txt .txt_btn .txt_btn-ico .ring {
  border: 0.5px solid #fff;
  position: absolute;
  border-radius: 100px;
  height: 25px;
  width: 25px;
  top: 0px;
  left: 0px;
  opacity: 0;
}

.m-mv__txt .txt_btn .txt_btn-ico::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.m-mv__txt .txt_btn .txt_btn-ico:hover::after {
  -webkit-animation: ripple 1s ease;
  animation: ripple 1s ease;
}

@-webkit-keyframes ripple {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0);
            box-shadow: 0 0 0 1px rgba(255, 255, 255, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(2);
    transform: scale(2);
    -webkit-box-shadow: 0 0 0 1px white;
            box-shadow: 0 0 0 1px white;
  }
}

@keyframes ripple {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0);
            box-shadow: 0 0 0 1px rgba(255, 255, 255, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(2);
    transform: scale(2);
    -webkit-box-shadow: 0 0 0 1px white;
            box-shadow: 0 0 0 1px white;
  }
}

.m-mv__bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

.m-mv__bg_mv {
  position: absolute;
  height: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.m-mv__modal {
  display: none;
  background: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
}

.m-mv__modal .modal_bg {
  background: rgba(0, 0, 0, 0.8);
  height: 100vh;
  position: absolute;
  width: 100%;
}

.m-mv__modal .modal_content {
  background: #fff;
  padding: 40px;
  position: absolute;
  top: 45%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 60%;
}

.m-mv__modal .modal_mv {
  height: auto;
  width: 100%;
}

.m-mv__modal .modal_btn {
  position: absolute;
  top: 0;
  right: 0;
  width: 25px;
}

/* ===================
	　　　 top
=================== */
.l-top {
  font-family: "bodoni-urw";
  text-align: center;
  margin: 175px auto 164px;
}

.l-top__ttl {
  font-size: 45px;
  letter-spacing: 0.34em;
}

.l-top__lead {
  font-size: 20px;
  line-height: 2.25;
  letter-spacing: 0.06em;
  margin-top: 44px;
}

/* ===================
	　　 section
=================== */
section {
  margin: 103px auto 0;
}

.sec-01 {
  margin-top: 0;
}

.sec-01 .secImg {
  width: 1200px;
}

.sec-01 .secCredit {
  margin-top: 23px;
  margin-left: 30px;
}

.sec-02 {
  width: 900px;
}

.sec-02 .blk-01 .secImg-02-01 {
  width: 555px;
}

.sec-02 .blk-02 .secCredit {
  margin-right: 60px;
  margin-bottom: -7px;
}

.sec-02 .blk-02 .secImg-02-02 {
  width: 418px;
  margin-top: -158px;
}

.sec-03 {
  margin-top: 110px;
  width: 990px;
}

.sec-03 .secImg-03 {
  width: 990px;
  margin: 0 auto;
}

.sec-03 .secCredit {
  margin-top: 23px;
}

.sec-04 {
  margin-top: 102px;
  width: 550px;
}

.sec-04 .secImg {
  width: 100%;
  max-width: 550px;
  margin: 0 auto;
}

.sec-04 .secCredit {
  margin-top: 23px;
}

.sec-05 {
  margin-top: 173px;
  width: 1120px;
}

.sec-05 .blk-01 {
  width: 750px;
}

.sec-05 .blk-01 .secImg-05-01 {
  width: 750px;
}

.sec-05 .blk-02 {
  margin-left: 570px;
}

.sec-05 .blk-02 .secImg {
  width: 550px;
  margin-top: -250px;
}

.sec-05 .blk-02 .secCredit {
  margin-top: 23px;
}

.sec-06 {
  width: 1040px;
}

.sec-06 .blk-01 .secImg-06-01 {
  width: 544px;
}

.sec-06 .blk-01 .secCredit {
  margin-top: 23px;
}

.sec-06 .blk-02 .secImg-06-02 {
  width: 450px;
  margin-top: 430px;
}

.sec-06 .blk-02 .secCredit {
  margin-top: 23px;
}

.sec-07 {
  width: 1200px;
}

.sec-07 .blk-01 .secImg-07-01 {
  width: 990px;
}

.sec-07 .blk-02 .secCredit {
  margin-right: 55px;
  margin-bottom: -8px;
}

.sec-07 .blk-02 .secImg-07-02 {
  width: 550px;
  margin-top: 50px;
}

.sec-08 {
  margin-top: 180px;
  width: 908px;
}

.sec-08 .blk-01 {
  width: 450px;
}

.sec-08 .blk-01 .secImg-08-01 {
  width: 450px;
  margin-left: 10px;
}

.sec-08 .blk-02 {
  margin-left: 363px;
}

.sec-08 .blk-02 .secImg {
  width: 555px;
  margin-top: -213px;
}

.sec-08 .blk-02 .secCredit {
  margin-top: 23px;
}

.sec-09 {
  margin-top: 102px;
  margin-left: 270px;
  width: 450px;
}

.sec-09 .secImg {
  width: 450px;
  margin: 0 auto;
}

.sec-09 .secCredit {
  margin-top: 23px;
}

.sec-10 {
  margin-top: 102px;
  width: 990px;
}

.sec-10 .blk-01 .secImg-10-01 {
  width: 990px;
}

.sec-10 .blk-02 {
  margin-top: 6px;
  margin-left: 216px;
}

.sec-10 .blk-02 .secCredit {
  margin-right: 60px;
  margin-bottom: -6px;
}

.sec-10 .blk-02 .secImg {
  width: 450px;
  margin-top: 50px;
}

.sec-11 {
  margin-top: 109px;
  width: 1039px;
}

.sec-11 .blk-01 .secImg-11-01 {
  width: 555px;
}

.sec-11 .blk-02 {
  margin-top: -371px;
}

.sec-11 .blk-02 .secCredit {
  margin-right: 60px;
  margin-bottom: -7px;
}

.sec-11 .blk-02 .secImg-11-02 {
  width: 428px;
}

.sec-12 {
  margin-top: 179px;
  margin-left: 150px;
  width: 852px;
}

.sec-12 .blk-01 {
  width: 444px;
}

.sec-12 .blk-01 .secImg-12-01 {
  width: 444px;
}

.sec-12 .blk-02 {
  margin-left: 296px;
}

.sec-12 .blk-02 .secImg {
  width: 555px;
  margin-top: -332px;
}

.sec-12 .blk-02 .secCredit {
  margin-top: 23px;
}

.sec-13 {
  margin-top: 172px;
  width: 530px;
}

.sec-13 .secImg {
  width: 525px;
  margin: 0 auto;
}

.sec-13 .secCredit {
  margin-top: 23px;
}

.sec-14 {
  margin-top: 102px;
  margin-left: 96px;
  width: 1033px;
}

.sec-14 .blk-01 .secImg-14-01 {
  width: 555px;
}

.sec-14 .blk-02 {
  margin-top: -245px;
}

.sec-14 .blk-02 .secCredit {
  margin-right: 60px;
  margin-bottom: -7px;
}

.sec-14 .blk-02 .secImg-14-02 {
  width: 443px;
}

.sec-15 {
  margin-top: 109px;
  width: 1200px;
}

.sec-15 .blk-01 .secImg-15-01 {
  width: 1200px;
}

.sec-15 .blk-02 {
  margin-top: 51px;
  margin-left: 256px;
}

.sec-15 .blk-02 .secCredit {
  margin-right: 60px;
  margin-bottom: -7px;
}

.sec-15 .blk-02 .secImg-15-02 {
  width: 555px;
}

.staff {
  position: relative;
  margin-left: 225px;
  margin-top: 180px;
}

.staff__bg {
  width: 739px;
}

.staff__txt {
  font-family: "bodoni-urw";
  font-size: 13px;
  line-height: 2.31;
  letter-spacing: 0.02em;
  position: absolute;
  left: 92px;
  bottom: 81px;
}

/* ===================
	　　  button
=================== */
.m-btn {
  width: 600px;
  margin: 0 auto;
  padding: 173px 0 158px;
}

.m-btn a {
  width: 600px;
  height: 64px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #000;
  background-color: #fff;
  font-family: 'Crimson Text', serif;
  font-size: 11px;
  line-height: 1.54;
  letter-spacing: 0.002em;
  text-align: center;
}

/*=======================================
               Responsive   
========================================*/
/* for PC */
@media screen and (min-width: 768px) {
  .sp_only {
    display: none;
  }

  .fade-pc {
    -webkit-transition-duration: 2s;
    transition-duration: 2s;
    opacity: 0;
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
  }
  
  .fade-pc.onView {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

/* for tablet */
/* for SP */
@media screen and (max-width: 767px) {
  .pc_only {
    display: none;
  }
  .main-area .main-inner {
    width: 100%;
  }
  .fdc {
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
  }
  .fdcr {
    -ms-flex-direction: column-reverse;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
            flex-direction: column-reverse;
  }
  /*=======================================
                  SP    
========================================*/
  /* ===================
	　　 General
=================== */
  #catalog_20AW {
    width: calc(750 *(100vw / 750));
  }
  /* ===================
　　  common
=================== */
  .secCredit {
    font-size: calc(20 *(100vw / 750));
    letter-spacing: 0.065em;
    line-height: 1.7;
  }
  /* ===================
	　　     mv
=================== */
  .m-mv {
    width: calc(750 *(100vw / 750));
    height: calc(423 *(100vw / 750));
  }
  .m-mv__txt .txt_ttl {
    font-size: calc(20 *(100vw / 750));
    bottom: calc(20 *(100vw / 750));
  }
  .m-mv__txt .txt_btn {
    right: calc(20 *(100vw / 750));
    top: calc(-20 *(100vw / 750));
    width: calc(25 *(100vw / 750));
    height: calc(25 *(100vw / 750));
  }
  .m-mv__txt .txt_btn .txt_btn-ico {
    width: calc(25 *(100vw / 750));
    height: calc(25 *(100vw / 750));
  }
  .m-mv__txt .txt_btn .txt_btn-ico .triangle {
    border-width: calc(4 *(100vw / 750)) 0 calc(4 *(100vw / 750)) calc(8 *(100vw / 750));
    margin-left: calc(2 *(100vw / 750));
  }
  .m-mv__txt .txt_btn .txt_btn-ico::after {
    content: '';
    position: absolute;
    top: 0;
    left: calc(-2 *(100vw / 750));
    width: calc(25 *(100vw / 750));
    height: calc(25 *(100vw / 750));
    border-radius: 50%;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .modal-video-movie-wrap {
    top: -10% !important;
  }
  /* ===================
　　　 top
=================== */
  .l-top {
    margin: calc(175 *(100vw / 750)) auto calc(185 *(100vw / 750));
  }
  .l-top__ttl {
    font-size: calc(40 *(100vw / 750));
  }
  .l-top__lead {
    font-size: calc(20 *(100vw / 750));
    margin-top: calc(46 *(100vw / 750));
  }
  /* ===================
　　 section
=================== */
  section {
    margin: calc(140 *(100vw / 750)) auto 0;
  }
  .sec-01 {
    margin-top: 0;
  }
  .sec-01 .secImg {
    width: calc(750 *(100vw / 750));
  }
  .sec-01 .secCredit {
    margin-top: calc(34 *(100vw / 750));
    margin-left: calc(43 *(100vw / 750));
  }
  .sec-02 {
    width: calc(750 *(100vw / 750));
  }
  .sec-02 .blk-01 .secImg-02-01 {
    width: calc(484 *(100vw / 750));
  }
  .sec-02 .blk-02 .secCredit {
    margin-right: calc(43 *(100vw / 750));
    margin-bottom: calc(-10 *(100vw / 750));
    line-height: 1.8;
  }
  .sec-02 .blk-02 .secImg-02-02 {
    width: calc(391 *(100vw / 750));
    margin-top: calc(-137 *(100vw / 750));
  }
  .sec-03 {
    margin-top: calc(149 *(100vw / 750));
    width: calc(750 *(100vw / 750));
  }
  .sec-03 .secImg-03 {
    width: calc(750 *(100vw / 750));
  }
  .sec-03 .secCredit {
    margin-top: calc(34 *(100vw / 750));
    margin-left: calc(45 *(100vw / 750));
  }
  .sec-04 {
    margin-top: calc(140 *(100vw / 750));
    width: calc(596 *(100vw / 750));
  }
  .sec-04 .secImg-04 {
    width: calc(596 *(100vw / 750));
  }
  .sec-04 .secCredit {
    margin-top: calc(34 *(100vw / 750));
  }
  .sec-05 {
    margin-top: calc(188 *(100vw / 750));
    width: calc(750 *(100vw / 750));
  }
  .sec-05 .blk-01 {
    width: calc(650 *(100vw / 750));
  }
  .sec-05 .blk-01 .secImg-05-01 {
    width: calc(650 *(100vw / 750));
  }
  .sec-05 .blk-02 {
    margin-left: calc(155 *(100vw / 750));
  }
  .sec-05 .blk-02 .secImg {
    width: calc(595 *(100vw / 750));
    margin-top: calc(-180 *(100vw / 750));
  }
  .sec-05 .blk-02 .secCredit {
    margin-top: calc(34 *(100vw / 750));
  }
  .sec-06 {
    width: calc(750 *(100vw / 750));
  }
  .sec-06 .blk-01 .secImg-06-01 {
    width: calc(700 *(100vw / 750));
  }
  .sec-06 .blk-01 .secCredit {
    margin-top: calc(37 *(100vw / 750));
    margin-left: calc(45 *(100vw / 750));
  }
  .sec-06 .blk-02 .secImg-06-02 {
    width: calc(700 *(100vw / 750));
    margin-top: calc(140 *(100vw / 750));
    margin-left: calc(50 *(100vw / 750));
  }
  .sec-06 .blk-02 .secCredit {
    margin-top: calc(33 *(100vw / 750));
    margin-left: calc(50 *(100vw / 750));
  }
  .sec-07 {
    width: calc(750 *(100vw / 750));
  }
  .sec-07 .blk-01 .secImg-07-01 {
    width: calc(650 *(100vw / 750));
  }
  .sec-07 .blk-02 .secCredit {
    margin-right: calc(47 *(100vw / 750));
    margin-bottom: calc(-11 *(100vw / 750));
    line-height: 1.8;
  }
  .sec-07 .blk-02 .secImg-07-02 {
    width: calc(450 *(100vw / 750));
    margin-top: calc(19 *(100vw / 750));
  }
  .sec-08 {
    margin-top: calc(188 *(100vw / 750));
    width: calc(750 *(100vw / 750));
  }
  .sec-08 .blk-01 {
    width: calc(450 *(100vw / 750));
  }
  .sec-08 .blk-01 .secImg-08-01 {
    width: calc(450 *(100vw / 750));
    margin-left: 0;
  }
  .sec-08 .blk-02 {
    margin-left: calc(150 *(100vw / 750));
  }
  .sec-08 .blk-02 .secImg {
    width: calc(600 *(100vw / 750));
    margin-top: calc(-103 *(100vw / 750));
  }
  .sec-08 .blk-02 .secCredit {
    margin-top: calc(34 *(100vw / 750));
  }
  .sec-09 {
    margin: calc(140 *(100vw / 750)) auto 0;
    width: calc(750 *(100vw / 750));
  }
  .sec-09 .secImg {
    width: calc(600 *(100vw / 750));
  }
  .sec-09 .secCredit {
    margin-top: calc(34 *(100vw / 750));
    margin-left: calc(75 *(100vw / 750));
  }
  .sec-10 {
    margin-top: calc(140 *(100vw / 750));
    width: calc(750 *(100vw / 750));
  }
  .sec-10 .blk-01 .secImg-10-01 {
    width: calc(750 *(100vw / 750));
  }
  .sec-10 .blk-02 {
    margin-top: unset;
    margin-left: calc(41 *(100vw / 750));
  }
  .sec-10 .blk-02 .secCredit {
    margin-right: calc(43 *(100vw / 750));
    margin-bottom: calc(-12 *(100vw / 750));
  }
  .sec-10 .blk-02 .secImg {
    width: calc(390 *(100vw / 750));
    margin-top: calc(19 *(100vw / 750));
  }
  .sec-11 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: calc(150 *(100vw / 750));
    width: calc(750 *(100vw / 750));
  }
  .sec-11 .blk-01 .secImg-11-01 {
    width: calc(550 *(100vw / 750));
  }
  .sec-11 .blk-02 {
    margin-top: calc(19 *(100vw / 750));
  }
  .sec-11 .blk-02 .secCredit {
    margin-right: calc(224 *(100vw / 750));
    margin-bottom: unset;
    margin-top: calc(35 *(100vw / 750));
  }
  .sec-11 .blk-02 .secImg-11-02 {
    width: calc(500 *(100vw / 750));
  }
  .sec-12 {
    margin-top: calc(189 *(100vw / 750));
    margin-left: unset;
    width: calc(750 *(100vw / 750));
  }
  .sec-12 .blk-01 {
    width: calc(444 *(100vw / 750));
  }
  .sec-12 .blk-01 .secImg-12-01 {
    width: calc(444 *(100vw / 750));
  }
  .sec-12 .blk-02 {
    margin-left: calc(150 *(100vw / 750));
  }
  .sec-12 .blk-02 .secImg {
    width: calc(600 *(100vw / 750));
    margin-top: calc(-218 *(100vw / 750));
  }
  .sec-12 .blk-02 .secCredit {
    margin-top: calc(34 *(100vw / 750));
  }
  .sec-13 {
    margin-top: calc(140 *(100vw / 750));
    width: calc(601 *(100vw / 750));
  }
  .sec-13 .secImg {
    width: calc(601 *(100vw / 750));
  }
  .sec-13 .secCredit {
    margin-top: calc(34 *(100vw / 750));
  }
  .sec-14 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: calc(138 *(100vw / 750));
    margin-left: 0;
    width: calc(750 *(100vw / 750));
  }
  .sec-14 .blk-01 .secImg-14-01 {
    width: calc(550 *(100vw / 750));
  }
  .sec-14 .blk-02 {
    margin-top: calc(23 *(100vw / 750));
  }
  .sec-14 .blk-02 .secCredit {
    margin-right: calc(115 *(100vw / 750));
    margin-bottom: unset;
    margin-top: calc(36 *(100vw / 750));
  }
  .sec-14 .blk-02 .secImg-14-02 {
    width: calc(500 *(100vw / 750));
  }
  .sec-15 {
    margin-top: calc(140 *(100vw / 750));
    width: calc(750 *(100vw / 750));
  }
  .sec-15 .blk-01 .secImg-15-01 {
    width: calc(750 *(100vw / 750));
  }
  .sec-15 .blk-02 {
    margin-top: calc(99 *(100vw / 750));
    margin-left: auto;
    margin-right: calc(80 *(100vw / 750));
  }
  .sec-15 .blk-02 .secCredit {
    margin-right: calc(66 *(100vw / 750));
    margin-bottom: unset;
    margin-top: calc(37 *(100vw / 750));
  }
  .sec-15 .blk-02 .secImg-15-02 {
    width: calc(555 *(100vw / 750));
  }
  .staff {
    position: relative;
    margin-left: unset;
    margin-top: calc(180 *(100vw / 750));
  }
  .staff__bg {
    width: calc(750 *(100vw / 750));
  }
  .staff__txt {
    font-size: calc(20 *(100vw / 750));
    line-height: 2.25;
    position: absolute;
    left: calc(51 *(100vw / 750));
    bottom: calc(42 *(100vw / 750));
  }
  /* ===================
　　  button
=================== */
  .m-btn {
    width: calc(676 *(100vw / 750));
    margin: 0 auto;
    padding: calc(200 *(100vw / 750)) 0;
  }
  .m-btn a {
    width: calc(676 *(100vw / 750));
    height: calc(126 *(100vw / 750));
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border: 1px solid #000;
    background-color: #fff;
    font-family: 'Crimson Text', serif;
    font-size: calc(22 *(100vw / 750));
    line-height: 1.54;
    letter-spacing: 0.002em;
    text-align: center;
  }
}
/*# sourceMappingURL=style.css.map */