@charset "UTF-8";
.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{display: none !important;}
.sp,
._sp{}
.pc-inline {
  display: none;
}
.sp-inline {
  display: inline-block;
}
html.show-popup { overflow-y: hidden; position: relative; }
img{height: auto;max-width:100%;}
body *{box-sizing: border-box;}

#header { width: 100%; -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; background-color: #fff;box-shadow: 0px 1px 2px rgb(0 0 0 / 10%); }
#header.on-scroll { position: fixed; top: 0; width: 100%; z-index: 11; background: #ffffff; }
#header .top{position: relative;height: 30px;background: #000;color: #fff;}

#header .body{height: 61px;border-bottom: 1px solid #ccc;}
#header .body .inner{width: 100%;margin: 0 auto;position: relative;}
#header .body .logo{position: absolute;top: 10px;width: 100px;left: 10px;}
#header .body .logo img{width: 100%;height: auto;}
#header .nav-header-pc{display: none;}
#header .nav-header-sp{display: flex; align-items: center; height: 50px; justify-content: space-between;margin-right: 15px; margin-left: 10px;}
#header .nav-header-sp .nav-header-right{ display: flex;}
#header .nav-header-sp .logo{width: 116px;width: 137px; height: 100%;display: flex; align-items: center;}
#header .nav-header-sp .nav-header-right { height: 100%;}
#header .nav-header-sp .nav-header-right .btn-cta{padding: 9px 24px 9px 10px; color: #fff; display: flex;justify-content: center; align-items: center;text-align: center;}
#header .nav-header-sp .nav-header-right .btn-cta a{text-decoration: none; color: white; letter-spacing: 2px;}
#header .nav-header-sp .nav-header-right .spmenu { width: 66px;display: flex; justify-content: center; align-items: center; background: #F3F3F3;}

body.fixed{ overflow: hidden; }
.spmenu {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.spmenu .box-cta {display: flex; margin-right: 15px;}
.spmenu .box-cta .btn-cta {position: relative; padding: 14px 23px 14px 13px; color: #fff;font-size: 12px;line-height: 1.2;font-weight: 700; text-decoration: none;}
.spmenu .box-cta .btn-cta.to-company {background: #CFAD5F;border-radius: 4px; margin-right: 5px;}
.spmenu .box-cta .btn-cta.trial-free {background: #4DBAC1;border-radius: 4px;}
.spmenu .box-cta .btn-cta.to-company::after {content: url(../../images/arrow-right-crice.svg);position: absolute;right: 5px;top: 27%;}
.spmenu .box-cta .btn-cta.trial-free::after {content: url(../../images/arrow-right-crice_blue.svg);position: absolute;right: 5px;top: 27%;}
.spmenu nav{display: none;position: fixed;top:50px;width: 100%;background: #f5f5f5;left: 0;z-index: 99;overflow-y: auto; -webkit-overflow-scrolling: touch; padding-bottom: 130px; height: 100%; }
.spmenu nav .login-member {
  padding: 46px 20px 37px;
  text-align: right;
}
.spmenu nav .login-member a {
  font-weight: 700;
  font-size: 12px;
  line-height: 175%;
  color: #959797;
  text-decoration: none;
  text-align: right;
  position: relative;
  display: inline-block;
  padding-right: 20px;
}
.spmenu nav .login-member a::after {
  content: '';
  background: url(../../images/arrow_btn_gray.svg) no-repeat left center;
  background-size: 15px 15px;
  position: absolute;
  width: 15px;
  height: 15px;
  right: 0;
  top: 3px;
}
.spmenu nav ul{display: block;}
.spmenu nav ul li{text-align: left;font-size:1.2em;color:#000;}
/* .spmenu nav ul li.nav-main-link{margin: 0 20px;border-bottom: 1px solid rgb(149 151 151 / 20%)} */
.spmenu nav ul li.nav-main-link:last-child a{border-bottom: 1px solid rgb(149 151 151 / 20%)}
.spmenu nav ul li.nav-main-link.no-link{position: relative;}
.spmenu nav ul li.nav-main-link.no-link.open {
  background: #fff;
}
.spmenu nav ul li.nav-main-link.no-link .toggle_switch {
  margin: 0 20px;
  padding: 20px 0;
  border-top: 1px solid rgb(149 151 151 / 20%)
}
.spmenu nav ul li.nav-main-link.no-link span{
  font-weight: 700;
  font-size: 14px;
  line-height: 175%;
  color: #2C2F2F;
  display:block;
}
.spmenu nav ul li.nav-main-link a {
  display:block;padding:20px 0;text-decoration: none;position:relative;
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 175%;
  color: #2C2F2F;
  margin: 0 20px;
  border-top: 1px solid rgb(149 151 151 / 20%)
}
.spmenu nav ul li.nav-main-link.no-link p a {
  margin: 0;
  border: none;
}
.spmenu nav ul li.nav-main-link a:after{
  position: absolute;
  right: 0;
  top: 25px;
  content: '';
  background: url(../../images/arrow_btn_red.svg) no-repeat left center;
  background-size: 15px 15px;
  width: 15px;
  height: 15px;
}
.spmenu nav ul li.nav-main-link.no-link .toggle_switch:after{
  content: "";
  position: absolute;
  right: 20px;
  background: url(../../images/open-toggle.svg) no-repeat right center;
  background-size: 15px 15px;
  width: 50px;
  height: 58px;
  top: 0;
}
.spmenu nav ul li.nav-main-link.no-link .toggle_switch:hover::after{
  cursor: pointer;
}
.spmenu nav ul li.nav-main-link .no-after a{padding: 0; }
.spmenu nav ul.nav-sub-linkbody{display:none}
.spmenu nav ul li.nav-sub-link{font-size:1em;
  margin-left: 20px;
}
.spmenu nav ul li.nav-main-link li.nav-sub-link a {
  font-weight: 400;
}
.spmenu nav ul li.nav-main-link.no-link.toggle_switch{position:relative;}
.spmenu nav ul li.nav-main-link.no-link .no-after a:after{
  display: none;
}
.spmenu nav ul li.nav-main-link.no-link .toggle_switch.open:after{
  content: "";
  position: absolute;
  right: 20px;
  background: url(../../images/close-toggle.svg) no-repeat right center;
  background-size: 15px 15px;
  width: 50px;
  height: 58px;
  top: 0;
}
.spmenu nav .nav-overlay-list {margin:20px auto;width:80%;}
.spmenu nav .nav-overlay-list li{margin-bottom:10px;display:block;}
.spmenu nav .nav-overlay-list .button{border: 2px solid #D33339;padding: 8px;text-align: center;padding-top: 18px;padding-bottom: 13px;display:block;text-decoration: none;}
.spmenu #nav_toggle{display: block;width: 40px;height: 20px;position: relative;z-index: 100;cursor: pointer;}
.spmenu #nav_toggle div {position: relative;}
.spmenu #nav_toggle span{display: block;height: 2px;background: #D02520;position:absolute;width: 100%;left: 0;-webkit-transition: 0.5s ease-in-out;-moz-transition: 0.5s ease-in-out;transition: 0.5s ease-in-out;	}
.spmenu #nav_toggle span:nth-child(1){top:0px;}
.spmenu #nav_toggle span:nth-child(2){top:9px;}
.spmenu #nav_toggle span:nth-child(3){top:18px;}
.spmenu.open #nav_toggle span:nth-child(1) {top: 12px;-webkit-transform: rotate(135deg);-moz-transform: rotate(135deg);transform: rotate(135deg);}
.spmenu.open #nav_toggle span:nth-child(2) {width: 0;left: 50%;}
.spmenu.open #nav_toggle span:nth-child(3) {top: 12px;-webkit-transform: rotate(-135deg);-moz-transform: rotate(-135deg);transform: rotate(-135deg);}
.spmenu nav .menuupperbox{background-color:#D33339;padding:20px 10px;color:#fff;}
.spmenu nav .menuupperbox .telbox{text-align:center;display:block;margin-bottom:20px;}
.spmenu nav .menuupperbox .telbox .telbox__comment{font-size:1em;}
.spmenu nav .menuupperbox .telbox .telbox__comment:before{content:"";display:inline-block;background: url(../../images/icon-tel.png) no-repeat left center;background-size: 15px;width:15px;height:20px;vertical-align: middle;margin-right: 2px;}
.spmenu nav .menuupperbox .telbox .telbox__nummber a{color:#fff;text-decoration: none;}
.spmenu nav .menuupperbox .telbox .telbox__nummber{font-size:2.4em;font-family: "Avant Garde", sans-serif;margin-top:5px;}
.spmenu nav .menuupperbox .telbox .time{font-size: 12px;display: block;margin-top: 3px;}
.spmenu nav .menuupperbox .linkbox_a{display:none;text-align:center;margin-bottom:20px;}
.spmenu nav .menuupperbox .linkbox_a a{background-color:#000;color:#fff;padding:10px;font-size:1.4em;display:block;text-decoration: none;}
.spmenu nav .menuupperbox .linkbox_a a:before{content:"";display:inline-block;background: url(../../images/sp_menuicon.jpg) no-repeat left center;background-size: 20px;width:20px;height:20px;vertical-align: middle;margin-right: 2px;}
.popup-related_business {display: none;position: absolute;right: 50px;top:30px;background: #fff;box-shadow: 0 0 6px #999;}
.spmenu nav .menuupperbox .linkbox_b ul{text-align:center;}
.spmenu nav .menuupperbox .linkbox_b li{display:inline-block;width:49%;background:url(../../images/sp_menubg.gif);padding:3px;}
.spmenu nav .menuupperbox .linkbox_b li a{background-color:#fff;padding:15px 0px;display:block;text-decoration: none;text-align:center;font-size:0.9em;font-weight: bold;}
.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{}
.popup-related_business .box-links ul li .image img{width: 100%;height: auto;border: 1px solid #ccc;}

.box-popup{position: absolute;z-index: 3;left: 0px;right: 0px;top:182px;width: 1000px;margin: 0 auto;display: none;}
.box-popup .inner{background: #f3f3f3;height: 100%;box-shadow: 0 2px 6px #ccc;border-bottom: 4px solid #D33339;}
.box-popup .inner ul{list-style: none;box-sizing: border-box;padding: 30px;}
.box-popup .inner li{width: 177px;float:left;margin-right: 11px;margin-bottom: 10px;}
.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%;height: 75px;border: 1px solid #ddd;padding: 10px;box-sizing: border-box;background: #fff;}
.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;}
.box-popup .inner a {color: #333;text-decoration: none;}

.box-popup.course {width: 590px;left: -90px;}
.box-popup.course .inner li{width: 250px;float:left;margin-right: 11px;margin-bottom: 10px;}
.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: 70px;;border: 1px solid #ddd;padding: 10px;box-sizing: border-box;background: #fff;}


#footer{clear: both; background-color: #2C2F2F;}
#footer #section-banner .box a {
  display: block;
  margin-bottom: 18px;
  width: 100%;
}
#footer #section-banner .box a img {width: 100%;}
#footer #section-contact{width: 100%;background: url(../../images/bg-footer_cta.png) center center;background-size: cover;}
#footer #section-contact .inner{position: relative;margin: 0 auto;padding:40px 10px;}
#footer #section-contact .inner .box-link{margin: 0 auto;width: 100%;position: relative;}
#footer #section-contact .inner .box-link .btn-cta{width:100%;margin-right:0;text-align: right;}
#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-contact .inner .box-link .btn-cta:first-child{margin-bottom:10px;}
#footer #section-banner{width: 100%;padding: 20px 20px 0;}
#footer #section-banner .box {padding-bottom: 20px; border-bottom: 1px solid rgb(149 151 151 / 20%)}
#footer #section-banner .inner{position: relative;margin: 0 auto;}
#footer #section-banner .inner .box{width: 100%;margin: 0 auto;}
#footer #section-banner .inner .box-link-head{padding: 40px 0 55px 0; display:block;}
#footer #section-banner .inner .box-link-head p{float: left;width: 100%;box-sizing: border-box;padding: 0 20px;}
#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-head:after {content: ".";display: block;clear: both;height: 0;overflow:hidden;font-size:0.1em;line-height:0;}
#footer #section-banner .inner .box-link-body{padding-top: 10px;}
#footer #section-banner .inner .box-link-body p{float: left;width: 50%;box-sizing: border-box;padding: 0 10px;margin-bottom: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 .inner .box-link-body:after {content: ".";display: block;clear: both;height: 0;overflow:hidden;font-size:0.1em;line-height:0;}

#footer #section-sitelink .ft-info{padding: 40px 0 38px;}
#footer #section-sitelink .ft-info p {
  margin-top: 30px;
  font-weight: 700;
  font-size: 12px;
  line-height: 1.75;
  color: #959797;
}
#footer #section-sitelink .ft-info img {width: 180px;}

#footer #section-sitelink{width: 100%;color: #fff;font-size: 14px;padding: 0 20px}
#footer #section-sitelink .inner{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;}

#footer .global._sp .box-main li {border-bottom:1px #393d42 solid;}
#footer .global._sp .box-main li a{display:block;padding:20px;color:#fff;text-decoration: none;position:relative;font-size:1.2em;}
#footer .global._sp .box-main li a:after{	content: '';background: url(../../images/arrow-red.png) no-repeat left center;background-size: 10px 15px;width: 10px;height: 15px;margin-right:15px;position:absolute;margin: auto;top: 50%;transform: translateY(-50%);right:15px;}
#footer .global._sp ._arrow.orange { width: 100%;}
#footer .global._sp ._arrow.orange.border-bottom {border-bottom: 1px solid rgb(149 151 151 / 20%);}
#footer .global._sp h4 {position: relative; width: 100%;color: #232323;font-size: 12px;font-weight: 400; display: flex; justify-content: space-between; align-items: center;}

#footer .global._sp h4.toggle_switch:after{
  position: absolute;
  right: 0;
  content: '';
  background: url(../../images/open-toggle.svg) no-repeat right center;
  background-size: 15px 15px;
  width: 15px;
  height: 15px;
  width: 40px;
  height: 51px;
}
#footer .global._sp h4.toggle_switch.open:after{
  content: '';
  background: url(../../images/close-toggle.svg) no-repeat right center;
  background-size: 15px 15px;
}
#footer .global._sp .box-sub h4 a{display:block;width: 100%;padding: 19px 14px 19px 0; ;color:#dddddd;text-decoration: none;font-size:12px;font-weight: 700;}
/* #footer .global._sp .box-sub h4 a:after{	content: '';background: url(../../images/arrow-red.png) no-repeat left center;background-size: 10px 15px;width: 10px;height: 15px;margin-right:15px;position:absolute;margin: auto;top: 50%;transform: translateY(-50%);right:15px;} */
#footer .global._sp .box-sub ul{margin-left:20px;display:none;}
/* #footer .global._sp .box-sub li{display:inline-block;width:49%;} */
#footer .global._sp .box-sub li a{display:block;padding:19px; color:#ddd;text-decoration: none;font-size:12px;}
#footer .global._sp .box-bodylink li {border-bottom:1px #393d42 solid;}
#footer .global._sp .box-bodylink li a{display:block;padding:20px;color:#fff;text-decoration: none;position:relative;font-size:1.2em;}
#footer .global._sp .box-bodylink li a:after{	content: '';background: url(../../images/arrow-red.png) no-repeat left center;background-size: 10px 15px;width: 10px;height: 15px;margin-right:15px;position:absolute;margin: auto;top: 50%;transform: translateY(-50%);right:15px;}
#footer .memberbtn._sp{width: 100%;padding: 40px 20px;}
#footer .memberbtn._sp li {list-style:none;}
#footer .memberbtn._sp li .member a{display:block;width:200px;background-color:#D33339;color:#fff;font-size:12px;text-align:center;padding:15px;text-decoration: none; position: relative;}
#footer .memberbtn._sp li p{display: flex; justify-content: center;}
#footer .memberbtn._sp li .member 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:52px;background-size: 8px auto;}

#footer .footer-table .footer-table-wrapper{ display: flex; flex-wrap: wrap; color: #232323;}
#footer .footer-table .footer-table-item-title {display: block; }
#footer .footer-table .footer-table-item{width: 100%;}
#footer .footer-table .footer-table-item a{width: 100%;display: block;padding: 19px 14px 19px 0;text-decoration: none; color: #dddddd; font-size: 12px;font-weight: 700;border-top: 1px solid rgb(149 151 151 / 20%); position: relative;}
#footer .footer-table .footer-table-item ._arrow a::after {
  content: '';
  position: absolute;
  background: url(../../images/arrow_btn_red.svg);
  width: 15px;
  height: 15px;
  background-size: cover;
  right: 0px;
  top: 22px;
  background-repeat: no-repeat;
}
#footer .footer-table .footer-table-item .item-parent::after{content: '+';}

#footer .btn_login-member {display: block; min-width: 230px;background: #D23339;
  border-radius: 4px;
  transition: all 0.5s;
}
#footer .btn_login-member:hover {
  border-radius: 16px;
  opacity: 1;
}
#footer .btn_login-member a {
  padding: 18px 30px 18px 10px;
  display: block;
  text-align: center;
  text-decoration: none;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.75;
  color: #FFFFFF;
  margin-bottom: 30px;
  position: relative;
}
#footer .btn_login-member a::after {
  content: url(../../images/arrow_login.svg);
  position: absolute;
  right: 15px;
  top: 30%;
}

#footer .box-sns{display: flex; justify-content: space-between;align-items: center;}
#footer .box-sns h4 {
  font-weight: 700;
  font-size: 12px;
  line-height: 1.75;
  color: #959797;
}
#footer .box-sns .ctn-sns {display: flex; justify-content: space-between;align-items: center;}
#footer .box-sns .ctn-sns p {margin-left: 20px;}
#footer .box-sns .ctn-sns img {width: 40px;}

#footer #section-copy{width: 100%;background: #D23339; color: #fff; padding: 40px 20px;} 
#footer #section-copy .inner p{font-size: 11px;line-height: 1.75; font-weight: 500;padding-top: 29px;}

#footer .bottom-link{ text-align: left; font-weight: 400;font-size: 14px;line-height: 1.75;}
#footer .bottom-link a{
  padding-top: 10px;
  padding-left: 10px;
  margin-right: 40px; text-decoration: none; color: #fff; font-size: 14px;font-weight: 400;position: relative;display: block;
  line-height: 1.75;
}
#footer .bottom-link a:first-child {
  padding-top: 0;
}
#footer .bottom-link a span {position: relative;}
#footer .bottom-link a span::before{
  content: '';
  position: absolute;
  background: url(../../images/arrow_white_link.svg);
  width: 6px;
  height: 9px;
  background-size: cover;
  left: -10px;
  top: 5px;
  background-repeat: no-repeat;
}
#footer .bottom-link a.link-blank span::after {
  content: '';
  position: absolute;
  background: url(../../images/icon_blank.svg);
  width: 14px;
  height: 11px;
  background-size: cover;
  right: -17px;
  top: 4px;
  background-repeat: no-repeat;
}

#footer .bottomBanner{
  position: fixed;
  bottom: 0;
  z-index: 11;
  width: 100%;
  background-color: #FFFFFF;
  padding: 6px 10px 15px 10px;
  display: none;
}

#footer .bottomBanner a img{
  display: block;
  margin: 0 auto;
}

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

/* hero */
.hero-inner{padding:20px 5px 35px 20px; box-sizing:border-box; position:relative;}
.hero-inner .hero-icon{}
.hero-inner .hero-title{font-size:24px!important; line-height:1!important; font-weight:bold; position:absolute; color:#D33339;top:25px; left:77px;}
.hero-inner .hero-sub{font-size:12px!important; line-height:1!important;  position:absolute;  color:#D33339;top:60px; left:80px;}

/* section-pankuzu */
#section-pankuzu{padding:40px 0 0 0; box-sizing:border-box;margin: 0 2%;}
#section-pankuzu .inner{width:100%x; margin:0 auto;}
#section-pankuzu ul{width:100%; background:#fff; padding:15px; box-sizing:border-box;}
#section-pankuzu ul li{list-style:none; display:inline-block; position:relative; color:#333; font-size:12px; line-height:1.5; font-weight:bold;}
#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:96%; margin:0 2% 0; background:#fff; box-sizing:border-box; position:relative;box-shadow: 0 3px 6px #ccc;} */
#content-wrapper{width:96%; margin:0 2% 0; background:#fff; box-sizing:border-box; position:relative;box-shadow:  0 0 5px 0 rgba(0,0,0,0.3);}

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

/* section-sidenav */
#section-sidenav{display:none;}
#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;}
#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.price .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,
#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:15px;}
#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:55px; 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: 96%;position: absolute;left: 0px;right: 0px;height: 500px;overflow: scroll;background: #fff;box-shadow: 0 0 0 6px;margin: 0 auto;top:20px;margin: 0 2%;}
#_js-bk_screen .box-policy table{margin-top: 30px;}
#_js-bk_screen .box-policy table th{display: block;width: 100%;background: #f5f5f5;color: #333;text-align: left;padding: 18px 18px 18px 30px;}
#_js-bk_screen .box-policy table td{display: block;width: 100%;background: #fff;}

input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}
.ad-page_bottom{position:fixed; bottom: 0; height:auto; width:100%; transition: 0.2s; cursor: pointer; z-index:100;}
.ad-page_bottom img{width:100%; vertical-align:bottom;}

.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 20px 0 20px; }
.step-flow .step-item { margin-bottom: 25px; position: relative; }
.step-flow .step-item:after { background-image: url('../../images/arrow-down.png'); width: 12px; height: 10px; content: ''; position: absolute; bottom: -18px; left: 0; right: 0; margin: auto; background-size: cover; }
.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: 14px; }
.step-flow .step-item table tr h6 { font-size: 20px; color: #333; }
.step-flow .step-item table tr:last-child { background: #fff; }
.step-flow .step-item table tr:last-child td { padding: 28px 0; }
.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 MERISE */
.table-merise table {
  border-collapse: collapse;
  margin: 0 auto;
  padding-top: 20px;
  min-width: 570px;
  margin-left: 25px;
  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;
  line-height: 1.6;
}

.table-merise .symbol__red {
  color: #d2313a;
}

.table-merise table thead th {
  background: #e5e4da;
  height: 55px;
  padding: 15px 0;
  font-size: 12px;
}

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

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

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

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

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

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

.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 table tbody tr:nth-child(even) td {
  background-color: #faeaeb;
}

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

.table-merise {
  max-width: 800px;
  margin: 0 auto;
  overflow-x: auto;
}
/* END CUSTOM TABLE MERISE */

.image-wrapper { width: 100%; height: 100%;overflow: hidden;}
.image-wrapper img {width: 100%; height: 100%; object-fit: cover;}
.text-bold {font-weight: bold;}

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

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

/* .block-heading-title */
.block-heading-title {
  margin-bottom: 30px;
  text-align: center;
}
.block-heading-title .sub-title {
  font-size: 13px;
  margin-bottom: 13px;
  color: #333;
}
.block-heading-title .main-title {

}
.block-flex{
  display: block;
}
.table-merise td .sub-price{
  display: block;
  /*padding-left: 25px;*/
}
#page-trial-lesson .contact-form-required.is-check{
  display: block !important;
  opacity: 1;
}
.p-planBanner_image .p-planBanner_pc{
  display: none;
 }
 .p-planBanner_image .p-planBanner_sp{
   display: block;
   margin: 50px 0 48px;
 }
 .p-planBanner_image {
  text-align: center;
  display: none;
}
.banner-lesson {
  margin: 15px 0 10px;
  text-align: center;
}


.close-menu {
  padding-top: 40px;
  text-align: center;
}
.close-menu span {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 100%;
  text-align: center;
  position: relative;
  color: #959797;
  display: inline-block;
}
.close-menu span::before {
  content: "";
  width: 12px;
  height: 12px;
  background: url(../../images/close-menu.svg);
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  left: -20px;
  top: 10%;

}
.close-menu span:hover {
  cursor: pointer;
}

@media only screen and (max-width: 450px ) {
  #header .nav-header-sp .nav-header-right .btn-cta {
    padding: 9px 20px 9px 8px;
    
  }
  .spmenu #nav_toggle {
    width: 20px;
  }
  .spmenu #nav_toggle span:nth-child(3) {
    top: 15px;
  }
  .spmenu #nav_toggle span:nth-child(1) {
    top: 3px;
  }
  .spmenu .box-cta {
    margin-right: 15px;
  }
  #header .nav-header-sp .nav-header-right .btn-cta {
    font-size: 8px;
  }
  #header .nav-header-sp .logo {
    width: 94px;
  }
}

.slider-voice-wrapper .slick-initialized .slick-slide{
  margin: 0 8px;
}

.slider-voice-wrapper .card-slider .card-body .card-title{
  display: flex;
  flex-direction: column;
  margin-bottom: 10px;
}

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

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

.slider-voice-wrapper .card-slider .card-body .card-title-sub{
  font-size: 13px;
  color: #333333;
  font-weight: bold;
  margin-bottom: 10px;
  line-height: 15px;

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

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

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

.slider-voice-wrapper .wrapper-voice-button .voice-button{
  background: #d2313a;
  color: #fff;
  border: none;
  font-size: 13px;
  padding: 6px 33px;
  position: relative;
}

.slider-voice-wrapper .wrapper-voice-button{
  display: flex;
  justify-content: center;
  padding-bottom: 60px;
  padding-top: 60px;
}

.slider-voice-wrapper .slick-dots li button:before{
  font-size: 12px;
  color: black;
}

.slider-voice-wrapper .slick-dots li.slick-active button:before{
  color: red !important;
}

.slider-voice-wrapper .slick-dots{
  bottom: -60px;
}

.slider-voice-wrapper .card-slider img{
  width: 100%;
  object-fit: cover;
}

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

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

.slider-voice-wrapper .card-slider .card-body .card-content .content {
  font-size: 13px;
  line-height: 19px;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
}
#section-voices .search-result {
  position: relative;
}
.slider-voice-wrapper .card-slider {
  width: calc(50% - 9px);
  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;
}
.slider-voice-wrapper .card-slider a.link {
  text-decoration: none;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
}
@media (max-width: 600px) {
  .slider-voice-wrapper .card-slider {
    width: 100%;
    left: 0!important;
    right: 0!important;
  }
}

.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: 10%;
  min-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: 60%;
  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: 55px;
  font-weight: 400;
  font-size: 14px;
  line-height: 175%;
  color: #2C2F2F;
  height: 100px;
  overflow: hidden;
  display: block !important;
}
.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: 83px;
  text-decoration: none;
  height: 42px;
  overflow: hidden;
  width: 85%;
}
.slider-voice-wrapper .card-slider .voice-content-post {
  display: none;
}
.slider-voice-wrapper .card-slider .card-body .voice-content-post:first-child {display: block;}

@media only screen and (max-width: 414px) {
  .slider-voice-wrapper .card-slider .header-card_voice .title a.card-title::after {
    right: -30px;
  }
}

/* section-teacher */
.section-teacher {
  padding: 114px 0 69px;
}
#page-home .section-teacher .slider {
  margin: 40px auto 70px;
}
.section-teacher .wrapper-teacher {
  margin: 0 20px
}
.section-teacher .slider-teacher {
  margin: 0 20px;
}
.section-teacher .wrapper-teacher .teacher-about {
  font-size: 16px;
  line-height: 1.75;
  padding: 40px 0 60px;
}
.section-teacher .slider-teacher .-feature {
  text-align: center;
}
.section-teacher .slider-teacher .-feature img {
  width: 100px;
  display: inline-block;
}
.section-teacher .slider-teacher .info-teacher {
  padding-top: 7px;
  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 {
  text-align: center;
  color: #2C2F2F;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 175%;
}
.section-teacher .slider-teacher .info-teacher .class {
  font-weight: 400;
  font-size: 12px;
  line-height: 175%;
  color: #959797;
  margin-top: -2px;
}
.section-teacher .wrapper-teacher .btn-trial a .ctn_button {
  background: #4DBAC1;
  color: #fff;
  padding: 20px 40px 20px 30px;
  width: 100%
}
.btn-trial a .ctn_button span {
  display: block;
}
.section-teacher .wrapper-teacher .btn-trial a .ctn_button::after {
  background: url(../../images/arrow_btn-trial_white.svg);
  background-size: cover;
  background-repeat: no-repeat;
  right: 0;
}
.wrapper-teacher .btn-trial {
  margin-top: 40px;
}
.slider-teacher .teacher-item {
  padding: 0 5px;
  min-width: 100px;
  min-height: 166px;
}
.ui-slider .ui-slider-range {
  background: #D23339;
}


.coaching-box .coaching-wrapper .coaching-title{
  padding: 47px 0px 30px 0px;
}

.coaching-box .coaching-wrapper .coaching-title h2{
  font-size: 21px;
  font-weight: bold;
  padding-bottom: 21px;
  color: #333;
}

.coaching-box .coaching-wrapper .coaching-content p{
  font-size: 13px;
  margin-bottom: 30px;
  line-height: 20px;
}


.coaching-box{
  border: solid 2px #d2313a;
  border-radius: 5px;
  padding: 20px 25px 28px 25px;
  position: relative;
  margin-top: 65px;
}

.coaching-box {
  padding: 0 25px 28px 25px;
}

.wrapper-coaching-box-title{
  padding: 16px 33px;
  text-align: center;
  text-align: center;
  background: url(../../images/school_page/bg_box.png) no-repeat center center;
  background-size: contain;
}

.coaching-box-title{
  position: absolute;
  top: -31px;
  left: 0;
  right: 0;
}

.coaching-box-title p{
  color: white;
  font-size: 16px;
  font-weight: bold;
}

.coaching-box .coaching-body_list{
  padding-top: 30px;
}

.coaching-box .coaching-body .coaching-body_list .coaching-body_list_item::before{
  display: inline-block;
  content: "";
  width: 20px;
  height: 20px;
  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: 20px 0px 20px 0px;
  border-bottom: 1px solid #ccc;
  align-items: center;
}

.coaching-box .coaching-body .coaching-body_list .coaching-body_list_item .coaching-body_list_item_title {
  width: 45%;
}

.coaching-box .coaching-body .coaching-body_list .coaching-body_list_item .coaching-body_list_item_title + span {
  width: 55%;
}

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