/*各ページ共通*/
.pagewrapper {margin-top:90px;}

.mainimgarea {height:50vh;}
.mainimg {}
.mainimg h1 {font-size:3.0rem;font-weight:600;line-height:50vh;text-align:center;color:#fff; }

.mainbg {position:fixed;top:0px;left:0px;width:100%;height:100%;z-index:1;
	background-color:#000;background-repeat:no-repeat;background-position:center center;background-attachment:fixed;}

.maintitlearea {position:relative;overflow:hidden;}
.maintitlearea .bgcover {background:#000 url(../img/page/bgmain.jpg) no-repeat center center;background-size:cover;background-attachment:fixed;
position:absolute;top:0px;left:0px;width:100%;height:100%;z-index:1;}
.pankuzuarea {position:absolute;top:150px;left:100px;z-index:200;}
.pankuzu {color:#fff;font-size:1.2rem;}
.pankuzu span {color:#fff;padding:0px 2px;}
.pankuzu span a {color:#fff;border-bottom:dotted #ccc 1px;}
.pankuzu span a:hover {text-decoration:none;border-bottom:solid #ddd 1px;}
.maintitle {position:relative;z-index:100;padding:200px 100px;}
.maintitle h1 {color:#fff;font-size:3.5rem;font-weight:normal;letter-spacing:0px;margin-bottom:35px;}
.maintitle p {font-size:1.3rem;color:#fff;width:68%;}
.maintitle p a {text-decoration:underline;}
.maintitle p .target {text-decoration:underline;cursor:pointer;}
/*RES*/
@media (min-width: 897px){@media (max-width: 1200px){
	.pankuzuarea {top:50px;left:50px;}
	.maintitle {padding:100px 50px;}
	.maintitle h1 {font-size:3.0rem;}
	.maintitle p {font-size:1.1rem;}
}}
/*SP*/
@media (max-width: 896px){
	.pankuzuarea {top:15px;left:10px;}
	.maintitle {padding: 100px 15px 100px 15px;}
	.maintitle h1 {font-size:2.0rem;margin-bottom:10px;}
	.maintitle p {margin-top:20px;width:100%;font-size:0.9rem;line-height:2.0em;}
	.maintitle .pankuzu {font-size:0.8rem;}
}


/*aboutus*/
/*
.aboutus .contents01 {background:#f9f3f9 url(../img/page/aboutus01.jpg) no-repeat left bottom;background-size:auto 70%;background-attachment:fixed;}
.aboutus .contents01 .textbox {margin-left:35%;width:55%;}
.aboutus .contents01 .textbox h2 {margin-bottom:35px;}
.aboutus .contents01 .textbox p {line-height:2.2em;}
*/
.aboutus .maintitlearea {position:relative;z-index:100;}
.aboutus .contents01 {position:relative;background:#f9f3f9;}
.aboutus .contents01 .bgcover {position:absolute;top:0px;left:0px;width:35%;height:100vh;z-index:1;
background:#f9f3f9 url(../img/page/aboutus01.jpg) no-repeat center top;background-size:cover;}
.aboutus .contents01.active .bgcover {position:fixed;}
.aboutus .contents01 .textbox {position:relative;z-index:100;margin-left:35%;width:55%;}
.aboutus .contents01 .textbox h2 {margin-bottom:35px;}
.aboutus .contents01 .textbox p {font-size:1.2rem;line-height:2.2em;color:#333;}
@media (min-width: 897px){
	.aboutus .contents01 {padding:200px 100px;}
}
/*横の場合*/
@media screen and (orientation: landscape) {
}
/*縦の場合*/
@media screen and (orientation: portrait) {
	.aboutus .contents01 {background:none;}
	.aboutus .contents01 .bgcover {position:absolute;top:0px;left:0px;width:100%;height:100vh;z-index:1;
	background:#f9f3f9 url(../img/page/aboutus01.jpg) no-repeat center top;background-size:cover;}
	.aboutus .contents01.active .bgcover {position:fixed;}
	.aboutus .contents01 .textbox {margin-left:0%;width:100%;}
	.aboutus .contents01 .textbox {background:rgba(255,255,255,0.8);padding:20px;}
}

.aboutus .contents03 {position:relative;}
.aboutus .contents03 .bgcover {position:absolute;top:0px;left:0px;width:100%;height:100%;z-index:1;
background:#ddd url(../img/page/aboutus03.jpg) no-repeat center center;background-size:cover;opacity:0.96;}
.aboutus .contents03 .textbox {position:relative;z-index:100;}
.aboutus .contents03 .textbox h2 {text-align:center;font-size:2.2rem;margin-bottom:55px;}
.aboutus .contents03 .textbox p {text-align:center;font-size:1.2rem;line-height:2.2em;color:#555;}
/*RES*/
@media (min-width: 897px){@media (max-width: 1380px){
		br.pc.res {display:none !important;}
}}


.aboutus .contents02 {position:relative;}
.aboutus .contents02 .bgcover {position:absolute;top:0px;left:0px;width:100%;height:100vh;z-index:1;
background:#000 url(../img/page/aboutus02.jpg) no-repeat center center;background-size:cover;}
.aboutus .contents02.active .bgcover {position:fixed;}
.aboutus .contents02 .dataarea {position:relative;z-index:100;background:rgba(255,255,255,0.9);padding:100px 50px 50px 50px;width:1000px;max-width:100%;margin:0px auto;}
.aboutus .contents02 .dataarea h2 {position:absolute;top:0px;left:0px;display:inline-block;background:#000;color:#fff;padding:15px 50px;line-height:1em;font-size:1.4rem;font-weight:normal;}
.aboutus .contents02 .dataarea table {border-collapse:separate;border-spacing:10px;}
.aboutus .contents02 .dataarea th {border-bottom:solid #000 1px;font-size:1.2rem;padding:10px;line-height:1.8em;}
.aboutus .contents02 .dataarea td {border-bottom:solid #000 1px;font-size:1.2rem;padding:10px;line-height:1.8em;}
.aboutus .contents02 .dataarea td a {color:#000;text-decoration:underline;}
/*RES*/
@media (min-width: 897px){@media (max-width: 1200px){
	.aboutus .contents01 {padding:100px 50px;}
	.aboutus .contents01 .textbox p {font-size:1.0rem;line-height:2.2em;}
	.aboutus .contents03 .textbox h2 {font-size:1.8rem;margin-bottom:35px;}
	.aboutus .contents03 .textbox p {font-size:1.0rem;text-align:left;}
	.aboutus .contents02 .dataarea th {font-size:1.0rem;}
	.aboutus .contents02 .dataarea td {font-size:1.0rem;}
}}
/*SP*/
@media (max-width: 896px){
	.maintitlearea .bgcover {background-attachment:unset;}
	.aboutus .contents01 .textbox p {font-size:0.9rem;line-height:2.0em;}
	.aboutus .contents03 .textbox h2 {font-size:1.5rem;margin-bottom:25px;}
	.aboutus .contents03 .textbox p {font-size:0.9rem;line-height:2.0em;text-align:left;}
	.aboutus .contents02 .dataarea {padding:65px 15px 15px 15px;}
	.aboutus .contents02 .dataarea table {width:100%;}
	.aboutus .contents02 .dataarea table th {font-size:0.9rem;word-break:break-all;display:block;text-align:left;border-bottom:none;padding-bottom:0px;}
	.aboutus .contents02 .dataarea table td {font-size:0.9rem;word-break:break-all;display:block;padding-top:0px;}
}



/*spaartist*/
.spaartist {}
.spaartist .maintitlearea {position:relative;z-index:100;}
.spaartist .maintitlearea .bgcover {background-image:url(../img/page/bgmain_feeltheearth.jpg);background-attachment:unset;}
.spaartist .maintitlearea.on .bgcover {transform:scale(1.2);transition:30s;}

.spaartist .contents01 {padding:200px 100px;position:relative;z-index:100;}
.spaartist .contents01 .bgcover {position:absolute;top:0px;left:0px;width:100%;height:100vh;z-index:1;
background:#000 url(../img/page/spaartist01.jpg) no-repeat center center;background-size:cover;}
.spaartist .contents01.active .bgcover {position:fixed;}
.spaartist .contents01 .textbox {margin-left:0%;width:55%;position:relative;z-index:100;}
.spaartist .contents01 .textbox h2 {font-size:2.2rem;margin-bottom:35px;}
.spaartist .contents01 .textbox p {font-size:1.2rem; line-height:2.2em;}

.spaartist .contents02 {padding:0px;position:relative;z-index:100;}
.spaartist .contents02 .bgcover {position:absolute;top:0px;left:0px;width:100%;height:100vh;z-index:1;
background:#000 url(../img/page/spaartist02.jpg) no-repeat center center;background-size:cover;}
.spaartist .contents02.active .bgcover {position:fixed;}
.spaartist .contents02 .textbox {position:relative;z-index:100;margin-left:50%;width:50%;background:rgba(255,255,255,0.7);padding:120px 50px;}
.spaartist .contents02 .textbox h2 {font-size:2.2rem;margin-bottom:35px;}
.spaartist .contents02 .textbox p {font-size:1.2rem;line-height:2.2em;}
.spaartist .contents02 .textbox.textbox02 {margin-left:0%;}


/*RES*/
@media (min-width: 897px){@media (max-width: 1200px){
	.spaartist .contents01 {padding:200px 20px;}
	.spaartist .contents01 .textbox {width:50%;}
	.spaartist .contents01 .textbox h2 {font-size:1.8rem;}
	.spaartist .contents01 .textbox p {font-size:1.0rem;}
	.spaartist .contents02 .textbox h2 {font-size:1.8rem;}
	.spaartist .contents02 .textbox p {font-size:1.0rem;}
}}
/*SP*/
@media (max-width: 896px){
	.spaartist .maintitlearea .bgcover {background-image:url(../img/page/bgmain_feeltheearth_sp.jpg);background-position:center bottom;}
	.spaartist .contents01 {padding:200px 30px;}
	/*横の場合*/
	@media screen and (orientation: landscape) {
		.spaartist .contents01 .bgcover {background-image:url(../img/page/spaartist01_sp.jpg);}
	}
	/*縦の場合*/
	@media screen and (orientation: portrait) {
		.spaartist .contents01 .bgcover {background-image:url(../img/page/spaartist01_sp2.jpg);}
	}
	.spaartist .contents01 .textbox {margin-left:0%;width:100%;}
	.spaartist .contents01 .textbox h2 {font-size:1.5rem;}
	.spaartist .contents01 .textbox p {font-size:0.9rem;}
	.spaartist .contents02 {padding:20px;background-image:url(../img/page/spaartist02_sp.jpg);}
	.spaartist .contents02 .textbox {margin-left:0%;margin-bottom:10px;width:100%;background:rgba(255,255,255,0.7);padding:35px 20px 20px 20px;}
	.spaartist .contents02 .textbox h2 {font-size:1.5rem;}
	.spaartist .contents02 .textbox p {font-size:0.9rem;}
}


/*feeltheearth*/
.feeltheearth {}
.feeltheearth .maintitlearea {position:relative;z-index:100;}
.feeltheearth .maintitlearea .bgcover {background-image:url(../img/page/bgmain_feeltheearth.jpg);background-attachment:unset;}
.feeltheearth .maintitlearea.on .bgcover {transform:scale(1.2);transition:30s;}


.feeltheearth .contents01 {position:relative;z-index:100;padding:200px 0px;}
.feeltheearth .contents01 .bgcover {position:absolute;top:0px;left:0px;width:100%;height:100vh;z-index:1;
background:#000 url(../img/page/feeltheearth01.jpg) no-repeat center center;background-size:cover;}
.feeltheearth .contents01.active .bgcover {position:fixed;}
.feeltheearth .contents01 .cover {position:absolute;top:0px;left:0px;width:100%;height:100%;z-index:2; background:#000;opacity:0;}
.feeltheearth .contents01.on .cover {opacity:0.7;transition:7s;}
.feeltheearth .contents01 .textbox {position:relative;z-index:100;}
.feeltheearth .contents01 .textbox h2 {font-size:4.2rem;font-weight:100;color:#fff;text-align:center;}

.feeltheearth .contents02 {padding:0px;position:relative;z-index:100;}
.feeltheearth .contents02 .bgcover {position:absolute;top:0px;left:0px;width:100%;height:100vh;z-index:1;
background:#000 url(../img/page/feeltheearth02.jpg) no-repeat center center;background-size:cover;}
.feeltheearth .contents02.active .bgcover {position:fixed;}

.feeltheearth .contents02 .textbox {position:relative;z-index:100;margin-left:0%;width:50%;background:rgba(255,255,255,0.7);padding:120px 50px;}
.feeltheearth .contents02 .textbox h2 {font-size:2.2rem;margin-bottom:35px;}
.feeltheearth .contents02 .textbox p {font-size:1.2rem;line-height:2.2em;}
.feeltheearth .contents02 .textbox.textbox02 {margin-left:50%;}
.feeltheearth .contents02 .textbox.textbox04 {margin-left:50%;}

/*RES*/
@media (min-width: 897px){
	@media (max-width: 1200px){
		.feeltheearth .contents01 .textbox h2 {font-size:3.0rem;}
		.feeltheearth .contents02 .textbox h2 {font-size:1.8rem;}
		.feeltheearth .contents03 .textbox h2 {font-size:1.8rem;}
		.feeltheearth .contents02 .textbox {padding:90px 20px;}
		.feeltheearth .contents02 .textbox p {font-size:1.0rem;}
	}
	@media (max-width: 1580px){
		.feeltheearth .contents02 .textbox.textbox02 br.pc.res {display:none !important;}
	}
	@media (max-width: 912){
		.feeltheearth .contents02 .textbox.textbox03 br.pc.res {display:none !important;}
	}
	@media (max-width: 1470px){
		.feeltheearth .contents02 .textbox.textbox04 br.pc.res {display:none !important;}
	}
}
/*SP*/
@media (max-width: 896px){
	.feeltheearth .maintitlearea .bgcover {background-image:url(../img/page/bgmain_feeltheearth_sp.jpg);background-position:center bottom;}
	.feeltheearth .contents01 {padding:200px 20px;}
	.feeltheearth .contents01 .textbox {margin-left:0%;width:100%;}
	.feeltheearth .contents01 .textbox h2 {font-size:1.5rem;}
	.feeltheearth .contents02 {padding:20px;}
	.feeltheearth .contents02 .textbox {margin-left:0%;margin-bottom:10px;width:100%;background:rgba(255,255,255,0.7);padding:35px 20px 20px 20px;}
	.feeltheearth .contents02 .textbox h2 {font-size:1.5rem;}
	.feeltheearth .contents02 .textbox p {font-size:0.9rem;}
	.feeltheearth .contents02 .textbox.textbox02 {margin-left:0%;}
	.feeltheearth .contents02 .textbox.textbox04 {margin-left:0%;}
}

/*flow*/
.flow {}
.flow .flowwrap {width:800px;max-width:100%;margin:0px auto;}
.flow .step {margin-bottom:40px;border-bottom:solid #000 1px;padding:10px 20px;}
.flow .step h3 {font-size:2.0rem;font-weight:normal;
	margin-bottom:7px;}
.flow .step p {font-size:1.2rem;padding-left:35px;color:#555;}
.flow .step p a {color:#555;text-decoration:underline;}
.flow p.arrow {font-size:2.0rem;padding-left:58px;}
/*RES*/
@media (min-width: 897px){@media (max-width: 1200px){
	.flow .step h3 {font-size:1.8rem;}
	.flow .step p {font-size:1.0rem;}
}}
/*SP*/
@media (max-width: 896px){
	.flow .step {margin-bottom:20px;}
	.flow .step h3 {font-size:1.5rem;}
	.flow .step p {font-size:0.9rem;padding-left:0px;}
	.flow p.arrow {font-size:2.0rem;padding-left:45px;}
}

/*recruit*/
.recruit .contents01 {background:#fff url(../img/page/recruit01.jpg) no-repeat center center;background-size:cover;background-attachment:fixed;}
.recruit .contents01 .textbox {width:55%;}
.recruit .contents01 .textbox h2 {font-size:2.6rem;margin-bottom:35px;}
.recruit .contents01 .textbox p {font-size:1.2rem;line-height:2.2em;}

.recruit .contents02 {background:#000 url(../img/page/recruit02.jpg) no-repeat center center;background-size:cover;background-attachment:fixed;}
.recruit .contents02 .dataarea {position:relative;background:rgba(255,255,255,0.9);padding:100px 50px 50px 50px;width:1000px;max-width:100%;margin:0px auto;}
.recruit .contents02 .dataarea h2 {position:absolute;top:0px;left:0px;display:inline-block;background:#000;color:#fff;padding:15px 50px;line-height:1em;font-size:1.4rem;font-weight:normal;}
.recruit .contents02 .dataarea table {border-collapse:separate;border-spacing:10px;}
.recruit .contents02 .dataarea th {border-bottom:solid #000 1px;font-size:1.2rem;padding:10px;line-height:1.8em;}
.recruit .contents02 .dataarea td {border-bottom:solid #000 1px;font-size:1.2rem;padding:10px;line-height:1.8em;}
.recruit .contents02 .dataarea td a {color:#000;text-decoration:underline;}
/*RES*/
@media (min-width: 897px){@media (max-width: 1200px){
	.recruit .contents01 {padding:100px 50px;}
	.recruit .contents01 .textbox h2 {font-size:1.8rem;}
	.recruit .contents01 .textbox p {font-size:1.0rem;}
	.recruit .contents02 .dataarea th {font-size:1.0rem;}
	.recruit .contents02 .dataarea td {font-size:1.0rem;}
}}
/*SP*/
@media (max-width: 896px){
	.recruit .contents01 {background-position:left -35vw center;background-size:cover;background-attachment:fixed;}
	.recruit .contents01 .textbox {margin-left:0%;width:100%;}
	.recruit .contents01 .textbox {background:rgba(255,255,255,0.8);padding:20px;}
	.recruit .contents01 .textbox h2 {font-size:1.5rem;}
	.recruit .contents01 .textbox p {font-size:0.9rem;}
	.recruit .contents02 .dataarea {padding:65px 15px 15px 15px;}
	.recruit .contents02 .dataarea table {width:100%;}
	.recruit .contents02 .dataarea table th {font-size:0.9rem;word-break:break-all;display:block;text-align:left;border-bottom:none;padding-bottom:0px;}
	.recruit .contents02 .dataarea table td {font-size:0.9rem;word-break:break-all;display:block;padding-top:0px;}
}


/*faq*/
.faq {}
.faq .contents01 {background:#eee;}
.faq .contents01 h2 {text-align:center;}
.faq .contents01 .faqwrap {}
.faq .contents01 .faqitem {background:#fff;padding:30px;margin-bottom:10px;}
.faq .contents01 .faqitem .q {background:url(../img/page/faq_q.svg) no-repeat left top 19px;background-size:1em auto;
padding:15px 10px 15px 2em;font-size:1.2rem;line-height:1.5em;position:relative;}
.faq .contents01 .faqitem .q span {display:block;position:absolute;top:15px;right:15px;width:1em;height:1em;
background:url(../img/page/faq_plus.svg) no-repeat center center;background-size:1em auto;cursor:pointer;}
.faq .contents01 .faqitem .q span.on {background-image:url(../img/page/faq_minus.svg);}
.faq .contents01 .faqitem .a {background:url(../img/page/faq_a.svg) no-repeat left top 19px;background-size:1em auto;
padding:15px 10px 15px 2em;font-size:1.2rem;line-height:1.5em;position:relative;display:none;}
/*RES*/
@media (min-width: 897px){@media (max-width: 1200px){
	.faq .contents01 .faqitem .q {font-size:1.0rem;}
	.faq .contents01 .faqitem .a {font-size:1.0rem;}
}}
/*SP*/
@media (max-width: 896px){
	.faq .contents01 .faqitem {padding:15px;}
	.faq .contents01 .faqitem .q {font-size:0.9rem;padding-left:1.5em;padding-right:1.5em;}
	.faq .contents01 .faqitem .a {font-size:0.9rem;padding-left:1.5em;padding-right:1.5em;}
	.faq .contents01 .faqitem .q span {right:0px;}
}



/*privacy*/
.privacy .contents01 h2 {font-size:1.2rem;margin-top:50px;margin-bottom:7px;}
.privacy .contents01 p {font-size:0.8rem;}
.privacy .contents01 ol {}
.privacy .contents01 li {font-size:0.8rem;}
/*SP*/
@media (max-width: 896px){
}

/*sitemap*/
.sitemap {}
.sitemap .contents01 {background:#000;}
.sitemap .contents01 .content {}
.sitemap .contents01 p {font-size:1.2rem;line-height:3em;color:#ccc;}
.sitemap .contents01 a {color:#fff;text-decoration:none;}
.sitemap .contents01 a:hover {text-decoration:underline;}
/*RES*/
@media (min-width: 897px){@media (max-width: 1200px){
	.sitemap .contents01 p {font-size:1.0rem;}
}}
/*SP*/
@media (max-width: 896px){
	.sitemap .contents01 p {font-size:0.9rem;}
}



/*news*/
.news.index .contents01 {}
.news.index .contents01 li {font-size:1.2rem;color:#000;border-bottom:dotted #777 1px;padding:10px;}
.news.index .contents01 li a {color:#000;text-decoration:underline;}
.news.index .contents01 li .date {display:inline-block;width:120px;}
.news.article {}
.news.article figure {margin:0px 0px 1em 0px;}
.news.article .wp-block-button a {display:inline-block;text-align:center;padding:20px 25px 20px 55px;background:#fff url(../img/cmn/arrow01.svg) no-repeat left 20px center;background-size:14px auto;border:solid #000 1px;color:#000;margin-top:10px;font-size:1.0rem;line-height:1em;max-width:100%;}
.news.article .wp-block-button a:hover {text-decoration:none;background:#000 url(../img/cmn/arrow02.svg) no-repeat left 20px center;background-size:14px auto;border:solid #fff 1px;color:#fff;}
/*RES*/
@media (min-width: 897px){@media (max-width: 1200px){
	.news.index .contents01 li {font-size:1.0rem;}
}}
/*SP*/
@media (max-width: 896px){
	.news.article figure img {max-width:100%;}
	.news.index .contents01 li {font-size:0.9rem;}
}