@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=M+PLUS+Rounded+1c:800&display=swap&subset=japanese');
@import url('https://fonts.googleapis.com/css?family=Kosugi+Maru&display=swap');
/* CSS Document */

body {
  color: #474542;
  font-family: 'Kosugi Maru','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;
}
.tel a,
.tel_footer a {
    color: #81561E;
    text-decoration:none;
    }
.wrapper {
  max-width: 768px;
  margin: 0 auto;
}
.header-main {
  position: relative;
  margin: 0 auto;
  width: 768px;
}
.logo {
  position: absolute;
  top: 10px;
  left: 0;
}
.logo img {
  width: 260px;
}
.tel {
  position: absolute;
  top: 45px;
  left: 0;
  font-family: 'Tahoma','Arial Rounded MT Bold';
  font-size: 1.7em;
  font-weight: bold;
  color: #81561E;
}
.yoyaku {
  position: absolute;
  top: 10px;
  right: 0;
  background-color: #FB9B3C;
  box-shadow: 0 4px 0 rgba(0,0,0,0.16);
  border-radius: 10px;
  color: #FFF;
}
.yoyaku_bace {
  padding: 0.5em 1em;
}
.yoyaku_phone {
  float: left;
  font-size: 2.4em;
  margin-top: .1em;
  margin-right: .2em;
}
.yoyaku_moji {
  float: left;
}
.yoyaku_moji h3 {
  font-size: 1.25em;
  line-height: .5;
  font-weight: bold;
  margin-top: .4em;
}
.yoyaku_moji p {
  line-height: 0;
  margin-bottom: .85em;
  font-size: 1.15em;
}
.cf:before, .cf:after {
    content:"";
    display: table;
}
#menu-box {
  position: absolute;
  top: 90px;
  left: 0;
  width: 100%;
  z-index: 10;
}
#menu {
  width: 100%;
  max-width: 768px;
  margin: 0 auto;
  padding: 0;
  font-size: .7em;
}
#menu li {
  display: inline-block;
  float: left;
  width: 13.7%;
  margin: 0 .195em;
  padding: 0;
}
#menu li a {
  display: block;
  padding: 12px 0 10px;
  background: #F09898;
  color: #fff;
  text-align: center;
  text-decoration: none;
  border-radius: 5px;
}
@media (max-width: 767px) {
#menu-box {
  position: fixed;
  top: 0;
}
#menu {
  text-align: center;
  width: 100%;
  margin: 0 1%;
  font-size: .7em;
}
#menu li {
  display: table-cell;
  float: left;
  width: 23.5%;
  margin: 1em .3.5em;
  padding: .5em 0 0;
}
#menu li a {
display:flex;
-webkit-align-items: center;
-webkit-justify-content: center; 
align-items: center; /*上下中央*/
justify-content: center; /*左右中央*/
  height: 18px;
  background: #F09898;
  color: #fff;
  text-align: center;
  text-decoration: none;
  border-radius: 2px;
}
}
#menu li a:hover{
  background: #F86868;
}
#menu br {
  display: none;
}
.midashi {
  max-width: 768px;
  background: url("../images/midashi_bg.jpg");
  background-position: center 60%;
  background-size: cover; 
  height: 120px;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  text-align: center;
}
.midashi_star img{
  margin: 12px 0 8px;
  width: 70px;
  text-align: center;
}
.midashi_title {
  display: inline-block;
  width: auto;
  padding: 0 .5em;
  font-size: 1.8em;
  font-weight: bold;
  color: #077FF8;
  border-left: solid #F09898 4px;
  border-right: solid #F09898 4px;
  text-shadow: 2px 2px 2px #FFF;
}
.container {
  display: flex;
}
.main {
  width: 100%;
  margin: 24px 0;
}
footer {

}

#footer_bace {

}
.footer_top {
  margin: 1em 0;
  display: flex;
  justify-content: center;
}
.footer_top ul {
  flex-wrap: wrap;
  width: 396px;
}
.footer_name, .footer_yoyaku {
  width: 370px;
  padding: 0 .5em;
}
.footer_yoyaku {
  position: relative;
}
.footer_bottom {
  background-color: #F8F8A1;
  padding-bottom: .5em;
}
.footer_logo {
  display: block;
  width: 260px;
  margin: 2em auto 0;
  padding: 1em 0 .5em;
}
.credit {
  text-align: center;
}
small {
  font-size: 0.75em;
  color: #707070;
}
.shinsatsu_jikan {
  font-size: .8em;
}
.shinsatsu_jikan table {
  width: 100%;
  margin: 0 0 .5em;
}
.shinsatsu_jikan th, .shinsatsu_jikan td {
  text-align: center;
  padding: 10px;
  border: 1px solid #ccc;
  font-weight: normal;
}
.shinsatsu_jikan td {
  color: #2e3993;
}
.shinsatsu_jikan p {
  text-align: center;
  line-height: 1.5;
}
.shinsatsu_jikan p strong {
  color: #890000;
}
.shinsatsu_jikan em {
  color: #2e3993;
  font-style: normal;
}
.shinsatsu_jikan .normal {
  color: #000 !important;
}
.shinsatsu_koyui th {
  color: #FFF;
  background-color: #1E99A8;
}
.shinsatsu_usui {
  background-color: #D2EBEE;
}
.yoyaku_footer {
  position: absolute;
  width: 300px;
  margin: 0;
  top: 10px;
  left: 10%;
  background-color: #FB9B3C;
  box-shadow: 0 4px 0 rgba(0,0,0,0.16);
  border-radius: 10px;
  color: #FFF;
}
.yoyaku_bace_footer {
  padding: 0.5em 1em;
}
.yoyaku_phone_footer {
  float: left;
  font-size: 3.2em;
  margin-right: .2em;
}
.yoyaku_moji_footer {
  float: left;
}
.yoyaku_moji_footer h3 {
  font-size: 1.5em;
  line-height: .5;
  font-weight: bold;
  margin-top: .4em;
}
.yoyaku_moji_footer p {
  line-height: .5;
  margin-bottom: .65em;
  font-size: 1.3em;
}
.tel_footer {
  width: 100%;
  position: absolute;
  top: 102px;
  left: 0;
  font-family: 'Tahoma','Arial Rounded MT Bold';
  font-size: 1.7em;
  font-weight: bold;
  color: #81561E;
  text-align: center;
}
@media only screen and (max-width: 767px) {
header {
  height: 290px !important;
}
.mojikan_awase {
  letter-spacing: 0.05em;
}
.mojikan_awase02 {
  letter-spacing: -.01em;
}
.mojikan_awase03 {
  letter-spacing: -.03em;
}
.mojikan_awase04 {
  letter-spacing: .1em;
}
.mojikan_awase05 {
  letter-spacing: -.025em;
}
}
@media (max-width: 768px){
.container {
    flex-direction: column;
  }
.header-main {
  width: 100%;
}
  .main,
  .side {
    width: 100%;
  }
}

@media (max-width: 767px) {
.header-main {
  position: relative;
  margin: 0 auto;
  width: 100%;
}
.logo {
  position: static;
}
.logo img {
  display: block;
  width: 320px;
  margin: 100px auto 0;
  padding: 1em;
}
.tel {
  position: static;
  text-align: center;
}
.yoyaku {
  display: block;
  margin: 0 auto;
  width: 280px;
  top: 110px;
  left: 0;
  background-color: #FB9B3C;
  box-shadow: 0 4px 0 rgba(0,0,0,0.16);
  border-radius: 10px;
  color: #FFF;
}
.yoyaku_moji h3 {font-size: 1.45em}
.footer_top {
  display: block;
  height: 230px;
}
.footer_name, .footer_yoyaku {
  width: 300px;
  margin: 0 auto;
  padding: 0 0;
}
.shinsatsu_jikan {
  font-size: .65em;
}
.shinsatsu_jikan th, .shinsatsu_jikan td {
  text-align: center;
  padding: 8px;
  margin: 0;
  border: 1px solid #ccc;
  font-weight: normal;
}
.yoyaku_footer {
  margin: 0;
  top: 20px;
  left: 0;
}
.mojikan_awase,
.mojikan_awase02,
.mojikan_awase03,
.mojikan_awase04 {
  letter-spacing: 0;
}
}
@media (max-width: 414px) {
header {
  height: 580px !important;
}
#menu-box {
  background-color: rgba(255,255,255,0.75);
  padding-bottom: .5em;
}
.logo img {
  display: block;
  width: 95%;
  margin: 90px auto 0;
  padding: 1em 0;
}
.tel {
  font-size: 1.3em;
  margin-top: -0.1em;
}
.yoyaku {
  top: 108px;    
}
.none {
  display: none;
}
#menu br {
  line-height: 1.25;
}
#menu br {
  display: inline;
}
}