@charset "utf-8";

/* ===================================================================

	静的ページ pages

=================================================================== */

.service_intro {
	max-width: var(--def-max-width);
	width: var(--def-width);
	margin: 0 auto;
}

.service_intro_txt {
	margin: 40px auto 80px;
	font-size: var(--font-size--md);
	font-weight: 900;
	text-align: center;
}
.service_intro_txt strong {
	background: linear-gradient(transparent 65%, #FDD23E 65%);
	font-weight: 900;
}


.service_intro h2 {
	margin: 60px  auto 20px;
/*	padding-bottom: 25px;
	background: url(../img/title_line.svg)no-repeat center bottom;
	background-size: auto;
	text-align: center;
	font-size: var(--font-size--xl);
	font-weight: 900;
	letter-spacing: .05em;*/
}
.service_intro h3 {
	margin: 80px  auto 20px;
	font-size: var(--font-size--lg);
	font-weight: 900;
	text-align: center;
}
.service_case_txt {
	margin: 20px auto 40px;
	text-align: center;
	font-weight: 500;
}
.service_img {
	margin: 20px auto 60px;
	text-align: center;
}


.service_title {
	margin: 0 auto 60px;
	text-align: center;
	font-size: var(--font-size--xxl);
	font-family: var(--title-font-family);
	font-weight: 900;
}

.service_title_wrap {
	position: relative;
}

/*--en-handwriting-font-family*/


.service_feature {
	background: var(--sub-bg-color);
	margin-top: var(--home-sec-top-margin);
	padding: var(--sec-padding);
	border-radius: var(--border-radius-bg);
}
.service_feature_inner {
	max-width: var(--def-max-width);
	width: var(--def-width);
	margin: 0 auto;
/*	padding: 60px 0;*/
}

.feature_list {
}
.feature_list li {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 40px;
	padding: 40px;
	background: var(--bs-white);
	border-radius: var(--border-radius-bs);
}
.feature_list li:last-child {
	margin-bottom: 80px;
}
.feature_list_txt {
	width: 50%;
}
.faeture_img {
	width: 46%;
	text-align: center;
}
.feature_list li:nth-child(odd) .feature_list_txt {
	order: 2;
}
.feature_list li:nth-child(odd) .faeture_img {
	order: 1;
}

.feature_title {
	margin-bottom: 25px;
}
.feature_num {
	display: inline-block;
	width: 9em;
	margin-bottom: 15px;
	padding: 0.4em 0;
	border-radius: 1.1em;
	background: var(--main-txt-color);
	font-family: var(--en-font-family);
	font-size: var(--font-size--bs);
	font-weight: 700;
	color: var(--bs-white);
	text-align: center;
	line-height: 1;
}
.feature_num strong {
	font-size: 160%;
}
.feature_title h4 {
	position: relative;
	font-family: var(--title-font-family);
	font-size: var(--font-size--lg);
	font-weight: 900;
	line-height: 1.3;
	letter-spacing: 0;
}
.feature_title h4 strong {
	color: var(--bs-primary);
	font-size: 140%;
}
.title_en {
	display: block;
	margin-bottom: 5px;
	font-weight: 900;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: var(--font-size--sm);
	color: var(--bs-primary);
}

.feature_list_txt p {
	font-size: var(--font-size--md);
	font-weight: 700;
	line-height: 1.7;
}







.service_information_desk {
	width: fit-content;
	margin: 60px auto 0;
	padding: 30px;
	background: var(--bs-white);
	border-radius: 20px;
	filter: var(--filter-box-shadow);
}
.service_information_desk h2 {
	margin-bottom: 1rem;
	font-size: var(--font-size--md);
	font-weight: 900;
}
.information_desk_name {
	margin-bottom: 0.5rem;
	font-weight: 700;
}


/* ===================================================================
	レスポンシブ対応用
=================================================================== */

/* XX-Large devices (larger desktops, 1400px and up) */
@media (max-width: 1400px) {
}
@media ( max-width : 1200px ){
	.feature_list_txt {
		width: 60%;
	}
	.faeture_img {
		width: 37%;
	}
}

/* Large devices (desktops, 992px and up) */
@media (max-width: 992px) {
	.feature_list li {
		display: block;
		margin-bottom: 80px;
	}
	.feature_num {
		display: block;
		margin: 0 auto 15px;
	}
	.feature_list_txt,
	.faeture_img {
		width: 100%;
	}
	.feature_list_txt {
		margin-bottom: 20px;
	}
	.feature_title {
		width: fit-content;
		margin: 0 auto 15px;
	}
	.feature_title .title_num {
		font-size: 90px;
	}
	.feature_title .title_num::before {
		top: -5px;
		left: -5px;
		width: 80px;
		height: 64px;
		border-radius: 25px 6px 25px 6px;
	}
	.feature_list_txt p {
		text-align: center;
	}
}

/* Medium devices (tablets, 768px and up) */
@media (max-width: 768px) {
	.faeture_img img {
		width: 300px;
	}

	.service_information_desk {
		padding: 20px;
	}
}

/* Small devices (landscape phones, 576px and up) */
@media (max-width: 576px) {
	.service_intro h3 {
		margin: 40px auto 20px;
	}
	.feature_list li:last-child {
		margin-bottom: 60px;
	}
	.faeture_img img {
		width: 250px;
	}
	.feature_list_txt p {
		width: 100%;
	}
	.feature_title {
		display: block;
		text-align: center;
	}
	.feature_title .title_num {
		display: inline-block;
		margin: 0 auto 5px;
		font-size: 70px;
	}
	.feature_title .title_num::before {
		width: 68px;
		height: 50px;
	}
}