@media screen and (max-width: 768px) {
    /* helloボタン */
    .helloContentButtonWrapper{
        margin-top: calc(32 / var(--layout-artbord) * 100vw);
    }

    .helloContentButton{
        grid-template-columns: var(38 / var(--layout-artbord) * 100vw) auto;
    }

    .helloContentButton.red .helloContentButton__img img{
        width: 85%;
    }

    .helloContentButton{
        width: calc(300 / var(--layout-artbord) * 100vw);
        padding: calc(20 / var(--layout-artbord) * 100vw)
    }

    .helloContentButton__img{
        width: calc(38 / var(--layout-artbord) * 100vw);
    }

    .helloContentButton__text .--large{
        font-size: calc(20 / var(--layout-artbord) * 100vw);
    }

    .helloContentButton__text .--small{
        font-size: calc(12 / var(--layout-artbord) * 100vw);
    }

    .sectionttl{
        font-size: calc(32 / var(--layout-artbord) * 100vw);
    }

    /* mv */
    .mv__container{
        grid-template-areas:
            "mv__contentWrapper"
            "mv__imgWrapper";
        grid-template-columns: 1fr;
        max-width: 100vw;
    }

    .mv__contentWrapper{
        width: fit-content;
        margin: auto;
    }

    .mv__imgWrapper{
        margin-left: initial;
        margin-top: calc(28 / var(--layout-artbord) * 100vw);
        margin-left: -5vw;
        margin-right: -5vw;
    }

    .mv__title--large{
        font-size: calc(106 / var(--layout-artbord) * 100vw);
    }

    .mv__title--small{
        font-size: calc(22 / var(--layout-artbord) * 100vw);
    }

    .mv__subtitle{
        text-align: center;
        margin-top: calc(25 / var(--layout-artbord) * 100vw);
    }

    .mv__subtitle_line:nth-child(n + 2){
        margin-top: calc(5 / var(--layout-artbord) * 100vw);
    }

    .mv__subtitle_line.highlight{
        font-size: calc(18 / var(--layout-artbord) * 100vw);
        padding: calc(4 / var(--layout-artbord) * 100vw) calc(8 / var(--layout-artbord) * 100vw);
    }

    .mv__subtitle_line .at{
        font-size: calc(28 / var(--layout-artbord) * 100vw);
    }

    .mv__subtitle_line .location{
        font-size: calc(28 / var(--layout-artbord) * 100vw);
        padding: calc(4 / var(--layout-artbord) * 100vw);
    }

    /* バナー */
    .bunnerSec{
        margin-top: calc(40 / var(--layout-artbord) * 100vw);
        width: 100%;
    }

    .bunnerSec__container{
        max-width: 100vw;
        justify-content: center;
    }

    .bunnerSlick{
        max-width: calc(294 / var(--layout-artbord) * 100vw);
        margin: 0 auto;
    }

    .bunnerSec .slick-list{
        overflow: visible;
    }

    /* ハロー */
    .hello{
        margin-top: calc(136 / var(--layout-artbord) * 100vw);
    }

    .hello__container{
        flex-direction: column;
    }

    .helloSlick{
        width: 100%;
    }

    .helloContent{
        width: 100%;
        margin-top: calc(34 / var(--layout-artbord) * 100vw);
    }

    .helloContent__intro{
        font-size: calc(20 / var(--layout-artbord) * 100vw);
    }

    .helloContent__intro--small{
        font-size: calc(17 / var(--layout-artbord) * 100vw);
    }

    .helloContent__contact{
        margin-top: calc(32 / var(--layout-artbord) * 100vw);
        font-size: calc(15 / var(--layout-artbord) * 100vw);
    }

    .hello__heading{
        top: calc(-100 / var(--layout-artbord) * 100vw);
        width: calc(270 / var(--layout-artbord) * 100vw);
        margin-top: calc(20 / var(--layout-artbord) * 100vw);
    }
    
    /* ヌーパとは */
    .what{
        margin-top: calc(96 / var(--layout-artbord) * 100vw);
    }

    .what__container{
        max-width: calc((375 - 18 * 2) / var(--layout-artbord) * 100vw);
        grid-template-areas:
        "what__topsectionTitleWrapper"
        "what__titleWrapper"
        "what__imgWrapper"
        "what__descriptionWrapper";
        grid-template-columns: 1fr;
    }

    .what__titleWrapper{
        margin-top: calc(20 / var(--layout-artbord) * 100vw);
    }

    .what__titleInner{
        justify-content: flex-end;
    }

    .what__title{
        margin-left: calc(20 / var(--layout-artbord) * 100vw);
        width: fit-content;
        font-size: calc(29 / var(--layout-artbord) * 100vw);
    }

    .what__subtitle{
        font-size: calc(20 / var(--layout-artbord) * 100vw);
        padding: calc(20 / var(--layout-artbord) * 100vw);
    }

    .what__descriptionWrapper{
        padding-left: initial;
    }

    .what__description{
        margin-top: calc(16 / var(--layout-artbord) * 100vw);
    }

    .what__description p{
        font-size: calc(16 / var(--layout-artbord) * 100vw);
        
    }

    .what__message{
        margin-top: calc(30 / var(--layout-artbord) * 100vw);
        font-size: calc(19 / var(--layout-artbord) * 100vw);
    }

    .what__message_line{
        padding: calc(10 / var(--layout-artbord) * 100vw);
    }

    .what__imgWrapper{
        margin-top: calc(10 / var(--layout-artbord) * 100vw);
        margin-left: -18vw;
        margin-right: -18vw;
    }

    /* コラム */
    .column{
        margin-top: calc(88 / var(--layout-artbord) * 100vw);
    }

    .column__container{
        grid-template-areas:
            "topsectionTitle"
            "columnSlick"
            "buttonWrapper";
        grid-template-columns: 1fr;
    }

    .columnCard{
        border: none;
    }

    .columnSlick{
        max-width: calc(315 / var(--layout-artbord) * 100vw);
    }

    .columnSlick__item{
        /* width: 100%!important;
        min-width: 100%!important;
        max-width: 100%!important; */
    }

    .column__container{
        /* padding: var(--layout-outer-padding); */
        max-width: calc(315 / var(--layout-artbord) * 100vw);
    }

    .column .buttonWrapper{
        place-items: center;
        margin-top: calc(32 / var(--layout-artbord) * 100vw);
    }

    .column .dots-wrap{
        margin-top: calc(32 / var(--layout-artbord) * 100vw);
    }

    /* トピックス */
    .topics{
        margin-top: calc(96 / var(--layout-artbord) * 100vw);
    }

    .topics__list{
        margin-top: calc(24 / var(--layout-artbord) * 100vw);
    }

    .topics__link{
        padding: calc(16 / var(--layout-artbord) * 100vw) calc(16 / var(--layout-artbord) * 100vw);
        flex-wrap: wrap;
    }

    .topics__item_tag{
        width: 50%;
    }

    .topics__item_date{
        width: 50%;
        /* text-align: right; */
    }

    .topics__item_content{
        width: 100%;
        margin-left: initial;
        margin-top: calc(12 / var(--layout-artbord) * 100vw);
    }

    .topics .buttonWrapper{
        margin-top: calc(24 / var(--layout-artbord) * 100vw);
    }

    /* 関連企業紹介 */
    .related{
        margin-top: calc(24 / var(--layout-artbord) * 100vw);
    }

    .related__list{
        grid-template-columns: 1fr;
        gap: calc(12 / var(--layout-artbord) * 100vw);
        margin-top: calc(40 / var(--layout-artbord) * 100vw);
    }

    .related__img img{
        width: 100%;
    }
}