/*
共通設定
*/
.clearfix {
content:""; 
clear:both; 
display:block;/* or table*/
}
/*point if it's nothing below contents coming top, this will be hidden*/
.clearfix:before, .clearfix:after {
	content:""; 
	display: block;
}
.clearfix:after {
	clear: both;
}
body{
	max-width:1200px; 
	margin: 0 auto; 
	padding:0; 
	background-color:transparent; 
	overflow-x:hidden;
	font-size: 15px;
    font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo','ＭＳ Ｐゴシック',sans-serif;
}
img {
	vertical-align:middle;
	height: auto !important;
    max-width: 100%;
}
a:hover,
a:active,
a:visited,
a:link {
	text-decoration: none;
}
.inline { display:inline;}
.inlineblock { display:inline-block;}
.block { display: block;}
.w100 { width:100%; height:auto; margin:0 auto;}
.w95 { width:95%; height:auto; margin: 0 auto;}
.w90 { width:90%; height:auto; margin: 0 auto;}
.w80 { width:80%; height:auto; margin: 0 auto;}
.w70 { width:70%; height:auto; margin: 0 auto;}
.w60 { width:60%; height:auto; margin: 0 auto;}
.w50 { width:50%; height:auto; margin: 0 auto;}
.w49 { width:49%; height:auto; margin: 0 auto;}
.w48 { width:48%; height:auto; margin: 0 auto;}
.w47 { width:47%; height:auto; margin: 0 auto;}
.w46 { width:46%; height:auto; margin: 0 auto;}
.w45 { width:45%; height:auto; margin: 0 auto;}
.w40 { width:40%; height:auto; margin: 0 auto;}
.w30 { width:30%; height:auto; margin: 0 auto;}
.w20 { width:20%; height:auto; margin: 0 auto;}
.w10 { width:10%; height:auto; margin: 0 auto;}
.right { float:right;}
.center { text-align:center;}
.opa8:hover { opacity: .8;}
/*.off {display: none;}*/
.off_2 {opacity: .3;}
.off_2 a {cursor: default;}
.for-pc {display: inline-block;}
.for-sp {display: none;}
.for-pc2 {display: block;}
.for-sp2 {display: none;}
@media screen and (max-width: 560px) {
	.for-pc {display: none;}
	.for-sp {display: inline-block;}
	.for-pc2 {display: none;}
	.for-sp2 {display: block;}
}

/*
header
*/
header {
	max-width: 1200px;
	width: 100%;
	height: auto;
	background-color:#057B5C; 
}
header #header_inner {
	min-height:100px;
	line-height:100px;
}
header #header_inner ul li {
	/*float:left;*/
}
header #header_right{
	float: right;
}
header #header_right div,
header #header_right span,
header #header_right ul{
	float: left;
	display: inline-block;
}
header #header_right ul{
	padding-top: 29px;
}
header #header_right ul li{
	line-height: 1.4;
}
@media screen and (max-width: 1118px) {
	header #header_inner {
		display: block;
		text-align: center;
	}
	header #header_inner span {
		display: inline-block;
	}
}
@media screen and (max-width: 860px) {
	header #header_right ul,header #header_right span{
		float: none;
		display: none!important;
	}	
}
@media screen and (max-width: 600px) {
	header #header_inner {
		line-height: 0;
	}
	header #header_inner span {
		padding-top: 50px;
		display: block;
	}
	header #header_inner span:nth-child(2) {
		padding: 20px 0;
	}
	#header_inner a + span > img{
		margin-right: 20px;
	}
}

/*
twitter area
*/

.w90.twitter-area p{
	display: inline-block;
    padding: 10px 0;
    margin-left: 15px;
}

.w90.twitter-area .twitter-btn{
	width: 38px;
}

@media screen and (max-width: 860px) {
	.w90.twitter-area .twitter-btn{
		position: absolute;
		top: 50%;
		right: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
	}
}
@media screen and (max-width: 860px) {
	.w90.twitter-area a{
	width: 100%;
		display: block;
    text-align: center;
		position: relative;
	}
}

/*
nav
*/
nav#top_nav {
	background-color: #6cab95;
	height: 44px!important;
	position: relative;
	box-sizing: border-box;
}
@media screen and (max-width: 1118px) {
	header #header_right {
		display: inline-block;
		float: none;
		line-height: 1;
		margin: 0 auto;
	}
	header #header_right ul {
		margin-top: -4px;
		padding-top: 0px;
	}
}
@media screen and (max-width: 860px) {
	nav#top_nav {
		display: none!important;
	}
    header #header_right div, header #header_right span, header #header_right ul {
    	float: none;
    }
    header #header_right {
    	display: block;
    	padding-bottom: 1.5em;
    }
}
nav#top_nav ul {
	margin-left: 5%;
	position: absolute;
	bottom: 0;
	/* overflow: hidden; */
	line-height: 27px;
	display: table;
	table-layout: auto;
	width: 90%;
	text-align: center;
	top: 16px;
	/*padding-left:1.18%;*/
	border-left: 1px solid #bfdad1;
}
nav#top_nav ul li {
	display: table-cell;
	/*float: left;
	position: absolute;*/
    padding:0 0.25em;
	border-right: 1px solid #bfdad1;
	/*box-sizing: border-box;*/
}
nav#top_nav ul li a {
	display: inline-block!important;
}

nav#top_nav img{
	height: 13px !important;
    /*width: 100% !important;*/
    max-width: 100%;
}
#upper_footer_nav img{
	height: 13px !important;
    /*width: 100% !important;*/
    max-width: 100%;
}
.drawer-nav li img{
	height: 13px !important;
    /*width: 100% !important;*/
    max-width: 100%;
}

.off{
	pointer-events: none;
opacity: 0.4;
}

/*
footer
*/
#upper_footer {
	/*margin-top: 45px;*/
	margin-top: 35px;
	height: 330px;
	background: url(../img/common/bg_101.jpg) center center no-repeat;
	position: relative;
}
#upper_footer {
	/*margin-top: 45px;*/
	margin-top: 35px;
	height: 330px;
	background: url(../img/common/bg_101.jpg) center center no-repeat;
	position: relative;
}
#upper_footer02 {
	/*margin-top: 45px;*/
	height: 330px;
	background: url(../img/common/bg_101.jpg) center center no-repeat;
	position: relative;
}

#upper_footer > div > #upper_footer_1{
	 padding-top:30px;
}
#upper_footer > div > #upper_footer_2{
	 padding-top:30px;
}

.under #upper_footer {
	margin-top: 55px;
}
@media screen and (max-width: 840px) {
	#upper_footer {
		margin-top: 10px;
	}
}
#upper_footer > div > #upper_footer_2 span img {
	vertical-align: top;
	margin-right: 45px;
}
@media screen and (max-width: 1120px) {
	#upper_footer > div > #upper_footer_1 {
		text-align: center;
	}
	#upper_footer > div > #upper_footer_2 span {
		display: block;
		text-align: center;
	}
	#upper_footer > div > #upper_footer_2 span:nth-child(2) {
		padding-top: 20px;
	}
	#upper_footer_nav {
		display: none;
	}
}
@media screen and (max-width: 860px){
	#upper_footer #jk_pic {
		display: none;
	}
}
@media screen and (max-width:640px){
	#upper_footer {
		/*height: 275px;*/
		height: auto;
		padding: 10px 0 20px;
	}
	#upper_footer > div > #upper_footer_1{
		padding-top: 60px;
	}
	#upper_footer > div > #upper_footer_2{
		padding-top: 15px;
	}
	#upper_footer > div > #upper_footer_1 img {
		width: 80%;
	}
	#upper_footer > div > #upper_footer_2 span:nth-child(1) img {
		width: 70%;
	}
	#upper_footer > div > #upper_footer_2 span:nth-child(2) img {
		width: 80%;
	}
}
#upper_footer #upper_footer_nav {
	margin-top: 30px;
	height:16px;
	line-height: 16px;
	margin: 25px 0 0 0;
	max-width: 90%;
}
#upper_footer #upper_footer_nav ul li {
	display: inline-block;
	padding: 0;
	border-right: 1px solid #000;
}
#upper_footer #upper_footer_nav ul li:first-child {
	padding-left: 0;
}
#upper_footer #upper_footer_nav ul li:last-child {
	border: none;
}
#upper_footer #upper_footer_nav ul li a {
	display: block;
	padding: 0 10px;
}
#upper_footer #jk_pic {
	position: absolute;
	right: 0;
	bottom: 0;
}
#footer_wrapper {
	width: 99.85%;
	border: 1px solid #c8c5c4;
	border-top: none;
	margin-bottom: 100px;
}
footer {
	padding-top: 25px;
	padding-bottom: 25px;
}
@media screen and (max-width: 1200px) {
	#footer_wrapper {
		border-right: none;
		border-left: none;
	}
}
@media screen and (max-width: 640px){
	footer ul li:nth-of-type(2) {
		float: none;
	}
	footer {
		text-align: center;
	}
}

/*
line-btn
*/
.sns-wrap{
	display: flex;
	align-items: center;
}
@media screen and (max-width: 860px){
	.sns-wrap{
		max-width: 300px;
		flex-wrap: wrap;
		text-align: center;
	}
	.sns-wrap a{
		margin-top: 8px;
	}
	.sns-wrap a:first-child{
		margin: 0;
	}
}
.line-btn{
	display: inline-block;
	width: 200px;
	margin: 0 auto 0 0;
}
.btn-item01{
	display: inline-block;
	width: 200px;
	margin: 0 15px 0 0;
}
.btn-item02{
	display: inline-block;
	width: 200px;
	margin: 0 auto 0 0;
}
/*
トップスライドショー
*/
#index #topslide_area {
	height: auto;
}
/*#index #topslide_area ul {
	height: 467px;
	position: relative;
}
#index #topslide_area ul li {
	position: absolute;
	top: 0;
	left: 0;
}*/

/*
合格実績速報
*/
.special_bunner_area{
	margin-top: 41px;
	text-align: center;
}
.test-grid{
	border: 1px solid #707070;
	border-right: none;
	display: flex;
	flex-wrap: wrap;
}
.test-grid a{
	display: block;
	width: calc(100% / 3 );
	border-right: 1px solid #707070;
	box-sizing: border-box;
}
.test-grid a:nth-of-type(2){
}
@media screen and (max-width:540px){
	.img_shorter_1 {
		width: 83%;
		height: auto;
	}
}
@media screen and (max-width:540px){
	.img_shorter_2 {
		width: 58%;
		height: auto;
	}
}
@media screen and (max-width:540px){
	.img_shorter_3 {
		width: 97%;
		height: auto;
	}
}

#index #jisseki_area {
	margin-top: 41px;
	border: 2px solid #e60012;
}
@media screen and (max-width: 860px){
	#index #jisseki_area,
	.special_bunner_area{
		margin-top: 20px;
	}
}
#index #jisseki_area div#jisseki_title {
	background-color: #e60012;
	height: 51px;
	line-height: 51px;
}
@media screen and (max-width: 640px){
	#index #jisseki_area div#jisseki_title img {
		width: 90%;
	}
}
#index #jisseki_area #jisseki_detail {
	width: 100%;
}
#index #jisseki_area #jisseki_detail div.jisseki_top {
	padding: 1% 1% 0.5%;
} 
#index #jisseki_area #jisseki_detail div.jisseki_top img {
	width: 100%;
	height: auto;
}
#index #jisseki_area ul {
	padding: 0;	
	overflow: hidden;
}

#index #jisseki_area #jisseki_detail ul li {
	float: left;
    padding: 0.5% 1%;
    width: 48%;
}
#index #jisseki_area #jisseki_detail img {
	width: 100%;
	height: auto;
}
#index #jisseki_area #jisseki_detail p{
	text-align: center;
}
#index #jisseki_area #jisseki_detail p img{
    margin: 8px auto 15px;
    width: 20%;
}
@media screen and (max-width: 560px) {
	#index #jisseki_area #jisseki_detail div.jisseki_top {
		padding: 10px 10px 5px;
	}
	#index #jisseki_area #jisseki_detail ul li {
		box-sizing: border-box;
		float: none;
		padding: 5px 10px;
		width: 100%	
	}
	#index #jisseki_area #jisseki_detail p img{
		width: 38%;
	}
}


/*
みやび国語塾の紹介
*/
#index #introduction_area {
	margin-top: 52px;
	padding: 0 1em;
}
@media screen and (max-width: 640px) {
	#index #introduction_area ul li:first-child img {
		width: 100%;
	}
	#index #introduction_area ul li:nth-child(2) img {
		width: 90%;
	}
}

#top_nav_4menu{
	display: table;
	table-layout: auto;
}
#top_nav_4menu ul li{
	float: left;
    width: 50%;
}
#top_nav_4menu ul li img{
    height: auto !important;
    max-width: 100%;
}

/*
みやび国語塾の国語
*/
#index #kokugo_area {
	background: url(../img/top/bg_102.jpg) center top no-repeat;
	padding-bottom: 45px;
}

@media screen and (max-width: 740px) {
	#index #kokugo_area ul li:first-child img {
		width: 80%;
	}
	#index #kokugo_area ul li:nth-child(2) img {
		width: 90%;
	}
	#index #kokugo_area ul li:nth-child(3) img {
		width: 70%;
	}
}
@media screen and (max-width: 860px) {
	/*#index #kokugo_area ul li:first-child {
		padding-top: 25px!important;
	}*/
	#index #kokugo_area > div span {
		padding-right: 0px;
	}
	#index #kokugo_area > div span:first-child {
		width: 90%;
	}
	#index #kokugo_area > div span:first-child img {
 		width: 90%;
	}
	#index #kokugo_area > div span:nth-child(2) {
		display: none;
	}
}

/*
バナーエリア
*/
#index #banner_area {
	padding-top: 45px;
}
@media screen and (max-width: 840px) {
	#index #banner_area {
		padding-top: 10px;
		width: 100%;
	}
}


/*=======================================================

下層ページ

=======================================================*/
/*
共通部分
*/
.maincontents{
	line-height: 1.8
}
.maincontents h2{
	padding: 35px 0;
}
.maincontents .h2_p{
	margin-bottom: 35px;
}

/*-------------------------miyabi.php-----------------------------------*/
/*
みやび国語塾についてf
*/
.miyabi_green{
	border: 1px solid #008c6f;
    margin-bottom: 30px;
    padding: 25px 30px;
}
.miyabi_green h3{
	border-bottom: 1px solid #008c6f;
    margin-bottom: 18px;
    padding-bottom: 16px;
}
.miyabi_green h3 span{
	margin-left: 1.5em;
}
.miyabi_green figure,.miyabi_green div{
	display: table-cell;
	vertical-align: top;
}
.miyabi_green figure{
	width: 477px;
	box-sizing: border-box;
}
.miyabi_green div{
	padding-left: 30px;
}
.miyabi_green h4{
    margin-bottom: 1em;
}

@media screen and (max-width: 860px) {
	.miyabi_green{
		padding: 20px;
	}
	.miyabi_green h3{
		padding-bottom: 10px;
	}
	.miyabi_green h3 span{
		margin-left: 0;
	}
	.miyabi_green figure,.miyabi_green div{
		display: block;
	}
	.miyabi_green figure{
		width: auto;
		margin-bottom: 1.2em;
	}
	.miyabi_green div{
		padding-left: 0px;
	}
}


/*-------------------------kokugo.php-----------------------------------*/
/*
国語について
*/
#kokugo section{
	margin-top: 45px;
}

#kokugo_02{
}
#kokugo_02 h3{
	margin-bottom: 25px;
}
#kokugo_02 ul li{
	color: #008c6f;
    font-size: 22.5px;
    padding-left: 1em;
    text-indent: -1em;
}

#kokugo_03{
	text-align: center;
	border: 1px solid #008c6f;
	padding: 0 15px 22px 15px;
}
#kokugo_03 h3{
	background: #008c6f;
    padding: 1.5em 1em;
    margin: 0 -15px 18px -15px;
}
#kokugo_03 p{
	font-size: 18px;
	margin-bottom: 0.5em;
}
#kokugo_03 div{
	display: inline-block;
	margin: 8px 0 6px;
}
#kokugo_03 ul{
	display: table-cell;
}
#kokugo_03 ul li{
	display: table-cell;
    padding-right: 2px;
}

@media screen and (max-width: 860px) {
	#kokugo_02 ul li{
		font-size: 20px;
		line-height: 1.5;
		margin-bottom: 0.8em;
	}

	#kokugo_03 p{
		font-size: inherit;
		margin-bottom: 0.8em;
	}
	#kokugo_03 div{
		margin: 0 0 0.8em 0;
	}
	#kokugo_03 ul{
		display: block;
	}
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝
講座紹介　　共通
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.kouza_table{
	font-size: 17px;
}
.kouza_table section,
.kouza_table div{
	border-width: 1px;
	border-style: solid;
	border-top: none;
}
.kouza_table h3,
.kouza_table h4,
.kouza_table dt,
.kouza_table dd,
.kouza_table p{
	padding-right: 30px;
	padding-left: 30px;
}
.kouza_table h3{
	padding-top: 17px;
	padding-bottom: 17px;
}
.kouza_table h4{
	padding-bottom: 8px;
    padding-top: 19px;
}
.kouza_table dl{
	padding-bottom: 17px;
}
.kouza_table dt{
	padding-top: 16px;
	padding-bottom: 16px;
	overflow: hidden;
    vertical-align: middle;
}
.kouza_table dt span{
	float: right;
}
.kouza_table .newcourse {
    display: inline-block;
	margin-top: -7px;
	margin-bottom: -7px;
	margin-left: -30px;
	float: none;
}
.kouza_table dd,
.kouza_table p{
	padding-bottom: 17px;
}
.kouza_table dd{
	padding-top: 17px;
}

@media screen and (max-width: 860px) {
	.kouza_table dt span{
		float: none;
		display: inline-block;
	}
	.kouza_table .newcourse span{
		display: block;
	}
	.kouza_table .newcourse{
		padding-left: 0px;
		display: block;
	}
	.kouza_table dt .vertical-align{
	padding-top:0px;
	}
	.kouza_table .newcourse {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: -30px;
	float: none;
}
}
@media screen and (max-width: 560px) {
	.kouza_table h3,
	.kouza_table h4,
	.kouza_table dt,
	.kouza_table dd,
	.kouza_table p{
		padding-right: 13px;
		padding-left: 13px;
	}
	.kouza_table{
		font-size: 15px;
	}
}


/*-------------------------koutoubu.php-----------------------------------*/
/*
既卒/高校部 講座紹介
*/

#koutoubu .kouza_table section,
#koutoubu .kouza_table div{
	border-color: #DD665F;
}
#koutoubu .kouza_table h3{
	background:#DD665F;
}
#koutoubu .kouza_table dt{
	background:#F6D5CC;
}


/*-------------------------chutoubu.php-----------------------------------*/
/*
中等部 講座紹介
*/

#chutoubu .kouza_table section,
#chutoubu .kouza_table div{
	border-color: #2EA7E0;
}
#chutoubu .kouza_table h3{
	background:#2EA7E0;
}
#chutoubu .kouza_table dt{
	background:#D0E5F7;
}


/*-------------------------syoutoubu.html-----------------------------------*/
/*
初等部 講座紹介
*/

#syoutoubu .kouza_table section,
#syoutoubu .kouza_table div{
	border-color: #13AE67;
}
#syoutoubu .kouza_table h3{
	background:#13AE67;
}
#syoutoubu .kouza_table dt{
	background:#CFE8D2;
}

/*-------------------------shidou.html-----------------------------------*/
/*
個別指導コース紹介
*/

#shidou .kouza_table section,
#shidou .kouza_table div{
	border-color: #C9A063;
}
#shidou .kouza_table h3,
#kobetsu_time dt{
	background:#C9A063;
}
#shidou .kouza_table dt,
#kobetsu_time dd{
	background:#EFE3D0;
}

#kobetsu_time{
	margin-bottom: 60px;
}
#kobetsu_time dl{
	display: table;
    margin-bottom: 20px;
    width: 100%;
    text-align: center;
}
#kobetsu_time dt,
#kobetsu_time dd{
	box-sizing: border-box;
	display: table-cell;
    padding: 12px;
    vertical-align: middle;
}
#kobetsu_time dt{
    width: 25%;
}
#kobetsu_time dd{
}
#kobetsu_time dd div{
	display: table;
    margin: auto;
    width: 92%;
}
#kobetsu_time dd div ul{
	display: table-cell;
}
#kobetsu_time dd div ul li{
	padding: 5px 7px;
}
#kobetsu_time p{
	margin-top: -15px;
	margin-bottom: 20px;
}


#shidou .kouza_table .shidou_table{
	border: 2px solid #F8B62D;
	margin-top: 2em;
}
.shidou_table h4{
	background: #F8B62D;
	padding-bottom: 16px;
    padding-top: 16px;
}
.shidou_table dl{
}
#shidou .kouza_table .shidou_table dl dt{
	background: #FEEAC7;
	vertical-align: middle;
}
.shidou_table dl dt span{
	background: #fff;
    padding: 0 7px;
}
.shidou_table dl dd{
}
.shidou_table dl dd > dl{
	border-top: 0.5px dotted #C9A063;
	margin-top: 12px;
	padding-bottom: 0;
}
#shidou .kouza_table .shidou_table dl dd > dl dt{
	background: none;
	padding: 13px 0 8px;
}
.shidou_table dl dd > dl dd{
	padding: 0;
}

@media screen and (max-width: 860px) {
	#shidou .kouza_table dt span{
		float: none;
		display: block;
	}
}

@media screen and (max-width: 560px) {
	#kobetsu_time dd div{
		width: 100%;
	}
	#kobetsu_time dt,
	#kobetsu_time dd{
		display: block;
		width: 100%;
	}
	#kobetsu_time p{
		font-size: 82%;
	}
	#kobetsu_time dd div ul li {
		padding: 1px 5px;
	}

	.shidou_table{
		margin-right: -13px;
		margin-left: -13px;
	}

	.sp-shidou01{
		width: 48%;
	}
	.sp-shidou02{
		width: 84%;
	}
}
/*-------------------------shidou-en.html-----------------------------------*/
/*
個別指導英語コース紹介
*/
.shidou-btn{
	margin: 0 auto;
	display: block;
	width: 55%;
	position: relative;
}
.shidou-btn.top{
	margin: -3.5% auto -3.2%;
}
.shidou-btn.btn{
	margin: 5% auto;
}
/*-------------------------fresh.html-----------------------------------*/
/*
新中1対象特別講座
*/
.fresh-btn{
	margin: 6% auto;
	display: block;
	width: 88%;
	position: relative;
}

/*-------------------------goukaku.html-----------------------------------*/
/*
合格実績・体験記
*/
#goukaku-zisseki{
	border: 2px solid #e60012;
    margin-bottom: 60px;
    overflow: hidden;
    /*padding: 12px 12px 20px;*/
    text-align: center;
}
#goukaku-zisseki h3 {
    margin: 2.5em 0 1.5em;
}
#goukaku-zisseki div{
	margin: 0 auto;
    width: 93%;
}
#goukaku-zisseki ul{
	display: inline-block;
	/*display: table;*/
	width: 100%;
	overflow:hidden;
}
#goukaku-zisseki ul li{
/*	display: table-cell;
*/	vertical-align: top;
    padding: 0.8% 10px;
    text-align: left;
    width: 50%;
    box-sizing: border-box;
    float: left;
}
#goukaku-zisseki ul li.long-list{
/*	width: 51%;*/
}

#goukaku-zisseki #tokyo{
}
#goukaku-zisseki #tokyo li{
	float: none;
	width: auto;
}
#goukaku-zisseki #zisseki_05 ul li{
	width: 63%;
}

#taiken{
}
#taiken section{
	padding-bottom: 1.7em;
}
#taiken section:last-child{
	border-top: 1px dashed #9FA0A0;
}
#taiken h3{
	background: #008c6f;
    padding: 1em;
    text-align: center;
}
#taiken h4{
	margin-bottom: 1em;
    margin-top: 2em;
}
#taiken dt{
	color: #008c6f;
}
#taiken dd{
	margin-bottom: 0.5em;
}

@media screen and (max-width: 560px) {
	#goukaku-zisseki {
		padding: 0 12px 15px;
	}
	#goukaku-zisseki h3 {
		margin: 1.8em 0 0.3em;
	}
	#goukaku-zisseki ul{
		float: none;
	}
	#goukaku-zisseki ul li{
		display: block;
		padding: 2% 0;
		width: 100%;
	}
	#goukaku-zisseki ul li.long-list{
		width: 100%;
	}
	#goukaku-zisseki #zisseki_05 ul li{
		width: 100%;
	}
}


/*-------------------------bunseki.html-----------------------------------*/
/*
受験分析
*/
#bunseki_all{
	border: 1px solid #008c6f;
    font-size: 98%;
    letter-spacing: -0.05em;
    margin-bottom: 30px;
    text-align: center;
}
#bunseki_all section{
	padding: 38px 30px 20px;
}
#bunseki_all h3{
	border-bottom: 1px solid #008c6f;
    margin-bottom: 1.8em;
    padding-bottom: 16px;
}
#bunseki_all ul{
	display: inline-block;
	margin-bottom: 1.8em;
}
#bunseki_all ul li{
	display: table-cell;
	padding-right: 1.5em;
}
#bunseki_all ul li:last-child{
	padding-right: 0;
}
#bunseki_all dt{
	margin-bottom: 1em;
}
#bunseki_all dd{
	margin-bottom: 1.8em;
}
#bunseki_all b{
	font-weight: bold;
}
#bunseki_all .bkg_green{
	background: #d8e6df;
}

#bunseki_01{
	font-size: 124%;
}
#bunseki_01 h3{
	margin-bottom: 1em
}
#bunseki_01 ul{
	margin-bottom: 0.5em;
}
#bunseki_01 div{
	margin-bottom: 0.8em;
}
#bunseki_01 div img{
	width: 53%;
}
#bunseki_01 div img.i_02{
	width: 42.3%;
}

#bunseki_10 h3+ul{
	margin-bottom: 0.6em;
}

@media screen and (max-width: 560px) {
	#bunseki_all section{
		padding: 30px 12px 6px;
	}
	#bunseki_all ul li{
		display: block;
		padding-right: 0;
		text-align: left;
		margin-bottom: 0.3em;
	}
	#bunseki_all dd{
		text-align: left;
	}

	#bunseki_01 ul li{
		line-height: 1.2;
	}
	#bunseki_01 div{
		text-align: left;
	}
	#bunseki_01 div img{
		width: auto;
	}
	#bunseki_01 div img.i_02{
		width: 79.8%;
		border-left:0.3px solid #868686;
	}
	#bunseki_10 h3 + ul {
		margin-bottom: 0;
	}
}


/*-------------------------nyuzyuku.html-----------------------------------*/
/*
入塾の流れ
*/
.nyuzyuku_green{
	border: 1px solid #008c6f;
    margin-bottom: 30px;
    padding: 25px 30px 0 30px;
}
.nyuzyuku_green dt{
	border-bottom: 1px solid #008c6f;
    margin-bottom: 16px;
    padding-bottom: 16px;
}
.nyuzyuku_green dd{
	margin-bottom: 30px;
	font-size: 17.5px;
}
.nyuzyuku_green dd span{
	font-size: 14px;
	display: block;
}
.nyuzyuku_green p{
	text-align: center;
	background: #008c6f;
    padding: 1em;
    margin: 0 -30px;
}

@media screen and (max-width: 860px) {
	.nyuzyuku_green{
		padding: 20px 20px 0 20px;
	}
	.nyuzyuku_green dt{
		padding-bottom: 10px;
	}
	.nyuzyuku_green p{
		margin: 0 -20px;
	}
	.nyuzyuku_green dd span{
		margin-top: 0.8em;
	}
}


/*-------------------------kouza.html-----------------------------------*/
/*
講座紹介
*/
ul.kouza_ichiran li {
	padding-bottom: 20px;
}
ul.tsujyo_schedule li {
	float: left;
	width: 49%;
}
ul.tsujyo_schedule li:nth-of-type(2) {
	float: right;
}
ul.shunki_kouza li {
	float: left;
	width: 49%;
}
ul.shunki_kouza li:nth-of-type(2) {
	float: right;
}
section.bgpink {
	background-color: #db6aa5;
}
@media screen and (max-width: 860px) {
	ul.tsujyo_schedule li {
		float: none;
		width: 100%;
		text-align: center;
	}
	ul.shunki_kouza li {
		float: none;
		width: 100%;
		text-align: center;
	}
	ul.shunki_kouza li img {
		width: 100%;
	}
	#kouza p.p02 img {
		width: 100%;
	}
}
@media screen and (max-width: 1100px) {
	#kouza p.p03 img {
		width: 100%;
	}
	.bgpink p.p05 img {
		width: 100%;
	}
}
@media screen and (max-width: 910px) {
	#kouza p.p04 img {
		width: 100%;
	}
	.bgpink p.p06 img {
		width: 100%;
	}
}




/*-------------------------access.html-----------------------------------*/
/*
アクセス
*/
ul.miyabi_intro {
	position: relative;
}
ul.miyabi_intro li {
	float: left;
}
ul.miyabi_intro li:first-of-type {
	width: 50%;
}
ul.miyabi_intro li:nth-of-type(2) {
	width: 50%;
	position: absolute;
	bottom: 0;
	right: 0;
}
ul.miyabi_intro li:nth-of-type(2) dl dd {
	margin-top: 30px;
}

@media screen and (max-width: 860px) {
	ul.miyabi_intro li:first-child {
		width: 100%;
	}
	ul.miyabi_intro li {
		float: none;
		text-align: center;
	}
	ul.miyabi_intro li:nth-of-type(2) {
		width: 100%;
		position: static;
		padding-top: 30px;
		margin-bottom: 30px;
	}
	ul.miyabi_intro li:first-child img {
		width: 80%;
	}
	ul.miyabi_intro li dl dt img {
		width: 75%;
	}
	ul.miyabi_intro li dl dd img {
		width: 75%;
	}
	ul.tsujyo_schedule li {
		float: none;
		width: 100%;
		text-align: center;
	}
	ul.shunki_kouza li {
		float: none;
		width: 100%;
		text-align: center;
	}
	ul.shunki_kouza li img {
		width: 100%;
	}
}




/*-------------------------form.php-----------------------------------*/
/*
お問合せ
*/
#form-frame-frame form,
.complete{
	margin: 0.5em 0 3em;
}
#form-frame-frame .complete{
	text-align:left;
}
#form-frame #contact {
	display: table;
    margin: 1em auto;
    width: 100%;
}

#form-frame  dl {
    display: table-row;
}
#form-frame dt,#form-frame dd {
	/*border:none;*/
    padding: 16px 20px;
	display: table-cell;
	border-bottom: 1px solid #B1DFFC;
	vertical-align: middle;
}
#form-frame dt {
    /*width: 20%;*/
	text-align:right;
	vertical-align:middle;
}
#form-frame dd{
	text-align:left;
	width: 72%;
}
.gfield_required{
	background:#dd665F;
	border-radius: 3px;
    color: #fff;
    font-size: 84%;
    margin-left: 5px;
    padding: 2px 4px;
}
#form-frame a{
	color:#4394D0;
}

#form-frame input,#form-frame textarea,#form-frame select{
	background: #F9F5DA none repeat scroll 0px 0px;
	border-radius: 5px;
	padding: 10px 15px;
	border: none;
}
#form-frame select{
	height: 3em;
}
#contact a {
    text-decoration: underline;
}
.japanese {
    ime-mode: active;
}
.ipt-text, .ipt-zip, .ipt-select {
    border: 1px solid rgb(204, 204, 204);
    font-size: 12px;
    padding: 5px;
}
#contact input{
	width:100%;
}
#contact .input-big input{
	width:490px;
}
#contact .input-mini input{
	width:250px;
}
#contact .input-yubin input{
	width: 70px;
}
#contact textarea{
	width:490px;
}
.ipt-text {
    /*width: 440px;*/
}
.btn-div {
    margin: 20px auto;
    text-align: center;
}
#contact .btn-div a, .btn-div a {
    text-decoration: none;
}
.error ul {
    color: #900;
    list-style-type: disc;
    margin: 0 2em;
}
.btn-submit,.btn-back{
	text-align:center;
	margin-top:2em;
}
#form-frame .btn-submit input,
#form-frame .btn-submit input:visited,
#form-frame .btn-back input,
#form-frame .btn-back input:visited {
    background: none repeat scroll 0 0 #0e8d6f;
    border: 1px solid #FFF;
    border-radius: 8px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    letter-spacing: 0.25em;
    line-height: 1;
    margin: 0 0 10px;
    overflow: hidden;
    padding: 16px;
    text-align: center;
    text-decoration: none;
    vertical-align: top;
    width: 330px;
    font-size: 110%;
}
#form-frame .btn-submit input:hover,
#form-frame .btn-back input:hover {
	background: none repeat scroll 0 0 #fff;
	border-color: #0e8d6f;
	color: #0e8d6f;
}
#form-frame #confirm-btn .btn-back input,
#form-frame #confirm-btn .btn-back input:visited {
    background: none repeat scroll 0 0 #ccc;
    color: #555;
    margin-right: 10px;
    overflow: hidden;
    padding: 10px 50px;
    width: 50px;
}

/*#form-frame .btn-submit input{
	background:none;
}*/

#prefecture{
	margin:10px 0;
}
.attention li{
	text-indent:-1em;
	padding-left:1em;
}
.btn-zip{
	margin-left:1em;
}
#form-frame p{
	text-align: center;
}
.attention{
    text-align: left;
}
.attention a,
.top-link-contact{
	text-decoration:underline;
}
.attention a:hover,
.top-link-contact a:hover{
	text-decoration:none;
}
.attention span{
	display: block;
    font-size: 95%;
    padding-left: 1em;
    text-indent: -1em;
}

.top-link-contact{
	margin-top:1.5em;
}


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

	#form-frame  dl {
		display: block;
	}
	#form-frame dt,#form-frame dd {
		display: block;
	}
	#form-frame dt{
		border-bottom:none;
		letter-spacing: 0.05em;
		padding: 7px 0 0;
		text-align: left;
	}
	#form-frame dd {
		padding: 2px 10px 16px;
		width: auto;
	}

	#contact .input-big input{
		width: 95%;
	}
	#contact .input-mini input{
		width:70%;
	}
	#contact .input-yubin input{
	}
	#contact textarea{
		width: 95%;
	}

}

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

	#form-frame p{
		text-align:left;
	}
	#contact .input-big input{
		width: 90%;
	}

	#contact .input-yubin input{
		/*width: 36px;*/
		padding: 10px;
	}
	#contact textarea{
		width: 90%;
	}
}



/*-------------------------summer2016.php-----------------------------------*/
/*
2016年夏期講習
*/
#summer2016 section{
	text-align: center;
	padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 27px;
}
#summer2016 section h2{
	color: #fff;
	margin-left: -30px;
	margin-right: -30px;
	padding-right: 25px;
	padding-left: 25px;
}
#summer2016 section h2 span{
	display: block;
	font-size: 20px;
}
#summer2016 .title_summer2016 + p{
	font-size: 17px;
    margin: 30px 0;
    text-align: left;
}
#summer2016 section section{
	box-sizing: border-box;
    color: #fff;
}
#summer2016 section h3{
	border-bottom: 0.5px solid #fff;
    margin-bottom: 16px;
    padding: 32px 0 25px;
}
#summer2016 section section p{
	letter-spacing: -0.03em;
    text-align: left;
}
#summer2016 section section dl{
	color: #000;
}
#summer2016 section section dt,
#summer2016 section section dd,
#summer2016-sec05 .two-sec div div{
	padding: 10px 16px;
}
#summer2016 section section dd {
/*    display: table-cell;
    vertical-align: middle;*/
    letter-spacing: -0.03em;
}
#summer2016 .two-sec {
    display: table;
    width: 100%;
}
#summer2016 .two-sec section,
#summer2016 #summer2016-sec05 .two-sec div {
    box-sizing: border-box;
    display: table-cell;
    height: 100%;
    overflow: hidden;
    width: 50%;
}
#summer2016 .two-sec>div {
    border-right: 1px solid #536faf;
}
#summer2016 .two-sec div div{
	width: 100%;
	display: block;
}
.title_summer2016{
	background: #0090cc;
}
#summer2016-sec01 div{
	margin-bottom: 10px;
	line-height: 3;
}
#summer2016-sec02 div{
	margin-bottom: 14px;
    margin-top: 22px;
}
#summer2016-sec03 div{
	margin-bottom: 10px;
}
#summer2016-sec04 div {
    margin-bottom: 28px;
    margin-top: 28px;
}
#summer2016-sec01{
	background:#ea5541;
}
#summer2016-sec02{
	background: #69bd83;
}
#summer2016-sec03{
	background: #e9b669;
}
#summer2016-sec03 dt{
	background: #9f7c45;
}
#summer2016-sec03 dd{
	text-align: left;
	background: #fff;
}
#summer2016-sec04{
	background: #c29dc0;
}
#summer2016-sec05{
	background: #536faf;
	overflow: hidden;
}
#summer2016-sec05 .flort-r{
}
#summer2016-sec05 div{
    background: #88abda;
    border-bottom: 1px solid #536faf;
}
#summer2016-sec05 dl{
	background: #FFF;
	display: table;
    height: 100%;
    width: 100%;
}
#summer2016-sec05 dt{
	border-bottom: 1px solid #536faf;
}
.summer2016_link_form{
	margin: 30px auto;
}

#summer2016 #summer2016-sec-zikan{
	border:1px solid #0090cc;
	padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 10px;
    text-align: center;
}
#summer2016 #summer2016-sec-zikan h3{
	margin-left: -15px;
	margin-right: -15px;
	padding: 20px 20px;
}
#summer2016-sec-zikan div img{
	margin-bottom: 17px;
}


@media screen and (max-width: 860px) {
	#summer2016 .two-sec section,
	#summer2016 #summer2016-sec05 .two-sec div {
		display: block;
		width: 100%;
	}
}
@media screen and (max-width: 560px) {
	#summer2016 section{
		padding-left: 13px;
		padding-right: 13px;
		padding-bottom: 27px;
	}
	#summer2016 section h2{
		color: #fff;
		margin-left: -13px;
		margin-right: -13px;
		padding: 25px 20px;
	}
	#summer2016 section h2 .for-sp{
		margin-bottom: 10px;
    }
	#summer2016 section section dt, #summer2016 section section dd, #summer2016-sec05 .two-sec div div {
		padding: 10px 10px;
	}
	#summer2016 section section dd{
		text-align: left;
	}
	#summer2016-sec01 div{
		line-height: 3;
	}
	#summer2016-sec02 div {
		line-height: 4;
	}

	#summer2016 section h2 span {
		font-size: 15px;
		margin-bottom: 10px;
	}
}


/*-------------------------toudairi3-----------------------------------*/
/*
東大理Ⅲ 掲載
*/

#toudairi3 .float-box{
	overflow: hidden;
}
#toudairi3 .float-box>img{
	float: left;
}
#toudairi3 .float-box section{
	float: right;
	width: 690px;
}
#toudairi3 .float-box section h3{
	margin-bottom: 30px;
}
#toudairi3 .float-box section dl{
	margin-bottom: 12px;
    overflow: hidden;
}
#toudairi3 .float-box section dl dt{
	float: left;
    margin-right: 10px;
}
#toudairi3 .float-box section dl dd{
	text-align: left;
}

#toudairi3 .float-box section .float-box{
	margin-top: 25px;
}
#toudairi3 .float-box section .float-box div{
	float: left;
    margin-left: 12px;
    text-align: left;
}
#toudairi3 .float-box section .float-box p strong{
	border-bottom: 1px solid #000;
    display: block;
    margin-bottom: 9px;
    padding-bottom: 2px;
}

@media screen and (max-width: 860px) {
	#toudairi3 h2{
		text-align: center;
	}
	#toudairi3 .float-box section h3{
		margin-bottom: 15px;
	}
	#toudairi3 .float-box {
		text-align: center;
	}
	#toudairi3 .float-box>img{
		float: none;
		margin-bottom: 20px;
	}
	#toudairi3 .float-box section{
		float: none;
		width: auto;
	}
	#toudairi3 .float-box section dl{
		margin: 0 auto 10px;
		text-align: left;
	}
	#toudairi3 .float-box section dl dt{
	}
	#toudairi3 .float-box section .float-box>img{
		float: left;
	}
}

@media screen and (max-width: 560px) {
	#toudairi3 .float-box section dl dt {
		width: 22%;
	}
	#toudairi3 .float-box section dl dd img {
		width: 16%;
	}
	#toudairi3 .float-box section dl dd.small img {
		width: 37%;
	}
	#toudairi3 .float-box section .float-box>img{
		float: none;
		margin-bottom: 10px;
	}
	#toudairi3 .float-box section .float-box div{
		float: none;
		margin-left: 0px;
	}
}

/*-------------------------autumn_seminor-----------------------------------*/
/*
秋期講習　掲載
*/
#autumn_seminor .kouza_table h3{
	background-color: #ee7600;
}
#autumn_seminor .kouza_table dt {
	background-color: #fcd48b;
}
#autumn_seminor #inside_img {
	display: block;
	padding-bottom: 5px;
}
#autumn_seminor .kouza_table section,
#autumn_seminor .kouza_table div{
	border-width: 1px;
	border-style: solid;
	border-top: none;
	border-color: #ee7600;
}


/*-------------------------winter_seminor-----------------------------------*/
/*
冬期講習
*/

.winter_seminor{
	text-align: center;
}
.winter_seminor .breadcrumb{
	text-align: left;
}


.winter_seminor .title{
	padding: 20px 0;
}
.winter_seminor .title span{
	margin-top: 10px;
}

.contact-just-before-training{
	background: #e5006a none repeat scroll 0 0;
    display: block;
    margin: 30px auto;
    padding: 12px;
    width: 54%;
}

.winter_seminor section{
	border: 1px solid #fac03d;
}
.winter_seminor section h2{
	background:#fac03d;
	padding: 20px 13px;
}
.winter_seminor section li{
	border-top: 1px dotted #fac03d;
    margin-left: 30px;
    margin-right: 30px;
    margin-top: 0;
    padding-bottom: 10px;
    padding-top: 10px;
}
.winter_seminor section#oomissoka-sec li {
	border-top-color: #e50019;
}
.winter_seminor section#kou2-sec li {
	border-top-color: #e9482d;
}
.winter_seminor section#kou1-sec li {
	border-top-color: #e74290;
}
.winter_seminor section#kou-common-sec li {
	border-top-color: #f19dc1;
}
.winter_seminor section#chu3-sec li {
	border-top-color: #fcd374;
}
.winter_seminor section#chu2-sec li {
	border-top-color: #facc9c;
}
.winter_seminor section#chu1-sec li {
	border-top-color: #9e9e9f;
}
.winter_seminor section#syou6-sec li {
	border-top-color: #89c796;
}
.winter_seminor section#syou5-sec li {
	border-top-color: #7eccf3;
}

.winter_seminor section ul li:first-child{
	border-top: none;
}
.winter_seminor section dl{
	display: table;
    margin-bottom: 10px;
    margin-top: 10px;
}
.winter_seminor section dt{
    display: table-cell;
    padding-right: 10px;
}
.winter_seminor section dd{
	display: table-cell;
	vertical-align: middle;
}


.contact-winter{
	background: #e5006a;
	display: block;
	display: block;
    margin: 50px 0;
    padding: 30px;
}
.contact-winter p{
}
.contact-winter span{
}

.contact-winter01{
	width:77%;
	margin: 0 auto;
}

.ryokin-winter,
.winter_seminor section.ryokin-winter{
	background: #bcd3db;
	padding: 55px 0;
	border: none;
}
.ryokin-winter .maincontents{
	border:1px solid #6ba9b7;
}
.ryokin-winter h2,
.winter_seminor section.ryokin-winter h2 {
	background: #6ba9b7;
}
.ryokin-winter .inner-box{
	background: #FFF;
	padding: 30px 40px;
}
.ryokin-winter h3{
	margin-bottom: 10px;
}
.ryokin-winter p{
}
.ryokin-winter dl,
.winter_seminor .ryokin-winter dl{
	border: 1px solid #6ba9b7;
    margin-bottom: 0;
    margin-top: 20px;
    width: 100%;
}
.ryokin-winter .dl{
	margin-top: 20px;
}
.ryokin-winter dt{
	background: #bcd3db;
	padding: 13px 10px;
    width: 50%;
}
.ryokin-winter dd{
	padding: 13px 10px;
}
.ryokin-winter .print-dai{
	margin-bottom: 30px;
    text-align: right;
    line-height: 1.4;
    margin-top: 5px;
}
.attention-winter{
	margin-bottom: 45px;
    margin-top: -45px;
    text-align: right;
    font-size: 85%;
}

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

	.contact-just-before-training {
		width: 80%;
	}

	.winter_seminor section li {
		margin-right: 13px;
		margin-left: 13px;
	}

	.contact-winter {
		margin: 30px 0;
	}
	.contact-winter01{
		width:100%;
	}
	.contact-winter01 p{
		font-size: 85%;
	}
	.contact-winter01 a{
		display: block;
		margin:5px 0; 
	}

	.contact-winter span {
		padding-top: 10px;
		display: block;
	}
	.ryokin-winter, .winter_seminor section.ryokin-winter {
		padding: 30px 0;
	}
	.ryokin-winter h3 img{
		width: 65%;
	}
	.ryokin-winter h3.oomissoka img{
		width: 100%;
	}
	.ryokin-winter .inner-box{
		padding: 20px 13px;
	}
	.ryokin-winter dt {
		width: 36%;
	}

	.ryokin-winter .print-dai{
		text-align: left;
		line-height: 1;
	}
	.ryokin-winter p.issei img {
		width: 75%;
	}
	.ryokin-winter .print-dai img.kouza-dai {
		width: 63%;
	}
	.ryokin-winter .print-dai img {
		width: 80%;
	}
	.attention-winter{
		text-align: left;
		font-size: 64%;
	}
}


/* 高等部追加分・初等部追加分　*/
/*#koutoubu .kouza_table h3 {
	background: #DD665F!important;
}
#koutoubu .kouza_table section,
#koutoubu .kouza_table div{
	border-color: #DD665F;
}
#koutoubu .kouza_table h3{
	background:#DD665F;
}
#koutoubu .kouza_table dt{
	background:#F6D5CC;
}
#koutoubu .kouza_table2 h3 {
	background: #d5004b!important;
}
#koutoubu .kouza_table2 section,
#koutoubu .kouza_table2 div{
	border-color: #d5004b;
}
#koutoubu .kouza_table2 h3{
	background:#d5004b;
}
#koutoubu .kouza_table2 dt{
	background:#f4d5e3;
}*/
#syoutoubu .kouza_table section,
#syoutoubu .kouza_table div{
	border-color: #13AE67;
}
#syoutoubu .kouza_table h3{
	background:#13AE67;
}
#syoutoubu .kouza_table dt{
	background:#CFE8D2;
}
#syoutoubu .kouza_table2 section,
#syoutoubu .kouza_table2 div{
	border-color: #6eb92b;
}
#syoutoubu .kouza_table2 h3{
	background:#6eb92b;
}
#syoutoubu .kouza_table2 dt{
	background:#f4f7da;
}

@media screen and (max-width: 560px) {
	.time2 img:first-child{
		margin-bottom: 1px;

	}
}


/*
既卒/高校部 講座紹介 2017
*/

#koutoubu2017 .kouza_table section,
#koutoubu2017 .kouza_table div{
	border-color: #d7004a;
}
#koutoubu2017 .kouza_table h3{
	background:#d7004a;
}
#koutoubu2017 .kouza_table dt{
	background:#f6d7e4;
}


/*
初等部 講座紹介 2017
*/

#syoutoubu2017 .kouza_table section,
#syoutoubu2017 .kouza_table div {
	border-color: #6eb92b;
}
#syoutoubu2017 .kouza_table h3 {
	background: #6eb92b;
}
#syoutoubu2017 .kouza_table dt {
	background: #f4f7da;
}


/*=================================================================
瓦町義塾
=================================================================*/
.breadcrumb a{
	color: #000;
}

.kawaragijuku .drawer-nav {
    background-color: #036eb8;
}

/*.kawaragijuku #top_nav li:nth-of-type(5) a,
.kawaragijuku #top_nav li:nth-of-type(6) a{
	opacity: 0.5;
	pointer-events: none;
}*/

.kawaragijuku header {
	background-color: #4F6AB3;
}
.kawaragijuku nav#top_nav {
	background-color: #8594C7;
}
.kawaragijuku #header_right {
    vertical-align: middle;
}
.kawaragijuku #index #kokugo_area {
    background: url(../img/kawaramachi-gijuku-img/k-top/bg_102.jpg) center top no-repeat;
}

.kawaragijuku .miyabi_green {
    border: 1px solid #036eb8;
}
.kawaragijuku .miyabi_green h3 {
    border-bottom: 1px solid #036eb8;
    margin-bottom: 18px;
    padding-bottom: 16px;
}
.kawaragijuku #kokugo_02 ul li {
    color: #036eb8;
}
.kawaragijuku #kokugo_03 h3 {
    background: #036eb8;
}
.kawaragijuku #kokugo_03 {
    border: 1px solid #036eb8;
}

.kawaragijuku #bunseki_all {
    border: 1px solid #036eb8;
}
.kawaragijuku #bunseki_all h3{
	border-bottom: 1px solid #036eb8;
}
.kawaragijuku #bunseki_all .bkg_green {
    background: #c7e3f2;
}

.kawaragijuku .nyuzyuku_green dt {
    border-bottom: 1px solid #036eb8;
}
.kawaragijuku .nyuzyuku_green {
    border: 1px solid #036eb8;
}
.kawaragijuku .nyuzyuku_green p {
    background: #036eb8;
}
.kawaragijuku #form-frame .btn-submit input,.kawaragijuku #form-frame .btn-submit input:visited,
.kawaragijuku #form-frame .btn-back input,.kawaragijuku #form-frame .btn-back input:visited{
    background: none repeat scroll 0 0 #036eb8;
}
.kawaragijuku #form-frame .btn-submit input:hover,
.kawaragijuku #form-frame .btn-back input:hover {
    background: none repeat scroll 0 0 #fff;
    border-color: #036eb8;
    color: #036eb8;
}

.kawaragijuku #taiken h3 {
    background: #036eb8;
}
.kawaragijuku #taiken dt {
    color: #036eb8;
}

.kawaragijuku .tuikatext {
	text-align: center;
	margin-top: 4%;
	
}


.kawaragijuku .k-newcourse2021_back{
	background-image: url(../img/kawaramachi-gijuku-img/k-newcourse2021/kawara-newcourse2021_backimg.jpg);
	background-size: 100%;
	
}
.js-down-btn{
	position: relative;
	cursor: pointer;
}
.js-down-lists{
	position: absolute;
	top: 35px;
	left: -0;
	right: -0;
	background: #7195cd;
	display: none;
	z-index: 3;
}
.js-down-list.off{
	opacity: .4;
	pointer-events: none;
}
nav#top_nav ul li a.js-down-list.off{
	opacity: .4;
	pointer-events: none;
}
@media screen and (max-width: 860px){
  .js-down-lists{
		top: 51px;
	}
}
.js-down-list{
	border-top: 1px solid #fff;
	font-size: 75%;
	color: #fff;
	display: block;
	line-height: 1.5;
	padding: 12px 0;
	font-weight: 600;
	opacity: 0.7;
}
@media screen and (max-width: 860px){
  .js-down-list{
		padding: 20px 0;
		margin-top: 0;
    font-size: 14px;
		line-height: 1;
    opacity: 0.7;
	}
  .js-down-list:first-child{
    opacity: 0.7;
	}
  .js-down-list:last-child{
		border-bottom: 1px solid #fff;
	}
}
.js-down-list:hover{
	opacity: 0.5;
}
.inline-block{
	display: inline-block;
	font-weight: 600;
}
nav#top_nav ul li a.js-down-list{
	display: block !important;
	pointer-events: auto;
}

.w70_01_kn2021{
	width: 70%;
	margin: 0 auto;
	padding-top: 20px;
	
}

.w70_02_kn2021{
	width: 70%;
	margin: 0 auto -10px;
	padding-bottom: 90px;
	
}

.w70_03_kn2021{
	width: 70%;
	margin: 0 auto;
	padding: 80px 0 50px;	
}

.w70_04_kn2021{
	width: 70%;
	margin: 0 auto;
	padding-bottom: 80px;
	
}

.w70_05_kn2021{
	width: 70%;
	margin: 0 auto;
	padding: 80px 0 80px;	
}

.kawaragijuku .k-newcourse2021_back ul {
	padding: 30px 0px 30px; 
	display: flex;
	flex-wrap: wrap;
	margin: 0 auto;
	width: 70%;
	text-align: center;
	}

.kawaragijuku .k-newcourse2021_back ul li{
	width: 33%;
margin: 0 auto;
}

.kawaragijuku .k-newcourse2021_02_back{
	background-color: #EFDCEB;
	background-size: 100%;
	
}
.w90_k-newcourse2021{
	width: 80%;
margin: 0 auto;
padding: 30px 0 30px;

}

.f_area{
	padding: 15px 0 40px;
	font-family: sans-serif;
	color: #000;
}

.f_left{
	float: left;
width: 15%;
font-size: 15px;
font-weight: bold;
}

.f_right{
	float: right;
width: 85%;
font-size: 14px;
font-weight: bold
}

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

.f_left{
	float: none;
width: 90%;
margin: 0 auto;
font-size: 15px;
text-align: center;
padding-bottom: 5px;	
}

.f_right{
	float: none;
width: 90%;
margin: 0 auto;
font-size: 12px;
text-align: center;
line-height: 1.5;
}
}


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


.kawaragijuku .k-newcourse2021_back ul{
	padding: 10px 0 10px;
}

.w70_01_kn2021{
	padding-top: 10px;
}

.w70_02_kn2021{

	padding-bottom: 50px;
	margin: 0 auto -25px;
	
}

.w70_03_kn2021{

	padding: 25px 0 25px;	
}

.w70_04_kn2021{
	padding-bottom: 25px;
	
}

.w70_05_kn2021{
	padding: 25px 0 25px;	
}

.w90_k-newcourse2021{
	width: 80%;
margin: 0 auto;
padding: 0px 0 0px;

}

}
.drawer--top.drawer-open .drawer-nav {
	top: 0;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}

.drawer--left.drawer-open .drawer-nav,
.drawer--left .drawer-hamburger,
.drawer--left.drawer-open .drawer-navbar .drawer-hamburger {
	left: 0;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}

.drawer--right.drawer-open .drawer-nav,
.drawer--right .drawer-hamburger,
.drawer--right.drawer-open .drawer-navbar .drawer-hamburger {
	right: 0;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}

/*
料金表
*/
.price-table{
	margin-bottom: 20px;
}

/* 新高2・高3対象 2月ゼミ開講! */
/* 現中学生・小6対象 2月イベント開催! */
.kawara-202302 .link-btn{
	display: flex;
	flex-wrap: nowrap;
	gap: 5px;
	justify-content: center;
}
.kawara-202302 .link-btn li{
	max-width: 290px;
	width: 24%;
}
.kawara-202302 .contact-btn{
	padding-bottom: 100px;
}
.kawara-202302 .label-inner{
	position: relative;
}
.kawara-202302 .label-inner-link{
    display: block;
    position: absolute;
    top: 60%;
    right: 5%;
    width: 3%;
    padding-bottom: 42%;
}
.kawara-202302 .label-inner-link01{
    display: block;
    position: absolute;
    top: 39.5%;
    right: 5%;
    width: 3%;
    padding-bottom: 42%;
}
@media screen and (max-width: 640px) {
	.kawara-202302 .contact-btn{
		padding-bottom: 20px;
	}
}

/* 2023春期講習 */
.kawara-202303{
	margin-bottom: 80px;
}
.kawara-202303 .fresh-section{
	margin: 0 auto 40px;
	text-align: center;
	width: 55%;
}
.kawara-202303 .contact-btn{
	background: #FFE6E6;
	padding: 50px 0;
}
.kawara-202303 .contact-btn a{
	width: 75%;
	margin: 0 auto;
	display: block;
}
.kawara-202303 .contents-box{
	margin: 0 28px 100px 10px;
	position: relative;
}
.kawara-202303 .contents-box.contents-box-middle{
	margin: 0 42px 100px 10px;
}
.kawara-202303 .contents-box.contents-box-high{
	margin: 0 45px 100px 10px;
}
.kawara-202303 .contents-box .label-inner-link{
    display: block;
    position: absolute;
    top: 26%;
    right: 0%;
    width: 2.4%;
    padding-bottom: 44%;
}
.kawara-202303 .contents-box .label-inner-link01{
	display: block;
    position: absolute;
    top: 46.5%;
    right: 0%;
    width: 2.4%;
    padding-bottom: 43%;
}
.kawara-202303 .contents-box .label-inner-link02{
    display: block;
    position: absolute;
    top: 39.5%;
    right: 5%;
    width: 3%;
    padding-bottom: 42%;
}
.kawara-202303 .contents-box .label-inner-link03{
    display: block;
    position: absolute;
    top: 40.3%;
    right: 0%;
    width: 2.5%;
    padding-bottom: 43%;
}
@media screen and (max-width: 640px) {
	.kawara-202303{
		margin-bottom: 0;
	}
	.kawara-202303 .fresh-section{
		margin-bottom: 20px;
		width: 75%;
	}
	.kawara-202303 .contact-btn{
		padding: 20px;
	}
	.kawara-202303 .contact-btn a{
		width: 85%;
	}
	.kawara-202303 .contents-box {
		margin: 0 18px 20px 10px;
	}
	.kawara-202303 .contents-box.contents-box-middle{
		margin: 0 21px 20px 10px;
	}
	.kawara-202303 .contents-box.contents-box-high{
		margin: 0 22px 20px 10px;
	}
}



/* 2024春期講習 */
#spring2024 .label-inner{
	position: relative;
}
#spring2024 .label-inner-link{
    display: block;
    position: absolute;
    top: 55%;
    right:0%;
    width: 3%;
    padding-bottom: 43%;
}
@media screen and (max-width: 860px){
	#spring2024 .label-inner-link{
		top: 51.2%;
	}
}

#spring2024-kawara .label-inner{
	position: relative;
	}
	#spring2024-kawara .label-inner-link{
	display: block;
	position: absolute;
	top: 35.3%;
	right:0%;
	width: 3%;
	padding-bottom: 43%;
	}
	#spring2024-kawara.junior .label-inner-link{
	display: block;
	position: absolute;
	top: 33.1%;
	right:0%;
	width: 3%;
	padding-bottom: 43%;
	}


	/* 2025夏期講習 */
#summer2025 .label-inner{
	position: relative;
}
#summer2025 .label-inner-link{
    display: block;
    position: absolute;
    top: 14%;
    right:0%;
    width: 3%;
    padding-bottom: 43%;
}
@media screen and (max-width: 860px){
	#summer2025 .label-inner-link{
		top: 12%;
	}
}

	
#summer2025-kawara .contact-anchor01 {
	width: 2.3%;
	height: 22%;
	top: 40%;
}
#summer2025-kawara .contact-anchor02 {
width: 2.3%;
height: 20%;
top: 40%;
}
#summer2025-kawara .contact-anchor03 {
width: 2.3%;
height: 40%;
top: 30%;
}

/*-------------------------may-special-seminar-----------------------------------*/
/*
みやび国語塾 5月特別ゼミ
*/
.special-seminar-heading{
	background: #F3FCEA;
}
.special-seminar-heading-img{
	width: min(calc(100% - 32px),528px);
	margin: 40px auto 0;
}
.seminar-btn{
	display: block;
	width: min( calc(100% - 32px),600px);
	margin-inline: auto;
}
.special-seminar-list{
	margin: 70px auto 100px;
	display: grid;
	gap: 60px;
}
.special-seminar-item{
	margin-inline: auto;
}
.special-seminar-item.area1{
	width: min(calc(100% - 32px),770px);
}
.special-seminar-item.area2{
	width: min(calc(100% - 32px),766px);
}
@media screen and (max-width: 640px) {
	.special-seminar-heading-img{
		width: min(calc(100% - 32px),264px);
	}
	.special-seminar-heading-img{
		margin-top: 20px;
	}
	.special-seminar-list{
		margin: 35px auto 50px;
		display: grid;
		gap: 30px;
	}
	.special-seminar-item.area1{
		width: min(calc(100% - 32px),385px);
	}
	.special-seminar-item.area2{
		width: min(calc(100% - 32px),383px);
	}
	.seminar-btn{
		width: min( calc(100% - 32px),300px);
	}
}
/*-------------------------kawaragijuku-course-----------------------------------*/
/*
おすすめ講座イベント
*/
.course-heading-img{
	width: min(calc(100% - 32px),414px);
	margin: 40px auto 0;
}
.course-list{
	margin: 70px auto 100px;
	display: grid;
	gap: 60px;
}
.course-item{
	margin-inline: auto;
}
.course-item.area1{
	width: min(calc(100% - 32px),800px);
}
@media screen and (max-width: 640px) {
	.course-heading-img{
		margin-top: 20px;
		width: min(calc(100% - 32px),207px);
	}
	.course-list{
		margin: 35px auto 50px;
		gap: 30px;
	}
	.course-item.area1{
		width: min(calc(100% - 32px),400px);
	}
}
/*-------------------------kawaragijuku-gw-----------------------------------*/
/*
瓦町義塾 GWイベント開催！
*/
.gw-heading-img{
	width: min(calc(100% - 32px),445px);
	margin: 40px auto 0;
}
.gw-list-bg{
	position: relative;
	background: #F3FCEA;
	margin-bottom: -35px;
	padding-bottom: 1px;
}
.kawaragijuku-gw-item{
	margin-inline: auto;
}
.gw-list{
	margin: 70px auto 100px;
	display: grid;
	gap: 30px;
}
.kawaragijuku-gw-item.area1{
	width: min(calc(100% - 32px),620px);
}
.kawaragijuku-gw-item.area2{
	width: min(calc(100% - 32px),670px);
}
.kawaragijuku-gw-item.area3{
	width: min(calc(100% - 32px),790px);
}
.kawaragijuku-gw-item.area4{
	width: min(calc(100% - 32px),780px);
}
.kawaragijuku-gw-item.area5{
	width: min(calc(100% - 32px),614px);
}
@media screen and (max-width: 640px) {
	.gw-list{
		margin: 35px auto 50px;
		gap: 15px;
	}
	.gw-heading-img{
		width: min(calc(100% - 32px),220px);
		margin: 20px auto 0;
	}
	.kawaragijuku-gw-item.area1{
		width: min(calc(100% - 32px),310px);
	}
	.kawaragijuku-gw-item.area2{
		width: min(calc(100% - 32px),335px);
	}
	.kawaragijuku-gw-item.area3{
		width: min(calc(100% - 32px),395px);
	}
	.kawaragijuku-gw-item.area4{
		width: min(calc(100% - 32px),390px);
	}
	.kawaragijuku-gw-item.area5{
		width: min(calc(100% - 32px),307px);
	}
}
/*-------------------------kawaragijuku-solution-----------------------------------*/
/*
瓦町義塾テスト！
*/
.solution-item,
.solution-item02,
.solution-item03{
	position: relative;
}
.solution-link{
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%,0);
    width: 48%;
    height: 5.3%;
}
.solution-link.update{
	width: 48%;
	height: 8%;
}
.solution-item02 .solution-link{
	bottom: 10.4%;
}
.solution-item02 .solution-link.update{
	bottom: .7%;
}
.solution-item03 .solution-link.update{
	bottom: 7.7%;
}

/*
瓦町夏期講習バナー
*/
.kawaragijuku-summer-links{
	position: relative;
}
.kawaragijuku-summer-link{
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	width: 43%;
    height: 6%;
}
.kawaragijuku-summer-link:nth-of-type(1){
    bottom: 3%;
    left: 22%;
	width: 57%;
	height: 10%;
}
.kawaragijuku-summer-link:nth-of-type(2){
    bottom: 25%;
    left: 4%;
}
.kawaragijuku-summer-link:nth-of-type(3){
    bottom: 17%;
    left: 4%;
}
.kawaragijuku-summer-link:nth-of-type(4){
    bottom: 25%;
    left: unset;
    right: 4%;
}
.kawaragijuku-summer-link:nth-of-type(5){
    bottom: 17%;
    left: unset;
    right: 4%;
}
/*
瓦町夏期料金
*/
.kawaragijuku-summer-item{
	position: relative;
}
.kawaragijuku-page-link{
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translate(-50%,0);
	display: block;
	width: 74%;
	height: 10%;
	/* background: #00000091; */
}
.kawaragijuku-summer-price .area1 .kawaragijuku-page-link{
	height: 6%;
}
.kawaragijuku-summer-price .area2 .kawaragijuku-page-link{
	height: 15%;
}
.kawaragijuku-summer-price .area3 .kawaragijuku-page-link{
    height: 4%;
    bottom: 4%;
}
.kawaragijuku-summer-high .area1 .kawaragijuku-page-link{
	height: 6%;
}
.kawaragijuku-summer-high .area2 .kawaragijuku-page-link{
	height: 6%;
}
.kawaragijuku-summer-high .area3 .kawaragijuku-page-link{
    height: 10%;
    bottom: 8%;
}
.kawaragijuku-summer-middle .area1 .kawaragijuku-page-link{
	height: 4%;
}
.kawaragijuku-summer-middle .area4 .kawaragijuku-page-link{
	height: 6%;
}
.kawaragijuku-summer-middle .area5 .kawaragijuku-page-link{
	height: 4%;
}
.kawaragijuku-summer-middle .area6 .kawaragijuku-page-link{
    bottom: 5%;
	height: 8%;
}
.kawaragijuku-summer-elementary .area1 .kawaragijuku-page-link{
    bottom: 5%;
	height: 6%;
}
.kawaragijuku-summer-another .area1 .kawaragijuku-page-link{
    bottom: 10%;
    height: 9%;
}

/*
みやび夏期講習
*/
.summer-wrap{
	margin: 7% auto;
}
.summer-wrap-btn{
	margin: 6% auto 0;
	display: block;
	width: 75%;
}
/*
みやび冬期講習
*/
.winter-bnr{
	position: relative;
}
.winter-wrap{
	position: relative;
}
.miyabi-winter-link{
	display: block;
	width: 70%;
	padding-bottom: 7.5%;
	position: absolute;
	top: 38%;
	left: 15%;
}
.miyabi-winter-bnr-page{
	display: block;
	width: 49%;
	padding-bottom: 9%;
	position: absolute;
	left: 0;
	bottom: 5%;
}
.miyabi-winter-bnr-price{
	display: block;
	width: 49%;
	padding-bottom: 9%;
	position: absolute;
	right: 0;
	bottom: 5%;
}
.miyabi-winter-price-link{
	display: block;
	width: 75%;
	padding-bottom: 8%;
	position: absolute;
	bottom: 12.4%;
	left: 12.5%;
}
.miyabi-winter-price-link.first{
	bottom: 12.4%;
}
.miyabi-winter-price-link.second{
	bottom: 5.3%;
}
.kawara-winter-bnr{
	display: block;
	width: 43%;
	padding-bottom: 6.2%;
	position: absolute;
}
.kawara-winter-bnr.first{
	left: 4.2%;
	bottom: 24.6%;
}
.kawara-winter-bnr.second{
	left: 4.2%;
	bottom: 15.8%;
}
.kawara-winter-bnr.third{
	right: 3.5%;
	bottom: 24.6%;
}
.kawara-winter-bnr.forth{
	right: 3.5%;
	bottom: 15.8%;
}
.kawara-winter-bnr.fifth{
	right: 21.5%;
	bottom: 3.8%;
	width: 57%;
}
.kawara-winter-link{
	display: block;
	width: 70%;
	padding-bottom: 8%;
	position: absolute;
	left: 15%;
	bottom: 6%;
}
.kawara-winter-link.chutobu-first{
	bottom: 7.2%;
}
.kawara-winter-link.chutobu-second{
	bottom: 6.2%;
}
.kawara-winter-link.chutobu-third{
	bottom: 8.4%;
}
.kawara-winter-link.syoutoubu-first{
	bottom: 8.2%;
}
.kawara-winter-link.shidou-first{
	bottom: 9.2%;
}
.kawara-winter-link.price-first{
	bottom: 5.6%;
	left: 12.5%;
	width: 75%;
}
.kawara-winter-link.price-second{
	bottom: 3.4%;
	left: 12.5%;
	width: 75%;
}
/*
みやび岡大附属/朝日高校講座紹介
*/
.college-wrapper{
	position: relative;
}
.college-link{
    position: absolute;
    bottom: 23%; 
    left: 14%;
    display: block;
    width: 72%;
    height: 9%;
}
.college-wrapper:last-child .college-link{
	bottom: 11%;
}
.has-links{
	position: relative;
}
.kawara-analysis-bnr{
	display: block;
	padding-bottom: 5%;
	position: absolute;
}
.kawara-analysis-bnr.first{
	width: 28.5%;
	bottom: 17%;
	left: 3%;
}
.kawara-analysis-bnr.second{
	bottom: 17%;
	left: 36%;
	width: 28.5%;
}
.kawara-analysis-bnr.third{
	bottom: 17%;
	left: 68.5%;
	width: 28.5%;
}
.kawara-analysis-bnr.forth{
	width: 47%;
	bottom: 6.5%;
	left: 3%;
}
.kawara-analysis-bnr.fifth{
	width: 47%;
	bottom: 6.5%;
	left: 50.5%;
}
.kawara-analysis-bnr{
	display: block;
	width: 70%;
	padding-bottom: 8%;
	position: absolute;
	left: 15%;
	bottom: 6%;
}
.kawara-analysis-link{
	position: absolute;
	display: block;
	width: 75%;
	padding-bottom: 8%;
	left: 12.5%;
	bottom: 5.5%;
}
.kawara-analysis-link.analysis-kokugo{
	bottom: 5.5%;
}
.kawara-analysis-link.analysis-math-01{
	bottom: 3.8%;
}
.kawara-analysis-link.analysis-math-02{
	bottom: 2%;
}
.kawara-analysis-link.analysis-english{
	bottom: 4.9%;
}
.kawara-analysis-link.analysis-society{
	bottom: 4.9%;
}
.kawara-analysis-link.analysis-science-01{
	bottom: 3.5%;
}
.kawara-analysis-link.analysis-science-02{
	bottom: 1.52%;
}
.kawara-pre-diagnosis{
	overflow: hidden;
}
@media screen and (max-width: 640px){
	.kawara-pre-diagnosis-page + #upper_footer > div > #upper_footer_1 {
    padding-top: 20px;
	}
}
.kawara-pre-diagnosis-wrap{
	z-index: 1;
}
.kawara-pre-diagnosis-link{
	position: absolute;
	bottom: 6.5%;
	width: 49%;
	padding-bottom: 5.5%;
	left: 27%;
}
.kawara-pre-diagnosis-label{
	position: absolute;
	top: -.5%;
	transform: scale(1.6);
	z-index: -1;
}
.kawara-pre-diagnosis-page + #upper_footer{
	padding-top: 0;
	margin-top: 0;
}
.kawara-pre-diagnosis-link{
	position: absolute;
	bottom: 5%;
	width: 47%;
	padding-bottom: 5%;
}


.kawara-spring-bnr{
	display: block;
	padding-bottom: 5%;
	position: absolute;
}
.kawara-spring-bnr.first{
	width: 45%;
	bottom: 17%;
	left: 3%;
}
.kawara-spring-bnr.second{
	width: 45%;
	bottom: 17%;
	right: 3%;
}
.kawara-spring-bnr.third{
	width: 44%;
	bottom: 6.5%;
	left: 3%;
}
.kawara-spring-bnr.forth{
	width: 44%;
	bottom: 6.5%;
	right: 3%;
}
/*
瓦町通常講座附属対策2024
*/
.taisaku2024-wrap{
	position: relative;
}
.taisaku2024-link{
	display: block;
	width: 100%;
	padding-bottom: 13%;
	position: absolute;
	bottom: 0;
}
.taisaku2024-link.chutobu-first{
	bottom: 6.2%;
}
.taisaku2024-link.chutobu-second{
	bottom: 4.5%;
}
.taisaku2024-link.chutobu-third{
	bottom: 13.4%;
}
/*
瓦町義塾の春期講習2025
*/
.tab-list{
	margin-top: 5em;
	display: flex;
	flex-direction: row;
	justify-content: center;
	gap: 8px;
}
.pos-rel{
	position: relative;
}
.contact-anchor{
	position: absolute;
    right: 0%;
}
.contact-anchor01{
    width: 2.3%;
    height: 5.2%;
    top: 47.6%;
}
.contact-anchor02{
    width: 2.3%;
    height: 6.2%;
    top: 56.4%;
}
.contact-anchor03{
    width: 2.3%;
    height: 10.5%;
    top: 61.5%;
    right: 0%;
}
.contact-box{
	margin-top: 5em;
	position: relative;
}
.contact-link-over{
    width: 36.6%;
    height: 8.8%;
    position: absolute;
    bottom: 9.8%;
    left: 31.7%;
    z-index: 10;
}