/*! Writen  by SCSS */
@media screen and (max-width: 480px) {
  .w10_sp {
    width: 10%;
    margin: 0 auto; } }

@media screen and (max-width: 480px) {
  .w20_sp {
    width: 20%;
    margin: 0 auto; } }

@media screen and (max-width: 480px) {
  .w30_sp {
    width: 30%;
    margin: 0 auto; } }

@media screen and (max-width: 480px) {
  .w40_sp {
    width: 40%;
    margin: 0 auto; } }

@media screen and (max-width: 480px) {
  .w50_sp {
    width: 50%;
    margin: 0 auto; } }

@media screen and (max-width: 480px) {
  .w60_sp {
    width: 60%;
    margin: 0 auto; } }

@media screen and (max-width: 480px) {
  .w70_sp {
    width: 70%;
    margin: 0 auto; } }

@media screen and (max-width: 480px) {
  .w80_sp {
    width: 80%;
    margin: 0 auto; } }

@media screen and (max-width: 480px) {
  .w90_sp {
    width: 90%;
    margin: 0 auto; } }

@media screen and (max-width: 480px) {
  .w100_sp {
    width: 100%;
    margin: 0 auto; } }

.fr10 {
  font-size: 10%; }

.fr20 {
  font-size: 20%; }

.fr30 {
  font-size: 30%; }

.fr40 {
  font-size: 40%; }

.fr50 {
  font-size: 50%; }

.fr60 {
  font-size: 60%; }

.fr70 {
  font-size: 70%; }

.fr80 {
  font-size: 80%; }

.fr90 {
  font-size: 90%; }

.fr100 {
  font-size: 100%; }

.fr110 {
  font-size: 110%; }

.fr120 {
  font-size: 120%; }

.fr130 {
  font-size: 130%; }

.fr140 {
  font-size: 140%; }

.fr150 {
  font-size: 150%; }

.fr160 {
  font-size: 160%; }

.fr170 {
  font-size: 170%; }

.fr180 {
  font-size: 180%; }

.fr190 {
  font-size: 190%; }

.fr200 {
  font-size: 200%; }

.fr210 {
  font-size: 210%; }

.fr220 {
  font-size: 220%; }

.fr230 {
  font-size: 230%; }

.fr240 {
  font-size: 240%; }

.fr250 {
  font-size: 250%; }

.fr260 {
  font-size: 260%; }

.fr270 {
  font-size: 270%; }

.fr280 {
  font-size: 280%; }

.fr290 {
  font-size: 290%; }

.fr300 {
  font-size: 300%; }

.sec01 {
  padding-top: clamp(40px, 7.82%, 80px);
  padding-bottom: clamp(60px, 11.72%, 120px); }

.sec02 {
  padding-top: clamp(60px, 11.72%, 120px);
  padding-bottom: clamp(60px, 11.72%, 120px);
  border-top: 1px solid #ff9600;
  border-bottom: 1px solid #ff9600;
  background: rgba(255, 249, 240, 0.8); }
  .sec02 .sec_head,
  .sec02 .item_head {
    color: #ff9600; }
  .sec02 .sec02_wrap:not(:last-child) {
    margin-bottom: clamp(40px, 7.82%, 80px); }

.text_box .item_head {
  margin-bottom: 0.8em; }
  @media screen and (max-width: 480px) {
    .text_box .item_head {
      margin-bottom: 0.6em; } }

.sec01_list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: clamp(30px, 6.84vw, 70px) 6.25%; }
  @media screen and (max-width: 480px) {
    .sec01_list {
      grid-template-columns: 1fr;
      gap: 35px 0; } }
  .sec01_list .item {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 20px; }
    .sec01_list .item.item_col {
      grid-column: span 2; }
      @media screen and (max-width: 480px) {
        .sec01_list .item.item_col {
          grid-column: auto; } }
    @media screen and (max-width: 480px) {
      .sec01_list .item {
        gap: 15px; } }
    .sec01_list .item.cabinet_item {
      gap: 5px; }
  .sec01_list .full_img {
    margin: 0 calc(50% - 50vw);
    width: 100vw; }
    @media screen and (max-width: 480px) {
      .sec01_list .full_img {
        margin: 0 -20px;
        width: auto; } }
    .sec01_list .full_img .cap {
      right: 7px; }
      @media screen and (max-width: 480px) {
        .sec01_list .full_img .cap {
          right: 0px; } }
    .sec01_list .full_img img {
      width: 100%; }
  .sec01_list .image_box.cap_2_box .cap_01 {
    right: 56.06%; }
  .sec01_list .image_wrap {
    align-items: flex-start; }
    @media screen and (max-width: 480px) {
      .sec01_list .image_wrap {
        flex-direction: column;
        gap: 10px; } }
    .sec01_list .image_wrap .image_box {
      max-width: 480px;
      width: 46.88%; }
      @media screen and (max-width: 480px) {
        .sec01_list .image_wrap .image_box {
          width: 100%; } }
    .sec01_list .image_wrap .image_box_lg {
      max-width: 490px;
      width: 47.86%; }
      @media screen and (max-width: 480px) {
        .sec01_list .image_wrap .image_box_lg {
          width: 100%; } }

.sec01_item_wrap {
  /*
  align-items: flex-end;
  flex-direction: row-reverse;
  */
  overflow: hidden; }
  @media screen and (max-width: 480px) {
    .sec01_item_wrap {
      /*
      flex-direction: column;
      gap: 20px;
      */ } }
  .sec01_item_wrap .float_l {
    float: left;
    max-width: 410px;
    width: 40.04%; }
    @media screen and (max-width: 480px) {
      .sec01_item_wrap .float_l {
        float: none;
        width: 100%; } }
    @media screen and (max-width: 480px) {
      .sec01_item_wrap .float_l.first {
        margin-bottom: 20px; } }
  .sec01_item_wrap .float_r {
    float: right;
    margin-top: 10px;
    max-width: 554px;
    width: 54.11%; }
    @media screen and (max-width: 768px) {
      .sec01_item_wrap .float_r {
        width: 57%; } }
    @media screen and (max-width: 480px) {
      .sec01_item_wrap .float_r {
        float: none;
        width: 100%;
        margin-bottom: 30px; } }
  .sec01_item_wrap > .image_box .point_line {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 110.831%; }
    @media screen and (max-width: 480px) {
      .sec01_item_wrap > .image_box .point_line {
        display: none; } }
  .sec01_item_wrap .text_wrap {
    width: 40.04%; }
    @media screen and (max-width: 480px) {
      .sec01_item_wrap .text_wrap {
        width: 100%; } }
    @media screen and (max-width: 480px) {
      .sec01_item_wrap .text_wrap .text_box {
        width: 100%;
        margin-bottom: 15px; } }
    .sec01_item_wrap .text_wrap .text_box:first-child {
      margin-bottom: 10px; }
      @media screen and (max-width: 480px) {
        .sec01_item_wrap .text_wrap .text_box:first-child {
          margin-bottom: 20px; } }

.sec02_border_head {
  font-size: clamp(16px, 1.78vw, 20px);
  letter-spacing: 0.1em;
  color: #ff9600;
  line-height: 1;
  border-bottom: 1px solid;
  padding-bottom: 1em;
  margin-bottom: 1.5em; }
  @media screen and (max-width: 480px) {
    .sec02_border_head {
      letter-spacing: 0;
      line-height: 1.4; } }

.sec02_wrap_01 {
  max-width: 1600px;
  margin: 0 auto;
  width: calc(100% - 40px); }
  .sec02_wrap_01 .sec02_01_inner {
    margin-top: 20px; }
    @media screen and (max-width: 480px) {
      .sec02_wrap_01 .sec02_01_inner {
        gap: 15px; } }
    .sec02_wrap_01 .sec02_01_inner .float_l {
      float: left;
      width: 54.25%; }
      @media screen and (max-width: 480px) {
        .sec02_wrap_01 .sec02_01_inner .float_l {
          float: none;
          width: 100%;
          margin-bottom: 30px; } }
      .sec02_wrap_01 .sec02_01_inner .float_l .text_wrap {
        width: 66.83%;
        margin-left: auto; }
        @media screen and (max-width: 1200px) {
          .sec02_wrap_01 .sec02_01_inner .float_l .text_wrap {
            width: 88%; } }
        @media screen and (max-width: 768px) {
          .sec02_wrap_01 .sec02_01_inner .float_l .text_wrap {
            width: 100%; } }
    .sec02_wrap_01 .sec02_01_inner .float_r {
      float: right;
      width: 43.125%;
      margin-left: 2.625%; }
      @media screen and (max-width: 768px) {
        .sec02_wrap_01 .sec02_01_inner .float_r {
          margin-left: 2.8125%;
          width: 42.9375%; } }
      @media screen and (max-width: 480px) {
        .sec02_wrap_01 .sec02_01_inner .float_r {
          float: none;
          width: 100%;
          margin-left: 0; } }
      .sec02_wrap_01 .sec02_01_inner .float_r.first .item_text {
        margin-bottom: 50px; }
        @media screen and (max-width: 1600px) {
          .sec02_wrap_01 .sec02_01_inner .float_r.first .item_text {
            margin-bottom: 30px; } }
      .sec02_wrap_01 .sec02_01_inner .float_r .float_r_in {
        max-width: 400px; }
    .sec02_wrap_01 .sec02_01_inner .item_text_min {
      margin-top: 8px; }
    .sec02_wrap_01 .sec02_01_inner .sec02_01_right .image_box_02 {
      margin-bottom: 7.5%; }
      @media screen and (max-width: 480px) {
        .sec02_wrap_01 .sec02_01_inner .sec02_01_right .image_box_02 {
          margin-bottom: 15px; } }
    .sec02_wrap_01 .sec02_01_inner .sec02_01_right .right_flex .image_box_03,
    .sec02_wrap_01 .sec02_01_inner .sec02_01_right .right_flex .image_box_04 {
      max-width: 188px;
      width: 47%; }

.sec02_02_list {
  margin-top: 20px;
  display: grid;
  align-items: start;
  align-content: start;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(15px, 2.93vw, 30px) 3.12%; }
  @media screen and (max-width: 768px) {
    .sec02_02_list {
      gap: 15px; } }
  @media screen and (max-width: 480px) {
    .sec02_02_list {
      grid-template-columns: repeat(2, 1fr);
      gap: 15px 3%; } }
  .sec02_02_list .item .item_text_min {
    margin-top: 5px;
    letter-spacing: 0.05em;
    line-height: 1.8; }

.sec02_box {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 20px; }
  @media screen and (max-width: 480px) {
    .sec02_box {
      gap: 15px; } }

.sec02_wrap_03 {
  align-items: flex-start; }
  @media screen and (max-width: 480px) {
    .sec02_wrap_03 {
      flex-direction: column;
      gap: 30px 0; } }
  .sec02_wrap_03 .sec02_box {
    justify-content: flex-start; }
  .sec02_wrap_03 .sec02_03_left {
    max-width: 325px;
    width: 31.74%; }
    @media screen and (max-width: 480px) {
      .sec02_wrap_03 .sec02_03_left {
        width: 100%;
        align-self: center; } }
    .sec02_wrap_03 .sec02_03_left .cap_l {
      margin-top: 10px; }
  .sec02_wrap_03 .sec02_03_right {
    max-width: 658px;
    width: 64.26%; }
    @media screen and (max-width: 480px) {
      .sec02_wrap_03 .sec02_03_right {
        width: 100%; } }

@media screen and (max-width: 480px) {
  .sec02_04_inner {
    flex-direction: column;
    gap: 30px 0; } }
.sec02_04_inner .item_name {
  color: #464646;
  line-height: 1;
  margin-bottom: 5px; }
.sec02_04_inner .sec02_04_left {
  width: 57.43%; }
  @media screen and (max-width: 480px) {
    .sec02_04_inner .sec02_04_left {
      width: 100%; } }
  .sec02_04_inner .sec02_04_left .image_box {
    max-width: 284px;
    width: 48.3%; }
.sec02_04_inner .sec02_04_right {
  max-width: 404px;
  width: 39.46%; }
  @media screen and (max-width: 480px) {
    .sec02_04_inner .sec02_04_right {
      width: 100%; } }

@media screen and (max-width: 480px) {
  .sec02_05_inner {
    flex-direction: column;
    gap: 30px 0; } }
.sec02_05_inner .text_box {
  max-width: 270px;
  width: 26.37%; }
  @media screen and (max-width: 480px) {
    .sec02_05_inner .text_box {
      width: 100%;
      max-width: 100%; } }
.sec02_05_inner .image_box {
  max-width: 727px;
  width: 71%; }
  @media screen and (max-width: 480px) {
    .sec02_05_inner .image_box {
      width: 100%; } }

.sec02_06_inner {
  margin-top: 30px;
  align-items: flex-start; }
  @media screen and (max-width: 480px) {
    .sec02_06_inner {
      margin-top: 25px;
      flex-direction: column;
      gap: 30px; } }
  .sec02_06_inner .sec02_06_in {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    max-width: 480px;
    width: 46.88%; }
    @media screen and (max-width: 480px) {
      .sec02_06_inner .sec02_06_in {
        width: 100%; } }
    .sec02_06_inner .sec02_06_in .image_box {
      flex-wrap: wrap; }
      @media screen and (max-width: 480px) {
        .sec02_06_inner .sec02_06_in .image_box {
          width: 100%; } }
      .sec02_06_inner .sec02_06_in .image_box .first {
        width: 100%; }
        .sec02_06_inner .sec02_06_in .image_box .first .cap {
          bottom: 20px; }
          @media screen and (max-width: 768px) {
            .sec02_06_inner .sec02_06_in .image_box .first .cap {
              bottom: 15px; } }
      .sec02_06_inner .sec02_06_in .image_box .item_text_min {
        margin-top: 5px; }
    .sec02_06_inner .sec02_06_in .image_bottom {
      width: 100%; }
      .sec02_06_inner .sec02_06_in .image_bottom .double_txt {
        font-size: 12px; }
        @media screen and (max-width: 480px) {
          .sec02_06_inner .sec02_06_in .image_bottom .double_txt {
            font-size: 11px; } }
      .sec02_06_inner .sec02_06_in .image_bottom .double_l {
        max-width: 260px;
        width: 54.17%; }
      .sec02_06_inner .sec02_06_in .image_bottom .double_r {
        max-width: 194px;
        width: 40.42%; }

.sec02_07_head {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap; }
  @media screen and (max-width: 480px) {
    .sec02_07_head {
      flex-direction: column;
      align-items: flex-start; } }
  .sec02_07_head .text_min {
    margin-left: 1em;
    font-size: 0.7em; }
    @media screen and (max-width: 480px) {
      .sec02_07_head .text_min {
        margin-top: 0.25em;
        margin-left: 0; } }
    .sec02_07_head .text_min a {
      padding-bottom: 0.2em;
      border-bottom: 1px solid;
      transition: opacity 0.3s ease-in-out; }
      @media (hover: hover) {
        .sec02_07_head .text_min a:hover {
          opacity: 0.7; } }

.sec02_07_list {
  margin: 30px 0; }
  @media screen and (max-width: 480px) {
    .sec02_07_list {
      margin: 20px 0;
      gap: 30px 0;
      flex-wrap: wrap; } }
  .sec02_07_list .sec02_07_l {
    max-width: 480px;
    width: 46.88%; }
    @media screen and (max-width: 480px) {
      .sec02_07_list .sec02_07_l {
        width: 100%; } }
  .sec02_07_list .sec02_07_r {
    max-width: 497px;
    width: 48.54%;
    flex-wrap: wrap;
    row-gap: 35px; }
    @media screen and (max-width: 480px) {
      .sec02_07_list .sec02_07_r {
        width: 100%; } }
    .sec02_07_list .sec02_07_r .item {
      max-width: 234px;
      width: 47.09%; }
      .sec02_07_list .sec02_07_r .item .text_box {
        margin-top: 15px; }
        .sec02_07_list .sec02_07_r .item .text_box .item_head {
          font-size: clamp(14px, 1.66vw, 18px);
          letter-spacing: 0; }
        .sec02_07_list .sec02_07_r .item .text_box .item_text_min {
          line-height: 1.79; }

@media screen and (max-width: 480px) {
  .sec02_wrap_08 {
    flex-direction: column;
    gap: 30px; } }
.sec02_wrap_08 .sec02_08_box {
  max-width: 480px;
  width: 46.88%; }
  @media screen and (max-width: 480px) {
    .sec02_wrap_08 .sec02_08_box {
      width: 100%; } }
  .sec02_wrap_08 .sec02_08_box .text_box {
    margin-bottom: 25px; }
    @media screen and (max-width: 480px) {
      .sec02_wrap_08 .sec02_08_box .text_box {
        margin-bottom: 15px; } }
.sec02_wrap_08 .sec02_08_box_left .image_box {
  padding: 20px 0;
  background: #fff;
  color: #333; }
  .sec02_wrap_08 .sec02_08_box_left .image_box .image_inner {
    max-width: 416px;
    width: calc(100% - 30px);
    margin-left: auto;
    margin-right: auto; }
    .sec02_wrap_08 .sec02_08_box_left .image_box .image_inner .cap_l {
      margin-top: 10px; }
.sec02_wrap_08 .sec02_08_box_right .item_head {
  letter-spacing: 0; }
.sec02_wrap_08 .sec02_08_box_right .image_box {
  padding: 50px 10px;
  background: #FFF;
  text-align: center; }

@media screen and (max-width: 480px) {
  .sec02_09_wrap {
    flex-direction: column;
    gap: 30px 0; } }
.sec02_09_wrap .sec02_box {
  max-width: 480px;
  width: 46.88%; }
  @media screen and (max-width: 480px) {
    .sec02_09_wrap .sec02_box {
      width: 100%; } }