@charset "UTF-8";
.section-service {
  position: relative;
}
.section-service .breadcrumb-nav {
  background: #f0f0f0;
}

.section-service__header-title--sub {
  font-size: clamp(0.875rem, 0.7797270955vw + 0.5012183236rem, 1.125rem);
  font-weight: 900;
  margin: 0;
  display: block;
}

.section-service__inner-box {
  display: flex;
  justify-content: space-between;
  margin: 2rem 0 1rem;
  padding: 0;
  width: 100%;
}
.section-service__inner-box-item {
  padding: 0;
  margin: 0;
  text-align: center;
  width: 32%;
}
.section-service__inner-box-title {
  font-size: clamp(0.625rem, 0.7797270955vw + 0.2512183236rem, 0.875rem);
  font-weight: bold;
  background: #FCCF00;
  margin: 0;
  padding: 2.5% 3.5%;
  line-height: 1;
  border-radius: 5px;
  display: inline-block;
  letter-spacing: -0.1em;
  white-space: nowrap;
}
.section-service__inner-box-text {
  font-size: clamp(0.75rem, 0.7797270955vw + 0.3762183236rem, 1rem);
  background: #FFFAE2;
  border-radius: 60px;
  margin: -2.9% 0 0;
  padding: 8% 1% 4%;
  font-weight: bold;
}
.section-service__inner-box-text-num {
  font-size: clamp(1.875rem, 3.8986354776vw + 0.0060916179rem, 3.125rem);
  font-weight: 900;
  line-height: 1;
  padding: 0 0.1em;
  transform: scale(0.7, 1);
}

.section-service__header {
  width: 100%;
  flex-shrink: 1;
}

.section-service--flex {
  display: grid;
  gap: 15px;
  width: 100%;
}

.section-service--img {
  width: 100%;
  height: auto;
  max-width: 720px;
}

.c-section__card-img {
  text-align: center;
  background: #ffffff;
}
.c-section__card-img img {
  width: 26%;
  height: auto;
}

.section__inner-efforts {
  padding: 30px 30px 30px 20vw;
  border: 1px solid #E6E6E6;
  border-radius: 15px;
  background: url("../img/top/icon-12.svg") no-repeat;
  background-position: 20px center;
  background-size: auto 96%;
}
.section__inner-efforts h3 {
  font-size: clamp(1rem, 0.7797270955vw + 0.6262183236rem, 1.25rem);
  font-weight: 700;
  margin: 0 0 15px;
}
.section__inner-efforts p {
  font-size: clamp(0.875rem, 0.3898635478vw + 0.6881091618rem, 1rem);
  font-weight: 500;
  margin: 0 0 30px;
}
.section__inner-efforts ul {
  margin: 0;
  padding: 0;
}
.section__inner-efforts ul li {
  list-style: none;
  margin: 0 0 30px;
  padding: 0 0 20px;
}
.section__inner-efforts ul li a {
  font-size: clamp(0.875rem, -0.7797270955vw + 1.2487816764rem, 0.625rem);
  font-weight: 500;
  text-decoration: none;
  padding: 10px 30px 10px 20px;
  border: 1px solid #141414;
  border-radius: 15px;
  line-height: 1;
  background: url(../img/common/link-arrow.svg) no-repeat right 10px center;
  background-size: 11px auto;
}

.c-section__card--link {
  height: 100%;
  position: relative;
}
.c-section__card--link:hover {
  text-decoration: none;
  background: #f0f0f0;
}
.c-section__card--link:hover .section__card--text,
.c-section__card--link:hover .c-section__card-img,
.c-section__card--link:hover .c-section__card-content::before {
  background: #f0f0f0;
}
.c-section__card--link:hover .section__card--text-tag::before,
.c-section__card--link:hover .section__card--text-tag-list .section__card--text-tag-item::before {
  background: #FCCF00;
}
.c-section__card--link-icon {
  position: relative;
}
.c-section__card--link-icon::before {
  content: "";
  position: absolute;
  right: 10px; /* 右からの距離（お好みで調整） */
  bottom: 10px; /* 下からの距離（お好みで調整） */
  width: 54px;
  height: 27px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='54' height='27' viewBox='0 0 54 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='54' height='27' rx='13.5' fill='%23141414'/%3E%3Cpath d='M32.8584 10.1885C32.923 10.1284 32.999 10.0814 33.082 10.0502C33.165 10.0191 33.2535 10.0043 33.3424 10.0067C33.4312 10.0092 33.5187 10.0289 33.5998 10.0647C33.6809 10.1004 33.7541 10.1515 33.8151 10.2151C33.8762 10.2787 33.9239 10.3535 33.9556 10.4353C33.9872 10.517 34.0022 10.6041 33.9997 10.6915C33.9972 10.779 33.9772 10.8651 33.9409 10.9449C33.9046 11.0248 33.8526 11.0968 33.788 11.1569L27.6985 16.8183C27.5729 16.9352 27.4065 17.0004 27.2336 17.0004C27.0608 17.0004 26.8944 16.9352 26.7688 16.8183L20.6786 11.1569C20.6125 11.0972 20.5592 11.0252 20.5217 10.9451C20.4842 10.8649 20.4633 10.7782 20.4601 10.6901C20.4569 10.6019 20.4716 10.514 20.5032 10.4314C20.5348 10.3488 20.5828 10.2733 20.6444 10.2091C20.7059 10.145 20.7798 10.0935 20.8617 10.0577C20.9436 10.0219 21.032 10.0024 21.1216 10.0005C21.2112 9.9986 21.3003 10.0142 21.3837 10.0465C21.4672 10.0788 21.5432 10.127 21.6076 10.1885L27.2336 15.4183L32.8584 10.1885Z' fill='white'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  z-index: 10;
}

.c-section__card--link-bottom::after {
  content: "";
  position: absolute;
  right: 10px;
  bottom: 0;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.37798 8.59906C3.2052 8.69759 3.07863 8.86073 3.02612 9.05257C2.97361 9.24442 2.99946 9.44927 3.09798 9.62206C4.39498 11.8911 6.05198 13.0131 7.80798 13.5431C9.36098 14.0111 10.974 14.0061 12.351 14.0001L12.751 14.0001L18.439 14.0001L14.719 17.7201C14.6474 17.7893 14.5903 17.8721 14.551 17.9636C14.5118 18.0551 14.4911 18.1535 14.4903 18.2531C14.4895 18.3527 14.5085 18.4515 14.5463 18.5436C14.584 18.6358 14.6397 18.7195 14.7102 18.7899C14.7806 18.8602 14.8644 18.9159 14.9566 18.9536C15.0488 18.9912 15.1476 19.0102 15.2471 19.0092C15.3467 19.0083 15.4451 18.9876 15.5366 18.9482C15.6281 18.9089 15.7108 18.8517 15.78 18.7801L20.78 13.7801C20.9204 13.6394 20.9993 13.4488 20.9993 13.2501C20.9993 13.0513 20.9204 12.8607 20.78 12.7201L15.78 7.72006C15.6378 7.58758 15.4498 7.51546 15.2555 7.51889C15.0612 7.52231 14.8758 7.60103 14.7384 7.73844C14.6009 7.87585 14.5222 8.06124 14.5188 8.25554C14.5154 8.44984 14.5875 8.63789 14.72 8.78006L18.44 12.5001L12.37 12.5001C10.959 12.5041 9.56798 12.5071 8.24198 12.1071C6.84798 11.6871 5.50498 10.8091 4.40198 8.87706C4.35303 8.79154 4.2877 8.71651 4.20973 8.65625C4.13176 8.59599 4.04269 8.55169 3.94759 8.52587C3.85249 8.50005 3.75324 8.49323 3.6555 8.50579C3.55777 8.51834 3.46346 8.55004 3.37798 8.59906Z' fill='%23333333'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  transition: transform 0.2s ease;
}

.section__card--text-tag-list {
  padding: 0;
  margin: 0;
  list-style: none;
}

.c-section__card-wrap {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}

.section__card--text-tag-list .section__card--text-tag-item {
  font-size: clamp(0.75rem, 0.3898635478vw + 0.5631091618rem, 0.875rem);
  font-weight: 900;
  display: flex;
  align-items: center;
  margin: 0 0 10px;
  line-height: 1;
  font-weight: 500;
}
.section__card--text-tag-list .section__card--text-tag-item::before {
  content: "";
  position: relative;
  top: auto;
  left: auto;
  display: inline-block;
  width: 10px;
  height: 2px;
  background: #F4AD13;
  margin: 0 10px 0 0;
}

.section-service__header-img {
  grid-column: 2;
  grid-row: 1/span 4;
  align-self: center;
  text-align: right;
}

.section-service--flex-gap {
  gap: 15px;
  margin: 60px 0;
}
.section-service--flex-gap .c-section__title {
  text-align: center;
  font-size: clamp(1rem, 1.9493177388vw + 0.065545809rem, 1.625rem);
  font-weight: 700;
  margin: 0 0 1em;
}
.section-service--flex-gap .section__title-sub {
  font-size: clamp(0.75rem, 0.3898635478vw + 0.5631091618rem, 0.875rem);
  font-weight: 700;
  margin: 0;
  display: block;
}
.section-service--flex-gap .c-section__card-content {
  position: relative;
  padding-top: 40px;
  background: #FCCF00;
  overflow: hidden;
  min-height: 400px;
  max-height: 400px;
}
.section-service--flex-gap .c-section__card-content::before {
  content: "";
  position: absolute;
  top: -120px; /* 円を大幅に上に引き上げて、下側だけを黄色に食い込ませる */
  left: -50%; /* カードの横幅より遥かに大きな円にする（左右中央に配置） */
  width: 200%; /* 横幅をカードの2倍の巨大な円にする */
  height: 150px; /* 円の高さ（楕円の平らさを調整する） */
  /* ★重要：背景（カードの上側）と同じ「白」にする */
  background-color: #fff;
  /* 下半分を綺麗な楕円のカーブにする（これで黄色が凹みます） */
  border-radius: 0 0 50% 50%/0 0 100% 100%;
}
.section-service--flex-gap .section__card--text {
  font-size: clamp(0.875rem, 0.3898635478vw + 0.6881091618rem, 1rem);
  font-weight: 700;
  padding: 1rem;
  background: #ffffff;
}
.section-service--flex-gap .section__card--text-tag {
  padding: 5px 10px 5px 1.8em;
  text-indent: -1.5em;
  font-size: clamp(0.75rem, 0.1949317739vw + 0.6565545809rem, 0.8125rem);
  border-radius: 8px;
  line-height: 1.4;
  font-weight: 700;
  display: inline-block;
  margin: 0 0 10px;
  border: 1px solid rgba(152, 152, 152, 0.15);
  background: #ffffff;
}
.section-service--flex-gap .section__card--text-tag::before {
  content: "";
  width: 10px;
  height: 10px;
  position: relative;
  top: auto;
  left: auto;
  display: inline-block;
  background: #FCCF00;
  border-radius: 50%;
  margin: 0 5px 0 0;
  padding: 0 0 0 5px;
}

.section-service__inner {
  margin: 60px auto;
  padding: 0;
}

.section-service__inner-box-sec {
  background: #FFFAE2;
  border-radius: 15px;
  text-align: center;
  padding: 20px 0;
}

.section-service__inner-header {
  padding: 30px 30px 10px;
  background: #FCCF00;
  border-radius: 10px 10px 0 0;
}

.section-service__inner-title {
  font-size: clamp(1.25rem, 1.9493177388vw + 0.315545809rem, 1.875rem);
  font-weight: 900;
}

.section-service__inner-title-sub {
  font-size: clamp(1rem, 1.559454191vw + 0.2524366472rem, 1.5rem);
  font-weight: 700;
  margin-bottom: 0.5rem;
}

.c-section--flex-nopd {
  padding-bottom: 0;
  padding-top: 0;
}

.section-service__inner--btm {
  margin-bottom: 0;
}

.section-service--flex-center {
  align-items: normal;
}
.section-service--flex-center .c-section__card--link {
  background: #ffffff;
}
.section-service--flex-center .c-section__card--link:hover {
  background: #f0f0f0;
}

.section-service__inner-content {
  padding: 30px;
  background: #f0f0f0;
  border-radius: 0 0 10px 10px;
}
.section-service__inner-content .c-section__card-content {
  background: #ffffff;
}
.section-service__inner-content .c-section__card-content::before {
  display: none;
}
.section-service__inner-content .c-section__card-content::before {
  display: none;
}
.section-service__inner-content .c-section__card-img {
  padding: 20px 0 0;
}

.section-service__inner-content .c-section__card--link:hover .c-section__card-content {
  background: #f0f0f0;
}

.section-service--flex-gap .c-section__card--link:hover .c-section__card-content {
  background: #ffffff;
}

.c-section__inner-item-achievements {
  background: #ffffff;
  padding: 0;
  border-radius: 15px;
  border: 1px solid #C7C7C7;
  gap: 0;
  justify-content: space-between;
}

.section-achievements--header {
  width: 100%;
  background: url(/service/img/achievements-icon.svg) no-repeat left 20px top;
  background-size: 80px auto;
  padding: 0 1rem 1rem 120px;
  min-height: 85px;
  margin: 1rem 0 0;
  border-bottom: 1px solid #C7C7C7;
}

.text-strong {
  padding: 0 1rem 0 0;
}

.section-achievements--content {
  width: 50%;
  padding: 1rem;
  border-right: 1px solid #C7C7C7;
}
.section-achievements--content:last-child {
  border: none;
}

.c-section__inner-flex.c-section__inner-flex--splide.splide__list {
  padding: 0;
  margin: 0;
  list-style: none;
}

.case-study-tag {
  color: #777;
}

.case-study-tag-text {
  background: #333333;
  color: #ffffff;
  padding: 0.2em 1.5em;
  border-radius: 15px;
  display: inline-block;
  margin: 0 0 0.5em;
  line-height: 1;
}

.c-section__inner-title {
  justify-content: center;
  font-size: clamp(1.1875rem, 1.3645224172vw + 0.5333820663rem, 1.625rem);
}

.c-section__inner-flex--splide {
  width: 100%;
  max-width: 1920px;
}

.case-study-tag-accent {
  background: #FCCF00;
  padding: 0.2em 1.5em;
  border-radius: 10px;
  display: inline-block;
  margin: 0 0 0.5em;
  line-height: 1;
}

.case-tag-accent {
  background: #FCCF00;
  padding: 0.2em 1.5em;
  border-radius: 5px;
  display: inline-block;
  margin: 0 0 0.8rem;
  font-weight: 700;
  font-size: clamp(0.9375rem, 0.1949317739vw + 0.8440545809rem, 1rem);
  line-height: 1;
}

.case-tag {
  background: #141414;
  padding: 0.2em 1.5em;
  border-radius: 5px;
  display: inline-block;
  margin: 0 0 0.5rem;
  color: #ffffff;
  font-size: clamp(0.9375rem, 0.1949317739vw + 0.8440545809rem, 1rem);
  line-height: 1;
}

.case-tag--small {
  font-size: clamp(0.75rem, 0vw + 0.75rem, 0.75rem);
}

.case-tag--big {
  font-weight: 700;
}

.case-tag--basic {
  background: #ffffff;
  padding: 0.2em 1.3em;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0.5rem 0;
  font-weight: 700;
  font-size: clamp(0.875rem, 0vw + 0.875rem, 0.875rem);
  letter-spacing: -0.1em;
}
.case-tag--basic-double {
  height: 3.5em;
}

.case-study--list {
  padding: 0 0 0 1.5em;
  list-style: disc;
}

.check-list {
  padding: 0;
  list-style: none;
  margin: 0 0 4em;
}

.check-list-item {
  position: relative;
  padding: 0 0 0 25px;
  margin: 0 0 0.5em;
}
.check-list-item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.61111 0C2.65338 0 1.73488 0.380455 1.05767 1.05767C0.380455 1.73488 0 2.65338 0 3.61111V16.3889C0 17.3466 0.380455 18.2651 1.05767 18.9423C1.73488 19.6195 2.65338 20 3.61111 20H16.3889C17.3466 20 18.2651 19.6195 18.9423 18.9423C19.6195 18.2651 20 17.3466 20 16.3889V3.61111C20 2.65338 19.6195 1.73488 18.9423 1.05767C18.2651 0.380455 17.3466 0 16.3889 0H3.61111ZM14.7556 7.53333L9.2 13.0889C9.04375 13.2449 8.83195 13.3326 8.61111 13.3326C8.39028 13.3326 8.17847 13.2449 8.02222 13.0889L5.79556 10.8622C5.71368 10.7859 5.64801 10.6939 5.60247 10.5917C5.55692 10.4895 5.53243 10.3791 5.53045 10.2672C5.52848 10.1554 5.54906 10.0442 5.59098 9.94045C5.63289 9.83668 5.69527 9.74242 5.7744 9.66329C5.85353 9.58416 5.94779 9.52178 6.05156 9.47986C6.15532 9.43795 6.26647 9.41737 6.37836 9.41934C6.49025 9.42132 6.6006 9.44581 6.70282 9.49135C6.80504 9.5369 6.89704 9.60257 6.97333 9.68444L8.61111 11.3211L13.5778 6.35444C13.6547 6.27489 13.7467 6.21145 13.8484 6.16782C13.9501 6.1242 14.0594 6.10126 14.1701 6.10035C14.2807 6.09944 14.3904 6.12058 14.4928 6.16253C14.5952 6.20448 14.6882 6.2664 14.7664 6.34468C14.8446 6.42296 14.9065 6.51603 14.9483 6.61846C14.9902 6.7209 15.0112 6.83064 15.0102 6.94129C15.0092 7.05194 14.9862 7.16128 14.9424 7.26293C14.8987 7.36457 14.8352 7.4565 14.7556 7.53333Z' fill='%23FCCF00'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.inner-box {
  margin: 0 0 4em;
}

.solutions-list {
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin: 0 0 4em;
}

.solutions-item {
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  background: #FFFAE2;
  width: calc(20% - 4px);
  padding: 10px;
  border: 1px solid #E6E6E6;
  font-weight: 700;
  min-height: 4.6em;
  font-size: clamp(0.75rem, 0.5847953216vw + 0.4696637427rem, 0.9375rem);
}

.text-normal {
  font-size: clamp(0.75rem, 0.3898635478vw + 0.5631091618rem, 0.875rem);
  font-weight: 500;
  padding: 0 0 0 5px;
}

.flex-center {
  display: flex;
  align-items: center;
}

.head-svg {
  display: inline-block;
  margin: 0 2px 0 0;
}

.middle-line {
  display: flex;
  align-items: center;
  text-align: center;
  font-weight: 700;
  margin: 0 0 1em;
}

.middle-line::before,
.middle-line::after {
  content: "";
  flex-grow: 1;
  height: 2px;
  background-color: #FCCF00;
}

.middle-line::before {
  margin-right: 15px;
}

.middle-line::after {
  margin-left: 15px;
}

.step-up-list {
  padding: 0;
  list-style: none;
  margin: 0 0 4em;
  display: flex;
  justify-content: space-between;
  gap: 5px;
}

.step-up-list--full {
  gap: 20px;
}

.step-up-item {
  list-style-type: none;
  padding: 10px;
  margin: 0;
  background: #f0f0f0;
  border-radius: 10px;
  width: calc(25% - 5px);
  text-align: center;
}

.step-up-item--full {
  background: none;
  width: calc(20% - 10px);
  position: relative;
}
.step-up-item--full::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: calc(50% - 12px);
  right: -20px;
  width: 21px;
  height: 24px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='21' height='24' viewBox='0 0 21 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.5 9.06672C21.5 10.2214 21.5 13.1082 19.5 14.2629L4.5 22.9231C2.5 24.0778 0 22.6345 0 20.3251V3.00454C0 0.695137 2.5 -0.748236 4.5 0.406465L19.5 9.06672Z' fill='%23C7C7C7'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
  margin-left: 8px;
}
.step-up-item--full:last-child::after {
  display: none;
}

.c-section__inner-toggle {
  display: block;
  width: 100%;
  padding: 10px 50px 10px 0;
  text-align: left;
  border-bottom: none;
  color: #333333;
}

.splide__pagination__page.is-active {
  background: #4d4d4d !important;
}

.splide__pagination {
  bottom: -2.5em !important;
  left: 130px;
  justify-content: left;
}

button.splide__toggle {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none;
  display: inline-block;
  position: absolute;
  bottom: -35px;
  left: 30vw;
  z-index: 20;
}

.splide__toggle {
  background: rgba(0, 0, 0, 0.6);
  border: none;
  border-radius: 15px;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #4d4d4d;
  cursor: pointer;
  padding: 0;
}

/* アイコン（SVG）のサイズと中央配置 */
.splide__toggle svg {
  width: 20px;
  height: 20px;
  display: block;
}

/* ホバー時の装飾（任意） */
.splide__track {
  overflow: visible !important;
}

.splide__toggle.is-active .splide__toggle__pause {
  display: inline-block !important;
  width: 20px !important;
}

.splide__arrows.splide__arrows--ltr .splide__arrow {
  background: #141414;
  border-radius: 15px;
  width: 2em;
  height: 1.5em;
}

.splide__arrows.splide__arrows--ltr .splide__arrow--prev {
  left: 60px;
  top: auto;
  bottom: -55px;
}

.splide__arrows.splide__arrows--ltr .splide__arrow--next {
  left: 100px;
  top: auto;
  bottom: -55px;
}

.splide__arrows.splide__arrows--ltr .splide__arrow svg {
  fill: #fff;
  height: 0.7em;
  width: 0.7em;
}

.section--img-svg {
  width: 100%;
  height: auto;
}

.section--img-svg--head {
  margin: 0 auto 2%;
}

.section--img-svg--center {
  margin: 0 auto;
}

.c-section-faq-item__title {
  padding: 0 0 0 45px;
  position: relative;
  font-size: clamp(1rem, 0.7797270955vw + 0.6262183236rem, 1.25rem);
}
.c-section-faq-item__title::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: calc(50% - 19px);
  left: 0;
  width: 38px;
  height: 38px;
  background-image: url("data:image/svg+xml,%3Csvg width='38' height='38' viewBox='0 0 38 38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='38' height='38' rx='19' fill='%23F0F0F0'/%3E%3Cpath d='M24.6797 23.9102C25.2331 24.2943 25.5944 24.5352 25.7637 24.6328C26.0176 24.776 26.3594 24.9421 26.7891 25.1309L25.5586 27.6113C24.9401 27.3118 24.3281 26.9538 23.7227 26.5371C23.1172 26.127 22.694 25.8177 22.4531 25.6094C21.4766 26.0326 20.2526 26.2441 18.7812 26.2441C16.6068 26.2441 14.8913 25.6777 13.6348 24.5449C12.1504 23.2038 11.4082 21.319 11.4082 18.8906C11.4082 16.5339 12.056 14.7044 13.3516 13.4023C14.6536 12.0938 16.4701 11.4395 18.8008 11.4395C21.1771 11.4395 23.0098 12.0775 24.2988 13.3535C25.5944 14.6296 26.2422 16.4557 26.2422 18.832C26.2422 20.9479 25.7214 22.6406 24.6797 23.9102ZM21.291 21.6445C21.6426 21.013 21.8184 20.069 21.8184 18.8125C21.8184 17.3672 21.5482 16.3353 21.0078 15.7168C20.474 15.0983 19.735 14.7891 18.791 14.7891C17.9121 14.7891 17.1992 15.1048 16.6523 15.7363C16.1055 16.3678 15.832 17.3542 15.832 18.6953C15.832 20.2578 16.099 21.3548 16.6328 21.9863C17.1667 22.6178 17.8991 22.9336 18.8301 22.9336C19.1296 22.9336 19.4128 22.9043 19.6797 22.8457C19.3086 22.4876 18.7227 22.1491 17.9219 21.8301L18.6152 20.2383C19.0059 20.3099 19.3086 20.3978 19.5234 20.502C19.7448 20.6061 20.1712 20.8796 20.8027 21.3223C20.9525 21.4264 21.1152 21.5339 21.291 21.6445Z' fill='%23333333'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.c-section-faq-item__title::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 40px;
  height: 20px;
  margin: auto;
  display: inline-block;
  padding: 10px 20px;
  border-radius: 30px;
  background: #333333;
  z-index: -1;
}
.c-section-faq-item__title:has(.c-section__inner-toggle[aria-expanded=true])::after {
  border: 1px solid #333333;
  background: #fff;
}

.c-section-faq-item__text {
  padding: 1.5em 0 0 45px;
  position: relative;
}
.c-section-faq-item__text::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 19px;
  left: 0;
  width: 38px;
  height: 38px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='38' height='38' viewBox='0 0 38 38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='38' height='38' rx='19' fill='%23FFE87D'/%3E%3Cpath d='M21.2734 23.6367H16.2344L15.541 26H11.0195L16.4004 11.6836H21.2246L26.6055 26H21.9766L21.2734 23.6367ZM20.3457 20.541L18.7637 15.3945L17.1914 20.541H20.3457Z' fill='%23333333'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.c-section-faq-wrap {
  padding: 30px 0;
  margin: 30px 0;
  border-top: 1px solid #e6e6e6;
}

.c-section-faq-item {
  margin: 0 0 30px;
  padding: 0 0 30px;
}

.section__inner-issues-tag {
  padding: 5px 10px 10px 1.5em;
  text-indent: -1.5em;
  text-align: left;
  font-size: clamp(0.875rem, 0.1949317739vw + 0.7815545809rem, 0.9375rem);
  border-radius: 8px;
  line-height: 1.4;
  display: block;
  margin: 0 0;
}
.section__inner-issues-tag::before {
  content: "";
  width: 10px;
  height: 10px;
  display: inline-block;
  background: #FCCF00;
  border-radius: 50%;
  margin: 0 5px 0 0;
  padding: 0 0 0 5px;
}

.sp-navi {
  display: none;
}

.c-section.c-section__wrapper.c-section--gray > .c-section__wrapper--max#case > .section-service__inner.c-section__inner-wrapper {
  margin-top: 0;
}

.c-section--flex-small {
  margin-bottom: 60px;
}

.c-section__wrapper--max .c-section__text + .c-section {
  padding-top: 30px;
}

.c-section__header-title.underline-wavy + .c-section__text {
  font-size: clamp(0.9375rem, 0.3898635478vw + 0.7506091618rem, 1.0625rem);
  font-weight: 700;
}

.c-section--3-1col.c-section--container-item .c-section__inner-title + ul {
  padding: 0 0.5em 0 1.5em;
}

.c-section--3col.c-section__card .c-section__card-wrap {
  justify-content: flex-start;
}

.c-section.c-section__wrapper.c-section__wrapper--max .c-section__note-text-title {
  padding: 0;
}

.more-link--black .c-section__text {
  padding-right: 120px;
}

.c-section.c-section__wrapper.c-section__wrapper--max.section--sp {
  padding-bottom: 0;
}

.c-section.c-section__wrapper.c-section__wrapper--max.section--sp + .c-section.c-section__wrapper.c-section__wrapper--max.section--sp {
  padding-top: 0;
}

.c-section.c-section__wrapper.c-section__wrapper--max.section--sp + .c-section.c-section__wrapper.c-section--gray {
  margin-top: 60px;
}

@media (min-width: 1281px) {
  .more-link--black::after {
    bottom: -3px;
  }
}
@media (max-width: 1280px) {
  .more-link--white::after {
    right: 8%;
    bottom: 1%;
  }
  .more-link--black::after {
    bottom: -13px;
  }
  .section__inner-efforts {
    padding: 30px 30px 30px 40%;
    background: url(../img/top/icon-12.svg) no-repeat;
    background-position: 20px center;
    background-size: auto 60%;
  }
}
@media (max-width: 1024px) {
  .more-link--black::after {
    bottom: -18px;
  }
}
@media (max-width: 767px) {
  .section-service--flex {
    display: block;
  }
  .section-service__header > .c-section__header-title {
    font-size: clamp(1.4375rem, 2.3391812865vw + 0.3161549708rem, 2.1875rem);
    margin-bottom: 0.8em;
  }
  .solutions-list,
  .check-list,
  .inner-box {
    margin: 0 0 2em;
  }
  .section-service__inner-box {
    margin-top: 1rem;
  }
  .contact-btn--black {
    margin: 1rem 0 0;
    width: 100%;
  }
  .section-service__inner {
    padding: 1.5% 0;
    margin: 15px 0;
  }
  .section-service__inner-box-sec {
    padding: 1.5%;
  }
  .button__contact {
    display: block;
  }
  .solutions-list,
  .step-up-list {
    flex-wrap: wrap;
  }
  .middle-line + .step-up-list .step-up-item {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    position: relative;
  }
  .middle-line + .step-up-list .step-up-item .case-tag.case-tag--small {
    position: absolute;
    top: calc(50% - 0.9em);
    left: 5%;
  }
  .middle-line + .step-up-list .step-up-item h4,
  .middle-line + .step-up-list .step-up-item .flex-center,
  .middle-line + .step-up-list .step-up-item .disk-list {
    margin: 0 0 0 30%;
  }
  .middle-line + .step-up-list .step-up-item .case-tag--basic {
    margin: 3% 0 3% 30%;
    text-align: left;
    justify-content: left;
  }
  .middle-line + .step-up-list .step-up-item .case-tag--basic-double {
    height: auto;
  }
  .case-tag.case-tag--big {
    width: 80px;
    padding: 0.2em 0.5em;
    margin: 0;
  }
  .solutions-item {
    width: calc(33% - 2px);
  }
  .section-service--flex-gap {
    margin: 15px 0;
  }
  .c-section--4col.c-section__card {
    margin: 0;
  }
  .section-service__inner-content {
    padding: 15px;
  }
  .section-service__inner .c-section__card-wrap {
    flex-direction: row;
  }
  .section-service__inner .c-section__card-content {
    width: 78%;
  }
  .section-service__inner .c-section__card-img {
    width: 20%;
    padding: 0 0 0 10px;
  }
  .section-service__inner .c-section__card-img img {
    width: 100%;
    height: auto;
  }
  .section-service__inner .c-section__title {
    font-size: clamp(1.125rem, 0vw + 1.125rem, 1.125rem);
  }
  .section-service__inner .c-section__title.c-section--text-center {
    text-align: left;
  }
  .c-section--gray .c-section__wrapper--max {
    padding: 0;
  }
  .c-section--gray .c-section__wrapper--max#case {
    padding-top: 15px;
  }
  .c-section__header-title {
    padding-top: 15px;
  }
  .section__inner-efforts {
    padding: 29vw 10px 10px 10px;
    background: url(../img/top/icon-12.svg) no-repeat;
    background-position: top center;
    background-size: auto 100%;
  }
  .more-link--white::after {
    content: "";
    position: absolute;
    right: 20px;
    bottom: 5px;
  }
  .contact-area {
    display: block;
    margin: 2% 0 1%;
    padding: 0;
  }
  .button__contact--white {
    display: block;
    margin: 0 auto 0.5em;
  }
  .c-section__inner-flex--splide {
    gap: 0;
  }
  .section-achievements--header {
    width: auto;
    background-size: auto 20vw;
    background-position: left 10px center;
    padding: 1em 1em 1em 24vw;
    margin: 0;
  }
  .section-achievements--content {
    width: auto;
    margin: 0;
    border-right: none;
    border-bottom: 1px solid #C7C7C7;
  }
  .splide__arrows.splide__arrows--ltr .splide__arrow--prev {
    left: 0;
    top: 103%;
  }
  .splide__arrows.splide__arrows--ltr .splide__arrow--next {
    left: 40px;
    top: 103%;
  }
  .more-link--black::before {
    color: #ffffff;
    right: 0;
    bottom: -25px;
    padding: 5px 40px 5px 10px;
  }
  .more-link--black::after {
    right: 10px;
    bottom: -12px;
  }
  .flex-direction-row-reverse {
    display: flex;
    flex-direction: column-reverse;
    gap: 5px;
  }
  .step-up-item.step-up-item--full {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
  }
  .step-up-item.step-up-item--full .section--img-svg--head {
    width: 60px;
    flex-shrink: 0;
  }
  .step-up-item.step-up-item--full .c-section__text {
    width: 75%;
    text-align: left;
    margin: 0;
    font-size: clamp(1.0625rem, 0vw + 1.0625rem, 1.0625rem);
    line-height: 1;
  }
  .step-up-item--full::after {
    top: 100%;
    right: 50%;
    transform: rotate(90deg);
    margin-left: 0;
  }
  .c-section__card-wrap {
    flex-direction: row;
    flex-wrap: wrap;
  }
  .section__card--text {
    width: 80%;
  }
  .c-section__card-content {
    width: 100%;
  }
  .section-service--flex-gap .c-section__title {
    text-align: left;
    margin: 0 0 0.1em;
    font-size: clamp(1.25rem, 1.1695906433vw + 0.6893274854rem, 1.625rem);
  }
  .section-service--flex-gap .c-section__card-content::before {
    display: none;
  }
  .c-section__card-img {
    width: 20%;
    padding: 0 10px 0 0;
  }
  .c-section__card-img img {
    margin: 10px auto 0;
    width: 90%;
    height: auto;
  }
  .section-service--flex-gap .c-section__card-content {
    background: #ffffff;
    padding-top: 5px;
    max-height: auto;
    min-height: auto;
    height: auto;
  }
  .section-service--flex-gap .c-section__title br {
    display: none;
  }
  .section-service--flex-gap .section__title-sub {
    font-weight: 500;
    margin: 0.5em 0;
  }
  .section-service--flex-gap .section__card--text,
  .c-section__card-img,
  .c-section__card--link .section__card--text {
    background: #f0f0f0;
  }
  .section-service--flex-gap .section__card--text-tag {
    margin: 0;
    border: none;
  }
  .c-section--4col.c-section__card {
    border-radius: 0;
    border-bottom: none;
  }
  .c-section--4col.c-section__card:first-child {
    border-radius: 15px 15px 0 0;
    border-bottom: none;
  }
  .c-section--4col.c-section__card:last-child {
    border-radius: 0 0 15px 15px;
    border-bottom: 1px solid #C7C7C7;
  }
  .c-section.c-section__wrapper.c-section--gray .c-section--4col.c-section__card {
    border-radius: 0;
    border-bottom: none;
  }
  .c-section.c-section__wrapper.c-section--gray .c-section--4col.c-section__card:first-child {
    border-radius: 15px;
    border-bottom: 1px solid #C7C7C7;
  }
  .section--sp {
    padding: 0;
  }
  .section--sp .c-section__header-title {
    padding: 0 15px !important;
  }
  .section--sp .c-section__header-title + .c-section__text {
    padding: 0 15px;
  }
  .section--sp .section-service__inner-header {
    border-radius: 0;
    padding: 15px;
  }
  .section--sp .c-section__text {
    padding: 0 0 3em;
  }
  .section--sp .c-section__card-img {
    background: #ffffff;
  }
  .section--sp .section-service__inner .c-section__card-content {
    width: 80%;
  }
  .section--sp .c-section__card-wrap {
    flex-wrap: nowrap;
  }
  .section--sp .section-service__inner-box-sec {
    margin: 0 15px;
    padding: 20px 15px;
  }
  .section--sp .section-service__inner-box-sec .c-section__text {
    padding: 0;
    text-align: left;
  }
  .section-service--flex-gap .section__card--text {
    padding-right: 0.6em;
  }
  .section__inner-efforts {
    padding: 50vw 10px 10px 10px;
    background: url(../img/top/icon-12.svg) no-repeat;
    background-position: top center;
    background-size: auto 40%;
  }
  .section-service__inner-box-sec {
    padding: 15px;
  }
  .c-section__header-title br {
    display: none;
  }
  .c-section--3-1col.c-section--container-item {
    padding: 15px;
    margin: 0 0 15px;
  }
  .c-section--3-1col.c-section--container-item:last-child {
    margin: 0;
  }
  .c-section--3-1col.c-section--container-item img {
    width: 67%;
  }
  .c-section__inner-title + .c-section__text {
    text-align: left;
  }
  .inner-box + .case-tag,
  .case-tag-accent {
    display: block;
    text-align: center;
    margin-top: 1em;
    padding: 8px 5px;
  }
  .c-section--5-2col.c-section--text-center {
    display: flex;
    flex-wrap: wrap;
  }
  .section--img-svg--head {
    width: 28%;
    height: auto;
  }
  .c-section__inner-title {
    width: 70%;
    justify-content: left;
  }
  .c-section.c-section--flex.c-section--container {
    padding-top: 0;
  }
  .c-section--3-1col .section--img-svg--head {
    width: 100%;
    height: auto;
    margin: 0 auto 2%;
  }
  .sp-navi {
    border-top: 1px dotted #e6e6e6;
    display: block;
  }
  .sp-navi .c-section__nav-list {
    display: block;
    margin: 0 15px;
  }
  .sp-navi .c-section__nav-list-item {
    width: 100%;
    margin: 0 0 10px;
  }
  .sp-navi .pagelink {
    padding: 10px 30px 10px 10px;
  }
  .sp-navi .pagelink::after {
    width: 30px;
    height: 30px;
    margin-top: -5px;
  }
  .section__inner-sub-title p .text-strong {
    display: block;
  }
  .c-section--5-2col.c-section--text-center .section--img-svg--head {
    margin: 0 0 5%;
  }
  .c-section--5-2col.c-section--text-center .c-section__inner-title {
    width: 60%;
    margin-left: 5%;
    margin-bottom: 5%;
  }
  .c-section--3-1col.c-section--container-item .section--img-svg--head {
    width: 61%;
    height: auto;
    margin: 0 auto 2%;
  }
  .c-section--3-1col.c-section--container-item .c-section__inner-title {
    width: 100%;
    justify-content: center;
  }
  .c-section--3-1col.c-section--container-item .c-section__inner-title + ul {
    padding: 0 0 0 1em;
  }
  .section__card--text-tag-list .section__card--text-tag-item {
    text-align: left;
  }
  .section__card--text-tag-item,
  .section__inner-issues-tag {
    width: 100%;
  }
  .section__card--text-tag-list .section__card--text-tag-item::before {
    background-color: #f0f0f0;
  }
  .section-service__inner.c-section__inner-wrapper {
    margin-bottom: 2em;
  }
  .splide__pagination {
    bottom: -1.5em !important;
    left: 80px;
  }
  .c-section-faq-item__text.accordion-panel ul {
    margin: 0 0 1em 0;
    padding-left: 1.5em;
  }
  .section__inner-sub-title + p .text-strong {
    display: block;
  }
  .c-section.c-section__wrapper.c-section__wrapper--max.section--sp + .c-section.c-section__wrapper.c-section--gray {
    margin-top: 20px;
  }
}