@charset "utf-8";

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

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

.concept01-container {
	margin: 80px 0 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-direction: column;
	max-width: 1810px;
	width: 100%;
}

.concept01-text-container {
	margin: 40px 0 0;
    background: var(--bg-secondary);
    border-radius: 30px;
	position: relative;
	z-index: 1;
}

.concept01-container:first-child {
	margin: 0;
}

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media screen and (min-width:414px) {


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

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



} /* min-width: 414px ここまで */


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media screen and (min-width:544px) {


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

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



} /* min-width: 544px ここまで */


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media screen and (min-width: 768px) {


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

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

.concept01-container {
	margin: 100px auto 0 0;
	flex-direction: row;
}

.concept01-container:nth-of-type(even) {
	margin: 100px 0 0 auto;
	flex-direction: row-reverse;
}

.concept01-text-container {
	margin: 0 0 0 -150px;
	border-radius: 60px;
    background: var(--bg-secondary);
}

.concept01-container:nth-of-type(even) .concept01-text-container {
    margin: 0 -150px 0 0;
}

.concept01-title-box .title01 {
	font-size: clamp(24px, calc(1.5rem + ((1vw - 7.68px) * 2.0833)), 48px);
}

} /* min-width: 768px ここまで */


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media screen and (min-width: 1024px) {


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

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

.concept01-container {
	margin: 120px auto 0 0;
	flex-direction: row;
}

.concept01-container:nth-of-type(even) {
	margin: 120px 0 0 auto;
}

} /* min-width: 1024px ここまで */


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media screen and (min-width:1200px) {


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

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



} /* min-width: 1200px ここまで */


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media screen and (min-width:1440px) {


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

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



} /* min-width: 1440px ここまで */


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media screen and (min-width:1620px) {




} /* min-width: 1520px ここまで */

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