@charset "UTF-8";
/*--------------------------------------------
		index
---------------------------------------------*/
body {
  background: #f4f7f6;
}

/* アニメーション準備 */
.main-menu,
main,
footer {
  opacity: 0;
}

main {
  background: #fff;
  margin-top: 300px;
  padding-top: 2em;
}

/*-------------- .main-img ----------------*/
.main-img {
  width: 100%;
  height: 300px;
  display: block;
  text-align: center;
  background: #f4f7f6;
  position: fixed;
  top: 0;
  z-index: -1;
}

.main-img__inner {
  width: 215px;
  margin: auto;
  position: relative;
}

#svg-main-logo,
#img-main-logo {
  width: 215px;
  position: absolute;
  top: 86px;
  left: 0;
}

#img-main-logo {
  display: none;
  margin-left: -1px;
  margin-top: -1px;
}

/*-------------- .section-wrap ----------------*/
.section-wrap {
  position: relative;
  margin-top: 5.5em;
  margin-bottom: 5.5em;
  z-index: 1000;
}

.section-wrap:nth-of-type(1) {
  margin-top: 0;
}

.about-img {
  display: block;
  width: 100%;
  max-width: 450px;
  margin: 3em auto 2em;
  -webkit-transition: 0.7s;
  transition: 0.7s;
  opacity: 0;
}

.small-img {
  display: block;
  width: 60%;
  max-width: 180px;
  position: absolute;
  top: -0.5em;
  right: 0;
  z-index: 1000;
  -webkit-transition: 0.7s;
  transition: 0.7s;
}

/*-------------- .content-box ----------------*/
.content-box {
  position: relative;
  z-index: 3000;
  -webkit-transition: 0.7s;
  transition: 0.7s;
}

.content-box__ttl {
  font-family: "sofia-pro-condensed", "YuGothic", "Yu Gothic", "游ゴシック", "游ゴシック体", "San Francisco", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 600;
  /* 600 or 300 */
  font-size: 27px;
  font-size: 2.7rem;
  line-height: 1.2;
  letter-spacing: 0.08em;
  margin-bottom: 0.2em;
}

.content-box__txt {
  text-align: justify;
}

@media screen and (max-width: 959px) {
  .content-box__txt--half {
    width: 70%;
    min-height: 6.3em;
    padding: 0.8em 1em 0.8em 0;
    margin-top: -0.4em;
    background: rgba(255, 255, 255, 0.75);
  }
  .content-box__txt--half br {
    display: none;
  }
}

.content-box__btn-wrap {
  margin-top: 20px;
  z-index: 3000;
}

.content-box--access {
  background: rgba(255, 255, 255, 0.8);
  padding-top: 2em;
  padding-bottom: 2.5em;
  margin-top: 0;
  position: absolute;
  top: 30px;
  left: 0;
}

/*-------------- .access ----------------*/
.access {
  position: relative;
}

.access__map {
  display: block;
  width: 100%;
  height: 250px;
  position: relative;
  z-index: 1000;
  -webkit-transition: 0.7s;
  transition: 0.7s;
}

/*-------------- illust ----------------*/
#illust-leaf,
#illust-carrot {
  -webkit-transition: 0.7s;
  transition: 0.7s;
}

#illust-leaf {
  width: 50px;
  position: absolute;
  left: -15px;
  bottom: -30px;
  z-index: 2500;
}

#illust-carrot {
  width: 115px;
  position: absolute;
  right: -31px;
  bottom: -32px;
  z-index: 2500;
}