@charset "utf-8";

/* ==========================================
ブロック
========================================== */

.lead-title-decoration-item01 {
	max-width: 15rem;
	width: 11.73%;
	position: absolute;
	top: 50%;
	left: 26.66%;
	transform: translateY(-50%);
}

.lead-title-decoration-item02 {
	max-width: 13rem;
	width: 10.17%;
	position: absolute;
	top: 3px;
	right: 37.52%;
}

.lead-title-decoration-item03 {
	max-width: 10rem;
	width: 7.82%;
	margin: auto;
	position: absolute;
	right: 17.2%;
	bottom: 1.1rem;
}

/* ==========================================
CONCEPT
========================================== */

.concept-inner01 {
	max-width: 131rem;
	width: 100%;
	margin: auto;
}

.conncept-area01 {
	margin: 6rem 0 0;
}

.concept-title-decoration-item01 {
	max-width: 12rem;
	width: 13.21%;
	position: absolute;
	border: 0;
	left: 28.41%;
}

.concept-title-decoration-item02 {
	max-width: 11rem;
	width: 12.11%;
	position: absolute;
	top: 6px;
	right: 26.32%;
}

.concept-flex-box01 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
}

.concept-img-block01 {
	max-width: 60rem;
	width: 46.87%;
	text-align: center;
}

.concept-text-block01 {
	max-width: 74rem;
	width: 57.81%;
	margin: 4rem 0 0 -4.68%;
	position: relative;
}

.concept-title01 > strong {
	color: var(--white);
}

.concept-text-box01 {
	max-width: 60rem;
	width: 81.08%;
	margin: 4rem 0 0 auto;
}

.concept-flex-box01:not(:first-child) {
	margin: 8rem auto 0;
}

.concept-flex-box01:nth-child(even) {
	flex-direction: row-reverse;
}

.concept-flex-box01:nth-child(even) > .concept-text-block01 {
	margin: 4rem -4.68% 0 0;
}

.concept-flex-box01:nth-child(even) .concept-title01 {
	margin: 0 0 0 auto;
}

.concept-flex-box01:nth-child(even) .concept-text-box01 {
	margin: 4rem auto 0 0;
}

.concept-btn-area {
	margin: 6rem 0 0 auto;
	max-width: 60rem;
	width: 100%;
}

.concept-flex-box01:nth-child(even) .concept-btn-area  {
	margin: 6rem 0 0 0;
}

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (width <= 1920px) {

	

}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (width <= 1550px) {

	

}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (width <= 1024px) {

	/* ==========================================
	CONCEPT
	========================================== */

	.conncept-area01 {
		margin: 4rem 0 0;
	}
		
	.concept-text-block01 {
		margin: 2rem 0 0 -4.68%;
	}

	.concept-text-box01 {
		margin: 2rem 0 0 auto;
	}

	.concept-flex-box01:not(:first-child) {
		margin: 4rem auto 0;
	}

	.concept-flex-box01:nth-child(even) > .concept-text-block01 {
		margin: 2rem -4.68% 0 0;
	}


	.concept-flex-box01:nth-child(even) .concept-text-box01 {
		margin: 2rem auto 0 0;
	}

}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (width <= 768px) {

	/* ==========================================
	ブロック
	========================================== */

	.lead-title-decoration-item01 {
		width: 15%;
		left: 20%;
	}

	.lead-title-decoration-item02 {
		width: 14%;
		top: 30%;
		right: 30%;
		transform: translateY(-30%);
	}

	.lead-title-decoration-item03 {
		width: 10%;
	}

	/* ==========================================
	CONCEPT
	========================================== */
		
	.concept-flex-box01 {
		display: block;
	}

	.concept-img-block01 {
		width: 100%;
		margin: auto;
	}
		
	.concept-text-block01 {
		max-width: 60rem;
		width: 100%;
		margin: 2rem auto 0;
	}

	.concept-text-box01 {
		width: 100%;
		margin: 2rem 0 0;
	}

	.concept-flex-box01:not(:first-child) {
		margin: 4rem auto 0;
	}

	.concept-flex-box01:nth-child(even) > .concept-text-block01 {
		margin: 2rem auto 0;
	}


	.concept-flex-box01:nth-child(even) .concept-text-box01 {
		margin: 2rem 0 0;
	}

	.concept-title-decoration-item01 {
		width: 20%;
		left: 23%;
	}

	.concept-title-decoration-item02 {
		width: 18%;
		top: 30%;
		transform: translateY(-30%);
	}

	.concept-btn-area p.btn01 {
		text-align: center;
	}

}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (width <= 576px) {



}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (width <= 414px) {

	

}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */