@charset "UTF-8";
@media screen and (max-width: 767px) {

.l-main {
    min-width: 100vw;
}


/* -------------------------
    ページタイトル（ヒーロー）
    実写真ヒーローのため、SPでは波形クリップを外して矩形表示にしています
------------------------- */

.guideline-hero {
    width: 100vw;
    min-width: 0;
    height: auto;
    overflow: visible;
}

.guideline-hero__sp-photo {
    display: block;
    max-width: none;
    width: 100vw;
    height: auto;
}

.guideline-hero__inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    max-width: none;
    height: auto;
}

.guideline-hero__title {
    left: 50%;
    top: 45vw;
    transform: translateX(-50%);
    height: 10vw;
    padding: 0 8vw;
    font-size: 6vw;
    letter-spacing: 2px;
    white-space: nowrap;
}


/* -------------------------
    現在募集中の職種
------------------------- */

.guideline-jobs {
    padding: 9.1265vw 5vw;
}

.guideline-jobs__inner {
    max-width: none;
    margin: 13.0378vw auto 0;
}

.guideline-jobs__panel-wrap {
    max-width: none;
}

.guideline-jobs__deco-staff {
    top: -18vw;
    right: -6vw;
    width: 29vw;
}

.guideline-jobs__panel {
    max-width: none;
    padding: 7.8227vw 6.519vw;
    background: #FFF8AA;
    border-radius: 3.9113vw;
    text-align: left;
}

.guideline-jobs__tabs {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1.9557vw 3.9113vw;
    margin: 0 0 1.9557vw;
    padding: 0 0 3.9113vw;
    border-bottom: 1px solid #ece3af;
}

.guideline-jobs__tab {
    display: flex;
    align-items: center;
    gap: 1.1734vw;
    background: none;
    border: none;
    padding: 0;
    color: #000;
    font-size: 2.8vw;
    font-weight: 500;
}

.guideline-jobs__tab-dot {
    position: relative;
    flex: none;
    width: 3.4vw;
    height: 3.4vw;
    background: #fff;
    border: 1px solid #838383;
    border-radius: 50%;
}

.guideline-jobs__tab.is-active .guideline-jobs__tab-dot::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1.9vw;
    height: 1.9vw;
    background: var(--color-green);
    border-radius: 50%;
    transform: translate(-50%, -50%);
}

.guideline-jobs__grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 3vw;
}

.guideline-jobs__card {
    height: auto;
    min-height: 13.0378vw;
    padding: 2.086vw 2.6076vw;
    background: #fff;
    color: #333;
    border-radius: 2.6076vw;
    font-size: 3.8vw;
}

.guideline-jobs__grid .c-search-panel__tag.is-active {
    background: var(--color-orange);
    color: #fff;
}

.guideline-jobs__tabs .c-search-panel__tag.is-active {
    background: transparent;
    color: #000;
}


/* -------------------------
    募集要項テーブル
------------------------- */

.guideline-table {
    padding: 7.8227vw 5vw 52.1512vw;
}

.guideline-table__inner {
    max-width: none;
}

.guideline-table__accordion {
    max-width: none;
    margin: 0 0 7.8227vw;
    border-radius: 3.9113vw;
    overflow: hidden;
}

.guideline-table__summary {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 2.086vw;
    padding: 5.2151vw 5vw;
}

.guideline-table__summary-type {
    display: inline-flex;
    flex: none;
    align-items: center;
    justify-content: center;
    height: 8.4746vw;
    padding: 0 2.7379vw;
    background: #41BCD7;
    color: #fff;
    font-size: 2.9204vw;
    font-weight: 500;
}

.guideline-table__summary-title {
    color: #000;
    font-size: 4.5632vw;
    font-weight: 700;
}

.guideline-table__summary-location {
    width: 100%;
    color: #000;
    font-size: 3.2vw;
}

.guideline-table__summary::after {
    content: "";
    flex: none;
    width: 3.4vw;
    height: 3.4vw;
    margin-left: auto;
    background-image: url("../images/recruit-guideline/icon_accordion_closed.svg");
    background-size: contain;
    background-repeat: no-repeat;
}

.guideline-table__accordion[open] .guideline-table__summary::after {
    background-image: url("../images/recruit-guideline/icon_accordion_open.svg");
}

.guideline-table__paper {
    max-width: none;
    padding: 3.9113vw 5vw 7.8227vw;
}

.guideline-table__row {
    flex-direction: column;
    gap: 1.3038vw;
    padding: 2.6076vw 0;
    font-size: 3.8vw;
    line-height: 1.6;
}

.guideline-table__row dt {
    width: auto;
    font-weight: 700;
}

.guideline-table__row dd ul {
    padding-left: 3.5202vw;
}

.guideline-table__buttons {
    flex-direction: column;
    align-items: center;
    gap: 1.3038vw;
    margin-top: 10.4302vw;
}

.guideline-table__top {
    justify-content: center;
    margin-top: 5.2151vw;
}

.guideline-backtotop {
    width: 22.0339vw;
    height: 21.9035vw;
}

.guideline-backtotop__arrow {
    top: 4.1721vw;
    width: 3.9113vw;
    height: 3.9113vw;
}

.guideline-backtotop__text {
    margin-top: 3.9113vw;
    font-size: 2.8vw;
}

/* -------------------------
    記事が0件のときの表示
------------------------- */

.guideline-table__empty {
    padding: 7.8227vw 5vw;
    border-radius: 4vw;
    font-size: 3.6vw;
}
}