@charset "UTF-8";

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body {
    background-color: #6D9826;
}
input[type="submit"] {
    transition: .3s;
}
input[type="submit"]:hover {
    transform: scale(1.1);
    transition: .3s;
}
.hero {
    height: 56.7vw;
    background-color: #8ac8eb;
    background-image: url(../images/62.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: contain;
}
.firstview {
    position: relative;
    height: 56.7vw;
}
.firstview_1 {
    width: 70vw;
    height: 46.7vw;
    top: 5vw;
    border-top-right-radius: 18vw;
    position: absolute;
    z-index: 1;
}
.overlay {
    background-color: #002557;
    opacity: 65%;
    position: absolute;
    width: 70vw;
    height: 46.7vw;
    top: 5vw;
    border-top-right-radius: 18vw;
    color: #eeefee;
    z-index: 2;
}
.overlay_txt {
    color: #eeefee;
    position: absolute;
    top: 11vw;
    left: 5vw;
    opacity: 1;
    z-index: 3;
}
.txt1 {
    font-size: 2.5vw;
    margin-bottom: 1vw;
    line-height: 5.5vw;
}
.txt2 {
    padding-left: 1vw;
    font-size: 2.5vw;
    margin-bottom: 1vw;
    padding-bottom: 3vw;
}
.txt3 {
    font-size: 3.6vw;
}
.grass {
    position: absolute;
    width: 100%;
    bottom: 0;
    z-index: 3;  
}

/*こんな時は*/
.promotion {
    width: 100%;
    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: center;
    padding-top: 10vw;
}
.promotion_txt {
    font-size: 2.5vw;
    color: #eeefee;
    margin-bottom: 7.5vw;
}
.promotion_img {
    width: 100%;
    display: flex;
    justify-content: space-around;
}
.promotion_img img {
    width: 22.5vw;
}
.promotion_img_txt1 {
    width: 33.4vw;
    background-color: #95BA43;
}
.promotion_img_txt2 {
    width: 33.4vw;
    background-color: #95BA43;
}
.promotion_img_txt3 {
    width: 33.4vw;
    background-color: #95BA43;
}
.promotion_p1 {
    position: relative;
    background-color: #6D9826;
    width: 100%;
    height: 50%;
    z-index: 1;
}
.promotion_p1 p {
    position: absolute;
    top: 22vw;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
    color: #5B4E4E;
    font-size: 1.35vw;
    z-index: 2;
}
.promotion_p2 {
    position: relative;
    background-color: #6D9826;
    width: 100%;
    height: 50%;
    z-index: 1;
}
.promotion_p2 p {
    position: absolute;
    top: 22vw;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
    color: #5B4E4E;
    font-size: 1.35vw;
    z-index: 2;
}
.promotion_p3 {
    position: relative;
    background-color: #6D9826;
    width: 100%;
    height: 50%;
    z-index: 1;
}
.promotion_p3 p {
    position: absolute;
    top: 21vw;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
    color: #5B4E4E;
    font-size: 1.35vw;
    line-height: 1.7vw;
    z-index: 2;
}
/*スマホ*/
@media screen and (max-width: 450px) {
    .promotion_p1 p {
        font-size: 1.5vw;
    }
    .promotion_p2 p {
        font-size: 1.5vw;
    }
    .promotion_p3 p {
        font-size: 1.5vw;
    }
}
/*ポイント*/
.point {
    background-color: #95BA43;
    padding-top: 10vw;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.point_inner {
    width: 90%;
    display: flex;
    justify-content: space-around;
    padding-bottom: 7vw;
}
.point_txt {
    width: 40vw;
    color: #eeefee;
}
.point_txt h3 {
    font-size: 3.5vw;
    padding-bottom: 3vw;
}
.point_txt p {
    font-size: 1.8vw;
    line-height: 3.5vw;
}
b {
    background-image: linear-gradient(transparent 60%, #EA5442 50%);
}
.point_img {
    width: 25vw;
    text-align: center;
}
.point_img1 {
    padding-top: 1vw;
    width: 15vw;
}
.point_img2 {
    padding-top: 1vw;
    width: 23vw;
}
.point_img3 {
    padding-top: 1vw;
    width: 17vw;
}
/*スマホ*/
@media screen and (max-width: 450px) {
    .point_txt h3 {
        font-size: 4vw;
    }
    .point_txt p {
        font-size: 1.9vw;
        line-height: 3.5vw;
    }
}

/*利用方法-*/
.guid {
   background-color: #95BA43;
   padding-bottom: 5vw;
   display: flex;
   flex-direction: column;
   align-items: center;
}
.guid h3 {
   padding-bottom: 5vw;
}
.guid_inner {
   width: 90%;
   display: flex;
   justify-content: space-around;
   margin-left: 2vw;
}
.triangle {
   font-size: 3vw;
   color: #5B4E4E;
   padding-top: 5vw;
}
.guid_txt {
   width: 12.5vw;
   font-size: 1.25vw;
   color: #5B4E4E;
   text-align: justify;
}
.guid_img {
   display: flex;
   flex-direction: column;
   align-items: center;
   color: #5B4E4E;
}
.guid_img  img{
   width: 12.5vw;
   margin-bottom: 5%;
}
.guid_img h4 {
   font-size: 2vw;
   margin-bottom: 5%;
}
.link {
   color: #0b73ea;
}

 /*スマホ*/
@media screen and (max-width: 450px) {
    .guid_inner {
       width: 92%;
    }
    .guid_txt {
       width: 13vw;
       font-size: 1.8vw;
    }
    .guid_img  img{
       width: 13vw;
    }
    .guid_img h4 {
       font-size: 2.5vw;
    }
}

/*車種・料金*/
.car_plice {
   background-color: #95BA43;
   padding-bottom: 5vw;
}
.car_plice h3 {
   padding-bottom: 2.5vw;
}
table {
   width: 90%;
   margin: 0 auto;
   border-collapse: separate;
   border-spacing: 0.5vw;
}
table tr {
   vertical-align:middle
 }
 table th,
 table td {
   vertical-align:middle;
   font-weight: bold;
 }
.th_2,
.td_1 {
   text-align: center;
   padding: 1.5vw;
}
.th_2 {
   background-color: #FFDE59;
   color: #5B4E4E;
   font-size: 1.5vw;
}
.th_3 {
   display: flex;
   justify-content: space-between;
   padding: 1.5vw;
   color: #49C8B5;
   background-color: #fff;
   font-size: 1.5vw;
}
.th_3 img {
   width: 7vw;
}
.td_1 {
   color: #5B4E4E;
   font-size: 1.5vw;
   background-color: #fff;
}
/*スマホ*/
@media screen and (max-width: 450px) {
    table {
       width: 92%;
    }
    .th_2 {
       font-size: 2vw;
    }
    .th_3 {
       font-size: 2vw;
    }
    .th_3 img {
       width: 6vw;
    }
    .td_1 {
       font-size: 2vw;
    }
}

/*お問い合わせ*/
.contact {
   background-color: #eeefee;
   padding-bottom: 5vw;
}
.contact img {
   width: 100vw;
}
.contact_title {
   color: #5B4E4E;
}
.contact_inner {
   margin-top: 5vw;
   text-align: center;
}
.contact_inner h3 {
   font-size: 2vw;
   color: #EA5442;
}
.contact_inner p {
   margin-top: 2vw;
   margin-bottom: 2.5vw;
   font-size: 1.25vw;
   line-height: 2vw;
   color: #5B4E4E;
}
.contact_btn {
   text-align: center;
   background-color: #FFF100;
   color: #5b4e5b;
   font-size: 1.25vw;
   border-radius: 1.5vw;
   padding: 1vw;
   padding-left: 1.5vw;
   padding-right: 1.5vw;
   border-style: none;
}
/*タブレット*/
@media screen and (max-width: 1025px) and (min-width: 450px) {
    .guid_txt {
        width: 13vw;
        font-size: 1.5vw;
     }
     .contact_inner h3 {
        font-size: 3vw;
     }
     .contact_inner p {
        font-size: 1.85vw;
        line-height: 2vw;
     }
     .contact_btn {
        font-size: 1.5vw;
        border-radius: 1.8vw;
        padding: 1.2vw;
        padding-left: 1.75vw;
        padding-right: 1.75vw;
        border-style: none;
     }
}
/*スマホ*/
@media screen and (max-width: 450px) {
    .contact_inner h3 {
       font-size: 2.5vw;
    }
    .contact_inner p {
       font-size: 2vw;
       line-height: 2.5vw;
    }
    .contact_btn {
       font-size: 2vw;
       border-radius: 2.5vw;
       padding: 1.5vw;
       padding-left: 2vw;
       padding-right: 2vw;
       border-style: none;
    }
 }