/*header*/
.headerarea {background:none;transition:0.2s;}
.headerarea.on {background:#fff;transition:1s;}

/*openningwrap*/
.openningwrap {}
.openningwrap {position:fixed;top:0px;left:0px;width:100%;height:100vh;z-index:9000;}
.openningwrap .bgcover {position:absolute;top:0px;left:0px;width:100%;height:100vh;background-color:#fff;}
.openningwrap .openning {position:fixed;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);text-align:center;}
.openningwrap .openning img {width:10vw;filter:blur(300px);opacity:0;}
.openningwrap.on1 .openning img {filter:blur(0px);opacity:1;transition:1s;}
.openningwrap.on2 .openning img {opacity:0;transition:2s;}
.openningwrap p {}
.openningwrap.on2 .bgcover {opacity:0;transition:2s;}
.openningwrap.on2 {opacity:0;transition:3s;}

.homewrapper {margin-top:90px;}

/*mainimgarea*/
.mainimgarea {position:fixed;top:0px;left:0px;width:100%;height:100vh;overflow:hidden;background:#000;}

.mainimgarea .mainimg {position:absolute;top:50%;left:0px;width:100%;transform:translateY(-50%);z-index:1000;padding:100px;}
.mainimgarea .bgcover {position:absolute;top:0px;left:0px;width:100%;height:100vh;
background:#fff url(../img/top/mainimg.jpg) no-repeat center center;background-size:cover;}

.mainimgarea .bgcover video {position:absolute;top:0;left:0;width:auto;height:auto;min-width:100%;min-height:100%;max-width:inherit;}
@media (aspect-ratio: 16/9), (min-aspect-ratio: 16/9) {
	.mainimgarea .bgcover video {width:100%;}
}
@media (max-aspect-ratio: 16/9) {
	.mainimgarea .bgcover video {height:100%;}
}
/*PC*/
@media (min-width: 897px){
.mainimgarea .bgcover {transform:scale(1.3);}
.mainimgarea.on .bgcover {transform:scale(1.0);transition:20s;}
}
.mainimgarea .cover {position:absolute;top:0px;left:0px;width:100%;height:100%;background:rgba(255,255,255,0.6);}
.mainimgarea h1 {color:#000;font-size:3rem;font-weight:normal;margin-bottom:20px;}
.mainimgarea p {color:#000;font-size:1.3rem;margin-bottom:20px;width:50%;}
.mainimgarea .ctaarea {text-align:left;opacity:0;transform:translateY(20px);}
.mainimgarea .ctaarea {opacity:1;transform:translateY(0px);transition:2s;}
.mainimgarea .ctaarea a.btn {width:300px;}

.newsarea {position:absolute;bottom:1vw;right:1vw;z-index:1100;width:45vw;transform:translateY(100%);background:rgba(255,255,255,0.75);padding:70px;}
.mainimgarea.on .newsarea {transform:translateY(0%);transition:1s;}
.newsarea li {border-bottom:dotted rgba(0,0,0,0.2) 1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:5px 0px;}
.newsarea a {color:#000;}
.newsarea span.date {display:inline-block;width:100px;}
/*SP*/
@media (max-width: 896px){
	.mainimgarea {position:relative;}
	.mainimgarea .bgcover {width:100%;height:100%;background-image:url(../img/top/mainimg_sp.jpg);background-attachment:fixed;}

	.mainimgarea .mainimg {position:relative;top:auto;left:auto;width:100%;transform:translateY(0px);padding:100px 25px 50px 25px;}
	.mainimgarea h1 {font-size:1.5rem;margin-bottom:10px;}
	.mainimgarea p {font-size:1.0rem;margin-bottom:10px;width:100%;}
	.newsarea {position:relative;bottom:auto;right:auto;width:100%;transform:translateY(0px);padding:25px;}
}




.contents01 {position:relative;z-index:100;margin-top:100vh;
background:#fff url(../img/top/bg_concept.jpg) no-repeat center center;background-size:cover;background-attachment:fixed;}
.contents01 .textbox {background:rgba(255,255,255,0.85);width:1000px;max-width:100%;margin:0px auto;padding:100px;}
.contents01 h2 {font-weight:normal;text-align:center;color:#000;margin-bottom:20px;}
.contents01 p {font-size:1.2rem;line-height:2.2em;text-align:center;color:#000;}
/*SP*/
@media (max-width: 896px){
	.contents01 {margin-top:0px;}
	.contents01 .textbox {padding:30px 15px;}
	.contents01 p {font-size:0.9rem;text-align:left;}

}


.contents02 {position:relative;z-index:100;padding:1px;background:#fff url(../img/top/bg_concept.jpg) no-repeat center center;background-size:cover;background-attachment:fixed;}
.contents02 .inner {position:relative;padding:1px;}
.contents02 img {width:100%;position:relative;filter:brightness(80%);display:block;}
.contents02 img:hover {filter:brightness(100%);transition:0.4s;}
.contents02 a {cursor:pointer;}
.contents02 p {position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);z-index:100;color:#fff;font-size:1.2rem;font-weight:bold;text-shadow:0px 0px 10px #000;}
/*
.contents02 .col .inner p {position:absolute;bottom:10px;right:10px;width:100%;text-align:right; z-index:100;color:#fff;font-weight:bold;}
*/