@charset "UTF-8";
/* CSS Document */
@import url("https://fonts.googleapis.com/css?family=Noto+Sans:400,500,700,600|Noto+Music:400");
html{
  font-size: 16px;
  font-family: "Noto Sans", Helvetica;
  line-height: 1.4;
  word-break: break-all;
  text-align: justify; 
}
p{  font-family: "Noto Sans", Helvetica;}
img{
  width: 100%;
  height: auto;
}
.inner{
  width: 100%;
  max-width: 1024px;
  margin: 0 auto;
  padding: 0 12px;
}
.pcOn{
  display:block;
}
.spOn{
  display: none;
}
.headerBox{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.headMenu{margin: 0.5% 0 1%;}
.leadSent{text-align: center; font-size: 1.5vw; color: #24314a; letter-spacing: 0.3vw;}
.blueColor{color: #3799a5;}
.bgBlue{background-color: #3799a5;}
.headerBox .logoIcon{width: 25.4%;}
.headerBox .telBtn{width: 29.3%;}
.headerBox .mailBtn{width: 18.6%;}
.headerBox .blogBtn{width: 6.4%;}
header, section{overflow: hidden;}
h2.ttl01{font-weight: bold; font-size: 3.2vw; color: #24314a}

footer{text-align: center; border-top: 1px solid #000; color: #24314a; font-size: 0.8em;}
footer .logo{display: table; margin: 1% auto; width: 20%;}
footer .telBtn{width: 26%; margin: 2.4% auto; display: table;}

@media screen and (min-width:1200px){
h2.ttl01{font-weight: bold; font-size: 37.5px;}
  

}
@media screen and (max-width:780px){
  .pcOn{display: none;}
  .spOn{display: block;}
  header .telBtn, header .mailBtn{display: none;}
  .headerBox .blogBtn {width: 25%;margin-right: 10%;}
  .headerBox .logoIcon{width: 45%; margin: 1% 0 1% 2%;}
  footer{font-size: 2.7vw; padding-bottom: 130px;}
  footer .telBtn {width: 60%;}
  footer .logo {width: 40%; margin: 3% auto;}
  footer .copyright{font-size: 1.8vw;}
}
@media screen and (max-width:445px){

}