@media screen and (min-width: 768px) {
  .l_sec {
    box-sizing: border-box;
    line-height: 1.7;
    font-size: 16px;
  }
  .l_sec::before, .l_sec::after {
    box-sizing: border-box;
  }
  .l_sec * {
    box-sizing: border-box;
  }
  .l_sec *::before, .l_sec *::after {
    box-sizing: border-box;
  }
  .l_sec img {
    display: inline-block;
    max-width: 100%;
    height: auto;
    vertical-align: middle;
  }
  .sec_main .box_navi_grid .l_box_inner {
    display: grid;
    grid-template-columns: 600px 340px;
    grid-template-rows: repeat(2, 200px);
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }
  .sec_main .box_navi_grid .l_box_inner .box_navi_grid_item:nth-child(1) {
    grid-area: 1/1/3/2;
  }
  .sec_main .box_navi_grid .l_box_inner .box_navi_grid_item:nth-child(2) {
    grid-area: 1/2/2/3;
  }
  .sec_main .box_navi_grid .l_box_inner .box_navi_grid_item:nth-child(3) {
    grid-area: 2/2/3/3;
  }
  .sec_main .box_navi_grid .l_box_inner .box_navi_grid_item a {
    transition: 0.3s;
  }
  .sec_main .box_navi_grid .l_box_inner .box_navi_grid_item a:hover {
    opacity: 0.6;
  }
  .sec_03 .block_bnr {
    margin-top: 60px;
  }
}
@media screen and (max-width: 767px) {
  .l_sec {
    box-sizing: border-box;
    line-height: 1.7;
    font-size: min(4.2666666667vw, 32px);
  }
  .l_sec::before, .l_sec::after {
    box-sizing: border-box;
  }
  .l_sec * {
    box-sizing: border-box;
  }
  .l_sec *::before, .l_sec *::after {
    box-sizing: border-box;
  }
  .l_sec img {
    display: inline-block;
    max-width: 100%;
    height: auto;
    vertical-align: middle;
  }
  .sec_main .box_navi_grid .l_box_inner {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }
  .sec_main .box_navi_grid .l_box_inner .box_navi_grid_item {
    line-height: 1;
  }
  .sec_main .box_navi_grid .l_box_inner .box_navi_grid_item:nth-child(1) {
    grid-area: 1/1/2/3;
  }
  .sec_main .box_navi_grid .l_box_inner .box_navi_grid_item:nth-child(2) {
    grid-area: 2/1/3/2;
  }
  .sec_main .box_navi_grid .l_box_inner .box_navi_grid_item:nth-child(3) {
    grid-area: 2/2/3/3;
  }
  .sec_main .box_navi_grid .l_box_inner .box_navi_grid_item a {
    display: block;
    height: 100%;
  }
  .sec_03 .block_bnr {
    margin-top: 8vw;
  }
}