@charset "utf-8";


/*セクションタイトル
--------------------------------*/
.sectitle {
	margin-bottom: 0.5em;
}
.sectitle .subtitle {
	background-image: url("img/h2_icon01.png");
	background-size: auto 5.0rem;
	background-position: center top;
	background-repeat: no-repeat;
	padding-top: 5.0rem;
	font-size: 1.125rem;
	text-align: center;
}
.sectitle .maintitle {
	font-weight: bold;
	font-size: 1.875rem;
	text-align: center;
}

/*セクション
--------------------------------*/
#section01 {
	background-image: url("img/lower-bg.jpg");
	background-repeat: repeat;
	position: relative;
	/*margin-bottom: 4rem;*/
	padding-top: 4rem;
	padding-bottom: 2rem;
}
#section01::before {
	content: "";
	background-image: url("img/lower-border.png");
	background-repeat: repeat-x;
	background-size: auto 100%;
	height: 2rem;
	width: 100%;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
#section02 {
	background-image: url("img/lower-bg2.jpg");
	background-repeat: repeat;
	position: relative;
	margin-bottom: 4rem;
	padding-top: 4rem;
	padding-bottom: 2rem;
}
#section02::before {
	content: "";
	background-image: url("img/lower-border.png");
	background-repeat: repeat-x;
	background-size: auto 100%;
	height: 2rem;
	width: 100%;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
.policy {
	margin-bottom: 3rem;
	text-align: center;
}
.policy p {
	line-height: 2;
}
.policy figure {
	margin: 1rem auto 1.5rem;
}
.policy figure img {
	border-radius: 15px;
	border: 10px solid #a2d7cf;
}

/*タイトル
--------------------------------*/
.contitle01 {
	font-weight: bold;
	text-align: center;
	background-image: url("img/h3_under.png");
	background-repeat: repeat-x;
	background-size: auto 9px;
	background-position: center bottom;
	padding: 0 0 1rem;
	margin-bottom: 1.5rem;
	font-size: 1.5rem;
}
.contitle02 {
	line-height: 2;
	background-image: url("img/ico-flower.png");
	background-size: auto 1.5em;
	background-position: 0 0;
	background-repeat: no-repeat;
	padding-left: 2em;
	margin-bottom: 1.5rem;
	text-align: left;
	font-size: 1.25rem;
}

/*リスト
--------------------------------*/
.list_group01 {
	padding-left: 24px;
	list-style: disc;
}
.list_group01 li {
	font-size: 1.25rem;
	text-align: left;
}

/*流れ
--------------------------------*/
.flowbox {
	border: 5px solid #a2d7cf;
	border-radius: 15px;
	padding: 20px;
	background: #fff;
}
.flowbox_ttl {
	font-size: 1.2rem;
	font-weight: bold;
	margin-bottom: 10px;
}
.flowbox .txt {}
.flow_arrow {
	text-align: center;
	margin-top: -15px;
	margin-bottom: -15px;
}

/*保険適用になる治療の具体的なケース*/
/*------------------------------*/
.insur-ortho_dl {
	display: flex;
	justify-content: flex-start;
	align-items: baseline;
	gap: 0.4em;
	font-size: 1.125rem;
	font-weight: bold;
	line-height: 2;
}
.insur-ortho_dl dt {}
.insur-ortho_dl dd {}

.disease_box {}
.disease_ol {
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	flex-flow: row wrap;
	gap: 10px;
	counter-reset:number;
}
.disease_ol li {
	width: calc(100%/3 - 10px*2/3);
	padding: 10px 10px;
	background: #fff;
	border: 1px solid #a2d7cf;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 16px;
	font-size: 14px;
}
.disease_ol li::before {
	counter-increment: number;
	content: counter(number);
	width: 30px;
	height: 30px;
	background: #7bc8be;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
}
.disease_ol p {
	width: calc(100% - (30px + 16px));
}

.linktxt {
	font-size: 1.2rem;
	font-weight: bold;
	text-decoration: underline;
	color: #b79044;
}




/*===============================
*
*pc表示
*
===============================*/
@media (min-width: 768px) {


	/*セクションタイトル
	--------------------------------*/
	.sectitle {}
	.sectitle .subtitle {
		font-size: 1.4375rem;
	}
	.sectitle .maintitle {
		font-size: 3rem;
	}

	/*セクション
	--------------------------------*/
	#section01 {
		padding-top: 6rem;
		padding-bottom: 4rem;
	}
	#section01::before {
		height: 3rem;
	}
	#section02 {
		padding-top: 6rem;
		padding-bottom: 4rem;
	}
	#section02::before {
		height: 3rem;
	}
	.policy p {
		margin-left: auto;
		margin-right: auto;
		width: 70%;
	}
	.policy figure {
		width: 52%;
		margin: 2rem auto 3rem;
	}
	
	/*タイトル
	--------------------------------*/
	.contitle01 {
		font-size: 1.875rem;
	}
	.contitle02 {
		background-size: auto 2em;
		background-position: 0.5em 0;
		padding-left: 3.5em;
		font-size: 1.625rem;
	}
	
	
	
	
}






/*===============================
*
*sp表示
*
===============================*/
@media (max-width: 767px) {



	/*保険適用になる治療の具体的なケース*/
	/*------------------------------*/
	.insur-ortho_dl {}
	.insur-ortho_dl dt {}
	.insur-ortho_dl dd {}

	.disease_box {}
	.disease_ol {}
	.disease_ol li {
		width: 100%;
	}
	.disease_ol li::before {}
	.disease_ol p {}

	.linktxt {}
	

}