@charset "utf-8";

/*===========================================================
サロン紹介
===========================================================*/

.salon01-row {
	display: flex;
	flex-direction: column;
	padding: 20px 0;
	border-bottom: 1px solid var(--quaternary);
	gap: 10px;
}

.salon01-row:first-child {
	padding: 0 0 20px;
}

.salon01-th {
	width: 100%;
}

.salon01-td {
	width: 100%;
}

.salon01-btn-area {
	gap: 20px;
}

.salon03-row {
	padding: 20px 10%;
	display: flex;
	flex-direction: column;
	border-bottom: 1px solid var(--quaternary);
	gap: 10px;
}

.salon03-row:first-child {
	padding: 0 10% 20px;
}

.salon03-th {
	width: 100%;
}

.salon03-td {
	width: 100%;
}

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


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

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



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


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


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

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

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

.salon01-th {
	max-width: 100px;
	width: 100%;
}

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

.salon03-th {
	max-width: 120px;
	width: 100%;
}

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


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


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

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

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

.salon01-th {
	max-width: 100%;
	width: 100%;
}

.salon02-area {
	display: grid;
	gap: 10px;
}

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


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


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

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

.salon01-row {
	padding: 30px 0;
	flex-direction: row;
}

.salon01-row:first-child {
	padding: 0 0 30px;
}

.salon01-th {
	max-width: 100px;
	width: 100%;
}

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

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