@charset "utf-8";

/*===========================================================
concept01
===========================================================*/

.concept01-area02 {
	gap: 40px;
}

/*===========================================================
concept02
===========================================================*/

.concept02-name-flex {
    display: flex;
    align-items: center;
}

.concept02-name-flex .title04 {
    margin: 0 10px 0 0;
}

.concept02-name-flex .sub-title02 {
    margin: 10px 0 0;
}

.concept02-row {
	padding: 20px 2%;
	border-bottom: 1px solid var(--primary);
	display: flex;
	flex-direction: column;
}

.concept02-row:first-child {
	padding: 0 2% 20px;
}

.concept02-th {
	padding: 0 2% 0 0;
	width: 100%;
}

.concept02-td {
	width: 100%;
}

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


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

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



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


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


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

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

.concept02-row {
	flex-direction: row;
}

.concept02-th {
	width: 25%;
}

.concept02-td {
	width: 75%;
}

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


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


/*===========================================================
concept02
===========================================================*/

.concept02-row {
	flex-direction: column;
}

.concept02-th {
	width: 100%;
}

.concept02-td {
	width: 100%;
}

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


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


/*===========================================================
concept02
===========================================================*/

.concept02-row {
	padding: 40px 2%;
	flex-direction: row;
}

.concept02-row:first-child {
	padding: 0 2% 40px;
}

.concept02-th {
	width: 25%;
}

.concept02-td {
	width: 75%;
}

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

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