@charset "utf-8";


@font-face {
    font-family: 'Noto Sans JP';
    src: url(/font/NotoSansJP-Regular.woff2);
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'Noto Sans JP';
    src: url(/font/NotoSansJP-Medium.woff2);
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: 'Noto Sans JP';
    src: url(/font/NotoSansJP-Bold.woff2);
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: 'Quicksand';
    src: url(/font/Quicksand-Regular.ttf);
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'Zen Maru Gothic';
    src: url(/font/ZenMaruGothic-Bold.woff2);
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: 'Zen Kaku Gothic New';
    src: url(/font/ZenKakuGothicNew-Medium.woff2);
    font-weight: 500;
    font-display: swap;
}

body {
	/*スマホで勝手に文字が大きくなる対策*/
	-webkit-text-size-adjust: 100%;
}

.l-contents *{
	font-family: 'Noto Sans JP', 'Zen Maru Gothic','Quicksand','Zen Kaku Gothic New', sans-serif;
}

/*  共通    */
.l-main{
    width: 100%;
    padding: 0;
    background: #FFF;
    overflow: hidden;
}

.section__inner{
    width: 1140px;
    margin: 0 auto;
}

.section__title--wrap {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 5px;
}

.section__title {
    color: #333;
    text-align: center;
    font-family: "Zen Maru Gothic";
    font-size: 42px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: 2.1px;
}

.more_button--wrap {
    margin-top: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.more_button--wrap a{
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.7;
    border-radius: 99999px;
    background: #E67E22;
    width: 350px;
    height: 60px;
    padding: 14px 69px 15px 40px;
    display: flex;
    align-items: center;
    position: relative;
}
    .more_button--wrap a::after{
        content: "";
        position: absolute;
        top: 9px;
        right: 11px;
        width: 40px;
        height: 40px;
        background: url(/images/company/arrow.webp) no-repeat center / cover;
        border: 1px solid transparent;
    }
        .more_button--wrap a:hover{
            color: #E67E22;
            background: #FFF;
            border: 1px solid #E67E22;
            opacity: 1;
        }
        .more_button--wrap a:hover::after{
            content: "";
            position: absolute;
            top: 9px;
            right: 11px;
            width: 40px;
            height: 40px;
            background: url(/images/company/arrow_on.webp) no-repeat center / cover;
            transition: 0.4s;
            opacity: 1;
        }

/*  メイン画像  */
.page__header {
    margin: 0;
}
.page__headline {
    height: 618px;
}
    .page__headline img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }


/*  代表挨拶    */
.section__wrapper--greeting {
    padding: 10px 0 90px 0;
    position: relative;
    background-image: url(/images/company/deco_greeting_wrap.webp);
    background-size: 1920px 766px;
    background-repeat: no-repeat;
    background-position: center;
}

.section__wrapper--greeting .contents__wrap {
    display: flex;
    justify-content: center;
    gap: 40px;
    position: relative;
    z-index: 1;
    margin-top: 35px;
}

.greeting__txt--wrap {
    width: 690px;
}

.greeting__ttl {
    color: #333;
    font-family: "Zen Maru Gothic";
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.6;
    margin-bottom: 44px;
}

.greeting__ttl--highlight {
    color: #E67E22;
    font-family: "Zen Maru Gothic";
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.6;
}

.greeting__txt--container {
    display: flex;
    flex-direction: column;
    gap: 8px;
    position: relative;
}
    .greeting__txt--container::before{
        content: "";
        position: absolute;
        top: -25px;
        right: 1px;
        width: 690px;
        height: 5px;
        background: url(/images/company/line.webp) no-repeat center / cover;
    }

.greeting__txt {
    color: #333;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.7;
}

.greeting__information--wrap {
    display: flex;
    gap: 19px;
    border-radius: 20px;
    background: #FFFEE2;
    padding: 20px 35px;
    justify-content: center;
    align-items: center;
    margin-top: 18px;
}

.greeting__company-name {
    color: #333;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.7;
}

.greeting__information--container {
    display: flex;
    gap: 12px;
    justify-content: center;
    align-items: center;
}

.greeting__telnumber {
    color: #1DAA59;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0.84px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 3px;
}

.greeting__information {
    color: #7B7878;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.3;
}

.greeting__img-wrap {
    position: relative;
    margin-top: 38px;
}

.greeting__img--deco {
    color: #FFF;
    font-size: 23px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.0;
    border-radius: 10px;
    background: #1B8B4A;
    padding: 23px 30px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    width: fit-content;
    gap: 12px;
    position: absolute;
    bottom: 37px;
    right: 0;
}

.greeting__img--highlight {
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.0;
}


/* クリーン・エステートについて */
.section__wrapper--about {
    padding: 70px 0 163px;
    background: url(/images/company/deco_about_wrap.webp) no-repeat center / cover;
}

.section__wrapper--about .contents__wrap {
    height: 991px;
    position: relative;
}

.catch-txt__about {
    color: #333;
    font-family: "Zen Maru Gothic";
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.0;
    letter-spacing: 1.5px;
    text-align: center;
    margin-top: 36px;
    position: relative;
}
    .catch-txt__about::before{
        content: "";
        position: absolute;
        top: -16px;
        left: 229px;
        width: 36px;
        height: 38px;
        background: url(/images/company/deco_about_04.webp) no-repeat center / cover;
    }
    .catch-txt__about::after{
        content: "";
        position: absolute;
        top: -18px;
        right: 247px;
        width: 36px;
        height: 38px;
        background: url(/images/company/deco_about_03.webp) no-repeat center / cover;
    }

    .catch-txt__about--big{
        color: #1B8B4A;
        font-family: "Zen Maru Gothic";
        font-size: 40px;
        font-style: normal;
        font-weight: 700;
        line-height: 1.0;
        letter-spacing: 2px;
    }
    .catch-txt__about--highlight {
        color: #1B8B4A;
        font-family: "Zen Maru Gothic";
        font-size: 34px;
        font-style: normal;
        font-weight: 700;
        line-height: 1.0;
        letter-spacing: 1.7px;
    }

    .catch-txt__about--mini {
        color: #1B8B4A;
        font-family: "Zen Maru Gothic";
        font-size: 30px;
        font-style: normal;
        font-weight: 700;
        line-height: 1.0;
        letter-spacing: 1.5px;
    }

.about__list {
    counter-reset: count;/*カウンタ名を指定*/
}

.about__item {
    border-radius: 20px;
    border: 2px solid #FFC592;
    background: #FFF;
    padding: 40px 38px 38px 38px;
    position: absolute;
}
    .about__item:first-child{
        width: 553px;
        top: 74px;
    }
    .about__item:nth-child(2){
        width: 550px;
        top: 124px;
        right: 6px;
    }
    .about__item:nth-child(3){
        width: 480px;
        bottom: -54px;
        left: 75px;
        padding: 59px 38px 36px 38px;
    }
        .about__item:nth-child(3) .about__ttl::before{
            top: -120px;
            left: -1px;
        }
        .about__item:nth-child(3) .about__ttl::after{
            top: -17px;
        }
        .about__item:nth-child(3) .about__img{
            margin-bottom: 22px;
        }
        .about__item:nth-child(3) .about__top{
            margin-bottom: 28px;
        }
    .about__item:last-child{
        width: 470px;
        bottom: -74px;
        right: 86px;
        padding: 38px 0 38px 38px;
    }
        .about__item:last-child .about__top{
            padding-right: 28px;
            margin-bottom: 26px;
        }
        .about__item:last-child .about__ttl{
            padding-bottom: 19px;
        }
        .about__item:last-child .about__ttl::before{
            top: -120px;
            left: -1px;
        }
        .about__item:last-child .about__ttl::after{
            top: -17px;
            left: 3px;
        }
        .about__item:last-child .about__img{
            margin-bottom: 2px;
        }
        .about__item:last-child .about__txt--wrap{
            padding-right: 32px;
        }
.about__top {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
    align-items: end;
}

.about__ttl {
    color: #E67E22;
    font-family: "Zen Maru Gothic";
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.6;
    position: relative;
    display: flex;
    flex-direction: column;
}
    .about__ttl::before{
        content: "0" counter(count);/* カウンタ値と文字列を挿入 */
        counter-increment: count;/* カウンタをインクリメント */
        color: #FFC592;
        font-family: "Quicksand";
        font-size: 90px;
        font-style: normal;
        font-weight: 400;
        line-height: 1.0;
        position: absolute;
        top: -117px;
        left: 2px;
    }
    .about__ttl::after{
        content: "";
        position: absolute;
        top: -13px;
        left: 3px;
        width: 30px;
        height: 2px;
        border-radius: 9999px;
        background: #FFC592;
    }

.about__img {
    width: 236px;
    height: 177px;
    position: relative;
}
    .about__img img{
        z-index: 1;
        position: relative;
    }
    .about__img::before{
        content: "";
        position: absolute;
        top: -21px;
        right: 73px;
        width: 167px;
        height: 167px;
        border-radius: 50%;
        background: #FFF2E6;
        z-index: 0;
    }
        .about__item:nth-child(3) .about__img::before{
            top: -43px;
            right: 52px;
        }

.about__txt {
    color: #333;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.7;
}

.about__button {
    margin-top: 12px;
    display: flex;
    justify-content: center;
}
    .about__button a{
        color: #FFF;
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: 1.7;
        border-radius: 99999px;
        background: #E67E22;
        width: 410px;
        height: 60px;
        padding: 14px 0 15px 38px;
        position: relative;
    }
    .about__button a:hover{
        color: #E67E22;
        background: #FFF;
        border: 1px solid #E67E22;
        opacity: 1;
    }
        .about__button a::after{
            content: "";
            position: absolute;
            top: 10px;
            right: 10px;
            width: 40px;
            height: 40px;
            background: url(/images/company/arrow.webp) no-repeat center / cover;
        }
        .about__button a:hover:after{
            content: "";
            position: absolute;
            top: 10px;
            right: 10px;
            width: 40px;
            height: 40px;
            background: url(/images/company/arrow_on.webp) no-repeat center / cover;
            transition: 0.4s;
        }


/*  お客様の声  */
.section__wrapper--customer {
    padding: 70px 0 90px;
    background-image: url(/images/company/deco_customer_wrap.webp);
    background-size: 1920px 992px;
    background-repeat: no-repeat;
    background-position: center;
}

.section__wrapper--customer .section__inner {
    width: 100%;
    position: relative;
}


.js-customerSwiper {
    margin-top: 36px;
    padding-bottom: 72px;
}

.customer__list {
    display: flex;
    align-items: center;
}

.customer__item {
    padding: 40px;
    border-radius: 20px;
    background: #FFFEE2;
    width: 1080px;
}

.customer__top {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 29px;
}

.customer__img {
    width: 140px;
    height: 140px;
    aspect-ratio: 1/1;
}

.customer__type {
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.7;
    border-radius: 5px;
    background: #DDB895;
    padding: 4px 20px;
    width: fit-content;
    display: flex;
    margin-bottom: 10px;
}

.customer-comment {
    color: #7B7878;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.7;
    height: 135px;
}

.customer__bottom {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-top: 30px;
}

.manager-comment__wrap {
    width: 744px;
    height: 236px;
    padding: 30px;
    border-radius: 10px;
    background: #FFF;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.manager__name {
    color: #333;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.7;
    display: flex;
    align-items: center;
    gap: 12px;
}

.manager {
    color: #FFF;
    font-family: "Zen Kaku Gothic New";
    font-size: 14.773px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.5;
    height: 30px;
    width: fit-content;
    border-radius: 5px;
    background: #90C2A5;
    padding: 0 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.manager-comment {
    color: #7B7878;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.7;
}
.manager__img--wrap {
    width: 246px;
    height: 236px;
    position: relative;
}
    .manager__img--wrap::before{
        content: "";
        position: absolute;
        top: -16px;
        left: -30px;
        width: 92px;
        height: 92px;
        background: url(/images/company/comment.webp) no-repeat center / cover;
        z-index: 1;
    }

.manager__img--wrap a{
    position: relative;
    width: 246px;
    height: 236px;
    display: flex;
}
    .manager__img--wrap a:hover{
        opacity: 1;
    }

.customer__link--manager {
    position: absolute;
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.7;
    border-radius: 99999px 0 0 99999px;
    background: #1B8B4A;
    width: fit-content;
    height: 50px;
    padding: 14px 47px 15px 30px;
    display: flex;
    align-items: center;
    bottom: 15px;
    right: 0;
    border: 1px solid transparent;
}
    .manager__img--wrap a::after{
        content: "";
        position: absolute;
        bottom: 35px;
        right: 24px;
        width: 7px;
        height: 10px;
        background: url(/images/company/customer_arrow.webp) no-repeat center / cover;
    }
    .manager__img--wrap a:hover::after{
        content: "";
        position: absolute;
        bottom: 35px;
        right: 24px;
        width: 7px;
        height: 10px;
        background: url(/images/company/customer_arrow_on.webp) no-repeat center / cover;
        transition: 0.4s;
    }

    .manager__img--wrap a:hover .customer__link--manager{
        color: #1B8B4A;
        background: #FFF;
        border: 1px solid #1B8B4A;
        border-right: none; 
        transition: 0.4s;
    }

.section__wrapper--customer .more_button--wrap a{
    padding: 12px 69px 15px 60px;
    position: relative;
}

.section__wrapper--customer .more_button--wrap a::before{
    content: "";
    position: absolute;
    bottom: -151px;
    right: -393px;
    width: 178px;
    height: 178px;
    background: url(/images/company/deco_customer_04.webp) no-repeat center / cover;
    }

/* スライダー共通　*/
.swiper-button-next,
.swiper-button-prev{
    top: auto;
    width: auto;
    height: auto;
    bottom: 1px;
}
    .section__wrapper--customer .swiper-button-next{
        right: 0;
        left: 123px;
    }
    .section__wrapper--customer .swiper-button-prev{
        left: 0;
        right: 128px;
    }
    .swiper-button-prev:after{
        content: "";
        width: 44px;
        height: 44px;
        background: url(/images/company/arrow_01.webp) no-repeat center / cover;
    }
        .swiper-button-prev:hover:after{
            content: "";
            width: 44px;
            height: 44px;
            background: url(/images/company/arrow_01_on.webp) no-repeat center / cover;
        }
    .swiper-button-next:after{
        content: "";
        width: 44px;
        height: 44px;
        background: url(/images/company/arrow_02.webp) no-repeat center / cover;
        transition: 0.4s;
    }
        .swiper-button-next:hover:after{
            content: "";
            width: 44px;
            height: 44px;
            background: url(/images/company/arrow_02_on.webp) no-repeat center / cover;
            transition: 0.4s;
        }

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom, .swiper-pagination-fraction{
    bottom: 18px;
}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{
    margin: 0 5px;
}

.swiper-pagination-bullet{
    width: 10px;
    height: 10px;
    aspect-ratio: 1/1;
    opacity: 1;
    background: #CCC;
}

.swiper-pagination-bullet-active{
    background: #E67E22;
    opacity: 1;
}


/*  会社概要    */
.section__wrapper--company {
    padding: 70px 0 150px;
    background-image: url(/images/company/deco_company_wrap.webp);
    background-color: #FFF2E6;
    background-size: 1920px 1158px;
    background-repeat: no-repeat;
    background-position: center;
}

.section__wrapper--company .contents__wrap {
    margin-top: 36px;
    position: relative;
}
    .section__wrapper--company .contents__wrap::before{
        content: "";
        position: absolute;
        top: -149px;
        right: 183px;
        width: 160px;
        height: 148px;
        background: url(/images/company/illust_company_01.webp) no-repeat center / cover;
    }

.company-photo {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 21px;
    margin-bottom: 36px;
}

.company-photo__items{
    width: 366px;
    height: 244px;
    border-radius: 20px;
    overflow: hidden;
}
    .company-photo__items img{
        border-radius: 20px;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }

.company__summary {
    display: flex;
    justify-content: center;
    gap: 60px;
}
.company__summary--left,
.company__summary--right{
    width: 540px;
}

.company__list {
    display: flex;
    gap: 30px;
    width: 540px;
    border-bottom: 1px solid #EAEAEA;
    padding-block: 12px;
}
    .company__list:first-child{
        padding-top: 0;
    }

.company__ttl {
    color: #333;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.7;
    width: 112px;
    display: flex;
}

.company__text {
    color: #7B7878;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.7;
    width: 398px;
    word-break: normal;
}
    .company__text a{
        color: #7B7878;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 1.7;
        width: 398px;
        display: flex;
    }

/* お問い合わせ */
.section__wrapper--contact {
    padding: 70px 0 95px;
    background: url(/images/company/bg_contact.webp) no-repeat center / cover;
}

.section__wrapper--contact .contents__wrap {
    margin-top: 30px;
}

.contact__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 20px;
}

.contact__item {
    border-radius: 20px;
    background: #FFF;
    padding: 25px 26px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    width: 560px;
}

.contact__img {
    width: 190px;
    height: 130px;
}

.contact__txt--wrap {
    width: 296px;
}

.contact__ttl {
    color: #333;
    font-family: "Zen Maru Gothic";
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.6;
}

.contact__telnumber {
    color: #333;
    text-align: center;
    font-size: 34px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.0;
    letter-spacing: 1.02px;
    margin-top: 9px;
    display: flex;
    align-items: center;
    gap: 7px;
}

.contact__information--wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 0 12px;
    margin-top: 5px;
}

.contact__information {
    color: #7B7878;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.3;
}

[class*="contact__btn--"]{
    margin-top: 12px;
}

.contact__btn--reservation a,
.contact__btn--mail a,
.contact__btn--line a{
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.7;
    width: 296px;
    height: 60px;
    padding: 14px 0 15px 70px;
    display: flex;
    align-items: center;
    border-radius: 99999px;
    position: relative;
    border: 1px solid transparent;
}

    .contact__btn--reservation a{
        background: #1B8B4A;
    }
        .contact__btn--reservation a::after{
            content: "";
            position: absolute;
            top: 9px;
            right: 11px;
            width: 40px;
            height: 40px;
            background: url(/images/company/contact_arrow01.webp) no-repeat center / cover;
        }

    .contact__btn--mail a{
        background: #E67E22;
    }
        .contact__btn--mail a::after{
            content: "";
            position: absolute;
            top: 9px;
            right: 11px;
            width: 40px;
            height: 40px;
            background: url(/images/company/arrow.webp) no-repeat center / cover;
        }

    .contact__btn--line a{
        background: #06C755;
    }
        .contact__btn--line a::after{
            content: "";
            position: absolute;
            top: 9px;
            right: 11px;
            width: 40px;
            height: 40px;
            background: url(/images/company/contact_arrow02.webp) no-repeat center / cover;
        }
    
    .contact__btn--reservation a:hover,
    .contact__btn--mail a:hover,
    .contact__btn--line a:hover{
        opacity: 1;
        background: #FFF;
    }
        .contact__btn--reservation a:hover{
            color: #1B8B4A;
            border: 1px solid #1B8B4A;
        }
            .contact__btn--reservation a:hover:after{
                content: "";
                position: absolute;
                top: 9px;
                right: 11px;
                width: 40px;
                height: 40px;
                background: url(/images/company/contact_arrow01_on.webp) no-repeat center / cover;
                transition: 0.4s;
            }

        .contact__btn--mail a:hover{
            color: #E67E22;
            border: 1px solid #E67E22;
        }
            .contact__btn--mail a:hover::after{
                content: "";
                position: absolute;
                top: 9px;
                right: 11px;
                width: 40px;
                height: 40px;
                background: url(/images/company/arrow_on.webp) no-repeat center / cover;
                transition: 0.4s;
            }

        .contact__btn--line a:hover{
            color: #06C755;
            border: 1px solid #06C755;
        }
            .contact__btn--line a:hover::after{
                content: "";
                position: absolute;
                top: 9px;
                right: 11px;
                width: 40px;
                height: 40px;
                background: url(/images/company/contact_arrow02_on.webp) no-repeat center / cover;
                transition: 0.4s;
            }

/* スタッフ紹介 */
.section__wrapper--staff {
    padding: 63px 0 90px;
    background-image: url(/images/company/deco_staff_wrap.webp);
    background-size: 1920px 821px;
    background-repeat: no-repeat;
    background-position: center; 
}

.section__wrapper--staff .section__inner {
    width: 100%;
}

.js-staffSwiper {
    margin-top: 36px;
    padding-bottom: 70px;
}

.staff-list {
    display: flex;

}

.js-staffSwiper.is-staff-static {
    padding-bottom: 0;
}

.js-staffSwiper.is-staff-static .staff-list {
    justify-content: center;
    gap: 35px;
}
.staff__item {
    width: 358px;
    height: 386px;
}

.staff__img{
    width: 358px;
    height: 238px;
    margin-bottom: 12px;
}
    .staff__img img{
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        border-radius: 20px;
    }

.staff__name {
    color: #333;
    font-family: "Zen Maru Gothic";
    font-size: 19px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.6;
    text-align: center;
    margin-bottom: 12px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.staff__information{
    display: flex;
    flex-direction: column;
    gap: 5px;
}

[class*="staff__txt"] {
    color: #7B7878;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.7;
    overflow: hidden;
    text-overflow: ellipsis;
    display: flex;
    gap: 8px;
}
    .staff__txt--license{
        white-space: nowrap;
        width: 270px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
    }
    .staff__txt--comment{
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        width: 270px;
    }

.staff__license,
.staff__comment{
    color: #FFF;
    font-family: "Zen Kaku Gothic New";
    font-size: 14.773px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.5;
    width: 80px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
}
    .staff__license {
        background: #DDB895;
    }
    .staff__comment {
        background: #90C2A5;
    }

.section__wrapper--staff .more_button--wrap a{
    padding: 14px 69px 17px 52px;
}

    .section__wrapper--staff .swiper-button-next{
        right: 0;
        left: 264px;
    }
    .section__wrapper--staff .swiper-button-prev{
        left: 0;
        right: 270px;
    }

/* アクセス */
.section__wrapper--access {
    padding: 90px 0 90px;
    background-image: url(/images/company/deco_access_wrap.webp);
    background-color: #FFF2E6;
    background-size: 1920px 669px;
    background-repeat: no-repeat;
    background-position: bottom;
}
.section__wrapper--access .section__inner {
    position: relative;
}
    .section__wrapper--access .section__inner::before{
        content: "";
        position: absolute;
        top: -196px;
        right: -283px;
        width: 250px;
        height: 243px;
        background: url(/images/company/deco_staff_01.webp) no-repeat center / cover;
    }

.section__wrapper--access .contents__wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 54px;
}
.access__left {
    display: flex;
    flex-direction: column;
    gap: 253px;
}
.section__wrapper--access .more_button--wrap{
    position: relative;
}
    .section__wrapper--access .more_button--wrap::before{
        content: "";
        position: absolute;
        top: -239px;
        left: 74px;
        width: 204px;
        height: 252px;
        background: url(/images/company/illust_02.webp) no-repeat center / cover;
    }

.section__wrapper--access .more_button--wrap a{
    padding: 14px 69px 15px 76px;
}

.access__right iframe{
    border-radius: 20px;
}