@charset "utf-8";

/*------------------------------------------------------------
	child
------------------------------------------------------------*/
.childPage {
	background: url(../img/child/page_title_bg.webp) no-repeat center center;
	background-size: cover;
}

.child {
	margin: -4px -2px 0 0;
}

.child .headLine01 {
	margin-bottom: 29px;
}

.child .comInner {
	margin-bottom: 48px;
}

.child .comInner .photoBox img {
	width: 246px;
}

.child .textSpan {
	font-weight: bold;
	text-decoration: underline;
}

.child .borderBox {
	margin-bottom: 11px;
	padding: 46px 39px 34px 45px;
	border: 1px solid #EBEBEB;
}

.child .borderBox .comInner {
	margin: 0;
	width: auto;
}

.child .borderBox .comInner .photoBox img {
	width: 182px;
}

.child .borderBox .comInner .photoBox span {
	right: 8px;
	bottom: -6px;
}

.child .borderBox h4 {
	margin-bottom: 35px;
	font-size: 17px;
}

.child .borderBox h4 img {
	margin: -3px 7px 0 2px;
	vertical-align: middle;
}

.child .borderBox ul li {
	padding-bottom: 7px;
}

.child .speBox {
	margin-bottom: 59px;
	padding-bottom: 62px;
	border-bottom: 1px solid #EBEBEB;
}

.child .speBox .borderBox {
	margin: 0;
}

.child .inner01 {
	margin-bottom: 65px;
}




/* ------------ 210511 追加 ------------*/
.child p {
	margin-bottom: 31px;
}

.child .txtUl01 {
	background: #FFF9E9;
	padding: 5px 18px 6px;
}

.child .txtUl01 li {
	padding: 21px 0;
	border-bottom: 1px dotted #ccc;
}

.child .txtUl01 li:last-child {
	border-bottom: none;
}

.child .txtUl01 li .headLine02 {
	font-size: 15px;
	margin: 0;
	text-decoration: underline;
	background-position: left 5px top 10px;
}

.child .headLine02 {
	font-weight: bold;
}

.child .txtUl02 {
	margin-bottom: 40px;
}

.child .txtUl02 li {
	border-top: 1px dotted #ccc;
	padding-top: 28px
}

.child .txtUl02 li:last-child {
	border-bottom: 1px dotted #ccc;
}

.child .txtUl02 li .headLine02 {
	margin-bottom: 14px;
	background: none;
	display: inline-block;
	vertical-align: top;
	font-size: 17px;
}

.child .comTextBox p {
	line-height: 2.0;
	font-size: 15px;
	text-align: center;
	margin-bottom: 0;
}

.child .borderLine {
	margin-bottom: 59px;
	padding-bottom: 62px;
	border-bottom: 1px solid #EBEBEB;
}

.ortho30 .bgBox li img {
	margin-right: 20px;
}




@media (min-width: 0) and (max-width: 767px) {
	.child .txtUl01 li .headLine02 {
		font-size: 11.5px;
		margin: 0;
		text-decoration: underline;
		background-position: left 5px top 6px;
	}

	.child .txtUl01 {
		padding: 6px 12px 10px;
		margin-bottom: 0;
	}

	.child .comTextBox p {
		line-height: 1.83;
		font-size: 12px;
	}

	.child .borderLine {
		margin-bottom: 35px;
		padding-bottom: 32px;
		border-bottom: 1px solid #EBEBEB;
	}

	.ortho30 .bgBox li img {
		margin-right: 12px;
		flex: none;
	}

	.child .txtUl02 li .headLine02 {
		font-size: 12px;
	}

	.child .comTextBox p {
		text-align: left;
	}
}




/* ------------ 210511 end ------------*/

@media all and (min-width: 0) and (max-width: 767px) {
	.childPage {
		background: url(../img/child/sp_page_title_bg.webp) no-repeat center center;
		background-size: cover;
	}

	.child {
		margin: -2px -2px 0 0;
	}

	.child .headLine01 {
		margin-bottom: 32px;
	}

	.child .comInner {
		margin-bottom: 25px;
	}

	.child .comInner .photoBox img {
		width: 100%;
	}

	.child .comInner .textSpan {
		font-weight: bold;
		text-decoration: underline;
	}

	.child .borderBox {
		margin: 0 0 8px 2px;
		padding: 13px 18px 15px;
		border: 1px solid #EBEBEB;
	}

	.child .borderBox .comInner {
		margin: 0 5px 0 0;
		width: auto;
	}

	.child .borderBox .comInner .photoBox {
		margin-bottom: 14px;
		float: none;
		width: 100%;
		display: table;
	}

	.child .borderBox .comInner .photoBox img {
		width: 100%;
	}

	.child .borderBox .comInner .photoBox span {
		right: 5px;
		bottom: -3px;
	}

	.child .borderBox .comInner .photoBox .subBox {
		display: table-cell !important;
		vertical-align: middle;
	}

	.child .borderBox .comInner .photoBox .rImg {
		display: table-cell;
		width: 33.5%;
		vertical-align: middle;
	}

	.child .borderBox .comInner h4 {
		margin: 0;
		font-size: 13px;
	}

	.child .borderBox .comInner h4 img {
		margin-right: 5px;
		width: 17px !important;
	}

	.child .borderBox .comInner .textBox {
		width: auto;
		float: none;
	}

	.child .borderBox h4 {
		margin-bottom: 35px;
		font-size: 17px;
	}

	.child .borderBox h4 img {
		margin: -3px 7px 0 2px;
		vertical-align: middle;
	}

	.child .borderBox ul li {
		padding-bottom: 4px;
	}

	.child .speBox {
		margin-bottom: 34px;
		padding-bottom: 38px;
		border-bottom: 1px solid #EBEBEB;
	}

	.child .speBox .borderBox {
		margin: 0;
		padding: 16px 18px 14px;
	}

	.child .speBox .borderBox h4 {
		margin-bottom: 18px;
	}

	.child .inner01 {
		margin-bottom: 33px;
	}
}