@charset "UTF-8";
/* ===============================================
    ! Foundation !
=============================================== */
/* =====================================
    * setting for animation style *
===================================== */
.fadeIn {
    opacity: 0;
    -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
            transform: translate(0, 0);
    /* 縦方向に下げておくことで、下から上に上がってくるようなアニメーションになります */
    -webkit-transition: all 1000ms;
    transition: all 1000ms;
  }
  
  /* jQueryでスクロール量に応じて付与された 'scrollIn' のスタイル */
  .fadeIn.scrollIn {
    opacity: 1;
    -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
            transform: translate(0, 0);
  }
/* =================
	all
================= */
.main-area .main-inner{
    width: 100%;
    max-width: none;
}
#staff_height_200918{
    width: calc( 750 * (100vw / 750));
    margin: 0 auto;
    font-feature-settings: "palt";
    box-sizing: border-box;
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic", Noto Sans JP, "Open Sans", "メイリオ", sans-serif;
}
#staff_height_200918 img{
    width: 100%;
}
.flexbox{
    display: flex;
}
.sec_txt{
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic", Noto Sans JP, "Open Sans", "メイリオ", sans-serif;
    font-size: calc( 24 * (100vw / 750));
    letter-spacing: 0.05em;
    line-height: 2;
    font-feature-settings: normal;
    padding-bottom: calc( 23 * (100vw / 750));
}
.price{
    font-family: quasimoda, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: calc( 24 * (100vw / 750));
    line-height: 1.5;
    letter-spacing: 0.1em;
}
.credit{
    margin-left: calc( 37 * (100vw / 750));
}
.pc_only{
    display: none !important;
}
/* =================
	title(top)
================= */
#staff_height_200918 .ttl_area{
    margin-top: calc( 90 * (100vw / 750));
    margin-bottom: calc( 112 * (100vw / 750));
    text-align: center;
}
#staff_height_200918 .ttl_area._02{
    margin-bottom: calc( 100 * (100vw / 750));
}
#staff_height_200918 .ttl_area._03{
    margin-top: calc( 62 * (100vw / 750));
    margin-bottom: calc( 103 * (100vw / 750));
}
#staff_height_200918 .ttl_area .ttlbox span{
    display: block;
}
#staff_height_200918 .ttl_area .ttlbox span:first-child{
    font-size: calc( 34 * (100vw / 750));
    padding-bottom: calc( 7 * (100vw / 750));
    letter-spacing: 0.04em;
    line-height:1.5;
}
#staff_height_200918 .ttl_area .ttlbox span:nth-child(2){
    font-size: calc( 68 * (100vw / 750));
    letter-spacing: 0.09em;
    position: relative;
    padding-bottom: calc( 23 * (100vw / 750));
}
#staff_height_200918 .ttl_area .ttlbox span:nth-child(2)::after{
    content: "";
    position: absolute;
    width: calc( 600 * (100vw / 750));
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    border-bottom: calc( 1 * (100vw / 750)) solid #000000;
}
#staff_height_200918 .ttl_area .ttlbox span:last-child{
    font-size: calc( 40 * (100vw / 750));
    letter-spacing: 0.04em;
    font-family: quasimoda, sans-serif;
    font-weight: 400;
    font-style: normal;
    padding-top: calc( 20 * (100vw / 750));
}
#staff_height_200918 .ttl_area .subttl{
    font-size: calc( 27 * (100vw / 750));
    letter-spacing: 0.05em;
    line-height: 1.85;
    padding-top: calc( 40 * (100vw / 750));
    font-feature-settings: normal;
}
#staff_height_200918 .ttl_area .ttlbox_top span{
    display: block;
}
#staff_height_200918 .ttl_area .ttlbox_top span:first-child{
    text-align: center;
    font-size: calc( 32 * (100vw / 750));
    letter-spacing: 0.05em;
    font-family: quasimoda, sans-serif;
    font-weight: 400;
    font-style: normal;
    position: relative;
    padding-top: calc( 130* (100vw / 750));
    z-index: 1;
}
#staff_height_200918 .ttl_area._02 .ttlbox_top .ttlbox_txt{
    width: calc( 690 * (100vw / 750));
    margin: 0 auto;
  }
#staff_height_200918 .ttl_area._02 .ttlbox_top span:first-child{
    padding-top: calc( 76 * (100vw / 750));
}
#staff_height_200918 .ttl_area._03 .ttlbox_top span:first-child{
    padding-top: calc( 104 * (100vw / 750));
}
#staff_height_200918 .ttl_area .ttlbox_top span:first-child::after{
    content: "";
    position: absolute;
    width: calc( 180 * (100vw / 750));
    bottom: calc( 2 * (100vw / 750));
    left: 50%;
    transform: translateX(-50%);
    border-bottom: calc( 18 * (100vw / 750)) solid #E5E5E5;
    z-index: -1;
}
#staff_height_200918 .ttl_area .ttlbox_top span:nth-child(2){
    text-align: center;
    font-size: calc( 38 * (100vw / 750));
    letter-spacing: 0.07em;
    padding-top: calc( 20 * (100vw / 750));
    font-feature-settings: normal;
}
#staff_height_200918 .ttl_area .ttlbox_top img{
    width: calc( 360 * (100vw / 750));
    padding-top: calc( 20 * (100vw / 750));
}
#staff_height_200918 .ttl_area._03 .ttlbox_top img{
    padding-top: 0;
}
#staff_height_200918 .ttl_area .ttlbox_top .ttlbox_price{
    font-size: calc( 26 * (100vw / 750));
    font-family: quasimoda, sans-serif;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0.1em;
    padding-top: calc( 16* (100vw / 750));
}
#staff_height_200918 .ttl_area._02 .ttlbox_top .ttlbox_price{
    padding-top: calc( 20 * (100vw / 750));
}
#staff_height_200918 .ttl_area._03 .ttlbox_top .ttlbox_price{
    padding-top: 0;
    margin-top: calc( -20 * (100vw / 750));
    margin-right: calc( 12 * (100vw / 750));
}
#staff_height_200918 .ttl_area .ttlbox_top .ttlbox_txt{
    width: calc( 610 * (100vw / 750));
    margin: 0 auto;
    font-size: calc( 24 * (100vw / 750));
    letter-spacing: 0.06em;
    line-height: 2;
    padding-top: calc( 48 * (100vw / 750));
    font-feature-settings: normal;
}
/* =================
	section1
================= */
#staff_height_200918 .sec1{
    margin-bottom: calc( 140 * (100vw / 750));
}
#staff_height_200918 .sec1 .imgbox01{
    width: calc( 600 * (100vw / 750));
    margin: 0 auto;
    margin-bottom: calc( 40 * (100vw / 750));
    position: relative;
}
#staff_height_200918 .sec1 .imgbox01 .posibox{
    position: absolute;
    width: calc( 271 * (100vw / 750));
    top: calc( 100 * (100vw / 750));
    left: calc( -59 * (100vw / 750));
}
#staff_height_200918 .sec1 .flexbox{
    width: calc( 750 * (100vw / 750));
    margin: 0 auto;
    justify-content: space-between;
}
#staff_height_200918 .sec1 .imgbox02,#staff_height_200918 .sec1 .imgbox03{
    width: calc( 360 * (100vw / 750));
}
#staff_height_200918 .sec1 .credit{
    margin-top: calc( 47 * (100vw / 750));
    margin-left: calc( 38 * (100vw / 750));
}
#staff_height_200918 .sec1 .sec_txt{
    width: calc( 673 * (100vw / 750));
    text-align: justify;
    padding-bottom: calc( 21 * (100vw / 750));
}
/* =================
	section2
================= */
#staff_height_200918 .sec2{
    margin-bottom: calc( 139 * (100vw / 750));
}
#staff_height_200918 .sec2 .imgbox01{
    width: calc( 638 * (100vw / 750));
    margin: 0 auto;
    margin-bottom: calc( 39 * (100vw / 750));
    position: relative;
}
#staff_height_200918 .sec2 .imgbox01 .posibox{
    position: absolute;
    width: calc( 282 * (100vw / 750));
    top: calc( 78 * (100vw / 750));
    right: calc( -46 * (100vw / 750));
}
#staff_height_200918 .sec2 .flexbox{
    width: calc( 750 * (100vw / 750));
    margin: 0 auto;
    flex-wrap: wrap;
}
#staff_height_200918 .sec2 .imgbox02,#staff_height_200918 .sec2 .imgbox03{
    width: calc( 360 * (100vw / 750));
}
#staff_height_200918 .sec2 .imgbox02{
    margin-top: calc( 100 * (100vw / 750));
    margin-right: calc( 30 * (100vw / 750));
}
#staff_height_200918 .sec2 .credit{
    margin-top: calc( 48 * (100vw / 750));
}
#staff_height_200918 .sec2 .sec_txt{
    width: calc( 675 * (100vw / 750));
    text-align: justify;
    padding-bottom: calc( 18 * (100vw / 750));
}
/* =================
	section3
================= */
#staff_height_200918 .sec3{
    width: calc( 750 * (100vw / 750));
    margin-bottom: calc( 92 * (100vw / 750));
}
#staff_height_200918 .sec3 .flexbox{
    flex-wrap: wrap;
}
#staff_height_200918 .sec3 .blockbox{
    /*width: calc( 690 * (100vw / 750));*/
    margin: 0 auto;
    order: 2;
}
#staff_height_200918 .sec3 .imgbox01,
#staff_height_200918 .sec3 .imgbox02{
    width: calc( 375 * (100vw / 750));
}
#staff_height_200918 .sec3 .imgbox01{
    margin-top: calc( 37 * (100vw / 750));
    z-index: 10;
}
#staff_height_200918 .sec3 .imgbox02{
    margin-top: calc( 337 * (100vw / 750));
    margin-left: calc( -60 * (100vw / 750));
    z-index: 20;
}
#staff_height_200918 .sec3 .imgbox03{
    width: calc( 600 * (100vw / 750));
    margin-left: auto;
    order: 1;
    position: relative;
}
#staff_height_200918 .sec3 .imgbox03 .posibox{
    position: absolute;
    width: calc( 271 * (100vw / 750));
    top: calc( 99 * (100vw / 750));
    left: calc( -132 * (100vw / 750));
}
#staff_height_200918 .sec3 .credit{
    margin-top: calc( 49 * (100vw / 750));
    order: 3;
}
#staff_height_200918 .sec3 .sec_txt{
    width: calc( 670 * (100vw / 750));
    text-align: justify;
    padding-bottom: calc( 22 * (100vw / 750));
}
/* =================
	section4
================= */
#staff_height_200918 .sec4{
    margin-bottom: calc( 148 * (100vw / 750));
}
#staff_height_200918 .sec4 .imgbox01{
    width: calc( 600 * (100vw / 750));
    margin: 0 auto;
    margin-bottom: calc( 40 * (100vw / 750));
    position: relative;
}
#staff_height_200918 .sec4 .imgbox01 .posibox{
    position: absolute;
    width: calc( 282 * (100vw / 750));
    top: calc( 81 * (100vw / 750));
    right: calc( -65 * (100vw / 750));
}
#staff_height_200918 .sec4 .flexbox{
    width: calc( 750 * (100vw / 750));
    margin: 0 auto;
    justify-content: space-between;
}
#staff_height_200918 .sec4 .imgbox02,#staff_height_200918 .sec4 .imgbox03{
    width: calc( 360 * (100vw / 750));
}
#staff_height_200918 .sec4 .credit{
    margin-top: calc( 57 * (100vw / 750));
}
#staff_height_200918 .sec4 .sec_txt{
    width: calc( 675 * (100vw / 750));
    text-align: justify;
    padding-bottom: calc( 20 * (100vw / 750));
}
/* =================
	section5
================= */
#staff_height_200918 .sec5{
    width: calc( 750 * (100vw / 750));
    margin-bottom: calc( 144 * (100vw / 750));
}
#staff_height_200918 .sec5 .flexbox{
    flex-wrap: wrap;
}
#staff_height_200918 .sec5 .blockbox{
    /*width: calc( 690 * (100vw / 750));*/
    margin: 0 auto;
    order: 2;
}
#staff_height_200918 .sec5 .imgbox01,
#staff_height_200918 .sec5 .imgbox02{
    width: calc( 375 * (100vw / 750));
}
#staff_height_200918 .sec5 .imgbox01{
    margin-top: calc( 39 * (100vw / 750));
    z-index: 10;
}
#staff_height_200918 .sec5 .imgbox02{
    margin-top: calc( 340 * (100vw / 750));
    margin-left: calc( -60 * (100vw / 750));
    z-index: 20;
}
#staff_height_200918 .sec5 .imgbox03{
    width: calc( 600 * (100vw / 750));
    margin-left: calc( 120 * (100vw / 750));
    order: 1;
    position: relative;
}
#staff_height_200918 .sec5 .imgbox03 .posibox{
    position: absolute;
    width: calc( 271 * (100vw / 750));
    top: calc( 99 * (100vw / 750));
    left: calc( -99 * (100vw / 750));
}
#staff_height_200918 .sec5 .credit{
    order: 3;
    margin-top: calc( 47 * (100vw / 750));
}
#staff_height_200918 .sec5 .sec_txt{
    width: calc( 675 * (100vw / 750));
    text-align: justify;
    padding-bottom: calc( 19 * (100vw / 750));
}
/* =================
	section6
================= */
#staff_height_200918 .sec6{
    margin-bottom: calc( 144 * (100vw / 750));
}
#staff_height_200918 .sec6 .imgbox01{
    width: calc( 600 * (100vw / 750));
    margin: 0 auto;
    position: relative;
}
#staff_height_200918 .sec6 .imgbox01 .posibox{
    position: absolute;
    width: calc( 282 * (100vw / 750));
    top: calc( 79 * (100vw / 750));
    right: calc( -65 * (100vw / 750));
}
#staff_height_200918 .sec6 .flexbox{
    flex-wrap: wrap;
}
#staff_height_200918 .sec6 .imgbox02,#staff_height_200918 .sec6 .imgbox03{
    width: calc( 360 * (100vw / 750));
}
#staff_height_200918 .sec6 .imgbox02{
    margin-top: calc( 39 * (100vw / 750));
    margin-right: calc( 30 * (100vw / 750));
}
#staff_height_200918 .sec6 .imgbox03{
    margin-top: calc( 139 * (100vw / 750));
}
#staff_height_200918 .sec6 .credit{
    margin-top: calc( 47 * (100vw / 750));
}
#staff_height_200918 .sec6 .sec_txt{
    width: calc( 675* (100vw / 750));
    text-align: justify;
}
/* =================
	section7
================= */
#staff_height_200918 .sec7{
    margin-bottom: calc( 140 * (100vw / 750));
}
#staff_height_200918 .sec7 .flexbox{
    display: flex;
    flex-wrap: wrap;
}
#staff_height_200918 .sec7 .imgbox01{
    width: calc( 600 * (100vw / 750));
    margin: 0 auto;
    margin-bottom: calc( 40 * (100vw / 750));
    position: relative;
    order: 1;
}
#staff_height_200918 .sec7 .imgbox01 .posibox{
    position: absolute;
    width: calc( 271 * (100vw / 750));
    top: calc( 106 * (100vw / 750));
    left: calc( -60 * (100vw / 750));
}
#staff_height_200918 .sec7 .imgbox02{
    width: calc( 450 * (100vw / 750));
    margin-left: calc( 30 * (100vw / 750));
    order: 3;
}
#staff_height_200918 .sec7 .imgbox03{
    width: calc( 375 * (100vw / 750));
    margin-left: calc( 345 * (100vw / 750));
    margin-bottom: calc( 39 * (100vw / 750));
    order: 2;
}
#staff_height_200918 .sec7 .sec_txt{
    width: calc( 675 * (100vw / 750));
    text-align: justify;
    margin-top: calc( 49 * (100vw / 750));
    margin-left: calc( 37 * (100vw / 750));
    padding-bottom: calc( 27 * (100vw / 750));
    order: 4;
}
#staff_height_200918 .sec7 .price{
    margin-left: calc( 37 * (100vw / 750));
    order: 5;
}
/* =================
	section8
================= */
#staff_height_200918 .sec8{
    margin-bottom: calc( 140 * (100vw / 750));
}
#staff_height_200918 .sec8 .flexbox{
    flex-wrap: wrap;
}
#staff_height_200918 .sec8 .blockbox{
    display: flex;
    justify-content: space-between;
    width: calc( 690 * (100vw / 750));
    margin: 0 auto;
    order: 2;
}
#staff_height_200918 .sec8 .imgbox01,
#staff_height_200918 .sec8 .imgbox02{
    width: calc( 330 * (100vw / 750));
}
#staff_height_200918 .sec8 .imgbox03{
    width: calc( 600 * (100vw / 750));
    margin: 0 auto;
    margin-bottom: calc( 40 * (100vw / 750));
    position: relative;
    order: 1;
}
#staff_height_200918 .sec8 .imgbox03 .posibox{
    position: absolute;
    width: calc( 282 * (100vw / 750));
    top: calc( 79 * (100vw / 750));
    right: calc( -55 * (100vw / 750));
}
#staff_height_200918 .sec8 .sec_txt{
    width: calc( 670 * (100vw / 750));
    text-align: justify;
    padding-bottom: calc( 20 * (100vw / 750));
	letter-spacing: 0.12em;
}
#staff_height_200918 .sec8 .credit{
    margin-top: calc( 49 * (100vw / 750));
    order: 3;
}
/* =================
	section9
================= */
#staff_height_200918 .sec9{
    margin-bottom: calc( 166 * (100vw / 750));
}
#staff_height_200918 .sec9 .imgbox01{
    width: calc( 638 * (100vw / 750));
    margin-left: auto;
    margin-bottom: calc( 40 * (100vw / 750));
    position: relative;
}
#staff_height_200918 .sec9 .imgbox01 .posibox{
    position: absolute;
    width: calc( 271 * (100vw / 750));
    top: calc( 105 * (100vw / 750));
    left: calc( -93 * (100vw / 750));
}
#staff_height_200918 .sec9 .flexbox{
    width: calc( 720 * (100vw / 750));
    margin-left: calc( 30 * (100vw / 750));
}
#staff_height_200918 .sec9 .imgbox02{
    width: calc( 360 * (100vw / 750));
    z-index: 10;
}
#staff_height_200918 .sec9 .imgbox03{
    width: calc( 450 * (100vw / 750));
    margin-top: calc( 402 * (100vw / 750));
    margin-left: calc( -90 * (100vw / 750));
    z-index: 20;
}
#staff_height_200918 .sec9 .sec_txt{
    width: calc( 675 * (100vw / 750));
    text-align: justify;
    padding-bottom: calc( 19 * (100vw / 750));
}
#staff_height_200918 .sec9 .credit{
    margin-top: calc( 49 * (100vw / 750));
}
/* =================
	btn
================= */
#staff_height_200918 .staff_btn{
    box-sizing: border-box;
    width: calc( 675 * (100vw / 750));
    height: calc( 160 * (100vw / 750));
    margin: 0 auto;
    margin-bottom: calc( 60 * (100vw / 750));
    font-size: calc( 46 * (100vw / 750));
    font-family: quasimoda, sans-serif;
    font-weight: 400;
    font-style: normal;
    line-height: calc( 160 * (100vw / 750));
    letter-spacing: 0.04em;
    line-height: 3.1;
    text-align: center;
    border: calc( 1 * (100vw / 750)) solid #000000;
}
#staff_height_200918 .staff_btn a{
    display: block;
}
/* =================
	vol1
================= */
#staff_height_200918 .vol1{
    width: calc( 202 * (100vw / 750));
    margin: 0 auto;
    margin-bottom: calc( 201 * (100vw / 750));
}