@charset "utf-8";
/* ==================================================================
CSS information
style info : INDEX
================================================================== */


/* --------------------------------------------------------
OVERWRITE
-------------------------------------------------------- */
.siteheader .sh__siteName { position: absolute; top: 0; left: 0; background: #c71585; width: calc(640/640*100%); margin: 0 auto; text-align: center;}
.siteheader .sh__siteName img { width: calc(380/640*100%); margin: calc(10/640*100%) auto;}
/*.siteheader .sh__hardLogo { width: calc(90/640*100%); position: absolute; top: 0; }*/
.siteheader .sh__change { display: none; }
@media screen and (max-width: 640px) {
.siteheader .sh__hardLogo { left: 0; }
}
@media screen and (min-width: 641px) {
	.siteheader::before { display: none; }
	.siteheader .sh__siteName { width: 100%; }
	.siteheader .sh__siteName img { max-width: 504px; width: calc(504/1920*100%); margin: calc(7/1920*100%) auto;}
	/*.siteheader .sh__hardLogo { max-width: 90px; width: calc(90/1920*100%); }*/
	.siteheader .sh__change { display: block; max-width: 251px; width: calc(251/1920*100%); position: absolute; top: 0; right: 0; margin-top: calc(9/1920*100%); margin-right: calc(20/1920*100%);}
	.siteheader .sh__change .btn { display: block; }
	.siteheader .sh__change .btn .on { opacity: 0; position: absolute; top: 0; left: 0; }
	.siteheader .sh__change .btn .on { -webkit-transition: .2s ease-in-out; transition: .2s ease-in-out; -webkit-backface-visibility: hidden; }
	.siteheader .sh__change .btn:hover .on { opacity: 1; }


	
	.siteheader .sh__spbtn { display: none;}
	.siteheader .gnavArea { display: none;}
}
@media screen and (min-width: 1921px) {
	.siteheader .sh__siteName img { margin: 7px auto;}
}



/* --------------------------------------------------------
.bgvideoArea
-------------------------------------------------------- */
.bgvideoArea { display: block; width: 100%; background: #000; position: relative; }
.bgvideoArea::before { content:""; display: block; padding-top: 56.25%; }
#videoPlayer { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; }
.bgvideoArea .shadowBox { position: absolute; top: 0; left: 0; width: 100%; height: 100%;
background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(12,20,32,1) 20%,rgba(28,40,58,1) 50%,rgba(12,20,32,1) 90%,rgba(0,0,0,1) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(12,20,32,1) 20%,rgba(28,40,58,1) 50%,rgba(12,20,32,1) 90%,rgba(0,0,0,1) 100%);
}

@media screen and (max-width: 640px) {
.bgvideoArea { height: auto!important; }
}
@media screen and (min-width: 641px) {
	.bgvideoArea { position: absolute; top: 0; left: 0; }
	#videoPlayer { width: 640px; height: 360px; }
}





/* --------------------------------------------------------
.herosection
-------------------------------------------------------- */
.herosection { position: relative; padding-top: calc(210/640*100%); }
.hs__block { width: 100%; position: relative; padding-top: 1px; background: rgba(0,0,0,0.8); }

.hs_bl_hardset { width: calc(484/640*100%); position: absolute; top: 0; left: 50%; margin: calc(-515/640*100%) 0 0 calc(-242/640*100%); }
.hs_bl_logo { width: calc(416/640*100%); margin: calc(-466/640*100%) auto calc(216/640*100%);}
.hs_bl_catchcopy { width: calc(640/640*100%); margin: 0 auto calc(17/640*100%); position: relative; }
.hs_bl_release { width: 100%; margin: 0 auto calc(28/640*100%); position: relative; }
.hs_bl_change { width: calc(400/640*100%); margin: 0 auto calc(58/640*100%); position: relative; }

.tnavArea { position: relative; width: 100%; padding-bottom: calc(15/640*100%); }

.tA__newsBlock { width: calc(580/640*100%); position: relative; margin: 0 auto calc(35/640*100%); border: 2px solid #fff; background: rgba(0,0,0,0.8); padding: 0 calc(20/640*100%) calc(10/640*100%); border-radius: 8px; }
.tA__newsBlock .tA__nB__ttl { display: block; margin: -1.1em 0 1em; width: 7em; text-align: center; border: 2px solid #fff; background: rgba(0,0,0,0.8); padding: 0.5em 1em 0.4em; border-radius: 8px; color: #fff; font-size: 3.125vw; position: relative; }
.tA__newsBlock .tA__newsList { width: 100%; height: 100%; overflow: hidden; }
.tA__newsBlock .tA__newsList .tA__nL__item { padding-bottom: calc(20/540*100%); transition: transform .3s ease; width: 100%; font-size: 2.8125vw; }
.tA__newsBlock .tA__newsList .tA__nL__item dt { color: #f2cd00; margin-bottom: calc(0/540*100%); line-height: 1;}
.tA__newsBlock .tA__newsList .tA__nL__item dd { color: #f0f0f0; width: 100%; line-height: 1.41;}
.tA__newsBlock .tA__newsList .tA__nL__item dd a { color: #f0f0f0; }
.tA__newsBlock .tA__newsList .tA__nL__item dd a:hover { color: #fff; }


.tnavArea .tA__videoList__Slider__wrap { margin: 0 auto calc(40/640*100%); overflow: visible; }
.tA__videoList__Slider__wrap { width: calc(580/640*100%); position: relative; }
.tA__videoList__Slider { }
.tA__videoList__Slider .tA__vL__S__item { }
.tA__videoList__Slider .tA__vL__S__item .btn { display: block; position: relative; overflow: hidden; }
.tA__videoList__Slider .tA__vL__S__item .btn .btn_inr { overflow: hidden;}
.tA__videoList__Slider .tA__vL__S__item .btn .btn_inr::before ,
.tA__videoList__Slider .tA__vL__S__item .btn .btn_inr::after { content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2;}
.tA__videoList__Slider .tA__vL__S__item .btn .btn_inr::before { border: 2px solid #000; }
.tA__videoList__Slider .tA__vL__S__item .btn .btn_inr::after { border: 1px solid #e6bd3c; }
.tA__videoList__Slider .tA__vL__S__item .tA__vL__S__item__thumb { position: relative; }
.tA__videoList__Slider .tA__vL__S__item .tA__vL__S__item__name { position: absolute; top: 0; left: 0; }

.tA__videoList__Slider__wrap .swiper-button-prev ,
.tA__videoList__Slider__wrap .swiper-button-next { background-color: rgba(255,0,0,0.0)!important; height: 100%;}
.tA__videoList__Slider__wrap .swiper-button-prev ,
.tA__videoList__Slider__wrap .swiper-button-next { top: 0; width: calc(70/580*100%); height: 100%; margin-top: 0; background-size: contain; }
.tA__videoList__Slider__wrap .swiper-button-prev { background-image: url(../_common/img/btn_prev.png); left: calc(-35/580*100%); }
.tA__videoList__Slider__wrap .swiper-button-next { background-image: url(../_common/img/btn_next.png); right: calc(-35/580*100%); }


.tA__tnav { width: calc(580/640*100%); padding-bottom: calc(10/640*100%); margin: 0 auto; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; }
.tA__tnav .tA__tn__item { cursor: pointer; width: calc(275/580*100%); margin: 0 0 calc(20/580*100%); }
.tA__tnav .tA__tn__item .tnbtn { display: block; width: 100%; height: auto; text-align: center; position: relative; 
	background: url(../_img/tnav/tnav_btn_off_sp.png) center center no-repeat; background-size: contain;}


.tA__bnrList { width: 100%; margin: 0 auto; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; }
.tA__bnrList .tA__bL__item { }
.tA__bnrList .tA__TW { width: calc(408/640*100%); }


@media screen and (max-width: 640px) {
.tA__newsBlock .tA__newsList { height: 4.0em; }
.tA__newsBlock .tA__newsList .tA__nL__item dt { height: 1em; }
.tA__newsBlock .tA__newsList .tA__nL__item dd { height: 4em; overflow: hidden; text-overflow: ellipsis; }
}
@media screen and (min-width: 641px) {
	.herosection { padding-top: 0; overflow: hidden;}
	.herosection::after { content: ''; display: block; width: 100%; height: auto; padding-top: calc(131/1400*100%); position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,0.8); }

	.hs__block { background: none; width: calc(1340/1400*100%); margin: 0 auto; padding: calc(250/1400*100%) 0 calc(20/1400*100%); z-index: 10; }

	.hs_bl_hardset { display: block; position: absolute; top: 0; left: 50%; width: calc(666/1340*100%); margin-top: calc(56/1920*100vw); margin-left: calc(-333/1340*100%); }
	.hs_bl_logo { width: calc(469/1340*100%); margin: 0 0 calc(98/1340*100%) calc(12/1340*100%); }
	.hs_bl_catchcopy { width: calc(664/1340*100%); margin: 0 0 calc(27/1340*100%) calc(37/1340*100%); }
	.hs_bl_release { width: calc(569/1340*100%); margin: 0 0 calc(264/1340*100%); position: absolute; bottom: 0; right: 0; }
	.hs_bl_change { display: none; }

	.tnavArea { background: none; padding-bottom: 0; }
	.tnavArea { display: -webkit-flex; display: flex; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: space-between; justify-content: space-between; align-items: flex-end; }
	
	.tA__newsBlock { width: calc(850/1340*100%); position: absolute; left: calc(490/1340*100%); bottom: 0; margin-bottom: calc(175/1340*100%); padding: calc(0/1340*100%) calc(20/1340*100%) 0; z-index: 2; }
	.tA__newsBlock .tA__nB__ttl { margin: calc(-19/1400*100vw) 0 calc(8/1400*100vw); width: 7.4em; padding: 0.4em 0; font-size: 1vw; font-weight: bold; }
	
	.tA__newsBlock .tA__newsList { width: 100%; height: calc(37/1400*100vw); }
	.tA__newsBlock .tA__newsList .tA__nL__item { padding-bottom: 0em; }
	.tA__newsBlock .tA__newsList .tA__nL__item { font-size: 0.8571vw;}/* 12pt */
	.tA__newsBlock .tA__newsList .tA__nL__item { display: -webkit-flex; display: flex; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: flex-start; justify-content: flex-start; }
	.tA__newsBlock .tA__newsList .tA__nL__item dt { height: calc(37/1400*100vw); margin-right: 1em; }
	.tA__newsBlock .tA__newsList .tA__nL__item dd { height: calc(37/1400*100vw); text-overflow: ellipsis; overflow: hidden; line-height: 1; }
	
	.tnavArea .tA__videoList__Slider__wrap { margin: 0 0 calc(0/1340*100%) calc(40/1340*100%); }
	.tA__videoList__Slider__wrap { width: calc(420/1340*100%); }
	.tA__videoList__Slider { }
	.tA__videoList__Slider .tA__vL__S__item { }
	.tA__videoList__Slider .tA__vL__S__item .btn { }
	.tA__videoList__Slider .tA__vL__S__item .btn { }
	.tA__videoList__Slider .tA__vL__S__item .btn .btn_inr { }
	.tA__videoList__Slider .tA__vL__S__item .tA__vL__S__item__thumb { }
	.tA__videoList__Slider .tA__vL__S__item .tA__vL__S__item__name {  }
	.tA__videoList__Slider .tA__vL__S__item .tA__vL__S__item__thumb { -webkit-transform: scale(1.0); transform: scale(1.0); -webkit-transition: .1s ease-in-out; transition: .1s ease-in-out; backface-visibility: hidden;}
	.tA__videoList__Slider .tA__vL__S__item a:hover .tA__vL__S__item__thumb { -webkit-transform: scale(1.1); transform: scale(1.1);}

	.tA__videoList__Slider__wrap .swiper-button-prev ,
	.tA__videoList__Slider__wrap .swiper-button-next { width: calc(76/420*100%); }
	.tA__videoList__Slider__wrap .swiper-button-prev { left: calc(-42/420*100%); }
	.tA__videoList__Slider__wrap .swiper-button-next { right: calc(-42/420*100%); }

	.tA__videoList__Slider__wrap .swiper-button-next ,
	.tA__videoList__Slider__wrap .swiper-button-prev { -webkit-transition: .1s ease-in-out; transition: .1s ease-in-out; -webkit-backface-visibility: hidden; }
	.tA__videoList__Slider__wrap .swiper-button-next:hover,
	.tA__videoList__Slider__wrap .swiper-button-prev:hover { -webkit-transform: scale(1.2); transform: scale(1.2); }
	
	
	.tA__tnav { width: calc(850/1340*100%); position: relative; left: 0%; margin: 0 0 calc(-20/1340*100%) calc(-0/1340*100%); padding-bottom: 0; }
	.tA__tnav .tA__tn__item { cursor: pointer; width: calc(200/850*100%); margin: 0 0 calc(20/850*100%); }
	.tA__tnav .tA__tn__item .tnbtn { background: url(../_img/tnav/tnav_btn_on_pc.png); }
	.tA__tnav .tA__tn__item .tnbtn { background: url(../_img/tnav/tnav_btn_off_pc.png) center center no-repeat; background-size: contain;}
	.tA__tnav .tA__tn__item .tnbtn:hover:not(.active) ,
	.tA__tnav .tA__tn__item .tnbtn.active { background: url(../_img/tnav/tnav_btn_on_pc.png) center center no-repeat; background-size: contain;}
	
	.tA__bnrList { padding: 0; margin: 0; -webkit-justify-content: flex-end; justify-content: flex-end; position: absolute; right: calc(-20/1340*100%); bottom: 0; margin-bottom: calc(357/1340*100%); }
	.tA__bnrList .tA__bL__item { }
	.tA__bnrList .tA__TW { width: calc(262/1340*100%); }
	
}
@media screen and (min-width: 1401px) {
	.herosection { }
	.herosection::after { padding-top: 131px; }
	.hs__block { width: 1340px; padding-top: 250px; padding-bottom: 20px;}
	.tA__newsBlock .tA__nB__ttl { margin: -19px 0 8px; font-size: 1.4rem; }
	.tA__newsBlock .tA__newsList { height: 37px; }
	.tA__newsBlock .tA__newsList .tA__nL__item { font-size: 1.2rem; }
	.tA__newsBlock .tA__newsList .tA__nL__item dt { height: 37px; }
	.tA__newsBlock .tA__newsList .tA__nL__item dd { height: 37px; }
}




/* --------------------------------------------------------
.main__section
-------------------------------------------------------- */
.main__section { position: relative;}
@media screen and (min-width: 641px) {
	.main__section { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; } 
}



/* --------------------------------------------------------
.pointSection
-------------------------------------------------------- */
.pointSection { background: #c71585; padding: calc(20/640*100%) 0 calc(40/640*100%); position: relative; }
.pointSection .pointS__inner { margin: 0 auto; }

.pointSection .pointS__hl { margin: 0 auto calc(22/640*100%); position: relative; }
.pointSection .pointS__hl::before { content: ""; display: block; width: 100%; height: 2px; background: #9b0245; position: absolute; top: 0; left: 0; margin-top: calc(70/640*100%); }
.pointSection .pointS__hl img { position: relative; }

.pointSection .pointS__Slider__wrap { width: calc(420/640*100%); overflow: visible; }
.pointSection .pointS__Slider { }
.pointSection .pointS__Slider .poS__S__item { }
.pointSection .pointS__Slider .poS__S__item .btn { display: block; position: relative; overflow: hidden;}
/*.pointSection .pointS__Slider .poS__S__item .btn { border: 1px solid #000; background: #e6bd3c; padding: 1px; position: relative;}
.pointSection .pointS__Slider .poS__S__item .btn .btn_inr { display: block; border: 2px solid #000; background: #000; }*/
.pointSection .pointS__Slider .poS__S__item .btn .btn_inr::before { content: ""; width: 100%; height: 100%; display: block; border: 2px solid #000; position: absolute; top: 0; left: 0;}
.pointSection .pointS__Slider .poS__S__item .btn .btn_inr::after { content: ""; width: 100%; height: 100%; display: block; border: 1px solid #e6bd3c; position: absolute; top: 0; left: 0;}
.pointSection .pointS__Slider .poS__S__item img { width: 100%; }

.pointSection .swiper-button-prev ,
.pointSection .swiper-button-next { display: none; }

@media screen and (min-width: 641px) {
	.pointSection { padding: calc(20/1400*100%) 0 calc(40/1400*100%); width: 100%; }
	.pointSection .pointS__inner { max-width: 1340px; width: calc(1340/1400*100%); }
	
	.pointSection .pointS__hl { margin: 0 auto calc(22/1340*100%); }
	.pointSection .pointS__hl::before { left: 50%; margin-top: calc(70/1340*100%); margin-left: -100vw; width: 200vw; }
	.pointSection .pointS__hl img { width: calc(640/1340*100%); margin: auto; display: block; }

	.pointSection .pointS__Slider__wrap { width: calc(1300/1400*100%); margin: auto; position:static; }
	.pointSection .pointS__Slider { width: 1340px; margin: 0 auto; }
	.pointSection .pointS__Slider .poS__S__item { width: calc(420/1300*100%);}
	
	.pointSection .pointS__Slider__wrap .swiper-button-prev ,
	.pointSection .pointS__Slider__wrap .swiper-button-next { display: block; height: 100%;}
	.pointSection .pointS__Slider__wrap .swiper-button-prev ,
	.pointSection .pointS__Slider__wrap .swiper-button-next { top: 0; width: calc(96/1400*100%); height: 100%; margin-top: 0; background-size: contain; }
	.pointSection .pointS__Slider__wrap .swiper-button-prev { background-image: url(../_common/img/btn_prev.png); left: calc(-20/1400*100%); }
	.pointSection .pointS__Slider__wrap .swiper-button-next { background-image: url(../_common/img/btn_next.png); right: calc(-20/1400*100%); }
	
	.pointSection .pointS__Slider__wrap .swiper-button-next ,
	.pointSection .pointS__Slider__wrap .swiper-button-prev { -webkit-transition: .1s ease-in-out; transition: .1s ease-in-out; -webkit-backface-visibility: hidden; }
	.pointSection .pointS__Slider__wrap .swiper-button-next:hover,
	.pointSection .pointS__Slider__wrap .swiper-button-prev:hover { -webkit-transform: scale(1.2); transform: scale(1.2); }
	
	

}
@media screen and (min-width: 1401px) {
	.pointSection { padding: 20px 0 40px; }
	.pointSection .pointS__Slider__wrap { width: 1300px; }
	.pointSection .pointS__Slider .poS__S__item { width: 420px;}
	.pointSection .pointS__Slider__wrap .swiper-button-prev ,
	.pointSection .pointS__Slider__wrap .swiper-button-next { width: 96px; }
	.pointSection .pointS__Slider__wrap .swiper-button-prev { left: -20px; }
	.pointSection .pointS__Slider__wrap .swiper-button-next { right: -20px; }
}



/* --------------------------------------------------------
.trialbnrSection
-------------------------------------------------------- */
.trialbnrSection { position: relative; }
.trialbnrSection .trialbnrS__inner { margin: 0 auto; }
.trialbnrSection .btn__item a { display: block; text-decoration: none; }

@media screen and (min-width: 641px) {
	.trialbnrSection { width: 100%; background: url(../_img/bnr/trialbnr_bg_pc.jpg) center center no-repeat; background-size: calc(1920/1400*100%); }
	.trialbnrSection .trialbnrS__inner { max-width: 1340px; width: calc(1340/1400*100%); }
}
@media screen and (min-width: 1401px) {
	.trialbnrSection { background-size: 1920px; }
	.trialbnrSection .trialbnrS__inner { width: 1340px; }
}



/* --------------------------------------------------------
.productsSection
-------------------------------------------------------- */
.productsSection { position: relative;}

.productsS__Slider__wrap { width: 100%; background: url(../_img/prod/bg_sp.jpg) top center no-repeat; background-size: 100%; }
.productsS__Slider__inner .pS__S__item .btn { position: absolute; bottom: 0; right: 0; width: calc(186/640*100%); margin-right: calc(30/640*100%); margin-bottom: calc(52/640*100%); }

@media screen and (min-width: 641px) {
	.productsSection { width: 100%; }
	
	.productsS__Slider__wrap { width: 100%; background: #052145 url(../_img/prod/bg_pc.jpg) top center no-repeat; background-size: calc(1920/1400*100%); overflow: hidden;}

	.productsS__Slider { width: calc(1340/1400*100%); margin: 0 auto;}
	.productsS__Slider__inner { width: 100%; }
	.productsS__Slider__inner .pS__S__item { width: 100%;}
	.productsS__Slider__inner .pS__S__item a { display: block; position: relative; }
	.productsS__Slider__inner .pS__S__item .btn { width: calc(191/1340*100%); margin-right: calc(62/1340*100%); margin-bottom: calc(61/1340*100%);}
	.productsS__Slider__inner .pS__S__item a .btn { -webkit-transform: scale(1.0); transform: scale(1.0); -webkit-transition: .1s ease-in-out; transition: .1s ease-in-out; display: block; backface-visibility: hidden;}
	.productsS__Slider__inner .pS__S__item a:hover .btn { -webkit-transform: scale(1.08); transform: scale(1.08); }
}
@media screen and (min-width: 1401px) {
	.productsS__Slider__wrap { background-size: 1920px; }

	.productsS__Slider { width: 1340px; }
}




/* --------------------------------------------------------
.etcbnrSection
-------------------------------------------------------- */
.etcbnrSection { background: rgba(0,0,0,0.8); padding: calc(40/640*100%) 0 calc(30/640*100%); position: relative; }
.etcbnrSection .etcbnrS__Slider__wrap { width: 100%; margin: 0 auto; }

.etcbnrSection .etcbnrS__Slider { }
.etcbnrSection .etcbnrS__Slider .ebS__S__item { position: relative; }
.etcbnrSection .etcbnrS__Slider .ebS__S__item .btn { display: block; position: relative; overflow: hidden;}
.etcbnrSection .etcbnrS__Slider .ebS__S__item .btn .mthumb { position: absolute; top: 0; left: 0; width: 100%; height: auto;}
.etcbnrSection .etcbnrS__Slider .ebS__S__item .btn .mtile { position: relative;}
.etcbnrSection .etcbnrS__Slider .ebS__S__item p { position: relative; color: #ccc; text-align: right; padding: 0.3em 0; font-size: 1.4rem;}

.etcbnrSection .etcbnrS__Slider .ebS__S__item.inew .btn::after { content: ""; display: block; width: calc(160/580*100%); height: 100%; 
	background: url(../movie/_img/icon_new.png) top left no-repeat; background-size: 100%; position: absolute; top: 0; left: 0;}


.etcbnrSection .swiper-button-next, .etcbnrSection .swiper-button-prev { top: 0; width: calc(96/640*100%); height: 100%; margin-top: 0; }

.etcbnrSection .swiper-button-next::after, 
.etcbnrSection .swiper-button-prev::after { content: ""; width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; }

.etcbnrSection .swiper-button-next { right: 0; 
background: -webkit-linear-gradient(right, rgba(0,0,0,1.0) 0%,rgba(0,0,0,0.0) 100%); background: linear-gradient(to left, rgba(0,0,0,1.0) 0%,rgba(0,0,0,0.0) 100%); }
.etcbnrSection .swiper-button-prev { left: 0; 
background: -webkit-linear-gradient(left, rgba(0,0,0,1.0) 0%,rgba(0,0,0,0.0) 100%); background: linear-gradient(to right, rgba(0,0,0,1.0) 0%,rgba(0,0,0,0.0) 100%); }

.etcbnrSection .swiper-button-next::after { background: url(../_common/img/btn_next.png) center center no-repeat; background-size: 100%; }
.etcbnrSection .swiper-button-prev::after { background: url(../_common/img/btn_prev.png) center center no-repeat; background-size: 100%; }

@media screen and (min-width: 641px) {
	.etcbnrSection { width: 100%; background: rgba(0,0,0,0.7); padding: calc(30/1400*100%) 0 calc(30/1400*100%); }
	.etcbnrSection .etcbnrS__Slider__wrap { width: calc(1340/1400*100%); margin: 0 auto; position: relative; }
	
	.etcbnrSection .etcbnrS__Slider .ebS__S__item .btn { width: 100%; height: 100%;}
	.etcbnrSection .etcbnrS__Slider .ebS__S__item .btn .mthumb { -webkit-transform: scale(1.0); transform: scale(1.0); -webkit-transition: .1s ease-in-out; transition: .1s ease-in-out; display: block; 
		backface-visibility: hidden;}
	.etcbnrSection .etcbnrS__Slider .ebS__S__item.inew .btn::after { width: calc(125/420*100%); }

	.etcbnrSection .etcbnrS__Slider .ebS__S__item a:hover .mthumb { -webkit-transform: scale(1.05); transform: scale(1.05);}

	/* スライダーOFF用 */
	/*.etcbnrSection .swiper-button-next, .etcbnrSection .swiper-button-prev { display: none; }*/
	
	.etcbnrSection .swiper-button-next, .etcbnrSection .swiper-button-prev { width: calc(96/1340*100%); background: none; 
		-webkit-transition: .1s ease-in-out; transition: .1s ease-in-out; -webkit-backface-visibility: hidden; }

	.etcbnrSection .swiper-button-next { right: calc(-55/1340*100%);}
	.etcbnrSection .swiper-button-prev { left: calc(-55/1340*100%);}

	.etcbnrSection .swiper-button-next:hover,
	.etcbnrSection .swiper-button-prev:hover { -webkit-transform: scale(1.2); transform: scale(1.2); }

}
@media screen and (min-width: 1401px) {
	.etcbnrSection { padding: 30px 0; }
	.etcbnrSection .etcbnrS__Slider__wrap { width: 1340px; }

	
}
@media screen and (min-width: 1501px) {
	.etcbnrSection .swiper-button-next { right: -96px;}
	.etcbnrSection .swiper-button-prev { left: -96px;}
}



/* --------------------------------------------------------
.etcbtnSection
-------------------------------------------------------- */
.etcbtnSection { background: rgba(0,0,0,0.8); padding: calc(40/640*100%) calc(20/640*100%); position: relative; }
.etcbtnSection .etcbtnS__inner { width: calc(580/640*100%); margin: 0 auto; }

.etcbtnSection .btnlist { width: 100%; position: relative; } 
.etcbtnSection .btnlist .btn__item { width: 100%; margin-bottom: calc(30/580*100%); }
.etcbtnSection .btnlist .btn__item:last-child { margin-bottom: 0; }
.etcbtnSection .btnlist .btn__item a { display: block; text-decoration: none; }

.etcbtnSection .textBtn { color: #fff; padding: calc(10/580*100%) calc(10/580*100%); text-align: center; font-size: 1.3rem; line-height: 1.61; }
.etcbtnSection .textBtn { border: 2px solid #fff; background: rgba(0,0,0,0.65); border-radius: 8px; position: relative;
	box-shadow:0px 0px 1px 1px #000000,0px 0px 10px 8px #000000 inset; }
.etcbtnSection .textBtn span { display: inline-block; font-size: 1.2rem; line-height: 1.21;}

@media screen and (min-width: 641px) {
	.etcbtnSection { width: 100%; background: rgba(0,0,0,0.7); padding: calc(30/1400*100%) 0; }
	.etcbtnSection::before { content: ""; display: block; width: 100%; height: 50%; background: rgba(0,0,0,0.7); position: absolute; left: 0; bottom: 0;}

	.etcbtnSection .etcbtnS__inner { max-width: 1340px; width: calc(1340/1400*100%); }

	.etcbtnSection .btnlist { display: -webkit-flex; display: flex; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: center; justify-content: center; } 
	.etcbtnSection .btnlist .btn__item { display: inline-block; width: auto; margin: 0 calc(20/1340*100%);}

	.etcbtnSection .textBtn { padding: calc(7/1400*100vw) calc(60/1400*100vw); font-size: 1.3rem; white-space: nowrap; }
	.etcbtnSection .textBtn span { font-size: 1.1rem; }

}
@media screen and (min-width: 1401px) {
	.etcbtnSection { padding: 30px 0;}
	.etcbtnSection .etcbtnS__inner { width: 1340px; }
	
	.etcbtnSection .textBtn { padding: 7px 60px; font-size: 1.4rem; }
}



/* --------------------------------------------------------
.specSection
-------------------------------------------------------- */
.specSection { background: #101010; padding: calc(40/640*100%) 0 calc(30/640*100%);}
.specSection .specS__inner { width: calc(580/640*100%); margin: 0 auto; }

.specSection .ti { margin-bottom: calc(30/580*100%); }
.specSection .ti img { width: calc(515/580*100%);}
.specSection .speclist { width: 100%;}
.specSection .speclist li { width: 100%; margin-top: calc(8/580*100%);}
.specSection .speclist li:first-child { margin-top: 0;}
.specSection .speclist li dl { -webkit-display: flex; display: flex; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: space-between; justify-content: space-between; } 
.specSection .speclist li dt { width: calc(139/580*100%); background: #c71585; -webkit-display: flex; display: flex; align-items: center; }
.specSection .speclist li dd { width: calc(420/580*100%); -webkit-display: flex; display: flex; align-items: center; }
.specSection .speclist li dd img { width: calc(260/420*100%); }

@media screen and (min-width: 641px) {
	.specSection { width: 50%; padding: calc(4/1400*100%) 0; display: flex; justify-content: flex-end; }
	.specSection .specS__inner { width: calc(670/700*100%); margin: 0; padding: calc(25/700*100%) 0 calc(20/700*100%); }
	.specSection .ti { width: calc(640/670*100%); margin-bottom: calc(15/670*100%); }
	.specSection .ti img { width: calc(342/640*100%);}
	.specSection .speclist { width: calc(640/670*100%); position: relative; 
		/*display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; align-items: stretch; */}
	.specSection .speclist li { width: calc(320/640*100%); margin-top: 0; margin-bottom: calc(8/640*100%);}
	.specSection .speclist li dl { width: 100%; } 
	.specSection .speclist li dt { width: calc(139/320*100%); text-align: center;}
	.specSection .speclist li dt img { width: 100%; }
	.specSection .speclist li dd { width: calc(170/320*100%); }
	.specSection .speclist li dd img { width: calc(168/170*100%); }

	.specSection .speclist .speclist__pf { position: absolute; top: 0; right: 0; height: 100%; margin-bottom: 0;}
	.specSection .speclist .speclist__pf dl ,
	.specSection .speclist .speclist__pf dt ,
	.specSection .speclist .speclist__pf dd { height: 100%; }
}
@media screen and (min-width: 1401px) {
	.specSection { padding: 4px 0;}
	.specSection .specS__inner { width: 670px; padding-top: 25px; }
}


/* --------------------------------------------------------
.staffSection
-------------------------------------------------------- */
.staffSection { background: #101010; padding: 0 0 calc(40/640*100%);}
.staffSection .staffS__inner { width: calc(580/640*100%); margin: 0 auto; padding-top: calc(30/640*100%); border-top: 1px solid rgba(255,255,255,0.5);}

@media screen and (min-width: 641px) {
	.staffSection { width: 50%; padding: calc(4/1400*100%) 0; display: flex; justify-content: flex-start;}
	.staffSection .staffS__inner { width: calc(670/700*100%); margin: 0; padding: calc(59/700*100%) 0 calc(26/700*100%); border-top: none; border-left: 1px solid rgba(255,255,255,0.5); }
	.staffSection p { width: calc(639/669*100%); margin-left: calc(29/669*100%);}
}
@media screen and (min-width: 1401px) {
	.staffSection { padding: 4px 0;}
	.staffSection .staffS__inner { width: 670px; padding: 59px 0 26px; }
}


/* --------------------------------------------------------
.bnrSection
-------------------------------------------------------- */
.bnrSection { background: #080808; padding: calc(50/640*100%) 0 0;}
.bnrSection { padding-bottom: calc(83/640*100%); margin-bottom: calc(-83/640*100%); }/* 0+83 */

.bnrSection .bnrS__inner { width: calc(580/640*100%); margin: 0 auto; }

.bnrSection .bnrlist { width: 100%; position: relative; margin-bottom: calc(0/580*100%);
	display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; } 
.bnrSection .bnrlist .bnr__item { width: calc(275/580*100%); margin-bottom: calc(30/580*100%);}
.bnrSection .bnrlist .bnr__item a { display: block; position: relative; }
.bnrSection .bnrlist .bnr__item a::before ,
.bnrSection .bnrlist .bnr__item a::after { content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.bnrSection .bnrlist .bnr__item a::before { border: calc(3/640*100vw) solid rgba(0,0,0,0.2); }
.bnrSection .bnrlist .bnr__item a::after { border: 1px solid #b4b4b4; }

@media screen and (min-width: 641px) {
	.bnrSection { width: 100%; padding: calc(20/1400*100%) 0 calc(50/1400*100%);}
	.bnrSection { margin-bottom: calc(-40/1400*100%); }/* 0+40 */

	.bnrSection .bnrS__inner { max-width: 1340px; width: calc(1340/1400*100%); }

	.bnrSection .bnrlist { margin-bottom: 0; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: center; justify-content: center; } 
	.bnrSection .bnrlist .bnr__item { width: calc(312/1340*100%); margin: 0 calc(15/1340*100%) 0;}
	.bnrSection .bnrlist .bnr__item:first-child { margin-left: 0;}
	.bnrSection .bnrlist .bnr__item:last-child { margin-right: 0;}

}
@media screen and (min-width: 1401px) {
	.bnrSection { padding: 20px 0 50px;}
	.bnrSection { margin-bottom: -40px; }
	.bnrSection .bnrS__inner { width: 1340px; }
}




/* ----------------------------------------------------------------------------------------------------------------
magnific
---------------------------------------------------------------------------------------------------------------- */
.modal_mfpIframe.mfp-bg { z-index: 9998;}
.modal_mfpIframe.mfp-wrap { z-index: 9999;}
.modal_mfpIframe .mfp-container { padding: 30px 0;}
.modal_mfpIframe .mfp-iframe-scaler { padding-top: calc(800/640*100%);}
.modal_mfpIframe .mfp-iframe-scaler .mfp-iframe { background: transparent!important; box-shadow: none;}
.modal_mfpIframe .mfp-iframe-holder .mfp-content { max-width: 1400px; }
/*
.modal_mfpIframe .mfp-close { width: 35px; height: 35px; padding: 0; opacity: 1; top: -25px; right: calc(35/640*100%); background: url(../_common/img/btn_close.png) top right no-repeat; background-size: auto 100%; }
*/
.modal_mfpIframe .mfp-close { position: fixed; top: 0; right: 0; background: url(../_common/img/btn_close.png) top right no-repeat; background-size: auto 60%; background-position: calc(100% - 30px) 10px;}


@media screen and (min-width: 641px) {
	.modal_mfpIframe .mfp-iframe-scaler { padding-top: calc(500/1060*100%);}
	.modal_mfpIframe .mfp-close { right: calc(10/1060*100%); }

}
@media screen and (min-width: 1401px) {
	.modal_mfpIframe .mfp-iframe-scaler { padding-top: 500px;}
	.modal_mfpIframe .mfp-close { right: 10px; }
}








