/* line 17, ../../../sass/page/about/about.scss */
.title {
  width: 100%;
  height: 140px;
  background-color: #14A17A;
  background-image: radial-gradient(#31b791 1px, rgba(0, 0, 0, 0) 1px);
  background-size: 20px 20px;
}
@media screen and (max-width: 559px) {
  /* line 17, ../../../sass/page/about/about.scss */
  .title {
    height: 100px;
  }
}
/* line 25, ../../../sass/page/about/about.scss */
.title-inner {
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
  padding: 42.5px 0 42.5px;
}
@media screen and (max-width: 559px) {
  /* line 25, ../../../sass/page/about/about.scss */
  .title-inner {
    padding: 32.5px 0 32.5px;
  }
}
/* line 34, ../../../sass/page/about/about.scss */
.title-inner img {
  max-width: 100%;
  height: auto;
}
@media screen and (max-width: 559px) {
  /* line 34, ../../../sass/page/about/about.scss */
  .title-inner img {
    height: 35px;
    width: auto;
  }
}

/* line 45, ../../../sass/page/about/about.scss */
.heading {
  max-width: 900px;
  margin: 0 auto;
  padding: 50px 0;
}
/* line 50, ../../../sass/page/about/about.scss */
.heading img {
  max-width: 100%;
  height: auto;
}
@media screen and (max-width: 559px) {
  /* line 50, ../../../sass/page/about/about.scss */
  .heading img {
    max-width: 95%;
    height: 90px;
  }
}

/* line 60, ../../../sass/page/about/about.scss */
.content {
  width: 100%;
  margin-bottom: 80px;
}
/* line 64, ../../../sass/page/about/about.scss */
.content-inner {
  padding: 10px;
  margin: 0 10px;
  background-color: #ffffff;
  -moz-border-radius: 55px;
  -webkit-border-radius: 55px;
  border-radius: 55px;
}
@media screen and (max-width: 559px) {
  /* line 64, ../../../sass/page/about/about.scss */
  .content-inner {
    padding: 5px;
    -moz-border-radius: 35px;
    -webkit-border-radius: 35px;
    border-radius: 35px;
  }
}
/* line 75, ../../../sass/page/about/about.scss */
.content-border {
  border: solid #14A17A 5px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  box-sizing: border-box;
  padding: 80px 0;
}
@media screen and (max-width: 559px) {
  /* line 75, ../../../sass/page/about/about.scss */
  .content-border {
    border: solid #14A17A 3px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    padding: 40px 0;
  }
}
/* line 87, ../../../sass/page/about/about.scss */
.content-heading {
  margin: 0 auto;
  margin-bottom: 80px;
}
@media screen and (max-width: 559px) {
  /* line 87, ../../../sass/page/about/about.scss */
  .content-heading {
    margin-bottom: 40px;
  }
}
/* line 93, ../../../sass/page/about/about.scss */
.content-heading h3 {
  font-size: 3.0rem;
  font-weight: bold;
  padding: 0 10px;
}
@media screen and (max-width: 768px) {
  /* line 93, ../../../sass/page/about/about.scss */
  .content-heading h3 {
    font-size: 2.6rem;
  }
}
@media screen and (max-width: 559px) {
  /* line 93, ../../../sass/page/about/about.scss */
  .content-heading h3 {
    font-size: 2.0rem;
  }
}
/* line 107, ../../../sass/page/about/about.scss */
.content-text {
  font-size: 2.0rem;
  line-height: 4.0rem;
  max-width: 650px;
  margin: 0 auto 50px;
  text-align: center;
  padding: 0 10px;
}
@media screen and (max-width: 559px) {
  /* line 107, ../../../sass/page/about/about.scss */
  .content-text {
    font-size: 1.4rem;
    line-height: 2.8rem;
    margin-bottom: 30px;
  }
}
/* line 121, ../../../sass/page/about/about.scss */
.content-text span {
  font-size: 1.6rem;
}
@media screen and (max-width: 559px) {
  /* line 121, ../../../sass/page/about/about.scss */
  .content-text span {
    font-size: 1.0rem;
  }
}
/* line 128, ../../../sass/page/about/about.scss */
.content-text:last-child {
  margin-bottom: 0;
}

/* line 137, ../../../sass/page/about/about.scss */
.line-top {
  width: 100%;
  height: 30px;
  background-image: url(../../../images/color-line_top.png);
  background-size: contain;
  background-repeat: repeat-x;
}

/* line 141, ../../../sass/page/about/about.scss */
.line-bottom {
  width: 100%;
  height: 30px;
  background-image: url(../../../images/color-line_bottom.png);
  background-position: left bottom;
  background-size: contain;
  background-repeat: repeat-x;
}

/* line 145, ../../../sass/page/about/about.scss */
.bg-area {
  background-color: #FFF7E0;
  background-size: 80px 80px;
  background-image: linear-gradient(rgba(246, 232, 190, 0.7) 1%, rgba(246, 232, 190, 0.7) 1%, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 0) 99%, rgba(246, 232, 190, 0.7) 99%, rgba(246, 232, 190, 0.7) 100%), linear-gradient(90deg, rgba(246, 232, 190, 0.7) 1%, rgba(246, 232, 190, 0.7) 1%, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 0) 99%, rgba(246, 232, 190, 0.7) 99%, rgba(246, 232, 190, 0.7) 100%), linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 25%, rgba(246, 232, 190, 0.4) 25%, rgba(246, 232, 190, 0.4) 26%, rgba(0, 0, 0, 0) 26%, rgba(0, 0, 0, 0) 50%, rgba(246, 232, 190, 0.4) 50%, rgba(246, 232, 190, 0.4) 51%, rgba(0, 0, 0, 0) 51%, rgba(0, 0, 0, 0) 75%, rgba(246, 232, 190, 0.4) 75%, rgba(246, 232, 190, 0.4) 76%, rgba(0, 0, 0, 0) 76%, rgba(0, 0, 0, 0) 100%), linear-gradient(90deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 25%, rgba(246, 232, 190, 0.4) 25%, rgba(246, 232, 190, 0.4) 26%, rgba(0, 0, 0, 0) 26%, rgba(0, 0, 0, 0) 50%, rgba(246, 232, 190, 0.4) 50%, rgba(246, 232, 190, 0.4) 51%, rgba(0, 0, 0, 0) 51%, rgba(0, 0, 0, 0) 75%, rgba(246, 232, 190, 0.4) 75%, rgba(246, 232, 190, 0.4) 76%, rgba(0, 0, 0, 0) 76%, rgba(0, 0, 0, 0) 100%);
}