@charset "UTF-8";

/* =========================
     Responsive
  ========================= */
@media(max-width:768px) {

    body {
        padding-top: 74px;
    }

    /* =========================
   Button
========================= */
    .c-btn {
        width: 100%;
        max-width: 400px;
        margin: 0 auto;
    }

    /* 共通 */
    :root {
        --gutter: 16px;
    }

    .l-section {
        padding: var(--space-6) 0;
    }

    .c-sectionTitle__main {
        font-size: 1.55rem;
    }

    /* ナビ */

    .c-nav {
        display: none;
    }

    .c-header__contact {
        display: none;
    }

    .c-drawer {
        display: block;
    }

    .c-header__inner {
        height: 64px;
    }

    .c-header__logo img {
        height: 40px;
    }

    .ptc,
    .c-clinic__text {
        text-wrap: wrap;
        white-space: normal;
    }

    /* ーーーーーーーーーーー */
    /* =========================
   <home> Hero (Main Visual)
========================= */
	.c-hero{
		height:60vh;
	}

    .c-heroCard {
        display: none;
    }

    /* =========================
   Mini Hours table (Hero)
========================= */
    .c-hoursMini {
        font-size: .78rem;
    }

    .c-hoursMini__timeHead {
        width: 84px;
    }


    /* =========================
   About
========================= */

    .s-about__actions {
        min-width: 0;
        width: 100%;
    }

    .s-about__actions .c-btn {
        width: 100%;
        max-width: 400px;
    }

    .s-about {
        grid-template-columns: 1fr;

    }

    .c-director {
        max-width: 360px;
        margin: 0 auto;

    }

    .s-about__text {
        margin-top: 0px;
    }

    .c-infoList {
        grid-template-columns: 1fr;
    }

    /* =========================
   Menu
========================= */
    .c-serviceList {
        grid-template-columns: repeat(2, 1fr);
    }


    /* =========================
   Fee Section
========================= */
    .c-feeTable th {
        width: 45%;
        font-size: .9rem;
    }

    .c-feeTable__price {
        font-size: 1.15rem;
    }



    /* =========================
   Access Section
========================= */

    .s-access {
        grid-template-columns: 1fr;
    }

    .s-access__map {
        min-height: 320px;
    }

    .s-access__info {
        padding: 18px;
    }

    .c-telLink {
        width: 100%;
        max-width: 420px;
        padding: 10px 14px;
        justify-content: center;
    }

    .c-telLink__num {
        font-size: 1.2rem;
    }

    /* =========================
     Steps
  ========================= */

    .c-pageTitle__main {
        font-size: 1.55rem;
    }

    .s-beginnerIntro {
        grid-template-columns: 1fr;
    }

    .c-iconGrid {
        grid-template-columns: repeat(2, 1fr);
    }


    /* =========================
   Accident Intro
========================= */

    .s-accidentIntro {
        grid-template-columns: 1fr;
    }

    /* =========================
   Recruit
========================= */

    .c-jobRow {
        grid-template-columns: 1fr;
        gap: 6px;
    }

    .c-jobRow dt {
        color: var(--text);
    }


    /* =========================
   Footer
========================= */

    .c-footer__inner {
        grid-template-columns: 1fr;
        justify-items: center;
        text-align: center;
    }

    .c-footer__brand {
        justify-content: center;
    }

    .c-footer__links {
        justify-content: center;
        flex-wrap: wrap;
    }




}