@charset "utf-8";
/*==================================================
	【サブ】ページ固有のスタイル
==================================================*/
#service * {
	box-sizing:border-box;
}
#service h2 {
	text-align: center;
	font-weight: normal;
	margin-bottom: 1em;
}
#service ul{
	list-style:none;
}
#service .ft_42{
	font-size:42px;
	line-height:1.2;
	margin-bottom:20px;
}
#service .ft_22{
	font-size:22px;
}
#service .white_txt{
	color:#FFF;
}
#service .grey_txt{
	color:#16110B;
}
#service table.grey_border {
	width:523px;
	font-size:16px;
	margin-bottom:20px;
}
#service table.grey_border,
#service table.grey_border th,
#service table.grey_border td{
	border:solid 1px #CCC;
}
#service table.white_border{
	border:solid 2px #FFF;
	width:100%;
}

#service table.white_border th,
#service table.white_border td{
	display:block;
}
#service table.white_border th {
	padding-top: 10px;
}
#service table.white_border td{
	display:flex;
	display:-webkit-flex;
	justify-content:center;
	-webkit-justify-content:center;
	padding: 0 20px 20px;
}
#service table.white_border td ul{
	display:inline-block;
	line-height:2;
	margin-right:30px;
}
#service table.white_border td ul li:before{
	content:'\25CF';
	left:0;
}
#service table.grey_border th{
	padding:15px;
}
#service table.grey_border th{
	background:#F2F2F2;
	color:#333333;
	vertical-align:top;
	width:209px;
}
#service table.grey_border td{
	padding:5px 15px 10px 15px;
}
#service table.grey_border ul li{
	line-height:2;
	margin-bottom:10px;
	border-bottom:dotted 1px #B2B2B2;
}
#service table.grey_border ul li:last-child{
	margin-bottom:0;
}
#service table.grey_border ul li span:last-child{
	float:right;
	color:#1C2E50;
}
#service .navi_head{
	display:flex;
	display:-webkit-flex;
	align-items:center;
	-webkit-align-items:center;
	padding-left:15px;
	position:relative;
	font-size:19px;
	color:#1C2E50;
}
#service .navi_head:before{
	position:absolute;
	content:'';
	border-left:solid 6px #1C2E50;
	height:22px;
	left:0;
}
#service .width_50{
	width:60%;
	padding:80px 0;
	background: rgba(22, 17, 11, 0.49);
}
#service .detail{
	display:flex;
	display:-webkit-flex;
	justify-content:space-between;
	-webkit-align-content:space-between;
}
/*�•�*/
#service .private:before{
	background:url('../img/service/img01.jpg') no-repeat center center;
	background-size:cover;
}
#service .private > p{
	text-align:center;
}
#service .private > p.fm{
	line-height:2;
}
#service .merit{
	background:url('../img/service/img02.jpg') no-repeat center center;
	background-size:cover;
}
#service .merit .content ul.auto_number{
	counter-reset:number;
	line-height:2.5;
}
#service .merit .content ul.auto_number li{
	padding-left:35px;
	position:relative;
	font-size:18px;
	display:flex;
	display:-webkit-flex;
	align-items:center;
	-webkit-align-items:center;
}
#service .merit .content ul.auto_number li:before{
	counter-increment:number;
	content:counter(number);
	width:29px;
	height:29px;
	border-radius:50%;
	border:solid 1px #FFF;
	display:inline-block;
	text-align:center;
	line-height:29px;
	position:absolute;
	left:0;
}
#service .merit .content > *{
	width:595px;
	margin-right:auto;
	margin-left:auto;
}
#service .fee .detail{
	margin-bottom:30px;
}
#service .fee .note{
	color:#1C2E50;
	border-radius:15px;
	border:solid 1px #1C2E50;
	padding:10px 5px;
}
#service .area{
	background:url('../img/service/img03.jpg') no-repeat center center;
	background-size:cover;
	overflow:hidden;
}
#service .area .content{
	float:right;
}
#service .area .content > *:not(:last-child){
	width:430px;
	margin-left:auto;
	margin-right:auto;
}
#service .area .content th{
	text-align:center;
	font-size:19px;
}
#service .area .content > table.white_border:not(:last-child){
	margin-bottom:20px;
}
@media print, screen and (min-width: 769px){ /* PCのみ */
}
@media print, screen and (min-width: 641px){ /* PC・タブレット */
}
@media only screen and (max-width: 768px) and (min-width: 641px){ /* タブレットのみ */
}
@media only screen and (max-width: 768px) {  /* タブレット以下 */
	#service .ft_42{
		font-size:23px;
	}
	#service .ft_22{
		font-size:20px;
	}
	#service .private > p.fm{
		font-size:15px;
		padding-left:15px;
		padding-right:15px;
		text-align:left;
	}
	#service .width_50{
		width:70%;
	}
	#service .merit .content > *{
		width:unset;
		padding-left:15px;
		padding-right:15px;
	}
	#service .merit .content ul.auto_number li{
		font-size:14px;
	}
	#service .fee .detail{
		flex-direction:column;
		-webkit-flex-direction:column;
	}
	#service table.grey_border{
		width:100%;
	}
}
@media only screen and (max-width: 640px){ /* スマホ */
	#service .private > p.fm{
		padding:0;
	}
	#service .merit{
		background:none;
		background-color:#666666;
	}
	#service .width_50{
		width:100%;
	}
	#service .merit .content ul.auto_number{
		line-height:1.8;
	}
	#service .merit .content ul.auto_number li:before{
		top:5px;
		width:20px;
		height:20px;
		line-height:20px;
		font-size:14px;
	}
	#service .merit .content ul.auto_number li:not(:last-child){
		margin-bottom:5px;
	}
	#service table.grey_border{
		border:none;
	}
	#service table.grey_border th, 
	#service table.grey_border td{
		display:block;
		width:100%;
		font-size:14px;
	}
	#service table.grey_border th{
		border-bottom:none;
	}
	#service .fee .note{
		text-align:left;
	}
	#service .fee .note br{
		display:none!important;
	}
	#service .area{
		background:none;
		background-color:#666666;
	}
	#service .width_50{
		padding:40px 15px;
	}
	#service .area .content{
		padding-left:15px;
		padding-right:15px;
		float:unset;
	}
	#service .area .content > *:not(:last-child){
		width:100%;
	}
	#service .area .content th{
		padding:10px 0;
	}
	#service table.white_border td{
		flex-wrap:wrap;
	}
	#service .area .content > table.white_border:nth-child(3) td{
		justify-content:space-between;
		padding:15px;
	}
	#service .area .ft_100{
		font-size:100%;
	}
}