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

/*.sec_main{
	.main_txt{
		bottom:0;
	}
}*/
@media screen and (max-width: 820px) {
  .en_ttl.en_ttl01 img {
    height: 60px; } }
@media screen and (max-width: 480px) {
  .en_ttl.en_ttl01 img {
    height: 35px; } }
@media screen and (max-width: 480px) {
  .en_ttl.en_ttl02 img, .en_ttl.en_ttl03 img {
    height: 30px; } }

.sec1 {
  margin-top: clamp(50px, 9.167vw, 110px);
  margin-bottom: clamp(50px, 7.5vw, 90px); }
  @media screen and (max-width: 480px) {
    .sec1 {
      width: calc(100% - 40px);
      margin: 0 auto;
      margin-top: clamp(50px, 9.167vw, 110px);
      margin-bottom: clamp(50px, 7.5vw, 90px); } }
  .sec1 .item01 {
    width: calc(1400%/16);
    margin-left: auto;
    margin-top: clamp(50px, 6.25vw, 75px);
    margin-bottom: clamp(50px, 10.834vw, 130px); }
    @media screen and (max-width: 1400px) {
      .sec1 .item01 {
        width: calc(100% - 40px); } }
    @media screen and (max-width: 1000px) {
      .sec1 .item01 {
        width: 100%; } }
    .sec1 .item01 .ttl_en01 {
      width: calc(494%/16); }
      @media screen and (max-width: 1000px) {
        .sec1 .item01 .ttl_en01 {
          width: calc(494%/7); } }
    .sec1 .item01 .imgs {
      display: flex; }
      @media screen and (max-width: 600px) {
        .sec1 .item01 .imgs {
          flex-wrap: wrap; } }
      .sec1 .item01 .imgs .img01 {
        width: calc(400%/14); }
        @media screen and (max-width: 600px) {
          .sec1 .item01 .imgs .img01 {
            width: 50%;
            order: 1; } }
      .sec1 .item01 .imgs .img02 {
        width: calc(600%/14); }
        @media screen and (max-width: 600px) {
          .sec1 .item01 .imgs .img02 {
            width: 100%;
            order: 3; } }
      .sec1 .item01 .imgs .img03 {
        width: calc(400%/14); }
        @media screen and (max-width: 600px) {
          .sec1 .item01 .imgs .img03 {
            width: 50%;
            order: 2; } }
      .sec1 .item01 .imgs .cap {
        bottom: auto;
        top: 0; }
  .sec1 .item02 {
    width: calc(1400%/16);
    margin-bottom: clamp(50px, 10.834vw, 130px); }
    @media screen and (max-width: 1400px) {
      .sec1 .item02 {
        width: calc(100% - 40px); } }
    @media screen and (max-width: 1000px) {
      .sec1 .item02 {
        width: 100%; } }
    .sec1 .item02 .ttl_en02 {
      width: calc(232%/16);
      margin-left: calc(150%/16); }
      @media screen and (max-width: 1000px) {
        .sec1 .item02 .ttl_en02 {
          width: calc(232%/7);
          margin-left: auto; } }
    .sec1 .item02 .box01 {
      display: flex;
      align-items: stretch; }
      @media screen and (max-width: 1000px) {
        .sec1 .item02 .box01 {
          flex-direction: column; } }
      .sec1 .item02 .box01 .l_cnt {
        width: calc(800%/14);
        background: #efefef; }
        @media screen and (max-width: 1000px) {
          .sec1 .item02 .box01 .l_cnt {
            width: 100%;
            display: flex;
            flex-direction: column-reverse;
            margin-bottom: 40px; } }
        .sec1 .item02 .box01 .l_cnt .txt_box {
          padding: calc(34% / 8) calc(37% / 8); }
          @media screen and (max-width: 1000px) {
            .sec1 .item02 .box01 .l_cnt .txt_box {
              padding: 15px; } }
      .sec1 .item02 .box01 .r_cnt {
        width: calc(600%/14); }
        @media screen and (max-width: 1000px) {
          .sec1 .item02 .box01 .r_cnt {
            width: 100%; } }
        .sec1 .item02 .box01 .r_cnt .img05 .img05_1 {
          width: calc(326%/6);
          position: absolute;
          left: calc(117%/6);
          bottom: 0; }
  .sec1 .item03 {
    width: calc(1400%/16);
    margin-left: auto;
    margin-bottom: clamp(50px, 10.834vw, 130px); }
    @media screen and (max-width: 1400px) {
      .sec1 .item03 {
        width: calc(100% - 40px); } }
    @media screen and (max-width: 1000px) {
      .sec1 .item03 {
        width: 100%; } }
    .sec1 .item03 .ttl_en03 {
      width: calc(219%/16); }
      @media screen and (max-width: 1000px) {
        .sec1 .item03 .ttl_en03 {
          width: calc(219%/7); } }
    .sec1 .item03 .box01 {
      display: flex;
      align-items: stretch; }
      @media screen and (max-width: 1000px) {
        .sec1 .item03 .box01 {
          flex-direction: column-reverse; } }
      .sec1 .item03 .box01 .l_cnt {
        width: calc(600%/14); }
        @media screen and (max-width: 1000px) {
          .sec1 .item03 .box01 .l_cnt {
            width: 100%; } }
      .sec1 .item03 .box01 .r_cnt {
        width: calc(800%/14);
        background: #efefef; }
        @media screen and (max-width: 1000px) {
          .sec1 .item03 .box01 .r_cnt {
            width: 100%; } }
        .sec1 .item03 .box01 .r_cnt .img07_wrap {
          position: relative;
          background: #d3edfb; }
          .sec1 .item03 .box01 .r_cnt .img07_wrap .img07 {
            width: calc(500%/8); }
          .sec1 .item03 .box01 .r_cnt .img07_wrap .img08 {
            position: absolute;
            top: calc(109%/2.5);
            left: calc(400%/8);
            width: calc(260%/8);
            aspect-ratio: 231/230;
            display: block;
            height: 100%; }
            .sec1 .item03 .box01 .r_cnt .img07_wrap .img08 .cap {
              left: auto;
              right: 0; }
            @media screen and (max-width: 1000px) {
              .sec1 .item03 .box01 .r_cnt .img07_wrap .img08 {
                width: calc(200%/8);
                top: 10px;
                right: 10px;
                height: fit-content; } }
        .sec1 .item03 .box01 .r_cnt .txt_box {
          padding: calc(90% / 8) calc(37% / 8) 0; }
          @media screen and (max-width: 1000px) {
            .sec1 .item03 .box01 .r_cnt .txt_box {
              padding: 15px; } }
  .sec1 .item04 {
    width: calc(1400%/16);
    margin-bottom: clamp(50px, 10.834vw, 130px); }
    @media screen and (max-width: 1400px) {
      .sec1 .item04 {
        width: calc(100% - 40px); } }
    @media screen and (max-width: 1000px) {
      .sec1 .item04 {
        width: 100%; } }
    .sec1 .item04 .ttl_en04 {
      width: calc(433%/16);
      width: calc(618%/16);
      margin-left: calc(150%/16); }
      @media screen and (max-width: 1000px) {
        .sec1 .item04 .ttl_en04 {
          width: calc(433%/7);
          width: calc(618%/7);
          margin-left: auto; } }
    .sec1 .item04 .box01 {
      display: flex;
      align-items: stretch; }
      @media screen and (max-width: 1000px) {
        .sec1 .item04 .box01 {
          flex-direction: column; } }
      .sec1 .item04 .box01 .l_cnt {
        width: calc(800%/14);
        background: #efefef; }
        @media screen and (max-width: 1000px) {
          .sec1 .item04 .box01 .l_cnt {
            width: 100%; } }
        .sec1 .item04 .box01 .l_cnt .imgs {
          display: flex; }
          @media screen and (max-width: 600px) {
            .sec1 .item04 .box01 .l_cnt .imgs {
              flex-direction: column; } }
          .sec1 .item04 .box01 .l_cnt .imgs .in_l {
            width: calc(400%/8); }
            @media screen and (max-width: 600px) {
              .sec1 .item04 .box01 .l_cnt .imgs .in_l {
                width: 100%;
                display: flex; } }
          .sec1 .item04 .box01 .l_cnt .imgs .in_r {
            width: calc(400%/8); }
            @media screen and (max-width: 600px) {
              .sec1 .item04 .box01 .l_cnt .imgs .in_r {
                width: 100%;
                display: flex;
                flex-wrap: wrap; } }
            @media screen and (max-width: 600px) {
              .sec1 .item04 .box01 .l_cnt .imgs .in_r figure {
                width: 50%; } }
            .sec1 .item04 .box01 .l_cnt .imgs .in_r .txt_box {
              padding: calc(96% / 8) calc(78% / 8) 0; }
              @media screen and (max-width: 1000px) {
                .sec1 .item04 .box01 .l_cnt .imgs .in_r .txt_box {
                  padding: 15px; } }
              @media screen and (max-width: 600px) {
                .sec1 .item04 .box01 .l_cnt .imgs .in_r .txt_box {
                  width: 100%; } }
      .sec1 .item04 .box01 .r_cnt {
        width: calc(600%/14); }
        @media screen and (max-width: 1000px) {
          .sec1 .item04 .box01 .r_cnt {
            width: 100%; } }
        .sec1 .item04 .box01 .r_cnt .img13 .img13_1 {
          width: calc(187%/6);
          position: absolute;
          top: calc(-90%/3);
          left: calc(-90%/6); }
          @media screen and (max-width: 1000px) {
            .sec1 .item04 .box01 .r_cnt .img13 .img13_1 {
              top: 15px;
              left: 15px;
              width: calc(100%/6); } }
  .sec1 .item05 {
    width: calc(1400%/16);
    margin-bottom: clamp(50px, 10.834vw, 130px);
    margin-left: auto; }
    @media screen and (max-width: 1400px) {
      .sec1 .item05 {
        width: calc(100% - 40px); } }
    @media screen and (max-width: 1000px) {
      .sec1 .item05 {
        width: 100%;
        margin: 0 auto; } }
    .sec1 .item05 .ttl_en05 {
      width: calc(116%/16); }
      @media screen and (max-width: 1000px) {
        .sec1 .item05 .ttl_en05 {
          width: calc(116%/7); } }
    .sec1 .item05 .box01 {
      display: flex;
      align-items: stretch; }
      @media screen and (max-width: 1000px) {
        .sec1 .item05 .box01 {
          flex-direction: column-reverse; } }
      .sec1 .item05 .box01 .l_cnt {
        width: calc(800%/14);
        background: #efefef; }
        @media screen and (max-width: 1000px) {
          .sec1 .item05 .box01 .l_cnt {
            width: 100%; } }
        @media screen and (max-width: 1000px) {
          .sec1 .item05 .box01 .l_cnt {
            display: flex;
            flex-direction: column; } }
        .sec1 .item05 .box01 .l_cnt .imgs {
          display: flex;
          flex-wrap: wrap;
          position: relative; }
          @media screen and (max-width: 1000px) {
            .sec1 .item05 .box01 .l_cnt .imgs {
              order: 2; } }
          .sec1 .item05 .box01 .l_cnt .imgs figure {
            width: 50%; }
          .sec1 .item05 .box01 .l_cnt .imgs .img18s {
            display: flex; }
            .sec1 .item05 .box01 .l_cnt .imgs .img18s img {
              width: 50%; }
            .sec1 .item05 .box01 .l_cnt .imgs .img18s .cap2 {
              right: 50%; }
          .sec1 .item05 .box01 .l_cnt .imgs .img20 {
            position: absolute;
            inset: 0;
            margin: auto;
            display: flex;
            justify-content: center;
            align-items: center;
            width: calc(292%/8); }
            @media screen and (max-width: 480px) {
              .sec1 .item05 .box01 .l_cnt .imgs .img20 {
                width: calc(192%/8);
                transform: translate(0px, 20px);
                transform: translate(0px, 40px);
                display: none !important; } }
        .sec1 .item05 .box01 .l_cnt .txt_box {
          padding: calc(70% / 8) calc(78% / 8) 0; }
          @media screen and (max-width: 1000px) {
            .sec1 .item05 .box01 .l_cnt .txt_box {
              padding: 15px;
              order: 1; } }
          .sec1 .item05 .box01 .l_cnt .txt_box .read {
            max-width: 590px; }
      .sec1 .item05 .box01 .r_cnt {
        width: calc(600%/14); }
        @media screen and (max-width: 1000px) {
          .sec1 .item05 .box01 .r_cnt {
            width: 100%; } }
        .sec1 .item05 .box01 .r_cnt .img21 {
          position: relative;
          width: 100%;
          padding-bottom: calc(300%/6); }
          .sec1 .item05 .box01 .r_cnt .img21 img {
            width: 100%;
            position: absolute;
            left: 0;
            bottom: 0; }

.sec02 {
  padding-top: clamp(50px, 10.834vw, 130px);
  padding-bottom: clamp(50px, 10.834vw, 130px);
  background: #f1fcf8; }
  .sec02 .color01 {
    color: #5aa572; }
  .sec02 .img200 {
    max-width: 859px;
    margin: 0 auto;
    margin-bottom: clamp(20px, 3.334vw, 40px); }
  .sec02 .common_box {
    max-width: 1200px;
    width: calc(100% - 40px);
    margin: 0 auto;
    margin-bottom: clamp(80px, 8.334vw, 100px); }
    .sec02 .common_box .box_ttls {
      margin-bottom: 25px; }
      .sec02 .common_box .box_ttls .box_ttl {
        position: relative;
        padding: 7px 40px;
        background: #5aa572;
        width: fit-content;
        margin: 0 auto 10px; }
        @media screen and (max-width: 480px) {
          .sec02 .common_box .box_ttls .box_ttl {
            padding: 3px 30px; }
            .sec02 .common_box .box_ttls .box_ttl img {
              height: 13px;
              width: auto; } }
    .sec02 .common_box.box1 {
      margin-top: clamp(25px, 3.334vw, 40px); }
      .sec02 .common_box.box1 .imgs {
        display: flex;
        flex-wrap: wrap; }
        .sec02 .common_box.box1 .imgs > div {
          width: 50%; }
          @media screen and (max-width: 1000px) {
            .sec02 .common_box.box1 .imgs > div {
              width: 100%; } }
        .sec02 .common_box.box1 .imgs .item01 .col2 {
          display: flex; }
          .sec02 .common_box.box1 .imgs .item01 .col2 figure {
            width: 50%; }
        .sec02 .common_box.box1 .imgs .item03 {
          display: flex; }
          .sec02 .common_box.box1 .imgs .item03 .in_l {
            width: 50%; }
          .sec02 .common_box.box1 .imgs .item03 .in_r {
            width: 50%; }
    .sec02 .common_box.box2 .imgs {
      display: flex;
      flex-wrap: wrap; }
      .sec02 .common_box.box2 .imgs > div {
        width: 50%; }
        @media screen and (max-width: 1000px) {
          .sec02 .common_box.box2 .imgs > div {
            width: 100%; } }
      .sec02 .common_box.box2 .imgs .item01 {
        background: #efefef; }
        .sec02 .common_box.box2 .imgs .item01 .col2 {
          display: flex; }
          @media screen and (max-width: 600px) {
            .sec02 .common_box.box2 .imgs .item01 .col2 {
              flex-direction: column; } }
          .sec02 .common_box.box2 .imgs .item01 .col2 .txt_box {
            width: 50%;
            padding: calc(15%/6) calc(15%/6) 0; }
            @media screen and (max-width: 600px) {
              .sec02 .common_box.box2 .imgs .item01 .col2 .txt_box {
                width: 100%;
                padding: 15px; } }
          .sec02 .common_box.box2 .imgs .item01 .col2 figure {
            width: 50%; }
            @media screen and (max-width: 600px) {
              .sec02 .common_box.box2 .imgs .item01 .col2 figure {
                width: 100%; } }
      .sec02 .common_box.box2 .imgs .item03 {
        position: relative;
        width: 100%;
        display: flex;
        justify-content: space-between;
        padding: calc(20% / 12);
        background: #dae9dc; }
        .sec02 .common_box.box2 .imgs .item03::after {
          content: '';
          position: absolute;
          inset: 0;
          pointer-events: none;
          border: 1px solid #5aa572; }
        @media screen and (max-width: 1000px) {
          .sec02 .common_box.box2 .imgs .item03 {
            flex-wrap: wrap; } }
        @media screen and (max-width: 480px) {
          .sec02 .common_box.box2 .imgs .item03 {
            padding: 10px; } }
        .sec02 .common_box.box2 .imgs .item03 .in_l {
          width: calc(580%/11.6); }
          @media screen and (max-width: 1000px) {
            .sec02 .common_box.box2 .imgs .item03 .in_l {
              width: 100%;
              margin-bottom: 20px; } }
          @media screen and (max-width: 480px) {
            .sec02 .common_box.box2 .imgs .item03 .in_l {
              margin-bottom: 10px; } }
        .sec02 .common_box.box2 .imgs .item03 .in_r {
          width: calc(560%/11.6);
          display: flex;
          justify-content: space-between;
          flex-wrap: wrap; }
          @media screen and (max-width: 1000px) {
            .sec02 .common_box.box2 .imgs .item03 .in_r {
              width: 100%; } }
          .sec02 .common_box.box2 .imgs .item03 .in_r figure {
            width: calc(270%/5.6); }
            @media screen and (max-width: 1000px) {
              .sec02 .common_box.box2 .imgs .item03 .in_r figure {
                width: calc(50% - 10px); } }
            @media screen and (max-width: 480px) {
              .sec02 .common_box.box2 .imgs .item03 .in_r figure {
                width: calc(50% - 5px); } }
            .sec02 .common_box.box2 .imgs .item03 .in_r figure:nth-child(-n+2) {
              margin-bottom: calc(20%/5.6); }
              @media screen and (max-width: 1000px) {
                .sec02 .common_box.box2 .imgs .item03 .in_r figure:nth-child(-n+2) {
                  margin-bottom: 20px; } }
              @media screen and (max-width: 480px) {
                .sec02 .common_box.box2 .imgs .item03 .in_r figure:nth-child(-n+2) {
                  margin-bottom: 10px; } }
    .sec02 .common_box.box3 {
      margin-top: clamp(25px, 3.334vw, 40px); }
      .sec02 .common_box.box3 .imgs {
        display: flex;
        flex-wrap: wrap; }
        @media screen and (max-width: 1000px) {
          .sec02 .common_box.box3 .imgs {
            flex-wrap: wrap; } }
        .sec02 .common_box.box3 .imgs > div {
          width: 50%; }
          @media screen and (max-width: 1000px) {
            .sec02 .common_box.box3 .imgs > div {
              width: 100%; } }
        .sec02 .common_box.box3 .imgs .item01 .col2 {
          display: flex; }
          .sec02 .common_box.box3 .imgs .item01 .col2 figure {
            width: 50%; }
        .sec02 .common_box.box3 .imgs .item03 {
          display: flex; }
          .sec02 .common_box.box3 .imgs .item03 .in_l {
            width: 50%; }
          .sec02 .common_box.box3 .imgs .item03 .in_r {
            width: 50%; }
    .sec02 .common_box.box4 {
      margin-top: clamp(25px, 3.334vw, 40px); }
      .sec02 .common_box.box4 .imgs {
        display: flex;
        flex-wrap: wrap; }
        @media screen and (max-width: 1000px) {
          .sec02 .common_box.box4 .imgs {
            flex-wrap: wrap; } }
        .sec02 .common_box.box4 .imgs > div {
          width: 50%; }
          @media screen and (max-width: 1000px) {
            .sec02 .common_box.box4 .imgs > div {
              width: 100%; } }
        .sec02 .common_box.box4 .imgs .item01 .col2 {
          display: flex;
          flex-wrap: wrap; }
          .sec02 .common_box.box4 .imgs .item01 .col2 figure {
            width: 50%; }
        .sec02 .common_box.box4 .imgs .item03 {
          display: flex; }
          .sec02 .common_box.box4 .imgs .item03 .in_l {
            width: 50%; }
          .sec02 .common_box.box4 .imgs .item03 .in_r {
            width: 50%; }
    .sec02 .common_box.box5 {
      margin-bottom: 0; }
      .sec02 .common_box.box5 .item01 {
        display: flex; }
        @media screen and (max-width: 1000px) {
          .sec02 .common_box.box5 .item01 {
            flex-wrap: wrap; } }
        .sec02 .common_box.box5 .item01 figure {
          width: calc(100% / 5); }
          @media screen and (max-width: 1000px) {
            .sec02 .common_box.box5 .item01 figure {
              width: 50%; } }

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