@charset "UTF-8";
/* concept */


.concept-main-wrap {
	background: #fff;
	padding-top: 40px;
	padding-bottom: 60px;
}
.concept-main-wrap h2 {
	font-size: 2.2rem;
	font-weight: 600;
	letter-spacing: 0.06em;
}

.areainfo {
	background: #fff;
	padding-bottom: 40px;
}

@media screen and (max-width:768px) {
	.concept-main-wrap h2 {
		font-size: 1.8rem;
	}
}
@media screen and (max-width:600px) {
	.concept-main-wrap {
		padding-top: 32px;
		padding-bottom: 40px;
	}
	.concept-main-wrap h2 {
		font-size: 1.4rem;
	}
	.areainfo {
		padding-bottom: 20px;
	}
}

.concept-main {
	font-size: 0;
	padding-top: 20px;
	margin-bottom: 20px;
	
}
.concept-main-inner {
	max-width: 1032px;
	margin-inline: auto;
}

.concept-sub {
	font-size: 0;
	margin-bottom: 40px;
}
.concept-sub-inner {
}
.concept-main img, .concept-sub img {
    margin: 0 auto;
    width: 100%;
}
@media screen and (max-width: 1280px) {
	.concept-main {
		padding-top: 0;
	}
}

.concept01 {
	display: flex;
	justify-content: space-between;
	max-width: 1080px;
	margin: 80px 0 80px auto;
	flex-wrap: wrap;
}
.concept01-txt {
	max-width: 58%;
}
.concept01-img {
	max-width: 40%;
}

.concept01 h3 {
	font-size: 1.2rem;
	font-weight: 600;
	margin-bottom: 20px;
	letter-spacing: 0.06em;
}
.concept01 p,.concept02 p {
	line-height: 2.3;
	letter-spacing: 0.05em;
	margin-bottom: 12px;
}
.concept02 {
	padding-top: 8px;
    padding-bottom: 16px;
	width: 78%;
}
.concept02 h3 {
	font-size: 2.2rem;
	margin-bottom: 24px;
	letter-spacing: 0.08em;
}

@media screen and (max-width:768px) {
	.concept01-txt {
		max-width: 69%;
	}
	.concept01-img {
		max-width: 30%;
	}
	.concept01 p,.concept02 p {
		font-size: .9rem;
	}
}

@media screen and (max-width:600px) {
    .concept01 {
		margin-top: 40px;
		margin-bottom: 40px;
	}
	.concept01-txt {
		max-width: 100%;
		margin-bottom: 20px;
	}
	.concept01-img {
		max-width: 100%;
	}
	.concept01 h3 {
		font-size: 1.1rem;
		letter-spacing: 0.02em;
	}
    .concept02 {
		width: 100%;
	}
	.concept02 h3 {
		font-size: 1.3rem;
		margin-bottom: 12px;
	}
	.concept01 p,.concept02 p {
		font-size: .9rem;
		line-height: 1.9;
	}
}

/* ボタン */
.concept-btn {
	display: flex;
	justify-content: center;
	margin-top: 60px;
	margin-bottom: 60px;
}
@media screen and (max-width:600px) {
	.concept-btn {
		margin-top: 40px;
		margin-bottom: 40px;
	}
}