.mainimgarea.active {transform:translateY(60px);opacity:0;}
.mainimgarea.move {transform:translateY(0px);opacity:1;transition:1s;}
.pointblock.active {transform:translateY(60px);opacity:0;}
.pointblock.move {transform:translateY(0px);opacity:1;transition:1s;}
.messageblock.active {transform:translateY(60px);opacity:0;}
.messageblock.move {transform:translateY(0px);opacity:1;transition:1s;}
.checklistblock.active {transform:translateY(60px);opacity:0;}
.checklistblock.move {transform:translateY(0px);opacity:1;transition:1s;}
.reviewblock.active {transform:translateY(60px);opacity:0;}
.reviewblock.move {transform:translateY(0px);opacity:1;transition:1s;}
.stepblock.active {transform:translateY(60px);opacity:0;}
.stepblock.move {transform:translateY(0px);opacity:1;transition:1s;}
.faqblock.active {transform:translateY(60px);opacity:0;}
.faqblock.move {transform:translateY(0px);opacity:1;transition:1s;}

/*classlinkblock:ページ内リンク*/
.classlinkblock {display:none;width:100%;background:#f2f2f2;text-align:center;}
.classlinkblock.on {position:fixed;top:0px;left:0px;z-index:9000;display:block;transform:translateY(-100px);opacity:0;transition:0.4s;}
.classlinkblock.active {transform:translateY(0px);opacity:1;}
.classlinkblock .classlink {display:inline-block;}
.classlinkblock .classlink span {display:none;}
.classlinkblock .classlink p {display:inline-block;text-align:center;background:#f2f2f2 linear-gradient(#fff, #f2f2f2);position:relative;font-size:15px;line-height:1em;padding:0em 2em;height:60px;line-height:60px;margin:0px;cursor:pointer;}
.classlinkblock .classlink p:hover {background:#ddd;}
@media (max-width: 896px){
	.classlinkblock .classlink {display:block;float:left;border-right: solid #ddd 1px;}
	.classlinkblock .classlink p {font-size:12px;line-height:1em;padding:0em 0.5em;height:35px;line-height:35px;background:none;}
}


/*mainimg*/
.mainimgarea {width:100vw;margin: 0 calc(50% - 50vw);position:relative;}
.mainimgarea .mainimg {width:800px;max-width:100%;margin-left:5vw;padding:30px;position:relative;}
.fvcenter .mainimgarea .mainimg {margin:0 auto;padding:30px 0px;text-align:center;}
.fvright .mainimgarea .mainimg {margin-left:45vw;}
.mainimgarea .mainimage_pc,.mainimgarea .mainimage_sp {position:absolute;top:0px;left:0px;width:100%;height:100%;overflow:hidden;display:flex;}
.mainimgarea .mainimage_pc img, .mainimgarea .mainimage_sp img {width:fit-content!important;object-fit: cover!important;}
.fvbgcover .bgcover {position:absolute;top:0%;left:0%;width:100%;height:100%;background:rgba(0,0,0,0.4);}
.mainimgarea .ranking {
	background:url("../img/cmn/ranking.png") no-repeat center center;background-size:contain;position:relative;
	display:inline-block;width:200px;height:200px;margin-bottom:30px;padding:60px 45px 45px 45px;overflow:hidden;}
.mainimgarea .ranking p {
	position:absolute;top:53%;left:50%;transform:translateX(-50%) translateY(-50%);margin:0px;padding:0px;
	font-size:10px;line-height:1.5em;color:#600;text-align:center;}
.mainimgarea .ranking p strong {
	display:inline-block;font-size:16px;background:none;margin:5px 0px;
}
.mainimgarea .look1,.mainimgarea .look2,.mainimgarea .look3 {
	background:url("../img/cmn/look.png") no-repeat center center;background-size:contain;position:relative;
	display:inline-block;width:200px;height:60px;margin:10px 0px;padding:0px;overflow:hidden;}
.mainimgarea .look1 p,.mainimgarea .look2 p,.mainimgarea .look3 p {
	position:absolute;top:53%;left:0%;width:67%;transform:translateY(-50%);margin: 0px 0px 0px 30%;padding:0px;
	font-size:14px;line-height:1.5em;color:#600;font-weight:bold;text-align:left;color:#000;font-weight:bold;}

.mainimgarea .catch1 {font-size:36px;margin:10px 0px;line-height:1em;}
.fvfontwhite .mainimgarea .catch1 {color:#fff;}
.fvfontbgwhite .mainimgarea .catch1 {background:#fff;}
.fvfontshadow .mainimgarea .catch1 {text-shadow:0px 0px 5px rgba(0,0,0,0.5);}

.mainimgarea .catch2 {border:none;font-size:72px;margin:10px 0px;padding:0;margin-bottom:1px;line-height:1em;}
.mainimgarea .catch2:before {content:"";}
.fvfontwhite .mainimgarea .catch2 {color:#fff;}
.fvfontbgwhite .mainimgarea .catch2 {background:#fff;}
.fvfontshadow .mainimgarea .catch2 {text-shadow:0px 0px 5px rgba(0,0,0,0.5);}

.mainimgarea .text {width:100%;font-size:18px;font-weight:bold;}
.mainimgarea .text a {display:inline-block;padding: 7px 53px 7px 28px;border-radius:0px;
color:#fff;font-size:16px;text-decoration:none;background:#000 url(../img/cmn/linkarrow.svg) no-repeat right 15px center;background-size:24px auto;}
.mainimgarea .text a:hover {opacity:0.9;}
.fvfontwhite .mainimgarea .text {color:#fff;}
.fvfontbgwhite .mainimgarea .text {background:#fff;}
.fvfontshadow .mainimgarea .text {text-shadow:0px 0px 5px rgba(0,0,0,0.5);}

@media (min-width: 897px){
	.mainimgarea .mainimage_sp {display:none;}
}
@media (max-width: 896px){
	.mainimgarea .mainimage_pc {display:none;}
	.mainimgarea .mainimg {padding:5px;}
	.mainimgarea .mainimg {width:100%;margin:0px;}
	.mainimgarea .look1,.mainimgarea .look2,.mainimgarea .look3 {margin:0px 0px 5px 0px;width:150px;height:50px;}
	.mainimgarea .look1 p,.mainimgarea .look2 p,.mainimgarea .look3 p {font-size:12px;line-height:1.2em;}
	.mainimgarea .ranking {width:110px;height:120px;padding:30px 20px 22px 20px;}
	.mainimgarea .ranking p {font-size:8px;width:70px;}
	.mainimgarea .ranking p strong {font-size:12px;margin:2px 0px;}
	.mainimgarea .catch1 {font-size:28px;}
	.mainimgarea .catch2 {font-size:45px;}
	.mainimgarea .text {width:100%;font-size:14px;}

}
/*スライダー*/
.sliderwrap {width:100vw;height:100vh;margin: 0 calc(50% - 50vw);padding:0px;position:relative;}
.sliderwrap .swiper-slide {width:100%;height:100vh!important;position:relative; }
.sliderwrap .slideimage1,.sliderwrap .slideimage2 {position:absolute;top:0px;left:0px;width:100%;height:100%;overflow:hidden;}
.sliderwrap .slideimage1 img,.sliderwrap .slideimage2 img {position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);min-width:100%;min-height:100%;max-width:none;}
.sliderwrap .swiper-contents {position:absolute;top:50%;left:50%;width:80%;transform:translateX(-50%) translateY(-50%);padding:0px 10vw;}
.sliderwrap h2 {text-align:center;border:none;font-size:40px;font-weight:bold;margin-bottom:30px;position:relative;}
.sliderwrap h2:before {content:"";}
.sliderwrap p.slidetext1,.sliderwrap p.slidetext2 {text-align:center;border:none;font-size:18px;font-weight:bold;position:relative;}
.sliderwrap p.slidetext1 a, .sliderwrap p.slidetext2 a {display:inline-block;padding: 7px 53px 7px 28px;border-radius:0px;
color:#fff;font-size:16px;text-decoration:none;background:#000 url(../img/cmn/linkarrow.svg) no-repeat right 15px center;background-size:24px auto;}

.sliderwrap .swiper-button-next, .swiper-button-prev {width:45px;height:45px; background-size: 45px 45px; }
.sliderwrap .swiper-button-prev, .swiper-container-rtl .swiper-button-next {background-image:url(../img/cmn/left.svg);}
.sliderwrap .swiper-button-next, .swiper-container-rtl .swiper-button-prev {background-image:url(../img/cmn/right.svg);}
.sliderwrap .swiper-pagination-bullet {background:rgba(255,255,255,0.6); opacity:0.9;border:solid #ccc 1px;}
.sliderwrap .swiper-pagination-bullet-active {background:#000; opacity:1;}

/*
.sliderwrap .swiper-slide {height:100vh!important;}
*/

@media (max-width: 1000px){
}

/*wideimage*/
.wideimageblock {width:100vw;margin: 0 calc(50% - 50vw);padding:0px;position:relative;}
.wideimageblock .image { width:100%;height:auto;position:relative;margin-bottom:0px;line-height:1;}
.wideimageblock .image img {width:100%!important;height:auto;display:block;}
.wideimageblock .centerbtn {position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);}
.wideimageblock .bottombtn {position:absolute;bottom:5%;left:50%;transform:translateX(-50%);}
.contentarea .wideimageblock .btn {margin-bottom:0px!important;}
.contentarea .wideimageblock .btn a{display:inline-block;padding: 7px 53px 7px 28px;border-radius:0px;
color:#fff;font-size:16px;text-decoration:none;background:#000 url(../img/cmn/linkarrow.svg) no-repeat right 15px center;background-size:24px auto;}

/*imagetextblock*/
.imagetextblock {width:100vw;margin: 0 calc(50% - 50vw);padding:0px;position:relative;}
.imagetextblock .imagearea {width:50%;float:left;}
.imagetextblock .imagearea p {margin:0px;}
.imagetextblock .imagearea .image1 img {width:100%!important;display:block;}
.imagetextblock .textarea {width:50%;float:left;padding:30px;}
.imagetextblock h2 {border:none;font-size:40px;font-weight:bold;margin-bottom:10px;position:relative;}
.imagetextblock h2:before {content:"";}

/*textimage*/
.textimageblock {width:100vw;margin: 0 calc(50% - 50vw);padding:0px;position:relative;}
.textimageblock .imagearea {width:50%;float:right;}
.textimageblock .imagearea p {margin:0px;}
.textimageblock .imagearea .image1 img {width:100%!important;display:block;}
.textimageblock .textarea {width:50%;float:left;padding:30px;}
.textimageblock h2 {border:none;font-size:40px;font-weight:bold;margin-bottom:10px;position:relative;}
.textimageblock h2:before {content:"";}

/*pointblock*/
.pointblock {width:100vw;margin: 0 calc(50% - 50vw);padding:75px 5vw;position:relative;}
.pointblock .bgimg {position:absolute;top:0px;left:0px;width:100%;height:100%;overflow:hidden;}
.pointblock .bgimg img {position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);min-width:100%;min-height:100%;}
.pointblock h2 {text-align:center;border:none;font-size:40px;font-weight:bold;margin-bottom:30px;position:relative;}
.pointblock h2:before {content:"";}
.pointblock .collist {position:relative;}
.pointblock .image1, .pointblock .image2, .pointblock .image3 {text-align:center;margin-bottom:0px;}
.pointblock .point1, .pointblock .point2, .pointblock .point3 {text-align:center;margin-bottom:0px;}
.pointblock .text1, .pointblock .text2, .pointblock .text3 {text-align:center;}
@media (max-width: 896px){
	.pointblock h2 {font-size:24px;}
}

/*messageblock*/
.messageblock {width:100vw;margin: 0 calc(50% - 50vw);padding:75px 5vw;position:relative;}
.messageblock .bgimg {position:absolute;top:0px;left:0px;width:100%;height:100%;overflow:hidden;}
.messageblock .bgimg img {position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);min-width:100%;min-height:100%;}
.messageblock .message {position:relative;}
.messageblock h2 {text-align:center;border:none;font-size:40px;font-weight:bold;margin-bottom:30px;}
.messageblock h2:before {content:"";}
.messageblock p.text {text-align:center;}
@media (max-width: 896px){
	.messageblock h2 {font-size:24px;}
}

/*greetingblock*/
.greetingblock {width:100vw;margin: 0 calc(50% - 50vw);padding:75px 5vw;position:relative;}
.greetingblock .bgimg {position:absolute;top:0px;left:0px;width:100%;height:100%;overflow:hidden;}
.greetingblock .bgimg img {position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);min-width:100%;min-height:100%;}
.greetingblock h2 {text-align:center;border:none;font-size:40px;font-weight:bold;margin-bottom:30px;position:relative;}
.greetingblock h2:before {content:"";}
.greetingblock .imagearea {position:relative;width:200px;float:left;}
.greetingblock .image img {width:100%!important;max-width:100%;}
.greetingblock .textarea {position:relative;width:calc(100% - 200px);float:right;padding:0px 0px 0px 30px;}
.greetingblock p.text {font-size:18px;line-height:1.7em;}
@media (max-width: 896px){
	.greetingblock h2 {font-size:24px;}
	.greetingblock .imagearea {float:none;width:100%; text-align:center;}
	.greetingblock .image {}
	.greetingblock .textarea {float:none;width:100%;}
	.greetingblock .image img {width:200px!important;}
}

/*checklistblock*/
.checklistblock {width:100vw;margin: 0 calc(50% - 50vw);padding:75px 5vw;position:relative;}
.checklistblock .bgimg {position:absolute;top:0px;left:0px;width:100%;height:100%;overflow:hidden;}
.checklistblock .bgimg img {position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);min-width:100%;min-height:100%;}
.checklistblock .checklist {position:relative;}
.checklistblock h2 {text-align:center;border:none;font-size:40px;font-weight:bold;margin-bottom:30px;}
.checklistblock h2:before {content:"";}
.checklistblock ul.list {width:800px;max-width:100%;margin:0 auto;}
.checklistblock ul.list li {}
@media (max-width: 896px){
	.checklistblock h2 {font-size:24px;}
}

/*checklistblock*/
.stepblock {width:100vw;margin: 0 calc(50% - 50vw);padding:75px 5vw;position:relative;}
.stepblock .bgimg {position:absolute;top:0px;left:0px;width:100%;height:100%;overflow:hidden;}
.stepblock .bgimg img {position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);min-width:100%;min-height:100%;}
.stepblock h2 {text-align:center;border:none;font-size:40px;font-weight:bold;margin-bottom:30px;position:relative;}
.stepblock h2:before {content:"";}
.stepblock .steparea {width:800px;max-width:100%;margin: 0 auto;position:relative;}
.stepblock .steparea .step {background:#fff;padding:20px 30px;position:relative;margin-bottom:35px;border:none;box-shadow:0px 0px 7px rgba(0,0,0,0.2);border-radius:0px;}
.stepblock .step .step1, .stepblock p.step2, .stepblock p.step3, .stepblock p.step4, .stepblock p.step5 {
	display:inline-block;background:#000;color:#fff;padding:15px 40px;font-size:20px;font-weight:bold;line-height:1em;
	position:absolute;top:-25px;right:30px;
}
.stepblock .steparea .step h3 {font-size:28px;font-weight:bold;border-bottom:solid #000 3px;}
.stepblock p {font-size:18px;}
@media (max-width: 896px){
	.stepblock h2 {font-size:24px;}
	.stepblock .steparea .step h3 {font-size:18px;}
	.stepblock .step .text1, .stepblock p.text2, .stepblock p.text3, .stepblock p.text4, .stepblock p.text5 {font-size:16px;}
}

/*thumbconblock*/
.thumbconblock {width:100vw;margin: 0 calc(50% - 50vw);padding:75px 5vw;position:relative;}
.thumbconblock .bgimg {position:absolute;top:0px;left:0px;width:100%;height:100%;overflow:hidden;}
.thumbconblock .bgimg img {position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);min-width:100%;min-height:100%;}
.thumbconblock h2 {text-align:center;border:none;font-size:40px;font-weight:bold;margin-bottom:30px;position:relative;}
.thumbconblock h2:before {content:"";}
.thumbconblock .collist {position:relative;}
.thumbconblock .collist .inner {padding:0px 10px;}
.thumbconblock .collist .inner h3 {padding:0px 0px;}
.thumbconblock .image1, .thumbconblock .image2, .thumbconblock .image3 {margin-bottom:0px;}
.thumbconblock .image1 img, .thumbconblock .image2 img, .thumbconblock .image3 img {width:100%!important;}
.thumbconblock .title1, .thumbconblock .title2, .thumbconblock .title3 {margin-bottom:0px;}
.thumbconblock .text1, .thumbconblock .text2, .thumbconblock .text3 {padding:0px 00px;}
.thumbconblock .text1 a, .thumbconblock .text2 a, .thumbconblock .text3 a {display:inline-block;padding: 7px 53px 7px 28px;border-radius:0px;margin-top:10px;
color:#fff;font-size:16px;text-decoration:none;background:#000 url(../img/cmn/linkarrow.svg) no-repeat right 15px center;background-size:24px auto;}
.thumbconblock .text1 a:hover, .thumbconblock .text2 a:hover, .thumbconblock .text3 a:hover {opacity:0.9;}

@media (max-width: 896px){
	.thumbconblock h2 {font-size:24px;}
}

/*review*/
.reviewblock {width:100vw;margin: 0 calc(50% - 50vw);padding:75px 5vw;position:relative;}
.reviewblock .bgimg {position:absolute;top:0px;left:0px;width:100%;height:100%;overflow:hidden;}
.reviewblock .bgimg img {position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);min-width:100%;min-height:100%;}
.reviewblock .reviewarea {width:800px;max-width:100%;margin: 0 auto;}
.reviewblock h2 {text-align:center;border:none;font-size:40px;font-weight:bold;margin-bottom:30px;position:relative;}
.reviewblock h2:before {content:"";}
.reviewblock .review {width:100%;margin-bottom:10px;border:none; padding:20px;background:#fff;border-radius:10px;box-shadow:0px 0px 7px rgba(0,0,0,0.2);position:relative;}
.review .reviewimg {float:left;margin-right:20px;}
.review .reviewimg p img {width:150px!important;}
.review .reviewtext {float:left;}
.review .reviewimage1 img,.review .reviewimage2 img,.review .reviewimage3 img {}
.review .reviewtitle1,.review .reviewtitle2,.review .reviewtitle3,.review .reviewtitle4,.review .reviewtitle5 { color:#000;font-size:21px;line-height:1.5em;margin-bottom:0px}
.review .reviewuser1, .review .reviewuser2, .review .reviewuser3, .review .reviewuser4, .review .reviewuser5 { font-size:12px;color:#999;margin-bottom:0px;}
.review .reviewbody1, .review .reviewbody2, .review .reviewbody3, .review .reviewbody4, .review .reviewbody5 { font-size:16px; color:#000;}
@media (max-width: 896px){
	.reviewblock h2 {font-size:24px;}
	.review .reviewimg {float:none;text-align:center;}
	.review .reviewtext {float:none;}
	.review .reviewtitle1,.review .reviewtitle2,.review .reviewtitle3,.review .reviewtitle4,.review .reviewtitle5 {text-align:center;}
	.review .reviewuser1, .review .reviewuser2, .review .reviewuser3, .review .reviewuser4, .review .reviewuser5 {text-align:center;}
}


/*faq*/
.faqblock {width:100vw;margin: 0 calc(50% - 50vw);padding:75px 5vw;position:relative;}
.faqblock .bgimg {position:absolute;top:0px;left:0px;width:100%;height:100%;overflow:hidden;}
.faqblock .bgimg img {position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);min-width:100%;min-height:100%;}
.faqblock .faqarea {width:800px;max-width:100%;margin: 0 auto;position:relative;}
.faqblock h2 {text-align:center;border:none;font-size:40px;font-weight:bold;margin-bottom:30px;position:relative;}
.faqblock h2:before {content:"";}

.faqblock .faq {background:#fff;box-shadow:0px 0px 7px rgba(0,0,0,0.2);padding:30px;margin-bottom:10px;}
.faqblock .faq h3 {background:url("../img/cmn/faqq.png") no-repeat left top;background-size:50px auto;padding:10px 20px 10px 70px;min-height:70px;
border-bottom:solid #000 2px;font-size:20px;line-height:1.5em;}
.faqblock .faq p {background:url("../img/cmn/faqa.png") no-repeat left top;background-size:50px auto;padding:12px 20px 12px 70px;min-height:70px;
font-size:18px;line-height:1.5em;}
@media (max-width: 896px){
	.faqblock h2 {font-size:24px;}
	.faqblock .faq h3 {background-size:30px auto;background-position:left top 10px; padding-left:50px;}
	.faqblock .faq p {background-size:30px auto;background-position:left top 10px;padding-left:50px;}
}

/*blankblock*/
.blankblock {width:100vw;margin: 0 calc(50% - 50vw);padding:75px 5vw;position:relative;}
.blankblock .bgimg {position:absolute;top:0px;left:0px;width:100%;height:100%;overflow:hidden;}
.blankblock .bgimg img {position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);min-width:100%;min-height:100%;}
.blankblock .parent {position:relative;}
.blankblock h2 {text-align:center;border:none;font-size:40px;font-weight:bold;margin-bottom:30px;}
.blankblock h2:before {content:"";}
@media (max-width: 896px){
	.blankblock h2 {font-size:24px;}
}

/*contentsblock*/
.contentsblock {width:800px;max-width:100%;margin: 0 auto;padding:0px 15px;}

/*linklist*/
.linklistblock {}
.linklistblock ul.linklist {margin:0px;}
.linklistblock ul.linklist li {background:url("../img/cmn/linkarrow.png") no-repeat left center;background-size:6px auto;font-size:16px;padding:0px 0px 0px 12px;margin:0px;}
.linklistblock ul.linklist li a {color:#000;text-decoration:none;display:block;padding:12px 0px;}
@media (min-width: 897px){
	.linklistblock ul.linklist {text-align:center;}
	.linklistblock ul.linklist li {display:inline-block;margin:15px;}
	.linklistblock ul.linklist li a {display:inline-block;}
	.linklistblock ul.linklist li a:hover {opacity:0.8;}
}
@media (max-width: 896px){
	.linklistblock ul.linklist li {border-bottom:solid #ccc 1px;}
}

/*banner2block*/
.banner2block {width:100vw;margin: 0 calc(50% - 50vw);padding:0px;position:relative;}
.banner2block .bgimg {position:absolute;top:0px;left:0px;width:100%;height:100%;overflow:hidden;}
.banner2block .bgimg img {position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);min-width:100%;min-height:100%;}
.banner2block .collist {position:relative;}
.banner2block .inner img {width:100%!important;display:block;}
.banner2block .inner p {margin-bottom:0px;}
.banner2block .inner a {margin:0px;padding:0px;line-height:0px;}
.banner2block .inner a img:hover {opacity:0.8;}

/*banner3block*/
.banner3block {width:100vw;margin: 0 calc(50% - 50vw);padding:0px;position:relative;}
.banner3block .bgimg {position:absolute;top:0px;left:0px;width:100%;height:100%;overflow:hidden;}
.banner3block .bgimg img {position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);min-width:100%;min-height:100%;}
.banner3block .collist {position:relative;}
.banner3block .inner img {width:100%!important;display:block;}
.banner3block .inner p {margin-bottom:0px;}
.banner3block .inner a {margin:0px;padding:0px;line-height:0px;}
.banner3block .inner a img:hover {opacity:0.8;}

/*stepmailformblock*/
.stepmailformblock {width:100vw;margin: 0 calc(50% - 50vw);padding:0px;position:relative;}
.stepmailformblock .bgimg {position:absolute;top:0px;left:0px;width:100%;height:100%;overflow:hidden;}
.stepmailformblock .bgimg img {position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);min-width:100%;min-height:100%;}
.stepmailformarea {width:1200px;max-width:100%;margin:0px auto;text-align:center;padding:70px 0px;position:relative;}
.contentarea p.stepmailbtn {display:inline-block;padding: 7px 53px 7px 28px;border-radius:0px;margin-bottom:0px;
color:#fff;font-size:16px;text-decoration:none;background:#000 url(../img/cmn/linkarrow.svg) no-repeat right 15px center;background-size:24px auto;cursor:pointer;}
.contentarea p.stepmailbtn:hover {opacity:0.9;}
.contentarea span.stepmailid {display:none;}

.stepmailformwrap {position:fixed;top:0px;left:0px;width:100%;height:100%;background:rgba(0,0,0,0.4);z-index:9000;display:none;}
.stepmailformwrap.on {display:block;}
.stepmailform {position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);padding:50px;background:#fff;box-shadow:0px 0px 5px rgba(0,0,0,0.2);}
.stepmailform form {width:600px;max-width:90%;margin:0px auto;}
.stepmailform form .stepmailidinp {display:none;}
.stepmailform form input[type="submit"] {background:#593fa5;color:#fff;}
@media (max-width: 896px){
	.stepmailformarea {padding:35px;}
	.stepmailform {padding:25px 0px;width:96%;}
	.stepmailform form {width:90vw;}
}

.map {width:100%;height:38vh;filter:grayscale(100%);}

/*wpcf7-form:お問い合わせフォーム*/
.wpcf7 {width:100vw;margin: 0 calc(50% - 50vw);padding:50px 0px;}
.wpcf7-form {width:600px;max-width:100%;margin: 20px auto;padding:50px 50px; box-shadow:0px 0px 7px rgba(0,0,0,0.2);background:#fff;}
.wpcf7-form h2 {text-align:center;border:none;font-size:40px;font-weight:bold;margin-bottom:30px;padding:0px 0px;}
.wpcf7-form h2:before {content:"";}
.wpcf7-form label {line-height:1.5em;}
.wpcf7-form p {margin-bottom:10px;}
@media (max-width: 896px){
	.wpcf7 {padding:0px;}
	.wpcf7-form {width:100%;}
	.wpcf7-form h2 {font-size:24px;}
}