@charset "UTF-8";


/*//フォントの定義*/
@font-face {
  font-family: "venticf-medium";
  src: url("../font/venticf-medium-webfont.eot") format("embedded-opentype"),
    url("../font/venticf-medium-webfont.woff") format("woff"), 
    url("../font/venticf-medium-webfont.ttf") format("truetype");
}
@font-face {
  font-family: "venticf-bold";
  src: url("../font/venticf-bold-webfont.eot") format("embedded-opentype"),
    url("../font/venticf-bold-webfont.woff") format("woff"), 
    url("../font/venticf-bold-webfont.ttf") format("truetype");
}
@font-face {
  font-family: "venticf-demibold";
  src: url("../font/venticf-demibold-webfont.eot") format("embedded-opentype"),
    url("../font/venticf-demibold-webfont.woff") format("woff"), 
    url("../font/venticf-demibold-webfont.ttf") format("truetype");
}
html,
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset,
legend, input, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0;
}

html{
  scroll-behavior: smooth;
}

ul li{
  text-decoration: none;
  list-style-type:none;
}

body{
  background-color: #ffffff;
}

main{
  max-width: 600px;
  width: 100%;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
  -webkit-text-size-adjust: 100%;
  word-wrap: break-word;
  overflow-wrap: break-word;
  text-align: center;
  margin: 0 auto;
}

a {
  text-decoration: none;
  transition: .2s;
}

a:hover{
  opacity: 0.7;
}

section{
  max-width: 600px;
  width: 100%;
  margin: 0 auto;
}

/*横幅1081px以上からのcss*/
.pc {
  display: block !important;
}

.sp {
  display: none;
}



/*横幅640pxまでのcss*/
@media screen and (max-width: 640px) {
  .pc {
      display: none !important;
  }
  .sp {
      display: block !important;
  }
}

@font-face {
  font-family: 'TextaIt';
  src: url("../fonts/TextaIt.ttf") format("truetype");
}

@font-face {
  font-family: 'TextaBold';
  src: url("../fonts/TextaBold.ttf") format("truetype");
}

#header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 4;
  background: #fff;
}

#header .header-top {
  background: #000;
  color: #fff;
}

#header .header-top__nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 15px;
}

#header .header-top__nav li a {
  padding: 11px 20px;
  line-height: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-size: 12px;
  color: #fff;
  position: relative;
}

.is-hello #header .inner {
  opacity: 1;
  transform: translateY(0);
}

#header .inner {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
  transform: translateY(-100%);
  transition: opacity .75s, transform .75s;
  opacity: 0;
}
.c-btn {
  width: 100%;
  max-width: 220px;
  height: 46px;
  margin: 0 auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-size: 16px;
  line-height: 1.2;
  font-family: Noto Sans JP, sans-serif;
  font-weight: 700;
  color: #fff;
  background: #d51f35;
  border: 4px solid #d51f35;
  -webkit-backface-visibility: hidden;
  transition: all .3s ease;
}
#header{position:fixed;top:0;left:0;right:0;z-index:4;background:#fff}#header .header-top{background:#000;color:#fff}#header .header-top__nav{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;max-width:1280px;margin:0 auto;padding:0 15px}@media screen and (max-width:767px){#header .header-top__nav{-ms-flex-pack:center;justify-content:center}}#header .header-top__nav li a{padding:11px 20px;line-height:1;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;color:#fff;position:relative}@media screen and (max-width:1024px){#header .header-top__nav li a{padding:15px 20px}}@media screen and (max-width:374px){#header .header-top__nav li a{padding:15px 10px}}#header .header-top__nav li a img{width:10px;display:inline-block;margin:0 7px 0 0}#header .header-top__nav li a:after{content:"";position:absolute;top:9px;right:0;bottom:9px;width:1px;background:#fff}@media screen and (max-width:1024px){#header .header-top__nav li a:after{bottom:12px}}#header .header-top__nav li:last-child a{border-right:none}@media screen and (min-width:1025px){#header .header-top__nav li:last-child a{padding-right:0}}#header .header-top__nav li:last-child a:after{display:none}#header .inner{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;position:relative;transform:translateY(-100%);transition:opacity .75s,transform .75s;opacity:0}#header .header-logo{width:45px}@media screen and (max-width:1024px){#header .header-logo{width:36px}}#header .header-nav{width:calc(100% - 100px);display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap}@media screen and (max-width:1024px){#header .header-nav{padding:1px}}#header .header-nav__menu{-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:end;align-items:flex-end;margin-right:20px}@media screen and (min-width:1025px){#header .header-nav__menu{display:-ms-flexbox!important;display:flex!important}}@media screen and (max-width:1024px){#header .header-nav__menu{display:none;position:absolute;top:100%;height:calc(100vh - 106px);background:#fff;left:0;right:0;margin:0;border-top:1px solid #ccc;padding-bottom:60px;overflow-y:scroll}}@media screen and (min-width:1025px){#header .header-nav__menu-sub{display:none!important;min-width:140px;background:#fff;position:absolute;top:100%;padding:0 20px 20px}}@media screen and (max-width:1024px){#header .header-nav__menu-sub{display:none;background:#f2f2f2;border-top:1px solid #ccc}}@media screen and (max-width:1024px){#header .header-nav__menu-sub li{border-bottom:none}}#header .header-nav__menu-sub li a{padding:10px 0}@media screen and (max-width:1024px){#header .header-nav__menu-sub li a{padding:15px 0}}#header .header-nav__menu-item{padding:0 15px;position:relative}@media screen and (max-width:1024px){#header .header-nav__menu-item{border-bottom:1px solid #ccc;padding:0}#header .header-nav__menu-item:last-child{margin-bottom:100px}}#header .header-nav__menu-item .fa-solid{display:none}@media screen and (max-width:1024px){#header .header-nav__menu-item .fa-solid{display:block;color:#d50032;font-size:23px;position:absolute;top:0;left:0;right:0;height:77px}#header .header-nav__menu-item .fa-solid:before{position:absolute;right:15px;top:50%;transform:translateY(-50%)}#header .header-nav__menu-item .fa-solid.active:before{content:"\f077"}}#header .header-nav__menu-item a{display:block;font-size:1.4rem;font-weight:700;color:#000;padding:21px 0 22px;text-align:center;position:relative;font-family: 'TextaBold',sans-serif;}@media screen and (max-width:1024px){#header .header-nav__menu-item a{font-size:2rem;padding:15px 0}}#header .header-nav__menu-item a span{display:block}#header .header-nav__menu-item a .c-ft--en-M{font-weight:500}#header .header-nav__menu-item a .c-ft--jp{font-size:12px;font-weight:400}@media screen and (max-width:1024px){#header .header-nav__menu-item a .c-ft--jp{font-size:1.4rem}}#header .header-nav__menu-item a:after{position:absolute;-webkit-backface-visibility:hidden;transition:all .3s ease;content:"";width:0;left:50%;bottom:2px;height:4px;background:#d51f35}@media screen and (min-width:1025px){#header .header-nav__menu-item a:hover{opacity:1}#header .header-nav__menu-item a:hover:after{width:100%;left:0}}@media screen and (min-width:1025px){#header .header-nav__menu-item:hover>a{opacity:1}#header .header-nav__menu-item:hover>a:after{width:100%;left:0}#header .header-nav__menu-item:hover .header-nav__menu-sub{display:block!important}#header .header-nav__menu-item.active>a:after,#header .header-nav__menu-item.active ul li.active a:after{width:100%;left:0}}#header .header-nav .c-btn{margin:0}@media screen and (max-width:1024px){#header .header-nav .c-btn{margin:0 42px 0 0;height:60px;max-width:175px}}#header .js-mobile{width:26px;height:30px;position:absolute;right:16px;top:50%;transform:translateY(-50%);cursor:pointer;z-index:3;display:none}@media screen and (max-width:1024px){#header .js-mobile{display:block}}#header .js-mobile span{position:absolute;top:50%;transform:translateY(-50%);display:block;width:100%;height:2px;background:#333;border-radius:3px}#header .js-mobile span:after,#header .js-mobile span:before{position:absolute;left:0;width:100%;height:100%;background:#191919;content:"";transition:transform .3s;border-radius:3px}#header .js-mobile span:before{transform:translateY(-250%);top:-4px}#header .js-mobile span:after{transform:translateY(250%);bottom:-4px}#header .js-mobile--close span{background-color:transparent}#header .js-mobile--close span:after,#header .js-mobile--close span:before{width:100%;background:#191919}#header .js-mobile--close span:before{transform:translateY(0) rotate(45deg);top:2px}#header .js-mobile--close span:after{transform:translateY(0) rotate(-45deg);bottom:-2px}.is-hello #header .inner{opacity:1;transform:translateY(0)}.is-hello .mv-video{opacity:1;visibility:visible}.is-hello .js-mv-content{opacity:1;transform:translateY(0);transition-delay:.5s}



#header .header-top__nav li {
  text-decoration: none!important;
}

.header-top__nav li::marker {
 color: #000000;
}
.header-nav__menu-item::marker {
  color:#ffffff;
}



@media screen and (max-width: 1440px) {
  .inner {
      max-width: 1130px;
  }
}

.inner {
  max-width: 1130px;
  padding: 0 15px;
    margin: 0 auto;
}

#header .header-logo {
  width: 45px;
}

#header .header-nav {
  width: calc(100% - 100px);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media screen and (min-width: 1025px) {
  #header .header-nav__menu {
      display: -ms-flexbox !important;
      display: flex !important;
  }
}

#header .header-nav__menu {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: end;
  align-items: flex-end;
  margin-right: 20px;
}


#header .header-nav__menu-item {
  padding: 0 15px;
  position: relative;
}

#header .header-nav__menu-item a .c-ft--en-M {
  font-weight: 500;
  font-size: 14px;
}



















/* fv */

.fv{
  max-width: 600px;
  width: 100%;
  padding:0;
}

.fv_img{
  max-width: 600px;
  width: 100%;
  margin: 0 auto;
}


.active{
  opacity: 1;
  visibility: visible;
}

/* /fv */

/* cta */

.cta {
  position: relative;
}

.cta_img{
  max-width: 600px;
  width: 100%;
  margin: -11px auto 0;
}

.cta_img2{
  max-width: 600px;
  width: 100%;
  margin: -5px auto 0;
}


.cta-btn {
  max-width: 590px;
  width: 78%;
  top: 41%;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
}

.cta-btn2 {
  bottom: 7%;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  width: 86.66667%;
}
@media screen and (max-width: 640px) {
  .cta-btn2 {
    bottom: 8%;
  }
}


/* /cta */


/* point */

.tt_img{
  max-width: 600px;
  width: 100%;
  margin: -60px auto 0;
}
@media screen and (max-width: 640px) {
  .tt_img{
    margin: -40px auto 0;
  }
}

.point_img{
  max-width: 600px;
  width: 90%;
  margin: 0 auto 40px;
}
@media screen and (max-width: 640px) {
  .point_img{
    margin: 0 auto 20px;
  }
}

/* /point */

.course{
  max-width: 600px;
  width: 100%;
  background-color: #84B8BD;
  padding:5px 0 55px;
}

@media screen and (max-width: 640px) {
  .course{
    padding:5px 0 25px;
  }
}

.course_title{
  max-width: 400px;
  width: 53%;
  margin:0 auto;
  text-align: center;
}

.course_inner{
  max-width:670px;
  width: 90%;
  margin: 0 auto;
  background-color: #f4f4f4;
  padding: 40px 0;
}
@media screen and (max-width: 640px) {
  .course_inner{
    padding: 20px 0;
  }
}

.course_img{
  max-width: 590px;
  width: 88%;
  margin: 0 auto;
}
.course_text{
  max-width: 590px;
  width: 88%;
  margin: 0 auto;
}
.course_text p{
  font-size: 20px;
  text-align: left;
  line-height: 2.2rem;
}

.schedule{
  max-width: 590px;
  width: 88%;
  text-align: left;
  margin:0 auto 40px;
}

._title{
  font-size: 18px;
  padding-bottom: 5px;
  margin-bottom: 3px;
  color: #5c8cc9;
  border-bottom: 2px solid #5c8cc9;
}

._text{
  font-weight: bold;
  line-height: 2rem;
  font-size: 18px;
  margin-bottom: 3px;
}
._list {
  display: grid;
  grid-template-columns: calc(var(--width)* 60 / 375) 1fr;
  gap: 1px;
  line-height: 2rem;
  background-color: #f3f3f3;
  border: 1px solid #f3f3f3;
  display: flex;
}
._list dt {
  text-align: center;
  padding: 0.5em;
  background-color: #d9edf2;
  font-size: 18px;
  line-height: 1.2rem;

}
._list dd {
  background-color: #fff;
  padding: 0.5em 0.8em 0.8em;
  font-size: 18px;
  width: 100%;
}
@media screen and (max-width: 640px) {
  .course_text p{
    font-size: 14px;
    line-height: 1.5rem;
    margin-bottom:35px;

  }
  ._list{
    line-height: 1.6rem;
  }
  ._text{
    font-size: 14px;
  }
  ._list dt {
    font-size: 14px;

  
  }
  ._list dd {
    font-size: 14px;
  }
}


.certification{
  max-width: 560px;
  width: 80%;
  margin: 110px auto 70px;
  text-align: center;
}
@media screen and (max-width: 640px) {
  .certification{
    margin: 55px auto 35px;
    text-align: center;
  }
}


.access{
  max-width: 600px;
  width: 100%;
  background-color: #5C8CC9;
  padding-bottom:20px;
}
@media screen and (max-width: 640px) {
  .access{
    padding:25px 0 10px;
  }
}

.access_title{
  max-width: 550px;
  width: 50%;
  margin: 58px auto 75px;
  text-align: center;
}
@media screen and (max-width: 640px) {
  .access_title{
    margin: 7px auto 36px;
    text-align: center;
  }
}

.access_inner{
  max-width: 610px;
  width: 86%;
  margin:0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: start;
}
.access_inner02{
  max-width: 610px;
  width: 86%;
  margin:0 auto;
}
.access_img02 img{
  max-width: 500px;
  width: 85%;
}

.access_text{
  font-size: 18px;
  text-align: center;
  color: #ffffff;
}

.access_map iframe{
  max-width: 500px;
  width: 86%;
  margin:40px auto;
}

@media screen and (max-width: 640px) {
  .access_img{
    display: contents;
  }
  .access_img02 img{
    width: 100%;
  }
  .access_text{
    font-size: 14px;
  }
  .access_map iframe{
    width: 100%;
  }
}

.access_img img{
  max-width: 220px;
  margin-bottom:40px;
}
@media screen and (max-width: 640px) {
  .access_img img{
    width: 45%;
    display: flex;
  }
}
.top_img{
  max-width: 600px;
  width: 100%;
  margin: -10px auto;
}

.bottom_img{
  max-width: 600px;
  width: 100%;
  margin:  -100px auto;
}
.bottom_img2{
  max-width: 600px;
  width: 100%;
  margin:  -30px auto;
}
@media screen and (max-width: 640px) {
  .bottom_img{
    margin:  -55px auto;
  }
  .bottom_img2{
    margin:  -5px auto;
  }
}

.qa_title{
  max-width: 448px;
  width: 69%;
  margin:110px auto 60px;
}
@media screen and (max-width: 640px) {
  .qa_title{
    margin:75px auto 30px;
  }
}

.movie iframe{
  margin:0 auto 88px;
}
@media screen and (max-width: 640px) {
  .movie iframe{
    margin:0 auto 44px;
    width: 80%;
    height: auto;
  }
}


footer{
  padding-top: 80px;
  background-color: #fff;
  padding-bottom: 140px;
}
@media screen and (max-width: 640px) {
  footer{
    padding-top: 40px;
    padding-bottom: 110px;

  }
}

.privacy img{
  max-width: 234px;
  width: 27%;
  margin: 0 auto 20px;
  text-align: center;
}
@media screen and (max-width: 640px) {
  .privacy img{
    margin: 0 auto ;
  }
}

.law img{
  max-width: 372px;
  width: 43%;
  margin: 0 auto 40px;
  text-align: center;
}


.footer_logo img{
  max-width: 433px;
  width: 57%;
  margin: 0px auto 80px;
}
@media screen and (max-width: 640px) {
  .footer_logo img{
    margin: 0px auto 40px;
  }
}





/* trial_flow */
.flow_img{
  max-width: 600px;
  width: 100%;
  margin: -5px auto 0;
}

/* /trial_flow */

/* plan */

.plan_img{
  max-width: 600px;
  width: 100%;
  margin: -5px auto 0;
}

/* /plan */

/* form */




.form_block{
  background-color: #D5D5D6;
  padding:40px 0;
}

.form_block h2{
  text-transform: uppercase;
  font-family: 'venticf-bold', sans-serif;
  font-size:60px;
  text-align: center;
  color: #5C8CC9;
  margin-bottom: 40px;
  line-height: 5rem;
}
@media screen and (max-width: 640px) {
  .form_block h2{
    font-size:40px;
    line-height: 3rem;
  }
}


.form-bottom{
  background-color: #5C8CC9;
  height: 5px;
  max-width: 400px;
  width: 30%;
margin: 0 auto;
}
@media screen and (max-width: 640px) {
  .form-bottom{
    width: 32%;
  }
}

.form_area{
  background-color: #5C8CC9;
  padding: 30px;
    max-width: 540px;
    width: 63%;
  margin: 0 auto;
}

@media screen and (max-width: 640px) {
  .form_area{
    padding: 30px 20px;
      width: 63%;
  }
}


/* /form */

/* studio */

.studio{
  background-color: #000000;
  padding:70px 0 80px;
  max-width: 600px;
  width: 100%;
  margin: -5px auto 0;
}
@media screen and (max-width: 640px) {
  .studio{
    padding:40px 0 40px;
  }
}

.studio h2 img{
  max-width: 288px;
  width: 50%;
  text-align: center;
  margin: 0 auto;
}

.studio_img{
  max-width: 550px;
  width: 73%;
  margin: 50px auto;
}
@media screen and (max-width: 640px) {
  .studio_img{
    margin:25px auto;
  }
}

.studio_info{
  max-width: 540px;
  width: 72%;
  margin: 0 auto;
  text-align: left;
  color:#ffffff;
}

.studio_info a{
  color:#ffffff;
}

.h3{
  margin-top: 40px;
}
@media screen and (max-width: 640px) {
  .h3{
    margin-top: 20px;
  }
}

.studio_info h3{
  font-family: 'TextaIt', sans-serif;
  font-weight: 400;
  font-size: 27px;
}

.studio_info p{
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
  font-size: 16px;
}


.map iframe{
  max-width: 550px;
  width: 100%;
  margin:40px auto;
  height: 380px;
}
@media screen and (max-width: 640px) {
  .map iframe{
    height: 240px;
  }
}

/* /studio */



/* footer */





.copyright p{
  font-family:  'venticf-medium', sans-serif;
  font-size: 28px;
  color: #ffffff;
}
@media screen and (max-width: 640px) {
  .copyright p{
    font-size: 14px;
  }
}

.copyright{
  width: 100%;
  background-color: #5C8CC9;
  padding: 80px 0 40px;
}
@media screen and (max-width: 640px) {
  .copyright{
    padding: 40px 0 20px;
  }
}
/* /footer */


#footer{background:#191919;color:#fff;font-size:1.6rem;padding:71px 0 0}@media screen and (max-width:767px){#footer{font-size:1.5rem;padding:52px 0 0}}#footer a{color:#fff}#footer .footer-sns{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:70px}@media screen and (max-width:767px){#footer .footer-sns{margin-bottom:34px}}#footer .footer-sns__ttl{display:block;font-size:24px;margin:0 32px 0 0;letter-spacing:1.3px;font-family: 'TextaBold';}@media screen and (max-width:767px){#footer .footer-sns__ttl{width:100%;font-size:2rem;margin:0 0 9px;text-align:center}}#footer .footer-sns__list{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap}#footer .footer-sns__list-item{padding:0 7px}#footer .footer-sns__list-item img{width:35px}#footer .footer-nav{border-top:1px solid #666768;padding:66px 0 70px}@media screen and (max-width:767px){#footer .footer-nav{padding:37px 0 33px}}#footer .footer-nav__list{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap;font-weight:500;max-width:1045px;margin:0 auto;padding:0 15px;letter-spacing:1px}@media screen and (max-width:767px){#footer .footer-nav__list{padding:0 20px}}#footer .footer-nav__list-item{padding-right:15px;width:24%;text-align:center}@media screen and (max-width:767px){#footer .footer-nav__list-item ul li{letter-spacing:0;margin-bottom:8px}#footer .footer-nav__list-item ul li:last-child{margin-bottom:0}}@media screen and (max-width:640px){#footer .footer-nav__list-item{width:50%;padding:0 0 37px;text-align:left}}#footer .footer-nav__list-item:last-child{margin-right:0}#footer .footer-nav__list-item span{display:block;font-weight:900;margin-bottom:15px;font-size: 16px; }@media screen and (max-width:767px){#footer .footer-nav__list-item span{margin-bottom:17px}}#footer .footer-nav-other{border-top:1px solid #666768;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;font-weight:500;padding:18px 15px;letter-spacing:1px}@media screen and (max-width:767px){#footer .footer-nav-other{padding:6px 15px 15px;letter-spacing:0}}#footer .footer-nav__list-item a{font-size: 16px; }#footer .footer-nav-other__item{padding:0 3.5%}@media screen and (max-width:767px){#footer .footer-nav-other__item{padding:0 20px}}

.footer_btn img{
  max-width: 600px;
  width: 70%;
  margin: 0 auto;
}


.footer_btn_k{
  background-color: #5c8cc9;
  width: 100%;
  height: 70px;
  position: fixed;
  bottom: 0;
  padding: 20px 0 0px;
  z-index: 50;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
  visibility: hidden;
}

@media screen and (max-width: 640px) {
  .footer_btn_k{
    height: 60px;
    padding: 20px 0 0px;
  }
}

.footer_btn_k img{
  max-width: 300px;
  width: 60%;
  margin: 10px auto 0;
}



.footer-sns__list-item::marker{
  color: #191919;
}


.footer-nav__list-item::marker{
  color: #191919;
}

.footer-nav__list-item li::marker{
  color: #191919;
}







.active{
  opacity: 1;
  visibility: visible;
}

.yureru-s {
  animation: yureru-s 2s infinite;
}
@keyframes yureru-s {
  0% {
      transform: translate(2px, 0px);
  }
  5% {
      transform: translate(-2px, 0px);
  }
  10% {
      transform: translate(2px, 0px);
  }
  15% {
      transform: translate(-2px, 0px);
  }
  20% {
      transform: translate(2px, 0px);
  }
  25% {
      transform: translate(-2px, 0px);
  }
  30% {
      transform: translate(0px, 0px);
  }
}

.shadow{
  box-shadow: 5px 5px 0 0 rgba(0,0,0,0.3);
}

.thanks{
  text-align: center;
  color: #000;
  padding: 100px 0;
}

.thanks h1{
  font-family: 'TextaBold', sans-serif;
  font-size: 50px;
}
.thanks h2{
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 40px;
}

.thanks_en{
  font-family: 'TextaBold', sans-serif;
  font-size: 20px;
  margin-bottom: 10px;

}

.thanks_jp{
  font-size: 18px;
  margin-bottom: 46px;
}