:root {
  --dvw: calc(100dvw / 1300);
  --fvw: calc(100dvw / 1300);
}
@media (min-width: 1300px) {
  :root {
    --dvw: 1px;
    --fvw: calc(100dvw / 1300);
  }
}
@media (max-width: 1024px) {
  :root {
    --dvw: calc(100dvw / 768);
    --fvw: calc(100dvw / 768);
  }
}
@media (max-width: 575px) {
  :root {
    --dvw: calc(100dvw / 375);
    --fvw: calc(100dvw / 375);
  }
}

.main-inner {
  padding-bottom: calc(var(--dvw) * 116);
}
@media (max-width: 1024px) {
  .main-inner {
    padding-bottom: calc(var(--dvw) * 68);
  }
}
@media (max-width: 575px) {
  .main-inner {
    padding-bottom: calc(var(--dvw) * 33);
  }
}

.main-inner .c-main-heading {
  padding-top: calc(var(--dvw) * 132);
}
@media (max-width: 1024px) {
  .main-inner .c-main-heading {
    padding-top: calc(var(--dvw) * 78);
  }
}
@media (max-width: 575px) {
  .main-inner .c-main-heading {
    padding-top: calc(var(--dvw) * 78);
  }
}

.main-inner .back-pattern {
  position: absolute;
  width: 100vw;
  height: 100%;
  display: block;
  overflow: hidden;
  background-image: url("/assets/images/welfare/back-pattern.webp");
  background-repeat: no-repeat;
  background-size: 130% auto;
  background-position: left -10vw top -20vw;
}

@media (min-width: 1600px) {
  .main-inner .back-pattern {
    background-size: cover;
    background-position: center top;
  }
}
@media (max-width: 575px) {
  .main-inner .back-pattern {
    background-size: 200% auto;
    background-position: center top -5%;
    background-repeat: repeat-y;
  }
}
/* Page Header Styles */
.c-main-heading__title-inner.--page-heading {
  padding: 0 1.6em 0.5em;
}
@media (max-width: 575px) {
  .c-main-heading__title-inner.--page-heading {
    padding: 0 1.5em 0.5em;
  }
}

.page-welfare .c-section-inner {
  max-width: 1240px;
}

.welfare-heading {
  margin: 0 auto;
  margin-top: calc(var(--dvw) * 80);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media (max-width: 1024px) {
  .welfare-heading {
    margin-top: calc(var(--dvw) * 47);
  }
}
@media (max-width: 575px) {
  .welfare-heading {
    margin-top: calc(var(--dvw) * 47);
  }
}

.welfare-heading__title {
  font-size: clamp(1.25rem, 0.8699rem + 1.6216vw, 2.1875rem);
  font-weight: 400;
  color: #085cb9;
  letter-spacing: 0.03em;
  text-align: center;
}

.welfare-heading__text {
  font-size: clamp(0.875rem, 0.8243rem + 0.2162vw, 1rem);
  line-height: 1.75;
  letter-spacing: 0.03em;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  margin-top: 1em;
}

/* Benefit Styles */
.benefit {
  margin-top: calc(var(--dvw) * 100);
}
@media (max-width: 1024px) {
  .benefit {
    margin-top: calc(var(--dvw) * 59);
  }
}
@media (max-width: 575px) {
  .benefit {
    margin-top: calc(var(--dvw) * 40);
  }
}

.benefit__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #fff;
  position: relative;
  z-index: 2;
  padding-bottom: calc(var(--dvw) * 28);
}
@media (max-width: 1024px) {
  .benefit__wrapper {
    padding-bottom: calc(var(--dvw) * 17);
  }
}
@media (max-width: 575px) {
  .benefit__wrapper {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding-bottom: calc(var(--dvw) * 8);
  }
}

@media (max-width: 1024px) {
  .benefit.--02 {
    margin-top: calc(var(--dvw) * 59);
  }
}
.benefit__content {
  width: 640px;
}
@media (max-width: 575px) {
  .benefit__content {
    width: 100%;
  }
}

.benefit__content-label-outer {
  height: calc(var(--dvw) * 21);
  position: relative;
  background-color: #ffde56;
}
@media (max-width: 1024px) {
  .benefit__content-label-outer {
    height: calc(var(--dvw) * 16);
  }
}
@media (max-width: 575px) {
  .benefit__content-label-outer {
    height: calc(var(--dvw) * 14);
  }
}

.benefit__content-label {
  color: #085cb9;
  font-family: "Saira", sans-serif;
  position: absolute;
  bottom: 0;
  left: calc(var(--dvw) * 50);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
@media (max-width: 1024px) {
  .benefit__content-label {
    left: calc(var(--dvw) * 30);
  }
}
@media (max-width: 575px) {
  .benefit__content-label {
    left: calc(var(--dvw) * 14);
  }
}

.benefit__content-label-en {
  font-size: calc(var(--dvw) * 47);
  font-family: "Saira", sans-serif;
  letter-spacing: 0.02em;
  line-height: 0.7;
}
@media (max-width: 1024px) {
  .benefit__content-label-en {
    font-size: calc(var(--dvw) * 28);
  }
}
@media (max-width: 575px) {
  .benefit__content-label-en {
    font-size: calc(var(--dvw) * 28);
  }
}

.benefit__content-label-number {
  font-size: calc(var(--dvw) * 84);
  line-height: 0.7;
  letter-spacing: 0.03em;
  margin-left: 0.1em;
}
@media (max-width: 1024px) {
  .benefit__content-label-number {
    font-size: calc(var(--dvw) * 50);
  }
}
@media (max-width: 575px) {
  .benefit__content-label-number {
    font-size: calc(var(--dvw) * 40);
  }
}

.benefit__content-title {
  color: #085cb9;
  font-size: clamp(1.125rem, 0.897rem + 0.973vw, 1.6875rem);
  font-weight: 500;
  letter-spacing: 0.03em;
  margin-top: 1.1em;
  padding: 0 calc(var(--dvw) * 50);
}
@media (max-width: 1024px) {
  .benefit__content-title {
    padding: 0 calc(var(--dvw) * 30);
  }
}
@media (max-width: 575px) {
  .benefit__content-title {
    padding: 0 calc(var(--dvw) * 14);
  }
}

.benefit__content-text {
  font-size: clamp(0.875rem, 0.8243rem + 0.2162vw, 1rem);
  line-height: 1.65;
  letter-spacing: 0.03em;
  margin-top: 0.5em;
  padding: 0 calc(var(--dvw) * 50);
  text-align: justify;
}
@media (max-width: 1024px) {
  .benefit__content-text {
    padding: 0 calc(var(--dvw) * 30);
  }
}
@media (max-width: 575px) {
  .benefit__content-text {
    padding: 0 calc(var(--dvw) * 14) 1.7em;
  }
}

.benefit__img {
  width: 500px;
}
@media (max-width: 575px) {
  .benefit__img {
    width: 100%;
    padding: 0 calc(var(--dvw) * 14);
  }
}

.benefit__img-wrapper {
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: calc(var(--dvw) * 10);
  position: relative;
  z-index: 2;
  padding: 0 0 calc(var(--dvw) * 50) calc(var(--dvw) * 50);
}
@media (max-width: 1024px) {
  .benefit__img-wrapper {
    gap: calc(var(--dvw) * 8);
    padding: 0 0 calc(var(--dvw) * 30) calc(var(--dvw) * 30);
  }
}
@media (max-width: 575px) {
  .benefit__img-wrapper {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: calc(var(--dvw) * 8);
    padding: 0 calc(var(--dvw) * 14) calc(var(--dvw) * 14);
  }
}

@media (max-width: 575px) {
  .benefit__img-item {
    width: 100%;
  }
}

/* Benefit 02 Styles */
.benefit.--02 .benefit__wrapper {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  padding-bottom: 0;
  background: linear-gradient(to bottom, #fff 350px, transparent 350px);
}
@media (max-width: 1024px) {
  .benefit.--02 .benefit__wrapper {
    padding-bottom: 0;
    background: linear-gradient(to bottom, #fff 300px, transparent 300px);
  }
}
@media (max-width: 575px) {
  .benefit.--02 .benefit__wrapper {
    background: #fff;
    padding-bottom: calc(var(--dvw) * 14);
  }
}

.benefit.--02 .benefit__content-label {
  left: auto;
  right: calc(var(--dvw) * 10);
}
@media (max-width: 1024px) {
  .benefit.--02 .benefit__content-label {
    right: calc(var(--dvw) * 6);
  }
}
@media (max-width: 575px) {
  .benefit.--02 .benefit__content-label {
    right: auto;
    left: calc(var(--dvw) * 14);
  }
}

.benefit__sub-content {
  margin: calc(var(--dvw) * 34) calc(var(--dvw) * 50) 0;
  padding: calc(var(--dvw) * 16) calc(var(--dvw) * 28) calc(var(--dvw) * 24);
  background-color: #eeeeef;
}
@media (max-width: 1024px) {
  .benefit__sub-content {
    margin: calc(var(--dvw) * 20) calc(var(--dvw) * 30) 0;
    padding: calc(var(--dvw) * 9) calc(var(--dvw) * 17) calc(var(--dvw) * 14);
  }
}
@media (max-width: 575px) {
  .benefit__sub-content {
    margin: 0 calc(var(--dvw) * 14) calc(var(--dvw) * 24);
    padding: calc(var(--dvw) * 5) calc(var(--dvw) * 8) calc(var(--dvw) * 8);
  }
}

.benefit__sub-content__title {
  font-size: clamp(1rem, 0.8986rem + 0.4324vw, 1.25rem);
  font-weight: 500;
}

.benefit__sub-content__text {
  font-size: clamp(0.875rem, 0.8243rem + 0.2162vw, 1rem);
  line-height: 1.65;
  margin-top: 0.1em;
  margin-bottom: 0.7em;
}

.benefit__sub-content__text b {
  color: #085cb9;
}

.benefit__sub-content__category {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.benefit__sub-content__category-item {
  width: 48.5%;
  height: auto;
  text-align: center;
  border: 1px solid #116fa0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.benefit__sub-content__category-item__title {
  font-size: clamp(0.75rem, 0.6486rem + 0.4324vw, 1rem);
  letter-spacing: 0.1em;
  background-color: #fff;
  padding: 0.5em;
  color: #116fa0;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -ms-grid;
  display: grid;
  place-items: center;
}

.benefit__sub-content__category-item__text {
  font-size: clamp(0.875rem, 0.7736rem + 0.4324vw, 1.125rem);
  font-weight: 500;
  letter-spacing: 0.03em;
  background-color: #116fa0;
  padding: 0.65em;
  color: #fff;
}

/* Benefit 03 Styles */
.benefit.--03 .benefit__wrapper {
  background: none;
  padding-bottom: 0;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media (max-width: 1024px) {
  .benefit.--03 .benefit__wrapper {
    padding-bottom: 0;
  }
}
@media (max-width: 575px) {
  .benefit.--03 .benefit__wrapper {
    background: #fff;
    padding-bottom: calc(var(--dvw) * 14);
  }
}

.benefit.--03 .benefit__content {
  background-color: #fff;
}

.benefit.--03 .benefit__content-text {
  padding-bottom: 1.7em;
}

/* Benefit 04 Styles */
.benefit.--04 .benefit__wrapper {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  padding-bottom: 0;
  background: linear-gradient(to bottom, #fff 350px, transparent 350px);
}
@media (max-width: 1024px) {
  .benefit.--04 .benefit__wrapper {
    padding-bottom: 0;
    background: linear-gradient(to bottom, #fff 300px, transparent 300px);
  }
}
@media (max-width: 575px) {
  .benefit.--04 .benefit__wrapper {
    background: #fff;
    padding-bottom: calc(var(--dvw) * 14);
  }
}

.benefit.--04 .benefit__content-label {
  left: auto;
  right: calc(var(--dvw) * 10);
}
@media (max-width: 1024px) {
  .benefit.--04 .benefit__content-label {
    right: calc(var(--dvw) * 6);
  }
}
@media (max-width: 575px) {
  .benefit.--04 .benefit__content-label {
    right: auto;
    left: calc(var(--dvw) * 14);
  }
}

.benefit.--04 .benefit__sub-content {
  margin: calc(var(--dvw) * 34) calc(var(--dvw) * 50) 0;
  padding: 0;
  background-color: #fff;
}
@media (max-width: 1024px) {
  .benefit.--04 .benefit__sub-content {
    margin: calc(var(--dvw) * 20) calc(var(--dvw) * 30) 0;
  }
}
@media (max-width: 575px) {
  .benefit.--04 .benefit__sub-content {
    margin: 0 calc(var(--dvw) * 14) calc(var(--dvw) * 14);
  }
}

/* Benefit 05 Styles */
.benefit.--05 .benefit__wrapper {
  padding-bottom: 0;
}
@media (max-width: 575px) {
  .benefit.--05 .benefit__wrapper {
    padding-bottom: calc(var(--dvw) * 14);
  }
}

.benefit.--05 .benefit__content-text {
  padding-bottom: 1.7em;
}

/* Benefit 06 Styles */
.benefit.--06 .benefit__wrapper {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  padding-bottom: 0;
}
@media (max-width: 575px) {
  .benefit.--06 .benefit__wrapper {
    padding-bottom: calc(var(--dvw) * 14);
  }
}

.benefit.--06 .benefit__content {
  width: 600px;
}
@media (max-width: 575px) {
  .benefit.--06 .benefit__content {
    width: 100%;
  }
}

.benefit.--06 .benefit__content-text {
  padding-bottom: 1.7em;
}

.benefit.--06 .benefit__img {
  width: 540px;
}
@media (max-width: 575px) {
  .benefit.--06 .benefit__img {
    width: 100%;
  }
}

.benefit.--06 .benefit__content-label {
  left: auto;
  right: calc(var(--dvw) * 10);
}
@media (max-width: 1024px) {
  .benefit.--06 .benefit__content-label {
    right: calc(var(--dvw) * 6);
  }
}
@media (max-width: 575px) {
  .benefit.--06 .benefit__content-label {
    right: auto;
    left: calc(var(--dvw) * 14);
  }
}

/* Decoration Styles */
.decoration {
  position: absolute;
}

.decoration.--01 {
  width: calc(var(--dvw) * 858);
  top: calc(var(--dvw) * -408);
  right: calc(var(--dvw) * -393);
}
@media (max-width: 1024px) {
  .decoration.--01 {
    width: calc(var(--dvw) * 506);
    top: calc(var(--dvw) * -241);
    right: calc(var(--dvw) * -232);
  }
}
@media (max-width: 575px) {
  .decoration.--01 {
    width: calc(var(--dvw) * 248);
    top: calc(var(--dvw) * -118);
    right: calc(var(--dvw) * -113);
  }
}

.decoration.--02 {
  width: calc(var(--dvw) * 523);
  top: calc(var(--dvw) * -341);
  left: calc(var(--dvw) * -317);
}
@media (max-width: 1024px) {
  .decoration.--02 {
    width: calc(var(--dvw) * 309);
    top: calc(var(--dvw) * -201);
    left: calc(var(--dvw) * -187);
  }
}
@media (max-width: 575px) {
  .decoration.--02 {
    width: calc(var(--dvw) * 151);
    top: calc(var(--dvw) * -98);
    left: calc(var(--dvw) * -92);
  }
}

.decoration.--03 {
  width: calc(var(--dvw) * 576);
  bottom: calc(var(--dvw) * 74);
  right: calc(var(--dvw) * -300);
}
@media (max-width: 1024px) {
  .decoration.--03 {
    width: calc(var(--dvw) * 340);
    bottom: calc(var(--dvw) * 44);
    right: calc(var(--dvw) * -177);
  }
}
@media (max-width: 575px) {
  .decoration.--03 {
    width: calc(var(--dvw) * 166);
    bottom: calc(var(--dvw) * 21);
    right: calc(var(--dvw) * -87);
  }
}

.decoration.--04 {
  width: calc(var(--dvw) * 641);
  bottom: calc(var(--dvw) * -224);
  left: calc(var(--dvw) * -277);
}
@media (max-width: 1024px) {
  .decoration.--04 {
    width: calc(var(--dvw) * 378);
    bottom: calc(var(--dvw) * -132);
    left: calc(var(--dvw) * -163);
  }
}
@media (max-width: 575px) {
  .decoration.--04 {
    width: calc(var(--dvw) * 185);
    bottom: calc(var(--dvw) * -65);
    left: calc(var(--dvw) * -80);
  }
}

.decoration.--05 {
  width: calc(var(--dvw) * 525);
  top: calc(var(--dvw) * -137);
  right: calc(var(--dvw) * -188);
}
@media (max-width: 1024px) {
  .decoration.--05 {
    width: calc(var(--dvw) * 310);
    top: calc(var(--dvw) * -81);
    right: calc(var(--dvw) * -111);
  }
}
@media (max-width: 575px) {
  .decoration.--05 {
    width: calc(var(--dvw) * 152);
    top: calc(var(--dvw) * -40);
    right: calc(var(--dvw) * -54);
  }
}

.decoration.--06 {
  width: calc(var(--dvw) * 626);
  top: calc(var(--dvw) * -170);
  left: calc(var(--dvw) * -270);
}
@media (max-width: 1024px) {
  .decoration.--06 {
    width: calc(var(--dvw) * 369);
    top: calc(var(--dvw) * -100);
    left: calc(var(--dvw) * -160);
  }
}
@media (max-width: 575px) {
  .decoration.--06 {
    width: calc(var(--dvw) * 181);
    top: calc(var(--dvw) * -49);
    left: calc(var(--dvw) * -78);
  }
}

.decoration.--07 {
  width: calc(var(--dvw) * 963);
  top: calc(var(--dvw) * -345);
  right: calc(var(--dvw) * -409);
}
@media (max-width: 1024px) {
  .decoration.--07 {
    width: calc(var(--dvw) * 568);
    top: calc(var(--dvw) * -204);
    right: calc(var(--dvw) * -241);
  }
}
@media (max-width: 575px) {
  .decoration.--07 {
    width: calc(var(--dvw) * 278);
    top: calc(var(--dvw) * -100);
    right: calc(var(--dvw) * -118);
  }
}

.decoration.--08 {
  width: calc(var(--dvw) * 415);
  top: calc(var(--dvw) * -138);
  left: calc(var(--dvw) * -255);
}
@media (max-width: 1024px) {
  .decoration.--08 {
    width: calc(var(--dvw) * 245);
    top: calc(var(--dvw) * -81);
    left: calc(var(--dvw) * -150);
  }
}
@media (max-width: 575px) {
  .decoration.--08 {
    width: calc(var(--dvw) * 120);
    top: calc(var(--dvw) * -40);
    left: calc(var(--dvw) * -74);
  }
}

.decoration.--09 {
  width: calc(var(--dvw) * 780);
  bottom: calc(var(--dvw) * -633);
  right: calc(var(--dvw) * -270);
}
@media (max-width: 1024px) {
  .decoration.--09 {
    width: calc(var(--dvw) * 460);
    bottom: calc(var(--dvw) * -373);
    right: calc(var(--dvw) * -160);
  }
}
@media (max-width: 575px) {
  .decoration.--09 {
    width: calc(var(--dvw) * 225);
    bottom: calc(var(--dvw) * -183);
    right: calc(var(--dvw) * -78);
  }
}
/*# sourceMappingURL=welfare.css.map */