.wrap {max-width:1560px;}
@media screen and (max-width: 1600px) {
  .wrap {max-width:90%;}
}
#site-map-toggle span{background: #000;}
#site-lang a{color: #151515;}

#main_visual {height:100vh; margin-bottom:170px; position:relative; overflow:hidden;}

#main_visual .item {width:100%; height:100vh; position:relative;}
#main_visual #item01 .bg {background:url(/images/contents/main/visual01.jpg) top center no-repeat;background-size: cover;position: absolute;width: 100%;height: 100%;z-index: 1;transform: scale(1.0);}
#main_visual #item02 .bg {background:url(/images/contents/main/visual01.jpg) top center no-repeat;background-size: cover;position: absolute;width: 100%;height: 100%;z-index: 1;transform: scale(1.0);}
#main_visual .item p {}
#main_visual .item .wrap {height:100%; }
#main_visual .item .txt { position:relative; user-select:none; z-index:2; text-align: center; top: 28%; color:#fff; text-shadow: 2px 2px 5px rgba(0,0,0,0.15);}
#main_visual .item .txt .fs-120{font-size: 120px; line-height: 1.1; text-shadow: 5px 5px 10px rgba(0,0,0,0.2);}
#main_visual .item .txt .fs-23{margin-top: 20px;}
#main_visual .owl-item.active #item01 .bg, #main_visual .owl-item.active #item02 .bg{animation:visualItemActive 1100ms 1700ms forwards;transform: scale(1.2);} 


@media screen and (max-width: 1200px) {
    #main_visual .item .txt .fs-120{ font-size: 100px;  }
    
}
@media screen and (max-width: 560px) {
  #main_visual .item .txt .fs-30{font-size: 25px;}
  #main_visual .item .txt .fs-120{ font-size: 70px;}
  #main_visual .item .txt .fs-23{font-size: 20px;}
  
}

#about{margin-bottom: 170px;}
#about .inner{display: flex; flex-wrap: wrap; justify-content: space-between; }
#about .inner .item{ flex: 0 0 43.6%;  }
#about .inner .item img{max-width: 100%;}
#about .inner .item .t_box{}
#about .inner .item .t_box .fs-32{margin-bottom: 30px;}
#about .inner .item .t_box .fs-25{}
#about .inner .face{position: relative;} 
#about .inner .face img{margin: 0 0 0 30px;}
#about .inner .face .t_box{transform: translate(70px,15px);}
#about .inner .face .t_box .fs-32{}
#about .inner .face .t_box .fs-25{}
#about .inner .sum{transform: translate(-30px,150px); position: relative; }
/*#about .inner .sum img{margin: 0 30px 0 0;}*/
#about .inner .sum .t_box{position: absolute; left: 40px; top: -55px; text-align: left;}
#about .inner .sum .t_box .fs-32{}
#about .inner .sum .t_box .fs-25{}

#about .example.Text1 { writing-mode: vertical-rl;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: vertical-rl;
  transform: scale(-1,-1);
  position: absolute;
  top: 0;
  }
#about .example.Text2 { writing-mode: vertical-rl;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: vertical-rl;
  transform: scale(-1,-1);
  position: absolute;
  bottom: 85px;
  right: -30px  }

@media screen and (max-width: 1600px) {
    #about .inner .item{ flex: 0 0 48%;  }
    
}
@media screen and (max-width: 1200px) {
    #about .inner .item .t_box .fs-32{font-size: 25px;}
    #about .inner .item .t_box .fs-25{font-size: 17px;}
    #about .example.Text2 {bottom: 60px;}
    
}
@media screen and (max-width: 850px) {
    #main_visual{margin-bottom: 80px;}
    #about{margin-bottom: 80px;}
    #about .inner .item{ flex: 0 0 100%; }
    #about .inner .item .t_box{ margin-top: 30px; text-align: center;}
    #about .inner .item .t_box .fs-32{font-size: 30px; margin-bottom: 20px;}
    #about .inner .face{margin-bottom: 60px;}
    #about .inner .face .t_box{transform: translate(0,0);  }

    #about .inner .sum{transform: translate(0,0); }
    #about .inner .sum .t_box{position: inherit; left:auto; top: auto; }

    #about .example.Text1,
    #about .example.Text2{writing-mode: unset;
      -webkit-writing-mode: unset;
      -ms-writing-mode: unset;
      transform: unset;
      position: unset;
      bottom: 0;
      right: 0; }
    
    #about .inner .face img{margin: 0;}
    .owl-theme .owl-nav{margin-top: 50px;}
}

#product {position: relative;}
#product .tit{}
#product .product_slider{
    /*outline:2px solid red; max-width:500px;*/
    display: flex; flex-wrap: wrap; align-items: flex-end !important; margin: 45px auto 170px auto;
}
/*#product .product_slider.owl-carousel,*/
/*#product .product_slider.owl-carousel .owl-stage-outer {overflow:visible;}*/
#product .product_slider .owl-stage{ }
#product .product_slider .owl-stage .owl-item{}
#product .product_slider .item{flex: 0 0 33.33%; text-align: center;}
#product .product_slider .item .pic{height: 507px; display: flex; justify-content: space-around; align-items: flex-end;}
#product .product_slider .item .pic img{filter: drop-shadow(24px 32px 35px rgba(165,177,171,0.5)); width:auto; display: inline-block;}
#product .product_slider .owl-nav{position: absolute; right: 0; top:-100px;}
#product .product_slider .owl-nav .owl-prev{border:none; outline: none; padding:10px 10px 7px 7px !important;}
#product .product_slider .owl-nav .owl-next{border:none; outline: none; padding:10px 7px 7px 10px !important;}
#product .product_slider .owl-carousel,
#product .product_slider .owl-nav.disabled{ display: block;}
#product .owl-nav [class*='owl-']:hover{background: #f1f1f1;}
#product .owl-dots,
#product .owl-dot{display: none;}
#product .bg{position: absolute; left:0; top:20px; bottom: 0; right: 0; margin: 0 auto;}
@media screen and (max-width: 1400px) {
    #product .product_slider .owl-item.active .item a{display: inline-block;height:100%;width:100%;vertical-align: middle;margin-top:0;}
    #product .product_slider .item a{display: inline-block;height:80%;width:80%;font-size: 0;}
    #product .bg{width: 20rem; top: 160px;}
    
}
@media screen and (max-width: 1200px) {
    #product .product_slider .item .t_box fs-23{margin-top: 5rem !important;}
    #product .bg{top:auto; bottom: 90px;}
}
    
@media screen and (max-width: 450px) {
    #product .product_slider .item .pic img{width: 8rem;} 
    #product .product_slider .item_mob .pic img{width: 17rem;}
    #product .bg{width: 90%; top:230px;}
}

#sns{margin-bottom: 155px; }
#sns .wrap{position: relative;}
#sns .tit{}
#sns .sub_tit{display: inline-block; margin-left: 20px; color:#666;}
#sns .inner{display: flex; flex-wrap: wrap; justify-content: space-between;}
#sns .inner .item{ flex: 0 0 31.5%; margin: 0.7rem 0;}
#sns .inner .item img{width: 100%;}
#sns .more_view{position: absolute; right: 0; top:15px; content: ''; display: none;}

#notice{background:url(/images/contents/main/cts04_bg.jpg) no-repeat center center; height: 622px;}
#notice .inner{display: flex; flex-wrap: wrap; justify-content: space-between; padding: 120px 0;}
#notice .inner .item{padding: 60px 0;}
#notice .inner .item:nth-child(1){width: 38%;}
#notice .inner .item:nth-child(2),
#notice .inner .item:nth-child(3){width: 29.2%; background: #fff; padding: 60px 45px; box-shadow: 10px 10px 20px rgba(0,0,0,0.12);}
#notice .inner .item:nth-child(2) .tit,
#notice .inner .item:nth-child(3) .tit{padding-bottom: 30px; border-bottom: 2px solid #333;}
#notice .inner .item:nth-child(1) p{margin-top: 60px;}
#notice .inner .item:nth-child(2){}
#notice .inner .item:nth-child(2) p{margin-top: 35px; color:#666;}
#notice .inner .item:nth-child(2) p strong{display: block; color:#333;}
#notice .inner .item:nth-child(2) a{background: #79dba2; padding:12px 110px 10px 20px; display: inline-block; position: relative; margin-top: 40px;}
#notice .inner .item:nth-child(2) a:before{ background: url(/images/contents/main/cts04_arr.png) center right no-repeat; width: 58px; height: 18px; content: ''; position: absolute; right: 20px; top:14px;}
#notice .inner .item:nth-child(2) a span{ color:#fff; }

#notice .inner .item:nth-child(3){position: relative;}
#notice .inner .item:nth-child(3) ul{}
#notice .inner .item:nth-child(3) ul li{}
#notice .inner .item:nth-child(3) ul li a{ display: flex; justify-content: space-between; flex-wrap: wrap; line-height: 60px; border-bottom: 1px solid #ddd;}
#notice .inner .item:nth-child(3) ul li a .item02{ }
#notice .inner .item:nth-child(3) ul li a .txt{}
#notice .inner .item:nth-child(3) ul li a .date{color:#666; font-size: 14px;}
#notice .inner .item:nth-child(3) .more_view{position: absolute; right: 50px; top:77px;}

@media screen and (max-width: 1300px) {
    #notice .inner .item:nth-child(1){width: 32%;}
    #notice .inner .item:nth-child(2), 
    #notice .inner .item:nth-child(3){width: 32%;}
    #notice .inner .item:nth-child(1) .sub_tit{font-size: 20px;}
    #notice .inner .item:nth-child(1) .tit{font-size: 32px;}
    #notice .inner .item:nth-child(1) p{font-size: 15px;}
    #notice .inner .item:nth-child(2) p{font-size: 14px;}
    #notice .inner .item:nth-child(3) ul li a .txt{font-size: 14px;}
    #notice .inner .item:nth-child(3) ul li a .date{display: none;}
    
}
@media screen and (max-width: 1000px){
  #notice{margin-bottom: 500px;}
  #notice .inner{padding: 0;}
  #notice .inner .item:nth-child(1){width: 100%;}
  #notice .inner .item:nth-child(2), 
  #notice .inner .item:nth-child(3){width: 100%;}
  #notice .inner .item:nth-child(1) p{margin-top: 20px;}
  #notice .inner .item:nth-child(2) {margin-bottom: 20px;}
  #notice .inner .item:nth-child(2) .tit .fs-42, 
  #notice .inner .item:nth-child(3) .tit .fs-42{}
} 

@media screen and (max-width: 700px){
  #sns{margin-bottom: 100px;}
  #sns .more_view{top: 72px;}
  #sns .inner .item{flex: 0 0 48%;}
  #notice .inner .item:nth-child(3) .more_view{top: 60px;}
} 


@keyframes visualItemActive {
    0% {transform: scale(1.2); opacity:1;}
    100% {transform: scale(1.0); opacity: 1;}
}

@media screen and (max-width: 450px) {
  #sns .sub_tit {margin: 0;}
}