@media screen and (max-width: 1024px) {
	/* 1024px以下に適用されるCSS（タブレット用） */

    .cont-ajust h2 {
        margin-left: 2%;
        width: 85%;
    }

    .happytoha-box,.halfbox-text,.office-cont,.office-text,.cont-box,.inquiry-btns,.recruit-btn-box {
        width: 92%;
        margin: auto;
    }

    .halfbox-text,.office-text,.studybox-text {
        padding: 0;
    }

    .happytoha-text,.office-cont h3,.studybox-text h3,.staff-cont h3 {
        margin-top: 12px;
    }

    .youtube,.halfbox-img,.halfbox-text {
        width: 100%;
    }

    #main-img-sp {
        display: block;
    }

    .office-cont {
        margin-top: 24px;
        margin-bottom: 24px;
    }

    .office-cont img {
        width: 50%;
    }

    .studybox-img,.studybox-text,.staff-cont,.staff-cont img,.flow-cont,.flow-text {
        width: 100%;
    }

    .studybox-text p,.staff-text {
        margin-top: 12px;
        margin-bottom: 24px;
    }

    .sc_underspace,.flow-cont {
        margin: 0;
    }

    .staff-cont h3,.access-text {
        text-align: center;
    }

    .flow-cont h3,.flow-cont p {
        text-align: left;
    }

    .flow-underarrow {
        margin: 12px auto;
    }

    .halfbox-text {
        margin-top: 12px;
    }

    .flow-text p {
        text-align: left;
    }

    .transportation-title {
        font-size: 1.25rem;
    }

    .transportation-text {
        margin-top: 0px;
        width: 100%;
        text-align: center;
    }

    .inquiry-btns {
        display: block;
    }

    #h-tel,#h-mail,#recruit-btn {
        width: 100%;
        margin-top: 24px;
    }

    .snsbtniti li {
        flex: 0 0 33%;/* ボタンを5つ並びへ */
    }

    .snsbtns2line {
        margin-top: 12px;
    }

    .dn,#main-img,#f_cont-box {
        display: none;
    }
}