@charset "utf-8";

/* ----------------------------------------------------------------------
 レイアウト
---------------------------------------------------------------------- */
@media only screen and (max-width:1279px) {
  body { min-width:auto;}
  #left_col { width:-webkit-calc(100% - 4.3478% - 300px); width:-moz-calc(100% - 4.3478% - 300px); width:calc(100% - 4.3478% - 300px); }
  #side_col { width:300px; }
  #main_col, .header_inner, .header_inner2, #bread_crumb ul, #header_slider, #header_image,
  #footer_top .footer_inner, #footer_bottom .footer_inner, #footer_widget .footer_inner { width:89.84375%;}
ul.point3 {list-style: none;margin-top: 25px;width:95%;}	
ul.point3 li {width: 32%;float: left;margin-right: 2%;}
ul.point3 li img {max-width:100%;height: auto;}
ul.point3 li p {font-size: 14px;line-height:1.6;margin: 12px 0 20px 20px;text-align: left;}
.crriculum {position: relative; width:100%;}
.crriculum p.text01 {width: 65%;position: absolute;top: 12%;left: 25%;font-size: 14px;line-height:1.6;text-align: left;}
#course_block {width: 100%;background-size: 100% auto;}
ul.course {width:78%;list-style: none;}
ul.course li {width: 23%;margin: 0px 2% 0 0;}
ul.course li img {max-width:100%;height: auto;}
.resson_flow {background-size: 100% auto;}
.resson_flow ul {width: 77% ;background-size: 117.5% auto;padding: 0 4% 168px;background-position: center bottom;}
.resson_flow ul li {float: left;width: 48%;margin-right: 4%;}
.crriculum p.text02 {width: 70%;left: 15%;bottom: 0;font-size: 14px;}
.present {width: 100%;height: initial;}
.present em {width: 42%;height: initial;top: auto;bottom: 50px;left: 50%;}
.present p {width: 42%;top: auto;bottom:28%;left: 50%;font-size: 14px;line-height: 1.5;}
/* ----------------------------- */
.jr_event p.event {width: 100%;}
#jr_report ul {
	width: 100%;
	margin: 50px auto 0;
	list-style: none;
}
#jr_report ul li {
	width: 42.5%;
	height: initial;
	background-color: #FFF;
	float: left;
	-moz-border-radius: 10px; 
   -webkit-border-radius: 10px;
   border-radius: 10px;
padding: 10px 3% 35px;
	position: relative;
	text-align: center;
}
	#jr_report ul li.mr40 {margin-right: 3% !important;}
#jr_report p.text01 {
	font-size: 15px;
	line-height: 1.6;
}
.report_img {
	margin-top: 40px;
}
#jr_report ul li p {
	font-size: 15px;
	line-height: 1.8;
	text-align: left;
	margin-top: 35px !important;
}
#jr_report ul li em {
	width: 35%;
	height: auto;
	position: absolute;
	bottom: 15px;
	right: 15px;
}
.ws {
	width: 50%;
}
.line_box dl.application dd img {max-width:100%;}
	
/* TOP　採用情報 */
#index_recruit { margin:60px 0; width: 65% !important; float:left; }
#index_recruit ol { margin:30px 0 30px 0; border-top:1px solid #ddd;}
#recruit_side {width: 30%;float:right;margin:60px 0 30px 0;}
#recruit_side ul {border-top: 1px solid #ccc;}
#recruit_side ul li {text-align:center; padding: 15px 0;border-bottom: 1px solid #ccc;}
#recruit_side ul li:hover {opacity: 0.7;}
#recruit_side ul li img {max-width: 100%;height:auto;}
/* CONCEPT */
.g_concept {background-size: 80% auto;}
#lesson_points {width:100%;margin: 0 auto;padding-bottom: 60px;position:relative;}
#lesson_points ul {background-size:100% auto;padding:35px 50px;}
#lesson_points ul li {float: left;max-width:380px;width: 46%;margin-right: 8%;}
#lesson_points ul li:nth-of-type(2n) {margin-right:0;}
#lesson_points ul li:nth-of-type(3) {clear:both;}
#lesson_points ul li p {margin-top: 15px;line-height:1.8;}
#lesson_points em.icon1 {position: absolute;bottom:710px;left: 40px;}
#lesson_points em.icon2 {position: absolute;bottom:730px;right: 60px;}
	/* ほめ達 */
div.hometatsu_school {background-image:url(/img/hometatsu_bkimg.png);background-repeat: no-repeat;
	background-size:100% auto;width:50%;max-width:initial;padding: 21% 0 5% 50%;}
.hometatsu_school h3 {font-size:26px;}
.hometatsu_school p {font-size:14px;margin-top: 12px;}
.hometatsu ul#hometatsu_con {max-width:1030px; width: 100%;margin: 60px auto 0;list-style: none;}
.hometatsu ul#hometatsu_con li {width:45%;margin-right: 10%;float:left;}
.hometatsu ul#hometatsu_con li:last-of-type {margin-right:0;}
.hometatsu ul#hometatsu_con li h3 {font-size: 22px;margin-top: 25px;}
.hometatsu ul#hometatsu_con li p {font-size: 14px;line-height: 1.8;text-align: left;margin-top: 15px;}
#companymap , #link_list {width: 88%;margin: 0 auto;}
#companymap td .map {width: 720px;height: 400px;margin: 10px auto 0;}
#companymap td {line-height: 1.5;}
#companymap td p {font-size:15px;line-height: 1.4;margin: 0;}
#link_list td .list_map {width:100%; height:160px;margin: 10px auto 0;}
#link_list td .map iframe, td .list_map iframe {width: 100%;height: 100%;margin: 0;}
#link_list td p {font-size: 14px;line-height: 1.8;text-align: left;}
}

@media only screen and (max-width:991px) {
  #left_col, #side_col, #header_slider, #header_image,
  #footer_top .footer_inner, #footer_bottom .footer_inner { width:initial; }
  #left_col, #side_col { float:none !important; }
  #main_col, #bread_crumb ul, #footer_widget .footer_inner { width:initial; padding:0; }
	
  #main_col { margin-bottom:40px;}
/*2行にした部分消去*/
	#header {max-height: 60px;
	}
	.crriculum p.text01 {top: 9.5%;font-size: 14px;}
	.crriculum p.text02 {width: 66%;left: 17%;bottom: 0;font-size: 13px;}
	.present em {bottom: 20px;}
	.present p {bottom:18%;font-size: 13px;line-height: 1.4;}
.jr_event h3 {
	width: 100%;
	margin: 35px auto 0;
}
.jr_event ul {
	width: 100%;
	margin: 35px auto 0;
	list-style: none;
}
.jr_event ul li {
	width: 32%;
	float: left;
	margin-right: 2%;
}
.jr_event ul li.last {
	margin-right: 0;
}
.jr_event ul li p {
	text-align: left;
	font-size: 14px;
	line-height: 170%;
	margin-top: 12px;
}
#lesson_points ul {background-size:100% auto;padding:30px 30px;}
#lesson_points em.icon1 {display: none;}
#lesson_points em.icon2 {display: none;}
div.hometatsu_school {background-image:url(/img/sp_hometatsu_bkimg.png);background-repeat: no-repeat;
background-size:100% auto;width:65%;max-width:initial;padding: 5% 0 2% 35%;}
}
@media only screen and (max-width:880px) {
	.crriculum p.text01 {top: 8.4%;font-size: 13px;line-height:1.5;width:70%;}
	.crriculum p.text02 {width: 66%;left: 17%;bottom: -15px;font-size: 13px;}
	.present em {bottom: 20px;}
	.present p {bottom:17%;font-size: 12px;line-height: 1.4;}
dl.sc_tell {width: 100%;font-size: 14px;float: none;}
dl.sc_tell:first-of-type {margin-right: 0;margin-top:0;margin-bottom:0;}
	/* ほめ達 */
.hometatsu_school h3 {font-size:18px;}
.hometatsu_school p {font-size:12px;margin-top: 10px;line-height: 1.6;}
}

@media only screen and (max-width:640px) {
  #main_col { margin-bottom:0; padding:0;}
#bread_crumb ul,.header_inner, .header_inner2 {padding: 0 20px;}
#side_col {width: 70%;margin: 0 auto;}
ul.point3 {list-style: none;margin-top: 25px;width:89.84375%;}
ul.point3 li {width: 100%;float: none;margin-right:0;text-align:center;}
ul.point3 li img {max-width:80%;height: auto;}
ul.point3 li p {font-size: 13px;}
.crriculum p.text01 {top: 6%;font-size: 12px;line-height:1.5;width:70%;}
.crriculum p.text02 {width: 66%;margin: 0px auto ;font-size: 12px;line-height:1.4;position: static;}
.crriculum .pc,.present .pc {display:none;}
.crriculum .sp,.present .sp {display: block;}
ul.course {padding-top: 10px;width:70%;}
ul.course li {width: 48%;margin: 0px 4% 0 0;}
ul.course li:nth-of-type(2),
ul.course li.last {margin-right: 0;}
ul.course li p {font-size: 13px;line-height: 1.6;}
.resson_flow ul li {float: none;width: 100%;margin-right: 0; text-align:center;margin-top:15px;}
.resson_flow ul li:last-of-type {margin-right: 0;}
.present em {bottom: 10px;}
.present p {bottom:14%;font-size: 13px !important;line-height: 1.3;width: 60%;left: 35%;}
.jr_event ul li {
	width: 100%;
	float: none;
	margin-right: 0;
	text-align:center;
}
.jr_event ul li.last {
	margin-right: 0;
}
.jr_event ul li p {
	text-align: center;
	font-size: 13px;
	line-height: 160%;
	margin-top: 12px;
}
/* ------------ */
#jr_report ul li {
	width: 94%;
	float: none;
padding: 10px 3% 35px;
	position: relative;
	text-align: center;
}
	#jr_report ul li.mr40 {margin-right: 0 !important;margin-bottom: 20px;}
#jr_report p.text01 {
	font-size: 13px;
	line-height: 1.6;
}
#jr_report ul li p {
	width: 88%;
	font-size: 13px;
	line-height: 1.6;
	text-align: left;
	padding-right: 0;
	margin: 20px 0 0 6% !important;
}
#jr_report ul li em {
	width: 20%;
	height: auto;
	position: absolute;
	bottom: 15px;
	right: 10%;
}
p.ws {
	padding: 0;
	width:60% !important;
	margin: 20px 0 0 !important;
}
.pdf_bt {
	width: 80%;
	height: auto;
	margin: 60px auto 0;
}
	.pdf_bt img {max-width:100%;height: auto;}
	/* ---------------- */
.page-in {
	width:100%;
	margin:40px auto 0;
}
.page-in img  {max-width:100%;height: auto;}
#school {
	padding: 10px 0 0;
}
#school dt {
	float: none;
	width: 100%;
	display: block;
}
#school dd {
	float: none;
	margin-left: 0;
	margin-top: 20px;
	display: block;
	font-size: 12px;
	line-height: 235%;
	width: 100%;
}
.started-bt {
	width: 60%;
	text-align: center;
	display: block;
	clear: both;
	padding: 0px;
	margin: 0 auto;
}
#lesson_points ul li {float: none;max-width:100%;width: 100%;margin-right: 0;}
#lesson_points ul li:nth-of-type(2+n) {margin-top:20px;}
p.center {text-align: left !important;margin-top:2em;}
p.center:last-of-type {margin-top: 3em;}
div.hometatsu_school {background-image:url(/img/sp2_hometatsu_bkimg.png);background-repeat: no-repeat;
background-size:100% auto;width:96%;padding: 31% 2% 5px;}
.hometatsu_school h3 {font-size:16px;}
.hometatsu_school p {font-size:11px;margin-top: 5px;line-height: 1.5;}
.hometatsu ul#hometatsu_con {max-width:100%; width: 100%;margin: 60px auto 0;list-style: none;}
.hometatsu ul#hometatsu_con li {width:100%;margin-right: 0;float:none;}
.hometatsu ul#hometatsu_con li:last-of-type {margin-right:0;margin-top:20px;}
.hometatsu ul#hometatsu_con li h3 {font-size: 18px;margin-top: 10px;}
.hometatsu ul#hometatsu_con li p {font-size: 13px;line-height: 1.6;text-align: left;margin-top: 10px;}
#link_list td {width: 90% !important;display:block;border-bottom: none;}
	#link_list td:last-of-type {border: 1px solid #ccc;}
#link_list td .list_map {width:100%; height:160px;margin: 10px auto 0;}
#link_list td .map iframe, td .list_map iframe {width: 100%;height: 100%;margin: 0;}
#link_list td p {font-size: 14px;line-height: 1.8;text-align: left;}
}
@media only screen and (max-width:520px) {
	.crriculum p.text01 {top: 5%;font-size: 10px;line-height:1.5;width:72%;}
	.present p {bottom:14%;font-size: 11px !important;line-height: 1.2;}
}
@media only screen and (max-width:450px) {
	.crriculum p.text01 {top: 4.25%;font-size: 10px;line-height:1.5;width:72%;}
	.present p {bottom:13%;font-size: 9px !important;line-height: 1.2;}
}
@media only screen and (max-width:360px) {
	.crriculum p.text01 {top:3.5%;font-size: 9px;line-height:1.5;width:72%;}
	.resson_flow ul {padding-bottom: 120px;}
	.present p {bottom:13%;font-size: 9px !important;line-height: 1.1;}
}

/* ----------------------------------------------------------------------
 基本設定
---------------------------------------------------------------------- */
@media only screen and (max-width:640px) {
  /* 共通ヘッドライン（背景あり） */
  .headline_bg_l { font-size: 15px;padding:0.8em 0.6em 0.6em; line-height: 1.6;}
  .headline_bg_l span { font-size:12px; position:relative; top:-1.5px; margin-left:7.5px;  }
  .headline_bg_l a { font-size:11px; margin-top:3px; }
  .headline_bg_l a:after { font-size:12px; top:40%;}
  .headline_bg { padding:16.25px 22px; font-size:15px; }
  .headline_bg a { font-size:11px; margin-top:2px; padding:0 18px 0 0; }
  .headline_bg a:after { font-size:12px; margin-top:-5px;}
}





/* ----------------------------------------------------------------------
 ヘッダー
---------------------------------------------------------------------- */

@media only screen and (max-width:1279px) {
  .header_fix.fix_top #header { width:100%; min-width:initial; }
}

@media only screen and (max-width:991px) {
.header_inner { width:100%; max-width:100%;min-height:76px; margin:0 auto; position:relative;padding: 0 20px; }
.header_inner2 { width:100%; max-width:100%; margin:0 auto; position:relative;;min-height:60px; }
  #header { position:relative; border-top:0!important; }
  .header_inner, .header_inner2 { height:60px; min-height:initial; }

  /* メニューボタン */
  a.menu_button {
 position:absolute; right: 0; z-index:9; text-align: center;top:-60px;
    display:inline-block; font-size:11px; color:#000; width:60px; height:60px; line-height:60px; text-decoration:none;
  }
  a.menu_button span { text-indent:100%; white-space:nowrap; overflow:hidden; display:block; }
  a.menu_button:before {
    font-family:'design_plus'; color:#000; display:block; position:absolute; top:17px; left:19px;
    font-size:18px; width:24px; height:24px; line-height:24px;
    -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
  }
  a.menu_button:before { content:'\f0c9'; }
  a.menu_button.active { background:rgba(226,190,166,.8); }

  /* ロゴ */

  #header_logo img { max-height:50px; width:60% !important;}

  /* グローバルメニュー */
  #global_menu { display:none; clear:both; width:100%; margin:0; top:0; left:0; position:absolute; z-index:11; background:#e3d0c3; -webkit-box-shadow:1px 2px 1.5px rgba(0, 0, 0, 0.1); -moz-box-shadow:1px 2px 1.5px rgba(0, 0, 0, 0.1); box-shadow:1px 2px 1.5px rgba(0, 0, 0, 0.1); }
  #global_menu ul { margin:0; width:100%; text-align:left; }
  #global_menu li, #global_menu > ul > li { display:block; width:100%; border-bottom:1px solid rgba(255,255,255,.5); }
  #global_menu ul li:last-child { border-bottom:none; }
  #global_menu ul ul { display:none; }
  #global_menu a, #global_menu > ul > li > a {
    position:relative; display:block; margin:0; padding:0px 14px; height:50px; line-height:52px; overflow:hidden; text-decoration:none;
    color:#fff; font-size:13px;
    -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
  }
  #global_menu a:hover { color:#fff; background:#c2aa99; }
  #global_menu ul ul a { padding-left:28px; background:rgba(255,255,255,.15); }
  #global_menu ul ul ul a { padding-left:42px; background:rgba(255,255,255,.3); }
  #global_menu ul ul ul ul a { padding-left:55px; background:rgba(255,255,255,.45); }
  #global_menu li.menu-item-has-children { position:relative; }
  #global_menu .child_menu_button { display:block; position:absolute; text-align:center; width:60px; height:49px; right:0px; top:1px; z-index:5; cursor:pointer; }
  #global_menu .child_menu_button .icon:before {
    content:'+'; font-size:13px; color:#fff; text-align:center;
    display:block; width:20px; height:20px; line-height:22px; border:1px solid #eee; border-radius:100%;
    position:absolute; left:20px; top:15px;}
  #global_menu .child_menu_button.active .icon:before, #global_menu .child_menu_button:hover .icon:before { color:#fff; border-color:#fff; }
  #global_menu li.menu-item-has-children.open > .child_menu_button .icon:before { content:'-'; }
  #global_menu li.menu-item-has-children.open > ul { display:block; }
	
/* top BNR */
#global_menu .menu-head_bnr-container {display: block;}
	#global_menu .menu-head_bnr-container ul#menu-head_bnr {border-top: 1px solid rgba(255,255,255,.5);}
#global_menu .menu-head_bnr-container ul#menu-head_bnr li {background-color: #5DC167; border-bottom:1px solid rgba(255,255,255,.5);}
#global_menu .menu-head_bnr-container > ul > #menu-head_bnr > li > a {color: #fff;}
#global_menu .menu-head_bnr-container > ul > li > a {color: #fff;}
	
	
  /* ヘッダー固定 */
  .mobile_fix_top.header_fix #header {
    position:fixed; width:100%; top:0px; left:0px; z-index:200; background:rgba(226,190,166,.8);  border-top:none !important;
    -webkit-transform:translateY(0%); -moz-transform:translateY(0%); -ms-transform:translateY(0%); -o-transform:translateY(0%); transform:translateY(0%);
    -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
    animation:slideDown 0.5s ease; -ms-animation:slideDown 0.5s ease; -webkit-animation:slideDown 0.5s ease; -moz-animation:slideDown 0.5s ease; 
  }

  .mobile_fix_top.header_fix #header_logo #logo_image_fixed, .mobile_fix_top.header_fix #header_logo #logo_text_fixed { display:block; }
  .mobile_fix_top.header_fix #header_logo #logo_image, .mobile_fix_top.header_fix #header_logo #logo_text { display:none; }
  .mobile_fix_top.header_fix #header_logo .logo a { color:#fff; text-decoration:none; }
  .mobile_fix_top.header_fix #header a.menu_button.active { background-color:transparent !important; }
  .mobile_fix_top.header_fix a.menu_button:before { color:#fff; }
  .mobile_fix_top.header_fix #global_menu a { color:#fff; }

  /* パンくずリンク */
  #bread_crumb { margin:10px 0 15px 30px; height:initial; font-size:11px; line-height:1.6; }
  #bread_crumb li.home a:before { font-size:11px; }
  #bread_crumb li { font-size:11px; }
  #bread_crumb li:after { font-size:9px; bottom:0; }
}
@media only screen and (max-width:640px) {
.header_inner, .header_inner2 { height:40px; min-height:initial; }
.header_inner { width:calc(100% - 40px); max-width:100%;min-height:76px; margin:0 auto; position:relative;padding: 0 20px; }
.header_inner2 { width:calc(100% - 15px); max-width:calc(100% - 15px); margin:0 auto; position:relative; }
#header_logo { position:absolute; top:42%;
  -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);
}
a.menu_button {
 position:absolute; right: 20px; z-index:9; text-align: center;top:-76px;
    display:inline-block; font-size:11px; color:#000; width:60px; height:60px; line-height:60px; text-decoration:none; }
	 #global_menu { display:none; clear:both; width:100%; margin:0; top:-16px; left:0; position:absolute; z-index:9; background:#e3d0c3; -webkit-box-shadow:1px 2px 1.5px rgba(0, 0, 0, 0.1); -moz-box-shadow:1px 2px 1.5px rgba(0, 0, 0, 0.1); box-shadow:1px 2px 1.5px rgba(0, 0, 0, 0.1); }
#global_menu .child_menu_button { display:block; position:absolute; text-align:center; width:60px; height:49px; right:20px; top:1px; z-index:5; cursor:pointer; }
  #bread_crumb { margin:10px 0 15px 0; height:initial; font-size:11px; line-height:1.6; }
}

/* ----------------------------------------------------------------------
 サイドコンテンツ
---------------------------------------------------------------------- */
@media only screen and (max-width:991px) {
  .side_widget { margin:0 0 30px 0; font-size:12px; }
  .side_headline { margin:0 0 18px 0; padding:15px 22px; }
  .side_widget ul { margin:0 0 0 14px; }
.side_widget ul { margin:0 0 0 14px; }
  .side_widget li ul { margin:8px 0 0 10px; }
.side_widget li {  border-bottom:none !important; }
	#side_col .widget_media_image {border-bottom:none;margin-bottom: 40px;}

  /* デザインされた記事一覧１ */
  /* .styled_post_list1 li { padding:7px 0; } */
  .styled_post_list1 .image { float:left; width:80px; height:80px; overflow:hidden; }
  .styled_post_list1 .info { margin:0 0 0 90px; padding:10px 0 0 0; height:70px; }
  .styled_post_list1 .date { color:inherit; }
  .styled_post_list1_tabs li { background:#f7f7f7; }

  /* 開閉式カテゴリー一覧 */
  /* .tcdw_category_list_widget .side_headline { margin-bottom:5px; } */
  .collapse_category_list { margin:0 !important; }
  /*.collapse_category_list li { border-bottom:none; } */
  /* .collapse_category_list li li { border-top:none } */
  .collapse_category_list li a { padding:10px 10px 10px 14px; }
  .collapse_category_list ul { margin:0 !important; }
  .collapse_category_list .children a { padding-left:24px; }
  .collapse_category_list .children .children a { padding-left:34px; }

  /* コースバナーリスト */
  .tcdw_course_list_widget .course_list { margin:0 !important; }
  .tcdw_course_list_widget .course_list li .caption { padding:7px 20px; font-size:16.5px; }

  /* バナーリスト */
  .side_widget.tcdw_banner_list_widget .side_headline { font-size:16.5px; }
  .side_widget.tcdw_banner_list_widget .desc { line-height:2; }
  .side_widget.tcdw_banner_list_widget .desc p { margin:0 0 1em 0; }
  ul.banner_list { margin:0 !important;}
  .side_widget.tcdw_banner_list_widget ul.banner_list { margin-top:18px; }
	ul.banner_list li {margin: 0 auto;width:70%;}
}


/* ----------------------------------------------------------------------
 フッター
---------------------------------------------------------------------- */
@media only screen and (max-width:991px) {
  /* logo */
  #footer_logo .logo { font-size:24px; }

  /* 住所 */
  #footer_address { font-size:12px; }
  #footer_address span { display:block; margin:0 !important; }

  /* SNSボタン */
  #footer_social_link { position:static; margin:20px 0; }
  #footer_social_link li a { width:22px; height:22px; }

  #footer_social_link li:before { color:#000; font-size:15px; top:4px; left:3px; }

  /* コピーライト */
  #copyright { padding:15px 10px; font-size:10px; }
  #copyright span { display:none; }

  /* ページ上部へ戻るボタン */
  #return_top a { width:45px; height:45px; }
  #return_top a:before { font-size:14px; }

  /* フッターウィジェット */
  #footer_widget .footer_inner { padding-top:30px; padding-bottom:1px; text-align:left; }
  .footer_headline { margin:0 0 12px 0; }
  .footer_widget { width:46%; margin:0 2% 30px 2%; }
  .footer_widget.widget_nav_menu { width:18%; margin:0 0 30px 2%; }
}

@media only screen and (max-width:640px) {
  /* フッターウィジェット */
  .footer_widget { width:100%; margin:0 0 30px 0; }
  .footer_widget.widget_nav_menu { width:44%; margin:0 0 30px 6%; }
  .footer_widget .collapse_category_list { border-top:none; }
	
	/* リンク追加 */
#footer_other {background-color:#FFF;text-align:center;padding: 13px 0 12px ;}
#footer_other li {display:inline-block;font-size:10px;vertical-align:medium;padding: 0 11px;border-right:1px solid rgba(0,0,0,0.5);}
#footer_other li:nth-of-type(3) {border-right:none;}
#footer_other li:last-child {border-right:none;padding-top:10px;display: block;}
#footer_houres {display: none;}
}


/* ----------------------------------------------------------------------
 トップページ
---------------------------------------------------------------------- */
@media only screen and (max-width:991px) {
  /* スライダー */
	#header_slider { margin:0 auto; }
  #header_slider .slick-dots { bottom:14px !important;}
	#header_slider .slick-arrow { display:none!important; }
	#header_slider .caption .button { margin-top:2px; }

  /* Topics */
  #index_topics { margin:-60px 0 30px ; height:60px; overflow:hidden;margin:0 -40px; }
  #index_topics .headline { display:none; }
  #index_topics ol li { margin:0 22px; height:60px; line-height:1.6; font-size:12px; }
  #index_topics ol li a { display:block; height:60px; position:relative; }
  #index_topics ol li a span { display:block; max-height:3.2em; overflow:hidden; position:absolute; top:50%;
    -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);
  }
  #index_topics ol .entry-date { margin-right:1em; }

  /* コンテンツ1 */
#index_content1 .caption .headline { font-size:15px !important; line-height:1.4; margin-bottom:0; }
#index_content1 .box { height: initial; }
	
 #index_content2 { margin:20px 0 40px; text-align:center; }
	
/* スクール・クラブ一覧 */
#index_school_select {width: 100%; margin: 0;padding: 40px 0 60px !important;background-color: #FFF;}
#index_school_select h2.school_title {font-size: 30px; text-align:center;}
#index_school_select ul.scool_select {max-width:1150px;margin: 0 auto;list-style: none;}
#index_school_select ul.scool_select li {float:left;width: 29.3333333%;padding-left:4%;margin-top: 30px;}
#index_school_select ul.scool_select li:nth-of-type(3n) {margin-right: 0;}
#index_school_select ul.scool_select li p {text-align: center;font-size:15px;margin-top: 15px; }
#index_school_select ul.scool_select li img {
    -moz-transition: -moz-transform 0.2s linear;
    -webkit-transition: -webkit-transform 0.2s linear;
    -o-transition: -o-transform 0.2s linear;
    -ms-transition: -ms-transform 0.2s linear;
    transition: transform 0.2s linear;
	max-width: 100%;height: auto;
}
#index_school_select ul.scool_select li img:hover {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}
}

@media only screen and (max-width:640px) {
#main_col { margin-top:0; margin-bottom:0; }
 #index_topics { margin:20px 0 30px ; height:60px; overflow:hidden;width:100%; }
  /* コンテンツ1 */
  #index_content1 { margin:30px 0; }
  #index_content1.columns-2, #index_content1.columns-3 { display:block; }
  #index_content1.columns-2 .box { width:100%; }
  #index_content1.columns-3 .box { width:100%; }
  #index_content1 .box { margin-bottom:20px; height:auto; }
  #index_content1 .caption { font-size:12px !important; line-height:2; }
  #index_content1 .image .caption { width:100%; height:auto; padding:0; overflow:hidden;/* background:rgba(255,255,255,0.8); position:absolute; top:14%; left:8%; */}
  #index_content1 .noimage .caption { width:100%; height:auto; padding:0; position:static; }
  #index_content1 .caption .headline { font-size:16px !important; line-height:1.4; }
  #index_content1 .caption p { margin:0 0 2em 0; }

  /* コンテンツ2 */
  #index_content2 { margin:40px 0; text-align:center; }
  #index_content2 .headline { margin:0 0 8px 0; font-size:16px !important; line-height:1.5; }
  #index_content2 .desc { font-size:12px; line-height:2; }
  #index_content2 .desc p { margin:0 0 2em 0; }

  /* コース */
  #index_course { margin:30px 0; }
  #index_course li { margin:0 0 5px 0; padding:0; width:100%; }
  #index_course li.noimage .image:after { font-size:12px; }
  #index_course li .caption { padding:7px 20px; font-size:16.5px; }

  /* お知らせ/キャンペーン */
  #index_news { margin:30px 0; }
  #index_news.columns-2 { display:block; }
  #index_news.columns-2 .index_news { width:100%; }
  #index_news ol { margin:20px 0 18px 0; }
  #index_news li { line-height:1.6; }
  #index_news .date { display:block; padding:12px 15px 6px; font-size:10px; font-weight:300; position:static;
    -webkit-transform:none; -moz-transform:none; -ms-transform:none; -o-transform:none; transform:none;
  }
  #index_news .title a { display:block; padding:0 15px 12px; text-decoration:none; position:relative; }
  #index_news .no_date .title a { padding-top:12px; }

  /* お客様の声 */
  #index_voice { margin:30px 0; }
  #index_voice li { display:block; width:100%; }
  #index_voice li a { padding:15px 18px; min-height:100px; }
  #index_voice li .image { margin:0 18px 15px 0; }
  #index_voice li .info { height:auto; overflow:initial; }
  #index_voice li .info p { margin:0; clear:left; max-height:6em; overflow:hidden;line-height:1.5; }
  #index_voice li .info .voice_name { margin-top:50px;
    -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);
  }
  #index_voice li .info .voice_name span { display:block; }
  #index_voice li.has_post_thumbnail .info { margin-left:0; width:initial; float:none; }

  /* ブログ */
  #index_blog { margin:30px 0; padding:0 22px 90px 22px; position:relative; }
  #index_blog .headline { margin:0; padding:20px 0 10px; font-size:18px; font-weight:400; line-height:1.8; text-align:center; }


  /* 営業日 */
  #index_business_day { margin:30px 0; }

/* スクール・クラブ一覧 */
#index_school_select {width: 100% !important; margin: 0;padding: 40px 0 60px !important;background-color: #FFF;}
#index_school_select h2.school_title {font-size: 18px; text-align:center;}
#index_school_select ul.scool_select {width:100%;margin: 0 auto;float: none;}
#index_school_select ul.scool_select li {float:none;width: 100%;padding-left:0;margin-top: 30px;}
	#index_school_select ul.scool_select li img {max-width:100%;height:auto;}
#index_school_select ul.scool_select li:first-child {margin-top: 0;}
#index_school_select ul.scool_select li p {text-align: center;font-size:14px;margin-top: 15px; }
/* 採用情報 */
#index_recruit { margin:60px 0; width: 100% !important; float:none; }
#index_recruit ol { margin:30px 0 30px 0; border-top:1px solid #ddd;}
#recruit_side {width: 100%;float:none;margin:60px 0 30px 0;}
#recruit_side ul {border-top: 1px solid #ccc;}
#recruit_side ul li {text-align:center; padding: 15px 0;border-bottom: 1px solid #ccc;}
#recruit_side ul li:hover {opacity: 0.7;}
	#recruit_side ul li img {max-width: 100%;height:auto;}
}

/* ----------------------------------------------------------------------
 固定ページ
---------------------------------------------------------------------- */
@media only screen and (max-width:640px) {
  /* コンテントヘッダー */
  .page_content_header { margin:0 0 30px 0; }
  .page_content_header img { display:block; width:100%; height:auto; }
	.content_header { margin-bottom:1px; }
	.content_header h2.headline {margin-bottom: 20px;}
}


/* ----------------------------------------------------------------------
 アーカイブページ
---------------------------------------------------------------------- */
@media only screen and (max-width:640px) {
  /* ヘッドライン */
  #archive_headline { margin:0 -22px; padding:15px 22px; }

  /* アーカイブ */
  #archive_wrapper { margin:0 -22px 50px -22px; padding:0 22px 25px 22px; }
  #post_list { padding:5px 0; }
  #post_list > li { width:100%; margin:25px 0; display:block; }
  #post_list li .info { padding:15px 18px 22px; background:#fff; }
  #post_list li .title { font-size:14px; line-height:2; height:auto; }
  #post_list li .meta li { font-size:10px; }
  #post_list li .meta .category span { padding:0 10px; min-width:60px; }
  #post_list li .meta .date { font-size:10px; }

  /* ページング */
  #archive_wrapper .page_navi { margin:0; padding-bottom:5px; }
}


/* ----------------------------------------------------------------------
 記事
---------------------------------------------------------------------- */
@media only screen and (max-width:640px) {
  #article { margin:0 0 30px 0; }

  /* アイキャッチ画像 */
  #post_image { padding:0; margin:0 0 27px 0; }

  /* 日付・カテゴリー */
  #post_meta_top li.category a { min-width:60px; min-height:28px; padding:0 10px; font-size:10px; }
  #post_meta_top li.date { font-size:10px; }

  /* 記事タイトル */
  #post_title { margin:0 0 20px; font-size:16px; line-height:1.5; }

  /* 記事本文 */
  .post_content { font-size:14px; }
	.post_content table { margin-bottom:20px; }

  /* ページ分割 */
  #post_pagination { margin:20px 0; clear:both; }

  /* メタ情報 */
  #post_meta_bottom { margin:0 0 30px; padding:0; background:transparent; }
  #post_meta_bottom li { display:block; margin:0 0 5px 0; padding:0 0 0 20px; border-right:none; }

  /* 次の記事、前の記事 */
  #previous_next_post { margin:0 0 30px 0; }
  #previous_next_post a { padding:15px 0; height:auto; text-align:center; background:transparent; }
  #previous_next_post a .title { display:none; }
	#previous_next_post .prev_post, #previous_next_post .next_post { width:50%; border:1px solid #eee; box-sizing:border-box; }
  #previous_next_post .prev_post a { padding-left:12%; }
	#previous_next_post .prev_post + .next_post { border-left:0; }
  #previous_next_post .next_post a { padding-right:12%; }
  #previous_next_post .prev_post a:before { content:'\e90f'; left:4%; text-align:left; }
  #previous_next_post .next_post a:before { content:'\e910'; right:4%; text-align:right; }
  #previous_next_post .prev_post a:after { content:attr(data-mobile-title); font-size:12px; }
  #previous_next_post .next_post a:after { content:attr(data-mobile-title); font-size:12px; }
  #previous_next_post2 { margin:30px 0 0 0; text-align:center; }
  #previous_next_post2 a { display:inline-block; margin:0 2px 4px 2px; padding:0 30px; min-width:150px; line-height:40px; }

  /* 広告 */
  #single_banner_area { margin:0 0 20px 0; text-align:center; }
  #single_banner_area .single_banner_left { float:none; padding:0 0 15px 0; margin:0 auto; }
  #single_banner_area .single_banner_right { float:none; padding:0 0 15px 0; margin:0 auto; }
  #single_banner_area img { max-width:100%; height:auto; display:inline; }

  /* 広告2 */
  #single_banner_area_bottom { margin:0 0 20px 0; text-align:center; }
  #single_banner_area_bottom .single_banner_left { float:none; padding:0 0 15px 0; margin:0 auto; }
  #single_banner_area_bottom .single_banner_right { float:none; padding:0; margin:0 auto; }
  #single_banner_area_bottom img { max-width:100%; height:auto; display:inline; }

  /* 広告（ショートコードver） */
  #single_banner_area2 { margin:0 0 20px 0; text-align:center; }
  #single_banner_area2 .single_banner_left { float:none; padding:0 0 15px 0; margin:0 auto; }
  #single_banner_area2 .single_banner_right { float:none; padding:0 0 5px 0; margin:0 auto; }
  #single_banner_area2 img { max-width:100%; height:auto; display:inline; }

  /* 関連記事 */
  #related_post { margin:0 -22px 30px -22px; }
  #related_post ol { margin:0; padding:25px 4px 5px 4px; }
  #related_post li { width:45%; margin:0 0 16px 3.33%; }
  #related_post li .image { margin:0 0 8px 0; }
  #related_post li .title { font-size:12px; line-height:1.6; max-height:3.2em; }
}

/* ----------------------------------------------------------------------
 お知らせ
---------------------------------------------------------------------- */
@media only screen and (max-width:640px) {
  /* お知らせ一覧 */
  #recent_news { margin:0 0 30px 0; }
  #recent_news ol { border-left:none; border-right:none; }
  #recent_news li { margin:10px 0; }
  #recent_news li a { display:block; min-height:initial; }
  #recent_news .image { width:100%; margin:0; }
  #recent_news .info { padding:14px 15px 14px; font-size:12px; line-height:1.6; border:1px solid #ddd; border-bottom:0; }
  #recent_news .has_post_thumbnail .info { padding-left:15px; width:initial; box-sizing:border-box; border-top:0; }
  #recent_news .info .date { font-size:10px; }
  #recent_news .info .title { font-size:14px; }

  /* お知らせ詳細 */
  .single-news #post_meta_top .date, .single-campaign #post_meta_top .date { min-width:60px; padding:0 10px; }
}


/* ----------------------------------------------------------------------
 コース
---------------------------------------------------------------------- */
@media only screen and (max-width:640px) {
  /* コース一覧 */
  .course_categories { margin:0 0 20px 0; }
  .course_categories li { width:50%; }
  .course_categories li a { padding:15px 10px; font-size:12.5px; }
  .course_category { margin:30px 0; }
  .course_category .course_category_headline { margin:0 0 28px 0; font-size:24px; font-weight:400; text-align:center; line-height:1.4; }
  .course_category .course_category_headline span { display:block; margin-left:0; font-size:12.5px; font-weight:300; text-align:center; position:static; }
  .course_category li { margin:0 0 20px 0; }
  .course_category li a { display:block; min-height:initial; }
  .course_category .image { width:initial; margin:0 0 8px 0; }
  .course_category .info { width:initial; margin:0; padding:15px 20px 21px; }
  .course_category .info .headline { margin:0 0 6px 0; font-size:20px; }
  .course_category .info .headline span { display:inline-block; margin-left:12px; font-size:12.5px; position:relative; top:-3px; }
  .course_category .info .desc { font-size:12px; line-height:2; }

  /* コース詳細 */
  /* .single-course .content_header { margin-bottom:28px; } */
  .single-course .content_header { margin-bottom:12px!important; }
}


/* ----------------------------------------------------------------------
 お客様の声
---------------------------------------------------------------------- */
@media only screen and (max-width:640px) {
  /* お客様の声一覧 */
  ol#voice_list { margin:0 0 30px 0; }
  ol#voice_list li { min-height:initial; }
  ol#voice_list .voice_image { width:100px; height:100px; margin:15px 18px; }
  ol#voice_list .info { padding:15px 15px 15px 18px; }
  ol#voice_list .info p { margin:0 0 1em 0; clear:left; }
  ol#voice_list .voice_name span { display:block; }
  ol#voice_list .has_post_thumbnail .info { width:initial; float:none; }
  ol#voice_list .has_post_thumbnail .voice_name { margin-top:50px;
    -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);
  }
  ol#voice_list .info .voice_button { text-align:center; }
  ol#voice_list .info .voice_button a { min-width:150px; }

  /* お客様の声詳細 */
  .single-voice #article > .headline { margin-bottom:0; }
  .voice_header { margin:20px 0 30px 0; padding:20px 0 0 0; border:1px solid #ddd; }
  .voice_header #post_title, .voice_header > p { padding:0 20px; }
  .voice_info { margin:30px 0 0 0; }
  .voice_info .voice_image img { display:block; margin:30px auto; width:initial; max-width:100%; height:auto; }
  .voice_info.has_image .voice_image { width:100%; float:none; }
  .voice_info.has_image .voice_user { width:100%; float:none; }
  .voice_info .voice_user .voice_name { font-size:1em; }
  .voice_info .voice_user table th, .voice_info .voice_user table td { border-width:1px 0 0 0; }
  .voice_info .voice_user table th + td { border-left-width:1px; }
  dl.interview dt { margin:30px 0 0 0; font-size:1em; }
  .voice_course { margin:30px 0 0 0; padding:18px 30px 30px 30px; }
  .voice_course .course_button a { padding:12px 38px; }
}


/* ----------------------------------------------------------------------
 スタッフ
---------------------------------------------------------------------- */
@media only screen and (max-width:640px) {
  /* スタッフ一覧 */
  ol#staff_list { margin:20px 0 30px 0;  }
  ol#staff_list li a { min-height:initial; }
  ol#staff_list .image { margin:16px 19px; width:50%; max-width:130px; float:left; }
  ol#staff_list .info { padding:16px 19px; }
  ol#staff_list .has_post_thumbnail .info { width:initial; float:none; }
  ol#staff_list .info .staff_name { display: block; margin:0; font-size:16px; }
  ol#staff_list .info .staff_position { display:block; margin:0 0 1em 0; font-size:12px; }
  ol#staff_list .info p { margin:0; clear:left; }

  /* スタッフ詳細 */
  .single-staff #article > .headline { margin-bottom:0; }
  .staff_info { margin:20px 0 30px 0; padding:0; border:1px solid #ddd; }
  .staff_info.has_image .staff_image { margin:18px 16px; width:50%; max-width:180px; float:left; }
  .staff_info.has_image .staff_detail { width:initial; float:none; }
  .staff_info .staff_detail .staff_name { display:block; margin:0; padding:18px 16px; font-size:16px; clear:none; }
  .staff_info .staff_detail .staff_social_link { display:block; margin:0; padding:0 16px 18px 16px; width:initial; }
  .staff_info.has_image .staff_name, .staff_info.has_image .staff_social_link {padding-left:0; }
  .staff_info .staff_detail .staff_social_link li a { display:block; overflow:hidden; width:14px; height:14px; position:relative; }
  .staff_info .staff_detail .staff_social_link li a span { display:none; }
  .staff_info .staff_detail .staff_social_link li a:before { font-size:14px; }
  .staff_info .staff_detail table { clear:left; }
  .staff_info .staff_detail table th, .staff_info .staff_detail table td { border-width:1px 0 0 0; }
  .staff_info .staff_detail table th + td { border-left-width:1px; }
  .single-staff #related_post { margin-top: 30px; }
  .single-staff #previous_next_post2 { display:-webkit-flex; display:flex; }
  .single-staff #previous_next_post2 a { width:50%; min-width:140px; margin:0; padding:0; line-height:48px; color:inherit; background:transparent; border:1px solid #ddd; font-size:12px; }
  .single-staff #previous_next_post2 a:before { color:inherit; }
  .single-staff #previous_next_post2 a + a { border-left:none; }
	.staff_info .staff_detail table th { vertical-align:middle; }
	.staff_info .staff_detail table th, .staff_info .staff_detail table td { line-height:1.5; }
}


/* ----------------------------------------------------------------------
 コメント
---------------------------------------------------------------------- */
@media only screen and (max-width:767px) {
  #comment_headline { margin:30px 0 15px 0; }
  #comment_area, #trackback_area { margin:15px 0px 0; }

  /* コメント・トラックバックのタブ */
  #comment_header { position:relative; margin:0 0 15px; }
  #comment_header ul { margin:0; }
  #comment_header ul li { float:none; text-align:center; margin:0; width:100%; }
  #comment_header ul li a, #comment_header ul li p { padding:7px; }
  #comment_header ul li.comment_switch_active a:after, #comment_header #comment_closed p:after { display:none; }

  /* コメントの基本部分 */
  .comment { padding:10px 10px 0; }

  /* フォーム部分 */
  .comment_form_wrapper { border:1px solid #ccc; margin:0 0 25px; padding:15px; background:#fff; }
}

/* ----------------------------------------------------------------------
 WordPress プリセットスタイル
---------------------------------------------------------------------- */
@media only screen and (max-width:640px) {
  .post_content p {font-size:13px; line-height:1.8; margin:0 0 2em 0; }
p.note {font-size: 11px;line-height: 160%;}
}

/* ----------------------------------------------------------------------
 pagebuilder
---------------------------------------------------------------------- */
@media only screen and (max-width:640px) {
  .post_content .pb_catchcopy { font-size:20px !important; line-height:1.5; }
  .post_content .pb_headline { font-size:20px !important; line-height:1.5; }
}

/* ----------------------------------------------------------------------
 Tablet サイドバー
---------------------------------------------------------------------- */
@media (min-width: 768px) and (max-width: 1199px) and (orientation: portrait) {
	#side_col {display:none;}
}

/* ----------------------------------------------------------------------
 お問い合わせ　タブレット
---------------------------------------------------------------------- */
@media only screen and (max-width:991px) {
#contact_support {width: 89.84375%;margin: 0 auto;}	
#form {width: 100%;}
#form table {border:none;}
#form table th { display: block;width: calc(100% - 16px); text-align: left; border: none; font-size:13px;padding:8px 8px 6px;}
#form table td p.note {font-size:12px;}
#form table td p.note_red {font-size:12px;}
#form table td {display: block; width: 100%; border: none;padding: 12px 0 20px;}
#form table td input ,
#form table td select ,
#form table td textarea {padding: 10px 10px 9px;font-size: 15px;border: 1px solid #e2e2e2;
}
#company ,
#position ,
#mail ,
#mail_kakunin ,
#department,
#seikyu_add,
#seikyu_name{
	width: 100%;
}
#address1,#address2,#address3,#address4 {
	width: 100%;font-size: 13px !important;
}

textarea {
	width: 100%;
}
#f-name,
#l-name,
#l-name_kana ,
#f-name_kana
{
	width: 250px ;
}
#f-name {
	margin-right: 20px;
}
#tell_1 , #tell_2 , #tell_3 , #zip,#zip1,#zip2 {
	width: 200px !important;
}
	
}
	

@media only screen and (max-width:640px) {
/* ----------------------------------------------------------------------
 お問い合わせ
---------------------------------------------------------------------- */
#contact_support {width: 100%; margin: 0 auto;}
#contact_support p.small_red {color: #ff0000;margin: 40px 0 0;}
	
/* table */
#form {
	margin: 20px auto 0;
	width: 100%;
}
#form table {
	border-top: none;
	border-right: none;
}
#form table th { display: block;width: 100%; text-align: left; border: none; font-size:13px;}
#form table td p.note {font-size:12px;}
#form table td p.note_red {font-size:12px;}
#form table td {display: block; width: 100%; border: none;}
#form table td input ,
#form table td select ,
#form table td textarea {
	padding: 6px;
	font-size: 16px;
	border: 1px solid #e2e2e2;
	width: 100%;
}
#company ,
#position ,
#mail ,
#mail_kakunin ,
#department,
#seikyu_add,
#seikyu_name {
	width: 100%;
}
#address1,#address2,#address3,#address4 {
	width: 100%;font-size: 13px !important;
}

textarea {
	width: 100% !important;
}
#f-name,
#l-name,
#l-name_kana ,
#f-name_kana
{
	width: 36% !important;
}
#f-name {
	margin-right: 20px;
}
#tell_1 , #tell_2 , #tell_3 , #zip,#zip1,#zip2 {
	width: 28% !important;
}

#form .norton {
	display: block;
	text-align: center;
	margin-top: 25px;
}
#form .consent {
	padding: 40px;
	border: 1px solid #e2e2e2;
	margin-top: 40px;
}
#form .consent a {
	color: #053156;
}

.address {
	margin-bottom: 10px;
}
.consent h4 {
	font-size: 14px;
}
.consent p {
	font-size: 14px;
	line-height: 180%;
	margin-top: 10px;
}
.consent em {
	font-size: 14px;
	text-align: center;
	display: block;
	font-style: normal;
	margin-top: 1em;
}
p.sub_text {
	font-size: 14px;
	line-height: 180%;
	width: 100%;
	margin:50px auto 0;
	text-align: left !important;
	vertical-align: middle;
}
p.sub_text img {
	vertical-align: middle;
	padding:0 5px 0 3px;
}
form .consent {
	width: calc(100% - 42px);
	padding: 20px !important;
	margin-top: 30px;
}
#form .consent a {
	color: #053156;
}

.address {
	margin-bottom: 10px;
}
.consent h4 {
	font-size: 14px;
}
.consent p {
	font-size: 14px;
	line-height: 180%;
	margin-top: 10px;
}
.consent em {
	font-size: 14px;
	text-align: center;
	display: block;
	font-style: normal;
	margin-top: 1em;
}
.submit_btn {position:relative;width: 242px;margin: 40px auto;}
.submit_btn:hover i {color: #FFF;}
input[type="submit"] {
font-style: normal; width: 240px; height: 50px; border: 1px solid #e30920; display: block; line-height: 100%; text-align: center; text-decoration: none; color: #e30920; margin: 0; position: relative; font-size: 14px; letter-spacing: 0.1em; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; cursor: pointer; padding:10px 0 9px;background-color: #FFF;
}
.submit_btn i {position:absolute;right: 10px;top:calc(50% - 10px); font-size: 18px;color: #e30920;}

input[type="submit"]:hover {
			background-color: #e30920;
			color: #fff;
}

input[type="submit"][disabled] {
			opacity: 0.3;
			cursor:default;
			 border: 1px solid #e30920;
}
.error {
	color:#2c51a4; font-size: 11px !important;
}
.placeholder {top: 2px !important;}
	}

@media only screen and (max-width:1050px) {
	#companymap {width: 100% !important;}
	#companymap td .map {width:100%;height: 250px;}	
	#companymap td .list_map {width:100%;height: 200px;}
	#commonwrap {width: 100%;margin: 0 auto;}
}
@media only screen and (max-width:860px) {
#conceptwrap {width:100%;margin:0 auto;}
}

@media only screen and (max-width:640px) {
.post_content h2.lw_title {font-size: 20px; margin-bottom: 20px;}
#companymap td .map {width:100%;height: 200px;}	
#companymap td {font-size: 13px !important;}
#conceptwrap h1 {margin-bottom: 20px;}
#conceptwrap h3.concept_title {font-size: 20px;margin:0 0 30px;}
#conceptwrap p.concept_copy {font-size: 13px;line-height:1.6;margin:0 0 40px;}
#conceptwrap p.concept_subcopy {font-size: 13px;line-height:1.6;margin:10px 0 40px;}
	
ul.btn_rec {margin-bottom: 20px;}
ul.btn_rec li {width: 49%;float: left;margin-right: 2%;margin-bottom:0;}
ul.btn_rec li img {max-width: 100%;height: auto;}
	ul.btn_rec li:nth-of-type(2) {margin-right: 0;}	
ul.btn_rec li:nth-of-type(3) {margin-top: 20px;}
	}
	
@media only screen and (max-width:640px) {
/*テーブル*/
 table#getsurei {
	border-top: 1px solid #D1D3D4;
	border-right: 1px solid #D1D3D4;
	margin-top: 0px;
	 margin-bottom:40px;
}
#getsurei th {
	font-size: 13px;
	color: #226942;
	border-bottom: 1px solid #D1D3D4;
	border-left: 1px solid #D1D3D4;
	padding: 8px 15px;
	/*width: calc(100% - 30px);*/
	text-align: left;
	display: block;
}
#getsurei td {
	/*width: calc(100% - 27px);*/
	display: block;
	padding: 8px 10px 8px 15px;
	font-size: 13px;
	line-height: 1.8;
	border-bottom: 1px solid #D1D3D4;
	border-left: 1px solid #D1D3D4;
}
#getsurei td li {
	list-style-position: inside;
	list-style-image: url(/img/green_maru.gif);
}
#getsurei td p a {background: url(/img/blue_sankaku.gif) no-repeat left center;display: block;padding-left: 18px;}

/* 会員制 */
.kuwashii {
	display: block;
	font-size: 18px;
	padding: 12px 0 10px;
	border: 1px solid #4a5ab1;
	color: #4a5ab1;
	text-align: center;
	clear: both;
}
	#kaiin {font-size:12px;}
	#kaiin th , #kaiin td {padding:10px !important;line-height:1.5;}
p.cap {line-height:1.5;}

.sbox {padding: 20px 30px;}
.sbox p {margin:0;}
.sbox h3 {color: #4a5ab1;line-height:1.6;border-bottom:1px solid #4a5ab1;font-size:16px;}
.sbox h4 {color: #333 !important;line-height:1.5;font-size: 14px;}
.sbox h4 strong {color:#FEA025; }
.sbox ul {margin:10px 0 10px 1em !important;}
	.sbox ul li {font-size: 13px;line-height:1.5;}
.sbox p.cap {margin-bottom: 20px;}
.sbox .sbox_fl {width:100%;margin-right: 0;float:none;}
.sbox .sbox_fr {width:100%;text-align:center;float:none;margin-bottom:20px;}
.sbox .sbox_fr img {max-width:100%;height:auto;padding-top: 10px;}
.sbox .under_dot {border-bottom:1px dotted #ccc;padding-bottom: 6px;}
/*月例　申し込み*/
.line_box {padding:20px 20px 15px;}
.line_box h3 {margin:0;font-size:15px;}
.line_box dl.application dt {font-size: 13px;float:none;width:100%;border-bottom:1px solid #4a5ab1;margin-bottom: 10px;}
.line_box dl.application dd {font-size: 13px;margin-left:0;}
.line_box dl.application dd span.note {margin:0;font-size: 11px;line-height:18px;display:block;}
.line_box dl.application dd strong {font-size: 1.2em;line-height:1.5;}
.line_box dl.application dd img {max-width:100%;}
.line_box dl.application dd span.app_red {font-size: 18px;}
ul.btn_rec {margin-bottom: 20px;}
ul.btn_rec li {width: 100%;float: none;margin-right: 0;margin-bottom:20px;}
ul.btn_rec li img {max-width: 100%;height: auto;}
ul.btn_rec li:nth-of-type(3) {margin-top: 0;margin-bottom:0;}
	}