@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Oswald:wght@200..700&display=swap");
html {
  font-size: 62.5%;
  scroll-behavior: smooth;
}
@media screen and ( max-width: 768px ) {
  html {
    font-size: 50%;
  }
}

body {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.6rem;
  box-sizing: border-box;
  font-weight: 500;
  line-height: 1.6;
  overflow-x: clip;
}

.inner {
  max-width: 1080px;
  margin: 0 auto;
  width: 95%;
}

img {
  width: 100%;
  max-width: 100%;
  height: auto;
}

a:hover {
  opacity: 0.7;
}

.pc-only {
  display: block;
}
@media screen and ( max-width: 768px ) {
  .pc-only {
    display: none;
  }
}

.sp-only {
  display: none;
}
@media screen and ( max-width: 768px ) {
  .sp-only {
    display: block;
  }
}

.mv {
  background-color: #FDFCF3;
}

.container {
  max-width: 800px;
  width: 100%;
  margin: 0 auto;
}

.head {
  container-type: inline-size;
  --cqi-base: 800;
  background-color: #dc3e3b;
  padding: min(18px, 18 / var(--cqi-base) * 100cqi) min(16px, 16 / var(--cqi-base) * 100cqi) min(19px, 19 / var(--cqi-base) * 100cqi) min(17px, 17 / var(--cqi-base) * 100cqi);
}
.head__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: min(16px, 16 / var(--cqi-base) * 100cqi);
  min-height: min(40px, 40 / var(--cqi-base) * 100cqi);
}
.head__title {
  margin: 0;
  color: #fff;
  font-feature-settings: "palt";
  font-size: min(24px, 24 / var(--cqi-base) * 100cqi);
  font-weight: 700;
  line-height: 1.4;
  white-space: nowrap;
}
.head__badge {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-shrink: 0;
  width: min(280px, 280 / var(--cqi-base) * 100cqi);
  margin: 0;
  padding: min(2px, 2 / var(--cqi-base) * 100cqi) min(18px, 18 / var(--cqi-base) * 100cqi);
  border: 1px solid #e85953;
  background-color: #fff;
  color: #f75e57;
  font-feature-settings: "palt";
  font-size: min(26px, 26 / var(--cqi-base) * 100cqi);
  font-weight: 900;
  letter-spacing: min(1.3px, 1.3 / var(--cqi-base) * 100cqi);
  line-height: 1.4;
  white-space: nowrap;
}

.cta {
  container-type: inline-size;
  --cqi-base: 800;
  position: relative;
  overflow: hidden;
  background-color: #fff1e8;
}
.cta__decoration {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  overflow: hidden;
}
.cta__decoration-left, .cta__decoration-right {
  position: absolute;
  max-width: none;
  height: auto;
  opacity: 0.7;
  filter: brightness(0) saturate(100%) invert(83%) sepia(24%) saturate(687%) hue-rotate(311deg) brightness(103%) contrast(93%);
}
.cta__decoration-left {
  top: 0;
  left: 0;
  width: min(112px, 112 / var(--cqi-base) * 100cqi);
}
.cta__decoration-right {
  right: 0;
  bottom: 0;
  width: min(110px, 110 / var(--cqi-base) * 100cqi);
}
.cta__inner {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: clamp(16px, 28 / var(--cqi-base) * 100cqi, 28px);
  padding: clamp(32px, 49 / var(--cqi-base) * 100cqi, 49px) clamp(16px, 112 / var(--cqi-base) * 100cqi, 112px);
}
.cta__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(8px, 12 / var(--cqi-base) * 100cqi, 12px);
  width: 100%;
  max-width: min(572px, 572 / var(--cqi-base) * 100cqi);
  height: clamp(56px, 82 / var(--cqi-base) * 100cqi, 82px);
  padding: clamp(12px, 18 / var(--cqi-base) * 100cqi, 18px) clamp(20px, 50 / var(--cqi-base) * 100cqi, 50px);
  border-radius: clamp(40px, 59 / var(--cqi-base) * 100cqi, 59px);
  font-feature-settings: "palt";
  font-weight: 900;
  line-height: 1.4;
  text-decoration: none;
  white-space: nowrap;
}
.cta__btn-icon {
  flex-shrink: 0;
  width: clamp(32px, 41 / var(--cqi-base) * 100cqi, 41px);
  height: clamp(32px, 41 / var(--cqi-base) * 100cqi, 41px);
}
.cta__btn-icon img {
  display: block;
  width: 100%;
  height: 100%;
}
.cta__btn-arrow {
  flex-shrink: 0;
  width: clamp(22px, 27 / var(--cqi-base) * 100cqi, 27px);
  height: clamp(22px, 27 / var(--cqi-base) * 100cqi, 27px);
}
.cta__btn-arrow img {
  display: block;
  width: 100%;
  height: 100%;
}
.cta__btn-label {
  letter-spacing: clamp(1px, 1.45 / var(--cqi-base) * 100cqi, 1.45px);
}
.cta__btn-label-lg {
  font-size: clamp(22px, 32 / var(--cqi-base) * 100cqi, 32px);
}
@media screen and ( max-width: 768px ) {
  .cta__btn-label-lg {
    font-size: clamp(16px, 22 / var(--cqi-base) * 100cqi, 22px);
  }
}
.cta__btn-label-sm {
  font-size: clamp(20px, 29 / var(--cqi-base) * 100cqi, 29px);
}
@media screen and ( max-width: 768px ) {
  .cta__btn-label-sm {
    font-size: clamp(14px, 20 / var(--cqi-base) * 100cqi, 20px);
  }
}
.cta__btn-label--download {
  color: #fff;
  font-size: clamp(20px, 29 / var(--cqi-base) * 100cqi, 29px);
  white-space: nowrap;
}
@media screen and ( max-width: 768px ) {
  .cta__btn-label--download {
    font-size: clamp(14px, 20 / var(--cqi-base) * 100cqi, 20px);
  }
}
.cta__btn-lead {
  display: flex;
  align-items: center;
  gap: min(1px, 1 / var(--cqi-base) * 100cqi);
}
.cta-consultation {
  border: clamp(2px, 3 / var(--cqi-base) * 100cqi, 3px) solid #fff;
  color: #fff;
  background: linear-gradient(180deg, #0ca985 0%, #006f55 100%);
  box-shadow: 0 clamp(3px, 4 / var(--cqi-base) * 100cqi, 4px) 0 0 #005442, 0 clamp(6px, 10 / var(--cqi-base) * 100cqi, 10px) clamp(12px, 18 / var(--cqi-base) * 100cqi, 18px) rgba(51, 30, 18, 0.22);
}
.cta-download {
  gap: clamp(8px, 11 / var(--cqi-base) * 100cqi, 11px);
  padding-inline: clamp(16px, 28 / var(--cqi-base) * 100cqi, 28px);
  border: clamp(2px, 3 / var(--cqi-base) * 100cqi, 3px) solid #fff;
  color: #fff;
  background: linear-gradient(180deg, #ffad35 0%, #ff7100 100%);
  box-shadow: 0 clamp(3px, 4 / var(--cqi-base) * 100cqi, 4px) 0 0 #c95b00, 0 clamp(6px, 10 / var(--cqi-base) * 100cqi, 10px) clamp(12px, 18 / var(--cqi-base) * 100cqi, 18px) rgba(51, 30, 18, 0.22);
}
.cta__badge {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: clamp(48px, 66 / var(--cqi-base) * 100cqi, 66px);
  height: clamp(48px, 66 / var(--cqi-base) * 100cqi, 66px);
  border-radius: 50%;
  background-color: #fff;
  color: #f58a19;
  font-size: clamp(18px, 26 / var(--cqi-base) * 100cqi, 26px);
  font-weight: 900;
  letter-spacing: clamp(0.8px, 1.3 / var(--cqi-base) * 100cqi, 1.3px);
  line-height: 1.4;
}
@media screen and ( max-width: 768px ) {
  .cta__badge {
    font-size: clamp(14px, 18 / var(--cqi-base) * 100cqi, 18px);
  }
}

.effect {
  container-type: inline-size;
  --cqi-base: 800;
  background: #fdfcf3 url(../img/effect.webp) no-repeat top center/cover;
}
.effect-label {
  margin-top: min(48px, 48 / var(--cqi-base) * 100cqi);
  padding: clamp(12px, 14 / var(--cqi-base) * 100cqi, 14px) clamp(16px, 35 / var(--cqi-base) * 100cqi, 35px);
  background-color: #feb13d;
  text-align: center;
}
.effect-label p {
  color: #fff;
  font-feature-settings: "palt";
  font-size: clamp(18px, 28 / var(--cqi-base) * 100cqi, 28px);
  font-weight: 700;
  line-height: 1.2;
}
.effect-contents {
  padding: min(16px, 16 / var(--cqi-base) * 100cqi) clamp(16px, 35 / var(--cqi-base) * 100cqi, 35px) clamp(32px, 40 / var(--cqi-base) * 100cqi, 40px);
}
.effect-head {
  position: relative;
  min-height: min(238px, 238 / var(--cqi-base) * 100cqi);
  margin-bottom: min(10px, 10 / var(--cqi-base) * 100cqi);
}
.effect-head__cat, .effect-head__dog {
  position: absolute;
  bottom: 0;
  z-index: 2;
  margin: 0;
  max-width: none;
  width: min(175px, 175 / var(--cqi-base) * 100cqi);
}
.effect-head__cat img, .effect-head__dog img {
  display: block;
  width: 100%;
  max-width: none;
  height: auto;
}
.effect-head__cat {
  left: min(66px, 66 / var(--cqi-base) * 100cqi);
}
.effect-head__dog {
  right: min(94px, 94 / var(--cqi-base) * 100cqi);
  width: min(149px, 149 / var(--cqi-base) * 100cqi);
}
.effect-head__main {
  position: relative;
  z-index: 3;
  max-width: min(520px, 520 / var(--cqi-base) * 100cqi);
  margin: 0 auto;
  padding-top: min(20px, 20 / var(--cqi-base) * 100cqi);
  text-align: center;
}
@media screen and ( max-width: 768px ) {
  .effect-head__main {
    max-width: 100%;
  }
}
.effect-head__title {
  max-width: min(334px, 334 / var(--cqi-base) * 100cqi);
  margin: 0 auto;
}
.effect-head__title img {
  display: block;
  width: 100%;
  max-width: min(334px, 334 / var(--cqi-base) * 100cqi);
  height: auto;
  margin: 0 auto;
}
.effect-head__sub {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: min(8px, 8 / var(--cqi-base) * 100cqi);
  padding: min(10px, 10 / var(--cqi-base) * 100cqi) min(20px, 20 / var(--cqi-base) * 100cqi);
  border: 1px solid #027b5a;
  border-radius: min(30px, 30 / var(--cqi-base) * 100cqi);
  background-color: #fff;
}
.effect-head__sub p {
  color: #4b4b4b;
  font-feature-settings: "palt";
  font-size: clamp(14px, 20 / var(--cqi-base) * 100cqi, 20px);
  font-weight: 700;
  letter-spacing: min(1px, 1 / var(--cqi-base) * 100cqi);
  line-height: 1.2;
  white-space: nowrap;
}
@media screen and ( max-width: 768px ) {
  .effect-head__sub p {
    font-size: clamp(12px, 14 / var(--cqi-base) * 100cqi, 14px);
    letter-spacing: 0;
  }
}
.effect-head__sub-accent {
  font-size: clamp(16px, 24 / var(--cqi-base) * 100cqi, 24px);
  font-weight: 900;
}
@media screen and ( max-width: 768px ) {
  .effect-head__sub-accent {
    font-size: clamp(14px, 16 / var(--cqi-base) * 100cqi, 16px);
  }
}
.effect-head__sub-accent--recruit {
  color: #f75e57;
}
.effect-head__sub-accent--retention {
  color: #feb13d;
}
.effect-head__sub-accent--productivity {
  color: #027b5a;
}
.effect-head__sub-accent--health {
  color: #0b74bc;
}
.effect-card {
  max-width: min(660px, 660 / var(--cqi-base) * 100cqi);
  margin: min(18px, 18 / var(--cqi-base) * 100cqi) auto 0;
}
.effect-card__list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, min(320px, 320 / var(--cqi-base) * 100cqi)));
  gap: min(18px, 18 / var(--cqi-base) * 100cqi) min(20px, 20 / var(--cqi-base) * 100cqi);
  justify-content: center;
  list-style: none;
  margin: 0;
  padding: 0;
}
.effect-card__item {
  position: relative;
  width: min(320px, 320 / var(--cqi-base) * 100cqi);
  height: min(200px, 200 / var(--cqi-base) * 100cqi);
}
.effect-card__frame {
  position: absolute;
  inset: 0;
}
.effect-card__frame img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
}
.effect-card__num {
  position: absolute;
  top: min(6px, 6 / var(--cqi-base) * 100cqi);
  left: min(15px, 15 / var(--cqi-base) * 100cqi);
  z-index: 2;
  color: #fff;
  font-family: "Oswald", sans-serif;
  font-size: clamp(24px, 32 / var(--cqi-base) * 100cqi, 32px);
  font-weight: 600;
  line-height: 1.2;
}
.effect-card__body {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  height: 100%;
  padding-top: min(42px, 42 / var(--cqi-base) * 100cqi);
  text-align: center;
  padding-bottom: min(24px, 24 / var(--cqi-base) * 100cqi);
}
.effect-card__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  flex: 1;
}
.effect-card__icon img {
  display: block;
  width: auto;
  height: auto;
  max-width: none;
}
.effect-card__title {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 0;
  font-feature-settings: "palt";
  font-size: clamp(22px, 32 / var(--cqi-base) * 100cqi, 32px);
  font-weight: 700;
  line-height: 1.2;
  height: min(72px, 72 / var(--cqi-base) * 100cqi);
}
@media screen and ( max-width: 768px ) {
  .effect-card__title {
    font-size: clamp(16px, 22 / var(--cqi-base) * 100cqi, 22px);
  }
}
.effect-card__title span {
  display: block;
}
.effect-card__item--recruit .effect-card__icon img {
  width: min(70px, 70 / var(--cqi-base) * 100cqi);
}
.effect-card__item--recruit .effect-card__title {
  color: #f75e57;
}
.effect-card__item--retention .effect-card__body {
  padding-top: min(30px, 30 / var(--cqi-base) * 100cqi);
}
.effect-card__item--retention .effect-card__icon img {
  width: min(80px, 80 / var(--cqi-base) * 100cqi);
}
.effect-card__item--retention .effect-card__title {
  color: #feb13d;
  font-size: clamp(20px, 30 / var(--cqi-base) * 100cqi, 30px);
}
@media screen and ( max-width: 768px ) {
  .effect-card__item--retention .effect-card__title {
    font-size: clamp(14px, 20 / var(--cqi-base) * 100cqi, 20px);
  }
}
.effect-card__item--productivity .effect-card__body {
  padding-top: min(35px, 35 / var(--cqi-base) * 100cqi);
}
.effect-card__item--productivity .effect-card__icon img {
  width: min(68px, 68 / var(--cqi-base) * 100cqi);
}
.effect-card__item--productivity .effect-card__title {
  color: #027b5a;
}
.effect-card__item--health .effect-card__body {
  padding-top: min(20px, 20 / var(--cqi-base) * 100cqi);
}
.effect-card__item--health .effect-card__icon img {
  width: min(65px, 65 / var(--cqi-base) * 100cqi);
}
.effect-card__item--health .effect-card__title {
  color: #0b74bc;
}
.effect-foot {
  margin-top: min(15px, 15 / var(--cqi-base) * 100cqi);
  color: #4b4b4b;
  font-feature-settings: "palt";
  font-size: clamp(14px, 24 / var(--cqi-base) * 100cqi, 24px);
  line-height: 1.5;
  text-align: center;
}
.effect-foot p {
  margin: 0;
}
.effect-foot strong {
  color: #027b5a;
  font-weight: 900;
}

.download {
  container-type: inline-size;
  --cqi-base: 800;
  background: url(../img/download/download-bg.png) no-repeat center/cover;
  padding: min(51px, 51 / var(--cqi-base) * 100cqi) min(60px, 60 / var(--cqi-base) * 100cqi);
}
.download__inner {
  width: 100%;
}
.download__box {
  container-type: inline-size;
  --cqi-base: 670;
  overflow: hidden;
  border: min(5px, 5 / var(--cqi-base) * 100cqi) solid #027b5a;
  border-radius: min(18px, 18 / var(--cqi-base) * 100cqi);
  background-color: #f8f5e9;
}
.download__head {
  padding: min(20px, 20 / var(--cqi-base) * 100cqi) min(24px, 24 / var(--cqi-base) * 100cqi);
  background-color: #18a096;
  text-align: center;
}
.download__title {
  margin: 0;
  color: #fff;
  font-feature-settings: "palt";
  font-size: clamp(18px, 40 / var(--cqi-base) * 100cqi, 40px);
  font-weight: 700;
  letter-spacing: min(2px, 2 / var(--cqi-base) * 100cqi);
  line-height: 1.2;
}
.download__body {
  display: flex;
  align-items: flex-end;
  gap: min(12px, 12 / var(--cqi-base) * 100cqi);
  padding: min(18px, 18 / var(--cqi-base) * 100cqi) min(31px, 31 / var(--cqi-base) * 100cqi) min(26.5px, 26.5 / var(--cqi-base) * 100cqi) min(244px, 244 / var(--cqi-base) * 100cqi);
  position: relative;
}
@media screen and (max-width: 540px) {
  .download__body {
    padding-left: 0;
  }
}
.download__visual {
  flex-shrink: 0;
  width: min(273px, 273 / var(--cqi-base) * 100cqi);
  position: absolute;
  left: 0;
  top: max(-22px, -22 / var(--cqi-base) * 100cqi);
  z-index: 0;
}
@media screen and (max-width: 540px) {
  .download__visual {
    right: 0;
  }
}
.download__pet {
  margin: 0;
}
.download__pet img {
  display: block;
  width: 100%;
  max-width: none;
  height: auto;
}
.download__list {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: min(12px, 12 / var(--cqi-base) * 100cqi);
  min-width: 0;
  margin: 0;
  list-style: none;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 540px) {
  .download__list {
    padding-left: 36%;
  }
}
.download__item {
  display: flex;
  align-items: center;
  gap: min(10px, 10 / var(--cqi-base) * 100cqi);
  padding: min(6px, 6 / var(--cqi-base) * 100cqi) min(12px, 12 / var(--cqi-base) * 100cqi);
  border-radius: min(2px, 2 / var(--cqi-base) * 100cqi);
  background-color: #fff;
  box-shadow: 0 0 min(4px, 4 / var(--cqi-base) * 100cqi) rgba(0, 0, 0, 0.25);
}
.download__item-icon {
  flex-shrink: 0;
  width: min(28px, 28 / var(--cqi-base) * 100cqi);
  height: min(28px, 28 / var(--cqi-base) * 100cqi);
  max-width: none;
}
.download__item-text {
  color: #4b4b4b;
  font-feature-settings: "palt";
  font-size: clamp(10px, 18 / var(--cqi-base) * 100cqi, 18px);
  font-weight: 700;
  line-height: 1.5;
}
.download__foot {
  padding: 0 min(33.39px, 33.39 / var(--cqi-base) * 100cqi) min(24px, 24 / var(--cqi-base) * 100cqi);
  text-align: center;
}
.download__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: min(12px, 12 / var(--cqi-base) * 100cqi);
  width: 100%;
  max-width: min(602px, 602 / var(--cqi-base) * 100cqi);
  padding: min(18px, 18 / var(--cqi-base) * 100cqi) min(40px, 40 / var(--cqi-base) * 100cqi);
  border-radius: min(89px, 89 / var(--cqi-base) * 100cqi);
  background-color: #ff8f40;
  box-shadow: 0 min(6px, 6 / var(--cqi-base) * 100cqi) 0 0 #c18673;
  color: #fff;
  font-feature-settings: "palt";
  font-size: clamp(16px, 32 / var(--cqi-base) * 100cqi, 32px);
  font-weight: 700;
  letter-spacing: min(1.6px, 1.6 / var(--cqi-base) * 100cqi);
  line-height: 1.4;
  text-decoration: none;
  white-space: nowrap;
}
@media screen and ( max-width: 768px ) {
  .download__btn {
    white-space: normal;
  }
}
.download__btn-arrow {
  flex-shrink: 0;
  width: min(36px, 36 / var(--cqi-base) * 100cqi);
  height: min(36px, 36 / var(--cqi-base) * 100cqi);
}
.download__btn-arrow img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
}
.download__note {
  margin: min(26px, 26 / var(--cqi-base) * 100cqi) 0 0;
  color: #4b4b4b;
  font-feature-settings: "palt";
  font-size: clamp(16px, 20 / var(--cqi-base) * 100cqi, 20px);
  font-weight: 700;
  line-height: 1.2;
}
.download__note-accent {
  color: #e56262;
}

.tips {
  container-type: inline-size;
  --cqi-base: 800;
  background: url(../img/tips/tips-bg.webp) no-repeat top center/cover;
  padding: clamp(30px, 43.21 / var(--cqi-base) * 100cqi, 43.21px) 0;
}

.tips-title h2 {
  color: #4B4B4B;
  text-align: center;
  font-feature-settings: "palt" on;
  font-family: "Noto Sans JP";
  font-size: min(40px, 40 / var(--cqi-base) * 100cqi);
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
  margin-bottom: min(25px, 25 / var(--cqi-base) * 100cqi);
}
.tips-title h2 span {
  color: #027B5A;
  position: relative;
}
.tips-title h2 span::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: min(240px, 240 / var(--cqi-base) * 100cqi);
  height: min(3px, 3 / var(--cqi-base) * 100cqi);
  border-radius: min(100px, 100 / var(--cqi-base) * 100cqi);
  background: #FEB13D;
}

.tips-lead {
  margin-bottom: min(9.7px, 9.7 / var(--cqi-base) * 100cqi);
}
.tips-lead p {
  color: #4B4B4B;
  text-align: center;
  font-feature-settings: "palt" on;
  font-family: "Noto Sans JP";
  font-size: min(20px, 20 / var(--cqi-base) * 100cqi);
  font-style: normal;
  font-weight: 500;
  line-height: 160%;
  letter-spacing: min(2px, 2 / var(--cqi-base) * 100cqi);
}

.tips-main {
  width: min(648.6px, 648.6 / var(--cqi-base) * 100cqi);
  max-width: 100%;
  margin: 0 auto min(91.67px, 91.67 / var(--cqi-base) * 100cqi);
}

.tips-abroad__title {
  margin-bottom: min(25.75px, 25.75 / var(--cqi-base) * 100cqi);
}
.tips-abroad__title h2 {
  color: #111;
  text-align: center;
  font-feature-settings: "palt" on;
  text-shadow: 0 0 min(12px, 12 / var(--cqi-base) * 100cqi) #FFF, 0 0 min(12px, 12 / var(--cqi-base) * 100cqi) #FFF, 0 0 min(12px, 12 / var(--cqi-base) * 100cqi) #FFF, 0 0 min(12px, 12 / var(--cqi-base) * 100cqi) #FFF;
  font-family: "Noto Sans JP";
  font-size: min(40px, 40 / var(--cqi-base) * 100cqi);
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
}
.tips-abroad__title h2 span {
  color: #144C89;
  font-weight: 900;
}

.tips-abroad__label {
  border-radius: min(30px, 30 / var(--cqi-base) * 100cqi);
  background: #144C89;
  width: min(498px, 498 / var(--cqi-base) * 100cqi);
  max-width: calc(100% - min(32px, 32 / var(--cqi-base) * 100cqi));
  height: min(54px, 54 / var(--cqi-base) * 100cqi);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto min(35.52px, 35.52 / var(--cqi-base) * 100cqi);
}
.tips-abroad__label p {
  color: #FFF;
  text-align: center;
  font-feature-settings: "palt" on;
  font-family: "Noto Sans JP";
  font-size: min(32px, 32 / var(--cqi-base) * 100cqi);
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: min(3.2px, 3.2 / var(--cqi-base) * 100cqi);
}
.tips-abroad__label p small {
  font-size: min(24px, 24 / var(--cqi-base) * 100cqi);
  letter-spacing: min(2.4px, 2.4 / var(--cqi-base) * 100cqi);
}

.tips-abroadBox {
  container-type: inline-size;
  --cqi-base: 670;
  width: min(90%, min(700px, 700 / var(--cqi-base) * 100cqi));
  margin: 0 auto;
  padding: min(38px, 38 / var(--cqi-base) * 100cqi) min(15px, 15 / var(--cqi-base) * 100cqi) min(40px, 40 / var(--cqi-base) * 100cqi);
  border-radius: min(12px, 12 / var(--cqi-base) * 100cqi);
  background-color: #fefdf6;
  position: relative;
  box-shadow: 0 0 min(12px, 12 / var(--cqi-base) * 100cqi) rgba(24, 160, 150, 0.3);
}
.tips-abroadBox__head {
  margin-bottom: min(32px, 32 / var(--cqi-base) * 100cqi);
}
.tips-abroadBox__title {
  margin: 0 0 min(24px, 24 / var(--cqi-base) * 100cqi);
  color: #111;
  font-feature-settings: "palt";
  font-size: min(32px, 32 / var(--cqi-base) * 100cqi);
  font-weight: 700;
  line-height: 1.3;
  text-align: center;
}
.tips-abroadBox__title-accent {
  position: relative;
  display: inline-block;
  color: #144c89;
  font-size: min(40px, 40 / var(--cqi-base) * 100cqi);
  font-weight: 900;
}
.tips-abroadBox__title-accent::after {
  content: "";
  position: absolute;
  bottom: max(-6px, -6 / var(--cqi-base) * 100cqi);
  left: 50%;
  width: min(291px, 291 / var(--cqi-base) * 100cqi);
  height: min(3px, 3 / var(--cqi-base) * 100cqi);
  background-color: #feb13d;
  transform: translateX(-50%);
}
.tips-abroadBox__lead {
  margin: 0;
  color: #111;
  font-feature-settings: "palt";
  font-size: min(20px, 20 / var(--cqi-base) * 100cqi);
  font-weight: 500;
  line-height: 1.8;
  text-align: center;
}
.tips-abroadBox__cases {
  display: flex;
  flex-direction: column;
  gap: min(38px, 38 / var(--cqi-base) * 100cqi);
  margin-bottom: min(32px, 32 / var(--cqi-base) * 100cqi);
}
.tips-abroadBox__case {
  position: relative;
  width: 100%;
  max-width: min(609px, 609 / var(--cqi-base) * 100cqi);
  margin: 0 auto;
  padding: min(24px, 24 / var(--cqi-base) * 100cqi) min(20px, 20 / var(--cqi-base) * 100cqi) min(16px, 16 / var(--cqi-base) * 100cqi);
  border-radius: min(12px, 12 / var(--cqi-base) * 100cqi);
  background-color: #fff;
}
.tips-abroadBox__case--01 {
  box-shadow: 0 min(4px, 4 / var(--cqi-base) * 100cqi) 0 0 #027b5a;
}
.tips-abroadBox__case--02 {
  box-shadow: 0 min(4px, 4 / var(--cqi-base) * 100cqi) 0 0 #ff8f40;
}
.tips-abroadBox__case-flag {
  position: absolute;
  top: max(-21.28px, -21.28 / var(--cqi-base) * 100cqi);
  left: max(-5.12px, -5.12 / var(--cqi-base) * 100cqi);
  width: min(92px, 92 / var(--cqi-base) * 100cqi);
}
.tips-abroadBox__case-flag img {
  display: block;
  width: 100%;
  max-width: none;
  height: auto;
}
.tips-abroadBox__case-head {
  display: flex;
  align-items: center;
  gap: min(12px, 12 / var(--cqi-base) * 100cqi);
  margin: 0 max(-20px, -20 / var(--cqi-base) * 100cqi);
  padding: min(6px, 6 / var(--cqi-base) * 100cqi) min(20px, 20 / var(--cqi-base) * 100cqi);
  background-color: rgba(184, 184, 184, 0.1);
}
.tips-abroadBox__case-label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: min(105px, 105 / var(--cqi-base) * 100cqi);
  height: min(39px, 39 / var(--cqi-base) * 100cqi);
  padding: 0 min(12px, 12 / var(--cqi-base) * 100cqi);
  border-radius: min(12px, 12 / var(--cqi-base) * 100cqi);
  font-family: "Oswald", sans-serif;
  font-size: min(24px, 24 / var(--cqi-base) * 100cqi);
  font-weight: 600;
  line-height: 1.2;
  color: #fff;
}
.tips-abroadBox__case--01 .tips-abroadBox__case-label {
  border: min(4px, 4 / var(--cqi-base) * 100cqi) solid #144c89;
  background-color: #144c89;
}
.tips-abroadBox__case--02 .tips-abroadBox__case-label {
  background-color: #ff8f40;
}
.tips-abroadBox__case-name {
  color: #4b4b4b;
  font-feature-settings: "palt";
  font-size: min(28px, 28 / var(--cqi-base) * 100cqi);
  font-weight: 700;
  line-height: 1.4;
}
.tips-abroadBox__case-body {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: min(12px, 12 / var(--cqi-base) * 100cqi);
  min-height: min(120px, 120 / var(--cqi-base) * 100cqi);
}
.tips-abroadBox__case-text {
  flex: 1;
  min-width: 0;
  color: #4b4b4b;
  font-feature-settings: "palt";
  font-size: min(32px, 32 / var(--cqi-base) * 100cqi);
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: min(0.8px, 0.8 / var(--cqi-base) * 100cqi);
}
.tips-abroadBox__case-text p {
  margin: 0;
}
.tips-abroadBox__case-text .is-accent {
  color: #144c89;
}
.tips-abroadBox__case-text .is-num {
  color: #ff8f40;
  font-size: min(40px, 40 / var(--cqi-base) * 100cqi);
  letter-spacing: min(4px, 4 / var(--cqi-base) * 100cqi);
}
.tips-abroadBox__case-visual {
  position: absolute;
  flex-shrink: 0;
  width: min(192px, 192 / var(--cqi-base) * 100cqi);
}
.tips-abroadBox .tips-abroadBox__case-visual--01 {
  right: min(10px, 10 / var(--cqi-base) * 100cqi);
  width: min(213px, 213 / var(--cqi-base) * 100cqi);
  bottom: 0;
}
.tips-abroadBox .tips-abroadBox__case-visual--02 {
  right: min(7.82px, 7.82 / var(--cqi-base) * 100cqi);
  width: min(207.3px, 207.3 / var(--cqi-base) * 100cqi);
  bottom: 0;
}
.tips-abroadBox__case-circle {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: none;
}
.tips-abroadBox__case-paw {
  position: absolute;
  max-width: none;
  pointer-events: none;
}
.tips-abroadBox__case-paw--1 {
  top: min(8px, 8 / var(--cqi-base) * 100cqi);
  right: min(20px, 20 / var(--cqi-base) * 100cqi);
  width: min(50px, 50 / var(--cqi-base) * 100cqi);
}
.tips-abroadBox__case-paw--2 {
  top: min(24px, 24 / var(--cqi-base) * 100cqi);
  right: min(4px, 4 / var(--cqi-base) * 100cqi);
  width: min(56px, 56 / var(--cqi-base) * 100cqi);
}
.tips-abroadBox__case-dog {
  position: absolute;
  max-width: none;
  object-fit: contain;
}
.tips-abroadBox__case--01 .tips-abroadBox__case-dog {
  right: max(-8px, -8 / var(--cqi-base) * 100cqi);
  bottom: max(-12px, -12 / var(--cqi-base) * 100cqi);
  width: min(191px, 191 / var(--cqi-base) * 100cqi);
}
.tips-abroadBox__case--02 .tips-abroadBox__case-dog--1 {
  left: max(-4px, -4 / var(--cqi-base) * 100cqi);
  bottom: max(-8px, -8 / var(--cqi-base) * 100cqi);
  width: min(146px, 146 / var(--cqi-base) * 100cqi);
}
.tips-abroadBox__case--02 .tips-abroadBox__case-dog--2 {
  right: max(-12px, -12 / var(--cqi-base) * 100cqi);
  bottom: min(0px, 0 / var(--cqi-base) * 100cqi);
  width: min(107px, 107 / var(--cqi-base) * 100cqi);
}
.tips-abroadBox__foot {
  text-align: center;
}
.tips-abroadBox__foot-note {
  margin: 0;
  color: #4b4b4b;
  font-feature-settings: "palt";
  font-size: min(20px, 20 / var(--cqi-base) * 100cqi);
  font-weight: 700;
  letter-spacing: min(1px, 1 / var(--cqi-base) * 100cqi);
  line-height: 1.4;
}
.tips-abroadBox__foot-main {
  position: relative;
  margin: 0;
  color: #4b4b4b;
  font-feature-settings: "palt";
  font-size: min(24px, 24 / var(--cqi-base) * 100cqi);
  font-weight: 700;
  letter-spacing: min(1.2px, 1.2 / var(--cqi-base) * 100cqi);
  line-height: 1.8;
}
.tips-abroadBox__foot-main::after {
  content: "";
  position: absolute;
  bottom: min(7px, 7 / var(--cqi-base) * 100cqi);
  left: min(130px, 130 / var(--cqi-base) * 100cqi);
  width: min(350px, 350 / var(--cqi-base) * 100cqi);
  height: min(3px, 3 / var(--cqi-base) * 100cqi);
  background-color: #feb13d;
}
.tips-abroadBox__foot-main .is-accent {
  color: #e56262;
  font-size: min(36px, 36 / var(--cqi-base) * 100cqi);
  font-weight: 900;
  letter-spacing: min(1.8px, 1.8 / var(--cqi-base) * 100cqi);
}
.tips-abroadBox__foot-sub {
  margin: 0;
  color: #4b4b4b;
  font-feature-settings: "palt";
  font-size: min(24px, 24 / var(--cqi-base) * 100cqi);
  font-weight: 700;
  letter-spacing: min(1.2px, 1.2 / var(--cqi-base) * 100cqi);
  line-height: 1.8;
}

.voice {
  container-type: inline-size;
  --cqi-base: 800;
  overflow: hidden;
  background: #fdfcf3 url(../img/voice/voice-bg-dot.png) no-repeat center top/100% auto;
  padding: clamp(20px, 31 / var(--cqi-base) * 100cqi, 31px) 0 clamp(40px, 55 / var(--cqi-base) * 100cqi, 55px);
}
.voice__inner {
  width: 100%;
}
.voice__title {
  margin: 0 0 min(25px, 25 / var(--cqi-base) * 100cqi);
  color: #4b4b4b;
  font-feature-settings: "palt";
  font-size: min(40px, 40 / var(--cqi-base) * 100cqi);
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
}
.voice__title-line {
  display: block;
}
.voice__title .is-accent {
  color: #027b5a;
}
.voice__slider-wrap {
  margin-left: min(29px, 29 / var(--cqi-base) * 100cqi);
}
@media screen and ( max-width: 768px ) {
  .voice__slider-wrap {
    margin-left: 0;
  }
}
.voice__slider .slick-list {
  overflow: visible;
}
.voice__slider .slick-track {
  display: flex;
}
.voice__slider .slick-dots {
  position: static;
  margin: min(24px, 24 / var(--cqi-base) * 100cqi) 0 0;
  padding: 0 min(29px, 29 / var(--cqi-base) * 100cqi) 0 0;
  list-style: none;
  text-align: center;
}
.voice__slider .slick-dots li {
  display: inline-block;
  margin: 0 min(6px, 6 / var(--cqi-base) * 100cqi);
}
.voice__slider .slick-dots li button {
  width: min(10px, 10 / var(--cqi-base) * 100cqi);
  height: min(10px, 10 / var(--cqi-base) * 100cqi);
  padding: 0;
  border: none;
  border-radius: 50%;
  background-color: #d9d9d9;
  font-size: 0;
  line-height: 0;
  cursor: pointer;
}
.voice__slider .slick-dots li.slick-active button {
  background-color: #ff8f40;
}
.voice__slide {
  width: min(600px, 600 / var(--cqi-base) * 100cqi);
  margin-right: min(24px, 24 / var(--cqi-base) * 100cqi);
}
.voice__card {
  position: relative;
  padding-top: min(25px, 25 / var(--cqi-base) * 100cqi);
}
.voice__badge {
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  width: min(217px, 217 / var(--cqi-base) * 100cqi);
  height: min(50px, 50 / var(--cqi-base) * 100cqi);
  border: min(4px, 4 / var(--cqi-base) * 100cqi) solid #ff8f40;
  border-radius: min(25px, 25 / var(--cqi-base) * 100cqi);
  background-color: #ff8f40;
  color: #fff;
  font-family: "Oswald", sans-serif;
  font-feature-settings: "palt";
  font-size: min(32px, 32 / var(--cqi-base) * 100cqi);
  font-weight: 600;
  line-height: 1.2;
  transform: translateX(-50%);
}
.voice__card-body {
  display: flex;
  align-items: flex-start;
  gap: min(30px, 30 / var(--cqi-base) * 100cqi);
  min-height: min(231px, 231 / var(--cqi-base) * 100cqi);
  padding: min(25px, 25 / var(--cqi-base) * 100cqi) min(25px, 25 / var(--cqi-base) * 100cqi) min(21px, 21 / var(--cqi-base) * 100cqi);
  border: min(2px, 2 / var(--cqi-base) * 100cqi) solid #ff8f40;
  border-radius: min(12px, 12 / var(--cqi-base) * 100cqi);
  background-color: #fff;
  box-shadow: min(6px, 6 / var(--cqi-base) * 100cqi) min(6px, 6 / var(--cqi-base) * 100cqi) min(4px, 4 / var(--cqi-base) * 100cqi) rgba(255, 143, 64, 0.15);
}
.voice__avatar {
  flex-shrink: 0;
  width: min(185px, 185 / var(--cqi-base) * 100cqi);
  margin: 0;
}
.voice__avatar img {
  display: block;
  width: 100%;
  max-width: none;
  height: auto;
}
.voice__text {
  flex: 1;
  min-width: 0;
  margin: min(15px, 15 / var(--cqi-base) * 100cqi) 0 0;
  color: #4b4b4b;
  font-feature-settings: "palt";
  font-size: min(20px, 20 / var(--cqi-base) * 100cqi);
  font-weight: 400;
  line-height: 1.5;
}

.data {
  container-type: inline-size;
  --cqi-base: 800;
  background: url(../img/data/data-bg.webp) no-repeat top center/cover;
  padding: min(47px, 47 / var(--cqi-base) * 100cqi) 0 min(60px, 60 / var(--cqi-base) * 100cqi);
}
.data__inner {
  width: 100%;
}
.data__head {
  margin-bottom: min(24px, 24 / var(--cqi-base) * 100cqi);
  text-align: center;
}
.data__title {
  margin: 0 0 min(30px, 30 / var(--cqi-base) * 100cqi);
  color: #4b4b4b;
  font-feature-settings: "palt";
  font-weight: 700;
  line-height: 1.3;
}
.data__title-sub {
  display: block;
  font-size: min(32px, 32 / var(--cqi-base) * 100cqi);
}
.data__title-main {
  display: block;
  font-size: min(40px, 40 / var(--cqi-base) * 100cqi);
}
.data__title .is-accent {
  position: relative;
  color: #027b5a;
  font-weight: 900;
}
.data__title .is-accent::after {
  content: "";
  position: absolute;
  bottom: max(-3px, -3 / var(--cqi-base) * 100cqi);
  left: 0;
  width: min(320px, 320 / var(--cqi-base) * 100cqi);
  height: min(8px, 8 / var(--cqi-base) * 100cqi);
  background-color: #feb13d;
}
.data__lead {
  margin: 0;
  color: #4b4b4b;
  font-feature-settings: "palt";
  font-size: min(20px, 20 / var(--cqi-base) * 100cqi);
  font-weight: 500;
  letter-spacing: min(2px, 2 / var(--cqi-base) * 100cqi);
  line-height: 1.6;
}
.data__box {
  container-type: inline-size;
  --cqi-base: 720;
  width: min(90%, min(720px, 720 / var(--cqi-base) * 100cqi));
  margin: 0 auto;
  padding: min(25px, 25 / var(--cqi-base) * 100cqi) min(20px, 20 / var(--cqi-base) * 100cqi) min(27px, 27 / var(--cqi-base) * 100cqi);
  border: min(4px, 4 / var(--cqi-base) * 100cqi) solid #027b5a;
  border-radius: min(12px, 12 / var(--cqi-base) * 100cqi);
  background-color: #fff;
}
.data__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
.data__col {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  padding: 0 min(8px, 8 / var(--cqi-base) * 100cqi) min(8px, 8 / var(--cqi-base) * 100cqi);
  text-align: center;
}
.data__col:not(:last-child)::after {
  content: "";
  position: absolute;
  top: min(4px, 4 / var(--cqi-base) * 100cqi);
  right: 0;
  width: min(2px, 2 / var(--cqi-base) * 100cqi);
  height: min(350px, 350 / var(--cqi-base) * 100cqi);
  background-color: #027b5a;
}
.data__icon {
  width: min(120px, 120 / var(--cqi-base) * 100cqi);
  margin: 0;
}
.data__icon img {
  display: block;
  width: 100%;
  max-width: none;
  height: auto;
}
.data__label {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  min-height: min(58px, 58 / var(--cqi-base) * 100cqi);
  color: #4b4b4b;
  font-feature-settings: "palt";
  font-size: min(24px, 24 / var(--cqi-base) * 100cqi);
  font-weight: 700;
  letter-spacing: min(1.2px, 1.2 / var(--cqi-base) * 100cqi);
  line-height: 1.2;
  text-align: center;
}
.data__value {
  margin: 0;
  color: #027b5a;
  font-family: "Oswald", sans-serif;
  font-feature-settings: "palt";
  font-weight: 700;
  line-height: 0.9;
}
.data__value-num {
  font-size: min(80px, 80 / var(--cqi-base) * 100cqi);
}
.data__value-unit {
  font-size: min(48px, 48 / var(--cqi-base) * 100cqi);
}
.data__vs {
  margin: min(2px, 2 / var(--cqi-base) * 100cqi) 0 0;
  color: #f75e57;
  font-feature-settings: "palt";
  font-size: min(24px, 24 / var(--cqi-base) * 100cqi);
  font-weight: 700;
  line-height: 1.4;
}
.data__compare {
  display: flex;
  align-items: center;
  justify-content: center;
  width: min(139px, 139 / var(--cqi-base) * 100cqi);
  height: min(52px, 52 / var(--cqi-base) * 100cqi);
  margin: min(8px, 8 / var(--cqi-base) * 100cqi) 0 0;
  border: 1px solid #afafaf;
  border-radius: min(6px, 6 / var(--cqi-base) * 100cqi);
  background-color: #f3f3f3;
  color: #4b4b4b;
  font-feature-settings: "palt";
  font-weight: 700;
  line-height: 1.4;
}
.data__compare-num {
  font-size: min(36px, 36 / var(--cqi-base) * 100cqi);
}
.data__compare-unit {
  font-size: min(32px, 32 / var(--cqi-base) * 100cqi);
}
.data__legend {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: min(16px, 16 / var(--cqi-base) * 100cqi) min(40px, 40 / var(--cqi-base) * 100cqi);
  margin-top: min(36px, 36 / var(--cqi-base) * 100cqi);
}
.data__legend-item {
  display: flex;
  align-items: center;
  gap: min(12px, 12 / var(--cqi-base) * 100cqi);
}
.data__legend-mark {
  flex-shrink: 0;
  width: min(26px, 26 / var(--cqi-base) * 100cqi);
  height: min(25px, 25 / var(--cqi-base) * 100cqi);
  border-radius: min(6px, 6 / var(--cqi-base) * 100cqi);
}
.data__legend-mark--primary {
  background-color: #027b5a;
}
.data__legend-mark--compare {
  border: 1px solid #afafaf;
  background-color: #f3f3f3;
}
.data__legend-text {
  color: #4b4b4b;
  font-feature-settings: "palt";
  font-size: min(20px, 20 / var(--cqi-base) * 100cqi);
  font-weight: 500;
  line-height: 1.4;
}
.data__desc {
  width: min(90%, min(720px, 720 / var(--cqi-base) * 100cqi));
  max-width: 100%;
  margin: min(16px, 16 / var(--cqi-base) * 100cqi) auto 0;
  padding: 0 min(4px, 4 / var(--cqi-base) * 100cqi);
  color: #4b4b4b;
  font-feature-settings: "palt";
  font-size: clamp(10px, 14 / var(--cqi-base) * 100cqi, 14px);
  font-weight: 500;
  line-height: 1.7;
  letter-spacing: min(0.5px, 0.5 / var(--cqi-base) * 100cqi);
  text-align: center;
}
.data__desc p {
  margin: 0;
}

.happy {
  container-type: inline-size;
  --cqi-base: 800;
  background: url(../img/happy/happy-bg.webp) no-repeat center top/100% auto;
  padding: min(49px, 49 / var(--cqi-base) * 100cqi) 0 min(60px, 60 / var(--cqi-base) * 100cqi);
}
.happy__inner {
  container-type: inline-size;
  --cqi-base: 600;
  width: min(600px, 600 / var(--cqi-base) * 100cqi);
  max-width: 100%;
  margin: 0 auto;
}
.happy__ribbon {
  width: min(289px, 289 / var(--cqi-base) * 100cqi);
  margin: 0 auto min(5px, 5 / var(--cqi-base) * 100cqi);
}
.happy__ribbon img {
  display: block;
  width: 100%;
  max-width: none;
  height: auto;
}
.happy__title {
  margin: 0 0 min(25px, 25 / var(--cqi-base) * 100cqi);
  color: #111;
  font-feature-settings: "palt";
  font-size: min(40px, 40 / var(--cqi-base) * 100cqi);
  font-weight: 700;
  line-height: 1.3;
  text-align: center;
}
.happy__lead {
  margin: 0 0 min(29px, 29 / var(--cqi-base) * 100cqi);
  color: #111;
  font-feature-settings: "palt";
  font-size: min(20px, 20 / var(--cqi-base) * 100cqi);
  font-weight: 500;
  line-height: 1.6;
  text-align: center;
}
.happy__lead .is-accent {
  color: #e56b6b;
  font-weight: 900;
}
.happy__list {
  display: flex;
  flex-direction: column;
  gap: min(13px, 13 / var(--cqi-base) * 100cqi);
  margin: 0;
  padding: 0;
  list-style: none;
  max-width: 90%;
  margin: 0 auto;
}
.happy__item {
  display: flex;
  align-items: center;
  gap: min(31px, 31 / var(--cqi-base) * 100cqi);
  height: min(120px, 120 / var(--cqi-base) * 100cqi);
  padding: min(18px, 18 / var(--cqi-base) * 100cqi) min(26px, 26 / var(--cqi-base) * 100cqi);
  border: 1px solid;
  border-radius: min(12px, 12 / var(--cqi-base) * 100cqi);
}
.happy__item--01 {
  border-color: #f75e57;
  background: linear-gradient(90deg, #ffefed 0%, #fff 50.96%, #ffefed 100%);
}
.happy__item--01 .happy__badge {
  background-color: #f75e57;
}
.happy__item--01 .happy__sub {
  color: #f75e57;
}
.happy__item--02 {
  border-color: #feb13d;
  background: linear-gradient(90deg, #fef4de 0%, #fff 50.96%, #fef4de 100%);
  box-shadow: 0 0 min(8px, 8 / var(--cqi-base) * 100cqi) rgba(254, 177, 61, 0.25);
}
.happy__item--02 .happy__badge {
  background-color: #feb13d;
}
.happy__item--02 .happy__sub {
  color: #feb13d;
}
.happy__item--03 {
  border-color: #027b5a;
  background: linear-gradient(90deg, #ecf5f4 0%, #fff 46.64%, #ecf5f4 100%);
  box-shadow: 0 0 min(8px, 8 / var(--cqi-base) * 100cqi) rgba(24, 160, 150, 0.25);
}
.happy__item--03 .happy__badge {
  background-color: #027b5a;
}
.happy__item--03 .happy__sub {
  color: #027b5a;
}
.happy__item--04 {
  border-color: #0b74bc;
  background: linear-gradient(90deg, #e9f1f8 0%, #fff 47.12%, #e9f1f8 100%);
  box-shadow: 0 0 min(8px, 8 / var(--cqi-base) * 100cqi) rgba(62, 177, 230, 0.25);
}
.happy__item--04 .happy__badge {
  background-color: #0b74bc;
}
.happy__item--04 .happy__sub {
  color: #0b74bc;
}
.happy__badge {
  display: flex;
  flex-shrink: 0;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: min(79px, 79 / var(--cqi-base) * 100cqi);
  height: min(79px, 79 / var(--cqi-base) * 100cqi);
  border-radius: 50%;
  color: #fff;
  font-family: "Oswald", sans-serif;
  font-feature-settings: "palt";
}
.happy__badge-label {
  font-size: min(15px, 15 / var(--cqi-base) * 100cqi);
  font-weight: 400;
  letter-spacing: min(1.5px, 1.5 / var(--cqi-base) * 100cqi);
  line-height: 1.2;
}
.happy__badge-num {
  font-size: min(38px, 38 / var(--cqi-base) * 100cqi);
  font-weight: 700;
  line-height: 1;
}
.happy__body {
  min-width: 0;
}
.happy__name {
  margin: 0;
  color: #111;
  font-feature-settings: "palt";
  font-size: min(32px, 32 / var(--cqi-base) * 100cqi);
  font-weight: 700;
  line-height: 1.3;
}
.happy__sub {
  margin: 0;
  font-feature-settings: "palt";
  font-size: min(32px, 32 / var(--cqi-base) * 100cqi);
  font-weight: 700;
  line-height: 1.3;
}

.subscription {
  container-type: inline-size;
  --cqi-base: 800;
  background-color: #fdfcf3;
  padding: min(57px, 57 / var(--cqi-base) * 100cqi) 0 min(60px, 60 / var(--cqi-base) * 100cqi);
}
.subscription__inner {
  width: min(756px, 756 / var(--cqi-base) * 100cqi);
  max-width: 100%;
  margin: 0 auto;
}
.subscription__pricing {
  container-type: inline-size;
  --cqi-base: 648;
  width: min(648px, 648 / var(--cqi-base) * 100cqi);
  max-width: 100%;
  margin: 0 auto;
}
.subscription__title {
  margin: 0 0 min(72px, 72 / var(--cqi-base) * 100cqi);
  color: #4b4b4b;
  font-feature-settings: "palt";
  font-size: min(40px, 40 / var(--cqi-base) * 100cqi);
  font-weight: 700;
  line-height: 1.3;
  text-align: center;
}
.subscription__title .is-accent {
  color: #027b5a;
  font-weight: 900;
}
.subscription__table-wrap {
  position: relative;
}
.subscription__bubble {
  position: absolute;
  top: max(-62px, -62 / var(--cqi-base) * 100cqi);
  right: min(39px, 39 / var(--cqi-base) * 100cqi);
  z-index: 1;
  width: min(188px, 188 / var(--cqi-base) * 100cqi);
}
.subscription__bubble img {
  display: block;
  width: 100%;
  max-width: none;
  height: auto;
}
.subscription__table {
  overflow: hidden;
  border: 1px solid #f75e57;
  border-radius: min(18px, 18 / var(--cqi-base) * 100cqi);
  background-color: #fff;
}
.subscription__table-head {
  display: grid;
  grid-template-columns: min(146px, 146 / var(--cqi-base) * 100cqi) min(200px, 200 / var(--cqi-base) * 100cqi) 1fr;
  column-gap: min(12px, 12 / var(--cqi-base) * 100cqi);
  padding: min(17px, 17 / var(--cqi-base) * 100cqi) min(20px, 20 / var(--cqi-base) * 100cqi) min(17px, 17 / var(--cqi-base) * 100cqi);
  background-color: #f75e57;
  color: #fff;
  font-feature-settings: "palt";
  font-size: min(20px, 20 / var(--cqi-base) * 100cqi);
  font-weight: 700;
  line-height: 1.3;
  text-align: center;
}
@media screen and ( max-width: 768px ) {
  .subscription__table-head {
    grid-template-columns: minmax(0, min(120px, 120 / var(--cqi-base) * 100cqi)) minmax(0, min(160px, 160 / var(--cqi-base) * 100cqi)) minmax(0, 1fr);
    column-gap: min(8px, 8 / var(--cqi-base) * 100cqi);
    font-size: clamp(14px, 20 / var(--cqi-base) * 100cqi, 20px);
  }
}
.subscription__head-price {
  grid-column: 2;
}
.subscription__head-per {
  grid-column: 3;
}
.subscription__table-body {
  padding: min(24px, 24 / var(--cqi-base) * 100cqi) min(20px, 20 / var(--cqi-base) * 100cqi) min(20px, 20 / var(--cqi-base) * 100cqi);
}
.subscription__row {
  display: grid;
  grid-template-columns: min(146px, 146 / var(--cqi-base) * 100cqi) min(200px, 200 / var(--cqi-base) * 100cqi) 1fr;
  column-gap: min(12px, 12 / var(--cqi-base) * 100cqi);
  align-items: end;
  padding-bottom: min(9px, 9 / var(--cqi-base) * 100cqi);
  border-bottom: 1px dotted #afafaf;
  margin-bottom: min(9px, 9 / var(--cqi-base) * 100cqi);
}
@media screen and ( max-width: 768px ) {
  .subscription__row {
    grid-template-columns: minmax(0, min(120px, 120 / var(--cqi-base) * 100cqi)) minmax(0, min(160px, 160 / var(--cqi-base) * 100cqi)) minmax(0, 1fr);
    column-gap: min(8px, 8 / var(--cqi-base) * 100cqi);
  }
}
.subscription__row:last-child {
  padding-bottom: 0;
  border-bottom: none;
  margin-bottom: 0;
}
.subscription__range {
  padding-right: min(12px, 12 / var(--cqi-base) * 100cqi);
  border-right: 1px dotted #afafaf;
  color: #4b4b4b;
  font-feature-settings: "palt";
  font-size: min(20px, 20 / var(--cqi-base) * 100cqi);
  font-weight: 500;
  line-height: 1.3;
}
.subscription__price {
  padding-right: min(12px, 12 / var(--cqi-base) * 100cqi);
  border-right: 1px dotted #afafaf;
  color: #f75e57;
  font-feature-settings: "palt";
  font-size: min(20px, 20 / var(--cqi-base) * 100cqi);
  font-weight: 700;
  line-height: 1.3;
  text-align: center;
}
.subscription__per {
  color: #4b4b4b;
  font-feature-settings: "palt";
  font-size: min(20px, 20 / var(--cqi-base) * 100cqi);
  font-weight: 500;
  line-height: 1.3;
  text-align: center;
}
.subscription__plus {
  margin: min(14px, 14 / var(--cqi-base) * 100cqi) 0;
  color: #f75e57;
  font-feature-settings: "palt";
  font-size: min(40px, 40 / var(--cqi-base) * 100cqi);
  font-weight: 900;
  line-height: 1.3;
  text-align: center;
}
.subscription__services {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: min(32px, 32 / var(--cqi-base) * 100cqi);
}
.subscription__services-title {
  margin: 0;
  color: #4b4b4b;
  font-feature-settings: "palt";
  font-size: min(40px, 40 / var(--cqi-base) * 100cqi);
  font-weight: 700;
  line-height: 1.3;
  text-align: center;
}
.subscription__services-line {
  display: block;
}
.subscription__services-title .is-accent {
  color: #f75e57;
  font-weight: 900;
}
.subscription__cards {
  display: grid;
  grid-template-columns: repeat(4, 18rem);
  gap: 1.2rem;
  width: 100%;
  max-width: 75.6rem;
  margin: 0 auto;
  padding: 0;
  list-style: none;
  justify-content: center;
}
@media screen and ( max-width: 768px ) {
  .subscription__cards {
    grid-template-columns: repeat(2, minmax(0, 22.5rem));
    justify-content: center;
    gap: 1.8rem;
  }
}
.subscription__card {
  width: 18rem;
  min-width: 0;
  border: 0.2rem solid;
  border-radius: 1.7rem;
  background-color: #fff;
  overflow: hidden;
  box-sizing: border-box;
}
@media screen and ( max-width: 768px ) {
  .subscription__card {
    width: 100%;
    border-width: 0.3rem;
    border-radius: 2.55rem;
  }
}
.subscription__card--01 {
  border-color: #f75e57;
}
.subscription__card--01 .subscription__card-title {
  color: #f75e57;
}
.subscription__card--01 .subscription__card-foot {
  border-color: #f75e57;
  background-color: #f75e57;
}
.subscription__card--01 .subscription__card-badge {
  color: #f75e57;
}
.subscription__card--02 {
  border-color: #027B5A;
}
.subscription__card--02 .subscription__card-title {
  color: #027B5A;
}
.subscription__card--02 .subscription__card-foot {
  border-color: #027B5A;
  background-color: #027B5A;
}
.subscription__card--02 .subscription__card-badge {
  color: #027B5A;
}
.subscription__card--03 {
  border-color: #feb13d;
}
.subscription__card--03 .subscription__card-title {
  color: #feb13d;
}
.subscription__card--03 .subscription__card-foot {
  border-color: #feb13d;
  background-color: #feb13d;
}
.subscription__card--03 .subscription__card-badge {
  color: #feb13d;
}
.subscription__card--04 {
  border-color: #0b74bc;
}
.subscription__card--04 .subscription__card-title {
  color: #0b74bc;
}
.subscription__card--04 .subscription__card-foot {
  border-color: #0b74bc;
  background-color: #0b74bc;
}
.subscription__card--04 .subscription__card-badge {
  color: #0b74bc;
}
.subscription__card-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: 26rem;
  padding: 1.1rem 0.8rem 0;
  text-align: center;
  box-sizing: border-box;
}
@media screen and ( max-width: 768px ) {
  .subscription__card-body {
    min-height: 35rem;
    padding: 1.65rem 1.2rem 0;
  }
}
.subscription__card-icon {
  width: 8.5rem;
  margin: 0;
}
@media screen and ( max-width: 768px ) {
  .subscription__card-icon {
    width: 12.75rem;
  }
}
.subscription__card-icon img {
  display: block;
  width: 100%;
  max-width: none;
  height: auto;
}
.subscription__card-title {
  margin: 0.6rem -0.8rem 0;
  font-feature-settings: "palt";
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.3;
}
@media screen and ( max-width: 768px ) {
  .subscription__card-title {
    margin: 0.9rem -1.2rem 0;
  }
}
.subscription__card-text {
  flex: 1;
  margin: 0.7rem 0 0;
  color: #4b4b4b;
  font-feature-settings: "palt";
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.3;
}
@media screen and ( max-width: 768px ) {
  .subscription__card-text {
    margin: 1.05rem 0 0;
  }
}
.subscription__card-foot {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 15.1rem;
  height: 6rem;
  margin-top: auto;
  margin-bottom: 1.4rem;
  padding: 0;
  border: 0.5rem solid;
  border-radius: 0.6rem;
  box-sizing: border-box;
}
@media screen and ( max-width: 768px ) {
  .subscription__card-foot {
    width: 100%;
    max-width: 22.65rem;
    height: 7rem;
    margin-bottom: 2.1rem;
    border-width: 0.75rem;
    border-radius: 0.9rem;
  }
}
.subscription__card-badge {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 11.1rem;
  height: 1.9rem;
  border: 0.2rem solid #fff;
  border-radius: 2rem;
  background-color: #fff;
  font-feature-settings: "palt";
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.2;
}
@media screen and ( max-width: 768px ) {
  .subscription__card-badge {
    width: 16.65rem;
    height: 2.85rem;
    border-width: 0.3rem;
    border-radius: 3rem;
    font-size: 2.1rem;
  }
}
.subscription__card-price {
  margin: 0.1rem 0 0;
  color: #fff;
  font-feature-settings: "palt";
  font-weight: 900;
  line-height: 1.2;
  text-align: center;
}
@media screen and ( max-width: 768px ) {
  .subscription__card-price {
    margin: 0.15rem 0 0;
  }
}
.subscription__card-price-main {
  font-size: 2.4rem;
}
@media screen and ( max-width: 768px ) {
  .subscription__card-price-main {
    font-size: 2rem;
  }
}
.subscription__card-price-sub {
  font-size: 1.6rem;
}
@media screen and ( max-width: 768px ) {
  .subscription__card-price-sub {
    font-size: 1.6rem;
  }
}

.slick-dots {
  display: none;
}

.cta-bg2 {
  background: url(../img/cta/cta-bg2.webp) no-repeat top center/cover;
}

.cta.js-floating {
  position: fixed;
  left: 50%;
  bottom: 0;
  z-index: 1000;
  width: 100%;
  max-width: 800px;
  visibility: hidden;
  opacity: 0;
  transform: translateX(-50%) translateY(100%);
  transition: visibility 0.3s ease, opacity 0.3s ease, transform 0.3s ease;
  pointer-events: none;
  box-shadow: 0 -4px 24px rgba(0, 0, 0, 0.2);
}
.cta.js-floating.is-visible {
  visibility: visible;
  opacity: 1;
  transform: translateX(-50%) translateY(0);
  pointer-events: auto;
}
.cta.js-floating .cta__inner {
  flex-direction: row;
  align-items: stretch;
  gap: clamp(8px, 12 / var(--cqi-base) * 100cqi, 12px);
  padding: clamp(8px, 12 / var(--cqi-base) * 100cqi, 12px) clamp(8px, 16 / var(--cqi-base) * 100cqi, 16px);
}
.cta.js-floating .cta__btn {
  flex: 1 1 0;
  min-width: 0;
  height: clamp(56px, 70 / var(--cqi-base) * 100cqi, 70px);
  gap: clamp(4px, 8 / var(--cqi-base) * 100cqi, 8px);
  padding: clamp(8px, 10 / var(--cqi-base) * 100cqi, 10px) clamp(8px, 14 / var(--cqi-base) * 100cqi, 14px);
  border-radius: clamp(34px, 48 / var(--cqi-base) * 100cqi, 48px);
}
.cta.js-floating .cta-download {
  gap: clamp(4px, 8 / var(--cqi-base) * 100cqi, 8px);
  padding-inline: clamp(8px, 12 / var(--cqi-base) * 100cqi, 12px);
}
.cta.js-floating .cta__btn-icon {
  width: clamp(24px, 32 / var(--cqi-base) * 100cqi, 32px);
  height: clamp(24px, 32 / var(--cqi-base) * 100cqi, 32px);
}
.cta.js-floating .cta__btn-arrow {
  width: clamp(18px, 24 / var(--cqi-base) * 100cqi, 24px);
  height: clamp(18px, 24 / var(--cqi-base) * 100cqi, 24px);
}
.cta.js-floating .cta__btn-label {
  letter-spacing: 0;
}
.cta.js-floating .cta__btn-label-lg {
  font-size: clamp(12px, 20 / var(--cqi-base) * 100cqi, 20px);
}
.cta.js-floating .cta__btn-label-sm,
.cta.js-floating .cta__btn-label--download {
  font-size: clamp(10px, 16 / var(--cqi-base) * 100cqi, 16px);
}
.cta.js-floating .cta__badge {
  width: clamp(38px, 48 / var(--cqi-base) * 100cqi, 48px);
  height: clamp(38px, 48 / var(--cqi-base) * 100cqi, 48px);
  font-size: clamp(11px, 16 / var(--cqi-base) * 100cqi, 16px);
  letter-spacing: 0;
}

.contact {
  background: #FDFCF3;
  padding: 4.933rem 0;
}

.footer__nav {
  display: flex;
  justify-content: center;
  gap: 2.4rem;
  margin-bottom: 0.8rem;
}
.footer__link {
  color: #fff;
  text-decoration: none;
}
.footer__link:hover {
  opacity: 0.7;
}
.footer__copyright {
  margin: 0;
}

/*# sourceMappingURL=style.css.map */