@charset "UTF-8";
/*
//////////////////////////////////////////////////////////////////////////////////////////////
setting - custom property
//////////////////////////////////////////////////////////////////////////////////////////////
*/
@media screen and (min-width: 768px) {
  .underson_240417 {
    --width-primary: 140rem;
    --width-secondary: 66rem;
    --fz-text_fv_title-main: 2.3rem;
    --fz-text_fv_title-sub: 1.9rem;
    --fz-text_fv_lead: 1.4rem;
    --fz-text_lead: 1.4rem;
    --fz-text_title-main: 2rem;
    --fz-text_title-sub: 1.8rem;
    margin-bottom: 12rem;
  }
}
@media screen and (max-width: 767px) {
  .lp {
    padding-bottom: calc(68*(100vw / 750));
  }
  .underson_240417 {
    --width-primary: calc(750*100vw/750);
    --width-secondary: calc(660*100vw/750);
    --fz-text_fv_title-main: calc(40*100vw/750);
    --fz-text_fv_title-sub: calc(30*100vw/750);
    --fz-text_fv_lead: calc(24*100vw/750);
    --fz-text_lead: calc(24*100vw/750);
    --fz-text_title-main: calc(32*100vw/750);
    --fz-text_title-sub: calc(32*100vw/750);
  }
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
component - text
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.underson_240417 .c-text_fv_title-sub {
  font-size: var(--fz-text_fv_title-sub);
  line-height: 2.5;
  letter-spacing: 0.14em;
  color: var(--color-text);
  font-family: var(--font-ja);
  font-weight: var(--fw-medium);
}
.underson_240417 .c-text_fv_title-main {
  font-size: var(--fz-text_fv_title-main);
  line-height: 1.9130434783;
  letter-spacing: 0.14em;
  color: var(--color-text);
  font-family: var(--font-ja);
  font-weight: var(--fw-medium);
}
.underson_240417 .c-text_fv_lead {
  font-size: var(--fz-text_fv_lead);
  line-height: 2;
  letter-spacing: 0.085em;
  color: var(--color-text);
  font-family: var(--font-main);
  font-weight: var(--fw-medium);
}
.underson_240417 .c-text_lead {
  font-size: var(--fz-text_lead);
  line-height: 2;
  letter-spacing: 0.06em;
  color: var(--color-text);
  font-family: var(--font-main);
  font-weight: var(--fw-medium);
  text-align: justify;
}
.underson_240417 .c-text_title-main {
  font-size: var(--fz-text_title-main);
  line-height: 2.2;
  letter-spacing: 0.13em;
  color: var(--color-text);
  font-family: var(--font-main);
  font-weight: var(--fw-regular);
}
.underson_240417 .c-text_title-sub {
  font-size: var(--fz-text_title-sub);
  line-height: 1.7777777778;
  letter-spacing: 0.12em;
  color: var(--color-text);
  font-family: var(--font-main);
  font-weight: var(--fw-regular);
}
@media screen and (max-width: 767px) {
  .underson_240417 .c-text_fv_title-sub {
    line-height: 2.4666666667;
    letter-spacing: 0.13em;
  }
  .underson_240417 .c-text_fv_title-main {
    line-height: 1.9;
    letter-spacing: 0.13em;
  }
  .underson_240417 .c-text_fv_lead {
    letter-spacing: 0.1em;
  }
  .underson_240417 .c-text_lead {
    letter-spacing: 0.065em;
  }
  .underson_240417 .c-text_title-main {
    line-height: 2.7;
    letter-spacing: 0.1em;
  }
  .underson_240417 .c-text_title-sub {
    line-height: 3.6346875;
  }
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
project - firstview
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.underson_240417 .p-firstview {
  width: 90rem;
  margin-inline: auto;
  text-align: center;
}
.underson_240417 .p-firstview_inner {
  --row: 6.6rem;
}
.underson_240417 .p-firstview_text {
  --row: 2.2rem;
}
.underson_240417 .p-firstview_text_title > span {
  display: block;
}
@media screen and (max-width: 767px) {
  .underson_240417 .p-firstview {
    width: var(--width-primary);
  }
  .underson_240417 .p-firstview_inner {
    --row: calc(60* 100vw / 750);
  }
  .underson_240417 .p-firstview_text {
    --row: calc(36* 100vw / 750);
  }
  .underson_240417 .p-firstview_text_title {
    --row: calc(2* 100vw / 750);
  }
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
project - common
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.underson_240417 .p-style_inner {
  width: var(--width-secondary);
  margin-inline: auto;
  --row: 3.6rem;
}
.underson_240417 .p-style_wrapper-image {
  --column: 2rem;
}
.underson_240417 .js-slider {
  width: 32rem;
}
.underson_240417 .p-style_text {
  --row: 2.5rem;
}
.underson_240417 .p-style_text_title-sub {
  position: relative;
  text-align: center;
  left: 2rem;
}
.underson_240417 .p-style_text_title-sub::before {
  position: absolute;
  content: "";
  background-repeat: no-repeat;
  background-size: cover;
  width: 3.2rem;
  height: 3.4rem;
  top: -0.2rem;
  pointer-events: none;
  z-index: 5;
}
.underson_240417 .p-style02 .p-style_text_title-sub::before {
  background-image: url(../img/color/color_white.png);
  left: 25rem;
}
.underson_240417 .p-style03 .p-style_text_title-sub::before {
  background-image: url(../img/color/color_black.png);
  left: 25.3rem;
}
.underson_240417 .p-style04 .p-style_text_title-sub::before {
  background-image: url(../img/color/color_green.png);
  left: 25rem;
}
.underson_240417 .p-style05 .p-style_text_title-sub::before {
  background-image: url(../img/color/color_brown.png);
  left: 24.6rem;
}
@media screen and (max-width: 767px) {
  .underson_240417 .p-style_inner {
    --row: calc(35*100vw/750);
  }
  .underson_240417 .js-slider {
    width: var(--width-secondary);
    margin-inline: auto;
  }
  .underson_240417 .p-style_text {
    --row: calc(2*100vw/750);
  }
  .underson_240417 .p-style_text_title-sub {
    left: calc(27*100vw/750);
  }
  .underson_240417 .p-style_text_title-sub::before {
    width: calc(54* 100vw / 750);
    height: calc(57* 100vw / 750);
    top: calc(30* 100vw / 750);
  }
  .underson_240417 .p-style02 .p-style_text_title-sub::before {
    left: calc(196* 100vw / 750);
  }
  .underson_240417 .p-style03 .p-style_text_title-sub::before {
    left: calc(200* 100vw / 750);
  }
  .underson_240417 .p-style04 .p-style_text_title-sub::before {
    left: calc(192* 100vw / 750);
  }
  .underson_240417 .p-style05 .p-style_text_title-sub::before {
    left: calc(186* 100vw / 750);
  }
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
project - style01
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.underson_240417 .p-style01 {
  margin-top: 11.2rem;
}
.underson_240417 .p-style01 .p-style_inner {
  --row: 9rem;
  --column: 3rem;
}
.underson_240417 .p-style01 .p-style_wrapper:first-of-type > div {
  padding-right: 1.5rem;
}
.underson_240417 .p-style01 .p-style_wrapper:first-of-type .p-style_lead {
  --row: 1.6rem;
}
.underson_240417 .p-style01 .p-style_wrapper:last-of-type > div {
  padding-left: 1.5rem;
}
.underson_240417 .p-style01 .p-style_wrapper:last-of-type .c-text_lead {
  order: -1;
  margin-top: 10.6rem;
}
@media screen and (max-width: 767px) {
  .underson_240417 .p-style01 {
    margin-top: calc(127* 100vw / 750);
  }
  .underson_240417 .p-style01 .p-style_inner {
    --row: calc(125* 100vw / 750);
    --column: calc(100*100vw/750);
  }
  .underson_240417 .p-style01 .p-style_wrapper:first-of-type > div {
    padding-right: calc(0*100vw/750);;
  }
  .underson_240417 .p-style01 .p-style_wrapper:first-of-type .p-style_lead {
    --row: calc(24* 100vw / 750);
    margin-top: calc(68* 100vw / 750);
  }
  .underson_240417 .p-style01 .p-style_wrapper:last-of-type > div {
    padding-left: calc(0*100vw/750);
  }
  .underson_240417 .p-style01 .p-style_wrapper:last-of-type .c-text_lead {
    margin-top: calc(68* 100vw / 750);
  }
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
project - style02
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.underson_240417 .p-style02 {
  margin-top: 11rem;
}
.underson_240417 .p-style02 .p-style_wrapper-image {
  margin-top: 0.4rem;
}
@media screen and (max-width: 767px) {
  .underson_240417 .p-style02 {
    margin-top: calc(120* 100vw / 750);
  }
  .underson_240417 .p-style02 .p-style_wrapper-image {
    margin-top: calc(24* 100vw / 750);
  }
  .underson_240417 .p-style02 .js-slider {
    margin-top: calc(126* 100vw / 750);
  }
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
project - style03
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.underson_240417 .p-style03 {
  margin-top: 11.1rem;
}
@media screen and (max-width: 767px) {
  .underson_240417 .p-style03 {
    margin-top: calc(200* 100vw / 750);
  }
  .underson_240417 .p-style03 .c-text_lead {
    letter-spacing: 0.045em;
  }
  .underson_240417 .p-style03 .c-style_image0302 {
    width: var(--width-secondary);
    margin: calc(126*100vw/750) auto 0;
  }
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
project - style04
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.underson_240417 .p-style04 {
  margin-top: 11.1rem;
}
@media screen and (max-width: 767px) {
  .underson_240417 .p-style04 {
    margin-top: calc(180* 100vw / 750);
  }
  .underson_240417 .p-style04 .js-slider {
    margin-top: calc(126* 100vw / 750);
  }
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
project - style05
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.underson_240417 .p-style05 {
  margin-block: 11.1rem;
}
@media screen and (max-width: 767px) {
  .underson_240417 .p-style05 {
    margin-block: calc(200* 100vw / 750) calc(140* 100vw / 750);
  }
  .underson_240417 .p-style05 .c-style_image0502 {
    width: var(--width-secondary);
    margin: calc(126*100vw/750) auto 0;
  }
}