/* メインイメージ */
.mainimgarea {width:100%;height:100vh;height:calc(100vh - 180px);position:relative;padding:0px 5vw;}
.mainimgarea .mainimg {position:absolute;top:0px;left:0px;height:100%;width:100%;background-position:center center;background-size:cover;background-repeat:no-repeat;overflow:hidden;}
.mainimgarea .mainimg video {position:absolute;z-index:-1;top:50%;left:50%;transform:translate(-50%, -50%);width:177.77777778vh;height:56.25vw;min-height:100%;min-width:100%;}
.mainimgarea .cover {position:absolute;top:0px;left:0px;height:100%;width:100%;background:rgba(0,0,0,0.4);}
.mainimgarea .mainslide {position:absolute;top:0px;left:0px;height:100%;width:100%;}
.mainimgarea .mainslide .swiperarea {width:100%;padding:0px;}
.mainimgarea .mainslide .swiper-slide {width:100%;height:calc(100vh - 180px);padding:0px; }
.mainimgarea .mainslide .swiper-image {width:100%;height:100%;background-size:cover;background-position:center center;background-repeat:no-repeat;position:relative;}
.mainimgarea .mainslide .swiper-text {position:absolute;top:0px;left:0px;width:100%;height:100%;}

.mainimgarea .maincatch {position:absolute;top:50%;left:50%;width:65%;transform:translateX(-50%) translateY(-50%);
	text-align:center;}
.mainimgarea .maincatch.bnrexists {top:calc(50% - 12.5vh);}

.mainimgarea .maincatch.left {left:25%;width:50%;}
.mainimgarea .maincatch.right {left:75%;width:50%;}

.mainimgarea h2 {font-size:28px;text-align:center;color:#000;margin-bottom:25px;display:inline-block;padding:2px 25px;}
.mainimgarea .maincatch.shadow h2 {text-shadow:0px 0px 5px #000;}
.mainimgarea .mainbtn {text-align:center;}
.mainimgarea .mainbtn a.btn {background-color:#fff;color:#000;text-decoration:none;}
.mainimgarea .mainbtn a.btn:hover {background-color:#000;color:#fff;}
/*SP*/
@media (max-width: 896px){
	.mainimgarea .maincatch {width:80%;top:50%;}
	.mainimgarea .maincatch.left {left:50%;width:80%;}
	.mainimgarea .maincatch.right {left:50%;width:80%;}

	.mainimgarea .maincatch.bnrexists {top:35%;}
	.mainimgarea h2 {font-size:18px;}
	.contentarea h2 {font-size:18px;}
}
.bnrarea {position:absolute;bottom:0px;left:0px;width:100%; }
.bnrarea .swiperarea {width:100%;padding:5px;}
.bnrarea .swiper-slide {width:100%;height:25vh;padding:5px; }
.bnrarea .swiper-image {width:100%;height:100%;background-size:cover;background-position:center center;background-repeat:no-repeat;position:relative;}
.bnrarea .swiper-text {position:absolute;bottom:0px;left:0px;width:100%;height:2.7em;line-height:1em;padding:0.5em 1em;
font-size:0.9rem;font-weight:normal;background:rgba(0,0,0,0.6);color:#fff;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

.swiper-button-next, .swiper-button-prev { width:45px;height:45px; background-size: 45px 45px; }
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {background-image:url(../img/cmn/left.svg);}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {background-image:url(../img/cmn/right.svg);}
.swiper-pagination-bullet {background:rgba(255,255,255,0.6); opacity:0.9;border:solid #ccc 1px;}
.swiper-pagination-bullet-active {background:#000; opacity:1;}

.newslist h2 {font-size:28px;margin-bottom:15px;}
.newslist ul {margin-bottom:20px;}
.newslist ul li {font-size:18px;border-bottom:dotted #ccc 1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.newslist ul li a {color:#333;}
@media (max-width: 896px){
	section .newslist {padding:30px 15px;}
	.newslist h2 {font-size:18px;margin-bottom:10px;}
}

.overview {background:#eee;position:relative;}
.overview .bgcover {position:absolute;top:0px;left:0px;width:100%;height:100%;
	background-position:center center;background-repeat:no-repeat;background-size:cover; }
.overview .cover {position:absolute;top:0px;left:0px;width:100%;height:100%;
	background:rgba(255,255,255,0.8);opacity:0;}
.overview.textwhite .cover {background:rgba(0,0,0,0.8);}
.overview.on .cover {opacity:1;transition:13s;}
.overview .textbox {width:1000px;max-width:100%;margin:0px auto;}
.overview h2 {font-size:28px;margin-bottom:15px;text-align:center;}
.overview p {font-size:18px;text-align:center;}
.overview.textwhite h2 {color:#fff;}
.overview.textwhite p {color:#fff;}
/*SP*/
@media (max-width: 896px){
.overview .textbox {width:100%;max-width:100%;padding:20px;}
.overview h2 {font-size:18px;margin-bottom:10px;}
.overview p {font-size:14px;}
}

.messegearea {background:#eee;}
.messegearea .inner.image {background-position:center center;background-repeat:no-repeat;background-size:cover; }
.messegearea .inner.text {padding:70px 100px;}
.messegearea h2 {font-size:28px;margin-bottom:15px;}
.messegearea p {font-size:18px;}
/*RES*/
@media (min-width: 897px){@media (max-width: 1350px){
	.messegearea .inner.text {padding:50px 30px;}
}}
/*SP*/
@media (max-width: 896px){
.messegearea h2 {font-size:18px;margin-bottom:10px;}
.messegearea .inner.image {height:250px;}
.messegearea .inner.text {padding:30px 15px;}
.messegearea p {font-size:14px;}
}

section .contentarea.columarea {background-repeat:no-repeat;background-position:center center;background-size:cover;position:relative;}
.columarea .cover {position:absolute;top:0pc;left:0px;width:100%;height:100%;background:rgba(0,0,0,0.6);}
.columarea h2 {color:#fff;font-size:2.5rem;text-align:center;margin-bottom:50px;position:relative;}
.columarea .collist {position:relative;}
.columarea .inner {padding:10px;}
.columarea .inner .box {background:rgba(255,255,255,0.1);padding:30px;height:100%;text-align:center;}
.columarea .inner img {width:75px;margin-bottom:10px;}
.columarea .inner h3 {color:#fff;font-size:1.4rem;margin-bottom:10px;}
.columarea .inner p {color:#fff;text-align:left;}


section .slides {padding:30px;background:#aaa;}
.slides .collist .inner {padding:1px; }
.slides .collist .inner .box {position:relative;}
.slides .collist .inner .box .cover {position:absolute;top:0px;left:0px;z-index:100;width:100%;height:100%;background:rgba(0,0,0,0.8);opacity:0.2;}
.slides .collist .inner:hover .box .cover {opacity:1;transition:0.4s;}
.slides .collist .inner a {color:#fff;text-decoration:none;padding:0px;}
.slides .collist .inner img {width:100%;position:relative;display:block;}
.slides .collist .inner h3 {position:absolute;top:50%;left:5%;z-index:200;width:90%;transform:translateY(-50%);text-align:center;}
/*PC*/
@media (min-width: 897px){
	.slides .collist .inner.inner1, .slides .collist .inner.inner3, .slides .collist .inner.inner5, .slides .collist .inner.inner7, .slides .collist .inner.inner9 {transform:translateX(-100px);opacity:0;}
	.slides .collist .inner.inner2, .slides .collist .inner.inner4, .slides .collist .inner.inner6, .slides .collist .inner.inner8, .slides .collist .inner.inner10 {transform:translateX(100px);opacity:0;}
	.slides .collist .inner.on {transform:translateX(0px);opacity:1;transition:1s;}
}
/*SP*/
@media (max-width: 896px){
	.slides .collist .inner {transform:translateY(100px);opacity:0;}
	.slides .collist .inner.on {transform:translateY(0px);opacity:1;transition:1s;}

}


.paginationwrap {display:none;}