/* ---------------------------------------------
   PC向けスタイル (min-width: 768px)
---------------------------------------------- */
@media (max-width: 767px) {


    .link_btn_static a {
        display: inline-block;
        background: #FBD000;
        color: #000;
        font-weight: bold;
        padding: 2.133vw 1.333vw;
        font-size: 4.533vw;
        text-decoration: none;
        text-align: center;
        letter-spacing: 0.05em;
        position: fixed;
        right: 22vw;
        left: 5vw;
        bottom: 2.667vw;
        z-index: 100;
        opacity: 0;
        transition: all 0.3s;
    }
    .link_btn_static a:hover {
        background: #FFE150;
    }
    .link_btn_static.scroll a {
        opacity: 1;
    }
    .link_btn_static .arrows {
        width: 5.333vw;
        position: absolute;
        right: 0.933vw;
        bottom: 0.933vw;
    }
    img {
        width: 100%;
        display: block;
    }

    .site-header {
        width: 100%;
        background-color: #fff;
        padding: 2vw;
    }
    .site-header .inner {
        width: 100%;
        display: flex;
        justify-content: space-between;
    }
    .site-header__logo img {
        width: 34vw;
    }
    .site-header__logo_right {
        display: flex;
        align-items: center;
    }
    .site-header__logo_right .logo_01 {
        width: 20vw;
    }
    .site-header__logo_right .logo_02 {
        width: 14vw;
        margin-left: 1.333vw;
    }

    .pcOnly {
        display: none;
    }

    .hero {
        width: 100%;
        height: 100vh;
    }
    .hero .inner {
        text-align: center;
        padding-top: 6vw;
        height: 100%;
    }
    .hero .inner .hero__content {
        vertical-align: middle;
    }
    .hero .inner .hero__catch {
        font-size: 4.267vw;
        letter-spacing: 0.1em;
        padding-top: 8vw;
    }
    .hero .inner .hero__title {
        width: 74.133vw;
        margin: 10vw auto;
    }
    .hero .inner .hero__text {
        background-color: #FBD000;
        display: inline-block;
        color: #000;
        font-weight: bold;
        font-size: 5.867vw;
        padding: 0.933vw 4vw;
        letter-spacing: 0.05em;
        margin-bottom: 14vw;
    }
    .hero .inner .btn_first {
        width: 100%;
        display: inline-block;
        color: #FBD000;
        font-weight: bold;
        font-size: 4.8vw;
        padding: 4vw 4vw;
        letter-spacing: 0.15em;
        border: solid 1px #fff;
        transition: all 0.3s;
        position: relative;
    }
    .hero .inner .btn_first:hover {
        background-color: rgb(255, 255, 255, 0.2);
    }
    .hero .inner .btn_first span {
        color: #fff;
        font-size: 3.2vw;
        display: block;
    }
    .hero .inner .btn_first .arrows {
        width: 5.333vw;
        position: absolute;
        right: 0.933vw;
        bottom: 0.933vw;
    }
    .hero .hero__circle {
        width: 28.133vw;
    }
    

    .section--message {
        padding: 10vw 0 20vw 0;
        text-align: center;
    }
    .section--message .inner .section__title {
        color: #FBD000;
        font-size: 5.867vw;
        letter-spacing: 0.15em;
        line-height: 200%;
    }
    .section--message .inner hr {
        width: 7vw;
        height: 0.8vw;
        border: none;
        background-color: #fff;
        margin: 50px auto;
    }
    .section--message .inner .section__text {
        font-size: 3.4vw;
        line-height: 6vw;
        letter-spacing: 0.1em;
        margin-bottom: 2em;
    }
    .section--message .inner .instructor-block {
        width: 100%;
        gap: 8vw;
        margin: 120px auto 60px 0;
    }
    .section--message .inner .instructor-block .instructor-block__image {
        width: 40vw;
        margin: 0 auto 5vw auto;
    }
    .section--message .inner .instructor-block .instructor-block__content {
        text-align: left;
        font-size: 2.4vw;
        line-height: 4.8vw;
        letter-spacing: 0.1em;
    }
    .section--message .inner .instructor-block .instructor-block__content .instructor-block__name {
        font-size: 7vw;
        font-weight: normal;
        margin-bottom: 1em;
        text-align: center;
    }
    .section--message .inner .instructor-block .instructor-block__content .instructor-block__name span {
        font-size: 4vw;
        line-height: 220%;
    }
    .section--message .inner .instructor-block .instructor-block__content .instructor-block__text {
        font-size: 3.6vw;
        line-height: 180%;
    }
    .video-block {
        width: 90%;
        margin: 40px auto;
    }
    .video-block__title {
        font-weight: normal;
        margin: 1.333vw;
    }

    .link_btn_block a {
        width: 90%;
        display: inline-block;
        background: #FBD000;
        color: #000;
        font-weight: bold;
        padding: 2.133vw 5.333vw;
        font-size: 4.533vw;
        text-decoration: none;
        margin: 5px auto 0;
        text-align: center;
        letter-spacing: 0.05em;
        transition: all 0.3s;
        position: relative;
    }
    .link_btn_block a:hover {
        background: #FFE150;
    }
    .link_btn_block a .arrows {
        width: 4vw;
        position: absolute;
        right: 1vw;
        bottom: 1vw;
    }

    .section--feature {
        width: 100%;
        background-color: #F5F5F5;
        color: #000;
        padding: 14vw 0;
    }
    .section--feature .section__header .section__title {
        font-size: 9.733vw;
        color: #001227;
        font-weight: normal;
        position: relative;
    }
    .section--feature .section__header .section__title span {
        font-size: 3.42vw;
        display: block;
        position: absolute;
        right: 2vw;
        top: 14vw;
    }
    .section--feature .section__header .section__title::before {
        content: '';/*何も入れない*/
        display: inline-block;
        width: 10.667vw;/*画像の幅*/
        height: 1.867vw;/*画像の高さ*/
        background-image: url(../img/headline_item.svg);
        background-size: contain;
        vertical-align: middle;
        background-repeat: no-repeat;
    }
    .section--feature h3 {
        font-size: 5.333vw;
        margin: 6.667vw 0 4vw 0;
        font-weight: normal;
    }
    .section--feature dl {
        padding: 5.333vw 6.667vw;
        background-color: #fff;
        margin-bottom: 2em;
        font-size: 2.4vw;
    }
    .section--feature dl dt {
        font-size: 4vw;
        margin-bottom: 1em;
    }
    .section--feature dl dd {
        font-size: 3.2vw;
    }
    .section--feature p {
        font-size: 3.2vw;
    }

    .section--info {
        width: 100%;
        padding: 20vw 0;
    }
    .section--info .inner .info-block {
        text-align: center;
        margin-bottom: 20vw;
    }
    .section--info .inner .info-block div {
        text-align: center;
    }
    .section--info .inner .info-block .info_left img {
        width: 60vw;
        margin: 0 auto 10vw auto;
    }
    .section--info .inner .info-block div p {
        letter-spacing: 0.05em;
    }
    .info_map iframe {
        width: 100%;
        height: 74vw;
        margin-bottom: 13.333vw;
    }
    .link_btn_block2 {
        width: 100%;
        display: block;
        font-weight: bold;
        font-size: 4.533vw;
        padding: 3vw 1vw;
        letter-spacing: 0.15em;
        border: solid 1px #fff;
        transition: all 0.3s;
        position: relative;
        text-align: center;
        margin: 0 auto;
    }
    .link_btn_block2:hover {
        background-color: rgb(255, 255, 255, 0.2);
    }
    .link_btn_block2 .arrows {
        width: 5.333vw;
        position: absolute;
        right: 0.933vw;
        bottom: 0.933vw;
    }
    footer {
        background-color: #F2F2F2;
        color: #1D738F;
        padding: 10.667vw 0;
        text-align: center;
        font-size: 3.2vw;
    }
    #footer .footerNavi {
        display: flex;
        flex-wrap: wrap;
    }
    #footer .footerNavi li {
        width: 50%;
        font-size: 3.2vw;
        padding: 6vw;
        border-bottom: 1px solid #CECECE;
        line-height: 1;
    }
    #footer .footerNavi li:nth-of-type(2n) {
        border-left: 1px solid #CECECE;
    }
    #footer .footerNavi li:nth-of-type(1),#footer .footerNavi li:nth-of-type(2)  {
        border-top: 1px solid #CECECE;
    }
    #footer .footerNavi li:last-child {
        border-right: none;
    }
    #footer .footerNavi {
        margin-bottom: 4vw;
    }
    #footer .copyRight {
        font-size: 2.8vw;
    }
    div#gFooter {
        background-color: #fff;
        padding: 2vw 0 20vw 0;
        position: relative;
        z-index: 22;
        border-top: 1px solid #e5e5e5;
        font-size: 1.733vw;
    }
    div.gStyle div.gStyleIn {
        margin: 5vw auto;
        max-width: 60vw;
        display: flex;
    }
    div#gFooter p.groupLogo {
        margin: 1.2vw 1.333vw 1.2vw 0;
    }
    .gStyle a {
        color: #004979;
    }
    div#gFooter div#gFooterGroups {
        display: none;
    }
    div#gFooter div#gFooterGroups ul {
        line-height: 1.0;
        margin-top: 1.333vw;
    }
    div#gFooter div#gFooterGroups ul li {
        border-left: solid 1px #cccccc;
        display: inline;
        margin: 0 0 0 1.2vw;
        padding: 0 0 0 1.2vw;
    }
    div#gFooter div#gFooterGroups ul li.first {
        border: none;
        margin-left: 0;
        padding: 0;
    }


.pagetop {
    width: 16vw;
    height: 10.667vw;
    position: fixed;
    right: 2.667vw;
    bottom: 2.667vw;
    opacity: 0;
    transition: all 0.6s ease;
    z-index: 90;
}
.pagetop.scroll {
    opacity: 1;
}
}