@charset "utf-8";

/*===========================================================
コンセプト
===========================================================*/

.concept01-block {
	margin: 80px 0 0; 
	padding: 80px 15px;
	position: relative;
}

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

.concept01-block::before {
	content: "";
	display: block;
    max-width: 1700px;
	height: 90.7%;
	background-color: var(--bg-tertiary);
    filter: blur(8px);
	position: absolute;
	right: 15px;
	left: 0;
    bottom: 0;
	z-index: 0;
    margin: 0 auto 0 0;
    border-radius:
    0   /* 左上 */
    clamp(60px, -69.854px + 34.628vw, 595px)     /* 右上 */
    clamp(60px, -69.854px + 34.628vw, 595px)     /* 右下 */
    0;  /* 左下 */
}

.concept01-block::after {
	content: "";
	display: block;
    max-width: 1544px;
	height: 90.7%;
    background-color: var(--bg-seventh);
    opacity: 0.8;
    mix-blend-mode: soft-light;
    filter: blur(8px);
	position: absolute;
    top: 0;
	left: 15px;
	right: 0;
	z-index: 1;
    margin: 0 0 0 auto;
    border-radius:
    clamp(60px, -69.854px + 34.628vw, 595px)   /* 左上 */
    0     /* 右上 */
    0     /* 右下 */
    clamp(60px, -69.854px + 34.628vw, 595px);  /* 左下 */
}

.concept01-block:nth-of-type(even)::before {
	content: "";
	display: block;
    max-width: 1544px;
	height: 90.7%;
	background-color: var(--bg-seventh);
    opacity: 0.8;
    mix-blend-mode: soft-light;
    filter: blur(8px);
	position: absolute;
	right: 15px;
	left: 0;
    top: 0;
	bottom: auto;
	z-index: 1;
    margin: 0 auto 0 0;
    border-radius:
    0   /* 左上 */
    clamp(60px, -69.854px + 34.628vw, 595px)     /* 右上 */
    clamp(60px, -69.854px + 34.628vw, 595px)     /* 右下 */
    0;  /* 左下 */
}

.concept01-block:nth-of-type(even)::after {
	content: "";
	display: block;
    max-width: 1700px;
	height: 90.7%;
    background-color: var(--bg-tertiary);
	opacity: 1;
    mix-blend-mode: unset;
    filter: blur(8px);
	position: absolute;
	top: auto;
    bottom: 0;
	left: 15px;
	right: 0;
	z-index: 0;
    margin: 0 0 0 auto;
    border-radius:
    clamp(60px, -69.854px + 34.628vw, 595px)   /* 左上 */
    0     /* 右上 */
    0     /* 右下 */
    clamp(60px, -69.854px + 34.628vw, 595px);  /* 左下 */
}

.concept01-area {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}



/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@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-block {
	margin: 100px 0 0;
	padding: 100px 15px;
}

.concept01-area {
	padding: 0 15px 0 0;
	flex-direction: row;
	justify-content: space-between;
}

.concept01-block:nth-of-type(even) .concept01-area {
	padding: 0 0 0 15px;
	flex-direction: row-reverse;
}

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


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


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

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

.concept01-block {
	margin: 120px 0 0;
	padding: 150px 15px;
}

} /* 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 ここまで */

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