/*header*/
.homewrapper {margin-top:0px;}
.pagewrapper {margin-top:100px;}


/*mainimgarea*/
.mainimgarea {position:relative;width:100%;height:100vh;overflow:hidden;
background:linear-gradient(135deg,#008,#888);}
.mainimgarea .mainimg {position:absolute;top:50%;left:40%;width:55%;transform:translateY(-50%);}
.mainimgarea .bgcover {position:absolute;top:0px;left:0px;width:100%;height:100%;
background:url(../img/top/mainimg.jpg) no-repeat left center;background-size:cover;}
.mainimgarea h2 {font-size:1.4rem;font-weight:bold;margin-bottom:10px;position:relative;color:#fff;}
.mainimgarea h1 {font-size:3.0rem;font-weight:bold;margin-bottom:20px;position:relative;color:#fff;}
.mainimgarea p {color:#fff;font-size:1.2rem;line-height:1.8em;margin-bottom:30px;}

.mainimgarea .mainctaarea {text-align:center;opacity:0;transform:translateY(20px);}
.mainimgarea .mainctaarea.on {opacity:1;transform:translateY(0px);transition:2s;}
.mainimgarea .mainctaarea .btn {width:300px;}
.detail {background:#000; padding:100px 100px;}
.detail .detailbox {}
.detail table {width:100%;border:solid #fff 3px;border-collapse:collapse;}
.detail tr th {border:solid #fff 1px;padding:10px; font-size:1.0rem;color:#fff;margin-bottom:7px;}
.detail tr td {border:solid #fff 1px;padding:30px;}
.detail tr td p {font-size:1.0rem;color:#fff;}
.detail tr td p a {color:#ff0;text-decoration:underline;}
.detail tr td p span {display:inline-block;width:138px;}
.detail p {font-size:1.0rem;color:#fff;}
.detail p a {color:#ff0;text-decoration:underline;}
.detail p a.btn {color:#000;text-decoration:none;}
.detail p a.btn:hover {color:#fff;}
@media (max-height:950px){
	.mainimgarea {height:75vh;}
}
/*RES*/
@media (min-width:897px){
	@media (max-width:1500px){
		.mainimgarea {height:auto;padding:150px 50px 50px 50px;}
		.mainimgarea .mainimg {position:relative;top:auto;left:auto;margin-left:35%;width:65%;transform:translateY(0%);}
	}
	@media (max-width:1200px){
		.mainimgarea {height:auto;padding:120px 20px 50px 20px;}
		.mainimgarea .mainimg {position:relative;top:auto;left:auto;width:100%;transform:translateY(0%);}
		.mainimgarea h2 {font-size:1.1rem;}
		.mainimgarea h1 {font-size:1.5rem;}
		.mainimgarea p {font-size:0.8rem;margin-bottom:30px;}	
	}
}
/*SP*/
@media (max-width: 896px){
	.mainimgarea {height:auto;padding:120px 20px 50px 20px;}
	.mainimgarea .bgcover {background-image:url(../img/top/mainimg_sp.jpg);background-position:top center;background-size:100% auto;background-attachment:fixed;}
	.mainimgarea .mainimg {position:relative;top:auto;left:auto;width:100%;transform:translateY(0%);}
	.mainimgarea h2 {font-size:1.3rem;}
	.mainimgarea h1 {font-size:1.8rem;}
	.mainimgarea p {font-size:0.9rem;margin-bottom:30px;}
	.detail {padding:35px 20px;}
	.detail p {font-size:1.0rem;}
	.detail tr th {width:100%;display:block;border:none;border-bottom:solid #aaa 1px;}
	.detail tr td {width:100%;display:block;border:none;border-bottom:solid #fff 1px;padding:20px;}
	.detail tr td p {font-size:0.8rem;}
	.detail tr td p span {width:95px;}
	.cta {text-align:center;padding: 10px 0px 50px 0px;}
	.cta .btn2 {width:80vw;transform:scale(2);opacity:0;filter:blur(30px);}
	.cta.on .btn2 {transform:scale(1);opacity:1;filter:blur(0px);transition:0.1s;}
}


.message {position:relative; background:#005 url(../img/top/bg_message.jpg) no-repeat center center;background-size:cover;background-attachment:fixed;}
.message .cover {position:absolute;top:0px;left:0px;width:100%;height:100%;background:rgba(0,0,0,0.7);opacity:0;}
.message:hover .cover {opacity:1;transition:5s;}
.message .textbox {position:relative;z-index:100;padding-bottom:50px;width:100%;margin:0px auto;}
.message .textbox h2 {color:#fff;font-size:4rem;margin-bottom:20px;text-shadow:0px 0px 3px rgba(0,0,0,0.2); }
.message .textbox p {color:#fff;font-size:1.4rem;text-shadow:0px 0px 3px rgba(0,0,0,0.2);}
.message .textbox p a {margin-top:30px;}
/*RES*/
@media (min-width:897px){@media (max-width:1200px){
	.message .textbox h2 {font-size:2.0rem;}
	.message .textbox p {font-size:1rem;}
}}
/*SP*/
@media (max-width: 896px){
	.message .textbox h2 {font-size:1.5rem;text-align:center;}
	.message .textbox p {font-size:0.8rem;}
}


.introduction {position:relative; background:linear-gradient(135deg,#eee,#ddd); }
.introduction .imagebox {width:25%;float:left;padding:10px;}
.introduction .imagebox img {width:100%;}
.introduction .textbox {position:relative;z-index:100;width:75%;float:left;padding-left:10%;}
.introduction .textbox h2 {color:#000;font-size:2.8rem;margin-bottom:20px;text-shadow:0px 0px 3px rgba(0,0,0,0.2); }
.introduction .textbox h3 {color:#000;font-size:1.4rem;margin-bottom:20px;text-shadow:0px 0px 3px rgba(0,0,0,0.2); }
.introduction .textbox p {color:#000;font-size:1.0rem;text-shadow:0px 0px 3px rgba(0,0,0,0.2);}
.introduction .textbox p a {margin-top:30px;}
/*RES*/
@media (min-width:897px){@media (max-width:1200px){
	.introduction .textbox h2 {font-size:2.0rem;}
	.introduction .textbox img {width:50%;margin:0px auto 30px auto;display:block;}
	.introduction .textbox p {font-size:1.0rem;}
}}
/*SP*/
@media (max-width: 896px){
	.introduction .imagebox {width:100%;float:none;}
	.introduction .textbox {width:100%;float:none;padding-left:0%;}
	.introduction .textbox h2 {font-size:2.0rem;text-align:center;}
	.introduction .textbox img {width:50%;margin:0px auto 30px auto;display:block;}
	.introduction .textbox p {font-size:0.8rem;}
}

.ctaarea {background:#000 url(../img/top/bg_ctaarea.jpg) no-repeat center center;background-size:cover;}
.ctaarea h2 {color:#000;margin-bottom:20px;font-size:3rem;text-align:center;}
.ctaarea p {color:#000;margin-bottom:20px;font-size:1.4rem;text-align:center;}
.ctaarea a.btn2 {width:350px;max-width:100%;}
/*RES*/
@media (min-width:897px){@media (max-width:1200px){
	.ctaarea {padding:30px 20px;}
	.ctaarea h2 {font-size:2.0rem;}
	.ctaarea p {font-size:1.0rem;}
}}
/*SP*/
@media (max-width: 896px){
	.ctaarea {padding:30px 20px;}
	.ctaarea h2 {font-size:2.0rem;}
	.ctaarea p {font-size:1.0rem;}
	.ctaarea a.btn2 {width:100%;}
}

.thanksarea {height:calc(100vh - 170px);}