@charset "UTF-8";
body {color: #231815;font-family: "Roboto", "Noto Sans JP", 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;font-size:100%;font-weight:normal;-webkit-text-size-adjust: 100%;width:100%;margin:0 auto;position: relative;background:#fff;word-break: break-all ;}

a img.blight{transition:opacity 0.2s linear;-webkit-transition:opacity 0.2s linear;-moz-transition:opacity 0.2s linear;}
a:hover img.blight{opacity:0.7;filter:alpha(opacity=70);-moz-opacity:0.7;}
a{text-decoration:none;color:#231815;transition:opacity 0.2s linear;-webkit-transition:opacity 0.2s linear;-moz-transition:opacity 0.2s linear;}
a:hover{text-decoration:none;opacity:0.8;filter:alpha(opacity=80);-moz-opacity:0.8;}

a img{text-decoration:none;color:#231815;transition:opacity 0.4s linear!important;-webkit-transition:opacity 0.4s linear!important;-moz-transition:opacity 0.4s linear!important;}
a img:hover{text-decoration:none;opacity:0.8!important;filter:alpha(opacity=80);-moz-opacity:0.8!important;}

button{transition:opacity 0.2s linear;-webkit-transition:opacity 0.2s linear;-moz-transition:opacity 0.2s linear;}
button:hover{text-decoration:none;opacity:0.8;filter:alpha(opacity=80);-moz-opacity:0.8;}

input[type="submit"]{transition:opacity 0.2s linear;-webkit-transition:opacity 0.2s linear;-moz-transition:opacity 0.2s linear;}
input[type="submit"]:hover{text-decoration:none;opacity:0.8;filter:alpha(opacity=80);-moz-opacity:0.8;}
img{max-width:100%;vertical-align:middle;}
.pcnone, .sp{display:none!important;}
.spnone, .pc{display:block!important;}

img[src$=".svg"] {width: 100%;max-width:100%;height:auto;}

.con_in{max-width:1340px;width:100%;margin:0 auto;padding:0 30px;}

.biw_out{position:relative;margin:60px 0 0 0;}
.biw{mix-blend-mode: overlay;transform:translate3d(0,0,0);}
.catch{position:absolute;top: 0;right: 0;bottom: 0;left: 0;text-align:center;margin: auto;height: 3.2rem;}
.catch p:first-child{font-size:10px;font-weight:300;letter-spacing: 2px;}
.catch p:last-child{font-size:18px;}

.biw2{mix-blend-mode: overlay;}
.catch2{position:absolute;top: 0;right: 0;bottom: 0;left: 0;text-align:center;margin: auto;height: 0;}
.catch2 p{font-size:18px;letter-spacing: 2px;}

.biw_out2 {position:relative;overflow:hidden;padding:100px 0 20px 0;}
.biw_out2 .img {display: flex;width: 6514px;}
.biw_out2 .img img {width: 3257px;padding:0 0 0 100px;}
.biw_out2 .img img:first-child {animation: slide1 50s -25s linear infinite;}
.biw_out2 .img img:last-child {animation: slide2 50s linear infinite;}

@-moz-keyframes slide1 {
  0% {transform: translateX(100%);}
  100% {transform: translateX(-100%);}
}
@-webkit-keyframes slide1 {
  0% {transform: translateX(100%);}
  100% {transform: translateX(-100%);}
}
@-o-keyframes slide1 {
  0% {transform: translateX(100%);}
  100% {transform: translateX(-100%);}
}
@keyframes slide1 {
  0% {transform: translateX(100%);}
  100% {transform: translateX(-100%);}
}
@-moz-keyframes slide2 {
  0% {transform: translateX(0);}
  100% {transform: translateX(-200%);}
}
@-webkit-keyframes slide2 {
  0% {transform: translateX(0);}
  100% {transform: translateX(-200%);}
}
@-o-keyframes slide2 {
  0% {transform: translateX(0);}
  100% {transform: translateX(-200%);}
}
@keyframes slide2 {
  0% {transform: translateX(0);}
  100% {transform: translateX(-200%);}
}


#sec1{padding:100px 0 0 0;}

.ti1{color:#fff;padding:0 0 0 40px;font-size:21px;font-weight:500;line-height:1.5;}
.ti2{color:#fff;font-size:21px;font-weight:500;line-height:1.5;position: absolute;top:0;left:30px;}

.lineup_in{display:flex;background:#fff;border-radius:10px;padding:15px 15px 15px 50px;margin:1.5% 0 0 0;}
.lineup_in .lineup_in_l{width:100%;padding:0 50px 0 0;}
.lineup_in .lineup_in_l h3{font-size:12px;font-weight:300;padding: 20px 0 25px 0;background: linear-gradient(90deg, #149f3a 0% 100%);background-repeat: no-repeat;background-size: 40px 1.5px;background-position: left bottom;}
.lineup_in .lineup_in_l h4{font-size:49px;font-weight:500;padding:60px 0 20px 0;line-height:1.2;}
.lineup_in .lineup_in_l .arw{width:66px;padding:35px 0 0 0;position:relative;}
.lineup_in .lineup_in_l a:hover{opacity:1;filter:alpha(opacity=100);-moz-opacity:1;}

.lineup_in .lineup_in_l .arw img{opacity:1;transition: all 0.2s;}
.lineup_in .lineup_in_l .arw img.arw_sel{opacity:0;transition: all 0.2s;position:absolute;left:0;}
.lineup_in .lineup_in_l .arw:hover img{opacity:0;}
.lineup_in .lineup_in_l .arw:hover img.arw_sel{opacity:1;}


.lineup_in .lineup_txt_sp{padding:0 0 20px 0;}
.lineup_in .lineup_in_r{max-width:568px;width:100%;overflow: hidden;border-radius:10px;}
.lineup_in .lineup_in_r img{transform: scale(1);transition: transform 800ms ease!important;}
.lineup_in .lineup_in_r img:hover{transform: scale(1.1);}
.lineup_sb .lineup_sb_in_r{border-radius:10px;}
.lineup_sb .lineup_sb_in_r .thum{overflow: hidden;border-radius:10px;}
.lineup_sb .lineup_sb_in_r img{transform: scale(1);transition: transform 800ms ease!important;}
.lineup_sb .lineup_sb_in_r img:hover{transform: scale(1.1);}

.lineup_sb{display:flex;flex-wrap: wrap;margin:0 0 0 -1.5%;}
.lineup_sb .lineup_sb_in {width:48.5%;margin:1.5% 0 0 1.5%;background:#fff;border-radius:10px;}
.lineup_sb .lineup_sb_in .lineup_sb_inbox{display:block;padding:15px;}
.lineup_sb .lineup_sb_in a:hover{opacity:1;filter:alpha(opacity=100);-moz-opacity:1;}

.lineup_sb .lineup_sb_in .arw{max-width:66px;width:100%;position:relative;}
.lineup_sb .lineup_sb_in .arw img{opacity:1;transition: all 0.2s;}
.lineup_sb .lineup_sb_in .arw img.arw_sel{opacity:0;transition: all 0.2s;position:absolute;left:0;}
.lineup_sb .lineup_sb_in .arw:hover img{opacity:0;}
.lineup_sb .lineup_sb_in .arw:hover img.arw_sel{opacity:1;}



.lineup_sb .lineup_sb_in h3{font-size:12px;font-weight:300;padding: 20px 0 0 0;}
.lineup_sb .lineup_sb_in h4{font-size:49px;font-weight:500;padding:5px 0 15px 0;line-height:1.2;}
.lineup_sb .lineup_sb_in .lineup_sb_in_in{padding:0 30px 25px 30px;}
.lineup_sb .lineup_sb_in .lineup_sb_in_in div{display:flex;align-items: center;}
.lineup_sb .lineup_sb_in .lineup_sb_in_in div p{width:100%;padding:0 20px 0 0;}

.special .con_in{position:relative;}
.special_in_in{display:flex;align-items: end;margin:20px 0 0 0;}
.special_in_in .special_in_in_l{width:100%;padding:0 30px 0 0;}

.special_in_in .special_in_in_r{max-width:784px;width:100%;flex:none;overflow: hidden;border-radius:10px;}
.special_in_in .special_in_in_r img{transform: scale(1);transition: transform 800ms ease!important;}
.special_in_in .special_in_in_r img:hover{transform: scale(1.1);}

.special_in_in .special_in_in_l h3{font-size:12px;font-weight:300;padding: 20px 0 25px 0;background: linear-gradient(90deg, #149f3a 0% 100%);background-repeat: no-repeat;background-size: 40px 1.5px;background-position: left bottom;}
.special_in_in .special_in_in_l h4{font-size:49px;font-weight:500;padding:100px 0 10px 0;line-height:1.2;}
.special_in_in2 {display:flex;align-items: center;padding:40px 0 0 0;}
.special_in_in2 p{width:50%;padding:0 30px 0 0;}
.special_in_in2 .arw{max-width:66px;width:100%;position:relative;}
.special_in_in2 a:hover{opacity:1;filter:alpha(opacity=100);-moz-opacity:1;}

.special_in_in2 .arw img{opacity:1;transition: all 0.2s;}
.special_in_in2 .arw img.arw_sel{opacity:0;transition: all 0.2s;position:absolute;left:0;}
.special_in_in2 .arw:hover img{opacity:0;}
.special_in_in2 .arw:hover img.arw_sel{opacity:1;}



.rvs .special_in_in{display:flex;flex-direction: row-reverse;align-items: end;margin:180px 0 0 0;}
.rvs .special_in_in .special_in_in_l{width:100%;padding:0 0 0 30px;}
.rvs .special_in_in .special_in_in_r{max-width:712px;width:100%;flex:none;overflow: hidden;border-radius:10px;}
.rvs .special_in_in .special_in_in_r img{transform: scale(1);transition: transform 800ms ease!important;}
.rvs .special_in_in .special_in_in_r img:hover{transform: scale(1.1);}

.rvs .special_in_in .special_in_in_l h3{font-size:12px;font-weight:300;padding: 20px 0 25px 0;background: linear-gradient(90deg, #149f3a 0% 100%);background-repeat: no-repeat;background-size: 40px 1.5px;background-position: left bottom;}
.rvs .special_in_in .special_in_in_l h4{font-size:49px;font-weight:500;padding:100px 0 0 0;line-height:1.4;}
.rvs .special_in_in2 {display:flex;justify-content: flex-end;align-items: center;padding:40px 0 0 0;}

.flow{display:flex;justify-content: center;margin:0 auto 70px auto;max-width:915px;width:100%;}
.flow_in{width:33.3%;padding:0 35px 0 35px;}
.flow_in:nth-child(2){padding-top:8%;}
.flow_in:nth-child(3){padding-top:16%;}
.flow_in h3{font-weight:300;font-size:12px;padding:20px 0 5px 0;}
.flow_in h4{font-size:35px;padding:0 0 5px 0;font-weight:500;line-height:1.4;}
.flow_in p{font-size:18px;font-weight:500;line-height:1.4;letter-spacing: -0.5px;}
.flow_in .thum{overflow: hidden;border-radius:10px;}
.flow_in .thum img{transform: scale(1);transition: transform 800ms ease!important;}
.flow_in .thum img:hover{transform: scale(1.1);}

.con_bg1{/*position:relative;*/padding:0 0 100px 0;}
.con_bg2{position:relative;padding:100px 0 100px 0;overflow: hidden;overflow-y: scroll;}

.mouse-bg {
  width: 100px;
  height: 100px;
  z-index: -1;
  border-radius: 15vw;
  border: 0px solid rgb(255, 255, 255, .8);
  box-shadow: 0px 0px 140px 140px rgb(255, 255, 255, .8);
  background: rgb(255, 255, 255, .8);
}

.inv1{opacity:0;}
.inv2{opacity:0;}
.inv3{opacity:0;}

.fancybox-button--share{display:none!important;}
.top_f .to_top{display:none!important;}
.fancybox-slide--iframe .fancybox-content {background: none!important;}
.fancybox-slide--video .fancybox-content, .fancybox-slide--video iframe {background: none!important;}
.fancybox-slide--video .fancybox-content, .fancybox-slide--video iframe {background: none!important;}
.fancybox-error, .fancybox-iframe {background: none!important;}





.mv_arw{position:absolute;top: calc(50% - 80px);left: calc(50% - 73px);width:146px;z-index:2;}
#top_mv {margin-top:5px;}
#top_mv2 {margin-top:30px;}
#top_mv3 {margin-top:30px;}
.top_mv {position:sticky;top:100px;bottom:auto;height:100%;}
.top_mv_in {/*align-items: start;justify-content: center;*/}
.top_mv .top_mv_in_in{position:relative;border-radius:30px;width:0;max-width:100%;min-width:60%;margin:0 auto;transition : 0.2s;}
.top_mv .top_mv_in_in a{display:block;}
.top_mv video{width:100%;height:100%;display:block;border-radius:30px;}
.mv_end{min-height:1100px;}





@media only screen and (max-width:1020px){

  .ti2{position: static;padding:0 0 0 30px;}

  .special_in_in{display:block;margin:20px 0 0 0;}
  .special_in .special_in_in_l{width:100%;padding:0 0 0 30px;}
  .special_in .special_in_in_r{max-width:784px;width:100%;padding:0 50px 0 0;}
  .special_in .special_in_in_l h3{font-size:12px;font-weight:300;padding:20px 0 15px 0;background: linear-gradient(90deg, #4d4d4d 0% 100%);background-repeat: no-repeat;background-size: 40px 1.5px;background-position: left bottom;}
  .special_in .special_in_in_l h4{font-size:49px;font-weight:500;padding:40px 0 0 0;line-height:1.4;}
  .special_in_in2 {padding:30px 0 0 0;}
  .special_in_in2 p{width:100%;padding:0 30px 0 30px;}
  .special_in_in2 .arw{max-width:80px;padding:0 20px 0 0;}

  .rvs .special_in_in{display:block;margin:50px 0 0 0;}
  .rvs.special_in .special_in_in_l{width:100%;padding:0 30px 0 30px;}
  .rvs.special_in .special_in_in_r{max-width:712px;width:100%;padding:0 0 0 50px;}
  .rvs.special_in .special_in_in_l h3{text-align:right;font-size:12px;font-weight:300;padding: 20px 0 15px 0;background: linear-gradient(90deg, #4d4d4d 100% 0%);background-repeat: no-repeat;background-size: 40px 1.5px;background-position: right bottom;}
  .rvs.special_in .special_in_in_l h4{text-align:right;font-size:49px;font-weight:500;padding:40px 0 10px 0;line-height:1.4;}
  .rvs .special_in_in2 {padding:30px 0 0 0;}


}




@media only screen and (max-width:768px){
	.pcnone, .sp{display:block!important;}
	.spnone, .pc{display:none!important;}

  .con_bg1{padding:0 0 50px 0;}
  .con_bg2{position:relative;padding:50px 0 50px 0;}
  .con_in{padding:0 15px;}

  .biw_out2 {padding:50px 0 20px 0;}
  .biw_out2 .img {display: flex;width: 2604px;}
  .biw_out2 .img img {width: 1302px;padding:0 0 0 50px;}
  .biw_out2 .img img:first-child {animation: slide1 26s -13s linear infinite;}
  .biw_out2 .img img:last-child {animation: slide2 26s linear infinite;}

  #sec1{padding:50px 0 0 0;}
  .ti1{padding:0 0 0 30px;}
  .lineup_in{display:block;padding:15px;margin:20px 0 0 0;}
  .lineup_in .lineup_in_l{width:100%;padding:0;}
  .lineup_in .lineup_in_l h3{padding: 20px 15px 15px 15px;background-position: left 15px bottom;}
  .lineup_in .lineup_in_l h4{padding:40px 15px 20px 15px;}
  .lineup_in .lineup_in_l .txt_arw_sp{padding:40px 15px 20px 15px;display:flex;flex-direction: row-reverse;align-items: center;}
  .lineup_in .lineup_in_l .txt_arw_sp p{width:100%;padding:0 0 0 15px;text-align:right;}
  .lineup_in .lineup_in_l .arw{width:50px;padding:0;}
  .lineup_in .lineup_txt_sp{padding:20px 15px 0 15px;}
  .lineup_sb{display:block;margin:0;}
  .lineup_sb .lineup_sb_in {width:100%;margin:20px 0 0 0;}
  .lineup_sb .lineup_sb_in .lineup_sb_inbox{display:flex;flex-direction: row-reverse;padding:15px;}
  .lineup_sb .lineup_sb_in .arw{max-width:50px;position:absolute;bottom:15px;right:15px;}
  .lineup_sb .lineup_sb_in .lineup_sb_in_in{padding:0;width:55%;}
  .lineup_sb .lineup_sb_in .lineup_sb_in_r{width:45%;}
  .lineup_sb .lineup_sb_in .lineup_sb_in_r .thum{padding:0 0 65px 0;}

  .flow{margin:0 auto 50px auto;padding:0 15px;}
  .flow_in{width:50%;padding:0 10px 0 10px;}
  .flow_in:nth-child(2){padding-top:30%;}
  .mouse-bg {display:none;}


  .lineup_in .lineup_in_l .arw:hover img{opacity:1;}
  .lineup_in .lineup_in_l .arw:hover img.arw_sel{display:none;}

  .lineup_sb .lineup_sb_in .arw:hover img{opacity:1;}
  .lineup_sb .lineup_sb_in .arw:hover img.arw_sel{display:none;}

  .special_in_in2 .arw:hover img{opacity:1;}
  .special_in_in2 .arw:hover img.arw_sel{display:none;}

  .lineup_in .lineup_in_r img:hover{transform: scale(1);}
  .lineup_sb .lineup_sb_in_r img:hover{transform: scale(1);}



  .top_mv {position:static;}
  .top_mv .top_mv_in_in{width:100%!important;}
  .mv_end{display:none;}
  #top_mv {margin-top:10px;}
  #top_mv2 {margin-top:20px;}
  #top_mv3 {margin-top:20px;}

  .mv_arw{position:absolute;top: calc(50% - 40px);left: calc(50% - 40px);width:80px;}





}


@media only screen and (max-width:480px){
	body{font-size:3.3vw;}
  .catch p:first-child{font-size:2vw;}
  .catch p:last-child{font-size:4vw;}
  .catch2 p{font-size:4vw;}

  .ti1{font-size:4.4vw;}
  .ti2{font-size:4.4vw;}

  .lineup_in .lineup_in_l h3{font-size:2.3vw;}
  .lineup_in .lineup_in_l h4{font-size:7.5vw;}
  .lineup_sb .lineup_sb_in h3{font-size:2.3vw;}
  .lineup_sb .lineup_sb_in h4{font-size:7.5vw;}

  .special_in .special_in_in_l h3{font-size:2.3vw;}
  .special_in .special_in_in_l h4{font-size:7.5vw;}
  .rvs.special_in .special_in_in_l h3{font-size:2.3vw;}
  .rvs.special_in .special_in_in_l h4{font-size:7.5vw;}
  .flow_in h3{font-size:2.3vw;}
  .flow_in h4{font-size:5.8vw;}
  .flow_in p{font-size:4vw;}


	/*
		13px　→　3vw
		14px　→　3.7vw
		16px　→　4vw
		18px　→　4.2vw
		20px　→　4.4vw
		22px　→　4.5vw
		23px　→　4.6vw
		24px　→　4.7vw
		26px　→　4.8vw
		28px　→　5vw
		30px　→　5.5vw
		34px　→　5.8vw
		36px　→　6vw
		40px　→　7vw
	*/



}

.to_top {
  position: sticky;
  display: flex;
  justify-content: flex-end;
  right: 10px;
  z-index: 10;
  bottom: 80px;
}

.to_top a {
  display: block;
  width: 40px;
}

.arrow_t {
  position: relative;
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
  display: inline-block;
  width: 9px;
  height: 14px;
  background: #f89c00;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  transition: 0.5s;
}

.to_top .arrow_t {
  width: 16px;
  height: 22px;
}

@media only screen and (max-width:750px){
  .to_top {
    margin-right: 0;
    bottom: 13vw;
  }

  .to_top a {
    width: 6vw;
  }

  .to_top .arrow_t {
    width: 2.933333333vw;
    height: 4.266666667vw;
  }
}