@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{display:none!important;}
.spnone{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;}

/*header {position:sticky;top:0;z-index:3;}*/
header .h_in{max-width:1340px;width:100%;margin:0 auto;padding:0 30px;display:flex;justify-content: space-between;align-items: flex-end;position:relative;}
header .h_in h1{width:161px;}
header .h_in .flow_nav {margin:0 0 0 auto;padding:0 74px 0 10px;}
header .h_in .flow_nav ul{display:flex;text-align:center;margin:0 0 0 -4px;}
header .h_in .flow_nav ul li{background-color: rgba(255,255,255,0.55);margin:0 0 0 4px;line-height:1.5;flex: 1;min-width:165px;}
header .h_in .flow_nav ul li a{font-size:11px;font-weight:300;padding:15px 0;color:#0000ff;display:block;transition:opacity 0.3s linear!important;-webkit-transition:opacity 0.3s linear!important;-moz-transition:opacity 0.3s linear!important;}
header .h_in .flow_nav ul li a:hover{opacity:0.5!important;filter:alpha(opacity=50);-moz-opacity:0.5!important;}
header .h_in .flow_nav ul li:first-child{border-radius:0 0 0 10px;}
header .h_in .flow_nav ul li:first-child a{color:#ff00ff;}
header .h_in .flow_nav ul li:last-child{border-radius:0 0 10px 0;}
header .h_in .flow_nav ul li:last-child a{color:#ff8500;}
header .h_in .flow_nav ul li span{display:block;font-size:18px;font-weight:500;}

footer .f_in {background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 1) 51%, rgba(255, 255, 255, 1));}
footer .f_in .f_in_in{padding:0 30px;max-width:1340px;margin:0 auto;}
footer small{display:block;max-width:1340px;margin:0 auto;width:100%;padding:20px 30px;}
footer .f_in .f_in_in .fnav_out{padding:70px;background:#fff;border-radius:15px 0 0 15px;}
footer .f_in .f_in_in .fnav{display:flex;justify-content: space-between;margin:0 0 0 -70px;}
footer .f_in .f_in_in .fnav_in{padding:0 0 0 70px;}
footer .f_in .f_in_in .fnav_in:nth-child(2){padding:0 0 0 30px;}

footer .f_in .f_in_in .fnav_in h3{font-size:19px;font-weight:500;padding:0 0 18px 0;line-height:1.5;}
footer .f_in .f_in_in .fnav_in li{font-size:15px;padding:0 0 10px 0;position: relative;}
footer .f_in .f_in_in .fnav_in li a{position: relative;}
footer .f_in .f_in_in .fnav_in li a.ico_blank{display:table;padding:0 20px 0 0;}
footer .f_in .f_in_in .f_logo{width:221px;margin:0 auto;padding:0 30px 40px 30px;}
.ico_blank::before {position: absolute;content: "";background: url(../img/common/ico_blank.svg) no-repeat;width: 11px;height: 10px;right: 0;top: 50%;transform: translateY(-50%);transition: 0.5s;margin-top: -1px;}


.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, #4d4d4d 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;}
.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{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 a{display:block;padding:15px;}
.lineup_sb .lineup_sb_in .arw{max-width:66px;width:100%;}
.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;}
.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, #4d4d4d 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%;}

.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, #4d4d4d 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);}





.menu-container {position: fixed;max-width:1340px;top:0;right: calc(50% - 640px);margin:0 auto;width:54px;height:12px;z-index:999;}
@media only screen and (max-width:1340px){
  .menu-container {right: 30px;}
}

.menu-button {position: absolute;top:20px;right:0;display: block;cursor: pointer;z-index: 2;transition:opacity 0.3s linear!important;-webkit-transition:opacity 0.3s linear!important;-moz-transition:opacity 0.3s linear!important;}
.menu-button:hover{opacity:0.5!important;filter:alpha(opacity=50);-moz-opacity:0.5!important;}







.bar {display: block;width: 54px;height: 2px;margin: 8px 0;background-color: #333;transition: 0.4s;}

#menu-toggle:checked ~ .menu-button .bar:nth-child(1) {transform: rotate(25deg) translate(0px, 0px);}
#menu-toggle:checked ~ .menu-button .bar:nth-child(2) {transform: rotate(-25deg) translate(5px, -8px);}
#menu-toggle {display: none;position: fixed;}

.menu_out {position: fixed;top: -100%;right: 0;width: 100%;height:100%;transition: 0.5s;z-index: 1;overflow-y: auto;}
.menu_out .menu {background-color: #fff;}

#menu-toggle:checked ~ .menu_out {top: 0;}



.menu_out .menu .m_logo{border-bottom:1px solid #000;}
.menu_out .menu .m_logo .m_logo_in{max-width:1340px;width:100%;margin:0 auto;padding:25px 30px;}
.menu_out .menu .m_logo div{width:161px;}

.menu_out .menu .menu_in{max-width:1340px;margin:0 auto;padding:60px 30px 20px 30px;display:flex;justify-content: center;}

.menu_out .menu .menu_in nav ul {display:flex;flex-wrap: wrap;}
.menu_out .menu .menu_in nav ul li{width:50%;padding:0 0 40px 0;}
.menu_out .menu .menu_in nav ul li a {text-decoration: none;color: #333;}
.menu_out .menu .menu_in nav ul li a.ico_blank{display:table;padding:0 18px 0 0;}

.menu_out .menu .menu_in nav ul li .menu_main{font-size:28px;font-weight:500;padding:0 0 10px 0;font-family: "Roboto", sans-serif;}
.menu_out .menu .menu_in nav ul li .menu_sb{font-size:18px;padding:0 0 10px 0;}
.menu_out .menu .menu_in nav ul li .menu_sb a{position:relative;}

.menu_out .menu .menu_in .flow_nav {padding:10px 0 0 0;}
.menu_out .menu .menu_in .flow_nav ul li{line-height:1.5;margin:0 0 40px 0;}
.menu_out .menu .menu_in .flow_nav ul li a{font-weight:300;padding:15px 25px;color:#0000ff;display:block;border:1px solid #0000ff;border-radius:10px;}
.menu_out .menu .menu_in .flow_nav ul li:first-child a{font-weight:300;color:#ff00ff;border:1px solid #ff00ff;}
.menu_out .menu .menu_in .flow_nav ul li:last-child a{font-weight:300;color:#ff8500;border:1px solid #ff8500;}
.menu_out .menu .menu_in .flow_nav ul li span.sp1{display:block;font-size:12px;}
.menu_out .menu .menu_in .flow_nav ul li span.sp2{display:block;font-size:28px;font-weight:500;font-family: "Roboto", sans-serif;}
.menu_out .menu .menu_in .flow_nav ul li span.sp3{display:block;font-size:15px;font-weight:500;font-family: "Roboto", sans-serif;}




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




.bg {
  background-image: linear-gradient(150deg, rgba(140, 243, 114, 1) 10%, rgba(182, 252, 210, 1) 24%, rgba(142, 219, 132, 1) 40%, rgba(180, 252, 209, 1) 68%, rgba(144, 197, 186, 1) 90%);
  background-size: 400% 400%;
  animation: GradietionAnimation 3s infinite;
  width:100%;
  height:100%;
  position: fixed;
  top: 0;
  left: 0;
  content: '';
  z-index: -2;
}



.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);
}

.hikari {
  background: url(../img/common/hikari.webp) center 0 repeat-y;
  animation: hikariAnimation 8s infinite;

  background-size:120%;
  width:100%;
  height:100%;
  position: fixed;
  top: 0;
  left: 0;
  content: '';
  z-index: -1;
  mix-blend-mode: overlay;
  transform:translate3d(0,0,0);
  opacity: 0.9;
}/*
.hikari2 {
  background: url(../img/top/hikari.webp) center 0 repeat-y;
  background-size:120%;
  width:100%;
  height:100%;
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  z-index: -1;
  mix-blend-mode: overlay;
  transform:translate3d(0,0,0);
  opacity: 0.4;
}*/
.bg2 {
  background-image: linear-gradient(150deg, rgba(169, 246, 165, 1)10% , rgba(219, 252, 151, 1) 24%, rgba(127, 247, 83, 1) 40%, rgba(174, 250, 211, 1)90%);
  background-size: 400% 400%;
  animation: GradietionAnimation 3s ease infinite;
  width:100%;
  height:100%;
  /* position: fixed; */
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  z-index: -2;
}


/*
.bg {
  background:linear-gradient(45deg,#8cf372, #9bf6bf,#a9f6a5,#8cf372, #9bf6bf,#a9f6a5,#6ac064);
  background-size: 1000% 1000%;
  animation: GradietionAnimation 2s ease-in-out infinite;
  width:100%;
  height:100%;
  position: fixed;
  top: 0;
  left: 0;
  content: '';
  z-index: -2;
}



.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);
}

.hikari {
  background: url(../img/top/hikari.webp) center 0 repeat-y;
  background-size:120%;
  width:100%;
  height:100%;
  position: fixed;
  top: 0;
  left: 0;
  content: '';
  z-index: -1;
  mix-blend-mode: overlay;
  transform:translate3d(0,0,0);
  opacity: 0.6;

}


.bg2 {
  background:linear-gradient(45deg,#7ff753,#6ac064,#7ff753,#6ac064);
  background-size: 1000% 1000%;
  animation: GradietionAnimation 2s ease-in-out infinite;
  width:100%;
  height:100%;
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  z-index: -2;
}
*/
.inv1{opacity:0;}
.inv2{opacity:0;}
.inv3{opacity:0;}




@keyframes GradietionAnimation { 
  0%{background-position:0% 50%;}
  50%{background-position:100% 50%;}
  100%{background-position:0% 50%;}
}
@keyframes hikariAnimation { 
  0%{transform: scale(1, 1);}
  50%{transform: scale(1.3, 1.3);}
  100%{transform: scale(1, 1);}
}








@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:850px){


  header .h_in h1{padding:15px 0 0 0;}
  header .h_in{padding:0 15px;display:block;}

  header .h_in .flow_nav {margin:0;padding:15px 0 0 0;max-width:75%;}
  header .h_in .flow_nav ul li{min-width:0;margin:0 0 0 2px;}

  header .h_in .flow_nav ul li:first-child{border-radius:10px 0 0 10px;}
  header .h_in .flow_nav ul li:last-child{border-radius:0 10px 10px 0;}

  header .h_in .flow_nav ul li a{padding:15px 2px;font-size:10px;}
  header .h_in .flow_nav ul li span{font-size:17px;}



  footer .f_in .f_in_in .fnav_out{padding:40px 30px;}
  footer .f_in .f_in_in .fnav{margin:0 0 0 -40px;}
  footer .f_in .f_in_in .fnav_in{padding:0 0 0 45px;}
  footer .f_in .f_in_in .fnav_in:nth-child(2){padding:0 0 0 10px;}





}


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



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



  .con_in{padding:0 15px;}




  footer .f_in {background-image: none;}
  footer .f_in .f_in_in{padding:0 0 0 15px;}
  footer small{text-align:center;padding:20px 15px;}
  footer .f_in .f_in_in .fnav{flex-wrap: wrap;margin:0 0 0 -15px;}
  footer .f_in .f_in_in .fnav_in{padding:0 15px 0 15px;width:50%;}
  footer .f_in .f_in_in .fnav_in:nth-child(odd) {width:58%;}
  footer .f_in .f_in_in .fnav_in:nth-child(even) {width:42%;}

  footer .f_in .f_in_in .fnav_in:nth-child(2){padding:0 15px 0 15px;}

  footer .f_in .f_in_in .fnav_in h3{padding:40px 0 20px 0;}
  footer .f_in .f_in_in .fnav_in li{padding:0 0 10px 0;}
  footer .f_in .f_in_in .f_logo{padding:15px 0 20px 0;width:180px;}


  .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 a{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%;}





  .menu_out .menu .m_logo .m_logo_in{padding:15px 15px;}

  .menu_out .menu .menu_in{padding:40px 15px 20px 15px;display:block;text-align:center;}

  .menu_out .menu .menu_in nav ul {display:block;}
  .menu_out .menu .menu_in nav ul li{width:100%;padding:0 0 30px 0;}
  .menu_out .menu .menu_in nav ul li a.ico_blank {margin:0 auto;}

  .menu_out .menu .menu_in nav ul li .menu_main{padding:0 0 15px 0;}

  .menu_out .menu .menu_in .flow_nav {max-width:450px;width:80%;margin:0 auto;}
  .menu_out .menu .menu_in .flow_nav ul li{margin:0 0 20px 0;}

  .menu_out .menu .menu_in .flow_nav ul li a{padding:15px 15px;}


  .mouse-bg {display:none;}



  .hikari {background: url(../img/top/hikari.webp) center 0 repeat-y;background-size:190%;}
  .hikari2 {background: url(../img/top/hikari.webp) center 0 repeat-y;background-size:190%;}



}





/*　SmartPhone　*/
@media only screen and (max-width:480px){
	body{font-size:3.3vw;}
	footer small{font-size:3vw;}

	#wrapper footer {padding:80px 0 0 0;}
	footer small{font-size:3vw;}

/*
  header .h_in .flow_nav ul li a{font-size:2vw;padding:5px;}
  header .h_in .flow_nav ul li:first-child a{font-size:2vw;padding:5px;}
  header .h_in .flow_nav ul li:last-child a{font-size:2vw;padding:5px;}
*/

  header .h_in .flow_nav ul li a{font-size:1.4vw;padding:5px 0;}
  header .h_in .flow_nav ul li:first-child a{font-size:1.4vw;padding:5px 0;}
  header .h_in .flow_nav ul li:last-child a{font-size:1.4vw;padding:5px 0;}

  header .h_in .flow_nav ul li span{font-size:2.8vw;}

  footer .f_in .f_in_in .fnav_in h3{font-size:4vw;}
  footer .f_in .f_in_in .fnav_in li{font-size:3.5vw;}
  footer .f_in .f_in_in .f_logo{width:47vw;}


  .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;}


  .menu_out .menu .menu_in nav ul li .menu_main{font-size:5vw;}
  .menu_out .menu .menu_in nav ul li .menu_sb{font-size:4vw;}

  .menu_out .menu .menu_in .flow_nav ul li span.sp1{font-size:2.3vw;}
  .menu_out .menu .menu_in .flow_nav ul li span.sp2{font-size:5vw;}
  .menu_out .menu .menu_in .flow_nav ul li span.sp3{font-size:3.7vw;}



	/*
		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
	*/



}