@charset "utf-8";

/* 料金のご案内
-------------------------------------------*/
#treatment h3,#cleaning h3{
	font-size: 24px;
	font-family: 'zkgn-m';
	letter-spacing: .15em;
	color: #5c8c00;
	margin-bottom: 1.5em;
}
.price_table{
	border: rgba(105,160,10,.3) 1px solid;
	border-radius: 10px;
}
.price_table > div{
	display: flex;
	flex-wrap: wrap;
}
.price_table > div:not(:last-child){border-bottom: rgba(105,160,10,.3) 1px solid;}
.price_table > div > *{
	padding: 30px 25px;
	display: flex;
	align-items: center;
}
.price_table > div > dt{
	width: 330px;
	border-right: rgba(105,160,10,.3) 1px solid;
}
.price_table > div > dt p,.price_table > div > dt span{color: #5e8e00;}
.price_table > div > dt p{font-size: 18px;}
.price_table > div > dt span{font-size: 16px;}
.price_table > div > dd{width: calc(100% - 330px);}
.price_table > div > dd > p,.price_table dl dd{font-size: 18px;}
.price_table dl > div{
	display: flex;
	align-items: center;
}
.price_table dl dt{
	background: #5e8e00;
	color: #fff;
	text-align: center;
	width: 100px;
	padding: .2em 0;
	border-radius: 2em;
	margin-right: .8em;
}
.caption_li li,.caption_li li::before{color: #5e8e00;}
.caption_li li{
	position: relative;
	padding-left: 1.1em;
}
.caption_li li::before{
	content: "※";
	position: absolute;
	left: 0;
	top: 0;
}
.caption_li li:not(:last-child){margin-bottom: .2em;}
.deduction{
	padding: 65px 50px;
	border-radius: 20px;
}

/* 1300px以下から
------------------------------------------------------------*/
@media only screen and (max-width:1300px){
	
	
	/* 料金のご案内
	-------------------------------------------*/
	#treatment h3,#cleaning h3{font-size: 18px;}
	.price_table > div > *{padding: 20px 15px;}
	.price_table > div > dt{width: 250px;}
	.price_table > div > dt p{font-size: 14px;}
	.price_table > div > dt span{font-size: 12px;}
	.price_table > div > dd{width: calc(100% - 250px);}
	.price_table > div > dd > p,.price_table dl dd{font-size: 14px;}
	.price_table dl dt{width: 80px;}
	.deduction{
		padding: 45px 40px;
		border-radius: 15px;
	}
}

/* 500px以下から
------------------------------------------------------------*/
@media only screen and (max-width:500px){
	
	/* 料金のご案内
	-------------------------------------------*/
	.price_table > div > *{width: 100%!important;}
	.price_table > div > dt{
		border-right: none;
		border-bottom: 1px dashed rgba(105,160,10,.3);
	}
	.deduction{padding: 35px 20px;}
}