/*---------------------------------------
 custom properties
---------------------------------------*/

/*---------------------------------------
custom mediaquery
---------------------------------------*/


/*---------------------------------------
 base
---------------------------------------*/
body {
	/*font-size: 14px;*/
	line-height: 170%;
	color: #333;
	font-family: 'Quicksand', "游ゴシック" , "メイリオ" , "Yu Gothic" , sans-serif;
    overflow-x: hidden;
}
.wrap{
	max-width: 1090px;
	margin-left: auto;
	margin-right: auto;
}
a{
	color: #333;
	text-decoration: none;
	font-size: 14px;
}

a:focus,
a:hover{
	color: #d47d9e;
	text-decoration: underline;
	border: none;
}
a img{
	 border: none;
}
a img:focus,
a img:hover{
	opacity: 0.75;
	border: none;
}
:focus{
	outline: none;
}
.a_gray a{
	color: #666;
	text-decoration: none;
}
.a_gray a:hover{
	color: #d47d9e;
	text-decoration: none;
}
img{
	display: block;
	padding: 0;
	margin: 0;
	max-width: 100%;
	height: auto;
}

.flt_box{
	overflow: hidden;
	zoom: 1;
}
.flt_l{
	float: left;
}
.flt_r{
	float: right;
}
.english,
.english a{
	font-size: 110%;
}
.small{
	font-size: 80%;
}
.xsmall{
	font-size: 60%;
}
.bold{
	font-weight: bold;
}
.aln_c{
	text-align: center;
}
.aln_r{
	text-align: right;
}
.dis_block{
	display: block;
}
.lh_1{
	line-height: 1;
}
.sec_block{
	margin-bottom: 16px;
	margin-bottom: 1rem;
}
.sec_block03{
	margin-bottom: 48px;
	margin-bottom: 3rem;
}
.txt_red{
	color: #EF4545;
}
.txt_uchikeshi{
	text-decoration: line-through;
}


/*---------------------------------------
content
---------------------------------------*/
.content{
	padding-right: 32px;
	padding-right: 2rem;
}

/*---------------------------------------
side_content
---------------------------------------*/
.side_content{
	padding-top: 48px;
	padding-top: 3rem;
}
.side_menu{
	border-bottom: 1px dashed #333;
	padding-bottom: 4px;
	padding-bottom: 0.3rem;
	margin-bottom: 19px;
	margin-bottom: 1.2rem;
}
.side_menu a{
	font-size: 150%;
	font-weight: bold;
	padding-left: 32px;
	padding-left: 2rem;
	background: url(../images/ico_arrow.png) no-repeat 8px center;
	background: url(../images/ico_arrow.png) no-repeat 0.5rem center;
	color: #595757;
}
.side_menu a:hover,
.side_menu a:focus,
.side_menu a:active{
	color: #d47d9e;
	text-decoration: none;
}
.bdb_dashed{
	border-bottom: 1px dashed #000;
}

/*---------------------------------------
 Youtubeレスポンシブ対応
---------------------------------------*/
.youtube {
  position: relative;
  width: 100%;
  padding-top: 72.7%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

/*---------------------------------------
image
---------------------------------------*/
.img_bdr_gray{
	border: 1px solid #999;
	padding: 7px;
	box-sizing: border-box;
}
.news_block_det_outer .img_bdr_gray{
	padding: 4px;
}

/*---------------------------------------
nav-drawer
---------------------------------------*/
.drawer-menu{
	padding-top: 16px;
	padding-top: 1rem;
}
.drawer-menu-item:hover,
.drawer-menu-item:active,
.drawer-menu-item:focus{
	color: #d47d9e;
	text-decoration: none;
}


/*---------------------------------------
header
---------------------------------------*/
.head_tel_gloup{
	width: 230px;
}
.head_logo{
	padding-right: 32px;
	padding-right: 2rem;
}
.head_content{
	padding: 11px 0;
	padding: 0.7rem 0;
}


/*---------------------------------------
bread
---------------------------------------*/
.bread{ margin-bottom: 0; font-size: 85%;}
.bread a,
.bread .current{
	color: #6db3ce;
	font-size: 100%;
	padding: 0 8px;
	padding: 0 0.5rem;
}
.bread a:first-child{
	padding: 0 8px 0 0;
	padding: 0 0.5rem 0 0;
}
.bread_crumb{
	overflow: hidden;
	zoom: 1;
}


/*---------------------------------------
main_visual
---------------------------------------*/
.visual {
    text-align: center;
    background: url(../images/main.jpg) no-repeat center center;
	height: 487px;
}
@media (min-width: 1200px){
	.visual {
	    background-size: cover;
	}
}


/*---------------------------------------
ttl_bar
---------------------------------------*/
.ttl_bar{
	background: #eecbd8;
	text-align: center;
	padding: 83px 0 64px 0;
	padding: 5.2rem 0 4rem 0;
	margin-bottom: 24px;
	margin-bottom: 1.5rem;
}
.ttl_bar_ttl{
	font-size: 210%;
	font-weight: bold;
	color: #6db3ce;
	margin-bottom: 8px;
	margin-bottom: 0.5rem;
}
.ttl_bar_ttl_cap{
	color: #6db3ce;
	font-size: 90%;
}


/*---------------------------------------
gloval_nav
---------------------------------------*/
.gloval_nav{
	background: #6db3ce;
}
.gloval_nav ul{
	padding: 0 0 0 1px;
	background: url(../images/g_menu_line.png) no-repeat left center;
}

.gloval_nav01,
.gloval_nav02,
.gloval_nav03,
.gloval_nav04,
.gloval_nav05,
.gloval_nav06,
.gloval_nav07{
	width: 14%;
	padding: 0 1px 0 0;
	background: url(../images/g_menu_line.png) no-repeat right center;
}

/* PagiNation
--------------------------- */
.pagiNation {
	bottom: 30px;
	left: 0;
	width: 100%;
	height: 15px;
	text-align: center;
	position: fixed; /* absolute or fixed */
	z-index: 80; /* 非表示にする場合は「90」以下に */
	visibility: hidden; /* 非表示にする場合は「hidden」に */
}
.pagiNation a {
	margin: 0 5px;
	width: 20px;
	height: 20px;
	display: inline-block;
	overflow: hidden;
	background: #000;
}
.pagiNation a.pnActive {
	filter:alpha(opacity=100)!important;
	-moz-opacity: 1!important;
	opacity: 1!important;
}

/*---------------------------------------
ttl style
---------------------------------------*/
.ttl_basic{
	font-size: 210%;
	font-weight: bold;
	border-bottom: 4px solid #6db3ce;
	color: #6db3ce;
	padding-bottom: 12px;
	padding-bottom: 0.8rem;
    padding-top: 48px;
    padding-top: 3rem;
    margin-bottom: 19px;
    margin-bottom: 1.2rem;
	line-height: 120%;
}
.ttl_cap{
	font-size: 46%;
	color: #595757;
	font-weight: bold;
	padding-left: 20px;
	padding-left: 1.3rem;
}
.ttl_gray{
	font-size: 150%;
	color: #3E3A39;
	font-weight: bold;
	border-bottom: 1px dashed #231815;
	padding-bottom: 12px;
	padding-bottom: 0.8rem;
    margin-bottom: 24px;
    margin-bottom: 1.5rem;
}
.ttl_gray_center{
	font-size: 190%;
	color: #3E3A39;
	text-align: center;
	padding: 27px 0;
	padding: 1.7rem 0;
}
.ttl_gray_center_m{
	font-size: 150%;
	font-weight: bold;
	text-align: center;
	line-height: 160%;
	padding: 24px 0;
	padding: 1.5rem 0;
}
.ttl_gray_center_pink_m{
	border: 4px solid #e1dfdf;
    box-sizing: border-box;
    padding: 16px;
    padding: 1rem;
    margin-bottom: 16px;
    margin-bottom: 1rem;
	color: #d47d9e;
    font-weight: bold;
    font-size: 140%;
    margin-bottom: 1rem;
}
.txt_pink{
	color: #d47d9e;
    font-weight: bold;
    font-size: 140%;
}
.ttl_blue_square{
	font-size: 110%;
	color: #3E3A39;
	font-weight: bold;
	border: 5px solid #E8E7E7;
	padding: 4px 16px;
	padding: 0.3rem 1rem;
    margin-bottom: 16px;
    margin-bottom: 1rem;
}
.ttl_basic_side{
	font-size: 170%;
	font-weight: bold;
	border-bottom: 3px solid #6db3ce;
	color: #6db3ce;
	padding-bottom: 12px;
	padding-bottom: 0.8rem;
    margin-bottom: 24px;
    margin-bottom: 1.5rem;
}
.ttl_ico_square{
	font-size: 150%;
	line-height: 160%;
	border-bottom: 1px dashed #231815;
	padding-bottom: 12px;
	padding-bottom: 0.8rem;
    margin-bottom: 24px;
    margin-bottom: 1.5rem;
}
.ttl_ico_square span{
	font-weight: bold;
	padding-left: 40px;
	padding-left: 2.5rem;
	background: url(../images/ico_square.png) no-repeat left center;
}
.ttl_ico_largecirle_01{
	font-size: 150%;
	font-weight: bold;
	padding: 35px 0 35px 112px;
	padding: 2.2rem 0 2.2rem 7rem;
	margin-bottom: 16px;
	margin-bottom: 1rem;
	background: url(../images/about_ico_01.png) no-repeat left center;
}
.ttl_ico_largecirle_02{
	font-size: 150%;
	font-weight: bold;
	padding: 35px 0 35px 112px;
	padding: 2.2rem 0 2.2rem 7rem;
	margin-bottom: 16px;
	margin-bottom: 1rem;
	background: url(../images/about_ico_02.png) no-repeat left center;
}
.ttl_ico_largecirle_03{
	font-size: 150%;
	font-weight: bold;
	padding: 35px 0 35px 112px;
	padding: 2.2rem 0 2.2rem 7rem;
	margin-bottom: 16px;
	margin-bottom: 1rem;
	background: url(../images/about_ico_03.png) no-repeat left center;
}
.ttl_ico_largecirle_01.point{
	background: url(../images/point_ico_01.png) no-repeat left center;
}
.ttl_ico_largecirle_02.point{
	background: url(../images/point_ico_02.png) no-repeat left center;
}
.ttl_ico_largecirle_03.point{
	background: url(../images/point_ico_03.png) no-repeat left center;
}
.ttl_ico_largecirle_04.point{
	font-size: 150%;
	font-weight: bold;
	padding: 35px 0 35px 112px;
	padding: 2.2rem 0 2.2rem 7rem;
	margin-bottom: 16px;
	margin-bottom: 1rem;
	background: url(../images/point_ico_04.png) no-repeat left center;
}
.ttl_ico_largecirle_05.point{
	font-size: 150%;
	font-weight: bold;
	padding: 35px 0 35px 112px;
	padding: 2.2rem 0 2.2rem 7rem;
	margin-bottom: 16px;
	margin-bottom: 1rem;
	background: url(../images/point_ico_05.png) no-repeat left center;
}
.ttl_square{
	font-size: 190%;
	font-weight: bold;
	border: 2px solid #6db3ce;
	color: #6db3ce;
	line-height: 160%;
	padding: 48px 64px;
	padding: 3rem 4rem;
	margin-bottom: 24px;
	margin-bottom: 1.5rem;
}
.ttl_gray_s{
	font-size: 110%;
	font-weight: bold;
	margin-bottom: 8px;
	margin-bottom: 0.5rem;
}
.ttl_blue_bold{
	color: #d47d9e;
	font-weight: bold;
	font-size: 140%;
	margin-bottom: 3px;
	margin-bottom: 0.2rem;
}

/*---------------------------------------
text
---------------------------------------*/
.date{
	padding-right: 12px;
	padding-right: 0.8rem;
}
.content_block{
	margin-bottom: 32px;
	margin-bottom: 2rem;
}
.content_block:last-child{
	margin-bottom: 0;
}
.effect_txt{
	font-size: 110%;
	font-weight: bold;
}
.effect_box{
	border: 4px solid #e1dfdf;
	box-sizing: border-box;
	padding: 16px;
	padding: 1rem;
	margin-bottom: 16px;
	margin-bottom: 1rem;
}


/*---------------------------------------
icon
---------------------------------------*/
.ico_news{
	font-size: 80%;
	color: #fff;
	background: #727171;
	border-radius: 3px;
	padding: 3px 0 2px 0;
	padding: 0.2rem 0 0.15rem 0;
	line-height: 1;
	text-align: center;
	display: inline-block;
	width: 96px;
	width: 6rem;
}
.ico_ribarta{
	font-size: 80%;
	color: #fff;
	background: #6db3ce;
	border-radius: 3px;
	padding: 3px 0 2px 0;
	padding: 0.2rem 0 0.15rem 0;
	line-height: 1;
	text-align: center;
	display: inline-block;
	width: 96px;
	width: 6rem;
}


/*---------------------------------------
faq
---------------------------------------*/
.faq_list{
	margin-bottom: 24px;
	margin-bottom: 1.5rem;
	padding-bottom: 32px;
	padding-bottom: 2rem;
	border-bottom: 1px dashed #999;
}
.faq_list_q{
	position: relative;
	padding: 16px 0;
	padding: 1rem 0 1rem 4rem;
}
.faq_list_qtxt{
	font-size: 150%;
	color: #d47d9e;
	padding-left: 64px;
	padding-left: 4rem;
	padding-left: 0;
}
.faq_list_qicon{
	color: #fff;
	font-size: 200%;
	background: #d47d9e;
	text-align: center;
	padding: 11px 0;
	padding: 0.7rem 0;
	border-radius: 50%;
	width: 45px;
	height: 45px;
	box-sizing: border-box;
	overflow: hidden;
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
}
.faq_list_a{
	padding: 24px 28px 24px 64px;
	padding: 1.5rem 1.8rem 1.5rem 4rem;
	background: #ffebe8;
	position: relative;
	border-radius: 5px;
}
.faq_list_aicon{
	color: #fff;
	font-size: 120%;
	background: #E66363;
	text-align: center;
	padding: 4px 0;
	padding: 0.25rem 0;
	border-radius: 50%;
	width: 30px;
	height: 30px;
	box-sizing: border-box;
	overflow: hidden;
	display: inline-block;
	position: absolute;
	top: 16px;
	top: 1rem;
	left: 24px;
	left: 1.5rem;
}



/*---------------------------------------
news
---------------------------------------*/
.news_block{
	border-bottom: 1px dashed #333;
	padding-bottom: 16px;
	padding-bottom: 1rem;
	margin-bottom: 16px;
	margin-bottom: 1rem;
}
.news_block_det{
	padding-bottom: 16px;
	padding-bottom: 1rem;
	margin-bottom: 16px;
	margin-bottom: 1rem;
}
.news_block_det_outer{
	border-bottom: 1px dashed #333;
	position: relative;
	margin-bottom: 16px;
	margin-bottom: 1rem;
}
.news_block_det_outer img{
	margin-bottom: 16px;
	margin-bottom: 1rem;
}
.date_block{
	margin-bottom: 4px;
	margin-bottom: 0.3rem;
}
.exp a {
	font-size: 124%;
}
.news_block:last-child{
	margin-bottom: 0;
}




/*---------------------------------------
form
---------------------------------------*/
input[type="text"],
textarea,
input[type="email"]{
	padding: 8px 12px;
	padding: 0.5rem 0.8rem;
	border-radius: 5px;
	border: 1px solid #ccc;
	font-size: 100%;
	width: 60%;
}
.form_radio li{
	padding-right: 16px;
	padding-right: 1rem;
}
input[type="checkbox"]{
	font-size: 19px;
	font-size: 1.2rem;
}
.table_style{
	display: table-cell;
	vertical-align: middle;
}
.tablecell_schoolname{
	width: 15%;
}
.form_block{
	padding: 32px 16px;
	padding: 2rem 1rem;
	border-top: 1px solid #ccc;
}
.form_txt{
	font-size: 110%;
}
input[type="submit"]{
	border: none;
	cursor: pointer;
	color: #fff;
}

.recruit_komoku{
	padding: 12px 24px;
	padding: 0.8rem 1.5rem;
	background: #37AE3D;
	background: rgba(55, 174, 61, 0.24);
	color: #666;
	font-weight: bold;
	font-size: 110%;
	box-sizing: border-box;
	margin-bottom: 3px;
}
.recruit_naiyo{
	padding: 8px 12px;
	padding: 0.5rem 0.8rem;
	background: #fff;
	padding: 12px 24px;
	padding: 0.8rem 1.5rem;
	border-left: 3px solid #f8fdff;
	box-sizing: border-box;
	margin-bottom: 3px;
}
.recruit_head{
	padding: 8px 12px;
	padding: 0.5rem 0.8rem;
	background: #33AD37;
	background: rgba(51, 173, 55, 0.37);
	padding: 12px 24px;
	padding: 0.8rem 1.5rem;
	border-left: 3px solid #f8fdff;
	color: #666;
	font-weight: bold;
	text-align: center;
	box-sizing: border-box;
}
.rec_list_ttl{
	color: #6db3ce;
	font-weight: bold;
}
.recruit_naiyo:nth-child(even){
	background: url("../images/bg_stripe_lightgray.png");
}
.recruit_naiyo:nth-child(odd){
	background: url("../images/bg_stripe_gray.jpg");
}
.form_check{
	margin-right: 16px;
	margin-right: 1rem;
	margin-bottom: 16px;
	margin-bottom: 1rem;
}
button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover{
	border-color: none;
    box-shadow: none;
}
button, input[type="button"], input[type="reset"], input[type="submit"]{
	background: #6db3ce;
    box-shadow: none;
}
.rec_sp_cap{
	display: none;
}
.school_select,
.school_prefecture option{
	font-size: 110%;
}
.school_select .col-md-12{
	margin-bottom: 16px;
	margin-bottom: 1rem;
}
.school_select .col-md-12 span{
	padding-left: 8px;
	padding-left: 0.5rem;
}
.select-wrap{
position:relative;
overflow:hidden;
display:inline-block;
min-width:192px;
min-width:12em;
background-color:#ffffff;
border:1px solid #c0c0c0;
color:#333;
font-size: 110%;
margin-right: 8px;
margin-right: 0.5rem;
}

.select-wrap select{
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
position:relative;
z-index:2;
display:block;
width:200%;/* fallback non calc support */
width:-webkit-calc(100% + 5em);
margin:0;
padding:11px 35px 11px 11px;
padding: 11px 35px 11px 11px;
padding:.6875rem 2.1875rem .6875rem .6875rem;
background:transparent;
border:0;
outline:none;
font-size:16px;
font-size: 16px;
font-size:1rem;
line-height:1.5;
}

.entypo-down-open-mini:before{
/* content:''; 今回のサンプルはCDNを使っているため指定していないけど指定する必要があります。 */
font-family:'entypo',sans-serif;
position:absolute;
z-index:1;
top:50%;
right:12px;
right: 12px;
right:.75rem;
margin-top:-8px;
margin-top: -8px;
margin-top:-.5rem;
font-size:16px;
font-size: 16px;
font-size:1rem;
line-height:1;
color:#333;
}

.submit_btn,
input[type="submit"]{
	background: #9f8d47;
	color: #fff;
	border-radius: 5px;
	padding: 11px 0;
	padding: 0.7rem 0;
	font-size: 120%;
	border: 1px solid #ccc;
	text-align: center;
	width: 30%;
	cursor: pointer;
	margin-left: auto;
	margin-right: auto;
	display: block;
}
.order_btn{
	background: #9f8d47;
	color: #fff;
	border-radius: 5px;
	padding: 4px 0;
	padding: 0.3rem 0;
	font-size: 100%;
	border: 1px solid #ccc;
	text-align: center;
	cursor: pointer;
	margin-left: auto;
	margin-right: auto;
	display: inline-block;
	width: 60%;
}
.order_btn:visited{
	color: #fff;
}
.order_btncell{
	text-align: center;
	padding: 5px;
}
.submit_btn:hover,
.order_btn:hover,
input[type="submit"]:hover{
	background: #827132;
	cursor: pointer;
	color: #fff;
	text-decoration: none;
	border: 1px solid #827132;
}
input.freeword{
	width: 30%;
}
.how_dvd{
	width: 90%;
	height: 64px;
	height: 64px;
	height: 4rem;
}
.bdb_dashed{
	border-bottom: 2px dotted #ccc;
	margin-bottom: 32px;
	margin-bottom: 32px;
	margin-bottom: 2rem;
}
.msg_photo{
	margin-bottom: 32px;
	margin-bottom: 32px;
	margin-bottom: 2rem;
	margin-left: 32px;
	margin-left: 32px;
	margin-left: 2rem;
}
.errors{
	color: #EF4545;
	border: 1px solid #EF4545;
	border-radius: 5px;
	padding: 1rem;
	background: #fff4f4;
	margin-bottom: 1rem;
}
.errors li{
	list-style: inside disc;
}
.freeword_box{
	position: relative;
}
.freeword_txt{
	position: absolute;
	top: 1.8rem;
	left: 0;
}


/*---------------------------------------
footer
---------------------------------------*/
.bg_yellow{
	background: #eecbd8;
	padding: 64px 0;
	padding: 4rem 0;
}
.bg_blue{
	background: #6db3ce;
	padding: 48px 0 32px 0;
	padding: 3rem 0 2rem 0;
	color: #fff;
}
.bg_blue a{
	color: #fff;
}
.bg_blue a:hover,
.bg_blue a:active,
.bg_blue a:focus{
	color: #d47d9e;
	text-decoration: none;
}
.foot_menu li{
	list-style: disc inside;
}
.foot_cont_01{
	border-right: 1px solid #91c6da;
	padding-bottom: 32px;
	padding-bottom: 2rem;
}
.copyright{
	background: #383635;
	color: #fff;
	text-align: center;
	padding: 8px 0;
	padding: 0.5rem 0;
}

/*---------------------------------------
gototop
---------------------------------------*/
.gototop{
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size: 77%;
	z-index: 300;
}
.gototop i{
	display: block;
}
.gototop a i{
	font-size: 160%;
}
.gototop a {
	background: #000000;
	background: rgba(0, 0, 0, 0.3);
	text-decoration: none;
	color: #fff;
	font-weight: bold;
	width: 70px;
	height: 70px;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	border-radius: 50%;
	box-sizing: border-box;
}
.gototop a:hover {
	text-decoration: none;
	background: #000000;
	background: rgba(0, 0, 0, 0.4);
}



/*---------------------------------------
pagenation
---------------------------------------*/
.single_navi{
	overflow: hidden;
	zoom: 1;
}
.post_previous{
	float: left;
	display: table;
}
.post_next{
	float: right;
	display: table;
}
.previous_ico{
	background: #6db3ce;
	color: #fff;
	font-size: 90%;
	display: table-cell;
	border-radius: 50%;
	width: 23px;
	width: 1.45rem;
	height: 16px;
	height: 1rem;
	text-align: center;
	margin-right: 8px;
	margin-right: 0.5rem;
	vertical-align: middle;
}
.post_previous a{
	display: table-cell;
	vertical-align: middle;
	padding-left: 8px;
	padding-left: 0.5rem;
}
.post_next a{
	display: table-cell;
	vertical-align: middle;
	padding-right: 8px;
	padding-right: 0.5rem;
}


/*---------------------------------------
table
---------------------------------------*/
.table_item{
	font-weight: bold;
	font-size: 110%;
}
.table_head{
	font-size: 90%;
}
.bdr_light td{
	background: #edfcfc;
}
.bdr_dark td{
	background: #f7fde6;
}
.listtable{
	border-bottom: 3px solid #666;
}
table.dvd_list{
	width: 100%;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
table.school_list{
	width: 100%;
	border-left: 3px solid #666;
	border-right: 3px solid #666;
	border-top: 3px solid #666;
}
.school_list th,
.school_list td{
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 5px;
	vertical-align: middle;
}
.dvd_list th,
.dvd_list td{
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 16px;
	padding: 1rem;
	vertical-align: middle;
}
.school_list th{
	text-align: center;
	background: #ebebeb;
}
.school_list th{
	text-align: center;
}

.tablecell th{
	text-align: center;
	font-weight: bold;
	font-size: 80%;
	width: 17%;
	color: #666;
}
.tablecell th:last-of-type {
	width: auto;
}
.listtable table:nth-child(even) th,
.listtable table:nth-child(even) td{
	background: #f1f1f1;
}
.listtable table:nth-child(odd) th,
.listtable table:nth-child(odd) td{
	background: #fdfad2;
}

.tb_short{
	width: 10%;
}
.tb_short_s{
	width: 7%;
}
.tablestyle{
	display: table;
	width: 100%;
}
.tablecell_th,
.tablecell_td{
	display: table-cell;
	padding: 9px 8px 6px 8px;
	padding: 0.6rem 0.5rem 0.4rem 0.5rem;
	border-bottom: 1px solid #ddd;
}
.tablecell_th{
	font-weight: bold;
	width: 32%;
	font-size: 90%;
}
.tablecell_th_profile,
.tablecell_td_profile{
	display: table-cell;
	padding: 16px 16px 12px 16px;
	padding: 1rem 1rem 0.8rem 1rem;
}
.tablecell_th_profile{
	font-weight: bold;
	width: 22%;
	font-size: 100%;
	border-right: 1px solid #ddd;
	color: #666;
}
.tablecell_td_profile{
	font-size: 110%;
	text-align: left;
}
.tablecell_form_th {
	font-weight: bold;
	width: 22%;
	font-size: 90%;
}
.thbg_01{
	background: #ebebeb;
}
.thbg_02{
	background: #F7F6F6;
}
.block_profile{
	margin-bottom: 48px;
	margin-bottom: 3rem;
	text-align: center;

}
.bdr_b_dashed{
	border-bottom: 1px dashed #999;
	margin-bottom: 48px;
	margin-bottom: 3rem;
}
.profile_img{
	margin-bottom: 16px;
	margin-bottom: 1rem;
	margin-left: auto;
	margin-right: auto;
}
.list_4column{
	width: 25%;
}
.list_aln_c th,
.list_aln_c td{
	text-align: center;
}
.school_list td.teacher_school a {
	color: #0000ff;
}

/*---------------------------------------
column box
---------------------------------------*/
.list_style_indent{
	padding-left: 16px;
	padding-left: 1rem;
}
.list_style_disc{
	list-style: disc inside;
}
.box_bd_gray{
	padding: 16px 32px;
	padding: 1rem 2rem;
	border: 1px solid #ccc;
}
.list_largenumber{
	font-size: 125%;
	padding-bottom: 48px;
	padding-bottom: 3rem;
	font-weight: bold;
	color: #555;
}
.list_largenumber span{
	font-size: 160%;
	padding-right: 16px;
	padding-right: 1rem;
	color: #d47d9e;
}
.list_large{
	font-size: 110%;
	padding-bottom: 16px;
	padding-bottom: 1rem;
	font-weight: bold;
	color: #555;
	list-style: square inside;
}
.sitemap_menu li{
	padding-bottom: 16px;
	padding-bottom: 1rem;

}
.sitemap_menu a{
	font-size: 120%;
	padding-left: 32px;
	padding-left: 2rem;
	background: url(../images/ico_arrow.png) no-repeat 8px center;
	background: url(../images/ico_arrow.png) no-repeat 0.5rem center;
}
.go_report{
	position: absolute;
	right: 15px;
	bottom: 0;
}
.go_report a{
	font-size: 100%;
	padding-left: 24px;
	padding-left: 1.5rem;
	background: url(../images/ico_arrow.png) no-repeat 8px center;
	background: url(../images/ico_arrow.png) no-repeat 0.5rem center;
}
.book_dvd_block{
	text-align: center;
	margin-bottom: 32px;
	margin-bottom: 2rem;
}
.item_area{
	background: #fff;
	border: 6px solid #ebebeb;
	padding: 24px 32px;
	padding: 1.5rem 2rem;
	margin-bottom: 16px;
	margin-bottom: 1rem;
}
.item_area_inner_blue{
	background: #fff;
	border: 2px solid #83B0F1;
	padding: 24px 32px;
	padding: 1.5rem 2rem;
	margin-bottom: 16px;
	margin-bottom: 1rem;
}
.item_area_inner_bluetxt{
	color: #83B0F1;
}
.item_area_inner_red{
	background: #fff;
	border: 2px solid #ccc;
	padding: 24px 32px;
	padding: 1.5rem 2rem;
	margin-bottom: 16px;
	margin-bottom: 1rem;
}
.item_area_inner_redtxt{
	color: #ccc;
}
.item_area img{
	margin-left: auto;
	margin-right: auto;
}
.policy{
	border: 1px solid #ccc;
	background: #F7F6F6;
	padding: 16px;
	padding: 1rem;
	height: 160px;
	height: 10rem;
	overflow:scroll;
	margin-bottom: 48px;
	margin-bottom: 3rem;
	color: #666;
}
.policy h3,
.policy h4,
.policy h5{
	font-weight: bold;
	margin-bottom: 16px;
	margin-bottom: 1rem;
}
.policy p{
	margin-bottom: 16px;
	margin-bottom: 1rem;
}
.policy ol,
.policy ul{
	margin-left: 16px;
	margin-left: 1rem;
	margin-bottom: 16px;
	margin-bottom: 1rem;
}
.policy .modify{
	text-align: right;
}

/*---------------------------------------
padding
---------------------------------------*/
.pdg_t05rem{
	padding-top: 8px;
	padding-top: 0.5rem;
}
.pdg_r1rem{
	padding-right: 16px;
	padding-right: 1rem;
}
.pdg_b1rem{
	padding-bottom: 16px;
	padding-bottom: 1rem;
}
.pdg_b15rem{
	padding-bottom: 24px;
	padding-bottom: 1.5rem;
}
.pdg_b2rem{
	padding-bottom: 32px;
	padding-bottom: 2rem;
}
.box404{
	padding: 128px 0;
	padding: 8rem 0;

}

/*---------------------------------------
margin
---------------------------------------*/
.txt_mgn_b{
	margin-bottom: 32px;
	margin-bottom: 2rem;
}
.mgn_auto{
	margin-left: auto;
	margin-right: auto;
}
.mgn_t05rem{
	margin-top: 8px;
	margin-top: 0.5rem;
}
.mgn_t1rem{
	margin-top: 16px;
	margin-top: 1rem;
}
.mgn_t2rem{
	margin-top: 32px;
	margin-top: 2rem;
}
.mgn_t4rem{
	margin-top: 64px;
	margin-top: 4rem;
}
.mgn_b3rem{
	margin-bottom: 48px;
	margin-bottom: 1rem;
}
.mgn_b4rem{
	margin-bottom: 64px;
	margin-bottom: 4rem;
}
.mgn_b5rem{
	margin-bottom: 80px;
	margin-bottom: 5rem;
}
.mgn_b2rem{
	margin-bottom: 32px;
	margin-bottom: 2rem;
}
.mgn_b1rem{
	margin-bottom: 16px;
	margin-bottom: 1rem;
}
.mgn_b15rem{
	margin-bottom: 24px;
	margin-bottom: 1.5rem;
}
.mgn_b05rem{
	margin-bottom: 8px;
	margin-bottom: 0.5rem;
}
.mgn_bblock{
	margin-bottom: 32px;
	margin-bottom: 2rem;
}
.mgn_b2rem_m{
	margin-bottom: 32px;
	margin-bottom: 2rem;
}

/*---------------------------------------
top page
original css
---------------------------------------*/


/*---------------------------------------
det
original css
---------------------------------------*/

/*---------------------------------------
drawer
---------------------------------------*/
.drawer-nav{
	background: #fff;
}



/*---------------------------------------
media query
---------------------------------------*/
@media (min-width: 1200px){

}

@media (min-width: 992px){
.drawer-hamburger{
	display: none;
}
}

@media (max-width: 768px){
	.tablecell_th_profile {
    width: 30%;
}
.tablecell_th_profile {
    padding: 1rem 0.5rem 0.8rem 0.5rem;
}
	.submit_btn,
	input[type="submit"]{
		width: 80%;
	}
	.ttl_square{
		font-size: 150%;
		line-height: 140%;
		padding: 1.5rem 2rem;
	}
	input[type="text"].freeword{
		width: 82%;
	}
	input[type="text"].txtbox{
		width: 82%;
	}
	.tablecell_th{
		width: 29%;
	}
	.block_profile{
		margin-bottom: 2rem;
	}
	.bdr_b_dashed{
		margin-bottom: 2rem;
	}
	.select-wrap{
		margin-bottom: 1rem;
		width: 90%;
	}
	table{
		margin-bottom: 2rem;
	}
.faq_list_q{
	padding: 0.5rem 0 0.5rem 3rem;
	line-height: 180%;
}
.faq_list_qtxt{
	font-size: 130%;
	padding-left: 3rem;
	padding-left: 0;
}
.faq_list_qicon{
	font-size: 150%;
	padding: 0.4rem 0;
	width: 34px;
	height: 34px;
	position: absolute;
	top: 0;
	left: 0;
}
.list_largenumber{
	font-size: 110%;
	padding-bottom: 1rem;
}
.list_largenumber span{
	font-size: 140%;
	padding-right: 0.5rem;
}
.ttl_gray{
	font-size: 130%;
}

.ttl_ico_largecirle_01,
.ttl_ico_largecirle_02,
.ttl_ico_largecirle_03,{
	font-size: 130%;
	margin-bottom: 0;
}
.ttl_ico_square{
	font-size: 130%;
}
.ttl_gray_center_m{
	font-size: 130%;
	padding: 1rem 0;
}
.ttl_gray_center_pink_m{
    font-size: 130%;
}
.ttl_ico_square span{
	padding-left: 1.5rem;
	background-size: 1rem;
}
.ttl_bar{
	padding: 2.2rem 0 1rem 0;
	margin-bottom: 0;
}
.ttl_bar_ttl{
	font-size: 160%;
}
.head_tel_gloup,
.head_logo_jjfc,
.gloval_nav,
.foot_cont_02{
	display: none;
}
.head_logo img{
	width: 80%;
	padding-left: 1rem;
}
.content{
padding-right: 15px;
padding: 0 3%;
box-sizing: border-box;
}
.ttl_basic{
	font-size: 150%;
	padding-top: 2rem;
	padding-bottom: 0.5rem;
}
.ttl_gray_center{
	font-size: 130%;
	padding: 1rem 0;
	font-weight: bold;
}
.ttl_basic_side{
	font-size: 140%;
}
.exp a {
	font-size: 110%;
}
.side_menu a{
	font-size: 120%;
}
.row {
  margin-left: 0;
  margin-right: 0;
}
.foot_bnr li{
	margin-bottom: 1rem;
}
.foot_bnr li:last-child{
	margin-bottom: 0;
}
.bg_yellow{
	padding: 2rem 0;
}
.bg_blue{
	padding: 2rem 0 1.5rem 0;
}
.copyright{
	font-size: 80%;
}
.side_content {
    padding-top: 0;
}
.txt_mgn_b{
	margin-bottom: 1rem;
}
.img_bdr_gray{
	padding: 4px;
}
.visual{
	max-height: 220px;
	background-size: cover;
}
.foot_cont_01{
	font-size: 90%;
	padding-bottom: 0;
}
.foot_cont_01 {
border-right: none;
}
.sec_block{
	margin-bottom: 0;
}
.mgn_b3rem{
	margin-bottom: 2rem;
}
.mgn_b2rem_m{
	margin-bottom: 1rem;
}
}

@media (min-width: 768px){
	.side_content {
	    padding-top: 2rem;
	}
}
























/*---------------------------------------
school
---------------------------------------*/
.select_pref{
	overflow: hidden;
	padding: 0 40px;
	margin-bottom: 30px;
}
.select_pref .select_pref_box{
	overflow: hidden;
}
.select_pref .tit{
	font-size: 18px;
	text-align: right;
	float: left;
	font-weight: bold;
	padding: 11px 0;
	width: 7%;
}
.select_pref ul{
	float: right;
	width: 91%;
	overflow: hidden;
}
.select_pref ul li{
	float: left;
	margin-right: 1%;
	margin-bottom: 12px;
	width: 11.62%;
}
.select_pref ul li:nth-child(8n){
	margin-right: 0;
}
.select_pref ul li a{
	border: 2px solid #d47d9e;
	font-weight:bold; 
        /*color: #555;*/
        color: #fff;
        
        /**/
        background: #d47d9e;
        
	display: inline-block;
	padding: 10px 10px 8px;
	text-align: center;
	text-decoration: none;
	width: 100%;

	-webkit-transition: 0.4s all;
        transition: 0.4s all;
}
.select_pref ul li a:hover{
	/*background: #d47d9e;*/
        background: rgba(212,125,158,0.8) !important;
	/*color: #fff;*/
        color: #fff;
	font-weight:bold; 
}

/* スクール検索 該当なし */
.select_pref_li_zerobox {
	border: 2px solid #d47d9e;
	color: #555;
	display: inline-block;
	padding: 10px 10px 8px;
	text-align: center;
	text-decoration: none;
	width: 100%;

	-webkit-transition: 0.4s all;
    transition: 0.4s all;
}
.contact_box{
	display: flex;
	justify-content: space-between;
	margin-bottom: 30px;
	clear: both;
}
.contact_box > div{
	border: 2px solid #ddd;
	background: #fffde7;
	color: #222;
	display: flex;
	flex-wrap: wrap;
	padding: 28px 22px 20px;
	text-decoration: none;
	width: 49%;
}
.contact_box a img{
	-webkit-transition: 0.4s all;
    transition: 0.4s all;
}
.contact_box a:hover img{
	-webkit-transition: 0.4s all;
    transition: 0.4s all;
    opacity: .8;
}
.contact_box > div .tit{ color: #406daf; font-size: 24px; font-weight: bold; margin-bottom: 10px; width: 100%;}
.contact_box > div .tit img{ display: inline; vertical-align: middle; margin-top: -8px; margin-right: 10px;}
.contact_box > div div{ display: flex; justify-content: space-between; align-items:  center; width: 100%;}
.contact_box div.tel div{ display: block;}
.contact_box .tel .num{ width: 100%; text-align: center; margin-bottom: 10px;}
.contact_box .tel .num a{ display: inline-block;}
.contact_box .tel .num img{ margin: auto;}
.contact_box .tel .time{ width: 100%; font-size: 14px; line-height: 1.25em; text-align: center;}
.contact_box .tel .time span{ display: inline-block; font-size: 18px; font-weight: bold; line-height: 1.25em; margin-right: 1em;}
.contact_box div.mail div{ display: block;}
.contact_box .mail .mail_text{ width: 100%; font-size: 16px; line-height: 1.5em; text-align: center; margin-bottom: 10px;}
.contact_box .mail .btn{ width: 100%; text-align: center;}
.contact_box .mail .btn img{ margin: auto !important;}
@media screen and (max-width:768px){
.contact_box{ display: block !important;}
.contact_box > div{ padding: 2.5% !important; width: 100% !important; margin-top: 5% !important;}
.contact_box > div .tit{ font-size: 5vw !important; margin-bottom: 2.5% !important;}
.contact_box > div .tit img{ margin-top: -1.25vw !important; margin-right: 1.25vw !important;}
.contact_box .tel .num{ margin-bottom: 1.25% !important;}
.contact_box .tel .time{ font-size: 3vw !important;}
.contact_box .tel .time span{ font-size: 3.5vw !important;}
.contact_box .mail .mail_text{ font-size: 3vw !important; margin-bottom: 2.5% !important;}
.contact_box .tel .num a{ padding: 0 !important;}
.contact_box .mail .btn a{ padding: 0 !important;}
}
.marker{
	background: linear-gradient(transparent 40%, #ffff66 40%);
}
@media (max-width: 768px){
	.select_pref{
		padding: 0;
	}
	.select_pref .tit{
		font-size: 16px;
		text-align: left;
		width: 100%;
	}
	.select_pref ul{
		margin-bottom: 0;
		width: 100%;
	}
	.select_pref ul li{
		margin-bottom: 12px;
		width: 15.8%;
	}
	.select_pref ul li:nth-child(6n){
		margin-right: 0;
	}
	.select_pref ul li:nth-child(8n){
		margin-right: 1%;
	}
	.select_pref ul li a{
		font-size: 13px;
	}
	.contact_box > div a{
		padding: 18px;
	}
	.contact_box > div .tit{
		font-size: 20px;
		padding-left: 38px;
		text-indent: -38px;
		margin-bottom: 8px;
	}
	.contact_box > div .tit img{
		height: auto;
		width: 28px;
	}
	.contact_box > div div{
		flex-wrap: wrap;
	}
	.contact_box .tel .num{
		margin-bottom: 16px;
	}
	.contact_box .tel .num span{
		margin-bottom: 0;
	}
	.contact_box .mail > div{
		justify-content:  center;
	}
}
@media (max-width: 600px){
	.select_pref{
		margin-bottom: 20px;
	}
	.select_pref .tit{
		padding-bottom: 0;
	}
	.select_pref ul{
		margin-bottom: 0;
		width: 100%;
	}
	.select_pref ul li{
		margin-bottom: 5px;
		margin-right: 2%;
		width: 32%;
	}
	.select_pref ul li:nth-child(8n){
		margin-right: 2%;
	}
	.select_pref ul li:nth-child(3n){
		margin-right: 0;
	}
	.contact_box{
		flex-wrap: wrap;
	}
	.contact_box .tel{
		margin-bottom: 12px;
	}
	.contact_box > div{
		padding: 18px 12px 10px;
		flex-wrap: wrap;
		width: 100%;
	}
	.contact_box > div .tit img{
		width: 26px;
		margin-right: 6px;
	}
	.contact_box > div .tit{
		font-size: 20px;
		padding-left: 28px;
		text-indent: -28px;
		padding-bottom: 6px;
	}
	.contact_box .tel .time span{
		margin-bottom: 0;
		margin-right: 10px;
		display: inline;
	}
	.contact_box .btn{
		margin: 0 auto;
	}
	.contact_box .btn a{
		display: inline-block;
		margin-top: 10px;
		padding: 0;
	}
}

.backBtn {
	text-align: center;
	display: flex;
	max-width: 500px;
	margin: 25px auto;
}

.backBtn a{
	display: inline-block;
	background: #58bb69;
	border-radius: 2rem;
	color: #fff;
	padding: 12px;
	font-size: 15px;
	transition: 0.5s all;
	margin-right: 10px;
	text-align: center;
	width: 48.5%;
}
.backBtn a:hover{
	transition: 0.5s all;
	opacity: 0.7;
	text-decoration: none;
}









/* line 4, ../scss/add.scss */
.wrap_school_detail section{ margin:0 auto;}

.wrap_school_detail section:first-of-type {
  margin-top: 0;
}
@media screen and (max-width: 768px) {
  /* line 4, ../scss/add.scss */
  .wrap_school_detail {
    margin: 10% 0;
  }
}
/* line 9, ../scss/add.scss */
.wrap_school_detail section {
  margin-top: 6%;
}
@media screen and (max-width: 768px) {
  /* line 9, ../scss/add.scss */
  .wrap_school_detail section {
    margin-top: 10%;
  }
}
/* line 14, ../scss/add.scss */
.wrap_school_detail section:first-of-type {
  margin-top: 0;
}
/* line 19, ../scss/add.scss */
.wrap_school_detail .ttl_gray {
  font-size: 28px;
  text-align: center;
  padding-bottom: 1.4rem;
}
@media screen and (max-width: 768px) {
  /* line 19, ../scss/add.scss */
  .wrap_school_detail .ttl_gray {
    font-size: 18px;
    padding-bottom: 0.7rem;
    margin-bottom: 0.8rem;
  }
}
/* line 30, ../scss/add.scss */
.wrap_school_detail .schoolTable {
  border: 1px solid #ddd;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
@media screen and (max-width: 768px) {
  /* line 30, ../scss/add.scss */
  .wrap_school_detail .schoolTable {
    font-size: 13px;
  }
}
/* line 38, ../scss/add.scss */
.wrap_school_detail .schoolTable li {
  width: 100%;
  display: table;
  border-collapse: collapse;
}
@media screen and (max-width: 768px) {
  /* line 38, ../scss/add.scss */
  .wrap_school_detail .schoolTable li {
    display: block;
  }
}
/* line 45, ../scss/add.scss */
.wrap_school_detail .schoolTable li .th {
  background: #efefef;
  font-weight: bold;
  display: table-cell;
  width: 15%;
  padding: 1.4% 2%;
  border: 1px solid #ddd;
  vertical-align: middle;
}
@media screen and (max-width: 768px) {
  /* line 45, ../scss/add.scss */
  .wrap_school_detail .schoolTable li .th {
    display: block;
    width: 100%;
    border: none;
  }
}
/* line 59, ../scss/add.scss */
.wrap_school_detail .schoolTable li .td {
  border: 1px solid #ddd;
  display: table-cell;
  padding: 1.4% 2%;
  width: 35%;
  vertical-align: middle;
}
@media screen and (max-width: 768px) {
  /* line 59, ../scss/add.scss */
  .wrap_school_detail .schoolTable li .td {
    display: block;
    width: 100%;
    border: none;
  }
}
/* line 74, ../scss/add.scss */
.wrap_school_detail .box_staff {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin-top: 2%;
}
/* line 79, ../scss/add.scss */
.wrap_school_detail .box_staff .img {
  width: 16%;
  margin-right: 3%;
}
@media screen and (max-width: 768px) {
  /* line 79, ../scss/add.scss */
  .wrap_school_detail .box_staff .img {
    width: 25%;
  }
}
/* line 86, ../scss/add.scss */
.wrap_school_detail .box_staff .staff_spec {
  width: 81%;
}
@media screen and (max-width: 768px) {
  /* line 86, ../scss/add.scss */
  .wrap_school_detail .box_staff .staff_spec {
    width: 72%;
  }
}
/* line 91, ../scss/add.scss */
.wrap_school_detail .box_staff .staff_spec li {
  background: #f7f6f6;
  display: table;
  width: 100%;
  font-size: 16px;
}
@media screen and (max-width: 768px) {
  /* line 91, ../scss/add.scss */
  .wrap_school_detail .box_staff .staff_spec li {
    font-size: 11px;
  }
}
/* line 99, ../scss/add.scss */
.wrap_school_detail .box_staff .staff_spec li:nth-of-type(even) {
  background: #ebebeb;
}
/* line 102, ../scss/add.scss */
.wrap_school_detail .box_staff .staff_spec li .item {
  display: table-cell;
  vertical-align: top;
  padding: 1.2% 2%;
  font-weight: bold;
  width: 20%;
  border-right: 1px solid #ddd;
}
@media screen and (max-width: 768px) {
  /* line 102, ../scss/add.scss */
  .wrap_school_detail .box_staff .staff_spec li .item {
    width: 30%;
  }
}
/* line 113, ../scss/add.scss */
.wrap_school_detail .box_staff .staff_spec li .field {
  display: table-cell;
  vertical-align: top;
  padding: 1.2% 3%;
}
/* line 124, ../scss/add.scss */
.wrap_school_detail .sect_info ul li {
  margin-top: 1%;
}
@media screen and (max-width: 768px) {
  /* line 124, ../scss/add.scss */
  .wrap_school_detail .sect_info ul li {
    margin-top: 2%;
  }
}
/* line 129, ../scss/add.scss */
.wrap_school_detail .sect_info ul li a {
  background: #f5f5f5;
  display: block;
  padding: 1.6% 3%;
  font-size: 16px;
  color: #555;
  -webkit-transition: 0.4s all;
  -moz-transition: 0.4s all;
  -o-transition: 0.4s all;
  transition: 0.4s all;
}
@media screen and (max-width: 768px) {
  /* line 129, ../scss/add.scss */
  .wrap_school_detail .sect_info ul li a {
    font-size: 12px;
    position: relative;
  }
  /* line 142, ../scss/add.scss */
  .wrap_school_detail .sect_info ul li a::after {
    content: ">";
    position: absolute;
    top: 50%;
    right: 10px;
    font-size: 18px;
    margin-top: -11px;
  }
}
/* line 151, ../scss/add.scss */
.wrap_school_detail .sect_info ul li a:hover {
  color: #0fa98d;
  -webkit-transition: 0.4s all;
  -moz-transition: 0.4s all;
  -o-transition: 0.4s all;
  transition: 0.4s all;
  text-decoration: none;
  background: #e8e7e7;
}
/* line 160, ../scss/add.scss */
.wrap_school_detail .sect_info ul li a .day {
  margin-right: 3%;
  display: inline-block;
  vertical-align: middle;
}
/* line 166, ../scss/add.scss */
.wrap_school_detail .sect_info ul li a .cat {
  color: #fff;
  background: #888;
  padding: 0.2% 0.4% 0.1%;
  display: inline-block;
  vertical-align: middle;
  font-weight: bold;
  font-size: 14px;
  width: 11%;
  text-align: center;
  margin-right: 2%;
}
@media screen and (max-width: 768px) {
  /* line 166, ../scss/add.scss */
  .wrap_school_detail .sect_info ul li a .cat {
    width: 80px;
    padding: 4px;
    line-height: 1;
    font-size: 9px;
  }
}
/* line 183, ../scss/add.scss */
.wrap_school_detail .sect_info ul li a .cat.campaign {
  background: #df9d00;
}
/* line 184, ../scss/add.scss */
.wrap_school_detail .sect_info ul li a .cat.info {
  background: #1b84e6;
}
/* line 185, ../scss/add.scss */
.wrap_school_detail .sect_info ul li a .cat.event {
  background: #e84c71;
}
/* line 186, ../scss/add.scss */
.wrap_school_detail .sect_info ul li a .cat.blog {
  background: #4cc3e1;
}
/* line 188, ../scss/add.scss */
.wrap_school_detail .sect_info ul li a .ttl {
  display: inline-block;
  vertical-align: middle;
  width: 70%;
}
@media screen and (max-width: 768px) {
  /* line 188, ../scss/add.scss */
  .wrap_school_detail .sect_info ul li a .ttl {
    display: block;
    width: 90%;
    line-height: 1.5;
  }
}
/* line 203, ../scss/add.scss */
.wrap_school_detail .sect_form {
  margin-top: 6% !important;
}
@media screen and (max-width: 768px) {
  /* line 203, ../scss/add.scss */
  .wrap_school_detail .sect_form {
    margin-top: 10% !important;
  }
}
/* line 209, ../scss/add.scss */
.wrap_school_detail .sect_form .school_entry_form .formTable {
  margin-bottom: 5%;
}
@media screen and (max-width: 768px) {
  /* line 209, ../scss/add.scss */
  .wrap_school_detail .sect_form .school_entry_form .formTable {
    border: 1px solid #ddd;
  }
}
/* line 214, ../scss/add.scss */
.wrap_school_detail .sect_form .school_entry_form .formTable li {
  display: table;
  width: 100%;
}
@media screen and (max-width: 768px) {
  /* line 214, ../scss/add.scss */
  .wrap_school_detail .sect_form .school_entry_form .formTable li {
    display: block;
  }
}
/* line 221, ../scss/add.scss */
.wrap_school_detail .sect_form .school_entry_form .formTable li:nth-of-type(even) .item {
  background: #f7f6f6;
}
@media screen and (max-width: 768px) {
  /* line 221, ../scss/add.scss */
  .wrap_school_detail .sect_form .school_entry_form .formTable li:nth-of-type(even) .item {
    background: #ebebeb;
  }
}
/* line 228, ../scss/add.scss */
.wrap_school_detail .sect_form .school_entry_form .formTable li:first-child {
  border-top: 1px solid #ddd;
}
/* line 231, ../scss/add.scss */
.wrap_school_detail .sect_form .school_entry_form .formTable li .item {
  display: table-cell;
  vertical-align: middle;
  background: #ebebeb;
  font-weight: bold;
  font-size: 16px;
  border: 1px solid #ddd;
  border-top: none;
  width: 30%;
  padding: 2% 2%;
  position: relative;
}
@media screen and (max-width: 768px) {
  /* line 231, ../scss/add.scss */
  .wrap_school_detail .sect_form .school_entry_form .formTable li .item {
    display: block;
    width: 100%;
    border: none;
    font-size: 14px;
    padding: 2% 4%;
  }
}
@media screen and (max-width: 768px) {
  /* line 249, ../scss/add.scss */
  .wrap_school_detail .sect_form .school_entry_form .formTable li .item br {
    display: none;
  }
}
/* line 254, ../scss/add.scss */
.wrap_school_detail .sect_form .school_entry_form .formTable li .item .ico_required {
  position: absolute;
  color: #fff;
  background: #e84c4c;
  top: 50%;
  right: 15px;
  font-size: 12px;
  font-weight: bold;
  display: inline-block;
  padding: 5px 7px;
  line-height: 1;
  margin-top: -11px;
  border-radius: 3px;
}
/* line 269, ../scss/add.scss */
.wrap_school_detail .sect_form .school_entry_form .formTable li .input_field {
  display: table-cell;
  vertical-align: middle;
  border: 1px solid #ddd;
  border-top: none;
  border-left: none;
  padding: 2%;
}
@media screen and (max-width: 768px) {
  /* line 269, ../scss/add.scss */
  .wrap_school_detail .sect_form .school_entry_form .formTable li .input_field {
    display: block;
    border: none;
    font-size: 12px;
    padding: 3% 4%;
  }
}
/* line 286, ../scss/add.scss */
.wrap_school_detail .sect_form .school_entry_form select {
  height: 35px;
  font-size: 14px;
}
@media screen and (max-width: 768px) {
  /* line 286, ../scss/add.scss */
  .wrap_school_detail .sect_form .school_entry_form select {
    width: 100%;
	  height: 35px !important;
  font-size: 14px;
	      -webkit-appearance: none !important;
  }
}
@media screen and (max-width: 768px) {
  /* line 293, ../scss/add.scss */
  .wrap_school_detail .sect_form .school_entry_form input[type="text"] {
    width: 100%;
  }
}
/* line 297, ../scss/add.scss */
.wrap_school_detail .sect_form .school_entry_form input[type="text"]:placeholder-shown {
  color: #d0d0d0;
}
/* line 300, ../scss/add.scss */
.wrap_school_detail .sect_form .school_entry_form input[type="text"]::-webkit-input-placeholder {
  color: #d0d0d0;
}
@media screen and (max-width: 768px) {
  /* line 304, ../scss/add.scss */
  .wrap_school_detail .sect_form .school_entry_form textarea {
    width: 100%;
  }
}
/* line 311, ../scss/add.scss */
.wrap_school_detail .sect_form .school_entry_form .btn_submit input[type="submit"] {
  background: #08ac27;
  border: 2px solid #08ac27;
  -webkit-transition: 0.4s all;
  -moz-transition: 0.4s all;
  -o-transition: 0.4s all;
  transition: 0.4s all;
  padding: 15px 10px;
}
/* line 319, ../scss/add.scss */
.wrap_school_detail .sect_form .school_entry_form .btn_submit input[type="submit"]:hover {
  background: #fff;
  color: #08ac27;
  -webkit-transition: 0.4s all;
  -moz-transition: 0.4s all;
  -o-transition: 0.4s all;
  transition: 0.4s all;
}
@media screen and (max-width: 768px) {
  /* line 334, ../scss/add.scss */
  .wrap_school_detail .sect_form .mod_privacy .ttl_gray_s {
    font-size: 12px;
    margin-bottom: 5px;
  }
}
@media screen and (max-width: 768px) {
  /* line 340, ../scss/add.scss */
  .wrap_school_detail .sect_form .mod_privacy .mgn_b1rem {
    font-size: 10px;
    line-height: 1.6;
    margin-bottom: 7px;
  }
}
@media screen and (max-width: 768px) {
  /* line 347, ../scss/add.scss */
  .wrap_school_detail .sect_form .mod_privacy .policy {
    font-size: 10px;
    line-height: 1.6;
    margin-bottom: 20px;
  }
}

/* line 363, ../scss/add.scss */
.wrap_school_archive {
  margin-bottom: 5%;
}
@media screen and (max-width: 768px) {
  /* line 363, ../scss/add.scss */
  .wrap_school_archive {
    margin: 0 0 10%;
  }
}
/* line 368, ../scss/add.scss */
.wrap_school_archive .box_post {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  /* line 368, ../scss/add.scss */
  .wrap_school_archive .box_post {
    padding: 4%;
    border: 1px solid #ddd;
  }
}
/* line 378, ../scss/add.scss */
.wrap_school_archive .box_post .schoolTable {
  display: flex;
  flex-wrap: wrap;
  width: 70%;
  padding-bottom: 1px;
}
@media screen and (max-width: 768px) {
  /* line 378, ../scss/add.scss */
  .wrap_school_archive .box_post .schoolTable {
    font-size: 11px;
    width: 100%;
  }
}
/* line 388, ../scss/add.scss */
.wrap_school_archive .box_post .schoolTable li {
  width: 100%;
  display: table;
  border-collapse: collapse;
}
@media screen and (max-width: 768px) {
  /* line 388, ../scss/add.scss */
  .wrap_school_archive .box_post .schoolTable li {
    display: block;
    display: flex;
    flex-wrap: wrap;
  }
  /* line 397, ../scss/add.scss */
  .wrap_school_archive .box_post .schoolTable li:first-child .th:nth-of-type(1), .wrap_school_archive .box_post .schoolTable li:first-child .td:nth-of-type(2) {
    border-top: 1px solid #ddd;
  }
}
/* line 404, ../scss/add.scss */
.wrap_school_archive .box_post .schoolTable li .th {
  background: #efefef;
  font-weight: bold;
  display: table-cell;
  width: 15%;
  padding: 1.4% 2%;
  border: 1px solid #ddd;
  vertical-align: middle;
}
@media screen and (max-width: 768px) {
  /* line 404, ../scss/add.scss */
  .wrap_school_archive .box_post .schoolTable li .th {
    display: block;
    width: 30%;
    border: none;
    border-bottom: 1px solid #ddd;
  }
}
/* line 419, ../scss/add.scss */
.wrap_school_archive .box_post .schoolTable li .td {
  border: 1px solid #ddd;
  display: table-cell;
  padding: 1.4% 2%;
  width: 35%;
  vertical-align: middle;
}
@media screen and (max-width: 768px) {
  /* line 419, ../scss/add.scss */
  .wrap_school_archive .box_post .schoolTable li .td {
    display: block;
    width: 70%;
    border: none;
    border-bottom: 1px solid #ddd;
  }
}
/* line 434, ../scss/add.scss */
.wrap_school_archive .box_post .box_btn {
  width: 30%;
  border: 1px solid #ddd;
  border-left: none;
  background: #fff8eb;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 768px) {
  /* line 434, ../scss/add.scss */
  .wrap_school_archive .box_post .box_btn {
    width: 100%;
    margin-top: 10px;
    border: none;
    padding: 10px 0;
  }
}
/* line 449, ../scss/add.scss */
.wrap_school_archive .box_post .box_btn a {
  color: #fff;
  background: #eb9b4c;
  border: 2px solid #eb9b4c;
  font-size: 18px;
  padding: 10px 10px;
  display: block;
  width: 70%;
  -webkit-transition: 0.4s all;
  -moz-transition: 0.4s all;
  -o-transition: 0.4s all;
  transition: 0.4s all;
}
@media screen and (max-width: 768px) {
  /* line 449, ../scss/add.scss */
  .wrap_school_archive .box_post .box_btn a {
    font-size: 14px;
    padding: 5px 10px;
  }
}
/* line 465, ../scss/add.scss */
.wrap_school_archive .box_post .box_btn a:hover {
  -webkit-transition: 0.4s all;
  -moz-transition: 0.4s all;
  -o-transition: 0.4s all;
  transition: 0.4s all;
  color: #eb9b4c;
  background: #fff;
  text-decoration: none;
}

/* line 484, ../scss/add.scss */
.wrap_search_municipal {
  margin-bottom: 5%;
}
@media screen and (max-width: 768px) {
  /* line 484, ../scss/add.scss */
  .wrap_search_municipal {
    margin: 0 0 10%;
  }
}
/* line 489, ../scss/add.scss */
.wrap_search_municipal .search_municipal_anchor {
  margin: 3% 0;
}
/* line 491, ../scss/add.scss */
.wrap_search_municipal .search_municipal_anchor ul {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  /* line 491, ../scss/add.scss */
  .wrap_search_municipal .search_municipal_anchor ul {
    flex-wrap: wrap;
    justify-content: stretch;
  }
}
/* line 498, ../scss/add.scss */
.wrap_search_municipal .search_municipal_anchor ul li {
  width: 9%;
}
@media screen and (max-width: 768px) {
  /* line 498, ../scss/add.scss */
  .wrap_search_municipal .search_municipal_anchor ul li {
    width: 19%;
    margin-left: 1%;
    margin-bottom: 1%;
  }
}
/* line 505, ../scss/add.scss */
.wrap_search_municipal .search_municipal_anchor ul li a {
  font-size: 16px;
	font-weight:bold;
  text-align: center;
  display: block;
  color: #fff;
  border: 2px solid #d47d9e;
  background: #d47d9e;
  padding: 5px 0;
  -webkit-transition: 0.4s all;
  -moz-transition: 0.4s all;
  -o-transition: 0.4s all;
  transition: 0.4s all;
}
@media screen and (max-width: 768px) {
  /* line 505, ../scss/add.scss */
  .wrap_search_municipal .search_municipal_anchor ul li a {
    font-size: 12px;
    padding: 2px 0;
  }
}
/* line 521, ../scss/add.scss */
.wrap_search_municipal .search_municipal_anchor ul li a:hover {
  -webkit-transition: 0.4s all;
  -moz-transition: 0.4s all;
  -o-transition: 0.4s all;
  transition: 0.4s all;
  background: rgba(212,125,158,0.8);
  color: #fff;
  text-decoration: none;
}
/* 該当なしの行リンク（白抜き・クリック不可） */
.wrap_search_municipal .search_municipal_anchor ul li span.disabled {
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  display: block;
  color: #ccc;
  border: 2px solid #ccc;
  background: #fff;
  padding: 5px 0;
  cursor: default;
  pointer-events: none;
}
@media screen and (max-width: 768px) {
  .wrap_search_municipal .search_municipal_anchor ul li span.disabled {
    font-size: 12px;
    padding: 2px 0;
  }
}
/* line 535, ../scss/add.scss */
.wrap_search_municipal .sort_row {
  display: flex;
  flex-wrap: wrap;
  margin-top: 2%;
}
@media screen and (max-width: 768px) {
  /* line 535, ../scss/add.scss */
  .wrap_search_municipal .sort_row {
    display: block;
    margin-top: 4%;
  }
}
/* line 543, ../scss/add.scss */
.wrap_search_municipal .sort_row .gyou {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #efefef;
  width: 14%;
  font-weight: bold;
  font-style: 16px;
  border: 1px solid #ddd;
}
@media screen and (max-width: 768px) {
  /* line 543, ../scss/add.scss */
  .wrap_search_municipal .sort_row .gyou {
    display: block;
    text-align: center;
    font-size: 14px;
    width: 100%;
    border: none;
  }
}
/* line 560, ../scss/add.scss */
.wrap_search_municipal .sort_row .municipal_list {
  display: flex;
  flex-wrap: wrap;
  width: 86%;
}
@media screen and (max-width: 768px) {
  /* line 560, ../scss/add.scss */
  .wrap_search_municipal .sort_row .municipal_list {
    width: 100%;
    font-size: 12px;
  }
}
/* line 568, ../scss/add.scss */
.wrap_search_municipal .sort_row .municipal_list li {
  width: 20%;
  text-align: center;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
@media screen and (max-width: 768px) {
  /* line 568, ../scss/add.scss */
  .wrap_search_municipal .sort_row .municipal_list li {
    width: 50%;
  }
}
/* line 576, ../scss/add.scss */
.wrap_search_municipal .sort_row .municipal_list li:nth-of-type(-n+5) {
  border-top: 1px solid #ddd;
}
@media screen and (max-width: 768px) {
  /* line 576, ../scss/add.scss */
  .wrap_search_municipal .sort_row .municipal_list li:nth-of-type(-n+5) {
    border-top: none;
  }
}
@media screen and (max-width: 768px) {
  /* line 582, ../scss/add.scss */
  .wrap_search_municipal .sort_row .municipal_list li:nth-of-type(2n+1) {
    border-left: 1px solid #ddd;
  }
}
/* line 587, ../scss/add.scss */
.wrap_search_municipal .sort_row .municipal_list li a {
  color: #555;
  -webkit-transition: 0.4s all;
  -moz-transition: 0.4s all;
  -o-transition: 0.4s all;
  transition: 0.4s all;
  display: block;
  padding: 10px 0;
}
@media screen and (max-width: 768px) {
  /* line 587, ../scss/add.scss */
  .wrap_search_municipal .sort_row .municipal_list li a {
    font-size: 12px;
    padding: 5px 0;
  }
}
/* line 599, ../scss/add.scss */
.wrap_search_municipal .sort_row .municipal_list li a:hover {
  -webkit-transition: 0.4s all;
  -moz-transition: 0.4s all;
  -o-transition: 0.4s all;
  transition: 0.4s all;
  color: #fff;
  background: rgba(212,125,158,0.8);
  text-decoration: none;
}

/* line 618, ../scss/add.scss */
.wrap_school_blog {
  margin-bottom: 5%;
}
@media screen and (max-width: 768px) {
  /* line 618, ../scss/add.scss */
.wrap_school_blog{ margin: -7.5% 0 10%;}
}
/* line 623, ../scss/add.scss */
.wrap_school_blog .ttl_type01 {
  font-size: 24px;
  font-weight: bold;
  color: #fff;
  padding: 20px 20px;
  background: #77bf76;
  line-height: 1.4;
  margin: 60px 0 25px;
}
@media screen and (max-width: 768px) {
  /* line 623, ../scss/add.scss */
  .wrap_school_blog .ttl_type01 {
    font-size: 16px;
    padding: 10px 4%;
    margin: 40px 0 15px;
  }
}
/* line 637, ../scss/add.scss */
.wrap_school_blog .ttl_type02 {
  font-size: 20px;
  font-weight: bold;
  color: #555;
  line-height: 1.4;
  margin: 40px 0 25px;
  border-left: 6px solid #76bf75;
  padding: 6px 13px;
}
@media screen and (max-width: 768px) {
  /* line 637, ../scss/add.scss */
  .wrap_school_blog .ttl_type02 {
    margin: 20px 0 13px;
    font-size: 16px;
    border-left: 4px solid #76bf75;
  }
}
/* line 651, ../scss/add.scss */
.wrap_school_blog .ttl_type03 {
  font-size: 20px;
  font-weight: bold;
  color: #555;
  line-height: 1.4;
  margin: 40px 0 25px;
  border-bottom: 3px solid #76bf75;
  padding: 10px 13px;
}
@media screen and (max-width: 768px) {
  /* line 651, ../scss/add.scss */
  .wrap_school_blog .ttl_type03 {
    padding: 8px 0px;
    margin: 20px 0 12px;
    border-bottom: 3px solid #76bf75;
    font-size: 15px;
  }
}
/* line 666, ../scss/add.scss */
.wrap_school_blog p {
  margin: 20px 0;
}
@media screen and (max-width: 768px) {
  /* line 666, ../scss/add.scss */
  .wrap_school_blog p {
    font-size: 12px;
    margin: 15px 0;
  }
}
/* line 673, ../scss/add.scss */
.wrap_school_blog .img {
  text-align: center;
  display: block;
  margin: 35px 0;
}
@media screen and (max-width: 768px) {
  /* line 673, ../scss/add.scss */
  .wrap_school_blog .img {
    margin: 20px 0;
  }
}
/* line 680, ../scss/add.scss */
.wrap_school_blog .img img {
  display: inline-block;
}
/* line 685, ../scss/add.scss */
.wrap_school_blog .movie {
  display: block;
  margin: 35px auto;
}
@media screen and (max-width: 768px) {
  /* line 685, ../scss/add.scss */
  .wrap_school_blog .movie {
    margin: 20px auto;
    position: relative;
    width: 100%;
    padding-top: 56.25%;
  }
}
/* line 694, ../scss/add.scss */
.wrap_school_blog .movie iframe {
  margin: 0 auto;
  display: block;
}
@media screen and (max-width: 768px) {
  /* line 694, ../scss/add.scss */
  .wrap_school_blog .movie iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
  }
}
/* line 707, ../scss/add.scss */
.wrap_school_blog .color_blue {
  color: #4f63ab;
}
/* line 708, ../scss/add.scss */
.wrap_school_blog .color_green {
  color: #5eb55d;
}
/* line 709, ../scss/add.scss */
.wrap_school_blog .color_pink {
  color: #e657b4;
}
/* line 711, ../scss/add.scss */
.wrap_school_blog b {
  font-weight: bold;
}
/* line 715, ../scss/add.scss */
.wrap_school_blog .btn01 {
  text-align: center;
  margin: 35px auto;
}
@media screen and (max-width: 768px) {
  /* line 715, ../scss/add.scss */
  .wrap_school_blog .btn01 {
    margin: 20px 0;
  }
}
/* line 721, ../scss/add.scss */
.wrap_school_blog .btn01 a {
  width: 50%;
  display: inline-block;
  color: #fff;
  background: #58bb69;
  border: 3px solid #58bb69;
  text-align: center;
  padding: 15px;
  font-size: 20px;
  font-weight: bold;
  -webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;
  transition: 0.5s all;
}
@media screen and (max-width: 768px) {
  /* line 721, ../scss/add.scss */
  .wrap_school_blog .btn01 a {
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    width: 100%;
    font-size: 16px;
    padding: 10px 15px;
  }
}
/* line 742, ../scss/add.scss */
.wrap_school_blog .btn01 a:hover {
  text-decoration: none;
  background: #fff;
  color: #58bb69;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  -webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;
  transition: 0.5s all;
}
/* line 755, ../scss/add.scss */
.wrap_school_blog .btn02 {
  text-align: center;
  margin: 35px auto;
}
@media screen and (max-width: 768px) {
  /* line 755, ../scss/add.scss */
  .wrap_school_blog .btn02 {
    margin: 20px 0;
  }
}
/* line 761, ../scss/add.scss */
.wrap_school_blog .btn02 a {
  width: 50%;
  display: inline-block;
  color: #fff;
  background: #58bb69;
  border: 3px solid #58bb69;
  text-align: center;
  padding: 15px;
  font-size: 20px;
  font-weight: bold;
  -webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;
  transition: 0.5s all;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
}
@media screen and (max-width: 768px) {
  /* line 761, ../scss/add.scss */
  .wrap_school_blog .btn02 a {
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    width: 100%;
    font-size: 16px;
    padding: 10px 15px;
  }
}
/* line 785, ../scss/add.scss */
.wrap_school_blog .btn02 a:hover {
  text-decoration: none;
  opacity: 0.7;
  -webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;
  transition: 0.5s all;
}
/* line 795, ../scss/add.scss */
.wrap_school_blog .mod_tableBox {
  margin: 35px 0;
}
@media screen and (max-width: 768px) {
  /* line 795, ../scss/add.scss */
  .wrap_school_blog .mod_tableBox {
    margin: 25px 0;
  }
}
/* line 800, ../scss/add.scss */
.wrap_school_blog .mod_tableBox dl {
  display: table;
  width: 100%;
  border: 1px solid #ddd;
  border-top: none;
}
@media screen and (max-width: 768px) {
  /* line 800, ../scss/add.scss */
  .wrap_school_blog .mod_tableBox dl {
    display: block;
  }
}
/* line 808, ../scss/add.scss */
.wrap_school_blog .mod_tableBox dl:first-child {
  border-top: 1px solid #ddd;
}
/* line 811, ../scss/add.scss */
.wrap_school_blog .mod_tableBox dl dt {
  display: table-cell;
  vertical-align: middle;
  width: 20%;
  background: #efefef;
  font-size: 16px;
  font-weight: bold;
  padding: 12px 15px;
}
@media screen and (max-width: 768px) {
  /* line 811, ../scss/add.scss */
  .wrap_school_blog .mod_tableBox dl dt {
    font-size: 13px;
    display: block;
    width: 100%;
    padding: 6px 15px;
  }
}
/* line 826, ../scss/add.scss */
.wrap_school_blog .mod_tableBox dl dd {
  display: table-cell;
  vertical-align: middle;
  font-size: 16px;
  border-left: 1px solid #ddd;
  padding: 12px 15px;
}
@media screen and (max-width: 768px) {
  /* line 826, ../scss/add.scss */
  .wrap_school_blog .mod_tableBox dl dd {
    font-size: 12px;
    display: block;
    border-left: none;
    padding: 8px 15px;
  }
}
/* line 838, ../scss/add.scss */
.wrap_school_blog .mod_tableBox dl dd.center {
  text-align: center;
}

/* sns_btn */
.sns_share {
	text-align: right;
}

.sns_share li {
	display: inline-block;
}
.fb_iframe_widget > span {
  vertical-align: baseline !important;
}



/*しり*/



input.wpcf7-submit{ width: 100% !important; background: #08ac27; border: 2px solid #08ac27; transition: 0.4s all; padding: 15px 10px;}
input.wpcf7-submit:hover{ background: #fff; color: #08ac27; border: 2px solid #08ac27;}
table.dvd_list input{ width: 100%;}
table.dvd_list .yourzip input{ width: 75%; margin-left: 0.5em;}
table.dvd_list input[type=radio]{ width: auto;}
table.dvd_list textarea{ width: 100%;}
table.dvd_list select{ width: 100%;}
.school_entry_form input{ width: 100%;}
.school_entry_form .yourzip input{ width: 75%; margin-left: 0.5em;}
.school_entry_form input[type=radio]{ width: auto;}
.school_entry_form textarea{ width: 100%;}
.school_entry_form select{ width: 100%;}
@media screen and (max-width: 768px) {
table.dvd_list{ border: 1px solid #ddd;}
table.dvd_list th{ display: block; width: 100%; background: #ebebeb; font-size: 14px; padding: 2% 4%; border: none !important;}
table.dvd_list td{ display: block; width: 100%; border: none !important;}
table.dvd_list input{ width: 100%; font-size: 16px;}
table.dvd_list .yourzip input{ width: 75%; margin-left: 0.5em;}
table.dvd_list input[type=radio]{ width: auto;}
table.dvd_list textarea{ width: 100%; font-size: 16px; height: 6rem;}
table.dvd_list select{ width: 100%; font-size: 16px;}
.school_entry_form input{ width: 100%; font-size: 16px;}
.school_entry_form .yourzip input{ width: 75%; margin-left: 0.5em;}
.school_entry_form input[type=radio]{ width: auto;}
.school_entry_form textarea{ width: 100%; font-size: 16px; height: 6rem;}
.school_entry_form select{ width: 100%; font-size: 16px;}
}

strong.bold{ font-weight:bold;}

/*mypage*/
.mypage_login{ position: relative; text-align: center; margin: 40px auto; max-width:700px; opacity:1.0 !important; cursor:pointer;}
.mypage_login img{ opacity:1.0 !important;}
.mypage_login p{ color: #fff; font-weight: bold; font-size: 24px; line-height: 1.4em; letter-spacing: 0.1em; position: absolute; left: 0; right: 0; top: 40px; margin: auto;}
.mypage_login_btn{ position: absolute; left: 0; right: 0; bottom: 40px; margin: auto;}
.mypage_login_btn span{ display: inline-block; border: 4px solid #fff; color: #fff; padding: 0.5em 2.5em; font-weight: bold; font-size: 24px; transition: 0.3s;}
.mypage_login:hover .mypage_login_btn span{ color: #666; background: #fff; text-decoration: none;}
.mypage_login .smp{ display:none;}
@media screen and (max-width:750px){
.mypage_login{ margin:6% auto;}
.mypage_login p{ font-size:4.5vw; top:4.5vw;}
.mypage_login_btn{ bottom:4.5vw;}
.mypage_login_btn span{ font-size:4.5vw;}
.mypage_login .pc{ display:none;}
.mypage_login .smp{ display:block;}
}

/*ヘッダー右上*/
.head_tel_gloup ul{ display: table; table-layout: fixed; width: 96%; margin: 0 auto;}
.head_tel_gloup ul li{ display: table-cell; vertical-align: middle; border-right: 1px solid #333;}
.head_tel_gloup ul li:first-child{ border-left: 1px solid #333;}
.head_tel_gloup ul li a{ display: block; text-align: center; font-size: 11px; line-height: 1em;  font-weight: bold;  color: #666666;}
.head_tel_gloup a.tel{ margin: 0; padding: 0;}
.head_tel_gloup .search a{ display: block; text-align: center; text-decoration: none; font-size: 16px; line-height: 1em; padding: 0.4em 0; font-weight: bold; background: #08ac27; border: 2px solid #08ac27; color: #fff; transition: 0.3s; margin: 0 1px; border-radius: 4px;}
.head_tel_gloup .search a:hover{ color: #fff; background: #08BF29;}

/*TOP_画像_hover不具合対処*/
a .img_bdr_gray{ border: 1px solid #999 !important;}

/*フッタースクール検索*/
#school_search_footer h2{ font-weight: bold; font-size: 24px; text-align: center; position: relative;}
#school_search_footer h2:after{ content: ""; width: 2em; height: 4px; position: absolute; left: 0; right: 0; bottom: -0.5em; margin: auto; background: #6db3ce;}
#school_search_footer table{ width: 100%; max-width: 1090px; margin: 40px auto; border-collapse: separate; border-spacing: 1px;}
#school_search_footer table th{ vertical-align: middle; background: #6db3ce; color: #fff; padding: 0.66em; text-align: center; width: 25%; font-weight: bold;}
#school_search_footer table td{ vertical-align: middle; background: #fff; padding: 0.66em;}
#school_search_footer table td ul{ display: flex; flex-wrap: wrap;}
#school_search_footer table td ul li:after{ content: "|"; margin: 0 0.5em;}
#school_search_footer table td ul li:last-child:after{ display: none; margin:0;}
@media screen and (max-width:768px){
#school_search_footer h2{ font-size:4vw;}
#school_search_footer table{ width:94%; margin:6% auto;}
#school_search_footer table th{ display: block; width: 100%; padding: 0.5em; font-size: 3.5vw;}
#school_search_footer table td{ display: block; width: 100%; padding: 0.5em; font-size: 3vw;}
}

/*190306*/
.school_detail_txt{ color: #000; padding: 1em; margin: 1em auto 3em;}
.school_foot_txt{ background: #efefef; padding: 1em; margin: 1em auto 2em;}
.school_foot_txt2{ background: #efefef; padding: 1em; margin: 1em auto 2em;}
@media screen and (max-width: 768px) {
.school_foot_txt{ margin: 1em 15px 2em;}
}

/*210131キャンペーン
.visual{ text-align: center; background: url("/img/camp210131/mv.jpg") no-repeat center center;	height: 32vw; min-height: 487px;}
@media (min-width: 1500px){
.visual{ background-size: cover;}
}
@media screen and (max-width: 768px) {
.visual{ background: url("/img/camp210131/mv_smp.jpg") no-repeat center center; background-size: cover; height:84vw; max-height: 84vw; min-height: 84vw;}
}
*/
.visual{ text-align: center; background: url("https://sport-school.com/asset/catch/brand/pc/jjmix.jpg") no-repeat center center; height: 32vw; min-height: 487px;}
@media (min-width: 1500px){
.visual{ background-size: cover;}
}
@media screen and (max-width: 768px) {
.visual{ background: url("https://sport-school.com/asset/catch/brand/sp/jjmix.jpg") no-repeat center center; background-size: cover; height:88vw; max-height: 88vw; min-height: 88vw;}
}

/*============================
keyvisual
============================*/
.keyvisual_in { text-align: center; background: url("https://sport-school.com/asset/catch/brand/pc/jjmix.webp") no-repeat center bottom; background-size: cover; height: 38vw; min-height: 570px; box-sizing: border-box;}
/*
.keyvisual_in { background: url("https://sport-school.com/asset/camp_250201/pc/jjmix.webp") repeat-x center bottom; background-size: auto 100%; height: auto; min-height: 487px;}
@media (min-width:1501px){
.keyvisual_in { background: url("https://sport-school.com/asset/camp_250201/pc/jjmix.webp") repeat-x center bottom; background-size: auto 100%; height: auto; min-height: calc((487/1500)*100vw);}
}
*/
@media (max-width: 767px) {
.keyvisual_in{ background:none; height: auto; min-height: 1px;}
.keyvisual_in img{ width: 100%;}
}


/*top_cont*/
#footer_fixed{ z-index: 999;}
.drawer-nav{ z-index: 1000;}

#top_cont{ font-size: 16px;}
#top_cont img{ vertical-align: bottom;}
#top_cont iframe{ vertical-align: bottom;}
#top_cont .inner{ width: 1000px; margin: 0 auto;}
@media screen and (max-width:767px){
#top_cont{ font-size:3vw;}
#top_cont .inner{ width:95%;}
}

#top_cont h2{ text-align: center; margin-bottom: 40px; font-size: 32px; font-weight: bold; line-height: 1.25em; color: #4898c2;}
#top_cont h2 span{ font-family: 'Lato', sans-serif; display: block; font-size: 18px; font-weight: bold; color: #c94b81;}
#top_cont h3{ text-align: center; color: #de8aa9; font-size: 20px; font-weight: bold; line-height: 1.2em; margin-bottom: 40px;}
#top_cont h3 strong{ display: flex; align-items: center; justify-content: center; width: 206px; height: 120px; margin: 0 auto; background: url("/img/top/tit_bg2.png") center top no-repeat; background-size: cover; font-weight: bold; padding-top: 1em;}
#top_cont h3:not(:first-child){ margin-top: 60px;}
#top_cont h4{ text-align: center; margin-bottom: 30px; font-size: 30px; font-weight: bold; line-height: 1.25em; color: #4898c2;}
@media screen and (max-width:767px){
#top_cont h2{ margin-bottom:5%; font-size:6vw;}
#top_cont h2 span{ font-size:4vw;}
#top_cont h3{ font-size:4vw; margin-bottom:5%;}
#top_cont h3 strong{ width:41.2vw; height:24vw;}
#top_cont h3:not(:first-child){ margin-top:10%;}
#top_cont h4{ margin-bottom:5%; font-size:5vw;}
}

#top_cont figure.btn{ text-align: center; margin-top: 40px;}
#top_cont figure.btn a{ display: inline-block; width: 400px; background: #4898c2; color: #fff; font-size: 16px; font-weight: bold; text-align: center; padding: 1em; transition: 0.3s;}
#top_cont figure.btn a:hover{ opacity: 0.7; text-decoration: none;}
@media screen and (max-width:767px){
#top_cont figure.btn{ margin-top:5%;}
#top_cont figure.btn a{ display:block; width:100%; font-size:4vw; padding:0.75em;}
}

#top_cont_mv{ background: url("/img/top/top_cont_mv.jpg") center top no-repeat; background-size: cover; padding: 60px 0 240px;}
#top_cont_mv .movie{ width: 650px; margin: 40px auto 0;}
#top_cont_mv p{ text-align: center;}
@media screen and (max-width:767px){
#top_cont_mv{ padding:10% 0 30%;}
#top_cont_mv .movie{ width:90%; margin:7.5% auto 0;}
}

#top_cont{ padding-top: 240px;}
@media screen and (max-width:767px){
#top_cont{ padding-top:30%;}
}

#top_cont_vision{ background: url("/img/top/tit_bg.png") center top no-repeat; padding-top: 217px; margin-top: -180px; padding-bottom: 240px;}
#top_cont_vision h2{ background: #f7f7f7; padding-bottom: 60px; margin-bottom: 0;}
#top_cont_vision .inner{ width: 1080px; padding: 25px; background: #fff; margin-top: -20px; position: relative; z-index: 3;}
#top_cont_vision p{ text-align: center;}
#top_cont_vision .top_cont_poricy{ margin-top: 50px;}
#top_cont_vision .top_cont_poricy ul{ letter-spacing: -1em;}
#top_cont_vision .top_cont_poricy ul li{ display: inline-block; width: calc(33.33% - 50px); vertical-align: top; letter-spacing: 0; margin: 0 25px;}
#top_cont_vision .top_cont_poricy ul li figure{ margin-bottom: 20px;}
#top_cont_vision .top_cont_poricy ul li h5{ text-align: center; font-size: 22px; font-weight: bold; line-height: 1.25em; margin-bottom: 20px; color: #4898c2;}
#top_cont_vision .top_cont_poricy ul li p{ text-align: left; line-height: 1.75em;}
@media screen and (max-width:767px){
#top_cont_vision{ background-size:100% 15vw; padding-top:14.75vw; margin-top:-15vw; padding-bottom:20%;}
#top_cont_vision h2{ padding-bottom:15%;}
#top_cont_vision .inner{ width:90%; padding: 5% 0 0; margin-top: -5vw; position: relative; z-index: 3;}
#top_cont_vision p{ text-align:left;}
#top_cont_vision .top_cont_poricy{ margin-top:7.5%;}
#top_cont_vision .top_cont_poricy ul li{ display:block; width: 100%; margin:5% auto;}
#top_cont_vision .top_cont_poricy ul li dl{ display: table; table-layout: fixed; width: 100%;}
#top_cont_vision .top_cont_poricy ul li dl dt{ display: table-cell; vertical-align: top; width: 40%;}
#top_cont_vision .top_cont_poricy ul li dl dd{ display: table-cell; vertical-align: top; padding: 2.5% 0 2.5% 2.5%;}
#top_cont_vision .top_cont_poricy ul li figure{ margin:0;}
#top_cont_vision .top_cont_poricy ul li h5{ text-align:left; font-size:4vw; margin-bottom:2.5%;}
#top_cont_vision .top_cont_poricy ul li p{ text-align: left; line-height: 1.75em;}
}

#top_cont_feature{ background: #f7f7f7; position: relative; z-index: 5; padding: 1px 0 240px;}
#top_cont_feature h2{ background: url("/img/top/tit_bg.png") center top no-repeat; padding-top: 217px; margin-top: -180px; padding-bottom: 60px;}
#top_cont_feature ul li:not(:last-child){ margin-bottom: 25px;}
#top_cont_feature dl{ display: table; table-layout: fixed; width: 100%; background: #fff;}
#top_cont_feature dl dt{ display: table-cell; vertical-align: middle; width: 500px;}
#top_cont_feature dl dd{ display: table-cell; vertical-align: middle; padding: 10px 40px 10px 10px;}
#top_cont_feature dl dd h4{ text-align: left; margin-bottom: 20px;}
@media screen and (max-width:767px){
#top_cont_feature{ padding: 1px 0 25%;}
#top_cont_feature h2{ background-size:100% 15vw; padding-top:14.75vw; margin-top:-15vw; padding-bottom:7.5%;}
#top_cont_feature ul li:not(:last-child){ margin-bottom:5%;}
#top_cont_feature dl dt{ width:50%;}
#top_cont_feature dl dd{ padding:2.5% 2.5% 2.5% 0;}
#top_cont_feature dl dd h4{ font-size: 4vw; margin-bottom: 2.5%;}
#top_cont_feature dl dd p{ line-height: 1.5em;}
}

#top_cont_about{ background: url("/img/top/tit_bg.png") center top no-repeat; padding-top: 217px; margin-top: -180px; padding-bottom: 60px; position: relative; z-index: 10;}
#top_cont_about h2{ background: #f7f7f7; padding-bottom: 90px; margin-bottom: 0;}
#top_cont_about .inner{ width: 1080px; padding: 0; margin-top: -80px; position: relative; z-index: 3;}
#top_cont_about ul{ letter-spacing: -1em; width: calc(100% + 30px); margin: -15px 0 -15px -15px;}
#top_cont_about ul li{ display: inline-block; vertical-align: top; letter-spacing: 0; width: calc(50% - 30px); margin: 15px;}
#top_cont_about ul li dl{ display: table; table-layout: fixed; width: 100%; background: #fff; border: 1px solid #e3ecf3; position: relative;}
#top_cont_about ul li dl dt{ display: table-cell; vertical-align: middle; width: 180px;}
#top_cont_about ul li dl dd{ display: table-cell; vertical-align: middle; padding: 20px;}
#top_cont_about ul li dl dd h4{ font-size: 22px; margin-bottom: 20px; text-align: left;}
#top_cont_about ul li dl dd:after{ content: ""; position: absolute; right: 0; top: 0; width: 0; height: 0; border-style: solid; border-width: 0 20px 20px 0; border-color: transparent #de8aa9 transparent transparent;}
#top_cont_about ul li a{ color:inherit; display: block; transition: 0.3s;}
#top_cont_about ul li a:hover{ color:inherit; opacity: 0.7; text-decoration: none; color: inherit;}
@media screen and (max-width:767px){
#top_cont_about{ background-size:100% 15vw; padding-top:14.75vw; margin-top:-15vw; padding-bottom:10%;}
#top_cont_about h2{ padding-bottom:20%;}
#top_cont_about .inner{ width:90%; margin-top: -15%;}
#top_cont_about ul{ width:100%; margin:0 auto;}
#top_cont_about ul li{ display:block; width:100%; margin:5% auto;}
#top_cont_about ul li dl dt{ width:45%;}
#top_cont_about ul li dl dd{ padding:5%;}
#top_cont_about ul li dl dd h4{ font-size:4vw; margin-bottom:2.5%;}
#top_cont_about ul li dl dd:after{ border-width: 0 3vw 3vw 0;}
#top_cont_about ul li dl dd p{ line-height: 1.5em;}
}

#top_cont_message{ background: url("/img/top/message_bg.jpg") center top no-repeat; background-size: cover; padding: 60px 0;}
#top_cont_message .inner{ /*width: 1080px;*/ width: 540px;}
#top_cont_message ul{ display: table; table-layout: fixed; width: calc(100% + 60px); border-collapse: separate; border-spacing: 30px 0;}
#top_cont_message ul li{ display: table-cell; vertical-align: top;}
#top_cont_message dl{ background: #fff; padding: 40px 60px;}
#top_cont_message dl dt{ margin-bottom: 30px; text-align: center; height: 260px; display: flex; align-items: center; justify-content:center;}
#top_cont_message dl dt .movie{ width: 100%; margin: 0;}
#top_cont_message dl dt img{ display: inline;}
#top_cont_message dl dd h4{ text-align: center; font-size: 22px; line-height: 1.25em; margin-bottom: 20px;}
#top_cont_message dl dd p{ line-height: 1.5em;}
#top_cont_message dl dd p.sign{ text-align: right;}
#top_cont_message ul li:last-child dl dd p{ margin-bottom: 3em;}
#top_cont_message dl dd figure.btn{ margin-top: 20px;}
#top_cont_message dl dd figure.btn a{ width: 300px;}
@media screen and (max-width:767px){
#top_cont_message{ padding:15% 0;}
#top_cont_message .inner{ width:90%;}
#top_cont_message ul{ display:block; width:100%; border-collapse:collapse; border-spacing:0;}
#top_cont_message ul li{ display:block; margin-bottom: 10%;}
#top_cont_message ul li:last-child{ margin-bottom: 0;}
#top_cont_message dl{ padding:5%;}
#top_cont_message dl dt{ margin-bottom:5%; height: auto; display: block;}
#top_cont_message ul li:first-child dl dt img{ width: 50%;}
#top_cont_message ul li:last-child dl dt img{ width: 100%;}
#top_cont_message dl dd h4{ font-size:4vw; margin-bottom:5%;}
#top_cont_message ul li:last-child dl dd p{ margin-bottom:1em;}
#top_cont_message dl dd figure.btn{ margin-top:5%;}
#top_cont_message dl dd figure.btn a{ width:100%;}
}