/* Scss Document */
#page_ttl h1 {
  background: url(../images/service/ico_page_ttl.png) top 1em center no-repeat;
}

.note li {
  margin: .75em 0;
  padding-left: 1em;
  background: url(../images/activity/icon_green.png) top 0.5em left no-repeat;
}

.content {
  margin-top: 10px;
  font-size: 1.6rem;
  line-height: 1.6;
}
.content.intro .inner {
  text-align: center;
  font-size: 2.4rem;
  color: #6B4B2C;
  font-weight: bold;
}
.content.intro .inner:after {
  display: none;
}

.service-frame {
  margin-bottom: 30px;
  padding: 30px;
  border-radius: 8px;
  background: #FBF7F1;
}

.lttl span {
  display: inline-block;
  font-size: 1.6rem;
  margin-left: 2em;
}

.mttl {
  border: none;
  border-bottom: solid 2px #60A146;
  text-align: left;
}

.sttl {
  margin: 1em 0 .5em;
  padding: 0;
  border: none;
}

.flex-wrap > * {
  width: 48%;
}

@media screen and (max-width: 768px) {
  #page_ttl h1 {
    background: none;
  }
  #page_ttl .flex-wrap > * {
    width: 100%;
  }

  .service-frame {
    padding: 3vw;
    background: #fff;
  }

  .flex-wrap > * {
    width: 100%;
  }
}
.wchair_wrap {
  clear: both;
  overflow: hidden;
}
.wchair_wrap .mttl {
  float: left;
  width: 48%;
}
@media screen and (max-width: 768px) {
  .wchair_wrap .mttl {
    float: none;
    width: 100%;
  }
}
.wchair_wrap .note {
  float: left;
  width: 48%;
}
@media screen and (max-width: 768px) {
  .wchair_wrap .note {
    float: none;
    width: 100%;
  }
}
.wchair_img {
  float: right;
  width: 48%;
}
@media screen and (max-width: 768px) {
  .wchair_img {
    float: none;
    width: 100%;
  }
}

.table_img {
  width: 31%;
}
@media screen and (max-width: 768px) {
  .table_img {
    width: 30%;
    margin-top: 3vw;
  }
}
@media screen and (max-width: 768px) {
  .table_img_wrap {
    display: flex;
  }
}