.mainimgarea {position:relative;background:#000;overflow:hidden;padding:25vh 10vh;}
.mainimgarea .mainimg {position:relative; width:90%;z-index:200;text-align:left;text-align:center;}

.mainimgarea .mainimg h2 {font-size:2.6rem;line-height:1.2em;color:#fff;margin-bottom:1.5em; 
text-shadow:0 0 0.6em rgba(255,255,200,1);}
/*
background: linear-gradient(135deg, #f00 40%, #ffc 50%, #f00 60%);
-webkit-background-clip: text;-webkit-text-fill-color: transparent;
*/
.mainimgarea .mainimg img {width:24vw;margin-bottom:1rem; }
.mainimgarea .mainimg h3 {font-size:3.5rem;line-height:1.2em;
color:#fff;margin-bottom:3rem;
background: linear-gradient(135deg, #f00 10%, #ffc 20%, #f00 30%);
-webkit-background-clip: text;-webkit-text-fill-color: transparent;
}
.mainimgarea .mainimg p {font-size:1.4rem;line-height:1.5em;color:#fff;}
.mainimgarea .mainimg p a.btn {margin-top:3rem;}
/*SP*/
@media (max-width: 896px){
	.mainimgarea {padding:7vh 5vh;}
	.mainimgarea .mainimg {padding-top:10vh;}
	.mainimgarea .mainimg img {width:68vw;margin-bottom:0rem;}
	.mainimgarea .mainimg h1 {font-size:2.6rem;margin-bottom:2rem;}
	.mainimgarea .mainimg h2 {font-size:14vw;line-height:1.3em;margin-bottom:0.3em;}
	.mainimgarea .mainimg p {font-size:1.4rem;text-align:left;}
	.mainimgarea .mainimg p a.btn {margin-top:1rem;width:100%;text-align:center;}
}

.inview {transform:translateY(10vh);opacity:0;filter:blur(1rem); }
.inview.active {transform:translateY(0vh);opacity:1;filter:blur(0);transition:0.7s; }

.contentarea.contents01 {background:linear-gradient(#111,#000);padding:10vh 10vw;}
.contents01 h2 {font-size:5rem;color:#fff;margin-bottom:0;text-shadow:0 0 1.5em rgba(255,255,255,0.5);margin-bottom:0.5em;}
.contents01 h2.dark {color:#f00;}
.contents01 p {font-size:1.4rem;color:#fff;}
.contents01 p a:not(.btn4) {color:#fff;}
.contents01 p a.btn {margin-bottom:0.5rem;}
/*SP*/
@media (max-width: 896px){
	.contents01 h2 {font-size:2.4rem;}
	.contents01 p {font-size:1.4rem;}
}


.contentarea.flowarea {background:#111;padding:10vh 0 10vh 0;}
.flowarea h2 {color:#f00;text-align:center;margin-bottom:0;}
.flowarea .circlewrap {display:flex;flex-wrap:wrap;width:75vw;margin:0 auto;padding-bottom:3rem; }
.flowarea .circlewrap .circle {width:20vw;height:20vw;margin:2.5vw;border-radius:50%;border:solid #fff 2.0vw;
text-align:center;}
.flowarea .circlewrap .circle h3 {line-height:16vw;color:#fff;font-size:2.0rem;font-weight:bold;}
.flowarea p {font-size:1.4rem;color:#fff;text-align:center;}
/*SP*/
@media (max-width: 896px){
	.contentarea.flowarea {padding:6vh 5vw;}
	.flowarea .circlewrap {width:90vw;margin:0 auto;padding-bottom:3rem; }
	.flowarea .circlewrap .circle {width:30vw;height:30vw;margin:0;border-radius:50%;border:solid #fff 2.0vw;}
	.flowarea .circlewrap .circle h3 {line-height:26vw;font-size:1.1rem;font-weight:bold;}
	.flowarea p {font-size:1.2rem;text-align:left;}
}

.contentarea.sankakuarea {background:#000;}
.sankakuarea h2 {color:#f00;text-align:center;margin-bottom:0;}
.sankakuarea p {color:#fff;text-align:center;}
.sankakuarea .inner {padding:1rem;}
.sankakuarea .box {}
.sankakuarea .inner img {width:100%;margin-bottom:0.5rem; }
.sankakuarea .inner h3 {font-size:1.8rem; color:#f00;}
.sankakuarea .inner p {font-size:1.2rem;text-align:left;}
/*SP*/
@media (max-width: 896px){
}

.contentarea.reasonarea {background:linear-gradient(#111,#000);}
.reasonarea h2 {color:#f00;text-align:center;margin-bottom:0;}
.reasonarea p {color:#fff;text-align:center;}
.reasonarea .inner {padding:1rem;}
.reasonarea .box {}
.reasonarea .inner img {width:100%;margin-bottom:0.5rem; }
.reasonarea .inner h3 {font-size:1.8rem; color:#f00;}
.reasonarea .inner p {font-size:1.2rem;text-align:left;}
/*SP*/
@media (max-width: 896px){
}
.contentarea.ideaarea {background:#111;}
.ideaarea h2 {color:#f00;text-align:center;margin-bottom:0;}
.ideaarea p {color:#fff;text-align:center;}
.ideaarea .inner {padding:1rem;}
.ideaarea .box {}
.ideaarea .inner img {width:10rem;margin-bottom:0.5rem; }
.ideaarea .inner h3 {font-size:1.8rem; color:#f00;}
.ideaarea .inner p {font-size:1.2rem;text-align:left;}
/*SP*/
@media (max-width: 896px){
	.ideaarea p {text-align:left;}
	.ideaarea .inner h3 {font-size:2.4rem;}
}

.contentarea.ovewviewarea {background:#fff;}
.ovewviewarea h2 {font-size:6rem;margin-bottom:0.2em;}
.ovewviewarea h3 {font-size:3rem;color:#f00;}
.ovewviewarea p {font-size:1.6rem;}
.ovewviewarea ul li {font-size:1.6rem;line-height:2.2em;}
.ovewviewarea a.btn {display:none;}
/*SP*/
@media (max-width: 896px){
	.ovewviewarea h2 {font-size:3.0rem;}
	.ovewviewarea h3 {font-size:2.4rem;}
	.ovewviewarea p {font-size:1.2rem;}
	.ovewviewarea ul li {font-size:1.2rem;}
}

.contentarea.meritarea {background:#eee;}
.meritarea .content {width:60vw;}
.meritarea h2 {line-height:1.3em;text-align:center;margin-bottom:3rem;}
.meritarea p.meritmsg {text-align:center;margin-top:2rem; }
.merit {display:flex;flex-wrap:wrap;margin-bottom:0.2rem;background:#fff;padding:2rem 1rem; }
.merit .for {width:25%;text-align:center;}
.merit .for img {width:32%;}
.merit .for h3 {font-size:1.4rem;}
.merit .msg {width:75%;}
.merit .msg p {font-size:1.6rem;font-weight:bold;padding-top:2rem;text-align:left;}
.merit .msg p:before {content:"　・・・　";}
.meritarea table {display:none;}
/*SP*/
@media (max-width: 896px){
	.meritarea .content {width:100%;}
.merit {display:block;margin-bottom:0.5rem;}
.meritarea p.meritmsg {font-size:1.4rem;text-align:left;}
.merit .for {width:100%;text-align:center;}
.merit .for img {width:20%;margin-bottom:0.5rem;}
.merit .for h3 {font-size:1.8rem;color:#f00;}
.merit .msg {width:100%;}
.merit .msg p {font-size:1.6rem;padding-top:0.5rem;text-align:center;font-weight:normal;}
.merit .msg p:before {content:"";}
}

.contentarea.dataarea {background:#fff;}
.dataarea h2 {font-size:2.4rem;text-align:center;}
.dataarea p {text-align:center;}
.dataarea td strong {color:#f00;font-size:1.2rem;margin-bottom:1.2rem;display:inline-block;}
.dataarea td strong span.date {color:#f80;font-size:0.8rem;font-weight:normal;}
/*SP*/
@media (max-width: 896px){
}


.contentarea.faqarea {background:#eee;}
.faqarea .faq {}
.faqarea .faq h3 {font-size:1.6rem;margin-bottom:1rem; }
.faqarea .faq h3:before {content:"Q. ";font-size:3.5rem;}
.faqarea .faq p {font-size:1.6rem;background:#fff;padding:3rem;}
.faqarea .faq p:before {content:"A. ";font-size:3.5rem;}
/*SP*/
@media (max-width: 896px){
}