@charset "UTF-8";

/* for pc */
@media (min-width: 768px) {

    body {
        display: grid;
        place-content: center;
        grid-template-columns: minmax(300px, 550px) 30px minmax(300px, 550px);
        grid-template-rows: 50px auto auto auto auto auto auto auto auto 380px;
        column-gap: 15px;
        row-gap: 20px;
    }

    /* minmax(300px, 510px) */
    .tx-a h4,
    .tx-b h4,
    .tx-c h4 {
        font-size: 1.1rem;
    }

    /* layout */
    .header {
        /* max-width: 890px; */
        grid-column: 1/-1;
        grid-row: 1/2;
    }

    header img {
        max-width: 120px;
        height: auto;
    }

    .title {
        grid-column: 1/-1;
        grid-row: 2/3;
        margin-left: -800px;
        margin-right: -800px;
    }

    .title-wrapper {
        max-width: 1130px;
        margin-left: 800px;
        margin-right: 800px;
    }

    .tx-a {
        grid-column: 1/-1;
        grid-row: 3/4;
    }

    .maparea {
        grid-column: 1/-1;
        grid-row: 4/5;
    }

    .metaike-a {
        grid-column: 1/2;
        grid-row: 5/6;
    }

    .metaike-b {
        grid-column: 2/-2;
        grid-row: 5/6;
    }

    .metaike-c {
        grid-column: 3/-1;
        grid-row: 5/6;
    }

    .swiper-area {
        grid-column: 1/-1;
        grid-row: 6/7;

    }

    .tx-b {
        grid-column: 1/2;
        grid-row: 7/8;
    }

    .tx-c {
        grid-column: 3/4;
        grid-row: 7/8;
    }

    .metaike-map {
        grid-column: 1/-1;
        grid-row: 8/9;
        min-height: 500px;
    }

    .metaike-map iframe {
        width: 100%;
        height: 500px;
    }

    .line-area {
        grid-column: 1/-1;
        grid-row: 9/10;
    }

    .footer {
        grid-column: 1/-1;
        grid-row: 10/11;
    }

    .txt_color {
        font-size: 2.8rem;
        line-height: 3.2rem;
        margin: 0.5rem auto 0.5rem;
    }

    .yourp {
        font-size: 1.0rem;
    }

    .yoursubtitle {
        font-size: 1.1rem;
    }

    .metaike-b {
        display: grid;
        place-items: center;
    }

    /* swiper size */
    .mv05 .slide-media {
        height: 480px;
    }

    /* title position */
    .mv05 .content {
        top: calc(42% + 12rem);
        bottom: auto;
        left: 2rem;
    }

    .shuttle {
        width: 200px;
    }

    .footer {
        margin-left: -800px;
        margin-right: -800px;
    }

    .footer-wrapper {
        max-width: 1260px;
        margin-left: 800px;
        margin-right: 800px;
    }

    .footer img {
        max-width: 180px;
    }

    .footer-wrapper p {
        text-align: center;
        margin-bottom: -0.5rem;
    }
}






/* @media only screen and (max-width: 599px) {
    html {
        font-size: 50%;
    }

    .pc-tab {
        display: none !important;
    }

    .mv05 {
        margin-bottom: 8rem;
    }
}

@media only screen and (min-width: 1025px) {
    .tab-sp {
        display: none !important;
    }

    .mv05 .content {
        left: 24rem;
    }

    .mv05 .fraction {
        left: 8rem;
    }
}

@media only screen and (min-width: 600px) {
    .sp {
        display: none !important;
    }
} */