/*各ページ共通*/
.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:#fff;
	background:#fff 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;font-weight:normal;}
.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 #fff 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;}
}


.first {}
.first .contents01 {background:linear-gradient(#fff,#f2f2f2);}
.first .contents01 h2 {text-align:center;font-size:1.8rem;font-weight:normal;margin-bottom:10px;}
.first .contents01 p {text-align:center;font-size:1.0rem;margin-bottom:50px;}

.first .contents01 .inner {text-align:center;}
.first .contents01 .inner img {width:70px;margin-bottom:20px;}
.first .contents01 .inner h3 {font-size:1.4rem;font-weight:normal;text-align:center;margin-bottom:10px;}
.first .contents01 .inner p {text-align:left;padding:0px 50px;}

.first .contents02 {}
.first .contents02 .inner.image {background: url(../img/page/first04.jpg) no-repeat center center;background-size:cover;}
.first .contents02 .inner.text {padding:70px 100px;}
.first .contents02 .inner.text h3 {font-size:1.6rem;font-weight:normal;margin-bottom:20px;}
.first .contents02 .inner.text p {text-align:left;}
.first .contents02 .inner.text p a.btn {margin-top:15px;}
/*SP*/
@media (max-width: 896px){
	.first .contents01 {background:#eee;} 
	.first .contents01 .inner {background:#fff;padding:30px;margin-bottom:5px;}
	.first .contents01 .inner p {padding:0px;margin-bottom:0px;}
	.first .contents02 .inner.image {height:200px;}
	.first .contents02 .inner.text {padding:50px 30px;}
}




.aboutus {}
.aboutus .contents01 {padding:100px;background:#fff;}
.aboutus .contents01 .imagearea {text-align:center;padding-bottom:60px;}
.aboutus .contents01 .imagearea img {width:200px;}
.aboutus .contents01 .textarea {text-align:center;}
.aboutus .contents01 .textarea h3 {font-size:2.0rem;font-weight:normal;color:#999;margin-bottom:35px;}
.aboutus .contents01 .textarea p {font-size:1.2rem;line-height:2.2em;color:#999;width:1000px;max-width:100%;margin:0px auto; }

.aboutus .contents02 {background:#eee;}
.aboutus .contents02 .contentbox {position:relative;width:1000px;max-width:100%;margin:0px auto;}
.aboutus .contents02 .contentbox img {float:left;width:300px;max-width:100%;}
.aboutus .contents02 .contentbox .textarea {padding:150px 50px 50px 400px;}
.aboutus .contents02 .contentbox .textarea h3 {font-size:1.8rem;font-weight:normal;margin-bottom:20px;}
.aboutus .contents02 .contentbox .textarea p {font-size:1.1rem;}

.aboutus .contents03 {background:#fff;}
.aboutus .contents03 .contentbox {position:relative;width:1000px;max-width:100%;margin:0px auto;padding:100px;}
.aboutus .contents03 h2 {text-align:center;font-weight:normal;margin-bottom:20px;}
.aboutus .contents03 table {border-collapse:collapse;width:100%;}
.aboutus .contents03 table th {width:200px;border:solid #000 1px;padding:20px;}
.aboutus .contents03 table td {width:calc(100% - 200px);border:solid #000 1px;padding:20px;}
.aboutus .map {width:1000px;max-width:100%;margin:0px auto;}
.aboutus .map iframe {width:100%;height:380px;filter:grayscale(100%);}
.aboutus .nextlink {text-align:center;padding-top:100px;}
/*SP*/
@media (max-width: 896px){
	.aboutus .contents01 {padding:30px 15px;}
	.aboutus .contents01 .imagearea img {width:130px;}
	.aboutus .contents01 .textarea p {font-size:0.9rem;}
	.aboutus .contents02 .contentbox {text-align:center;}
	.aboutus .contents02 .contentbox img {position:relative;bottom:auto;left:auto;width:30%;float:none;}
	.aboutus .contents02 .contentbox .textarea {padding:30px 15px 30px 15px;}
	.aboutus .contents02 .contentbox .textarea p {text-align:left;}
	.aboutus .contents03 .contentbox {padding:30px 15px;}
	.aboutus .contents03 table th {display:block;width:100%;text-align:left;border:none;padding-bottom:0px;}
	.aboutus .contents03 table td {display:block;width:100%;border:none;border-bottom:solid #000 1px;padding-top:10px;}
	.aboutus .nextlink {padding-top:calc(5vh - 10px);}
}


/*business*/
.business {}
.business .contents01 {}
.business .contents01 h2 {text-align:center;font-size:2.5rem;font-weight:normal;margin-bottom:20px;}
.business .contents01 p {text-align:center;font-size:1.2rem;}
.business .contents02 {background:#eee;}
.business .contents02 .inner {padding:5px;}
.business .contents02 .inner .box {background:#fff;height:100%;padding:20px;}
.business .contents02 .inner h3 {display:inline-block;font-size:1.8rem;font-weight:normal;margin-bottom:20px;text-align:left;vertical-align:top;}
.business .contents02 .inner p {text-align:left;}

.business .contents02 .inner h3 {background-position:left center;background-repeat:no-repeat;background-size:35px auto;padding-left:50px;}
.business .contents02 .inner.inner01 h3 {background-image:url(../img/page/business01.svg);}
.business .contents02 .inner.inner02 h3 {background-image:url(../img/page/business02.svg);}
.business .contents02 .inner.inner03 h3 {background-image:url(../img/page/business03.svg);}
.business .contents02 .inner.inner04 h3 {background-image:url(../img/page/business04.svg);}
.business .contents02 .inner.inner05 h3 {background-image:url(../img/page/business05.svg);}
.business .contents02 .inner.inner06 h3 {background-image:url(../img/page/business06.svg);}
.business .contents02 .inner.inner07 h3 {background-image:url(../img/page/business07.svg);}
.business .contents02 .inner.inner08 h3 {background-image:url(../img/page/business08.svg);}
.business .contents02 .inner.inner09 h3 {background-image:url(../img/page/business09.svg);}
.business .contents02 .inner.inner10 h3 {background-image:url(../img/page/business10.svg);}
.business .contents02 .inner.inner11 h3 {background-image:url(../img/page/business11.svg);}
.business .contents02 .inner.inner12 h3 {background-image:url(../img/page/business12.svg);}
.business .contents02 .inner.inner13 h3 {background-image:url(../img/page/business13.svg);}
.business .contents02 .inner.inner14 h3 {background-image:url(../img/page/business14.svg);}
.business .contents02 .inner.inner15 h3 {background-image:url(../img/page/business15.svg);}
.business .nextlink {text-align:center;padding-top:100px;}

/*SP*/
@media (max-width: 896px){
	.business .contents01 h2 {font-size:2rem;}
	.business .contents01 p {font-size:0.9rem;}
	.business .nextlink {padding-top:calc(5vh - 10px);}
}

/*price*/
.price {}
.price .contents01 {background:#fff;}
.price .contents01 .content {width:1000px;}
.price .contents01 .catcharea {margin-bottom:70px;}
.price .contents01 .catcharea h2 {text-align:center;font-size:3.8rem;font-weight:normal;margin-bottom:15px;}
.price .contents01 .catcharea p {text-align:center;}
.price .contents01 .inner {padding:5px;}
.price .contents01 .inner .box {border:solid #000 1px;padding:50px;height:100%;}
.price .contents01 .inner h3 {font-size:1.2rem;margin-bottom:15px;}
.price .contents01 .inner p {}
.price .contents01 .contentbox {border:solid #000 1px;padding:50px;}
.price .contents01 .contentbox h3 {font-size:2.5rem;font-weight:normal;margin-bottom:15px;}
.price .contents01 .contentbox p {font-size:1.4rem;}

.price .contents02 {background:#eee;}
.price .contents02 .content {width:1000px;}
.price .contents02 h2 {text-align:center;font-size:3.8rem;font-weight:normal;margin-bottom:15px;}
.price .contents02 .flow {padding:50px;background:#fff;margin-bottom:20px;}
.price .contents02 .flow h3 {font-size:2rem;font-weight:normal;margin-bottom:20px;}
.price .contents02 .flow p {font-size:1.2rem;}
.price .nextlink {text-align:center;padding-top:80px;}

/*SP*/
@media (max-width: 896px){
	.price .contents01 .catcharea h2 {font-size:2.0rem;}
	.price .contents01 .inner .box {}
	.price .contents01 .inner h3 {font-size:1.0rem;}
	.price .nextlink {padding-top:calc(5vh - 10px);}
	.price .contents01 .contentbox h3 {font-size:1.2rem;}
	.price .contents01 .contentbox p {font-size:1.0rem;}
	.price .contents02 h2 {font-size:2.0rem;}
	.price .contents02 .flow {padding:30px;}
	.price .contents02 .flow h3 {font-size:1.4rem;}
	.price .contents02 .flow p {font-size:0.9rem;}
	.price .nextlink {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 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 .telarea {text-align:center;padding:100px 0px 0px 0px;}
.contact .telarea img {width:450px;max-width:100%;}


/*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;}




/*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%;}
}