#mv .ttl_conte{
  position: absolute;
  top: 55%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 290px;
}

#nav{
  margin-top: 60px;
  margin-bottom: 60px;
}
#nav .lists{
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 1073px;
  margin-left: auto;
  margin-right: auto;
}
#nav .lists li{
  width: 32%;
}

.sec{
  padding-top: 80px;
  padding-bottom: 80px;
}
.sec .inner{
  width: 870px;
  margin-left: auto;
  margin-right: auto;
}
.sec .sec_ttl{
  margin-bottom: 60px;
}
#sec01{
  background: #dbdcdc;
}
#sec01 .conte._01 .img{
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
#sec01 .conte._02 .img{
  width: 100%;
}
#sec01 .conte._03 .img{
  width: 767px;
  margin-left: auto;
  margin-right: auto;
}
#sec01 .conte .arrow{
  width: 55px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
  margin-bottom: 30px;
}
#sec02{
  background: #00426c;
}
#sec02 .conte .head{
  text-align: center;
  color: #FFF;
  font-size: 32px;
  font-weight: 500;
  margin-bottom: 1.4em;
  letter-spacing: 0.1em;
}
#sec02 .conte{
  margin-top: 116px;
}
#sec03{
  background: #007c2f;
}
#sec03 .conte .head{
  width: 444px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 46px;
}
#sec03 .conte._02 .head{
  width: 528px;
}
#sec03 .conte._01 .img._02{
  margin-top: 52px;
}
#sec03 .conte._02,
#sec03 .conte._03,
#sec03 .conte._04{
  margin-top: 100px;
}
#sec03 .conte._02 .img,
#sec03 .conte._03 .img,
#sec03 .conte._04 .img{
  width: 586px;
  margin-left: auto;
  margin-right: auto;
}

#sec03 .conte._02 .img{
  margin-top: 80px;
}

#sec03 .inner_note{
  font-size: 10px;
  font-family: "Noto Sans JP", Avenir Next, 'Avenir Next', 'Noto Sans JP', "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #FFF;
  line-height: 1.4;
  margin-top: 100px;
}


@media(max-width:1280px){
  #mv .ttl_conte{
    width: 22.65vw;
  }

  #nav{
    margin-top: 4.68vw;
    margin-bottom: 4.68vw;
  }
  #nav .lists{
    width: 83.82vw;
  }

  .sec{
    padding-top: 6.25vw;
    padding-bottom: 6.25vw;
  }
  .sec .inner{
    width: 67.96vw;
  }
  .sec .sec_ttl{
    margin-bottom: 4.68vw;
  }
  #sec01 .conte._03 .img{
    width: 59.92vw;
  }
  #sec01 .conte .arrow{
    width: 4.29vw;
    margin-top: 2.34vw;
    margin-bottom: 2.34vw;
  }
  #sec02 .conte .head{
    font-size: 2.5vw;
  }
  #sec02 .conte{
    margin-top: 9.06vw;
  }
  #sec03 .conte .head{
    width: 34.68vw;
    margin-bottom: 3.59vw;
  }
  #sec03 .conte._02 .head{
    width: 41.25vw;
  }
  #sec03 .conte._01 .img._02{
    margin-top: 4.06vw;
  }
  #sec03 .conte._02,
  #sec03 .conte._03,
  #sec03 .conte._04{
    margin-top: 7.81vw;
  }
  #sec03 .conte._02 .img,
  #sec03 .conte._03 .img,
  #sec03 .conte._04 .img{
    width: 45.78vw;
  }

  #sec03 .conte._02 .img{
    margin-top: 6.25vw;
  }

  #sec03 .inner_note{
    font-size: 0.78vw;
    margin-top: 7.81vw;
  }
}

@media(max-width:750px){
  #mv .ttl_conte{
    top: 55%;
    width: 88vw;
  }
  
  #nav{
    margin-top: 10.66vw;
    margin-bottom: 10.66vw;
  }
  #nav .lists{
    flex-direction: column;
    width: 88.26vw;
    gap: 4.66vw;
  }
  #nav .lists li{
    width: 100%;
  }

  .sec{
    padding-top: 14.4vw;
    padding-bottom: 14.4vw;
  }
  .sec .inner{
    width: 69.06vw;
  }
  .sec .sec_ttl{
    margin-bottom: 10.66vw;
  }

  #sec01 .conte._03 .img{
    /* width: 81.86vw; */
    width: 90vw;
    position: relative;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
  }
  #sec01 .conte .arrow{
    width: 8.8vw;
    margin-top: 6vw;
    margin-bottom: 6vw;
  }
  #sec02 .conte .head{
    width: 14.66vw;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 12.66vw;
    /* font-size: 4.4vw;
    margin-bottom: 2.4em;
    letter-spacing: 0.1em;
    writing-mode: vertical-rl;
    text-orientation: upright;
    text-align: start;
    margin-left: auto;
    margin-right: auto; */
  }
  .sec .conte .head .sp_vrtcl{
    writing-mode: sideways-rl;
  }
  .sec .conte .head .sp_hrzntl{
    writing-mode: lr-tb;
    position: relative;
    left: 0.2em;
  }
  .sec .conte .head .sp_kigou{
    position: relative;
    right: -0.45em;
    top: -0.4em;
  }
  #sec02 .conte{
    margin-top: 18.66vw;
  }
  #sec02 .conte._01{
    margin-top: 15.55vw;
  }

  /* #sec03 .conte._01 .head,
  #sec03 .conte._02 .head{
    width: 32vw;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 14.26vw;
  } */
  #sec03 .conte .head{
    width: 28.64vw;
    margin-bottom: 10vw;
  }
  #sec03 .conte._02 .head{
    width: 30.09vw;
  }
  #sec03 .conte._02 .head,
  #sec03 .conte._03 .head,
  #sec03 .conte._04 .head{
    writing-mode: unset;
    text-orientation: unset;
    text-align: center;
    line-height: 1.45;
    margin-bottom: 1.5em;
  }
  #sec03 .conte._01 .img._02{
    margin-top: 10vw;
  }
  #sec03 .conte._02,
  #sec03 .conte._03,
  #sec03 .conte._04{
    margin-top: 14.66vw;
  }
  #sec03 .conte._01 .img,
  #sec03 .conte._02 .img,
  #sec03 .conte._03 .img,
  #sec03 .conte._04 .img{
    width: 88.93vw;
    position: relative;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
  }

  #sec03 .conte._02 .img{
    margin-top: 9vw;
  }

  #sec03 .inner_note{
    width: 91.6vw;
    font-size: 2.54vw;
    line-height: 1.3;
    margin-top: 18.66vw;
    position: relative;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
  }
}