@charset "UTF-8";
.tool-mv .l-inner .tool-mv__inner {
  padding: 6.25rem 0;
}
@media screen and (max-width: 768px) {
  .tool-mv .l-inner .tool-mv__inner {
    padding: 3.75rem 0 2.8125rem;
  }
}
@media screen and (max-width: 576px) {
  .tool-mv .l-inner .tool-mv__inner {
    padding: 3rem 0 2.8125rem;
  }
}
@media screen and (max-width: 768px) {
  .tool-mv .l-inner .tool-mv__inner .tool-mv__img-wrapper {
    max-width: 31.25rem;
  }
}
@media screen and (max-width: 576px) {
  .tool-mv .l-inner .tool-mv__inner .tool-mv__img-wrapper {
    max-width: 100%;
    padding-top: 0;
  }
}
.tool-mv .l-inner .tool-mv__inner .tool-mv__imgs:first-child {
  margin-top: 0;
}
.tool-mv .l-inner .tool-mv__inner .tool-mv__body .tool-mv__catch {
  margin-top: 8px;
  color: #138B66;
  font-size: 20px;
  text-align: center;
  font-weight: bold;
  line-height: 1.6;
}
@media screen and (max-width: 576px) {
  .tool-mv .l-inner .tool-mv__inner .tool-mv__body .tool-mv__title {
    font-size: 2.5rem;
  }
  .tool-mv .l-inner .tool-mv__inner .tool-mv__body .tool-mv__text {
    font-size: 1rem;
    line-height: 1.6;
  }
}

.comparing {
  background-color: #ECFAF6;
  padding: 6.25rem 0;
}
@media screen and (max-width: 768px) {
  .comparing {
    padding: 3.75rem 0;
  }
}
.comparing .content-inner {
  background-color: #fff;
  border-radius: 24px;
  padding: 6.25rem 9rem;
}
@media screen and (max-width: 768px) {
  .comparing .content-inner {
    padding: 3.75rem 1.625rem;
  }
}
@media screen and (max-width: 576px) {
  .comparing .content-inner {
    padding: 3.125rem 1.25rem;
  }
}
.comparing .content-inner .concept-wrap .concept__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
  padding: 1rem 1rem 0 2.5rem;
  gap: 2.625rem;
  background-color: #ECFAF6;
  border: 3px solid #138B66;
}
@media screen and (max-width: 768px) {
  .comparing .content-inner .concept-wrap .concept__header {
    gap: 1.25rem;
    padding: 1rem 1rem 0 1.5rem;
  }
}
@media screen and (max-width: 576px) {
  .comparing .content-inner .concept-wrap .concept__header {
    gap: 0.5rem;
    padding: 0.6rem 0.6rem 0 1rem;
  }
}
.comparing .content-inner .concept-wrap .concept__header .logo img {
  width: 22.25rem;
}
@media screen and (max-width: 768px) {
  .comparing .content-inner .concept-wrap .concept__header .logo img {
    width: 14rem;
  }
}
@media screen and (max-width: 576px) {
  .comparing .content-inner .concept-wrap .concept__header .logo img {
    width: 10rem;
  }
}
.comparing .content-inner .concept-wrap .concept__header .logo .logo-txt {
  font-size: 1.5125rem;
  font-weight: 700;
  color: #138B66;
  margin-top: 1rem;
}
@media screen and (max-width: 768px) {
  .comparing .content-inner .concept-wrap .concept__header .logo .logo-txt {
    font-size: 1rem;
  }
}
@media screen and (max-width: 576px) {
  .comparing .content-inner .concept-wrap .concept__header .logo .logo-txt {
    font-size: 0.7rem;
  }
}
.comparing .content-inner .concept-wrap .concept__header .concept-img img {
  width: 16.9rem;
}
@media screen and (max-width: 768px) {
  .comparing .content-inner .concept-wrap .concept__header .concept-img img {
    width: 12rem;
  }
}
@media screen and (max-width: 576px) {
  .comparing .content-inner .concept-wrap .concept__header .concept-img img {
    width: 6.25rem;
  }
}
.comparing .content-inner .concept-wrap .wrap-inner {
  margin-top: 2.5rem;
}
.comparing .content-inner .concept-wrap .wrap-inner .concept-title {
  font-size: 2.5rem;
  font-weight: 700;
  color: #138B66;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .comparing .content-inner .concept-wrap .wrap-inner {
    margin-top: 3.125rem;
  }
  .comparing .content-inner .concept-wrap .wrap-inner .concept-title {
    font-size: 2rem;
  }
}
@media screen and (max-width: 576px) {
  .comparing .content-inner .concept-wrap .wrap-inner {
    margin-top: 2.5rem;
  }
  .comparing .content-inner .concept-wrap .wrap-inner .concept-title {
    font-size: 1.6rem;
  }
}
.comparing .content-inner .concept-wrap .wrap-inner .wrap-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2.4rem;
  margin-top: 2.5rem;
}
@media screen and (max-width: 768px) {
  .comparing .content-inner .concept-wrap .wrap-inner .wrap-flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.comparing .content-inner .concept-wrap .wrap-inner .wrap-flex .desc-item {
  line-height: 2;
  font-size: 16px;
}
.comparing .content-inner .concept-wrap .wrap-inner .wrap-flex .info-item .concept-title {
  font-size: 2.5rem;
  font-weight: 900;
  color: #138B66;
}
@media screen and (max-width: 768px) {
  .comparing .content-inner .concept-wrap .wrap-inner .wrap-flex .info-item .concept-title {
    text-align: center;
  }
}
@media screen and (max-width: 576px) {
  .comparing .content-inner .concept-wrap .wrap-inner .wrap-flex .info-item .concept-title {
    font-size: 2rem;
  }
}
.comparing .content-inner .concept-wrap .wrap-inner .wrap-flex .info-item .concept-desc {
  margin-top: 0.625rem;
  font-size: 1rem;
  line-height: 2;
  font-weight: 500;
}
.comparing .content-inner .concept-wrap .wrap-inner .wrap-flex .info-item .info-detail {
  border-radius: 1.25rem;
  background-color: #ECFAF6;
  padding: 2.5rem;
}
@media screen and (max-width: 768px) {
  .comparing .content-inner .concept-wrap .wrap-inner .wrap-flex .info-item .info-detail {
    padding: 1.875rem;
  }
}
@media screen and (max-width: 768px) {
  .comparing .content-inner .concept-wrap .wrap-inner .wrap-flex .info-item .info-detail {
    padding: 1.25rem;
  }
}
.comparing .content-inner .concept-wrap .wrap-inner .wrap-flex .info-item .info-detail .detail-catch {
  font-size: 1.25rem;
  color: #202020;
  background-color: #fff;
  padding: 8px 20px;
  border-radius: 6px;
  text-align: center;
  font-weight: 700;
}
.comparing .content-inner .concept-wrap .wrap-inner .wrap-flex .info-item .info-detail .detail-title {
  font-size: 2rem;
  color: #138B66;
  font-weight: 700;
  margin-top: 13px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .comparing .content-inner .concept-wrap .wrap-inner .wrap-flex .info-item .info-detail .detail-title {
    font-size: 1.875rem;
  }
}
@media screen and (max-width: 768px) {
  .comparing .content-inner .concept-wrap .wrap-inner .wrap-flex .info-item .info-detail .detail-title {
    font-size: 1.5rem;
  }
}
.comparing .content-inner .concept-wrap .wrap-inner .wrap-flex .info-item .info-detail .diagram {
  margin-top: 1.25rem;
}
.comparing .content-inner .concept-wrap .wrap-inner .wrap-flex .info-item .info-detail .diagram .r-diagram {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 12px;
}
.comparing .content-inner .concept-wrap .wrap-inner .wrap-flex .info-item .info-detail .diagram .r-diagram + .r-diagram {
  margin-top: 10px;
}
.comparing .content-inner .concept-wrap .wrap-inner .wrap-flex .info-item .info-detail .diagram .r-diagram .bg-white {
  position: relative;
  width: 130px;
  height: 45px;
  border-radius: 5px;
  border: 1px solid #d9d9d9;
  background-color: #f8f8f8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 3px;
  font-size: 15px;
  font-weight: 700;
  color: #666;
}
.comparing .content-inner .concept-wrap .wrap-inner .wrap-flex .info-item .info-detail .diagram .r-diagram .bg-white::before {
  content: "";
  position: relative;
  width: 15px;
  height: 15px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background-image: url("data:image/svg+xml,%3Csvg width='11' height='11' viewBox='0 0 11 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='5.16' cy='5.16' r='5.16' fill='%23666666'/%3E%3Cpath d='M7.52362 3.07955C7.44686 3.03511 7.3579 3.01172 7.26661 3.01172C7.11659 3.01172 6.97936 3.07253 6.88981 3.17953L4.32551 6.22766L3.39806 5.31608C3.3091 5.22896 3.18175 5.17868 3.04918 5.17868C2.94393 5.17868 2.84043 5.21083 2.75786 5.26872C2.65436 5.34123 2.58923 5.45115 2.57935 5.56985C2.57004 5.68562 2.61423 5.80081 2.70087 5.88618L4.01152 7.17431C4.10048 7.26143 4.22782 7.31172 4.3604 7.31172C4.36622 7.31172 4.37261 7.31172 4.37843 7.31172C4.52263 7.30646 4.65288 7.24506 4.7372 7.1439L7.64282 3.68882C7.71899 3.59819 7.75156 3.48183 7.73179 3.36898C7.71144 3.25028 7.63526 3.14503 7.52304 3.08013L7.52362 3.07955Z' fill='white'/%3E%3C/svg%3E%0A");
  background-size: contain;
  background-repeat: no-repeat;
}
.comparing .content-inner .concept-wrap .wrap-inner .wrap-flex .info-item .info-detail .diagram .r-diagram .arrow img {
  display: block;
  margin: auto;
  width: 1.5625rem;
}
@media screen and (max-width: 768px) {
  .comparing .content-inner .concept-wrap .wrap-inner .wrap-flex .info-item .info-detail .diagram .r-diagram .arrow img {
    width: 1.25rem;
  }
}
.comparing .content-inner .concept-wrap .wrap-inner .wrap-flex .info-item .info-detail .diagram .r-diagram .bg-green {
  position: relative;
  width: 130px;
  height: 50px;
  border-radius: 5px;
  background-color: #138B66;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 3px;
  font-size: 15px;
  font-weight: 700;
  color: #fff;
}
.comparing .content-inner .concept-wrap .wrap-inner .wrap-flex .info-item .info-detail .diagram .r-diagram .bg-green::before {
  content: "";
  position: relative;
  width: 15px;
  height: 15px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background-image: url("data:image/svg+xml,%3Csvg width='13' height='13' viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='6.192' cy='6.192' r='6.192' fill='white'/%3E%3Cpath d='M9.02834 3.69467C8.93624 3.64135 8.82948 3.61328 8.71993 3.61328C8.53991 3.61328 8.37523 3.68625 8.26778 3.81466L5.19061 7.47241L4.07767 6.37852C3.97091 6.27397 3.8181 6.21363 3.65901 6.21363C3.53272 6.21363 3.40851 6.25222 3.30943 6.32168C3.18523 6.40869 3.10708 6.5406 3.09522 6.68304C3.08405 6.82197 3.13708 6.96019 3.24105 7.06264L4.81382 8.60839C4.92058 8.71294 5.07339 8.77328 5.23248 8.77328C5.23946 8.77328 5.24713 8.77328 5.25411 8.77328C5.42716 8.76697 5.58346 8.69329 5.68463 8.57191L9.17139 4.4258C9.26279 4.31705 9.30187 4.17742 9.27814 4.04199C9.25372 3.89956 9.16231 3.77326 9.02765 3.69538L9.02834 3.69467Z' fill='%23138B66'/%3E%3C/svg%3E%0A");
  background-size: contain;
  background-repeat: no-repeat;
}
.comparing .content-inner .compare-wrap {
  margin-top: 5rem;
}
.comparing .content-inner .compare-wrap .comparing__header .jp {
  font-size: 2rem;
  font-weight: 700;
  text-align: center;
}
@media screen and (max-width: 576px) {
  .comparing .content-inner .compare-wrap .comparing__header .jp {
    font-size: 1.4rem;
  }
}
.comparing .content-inner .compare-wrap .desc {
  margin-top: 2rem;
  font-size: 16px;
  font-weight: 500;
  line-height: 2;
  text-align: center;
}
@media screen and (max-width: 576px) {
  .comparing .content-inner .compare-wrap .desc {
    font-size: 14px;
    text-align: left;
  }
}
.comparing .content-inner .compare-wrap .wrap-inner .compare-list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: minmax(0, 1fr) 16px minmax(0, 1fr);
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin-top: 2.5rem;
}
@media screen and (max-width: 576px) {
  .comparing .content-inner .compare-wrap .wrap-inner .compare-list {
    gap: 10px;
    margin-top: 2rem;
  }
}
.comparing .content-inner .compare-wrap .wrap-inner .compare-list .list-title {
  font-size: 28px;
  font-weight: 700;
  text-align: center;
}
.comparing .content-inner .compare-wrap .wrap-inner .compare-list .list-title.after {
  color: #138B66;
}
@media screen and (max-width: 576px) {
  .comparing .content-inner .compare-wrap .wrap-inner .compare-list .list-title {
    font-size: 18px;
  }
}
.comparing .content-inner .compare-wrap .wrap-inner .compare-list .list-items {
  margin-top: 20px;
}
@media screen and (max-width: 576px) {
  .comparing .content-inner .compare-wrap .wrap-inner .compare-list .list-items {
    margin-top: 14px;
  }
}
.comparing .content-inner .compare-wrap .wrap-inner .compare-list .list-items .l-item {
  width: 100%;
  background-color: #F8F8F8;
  border: 3px solid #d9d9d9;
  padding: 2rem 0;
  text-align: center;
  border-radius: 10px;
  margin-top: 10px;
  font-size: 1.5rem;
  font-weight: 700;
  color: #666;
}
@media screen and (max-width: 768px) {
  .comparing .content-inner .compare-wrap .wrap-inner .compare-list .list-items .l-item {
    padding: 1.75rem 0;
    font-size: 1.25rem;
  }
}
@media screen and (max-width: 576px) {
  .comparing .content-inner .compare-wrap .wrap-inner .compare-list .list-items .l-item {
    padding: 1.25rem 0;
    font-size: 0.875rem;
    border-width: 2px;
  }
}
.comparing .content-inner .compare-wrap .wrap-inner .compare-list .list-items .l-item.after {
  position: relative;
  background-color: #ECFAF6;
  border-color: #138B66;
  color: #138B66;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 8px;
}
.comparing .content-inner .compare-wrap .wrap-inner .compare-list .list-items .l-item.after::before {
  content: "";
  position: relative;
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='12' fill='%23138B66'/%3E%3Cpath d='M17.5011 7.15774C17.3226 7.05439 17.1158 7 16.9034 7C16.5546 7 16.2354 7.14142 16.0272 7.39026L10.0637 14.4789L7.90683 12.359C7.69993 12.1564 7.40379 12.0394 7.09547 12.0394C6.85071 12.0394 6.61001 12.1142 6.41798 12.2488C6.17728 12.4175 6.02583 12.6731 6.00284 12.9491C5.9812 13.2184 6.08398 13.4863 6.28546 13.6848L9.33347 16.6804C9.54036 16.8831 9.83651 17 10.1448 17C10.1583 17 10.1732 17 10.1867 17C10.5221 16.9878 10.825 16.845 11.0211 16.6097L17.7784 8.57465C17.9555 8.36388 18.0312 8.09328 17.9853 7.83084C17.9379 7.5548 17.7608 7.31004 17.4998 7.1591L17.5011 7.15774Z' fill='white'/%3E%3C/svg%3E%0A");
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (max-width: 576px) {
  .comparing .content-inner .compare-wrap .wrap-inner .compare-list .list-items .l-item.after::before {
    width: 1rem;
    height: 1rem;
  }
}
.comparing .content-inner .compare-wrap .wrap-inner .compare-case {
  margin-top: 5rem;
}
@media screen and (max-width: 576px) {
  .comparing .content-inner .compare-wrap .wrap-inner .compare-case {
    margin-top: 3.75rem;
  }
}
.comparing .content-inner .compare-wrap .wrap-inner .compare-case__items {
  margin: 0;
  padding: 0;
  counter-reset: caseIndex;
}
.comparing .content-inner .compare-wrap .wrap-inner .compare-case__items .case-item {
  margin-top: 3.75rem;
  counter-increment: caseIndex;
}
@media screen and (max-width: 576px) {
  .comparing .content-inner .compare-wrap .wrap-inner .compare-case__items .case-item {
    margin-top: 2rem;
  }
}
.comparing .content-inner .compare-wrap .wrap-inner .compare-case__items .case-item .case-title {
  position: relative;
  font-size: 1.5rem;
  font-weight: 700;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
}
@media screen and (max-width: 768px) {
  .comparing .content-inner .compare-wrap .wrap-inner .compare-case__items .case-item .case-title {
    font-size: 1.25rem;
    gap: 0.875rem;
  }
}
@media screen and (max-width: 576px) {
  .comparing .content-inner .compare-wrap .wrap-inner .compare-case__items .case-item .case-title {
    font-size: 1rem;
  }
}
.comparing .content-inner .compare-wrap .wrap-inner .compare-case__items .case-item .case-title::before {
  content: "事例" counter(caseIndex);
  position: relative;
  display: block;
  padding: 1.6rem 1.25rem 1.25rem 1.25rem;
  background-color: #138B66;
  border-radius: 8px;
  text-align: center;
  color: #fff;
  white-space: nowrap;
  line-height: 1;
  font-size: 1.125rem;
}
@media screen and (max-width: 768px) {
  .comparing .content-inner .compare-wrap .wrap-inner .compare-case__items .case-item .case-title::before {
    padding: 0.875rem 1.25rem;
    border-radius: 6px;
  }
}
@media screen and (max-width: 576px) {
  .comparing .content-inner .compare-wrap .wrap-inner .compare-case__items .case-item .case-title::before {
    font-size: 0.875rem;
    padding: 0.875rem 0.6125rem;
  }
}
.comparing .content-inner .compare-wrap .wrap-inner .compare-case__items .case-item .case-img__group {
  margin-top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 1rem;
}
.comparing .content-inner .compare-wrap .wrap-inner .compare-case__items .case-item .case-img__group .arrow {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -webkit-transform: translateY(40%);
          transform: translateY(40%);
  -webkit-transform-origin: center;
          transform-origin: center;
}
@media screen and (max-width: 576px) {
  .comparing .content-inner .compare-wrap .wrap-inner .compare-case__items .case-item .case-img__group .arrow {
    -webkit-transform: translateY(0) rotate(90deg);
            transform: translateY(0) rotate(90deg);
    margin: auto;
  }
}
@media screen and (max-width: 768px) {
  .comparing .content-inner .compare-wrap .wrap-inner .compare-case__items .case-item .case-img__group {
    gap: 0.5rem;
  }
}
@media screen and (max-width: 576px) {
  .comparing .content-inner .compare-wrap .wrap-inner .compare-case__items .case-item .case-img__group {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 1rem;
  }
}
.comparing .content-inner .compare-wrap .wrap-inner .compare-case__items .case-item .case-img__group .contain-img {
  position: relative;
  width: 100%;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  display: block;
  border-radius: 9px;
  border: 3px solid #d9d9d9;
  overflow: hidden;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.comparing .content-inner .compare-wrap .wrap-inner .compare-case__items .case-item .case-img__group .contain-img img {
  max-width: 100%;
}
.comparing .content-inner .compare-wrap .wrap-inner .compare-case__items .case-item .case-img__group .contain-img.before {
  width: 40%;
  background-color: #F8F8F8;
}
@media screen and (max-width: 576px) {
  .comparing .content-inner .compare-wrap .wrap-inner .compare-case__items .case-item .case-img__group .contain-img.before {
    width: 100%;
  }
}
.comparing .content-inner .compare-wrap .wrap-inner .compare-case__items .case-item .case-img__group .contain-img.before::before {
  content: "Before";
  position: absolute;
  top: 0;
  left: 0;
  padding: 0.5rem 1.875rem;
  border-bottom-right-radius: 6px;
  background-color: #c5c5c5;
  color: #fff;
  text-transform: uppercase;
  font-size: 1rem;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .comparing .content-inner .compare-wrap .wrap-inner .compare-case__items .case-item .case-img__group .contain-img.before::before {
    padding: 0.4125rem 1.5rem;
    font-size: 0.875rem;
  }
}
@media screen and (max-width: 576px) {
  .comparing .content-inner .compare-wrap .wrap-inner .compare-case__items .case-item .case-img__group .contain-img.before::before {
    padding: 0.4125rem 1rem;
    font-size: 0.875rem;
  }
}
.comparing .content-inner .compare-wrap .wrap-inner .compare-case__items .case-item .case-img__group .contain-img.after {
  width: 48%;
  border-radius: 10px;
  background-color: #ECFAF6;
  border-color: #138B66;
}
@media screen and (max-width: 576px) {
  .comparing .content-inner .compare-wrap .wrap-inner .compare-case__items .case-item .case-img__group .contain-img.after {
    width: 100%;
  }
}
.comparing .content-inner .compare-wrap .wrap-inner .compare-case__items .case-item .case-img__group .contain-img.after::before {
  content: "after";
  position: absolute;
  top: 0;
  left: 0;
  padding: 0.625rem 2.25rem;
  border-bottom-right-radius: 7px;
  background-color: #138B66;
  color: #fff;
  text-transform: uppercase;
  font-size: 1rem;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .comparing .content-inner .compare-wrap .wrap-inner .compare-case__items .case-item .case-img__group .contain-img.after::before {
    padding: 0.5rem 2rem;
    font-size: 0.875rem;
  }
}
@media screen and (max-width: 576px) {
  .comparing .content-inner .compare-wrap .wrap-inner .compare-case__items .case-item .case-img__group .contain-img.after::before {
    padding: 0.4125rem 1rem;
  }
}
.comparing .content-inner .compare-wrap .wrap-inner .compare-case__items .case-item .case-img__group .contain-img img {
  display: block;
  width: 100%;
  height: auto;
  margin: auto;
}
.comparing .content-inner .compare-wrap .wrap-inner .compare-case__items .case-item .case-desc {
  margin-top: 24px;
  font-size: 16px;
  line-height: 2;
  font-weight: 500;
}
@media screen and (max-width: 576px) {
  .comparing .content-inner .compare-wrap .wrap-inner .compare-case__items .case-item .case-desc {
    font-size: 14px;
  }
}

.features {
  background-color: #fff;
}
.features .l-inner ul.features__items .features__item {
  display: block;
}
.features .l-inner ul.features__items .features__item .features__item-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 0;
}
@media screen and (max-width: 768px) {
  .features .l-inner ul.features__items .features__item .features__item-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 2rem;
  }
}
.features .l-inner ul.features__items .features__item .features__item-wrap .features__item-body {
  width: 62%;
}
@media screen and (max-width: 768px) {
  .features .l-inner ul.features__items .features__item .features__item-wrap .features__item-body {
    width: 100%;
  }
}
.features .l-inner ul.features__items .features__item .features__item-wrap .features__item-body .features__item-header {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 12px;
}
.features .l-inner ul.features__items .features__item .features__item-wrap .features__item-body .features__item-header .features__item-number {
  font-size: 6.25rem;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  .features .l-inner ul.features__items .features__item .features__item-wrap .features__item-body .features__item-header .features__item-number {
    font-size: 4.5rem;
  }
}
@media screen and (max-width: 576px) {
  .features .l-inner ul.features__items .features__item .features__item-wrap .features__item-body .features__item-header .features__item-number {
    font-size: 2.5rem;
  }
}
.features .l-inner ul.features__items .features__item .features__item-wrap .features__item-body .features__item-header .features__item-title {
  padding: 0;
  margin: 0;
  font-size: 2.5rem;
  display: inline-block;
}
.features .l-inner ul.features__items .features__item .features__item-wrap .features__item-body .features__item-header .features__item-title img {
  display: inline-block;
  width: 17.4375rem;
}
@media screen and (max-width: 768px) {
  .features .l-inner ul.features__items .features__item .features__item-wrap .features__item-body .features__item-header .features__item-title {
    font-size: 2rem;
  }
  .features .l-inner ul.features__items .features__item .features__item-wrap .features__item-body .features__item-header .features__item-title img {
    width: 14rem;
  }
}
@media screen and (max-width: 576px) {
  .features .l-inner ul.features__items .features__item .features__item-wrap .features__item-body .features__item-header .features__item-title {
    font-size: 1.375rem;
  }
  .features .l-inner ul.features__items .features__item .features__item-wrap .features__item-body .features__item-header .features__item-title img {
    width: 9rem;
  }
}
.features .l-inner ul.features__items .features__item.features__item01 .features__item-img {
  width: 22rem;
  margin: 0;
}
@media screen and (max-width: 768px) {
  .features .l-inner ul.features__items .features__item.features__item01 .features__item-img {
    margin: auto;
  }
}
.features .l-inner ul.features__items .features__item.features__item02 .features__item-img {
  width: 23rem;
  margin: 0;
}
@media screen and (max-width: 768px) {
  .features .l-inner ul.features__items .features__item.features__item02 .features__item-img {
    margin: auto;
  }
}
.features .l-inner ul.features__items .features__item.features__item03 .features__item-img {
  width: 22rem;
  margin: 0;
}
@media screen and (max-width: 768px) {
  .features .l-inner ul.features__items .features__item.features__item03 .features__item-img {
    margin: auto;
  }
}
.features .l-inner ul.features__items .features__item .ma-tool-flow {
  position: relative;
  margin-top: 50px;
  background-color: #ECFAF6;
  border-radius: 13px;
  border: 2px solid #138B66;
  padding: 4rem 2rem 2rem;
}
@media screen and (max-width: 768px) {
  .features .l-inner ul.features__items .features__item .ma-tool-flow {
    padding: 1.5rem;
  }
}
@media screen and (max-width: 576px) {
  .features .l-inner ul.features__items .features__item .ma-tool-flow {
    padding: 1.25rem;
  }
}
.features .l-inner ul.features__items .features__item .ma-tool-flow__title {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: absolute;
  left: 50%;
  top: -2rem;
  font-size: 1.3125rem;
  color: #fff;
  font-weight: 700;
  text-align: center;
  padding: 1rem 3.5rem 0.8rem 3.5rem;
  background-color: #138B66;
  border-radius: 4px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  line-height: 1.1;
  white-space: nowrap;
}
@media screen and (max-width: 768px) {
  .features .l-inner ul.features__items .features__item .ma-tool-flow__title {
    padding: 1rem 2.5rem 0.8rem 2.5rem;
  }
}
.features .l-inner ul.features__items .features__item .ma-tool-flow__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 4.5625rem;
}
@media screen and (max-width: 768px) {
  .features .l-inner ul.features__items .features__item .ma-tool-flow__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 2rem;
  }
}
.features .l-inner ul.features__items .features__item .ma-tool-flow__inner .group.bg-transparent {
  padding: 2rem 0;
}
.features .l-inner ul.features__items .features__item .ma-tool-flow__inner .group.bg-white {
  padding: 2rem 1.875rem;
  background-color: #fff;
  border-radius: 13px;
  border: 2px solid #138B66;
}
@media screen and (max-width: 768px) {
  .features .l-inner ul.features__items .features__item .ma-tool-flow__inner .group.bg-white {
    padding: 1.5rem;
  }
}
@media screen and (max-width: 576px) {
  .features .l-inner ul.features__items .features__item .ma-tool-flow__inner .group.bg-white {
    width: 100%;
  }
}
.features .l-inner ul.features__items .features__item .ma-tool-flow__inner .step-title {
  font-size: 1.3rem;
  font-weight: 700;
  text-align: center;
  margin-bottom: 20px;
}
@media screen and (max-width: 576px) {
  .features .l-inner ul.features__items .features__item .ma-tool-flow__inner .step-title {
    font-size: 1.25rem;
  }
}
.features .l-inner ul.features__items .features__item .ma-tool-flow__inner .group-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 3.2rem;
}
@media screen and (max-width: 768px) {
  .features .l-inner ul.features__items .features__item .ma-tool-flow__inner .group-items {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.features .l-inner ul.features__items .features__item .ma-tool-flow__inner .step-info {
  height: 5rem;
  background-color: #138B66;
  padding: 0 1.3rem;
  text-align: center;
  color: #fff;
  font-size: 1.2rem;
  font-weight: 700;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.4rem;
  border-radius: 4px;
  text-align: center;
  line-height: 1.3;
}
@media screen and (max-width: 768px) {
  .features .l-inner ul.features__items .features__item .ma-tool-flow__inner .step-info {
    font-size: 0.875rem;
    padding: 1.3rem;
    height: 4rem;
  }
}
@media screen and (max-width: 576px) {
  .features .l-inner ul.features__items .features__item .ma-tool-flow__inner .step-info {
    font-size: 0.8rem;
    width: 100%;
  }
}
.features .l-inner ul.features__items .features__item .ma-tool-flow__inner .step-info span.num {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 1.3rem;
  height: 1.3rem;
  background-color: #fff;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 1.25rem;
  line-height: 1;
  color: #138B66;
}
@media screen and (max-width: 576px) {
  .features .l-inner ul.features__items .features__item .ma-tool-flow__inner .step-info span.num {
    width: 1rem;
    height: 1rem;
    font-size: 0.8725rem;
  }
}
.features .l-inner ul.features__items .features__item .ma-tool-flow__inner .step-info.arrow-icon {
  position: relative;
}
.features .l-inner ul.features__items .features__item .ma-tool-flow__inner .step-info.arrow-icon::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -3rem;
  width: 2.25rem;
  height: 1.25rem;
  background-image: url("data:image/svg+xml,%3Csvg width='37' height='21' viewBox='0 0 37 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30.2359 12.2902H1.45077C0.647199 12.2902 0 11.4189 0 10.3502C0 9.28141 0.647199 8.41016 1.45077 8.41016H30.2359C31.0395 8.41016 31.6867 9.28141 31.6867 10.3502C31.6867 11.4189 31.0395 12.2902 30.2359 12.2902Z' fill='%23B4E3DD'/%3E%3Cpath d='M36.595 9.52281L24.955 0.223744C24.2954 -0.306522 23.3125 0.165544 23.3125 1.01268V19.6043C23.3125 20.4515 24.289 20.9235 24.955 20.3933L36.595 11.1007C37.0994 10.6933 37.0994 9.92374 36.595 9.52281Z' fill='%23B4E3DD'/%3E%3C/svg%3E%0A");
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  .features .l-inner ul.features__items .features__item .ma-tool-flow__inner .step-info.arrow-icon::after {
    top: unset;
    bottom: -2.25rem;
    right: unset;
    left: 50%;
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: translateX(-50%) rotate(90deg);
            transform: translateX(-50%) rotate(90deg);
  }
}
.features .l-inner ul.features__items .features__item .ma-tool-flow__desc {
  margin-top: 22px;
  font-size: 1rem;
  font-weight: 700;
}

.case-section {
  padding: 6.25rem 0;
  background-color: #ECFAF6;
}
@media screen and (max-width: 576px) {
  .case-section {
    padding: 3.75rem 0;
  }
}
.case-section .l-inner .section__header {
  margin-bottom: 40px;
}
@media screen and (max-width: 576px) {
  .case-section .l-inner .section__header {
    margin-bottom: 2rem;
  }
}
.case-section .l-inner .section__header .section__title {
  font-size: 2.5rem;
  font-weight: 700;
  text-align: center;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .case-section .l-inner .section__header .section__title {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 576px) {
  .case-section .l-inner .section__header .section__title {
    font-size: 1.4rem;
    margin-bottom: 2rem;
  }
}
.case-section .l-inner .section__header .sub-title {
  font-size: 1.5rem;
  font-weight: 700;
  text-align: center;
}
@media screen and (max-width: 576px) {
  .case-section .l-inner .section__header .sub-title {
    font-size: 1.25rem;
  }
}
.case-section .l-inner .section__header .sub-title span {
  color: #138B66;
}
.case-section .l-inner .case-items {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: minmax(0, 1fr) 3.125rem minmax(0, 1fr) 3.125rem minmax(0, 1fr);
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 3.125rem;
}
@media screen and (max-width: 768px) {
  .case-section .l-inner .case-items {
    -ms-grid-columns: minmax(0, 1fr) 1.25rem minmax(0, 1fr);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.25rem;
  }
}
@media screen and (max-width: 576px) {
  .case-section .l-inner .case-items {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
.case-section .l-inner .case-items .case-item {
  width: 100%;
  border: 3px solid #138B66;
  border-radius: 10px;
  background-color: #fff;
  padding: 2rem 1.875rem;
}
@media screen and (max-width: 768px) {
  .case-section .l-inner .case-items .case-item {
    padding: 1.5rem;
  }
}
.case-section .l-inner .case-items .case-item .case-title {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.5rem;
  font-size: 1.5rem;
  color: #138B66;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .case-section .l-inner .case-items .case-item .case-title {
    font-size: 1.25rem;
  }
}
.case-section .l-inner .case-items .case-item .case-title::before {
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  position: relative;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='12' fill='%23138B66'/%3E%3Cpath d='M17.5011 7.15774C17.3226 7.05439 17.1158 7 16.9034 7C16.5546 7 16.2354 7.14142 16.0272 7.39026L10.0637 14.4789L7.90683 12.359C7.69993 12.1564 7.40379 12.0394 7.09547 12.0394C6.85071 12.0394 6.61001 12.1142 6.41798 12.2488C6.17728 12.4175 6.02583 12.6731 6.00284 12.9491C5.9812 13.2184 6.08398 13.4863 6.28546 13.6848L9.33347 16.6804C9.54036 16.8831 9.83651 17 10.1448 17C10.1583 17 10.1732 17 10.1867 17C10.5221 16.9878 10.825 16.845 11.0211 16.6097L17.7784 8.57465C17.9555 8.36388 18.0312 8.09328 17.9853 7.83084C17.9379 7.5548 17.7608 7.31004 17.4998 7.1591L17.5011 7.15774Z' fill='white'/%3E%3C/svg%3E%0A");
  background-size: contain;
  background-repeat: no-repeat;
  margin-top: 0.35rem;
}
@media screen and (max-width: 768px) {
  .case-section .l-inner .case-items .case-item .case-title::before {
    margin-top: 0.25rem;
    width: 1.25rem;
    height: 1.25rem;
  }
}
.case-section .l-inner .case-items .case-item .case-desc {
  margin-top: 20px;
  background-color: #ECFAF6;
  border-radius: 10px;
  padding: 1.25rem;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}
@media screen and (max-width: 768px) {
  .case-section .l-inner .case-items .case-item .case-desc {
    padding: 1rem;
  }
}

.line .line__content {
  padding: 3.75rem 4.0625rem 5rem;
}
.line .section__title {
  font-size: 3rem;
  font-weight: 700;
  color: #000;
  text-align: center;
  margin-bottom: 2.5rem;
}
@media screen and (max-width: 768px) {
  .line .section__title {
    font-size: 2rem;
  }
}
@media screen and (max-width: 768px) {
  .line .section__title {
    font-size: 1.6rem;
  }
}
.line .line__subtitle {
  background-image: url(./line-bg.png);
  line-height: 1;
}

.price .price__table tr:first-child th {
  font-size: 1.15rem;
}
.price .price__table tr:nth-child(2) td {
  font-size: 1.6rem;
}