html , body{overflow-x:hidden;}

.btn{white-space:normal !important;}

/*----------------------------------
 box
------------------------------------*/
.hbox{margin:15px auto;padding-right:15px;padding-left:15px;width:100%;max-width:900px;}
.tablebox{display:table;width:100%;}
.table-cell{display:table-cell;}

.section{margin:0 auto;padding:15px;width:100%;max-width:800px;font-size:15px;}

/*----------------------------------
 rayout
------------------------------------*/
hr{margin-top:10px;margin-bottom:5px;}

/*mainphoto削除*/

  @media (max-width: 767px) { /*22/06/06囲み追加*/
.pc-ver{
	display: none !important;
  }
  .sp-ver{
	display: block;
  }
}

.flextable{
	display: flex;
	width: 100%;
	flex-wrap: wrap;
}
.flextable table{
	width:98%;
	margin: 1%;
}
  @media (min-width: 768px) {
  
	.pc-ver{
		display: block;
	}
	.sp-ver{
	  display: none !important;
	}
	.flextable{
	display: flex;
	width: 100%;
	flex-wrap: wrap;

	}
	.flextable table{
		width:48%;
		margin: 1%;
	}
  }

/*----------------------------------
 中村が追加したボタンのCSS
------------------------------------*/

a.btn--red.btn--cubic {
	background: #fff100;
	border-bottom: 5px solid #af7c00;
	padding:15px;
	text-decoration: none;
  }

  a.btn--red.btn--cubic:hover {
	margin-top: 2px;
	border-bottom: 1px solid #af7c00;
  }

  a.btn--radius {
	border-radius: 100vh;
  }

  .fa-position-right {
	position: absolute;
	top: calc(50% - .5em);
	right: 1rem;
  }

	/*----------------------------------
	 喜びの声もっと見るボタンの css
	------------------------------------*/
	.grad-wrap {
	  position: relative;
		margin-bottom: 4rem;
	}
	.grad-wrap p{
		text-align: justify;
	}
	.grad-wrap + .grad-wrap {
	  margin-top: 40px;
	}
	.grad-btn {
	  z-index: 2;
	  position: absolute;
	  right: 0;
	  bottom: 0;
	  left: 0;
	  width: 280px;
	  margin: auto;
	  padding: .5em 0;
	  border-radius: 30px;
	  background: #ec8c0f;
	  color: #fff;
	  text-align: center;
	  cursor: pointer;
	  transition: .2s ease;
	  box-shadow: 0 0 3px rgba(0,0,0,.3);
	}
	.grad-btn::after {
	  content: "続きを読む"
	}
	.grad-btn:hover {
	  background: #fff;
	  color: #ecad0f;
	}
	.grad-btn .fa {
	  margin-right: .5em;
	}
	.grad-item {
	  position: relative;
	  overflow: hidden;
	  height: 340px;
	}
	.grad-item p + p {
	  margin-top: 1em;
	}
	.grad-item::before {
	  display: block;
	  position: absolute;
	  bottom: 0;
	  left: 0;
	  content: "";
	  width: 100%;
	  height: 100px; /*グラデーションで隠す範囲*/
	  background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
	  background: linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
	}
	.grad-trigger {
	  display: none;
	}
	.grad-trigger:checked ~ .grad-btn {
	  bottom: -2em;
	}
	.grad-trigger:checked ~ .grad-btn::after {
	  content: "閉じる"
	}
	.grad-trigger:checked ~ .grad-btn .fa {
	  transform: rotate(180deg);
	}
	.grad-trigger:checked ~ .grad-item {
	  height: auto;
	}
	.grad-trigger:checked ~ .grad-item::before {
	  display: none;
	}

/* 保護者様の声 */
.parents ul li{
	list-style: none;
}
	@media screen and (min-width: 768px) {


	}
	/*----------------------------------
	 喜びの声　校舎リンク
	------------------------------------*/
.school_wrap{
	padding: .3rem 1.4rem 1rem 1.4rem;
	background: #fbfbe0;
	border-radius: 18px;
}
.school_wrap h3{
	font-size: 1rem;
}
.school_list{
	display: flex;
	width: 100%;
	flex-wrap: wrap;
}
.school_list li{
	width:45%;
	margin: 0.5rem 0;
	list-style: none;
}

/* ul li:nth-last-child(1),
ul li:nth-last-child(2):nth-child(3n+1),
ul li:nth-last-child(2):nth-child(3n+2),
ul li:nth-last-child(3):nth-child(3n+1){
border-bottom:none;
} */
@media screen and (min-width: 768px) {
	.school_wrap li{
		width: 33.333%
	}
}

/*----------------------------------
 個別指導サイトについてのページ の css
------------------------------------*/

.featurephoto{
  margin-bottom: 1em;
  margin-left: 0;
  width: 100%;
  max-width: 900px;
  /* height: 348px; */
  display: table;
}
.bggreen{
  background-color: #F1F7E7;
  border: solid 2px #534740;
  border-radius: 12px;
  padding: 12px;
}
.point{
  background-color: #FFF100;
  display: block;
  color: #000;
  padding: 12px;
  font-weight: 700;
}


.section p{margin-top:10px;}

.linkbox{margin-bottom:100px;}
.gradelogo{max-width:265px;}
.nagarelogo{max-width:198px;}
.shiryologo{max-width:198px;}
.taikenlogo{max-width:260px;}

.no-top{margin-top:0;padding-top:0;}

.togglemenu{display:none;}

/*----------------------------------
 midashi
------------------------------------*/

h1{
  padding:13px 40px;
  background-color:#3e3a39;
  border-top:5px solid #7d7c7d;
  color:#fff;
  font-size:1.5em;
  font-weight:bold;
  }

h2{
  margin:40px auto 1em;
  padding:13px 40px;
  background:url("../img/h2.png") bottom repeat-x;
  font-size:1.5em;
  }
h2 [class^=icon-]{position:relative;bottom:-10px;font-size:65pt;text-indent:-5000px;}

h2.h2feature{
  background:none;
  font-size: 2em;
}

h3.h3feature{
  padding: 12px;
}

@media(min-width:360px){
	h2{
	    position: relative;
	    /*margin: 1em 0;*/
	    padding: 0.5em 0.5em 0.5em 1.2em;
	}
	h2:before{
	    content: "";
	    position: absolute;
	    background: #FFF100;
	    bottom: 1.8em;
	    left: 0.7em;
	    height: 12px;
	    width: 12px;
	    transform: rotate(45deg);
	    -moz-transform: rotate(45deg);
	    -webkit-transform: rotate(45deg);
	    -o-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	}

	h2:after{
	    content: "";
	    position: absolute;
	    background:#FFF100;
	    bottom: 1.0em;
	    left: 0.2em;
	    height: 8px;
	    width: 8px;
	    transform: rotate(15deg);
	    -moz-transform: rotate(15deg);
	    -webkit-transform: rotate(15deg);
	    -o-transform: rotate(15deg);
	    -ms-transform: rotate(15deg);
	}
}

h3 span , h4 span{background:url("../img/h3.png") bottom repeat-x;}
h3 [class^=icon-]{background:none;font-size:60pt;}

/*???{?????o??*/
h3.title{
	margin-top:0;
	padding:5px 20px;
	border-left:15px solid #595656;
	background-color:green/*#fff100*/;
	color:#fff/*#595656*/;
	font-size:1.2em;
	font-weight:bold;
	}

/*????*/
[class^=num]{
  padding-left:40px;/*
  padding-top:18px;*/
  height:42px;
  font-size:16pt;
  display:table-cell;
  vertical-align:bottom;
  }
.num01{background:url("../img/01.png") no-repeat;}
.num02{background:url("../img/02.png") no-repeat;}
.num03{background:url("../img/03.png") no-repeat;}
.num04{background:url("../img/04.png") no-repeat;}
.num05{background:url("../img/05.png") no-repeat;}
.num06{background:url("../img/06.png") no-repeat;}


/*Q&A*/
.q_a_q {
  padding-left:40px;/*
  padding-top:18px;*/
  height:25px;
  font-size:16pt;
  display:table-cell;
  vertical-align:bottom;
  overflow :hidden;
  }
.q_a_q{background:url("../img/q_a_q.png") no-repeat;}


.q_a_a {
  padding-left:40px;/*
  padding-top:18px;*/
  height:auto;/*
  font-size:10pt;*/
  display:table-cell;
  vertical-align:bottom;
  float :left;
  overflow :hidden;
  padding-bottom :7px;
  }

.q_a_a{background:url("../img/q_a_a.png") no-repeat;}




/*school*/

.classroom {
	margin-bottom :10px;
	margin-top :10px;/*
	float :left;*/
	}

.classroom img {
	}

.classroom table {
	width :100%;/*
	float :left;*/
	}

.classroom tbody tr td,
.classroom tbody tr th {
	padding :10px;
	border :1px solid #000000;
	}

.classroom table th{background-color:#ccc;}

.telnumber {
	font-size :30px;
	}

.classboss {
	margin-top :20px;
	float :left;
	overflow :hidden;
	font-size :14px;
	/*???*/
	padding:10px;
	background-color:lightyellow;
	}


.classboss img {
	margin-right :20px;
	margin-bottom :5px;
	float :left;
	}


.bossname {
	font-weight :bold;
	font-size :16px;
	}



.timetable table tr td,
.timetable table tr th{
	padding :12px 30px;
	border :1px solid #000000;
	text-align :center;
	}

.timetable h3 {
	margin-bottom :20px;
	}

.timetable table{
	font-size :15px;
	}



/*money*/

.money {
	margin-bottom :30px;
	}

.money tbody tr td {
	padding :10px;
	border :1px solid #000000;
	text-align :center;
	}

.money tbody tr td span{
	color :red ;
	}

.addition {
	margin-top :50px;
	}


/*classlist*/

.classlist {
	width :100%;
	font-size :15px;
	margin-bottom :30px;
	}

.classlist tbody tr td {
	padding :10px;
	border :1px solid #000000;
	text-align :center;
	}


/*
.classlist a:hover {
text-decoration: underline;
}
*/
.address {
	text-align :left !important;
	}


/*sitemap*/

.sitemap_last {
	margin-bottom :30px;
	}


/*?R?[?X???*/
.courseinfo-bana{width:225px;margin-top:1em;margin-bottom:5px;}

/*-------------------------------------
 Googlemap
---------------------------------------*/
.googlemap {
position: relative;
padding-bottom: 65%;/*?c????*/
padding-top: 30px;
height: 0;
overflow: hidden;
clear :both;
}
.googlemap iframe,
.googlemap object,
.googlemap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


/*----------------------------------
 FontIcon
------------------------------------*/
@font-face {
  font-family: 'wakaicon';
  src:  url('../fonts/wakaicon.eot?s8x6uv');
  src:  url('../fonts/wakaicon.eot?s8x6uv#iefix') format('embedded-opentype'),
    url('../fonts/wakaicon.ttf?s8x6uv') format('truetype'),
    url('../fonts/wakaicon.woff?s8x6uv') format('woff'),
    url('../fonts/wakaicon.svg?s8x6uv#wakaicon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class^=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'wakaicon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-0:before {
  content: "\e90b";
}
.icon-1:before {
  content: "\e90c";
}
.icon-2:before {
  content: "\e90d";
}
.icon-3:before {
  content: "\e90e";
}
.icon-4:before {
  content: "\e90f";
}
.icon-5:before {
  content: "\e910";
}
.icon-6:before {
  content: "\e911";
}
.icon-7:before {
  content: "\e912";
}
.icon-8:before {
  content: "\e913";
}
.icon-9:before {
  content: "\e914";
}
.icon-pos:before {
  content: "\e900";
}
.icon-surala:before {
  content: "\e909";
}
.icon-smart-i:before {
  content: "\e903";
}
.icon-mail:before {
  content: "\e901";
}
.icon-notebook:before {
  content: "\e902";
}
.icon-pencil:before {
  content: "\e904";
}
.icon-teachers:before {
  content: "\e905";
}
.icon-school:before {
  content: "\e906";
}
.icon-flow:before {
  content: "\e907";
}
.icon-record:before {
  content: "\e908";
}
.icon-home:before {
  content: "\e90a";
}
.icon-phone:before {
  content: "\e942";
}
.icon-location:before {
  content: "\e947";
}
.icon-display:before {
  content: "\e956";
}
.icon-menu3:before {
  content: "\e9bf";
}
.icon-circle-right:before {
  content: "\ea15";
}

/*sitemap*/

.icon-circle-right {
  color:#000000;
  font-size :120%; !important;
  margin-right :10px;
	}

/*-----------------------------------------------------------
 Desktop only
-----------------------------------------------------------*/
@media(min-width:960px){
/*---------------------------------------------------------*/

.mainphoto .photo{/*width:448px;*/display:table-cell;text-align:center;vertical-align:middle;}
.mainphoto .copy{
		padding:70px 20px;
		display:table-cell;
		color:#000;
		text-align:center;
		vertical-align:middle;
		font-size:1.1em;
		line-height:1.7em;
		}

.photobox{margin-top:1em;}

#footernav{display:none;}
[class^=menu] [class^=icon-]{display:none;}
.menu00 , .menu04 {display:none;}

.sponly{display: none !important;}

}
/*-----------------------------------------------------------
 SmartPhone
-----------------------------------------------------------*/
@media(max-width:959px){
/*---------------------------------------------------------*/

/*top_menu*/
header{height:auto;}
#top_menu , .bottom_menu{width:100%;height:auto;padding:5px;display:table;}
#top_menu p , .bottom_menu p {vertical-align:middle;display:table-cell;}
#top_menu p img , .bottom_menu p img {max-height:40px;}
.top_menu ,{display:table-cell;}

[class^=menu]{background:none;}
[class^=menu] a , [class^=menu] a:hover{
		display:block;
		margin-top:7px;
		margin-left:3px;
		padding:8px 3px;
		width:auto;
		height:37px;
		font-size:9pt;
		text-indent:0;
		border:1px solid #000;
		border-radius:5%;
		background:none;
		text-decoration:none;
		color:#000;
		}
[class^=menu] img{display:none;}
[class^=menu] [class^=icon-]{font-size:12px;}
.menu01{display:none;}
.menu04 a , .menu04 a:hover{font-size:10px;text-align:center;letter-spacing:1px;cursor:pointer;}
.menu04 a .fa , .menu04 a:hover .fa{margin-top:-3px;font-size:12pt;}

#nav2 , #sitemap{display:none;}

footer p{width:100%;}
.bottom_menu{text-align:center;}
.bottom_menu li{
		display:inline-block;
		list-style:none;
		overflow:hidden;
		}

.bottom_menu [class^=menu] a,
.bottom_menu [class^=menu] a:hover{
				padding-right:8px;
				padding-left:8px;
				font-size:9pt;
				line-height:1.5em;
				text-align:center;
				}
.bottom_menu [class^=icon-] , .bottom_menu .fa{font-size:13px;}

h1{padding:13px 10px}
h2{margin-bottom:0;}

[class^=num]{/*
  padding-left:40px;
  padding-top:1em;
  font-size:1.1em;*/
  }

.gradelogo , .nagarelogo , .shiryologo , .taikenlogo{width:100%;}

.mainphoto{height:auto;}
.mainphoto .photo{width:100%;}
.mainphoto .copy{text-align:left;margin:10px;}

.section{padding-right:0;padding-left:0;}


/*toggle*/

#navToggle a:hover{cursor:pointer;}
.openNav{
    display:block !important;
    width:100%;
    background:#3E3A39;
    padding:0;
    -webkit-transition:.5s ease-in-out; /*transition???????*/
    -moz-transition:.5s ease-in-out;
    transition:.5s ease-in-out;
    text-align:left;
    }
.openNav ul {margin:0;border-right:0;border-left:0;}
.openNav ul li {
    display:block;
    margin:0;
    border-right:0;
    border-left:0;
    border-bottom:1px dashed #fff;
    line-height:1.5em;
    width:auto;
    height:auto;
    float:none !important;
    }
.openNav ul li ul{display:none;}
.openNav li a ,
.openNav li a:hover{
	display:block;
    	border:0;
    	font-size:11pt;
    	text-indent:0;
   	height:auto;
  	color:#fff !important;
 	text-align:left;
	}
.openNav ul li::after {content:''}
.openNav ul li:last-child {border-bottom:none}

.btn-close{display:none !important;font-size:19px;}
.btn-close .glyphicon{}
.toggle-close{display:none !important;}
.toggle-open{display:block !important;}



.pconly{display:none !important;}
.spinline{display:inlineblock;}



/*google*/

.googlemap {
	margin :0 5px;
	margin-right :50px;
	}


/*school*/

.classroom {
	margin :0 5px;
	}

.class_photo {
	margin-top :20px;
	}


.classroom table {
	margin-top :10px;
	}

h3.timetablemidashi {
	margin-top :20px;
	}

.timetable table{
	font-size :10px;
	}

/*money*/
.money {
	margin-top :10px;
	width :100%;
	}


.money tbody tr td {
	font-size :7px;
	}

/*other*/
.sp-center{text-align:center;}


/*---------------------------------------------------------*/
}
@media(max-width:359px){
/*---------------------------------------------------------*/
h2{padding:13px 10px}

#top_menu p{max-height:35px;}
#top_menu p img{max-height:35px;}
[class^=menu] [class^=icon-] , [class^=menu] .fa-sitemap{display:none;}
[class^=menu] .glyphicon-remove{display:inline-block;}

[class^=num]{
  padding-top:0;
  font-size:1.1em;
  }


/*---------------------------------------------------------*/


}


/*------各校ページ　教室長メッセージ、講師紹介　追加分---------*/


.name {
	margin-top: 10px;
	text-align: center;
}

.chuo_box {
	padding:0 20px;
}
.chuo_box p_right {
	text-align: right;
}
@media screen and (max-width: 745px) {

.teacher_box {
	padding: 20px;
}

}

/*------教室ページ内時間割用---------*/
.schooltimetable .bg-waring-deep,
.schooltimetable .bg-orange {
	background-color:#ffc14d;
}


/*------20220901フッター---------*/
 #footer{
	background-color:#efefef/*#FFFA99*/;
	padding:10px;
 }
 #footer h5{
	text-align:center;
	margin-bottom:20px;
 }

 #footer hr{
	border:0;
	height:1px;
	background-color:#666;
 }
 
 #footerschoollist{
	padding-left:8px;
 }

 #footerschoollist a{
	line-height:1.2em;
	text-decoration:none;
 }

 #footerschoollist .row{
 	margin-bottom:5px;
 }

 #footerschoollist .col-xs-3{
 	padding:0;
 	margin-left:5px;
 }
 #footerschoollist .col-xs-9{
 	padding-left:8px;
 	margin-left:-5px;
 }

 #footerschoollist img{
 	width:80px;
 	height:80px;
 	object-fit:contain;
  }

 #footerschoollist .schoolname{
 	color:#333;
 	font-weight:bold;
 }

 #footerschoollist .tellink{
 	margin-top:3px;
 	margin-bottom:5px;
 }
 #footerschoollist .tellink a{
 	color:#337ab7;
 }

 #footerschoollist .schoollink{
 	font-size:0.8em;
 	display:inline-block;
 	padding:3px 6px;
 	background-color:#fff;
 	color:#333;
 	border-radius:4px;
 	text-decoration:none;
 	margin-bottom:10px;
 }


 #pcsitemap{
	padding-top:10px;
	/*background-color:#FFF100;*/
 }

 #pcsitemap ul.menu {
 	margin-top:8px;
 	text-align:center;
 }
 #pcsitemap ul li{
 	font-size:12px;
 	padding:10px;
 }
 #pcsitemap ul li a{
 	color:#333;
 }
 #pcsitemap ul.menu li{
 	border-right:1px dotted;
 	margin-bottom:5px;
 }
 #pcsitemap ul.menu li:first-child{
 	border-left:1px dotted;
 }

/*PCのみ*/
@media(min-width: 960px){
 .bottom_menu{
	display:none;
 }
}

/*スマホのみ*/
@media(max-width: 959px){
 footer{
	padding-bottom:60px;
 }
 #pcsitemap{
	display:none;
 }
 #footerschoollist .row{
 	margin-bottom:20px;
 }
 #footerschoollist .tellink a{
 	font-size:14px;
 }


/*------20220909追従用---------*/
.fix{
	position:fixed;
}

/*電話モーダルをハンバーガーより上に*/
#exampleModal{
 z-index:10000;
}

}



/*------PC用--------------------------
-----20220914フッター 上本追加分---------*/
.otherschool {
	margin: 30px auto 0px;
}
.otherschool .dot-line {
	display: flex;
	align-items: center;
}

.otherschool .dot-line:before,
.otherschool .dot-line:after {
  	content: "";
  	flex-grow: 1;
  	height: 5px;
  	background: radial-gradient(#000 20%, transparent 30%) center/ 5px;
}
.otherschool .dot-line p {
	margin:0 2em;
}
.dot-line_sp {display:none;
}

.otherschool .row {
	max-width:410px;
	width:100%;
	margin: 0 auto;
}
#footerschoollist .otherschool .school_icon {
	max-width:180px;
	width:100%;
}
.otherschool .tellink {
	color:#337ab7;
}
.otherschool .schoollink {
	margin-left:10px;
}
.otherschool .schoolname {
	margin-top:15px;
	margin-bottom:0px;
}
.otherschool .online_btn a {
	padding:10px 20px;
	border-radius:10px;
	max-width: 400px;
	margin: 0 auto;
	background:#eea236;
	display:block;
}
.otherschool .online_btn a:hover{
  opacity: 0.8;
}
#footerschoollist .mgb_0 {
	margin-bottom:0;
}

.otherschool .small_btn_online, .btn_area .small_btn_request {
	font-size:13px;
	color:#fff;
	background: darkorange;
}
.btn_area .small_btn_request {
	padding: 6px 43px;
}
.btn_area .small_btn_trial {
	font-size:13px;
	color:#fff;
	background: #2f992f;
	padding: 6px 30px;
}

.small_btn:hover{
  	opacity: 0.8;
}
.small_btn:visited{
  	text-decoration:none;
}
.btn_area_inner {
	max-width:600px;
	margin: 10px auto 0;
}
.name_ks {
	font-size:13px;
}
#footerschoollist .schoollink_new {
    font-size: 0.8em;
    display: inline-block;
    padding: 6px 20px;
    background-color: #fff;
    color: #333;
    border-radius: 4px;
    text-decoration: none;
    /* margin-bottom: 10px; */
    margin: 7px 5px;
}
.otherschool_inner {
	max-width:530px;
	width:100%;
	margin: 0 auto;
}
.otherschool_inner .schoollink_new {
	padding: 10px 20px;
	margin: 20px 0px;
}
.otherschool_inner .right_box_new {
	width:180px;
}
.otherschool_inner .left_box_new {
	padding-left:0;
	padding-right:0;
}
#footerschoollist .otherschool .schoollink_new {
		margin: 20px 0px;
   	 	padding: 10px 5px;
    		width: 65px;
    		text-align: center;
}

/*------若松塾の個別指導とは 1208追加分---------*/
.top_mv h1 {
	padding:0;
	border:none;
	background:none;
	margin-bottom:30px;
}
.top_mv img {
	max-width:870px;
	width:100%;
}
.system_info {
	padding: 0 30px 15px;
}
.headline {
	font-size:21px;
	line-height:1.75em;
}
.subjects_list {
	overflow:hidden;
	margin-top: 15px;
	margin-bottom:15px;
}
.subjects_list li{
	list-style-type:none;
	float:left;
	margin-right:30px;
}
.subjects_list li:last-child {
	margin-right:0px;
}
.grade_list {
	margin-bottom:60px;
}
.grade_note {
	font-size:16px;
	line-height:1.5em;
}




/*------スマホ用--------------------------*/
@media(max-width: 767px){

	.otherschool {
		margin: 0 auto;
		padding-right:8px;
	}
	.otherschool .dot-line {
		display:none;
	}
	.dot-line_sp {
		display:block;
	}
	.otherschool .dot-line_sp {
		font-size:14px;
	}
	.otherschool .left_box, .otherschool .right_box{
		padding:0;
	}
	.otherschool .tellink {
		font-size:14px;
	}
	.otherschool .otherschool_info {
		text-align:right;
	}
	.otherschool .schoollink {
		margin-left:0px;
	}
	.otherschool .schoolname {
		margin-left: 11%;
	}
	.otherschool .online_btn a {
		width:100%;
	}

	#footerschoollist .btn_area .small_btn_request {
		width:277px;
		margin-bottom:10px;
		line-height: 32px;
	}
	#footerschoollist .btn_area .small_btn_trial {
		width:277px;
		line-height: 32px;
	}
	#footerschoollist .schoollink_new {
    		margin: 3px 5px;
		padding: 6px 20px;
	}
	#footerschoollist .otherschool .school_icon_new {
		width: 120px;
		height: auto;
		margin-top: 10px;
	}
	.otherschool .left_box_new {
		width:120px;
	}
	.otherschool .schoolname_new {
		font-size:13px;
		margin-top:3px;
		max-width: 140px;
	}
	.otherschool .schoollink_new {
		margin-top: 15px;
    		
    		padding: 10px;
    		text-align: center;
		margin-left: 0;
	}
	.otherschool .right_box_new {
		width: 165px;
	}
	.otherschool .otherschool_info_new {
		width: 140px;
		margin-left: 0;
	}
	.otherschool .tellink_new {
		width:140px;
	}
	.otherschool .col-xs-1 {
		padding-left:0;
		paddin-right:0;
	}
	#footerschoollist .otherschool .schoollink_new {
    		margin: 3px 5px;
		padding: 10px 5px;
		width:55px;
	}
	.top_mv h1 {
		margin-bottom:20px;
	}
        .numtitle {
		font-size:18px;
		line-height:1.75em;
	}
	.subjects_list {
		margin-bottom:15px;
	}
	.subjects_list li {
		margin-right:10px;
	}
	.subjects_list img {
		width:50px;

	}
	.headline {
		font-size:20px;
	}
	.system_info {
		padding-right:15px;
		padding-left:15px;
		padding-bottom:0;
	}
	.grade_list {
    		margin-bottom: 30px;
	}
	.grade_note {
		font-size:14px;
	}

}
/*------スマホ用　ここまで----------------*/