@charset "UTF-8";

/*--------------------リセット--------------------*/
html {overflow-y:scroll;}
body,
div,
dl, dt, dd,
ul, ol, li,
h1, h2, h3, h4, h5, h6,
pre,
form, fieldset, input, textarea,
p, blockquote,
th, td, legend { margin: 0; padding: 0; }

h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight: normal; }
address, caption, cite, code, th { font-style: normal; font-weight:normal; }

table { border-collapse: collapse; border-spacing: 0; }
caption{text-align: left;}
ul {list-style: none;}

img, table, fieldset {border: 0;}
img, object, embed {vertical-align: bottom;}
legend {color:#333333;}
input, textarea, select { font-family:inherit; font-size:inherit; font-weight:inherit; }

.center{ text-align: center!important;}


/*--------------------ベース--------------------*/
body { width:100%; font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; font-size:13px; line-height:1.8; color: #333333; }

h1,h2,h3,h4,h5,h6 { font-size:13px; font-weight:normal; line-height:1.5; }
ol,dl,dt,dd,ul,li { list-style:none; list-style-position:outside; text-indent:0; }

p{font-size:13px;}
a{text-decoration: none;}
a:hover{text-decoration: underline;}
#wrapper a{color:#005BAC; text-decoration: underline;}
#wrapper a:hover{color:#005BAC; text-decoration:none;}


/*--------------------パーツ--------------------*/
.big{font-size:14px;}
.noBorder{border:none !important;}
.right{text-align:right;}
.red{color:#FF0000!important;}


/*--------------------ボックス--------------------*/
.boxGray{ background: none repeat 0 0 #EDEDED; margin:20px 0  25px 0; padding: 15px 20px; }
.boxBlack{ border:1px solid #333333; padding:20px 18px 0 20px; margin-bottom: 30px; }


/*--------------------調整--------------------*/
.ml00{margin-left:0 !important;}
.ml05{margin-left:5px !important;}
.ml15{margin-left:15px !important;}
.mt00{margin-top:0 !important;}
.mt05{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}
.mt30{margin-top:30px !important;}
.mt40{margin-top:40px !important;}
.mb25{margin-bottom:25px;}


/*-----clearfix-----*/
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */


/*--------------------フッター--------------------*/
#footer{ background:#005BAC; color: #fff; padding:20px 0 16px; text-align: center; }
#footContent a{ color: #fff;}

#footer h1{ display: block; width: 150px; margin: 0 auto;}
#footer h1 img{ width: 100%;}
#copy{ font-size:11px; margin:10px 0 0; }


/*--------------------左カラム--------------------*/
#leftC h2{margin-bottom: 20px;}
#leftC dl{margin-bottom:15px;}
#leftC .lnk{ background: url("/common/img/arrow02.gif") no-repeat 0 4px; padding-left: 11px; margin-top: 3px; }
.lLnk li{ background: url("/common/img/arrow_gray.png") no-repeat 0 6px; border-bottom:solid 1px #CCCCCC; margin-bottom: 10px; padding:0 0 8px 12px; }


/*--------------------右カラム--------------------*/
#rightC .ulDisc li{ list-style:disc; margin-left:15px; }


/*--------------------パンくず＆ページの先頭--------------------*/
#bread{ clear:both; padding-top:35px; margin-bottom: 30px; }
#bread ul{ background: url("/common/img/brd_bg.gif") no-repeat 0 0; width:100%; height:30px; position: relative; }

#bread .hm{ color: #7F7F7F; width: 73px; padding-left: 28px; margin:7px 14px 0 0; }
#bread li{ float:left; font-size:11px; }

#bread .second{ margin-top:7px; margin-right: 14px; }
#bread .toTop{ position: absolute; right: 2px; top:2px; }


/*--------------------トップページ--------------------*/
#eyeCatch{ min-width: 960px; height: 440px; position: relative; overflow: hidden; z-index: -1;}
#eyeCatch img{ height: 100%; position: absolute; top: 0;left: 50%; -webkit-transform: translate(-50%, 0);transform: translate(-50%, 0);}

.topService h4 img{ height: 30px; margin:0;}

.news dl{ clear: both; border-bottom: 1px dotted #BEBEBE; margin-bottom: 12px; padding-bottom: 11px; }
.news dt{ font-weight:bold; color:#666666; margin-right:25px; }
.news img{ vertical-align:middle; margin-right:8px; }


/*--------------------会社概要--------------------*/
.tbAbout{ width:100%; border-top:1px solid #CCCCCC; margin-top:10px; }
.tbAbout th{ text-align: left; white-space:nowrap; background: #EDEDED; border-bottom:1px solid #CCCCCC; }
.tbAbout td { vertical-align:top; border-bottom:1px solid #CCCCCC; }

.tbAbout li{margin-left:20px !important;}

.tbAbout .month{ font-weight:bold; color:#666666; white-space:nowrap; padding-left:15px; }
.tbAbout .year{ font-weight: bold; color: #FFFFFF; background:#005BAC; padding: 2px 7px; }


/*--------------------企業理念--------------------*/
p.rinen{ font-size:20px; font-weight: bold; text-align: center; color: #0C569A; margin:20px auto 35px; }


/* -------------------------採用情報-------------------------*/
.recruit  dl{margin-top:15px;}
.recruit  dl dt{font-weight:bold;}


/* -------------------------お問い合わせ-------------------------*/
.boxGrayLine{ border:2px solid #CCCCCC; padding: 15px 20px; margin:15px 0 30px 0; }
.boxGrayLine b{ font-weight:bold; margin-right:10px; }


/*-------------------------プライバシー-------------------------*/
.privacy #rightC dl{margin-bottom:25px;}
.privacy #rightC dl dt{font-weight:bold;}

.tbPrivacy{ width:100%; margin-bottom:40px; border:1px solid #5d5d5d; }
.tbPrivacy th{ background: none repeat 0 0 #EDEDED; border-bottom: 1px solid #5D5D5D; border-right: 1px solid #5D5D5D; }
.tbPrivacy td{ border-bottom: 1px solid #5D5D5D; border-right: 1px solid #5D5D5D; }


/*-------------------------PC ＆ タブレット　641px以上-------------------------*/
@media only screen and (min-width: 641px) {

	body{ margin:0; padding:0; }
	#wrapper{ min-width:960px; overflow:hidden; }

	.zeroMarginPc{margin-left:0;}
	.hidePc{display:none;}


	/*---------------グローバルナビ--------------- */
	#gm{ width:966px; margin:0 auto; }
	#gm ul{ width: 966px; position: absolute; top: 10px; }
	#gm li{float:left;}


	/*---------------ヘッダー---------------*/
	#header{ clear:both; background: url("/common/img/header_bg.png") repeat-x 0 0; height: 60px; position: relative; top: 0; z-index: 10; box-shadow:0 0 3px #666666; -moz-box-shadow:0 0 3px #666666; /* Firefox */ -webkit-box-shadow:0 0 3px #666666; /* Chrome, Safari */ }
	#headContent{ width:960px; padding-top:20px; margin:0 auto; }
	#headContent h1{float:left;}

	#headContent ul{ float:right; margin-top:5px; }
	#headContent li{ float:left; font-size:11px; background: url("/common/img/arrow_gray.png") no-repeat 0 3px; margin-left:20px; padding-left:12px; }

	#headContent a{color:#848484;}
	#headContent a:hover{color:#005BAC;}


	/*--------------------フッター--------------------*/
	#gmofooter{width: 960px !important;}


	/*---------------コンテンツ---------------*/
	#wrapper{ clear: both; margin:230px auto 0; width:960px; }

	.sitemap #wrapper, .contacts #wrapper, .privacy #wrapper{margin:135px auto 0;}
	.home #wrapper{ width: 960px; margin: 60px auto 0; }


	/*--------------------見出し--------------------*/
	.ttl3{ font-size:20px; font-weight:bold; border-bottom:solid 3px #CCCCCC; margin:10px 0 18px 0; padding:0 0 5px 7px; }
	.ttl4{ font-size:16px; font-weight:bold; margin:20px 0 15px 0; }

	h4 img{margin: 30px 0 20px 15px;}


	/*---------------アイキャッチ---------------*/
	.about, .philosophy, .services, .recruit{background: url("/common/img/eyeC_bg.gif") repeat-x 0 38px;}
	.about .inner{background: url("/common/img/eyeCatch02.png") no-repeat center 0;}
	.philosophy .inner{background: url("/common/img/eyeCatch03.png") no-repeat center 0;}
	.services .inner{background: url("/common/img/eyeCatch04.png") no-repeat center 0;}
	.recruit .inner{background: url("/common/img/eyeCatch05.png") no-repeat center 0;}

	.sitemap, .contacts, .privacy{background: url("/common/img/eyeC_b02.gif") repeat-x 0 65px;}


	/*--------------------カラム--------------------*/
	#leftC{ float:left; width:200px; }
	#rightC{ width: 720px; min-height:450px; padding-left: 20px; margin:0 0 60px;  float: right;}


	/*--------------------トップページ--------------------*/
	.topService dl{ float:left; width:229px; height:100px; margin:0 0 20px 15px; }
	.topService dt{ height:40px; text-align:center; border:solid 1px #CCCCCC; padding-top:10px; }
	.topService dd{margin:7px 0 5px 0;}


	/*--------------------会社概要--------------------*/
	.tbAbout th, .tbAbout td{padding:14px;}


	/*--------------------サービス--------------------*/
	.boxService{margin:0 20px 20px 30px;}

	.dlService{ float: left; margin:10px 20px 10px 0; }
	.dlService dd{ background: url("/common/img/s_icon01.gif") no-repeat 0 4px; margin-top:5px; padding-left: 26px; }


	/* -------------------------プライバシー-------------------------*/
	.tbPrivacy th{padding:10px 0;}
	.tbPrivacy td{padding:10px;}


	/* -------------------------サイトマップ-------------------------*/
	.smap li{margin:0 0 5px 35px !important;}
}


/*-------------------------スマートフォン　640px以下-------------------------*/
@media only screen and (max-width: 640px) {

	/*---------------共通---------------*/
	body{ width:100%; background:#FFFFFF; }
	img{ max-width:100%; height:auto; }

	.zeroMarginMobile{margin-left:0;}
	.hideMobile{display:none !important;}
	.pt00{padding-top:0 !important;}


	/*---------------グローバルナビ--------------- */
	#gMenu{ width:100%; background:url(../img/global_sp_bg.png) repeat-x top #9AC8EC; }
	#gMenu li{ float:left; width:24.5%; font-size:12px; text-align:center; border-left:solid 1px #4e7ea8; padding:6px 0 5px 0; }
	#gMenu a{color:#FFFFFF;}


	/*---------------ヘッダー---------------*/
	#header{ clear:both; text-align:center; background: url("/common/img/header_bg.png") repeat-x 0 0; -moz-box-shadow:0 0 3px #666666; /* Firefox */ -webkit-box-shadow:0 0 3px #666666; /* Chrome, Safari */ border-bottom:solid 2px #333333; padding:14px 0 10px 0; }


	/*-------------------- footer --------------------*/
	#footContent{ overflow: hidden; position: relative; font-size:11px; line-height:1; }
	#footContent ul{ float: left; position: relative; left: 50%; padding:10px 0 14px 0; }
	#footContent li{ float:left; position: relative; left: -50%; border-left:solid 1px #CCCCCC; font-size:11px; padding:0 7px; }

	#footer #copy{ clear:both; font-size:9px; }


	/*--------------------トップページ--------------------*/
	#eyeCatch,
	#eyeCatch img{ height: auto;}
	#eyeCatch{ min-width: auto;}
	#eyeCatch img{ position: static; margin-top: -30px; -webkit-transform: none; transform: none;}


	/*---------------コンテンツ---------------*/
	.home #wrapper { margin-top: 30px; clear: both;}


	/*--------------------見出し--------------------*/
	.ttl3{ font-size:14px; font-weight:bold; background:#CCCCCC; margin:25px 0 15px 0; padding:5px 0 2px 4px; }
	.ttl4{ font-size:15px; font-weight:bold; margin:20px 0 10px 0; }

	h4 img{margin:5px 0 15px 0;}


	/*--------------------左カラム--------------------*/
	#leftC{display:none;}


	/*--------------------右カラム--------------------*/
	#rightC{ width: 97%; padding:0 1.5%; }


	/*--------------------トップページ--------------------*/
	.topService dl{ width:94%; text-align:center; border-bottom:solid 1px #EDEDED; padding:14px 3% 1px 3%; }
	.topService dd{margin:4px 0 12px 0;}

	.news dt, .news dd{padding:0 2%;}


	/*--------------------会社概要--------------------*/
	.tbAbout th, .tbAbout td{padding:5px;}


	/*--------------------サービス--------------------*/
	.boxService{margin-bottom:20px;}
	.dlService{margin:10px 0 20px 0;}
	.dlService dt{text-align:center;}
	.dlService dd{ width:260px; background: url("/common/img/s_icon01.gif") no-repeat 0 4px; margin:5px auto; padding-left:26px; }


	/* -------------------------プライバシー-------------------------*/
	.tbPrivacy{font-size:11px;}

	.tbPrivacy th{padding:0;}
	.tbPrivacy td{ width:32%; vertical-align:top; padding:3px 1px; }


	/* -------------------------サイトマップ-------------------------*/
	.smap li{margin:0 0 5px 25px !important;}
}


/*************************************************************************************************************************
* デフォルト
*************************************************************************************************************************/
.tbColumn02{ width: 100%; border-top: 1px solid #ccc; border-right: 1px solid #ccc;}
.tbColumn02 tbody th{ background: #EDEDED; text-align: center;}
.tbColumn02 tbody th,
.tbColumn02 tbody td{ min-width: 120px; height: 40px; padding: 4px 10px; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc;}


/*scroll*/
.scroll{ overflow-x: scroll;}
.scrollTxt{ display: table; margin: 8px auto 0; padding: 0 20px; position: relative; font-size: 12px; line-height: 1.9; letter-spacing: 0px;}
.scrollTxt:before{ content: ""; display: block; background: #222; width: 100%; height: 2px; margin: -1px 0 0; position: absolute; top: 50%; left: 0;}

.scrollTxt span{ display: inline-block; background: #fff; padding: 0 8px; position: relative; }

.scrollTxt span:before,
.scrollTxt span:after{ content: ""; display: block; width: 0; height: 0; position: absolute; top: 6px;  border: 5px solid transparent;}
.scrollTxt span:before{ border-right: 10px solid #222; left: -30px; }
.scrollTxt span:after{ border-left: 10px solid #222; right: -30px;}


/*gmoft*/
.gmoGroupFooter_inner{ max-width: 980px; margin:0 auto;}