@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
================= */
img{
    color: inherit;
    text-decoration: none;
    -webkit-transition: .3s;
    transition: .3s;
    width: 100%;
}
.main-area .main-inner{
    width: 100%;
    max-width: none;
}
#drs_1217{
    width: 100%;
    margin: 0 auto;
    font-feature-settings: "palt";
    box-sizing: border-box;
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
}
#drs_1217 .cnt_1217{
    width: calc( 750 * (100vw / 750));
    margin: 0 auto;
}
#drs_1217 .price{
    font-size: calc( 32 * (100vw / 750));
    margin-bottom: calc( 49 * (100vw / 750));
}
#drs_1217 .txt{
    font-size: calc( 24 * (100vw / 750));
    letter-spacing: 0.05em;
    line-height: 1.75;
    font-feature-settings: normal;
    text-align: justify;
}
#drs_1217 .te_c{
    text-align: center;
}
#drs_1217 .num{
    font-size: calc( 84 * (100vw / 750));
    color: #111111;
    line-height: 1;
}
#drs_1217 .credit{
    font-size: calc( 30 * (100vw / 750));
    margin-bottom: calc( 12 * (100vw / 750));
}

#drs_1217 .acp_ft{
    font-family: adobe-caslon-pro,serif;
    font-weight: 400;
    font-style: normal;
}
#drs_1217 .alf_ft{
    font-family: al-fresco,sans-serif;
    font-weight: 400;
    font-style: normal;
}
.pc_only{
    display: none;
}
/* =================
	ttl
================= */
#drs_1217 .ttl{
    margin: calc( 112 * (100vw / 750)) auto calc( -28 * (100vw / 750));
    font-size: calc( 70 * (100vw / 750));
}
#drs_1217 .sub_ttl{
    margin: 0 auto calc( 6 * (100vw / 750));
    font-size: calc( 68 * (100vw / 750));
}
#drs_1217 .sub_txt{
    font-size: calc( 26 * (100vw / 750));
    letter-spacing: 0.2em;
    margin-bottom: calc( 50 * (100vw / 750));
    position: relative;
}
#drs_1217 .ttl_sub_txt{
    font-size: calc( 24 * (100vw / 750));
    letter-spacing: 0.05em;
    margin-bottom: calc( 185 * (100vw / 750));
	line-height: calc(46*(100vw/750));
	text-align: center;
    position: relative;
}
#drs_1217 .ttl_sub_txt::before{
    content: "";
    position: absolute;
    width: calc( 80 * (100vw / 750));
    height: 1px;
    top: calc( 275 * (100vw / 750));
    left: 45%;
    background-color: #000;
}
/* =================
	sec1
================= */
#drs_1217 .sec1{
    width: calc( 750 * (100vw / 750));
    margin: 0 auto calc( 142 * (100vw / 750));
}
#drs_1217 .sec1 .model_01{
    width: calc( 600 * (100vw / 750));
    margin: 0 auto calc( 59 * (100vw / 750));
}
#drs_1217 .sec1 .cnt{
    display: flex;
    flex-wrap: wrap-reverse;
}
#drs_1217 .sec1 .cnt._01 .txt{
    width: calc( 598 * (100vw / 750));
    margin: 0 0 calc( 89 * (100vw / 750)) calc( 115 * (100vw / 750));
}
#drs_1217 .sec1 .cnt._01 .imgbox{
    width: calc( 562 * (100vw / 750));
    margin-bottom: calc( 53 * (100vw / 750));
}
#drs_1217 .sec1 .model_02{
    width: calc( 641 * (100vw / 750));
    margin-bottom: calc( 57 * (100vw / 750));
}
#drs_1217 .sec1 .cnt._02 .txt{
    width: calc( 598 * (100vw / 750));
    margin-left: calc( 37 * (100vw / 750));
}
#drs_1217 .sec1 .cnt._02 .imgbox{
    width: calc( 600 * (100vw / 750));
    margin: 0 0 calc( 53 * (100vw / 750)) calc( 113 * (100vw / 750));
}
/* =================
	sec2
================= */
#drs_1217 .sec2{
    /* margin-bottom: 138px; */
}
#drs_1217 .sec2 .model{
    width: calc( 638 * (100vw / 750));
    margin: 0 auto calc( 59 * (100vw / 750));
}
#drs_1217 .sec2 .cnt._01 .imgbox{
    width: calc( 488 * (100vw / 750));
    margin: 0 auto calc( 52 * (100vw / 750));
}
#drs_1217 .sec2 .txt{
    margin-left: calc( 37 * (100vw / 750));
}
#drs_1217 .sec2 .cnt._01 .txt{
    width: calc( 668 * (100vw / 750));
    margin-bottom: calc( 91 * (100vw / 750));
    letter-spacing: 0.055em;
}
#drs_1217 .sec2 .cnt._02{
    display: flex;
    flex-wrap: wrap-reverse;
}
#drs_1217 .sec2 .cnt._02 li:first-child a{
    display: block;
    width: calc( 638 * (100vw / 750));
    margin-bottom: calc( 52 * (100vw / 750));
}
#drs_1217 .sec2 .cnt._02 li:nth-child(2){
    width: calc( 525 * (100vw / 750));
    margin: 0 0 calc( 59 * (100vw / 750)) auto;
}
#drs_1217 .sec2 .txt._fst{
    width: calc( 668 * (100vw / 750));
    margin-bottom: calc( 190 * (100vw / 750));
    letter-spacing: 0.065em;
}
/* =================
	bnt
================= */
#drs_1217 .drs_btn{
    width: calc( 675 * (100vw / 750));
    margin: 0 auto calc( 201 * (100vw / 750));
}
#drs_1217 .drs_btn a{
    display: block;
}