@charset "UTF-8";

/*----------------------------
movie_modal
----------------------------*/
#movie_modal {
  position:fixed;
  width:100%;
  height:100%;
  top:0;
  left:0;
  z-index:1000;
  display:none;
}
#movie_modal .modal_body{
  position: absolute;
  top: 0;
  left: 0;
  width:100%;
  height:100%;
  display:none;
}
#movie_modal .modal_bg{
  width:100%;
  height:100%;
  background-color:rgba(0,148,212,0.9);
}
#movie_modal .modal_window{
  position: absolute;
  width:70vw;
  min-width:768px;
  max-width:1200px;
  left:50%;
  top:50%;
  transform: translate(-50%, -50%);
  text-align:center;
}
#movie_modal .youtube_tag{
  position:relative;
  margin:0;padding:0;
  width: 100%;
  padding-top: 56.25%;
  background: #000;
}
#movie_modal .modal_window iframe,
#top-movie-modal .modal_window iframe,
#movie-invention .modal_window iframe {
  position: absolute;
  width: 100% !important;
  height: 100% !important;
  top: 0;
  left: 0;
}
.modal_mov_close{
  position: fixed;
  width: 50px;
  height: auto;
  top: 17px;
  right: 20px;
  cursor: pointer;
  z-index: 2;
  opacity: 1;
  transition:.4s;
}
.modal_mov_close:hover{
  opacity: 0.7;
}
@media screen and (max-width:768px){
  #movie_modal .modal_window{
    position: absolute;
    width: 90vw;
    min-width:initial;
    left:50%;
    top:50%;
    transform: translate(-50%, -50%);
  }
  #movie_modal .youtube_tag{
    width: 100%;
    padding-top: 56.25%;
    position: relative;
    background: #000;
  }
  .modal_mov_close{
    width: 8vw;
    height: 8vw;
    left: auto;
    margin-right: 0;
    top: 5vw;
    right: 5vw;
  }
  .modal_mov_close:hover{
    animation: none;
    transform: none;
    transition: unset;
  }
  .modal_mov_close span:nth-child(1){
    width: 3px;
    height: 12vw;
  }
  .modal_mov_close span:nth-child(2){
    width: 3px;
    height: 12vw;
  }
}

/*takohi_mainkv*/
.takohi_mainkv{
  position: relative;
  width: 100%;
  height: 33%;
  overflow: hidden;
}
.takohi_mainkv img{
  position: relative;
  width: 100%;
  height: auto;
}
@media screen and (max-width:1200px){
  .takohi_mainkv{
    position: relative;
    width: 100%;
    height: 379px;
  }
  .takohi_mainkv img{
    position: absolute;
    width: 1200px!important;
    height: auto!important;
    top: 0;
    left: 50%;
    transform: translate(-50%,0);
  }
}
@media screen and (max-width:1024px){
  .takohi_mainkv{
    height: auto;
  }
  .takohi_mainkv img{
    position: relative;
    width: 100%!important;
    height: auto!important;
  }
}
@media screen and (max-width:768px){
  .takohi_mainkv{
    height: 194.133vw;/*198.666vw;*/
  }
  .takohi_mainkv img{
    position: relative;
    width: 100vw!important;
    height: auto!important;
    top: 0;
    left: 0;
    transform: none;
  }
}

/*js_ttlobi*/
.js_ttlobi::after{
  width: 0;
  transition: all 0.4s ease .2s;
}
.js_ttlobi.ttlobi_active::after{
  width: 110%;
}

/*takohi_news*/
.takohi_news{
  background-color: #0094d4;
}
.takohi_news_innr{
  margin: 0 auto;
  padding: 60px 0;
  width: 100%;
  max-width: 1100px;/*540px;*/
}
.takohi_news_list{
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.takohi_news_bnr{
  position: relative;
  display: block;
  /*margin: 0 auto;*/
  width: 470px;
}
.takohi_news_bnr + .takohi_news_bnr{
  margin-left: 50px;
}
.takohi_news_bnr img{
  transition: .4s;
}
.takohi_news_bnr img:hover{
  opacity: 0.7!important;
}
.takohi_news_bnr.icon_new::before{
  content: '';
  position: absolute;
  width: 60px;
  height: 60px;
  top: -50px;
  left: -30px;
  background-image: url("../imgs/icon_new.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  pointer-events: none;
  z-index: 2;
}
@media screen and (max-width:768px){
  .takohi_news_innr{
    padding: 11vw 0;
  }
  .takohi_news_bnr{
    width: 80vw;
  }
  .takohi_news_list{
    display: block;
    margin: 0 auto;
    width: 80vw;
  }
  .takohi_news_bnr + .takohi_news_bnr{
    margin-left: 0;
    margin-top: 12.6vw;
  }
  .takohi_news_bnr img:hover{
    opacity: 1;
  }
  .takohi_news_bnr.icon_new::before{
    width: 12vw;
    height: 12vw;
    top: -9vw;
    left: -9vw;
  }
}
/*takohi_about*/
.takohi_about{
  background-image: url("../imgs/bg_takokarakusa1.jpg");
  background-position: center;
  background-size: auto;
}
.takohi_about_innr{
  margin: 0 auto;
  padding: 80px 0;
  width: 100%;
  max-width: 540px;
}
.takohi_about_ttl{
  position: relative;
  margin: 0 auto;
  margin-bottom: 70px;
  width: 470px;
  z-index: 1;
}
.takohi_about_ttl::after{
  content: '';
  position: absolute;
  width: 0;
  height: 24px;
  left: -5%;
  bottom: -10px;
  background-image: url("../imgs/ttl_obi.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  z-index: -1;
}
.takohi_about_copy{
  position: relative;
  margin: 0 auto;
  margin-bottom: 40px;
  width: 558px;
}
.takohi_about_img{
  position: relative;
  margin: 0 auto;
  width: 428px;
}
@media screen and (max-width:768px){
  .takohi_about_innr{
    padding: 10vw 0;
  }
  .takohi_about_ttl{
    margin-bottom: 10vw;
    width: 80vw;
  }
  .takohi_about_ttl::after{
    height: 3.6vw;
    bottom: -2vw;
  }
  .takohi_about_copy{
    margin-bottom: 8vw;
    width: 90vw;
  }
  .takohi_about_img{
    width: 90vw;
  }
}

/*takohi_kodawari*/
#takohi_kodawari{
  position: absolute;
  margin-top: -65px;
  padding-top: 65px;
}
.takohi_kodawari{
  background-color: #37bdf0;
}
.takohi_kodawari_innr{
  margin: 0 auto;
  padding-top: 227px;
  padding-bottom: 80px;
  width: 100%;
  max-width: 1100px;
}
.kodawari_main{
  position: relative;
  margin: 0 auto;
  width: 95%;
  max-width: 1100px;
  background-color: #e9e091;
}
.kodawari_model{
  position: absolute;
  width: 300px;
  top: -290px;
  left: 50%;
  margin-left: -150px;
  z-index: 2;
}
.kodawari_main_innr{
  position: relative;
  padding: 50px;
}
.takohi_kodawari_ttl{
  position: relative;
  margin: 0 auto;
  margin-bottom: 60px;
  width: 252px;
  z-index: 1;
}
.takohi_kodawari_ttl::after{
  content: '';
  position: absolute;
  width: 0;
  height: 24px;
  left: -5%;
  bottom: -10px;
  background-image: url("../imgs/ttl_obi.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  z-index: -1;
}
.kodawari_boxlist{
  position: relative;
  margin-bottom: 20px;
  display: flex;
  justify-content: space-between;
}
.kodawari_box1{
  position: relative;
  margin-right: 20px;
  padding-top: 35px;
  padding-bottom: 50px;
  width: 50%;
  background-color: #fff;
}
.kodawari_box2{
  position: relative;
  padding-top: 35px;
  padding-bottom: 50px;
  width: 50%;
  background-color: #fff;
}
.kodawari_box3{
  position: relative;
  padding-top: 35px;
  padding-bottom: 50px;
  width: 100%;
  background-color: #fff;
}
.kodawari_ttl1{
  position: relative;
  margin: 0 auto;
  width: 214px;
}
.kodawari_txt1{
  position: relative;
  margin: 0 auto;
  padding-top: 40px;
  width: 300px;
}
.kodawari_txt2{
  position: relative;
  margin: 0 auto;
  padding-top: 27px;
  width: 280px;
}
.kodawari_txt2_note{
  position: absolute;
  width: 128px;
  right: 10px;
  bottom: 10px;
}
.kodawari_txt3{
  position: relative;
  margin: 0 auto;
  padding-top: 40px;
  width: 500px;
}
.kodawari_box3_detail{
  position: relative;
  margin: 0 auto;
  margin-top: 44px;
  width: 90%;
}
@media screen and (max-width:768px){
  #takohi_kodawari{
    margin-top: -9vw;
    padding-top: 9vw;
  }
  .takohi_kodawari_innr{
    padding-top: 47vw;
    padding-bottom: 10vw;
  }
  .kodawari_main{
    width: 90vw;
  }
  .kodawari_model{
    width: 56vw;
    margin-left: -28vw;
    top: -54vw;
  }
  .kodawari_main_innr{
    padding: 5vw;
    padding-top: 8vw;
  }
  .takohi_kodawari_ttl{
    margin-bottom: 10vw;
    width: 40vw;
  }
  .takohi_kodawari_ttl::after{
    height: 3.6vw;
    bottom: -2vw;
  }
  .kodawari_boxlist{
    margin-bottom: 4vw;
    display: block;
  }
  .kodawari_box1{
    margin-right: 0;
    margin-bottom: 4vw;
    padding-top: 5vw;
    padding-bottom: 8vw;
    width: 100%;
  }
  .kodawari_box2{
    padding-top: 5vw;
    padding-bottom: 8vw;
    width: 100%;
  }
  .kodawari_box3{
    padding-top: 5vw;
    padding-bottom: 6vw;
    width: 100%;
  }
  .kodawari_ttl1{
    width: 30vw;
  }
  .kodawari_txt1{
    padding-top: 5vw;
    width: 56vw;
  }
  .kodawari_txt2{
    padding-top: 5vw;
    width: 56vw;
  }
  .kodawari_txt2_note{
    width: 19vw;
  }
  .kodawari_txt3{
    padding-top: 5vw;
    width: 67vw;
  }
  .kodawari_box3_detail{
    margin-top: 6.6vw;
    width: 70vw;
  }
}

/*takohi_productline*/
.takohi_productline{
  background-image: url("../imgs/bg_takokarakusa2.jpg");
  background-size: auto;
  background-color: #fff;
}
.takohi_productline_innr{
  margin: 0 auto;
  padding: 80px 0;
  width: 100%;
  max-width: 1100px;
}
.product_main{
  position: relative;
  margin: 0 auto;
  width: 95%;
  max-width: 1100px;
  background-image: url("../imgs/bg_product.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.product_main_innr{
  position: relative;
  padding-top: 100px;
  padding-bottom: 95px;
  padding-left: 100px;
  padding-right: 100px;
  z-index: 2;
}
.line_corner1{
  position: absolute;
  width: 23px;
  height: 23px;
  top: 15px;
  left: 15px;
  z-index: 1;
  pointer-events: none;
}
.line_corner2{
  position: absolute;
  width: 23px;
  height: 23px;
  top: 15px;
  right: 15px;
  z-index: 1;
  pointer-events: none;
}
.line_corner3{
  position: absolute;
  width: 23px;
  height: 23px;
  bottom: 15px;
  left: 15px;
  z-index: 1;
  pointer-events: none;
}
.line_corner4{
  position: absolute;
  width: 23px;
  height: 23px;
  bottom: 15px;
  right: 15px;
  z-index: 1;
  pointer-events: none;
}
.line_upparts{
  position: absolute;
  height: 12px;
  width: calc( 100% - 30px );
  top: 15px;
  left: 15px;
  background-image: url("../imgs/line_parts1.svg");
  background-repeat: repeat-x;
  background-position: center left 0;
  background-size: auto 12px;
  pointer-events: none;
}
.line_underparts{
  position: absolute;
  height: 12px;
  width: calc( 100% - 30px );
  bottom: 15px;
  left: 15px;
  background-image: url("../imgs/line_parts1.svg");
  background-repeat: repeat-x;
  background-position: center left 0;
  background-size: auto 12px;
  pointer-events: none;
}
.line_leftparts{
  position: absolute;
  width: 12px;
  height: calc( 100% - 30px );
  left: 15px;
  top: 15px;
  background-image: url("../imgs/line_parts2.svg");
  background-repeat: repeat-y;
  background-position: top 0 center;
  background-size: 12px auto;
  pointer-events: none;
}
.line_rightparts{
  position: absolute;
  width: 12px;
  height: calc( 100% - 30px );
  right: 15px;
  top: 15px;
  background-image: url("../imgs/line_parts2.svg");
  background-repeat: repeat-y;
  background-position: top 0 center;
  background-size: 12px auto;
  pointer-events: none;
}
.takohi_product_ttl{
  position: relative;
  margin: 0 auto;
  margin-bottom: 70px;
  width: 154px;
  z-index: 1;
}
.takohi_product_ttl::after{
  content: '';
  position: absolute;
  width: 0;
  height: 24px;
  left: -5%;
  bottom: -10px;
  background-image: url("../imgs/ttl_obi.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  z-index: -1;
}
.product_thumb{
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.product_thumb + .product_thumb{
  margin-top: 80px; 
}
.product_thumb_img{
  position: relative;
  margin-right: 60px;
  width: 50%;/*400px;*/
}
.product_thumb_img .icon_new{
  position: absolute;
  width: 135px;
  top: -20px;
  left: -47px;
  pointer-events: none;
  transition: all .3s ease;
  transform: scale(0);
}
.product_thumb_img .icon_new.icon_active{
  transform: scale(1);
}
.product_thumb_detail{
  position: relative;
  width: calc( 50% - 60px );
  /*width: calc( 100% - 460px );*/
}
.product1_obi_sp{
  margin: 0 auto;
  margin-bottom: 5vw;
  width: 40vw;
  display: none;
}
.product1_obi{
  display: block;
  margin-bottom: 22px;
  width: 230px;
}
.product1_detail{
  width: 100%;
  max-width: 395px;
}
/*product_thumb2_img*/
.product_thumb_img2{
  position: relative;
  width: calc(50% + 60px);
}
/*product2*/
.product_thumb2_img{
  position: relative;
  margin: 0 auto;
  width: 265px;
  z-index: 1;
}
.product_thumb2_img .icon_limited{
  position: absolute;
  width: 110px;
  top: -15px;
  left: -72px;
  z-index: -1;
  pointer-events: none;
  transition: all .3s ease;
  transform: scale(0);
}
.product_thumb2_img .icon_limited.icon_active{
  transform: scale(1);
}
.product_thumb2_img .txt_tsubureume{
  position: absolute;
  width: 38px;
  bottom: 38px;
  left: -55px;
  pointer-events: none;
  transition: all .3s ease;
  transform: scale(0);
}
.product_thumb2_img .txt_tsubureume.icon_active{
  transform: scale(1);
}
.product_thumb_detail2{
  position: relative;
  width: calc(50% - 60px);
}
.product2_obi{
  display: block;
  margin-bottom: 22px;
  width: 285px;
}
.product2_obi_sp{
  margin: 0 auto;
  margin-bottom: 7vw;
  width: 50vw;
  display: none;
}
.product2_detail{
  width: 100%;
  max-width: 300px;
}
/*product3*/
.product3_obi{
  display: block;
  margin-bottom: 22px;
  width: 249px;
}
.product3_obi_sp{
  margin: 0 auto;
  margin-bottom: 7vw;
  width: 50vw;
  display: none;
}
.product3_detail{
  width: 100%;
  max-width: 330px;
}
.product_thumb3_img{
  position: relative;
  margin: 0 auto;
  width: 265px;
  z-index: 1;
}
.icon_autumn_limited{
  position: absolute;
  width: 93px;
  top: 40px;
  left: -80px;
  z-index: -1;
  pointer-events: none;
  transition: all .3s ease;
  transform: scale(0);
}
.icon_autumn_limited.icon_active{
  transform: scale(1);
}
/*product4*/
.product4_obi{
  display: block;
  margin-bottom: 22px;
  width: 283px;
}
.product4_obi_sp{
  margin: 0 auto;
  margin-bottom: 7vw;
  width: 50vw;
  display: none;
}
.product4_detail{
  width: 100%;
  max-width: 330px;
}
.product_thumb4_img{
  position: relative;
  margin: 0 auto;
  width: 262px;
  z-index: 1;
}
.icon_winter_limited{
  position: absolute;
  width: 109px;
  top: -5px;
  left: -77px;
  z-index: -1;
  pointer-events: none;
  transition: all .3s ease;
  transform: scale(0);
}
.icon_winter_limited.icon_active{
  transform: scale(1);
}
.txt_winter_limited{
  position: absolute;
  width: 40px;
  top: 125px;
  left: -55px;
  z-index: -1;
  pointer-events: none;
  transition: all .3s ease;
  transform: scale(0);
}
.txt_winter_limited.icon_active{
  transform: scale(1);
}
@media screen and (max-width:768px){
  .takohi_productline_innr{
    padding: 10vw 0;
  }
  .product_main{
    width: 90vw;
    background-image: url("../imgs/bg_product_sp.svg");
  }
  .product_main_innr{
    padding-top: 12vw;
    padding-bottom: 12vw;
    padding-left: 10vw;
    padding-right: 10vw;
  }
  .line_corner1{
    width: 16px;
    height: 16px;
    top: 2vw;
    left: 2vw;
  }
  .line_corner2{
    width: 16px;
    height: 16px;
    top: 2vw;
    right: 2vw;
  }
  .line_corner3{
    width: 16px;
    height: 16px;
    bottom: 2vw;
    left: 2vw;
  }
  .line_corner4{
    width: 16px;
    height: 16px;
    bottom: 2vw;
    right: 2vw;
  }
  .line_upparts{
    height: 12px;
    width: calc( 100% - 4vw );
    top: 2vw;
    left: 2vw;
    background-size: auto 12px;
  }
  .line_underparts{
    height: 10px;
    width: calc( 100% - 4vw );
    bottom: 2vw;
    left: 2vw;
    background-size: auto 10px;
  }
  .line_leftparts{
    width: 10px;
    height: calc( 100% - 30px );
    left: 2vw;
    top: 2vw;
    background-size: 10px auto;
  }
  .line_rightparts{
    width: 10px;
    height: calc( 100% - 30px );
    right: 2vw;
    top: 2vw;
    background-size: 10px auto;
  }
  .takohi_product_ttl{
    margin-bottom: 10vw;
    width: 25vw;
  }
  .takohi_product_ttl::after{
    height: 3.6vw;
    bottom: -2vw;
  }
  .product_thumb{
    display: block;
  }
  .product_thumb + .product_thumb{
    margin-top: 12vw; 
  }
  .product_thumb_img{
    margin: 0 auto;
    margin-bottom: 6.3vw;
    width: 66vw;
  }
  .product_thumb_img .icon_new{
    width: 20vw;
    top: 0;
    left: 0;
  }
  .product_thumb_detail{
    margin: 0 auto;
    width: 66vw;
  }
  .product1_obi{
    display: none;
  }
  .product1_obi_sp{
    display: block;
  }
  .product1_detail{
    margin: 0 auto;
    width: 100%;
  }
  .product_thumb_img2{
    width: 100%;
  }
  .product_thumb2_img{
    margin-bottom: 6.3vw;
    width: 44vw;
  }
  .product_thumb2_img .icon_limited{
    width: 18.5vw;
    top: -3vw;
    left: -12vw;
  }
  .product_thumb2_img .txt_tsubureume{
    width: 6vw;
    bottom: 6vw;
    left: -9vw;
  }
  .product_thumb_detail2{
    margin: 0 auto;
    width: 66vw;
  }
  .product2_obi{
    display: none;
  }
  .product2_obi_sp{
    display: block;
  }
  .product2_detail{
    margin: 0 auto;
    width: 54vw;
    max-width: initial;
  }
  .product3_obi{
    display: none;
  }
  .product3_obi_sp{
    display: block;
  }
  .product3_detail{
    margin: 0 auto;
    width: 54vw;
    max-width: initial;
  }
  .product_thumb3_img{
    margin-bottom: 6.3vw;
    width: 44vw;
  }
  .icon_autumn_limited{
    width: 17vw;
    top: 5vw;
    left: -14.5vw;
  }
  .product4_obi{
    display: none;
  }
  .product4_obi_sp{
    display: block;
  }
  .product4_detail{
    margin: 0 auto;
    width: 54vw;
    max-width: initial;
  }
  .product_thumb4_img{
    margin-bottom: 6.3vw;
    width: 44vw;
  }
  .icon_winter_limited{
    width: 20vw;
    top: -3vw;
    left: -14.5vw;
  }
  .txt_winter_limited{
    width: 7.5vw;
    top: 21vw;
    left: -10.5vw;
  }
}

/*takohi_make*/
.takohi_make{
  background-image: url("../imgs/bg_make.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-color: #fff;
}
.takohi_make_innr{
  margin: 0 auto;
  padding-top: 80px;
  padding-bottom: 90px;
  width: 100%;
  max-width: 1100px;
}
.takohi_make_ttl{
  position: relative;
  margin: 0 auto;
  margin-bottom: 90px;
  width: 426px;
  z-index: 1;
}
.takohi_make_ttl::after{
  content: '';
  position: absolute;
  width: 0;
  height: 24px;
  left: -5%;
  bottom: -10px;
  background-image: url("../imgs/ttl_obi.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  z-index: -1;
}
.takohi_make_list{
  position: relative;
  display: flex;
  justify-content: center;
}
.make_detail{
  position: relative;
  margin-right: 65px;
}
.make_detail_txt{
  margin-bottom: 40px;
  width: 315px;
}
.make_mov_box{
  position: relative;
  display: flex;
}
.make_mov{
  position: relative;
  width: 260px;/*284px;*/
}
.make_mov + .make_mov{
  margin-left: 22px;
}
.make_mov_thumb{
  position: relative;
  width: 260px;
  box-shadow: 5px 5px #0094d4;
}
.make_movplay_link{
  display: block;
  position: relative;
  width: 260px;
  height: auto;
}
.make_movplay_link::before{
  content: '';
  position: absolute;
  width: 54px;
  height: 54px;
  opacity: 0.7;
  top:50%;
  left:50%;
  margin-top: -27px;
  margin-left: -27px;
  background-image: url("../imgs/icon_mov_play.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  transition: .4s ease;
  z-index: 1;
}
.make_movplay_link:hover::before{
  transform: scale(1.1,1.1);
}
.make_mov_ttl{
  position: relative;
  margin: 0 auto;
  padding-top: 20px;
  height: 17px;
}
.make_mov_ttl img{
  margin: 0 auto;
  height: 100%!important;
  width: auto!important;
}
.make_detail_img{
  position: relative;
  margin-right: 40px;
  width: 332px;
  z-index: 2;
}
.icon_carbonic{
  position: absolute;
  width: 136px;
  top: 15px;
  right: -100px;
  z-index: -1;
}
@media screen and (max-width:768px){
  .takohi_make{
    background-image: url("../imgs/bg_make_sp.png");
  }
  .takohi_make_innr{
    padding-top: 10vw;
    padding-bottom: 10vw;
    width: 100%;
  }
  .takohi_make_ttl{
    margin-bottom: 10vw;
    width: 67vw;
  }
  .takohi_make_ttl::after{
    height: 3.6vw;
    bottom: -2vw;
  }
  .takohi_make_list{
    display: block;
  }
  .make_detail{
    margin: 0 auto;
    margin-bottom: 8vw;
    width: 70vw;
  }
  .make_detail_txt{
    margin: 0 auto;
    margin-bottom: 9vw;
    width: 50vw;
  }
  .make_mov_box{
    display: block;
  }
  .make_mov{
    width: 70vw;
  }
  .make_mov + .make_mov{
    margin-left: 0;
    margin-top: 6vw;
  }
  .make_mov_thumb{
    width: 70vw;
  }
  .make_movplay_link{
    width: 70vw;
  }
  .make_movplay_link::before{
    width: 14vw;
    height: 14vw;
    margin-top: -7vw;
    margin-left: -7vw;
  }
  .make_mov_ttl{
    padding-top: 4.6vw;
    height: 4vw;
  }
  .make_detail_img{
    margin: 0 auto;
    width: 57vw;
  }
  .icon_carbonic{
    width: 22vw;
    top: 8.5vw;
    right: auto;
    left: -10.6vw;
  }
}

/*takohi_ad*/
.takohi_ad{
  background-image: url("../imgs/bg_takokarakusa1.jpg");
  background-size: auto;
  background-color: #fff;
}
.takohi_ad_innr{
  margin: 0 auto;
  padding-top: 80px;
  padding-bottom: 90px;
  width: 100%;
  max-width: 1100px;
}
.takohi_ad_ttl{
  position: relative;
  margin: 0 auto;
  margin-bottom: 90px;
  width: 155px;
  z-index: 1;
}
.takohi_ad_ttl::after{
  content: '';
  position: absolute;
  width: 0;
  height: 24px;
  left: -5%;
  bottom: -10px;
  background-image: url("../imgs/ttl_obi.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  z-index: -1;
}

/*takohi_ad_list*/
.takohi_ad_list{
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.mov_thumb{
  position: relative;
  margin-right: 60px;
  margin-bottom: 60px;
  width: 480px;
  text-align: center;
}
.mov_thumb:nth-child(2n){
  margin-right: 0;
}
.mov_thumb:last-child{
  margin-bottom: 0;
  margin-right: 0;
}

.movplay_link{
  display: block;
  position: relative;
  margin: 0 auto;
  margin-bottom: 33px;
  width: 100%;
  height: auto;
}
.movplay_link::before{
  content: '';
  position: absolute;
  width: 100px;
  height: 100px;
  opacity: 0.7;
  top:50%;
  left:50%;
  margin-top: -50px;
  margin-left: -50px;
  background-image: url("../imgs/icon_mov_play.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  transition: .4s ease;
  z-index: 1;
}
.movplay_link:hover::before{
  transform: scale(1.1,1.1);
}
.mov_thumb .tvcm1_ttl{
  position: relative;
  display: inline-block;
  margin: 0 auto;
  height: 21px;
  width: auto;
}
.mov_thumb .tvcm1_ttl img{
  height: 100%!important;
  width: auto!important;
}
.mov_thumb .tvcm1_ttl.icon_tvcm_new::before{
  content: '';
  position: absolute;
  width: 54px;
  height: 54px;
  top: 50%;
  left: -64px;
  transform: translate(0,-50%);
  margin-top: -5px;
  background-image: url("../imgs/icon_tvcm_new.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  pointer-events: none;
}
@media screen and (max-width:1020px){
  .mov_thumb{
    width: calc( 50% - 30px );
  }
}
@media screen and (max-width:768px){
  .takohi_ad_innr{
    padding-top: 10vw;
    padding-bottom: 10vw;
    width: 100%;
  }
  .takohi_ad_ttl{
    margin-bottom: 10vw;
    width: 24.5vw;
  }
  .takohi_ad_ttl::after{
    height: 3.6vw;
    bottom: -2vw;
  }
  .takohi_ad_list{
    display: block;
  }
  .mov_thumb{
    margin: 0 auto;
    margin-bottom: 10vw;
    width: 90vw;
  }
  .mov_thumb:nth-child(2n){
    margin: 0 auto;
    margin-bottom: 10vw;
  }
  .mov_thumb:last-child{
    margin: 0 auto;
  }
  .movplay_link{
    margin-bottom: 5vw;
    width: 90vw;
  }
  .movplay_link::before{
    width: 16vw;
    height: 16vw;
    margin-top: -8vw;
    margin-left: -8vw;
  }
  .mov_thumb .tvcm1_ttl{
    height: 4vw;
  }
  .mov_thumb .tvcm1_ttl.icon_tvcm_new::before{
    width: 12vw;
    height: 12vw;
    left: -14vw;
    margin-top: -1vw;
  }
}

/*takohi_tieup*/
.takohi_tieup{
  background-color: #0094d4;
}
.takohi_tieup_innr{
  margin: 0 auto;
  padding: 80px 0;
  width: 100%;
  max-width: 468px;
}
.takohi_tieup_ttl{
  position: relative;
  margin: 0 auto;
  margin-bottom: 80px;
  width: 242px;
  z-index: 1;
}
.takohi_tieup_ttl::after{
  content: '';
  position: absolute;
  width: 0;
  height: 24px;
  left: -5%;
  bottom: -10px;
  background-image: url("../imgs/ttl_obi2.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  z-index: -1;
}
.takohi_tieup_bnr{
  display: block;
  margin: 0 auto;
  width: 468px;
  background-color: #fff;
}
.takohi_tieup_bnr img{
  transition: .4s;
}
.takohi_tieup_bnr img:hover{
  opacity: 0.7!important;
}
.takohi_tieup_note{
  margin-top: 5px;
  font-size: 12px;
  text-align: right;
  color: #fff;
}
@media screen and (max-width:768px){
  .takohi_tieup_innr{
    padding: 10vw 0;
    max-width: initial;
    width: 90vw;
  }
  .takohi_tieup_ttl{
    margin-bottom: 10vw;
    width: 38vw;
  }
  .takohi_tieup_ttl::after{
    height: 3.6vw;
    bottom: -2vw;
  }
  .takohi_tieup_bnr{
    width: 90vw;
  }
  .takohi_tieup_bnr img:hover{
    opacity: 1;
  }
}