/*! Writen  by SCSS */
.inner {
  max-width: 1200px; }

.main_wrap .main_head {
  width: 44.86%; }

.bg_lead_wrap .bg_voice img {
  width: 44.86%; }

.point_list {
  font-size: clamp(16px, 2.25vw, 28px);
  font-weight: 700;
  display: flex;
  flex-wrap: wrap;
  line-height: 1;
  text-align: center;
  gap: 0.35em; }
  @media screen and (max-width: 480px) {
    .point_list {
      justify-content: center; } }
  .point_list .item {
    width: 6.42em;
    letter-spacing: 0.1em;
    padding: 0.71em 0.2em;
    color: #fff;
    background: linear-gradient(90deg, #003396 0%, #000055 100%);
    border-radius: 6px; }
  .point_list + .box_head {
    margin-top: 0.6em; }

.box_read {
  font-size: clamp(14px, 1.93vw, 24px);
  line-height: 1.47; }

.box_head {
  font-size: clamp(17px, 2.58vw, 32px);
  line-height: 1.38;
  font-weight: 700;
  color: #003296; }
  @media screen and (max-width: 480px) {
    .box_head {
      text-align: center;
      line-height: 1.6; } }
  .box_head + .box_read {
    margin-top: 1em; }

.sec_lead {
  padding-bottom: clamp(25px, 3.34%, 40px); }
  .sec_lead .lead_main_image {
    margin-bottom: clamp(50px, 6.67%, 80px); }
    .sec_lead .lead_main_image img {
      width: 100%; }
  .sec_lead .lead_image {
    max-width: 1200px;
    margin-inline: auto;
    margin-bottom: clamp(50px, 7.5%, 90px); }

.sec + .sec {
  padding-top: clamp(80px, 10%, 120px); }

.sec_head {
  font-size: clamp(24px, 4.59vw, 57px);
  line-height: 1;
  text-align: center;
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: clamp(40px, 5.84%, 70px); }
  @media screen and (max-width: 480px) {
    .sec_head {
      line-height: 1.6; } }

.sec_wrap {
  display: flex;
  align-items: flex-start; }
  @media screen and (max-width: 480px) {
    .sec_wrap {
      flex-direction: column;
      gap: 15px 0; } }
  .sec_wrap.inner {
    gap: 0 2.5%; }
    @media screen and (max-width: 480px) {
      .sec_wrap.inner {
        gap: 15px 0;
        align-items: center; } }
    .sec_wrap.inner .illust_box {
      flex-shrink: 0; }
    .sec_wrap.inner .illust_box_family {
      max-width: 268px;
      width: 22.91%; }
      @media screen and (max-width: 480px) {
        .sec_wrap.inner .illust_box_family {
          width: 47.86%; } }
    .sec_wrap.inner .illust_box_senior {
      max-width: 230px;
      width: 19.66%; }
      @media screen and (max-width: 480px) {
        .sec_wrap.inner .illust_box_senior {
          width: 47.86%; } }
    .sec_wrap.inner .illust_box_dinks {
      max-width: 215px;
      width: 18.38%; }
      @media screen and (max-width: 480px) {
        .sec_wrap.inner .illust_box_dinks {
          width: 47.86%; } }
    .sec_wrap.inner .text_box {
      flex-grow: 1; }
  .sec_wrap + .sec_wrap,
  .sec_wrap + .sec_lead_image,
  .sec_wrap + .sec_image {
    margin-top: clamp(25px, 3.34%, 40px); }

.sec_lead_image,
.sec_image {
  max-width: 1200px;
  margin-inline: auto;
  position: relative;
  margin-bottom: clamp(25px, 3.34%, 40px); }
  .sec_lead_image .lead_image_text, .sec_image .lead_image_text {
    position: absolute;
    z-index: 1; }
    .sec01 .sec_lead_image .lead_image_text,
    .sec01 .sec_image .lead_image_text {
      max-width: 476px;
      width: 39.67%;
      right: 0;
      top: 20.6%; }
    .sec02 .sec_lead_image .lead_image_text, .sec02 .sec_image .lead_image_text {
      max-width: 505px;
      width: 42.09%;
      left: 0;
      top: 24.53%; }

.wide_wrap {
  max-width: calc(100% - 20px);
  align-items: center;
  justify-content: space-between; }
  @media screen and (max-width: 480px) {
    .wide_wrap {
      max-width: 100%;
      flex-direction: column;
      gap: 20px 0;
      align-items: center; } }
  .wide_wrap.wide_wrap_left {
    margin-right: calc((100% - 1200px) / 2); }
    @media screen and (max-width: 1240px) {
      .wide_wrap.wide_wrap_left {
        margin-right: auto; } }
  .wide_wrap.wide_wrap_right {
    margin-left: calc((100% - 1200px) / 2); }
    @media screen and (max-width: 1240px) {
      .wide_wrap.wide_wrap_right {
        margin-left: auto; } }
  .wide_wrap .image_box img {
    width: 100%; }
  .wide_wrap .text_inner_top {
    display: grid;
    align-items: center;
    align-content: center;
    grid-auto-flow: dense;
    margin-bottom: 20px; }
    @media screen and (max-width: 480px) {
      .wide_wrap .text_inner_top {
        margin-bottom: 10px; } }
    .wide_wrap .text_inner_top + .text_box {
      margin-top: clamp(10px, 1.54vw, 20px); }
    @media screen and (max-width: 480px) {
      .wide_wrap .text_inner_top .illust_box {
        margin-inline: auto; } }

.sec01_wrap_02 .image_box {
  width: 52.31%; }
  @media screen and (max-width: 480px) {
    .sec01_wrap_02 .image_box {
      width: 100%; } }
.sec01_wrap_02 .text_wrap {
  width: 42.77%; }
  @media screen and (max-width: 480px) {
    .sec01_wrap_02 .text_wrap {
      width: calc(100% - 40px); } }
  .sec01_wrap_02 .text_wrap .text_inner_top {
    grid-template-columns: 47.86% 1fr;
    gap: 15px 4.46%; }
    @media screen and (max-width: 480px) {
      .sec01_wrap_02 .text_wrap .text_inner_top {
        grid-template-columns: 1fr;
        gap: 10px;
        align-items: center; } }
    @media screen and (max-width: 480px) {
      .sec01_wrap_02 .text_wrap .text_inner_top .illust_box {
        max-width: 268px;
        width: 47.86%; } }
    .sec01_wrap_02 .text_wrap .text_inner_top .point_list {
      flex-direction: column; }
      @media screen and (max-width: 480px) {
        .sec01_wrap_02 .text_wrap .text_inner_top .point_list {
          flex-direction: row; } }

.sec01_wrap_05 .image_box {
  width: 49.24%; }
  @media screen and (max-width: 480px) {
    .sec01_wrap_05 .image_box {
      width: 100%; } }
.sec01_wrap_05 .text_wrap {
  width: 45.39%; }
  @media screen and (max-width: 480px) {
    .sec01_wrap_05 .text_wrap {
      width: calc(100% - 40px); } }
  .sec01_wrap_05 .text_wrap .text_inner_top {
    grid-template-columns: 38.4% 1fr;
    gap: 15px 4.46%; }
    @media screen and (max-width: 480px) {
      .sec01_wrap_05 .text_wrap .text_inner_top {
        grid-template-columns: 1fr;
        gap: 10px;
        align-items: center; } }
    .sec01_wrap_05 .text_wrap .text_inner_top .illust_box {
      grid-column: 1 / 2;
      grid-row: 1 / 3; }
      @media screen and (max-width: 480px) {
        .sec01_wrap_05 .text_wrap .text_inner_top .illust_box {
          max-width: 215px;
          width: 38.4%;
          grid-column: auto;
          grid-row: auto; } }
  .sec01_wrap_05 .text_wrap .point_list + .box_head {
    margin-top: 0; }

.sec02_wrap_02 .image_box {
  width: 53.31%; }
  @media screen and (max-width: 480px) {
    .sec02_wrap_02 .image_box {
      width: 100%; } }
.sec02_wrap_02 .text_wrap {
  width: 43.08%; }
  @media screen and (max-width: 480px) {
    .sec02_wrap_02 .text_wrap {
      width: calc(100% - 40px); } }
  .sec02_wrap_02 .text_wrap .text_inner_top {
    align-items: end;
    grid-template-columns: 41.08% 1fr;
    gap: 15px 4.46%; }
    @media screen and (max-width: 480px) {
      .sec02_wrap_02 .text_wrap .text_inner_top {
        grid-template-columns: 1fr;
        gap: 10px;
        align-items: center; } }
    @media screen and (max-width: 480px) {
      .sec02_wrap_02 .text_wrap .text_inner_top .illust_box {
        max-width: 230px;
        width: 41.08%; } }

.sec01_wrap_06 .image_box {
  width: 49.24%; }
  @media screen and (max-width: 480px) {
    .sec01_wrap_06 .image_box {
      width: 100%; } }
.sec01_wrap_06 .text_wrap {
  width: 46.93%; }
  @media screen and (max-width: 480px) {
    .sec01_wrap_06 .text_wrap {
      width: calc(100% - 40px); } }
  .sec01_wrap_06 .text_wrap .text_inner_top {
    grid-template-columns: 35.25% 1fr;
    gap: 15px 4.09%; }
    @media screen and (max-width: 480px) {
      .sec01_wrap_06 .text_wrap .text_inner_top {
        grid-template-columns: 1fr;
        gap: 10px;
        align-items: center; } }
    .sec01_wrap_06 .text_wrap .text_inner_top .illust_box {
      grid-column: 1 / 2;
      grid-row: 1 / 3; }
      @media screen and (max-width: 480px) {
        .sec01_wrap_06 .text_wrap .text_inner_top .illust_box {
          max-width: 215px;
          width: 38.4%;
          grid-column: auto;
          grid-row: auto; } }

.sec02_wrap_04 .text_wrap {
  width: 69.17%;
  display: flex;
  align-items: flex-start;
  justify-content: space-between; }
  @media screen and (max-width: 480px) {
    .sec02_wrap_04 .text_wrap {
      width: 100%;
      flex-direction: column;
      align-items: center;
      gap: 10px 0; } }
  .sec02_wrap_04 .text_wrap .illust_box {
    max-width: 215px;
    width: 25.91%; }
    @media screen and (max-width: 480px) {
      .sec02_wrap_04 .text_wrap .illust_box {
        max-width: 215px;
        width: 38.4%; } }
  .sec02_wrap_04 .text_wrap .text_box {
    flex-grow: 0;
    width: 67.08%; }
    @media screen and (max-width: 480px) {
      .sec02_wrap_04 .text_wrap .text_box {
        width: 100%; } }
.sec02_wrap_04 .image_box {
  max-width: 326px;
  width: 27.17%; }
  @media screen and (max-width: 480px) {
    .sec02_wrap_04 .image_box {
      width: 100%; } }

.sec02_wrap_05 .image_box {
  width: 51.93%; }
  @media screen and (max-width: 480px) {
    .sec02_wrap_05 .image_box {
      width: 100%; } }
.sec02_wrap_05 .text_wrap {
  width: 43.08%; }
  @media screen and (max-width: 480px) {
    .sec02_wrap_05 .text_wrap {
      width: calc(100% - 40px); } }
  .sec02_wrap_05 .text_wrap .text_inner_top {
    grid-template-columns: 47.86% 1fr;
    gap: 15px 4.46%;
    align-items: end; }
    @media screen and (max-width: 480px) {
      .sec02_wrap_05 .text_wrap .text_inner_top {
        grid-template-columns: 1fr;
        gap: 10px;
        align-items: center; } }
    @media screen and (max-width: 480px) {
      .sec02_wrap_05 .text_wrap .text_inner_top .illust_box {
        max-width: 268px;
        width: 47.86%; } }

.sec02_image_list {
  margin-top: clamp(25px, 3.34%, 40px);
  display: grid;
  align-items: start;
  align-content: start;
  grid-template-columns: repeat(3, 1fr);
  gap: 0 1.25%; }

.sec03_wrap_02 .image_box {
  width: 53.85%; }
  @media screen and (max-width: 480px) {
    .sec03_wrap_02 .image_box {
      width: 100%; } }
.sec03_wrap_02 .text_wrap {
  width: 43.08%;
  display: flex;
  flex-direction: column;
  gap: 15px 0; }
  @media screen and (max-width: 480px) {
    .sec03_wrap_02 .text_wrap {
      width: calc(100% - 40px); } }
  .sec03_wrap_02 .text_wrap .text_inner_top {
    grid-template-columns: 38.4% 1fr;
    gap: 15px 4.46%;
    align-items: end; }
    @media screen and (max-width: 480px) {
      .sec03_wrap_02 .text_wrap .text_inner_top {
        grid-template-columns: 1fr;
        gap: 10px;
        align-items: center; } }
    @media screen and (max-width: 480px) {
      .sec03_wrap_02 .text_wrap .text_inner_top .illust_box {
        max-width: 215px;
        width: 38.4%; } }

.sec03_wrap_04 {
  justify-content: space-between;
  gap: 0; }
  .sec03_wrap_04 .image_wrap {
    width: 50%;
    flex-shrink: 0;
    display: grid;
    align-items: start;
    align-content: start;
    grid-auto-flow: dense;
    grid-template-columns: repeat(2, 1fr);
    gap: clamp(5px, 0.84vw, 10px) 1.66%; }
    @media screen and (max-width: 480px) {
      .sec03_wrap_04 .image_wrap {
        width: 100%; } }
    .sec03_wrap_04 .image_wrap .image_box_lg {
      grid-column: span 2; }
  .sec03_wrap_04 .text_wrap {
    width: 46.67%; }
    @media screen and (max-width: 480px) {
      .sec03_wrap_04 .text_wrap {
        width: calc(100% - 40px); } }
    .sec03_wrap_04 .text_wrap .text_inner_top {
      display: grid;
      align-items: end;
      align-content: end;
      grid-auto-flow: dense;
      grid-template-columns: 38.4% 1fr;
      gap: 15px 4.46%;
      margin-bottom: 20px; }
      @media screen and (max-width: 480px) {
        .sec03_wrap_04 .text_wrap .text_inner_top {
          grid-template-columns: 1fr;
          gap: 10px;
          align-items: center; } }
      .sec03_wrap_04 .text_wrap .text_inner_top .illust_box {
        width: 100%; }
        @media screen and (max-width: 480px) {
          .sec03_wrap_04 .text_wrap .text_inner_top .illust_box {
            max-width: 215px;
            width: 38.4%;
            margin-inline: auto; } }

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