@charset "utf-8";
/* CSS Document */
/* ページ独自 */
#mv{
  width: 100%;
  height: calc(100vh - 50px);
  overflow: hidden;
  background: url(../img/concept/mv.webp);
  background-position: bottom left;
  background-size: cover;
}
#mv .mv_img{
  object-fit: cover;
  object-position: bottom center;
}
#mv .mv_ttl{
  position: absolute;
  width: 41.33vw;
  top: 14.13vw;
}
#mv .mv_copy{
  position: absolute;
  width: 74.13vw;
  bottom: 10.13vw;
  right: 4.4vw;
}

#head{
  background: url(../img/concept/head_bg.webp);
  background-size: cover;
  background-position: bottom center;
  padding-top: 15.46vw;
  padding-bottom: 13.73vw;
}
#head .head_ttl{
  width: 27.86vw;
  margin-left: auto;
  margin-right: auto;
}
#head .head_concept{
  width: 33.86vw;
  margin-left: auto;
  margin-right: auto;
  margin-top: 15.46vw;
  margin-bottom: 15.46vw;
}
#head .head_txt{
  text-align: center;
  font-size: 3.33vw;
  margin-bottom: 2em;
  letter-spacing: 0.1em;
  line-height: 1.9;
}
#head .head_logo{
  width: 72.53vw;
  margin-left: auto;
  margin-right: auto;
}

#sec1 .sec_mv,
#sec2 .sec_mv{
  width: 100%;
  height: calc(100vh - 50px);
  overflow: hidden;
}
#sec1 .sec_mv{
  background: url(../img/concept/sec1_mv.webp);
  background-size: cover;
  background-position: bottom right;
}
#sec2 .sec_mv{
  background: url(../img/concept/sec2_mv.webp);
  background-size: cover;
  background-position: bottom right;
}
#sec1 .sec_mv_ttl,
#sec2 .sec_mv_ttl{
  position: absolute;
  top: 0;
  left: 0;
  font-size: 18.7vw;
  font-weight: 200;
  line-height: 1;
  color: rgba(255, 255, 255, 0.35);
  writing-mode: vertical-rl;
	text-orientation: upright;
}
#sec1 .sec_mv_txt,
#sec2 .sec_mv_txt{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 5.13vw;
  writing-mode: vertical-rl;
  text-orientation: upright;
  white-space: nowrap;
  color: #fff;
  font-weight: 200;
  letter-spacing: 0.12em;
  line-height: 2.1;
}

#sec1 .conte_01{
  width: 100%;
  height: 100vw;
  background: url(../img/concept/sec1_conte01_bg.webp);
  background-size: cover;
  background-position: top right;
}
#sec1 .conte_01 .txt{
  width: 76.8vw;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#sec1 .conte_topics{
  padding-top: 5.73vw;
  padding-bottom: 6.66vw;
}
#sec1 .conte_topics .ttl{
  width: 16.8vw;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 4vw;
}
#sec1 .conte_topics .txt_wrap{
  text-align: center;
}
#sec1 .conte_topics .txt_wrap h4{
  font-size: 4.66vw;
  font-weight: 200;
  letter-spacing: -0.02em;
  line-height: 1.4;
  color: #064977;
}
#sec1 .conte_topics .txt_wrap .img_note.static {
  margin-left: 0;
  margin-top: 1em;
  margin-bottom: 2em;
  line-height: 1.4;
}
#sec1 .conte_topics .img{
  width: 83.73vw;
  margin-left: auto;
  margin-right: auto;
}
#sec1 .conte_02{
  background: url(../img/concept/sec1_conte2_bg.webp);
  background-size: cover;
  background-position: bottom center;
  padding-top: 14.4vw;
}
#sec1 .conte_02::after{
  content: "";
  position: absolute;
  top: -0.9vw;
  left: 0;
  width: 100%;
  height: 13vw;
  background: url(../img/top/head_merit_bg_pc.webp);
  background-size: 100% 100%;
  z-index: 1;
}
#sec1 .conte_02 .main_img{
  position: relative;
  width: 77.33vw;
  margin-left: auto;
  margin-right: auto;
  z-index: 2;
}
#sec1 .conte_02 .img_note {
  bottom: 8.5em;
  right: 1em;
}
#sec1 .conte_03{
  margin-top: 17.33vw;
}
#sec1 .conte_03 .wrap{
  display: flex;
}
#sec1 .conte_03 .wrap._01{
  align-items: flex-start;
}
#sec1 .conte_03 .wrap._01 .img._01{
  width: 45.33vw;
}
#sec1 .conte_03 .wrap._01 .txt._01{
  width: 38.26vw;
  margin-left: 4vw;
}
#sec1 .conte_03 .wrap._02{
  align-items: flex-end;
  justify-content: center;
  flex-direction: row-reverse;
  margin-top: 4vw;
  gap: 4vw;
}
#sec1 .conte_03 .wrap._02 .img._02{
  width: 56.53vw;
}
#sec1 .conte_03 .wrap._02 .txt._02{
  width: 21.73vw;
}
#sec1 .conte_03 .img.bg{
  width: 39.33vw;
  position: absolute;
  top: 39%;
  left: 38%;
  transform: translate(-50%, -50%);
  z-index: -1;
}
#sec1 .conte_04{
  margin-top: 15.2vw;
}
#sec1 .conte_04 .img._01{
  width: 69.46vw;
  margin-left: auto;
  margin-right: auto;
}
#sec1 .conte_04 .img.bg{
  width: 36vw;
  position: absolute;
  bottom: -13%;
  left: 7%;
  z-index: -1;
}
#sec1 .conte_05{
  margin-top: 16.66vw;
}
#sec1 .conte_05 .txt_wrap{
  background: url(../img/concept/sec1_conte5_txt_bg.webp);
  background-size: cover;
  background-position: center;
  color: #FFF;
  text-align: center;
  padding-top: 4.8vw;
  padding-bottom: 4.8vw;
}
#sec1 .conte_05 .txt_wrap .txt{
  font-size: 3.8vw;
  line-height: 1.4;
  letter-spacing: 0.08em;
}
#sec1 .conte_05 .txt_wrap .note{
  display: block;
  font-size: 2.56vw;
  letter-spacing: 0.02em;
  margin-top: 0.8em;
}
#sec1 .conte_06{
  margin-top: 6.4vw;
}
#sec1 .conte_06 .ttl{
  width: 30.93vw;
  margin-left: auto;
  margin-right: 25.33vw;
  margin-bottom: 2.5vw;
}
#sec1 .conte_06 .img._01{
  width: 67.46vw;
  margin-left: 7.7vw;
  margin-right: auto;
}
#sec1 .conte_06 .txt{
  width: 46.93vw;
  margin-left: auto;
  margin-right: 7vw;
  margin-top: -7.5vw;
}
#sec1 .conte_06 .img.bg{
  width: 3.06vw;
  position: absolute;
  top: 0;
  right: 16%;
  z-index: -1;
}
#sec1 .conte_07{
  margin-top: 14.66vw;
  margin-bottom: 14vw;
}
#sec1 .conte_07 .ttl{
  width: 29.86vw;
  position: absolute;
  top: 0;
  left: 9vw;
}
#sec1 .conte_07 .wrap._01{
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  flex-direction: row-reverse;
}
#sec1 .conte_07 .wrap._01 .img{
  width: 54.8vw;
}
#sec1 .conte_07 .wrap._01 .txt{
  width: 28.13vw;
  margin-bottom: 11.73vw;
  margin-right: 8.13vw;
}
#sec1 .conte_07 .img.bg{
  width: 41.73vw;
  position: absolute;
  top: -7vw;
  left: 54%;
  transform: translateX(-50%);
  z-index: -1;
}
#sec2 .conte_01{
  margin-top: 20.4vw;
}
#sec2 .conte_01 .ttl{
  width: 48.53vw;
  margin-left: auto;
  margin-right: 5.6vw;
  position: relative;
  bottom: -3.75vw;
  z-index: 2;
}

#sec2 .conte_01 .img._01{
  display: flex;
  flex-direction: row-reverse;
  align-items: flex-start;
  justify-content: flex-start;
}
#sec2 .conte_01 .img._01 .img_wrap{
  width: 100vw;
}
#sec2 .conte_01 .img._01 .txt._01{
  position: absolute;
  width: 24.26vw;
  top: -23vw;
  left: 11vw;
}


#sec2 .conte_01 .wrap._01{
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row-reverse;
  margin-right: 10.66vw;
  margin-top: 6.46vw;
}
#sec2 .conte_01 .wrap._01 .img._02{
  width: 31.6vw;
}
#sec2 .conte_01 .wrap._01 .img._02.bg{
  width: 20.66vw;
  position: absolute;
  bottom: -5vw;
  right: -5vw;
  z-index: -1;
}
#sec2 .conte_01 .wrap._01 .txt._02{
  width: 26.66vw;
  margin-right: 5vw;
}
#sec2 .conte_01 .wrap._02{
  display: flex;
  align-items: flex-end;
  margin-top: -13.46vw;
}
#sec2 .conte_01 .wrap._02 .img._03{
  width: 50vw;
}
#sec2 .conte_01 .wrap._02 .img._03.bg{
  width: 20.66vw;
  position: absolute;
  bottom: -13vw;
  left: 0;
  z-index: -1;
}
#sec2 .conte_01 .wrap._02 .txt._03{
  width: 29.33vw;
  margin-left: 5vw;
}
#sec2 .conte_01 .txt._04{
  width: 82.53vw;
  margin-left: auto;
  margin-right: 0;
  margin-top: 5.33vw;
}
#sec2 .conte_02{
  margin-top: 7.46vw;
  margin-bottom: 7.14vw;
}
#sec2 .conte_02 .ttl{
  width: 46.66vw;
  margin-left: auto;
  margin-right: auto;
}
#sec2 .conte_02 .img._01{
  width: 77.86vw;
  margin-left: auto;
  margin-right: auto;
  margin-top: -0.2vw;
}
#sec2 .conte_02 .wrap._01{
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  margin-top: 7.73vw;
}
#sec2 .conte_02 .wrap._01 .img._02{
  width: 50vw;
}
#sec2 .conte_02 .wrap._01 .txt._02{
  width: 26.66vw;
  margin-left: 5vw;
}
#sec2 .conte_02 .wrap._02{
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  flex-direction: row-reverse;
  margin-top: -10.73vw;
}
#sec2 .conte_02 .wrap._02 .img._03{
  width: 42.73vw;
}
#sec2 .conte_02 .wrap._02 .txt._03{
  width: 45.6vw;
  margin-right: 5vw;
}
#sec2 .conte_02 .img.bg._01{
  width: 23.73vw;
  position: absolute;
  top: 60%;
  right: 38%;
  z-index: -1;
}
#sec2 .conte_02 .txt._04{
  width: 80vw;
  margin-top: 5vw;
}

#sec2 .conte_03 .ttl{
  width: 51.33vw;
  margin-left: 6vw;
  position: relative;
  bottom: -.25vw;
}
#sec2 .conte_03 .wrap._01{
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
#sec2 .conte_03 .wrap._01 .img._01{
  width: 71.46vw;
}
#sec2 .conte_03 .wrap._01 .txt._01{
  width: 10.93vw;
  margin-left: 5vw;
}
#sec2 .conte_03 .wrap_flex{
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  margin-top: 7.06vw;
}
#sec2 .conte_03 .wrap_flex .wrap._02{
  width: 36.93vw;
  margin-right: 4vw;
}
#sec2 .conte_03 .wrap_flex .wrap._02 .txt._02{
  width: 26.4vw;
  margin-top: 3vw;
}
#sec2 .conte_03 .wrap_flex .wrap._03{
  width: 47.6vw;
}
#sec2 .conte_03 .wrap_flex .wrap._03 .txt._03{
  width: 26.66vw;
  margin-top: 3vw;
}
#sec2 .conte_04{
  margin-top: 74px;
}
#sec2 .conte_04 .ttl{
  width: 42.53vw;
  margin-left: auto;
  margin-right: 6.93vw;
  position: relative;
  z-index: 1;
}
#sec2 .conte_04 .wrap._01{
  display: flex;
  flex-direction: row-reverse;
  align-items: flex-start;
  justify-content: flex-start;
  margin-top: -3.6vw;
}
#sec2 .conte_04 .wrap._01 .img._01{
  width: 71.46vw;
}
#sec2 .conte_04 .wrap._01 .txt._01{
  width: 42.53vw;
  margin-top: 2vw;
}
#sec2 .conte_04 .wrap._01 .txt._02{
  width: 11.06vw;
  margin-right: 7vw;
}
#sec2 .conte_04 .img.bg._01{
  width: 41.46vw;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
#sec2 .conte_04 .txt._03{
  width: 89.33vw;
  margin-left: 0;
  margin-right: auto;
  margin-top: 4.4vw;
}
#sec2 .conte_05{
  margin-top: 7.73vw;
}
#sec2 .conte_05 .ttl{
  width: 78.13vw;
  margin-left: 6.66vw;
  margin-right: auto;
  position: relative;
  z-index: 1;
}

#sec2 .conte_05 .img._01{
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
#sec2 .conte_05 .img .img_wrap{
  width: 74.66vw;
}
#sec2 .conte_05 .img .txt._01{
  width: 10.93vw;
  margin-left: 4.26vw;
  margin-top: 12.26vw;
}

#sec2 .conte_05 .wrap._01{
  margin-top: -.2vw;
}
#sec2 .conte_05 .wrap_flex{
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  margin-top: 3.4vw;
}
#sec2 .conte_05 .wrap_flex .wrap._02{
  width: 42.66vw;
  margin-right: 4vw;
}
#sec2 .conte_05 .wrap_flex .wrap._02 .img._02{
  width: 47.73vw;
}
#sec2 .conte_05 .wrap_flex .wrap._02 .txt._02{
  width: 32vw;
  margin-left: auto;
  margin-right: auto;
  margin-top: 3vw;
}
#sec2 .conte_05 .wrap_flex .wrap._03{
  position: relative;
  margin-left: 5vw;
}
#sec2 .conte_05 .wrap_flex .wrap._03 .img._03{
  width: 36.93vw;
}
#sec2 .conte_05 .wrap_flex .wrap._03 .txt._03{
  width: 26.66vw;
  margin-top: 3vw;
}
#sec2 .conte_05 .wrap_flex .wrap._03 .img.bg._03{
  width: 36vw;
  position: absolute;
  top: -5vw;
  right: -7vw;
  z-index: -1;
}
#sec2 .conte_05 .txt._04{
  width: 67.33vw;
  margin-left: 0;
  margin-right: auto;
  margin-top: 5.6vw;
}
#sec2 .conte_06{
  margin-top: 7.2vw;
}
#sec2 .conte_06 .ttl{
  width: 52.53vw;
  margin-left: auto;
  margin-right: 7.2vw;
  position: relative;
  z-index: 1;
}
#sec2 .conte_06 .wrap._01{
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row-reverse;
  margin-top: -11.43vw;
}
#sec2 .conte_06 .wrap._01 .img._01{
  width: 65.33vw;
}
#sec2 .conte_06 .wrap._01 .txt._01{
  width: 10.93vw;
  margin-right: 6.5vw;
}
#sec2 .conte_06 .wrap_flex{
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 4.6vw;
  margin-top: -7vw;
}
#sec2 .conte_06 .wrap_flex .wrap._02{
  width: 43.66vw;
}
#sec2 .conte_06 .wrap_flex .wrap._02 .img._02 .img_note{
  text-align: right;
}
#sec2 .conte_06 .wrap_flex .wrap._03{
  width: 42.13vw;
  margin-top: 11.5vw;
}
#sec2 .conte_06 .wrap_flex .wrap._03 .img._03 .img_note{
  margin-left: 0;
}
#sec2 .conte_06 .img.bg._01{
  width: 2.64vw;
  position: absolute;
  top: 10vw;
  left: 10vw;
  z-index: -1;
}
#sec2 .conte_copy{
  margin-top: 11.2vw;
}
#sec2 .conte_copy .ttl{
  font-size: 4.66vw;
  font-weight: 100;
  text-align: center;
  color: #064977;
}

#sec2 .bnr_access{
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 8.53vw;
  margin-bottom: 12vw;
  width: 81.33vw;
  height: 41.86vw;
  margin-left: auto;
  margin-right: auto;
  background: #dfe3e6;
}
#sec2 .bnr_access .wrap{
  width: 100%;
}
#sec2 .bnr_access .wrap .bnr_txt{
  font-size: 3.33vw;
  font-weight: 100;
  color: #727171;
  text-align: center;
  line-height: 1.4;
  margin-bottom: .8em;
}
#sec2 .bnr_access .wrap .bnr_txt_img{
  width: 55.2vw;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 4vw;
}
#sec2 .bnr_access .wrap .bnr_icon{
  width: 3.13vw;
  margin-left: auto;
  margin-right: auto;
}

#entry{
	padding-top: 9.33vw;
	border-top: 1px solid #c9caca;
	text-align: center;
}
#entry .entry_txt{
	font-size: 3.2vw;
	font-weight: 500;
	color: #747374;
	margin-bottom: 2em;
}
#entry .entry_btn{
	display: block;
	width: 73.33vw;
	margin-left: auto;
	margin-right: auto;
}

#note{
	width: 93.33vw;
	margin-left: auto;
	margin-right: auto;
	font-size: 2.66vw;
	text-align: justify;
	line-height: 1.25;
	letter-spacing: 0;
	margin-top: 13vw;
	margin-bottom: 6.5vw;
}

@media screen and (min-width: 768px) {
  .img_note{
		font-size: 1.21vw;
  }

  #mv{
    height: calc(100vh - 105px);
    background: url(../img/concept/mv_pc.webp);
    background-position: bottom left;
    background-size: cover;
  }
  #mv .mv_ttl{
    width: 15.71vw;
    top: 6.85vw;
  }
  #mv .mv_copy{
    position: absolute;
    width: 51.78vw;
    bottom: 0;
    right: 3.92vw;
  }

  #head{
    background: url(../img/concept/head_bg_pc.webp);
    background-size: cover;
    background-position: bottom center;
    padding-top: 10vw;
    padding-bottom: 13.57vw;
  }
  #head .head_ttl{
    width: 11.21vw;
    margin-left: auto;
    margin-right: auto;
  }
  #head .head_concept{
    width: 9.78vw;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10.28vw;
    margin-bottom: 9.28vw;
  }
  #head .head_txt{
    font-size: 1.42vw;
    margin-bottom: 4em;
    letter-spacing: 0.12em;
    line-height: 2.5;
  }
  #head .head_logo{
    width: 35.85vw;
    margin-left: auto;
    margin-right: auto;
  }

  #sec1 .sec_mv,
  #sec2 .sec_mv{
    height: calc(100vh - 105px);
  }
  #sec1 .sec_mv{
    background: url(../img/concept/sec1_mv_pc.webp);
    background-size: cover;
    background-position: bottom center;
  }
  #sec2 .sec_mv{
    background: url(../img/concept/sec2_mv_pc.webp);
    background-size: cover;
    background-position: bottom center;
  }
  #sec1 .sec_mv_ttl,
  #sec2 .sec_mv_ttl{
    top: .5em;
    left: .8em;
    font-size: 10.71vw;
    writing-mode: horizontal-tb;
    text-orientation: mixed;
  }
  #sec1 .sec_mv_txt,
  #sec2 .sec_mv_txt{
    top: 55%;
    left: 10em;
    transform: translate(0, -50%);
    font-size: 1.78vw;
    writing-mode: horizontal-tb;
    text-orientation: mixed;
    white-space: nowrap;
    letter-spacing: 0.12em;
    line-height: 2.6;
  }

  #sec1 .conte_01{
    height: 50vw;
    background: url(../img/concept/sec1_conte01_bg_pc.webp);
    background-size: cover;
    background-position: top right;
  }
  #sec1 .conte_01 .txt{
    width: 32.85vw;
    left: 0;
    transform: translate(20%, -50%);
  }
  #sec1 .conte_01 .img_note.left{
    right: 1em;
    left: auto;
  }
  
  #sec1 .conte_topics{
    padding-top: 4.85vw;
    padding-bottom: 5.57vw;
  }
  #sec1 .conte_topics .ttl{
    width: 9.07vw;
    margin-bottom: 2.85vw;
  }
  #sec1 .conte_topics .txt_wrap h4{
    font-size: 1.78vw;
  }
  #sec1 .conte_topics .txt_wrap .img_note.static {
    margin-bottom: 4em;
  }
  #sec1 .conte_topics .img{
    width: 83.73vw;
    margin-left: auto;
    margin-right: auto;
  }

  #sec1 .conte_topics .img{
    width: 61.42vw;
    margin-left: auto;
    margin-right: auto;
  }

  #sec1 .conte_02{
    position: relative;
    background: none;
    padding-top: 10vw;
  }
  #sec1 .conte_02::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 104vw;
    background: url(../img/concept/sec1_conte2_bg_pc.webp);
    background-size: cover;
    background-position: bottom center;
  }
  #sec1 .conte_02::after{
    height: 14.28vw;
  }
  #sec1 .conte_02 .main_img{
    width: 65vw;
    margin-left: auto;
    margin-right: auto;
  }
  #sec1 .conte_02 .img_note{
    bottom: 8.5em;
    right: 8em;
  }

  #sec1 .conte_03{
    margin-top: 7.85vw;
  }
  #sec1 .conte_03 .wrap._01{
    width: 43.92vw;
    margin-left: auto;
    margin-right: auto;
  }
  #sec1 .conte_03 .wrap._01 .img._01{
    width: 19.35vw;
  }
  #sec1 .conte_03 .wrap._01 .txt._01{
    width: 21vw;
    margin-left: 3.57vw;
  }
  #sec1 .conte_03 .wrap._02{
    position: relative;
    width: 45.71vw;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0.71vw;
    gap: 3.57vw;
    z-index: -2;
  }
  #sec1 .conte_03 .wrap._02 .img._02{
    width: 24.28vw;
  }
  #sec1 .conte_03 .wrap._02 .txt._02{
    width: 19.14vw;
    margin-bottom: 2.85vw;
  }
  #sec1 .conte_03 .img.bg{
    width: 16.85vw;
    top: 45%;
    left: 45%;
  }

  #sec1 .conte_04{
    width: 50vw;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5.28vw;
  }
  #sec1 .conte_04 .img._01{
    width: 100%;
  }
  #sec1 .conte_04 .img.bg{
    width: 15.42vw;
    bottom: -17%;
    left: -13%;
  }

  #sec1 .conte_05{
    margin-top: 10.71vw;
  }
  #sec1 .conte_05 .txt_wrap{
    padding-top: 2.14vw;
    padding-bottom: 2.14vw;
  }
  #sec1 .conte_05 .txt_wrap .txt{
    font-size: 1.78vw;
  }
  #sec1 .conte_05 .txt_wrap .note{
    font-size: 0.85vw;
    letter-spacing: 0.06em;
    margin-top: 1.5em;
  }

  #sec1 .conte_06{
    width: 50vw;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10.35vw;
  }
  #sec1 .conte_06 .ttl{
    width: 16.64vw;
    margin-left: auto;
    margin-right: 3.71vw;
    margin-bottom: 1.07vw;
  }
  #sec1 .conte_06 .img._01{
    width: 100%;
    margin-left: 0;
    margin-right: auto;
  }
  #sec1 .conte_06 .txt{
    width: 18.14vw;
    margin-left: auto;
    margin-right: 4.28vw;
    margin-top: -6.42vw;
  }
  #sec1 .conte_06 .img.bg{
    width: 0.71vw;
    height: 34.78vw;
    right: 2.14vw;
    z-index: 1;
  }
  #sec1 .conte_06 .img.bg img{
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  #sec1 .conte_07{
    width: 50vw;
    margin-left: auto;
    margin-right: auto;
    margin-top: 7.42vw;
    margin-bottom: 10.71vw;
  }
  #sec1 .conte_07 .ttl{
    width: 16.07vw;
    left: 0;
  }
  #sec1 .conte_07 .wrap._01 {
    align-items: center;
  }
  #sec1 .conte_07 .wrap._01 .img{
    width: 29.28vw;
  }
  #sec1 .conte_07 .wrap._01 .txt{
    width: 17.71vw;
    margin-bottom: 0;
    margin-right: 3.28vw;
  }
  #sec1 .conte_07 .img.bg{
    width: 21.42vw;
    top: 0.71vw;
    left: 20%;
    transform: rotate(90deg);
  }

  #sec2 .conte_01{
    margin-top: 7.142vw;
  }
  #sec2 .conte_01 .ttl{
    width: 26vw;
    margin-right: 14.28vw;
    bottom: -0.06vw;
  }
  #sec2 .conte_01 .img._01 .img_wrap {
    width: 100%;
  }
  #sec2 .conte_01 .img._01 .txt._01{
    width: 10.5vw;
    top: -5.61vw;
    left: 13.07vw;
  }

  #sec2 .conte_01 .img._01{
    position: relative;
    margin-top: -2.07vw;
    z-index: -1;
  }
  #sec2 .conte_01 .wrap._01{
    width: 71.42vw;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5.35vw;
  }
  #sec2 .conte_01 .wrap._01 .img._02{
    width: 22.35vw;
  }
  #sec2 .conte_01 .wrap._01 .img._02.bg{
    width: 14.64vw;
    bottom: -2.85vw;
    right: -2.85vw;
  }
  #sec2 .conte_01 .wrap._01 .txt._02{
    width: 14.28vw;
    margin-right: 2.85vw;
  }
  #sec2 .conte_01 .wrap._02{
    width: 50vw;
    margin-left: auto;
    margin-right: auto;
    margin-top: -14.28vw;
  }
  #sec2 .conte_01 .wrap._02 .img._03{
    width: 32.14vw;
    margin-left: 0;
  }
  #sec2 .conte_01 .wrap._02 .img._03.bg{
    width: 12.14vw;
    bottom: -5.71vw;
    left: -5.71vw;
    margin-left: 0;
    z-index: 1;
  }
  #sec2 .conte_01 .wrap._02 .txt._03{
    width: 15.71vw;
    margin-left: auto;
  }
  #sec2 .conte_01 .txt._04{
    width: 90.71vw;
    margin-left: auto;
    margin-right: auto;
    margin-top: 3.21vw;
  }
  #sec2 .conte_01 .txt._04 img{
    width: 47.14vw;
    margin-left: auto;
    margin-right: 0;
  }

  #sec2 .conte_02{
    margin-top: 10.28vw;
  }
  #sec2 .conte_02 .ttl{
    width: 25vw;
  }
  #sec2 .conte_02 .img._01{
    width: 71.42vw;
    margin-top: -0.14vw;
  }
  #sec2 .conte_02 .wrap._01{
    width: 71.42vw;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5.71vw;
  }
  #sec2 .conte_02 .wrap._01 .img._02{
    width: 39.28vw;
  }
  #sec2 .conte_02 .wrap._01 .txt._02{
    width: 14.28vw;
    margin-left: 2.85vw;
    margin-top: 1.42vw;
  }
  #sec2 .conte_02 .wrap._02{
    width: 71.42vw;
    margin-left: auto;
    margin-right: auto;
    margin-top: -11.21vw;
    padding-bottom: 0;
  }
  #sec2 .conte_02 .wrap._02 .img._03{
    width: 29.42vw;
  }
  #sec2 .conte_02 .wrap._02 .txt._03{
    width: 24.42vw;
    margin-right: 1.42vw;
  }
  #sec2 .conte_02 .img.bg._01{
    width: 18.28vw;
    top: 64%;
    right: 37%;
  }
  #sec2 .conte_02 .txt._04{
    width: 71.42vw;
    margin-left: auto;
    margin-right: auto;
    margin-top: 2.14vw;
  }
  #sec2 .conte_02 .txt._04 img{
    width: 690px;
  }

  #sec2 .conte_03{
    width: 71.42vw;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10.35vw;
  }
  #sec2 .conte_03 .ttl{
    width: 27.57vw;
    margin-left: 4.28vw;
    bottom: -.25vw;
  }
  #sec2 .conte_03 .wrap._01 .img._01{
    width: 57.14vw;
  }
  #sec2 .conte_03 .wrap._01 .img.bg._01{
    position: absolute;
    width: 12.14vw;
    bottom: -5.71vw;
    left: -5.71vw;
    z-index: -1;
  }
  #sec2 .conte_03 .wrap._01 .txt._01{
    width: 6.28vw;
    margin-left: 5vw;
  }
  #sec2 .conte_03 .wrap_flex{
    width: 64.28vw;
    margin-left: auto;
    margin-right: 0;
    margin-top: 5.71vw;
  }
  #sec2 .conte_03 .wrap_flex .wrap._02{
    width: 26.71vw;
    margin-right: 2.85vw;
  }
  #sec2 .conte_03 .wrap_flex .wrap._02 .txt._02{
    width: 100%;
    margin-top: 0.5vw;
  }
  #sec2 .conte_03 .wrap_flex .wrap._03{
    width: 34.5vw;
  }
  #sec2 .conte_03 .wrap_flex .wrap._03 .txt._03{
    width: 25vw;
    margin-top: 0.5vw;
  }

  #sec2 .conte_04{
    margin-top: 10vw;
    width: 67.85vw;
    margin-left: auto;
    margin-right: auto;
  }
  #sec2 .conte_04 .ttl{
    width: 22.85vw;
    margin-left: auto;
    margin-right: 0.71vw;
  }
  #sec2 .conte_04 .wrap._01{
    margin-top: -1.92vw;
  }
  #sec2 .conte_04 .wrap._01 .img._01{
    width: 57.35vw;
  }
  #sec2 .conte_04 .wrap._01 .txt._01{
    width: 6.42vw;
    margin-top: 0;
  }
  #sec2 .conte_04 .wrap._01 .txt._02{
    width: 6.42vw;
    margin-left: 0;
    margin-right: auto;
  }
  #sec2 .conte_04 .img.bg._01{
    width: 25vw;
    top: 1.42vw;
    left: -2.85vw;
  }
  #sec2 .conte_04 .txt._03{
    width: 42.14vw;
    margin-left: 3.07vw;
    margin-right: auto;
    margin-top: 3.42vw;
  }
  
  #sec2 .conte_05{
    width: 85.71vw;
    margin-left: 0;
    margin-right: auto;
    margin-top: 10.42vw;
  }
  #sec2 .conte_05 .ttl{
    width: 41.85vw;
    margin-left: auto;
    margin-right: 15.71vw;
  }

  #sec2 .conte_05 .img .img_wrap{
    width: 71.42vw;
  }
  #sec2 .conte_05 .img .txt._01{
    width: 6.14vw;
    margin-left: 5.14vw;
    margin-top: 0;
  }

  #sec2 .conte_05 .wrap._01{
    margin-top: -0.21vw;
  }
  #sec2 .conte_05 .wrap_flex{
    justify-content: flex-end;
    margin-top: 5.57vw;
    margin-right: 5.71vw;
    margin-left: auto;
  }
  #sec2 .conte_05 .wrap_flex .wrap._02{
    width: 35.71vw;
    margin-right: 2.14vw;
  }
  #sec2 .conte_05 .wrap_flex .wrap._02 .img._02{
    width: 100%;
  }
  #sec2 .conte_05 .wrap_flex .wrap._02 .txt._02{
    width: 31.85vw;
    margin-left: 0;
    margin-right: auto;
    margin-top: 0.71vw;
  }
  #sec2 .conte_05 .wrap_flex .wrap._03{
    margin-left: 0;
  }
  #sec2 .conte_05 .wrap_flex .wrap._03 .img._03{
    width: 27.85vw;
  }
  #sec2 .conte_05 .wrap_flex .wrap._03 .txt._03{
    width: 22.5vw;
    margin-top: 0.71vw;
  }
  #sec2 .conte_05 .wrap_flex .wrap._03 .img.bg._03{
    width: 23.21vw;
    top: -2.85vw;
    right: -9.28vw;
  }

  #sec2 .conte_05 .txt._04{
    width: 65.71vw;
    margin-left: auto;
    margin-right: auto;
    margin-top: 3vw;
    margin-right: 5.71vw;
  }

  #sec2 .conte_06{
    width: 85.71vw;
    margin-left: auto;
    margin-right: 0;
    margin-top: 9.5vw;
  }
  #sec2 .conte_06 .ttl{
    width: 28.07vw;
    margin-right: 13.57vw;
  }
  #sec2 .conte_06 .wrap._01{
    margin-top: -6vw;
  }
  #sec2 .conte_06 .wrap._01 .img._01{
    width: 65vw;
  }
  #sec2 .conte_06 .wrap._01 .txt._01{
    width: 6.28vw;
    margin-right: 9.5vw;
  }
  #sec2 .conte_06 .wrap_flex{
    justify-content: flex-start;
    gap: 2.35vw;
    margin-top: -2.85vw;
  }
  #sec2 .conte_06 .wrap_flex .wrap._02{
    width: 31.78vw;
  }
  #sec2 .conte_06 .wrap_flex .wrap._03{
    width: 32.14vw;
    margin-top: 8.57vw;
  }
  #sec2 .conte_06 .img.bg._01{
    width: 0.71vw;
    height: 67.92vw;
    top: 5.42vw;
    left: 16.64vw;
    z-index: -1;
  }
  #sec2 .conte_06 .img.bg._01 img{
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  #sec2 .conte_copy{
    margin-top: 8.71vw;
  }
  #sec2 .conte_copy .ttl{
    font-size: 2.14vw;
  }

  #sec2 .bnr_access{
    margin-top: 2.85vw;
    margin-bottom: 8.57vw;
    width: 43.57vw;
    height: 21.42vw;
  }
  #sec2 .bnr_access .wrap .bnr_txt{
    font-size: 1.78vw;
    line-height: 1.3;
    margin-bottom: 1.4em;
  }
  #sec2 .bnr_access .wrap .bnr_txt_img{
    width: 29.57vw;
    margin-bottom: 2.35vw;
  }
  #sec2 .bnr_access .wrap .bnr_icon{
    width: 1vw;
  }

  #entry{
		padding-top: 6.42vw;
	}
	#entry .entry_txt{
		font-size: 1.21vw;
		margin-bottom: 1.3em;
	}
	#entry .entry_btn{
		width: 42.85vw;
	}
	
	#note{
		width: 89vw;
		font-size: 0.85vw;
		margin-top: 6.78vw;
		margin-bottom: 5.35vw;
	}
}
@media screen and (min-width: 1400px) {
  .img_note{
		font-size: 17px;
  }

  #mv .mv_ttl{
    width: 220px;
    top: 96px;
  }
  #mv .mv_copy{
    width: 725px;
    right: 55px;
  }

  #head{
    padding-top: 140px;
    padding-bottom: 190px;
  }
  #head .head_ttl{
    width: 157px;
  }
  #head .head_concept{
    width: 137px;
    margin-top: 144px;
    margin-bottom: 130px;
  }
  #head .head_txt{
    font-size: 20px;
  }
  #head .head_logo{
    width: 502px;
  }

  #sec1 .sec_mv_ttl,
  #sec2 .sec_mv_ttl{
    font-size: 150px;
  }
  #sec1 .sec_mv_txt,
  #sec2 .sec_mv_txt{
    font-size: 25px;
  }

  #sec1 .conte_01{
    height: 700px;
  }
  #sec1 .conte_01 .txt{
    width: 460px;
  }
  
  #sec1 .conte_topics{
    padding-top: 68px;
    padding-bottom: 78px;
  }
  #sec1 .conte_topics .ttl{
    width: 127px;
    margin-bottom: 40px;
  }
  #sec1 .conte_topics .txt_wrap h4{
    font-size: 25px;
  }
  #sec1 .conte_topics .img{
    width: 860px;
  }

  #sec1 .conte_02{
    padding-top: 140px;
  }
  #sec1 .conte_02::before{
    height: 1400px;
  }
  #sec1 .conte_02::after{
    top: -1px;
    height: 200px;
  }
  #sec1 .conte_02 .main_img{
    width: 910px;
  }
  #sec1 .conte_03{
    margin-top: 110px;
  }
  #sec1 .conte_03 .wrap._01{
    width: 615px;
  }
  #sec1 .conte_03 .wrap._01 .img._01{
    width: 271px;
  }
  #sec1 .conte_03 .wrap._01 .txt._01{
    width: 294px;
    margin-left: 50px;
  }
  #sec1 .conte_03 .wrap._02{
    width: 640px;
    margin-top: 10px;
    gap: 50px;
  }
  #sec1 .conte_03 .wrap._02 .img._02{
    width: 340px;
  }
  #sec1 .conte_03 .wrap._02 .txt._02{
    width: 268px;
    margin-bottom: 40px;
  }
  #sec1 .conte_03 .img.bg{
    width: 236px;
  }

  #sec1 .conte_04{
    width: 700px;
    margin-top: 74px;
  }
  #sec1 .conte_04 .img.bg{
    width: 216px;
  }

  #sec1 .conte_05{
    margin-top: 150px;
  }
  #sec1 .conte_05 .txt_wrap{
    padding-top: 30px;
    padding-bottom: 30px;
  }
  #sec1 .conte_05 .txt_wrap .txt{
    font-size: 25px;
  }
  #sec1 .conte_05 .txt_wrap .note{
    font-size: 12px;
  }

  #sec1 .conte_06{
    width: 700px;
    margin-top: 145px;
  }
  #sec1 .conte_06 .ttl{
    width: 233px;
    margin-right: 52px;
    margin-bottom: 15px;
  }
  #sec1 .conte_06 .txt{
    width: 254px;
    margin-right: 60px;
    margin-top: -90px;
  }
  #sec1 .conte_06 .img.bg{
    width: 10px;
    height: 487px;
    right: 30px;
  }

  #sec1 .conte_07{
    width: 700px;
    margin-top: 104px;
    margin-bottom: 150px;
  }
  #sec1 .conte_07 .ttl{
    width: 225px;
  }
  #sec1 .conte_07 .wrap._01 .img{
    width: 410px;
  }
  #sec1 .conte_07 .wrap._01 .txt{
    width: 248px;
    margin-right: 46px;
  }
  #sec1 .conte_07 .img.bg{
    width: 300px;
    top: 10px;
  }

  #sec2 .conte_01{
    margin-top: 100px;
  }
  #sec2 .conte_01 .ttl{
    width: 364px;
    margin-right: 200px;
    bottom: -0.85px;
  }

  #sec2 .conte_01 .img._01 .img_wrap{
    width: 100%;
  }
  #sec2 .conte_01 .img._01 .txt._01{
    width: 147px;
    top: -79px;
    left: 183px;
  }

  #sec2 .conte_01 .img._01{
    margin-top: -29px;
  }
  #sec2 .conte_01 .wrap._01{
    width: 1000px;
    margin-top: 75px;
  }
  #sec2 .conte_01 .wrap._01 .img._02{
    width: 313px;
  }
  #sec2 .conte_01 .wrap._01 .img._02.bg{
    width: 205px;
    bottom: -40px;
    right: -40px;
  }
  #sec2 .conte_01 .wrap._01 .txt._02{
    width: 200px;
    margin-right: 40px;
  }
  #sec2 .conte_01 .wrap._02{
    width: 700px;
    margin-top: -200px;
  }
  #sec2 .conte_01 .wrap._02 .img._03{
    width: 450px;
  }
  #sec2 .conte_01 .wrap._02 .img._03.bg{
    width: 170px;
    bottom: -80px;
    left: -80px;
  }
  #sec2 .conte_01 .wrap._02 .txt._03{
    width: 220px;
  }
  #sec2 .conte_01 .txt._04{
    width: 1270px;
    margin-top: 45px;
  }
  #sec2 .conte_01 .txt._04 img{
    width: 660px;
  }

  #sec2 .conte_02{
    margin-top: 144px;
    margin-bottom: 100px;
  }
  #sec2 .conte_02 .ttl{
    width: 350px;
  }
  #sec2 .conte_02 .img._01{
    width: 1000px;
    margin-top: -2px;
  }
  #sec2 .conte_02 .wrap._01{
    width: 1000px;
    margin-top: 80px;
  }
  #sec2 .conte_02 .wrap._01 .img._02{
    width: 550px;
  }
  #sec2 .conte_02 .wrap._01 .txt._02{
    width: 200px;
    margin-left: 40px;
    margin-top: 20px;
  }
  #sec2 .conte_02 .wrap._02{
    width: 1000px;
    margin-top: -157px;
  }
  #sec2 .conte_02 .wrap._02 .img._03{
    width: 412px;
  }
  #sec2 .conte_02 .wrap._02 .txt._03{
    width: 342px;
    margin-right: 20px;
  }
  #sec2 .conte_02 .img.bg._01{
    width: 256px;
  }
  #sec2 .conte_02 .txt._04{
    width: 1000px;
    margin-top: 30px;
  }

  #sec2 .conte_03{
    width: 1000px;
    margin-top: 145px;
  }
  #sec2 .conte_03 .ttl{
    width: 386px;
    margin-left: 60px;
  }
  #sec2 .conte_03 .wrap._01 .img._01{
    width: 800px;
  }
  #sec2 .conte_03 .wrap._01 .img.bg._01{
    width: 170px;
    bottom: -80px;
    left: -80px;
  }
  #sec2 .conte_03 .wrap._01 .txt._01{
    width: 88px;
    margin-left: 70px;
  }
  #sec2 .conte_03 .wrap_flex{
    width: 900px;
    margin-top: 80px;
  }
  #sec2 .conte_03 .wrap_flex .wrap._02{
    width: 374px;
    margin-right: 40px;
  }
  #sec2 .conte_03 .wrap_flex .wrap._02 .txt._02{
    margin-top: 7px;
  }
  #sec2 .conte_03 .wrap_flex .wrap._03{
    width: 483px;
  }
  #sec2 .conte_03 .wrap_flex .wrap._03 .txt._03{
    width: 350px;
    margin-top: 7px;
  }

  #sec2 .conte_04{
    margin-top: 140px;
    width: 950px;
  }
  #sec2 .conte_04 .ttl{
    width: 320px;
    margin-right: 10px;
  }
  #sec2 .conte_04 .wrap._01{
    margin-top: -27px;
  }
  #sec2 .conte_04 .wrap._01 .img._01{
    width: 803px;
  }
  #sec2 .conte_04 .wrap._01 .txt._01{
    width: 90px;
  }
  #sec2 .conte_04 .wrap._01 .txt._02{
    width: 90px;
  }
  #sec2 .conte_04 .img.bg._01{
    width: 350px;
    top: 20px;
    left: -40px;
  }
  #sec2 .conte_04 .txt._03{
    width: 590px;
    margin-left: 43px;
    margin-top: 48px;
  }
  
  #sec2 .conte_05{
    width: 1200px;
    margin-top: 146px;
  }
  #sec2 .conte_05 .ttl{
    width: 586px;
    margin-right: 220px;
  }

  #sec2 .conte_05 .img .img_wrap{
    width: 1000px;
  }
  #sec2 .conte_05 .img .txt._01{
    width: 86px;
    margin-left: 72px;
  }

  #sec2 .conte_05 .wrap._01{
    margin-top: -3px;
  }
  #sec2 .conte_05 .wrap_flex{
    margin-top: 78px;
    margin-right: 80px;
  }
  #sec2 .conte_05 .wrap_flex .wrap._02{
    width: 500px;
    margin-right: 30px;
  }
  #sec2 .conte_05 .wrap_flex .wrap._02 .txt._02{
    width: 446px;
    margin-top: 10px;
  }
  #sec2 .conte_05 .wrap_flex .wrap._03 .img._03{
    width: 390px;
  }
  #sec2 .conte_05 .wrap_flex .wrap._03 .txt._03{
    width: 315px;
    margin-top: 10px;
  }
  #sec2 .conte_05 .wrap_flex .wrap._03 .img.bg._03{
    width: 325px;
    top: -40px;
    right: -130px;
  }

  #sec2 .conte_05 .txt._04{
    width: 920px;
    margin-top: 42px;
    margin-right: 80px;
  }

  #sec2 .conte_06{
    width: 1200px;
    margin-top: 133px;
  }
  #sec2 .conte_06 .ttl{
    width: 393px;
    margin-right: 190px;
  }
  #sec2 .conte_06 .wrap._01{
    margin-top: -84px;
  }
  #sec2 .conte_06 .wrap._01 .img._01{
    width: 910px;
  }
  #sec2 .conte_06 .wrap._01 .txt._01{
    width: 88px;
    margin-right: 133px;
  }
  #sec2 .conte_06 .wrap_flex{
    gap: 33px;
    margin-top: -40px;
  }
  #sec2 .conte_06 .wrap_flex .wrap._02{
    width: 445px;
  }
  #sec2 .conte_06 .wrap_flex .wrap._03{
    width: 450px;
    margin-top: 120px;
  }
  #sec2 .conte_06 .img.bg._01{
    width: 10px;
    height: 951px;
    top: 76px;
    left: 233px;
  }

  #sec2 .conte_copy{
    margin-top: 122px;
  }
  #sec2 .conte_copy .ttl{
    font-size: 30px;
  }

  #sec2 .bnr_access{
    margin-top: 40px;
    margin-bottom: 120px;
    width: 610px;
    height: 300px;
  }
  #sec2 .bnr_access .wrap .bnr_txt{
    font-size: 25px;
  }
  #sec2 .bnr_access .wrap .bnr_txt_img{
    width: 414px;
    margin-bottom: 33px;
  }
  #sec2 .bnr_access .wrap .bnr_icon{
    width: 14px;
  }

  #entry{
		padding-top: 90px;
	}
	#entry .entry_txt{
		font-size: 17px;
	}
	#entry .entry_btn{
		width: 600px;
	}
	
	#note{
		width: 1246px;
		font-size: 12px;
		margin-top: 95px;
		margin-bottom: 75px;
	}
}
/* @media screen and (min-width: 1580px) {
  #sec2 .conte_01{
    width: 1160px;
    margin-left: auto;
    margin-right: auto;
  }
  #sec2 .conte_01 .img._01 {
    justify-content: center;
  }
} */

@media screen and (max-height: 700px) and (min-width: 768px) {
  #mv .mv_copy {
    width: 85.78vh;
  }
}