@charset "utf-8";
/*---------------------------------------------
	Browser reset css
  ---------------------------------------------*/

html {
	overflow-y: scroll;
}

body, div, dl, dt, dd, ul, ul li, h1, h2, h3, h4, h5, h6,
pre, form, fieldset, input, textarea, p, blockquote, th, td,
section, nav, article, aside, hgroup, header, address,
figure, figcaption {
	margin: 0;
	padding: 0;
	line-height: 160%;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th {
	text-align: left;
}
q:before ,q:after {
	content: '';
}
object, embed {
	vertical-align: top;
}
hr, legend {
	display: none;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
img, abbr, acronym, fieldset {
	border: 0;
}
img {
	vertical-align: top;
	-ms-interpolation-mode: bicubic;
}
ul li {
	list-style-type: none;
}


/* ------ Body ------ */

body {
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	color: #666;
	font-size: 16px;
	line-height: 160%;
	text-align: left;
	letter-spacing: -0.001em;		/* iOS4でのテキストの隙間への対応 */
	-webkit-text-size-adjust: 100%;		/* 文字サイズの自動調整機能のキャンセル */
}
.win body {
	font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}


/* ------ Anchor ------ */

a {
	outline: none;
	color: #333;
text-decoration: none;
transition: all 0.5s ease 0s;
}

a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	color: #B70000;
}
a:active {
	text-decoration: none;
	color: #B70000;
}


/* ==================================================  
	+1: Leyout Pattern Set
================================================== */
.boxSet {
	clear: both;
	float: none;
}
/* clearFix
================================================== */
.clearFix:after { content: "."; clear: both; height: 0; visibility: hidden; display: block; }

.clearFix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearFix { zoom:1; height: 1%; }

.clearFix { display: block; }/* End hide from IE-mac */


/*-----------------------------------------------------	*/
/*	for all						*/
/*-----------------------------------------------------	*/

/* ------ General Settings ------ */

/* フルードイメージ対応 */
img {
	max-width: 100%;
	height: auto;
}

.ie8 img {
	width: auto;
}

p {
	font-size: 76%;
}

.img {
	text-align: center;
}

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

body {
	/*background-image:url(../images/bg_tsuke.png);*/
	background-color: #fff;
	/*background: -moz-linear-gradient(top, #07162d, #34a5bd);
	background: -webkit-gradient(linear, left top, left bottom, from(#07162d), to(#34a5bd));
	background: -webkit-linear-gradient(top, #07162d, #34a5bd);
	background: linear-gradient(to bottom, #07162d, #34a5bd);*/
}

/* ------ Font ------ */

/* 各ブラウザに対応したWebフォントを指定 */
@font-face {
	font-family: 'icomoon';
	src:url('fonts/icomoon.eot');
	src:url('fonts/icomoon.eot?#iefix') format('embedded-opentype'),
		url('fonts/icomoon.woff') format('woff'),
		url('fonts/icomoon.ttf') format('truetype'),
		url('fonts/icomoon.svg#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* ------ Column ------ */

.row,
.row2 {
	max-width: 978px;
	margin: 0 auto;
}
.row:after,
.row2:after {
	content: "";
	display: block;
	clear: both;
}

/* 各カラムを横並びにし、左マージンを設定 */
.col {
	float: left;
	margin-left: 3.2258064515%;
}

/* 左端のカラムの左マージンを削除 */
.col:first-child,
.col.left {margin-left: 0;}

/* カラムの左右を入れ替えるための設定 */
.col.right {
	float: right;
	margin-left: 3.2258064515%;
}

/* 各カラムの幅を％で設定 */
.one-second {width: 48.3870967741%;}
.one-third {width: 31.1827956988%;}
.two-third {width: 65.5913978494%;}
.one-third_sub {width: 31.1827956988%;}
.two-third_sub {width: 65.5913978494%;}

.one-third2 {width: 26.7741935482%;}
.two-third2 {width: 70%;}

.one-fourth {width: 22.5%;}
.two-fourth {width: 48.3870967741%;}
.three-fourth {width: 72.58064516115%;}

/*-----------------------------------------------------	*/
/*	for - 979px					*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 979px) {
.row2 {
	max-width: 100%;
	margin: 0 auto;
	padding: 0;
	box-sizing: border-box;
}
/* ------ Column ------ */

	/* 各カラムの横並びを解除し、縦１列に並べる */
.row2 .col,
.row2 .col.left,
.row2 .col.right {
	float: none;
	width: auto;
	margin-left: 0;
}
.one-third_sub,
.two-third_sub {width: 100%;}
}
/*---------------------------------------------
	header
  ---------------------------------------------*/
header {
    position: fixed;
    background:#fff;
    height:93px;
	z-index: 8888;
	margin: 0 auto;
	width: 100%;
	border-bottom: 4px solid #ad1720; 
}
.header_top {
	height: 25px;
	background: #2d2d2d;
}
header h1#headerCatch {
	line-height: 25px;
	font-size: 11.5px;
	color: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
section.headerBox {
    height: 68px;
    background:#fff;
	width: 100%;
	position: relative;
}
header p#logo {
	background-image: url(../images/pclogo.png);
	background-color: transparent;
	background-position: center top;
	background-repeat: no-repeat;
    height: 50px;
	width: 285px;
	text-align: center;
    color: #fff;
	margin-top: 10px;
	font-weight: normal;
	font-size: 11.5px;
	letter-spacing: 0.1em;
	text-decoration: none;
	font-family: 'Century Gothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
}
header ul#head_list {
	display: block;
	right: 250px;
	top: 43px;
	position: absolute;
}
header ul#head_list li {
	float: left;
	font-size: 13px;
	line-height: 20px;
	padding-right: 20px;
}
header ul#head_list li a {
	color: #121212;
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
}
header ul#head_list li a:hover,
header ul#head_list li a.current {
	color: #e82833;
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
}
header ul#head_list li a:before,
header ul#head_list li a:before {
	font-family: 'icomoon';
	font-size: 13px;
	width: 16px;
	color: #121212;
	font-weight: normal;
	margin-right: 3px;
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
}
header ul#head_list li#home a:before,
header ul#head_list li#home a:before {
	content: "\e600";
}
header ul#head_list li#outline a:before {
	content: "\e603";
}
header ul#head_list li#recruit a:before {
	content: "\e60c";
}
header ul#head_list li#home a:hover:before,
header ul#head_list li#outline a:hover:before,
header ul#head_list li#recruit a:hover:before,
header ul#head_list li#home a.current:before,
header ul#head_list li#outline a.current:before,
header ul#head_list li#recruit a.current:before {
	color: #e82833;
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
}
header ul#header_tel li {
	float: left;
}
header ul#header_tel li ul li {
	float: none;
	margin-right: 0px;
}
header ul#header_tel li ul li.h_tel_box {
	display: block;
	background: #d22c2c;
	text-align: center;
	font-size: 13px;
	color: #fff;
	line-height: 20px;
	margin-bottom: 2px;
	border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}
header ul#header_tel li ul li.tel_number {
	font-size: 30px;
	line-height: 30px;
	color: #121212;
	font-weight: bold;
	letter-spacing: -0.01em;
	font-family: 'Century Gothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
}

/*---------------------------------------------
	head_nav
  ---------------------------------------------*/

#head_nav {
    background:#0c4679;
    position: fixed;
    height:32px;
	z-index: 8886;
	width: 100%;
	margin: 97px auto 0;
	border-bottom: 4px solid #ad1720;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.5);　/* Firefox用 */  
    -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.5);　/* Safari,Google Chrome用 */
}
            
#head_nav ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
    display: block;
    width: 100%;
}

#head_nav ul li {
    height: 32px;
	/* width: 16.5%; */
	width: 20%;
    float: left;
    margin: 0px;
    padding: 0px;
	background:#333333 url(../images/bg_black.png) repeat;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#head_nav ul li:last-child {
	/* width: 17.5%; */
	width: 20%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#head_nav ul li a {
	font-size: 13px;
	font-family: 'Century Gothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	text-shadow: 1px 1px 1px #1389a2,
    -1px 1px 1px #1389a2,
    1px -1px 1px #1389a2,
    -1px -1px 1px #1389a2;
    display: block;
    margin: 0px;
	line-height: 32px;
	height: 32px;
	text-align: center;
    color: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background:#0c4679;
    text-decoration: none;
	transition: 0.5s;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
}

#head_nav ul li a:hover,
#head_nav ul li a.current {
    color: #ad1720;
	text-shadow: none;
	background-color:#fff;
	transition: 0.5s;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
}

/*---------------------------------------------
	スライドショー
  ---------------------------------------------*/
#slideShow {
	background: #fff;
	max-height:400px;
	position: relative;
	top: 133px;
}
@media screen and (max-width:979px){
	#slideShow {
		top: 0px;
	}
}

.wideslider {
	/*padding-bottom: 60px;*/
	width: 100%;
	text-align: left;
	position: relative;
	overflow: hidden;
}

.wideslider ul,
.wideslider ul li {
	float: left;
	display: inline;
	overflow: hidden;
}

.wideslider ul li img {
	width: 100%;
	display: none;
}

.wideslider_base {
	top: 0;
	position: absolute;
}
.wideslider_wrap {
	top: 0;
	position: absolute;
	overflow: hidden;

}
.slider_prev,
.slider_next {
	top: 0;
	overflow: hidden;
	position: absolute;
	z-index: 100;
	cursor: pointer;
}
.slider_prev {background: #000 url(../images/prev.png) no-repeat right center;}
.slider_next {background: #000 url(../images/next.png) no-repeat left center;}

/*.pagination {
	bottom: 20px;
	left: 0;
	width: 100%;
	height: 30px;
	text-align: center;
	position: absolute;
	z-index: 200;
}

.pagination a {
	margin: 0 5px;
	width: 30px;
	height: 30px;
	display: inline-block;
	overflow: hidden;
}
.pagination a.pn1 {background: transparent url(../img/pn1.jpg) no-repeat left top;}
.pagination a.pn2 {background: transparent url(../img/pn2.jpg) no-repeat left top;}
.pagination a.pn3 {background: transparent url(../img/pn3.jpg) no-repeat left top;}
.pagination a.pn4 {background: transparent url(../img/pn4.jpg) no-repeat left top;}
.pagination a.pn5 {background: transparent url(../img/pn5.jpg) no-repeat left top;}

.pagination a.active {
	filter:alpha(opacity=100)!important;
	-moz-opacity: 1!important;
	opacity: 1!important;
}*/


/*---------------------------------------------
	#main
  ---------------------------------------------*/
#main {
	background: #fff;
	position: relative;
	top: 133px;
}
@media screen and (max-width:979px){
	#main {
		top: 0px;
	}
}

/*---------------------------------------------
	article
  ---------------------------------------------*/

article {
	background-color: transparent;
	max-width: 978px;
	margin: 0px auto;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 20px;
	display: block;
	position: relative;
	z-index: 2000;
	/*-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.1);
	box-shadow: 0 0 20px rgba(0,0,0,0.1);*/
}

/*---------------------------------------------
	TOP_あいさつ文
  ---------------------------------------------*/
  #greeting h2 {
	line-height: 40px;
	font-size: 26px;
	color: #121212;
	font-weight: normal;
	text-align: center;
	background: #fff;
	word-wrap: break-word;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	letter-spacing: 0.2em;
}
#greeting h2 span {
	color:#00798f;
}
#greeting p {
	line-height: 30px;
	color:#121212;
	text-align: center;
	font-size: 15px;
}



/*---------------------------------------------
	TOP_3カラム
  ---------------------------------------------*/
.sp_colBox {
	display: none;
}
.tab_colBox {
	display: none;
}
.top_box {
	display: block;
	background: #ededed;
	width: 100%;
	max-width:460px;
	overflow: hidden;
	margin: 0 auto;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	transition: 0.5s;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
}
.top_box img {
	-webkit-transform: translate3d(0,0px,0);
	transform: translate3d(0,0px,0);
	transition: 0.5s;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
}
.top_3col_ttl {
	max-width:460px;
	width: 100%;
	margin: 0 auto;
	display: block;
	background: #3a6489;
	border-bottom: 7px solid #094b85;
	transition: 0.5s;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
}
.top_3col_ttl h3 {
	text-align: center;
	display:block;
	font-size: 18px;
	line-height: 35px;
	height:35px;
	color: #fff;
	font-weight: normal;
	font-family: 'Century Gothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	transition: 0.5s;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
}
.hverbox:hover .top_box img {
	-webkit-transform: translate3d(0,0,0) scale(1.1);
	transform: translate3d(0,0,0) scale(1.1);
}
.hverbox:hover h3 {
	color: #fff;
}
.hverbox:hover .top_3col_ttl {
	background: #e82833;
	border-bottom: 7px solid #ad1720;
}

@media screen and (max-width: 979px) {
	
	.subpage_colBox {
    	display: none;
    }
	.hverbox:hover .top_box img {
	-webkit-transform: translate3d(0,0px,0);
	transform: translate3d(0,0px,0);
}

/* ------ SUB_サイトナビ対応　tab_colBox　------ */
    .tab_colBox {
    	display: inline;
    	border-bottom: solid 1px #eee;
    }
    .tab_colBox section {
    	border-top: solid 1px #eee;
    }
	.tab_colBox section:last-child {
    	border-bottom: solid 1px #eee;
    }
    .tab_colBox h3 {
    	font-size: 15px;
    	font-weight: normal;
    	color: #000;
    	line-height: 25px;
		padding-top: 30px;
		padding-left: 180px;
    }
    .tab_colBox section a {
    	display: block;
    	position: relative;			/* ボックス全体にposition:relativeを指定 */
    	padding: 15px 20px 15px 0;
    	text-decoration: none;
    	overflow: hidden;
    }
/* :after疑似要素にリンクアイコンを設定 */
    .tab_colBox section a:after {
    	content: "\e608";
    	font-family: 'icomoon';			/* リンクアイコンをWebフォントとして指定 */
    	font-size: 11px;
    	display: block;
    	position: absolute;			/* position:absoluteでボックスの右側にリンクアイコンを配置 */
    	width: 10px;
    	line-height: 10px;
    	top: 50%;				/* リンクアイコンを上下中央に配置 */
    	margin-top: -5px;
    	transition-duration: 0.3s;		/* リンクアイコンをアニメーション動作させる（FireFoxのみ） */
    }
    .tab_colBox section a:link,
    .tab_colBox section a:visited {
    	background-color: transparent;
    }
    .tab_colBox section a:hover,
    .tab_colBox section a:active {
	    background-color: #f5f5f5;
    }
    .tab_colBox section a:link:after,
    .tab_colBox section a:visited:after {
    	right: 6px;				/* リンクアイコンを右端から6pxに配置*/
    }
    .tab_colBox section a:hover:after,
    .tab_colBox section a:active:after {
    	right: 3px;				/* マウスオーバー時にリンクアイコンの位置をずらす */
    }
    .tab_colBox p {
    	color: #333;
    	font-size: 13px;
    }
    .tab_colBox .img {
    	float: left;
    	margin: 0;
    	padding-left: 10px;
    	padding-right: 10px;
    	width: 150px;
    }
}

@media screen and (max-width:639px){
/* ------ pc_colBox-3カラム ------ */
    .pc_colBox {
    	display: none;
    }

/* ------ TOP_3カラム対応　sp_colBox　------ */
    .sp_colBox {
    	display: inline;
    	border-bottom: solid 1px #eee;
    }
    .sp_colBox section {
    	border-top: solid 1px #eee;
    }
	.sp_colBox section:last-child {
    	border-bottom: solid 1px #eee;
    }
    .sp_colBox h3 {
    	font-size: 15px;
    	font-weight: normal;
    	color: #000;
    	line-height: 25px;
		padding-top: 30px;
		padding-left: 180px;
    }
    .sp_colBox section a {
    	display: block;
    	position: relative;			/* ボックス全体にposition:relativeを指定 */
    	padding: 15px 20px 15px 0;
    	text-decoration: none;
    	overflow: hidden;
    }
/* :after疑似要素にリンクアイコンを設定 */
    .sp_colBox section a:after {
    	content: "\e608";
    	font-family: 'icomoon';			/* リンクアイコンをWebフォントとして指定 */
    	font-size: 11px;
    	display: block;
    	position: absolute;			/* position:absoluteでボックスの右側にリンクアイコンを配置 */
    	width: 10px;
    	line-height: 10px;
    	top: 50%;				/* リンクアイコンを上下中央に配置 */
    	margin-top: -5px;
    	transition-duration: 0.3s;		/* リンクアイコンをアニメーション動作させる（FireFoxのみ） */
    }
    .sp_colBox section a:link,
    .sp_colBox section a:visited {
    	background-color: transparent;
    }
    .sp_colBox section a:hover,
    .sp_colBox section a:active {
	    background-color: #f5f5f5;
    }
    .sp_colBox section a:link:after,
    .sp_colBox section a:visited:after {
    	right: 6px;				/* リンクアイコンを右端から6pxに配置*/
    }
    .sp_colBox section a:hover:after,
    .sp_colBox section a:active:after {
    	right: 3px;				/* マウスオーバー時にリンクアイコンの位置をずらす */
    }
    .sp_colBox p {
    	color: #333;
    	font-size: 13px;
    }
    .sp_colBox .img {
    	float: left;
    	margin: 0;
    	padding-left: 10px;
    	padding-right: 10px;
    	width: 150px;
    }
}

/* ==================================================
    INFORMATION
================================================== */
section#index_info {
	position: relative;
}
section#index_info h3 {
	display: block;
	position: relative;
	z-index: 2;
	font-size: 25px;
	line-height: 35px;
	height: 35px;
	color: #121212;
	font-weight: normal;
	text-decoration: none;
	background: #fff;
	border-bottom: solid 3px #b70000;
}
@media screen and (max-width: 639px) {
section#index_info h3 {
	display: block;
	position: relative;
	z-index: 2;
	font-size: 18px;
	line-height: 25px;
	height: 25px;
	color: #121212;
	font-weight: normal;
	text-decoration: none;
	background: #fff;
	border-bottom: solid 3px #b70000;
}
}
section#index_info ol {
	margin: 0;
	padding: 0;
	list-style-type: none;
	height: 70px;
	/*height: 120px;*/
	overflow: auto;
}
section#index_info ol li {
	border-bottom: 1px dotted #999;
	margin: 0 0 10px 0;
	padding: 0 0 9px 0;
}
section#index_info ol li:last-child {
	border-bottom: none;
	margin: 0;
	padding: 0;
}
section#index_info div.news_date {
	font-size: 12px;
	margin: 0 15px 0 10px;
	line-height: 100%;
	float: left;
}
section#index_info .date {
	background: #fff;
	color: #121212;
	font-size: 14px;
	font-weight:bold;
	display: block;
	height: 25px;
	line-height: 25px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
section#index_info .title {
	margin: 0;
	padding: 0;
	line-height: 22px;
	font-size: 14px;
}
section#index_info .title a {
	color: #464646;
	text-decoration: none;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-moz-text-overflow: ellipsis;
	-ms-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	transition: all 0.5s ease 0s;
}
section#index_info .title a:hover {
	color: #00798f;
	transition: all 0.5s ease 0s;
	text-decoration: underline;
}
section#index_info .title img {
	padding: 6px 10px 4px 0;
	line-height: 22px;
}

/* ==================================================
 　TOP_2カラム
================================================== */
/* ------ 右側カラム ------ */
section#top_call h3 {
	font-size: 28px;
	color: #00466d;
	line-height:30px;
	background: #fff;
	width: 100%;
}
section#top_call p {
	font-size: 17px;
	color: #121212;
	line-height:25px;
	font-weight: bold;
	margin-top: 5px;
}
section#top_call p.call_img {
	font-size: 16px;
	font-weight: normal;
	color: #121212;
	line-height:25px;
	padding-bottom: 120px;
	background: url(../images/callsoon.png) bottom center no-repeat;
	margin-top: 0px;
	margin-bottom: 20px;
}
section#top_call p.sp_img {
	display: none;
}
section#top_call ul.office {
	float: left;
	margin-left: 10px;
}
section#top_call ul.office li {
	line-height: 25px;
	font-size: 14px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
section#top_call ul.office li a {
	color: #121212;
}
section#top_call ul.office li:hover a {
	color: #b70000;
}
section#top_call input.a_login {
	background-color:#0075b5;
	background-image: linear-gradient(bottom, rgb(0,117,181) 0%, rgb(0,117,181) 100%);
	background-image: -o-linear-gradient(bottom, rgb(0,117,181) 0%, rgb(0,117,181) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(0,117,181) 0%, rgb(0,117,181) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(0,117,181) 0%, rgb(0,117,181) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(0,117,181) 0%, rgb(0,117,181) 100%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(0,117,181)),
	color-stop(1, rgb(0,117,181))
	);
	font-family: 'Open Sans', sans-serif;
	font-size:17px;
	font-weight: bold;
	text-decoration:none;
	color:#fff;
	width: 100%;
	cursor: pointer;
	position:relative;
	line-height: 55px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
	border: none;
	-webkit-box-shadow: 0px 5px 0px 0px #003c5e;
	-moz-box-shadow: 0px 5px 0px 0px #003c5e;
	-o-box-shadow: 0px 5px 0px 0px #003c5e;
	box-shadow: 0px 5px 0px 0px #003c5e;
}

section#top_call input.a_login:active {
	top:3px;
	background-color:#0075b5;
	background-image: linear-gradient(bottom, rgb(0,117,181) 0%, rgb(0,117,181) 100%);
	background-image: -o-linear-gradient(bottom, rgb(0,117,181) 0%, rgb(0,117,181) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(0,117,181) 0%, rgb(0,117,181) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(0,117,181) 0%, rgb(0,117,181) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(0,117,181) 0%, rgb(0,117,181) 100%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(0,117,181)),
	color-stop(1, rgb(0,117,181))
	);
	-webkit-box-shadow: 0px 2px 0px 0px #003c5e;
	-moz-box-shadow: 0px 2px 0px 0px #003c5e;
	-o-box-shadow: 0px 2px 0px 0px #003c5e;
	box-shadow: 0px 2px 0px 0px #003c5e;
}

@media screen and (max-width: 979px) {
	section#top_call p.call_img {
		font-size: 16px;
		color: #121212;
		line-height:25px;
		padding-bottom: 0px;
		background: none;
	}
	section#top_call p.sp_img {
		display: block;
		margin-top: 0px;
	}
}
@media screen and (max-width: 639px) {
	section#top_call p {
	margin-top: 10px;
	}
}

/* ------ 左側カラム ------ */
section#side_slide h4 {
	font-size: 20px;
	color: #00466d;
	line-height:30px;
	background: #fff;
	width: 100%;
	max-width: 350px;
	margin-left: auto;
	margin-right: auto;
	border-bottom: 1px dotted #00466d;
}


/*---------------------------------------------
	top_3col_下段
  ---------------------------------------------*/
  .commentBox {
	  position: relative;
  }
  p.three_comment {
	position: absolute;
	bottom: 0px;
	left: 0px;
	z-index: 10;
	display: block;
	width: 100%;
	height: auto;
	background: rgba(0,65,126,0.6);
	border-bottom: 5px solid #0051ac;
	color: #fff;
	text-align: center;
	line-height: 20px;
	padding: 8px 0px 3px;
	font-size: 14px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	opacity: 1.0;
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
}
.commentBox a:hover p.three_comment {
	opacity: 0;
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
}

@media screen and (max-width: 639px) {
/* ------ top_col ------ */
    p.three_comment {
    	position: relative;
    	bottom: 0px;
    	margin: 0 auto;
    	z-index: 10;
    	display: block;
    	max-width: 435px;
    	text-align: center;
}
    .commentBox a:hover p.three_comment {
    	opacity: 1;
    	transition: 0.5s;
    	-webkit-transition: 0.5s;
    	-moz-transition: 0.5s;
    	-o-transition: 0.5s;
    	-ms-transition: 0.5s;
    	text-decoration: none;
    }
    .commentBox a:hover {
    	text-decoration: none;
    }
}



/*---------------------------------------------
	パンくずリスト
  ---------------------------------------------*/
.pankuzu_container {
	max-width:100%;
	background-color:#fff;
	height: 50px;
	line-height: 50px;
	overflow: hidden;
	border-bottom: 1px solid #aaa;
}
.pankuzu_box {
	position:relative;
	clear:both;
	background-color: transparent;
	max-width:978px;
	margin: 0 auto;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
#pankuzu {
	color: #464646;
	background: #fff;
	line-height: 30px;
	padding-left: 10px;
}
#pankuzu ul li {
    float: left;
    line-height: 30px;
    padding-right: 35px;
    color: #00697f;
	font-size: 11px;
    background: url("../images/slash3.png") no-repeat scroll right top;
}
#pankuzu ul li:last-child {
    background: none;
}
#pankuzu ul li a {
    color: #00697f;
	text-decoration: underline;
}
#pankuzu ul li a:hover {
    color: #00697f;
	text-decoration: none;
}


/*---------------------------------------------
	サブページ
  ---------------------------------------------*/

#subpage h2 {
	color: #121212;
	font-size: 23px;
	line-height: 40px;
	text-decoration: none;
	border-left: none;
	border-top: 4px solid #AD1720;
	padding-left: 0px;
	font-weight: normal;
	word-wrap: break-word;
}
#subpage h2.title {
	background: #FFF url(../images/taxi_icon.png) left no-repeat;
	font-size: 23px;
	line-height: 30px;
	color: #519723;
	text-decoration: none;
	padding-left: 50px;
	font-weight: normal;
	border-left: none;
}
#subpage h2.subttl,
#subpage h3.subttl {
	color: #333;
	font-size: 23px;
	line-height: 30px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-decoration: none;
	border-left: none;
	border-top: 1px solid #0065AA;
	padding-left: 0px;
	font-weight: normal;
}
#subpage h2.subttl2 {
	color: #333;
	font-size: 22px;
	line-height: 30px;
	text-decoration: none;
	border-left: none;
	padding-left: 0px;
}
#subpage h3 {
	border-left: 7px solid #283158;
	color: #121212;
	font-size: 18px;
	padding-left: 10px;
}
#subpage h3.sightseeing_ttl {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#subpage h3.coll {
	border-left: none;
	color: #121212;
	font-size: 18px;
	padding-left: 0px;
}
#subpage h3.plan {
	border-left:none;
	background: #56AFD3;
	display: block;
	line-height: 70px;
	text-align: center;
	color: #FFF;
	font-size: 16px;
	margin-bottom: 10px;
	font-weight: normal;
	padding-left: 0;
	transition: 0.5s;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
}
#subpage h3.plan:hover {
	background: #62c7f0;
	transition: 0.5s;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
}
#subpage h3.facilities {
	border-left:none;
	background: #0088C0;
	display: block;
	line-height: 70px;
	text-align: center;
	color: #FFF;
	font-size: 16px;
	margin-bottom: 20px;
	font-weight: normal;
	padding-left: 0;
	transition: 0.5s;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
}
#subpage h3.facilities:hover {
	background: #00aff7;
	transition: 0.5s;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
}
#subpage h3.plan a,
#subpage h3.facilities a {
	color: #FFF;
	display: block;
	
}
#subpage h3.cntct {
	border-left: none;
	color: #fff;
	background: #D76B6B;
	font-size: 100%;
	line-height: 30px;
	margin-bottom: 10px;
	font-weight: bold;
	padding-left: 10px;
}
#subpage h3.cntct2 {
	border-left: none;
	color: #fff;
	background: #696969;
	font-size: 100%;
	line-height: 30px;
	margin-bottom: 10px;
	font-weight: bold;
	padding-left: 10px;
}
#subpage h3.cntct3 {
	border-left: none;
	color: #fff;
	background: #676767;
	font-size: 100%;
	line-height: 30px;
	margin-bottom: 10px;
	font-weight: normal;
	padding-left: 10px;
	border: 1px solid #676767;
}
#subpage h3.cntct4 {
	border-left: none;
	color: #fff;
	background: #52A561;
	font-size: 100%;
	line-height: 30px;
	margin-bottom: 10px;
	font-weight: normal;
	padding-left: 10px;
}
#subpage h3.cntct5 {
	border-left: none;
	color: #fff;
	background: #5e87c5;
	font-size: 100%;
	line-height: 30px;
	margin-bottom: 10px;
	font-weight: normal;
	padding-left: 10px;
}
#subpage h3.cntct6 {
	border-left: none;
	color: #fff;
	background: #663a15;
	font-size: 100%;
	line-height: 30px;
	margin-bottom: 10px;
	font-weight: normal;
	padding-left: 10px;
}
#subpage h3.ttl {
	border-left: none;
	margin-bottom: 10px;
	padding-left: 0px;
	display: block;
	position: relative;
	font-size: 22px;
	line-height: 35px;
	color: #333;
	font-weight: bold;
	text-decoration: none;
	background: #fff;
	border-bottom: 1px dotted #464646;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;	
}
#subpage h4 {
	color: #333;
	font-size: 15px;
	font-weight: bold;
	line-height: 25px;
}
#subpage h4 span {
	color: #333;
	font-size: 12px;
	font-weight: normal;
}
#subpage h4.subttl {
border-left: 5px solid #9BD0DD;
line-height: 30px;
height: 30px;
font-size: 18px;
color: #464646;
padding-left: 10px;
font-weight: normal;
background: #FFF none repeat scroll 0% 0%;
word-wrap: break-word;
}
#subpage h4.stepttl {
	color: #333;
	font-size: 13px;
	font-weight: bold;
	line-height: 25px;
}
#subpage h4.anna {
	color: #5e87c5;
	font-size: 14px;
	font-weight: normal;
	line-height: 30px;
}
#subpage h4.telephone {
	color: #333;
	font-size: 25px;
	font-weight: bold;
	line-height: 25px;
	padding: 5px 0;
}
#subpage h4.telephone2 {
	color: #333;
	font-size: 25px;
	font-weight: bold;
	line-height: 30px;
}

#subpage h5 {
	padding-left: 0px;
	display: block;
	font-size: 14px;
	line-height: 25px;
	color: #333;
	font-weight: bold;
	text-decoration: none;
	background: #fff;
}
#subpage h5.bokin {
	padding-left: 0px;
	display: block;
	font-size: 10px;
	line-height: 25px;
	color: #333;
	font-weight: bold;
	text-decoration: none;
	background: #fff;
}
#subpage p.comment {
	color: #333;
	font-size: 13px;
	line-height: 25px;
}
#subpage p.ttlcomment {
	color: #0C4679;
	font-size: 13px;
	line-height: 25px;
	font-weight: bold;
	position: relative;
	padding-left: 20px;
}
#subpage p.ttlcomment:before {
	content: "\f1ba";
	font-family: 'icomoon';
	font-size: 13px;
	display: block;
	position: absolute;
	width: 13px;
	line-height: 13px;
	top: 50%;
	left: 0px;
	margin-top: -5px;
}
#subpage p.comment2 {
	color: #333;
	font-size: 13px;
	line-height: 25px;
	padding: 10px 10px;
	background: #fff;
	border: 1px dotted #aaa;
}

#subpage p.comment3 {
	color: #464646;
	font-size: 11px;
	line-height: 20px;
	padding: 5px 5px;
	background: #fff;
	border: 1px dotted #aaa;
}
#subpage p.comment4 {
	color: #464646;
	font-size: 11px;
	line-height: 20px;
	padding: 0px;
	background: #fff;
}
#subpage p.comment5 {
	color: #464646;
	font-size: 10px;
	line-height: 20px;
	padding: 0px;
	background: #fff;
}
#subpage p.teacher {
	padding-left: 0px;
	display: block;
	font-size: 14px;
	line-height: 25px;
	color: #44773A;
	font-weight: bold;
	text-decoration: none;
	background: #fff;
	border-bottom: 1px dotted #aaa;
}
#subpage p.commentRight {
	color: #333;
	font-size: 13px;
	margin-bottom: 20px;
	text-align: right;
}
#subpage dl.sptel {
	display: none;
}
#subpage dl.pctel {
	display: block;
}
#subpage dl a {
	position: relative;
	display: block;
	padding: 10px 20px 10px 5px;
	text-decoration: none;
	border-top: solid 1px #eee;
	color: #0065AA;
}
#subpage dl a.course {
	padding: 20px 20px 20px 10px;
}

#subpage dl a.telnumber {
	color: #0070bb;
	line-height: 40px;
}
#subpage dl a.mailnumber {
	color: #D76B6B;
	line-height: 40px;
}

#subpage dl a:first-child {
	border-top: none;
}
#subpage dl a:link,
#subpage dl a:visited {
	background-color: transparent;
}
#subpage dl a:hover,
#subpage dl a:active {
	background-color: #fafafa;
}
#subpage dl a:after {
	content: "\e608";
	font-family: 'icomoon';
	font-size: 11px;
	display: block;
	position: absolute;
	width: 10px;
	line-height: 10px;
	top: 50%;
	margin-top: -5px;
	transition-duration: 0.3s;
}
#subpage dl a:link:after,
#subpage dl a:visited:after {
	right: 6px;
}
#subpage dl a:hover:after,
#subpage dl a:active:after {
	right: 3px;
}

#subpage dt  {
	margin-bottom: 0px;
	color: #000;
	font-size: 80%;
	font-weight: bold;
	line-height: 30px;
}
#subpage .nci dt  {
	margin-bottom: 0px;
	color: #D76B6B;
	font-size: 20px;
	font-weight: normal;
	line-height: 50px;
}
#subpage .taxi_course dt  {
	margin-bottom: 0px;
	color: #0C4679;
	font-size: 100%;
	font-weight: bold;
	line-height: 30px;
}
#subpage dd  {
	color: #454545;
	font-size: 76%;
	line-height: 25px;
}
#subpage .taxi_course dd  {
	color: #333;
	font-size: 85%;
	line-height: 23px;
	padding-left: 10px;
	padding-right: 10px;
}

#subpage .history {
	position: relative;
	display: block;
	text-decoration: none;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 15px;
	padding-left: 20px;
}

#subpage .history dt  {
	margin-top: 10px;
	margin-bottom: 3px;
	padding-top: 10px;
	color: #000;
	font-size: 80%;
	font-weight: bold;
	border-top: solid 1px #eee;
}
#subpage .history dt:first-child {
	border-top: none;
}

#subpage .history dd  {
	color: #454545;
	font-size: 76%;
}
#subpage .history dd.shikon {
	color: #000;
	font-size: 80%;
	font-weight: bold;
}
#subpage .history dd ol {
	color: #454545;
	font-size: 100%;
}
/*#subpage .history dd:last-child {
	border-bottom: solid 1px #eee;
	padding-bottom: 10px;
}*/
#subpage .tableDesign01 {
	font-size: 10px;
	color: #464646;
}
#subpage .tableDesign01 td {
	background-color: #FFF;
	border: 1px solid #ccc;
	padding: 5px 10px;
	line-height: 25px;
	font-size: 12px;
}
#subpage .tableDesign01 td span {
	font-weight: bold;
	font-size: 10px;
}
#subpage .tableDesign01 th {
	background-color: #f5f5f5;
	border: 1px solid #ccc;
	padding: 15px 10px;
	line-height: 25px;
	font-size: 12px;
	text-align: center;
}
#subpage .tableDesign01 th.company {
	width: 30%;
}
#subpage .tableDesign01 th.company2 {
	width: 26%;
}
#subpage .tableDesign01 td.company2 {
	width: 37%;
}

#subpage .tableDesign01 li.linkBox {
	height: 33px;
	background: url(../images/pdf_icon.png) left top no-repeat;
	padding-left: 40px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 10px;
}
#subpage .tableDesign01 li.linkBox:last-child {
	margin-bottom: 0px;
}
#subpage .tableDesign01 li.linkBox a {	
	line-height: 15px;
	text-decoration: underline;
	color:#0599d7;
	transition: 0.5s;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
}
#subpage .tableDesign01 li.linkBox a:hover {
	text-decoration: none;
	color:#f90000;
	transition: 0.5s;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
}
#subpage section iframe {
	width: 100%;
	height: 400px;
	border: none;
	background: #ededed;
}

#subpage .mcnImg {
	float: left;
	margin: 0;
}
#subpage h3.machine {
	margin-left: 100px;
	font-weight: bold;
	color: #000;
	padding-right: 10px;
	padding-left: 10px;
}
#subpage p.mcnComment {
	margin-left: 100px;
	color: #666;
	padding: 10px;
	font-weight: normal;
	font-size: 100%;
}
#subpage ol.pp_ol li {
	line-height: 25px;
	font-size: 13px;
	color: #464646;
}
#taxichampion {
	margin-top: -150px;
	padding-top: 150px;
}
@media screen and (max-width: 979px) {
	#taxichampion {
	margin-top: -20px;
	padding-top: 20px;
	}
}

/* ==================================================
　　　　　　CALL
================================================== */
p.sp_tel {
	display: none;
}
#subpage h4.telephone.sp_display,
#subpage h4.telephone2.sp_display {
	padding-bottom:30px !important;
}
@media screen and (max-width:639px) {
#subpage h4.telephone.sp_display,
#subpage h4.telephone2.sp_display {
	display: none;
}
p.sp_tel {
	text-align: center;
	display: block;
	font-size: 13px;
	color: #333;
	padding-bottom:30px;
}
p.sp_tel a {
	color: #AD1720;
	font-size: 25px;
	font-weight: bold;
	line-height: 25px;
	padding: 5px 0;
	text-decoration: underline;
}
p.comment.tell_comment {
	padding-bottom:40px !important;
}
}
/* ==================================================
　　　　　　ページトップ
================================================== */

#page { /* position　基準　親要素 */
	position: relative;
}
#pagetop { /* ボタン */
	position: fixed;
	bottom: 20px;
	right: 0px;
	font-size: 12px;
	font-weight: bold;
	z-index: 9999;
}
#pagetop a {
	background: rgba(12,70,121,0.8) url(../images/arrow_up.png) no-repeat 50% 50%;
	text-decoration: none;
	color: #fff;
	width: 40px;
	height: 70px;
	text-align: center;
	display: block;
	padding-right: 0;
	padding-left: 0;
}
#pagetop a:hover {
	text-decoration: none;
	background: rgba(173,23,32,1) url(../images/arrow_up.png) no-repeat 50% 40%;
	color: #fff;
}

/* ==================================================
　　　　　　Footer
================================================== */
footer {
	background-color: #fff;
	position: relative;
	top: 133px;
}
#footer_nav_bg {
background:#efefef url(../images/bg_footer_shadow.png) repeat-x top}
.Fnav {
	padding: 30px 30px;
	line-height: 25px;
	text-align: center;
}
.Fnav li {
	display: inline-block;
	padding: 0 5px 0 10px;
	border-left: solid 1px #ccc;
	font-size:12px;
}
.Fnav li:first-child {
	padding-left: 0;
	border-left: none;
}

.Fnav a:link,
.Fnav a:visited {
	color: #2a2a2a;
	text-decoration: none;
}
.Fnav a:hover,
.Fnav a:active {
	color: #0066a9;
	text-decoration: underline;
}

/*--　#footer_top  --*/
#footer_top {
	background:#666 url(../images/sakurajima_bg.jpg) center repeat fixed;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.5);
	    -moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.5);　/* Firefox用 */  
    -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.5);　/* Safari,Google Chrome用 */
}
.footerBox {
	background-color: transparent;
	padding-top: 30px;
	padding-bottom: 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
	
#footer_top h2 {
    font-size: 20px;
    font-weight: normal;
	line-height: 30px;
	color: #fff;
	background-color: transparent;
	border-bottom: 1px solid #fff;
}
#footer_top table {
	font-size: 18px;
}
#footer_top table th {
	background-color: #509aaf;
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
	color: #FFF;
	padding: 10px 20px;
	text-align: center;
	font-weight: normal;
	width: 30%;
}

#footer_top table td {
	background-color: #000;
	filter: alpha(opacity=70);
    -moz-opacity:0.7;
    opacity:0.7;
	color: #fff;
	padding: 10px 20px;
	padding-left:50px;
	width: 70%;
}
@media screen and (min-width: 640px) and (max-width: 979px) {
	footer {
		top: 0px;
		}
	#footer_top {
		background:#666 url(../images/sp_sakurajima_bg.jpg) repeat center;
		width: 100%;
	}
	.footerBox {
	margin-right: 15px;
	margin-left: 15px;
}
}
@media screen and (max-width:639px){
	footer {
		top: 0px;
		}
	#footer_top {
		background:#666 url(../images/sp_sakurajima_bg.jpg) repeat center;
	}
	.footerBox {
	margin-right: 15px;
	margin-left: 15px;
}
	#footer_top h2 {
		text-align: center;
	}
	#footer_top table td {
	padding: 10px;
}
}

#f_logo_area {
	background-color: #fff;
}
footer #copyright {
	background-color: #fff;
}
footer #copyright p {
	line-height: 50px;
	color: #666;
	font-size:10px;
	text-align: center;
}


/* ==================================================
　　　　　　アコーディオンメニュ
================================================== */
#acMenu dt.report{
	
	line-height: 50px;
	background:url(../images/i_swich.png) 0% 15px no-repeat;
	padding-left: 30px;
	font-size: 22px;
	margin-bottom: 20px;
	margin-top: 0px;
	color: #000;
	cursor: pointer;
	font-weight: normal;
	-webkit-box-shadow:0 0px 2px #666, 0 0 2px #666 inset;
       -moz-box-shadow:0 0px 2px #666, 0 0 2px #666 inset;
            box-shadow:0 0px 0px #666, 0 0 2px #666 inset;
}
#acMenu dt.report:hover {
	background-color: #f5f5f5;
}
#acMenu dt.report.active {
	background:url(../images/i_swich.png) 0% -67px no-repeat;
	-webkit-box-shadow:none;
       -moz-box-shadow:none;
            box-shadow:none;
			border-bottom: 3px solid #9f0321;
	
}
#acMenu dt.report.active:hover {
	background-color: #f5f5f5;
}
#acMenu dl dt  {
	margin-bottom: 3px;
	color: #333;
	font-size: 14px;
	font-weight: normal;
	line-height: 30px;
	display: block;
	padding: 8px 20px 8px 30px;
	text-decoration: none;
	border-top: solid 1px #eee;
}
#acMenu dl dt:first-child {
	border-top: none;
}

#acMenu dl dd  {
	color: #454545;
	font-size: 100%;
	line-height: 30px;
}
#acMenu dl  {
	margin-bottom: 30px;
}
h4.clrBx {
	width: 85px;
	padding: 2px 0px;
	line-height: 17px;
	font-size: 11px;
	text-align: center;
	background: #2d6bb2;
	color: #fff;
	margin: 5px 0;
}



/* ------お知らせ一覧 ------ */
.blogBox {
	background: #fff;
}
.lineBox {
	border: 1px solid #4a9bb6;
	display: block;
	padding: 10px;
}
.lineBox p {
	color: #D53336;
}
#subpage h3.blog-title {
	border-left: none;
    font-family: Helvetica,arial,sans-serif;
    margin: 0px 0px 20px;
    padding: 18px 0px 15px;
    font-size: 20px;
    font-weight: bold;
    color: #333;
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
}
#subpage h4.infottl {
	color: #f95858;
	font-size: 15px;
	font-weight: bold;
	line-height: 30px;
}
#subpage .infotext p {
	color: #464646;
	font-size: 13px;
	line-height: 25px;
}

#blog-foot {
    font-size: 13px;
    text-align: left;
    margin-top: 20px;
    padding:10px;
    font-weight: normal;
    color: #0065AA;
    background: none repeat scroll 0% 0% #F7F7F7;
}
#blog-foot p {
	font-size: 11px;
}
#blog-foot a {
    color: #ED4E4A;
}

/* ページャー */

#next {
font-size:12px;
font-weight:lighter;
text-align: center;
padding-top: 30px;
padding-bottom: 30px;
}

#next-archives {
font-size:12px;
text-align: center;
margin-top: -50px;
padding-bottom: 30px;
}

.next-pagenavi{
text-align:center;
margin-top:10px;
}

/* ページャー */

.pager{
	text-align:center;
	margin-top: 30px;
	margin-bottom: 30px;
	text-decoration:none;
}
a.page-numbers,
.pager .current{
	font-size: 11px;
	background: #f5f5f5;
	border:solid 1px #ededed;
	border-radius:5px;
	padding:5px 8px;
	margin:0 2px;
	text-decoration:none;
}
.pager .current{
	background: #52A561;
	border: solid 1px #52A561;
	color: #fff;
}
a.page-numbers:hover{
	background: #07972b;
	border: solid 1px #07972b;
	color: #fff;
}



/* カテゴリー一覧 */
.case_item{
	width:100%;
	height: auto;
	float:left;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	
}

.case_item a{
	display:block;
	height: auto;
	border:1px solid #fff;
	background-color:#fff;
	padding:14px;
	/*margin-left:10px;*/
	color:#666;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.case_item a span.desc{
	font-size:11px;
	text-align: center;
	color: #fff;
	background: #666;
	transition: all 0.5s ease 0s;
}

.case_item a span{
	display:block;
	width:100%;
	margin:0 auto;
	font-size: 14px;
	text-align: center;
}
.case_item a:hover span.desc {
	background: #89c33e;
}
.case_item a span.desc2{
	font-size:11px;
	text-align: center;
	color: #fff;
	background: #e9a645;
	transition: all 0.5s ease 0s;
}
.case_item a:hover span.desc2 {
	background: #89c33e;
}
.case_item a .thumb{
	width:100%;
	height: auto;
	position:relative;
	margin-bottom:10px;
}

.case_item a .thumb img{
	width:100%;
	height: auto;
	left:0;
	top:0;
}

.case_item a .title{
	margin-bottom:10px;
}

.case_item a:hover{
	color:#1a1a1a;
	border-color:#89c33e;
	text-decoration:none;
}
.case_item a h4.profile {
	color: #147a20 !important;
	transition: all 0.5s ease 0s;
}
.case_item a:hover h4.profile {
	color: #89c33e !important;
}

#about_pc {
	display: block;
}
#about_sp {
	display: none;
}

/*--MAP*/
.pcMap {
	display: block;
		width: 100%;
		height:400px;
		overflow: hidden;
}
.spMap {
	display: none;
}
.disp_inlineblock {
	display: inline-block;
	font-size: inherit !important;
	font-weight: inherit !important;
}
.letter_space {
	letter-spacing: -0.08em;
}
/*-----------------------------------------------------	*/
/*	for 640px - 979px				*/
/*-----------------------------------------------------	*/

@media screen and (min-width: 640px) and (max-width: 979px) {

	
	/* ------ Header ------ */

	header {
		display: none;
    }
    #head_nav {
		display: none;
    }

    /* ------ サブページ用 ------ */
    #submain {
	    padding-top: 0px;
    }


	
	/* ------ Article ------ */

	article {
		max-width: 938px;
		margin: 0px auto;
		padding: 0px 20px 20px 20px;
	}
	#subpage h2.title {
		margin-top: 20px;
		margin-left: 0px;
		margin-right: 0px;
	}

	#subpage h2.title:before,
	#subpage h2.title:after {
	display: none;
	}
	
	#subpage dl.sptel {
	display: none;
	}
	#subpage dl.pctel {
	display: block;
	}
	


/* カテゴリー一覧 */
.case_item a span{
	font-size: 11px;
}


}


/*-----------------------------------------------------	*/
/*	for - 639px					*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 639px) {

	/* ------ Column ------ */

	/* 各カラムの横並びを解除し、縦１列に並べる */
	.col,
	.col.left,
	.col.right {
		float: none;
		width: 100%;
		margin-left: 0;
	}
	
	/* ------ Header ------ */

	header {
		display: none;
    }
    #head_nav {
		display: none;
    }

	
	
	/* ------ Article ------ */

	article {
		margin: 0px auto;
		padding-top: 0px !important;
		padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 0px;
	}
	article p {
		font-size: 90%;
	}

	#subpage dl.sptel {
	display: block;
	}
	#subpage dl.pctel {
	display: none;
	}


	/* ------ Index ------ */

	.index {
		padding-bottom: 0;
		background: #f5f5f5;
	}
	.index h2.title {
		margin-bottom: 20px;
	}
	.index section {
		border-top: solid 1px #eee;
	}

	.index section a {
		padding: 15px;
	}
	.index h2:after {
		display: none;
	}

	.index .img {
		margin-bottom: 0px;
	}


	/* ------ News ------ */

	#subpage h2.title {
		margin-top: 20px;
		margin-left: 0px;
		margin-right: 0px;
	}


	#subpage h3.title {
	padding: 0 10px;
	}
	#subpage h3.accessTitle {
	padding: 0 10px;
	}
	#subpage p.accessComment {
	padding: 0 10px;
	}
	#subpage p.comment {
	padding: 0 10px;
	}
	#subpage p.comment2 {
	padding: 10px 10px;
	}
	#subpage p.comment3 {
	padding: 10px 10px;
	}
	#subpage p.comment4 {
	padding: 0px 10px;
	}
	#subpage p.comment5 {
	padding: 0px 10px;
	text-align: center;
	}
	#subpage p.commentRight {
	padding: 0 10px;
	}
	#subpage dl a {
		padding: 15px 20px 15px 15px;
	}

	#subpage dt,
	#subpage dd {
		font-size: 90%;
	}
	#subpage section iframe {
	height: 250px;
	}


	/* ------ Sidebar ------ */

	#sidebar {
		margin-top: 20px;
		border-bottom: none;
	}
	
	#sidebar section {
	border-top: solid 1px #eee;
	}


/* ==================================================
　　　　　　ページトップ
================================================== */

#page {
	display: none;
}

	
	/* ------ mapArea ------ */
	.pcMap {
		display: none;
	}
	.spMap {
		display: block;
		width: 100%;
		overflow: hidden;
		max-width:639px;
		height:300px;
	}
	
	
	/* ------ お知らせタイトル ------ */


#index_info ol {
	margin: 30px 0 0;
	padding: 0;
	list-style-type: none;
}
/* ------ カテゴリー一覧 ------ */
.case_item a{
	margin-left: 0px;
}


.case_item a .thumb{
	width:100%;
	height: auto;
	background: #fff;
	position:relative;
	margin-bottom:10px;
}

.case_item a .thumb img{
	width:300px;
	height: auto;
	left:0;
	top:0;
}
.case_item a span.desc{
	max-width:300px;
	font-size:11px;
	text-align: center;
	color: #fff;
	background: #666;
	transition: all 0.5s ease 0s;
}

/* ------ ビオトープとはの表示 ------ */
#about_sp {
	display: block;
}
#about_pc {
	display: none;
}


}

/*20210412_ikenohira作業*/
#subpage h4.service_system {
	border-left: 7px solid #283158;
	color: #333;
	padding: 8px;
	font-size: 16px;
}
#subpage p.recruit_comment {
	font-size: 15px;
}
#subpage p.recruit_comment span {
	border-bottom: 1px solid #333;
	padding: 0 10px 0 0;
}
#subpage ul.system {
	font-size: 15px;
}
@media screen and (max-width: 639px) {
	#subpage p.recruit_comment {
	font-size: 14px;
}
	#subpage ul.system {
	font-size: 14px;
}
}

/*20210412_ikenohira作業*/