@charset "utf-8";
/* CSS Document */

#concept {
	margin-bottom: 100px;
}
/* ==============================================

	concept_intro

================================================= */
#concept_intro {
	margin-bottom: 180px;
}
.concept_intro_ttl {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-flow: column;
	margin-bottom: 80px;
}
.concept_intro_ttl p {
	font-size: 5.5rem;
	color: #bebebe;
	line-height: 100%;
	margin-bottom: 30px;
	letter-spacing: 0.1em;
}
.concept_intro_ttl h2 {
	font-size: 1.7rem;
	font-weight: 500;
	letter-spacing: 0.15em;
	color: #143677;
}
.concept_intro_txt {
	line-height: 257%;
	text-align: center;
	font-size: 1.5rem;
}
.concept_intro_movie {
	max-width: 800px;
	margin: 100px auto 0;
}
@media screen and (max-width: 480px) {
	#concept_intro {
		margin-bottom: 60px;
		padding: 0 5%;
	}
	.concept_intro_ttl {
		margin-bottom: 50px;
	}
	.concept_intro_ttl h2 {
		font-size: 1.45rem;
		letter-spacing: 0.1em;
	}
	.concept_intro_ttl p {
		font-size: clamp(3.5rem, 10vw, 5rem);
		margin-bottom: 20px;
	}
	.concept_intro_txt {
		line-height: 230%;
		font-size: 1.3rem;
	}
	.concept_intro_movie {
		margin-top: 40px;
	}
}


/* ==============================================

	concept_dtl

================================================= */
.concept_dtl section {
	display: flex;
	align-items: center;
	gap: 60px 8.2%;
	overflow: hidden;
}
.concept_dtl section:nth-child(odd) {
	padding: 50px 5% 80px 7.9%;
	background: #f9f9f9;
}
.concept_dtl section:nth-child(even) {
	padding: 50px 7.9% 80px 5%;
	flex-flow: row-reverse;
}
.concept_dtl_img {
	max-width: 800px;
}
.concept_dtl_img p {
	font-size: 10rem;
	color: rgba(209,209,209,0.3);
	position: relative;
	z-index: 1;
	font-family: "Cormorant Garamond", serif;
	font-weight: 300;
}
.concept_dtl section:nth-child(odd) .concept_dtl_img p {
	text-align: right;
}
.concept_dtl_img figure {
	margin-top: -35px;
}
.concept_dtl_img figure img {
	width: 100%;
	object-fit: cover;
	font-family: 'object-fit: none; object-position: right;';
	height: 550px;
}
.concept_dtl_box {
	margin-top: 70px;
}
.concept_dtl_ttl {
	color: #525252;
	position: relative;
	margin-bottom: 55px;
}
.concept_dtl_ttl p {
	font-size: 1.8rem;
	letter-spacing: 0.1em;
	font-family: "Cormorant Garamond", serif;
	margin-bottom: 25px;
}
.concept_dtl_ttl h2 {
	font-size: 2.0rem;
	letter-spacing: 0.1em;
	font-weight: 400;
	color: #143677;
	line-height: 170%;
}
.concept_dtl_txt {
	font-size: 1.4rem;
	line-height: 242%;
}
.concept_dtl_box .cmn_btn {
	margin: 40px auto 0 0;
}
@media screen and (max-width: 1536px) {
	.concept_dtl section:nth-child(odd) {
		padding: 50px 7% 80px 0;
	}
	.concept_dtl section:nth-child(even) {
		padding: 50px 0 80px 7%;
	}
	.concept_dtl_img {
		width: 60%;
	}
	.concept_dtl_box {
		flex: 1;
	}
}
/*
@media screen and (max-width: 1366px) {
	.concept_dtl section {
		position: relative;
	}
	.concept_dtl section:nth-child(odd) {
		padding: 130px 7% 80px 0;
		margin-bottom: 20px;
	}
	.concept_dtl section:nth-child(even) {
		padding: 130px 0 80px 7%;
	}
	.concept_dtl_img p {
		position: absolute;
		top: 30px;
	}
	.concept_dtl section:nth-child(odd) .concept_dtl_img p {
		left: 20px;
	}
	.concept_dtl section:nth-child(even) .concept_dtl_img p {
		right: 20px;
	}
	.concept_dtl_box {
		margin: 0;
	}
}
*/
@media screen and (max-width: 1194px) {
	.concept_dtl section:nth-child(even) {
		justify-content: space-between;
	}
	.concept_dtl_img {
		width: 55%;
	}
	.concept_dtl_img p {
		font-size: clamp(10rem, 9vw, 12rem);
	}
	.concept_dtl_img figure {
		margin-top: -5%;
	}
}
@media screen and (max-width: 1024px) {
	.concept_dtl section {
		flex-flow: column!important;
		gap: 60px;
		padding: 100px 0!important;
	}
	.concept_dtl_box {
		margin: 0 auto;
	}
	.concept_dtl_img {
		margin: 0 auto;
		width: 100%;
	}
	.concept_dtl_img figure {
		margin-top: 0;
	}
	.concept_dtl section:nth-child(odd) .concept_dtl_img p {
		right: 2%;
		text-align: right;
	}
	.concept_dtl section:nth-child(even) .concept_dtl_img p {
		left: 2%;
		padding-left: 0;
		text-align: left;
	}
	.concept_dtl_img figure img {
		height: auto;
	}
	.concept_dtl_box {
		max-width: 600px;
	}
	.concept_dtl_box .cmn_btn {
		margin: 40px auto 0;
	}
}
@media screen and (max-width: 768px) {
	.concept_dtl section {
		padding: 80px 0 !important;
	}
	.concept_dtl_img p {
		font-size: clamp(9rem, 12vw, 10rem);
		/*
		top: 20px;
		*/
	}
	.concept_dtl_box {
		max-width: inherit;
		padding: 0 10%;
	}
}
@media screen and (max-width: 640px) {
	.concept_dtl_img p {
		font-size: clamp(7rem, 12vw, 10rem);
	}
}
@media screen and (max-width: 480px) {
	#concept {
		/*
		margin-bottom: 60px;
		*/
		margin-bottom: 0;
	}
	.concept_dtl section {
		gap: 30px;
		/*
		padding: 60px 0 !important;
		*/
		padding: 40px 0 60px!important;
	}
	/*
	.concept_dtl section:nth-child(odd) {
		margin-bottom: 10px;
	}
	*/
	.concept_dtl_box {
		padding: 0 6%;
	}
	.concept_dtl_txt {
		font-size: 1.3rem;
		line-height: 200%;
	}
	.concept_dtl_ttl {
		margin-bottom: 35px;
	}
	.concept_dtl_ttl p {
		font-size: 1.6rem;
		margin-bottom: 15px;
	}
	.concept_dtl_ttl h2 {
		font-size: 1.6rem;
		line-height: 150%;
	}
	.concept_dtl_img p {
		font-size: clamp(5rem, 12vw, 7rem);
		/*
		top: 25px;
		*/
	}
}