/*mainimgarea*/
.mainimgarea {position:relative;width:100%;height:100vh;overflow:hidden;background:#fff;z-index:5000;}
.mainimgarea .bgcover {position:absolute;top:0px;left:0px;width:100%;height:100%;background:#000 url(../img/top/mainimg.jpg) no-repeat center center;background-size:cover;transform:scale(1.1);}
.mainimgarea.on .bgcover {transform:scale(1.0);transition:10s;}
.mainimgarea .cover {position:absolute;top:0px;left:0px;width:100%;height:100%;background:rgba(0,0,0,0.7);}
.mainimgarea .cover {display:none;}
.mainimgarea .mainimg {position:relative;padding:150px 100px 100px 100px;z-index:1000;margin-left:40%;}
.mainimgarea img.maincatch {width:38vw;margin-bottom:25px;margin-top:35px;}
.mainimgarea .ctaarea {text-align:left;}
.mainimgarea .step {opacity:0;transform:translateY(60px);}
.mainimgarea .step.on {opacity:1;transform:translateY(0px);transition:1s;}

.newsarea {padding-top:50px;}
.newsarea ul {width:600px;max-width:100%;text-align:left;background:rgba(255,255,255,0.5);padding:50px; }
.newsarea ul li {font-size:1.0rem;color:#000;border-bottom:dotted #ccc 1px;padding:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.newsarea ul li.nb {border:none;}
.newsarea ul li span.date {display:inline-block;width:120px;}
.newsarea ul li a {color:#000;text-decoration:none;}
.newsarea ul li a:hover {border-bottom:solid #000 1px;}

/*SP*/
@media (max-width: 896px){
	.mainimgarea {height:auto;}
	.mainimgarea .mainimg {width:100%;padding:70px 0px 0px 0px;margin-left:0%;}
	.mainimgarea .mainimgcover {padding:50px 15px 50px 15px;background:#000 url(../img/top/mainimg_sp.jpg) no-repeat top center;background-size:cover;transform:scale(1.1);}
	.mainimgarea .bgcover {background:#fff;}
	.mainimgarea .mainlogo {display:none;}
	.mainimgarea .mainmenu {display:none;}
	.mainimgarea img.maincatch {margin-left:20px;margin-bottom:0px;width:65vw;}
	.mainimgarea p {font-size:1.4rem;padding:0px 20px;}
	.mainimgarea .ctaarea {padding:10px 0px 0px 20px;}
	.mainimgarea .ctaarea a.btn {font-size:0.8rem;padding:15px 15px 15px 25px;margin-top:5px;width:65%;background-position:left 10px center;background-size:9px auto;}
	.mainimgarea .ctaarea img {width:50px;}
	.newsarea {padding:35px 20px 35px 20px;}
}



.overview {background:linear-gradient(#fff,#ddd);text-align:center;}
.overview {background:#fff url(../img/top/bg_overview.jpg) no-repeat center center;background-size:cover;text-align:center;}
.overview .textbox {width:68%;margin-left:0%;}
.overview h2 {font-size:2.0rem;color:#fff;font-weight:normal;margin-bottom:50px;}
.overview p {font-size:1.4rem;line-height:2.2em;color:#fff;}
.overview p a {margin-top:30px;}
/*SP*/
@media (max-width: 896px){
	.overview {background:#eee url(../img/top/bg_overview_sp.jpg) no-repeat bottom center;background-size:contain;padding-bottom:60vw;}
	.overview .textbox {width:100%;margin-left:0px;}
	.overview h2 {font-size:1.4rem;color:#000;margin-bottom:20px;}
	.overview p {font-size:0.9rem;color:#000;line-height:1.5em;text-align:left;}
}

.business {background:#fff url(../img/top/bg_business.jpg) no-repeat center center;background-size:cover;background-attachment:fixed;}
.business .textarea {padding:70px;}
.business .textarea h2 {font-size:2.0rem;color:#fff;font-weight:normal;margin-bottom:20px;text-shadow:0px 0px 6px #000;}
.business .textarea p {font-size:1.4rem;line-height:2.2em;color:#fff;margin-bottom:70px;text-shadow:0px 0px 6px #000;}
.business .iconarea .collist {margin-bottom:30px;}
.business .iconarea .inner {background:#fff;border:solid #777 1px;text-align:center;transform:translateY(60px);opacity:0;}
.business .iconarea .inner.on {transform:translateY(0px);opacity:1;transition:0.6s;}
.business .iconarea .inner .box {padding:20px;}
.business .iconarea .inner a {display:block;width:100%;height:100%;}
.business .iconarea .inner a:hover {background:#eee;text-decoration:none;cursor:pointer;}
.business .iconarea .inner img {width:80%;}
.business .iconarea .inner a:hover img {transform:scale(1.2);transition:0.4s;}
.business .iconarea .inner p {font-size:1.0rem;line-height:1.3em;color:#000;margin-bottom:0px;font-weight:bold;text-shadow:none;}
.business .inner p a.btn {text-shadow:none;}
/*SP*/
@media (max-width: 896px){
	.business .textarea {padding:15px;}
	.business .textarea p {font-size:1.2rem;margin-bottom:15px;}
	.business .iconarea .collist {display:flex; flex-wrap:wrap;}
	.business .iconarea .collist .inner {justify-content:space-between;}
	.business .iconarea .inner {width:33.3333%;}
	.business .iconarea .inner p {font-size:0.8rem;}
}
.elected {text-align:center;background:#fff url(../img/top/bg_elected.jpg) no-repeat center center;background-size:cover;}
.elected h2 {font-size:2.0rem;color:#000;font-weight:normal;margin-bottom:20px;}
.elected p {font-size:1.4rem;line-height:2.2em;color:#777;margin-bottom:70px;}
.elected .collist {margin-bottom:0px;}
.elected .inner {padding:20px;text-align:center;}
.elected .inner img {width:100px;margin-bottom:20px;}
.elected .inner h3 {font-size:1.8rem;font-weight:normal;margin-bottom:10px;}
.elected .inner p {font-size:1.0rem;color:#000;}
/*SP*/
@media (max-width: 896px){
}
.bnrarea {padding:50px;background:linear-gradient(#aaa, #777);overflow:hidden;}
.bnrarea {background:#fff url(../img/top/bg_business.jpg) no-repeat center center;background-size:cover;background-attachment:fixed;}
.bnrarea .inner {position:relative;padding:5px;}
.bnrarea .inner img {position:relative;width:100%;display:block;}
.bnrarea .inner p {position:absolute;bottom:5px;left:5px;width:calc(100% - 10px);z-index:100;color:#fff;font-size:1.2rem;text-align:center;background:rgba(0,0,0,0.8);padding: 5px 20px;}
.bnrarea .inner01, .bnrarea .inner03, .bnrarea .inner05 {transform:translateX(-200px);}
.bnrarea .inner02, .bnrarea .inner04, .bnrarea .inner06 {transform:translateX(200px);}
.bnrarea .inner.on {transform:translateX(0px);transition:0.8s;}
/*SP*/
@media (max-width: 896px){
	.bnrarea {padding:10px;}
	.bnrarea .inner {padding:1px;}
}