@charset "utf-8";

/* 改行 */

.br-pc,
.br-sm {
    display: none;
}

.br-tb {
    display: block;
}

#top section .in1200 p>a:first-of-type {
    position: relative;
    display: block;
    width: 266px;
    margin: auto;
    top: 0;
    right: 0;
    text-align: center;
    max-width: 100%;
    box-sizing: border-box;
}

.col25 {
    width: 48%;
}

.col25:nth-child(2n+1) {
    margin-left: 0;
}

.news_list .col25 {
    margin-left: 3%;
}

.news_list .col25:nth-child(2n+1) {
    margin-left: 0;
}

.main_column .col25:nth-child(3n),
.main_column .col25:nth-child(3n+2) {
    margin-left: 2%;
}

.main_column,
.side_bar {
    width: 100%;
}

.side_bar {
    display: flex;
    justify-content: space-around;
    margin-top: 30px;
    border-top: 1px solid #B5B5B6;
    padding-top: 20px;
}

#contact input,
#contact select {
    max-width: 240px;
}

#contact textarea {
    max-width: 300px;
}

#page #lead h1 {
    font-size: 50px;
}

section h2 {
    font-size: 34px;
}

/* #top .description img {
    margin-right: 22px;
} 

#top .description p:last-child {
    font-size: 1em !important;
    padding: 2px 22px !important;
}*/

.main_column>article>header {
    width: auto;
}

@media (max-width: 768px) {
    .change-pc {
        display: none;
    }

    .change-sp {
        display: inline-block;
    }

    .modal-container {
        width: 100%;
        max-width: unset;
    }

    .modal-content {
        padding: 4vh 3.2vh;
    }

    .modal-content .greet-content p {
        line-height: 1.8rem;
    }

    #main {
        background: unset;
    }

    #lead {
        width: 100%;
        max-width: unset;
        margin: 0;
    }

    /* #top #lead .top-lead-img img {
        bottom: unset;
        position: relative;
        z-index: unset;
    }

    .top-lead-img img {
        width: 100%;
    } */

    #lead,
    .in650,
    #footer .in100per {
        margin: 0 auto;
        width: 100%;
        max-width: unset;
    }

    #top #lead .top-lead .top-lead-contents:after {
        background-size: contain;
        width: 100%;
    }

    #bg_wave-blue::after,
    #bg_cloud-orange::after,
    #bg_mountain::after,
    #footer::after,
    #page #bg_cloud-btm::after {
        display: none;
    }

    .dent-white::before {
        width: 100%;
    }

    .cloud-orange::before {
        top: -315px;
        width: 100%;
    }

    .mountain {
        background-color: rgb(174, 197, 125, 1);
    }

    #top .mountain .top-exterior {
        max-width: unset;
    }

    .mountain::before {
        content: '';
        position: absolute;
        top: -140px;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        background-image: url(../img/dent_green.svg);
        background-repeat: no-repeat;
        background-size: cover;
        width: 100%;
        height: 145px;
    }

    #footer .flex-around>div {
        padding: 0;
        width: 100%;
    }

    #footer .footer-map {
        margin: 0;
        width: 100%;
    }

    #footer .flex-around iframe {
        width: -webkit-fill-available;
        height: 372px;
    }

    #lead {
        position: unset;
        height: auto;
    }

    #top #lead {
        position: unset;
        padding-top: 150px;
        height: auto;
    }

    #bg_wave-blue {
        padding-top: 0;
    }

    #page #lead {
        position: relative;
    }

    /* #page .btm-lead-blue {
        max-width: unset;
    } */

    #page .btm-lead-img img {
        width: 100%;
    }

    #page #vision,
    #page #one-day,
    #page #one-year,
    #page #complain {
        background: unset;
    }

    #page #vision #bg_cloud-top {
        margin-top: 0;
    }

    #page #vision .deco-cloud-top::before {
        width: 100%;
        /* top: -325px; */
    }

    #page #vision #bg_cloud-mid .dot-table {
        padding: 0;
    }

    #page #vision #bg_cloud-mid .dot-table::after {
        max-width: 98%;
    }

    /* #page #one-day .deco-cloud-btm::before {
        width: 100%;
        top: -320px;
        background-size: cover;
    } */

    #page #one-day .deco-cloud-btm {
        margin-top: 0;
        padding: 0 27px 140px 27px;
    }

    #page #one-day .deco-cloud-btm h3::before {
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
    }

    #page #one-day .deco-cloud-btm .graph-img {
        margin: 0 auto;
        width: fit-content;
    }

    #page #one-day .deco-cloud-btm .schedule-img {
        margin: 40px auto 10px auto;
    }

    #page #one-day .deco-cloud-btm .schedule-inner {
        padding: 0;
    }

    #page #one-day #bg_mountain .mountain::before {
        content: '';
        position: absolute;
        top: -120px;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        background-image: url(../img/dent_green.svg);
        background-repeat: no-repeat;
        background-size: cover;
        width: 100%;
        height: 145px;
    }

    #page #one-day #bg_mountain .mountain::after {
        content: '';
        position: absolute;
        top: -80px;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        background-image: url(../img/bird5.png);
        background-repeat: no-repeat;
        background-size: contain;
        width: 86px;
        height: 52px;
    }

    #page #one-day .mountain {
        padding: 0 91px 75px 91px;
    }

    #page #one-day #bg_mountain .zoom-icon {
        margin: 0 auto;
    }

    #page #one-day .deco-cloud-btm .time-schedule .deco-dot:after {
        width: 100%;
    }

    #page #one-year .deco-cloud-btm::before {
        width: 100%;
        top: -320px;
        background-size: cover;
    }

    #page #one-year #bg_cloud-btm {
        margin-top: 110px;
    }

    #page #complain .btm-lead-blue .btm-lead {
        padding: 0 100px 200px 100px;
    }

    #page #complain .deco-cloud-btm {
        padding: 0px 90px 160px 90px;
    }

    #page #complain .deco-cloud-btm::before {
        width: 100%;
        top: -320px;
        background-size: cover;
    }

    #page #complain .comp-box h4 {
        max-width: unset;
    }

    #page #complain .comp-box .comp-handle p {
        padding: 0 22px;
    }

    .page-id-125 #footer {
        margin-top: 0;
        background-color: #aec57d;
    }

    .page-id-125 #footer::before {
        content: '';
        position: absolute;
        top: -120px;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        background-image: url(../img/dent_green.svg);
        background-repeat: no-repeat;
        background-size: cover;
        width: 100%;
        height: 145px;
    }

    .page-id-125 #footer .in100per {
        padding-top: 0;
    }

    .page-id-29 #footer {
        margin-top: 0;
        background-color: #aec57d;
    }

    .page-id-29 #footer::before {
        content: '';
        position: absolute;
        top: -100px;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        background-image: url(../img/dent_green.svg);
        background-repeat: no-repeat;
        background-size: cover;
        width: 100%;
        height: 145px;
    }

    .page-id-29 #footer .in100per {
        padding-top: 0;
    }

    #page #contact .contact-tel {
        text-decoration: underline;
    }

    #page #contact .contact-tel a {
        pointer-events: all;
    }

    /* サンクスページ */
    #page #thanks #lead::after {
        background: unset;
        content: none;
    }

    #page #thanks .btm-lead .deco-btm {
        max-width: 50%;
    }

    #page #thanks #lead {
        display: block;
        height: 100%;
    }

    #page #thanks .btm-lead-blue {
        padding: 0 41px 100px 41px;
        position: unset;
        transform: unset;
        -webkit-transform: unset;
        height: calc(100vh - 150px);
    }

    /* 404 */
    #page #p404 #lead::after {
        background: unset;
        content: none;
    }

    #page #p404 .btm-lead .deco-btm {
        max-width: 50%;
    }

    #page #p404 #lead {
        display: block;
        height: 100%;
    }

    #page #p404 .btm-lead-blue {
        padding: 0 41px 100px 41px;
        position: unset;
        transform: unset;
        -webkit-transform: unset;
        height: calc(100vh - 150px);
    }

    /* 20240418 spヘッダー修正依頼対応 */
    #top #lead {
        padding-top: 283px;
    }

    #top #bg_wave-blue {
        padding-top: 0;
    }

    #page #complain .btm-lead-blue .btm-lead {
        padding: 0 100px 410px 100px;
    }

    .page-id-125 #footer::before {
        display: none;
    }

    .page-id-125 #footer .flex-around div:nth-child(2),
    .page-id-29 #footer .flex-around div:nth-child(2) {
        margin: 0;
    }

    .page-id-29 #footer::before {
        display: none;
    }

    #page #thanks #lead {
        top: 263px;
    }

    #page #thanks .btm-lead-blue {
        height: calc(100vh + 215px);
    }

    #page #p404 #lead {
        top: 263px;
    }

    #page #p404 .btm-lead-blue {
        height: calc(100vh + 215px);
    }

    /* 0430 修正対応 */
    /* #page .btm-lead-img img {
        bottom: 0;
    } */

    /* 0507 sticky解除対応 */
    #top #lead {
        position: relative;
        padding-top: 0;
        margin-top: 0;
    }

    #top #bg_wave-blue {
        padding-top: 0;
        margin-top: 63vh;
    }

    #page #vision #lead,
    #page #one-day #lead,
    #page #one-year #lead {
        position: relative;
        padding-top: 0;
        margin-top: 0;
        height: auto;
    }

    #page #vision #bg_cloud-top {
        margin-top: 990px;
    }

    #page #one-day .btm-lead-img img {
        top: 0;
    }

    /* #page #one-day .deco-cloud-btm {
        margin-top: 1220px;
    }

    #page #one-year #bg_cloud-btm {
        margin-top: 1000px;
    }  */
}

/* 20240514 全体的な改修要望対応 */
#top #lead .top-lead p {
    font-size: 2.4vh;
}

#page #one-day .deco-cloud-btm {
    margin-top: 1260px;
}

#page #one-day .deco-cloud-btm::before {
    top: -120px;
    background-size: contain;
    width: 100%;
}

@media (max-width: 768px) {
    #top #bg_wave-blue {
        margin-top: 57vh;
    }

    #page #one-year #bg_cloud-btm {
        margin-top: 1210px;
    }
}

#page #one-year .deco-cloud-btm::before {
    top: -110px;
}

@media (max-width: 730px) {
    #page #one-day .deco-cloud-btm {
        margin-top: 1220px;
    }

    #page #one-day .deco-cloud-btm::before {
        top: -100px;
    }
}

@media (max-width: 630px) {
    #page #one-day .deco-cloud-btm {
        margin-top: 1190px;
    }
}