@charset "UTF-8";
/*-----------------------------------------------------------
clearfix
------------------------------------------------------------*/

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	line-height: 0;
}
.clearfix {display: inline-block;}
/* exlude MacIE5 \*/
* html .clearfix {height: 1%}
.clearfix {display: block;}
/* end MacIE5 */
/*-----------------------------------------------------------
reset
------------------------------------------------------------*/
img {
	margin: 0;
	padding: 0;
	vertical-align: bottom;
	border: 0;
}
table img {
	margin: 0;
	padding: 0;
	vertical-align: bottom;
	border: 0;
}
p {
	margin: 0;
	padding: 0;
} 
ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
input, textarea {
	margin: 0;
	font-size: 100%;
	resize: none;
}
table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 100%;
}
dl, dt, dd, th, td {
	margin: 0;
	padding: 0;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	margin: 0;
	padding: 0;
}
pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
em {font-style: normal;}
article, aside, dialog, figure, footer, header, hgroup, nav, section {display: block;}
nav ul {list-style: none;}
/*-----------------------------------------------------------
Link
------------------------------------------------------------*/
a {outline: none;transition:0.5s;}
a:link {
	color: #444;
	text-decoration: none;
}
a:visited {
	color: #444;
	text-decoration: none;
}
a:hover {
	color: #aaa;
	text-decoration: none;
	opacity:0.5;
}
a:active {
	color: #64AB18;
	text-decoration: none;
}
/*-----------------------------------------------------------
margin
------------------------------------------------------------*/
.t0b5 {margin-top: 0; margin-bottom: 5px;}
.t0b10 {margin-top: 0; margin-bottom: 10px;}
.t0b15 {margin-top: 0; margin-bottom: 15px;}
.t0b20 {margin-top: 0; margin-bottom: 20px;}
.t0b25 {margin-top: 0; margin-bottom: 25px;}
.t0b30 {margin-top: 0; margin-bottom: 30px;}
.t0b35 {margin-top: 0; margin-bottom: 35px;}
.t0b40 {margin-top: 0; margin-bottom: 40px;}
.t0b45 {margin-top: 0; margin-bottom: 45px;}
.t0b50 {margin-top: 0; margin-bottom: 50px;}
.t0b55 {margin-top: 0; margin-bottom: 55px;}
.t0b60 {margin-top: 0; margin-bottom: 60px;}
.t0b65 {margin-top: 0; margin-bottom: 65px;}
.t0b70 {margin-top: 0; margin-bottom: 70px;}
.t0b75 {margin-top: 0; margin-bottom: 75px;}
.t0b80 {margin-top: 0; margin-bottom: 80px;}
.t0b85 {margin-top: 0; margin-bottom: 85px;}
.t0b90 {margin-top: 0; margin-bottom: 90px;}
.t0b95 {margin-top: 0; margin-bottom: 95px;}
.t0b100 {margin-top: 0; margin-bottom: 100px;}
.t5b0 {margin-top: 5px; margin-bottom: 0;}
.t5b10 {margin-top: 5px; margin-bottom: 10px;}
.t5b20 {margin-top: 5px; margin-bottom: 20px;}
.t5b30 {margin-top: 5px; margin-bottom: 30px;}
.t5b40 {margin-top: 5px; margin-bottom: 40px;}
.t5b50 {margin-top: 5px; margin-bottom: 50px;}
.t10b0 {margin-top: 10px; margin-bottom: 0;}
.t10b10 {margin-top: 10px; margin-bottom: 10px;}
.t10b20 {margin-top: 10px; margin-bottom: 20px;}
.t10b30 {margin-top: 10px; margin-bottom: 30px;}
.t10b40 {margin-top: 10px; margin-bottom: 40px;}
.t10b50 {margin-top: 10px; margin-bottom: 50px;}
.t20b0 {margin-top: 20px; margin-bottom: 0;}
.t20b5 {margin-top: 20px; margin-bottom: 5px;}
.t20b10 {margin-top: 20px; margin-bottom: 10px;}
.t20b20 {margin-top: 20px; margin-bottom: 20px;}
.t20b30 {margin-top: 20px; margin-bottom: 30px;}
.t20b40 {margin-top: 20px; margin-bottom: 40px;}
.t30b0 {margin-top: 30px; margin-bottom: 0;}
.t30b5 {margin-top: 30px; margin-bottom: 5px;}
.t30b10 {margin-top: 30px; margin-bottom: 10px;}
.t30b20 {margin-top: 30px; margin-bottom: 20px;}
.t30b30 {margin-top: 30px; margin-bottom: 30px;}
.t30b40 {margin-top: 30px; margin-bottom: 40px;}
.t30b50 {margin-top: 30px; margin-bottom: 50px;}
.t30b80 {margin-top: 30px; margin-bottom: 80px;}
.mt10 {margin-top: 10px;}
.mt20 {margin-top: 20px;}
.mt30 {margin-top: 30px;}
.mt40 {margin-top: 40px;}
.mt50 {margin-top: 50px;}
.mt60 {margin-top: 60px;}
.mt70 {margin-top: 70px;}
.mt80 {margin-top: 80px;}
.mt90 {margin-top: 90px;}
.mt100 {margin-top: 100px;}
.mb10 {margin-bottom: 10px;}
.mb20 {margin-bottom: 20px;}
.mb30 {margin-bottom: 30px;}
.mb40 {margin-bottom: 40px;}
.mb50 {margin-bottom: 50px;}
.mb60 {margin-bottom: 60px;}
.mb70 {margin-bottom: 70px;}
.mb80 {margin-bottom: 80px;}
.mb90 {margin-bottom: 90px;}
.mb100 {margin-bottom: 100px;}
.mr10 {margin-right: 10px;}
.mr20 {margin-right: 20px;}
.mr30 {margin-right: 30px;}
.mr40 {margin-right: 40px;}
.mr50 {margin-right: 50px;}
.mr60 {margin-right: 60px;}
.mr70 {margin-right: 70px;}
.mr80 {margin-right: 80px;}
.mr90 {margin-right: 90px;}
.mr100 {margin-right: 100px;}
.ml10 {margin-left: 10px;}
.ml20 {margin-left: 20px;}
.ml30 {margin-left: 30px;}
.ml40 {margin-left: 40px;}
.ml50 {margin-left: 50px;}
.ml60 {margin-left: 60px;}
.ml70 {margin-left: 70px;}
.ml80 {margin-left: 80px;}
.ml90 {margin-left: 90px;}
.ml100 {margin-left: 100px;}
/*-----------------------------------------------------------
padding
------------------------------------------------------------*/
.p10b10 {padding-top: 10px; padding-bottom: 10px;}
.p20b20 {padding-top: 20px; padding-bottom: 20px;}
.p30b30 {padding-top: 30px; padding-bottom: 30px;}
.p40b40 {padding-top: 40px; padding-bottom: 40px;}
.p50b50 {padding-top: 50px; padding-bottom: 50px;}
.p0b10 {padding-top: 0; padding-bottom: 10px;}
.p0b20 {padding-top: 0; padding-bottom: 20px;}
.p0b30 {padding-top: 0; padding-bottom: 30px;}
.p0b40 {padding-top: 0; padding-bottom: 40px;}
.p0b50 {padding-top: 0; padding-bottom: 50px;}
.pl5 {padding-left: 5px;}
.pl10 {padding-left: 10px;}
.pl15 {padding-left: 15px;}
.pl20 {padding-left: 20px;}
.pl25 {padding-left: 25px;}
.pl30 {padding-left: 30px;}
.pl35 {padding-left: 35px;}
.pl40 {padding-left: 40px;}
.pl45 {padding-left: 45px;}
.pl50 {padding-left: 50px;}
.pl55 {padding-left: 55px;}
.pl60 {padding-left: 60px;}
.pl65 {padding-left: 65px;}
.pl70 {padding-left: 70px;}
.pr5 {padding-right: 5px;}
.pr10 {padding-right: 10px;}
.pr15 {padding-right: 15px;}
.pr20 {padding-right: 20px;}
.pr25 {padding-right: 25px;}
.pr30 {padding-right: 30px;}
.pr35 {padding-right: 35px;}
.pr40 {padding-right: 40px;}
.pr45 {padding-right: 45px;}
.pr50 {padding-right: 50px;}
.pr55 {padding-right: 55px;}
.pr60 {padding-right: 60px;}
.pr65 {padding-right: 65px;}
.pr70 {padding-right: 70px;}
/*-----------------------------------------------------------
line height
------------------------------------------------------------*/
.line14 {line-height: 14px}
.line15 {line-height: 15px}
.line16 {line-height: 16px}
.line17 {line-height: 17px}
.line18 {line-height: 18px}
.line19 {line-height: 19px}
.line20 {line-height: 20px}
.line21 {line-height: 21px}
.line22 {line-height: 22px}
.line23 {line-height: 23px}
.line24 {line-height: 24px}
.line25 {line-height: 25px}
.line26 {line-height: 26px}
.line27 {line-height: 27px}
.line28 {line-height: 28px}
.line29 {line-height: 29px}
.line30 {line-height: 30px}
/*-----------------------------------------------------------
FONT Weight
------------------------------------------------------------*/
.fwB {font-weight: bold;}
/*-----------------------------------------------------------
FONT Size
------------------------------------------------------------*/
.fz10 {font-size: 10px;}
.fz11 {font-size: 11px;}
.fz12 {font-size: 12px;}
.fz13 {font-size: 13px;}
.fz14 {font-size: 14px;}
.fz15 {font-size: 15px;}
.fz16 {font-size: 16px;}
.fz17 {font-size: 17px;}
.fz18 {font-size: 18px;}
.fz19 {font-size: 19px;}
.fz20 {font-size: 20px;}
.fz21 {font-size: 21px;}
.fz22 {font-size: 22px;}
.fz23 {font-size: 23px;}
.fz24 {font-size: 24px;}
.fz25 {font-size: 25px;}
.fz26 {font-size: 26px;}
.fz27 {font-size: 27px;}
.fz28 {font-size: 28px;}
.fz29 {font-size: 29px;}
.fz30 {font-size: 30px;}
/*-----------------------------------------------------------
FONT family
------------------------------------------------------------*/
.ffN {font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
.ffM {font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
.ffA {font-family: "Arial";}
/*-----------------------------------------------------------
FLOAT
------------------------------------------------------------*/
.floatL {
	float: left;
	display: inline-block;
}
.floatR {
	float: right;
	display: inline-block;
}
/*-----------------------------------------------------------
Text-Align
------------------------------------------------------------*/
.taL {text-align: left;}
.taC {text-align: center;}
.taR {text-align: right;}
/*-----------------------------------------------------------
PAGE BOOT
------------------------------------------------------------*/
/* MovableType */
div#pageBoot {
	margin: 35px 0 60px 0;
	text-align: center;
}
div#pageBoot a {
	color: #aaa;
	text-decoration: none !important;
}
span.current_page {
	color: #FFFFFF;
	padding: 5px;
	border: 1px solid #aaa;
	background-color: #aaa;
}
a.link_page {
	padding: 5px;
	border: 1px solid #aaa !important;
}
a.link_page:hover {
	padding: 5px;
	border: 1px solid #aaa;
	background-color: #aaa;
	color: #FFFFFF !important;
}
/* WordPress */
.wp-pagenavi {
	clear: both;
	text-align: center;
	font-family:Arial;
	font-size:14px;
}
.wp-pagenavi span, .wp-pagenavi a {
	line-height:30px;
	display:inline-block;
	margin:0 4px;
	color:#666;
	text-align:center;
}
.wp-pagenavi a, .wp-pagenavi span.current {
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	width:30px;
	height:30px;	
	background:#ededed;	
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
	background: #1489c3;
	color:#fff;
}
.wp-pagenavi .pages {
	margin-right:15px;
}
/*-----------------------------------------------------------
Body
-------------------------------------------------------------*/
body {
	width: 100%;
	margin: 0;
	padding: 0;
	line-height: 1.5;
	letter-spacing: 0;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 12px;
	height: 100%;
}
/*-----------------------------------------------------------
Header
-------------------------------------------------------------*/
#headerWrap {
	margin-top:0px;
}
.active_display{
	display:none!important;	
}



#headerWrap .headerpc {
	text-align:left;
	position:relative;
}
#headerWrap .headerpc .logo {
	position:absolute;
	left:0;
	top:0;
	z-index:9999999;
}
.logo a {
	display:block;
	line-height:1;
}
#headerWrap .headerpc .h1_nav{
	padding-left:137px;
	background:#f7f7f7;
}
#headerWrap .headerpc .h1_nav .h1{
	padding: 15px 49px 15px 49px;
    min-height: 69px;
	margin:0px;
}
#headerWrap .headerpc .h1_nav .h1 h1{
	font-size:10px;
	color:#4c4c4c;	
	word-break:break-all;
}
#headerWrap .headerpc .phone_contact{
	position: absolute;
    right: 0;
    top: 0;
	background:#f7f7f7;
	z-index:10;
}
#headerWrap .headerpc .phone_contact .header_phone,#headerWrap .headerpc .phone_contact .header_contact{
	text-align:center;
	float:left;	
}
#headerWrap .headerpc .phone_contact .header_phone{
	padding:10px	
}
#headerWrap .headerpc .phone_contact .header_phone .text{
	font-size:12px;
	color:#3d3d3d;
	letter-spacing:1px;
}
#headerWrap .headerpc .phone_contact .header_phone .number{
	font-size:20px;
	color:#000;
	letter-spacing:2px;
	white-space:nowrap;
}
#headerWrap .headerpc .phone_contact .header_phone .number img{
	margin-right:5px;	
}
#headerWrap .headerpc .phone_contact .header_contact a{
	display:block;
	background:transparent url("../../img/common/header/bg_contact.png")repeat scroll center center ;	
	font-size:15px;
	color:#fff;
	padding: 23.5px 28.5px;
    letter-spacing: 1px;
}

/*SP*/

.spmenu a.logo{
	display:inline-block;
	padding:9px 10px;	
}
.spmenu .contact_phone_menu{
	float:right;	
}
.spmenu .contact_phone_menu p{
	float:left;
	margin-left:2px;
}
.spmenu .contact_phone_menu a,.spmenu .contact_phone_menu span.open_menu{
	display: table-cell;
    width: 47px;
    height: 53px;
    vertical-align: middle;
    text-align: center;
}
.spmenu .contact_phone_menu a img{
	vertical-align:middle;	
}
.spmenu .contact_phone_menu a.phone{
	/*background: rgba(239,239,240,1);
	background: -moz-linear-gradient(top, rgba(239,239,240,1) 49%, rgba(229,230,231,1) 50%, rgba(219,220,221,1) 51%, rgba(209,211,212,1) 52%, rgba(209,211,212,1) 56%, rgba(209,211,212,1) 59%, rgba(209,211,212,1) 59%, rgba(209,211,212,1) 91%);
	background: -webkit-gradient(left top, left bottom, color-stop(49%, rgba(239,239,240,1)), color-stop(50%, rgba(229,230,231,1)), color-stop(51%, rgba(219,220,221,1)), color-stop(52%, rgba(209,211,212,1)), color-stop(56%, rgba(209,211,212,1)), color-stop(59%, rgba(209,211,212,1)), color-stop(59%, rgba(209,211,212,1)), color-stop(91%, rgba(209,211,212,1)));
	background: -webkit-linear-gradient(top, rgba(239,239,240,1) 49%, rgba(229,230,231,1) 50%, rgba(219,220,221,1) 51%, rgba(209,211,212,1) 52%, rgba(209,211,212,1) 56%, rgba(209,211,212,1) 59%, rgba(209,211,212,1) 59%, rgba(209,211,212,1) 91%);
	background: -o-linear-gradient(top, rgba(239,239,240,1) 49%, rgba(229,230,231,1) 50%, rgba(219,220,221,1) 51%, rgba(209,211,212,1) 52%, rgba(209,211,212,1) 56%, rgba(209,211,212,1) 59%, rgba(209,211,212,1) 59%, rgba(209,211,212,1) 91%);
	background: -ms-linear-gradient(top, rgba(239,239,240,1) 49%, rgba(229,230,231,1) 50%, rgba(219,220,221,1) 51%, rgba(209,211,212,1) 52%, rgba(209,211,212,1) 56%, rgba(209,211,212,1) 59%, rgba(209,211,212,1) 59%, rgba(209,211,212,1) 91%);
	background: linear-gradient(to bottom, rgba(239,239,240,1) 49%, rgba(229,230,231,1) 50%, rgba(219,220,221,1) 51%, rgba(209,211,212,1) 52%, rgba(209,211,212,1) 56%, rgba(209,211,212,1) 59%, rgba(209,211,212,1) 59%, rgba(209,211,212,1) 91%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efeff0', endColorstr='#d1d3d4', GradientType=0 );*/
	background:transparent url("../../img/common/icon/icon_phone_SP_bg.png")no-repeat scroll center center;
	background-size:cover;
}
.spmenu .contact_phone_menu a.contact{
	background:#41b93d;	
}
.spmenu .contact_phone_menu span.open_menu{
	cursor:pointer;
	transition:0.5;	
}
.spmenu .contact_phone_menu span.open_menu:hover{
	opacity:0.5;	
}
.spmenu .contact_phone_menu span.open_menu img{
	vertical-align:middle;	
}
.menuHead{
	display:none;
	position:fixed;
	width:100%;
	height: auto;
    z-index: 9;
    top: 53px;
}

.menuHead .ulparent{
	/*background:rgba(255,255,255,0.8);*/
    color: #fff;
    width: 100%;
    height: 100%;
    overflow-y: auto;
}
.menuHead .ulparent>li.col-xs-12,.menuHead .ulparent>li.col-xs-6{
	padding-left:0px;
	padding-right:0px;
	border-top:1px solid #666;
	background:#000;
}
.menuHead .ulparent>li.more{
	position:relative;	
}
.menuHead .ulparent>li.more>a{
	cursor:pointer;	
}
/*.menuHead .ulparent>li.more:after{
	content:"\002B";
	position:absolute;
	right:14px;
	top:0;
	font-size: 28px;
    line-height: 46px;
}*/

.menuHead .ulparent>li.more span.view_more{
	position:absolute;
	display:inline-block;
	z-index:1;
	top:0;
	right:0;
	bottom:0;
	width:16%;
	text-align:center;
	vertical-align:middle;
	cursor:pointer;
	transition:0.5s;
	padding-top:17px;
}
.menuHead .ulparent>li.more span.view_more:hover{
	opacity:0.7;	
}
.menuHead .ulparent>li.more span.view_more>img{
	width:13px;
	height:13px;	
	transform:rotate(0deg);
	-webkit-transform:rotate(0deg);
	-o-transform:rotate(0deg);
	-ms-transform:rotate(0deg);
	-moz-transform:rotate(0deg);
	transition:0.3s;
}
.menuHead .ulparent>li.more span.view_more>img.active{
	transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-moz-transform:rotate(45deg);	
}
.menuHead .ulparent>li.col-xs-6:nth-child(odd){
	border-left:1px solid #666;	
}

.menuHead .ulparent>li>a{
	color:#fff;
	font-size:14px;
	display:block;
	padding:16px 17px;	
	letter-spacing:1px;
}
.menuHead .ulparent>li>.ulchild{
	background:#262626;
	border-top:1px solid #666;
	padding:10px 0px;
	display:none;	
}
.menuHead .ulparent>li>.ulchild>li{
	display:inline-block;
	min-width:48%;	
}
.menuHead .ulparent>li>.ulchild>li>a{
	color:#fff;
	font-size:12px;
	display:block;
	padding:8px 0px 8px 30px;
	position:relative;
	letter-spacing:1px;
}
.menuHead .ulparent>li>.ulchild>li>a:before{
	content:"\003E"	;
	position:absolute;
	left:17px;
	top:0;
	line-height:34px;
	font-size:14px;
	color:#999999;
}
.overflow_none{
	overflow:hidden;	
}

/*-----------------------------------------------------------
global Navi
-------------------------------------------------------------*/

#headerWrap .headerpc #gn_fix.gNavipc{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:auto;
	z-index:10;
	padding-left:153px;	
	display:none;
}
#headerWrap .headerpc .gNavipc{
	background:#fff;	
	padding-left:9px;
}
#headerWrap .headerpc #gn_fix.gNavipc.clscroll{
	display:block!important;	
}
#headerWrap .headerpc .gNavipc .ul_gNavi01 li{
	float:left;
	width:auto;
	height:auto;	
}
#headerWrap .headerpc .gNavipc .ul_gNavi01 li a{
	font-size:15px;
	color:#000;
	text-align:center;
	display:block;
	padding:23.5px 40px;	
}



/*-----------------------------------------------------------
 Container/Maincontent
------------------------------------------------------------*/
.container {
	height: auto;
	padding: 0 10px;
	margin: auto;
}
div.mainContent {
	width: 700px;
	height: auto;
	margin: 0;
	float: right;
}
/*-----------------------------------------------------------
SubNavi
------------------------------------------------------------*/
#subNavi {
	width: 300px;
	float: left;
}
/*-----------------------------------------------------------
Footer
------------------------------------------------------------*/
.b2top{
	position:fixed;
	right:0;
	bottom:5%;	
}
#footerWrap {
	background:#000;
}
.copyright {
	font-size:10px;
	color:#000;
	text-align:center;
	padding:10px;
	background:#fff;
}
#footerWrap .brand_line{
	text-align:center;
	background:#f4f4f4;	
	padding:45px 0px 35px;
}
body#top #footerWrap .brand_line {
    background: #fff;
}
#footerWrap .brand_line a{
	display:inline-block	;
	vertical-align:middle;
	margin:0 5.2%;	
}
#footerWrap .brand_line a:first-child{
	margin-left:0;
}
#footerWrap .brand_line a:last-child{
	margin-right:0;	
}
#footerWrap  .phone_contact .phone{
	text-align:center;
	color:#21ac1c;
	height:100px;
	padding:10px;
	position:relative;
	background: rgba(239,239,240,1);
	background: -moz-linear-gradient(top, rgba(239,239,240,1) 0%, rgba(239,239,240,1) 47%, rgba(209,211,212,1) 54%, rgba(209,211,212,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(239,239,240,1)), color-stop(47%, rgba(239,239,240,1)), color-stop(54%, rgba(209,211,212,1)), color-stop(100%, rgba(209,211,212,1)));
	background: -webkit-linear-gradient(top, rgba(239,239,240,1) 0%, rgba(239,239,240,1) 47%, rgba(209,211,212,1) 54%, rgba(209,211,212,1) 100%);
	background: -o-linear-gradient(top, rgba(239,239,240,1) 0%, rgba(239,239,240,1) 47%, rgba(209,211,212,1) 54%, rgba(209,211,212,1) 100%);
	background: -ms-linear-gradient(top, rgba(239,239,240,1) 0%, rgba(239,239,240,1) 47%, rgba(209,211,212,1) 54%, rgba(209,211,212,1) 100%);
	background: linear-gradient(to bottom, rgba(239,239,240,1) 0%, rgba(239,239,240,1) 47%, rgba(209,211,212,1) 54%, rgba(209,211,212,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efeff0', endColorstr='#d1d3d4', GradientType=0 );
}
#footerWrap .phone_contact .phone:after{
	content:"";
	position:absolute;
	width:11px;
	height:11px;
	right:5px;
	bottom:5px;
	background:transparent url("../../img/common/footer/icon_right_bottom.png")no-repeat scroll center center;	
}
#footerWrap .phone_contact .phone span,.phone_contact .phone a{
	display:block;
	color:#21ac1c;
}
#footerWrap .phone_contact .contact{
	height:100px;
	background:#21ac1c;
	color:#fff;
	text-align:center;
	padding-top:11px;
	position:relative;
}
#footerWrap .phone_contact .contact:after{
	content:"";
	position:absolute;
	width:11px;
	height:11px;
	right:5px;
	bottom:5px;
	background:transparent url("../../img/common/footer/icon_right_bottom.png")no-repeat scroll center center;	
}
#footerWrap .phone_contact .contact span,.phone_contact .contact a{
	display:block;
	color:#fff;	
}
#footerWrap .gr_logo{
	background:#000;
	color:#fff;
	text-align:center;
	padding:	25px 0px 21px;
}
#footerWrap .gr_logo .container{
	width:100%;
	max-width:1000px;	
}
#footerWrap .gr_logo p{
	margin-bottom:26px;	
}
#footerWrap .gr_logo p:last-child{
	margin-bottom:0px;
	float:left;
	width:100%;	
	margin-top:40px;
}
#footerWrap .gr_logo p a{
	display:inline-block;
	color:#fff;
	font-size:12px;
	line-height:2;
}
#footerWrap .gr_logo .list01{
	float:left;	
	width:65%;
	margin-right: 2.5%;
}
#footerWrap .gr_logo .list01>li{
	float:left;
	width:auto;
	height:auto;
}
#footerWrap .gr_logo .list01>li>a{
	color:#fff;
	font-size:15px;
	display:block;
	padding-right:55px;
	text-align:left;	
}
#footerWrap .gr_logo .list01_child>li>a{
	color:#d8d8d8;
	font-size:13px;
	display:block;	
	text-align:left;
	padding-left:15px;
	padding-right:65px;
	position:relative;
	letter-spacing:1px;
	margin:8px 0px;
}
#footerWrap .gr_logo .list01_child>li>a:before{
	content:"-";
	position:absolute;
	left:0;
	top:0;	
}
#footerWrap .gr_logo .list01_child.column {
	display: inline-block;
	vertical-align: top;
	margin-right: 35px;
}
#footerWrap .gr_logo .list01_child.column>li>a{
	padding-right:0;
	
}
#footerWrap .gr_logo .list02{
	float:left;	
	min-width: 14%;
    width: auto;
}
#footerWrap .gr_logo .list02 li{
	text-align:left;	
}
#footerWrap .gr_logo .list02 li a{
	color:#fff;
	display:block;	
	font-size:15px;
	margin:4px 0px;	
}
#footerWrap .gr_logo .list02 li:first-child a{
	margin:0 0 8px;	
}

/*MENU FOOTER SP*/
#footerWrap .ulparent{
	background:#000;
	color:#fff;	
	margin-bottom:20px;
	border-bottom:1px solid #666;
}
#footerWrap .ulparent>li.col-xs-12,#footerWrap .ulparent>li.col-xs-6{
	padding-left:0px;
	padding-right:0px;
	border-top:1px solid #666;
}
#footerWrap .ulparent>li.more{
	position:relative;	
}
#footerWrap .ulparent>li.more>a{
	cursor:pointer;
}
/*#footerWrap .ulparent>li.more:after{
	content:"\002B";
	position:absolute;
	right:14px;
	top:0;
	font-size: 28px;
    line-height: 46px;
}*/
#footerWrap .ulparent>li.more span.view_more{
	position:absolute;
	display:inline-block;
	z-index:1;
	top:0;
	right:0;
	bottom:0;
	width:16%;
	text-align:center;
	vertical-align:middle;
	cursor:pointer;
	transition:0.5s;
	padding-top:17px;
}
#footerWrap .ulparent>li.more span.view_more:hover{
	opacity:0.7;	
}
#footerWrap .ulparent>li.more span.view_more>img{
	width:13px;
	height:13px;	
	transform:rotate(0deg);
	-webkit-transform:rotate(0deg);
	-o-transform:rotate(0deg);
	-ms-transform:rotate(0deg);
	-moz-transform:rotate(0deg);
	transition:0.3s;
}
#footerWrap .ulparent>li.more span.view_more>img.active{
	transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-moz-transform:rotate(45deg);	
}
#footerWrap .ulparent>li.col-xs-6:nth-child(odd){
	border-left:1px solid #666;	
}

#footerWrap .ulparent>li>a{
	color:#fff;
	font-size:14px;
	display:block;
	padding:16px 17px;	
	letter-spacing:1px;
}
#footerWrap .ulparent>li>.ulchild{
	background:#262626;
	border-top:1px solid #666;
	padding:10px 0px;
	display:none;	
}
#footerWrap .ulparent>li>.ulchild>li{
	display:inline-block;
	min-width:48%;	
}
#footerWrap .ulparent>li>.ulchild>li>a{
	color:#fff;
	font-size:12px;
	display:block;
	padding:8px 0px 8px 30px;
	position:relative;
	letter-spacing:1px;
}
#footerWrap .ulparent>li>.ulchild>li>a:before{
	content:"\003E"	;
	position:absolute;
	left:17px;
	top:0;
	line-height:34px;
	font-size:14px;
	color:#999999;
}
#footerWrap.fix_footer{
	position:fixed;
	left:0;
	bottom:0;
	width:100%;
	height:auto;	
}

/*-----------------------------------------------------------
Bread
------------------------------------------------------------*/
#bread {
	margin: 20px 0;
	color:#999;
	font-size:10px;
	float:right;
}
#bread a {
	color:#999;
	background:url(../../img/common/other/ico_v.png) no-repeat right center;
	padding-right:15px;
	margin-right:7px;
}
#bread a:hover {
	text-decoration:underline;
}
#bread li {
	float: left;
}
/*-----------------------------------------------------------
contact box
------------------------------------------------------------*/
.contact_box .left{
	background:transparent url("../../img/common/contact_box/img_02.jpg")no-repeat scroll center center ;
	background-size:cover;
}
.contact_box .left-mf{
	background:transparent url("../../img/common/contact_box/img_02_new.jpg")no-repeat scroll center center ;
	background-size:cover;
}
.contact_box .left .left_wrap{
	height:374px;
	display:block;
	background: url('../../img/top/bg_dark.png')repeat scroll center center;
	text-align:center;
	padding: 160px 0px;
}
.contact_box .left .left_wrap p{
	font-size:40px;
	color:#fff;
	line-height:1;
	font-weight:bold;	
}
.contact_box .left .left_wrap span{
	display:block;
	color:#fff;
	font-size:18px;
	letter-spacing:3.24px;
	margin-top:3px;	
}
.contact_box .right{
	padding:41px 85px;
	border-top:1px solid #e5e5e5;	
}
.contact_box .right .text{
	display:inline-block;
	padding-bottom:15px;
	margin-bottom:22px;
	border-bottom:1px solid #f2f2f2;	
}
.contact_box .right .text .image{
	width:88px;
	height:88px;
	display:inline-block;
	vertical-align:middle;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	-webkit-border-radius: 50%;
    overflow: hidden;
	position:relative;
}
.contact_box .right .text .image img{
	position:absolute;
	width:150px;
	height:150px;
	top: -14px;
    left: -24px;	
}
.contact_box .right .text>p{
	display:inline-block;
	vertical-align:middle;
	padding-left: 20px;	
	font-size:14px;
	line-height:24.22px;
	letter-spacing:0.84px;
}
.contact_box .right .info,.contact_box .right .info>a,.contact_box .right .info>a span.worktime{
	display:block;	
}
.contact_box .right .info>a>img{
	width:306px;	
}
.contact_box .right .info>a.no_link{
	cursor:default;	
}
.contact_box .right .info>a.no_link>label{
	font-size:36px;	
}
.contact_box .right .info>a.no_link>label>img{
	width:28px;
	height:29px;	
}
.contact_box .right .info>a.no_link:hover{
	opacity:1;
	color:#191919;	
}
.contact_box .right .info>a span.worktime{
	padding-left:40px;
	font-size:14px;	
	letter-spacing:1px;
	color:#191919;	
}
.contact_box .right .info a.contact_link{
	display:inline-block;
	color:#fff;
	font-size:20px;
	width:326px;
	text-align:center;
	padding: 13px 0px;
	background:#41b93d;
	letter-spacing:0.4px;
	margin-top:18px;
	position:relative;	
}
.contact_box .right .info a.contact_link::after{
	content:"";
	position:absolute;
	right:10px;
	width:20px;
	height:27px;
	background:transparent url("../../img/common/icon/arrow_white.png")no-repeat scroll center center ;
	background-size: 10px 16px;	
}
/*-----------------------------------------------------------
common
------------------------------------------------------------*/
@media (min-width: 871px) and (max-width: 1150px){
	#headerWrap .headerpc .h1_nav .h1 {
		padding: 15px 27px 15px 27px;
		width: 49%;
	}
	#headerWrap .headerpc .gNavipc .ul_gNavi01 li a{
		padding: 22px 20px;	
	}
	.contact_box .right{
		padding: 45px 15px 45px 50px;	
	}
	#footerWrap .brand_line a {
		margin: 0 2.6%;
	}
	#footerWrap .gr_logo .list01{
		margin-right:0;	
	}
	#footerWrap .gr_logo .list01_child>li>a{
		padding-right:30px;	
	}
	#footerWrap .gr_logo .list01>li>a{
		padding-right:37px;	
	}
	#footerWrap .gr_logo .list01_child.column {
		margin-right: 20px;
	}
	#footerWrap .gr_logo .list02{
		min-width:12%;	
	}
}
@media (min-width: 768px) and (max-width: 870px){
	#headerWrap .headerpc .gNavipc .ul_gNavi01 li a{
		padding: 22px 10px;	
	}	
	.contact_box .right {
		padding: 45px 0px 45px 20px;
	}
	#footerWrap .brand_line a {
		margin: 0 2.2%;
	}
	
	#footerWrap .gr_logo .list01 {
		width: 63%;
		margin-right: 0;
	}
	#footerWrap .gr_logo .list01_child.column {
		margin-right: 5px;
	}
	#footerWrap .gr_logo .list01>li>a {
		padding-right: 10px;
	}
	#footerWrap .gr_logo .list01_child>li>a{
		padding-right:20px;	
	}
	#footerWrap .gr_logo .list02 {
		min-width: 0%;
		margin-right: 5px;
	}
	#headerWrap .headerpc .h1_nav .h1 {
		padding: 15px 49px 15px 19px;
		width: 45%;
	}
}
@media not print {

@media (width: 768px){
	#footerWrap .gr_logo .list01>li>a {
		padding-right: 5px!important;
	}
	#footerWrap .gr_logo .list01_child>li>a {
		padding-right: 0px!important;
	}
	#headerWrap .headerpc #gn_fix.gNavipc {
		padding-left: 86px;
	}
	body{
		padding:0 10px;
	}
	#headerWrap .headerpc .gNavipc .ul_gNavi01 li a {
		padding: 22px 8px!important;
	}
	.contact_box .right .text>p {
		padding-left: 15px;
	}
	.NextPrevPage .container800 .NextTopics, .NextPrevPage .container800 .PrevTopics {
		width: 260px!important;
	}
	.b2top {
		right: 10px;
	}
	.greetingSection .right {
		width: calc(100% - 250px)!important;
		padding: 70px 10px 40px 20px!important;
	}
	.greetingSection .left {
		width: 250px!important;
	}
}
}
@media not print {
@media (max-width: 767px) {
	#top .col-sm-1,#top .col-sm-2,#top .col-sm-3,#top .col-sm-4,#top .col-sm-5,#top .col-sm-6,#top .col-sm-7,#top .col-sm-8,#top .col-sm-9,#top .col-sm-10,#top .col-sm-11,#top .col-sm-12{
		padding-left:0px;
		padding-right:0px;	
	}
	body{
		padding-top:53px;	
	}
	#headerWrap {
		margin-top:0px;
		margin-bottom:0px;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: auto;
		z-index:9;
		background:#fff;
	}
	.close_menu{
		position: absolute;
		top: 0;
		right: 0;
		z-index: 10;
		background: #000;
		width: 47px;
		height: 53px;
		padding: 14px;
		cursor:pointer;
		display:none;
	}
	.close_menu:hover img{
		opacity:0.5;	
	}
	.active_display{
		display:block!important;	
	}
	.active_display::after{
		position: absolute;
		left: 0;
		top: 53px;
		right: 0;
		bottom: 0;
		z-index: -1;
		background: #000;
		opacity: 0.5;
		content: "";
	}
	#footerWrap .brand_line{
		padding:10px 10px 5px;
		background:#f9f9f9!important;
		margin-top:21px;	
	}
	#footerWrap .brand_line>.container{
		padding:19px 0px;	
	}
	#footerWrap .brand_line>.container:first-child{
		border-bottom:1px solid #e5e5e5;	
	}
	#footerWrap .brand_line a {
		margin: 0 3.2%;
	}
	#footerWrap .gr_logo p:last-child{
		margin-top:0px;	
	}
	.contact_box{
		padding:10px;	
	}
	.contact_box .left{
		border:1px solid #999;
		border-bottom:none;
		padding-left:0;
		padding-right:0;
		background:none;
	}
	.contact_box .left .left_wrap{
		background:#f4f4f4;
		height:auto;	
		padding:16px 0px 15px;
	}
	.contact_box .left .left_wrap>img.visible-xs{
		display:inline-block!important;	
	}
	.contact_box .left .left_wrap p{
		font-size:24px;
		color:#191919;	
	}
	.contact_box .left .left_wrap span{
		font-size:13px;
		color:#000;	
		margin-top:0px;
	}
	.contact_box .right{
		text-align:center;
		padding:17px 17px 21px 17px!important;
		border:1px solid #999;
		border-top:none;
	}
	
	.contact_box .right .text .image{
		width:73px;
		height:73px;	
		z-index:1;
		background:url("../../img/common/contact_box/img_01.jpg")no-repeat scroll center center;
		background-size:cover;
	}
	.contact_box .right .text .image:after{
		content:"";
		width:100%;
		height:100%;
		top:0;
		left:0;
		border-color: #fff;
		border-radius: 50%;
		z-index: 1;
		position: absolute;
		overflow: hidden;
		background: transparent;	
	}
	.contact_box .right .text .image img{
		width:125px;
		height:125px;
		z-index:0;	
		display:none;
	}
	.contact_box .right .text>p{
		padding-left:8px;
		font-size:12px;
		line-height:19px;
		text-align:left;	
	}
	.contact_box .right .info>a>img{
		width:243px;	
	}
	.contact_box .right .info>a span.worktime{
		padding:0;
		font-size:11px;	
	}
	.contact_box .right .info a,.contact_box .right .info a.contact_link{
		display:block;	
	}
	.contact_box .right .info a.contact_link{
		font-size: 17px;
		margin: 15px auto 0px;
		max-width: 261px;
		width: 100%;
	}
	.contact_box .right .info a.phone_link{
		font-size: 17px;
		margin: 15px auto 0px;
		max-width: 261px;
		width: 100%;
		color:#41b93d;
		position:relative;
		padding: 12px 0px;
		border: 1px solid #41b93d;	
	}
	.contact_box .right .info a.phone_link::after {
		content: "";
		position: absolute;
		right: 10px;
		width: 20px;
		height: 27px;
		background: transparent url("../../img/common/icon/arrow_green.png")no-repeat scroll center center ;
		background-size:10px;
	}
	.contact_box .right .info>a.no_link{
		cursor:pointer;	
	}
	.contact_box .right .info>a.no_link>label{
		font-size:26px;
		font-weight:bold;
		cursor:pointer;	
	}
	.contact_box .right .info>a.no_link>label>img{
		width:23px;
		height:23.5px;
		margin-right:5px;	
	}
	.contact_box .right .info>a.no_link:hover{
		opacity:0.7;
		color:#191919;	
	}
	.contact_box .right .info>a.no_link>span.visible-xs{
	    font-size: 10px;
		display: block;
		background: #e5e5e5;
		max-width: 261px;
		width:100%;
		margin: 5px auto;
	}
}
}

@media  print {
	#headerWrap .headerpc #gn_fix.gNavipc.clscroll{
		display: none !important;
		position: relative !important;
	}
	
	
	
}

/*-------IN MAU------*/
body {
  -webkit-print-color-adjust: exact;
}
/*-------IN PHIEN BAN PC------*/
@page {
  size: portrait;
}