@charset "UTF-8";
.lower_bottom {
	margin: 40px 0;
	background: #eee9e5;
	border: 3px solid #635246;
}

.lower_bottom .mainttl {
	margin: 0 0 2rem;
	padding: 2rem 1rem;
	background: url("img/bg_box02.png") left top repeat;
	background-size: 17.25rem auto;
	color: #FFF;
	font-size: 2.8rem;
	text-align: center;
}

.lower_bottom .mainttl span {
	display: block;
	font-size: 1.8rem;
}

.lower_bottom .cmn-column2,
.lower_bottom .cmn-column3 {
	margin: 2rem;
}

.lower_bottom .cmn-column2 .cmn-parts-box,
.lower_bottom .cmn-column3 .cmn-parts-box {
	padding: 1.5rem;
	background: #FFF;
}

.lower_bottom .cmn01-image {
	margin: 0 0 1rem;
	text-align: center;
}

.lower_bottom .cmn01-catch-copy,
.lower_bottom .cmn-parts-box>p:first-child {
	margin: 0 0 2rem;
	color: #60b04c;
	position: relative;
}

.lower_bottom .cmn01-catch-copy::before,
.lower_bottom .cmn-parts-box>p:first-child::before {
	content: "";
	width: 100%;
	height: 3px;
	display: block;
	position: absolute;
	bottom: -11px;
	background-size: auto auto;
	background-color: #635246;
	background-image: repeating-linear-gradient(135deg, transparent, transparent 2px, rgba(255, 255, 255, 1) 2px, rgba(255, 255, 255, 1) 4px);
}

.lower_bottom .cmn-parts-box .ttl {
	margin: 0 0 2rem;
	font-size: 2rem;
	color: #635246;
	text-align: center;
}

.lower_bottom .cmn01-ttl {
	margin: 0 0 2rem;
	padding: 0 0 0.5em;
	border-bottom: 1px solid #60b04c;
	font-size: 2.2rem;
	color: #635246;
	text-align: center;
}

.cmn01-paragraph {
	background: #e9dacf;
	padding: 17px 10px 14px 10px;
	margin: 0;
	display: flex;
	align-items: center;
	text-align: center;
}

.cmn01-paragraph p {
	margin: 0 auto;
}

.lower_bottom .cmn01-paragraph .txt_marker {
	padding: 0;
	background: none;
	font-size: 3.2rem;
}

.text-banner-area {
	margin: 40px 0;
	border: 3px solid #60b04c;
	position: relative;
}

.text-banner-area__text {
	width: 100%;
	padding: 2rem;
	background: #eee9e5;
}

.cmn02-text-banner-area__image {
	width: 40%;
	flex: 0 0 40%;
	position: relative;
	overflow: hidden;
	background: #fff;
}

.cmn02-text-banner-area__image img {
	max-width: inherit;
	height: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.cmn02-text-banner-area__catch {
	display: block;
	font-size: 1.4rem;
	color: #635246;
}

.cmn02-text-banner-area__title {
	margin: 0 0 2rem;
	display: block;
	font-size: 2rem;
	font-weight: bold;
	color: #635246;
	position: relative;
}

.cmn02-text-banner-area__title::before {
	content: "";
	width: 100%;
	height: 3px;
	display: block;
	position: absolute;
	bottom: -11px;
	background-size: auto auto;
	background-color: #635246;
	background-image: repeating-linear-gradient(135deg, transparent, transparent 2px, #eee9e5 2px, #eee9e5 4px);
}

.cmn02-paragraph {
	margin: 2rem 0;
}

.supervision-area {
	margin: 40px 0;
	padding: 1.5rem;
	background: #eee9e5;
	border: 3px solid #635246;
}

.supervision-area h2,
.supervision-area h3,
.supervision-area h4,
.supervision-area h5,
.supervision-area .mainttl {
	margin: 0 0 3rem;
	padding: 13px 10px;
	background: #635246;
	font-size: 25px;
	font-weight: bold;
	text-align: center;
	line-height: 1.4;
	color: #ffffff;
}

.supervision-area h2 a,
.supervision-area h3 a,
.supervision-area h4 a,
.supervision-area h5 a,
.supervision-area .mainttl a {
	color: #FFF;
}

.supervision-area .catch-copy {
	margin: 0 0 2rem;
	display: block;
	font-size: 2rem;
	color: #635246;
	position: relative;
}

.supervision-area .catch-copy::before {
	content: "";
	width: 100%;
	height: 3px;
	display: block;
	position: absolute;
	bottom: -11px;
	background-size: auto auto;
	background-color: #635246;
	background-image: repeating-linear-gradient(135deg, transparent, transparent 2px, #eee9e5 2px, #eee9e5 4px);
}

.supervision-area .image-right,
.supervision-area .image-left {
	width: 50%;
	flex: 0 0 50%;
	text-align: center;
}

.supervision-area .image-right span,
.supervision-area .image-left span {
	display: block;
	color: #333;
	font-size: 1.2rem;
}

.supervision-area .text-wrap {
	width: 100%;
}

.supervision-area .first-row table tr:nth-child(1) {
	background-color: #f9f2e1;
}

.supervision-area .first-column table td:nth-child(1) {
	background-color: #f9f2e1;
}

.supervision-area .both-row-column tr:first-child,
.supervision-area .both-row-column tr td:first-child {
	background: #f9f2e1;
}

.supervision-area.cmn-column1 {
	padding: 0 3rem;
}

.supervision-area.cmn-column1 h2,
.supervision-area.cmn-column1 h3,
.supervision-area.cmn-column1 h4,
.supervision-area.cmn-column1 h5,
.supervision-area.cmn-column1 .mainttl {
	margin: 0 -3rem 3rem;
}

.supervision-area.cmn-column1 .image-right,
.supervision-area.cmn-column1 .image-left {
	width: 30%;
	flex: 0 0 30%;
}


/*----------------------------------------------------
    SPサイトcss
----------------------------------------------------*/

@media screen and (max-width: 480px) {
	.lower_bottom {
		margin: 4rem 0;
	}
	.lower_bottom .mainttl {
		padding: 1rem;
		font-size: 2rem;
	}
	.lower_bottom .mainttl span {
		font-size: 1.4rem;
	}
	.lower_bottom .cmn-column3 {
		margin: 3%;
	}
	.lower_bottom .cmn-column3 .cmn-parts-box {
		width: 100%;
		margin: 0 0 2rem;
		padding: 3%;
	}
	.lower_bottom-2 .cmn-parts-box {
		display: flex;
		align-items: center;
	}
	.lower_bottom-2 .cmn-parts-box .txt-wrap,
	.lower_bottom-2 .cmn-parts-box .btn-wrap {
		width: 100%;
	}
	.lower_bottom-2 .cmn-parts-box .btn-wrap {
		width: 100%;
		display: flex;
		align-items: flex-start;
		flex-direction: column;
		margin: -1rem 0 0 2rem;
		flex: 1 1 100%;
		height: 100%;
	}
	.lower_bottom-2 .cmn-parts-box .btn-wrap .btn-web,
	.lower_bottom-2 .cmn-parts-box .btn-wrap .btn-tel,
	.lower_bottom-2 .cmn-parts-box .btn-wrap .btn-internal {
		width: 100%;
		align-self: stretch;
		display: flex !important;
		align-items: stretch;
		justify-content: center;
		flex: 1 1 100%;
	}
	.lower_bottom-2 .cmn-parts-box .btn-wrap .btn-web a,
	.lower_bottom-2 .cmn-parts-box .btn-wrap .btn-tel a,
    .lower_bottom-2 .cmn-parts-box .btn-wrap .btn-internal a,
    .lower_bottom-2 .cmn-parts-box .btn-wrap .btn-link a {
		display: flex;
		width: 100%;
		font-size: 1.6rem;
		align-items: center;
		justify-content: center;
		flex: 1 1 100%;
		padding: 1rem 2rem 1rem 1rem;
        margin: 1rem 0 0;
    }
    .lower_bottom-2 .cmn-parts-box .btn-wrap .btn-tel a {
        padding: 1rem 2rem 1rem 3rem;
        background-position: left 5px center,right 10px center;
    }
	.lower_bottom .cmn01-paragraph {
		padding: 3%;
	}
	.lower_bottom .cmn01-paragraph .txt_bold {
		font-size: 1.6rem;
	}
	.lower_bottom .cmn01-paragraph .txt_marker {
		font-size: 2.6rem;
	}
	.text-banner-area {
		padding: 3%;
	}
	.text-banner-area__text {
		width: 100%;
		padding: 3%;
		background: rgba(238, 233, 229, 0.8);
	}
	.cmn02-text-banner-area__image {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		width: 100%;
		height: 100%;
		object-fit: contain;
		border-radius: 5px;
		z-index: -1;
	}
	.cmn02-text-banner-area__image img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center center;
	}
	.supervision-area {
		padding: 1rem;
	}
	.supervision-area.cmn-column1 {
		padding: 0 1rem;
	}
	.supervision-area h2,
	.supervision-area h3,
	.supervision-area h4,
	.supervision-area h5,
	.supervision-area .mainttl {
		margin: 0 0 2rem;
		font-size: 2rem;
	}
	.supervision-area.cmn-column1 h2,
	.supervision-area.cmn-column1 h3,
	.supervision-area.cmn-column1 h4,
	.supervision-area.cmn-column1 h5,
	.supervision-area.cmn-column1 .mainttl {
		margin: 0 -1rem 2rem;
	}
	.supervision-area .catch-copy {
		font-size: 1.8rem;
	}
}