@charset "UTF-8";
.breadcrumb{margin-top:0;}
.second-text {width:100%;padding-bottom: 0;}
.second-text img{width:100%;}
.hero-sub {background:url(../../images/product/ot/hero.jpg)no-repeat top center;padding: 0 0 130vw 0;background-size:cover;margin-top: 16vw;}

.second-text .accordion{background:#868686;position:relative;color:#fff;width:90%;margin:0 auto;padding:3%;font-size: 115%;}
.second-text .accordion:before, .second-text .accordion:after {content: '';background: #fff;position: absolute;top: 0;right: 0;}
.second-text .accordion:before {width: 18px;height: 2px;top: 50%;right: 11px;}
.second-text .accordion:after {width: 2px;height: 18px;top: 50%;right: 19px;-webkit-transition: 0.3s;transition: 0.3s;margin-top: -11px;transform: translate(0, 3px);}
.second-text .accordion.open:after {-moz-transform: rotate(90deg) translate(3px, 0);-ms-transform: rotate(90deg) translate(3px, 0);-webkit-transform: rotate(90deg) translate(3px, 0);transform: rotate(90deg) translate(3px, 0);}

.concept{width:90%;margin: 0 auto 14vw;}
.movie{background:url(../../images/product/ot/movie.jpg) top center;background-size: cover;padding: 30vw 5vw 14vw;}
.movie iframe{width:100%;height:45vw;}

.features{background: linear-gradient(to bottom, #926e91 40vw, #d6b8d5);padding: 15vw 0 10vw 0;margin-bottom:20vw;}
.features ul{width:90%;margin:0 auto;}
.features .inbox > li{margin-bottom:5%;}
.features .inbox > li:nth-child(even){padding: 8% 6%;background:#fff;}
.features .inbox > li:nth-child(2) .sub{width:90%;margin: 0 auto 7%;}
.features .inbox > li:nth-child(4) .sub{width: 90%;margin: 0 auto 7%;}
.features .title{width: 270%;margin: 0 auto 8vw;position: relative;left: 50%;transform: translateX(-50%);}
.features .itemsin{display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;justify-content: space-between;width: 100%;}
.features .itemsin li{width: 50%;margin-bottom: 0;}
.features .itemsin li img{width:100%;}
.features .ac-box{display:none;margin-top:5vw;}
.features .memo{font-size:90%;}
.features .inbox > li:nth-child(4) ul{width:100%;}
.features .inbox > li:nth-child(4)  li{margin-bottom:5%;}

.lineup .set{width:90%;margin: 0 auto 15vw;}
.type .title{width: 170%;margin: 0 auto 8vw;position: relative;left: 50%;transform: translateX(-50%);}
.type ul{width:90%;margin:0 auto;}
.type li{margin-bottom:5%;}

/* ============================================= pc
================================================*/
@media screen and (min-width: 769px) { 
.second-text{padding-bottom:0}
.hero-sub{background: url(../../images/product/ot/hero-pc.jpg) no-repeat top center;background-size: cover;padding: 0 0 560px 0;margin-top: 110px;}

.second-text img{ width: 100%;min-width: 1500px;position: relative;left: 50%;-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.second-text .accordion{max-width:500px;padding:20px 30px;}
.second-text .accordion:before{right:21px;}
.second-text .accordion:after{right:29px;}
                         
.concept{max-width:1200px;margin: 0 auto 70px;}
.concept img{width:100%;min-width:inherit;}

.movie{padding: 150px 0 70px;background: url(../../images/product/ot/movie-pc@2x.jpg) top center;background-size: cover;}   
.movie .box{width:760px;margin:0 auto;}                                  
.movie iframe{width:100%;height: 310px;}  

.features{padding:100px 0;margin-bottom: 180px;}                                  
.features .title{width: 2000px;margin-bottom: 60px;}
.features .inbox > li:nth-child(even){padding: 70px 70px;}                                      
.features .inbox > li{margin-bottom:40px;}                                   
.features ul{max-width:1200px;}                                    
.features ul img{width:100%;min-width:inherit;}
.features .inbox > li:nth-child(2) .sub{width:540px;margin-bottom: 0;}
.features .ac-box{display:block;}
.features .itemsin li{width:33%;}
.features .inbox > li:nth-child(4) .sub{width:445px;margin-bottom: 50px;}
.lineup .set{max-width:1200px;margin: 0 auto 120px;}
.lineup .set img{width:100%;min-width:inherit;} 

.type{margin-bottom:120px;}                                      
.type .title{width: 745px;margin: 0 auto 40px;}    
.type .title img{width:100%;min-width:inherit;left: 0;}   
.type ul{max-width: 1050px;display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;justify-content: space-between;}                            
.type li{width: 49%;margin-bottom: 20px;}
.type ul img{width:100%;min-width:inherit;left: 0;transform: inherit;}
.type .memo{max-width:1050px;margin:0 auto;}    
.features .inbox > li:nth-child(4) ul{display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;justify-content: space-between;}
.features .inbox > li:nth-child(4) li{width:49%;margin-bottom:20px;}

.voice img{width: 100%;min-width: 1700px;}
}


@media screen and (min-width: 1200px) {
.features .itemsin li{width: 20%;margin-bottom:30px;}
}
/* retina用 ----------------------------------------------- */ 
@media screen and (min-width: 736px) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 736px) and (min-resolution: 2dppx) {
.hero-sub{background: url(../../images/product/ot/hero-pc@2x.jpg) no-repeat top center;background-size: cover;}
}