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

html {
	overflow-y: scroll;
	height: 100%;
}

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%;		/* 文字サイズの自動調整機能のキャンセル */
}
body,html {
	width:  100%;
	min-width: 320px;
	font-family: 'Lato', sans-serif;
	text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased !important;
	color: #5a5a5a;
	font-family: Century Gothic, 'meiryo', 'メイリオ', 'ms pgothic', 'ms pゴシック', osaka, sans-serif;
}
.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,
.col2 {
	float: left;
	margin-left: 3.2258064515%;
}

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

.col2:first-child,
.col2.left {margin-left: 0;}

/* カラムの左右を入れ替えるための設定 */
.col.right,
.col2.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 - 1020px					*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 1020px) {
.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:110px;
	width: 100%;
	text-align: right;
	z-index: 9997;
	margin: 0 auto;
	width: 100%;
	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用 */
}
header.subHeader {
	position: fixed;
}
.header_top {
	height: 30px;
	background: #3ba805;
}
header h1#logo {
	background-image: url(../image/pclogo.png);
	background-color: transparent;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 100%;
	height: 66px;
	width: 353px;
	text-align: left;
    color: #fff;
	margin-top: 7px;
	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;
}
header ul#head_list li {
	float: left;
	font-size: 14px;
	line-height: 30px;
	/*padding-right: 2px;*/
}
header ul#head_list li:last-child {
	padding-right: 0;
}
header ul#head_list li a {
	color: #FFFFFF;
	transition: 0.5s;
	padding: 0px 10px;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	display: block;
}
header ul#head_list li a:hover,
header ul#head_list li a.current {
	color: #FFFFFF;
	background: #48852a;
	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.current {
	background: #78be56;
	color: #eaff00;
}
header ul#head_list li a:before {
	font-size: 13px;
	width: 16px;
	color: #FFFFFF;
	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 a.current:before {
	color: #eaff00;
}
header ul#head_navigation {
	display: block;
}
header ul#head_navigation li {
	float: left;
	float: left;
	font-size: 18px;
	font-weight: bold;
	line-height: 34px;
	padding-right: 20px;
	display: inline;
}
header ul#head_navigation li:last-child {
	padding-right: 0;
}
header ul#head_navigation 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_navigation li a:hover,
header ul#head_navigation li a.current {
	color: #3ba805;
	text-decoration: underline;
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
}
header ul#header_contact li {
	float: left;
	margin-right: 10px;
}
header ul#header_contact li:last-child {
	margin-right: 0px;
}
header ul#header_contact li ul li {
	float: none;
	margin-right: 0px;
}
header ul#header_contact li ul li.header_contact_comm {
	display: block;
	text-align: left;
	font-size: 12px;
	color: #121212;
	line-height: 16px;
	margin-bottom: 0px;
	border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}
header ul#header_contact li ul li.header_contact_tel {
	font-size: 24px;
	line-height: 20px;
	color: #b62c26;
	font-weight: bold;
	letter-spacing: -0.01em;
	font-family: 'Century Gothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
}
header ul#header_contact li ul li.header_contact_fax {
	font-size: 24px;
	line-height: 20px;
	color: #1377aa;
	font-weight: bold;
	letter-spacing: -0.01em;
	font-family: 'Century Gothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
}
header ul#header_contact li ul li.header_contact_tel img {
	height: 20px;
	width: 20px;
}
header ul#header_contact li ul li.header_contact_fax img {
	height: 20px;
	width: 20px;

}
/*<!--/*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: 80px;
    background:#fff;
	width: 100%;
	position: relative;
}



/*---------------------------------------------
	ヘッダー上部固定
  ---------------------------------------------*/
ul.nav li{
	display: inline-block;
	margin: 10px;
}
#header.scroll{
	position: fixed;
	top: 0;
	left: 0; 
	padding: 0px 0;
}
#header_change {
	text-align: center;
}

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

#head_nav {
    background:#0c4679;
    position: fixed;
    height:32px;
	z-index: 9996;
	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%;
    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%;
	-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:386px;
	position: relative;
}
.slide_commentBox {
	position: relative;
	height:0px;
	width:100%;
	margin: 0 auto;
	background-color: transparent;
}
p.slide_comment {
	position: absolute;
	top: -233px;
	text-align: center;
	font-weight: bold;
	font-size: 30px;
	color: #fff;
	line-height: 40px;
	z-index: 999;
	width: 100%;
	/*text-shadow: 2px 0px 2px rgba( 0, 0, 0, 0.8);*/
	font-family: Century Gothic, 'meiryo', 'メイリオ', 'ms pgothic', 'ms pゴシック', osaka, sans-serif;
	text-transform: uppercase;
	text-shadow: 1px 1px 1px rgba(16, 38, 41, 0.5),
    -1px 1px 1px rgba(16, 38, 41, 0.5),
    1px -1px 1px rgba(16, 38, 41, 0.5),
    -1px -1px 1px rgba(16, 38, 41, 0.5);
}
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.fadeInDown {
    visibility: visible;
}
@media screen and (max-width:1020px){
	#slideShow {
		top: 60px;
		max-height:446px;
	}
	.slide_commentBox {
		display: none;
	}
	p.slide_comment {
		display: none;
	}
}
@media screen and (max-width:639px){
	.slide_commentBox {
		display: none;
	}
	p.slide_comment {
		display: none;
	}
}
.wideslider {
	padding-bottom: 0px;
	width: 100%;
	text-align: left;
	position: relative;
	overflow: hidden;
}
@media screen and (max-width:1020px){
	.wideslider {
		padding-bottom: 60px;
	}
}
.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(../image/prev.png) no-repeat right center;}
.slider_next {background: #000 url(../image/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;
}

@media screen and (max-width:1020px){
	#main {
		top: 0px;
	}
}


/* ==================================================
    INFORMATION
================================================== */
.info_bg {
	background: #d6efcc;
	width: 100%;
	display: block;
	margin: 0 auto;
	padding: 40px 0;
}
.info_bg h3 {
	background: #3ba805;
	text-align: left;
	display: block;
	position: relative;
	z-index: 2;
	font-size: 18px;
	font-weight: bold;
	line-height: 35px;
	height: 35px;
	color: #FFFFFF;
	text-decoration: none;
	padding-left: 10px;
}
.info_bg h3 span a {
	color: #FFFFFF;
	float: right;
	position: relative;
	font-size: 14px;
	line-height: 35px;
	height: 35px;
	padding: 0 10px;
}
.info_bg h3 span a:hover {
	color: #eaff00;
}
.info_bg01 {
	display: none;
}
@media screen and (max-width: 1020px) {
	.boxInfo {
	padding: 0 20px;
	}
	.info_bg h3 span a {
	font-size: 12px;
	}
	.info_bg01 {
	background: #3ba805;
	width: 100%;
	display: block;
	margin: 0 auto;
	padding: 15px 0;
	}
	p.slide_comment01 {
	text-align: center;
	font-weight: bold;
	font-size: 24px;
	color: #fff;
	line-height: 24px;
	width: 100%;
	font-family: Century Gothic, 'meiryo', 'メイリオ', 'ms pgothic', 'ms pゴシック', osaka, sans-serif;
	text-transform: uppercase;
	text-shadow: 1px 1px 1px rgba(16, 38, 41, 0.5),
	 -1px 1px 1px rgba(16, 38, 41, 0.5),
	 1px -1px 1px rgba(16, 38, 41, 0.5),
	 -1px -1px 1px rgba(16, 38, 41, 0.5);
	}
}
@media screen and (max-width: 639px) {
	section#index_info h3 {
		font-size: 16px;
	}
	.info_bg h3 span a {
		font-size: 11px;
	}
	.info_bg01 {
		padding: 10px 0;
	}
	p.slide_comment01 {
		font-size: 16px;
		line-height: 16px;
	}
}
.info_bg ol {
	margin: 0;
	padding: 0;
	list-style-type: none;
	/*height: 42px;*/ /* 1行お知らせ挿入時はこちらをActiveに */
	/*height: 88px;*/ /* 2行お知らせ挿入時はこちらをActiveに */
	height: 130px; /* 3行お知らせ挿入時はこちらをActiveに */
	/*height: 180px;*/ /* 4行お知らせ挿入時はこちらをActiveに */
	/*height: 224px;*/ /* 5行以上お知らせ挿入時はこちらをActiveに */
	/*overflow: none;*//* 1～2行お知らせ挿入時はこちらをActiveに */
	overflow: auto;/* 3行以上お知らせ挿入時はこちらをActiveに */
	background: #fff;
}
.info_bg ol li {
	border-bottom: 1px dotted #999;
	background: #fff;
	/*margin: 0px 0 10px 0;*//* 1～2行お知らせ挿入時はこちらをActiveに */
	margin: 10px 0 10px 0;/* 3行以上お知らせ挿入時はこちらをActiveに */
	/*padding: 10px 0 9px 0;*//* 1～2行お知らせ挿入時はこちらをActiveに */
	padding: 0 0 9px 0;/* 3行以上お知らせ挿入時はこちらをActiveに */
	text-align:  left;
}
.info_bg ol li:last-child {
	border-bottom: none;
	margin: 0;
	/*padding: 10px 0;*//* 1行お知らせ挿入時はこちらをActiveに */
	padding: 0;/* 2行以上お知らせ挿入時はこちらをActiveに */
}
.info_bg div.news_date {
	font-size: 12px;
	margin: 0 15px 0 10px;
	line-height: 100%;
	float: left;
}
.info_bg .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;
}
.info_bg .title {
	margin: 0;
	padding: 0;
	line-height: 22px;
	font-size: 15px;
}
.info_bg .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;
}
.info_bg .title a:hover {
	color: #3ba805;
	transition: all 0.5s ease 0s;
	text-decoration: underline;
}
.info_bg .title img {
	padding: 6px 10px 4px 0;
	line-height: 22px;
}



/*---------------------------------------------
	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_call ul.toplist li {
	color: #7ad670;
	line-height: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 14px;
	list-style:square;
	margin-left: 20px;
	letter-spacing: 0.02em;
}
#top_call ul.toplist li span {
	color: #1f1f1f;
}



/*---------------------------------------------
	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: #3ba805;
	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;
	font-weight: bold;
	line-height: 48px;
	height:48px;
	color: #fff;
	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: #eaff00;
}
.hverbox:hover .top_3col_ttl {
	background: #78be56;
}

@media screen and (max-width: 1020px) {
	
	.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: 25px;
		padding-left: 180px;
		text-align: left;
    }
    .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;
    }
}

/* ------ pc_colBox-3カラム ------ */
.main_box {
	direction: block;
}
@media screen and (max-width:1020px){
	.pc_colBox {
		width: 100%;
		margin:  0 auto;
		padding: 0 20px;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		-ms-box-sizing:border-box;
		-o-box-sizing:border-box;
		box-sizing:border-box;
	}
}
@media screen and (max-width:639px){
    .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;
		margin: 0 20px;
    }
	.sp_colBox section:first-child {
    	border-top: none;
    }
	.sp_colBox section:last-child {
    	border-bottom: solid 1px #eee;
    }
    .sp_colBox h3 {
		text-align: left;
    	font-size: 15px;
    	font-weight: normal;
    	color: #000;
    	line-height: 25px;
		padding-top: 25px;
		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;
		color: #3ba805;
    }
    .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;
    	width: 150px;
    	padding-left: 10px;
    	padding-right: 10px;
	}
}
@media screen and (max-width:377px){
	.sp_colBox h3 {
    	font-size: 15px;
		padding-top: 10px;
    }
}

/* ==================================================
 　TOP_2カラム
================================================== */
section#col2_bg {
	background: #666 url(../image/sp_green_bg.jpg) center repeat fixed;
	padding: 40px 0 17px 0;
    /*box-shadow: 1px 1px 3px rgba(0,0,0,0.5);
    -moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.5);
    -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.5);*/
}
section#top_call {
	text-align: left;
	background: #fff;
	position: relative;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	width: 100%;
	padding: 20px;
	min-height: 203px;
}
section#top_call h3 {
	font-size: 18px;
	font-weight: bold;
	color: #3ba805;
	line-height: 30px;
	width: 100%;
	padding: 0;
	border-bottom: 1px solid #3ba805;
	margin-bottom: 10px;
}
section#top_call h3 span {
	display: inline-block;
}
section#top_call p {
	font-size: 14px;
	color: #121212;
	line-height:25px;
}
.infoLink {
	font-size: 14px;
}
@media screen and (max-width: 1020px){
	section#col2_bg {
		background: #666 url(../image/sp_green_bg.jpg) center repeat;
		padding: 40px 20px 18px;
/*		width: 100%;
*/	}
}

	/*section#col2_bg {
		padding: 20px 20px 0;
	}*/
/*	.pc_catch_colBox {
		/*display: none;*/
/*		width: 100%;
	}
		.catch_ttl {
		padding: 20px;
	}
	section#top_call {
		width: 100%;
		margin: 10px 0 20px 0;
	}
	section#index_map {
		width: 100%;
		margin-bottom: 20px;
	}*/
/*/*	.sp_catch_colBox {
		display: block;
		
	}
	.sp_top_call {
		text-align: left;
		background: #fff;
		width: 100%;
	}
	.sp_top_call h3 {
		font-size: 20px;
		font-weight: bold;
		color: #3ba805;
		width: 100%;
		padding-bottom: 10px;
	}
	.sp_top_call p {
		font-size: 16px;
		color: #121212;
		line-height:25px;
	}*/


/*@media screen and (max-width: 639px) {
	.sp_top_call h3 {
		font-size: 16px;
		padding-bottom: 10px;
	}
	.sp_top_call p {
		font-size: 14px;
	}
}*/

/* ------ 右側カラム ------ */
/* ==================================================
    index_MAP
================================================== */
section.index_map {
	display: block;
	width: 100%;
	height: 203px;
}
section.index_map iframe.miniMap {
	width: 100%;
	height: 203px;
	border: none;
}
.pc_catch_colBox p a {
		color: #FFFFFF;
	}
.pc_catch_colBox p a:hover {
		color: #eaff00;
	} 
@media screen and (max-width: 1020px){
	section.index_map {
		height: 300px;
		margin-top: 40px;
	}
	section.index_map iframe.miniMap {
		height: 300px;
		}
}
/* ==================================================
 　外部リンク_4カラム
================================================== */

.sp_link04_colBox {
	display: none;
}
@media screen and (max-width: 1020px){
	.pc_link04_colBox {
		padding: 0 20px;
	}
	h3.external_link {
		padding: 40px 0 0 10px;
		text-align: left;
	}
	h3.exte_link {
		display: block;
		padding-top: 20px;
		font-size: 14px;
	}
}
@media screen and (max-width: 639px){
	.pc_link04_colBox {
		display: none;
	}
	.sp_link04_colBox {
		display: block;
		padding: 0 20px;
	}
	.sp_link04_colBox section {
		margin: 0 20px;
	}
}
@media screen and (max-width: 565px){
	h3.exte_link {
		padding-top: 5px;
		font-size: 14px;
	}
}
@media screen and (max-width: 368px){
	h3.exte_link {
		display: none;
	}
}



/*---------------------------------------------
	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(59,168,5,0.6);
	border-bottom: 5px solid #3ba805;
	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;
	border-top: 1px solid #aaa;
	padding-top: 110px;
	margin-bottom: 40px;
}
.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("../image/slash3.png") no-repeat scroll right top;
}
#pankuzu ul li:last-child {
    background: none;
}
#pankuzu ul li a {
    color: #3ba805;
	text-decoration: underline;
}
#pankuzu ul li a:hover {
    color: #00697f;
	text-decoration: none;
}
@media screen and (max-width:1020px){
	.pankuzu_container {
		padding-top: 60px;
		margin-bottom: 20px;
	}
	#pankuzu {
		padding-left: 20px;
	}
}


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

#subpage h2 {
	color: #121212;
	font-size: 23px;
	line-height: 40px;
	text-decoration: none;
	text-align: left;
	border-left: none;
	border-bottom:  4px solid #3ba805;
	padding-top: 10px;
	padding-left: 0px;
	font-weight: normal;
	word-wrap: break-word;
}
#subpage h2.title {
	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 #3ba805;
	color: #121212;
	font-size: 18px;
	padding-left: 13px;
	text-align: left;
}
#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: #48852a;
	font-size: 16px;
	line-height: 25px;
	font-weight: bold;
	position: relative;
	/*padding-left: 20px;*/
	text-align: left;
}
#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: #3ba805;
}
#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: 16px;
	/*font-weight: bold;*/
	line-height: 30px;
	text-align: left;
}
#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: #3333;
	font-size: 85%;
	line-height: 23px;
	padding-left: 10px;
	padding-right: 10px;
}


/*#subpage .history dd:last-child {
	border-bottom: solid 1px #eee;
	padding-bottom: 10px;
}*/

#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;
	display: block;
}

#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;
}
#subpage #site_ttl {
	text-align: left;
}

/* ==================================================
　　　　　　事業紹介
================================================== */
#subpage .works_site p {
	font-size: 14px;
	line-height: 20px;
	color: #121212;
	text-align: left;
}
#subpage .works_2col_ttl h4 {
    border-left: none;
    color: #121212;
    font-size: 18px;
	line-height: 18px;
	padding-top: 20px;
}
#subpage h4.works_ttl {
	color: #121212;
    font-size: 16px;
	line-height: 16px;
	padding-bottom: 10px;
}
#subpage .work_session h4 {
	color: #1377aa;
	font-size: 18px;
	font-weight: bold;
	line-height: 25px;
}
#subpage .work_sessbbdot img {
	padding-bottom: 10px;
}
#subpage .works_pdf {
	border-bottom: 1px solid #eee;
	border-top: 1px solid #eee;
}
#subpage .works_pdf.works_pdf02  {
	border-top: none;
}
#subpage .works_pdf p {
	font-size: 14px;
	line-height: 32px;
	color: #121212;
	text-align: left;
}
#subpage .works_pdf p img {
	padding: 0 20px 0 0;
}

#subpage .works_pdf a {
	padding: 5px;
	color: #121212;
	position: relative;
	display: block;
}
#subpage .works_pdf a:link {
	background-color: transparent;
}
#subpage .works_pdf a:hover {
	background-color: #fafafa;
	color: #3ba805; 
}
#subpage .works_pdf a::after {
    content: "\e608";
    font-family: 'icomoon';
    font-size: 11px;
    display: block;
    position: absolute;
    width: 10px;
    line-height: 10px;
    top: 50%;
	left: 95%;
    margin-top: -5px;
    transition-duration: 0.3s;
}
#subpage .works_site h3.subttl {
	color: #333;
	font-size: 16px;
	line-height: 25px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-decoration: none;
	border-left: none;
	border-bottom: 1px solid #0065AA;
	padding-left: 0px;
	font-weight: normal;
}
#subpage p.works_sentence01 {
	padding-bottom: 40px;
}

@media screen and (max-width:639px){
	#subpage .work_session p img {
		padding-bottom: 20px;
	}
	#subpage .work_sessbbdot img {
	padding-bottom: none;
	}
	#subpage .work_bb {
		border-bottom: 1px dotted #ccc;
		margin-bottom: 30px;
		padding-bottom: 30px;
	}
	#subpage .work_01bbdot {
		border-bottom: none;
	}
	#subpage .work_02bbdot {
		border-bottom: none;
		padding-bottom: 30px;
	}
	#subpage p.works_sentence01 {
	padding-bottom: 0px;
	}
}

/* ==================================================
　　　　　　仕事のご依頼
================================================== */
#subpage .offer_box p {
	color: #121212;
    font-size: 14px;
    line-height: 20px;
}
#subpage .offer_pdf {
	border-bottom: 1px solid #eee;
	border-top: 1px solid #eee;
}
#subpage .offer_pdf p {
	font-size: 14px;
	line-height: 32px;
	color: #121212;
	text-align: left;
}
#subpage .offer_pdf p img {
	padding: 0 20px 0 0;
}

#subpage .offer_pdf a {
	padding: 5px;
	color: #121212;
	position: relative;
	display: block;
}
#subpage .offer_pdf a:link {
	background-color: transparent;
}
#subpage .offer_pdf a:hover {
	background-color: #fafafa;
	color: #3ba805; 
}
#subpage .offer_pdf a::after {
    content: "\e608";
    font-family: 'icomoon';
    font-size: 11px;
    display: block;
    position: absolute;
    width: 10px;
    line-height: 10px;
    top: 50%;
	left: 95%;
    margin-top: -5px;
    transition-duration: 0.3s;
}
#subpage .offer_session h4 {
	color: #1377aa;
	font-size: 18px;
	font-weight: bold;
	line-height: 25px;
}
#subpage .mitsumori h5.mitsumori_box {
	line-height: 40px;
	color: #fff;
    background-color: #679db9;
	border-radius:5px;
	position: relative;
    text-align: center;
}
#subpage .mitsumori h5.mitsumori_box:before {
	border:10px solid transparent;
	border-top-color: #679db9;
	border-bottom-width:0;
	bottom:-10px;
	content:"";
	display:block;
	left: 50%;
	margin-left: -10px;
	position:absolute;
	width:0;
}
#subpage .mitsumori h5.mitsumori_box:last-child:before {
    display:none;
}


/* ==================================================
　　　　　　入会するには
================================================== */
#subpage .join_box p {
	font-size: 14px;
	line-height: 20px;
	color: #121212;
}
#subpage p.join_ttl01 {
	font-size: 20px;
	line-height: 25px;
	color: #1377aa;
}
@media screen and (max-width:639px){
	#subpage p.join_ttl01 {
		font-size: 16px;
		line-height: 20px;
		color: #1377aa;
	}
}

/* ==================================================
　　　　　　センターのご案内
================================================== */
#subpage p.comment_representative {
	color: #121212;
	font-size: 11px;
	line-height: 14px;
	padding: 5px 0;
	background: #fff;
	letter-spacing: -0.1em;
}
#subpage p.greet_comment {
	color: #1f1f1f;
	font-size: 14px;
	line-height: 25px;
}
#subpage ul.subList li {
	color: #7ad670;
	line-height: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 14px;
	list-style:square;
	margin-left: 20px;
	letter-spacing: 0.02em;
}
#subpage ul.subList li span {
	color: #1f1f1f;
}
#subpage .tableDesign01 td {
	background-color: #FFF;
	border: 1px solid #ccc;
	padding: 10px;
	line-height: 20px;
	font-size: 14px;
}
#subpage .tableDesign01 th {
	background-color: #f5f5f5;
	border: 1px solid #ccc;
	padding: 10px;
	line-height: 20px;
	font-size: 14px;
	text-align: center;
}
#subpage .history {
	position: relative;
	display: block;
	text-decoration: none;
	padding-top: 0px;
}
#subpage .history a {
	border-bottom: solid 1px #eee;
	border-top: none;
	color: #3ba805;
}
#subpage .history dt  {
	padding-top: 10px;
	color: #000;
	font-size: 14px;
	font-weight: bold;
	border-top: solid 1px #eee;
}
#subpage .history dt.history_top {
    margin-top: 0px;
    padding-top: 0px;
}
#subpage .history dt.public_info span {
	padding-left: 5px;
}
#subpage .history dt.public_paper img {
	position: relative;
	top: -4px;
}
#subpage .history dt:first-child {
	border-top: none;
}
#subpage .history dd  {
	color: #454545;
	font-size: 14px;
}
dd.history_last {
	border-bottom: solid 1px #eee;
}
#subpage .history dd.shikon {
	color: #000;
	font-size: 80%;
	font-weight: bold;
}
#subpage .history dd ol {
	color: #454545;
	font-size: 100%;
}
#subpage .boxLine4 {
	display: block;
	border-bottom: 1px dotted #ccc;
	padding-bottom: 40px;
}
#subpage .history dd span img {
	height: 16px;
	position: relative;
	top: 5px;
	padding-right: 5px;
}
#subpage .history dd span.tel_num {
	font-size: 18px;
	color: #b62c26;
	font-weight: bold;
	padding: 0px 15px 0 0;
}
#subpage .history dd span.fax_num {
	font-size: 18px;
	color: #1377aa;
	font-weight: bold;
	padding: 0px;
}
#subpage .history dt.public_info {
	background-color: #3ba805;
	color: #ffffff;
	font-size: 16px;
	position: relative;
	padding: 3px 0 0 20px;
}
#subpage .facility {
	position: relative;
	display: block;
	text-decoration: none;
	padding-top: 0px;
}
#subpage .facility h3  {
	/*margin-top: 10px;*/
	padding-top: 10px;
	color: #000;
	font-size: 14px;
	font-weight: bold;
	line-height: 30px;
}
#subpage .facility h3.public_info span {
	padding-left: 5px;
}
#subpage .facility p  {
	color: #454545;
	font-size: 14px;
	line-height: 24px;
	padding-left: 20px;
}
#subpage .facility p span img {
	height: 16px;
	position: relative;
	top: 5px;
	padding-right: 5px;
}
#subpage .facility p span.tel_num {
	font-size: 18px;
	color: #b62c26;
	font-weight: bold;
	padding: 0px 15px 0 0;
}
#subpage .facility p span.fax_num {
	font-size: 18px;
	color: #1377aa;
	font-weight: bold;
	padding: 0px;
}
#subpage .facility h3.public_info {
	background-color: #75a6c0;
	border-left: none;
	color: #ffffff;
	font-size: 16px;
	position: relative;
	padding: 3px 0 0 20px;
	line-height: 30px;
}
/*#subpage .subList_ideabox {
	background: #fff;
	border: 2px solid #083e6a;
}*/
#subpage dl.subList_idea {
	background: #fff;
	border: 2px solid #083e6a;
	/*width: 280px;*/
	/*margin-top: 20px;*/
	float: left;
	width: 49%;
}
#subpage dl.subList_idea.ideabox02 {
	border-left: none;
}
#subpage dl.subList_idea.ideabox03 {
	border-top: none;
}
#subpage dl.subList_idea.ideabox04 {
	border-top: none;
	border-left: none;
}
#subpage dl.subList_idea dt {
	line-height: 26px;
	font-size: 23px;
	color: #121212;
	font-family: "ＭＳ Ｐ明朝", MS PMincho,"ヒラギノ明朝 Pro W3", Hiragino Mincho Pro, serif;
	clear: left;
	float: left;
	font-weight: bold;
	position: absolute; /* 絶対配置指定 */
	/* width: 48px; */ /* ←20250225_削除 */
	padding: 10px 20px;
}
#subpage dl.subList_idea dd {
	margin-left: 90px;
	line-height: 26px;
	font-size: 14px;
	color: #121212;
	padding: 10px 0;
}


@media screen and (max-width:1020px){
	#subpage .site_ttl_cent h2 {
		font-size: 18px;
		line-height: 30px;
	}
	#subpage .site_ttl_cent h2 span.about_sp {
		display: block;
	}
}

@media screen and (max-width:639px){
	#subpage .greet img {
		max-width: 200px;
	}
	#subpage .history dd span {
		display: block;
	}
	#subpage .history dt.public_info span {
		display: block;
		padding-left: 0px;
	}
	#subpage .facility p span {
		display: block;
	}
	#subpage .facility h3.public_info span {
		display: block;
		padding-left: 0px;
	}
	#subpage dl.subList_idea {
		width: 100%;
	}
	#subpage dl.subList_idea.ideabox02 {
		border-left: 2px solid #083e6a;
		border-top: none;
	}
	#subpage dl.subList_idea.ideabox04 {
		border-left: 2px solid #083e6a;
	}
}

@media screen and (max-width:380px){
	#subpage .site_ttl_cent h2 {
		font-size: 16px;
	}
	#subpage .tableDesign01 td {
		font-size: 12px;
		padding: 5px;
	}
	#subpage .tableDesign01 th {
		font-size: 12px;
		padding: 5px;
	}
	#subpage .tableDesign01 th span.about_history {
		display: block;
	}
	#subpage .history dt.public_paper {
		font-size: 12px;
	}
}

#subpage p.comment7 {
    color: #121212;
    font-size: 11px;
    line-height: 14px;
    padding: 0px;
    background: #fff;
    letter-spacing: -0.1em;
}

#subpage p.signature {
    color: #121212;
    font-size: 22px;
    line-height: 27px;
    padding: 0px;
    background: #fff;
}
/* ==================================================
　　　　　　お問い合わせ
================================================== */
#subpage p.contact_privacy_box {
    font-size: 14px;
	text-align: left;
    font-weight: normal;
    color: #b62c26;
    line-height: 25px;
    background-color: #fff;
    padding: 10px;
    border: #ededed 1px solid;
}
/* 180130 UPD */
#subpage section.site_ttl_cent.works_site p.contact_privacy_box {
    font-size: 13px;
}
@media screen and (max-width:639px) {
	#subpage section.site_ttl_cent.works_site p.contact_privacy_box {
    font-size: 14px;
		margin-top: 20px;
	}
}
/* 180130 END */
#subpage p.contact_privacy_box.offer_sent {
	border: none;
	padding-left: 0;
}
#subpage p.contact_privacy_box a {
    color: #b62c26;
	text-decoration: underline;
}
#subpage p.contact_privacy_box a:hover {
	text-decoration: none;
	color:#3ba805;
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
}
#subpage p.contact_tel {
	display: block;
	border-bottom: 1px solid #ededed;
	margin-bottom: 20px;
	padding: 0 0 20px 20px;
	font-size: 30px;
	line-height: 30px;
	color: #b62c26;
	font-weight: bold;
	letter-spacing: -0.01em;
}
#subpage p.contact_tel img {
	padding-right: 10px;
	height: 25px;
	width: 25px;
	top: 1px;
	position: relative;
}
#subpage p.contact_fax {
	font-size: 30px;
	line-height: 30px;
	color: #1377aa;
	font-weight: bold;
	padding: 0 0 20px 20px;
	letter-spacing: -0.01em;
	border-bottom: 1px solid #ededed;
	margin-bottom: 20px
}
#subpage p.contact_fax img {
	padding-right: 10px;
	height: 25px;
	width: 25px;
	top: 1px;
	position: relative;
}
#subpage p.contact_address {
	font-size: 18px;
	padding: 0 0 0 20px;
	letter-spacing: -0.01em;
}

#subpage p.sp_contact_tel {
	display: none;
}

@media screen and (max-width:639px) {
	#subpage p.contact_tel {
		display: none;
	}
	#subpage p.sp_contact_tel {
		display: block;
		border-bottom: 1px solid #ededed;
		margin-bottom: 20px;
		padding: 0 0 20px 20px;
		color: #121212;
		font-size: 14px;
		line-height: 20px;
	}
	#subpage p.sp_contact_tel a {
		font-size: 30px;
    	line-height: 30px;
    	color: #b62c26;
    	font-weight: bold;
    	letter-spacing: -0.01em;
	}
	#subpage p.sp_contact_tel a:hover {
		text-decoration: underline;
		transition: 0.5s;
		-webkit-transition: 0.5s;
		-moz-transition: 0.5s;
		-o-transition: 0.5s;
		-ms-transition: 0.5s;
	}
	#subpage p.sp_contact_tel span.sp_span_tel {
		color: #121212;
		font-weight: normal;
		font-size: 14px;
		display: block;
		padding: 0 0 0 20px;
		margin-left: 20px;
		text-decoration: none;
	}
	#subpage p.sp_contact_tel img {
		padding-right: 10px;
		height: 25px;
		width: 25px;
		top: 1px;
		position: relative;
	}
}

/* ==================================================
　　　　　　個人情報保護方針
================================================== */
#subpage p.privacy_policy {
	font-size: 14px;
	padding: 0 0 0 20px;
    letter-spacing: -0.01em;
}
#subpage dl.privacy_policy_line a:first-child {
    border-top: solid 1px #eee;
}


/* ==================================================
　　　　　　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-top { 
	border-top: solid 1px #b00807;
    border-bottom: solid 1px #b00807;
	text-align: center;
}
#page-top a {
    display: block;
    text-decoration: none;
    line-height: 30px;
	font-size: 14px;
	color: #b00807;
}
#page-top a:link {
	background: #fff;
} 
#page-top a:hover {
	color: #fff;
	background: #b00807;
}



/* ==================================================
　　　　　　Footer
================================================== */
footer {
	background-color: #fff;
	position: relative;
}
#footer_nav_bg {
	background:#efefef;
	width: 100%;
	margin:  0 auto;
	padding: 20px 0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
#footer_nav_bg_wit {
	background:#ffffff;
	border-bottom: 1px solid #999;
}
.footer_contact_box {
	padding: 0;
	background-color: #fff;
}
.footer_3col_ttl {
	/*max-width:560px;*/
	width: 100%;
	margin: 0 auto;
	display: block;
	background: #3ba805;
	transition: 0.5s;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
}
.footer_3col_ttl h3 {
	text-align: center;
	display:block;
	font-size: 14px;
	line-height: 30px;
	height:30px;
	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;
	letter-spacing: -0.04em;
}
.footer_3col_ttl h3 span {
	padding-left: 5px;
}
.footer_box {
	max-width:460px;
	width: 100%;
	margin: 0 auto;
	display: block;
	background: #ffff;
	transition: 0.5s;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
}
.footer_box p {
	display:block;
	padding: 8px;
	font-size: 15px;
	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;
}
.footer_box p span.tel_num {
	/*background: url(../image/tel_icon.jpg) left top no-repeat;
	background-size: 16px;*/
	font-size: 18px;
	color: #b62c26;
	font-weight: bold;
	padding: 0px 7px 0 3px;
}
.footer_box p span.fax_num {
	font-size: 18px;
	color: #1377aa;
	font-weight: bold;
	padding: 0 0 0 3px;
}
/*171024 UPD*/
.footer_box p span.mail_num {
	font-size: 18px;
/*	color: #1377aa;*/
	font-weight: bold;
	padding: 0px 7px 0 3px;
	text-decoration:  underline;
	line-height: 16px;
}
.footer_box p span.mail_num a {
	font-size: 18px;
/*	color: #1377aa;*/
	font-weight: bold;

	text-decoration:  underline;
	line-height: 16px;
}
.footer_box p span.mail_num a:hover {
	color: #3ba805;
}
/*171024 END*/

.footer_box img {
	height: 16px;
	position: relative;
	top: 5px;
}

/* ------ footer sp対応　sp_footer_colBox　------ */

.sp_footer_colBox {
	display: none;
}
@media screen and (max-width:1020px){
	#footer_nav_bg {
		background:#efefef;
		width: 100%;
		margin:  0 auto;
		padding: 30px 20px;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		-ms-box-sizing:border-box;
		-o-box-sizing:border-box;
		box-sizing:border-box;
	}
	
	.pc_footer_colBox {
    	display: none;
    }
	.sp_footer_colBox {
    	display: inline;
    }
	.footerBox table {
		font-size: 16px;
	}
	.footerBox table th {
		background-color: #3ba805;
		color: #FFF;
		padding: 10px 5px;
		text-align: center;
		font-weight: normal;
		width: 30%;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		-ms-box-sizing:border-box;
		-o-box-sizing:border-box;
		box-sizing:border-box;
	}
	.footerBox table td {
		background-color: #fff;
		color: #121212;
		padding: 10px 20px;
		width: 70%;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		-ms-box-sizing:border-box;
		-o-box-sizing:border-box;
		box-sizing:border-box;
	}
	.footerBox table td span.tel_num {
		font-size: 18px;
		color: #b62c26;
		font-weight: bold;
		padding: 0 0 0 3px;
	}
	.footerBox table td span.fax_num {
		font-size: 18px;
		color: #1377aa;
		font-weight: bold;
		padding: 0 0 0 3px;
	}
	.footerBox table td span.mail_num {
		font-size: 18px;
/*		color: #b62c26;*/
		font-weight: bold;
		padding: 0 0 0 3px;
		text-decoration: underline;
		display: inline-block;
		vertical-align:  top;
		line-height: 22px;
	}
	.footerBox table td span.mail_num a:hover {
		color: #3ba805;
	}
	.footerBox span.tel_num img,
	.footerBox span.fax_num img ,
	.footerBox span.mail_num img {
		height: 18px;
		position: relative;
		top: 3px;
		padding-right: 3px;
	}
}
@media screen and (max-width:639px){
	footer {
		top: 0px;
	}
	.footerBox table th {
		width: 40%;
	}
	.footerBox table td {
		padding: 10px;
		font-size: 14px;
		line-height: 18px;
		max-width: 116px;
	}
	.footerBox table td span {
		display: block;
	}
	.footerBox table td span.tel_num {
		padding: 5px 0 0 2px;
	}
	.footerBox table td span.fax_num {
		padding: 5px 0 0 2px;
	}
	.footerBox table td span.mail_num {
		padding: 5px 0 0 2px;
		line-height: 17px;
	}
	.footerBox span.tel_num img,
	.footerBox span.fax_num img ,
	.footerBox span.mail_num img {
		height: 17px;
		position: relative;
		top: 0px;
	}
	.footerBox table {
		font-size: 14px;
	}
}
@media screen and (max-width:560px){
	.footerBox table td span.mail_num {
		font-size: 17px;
	}
}
@media screen and (max-width:500px){
	.footerBox table td span.tel_num ,
	.footerBox table td span.fax_num {
		font-size: 15px;
	}
	.footerBox table td span.mail_num {
		font-size: 15px;
	}
}
@media screen and (max-width:480px){
	.footerBox table td {
		padding: 5px;
	}
	.footerBox table td span.tel_num ,
	.footerBox table td span.fax_num {
		font-size: 13px;
	}
	.footerBox table td span.mail_num {
		font-size: 12px;
		letter-spacing: -0.04em;
	}
}
@media screen and (max-width:334px){
	.footerBox table td {
	line-height: 18px;
	}
	.footerBox table td span.tel_num ,
	.footerBox table td span.fax_num ,
	.footerBox table td span.mail_num {
	padding: 3px 0 0 2px;
	}
	.footerBox span.tel_num img,
	.footerBox span.fax_num img ,
	.footerBox span.mail_num img {
	height: 14px;
	position: relative;
	top: 2px;
	}
}





.Fnav {
	padding: 20px 20px;
	line-height: 25px;
	text-align: center;
}
.Fnav li {
	display: inline-block;
	padding: 0 5px 0 10px;
	border-left: solid 1px #ccc;
	font-size:14px;
}
.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: #3ba805;
	text-decoration: underline;
}

/*--　#footer_top  --*/


#f_logo_area {
	background-color: #fff;
}
#f_logo_area p.pdf {
	line-height: 20px;
    color: #333;
    font-size: 13px;
    text-align: center;
}
#f_logo_area p.pdf a {
	color: #1F58A5;
	text-decoration: underline;
}
#f_logo_area p.pdf a:hover,
#f_logo_area p.pdf a:active {
	color: #3ba805;
	text-decoration: underline;
}
#f_logo_area img{
	height: 50px;
}
#f_logo_area img.adobe_pdf {
	height: 30px;
}
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-color: transparent;
	margin-bottom: 40px;
}
.blogBox[id] {
	margin-top: -120px;
	padding-top: 120px;
}
@media screen and (max-width: 1020px) {
	.blogBox[id] {
		margin-top: -70px;
		padding-top: 70px;
	}
}
#subpage h3.blog-title {
	border-left: none;
	font-family: Century Gothic, 'meiryo', 'メイリオ', 'ms pgothic', 'ms pゴシック', osaka, 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 p.infotext {
	color: #464646;
	font-size: 14px;
	line-height: 25px;
}
.blog-foot {
    font-size: 13px;
    text-align: left;
    margin-top: 20px;
    padding:10px;
    font-weight: normal;
    color: #3ba805;
    background: none repeat scroll 0% 0% #F7F7F7;
}
.blog-foot p {
	font-size: 11px;
}
.blog-foot a {
    color: #ED4E4A;
}
.blogBox h3 span {
  position: relative;
  top: -110px;
  display: block;
}

/* ページャー */

#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;
}

/*-----------------------------------------------------	*/
/*	 1020px	以下			*/
/*-----------------------------------------------------	*/

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

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

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

/*-----------------------------------------------------	*/
/*	for 640px - 1020px				*/
/*-----------------------------------------------------	*/

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

	
	/* ------ 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;
}




}