@charset "UTF-8";
html { font-size: 62.5%;/*scroll-behavior: smooth;*/}
body {color: #000;font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;font-size:1.6rem;font-weight:500;-webkit-text-size-adjust: 100%;width:100%;margin:0 auto;position: relative;background:#fff;overflow-wrap: break-word;overflow-x:hidden;}

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:#4d4d4d;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{transition:opacity 0.4s linear!important;-webkit-transition:opacity 0.4s linear!important;-moz-transition:opacity 0.4s linear!important;}
a img:hover{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;cursor: pointer;}
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;}


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


footer .f_img{width:100%;}
footer .f_img img{width:100%;}

.con_in{padding:0 40px;max-width:1080px;margin:0 auto;}



.app_outline{max-width:1260px;margin:0 auto;padding:15px 0 0 0;}
.app_outline .app_outline_in{max-width:1000px;margin:0 auto;padding:60px 0 30px 0;font-size:1.4rem;}

.kiyaku{background:#fff;margin:15px auto 0 auto;max-width:55.83vw;font-size:1.4rem;border:1px solid #b2b2b2;padding:15px;}
.kiyaku_in p{max-height:548px;overflow-y:auto;position: relative;padding:0 20px 0 0;font-size:1.9vw;}


.ps__rail-y .ps__thumb-y { background: #b2b2b2;border-radius:50px;}
.ps__rail-x, .ps__rail-y {opacity: 1!important;}

.ps {
  overflow: hidden !important;
  overflow-anchor: none;
  -ms-overflow-style: none;
  touch-action: auto;
  -ms-touch-action: auto;
}

.ps__rail-x {
  display: none;
  opacity: 0;
  transition: background-color .2s linear, opacity .2s linear;
  -webkit-transition: background-color .2s linear, opacity .2s linear;
  height: 15px;
  bottom: 0px;
  position: absolute;
}

.ps__rail-y {
  display: none;
  opacity: 0;
  transition: background-color .2s linear, opacity .2s linear;
  -webkit-transition: background-color .2s linear, opacity .2s linear;
  width: 10px;
  right: 0;
  position: absolute;
}

.ps--active-x > .ps__rail-x,
.ps--active-y > .ps__rail-y {
  display: block;
  background-color: #fff;
}

.ps:hover > .ps__rail-x,
.ps:hover > .ps__rail-y,
.ps--focus > .ps__rail-x,
.ps--focus > .ps__rail-y,
.ps--scrolling-x > .ps__rail-x,
.ps--scrolling-y > .ps__rail-y {
  opacity: 0.6;
}



.ps__thumb-y {
  background-color: #ccc;
  transition: background-color .2s linear, width .2s ease-in-out;
  -webkit-transition: background-color .2s linear, width .2s ease-in-out;
  width: 10px;
  right: 0;
  position: absolute;
}

/* MS supports */
@supports (-ms-overflow-style: none) {
  .ps {overflow: auto !important;}
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ps {overflow: auto !important;}
}

.inv1{opacity:0;animation-delay: 0.5s!important;}
.inv1-1{opacity:0;}
.inv1-2{opacity:0;animation-delay: 4s!important;}
.inv1-3{opacity:0;animation-delay: 2s!important;}
.inv1-4{opacity:0;animation-delay: 2.5s!important;}









.bg1{background:url(../img/bg1.png) center top no-repeat;background-size:cover;padding:0 0 33% 0;}
.bg1 h1{width:100vw;margin:0 auto;}
.bg1 h1 img{width:100vw;}
.btn1{max-width:42vw;margin:0 auto;padding:0.5vw 0 2vw 0 ;}
.btn1 a{overflow:hidden;position:relative;display:block;border-radius: 300px;box-shadow: 0px 2px 10px 5px rgba(0, 0, 0, 0.2);}
.btn1 a img{width:100%;}
.bg1 .kv_txt{max-width:49.67vw;margin:0 auto;}

.bg2{background:url(../img/bg2.png) center top no-repeat;background-size:cover;}
.bg2 .img1{max-width:60.17vw;margin:0 auto 0 auto;position:relative;top:-30vw;}
.bg2 .img1 img{width:100%;}
.bg2 .img2{max-width:60.17vw;margin:0 auto 0 auto;position:relative;top:-27vw;}
.bg2 .img2 img{width:100%;}
.bg2 .img3{max-width:60.17vw;margin:0 auto 0 auto;position:relative;top:-24vw;}
.bg2 .img3 img{width:100%;}
.bg2 .img4{max-width:60.17vw;margin:0 auto 0 auto;position:relative;top:-21vw;}
.bg2 .img4 img{width:100%;}



.bg3{background:url(../img/bg3.png) center top no-repeat;background-size:cover;position:relative;top:-15vw;}
.bg3 .img5{max-width:52.25vw;margin:0 auto;padding:5vw 0 1vw 0;}
.bg3 .img5 img{width:100%;}
.bg3 .form_area{background:#fff;max-width:60vw;margin:0 auto;border-radius:14px;}
.bg3 .form_area .img6{max-width:56.83vw;margin:0 auto;padding:2vw 0 0 0;}
.bg3 .form_area .img6 img{width:100%;}
.bg3 .form_area .img7{max-width:56.83vw;margin:0 auto;padding:2vw 0 0 0;}
.bg3 .form_area .img7 img{width:100%;}
.bg3 .img8{max-width:51.25vw;margin:0 auto;padding:7vw 0 1vw 0;}
.bg3 .img8 img{width:100%;}
.bg3 .img9{max-width:65vw;margin:0 auto;padding:2vw 0 1vw 0;position:relative;}
.bg3 .img9 img{width:100%;}
.bg3 .img9 p{max-width:65vw;margin:0 auto;padding:2vw 0 1vw 0;position:absolute;bottom:6.5%;left:14%;font-size:2.3vw;color:#fff;line-height:1.9;}
.bg3 .img9 p a{text-decoration:underline;color:#00b8ff;}
.bg3 .img9 .btn1_sp{display:none;}

.bg4{position:relative;top:-6vw;}






.img10{max-width:35.33vw;margin:0 auto;padding:2vw 0 0 0;}
.img10 img{width:100%;}
.img11{max-width:24.67vw;margin:0 auto;padding:12vw 0 0 0;}
.img11 img{width:100%;}


#application-form {max-width:56.83vw;margin:0 auto;padding:3vw 0 5vw 0;overflow:hidden;}
#application-form label{display:block;font-size:2.5vw;font-weight:bold;padding:2vw 0 0 0.8vw;}
#application-form label span{color:#e41f1a;font-size:1.8vw;vertical-align:middle;padding:0 0 0 5px;}
#application-form input[type="text"]{border:1px solid #ccc;background:#fff;border-radius:10px;width:100%;padding:20px ;font-size:2.5vw;box-shadow: inset 0px 0px 15px 0px rgba(0, 0, 0, 0.1);}
#application-form input[type="email"]{border:1px solid #ccc;background:#fff;border-radius:10px;width:100%;padding:20px ;font-size:2.5vw;box-shadow: inset 0px 0px 15px 0px rgba(0, 0, 0, 0.1);}
#application-form select{border:1px solid #ccc;background:#fff;width:100%;padding:20px ;font-size:2.5vw;border-radius:0;-webkit-appearance: none;appearance: none;-webkit-border-radius: 0;position: relative;background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='12' width='12' xmlns='http://www.w3.org/2000/svg'><polygon points='0,0 12,0 6,7'/></svg>");  background-repeat: no-repeat;  background-position: right 10px center;  background-size: 12px;color: #000;}
#application-form #submitBtn {background: url(../img/btn2.png) 0 center no-repeat;background-size: cover;width: 47vw;height: 10vw;cursor: pointer;text-indent: -9999px;display:block;margin:5vw auto 0 auto;box-shadow: 0px 2px 10px 5px rgba(0, 0, 0, 0.2);border-radius: 300px;}


/* IE 対応（念のため） */
#item::-ms-expand {
  display: none;
}


#application-form .sbmitbtn{position:relative;overflow: hidden;padding:0 0 20px 0;}
/*#application-form #submitBtn:disabled {mix-blend-mode: luminosity;filter: grayscale(100%);opacity: 0.7;position:relative;z-index:2;}*/
#application-form #submitBtn:disabled {background: url(../img/btn2_of.png) 0 center no-repeat;background-size: cover;box-shadow: 0px 2px 10px 5px rgba(255, 255, 255, 0.2);position:relative;z-index:2;}
#application-form #submitBtn:disabled:hover {opacity:1;}


.slide_shiny {
  animation: shiny 2s linear both infinite;
}
.btn_shiny {
  position: absolute;
  top: 0;
  left: 0;
  width: 40%;
  height: 100%;
  top: 0;
  transform: skew(20deg, 0deg);
  background-image: linear-gradient(
  left,
  rgba(255, 255, 255, 0) 0%,
  rgba(255, 255, 255, 1) 50%,
  rgba(000, 255, 255, 0) 100%
  );
  background-image: -webkit-gradient(
  linear,
  left bottom,
  right bottom,
  color-stop(0%, rgba(255, 255, 255, 0)),
  color-stop(50%, rgba(255, 255, 255, 1)),
  color-stop(100%, rgba(255, 255, 255, 0))
  );
  pointer-events: none;
}
@keyframes shiny {
  0% {
    left: -20%;
  }

  40% {
    left: 120%;
  }

  100% {
    left: 120%;
  }
}



.modal {display: none;position: fixed;z-index: 1000;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);}

.modal-content {background:#ad181f url(../img/bg_thanks.png) 0 0 no-repeat;background-size:cover;position: relative;margin: 0 auto;padding: 30px 0 60px 0;width: 100%;height:100vh;overflow-y:scroll;max-width: 100%;text-align: center;}
.modal-close-btn {cursor: pointer;width:19.33vw;margin:0 auto;padding:30px 0 0 0;}
.modal-close-btn:hover {color: #000;}
.error {color: #F00;}

.thanks_img1 img{width:100%;}
.thanks_img2{width:58.33vw;margin:0 auto;padding:20px 0 0 0;}
.thanks_img2 img{width:100%;}
.thanks_img3{width:39.67vw;margin:0 auto;padding:30px 0 0 0;}
.thanks_img3 img{width:100%;}


.cap{display:flex;font-size:1.8vw;padding-top:3vw;}








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












  .app_outline{padding:0;}

  .kiyaku{max-width:85.9vw;padding:10px 10px 10px 10px;}
  .kiyaku_in p{max-height:274px;padding:0 20px 0 0;}







  .btn1{max-width:64.62vw;padding:5px 0 15px 0 ;}
  .bg1 .kv_txt{max-width:75.77vw;}

  .bg2 {padding-bottom:20vw;}
  .bg2 .img1{max-width:92.56vw;top:-29vw;}
  .bg2 .img2{max-width:92.56vw;top:-22vw;}
  .bg2 .img3{max-width:92.56vw;top:-16vw;}
  .bg2 .img4{max-width:92.56vw;top:-7vw;}



  .bg3 .img5{max-width:80.38vw;padding:10vw 0 2vw 0;}
  .bg3 .form_area{max-width:92.31vw;padding:15px;}
  .bg3 .form_area .img6{max-width:100vw;padding:2vw 0 0 0;}
  .bg3 .form_area .img7{max-width:100vw;padding:25px 0 0 0;}
  .bg3 .img8{max-width:78.85vw;padding:12vw 0 1vw 0;}
  .bg3 .img9{max-width:100vw;padding:5vw 0 1vw 0;}
  .bg3 .img9 p{font-size:3.4vw;bottom:8.5%;}
  .bg3 .img9 .btn1_sp{display:block;position:absolute;top:43%;left:17%;}

  .bg4{top:-6vw;}






  .img10{max-width:54.36vw;padding:2vw 0 0 0;}
  .img11{max-width:37.95vw;padding:12vw 0 0 0;}


  #application-form {max-width:100vw;padding:3vw 0 5vw 0;}
  #application-form label{font-size:2.5vw;padding:4vw 0 0 0.8vw;}
  #application-form label span{font-size:1.8vw;padding:0 0 0 5px;}
  #application-form input[type="text"]{padding:10px;font-size:2.5vw;}
  #application-form input[type="email"]{padding:10px;font-size:2.5vw;}
  #application-form select{padding:10px;font-size:2.5vw;}
  #application-form #submitBtn {width: 73.85vw;height: 16vw;margin:12vw auto 0 auto;border-radius: 65px;}




  .modal-close-btn {width:29.74vw;}
  .thanks_img2{width:89.74vw;}
  .thanks_img3{width:61.03vw;}


  .cap{font-size:2.5vw;padding-top:5vw;}


















}





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


  .app_outline .app_outline_in{font-size:4vw;}
  .kiyaku p{font-size:3.5vw;}

  #application-form label{font-size:4vw;}
  #application-form label span{font-size:3.5vw;}
  #application-form input[type="text"]{font-size:4vw;}
  #application-form input[type="email"]{font-size:4vw;}
  #application-form select{font-size:4vw;}


  .cap{font-size:3.5vw;}

}