@charset "utf-8";

/*===========================================================
お悩み別
===========================================================*/

.concerns02-area {
    gap: 10px;
}

.concerns03-block {
	margin: 50px 0 0;
}

.concerns02-item {
    flex: 1;
    padding: 2px 16px 3px;
    display: block;
    width: 100%;
    max-width: max-content;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.05em;
    color: var(--base-font-color);
    text-align: center;
    background: var(--bg-ninth);
    border-radius: 16px;
    white-space: nowrap;
}

.concerns03-title-box {
    display: inline-block;
    padding: 0 0 10px;
    border-bottom: 1px solid var(--primary);
}

/* .concerns03-sub-title {
	display: inline-block;
	border-bottom: 2px dotted var(--quaternary);
} */

.concerns03-row {
    display: flex;
	flex-direction: column;
    justify-content: space-between;
	gap: 10px;
}

.concerns03-th {
    width: 100%;
    padding: 0 10px 0 0;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
	flex-direction: column;
}

.concerns03-td {
	margin: 0 0 0 auto;
    max-width: 220px;
    width: 100%;
}

.concerns03-title {
	font-size: clamp(16px, 14.544px + 0.388vw, 22px);
}

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


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

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



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


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


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

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

.concerns03-th {
	align-items: center;
	flex-direction: row;
}

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


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


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

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

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

.concerns03-th {
    width: 75%;
}

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


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


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

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



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

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