/**************************************************************************
/* IMPORT css */
/**************************************************************************/
/*
@import url("reset.css");
*/

/**************************************************************************
/* WEB FONT 設定 Google Noto Sans
/**************************************************************************/

/**************************************************************************/
/* 基本設定
/**************************************************************************/
p {
	margin: 0 0 0 1em;
}
a {
	color: #0000CD;
}
a:hover {
	opacity: 0.8;
}
h1 {
	font-size: 1.8em;
	line-height: 1;
	position: relative;
	margin-bottom: 40px;
	padding: 0 0 .2em .45em;;
	border-left: 6px solid #6495ED;
}
h1::after {
	position: absolute;
	left: 0;
	bottom: 0;
	content: '';
	width: 100%;
	height: 0;
	border-bottom: 1px solid #ccc;
}h1 span {
	font-size: 70%;
}
h3 {
	position: relative;
	padding: 0 .5em 0 2em;
	border-bottom: 1px solid #ccc;
}
h3::before,
h3::after {
	position: absolute;
	content: '';
	border-radius: 100%
}
h3::before {
	top: .2em;
	left: .2em;
	z-index: 2;
	width: 18px;
	height: 18px;
	background: #6495ED;
}
h3::after {
	top: .7em;
	left: .7em;
	width: 13px;
	height: 13px;
	background: #ADD8E6;
}
h4 {
	padding: 0 0 .25em .5em;
	border-left: 6px solid #6495ED;
	margin-top: 20px;
	margin-bottom: 5px;
}

/**************************************************************************/
/* 共通
/**************************************************************************/
.shadow_pic {
  padding:7px;
  border:1px solid #ccc;
  background:#fff;
  box-shadow: 1px 1px 5px rgba(20,20,20,0.2);/* ドロップシャドウ 【横位置 縦位置 ぼかし幅 色】の順に記述 */
}
span.col-orange {
	color: orange;
}
span.col-red {
	color: red;
}
span.col-yellow {
	color: yellow;
}
span.col-green {
	color: green;
}
span.col-blue {
	color: blue;
}
.btn_ore {
	background-color: #F9F2B3;
	background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #F9F9F9), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #F9F9F9),color-stop(.75, #F9F9F9), color-stop(.75, transparent),to(transparent));
	-webkit-background-size: 7px 7px;
	text-align: center;
	margin: 10px auto;
	padding: 5px 0;
  border-radius: 10px;
}
.btn_ore:hover {
	background-color: #F9F2B3;
	background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #F9F9F9), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #F9F9F9),color-stop(.75, #F9F9F9), color-stop(.75, transparent),to(transparent));
	-webkit-background-size: 14px 14px;
}
p.btn_ore {
	font-weight: bold;
}
.btn_gly_bg {
	background: #fff;
  width: 100%;
  padding: 20px;
	margin: 0;
	text-align: center;
  border: 1px solid #999;
  box-shadow:1px 2px 3px #000;
  border-radius: 10px;
}
.btn_gly_bg:hover {
	background: #eee;
}

/**************************************************************************/
/* トップページ
/**************************************************************************/
.medium-block-grid-12 {
	margin-left: 0;
	margin-right: 0;
}
.top_img img {
	width: 100%;
}
.top_ctxt1 {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	text-align: left;
}
.top_ctxt1 h5 span {
	font-size: 140%;
}
.top_conts {
	margin: 30px 0;
}
.top_picup p {
	font-weight: bold;
	padding: 5px 0;
	color: #000099;
}
.top_picup p:hover {
	color: #0000FF;
}
.top_etp {
	margin: 10px auto;
	background-color: #dddddd;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(.5, transparent), color-stop(.5, #ffffff), to(#ffffff)),
	-webkit-gradient(linear, 0 0, 100% 0, color-stop(.5, transparent), color-stop(.5, #ffffff), to(#ffffff));
	-webkit-background-size: 5px 5px;
  border-radius: 10px;
}
.top_etp:hover {
	background-color: #dddddd;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(.5, transparent), color-stop(.5, #ffffff), to(#ffffff)),
	-webkit-gradient(linear, 0 0, 100% 0, color-stop(.5, transparent), color-stop(.5, #ffffff), to(#ffffff));
	-webkit-background-size: 10px 10px;
}
.top_etp p {
	padding: 10px 0;
	color: #000099;
}
.top_etp p:hover {
	color: #0000FF;
}
.top_etp span {
	color: #FF9900;
}
.top_ct_box1_l .
.top_ct_box1_r {
	height: 180px;
}
.top_ct_box1_l {
	padding: 10px 5px;
	width: 48%;
	float: left;
	text-align: center;
	border-bottom: 1px solid #ccc;
  -webkit-box-shadow: 10px 10px 6px -6px #777;
     -moz-box-shadow: 10px 10px 6px -6px #777;
          box-shadow: 10px 10px 6px -6px #777;
}
.top_ct_box1_l p {
	font-size: 90%;
	font-weight: bold;
	line-height: 1.2;
}
.top_ct_box1_l_1 {
	margin-bottom: 10px;
}
.top_ct_box1_l p span.col-blue {
	font-size: 120%;
}
.top_ct_box1_r {
	padding: 10px 5px;
	background: #FFFFFF;
	width: 48%;
	float: right;
	text-align: center;
	border-bottom: 1px solid #ccc;
  -webkit-box-shadow: 10px 10px 6px -6px #777;
     -moz-box-shadow: 10px 10px 6px -6px #777;
          box-shadow: 10px 10px 6px -6px #777;
}
.top_ct_box1_r p {
	font-size: 90%;
	color: #CC6600;
	font-weight: bold;
	line-height: 1.2;
}
.top_ct_box1_r p span.col-red {
	font-size: 110%;
}
.top_ct_box2_l {
	width: 28%;
	float: left;
}
.top_ct_box2l img {
	width: 100%;
}
.top_ct_box2_r {
	width: 68%;
	float: right;
}
.top_ct_box_r1 ,
.top_ct_box_r2 ,
.top_ct_box_r3 {
	text-align: left;
	width: 98%;
  margin: 5px auto;
  -webkit-box-shadow: 10px 10px 6px -6px #777;
     -moz-box-shadow: 10px 10px 6px -6px #777;
          box-shadow: 10px 10px 6px -6px #777;
}
.top_ct_box_r1 p ,
.top_ct_box_r2 p ,
.top_ct_box_r3 p {
	position: relative;
	padding: .25em 0 .5em .75em;
}
.top_ct_box_r1 p::after ,
.top_ct_box_r2 p::after ,
.top_ct_box_r3 p::after {
	position: absolute;
	left: 0;
	bottom: 0;
	content: '';
	width: 100%;
	height: 0;
	border-bottom: 1px solid #ccc;
}
.top_ct_box_r1 p {
	border-left: 6px solid #6633FF;
}
.top_ct_box_r2 p {
	border-left: 6px solid #33CC33;
}
.top_ct_box_r3 p {
	border-left: 6px solid #FFFF33;
}

.top_ctxt3 p ,
.top_ctxt4 p {
}
.top_kotuhi p {
	font-weight: bold;
	color: #000099;
}
.top_kotuhi p:hover {
	color: #0000FF;
}
.top_ctxt1 .btn_ore {
	width: 100%;
}
.top_news_spec table {
	width: 100%;
}
.top_ctxt4  .btn_ore {
	width: 60%;
}
.top_ctxt5 ,
.top_ctxt6 {
}
.fot_priv {
	text-align: left;
}

/**************************************************************************/
/* レッスンシステム
/**************************************************************************/
.lessys_cent .btn_ore {
	width: 100%;
}
.lessys_btn_ore:hover {
	background-color: #F9F2B3;
	background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #F9F9F9), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #F9F9F9),color-stop(.75, #F9F9F9), color-stop(.75, transparent),to(transparent));
	-webkit-background-size: 14px 14px;
}
.lessys_btn_ore p {
	font-weight: bold;
}
.frespc_img img {
	width: 100%;
}

/**************************************************************************/
/* 受講料
/**************************************************************************/
.price_cent table {
	width: 100%;
}
.price_tbl1 th {
	width: 160px;
}
.price_tbl1 th {
	width: 120px;
}

/**************************************************************************/
/* 無料スペース
/**************************************************************************/
.frespc_cent_02 p {
	color: #FF8C00;
	font-weight: bold;
}
.frespc_cent_01 ,
.frespc_cent_02 {
	margin: 0 0 20px 10px;
}
.frespc_cent p.shadow_pic {
	width: 50%;
}
.frespc_cent shadow_pic img {
	width: 100%;
}
.frespc_cent img.frespc_tit_img1 {
	width: 7%;
	margin-bottom: 15px;
}
.frespc_cent img.frespc_tit_img2 {
	width: 7%;
	margin-bottom: 25px;
}
.frespc_cent img.frespc_tit_img3 {
	width: 7%;
	margin-bottom: 0;
}

/**************************************************************************/
/* 会社概要ページ
/**************************************************************************/
.about_cent table {
	width: 100%;
}
.about_tbl02 td:nth-child(1) {
	width: 80px;
	text-align: right;
}
.about_tbl02 td:nth-child(2) {
	width: 50px;
	text-align: right;
}

/**************************************************************************/
/* よくある質問
/**************************************************************************/
.qainfo_titl p {
	background: #FAFAD2;
	border: 1px solid #eee;
	float: none;
	width: auto;
	padding: 0 0 .25em .5em;
	border-left: 6px solid #ccc;
	margin-top: 5px;
	margin-bottom: 5px;
}
@media ( min-width : 740px) {
	.qainfo_titl p {
		float: left;
		width: 46%;
	}
}
.qainfo_titl p:nth-child(3) ,
.qainfo_titl p:nth-child(5) {
	height: auto;
}
@media ( min-width : 740px) {
	.qainfo_titl p:nth-child(3) {
		height: 55px;
	}
	.qainfo_titl p:nth-child(5) {
		height: 105px;
	}
}
.qainfo_titl p:hover {
	background: #FF8C00;
	color: #fff;
}
.qainfo_list p {
	border: 1px solid #999;
	padding: 5px;
}
.qainfo_prt .title_p i {
	margin: auto 5px;
	color: #6495ED;
}
.qainfo_list .list_p i {
	margin: auto 5px;
	color: #FF8C00
}
.qainfo_list p.title_p {
	background: #eee;
}

/**************************************************************************/
/* コンタクト
/**************************************************************************/
.contac_cent {

}
.contac_head p {
	margin-bottom: 20px
}
.contac_cent table {
	width: 100%;
}
.cont_info {
	font-size: 70%;
}

/**************************************************************************/
/* プロファイル
/**************************************************************************/
.profile_txt1 h6 {
	font-weight: bold;
	margin-left: 10px;
}
.profile_txt1 p {
	margin-bottom: 20px;
}

/**************************************************************************/
/* 採用情報
/**************************************************************************/
.recrt_cent h5 {
	font-size: 1.5em;
	font-weight: bold;
}
.recrt_add {
	text-align: right;
}

/**************************************************************************/
/* 講師検索
/**************************************************************************/
.instrct_cent table {
	font-size: 80%;
}
.instrct_cent table th {
	text-align: center;
}
.instrct_cent img {
	width:100%;
}
.instrct_cent td:nth-child(1) {
	width: 70px;
}
.instrct_cent td:nth-child(2) {
	width: 200px;
}
.instrct_cent td:nth-child(3) {
	width: 80px;
}
.instrct_cent td:nth-child(4) {
}
.instrct_cent td:nth-child(5) {
	width: 80px;
	font-size: 90%;
}
.instrct_cent img.inc_teac {
	width:100%;
}
.instrct_cent img.inc_flag {
	width:40px;
}
.ins_blok {
	margin: 10px 5px;
	border: 1px solid #ccc;
  box-shadow: 1px 1px 5px rgba(20,20,20,0.2);/* ドロップシャドウ 【横位置 縦位置 ぼかし幅 色】の順に記述 */
	width: 100%;
	float: none;
}
@media screen and (min-width: 740px) {
	.ins_blok {
		width: 100%;
		float: left;
	}
}
.ins_blok p {
	margin: 0;
	padding: 5px;
	font-size: 80%;
	text-align: center;
}
.ins_blok h6 {
	margin: 0;
	padding: 10px 0 5px 5px;
	font-size: 90%;
	font-weight: bold;
  line-height: 0;
}
.ins_01 {
	width: 100%;
}
.ins_name {
	width: 100%;
}
.ins_02 {
	width: 100%;
}
.ins_phot {
	width: 20%;
	float: left;
}
.ins_phot img {
	width: 100%;
	margin: 5px;
}
.ins_opt {
	width: 78%;
	float: right;
}
.ins_nati {
	width: 100%;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
.ins_nati img {
	width: 31%;
	margin: 0 5px;
}
.ins_lang {
	width: 100%;
  border-bottom: 1px solid #ccc;
}
.ins_pric {
	width: 100%;
  border-bottom: 1px solid #ccc;
}
.ins_03 {
	width: 100%;
}
.ins_mess {
	margin-top: 10px;
  border-top: 1px solid #ccc;
	width: 100%;
}
.ins_mess p {
	padding: 10px;
	text-align: left;
}

/**************************************************************************/
/* 幼稚園・保育園・老人ホームなど各種施設での英会話レッスンのご案内
/**************************************************************************/
.kinder_cent table {
	width: 60%;
}
.kinder_cent h6 {
	font-weight: bold;
	font-size: 120%;
}

/**************************************************************************/
/* 子供自宅マンツーマン英会話
/**************************************************************************/
.kidst_main_img img {
	width: 80%;
}
.kidst_3com_img {
	margin: 0 auto;
}
.kidst_3com_img img {
	width: 30%;
}
.kidst_txt1 td:nth-child(2) {
	width: 70%;
}
.kidst_txt2 th {
	text-align: center;
	background: #eee;
}
.kidst_add {
	text-align: right;
}

/**************************************************************************/
/* ちょこっと英会話 / 英会話例
/**************************************************************************/
.enjoy01_3col_img img ,
.enjoy02_3col_img img {
	width: 100%;
	margin-bottom: 10px;
}

/**************************************************************************/
/* マンツーマンカフェレッスン
/**************************************************************************/
.cafe_box1 ,
.cafe_box2 {
	background: #eee;
	padding: 10px;
}
.cafe_3col_img p {
	margin-bottom: 40px;
}

/**************************************************************************/
/* イベント
/**************************************************************************/
.event_img {
	margin: 0;
}
.event_img img {
	width: 100%;
}

/**************************************************************************/
/* 海外留学
/**************************************************************************/
.study_add {
	text-align: right;
}
.study_cent h6 {
	font-weight: bold;
	margin-left: 5px;
}
.study_cent p {
	font-size: 90%;
}

/**************************************************************************/
/* 受講者様の声
/**************************************************************************/
.voice_cent h6 {
	font-weight: bold;
	margin-left: 5px;
}
.voice_box1 ,
.voice_box2 ,
.voice_box3 ,
.voice_box4 ,
.voice_box5 {
	background: #eee;
	padding: 10px;
}

/**************************************************************************/
/* 語学・教育関連リンク集
/**************************************************************************/
.link_cent ul {
	list-style-type: none;
}
.link_cent li {
	margin: 10px auto;
}
.link_cent i {
	margin: auto 10px;
}
.link_main_img img {
	width: 100%;
}

/**************************************************************************/
/* 講師の交通費について
/**************************************************************************/
.mmmap_map {
	margin: 20px auto;
	text-align: center;
}
.mmmap_map img {
	width: 90%;
  box-shadow: 1px 1px 5px rgba(20,20,20,0.2);/* ドロップシャドウ 【横位置 縦位置 ぼかし幅 色】の順に記述 */
}
.mmmap_add {
	text-align: right;
}

/**************************************************************************/
/* プライバシーポリシー
/**************************************************************************/
.priv_cent h6 {
	font-weight: bold;
	margin-left: 5px;
}
.priv_cent p {
	margin-bottom: 20px;
}

/**************************************************************************/
/* ヘッダー
/**************************************************************************/
header .head_logo img {
	width: 50%;
}
header .head_lef {
	text-align: right;
}
.top_img {
	margin-bottom: 5px;
}

/**************************************************************************/
/* グローバルナビ
/**************************************************************************/
.top-bar .toggle-topbar.menu-icon a span::after {
	box-shadow: 0 0 0 1px #777,
							0 7px 0 1px #777,
							0 14px 0 1px #777;
}
.contain-to-grid ,
.top-bar ,
.top-bar-section li:not(.has-form) a:not(.button) ,
.top-bar.expanded .title-area ,
.top-bar .toggle-topbar.menu-icon a {
	background:#fff;
	color: #777
}
/** activeメニューのアイテムをデフォルトの黒からグラデーションへ変更 **/
.top-bar-section ul li.active > a {
  background: #fff;
  color: #777;
}

/** 非アクティブなメニューアイテムのhoverステートを変更 **/
.top-bar-section li:hover a {
  background: #fff;
  color: #777;
}

/** 非アクティブなメニューアイテムのテキスト職を黒へ変更 **/
.top-bar-section ul li > a {
  background: #fff;
  color: #777;
}

/** ドロップダウンメニューのアイテムのhoverステートを変更 **/
.top-bar-section ul.dropdown li a:hover:not(.button) {
  background: #fff;
  color: #777;
}

/** 重要 : ドロップダウンのコンテナであるulを塗りつぶす **/
.top-bar-section ul.dropdown {
  background: #fff;
  color: #777;
}

/** これはドロップダウンの矢印の色と場所を修正しています **/
.top-bar-section .has-dropdown > a:after {
  background: #fff;
  color: #777;
  margin-top: 2.5px;
}
.top-bar .toggle-topbar.menu-icon a span::after {
	box-	shadow: 0 0 0 1px #777,0 7px 0 1px #777,0 14px 0 1px #777;
}
nav .title-area img {
	height: 100%;
}
.nav_area {
	padding: 10px 0;
}

/**************************************************************************/
/* サイドバー
/**************************************************************************/
aside .sb_bnr_area img {
	margin: 5px auto;
	width: 100%;
}

/**************************************************************************/
/* フッター
/**************************************************************************/
footer {
}
footer a {
	color: #fff;
}
footer .fot_cpy {
	text-align: right;
}
.footer_bk {
	background: #3498db;
	color: #fff;
	padding-bottom: 20px;
}

/**********************************************************
/* ＴＯＰへ戻るボタン
/*********************************************************/
.pageTop {
	display:none;
	position:relative;
	width:90%;
	max-width:900px;
	height:0;
	margin:0 auto;
}
.pageTop a {
	position: fixed;
	bottom: 0px;
	left:auto;
	display: block;
	width: 66px;
	hegiht:66px;
	margin-left:920px;
	padding:1em 0 1em 2px;
	background:#3498db;
	text-align:center;
	outline:none;
	text-decoration: none;
	z-index:9999;
	border-radius:3px 3px 0 0;
}
.pageTop a:before,
.pageTop a:after {
	position:absolute;
	left:50%;
	content:"";
	width:0px;
	height:0px;
	margin-left:-10px;
	border:10px solid transparent;
}
.pageTop a:before {
	top:50%;
	margin-top:-13px;
	border-bottom:10px solid #3498db;
}
.pageTop a:after {
	top:50%;
	margin-top:-15px;
	z-index:-1;
	border-bottom:10px solid #fff; /* 矢印の色 */
}
/* タブレット向け */
@media screen and (min-width: 480px) and (max-width: 959px) {
	.pageTop {
		width:100%;
	}
	.pageTop a {
		left:-68px;
		margin-left:100%;
	}
}/* タブレット向けここまで */
/*	スマホ向け  */
@media screen and (max-width: 479px) {
	.pageTop {
		width:100%;
	}
	.pageTop a {
		left:-68px;
		margin-left:100%;
	}
}/* スマホ向けここまで */

/**************************************************************************
/* その他の float/clear クラス
/**************************************************************************/
.fltrt { 
	float: right;
}
.fltlft { 
	float: left;
}

/**************************************************************************
/* その他の
/**************************************************************************/
.clearfix {
	zoom:1;
}
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}
p.line { 
	border-bottom: 2px solid #666; 
	margin:10px 0;
}
.height-sp5 { /* 高さ調整用 */
	height:5px;
}
.height-sp10 { /* 高さ調整用 */
	height:10px;
}
.height-sp20 { /* 高さ調整用 */
	height:20px;
}
.height-sp30 { /* 高さ調整用 */
	height:30px;
}
.height-sp40 { /* 高さ調整用 */
	height:40px;
}
.height-sp50 { /* 高さ調整用 */
	height:50px;
}
.height-sp60 { /* 高さ調整用 */
	height:60px;
}
.height-sp70 { /* 高さ調整用 */
	height:70px;
}
.height-sp80 { /* 高さ調整用 */
	height:80px;
}
.height-sp90 { /* 高さ調整用 */
	height:90px;
}
.height-sp100 { /* 高さ調整用 */
	height:100px;
}
.height-spTOPcont { /* 高さ調整用 TOP用*/
	height:120px;
}
@media ( min-width : 740px) {
	.height-spTOPcont { /* 高さ調整用 TOP用*/
		height:auto;
	}
}
.height-spANTcont { /* 高さ調整用 TOP以外用*/
	height:0px;
}
.marg_lf_10 {
	margin-left:10px;
}
img.ex-link {
	margin: 0 0 0 5px ;
	width: 10px;
	border: none;
}
.fo-normal {
	font-weight: normal;
}
.fo-bold {
	font-weight: bold;
}
.fo-clr-blue {
	color: #6495ED;
}
.fo-clr-red {
	color: #ff0000;
}
.fo-clr-gren {
	color: #008000;
}
.fo-clr-yell {
	color: #ffff00;
}
.fo-clr-gley {
	color: #aaa;
}

/**************************************************************************
/* スマートフォン/ＰＣの表示非表示切替【注意：インライン要素に対して使用して下さい】
/**************************************************************************/
.disp-sm-none { /* スマートフォンの際に非表示にする */
	display: none;
}
.disp-pc-none { /* ＰＣの際に非表示にする */
	display: inline;
}
@media ( min-width : 740px) {
	.disp-sm-none { /* スマートフォンの際に非表示にする */
		display: inline;
	}
	.disp-pc-none { /* ＰＣの際に非表示にする */
		display: none;
	}
}
.tel-link { /* 電話番号をスマホの場合リンクにする */

}