/*! Writen  by SCSS */
.main_wrap .text_box {
  width: 100%; }

.img_cap .cap {
  white-space: nowrap;
  width: auto; }

.sec_cont .sec .sec_wrap {
  row-gap: clamp(30px, 5vw, 60px); }
  @media screen and (max-width: 480px) {
    .sec_cont .sec .sec_wrap {
      row-gap: 50px; } }

.sec02 .head {
  width: 100%;
  font-size: clamp(20px, 2.5vw, 30px);
  margin-bottom: clamp(25px, 4.167vw, 50px);
  line-height: 1; }
  @media screen and (max-width: 480px) {
    .sec02 .head {
      text-align: center; } }
.sec02 .ttl {
  font-size: clamp(14px, 1.5vw, 18px);
  padding-bottom: clamp(10px, 1.667vw, 20px);
  margin-bottom: clamp(10px, 1.25vw, 15px);
  border-bottom: 1px solid;
  line-height: 1.2; }
  @media screen and (max-width: 480px) {
    .sec02 .ttl {
      line-height: 1.6; } }
  .sec02 .ttl .small {
    font-size: 70%; }
    @media screen and (max-width: 480px) {
      .sec02 .ttl .small {
        font-size: 10px; } }
.sec02 .read {
  font-size: clamp(12px, 1.167vw, 14px); }
.sec02 .item_head {
  font-size: clamp(13px, 1.37vw, 17px);
  line-height: 1.4; }
  .sec02 .item_head .text_min {
    display: inline-block;
    line-height: 1;
    font-size: 0.8em; }
.sec02 .item_text {
  font-size: clamp(11px, 1.04vw, 13px);
  line-height: 1.7; }
.sec02 .cap_l,
.sec02 .cap_r {
  margin-top: 5px; }
.sec02 .main_wrap {
  max-width: 1200px;
  margin-bottom: clamp(40px, 4.673vw, 50px); }
  .sec02 .main_wrap .text_box {
    width: 56.67%; }
    @media screen and (max-width: 480px) {
      .sec02 .main_wrap .text_box {
        width: 100%; } }
  .sec02 .main_wrap .main_map {
    width: 33.34%;
    display: block;
    max-width: 100%; }
    @media screen and (max-width: 480px) {
      .sec02 .main_wrap .main_map {
        width: 90%;
        margin-inline: auto; } }
.sec02 .sec02_wrap01 {
  margin-bottom: clamp(80px, 9.38%, 120px); }
  @media screen and (max-width: 768px) {
    .sec02 .sec02_wrap01 {
      margin-bottom: 60px; } }
  .sec02 .sec02_wrap01 .sec02_01_list {
    display: grid;
    align-items: start;
    align-content: start;
    grid-auto-flow: dense;
    grid-template-columns: repeat(4, 1fr);
    gap: clamp(25px, 5vw, 60px) 3.33%; }
    @media screen and (max-width: 480px) {
      .sec02 .sec02_wrap01 .sec02_01_list {
        grid-template-columns: repeat(2, 1fr);
        gap: 25px 4%; } }
    .sec02 .sec02_wrap01 .sec02_01_list .item {
      display: flex;
      flex-direction: column;
      gap: 25px 0; }
      @media screen and (max-width: 480px) {
        .sec02 .sec02_wrap01 .sec02_01_list .item {
          gap: 15px 0; } }
    .sec02 .sec02_wrap01 .sec02_01_list .item_wide {
      grid-column: span 2; }
      .sec02 .sec02_wrap01 .sec02_01_list .item_wide .cap_l {
        font-size: 12px;
        line-height: 1.6; }
    .sec02 .sec02_wrap01 .sec02_01_list .item01 {
      grid-row: span 2; }
      @media screen and (max-width: 480px) {
        .sec02 .sec02_wrap01 .sec02_01_list .item01 {
          grid-row: auto; } }
    .sec02 .sec02_wrap01 .sec02_01_list .item04,
    .sec02 .sec02_wrap01 .sec02_01_list .item09,
    .sec02 .sec02_wrap01 .sec02_01_list .item10 {
      flex-direction: row;
      align-items: flex-start;
      justify-content: space-between; }
      @media screen and (max-width: 480px) {
        .sec02 .sec02_wrap01 .sec02_01_list .item04,
        .sec02 .sec02_wrap01 .sec02_01_list .item09,
        .sec02 .sec02_wrap01 .sec02_01_list .item10 {
          grid-column: span 2; } }
      .sec02 .sec02_wrap01 .sec02_01_list .item04 .image_box,
      .sec02 .sec02_wrap01 .sec02_01_list .item04 .text_box,
      .sec02 .sec02_wrap01 .sec02_01_list .item09 .image_box,
      .sec02 .sec02_wrap01 .sec02_01_list .item09 .text_box,
      .sec02 .sec02_wrap01 .sec02_01_list .item10 .image_box,
      .sec02 .sec02_wrap01 .sec02_01_list .item10 .text_box {
        max-width: 270px;
        width: 46.56%; }
        @media screen and (max-width: 480px) {
          .sec02 .sec02_wrap01 .sec02_01_list .item04 .image_box,
          .sec02 .sec02_wrap01 .sec02_01_list .item04 .text_box,
          .sec02 .sec02_wrap01 .sec02_01_list .item09 .image_box,
          .sec02 .sec02_wrap01 .sec02_01_list .item09 .text_box,
          .sec02 .sec02_wrap01 .sec02_01_list .item10 .image_box,
          .sec02 .sec02_wrap01 .sec02_01_list .item10 .text_box {
            width: 48%; } }
    .sec02 .sec02_wrap01 .sec02_01_list .item06 .item06_image_wrap {
      display: grid;
      align-items: start;
      align-content: start;
      grid-auto-flow: dense;
      grid-template-columns: repeat(3, 1fr);
      gap: clamp(1px, 0.42vw, 5px) 0.86%; }
      .sec02 .sec02_wrap01 .sec02_01_list .item06 .item06_image_wrap .image_box {
        position: relative; }
      .sec02 .sec02_wrap01 .sec02_01_list .item06 .item06_image_wrap .image_box_05 {
        grid-row: 1 / 3;
        grid-column: 3 / 4; }
        .sec02 .sec02_wrap01 .sec02_01_list .item06 .item06_image_wrap .image_box_05 .cap {
          right: 26.32%;
          bottom: 42.11%; }
    @media screen and (max-width: 480px) {
      .sec02 .sec02_wrap01 .sec02_01_list .item07 {
        grid-column: span 2;
        justify-content: space-between;
        align-items: flex-start;
        flex-direction: row; }
        .sec02 .sec02_wrap01 .sec02_01_list .item07 .image_box,
        .sec02 .sec02_wrap01 .sec02_01_list .item07 .text_box {
          width: 48%; }
        .sec02 .sec02_wrap01 .sec02_01_list .item07 .image_box .cap {
          bottom: -8px; } }
    .sec02 .sec02_wrap01 .sec02_01_list .item08 {
      grid-column: span 3;
      border: 1px solid #808080;
      border-radius: 5px;
      padding: 2.24%; }
      @media screen and (max-width: 480px) {
        .sec02 .sec02_wrap01 .sec02_01_list .item08 {
          grid-column: span 2; } }
      .sec02 .sec02_wrap01 .sec02_01_list .item08 .text_box {
        margin-bottom: 15px; }
        .sec02 .sec02_wrap01 .sec02_01_list .item08 .text_box .ttl {
          padding-bottom: 0;
          border-bottom: none; }
      .sec02 .sec02_wrap01 .sec02_01_list .item08 .image_box {
        max-width: 780px;
        width: 91.99%;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 15px; }
        @media screen and (max-width: 480px) {
          .sec02 .sec02_wrap01 .sec02_01_list .item08 .image_box {
            width: 100%; } }
      .sec02 .sec02_wrap01 .sec02_01_list .item08 .item08_list {
        display: grid;
        align-items: start;
        align-content: start;
        grid-auto-flow: dense;
        grid-template-columns: repeat(3, 1fr);
        gap: 0 1.41%; }
        @media screen and (max-width: 480px) {
          .sec02 .sec02_wrap01 .sec02_01_list .item08 .item08_list {
            grid-template-columns: 1fr;
            gap: 10px; } }
        .sec02 .sec02_wrap01 .sec02_01_list .item08 .item08_list .item_head {
          font-size: clamp(12px, 1.29vw, 16px);
          padding-bottom: 0.6em;
          margin-bottom: 0.6em;
          border-bottom: 1px solid; }
    .sec02 .sec02_wrap01 .sec02_01_list .item11 {
      grid-column: span 4; }
      @media screen and (max-width: 480px) {
        .sec02 .sec02_wrap01 .sec02_01_list .item11 {
          grid-column: span 2; } }
      @media screen and (max-width: 480px) {
        .sec02 .sec02_wrap01 .sec02_01_list .item11 .item11_wrap {
          flex-direction: column;
          gap: 15px 0; } }
      .sec02 .sec02_wrap01 .sec02_01_list .item11 .item11_wrap .image_box {
        max-width: 960px;
        width: 80%;
        margin-inline: auto; }
        @media screen and (max-width: 480px) {
          .sec02 .sec02_wrap01 .sec02_01_list .item11 .item11_wrap .image_box {
            width: 100%; } }
      .sec02 .sec02_wrap01 .sec02_01_list .item11 .item11_wrap_bottom {
        justify-content: center;
        gap: 15px 3.33%; }
        @media screen and (max-width: 480px) {
          .sec02 .sec02_wrap01 .sec02_01_list .item11 .item11_wrap_bottom {
            flex-direction: column; } }
        .sec02 .sec02_wrap01 .sec02_01_list .item11 .item11_wrap_bottom .image_label {
          max-width: 400px;
          width: 33.34%; }
          @media screen and (max-width: 480px) {
            .sec02 .sec02_wrap01 .sec02_01_list .item11 .item11_wrap_bottom .image_label {
              width: 100%; } }
        .sec02 .sec02_wrap01 .sec02_01_list .item11 .item11_wrap_bottom .text_sub {
          width: 25%;
          padding: 1.25%;
          border: 1px solid #898989; }
          @media screen and (max-width: 480px) {
            .sec02 .sec02_wrap01 .sec02_01_list .item11 .item11_wrap_bottom .text_sub {
              width: 100%;
              padding: 10px; } }
          .sec02 .sec02_wrap01 .sec02_01_list .item11 .item11_wrap_bottom .text_sub .read {
            font-size: clamp(11px, 1.12vw, 14px);
            line-height: 1.43; }
.sec02 .sec02_02_top {
  margin-bottom: clamp(40px, 5.47%, 70px); }
  .sec02 .sec02_02_top .text_box {
    margin-bottom: 25px; }
    @media screen and (max-width: 480px) {
      .sec02 .sec02_02_top .text_box {
        margin-bottom: 15px; } }
  .sec02 .sec02_02_top .img12 {
    max-width: 870px;
    margin: 15px auto 0; }
  @media screen and (max-width: 480px) {
    .sec02 .sec02_02_top .sec02_2_t_wrap {
      flex-direction: column;
      gap: 15px 0; } }
  .sec02 .sec02_02_top .sec02_2_t_wrap .image_box {
    max-width: 580px;
    width: 48.34%; }
    @media screen and (max-width: 480px) {
      .sec02 .sec02_02_top .sec02_2_t_wrap .image_box {
        width: 100%; } }
  .sec02 .sec02_02_top .sec02_2_t_wrap .sec02_2_t_right {
    width: 48.34%; }
    @media screen and (max-width: 480px) {
      .sec02 .sec02_02_top .sec02_2_t_wrap .sec02_2_t_right {
        width: 100%; } }
    .sec02 .sec02_02_top .sec02_2_t_wrap .sec02_2_t_right .item_head {
      color: #4c6a78;
      padding-bottom: 0.6em;
      margin-bottom: 0.6em;
      border-bottom: 1px solid #898989; }
    .sec02 .sec02_02_top .sec02_2_t_wrap .sec02_2_t_right .sec02_2_t_bg {
      margin-top: 15px;
      background: #4c6a78;
      color: #fff;
      padding: 1.72%; }
      @media screen and (max-width: 480px) {
        .sec02 .sec02_02_top .sec02_2_t_wrap .sec02_2_t_right .sec02_2_t_bg {
          padding: 10px; } }
      .sec02 .sec02_02_top .sec02_2_t_wrap .sec02_2_t_right .sec02_2_t_bg .bg_head {
        font-size: clamp(12px, 1.2vw, 15px);
        line-height: 1.47; }
      .sec02 .sec02_02_top .sec02_2_t_wrap .sec02_2_t_right .sec02_2_t_bg .bg_text {
        font-size: clamp(10px, 0.96vw, 12px);
        line-height: 1.67; }
      .sec02 .sec02_02_top .sec02_2_t_wrap .sec02_2_t_right .sec02_2_t_bg .bg_head_top {
        border-bottom: 1px solid;
        padding-bottom: 0.4em;
        margin-bottom: 0.4em; }
      .sec02 .sec02_02_top .sec02_2_t_wrap .sec02_2_t_right .sec02_2_t_bg .sec02_02_t_list {
        margin-top: 10px;
        margin-bottom: 10px;
        display: grid;
        grid-auto-flow: dense;
        grid-template-columns: repeat(2, 1fr);
        gap: clamp(3px, 0.84vw, 10px) 1.78%; }
        .sec02 .sec02_02_top .sec02_2_t_wrap .sec02_2_t_right .sec02_2_t_bg .sec02_02_t_list .item {
          color: #333;
          background: #e4eaed;
          padding: 3.63%; }
          .sec02 .sec02_02_top .sec02_2_t_wrap .sec02_2_t_right .sec02_2_t_bg .sec02_02_t_list .item .bg_head {
            text-align: center;
            line-height: 1;
            margin-bottom: 0.4em; }
          .sec02 .sec02_02_top .sec02_2_t_wrap .sec02_2_t_right .sec02_2_t_bg .sec02_02_t_list .item .item_in_list li {
            padding-left: 1em;
            text-indent: -1em; }
      .sec02 .sec02_02_top .sec02_2_t_wrap .sec02_2_t_right .sec02_2_t_bg .sec02_t_bg_inner {
        display: flex;
        align-items: center;
        gap: 2.67%; }
        @media screen and (max-width: 480px) {
          .sec02 .sec02_02_top .sec02_2_t_wrap .sec02_2_t_right .sec02_2_t_bg .sec02_t_bg_inner {
            flex-direction: column;
            gap: 10px 0;
            align-items: center; } }
        .sec02 .sec02_02_top .sec02_2_t_wrap .sec02_2_t_right .sec02_2_t_bg .sec02_t_bg_inner .icon {
          max-width: 100px;
          width: 17.86%;
          flex-shrink: 0; }
          @media screen and (max-width: 480px) {
            .sec02 .sec02_02_top .sec02_2_t_wrap .sec02_2_t_right .sec02_2_t_bg .sec02_t_bg_inner .icon {
              max-width: 100px;
              width: 23.81%; } }
@media screen and (max-width: 480px) {
  .sec02 .sec02_02_bottom {
    flex-direction: column;
    gap: 15px 0; } }
.sec02 .sec02_02_bottom .sec02_02_b_left {
  width: 22.5%; }
  @media screen and (max-width: 480px) {
    .sec02 .sec02_02_bottom .sec02_02_b_left {
      width: 100%; } }
  .sec02 .sec02_02_bottom .sec02_02_b_left .ttl {
    text-align: center;
    line-height: 1.37;
    padding: 0.52em 0.2em;
    margin-bottom: 1.2em;
    border: 1px solid #0079c0; }
  .sec02 .sec02_02_bottom .sec02_02_b_left .sec02_02_l_logo {
    max-width: 240px;
    width: 88.89%;
    margin-left: auto;
    margin-right: auto; }
    @media screen and (max-width: 480px) {
      .sec02 .sec02_02_bottom .sec02_02_b_left .sec02_02_l_logo {
        max-width: 240px;
        width: 54.55%; } }
  .sec02 .sec02_02_bottom .sec02_02_b_left .read {
    margin-top: 1.5em;
    padding-top: 1em;
    border-top: 1px solid #898989; }
.sec02 .sec02_02_bottom .sec02_2_b_right {
  width: 74.17%; }
  @media screen and (max-width: 480px) {
    .sec02 .sec02_02_bottom .sec02_2_b_right {
      width: 100%; } }
  .sec02 .sec02_02_bottom .sec02_2_b_right .sec02_2_b_r_head {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding-bottom: 0;
    line-height: 1;
    gap: 0.52em;
    margin-bottom: 4.5%;
    border-bottom: none; }
    @media screen and (max-width: 480px) {
      .sec02 .sec02_02_bottom .sec02_2_b_right .sec02_2_b_r_head {
        line-height: 1.4;
        margin-bottom: 15px; } }
    .sec02 .sec02_02_bottom .sec02_2_b_right .sec02_2_b_r_head .text_min {
      font-size: 0.84em; }
  .sec02 .sec02_02_bottom .sec02_2_b_right .sec02_2_b_list {
    display: grid;
    align-items: start;
    align-content: start;
    grid-auto-flow: dense;
    grid-template-columns: repeat(4, 1fr);
    gap: 0 1.57%; }
    @media screen and (max-width: 768px) {
      .sec02 .sec02_02_bottom .sec02_2_b_right .sec02_2_b_list {
        grid-template-columns: repeat(2, 1fr);
        gap: 15px; } }
    .sec02 .sec02_02_bottom .sec02_2_b_right .sec02_2_b_list .item {
      grid-row: span 3;
      display: grid;
      grid-template-rows: subgrid;
      border: 1px solid #898989; }
      @media screen and (max-width: 768px) {
        .sec02 .sec02_02_bottom .sec02_2_b_right .sec02_2_b_list .item {
          gap: 0; } }
      .sec02 .sec02_02_bottom .sec02_2_b_right .sec02_2_b_list .item .bg_item_head {
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        background: #0079c0;
        padding: 0.66em;
        line-height: 1.47; }
      .sec02 .sec02_02_bottom .sec02_2_b_right .sec02_2_b_list .item .item_lead {
        text-align: center;
        border-bottom: 1px solid #898989;
        margin-left: 0.8em;
        margin-right: 0.8em;
        padding: 0.66em 0;
        display: flex;
        align-items: center;
        justify-content: center; }
      .sec02 .sec02_02_bottom .sec02_2_b_right .sec02_2_b_list .item .item_text {
        padding: 0.76em;
        line-height: 1.54; }
        .sec02 .sec02_02_bottom .sec02_2_b_right .sec02_2_b_list .item .item_text li {
          padding-left: 1em;
          text-indent: -1em; }

/*# sourceMappingURL=style04.css.map */
