@charset "UTF-8";

/* #region 背景画像調整 */

/* 画像背景白文字のテキストに可読性アップのスタイル追加 */

.profile__lists, .recruit__message, .jobtype__wrapper {
    text-shadow: 0 0 1px rgba(50, 50, 50, 0.7), 0 0 3px rgba(50, 50, 50, 0.7), 0 0 5px rgba(50, 50, 50, 0.7), 0 0 7px rgba(50, 50, 50, 0.7), 0 0 9px rgba(50, 50, 50, 0.7), 1px 1px 0 rgba(100, 100, 100, 0.6), 1px -1px 0 rgba(100, 100, 100, 0.6), -1px 1px 0 rgba(100, 100, 100, 0.6), -1px -1px 0 rgba(100, 100, 100, 0.6);
}

.bg__img {
    background-position: center top;
    background-size: cover;
    background-repeat: no-repeat;
}

#recruit {
    background-image: url('../img/agency/backgrounds/bg-recruit.jpg');
    transition-property: all;
    transition-duration: 0.5s;
}

@media (min-width: 576px) {
    .bg__img {
        background-attachment: fixed;
    }

    #recruit {
        background-image: url('../img/agency/backgrounds/bg-footer.jpg');
        transition-property: all;
        transition-duration: 0.5s;
    }
}

/* #endregion 背景画像調整 */

/* #region バナーリンク */
.toplevel-contact {
    padding: 0 !important;
}

.toplevel-contact__link {
    display: block;
    padding: 50px 0;
    width: 100%;
    color: #333;
    border-bottom: 1px dashed;
    background-color: #f7fff4;
    font-size: 1.2rem;
}

.toplevel-contact__link:hover{
    color: #000;
    background-color: #ffddbb;
    font-size: 1.5rem;
}
/* #endregion バナーリンク */

/* #region 業務内容 */

.team__lists {
    list-style-type: none;
    box-shadow: 1px 1px 2px rgba(15, 15, 9, 0.397);
}

.team__lists__link {
    color: #FFFFFF;
}

.team__lists__link:hover {
    color: rgba(255, 255, 255, 0.7);
}


.team__list__item {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 100%;
    text-shadow: 0 0 1px rgba(50, 50, 50, 0.7), 0 0 3px rgba(50, 50, 50, 0.7), 0 0 5px rgba(50, 50, 50, 0.7), 0 0 7px rgba(50, 50, 50, 0.7), 0 0 9px rgba(50, 50, 50, 0.7), 1px 1px 0 rgba(100, 100, 100, 0.6), 1px -1px 0 rgba(100, 100, 100, 0.6), -1px 1px 0 rgba(100, 100, 100, 0.6), -1px -1px 0 rgba(100, 100, 100, 0.6);
}

.team__list__item-3 {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 0%, rgba(75, 75, 75, 0.205) 50%, rgba(0, 0, 0, 0.4)), url(../img/agency/team/10.jpg);
}

.team__list__item-2 {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 0%, rgba(75, 75, 75, 0.205) 50%, rgba(0, 0, 0, 0.4)), url(../img/agency/team/9.jpg);
}

.team__list__item-1 {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 0%, rgba(99, 75, 75, 0.205) 50%, rgba(0, 0, 0, 0.4)), url(../img/agency/team/15.jpg);
}

.team__list__item-4 {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 0%, rgba(75, 75, 75, 0.205) 50%, rgba(0, 0, 0, 0.4)), url(../img/agency/team/11.jpg);
}

.team__list__item-5 {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 0%, rgba(75, 75, 75, 0.205) 50%, rgba(0, 0, 0, 0.4)), url(../img/agency/team/14.jpg);
}

.team__list__item-6 {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 0%, rgba(75, 75, 75, 0.205) 50%, rgba(0, 0, 0, 0.4)), url(../img/agency/team/13.jpg);
}

.team__lists__reviews{
    color:#000;
    font-size: 1.3rem;
    text-decoration: underline;
}

.team__lists__reviews:hover{
    text-decoration: underline;
}

/* #endregion */

/* #region 会社概要 */
.profile__pdf{
    text-decoration-line: underline;
    color:#ff942a;
}

/* #endregion */

/* #region 会社沿革 */

.history__lists {
    list-style-type: none;
}

@media (max-width: 768px) {
    .history__lists {
        border-bottom: 1px solid #e1e1e1;
        margin-bottom: 10px;
    }

    .history__lists:last-child {
        border-style: none;
    }
}

/* #endregion */

/* #region 採用情報カルーセルのページネーション、募集職種切り替え用のラジオボタン非表示 */

.owl-pagination, #jobtypePc-1, #jobtypePc-2, #jobtypePc-3, #jobtypeSp-1, #jobtypeSp-2, #jobtypeSp-3 {
    display: none;
}

/*採用情報*/

.jobtype__wrapper {
    text-align: left;
}

.jobtype__items:last-child {
    border-bottom: none;
}

.jobtype__items {
    list-style-type: none;
    border-bottom: 1px solid #dee2e6;
}

.jobtype__item {
    border-right: 1px solid #dee2e6;
}

.jobtype__item__data {
    border-left: 1px solid #dee2e6;
    margin-left: -1px;
}

/* #endregion */

/* #region スマホ時 画面サイズ575px以下 */

.recruit__jobtypePc__lists {
    display: none;
}

.jobtype__contents {
    border: 1px solid #dee2e6;
}

.jobtype-1, .jobtype-2, .jobtype-3 {
    transition-property: all;
    transition-duration: 0.5s;
    height: 0;
    overflow: hidden;
    background-color: rgba(0, 0, 0, 0.2);
}

#jobtypeSp-1:checked~.jobtype-1, #jobtypeSp-2:checked~.jobtype-2, #jobtypeSp-3:checked~.jobtype-3 {
    transition-property: all;
    transition-duration: 0.5s;
    height: inherit;
}

#jobtypeSp-1:checked~.recruit__jobtypeSp__lists-1, #jobtypeSp-2:checked~.recruit__jobtypeSp__lists-2, #jobtypeSp-3:checked~.recruit__jobtypeSp__lists-3 {
    border: none;
}

.recruit__jobtypeSp__lists-1, .recruit__jobtypeSp__lists-2, .recruit__jobtypeSp__lists-3 {
    border-bottom: 1px solid #dee2e6;
    display: flex;
    justify-content: space-between;
    cursor: pointer;
}

#jobtypeSp-1:checked~.recruit__jobtypeSp__lists-1 .recruit__jobtypeSp__icon-1, #jobtypeSp-2:checked~.recruit__jobtypeSp__lists-2 .recruit__jobtypeSp__icon-2, #jobtypeSp-3:checked~.recruit__jobtypeSp__lists-3 .recruit__jobtypeSp__icon-3 {
    transform: rotate(90deg);
    transition-property: all;
    transition-duration: 0.3s;
}

.recruit__jobtypeSp__icon-1, .recruit__jobtypeSp__icon-2, .recruit__jobtypeSp__icon-3 {
    transition-property: all;
    transition-duration: 0.3s;
    margin-right: 5px;
    line-height: inherit;
}

/* #endregion スマホ時 画面サイズ575px以下 */

/* #region PC時 画面サイズ576px以上 */

@media (min-width: 576px) {
    .recruit__jobtypeSp__lists-1, .recruit__jobtypeSp__lists-2, .recruit__jobtypeSp__lists-3 {
        display: none;
    }
    .recruit__jobtypePc__list, .jobtype__items {
        list-style-type: none;
    }
    #jobtypePc-1:checked~.recruit__jobtypePc__lists .recruit__jobtypePc__list .jobtypePc-btn-1, #jobtypePc-2:checked~.recruit__jobtypePc__lists .recruit__jobtypePc__list .jobtypePc-btn-2, #jobtypePc-3:checked~.recruit__jobtypePc__lists .recruit__jobtypePc__list .jobtypePc-btn-3 {
        color: rgb(41, 33, 38);
        background: linear-gradient(to bottom, #ff942a 5px, #dee2e6 0);
    }

    .recruit__jobtypePc__lists {
        display: flex;
    }

    .recruit__jobtypePc__list {
        margin-right: 1px;
    }
    .jobtypePc-btn-1, .jobtypePc-btn-2, .jobtypePc-btn-3 {
        cursor: pointer;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
        background-color: #bdbdbd94;
    }
    .jobtype-1, .jobtype-2, .jobtype-3 {
        display: none;
        box-sizing: border-box;
        background-color: white;
    }
    #jobtypePc-1:checked~.jobtype__wrapper .jobtype-1, #jobtypePc-2:checked~.jobtype__wrapper .jobtype-2, #jobtypePc-3:checked~.jobtype__wrapper .jobtype-3 {
        display: block;
        height: inherit;
    }

    .jobtype__wrapper {
        color: rgb(33, 37, 41);
        background-color: #dee2e6;
        text-shadow: none;
    }
    .jobtypeSp-1, .jobtypeSp-2, .jobtypeSp-3 {
        display: none;
    }

    .jobtype__items:last-child {
        border-bottom: none;
    }

    .jobtype__items {
        border-bottom: 1px solid #dee2e6;
    }

    .jobtype__item {
        border-right: 1px solid #dee2e6;
        font-weight: 700;
    }
}

/* #endregion PC時 画面サイズ576px以上 */

/* #region お問い合わせフォーム */

.contact__messege__phone{
    color: #212529;
}

/* スマホ時のみ、電話番号リンクが表示されるように設定 */
@media (min-width: 751px) {
     .contact__messege__phone{
        pointer-events: none;
        cursor: default;
        text-decoration: none;
    }
}

.contact__policy__checkbox{
    margin-left: 16px;
}

/* #endregion お問い合わせフォーム */

/* #region footer背景画像 */

.footer {
    background-position: 100% bottom;
}


/* #endregion */