@charset "utf-8";


section p.lead{
    text-align: center;
}

/* heart */
/* --- SP ---------- */
@media print, screen and (max-width: 740px) {
	.heart .main-title {
		background: url(../images/heart/service-bk.jpg) 41% top no-repeat;
		background-size: cover;
	}
	.heart #chapter02 p.lead {
		font-size: 85%;
		line-height: 1.7;
		letter-spacing: 0;
		padding: 40px 0;
		margin: 0;
	}
	
}


/* --- PC ---------- */
@media print, screen and (min-width: 741px) {
	.heart .main-title {
		background: url(../images/heart/service-bk.jpg) center top no-repeat;
	}
	.heart #chapter02 p.lead {
		margin: 0 0 40px;
		font-size: 90%;
		padding: 40px 0;
	}
}

/* service */
/* --- SP ---------- */
@media print, screen and (max-width: 740px) {
	.service #chapter03{
		background: url(../images/plan/plan-main-bk.jpg) center top repeat-y;
		padding: 50px 0;
	}
	.service #chapter03 .w-common{
		background-color: #fff;
		box-sizing: border-box;
		width: 100%;
		padding: 50px 5%;
		margin: 0 0 50px 0;
	}
	.service #chapter03 .ly-double{
		display: flex;
		display: -webkit-flex;
		display:-ms-flexbox;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.service #chapter03 .bl-title{}
	.service #chapter03 .bl-desc{
		width: 100%;
		order: 2;
		margin: 30px auto 0;
	}
	.service #chapter03 .bl-img{
		width: 100%;
		order: 1;
	}
	.service #chapter03 .el-img{
		margin: 0;
		text-align: center;
	}
	.service #chapter03 .el-title{
		color: #8d6b3d;
		line-height: 1.2;
		font-weight: bold;
		margin: 0;
	}
	.service #chapter03 .el-desc{
		font-size: 90%;
	}
	.service #chapter03 .caution{
		font-size: 80%;
		margin: 0;
	}
	.service #chapter03 .el-table{}
	.service #chapter03 .el-table .caution{
		text-align: right;
	}
	.service #chapter03 .el-table table{
		border-collapse: collapse;
		width: 100%;
		box-sizing: border-box;
	}
	.service #chapter03 .el-table table tr{}
	.service #chapter03 .el-table table tr th{
		background-color: #f9f9f9;
		border-top: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
		text-align: left;
		box-sizing: border-box;
		padding: 10px 15px;
		min-width: 80px;
		font-size: 90%;
	}
	.service #chapter03 .el-table table tr td{
		border-top: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
		box-sizing: border-box;
		padding: 10px 15px;
		font-size: 90%;
	}
	.service #chapter03 .el-table .time{
		font-size: 80%;
	}
	.service #chapter03 .btn01{
		max-width: 300px;
		margin: 30px auto;
	}
	.service #chapter03 .btn01 a{
		background-color: #fff;
	}
}

/* --- PC ---------- */
@media print, screen and (min-width: 741px) {
	.service #chapter03{
		background: url(../images/plan/plan-main-bk.jpg) center top repeat-y;
		padding: 5% 0;
	}
	.service #chapter03 .w-common{
		background-color: #fff;
		padding: 5% 5% 0;
		box-sizing: border-box;
	}
	.service #chapter03 .w-common:last-of-type{
		padding: 5%;
	}
	.service #chapter03 .ly-double{}
	.service #chapter03 .bl-title{}
	.service #chapter03 .bl-desc{}
	.service #chapter03 .bl-img{}
	.service #chapter03 .el-img{
		margin: 0;
		text-align: center;
	}
	.service #chapter03 .el-title{
		color: #8d6b3d;
		line-height: 1.2;
		font-weight: bold;
		margin: 0;
	}
	.service #chapter03 .el-desc{}
	.service #chapter03 .caution{
		font-size: 80%;
		margin: 0;
	}
	.service #chapter03 .el-table{}
	.service #chapter03 .el-table .caution{
		text-align: right;
	}
	.service #chapter03 .el-table table{
		border-collapse: collapse;
		width: 100%;
		box-sizing: border-box;
	}
	.service #chapter03 .el-table table tr{}
	.service #chapter03 .el-table table tr th{
		background-color: #f9f9f9;
		border-top: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
		text-align: left;
		box-sizing: border-box;
		padding: 2%;
		min-width: 80px;
	}
	.service #chapter03 .el-table table tr td{
		border-top: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
		box-sizing: border-box;
		padding: 2%;
	}
	.service #chapter03 .el-table .time{
		font-size: 80%;
	}
	.service #chapter03 .btn01{
		max-width: 300px;
		margin: 5% auto;
	}
}