navbar-navnavbar-navnavbar-navnavbar-navnavbar-navnavbar-nav@charset "UTF-8";
.mt5 { margin-top: 5px;}
.mt10 { margin-top: 10px;}
.mt20 { margin-top: 20px;}
.mt30 { margin-top: 30px;}
.mt40 { margin-top: 40px;}
.mt50 { margin-top: 50px;}
.mt60 { margin-top: 60px;}
.mt70 { margin-top: 70px;}
.mt80 { margin-top: 80px;}
.mt90 { margin-top: 90px;}
.mt100 { margin-top: 100px;}
.mb5 { margin-bottom: 5px;}
.mb10 { margin-bottom: 10px;}
.mb20 { margin-bottom: 20px;}
.mb30 { margin-bottom: 30px;}
.mb40 { margin-bottom: 40px;}
.mb50 { margin-bottom: 50px;}
.mb60 { margin-bottom: 60px;}
.mb70 { margin-bottom: 70px;}
.mb80 { margin-bottom: 80px;}
.mb90 { margin-bottom: 90px;}
.mb100 { margin-bottom: 100px;}
.ml5 { margin-left: 5px;}
.ml10 { margin-left: 10px;}
.ml20 { margin-left: 20px;}
.ml30 { margin-left: 30px;}
.ml40 { margin-left: 40px;}
.ml50 { margin-left: 50px;}
.ml60 { margin-left: 60px;}
.ml70 { margin-left: 70px;}
.ml80 { margin-left: 80px;}
.ml90 { margin-left: 90px;}
.ml100 { margin-left: 100px;}
.mr5 { margin-right: 5px;}
.mr10 { margin-right: 10px;}
.mr20 { margin-right: 20px;}
.mr30 { margin-right: 30px;}
.mr40 { margin-right: 40px;}
.mr50 { margin-right: 50px;}
.mr60 { margin-right: 60px;}
.mr70 { margin-right: 70px;}
.mr80 { margin-right: 80px;}
.mr90 { margin-right: 90px;}
.mr100 { margin-right: 100px;}

html { font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;}
body { text-align: center;}

.wrapper { 
  width: 100%;
  text-align: center;
  overflow: hidden;
}

/*gnavi*/

header {
  width: 100%;
}

.logo {
  width: 155px;
  padding-top: 0;
  padding-left: 0px;
  margin-right: 30px;
}

@media (min-width: 1140px) {
  .logo {
  width: 155px;
  padding-top: 0;
  padding-left: 20px;
  margin-right: 30px;
}
}

.navbar-toggler {
  background-color: #004EA2;
}

.number {
  width: 250px;
  text-align: center;
}

@media (max-width: 1140px) {
.number {
  width: 250px;
  background-color: #004EA2;
  text-align: center;
  margin-right: auto;
  margin-left: auto;
}

.numbersm {
  width: 100%;
  background-color: #004EA2;
  text-align: center;
}
}

/*main*/

.main {
  width: 100%;
}

.container {
  color: #FFF;
}

.bg-img {
  background-image: url("../images/img_main.jpg");
  background-size: cover;
  background-position: center 50%;
}

.title {
  font-size: 2.6em;
  font-weight: 500;
  text-align: center;
  color: #004EA2;
  margin-top: 90px;
}

.subtitle {
  font-size: 1.1em;
  font-weight: 500;
  text-align: center;
  margin-bottom: 80px;
}

.title_w {
  font-size: 2.6em;
  font-weight: 500;
  text-align: center;
  color: #FFF;
  margin-top: 20px;
}

.subtitle_w {
  font-size: 1.1em;
  font-weight: 500;
  text-align: center;
  color: #FFF;
  margin-bottom: 80px;
}

.subtitle_b {
  font-size: 1.1em;
  font-weight: 500;
  text-align: center;
  color: #004EA2;
}

.box1 {
  width: 100%;
}

.box-padding {
  width: 80%;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 1140px) {
.box-padding {
  padding-right: 30px;
  margin-right: auto;
  margin-left: auto;
}
}

.text01 {
  font-size: 1.2em;
  font-weight: 700;
  letter-spacing: 1px;
  margin-top: 10px;
  margin-bottom: 20px;
}

.text02 {
  font-size: 1.0em;
  font-weight: 400;
  letter-spacing: 1px;
  line-height: 25px;
  margin-bottom: 50px;
}

.text03 {
  font-size: 1.2em;
  font-weight: 700;
  letter-spacing: 1px;
  color: #004EA2;
  margin-top: 10px;
  margin-bottom: 20px;
}

.text04 {
  font-size: 1.0em;
  font-weight: 400;
  margin-bottom: 50px;
}

.text05 {
  font-size: 1.1em;
  font-weight: 700;
  letter-spacing: 1px;
  margin-top: 10px;
  margin-bottom: 20px;
  color: #004EA2;
}

.blue-box {
  background-color: #004EA2;
  padding-top: 60px;
  padding-bottom: 30px;
  margin-bottom: 70px;
  color: #FFF;
}

@media (min-width: 1200px) {
.card-box {
  width: 80%;
}
}

@media (min-width: 1700px) {
.card-box {
  width: 60%;
}
}

.cord-md {
  width: 90%;
  display: flex;
}

.cord-md img {
  width: 80%;
  margin-bottom: 30px;
}


.blue-box-text {
  color: #FFF;
  font-size: 1.15em;
  font-weight: 500;
  padding-bottom: 70px;
  padding-left: 30px;
  padding-right: 30px;
}

.sales {
  font-weight: 700;
}

.img-car {
  width: 95%;
  text-align: center;
}

.sales-text {
  font-size: 0.9em;
}

.pb70 {
  padding-bottom: 70px;
}

.img-text {
  width: 600px;
}

.img-text2 {
  width: 80%;
}

.cal {
  width: 95%;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 50px;
  padding-left: 5px; 
  text-align: center;
}

.cal iframe {
  width: 100%;
  max-width: 800px;
  height: 400px;
  border: none;
  overflow-y: hidden;
}

@media (min-width: 720px) {
.cal iframe {
  height: 600px;
  border: none;
  overflow-y: hidden;
}
}

.gray-box {
  background-color: #EFEFEF;
  padding-top: 1px;
  color: #004EA2;
  padding-bottom: 70px;
}

.info {
  color: #004EA2;
  font-size: 1.0em;
  font-weight: 500;
  text-align: center;
  margin-bottom: 20px;
}

.info-box {
  background-color: #004EA2;
  border-radius: 100px;
  width: 70%;
  text-align: center;
  padding: 10px;
}

.tel {
  font-size: 1.3em;
  font-weight: 400;
  color: #FFF;
  text-align: center;
  letter-spacing: 1px;
}

.number {
  font-size: 1.8em;
  font-weight: 700;
  color: #FFF;
  text-align: center;
  letter-spacing: 1px;
  margin-left: 5px;
  margin-right: 5px;
}

/*footer*/

.footer {
  background-color: #004EA2;
  padding-bottom: 20px;
  padding-top: 50px;
  text-align: center;
}

.footer-ltd {
  font-size: 70%;
  margin-right: 20px;
}

.footer-logo {
  text-align: center;
  color: #FFF;
  font-size: 1.8em;
  font-weight: bold;
}

.footer-info {
  text-align: center;
  color: #FFF;
  padding-top: 20px;
  padding-bottom: 30px;
  line-height: 30px;
  font-size: 1.0em;
  font-weight: 400;
}

.footer a {
  color: #FFF;
}

.copyright {
  font-size: 0.7em;
  text-align: center;
  color: #FFF;
  margin-top: 10px;
}

@media (max-width: 720px) {
.mobile_img {
    height: 70vh;
  }
  
.title {
  font-size: 2.0em;
  font-weight: 500;
  text-align: center;
  color: #004EA2;
  margin-top: 50px;
}

.subtitle {
  font-size: 1.0em;
  font-weight: 500;
  text-align: center;
  margin-bottom: 40px;
}

.title_w {
  font-size: 2.0em;
  font-weight: 500;
  text-align: center;
  color: #FFF;
  margin-top: 0px;
}

.subtitle_w {
  font-size: 1.0em;
  font-weight: 500;
  text-align: center;
  color: #FFF;
  margin-bottom: 40px;
}
  
.text01 {
  font-size: 1.2em;
  font-weight: 700;
  letter-spacing: 1px;
  margin-top: 10px;
  margin-bottom: 20px;
}

.text02 {
  font-size: 1.0em;
  font-weight: 400;
  letter-spacing: 1px;
  line-height: 25px;
  margin-bottom: 50px;
}

.text03 {
  font-size: 1.2em;
  font-weight: 700;
  letter-spacing: 1px;
  color: #004EA2;
  margin-top: 10px;
  margin-bottom: 20px;
}

.text04 {
  font-size: 1.0em;
  font-weight: 400;
  line-height: 25px;
  margin-bottom: 50px;
}
  
.blue-box-text-md {
  color: #FFF;
  font-size: 0.9em;
  font-weight: 500;
  text-align: left;
}
  
.full-width {
  width: auto;
}
  
.map {
  width: 100vw;
}
  
.text-padding {
  padding-left: 20px;
  padding-right: 20px;
}
  
.card-img {
  width: 200px;
}

.info-box {
  background-color: #004EA2;
  border-radius: 100px;
  width: 90%;
  text-align: center;
  padding: 10px;
}

.tel {
  font-size: 1.0em;
  font-weight: 400;
  color: #FFF;
  text-align: center;
  letter-spacing: 1px;
}

.number {
  font-size: 1.3em;
  font-weight: 700;
  color: #FFF;
  text-align: center;
  letter-spacing: 1px;
  margin-left: 5px;
  margin-right: 5px;
}
}

/*pegetopbtn*/

.page-top{
  position:fixed;
  bottom:20px;
  right:20px;
  z-index: 100;
}
.page-top a{
  display: table-cell;
  vertical-align: middle;  
  width: 70px;
  height:70px;
  background-color: black;
  color: #fff;
  font-size: 10px;
  text-decoration: none;
  text-align: center;  
}
.page-top a:hover{
  background-color: orangered;
}