.mixin-clearfix {
  zoom: 1;
}
.mixin-clearfix:before,
.mixin-clearfix:after {
  content: "";
  display: block;
}
.mixin-clearfix:after {
  clear: both;
}
#content .paragraph01 img {
  float: right;
  margin-left: 1em;
}
#content .paragraph01 h3 {
  font-size: 1.5em;
  line-height: 1.5em;
  font-weight: bold;
}
#content .paragraph02 {
}
@media screen and (min-width: 718px) {
  #content .paragraph02 {
    margin-top: 40px;
  }
}
#content .paragraph02 img {
  margin-left: 20px;
  margin-top: -40px;
}
#content .paragraph02 h3 {
  margin-top: 0;
  padding: 0.5em !important;
  font-size: 28px;
  text-align: center;
}
#content .paragraph02 h3:after {
  border-bottom: 3px solid #6caa17;
  content: "";
  display: block;
  height: 3px;
  margin: 20px auto 0 auto;
  width: 30px;
}
#content .paragraph02 ul {
  font-weight: bold;
  margin-bottom: 42px;
}
#content .paragraph02 ul li{
  display: flex;
  align-items: center;
  padding-left: 32px;
}
#content .paragraph02 ul li:before{
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22%236caa17%22%3E%0A%20%20%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M16.707%205.293a1%201%200%20010%201.414l-8%208a1%201%200%2001-1.414%200l-4-4a1%201%200%20011.414-1.414L8%2012.586l7.293-7.293a1%201%200%20011.414%200z%22%20clip-rule%3D%22evenodd%22%20%2F%3E%0A%3C%2Fsvg%3E');
}
@media screen and (min-width: 718px) {
  #content .paragraph02 ul {
    font-size: 1.1em;
    line-height: 2em;
  }
}
#content .paragraph03 img {
  max-width: 450px;
  margin: 0 auto;
}
#content .paragraph03 .block {
  padding: 1em;
  margin-top: 1em;
  background-color: #F0F7E8 !important;
}
#content .paragraph03 .block h3 {
  margin: 0;
  font-size: 28px;
  white-space: pre-wrap;
}
#content .paragraph03 .block .point-mark {
  font-size: 13px;
  text-align: center;
  margin: auto;
  color: #6caa17;
  font-weight: bold;
}
#content .paragraph03 .block p {
  min-height: 6em;
}
#content .paragraph04 img {
  position: absolute;
  top: -60px;
  right: 20px;
}
#content .paragraph04 .heading {
  font-size: 1.4em;
  font-weight: bold;
}
@media screen and (min-width: 718px) {
  #content .paragraph04 .heading .big {
    font-size: 1.8em;
    line-height: 1.4em;
  }
}
#content .paragraph04 h4 {
  font-weight: bold !important;
  background-color: #F0F7E8 !important;
  padding: 0.5em !important;
  margin-top: 32px;
}
#content .paragraph05 img {
  float: right;
  margin-left: 1em;
  margin-bottom: 1em;
}
@media screen and (max-width: 718px) {
  #content .paragraph05 img {
    width: 100%;
  }
}
#content .paragraph05 h4 {
  font-size: 1.8em;
}
#content .paragraph06 {
  margin-top: 44px;
  padding: 0 16px 1px 16px;
  background: #F0F7E8;
}
#content .paragraph06 h2 {
  text-align: center;
  margin-bottom: 32px;
  color: #6caa17;
}
#content .paragraph06 h2:before {
  display: none;
}
#content .paragraph06 .wrap {
  display: flex;
  align-items: center;
  justify-content: center;
}
#content .paragraph06 .portrait {
  position: relative;
  margin-right: 16px;
}

#content .paragraph06 h3 {
  margin-top: 0;
  font-size: 1.2em;
}
#content .paragraph06 h3:before {
  display: none;
}
#content .paragraph06 ul {
  font-weight: bold;
  margin-bottom: 1em;
}
.paragraph06_copy {
  margin-top: 32px;
  text-align: center;
}
@media screen and (min-width: 718px) {
  #content .paragraph06 ul {
    font-size: 1.1em;
    line-height: 2.5em;
  }
}
#content .point h3 {
  padding: 0 !important;
  margin-bottom: 24px;
  line-height: 1.4;
  font-size: 28px;
}
#content .point h3 span {
  display: block;
  color: #6caa17;
  font-weight: normarl !important;
  font-size: 12px;
  letter-spacing: 2px;
}
#content .point .block {
  margin-bottom: 60px;
}
#content .point .block > *:first-child {
  margin-top: 0;
}
#content .point .block > *:last-child {
  margin-bottom: 0;
}
.service1_box {
  background: #f4f4f4;
  padding: 16px;
  margin: 32px 0 44px;
}
.service1_box h5 {
  border: none !important;
  font-size: 18px !important;
  text-align: center;
  font-weight: bold;
  margin-bottom: 24px;
  color: #6caa17;
}
ul.checklist li{
  position: relative;
  display: flex;
  align-items: center;
  padding-left: 32px !important;
  margin-bottom: 16px;
  line-height: 1.4;
  font-weight: bold;
}
ul.checklist li:last-child{
  margin-bottom: 0 !important;
}
ul.checklist li:before{
  top:0;
  content: "" !important;
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22%236caa17%22%3E%0A%20%20%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M16.707%205.293a1%201%200%20010%201.414l-8%208a1%201%200%2001-1.414%200l-4-4a1%201%200%20011.414-1.414L8%2012.586l7.293-7.293a1%201%200%20011.414%200z%22%20clip-rule%3D%22evenodd%22%20%2F%3E%0A%3C%2Fsvg%3E');
}
@media screen and (min-width: 718px) {
  ul.checklist {
    font-size: 1.1em;
    line-height: 2em;
  }
}
.service1_box2 {
  background: #F0F7E8 !important;
  padding: 16px;
  margin: 32px 0 44px;
}

.paragraph07 .number{
  font-size: 13px;
  text-align: center;
  color: #6caa17;
  font-weight: bold;
  display: flex;
  width: 24px;
  height: 24px;
  align-items: center;
  justify-content: center;
  background: #F0F7E8;
  border-radius: 50%;
  margin-right: 8px;
}
.paragraph07 h3.unstyled{
  display: flex;
  align-items: flex-start;
  margin-top: 0 !important;
}
.paragraph07 .flex {
  display: block;
}
.paragraph07 .flex img {
  display: block;
  margin: 0 auto 24px auto;
}
.paragraph07 .flex .flex-text {
  width: 100%;
}
.paragraph07 .block {
  margin-bottom: 44px;
}
@media screen and (min-width: 718px) {
  .paragraph07 .flex {
    display: flex;
    align-items: flex-start;
  }
  .paragraph07 .flex img {
    margin: 0 24px 0 0;
  }
}

h3.decorated-with-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2px;
}
a.decorated-with-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2px;
}
div.decorated-with-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2px;
}
.decorated-with-icon svg {
  width: 1.2em;
  height: 1.2em;
  flex-shrink: 0;
}
#content .paragraph01 h3.decorated-with-icon {
  padding-left: 8px;
  width: 100%;
  justify-content: start;
}

#content h2.section-title {
  margin: 32px 0 16px 0;
  padding: 32px 16px 16px 0px;
  display: flex;
  align-items: center;
}
#content h2.section-title span {
  font-size: 22px;
  font-weight: 700;
}
#content h2.section-title svg {
  width: 30px;
  height: 30px;
  color: #6caa17;
  flex-shrink: 0;
}