.page_mv .mv_ttl{
  width: 439px;
}
.page_mv .mv_txt{
  width: 619px;
}

#nav .nav_lists{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#nav .nav_list{
  width: 24%;
}

.sec{
  margin-top: 95px;
}
.sec .sec_ttl{
  background: url(../images/bg_sec_ttl_01.webp);
  background-size: 100% 100%;
  padding: 18px 0;
  letter-spacing: 0.08em;
  text-align: center;
  color: #0d441c;
}
.sec .sec_ttl .en{
  font-size: 14px;
  line-height: 1;
  margin-bottom: .6em;
}
.sec .sec_ttl .ja{
  font-size: 32px;
  line-height: 1;
}
.sec .head_conte{
  text-align: center;
}
.sec .head_conte .head{
  font-size: 30px;
  line-height: 1.5;
  margin-top: 1.4em;
  margin-bottom: .8em;
  color: #0d441c;
}
.sec .head_conte .txt{
  font-size: 21px;
  line-height: 1.7;
  margin-bottom: 2em;
}
/* .sec .bg{
  background: #f3f2ef;
} */
.sec .conte_ttl{
  padding-top: 50px;
  padding-bottom: 50px;
  color: #0d441c;
  text-align: center;
}
.sec .conte_ttl .en{
  font-size: 12px;
  line-height: 1;
  margin-bottom: .6em;
}
.sec .conte_ttl .ja{
  font-size: 26px;
  line-height: 1;
}
.sec .img_txt .img_ttl{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.sec .caption{
  font-size: 14px;
  text-align: center;
  line-height: 1.2;
  letter-spacing: 0;
  margin-top: .6em;
}
.sec .caption .size-l{
  font-size: 170%;
  line-height: 1;
  color: #a58235;
}
.sec .caption .size-s{
  font-size: 60%;
  line-height: 1;
}

.sec .txt_wrap .wrap_txt{
  text-align: center;
  font-size: 18px;
  line-height: 2;
  margin-top: 1em;
}

.sec .figure_lists{
  display: flex;
  margin-left: auto;
  margin-right: auto;
}
.sec .figure_lists.row_04{
  width: 100%;
  justify-content: space-between;
  align-items: flex-start;
}
.sec .figure_lists.row_04 .figure_list{
  width: 23%;
}
.sec .figure_lists.row_03{
  width: 700px;
  justify-content: space-between;
  align-items: flex-start;
}
.sec .figure_lists.row_03 .figure_list{
  width: 31.33%;
}

#sec01 .bg{
  padding-bottom: 78px;
}
#sec01 .conte._01 .img_txt .img_ttl{
  width: 596px;
}
#sec01 .conte._02 .img_txt .img_ttl{
  width: 568px;
}
#sec01 .conte._01 .txt_wrap,
#sec01 .conte._02 .txt_wrap{
  margin-top: 26px;
  text-align: center;
}
#sec01 .conte._01 .txt_wrap .caption,
#sec01 .conte._02 .txt_wrap .caption{
  font-size: 40px;
  margin-top: 0;
}
#sec01 .conte._01 .txt_wrap .caption .size-s,
#sec01 .conte._02 .txt_wrap .caption .size-s{
  font-size: 30%;
}
#sec01 .conte._02 .figure_lists{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 40px;
}
#sec01 .conte._02 .figure_list{
  width: 31.33%;
}

#sec02 .bg{
  padding-bottom: 70px;
}
#sec02 .sec02_ttl{
  text-align: center;
  margin-top: 70px;
}
#sec02 .sec02_ttl .en{
  position: relative;
  width: 100%;
  color: #0d441c;
}
#sec02 .sec02_ttl .en::after{
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 100%;
  height: 5px;
  border-top: 1px solid #0d441c;
  border-bottom: 1px solid #0d441c;
}
#sec02 .sec02_ttl .en span{
  position: relative;
  display: inline-block;
  font-size: 13px;
  line-height: 1;
  letter-spacing: 0.3em;
  padding: 0 1em;
  /* background: #f3f2ef; */
  background: #fff;
  z-index: 1;
}
#sec02 .sec02_ttl .ja{
  font-size: 22px;
  margin-top: 0.5em;
  margin-bottom: 1em;
}
#sec02 .figure_lists_inner{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 20px;
}
#sec02 .figure_lists_inner .figure_lists.row_01{
  width: 49%;
}
#sec02 .figure_lists_inner .figure_lists.row_04{
  width: 49%;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  gap: 2%;
}
#sec02 .figure_lists_inner .figure_lists.row_04 .figure_list{
  width: 48%;
}
#sec02 .figure_lists_inner .figure_lists.row_04 .figure_list:nth-child(n+3){
  margin-top: 3%;
}

#sec03{
  margin-top: 0;
  background: #cccdcd;
  padding-bottom: 77px;
}
#sec03 .sec_ttl{
  background: none;
  padding: 50px 0 25px;
}
#sec03 .sec_ttl .ja{
  font-size: 26px;
}
#sec03 .figure_lists{
  width: 940px;
  margin-top: 44px;
}

#sec04{
  background: #003619;
  padding-top: 100px;
  padding-bottom: 60px;
}
#sec04 .sec_ttl{
  background: url(../images/bg_sec_ttl_02.webp);
  background-size: 100% 100%;
  padding: 20px 0;
  letter-spacing: 0.2em;
  margin-bottom: 30px;
  color: #FFF;
}
#sec04 .sec_ttl .en{
  font-size: 22px;
  margin-bottom: 0;
}
#sec04 .img_wrap{
  margin-bottom: 47px;
}


@media(max-width:1400px){
  .page_mv .mv_ttl{
    width: 31.35vw;
  }
  .page_mv .mv_txt{
    width: 44.21vw;
  }
  
  .sec{
    margin-top: 6.78vw;
  }
  .sec .sec_ttl{
    padding: 1.28vw 0;
  }
  .sec .sec_ttl .en{
    font-size: 1vw;
  }
  .sec .sec_ttl .ja{
    font-size: 2.28vw;
  }
  .sec .head_conte .head{
    font-size: 2.14vw;
  }
  .sec .head_conte .txt{
    font-size: 1.5vw;
  }
  .sec .conte_ttl{
    padding-top: 3.57vw;
    padding-bottom: 3.57vw;
  }
  .sec .conte_ttl .en{
    font-size: 0.85vw;
  }
  .sec .conte_ttl .ja{
    font-size: 1.85vw;
  }
  
  .sec .caption{
    font-size: 1vw;
  }
  
  .sec .txt_wrap .wrap_txt{
    font-size: 1.28vw;
  }
  
  .sec .figure_lists.row_03{
    width: 50vw;
  }
  
  #sec01 .bg{
    padding-bottom: 5.57vw;
  }
  #sec01 .conte._01 .img_txt .img_ttl{
    width: 42.57vw;
  }
  #sec01 .conte._02 .img_txt .img_ttl{
    width: 40.57vw;
  }
  #sec01 .conte._01 .txt_wrap,
  #sec01 .conte._02 .txt_wrap{
    margin-top: 1.85vw;
  }
  #sec01 .conte._01 .txt_wrap .caption,
  #sec01 .conte._02 .txt_wrap .caption{
    font-size: 2.85vw;
  }
  #sec01 .conte._02 .figure_lists{
    margin-top: 2.85vw;
  }
  
  #sec02 .bg{
    padding-bottom: 5vw;
  }
  #sec02 .sec02_ttl{
    margin-top: 5vw;
  }
  #sec02 .sec02_ttl .en span{
    font-size: 0.92vw;
  }
  #sec02 .sec02_ttl .ja{
    font-size: 1.57vw;
  }
  #sec02 .figure_lists_inner{
    margin-bottom: 1.42vw;
  }
  
  #sec03{
    padding-bottom: 5.5vw;
  }
  #sec03 .sec_ttl{
    padding: 3.57vw 0 1.78vw;
  }
  #sec03 .sec_ttl .ja{
    font-size: 1.85vw;
  }
  #sec03 .figure_lists{
    width: 67.14vw;
    margin-top: 3.14vw;
  }
  
  #sec04{
    padding-top: 7.14vw;
    padding-bottom: 4.28vw;
  }
  #sec04 .sec_ttl{
    padding: 1.42vw 0;
    margin-bottom: 2.14vw;
  }
  #sec04 .sec_ttl .en{
    font-size: 1.57vw;
  }
  #sec04 .img_wrap{
    margin-bottom: 3.35vw;
  }
}
@media(max-width:750px){
  .page_mv .mv_ttl{
    width: 76.26vw;
  }
  .page_mv .mv_txt{
    width: 82.53vw;
  }
  .page_mv .img_wrap img {
    object-position: center right;
  }
  
  #nav .nav_lists{
    flex-wrap: wrap;
  }
  #nav .nav_list{
    width: 48%;
  }
  #nav .nav_list:nth-child(n+3){
    margin-top: 4%;
  }
  
  .sec{
    margin-top: 15.33vw;
  }
  .sec .sec_ttl{
    background: url(../images/bg_sec_ttl_01_sp.webp);
    background-size: 100% 100%;
    padding: 4vw 0;
  }
  .sec .sec_ttl .en{
    font-size: 2.8vw;
    margin-bottom: .4em;
  }
  .sec .sec_ttl .ja{
    font-size: 6vw;
  }
  .sec .head_conte .head{
    font-size: 5.33vw;
  }
  .sec .head_conte .txt{
    font-size: 3.73vw;
    margin-bottom: 2em;
    text-align: justify;
  }
  .sec .conte_ttl{
    padding-top: 7.46vw;
    padding-bottom: 4.66vw;
  }
  .sec .conte_ttl .en{
    font-size: 2.53vw;
    margin-bottom: 0.2em;
  }
  .sec .conte_ttl .ja{
    font-size: 4.8vw;
    line-height: 1.5;
  }
  
  .sec .caption{
    font-size: 2.93vw;
  }
  .sec .caption .size-l{
    font-size: 160%;
  }
  .sec .caption .size-s{
    font-size: 75%;
  }
  
  .sec .txt_wrap .wrap_txt{
    text-align: justify;
    font-size: 3.46vw;
    line-height: 1.8;
    margin-top: 2em;
  }
  
  .sec .figure_lists.row_04{
    flex-wrap: wrap;
  }
  .sec .figure_lists.row_04 .figure_list{
    width: 48%;
  }
  .sec .figure_lists.row_04 .figure_list:nth-child(n+3){
    margin-top: 4%;
  }
  .sec .figure_lists.row_03{
    width: 100%;
    justify-content: center;
    flex-wrap: wrap;
    gap: 4%;
  }
  .sec .figure_lists.row_03 .figure_list{
    width: 48%;
  }
  .sec .figure_lists.row_03 .figure_list:nth-child(n+3){
    margin-top: 4%;
  }
  
  #sec01 .bg{
    padding-bottom: 9.6vw;
  }

  #sec01 .conte_ttl{
    position: relative;
    padding-bottom: 2vw;
    margin-bottom: 4vw;
  }
  #sec01 .conte_ttl::after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: url(../images/bg_sec_ttl_03.webp);
    background-size: 100% 100%;
  }

  #sec01 .conte._01 .img_txt .img_ttl{
    width: 77.13vw;
  }
  #sec01 .conte._01 .img_note.static{
    text-align: left;
    line-height: 1.4;
  }
  #sec01 .conte._02 .img_txt .img_ttl{
    width: 74.26vw;
  }
  #sec01 .conte._01 .txt_wrap,
  #sec01 .conte._02 .txt_wrap{
    margin-top: 5.06vw;
  }
  #sec01 .conte._01 .txt_wrap .caption,
  #sec01 .conte._02 .txt_wrap .caption{
    font-size: 6.8vw;
    margin-top: 0;
  }
  #sec01 .conte._01 .txt_wrap .caption .size-s,
  #sec01 .conte._02 .txt_wrap .caption .size-s{
    font-size: 30%;
  }
  #sec01 .conte._02 .figure_lists{
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 8vw;
    gap: 4%;
  }
  #sec01 .conte._02 .figure_list{
    width: 48%;
  }
  #sec01 .conte._02 .figure_list:nth-child(n+3){
    margin-top: 4%;
  }

  #sec02 .bg{
    padding-bottom: 9.33vw;
  }
  #sec02 .sec02_ttl{
    margin-top: 8vw;
  }
  #sec02 .sec02_ttl .en::after{
    height: 4px;
  }
  #sec02 .sec02_ttl .en span{
    font-size: 2.8vw;
  }
  #sec02 .sec02_ttl .ja{
    font-size: 4vw;
    margin-top: 0.5em;
    margin-bottom: .5em;
    line-height: 1.6;
  }
  #sec02 .figure_lists_inner{
    display: block;
    margin-bottom: 4%;
  }
  #sec02 .figure_lists_inner .figure_lists.row_01{
    width: 100%;
    margin-bottom: 4%;
  }
  #sec02 .figure_lists_inner .figure_lists.row_04{
    width: 100%;
    gap: 4%;
  }
  #sec02 .figure_lists_inner .figure_lists.row_04 .figure_list{
    width: 48%;
  }
  #sec02 .figure_lists_inner .figure_lists.row_04 .figure_list:nth-child(n+3){
    margin-top: 4%;
  }

  #sec03{
    width: 86.66vw;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 17.33vw;
  }
  #sec03 .sec_ttl{
    background: none;
    padding: 10vw 0 4vw;
  }
  #sec03 .sec_ttl .ja{
    font-size: 4.8vw;
  }
  #sec03 .txt_wrap .wrap_txt {
    width: 73.33vw;
    margin-left: auto;
    margin-right: auto;
  }
  #sec03 .figure_lists{
    width: 73.33vw;
    margin-top: 8vw;
  }
  #sec03 .figure_lists .figure_list{
    width: 48%;
  }
  #sec03 .figure_lists .figure_list:nth-child(n+3){
    margin-top: 4%;
  }

  #sec04{
    padding-top: 14.66vw;
    padding-bottom: 13.33vw;
  }
  #sec04 .sec_ttl{
    background: url(../images/bg_sec_ttl_02_sp.webp);
    background-size: 100% 100%;
    padding: 4.2vw 0;
    margin-bottom: 7.46vw;
    line-height: 1;
  }
  #sec04 .sec_ttl .en{
    font-size: 4vw;
  }
  #sec04 .img_wrap{
    margin-bottom: 8vw;
  }
  
}