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

.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);}

.about{}
.open-items{display:none;padding: 15vw 0 0 0;}
.features{background:url(../../images/product/exosome/bg01.jpg)no-repeat top center,#080d21;background-size:100%;padding: 12vw 0 5vw 0;margin-bottom:18vw;}
.features > img{width:90%;margin:0 auto 10vw;}
.features ul{width:90%;margin:0 auto;}
.features li{margin-bottom:5%;}

.movie{background: linear-gradient(to bottom, #926e91 , #d6b8d5);padding: 10vw 5% 15vw 5%;margin-bottom: 10vw;}
.movie .tit{color:#fff;font-family: paganini;font-weight: 300;text-align:center;font-size:8vw;}
.movie .area{text-align:center;}
.movie .area iframe{width:100%;height:60vw;}

.lineup{width:90%;margin:0 auto 10vw;}
.value{width:90%;margin:0 auto 5vw;}
.trial{width:90%;margin:0 auto 10vw;}
.step{width:90%;margin:0 auto;}

#exoderm .about{width:90%;margin:0 auto 15vw;}
.seibun{background:url(../../images/product/exosome/bg02.jpg)no-repeat top center,#080d21;background-size:100%;padding: 12vw 0 5vw 0;margin-bottom: 12vw;}

/* ============================================= pc
================================================*/
@media screen and (min-width: 769px) { .second-text{padding-bottom:100px}
.hero-sub{background: url(../../images/product/exosome/hero-pc.jpg) no-repeat top center;background-size: cover;padding: 220px 0 70px 0;margin-top: 110px;}
.hero-sub .bnr{width:80%;max-width:1000px;display: -webkit-box;display: flex;-webkit-box-pack: justify;justify-content: space-between;flex-wrap: wrap;}
.hero-sub .bnr h1{width: 49%;}

.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;}

.about{max-width:1200px;margin: 0 auto 70px;}
.about img{width:100%;min-width:inherit;}
.open-items{padding:100px 0;}
.gaiyo img{min-width: 2000px;}

.features{padding: 100px 0 80px 0;}
.features >img{width: 90%;min-width: auto;margin: 0px auto 70px;left: 0;transform: inherit;max-width: 1200px;}
.features ul{max-width:1200px;}
.features ul img{min-width:auto;}
.features li{margin-bottom:30px;}
	
.movie{padding: 100px 0 110px 0;margin-bottom: 60px;}
.movie .inner{max-width:1200px;margin:0 auto;width:95%;}
.movie .tit{font-size:60px;line-height: 1;}
.movie .area{max-width: 800px;margin: 0 auto;}
.movie .area iframe{height:400px}

.lineup{max-width:1200px;margin: 0 auto 70px;}
.lineup img{width:100%;min-width:inherit;}

.value{max-width:1200px;margin: 0 auto 30px;}
.value img{width:100%;min-width:inherit;}

.trial{max-width:1200px;margin: 0 auto 70px;}
.trial img{width:100%;min-width:inherit;}

.step{max-width:1200px;margin: 0 auto 0;}
.step img{width:100%;min-width:inherit;}

#exoderm .about{margin-bottom:120px;}                                     
}


@media screen and (min-width: 1200px) { 
.features{background: url(../../images/product/exosome/bg01@2x.jpg) no-repeat top right, #080d21;background-size: 1000px;margin-bottom: 120px;}
.seibun{background: url(../../images/product/exosome/bg02@2x.jpg) no-repeat top right, #02040a;background-size: 1180px;}
}
  /* 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-image:url(../../images/product/exosome/hero-pc@2x.jpg);}
}