.main-v {
    position: relative;
    height: 100vh;
    width: 100%;
    overflow: hidden;
}

@media (max-width: 750px) {
    .main-v {
        width: 100%;
        height: calc(100vw * 1332 / 750);
    }
}

.main-v .main-v__video{
    position: absolute;
    top: 0;
    display:block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    background-color: transparent;
    transform: translateZ(0) scale(1.005);
}


/*-----news タイトル-----*/
/*-----news タイトル-----*/


.pickup {
    display: flex;
    align-items: center;
    gap: 48px;
    margin: 0 auto;
    width: 750px;
    height: 100px;
    /* border-bottom: 1px solid #e2e2e2; */
    line-height: 1 !important;
    font-size: 16px;
    letter-spacing: 0.05em;
    font-weight: 600;
    position: relative;
    z-index: 1;
}

@media (max-width: 1000px) {
    .pickup {
        gap: calc(100vw * 48 / 1440);
        width: calc(100vw * 750 / 1440);
        height: calc(100vw * 100 / 1440);
        font-size: calc(100vw * 16 / 1440);
    }
}

@media (max-width: 750px) {
    .pickup {
        display: flex;
        justify-content: center;
        flex-direction: column;
        gap: calc(100vw * 29 / 750);
        width: calc(100vw * 670 / 750);
        font-size: calc(100vw * 28 / 750);
        height: calc(100vw * 230 / 750);
    }
}

.pickup__label {
    color: #000000;
    white-space: nowrap;
}

@media (max-width: 750px) {
    .pickup__label {
        width: 100%;
        text-align: left;
    }
}

.pickup__list {
    /* margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: min(calc(100vw * 16 / 1440), 16px); */
    width: 100%;
}

/* @media (max-width: 750px) {
    .pickup__list {
        margin-top: 7px;
        letter-spacing: 0.04em;
    }
} */

/* @media (max-width: 750px) {
    .pickup__list {
        display: block;
        flex-direction: initial;
        gap: initial;
    }
} */

.pickup__item {
    /* list-style: none; */
    /* line-height: 1.8 !important;
    letter-spacing: 0.05em;
    font-size: min(calc(100vw * 16 / 1440), 16px);
    font-weight: 600; */
}

.pickup__item a {
    display: inline-flex;
    gap: 11px;
    align-items: baseline;
    color: #0056b3;
    width: 100%;
    opacity: 1;
    transition: opacity .6s ease;
}

@media (max-width: 1000px) {
    .pickup__item a {
        gap: calc(100vw * 11 / 1440);
    }
}

@media (max-width: 750px) {
    .pickup__item a {
        gap: calc(100vw * 27 / 750);
    }
}

@media (hover: hover) and (pointer: fine) {
    .pickup__item a:hover {
        opacity: .6;
    }
}

.pickup__headline--pc {
    display: block;
}

.pickup__headline--sp {
    display: none;
}

@media (max-width: 750px) {
    .pickup__headline--pc {
        display: none;
    }

    .pickup__headline--sp {
        display: block;
        line-height: 1.429 !important;
    }
}

/* @media (max-width: 750px) {
    .pickup__item a {
        gap: calc(100vw * 33 / 750);
        padding-top: calc(100vw * 25 / 750);
    }
} */

.pickup-message {
    /* background-image: url("../img/azabudai.jpg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat; */
    height: 1020px;
    width: 100%;
    position: relative;
    overflow: hidden;
    z-index: 0;
}

@media (max-width: 1000px) {
    .pickup-message {
        height: calc(100vw * 1020 / 1440);
    }
}

@media (max-width: 750px) {
    .pickup-message {
        height: calc(100vw * 1705 / 750);
    }
}

.bg-img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 0;
    object-position: top;
    object-fit: cover;
    will-change: transform;
    transform: translate3d(0, 0, 0);
}

.parallax-item-pc {
    display: block;
}

.parallax-item-sp {
    display: none;
}


@media (max-width: 750px) {
    .parallax-item-pc {
        display: none;
    }
    .parallax-item-sp {
        display: block;
    }
}

/* @media (max-width: 750px) {
    .pickup-message {
        background-image: url("../img/azabudai-sp.jpg");
        height: calc(100vw * 1712 / 750);
    }
} */

.message {
    /* position: absolute;
    left: 220px;
    bottom: 90px; */
    position: relative;
    width: 1000px;
    z-index: 1;
    margin: 0 auto;
    padding-top: 160px;
}

@media (max-width: 1000px) {
    .message {
        width: calc(100vw * 1000 / 1440);
        padding-top: calc(100vw * 160 / 1440);
    }
}

@media (max-width: 750px) {
    .message {
        width: calc(100vw * 670 / 750);
        padding-top: calc(100vw * 140 / 750)
    }
}

/* @media (max-width: 750px) {
    .message {
        width: calc(100vw * 670 / 750);
        padding-top: calc(100vw * 82 / 750);
    }
} */

.message__title {
    font-size: 32px;
    line-height: 1.8 !important;
    
    letter-spacing: 0.06em;
    margin-bottom: 45px;
    display: inline-block;
    color: #ffffff;
}

@media (max-width: 1000px) {
    .message__title {
        font-size: calc(100vw * 32 / 1440);
        margin-bottom: calc(100vw * 45 / 1440);
    }
}

@media (max-width: 750px) {
    .message__title {
        font-size: calc(100vw * 40 / 750);
        margin-bottom: calc(100vw * 38 / 750);
        transform: translateX(calc(100vw * -3 / 750));
        letter-spacing: 0.055em;
    }
}

.message__text {
    font-size: 18px;
    line-height: 2.222 !important;
    width: fit-content;
    
    letter-spacing: 0.05em;
    color: #ffffff;
}

@media (max-width: 1000px) {
    .message__text {
        font-size: calc(100vw * 18 / 1440);
    }
}

@media (max-width: 750px) {
    .message__text {
        font-size: calc(100vw * 28 / 750);
        line-height: 2.143 !important;
        letter-spacing: 0.045em;
        transform: translateX(calc(100vw * -1 / 750));
    }
}

.message__text .sp-br {
    display: none;
}

@media (max-width: 750px) {
    .message__text .sp-br {
        display: block;
    }
}


/*-----news grid-----*/
/*-----news grid-----*/

.news {
    width: 100%;
    height: auto;
}

/* @media (max-width: 1000px) {
    .news {
        height: calc(100vw * 938 / 1440);
    }
}

@media (max-width: 750px) {
    .news {
        height: calc(100vw * 1494 / 750);
    }
} */

.news__container {
    width: 1000px;
    height: 100%;
    margin: 0 auto;
    padding: 78px 0 89px;
}

@media (max-width: 1000px) {
    .news__container {
        width: calc(100vw * 1000 / 1440);
        padding: calc(100vw * 78 / 1440) 0 calc(100vw * 89 / 1440);
    }
}

@media (max-width: 750px) {
    .news__container {
        width: calc(100vw * 670 / 750);
        padding: calc(100vw * 38 / 750) 0 calc(100vw * 107 / 750);
    }
}

.news__title {
    font-size: 60px;
    font-family: "oswald", sans-serif;
    font-weight: 700;
    font-style: normal;
    line-height: 1 !important;
    margin-bottom: 40px;
    display: inline-block;
    transform: translateX(-3px);
}

@media (max-width: 1000px) {
    .news__title {
        font-size: calc(100vw * 60 / 1440);
        margin-bottom: calc(100vw * 40 / 1440);
        transform: translateX(calc(100vw * -3 / 1440));
    }
}

@media (max-width: 750px) {
    .news__title {
        font-size: calc(100vw * 80 / 750);
        margin-bottom: calc(100vw * 60 / 750);
        transform: translateX(calc(100vw * -10 / 1440));
        letter-spacing: 0.05em;
    }
}

.news__inner {
    margin: 0 auto;
    text-align: center;
}

.news__grid {
    display: grid;
    grid-template-columns: 300px 300px 300px;
    row-gap: 53.5px;
    column-gap: 48px;
    margin-bottom: 42px;
}

@media (max-width: 1000px) {
    .news__grid {
        grid-template-columns: calc(100vw * 300 / 1440) calc(100vw * 300 / 1440) calc(100vw * 300 / 1440);
        row-gap: calc(100vw * 53.5 / 1440);
        column-gap: calc(100vw * 48 / 1440);
        margin-bottom: calc(100vw * 42 / 1440);
    }
}

@media (max-width: 750px) {
    .news__grid {
        grid-template-columns: calc(100vw * 320 / 750) calc(100vw * 320 / 750);
        row-gap: calc(100vw * 28 / 750);
        column-gap: calc(100vw * 30 / 750);
        margin-bottom: calc(100vw * 62 / 750);
    }
}

/* @media (max-width: 960px) {
    .home-news__grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 600px) {
    .home-news__grid {
        grid-template-columns: 1fr;
    }
} */

.news__item {
    background: #fff;
    position: relative;
    overflow: visible;
    transition: opacity .2s ease;
}

.news__item::before {
    content: "";
    position: absolute;
    top: 4px;
    right: -4px;
    bottom: -4px;
    width: 4px;
    background: #d1d3d7;
    z-index: -1;
}

@media (max-width: 1000px) {
    .news__item::before {
        top: calc(100vw * 4 / 1440);
        right: calc(100vw * -4 / 1440);
        bottom: calc(100vw * -4 / 1440);
        width: calc(100vw * 4 / 1440);
    }
}

@media (max-width: 750px) {
    .news__item::before {
        top: calc(100vw * 6 / 750);
        right: calc(100vw * -6 / 750);
        bottom: calc(100vw * -6 / 750);
        width: calc(100vw * 6 / 750);
    }
}

.news__item::after {
    content: "";
    position: absolute;
    left: 0px;
    width: 300px;
    bottom: -4px;
    height: 4px;
    background: #d1d3d7;
    z-index: -1;
}

@media (max-width: 1000px) {
    .news__item::after {
        width: calc(100vw * 300 / 1440);
        bottom: calc(100vw * -4 / 1440);
        height: calc(100vw * 4 / 1440);
    }
}

@media (max-width: 750px) {
    .news__item::after {
        width: calc(100vw * 320 / 750);
        bottom: calc(100vw * -6 / 750);
        height: calc(100vw * 6 / 750);
    }
}

@media (hover: hover) and (pointer: fine) {
    .news__item:hover {
        opacity: .8;
    }
}

.news__thumb {
    height: 158px;
    width: 100%;
    background: #eef7fc;
    overflow: hidden;
}

@media (max-width: 1000px) {
    .news__thumb {
        height: calc(100vw * 158 / 1440);
    }
}

@media (max-width: 750px) {
    .news__thumb {
        height: calc(100vw * 168 / 750);
    }
}

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

.news__meta {
    width: 100%;
    height: 131px;
    padding: 6px 18px;
}

@media (max-width: 1000px) {
    .news__meta {
        height: calc(100vw * 131 / 1440);
        padding: calc(100vw * 6 / 1440) calc(100vw * 18 / 1440);
    }
}

@media (max-width: 750px) {
    .news__meta {
        height: calc(100vw * 193 / 750);
        padding: calc(100vw * 21 / 750) calc(100vw * 19 / 750);;
    }
}

.news__date {
    display: block;
    font-size: 13px;
    color: #000;
    line-height: 2.3 !important;
    letter-spacing: 0.05em;
    width: fit-content;
}

@media (max-width: 1000px) {
    .news__date {
        font-size: calc(100vw * 13 / 1440);
    }
}

@media (max-width: 750px) {
    .news__date {
        font-size: calc(100vw * 24 / 750);
        line-height: 1 !important;
        margin-bottom: calc(100vw * 6 / 750);
    }
}

.news__headline {
    transform: translateY(-1px);
    width: 258.46px;
    font-size: 16px;
    line-height: 1.875 !important;
    letter-spacing: 0.05em;
    
    text-align: left;
}

@media (max-width: 1000px) {
    .news__headline {
        width: calc(100vw * 258.46 / 1440);
        font-size: calc(100vw * 16 / 1440);
    }
}

@media (max-width: 750px) {
    .news__headline {
        letter-spacing: 0.04em;
        transform: initial;
        width: 100%;
        font-size: calc(100vw * 28 / 750);
        line-height: 1.429 !important;
        
    }
}

.news__headline--pc {
    display: block;
}

.news__headline--sp {
    display: none;
}

@media (max-width: 750px) {
    .news__headline--pc {
        display: none;
    }

    .news__headline--sp {
        display: block;
    }
}


/* .news__more {
    text-align: center;
} */

.news__inner .btn.btn--more {
    display: inline-block;
    width: 240px;
    height: 60px;
    line-height: 60px;
    background-color: rgba(229, 238, 242, 1);
    border: 1px solid rgba(229, 238, 242, 1);
    color: #000;
    text-align: center;
    letter-spacing: 0.05em;
    font-size: 16px;
    transition: .6s ease;
}

@media (max-width: 1000px) {
    .news__inner .btn.btn--more {
        width: calc(100vw * 240 / 1440);
        height: calc(100vw * 60 / 1440);
        line-height: calc(100vw * 60 / 1440);
        font-size: calc(100vw * 16 / 1440);
    }
}

@media (max-width: 750px) {
    .news__inner .btn.btn--more {
        width: calc(100vw * 480 / 750);
        height: calc(100vw * 120 / 750);
        line-height: calc(100vw * 120 / 750);
        font-size: calc(100vw * 28 / 750);
    }
}

@media (hover: hover) and (pointer: fine) {
    .news__inner .btn.btn--more:hover {
        background-color: rgba(229, 238, 242, 0);
    }
}



/*-----BRAND-----*/
/*-----BRAND-----*/

.brand {
    overflow: hidden;
    width: 100%;
    height: 578px;
    background-image: url("../img/brand-bg.png");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

@media (max-width: 1000px) {
    .brand {
        height: calc(100vw * 578 / 1440);
    }
}

@media (max-width: 750px) {
    .brand {
        height: calc(100vw * 633 / 750);
        background-image: url("../img/brand-bg-sp.png");
    }
}

.brand__container {
    width: 1000px;
    height: 100%;
    margin: 0 auto;
    padding: 67px 0 0;
    position: relative;
}

@media (max-width: 1000px) {
    .brand__container {
        width: calc(100vw * 1000 / 1440);
        padding: calc(100vw * 67 / 1440) 0 0;
    }
}

@media (max-width: 750px) {
    .brand__container {
        width: calc(100vw * 670 / 750);
        padding: calc(100vw * 51 / 750) 0 0;
    }
}

.brand__title {
    transform: translateX(-3px);
    font-size: 60px;
    font-family: "oswald", sans-serif;
    font-weight: 700;
    font-style: normal;
    line-height: 1 !important;
    margin-bottom: 40.5px;
    display: inline-block;
}

@media (max-width: 1000px) {
    .brand__title {
        transform: translateX(calc(100vw * -3 / 1440));
        font-size: calc(100vw * 60 / 1440);
        margin-bottom: calc(100vw * 40.5 / 1440);
    }
}

@media (max-width: 750px) {
    .brand__title {
        font-size: calc(100vw * 80 / 750);
        margin-bottom: calc(100vw * 77 / 750);
        transform: translateX(calc(100vw * -3.5 / 750));
    }
}

.brand__inner {
    /* width: 100vw;
    margin: 0 calc(50% - 50vw); */
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

@media (max-width: 1000px) {
    .brand__inner {
        width: 100vw;
        margin: 0 calc(50% - 50vw);
        position: initial;
        left: initial;
        transform: initial;
    }
}

.brand-swiper {
    width: 1440px;
    height: 342px;
    overflow: hidden !important;
    position: relative;
}

@media (max-width: 1000px) {
    .brand-swiper {
        width: 100%;
        height: auto;
        /* height: calc(100vw * 342 / 1440); */
        overflow: visible !important;
    }
}

/* @media (max-width: 1440px) {
    .brand-swiper {
        width: 100%;
    }
} */

/* .brand-swiper-wrapper {
    width: 572px !important; */
    /* width: min(calc(100vw * 572 / 1440), 572px) !important; */
/* } */


/* @media (max-width: 750px) {
    .brand-swiper-wrapper {
        width: calc(100vw * 572 / 750) !important;
    }
} */

.brand-swiper-slide {
    inline-size: 572px !important;
    height: 320px !important;
    opacity: 0.4;
    transition: .5s ease-in;
    text-align: center;
    position: relative;
}

@media (max-width: 1000px) {
    .brand-swiper-slide {
        inline-size: calc(100vw * 572 / 1440) !important;
        height: auto !important;
    }
}

@media (max-width: 750px) {
    .brand-swiper-slide {
        inline-size: calc(100vw * 572 / 750) !important;
    }
}

.brand-swiper-slide.swiper-slide-active {
    opacity: 1;
}

.brand-slide img {
    /* margin-bottom: 17.6px; */
}

@media (max-width: 1000px) {
    .brand-slide img {
        /* margin-bottom: calc(100vw * 17.6 / 1440); */
    }
}

@media (max-width: 750px) {
    .brand-slide img {
        /* margin-bottom: 0; */
    }
}

.brand-swiper-slide p {
    opacity: 0;
    line-height: 1.5 !important;
    font-size: 20px;
    display: inline-block;
    letter-spacing: 0.05em;
    position: absolute;
    bottom: -28px;
    left: 50%;
    white-space: nowrap;

    /* 安定化 */
    transform: translate3d(-50%, 6px, 0);
    /* ちょい下から */
    will-change: transform, opacity;
    backface-visibility: hidden;
    -webkit-font-smoothing: antialiased;

    transition: opacity .35s ease, transform .35s ease;
}

@media (max-width: 1000px) {
    .brand-swiper-slide p {
        font-size: calc(100vw * 20 / 1440);
        bottom: calc(100vw * -42 / 1440);;
    }
}


@media (max-width: 750px) {
    .brand-swiper-slide p {
        font-size: calc(100vw * 32 / 750);
        letter-spacing: 0.04em;
        bottom: calc(100vw * -59 / 750);
    }
}

.brand-swiper-slide.swiper-slide-active p {
    opacity: 1;
    transform: translate3d(-50%, 0, 0);
}

.brand-swiper-button-prev,
.brand-swiper-button-next {
    position: absolute;
    width: 75px !important;
    height: 75px !important;
    border-radius: 50%;
    background-color: #b6c8cf;
    top: 112px !important;
    /* transform: translateY(-50%) !important; */
    margin-top: 0 !important;
    opacity: .8;
}

@media (max-width: 1000px) {
    .brand-swiper-button-prev,
    .brand-swiper-button-next {
        top: 50% !important;
        transform: translateY(-50%) !important;
        width: calc(100vw * 75 / 1440) !important;
        height: calc(100vw * 75 / 1440) !important;
    }
}

@media (max-width: 750px) {
    .brand-swiper-button-prev,
    .brand-swiper-button-next {
        position: absolute;
        width: calc(100vw * 105 / 750) !important;
        height: calc(100vw * 105 / 750) !important;
    }
}

.brand-swiper-button-prev {
    left: 380px !important;
}
.brand-swiper-button-next {
    right: 380px !important;
}

@media (max-width: 1000px) {
    .brand-swiper-button-prev {
        left: calc(100vw * 380 / 1440) !important;
    }
    .brand-swiper-button-next {
        right: calc(100vw * 380 / 1440) !important;
    }
}

@media (max-width: 750px) {
    .brand-swiper-button-prev {
        left: calc(100vw * 10 / 750) !important;
    }
    .brand-swiper-button-next {
        right: calc(100vw * 10 / 750) !important;
    }
}

.brand-swiper-button-next:after,
.brand-swiper-button-prev:after {
    color: #fff;
    font-size: 40px !important;
    /* font-size: min(calc(100vw * 40 / 1440), 40px) !important; */
}

@media (max-width: 1000px) {
    .brand-swiper-button-next:after,
    .brand-swiper-button-prev:after {
        font-size: calc(100vw * 40 / 1440) !important;
    }
}

@media (max-width: 750px) {
    .brand-swiper-button-next:after,
    .brand-swiper-button-prev:after {
        font-size: calc(100vw * 53 / 750) !important;
    }
}




/*----SERVICE------*/
/*----SERVICE------*/

.service {
    width: 100%;
    height: 520px;
    /* height: min(calc(100vw * 520 / 1440), 520px); */
    /* padding: 87px 0 133px; */
    /* position: relative; */
    overflow: hidden;
}

@media (max-width: 1000px) {
    .service {
        height: calc(100vw * 520 / 1440);
    }
}

@media (max-width: 750px) {
    .service {
        height: calc(100vw * 711 / 750);
    }
}

.service-frame {
    width: 1440px;
    height: 100%;
    margin: 0 auto;
    position: relative;
}

@media (max-width: 1440px) {
    .service-frame {
        left: 50%;
        transform: translateX(-50%);
    }
}

@media (max-width: 1000px) {
    .service-frame {
        width: 100%;
        left: initial;
        transform: initial;
    }
}

.service__container {
    width: 1000px;
    height: 100%;
    margin: 0 auto;
    padding-top: 194.5px;
}

@media (max-width: 1000px) {
    .service__container {
        width: calc(100vw * 1000 / 1440);
        /* height: calc(100vw * 520 / 1440); */
        padding-top: calc(100vw * 194.5 / 1440);
    }
}

@media (max-width: 750px) {
    .service__container {
        padding-top: calc(100vw * 88.5 / 750);
        width: calc(100vw * 670 / 750);
        /* height: 0; */
    }
}

.service__title {
    /* font-size: min(calc(100vw * 60 / 1440), 60px); */
    font-size: 60px;
    font-family: "oswald", sans-serif;
    font-weight: 700;
    font-style: normal;
    line-height: 1 !important;
    display: inline-block;
    transform: translateX(-3px);
}

@media (max-width: 1000px) {
    .service__title {
        font-size: calc(100vw * 60 / 1440);
        transform: translateX(calc(100vw * -3 / 1440));
    }
}

@media (max-width: 750px) {
    .service__title {
        font-size: calc(100vw * 80 / 750);
        transform: translateX(calc(100vw * -5 / 1440));
        letter-spacing: 0.05em;
    }
}


.service__inner {
    width: 938px !important;
    right: 0;
    top: 87px !important;
    position: absolute;
}

@media (max-width: 1000px) {
    .service__inner {
        width: calc(100vw * 938 / 1440) !important;
        top: calc(100vw * 87 / 1440) !important;
    }
}

@media (max-width: 750px) {
    .service__inner {
        width: calc(100vw * 710 / 750) !important;
        top: calc(100vw * 232 / 750) !important;
    }
}

/* .service-swiper {
    position: relative;
    padding-bottom: 28px;
    overflow: hidden;
} */

/* @media (max-width: 1000px) {
    .service-swiper {
        padding-bottom: calc(100vw * 28 / 1440);
    }
}

@media (max-width: 750px) {
    .service-swiper {
        padding-bottom: calc(100vw * 28 / 1440);
    }
} */



.service-swiper-pagination {
    display: flex;
    justify-content: center;
    z-index: 20;
    /* width: 92px; */
    margin: 29px 0 0 0;
    gap: 28px;
}

@media (max-width: 1000px) {
    .service-swiper-pagination {
        /* width: calc(100vw * 92 / 1440); */
        margin: calc(100vw * 29 / 1440) 0 0 0;
        gap: calc(100vw * 28 / 1440);
    }
}

@media (max-width: 750px) {
    .service-swiper-pagination {
        width: calc(100vw * 670 / 750) !important;
        margin: calc(100vw * 43 / 750) 0 0 0;
    }
}

.service-swiper-pagination .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background: #D1D3D7 !important;
    opacity: 1 !important;
    border-radius: 50%;
}

@media (max-width: 1000px) {
    .service-swiper-pagination .swiper-pagination-bullet {
        width: calc(100vw * 12 / 1440);
        height: calc(100vw * 12 / 1440);
    }
}

@media (max-width: 750px) {
    .service-swiper-pagination .swiper-pagination-bullet {
        width: calc(100vw * 24 / 750);
        height: calc(100vw * 24 / 750);
    }
}

.service-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #52B3DC !important;
}


.service-swiper-wrapper {
    width: 300px !important;
    height: 300px !important;
    /* width: min(calc(100vw * 300 / 1440), 300px) !important;
    height: min(calc(100vw * 300 / 1440), 300px) !important; */
    background-color: gainsboro;
}

@media (max-width: 1000px) {
    .service-swiper-wrapper {
        width: calc(100vw * 300 / 1440) !important;
        height: calc(100vw * 300 / 1440) !important;
    }
}

@media (max-width: 750px) {
    .service-swiper-wrapper {
        width: calc(100vw * 300 / 750) !important;
        height: calc(100vw * 300 / 750) !important;
    }
}




/*----COMPANY------*/
/*----COMPANY------*/


#company {
    width: 100%;
    height: 100%;
    background-image: url(../img/company-bg.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

@media (max-width: 750px) {
    #company {
        height: calc(100vw * 1139 / 750);
        background-image: url(../img/company-bg-sp.png);
    }
}

.frame {
    width: 1440px;
    height: 100%;
    margin: 0 auto;
    position: relative;
}

@media (max-width: 1440px) {
    .frame {
        width: 100%;
    }
}

.company {
    width: 1000px;
    /* width: min(calc(100vw * 1000 / 1440), 1000px); */
    height: 100%;
    margin: 0 auto;
    padding-top: min(calc(100vw * 86.5 / 1440), 86.5px);
}

@media (max-width: 1000px) {
    .company {
        width: calc(100vw * 1000 / 1440);
        padding-top: calc(100vw * 86.5 / 1440);
    }
}

@media (max-width: 750px) {
    .company {
        width: calc(100vw * 670 / 750);
        padding-top: calc(100vw * 73 / 750);
    }
}

#company .company_img {
    position: absolute;
    top: 97px;
    /* top: min(calc(100vw * 97 / 1440), 97px); */
    right: 0;
    width: min(calc(100vw * 600 / 1440), 600px);
    height: min(calc(100vw * 400 / 1440), 400px);
    overflow: hidden;
}

@media (max-width: 1000px) {
    #company .company_img {
        top: calc(100vw * 97 / 1440);
        width: calc(100vw * 600 / 1440);
        height: calc(100vw * 400 / 1440);
    }
}

@media (max-width: 750px) {
    #company .company_img {
        top: initial;
        bottom: calc(100vw * 91 / 750);
        width: calc(100vw * 600 / 750);
        height: calc(100vw * 400 / 750);
        left: 50%;
        transform: translateX(-50%);
    }
}

.company__title {
    font-size: 60px;
    /* font-size: min(calc(100vw * 60 / 1440), 60px); */
    font-family: "oswald", sans-serif;
    font-weight: 700;
    font-style: normal;
    line-height: 1 !important;
    margin-bottom: 75px;
    /* margin-bottom: min(calc(100vw * 75 / 1440), 75px); */
    display: inline-block;
    transform: translateX(-3px);
}

@media (max-width: 1000px) {
    .company__title {
        font-size: calc(100vw * 60 / 1440);
        margin-bottom: calc(100vw * 75 / 1440);
        transform: translateX(calc(100vw * -3 / 1440));
    }
}

@media (max-width: 750px) {
    .company__title {
        font-size: calc(100vw * 80 / 750);
        margin-bottom: calc(100vw * 61 / 750);
        transform: translateX(calc(100vw * -5 / 1440));
        letter-spacing: 0.05em;
    }
}

.company__text {
    font-size: 32px;
    line-height: 1.25 !important;
    
    letter-spacing: 0.055em;
    width: fit-content;
    margin-bottom: 18.5px;
}

@media (max-width: 1000px) {
    .company__text {
        font-size: calc(100vw * 32 / 1440);
        margin-bottom: calc(100vw * 18.5 / 1440);
    }
}

@media (max-width: 750px) {
    .company__text {
        font-size: calc(100vw * 40 / 750);
        transform: translateX(calc(100vw * 2 / 750));
    }
}

.company__text.second {
    font-size: 18px !important;
    line-height: 2.222 !important;
    margin-bottom: 48.5px;
}

@media (max-width: 1000px) {
    .company__text.second {
        font-size: calc(100vw * 18 / 1440) !important;
        margin-bottom: calc(100vw * 48.5 / 1440);
    }
}

@media (max-width: 750px) {
    .company__text.second {
        font-size: calc(100vw * 28 / 750) !important;
        line-height: 2.143 !important;
        letter-spacing: 0.05em;
        margin-bottom: calc(100vw * 60 / 750);
    }
}

.company .btn.btn--more {
    display: inline-block;
    width: 240px;
    height: 60px;
    line-height: 60px;
    background-color:rgba(255, 255, 255, 1);
    border: 1px solid rgba(255, 255, 255, 1);
    color: #000;
    text-align: center;
    letter-spacing: 0.05em;
    font-size: 16px;
    margin-bottom: 129px;
    transition: background-color .6s ease, opacity .6s ease;
}

@media (max-width: 1000px) {
    .company .btn.btn--more {
        width: calc(100vw * 240 / 1440);
        height: calc(100vw * 60 / 1440);
        line-height: calc(100vw * 60 / 1440);
        font-size: calc(100vw * 16 / 1440);
        margin-bottom: calc(100vw * 129 / 1440);
    }
}

@media (max-width: 750px) {
    .company .btn.btn--more {
        width: calc(100vw * 480 / 750);
        height: calc(100vw * 120 / 750);
        line-height: calc(100vw * 120 / 750);
        font-size: calc(100vw * 28 / 750);
        display: block;
        margin: 0 auto;
    }
}

@media (hover: hover) and (pointer: fine) {
    .company .btn.btn--more:hover {
        background-color: rgba(255, 255, 255, 0);
    }
}

#company .only-pc {
    display: inline;
}
#company .only-sp {
    display: none;
}

@media (max-width: 750px) {
    #company .only-pc {
        display: none;
    }
    #company .only-sp {
        display: inline;
    }
}




/*----RECRUIT------*/
/*----RECRUIT------*/


#recruit {
    width: 100%;
    height: 620px;
}

@media (max-width: 1000px) {
    #recruit {
        height: calc(100vw * 620 / 1440);
    }
}

@media (max-width: 750px) {
    #recruit {
        height: calc(100vw * 1096 / 750);
    }
}

.recruit {
    width: 1000px;
    height: 100%;
    margin: 0 auto;
    /* padding-top: 207.5px; */
    position: relative;
    border-bottom: 1px #e2e2e2 solid;
}

@media (max-width: 1000px) {
    .recruit {
        width: calc(100vw * 1000 / 1440);
        /* padding-top: calc(100vw * 207.5 / 1440); */
    }
}

@media (max-width: 750px) {
    .recruit {
        width: calc(100vw * 670 / 750);
        /* padding-top: calc(100vw * 71 / 750); */
    }
}

.recruit-inner {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

@media (max-width: 750px) {
    .recruit-inner {
        position: initial;
        top: initial;
        padding-top: calc(100vw * 73 / 750);
        transform: initial;
    }
}

.recruit__title {
    font-size: 60px;
    font-family: "oswald", sans-serif;
    font-weight: 700;
    font-style: normal;
    line-height: 1 !important;
    margin-bottom: 33.5px;
    display: inline-block;
    transform: translateX(-3px);
}

@media (max-width: 1000px) {
    .recruit__title {
        font-size: calc(100vw * 60 / 1440);
        margin-bottom: calc(100vw * 33.5 / 1440);
        transform: translateX(calc(100vw * -3 / 1440));
    }
}

@media (max-width: 750px) {
    .recruit__title {
        font-size: calc(100vw * 80 / 750);
        margin-bottom: calc(100vw * 52 / 750);
        transform: translateX(calc(100vw * -8 / 1440));
        letter-spacing: 0.05em;
    }
}

.recruit__text {
    font-size: 18px;
    line-height: 2 !important;
    width: fit-content;
    margin-bottom: 39px;
    /* font-family: "Zen Old Mincho", serif;
    font-weight: 700;
    font-style: normal; */
    
    letter-spacing: 0.055em;
}

@media (max-width: 1000px) {
    .recruit__text {
        font-size: calc(100vw * 18 / 1440);
        margin-bottom: calc(100vw * 39/ 1440);
    }
}

@media (max-width: 750px) {
    .recruit__text {
        font-size: calc(100vw * 28 / 750);
        margin-bottom: calc(100vw * 61/ 750);
        line-height: 1.75 !important;
        letter-spacing: 0.05em;
        transform: translateX(calc(100vw * -8 / 1440));
    }
}

.recruit .btn.btn--more {
    display: inline-block;
    width: 240px;
    height: 60px;
    line-height: 60px;
    background-color: rgba(229, 238, 242, 1);
    border: 1px solid rgba(229, 238, 242, 1);
    color: #000;
    text-align: center;
    letter-spacing: 0.05em;
    font-size: 16px;
    transition: background-color .6s ease ,opacity .6s ease;
}

@media (max-width: 1000px) {
    .recruit .btn.btn--more {
        width: calc(100vw * 240 / 1440);
        height: calc(100vw * 60 / 1440);
        line-height: calc(100vw * 60 / 1440);
        font-size: calc(100vw * 16 / 1440);
    }
}

@media (max-width: 750px) {
    .recruit .btn.btn--more {
        width: calc(100vw * 480 / 750);
        height: calc(100vw * 120 / 750);
        line-height: calc(100vw * 120 / 750);
        font-size: calc(100vw * 28 / 750);
        display: block;
        margin: 0 auto;
    }
}

@media (hover: hover) and (pointer: fine) {
    .recruit .btn.btn--more:hover {
        background-color: rgba(229, 238, 242, 0);
    }
}

#recruit .recruit_img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    z-index: 1;
    width: 600px;
    height: 400px;
    overflow: hidden;
}

@media (max-width: 1000px) {
    #recruit .recruit_img {
        /* top: calc(100vw * 109 / 1440); */
        width: calc(100vw * 600 / 1440);
        height: calc(100vw * 400 / 1440);
    }
}

@media (max-width: 750px) {
    #recruit .recruit_img {
        position: initial;
        top: initial;
        transform: initial;
        right: inherit;
        /* top: calc(100vw * 604 / 750); */
        /* right: calc(100vw * 14 / 750); */
        z-index: 1;
        width: calc(100vw * 600 / 750);
        height: calc(100vw * 400 / 750);
        margin: 0 auto;
        margin-top: calc(100vw * 80 / 750);;
    }
}
/* 
.recruit__img2 {
    position: absolute;
    top: 414px;
    right: 410px;
    z-index: 2;
    width: 230px;
}

@media (max-width: 1000px) {
    .recruit__img2 {
        top: calc(100vw * 414 / 1440);
        right: calc(100vw * 410 / 1440);
        width: calc(100vw * 230 / 1440);
    }
}

@media (max-width: 750px) {
    .recruit__img2 {
        top: calc(100vw * 909 / 750);
        right: initial;
        left: calc(100vw * 16 / 750);
        width: calc(100vw * 230 / 750);
    }
}

.recruit__img1 {
    position: absolute;
    top: 494px;
    right: 253px;
    z-index: 3;
    width: 180px;
}

@media (max-width: 1000px) {
    .recruit__img1 {
        top: calc(100vw * 494 / 1440);
        right: calc(100vw * 253 / 1440);
        width: calc(100vw * 180 / 1440);
    }
}

@media (max-width: 750px) {
    .recruit__img1 {
        top: calc(100vw * 989 / 750);
        right: initial;
        left: calc(100vw * 223 / 750);
        width: calc(100vw * 180 / 750);
    }
} */