/*--------------------------------------------
		index
---------------------------------------------*/
/*-------------- .main-img ----------------*/
.main-img {
  height: 460px;
  padding-left: 185px;
}

.main-img__inner {
  width: 300px;
}

#svg-main-logo,
#img-main-logo {
  width: 300px;
  top: 120px;
}

/*-------------- main ----------------*/
main {
  background: #fff;
  margin-top: 460px;
  margin-bottom: 0;
  padding-top: 76px;
}

/*-------------- .section-wrap ----------------*/
.section-wrap {
  margin-top: 0;
  margin-bottom: 0;
}

.about-img {
  width: 680px;
  max-width: 100%;
  position: absolute;
  top: 536px;
  right: 0;
  margin: 0;
}

@media screen and (max-width: 1090px) {
  .about-img {
    width: 600px;
    right: -130px;
  }
}

.small-img {
  width: 50%;
  max-width: 50%;
  position: relative;
  left: auto;
  right: auto;
}

@media screen and (max-width: 1090px) {
  .small-img {
    width: 40%;
  }
}

.small-img img {
  width: 106%;
}

.small-img--products {
  float: left;
}

.small-img--recruit {
  float: right;
}

.small-img--recruit img {
  position: relative;
  right: 6%;
}

/*-------------- .content-box ----------------*/
.content-box {
  padding: 36px 50px;
}

.content-box--access, .content-box--about {
  background: #fff;
  padding: 36px 50px 36px;
}

.content-box--about {
  width: 480px;
  margin-top: 53px;
}

@media screen and (max-width: 1090px) {
  .content-box--about {
    margin-top: 32px;
    left: -50px;
  }
}

.content-box--half {
  width: 50%;
  min-height: 240px;
  text-align: center;
  border: 1px solid #a0a0a0;
  position: relative;
  padding-bottom: 100px;
  margin-top: 3.2%;
}

@media screen and (max-width: 1090px) {
  .content-box--half {
    width: 60%;
    min-height: 180px;
    padding-bottom: 36px;
    padding-right: 30px;
    padding-left: 30px;
    margin-top: 4%;
  }
}

.content-box--products {
  float: right;
}

.content-box--recruit {
  float: left;
}

.content-box--access {
  width: 484px;
  position: absolute;
  top: 52px;
  left: 700px;
}

@media screen and (max-width: 1090px) {
  .content-box--access {
    left: 56%;
  }
}

.content-box__ttl {
  font-size: 40px;
  font-size: 4rem;
  margin: 0 0 0.2em;
}

@media screen and (max-width: 1090px) {
  .content-box__ttl {
    font-size: 34px;
    font-size: 3.4rem;
  }
}

.content-box__txt--half {
  margin: 0;
  width: 100%;
  min-height: auto;
  text-align: center;
}

@media screen and (max-width: 1090px) {
  .content-box__txt--half {
    text-align: justify;
  }
  .content-box__txt--half br {
    display: none;
  }
}

.content-box__btn-wrap {
  margin-top: 30px;
}

.content-box__btn-wrap--half {
  position: absolute;
  left: 0;
  bottom: 36px;
  width: 100%;
}

@media screen and (max-width: 1090px) {
  .content-box__btn-wrap--half {
    position: relative;
    bottom: 0;
  }
}

.content-box__btn-wrap--access {
  text-align: left;
}

.about {
  margin-bottom: 180px;
}

@media screen and (max-width: 1090px) {
  .about {
    margin-bottom: 150px;
  }
}

.products {
  margin-bottom: 100px;
}

.recruit {
  margin-bottom: 110px;
}

.products:after,
.recruit:after {
  display: block;
  content: "";
  width: 100%;
  height: 0;
  clear: both;
}

.access {
  width: 100%;
  padding-right: 60px;
  padding-left: 260px;
  min-height: 455px;
  position: relative;
}

@media screen and (max-width: 1090px) {
  .access {
    min-height: 370px;
  }
}

.access__map {
  width: 680px;
  height: 455px;
  max-width: 100%;
  position: relative;
  left: -60px;
}

.access__map,
.access__map * {
  cursor: default;
}

@media screen and (max-width: 1090px) {
  .access__map {
    height: 370px;
    left: -100px;
  }
}

/*-------------- illust ----------------*/
#illust-leaf {
  width: 86px;
  left: 200px;
  bottom: -40px;
  margin-left: 3%;
  z-index: 3100;
}

#illust-carrot {
  width: 217px;
  right: -110%;
  bottom: -5%;
  z-index: 3100;
}

@media screen and (max-width: 1090px) {
  #illust-carrot {
    width: 190px;
    right: -160%;
    bottom: -100px;
  }
}

@media screen and (max-width: 900px) {
  #illust-carrot {
    width: 170px;
    right: -400px;
    top: -40px;
    bottom: auto;
  }
}

/*--------------------------------------------
		index print
---------------------------------------------*/
.main-img {
  padding-left: 0;
  position: relative;
}

main {
  margin-top: 0;
}

.access {
  max-height: 50px;
  padding-left: 60px;
}

.access__map {
  width: 442px;
  height: 296px;
}

.content-box--access {
  background: none;
  border: 1px solid #a0a0a0;
  left: 415px;
  top: 26px;
}

#illust-leaf {
  left: 0;
}