@charset "utf-8";
/*
Theme Name: エシカルノーマル城東店
Theme URI: https://ethical-joto.com/
Description: エシカルノーマル城東店のテーマです
*/


.archive .archive-wrapper {
	padding-top:15rem;
	padding-bottom:15rem;
	padding-right:0;
	padding-left:0;
}

.archive #wrapper:before {
}

@media (max-width: 980px){
.archive .archive-wrapper {
	padding-top:7.5rem;
	padding-bottom:6rem;
}

}

.service_box {
	border-bottom:1px solid #DDD;
	padding-bottom:6rem;
	margin-bottom:10rem;
}

.service_box:last-child {
	border-bottom:none;
	margin-bottom:0;
	padding-bottom:0;
}

.service_box h2 {
	text-align:center;
	font-size:clamp(24px, 3.6vw, 42px);
	font-weight:bold;
	margin-bottom:4.5rem;
	color:#243060;
}

.service_box h3 {
	text-align:center;
	font-size:clamp(20px, 1.8vw, 24px);
	font-weight:bold;
	margin-bottom:3rem;
}

.service_box h3:after {
	content:"";
	width:30px;
	height:3px;
	background:#243060;
	display:block;
	margin:1.5rem auto 4.5rem auto;
}

.service_box .service01 {
	background:#e9f3fb;
	padding-top:6rem;
	padding-bottom:6rem;
	margin-bottom:6rem;
}

.service_box .service01 .img-box img {
	width:100%;
	height:auto;
}

.service_box .service01 dl dt {
	margin-bottom:1rem;
	font-size:clamp(20px, 1.8vw, 24px);
	font-weight:bold;
}

.service_box .service01 dl dt span {
	margin-left:1rem;
	font-weight:bold;
	font-size:clamp(24px, 2.4vw, 30px);
}

.service_box .service01 dl dt small {
	font-size:clamp(12px, 1.2vw, 14px);
	font-weight:bold;
}

.service_box .service01 dl dd {
	margin-bottom:1rem;
}

.service_box .service01 dl dd strong {
	display:block;
	font-weight:bold;
}

.service_box .service02 {
	padding-top:6rem;
	padding-bottom:6rem;
	margin-top:-6rem;
}

.service_box .service02 table td {
	padding:2rem;
	vertical-align:middle;
	border:1px solid #DDD;
}

.service_box .service02 table td:nth-child(1) {
	background:#e9f3fb;
	width:25%;
}

.service_box .service02 table td:nth-child(2) {
	width:50%;
}

.service_box .service02 table td:nth-child(3) {
	width:25%;
	text-align:right;
}

.service_link {
	margin-bottom:9rem;
}

.service_link ul li {
	margin-bottom:1.5rem;
	margin-right:1.333%;
}

.service_link ul li:nth-child(4n) {
	margin-right:0;
}

.service_link a {
	padding:0.25rem 1rem;
	border:1px solid #243060;
	border-radius:1.5rem;
}

.service_link a img {
	width:24%;
	display:block;
}

.service_link span {
	width:73%;
	letter-spacing:0;
	font-size:clamp(15px, 1.2vw, 16px);
	line-height:1.6;
	display:block;
	font-weight:bold;
	color:#243060;
}

@media (max-width: 1375px){
.service_link,
.service_box .service01,
.service_box .service02 {
	padding-left:3rem;
	padding-right:3rem;
}
}

@media (max-width: 980px){
.service_link {
	margin-bottom:6rem;
	padding-left:2rem;
	padding-right:2rem;
}

.service_box {
	margin-bottom:6rem;
}

.service_box .service01 dl dt span {
	margin-left:0;
}

.service_box .service02 {
	padding-bottom:0;
	padding-top:4.5rem;
	padding-left:2rem;
	padding-right:2rem;
}

.service_box .service02 table td {
	padding:1rem;
	font-size:0.9em;
	letter-spacing:0;
}

.service_box .service02 table td:nth-child(1) {
	width:30%;
}

.service_box .service02 table td:nth-child(2) {
	width:45%;
}

.service_box .service02 table td:nth-child(3) {
	width:25%;
	text-align:right;
}

}


@media (max-width: 680px){
.service_link ul li {
	width:100%;
	margin-right:0;
	margin-bottom:1rem;
}

.service_link a {
	padding:0 1rem;
}

.service_link a img {
	width:20%;
}

.service_box h2 {
	margin-bottom:3rem;
}

.service_box h3 {
	margin-bottom:2rem;
}

.service_box .service01 {
	padding:1.5rem;
}

.service_box .service01 .img-box.w36 {
	width:100%;
	margin-bottom:2rem;
}

.service_box .service01 .text-box.w60 {
	width:100%;
}

}



/*よくある質問*/
.qa_wrapper section {
	margin-bottom:9rem;
}

dl.faq {
	width:100%;
	margin:0 auto !important;
	padding:3rem 2rem;
	border-bottom:1px dashed #DDD;
}

dl.faq:last-child,
dl.faq:first-child {
}

dl.faq dt {
	font-size:clamp(15px, 1.5vw, 18px);
	font-weight:normal;
	text-indent:-3.2rem;
	padding-left:3.2rem;
}

dl.faq dt:before {
    content: "Q.";
    margin-right:0.65rem;
	font-size:1.25em;
	font-weight:900;
	color:#243060;
}

dl.faq dd {
	margin-top:1.5rem;
	padding-left:3.5rem;
	position:relative;
}

dl.faq dd p {
    font-size: clamp(15px, 1.5vw, 18px) !important;
}

dl.faq dd:before {
	position:absolute;
	top:-0.4rem;
	left:0.15rem;
    content: "A.";
    margin-right:0.5rem;
	font-size:1.5em;
	font-weight:900;
	color:#243060;
}

dl.faq dd p {
	margin-bottom:0 !important;
}

@media screen and (max-width: 980px) {
dl.faq dd {
	padding-left:3.2rem;
}

dl.faq dd:before {
	font-size:1.25em;
}
}