/*各ページ共通*/
.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; }

/*
.maintitle {padding:100px 0px 0px 0px;}
.maintitle h1 {font-size:3.0rem;font-weight:600;line-height:1.5em;text-align:center;color:#000;margin-bottom:10px;}
.maintitle p {font-size:1.4rem;text-align:center;}
*/
.pankuzuarea {padding:10px 1em;background:#333;}
.pankuzu {color:#fff;font-size:0.7rem;width:1200px;max-width:100%;margin: 0px auto 0px auto;}
.pankuzu span {color:#fff;padding:0px 2px;}
.pankuzu span a {color:#fff;}


.maintitle {padding:100px;background:#002;
	background:#002 url(../img/page/bgmain.jpg) no-repeat center center;background-size:cover;}
.maintitle h1 {color:#000;font-size:4.0rem;letter-spacing:0px;margin-bottom:20px;}
.maintitle p {margin-top:50px;font-size:1.1rem;color:#000;width:68%;}
.maintitle p a {text-decoration:underline;}
.maintitle p .target {text-decoration:underline;cursor:pointer;}
.maintitle .pankuzuarea {padding:0px;background:none;}
.maintitle .pankuzu {width:auto;margin:0px;font-size:1.1rem;color:#000;}
.pankuzu span {color:#000;}
.pankuzu span a {color:#000;border-bottom:solid #777 1px;}
.pankuzu span a:hover {text-decoration:none;border-bottom:solid #000 1px;}

/*SP*/
@media (max-width: 896px){
	.maintitle {padding:30px 15px;}
	.maintitle h1 {font-size:2.0rem;margin-bottom:10px;}
	.maintitle p {margin-top:20px;width:100%;font-size:0.9rem;line-height:1.5em;}
	.maintitle .pankuzu {font-size:0.8rem;}
}


/*aboutus*/
.aboutus .contents01 {}

.aboutus .contents01 .image {}
.aboutus .contents01 .text {padding:70px;background:#f2f2f2;}
.aboutus .contents01 .image01 {background:#ddd url(../img/page/about01.jpg) no-repeat center center;background-size:cover;}
.aboutus .contents01 .image02 {background:#ddd url(../img/page/about02.jpg) no-repeat center center;background-size:cover;}

.aboutus .contents01 h2 {font-size:2.2rem;font-weight:normal;margin-bottom:30px;}
.aboutus .contents01 p {font-size:1.2rem;}

.aboutus .contents01-2 {text-align:center;}
.aboutus .contents01-2 h2 {font-size:3.5rem;font-weight:normal;margin-bottom:30px;}
.aboutus .contents01-2 p {font-size:1.4rem;}

.aboutus .contents02 {background:#eee;}
.aboutus .contents02 h2 {font-size:3.5rem;font-weight:normal;margin-bottom:30px;}
.aboutus .contents02 h3 {font-size:1.8rem;margin-bottom:15px;}
.aboutus .contents02 p {font-size:1.4rem;}
.aboutus .contents03 {}
.aboutus .contents03 h2 {font-size:3.5rem;font-weight:normal;margin-bottom:30px;text-align:center;}
.aboutus .contents03 .contentbox {width:800px;max-width:100%;margin:0px auto;}
.aboutus .contents03 table {width:100%;border-collapse:separate;border-spacing:10px;}
.aboutus .contents03 table th {padding:30px;border-bottom:solid #000 1px;}
.aboutus .contents03 table td {padding:30px;border-bottom:solid #000 1px;}
.aboutus .contents03 .map {width:100%;height:350px;filter:grayscale(100%);}
/*SP*/
@media (max-width: 896px){
	.aboutus .contents01 .image {height:250px;}
	.aboutus .contents01 .text {padding:30px 15px;}
	.aboutus .contents01 h2 {font-size:1.5rem;}
	.aboutus .contents01 p {font-size:1.0rem;}
	.aboutus .contents01-2 h2 {font-size:1.5rem;}
	.aboutus .contents01-2 p {font-size:1.0rem;}
	.aboutus .contents02 h2 {font-size:1.5rem;}
	.aboutus .contents02 p {font-size:1.0rem;}
	.aboutus .contents03 h2 {font-size:1.5rem;}

}




/*business*/
.business {}
.business .maintitle {background-image:url(../img/page/bgmain_business.jpg);}
.business .contents01 {background:linear-gradient(#fff, #ccc);}
.business .contents01 p {font-size:2rem;}
.business .contents01 p.tags {font-size:3rem;line-height:1.0em;font-weight:bold;margin-bottom:50px;color:#ccc;}
.business .contents01 p.tags span {display:inline-block;padding:10px 10px;}

.business .contents02 {background:#eee;}
.business .contents02 .inner.image {background:#ccc;}
.business .contents02 .inner.image.right {float:right;}
.business .contents02 .inner.image img {width:100%;display:block;}
.business .contents02 .inner.text {padding:80px;}
.business .contents02 .inner.text h3 {font-size:3rem;font-weight:normal;margin-bottom:10px;}
.business .contents02 .inner.text p {font-size:1.2rem;}
.business .popupwrap {display:none;}
.business .popupwrap video {width:100%;}
/*SP*/
@media (max-width: 896px){
	.business .contents01 p.tags {font-size:0.8rem;margin-bottom:10px;}
	.business .contents01 p.tags span {padding:5px 5px;}
	.business .contents01 p {font-size:1.0rem;}
	.business .contents02 .inner.image.right {float:none;}
	.business .contents02 .inner.text {padding:30px 15px 50px 15px;}
	.business .contents02 .inner.text h3 {font-size:1.5rem;}
	.business .contents02 .inner.text p {font-size:0.9rem;}
}

/*career*/
.career {}
.career .maintitle {background-image:url(../img/page/bgmain_career.jpg);}
.career .contents01 {text-align:center;}
.career .contents01 h2 {font-size:5rem;margin-bottom:30px;}
.career .contents01 p {font-size:1.7rem;}
.career .contents02 {text-align:center;}
.career .contents02 h2 {font-size:5rem;margin-bottom:30px;}
.career .contents02 p {font-size:1.7rem;}
/*SP*/
@media (max-width: 896px){
	.career .contents01 h2 {font-size:2rem;}
	.career .contents01 p {font-size:1.0rem;}
	.career .contents02 h2 {font-size:2rem;}
	.career .contents02 p {font-size:1.0rem;}
}


/*faq*/
.faq .maintitle {background-image:url(../img/page/bgmain_faq.jpg);}
.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 15px;background-size:1em auto;
padding:15px 10px 15px 2em;font-size:1.1rem;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 15px;background-size:1em auto;
padding:15px 10px 15px 2em;font-size:1.1rem;position:relative;display:none;}
/*SP*/
@media (max-width: 896px){
	.faq .contents01 .faqitem {padding:15px;}
	.faq .contents01 .faqitem .q {padding-left:1.5em;padding-right:1.5em;}
	.faq .contents01 .faqitem .a {padding-left:1.5em;padding-right:1.5em;}
	.faq .contents01 .faqitem .q span {right:0px;}
}

/*contact*/
.contact {}
.contact .maintitle {background-image:url(../img/page/bgmain_contact.jpg);}



.formarea {width:600px;max-width:100%; margin:0px auto;}
.formarea h2 {font-size:1.5rem; text-align:center;margin-bottom:20px;}
.formarea input[type=text], .formarea input[type=email], .formarea textarea {
	border:none;border-bottom:solid #000 1px;border-radius:0px;margin-bottom:30px;}
.formarea input::placeholder { color:#555; }
.formarea textarea::placeholder { color:#777; }
.formarea input[type=submit] {border:solid #000 1px;border-radius:0px;cursor:pointer;width:50%;}
.formarea input[type=submit]:hover {background:#000;color:#fff;}

.formarea .err {font-size:1.1rem;font-weight:bold;color:#f00;text-align:center;padding:20px 0px;}
.formarea form .err {text-align:left;padding:10px 0px;}
.formarea a {color:#000;text-decoration:underline;}
.formarea a:hover {color:#555;}



/*privacy*/
.privacy .contents01 {}
.privacy .contents01 h2 {font-size:1.4rem;font-weight:normal;margin-top:2em;margin-bottom:10px;}
.privacy .contents01 li {list-style-type:decimal;list-style-position:inside;}
.privacy .contents01 li ul {padding:10px 0px 10px 1.5em;}
/*SP*/
@media (max-width: 896px){
	.privacy .contents01 h2 {font-size:1.2rem;}
}

/*sitemap*/
.sitemap .contents01 {}
.sitemap .contents01 p {font-size:1.2rem;line-height:2.5em;}
.sitemap .contents01 p a {color:#000;text-decoration:underline;}
/*SP*/
@media (max-width: 896px){
}

/*news*/
.news.index .contents01 {}
.news.index .contents01 li {color:#000;border-bottom:dotted #777 1px;padding:10px;}
.news.index .contents01 li a {color:#000;text-decoration:underline;}
/*SP*/
@media (max-width: 896px){
}
.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;}
/*SP*/
@media (max-width: 896px){
	.news.article figure img {max-width:100%;}
}