@charset "utf-8";
/* CSS Document */

@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

/**********************************************************************
*
*　　 ■ボディレイアウト
*
**********************************************************************/
* {
	font-family: Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
    font-weight: 500;
}
html {
	width: 100%;
	height: 100%;
	font-size: 62.5%;
}
body {
	position: relative;
	color: #000;
	background: #FFF;
	text-align: left;
	font-size: 1.6rem; /* fontsize 16px */ 
	line-height: 1.6;
	width: 100%;
	/* height: 100%; viewport */ 
	-webkit-text-size-adjust: 100%;
}
html>/**/body {
	font-size: 10px; /* Except IE */
}

/**********************************************************************
*
*　　 ■default
*
**********************************************************************/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption,th {
	text-align: left;
}
q:before,q:after {
	content: '';
}
object,
embed {
	vertical-align: top;
}
hr,legend {
	display: none;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
}
img,abbr,acronym,fieldset {
	border: 0;
}
fieldset img {
border: 0;
}
img {
vertical-align: bottom;
}
ol, ul, li {
list-style: none;
}
li {
	list-style-type: none;
}
a:hover {
	opacity: 0.7;
}

/**********************************************************************
*
*　　 ■reset
*
**********************************************************************/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 15px;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}

address,caption,cite,code,dfn,em,strong,th,var {
font-style: normal;
font-weight: normal;
}

article, aside, dialog, figure, footer, header, hgroup, nav, section {
	display: block;
}

nav ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}

ins {
	background-color: #ff9;
	color: #000;
	text-decoration: none;
}

mark {
	background-color: #ff9;
	color: #000;
	font-style: italic;
	font-weight: bold;
}
del {
	text-decoration: line-through;
}
abbr[title], dfn[title] {
	border-bottom: 1px dotted #000;
	cursor: help;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	word-break: break-all;
}
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #cccccc;
	margin: 1em 0;
	padding: 0;
}

input, select {
	vertical-align: middle;
}

.clearfix:after {
	content: "";
	display: block;
	clear: both;
}

.clearfix {
	display: inline-block;
}
div, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, ul, li, span, a, input, section, article {
	box-sizing: border-box;
}

/* Hides from IE-mac \*/

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}
/**********************************************************************
*
*　　 ■parts
*
**********************************************************************/

.fl {
	float: left;
}
.fr {
	float: right;
}
.tl {
	text-align: left;
}
.tr {
	text-align: right;
}
.tc {
	text-align: center;
}
/* End hide from IE-mac */
.cb {
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 1%;
}
.mt10 {
	margin-top: 10px;
}
.mt30 {
	margin-top: 30px;
}
.mt50 {
	margin-top: 50px;
}
.mb10 {
	margin-bottom: 10px;
}
.mb20 {
	margin-bottom: 20px;
}
.mb30 {
	margin-bottom: 30px;
}
.mb40 {
	margin-bottom: 40px;
}
.mb50 {
	margin-bottom: 50px;
}
.mtb10 {
	margin: 10px 0;
}
.mtb20 {
	margin: 20px 0;
}
.ml15 {
	margin-left: 15px;
}
.red {
	color:#FF0000;
}
.fs14 {
	font-size:14px;
}
.pbt30{
	padding-bottom:30px;
}
/**********************************************************************
*
*　　 ■レスポンシブ表示
*
**********************************************************************/

/* --PC-- */
@media screen and (min-width: 751px) {
html {
	min-width: 1220px;
	overflow: auto;
}
.spOnly{ 
	display: none !important;
}
}

/* --SP-- */
@media screen and (max-width: 750px) {
img { 
	width: 100%;
	height: auto;
}
.pcOnly { 
	display: none !important;
}
a:hover {
	opacity: 1;
}
}


/**********************************************************************
*
*　　 ■リンク・透過変更
*
**********************************************************************/

a {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	text-decoration: none;
}
#wrap a:link {
	text-decoration: none;
	/*color: #2d97d3;*/
}
#wrap a.rink {
	text-decoration: underline;
	color: #2d97d3;
}
#wrap a.rinkb {
	text-decoration: underline;
	color: #2d97d3;
	font-weight: bold;
}
#wrap a:visited {
	text-decoration: none;
}
#wrap a:hover {
	 text-decoration: none;
}
#wrap a img {
	margin: 0;
	padding: 0;
	border-width: 0px;
	border-style: none;
	border-color: #ffffff;
	color: #ffffff;
	background: transparent;
	-webkit-transition: opacity 1.4s ease;
	-moz-transition: opacity 1.4s ease;
	transition: opacity 1.4s ease;
	backface-visibility: hidden;
}
#wrap img {
	margin: 0;
	padding: 0;
	border-width: 0px;
	border-style: none;
	background: transparent;
}
#wrap a:hover img,
#wrap a:active img {
	filter: alpha(opacity=70);
	-moz-opacity: 0.70;
	opacity: 0.70;
}

/**********************************************************************
*
*　　 ■外枠
*
**********************************************************************/

#head_tag {height:0;overflow:auto;}
header, footer {width: 100%;background: #FFF;}
.wrap_inner {width: 1200px;margin: 70px auto 40px;overflow: hidden;}
#main_cont {width: 860px;float: left;padding-bottom: 40px;}
aside {width: 320px;float: right;padding-bottom: 40px;position:relative;}
/* --SP-- */
@media screen and (max-width: 750px) {
#cont {padding-top: 120px;overflow: hidden;}
#page {padding-top: 70px;overflow: hidden;}
.wrap_inner {width: 100%;margin: 4% auto 4%;overflow: hidden;}
#main_cont {width: 100%;float: none;padding-bottom: 40px;}
aside {width: 100%;float: none;padding-bottom: 0px;position:relative;}
}



/**********************************************************************
*
*　　 ■ヘッダー
*
**********************************************************************/

#wrap header #head_tit {width: 100%;background: #EFEFEF/*#00A4E3*/;color: #777;padding:10px 0;overflow: hidden;}
#wrap header #head_tit hgroup {width: 1200px;margin: 0 auto;}
#wrap header #head_tit hgroup h1,
#wrap header #head_tit hgroup h2 {text-align:left;line-height: 13px;font-size: 11px;display: inline-block;vertical-align: middle;}
#wrap header #head_tit hgroup h1 {margin-right:10px;}
#wrap header #header_wrap {width: 1200px;margin: 25px auto 20px;}
#wrap header #header_wrap .logo_box {float: left;}
#wrap header #header_wrap .hamberger_box {float: right;width: 20%;height: 70px;position: relative;}
#wrap header #header_wrap p a {color: #333;}
#wrap header #header_wrap p img {margin-top: 12px;}

/* --PC-- */
@media screen and (min-width: 751px) {
#wrap header #header_wrap p {color: #333;float: left;font-size: 12px;width: auto;}
#wrap header #header_wrap p span {font-size: 12px;}
#wrap header #header_wrap ul {float: right;display: flex;}
#wrap header #header_wrap ul.head_info li {display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;align-items: center;margin-left: 10px;}
}
#wrap header #header_wrap ul.head_info li:nth-child(2) {border: 2px solid #dadada;padding: 0 10px;}
#wrap header #header_wrap ul li#tel a,
#wrap header #header_wrap ul li#free a,
#wrap header #header_wrap ul li#request a {display: block;font-size: 15px;line-height: 11px;color: #FFF;filter:  alpha(opacity=100);-moz-opacity: 1;-webkit-transition: opacity 1.4s ease;-moz-transition: opacity 1.4s ease;transition: opacity 1.4s ease;opacity: 1;-moz-box-shadow: 2px 2px 2px rgba(224,224,224,0.7);-webkit-box-shadow: 2px 2px 2px rgba(224,224,224,0.7);-o-box-shadow: 2px 2px 2px rgba(224,224,224,0.7);-ms-box-shadow: 2px 2px 2px rgba(224,224,224,0.7);border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;-o-border-radius: 4px;-ms-border-radius: 4px;}
#wrap header #header_wrap ul li#free a:hover,
#wrap header #header_wrap ul li#request a:hover {filter: alpha(opacity=70);-moz-opacity: 0.7;opacity: 0.7;}
/*
#wrap header #header_wrap ul li#tel{background: #f7ec1e;
background: -moz-linear-gradient( #faf489 0%, #faf489 50%, #f7ec1e 100%, #f7ec1e 100%, #f7ec1e 0%);
background: -webkit-gradient(linear, left top, left bottom, from(#faf489), color-stop(50%, #faf489), color-stop(100%, #f7ec1e), color-stop(100%, #f7ec1e), to(#f7ec1e));
background: -webkit-linear-gradient( #faf489 0%, #faf489 50%, #f7ec1e 100%, #f7ec1e 100%, #f7ec1e 0%);
background: -o-linear-gradient( #faf489 0%, #faf489 50%, #f7ec1e 100%, #f7ec1e 100%, #f7ec1e 0%);
background: -ms-linear-gradient( #faf489 0%, #faf489 50%, #f7ec1e 100%, #f7ec1e 100%, #f7ec1e 0%);
background: linear-gradient( #faf489 0%, #faf489 50%, #f7ec1e 100%, #f7ec1e 100%, #f7ec1e 0%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#faf489, endColorstr=#f7ec1e,GradientType=0 );}
*/

#wrap header #header_wrap ul li#tel,
#wrap header #header_wrap ul li#free {background: #ea576a; /* Old browsers */background: -moz-linear-gradient(top, #ea576a 0%, #e86877 49%, #e54e5f 51%, #e63a50 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ea576a 0%,#e86877 49%,#e54e5f 51%,#e63a50 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom, #ea576a 0%,#e86877 49%,#e54e5f 51%,#e63a50 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea576a', endColorstr='#e63a50',GradientType=0 ); /* IE6-9 */	}





#wrap header #header_wrap ul li#tel a,
#wrap header #header_wrap ul li#free a {padding: 19px;}
#wrap header #header_wrap ul li#request {background: #1ab762; /* Old browsers */background: -moz-linear-gradient(top, #1ab762 0%, #1ab762 50%, #00af50 52%, #00af50 100%); /* FF3.6-15 */background: -webkit-linear-gradient(top, #1ab762 0%,#1ab762 50%,#00af50 52%,#00af50 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom, #1ab762 0%,#1ab762 50%,#00af50 52%,#00af50 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1ab762', endColorstr='#00af50',GradientType=0 ); /* IE6-9 */}
#wrap header #header_wrap ul li#request a {padding: 19px;}

#wrap header #header_wrap ul li#tel .icon{background: url(/img/common/icon_tel.png) no-repeat center left;padding-left: 30px;background-size: 22px auto;display: inline-block;line-height: 1.2;}




#wrap header #header_wrap ul li#free .icon {background: url(/img/common/icon_free.png) no-repeat center left;padding-left: 30px;background-size: 22px auto;display: inline-block;line-height: 1.2;}
#wrap header #header_wrap ul li#request .icon {background: url(/img/common/icon_request.png) no-repeat center left;padding: 10px 5px 10px 30px;background-size: 22px auto;display: inline-block;line-height: 1.2;}
#wrap header #header_wrap ul li .free_tel .icon {color:#2d97d3;font-size: 25px;font-weight: bold;font-family: Roboto,'Droid Sans';background: url(/img/common/icon_free_voice.png) no-repeat center left;padding-left: 50px;}
#wrap header #header_wrap ul li .free_tel .hours {display: block;font-size: 12px;padding-left: 50px;margin-top: 2px;}

/* --SP-- */
@media screen and (max-width: 750px) {
#wrap header #header_wrap {width: 100%;margin: 0 auto;box-sizing: border-box;position: relative;position:fixed;background: #fff;z-index: 20;height: 50px;top: 0;}
#wrap header #header_wrap .logo_box {width: 80%;display: table;padding: 8px 0;}
#wrap header #header_wrap > p {width: 50%;font-size: .4rem;padding: 14px 3% 14px 3%;}
#wrap header #header_wrap .logo_box p {width:60%;display: table-cell;vertical-align: middle;padding-left: 4%;}
#wrap header #header_wrap p img {width: 100%;margin-top: 0;max-width: 250px;}
#wrap header #header_wrap .header_bnr {display: table-cell;vertical-align: middle;}
#wrap header #header_wrap .header_bnr a {display: inline-block;margin-left: 10%;}
#wrap header #header_wrap .header_bnr img {height: 33px;width: auto;float: right;}
	
/* フローティングバナー */
#wrap header #header_wrap .appeal_sp {position: fixed;bottom: 0;width: 100%;}
#wrap header #header_wrap .head_info {display: flex;/*justify-content: space-evenly;*/ /*justify-content: space-between;*//*width: 84%;*/width: 100%;/*margin-left: -3%;*/-webkit-justify-content: flex-start;justify-content: flex-start;z-index: 999;}
#wrap header #header_wrap .head_info li:nth-of-type(3) {-webkit-flex-basis: 35%;flex-basis: 35%;}
#wrap header #header_wrap .head_info li:nth-of-type(4) {-webkit-flex-basis: 30%;flex-basis: 30%;}
#wrap header #header_wrap .head_info li:nth-of-type(5) {-webkit-flex-grow: 1;flex-grow: 1;}　
#wrap header #header_wrap ul.head_info li {margin-left: 0;}
#wrap header #header_wrap ul.head_info li {margin-left: 0;/*width: 45%;*/}
/*#wrap header #header_wrap .head_info li#tel a {display: flex;align-items: center;width: 100%;height: 100%;}*****/
#wrap header #header_wrap ul li {margin-left: 0;}
#wrap header #header_wrap ul li#tel a,
#wrap header #header_wrap ul li#free a,
#wrap header #header_wrap ul li#request a {box-shadow: none;padding: 5px .5rem;height: 100%;display: flex;align-items: center;cursor: pointer;}
#wrap header #header_wrap ul li#tel .icon,
#wrap header #header_wrap ul li#free .icon,
#wrap header #header_wrap ul li#request .icon {background-size: 20px auto;padding:0 0 0 30px;font-size: 1rem;font-weight: bold;}
#wrap header #header_wrap .appeal_sp .call {text-align: center;padding: 5px;background:/* #e9f6fd*/#FFF;font-weight: bold;color: #168ed2;font-size: .8rem;}
}

/**********************************************************************
*
*　　 ■グローバルナビ
*
**********************************************************************/


/*------------------------------
	PC グローバルナビ
------------------------------*/

#wrap .gnav-wrapper {background: #fff;position: relative;width: 1200px;margin: 0 auto;}
#wrap .gnav-wrapper .gnav {display: table;margin-bottom: 20px;}
#wrap .gnav-wrapper .gnav li {text-align: center;display: table-cell;vertical-align: middle;width: 220px;}

/* メインメニュー */
#wrap .gnav-wrapper .gnav li.menu-tit {border-left: 1px solid #dadada;background: url(/img/common/icon_arrow.png) no-repeat center bottom 10px;}
#wrap .gnav-wrapper .gnav li.menu-tit:last-child {border-right: 1px solid #dadada;}
#wrap .gnav-wrapper .gnav li.menu-tit:hover {background: url(/img/common/icon_arrow_hover.png) no-repeat center bottom 10px #009BD7;color: #fff;}
#wrap .gnav-wrapper .gnav li a {padding: 18px 0 30px;display: block;}
#wrap .gnav-wrapper .gnav li.img a span {display: block;margin-top: 10px;position: relative;}
#wrap .gnav-wrapper .gnav li a span {display: inline-block;padding-left: 20px;font-size: 17px;}
#wrap .gnav-wrapper .gnav li a .icon_reason {background: url(/img/common/icon_reason.png) no-repeat center left;}
#wrap .gnav-wrapper .gnav li:hover .icon_reason {background: url(/img/common/icon_reason_on.png) no-repeat center left;}
#wrap .gnav-wrapper .gnav li a .icon_cource {background: url(/img/common/icon_cource.png) no-repeat center left;}
#wrap .gnav-wrapper .gnav li:hover .icon_cource {background: url(/img/common/icon_cource_on.png) no-repeat center left;}
#wrap .gnav-wrapper .gnav li a .icon_price {background: url(/img/common/icon_price.png) no-repeat center left;}
#wrap .gnav-wrapper .gnav li:hover .icon_price {background: url(/img/common/icon_price_on.png) no-repeat center left;}
#wrap .gnav-wrapper .gnav li a .icon_start {background: url(/img/common/icon_start.png) no-repeat center left;}
#wrap .gnav-wrapper .gnav li:hover .icon_start {background: url(/img/common/icon_start_on.png) no-repeat center left;}
#wrap .gnav-wrapper .gnav li a .icon_search {background: url(/img/common/icon_search.png) no-repeat center left;}
#wrap .gnav-wrapper .gnav li:hover .icon_search {background: url(/img/common/icon_search_on.png) no-repeat center left;}
#wrap .gnav-wrapper .gnav li a .icon_campaign {background: url(/img/common/icon_campaign.png) no-repeat center left 3px;}
#wrap .gnav-wrapper .gnav li:hover .icon_campaign {background: url(/img/common/icon_campaign_on.png) no-repeat center left 3px;}


/* インナーメニュー */
#wrap .gnav-wrapper .gnav .inner li a {padding: 5px 0 5px 20px;position: relative;display: inline-block;text-decoration: none;color: #fff;background: url(/img/common/nav_arrow.png) no-repeat center left;font-size: 14px;margin-top: 5px;}
#wrap .gnav-wrapper .gnav .inner li a.img {position: static;margin: 0;padding: 0;background: none;}
#wrap .gnav-wrapper .gnav li .menu .inner li a .menu_txt span {padding-left: 0;font-size: 14px;}
#wrap .gnav-wrapper .gnav .inner li a::after {position: absolute;bottom: -4px;left: 0;content: '';width: 100%;height: 2px;background: #fff;transform: scale(0, 1);transform-origin: left top;transition: transform .3s;}
#wrap .gnav-wrapper .gnav .inner li a:hover::after {transform: scale(1, 1);}
#wrap .gnav-wrapper .gnav li:hover a  {color: #fff;opacity: 1;}
#wrap .gnav-wrapper .gnav a {color: #222222;font-size: 17px;}
#wrap .gnav-wrapper .gnav > li:hover .menu {max-height: 9999px;opacity: 1;padding: 30px 0;}
.gnav-wrapper .gnav li .menu {background: rgba(45, 151, 211, .97);max-height: 0;opacity: 0;overflow: hidden;width: 100%;position: absolute;top: 81px;left: 0;transition: all .2s ease-in;z-index: 999;}
.gnav-wrapper .gnav li .menu .inner {/*display: flex;*//*flex-wrap: wrap;*/padding: 0 30px 0;overflow: hidden;}
#wrap .gnav-wrapper .gnav li .menu .inner li {/*width: calc( (100% / 5) );*/width: 205px;margin: 10px 20px 0 0;padding: 0 0 4px 0;float: left;display: block!important;text-align: left;border-right: 1px solid #fff;}
#wrap .gnav-wrapper .gnav li .menu .inner li:first-child {}
.gnav-wrapper .gnav li .menu .inner a {border-left: none;color: #fff;}
#wrap .gnav-wrapper .gnav li .menu .inner li.txt {display: block;width: 205px;text-align: left;border-right: none;}

/*------------------------------
	SP ドロワーメニュー
------------------------------*/

@media screen and (max-width: 750px) {
header {z-index: 10;}
header #sp_menu ul li {display: block;margin-left: 0;border-bottom: 1px solid #fff;}
header #sp_menu .sidr ul{margin: 0;}

header #sp_menu ul.sub_menu li:first-child {border-bottom: 1px solid #fff;padding: 0 0 0 1em;}
header #sp_menu ul li .sub_menu {display: none;border-top: 1px solid #fff;background: #178acc;}
header #sp_menu ul li .sub_menu li {padding-left: 1em;}
header #sp_menu ul li .sub_menu li:last-child {border-bottom: none;}
header #sp_menu ul li.menu_tit {text-align: center;padding: 20px 0;color: #fff;font-size: .8rem;}
header #sp_menu ul li a {padding: 15px 1.5rem 15px 2rem;display: block;position: relative;font-size: .8rem;background: url(/img/common/nav_arrow.png) no-repeat center left 1em;letter-spacing: 0.07em;font-weight: bold;}
header #sp_menu ul li a.link {width: 84%;display: inline-block;border-right: 1px solid #fff;vertical-align: middle;box-sizing: border-box;}
header #sp_menu ul li a.yellow {color: #ffff00;font-weight: bold;}
header #sp_menu ul.sub_menu li a {background: none;}
header #sp_menu ul.sub_menu li a::before {content: '';width: 6px;height: 6px;border: 0px;border-top: solid 2px #fff;border-right: solid 2px #fff;-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform: rotate(45deg);position: absolute;top: 50%;left: 1em;margin-top: -4px;}
header #sp_menu ul.sub_menu li a {padding-left: 2rem;}
header #sp_menu .sidr p.arrow {width: 16%;display: inline-block;position: relative;margin: 0;box-sizing: border-box;vertical-align: middle;padding: 15px 0;}
header #sp_menu ul li .arrow::before {content: '';width: 6px;height: 6px;border: 0px;border-top: solid 2px #fff;border-right: solid 2px #fff;-ms-transform: rotate(135deg);-webkit-transform: rotate(135deg);transform: rotate(135deg);position: absolute;top: 50%;right: 17px;margin-top: -4px;}
header #sp_menu .free_tel_sp {background: #fff;width: 90%;margin: 20px auto;padding: 4%;box-sizing: border-box;}	
header #sp_menu .free_tel_sp .icon {color:#2d97d3;font-size: 25px;font-weight: bold;background: url(/img/common/icon_free_voice.png) no-repeat center left;padding-left: 50px;}
header #sp_menu .free_tel_sp .hours {display: block;margin-top: 2px;text-align: center;}
}

#wrap header #header_wrap .sidr .side_block {width: 100%;margin: 0;padding: 7% 4%;}
#wrap header #header_wrap .sidr .side_block a {display: block;}
#header_wrap .free {width: 100%;margin: 0 auto 5%;}
#header_wrap .tel_sp {width: 100%;margin: 0 auto;}


/* ハンバーガーメニュー */
.menu-button,
.menu-button span {display: inline-block;transition: all .2s;box-sizing: border-box;}
.menu-button {width: 30px;height: 25px;position:absolute;right: 15px;top: 13px;}
.menu-button span {position: absolute;left: 0;width: 100%;height: 3px;background-color: #000;border-radius: 4px;}
.menu-button span:nth-of-type(1) {top: 0;}
.menu-button span:nth-of-type(2) {top: 11px;}
.menu-button span:nth-of-type(3) {bottom: 0;}
.sidr-open .menu-button span:nth-of-type(1) {width: 45%;-webkit-transform: translate3d(1px, 5px, 0) rotate(45deg);transform: translate3d(1px, 5px, 0) rotate(45deg);}
.sidr-open .menu-button span:nth-of-type(2) {-webkit-transform: translate3d(-1px, 0, 0) rotate(-45deg);transform: translate3d(-1px, 0, 0) rotate(-45deg);}
.sidr-open .menu-button span:nth-of-type(3) {width: 45%;-webkit-transform: translate3d(13px, -5px, 0) rotate(45deg);transform: translate3d(13px, -5px, 0) rotate(45deg);}
#wrap.sidr-open  { position: fixed;overflow: initial;-webkit-overflow-scrolling: auto;}
#wrap header #header_wrap .sidr ul li.menu_tit {padding: 20px;border-bottom: 1px solid #fff;}

/*------------------------------
	SP アンカーリンク
------------------------------*/
#wrap header #header_wrap .sp_anchor {background: #fff;margin-top: -1px;width: 100%;display: table;position: absolute;top: 50px; border-bottom:2px solid #71c4f5; border-top:1px solid #71c4f5;}
#wrap header #header_wrap .sp_anchor li {display: table-cell;width: 25%;padding: 0;font-size: 1rem;text-align: center;background: url(/img/common/tit_bg.gif) repeat center center;border-right: 1px solid #d1ebfb;box-sizing: border-box;vertical-align: middle;}
#wrap header #header_wrap .sp_anchor li:first-child {padding: 0;border-right: 1px solid #d1ebfb;}
#wrap header #header_wrap .sp_anchor li:last-child {border-right: none;}
#wrap header #header_wrap .sp_anchor li a {color: #2C9EF0;font-weight: bold;display: block;padding: 10px 0;}

/**********************************************************************
*
*　　 ■お問い合わせ
*
**********************************************************************/

#contact {clear: both;width: 100%;padding: 40px 0 40px;background: url(/img/common/contact_bg.gif) no-repeat center center;background-size: cover;}

/* タイトル */
#contact h4 {text-align: center;color: #FFFFFF;font-weight: bold;font-size: 24px;}
#contact h4:before {background: url(/img/common/title_deco01.png) no-repeat left center;content: "　";background-size: auto 100%;width: 30px;display: inline-block;}
#contact h4:after {background: url(/img/common/title_deco02.png) no-repeat right center;content: "　";background-size: auto 100%;width: 30px;display: inline-block;}
#contact section {width: 840px;background: rgba(224,255,255);margin: 30px auto 0;padding: 30px;box-sizing: content-box;}
#contact .contact_tit {font-size: 32px;text-align: center;transform: translateZ(0);}
#contact .contact_tit .icon {/*background: url(/img/common/icon_present.png) no-repeat center left;padding-left: 40px;
background-size: contain;*/font-weight: bold;font-size: 30px;}
#contact .contact_tit .col {color: #ec2e45;font-size: 50px;background: linear-gradient(transparent 70%, #fff285 30%);font-weight: bold;}
#contact .contact_tit .col strong {font-size: 90px;font-weight: bold;}
#contact .contact_tit .snote {font-size: 12px;display: block;text-align: center;margin-right: 45px;margin-top:5px; color: #686464/*#e4798b*/;} 

/* 無料体験　資料請求ボタン */
#contact ul {margin: 20px auto;letter-spacing: -0.4em;}
#contact ul li {display: inline-block;letter-spacing: normal;font-size: 20px;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;-o-border-radius: 5px;-ms-border-radius: 5px;box-shadow:0px 4px 0px -1px #b2c8d5;}
#contact ul li a {color:#fff;}
#contact ul li a:hover {opacity: 0.7;}

/* 無料体験 */
#contact ul li.free {background: #ea576a; /* Old browsers */background: -moz-linear-gradient(top, #ea576a 0%, #e86877 49%, #e54e5f 51%, #e63a50 100%); /* FF3.6-15 */background: -webkit-linear-gradient(top, #ea576a 0%,#e86877 49%,#e54e5f 51%,#e63a50 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom, #ea576a 0%,#e86877 49%,#e54e5f 51%,#e63a50 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea576a', endColorstr='#e63a50',GradientType=0 ); /* IE6-9 */	position: relative;margin-right: 20px;width: 410px;}
#contact ul li.free a {background: url(/img/common/icon_free_arrow.png) no-repeat center right 10px;display: block;padding: 28px 10px 28px 20px;}



/*#contact ul li.free .ribon {background: url(/img/common/ribon.png) no-repeat center left;display: block;height: 90px;position: absolute;top: -7px;width: 72px;}*/
#contact ul li.free .ribon, #contact ul li.request .ribon {background:yellow; display: block; height: 70px; width: 75px; border-radius:5px; position: absolute; top: 20px; left:15px;}
#contact ul li.free .ribon .txt, #contact ul li.request .ribon .txt{color: #2e2e2e;padding: 15px 0; display: block;text-align: center;font-size: 17px;margin-left: -3px;line-height: 1.2;font-weight: bold;}



/*#contact ul li.free .ribon .txt {color: #2e2e2e;padding: 28px 0; display: block;text-align: center;font-size: 17px;margin-left: -7px;line-height: 1.2;font-weight: bold;}*/
#contact ul li.free .offer_txt {padding-left: 90px;font-size: 22px;display: block;line-height: 1.2;color: #fff;font-weight: bold;text-align: left;}
#contact ul li.free .offer_txt .note {display: block;font-size: 15px;margin-top: 7px;}

/* 資料請求 */
#contact ul li.request {background: #1ab762; /* Old browsers */background: -moz-linear-gradient(top, #1ab762 0%, #1ab762 50%, #00af50 52%, #00af50 100%); /* FF3.6-15 */background: -webkit-linear-gradient(top, #1ab762 0%,#1ab762 50%,#00af50 52%,#00af50 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom, #1ab762 0%,#1ab762 50%,#00af50 52%,#00af50 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1ab762', endColorstr='#00af50',GradientType=0 ); /* IE6-9 */	position: relative;width: 410px;}
#contact ul li.request a {background: url(/img/common/icon_request_arrow.png) no-repeat center right 10px;display: block;padding: 28px 10px 28px 20px;}
/*#contact ul li.request .ribon {background: url(/img/common/ribon.png) no-repeat center left;display: block;height: 90px;position: absolute;top: -7px;width: 72px;}
#contact ul li.request .ribon .txt {color: #2e2e2e;padding: 28px 0;display: block;text-align: center;font-size: 17px;margin-left: -7px;line-height: 1.2;letter-spacing: -0.05em;font-weight: bold;}*/
#contact ul li.request .offer_txt {padding-left: 90px;font-size: 22px;display: block;line-height: 1.2;color: #fff;font-weight: bold;text-align: left;}
#contact ul li.request .offer_txt .small {font-weight: bold;}
#contact ul li.request .offer_txt .note {display: block;font-size: 15px;margin-top: 7px;}
/* フリーダイヤル */
#contact .tel_pc {background: #fff;width: 600px;margin: 0 auto;padding: 22px;text-align: center;}
#contact .tel_pc span {display: inline-block;vertical-align: middle;}
#contact .tel_pc .icon {color: #2d97d3;font-size: 44px;font-weight: bold;font-family: Roboto,'Droid Sans';background: url(/img/common/icon_free_voice.png) no-repeat center left;padding-left: 50px;}
#contact .tel_pc .hour {padding-left: 10%;font-size: 15px;}
#contact .tel_pc a {display: block;}
#contact .contact_tit .saidai{font-size:1.8rem; font-weight:bold; padding-left:5px;}/*****/
/* --SP-- */
@media screen and (max-width: 750px) {
#contact {padding: 5.3% 0 5.3%; background:#feffdf;}
/*
#contact h4 {font-size: 1.2rem;line-height: 1.3;background: url(/img/common/title_deco_sp.png) no-repeat center center;background-size: 80%; padding:0 0 5px; color:#2d97d3;}
#contact h4:before,
#contact h4:after {display: none;}

#contact h4:before {background: url(/img/common/title_deco01.png) no-repeat left center;content: "　";background-size: auto 100%;width: 30px;display: inline-block;}
#contact h4:after {background: url(/img/common/title_deco02.png) no-repeat right center;content: "　";background-size: auto 100%;width: 30px;display: inline-block;}
*/

#contact h4 {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 1.2rem;
	text-align: center;
	color:#2d97d3;
}

#contact h4::before,
#contact h4::after {
	content: '';
	width: 3px;
	height: 25px;
	background:none;
	background-color: #2d97d3;
}

#contact h4::before {
	margin-right: 20px;
	transform: rotate(-35deg)
}
#contact h4::after {
	margin-left: 20px;
	transform: rotate(35deg)
}

#contact section {width: 95%;box-sizing: border-box;margin: 0 auto 0;padding: 0 4% 6%; border-radius:5px; border:2px solid #2d97d3; }
#contact .contact_tit {font-size: 1.1rem;margin: 1% 0 5.6%; line-height:0.9;border-bottom: solid 1px #b0e0e6;padding-bottom:15px;}

#contact .contact_tit .icon {/*padding-left: 1.5rem;*/ position: absolute;left: 0;top: -2rem;font-size: 1.2rem;color: #000;background-size: auto 18px;text-align: left;width: 100%;display: inline-table;}

#contact .contact_tit .col {font-size: 1.8rem;letter-spacing: -0.05em;position: relative;}
#contact .contact_tit .saidai{font-size:1rem; font-weight:bold;}/*****/
#contact .contact_tit .col strong {font-size: 5rem;}
#contact .contact_tit .snote {display: inline-block;margin-right: 0;font-size:0.7rem; text-align: left;margin-top: 5px;line-height: 1.2;}
#contact ul {width: 100%;margin: 20px auto 10px;}
#contact ul li {display: block;margin-bottom: 10px;font-size: 1rem;}
#contact ul li {width: 100%;}
#contact ul li.free, 
#contact ul li.request {width: 100%;margin-right: 0;}
#contact ul li.free .ribon, #contact ul li.request .ribon {width: 60px; height:56px;top: 7px; left:10px;}
/*#contact ul li.free .ribon, #contact ul li.request .ribon {width: 60px;background-size: 100% auto;background-position: top left;}*/
#contact ul li.free .ribon .txt, #contact ul li.request .ribon .txt {font-size: 0.9rem;padding: 14px 0 0;}
/*#contact ul li.free .ribon .txt, #contact ul li.request .ribon .txt {font-size: 0.9rem;padding: 18px 0 0;}*/
#contact ul li.free .offer_txt, #contact ul li.request .offer_txt {padding-right: 10%;font-size: 1.2rem;padding-left: 80px;}
#contact ul li .offer_txt .small {font-size: 1rem;font-weight: bold;}
#contact ul li.free a {padding: 25px 10px;box-sizing: border-box;}
#contact ul li.request a {padding: 25px 10px;box-sizing: border-box;}
#contact ul li.free a .icon_free,
#contact ul li.request a .icon_request {line-height: 20px;background-size: auto 20px;}
#contact .tel_sp {width: 100%;margin: 6% auto 0;text-align: center;box-sizing: border-box;  border:1px solid #2d97d3;padding: 8px;
  background: #f1e767;
  background: -webkit-gradient(linear, left top, left bottom, from(#fdfbfb), to(#ebedee));
  background: -webkit-linear-gradient(top, #fdfbfb 0%, #ebedee 100%);
  background: linear-gradient(to bottom, #fdfbfb 0%, #ebedee 100%);
  -webkit-box-shadow: inset 1px 1px 1px #fff;
  box-shadow: inset 1px 1px 1px #fff;
}
/*#contact .tel_sp a {padding:  0;background: none;display: block;}*/
#contact .tel_sp a {padding:  0;background: none;display: block;}
#contact .tel_sp span {display: inline-block;vertical-align: middle;}
#contact .tel_sp .icon {color: #2d97d3;font-size: 30px;font-weight: bold;background: url(/img/common/icon_free_voice.png) no-repeat center left;padding-left: 50px;}
#contact .tel_sp .hour {display: block;margin-top: 5px;color: #000;text-align:center;}

.line_sp{
	width:87%;
	display:block;
	margin:15px auto 0;
}


}



/**********************************************************************
*
*　　 ■フッター　メニュー
*
**********************************************************************/

footer .f_menu_bg {padding: 20px;background: #f5f5f5;}
footer #f_menu {width: 1200px;margin: 10px auto 20px;}
footer #f_menu div {float: left;margin-right: 40px;}
footer #f_menu div.main_menu {width: 260px;}
footer #f_menu div.campain {width: 214px;}
footer #f_menu div.service {width: 240px;}
footer #f_menu div.search {width: 366px;margin-right: 0;}
footer #f_menu div h4 {margin-bottom: 15px;color: #535353;line-height: 30px;border-bottom: 1px solid #2d97d3;font-size: 15px;font-weight: bold;padding-bottom: 5px;}
footer #f_menu div ul li {margin: 7px 0;}
footer #f_menu div ul li a {color: #535353;font-size: 13px;line-height: 22px;padding-left: 15px;background: url(/img/common/blue-arrow.png) no-repeat left center;}
footer #f_menu div ul li a:hover {opacity: 0.7;}
footer #f_menu div ul li a span {color:#FF0000;}

/*
footer #f_menu div.campain ul li:first-of-type a {
font-size: 0;
padding-left: 0px;
background: none;
}

footer #f_menu div.campain ul li:first-of-type a:before {
font-size: 13px;
content:'定期テスト対策';
padding-left: 15px;
background: url(/img/common/blue-arrow.png) no-repeat left center;
}
*/


/* 教室（学習塾）を探す！ */
footer #f_menu .search ul li {float: left;margin: 0 0 10px;}
footer #f_menu .search ul li ul li {margin: 0;padding-top: 6px;}
footer #f_menu .search ul li.harf {overflow: hidden;width: 165px;display: inline-block;}
footer #f_menu .search ul li.harf ul {width: 100px;}
footer #f_menu .search ul li.harf:last-child::after {content: "";clear: both;display: block;}

/* 地名 */
footer #f_menu .search ul li h5 {width: 52px;display: inline-block;vertical-align: top;color: #fff;line-height: 22px;text-align: center;background: #2d97d3;}
footer #f_menu .search ul li h5 a {color: #fff;}
footer #f_menu .search ul li h5 a {background: none;padding: 0;}
footer #f_menu .search ul li ul {width: 290px;display: inline-block;overflow: hidden;margin-left: 7px;}
footer #f_menu .search ul li ul li {float: left;padding-right: 20px;line-height: 14px;}
footer #f_menu .search ul li ul li:last-child {border: none;}
footer #f_menu .search ul li ul li a {line-height: 8px;height: 10px;font-size: 13px;padding-left: 10px;background: url(/img/common/blue-arrow.png) no-repeat left center;}

footer #f_menu .search ul li:nth-of-type(6) ul li:nth-of-type(2) {
	display: none;
}
footer #f_menu .search ul li:nth-of-type(7) ul li:nth-of-type(4) {
	display: none;
}








/* --PC アコーディオンなし-- */
@media screen and (min-width: 751px) {
footer #f_menu div h4 {pointer-events: none;}
footer #f_menu .search ul li h5 {pointer-events: none;}
}
/* --SP-- */
@media screen and (max-width: 750px) {
footer .f_menu_bg {padding: 0;}
footer #f_menu {width: 100%;margin-top: 0;}
footer #f_menu div.main_menu, footer #f_menu div.campain,
footer #f_menu div.service, footer #f_menu div.search {width: 100%;margin-right: 0;float: none;}
footer #f_menu div h4 {padding: 4%;margin-bottom: 0;position: relative;cursor: pointer;}
footer #f_menu div h4:before,
footer #f_menu div ul li h5:before {display: block;content: "";position: absolute;-webkit-transform: rotate(45deg);transform: rotate(45deg);top: 50%;right: 15px;width: 10px;height: 10px;margin-top: -8px;background: #2d97d3;}
footer #f_menu div h4:after,
footer #f_menu div ul li h5:after {display: block;content: "";position: absolute;-webkit-transform: rotate(45deg);transform: rotate(45deg);top: 50%;right: 15px;width: 10px;height: 10px;margin-top: -13px;background: #f5f5f5;}
footer #f_menu div h4.active:before,
footer #f_menu div ul li h5.active:before {margin-top: -2px;}
footer #f_menu div h4.active:after,
footer #f_menu div ul li h5.active:after {margin-top: 3px;}	
footer #f_menu div ul,
footer #f_menu div ul li ul {display: none;}
footer #f_menu div ul li {border-bottom: 1px solid #ccc;box-sizing: border-box;margin: 0;padding-left: 4%;width: 100%;}
footer #f_menu div ul li a {padding: 3.6% 4% 3.6% 4%;display: block;}
	
/* 教室を探す */
footer #f_menu .search h4 {border-bottom: none;padding: 0;}
footer #f_menu .search h4 a {display: block;color: #535353;padding: 4%;}
footer #f_menu .search ul li {width: 100%;float: none;box-sizing: border-box;margin-bottom: 0;}
footer #f_menu .search ul li.border  {border-top: 1px solid #2d97d3;}
footer #f_menu .search ul li.harf {width: 100%;display: block;box-sizing: border-box;}
footer #f_menu .search ul li.harf ul {width: 100%;}
footer #f_menu .search ul li h5 {width: 100%;background: #f5f5f5;text-align: left;position: relative;}
footer #f_menu .search ul li h5 a {color: #535353;}
footer #f_menu .search ul li ul {margin-left: 0;}
footer #f_menu .search ul li ul li {border-bottom: none;padding: 5.2% 0 0 4%;}
footer #f_menu .search ul li ul li:first-child {padding: 2.6% 0 0 4%;}
}



/**********************************************************************
*
*　　 ■フッター　プライバシー
*
**********************************************************************/
#wrap footer #f_cont {width: 1200px;margin: 0 auto;overflow: hidden;}
#wrap footer #f_cont a {color: #222222;}
#wrap footer #f_cont a:hover {opacity: 0.7;}
#wrap footer #f_cont #f_txt {width: 1070px;margin:0 25px 0;}
#wrap footer #f_cont #f_txt p,
#wrap footer #f_cont #f_txt h5  {font-size: 12px;line-height: 1.7;}
#wrap #f_mark {overflow:hidden;display:block;text-align:center;width: 320px;border: 1px solid #dadada;float: left;margin: 0;}
#wrap #f_mark ul {display:block;overflow: hidden;padding: 15px 10px;}
#wrap #f_mark ul li {float:left;text-align:left;}
#wrap #f_mark ul li p {width: 179px;display:block;line-height:1.5;vertical-align:middle;color:#222222;font-size: 11px;padding: 10px 0 0 10px;font-feature-settings : "palt";}

/* --SP-- */
@media screen and (max-width: 750px) {
#wrap footer #f_cont {width: 90%;margin: 4% auto;font-size: .5rem;}
/*#wrap footer #f_cont #f_txt {width: 100%;float: none;margin-right: 0;}*/
#wrap #f_mark {width: 100%;box-sizing: border-box;padding: 2.6%;float: none;margin-top: 20px;}
#wrap #f_mark ul {padding: 0;}
#wrap #f_mark ul li:first-child {width: 16%;}
#wrap #f_mark ul li {width: 84%;margin-bottom: 0;}
#wrap #f_mark ul li p {width: 100%;box-sizing: border-box;padding: 0 0 0 10px;}
}

/**********************************************************************
*
*　　 ■フッターナビ　ロゴ
*
**********************************************************************/

#wrap footer #f_nav {width: 1200px;overflow: hidden;margin: 30px auto;}
#wrap footer #f_nav p.logo {display: inline-block;vertical-align: middle;}
#wrap footer #f_nav ul {width: 776px;margin-left: 40px;display: inline-block;vertical-align: middle;overflow: hidden;}
#wrap footer #f_nav ul li {float: left;border-right: 1px solid #e3e3e3;}
#wrap footer #f_nav ul li:first-child {border-left: 1px solid #e3e3e3;}
#wrap footer #f_nav ul li a {color: #222222;padding: 0 15px;background: url(https://std-ie.jp/img/white-arrow.png) no-repeat left center;font-size: 14px;display: block;}
#wrap footer #f_nav ul li a:hover {opacity: 0.7;}

/* --SP-- */
@media screen and (max-width: 750px) {
#wrap footer #f_nav {width: 100%;margin: 30px auto 0;}
#wrap footer #f_nav p.logo {display: block;width: 60%;margin: 20px auto;}
#wrap footer #f_nav ul {width: 100%;margin-left: 0;display: flex;flex-wrap: wrap;justify-content: center;}
#wrap footer #f_nav ul li:first-child {border: none;}
#wrap footer #f_nav ul li {display: flex;border: none;}
#wrap footer #f_nav ul li a {padding: .7rem 1rem .7rem 10px;font-size: .8rem;background: url(/img/common/blue-arrow.png) no-repeat left center;}
}


/**********************************************************************
*
*　　 ■コピーライト
*
**********************************************************************/

#copy {width: 100%;border-top: 1px solid #2d97d3;text-align: center;color: #222222;font-size: 12px;margin-top: 40px;padding: 15px 0;}
/* --SP-- */
@media screen and (max-width: 750px) {
#copy {font-size: .5rem;}
}

/**********************************************************************
*
*　　 ■PC　サイドフローティング
*
**********************************************************************/

#side_info {position: fixed;right: 0;bottom: 70px;z-index: 100;width: 40px;}
#side_info img {backface-visibility: hidden;}
#side_info ul li {border-radius: 4px 0 0 4px;-moz-border-radius: 4px 0 0 4px;-webkit-border-radius: 4px 0 0 4px;-o-border-radius: 4px 0 0 4px;-ms-border-radius: 4px 0 0 4px;text-align: center;margin-bottom: 10px;}
#side_info .side_free {background: #e53a50; height:200px;}
#side_info .side_request {background: #1ab762;}
#side_info ul li a {color: #fff;padding: 15px 0;display: block;}
#side_info ul li a .txt {display: block;margin-top: 5px;line-height: 1.1;font-size: 15px; padding:0 8px 3px;}

/**********************************************************************
*
*　　 ■ページトップ
*
**********************************************************************/

#wrap #page-top {position: fixed;bottom: 45px;right: 10px;left: auto;z-index: 10;}
#wrap #page-top a.top_arrow {position:relative;display:inline-block;padding:0 32px 0 16px;color:#fff;text-decoration:none;height:24px;line-height:24px;border-radius:12px;}
#wrap #page-top a.top_arrow:before,
#wrap #page-top a.top_arrow:after{content:"";display:block;position:absolute;}
#wrap #page-top a.top_arrow:before{width:50px;height:50px;background:#2d97d3;border-radius:50%;right:4px;top:4px;}
#wrap #page-top a.top_arrow:after{width:14px;height:14px;border-right:1px solid #FFF;border-top:1px solid #FFF;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);right:21px;top:25px;}

/* --SP-- */
@media screen and (max-width: 750px) {
#wrap #page-top {display: none;bottom: 35px;right: 5px!important;z-index: 2;}
}


/**********************************************************************
*
*　　 ■サイド
*
**********************************************************************/
#sidebar .side_bnr {text-align: center;}
#side_menu {margin: 25px 0px 20px 0px;}
#side_menu h3 {color: #2e2e2e;line-height: 32px;font-size: 18px;padding: 10px 10px 10px 55px;border-top: 3px solid #2d97d3;background: url(/img/common/icon_pen_side.png) no-repeat center left 20px;font-weight: bold;}
#side_menu ul {position:relative;padding-bottom:30px;}
#side_menu ul li {padding: 0;margin: 0;list-style: none;border-bottom: 1px solid #aad3e9;}
#side_menu ul li:first-child {border-top: 1px solid #aad3e9;}
#side_menu ul li a {display: block;color:#000;font-size:16px;font-weight:bold;padding: 20px;position: relative;}
#side_menu ul li a:after {display: block;content: "";position: absolute;top: 50%;right: 0;width: 0;
height: 0;margin: -3px 20px 0 0;border-top: 8px solid #2c97d5;border-left: 8px solid transparent;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
#contact_side   {background: url(/img/common/contact_side.gif) repeat;padding: 10px;position: relative;}
#contact_side h3 {color: #fff;font-size: 22px;padding: 15px 10px;font-weight: bold;}
#contact_side .comment {background: url(/img/common/side_deco.png) no-repeat center center;text-align: center;color: #fff;font-size: 15px;margin: 10px 0;}
#contact_side .icon_free {position: absolute;top: -30px;right: 10px;}
#contact_side .side_tel {background: #fff;padding: 10px;border-radius: 5px;margin-bottom: 10px;}
#contact_side .side_tel .title-border {display: flex;align-items: center;}
#contact_side .side_tel .title-border:before,
#contact_side .side_tel .title-border:after {border-top: 2px solid;content: "";flex-grow: 1;}
#contact_side .side_tel .title-border:before {margin-right: 5px;}
#contact_side .side_tel .title-border:after {margin-left: 5px;}
#contact_side .side_tel a {display: block;color:#2C97D5;}
#contact_side .side_tel .icon_tel {background: url(/img/common/icon_free_voice.png) no-repeat center left;padding-left: 50px;font-size: 30px;letter-spacing: -0.07em;display: block;font-family: Roboto,'Droid Sans';font-weight: bold;letter-spacing: -.5px;margin-bottom:5px;}
#contact_side .side_tel .txt {display: block;text-align: center;font-size: 14px;letter-spacing: 1px;}
#contact_side .side_tel .txt .col {color: #454545;}
#contact_side ul {padding: 10px;background: #d1ebfa;border-radius: 6px;}
#contact_side ul li {border-radius: 5px;box-shadow:0px 4px 0px -1px #b2c8d5;}
#contact_side ul li a {padding: 20px 10px;width: 100%;box-sizing: border-box;display: block;color: #fff;}
#contact_side ul li.side_free {background: #ea576a; /* Old browsers */background: -moz-linear-gradient(top, #ea576a 0%, #e86877 49%, #e54e5f 51%, #e63a50 100%); /* FF3.6-15 */background: -webkit-linear-gradient(top, #ea576a 0%,#e86877 49%,#e54e5f 51%,#e63a50 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom, #ea576a 0%,#e86877 49%,#e54e5f 51%,#e63a50 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea576a', endColorstr='#e63a50',GradientType=0 ); /* IE6-9 */	position: relative;margin-bottom: 10px;}
#contact_side ul li.side_free a {background: url(/img/common/icon_free_arrow.png) no-repeat center right 10px;}
#contact_side ul li.side_free .ribon {background: url(/img/common/ribon.png) no-repeat center left;display: block;height: 90px;position: absolute;top: -7px;width: 72px;}
#contact_side ul li.side_free .ribon .txt {color: #2e2e2e;padding: 28px 0;display: block;text-align: center;font-size: 17px;margin-left: -7px;line-height: 1.2;font-weight: bold;}
#contact_side ul li.side_free .offer_txt {padding-left: 90px;font-size: 22px;display: block;line-height: 1.2;font-weight: bold;}
#contact_side ul li.side_request {background: #1ab762; /* Old browsers */background: -moz-linear-gradient(top, #1ab762 0%, #1ab762 50%, #00af50 52%, #00af50 100%); /* FF3.6-15 */background: -webkit-linear-gradient(top, #1ab762 0%,#1ab762 50%,#00af50 52%,#00af50 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom, #1ab762 0%,#1ab762 50%,#00af50 52%,#00af50 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1ab762', endColorstr='#00af50',GradientType=0 ); /* IE6-9 */	position: relative;}
#contact_side ul li.side_request a {background: url(/img/common/icon_request_arrow.png) no-repeat center right 10px;}
#contact_side ul li.side_request .ribon {background: url(/img/common/ribon.png) no-repeat center left;display: block;height: 90px;position: absolute;top: -7px;width: 72px;}
#contact_side ul li.side_request .ribon .txt {color: #2e2e2e;padding: 28px 0;display: block;text-align: center;font-size: 17px;margin-left: -7px;line-height: 1.2;letter-spacing: -0.05em;font-weight: bold;}
#contact_side ul li.side_request .offer_txt {padding-left: 90px;font-size: 22px;display: block;line-height: 1.2;font-weight: bold;}
#contact_side ul li.side_request .offer_txt .small {font-size: 18px;font-weight: bold;}
#sidebar .side_bnrbox {margin:0 auto;text-align: center;margin: 10px 0 0 0;}
#sidebar .side_bnrbox .side_bn{padding-bottom: 10px;}
#sidebar .side_bnrbox .side_bn:last-child{padding-bottom: 0px;}
#sidebar .fb_iframe_widget{margin: 30px 10px;}

.side_menu {margin: 25px 0px -59px 0px;}
.mb80{margin-bottom:20px;}
.side_menu h3.icon_e {color: #2e2e2e;line-height: 32px;font-size: 18px;padding: 10px 10px 10px 55px;border-top: 3px solid #2d97d3;background: url(/img/common/icon_book_side_e.png) no-repeat center left 20px;font-weight: bold;}
.side_menu h3.icon_j {color: #2e2e2e;line-height: 32px;font-size: 18px;padding: 10px 10px 10px 55px;border-top: 3px solid #2d97d3;background: url(/img/common/icon_book_side_j.png) no-repeat center left 20px;font-weight: bold;}
.side_menu h3.icon_h {color: #2e2e2e;line-height: 32px;font-size: 18px;padding: 10px 10px 10px 55px;border-top: 3px solid #2d97d3;background: url(/img/common/icon_book_side_h.png) no-repeat center left 20px;font-weight: bold;}

.side_menu ul {position:relative;padding-bottom:30px;}

.side_menu ul li {padding: 0;margin: 0;list-style: none;border-bottom: 1px solid #aad3e9;}

.side_menu ul li:first-child {border-top: 1px solid #aad3e9;}

.side_menu ul li a {display: block;color:#000;font-size:16px;font-weight:bold;padding: 20px;position: relative;}

.side_menu ul li a:after {display: block;content: "";position: absolute;top: 50%;right: 0;width: 0;
height: 0;margin: -3px 20px 0 0;border-top: 8px solid #2c97d5;border-left: 8px solid transparent;-webkit-transform: rotate(45deg);transform: rotate(45deg);}

/**********************************************************************
*
*　　 ■教室一覧　アコーディオン
*
**********************************************************************/
/* --SP-- */
@media screen and (max-width: 750px) {
#st-accordion h3 {background: url(/img/common/icon_pen_side.png) no-repeat center left 20px;padding: 15px 10px 15px 55px;margin-bottom: 0;font-weight: bold;font-size: 1.2rem;line-height: normal;border-top: 3px solid #2d97d3;border-bottom: 1px solid #DDD;}
.st-accordion {width: 100%;min-width:270px;margin: 0 auto 10px; display: none;}
.st-accordion ul li {height: 50px;overflow: hidden;border-bottom: 1px solid #DDD;}
.st-accordion ul li > a{padding-left:20px;background: url(../img/wh_link_bg.png) repeat-x center top;background-size: auto 100%;font-size: 16px !important;font-weight: bold;color: #333;display: block;font-weight: bold !important;position: relative;line-height: 50px;outline:none;-webkit-transition:  color 0.2s ease-in-out;-moz-transition:  color 0.2s ease-in-out;-o-transition:  color 0.2s ease-in-out;-ms-transition:  color 0.2s ease-in-out;transition:  color 0.2s ease-in-out;}
.st-accordion ul li > a span{/*background: transparent url(../img/link_arrow.png) no-repeat center center;*/background-size: 20px;text-indent:-9000px;width: 26px;height: 26px;position: absolute;top: 50%;right: 10px;margin-top: -13px;opacity:1;-webkit-transition:  all 0.2s ease-in-out;-moz-transition:  all 0.2s ease-in-out;-o-transition:  all 0.2s ease-in-out;-ms-transition:  all 0.2s ease-in-out;transition:  all 0.2s ease-in-out;}
.st-accordion ul li a:after {display: block;content: "";position: absolute;top: 50%;right: 20px;width: 0;height: 0;margin: -3px 0 0 0;border-top: 8px solid #2c97d5;border-left: 8px solid transparent;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.st-accordion ul li > a:hover{color: #00A4E3;}
.st-accordion ul li > a:hover span{opacity:1;right: 10px;}
.st-accordion ul li.st-open > a{color: #00A4E3;}
.st-accordion ul li.st-open > a span {-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);
transform:rotate(270deg);right:10px;opacity:1;}
.st-content{border-top: 1px solid #DDD;background: #FFF;}
.st-content p{width: 100%;font-size: 14px;line-height:  22px;text-align: justify;text-justify: inter-ideograph;}
.st-content ul li {width: 100%;height:auto;border-left: none;border-right: none;border-bottom: 1px solid #DDD;background: #fcfcfc;}
.st-content ul li:last-child {border-bottom: none;}
.st-content ul li a {display: block;width: 100%;height:auto;line-height: 20px;padding: 15px 15px 15px 40px; background-size: 14px;font-weight: normal !important;box-sizing: border-box;}
.st-content ul li a:before {display: block;content: "";position: absolute;top: 50%;left: 20px;width: 0;height: 0;margin: -3px 0 0 0;border-top: 8px solid #2c97d5;border-left: 8px solid transparent;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.st-content ul li a:after {display: none;}
.st-content ul li a em {font-size: 0.9em;color: #E50020;padding-left: 4px;}
}


/**********************************************************************
*
*　　 ■パンくずリスト
*
**********************************************************************/

#wrap #breadcrumb {width: 1200px;margin: 20px auto;overflow: hidden;height: auto;padding-bottom: 0;}
#wrap #breadcrumb li {float: left;margin-right: 4px;font-size: 12px;line-height: 14px;}
#wrap #breadcrumb li span {font-size: 12px;}
#wrap #breadcrumb li a {color: #2c97d5;}
#breadcrumb li a span {display: inline;font-size: 12px;}

/* --SP-- */
@media screen and (max-width: 750px) {
#wrap #breadcrumb {width: 100%;padding: 2.6%;height: auto;box-sizing: border-box;margin: 0;}
#breadcrumb li a span {display: none;}
}


/**********************************************************************
*
*　　 ■回り込み解除
*
**********************************************************************/

header:after, header #header_wrap:after, footer #f_menu:after, footer #f_menu div ul:after, #contact ul:after {content: "";display: block;clear: both;}


/**********************************************************************
*
*　　 ■タイトル
*
**********************************************************************/
#wrap .title_bg {background: url(/img/common/main_titile_bg.gif) repeat;padding: 15px 20px;}
#wrap h3.main_title {font-size: 24px;font-weight: bold;line-height: 2;padding-left: 20px;border-left: 12px solid #2D97D3;}
#wrap .sub_title {margin: 0 0 10px;padding: 15px 5px 15px 15px;border-left: 10px solid #2d97d3;background: url(/img/common/tit_bg.gif) repeat center center;font-size: 20px;color: #2C97D5;font-weight: bold;}
#wrap .title_sub {margin: 40px 20px;font-size: 16px;}
#wrap .cont_title {padding: 12px 5px 12px 15px;border-left: 15px solid #2d97d3;background: url(/img/common/tit_bg.gif) repeat-x center center;font-size: 23px;color: #2D97D3;font-weight: bold;}

/* --SP-- */
@media screen and (max-width: 750px) {
#wrap .title_bg {padding: 10px .6% 10px 3%;margin-bottom: 5.6%;}
#wrap h3.main_title {font-size: 1.2rem; padding: 10px .6% 10px 3%;line-height: normal;}	
#wrap .title_sub {margin: 0 4% 4%;font-size: 1rem;}
#wrap .cont_title {font-size: 1.2rem;padding: 10px .6% 10px 3%;line-height: normal;}
#wrap .sub_title  {font-size: 1.2rem;padding: 10px .6% 10px 3%;margin-bottom: 30px;}

}
/**********************************************************************
*
*　　 ■お近くの教室を探す
*
**********************************************************************/

/*------------------------------
      search
------------------------------*/
#search_box { background: url(/img/top/search_bg.gif) repeat;}
#search_box .wrapper {  text-align: center;}
#search_box .wrapper .searchballoon { background: url(/img/top/search_icon_bg.png)no-repeat top center; text-align: center; font-weight: bold;}
#search_box .wrapper .searchballoon .txt1 { background: #fff; color: #fa6c2c; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;}
#search_box .wrapper .searchballoon .txt2,
#search_box .wrapper .searchballoon .txt3,
#search_box .wrapper .searchballoon .txt4 { color: #fff; font-weight: bold;}
#search_box .wrapper .searchtit { font-weight: bold;}
.search-online{	margin:-20px 0 20px;
}
.search-online a{
	font-size:.0.8rem !important;
	color:#009999;
	border:1px solid #46C098;
	border-radius:5px;
	background:#FFFF99;
	padding:3px 10px;
	}
.search-online a:visited{
	color: #0DB8AB;
}

#search_box .wrapper .searchtit h3 { color: #168ed2;}
#search_box .wrapper .searchtit .searchtxt {}
#search_box .wrapper h3 { font-weight: bold;}
#search_box .wrapper .Search-txt,
#search_box .wrapper #search_area { background: #ffffff; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;}
#search_box .wrapper .Search-txt { border: solid 2px #aad3ea; text-align: left;}
#search_box .wrapper .Search-txt input.txtform { border: solid 2px #dadada; padding: 10px;}
#search_box .wrapper .Search-txt input.submit { padding: 10px 20px 10px 15px; text-align: left; color: #ffffff; border: solid 2px #2d97d3; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; background: url(/img/top/search_icon03.png) no-repeat #2d97d3 right 10px center;}
#search_box .wrapper .Search-txt #postalnum {}
#search_box .wrapper .Search-txt #postalnum h3 { background: url(/img/top/search_icon01.png) no-repeat;line-height: 20px;}
#search_box .wrapper .Search-txt #postalnum form {}
#search_box .wrapper .Search-txt #freeword {}
#search_box .wrapper .Search-txt #freeword h3 {  background: url(/img/top/search_icon02.png) no-repeat;line-height: 20px;}
#search_box .wrapper .Search-txt #freeword form {}
#search_box .wrapper #search_area { text-align: center; border: solid 2px #9cdeca;}
#search_box .wrapper #search_area h3 { background: url(/img/top/search_icon04.png) no-repeat;}
#search_box .wrapper #search_area .btn { background: url(/img/top/search_icon05.png) no-repeat left 30px center #0ab180; display: block; color: #ffffff; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;}
#search_box .wrapper #search_area .btn span { display: block; background: url(/img/top/search_icon06.png) no-repeat right center;}

/* --PC-- */
@media screen and (min-width: 751px) {
#search_box { font-size: 16px;}
#search_box .wrapper { padding: 40px 20px 20px; position: relative;margin: 45px auto 40px; overflow: hidden;position: relative;}
#search_box .wrapper .searchballoon { position: absolute; top: 40px; right: 35px; width: 131px; height: 140px; padding-top: 28px;}
#search_box .wrapper .searchballoon .txt1 { font-size: 14px; padding: 2px 30px;}
#search_box .wrapper .searchballoon .txt2 { font-size: 35px;line-height: 1.2;}
#search_box .wrapper .searchballoon .txt3 { font-size: 20px;}
#search_box .wrapper .searchballoon .txt4 { font-size: 16px;}
#search_box .wrapper .searchtit { width: 570px; margin: 0 auto 30px auto; text-align: left;}
#search_box .wrapper .searchtit .searchimg { float: left; border-right: 2px solid #aad3ea; margin-right: 35px; padding-right: 35px;}
#search_box .wrapper .searchtit h3 { font-size: 26px; margin-bottom: 10px;}
#search_box .wrapper .searchtit .searchtxt {}
#search_box .wrapper h3 { text-align: left;  padding-left: 25px; margin-bottom: 10px; padding-bottom: 1px;}
#search_box .wrapper .Search-txt { width: 740px;padding: 30px 40px; margin: 0 auto;overflow: hidden;}
#search_box .wrapper .Search-txt input.txtform { width: 199px;}
#search_box .wrapper .Search-txt input.submit { width: 80px; margin-left: 8px;}
#search_box .wrapper .Search-txt #postalnum {float: left;margin-right: 25px;}
#search_box .wrapper .Search-txt #postalnum h3 {}
#search_box .wrapper .Search-txt #postalnum form {}
#search_box .wrapper .Search-txt #freeword {float: left;}
#search_box .wrapper .Search-txt #freeword h3 {}
#search_box .wrapper .Search-txt #freeword form {}
#search_box .wrapper #search_area { width: 740px; padding: 40px;margin: 10px auto 0;}
#search_box .wrapper #search_area h3 { border-bottom: solid 1px #9de0cc; padding-bottom: 10px;line-height: 20px;}
#search_box .wrapper #search_area .btn { margin-top: 30px; font-size: 22px; padding: 30px;}
}
/* --SP-- */
@media screen and (max-width: 750px) {
#search_box { font-size: 1rem;}
#search_box .wrapper { padding: 40px 0 20px 0; width: 95%; margin: 0 auto;}
#search_box .wrapper .searchtit {}
#search_box .wrapper .searchballoon { position: absolute; top: -20px; right: 30px; width: 90px; height: 96px; background-size: cover; padding-top: 12px;}
#search_box .wrapper .searchballoon .txt1 { font-size: 0.7rem; padding: 1px 14px; line-height: 1.2;}
#search_box .wrapper .searchballoon .txt2 { font-size: 1.5rem; line-height: 1.2;}
#search_box .wrapper .searchballoon .txt3 { font-size: 1rem; line-height: 1.2;}
#search_box .wrapper .searchballoon .txt4 { font-size: 0.9rem; line-height: 1.2;}
#search_box .wrapper .searchtit .searchimg { float: left; border-right: 2px solid #aad3ea; margin-right: 15px; padding-right: 15px;}
#search_box .wrapper .searchtit .searchimg img { width: 43px; padding: 5px 0;}
#search_box .wrapper .searchtit h3 { margin-bottom: 5px; font-size: 1.2rem; margin-top: 10px; text-align: left;}
#search_box .wrapper .searchtit .searchtxt { font-size: .8rem; text-align: left;}
#search_box .wrapper h3 { margin-bottom: 5px;}
#search_box .wrapper .Search-txt { padding:15px 2.5% 20px 2.5%; margin-top: 15px;}
#search_box .wrapper .Search-txt form {text-align: center;}
#search_box .wrapper .Search-txt input.txtform { width: 185;}
#search_box .wrapper .Search-txt input.submit { padding:10px 30px 10px 12px; border: none; width: 70px; font-size: .8rem;}
#search_box .wrapper .Search-txt #postalnum {}
#search_box .wrapper .Search-txt #postalnum h3 { padding-left: 25px; padding-bottom: 2px;}
#search_box .wrapper .Search-txt #postalnum form {}
#search_box .wrapper .Search-txt #freeword {margin-top: 20px;}
#search_box .wrapper .Search-txt #freeword h3 { padding-left: 25px;padding-bottom: 2px;}
#search_box .wrapper .Search-txt #freeword form {}
#search_box .wrapper #search_area { padding:15px 2.5% 20px 2.5%; margin-top: 20px; position: relative; min-height: 100px;}
#search_box .wrapper #search_area h3 { padding-left: 25px; text-align: left; margin-bottom: 30px;padding-bottom: 2px;}
#search_box .wrapper #search_area .btn { padding: 20px;}
#search_box .wrapper .Search-txt{display:none;}
#search_box .wrapper div.search-online a {display:block; padding: 5px 0; width:50%; margin:13px auto 5px; font-size:0.7rem !important;}

}



#search_area .area_list li {border-bottom: 1px solid #9DDECA;}
#search_area .area_list li:nth-child(2n) {background: #E6F4F0;}
#search_area .area_list li:nth-child(2n) dl dt {background: #52B79A;}
#search_area .area_list dl {display: table;}
#search_area .area_list dl dt {display: table-cell;vertical-align: middle;width: 90px;background: #5ABA9F;}
#search_area .area_list dl dt a {display: block;padding: 10px;color: #FFF;font-weight: bold;}
#search_area .area_list dl dd {display: table-cell;vertical-align: middle;text-align: center;width: 70px;padding: 10px 0;}
#search_area .area_list dl dd a {display: block;color: #000;padding: 0 10px;border-right: 1px solid #70C3AC;}

/* --SP-- */
@media screen and (max-width: 750px) {
#search_box .wrapper {width: 100%;padding: 40px 0 0 0;position: relative;}
#search_box .wrapper .searchtit {width: 95%;margin: 0 auto;}
#search_box .wrapper .Search-txt {width: 95%;margin: 15px auto 0;}
#search_box .wrapper #search_area {padding: 0;border: none;border-radius: 0;}
#search_box .wrapper #search_area h3 {padding: 15px 10px 15px 55px;margin-bottom: 0;font-weight: bold;font-size: 1.2rem;line-height: normal;border-top: 3px solid #2d97d3;border-bottom: 1px solid #DDD;background-position: center left 20px;}
#search_box .wrapper .searchballoon {top: 90px;right: 0;width: 90px;}
#search_area .area_list li {border-bottom: 1px solid #DDD; }
#search_area .area_list dl {display: block;}
#search_area .area_list dl dt {display: block;width: 100%;background: #FFF;text-align: left;}
#search_area .area_list li:nth-child(2n) dl dt {background:#fff;}
#search_area .area_list dl dt a {color: #535353;pointer-events: none;position: relative;font-weight: normal;padding: 20px;}
#search_area .area_list dl dt a:after {display: block;content: "";position: absolute;top: 50%;right: 20px;width: 0;height: 0;margin: -3px 0 0 0;border-top: 8px solid #2c97d5;border-left: 8px solid transparent;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
#search_area .area_list dl dd {display: block;width: 100%;text-align: left;display: none;background: #fcfcfc;border-top: 1px solid #DDD;}
#search_area .area_list dl dd a {border:none;display: block;width: 100%;height: auto;line-height: 20px;padding: 15px 15px 15px 40px;background-size: 14px;font-weight: normal !important;box-sizing: border-box;position: relative;}
#search_area .area_list dl dd a:before {display: block;content: "";position: absolute;top: 50%;left: 20px;width: 0;height: 0;margin: -3px 0 0 0;border-top: 8px solid #2c97d5;border-left: 8px solid transparent;-webkit-transform: rotate(45deg);transform: rotate(45deg);}}

/**********************************************************************
*
*　　 ■サイド　お近くの教室を探す
*
**********************************************************************/
#side_search {background: url(/img/top/search_bg.gif) repeat;border: solid 2px #aad3ea;}
#side_search .searchtit h3 { color: #168ed2;font-size: 15px;margin-bottom: 10px;text-align: left;display: inline-block;vertical-align:middle;font-weight: bold;}
#side_search .searchtit { margin: 0 auto; text-align: left;padding: 20px 15px;}
#side_search .searchtit .searchimg { display: inline-block;vertical-align: middle;border-right: 2px solid #aad3ea; margin-right: 15px; padding-right: 10px;}
#side_search .Search-txt,
#side_search #search_area { background: #ffffff; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;}
#side_search .Search-txt { text-align: left;}
#side_search .Search-txt input.txtform { border: solid 2px #dadada; padding: 10px;}
#side_search .Search-txt input.submit { padding: 6px 20px 6px 15px; text-align: left; color: #ffffff; border: solid 2px #2d97d3; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; background: url(/img/top/search_icon03.png) no-repeat #2d97d3 right 10px center;}
#side_search .Search-txt h3 {font-weight: bold;line-height: 20px;padding-left: 30px;}
#side_search .Search-txt #postalnum {}
#side_search .Search-txt #postalnum h3 { background: url(/img/top/search_icon01.png) no-repeat;}
#side_search .Search-txt #postalnum form {}
#side_search .Search-txt #freeword {}
#side_search .Search-txt #freeword h3 {  background: url(/img/top/search_icon02.png) no-repeat;}
#side_search .Search-txt #freeword form {}

/* --PC-- */
@media screen and (min-width: 751px) {
#side_search {margin-top: 20px;}
#side_search .searchtit .searchtxt {}
#side_search .Search-txt { padding: 20px; margin: 0 auto;overflow: hidden;font-size: 15px;}
#side_search .Search-txt input.txtform { width: 159px;}
#side_search .Search-txt input.submit { width: 80px; margin-left: 8px;}
#side_search .Search-txt h3 {margin-bottom: 10px;}
#side_search .Search-txt #postalnum {margin-bottom: 20px;}
#side_search .Search-txt #postalnum h3 {}
#side_search .Search-txt #postalnum form {}
#side_search .Search-txt #freeword {float: left;}
#side_search .Search-txt #freeword h3 {}
#side_search .Search-txt #freeword form {}
}
/* --SP-- */
@media screen and (max-width: 750px) {
#side_search .Search-txt { padding:15px 2.5% 20px 2.5%; margin-top: 15px;}
#side_search .Search-txt form {text-align: center;}
#side_search .Search-txt input.txtform { width: 185;}
#side_search .Search-txt input.submit { padding:10px 30px 10px 12px; border: none; width: 70px; font-size: .8rem;}
#side_search .Search-txt #postalnum {}
#side_search .Search-txt #postalnum h3 { padding-left: 25px; padding-bottom: 2px;}
#side_search .Search-txt #postalnum form {}
#side_search .Search-txt #freeword {}
#side_search .Search-txt #freeword h3 { padding-left: 25px;padding-bottom: 2px;}
#side_search .Search-txt #freeword form {}
}


/**********************************************************************
*
*　　 ■footer f_deals
*
**********************************************************************/



/*------------------------------
	deals
------------------------------*/
#f_deals { background: url(/img/top/promotion_bn_bg.gif); position: relative; text-align: center;}
#f_deals .wrapper {}
#f_deals h3 {position: absolute;left: 0;right: 0;top: -140px;}
#f_deals h3 .tit01 {background: url(/img/common/f_deals_tit01_bg.png) no-repeat center center;font-weight: bold;}
#f_deals h3 .tit02 {background: url(/img/common/f_deals_tit02_bg.png) no-repeat center center;}
#f_deals h3 .tit02 span {font-weight: bold;color: #FFF;}

#f_deals h3 .box .txt { font-weight: bold;}
#f_deals h3 .box .tit { font-weight: bold;}
#f_deals h3 .box .tit .min { font-weight: normal; padding-left: 10px;}
#f_deals .dealslist { overflow: hidden; display: flex; flex-wrap: wrap;}
#f_deals .dealslist li { background: #ffffff; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;}
#f_deals .dealslist li .dealsimg { margin-bottom: 12px;}
#f_deals .dealslist li .dealstag { margin-bottom: 12px; color: #ffffff; text-align: left;}
#f_deals .dealslist li .dealstag .tag_e,
#f_deals .dealslist li .dealstag .tag_j,
#f_deals .dealslist li .dealstag .tag_h { padding: 5px 10px; display: inline-block;}
#f_deals .dealslist li .dealstag .tag_e { background: #0ab180;}
#f_deals .dealslist li .dealstag .tag_j { background: #f36683;}
#f_deals .dealslist li .dealstag .tag_h { background: #2d97d3;}
#f_deals .dealslist li .dealstxt { color: #222222; text-align: left; line-height: 1.3;}
/* --PC-- */
@media screen and (min-width: 751px) {
#f_deals { font-size: 16px; margin-top: 140px; position: relative;padding: 80px 0 60px;}
#f_deals h3 {}
#f_deals h3 .tit01 {padding: 25px 0 15px;line-height: 1.3;font-size: 17px; }
#f_deals h3 .tit02 {padding: 30px 0 38px;}
#f_deals h3 .tit02 span {font-size: 30px;}

#f_deals h3 .box .txt { }
#f_deals h3 .box .tit {}
#f_deals h3 .box .tit .min { font-size: 14px;}
#f_deals .dealslist { margin-top: 20px;width: 1100px;margin: 0 auto;}
#f_deals .dealslist li { width: 234px; margin-left: 21px; padding: 12px 12px 20px 12px;}
#f_deals .dealslist li:nth-child(4n+1) { margin-left: 0;}
#f_deals .dealslist li:nth-child(n+5) { margin-top: 20px;}
#f_deals .dealslist li .dealsimg {}
#f_deals .dealslist li .dealstag { font-size: 14px;}
#f_deals .dealslist li .dealstag .tag_e {}
#f_deals .dealslist li .dealstag .tag_j {}
#f_deals .dealslist li .dealstag .tag_h {}
#f_deals .dealslist li .dealstxt {}
}
/* --SP-- */
@media screen and (max-width: 750px) {
#f_deals { font-size: 1rem; padding: 12% 0 6.6%;margin-top: 80px;}
#f_deals .wrapper{ width: 95%; margin: 0 auto;}
#f_deals h3 { margin: 0 auto; position: absolute; top: -80px; left: 0; right: 0; height: 130px; width: 100%;}
#f_deals h3 .tit01 {font-size: 1rem;padding:10px 0;background-size: contain;  }
#f_deals h3 .tit02 {width: 90%;margin: 0 auto; font-size: 1.4rem;padding:15px 0 20px;background-size: contain;line-height: normal;}
#f_deals .dealslist {}
#f_deals .dealslist li { width: 49%; margin-left: 2%;}
#f_deals .dealslist li:nth-child(2n+1) { margin-left: 0;}
#f_deals .dealslist li:nth-child(n+3) { margin-top: 10px;}
#f_deals .dealslist li .dealsimg { margin-bottom: 5px;}
#f_deals .dealslist li .dealstag { font-size: .7rem; padding:0 10px; margin-bottom: 5px;}
#f_deals .dealslist li .dealstag .tag_e {}
#f_deals .dealslist li .dealstag .tag_j {}
#f_deals .dealslist li .dealstag .tag_h {}
#f_deals .dealslist li .dealstxt { font-size: .8rem; padding:5px 10px 10px 10px;}
}



/**********************************************************************

CV

**********************************************************************/
.offer_cont ul li {border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;-o-border-radius: 5px;-ms-border-radius: 5px;}
/* 無料体験 */
.offer_cont ul li.free {background: #ea576a; /* Old browsers */background: -moz-linear-gradient(top, #ea576a 0%, #e86877 49%, #e54e5f 51%, #e63a50 100%); /* FF3.6-15 */background: -webkit-linear-gradient(top, #ea576a 0%,#e86877 49%,#e54e5f 51%,#e63a50 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom, #ea576a 0%,#e86877 49%,#e54e5f 51%,#e63a50 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea576a', endColorstr='#e63a50',GradientType=0 ); /* IE6-9 */	position: relative;
margin-right: 20px;
width: 410px;}
.offer_cont ul li.free a {background: url(/img/common/icon_free_arrow.png) no-repeat center right 10px;display: block;}
.offer_cont ul li.free .ribon {background: url(/img/common/ribon.png) no-repeat center left;display: block;height: 90px;position: absolute;top: -7px;width: 72px;}
.offer_cont ul li.free .ribon .txt {color: #2e2e2e;padding: 28px 0;display: block;text-align: center;font-size: 17px;margin-left: -7px;line-height: 1.2;font-weight: bold;}
.offer_cont ul li.free .offer_txt {padding-left: 90px;font-size: 22px;display: block;line-height: 1.2;color: #fff;font-weight: bold;text-align: left;}
.offer_cont ul li.free .offer_txt .note {display: block;font-size: 15px;margin-top: 7px;}
/* 資料請求 */
.offer_cont ul li.request {background: #1ab762; /* Old browsers */
background: -moz-linear-gradient(top, #1ab762 0%, #1ab762 50%, #00af50 52%, #00af50 100%); /* FF3.6-15 */background: -webkit-linear-gradient(top, #1ab762 0%,#1ab762 50%,#00af50 52%,#00af50 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom, #1ab762 0%,#1ab762 50%,#00af50 52%,#00af50 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1ab762', endColorstr='#00af50',GradientType=0 ); /* IE6-9 */	position: relative;}
.offer_cont ul li.request a {background: url(/img/common/icon_request_arrow.png) no-repeat center right 10px;display: block;padding: 28px 10px 28px 20px;}
.offer_cont ul li.request .ribon {background: url(/img/common/ribon.png) no-repeat center left;display: block;height: 90px;position: absolute;top: -7px;width: 72px;}
.offer_cont ul li.request .ribon .txt {color: #2e2e2e;padding: 28px 0;display: block;text-align: center;font-size: 17px;margin-left: -7px;line-height: 1.2;letter-spacing: -0.05em;font-weight: bold;}
.offer_cont ul li.request .offer_txt {display: block;
line-height: 1.2;color: #fff;font-weight: bold;text-align: left;}
.offer_cont ul li.request .offer_txt .small {font-weight: bold;}
.offer_cont ul li.request .offer_txt .note {display: block;font-size: 15px;margin-top: 7px;}
.offer_cont ul li .utxt {color: #eaf20a;}

/* --PC-- */
@media screen and (min-width: 751px) {
.offer_cont ul {overflow: hidden;}
.offer_cont ul li {float: left;}
.offer_cont ul li.free {margin-right: 20px;width: 425px;}
.offer_cont ul li.free a {padding: 20px 10px 20px 20px;}
.offer_cont ul li.free .offer_txt {font-size: 19px;padding-left: 77px;}
.offer_cont ul li.request {width: 400px;}
.offer_cont ul li.request a {padding: 20px 10px 20px 20px;}
.offer_cont ul li.request .offer_txt {font-size: 19px;padding-left: 77px;}
}

/* --SP-- */
@media screen and (max-width: 750px) {
.offer_cont ul li.free {width: 90%;margin: 0 auto 20px;}
.offer_cont ul li.request {width: 90%;margin: 0 auto;}
.offer_cont ul li a {padding: 1.5rem 2rem 1.5rem 1rem;}
.offer_cont ul li.free .offer_txt, .offer_cont ul li.request .offer_txt {padding-left: 5rem;font-size: 1.3rem;}
.offer_cont ul li .utxt {display: block;font-size: .8rem;}
.offer_cont ul li .utxt {font-weight: bold;font-size: 1rem;}
}


	#request02_side {display: none!important;}
/* SPフローティング 質問はこちら */

/* --SP-- */
@media screen and (max-width: 750px) {
	._karte-g__T26_ ._karte-temp-btn-open__T26_ {z-index: 0;}
	#karte-c .karte-widget {z-index: 0!important;}
	#karte-c .karte-widget.karte-widget--bottom-mb {bottom: 60px!important;}
}


/*--20230601追加--*/
#wrap a.otherprice  {
	display: none;
	margin: 0 auto;
}
article.season ul.otherprice_list {
	list-style: disc;

}
article.season ul.otherprice_list li {
	text-align: left;
	margin: 10px 0;
		font-size: 1.1em;
	line-height: 140%;
}
article.season ul.otherprice_list li span {
	color: #fa6c2c;
	font-weight: bold;
}

#wrap a.c_intro img {
	display: block;
	margin: 10px auto;
}

/*--20231025追加--*/
#wrap .gnav-wrapper .gnav li .menu .inner li:nth-of-type(2),
#wrap .gnav-wrapper .gnav li .menu .inner li:nth-of-type(4) {
    display: none !important;
}
footer #f_menu .search ul li.harf:nth-of-type(1),
footer #f_menu .search ul li.harf:nth-of-type(3){
    display: none !important;
}
#search_area .area_list li:nth-of-type(1),
#search_area .area_list li:nth-of-type(3){
    display: none !important;
}
@media screen and (max-width: 750px) {
#wrap header #header_wrap ul li:nth-of-type(5) .sub_menu li:nth-of-type(1),
#wrap header #header_wrap ul li:nth-of-type(5) .sub_menu li:nth-of-type(3) {
    display: none !important;
}
}

/*--20240105追加--*/




#class_box h1 strong.new_class {
display: inline-block;
    margin-left: 3%;
    font-weight: bold;
    font-size: 1.8rem;
    color: #e53a50;
    text-decoration: underline;
    /* background: #e53a50; */
    /* padding: 5px; */
    /* line-height: 1; */
    /* vertical-align: middle; */
    /* border-radius: 3px;*/
}


/**　追加分　**/

/**検索窓調整**/
#search.new_search .wrapper {background-color: #e2edf8;}
.top_search_btn a {background: #1f4e79;}
.top_search_link ul li h4 {color: #000;}

/**PC追随ボタン**/
#side_info {bottom: 120px !important;}
#side_info .side_price .price-modal-open-button{padding:30px 10px;background-color:#ebe600;color:#000;border:none;border-radius:5px;font-size:1em;cursor:pointer}


/**CTAエリア**/
#cta-area {width: 100%;max-width: 1000px;margin:0 auto;}
.cta-bubble {position: relative;border: 3px solid #3a8bdb;border-radius: 10px;padding: 40px 20px;width: 100%;max-width: 780px;margin: 0 auto;background-color: #fff;text-align: center;font-size: 1.2em;color: #333;box-sizing: border-box;}
.cta-bubble::after {content: '';position: absolute;bottom: -40px;left: 50%;transform: translateX(-50%);width: 0;height: 0;border: 20px solid transparent;border-top-color: #3a8bdb;z-index: 1;}
.cta-bubble::before {content: '';position: absolute;bottom: -37px;left: 50%;transform: translateX(-50%);width: 0;height: 0;border: 20px solid transparent;border-top-color: #fff;z-index: 2;}

.cta-bubble .cta_tit {font-size: 32px;text-align: center;}
.cta-bubble .cta_tit .icon {font-weight: bold;font-size: 30px;}
.cta-bubble .cta_tit .col {color: #ec2e45;font-size: 50px;background: linear-gradient(transparent 70%, #fff285 30%);font-weight: bold;}
.cta-bubble .cta_tit .col strong {font-size: 90px;font-weight: bold;}
.cta-bubble .cta_tit .snote {font-size: 12px;display: block;text-align: center;margin-right: 45px;color: #686464/*#e4798b*/;} 

/* 無料体験　資料請求ボタン */
.cta-button-container {text-align: center;}
.cta-button-container ul {margin: 20px auto;letter-spacing: -0.4em;}
.cta-button-container ul li {display: inline-block;letter-spacing: normal;font-size: 20px;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;-o-border-radius: 5px;-ms-border-radius: 5px;box-shadow:0px 4px 0px -1px #b2c8d5;}
.cta-button-container ul li a {color:#fff;}
.cta-button-container ul li a:hover {opacity: 0.7;}

/* 無料体験 */
.cta-button-container ul li.free {background: #ea576a; /* Old browsers */background: -moz-linear-gradient(top, #ea576a 0%, #e86877 49%, #e54e5f 51%, #e63a50 100%); /* FF3.6-15 */background: -webkit-linear-gradient(top, #ea576a 0%,#e86877 49%,#e54e5f 51%,#e63a50 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom, #ea576a 0%,#e86877 49%,#e54e5f 51%,#e63a50 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea576a', endColorstr='#e63a50',GradientType=0 ); /* IE6-9 */	position: relative;margin-right: 20px;width: 410px;}
.cta-button-container ul li.free a {background: url(/lp-d/img/common/icon_free_arrow.png) no-repeat center right 10px;display: block;padding: 28px 10px 28px 20px;}
.cta-button-container ul li.free .ribon, .cta-button-container ul li.request .ribon {background:yellow; display: block; height: 70px; width: 75px; border-radius:5px; position: absolute; top: 20px; left:15px;}
.cta-button-container ul li.free .ribon .txt, .cta-button-container ul li.request .ribon .txt{color: #2e2e2e;padding: 15px 0; display: block;text-align: center;font-size: 17px;margin-left: -3px;line-height: 1.2;font-weight: bold;}
.cta-button-container ul li.free .offer_txt {padding-left: 90px;font-size: 22px;display: block;line-height: 1.2;color: #fff;font-weight: bold;text-align: left;}
.cta-button-container ul li.free .offer_txt .note {display: block;font-size: 15px;margin-top: 7px;}

/* 資料請求 */
.cta-button-container ul li.request {background: #1ab762; /* Old browsers */background: -moz-linear-gradient(top, #1ab762 0%, #1ab762 50%, #00af50 52%, #00af50 100%); /* FF3.6-15 */background: -webkit-linear-gradient(top, #1ab762 0%,#1ab762 50%,#00af50 52%,#00af50 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom, #1ab762 0%,#1ab762 50%,#00af50 52%,#00af50 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1ab762', endColorstr='#00af50',GradientType=0 ); /* IE6-9 */	position: relative;width: 410px;}
.cta-button-container ul li.request a {background: url(/lp-d/img/common/icon_request_arrow.png) no-repeat center right 10px;display: block;padding: 28px 10px 28px 20px;}
.cta-button-container ul li.request .offer_txt {padding-left: 90px;font-size: 22px;display: block;line-height: 1.2;color: #fff;font-weight: bold;text-align: left;}
.cta-button-container ul li.request .offer_txt .small {font-weight: bold;}
.cta-button-container ul li.request .offer_txt .note {display: block;font-size: 15px;margin-top: 7px;}

/* モーダル */
.price-list-container-wrap{padding:20px;width:100%;max-width:780px;margin:0 auto;box-sizing:border-box}
.price-list-container{padding:0;display:flex;gap:10px}
.price-list-container-wrap .label{background-color:#FF0;color:#FF0A00;font-size:12px;padding:5px;border-radius:5px;font-weight:700;margin-bottom:0;display:inline-block}
.price-list-container .table-container{width:33.3%}
.table-container table{width:100%;border-collapse:collapse;margin-top:10px}
.table-container th{padding:5px;text-align:center}
.table-container td{padding:5px;border-bottom:1px dotted #ddd;text-align:center}
.table-container th{background-color:#f1f1f1;font-weight:700;font-size:18px}
.table-container .elementary th{color:#FFF;background-color:#00D66B;border-radius:5px}
.table-container .middle-school th{color:#FFF;background-color:#FF6187;border-radius:5px}
.table-container .high-school th{color:#FFF;background-color:#00A4DE;border-radius:5px}
.table-container .grade{background-color:#BFBFBF;padding:3px 15px 2px;border-radius:5px;color:#FFF;display:inline-block}
.table-container .price{font-weight:700;color:#2d3748}
.table-container .original-price{color:#a0aec0;font-size:14px}
.price-list-container-modal{padding:20px 0px;width:100%;max-width:480px;margin:0 auto;position:relative;box-sizing:border-box}
.price-list-container-modal .price-list-container{display:block}
.price-list-container-modal .price-list-container .table-container{width:100%}
.price-list-container-modal .price-list-container .table-container td:first-child{width:25%;text-align:left;padding-left:10px}
.price-list-container-modal .label{background-color:#FF0;color:#FF0A00;font-size:12px;padding:5px 10px;border-radius:5px;font-weight:700;display:inline-block;position:absolute;top:15px;left:25px}
.price-list-notice p{font-size:12px;line-height:16px}
.price-list-notice span{display:block;padding:10px 0px 5px 0px;font-size:12px;line-height:16px}
.price-modal-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);justify-content:center;align-items:center;z-index:1000}
.price-modal-container{position:relative;display:flex;justify-content:center;align-items:center;padding:60px 20px 20px}
.price-modal-content{background-color:#fff;border-radius:8px;padding:20px;width:90%;max-width:450px;max-height:90vh;overflow-y:auto}
.price-modal-close-button{position:absolute;top:40px;right:20px;background-color:#FFF;border:1px solid #333;border-radius:50%;width:40px;height:40px;cursor:pointer;font-size:1.5em;line-height:1;text-align:center;color:#333;display:flex;justify-content:center;align-items:center;box-shadow:0 2px 10px rgba(0,0,0,0.2)}
.price-modal-content h1{background:#eaf20a;padding:5px;text-align:center;width:100%;max-width:380px;margin:0 auto}
.price-modal-content h1 img{vertical-align:bottom}

@media screen and (max-width: 750px) {
	html,body {overflow-x: hidden;}
    #search.new_search .wrapper {padding: 2vw 0;margin: 0 auto 40px auto;}
	.cta-bubble {padding: 10px 20px;}
	.cta-bubble .cta_tit {font-size: 1.1rem;margin: 1% 0 5.6%; line-height:0.9;border-bottom: solid 1px #b0e0e6;padding-bottom:15px;}
	.cta-bubble .cta_tit .icon {position: absolute;left: 0;top: -2rem;font-size: 1.2rem;color: #000;background-size: auto 18px;text-align: left;width: 100%;display: inline-table;}
	.cta-bubble .cta_tit .col {font-size: 1.8rem;letter-spacing: -0.05em;position: relative;}
	.cta-bubble .cta_tit .saidai{font-size:1rem; font-weight:bold;}/*****/
	.cta-bubble .cta_tit .col strong {font-size: 5rem;}
	.cta-bubble .cta_tit .snote {display: inline-block;margin-right: 0;font-size:0.7rem;}
	.cta-button-container ul li.request {display:none;}
	.cta-button-container ul {width: 100%;margin: 20px auto 10px;}
	.cta-button-container ul li {display: block;margin-bottom: 10px;font-size: 1rem;}
	.cta-button-container ul li {width: 100%;}
	.cta-button-container ul li.free {width: 100%;margin-right: 0;}
	.cta-button-container ul li.free .ribon{width: 60px; height:56px;top: 7px; left:10px;}
	.cta-button-container ul li.free .ribon .txt{font-size: 0.9rem;padding: 14px 0 0;}
	.cta-button-container ul li.free .offer_txt{padding-right: 10%;font-size: 1.2rem;padding-left: 80px;}
	.cta-button-container ul li .offer_txt .small {font-size: 1rem;font-weight: bold;}
	.cta-button-container ul li.free a {padding: 25px 10px;box-sizing: border-box;}
	.cta-button-container ul li.free a .icon_free{line-height: 20px;background-size: auto 20px;}

	.price-list-container-wrap{width:100%;max-width:480px;margin:0 auto;position:relative;box-sizing:border-box}
	.price-list-container-wrap .price-list-container{display:block}
	.price-list-container-wrap .price-list-container .table-container{width:100%}
	.price-list-container-wrap .price-list-container .table-container td:first-child{width:25%;text-align:left;padding-left:10px}
	.price-list-container-wrap .label{padding:5px 10px;display:inline-block;position:absolute;top:15px;left:25px}

	.appeal_sp .spOnly img{vertical-align: bottom;}
	.appeal_sp .spOnly button {background-color: transparent;border: none;padding:0;margin:0;}
}

#class_box h1 {width: 557px;font-size: 36px;line-height: 36px;}
#class_box h1 img{display:inline-block;width: 50%;vertical-align:baseline;}
#class_box h1 span {margin-top:0px;}
.price-list-container-wrap p.att_txt {width:100% !important;}

.arrow_box {width: 78px;}
.free_bnr {width: 624px;}
.price-modal-container p.att_txt {width: 100%;max-width: 250px;}

@media screen and (max-width: 750px) {
	#class_box h1{font-size: 1.4rem;line-height:1.4rem;}
	.free_bnr {width: 90%;}
	.arrow_box {width: 120px;}
}

.price_cont .inner_box {margin-bottom: 0px;}
.course_tit {margin-bottom:40px;}
#maincontents_cont .aboutcourse {margin-bottom:0px;padding-bottom: 40px;margin-top: -40px;}
.cr_box .menu label {padding: 15px 15px 15px 20px;}
.cr_box .menu label:after,.cr_box .menu input[type=checkbox]:checked + label:after {right: 20px;}



#wrap footer #f_nav {
    text-align: center;
}

#wrap footer #f_nav p.flogo{
    display: block!important;
}

#wrap footer #f_nav ul.fmenu {
    width: auto !important;
    margin: 20px auto 0px auto;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    text-align: center;
}

@media screen and (max-width: 750px) {
	#wrap footer #f_nav ul.fmenu {width: 100% !important;margin: 0;display: flex;flex-wrap: wrap;justify-content: center;}
	#wrap footer #f_nav ul.fmenu li:first-child {border: none;}
	#wrap footer #f_nav ul.fmenu li {display: flex;border: none;}
	#wrap footer #f_nav ul.fmenu li a {padding: .7rem 1rem .7rem 10px;font-size: .8rem;background: url(/lp-d/img/common/blue-arrow.png) no-repeat left center;}
}



/**********************************************************************
*
*　　 ■体験談 /start/experience.html
*
**********************************************************************/
.disnon {display: none;}
#exp_list {display: flex;justify-content: space-between;}
#exp_list li {font-weight: bold;cursor: pointer;color: #fff;text-align: center;}
#exp_list li.el {background: url(/lp-d/img/start/exp_arrow.png) no-repeat center bottom 15px #23b88d;}
#exp_list li.jr {background: url(/lp-d/img/start/exp_arrow.png) no-repeat center bottom 15px #f56684;}
#exp_list li.hi {background: url(/lp-d/img/start/exp_arrow.png) no-repeat center bottom 15px #42a2d7;}
#wrap .exp_wrap .sub_title.el {color:#23b88d;border-left: 10px solid #23b88d;}
#wrap .exp_wrap .sub_title.jr {color:#f56684;border-left: 10px solid #f56684;}
#wrap .exp_wrap .sub_title.hi {color:#42a2d7;border-left: 10px solid #42a2d7;}
#wrap .exp_wrap .exp_box li .img img {border: 4px solid #fff;border-radius: 4px;box-shadow:0px 0px 1px 2px #e0e0e0;border-style: solid;}
.exp_wrap .exp_box li .exp_txt .grade {display: inline-block;border-radius: 6px;color: #fff;font-weight: bold;width: 100%;text-align: center;}
.exp_wrap .exp_box li .exp_txt .grade .comment {font-weight: bold;background: url(/lp-d/img/map/icon_comment.png) no-repeat center left 15px;padding: 8px 25px 8px 40px;display: inline-block;}
.exp_wrap .exp_box li .exp_txt .tit {font-size: 21px;font-weight: bold;margin: 20px 0;}
.exp_wrap .exp_box li .exp_txt .txt {line-height:1.4;margin-bottom: 10px;color: #000;}
.exp_wrap .exp_box li .exp_txt .name {text-align: right;font-style: italic;color: #7d7d7d;line-height: 1.4;}
.exp_wrap.el .exp_box li .exp_txt .grade {background: url(/lp-d/img/map/comment_ps_bg.gif) repeat-x;}
.exp_wrap.el .exp_box li .exp_txt .tit {color:#23b88d;}
.exp_wrap.jr .exp_box li .exp_txt .grade {background: url(/lp-d/img/map/comment_jh_bg.gif) repeat-x;}
.exp_wrap.jr .exp_box li .exp_txt .tit {color:#f56684;}
.exp_wrap.hi .exp_box li .exp_txt .grade {background: url(/lp-d/img/map/comment_hs_bg.gif) repeat-x;}
.exp_wrap.hi .exp_box li .exp_txt .tit {color:#42a2d7;}


/* --PC-- */
@media screen and (min-width: 751px) {
#exp_list li {padding: 20px 0 40px;width: 270px;font-size: 18px;}
#exp_list li:hover {opacity: 0.8;}
.exp_wrap {margin: 40px 0;}
.exp_wrap .exp_box li {display: flex;justify-content: space-between;padding: 20px;margin: 30px 0;}
.exp_wrap .exp_box li .exp_txt {margin-left: 30px;}
}

/* --SP-- */
@media screen and (max-width: 750px) {
.exp_wrap .exp_box {padding: 4%;}
#exp_list li {width: 33.3%;padding: 10px 5px 30px;}
#exp_list li.el {background-position: center bottom 8px;background-size: auto 15px;}
#exp_list li.jr {background-position: center bottom 8px;background-size: auto 15px;}
#exp_list li.hi {background-position: center bottom 8px;background-size: auto 15px;}
.exp_wrap {margin: 20px 0;}
.exp_wrap .exp_box li {margin-bottom: 30px;}
.exp_wrap .exp_box li .exp_txt {margin-top: 20px;}
.exp_wrap .exp_box li .exp_txt .tit {font-size: 1.2rem;margin: 10px 0;}
#wrap .exp_wrap .exp_box li .img img {box-sizing: border-box;}
.exp_wrap .exp_box li .exp_txt .name {font-size: .8rem;}
.exp_wrap .exp_box li .exp_txt .grade .comment {font-size: .8rem;background-size: auto 15px;}
}






#class_box h1 span {display:inline-block;}
#class_box h1 strong.new_class {font-size: 36px;line-height: 36px;}

@media screen and (max-width: 750px) {
    #cont {padding-top: 50px;overflow: hidden;}
	#class_box h1 span {display:block;}
	#class_box h1 strong.new_class {font-size: 1.4rem;line-height: 1.4rem;}
}

#cont.details #classroom{padding: 30px 0 30px 0;}
#cont.details .wrap_inner {margin: 30px auto;}
#cont.details .listcont {padding: 20px 40px;}

#cont.details .free_btn {margin: 60px auto 60px auto;}
#cont.details #class_info section {margin-bottom: 0px;}
#cont.details #maincontents_cont {padding-bottom:0px;}
#cont.details .price_cont .inner_box {margin-bottom: 30px;}
#cont.details #main_cont {padding-bottom: 0px;}
#cont.details .project {padding-bottom: 30px;}

#cont.details .exp_wrap {margin: 0px}
#cont.details .exp_wrap .exp_box li {padding: 20px;margin: 10px 0;}
#cont.details #maincontents_cont.faq {padding-bottom: 30px;}
.new_classBox{background-color:#C00;color:#FFF;border-radius: 5px;padding:2px 5px;font-size:0.7em;margin-left:10px;vertical-align:4px;font-weight:bold;}
#cont.details #maincontents_cont #cont_tit {margin-bottom: 0px;}

@media screen and (max-width: 750px) {
	#cont.details #classroom #class_box .classRoomInfo .class_top {margin:0;padding:0px 20px 10px 20px;}
	#cont.details #classroom {padding: 50px 0 0 0;}
	#cont.details #class_info .listcont p {line-height: 1.4;}
	#cont.details .listcont {padding: 0px 40px;}
	#cont.details .g-map {padding: 20px 0px 10px 0px;}
	#cont.details .free_btn {margin:20px auto 40px auto;}
	#cont.details .price_cont .inner_box {margin-bottom:0px;}
	#cont.details #maincontents_cont .aboutcourse{padding-bottom:20px;}
	#cont.details .wrap_inner {margin:4% auto 4%;}
	#cont.details .exp_wrap .exp_box {padding:0 4%;}
    #cont.details .listcont {padding: 0px 40px 20px 40px;}

    #wrap footer #f_nav p.logo { margin: 30px auto 20px;}
	#wrap footer #f_nav {margin: 0px auto;}
	#copy {margin-top:10px;}
	.new_classBox{background-color:#DC143C;color:#FFF;border-radius: 5px;padding:2px 5px;font-size:0.7em;margin-left:10px;vertical-align:3px;font-weight:bold;}
	header #sp_menu ul li .arrow::before {right: -20px;}
	header #sp_menu .sidr p.arrow {width:fit-content;}
}

#cont.details #classroom #class_box .class_top{display:none;}
.fmenu li:last-child{display:none;}


.floating-banner {
text-align:center;
position: fixed;
z-index: 9999;
padding-top:10px;
left: 50%;
transform: translateX(-50%);
bottom: 0;
max-width: 1920px;
width: 100%;
height: min(calc((105 / 750)* 100vw), 105px);
background-color: rgba(255, 255, 255, 0.5);
}

.floating-banner img{
 width:80%;
 max-width:728px;
}

.floating-banner a:hover img{
    opacity: 1.0 !important;
}

.price_upper01-zeinuki {
    margin: 25px auto 25px;
    font-size: 3rem !important;
    font-weight: bold;
    color: #f75e7f;
    text-align: center;
    line-height: 0.5em;
}


@media screen and (max-width: 750px) {
.price_upper01-zeinuki {
        line-height: 0.9;
        font-size: 2.5rem !important;
        font-weight: bold;
        color: #f75e7f;
        margin: 15px 5px;
     }

#wrap header #header_wrap .sp_anchor li {
		width: auto;
		min-width:70px;
	}
}

#cont.details .txt_cont .sub{
border-left:4px solid #2E558C;
color:#2E558C;
font-weight:bold;
display: block;
padding:0px 10px 0px;
margin:8px 0px 3px;
}

@media screen and (max-width: 750px) {
    #wrap header #header_wrap .head_info {
        padding: 0px;
		
        margin: 0 auto;
    }

	a.jump_point {height: 1px;
		display: block;
		padding-top: 90px;
		margin-top: -90px;
	}

	#cont.details #class_info h3.inner_tit {
		margin:0px;
	}

	#wrap header #header_wrap .appeal_sp .call {
        padding: 2px 0px 3px 0px;
	}
}


#wrap header #header_wrap ul li#free a {padding:0px 19px;box-shadow:none !important;-webkit-box-shadow:none !important;}
#wrap header #header_wrap ul li#request a {padding:0px 19px;box-shadow:none !important;-webkit-box-shadow:none !important;}

@media screen and (max-width: 750px) {
    #wrap header #header_wrap .appeal_sp {
        position: fixed;
        bottom: 0;
        width: 100%;
        
        right: 0;
        left: 0;
        margin: 0 auto;
    }
}


.kaikou-modal-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);justify-content:center;align-items:center;z-index:1000}
.kaikou-modal-container{position:relative;display:flex;justify-content:center;align-items:center;padding:20px 0px 20px}
.kaikou-modal-content{border-radius:8px;padding:0px;width:100%;max-width:840px;max-height:85vh;overflow-y:auto}
.kaikou-modal-content{background:url(/lp-d/img/kaikou-cp/kaikou-cp_pc-bg.png) center center;background-repeat: no-repeat; background-size:cover;background-attachment: local;}
.kaikou-modal-content span img{width:80%;}
.kaikou-modal-content span.pcOnly,.kaikou-modal-content span.spOnly{text-align:center;width: 100%;display: block;}
.kaikou-modal-content span.note{text-align:left;font-size:13px !important;}

.kaikou-modal-close-button{position:absolute;top:0px;right:-20px;background-color:#FFF;border:1px solid #333;border-radius:50%;width:40px;height:40px;cursor:pointer;font-size:1.5em;line-height:1;text-align:center;color:#333;display:flex;justify-content:center;align-items:center;box-shadow:0 2px 10px rgba(0,0,0,0.2)}
.kaikou-modal-container .cta-button-container ul li {width:48.5%;}
.kaikou-modal-container .cta-button-container{margin-top:-60px;padding:0px 10px 10px 10px;}

.kaikou-modal-open-button{border:0;background:transparent;cursor: pointer;}
.kaikou-modal-open-button.pcOnly img{width:420px;}

@media screen and (max-width: 750px) {
	.kaikou-modal-content{width:90%;max-width:630px;}
	.kaikou-modal-open-button-Wrap{width:100%;margin:0 auto;padding:20px 0px 0px;text-align:center;}
	.kaikou-modal-open-button-Wrap.spOnly img{width:80%;max-width:375px;}
	.kaikou-modal-close-button{position:absolute;top:0px;right:0px;}
	.kaikou-modal-container .cta-button-container{margin-top:-40px;padding:10px 10px 20px 10px;}

	.kaikou-modal-container .cta-button-container ul li {width:100%;}
	.kaikou-modal-container .cta-button-container ul li.request {display:block;}
	.kaikou-modal-content{background:url(/lp-d/img/kaikou-cp/kaikou-cp_sp-bg.png) center center;background-repeat: no-repeat; background-size:100%;background-attachment: local;}
	.kaikou-modal-container .cta-button-container ul li.free .offer_txt{padding-right: 10%;font-size: 1.1rem;padding-left: 80px;}
	.kaikou-modal-container .cta-button-container ul li.request {width: 100%;margin-right: 0;}
	.kaikou-modal-container .cta-button-container ul li.request .ribon{width: 60px; height:56px;top: 7px; left:10px;}
	.kaikou-modal-container .cta-button-container ul li.request .ribon .txt{font-size: 0.9rem;padding: 14px 0 0;}
	.kaikou-modal-container .cta-button-container ul li.request .offer_txt{padding-right: 10%;font-size: 1.1rem;padding-left: 80px;}
	.kaikou-modal-container .cta-button-container ul li.request .offer_txt .small {font-size: 1rem;font-weight: bold;}
	.kaikou-modal-container .cta-button-container ul li.request a {padding: 25px 10px;box-sizing: border-box;}
	.kaikou-modal-container .cta-button-container ul li.request a .icon_free{line-height: 20px;background-size: auto 20px;}

}