@charset "UTF-8";
.breadcrumb{margin-top:0;}
.organic-time{width:100%;padding: 14vw 0 24vw;}
.organic-time img{width: 100%;margin: 0 auto;}
.hero-sub{background: url(../../images/product/organic-time/hero.jpg) no-repeat center;margin-top: 16vw;position: relative;background-size: 100%;padding: 72.4vw 0;}

.about{width: 90%;margin: 0 auto 20vw;}

.move{background: url(../../images/product/organic-time/movie.jpg) no-repeat center;position: relative;background-size: 100%;padding: 28vw 0 10vw;}
.move .box {width: 90%;aspect-ratio: 16 / 9;height: auto;object-fit: cover;margin: 0 auto;}
.move iframe {width: 100%;height: 100%;}

.features{background: linear-gradient(to bottom, #926e91 40vw, #d6b8d5);padding: 14vw 0 12vw;}
.features .tit{margin-bottom: 6%;}
.features .inbox{width: 90%; margin: 0 auto;}

.features01-sp .text{margin-bottom: 10vw;}
.features01-sp .accordion{background:#868686;position:relative;color:#fff;padding:3%;font-size: 115%;}
.features01-sp .accordion:before, .features01-sp .accordion:after {content: '';background: #fff;position: absolute;top: 0;right: 0;}
.features01-sp .accordion:before {width: 18px;height: 2px;top: 50%;right: 11px;}
.features01-sp .accordion:after {width: 2px;height: 18px;top: 50%;right: 19px;-webkit-transition: 0.3s;transition: 0.3s;margin-top: -11px;transform: translate(0, 3px);}
.features01-sp .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);}
.features01-sp .ac-box{display:none;margin-top:5vw;}
.features01-sp .ac-box img{margin-bottom: 14vw;}
.features01-sp .ac-box img:last-child{margin-bottom: 0;}

.original{background: url(../../images/product/organic-time/original.jpg) no-repeat center;background-size: 100%;padding: 47vw 0;margin-bottom: 17vw;}

.features01-sp{position: relative;width: 90%;margin: 0 auto;padding: 5%;background: #fff;}
.features_graph01{position: absolute;width: 90%;transform: translateX(-50%);left: 50%;bottom: 80vw;}
.features_graph01 img{width: 190%;}

.features01-sp, .features02-sp, .features03-sp, .features04-sp {width: 90%;position: relative;margin: 0 auto 6vw;}

.lineup{width: 90%;margin: 0 auto;padding: 20vw 0 0;}
.lineup .lineup-txt img{margin-bottom: 10vw;}
.lineup .inbox{margin-bottom: 10vw;}
.lineup .inbox img{margin: 0;}
.lineup .lineup04{margin-bottom: 14vw;}
.lineup .lineup05{width: 88%;margin: 0 auto;}


/* ============================================= pc
================================================*/
@media screen and (min-width: 769px) { 
.organic-time{padding: 6vw 0 10vw;}
.organic-time .inner{width:95%;max-width:1200px;}
.organic-time img{margin-bottom: 20px;}

.hero-sub{background: url(../../images/product/organic-time/hero-pc.jpg) no-repeat center;background-size: 160%;padding: 24vw 0;margin-top: 7.5vw;}
.about{max-width: 1200px;margin-bottom: 116px;}

.move{background: url(../../images/product/organic-time/movie-pc.jpg) no-repeat center;background-size: 160%;padding: 13vw 0 5vw;}
.move .box {width: 55%;}

.features{max-width: 2000px;padding: 8vw 0 10vw;margin: 0 auto;}
.features .tit{margin-bottom: 40px;}
.features .inbox{max-width: 1200px; }
.features .inbox img{margin-bottom: 35px;}
.features .inbox img:last-child{margin-bottom: 0;}

.lineup{padding: 120px 0 0;max-width: 1200px;}
.lineup .lineup-txt img{margin-bottom: 55px;}
.lineup .inbox{margin-bottom: 40px;}
.lineup .lineup04{margin-bottom: 60px;}
.lineup .lineup05{width: 92%;margin-bottom: 0;}
}


@media screen and (min-width: 1200px) { 
.organic-time{padding: 80px 0 150px;}
.hero-sub{background-size: 2000px;padding: 300px 0;margin-top: 90px;}
.move{background-size: 2000px;padding: 160px 0 60px;}
.move .box {width: 690px;}
.features{padding: 80px 0 90px;}
.original{background-size: 2000px;padding: 175px 0;margin-bottom: 80px;}
}


/* retina用 ----------------------------------------------- */ 
@media screen and (min-width: 960px) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 960px) and (min-resolution: 2dppx) { 
.hero-sub{background-image: url(../../images/product/organic-time/hero-pc@2x.jpg);}
.move{background-image: url(../../images/product/organic-time/movie-pc@2x.jpg);}
.original{background-image: url(../../images/product/organic-time/original-pc@2x.jpg);}
}