@charset "utf-8";
/* about
-------------------------------------------------------------- */
#about .leatTxt {
  padding: 140px 0 100px;
  color: var(--color-green);
  font-size: 3rem;
  font-weight: 500;
}

#about figure {
  width: 37%;
}

#about .txtArea {
  width: 60%;
}

#about h2 {
  position: relative;
  padding-bottom: 10px;
  color: var(--color-green);
}

#about h2 span {
  position: absolute;
  top: -5px;
  left: 0;
  font-size: 3.6rem;
  font-weight: 700;
}

#about h2 strong {
  padding-left: 65px;
  font-size: 3rem;
}

#about .txtArea p {
  text-indent: 1em;
  line-height: 2.5;
}

#about .ptn02 {
  padding: 50px 0;
}

#about .btn a {
  margin: 100px auto;
}
@media (max-width: 767px) {
  #about .leatTxt {
    padding: 50px 0 40px;
    font-size: 2rem;
  }

  #about figure {
    width: 100%;
  }

  #about .txtArea {
    width: 100%;
  }

  #about h2 {
    padding-top: 10px;
  }

  #about h2 span {
    top: 8px;
    font-size: 2.4rem;
  }

  #about h2 strong {
    padding-left: 40px;
    font-size: 2rem;
  }

  #about .txtArea p {
    text-indent: 1em;
    line-height: 2;
  }

  #about .ptn02 {
    padding: 30px 0;
  }

  #about .ptn02 figure {
    order: -1;
  }

  #about .btn a {
    margin: 50px auto;
  }
}

/* greeting
-------------------------------------------------------------- */
#greeting {
  padding: 100px 0;
  background: url(../img/index/business_bg.png);
}

#greeting h2 {
  padding-bottom: 50px;
  color: var(--color-green);
  text-align: center;
  font-size: 3.6rem;
  font-weight: 700;
}

#greeting figure {
  width: 36%;
}

#greeting .txtArea {
  width: 60%;
}

#greeting .txtArea p {
  padding-bottom: 30px;
  line-height: 2.5;
}

@media (max-width: 767px) {
  #greeting {
    padding: 50px 0;
  }

  #greeting h2 {
    padding-bottom: 30px;
    font-size: 2.4rem;
  }

  #greeting figure {
    padding-bottom: 20px;
    width: 100%;
  }

  #greeting .txtArea {
    width: 100%;
  }

  #greeting .txtArea p {
    padding-bottom: 20px;
    line-height: 2;
  }
}

/* outline
-------------------------------------------------------------- */
#outline {
  padding: 100px 0;
}

#outline h2 {
  padding-bottom: 50px;
  color: var(--color-green);
  text-align: center;
  font-size: 3.6rem;
  font-weight: 700;
}

#outline .outlineWrap {
  padding-bottom: 80px;
  align-items: flex-start;
}

#outline .outlineWrap .dlList {
  width: 48%;
}

.dlList {
  border-top: 1px solid #666
}

.dlList dt {
  padding: 30px 0;
  border-bottom: 1px solid #666;
  width: 130px;
  color: var(--color-green);
  font-weight: 700;
}

.dlList dd {
  padding: 30px 0;
  border-bottom: 1px solid #666;
  width: calc(100% - 130px);
}
@media (max-width: 767px) {
  #outline {
    padding: 50px 0;
  }

  #outline h2 {
    padding-bottom: 30px;
    font-size: 2.4rem;
  }

  #outline .outlineWrap {
    padding-bottom: 40px;
  }

  #outline .outlineWrap .dlList {
    margin-bottom: -1px;
    width: 100%;
  }

  .dlList dt {
    padding: 20px 0;
    width: 100px;
  }

  .dlList dd {
    padding: 20px 0;
    width: calc(100% - 100px);
  }

  #outline .map iframe {
    height: 250px;
  }
}


/* hisotry
-------------------------------------------------------------- */
#hisotry {
  padding: 100px 0;
  background: #f7f6f6;
}

#hisotry h2 {
  padding-bottom: 50px;
  color: var(--color-green);
  text-align: center;
  font-size: 3.6rem;
  font-weight: 700;
}

#hisotry .dlList dt {
  width: 200px;
}

#hisotry .dlList dd {
  width: calc(100% - 200px);
}
@media (max-width: 767px) {
  #hisotry {
    padding: 50px 0;
  }

  #hisotry h2 {
    padding-bottom: 30px;
    font-size: 2.4rem;
  }

  #hisotry .dlList dt {
    width: 80px;
  }

  #hisotry .dlList dd {
    width: calc(100% - 80px);
  }
}