@charset "utf-8";

/* common_smartphone */

/* ---------------------------------------------------------
 スマホ用非表示
--------------------------------------------------------- */
#g_header,
#com-hed,
#header,
.st_headerArea,
.st_navArea,
.st_header,
#side,
#main_box .t,
#main_box .b,
#bottom_link,
#st_footer,
#footer,
.st_pagetop,
.forDesktop,
.footer_bnr_area_pc,
#left-navi,
#left-navi_country {display:none;}

/* =============================================================
　clearfix　
============================================================= */

.clear { clear:both; }

.clearfix:after {
content: "";
display: block;
height: 0;
clear: both;
visibility: hidden;
overflow:hidden;
}

.clearfix {
zoom:1;
overflow:hidden;
}

/* =============================================================
　body all
============================================================= */
body {
	font-family:Verdana,"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	font-size:70%;
	height:100%;
	width:100%;
	background-color: #fff;
	-webkit-text-size-adjust:100%; 
	color:#484848;
	margin:0px;
	padding:0px;
}
/*#wrapper {
	width:100%;
	line-height: 140%;
	color: #333;
}*/
#wrap {
	padding:0;
	color:#3A4243;
	min-height:100%;
	width:100%;
	overflow-x:hidden;
	margin:0px auto;
	word-wrap: break-word;
}
a {
	background: none repeat scroll 0 0 transparent;
	color: #3A4243;
	margin: 0;
	padding: 0;
	text-decoration:none;
	-webkit-tap-highlight-color:rgba(112,193,212,0.8);
	color: #333;
}

/* 追記 160824 */
#layout_com {
	width:100%;
	box-sizing:border-box;
	overflow:hidden;
}

#main {
	width:100%;
	box-sizing:border-box;
    float: none;
}

li{
	list-style:none;
}

/* Google tag 余白調整 */
iframe[name="google_conversion_frame"] { position: absolute; top: 0; }

/* =============================================================
　Header smartphone
============================================================= */
/*#stM_header {
	width: 100%;
//	position: fixed;
	background: #FFF;
	margin:0;
	line-height: 130%;
	height:45px;
	border-bottom:#ccc solid 1px;
	z-index: 9999;
}*/
#stM_header {
 	width: 100%;
 	position: fixed;
 	top: 0;
 	left:0;
 	background: #FFF;
 	margin:0;
 	line-height: 130%;
 	/* height:89px; */
 	border-bottom:#ccc solid 1px;
 	z-index: 9997;
 	overflow: hidden;
 	box-shadow: 0 1px 8px rgba(102, 102, 102, 0.58);
}

#stM_header img{
	vertical-align:bottom;
}

#stM_header div#logo {
	float:left;
	margin:0 0 0 4px;
	padding:0;

}
#stM_header div#logo a {
	width: 100px;
	height: 37px;
	margin: 3px 0;
	display: block;
	padding: 0;
}
#stM_header div#logo img {
	vertical-align:baseline;
    max-width: 100%;
}
#stM_header .tOi {
	float:right;
	width:100px;
	padding:3px;
	text-align:center;
	font-weight:bold;
	background: #ff73a1;
	border-radius:2px;
	margin:5px 3px 0 0;
	color:#fff;
}
#stM_header_top p {
	clear:both;
	background:#949494;
	padding:4px 0;
	text-align:center;
	color:#fff;
	font-size:90%;
	width:100%;
}

/*#stM_header {
	background: #FFF;
	margin:0;
	line-height: 130%;
	height:45px;
	border-bottom:#ccc solid 1px;
}
#stM_header #logo {
	float:left;
	margin:0 0 0 4px;
	padding:0;
}
#stM_header #logo a {
	width: 110px;
	height: 40px;
	margin:0 0 5px 0;
	display: block;
	padding: 0;
}
#stM_header #logo img {
	vertical-align:baseline;
}
#stM_header .tOi {
	float:right;
	width:100px;
	padding:3px;
	text-align:center;
	font-weight:bold;
	background: #ff73a1;
	border-radius:2px;
	margin:5px 3px 0 0;
	color:#fff;
}
#stM_header_top p {
	clear:both;
	background:#949494;
	padding:4px 0;
	text-align:center;
	color:#fff;
	font-size:90%;
	width:100%;
}*/

/* ------- modal ------- */
#mask, #mask2 {
  position:fixed;
  left:0;
  top:0;
  z-index:9000;
  background-color:rgba(255, 255, 255, 0.6);
  display:none;
}
#boxes .window, #boxes2 .window2 {
  position:absolute;
  left:0px;
  top:50%;
  width:95%;
  height:100%;
  display:none;
  z-index:9999;
}
#boxes #dialog, #boxes2 #dialog2 {
  width:290px;
  background-color:transparent;
  padding-top:15px;
}
#boxes #img, #boxes2 #img {
  width:320px;
  background-color:transparent;
}
#boxes #dialog .close img, #boxes2 #dialog2 .close img {
	display:block;
	margin:30px auto;
	width:100px;
	height:35px;
}
#boxes #img .close img. #boxes2 #img .close img {
	display:block;
	margin:30px auto;
	width:100px;
	height:35px;
}
#stM_headerBox {
/*	width:250px;
	padding-top:7px;*/
	float:right;
    margin: 7px 0 0 0;
}

.headerTel {
	width: 115px;
    float: left;
    margin: 0 15px 0 0;
}
.headerTel img {
	width: 100%;
}

.stM_headerBtn {
	float:left;
}
.stM_windowInner  {
	padding:10px;
	background-color:#fff;
	border:5px solid #efefef;
}
.stM_header_btn a {
	color:#fff;
	display:block;
	font-size:11px;/*100%*/
	/*width:73px;*/
	height:32px;
	line-height:32px;
	margin:0 4px 0 0;
	text-align:center;
	border-radius:3px;
	background-color:#00b5d4;
	padding: 0 3px;
}
/*.stM_header_btn2 a {
	width:60px;
}*/

.headerMenu_list{
	float:left;
	/*margin: 2px 5px 0 0;*/
	padding: 5px 2%;
	font-size:0;
	letter-spacing:-0.4em;
	width: 100%;
	background: #f1f1f1;
	border-top: 1px solid #efefef;
	height: 49px;
	box-sizing: border-box;
}

.headerMenu_list li{
	display:inline-block;
	margin: 0 2% 0 0;
	width: 49%;
	text-align: center;
	position: relative;
	overflow: hidden;
}

.headerMenu_list li:last-child {
	margin-right: 0;
}

.headerMenu_list li a{
	display:block;
	padding: 10px 9px 8px 16px;
	font-size: 16px;
	letter-spacing: normal;
	/*background: #fd8000;*/
	border-radius: 3px;
	color: #FFF;
	font-weight:bold;
	text-decoration: none;
	box-shadow: rgb(251, 130, 0) 0px 0px 0px 1px inset, 0px 1px 1px rgba(255,255,255,0.8) inset;
	background: rgb(253,135,0);
	background: -moz-linear-gradient(top, rgba(253,135,0,1) 0%, rgba(251,92,0,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(253,135,0,1)), color-stop(100%,rgba(251,92,0,1)));
	background: -webkit-linear-gradient(top, rgba(253,135,0,1) 0%,rgba(251,92,0,1) 100%);
	background: -o-linear-gradient(top, rgba(253,135,0,1) 0%,rgba(251,92,0,1) 100%);
	background: -ms-linear-gradient(top, rgba(253,135,0,1) 0%,rgba(251,92,0,1) 100%);
	background: linear-gradient(to bottom, rgba(253,135,0,1) 0%,rgba(251,92,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd8700', endColorstr='#fb5c00',GradientType=0 );
	font-weight: bold;
}

.headerMenu_list .btn_yellow a{
    /*background: #FCAC00;*/
	box-shadow: rgb(252, 166, 0) 0px 0px 0px 1px inset, 0px 1px 1px rgba(255,255,255,0.8) inset;
    background: rgb(253,193,0);
    background: -moz-linear-gradient(top, rgba(253,193,0,1) 0%, rgba(251,163,0,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(253,193,0,1)), color-stop(100%,rgba(251,163,0,1)));
    background: -webkit-linear-gradient(top, rgba(253,193,0,1) 0%,rgba(251,163,0,1) 100%);
    background: -o-linear-gradient(top, rgba(253,193,0,1) 0%,rgba(251,163,0,1) 100%);
    background: -ms-linear-gradient(top, rgba(253,193,0,1) 0%,rgba(251,163,0,1) 100%);
    background: linear-gradient(to bottom, rgba(253,193,0,1) 0%,rgba(251,163,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdc100', endColorstr='#fba300',GradientType=0 );
}

.headerMenu_list li a .btn_ribbon {
	background: #e5006a;
    border: 2px solid #fdc244;
    color: #fff;
    display: block;
    font-size: 10px;
    left: -35px;
    padding: 1px 7px 0px 0;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    top: 1px;
    transform: rotate(315deg);
    -webkit-transform: rotate(315deg);
    -moz-transform: rotate(315deg);
    width: 100px;
}
.headerMenu_list .btn_yellow a .btn_ribbon {
	background: #18a218;
}

.header_bnr_wrap {
	/*padding-top: 93px;*/
	padding-top: 43px;
}

.stM_headerBtn {
	float:left;
	list-style:none;
	margin:0;
	padding:0;
}
.stM_windowInner  {
	padding:10px;
	background-color:#fff;
	border:5px solid #efefef;
}
.stM_header_btn a {
	color:#fff;
	display:block;
	font-size:11px;/*100%*/
	width:73px;/*80px*/
	height:32px;
	line-height:32px;
	margin:0 4px 0 0;
	text-align:center;
	border-radius:3px;
	background-color:#00b5d4;
	text-decoration:none;
}
.stM_header_btn2 a {
	width:60px;/*80px*/
}

.stM_header_btn_search button,
.stM_header_btn_drawer button {
	color:#fff;
	display:block;
	width:30px;/*35*/
	height:32px;
	margin:0 4px 0 0;
	text-align:center;
	border-radius:3px;
	background-color:#fff;
    border-style: none;
    padding: 5px 0;
	
}

.stM_windowContainer {
	background-color:#FFF;
	padding:5px 15px;
	border:5px solid #efefef;
	border-radius:6px;
	height: 400px;
}
.stM_windowheader {
	margin-bottom:15px;
}
.stM_windowheader img {
	float:left;
	margin-bottom:8px;
}
.stM_windowheader .close {
	display:block;
	color:#fff;
	font-size:100%;
	background-color:#808080;
	border-radius:3px;
	float:right;
	margin:6px 0 0 0;
	padding:8px 14px;
}
.stM_windowheader .close span {
	display:inline-block;
	color:#808080;
	margin-left:4px;
	padding:0 4px;
	background-color:#FFF;
	border-radius:2px
}
.stM_windowheader p {
	clear:both;
	margin-top:8px;
	font-size:13px;
}

.stM_footerTel a {
    background-color: #ffb725;
    background-origin: padding-box;
    background-position: 97% 50%;
    background-repeat: no-repeat;
    background-size: 7px 12px;
    border-radius: 3px;
    box-shadow: 0 3px 0 #e69c05;
    color: #fff;
    display: block;
    font-size: 140%;
    font-weight: bold;
    height: 44px;
    line-height: 44px;
    margin: 5px 0 15px;
    padding: 0 10px;
}

/* 問い合わせ */
/*.stM_headerToiawase{
	list-style:none;
	margin:0;
	padding:0;
}
.stM_headerToiawase li a{
	display:block;
	color:#fff;
	font-size:140%;
	font-weight:bold;
	border-radius:3px;
	height:44px;
	line-height:44px;
	margin-bottom:15px;
	padding:0 10px;
	box-shadow:0px 3px 0px #ce433d;
	background-color:#FF6860;
    background-image: url("/img/share/sp/next_arrow_w.png");
	background-size: 7px 12px;
	background-repeat:no-repeat;
    background-origin: padding-box;
    background-position: 97% 50%;
}
.stM_headerToiawase li img {
	vertical-align:middle;
	margin-right:15px
}*/
/* デスク */
/*.stM_headerDesk{
	list-style:none;
	margin:0;
	padding:0;
}
.stM_headerDesk li a{
	display:block;
	color:#fff;
	font-size:130%;
	font-weight:bold;
	border-radius:3px;
	height:40px;
	line-height:40px;
	margin-bottom:10px;
	padding:0 10px;
	background-color:#82C941;
    background-image: url("/img/share/sp/next_arrow_w.png");
	background-size: 7px 12px;
	background-repeat:no-repeat;
    background-origin: padding-box;
    background-position: 97% 50%;
}*/

/*.headerMenu_list{
	float:left;
	margin: 2px 5px 0 0;
	font-size:0;
	letter-spacing:-0.4em;
}

.headerMenu_list li{
	display:inline-block;
	margin: 0 5px 0 0;
}
.headerMenu_list li a{
	display:block;
	padding: 5px 9px;
    font-size: 12px;
    letter-spacing: normal;
    background: #fd8000;
    border-radius: 3px;
    color: #FFF;
	font-weight:bold
}

.headerMenu_list .btn_yellow a{
    background: #FCAC00;
}*/

.stM_header_btn_search button,
.stM_header_btn_drawer button {
	color:#fff;
	display:block;
	font-size:100%;
	width:30px;/*35*/
	height:32px;
	margin:0 10px 0 0;
	text-align:center;
	border-radius:3px;
	background-color:#fff;
    border-style: none;
	padding: 5px 0;
	
}
.stM_windowContainer {
	background-color:#FFF;
	padding:5px 15px;
	border:5px solid #efefef;
	border-radius:6px;
	height: 450px;
}
.stM_windowheader {
	margin-bottom:15px;
}
.stM_windowheader img {
	float:left;
	margin-bottom:8px;
}
.stM_windowheader .close {
	display:block;
	color:#fff;
	font-size:100%;
	background-color:#808080;
	border-radius:3px;
	float:right;
	margin:6px 0 0 0;
	padding:8px 14px;
}
.stM_windowheader .close span {
	display:inline-block;
	color:#808080;
	margin-left:4px;
	padding:0 4px;
	background-color:#FFF;
	border-radius:2px
}
.stM_windowheader p {
	clear:both;
	margin-top:8px;
	font-size:13px;
}

/* 問い合わせ */
.stM_headerToiawase li a{
	display:block;
	color:#fff;
	font-size:140%;
	font-weight:bold;
	border-radius:3px;
	height:44px;
	line-height:44px;
	margin-bottom:15px;
	padding:0 10px;
	box-shadow:0px 3px 0px #ce433d;
	background-color:#FF6860;
    background-image: url("/images/common/next_arrow_w.png");
	background-size: 7px 12px;
	background-repeat:no-repeat;
    background-origin: padding-box;
    background-position: 97% 50%;
}
.stM_headerToiawase li img {
	vertical-align:middle;
	margin-right:15px
}
.stM_headerForm {
	font-size:13px;
	line-height:1.4em;
	margin-bottom:10px;
}
.stM_headerForm a {
	color:#0048ab;
	text-decoration:underline;
}
/* デスク */
.stM_headerDesk li a{
	display:block;
	color:#fff;
	font-size:130%;
	font-weight:bold;
	border-radius:3px;
	height:40px;
	line-height:40px;
	margin-bottom:10px;
	padding:0 10px;
	background-color:#82C941;
    background-image: url("/images/common/next_arrow_w.png");
	background-size: 7px 12px;
	background-repeat:no-repeat;
    background-origin: padding-box;
    background-position: 97% 50%;
}
.stM_footerTel {
	font-size: 13px;
	text-align: center;
}
.stM_footerTel a {
	display:block;
	color:#fff;
	font-size:140%;
	font-weight:bold;
	border-radius:3px;
	height:44px;
	line-height:44px;
	margin: 5px 0 15px 0;
	padding:0 10px;
	box-shadow: 0px 3px 0px #E69C05;
	background-color: #FFB725;
	background-size: 7px 12px;
	background-repeat:no-repeat;
    background-origin: padding-box;
    background-position: 97% 50%;
}




/* =============================================================
　Pan smartphone
============================================================= */
#st_pan {
	background-color:#efefef;
	padding:6px;
	line-height:160%;
}
#st_pan nav div {
	display:inline;
}
#st_pan a {
	padding:2px;
	text-decoration:underline;
}

/****************************************
 BreadcrumbList
****************************************/
/* パンくず 2017.07 NEW */
#Breadcrumb {
    background-color: #FFF;
    margin: 10px 10px 0px;
	-webkit-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing: border-box;
    width: 96%;
}

#Breadcrumb nav {
    text-align: left;
	line-height: 1.6;
    color: #FFF;
	font-size:0;
}

#Breadcrumb nav div {
    display: inline-block;
	margin: 0 0 5px 0;
	font-size:0;
	letter-spacing:-0.4em;
}
#Breadcrumb div a {
    display: block;
    text-decoration: none;
	position:relative;
    height: 20px;
	letter-spacing:normal;
	font-size: 12px;
    padding: 0px 3px 0 14px;
	-webkit-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing: border-box;
	background:#d5e9f6;
}
#Breadcrumb nav div:first-child a{
    padding-left:7px;
	background: #0075b5;
    color: #FFF;
}
#Breadcrumb div a:before{
		content: "";
    display: block;
    border: solid transparent;
    border-left-color: #FFF;
    border-width: 12px 10px;
    position: absolute;
    top: -2px;
    left: 0px;
    z-index: 1;
}
#Breadcrumb div:first-child a:before{
    display: none;
}
	#Breadcrumb nav div a:after {
		content:"";
		display:block;
		border: solid transparent;
		border-left-color:#d5e9f6;
		border-width:10px 8px;
		position:absolute;
		top:0;
		left:100%;
		z-index: 2;
	}
	#Breadcrumb nav div:first-child a:after {
		border-left-color:#0075b5;
	}
#Breadcrumb nav div:last-child {
	color:#484848;
	font-weight:bold;
	font-size:12px;
	letter-spacing:normal;
}

#Breadcrumb nav div:last-child {
	margin: 0 0 0 10px;
}


/* =============================================================
　Footer smartphone
============================================================= */
/* go_top */
.gotop {
	text-align:center;
	display:block;
	width:100%;
	border-top:#ccc dotted 1px;
	margin:0px auto;
}
.gotop a {
	display:block;
	padding:15px 0;
}

/* footer */
footer {
	clear:both;
}
#stM_footer {
	background:#FAF8E7;
	padding-top:2px;
}
/*#stM_footer a {color: #FFF; text-decoration:none;}*/

/* デスク */
#stM_footerDeskTitle {
	font-size:120%;
	margin:0 0 6px 0;
	padding:3px 6px;
	border-bottom:1px dotted #CCC;
}
#stM_footerDesk {
	width:92%;
	margin:5px auto;
	padding:5px 5px 0 5px;
	background-color:#fff;
	border-radius:4px
}
#stM_footerDesk ul {
	font-size:120%;
	margin:0;
	padding:0;
	list-style:none;
}
#stM_footerDesk li {
	float:left;
	margin-right:8px;
	margin-bottom:6px;
	width:31%;
	text-align:center;
}
#stM_footerDesk li:nth-child(3n) {
	margin-right:0px;
}
#stM_footerDesk a {
	display:block;
	color:#000;
	height:28px;
	line-height:28px;
	background-color:#f7f3a6;
	border-radius:2px;
}
/* CVボタン */
.stM_cvBtnArea {
	width: 96%;
	margin: 10px auto;
}
.stM_cvBtnArea a {
	display: table-cell;
	vertical-align: middle;
	color: white;
	font-size:  16.5px/*15px*/;
	font-weight: bold;
	text-align: center;
	height: 50px;
	line-height: 1.2;
	background-repeat: no-repeat;
	background-position: right bottom;/*1px 1px;*/
	background-size: 41px 39px;
}
.btn_brochure,
.btn_counsel {
	display: table;
	border-radius: 5px;
}
.btn_brochure {
	width: 49%/*40%*/;
	float: left;
	box-shadow:rgb(252, 166, 0) 0px 0px 0px 1px inset,rgb(254, 212, 77) 0px 0px 0px 2px inset;
	background: rgb(253,193,0);
	background: -moz-linear-gradient(top,  rgba(253,193,0,1) 0%, rgba(251,163,0,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(253,193,0,1)), color-stop(100%,rgba(251,163,0,1)));
	background: -webkit-linear-gradient(top,  rgba(253,193,0,1) 0%,rgba(251,163,0,1) 100%);
	background: -o-linear-gradient(top,  rgba(253,193,0,1) 0%,rgba(251,163,0,1) 100%);
	background: -ms-linear-gradient(top,  rgba(253,193,0,1) 0%,rgba(251,163,0,1) 100%);
	background: linear-gradient(to bottom,  rgba(253,193,0,1) 0%,rgba(251,163,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdc100', endColorstr='#fba300',GradientType=0 );
}
.btn_counsel {
	width: 49%/*58%*/;
	float: right;
	box-shadow:rgb(251, 130, 0) 0px 0px 0px 1px inset,rgb(254, 171, 77) 0px 0px 0px 2px inset;
	background: rgb(253,135,0);
	background: -moz-linear-gradient(top,  rgba(253,135,0,1) 0%, rgba(251,92,0,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(253,135,0,1)), color-stop(100%,rgba(251,92,0,1)));
	background: -webkit-linear-gradient(top,  rgba(253,135,0,1) 0%,rgba(251,92,0,1) 100%);
	background: -o-linear-gradient(top,  rgba(253,135,0,1) 0%,rgba(251,92,0,1) 100%);
	background: -ms-linear-gradient(top,  rgba(253,135,0,1) 0%,rgba(251,92,0,1) 100%);
	background: linear-gradient(to bottom,  rgba(253,135,0,1) 0%,rgba(251,92,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd8700', endColorstr='#fb5c00',GradientType=0 );
}
.btn_brochure a {background-image: url(/img/com_btn/btn_brochureBg.png);}
.btn_counsel a {background-image: url(/img/com_btn/btn_counselBg.png);}

@media (-webkit-min-device-pixel-ratio: 2),
       (min-resolution: 2dppx) {
		.btn_brochure a {background-image: url(/img/com_btn/btn_brochureBg@2x.png);}
		.btn_counsel a {background-image: url(/img/com_btn/btn_counselBg@2x.png);}
}

/* 電話番号 */
.stM_telnumber {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	width: 95%;
	margin: 0 auto 10px auto;
	background-color: #F9E68D;
	border-radius: 4px;
	box-shadow: 0px 3px 0px #E1C543;
}
.stM_telnumber a {
	display: block;
	width: 248px;
	height: 62px;
	margin: 0 auto;
	padding: 0px 0 10px;
	background-image: url(/img/com_btn/tel_number.png);
	background-repeat: no-repeat;
	background-position: 0 50%;
}

@media (-webkit-min-device-pixel-ratio: 2),
       (min-resolution: 2dppx) {
    .stM_telnumber a {
        	background-image: url(/img/com_btn/tel_number@2x.png);
			background-size: 248px 62px;
    }
}
footer .stM_telnumber {
	background: none !important;
	box-shadow: none !important;
}

/* トップに戻る */
#stM_footerTop {
	width:100%;
	margin:0px auto;
	background: #333;
}
#stM_footerTop li {
	text-align:center;
	line-height:2em;
	font-size:13px;
	position:relative;
	z-index:1;
	overflow:hidden;
	padding-right:8px;
	text-shadow: 0px -1px 0px  #000;
}
#stM_footerTop li a {
	display:block;
	color:#FFF;
	padding:8px 0;
}
#stM_footerTop li:before,
#stM_footerTop li:after,
#stM_footerTop li a:before,
#stM_footerTop li a:after {
    content:"";
    position:absolute;
    top:50%;
}

/* icon-home */
.home a:before {
    left:24px;
    border-style:solid;
    border-color:transparent;
    border-width:8px 7px;
    border-bottom-color:#FFF;
    margin-top:-16px;
    background:transparent;
}
.home a:after {
    left:26px;
    width:2px;
    height:4px;
    border-style:solid;
    border-color:#fff #FFF transparent;
    border-width:3px 4px 0;
    margin-top:0;
    background:transparent;
}
.home a:hover:before,
.home a:focus:before,
.home a:active:before {
    border-bottom-color:#FFF;
    background:transparent;
}
.home a:hover:after,
.home a:focus:after,
.home a:active:after {
    border-color:#FFF #FFF transparent;
}

.ad_banner{
	margin-bottom:10px;
}

/* PC / copyright */
.stM_footerCopy {
	padding:10px 0px 60px;
	background:#161616;
	text-align:center;
	color: #FFF;
	clear:both;
}
.stM_footerCopy p {
	margin-bottom:5px;
	font-size:11px;
	line-height:1.2;
	text-align:center;
}
.stM_footerCopy p a {
	text-decoration:underline !important;
	color: #fff;
}

/*========== 無料相談＆資料請求　ボタン ==========*/
.stM_com-ssBtn {
	margin:15px auto;
	width:95%;
	clear:both;
}
.stM_com-ssBtn p {
	font-size:120%;
	font-weight:bold;
	text-align:center;
	width:50%;
	margin:0;
	float:left;
}
.stM_com-ssBtn p.sodan a {
	background:#FF6860;
	margin-right:0px;
	box-shadow:0px 3px 0px #ce433d;
}
.stM_com-ssBtn p.siryo a {
	background:#FF6860;
	margin-left:10px;
	box-shadow:0px 3px 0px #ce433d;
}
.stM_com-ssBtn p a {
	display:block;
	color:#fff;
	font-size:120%;
	height:60px;
	line-height:60px;
	border-radius:3px;
}
.stM_com-ssBtn p a img {
	vertical-align:middle;
}


/* =============================================================
　conetents smartphone
============================================================= */
#contents {
	width: 100%;
	padding:10px 0 0 0;
	clear:both;
}



/* =============================================================
　Pagetop smartphone
============================================================= */
.stM_Pagetop {
	text-align:right;
	width:95%;
	margin:8px auto;
	clear:both;
}
.stM_Pagetop img {
	width:90px !important;
	height:auto;
}
#back_list a {
	width:95%;
	margin:10px auto;
	padding: 10px 0;
	text-align:center;
	font-size:12px;
	border:1px solid #ccc;
	border-radius:3px;
	display:block;
}

/* =============================================================
　共通パーツ
============================================================= */
.parts_experience {
	font-size: 12px;
	background-color: #ececec;
	padding: 2%;
	clear:both;
}
.parts_experience a {
	text-decoration:underline;
}
.expTitle {
	font-weight: bold;
	margin: 0 0 5px 0;
}
.expLink {
	margin: 0;
	padding: 0 0 10px 0;
	border-bottom:1px dashed #ccc;
}
.otherLink {
	margin: 5px 0;
}

.parts_sns {
	width: 95%;
	margin: 5px auto;
}

/* お問い合わせ共通 */
.st_bottomBt {
	width: 56%;
	margin: 10px auto;
	padding: 3% 4%;
	background-color: #d8eef9;
	border-radius: 6px;
	list-style: none;
	clear: both;
}
.st_bottomBt li {
	width: 40%;
	margin: 0 auto 5px auto;
	padding: 0;
}

/*footerのcvnボタン --2016/2/22　セミナー追加により調整*/
.btn_brochure_f,
.btn_counsel_f,
.btn_seminar_f {
	display: table;
	border-radius: 5px;
	margin:0 5px 0 0;
}
.btn_brochure_f,
.btn_seminar_f {
	width: 30%;
	float: left;
	box-shadow:rgb(252, 166, 0) 0px 0px 0px 1px inset,rgb(254, 212, 77) 0px 0px 0px 2px inset;
	background: rgb(253,193,0);
	background: -moz-linear-gradient(top,  rgba(253,193,0,1) 0%, rgba(251,163,0,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(253,193,0,1)), color-stop(100%,rgba(251,163,0,1)));
	background: -webkit-linear-gradient(top,  rgba(253,193,0,1) 0%,rgba(251,163,0,1) 100%);
	background: -o-linear-gradient(top,  rgba(253,193,0,1) 0%,rgba(251,163,0,1) 100%);
	background: -ms-linear-gradient(top,  rgba(253,193,0,1) 0%,rgba(251,163,0,1) 100%);
	background: linear-gradient(to bottom,  rgba(253,193,0,1) 0%,rgba(251,163,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdc100', endColorstr='#fba300',GradientType=0 );
}
.btn_counsel_f {
	width: 35%;
	float: left;
	box-shadow:rgb(251, 130, 0) 0px 0px 0px 1px inset,rgb(254, 171, 77) 0px 0px 0px 2px inset;
	background: rgb(253,135,0);
	background: -moz-linear-gradient(top,  rgba(253,135,0,1) 0%, rgba(251,92,0,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(253,135,0,1)), color-stop(100%,rgba(251,92,0,1)));
	background: -webkit-linear-gradient(top,  rgba(253,135,0,1) 0%,rgba(251,92,0,1) 100%);
	background: -o-linear-gradient(top,  rgba(253,135,0,1) 0%,rgba(251,92,0,1) 100%);
	background: -ms-linear-gradient(top,  rgba(253,135,0,1) 0%,rgba(251,92,0,1) 100%);
	background: linear-gradient(to bottom,  rgba(253,135,0,1) 0%,rgba(251,92,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd8700', endColorstr='#fb5c00',GradientType=0 );
}

/*---------------------------------------------------
スマホ表示　footer改修                 --2016/3/14　*/
/* 検索窓追加 */
.stM_searchBox {
    font-size: 12px;
    margin: 20px auto;
    width: 90%;
}
/*desk導線*/
.desk_box {
    margin: 10px 0 0px 0;
    text-align: center;
}
.desk_box .each_deskbox {
    border-radius: 6px;
    float: left;
    margin: 0;
    padding: 1%;
    width: 31%;
}
.each_deskbox .desk_name {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.3;
    margin: 5px 0;
}
.each_deskbox .desk_name img{
	vertical-align:middle;
	margin:-5px 3px 0 0;
}
.each_deskbox .desk_back{
	background-color:#fff;
}
.each_deskbox .desk_back img{
    margin: 2% auto;
    width: 95%;
}
.each_deskbox .desk_back p{
	min-height:55px;
    font-size: 11px;
	line-height: 1.4;
}
ul.desk_link{
    margin: 10px auto;
    width: 90%;
}
ul.desk_link li a{
	float:left;
	width:40%;
	background:#a8a8a8;
	color:#fff;
	border-radius:10px;
	padding:5px;
	margin:2% 2% 0;
}

.stM_img{
	text-align:center;
}

/* メルマガ導線 */
.stM_topMail {
    margin: 12px auto 15px;
    width: 300px;
}
.stM_topMail a {
    background-color: #2cabcc;
    background-image:url(/img/com_btn/icon_mail.png);
    background-position: 5% 50%;
    background-repeat: no-repeat;
    background-size: 14% auto;
    border-radius: 3px;
    box-shadow: 0 3px 0 #289cb9;
    color: #fff;
    display: block;
    font-size: 15px;
    font-weight: bold;
	line-height: 1.4;
    padding: 8px 5px 8px 60px;
}
.stM_topMail a span {
    font-size: 10px;
}

/* バナー枠追加 */
.header_bnr_area{
	margin:0;
}

.footer_bnr_area{
	margin:0 0 10px;
}
.header_bnr_area img, .footer_bnr_area img {
    height: auto;
    max-width: 100%;
	vertical-align:bottom;
}


/* おすすめの学校 */
.st_sideSchoolrecommend{
	margin:15px 0 0 0;
}
.recommend_ttl_box {
	font-weight:bold;
    background: #efefef;
    clear: both;
    line-height: 100%;
    margin: 0;
    padding: 8px 0 6px 4px;
	font-size: 14px;
}

.st_top_recommend {
    line-height: 1.4;
    margin: 0 auto 5px;
    width: 95%;
}


.st_top_recommend_banner {
    border-bottom: 1px dotted #ccc;
    font-size: 12px;
    min-height: 80px;
    padding: 10px 0;
}

.ttltop_recommend {
    margin: 5px 0 0;
}

.st_topPickupText {
    font-size: 12px;
    line-height: 1.5;
    margin: 0;
}

.st_top_recommend_banner .recommend:after {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #e3317d transparent transparent;
    border-image: none;
    border-style: solid;
    border-width: 5px 5px 0;
    bottom: -5px;
    content: "";
    display: block;
    left: 20px;
    position: absolute;
    width: 0;
}
.st_top_recommend_banner .recommend {
    background-color: #e3317d;
    border-radius: 1em;
    color: #fff;
    font-size: 13px;
    padding: 2px 8px;
    position: relative;
}

.st_top_recommend_banner img {
    background-color: white;
    box-shadow: 0 3px 2px -2px rgba(189, 189, 189, 0.8);
    float: left;
    height: auto;
    margin: 5px 5px 0 0;
    padding: 3px;
    width: 85px;
}

.ttltop_recommend a {
    font-weight: bold;
    text-decoration: underline;
}

.reco_more a {
    margin: 10px auto 12px;
}
.st_sideMail_banner a {
    background-color: #e9e9e9;
    background-image: url("/images/common/next_arrow_w.png");
    background-origin: padding-box;
    background-position: 97% 50%;
    background-repeat: no-repeat;
    background-size: 7px 12px;
    border-radius: 3px;
    display: block;
    font-size: 110%;
    margin: 0 auto 12px;
    padding: 13px 0;
    text-align: center;
    text-decoration: underline;
    width: 95%;
	font-size:14px;
}


/* 201608 追記 sp.cssから移行 */
#main {
    font-size: 13px;
}


.to_top {
	display:block;
	clear:both;
	margin:0 10px;
	text-align:right;
}
.to_top img {
	width:70px;
	height:23px;
	vertical-align:bottom;
}

/* ----- .st_bottomBanner ----- */
.st_bottomBanner {
	clear:both;
    margin: 20px 10px 10px;
    padding: 10px 10px;
    border: 1px solid #CCC;
	font-size:12px;
}
.st_bottomBanner img {
    margin: 0;
    float: none;
	text-align:center;
}
.st_bottomBannerImg {
	margin-bottom:10px;
	text-align:center;
}
.st_bottomBannerTitle {
	clear:both;
	font-size:12px;
}
.st_bottomBannerText a {
    margin: 8px 0px;
    padding: 0px 0px;
    background:none;
}

/* ----- #other-link ----- */

#other-link {
	margin:10px 10px 0;
	padding:0;
    background-color: transparent;
}
#other-link p.title {
	padding:5px 10px;
	border:1px solid #CCCCCC;
}
#other-link p.title a {
	text-decoration:none;
}
#other-link dl dt {
	display:none;
}
#other-link dl dd {
    display: block;
	border:1px solid #CCCCCC;
	border-top:none;
	background-color:#F3F3F3;
	padding-top:5px;
	padding-bottom:5px;
}
#other-link dl dd a {
    display: block;
	padding:5px 10px;
	text-decoration:none;
}
#other-link dl dd#usa {
	border-left:10px solid #fba5a6;
}
#other-link dl dd#can {
	border-left:10px solid #cb99cc;
}
#other-link dl dd#aus {
	border-left:10px solid #f5a922;
}
#other-link dl dd#nzl {
	border-left:10px solid #48c05f;
}
#other-link dl dd#irl {
	border-left:10px solid #5f5dca;
}
#other-link dl dd#uk {
	border-left:10px solid #039cbe;
}
#other-link dl dd#ita {
	border-left:10px solid #51b344;
}
#other-link dl dd#esp {
	border-left:10px solid #ec7d38;
}
#other-link dl dd#ger {
	border-left:10px solid #ac5623;
}
#other-link dl dd#fra {
	border-left:10px solid #ef9df2;
}
#other-link dl dd#mlt {
	border-left:10px solid #41c9ef;
}
#other-link dl dd#phl {
	border-left:10px solid #00CFBB;
}
#other-link dl dd#mas {
	border-left:10px solid #F5D601;
}

#other-link.by_city {
	display:none;
}


/* floatingBtn */
#floating_Btn {
  z-index : 999;
  position : fixed;
  bottom : 0px;
  right : 0px;
  width : 100%;
  display : block !important;
}

.floatingBtn_box {
  background : rgba(67, 67, 67, 0.9);
  padding : 8px;
  box-shadow : rgba(0, 0, 0, 0.5) 0px 0px 3px 1px;
  box-sizing : border-box;
  display : flex;
  justify-content : space-between;
}

.floatingBtn_box .button {
  background-color : transparent;
  border : none;
  cursor : pointer;
  outline-color : initial;
  outline-style : none;
  outline-width : initial;
  padding : 0px;
  font-size : 0px;
  box-sizing : border-box;
}

.floatingBtn_box .button a {
  display : block;
  font-size : 16px;
  text-decoration: none;
  font-weight : bold;
  line-height : 1;
  padding : 14px 8px 12px 8px;
  position : relative;
}

.floatingBtn_box .button a::after {
  position : absolute;
  top : 0px;
  bottom : 0px;
  margin : auto;
  content : "";
  vertical-align : middle;
  right : 8px;
  width : 6px;
  height : 6px;
  border-top : 2px solid rgb(255, 255, 255);
  border-right : 2px solid rgb(255, 255, 255);
  transform : rotate(45deg);
}

.floatingBtn_box .button.counsel a::after {
  border-top : 2px solid rgb(255, 255, 255);
  border-right : 2px solid rgb(255, 255, 255);
}

.floatingBtn_box .tag_free {
  display : inline-block;
  font-size : 11px;
  line-height : 1;
  vertical-align : middle;
  margin : -2px 0px 0px 5px;
  padding : 3px 4px;
  border-top-left-radius : 2px;
  border-top-right-radius : 2px;
  border-bottom-right-radius : 2px;
  border-bottom-left-radius : 2px;
  box-sizing : border-box;
}

.floatingBtn_box .button.brochure {
  width : 39%;
  border-top-left-radius : 3px;
  border-top-right-radius : 3px;
  border-bottom-right-radius : 3px;
  border-bottom-left-radius : 3px;
  border-top-width : 2px;
  border-right-width : 2px;
  border-left-width : 2px;
  border-top-style : solid;
  border-right-style : solid;
  border-left-style : solid;
  border-top-color : rgb(252, 172, 0);
  border-right-color : rgb(252, 172, 0);
  border-left-color : rgb(252, 172, 0);
  border-image-source : initial;
  border-image-slice : initial;
  border-image-width : initial;
  border-image-outset : initial;
  border-image-repeat : initial;
  border-bottom : 3px solid rgb(210, 144, 2);
  background-color : rgb(252, 172, 0);
  text-align: center;
}

.floatingBtn_box .button.counsel {
  width : 59%;
  border-top-left-radius : 3px;
  border-top-right-radius : 3px;
  border-bottom-right-radius : 3px;
  border-bottom-left-radius : 3px;
  border-top-width : 2px;
  border-right-width : 2px;
  border-left-width : 2px;
  border-top-style : solid;
  border-right-style : solid;
  border-left-style : solid;
  border-top-color : rgb(235, 127, 0);
  border-right-color : rgb(235, 127, 0);
  border-left-color : rgb(235, 127, 0);
  border-image-source : initial;
  border-image-slice : initial;
  border-image-width : initial;
  border-image-outset : initial;
  border-image-repeat : initial;
  border-bottom : 3px solid rgb(177, 96, 0);
  background-color : rgb(235, 127, 0);
  text-align: center;
}

.floatingBtn_box .button.brochure a {
  color : rgb(235, 127, 0);
}

.floatingBtn_box .button.counsel a {
  color : rgb(255, 255, 255);
}

.floatingBtn_box .button.brochure .tag_free {
  background : rgb(255, 255, 255);
  color : rgb(252, 172, 0);
}

.floatingBtn_box .button.counsel .tag_free {
  color : rgb(235, 127, 0);
  background : rgb(255, 255, 255);
}

.pagetopBtn {
    text-align: right;
}
.pagetopBtn img{
    width:40px;
	margin: 0 5px 2px 0;
}

/*　×ボタン付きバナー　*/
.floating_bnr {
	margin: 0 auto;
	position: relative;
}

.floating_bnr a {
	margin: 0 auto;
	display: block;
	width: 100%;
}

.floating_bnr a img{
	margin: 0;
	padding: 0;
	vertical-align: bottom;
	width: 100%;
}
.floating_bnr .button {
	padding: 0;
	margin: 0;
	border: none;
	background:none;
	cursor: pointer;
	position: absolute;
	top: 10px;
	right: 10px;
}

.floating_bnr .button img {
	width: 25px;
    height: 25px;
}

@media screen and (max-width:360px){
	.floatingBtn_box .button a {
    font-size : 15px;
    padding : 14px 0px 12px 0px;
  }

  .floatingBtn_box .button.brochure .tag_free {
    margin : -2px 0px 0px 2px;
  }

  .floatingBtn_box .button a::after {
    right : 4px;
  }
}
.button.brochure > a {
  color : rgb(255, 255, 255) !important;
}

.button.counsel {
  background-color : rgb(255, 139, 3) !important;
}