.mainimgarea {padding:0vw 5vw;height:100vh;position:relative;overflow:hidden;}

.mainimgarea .mainbnr {position:absolute;right:0;bottom:3vh;z-index:100;}
.mainimgarea .mainbnr img {width:25vw;display:block;box-shadow:0 0 10px rgba(255,255,255,0.6); }
.mainimgarea .mainbnr a:hover img {transform:scale(1.05);transition:0.3s;}

.mainimgarea .bgcover {position:fixed;top:50%;left:50%;height:30vh;width:30vh;transform:translateX(-50%) translateY(-50%);}
.mainimgarea .bgcover video {height:100%;width:100%;object-fit:cover;
position:absolute;top:0;left:0;}/*transition:180s;filter:hue-rotate(0deg);*/
.mainimgarea .cover {position:absolute;top:0;left:0;height:100%;width:100%;background:linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0));opacity:1;}
.mainimgarea .cover.on {opacity:1;transition:7s;}
.mainimgarea .mainimg {position:relative;width:100%;height:100%;padding-top:0vh;z-index:10;text-align:left;}
.mainimgarea .mainimg img {width:18vw;margin-bottom:1rem; }
.mainimgarea .mainimg .maintxt {position:absolute;top:50%;left:0;width:100%;transform:translateY(-50%);text-align:center;}
.mainimgarea .mainimg .maintxt.on {}
.mainimgarea .mainimg h1 {transform:scale(1);filter:blur(2rem);opacity:0;}
.mainimgarea .mainimg h1 img {width:20vw;}
.mainimgarea .mainimg h1.on {transform:scale(1);filter:blur(0);opacity:1;transition:3s;}
.mainimgarea .mainimg h2 {font-size:1.0rem;line-height:1.2em;font-weight:normal;color:#fff;transform:scale(1);filter:blur(1rem);opacity:0;}
.mainimgarea .mainimg h2.on {transform:scale(1);filter:blur(0);opacity:1;transition:7s;}
.mainimgarea .mainimg p.step {font-size:1.8rem;line-height:1.2em;font-weight:bold;color:#fff;text-align:center;
	position:absolute;pointer-events:none;text-shadow:0 0 0.5rem #007;transform:scale(0.3);filter:blur(0);opacity:0;}
.mainimgarea .mainimg p.step1 {top:30%;left:0%;}
.mainimgarea .mainimg p.step2 {top:60%;right:20%;}
.mainimgarea .mainimg p.step3 {top:20%;right:5%;}
.mainimgarea .mainimg p.step4 {top:20%;left:0%;}
.mainimgarea .mainimg p.step5 {top:50%;right:30%;}
.mainimgarea .mainimg p.step6 {top:80%;left:30%;}
.mainimgarea .mainimg p.step7 {top:50%;right:0%;}

.mainimgarea .mainimg p.step.on {transform:scale(1);filter:blur(0);opacity:1;transition:4s;}
.mainimgarea .mainimg p.step.on.out {filter:blur(2rem);opacity:0;transition:1s;}
.mainimgarea .mainimg p.step1.on.out {transform:translateX(0%) translateY(-50%) scale(20);}
.mainimgarea .mainimg p.step2.on.out {transform:translateX(-20%) translateY(-10%) scale(20);}
.mainimgarea .mainimg p.step3.on.out {transform:translateX(20%) translateY(-90%) scale(20);}
.mainimgarea .mainimg p.step4.on.out {transform:translateX(10%) translateY(-40%) scale(20);}
.mainimgarea .mainimg p.step5.on.out {transform:translateX(-20%) translateY(-70%) scale(20);}
.mainimgarea .mainimg p.step6.on.out {transform:translateX(0%) translateY(-30%) scale(20);}
.mainimgarea .mainimg p.step7.on.out {transform:translateX(-10%) translateY(-80%) scale(20);}

.mainimgarea .mainimg .ctabtn {padding-top:2rem;
transform:translateY(7vw);filter:blur(2rem); opacity:0;}
.mainimgarea .mainimg .ctabtn.on {transform:translateY(0vw);filter:blur(0rem);opacity:1;transition:3s;}
/*SP*/
@media (max-width: 896px){
	.mainimgarea {padding:15vw 5vw;}
	.mainimgarea .mainimg {}
	.mainimgarea .mainimg .maintxt {width:80%;left:10%;}
	.mainimgarea .mainimg h1 img {width:62vw;margin-bottom:5rem;}
	.mainimgarea .mainimg h2 {font-size:1.6rem;line-height:1.8em; }
	.mainimgarea .mainimg .ctabtn .btn {width:80%; }
}



h2 {font-size:3.5rem;line-height:1.8em;margin-bottom:0.5em; }
p {font-size:1.2rem;line-height:1.8em;}
/*SP*/
@media (max-width: 896px){
	h2 {font-size:1.8rem;margin-bottom:1em;}
	p {font-size:1.0rem;}
}
.nextaction {text-align:center;}

.maincontent {padding:7vw 5vw;position:relative;}
.maincontent .content {width:50%;}
.maincontent h2 {font-size:1.6rem;margin-bottom:1rem;font-weight:normal;color:#fff;text-align:center; }
.maincontent h3 {font-size:5rem;line-height:1em;margin-bottom:5rem;font-weight:normal; color:#fff;text-align:center;}
.maincontent p {font-size:1.0rem;margin-bottom:2rem;color:#fff;}
.sidemenu {position:absolute;top:50%;left:0;transform:translateY(-50%);}
.sidemenu a {font-size:1.0rem;line-height:2em;color:#fff;position:relative;padding-left:7vw;}
.sidemenu a:before {content:"";position:absolute;top:50%;left:0;transform:translateY(-50%);height:1px;width:6vw;background:#fff; }
.sidemenu2 {position:absolute;top:50%;right:0;transform:translateY(-50%);text-align:right;}
.sidemenu2 a {font-size:1.0rem;line-height:2em;color:#fff;position:relative;padding-right:7vw;}
.sidemenu2 a:before {content:"";position:absolute;top:50%;right:0;transform:translateY(-50%);height:1px;width:6vw;background:#fff; }
/*SP*/
@media (max-width: 896px){
	.maincontent .content {width:80%;}
	.maincontent h2 {font-size:1.4rem;}
	.maincontent h3 {font-size:2.4rem;}
	.sidemenu {position:relative;top:0;transform:translateY(0);padding-top:5vh;padding-bottom:10vh;}
	.sidemenu2 {position:relative;top:0;transform:translateY(0);padding-top:5vh;padding-bottom:10vh;text-align:left;}
	.sidemenu2 a {padding-right:0vw;padding-left:7vw;}
	.sidemenu2 a:before {left:0;right:auto;}
}