@charset "UTF-8";
/* CSS Document */







@media(min-width:1600px) {

.topNav .menu .text h3{font-size: 0.95em;}
.topNav .menu .text p{font-size: 0.875em;}

.cateHeader .cateTitle h2{font-size: 7.3vw;}
.cateHeader .cateTitle h3{width: 5.6vw;}

.featureTitle .featureName h2{font-size: 5.7vw;}

}






@media(max-width:1200px) {

#header .titleBox .logo{width: 114px;}

.lead{width: 90%;margin: 60px auto;}
.lead h2{width: 190px;}
.lead .copy{width:calc(100% - 250px);}

.topNav .menu .text p{padding-bottom: 4em;}

.catergory{margin-top: 16vw;}
.cateTopImage{margin-top: 6vw;}
.movieArea{margin-top: 6vw;}



.teemu{padding: 6vw 0;margin-top: 6vw;}


.featureTitle{margin-top: 14vw;}
.f01 .featureTitle{margin-top: 12vw;}
.f05 .featureTitle,
.f09 .featureTitle,
.f10 .featureTitle{margin-top: 6vw;}

/*-------*/

.itemMain{margin-top: 8vw;}

.itemMain .mainName h2{
	font-size: 4.5em;
}
/*-------*/

.style{margin-top:10vw;}
.style .styleLead .styleTitle h3{ font-size: 3.625em;}
.style .styleLead .styleTitle h4{font-size: 2.18em;}
.styleList > ul{margin-top: 7vw;}
.style .styleList > ul.narrow{margin-top:6vw;}
.layer .styleList > ul > li.kakeru span{top:320px;}


/*-------*/

.allBanner{margin-top: 14vw;}
.allBanner .detail{width: 88%;height: 130px;}
.allBanner .detail h2{font-size: 1.75em;}
.allBanner .more a{font-size: 1.4em;}

/*-------*/

.otherContents{margin-top:13vw;}
.otherContents .otherTitle{margin-top:17vw;font-size: 4.5em;}
.otherContents .otherList{margin-top:12vw;}

/*-------*/

.sns{width: 650px;margin-top: 14%;}
.sns a{font-size: 22px;}
.sns .icon{width: 43px;}
.lineBanner{margin: 14% auto;}

.footer .copyright{font-size: 1.3em;}

}



@media(max-width:1000px) {

.sideNavi{display: none;}
body{font-size: 14px;}
#header .titleBox .logo{width: 105px;}

/*-------*/

.lead{margin: 50px auto;}
.lead h2{width: 170px;}
.lead .copy{width:calc(100% - 215px);}

/*-------*/

.topNav .menu .text h3{font-size: 0.9em;}
.topNav .menu .text p{font-size: 0.8em;}

/*-------*/

.cateHeader .cateTitle h4{border-left: 1px solid;font-size: 1vw;}

/*-------*/

.teemu .image{width: 270px;}
.teemu .text{width: calc(100% - 270px);padding: 0 0 0 3em;}
.teemu .text h2{width: 130px;}

/*-------*/

.itemMain{width: 83%;}

.itemMain .itemBox .itemSlide{padding-bottom: 50px;}
.itemMain .itemBox .text{margin-bottom: 1.5em;}

.slick-dots{bottom:-34px;}
.slick-dots li{margin: 0 8px;width:26px;}
.slick-dots li button{padding-top: 13px;}
.itemMain .itemBox .colorTip{bottom: 12px;}
.itemMain .itemBox .colorTip span{width: 26px;height: 13px;margin: 0 8px;}

/*-------*/

.itemList dl{font-size: 0.95em;}

/*-------*/

.style{width: 83%;}
.style.layer{width: 87%;}
.style.layer .styleLead .styleCopy{width: 90%;}
.styleList h5{font-size: 1.4em;}
.layer .styleList > ul > li.kakeru span{top:calc(60px + 26vw);}

/*-------*/

.allBanner .detail{width: 90%;height: 110px;}
.allBanner .detail h2{font-size: 1.6em;}
.allBanner .more{right: 0;}
.allBanner .more a{font-size: 1.3em;}

/*-------*/

.otherContents .otherTitle{font-size: 3.8em;}
.otherContents .otherList .image h4{top: 0.7em;right: 0.7em;font-size: 3.4vw;}
.otherContents .otherList .text{font-size: 1.5em;}

/*-------*/

.sns{width: 500px;}
.sns ul li{padding: 15px 0;}
.sns a{font-size: 18px;}
.sns .icon{width: 38px;}
.lineBanner{width: 480px;}

/*-------*/

.footer .copyright{font-size: 1.2em;}
.footer .pagetop{width: 34px;}

}







/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/



@media(max-width:768px) {

.pclink{pointer-events: none;}
body{font-size: 16px;}


/*--------*/

.cover-slider_wrap.slide01{width:100%;top: 0;bottom: 42%;}
.cover-slider_wrap.slide02{width:100%;top: 58%;bottom: 0;}

.slide02 .cover-slider_slide{left: auto;right: 0;}
.slide02 .cover-slider_slide.active{animation-name: slidein02;}
.slide02 .cover-slider_slide.inactive{animation-name: slideout02;}

.slide01 .cover-slider_slide:nth-child(1){background-image: url("../../images/mainsp01.webp");}
.slide01 .cover-slider_slide:nth-child(2){background-image: url("../../images/mainsp02.webp");}
.slide02 .cover-slider_slide:nth-child(1){background-image: url("../../images/mainsp03.webp");}
.slide02 .cover-slider_slide:nth-child(2){background-image: url("../../images/mainsp04.webp");}

#header .titleBox h1{
	left: 0;
	right: 0;
	top: 61%;
	width: 75%;
	margin: 0 auto;
	max-width: none;
	-webkit-transform:none;
	transform:none;
}
#header .titleBox .logo{top: 3.5vw;right: 3.5vw;width: 17%;}

/*--------*/

.lead{width: 86%;margin: 8vw auto;display: block;}
.lead h2{width: 205px;}
.lead .copy{width:98%;margin: 2em auto 0;line-height: 1.9;}

/*--------*/

.topNav{width: 84%;margin: 0 auto;flex-wrap: wrap;}
.topNav .menu{width: 50%;top: 5vw;}
.topNav .menu.m01,
.topNav .menu.m02{margin-bottom: 8vw;}
.topNav .menu.m02::after{display: none;}

.topNav .menu figure figcaption{top: 2.5vw;right: 2.5vw;font-size: 5.3vw;}
.topNav .menu figure figcaption br{display: block;}
.topNav .menu .text h3{font-size: 0.95em;}
.topNav .menu .text p{font-size: 0.83em;line-height: 1.7;padding-bottom: 1em;}

/*--------*/

.catergory{margin-top: 23vw;/*26*/}

.cateHeader .imageSet{display: block;}
.cateHeader .imageSet .main{width: 100%;padding-top: 101.3vw;}
.cateHeader .imageSet .sub{width: 100%;padding-top: 58.6vw;}

.cateHeader .imageSet .main::after,
.cateHeader .imageSet .sub::after{
	-webkit-transition: left 1.0s cubic-bezier(0.45, 0, 0.55, 1), right 1.0s cubic-bezier(0.45, 0, 0.55, 1);
	transition: left 1.0s cubic-bezier(0.45, 0, 0.55, 1), right 1.0s cubic-bezier(0.45, 0, 0.55, 1);
}
.cateHeader.view .imageSet .main::after{top: 0; left: 100%;}
.cateHeader.view .imageSet .sub::after{bottom: 0; right: 100%;}


.ca01 .cateHeader .imageSet .main{background-image: url("../../images/ca01main_sp.webp");}
.ca02 .cateHeader .imageSet .main{background-image: url("../../images/ca02main_sp.webp");}
.ca03 .cateHeader .imageSet .main{background-image: url("../../images/ca03main_sp.webp");}
.ca04 .cateHeader .imageSet .main{background-image: url("../../images/ca04main_sp.webp");}
.ca01 .cateHeader .imageSet .sub{background-image: url("../../images/ca01sub_sp.webp");}
.ca02 .cateHeader .imageSet .sub{background-image: url("../../images/ca02sub_sp.webp");}
.ca03 .cateHeader .imageSet .sub{background-image: url("../../images/ca03sub_sp.webp");}
.ca04 .cateHeader .imageSet .sub{background-image: url("../../images/ca04sub_sp.webp");}


.cateHeader .cateTitle h2{font-size: 14.5vw;}
.ca01 .cateHeader .cateTitle h2{top:89.5vw;left:6.5vw;}
.ca02 .cateHeader .cateTitle h2{top:105vw;left:6.5vw;}
.ca03 .cateHeader .cateTitle h2{top:105vw;left:6.5vw;}
.ca04 .cateHeader .cateTitle h2{top:105vw;left:6.5vw;}

.cateHeader .cateTitle h3{width: 16vw;}
.ca01 .cateHeader .cateTitle h3{top:9vw;left: auto;right: 7vw;}
.ca02 .cateHeader .cateTitle h3{top:9vw;left: auto;right: 7vw;}
.ca03 .cateHeader .cateTitle h3{top:9vw;left: auto;right: 7vw;}
.ca04 .cateHeader .cateTitle h3{top:46vw;left: auto;right: 7vw;}

.cateHeader .cateTitle h4{top: 4.5vw;left: -4vw;height: 8vw;font-size: 2.6vw;border-width: 1.2px}
.cateHeader.view .cateTitle h4{left: 4vw;}
.ca02 .cateHeader .cateTitle h4{border-color:#FFF;color:#FFF;}
.cateHeader .cateTitle h4 span{top: 0;left: 0.8em;}

/*--------*/

.cateTopImage{width: 100%;margin-top: 8vw;}
.movieArea{width: 100%;margin-top: 8vw;}

/*--------*/

.teemu{padding: 0 0 13vw 0;margin-top: 8vw;}
.teemu .inner{width: 100%;display: block;}
.teemu .image{width: 100%;}

.teemu .text{width:85%;margin: 4.5vw auto 0;padding: 0;display:block;}
.teemu .text h2{width: 130px;}

.teemu .text .textIn{width: 100%;}
.teemu .text .textIn h3{font-size: 1.5em;padding-top: 0.3em;}
.teemu .text .textIn p{font-size: 0.95em;margin-top: 3em}

/*--------*/

.featureTitle{margin-top: 21vw;/*23*/}
.f01 .featureTitle{margin-top: 21vw;}
.f05 .featureTitle{margin-top: 8vw;}
.f09 .featureTitle{margin-top: 10vw;}
.f10 .featureTitle{margin-top: 10vw;}


.featureTitle .featureName{bottom: auto;top: 13.5vw;left: 6.5vw;}
.featureTitle.rev .featureName,
.f07 .featureTitle .featureName,
.f10 .featureTitle .featureName{left: 6.5vw;}

.f05 .featureTitle .featureName{top:15vw;}
.f07 .featureTitle .featureName{top:68vw;}
.f08 .featureTitle .featureName{top:22vw;}
.f09 .featureTitle .featureName{top:68vw;}
.f11 .featureTitle .featureName{top:84vw;}

.featureTitle .featureName h2{font-size: 11vw;line-height: 1.0;margin-top: 0.3em;}
.featureTitle .featureName h2 br.res{display: block;}

.featureTitle .featureName h3{font-size: 2.7vw;border-width: 1.2px;padding: 0.1em 0 0.1em 1em;line-height: 1.3;}
.featureTitle.view .featureName h3 br{display: block;}

.f04 .featureTitle .featureName{color: #FFF;}
.f04 .featureTitle .featureName h3{border-color: #FFF;}


.featureTitle .featureImageSet{display: block;}
.featureTitle .featureImageSet .main{width: 100%;padding-top: 61vw;}
.f02 .featureTitle .featureImageSet .main{padding-top: 50vw;}
.featureTitle .featureImageSet .sub{width: 100%;padding-top: 61vw;}
.f02 .featureTitle .featureImageSet .sub{width: 100%;padding-top: 72vw;}

.f01 .featureTitle .featureImageSet .main{background-image: url("../../images/fea01main_sp.webp");}
.f02 .featureTitle .featureImageSet .main{background-image: url("../../images/fea02main_sp.webp");}
.f03 .featureTitle .featureImageSet .main{background-image: url("../../images/fea03main_sp.webp");}
.f04 .featureTitle .featureImageSet .main{background-image: url("../../images/fea04main_sp.webp");}
.f05 .featureTitle .featureImageSet .main{background-image: url("../../images/fea05main_sp.webp");}
.f06 .featureTitle .featureImageSet .main{background-image: url("../../images/fea06main_sp.webp");}
.f07 .featureTitle .featureImageSet .main{background-image: url("../../images/fea07main_sp.webp");}
.f08 .featureTitle .featureImageSet .main{background-image: url("../../images/fea08main_sp.webp");}
.f09 .featureTitle .featureImageSet .main{background-image: url("../../images/fea09main_sp.webp");}
.f10 .featureTitle .featureImageSet .main{background-image: url("../../images/fea10main_sp.webp");}
.f11 .featureTitle .featureImageSet .main{background-image: url("../../images/fea11main_sp.webp");}

.f01 .featureTitle .featureImageSet .sub{background-image: url("../../images/fea01sub_sp.webp");}
.f02 .featureTitle .featureImageSet .sub{background-image: url("../../images/fea02sub_sp.webp");}
.f03 .featureTitle .featureImageSet .sub{background-image: url("../../images/fea03sub_sp.webp");}
.f04 .featureTitle .featureImageSet .sub{background-image: url("../../images/fea04sub_sp.webp");}
.f05 .featureTitle .featureImageSet .sub{background-image: url("../../images/fea05sub_sp.webp");}
.f06 .featureTitle .featureImageSet .sub{background-image: url("../../images/fea06sub_sp.webp");}
.f07 .featureTitle .featureImageSet .sub{background-image: url("../../images/fea07sub_sp.webp");}
.f08 .featureTitle .featureImageSet .sub{background-image: url("../../images/fea08sub_sp.webp");}
.f09 .featureTitle .featureImageSet .sub{background-image: url("../../images/fea09sub_sp.webp");}
.f10 .featureTitle .featureImageSet .sub{background-image: url("../../images/fea10sub_sp.webp");}
.f11 .featureTitle .featureImageSet .sub{background-image: url("../../images/fea11sub_sp.webp");}


.featureTitle .featureImageSet .main::after,
.featureTitle .featureImageSet .sub::after{
	-webkit-transition: left 1.0s cubic-bezier(0.45, 0, 0.55, 1), right 1.0s cubic-bezier(0.45, 0, 0.55, 1);
	transition: left 1.0s cubic-bezier(0.45, 0, 0.55, 1), right 1.0s cubic-bezier(0.45, 0, 0.55, 1);
}
.featureTitle.view .featureImageSet .main::after{bottom: 0;left: 100%;}
.featureTitle.view .featureImageSet .sub::after{top: 0;right: 100%;}





/*--------*/

.itemMain{width: 100%;margin-top:10vw;display: block;}
.itemMain.multi{margin-top: 20vw;}

.itemMain .mainName{width: 85%;margin: 0 auto;}
.itemMain .mainName .num{ font-size: 3vw; padding: 0.7em 0.7em;}
.itemMain .mainName .num::before,
.itemMain .mainName .num::after{width: 1px;}
.itemMain .mainName h2{font-size: 9vw;padding-bottom: 0.5em;}
.itemMain .visualBox{width: 100%;}
.itemMain .itemBox{width:70%;margin: 10vw auto 0;}

/*--------*/

.itemList dl{font-size: 1em;}
.itemList .otherTrigger{margin-top:1.2em;}

/*--------*/

.style{width: 80%;margin-top: 13vw;}
.style.layer{width: 85%;}

.style .styleLead .styleTitle h3{ font-size: 8.3vw;}
.style .styleLead .styleTitle h4{
	position: relative;
	font-size: 5.2vw;
	text-align: right;
	margin-top: 0.7em;
}
.style.layer .styleLead .styleTitle h4{margin-top: 0;}

.style.layer .styleLead .styleCopy{width: 100%;}


.styleList .image{margin-bottom: 0;}

.styleList{width: 100%;}
.styleList .itemList{margin-top: 1.5em;}

.styleList > ul{display: block;margin-top: 8vw;}
.style .styleList > ul.narrow{margin-top:7vw;}
.style .styleList > ul.narrow.second{margin-top:13vw;}
.styleList > ul > li{width: 100%;}
.layer .styleList > ul > li{width: 100%;}
.styleList > ul > li.second{margin-top: 13vw;}

.layer .styleList > ul > li.kakeru{width:100%;margin: 5vw 0 4vw;}
.layer .styleList > ul > li.kakeru span{
	position:relative;
	display: block;
	width:3px;
	top:0;
	left:25px;
	height: 60px;
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
}
.layer .styleList > ul > li.kakeru span::after{
	width:100%;
	height: 100%;
	-webkit-transform:rotate(90deg);
	transform:rotate(90deg);
}
.styleList h5{font-size: 1.9em;text-align: left;padding-bottom: 0.6em;}

/*--------*/

.allBanner{margin-top: 21vw;/*24*/}
.allBanner .photo{padding-top: 76.8%;}
.ca01 .allBanner .photo{background-image: url("../../images/all_ca01_sp.webp");}
.ca02 .allBanner .photo{background-image: url("../../images/all_ca02_sp.webp");}
.ca03 .allBanner .photo{background-image: url("../../images/all_ca03_sp.webp");}
.ca04 .allBanner .photo{background-image: url("../../images/all_ca04_sp.webp");}
.otherContents .allBanner .photo{background-image: url("../../images/all_other_sp.webp");}

.allBanner .detail{width: 88%;height: auto;}
.allBanner .detail h2{padding: 0.9em 0;}
.allBanner .detail h2 br{display:block;}
.allBanner .spLink{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 20;
}

/*--------*/

.otherContents{margin-top: 21vw;/*24*/}
.otherContents .otherTitle{font-size: 8.5vw;margin-top: 21vw;/*24*/}

.otherContents .otherList{width: 78%; margin-top:12vw;}
.otherContents .otherList ul{display: block;}
.otherContents .otherList ul li{width: 100%;}
.otherContents .otherList ul li.ol02{margin-top:8vw;}

.otherContents .otherList .image h4{top: 0.7em;right: 0.6em;font-size: 6.3vw;}
.otherContents .otherList .text{font-size: 1.9em;padding: 0.6em 0;}

/*--------*/

.sns{margin-top: 20vw;width: 75vw;}
.sns ul li{padding: 5px 0 15px;border-width: 1px;}
.lineBanner{margin: 8vw auto 20vw;}

/*--------*/

.footer{background-image: url("../../images/footer_sp.webp");}
.footer h2{
	top: 16vw;
	width:40%;
	max-width:none;
	-webkit-transform:none;
	transform:none;
}
.footer .copyright{bottom: 7vw;font-size: 3.2vw;color: #33453A;}
.footer .copyright br{display: block;}

.footer .pagetop{display: none;}

.spSpace{display: block;height: 13.5vw;}


/*--------*/


.spBottomNavi{
	display: block;
	width: 100%;
	position: fixed;
	left: 0;
	bottom: -14.2vw;
	z-index: 600;
	-webkit-transition: all 0.7s cubic-bezier(0.25, 1, 0.5, 1);
	transition: all 0.7s cubic-bezier(0.25, 1, 0.5, 1);
}
.spBottomNavi.view{bottom: -1px;}
.spBottomNavi ul{
	width: 100%;
	display: flex;
}
.spBottomNavi ul li{
	width:21.5%;
	text-align: center;
	height: 14vw;
	position: relative;
	vertical-align: top;
}
.spBottomNavi ul li:last-child{
	width: 14%;
	background: #9C9A99;
	position: relative;
}
.spBottomNavi ul li:last-child img{
	width: 45%;
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	margin: 0 auto;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
}
.spBottomNavi ul li a{
	width: 100%;
	height: 14vw;
	position: relative;
	text-align: left;
	display: block;
	background-position: top center;
	background-size: cover;
	background-repeat: no-repeat;
}
/*
.spBottomNavi ul li.current a{color: #003559;}
*/
.spBottomNavi ul li.n01 a{background-image: url("../../images/spnavi01.webp");}
.spBottomNavi ul li.n02 a{background-image: url("../../images/spnavi02.webp");}
.spBottomNavi ul li.n03 a{background-image: url("../../images/spnavi03.webp");}
.spBottomNavi ul li.n04 a{background-image: url("../../images/spnavi04.webp");}

.spBottomNavi ul li a .text{
	color: #FFF;
	font-family: "MaisonNeueDemi";
	font-size: 3.0vw;
	padding: 2.5vw 0 0 2vw;
	line-height: 1.15;
}

}













@media(max-width:600px) {

body{font-size: 3.6vw;}

#header .titleBox h1{width: 85%;}
#header .titleBox .logo{top: 4.2vw;right: 4.2vw;width: 18vw;}

/*--------*/

.lead{margin: 8.5vw auto 12vw;}
.lead h2{width: 33vw;}
.lead .copy{
	width:100%;
	line-height: 1.8;
	margin-top: 1.8em;
	text-align: justify;
	text-justify: inter-ideograph;
}

/*--------*/

.topNav{width: 87%;}
.topNav .menu figure figcaption{top: 3vw;right: 3vw;font-size: 5.8vw;}
.topNav .menu .text h3{
	width: 88%;
	margin: 1.1em 0 0 0;
	font-size: 1.1em;
}
.topNav .menu.m02 .text h3,
.topNav .menu.m04 .text h3{margin-left: 12%;}

.topNav .menu .text p{
	width: 88%;
	margin: 0.5em 0 0 0;
	font-size: 0.875em;
	text-align: justify;
	text-justify: inter-ideograph;
}
.topNav .menu.m02 .text p,
.topNav .menu.m04 .text p{margin-left: 12%;}

/*--------*/

.catergory{margin-top: 26vw;}
.cateHeader .cateTitle h4{font-size: 2.8vw;border-width: 1px}

/*--------*/

.teemu .text h2{width: 21vw;}
.teemu .text .textIn h3{font-size: 1.18em;padding-top: 0.2em;}
.teemu .text .textIn p{
	font-size: 0.875em;
	margin-top: 1.7em;
	text-align: justify;
	line-height: 2.1;
	text-justify: inter-ideograph;
}

/*--------*/

.featureTitle{margin-top: 23vw;}
.f01 .featureTitle{margin-top: 23vw;}
.f08 .featureTitle .featureName{top:20vw;}
.f11 .featureTitle .featureName{top:81vw;}

.featureTitle .featureName{top: 9.5vw;}
.featureTitle .featureName h2{font-size: 12.5vw;margin-top: 0.25em;}
.featureTitle .featureName h3{left: 2em;font-size: 3.1vw;border-width: 1px;}



/*--------*/

.itemMain{margin-top:11vw;}
.itemMain.multi{margin-top: 23vw;}

.itemMain .itemBox{width:85%;margin: 10vw auto 0;}
.itemMain .itemBox .itemSlide{width: 86%;margin: 0 auto;}
/*
.itemMain .itemBox .colorTip{bottom: 12px;}
.itemMain .itemBox .colorTip span{width: 24px;height: 12px;margin: 0 7px;}
.slick-dots li{margin: 0 7px;width:24px;}
.slick-dots li button{padding-top: 12px;}
*/

.slick-prev{left:-8vw;}
.slick-next{right:-8vw;}

.itemMain .itemBox .text{margin-bottom: 2.5em;}

.itemMain .mainName{width: 86%;}
.itemMain .mainName .num{ font-size: 4.5vw; padding: 0.5em 0.5em;}
.itemMain .mainName h2{font-size: 10.5vw;margin-top: 0.6em;}



/*--------*/

.itemList dl{font-size: 1.05em;}
.itemList .detail a{padding: 0.1em 0;}

.itemList .otherTrigger p.more{margin-left: 40px;}
.itemList .otherTrigger p.close{left: 40px;}
.itemList .otherTrigger span{width: 30px;height: 23px;}

.style .itemList{width: 100%;}
.style .itemList dl{margin-top: 0.9em;}
.style .itemList .name{font-size: 0.98em;}
.style .itemList .detail{width: 5.0em;}
.style .itemList .detail a{font-size: 1.0em;}

/*--------*/


.style{width: 86%;margin-top: 15vw;}
.style.layer{width: 86%;}


.style .styleLead .styleTitle h3{ font-size: 9.5vw;}
.style .styleLead .styleTitle h3::before{height: 1px;}
.style .styleLead .styleTitle h4{border-width: 1px;padding-top: 1em;}

.style .styleLead .styleTitle.underLine h3{padding-bottom: 0.7em;}
.style .styleLead .styleTitle.underLine h3::after{height: 1px;}

.style.layer .styleLead .styleCopy{
	margin-top: 1.6em;
	text-align: justify;
	text-justify: inter-ideograph;
	line-height: 2.0;
}

.styleList h5{font-size: 1.38em;padding-bottom: 0.5em;}

 .style.layer .styleList > ul.narrow.second{margin-top:18vw;}

.layer .styleList > ul > li.kakeru{margin: 6vw 0 4vw;}
.layer .styleList > ul > li.kakeru span{width:2px;left:3vw;height: 10vw;}

/*--------*/

.allBanner{margin-top: 24vw;}
.allBanner .detail h2{font-size: 1.13em;padding: 1em 0;}
.allBanner .detail h2 em{font-size: 0.9em;}
.allBanner .more{right: -2vw;}
.allBanner .more a{font-size: 1.1em;}

/*--------*/

.otherContents{margin-top: 24vw;}

.otherContents .otherTitle{font-size: 9.5vw;margin-top: 24vw;padding: 0.1em 0;}
.otherContents .otherTitle::before,
.otherContents .otherTitle::after{width: 1px;}
.otherContents .otherList .text{font-size: 1.4em;}

/*--------*/

.sns{margin-top: 24vw;width: 95vw;}
.sns ul li{width: 33.333vw;padding: 0 0 1vw 0;}
.sns a{font-size: 1.05em;}
.sns .icon{width: 7vw;margin-top: 2.5vw;}

.lineBanner{width: 74vw;}

/*--------*/

.footer h2{width:51vw;}

/*--------*/

.spSpace{height: 15.5vw;}
.spBottomNavi{bottom: -16.2vw;}
.spBottomNavi ul li{height: 16vw;}
.spBottomNavi ul li a{height: 16vw;}
.spBottomNavi ul li a .text{font-size: 3.4vw;padding: 2.5vw 0 0 1.2vw;}
.spBottomNavi ul li:last-child img{width: 55%;}

}