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

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


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

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

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

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

.training-hero__title {
    left: 21.5124vw;
    top: 41.9817vw;
    height: 11.0821vw;
    padding: 0 7.8227vw;
    font-size: 6vw;
}


/* -------------------------
    研修開催のお知らせ
------------------------- */

.training-list {
    padding: 13.0378vw 0;
}

.training-list__inner {
    padding: 0 5vw;
}

.training-list__lead {
    max-width: none;
    margin: 0 auto 7.8227vw;
    font-size: 3.8vw;
    line-height: 1.8;
}

.training-accordion {
    gap: 3.9113vw;
    max-width: none;
}

.training-accordion__item details {
    border-radius: 3.9113vw;
}

.training-accordion__summary {
    padding: 3.9113vw 5vw;
}

.training-accordion__date {
    font-size: 2.8vw;
}

.training-accordion__row {
    gap: 2vw;
    margin-top: 1vw;
    padding-bottom: 2vw;
    flex-wrap: wrap;
}

.training-accordion__title {
    font-size: 3.2vw;
}

.training-accordion__status {
    width: 17vw;
    height: 5.5vw;
    font-size: 2.8vw;
}

.training-accordion__row::after {
    width: 4.5vw;
    height: 4.5vw;
}

.training-accordion__body {
    padding: 0 5vw 6.5189vw;
}

.training-accordion__profile {
    float: none;
    width: 100%;
    margin: 0 0 3.9113vw;
}

.training-accordion__photo {
    height: 44vw;
    width: 85%;
    border-radius: 4vw;
    margin: 5vw auto;
    display: block;
}

.training-accordion__caption {
    margin-top: 1.3038vw;
    font-size: 3.2vw;
}

.training-accordion__desc-text {
    font-size: 3.8vw;
    line-height: 1.7;
}

.training-accordion__detail {
    margin: 3.9113vw 0 0;
    padding: 0;
}

.training-accordion__detail-row {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 1.3038vw;
    padding: 1.4342vw 0;
    font-size: 3.8vw;
    line-height: 1.7;
}

.training-accordion__detail-row + .training-accordion__detail-row {
    border-top: 1px solid #ddd;
}

.training-accordion__detail-label {
    flex: none;
    width: 11.734vw;
    color: #000;
    font-weight: 700;
}

.training-accordion__detail-value {
    flex: 1;
    min-width: 0;
    margin: 0;
    color: #000;
}

.training-accordion__downloads {
    display: flex;
    flex-direction: column;
    gap: 1.043vw;
}

.training-accordion__download {
    display: inline-flex;
    align-items: center;
    gap: 1.043vw;
    color: var(--tr-orange);
    font-size: 3.8vw;
    font-weight: 500;
    text-decoration: underline;
}

.training-accordion__download img {
    width: 2.086vw;
    height: auto;
}

.training-accordion__message {
    margin-top: 3.9113vw;
    font-size: 3.8vw;
}

.training-pager {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 3.9113vw;
    margin: 11.734vw 0 0;
}

.training-pager__arrow {
    display: flex;
    flex: none;
    align-items: center;
    justify-content: center;
    width: 4.0417vw;
    height: 4.0417vw;
}

.training-pager__arrow img {
    display: block;
    width: 100%;
    height: 100%;
}

.training-pager__arrow--prev img {
    transform: scaleX(-1);
}

.training-pager__nums {
    display: flex;
    align-items: center;
    gap: 3.9113vw;
}

.training-pager__num {
    color: #C4A865;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 3.2595vw;
    font-weight: 500;
    text-decoration: none;
}

.training-pager__num--current {
    color: var(--tr-orange-2);
    font-weight: 700;
}


/* -------------------------
    ひだまりの研修・制度
------------------------- */

.training-programs {
    padding: 13.0378vw 0 16.9492vw;
    background-size: 100% 11.734vw, 100% 30vw;
    background-color: #FFF8AA;
}

.training-programs__inner {
    padding: 15vw 7.5vw 20vw;
}

.training-programs__list {
    gap: 10vw;
    max-width: none;
}

.training-programs__item {
    flex-direction: column;
    gap: 5vw;
    padding: 8vw 7vw;
    border-radius: 4vw;
}

.training-programs__title {
    margin-bottom: 2.6076vw;
    font-size: 4.5vw;
}

.training-programs__text p {
    font-size: 3.8vw;
    line-height: 1.7;
    line-height: 1.7;
    letter-spacing: 0;
}

.training-programs__photo {
    width: 100%;
    height: 60vw;
    border-radius: 2.6076vw;
}


/* -------------------------
    お問い合わせ
------------------------- */

.training-contact {
    padding: 0 0 25vw;
}

.training-contact__inner {
    padding: 0 7.5vw;
}

.training-contact__box {
    max-width: none;
    padding: 7vw 5vw;
    border-radius: 4vw;
}

.training-contact__heading {
    font-size: 5.5vw;
    letter-spacing: 2.2px;
    line-height: 1.3;
}

.training-contact__phone {
    flex-direction: column;
    gap: 3.9113vw;
    margin-top: 3.9113vw;
    text-align: center;
}

.training-contact__label {
    font-size: 2.8vw;
    text-align: center;
}

.training-contact__note {
    margin: 1vw 0 0;
    font-size: 2.8vw;
    text-align: center;
}

.training-contact__phone-numberdiv {
    gap: 1.5vw;
    justify-content: center;
}

.training-contact__tel-icon {
    width: 6.6493vw;
    height: 6.6493vw;
    margin-top: 1.5vw;
}

.training-contact__phone-numberdiv a {
    font-size: 8vw;
}

.training-contact__hours {
    margin: 1.3038vw 0 0;
    font-size: 3.2vw;
}

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

.training-accordion__item--empty {
    padding: 7.8227vw 5vw;
    border-radius: 4vw;
    font-size: 3.6vw;
}
}