@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: 768px;
   background-image: url(../images/company.png),url(../images/61.png);
   background-repeat: no-repeat;
   background-size: 100vw 768px, 72vw 748px;
   background-position: center,top 10vh center;
   background-color: #8ac8eb;
   text-align: center;
   padding-bottom: 5vw;
}
.hero_txt {
   height: 748px;
   padding-top: 10vw;
   color: #eeefee;
}
.txt_1 {
   font-size: 4.5vw;
   margin-bottom: 1.75%;
}
.txt_2 {
   font-size: 2.25vw;  
   margin-bottom: 1.25%;
}
.txt_3 {
   font-size: 1.75vw;
   line-height: 3.5vw;
   margin-bottom: 1.25%;
}
.txt_4 {
   font-size: 3.5vw;
   margin-bottom: 1.25%;
}
.txt_5 {
   font-size: 4vw;
   text-shadow: 0 0.125vw 0.1vw #3d3d3d;
}
b {
   background-image: linear-gradient(transparent 65%, #ffef3f 40%);
}
/*タブレット*/
@media screen and (max-width: 1025px) and (min-width: 450px) {
   .hero {
      height: 37vh;
      background-position: center,top 3.5vh center;
      background-size: 100vw 37vh, 72vw 35vh;
   }
}
/*スマホ*/
@media screen and (max-width: 450px) {
   .hero {
      height: 26vh;
      background-size: 100vw 26vh, 75vw 24vh;
      background-position: center,top 2vh center;
   }
   .hero_txt {
      padding-top: 8vw;
   }
   .txt_1 {
      font-size: 5vw;
   }
   .txt_2 {
      font-size: 3vw;  
   }
   .txt_3 {
      font-size: 2.5vw;
   }
   .txt_4 {
      font-size: 4vw;
   }
   .txt_5 {
      font-size: 5vw;
   }
}
/*悩みパート*/
.trouble {
   margin-top: 7.5vw;
   color: #eeefee;
   padding-bottom: 2.5vw;
}
.trouble_title {
   font-size: 3.5vw;
   text-align: center;
   padding-bottom: 5vw;
}
.trouble_img {
   width: 100%;
   height: 67vh;
   display: flex;
   justify-content: space-around;
}
.trouble_img img {
   width: 25vw;
}
.trouble1 {
   width: 25vw;
   position: relative;
}
.trouble1 img {
   position: absolute;
}
.trouble1 p {
   position: absolute;
   color: #5B4E4E;
   font-size: 1.6vw;
   top: 3.25vw;
   left: 1.25vw;
   line-height: 2.5vw;
}
.trouble2 {
   width: 25vw;
   position: relative;
}
.trouble2 img {
   position: absolute;
}
.trouble2 p {
   position: absolute;
   color: #5B4E4E;
   font-size: 1.6vw;
   top: 2.25vw;
   left: 2.5vw;
   line-height: 2.5vw;
}
.trouble3 {
   width: 25vw;
   position: relative;
}
.trouble3 img {
   position: absolute;
}
.trouble3 p {
   position: absolute;
   color: #5B4E4E;
   font-size: 1.6vw;
   top: 2.25vw;
   left: 2.5vw;
   line-height: 2.5vw;
}
/*タブレット*/
@media screen and (max-width: 1025px) and (min-width: 450px) {
   .trouble_img {
      height: 28vh;
   }
}
/*スマホ*/
@media screen and (max-width: 450px) {
   .trouble_img {
      height: 20vh;
   }
   .trouble_img img {
      width: 30vw;
   }
   .trouble1 {
      width: 30vw;
   }
   .trouble1 p {
      font-size: 2vw;
   }
   .trouble2 {
      width: 30vw;
   }
   .trouble2 p {
      font-size: 2vw;
   }
   .trouble3 {
      width: 30vw;
   }
   .trouble3 p {
      font-size: 2vw;
   }
}
/*解決策*/
.solution {
   background-color: #95BA43;
   padding-bottom: 10vw;
}
.solution_box {
   display: flex;
   flex-direction: column;
   align-items: center;
}
.triangle_top {
   width: 50vw;
   margin-bottom: 2.5vw;
}
.solution_inner {
   width: 100%;
   display: flex;
   flex-direction: column;
   align-items: center;
}
.solution_inner1 {
   width: 20vw;
   height: 6vw;
   position: relative;
}
.solution_inner1  img {
   width: 20vw;
   position: absolute;
}
.solution_inner1 p {
   font-size: 3vw;
   position: absolute;
   color: #eeefee;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   white-space: nowrap;
}
.solution_inner2 {
   text-align: center;
   color: #5B4E4E;
   margin-bottom: 2.5vw;
}
.solution_inner2 img {
   width: 50vw;
   margin-bottom: 1vw;
}
.small {
   font-size: 2.5vw;
   padding-right: 1vw;
}
.big {
   font-size: 3.5vw;
}
.solution_img {
   width: 100%;
   display: flex;
   justify-content: space-around;
   margin-bottom: 5vw;
}
.solution_img img {
   width: 20vw;
}
.solution_1 {
   height: 85vh;
   position: relative;
   margin-top: 5vw;
   margin-bottom: 10vw;
}
.solution_1 img {
   position: absolute;
   margin-left: 10vw;
   width: 80vw;
}
.solution_1 p {
   position: absolute;
   right: 10vw;
   font-size: 1.8vw;
   line-height: 2.5vw;
   color: #eeefee;
}
.solution_1 p span {
   font-size: 2.5vw;
   color: #ffef3f;
}
.solution_2 {
   display: flex;
   flex-direction: column;
   margin-bottom: 10vw;
}
.solution_2_inner {
   display: flex;
   align-items: center;
   justify-content: center;
   margin-left: 2.5vw;
}
.solution_2_inner img {
   width: 22.5vw;
}
.solution_2_img {
   margin-left: 10vw;
   width: 80vw;
}
.solution_2 p {
   bottom: 2vw;
   left: 10vw;
   font-size: 1.8vw;
   line-height: 2.5vw;
   color: #eeefee;
}
.solution_2 p span {
   font-size: 2.5vw;
   color: #ffef3f;
}
.solution_3 {
   display: flex;
   flex-direction: column;
}
.solution_3_inner {
   display: flex;
   align-items: center;
   justify-content: center;
   margin-left: 22.5vw;
}
.solution_3_inner img {
   width: 22.5vw;
}
.solution_3_img {
   margin-left: 10vw;
   width: 80vw;
}
.solution_3 p {
   bottom: 0;
   left: 22.8vw;
   font-size: 1.8vw;
   line-height: 2.5vw;
   color: #eeefee;
}
.solution_3 p span {
   font-size: 2.5vw;
   color: #ffef3f;
}
/*タブレット*/
@media screen and (max-width: 1025px) and (min-width: 450px) {
   .solution_img img {
      width: 21.5vw;
   }
   .solution_1 {
      height: 40vh;
   }
   .solution_1 p {
      font-size: 2vw;
   }
   .solution_1 p span {
      font-size: 2.8vw;
   }
   .solution_2 p {
      font-size: 2vw;
   }
   .solution_2 p span {
      font-size: 2.8vw;
   }
   .solution_3 p {
      font-size: 2vw;
   }
   .solution_3 p span {
      font-size: 2.8vw;
   }
   .solution_3_inner {
      margin-left: 5vw;
   }
}
/*スマホ*/
@media screen and (max-width: 450px) {
   .solution_inner1 {
      width: 25vw;
      height: 7vw;
   }
   .solution_inner1  img {
      width: 25vw;
   }
   .solution_inner1 p {
      font-size: 3.5vw;
   }
   .solution_inner2 img {
      width: 75vw;
   }
   .small {
      font-size: 3.5vw;
   }
   .big {
      font-size: 4.5vw;
   }
   .solution_img img {
      width: 30vw;
   }
   .solution_1 {
      height: 28vh;
      margin-top: 10vw;
   }
   .solution_1 img {
      margin-left: 2.5vw;
      width: 95vw;
   }
   .solution_1 p {
      font-size: 2.25vw;
      line-height: 3vw;
      right: 2.5vw;
   }
   .solution_1 p span {
      font-size: 3.5vw;
      line-height: 4.5vw;
   }
   .solution_2_img {
      margin-left: 2.5vw;
      width: 95vw;
   }
   .solution_2 p {
      font-size: 2.25vw;
      line-height: 3vw;
   }
   .solution_2 p span {
      font-size: 3.5vw;
      line-height: 4.5vw;
   }
   .solution_3_img {
      margin-left: 2.5vw;
      width: 95vw;
   }
   .solution_3 p {
      font-size: 2.25vw;
      line-height: 3vw;
   }
   .solution_3 p span {
      font-size: 3.5vw;
      line-height: 4.5vw;
   }
   .solution_3_inner {
      margin-left: 2.5vw;
      justify-content: space-between;
   }
}
/*車種・料金*/
.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 {
   width: 18vw;
   vertical-align:middle;
   font-weight: bold;
 }
.th_2,
.th_3,
.td_1,
.td_2 {
   text-align: center;
   padding: 1.5vw;
}
.th_1 {
   text-align: center;
   color: #eeefee;
   font-size: 1.5vw;
}
.th_2 {
   background-color: #FFDE59;
   color: #5B4E4E;
   font-size: 1.5vw;
}
.th_3 {
   background-color: #49C8B5;
   color: #eeefee;
   font-size: 1.5vw;
}
.th_4 {
   display: flex;
   justify-content: space-between;
   padding: 1.5vw;
   color: #49C8B5;
   background-color: #fff;
   font-size: 1.5vw;
}
.th_4 img {
   width: 7vw;
}
.td_1 {
   color: #5B4E4E;
   font-size: 1.5vw;
   background-color: #fff;
}
.td_2 {
   color: #F0A32F;
   font-size: 2vw;
   background-color: #fff;
}
/*スマホ*/
@media screen and (max-width: 450px) {
   table {
      width: 95%;
   }
   table th,
   table td {
      width: 20vw;
   }
   .th_1 {
      font-size: 2.5vw;
   }
   .th_2 {
      font-size: 2.5vw;
   }
   .th_3 {
      font-size: 2.5vw;
   }
   .th_4 {
      font-size: 2.25vw;
   }
   .th_4 img {
      width: 7.5vw;
   }
   .td_1 {
      font-size: 2vw;
   }
   .td_2 {
      font-size: 2.25vw;
   }
}

/*ご利用方法*/
.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: 0 auto;
}
.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: 1025px) and (min-width: 450px) {
   .guid_txt {
      width: 13vw;
      font-size: 1.5vw;
   }
}
/*スマホ*/
@media screen and (max-width: 450px) {
   .guid_txt {
      width: 15.5vw;
      font-size: 1.85vw;
   }
   .guid_inner {
      width: 95%;
   }
   .guid_img h4 {
      font-size: 2.25vw;
      margin-bottom: 5%;
      margin-top: 2.5%;
   }
}
/*お客様の声*/
.voice {
   background-color: #95BA43;
   padding-bottom: 2vw;
}
.voice h3 {
   padding-bottom: 5vw;
}
.voice_inner {
   width: 90%;
   display: flex;
   justify-content: space-between;
   margin: 0 auto;
}
.voice_item {
   width: 28.5vw;
   background-color: #eeefee;
   border-radius: 1.5vw;
   padding: 1vw;
}
.voice_title {
   display: flex;
   align-items: center;
   margin-bottom: 1vw;
}
.voice_title img {
   width: 5vw;
   margin-right: 1.5vw;
}
.voice_title h4 {
   color: #49C8B5;
   font-size: 1.25vw;
   line-height: 1.85vw;
}
.voice_hr {
   margin-bottom: 1vw;
   color: #5B4E4E;
}
.voice_item p {
   font-size: 1.15vw;
   line-height: 1.85vw;
   color: #5B4E4E;
}
/*タブレット*/
@media screen and (max-width: 1025px) and (min-width: 450px) {
   .voice_title img {
      width: 4.5vw;
      margin-right: 1vw;
   }
   .voice_title h4 {
      font-size: 1.3vw;
   }
   .voice_item p {
      font-size: 1.25vw;
   }
}
/*スマホ*/
@media screen and (max-width: 450px) {
   .voice_inner {
      width: 85%;
      flex-direction: column;
   }
   .voice_item {
      width: 85vw;
      padding: 2.5vw;
      margin-bottom: 5vw;
   }
   .voice_title img {
      width: 15vw;
      margin-right: 2.5vw;
   }
   .voice_title h4 {
      font-size: 3.8vw;
      line-height: 4.5vw;
   }
   .voice_item p {
      font-size: 3vw;
      line-height: 3.5vw;
   }
   .voice_hr {
      margin-top: 1.5vw;
      margin-bottom: 1.5vw;
   }
}

/*お問い合わせ*/
.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: #49C8B5;
}
.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) {
   .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;
   }
}