/*2063a3*/
body {background:#2063a3;}

.mainimgarea {text-align:center;height:100vh;width:100%;overflow:hidden;position:relative;}
.mainimgarea .bgcover {position:absolute;top:0%;left:0%;width:100%;height:100%;opacity:1;
background:#fff url(../img/top/mainimg.jpg) no-repeat center center;background-size:cover;}
.mainimgarea.on .bgcover {transform:scale(1.2);transition:30s;opacity:1;}
.mainimgarea .cover {position:absolute;top:0%;left:0%;width:100%;height:100%;background:rgba(0,0,0,0.6);}
.mainimgarea .mainimg {position:relative;width:100%;padding-top:10vh;text-align:left;}
.mainimgarea h1 {font-size:2vw;line-height:0.8em;color:#fff;margin-bottom:1em;display:inline-block;padding:0.5em 2em; 
background:#2063a3;}
.mainimgarea h1 span {font-size:59%;display:inline-block;border-bottom:solid #fff 1px;padding-bottom:0.2em;margin-bottom:0.4em;}
.mainimgarea h2 {font-size:2.4vw;line-height:1.2em;color:#fff;margin-left:3vw;margin-bottom:0.5em;text-shadow:0 0 0.3em #000;}
.mainimgarea .step {opacity:0;transform:translateX(30vw) scale(3);filter:blur(3rem);}
.mainimgarea .step.on {opacity:1;transform:translateX(0vh) scale(1);filter:blur(0rem);transition:0.4s;}
.mainimgarea h3 {font-size:6rem;line-height:1em;color:#fff;position:relative;margin-left:3vw;margin-bottom:0.5em;text-shadow:0px 0px 0.5em #2063a3;}
.mainimgarea h4 {font-size:3vw;line-height:1.2em;color:#fff;margin-left:3vw;margin-bottom:1em;display:inline-block;}
/*
background: linear-gradient(90deg, #fff 15%, #ccc 50%, #fff 85%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
*/
.mainimgarea p {font-size:1.6rem;line-height:1.8em;color:#fff;margin-left:3vw;margin-bottom:0em; }
.mainimgarea .ctabtn {position:absolute;bottom:3vh;right:3vw;text-align:center;}
.ctabtn .btn {width:22vw;margin:0px 0.3rem 0.5rem 0.3rem;font-size:1.2rem;}
.ctabtn .btn2 {width:22vw;margin:0px 0.3rem 0.5rem 0.3rem;font-size:1.2rem;}
.ctabtn .btn2.step.on:hover {transform:translateY(0vh);}

.bnrarea {position:fixed;top:10vh;right:0px;width:25%;z-index:2000;transform:translateX(100vw);}
.bnrarea.on {transform:translateX(0vw);transition:0.4s;}
.bnrarea.hide {transform:translateX(22vw);transition:0.4s;}
.bnrarea img {width:100%;}

/*SP*/
@media (max-width: 896px){
	.mainimgarea {height:75vh;}
	.mainimgarea .mainimg {padding-top:5vh;}
	.mainimgarea h1 {font-size:7vw;line-height:1.3em;margin-bottom:1.5em;padding:0.5rem 3rem;}
	.mainimgarea h2 {font-size:6vw;line-height:1.3em;margin-bottom:0.5em;padding:0px 1rem;}
	.mainimgarea h3 {font-size:12vw;line-height:1.3em;margin-bottom:0.5em;padding:0px 1rem;}
	.mainimgarea h4 {font-size:6vw;line-height:1.3em;margin-bottom:0.5em;padding:0px 1rem;}
	.mainimgarea p {font-size:1.2rem;text-align:left;padding:0px 1rem;}
	.mainimgarea .ctabtn {display:none;}
	
	.fixedctabtn {position:fixed;bottom:0px;left:0px;width:100%;z-index:9999;display:flex;flex-wrap:all;}
	.fixedctabtn .btn {width:50%;display:block;padding:1.8rem 0rem;text-align:center;opacity:0;transform:translateY(7vh);border-radius:0px;}
	.fixedctabtn.on .btn {opacity:1;transform:translateY(0vh);transition:2s;}
	.fixedctabtn .btn2 {width:50%;display:block;padding:1.8rem 0rem;text-align:center;opacity:0;transform:translateY(7vh);border-radius:0px;}
	.fixedctabtn.on .btn2 {opacity:1;transform:translateY(0vh);transition:2s;border:solid #2063a3 0.3rem;}
	.bnrarea {top:auto;bottom:30vh;width:85%;}
	.bnrarea.hide {transform:translateX(75vw);}
}


.issuearea {position:relative;background:#2063a3;padding:1rem;}
/*background:url(../img/top/bg_issue.jpg) no-repeat center center;background-size:cover;*/
.issuearea .contents {position:relative;z-index:100;}
.issuearea .image {}
.issuearea .image .videowrap {width: 100%;}
.issuearea .image .videowrap video {width:100%;display:block;}
.issuearea .image img {width:100%;display:block;}
.issuearea .text {padding:7vh 3vw 7vh 3vw;}
.issuearea h2 {color:#fff;font-size:2.4rem;margin-bottom:0.5em;}
.issuearea ul li {color:#fff;font-size:1.4rem;font-weight:bold;line-height:2.6em;}
.issuearea p {color:#fff;font-size:1.4rem;font-weight:bold;line-height:1.8em;}

/*SP*/
@media (max-width: 896px){
	.issuearea .text {padding:3vh 0vw 6vh 0vw;}
	.issuearea h2 {font-size:1.8rem;}
	.issuearea ul li {font-size:1.0rem;line-height:1.8em;margin-bottom:0.5em; }
	.issuearea p {font-size:1.0rem;line-height:1.8em;margin-bottom:1em; }
}

.solutionarea {background:#fff;text-align:center;}
.solutionarea h2 {font-size:3.5rem;position:relative;display:inline-block;margin:0px auto;margin-bottom:3rem;}
.solutionarea h2:before {content:"";position:absolute;bottom:0;left:0;width:10%;height:0.5rem;
background:linear-gradient(to right,#de4141,#e8ac51,#f2e55c,#39a869,#4784bf,#5d5099,#a55b9a);}
.solutionarea h2.on:before {width:100%;transition:2s; }
.solutionarea .inner {padding:0.5rem;}
.solutionarea .inner .box {padding:1rem;height:100%;background:#fff;box-shadow:0px 0px 1em rgba(0,0,0,0.4);}
.solutionarea .inner img {width:100%;margin-bottom:1rem;}
.solutionarea .inner h3 {font-size:1.6rem;margin-bottom:0.5em;text-align:center;}
.solutionarea .inner p {font-size:1.2rem;text-align:left;}

/*SP*/
@media (max-width: 896px){
	.solutionarea h2 {font-size:2.0rem;padding-bottom:0.5em; }
	.solutionarea .inner h3 {text-align:left;}
}

.reviewarea {background:#2063a3;}
.reviewarea h2 {font-size:5rem;margin-bottom:0.5em;text-align:center;color:#fff;}
.reviewarea .inner {}
.reviewarea .inner .box {text-align:center;padding:2rem; }
.reviewarea .inner img {width:7rem;margin-bottom:1rem; }
.reviewarea .inner h2 {font-size:2.0rem;font-weight:normal;line-height:1.5em;color:#fff;}
.reviewarea .inner p {font-size:1.2rem;line-height:2.2em;color:#fff;}

/*SP*/
@media (max-width: 896px){
	.reviewarea h2 {font-size:2.4rem;}
	.reviewarea .inner h2 {font-size:1.6rem;}
}

.priceview {background:#eee;}
.priceview h2 {font-size:3.5rem;text-align:center;margin-bottom:1em;}
.priceview p {font-size:1.5rem;text-align:center;}
.priceview h3 {font-size:2.0rem;line-height:1.8em;text-align:center;}
.priceview h3 span.price {font-size:4.5rem;display:inline-block;margin:0px 0.3em;
background: linear-gradient(0deg, #000 15%, #888 50%, #000 85%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.priceview h3 span.tax {font-size:1.6rem;}
.priceview .tags {text-align:center;padding:2rem;}
.priceview .tags .tag {display:inline-block;padding:0.5rem 2rem;font-size:1.2rem;font-weight:bold;line-height:1em;margin:0px 0.5em;
	border-bottom:solid #000 0.2em;
}
.priceview .ctabtn {text-align:center;}
/*SP*/
@media (max-width: 896px){
	.priceview h2 {font-size:2rem;}
	.priceview p {font-size:1.1rem;margin-bottom:1em;}
	.priceview h3 {font-size:2.0rem;}
	.priceview h3 span.price {font-size:3.5rem;}
	.priceview h3 span.tax {font-size:1.6rem;}
	.priceview .tags .tag {width:100%;padding:1.5rem 0rem 0.5rem 0rem;font-size:1.1rem;}
	.priceview .ctabtn {}
	.priceview .ctabtn .btn {width:100%;margin-bottom:0.5em;}
	.priceview .ctabtn .btn2 {width:100%;margin-bottom:0.5em;}
}


.conpareview {}
.conpareview h2 {font-size:3.5rem;text-align:center;margin-bottom:1em;color:#fff;}
.conpareview table {border-collapse:separate;border-spacing:0.5rem;width:100%;}
.conpareview table th {border-bottom:solid #fff 0.1em;padding:1rem;font-size:1.4rem;font-weight:bold;color:#fff;}
.conpareview table td {border-bottom:solid #fff 0.1em;padding:1rem;font-size:1.2rem;font-weight:bold;color:#fff;text-align:center;}
.conpareview table td img {width:3rem; }
.conpareview table td:nth-child(4) img {width:5rem; }
/*SP*/
@media (max-width: 896px){
	.conpareview h2 {font-size:2rem;}
	.conpareview table th {padding:1rem 0.3rem;font-size:1.1rem;}
	.conpareview table td img {width:1.4rem;}
	.conpareview table td:nth-child(4) img {width:2rem; }
}



.contentarea.faqarea {background:linear-gradient(90deg,#ddd,#fff,#ddd);}
.contentarea.faqarea .heading {text-align:center;margin-bottom:7vh;}
.contentarea.faqarea .heading h2 {font-size:3.5rem;}
.contentarea.faqarea dl {width:50vw;margin:0px auto;}
.contentarea.faqarea dt {font-size:1.8rem;font-weight:normal;margin-bottom:0.2em;}
.contentarea.faqarea dd {background:#fff;padding:2rem;margin-bottom:3rem;}
/*SP*/
@media (max-width: 896px){
	.contentarea.faqarea .heading h2 {font-size:1.0rem;}
	.contentarea.faqarea .heading h3 {font-size:2.4rem;margin-bottom:1em;}
	.contentarea.faqarea dl {width:100%;}
	.contentarea.faqarea dt {font-size:1.2rem;}
	.contentarea.faqarea dd {font-size:1.0rem;}
}

.ctaarea {background:url(../img/top/bg_cta.jpg) no-repeat center center;background-size:cover;position:relative;}
.ctaarea h2 {color:#fff;font-size:5rem;margin-bottom:0.5em;text-align:center;
background: linear-gradient(-1deg, #aaa 15%, #fff 35%, #ccf 50%, #fff 65%, #aaa 70%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.ctaarea p {color:#fff;font-size:1.4rem;margin-bottom:1.5em;text-align:center;}
.ctaarea .ctabtn {text-align:center;}

/*SP*/
@media (max-width: 896px){
	.ctaarea h2 {font-size:2.2rem;}
	.ctaarea p {font-size:1.2rem;text-align:left;}
	.ctaarea .btn {width:100%; }
	.ctaarea .btn2 {width:100%; }
}



.contentarea.formwrap {background:#fff;}
.contentarea.formwrap .heading {text-align:center;}
.contentarea.formwrap h2 {font-size:1.4rem;}
.contentarea.formwrap h3 {font-size:5rem;font-weight:100;margin-bottom:0.8em;}
.contentarea.formwrap p.attention {
    background: #f2f2f2;
    padding: 30px 50px;
    margin-bottom: 20px;
}
.contentarea.formwrap .formarea {width:50vw;margin:0px auto; }
.contentarea.formwrap .formarea em {background:#f90;}

.footerarea {padding:3vh 3vw;text-align:left;}
.footerarea .copyright span {font-size:1.0rem;line-height:1em;color:#fff;}
/*SP*/
@media (max-width: 896px){
	.contentarea.formwrap .heading h2 {font-size:1.0rem;}
	.contentarea.formwrap .heading h3 {font-size:2.4rem;margin-bottom:1em;}
	.contentarea.formwrap p.attention {padding:1rem;margin-bottom:1rem;}
	.contentarea.formwrap .formarea {width:100%;}
	.footerarea .copyright span {font-size:1.0rem;}
}