@charset "UTF-8";


.mt10{margin-top: 10px;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.mt40{margin-top: 40px;}
.mt50{margin-top: 50px;}
.mt60{margin-top: 60px;}
.mt70{margin-top: 70px;}
.mt80{margin-top: 80px;}
.mt90{margin-top: 90px;}
.mt100{margin-top: 100px;}
.mb10{margin-bottom: 10px;}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px;}
.mb40{margin-bottom: 40px;}
.mb50{margin-bottom: 50px;}
.mb60{margin-bottom: 60px;}
.mb70{margin-bottom: 70px;}
.mb80{margin-bottom: 80px;}
.mb90{margin-bottom: 90px;}
.mb100{margin-bottom: 100px;}

.pt10{padding-top: 10px;}
.pt20{padding-top: 20px;}
.pt30{padding-top: 30px;}
.pt40{padding-top: 40px;}
.pt50{padding-top: 50px;}
.pt60{padding-top: 60px;}
.pt70{padding-top: 70px;}
.pt80{padding-top: 80px;}
.pt90{padding-top: 90px;}
.pt100{padding-top: 100px;}
.pb10{padding-bottom: 10px;}
.pb20{padding-bottom: 20px;}
.pb30{padding-bottom: 30px;}
.pb40{padding-bottom: 40px;}
.pb50{padding-bottom: 50px;}
.pb60{padding-bottom: 60px;}
.pb70{padding-bottom: 70px;}
.pb80{padding-bottom: 80px;}
.pb90{padding-bottom: 90px;}
.pb100{padding-bottom: 100px;}
.plr50{padding-left: 50px;padding-right: 50px;}

.mt-20{margin-top: -20px;}
.mt-30{margin-top: -30px;}
.mt-50{margin-top: -50px;}

.kirikae1{display: block;}
.kirikae2{display: none;}
@media (max-width: 768px) {
	.plr50{padding-left: 0;padding-right: 0;}
	.pt30{padding-top: 0;}
	.pb30{padding-bottom: 0;}
.kirikae2{display:block;}
.kirikae1{display: none;}
}


.kirikae1a{display: block;}
.kirikae2a{display: none;}
@media (max-width: 375px) {
.kirikae2a{display:block;}
.kirikae1a{display: none;}
}

.al-right{text-align: right!important;}
.brand-name{font-size: 15px!important; overflow: visible!important}

.rd-navbar-static .rd-navbar-call a[href='callto:#'] { text-align: right!important}

.bla{color: #000000!important;}


.school table td { 
border-bottom: #cccccc 1px dotted;
	padding: 30px;
	background: #ffffff;
}

.pa20{ padding:20px;}
.bo_l{

}

@media (max-width: 767px) {
.bo_l{
border-left: none !important;
}	
.aisatu p{

font-size:13px;}	
	
}
.school table tr th{
	padding:20px;
	border: none !important;
	text-align:center;
	white-space:nowrap;
	color:#000;
	background:#eeeeee;
    font-weight: bold;
}


.school input[type='text']{
  font-family: 'Ubuntu', sans-serif;
  font-size: 14px;
  line-height: 25px;
  padding: 10px 20px;
  border: none;
  width: 100％;
  outline: none;
  height: 54px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  font-weight: 100%;
  color: #3c3a3e;
  background: #e4e4e4;
}
.school .koumoku input[type='text']{
  padding: 5px!important;
  width: 150px!important;
  background: #ffffff;
	border: #ccc 1px solid;
	height: 30px;
}
.school textarea {
  font-family: 'Ubuntu', sans-serif;
  font-size: 14px;
  line-height: 25px;
  padding: 15px 21px;
  border: none;
  width: 100％;
  outline: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  resize: none;
  height: 153px;
  font-weight: 100%;
  color: #3c3a3e;
  background: #e4e4e4;
  margin: 0;
}
.school select{width: 100％;}
.text-left{text-align: left!important; margin: 0 0!important}
.f25{font-size: 25px;font-weight: 600;}


ol{list-style: square!important;}
.blu{color: #1046D3;}

.e-box{border: 1px #000000 solid; padding: 2px;}

.photo{float: left; margin: 0 30px 30px 0}
.ensen td{padding: 5px}
.ensen .tit{font-weight: 600; background: #000000;color: #FFFFFF;text-align: center;border: #D9D9D9;}


.youtube{ max-width: 680px;height: 420px;}
.youtube iframe{border: 1px solid #cccccc;}

.f95{font-size: 98%!important;}

.f80{font-size: 80%!important;}
.f60{font-size: 60%!important; text-decoration: underline;}

.white{color: #ffffff!important;}

.swiper-slide-caption h4{
    text-shadow: 0 0 10px #333;}

.school table{ text-align: left;}

.bold{font-weight: bold;}

.box-info img{width: 100%;}


.pd0{padding: 0!important;}


.subscribe-block-top img{width: 100%; height: auto;}

.red{color: #ff0000;}





.box-info2 {
	position: relative;
	display: flex;
	
	padding: 45px 10px;
	min-height: 269px;
	text-align: left;
	border: 1px solid #ebebeb;
	transition: 0.3s ease-out all;
}



@media (min-width: 768px) {
	.box-info2 {
		padding: 45px 5px;
	}
}

@media (min-width: 992px) {
	.box-info2 {
		padding: 30px 10px;
		text-align: center;
	}
	
	
}

.box-info2:hover {
	box-shadow: 6px 8px 24px 0 rgba(32, 47, 57, 0.2);
	transform: translateY(-10px);
}