@charset "utf-8";
/* CSS Document */

.concept_intro {
	text-align: center;
	padding: 30px 5% 70px;
}
.concept_intro h2 {
	font-size: 3rem;
	letter-spacing: 0.1em;
	font-weight: 600;
	color: #6f625d;
	margin-bottom: 60px;
}
.concept_intro p {
	font-size: 1.5rem;
	line-height: 240%;
}
.conceptArea section {
	padding: 100px 7.9%;
	display: flex;
	align-items: flex-end;
	gap: 60px 120px;
}
.conceptArea section:nth-child(odd) {
	background: #fbfaf8;
}
.conceptArea section:nth-child(even) {
	flex-flow: row-reverse;
}

.conceptArea section figure {
	max-width: 800px;
}
.concept_txt_en {
	font-size: 3.2rem;
	letter-spacing: 0.2em;
	margin-bottom: 70px;
	color: #6f625d;
	line-height: 140%;
}
.concept_txt h3 {
	font-size: 2.2rem;
	letter-spacing: 0.15em;
	line-height: 181%;
	font-weight: 500;
	margin-bottom: 40px;
	word-break: keep-all;
}
.concept_txt p {
	line-height: 214%;
	word-break: keep-all;
}

@media screen and (max-width: 1536px) {
	.conceptArea section figure {
		width: 60%;
	}
	.concept_txt {
		flex: 1;
	}
}
@media screen and (max-width: 1366px) {
	.conceptArea section {
		gap: 60px 90px;
		align-items: flex-start;
		padding: 100px 6%;
	}
	.conceptArea section figure {
		width: 50%;
	}
}
@media screen and (max-width: 1024px) {
	.conceptArea section {
		flex-flow: column!important;
		padding: 100px 10%;
	}
	.conceptArea section figure {
		width: 100%;
	}
	.concept_txt {
		margin: 0 auto;
	}
}
@media screen and (max-width: 768px) {
	.conceptArea section:nth-child(odd) {
		padding: 100px 10% 100px 0;
	}
	.conceptArea section:nth-child(even) {
		padding: 100px 0 100px 10%;
	}
	.conceptArea section:nth-child(odd) .concept_txt {
		padding-left: 10%;
	}
	.conceptArea section:nth-child(even) .concept_txt {
		padding-right: 10%;
	}
	.concept_intro h2 {
		font-size: 2.8rem;
		font-weight: 500;
	}
	.concept_txt_en {
		font-size: 2.8rem;
	}
}

@media screen and (max-width: 640px) {
	
}

@media screen and (max-width: 480px) {
	.concept_intro {
		padding: 0px 5% 40px;
	}
	.concept_intro h2 {
		font-size: 2.0rem;
		line-height: 156%;
		margin-bottom: 35px;
	}
	.concept_intro p {
		font-size: 1.3rem;
	}
	.conceptArea section {
		gap: 40px;
	}
	.conceptArea section:nth-child(odd) {
		padding: 40px 10% 60px 0;
	}
	.conceptArea section:nth-child(even) {
		padding: 60px 0 60px 10%;
	}
	.concept_txt_en {
		font-size: 2.2rem;
		letter-spacing: 0.15em;
		margin-bottom: 50px;
	}
	.concept_txt h3 {
		font-size: 1.8rem;
		line-height: 160%;
	}
}








