/*-----------------------------------------
sec-1
------------------------------------------*/
.genkimura-logo {
	margin-left:auto;
	margin-right:auto;
	text-align: center;
}
.genkimura-logo img {
	width:100%;
	height:auto;
}
.about-sec-1 h2,
.about-sec-1 h3,
.about-st {
	text-align: center;
	line-height: 175%;
}
.about-st h3 {
	display: inline-block;
	border-bottom:1px solid var(--color-black);
	padding-bottom:0.25em;
}
.about-sec-1 img {
	display: block;
	margin-left:auto;
	margin-right:auto;
}
.about-sec-1 p {
	padding-bottom:2em;
}
@media (width < 767px) {
	.genkimura-logo {
		width:75vw;
	}
	.about-sec-1 h2 {
		font-size:var(--font-sp-x-large);
		margin-top:60px;
	}
	.about-sec-1 h3 {
		font-size:var(--font-sp-x-large);
	}
	.about-st {
		margin:12vw auto 6vw auto;
	}
	.about-greeting {
		padding-top:6vw;
	}
}
@media (768px <= width) {
	.genkimura-logo {
		width:450px;
	}
	.about-sec-1 h2 {
		font-size:var(--font-pc-xxx-large);
		margin-top:60px;
	}
	.about-sec-1 h3 {
		font-size:var(--font-pc-xx-large);
	}
	.about-st {
		margin:120px auto 60px auto;
	}
	.about-greeting {
		padding-top:60px;
	}
}
/*-----------------------------------------
sec-2
------------------------------------------*/
.about-sec-2 h2 {
	text-align: center;
	line-height: 175%;
}
.three-point div img {
	display: block;
	margin-left:auto;
	margin-right:auto;
}
.three-point h3 {
	text-align: center;
	color:var(--color-green);
	line-height: 175%;
	padding:1em 0;
}
@media (width < 767px) {
	.about-sec-2 {
		padding:8vw 0;
	}
	.about-sec-2 h2 {
		font-size:var(--font-sp-x-large);
	}
	.three-point div {
		border-bottom:1px solid var(--color-line);
		padding-top:8vw;
		padding-bottom:8vw;
	}
	.three-point div:last-child {
		border-bottom:none;
	}
	.three-point div img {
		max-width:60vw;
	}
	.three-point h3 {
		font-size:var(--font-sp-xx-large);
	}
	.three-point p {
		padding-bottom: 1em;
	}
}
@media (768px <= width) {
	.about-sec-2 {
		padding:60px 0;
	}
	.about-sec-2 h2 {
		font-size:var(--font-pc-xx-large);
		padding-bottom:60px;
	}
	.three-point div {
		border-right:1px solid var(--color-line);
	}
	.three-point div:last-child {
		border-right:none;
	}
	.three-point div img {
		max-width:180px;
	}
	.three-point h3 {
		font-size:var(--font-pc-x-large);
	}
	.three-point p {
		font-size:1.6rem;
		padding:0.5em 30px;
	}
}
/*-----------------------------------------
sec-3
------------------------------------------*/
.about-sec-3 h2 {
	text-align: center;
	line-height: 175%;
}
@media (width < 767px) {
	.about-sec-3 {
		padding:8vw 0;
	}
	.about-sec-3 h2 {
		font-size:var(--font-sp-x-large);
		padding-bottom:8vw;
	}
	.about-sec-3 h3 {
		font-size:var(--font-sp-large);
		padding-bottom:1em;
	}
	.about-grid-left,
	.about-grid-right {
		margin-bottom: 8vw;
	}
	.about-grid-txt {
		padding-top:5vw;
	}
}
@media (768px <= width) {
	.about-sec-3 {
		padding:60px 0;
	}
	.about-sec-3 h2 {
		font-size:var(--font-pc-xx-large);
		padding-bottom:60px;
	}
	.about-sec-3 h3 {
		font-size:var(--font-pc-x-large);
		padding-bottom:1em;
	}
	.about-grid-left {
		grid-template-columns: 7fr 4fr;
		align-items: center;
		margin-bottom:60px;
	}
	.about-grid-left .about-grid-pic {
		grid-area: 1 / 2 / 2 / 3;
	}
	.about-grid-left .about-grid-txt {
		grid-area: 1 / 1 / 2 / 2;
		padding-right:8%;
	}
	.about-grid-right {
		grid-template-columns: 4fr 7fr;
		align-items: center;
		margin-bottom:60px;
	}
	.about-grid-right .about-grid-txt {
		padding-left:8%;
	}
}
/*-----------------------------------------
sec-4 and sec-5
------------------------------------------*/
.about-sec-4 h2,
.about-sec-5 h2 {
	text-align: center;
	line-height: 175%;
}
.data-list {
	border-top: 1px solid var(--color-line);
}
.data-list dt {
	font-weight: 700;
}
.data-list dt,
.data-list dd {
	line-height: 175%;
	padding-top:1em;
}
.data-list dd {
	padding-bottom: 1em;
}
@media (width < 767px) {
	.about-sec-4 {
		padding:8vw 0;
	}
	.about-sec-4 h2,
	.about-sec-5 h2 {
		font-size:var(--font-sp-x-large);
		padding-bottom:8vw;
	}
	.data-list dd {
		border-bottom: 1px solid var(--color-line);
	}
	.about-sec-5 {
		padding-top:8vw;
	}
}
@media (768px <= width) {
	.about-sec-4 {
		padding:60px 0;
	}
	.about-sec-4 h2,
	.about-sec-5 h2 {
		font-size:var(--font-pc-xx-large);
		padding-bottom:60px;
	}
	.data-list {
		display:grid;
		grid-template-columns: 1fr 3fr;
	}
	.data-list dt {
		padding-bottom: 1em;
	}
	.data-list dt,
	.data-list dd {
		border-bottom: 1px solid var(--color-line);
	}
	.data-list+.btn {
		margin-top:60px;
	}
	.about-sec-5 {
		padding-top:60px;
	}
}