@charset "utf-8";

.recruit02-flex-box {
	gap: 20px 40px;
}

.recruit02-flex-box .fReserveTelBtn {
	margin: 0;
}

.reserve-link-link {
	max-width: 240px;
    width: 100%;
    display: flex;
    align-items: center;
    font-size: clamp(16px, 15.029px + 0.259vw, 20px);
    font-weight: 500;
    letter-spacing: 0;
    color: #2E3134;
}

.reserve-link-link:hover {
    color: #2E3134;
}

.reserve-link-link p {
    text-decoration: underline;
}

.reserve-link-link:hover p {
    text-decoration: none;
}

.line-icon {
    max-width: 50px;
    width: 100%;
    margin: 0 20px 0 0;
}

/*===========================================================
recruit01
===========================================================*/

.recruit01-area {
	border-right: 1px solid #BFBFBE;
	border-bottom: 1px solid #BFBFBE;
}

.row.recruit01-row {
	margin-right: 0 !important;
	margin-left: 0 !important;
}

.recruit01-th {
	padding: 10px;
	border-top: 1px solid #FAFAFA;
	border-left: 1px solid #FAFAFA;
}

.recruit01-td {
	padding: 10px;
	border-top: 1px solid #BFBFBE;
	border-left: 1px solid #BFBFBE;
}

.recruit01-th {
	color: var(--white);
	background-color: #555E67;
}

.recruit01-td {
	background: var(--white);
}

/*===========================================================
ループスライダー
===========================================================*/

.loopImgBx01 {
    width: 300px;
    padding-top: 200px;
    margin: 0 10px;
    position: relative;
}

.loop-wrapper {
    display: flex;
    align-items: center;
    overflow: hidden;
    height: auto;
    position: relative;
    z-index: 1;
}

.loopImgBx01>img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    object-fit: cover;
    height: 100%;
}

.loopImgArea {
    display: flex;
    animation: loop-slide 50s infinite linear 1s both;
}

.loopImgBx01>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/*ここまで*/

.loopImgBx img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    max-width: 100%;
    width: auto;
    max-height: 100%;
    height: auto;
}

/*アニメーション*/
@keyframes loop-slide {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-100%);
    }
}

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


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

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



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


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


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

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



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


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

/*===========================================================
recruit01
===========================================================*/

.recruit01-th,
.recruit01-td {
	padding: 20px;
}

/*===========================================================
ループスライダー
===========================================================*/

.loopImgBx01 {
    margin: 0 12.5px;
    width: 400px;
    padding-top: 300px;
}


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

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