@charset "UTF-8";

body {
  background: #FFF ;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400 ;
  font-optical-sizing: auto;
  font-style: normal;
}

h2 {
  font-weight: 800 ;
  margin-bottom: 15px ;
  color: #1c4da0 ;
}

p {
  font-size: 1.2rem ;
  line-height: 1.8 ;
}

.bold {
  font-weight: 700 ;
}

.red {
  color: #F00 ;
  font-weight: 700 ;
}

a:hover {
  text-decoration: none ;
}

.header-bg {
  background: #1c4da0 ;
  color: #FFF ;
  position: fixed ;
  padding: 7px 30px 12px ;
  z-index: 10 ;
}

.header-bg h1 {
  font-weight: 700 ;
  font-size: 2rem ;
  line-height: 1 ;
  margin-bottom: 0;
  margin-top: 4px;
}

.header-bg p {
  font-weight: 700 ;
  font-size: 2rem ;
  margin-bottom: 0 ;
  line-height: 1.2 ;
}

.header-bg p span {
  font-weight: 500 ;
  font-size: 1.2rem ;
  
}

.header-bg a {
  color: #FFF ;
}

.main-img {
  
}

.main-img img {
  margin-top: 90px ;
}

.exp-col {
  padding: 70px 0 ;
}

.to-site>div {
  padding: 20px ;
}

.to-site a {
  padding: 20px 40px ;
  display: block ;
  background: #F00 ;
  color: #FFF ;
  cursor: pointer !important ;
  font-size: 1.2rem;
  letter-spacing: 0.1rem ;
}

.to-keisoku a {
  padding: 20px 40px ;
  display: block ;
  background: #134da0 ;
  color: #FFF ;
  cursor: pointer !important ;
  font-size: 1.2rem;
  letter-spacing: 0.1rem ;
}

.to-site a:hover,
.to-keisoku a:hover {
  background: #000 ;
  cursor: pointer ;
}

.inq {
  padding: 70px 0 ;
  background: #F2F2F2 ;
}

span.dial {
  font-size: 3.2rem;
  font-weight: 900;
  margin-left: 10px;color: #F00 ;
}


.info {
  padding: 30px 0 ;
  border: 1px solid #999 ;
  background: #effcff ;
}

.info p img {
  max-width: 60px ;
  vertical-align: text-bottom;
}

footer {
  background: #1c4da0 ;
  color: #FFF ;
  padding: 70px 0 30px ;
}

footer h3 {
  font-size: 1.3rem ;
}

.p-100 {
 padding: 100px 0 70px ; 
}

.footer-col {
  padding: 15px ;
  border: 1px solid #FF0 ;
  background: rgba(255,255,255,0.1) ;
  text-align: center ;
}

.footer-col p {
  color: #FF0 ;
  margin-bottom: 0 ;
}

@media screen and (max-width: 767px) {
  .header-bg h1 {
  font-size: 1.3rem ;
}
  
  .text-right {
    text-align: center !important ;
  }
  
  .main-img img {
    margin-top: 150px ;
  }
  
  .main img {
  margin-top: 50px;
}
}