/* ===============================================
    ! Foundation !
=============================================== */
/* =====================================
    * setting for animation style *
===================================== */
.fadeIn {
  opacity: 0;
  -webkit-transform: translate(0, 50px);
  -ms-transform: translate(0, 50px);
  transform: translate(0, 50px);
  -webkit-transition: all 1500ms;
  transition: all 1500ms;
  }
  
  /* 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;
}

#tanaka_09{
  width: calc( 750 * (100vw / 750));
  margin: 0 auto;
  box-sizing: border-box;
  font-feature-settings: "palt";
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
  overflow-y: auto;
  overflow-x: hidden;
}

#tanaka_09 a{
  display: block;
}

.flexbox{
  display: flex;
}

.sec h3,.ai_ttl{
font-family: 'Cormorant Infant', serif;
font-weight: 300;
}

.ai_ttl{
text-align: center;
}

.sec h3 span{
letter-spacing: 0.05em;
white-space: nowrap;
display: block;
}

.sec h3 .scon{
  padding-left: calc(40* (100vw / 750));
}

.model_txt,.d_txt{
font-weight: 400;
line-height: 1.5;
letter-spacing: 0.05em;
}

.d_txt{
  font-size: calc(20* (100vw / 750));
}

.model_txt{
  font-size: calc(24* (100vw / 750));
  margin-bottom: calc(24* (100vw / 750));
}

.price{
font-size: calc(20* (100vw / 750));
font-weight: 300;
line-height: 1.6;
font-feature-settings: normal;
text-align: center;
}

.ai_txt{
width: calc(262* (100vw / 750));
font-size: calc(20* (100vw / 750));
/* letter-spacing: 0.09em; */
line-height: 1.7;
}

.ai_ttl{
font-size: calc(35* (100vw / 750));
letter-spacing: 0.12em;
line-height: 1.3;
margin-bottom: calc(9* (100vw / 750));
display: block;
}

#tanaka_09 .tanaka_footer{
width: calc(420* (100vw / 750));
margin: 0 auto calc(100* (100vw / 750));
}

#tanaka_09 .tanaka_btn{
width: calc(676* (100vw / 750));
margin: 0 auto calc(100* (100vw / 750));
display: block;
}

#tanaka_09 .tanaka_btn a img{
width: 100%;
}

.pc_only{
  display: none !important;
}

/* =================
ttlbox
================= */
.ttlbox{
width: calc(650* (100vw / 750));
margin: 0 auto;
}
.ttlbox h2{
position: relative;
margin-top: calc(106* (100vw / 750));
font-family: 'Cormorant Infant', serif;
}

.ttlbox h2 .js-target:first-of-type{
  width: calc(650* (100vw / 750));
  margin: 0 auto calc(-8* (100vw / 750));
  font-size: calc(74* (100vw / 750));
  padding-left: calc(10* (100vw / 750));
  font-weight: 300;
  letter-spacing: 0.18em;
  display: block;
  overflow: visible !important;
  transform: scaleX(0.91);
  white-space: nowrap;
}

.ttlbox h2 .js-target:nth-of-type(2){
width: calc(440* (100vw / 750));
margin: 0 auto calc(12* (100vw / 750));
font-size: calc(40* (100vw / 750));
font-weight: 400;
letter-spacing: 0.1em;
font-style: italic;
transform: scaleX(0.91);
}

.ttlbox .sub_ttl{
width: calc(404* (100vw / 750));
margin: 0 auto calc(35* (100vw / 750));
}

.ttlbox h3{
font-size: calc(26* (100vw / 750));
line-height: 1.43;
margin-bottom: calc(25* (100vw / 750));
text-align: center;
font-feature-settings: normal;
}

.ttlbox .sub_txt{
width: calc(603* (100vw / 750));
margin: 0 auto calc(122* (100vw / 750));
font-size: calc(24* (100vw / 750));
font-weight: 400;
letter-spacing: 0.06em;
line-height: 1.63;
}

#tanaka_09 .ttlbox .sub_txt a{
  display: inline-block !important;
  text-decoration: underline;
  text-underline-position: under;
}

/* =================
sec1
================= */
#tanaka_09 .sec{
position: relative;
margin-bottom: calc(116* (100vw / 750));
}

#tanaka_09 .sec h3{
height: calc(95* (100vw / 750));
margin-bottom: calc(38* (100vw / 750));
letter-spacing: 0.08em;
}

#tanaka_09 .sec h3 .js-target:first-child{
  width: calc(270* (100vw / 750));
  margin: 0 auto calc(26* (100vw / 750));
  font-size: calc(32* (100vw / 750));
  display: block;
  position: relative;
  padding-left: calc(10* (100vw / 750));
}

#tanaka_09 .sec h3 .js-target:first-child::before{
position: absolute;
content: '';
background-color: #000;
width: calc(247* (100vw / 750));
height: 1px;
bottom: 0;
left: 49%;
transform: translateX(-49%);
}

#tanaka_09 .sec h3 .js-target:nth-child(2){
  width: calc(580* (100vw / 750));
  margin: calc(-24* (100vw / 750)) auto;
  font-size: calc(64* (100vw / 750));
  display: block;
}

#tanaka_09 .sec .model_01{
position: relative;
width: calc(600* (100vw / 750));
margin: 0 auto calc(41* (100vw / 750));
}

#tanaka_09 .sec .model_01 > a{
position: relative;
margin-bottom: calc(38* (100vw / 750));
}

#tanaka_09 .sec .model_01 > a::after{
position: absolute;
content: '1';
font-family: 'Cormorant Infant', serif;
font-weight: 300;
font-style: italic;
color: #fff;
font-size: calc(95* (100vw / 750));
z-index: 5;
}

#tanaka_09 .sec._01 .model_01 > a::after{
  top: calc(7* (100vw / 750));
  left: calc(25* (100vw / 750));
}

#tanaka_09 .sec .model_01 > a::before{
content: '';
background-color: #000;
position: absolute;
width: calc(600* (100vw / 750));
height: calc(881* (100vw / 750));
top: calc(17* (100vw / 750));
left: calc(17* (100vw / 750));
z-index: -1;
}

#tanaka_09 .sec .detail{
width: calc(600* (100vw / 750));
margin: 0 auto calc(40* (100vw / 750));
}

#tanaka_09 .sec .detail .imgbox{
justify-content: space-between;
margin-bottom: calc(25* (100vw / 750));
}

#tanaka_09 .sec .detail .imgbox a{
width: calc(292* (100vw / 750));
}

#tanaka_09 .sec .detail .d_txt{
width: calc(600* (100vw / 750));
margin: 0 auto calc(47* (100vw / 750));
line-height: 1.7;
}

#tanaka_09 .sec .detail .ai_box{
position: relative;
justify-content: space-between;
margin-bottom: calc(75* (100vw / 750));
}

#tanaka_09 .sec._01 .detail .ai_box{
  margin-bottom: calc(55*(100vw / 750));
flex-flow: row-reverse;
}

#tanaka_09 .sec .detail .ai_box{
width: calc(600* (100vw / 750));
margin-top: calc(93* (100vw / 750));
}

#tanaka_09 .sec .detail .ai_box::before{
position: absolute;
content: '';
background-color: #000;
width: calc(600* (100vw / 750));
 height: 1px;
top: calc(-50* (100vw / 750));
left: 0;
z-index: -1;
}

#tanaka_09 .sec .detail .ai_box::after{
position: absolute;
content: '';
background-color: #000;
width: calc(600* (100vw / 750));
 height: 1px;
top: calc(369* (100vw / 750));
left: 0;
z-index: -1;
}

#tanaka_09 .sec._01 .detail .ai{
  width: calc(390* (100vw / 750));
}

#tanaka_09 .sec._01 .detail .ai>span:first-child{
  width: calc(220* (100vw / 750));
  height: calc(241* (100vw / 750));
  padding-top: calc(106* (100vw / 750));
  margin-left: calc(43* (100vw / 750));
  transition-delay: 1s;
}

#tanaka_09 .sec._01 .detail .ai>span:nth-child(2){
  width: calc(292* (100vw / 750));
  margin-top: calc(-90* (100vw / 750));
  margin-left: calc(-110* (100vw / 750));
  transition-delay:0.5s;
}

#tanaka_09 .model_02{
width: calc(600* (100vw / 750));
margin: 0 auto;
position: relative;
}

#tanaka_09 .model_02::before{
position: absolute;
content: '';
background-color: #000;
width: calc(600* (100vw / 750));
 height: 1px;
bottom: calc(-48* (100vw / 750));
left: 0;
z-index: -1;
}

#tanaka_09 .model_02 .slick-slider{
width: calc(600* (100vw / 750));
margin: 0 auto;
position: relative;
}

#tanaka_09 .model_02 .slick-slider .slick-btn-prev{
position: absolute;
width: calc(19* (100vw / 750));
height: calc(170* (100vw / 750));
top: calc(338* (100vw / 750));
left: calc(14* (100vw / 750));
}

#tanaka_09 .model_02 .slick-slider .slick-btn-next{
position: absolute;
width: calc(19* (100vw / 750));
height: calc(170* (100vw / 750));
top: calc(338* (100vw / 750));
right: calc(11* (100vw / 750));
}

#tanaka_09 .model_02 .slick-slider .slick-inner>a{
width: calc(492* (100vw / 750));
margin: 0 auto calc(20* (100vw / 750));
}

/* =================
sec2
================= */
#tanaka_09 .sec._02 h3 {
  height: calc(140* (100vw / 750));
  margin-bottom: calc(63* (100vw / 750));
}

#tanaka_09 .sec._02 h3 .js-target:first-child{
  margin: 0 auto calc(12* (100vw / 750));
}

#tanaka_09 .sec._02 h3 .js-target:nth-child(2){
width: calc(370* (100vw / 750));
margin: 0 auto;
line-height: 0.95;
}

#tanaka_09 .sec._02 h3 .js-target:nth-child(2) .scon._1{
  padding-left: calc(45* (100vw / 750));
}
#tanaka_09 .sec._02 .model_01{
  margin-left: calc(84* (100vw / 750));
}

#tanaka_09 .sec._02 .model_01 > a{
margin-bottom: calc(18* (100vw / 750));
}

#tanaka_09 .sec._02 .model_01 > a::after{
content: '2';
top: calc(10* (100vw / 750));
right: calc(50* (100vw / 750));
color: #000;
}

#tanaka_09 .sec._02 .model_01 > a::before{
  top: calc(-10* (100vw / 750));
  left: calc(-10* (100vw / 750));
}

#tanaka_09 .sec._02 .model_01 .model_txt{
  margin-left: calc(-9* (100vw / 750));
}

#tanaka_09 .sec._02 .detail{
  margin: 0 auto;
}

#tanaka_09 .sec._02 .detail .imgbox{
  margin-bottom: calc(21* (100vw / 750));
}

#tanaka_09 .sec._02 .detail .ai_box{
  margin-top: calc(96* (100vw / 750));
  margin-bottom: calc(15* (100vw / 750));
}

#tanaka_09 .sec._02 .detail .ai_box::before{
  top: calc(-49* (100vw / 750));
}

#tanaka_09 .sec._02 .detail .ai{
  width: calc(400* (100vw / 750));
}

#tanaka_09 .sec._02 .detail .ai>span:first-child{
  width: calc(107* (100vw / 750));
  height: calc(66* (100vw / 750));
  padding-top: calc(277* (100vw / 750));
  margin-left: calc(33* (100vw / 750));
  transition-delay:1s;
}

#tanaka_09 .sec._02 .detail .ai>span:nth-child(2){
  width: calc(389* (100vw / 750));
  margin-top: calc(-75* (100vw / 750));
  margin-left: calc(-135* (100vw / 750));
  transition-delay:0.5s;
}

/* =================
sec3
================= */
#tanaka_09 .sec._03{
margin-bottom: calc(115* (100vw / 750));
}

#tanaka_09 .sec._03 h3 .js-target:nth-child(2){
width: calc(390* (100vw / 750));
}

#tanaka_09 .sec._03 .model_01 > a{
  margin-bottom: calc(42* (100vw / 750));
}

#tanaka_09 .sec._03 .model_01 > a::after{
  content: '3';
  top: calc(8* (100vw / 750));
  left: calc(22* (100vw / 750));
}

#tanaka_09 .sec._03 .detail .ai_box{
  margin-bottom: calc(74* (100vw / 750));
  flex-flow: row-reverse;
}

#tanaka_09 .sec._03 .detail .ai{
  width: calc(337* (100vw / 750));
  margin-top: calc(-85* (100vw / 750));
  margin-right: calc(50* (100vw / 750));
}

#tanaka_09 .sec._03 .detail .ai>span:nth-child(2){
  width: calc(337* (100vw / 750));
  margin-top: calc(-10* (100vw / 750));
  margin-right: calc(-167* (100vw / 750));
}

#tanaka_09 .sec._03 .detail .ai>span:nth-child(3){
  width: calc(135* (100vw / 750));
  margin-top: calc(315* (100vw / 750));
  margin-left: calc(-166* (100vw / 750));
}

#tanaka_09 .sec._03 .model_02::before{
bottom:calc(-47* (100vw / 750));
}

/* =================
sec4
================= */
#tanaka_09 .sec._04{
margin-bottom: calc(149* (100vw / 750));
}

#tanaka_09 .sec._04 h3 {
margin-bottom: calc(49* (100vw / 750));
}

#tanaka_09 .sec._04 h3 .js-target:first-child{
  margin-bottom: 0;
}

#tanaka_09 .sec._04 h3 .js-target:nth-child(2){
width: calc(130* (100vw / 750));
margin: 0 auto calc(15* (100vw / 750));
}

#tanaka_09 .sec._04.model_01{
  margin-left: calc(83* (100vw / 750));
  margin-bottom: calc(98* (100vw / 750));
}

#tanaka_09 .sec._04 .model_01 > a{
  margin-bottom: calc(20* (100vw / 750));
}

#tanaka_09 .sec._04 .model_01 > a::after{
content: '4';
top: calc(12* (100vw / 750));
right: calc(50* (100vw / 750));
color: #000;
}

#tanaka_09 .sec._04 .model_01 > a::before{
  top: calc(-10* (100vw / 750));
  left: calc(-10* (100vw / 750));
}

#tanaka_09 .sec._04 .model_01 .model_txt{
  margin-left: calc(-9* (100vw / 750));
}

#tanaka_09 .sec._04 .detail .ai_box{
  margin-bottom: calc(-13* (100vw / 750));
}

#tanaka_09 .sec._04 .detail .ai{
  width: calc(330* (100vw / 750));
}

#tanaka_09 .sec._04 .detail .ai>span:first-child{
  width: calc(250* (100vw / 750));
  margin-top: calc(-90* (100vw / 750));
  transition-delay:0.5s;
}

#tanaka_09 .sec._04 .detail .ai>span:nth-child(2){
  width: calc(128* (100vw / 750));
  height: calc(74* (100vw / 750));
  margin-top: calc(18* (100vw / 750));
  margin-left: calc(-10* (100vw / 750));
  transition-delay:1s;
}
#tanaka_09 .sec .detail .ai_box::after{
  top: calc(364* (100vw / 750));
}