.challenge_more_link {
  font-family: "BIZ UDPGothic", sans-serif;
}

.reason_order_number {
  font-family: "Oswald", sans-serif;
}

.reason_order {
  font-size: 1.3rem;
}
@media only screen and (min-width: 768px) {
  .reason_order {
    font-size: 1.5rem;
  }
}

.reason_intro_txt, .reason_working_solution_case_txt {
  font-size: 1.6rem;
}
@media only screen and (min-width: 768px) {
  .reason_intro_txt, .reason_working_solution_case_txt {
    font-size: 2rem;
  }
}

.challenge_more_link {
  font-size: 1.6rem;
}
@media only screen and (min-width: 768px) {
  .challenge_more_link {
    font-size: 2.2rem;
  }
}

.challenge_grid_item_txt {
  font-size: 1.6rem;
}
@media only screen and (min-width: 768px) {
  .challenge_grid_item_txt {
    font-size: 2.3rem;
  }
}

.reason_quote, .reason_working_team_box_title, .reason_working_team_summary, .reason_working_solution_summary, .reason_response_solution_summary {
  font-size: 1.6rem;
}
@media only screen and (min-width: 768px) {
  .reason_quote, .reason_working_team_box_title, .reason_working_team_summary, .reason_working_solution_summary, .reason_response_solution_summary {
    font-size: clamp(2.3rem, 2.3rem + 0.003164557 * (100vw - 768px), 2.5rem);
  }
}

.reason_order_number, .reason_improve_solution_leading {
  font-size: 1.8rem;
}
@media only screen and (min-width: 768px) {
  .reason_order_number, .reason_improve_solution_leading {
    font-size: clamp(2.3rem, 2.3rem + 0.0047468354 * (100vw - 768px), 2.6rem);
  }
}

.reason_working_solution_partner {
  font-size: 1.8rem;
}
@media only screen and (min-width: 768px) {
  .reason_working_solution_partner {
    font-size: clamp(2.3rem, 2.3rem + 0.0079113924 * (100vw - 768px), 2.8rem);
  }
}

.reason_working_solution_case_title, .reason_response_solution_block_r, .reason_response_solution_title {
  font-size: 1.8rem;
}
@media only screen and (min-width: 768px) {
  .reason_working_solution_case_title, .reason_response_solution_block_r, .reason_response_solution_title {
    font-size: clamp(2.3rem, 2.3rem + 0.0094936709 * (100vw - 768px), 2.9rem);
  }
}

.challenge_copywriting {
  font-size: 2rem;
}
@media only screen and (min-width: 768px) {
  .challenge_copywriting {
    font-size: clamp(2.5rem, 2.5rem + 0.0094936709 * (100vw - 768px), 3.1rem);
  }
}

.reason_intro_leading {
  font-size: 2rem;
}
@media only screen and (min-width: 768px) {
  .reason_intro_leading {
    font-size: clamp(2.5rem, 2.5rem + 0.0110759494 * (100vw - 768px), 3.2rem);
  }
}

.reason_leading {
  font-size: 2rem;
}
@media only screen and (min-width: 768px) {
  .reason_leading {
    font-size: clamp(2.5rem, 2.5rem + 0.0174050633 * (100vw - 768px), 3.6rem);
  }
}

.reason_working_solution_case_heading {
  font-size: 2.2rem;
}
@media only screen and (min-width: 768px) {
  .reason_working_solution_case_heading {
    font-size: clamp(3rem, 3rem + 0.0142405063 * (100vw - 768px), 3.9rem);
  }
}

.reason_working_solution_partner .punc, .reason_response_solution_partner {
  font-size: 2.2rem;
}
@media only screen and (min-width: 768px) {
  .reason_working_solution_partner .punc, .reason_response_solution_partner {
    font-size: clamp(3rem, 3rem + 0.0158227848 * (100vw - 768px), 4rem);
  }
}

.reason_title, .challenge_heading {
  font-size: 2.4rem;
}
@media only screen and (min-width: 768px) {
  .reason_title, .challenge_heading {
    font-size: clamp(3.6rem, 3.6rem + 0.0205696203 * (100vw - 768px), 4.9rem);
  }
}

.reason_intro_heading {
  font-size: 2.4rem;
}
@media only screen and (min-width: 768px) {
  .reason_intro_heading {
    font-size: clamp(3.5rem, 3.5rem + 0.0316455696 * (100vw - 768px), 5.5rem);
  }
}

.challenge {
  margin-top: 40px;
  padding-bottom: 60px;
}
@media only screen and (min-width: 768px) {
  .challenge {
    margin-top: 84px;
    padding-bottom: 98px;
  }
}
.challenge_heading {
  font-weight: 900;
  line-height: 1.4693877551;
  color: #5eb7e8;
  text-align: center;
}
.challenge_grid {
  display: flex;
  gap: 40px 20px;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 50px;
}
@media only screen and (min-width: 768px) {
  .challenge_grid {
    gap: 60px 39px;
  }
}
.challenge_grid_item {
  width: 100%;
  width: clamp(50% - 10px, (400px - 100vw) * 1000, 100%);
  background-color: #5eb7e8;
  border-radius: 13px;
}
@media only screen and (min-width: 768px) {
  .challenge_grid_item {
    width: calc(33.33% - 26px);
    width: clamp(33.33% - 26px, (1025px - 100vw) * 1000, 50% - 20px);
  }
}
.challenge_grid_item_icon {
  width: 150px;
  height: 50px;
  position: relative;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 768px) {
  .challenge_grid_item_icon {
    width: 250px;
    height: 85px;
  }
}
.challenge_grid_item_icon img {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
}
.challenge_grid_item_context {
  padding: 8px 10px 21px;
}
.challenge_grid_item_txt {
  font-weight: 700;
  line-height: 1.5652173913;
  text-align: center;
  color: #fff;
}
.challenge_copywriting {
  font-weight: 900;
  line-height: 1.4838709677;
  color: #5eb7e8;
  text-align: center;
  margin-top: 20px;
}
@media only screen and (min-width: 768px) {
  .challenge_copywriting {
    margin-top: 47px;
  }
}
.challenge_emp {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.8275862069;
  color: #9b9b9b;
  text-align: center;
  margin-top: 20px;
}
@media only screen and (min-width: 768px) {
  .challenge_emp {
    margin-top: 22px;
    font-size: clamp(2.3rem, 2.3rem + 0.0094936709 * (100vw - 768px), 2.9rem);
  }
}
.challenge_detail {
  color: #464646;
  margin-top: 14px;
}
@media only screen and (min-width: 768px) {
  .challenge_detail {
    max-width: 776px;
    margin-top: 25px;
    margin-left: auto;
    margin-right: auto;
  }
}
.challenge_mv_txt {
  width: 300px;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 768px) {
  .challenge_mv_txt {
    width: 60vw;
    max-width: 567px;
    margin-top: 90px;
  }
}
.challenge_more {
  margin-top: 24px;
}
@media only screen and (min-width: 768px) {
  .challenge_more {
    margin-top: 43px;
  }
}
.challenge_more_link {
  --badge-color: #fc83b6;
  font-weight: 700;
  letter-spacing: 0.05em;
  display: flex;
  gap: 12px;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 768px) {
  .challenge_more_link {
    width: 516px;
    height: 76px;
    transition: 300ms ease;
  }
  .challenge_more_link:hover {
    --badge-color: #ef71a7;
    opacity: 1;
  }
}
.challenge_more_link::before, .challenge_more_link::after {
  right: 0;
}
.challenge_more_link .title_badge_shape::before, .challenge_more_link .title_badge_shape::after {
  left: 0;
}
.challenge_more_link .icon {
  width: 26px;
}
@media only screen and (min-width: 768px) {
  .challenge_more_link .icon {
    width: 43px;
  }
}
.challenge_more_link_arrow {
  width: 8px;
  height: 8px;
  position: absolute;
  top: 50%;
  right: 10px;
  translate: 0 -50%;
  rotate: 45deg;
  border: 0;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
}
@media only screen and (min-width: 768px) {
  .challenge_more_link_arrow {
    width: 14px;
    height: 14px;
    right: 22px;
  }
}

.reason {
  margin-top: 27px;
}
.reason_intro_float {
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 768px) {
  .reason_intro_float {
    display: block;
    padding-right: 22px;
  }
}
.reason_intro_heading {
  font-weight: 900;
  line-height: 1.4727272727;
  color: #5eb7e8;
}
.reason_intro_leading {
  font-weight: 900;
  line-height: 1.53125;
  color: #5eb7e8;
  margin-top: 21px;
}
@media only screen and (min-width: 768px) {
  .reason_intro_leading {
    margin-top: 21px;
  }
}
.reason_intro_txt {
  font-weight: 600;
  line-height: 1.95;
  margin-top: 24px;
}
@media only screen and (min-width: 768px) {
  .reason_intro_txt {
    margin-top: 31px;
    margin-right: -10px;
  }
}
@media only screen and (min-width: 768px) {
  .reason_intro_txt + .reason_intro_txt {
    margin-top: 6px;
  }
}
.reason_intro_photo {
  width: 375px;
  max-width: 100%;
  order: 1000;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 768px) {
  .reason_intro_photo {
    width: 551px;
    width: clamp(200px, (100vw - 1023px) * 1000, 551px);
    float: right;
    position: relative;
    top: 7px;
    margin: 0px;
    padding-left: 25px;
  }
}
.reason_order {
  font-weight: 700;
  line-height: 1.4666666667;
  color: #fff;
  text-align: center;
  width: 64px;
  height: 64px;
  background-image: url("./../images/common/icon_shape_01.svg");
  background-repeat: no-repeat;
  background-size: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media only screen and (min-width: 768px) {
  .reason_order {
    width: 93.32px;
    height: 93.32px;
    position: relative;
    left: 19px;
  }
}
.reason_order_number {
  font-weight: 500;
}
.reason_title {
  font-weight: 900;
  line-height: 1.4693877551;
  color: #5eb7e8;
  margin-top: 6px;
}
.reason_leading {
  font-weight: 900;
  line-height: 1.4166666667;
  color: #5eb7e8;
}
.reason_quote {
  font-weight: 700;
  line-height: 1.72;
  margin-top: 18px;
}
.reason_txt {
  margin-top: 5px;
}
.reason_solution {
  position: relative;
  margin-top: 40px;
  padding-top: 40px;
  padding-bottom: 40px;
}
.reason_solution::before {
  content: "";
  background-color: #5eb7e8;
  position: absolute;
  z-index: -1;
  inset: 0;
  opacity: 0.5;
  mix-blend-mode: multiply;
}
.reason_solution_heading {
  --badge-color: #fff;
  --color: #5eb7e8;
  font-size: 1.8rem;
  font-weight: 900;
  line-height: 1.2941176471;
  letter-spacing: 0em;
  min-height: 66px;
  display: inline-flex;
  align-items: center;
  padding-left: 0;
}
@media only screen and (min-width: 768px) {
  .reason_solution_heading {
    font-size: clamp(2.6rem, 2.6rem + 0.0126582278 * (100vw - 768px), 3.4rem);
    min-height: 88px;
    padding-right: 69px;
  }
}
.reason_solution_heading::before, .reason_solution_heading::after {
  width: 40px;
}
@media only screen and (min-width: 768px) {
  .reason_solution_heading::before, .reason_solution_heading::after {
    right: -5px;
  }
}
.reason_solution_heading .title_badge_shape {
  translate: -90% 0;
  width: 50vw;
  background-color: #ffffff;
}
.reason_solution_heading .title_badge_shape::before, .reason_solution_heading .title_badge_shape::after {
  display: none;
}
.reason_working {
  margin-top: 60px;
}
@media only screen and (min-width: 768px) {
  .reason_working {
    margin-top: 111px;
    margin-top: clamp(60px, (100vw - 1025px) * 1000, 111px);
  }
}
.reason_working_grid {
  display: flex;
  gap: 30px;
  flex-direction: column;
}
@media only screen and (min-width: 768px) {
  .reason_working_grid {
    flex-direction: row-reverse;
    justify-content: space-between;
  }
}
@media only screen and (min-width: 768px) {
  .reason_working_grid_context {
    width: 456px;
    max-width: 39.652173913%;
    max-width: clamp(60% - 30px, (100vw - 1024px) * 1000, 39.652173913% - 30px);
  }
}
.reason_working_grid_photo {
  width: 375px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 768px) {
  .reason_working_grid_photo {
    width: 635px;
    max-width: calc(57.8260869565% - 30px);
    max-width: clamp(40%, (100vw - 1024px) * 1000, 57.8260869565% - 30px);
    margin-top: 66px;
    margin-left: 0;
    margin-right: 0;
  }
}
@media only screen and (min-width: 768px) {
  .reason_working_grid_photo img {
    width: calc(100% + 35px);
    position: relative;
    left: -35px;
  }
}
.reason_working_team {
  display: flex;
  gap: 60px 10px;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 83px;
}
@media only screen and (min-width: 768px) {
  .reason_working_team {
    gap: 60px 28px;
  }
}
.reason_working_team_box {
  width: calc(50% - 5px);
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.4375;
  text-align: center;
  color: #fff;
  background-color: #5eb7e8;
  border-radius: 13px;
  padding: 10px 10px;
}
@media only screen and (min-width: 768px) {
  .reason_working_team_box {
    width: calc(20% - 22.4px);
    width: clamp(20% - 22.4px, (1023px - 100vw) * 1000, 33.33% - 18.6666666667px);
    min-height: 200px;
    font-size: 1.6rem;
    padding: 5px 20px;
  }
}
@media only screen and (min-width: 768px) {
  .reason_working_team_box:nth-child(1) .reason_working_team_box_photo img {
    left: -6px;
  }
}
@media only screen and (min-width: 768px) {
  .reason_working_team_box:nth-child(2) .reason_working_team_box_photo img {
    left: -7px;
  }
}
@media only screen and (min-width: 768px) {
  .reason_working_team_box:nth-child(3) .reason_working_team_box_photo {
    margin-bottom: 13px;
  }
}
@media only screen and (min-width: 768px) {
  .reason_working_team_box:nth-child(3) .reason_working_team_box_photo img {
    left: -7px;
  }
}
@media only screen and (min-width: 768px) {
  .reason_working_team_box:nth-child(4) .reason_working_team_box_photo {
    margin-bottom: 13px;
  }
}
@media only screen and (min-width: 768px) {
  .reason_working_team_box:nth-child(5) .reason_working_team_box_photo img {
    left: -6px;
  }
}
.reason_working_team_box_photo {
  --top: 0px;
  --left: 0px;
  width: 120px;
  max-width: 100%;
  aspect-ratio: 2.012195122;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 6px;
}
@media only screen and (min-width: 768px) {
  .reason_working_team_box_photo {
    width: 165px;
    margin-bottom: 0;
  }
}
.reason_working_team_box_photo img {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
}
@media only screen and (min-width: 768px) {
  .reason_working_team_box_photo img {
    bottom: -5px;
  }
}
.reason_working_team_box_title {
  font-weight: 900;
  line-height: 1.3;
  margin-top: 5px;
}
.reason_working_team_summary {
  font-weight: 700;
  line-height: 1.72;
  color: #5eb7e8;
  text-align: center;
  margin-top: 30px;
}
@media only screen and (min-width: 768px) {
  .reason_working_team_summary {
    margin-top: 40px;
    padding-left: 10px;
  }
}
@media only screen and (min-width: 768px) {
  .reason_working_solution {
    margin-top: 66px;
    padding-top: 66px;
    padding-bottom: 52px;
  }
}
.reason_working_solution_box {
  background-color: #4b9eff;
  display: flex;
  gap: 42px;
  flex-wrap: wrap;
  flex-direction: column;
  border-radius: 15px;
  margin-top: 50px;
  padding: 20px 0 0px;
}
@media only screen and (min-width: 768px) {
  .reason_working_solution_box {
    max-width: 1032px;
    gap: clamp(20px, (100vw - 1025px) * 1000, 42px);
    flex-direction: row;
    border-radius: 30px;
    margin-left: auto;
    margin-right: auto;
    padding: 50px 0 29px;
  }
}
.reason_working_solution_box.is_show .reason_working_solution_box_r {
  translate: none !important;
  transition: 1s cubic-bezier(0.37, 0.93, 0.72, 1.14);
}
@media only screen and (min-width: 768px) {
  .reason_working_solution_box + .reason_working_solution_box {
    margin-top: clamp(80px, (100vw - 1023px) * 1000, 123px);
  }
}
.reason_working_solution_box[data-reverse="1"] {
  flex-direction: row-reverse;
}
@media only screen and (min-width: 768px) {
  .reason_working_solution_box[data-reverse="1"] {
    padding-bottom: 25px;
  }
}
@media only screen and (min-width: 768px) {
  .reason_working_solution_box[data-reverse="1"] .reason_working_solution_answer {
    left: -59px;
    left: clamp(-59px, (1025px - 100vw) * 1000, 0px);
    padding: 27px 30px 24px 96px;
    padding-left: clamp(44px, (100vw - 1023px) * 1000, 96px);
  }
}
.reason_working_solution_box[data-reverse="1"] .reason_working_solution_answer::before {
  scale: -1 1;
}
.reason_working_solution_box[data-reverse="1"] .reason_working_solution_box_r {
  translate: -100vw;
}
@media only screen and (min-width: 768px) {
  .reason_working_solution_box[data-reverse="1"] .reason_working_solution_box_r {
    margin-top: 38px;
  }
}
.reason_working_solution_box[data-reverse="1"] .reason_working_solution_case {
  --radius: 31px 0 0 31px;
}
@media only screen and (min-width: 768px) {
  .reason_working_solution_box[data-reverse="1"] .reason_working_solution_case_heading {
    padding-left: 0;
  }
}
.reason_working_solution_box[data-themes="01"] .reason_working_solution_case_photo img {
  width: calc(100% + 36px);
}
@media only screen and (min-width: 768px) {
  .reason_working_solution_box[data-themes="01"] .reason_working_solution_case_photo img {
    width: calc(100% + 76px);
    left: 23%;
  }
}
@media only screen and (min-width: 768px) {
  .reason_working_solution_box[data-themes="02"] .reason_working_solution_case_context {
    padding-bottom: 22px;
  }
}
.reason_working_solution_box[data-themes="02"] .reason_working_solution_case_photo img {
  width: calc(100% + 90px);
}
@media only screen and (min-width: 768px) {
  .reason_working_solution_box[data-themes="02"] .reason_working_solution_case_photo img {
    width: calc(100% + 154px);
    left: 38%;
  }
}
@media only screen and (min-width: 768px) {
  .reason_working_solution_box[data-themes="03"] {
    padding-top: 47px;
    padding-bottom: 40px;
  }
}
@media only screen and (min-width: 768px) {
  .reason_working_solution_box[data-themes="03"] .reason_working_solution_box_r {
    margin-top: 60px;
  }
}
@media only screen and (min-width: 768px) {
  .reason_working_solution_box[data-themes="03"] .reason_working_solution_case_context {
    padding-bottom: 24px;
  }
}
.reason_working_solution_box[data-themes="03"] .reason_working_solution_case_photo img {
  width: calc(100% + 16px);
}
@media only screen and (min-width: 768px) {
  .reason_working_solution_box[data-themes="03"] .reason_working_solution_case_photo img {
    width: calc(100% + 24px);
    left: 23%;
  }
}
@media only screen and (min-width: 768px) {
  .reason_working_solution_box[data-themes="03"] .reason_working_solution_answer {
    padding-top: 26px;
  }
}
.reason_working_solution_box_l {
  width: calc(100% - 14px);
}
@media only screen and (min-width: 768px) {
  .reason_working_solution_box_l {
    width: 45.9302325581%;
  }
}
.reason_working_solution_box_r {
  width: 300px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 10px;
  padding-right: 10px;
  translate: 100vw 0;
}
@media only screen and (min-width: 768px) {
  .reason_working_solution_box_r {
    width: calc(54.0697674419% - 42px);
    margin-top: 42px;
    margin-left: 0;
    margin-right: 0;
    padding: 0;
  }
}
.reason_working_solution_case {
  --radius: 0 31px 31px 0;
  background-color: #5666bf;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  border-radius: var(--radius);
  color: #fff;
  margin-top: 14px;
}
@media only screen and (min-width: 768px) {
  .reason_working_solution_case {
    margin-top: 27px;
  }
}
.reason_working_solution_case_heading {
  font-weight: 900;
  line-height: 1.3076923077;
  color: #fff;
  padding-left: 10px;
  padding-right: 10px;
}
@media only screen and (min-width: 768px) {
  .reason_working_solution_case_heading {
    padding-left: clamp(20px, (100vw - 1025px) * 1000, 36px);
    padding-right: clamp(20px, (100vw - 1025px) * 1000, 36px);
  }
}
.reason_working_solution_case_context {
  padding: 20px 0px 20px 14px;
}
@media only screen and (min-width: 768px) {
  .reason_working_solution_case_context {
    padding: 33px 0px 28px 46px;
    padding-left: clamp(20px, (100vw - 1025px) * 1000, 46px);
  }
}
.reason_working_solution_case_title {
  font-weight: 900;
  line-height: 1.275862069;
}
.reason_working_solution_case_txt {
  font-weight: 600;
  line-height: 1.65;
  margin-top: 9px;
}
.reason_working_solution_case_photo {
  width: 26%;
  max-width: 140px;
  position: relative;
  flex-shrink: 0;
}
@media only screen and (min-width: 768px) {
  .reason_working_solution_case_photo {
    width: clamp(60px, (100vw - 1025px) * 1000, 140px);
    max-width: 140px;
  }
}
.reason_working_solution_case_photo img {
  position: absolute;
  bottom: 0;
  left: 50%;
  translate: -50% 0;
}
.reason_working_solution_answer {
  min-height: 180px;
  font-size: 1.5rem;
  font-weight: 800;
  line-height: 1.4137931034;
  color: #5eb7e8;
  position: relative;
  z-index: 0;
  padding: 20px 20px 20px 50px;
}
@media only screen and (min-width: 768px) {
  .reason_working_solution_answer {
    font-size: clamp(2.2rem, 2.2rem + 0.0110759494 * (100vw - 768px), 2.9rem);
    padding: 12px 30px 30px 91px;
    padding-left: clamp(70px, (100vw - 1023px) * 1000, 91px);
    padding-right: clamp(30px, (100vw - 1023px) * 1000, 30px);
  }
}
.reason_working_solution_answer::before {
  content: "";
  width: 100%;
  height: 120%;
  background-image: url("./../images/feature/img_cloud.webp");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
}
@media only screen and (min-width: 768px) {
  .reason_working_solution_answer::before {
    width: 100%;
    height: 141%;
  }
}
.reason_working_solution_answer_icon {
  width: 120px;
  position: relative;
  left: -14px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 25px;
}
@media only screen and (min-width: 768px) {
  .reason_working_solution_answer_icon {
    width: 223.09px;
    width: clamp(120px, (100vw - 1025px) * 1000, 223.09px);
    max-width: calc(100% - 40px);
    left: -37px;
    margin-bottom: 24px;
  }
}
.reason_working_solution_summary {
  font-weight: 700;
  line-height: 1.72;
  text-align: center;
  margin-top: 40px;
}
@media only screen and (min-width: 768px) {
  .reason_working_solution_summary {
    margin-top: 100px;
  }
}
.reason_working_solution_partner {
  font-weight: 700;
  line-height: 2.4642857143;
  text-align: center;
  margin-top: 8px;
}
.reason_working_solution_partner .punc {
  font-weight: 900;
  line-height: 1.725;
}
.reason_response {
  margin-top: 60px;
}
@media only screen and (min-width: 768px) {
  .reason_response {
    margin-top: 125px;
  }
}
.reason_response_intro {
  display: flex;
  gap: 20px;
  flex-direction: column;
}
@media only screen and (min-width: 768px) {
  .reason_response_intro {
    gap: 0;
    flex-direction: row;
    justify-content: space-between;
  }
}
@media only screen and (min-width: 768px) {
  .reason_response_intro_l {
    width: 640px;
    max-width: 56.5217391304%;
    max-width: clamp(56.5217391304%, (1025px - 100vw) * 1000, 70%);
  }
}
.reason_response_intro_r {
  width: 300px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 768px) {
  .reason_response_intro_r {
    width: 506px;
    max-width: clamp(30%, (100vw - 1024px) * 1000, 44%);
    margin-top: 2px;
    margin-left: 0;
    margin-right: -2px;
  }
}
@media only screen and (min-width: 768px) {
  .reason_response_intro .reason_txt {
    padding-right: 60px;
  }
}
.reason_response_service {
  display: flex;
  gap: 30px 10px;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 100px;
}
@media only screen and (min-width: 768px) {
  .reason_response_service {
    gap: 78px 38px;
    margin-top: 61px;
  }
}
.reason_response_service_box {
  width: calc(50% - 5px);
  border-radius: 13px;
  background-color: #5eb7e8;
  color: #fff;
  padding: 0 5px 9px;
}
@media only screen and (min-width: 768px) {
  .reason_response_service_box {
    width: calc(33.33% - 25.3333333333px);
  }
}
.reason_response_service_img {
  width: 60px;
  height: 44px;
  position: relative;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 768px) {
  .reason_response_service_img {
    width: 114px;
    height: 84px;
  }
}
.reason_response_service_img img {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
}
.reason_response_service_txt {
  min-height: 64px;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.347826087;
  text-align: center;
  display: flex;
  gap: 6px;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
@media only screen and (min-width: 768px) {
  .reason_response_service_txt {
    font-size: clamp(1.8rem, 1.8rem + 0.0079113924 * (100vw - 768px), 2.3rem);
    min-height: 76px;
  }
}
.reason_response_service .smaller {
  font-size: 1.2rem;
}
@media only screen and (min-width: 768px) {
  .reason_response_service .smaller {
    font-size: clamp(1.4rem, 1.4rem + 0.0094936709 * (100vw - 768px), 2rem);
  }
}
.reason_response_solution {
  margin-top: 60px;
}
@media only screen and (min-width: 768px) {
  .reason_response_solution {
    margin-top: 97px;
    padding-top: 67px;
    padding-bottom: 78px;
  }
}
.reason_response_solution_block {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  margin-top: 24px;
}
@media only screen and (min-width: 768px) {
  .reason_response_solution_block {
    flex-direction: row;
    margin-top: 58px;
  }
}
.reason_response_solution_block.is_show .reason_response_solution_block_r {
  translate: none;
  transition: 1s cubic-bezier(0.37, 0.93, 0.72, 1.14);
}
@media only screen and (min-width: 768px) {
  .reason_response_solution_block + .reason_response_solution_block {
    margin-top: 76px;
  }
}
.reason_response_solution_block_l {
  width: calc(100% - 100px);
  max-width: 100%;
  position: relative;
  z-index: 0;
  padding: 10px 20px 30px;
}
@media only screen and (min-width: 768px) {
  .reason_response_solution_block_l {
    width: 316px;
    padding: 34px 10px 34px 43px;
    font-size: clamp(2rem, 2rem + 0.0142405063 * (100vw - 768px), 2.9rem);
  }
}
.reason_response_solution_block_l::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  background-color: #5666bf;
  border-radius: 0 14px 14px 0;
}
@media only screen and (min-width: 768px) {
  .reason_response_solution_block_l::after {
    width: calc(100% + 158px);
    border-radius: 0 31px 31px 0;
  }
}
.reason_response_solution_block_r {
  font-weight: 800;
  line-height: 1.4137931034;
  color: #5eb7e8;
  width: calc(100% - 40px);
  background-color: #fff;
  border-radius: 14px 0 0 14px;
  position: relative;
  z-index: 1;
  margin-top: -16px;
  margin-left: auto;
  padding: 10px 20px;
  translate: 100vw 0;
}
@media only screen and (min-width: 768px) {
  .reason_response_solution_block_r {
    width: 836px;
    max-width: calc(100% - 316px);
    min-height: 145px;
    font-size: clamp(2rem, 2rem + 0.0142405063 * (100vw - 768px), 2.9rem);
    border-radius: 31px 0 0 31px;
    margin-top: 28px;
    padding: 29px 24px 26px 34px;
  }
}
.reason_response_solution_title {
  font-weight: 900;
  line-height: 1.4137931034;
  color: #fff;
}
.reason_response_solution_summary {
  font-weight: 700;
  line-height: 1.72;
  text-align: center;
  margin-top: 60px;
}
@media only screen and (min-width: 768px) {
  .reason_response_solution_summary {
    margin-top: 124px;
  }
}
.reason_response_solution_partner {
  font-weight: 900;
  line-height: 1.725;
  text-align: center;
  margin-top: 8px;
}
.reason_improve {
  margin-top: 60px;
}
@media only screen and (min-width: 768px) {
  .reason_improve {
    margin-top: 130px;
  }
}
@media only screen and (min-width: 768px) {
  .reason_improve .reason_title {
    margin-left: -28px;
    margin-right: -50px;
  }
}
.reason_improve_intro {
  display: flex;
  gap: 30px;
  flex-direction: column;
}
@media only screen and (min-width: 768px) {
  .reason_improve_intro {
    gap: 20px;
    flex-direction: row-reverse;
    justify-content: space-between;
  }
}
@media only screen and (min-width: 768px) {
  .reason_improve_intro_context {
    width: 577px;
    max-width: calc(51.9130434783% - 20px);
    max-width: clamp(66% - 20px, (100vw - 1024px) * 1000, 51.9130434783% - 20px);
  }
}
.reason_improve_intro_photo {
  width: 375px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 768px) {
  .reason_improve_intro_photo {
    width: 542px;
    max-width: clamp(34%, (100vw - 1024px) * 1000, 47.1304347826%);
    position: relative;
    top: 48px;
    left: -45px;
    left: clamp(-45px, (1200px - 100vw) * 1000, 0px);
    margin: 0;
  }
}
.reason_improve_fact {
  display: flex;
  gap: 20px;
  flex-direction: column;
  margin-top: 24px;
}
@media only screen and (min-width: 768px) {
  .reason_improve_fact {
    gap: 54px;
    flex-direction: row;
    margin-top: 65px;
  }
}
@media only screen and (min-width: 768px) {
  .reason_improve_fact_detail {
    width: 775px;
    max-width: calc(100% - 263px - 30px);
    margin-top: 6px;
  }
}
.reason_improve_fact_photo {
  width: 200px;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 768px) {
  .reason_improve_fact_photo {
    width: 263px;
    margin-left: 0;
  }
}
.reason_improve_solution {
  margin-top: 60px;
  color: #fff;
}
@media only screen and (min-width: 768px) {
  .reason_improve_solution {
    margin-top: 125px;
    padding-top: 65px;
    padding-bottom: 58px;
  }
}
.reason_improve_solution::before {
  opacity: 1;
}
.reason_improve_solution > .container {
  display: flex;
  gap: 30px;
  flex-direction: column;
}
@media only screen and (min-width: 768px) {
  .reason_improve_solution > .container {
    display: block;
  }
}
.reason_improve_solution .reason_solution_heading {
  margin-bottom: 24px;
}
@media only screen and (min-width: 768px) {
  .reason_improve_solution .reason_solution_heading {
    margin-bottom: 45px;
  }
}
.reason_improve_solution_photo {
  width: 390px;
  order: 1000;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 768px) {
  .reason_improve_solution_photo {
    width: 470px;
    width: clamp(180px, (100vw - 1200px) * 1000, 468px);
    height: 280px;
    position: relative;
    float: right;
    margin: 0;
  }
}
.reason_improve_solution_photo img {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .reason_improve_solution_photo img {
    width: calc(100% + 35px);
    width: clamp(100%, (100vw - 1200px) * 1000, 100% + 35px);
    position: absolute;
    right: clamp(0px, (100vw - 1025px) * 1000, 16px);
    bottom: clamp(-50px, (1200px - 100vw) * 1000, 0px);
  }
}
@media only screen and (min-width: 768px) {
  .reason_improve_solution_context .txt {
    max-width: 890px;
  }
}
.reason_improve_solution_leading {
  font-weight: 900;
  line-height: 1.4615384615;
  margin-top: 24px;
}
@media only screen and (min-width: 768px) {
  .reason_improve_solution_leading {
    margin-top: 30px;
    margin-bottom: 11px;
  }
}

@media only screen and (min-width: 768px) {
  .mv_child_cover img {
    height: calc(100% + 50px);
    object-position: -30.5% -15px;
  }
}

.video_fixed video {
  opacity: 0.3;
}