@charset "UTF-8";
/* footer_sPhone */

/* ★ mark */
p.star {
  width: 30%;
  height: auto;
  margin: 60px auto;
  color: var(--light_green);
  font-size: 140%;
  letter-spacing: 1em;
  text-indent: 0.3em;
  text-align: center;
  clear: both;
}
/* job offer | btn */
a.job {
  display: block;
  width: 90%;
  height: auto;
  margin: 20px auto 0px;
}

/* kids_paint */
#kids_paint {
  width: 95%;
  height: auto;
  margin: 0px auto 3em;
  }
  #kids_paint img {
    display: block;
		max-width: 320px;
		max-height: 320px;
    width: 100%;
    height: auto;
    margin: 0px auto;
  }
  #kids_paint p {
		max-width: 320px;
    width: 100%;
    height: auto;
    margin: 10px auto 0px;
    font-size: 92%;
    letter-spacing: 0.1em;
    color: var(--green);
    text-align: center;
}

/* philosophy */
#philosophy {
  width: 95%;
  height: auto;
  margin: 0px auto;
  clear: both;
  }
  #philosophy h2 {
    width: 100%;
    height: auto;
    margin: 0px auto;
  }
  #philosophy p {
    width: 95%;
    height: auto;
    margin: 0px auto;
    line-height: 1.9em;
    font-size: 108%;
    font-weight: bold;
    color: var(--brown);
}

/* scroll */
a.page_top {
  display: block;
  width: 20%;
  height: auto;
  margin: 20px 0px 20px 20px;
}

/* footer */
footer {
  width: 100%;
  height: auto;
  background: #fff;
  position: relative;
  z-index: 3;/* for nav.side */
  }
  /*装飾線*/
  footer div.bar {
    width: 100%;
    height: 20px;
    margin-bottom: 30px;
    text-indent: -9999em;
    background-image: url(../img/parts/nav_parts.png);
    background-repeat: no-repeat;
    background-position: left;
    background-size: 40%;
    background-color: var(--green);
}
/* infomation */
section.infomation {
  width: 90%;
  height: auto;
  margin: 0px auto;
  }
  /* company infomation*/
  section.infomation dl.info_ft {
    width: 100%;
    height: auto;
    margin-bottom: 0px;
    }
    section.infomation dl.info_ft a {
      color: var(--link_blue);
    }
    /* Logo */
    section.infomation dl.info_ft h2 {
      width: 100%;
      height: auto;
      margin: 0px auto 20px;
    }
    /* company infomation */
    section.infomation dl.info_ft ul {
      width: 90%;
      height: auto;
      margin: 0px auto 20px;
    }
    dl.info_ft ul li {
      width: 100%;
      height: auto;
      line-height: 1.8em;
      font-size: 100%;
      font-weight: bold;
      color: var(--green_2);
      letter-spacing: 0.05em;
      text-indent: 0.1em;
      }
      dl.info_ft ul li:nth-child(1) {
        margin-bottom: 15px;
      }
      /* main and brunch title */
      dl.info_ft ul li b {
        color: #279b62;
        font-size: 90%;
        font-weight: normal;
        display: block;
      }
      /* tel title */
      dl.info_ft ul li:nth-of-type(1) span {
        display: block;
        font-size: 80%;
        font-weight: bold;
        color: var(--pastel_green);
      }
      /* mail and url title */
      dl.info_ft ul li span {
        display: inline;
        font-size: 80%;
        font-weight: bold;
        color: var(--pastel_green);
    }
    /* line */
    dl.info_ft article.line {
      width: 90%;
      height: auto;
      margin: 0px auto 30px;
      }
      a.lineBtn {
        display: block;
        width: 90px;
        height: 30px;
        float: left;
      }
      dl.info_ft section.line_txt {
        font-size: 4vw;
        font-weight: bold;
        color: #00b900;/* line green */
        letter-spacing: 0.1em;
  }
  /* company map and photo */
  section.map {
    width: 90%;
    height: auto;
    margin: 30px auto 12%;
    }
    section.ads {
      width: 100%;
      height: auto;
      justify-content: space-between;
      flex-wrap: wrap;
      display: flex;
      align-items: baseline;
    }
    section.ads dl {
      width: 49%;
      height: auto;
      margin-bottom: 2%;
      }
      section.ads dl dd img {
        display: block;
        width: 100%;
        height: auto;
      }
      section.ads dl dt {
        font-size: 100%;
        color: #279b62;
        margin-bottom: 3%;
        letter-spacing: 0.05em;
    }
    /* gmap */
    #gmap {
      width: 100%;
      height: 300px;
      background: var(--pastel_green);
      }
      /* Google map */
      button.gm-ui-hover-effect {
        display: none !important;
      }
      div.map_info p {
        font-size: 108%;
        text-align: center;
        font-weight: bold;
        color: var(--brown);
        }
        div.map_info p span {
          display: block;
          font-size: 72%;
          text-align: center;
          font-weight: normal;
          color: #999;
}
/* small */
small {
  font-family: "Shin Go Regular";/* sakura web font */
  display: block;
  width: 100%;
  height: auto;
  margin-top: 0px;
  padding: 15px 0px;
  font-size: 65%;
  letter-spacing: 0.1em;
  text-align: center;
  color: var(--brown);
  border-top: 5px solid var(--pastel_green);
  clear: both;
  }
  small b {
    font-family: "Shin Go Medium";/* sakura web font */
}