@charset "utf-8";
 /* CSS Document */
 .section-top__bg {
   width: 100%;
   height: 730px;
   background-color: #F7F6F2;
 }
 .section-top__bg__inner {
   padding: 15px 24px 0;
 }
 
 .section-header__tel img {
   width: 38px;
   margin: -2px 5px 0 0;
 }
 .scooter__illast__wrapper {
   position: relative;
 }
 .scooter__big__blue__left {
   position: absolute;
   top: 20px;
   left: 10px;
 }
 .scooter__small__white__right {
   position: absolute;
   top: 15px;
   right: 10px;
 }
 .scooter__small__red__right {
   position: absolute;
   top: 80px;
   left: 120px;
 }
 .scooter__big__white__right {
   position: absolute;
   top: 170px;
   left: 10px;
 }
 .scooter__big__black__left {
   position: absolute;
   top: 150px;
   left: 200px;
 }
 .scooter__big__beige__left {
   position: absolute;
   top: 280px;
   left: 50px;
 }
 .scooter__big__bluewhite__left {
   position: absolute;
   top: 290px;
   right: 10px;
 }
 .scooter__small__bluewhite__right {
   position: absolute;
   top: 400px;
   left: 3px;
 }
 .scooter__small__beige__right {
   position: absolute;
   top: 410px;
   right: 5px;
 }
 .scooter__big__red__left {
   position: absolute;
   top: 470px;
   left: 130px;
 }
 .scooter__small__black__right {
   position: absolute;
   top: 550px;
   left: 10px;
 }
 .scooter__small__blue__right {
   position: absolute;
   top: 560px;
   right: 20px;
 }
 .scooter__illast__big img {
   width: 120px;
 }
 .scooter__illast__small img {
   width: 80px;
 }
 /*レスポンシブ*/
 @media(min-width:769px) {
   .section-top__bg {
     height: 770px;
   }
    .section-top__bg__inner {
    padding: 50px 143px 0;
  }
   .scooter__illast__wrapper {
     padding: 0 10%;
   }
   .scooter__big__blue__left {
     top: 30px;
     left: 0;
   }
   .scooter__small__white__right {
     top: 15px;
     right: 2vw; /*10px*/
   }
   .scooter__small__red__right {
     top: 80px;
     left: 30vw; /*280px*/
   }
   .scooter__big__white__right {
     top: 200px;
     left: 10vw; /*60px*/
   }
   .scooter__big__black__left {
     top: 80px;
     left: auto;
     right: 19vw; /*150px*/
   }
   .scooter__big__beige__left {
     top: 380px;
     left: 22vw; /*220px*/
   }
   .scooter__big__bluewhite__left {
     top: 240px;
     right: 27vw; /*300px*/
   }
   .scooter__small__bluewhite__right {
     top: 360px;
     left: 0; /*3px*/
   }
   .scooter__small__beige__right {
     top: 260px;
     right: 2vw; /*5px*/
   }
   .scooter__big__red__left {
     top: 440px;
     left: auto;
     right: 26vw; /*210px*/
   }
   .scooter__small__black__right {
     top: 500px;
     left: 10vw; /*10px*/
   }
   .scooter__small__blue__right {
     top: 510px;
     right: 4vw; /*20px*/
   }
 }
 /*レスポンシブ終わり*/
 .section-second-image__bg {
   width: 100%;
   height: 562px;
   background-color: #F2F2F2;
 }
 .section-second-image__discription {
   position: absolute;
   top: 160px;
   left: 24px;
   z-index: 2;
 }
 .section-second-image__title {
   font-family: Arial, Helvetica, "sans-serif";
   font-weight: 600;
   font-size: 3.1rem;
   line-height: 4.0rem;
 }
 .section-second-image__detail {
   margin-top: 15px;
 }
 .section-second-image__wheel__wrapper {
   position: relative;
 }
 .section-second-image__wheel {
   position: absolute;
   top: 80px;
   right: 0px;
   z-index: 0;
 }
 .section-second-image__wheel img {
   width: 210px;
 }
 /*レスポンシブ*/
 @media(min-width:749px) {
   .section-second-image__bg {
     height: auto;
   }
   .section-second-image__discription {
     top: 230px;
     left: 143px;
   }
   .section-second-image__wheel__pc {
     margin-left: 50%;
     padding: 50px 0 100px;
   }
   .section-second-image__wheel__pc img {
     width: 440px;
   }
 }
 /*レスポンシブ終わり*/
 .section-index-about__bg {
   width: 100%;
   /*   height: 860px;*/
   margin-top: -50px;
   border-radius: 50px 50px 0 0;
   background-color: #fbfbfb;
 }
 .section-index__title {
   padding-top: 60px;
   text-align: center;
   font-size: 2.0rem;
 }
 .section-index-about__picture img {
   width: 100%;
   margin-top: 60px;
 }
 .section-index__discription {
   margin: 60px 16px 0;
 }
 .section-index-about__discription {
   margin: 60px 24px 0;
 }

 .section-index__button {
   display: flex;
   width: 170px;
   height: 50px;
   margin: 60px 16px 160px auto;
   background-color: #201801;
   color: #FFFFFF;
   align-items: center;
   justify-content: center;
 }
.contact__button {
  width: 100%;
  border-radius: 30px;
  margin-bottom: 100px;
}
 .section-index__button a {
   color: #FFFFFF;
   text-decoration: none;
 }
 .about-button {
   margin-right: 24px;
 }
 .section-index-contact__button {
   width: 100%;
   border-radius: 20px;
   margin-top: 40px;
 }
 .section-index___bg {
   width: 95%;
   margin: -50px auto 0;
   border-radius: 50px 50px 0 0;
 }
 .new_scooter_bg {
   background-color: #F2F2F2;
   height: 800px;
 }
 .used_scooter_bg {
   background-color: #fbfbfb;
 }
 .maintenance_bg {
   background-color: #F2F2F2;
   height: 845px;
 }
 .motorcycle_bg {
   background-color: #fbfbfb;
 }
 .contact_bg {
   width: 100%;
/*   height: 940px;*/
   background-color: #F2F2F2;
   border-radius: 50px;
   padding-bottom: 1px;
 }
 .section-index__title__name {
   padding-top: 30px;
   text-align: center;
   font-size: 2.0rem;
 }
 .section-index__illast {
   width: 183px;
   margin: 50px auto 0;
 }
 .section-index__illast img {
   width: 183px;
 }
 .section-index__title__rubi {
   padding-top: 10px;
   text-align: center;
   font-size: 1.8rem;
 }
 .title__contact {
   padding-top: 60px;
 }

 .section-index-motorcycle__button__flex-wrapper {
   display: flex;
   justify-content: space-between;
 }
/*
 .section-index__goobike_button {
   display: flex;
   width: 130px;
   height: 46px;
   margin: 60px auto 0 16px;
   background-color: #F2F2F2;
   color: #201801;
   border: 2px solid #201801;
   align-items: center;
   justify-content: center;
 }
 .section-index__goobike_button a {
   color: #201801;
   text-decoration: none;
 }
*/
 address {
   font-style: normal;
 }
 .section-index__map {
   width: 100%;
   margin: 50px auto 0;
   position: relative;
   height: 0;
   padding-top: 75%;
 }
 .section-index__map iframe {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
 }
 .section-index-contact__tel-button {
   display: flex;
   width: 100%;
   height: 50px;
   margin: 60px 16px 0 auto;
   background-color: #201801;
   color: #fbfbfb;
   align-items: center;
   justify-content: center;
   font-size: 1.9rem;
 }
 .section-index-contact__tel-button img {
   width: 52px;
   padding: 3px 3px 0 0;
   vertical-align: middle;
 }
 .section-index-contact__tel-number a {
   text-decoration: none;
   color: #FFFFFF;
 }
 .section-index-contact__detail {
   margin: 40px auto 0 24px;
   line-height: 3.0rem;
 }
 .animated:hover {
   animation-name: swing;
   animation-duration: 1s;
   animation-iteration-count: infinite;
 }
/*レスポンシブ*/
@media(min-width: 749px) {
  .section-index-about__discription {
    margin: 60px 143px 0;
  } 
  .section-index__button__pc {
    display: flex;
   width: 300px;
   height: 50px;
   margin: 60px auto 150px;
   background-color: #201801;
   color: #FFFFFF;
    border-radius: 30px;
   align-items: center;
   justify-content: center;
  }
  .section-index__button__pc a {
     color: #FFFFFF;
   text-decoration: none;
  }
  .menu-pannel__pc__flex-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 143px;
  }
.section-index-new_scooter,.section-index-used_scooter,.section-index-maintenance,.section-index-motorcycle {
width: 48%; 
}
  .section-index-new_scooter,.section-index-maintenance {
    margin-right: 20px;
  }
  .section-index-maintenance,.section-index-motorcycle {
    min-height: 518.4px;
  }
  .new_scooter_bg__pc,.motorcycle_bg__pc {
     background-color: #F2F2F2;
    padding-bottom: 60px;
  }
  .used_scooter_bg__pc,.maintenance_bg__pc {
     background-color: #F7F6F2;
    padding-bottom: 60px;
  }
  .section-index__discription {
    margin: 60px 10% 0;
  }
  .section-index__button {
   margin: 60px auto;
 }
  .motorcycle__button {
    margin-top: 90px;
  }
  .maintenance_bg__pc,.motorcycle_bg__pc {
    border-radius: 50px;
  }
  .section-index-about__discription {
    text-align: center;
  }
  .section-index-contact {
    margin-top: 140px;
  }
  .contact_bg {
    height: auto;
    padding-bottom: 10px;
  }
  .section-index-contact__detail {
    width: 320px;
    margin: 50px auto;
    align-items: center;
  }
  .section-index-contact__button__pc {
    width: 300px;
  margin: 60px auto 90px;
    border-radius: 30px;
  }
  .section-index-contact__button__pc a {
    text-decoration: none;
    color: #FFFFFF;
  }
  .apology {
    text-align: left;
    margin-bottom: 70px;
  }
  .apology_head {
    text-align: center !important;
    font-weight: 700;
  }
}
/*レスポンシブ終わり*/