@charset "UTF-8";

/* ------------------------------------------------------------------
	Base
-------------------------------------------------------------------*/
body {
	min-width:320px;
	background:url(../img/bg_dot.png);
}
#contents img,
.banner img {
	width:100%;
}
#wrapper {
	margin-bottom:-20px;
}
/* ------------------------------------------------------------------
	Font
-------------------------------------------------------------------*/
html {
	color:#000;
}
a:link, a:visited {
	color:#0b4374;
}
.touchHover,
.noTapColor,
button {
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
.color-tel {
	text-decoration:none;
	color:#333333 !important;
}
/* ------------------------------------------------------------------
	Image
-------------------------------------------------------------------*/
.imgMax img {
	min-width: 100%;
}
/* ------------------------------------------------------------------
	Header
-------------------------------------------------------------------*/
#header {
	position: relative;
	padding-bottom: 60px;
	background:#6dabcc;
}
#h1Box {
	position: absolute;
	top: 10px;
	left: 10px;
}
#h1Box img {
	float: left;
	margin-right: 5px;
}
#h1Box p {
	float: right;
}
#logo {
	display:block;
	position: absolute;
	top: 33px;
	left: 10px;
	z-index: 99999;
}
/* ------------------------------------------------------------------
	Drawer
-------------------------------------------------------------------*/
a.meanmenu-reveal {
	display: none;
}
.mean-container .mean-bar {
	float: left;
	width: 100%;
	min-height: 60px;
	z-index: 9999;
}
.mean-container a.meanmenu-reveal {
	display:block;
	width: 23px;
	height: 13px;
	background: url(../img/bt_menu.png) no-repeat;
	background-size: 100%;
	position: absolute;
	top: 22px;
	right: 12px !important;
	text-indent: -9999px;
	font-size: 1px;
}
.mean-container a.meanclose {
	text-indent: -9999px !important;
	font-size: 1px;
}
.mean-container .mean-nav {
	width: 100%;
	margin-top: 61px;
}
.mean-container .mean-bar, .mean-container .mean-bar * {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
.mean-remove {
	display: none !important;
}
nav ul {
	list-style:none;
	font-size: 18px;
	line-height: 30px;
}
nav ul li {
	background: #6dabcc;
	margin-bottom:1px;
}
nav ul li.menu01 a {
	background:url(../img/icon_menu_01.png) no-repeat 10px 50% #6dabcc;
	background-size: 32px auto;
	padding-left: 60px;
}
nav ul li.menu02 a {
	background:url(../img/icon_menu_02.png) no-repeat 10px 50% #6dabcc;
	background-size: 32px auto;
	padding-left: 60px;
}
nav ul li.menu03 a {
	background:url(../img/icon_menu_03.png) no-repeat 10px 50% #6dabcc;
	background-size: 32px auto;
	padding-left: 60px;
}
nav ul li.menu04 a {
	background:url(../img/icon_menu_04.png) no-repeat 10px 50% #6dabcc;
	background-size: 32px auto;
	padding-left: 60px;
}
nav ul li.menu05 a {
	background:url(../img/icon_menu_05.png) no-repeat 10px 50% #6dabcc;
	background-size: 32px auto;
	padding-left: 60px;
}
nav ul li a {
	display: block;
	color: #fff !important;
	text-decoration: none;
	padding: 10px 15px;
}
nav ul li i.fa-angle-right {
	float: right;
	font-size: 26px;
	line-height: 30px;
}
/* ------------------------------------------------------------------
	Footer
-------------------------------------------------------------------*/
#footer .logoArea {
	padding:20px 0;
	background:#6dabcc;

}
#footer .logoArea img.logo-img {
	width:130px;
	padding-left: 3em;
}
#footer .logoArea small {
	display:block;
	color:#fff;
	font-size:12px;
	padding-top:30px;
	text-align: center;
}
/*	footer line
-------------------------------------------------------------------*/
.line_footer1{
  width: 160px;
  padding-right: 3em;
  float: right;
  
}
.line_footer2{
  width: 100%;
}
.line_f1{
  width: 100%;
}
.line_f2{
  width: 100% !important;
}
.line_f3 {
 width: 70%;
 height: auto;
 float: left;
 margin-top: 3px;
}
.line_f4{
  width: 27%;
  float: right;
	margin-top: 3px;
}
/* ------------------------------------------------------------------
	Top Page
-------------------------------------------------------------------*/
/*	Common
-------------------------------------------------------------------*/
#main {
  padding: 10px 10px 0;
}
img {
	margin: 0;
	padding: 0;
	vertical-align: bottom;
}
/*	Lead
-------------------------------------------------------------------*/
h2.top {
	font-weight:bold;
}
img.lead {
	padding:10px 0;
}
/*	topBt
-------------------------------------------------------------------*/
.topBt {
	width:auto;
	height:auto;
	position:relative;
}
.topBt ul {
	width:100%;
	position:absolute;
	left:0;
	bottom:15px;
}
.topBt li {
	width:50%;
	float:left;
}
.topBt li img {
}
.topBt li:first-child {
	padding-right:3px;
}
.topBt li:last-child {
	padding-left:3px;
}
/*line
-------------------------------------------------------------------*/
.line-a{
  width: 70%;
  margin: 0px;
}
.box1{
  float: left;
  display: inline-block;
  width: 100%;
  
}
.box2{
  float: left;
  display: inline-block;
  width: 100%;
  margin-left: 10px;
  margin-top: 3px;
}
.line1{
  float: left;
  width:100%;
	height:auto;
  padding-right: 5px;
}
.line2{
  float: right;
  width: 25%;
	height: auto;
  letter-spacing: 1.2em;
  margin-bottom: 3px;
}
.line{
  display: inline-block;
}
img.line-img{
  width: 95% !important;
}
span.green{
  color: #2bac38;
  font-weight: bold;
}
/*	banner
-------------------------------------------------------------------*/
.banner{
}
/* ------------------------------------------------------------------
	Under Layer
-------------------------------------------------------------------*/
/*	Title&Common
-------------------------------------------------------------------*/
.section img {
	margin-bottom:20px;
}
.hArea {
	color:#fff;
	background:#416d84;
	padding:10px 20px;
	min-height:35px;
}
.hArea h1 {
	padding-left:20px;
}
.hArea h1.price {
	background:url(../img/icon_menu_01.png) no-repeat 0 50%;
	background-size:16px auto;
}
.hArea h1.area {
	background:url(../img/icon_menu_02.png) no-repeat 0 50%;
	background-size:16px auto;
}
.hArea h1.recruit {
	background:url(../img/icon_menu_03.png) no-repeat 0 50%;
	background-size:16px auto;
}
.hArea h1.company {
	background:url(../img/icon_menu_04.png) no-repeat 0 50%;
	background-size:16px auto;
}
/*	Price
-------------------------------------------------------------------*/
.base {
	margin-bottom:20px;
}
.base table {
	width:100%;
	border-collapse:collapse;
}
.base table th {
	border:solid 1px #9a9b9b;
	padding:10px;
	background:#9a9b9b;
	color:#fff;
	font-weight:bold;
	text-align:center;
}
.base table td {
	border:solid 1px #9a9b9b;
	padding:10px;
	background:#fff;
	font-weight:bold;
	font-size:22px;
	text-align:center;
}
.detail {
	margin-bottom:20px;
}
.detail table {
	width:100%;
}
.detail thead tr {
	background:#6dabcc;
	color:#fff;
}
.detail thead th {
	padding:10px;
	font-weight:bold;
	text-align:center;
}
.detail tbody tr:nth-child(odd) {
	background:#e6e5e5;
}
.detail tbody tr:nth-child(even) {
	background:#f2f2f2;
}
.detail tbody th {
	padding:10px;
	text-align:right;
	font-size:12px;
}
.detail tbody td {
	padding:10px;
	text-align:center;
	font-size:12px;
}
/*	Area
-------------------------------------------------------------------*/
.map {
	margin-bottom:20px;
}
/*	Recruit
-------------------------------------------------------------------*/
.recruit {
}
.recruit table {
	width:100%;
	margin-bottom:20px;
}
.recruit th {
	background:#6dabcc;
	color:#fff;
	padding:10px;
	text-align:center;
	font-size:14px;
}
.recruit td {
	background:#f2f2f2;
	padding:10px;
}
/*	Company
-------------------------------------------------------------------*/
.company {
}
.company table {
	width:100%;
	margin-bottom:20px;
}
.company th {
	background:#6dabcc;
	color:#fff;
	padding:10px;
	text-align:center;
	font-size:14px;
}
.company td {
	background:#f2f2f2;
	padding:10px;
}
/* ------------------------------------------------------------------
	Reset&Common 
-------------------------------------------------------------------*/
* {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

html {
	overflow-x:hidden;
	background:#FFF;
}
body {
	overflow-x:hidden;
	-webkit-text-size-adjust:none;
	-ms-text-size-adjust:none;
	word-wrap:break-word;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, object, iframe, pre, code, p, blockquote, form, fieldset, legend, table, th, td, caption, tbody, tfoot, thead, article, aside, figure, footer, header, hgroup, menu, nav, section, audio, video, canvas {
	margin:0;
	padding:0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, menu { display:block; }
audio:not([controls]) {
	display:none;
	height:0;
}
[hidden] { display:none; }
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset, img { border:none; }
address, caption, cite, code, dfn, em, strong, th, var {
	font-style:normal;
	font-weight:normal;
}
ul, ol, menu { list-style:none; }
caption, th { text-align:left; }
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
}
q:before, q:after { content:""; }
abbr, acronym {
	border:none;
	font-variant:normal;
}
sup { vertical-align:text-top; }
sub { vertical-align:text-bottom; }
input, textarea, select {
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
}
legend { color:#000; }
a img, map a { border:none; }
a:hover, a:active, a:focus { outline:0; }
embed { width:100%; }
audio, canvas, video { display:inline-block; }
audio:not([controls]) {
	display:none;
	height:0;
}
img, object, embed {
	max-width:100%;
	height:auto;
}
img { -ms-interpolation-mode:bicubic; }

/* Font
-------------------------------------------------------------------*/
body {
	font:13px/1.231 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo','ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}
select, input, button, textarea, button {
	font:99% arial, sans-serif;
}
table {
	font:100%;
	font-size:inherit;
}
pre, code, kbd, samp, tt {
	font-family:monospace;
	line-height:1;
}

/* General
-------------------------------------------------------------------*/
table { empty-cells:show; }
input { line-height:1; }
form img, input, select { vertical-align:middle; }
textarea { resize:none; }
select { padding:1px; }
label { margin-right:5px; }
legend { display:none; }
input[type="text"], input[type="password"], textarea {
	padding:3px 4px 0 3px;
	border:1px solid #999;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
	font-size:13px;
}
/*	Setting
-------------------------------------------------------------------*/
.noDisplay { display:none; }
.boxDisplay {
	display:-webkit-box !important;
	display:-moz-box !important;
	display:-o-box !important;
	display:-ms-box !important;
	display:box !important;
}
.block { display:block !important; }
.inline { display:inline !important; }
.inlineBlock { display:inline-block !important; }
.static { position:static !important; }
.relative { position:relative !important; }
.absolute { position:absolute !important; }
.fixed { position:fixed !important; }
.leftBox { float:left; }
.rightBox { float:right; }
.nofloat { float:none !important; }
.clearfix { zoom:1; }
.clearfix:after {
	display:block;
	clear:both;
	content:"";
}
.clear { clear:both !important; }
.auto {
	margin-right:auto !important;
	margin-left:auto !important;
}
.mt0, .mv0, .ma0 { margin-top:    0 !important; }
.mr0, .mh0, .ma0 { margin-right:  0 !important; }
.mb0, .mv0, .ma0 { margin-bottom: 0 !important; }
.ml0, .mh0, .ma0 { margin-left:   0 !important; }
.pt0, .pv0, .pa0 { padding-top:   0 !important; }
.pr0, .ph0, .pa0 { padding-right: 0 !important; }
.pb0, .pv0, .pa0 { padding-bottom:0 !important; }
.pl0, .ph0, .pa0 { padding-left:  0 !important; }
.mt5, .mv5, .ma5 { margin-top:    5px !important; }
.mr5, .mh5, .ma5 { margin-right:  5px !important; }
.mb5, .mv5, .ma5 { margin-bottom: 5px !important; }
.ml5, .mh5, .ma5 { margin-left:   5px !important; }
.pt5, .pv5, .pa5 { padding-top:   5px !important; }
.pr5, .ph5, .pa5 { padding-right: 5px !important; }
.pb5, .pv5, .pa5 { padding-bottom:5px !important; }
.pl5, .ph5, .pa5 { padding-left:  5px !important; }
.mt10, .mv10, .ma10 { margin-top:    10px !important; }
.mr10, .mh10, .ma10 { margin-right:  10px !important; }
.mb10, .mv10, .ma10 { margin-bottom: 10px !important; }
.ml10, .mh10, .ma10 { margin-left:   10px !important; }
.pt10, .pv10, .pa10 { padding-top:   10px !important; }
.pr10, .ph10, .pa10 { padding-right: 10px !important; }
.pb10, .pv10, .pa10 { padding-bottom:10px !important; }
.pl10, .ph10, .pa10 { padding-left:  10px !important; }
.mt20, .mv20, .ma20 { margin-top:    20px !important; }
.mr20, .mh20, .ma20 { margin-right:  20px !important; }
.mb20, .mv20, .ma20 { margin-bottom: 20px !important; }
.ml20, .mh20, .ma20 { margin-left:   20px !important; }
.pt20, .pv20, .pa20 { padding-top:   20px !important; }
.pr20, .ph20, .pa20 { padding-right: 20px !important; }
.pb20, .pv20, .pa20 { padding-bottom:20px !important; }
.pl20, .ph20, .pa20 { padding-left:  20px !important; }
.mt30, .mv30, .ma30 { margin-top:    30px !important; }
.mr30, .mh30, .ma30 { margin-right:  30px !important; }
.mb30, .mv30, .ma30 { margin-bottom: 30px !important; }
.ml30, .mh30, .ma30 { margin-left:   30px !important; }
.pt30, .pv30, .pa30 { padding-top:   30px !important; }
.pr30, .ph30, .pa30 { padding-right: 30px !important; }
.pb30, .pv30, .pa30 { padding-bottom:30px !important; }
.pl30, .ph30, .pa30 { padding-left:  30px !important; }
.mt40, .mv40, .ma40 { margin-top:    40px !important; }
.mr40, .mh40, .ma40 { margin-right:  40px !important; }
.mb40, .mv40, .ma40 { margin-bottom: 40px !important; }
.ml40, .mh40, .ma40 { margin-left:   40px !important; }
.pt40, .pv40, .pa40 { padding-top:   40px !important; }
.pr40, .ph40, .pa40 { padding-right: 40px !important; }
.pb40, .pv40, .pa40 { padding-bottom:40px !important; }
.pl40, .ph40, .pa40 { padding-left:  40px !important; }
.bt0, .ba0 { border-top:none !important; }
.br0, .ba0 { border-right:none !important; }
.bb0, .ba0 { border-bottom:none !important; }
.bl0, .ba0 { border-left:none !important; }
strong, .bold { font-weight:bold; }
.italic { font-style:italic; }
.note {
	margin-left:1.0em;
	text-indent:-1.0em;
}
.f10 { font-size:77%; }
.f11 { font-size:85%; }
.f12 { font-size:93%; }
.f14 { font-size:108%; }
.f15 { font-size:116%; }
.f16 { font-size:123.1%; }
.f17 { font-size:131%; }
.f18 { font-size:138.5%; }
.f19 { font-size:146.5%; }
.f20 { font-size:153.9%; }
.f21 { font-size:161.6%; }
.f22 { font-size:167%; }
.f23 { font-size:174%; }
.f24 { font-size:182%; }
.f25 { font-size:189%; }
.f26 { font-size:197%; }
.red { color:#C00; }
.white { color:#FFF; }
.grayC { color:#CCC; }
.gray9 { color:#999; }
.gray6 { color:#666; }
.gray3 { color:#333; }
.black { color:#000; }
.middle { vertical-align:middle !important; }
.center { text-align:center !important; }
.left { text-align:left !important; }
.right { text-align:right !important; }
.underline { text-decoration:underline !important; }
.textNoLine { text-decoration:none !important; }
.lh1_5{line-height:1.5em !important;}
/*	other
-------------------------------------------------------------------*/
.boxShadow {
	-webkit-box-shadow:0 0 5px #DDD;
	box-shadow:0 0 5px #DDD;
}
.textShadowW { text-shadow:0 1px 0 #E7E7E7; }
.textShadowB { text-shadow:0 1px 0 #111; }
.radius5 { border-radius:5px; }
.radius10 { border-radius:10px; }
.line-img {
}