#sec1{
  position: relative;
  z-index: 3;
}
#sec1::after{
  content: "";
  width: 1.5px;
  height: 43vw;
  position: absolute;
  position: absolute;
  bottom: 3.3vw;
  left: 50%;
  transform: translateX(-50%);
  background: url(../images/sec1_bg_line.png);
  background-size: 100% 100%;
}
#sec1 .contents{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#sec1 .ttl{
  width: 203px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 92px;
}
#sec1 .conte{
  padding-top: 966px;
}
#sec1 .conte .ttl{
  width: 510px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 162px;
}
#sec1 .conte .head{
  width: 671px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 84px;
}
#sec1 .conte .txt{
  width: 586px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 210px;
}
#sec1 .btns{
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 115px;
}
#sec1 .btns li:nth-child(1){
  padding-right: 168px;
}
#sec1 .btns li:nth-child(2){
  padding-left: 168px;
}
#sec1 .btns li:nth-child(1) .type{
  width: 249px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 57px;
}
#sec1 .btns li:nth-child(2) .type{
  width: 230px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 57px;
}
#sec1 .btns li .btn{
  width: 166px;
  margin-left: auto;
  margin-right: auto;
}

#interview{
  background: url(../images/interview_bg.png);
  background-size: 100% 100%;
  padding-top: 173px;
  padding-bottom: 183px;
  margin-top: -55px;
  position: relative;
  z-index: 2;
}
#interview .ttl{
  width: 242px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 38px;
}
#interview .name{
  width: 359px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 46px;
}
#interview .head{
  width: 765px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 36px;
}
#interview .movie_wrap{
  width: 930px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 32px;
}
#interview .conte{
  width: 840px;
  margin-left: auto;
  margin-right: auto;
}
/* モーダル */
.modal {
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: rgba(0, 0, 0, .6);
  z-index: 100;
}
.modal .modal_movie{
  width: 1000px;
  height: 563px;
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.close {
  position: absolute;
  top: -120px;
  right: -6px;
  cursor: pointer;
  font-size: 130px;
  font-weight: 700;
  line-height: 1;
  color: #FFF;
}

#sec2{
  position: relative;
  z-index: 1;
}
#sec2::before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: url(../../common/images/head_before2.png);
  background-size: 100% 100%;
  width: 100%;
  height: 22px;
}
#sec2 .conte1{
  position: relative;
  background: #050a18;
  background-size: cover;
  background-position: bottom center;
  padding-top: 278px;
  padding-bottom: 117px;
  margin-top: -20px;
  z-index: 1;
}
#sec2 .conte1 .concept{
  width: 262px;
  margin-left: auto;
  margin-right: auto;
}
#sec2 .conte1 .ttl{
  width: 710px;
  margin-left: auto;
  margin-right: auto;
  margin-top: -150px;
}
#sec2 .conte1 .head{
  width: 643px;
  margin-left: auto;
  margin-right: auto;
  margin-top: -190px;
  margin-bottom: 90px;
}
#sec2 .conte1 .txt{
  width: 620px;
  margin-left: auto;
  margin-right: auto;
}
#sec2 .conte2{
  position: relative;
  z-index: -1;
}
#sec2 .conte3{
  background: #050a18;
}
#sec2 .conte3 .wrap{
  width: 791px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 40px;
  padding-bottom: 130px;
}

#sec3{
  position: relative;
  margin-top: -24px;
  z-index: 5;
}
#sec3 .conte{
  position: absolute;
  z-index: 2;
  top: 284px;
  left: 50%;
  transform: translateX(-50%);
  padding-bottom: 700px;
}
#sec3 .conte .concept{
  width: 262px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 68px;
}
#sec3 .conte .ttl{
  width: 277px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 40px;
}
#sec3 .conte .head{
  width: 632px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 95px;
}
#sec3 .conte .txt{
  width: 541px;
  margin-left: auto;
  margin-right: auto;
}
#sec3 .summary{
  padding-top: 74px;
  padding-bottom: 113px;
  background: url(../images/sec3_summary_bg.png);
  background-size: cover;
  background-position: bottom center;
}
#sec3 .summary .summary_conte{
  width: 791px;
  margin-left: auto;
  margin-right: auto;
}



#note{
  width: 900px;
  margin-left: auto;
  margin-right: auto;
  font-size: 14px;
  padding-top: 42px;
  margin-bottom: 42px;
}

@media(min-width:750px){
  #sec1 .bg{
    height: 215.92vw;
  }
  #sec1 .ttl{
    width: 14.5vw;
    padding-top: 6.57vw;
  }
  #sec1 .conte{
    padding-top: 69vw;
  }
  #sec1 .conte .ttl{
    width: 36.42vw;
    margin-bottom: 11.57vw;
  }
  #sec1 .conte .head{
    width: 47.92vw;
    margin-bottom: 6vw;
  }
  #sec1 .conte .txt{
    width: 41.85vw;
    margin-bottom: 15vw;
  }
  #sec1 .btns{
    padding-bottom: 8.21vw;
  }
  #sec1 .btns li:nth-child(1){
    padding-right: 12vw;
  }
  #sec1 .btns li:nth-child(2){
    padding-left: 12vw;
  }
  #sec1 .btns li:nth-child(1) .type{
    width: 17.78vw;
    margin-bottom: 4.07vw;
  }
  #sec1 .btns li:nth-child(2) .type{
    width: 16.42vw;
    margin-bottom: 4.07vw;
  }
  #sec1 .btns li .btn{
    width: 11.85vw;
  }

  #interview{
    padding-top: 12.35vw;
    padding-bottom: 13.07vw;
    margin-top: -3.92vw;
  }
  #interview .ttl{
    width: 17.28vw;
    margin-bottom: 2.71vw;
  }
  #interview .name{
    width: 25.64vw;
    margin-bottom: 3.28vw;
  }
  #interview .head{
    width: 54.64vw;
    margin-bottom: 2.57vw;
  }
  #interview .movie_wrap{
    width: 66.42vw;
    margin-bottom: 2.28vw;
  }
  #interview .conte{
    width: 60vw;
  }
  .modal .modal_movie{
    width: 71.42vw;
    height: 40.21vw;
  }
  .close {
    top: -8.57vw;
    right: -0.42vw;
    font-size: 9.28vw;
  }

  #sec2::before{
    height: 1.57vw;
  }
  #sec2 .conte1{
    padding-top: 19.85vw;
    padding-bottom: 8.35vw;
    margin-top: -4.42vw;
  }
  #sec2 .conte1 .concept{
    width: 18.71vw;
  }
  #sec2 .conte1 .ttl{
    width: 50.714vw;
    margin-top: -10.71vw;
  }
  #sec2 .conte1 .head{
    width: 45.92vw;
    margin-top: -13.57vw;
    margin-bottom: 6.42vw;
  }
  #sec2 .conte1 .txt{
    width: 44.28vw;
  }
  #sec2 .conte3 .wrap{
    width: 66.5vw;
    padding-top: 2.85vw;
    padding-bottom: 9.285vw;
  }
  #sec3{
    margin-top: -1.71vw;
  }
  #sec3 .bg{
    position: relative;
  }
  #sec3 .bg .note{
    position: absolute;
    right: 2em;
    bottom: 1em;
    font-size: 14px;
    color: #FFF;
  }
  #sec3 .conte{
    top: 20.28vw;
    padding-bottom: 50vw;
  }
  #sec3 .conte .concept{
    width: 18.71vw;
    margin-bottom: 4.85vw;
  }
  #sec3 .conte .ttl{
    width: 19.78vw;
    margin-bottom: 2.85vw;
  }
  #sec3 .conte .head{
    width: 45.142vw;
    margin-bottom: 6.78vw;
  }
  #sec3 .conte .txt{
    width: 38.64vw;
  }
  #sec3 .summary{
    padding-top: 5.28vw;
    padding-bottom: 8.07vw;
  }
  #sec3 .summary .summary_conte{
    width: 56.5vw;
  }

  #note{
    width: 64.28vw;
    font-size: 14px;
    padding-top: 3vw;
    margin-bottom: 3vw;
  }
}

@media(max-width:750px){
  #sec1::after {
    bottom: 1vw;
  }
  #sec1 .contents {
    position: absolute;
    top: 51%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  #sec1 .ttl {
    width: 23.5vw;
    padding-top: 6.57vw;
  }
  #sec1 .conte {
    padding-top: 23vw;
  }
  #sec1 .conte .ttl {
    width: 40.42vw;
    margin-bottom: 11.57vw;
  }
  #sec1 .conte .head {
    width: 81.92vw;
    margin-bottom: 9vw;
  }
  #sec1 .conte .txt {
    width: 80.85vw;
    margin-bottom: 10vw;
  }
  #sec1 .btns {
    padding-bottom: 7vw;
  }
  #sec1 .btns li:nth-child(1) {
    padding-right: 10vw;
  }
  #sec1 .btns li:nth-child(2) {
    padding-left: 10vw;
  }
  #sec1 .btns li:nth-child(1) .type {
    width: 29.78vw;
    margin-bottom: 4.07vw;
  }
  #sec1 .btns li:nth-child(2) .type {
    width: 28.42vw;
    margin-bottom: 4.07vw;
  }
  #sec1 .btns li .btn {
    width: 17.85vw;
  }

  #interview{
    background: url(../images/interview_bg_sp.png);
    background-size: 100% 100%;
    padding-top: 22.66vw;
    padding-bottom: 19.2vw;
    margin-top: -7.33vw;
  }
  #interview .ttl{
    width: 32.26vw;
    margin-bottom: 3.73vw;
  }
  #interview .name{
    width: 58.66vw;
    margin-bottom: 8vw;
  }
  #interview .head{
    width: 56.1vw;
    margin-bottom: 10.66vw;
  }
  #interview .movie_wrap{
    width: 72vw;
    margin-bottom: 10vw;
  }
  #interview .conte{
    width: 72vw;
  }
  /* モーダル */
  .modal .modal_movie{
    width: 90vw;
    height: 50vw;
  }
  .close {
    top: -20vw;
    right: -1.2vw;
    font-size: 22.33vw;
  }

  #sec2 .conte1 .concept {
    width: 33.71vw;
  }
  #sec2 .conte1 .ttl {
    width: 93.714vw;
    margin-top: -24.71vw;
  }
  #sec2 .conte1 .head {
    width: 65.92vw;
    margin-top: -22.57vw;
    margin-bottom: 8.42vw;
  }
  #sec2 .conte1 .txt {
    width: 87.28vw;
  }
  #sec2 .conte2 {
    overflow: hidden;
    margin-top: -1vw;
  }
  #sec2 .conte2 .bg{
    position: relative;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 150%;
  }
  #sec2 .conte2 .txt{
    position: absolute;
    font-size: 2.5vw;
    color: #FFF;
    bottom: 2em;
    right: 1.5em;
  }
  #sec2 .conte3 {
    margin-top: -1vw;
  }
  #sec2 .conte3 .wrap {
    width: 96vw;
    padding-top: 2.85vw;
    padding-bottom: 9.285vw;
  }

  #sec3 .bg{
    position: relative;
  }
  #sec3 .bg .note{
    position: absolute;
    right: 1em;
    bottom: .5em;
    font-size: 3vw;
    color: #FFF;
  }
  #sec3 .conte {
    top: 9.28vw;
  }
  #sec3 .conte .concept {
    width: 33.71vw;
    margin-bottom: 7vw;
  }
  #sec3 .conte .ttl {
    width: 33.714vw;
    margin-top: 2vw;
    margin-bottom: 6vw;
  }
  #sec3 .conte .head {
    width: 65.92vw;
    margin-top: 5vw;
    margin-bottom: 7.72vw;
  }
  #sec3 .conte .txt {
    width: 87.28vw;
  }
  #sec3 .summary {
    padding-top: 10vw;
    padding-bottom: 10vw;
    background: url(../images/sec3_summary_bg_sp.png);
    background-size: cover;
    background-position: center right;
  }
  #sec3 .summary .summary_conte {
    width: 95vw;
  }

  #note {
    width: 100%;
    background: #FFF;
    margin-top: -1vw;
    position: relative;
    z-index: 10;
  }
  #note .min{
    width: 80vw;
    margin-left: auto;
    margin-right: auto;
    font-size: 2.63vw;
    padding-top: 5.73vw;
    margin-bottom: 5.73vw;
  }
}