@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css);

/* reset */
html{color:#484848;background:#FFF}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}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}


    body{
      font-family:Helvetica,Arial,"Hiragino Kaku Gothic Pro","Meiryo UI",Meiryo,"MS PGothic",sans-serif;
}

*{
    box-sizing:border-box;
}

.popup{
  position:fixed;
  bottom:50px;
  width:100%;
  background-color:rgba(0,0,0,.4);
  padding:10px;
  max-width:800px;
  margin:auto;
  left:0;
  right:0;
}

.popup a{
  display:block;
  width:100%;
}

.popup a img{
  width:100%;
}

.close-btn{
  position:absolute;
  right:10px;
  top:-10px;
  color:#fff;
  font-size:25px;
  background-color:#000;
  text-align:center;
  border-radius:50%;
  padding:0 1px;
  box-shadow:0,3px 5px rgba(0,0,0,.4);
}

.close-btn:hover{
	cursor:pointer;
}

.close-btn i{
  width:22px;
}




section{
    max-width:1500px;
    margin:0 auto;
}

img{
    width:100%;
}

strong{
    font-weight:bold;
    font-size:1.1em;
}

iframe{
  display:block;
  max-width:100%;
  width:2000px !important;
}
h2{
    font-size:2em;
    margin-bottom:50px;
    text-align:center;
}

.flexbox{
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
}

.link-btn{
    transition:.2s;
    display:block;
    font-size:1.5em;
    text-decoration:none;
    color:#fff;
    background-color:#eb6000;
    border:5px solid #eb6000;
    max-width:500px;
    text-align:center;
    padding:20px;
    margin:0 auto;
    font-weight:bold;
}

.link-btn:hover{
    background-color:#fff;
    border:5px solid #eb6000;
    color:#eb6000;
    box-shadow:0 10px 10px rgba(0,0,0,.2);
}


.link-btn-o{
    transition:.2s;
    display:block;
    font-size:1.5em;
    text-decoration:none;
    color:#eb6000;
    border:5px solid #eb6000;
    max-width:500px;
    text-align:center;
    padding:20px;
    margin:0 auto;
    font-weight:bold;
}

.link-btn-o:hover{
    background-color:#fff;
    border:5px solid #eb6000;
    color:#eb6000;
    box-shadow:0 10px 10px rgba(0,0,0,.2);
}


.sec-inner{
    width:100%;
    max-width:1100px;
    margin:0 auto;
    padding:80px 100px;
}

.header{
  position:fixed;
  width:80px;
  right:0;
  top:0;
  z-index:99999;
}

.header nav{
  position:absolute;
  width:330px;
  right:-30px;
  display:none;
}

.header nav ul li a{
  transition:.2s;
  display:block;
  color:#4d4d4d;
  text-decoration:none;
  background-color:#fff9f5;
  padding:10px;
  margin:0px 0 2px;
  border-radius:5px;
}

.menu-open{
  top:50px;
  right:0;
  font-size:60px;
  line-height:80px;
  text-align:center;
  background-color:#eb5f00;
  color:#fff;

}

.menu-open:hover{
  cursor:pointer;
}

.header nav ul li a:hover{
  transform:translateX(-20px);
  color:#fff;
  background-color:#eb5f00;
}

#hero-container, #solution, #contact{
    background-size:cover;
}

.hero-ttl{
    width:100%;
    max-width:1300px;
    margin:0 auto;
    padding:0 100px;
}

.mobiletop{
  display:none !important;
}

.hero-ttl-inner{
    max-width:750px;
    display:block;
    padding:150px 0 30px 0;
}

.hero-ttl-inner p{
  font-size:12px;
  line-height:12px;
  background-color:#eb5f00;
  border-radius:20px;
  margin-bottom:10px;
  color:#fff;
  font-weoght:bold;
  display:inline-block;
  padding:5px 10px;
}

#todesc .sec-inner{
  padding-bottom:150px;
}

#site-ttl{
  background-color:#eb6000;
}

#site-ttl .sec-inner{
  padding:20px 100px;
}

#site-ttl p{
  color:#fff;
  font-weight:bold;
  font-size:4em;
  text-align:center;
  line-height:1.2em;
}

#site-ttl p span{
  font-size:2rem;
  display:block;
  line-height:1.5em;
}

#cur-excerpt{
  background-color:#fff9f5;
  padding-bottom:30px;
}

#cur-excerpt .sec-inner{
  padding:30px;
  max-width:1300px;
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
}

#cur-excerpt p{
  display:inline-block;
  background-color:#00b77b;
  transform:rotate(-2deg);
  font-size:1.2em;
  color:#fff;
  margin-bottom:10px;
  padding:10px 20px;
  width:calc(100% / 3 - 20px);
  font-weight:bold;
  margin:10px;
  display:flex;
  align-items:center;
  line-height:1.5em;
  box-shadow:5px 5px 0px #00754f;
}

#cur-excerpt p:before{
  content:"\f087";
  margin-bottom:10px;
  font-family:FontAwesome;
  font-size:1.5em;
  left:-10px;
  top:-10px;
  display:block;
  font-size:2em;
  margin-right:10px;
  padding-right:10px;
  line-height:1.5em;
  border-right:2px dashed #fff;
}

#about{
    background-color:#eb6000;
    color:#fff;
    text-align:center;
}
#about h2:after{
  content:"";
  display:block;
  width:150px;
  margin:20px auto 0;
  border-bottom:1px solid #fff;
}

#about .sec-inner{
    padding:50px 100px 50px;
}
#about .sec-inner p{
  line-height:2em;
  text-align:left;
}

#about .sec-inner p strong{
  text-shadow:0 3px 5px rgba(0,0,0,.2);
background: linear-gradient(transparent 60%, #ffff6657 60%);
}

#about.school-date .sec-inner{
  padding:10px 100px 30px;
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  align-items:center;
  max-width:1000px;
}

#about.school-date img:first-child{
  margin-bottom:10px;
}

#about .sec-inner  .flexbox{
  align-items:flex-start;
  padding:30px 0;
}

#about .sec-inner  .flexbox img{
  width:calc(100% / 3);

}

#about .sec-inner {
  max-width:100%;
}

#about .sec-inner p{
  max-width:1000px;
  margin:0 auto;
}



#about .sec-inner p{
    margin-bottom:30px;
}

#about img{
    display:block;
}

#about .movie img{
    margin:0;
    display:block;
}

#about .movie a{
    transition:.2s;
    max-width:600px;
    display:block;
    margin:0 auto;
    position:relative;
    border:5px solid #fea;
}

#about .movie a:hover{
    box-shadow:0 5px 10px rgba(0,0,0,.2);
    border:5px solid #fff;
}

#about .movie a:hover p{
    opacity:0.1;
}

#about .movie a p{
    transition:.2s;
    position:absolute;
    text-align:center;
    width:100%;
    background-color:rgba(0,0,0,.5);
    color:#fff;
    margin:0;
    padding:10px 0;
    height:100%;
    display:flex;
    justify-content:center;
    align-items:center;
    font-weight:bold;
}

.twitterfeed{
  display:block;
  margin:50px auto 0;
  max-width:500px;
}

.twitterfeed:hover{
  opacity:.7;
}


.navigation{
  background-color:#eee;
}

.navigation p{
  text-align:center;
  font-weight:bold;
  color:#fff;
  padding:5px;
  background-color:#4d4d4d;
}

.navigation ul{
  display:flex;
  flex-wrap:wrap;
  padding:10px;
  justify-content:center;
  align-items:center;
  max-width:1000px;
  margin:0 auto;
}

.navigation ul li{
  width:calc(100% / 3);
  padding:2.5px;
  margin-bottom:auto;
}

.navigation ul li a{
  display:block;
  text-align:center;
  text-decoration:none;
  font-size:13px;
  padding:10px;
  color:#eb5f00;
  border-radius:5px;
  border:1px solid #eb5f00;
  background-color:#fff;
}

.navigation ul li a:hover{
  background-color:#fff2e9;
}

#features h2{
    color:#eb5f00;
}

#features .sec-inner{
	   max-width:1300px;
    }

#features .item{
    width:calc(100% / 4 - 20px);
    margin:0 10px;
    text-align:center;
}

#features .item p strong{
    font-size:1.5em;
    display:block;
    margin-top:10px;
    color:#eb5f00;
    display:block;
    margin-bottom:20px;
    position:relative;
}

#features .item p strong span{
  font-size:12px;
  line-height:15px;
  display:block;
  position:absolute;
  left:0;
  right:0;
}

#features .item img{
    display:block;
    width:100px;
    margin:0 auto 30px;
}

#solution{
    background-position:bottom;
}

#solution .sec-inner{
    padding:100px 100px;
    max-width:1300px;
}

#solution .sec-inner{
    color:#eb5f00;
}

#solution .sec-inner:after{
    content:"";
    display:block;
    clear:both;
}

.solution-desc{
    float:right;
    max-width:70%;
}

.solution-desc h2 span{
  font-size:1.3rem;
  display:block;
  margin-bottom:10px;
  border-bottom:1px solid #fff;
  padding:10px 0;
}

.col2-txt ul li, .solution-desc ul li{
    margin-bottom:20px;
    position:relative;
    padding-left:calc(1em + 8px);
}

.solution-desc ul li:before{
    content:"\f00c";
    margin-right:8px;
    font-family:FontAwesome;
	font-weight:bold;
	position:absolute;
	left:0;
}

.solution-desc ul li:last-child{
    margin:0;
}

#privilege{
    text-align:center;
    color:#eb5f00;
}

#privilege .sec-inner{
    max-width:1400px;
}

#privilege img{
    width:80px;
    margin-bottom:10px;
}

.privilege-item p strong{
    display:block;
    margin-bottom:10px;
}

.privilege-item{
    width:calc(100% / 3 - 20px);
    margin:0 10px 20px;
    padding:20px;
    text-align:center;
    border-radius:10px;
    background-color:#eb5f00;
    color:#fff;
}

.privilege-item:nth-child(5),.privilege-item:nth-child(6){
    background-color:#066fb8;
}

#privilege .sec-desc{
    margin-bottom:50px;
}

#lecturers h2{
    color:#eb5f00;
}

#lecturers .sec-inner{
    max-width:1400px;
}

.lecturer-item{
    width:calc(50% - 10px);
    margin:0 5px 10px;
    border:1px solid #ccc;
}

.l-h{
    background-color:#eb5f00;
    color:#fff;
    padding:10px;
    text-align:center;
}

.l-h p:last-child{
    font-size:1.2em;
}

.l-h p span{
    font-size:.7em;
    margin-right:10px;
}

.l-b img{
    width:150px;
    display:block;
    border-radius:50%;
    border:1px solid #ccc;
    margin:0 auto 30px ;
}

.l-b{
    padding:30px;
}

.l-b p{
  margin-bottom:20px;
}

.l-b p.special{
  color:#eb5f00;
  font-weight:bold;
}

.l-b p strong{
  color:#eb5f00;
  display:block;
  text-align:center;
}

.l-b p strong:after{
  content:"";
  display:block;
  border-bottom:1px solid #ccc;
  width:50px;
  margin:10px auto 10px;
}

.l-b .l-h{
  margin-bottom:20px;
  background-color:#a0a5aa;
	text-align:left;
}

.social a{
  font-size:24px;
  color:#fff;
  width:80px;
  padding:5px 0;
  border-radius:5px;
  display:inline-block;
  text-align:center;
  overflow:hidden;
}

.social a.tw{
  background-color:#00aced;

}

.social a:hover{
  opacity:.8;
}

.social a.ig{
  position:relative;
 background: -webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
  background: linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
}

.social a.ig:before{
  content:"";
  display:block;
  position:absolute;
  bottom:-40px;
  left: -40px;
  width:80px;
  height:80px;
  background: -webkit-radial-gradient(#ffdb2c 10%, rgba(255, 105, 34, 0.65) 55%, rgba(255, 88, 96, 0) 70%);
  background: radial-gradient(#ffdb2c 10%, rgba(255, 105, 34, 0.65) 55%, rgba(255, 88, 96, 0) 70%);
}

#target .sec-inner{
  padding:0;
  max-width:1300px;
}

#target .sec-inner .col2-wrap{
  display:flex;
  flex-wrap:wrap;
}



#target .col2-txt{
  padding:100px 30px 100px 30px;
  position:relative;
  width:60%;
  
}

#target .col2-txt ul li:before{
    content:"\f086";
    margin-right:8px;
    font-family:FontAwesome;
	font-weight:bold;
	color:#eb5f00;
}

#target .col2-txt ul li{
  border-bottom:3px dotted #e2e2e2;
}

#target .col2-txt ul{
  background-color:#fff;
  padding:30px;
  position:relative;
}


#target .col2-txt ul:after{
  content:"";
  position:absolute;
  top:calc(50% - 50px);
  right:-100px;
  z-index:11;
  border-top: 50px solid transparent;
  border-right: 50px solid transparent;
  border-bottom: 50px solid transparent;
  border-left: 50px solid #fff;
}

#target .col2-img{
  width:40%;
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  margin-left:auto;
  transform:scale(1.1);
}

#target, #curriculum{
    background-color:#fff9f5;
}

#target h2, #curriculum h2{
    color:#eb5f00;
}

#target h2{
  text-align:left;
  margin-bottom:20px;
}

.sec-sub{
  font-size:16px;
  padding:10px 20px;
  background-color:#f18a53;
  position:relative;
  transform:translateX(-20px);
  color:#fff;
  font-size:1.2em;
  font-weight:bold;
}

.sec-sub:before{
  position: absolute;
  z-index:-1;
  content: '';
  width:20px;
  height:100px;
  top: 0;
  left: -20px;
  border-right: solid 20px #f18a53;
}

#welcome{
background-color: #fff9f5;
background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(.5, transparent), color-stop(.5, #ffffff), to(#ffffff)),
-webkit-gradient(linear, 0 0, 100% 0, color-stop(.5, transparent), color-stop(.5, #ffffff), to(#ffffff));
-webkit-background-size: 10px 10px;

  font-weight:bold;
  font-size:2.5em;
  text-align:center;
  color:#f46403;
}

#welcome .sec-inner{
  padding-top:150px;
  padding-bottom:100px;
}

#welcome.lead .sec-inner{
  padding:100px;
}

p.eyecatch{
  color:#00b77b;
  line-height:2em;
  font-size:1em !important;
	justify-content:center;
}

p.eyecatch span{
  background: linear-gradient(transparent 60%, #ffff66 60%);
}

.spbr{
  display:none;
}

.curriculum-chart{
  margin-bottom:30px;
}

.curriculum-chart ul{
  display:flex;
  flex-wrap:wrap;
}

.curriculum-chart ul li{
  width:calc(20% - 10px);
  margin:5px;
  margin-bottom:20px;
  position:relative;
  border:2px solid #637bad;
  background-color:#fff;
  padding:20px 10px 10px 10px;
}

.curriculum-chart ul li span{
  position:absolute;
  top:-15px;
  background-color:#fea;
  border:2px solid #637bad;
  border-radius:20px;
  padding:0 20px;
  left:0;
}

.curriculum-chart ul li:after{
  content:"\f0da";
  font-family:FontAwesome;
  right:-10px;
  font-size:40px;
  color:#fb7c61;
  position:absolute;
  line-height:40px;
  top:0;
  bottom:0;
  height:40px;
  margin:auto;
}

.curriculum-chart ul li:last-child:after{
  display:none;
}

.nayami ul{
  display:flex;
  flex-wrap:wrap;
}

.nayami ul li{
  width:calc(100% / 3 - 15px);
  background-color:#eb6000;
  margin:0 auto 30px;
  padding:40px 20px 20px 20px;
  position:relative;
  color:#fff;
}

.nayami ul li span{
  position:absolute;
  top:-25px;
  font-size:20px;
  width:60px;
  height:60px;
  line-height:60px;
  border-radius:50%;
  border:2px solid #eb5f00;
  left:0;
  right:0;
  margin:auto;
  background-color:#fff;
  text-align:center;
  color:#eb6000;
  font-weight:bold;
}

h2 + .nayami > p{
  margin-bottom:50px;
}

.nayami{
  margin-bottom:50px;
}


#curriculum dl{
    display:flex;
    background-color:#fff;
	border-bottom:1px solid #eb5f00;
	border-left:1px solid #eb5f00;
}

.cur_wrap{
	margin-bottom:10px;
	display:flex !important;
	border-top:1px solid #eb5f00 !important;
}

.cur_cur{
	width:100%;
}

.cur_wrap dl{
	width:100%;
}

.cur_wrap dd{
	display:block !important;
	border:none !important;
}

.cur_wrap .cur_num{
	width:40px;
	flex-shrink:0;
	text-align:center;
	padding:10px;
	background-color:#f5f5f5;
	display:flex;
	align-items:flex-start;
	justify-content:center;
	border-right:1px solid #eb5f00;
}

.cur_date{
	background-color:#eb5f00;
	border:1px solid #eb5f00;
	color:#fff;
	font-size:24px;
	font-weight:bold;
	padding:5px 10px;
	width:150px;
	flex-shrink:0;
}

.cur_date span{
	display:block;
}

dd.cur_desc{
	width:100%;
	padding:10px;
	background-color:#f7f7f7;
	border-left:1px solid #eb5f00 !important;
	border-right:1px solid #eb5f00 !important;
}

dd.cur_desc ul{
	padding:0 0 0 20px;
	width:100%;
}

dd.cur_desc ul li{
	list-style:disc;
}

.cur_lecturer{
	width:110px;
	text-align:center;
	padding:10px;
	flex-shrink:0;
	border-right:1px solid #eb5f00 !important;
	border-bottom:1px solid #eb5f00 !important;
	background-color:#fff;
	
}

.cur_lecturer span{
	display:block;
}

.cur_ttl{
	padding:10px;
	width:300px;
	flex-shrink:0;
}

.cur_ttl strong{
	display:block;
	font-size:20px;
	color:#eb5f00;
}

.cur_date span{
	font-size:14px;
	font-weight:normal;
}

.cur_wrap{
	display:block;
}

#curriculum .bg_o{
  background-color:#eb5f00;
  padding:20px;
}

#curriculum .bg_o p{
  color:#fff;
  background-color:inherit;
}

#curriculum .bg_o p.notice{
  padding:0;
}

#curriculum .bg_o p strong{
  display:block;
  font-size:1.5em;
  margin-bottom:10px;
}

#curriculum .bg_o p strong:before{
  content:"\f1c8";
  margin-right:8px;
  font-family:FontAwesome;

}


#faq h2{
    color:#eb5f00;
}

#faq .faq-item{
    width:calc(50% - 10px);
    margin:0 5px 10px;
    border:1px solid #ccc;
    background-color:#fdfdfd;
}

#faq .flexbox{
  justify-content:flex-start;
}

.faq-item dl{
    display:flex;
    align-items:center;
}

.faq-item dt{
    font-size:3em;
    margin-right:15px;
}

.faqq dt{
    color:#066fb8;
}

.faqa dt{
    color:#d20000;
}

.faqa dd{
    font-weight:bold;
}

.faqq{
    padding:10px;
    border-bottom:2px dotted #ccc;
}

.faqa{
    padding:10px;
}

#contact{
    background-size:contain;
    background-repeat:no-repeat;
    background-position:bottom left;
}

#contact h2{
    color:#eb5f00;
}

#contact dl{
    display:flex;
    border-bottom:1px dotted #ccc;
    margin-bottom:10px;
    padding:10px;
}

#contact dt{
    width:150px;
    font-weight:bold;
    flex-shrink:0;
}

.btn-box{
    margin:50px 0;
}

.btn-box .link-btn{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  align-items:flex-start;
}

.btn-box .link-btn P{
  width:100%;
    margin-bottom:5px;
}

.btn-box .link-btn .payment{
    transition:.2s;
    background-color:#fff;
    color:#eb5e00;
    border-radius:20px;
    font-size:16px;
    padding:5px;
    padding:0 10px;
    margin:2px;
}

.btn-box .link-btn:hover .payment{
    background-color:#eb5e00;
    color:#fff;
}

.btn-box .link-btn{
    width:calc(50% - 20px);
}

h2 .payment{
    font-size:16px;
    padding:5px;
    background-color:#eb5e00;
    font-size:16px;
    color:#fff;
    max-width:250px;
    margin:0 auto 5px;
    border-radius:20px;
}

.chart{
  background-color:#ec5d00;
  padding:10px;
}

.chart ul{
  display:flex;
}

.chart ul li{
  background-color:#fff;
  margin-bottom:10px;
  padding:0 10px 10px 10px;
  margin:0 5px;
  -webkit-box-flex: 1;
  box-flex: 1;
  width: 1000px;
}

.chart ul li span{
  display:block;
  background-color:#ec5c00;
  text-align:center;
  width:30px;
  line-height:30px;
  margin:0 auto;
  margin-bottom:10px;
  color:#fff;
  border-radius:0 0 20px 20px;
}


.form{
    background-color:#ccccccb8;
    margin-bottom:50px;
    padding:50px;
}

.notice{
    font-size:.8em;
    background-color:rgba(250,250,250,.8);
    padding:20px;
}

.notice p span{
    display:block;
    font-weight:bold;
    margin-bottom:10px;
}

.notice ul{
    padding:10px;
}

.notice ul li{
    margin-bottom:5px;
    list-style:decimal;
}

.form .notice{
  background-color:inherit;
  color:#f00;
  display:block;
  line-height:1em;
  padding:10px 0;
}


footer{
    text-align:center;
    background-color:#eb5f00;
}

footer .sec-inner{
    padding:50px 100px;
}

footer h2{
    color:#fff;
    margin-bottom:10px;
}

footer p{
    color:#fff;
    font-size:1.2em;
}

footer a{
    transition:.2s;
    color:#fff;
    font-size:2.5em;
    text-decoration:none;
    font-weight:bold;
}

footer a:hover{
    opacity:.8;
}

footer .c a{
	font-size:12px;
	margin:10px 0;
}

.copyright{
    font-size:10px;
    background-color:#4d4d4d;
    padding:5px 100px 50px;
}

.copyright p strong{
  font-size:1.5em;
  margin-left:10px;
}

@keyframes spbtn {
    0% {
        background-color:#75e243;
        box-shadow:0 0 10px #fff;
        transform:scale(1.1);
    }
    100% {
        background-color:#449c45;
        box-shadow:0 0 1px #fff;
        transform:scale(1);
    }
}


.tocontact{
    position:fixed;
    right:0;
    left:inherit;
    top:0px;
    bottom:0;
    margin:auto;
    height:400px;
    z-index:20;
}

.tocontact p{
    -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
}

.tocontact a{
    background-color:#91ce00;
    color:#fff;
    font-weight:bold;
    padding:10px;
    text-decoration:none;
    font-size:2em;
    display:flex;
    align-items:center;
    border-radius:50px;
    padding-top:30px;
    z-index:100px;
    box-shadow:0 5px 10px rgba(0,0,0,.2);
    border:5px solid #fff;
}

.tocontact a:after{
    content:"\f003";
    display:block;
    font-family:FontAwesome;
	font-weight:bold;
    background-color:#fff;
    color:#91ce00;
    padding:5px;
    border-radius:50%;
    width:50px;
    text-align:center;
    height:50px;
    line-height:50px;
    margin-top:10px;
}

.form label input, .form label textarea{
    width:100%;
    padding:10px;
    border:2px solid #ccc;
    font-size:18px;
}

.form p{
    margin-bottom:20px;
}

.form label{
    display:block;
    font-size:16px;
    line-height:30px;
    font-weight:bold;
}

.form .s-box{
    position:relative;
}

.form .s-box:after{
  content: '< >';
  font: 17px "Consolas", monospace;
  color: #eb5e00;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  /*Adjust for position however you want*/
  top:0px;
  bottom:0;
  margin:auto;
  padding:5px;
  left:-5px;
  line-height:20px;
  border-top: 1px solid #999;
  /*left line */
  
  position: absolute;
  pointer-events: none;
}

.form select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* Add some styling */
  border-radius:0px;
  display: block;
  width: 100%;
  margin: 5px 0px;
  padding: 10px;
  padding-left:50px;
  background-color: #ffffff;
  background-image: none;
  border: 2px solid #cccccc;
  -ms-word-break: normal;
  word-break: normal;
}

.form label span.required{
    background-color:#eb5f00;
    border-radius:5px;
    padding:0 10px;
    font-size:10px;
    line-height:20px;
    display:inline-block;
    color:#fff;
    margin-right:10px;
}

button,
input[type="submit"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0;
    border: none;
    outline: none;
    background: transparent;
}

button,
input[type="submit"] {
    transition:.2s;
    font-size:24px;
    font-weight:bold;
    width:250px;
    margin:0 auto;
    display:block;
    color:#fff;
    background-color:#8fe242;
    text-shadow:0 3px 5px rgba(0,0,0,.2);
    padding:1em 2em;
    box-shadow:0 3px 5px rgba(0,0,0,.2);
    border:2px solid #50a71b;
}

.form .wpcf7-submit:hover{
    box-shadow:0 10px 10px rgba(0,0,0,.2);
    cursor:pointer;

}

input[type=checkbox]{
      display: none
}
.c-box .wpcf7-list-item-label{
    margin-top: 15px;
    margin-bottom: 20px;
    padding-left: 35px;
    position: relative;
    display: block;
    font-size: 16px;
}
.c-box .wpcf7-list-item-label::before{
      content: "";
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 28px;
      height: 28px;
      background: #fff;
      box-shadow: 0 0 5px rgba(0,0,0, .3);
      }
input[type=checkbox]:checked + .wpcf7-list-item-label::after{
      content: "";
      display: block;
      position: absolute;
      top:4px;
      left:4px;
      width: 20px;
      height: 20px;
      background-color:#eb6000;
}

.c-box .wpcf7-list-item-label:hover{
  cursor:pointer;
}

  input[type=checkbox]:checked + .wpcf7-list-item-label{
    color:#eb6000;
  }

  input[type=radio]{
      display: none
}
.r-box .wpcf7-list-item-label{
    margin-top: 15px;
    margin-bottom: 20px;
    padding-left: 35px;
    position: relative;
    display: block;
    font-size: 16px;
}
.r-box .wpcf7-list-item-label::before{
      content: "";
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 28px;
      height: 28px;
      background: #fff;
      box-shadow: 0 0 5px rgba(0,0,0, .3);
      }
input[type=radio]:checked + .wpcf7-list-item-label::after{
      content: "";
      display: block;
      position: absolute;
      top:4px;
      left:4px;
      width: 20px;
      height: 20px;
      background-color:#eb6000;
}

.r-box .wpcf7-list-item-label:hover{
  cursor:pointer;
}

  input[type=radio]:checked + .wpcf7-list-item-label{
    color:#eb6000;
  }
  
 #manin {
  margin:0 auto;
  padding:30px 5%;
  text-align:center;
  font-size:1.5em;
}

#manin p{
  font-size:24px;
  font-weight:bold;
}


#manin h2{
  margin:0;
  font-weight:bold;
  color:#f65b34;
}

#manin h2:before{
  content:"::";
  margin-right:10px;
  color:#f65b34;
}

#manin h2:after{
  content:"::";
  margin-left:10px;
  color:#f65b34;
}


@media screen and (max-width:768px){

    .tocontact{
        bottom:10px;
        left:10px;
        top:auto;
        display:block;
        width:100%;
        margin:0;
        height:auto;
    }
    .tocontact p{
    -webkit-writing-mode: horizontal-tb;
      -ms-writing-mode:horizontal-tb;
          writing-mode: horizontal-tb;

          }
    .tocontact a{
        background-color:#4d4d4d;
        border-radius:10px !important;
        padding:0;
        font-size:13px;
        width:50%;
        border-radius:0;
       justify-content:center;
        border:none;
        padding:10px;
    }


    .tocontact a:after{
        margin:0 0 0 10px;
        color:#fff;
        width:20px;
        line-height:20px;
        height:20px;
        animation-name:spbtn;
        animation-duration: 4s;
        animation-timing-function: linear;
        animation-direction:alternate;
        animation-iteration-count: infinite;

    }

    .hero-ttl-inner{
        padding:50px 0;
    }
    
    #todesc .sec-inner{
  padding-bottom:100px;
}


    #features .item{
        width:calc(50% - 20px);
        margin-bottom:20px;
    }

    #privilege .privilege-item{
        width:calc(50% - 20px);
    }

    #lecturers .lecturer-item{
        width:100%;
        margin:0 0 20px 0;
    }

    #faq .faq-item{
        width:100%;
        margin:0 0 10px 0;
    }

    .btn-box .link-btn{
        width:100%;
        margin:0 0 10px 0;
    }

    #target .col2-img, #target .col2-txt{
      width:100%;
      flex-shrink:0;
    }

    #target .col2-txt ul:after{
  position:absolute;
  top:auto;
  bottom:-100px;
  right:calc(50% - 50px);
  border-top: 50px solid #fff;
  border-left: 50px solid transparent;
}

#target .col2-img{
  height:600px;
  transform:scale(1);
}

#target .col2-txt{
  padding:0;
}

#target .col2-txt h2{
 margin-bottom:50px;
 text-align:center;
}


#target .col2-txt ul{
  padding:50px 100px;
}

#features .sec-inner{
  padding-bottom:100px;
}

#target .sec-inner{
  padding-top:100px;
}
	
	#welcome .sec-inner{
  padding:50px 5% !important;
}

 .copyright{
   padding-bottom:100px;
 }

.sec-sub{
  transform:none;
  text-align:center;
  padding:10px 100px;
}

#about .flexbox{
  flex-wrap:wrap;
}

#about img{
  width:100% !important;
}

dd iframe{
  height:250px;
}

	.cur_wrap{
		display:block !important;
	}

	.cur_date{
		width:100%;
	}

	.cur_date span{
		display:inline;
	}

	.cur_lecturer{
		width:100%;
	}

	.cur_wrap dd{
		width:100% !important;
		padding:10px 5% !important;
		border:none !important;
		border-bottom:1px solid #eb5f00 !important;
	}

	.cur_wrap dt{
		width:100% !important;
		padding:10px 5% !important;
		border-bottom:1px solid #eb5f00 !important;
	}
    
}

@media screen and (max-width:480px){

    h2{
        font-weight:bold;
        margin-bottom:20px !important;
        font-size:1.5em;
    }

    #hero-container{
      background-position:center;
    }

    .mobiletop{
      display:block !important;
    }

    .pctop{
      display:none !important;
    }

    .hero-ttl{
        padding:0 5%;
    }

    .hero-ttl-inner{
        padding:20px 0;
    }

    #site-ttl .sec-inner{
      padding:10px 5%;
    }

    #site-ttl p{
      font-size:2em;
    }

    #site-ttl p span{
      font-size:1.5rem;
    }
    #cur-excerpt .sec-inner{
  padding:30px 5%;
  display:flex;
  flex-wrap:wrap;
}

#cur-excerpt .sec-inner p{
  width:100%;
}


    #about .sec-inner{
        padding:50px 5% 50px;
    }

    #about.school-date .sec-inner{
      padding:10px 5%;
    }

    #todesc .sec-inner{
        padding:50px 5%;
    }

    #features .sec-inner{
        padding:30px 5%;
    }

    #features .item{
        width:100%;
        margin-bottom:20px;
    }

    #solution{
        background-image:none !important;
        background-color:#efefef;
    }

    #solution .sec-inner{
        padding:50px 5%;
    }

    #target{
      padding:0;
    }

    #target .col2-txt ul{
      padding:5%;
    }

        #target .col2-txt ul:after{
  position:absolute;
  top:auto;
  bottom:-80px;
  right:calc(50% - 50px);
  border-top: 50px solid #eb5f00;
  border-left: 50px solid transparent;
}

    #privilege h2{
        padding:0 5%;
    }

    #privilege p.sec-desc{
        padding:0 5%;
        margin-bottom:50px;
    }

    #privilege .sec-inner{
        padding:50px 0 0;
    }

    #privilege .privilege-item{
        margin:0 0 2px;
        width:calc(50%);
        border:2px solid #fff;
        border-radius:0;
        margin:0;

    }

    #privilege .privilege-item p strong{
        font-size:1rem;
    }

    #privilege .privilege-item p{
        font-size:.8rem;
    }


    #curriculum .sec-inner{
        padding:50px 0 50px;
    }

    #curriculum .sec-inner h2{
        padding:0 5%;
        margin-bottom:50px;
    }

    #curriculum dl{
        display:block;
    }

    #curriculum dl dt{
        padding:0 0 10px 0;
    }

    #curriculum dl dt span{
        width:100%;
        border-radius:0;
        padding:5px;
    }

    #curriculum dl dt br{
        display:none;
    }

    #lecturers .sec-inner{
        padding:50px 0 0;
    }

    #lecturers .sec-inner h2{
        margin-bottom:50px;
        padding:0 5%;
    }

    .l-h{
        padding:10px;
    }

    .l-b{
        padding:20px 5%;
    }

    .lecturer-item:last-child{
        margin:0 !important;
    }

    #faq .sec-inner{
        padding:50px 5% 0;
    }

    #faq .sec-inner h2{
        margin-bottom:50px;
    }

    .faq-item:last-child{
        margin:0 !important;
    }

    #contact .sec-inner{
        padding:50px 0;
    }

    #contact .sec-inner h2{
        padding:0 5%;
        margin-bottom:50px;
    }

    #contact .sec-inner dt{
        width:80px;
    }

    #contact .btn-box{
        padding:0 5%;
    }

    #contact .link-btn{
        margin:0;
    }

    #contact .link-btn:first-child{
        margin-bottom:20px;
    }

    .link-btn{
        font-size:1.2em;
        box-shadow:0 3px 5px rgba(0,0,0,.2);
    }

    footer .sec-inner{
        padding:50px 5%;
    }

    footer .sec-inner p{
        margin-bottom:20px;
    }

    footer .sec-inner a{
        font-size:1.5em;
        display:block;
        background-color:#80bd66;
        padding:20px;
        box-shadow:0 3px 5px rgba(0,0,0,.2);
    }

    .copyright{
        padding:5px 5%;
    }
	
	.form{
        padding:30px 10px 10px 10px;
    }

    .solution-desc{
      max-width:100%;
    }

    #target .col2-img{
      display:none;
    }

    .copyright p strong{
      display:block;
      font-size:16px;
      margin-bottom:10px;
    }

     .copyright{
   padding-bottom:100px;
 }

 .copyright p:last-child{
   font-size:5px;
 }
 .sec-sub{
  transform:none;
  text-align:center;
  padding:10px 5%;
}

.lecturer-item{
  border:none;
}
	
	
	p.eyecatch{
	  font-size:1.5rem !important;
	}

	.header{
	  width:100%;
	}

	.menu-open{
  font-size:30px;
  line-height:60px;
  width:60px;
  margin-left:auto;
  text-align:center;
  background-color:#eb5f00;
  color:#fff;

}

.header nav{
  width:100%;
  right:0;
}

.header nav ul li a{  
 margin:0;
 border-radius:0;
 border-top:1px solid #ccc;
}

.header nav ul li:last-child a{  
 border-bottom:1px solid #ccc;
}

.header nav ul li a:hover{
  transform:translateX(0);
  background-color:#fff9f5;
  color:#4d4d4d;
}

.chart ul{
  display:block;
}

.chart ul li{
  width:100%;
  margin:0 0 5px 0;
}

.chart ul li:last-child{
  margin-bottom:00px;
}

.link-btn-o{
  width:90%;
}

.curriculum-chart ul{
  padding:0 5%;
}

.curriculum-chart ul li{
  width:calc(50% - 10px) !important;
  min-height:140px;
}
.nayami{
  padding:0 5%;
}

.nayami ul li{
  width:calc(50% - 5px);
  min-height:180px;
}



}

.finish h2{
	text-align:center !important;
}