* {
    margin: 0;
    padding: 0;
    list-style: none;
    text-decoration: none;
}
h1,h2,h3,h4,p {
    letter-spacing: 0.05rem;
}

a {
    color: black;
    letter-spacing: 0.05rem;
}



.c-hamburger-menu__input {
    display: none;
  }

.c-header__list {
    display: none;
}

.c-hamburger-menu__button {
    display: none;
}

.header__logo-side {
    display: none;
}
/* 

header

*/

#header {
    max-width: 100%;
    width: 100vw;
    display: flex;
    box-sizing: border-box;
    justify-content: space-between;
}

.header__logo-wrapper {
    width: 42vw;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 8px 24px;

    .header__logo {
        display: flex;
        
    }

    h1 {
        font-size: 2.52vw;
        font-weight: 900;
        font-family: 'Source Han Sans JP';
        margin-left: 16px;
    }
}

.nav {
    width: 60vw;
    display: flex;
    margin-right: 16px;
    ul {
        display: flex;
        width: 100%;
        justify-content: flex-end;
        align-items: center;

        li {
            box-sizing: border-box;
            padding: 8px 16px;
            
            a {
                font-family: 'Source Han Sans JP';
                font-size: 18px;
            }
        }

        li:nth-child(5) {
            border-radius: 2rem;
            background-color: #004BB1;
            width: 160px;
            height: 32px;
            display: flex;
            justify-content: center;
            align-items: center;
            
            a {
                color: #fff;
            }
        }       
    }
}

.hamburger-menu-wrapper {
    display: none;
}
/* ヘッダーここまで */

/* 

ここから　main

*/
#main {
    max-width: 100%;
    width: 100vw;
}

/* 

#mainvisual

*/
#mainvisual {
    width: 98%;
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    margin: 0 auto;
}


.mainvisual__img {
    position: relative;
    width:83vw;
    height: 100vh;
}

.mv__text-img {
    display: flex;
    box-sizing: border-box;
    padding: 8px 50px 40px 0px;
    max-width: 16%;
    width: 100%;
    /* position: fixed; */
    z-index: 10;
    top: 52px;
    left: 16px;
}

.mv__img-pc{
    display: flex;
    box-sizing: border-box;
    width: 83vw;
    max-width: 100%;
}

.mv__message {
    display: none;
}

/* 自動アニメーション */
  
.image {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    background-size: cover;
    background-position: center center;
    animation: image-switch-animation 25s infinite;
    border-radius: 3rem;
}

.src1 {
    background-image: url(../img/Video_01.png);
}

.src2 {
    background-image: url(../img/Video_02.png);
}

.src3 {
    background-image: url(../img/Video_03.png);
}

.src4 {
    background-image: url(../img/Video_04.png);
}

.src5 {
    background-image: url(../img/Video_05.png);
}

@keyframes image-switch-animation {
    0%{ opacity: 0;}
    5%{ opacity: 1;}
    25%{ opacity: 1;}
    30%{ opacity: 0;}
    100%{ opacity: 0;}
}

  
.image:nth-of-type(1) {
    animation-delay: 0s;
}
.image:nth-of-type(2) {
    animation-delay: 5s;
}
.image:nth-of-type(3) {
    animation-delay: 10s;
}
.image:nth-of-type(4) {
    animation-delay: 15s;
}
.image:nth-of-type(5) {
    animation-delay: 20s;
}
  
  

/* 

ここから　新着記事 new__article

*/

#new__article {
    max-width: 100%;
    display: flex;
    margin: 80px 20px;
    justify-content: flex-end;
}

.news__content-wrapper {
    display: flex;
    width: 82vw;
    max-width: 100%;
    align-items: center;
    flex-direction: column;
    box-sizing: border-box;
    /* padding: 0px 40px; */

    
    }

    .news__title-wrapper {
        width: 100%;
        display: flex;
        align-items: center;
        box-sizing: border-box;
        padding: 16px 0px;
        margin-bottom: 8px;

        
    }

    .na__title {
        font-size: 3.125vw;
        color: #004BB1;
        font-family: 'Source Han Sans JP';
        position: relative;
    }
    
    .na__title::after {
        content: "";
        top: 12.18vh;
        width: 21.53vw;
        left: 0px;
        position: absolute;
        border: solid 1px #B9BEC1;
    }
    h3 {
        font-size: 1.74vw;
        color: #000;
        font-family: 'Source Han Sans JP';
        margin-left: 2.7778vw;
    }

    .news__container {
        display: flex;
        width: 100%;
        
        ul {
            width: 100%;
            
            li {
                display: flex;
                font-family: 'Source Han Sans JP';
                margin: 16px 0px;
                font-size: 23px;

                a {
                    display: flex;
                }
            }

        }
    }
    
    .new__content-date {
        color: #004BB1;
    }

    .news__container ul li a {
        transition: 0.1s;
    }

    .news__container ul li a:hover {
        /* text-decoration: underline; */
        border-bottom: solid 2px #095DCE;
        transition: 0.1s;
    }
    
    .new__content-title {
        color: #000;
        margin-left: 80px;

    }

/* ここから　single-articleのcss */


#na {
    max-width: 100%;
    display: flex;
    margin: 0px 20px 40px 20px;
    justify-content: center;
    height: 100vh;        
}


.na__text-img {
    position: absolute;
    top: 36.25vh;
    left: 2.78vw;
    width: 10vw;
}
 
.na__post_title {
    font-size: 32px;
    color: #000;
    font-family: 'Source Han Sans JP';
    margin: 40px 0px;    
    letter-spacing: 0.05rem;
    
}
    
.na__post_time {
    font-size: 24px;
    color: #004BB1;
    font-family: 'Source Han Sans JP';
    margin-bottom: 40px;
    letter-spacing: 0.05rem;
}

.na__post_content {
    font-size: 22px;
    color: #000;
    font-family: 'Source Han Sans JP';
    letter-spacing: 0.05rem;
}

/* 

ここから　高知観光プラン　PLAN

*/
#plan {
    max-width: 100%;
    display: flex;
    margin: 80px 20px;
    justify-content: flex-end;
}

.plan__content-wrapper {
    display: flex;
    width: 82vw;
    max-width: 100%;
    align-items: center;
    flex-direction: column;
    box-sizing: border-box;
    /* padding: 0px 40px; */

    
    }

    .plan__title-wrapper {
        width: 100%;
        display: flex;
        align-items: center;
        box-sizing: border-box;
        padding: 16px 0px;
        margin-bottom: 8px;
    }

    .plan__title {
        font-size: 47px;
        color: #004BB1;
        font-family: 'Source Han Sans JP';
        
        position: relative;
    }
    
    .plan__title::after {
        content: "";
        width: 160px;
        top: 80px;
        left: 0px;
        position: absolute;
        border: solid 1px #B9BEC1;
    }

    .plan__container {
        display: flex;
        width: 100%;
        margin-top: 20px;
        position: relative;
    }

.plan__content {
    display: flex;
    max-width: 100%;
    width: calc(100%/3);
    flex-direction: column;
    box-sizing: border-box;
    margin: 0px 32px;
    font-family: 'Source Han Sans JP';
    
    img {
        width: 100%;
    }
}



.osusume {
    position: absolute;
    top: -10px;
    left: 440px;
    z-index: 20;
}

.plan__text-wrapper {
    display: flex;
    flex-direction: column;
    border: solid 2px #004BB1;
    border-radius: 1rem;
    margin-top: 16px;
    box-sizing: border-box;
    padding: 16px 4px;
}



.plan__text-wrapper h4 {
    margin: 0px auto 16px auto;
    text-align: center;
    background-color: #004BB1;
    color: #fff;
    padding: 4px 0px;
    width: 90%;
    font-size: 22px;
}
        
.plan__text-wrapper p {
    margin-bottom: 20px;
    height: 16vh;
    box-sizing: border-box;
    padding: 0px 8px;
    font-size: 17px;
}
        


.plan__content:nth-child(1) {
    margin-left: 0px;
}

.plan__btn {
    border:solid 2px #004BB1;
    background-color: #004BB1;
    color: #fff;
    border-radius: 1.5rem;
    width: 377px;
    text-align: center;
    margin-top: 40px;
    box-sizing: border-box;
    /* padding: 4px 0px; */
    font-family: 'Source Han Sans JP';
    font-size: 26px;
}

/* category-plan.htmlのcss */
/* 表記　ph__〇〇-△ */

.mv__text-img {
    position: absolute;
    top: 120px;
    left: 20px;
}

#ph {
    max-width: 100%;
    display: flex;
    margin: 0px 20px 40px 20px; 
    justify-content: flex-end;
}

.ph__content-wrapper {
    display: flex;
    width: 82vw;
    max-width: 100%;
    align-items: center;
    flex-direction: column;
    box-sizing: border-box;
    /* padding: 0px 40px; */

    
    }

.ph__title-wrapper {
    width: 100%;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    padding: 16px 0px;
    margin-bottom: 8px;
}

.ph__title {
    font-size: 47px;
    color: #004BB1;
    font-family: 'Source Han Sans JP';
    
    position: relative;
}

.ph__title::after {
    content: "";
    width: 160px;
    top: 80px;
    left: 0px;
    position: absolute;
    border: solid 1px #B9BEC1;
}

.ph__container {
    display: flex;
    width: 100%;
    margin-top: 20px;
    flex-wrap: wrap;
    position: relative;
}

.ph__content {
    display: flex;
    max-width: 100%;
    flex-direction: column;
    box-sizing: border-box;
    margin: 0px 32px 32px 32px;
    font-family: 'Source Han Sans JP';
    width: 22vw;
}

.ph__content img {
        width: 100%;
    }

.pc__text-wrapper {
    display: flex;
    flex-direction: column;
    border: solid 2px #004BB1;
    border-radius: 1rem;
    margin-top: 16px;
    box-sizing: border-box;
    padding: 16px 4px;
}    

.pc__text-wrapper h4 {
    margin: 0px auto 20px auto;
    text-align: center;
    background-color: #004BB1;
    color: #fff;
    padding: 4px 0px;
    width: 90%;
    font-size: 22px;

}
        
.pc__text-area {
    box-sizing: border-box;
    padding: 0px 2px;
    font-size: 17px;
    text-align: center;
    height: 340px;
}

.pc__text-area p {
    font-size: 17px;
}


.osusume_img {
    position: absolute;
    top: -10px;
    left: 440px;
    z-index: 10;
}



.ph__btn {
    border:solid 2px #004BB1;
    background-color: #004BB1;
    color: #fff;
    border-radius: 1.5rem;
    width: 377px;
    text-align: center;
    margin-top: 40px;
    box-sizing: border-box;
    /* padding: 4px 0px; */
    font-family: 'Source Han Sans JP';
    font-size: 26px;
}

/* ここから　category-plan.php section price */
#price {
    max-width: 100%;
    display: flex;
    margin: 80px 20px;
    justify-content: flex-end;
}

.price__content-wrapper {
    display: flex;
    width: 82vw;
    max-width: 100%;
    align-items: center;
    flex-direction: column;
    box-sizing: border-box;
    /* padding: 0px 40px; */

    
    }

.price__title-wrapper {
    width: 100%;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    padding: 16px 0px;
    margin-bottom: 8px;
}

.price__title {
    font-size: 47px;
    color: #004BB1;
    font-family: 'Source Han Sans JP';
    
    position: relative;
}
    
.price__title::after {
    content: "";
    width: 180px;
    top: 80px;
    left: 0px;
    position: absolute;
    border: solid 1px #B9BEC1;
}

.price__text-wrapper {
    background-color: rgba(141, 178, 229, 0.3); 
    width: 100%;  
}

.price__text {
    width: 60%;
    box-sizing: border-box;
    padding: 40px 20px;
    font-family: 'Source Han Sans JP';
}



/* 

ここから　観光タクシーとは　about

*/

#about {
    max-width: 100%;
    display: flex;
    margin: 80px 20px;
    justify-content: flex-end;
}

.at__wrapper-sp {
    display: none;
}

.ai__wrapper-sp {
    display: none;
}
.about__content-wrapper {
    display: flex;
    width: 82vw;
    max-width: 100%;
    /* align-items: center; */
    box-sizing: border-box;
    /* padding: 0px 40px; */
    justify-content: flex-end;
    
    }

    .about__container {
        display: flex;
        /* margin-top: 40px; */
        flex-direction: column;
        width: 30vw;
    }

    .about__title-wrapper {
        width: 100%;
        display: flex;
        align-items: center;
        box-sizing: border-box;
        padding: 0px 0px 16px 0px;
        margin-bottom: 8px;
    }

    .about__title {
        font-size: 47px;
        color: #004BB1;
        font-family: 'Source Han Sans JP';
        position: relative;
    }
    
    .about__title::after {
        content: "";
        width: 200px;
        top: 80px;
        left: 0px;
        position: absolute;
        border: solid 1px #B9BEC1;
    }

    .about__message-wrapper {
        display: flex;
        flex-direction: column;
        font-family: 'Source Han Sans JP';
        align-items: center;
        h4 {
            font-size: 35px;
            display: flex;
            border-bottom: solid 5px #004BB1;display: flex;
            width: 18vw;
            margin: 80px 0px 0px 0px;
            justify-content: center;

        }

        h5 {
            font-size: 28px;
            display: flex;
            justify-content: center;
            margin: 20px 0px;

        }

        p {
            font-size: 21px;
            margin-top: 40px;
        }

    }

    .about__img-wrapper {
        width: 52vw;
        margin-top: 60px;
        margin-right: 20px;

        img {
            width: 100%;
            height: 90%;
        }
    }
    
    /* 
    
    ここから　観光タクシーのメリット　merit
    
    */

    #merit {
        max-width: 100%;
        display: flex;
        margin: 80px 20px 0px 20px;
        justify-content: flex-end;
    }

    .merit__content-wrapper {
        display: flex;
        width: 82vw;
        max-width: 100%;
        align-items: center;
        flex-direction: column;
        box-sizing: border-box;
        /* padding: 0px 40px; */
    
        
        }
    
        .merit__title-wrapper {
            width: 100%;
            display: flex;
            align-items: center;
            box-sizing: border-box;
            padding: 16px 0px;
            margin-bottom: 8px;
        }

        .merit__title {
            font-size: 47px;
            color: #004BB1;
            font-family: 'Source Han Sans JP';
            
            position: relative;
        }
        
        .merit__title::after {
            content: "";
            width: 180px;
            top: 80px;
            left: 0px;
            position: absolute;
            border: solid 1px #B9BEC1;
        }

        .merit__container {
            width: 100%;
            display: flex;
            flex-direction: column;
            margin: 40px 0px;
        }

        .merit__content-wrap {
            width: 100%;
            display: flex;
            justify-content: space-around;
            margin: 20px 0px;
        }

        .merit__content-wrap02 {
            box-sizing: border-box;
            padding: 0px 130px;
        }

        .merit__content {
            font-family: 'Source Han Sans JP';
            display: flex;
            flex-direction: column;
            align-items: center;
            
            p:nth-child(2) {
                color: #004BB1;
                font-size: 26px;
                margin-bottom: 20px;
            }
            
            p:nth-child(3) {
                font-size: 28px;
                margin-bottom: 20px;
            }

        }

/* 

ここから　よくある質問　faq

*/

#faq {
    max-width: 100%;
    width: 100vw;
    display: flex;
    margin-bottom: 20px;
} 

.faq__content-wrapper {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    margin-right: 40px;
}

.faq__title-wrapper {
    width: 85%;
    display: flex;
    margin-bottom: 80px;
}

    .faq__title {
        font-size: 47px;
        color: #004BB1;
        font-family: 'Source Han Sans JP'; 
        position: relative;
    }
    
    .faq__title::after {
        content: "";
        width: 180px;
        top: 80px;
        left: 0px;
        position: absolute;
        border: solid 1px #B9BEC1;
    }

    .faq__container {
        width: 85%;
    }

    .faq__content {
        width: 100%;

        p {
            font-size: 28px;
            font-family: 'Source Han Sans JP';
            border: solid 3px #004BB1;

            span {
                font-size: 20px;
            }
        }

        p:nth-child(2) {
            background-color: #DDEBFF;
            margin-bottom: 60px;
        }
    }

    /* 
    
    ここから　観光スポット　spot
    
    */

    #spot {
        max-width: 100%;
        width: 100vw;
        position: relative;
    }

    .sp__bg-wrapper {
        background-image: url(../img/spot_bg_img.png);
        width: 100%;
        height: 150vh;
        background-size: cover;
    }

    /* .spot_bg {
        display: flex;
        width: 100%;
        overflow-x: hidden;
    } */
    
    .spot__content-wrapper {
        width: 98vw;
        height: 102vh;
        display: flex;
        flex-direction: column;
        align-items: center;
        background-color: rgba(255, 255, 255, 0.6);
        position: absolute;
        top: 26vh;
        left: 14px;
        border-radius: 2rem;
        z-index: 20;

    }
    .spot__title-wrapper {
        max-width: 100%;
        width: 100vw;
        display: flex;
        align-items: center;
        box-sizing: border-box;
        padding: 32px 40px;
        margin-bottom: 8px;
    }

    .spot__title {
        font-size: 47px;
        color: #004BB1;
        font-family: 'Source Han Sans JP';
        position: relative;
    }   
    
    /* スライダー */
    
    #slider__wrapper {
        max-width: 100%;
        width: 100vw;
        height: 58vh;
        display: flex;
        justify-content: center;
        align-items: center;    
    }
    
    .slider {
        width: 96%;
    }
    
    .slick-initialized .slick-slide {
        display: flex;
        justify-content: center;
        height: 51vh;
    }
    /* .slider img{
        width:100%;
    }
     */
    .slick-next
    {
        right: 0px;
    }
    
    .slick-prev
    {
        left: 0px;
    }
    
    .slick-slider .slick-track,
    .slick-slider .slick-list
    {
        width: 96%;
        margin: 0 auto;
    }
    
     

      /* 
      
      ここから　フッター　fooer
      
      */
      #footer {
        background-color: #004BB1;
        color: #fff;
        max-width: 100%;
        width: 100vw;
        display: flex;
        box-sizing: border-box;
        padding:  8px 16px;
        font-family: 'Source Han Sans JP';
      }

      .footer__content-wrapper {
        width: 90%;
        display: flex;
        justify-content: space-between;
        h5 {
            font-size: 14px;
            
        }

        p {
            font-size: 12px;
            margin-bottom: 20px;
        }

      }

    .footer__contact {
        display: flex;
        flex-direction: column;
        margin-left: 16px;
        width: 28%;

        h5 {
            border-bottom: solid 1px #fff;
            margin-bottom: 8px;
        }
    }


    .tel{
        border: solid 1px #fff;
        border-radius: 1rem;
        text-align: center;
        color: #fff;
    }
    .email {
        color: #fff;
        font-size: 9px;
        border: solid 1px #fff;
        border-radius: 1rem;
        text-align: center;
        box-sizing: border-box;
        padding: 7px 2px;
        margin-top: 4px;
    }

    .company {
        width: 30%;

        h5 {
            border-bottom: solid 1px #fff;
            margin-bottom: 8px;
        }
    }

    .sns {
        width: 25%;

        h5 {
            border-bottom: solid 1px #fff;
            margin-bottom: 8px;
        }

        img {
            margin-right: 16px;
        }
    }

    .footer__menu-list {
    width: 45%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
    p {
        font-size: 9px;
    }

    }


    .footer__menu {


        a {
            font-size: 9px;
            color: #fff;

        }

        span {
            font-size: 9px;
        }

    }




/* 

ここから　plan.html section attention

*/
#attention {
    max-width: 100%;
    display: flex;
    margin: 80px 20px;
    justify-content: flex-end;
}

.attention__content-wrapper {
    display: flex;
    width: 82vw;
    max-width: 100%;
    align-items: center;
    flex-direction: column;
    box-sizing: border-box;
    /* padding: 0px 40px; */

    
    }

.attention__title-wrapper {
    width: 100%;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    padding: 16px 0px;
    margin-bottom: 8px;
}

.attention__title {
    font-size: 47px;
    color: #004BB1;
    font-family: 'Source Han Sans JP';
    position: relative;
}
    
.attention__title::after {
    content: "";
    width: 310px;
    top: 80px;
    left: 0px;
    position: absolute;
    border: solid 1px #B9BEC1;
}

.attention__text-wrapper {
    background-color: rgba(141, 178, 229, 0.3);  
    width: 100%; 
}

.attention__text {
    width: 60%;
    box-sizing: border-box;
    padding: 40px 20px;
    font-family: 'Source Han Sans JP';
}

/* 

ここから　お問い合わせ　contact.html

*/

.mv__wrapper {
    width: 82vw;

    img {
        height: 100vh;
    }
}

/* お問い合わせフォーム */

/* styles.css */

div#wpcf7-f79-p12-o1 {
    margin-top: 5vh;
}

div#”cf7-area” {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.”cf7-item” {
    width: 100%;
    display: flex;
}

.”cf7-q” {
    width: 50%;
    display: flex;
    align-items: center;
}

.”cf7-a” {
    width: 100%;
}

span.wpcf7-form-control.wpcf7-radio.cf_radio {
    display: flex;
    flex-direction: column;
}


label {
    display: flex;
    margin-bottom: 5px;
    margin-right: 50px;
}

input[type="text"],
input[type="email"],
input[type="tel"],
textarea {
    width: 70%;
    padding: 8px;
    margin-bottom: 10px;
    border: solid 1px #000;
}

input[type="radio"] {
    margin-right: 5px;
}

button {
    padding: 10px 20px;
    background-color: #004BB1;
    color: white;
    border: none;
    cursor: pointer;
    font-size: 12px;
}

button:hover {
    background-color: #095DCE;
}

.button-container {
    display: flex;
    justify-content: space-around; /* ボタン間にスペースを均等に配置 */
    /* padding-top: 10px; フォーム要素との間に少し余白を追加 */
}

#contact__container-wrapper {
    width: 100%;
    display: flex;
    justify-content: flex-end;
}

#contact-form-container {
    position: absolute;
    right: 10%;
    /* top: 20%; */
    width: 52%;
    background-color: white;
    box-sizing: border-box;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
    z-index: 100;
    height: 100vh;
    border-radius: 0 3rem 3rem 0;
    padding-left: 100px;
}

#contact-form {
    max-width: 100%;
    width: 80%;
    display: flex;
    flex-direction: column;
    margin-top: 120px;

    

    div:nth-child(6) {
        justify-content: center;
        box-sizing: border-box;
        padding-left: 88px;
    }
    
}

#contact-form div {
    display: flex;
    margin-bottom: 8px;
    label {
        width: 65%;
    }


     
}



.radio__wrapper {
    display: flex;
    flex-direction: column;
    width: 50%;

}
#contact-toggle, #close-form {
    cursor: pointer;
}

.rmv__text-img {
    left: 50px;
    width: 15vw;
}

.”cf7-accept-check” {
    margin: 0 auto;
}

.”cf7-submit” {
    margin: 0 auto;
}

.wpcf7-submit:disabled,
input.wpcf7-form-control.wpcf7-submit.has-spinner {
	cursor: not-allowed;
	width: 5vw;
	box-sizing: border-box;
	padding: 1vh 3vw;
	display: flex;
	justify-content: center;
    border-radius: 0.5rem;
    background-color: #095DCE;
    color: #fff;
}



.wpcf7 form .wpcf7-response-output {
	margin: 0em 1.5em 1em;
	padding: 0.2em 1em;
	border: 2px solid #00a0d2; /* Blue */
	text-align: center;
}

.wpcf7 form .wpcf7-response-output {
	margin: 0em 0.5em 1em;
	padding: 0.2em 1em;
	border: 2px solid #00a0d2; /* Blue */
}

/* 予約フォーム */
.wpcf7-form-control.wpcf7-radio.rf_radio {
    display: flex;
    flex-direction: column;
}

@media screen and (max-width:1024px) {
    
    /* ヘッダー */
    .header__logo-wrapper {
        margin: 4px 8px;

        h1 {
            font-size: 20px;
        }
    }

    .nav ul li a {
        font-size: 16px;
    }
    
    .nav ul li:nth-child(5) {
        width: 135px;
    }

    /* メインビジュアル */
    .mainvisual__img{
        display: flex;
        box-sizing: border-box;
        width: 83vw;
        max-width: 100%;
    }

    .mv__img-sp {
        display: none;
    }
    /* 新着記事 */
    #new__article {
        margin: 40px 20px;
    }

    .news__content-wrapper {
        width: 80vw;
    }

    .section__title {
        font-size: 36px;
    }

    .na__title::after {
        width: 250px;
        top: 56px;
    }

    .sub__title {
        font-size: 18px;
    }

    .news__container ul li {
        font-size: 18px;
    }

    /* 高知観光プラン */
    #plan {
        margin: 40px 20px;
    }

    .plan__content-wrapper {
        width: 80vw;
    }

    .plan__title::after {
        width: 135px;
        top: 56px;
    }

    .plan__content {
        margin:  0px 16px;
    }

    .plan__content:nth-child(1) {
        margin-left: 16px;
    }

    .plan__text-wrapper {
        margin-top: 30px;
        position: relative;
        padding: 26px 8px;
        height: 200px;
    }
    .plan__text-wrapper h4 {
        font-size: 18px;
        position: absolute;
        top: -14px;
        left: 13px;
        display: flex;
        justify-content: center;
        width: 21vw;
    }
        
    .plan__text-wrapper p {
        font-size: 17px;
    }
    

    
    .osusume {
        top: -14px;
        left: 295px;
        width: 12vw;
    }

    .plan__btn {
        font-size: 20px;
        width: 240px;
    }

    /* 観光タクシーとは */
    #about {
        margin: 40px 20px;
    }

    .about__content-wrapper {
        width: 80vw;
    }

    .about__title::after {
        width: 165px;
        top: 56px;
    }

    .about__container {
        width: 38vw;
    }

    .about__img-wrapper {
        width: 56vw;
        margin-top: 40px;
        margin-right: 0px;
    }

    .about__message-wrapper {

        h4 {
            font-size: 24px;
            margin: 0px;
        }

        h5 {
            font-size: 30px;
            margin: 8px 0px;
        }

        p {
            font-size: 16px;
            margin-top: 0px;
        }
    }

    /* 観光タクシーのメリット */

    #merit {
        margin: 40px 20px 0px 20px;
    }

    .merit__content-wrapper {
        width: 80vw;
    }

    .merit__title::after {
        width: 155px;
        top: 56px;
    }

    /* よくある質問 */
    #faq {
        display: none;
    }

    /* 観光スポット */

    .sp__bg-wrapper {
        height: 112vh;
    }
    .spot__content-wrapper {
        height: 80vh;
        left: 9px;
        top: 16vh;
    }

    #slider__wrapper {
        height: 50vh;
    }

    .slider {
        width: 90%;
    }

    .slick-slider .slick-track,
    .slick-slider .slick-list
    {
        width: 93%;
    }

    .slick-initialized .slick-slide {
        height: 34vh;
    }

    /* フッター */

    .footer__content-wrapper {
        width: 100%;
        justify-content: flex-start;
    }
    
    .footer__contact {
        margin-left: 4px;
        width: 33%;
    }

    .footer__contact,
    .company,
    .sns {

        margin-right: 3vw;
        h5 {
            font-size: 1.2vw;
            box-sizing: border-box;
            padding-bottom: 8px;
        }

        p {
            font-size: 0.9vw;
            margin-bottom: 8px;
            width: 215px;
        }

        a {
            font-size: 0.9vw;
        }

        img {
            width: 1.5vw;
        }
    } 

    .tel {
        width: 20vw;
        box-sizing: border-box;
        padding: 4px 30px;
        text-align: start;
        img {
            margin-right: 10px;
            width: 8px;
        }
    }

    .email {
        width: 20vw;
        box-sizing: border-box;
        padding: 5px 0px;
        font-size: 0.9vw;
        margin-bottom: 16px;
        img {
            margin-right: 0px;
            width: 10px;
        }
    }

    .sns {
        width: 25%;
        h5 {
            margin-bottom: 0px;
        }
    }

    .footer__menu-list {
        width: 60%;
        p{
            font-size:clamp(0.45rem, calc(0.097vw + 0.4rem), 0.55rem) ;
         }
    }

    .footer__menu {
        a {
            font-size: 0.9vw;
        }

        span {
            font-size: 0.9vw;
        }
    }

    /* PLAN CSS */

    .ph__content-wrapper {
        width: 80vw;
    }

    .osusume_img {
        left: 290px;
    }

    .ph__container {
        justify-content: space-between;
    }

    .ph__content {
        margin: 0px;
        width: 25vw;
        margin-bottom: 30px;
    }   
    
    .pc__text-wrapper {
        height: 75vh;
    }        
            
    .pc__text-wrapper h4 {
        font-size: 18px;
    }
    
    .pc__text-area {
        box-sizing: border-box;
        padding: 0px 2px;
        text-align: center;
    }

    .pc__text-area p {
        font-size: 16px;
        padding: 0px 4px;
    }

        .pc__tw-ct h4 {
        top: 6px;
    }
    
    /* お問い合わせ */
    #contact__container-wrapper {
        justify-content: center;
        height: 112vh;
    }
    .mv__wrapper {
        width: 69vw;
    
        img {
            width: 84vw;
            height: 108vh;
        }
    }

    #contact-form-container {
        position: absolute;
        right: 0%;
        /* top: 20%; */
        width: 65vw;
        background-color: white;
        box-sizing: border-box;
        box-shadow: 0 2px 5px rgba(0,0,0,0.2);
        z-index: 10;
        height: 108vh;
        border-radius: 0 3rem 3rem 0;
        padding: 50px 10px;
    }

    #contact-form {
        margin: 0px;
        width: 95%;
        
        div {

            label {
                justify-content: flex-start;
                margin-bottom: 20px;
                width: 230px;
            }
        }
    }

    /* 予約フォーム */
    #reservation-form-container {
        width: 75%;
    }

    #reservation-form {
        max-width: 100%;
        width: 100vw;

        div {
            width: 100%;
            justify-content: flex-start;
            margin-bottom: 8px;

            label {
                width: 30%;
                
            }
        }

        div:nth-child(8) {
            justify-content: center;
        }
    }

    .form-label {
        display: flex;
        justify-content: center;
        width: 230px;
    }

    .select-text {
        margin-left: 22px;
    }
    .select-btn {
        flex-direction: column;
        margin-left: 66px;
    }

    .plan-select  {
        margin-right: 134px;
    }

    span.wpcf7-not-valid-tip {
        font-size: 0.8rem;
    }
}



@media screen and (max-width:768px) {
    /* ヘッダー */
    .header__logo-wrapper {

        h1 {
            font-size: 1.823vw;
        }

    }
    .header__logo {
        width: 5.206vw;
    }

    .nav {
        margin-right: 4px;
        width: 70vw;
    }
    .nav ul li {
        padding: 8px;
    }
    .nav ul li a {
        font-size: 1.56vw;
    }

    .nav ul li:nth-child(5) {
        font-size: 1.56vw;
        width: 12.36vw;
        height: 24px;
    }

    /* メインビジュアル */
    .mv__text-img {
        padding: 8px 15px 40px 0px;
    }

    .section__title {
        font-size: 25px;
    }

    .na__title::after {
        width: 190px;
        top: 40px;
    }

    .sub__title {
        font-size: 16px;
    }

    /* 高知観光プラン */
    #plan {
        margin: 40px 4px;
    }

    .plan__content-wrapper {
        width: 82vw;
    }

    .plan__title::after {
        width: 110px;
        top: 40px;
    }

    .plan__text-wrapper {
        margin-top: 30px;
        position: relative;
        padding: 26px 0px;
        height: 40vh;
    }
    .plan__text-wrapper h4 {
        font-size: 16px;
        position: absolute;
        top: -14px;
        left: 1px;
        display: flex;
        justify-content: center;
        width: 25vw;
    }
        
    .plan__text-wrapper p {
        font-size: 18px;
    }
    

    .plan__content {
        margin: 0px 8px;
    }

    .plan__content:nth-child(1) {
        margin-left: 0px;
    }

    .osusume {
        top: -10px;
        left: 220px;
        width: 12vw;
    }

    /* 観光タクシーとは */

    .about__title::after {
        width: 130px;
        top: 40px;
    }

    .about__content-wrapper {
        width: 82vw;
    }

    .about__container {
        width: 41vw;
    }


    .about__message-wrapper {

        h4 {
            font-size: 20px;
            margin: 0px;
            width: 20vw;
        }

        h5 {
            font-size: 25px;
            margin: 16px 0px;
        }

        p {
            font-size: 14px;
            margin-top: 0px;
            box-sizing: border-box;
            padding: 0px 24px;

            br {
                display: none;
            }
        }
    }

    /* 観光タクシーのメリット */

    .merit__title::after {
        width: 120px;
        top: 40px;
    }

    .merit__container {
        margin: 0px;
    }

    .merit__content p:nth-child(2) {
        font-size: 26px;
    }

    .merit__content p:nth-child(3) {
        font-size: 16px;
    }

    .merit__content-wrap02 {
        padding: 0px 100px;
    }

    /* 観光スポット */

    .sp__bg-wrapper {
        height: 84vh;
    }
    .spot__content-wrapper {
        top: 75px;
        left: 7px;
        height: 61vh;
    }

    #slider__wrapper {
        height: 33vh;
    }

    .slick-initialized .slick-slide {
        height: 26vh;
    }

    /* フッター */
    #footer {
        padding: 8px 4px;
    }
    .footer__contact,
    .company,
    .sns {
        margin-right: 4vw;
    }

    .footer__contact {
        margin-left: 0px;

        a {
            width: 22vw;
        }
    }

    .footer__menu span {
        letter-spacing: -0.1rem;
    }

    .footer__menu-list {
        width: 70%;
        p {
            font-size: 0.95vw;
            letter-spacing: -0.1px;
        }

        
    }

    /* PLANページ CSS  */
    .ph__content {
        width: 26vw;
    }

    .ph__content img{
        height: 30%;
    }

    .pc__text-wrapper {
        height: 72vh;
    }
    
    .pc__text-wrapper h4 {
        font-size: 14px;
        left: 6px;
        width: 24vw;
    }

    .pc__text-area {
        padding: 0px;
    }

    .pc__text-area p {
        font-size: 14px;
        padding: 0px;
    }
    .osusume_img {
        left: 220px;
        width: 16vw;
    }
    
    .price__text,.attention__text {
        width: 100%;
    }
    /* お問い合わせ */

    .mv__text-img {
        padding: 8px 30px 40px 0px;
    }
    
    #contact__container-wrapper {     
        height: 100vh;
    }
    
    
    #contact-form-container {
        border-radius: 0px;
        padding: 0px;
        height: 98vh;
        width: 85vw;
        display: flex;
        justify-content: center;
    }

    .mv__wrapper {
        display: none;    
    }

    form.wpcf7-form.invalid {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: baseline;
    }

    #contact-form {
        
        div {

            label {
                font-size: 8px;
                width: 160px;  
                margin-bottom: 8px; 
                align-items: center; 
            }
        }

        div:nth-child(6) {
            justify-content: center;
            box-sizing: border-box;
            padding-left: 70px;
        }
    }

    .radio__wrapper {
        box-sizing: border-box;
        padding: 36px;
    }

    .”cf7-q” {
        width: 35%;
    }

    .”cf7-a” {
        width: 60%;
    }

    input.wpcf7-form-control.wpcf7-submit.has-spinner {
        width: 10vw;
        
    }

    /*予約フォーム */
    .reservation_main {
        height: 115vh;
    }

    #reservation__container-wrapper {
        justify-content: flex-end;
    }
    #reservation-form {
        margin-top: 24px;
        div {
            display: flex;
            align-items: center;

            label {
            font-size: 8px;        
            }
        }

        div:nth-child(5) {
            width: 100%;
        }

        div:nth-child(8) {
            justify-content: center;
            box-sizing: border-box;
            padding-left: 70px;
        }

        .button-container {
            margin-left: 0px;
        }
    }

    .rmv__text-img {
        width: 16vw;
        left: 5.834vw;
    }

    .select-btn {
        margin-left: 0px;
    }
}

#reservation-form-container {
    justify-content: center;
    display: flex;
}

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

    #header {
        box-sizing: border-box;
        padding: 8px 8px;
    }

    .header__logo-wrapper {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 70vw;
    }

    .header__logo {
        margin-left: 0px;
        display: flex;
        width: 8vw;
    }

    .header__logo-side {
        display: flex;
        width: 50vw;

    }

    .header__logo-wrapper h1 {
        display: none;
    }
    .nav {
        display: none;
    }
    /* ハンバーガーメニュー */
   /* オーバーレイのスタイル */
.c-hamburger-menu__overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.5); /* 半透明の黒 */
    z-index: 19; /* メニューの下に表示 */
    display: none; /* 初期状態で非表示 */
}

/* ハンバーガーメニューが開いたときにオーバーレイを表示 */
#hamburger:checked ~ .c-hamburger-menu__overlay {
    display: block;
}
	
	
  .c-header__list {
    box-sizing: border-box;
    display: flex;
	  flex-direction: column;
    margin: 0;
    padding: 0;
	 align-items: center;
  }
  
  .c-header__list-item {
    list-style: none;
    text-decoration: none;
    margin-bottom: 30px;
	 width: 100%;
	 display: flex;
	 justify-content: center;
  }
  
.c-header__list-item:nth-child(7) {
    border: solid 1px #fff;
    border-radius: 2rem;
	　padding: 10px 20px;
}

  .c-header__list-link {
    color: #fff; /* カスタマイズしてください */
    display: block;
    margin-right: 0px; /* カスタマイズしてください */
    text-decoration: none;
    padding: 8px 0px; /* カスタマイズしてください */
    font-size: 22px;
    font-family: 'Source Han Sans JP';
    width: 64vw;
    text-align: center;
  }
  
  .c-header__list-link:hover {
    filter: opacity(0.6); /* カスタマイズしてください */
  }
  
  .c-hamburger-menu {
    position: relative;
  }
  
    .c-hamburger-menu__list {
    background-color: #004BB1; /* カスタマイズしてください */
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    left: 0%;
    padding: 2rem; /* カスタマイズしてください */
    position: absolute;
    transform: translateX(-100%);
    transition: 0.3s; /* カスタマイズしてください */
    top: 0px;
    width: 100%;
    height: 100vh;
    z-index: 20;
    }
     
    .li__wrapper {
        width: 100%;
        box-sizing: border-box;
        padding: 80px 20px;
        display: flex;
        flex-direction: column;
        align-items: center;
        
    }

    .header__logo-hb {
        position: absolute;
        top: 16px;
        left: 20px;
    }
  
    #hamburger:checked ~ .c-hamburger-menu__list {
      transform: translateX(0%);
      transition: 0.3s;
    }
  
  
  
  
  /* .c-hamburger-menu__bg {
    background-color: #004BB1; カスタマイズしてください
    cursor: pointer;
    display: none;
    height: 100vh;
    left: 0;
    opacity: 0.4; カスタマイズしてください
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
  }
   */

  #hamburger:checked ~ .c-hamburger-menu__bg {
    display: block;
  }
  
  .c-hamburger-menu__button {
    display: none;
  }
  
 .c-hamburger-menu__button {
    display: flex;
    align-items: center;
    appearance: none;
    background-color: transparent;
    border: none;
    cursor: pointer;
    flex-direction: column;
    gap: 5px;
    height: 32px;
    justify-content: center;
    width: 5vw;
    position: absolute;
    right: 17px;
    top: 10px;
    z-index: 2000; /* メニューの上に表示 */
}

.c-hamburger-menu__button-mark {
    background-color: #004BB1;
    display: block;
    height: 1px;
    transition: 0.3s;
    width: 20px;
}

#hamburger:checked ~ .c-hamburger-menu__button .c-hamburger-menu__button-mark:nth-of-type(1) {
    background-color: #fff;
    transform: translate(2px, 1px) rotate(45deg);
    transform-origin: 0%;
}

#hamburger:checked ~ .c-hamburger-menu__button .c-hamburger-menu__button-mark:nth-of-type(2) {
    opacity: 0;
}

#hamburger:checked ~ .c-hamburger-menu__button .c-hamburger-menu__button-mark:nth-of-type(3) {
    background-color: #fff;
    transform: translate(2px, 3px) rotate(-45deg);
    transform-origin: 0%;
}
	
	/* スクロール無効化 */
body.noscroll {
    overflow: hidden;
}

    /* メインビジュアル */

    #mainvisual {
        max-width: 100%;
        width: 100vw;
        position: relative;
    }

    .mv__img-pc {
        display: none;
    }

    .mainvisual__img { 
        width: 94vw;
        height: 88vh;
        margin: 0 auto;
    }


    .mv__img-sp {
        display: flex;
        max-width: 100%;
        width: 96vw;
        margin: 0 auto;
        img {
            width: 100%;
        }
    }

    .mv__message {
        display: flex;
        position: absolute;
        bottom: 8.13vh;
        right: 8.334vw;
        z-index: 4;
    }
    

    /* 新着記事 */

    #new__article {
        justify-content: flex-start;
        
    }

    .na__text-img {
        display: none;
    }

    .news__title-wrapper {
        align-items: flex-end;
    }

    .section__title {
        font-size: 7vw;
    }

    .na__title {
        font-size: 7vw;
        margin-right: 5vw;
    }

    .na__title::after {
        width: 224px;
        top: 60px;
    }

    .news__title-wrapper h3 {
        font-size: 4.75vw;
    }
    .sub__title {
        font-size: 4.75vw;
    }

    .news__container ul li {
        font-size: 3.75vw;
    }
    .new__content-title {
        margin-left: 40px;
    }

    /* 高知観光プラン */
    #plan {
        justify-content: flex-start;
        margin: 40px 20px;
    }

    .plan__content-wrapper {
        width: 100vw;

        h3 {
            box-sizing: border-box;
            padding-left: 10vw;
        }
    }

    .plan__title-wrapper {
        align-items: flex-end;
    }
    .plan__title::after {
        width: 157px;
        top: 60px;
    }
    .plan__content {
        margin: 0px 4px;
    }
    

    .plan__text-wrapper {
        max-width: 100%;
        width: 30vw;
        height: 36vh;
    }

    .plan__text-wrapper h4 {
        font-size: 2.3vw;
        width: 28vw;
        left: 1px;
    }
        
    .plan__text-wrapper p {
        font-size: 3vw;
        
    }

    .osusume {
        left: 32vw;
        width: 20vw;
    }

    .plan__btn {
        width: 50vw;
        font-size: 4.2vw;
    }
    /* 観光タクシーとは */

    #about {
        justify-content: flex-start;
        margin: 40px 20px;
    }

    .about__content-wrapper {
        width: 100vw;
        display: flex;
        flex-direction: column;
    }

    .about__container {
        display: flex;
        width: 100%;
        flex-direction: row;
    }

    .about__title-wrapper {
        display: none;
        /* width: 200%; */
    }
    
    .at__wrapper-sp {
        display: flex;
        margin-bottom: 33px;
        align-items: flex-end;
        
        h2{
            font-size: 8vw;
            color: #004BB1;
            font-family: 'Source Han Sans JP';
            position: relative;
            width: 40%;

        }

        h2::after {
            content: "";
            width: 160px;
            top: 70px;
            left: 0px;
            position: absolute;
            border: solid 1px #B9BEC1;
        }

        h3 {
            font-size: 5vw;
        }
    }
    


    .about__img-wrapper {
        display: none;
    }
    
    .ai__wrapper-sp {
        margin-top: 0px;
        display: flex;
        width: 80%;
    }
    .ai__wrapper-sp img {
        width: 100%;
    }

    .about__message-wrapper {
        width: 46vw;
        h4 {
            font-size: 3.5vw;
            width: 26vw;
            border-bottom: solid 2px #004BB1;
        }

        h5 {
            font-size: 3.5vw;
            margin: 8px 0px;
        }

        p {
            font-size: 2.5vw;
            text-align: center;
            padding: 0px 4px 0px 0px;

            br:nth-child(1), 
            br:nth-child(2) {
                display: block;
            
            }
        }
    }

    /* 観光タクシーのメリット */

    #marit {
        justify-content: flex-start;
    }

    .merit__content-wrapper {
        width: 100vw;
    }

    .merit__title::after {
        width: 100px;
        top: 40px;
    }
    .merit__content img {
        width: 100%;
    }

    .merit__content p:nth-child(2) {
        font-size: 3.75vw;
    }

    .merit__content p:nth-child(3) {
        font-size: 3.3vw;
    }

    .merit__content-wrap02 {
        padding: 0px 30px;
    }

    /* 観光スポット */

    .sp__bg-wrapper {
        height: 48vh;
    }
    .spot__title-wrapper {
        padding: 30px 20px;
    }
    .spot__content-wrapper {
        top: 5vh;
        left: 1.04vw;
        height: 39vh;
    }

    #slider__wrapper {
        height: 7vh;
    }

    .slick-initialized .slick-slide {
        height: 19vh;
    }

    .slick-slider .slick-track,
    .slick-slider .slick-list
    {
        width: 75vw;
    }

    /* フッター */

    #footer {
        background-color: #004BB1;
        color: #fff;
        max-width: 100%;
        width: 100vw;
        display: flex;
        box-sizing: border-box;
        padding:  8px 4px;
        font-family: 'Source Han Sans JP';
        position: relative;
    }

    .footer__contact {
        display: flex;
        flex-direction: column;
        margin-left: 0px;
        width: 38%;
        h5 {
            border-bottom: solid 1px #fff;
            margin-bottom: 8px;
        }
    }

    .footer__contact,
    .company,
    .sns {
        margin-right: 20px;

        a {
            font-size: 1.5vw;
            margin-top: 3px;
            width: 37vw;
        }
    }

    .company {
        width: 48%;
    }

    .sns {
        width: 24%;

        img {
            width: 1.875vw;
        }

        
    }

    .footer__menu-list {
        position: absolute;
        bottom: 10px;
        right: 13px;
        width: 63%;
        z-index: 11;
    }

    .footer__menu-list div p{
        letter-spacing: 0.05rem;
    }

    .footer__content-wrapper {
        flex-wrap: wrap;
        justify-content: space-between;
        h5, p {
            font-size: 2.08vw;
            color: #fff;
        }
        p{
            width: 230px;
        }

    }

    .footer__menu {
        a {
            font-size: 1.57vw;
        }

        span {
            font-size: 1.57vw;
        }

    }
    
    .footer__menu-list{
        width: 75vw;
        p {
            font-size: 1.57vw;
        }
    }
    .tel {
        width: 31.25vw;
        box-sizing: border-box;
        padding: 3px 8px;
    }

    .email {
        width: 31.25vw;
    }

    /* PLANページ css*/

    #ph {
        justify-content: flex-start;
        margin: 0px 20px;
    }

    .ph__content-wrapper {
        width: 100vw;
    }

    .mv__text-img {
        display: none;
    }

    .ph__title-wrapper {
        align-items: flex-end;
        h2 {
            font-size: 7vw;
        }

        h3 {
            font-size: 4.5vw;
        }
    }
    .ph__title::after {
        width: 106px;
        top: 40px;
    }

        .osusume_img {
        left: 46.46vw;
        width: 25vw;
    }
    
    .ph__content {
        width: 44vw;
        height: auto;
    }

    .ph__content img {
        height: 37%;
    }

    .pc__text-wrapper {
        height: 75%;
        width: 100%;
        padding: 0;
    }

    .pc__text-wrapper h4 {
        margin: 10px auto;
        font-size: 3.54vw;
        left: 1.146vw;
        width: 94%;
    }
            
    .pc__text-area {
        height: 54vh;
        margin-top: 0px;
    }

    .pc__text-area p {
        font-size: 3vw;
        margin-bottom: 34px;
        padding: 0px;
    }


    .ph__container .ph__content:nth-child(3) .pc__text-wrapper h4 {
        font-size: 3.1vw;
        padding: 6px 0px;
    }

    .ph__btn {
        width: 34.167vw;
        font-size: 3.75vw;
        padding: 4px 0px;
        margin: 40px 0px;
    }

    #price, 
    #attention {
        justify-content: flex-start;
        margin: 0px 20px;
    }

    .price__content-wrapper,
    .attention__content-wrapper {
        width: 100vw;
    }

    .price__title-wrapper, 
    .attention__title-wrapper {
        align-items: flex-end;
        
        h2 {
            font-size: 7vw;
        }

        h3 {
            font-size: 4.5vw;
        }
    }

    .price__title::after,
    .attention__title::after {
        width: 116px;
        top: 40px;
    }

    .price__text,
    .attention__text {
        font-size: 3.5vw;
    }

    /* お問い合わせ */
    .mv__wrapper {
        width: 100%;
        padding: 0px;
    }
    .mv__wrapper img {
        display: none;
    }

    #contact-form-container {
        width: 100vw;
        padding: 0px;
        height: 100vh;
    }

    #contact-form {
        margin: 0 auto;
        height: 100%;
    }
    #contact-form div {
        width: 100%;
        display: flex;
        margin: 10px 0px;
    }
    
    #contact-form div:nth-child(2) .radio__wrapper label{
        justify-content: flex-start;
    }
    #contact-form div:nth-child(6) {
        padding-left: 0px;
    }
    
    #contact-form div label {
        font-size: 2.916vw;
        width: 100%;
        margin-bottom: 0px;
        justify-content: center;

    }

    input[type="text"],
    input[type="email"],
    input[type="tel"],
    textarea {
        width: 100%;
    }

    div#wpcf7-f79-p12-o1 {
        width: 100%;
        margin-top: 5vh;
        box-sizing: border-box;
        padding: 0px 10px;
    }

    input.wpcf7-form-control.wpcf7-submit.has-spinner {
        width: 16vw;
    }

    .wpcf7 form.invalid .wpcf7-response-output,
    .wpcf7 form.unaccepted .wpcf7-response-output,
    .wpcf7 form.payment-required .wpcf7-response-output {
        width: 84%;
        margin: 0 auto;

    }

    .”cf7-q” {
        width: 45%;
    }

    .”cf7-a” {
        width: 50%;
    }
    /* 予約フォーム */
    #reservation__container-wrapper {
        justify-content: flex-start;
    }
    #reservation-form-container {
        width: 100%;
    }

    #reservation-form {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        height: 100%;
        margin-top: 0px;
        
        div {
            width: 100%;
            margin: 4px 0px;
            
            label {
                font-size: 2.5vw;
                
            }

        }
        duv > label {
            width: 40vw;
        }
        
        div > input {
            width: 60%;
        }

        div:nth-child(5) {
            label {
                width: 30%;
            }
        }

        div:nth-child(7) {
            
            label {
                width: 44%;
                justify-content: center;
            }
        }
        div:nth-child(8) {
            padding-left: 0px;

            label {
                width: 100%;
                justify-content: center;
            }
        }
    }

    div#”cf7-area” {
        width: 96%;
        margin: 0 auto;
    }
    #reservation-form > div > .select-btn >label {
        width: 70%;
    }
    
    label {
        margin-right: 0px;
        font-size: 12px;
    }

    .plan-select {
        margin-right: 0px;
    }


}

@media screen and (max-width:426px) {
    .footer__content-wrapper {
        p{
            width: 223px;
        }
    }
}

@media screen and (max-width:376px) {
	
	#plan {    
		margin: 40px 12px;
    }
    /* スポット */

    #slider__wrapper {
        height: 9vh;
    }
    .slick-initialized .slick-slide {
        height: 14vh;
    }

    .pc__text-area {
        height: 40vh;
    }

    .footer__contact,
    .company,
    .sns {
        
        a {
            font-size: 1.5vw;
            margin-top: 3px;
            width: 38vw;
        }
    }

    .tel {
        padding: 3px 25px;
    }

    .footer__content-wrapper {
        p{
            width: 193px;
        }
    }
}