@charset "UTF-8";
/*
  -webkit-transition: 0.2s ease-in-out;  -moz-transition: 0.2s ease-in-out;  -o-transition: 0.2s ease-in-out;transition: 0.2s ease-in-out;
*/
.for-old{display: none;}
.for-no-js, .for-old {text-align: center;width: 100%;background: #000;color: #fff;height: 40px;line-height: 40px;z-index: 11;}
.pc,
._pc{}
.sp,
._sp{display: none !important;}
.pc-inline {
  display: inline-block;
}
.sp-inline {
  display: none;
}
html.show-popup { position: relative; overflow-y: hidden; }
#header{width: 100%; margin: 0 auto; filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.1)); background-color: #fff;}
#header *:not(a) { -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
#header.on-scroll { position: fixed; top: 0; width: 100%; z-index: 11; background: #ffffff;}
#header.on-scroll .top.pc { display: none; }
#header.on-scroll #gnav { border-bottom: none; }
#header.on-scroll #gnav .inner ul li a .h { margin-bottom: 0; }
#header.on-scroll .body {
  height: 68px;
}
#header.on-scroll .body .inner .ctn-header-pc {
  min-height: 68px;
}
#header .top{position: relative;height: 30px;background: #000;color: #fff;}
#header .top .text{padding-top: 9px;font-size: 12px;}
#header .inner{width: 100%;position: relative;margin: 0 auto;}
#header .top .box-links{position: absolute;top:4px;right: 0px;width: 250px;}
#header .top .box-links .tel{font-size: 14px;background: url(../../images/icon-tel.png) no-repeat left center;padding: 5px 0 7px 14px;float: left;background-size: 10px;margin-right: 10px;}
#header .top .box-links .box-related_business{font-size: 14px;background: url(../../images/icon-related_business.png) no-repeat left center;padding: 5px 0 7px 14px;float: left;background-size: 10px;}

#header .body{height: 88px;overflow: hidden;}
#header .body .inner{width: 100%;max-width: 1440px;margin: 0 auto;position: relative;
  box-sizing: border-box;
  padding: 0 20px;
}
#header.on-scroll .body .inner {
  box-sizing: border-box;
  padding: 0 10px;
}
#header.on-scroll {
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.05));
}
#header .body .inner .ctn-header-pc{display: flex;justify-content: space-between;align-items: center;min-height: 88px;}
#header .body .logo{width: 140px;margin-left: 10px; margin-top: -6px;}
#header.on-scroll .body .logo {width: 120px;margin-left: 9px; margin-top: 0px;}
#header .body .logo img{width: 100%;height: auto;}
#header.on-scroll .body .logo img {
  width: 120px;
}
#header .body .box-cta {
  display: flex;
  justify-content: end;
}
#header .body .box-cta:hover {
  cursor: pointer;
}
#header .body .box-cta .btn-cta span {
  width: 84px;
  border-radius: 4px;
  height: 48px;
  line-height: 48px;
  text-align: center;
  display: inline-block;
  position: relative;
  padding: 0 23px 0 13px;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  transition: all 0.5s;
}
#header .body .box-cta .btn-cta:hover {
  opacity: 1;
  border-radius: 8px;
}
#header .body .box-cta .btn-cta.to-company span {background: #CFAD5F; margin-right: 10px;}
#header .body .box-cta .btn-cta.to-company:hover span {
  margin-top: -3px!important;
}
#header .body .box-cta .btn-cta.trial-free:hover span {
  margin-top: -3px!important;
}
#header .body .box-cta .btn-cta.trial-free {
  text-decoration: none;
}
#header .body .box-cta .btn-cta.trial-free span {background: #4DBAC1;line-height: 1.5;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 11px;
  width: auto;
}
#header .body .box-cta .btn-cta.to-company span::after {
  content: ' ';
  width: 12px;
  height: 12px;
  background: url(../../images/arrow-right-crice.svg);
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  right: 2px;
  top: 50%;
  -webkit-transform: translate(-5px,-50%);
  transform: translate(-5px,-50%)
}
#header .body .box-cta .btn-cta.trial-free span::after {
  content: ' ';
  width: 12px;
  height: 12px;
  background: url(../../images/arrow-right-crice_blue.svg);
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  right: 2px;
  top: 50%;
  -webkit-transform: translate(-5px,-50%);
  transform: translate(-5px,-50%)
}

#header .nav-header-sp{display: none;}

/* #header #gnav{border-bottom: 3px solid #D33339;} */
#header #gnav {margin-right: -4px;}
#header #gnav .inner_menu{width: 100%;max-width: 1350px;margin: 0 auto;display: flex;align-items: center;}
#header #gnav .inner_menu ul{display: flex; justify-content: flex-end;height: 52px;align-items: center;}
#header #gnav .inner_menu ul li{}
#header #gnav .inner_menu ul li a{display: block;box-sizing: border-box;text-align: center;padding: 36px 0;text-decoration: none;margin:0 20px 0 0;position: relative; color: #2C2F2F;font-weight: 700;transition: all 0.5s;}
#header #gnav .inner_menu ul li a:hover, #header #gnav .inner_menu ul li a.active{opacity: 1;color:#D33339;text-decoration: none;transition: all 0.5s;}
#header #gnav .inner_menu ul li a::after{content: "";width: 100%;height: 5px;background-color: #D33339;border-top-left-radius: 3px;border-top-right-radius: 3px;position: absolute;bottom: -6px; left: 0;}
#header #gnav .inner_menu ul li a:hover::after, #header #gnav .inner_menu ul li a.active::after {
bottom: -1px;
-webkit-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
}

#header #gnav .inner_menu ul li.last {border-right: none;}
#header #gnav .inner_menu ul li a .h{display: block;font-size: 14px;font-weight: 700;color:#2C2F2F;}
#header #gnav .inner_menu ul li a:hover .h{color: #D33339}
#header #gnav .inner_menu ul li a:hover sub{color: #fff;}

#header #gnav .inner_menu ul li .login-member {color: #959797;
  padding: 13px 20px;
  margin: 0;
  border-left: 1px solid #DDDDDD;
  font-size: 12px;
}
#header #gnav .inner_menu ul li .login-member:after {
  display: none;
}
#header.on-scroll #gnav .inner_menu ul li a:hover::after, #header.on-scroll #gnav .inner_menu ul li a.active::after {
  bottom: 9px;
}
.popup-related_business {display: none;position: absolute;right: 50px;top:30px;background: #fff;box-shadow: 0 0 6px #999;}
.popup-related_business .box-links{}
.popup-related_business .box-links ul{list-style: none;}
.popup-related_business .box-links ul li{float: left;padding: 10px;width: 150px;}
.popup-related_business .box-links ul li .h{font-weight: bold;font-weight: normal;text-align: center;color: #999;margin-bottom: 5px;font-size: 10px;}
.popup-related_business .box-links ul li .image img{width: 100%;height: auto;border: 1px solid #ccc;}

.box-popup{position: fixed;z-index: 11;left: 0px;right: 0px;width: 1000px;margin: 0 auto;display: none;}
.box-popup.on-scroll{ top: 132px; }
.box-popup .inner{background: #f3f3f3;height: 100%;box-shadow: 0 2px 6px #ccc;border-bottom: 4px solid #D33339;}
.box-popup .inner ul{display:flex; flex-wrap: wrap; list-style: none;box-sizing: border-box;padding: 30px;}
.box-popup .inner li{width: calc((100% - 44px) / 5);margin-right: 11px;margin-bottom: 10px;border: 1px solid #ddd;background: #fff;box-sizing: border-box;}
.box-popup .inner li:nth-child(5n+5){margin-right: 0;}
.box-popup .inner .box-image{background-size: cover !important;height: 100px;width: 100%;box-sizing: border-box;border: 1px solid #eee;background-position: center center;}
.box-popup .inner .box-text{width: 100%;padding: 10px;box-sizing: border-box;}
.box-popup .inner .box-text .name{font-size: 12px;font-weight: normal;line-height: 1.4;}
.box-popup .inner .box-text .sub{font-size: 10px;color: #666;margin-top: 4px;line-height: 1.4;}
.box-popup .inner a {color: #333;text-decoration: none;}

.box-popup.course {width: 624px;}
.box-popup.course .inner li{width: calc((100% - 22px) / 3);margin-right: 11px;margin-bottom: 10px;box-sizing: border-box;border: 1px solid #ddd;background: #fff;}
.box-popup.course .inner li:nth-child(3n+3){margin-right: 0;}
.box-popup.course .inner .box-image{background-size: cover !important;height: 100px;width: 100%;box-sizing: border-box;border: 1px solid #eee;background-position: center center;}
.box-popup.course .inner .box-text{width: 100%;height: 40px;padding: 10px;box-sizing: border-box;}


#footer{clear: both; background-color: #2C2F2F; }
#footer #section-contact{width: 100%;background: url(../../images/bg-footer_cta.png) center center;background-size: cover;}
#footer #section-contact .inner{position: relative;max-width: 1400px;margin: 0 auto;height: 230px;}
#footer #section-contact .inner .box-link{margin: 0 auto;width: 1000px;position: relative;height: 230px;}
#footer #section-contact .inner .box-link .btn-cta{float: left;margin-right:0;text-align: right;}
#footer #section-contact .inner .box-link .btn-cta:nth-child(1){position: absolute;top:80px;left: 40px;width: 370px;}
#footer #section-contact .inner .box-link .btn-cta:nth-child(2){margin-right: 0;position: absolute;top:70px;right: 40px;width: 445px;}
#footer #section-contact .inner .box-link .btn-cta a{display: block;}
#footer #section-contact .inner .box-link .btn-cta a img{width: 100%;height: auto;}
#footer #section-contact .inner .box-link .btn-cta:last-child a img{width: 100%;}

/* #footer #section-banner{width: 100%;}
#footer #section-banner .inner{max-width: 1400px;margin: 0 auto;}
#footer #section-banner .inner .box{width: 1000px;margin: 0 auto;}
#footer #section-banner .inner .box-link-head{padding: 80px 0 95px 0}
#footer #section-banner .inner .box-link-head p{box-sizing: border-box;margin: 0 auto;text-align: center;width: 50%;}
#footer #section-banner .inner .box-link-head p img{width: 100%;}
#footer #section-banner .inner .box-link-head p a{}

#footer #section-banner .inner .box-link-body{position: relative;height: 78px;padding-top: 20px;}
#footer #section-banner .inner .box-link-body p{float: left;width: 25%;box-sizing: border-box;padding: 0 10px;}
#footer #section-banner .inner .box-link-body p:last-child{margin-right: 0;}
#footer #section-banner .inner .box-link-body p a{}
#footer #section-banner .inner .box-link-body p a img{width: 100%;height: auto;} */

#footer #section-banner {padding: 60px 0;max-width: 1024px;margin: 0 auto;border-bottom: 1px solid rgb(149 151 151 / 20%);}
#footer #section-banner .box {display: flex;justify-content: space-between;}
#footer #section-banner .box a {display: block; max-width: 317px;}
#footer #section-banner .box a img {width: 100%;}

#footer #section-sitelink{width: 100%;color: #fff;font-size: 14px;padding-bottom: 46px;}
#footer #section-sitelink .inner{position: relative;max-width: 1400px;margin: 0 auto;}
#footer #section-sitelink .inner p.totop{padding:20px 4%; box-sizing:border-box; background:#fff; display:block;}
#footer #section-sitelink .inner p.totop a{width:calc(100% - 4px); height:55px;; line-height:55px; border:#989590 2px solid; border-radius:5px; display:inline-block; text-align:center; color:#989590; background:url(../../images/icon-totop.png) 96% 50% no-repeat; background-size:15px 9px; text-decoration:none;}
#footer #section-sitelink .inner p.totop a span{font-size:1.5rem;}



/*_pc*/
#footer ul li p._arrow{}
#footer ul li p._arrow.orage a{}
#footer ul li p._arrow.orage a:before{}
#footer ul li p._arrow.white{}

#footer #section-sitelink .inner .global._pc{width: 1024px; margin: 0 auto;}
#footer #section-sitelink .inner .global .ft-info{padding: 60px 0 36px;display: flex;justify-content: start;align-items: center;}
#footer #section-sitelink .inner .global .ft-info p {
  margin-left: 40px;
  font-weight: 700;
  font-size: 12px;
  line-height: 1.75;
  color: #959797;
}
#footer #section-sitelink .inner .global .ft-info a:hover {
  opacity: 1;
}
#footer #section-sitelink .inner .global .ft-info img {width: 180px;}
#footer #section-sitelink .inner .global._pc a.{color: #fff;text-decoration: none;font-weight: 300;}
#footer #section-sitelink .inner .global._pc .box-headlink{display: flex;justify-content: space-between;}
/* #footer #section-sitelink .inner .global._pc .box-headlink {float: left;width: 450px;}
#footer #section-sitelink .inner .global._pc .box-headlink  ul{float: left;width: 200px;}
#footer #section-sitelink .inner .global._pc .box-headlink  ul li{margin-bottom: 20px;}
#footer #section-sitelink .inner .global._pc .box-headlink  ul li p{} */
#footer #section-sitelink .inner .global._pc .box-headlink .box-menu {
  width: 26%;
}
#footer #section-sitelink .inner .global._pc .box-headlink .box-menu a{padding-bottom: 15px; display: block; text-decoration: none;  position: relative;padding-left: 12px; font-size: 11px;line-height: 1.75;color: #DDDDDD; font-weight: 700;}
#footer #section-sitelink .inner .global._pc .box-headlink .box-menu a:before{content: '';position: absolute; background: url(../../images/ft_arrow_red.svg);
  width: 6px;
  height: 9px;
  background-size: cover;
  left: 0px;
  top: 6px;
  background-repeat: no-repeat;}
#footer #section-sitelink .inner .global._pc .box-headlink .box-menu a.has-sub {
  padding-bottom: 0;
}
#footer #section-sitelink .inner .global._pc .box-headlink .box-menu a:hover {
  opacity: 1;
  text-decoration: underline;
}
#footer #section-sitelink .inner .global._pc .box-headlink .box-menu .ft-submenu {padding-left: 12px;}
#footer #section-sitelink .inner .global._pc .box-headlink .box-menu .ft-submenu a {font-weight: 400;padding-bottom: 2px;}
#footer #section-sitelink .inner .global._pc .box-headlink .box-menu .ft-submenu li:last-child {
  padding-bottom:11px;
}

/* #footer #section-sitelink .inner .global._pc .box-headlink .box-sub{float: left;width: 540px;} */
/* #footer #section-sitelink .inner .global._pc .box-headlink .box-sub .box ul li p a{position: relative;padding-left: 10px;} */
/* #footer #section-sitelink .inner .global._pc .box-headlink .box-sub .box ul li p a:before{content: '';position: absolute;background: url(../../images/arrow-white.png) no-repeat left center;width: 10px;height: 15px;background-size: 5px 9px;left: 0px;} */
#footer #section-sitelink .inner .global._pc .box-bodylink{clear: both;}
#footer #section-sitelink .inner .global._pc .box-bodylink .box-sub{}
#footer #section-sitelink .inner .global._pc .box-bodylink h4{}
#footer #section-sitelink .inner .global._pc .box-bodylink h4 a{}
#footer #section-sitelink .inner .global._pc .box-bodylink ul{width: 1000px;margin: 40px auto 0;}
#footer #section-sitelink .inner .global._pc .box-bodylink ul li{display: inline-block;margin-right: 20px;list-style:none;}
#footer #section-sitelink .inner .global._pc .box-bodylink ul li a{position: relative;padding-left: 16px;}
#footer #section-sitelink .inner .global._pc .box-bodylink ul li a:before{content: '';position: absolute;background: url(../../images/arrow-white.png) no-repeat left center;width: 10px;height: 15px;background-size: 10px 15px;left: 0px;}
#footer #section-sitelink .inner .global._pc .box-bodylink ul li .borderlink a{background-color:#D33339;padding: 5px 15px 5px 25px;color:#fff;line-height:1.2; }
#footer #section-sitelink .inner .global._pc .box-bodylink ul li .borderlink a:before{top:50%;transform: translateY(-50%) ;left:7px;background-size: 7px auto;}
#footer #section-sitelink .inner .global._pc .box h4{
  padding-bottom: 15px;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 175%;
  color: #959797;
}
#footer #section-sitelink .inner .global._pc .box-sns a::before{ display: none;}
#footer #section-sitelink .inner .global._pc .box-sns .btn_login-member span {
  display: block; min-width: 230px;background: #D23339;
  border-radius: 4px;
  transition: all 0.5s;
}
#footer #section-sitelink .inner .global._pc .box-sns .btn_login-member:hover a {
  opacity: 1;
}
#footer #section-sitelink .inner .global._pc .box-sns .btn_login-member:hover span {
  border-radius: 16px;
  opacity: 1;
  margin-top: -5px;
  margin-bottom: 41px;
}
#footer #section-sitelink .inner .global._pc .box-sns .btn_login-member a {
  display: inline-block;
}
#footer #section-sitelink .inner .global._pc .box-sns .btn_login-member a span {
  padding: 20px 30px 20px 10px;
  display: block;
  text-align: center;
  text-decoration: none;
  font-weight: 700;
  font-size: 14px;
  line-height: 1.75;
  color: #FFFFFF;
  margin-bottom: 36px;
  position: relative;
  transition: all 0.5s;
}
/* #footer #section-sitelink .inner .global._pc .box-sns .btn_login-member a:hover {
  opacity: 1;
  padding: 17px 30px 23px 10px;
} */
#footer #section-sitelink .inner .global._pc .box-sns .btn_login-member a span::after {
  content: url(../../images/arrow_login.svg);
  position: absolute;
  right: 15px;
  top: 35%;
  transition: all 0.5s;
}
#footer #section-sitelink .inner .global._pc .box-sns .btn_login-member a:hover::after {
  top: 30%;
}
#footer #section-sitelink .inner .global._pc .box-sns p {margin-right: 10px;}
#footer #section-sitelink .inner .global._pc .box-sns .facebook,
#footer #section-sitelink .inner .global._pc .box-sns .twitter,
#footer #section-sitelink .inner .global._pc .box-sns .instagram{
  transition: all 0.5s;
  width:40px;height: 40px; display:inline-block;box-sizing:border-box;border-radius: 40px;}
#footer #section-sitelink .inner .global._pc .box-sns .facebook:hover,
#footer #section-sitelink .inner .global._pc .box-sns .twitter:hover,
#footer #section-sitelink .inner .global._pc .box-sns .instagram:hover {
  opacity: 1;
  transform: scale(1.2)
}
#footer #section-sitelink .inner .global._pc .box-sns .facebook:hover a,
#footer #section-sitelink .inner .global._pc .box-sns .twitter:hover a,
#footer #section-sitelink .inner .global._pc .box-sns .instagram:hover a {
  opacity: 1;
}
#footer #section-sitelink .inner .global._pc .box-sns .facebook span,
#footer #section-sitelink .inner .global._pc .box-sns .twitter span,
#footer #section-sitelink .inner .global._pc .box-sns .instagram span{width:28px;height: 28px; display:inline-block; margin:0 6px; box-sizing:border-box;background: #fff;border-radius: 40px; position: relative;z-index: -100;top:3px;left: -4px;}
#footer #section-sitelink .inner .global._pc .box-sns p{position: relative;z-index: 200;}
#footer #section-sitelink .inner .global._pc .box-sns p a{}
#footer #section-sitelink .inner .global._pc .box-sns p a img{width:100%;position: absolute;left: 0px;top: 0px;}


#footer #section-bottomlink{width: 100%;background:#5d5d5d; }
#footer #section-bottomlink .inner{position: relative;max-width: 1400px;margin: 0 auto;}
#footer #section-bottomlink .inner ul{margin:0 auto; position:relative; width:auto; /* width:880px; */ height:auto; padding:30px 0 30px 0px;box-sizing:border-box; z-index:+1; display:block; text-align:center;}
#footer #section-bottomlink .inner ul li{float:none; margin-right:20px; margin-bottom:0; display:inline-block;}
#footer #section-bottomlink .inner ul li:nth-last-child(1){margin-right:0;}
#footer #section-bottomlink .inner ul li a{height:auto; width:280px; padding:0; font-size:1.2rem; color:#fff; display:inline-block; text-decoration:none;}
#footer #section-bottomlink .inner ul li a span{display:none;}
#footer #section-bottomlink .inner ul li a img{width:100%;}
#footer .bottom-link{ text-align: left; font-weight: 300; width: 70%;}
#footer .bottom-link a{padding-left: 10px;margin-right: 15px; text-decoration: none; color: #fff; font-size: 11px;font-weight: 400;position: relative;}
#footer .bottom-link a.link-blank {
  margin-right: 35px;
}
#footer .bottom-link a::before{
  content: '';
  position: absolute;
  background: url(../../images/arrow_white_link.svg);
  width: 6px;
  height: 9px;
  background-size: cover;
  left: 0px;
  top: 5px;
  background-repeat: no-repeat;
}
#footer .bottom-link a.link-blank::after {
  content: '';
  position: absolute;
  background: url(../../images/icon_blank.svg);
  width: 14px;
  height: 11px;
  background-size: cover;
  right: -20px;
  top: 4px;
  background-repeat: no-repeat;
}
#footer #section-copy{width: 100%;background: #D23339; color: #fff; padding: 41px 0;text-align: center;}
#footer #section-copy .inner{position: relative;max-width: 1024px;margin: 0 auto;display: flex;justify-content: space-between;align-items: center;}
#footer #section-copy .inner p{
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-size: 11px;
  line-height: 175%;
  width: 30%; text-align: right;
}
#footer #section-sitelink .inner .global._pc .button-portal{margin-top: 51px;}
#footer #section-sitelink .inner .global._pc .button-portal a{background-color: #D33339; padding: 5px 25px 5px 15px;color: #fff; line-height: 1.2; position: relative;}
#footer #section-sitelink .inner .global._pc .button-portal a::after{ content: ''; position: absolute; background: url(../../images/arrow-white.png) no-repeat left center;  width: 10px; height: 15px; top: 50%; transform: translateY(-50%);right:7px;background-size: 7px auto;}


/* main */
main{color: #333;}

/* hero */
.hero-inner{padding:50px 40px 70px 40px; box-sizing:border-box; position:relative;}
.hero-inner .hero-icon{}
.hero-inner .hero-title{font-size:12px!important; line-height:1!important; font-weight:bold; position:absolute; top:100px; left:100px; color:#D33339;}
.hero-inner .hero-sub{font-size:42px!important; line-height:1!important; letter-spacing:0.1em; position:absolute; top:50px; left:97px; color:#D33339;font-weight: 300;}

/* section-pankuzu */
#section-pankuzu{padding:40px 0 0 0; box-sizing:border-box;}
#section-pankuzu .inner{width:1000px; margin:0 auto;}
#section-pankuzu ul{background:#fff; padding:15px; box-sizing:border-box;}
/* width:732px;  */
#section-pankuzu ul li{list-style:none; display:inline-block; position:relative; color:#333; font-size:12px; line-height:1;}
#section-pankuzu ul li a{color: #333; text-decoration:none; display:inline-block;}
#section-pankuzu ul li a:after{content:'>'; display:inline-block; padding:0 0px 0 4px; box-sizing:border-box; position:relative; top:-1.5px; font-weight:normal; transform: scale(0.6, 1);}

/* wrapper */
#content-wrapper{width:1000px; margin:0 auto 50px; background:#fff; box-shadow: 0 0 5px 0 rgba(0,0,0,0.3); padding-right:268px; box-sizing:border-box; position:relative;padding-bottom: 50px;}
#content-wrapper:before{content:''; width:267px; height:100%; position:absolute; border-left:#eee 1px solid; top:0; right:0;}

#content-wrapper.wide_column{padding-right:0px;}
#content-wrapper.wide_column:before{display: none;}

/* section-sidenav */
#section-sidenav{position:absolute; width:268px; height:auto; position:absolute; top:0; right:0;}
#section-sidenav.fixed{position: fixed;top:10px;}
#section-sidenav .box-taiken{padding:30px 20px; box-sizing:border-box; background:#eee;border: 4px solid #eee;-webkit-transition: 0.2s ease-in-out;  -moz-transition: 0.2s ease-in-out;  -o-transition: 0.2s ease-in-out;transition: 0.2s ease-in-out;  }
#section-sidenav .box-taiken ul{}
#section-sidenav .box-taiken h3{font-size: 14px;margin-bottom: 10px;}
#section-sidenav .box-taiken.fixed{position: fixed;top:10px;width: 268px;box-shadow: 0 0 6px #999;z-index: 2;border: 4px solid #ccc;}
#section-sidenav .box-taiken ul li{list-style:none; margin-bottom:15px;}
#section-sidenav .box-taiken ul li:nth-last-child(1){margin-bottom:0;}
#section-sidenav .box-taiken ul li ul li a{background: url(../../images/arrow_c_blue.png) no-repeat 0 50%; background-size:12px auto; padding-left:18px; font-size:12px; color:#666; line-height:1;}
#section-sidenav .box-taiken .btn{margin-bottom:20px;}
#section-sidenav .box-taiken .btn a{width:100%; height:50px; line-height:50px; display:block; background:#D33339; text-align:center; color:#fff; text-decoration:none;border-bottom: 3px solid #A93A1C;-webkit-transition: 0.2s ease-in-out;  -moz-transition: 0.2s ease-in-out;  -o-transition: 0.2s ease-in-out;transition: 0.2s ease-in-out; }
#section-sidenav .box-taiken .btn a:hover{height: 50px;border-bottom: 3px solid #A93A1C;}
#section-sidenav .box-taiken .btn a span.text{background: url(../../images/icon_inquiry.png) no-repeat 20px 50%; background-size:22px auto; padding-left:32px; font-size:15px; font-weight:bold;display: block;}
#section-sidenav .box-taiken .btn a span.text span{font-size:17px;display: block;padding-top: 2px;}

#single-voice #snav,
#page-schools #snav{position: absolute;top:220px;z-index: 1;width: 100%;}

#section-sidenav #snav{}
#section-sidenav #snav ul{border-bottom:#eee 1px solid;}
#section-sidenav #snav ul li{line-height:none; background:#fff; border:#eee 1px solid; border-bottom:none;}
#section-sidenav #snav ul li a{background: url(../../images/icon-arrow-gray.png) no-repeat 15px 50%; background-size:5px auto;  font-size:15px; color:#666; line-height:1; padding:30px 15px 30px 25px; box-sizing:border-box; text-decoration:none; display:block;}

#section-sidenav #snav ul li .child{display: none;}
#section-sidenav #snav ul li .child a{color: #333;}
#page-course #section-sidenav #snav ul li.course .child{display: block;}
#page-course #section-sidenav #snav ul li.course .child li.course a{color: #D33339;}
#page-course #section-sidenav #snav ul li.course .child li.price a{}

#page-course-price #section-sidenav #snav ul li.course .child{display: block;}
#page-course-price #section-sidenav #snav ul li.course .child li.course a{}
#page-course-price #section-sidenav #snav ul li.course .child li.price a{color: #D33339;}

#page-schools #snav li.school .child{display: block;}

#section-sidenav #snav ul li ul{padding-left:15px; border-bottom:none;}
#section-sidenav #snav ul li ul li{background:#f9f9f9;}
#section-sidenav #snav ul li ul li:nth-last-child(1){border-bottom:none;}
#section-sidenav #snav ul li ul li a{padding-top:20px; padding-bottom:20px;}

#page-schools #snav li.school a,
#page-course #snav li.course a,
#page-course-price #snav li.course a,
#archive-voice #snav li.voice a,
#single-voice #snav li.voice a,
#page-faq #snav li.faq a{color:#D33339;}
#page-schools #snav li.school ul a{color: #666;;}

#section-sidenav .box-inquiry{padding:20px 20px; box-sizing:border-box; background:#eee; margin:20px 10px 0 10px;}
#section-sidenav .box-inquiry .btn-cta{margin-bottom:5px;}
#section-sidenav .box-inquiry .btn-cta a img{width:100%;}
#section-sidenav .box-inquiry ._btn{}
#section-sidenav .box-inquiry ._btn a{background:#fff; width:100%; box-sizing:border-box; font-size:12px; line-height:45px; padding:0; font-weight:bold;}
#section-sidenav .box-inquiry ._btn a:before{display:none;}

#section-sidenav .box-inquiry .btn{margin-bottom:20px;}
#section-sidenav .box-inquiry .btn a{width:100%; height:50px; line-height:50px; display:block; background:#D33339; text-align:center; color:#fff; text-decoration:none;}

#_js-bk_screen{background: rgba(0, 0, 0, 0.82);position: fixed;left: 0px;top:0px;width: 100%;height: 100%;z-index: 999999;display: none;}
#_js-bk_screen .close{text-align: right;font-weight: bold;margin: 5px;cursor: pointer;}
#_js-bk_screen .box-policy{width: 700px;position: absolute;left: 0px;right: 0px;height: 600px;overflow: scroll;background: #fff;box-shadow: 0 0 0 6px;margin: 0 auto;top:50px;padding: 0 30px;box-sizing: border-box;}
#_js-bk_screen .box-policy table{margin-top: 30px;}

.ad-page_bottom{position:fixed; bottom: 0; height:auto; width:100%; transition: 0.2s; cursor: pointer; z-index:100;width:135px;}
.ad-page_bottom img{width:100%; vertical-align:bottom;}
.ad-page_bottom{position: fixed;  transition: 0.2s; cursor: pointer; z-index:100;height:405px;right: 10px;bottom: 10px;}
.se-a-aggreement.form-control{ padding: 20px 20px 0 20px;box-sizing: border-box;line-height: 1.4;background: #fff;overflow-y: scroll;height: 250px;}

.se-a-aggreement-contact.form-control{padding: 20px;box-sizing: border-box;line-height: 1.4;background: #fff;overflow-y: scroll;height: 250px;text-align: left;margin: 30px 0px;}

/*** Step Application flow ***/
.step-flow { background: #F9F9F9; padding: 50px 40px 30px 40px; }
.step-flow .step-item { margin-bottom: 37px; position: relative; }
.step-flow .step-item:after { background-image: url('../../images/arrow-down.png'); width: 24px; height: 20px; content: ''; position: absolute; bottom: -27px; left: 0; right: 0; margin: auto; }
.step-flow .step-item.stepfive:after { display: none; }
.step-flow .step-item table { width: 100%; border: 1px #D33339 solid; border-collapse: collapse; text-align: center; }
.step-flow .step-item table tr th { background: #f3f3f4; border-bottom: 1px dashed #D33339; font-weight: 700; color: #333; padding-top: 13px; padding-bottom: 7px; font-size: 22px; }
.step-flow .step-item table tr h6 { font-size: 32px; color: #333; }
.step-flow .step-item table tr:last-child { background: #fff; }
.step-flow .step-item table tr:last-child td { padding: 28px 15px; }
.step-flow .step-item table tr:last-child td span { color: #D33339; text-decoration: underline; letter-spacing: -2px; }
.step-flow .step-item table tr p { line-height: 2; margin-top: 7px; }

/* BEGIN Custom table */

.table-merise table {
  border-collapse: collapse;
  margin: 0 auto;
  padding-top: 20px;
  width: 800px;
  box-sizing: border-box;
  text-align: center;
}

.table-merise table th {
  box-sizing: border-box;
  height: 80px;
  vertical-align: middle;
  border: 1px solid #c8c8c8;
  font-size: 15px;
}

.table-merise table thead th {
  background: #e5e4da;
  padding: 27px 0;
}

.table-merise table thead th:first-child {
  background-color: #FFF;
}

.table-merise table thead th.flashy {
  background: #d2313a;
  color: #FFF;
  border-top: 0;
}

.table-merise table thead th.selected {
  background: #d2313a;
  border: 6px solid #d2313a;
  color: #FFF;
  border-top: 0;
}

.table-merise table tbody th {
  background-color: #848b8f;
  color: #FFF;
  line-height: 1.6;
}

.table-merise table tbody td {
  display: table-cell;
  vertical-align: middle;
  border: 1px solid #c8c8c8;
  font-size: 14px;
  line-height: 1.5;
}

.table-merise table tbody .border-bottom {
  position: relative;
}

.table-merise.stress table tbody .border-bottom::after {
  position: absolute;
  content: '';
  width: calc(100% + 10px);
  height: 6px;
  bottom: -1px;
  left: -5px;
  background-color: #d2313a;
}

.table-merise.stress table tbody tr td:nth-child(2) {
  border-right: 6px solid #d2313a;
  border-left: 6px solid #d2313a;
}

.table-merise.stress table tbody tr:nth-child(even) td:nth-child(2) {
  background-color: #faeaeb;
}

.table-merise.stress table tbody tr:nth-child(even) td {
  background-color: #f5f5f5;
}

.table-merise.stress table tbody tr:nth-child(odd) td:nth-child(2) {
  background-color: #fef9f9;
}
/*-- End Custom table --*/
.text-bold {font-weight: bold;}

.hp_before_cta {
  padding-top: 40px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: flex-start;
}
.hp_before_cta_link img {
  max-width: 750px;
  width: 80%;
}

.c-freeTrial {
  text-align: center;
}

.c-freeTrial_bigtitle {
  position: relative;
  font-weight: bold;
  font-size: 21px;
  padding-top: 51px;
  text-align: center;
  color: #000000;
  line-height: 1.6;
}

/* .block-heading-title */
.block-heading-title {
  margin-bottom: 80px;
  text-align: center;
}
.block-heading-title .sub-title {
  font-size: 18px;
  color: #333;
}
.block-heading-title .main-title {
  margin-top: 10px;
}
.block-flex{
  display: flex;
  justify-content: space-around;
}
.cl-lblue{
  color: #27aeaf;
  text-decoration: none;
}
.table-merise td .sub-price{
  display: block;
  /*padding-left: 45px;*/
}
#page-trial-lesson .contact-form-required.js-check{
  display: none !important;
}
#page-trial-lesson .contact-form-required.is-check{
  display: block !important;
  opacity: 1;
}
.p-planBanner_image {
  text-align: center;
  display: none;
}
.c-freeTrial_online{
  margin-top: 30px;
}
#page-school #school-wrapper .wrapper-proceed.wrapper-proceed_online{
  padding-top: 150px;
}
/* banner to lesson */
.banner-lesson {
  margin: 25px 0 20px;
  text-align: center;
}
@media only screen and (min-width: 980px) and (max-width: 1140px)  {
  #header .body .inner {
    padding: 0 10px;
  }
  #header #gnav .inner_menu ul li a {margin-right: 10px;}
  #header #gnav .inner_menu ul li a .h {font-size: 13px;}
  #header #gnav .inner_menu ul li .login-member {padding: 20px 10px;}
}

.slider-voice-wrapper .slick-initialized .slick-slide {
  margin: 0 10px;
  width: 282px;
  min-height: 168px;
  background: #FFFFFF;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
  border-radius: 5px;
  padding: 24px 24px 18px;
}

.slider-voice-wrapper .card-slider .link-voice {
  position: absolute;
  top: 40px;
  right: 20px;
}

.slider-voice-wrapper .card-slider .alignleft {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
  object-fit: cover;
}

.slider-voice-wrapper .card-slider .title {
  width: 78%;
  display: flex;
  align-items: center;
}

.slider-voice-wrapper .card-slider .voice-content-post-data {
  font-weight: 700;
  font-size: 12px;
  width: 58%;
  line-height: 175%;
  color: #959797;
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 0;
  padding-left: 40px;
  text-indent: -40px;
  max-height: 42px;
  overflow: hidden;
}

.slider-voice-wrapper .slick-initialized .slick-slide {
  position: relative;
  text-decoration: none;
}

.slider-voice-wrapper .card-slider .voice-content-post-desc {
  margin-top: 60px;
  font-weight: 400;
  font-size: 14px;
  line-height: 175%;
  color: #2C2F2F;
  height: 98px;
  display: block !important;
  overflow: hidden;

}

.slider-voice-wrapper .card-slider .header-card_voice .title .level {
  text-decoration: none;
  font-weight: 700;
  font-size: 12px;
  line-height: 175%;
  color: #959797;
  margin-left: 10px;
}

.slider-voice-wrapper .card-slider .header-card_voice .title .voice-category {
  padding: 0 20px;
}

.slider-voice-wrapper .card-slider .card-title {
  font-weight: 700;
  font-size: 12px;
  line-height: 175%;
  color: #CFAD5F;
  position: absolute;
  top: 85px;
  text-decoration: none;
  width: 85%;
  height: 42px;
  overflow: hidden;
}

.slider-voice-wrapper .card-slider .voice-content-post {
  display: none;
}

.slider-voice-wrapper .card-slider .card-body .voice-content-post:first-child {display: block;}

.slider-voice-wrapper .card-slider .card-body .card-title .name {
  font-weight: bold;
  font-size: 20px;
  color: #232323;
  margin-bottom: 10px;
}

.slider-voice-wrapper .slick-slide {
  position: relative;
}

.slider-voice-wrapper .card-slider a.link {
  text-decoration: none;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
}

.slider-voice-wrapper .card-slider .card-body .card-title .time {
  font-size: 13px;
  color: #696969;
}

.slider-voice-wrapper .card-slider .card-body .card-title-sub {
  margin-top: 10px;
  font-weight: 400;
  font-size: 14px;
  line-height: 175%;
}

.slider-voice-wrapper .card-slider .card-body a {
  text-decoration: none;
  outline: none;
  color: #333333;
}

.slider-voice-wrapper .card-slider .card-body .card-content {
  font-size: 13px;
  line-height: 19px;
}

.slider-voice-wrapper .card-slider .card-body .card-content .read-more{
  text-decoration: none;
  color: #2d6ebd;
}

.slider-voice-wrapper .slick-dots li {
  margin: 0;
  height: auto;
}

.slider-voice-wrapper .slick-dots li button {
  width: 100%;
  height: 1px;
  padding: 0;
  background: #D23339;
}

.slider-voice-wrapper .slick-dots li button:before {
  width: 100%;
  height: auto;
  line-height: 0;
  content: "";
}

.slider-voice-wrapper .slick-dots li.slick-active button:before {
  width: 50px;
  height: 25px;
  background: url(../../images/icon_dots.svg);
  background-size: cover;
  background-repeat: no-repeat;
}

.slider-voice-wrapper .slick-dots li {
  width: 38px;
  background: #DDDDDD;
}

.slider-voice-wrapper .slider-bottom {
  padding-bottom: 52px;
  margin-bottom: 0;
  padding-left: 10px;
  padding-right: 10px;
}
.slider-voice-wrapper .slick-dots {
  bottom: 27px;
}

.slider-voice-wrapper .wrapper-voice-button {
  display: flex;
  justify-content: center;
}

.slider-voice-wrapper .wrapper-voice-button .voice-button {
  width: 242px;
  height: 61px;
  background: #d2313a;
  color: #fff;
  border: none;
  font-size: 18px;
  margin-bottom: 157px;
  position: relative;
  cursor: pointer;
}

.slider-voice-wrapper .wrapper-voice-button .voice-button:hover {
  opacity: 0.5;
}

.slider-voice-wrapper .wrapper-voice-button .voice-button .arrow {
  border: solid #ffffff;
  border-width: 0 2px 2px 0;
  top: 24px;
  right: 39px;
  padding: 6px;
  -webkit-transform: rotate(-45deg);
  position: absolute;
  display: inline-block;
}

.slider-voice-wrapper .card-slider .card-body .card-content a{
  outline: none;
}

.slider-voice-wrapper .card-slider .card-body .card-content .content {
  font-size: 13px;
  line-height: 19px;

  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
}

/* external css: flickity.css */

.slider-voice-wrapper .card-slider {
  width: calc(25% - 15px);
  margin: 0 10px;
  min-height: 168px;
  background: #FFFFFF;
  box-shadow: 0px 4px 4px rgb(0 0 0 / 5%);
  border-radius: 5px;
  padding: 24px 24px 18px;
  box-sizing: border-box;
}

@media (max-width: 1310px) {
  .slider-voice-wrapper .card-slider {
    width: calc(33% - 10px);
  }
}

.slider-voice-wrapper .slide-control {
  position: relative;
  width: 670px;
  margin: 0 auto;
}

.slider-voice-wrapper .progress-bar {
  height: 2px;
  width: 0;
  background: #333;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9;
}

.ui-slider .ui-slider-range {
  background: #D23339;
}

/* section-teacher */
.section-teacher {
  padding: 120px 0;
}
#page-home .section-teacher .slider {
  margin: 40px auto 70px;
}
.section-teacher .wrapper-teacher {
  max-width: 1024px;
  width: 100%;
  margin: 0 auto;
}
.section-teacher .wrapper-teacher .teacher-about {
  font-size: 16px;
  line-height: 1.75;
  padding: 40px 0 0;
}
.section-teacher .slider-teacher .-feature {
  text-align: center;
}
.section-teacher .slider-teacher .-feature img {
  max-width: 120px;
  width: 100%;
  display: inline-block;
}
.section-teacher .slider-teacher .info-teacher {
  padding-top: 20px;
  text-align: center;
}
.section-teacher .slider-teacher .slick-dots {
  padding: 0 0 60px;
  width: 670px;
  margin: 0 auto;
  position: inherit;
}
.section-teacher .slider-teacher .info-teacher .name {
  font-weight: 500;
  font-size: 14px;
  line-height: 175%;
  text-align: center;
  color: #2C2F2F;
  font-family: 'Montserrat';
}
.section-teacher .slider-teacher .info-teacher .class {
  font-weight: 400;
  font-size: 12px;
  line-height: 175%;
  color: #959797;
}
.section-teacher .wrapper-teacher .btn-trial a .ctn_button {
  background: #4DBAC1;
  color: #fff;
}
.section-teacher .wrapper-teacher .btn-trial a .ctn_button::after {
  background: url(../../images/arrow_btn-trial_white.svg);
}

.slider-teacher .teacher-item {
  padding: 70px 15px 0;
  min-width: 120px;
  min-height: 186px;
}
.slider-teacher .teacher-item:hover {
  cursor: pointer;
}
.slider-teacher .teacher-item:hover img {
  transition: transform .2s;
}
.slider-teacher .teacher-item:hover img{
  transform: scale(1.09);
  
}
.slider-teacher .teacher-item:hover .name,
.slider-teacher .teacher-item:hover .class {
  color: #D23339;
}

.coaching-box .coaching-wrapper .coaching-title{
  padding-top: 100px;
  padding-bottom: 79px;
}

.coaching-box .coaching-wrapper .coaching-title h2{
  font-weight: bold;
  font-size: 40px;
}

.coaching-box .coaching-wrapper .coaching-content p{
  font-size: 16px;
  margin-bottom: 32px;
  line-height: 26px;
}

.coaching-box{
  border: solid 2px #d2313a;
  border-radius: 5px;
  padding: 88px 61px 56px 61px;
  position: relative;
  margin-top: 158px;
}
.voice-content .coaching-box {
  margin-bottom: 30px;
  margin-top: 30px;
}

.coaching-box .coaching-body .coaching-body_list .coaching-body_list_item::before{
  display: inline-block;
  content: "";
  width: 29px;
  height: 29px;
  background: url(../../images/school_page/icon_checked.png) no-repeat left center;
  background-size: contain;
}

.coaching-box .coaching-body .coaching-body_list .coaching-body_list_item{
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin-bottom: 6px;
  padding: 10px 42px 17px 35px;
  border-bottom: 2px solid #DEE3EA;
  align-items: center;
}

.coaching-box .coaching-body .coaching-body_list .coaching-body_list_item .coaching-body_list_item_title {
  width: 210px;
}

.coaching-box .coaching-body .coaching-body_list .coaching-body_list_item .coaching-body_list_item_title + span {
  width: calc(100% - 210px);
  line-height: normal;
}

.coaching-box .coaching-body .coaching-body_list .coaching-body_list_item span{
  padding-left: 25px;
  font-size: 18px;
}