@charset "utf-8";
/* CSS Document */

@media only screen and (min-device-width: 960px) and (max-device-width: 1024px) and (orientation:portrait) {
    #main_visual {
        height: 50vh;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 959px) and (orientation:portrait) {
    header .l-header__inner .c-catchphrase {
        left: 240px;
    }
    header .c-gnav>.menu-item.menu-item-1347 {
        display: none;
    }
    #main_visual {
        height: 50vh;
    }
    #main_visual .p-mainVisual__textLayer .p-mainVisual__slideTitle {
        font-size: 4vw;
    }
    #main_visual .p-mainVisual__textLayer .p-mainVisual__slideText {
        font-size: 2.5vw;
        line-height: 1.4;
        width: 50%;
    }
    #about #profile .swell-block-column {
        width: 25%;
    }
    #about #profile .swell-block-column:nth-child(2) {
        width: 55%;
        text-align: left;
    }
    /* .post_content .ttl {
		text-align: left;
	}
	.post_content .ttl p {
        text-align: left;
    } */
    /* .page .post_content h3 {
        text-align: left;
    }
    footer .l-footer__inner {
        text-align: left;
    } */
    footer #ft_l, footer .l-footer__nav, footer #ft_l h4 {
        text-align: left;
    }
    footer #ft_l h4 + a {
        margin: 0;
    }
    footer .l-footer__inner #ft_r h3 {
        font-size: 1.65vw;
    }
    #top #greeting .swell-block-column {
        width: 35%;
    }
    #top #greeting .swell-block-column:nth-child(2) {
        width: 52%;
        margin-left: 2em;
    }
    #top #greeting .pc_only {
        display: block !important;
        width: 100%;
    }
    #top #greeting .sp_only {
        display: none !important;
    }
    .btn, [class*=is-style-btn_] a, .swell-block-button__link, .wp-block-button__link {
        max-width: 340px;
    }
    #menu ul.c-gnav {
        text-align: center;
        padding: 0;
        margin: 0;
    }
}

@media all and (min-width: 768px) and (max-width: 960px) {
    .post_content #profile h3, .post_content #course_de .ttl h2:not(.p-postList__title) {
        text-align: left;
    }
}

@media screen and (max-width: 480px) {

}