/* 　ハンバーガーメニューの制御	 */
.menu-toggle span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #fff;
  border-radius: 2px;
  transition: all .4s;
}
.menu-toggle span:nth-of-type(1) {
  top: 0;
}
.menu-toggle span:nth-of-type(2) {
  top: 5px;
}
.menu-toggle span:nth-of-type(3) {
  top: 10px;
}

#menu-btn.active span:nth-of-type(1) {
	left:10px;
	width:20px;
	-webkit-transform: translateY(5px) rotate(-45deg);
	transform: translateY(5px) rotate(-45deg);
}
#menu-btn.active span:nth-of-type(2) {
	opacity: 0;
}
#menu-btn.active span:nth-of-type(3) {
	left:10px;
	width:20px;
	-webkit-transform: translateY(-5px) rotate(45deg);
	transform: translateY(-5px) rotate(45deg);
}

.toggle-box{
  display: inline-block;
  position: relative;
  width: 40px;
  height: 10px;
}

/* 　ヘッダー領域	 */
.site-header {
	background: #fff;
	width: 100%;
	text-align:center;
	margin: 0 auto;
	position: fixed;
	display: block;
	z-index: 100;
}

/* 　メニュー用インナークラス	 */
.menu-inner {
	width: 100%;
	text-align:left;
	margin: 0 auto;
}


.ace-responsive-menu li a {
    color: #000;
}

.ace-responsive-menu li.menu-active > a {
    background: #fff !important;
    color:#000;
}
/*
.ace-responsive-menu li a:hover {
	opacity: 0.5 ;
}
*/

/* 　スマホでのメニュー表示（最初の状態）	 */
#menu-btn::after {
	content: 'メニュー';
	color: #ffffff;
	font-family: "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	font-size: 10px;
}

/* 　スマホでのメニュー表示（メニューが開いた状態）	 */
#menu-btn.active::after {
	content: '閉じる';
}

/* 　スマホでのメニューボタンのサイズ指定	 */
.menu-toggle #menu-btn {
	width:50px;
	display: inline-block;
}

/* 　スマホでメニューがスクロールための制御	 */
.nav ul{
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}

/*サブメニューの幅をサイズ指定なしに。*/
.ace-responsive-menu li ul.sub-menu > li {
	width:100%;
	background: #fff;
}

/*メニューの変更*/
.ace-responsive-menu {
	list-style: none;
	margin: 0;
	padding: 0;
	background: #fff;
	color: #000;
	float: right;
	width: 613px;
	font-family: "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	border-bottom: none;
}

/*メニューのリンクを変更*/
.ace-responsive-menu > li > a {
	display: block;
	position: relative;
	margin: 0;
	border: 0px;
	padding: 18px 12px 18px 12px;
	text-decoration: none;
	font-size: 14px;
	font-weight: 300;
	color: #000000;
	/*左右の線　今のところなし。*/
	/*border-left: 1px solid #000;
	border-right: 1px solid #000;*/
}

/*スマホ用のメニューを変更*/
.menu-toggle {
	display: none;
	float: right;
	width: 50px;
/*	background: #fff;*/
	background: none;
}

.menu-toggle #menu-btn{
	padding:2px;
}

.logo_title{
	margin-top:30px;
	width:320px;
	float:left
}


/* 　メニュー	 */
/*
.menu_title{
	margin-top:30px;
	width:320px;
	height:200px;
	background-image: url("../img/menu/menu_title.jpg");
	background-repeat:no-repeat;
	float: left;
}
*/
.menu_home{
	margin:84px 20px 0px 35px;
	width:95px;
	height:95px;
	background-image: url("../img/menu/menu_home.jpg");
	background-repeat:no-repeat;
	float: left;
	font-size: 18px;
}

.menu_hp{
	margin:84px 20px 0px 0px;
	width:95px;
	height:95px;
	background-image: url("../img/menu/menu_hp.jpg");
	background-repeat:no-repeat;
	float: left;
	font-size: 18px;
}

.menu_support{
	margin:84px 20px 0px 0px;
	width:95px;
	height:95px;
	background-image: url("../img/menu/menu_support.jpg");
	background-repeat:no-repeat;
	float: left;
	font-size: 18px;
}

.menu_school{
	margin:84px 20px 0px 0px;
	width:95px;
	height:95px;
	background-image: url("../img/menu/menu_school.jpg");
	background-repeat:no-repeat;
	float: left;
	font-size: 18px;
}

.menu_company{
	margin:84px 20px 0px 0px;
	width:95px;
	height:95px;
	background-image: url("../img/menu/menu_company.jpg");
	background-repeat:no-repeat;
	float: left;
	font-size: 18px;
}

.menu_home_text, .menu_hp_text, .menu_support_text, .menu_school_text, .menu_company_text{
	padding: 18px 12px 18px 12px;
	font-size: 14px;
}


/* 　メニューリンク	 */
#menu_home_h a,#menu_home_hs a {text-align:center; text-decoration:none; display:block; background-repeat:no-repeat; width:95px; padding-top:95px; color:#544741;}
#menu_home_h a:hover,#menu_home_hs a:hover {text-decoration:none; background-image: url("../img/menu/menu_home_h.jpg");}

#menu_hp_h a,#menu_hp_hs a {text-align:center; text-decoration:none; display:block; background-repeat:no-repeat; width:95px; padding-top:95px; color:#544741;}
#menu_hp_h a:hover,#menu_hp_hs a:hover {text-decoration:none; background-image: url("../img/menu/menu_hp_h.jpg");}

#menu_support_h a,#menu_support_hs a {text-align:center; text-decoration:none; display:block; background-repeat:no-repeat; width:95px; padding-top:95px; color:#544741;}
#menu_support_h a:hover,#menu_support_hs a:hover {text-decoration:none; background-image: url("../img/menu/menu_support_h.jpg");}

#menu_school_h a,#menu_school_hs a {text-align:center; text-decoration:none; display:block; background-repeat:no-repeat; width:95px; padding-top:95px; color:#544741;}
#menu_school_h a:hover,#menu_school_hs a:hover {text-decoration:none; background-image: url("../img/menu/menu_school_h.jpg");}

#menu_company_h a,#menu_company_hs a {text-align:center; text-decoration:none; display:block; background-repeat:no-repeat; width:95px; padding-top:95px; color:#544741;}
#menu_company_h a:hover,#menu_company_hs a:hover {text-decoration:none; background-image: url("../img/menu/menu_company_h.jpg");}

/* 　サイトマップのリンク	 */
#sitemap_h a,#sitemap_hs a {display:block; text-decoration:none; color:#544741;}
#sitemap_h a:hover,#sitemap_hs a:hover {text-decoration:none; color:#86c9fd;}

/* 　sns	 */
.sns{
	margin : 10px 0px 10px 0px ;
	float: left;
}

.sns_fb, .sns_tw {
	float: left;
}

/* 　フッターの枠	 */
.foot_waku {
	background-color: #3fa9f5;
	color: #FFFFFF;
}

/* 　フッター部分	 */
.foot {
	width: 950px;
	margin : auto ;
	text-align:left;
	font-size: 20px;
	background-color: #3fa9f5;
}

.foot_title {
	font-size: 53px;
	padding:100px 0px 40px 0px;
}

/* 　フッターイメージ	 */
.foot_img{
	width:450px;
	font-size: 40px;
	float: left;
	text-align:center;
}

.mail_text{
	background-image: url("../img/foot/mail_text.png");
	font-size: 40px;
	background-position: top center; 
	background-repeat:no-repeat;
}

.place{
	width:450px;
	float: left;
	background-image: url("../img/foot/place.png");
	background-position: top center; 
	background-repeat:no-repeat;
}


/* 　メニューリンク	 */
/*#menu_title_h a,#menu_title_hs a {text-align:center; text-decoration:none; display:block; background-repeat:no-repeat; width:320px;}
#menu_title_h a:hover,#menu_title_hs a:hover {text-decoration:none; background-image: url("../img/menu/menu_title_h.jpg");}
*/

/* 　住所のリンク	 */
#place_h a,#place_hs a {width:450px; background-repeat:no-repeat; background-position: top center; padding-top:200px; color:#ffffff;}
#place_h a:hover,#place_hs a:hover {width:450px; background-image: url("../img/foot/place_h.png"); background-position: top center; color:#fdee21;}

#place_font_h a,#place_font_hs a {width:250px; margin : auto ; font-size: 35px; text-align:left; text-decoration:none; display:block; color:#ffffff;}
#place_font_h a:hover,#place_font_hs a:hover {width:250px; margin : auto ; font-size: 35px; text-align:left; text-decoration:none; color:#fdee21;}

/* 　フッターの電話リンク	 */
#foot_tel a,#foot_tels a {font-size: 40px; text-decoration:none; color:#ffffff;}
#foot_tel a:hover,#foot_tels a:hover {font-size: 40px; text-decoration:none; color:#ffffff;}

/* 　フッターのリンク	 */
#foot_link a,#foot_links a {font-size: 20px; text-decoration:none; color:#ffffff;}
#foot_link a:hover,#foot_links a:hover {font-size: 20px; text-decoration:none; color:#fdee21;}

@media screen and (max-width: 949px){
	/*スマホ時のメニューを開けて戻ってきたときの色を変更*/
	.ace-responsive-menu li a:hover {
		background: #fff !important;
		color: #000000; /* add */
		opacity: 0.5 ;
	}

	/*スマホ時のメニュー下の線の色を変更*/
	.ace-responsive-menu > li:first-child {
		border-top: 2px solid #242424;
	}

	/*メニューの変更*/
	.ace-responsive-menu {
		/*    メニュースクロールのため追加。*/
		position: fixed;
		overflow-y: scroll;
		height: 100%;
		margin-top : 140px;
	}

	/*メニューの最後の項目。見切れ対応*/
	.last{
		margin-bottom : 220px !important;
	}

	.logo_title{
		margin:0px 10px 0px 10px;
		width:230px;
	}

	.menu_home, .menu_hp, .menu_support, .menu_school, .menu_company{
		display: none;
	}


	.foot, .foot_img, .place {
		width:100%;
	}

	/* 　フッター部分	 */
	.foot {
		font-size: 14px;
	}

	/* 　フッターイメージ	 */
	.foot_img{
		font-size: 30px;
	}

	.foot_title {
		font-size: 43px;
		padding:100px 10px 40px 10px;
	}

	#place_font_h a,#place_font_hs a {width:250px; margin : auto ; font-size: 25px; text-align:left; text-decoration:none; display:block; color:#ffffff;}
	#place_font_h a:hover,#place_font_hs a:hover {width:250px; margin : auto ; font-size: 25px; text-align:left; text-decoration:none; color:#fdee21;}

	/* 　フッターの電話リンク	 */
	#foot_tel a,#foot_tels a {font-size: 30px; text-decoration:none; color:#ffffff;}
	#foot_tel a:hover,#foot_tels a:hover {font-size: 30px; text-decoration:none; color:#ffffff;}

	/* 　フッターのリンク	 */
	#foot_link a,#foot_links a {font-size: 14px; text-decoration:none; color:#ffffff; padding-left:10px; padding-right:20px;}
	#foot_link a:hover,#foot_links a:hover {font-size: 14px; text-decoration:none; color:#fdee21; padding-left:10px; padding-right:20px;}

	.foot_Copyright, .sns {
		padding-left:10px;
		padding-right:10px;
	}

	/* 　メニュー	 */
/*	.menu_title{
		margin:30px 10px 0px 10px;
		width:calc(100% - 70px);
		background-size:100%;
	}
*/

}


/* 　LINEバナー処理	 */
.fixed_banner {
	position: fixed; /* 追従させる為にfixedの値を記述します */
	z-index: 99999; /* 他の要素の下に隠れないように全面配置させます */
	bottom: 0;
	right: 0;
	background:none;
	border:none;
}

.fixed_banner_pc {
	display: none; /* バナーは非表示にします */
}

.fixed_banner_pc:hover {
	opacity: .8; /* マウスが重なった時に少し透過させます */
}

.line_banner:hover {
	opacity: .8; /* マウスが重なった時に少し透過させます */
}


/*画面幅が950px以上の時*/
@media screen and (min-width:950px){
	.menu_home_text, .menu_hp_text, .menu_support_text, .menu_school_text, .menu_company_text{
		display: none;
	}
	/* 　メニュー用インナークラス	 */
	.menu-inner {
		width: 950px;
	}

	.fixed_banner_pc {
		display: inline-block; /* 消していたバナーを表示させます */
		width: 180px; /* バナーの横幅を指定してあげます */
	}

}

/*画面幅が474px以下の時*/
@media screen and (max-width:474px){
	.mail_text{
		background-size:100%;
	}
}