/*ff8800*/
body {background:#000;}

.headerarea {transform:translateY(-10vh);transition:0.4s;}
.headerarea.on {transform:translateY(0vh);}

.mainimgarea {min-height:94vh;width:100%;overflow:hidden;position:relative;z-index:100;
background:url(../img/top/mainimg.jpg) no-repeat center center;background-size:cover;background-attachment:fixed;}
.mainimgarea .cover {position:absolute;top:0%;left:0%;width:100%;height:100%;background:rgba(0,0,0,0.85);opacity:0;}
.mainimgarea.on .cover {transition:1s;opacity:1;}
.mainimgarea .mainimg {position:relative;width:100%;padding:0vh;display:flex;flex-wrap:wrap;}
.mainimgarea .mainimg .mainlogo {width:32%;text-align:center;padding-top:45vh; }
.mainimgarea .mainimg .maintxt {width:68%;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:62%;margin-bottom:5rem; }
.mainimgarea h2 {font-size:1.8rem;line-height:1em;color:#fff;margin-bottom:2rem;border-bottom:solid #fff 3px;display:inline-block;padding:1rem; }
.mainimgarea h1 {font-size:4.5rem;line-height:1em;color:#fff;margin-bottom:3rem;}
.mainimgarea p {font-size:0.9rem;line-height:1.5em;color:#fff;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 .mainimg {display:block;}
	.mainimgarea .mainimg .mainlogo {width:100%;padding-top:15vh; }
	.mainimgarea .mainimg .maintxt {width:100%;padding:7vh 3vh;}
	.mainimgarea img.logo {margin-bottom:0rem;}
	.mainimgarea h2 {font-size:1.4rem;line-height:1.5em;margin-bottom:2rem;padding:0rem 0rem 1rem 0rem; }
	.mainimgarea h1 {font-size:3.5rem;margin-bottom:3rem;}
	.mainimgarea p {font-size:1.0rem;margin-bottom:0em; }
	.mainimgarea .ctabtn {padding-top:3rem; }
	.mainimgarea .ctabtn .btn {width:80%;}
}


.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.1rem;}
	.contentarea h3 {font-size:1.4rem;font-weight:bold;}
	.contentarea p {font-size:1.2rem;}
}


.contentarea.contents01 {position:relative;background:#fff url(../img/top/bg_imga01.jpg) no-repeat center center;background-size:cover;background-attachment:fixed;}
.contentarea.contents01 .cover {position:absolute;top:0%;left:0%;width:100%;height:100%;background:rgba(255,255,255,0.90);}
.contentarea.contents01 .textbox {position:relative;z-index:100;}
/*SP*/
@media (max-width: 896px){
}

.contentarea.contents02 {position:relative;background:#f2f2f2 url(../img/top/bg_imga02.jpg) no-repeat center center;background-size:cover;background-attachment:fixed;text-align:center;}
.contentarea.contents02 .heading {margin-bottom:5rem; }
.contentarea.contents02 .inner {padding:2px;}
.contentarea.contents02 .box {padding:2rem;background:#fff;height:100%;}
.contentarea.contents02 .inner img {width:4.5rem;margin-bottom:2rem; }
.contentarea.contents02 .inner h3 {font-size:2.1rem; }
.contentarea.contents02 .inner h4 {font-size:1.2rem;margin-bottom:1rem;}
.contentarea.contents02 .inner p {font-size:1.0rem;text-align:left;}
/*SP*/
@media (max-width: 896px){
	.contentarea.contents02 .heading p {text-align:left;}
	.contentarea.contents02 .inner h3 {font-size:1.6rem; }
}


.contentarea.contents03 {background:#fff;text-align:center;}
.contentarea.contents03 .heading {margin-bottom:5rem; }
.contentarea.contents03 .heading h2 {}
.contentarea.contents03 .heading p {}
.contentarea.contents03 .inner {padding:2px;}
.contentarea.contents03 .box {padding:2rem;height:100%;border:solid #000 1px;}
.contentarea.contents03 .inner img {width:4.5rem;margin-bottom:1rem; }
.contentarea.contents03 .inner h3 {font-size:2.1rem; }
.contentarea.contents03 .inner h4 {font-size:1.2rem;margin-bottom:1rem;}
.contentarea.contents03 .inner p {font-size:1.0rem;text-align:left;}
/*SP*/
@media (max-width: 896px){
}