﻿@charset "utf-8";
/* CSS Document */
/*-------------------------------------------------------------
 Bootstrap
 ※ブレイクポイント:768px未満、768px～991px、992px～1199px、1200px
-------------------------------------------------------------*/
/* Bootstrap拡張：上下センター */
.row-center{
	text-align: center;
	letter-spacing: -0.4em;
}
.row-center > [class*='col-'] {
	display: inline-block;
	letter-spacing: 0;
	vertical-align: top;
	float: none !important;
}
.row-center.va-middle > [class*='col-'] {
	vertical-align: middle;
}
.row-center.va-bottom > [class*='col-'] {
	vertical-align: bottom;
}
@media screen and (max-width:840px){
	.row-center{
		text-align: center;
		letter-spacing: 0em;
	}
}
/* --------------------------------------------------
 * reset
 * -------------------------------------------------- */
.h1, .h2, .h3, h1, h2, h3 {
    margin-top: 0px;
    margin-bottom: 0px;
}
dl {
    margin-bottom: 0px;
}

ul,ol {
	margin: 0;
	padding: 0;
}
ul li {
	list-style: none;
}
a {
    color: #333;
	text-decoration: none;
	outline:none;
}
a:focus, a:hover {
	text-decoration: none;
	outline:none;
}
p {
    margin: 10px 0;
}

.container-fluid {
    padding-right: 0px;	/*15px解除*/
    padding-left: 0px;	/*15px解除*/
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    padding-right: 0px;	/*15px解除*/
    padding-left: 0px;	/*15px解除*/
	min-height: 0px;
}
caption {
    color: #333;	/*#777*/
}

/* --------------------------------------------------
 * common
 　【ベースカラー】緑：#00814a
 * -------------------------------------------------- */
body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 1.400em;	/*中サイズ14px*/
	line-height: 1.8em;
}
.section01,
.section02 {
	width: 1024px;
	margin: 0 auto;
}
.section03 {
	width: 617px;
	margin: 0 auto;
}
.section04 {
	width: 850px;
	margin: 0 auto;
}
@media screen and (max-width:1100px){
	.section01,
	.section03,
	.section04 {
		width: 95%;
	}
	.section02 {
		width: 100%;
	}
}
/* テキストインデント */
.text_indent {
	text-indent: 1em;
	padding: 10px 40px;
}
.text_indent02 {
	text-indent: 1em;
	padding-top: 15px;
}
.text_indent03 {
	text-indent: 1em;
}
@media screen and (max-width:768px){
	/* テキストインデント */
	.text_indent {
		padding: 10px 15px;
	}
}
/* 背景（グレー01） */
.bg_gray {
	background: #efefef;
}
.bg_border {
	border-top: 1px solid #a6a5a5;
}
/* マージン */
.margin_top20 {
	margin-top: 20px;
}
.margin_top40 {
	margin-top: 40px;
}
/* フォント色：緑 */
.font_green {
	color: #00814a;
}
/* フォントサイズ 大きく */
.font_lsize {
	font-size: 120%;
}
/* --------------------------------------------------
 * header
 * -------------------------------------------------- */
header {
	padding: 15px 0;
}
header h1 {
	margin-bottom: 10px;
	text-align: left;
}
header h1 img.img-responsive {
	display: inline;
}
/* フォント文字サイズ */
#font_nav {
	background: #efefef; 
	padding: 10px 20px;
}
#font_nav > div {
	float: left;
}
/* ホームボタン */
#btn_home {
	border: 1px solid #b3b3b5;
	background: #fff;
	border-radius: 15px;
}
#btn_home a {
	display: block;
	padding: 0 15px;
}
#btn_home img {
	margin-right: 5px;	
}
/* 文字サイズボタン */
#font_size {
	float: right !important;
}
#font_size dl dt {
	display:inline-block;
	vertical-align: middle;
	font-weight: normal;
	margin-right: 10px;
	margin-left: 10px;
}
#font_size dl dd {
	display:inline-block;
	vertical-align: middle;
	padding: 1px 10px;
	cursor: pointer;
	line-height: 1.6em;
	background: #373434;
	color: #fff;
	border-radius: 3px;
}
#font_size dl dd.current {
	background: #00814a;
	color: #fff;
}
#font_size dl dd:hover {
	opacity: 0.8;
}
@media screen and (max-width:620px){
	#font_size {
		float: left !important;
	}
}
@media screen and (max-width:400px){
	#font_nav {
		padding: 10px;
	}
}
/* サブナビ */
#sub_nav {
	margin-top: 10px;
}
#sub_nav ul {
	display: flex;
	justify-content: space-between;	
}
#sub_nav ul li {
	float: left;
}
#sub_nav ul li img {
	margin-right: 5px;
}
@media screen and (max-width:840px){
	#sub_nav ul {
		display: block;
	}
	#sub_nav ul li {
		/*float: none;*/
		margin-left: 10px;
	}
}
/* グロナビ */
#border_glonav {
	border: 1px solid #565656;
	border-width: 1px 0;
	border-bottom: 10px solid #00814a;
	margin-top: 10px;
	line-height: 0em;
}
#glonav {
	display: inline-block;
	position: relative;
	width: 100%;
	line-height: 1.6em;
}
#glonav > .menu_box {
	display: block;
	float: left;
	width: 33.3333%;
}
#glonav > .menu_box:first-child {
} 
#glonav > .menu_box > .menu_btn {
	font-size: 160%;
	display: block;
	width: 100%;
	padding: 4% 0;
	background: #fff;
	color: #00814a;
	border-right: 1px solid #565656;
	/*border-bottom: 10px solid #00814a;*/
	text-align: center;
	text-decoration: none;
	cursor: pointer;
}
#glonav > .menu_box > .menu_btn  i {
	display: block;
	margin-top: -15px;
}
/* hover時 */
#glonav > .menu_box > .menu_btn.g_current,
#glonav > .menu_box > .menu_btn.menu_active,
#glonav > .menu_box > .menu_btn.menu_box_hover {
	background: #00814a;
	color: #fff;
}
#glonav > .menu_box > .menu_btn img {
	margin-right: 5%;
}
#glonav > .menu_box:first-child > .menu_btn {
	border-left: 1px solid #565656;
}
#glonav > .menu_box > .open_box {
	z-index: 9999;
	position: absolute;
	top: calc(100% + 10px);
	left: 0;
	width: 100%;
	padding: 10px 30px;
	background: #fff;
	border: 10px solid #00814a;
	border-width: 0 10px 10px 10px;
	/*text-align: center;*/
}
@media screen and (max-width:840px){
	#border_glonav {
		border-bottom: none;
	}
	#glonav > .menu_box {
		float: none;
		width: 100%;
	}
	#glonav > .menu_box > .menu_btn {
		padding: 1% 5%;
		border-right: none;
		font-size: 150%;
		border-bottom: 10px solid #00814a;
		text-align: left;
	}
	#glonav > .menu_box:first-child > .menu_btn {
		border-left: none;
	}
	#glonav > .menu_box > .menu_btn  i {
		text-align: center;
	}
	#glonav > .menu_box > .open_box {
		position: static;
	}
}
/* グロナビ　アコーディオンメニュー */
.open_box .row {
	border-top: 1px solid #565656;
	text-align: left !important;

}
.open_box .row:first-child {
	border-top: none;
}
.open_box .row.glonav_title {
	border-bottom: 1px solid #00814a;
}
.open_box .row.glonav_title + .row {
	border-top: none;
}
.open_box .row.glonav_title p {
	font-size: 180%;
	padding-bottom: 0.3em;
}
.open_box .row.glonav_title a p:hover {
	opacity: 0.8;
}
.open_box .row.glonav_title p .fa-fw {
	margin-left: -0.1em;
}
.open_box .glonav_left {
	min-width: 230px;
}
.open_box .glonav_left p,
.open_box .glonav_center p,
.open_box .glonav_right p {
	padding: 0 20px;
}
.open_box .glonav_left p {
	padding-left: 2em;
	text-indent: -1.7em;
}
/* フォント小（微調整） */
.small_contents .open_box .glonav_left p {
	text-indent: -2.0em;
}
/* フォント大（微調整） */
.large_contents .open_box .glonav_left p {
	text-indent: -1.5em;
}
.open_box .glonav_center {
	border-left: 1px solid #565656;
	margin: 10px 0; 
}
.open_box .glonav_left p img {
	margin-right: 10px;
}
.open_box .glonav_center p,
.open_box .glonav_right p {
	padding-left: 3em;
	text-indent: -1.3em;
}
.open_box .glonav_right {
	vertical-align: top !important;
	padding-top: 10px;
}
@media screen and (max-width:860px){
	.open_box .row {
		border-top: none;
	}
	.open_box .row-center > [class*="col-"] {
		display: block !important;
	}
	.open_box .glonav_center {
		border-right: none;
	}
	.open_box .glonav_center p,
	.open_box .glonav_right p {
		padding-left: 2em;
	}
	.open_box .glonav_right {
		vertical-align: middle !important;
	}
	.open_box [class*='col-'] {
		width: 100%;
		padding: 0;
		margin: 0; 
	}
	.open_box [class*='col-'] br {
		display: none;
	}
	.open_box .glonav_center {
		border-left: none;
	}
}
@media screen and (max-width:840px){
	.open_box > table th {
		width: 100%;
		display: block;
		cursor: pointer;
	}
	.open_box > table td {
		width: 100%;
		display: block;
	}
	.open_box > table td p {
		padding: 0 10px;
	}
}
/* --------------------------------------------------
 * index メインコンテンツ
 * -------------------------------------------------- */
/* メインスライダー */
#main_visual {
	margin-top: 30px;
}
#photo_title h2 {
	font-size: 100%;
}
/* リンクボタン */
#link_btn {
	padding: 50px 0;
	margin-top: 30px;
}
#link_btn a:hover {
	opacity: 0.8;
}
@media screen and (max-width:991px){
	#link_btn [class*='col-'] {
		margin: 0 20px;
	}
}
@media screen and (max-width:810px){
	/* リンクボタン */
	#link_btn {
		padding: 30px 0;
		margin-top: 30px;
	}
	#link_btn [class*='col-'] {
		width: calc(100% - 40px);
		margin-bottom: 10px;
	}
}

/* --------------------------------------------------
 * sub メインコンテンツ
 * -------------------------------------------------- */
/* パンくずリスト */
.breadcrumb {
	background: none;
	padding: 0;
	margin-bottom: 15px;
}
.breadcrumb > li + li:before {
	content: ">";
	color: #565656;
}
@media screen and (max-width:380px){
	/*.breadcrumb > li {
		display: block;
	}*/
}
/* 第2階層タイトル */
h2.sub_title {
	font-size: 180%;
	margin: 25px 0;
}
/* サブメニュー */
#sub_menu {
	margin: 20px 0;
}
#sub_menu > .row {
	border-bottom: 1px dotted #c9c9ca;
	padding: 20px 0;
}
#sub_menu [class*='col-']:nth-child(odd) {
	padding-right: 30px;
	border-right: 1px dotted #c9c9ca;
}
#sub_menu [class*='col-']:nth-child(even) {
	padding-left: 30px;
}
#sub_menu [class*='col-'] > p {
	background: #efefef;
}
#sub_menu [class*='col-'] > p a {
	display: block;
	padding: 15px 20px;
}
#sub_menu [class*='col-'] > p a span {
	background: #00814a;
	display: inline-block;
	padding: 10px 4px;
	line-height: 0em;
	color: #fff;
	margin-right: 15px;
	border-radius: 3px;
}
@media screen and (max-width:991px){
	#sub_menu > .row {
		padding: 10px 0;
	}
	#sub_menu [class*='col-']:nth-child(odd) {
		padding-right: 0;
		border-right: none;
	}
	#sub_menu [class*='col-']:nth-child(even) {
		padding-left: 0;
	}
}
/* コンテンツタイトル */
h3.contents_title01 {
	font-size: 120%;
	padding-bottom: 0.8em;
	border-bottom: 1px solid #565656;
	margin-bottom: 1em;
}
/* コンテンツタイトル02 */
h3.contents_title02 {
	font-size: 150%;
	padding-bottom: 0.8em;
	border-bottom: 1px solid #565656;
	margin-bottom: 1em;
}
.contents_title02 > span {
	display: inline-block;
	border-left: 5px solid #00814a;
	padding: 5px 0 5px 15px;
}
.page_contents {
	margin: 50px auto;
}
.page_contents > .left_contents {
	padding-right: 30px;
}
@media screen and (max-width:991px){
	.page_contents > .left_contents {
		padding-right: 0px;
	}
}
/* テーブル */
.contents_table {
	width: 100%;
	margin-bottom: 10px;
}
.contents_table th {
	font-weight: normal;
	background: #efefef;
	padding: 5px 10px;
	border: 1px solid #565656;
}
.contents_table th:nth-child(1) {
	width: ;
}
.contents_table th:nth-child(2) {
	width: ;
}
.contents_table th:nth-child(3) {
	width: ;
}
.contents_table td {
	vertical-align: top;
	padding: 5px 10px;
	border: 1px solid #565656;
}
/* スクロールバー表示 */
/*.table_scroll {
	width: 100%;
    overflow-x: auto;
}
@media screen and (max-width:768px){
	.contents_table {
		width: 670px;
	}
}*/
@media screen and (max-width:768px){
	.contents_table th,
	.contents_table td {
		padding: 5px;
	}
}
/* ボーダー 実線 */
.border_solid {
	border-bottom: 1px solid #565656;
	margin: 40px 0;
}
/* ボーダー 点線 */
.border_dot {
	border-bottom: 1px dotted #565656;
	margin: 40px 0;
}
/* リンクテキスト */
a.link_text {
	text-decoration: underline;
	color: #006eb8;
}
a.link_text:hover {
	text-decoration: none;
}
/* 一覧リンク */
.ul_list > li {
	margin-top: 20px;
}
.ul_list > li:first-child {
	margin-top: 0;
}
/* サイドメニュー */
#side_menu li {
	background: #efefef;
	border-top: 1px dotted #c9c9ca;
}
#side_menu li:first-child {
	border-top: 0;
}
#side_menu li.side_menu_title {
	padding: 5px 15px;
	background: #00814a;
	color: #fff;
	border-top: none;
}
#side_menu li a {
	display: block;
	padding: 15px 8px;
}
#side_menu li a > .fa {
	margin-right: 0.5em;
	padding: 3px 5px;
}
#side_menu li:hover a {
	color: #00814a;
}
#side_menu li:hover a > .fa {
	background: #00814a;
	padding: 3px 5px;
	color: #fff;
	border-radius: 3px;
}
/* 画像センター */
.img_center {
	text-align: center;
}
@media screen and (max-width:600px){
	.img_center img {
		width: 100%;
	}
}
/* --------------------------------------------------
 * footer
 * -------------------------------------------------- */
/* 背景（フッター） */
.bg_footer {
	background: #dddddd;
	border: 1px solid #c9c9ca;
	border-width: 1px 0;
}
/* フッターリンク */
#footer_link {
	padding: 30px 0;
}
#footer_link li {
	float: left;
	margin-right: 5%;
}
#footer_link li a > i {
	margin-right: 10px;
}

/* フッターアドレス */
#footer_address {
	margin-top: 40px;
}
#footer_address p > span {
	margin-left: 1em;	
}
#footer_address ul li {
	float: left;
	margin-left: 4em;	
}
#footer_address ul li i {
	margin-right: 0.5em;	
}
#footer_address p > span:first-child,
#footer_address ul li:first-child {
	margin-left: 0;	
}
@media screen and (max-width:768px){
	#footer_address p > span {
		margin-left: 0;
		display: block;	
	}
	#footer_address ul li {
		margin-left: 2em;	
	}
}
@media screen and (max-width:600px){
	#footer_address ul li {
		float: none;
	}
	#footer_address ul li {
		margin-left: 0em;	
	}
}
/* コピーライト */
.copyright {
	display: block;
	margin-top: 20px;
	border-top: 1px dotted #565656;
	padding: 20px 0;
}
/* ページトップへ */
#page_top {
	position: fixed;
	right: 20px;
	bottom: 20px;
	cursor: pointer;
}