/*0063a3*/
body {background:#fff;}


.mainimgarea {min-height:94vh;width:100%;overflow:hidden;position:relative;z-index:100;}
.mainimgarea .bgcover {position:absolute;top:0%;left:0%;width:100%;height:100%;transform:scale(1.5);filter:blur(100px);
	background:url(../img/top2/mainimg.jpeg) no-repeat center center;background-size:cover;opacity:1;}
.mainimgarea.on .bgcover {transform:scale(1.0);filter:blur(0px);transition:1s;opacity:1;}
.mainimgarea.on2 .bgcover {transform:scale(1.2);transition:30s;}
.mainimgarea .cover {position:absolute;top:0%;left:0%;width:100%;height:100%;background:rgba(0,0,0,0.9);opacity:0;}
.mainimgarea.on .cover {transition:2s;opacity:0.8;}
.mainimgarea .mainimg {position:relative;width:100%;padding:25vh 10vh 10vh 10vh;text-align:center;}
.mainimgarea .step {opacity:0;transform:translateY(7vw);}
.mainimgarea .step.on {opacity:1;transform:translateY(0vh);transition:0.4s;}
.mainimgarea img.logo {width:15vw;margin-bottom:5vh;filter:blur(200px); }
.mainimgarea.on img.logo {filter:blur(0px);transition:1s; }
.mainimgarea h1 {font-size:3.5rem;line-height:1.3em;color:#fff;margin-bottom:0.4em;letter-spacing:0;
text-shadow:0 0 1rem rgba(255,255,255,0.3);}
.mainimgarea p {font-size:1.4rem;line-height:1.8em;color:#fff;margin-bottom:2em; }
.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 .mainimg {padding:20vh 3vh 10vh 3vh;text-align:left;}
	.mainimgarea img.logo {width:62vw;}
	.mainimgarea h1 {font-size:13vw;}
	.mainimgarea p {font-size:1.2rem;}
	.ctabtn .btn {width:80vw;}
}


.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.5rem;}
	.contentarea h3 {font-size:1.6rem;}
	.contentarea p {font-size:1.2rem;}
}
.contentarea.contents01 {padding:15vh 0px 10vh 0px;
	background:url(../img/top/bg_contents01.jpg) no-repeat center center;background-size:cover;background-attachment:fixed; }
.contentarea.contents01 .heading {width:65vw;margin:0 auto;padding-bottom:0vh;text-align:center;}
.contentarea.contents01 .heading h2 {color:#0063a3;font-size:3.5rem;}
.contentarea.contents01 .heading h3 {color:#0063a3;font-size:1.6rem;line-height:2em;margin-bottom:3rem; }
.contentarea.contents01 .heading img {width:100%;}
.contentarea.contents01 .textbox {width:65vw;margin:0 auto;}
.contentarea.contents01 .textbox p {font-size:1rem;}
/*SP*/
@media (max-width: 896px){
	.contentarea.contents01 {padding:10vh 0px;background-image:url(../img/top/bg_contents01_sp.jpg);}
	.contentarea.contents01 .heading {width:100vw;}
	.contentarea.contents01 .heading h2 {font-size:2.1rem;margin-bottom:2rem;}
	.contentarea.contents01 .heading h3 {font-size:1.6rem;line-height:1.5em;}
	.contentarea.contents01 .textbox {width:90vw;}
}

.contentarea.imagecontents {background-color:#000;background-repeat:no-repeat;background-position:right center;background-size:cover;
position:relative;padding:10vw 6vw;margin-bottom:1px; }
.contentarea.imagecontents.con01 {background-image:url(../img/top2/bg_con01.jpg);}
.contentarea.imagecontents.con02 {background-image:url(../img/top2/bg_con02.jpg);background-attachment:fixed;}
.contentarea.imagecontents.con03 {background-image:url(../img/top2/bg_con03.jpg);}
.contentarea.imagecontents.con04 {background-image:url(../img/top2/bg_con04.jpg);background-attachment:fixed;}
.contentarea.imagecontents .innerbox {width:65%;position:relative;z-index:100;}
.contentarea.imagecontents .innerbox h2 {color:#fff;font-size:3.5rem;}
.contentarea.imagecontents .innerbox p {color:#fff;}
.contentarea.imagecontents .cover {position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,rgba(0,0,0,0.8) 50%, rgba(0,0,0,0.3));}

/*SP*/
@media (max-width: 896px){
	.contentarea.imagecontents {padding:15vh 6vw;}
	.contentarea.imagecontents .innerbox {width:100%;}
	.contentarea.imagecontents .innerbox h2 {font-size:2.1rem;margin-bottom:2rem;}
}


.contentarea.contents04 {background:#f2f2f2 url(../img/top/bg_contents04.jpg) no-repeat center center;background-size:cover;background-attachment:fixed;}
/*SP*/
@media (max-width: 896px){
	.contentarea.contents04 {background-image:url(../img/top/bg_contents04_sp.jpg);}
	.contentarea.contents04 p a.btn {margin-top:2rem;}
}