planarea/*0063a3*/
.headerarea {background:rgba(255,255,255,0.3);}
body {background:#fff;}

.opening {position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999;background:#fff;}
.opening .innerbox {position:absolute;top:50%;left:0%;width:100%;transform:translateY(-50%);text-align:center;filter:blur(100px);opacity:0;}
.opening.on .innerbox {filter:blur(0px);opacity:1;transition:1.4s;}
.opening.on.out {filter:blur(100px);opacity:0;transition:1s;}

.opening img {width:28vw;margin-bottom:5rem; }
.opening p {font-size:1.8rem;}
/*SP*/
@media (max-width: 896px){
	.opening .innerbox {padding:0 5vw;}
	.opening img {width:68vw;margin-bottom:5rem; }
	.opening p {font-size:1.4rem;text-align:left;}
}

.mainimgarea {min-height:94vh;width:100%;overflow:hidden;position:relative;z-index:100;}
.mainimgarea .bgvideo {position:absolute;top:0%;right:0%;width:100%;height:100%;}
.mainimgarea .bgvideo .videowrap {width:100%;height:100%;}
.mainimgarea .bgvideo video {width:100%;height:100%;object-fit:cover;}
.mainimgarea .cover {position:absolute;top:0%;left:0%;width:75%;height:100%;background:linear-gradient(90deg,rgba(255,255,255,1), rgba(255,255,255,0));opacity:0;}
.mainimgarea.on .cover {transition:2s;opacity:0.7;}
.mainimgarea .mainimg {position:relative;width:100%;padding:15vh 10vh 10vh 10vh;}
.mainimgarea .step {opacity:0;transform:translateY(30vw);}
.mainimgarea .step.on {opacity:1;transform:translateY(0vh);transition:0.7s;}
.mainimgarea img.logo {width:15vw;margin-bottom:5vh; }
.mainimgarea h1 {font-size:4.0rem;line-height:1.3em;color:#000;margin-bottom:0.4em;letter-spacing:0;}
.mainimgarea h2 {font-size:2.4rem;line-height:1.5em;color:#0063a3;margin-bottom:0.5em;}
.mainimgarea p {font-size:1.2rem;line-height:1.8em;color:#000;margin-bottom:3em; }
.mainimgarea .ctabtn {position:relative;}
.ctabtn .btn {width:22vw;margin:0px 0.3rem 0.5rem 0.3rem;font-size:1.2rem;}

/*SP*/
@media (max-width: 896px){
	.mainimgarea {height:auto;min-height:auto;}
	.mainimgarea .bgvideo {}
	.mainimgarea .cover {position:absolute;top:55%;left:0%;width:100%;height:45%;background:rgba(255,255,255,1);opacity:0;}
	.mainimgarea.on .cover {opacity:0.4;}

	.mainimgarea .mainimg {padding:6vh 3vh;text-align:center;}
	.mainimgarea h1 {font-size:8vw;line-height:1.3em;margin-bottom:30vh;}
	.mainimgarea h2 {font-size:6vw;line-height:1.3em;margin-bottom:2rem;padding:1rem 0;position:relative;z-index:100; }
	.mainimgarea h2:before {content:"";position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;filter:blur(3px);background:rgba(255,255,255,0.90);}
	.mainimgarea p {font-size:4vw;text-align:left;padding:0px 1rem;margin-bottom:1em;}
	.ctabtn .btn {width:80%;}
}



.contentarea.contents01 {background:#f2f2f2;}
.contentarea.contents04 {background:#fff;}

.contentarea h2 {font-size:4.5rem;margin-bottom:0.4em;}
.contentarea h3 {font-size:2.4rem;font-weight:normal;margin-bottom:1em;}
.contentarea p {font-size:1.4rem;}
/*SP*/
@media (max-width: 896px){
	.contentarea h2 {font-size:2.4rem;}
	.contentarea h3 {font-size:1.4rem;}
	.contentarea p {font-size:1.2rem;}
}
.contentarea.contents01 {padding:0;}
.contentarea.contents01 .inner.text {padding:10vh;}
.contentarea.contents01 .inner.text h2 {font-size:3.5rem; }
.contentarea.contents01 .inner.text h3 {font-size:1.8rem;line-height:1.4em;}
.contentarea.contents01 .inner.text p {font-size:1.4rem;}
.contentarea.contents01 .box {}
.contentarea.contents01 .inner.image {background:#000;padding:5px;}
.contentarea.contents01 .inner.image .box {width:100%;height:100vh;}
.contentarea.contents01 .inner video {width:100%;height:100%;object-fit:cover;}
.contentarea.contents01 .inner.image {background:#000 url(../img/top/sketchup01.jpg) no-repeat center center;background-size:cover;}
.contentarea.contents01 .inner video {display:none;}
/*SP*/
@media (max-width: 896px){
	.contentarea.contents01 .inner.text {padding:6vh 3vh;}
	.contentarea.contents01 .inner.text h2 {font-size:2.4rem;}
	.contentarea.contents01 .inner.text h3 {font-size:1.4rem;}
	.contentarea.contents01 .inner.text p {font-size:1.2rem;}
	.contentarea.contents01 .inner.image {height:80vw;background-size:cover;}
}


.contentarea.contents02 {position:relative;
	background:#000 url(../img/top/sketchup02.jpg) no-repeat center center;background-size:cover;background-attachment:fixed;}
.contentarea.contents02 .cover {position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6);}
.contentarea.contents02 .inner {position:relative;}
.contentarea.contents02 h2 {color:#fff;}
.contentarea.contents02 h3 {color:#fff;}
.contentarea.contents02 p {color:#fff;}
/*SP*/
@media (max-width: 896px){
}
.contentarea.contents03 {padding:25vh 0px;}
.contentarea.contents03 .heading {width:65vw;margin:0 auto;padding-bottom:5vh;text-align:center;background:#fff;}
.contentarea.contents03 .heading h2 {color:#0063a3;}
.contentarea.contents03 .heading h3 {color:#0063a3;line-height:2em;}
.contentarea.contents03 .heading img {width:100%;}
.contentarea.contents03 .textbox {width:65vw;margin:0 auto;}
/*SP*/
@media (max-width: 896px){
	.contentarea.contents03 {padding:10vh 0px;}
	.contentarea.contents03 .heading {width:90vw;}
	.contentarea.contents03 .heading h2 {margin-bottom:2rem;}
	.contentarea.contents03 .textbox {width:90vw;}
}
.contentarea.contents04 {background:#f2f2f2;}
/*SP*/
@media (max-width: 896px){
	.contentarea.contents04 p a.btn {margin-top:2rem;}
}


.planarea {background:#0063a3;}
.planarea h2 {text-align:center;font-size:3.5rem;color:#fff;}
.planarea .inner {padding:1rem;}
.planarea .inner .box {padding:1rem 2rem 7rem 2rem;background:#fff;height:100%;position:relative;}
.planarea .inner h3 {font-size:5rem;font-weight:bold;margin-bottom:0em;color:#0063a3;}
.planarea .inner h4 {font-size:1.2rem;margin-bottom:2em;color:#0063a3;}
.planarea .inner p {font-size:1rem;line-height:1.8em; }
.planarea .inner a {position:absolute;bottom:1rem;left:1rem;}
.planarea p.support {text-align:left;color:#fff;padding:0 1rem;}
/*SP*/
@media (max-width: 896px){
	.planarea h2 {font-size:2.4rem;}
	.planarea .inner h3 {font-size:3.5rem;}
	.planarea .inner h4 {font-size:1.2rem;}
	.planarea .inner p {font-size:1rem;}
}