@charset "utf-8";
/* ******************************************************************
 *	File name		: base_100.css
 *	date			: 202205-
 *	Summary			: css base
 * ******************************************************************
 */
/* ----------------------------------------------------------------- */
/*	base                                                             */
/* ----------------------------------------------------------------- */
/*

緑カラーはbodyに
base_green

青　 #0080CC rgba(0,128,204,1.0)　文字等
濃青 #0061B1 rgba(0,97,177,1.0)

黄緑 #ABCD07 rgba(171,205,7,1.0)
緑　 #6FB92C rgba(111,185,44,1.0)
濃緑 #00632F rgba(0,99,47,1.0)

main_contents 770px

*/

/*-----------------------------------
  body
-----------------------------------*/

body{
	position:relative;
	width:100%;
	min-width:1060px;
	background:url(../../img/base/header.png) repeat-x 0 0;
	border-top:8px solid #00632F;
	color: #000;
	line-height:145%;
	}
	body.color-black{
		background:black;
		color: #FFF;
	}
	#wrapper {
		position:relative;
		width:100%;
		text-align:center;
}

.sp_disp{
	display:none;
}
.print_table_disp_tr,
.print_table_disp_th{
	display:none !important;
}

/* --- responsive --- */
@media only screen and (max-width:767px){
	body{
		position:relative;
		width:100%;
		min-width:0;
	}
	.sp_disp{
		display:block;
	}
}
@media print {
	body{
		margin:0;
		width:1100px;
	}
	.print_table_disp_tr{
		display:table-row !important;
	}
	.print_table_disp_th{
		display:table-cell !important;
	}
	.print_hidden{
		display:none !important;
	}
	.print_break{
		page-break-before:always;
	}
}

/*-----------------------------------
  header
-----------------------------------*/

header{
	display:block;
	position:relative;
	width:100%;
	height:190px;
}
#header{
	position:relative;
	width:1060px;
	max-width:100%;
	height:135px;
	margin:0 auto;
	padding:0 20px;
	text-align:left;
	color:#0061B1;
	}
	#header h1{
		position:absolute;
		top:15px;
		left:20px;
		width:430px;
		height:65px;
	}
	#header h1 a{
		display:block;
		width:100%;
		height:100%;
	}
	#header h1 img{
		max-width:100%;
		height:auto;
	}
	.color-black #header h1{
		position:absolute;
		top:15px;
		left:20px;
		width:430px;
		height:65px;
		background:url(../../img/base/logo_tag_b.png) no-repeat 0 0;
		background-size:contain;
		}
		.color-black #header h1 img{
			display:none;
	}
	/* site_search */
	#header #site_search{
		position:absolute;
		top:20px;
		right:20px;
		width:350px;
		text-align:left;
		}
		#header #site_search .s,
		#header #site_search .set_t{
			display:block;
			position:absolute;
			top:0px;
			left:0px;
			width:280px;
			height:25px;
			padding:0px 5px 0px 35px;
			font-size:11.5px;
			border-radius:20px;
			-webkit-border-radius:20px;
			-moz-border-radius:20px;
			border: 1px solid #AAAAAA;
			background-image:url(../../img/base/search.png);
			background-repeat:no-repeat;
			background-position:8px 5px;
			background-color:#FFF;
			}
			.color-black #header #site_search .set_t{
				border: 1px solid #FFF;
				background-color:#222;
				color:#FFF;
		}
		#header #site_search .searchsubmit{
			display:-webkit-flex;
			display:flex;
			justify-content:center;
			align-items:center;
			position:absolute;
			top:0px;
			right:0px;
			width:60px;
			height:25px;
			font-size:11.5px;
			-moz-border-radius:6px;
			-webkit-border-radius:6px;
			border-radius:15px;
			background: #0061B1;
			border: 1px solid #0061B1;
			color: #FFFFFF;
			cursor:pointer;
		}
		#header #site_search .searchsubmit:hover{
			background:#004680;
		}
		#header #site_search input[type="text"]:focus {
			outline: 0;
			border-color: orange;
}

/* ln_sitemap */
header #ln_sitemap{
	position:absolute;
	top:58px;
	left:923px;
	width:120px;
	height:27px;
	background:url(../../img/base/nav_1_3.png) no-repeat 0px 0px;
	user-select:none;
	}
	header #ln_sitemap:hover{
		border-bottom:2px solid rgba(0,128,204,0.5);
		}
		.color-black header #ln_sitemap:hover{
			border-bottom:2px solid rgba(255,255,255,0.5);
	}
	header #ln_sitemap a{
		position:absolute;
		top:0px;
		left:0px;
		width:100%;
		height:100%;
		padding:2px 0 0 34px;
		font-size:13.5px !important;
		color:#0061B1;
		}
		.color-black header #ln_sitemap a{
			color:#FFF;
	}
	header #ln_sitemap a:hover{
		text-decoration:none;
}
/* ln_fontsize */
header #ln_fontsize{
	position:absolute;
	top:58px;
	left:577px;
	width:166px;
	height:27px;
	padding:2px 0 0 36px;
	background:url(../../img/base/nav_1_1.png) no-repeat 0px 0px;
	font-size:13.5px !important;
	color:#0061B1;
	cursor:pointer;
	user-select:none;
	}
	.color-black header #ln_fontsize{
		color:#FFF;
	}
	header #ln_fontsize:hover{
		border-bottom:2px solid rgba(0,128,204,0.5);
		}
		.color-black header #ln_fontsize:hover{
			border-bottom:2px solid rgba(255,255,255,0.5);
	}
	header #ln_fontsize p{
		font-size:13.5px;
	}
	header #ln_fontsize ul{
		position:absolute;
		top:2px;
		left:110px;
		width:54px;
		height:20px;
		background:#0061B1;
		border:1px solid #0061B1;
		list-style:none;
		border-radius:3px;
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
		overflow:hidden;
		}
		header #ln_fontsize ul::before{
			content:" ";
			position:absolute;
			top:0px;
			left:0px;
			width:26px;
			height:18px;
			background:#FFF;
			z-index:0;
			transition-duration:0.5s;
		}
		header #ln_fontsize.f_change ul::before{
			left:26px;
	}
	header #ln_fontsize ul li{
		position:absolute;
		top:0px;
		width:26px;
		height:18px;
		padding-top:4px;
		font-size:11px;
		text-align:center;
		line-height:1;
		cursor:pointer;
		z-index:1;
		transition-duration:0.5s;
	}
	header #ln_fontsize ul li.small{
		left:0px;
		color:#0061B1;
	}
	header #ln_fontsize ul li.large{
		left:27px;
		color:#FFF;
	}
	header #ln_fontsize.f_change ul li.small{
		color:#FFF;
	}
	header #ln_fontsize.f_change ul li.large{
		color:#0061B1;
}

/* ln_bg_color */
header #ln_bg_color{
	position:absolute;
	top:58px;
	left:764px;
	width:140px;
	height:27px;
	padding:2px 0 0 35px;
	background:url(../../img/base/nav_1_2.png) no-repeat 0px 0px;
	font-size:13.5px !important;
	color:#0061B1;
	cursor:pointer;
	user-select:none;
	}
	.color-black header #ln_bg_color{
		color:#FFF;
	}
	header #ln_bg_color:hover{
		border-bottom:2px solid rgba(0,128,204,0.5);
		}
		.color-black header #ln_bg_color:hover{
			border-bottom:2px solid rgba(255,255,255,0.5);
	}
	header #ln_bg_color p{
		font-size:13.5px;
	}
	header #ln_bg_color ul{
		position:absolute;
		top:2px;
		left:83px;
		width:54px;
		height:20px;
		background:#0061B1;
		border:1px solid #0061B1;
		list-style:none;
		border-radius:3px;
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
		overflow:hidden;
		}
		header #ln_bg_color ul::before{
			content:" ";
			position:absolute;
			top:0px;
			left:0px;
			width:26px;
			height:18px;
			background:#FFF;
			z-index:0;
			transition-duration:0.5s;
		}
		header #ln_bg_color.c_change ul::before{
			left:26px;
	}
	header #ln_bg_color ul li{
		position:absolute;
		top:0px;
		width:26px;
		height:18px;
		padding-top:4px;
		font-weight:bold;
		font-size:11px;
		cursor:pointer;
		text-align:center;
		line-height:1;
		transition-duration:0.5s;
	}
	header #ln_bg_color ul li.bgwhite{
		left:0px;
		color:#0061B1;
	}
	header #ln_bg_color ul li.bgblack{
		left:27px;
		color:#FFF;
	}
	header #ln_bg_color.c_change ul li.bgwhite{
		color:#FFF;
	}
	header #ln_bg_color.c_change ul li.bgblack{
		color:#0061B1;
}

/* main_nav */
	#header #main_nav{
		position:absolute;
		top:100px;
		left:20px;
		width:1020px;
		height:28px;
		margin:0 auto;
		list-style:none;
		border-left:1px solid #0061B1;
		}
		.color-black #header #main_nav{
			border-left:1px solid #FFF;
	}
	#header #main_nav ul{
		display:-webkit-flex;
		display:flex;
		-webkit-box-pack:justify;
		-ms-flex-pack:justify;
		justify-content:space-between;
		flex-wrap:wrap;
		list-style:none;
		position:relative;
		height: 100%;
		-webkit-overflow-scrolling:touch;
	}
	#header #main_nav li {
		position:relative;
		width:159px;
		height:28px;
		padding:0 5px;
		text-align:center;
		border-right:1px solid #0061B1;
		}
		.color-black #header #main_nav li{
			border-right:1px solid #FFF;
		}
		#header #main_nav li#mn_outpatient,
		#header #main_nav li#mn_hospitalization,
		#header #main_nav li#mn_medical,
		#header #main_nav li#mn_recruit_info,
		#header #main_nav li ul{
			display:none;
	}
	#header #main_nav li:nth-child(5){width:169px;}
	#header #main_nav li:nth-child(6){width:169px;}
	#header #main_nav li:nth-child(7){width:152px;}
	#header #main_nav li:nth-child(8){width:174px;}
	#header #main_nav li:nth-child(9){width:174px;}
	#header #main_nav li:nth-child(10){width:174px;}/*-2px*/
	#header #main_nav li a{
		display:-webkit-flex;
		display:flex;
		justify-content:center;
		align-items:center;
		width:100%;
		height:100%;
		font-weight:bold;
		font-size:13.5px;
		text-align:center;
		border-radius:4px;
		-webkit-border-radius:4px;
		-moz-border-radius:4px;
		color:#0061B1;
		}
		.color-black #header #main_nav li a{
			color:#FFF;
	}
	#header #main_nav li a:hover{
		text-decoration:none;
		background:rgba(0,97,177,0.15);
	}
/* active */
.bdcs_about #header #main_nav li:nth-child(5) a{background:rgba(0,97,177,0.15);}
.bdcs_department #header #main_nav li:nth-child(6) a{background:rgba(0,97,177,0.15);}
.bdcs_activities #header #main_nav li:nth-child(7) a{background:rgba(0,97,177,0.15);}
.bdcs_floormap #header #main_nav li:nth-child(8) a{background:rgba(0,97,177,0.15);}
.bdcs_contact #header #main_nav li:nth-child(9) a{background:rgba(0,97,177,0.15);}
.bdcs_info #header #main_nav li:nth-child(10) a{background:rgba(0,97,177,0.15);}

/* sns */
#header #main_nav li#sns_disp{
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	position:absolute;
	top:-85px;
	right:375px;
	width:80px;
	height:30px;
	padding:0px !important;
	text-align:center;
	border:none !important;
	z-index:100;
	}
	#header #main_nav li#sns_disp div{
		display:inline-block;
		width:35px;
		height:35px;
	}
	#header #main_nav li#sns_disp a{
		display:block;
		position:relative;
		-moz-border-radius:50%;
		-webkit-border-radius:50%;
		border-radius:50%;
		background:none;
		z-index:120;
	}
	#header #main_nav li#sns_disp img{
		width:100%;
		height:auto;
	}

/* pikup_nav */
header #pikup_nav{
	position:relative;
	height:55px;
	border-top:4px solid #0061B1;
	border-bottom:4px solid #0061B1;
	z-index:101;
	}
	header #pikup_nav:before{
		content:" ";
		display:block;
		position:absolute;
		bottom:-4px;
		left:-50%;
		width:100%;
		height:4px;
		background:#ABCD07;
		z-index:0;
	}
	header #pikup_nav:after{
		content:" ";
		display:block;
		position:absolute;
		top:-4px;
		left:-50%;
		width:100%;
		height:4px;
		background:#ABCD07;
		z-index:0;
	}
	@media(max-width:1070px){
		header #pikup_nav:before,
		header #pikup_nav:after{
			left:0px;
			width:530px;
		}
	}
	header #pikup_nav nav{
		position:relative;
		left:1px;
		width:1060px;
		height:47px;
		margin:0 auto;
		padding:0 20px;
	}
	header #pikup_nav nav > ul{
		position:relative;
		width:1020px;
		height:47px;
		list-style:none;
		}
		header #pikup_nav nav ul:after{/* clearfix */
			content:" ";
			display:block;
			clear:both;
	}
	header #pikup_nav nav > ul > li{
		float:left;
		position:relative;
		width:25%;
		height:47px;
		text-align:center;
		}
		header #pikup_nav nav > ul > li:after{
			content:" ";
			display:block;
			position:absolute;
			top:9px;
			right:0px;
			width:1px;
			height:28px;
			background:#0061B1;
		}
		.color-black header #pikup_nav nav > ul > li:after{
			background:#FFF;
		}
		header #pikup_nav nav > ul > li:first-child:before{
			content:" ";
			display:block;
			position:absolute;
			top:9px;
			left:0px;
			width:1px;
			height:28px;
			background:#0061B1;
		}
		.color-black header #pikup_nav nav > ul > li:first-child:before{
			background:#FFF;
	}
	header #pikup_nav nav > ul > li a{
		display:block;
		width:100%;
		height:47px;
		padding:2px 0 0 0;
		font-size:13.5px;
		font-weight:bold;
		line-height:47px;
		color:#0061B1;
		}
		.color-black header #pikup_nav nav > ul > li a{
			color:#FFF;
	}
	header #pikup_nav nav > ul > li:hover a{
		background:rgba(0,97,177,0.10);
		}
	header #pikup_nav nav > ul > li:nth-child(1):hover a,
	header #pikup_nav nav > ul > li:nth-child(2):hover a{
		background:rgba(171,205,7,0.2);
		color:#006533 !important;
		}
		.color-black header #pikup_nav nav > ul > li:nth-child(1):hover a,
		.color-black header #pikup_nav nav > ul > li:nth-child(2):hover a{
			color:#FFF !important;
		}
		header #pikup_nav nav > ul > li a:hover{
			text-decoration:none;
}
/* active */
.bdcs_outpatient header #pikup_nav nav > ul > li:nth-child(1) a{
	background:rgba(171,205,7,0.2);
	color:#006533 !important;
	}
	.color-black.bdcs_outpatient header #pikup_nav nav > ul > li:nth-child(1) a{
		color:#FFF !important;
}
.bdcs_hospitalization header #pikup_nav nav > ul > li:nth-child(2) a{
	background:rgba(171,205,7,0.2);
	color:#006533 !important;
	}
	.color-black.bdcs_hospitalization header #pikup_nav nav > ul > li:nth-child(2) a{
		color:#FFF !important;
}
.bdcs_medical header #pikup_nav nav > ul > li:nth-child(3) a{
	background:rgba(0,97,177,0.10);
}
.bdcs_recruit header #pikup_nav nav > ul > li:nth-child(4) a{
	background:rgba(0,97,177,0.10);
}
/* --- responsive --- */
@media only screen and (max-width:767px){
	header{
		display:none;
	}
}

/* drop-down */
header #pikup_nav nav > ul > li > ul{
	list-style:none;
	padding-top:4px;
	}
	header #pikup_nav nav > ul > li ul li{
		margin-bottom:2px;
}
.drop-down-nav{
	position: absolute;
	top: 50%;
	left:0;
	width:100%;
	box-sizing:border-box;
	visibility:hidden;
	opacity:0;
	transition: .2s .1s;
	}
	li.drop .drop-down-nav {
	top: 47px;
	visibility: visible;
	opacity:1;
	}
	.drop-down-nav a{
		height:auto !important;
		padding:10px 0 !important;
		line-height:1.3 !important;
		font-weight:normal !important;
		border-radius:5px;
		-webkit-border-radius:5px;
		-moz-border-radius:5px;
		background: #3697E7 !important;
		color: #FFFFFF !important;
		}
		.drop-down-nav a:hover {
			background: #0061B1 !important;
	}
	header #pikup_nav nav > ul > li:nth-child(1) .drop-down-nav a,
	header #pikup_nav nav > ul > li:nth-child(2) .drop-down-nav a{
		background:#319F2D !important;
		color:#FFFFFF !important;
		}
		header #pikup_nav nav > ul > li:nth-child(1) .drop-down-nav a:hover,
		header #pikup_nav nav > ul > li:nth-child(2) .drop-down-nav a:hover{
			background:#006533 !important;
}
/* --- responsive --- */
@media only screen and (max-width:767px){
	.drop-down-nav{
		display:none !important;
	}
}

/*-----------------------------------------------------------------------------------------
  contents_body main_contents
-----------------------------------------------------------------------------------------*/

#contact_area_sp{
	display:none;
	margin:0 0 -3px !important;
	text-align:left;
	background:rgba(56,132,65,0.1);
	border-bottom:5px solid rgba(56,132,65,1);
	-moz-box-shadow:0px 0px 5px rgba(0,0,0,1);
	-webkit-box-shadow:0px 0px 5px rgba(0,0,0,1);
	box-shadow:0px 0px 5px rgba(0,0,0,1);
	}
	.color-black #contact_area_sp{
		color:#FFF;
	}
	#contact_area_sp ul{
		list-style:none;
		padding:10px 20px;
	}
	#contact_area_sp ul li{
		position:relative;
		padding:3px 0;
		font-weight:bold;
		font-size:1.0rem;
		border-bottom:1px dotted rgba(56,132,65,0.7);
		}
		#contact_area_sp ul li:last-child{
			border-bottom:none;
		}
		#contact_area_sp ul li:nth-child(3){
			font-size:0.85rem;
		}
		#contact_area_sp ul li:nth-child(4){
			padding-left:75px;
			font-size:0.85rem;
	}
	#contact_area_sp ul li span{
		font-size:inherit;
		font-weight:inherit;
	}
	#contact_area_sp ul li b{
		display:inline-block;
		width:75px;
		font-weight:bold;
		font-size:0.85rem;
		text-align:justify;
		text-align-last:justify;
		color:rgba(56,132,65,1);
		}
		.color-black #contact_area_sp ul li b{
			color:#FFF;
		}
		#contact_area_sp ul li:nth-child(4) b{
			position:absolute;
			left:0px;
	}
	#contact_area_sp ul li p{
		margin:0px !important;
		padding-left:75px;
		font-weight:normal;
		font-size:0.75rem;
}
/* --- responsive --- */
@media only screen and (max-width:767px){
	#contact_area_sp{
		display:block;
	}
}

/*-----------------------------------
  main
-----------------------------------*/

main{
	display:block;
	text-align:left;
	}
	.second main{
		display:block;
		position:relative;
		width:calc(100% - 220px);
		padding:0px 0 50px;
		text-align:center;
		background:rgba(0,0,0,0.1);
		-webkit-border-radius:6px;
		-moz-border-radius:6px;
		border-radius:6px;
	}
	.base_green.second main{
		background:rgba(111,185,44,0.1);
	}
	#main_contents{
		position:relative;
		width:870px;
		max-width:100%;
		min-height:350px;
		background:#FFF;
		margin:25px auto 0;
		padding:30px 50px;
		text-align:left;
		-webkit-border-radius:6px;
		-moz-border-radius:6px;
		border-radius:6px;
		-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
		-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
		box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
		transition-duration:0.5s;
		}
		.color-black #main_contents{
			background:#333;
}
.fullsize.second main{
	display:block;
	position:relative;
	width:100%;
	padding:0px;
	text-align:center;
	background:none !important;
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	border-radius:0px;
	}
	.fullsize #main_contents{
		position:relative;
		width:100%;
		max-width:100%;
		min-height:0px;
		background:none;
		margin:0px auto 0;
		padding:0px;
		text-align:left;
		-webkit-border-radius:0px;
		-moz-border-radius:0px;
		border-radius:0px;
		-moz-box-shadow:none;
		-webkit-box-shadow:none;
		box-shadow:none;
		transition-duration:0.5s;
}
/* --- responsive --- */
@media only screen and (max-width:1200px){
	.second main{
		padding:0px;
		text-align:center;
		background:none !important;
		border-radius:0px;
		-webkit-border-radius:0px;
		-moz-border-radius:0px;
	}
	#main_contents,
	.fullsize #main_contents{
		width:100% !important;
		margin:0 auto 0;
		padding:10px 20px 0 !important;
		min-height:0px;
		-moz-box-shadow:none;
		-webkit-box-shadow:none;
		box-shadow:none;
	}
}
@media only screen and (max-width:767px){
	.second main{
		width:100% !important;
		margin-bottom:0px;
	}
	#main_contents,
	.fullsize #main_contents{
		width:calc(100% - 30px);
		min-height:0px;
	}
}

/*-----------------------------------
  side_nav
-----------------------------------*/

#side_nav{
	display:block;
	width:190px;
	}
	#side_nav ul{
		font-family:'Noto Sans', 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
		list-style:none;
	}
	#side_nav ul > li{
		margin-bottom:10px;
		text-align:left;
		border-radius:6px;
		-webkit-border-radius:6px;
		-moz-border-radius:6px;
		-webkit-box-shadow:0 0 3px 1px #BBE1F8 inset;
		-moz-box-shadow:0 0 3px 2px #BBE1F8 inset;
		box-shadow:0 0 3px 3px #BBE1F8 inset;
		border:1px solid #10A7E4;
		background:#fff;
		}
		.color-black #side_nav ul > li{
			background:#000;
		}
		#side_nav ul > li a{
			display:-webkit-flex;
			display:flex;
			justify-content:flex-start;
			align-items:center;
			min-height:54px;
			padding:7px 12px;
			font-weight:bold;
			font-size:13px;
			border-radius:6px;
			-webkit-border-radius:6px;
			-moz-border-radius:6px;
			color:#0060B1;
			}
			.color-black #side_nav ul > li a{
				color:#FFF;
		}
		#side_nav ul > li a span{
			font-weight:bold;
		}
		#side_nav ul li a:hover{
			text-decoration:none;
	}
	#side_nav ul > li:hover,
	#side_nav ul > li.active{
		background:rgba(16,167,228,0.2) !important;
		}
		#side_nav ul > li:hover a,
		#side_nav ul > li.active a{
		}
		#side_nav ul li a:hover{
			text-decoration:none;
		}
	.color-black #side_nav ul > li:hover,
	.color-black #side_nav ul > li.active{
		background:rgba(16,167,228,0.7) !important;
	}
	#side_nav ul li.outlink a{
		display:block;
		min-height:0px;
		padding:15px 12px 15px 37px;
		background:url(../../img/base/outlink.png) no-repeat 12px 17px;
	}

	/* side_sub_navi */
	#side_nav ul li.side_sub_navi{
		margin-bottom:10px;
		padding:7px 0;
		border:none;
		border-radius:0px !important;
		-webkit-border-radius:0px;
		-moz-border-radius:0px;
		-webkit-box-shadow:none;
		-moz-box-shadow:none;
		box-shadow:none;
		background:none !important;
		}
		#side_nav ul li.side_sub_navi:hover{
			background:none !important;
	}
	#side_nav ul li.side_sub_navi .side_sub_title{
		position:relative;
		padding:2px 0 1px 30px;
		font-weight:normal;
		font-size:14px;
		color:#FFF;
		background:#AABCC6;
		}
		.color-black #side_nav ul li.side_sub_navi .side_sub_title{
			background:#555;
		}
		#side_nav ul li.side_sub_navi .side_sub_title:after{
			content:" ";
			position:absolute;
			top:8px;
			left:10px;
			border: 5px solid transparent;
			border-top: 8px solid #FFF;
	}
	#side_nav ul li.side_sub_navi ul{
		list-style:none;
	}
	#side_nav ul li.side_sub_navi ul li{
		margin-bottom:0px;
		border-radius:0px;
		-webkit-border-radius:0px;
		-moz-border-radius:0px;
		-webkit-box-shadow:none;
		-moz-box-shadow:none;
		box-shadow:none;
		border:none;
		background:#fff;
		}
		.color-black #side_nav ul li.side_sub_navi ul li{
			background:#000;
		}
		#side_nav ul li.side_sub_navi ul li:hover{
			background:rgba(16,167,228,0.2) !important;
	}
	#side_nav ul li.side_sub_navi ul li a{
		display:block;
		min-height:0px;
		margin-bottom:0;
		border-radius:0;
		padding:7px 0 7px 15px;
		font-weight:normal;
		font-size:0.93em;
		color:#0060B1;
		line-height: 1.3;
		}
		.color-black #side_nav ul li.side_sub_navi ul li a{
			color:#FFF;
}
/* --- responsive --- */
@media only screen and (max-width:767px){
	#side_nav{
		display:block;
		position:fixed;
		top:60px;
		right:-100%;
		width:calc(190px + 40px);
		padding:10px 18px;
		background:rgba(255,255,255,0.9);
		border:2px solid #0060B1;
		z-index:999;
		transition-duration:0.5s;
		overflow-y:scroll;
		-webkit-overflow-scrolling:touch;
		-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.4);
		-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.4);
		box-shadow: 0px 0px 5px rgba(0,0,0,0.4);
		}
		#side_nav.active{
			display:block;
			right:0px;
		}
		#side_nav ul{
			display:block;
			width:190px;
			}
			#side_nav ul > li{
				margin-bottom:5px;
				font-size:0.9em;
			}
			#side_nav ul > li a{
				display:block;
				padding:7px 10px;
				font-weight:bold;
		}
		#side_nav:before{
			content:"SUB MENU";
			display:-webkit-flex;
			display:flex;
			align-items:center;
			width:calc(100% - 70px);
			height:40px;
			margin:0 0 10px;
			padding:0 10px;
			font-weight:bold;
			font-size:1.1rem;
			text-align:left;
			background:rgba(0,96,177,0.2);
			color:#0060B1;
			-moz-border-radius:6px;
			-webkit-border-radius:6px;
			border-radius:6px;
	}
}

/* base_green */
.base_green #side_nav ul > li{
		-webkit-box-shadow:0 0 3px 1px rgba(111,185,44,0.5) inset;
		-moz-box-shadow:0 0 3px 2px rgba(111,185,44,0.5) inset;
		box-shadow:0 0 3px 3px rgba(111,185,44,0.5) inset;
		border:none;
		}
		.base_green #side_nav ul > li a{
			color:#00632F;
		}
		.color-black.base_green #side_nav ul > li a{
			color:#FFF;
	}
	.base_green #side_nav ul > li:hover,
	.base_green #side_nav ul > li.active{
		background:rgba(111,185,44,0.2) !important;
		}
		.color-black.base_green #side_nav ul > li:hover,
		.color-black.base_green #side_nav ul > li.active{
			background:rgba(111,185,44,0.7) !important;
	}
	.base_green #side_nav ul li.outlink a{
		padding:15px 12px 15px 37px;
		background:url(../../img/base/outlink_g.png) no-repeat 12px 17px;
	}
	/* side_sub_navi */
	.base_green #side_nav ul li.side_sub_navi{
		margin-bottom:10px;
		padding:7px 0;
		border:none;
		border-radius:none;
		-webkit-border-radius:none;
		-moz-border-radius:none;
		-webkit-box-shadow:none;
		-moz-box-shadow:none;
		box-shadow:none;
		background:none !important;
	}
	.color-black.base_green #side_nav ul > li.side_sub_navi{
		background:none !important;
	}
	.base_green #side_nav ul li.side_sub_navi ul li:hover{
		background:rgba(171,205,7,0.2) !important;
	}
	.base_green #side_nav ul li.side_sub_navi ul li a{
		color:#00632F;
		}
		.color-black.base_green #side_nav ul li.side_sub_navi ul li a{
			color:#FFF;
}

/* side_navi_address */
.side_navi_address{
	width:190px;
	font-size:0.9em;
	text-align:left;
	}
	.color-black .side_navi_address{
		color:#FFF;
	}
	.side_navi_address h4{
		margin-bottom:2px;
		padding:2px 0;
		font-weight:bold;
		font-size:1.15em;
		color:#0061B1;
		border-bottom:1px solid #0061B1;
		}
		.color-black .side_navi_address h4{
			color:#FFF;
			border-bottom:1px solid #FFF;
	}
	.side_navi_address img{/*mail*/
		position:relative;
		top:4px;
		margin:0 5px 0 0;
	}
	.side_navi_address .side_mail{
		position:relative;
		margin-top:3px;
		padding-left:25px;
		line-height:1.3;
	}
	.side_navi_address .side_mail img{
		position:absolute;
		top:2px;
		left:0px;
	}
	.side_navi_address span{
		font-size:0.75em;
		color:#395FAC !important;
		}
		.color-black .side_navi_address span{
			color:#FFF !important;
	}
	.side_navi_address span .at{
		top:-2px !important;
}

/*---------------------
 contents
---------------------*/

#main_contents p{
	font-size:1.0rem;
}
/* --- responsive --- */
@media only screen and (max-width:767px){
	#main_contents p{
		font-size:0.9rem;
	}
}

/*---------------------
 contents
---------------------*/

#pageback{
	position:fixed;
	right:20px;
	bottom:25px;
	width:50px;
	height:50px;
	border-radius:50px;
	-webkit-border-radius:50px;
	-moz-border-radius:50px;
	background:#FFFFFF;
	border:5px solid rgba(0,97,177,1);
	opacity:0.5;
	}
	#pageback:hover{
		opacity:1;
	}
	#pageback:before{
		content:" ";
		position:absolute;
		top:8px;
		left:5px;
		width: 0;
		height: 0;
		margin-top: -15px;
		border:15px solid transparent;
		border-bottom:15px solid rgba(0,97,177,1);
	}
	#pageback:after{
		content:" ";
		position:absolute;
		top:22px;
		left:14px;
		width:13px;
		height:19px;
		background:rgba(0,97,177,1);
		z-index:0;
	}
	#pageback a{
		display:block;
		position:absolute;
		left:-15px;
		top:-10px;
		width:80px;
		min-height:85px;
		padding:55px 0 0 0;
		font-size:0.7em;
		color:#0061B1;
		text-align:center;
		border-radius:6px;
		-webkit-border-radius:6px;
		-moz-border-radius:6px;
		z-index:1;
		}
		#pageback a:hover{
			text-decoration:none;
}
.base_green #pageback{
	border:5px solid rgba(111,185,44,1);
	}
	.base_green #pageback:before{
		border-bottom:15px solid rgba(111,185,44,1);
	}
	.base_green #pageback:after{
		background:rgba(111,185,44,1);
	}
	.base_green #pageback a{
		color:#6FB92C;
}

#pagetop{
	clear:both;
	position:relative;
	width:100%;
	height:50px;
	margin:-20px 0 0 0;
	text-align:right;
	}
	#pagetop a{
		position:absolute;
		right:0px;
		display:block;
		width:497px;
		height:50px;
		background:url(../../img/base/pagetop.png) no-repeat 0 0;
		overflow:hidden;
		text-indent:150%;
		white-space:nowrap;
}
/* --- responsive --- */
@media only screen and (max-width:767px){
	#pagetop{
		display:none;
	}
	#pageback{
		z-index:999;
	}
}

/* -----------------------------------------------------------------
/*	sp_menu
----------------------------------------------------------------- */

.sp_menu main{
	display:block;
	position:relative;
	width:770px;
	max-width:100%;
	min-height:350px;
	text-align:center;
	margin-bottom:40px;
	overflow:hidden;
	}
	.sp_menu main ul{
		display:-webkit-flex;
		display:flex;
		-webkit-box-pack:justify;
		-ms-flex-pack:justify;
		justify-content:space-between;
		flex-wrap:wrap;
	}
	.sp_menu main ul li{
		width:48%;
		min-height:40px;
		margin:0 0 15px;
		text-align:left;
		font-weight:bold;
		font-size:0.9rem;
		-moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.4);
		-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.4);
		box-shadow: 0px 0px 3px rgba(0,0,0,0.4);
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		border-radius:3px;
		border:1px solid rgba(0,128,204,1);
		background:url(../../img/base/pagelink.png) no-repeat right bottom rgba(0,128,204,0.1);
		color:rgba(0,128,204,1);
		}
		.sp_menu.base_green main ul li{
			border:1px solid rgba(111,185,44,1);
			background:url(../../img/base/pagelink_g.png) no-repeat right bottom rgba(111,185,44,0.1);
			color:rgba(111,185,44,1);
	}
	.sp_menu.base_green main ul li br{
		display:block;
	}
	.sp_menu main ul li a{
		display:-webkit-flex;
		display:flex;
		align-items:center;
		width:100%;
		height:100%;
		padding:7px 7px;
		font-weight:bold;
		font-size:0.9rem;
		color:rgba(0,128,204,1);
		}
		.sp_menu.base_green main ul li a{
			color:rgba(111,185,44,1);
	}
	.sp_menu main ul li a span{
		font-weight:bold;
		font-size:1.0rem;
		color:rgba(0,128,204,1);
		}
		.sp_menu.base_green main ul li a span{
			color:rgba(111,185,44,1);
	}

	/* ul ul */
	.sp_menu main ul li.side_sub_navi{
		background:rgba(0,128,204,0.1);
		}
		.sp_menu.base_green main ul li.side_sub_navi{
			background:rgba(111,185,44,0.1);
	}
	.sp_menu main ul li.side_sub_navi .side_sub_title{
		position:relative;
		margin:0 0 10px;
		padding:2px 0 1px 30px;
		color:#FFF;
		background:rgba(0,128,204,1);
		}
		.sp_menu.base_green main ul li.side_sub_navi .side_sub_title{
			background:rgba(111,185,44,1);
		}
		.sp_menu main ul li.side_sub_navi .side_sub_title:after{
			content:" ";
			position:absolute;
			top:10px;
			left:10px;
			border: 5px solid transparent;
			border-top: 8px solid #FFF;
	}
	.sp_menu main ul li ul{
		width:100%;
		min-height:40px;
		margin:0px;
		padding:0 10px;
		text-align:left;
		-moz-box-shadow:none;
		-webkit-box-shadow:none;
		box-shadow:none;
		-moz-border-radius:0px;
		-webkit-border-radius:0px;
		border-radius:0px;
		border:none;
		background:none;
		}
		.sp_menu main ul li ul li{
			width:100%;
			min-height:0px;
			margin:0 0 10px;
			text-align:left;
			font-weight:bold;
			font-size:0.9rem;
			-moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.4);
			-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.4);
			box-shadow: 0px 0px 3px rgba(0,0,0,0.4);
			-moz-border-radius:3px;
			-webkit-border-radius:3px;
			border-radius:3px;
			border:1px solid rgba(0,128,204,1);
			background:url(../../img/base/pagelink.png) no-repeat right bottom rgba(0,128,204,0.1);
			color:rgba(0,128,204,1);
			}
			.sp_menu.base_green main ul li ul li{
				border:1px solid rgba(111,185,44,1);
				background:url(../../img/base/pagelink_g.png) no-repeat right bottom rgba(111,185,44,0.1);
				color:rgba(111,185,44,1);
		}
		.sp_menu main ul li ul li a{
			padding:4px 7px;
			font-weight:bold;
			font-size:0.8rem;
			color:rgba(0,128,204,1);
			}
			.sp_menu.base_green main ul li ul li a{
			color:rgba(111,185,44,1);
	}
	/* ul ul */
	.sp_menu main ul li.sp_wide{
		width:100% ;
	}


/* --- responsive --- */
@media only screen and (max-width:767px){
	.sp_menu main{
		display:block;
		position:relative;
		margin-bottom:40px;
		padding:7px 15px 15px;
		float:none;
		-webkit-box-shadow:none;
		-moz-box-shadow:none;
		box-shadow:none;
	}
	.sp_menu #contents_body #pnkz{
		margin:8px 0 20px;
		padding:0 20px 5px;
		border-bottom:1px solid rgba(0,0,0,0.3);
	}
}
/* -----------------------------------------------------------------
   pagelink
----------------------------------------------------------------- */

.pagelink{
	position:relative;
	margin-bottom:17px;
	padding-bottom:15px;
	border-bottom:2px dotted rgba(0,128,204,0.5);
	}
	.color-black .pagelink{
		border-bottom:2px dotted rgba(255,255,255,0.5);
	}
	.pagelink:after{
	    content:" ";
	    display:block;
	    clear:both;
}
.pagelink li{
	float:left;
	display:inline-block;
	margin:7px 3px;
	box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border:1px solid #FFFFFF;
	background:url(../../img/base/pagelink.png) no-repeat bottom right #FFFFFF;
	text-align:center;
	line-height:1;
	}
	.color-black .pagelink li{
		background:url(../../img/base/pagelink.png) no-repeat bottom right #000;
	}
	.pagelink li.active,
	.pagelink li:hover{
		border:1px solid rgba(16,167,228,0.8);
		background:url(../../img/base/pagelink_hover.png) no-repeat bottom right rgba(16,167,228,0.2);
		}
		.color-black .pagelink li.active,
		.color-black .pagelink li:hover{
			border:1px solid rgba(255,255,255,0.8);
			background:url(../../img/base/pagelink_hover.png) no-repeat bottom right rgba(16,167,228,0.7);
			color:#000;
	}
	.pagelink li a{
		display:-webkit-flex;
		display:flex;
		justify-content:center;
		align-items:center;
		width:100%;
		height:100%;
		padding:8px 19px 6px 17px;
		font-size:0.87rem;
		color:#000000;
		text-decoration:none;
	}
	.color-black .pagelink li a{
		color:#FFF;
	}
}
/* recruit */
.bdcs_recruit_i_01 .pagelink li#i_01,.bdcs_recruit_i_02 .pagelink li#i_02,.bdcs_recruit_i_03 .pagelink li#i_03,.bdcs_recruit_i_04 .pagelink li#i_04,.bdcs_recruit_i_05 .pagelink li#i_05,
.bdcs_recruit_i_06 .pagelink li#i_06,.bdcs_recruit_i_07 .pagelink li#i_07,.bdcs_recruit_i_08 .pagelink li#i_08,.bdcs_recruit_i_09 .pagelink li#i_09,.bdcs_recruit_i_10 .pagelink li#i_10,
.bdcs_recruit_i_11 .pagelink li#i_11,.bdcs_recruit_i_12 .pagelink li#i_12,.bdcs_recruit_i_13 .pagelink li#i_13,.bdcs_recruit_i_14 .pagelink li#i_14,.bdcs_recruit_i_15 .pagelink li#i_15,
.bdcs_recruit_i_16 .pagelink li#i_16,.bdcs_recruit_i_17 .pagelink li#i_17,.bdcs_recruit_i_18 .pagelink li#i_18,.bdcs_recruit_i_19 .pagelink li#i_19,.bdcs_recruit_i_20 .pagelink li#i_20,
.bdcs_recruit_i_21 .pagelink li#i_21,.bdcs_recruit_i_22 .pagelink li#i_22,.bdcs_recruit_i_23 .pagelink li#i_23,.bdcs_recruit_i_24 .pagelink li#i_24,.bdcs_recruit_i_25 .pagelink li#i_25,
.bdcs_recruit_i_26 .pagelink li#i_26,.bdcs_recruit_i_27 .pagelink li#i_27,.bdcs_recruit_i_28 .pagelink li#i_28,.bdcs_recruit_i_29 .pagelink li#i_29,.bdcs_recruit_i_30 .pagelink li#i_30
{
	border:1px solid rgba(16,167,228,0.8);
	background:url(../../img/base/pagelink_hover.png) no-repeat bottom right rgba(16,167,228,0.2);
}
/* green */
.base_green .pagelink{
	border-bottom:2px dotted rgba(111,185,44,0.7);
}
.base_green .pagelink li{
	background:url(../../img/base/pagelink_g.png) no-repeat bottom right #FFFFFF;
	}
	.color-black.base_green .pagelink li{
		background:url(../../img/base/pagelink_g.png) no-repeat bottom right #000;
	}
	.base_green .pagelink li.active,
	.base_green .pagelink li:hover{
		border:1px solid rgba(111,185,44,0.8);
		background:url(../../img/base/pagelink_hover_g.png) no-repeat bottom right rgba(111,185,44,0.2);
		}
		.color-black.base_green .pagelink li.active,
		.color-black.base_green .pagelink li:hover{
			border:1px solid rgba(255,255,255,0.8);
			background:url(../../img/base/pagelink_hover_g.png) no-repeat bottom right rgba(111,185,44,0.7);
}
/* --- responsive --- */
@media only screen and (max-width:767px){
	.pagelink{
		display:-webkit-flex;
		display:flex;
		-webkit-box-pack:justify;
		-ms-flex-pack:justify;
		justify-content:space-between;
		flex-wrap:wrap;
		padding:0 5px 15px;
	}
	.pagelink li{
		float:none;
		width:100%;
		display:inline-block;
		margin:7px 0px;
		}
		.pagelink li a{
			padding:8px 7px 6px 5px;
			font-size:0.9rem;
			line-height:1.5;
	}
	/*w100sp*/
	.pagelink.w100psp li{
		float:none;
		width:100%;
		display:inline-block;
		margin:7px 0px;
		}
		.pagelink.w100psp li:nth-child(3n+2):last-child{
			margin:7px 0 7px 0px;
	}
}

/*---------------------
  contact_area
---------------------*/
#contact_area{
	clear:both;
	position:relative;
	width:820px;
	margin:40px auto 20px;
	padding:0px;
	}
	#contact_area h2{
		position:absolute;
		top:0px;
		left:0px;
		width:189px;
		height:39px;
		text-indent:-9999px;
		background:url(../../img/base/contact.png) no-repeat 0px 0px;
	}
	/*line*/
	#contact_area address,
	#contact_area address p,
	#contact_area #ft_shinryou,
	#contact_area #ft_kyushin,
	#contact_area #ft_menkai{
		position:relative;
		min-height:50px;
		border-bottom:1px dotted rgba(0,97,177,0.5);
		text-align:left;
		}
		.color-black #contact_area address,
		.color-black #contact_area address p,
		.color-black #contact_area #ft_shinryou,
		.color-black #contact_area #ft_kyushin,
		.color-black #contact_area #ft_menkai{
			border-bottom:1px dotted rgba(255,255,255,0.5);
	}
	#contact_area address{
		padding:0 0 0 195px;
		background:url(../../img/base/contact_title.png) no-repeat 205px 5px;
	}
	#contact_area address p{
		min-height:38px;
		padding:5px 0 0 285px;
		font-size:0.845rem;
	}
	#contact_area address #ft_tel,
	#contact_area address #ft_fax{
		display:inline-block;
		width:auto;
		height:50px;
		margin:0 15px 0 9px;
		padding:17px 0 0 65px;
		font-weight:bold;
		font-size:1.18rem;
		line-height:1;
		border-bottom:none;
		color:#00A0E2;
		}
		.color-black #contact_area address #ft_tel,
		.color-black #contact_area address #ft_fax{
			color:#FFF;
		}
		#contact_area #ft_tel{
			background:url(../../img/base/contact_tel.png) no-repeat 0px 12px;
		}
		#contact_area #ft_fax{
			background:url(../../img/base/contact_fax.png) no-repeat 0px 12px;
		}
		#contact_area #ft_tel span,
		#contact_area #ft_fax span{
			display:none;
	}
	/* ft_shinryou */
	#contact_area #ft_shinryou{
			padding:7px 0 15px 195px;
		}
		#contact_area #ft_shinryou ul{
			position:relative;
			padding:0px !important;
			list-style:none;
		}
		#contact_area #ft_shinryou ul li span{
			display:inline-block;
			width:85px;
			font-weight:normal;
			font-size:0.85rem;
			text-align:justify;
			text-align-last:justify;
			color:#000;
			}
			.color-black #contact_area #ft_shinryou ul li span{
				color:#FFF;
		}
		#contact_area #ft_shinryou ul:nth-child(1) li{
			display:inline-block;
			position:relative;
			width:100%;
			margin:0 0 10px;
			font-weight:bold;
			font-size:1.4rem;
			line-height:1.35;
			color:#00A0E2;
			}
			#contact_area #ft_shinryou ul:nth-child(1) li p{
				display:inline-block;
				margin-left:10px;
				font-weight:normal;
				font-size:0.84rem;
				color:#000;
			}
			.color-black #contact_area #ft_shinryou ul:nth-child(1) li p{
				color:#FFF;
		}
		.fts_pc{display:inline-block;}
		.fts_sp{display:none;}
		#contact_area #ft_shinryou ul li:nth-child(2) .fts_pc{
			display:block;
			width:100%;
			margin:12px 0 5px;
			padding:5px 0 4px;
			font-size:0.78rem;
			text-align:center;
			background:#00A0E2;
			color:#FFF;
		}
		#contact_area #ft_shinryou ul:nth-child(2){
			position:relative;
			width:610px;
			height:39px;
			margin-left:10px;
			list-style:none;
		}
		#contact_area #ft_shinryou ul:nth-child(2) li{
			display:inline-block;
			position:relative;
			margin-right:10px;
			border:1px solid #00A0E2;
			border-radius:6px;
			-webkit-border-radius:6px;
			-moz-border-radius:6px;
			box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
			-moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
			-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
			}
			.color-black #contact_area #ft_shinryou ul:nth-child(2) li{
				border:1px solid rgba(255,255,255,0.5);
				background:rgba(0,160,226,0.2);
			}
			#contact_area #ft_shinryou ul:nth-child(2) li a{
				display:block;
				padding:7px 20px 6px;
				font-weight:normal;
				font-size:0.87rem;
				border-radius:6px;
				-webkit-border-radius:6px;
				-moz-border-radius:6px;
				color:#00A0E2;
				text-align:center;
				text-decoration:none;
			}
			.color-black #contact_area #ft_shinryou ul:nth-child(2) li a{
				color:#FFF;
			}
			#contact_area #ft_shinryou ul:nth-child(2) li a:hover{
				background:rgba(0,160,226,0.2);
			}
			.color-black #contact_area #ft_shinryou ul:nth-child(2) li a:hover{
				background:rgba(0,160,226,0.5);
			}
	#contact_area #ft_kyushin,
	#contact_area #ft_menkai{
		position:relative;
		min-height:45px;
		padding:15px 0 10px 280px;/*195+85*/
		line-height:40px;
		font-weight:bold;
		font-size:1.00rem;
		color:#00A0E2;
		line-height:1.35;
		}
		#contact_area #ft_kyushin span,
		#contact_area #ft_menkai span{
			display:inline-block;
			position:absolute;
			top:15px;
			left:195px;
			width:85px;
			font-weight:normal;
			font-size:0.84rem;
			text-align:justify;
			text-align-last:justify;
			color:#000;
		}
		#contact_area #ft_menkai span:nth-child(2){
			position:relative;
			top:0px;
			left:0px;
			width:auto;
			font-weight:bold;
			font-size:1.0rem;
			text-align:left;
			text-align-last:left;
			color:#00A0E2;
		}
		.color-black #contact_area #ft_kyushin span,
		.color-black #contact_area #ft_menkai span{
			color:#FFF;
}

/* --- responsive --- */
@media only screen and (max-width:767px){
	#contact_area{
		width:100%;
		margin:0px auto 0px;
		padding:10px 20px;
		background:rgba(56,132,65,0.1);
		border-top:5px solid rgba(56,132,65,1);
		}
		#contact_area h2,
		#contact_area address,
		#ft_shinryou ul:nth-child(2){
			display:none;
		}
		/* ft_shinryou */
		#contact_area #ft_shinryou{
			min-height:0px;
			padding:0px;
			font-weight:bold;
			font-size:1.0rem;
			border-bottom:none;
			}
			#contact_area #ft_shinryou ul{
				position:relative;
				padding:0px !important;
				list-style:none;
			}
			#contact_area #ft_shinryou ul:nth-child(1) li{
				display:block;
				position:relative;
				padding:3px 0;
				margin:0px;
				font-weight:bold;
				font-size:1.0rem;
				line-height:1.35;
				color:#000;
				border-bottom:1px dotted rgba(56,132,65,0.7);
				}
				.color-black #contact_area #ft_shinryou ul:nth-child(1) li{
					color:#FFF;
					border-bottom:1px dotted rgba(255,255,255,0.7);
				}
				#contact_area #ft_shinryou ul:nth-child(1) li span{
					width:75px;
					font-weight:bold;
					font-size:0.85rem;
					color:rgba(56,132,65,1);
				}
				.color-black #contact_area #ft_shinryou ul:nth-child(1) li span{
					color:#FFF;
				}
				#contact_area #ft_shinryou ul:nth-child(1) li .fts_sp{
					font-weight:bold;
					font-size:1.0rem;
				}
				#contact_area #ft_shinryou ul:nth-child(1) li p{
					display:block;
					margin:0px !important;
					padding-left:75px;
					font-weight:normal;
					font-size:0.75rem;
			}
			.fts_pc{display:none !important;}
			.fts_sp{display:inline-block !important;}
		#contact_area #ft_kyushin,
		#contact_area #ft_menkai{
			position:relative;
			min-height:0px;
			padding:3px 0 3px 77px !important;
			min-height:0px;
			font-size:0.85rem;
			line-height:1.5;
			color:#000;
			}
			#contact_area #ft_menkai{
				border-bottom:none !important;
			}
			#contact_area #ft_kyushin span,
			#contact_area #ft_menkai span{
				width:75px;
				font-weight:bold;
				font-size:0.85rem;
				color:rgba(56,132,65,1);
				top:0px;
				left:0px;
			}
			.color-black #contact_area #ft_kyushin,
			.color-black #contact_area #ft_menkai{
				color:#FFF;
			}
			#contact_area #ft_kyushin{
				font-size:0.85rem;
				border-bottom:1px dotted rgba(56,132,65,0.7);
			}
			#contact_area #ft_kyushin span,
			#contact_area #ft_menkai span{
			}
			#contact_area #ft_menkai span:nth-child(2){
				font-size:0.8rem;
				color:#000;
	}
	/* 開閉 */
	#contact_area.active{
		height:170px;
		padding:5px 20px;
		}
		#contact_area.active:after{
			top:-14px;
			transform:rotate(-135deg);
		}
}
/*---------------------
  hidden_area
---------------------*/

#hidden_area{
	display:none;
}

/*---------------------
  responsive_link
---------------------*/

.responsive_link{
	display:none;
	position:relative;
	width:100%;
	margin:0 0 25px;
	padding:0 20px;
	text-align:center;
	z-index:150;
}
.responsive_link select{
	width: 100%;
	padding: 10px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #999;
	background: #eee;
	background:-webkit-linear-gradient(top, #fff 0%,#efebe1 100%);
	background:linear-gradient(to bottom, #fff 0%,#efebe1 100%);
	background-size: 20px, 100%;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	cursor: pointer;
}
.responsive_link select .rltitle {
	padding:0px !important;
	font-size:0.85rem;
	background:rgba(0,0,0,0.1) !important;
	line-height:1;
}
/* --- responsive --- */
@media only screen and (max-width:767px){
	.responsive_link{
		display:block;
	}
}

.responsive_link .side_navi_address{
	position:relative;
	width:100%;
	margin:10px 0 0 0;
	text-align:left;
}

/*---------------------
  footer
---------------------*/
footer{
	display:block;
	position:relative;
	width:100%;
	background: #C1C6C9;
	border-bottom:7px solid #0061B1;
	text-align:center;
}
footer:after {
    content:" ";
    display:block;
    clear:both;
}
.color-black footer{
	background: #333;
}
#footer{
	position:relative;
	width:1060px;
	margin:0 auto;
	padding:35px 0 25px 0;
	font-size:0.9em;
	color:#222222;
	text-align:left;
	}
	.color-black #footer{
		color:#FFF;
	}
	#footer div{
		float:left;
		display:block;
		width:230px;
		margin-right:40px;
		vertical-align:text-top;
	}
	#footer div:nth-child(1){
		width:240px;
	}
	#footer div:nth-child(2){
		width:245px;
	}
	#footer div:nth-child(3){
		width:225px;
	}
	#footer div:nth-child(4){
		width:225px;
		margin-right:0px;
	}
	#footer dl a{
		display:block;
		color:#222222;
	}
	.color-black #footer dl a{
		color:#FFF;
	}
	#footer dl{
		position:relative;
		margin-bottom:20px;
	}
	#footer dl dt{
		margin:0 0 5px 0;
		padding:3px 0 2px 15px;
		font-weight:bold;
		background:rgba(255,255,255,0.3);
		border-left:5px solid rgba(255,255,255,0.3);
	}
	#footer dl:hover dt{
		background:rgba(255,255,255,0.7);
	}
	#footer dl dt a{
		color:#555555;
		text-decoration:none;
		font-weight:bold;
		font-size:0.92rem;
	}
	.color-black #footer #footer dl dt a{
		color:#FFF;
	}
	/* dd */
	#footer dl dd{
		position:relative;
		z-index: 10;
	}
	#footer dl dd:before{
		display: block;
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 0px;
		height:100%;
		background:rgba(255,255,255,0.4);
		transition: .3s;
		z-index: -1;
	}
	.color-black #footer dl dd:before{
		background:rgba(255,255,255,0.1);
	}
	#footer dl dd:hover:before {
		width:100%;
		}
		#footer dl dd a{
			display: block;
			position:relative;
			padding:2px 0 1px 20px;
			font-size:0.84rem;
			text-decoration:none;
		}
		#footer dl dd a:before {
			content:"";
			display:block;
			position: absolute;
			top:13px;
			left:7px;
			width: 0;
			height: 0;
			margin-top:-5px;
			border:5px solid transparent;
			border-left:5px solid #888888;
		}
		#footer dl dd a:hover:before {
	}
	/* dd ul */
	#footer dl dd ul{
		list-style:disc !important;
		padding-left:40px;
	}
	#footer dl dd ul li{
		line-height:1.35;
	}
	#footer dl dd ul li a{
		display: block;
		position:relative;
		padding:2px 0 1px 0px;
		font-size:0.75rem;
		text-decoration:none;
		}
		#footer dl dd ul li a:before {
		display:none;
	}
	#footer dl dd ul li a:hover{
		text-decoration:underline;
}

#footer #ex_banner{
	clear:both;
	position:relative;
	width:100%;
	}
	#footer #ex_banner img{
		position:absolute;
		top:-120px;
		right:10px;
}

#footer ul#foot_menu{
	clear:both;
	text-align:right;
	list-style:none;
	}
	#footer ul#foot_menu li{
		display:inline-block;
		}
		#footer ul#foot_menu li#fm_sitemap{
			display:none;
	}
	#footer ul#foot_menu li:first-child::before{
		content:"|";
		display:inline-block;
		position:relative;
		top:-1px;
		padding:0 10px;
		color:#888888;
	}
	#footer ul#foot_menu li::after{
		content:"|";
		display:inline-block;
		position:relative;
		top:-1px;
		padding:0 10px;
		color:#888888;
	}
	#footer ul#foot_menu li a{
		font-size:0.84rem;
		color:#222222;
	}
	.color-black #footer ul#foot_menu li a{
		color:#FFF;
}
#footer p#copyright{
	clear:both;
	font-size:0.84rem;
	text-align:right;
}
#footer p#unauthorized{
	clear:both;
	font-size:0.84rem;
	text-align:right;
}
/* --- responsive --- */
@media only screen and (max-width:767px){
	footer{
		background:none;
		text-align:center;
		border-top:7px solid #0061B1;
		border-bottom:7px solid #0061B1;
	}
	footer:after {
	    display:none;
		border:1px solid red;
	}
	#footer{
		position:relative;
		width:100%;
		padding:15px 0 10px 0;
		text-align:center;
	}
	#footer div{
		display:none;
	}
	#footer ul#foot_menu{
		width:100%;
		padding:0 10px 10px;
		clear:both;
		text-align:center;
		list-style:none;
		}
		#footer ul#foot_menu li{
			display:inline-block;
			margin:0 2px 10px;
			text-align:center;
			}
			#footer ul#foot_menu li#fm_sitemap{
				display:inline-block;
		}
		#footer ul#foot_menu li:before,
		#footer ul#foot_menu li:after{
			display:none !important;
		}
		#footer ul#foot_menu li a{
			display: block;
			padding:5px;
			font-size:0.7rem;
			color:#222222;
			background:#FFF;
			-moz-border-radius:6px;
			-webkit-border-radius:6px;
			border-radius:6px;
			-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.4);
			-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.4);
			box-shadow: 0px 0px 5px rgba(0,0,0,0.4);
	}
	.color-black #footer ul#foot_menu li a{
		background:#000;
		color:#FFF;
	}
	#footer p#copyright{
		padding:7px 7px 5px;
		font-size:0.7rem;
		text-align:center;
	}
	#footer p#unauthorized{
		padding:0px 7px 7px;
		font-size:0.7rem;
		text-align:center;
	}
}

/* -----------------------------------------------------------------
   table_scroll
----------------------------------------------------------------- */
/* --- responsive --- */
@media only screen and (max-width:767px){
	.table_scroll,
	.table_scroll_small,
	.table_scroll_big,
	.table_scroll_wide,
	.table_scroll_large{
		overflow:auto;
		position:relative;
		margin-bottom:20px;
		padding-bottom:5px;
		background:url(../../img/base/scroll_point.png) no-repeat right calc(100% - 15px);
	}
	.table_scroll table,
	.table_scroll_small table,
	.table_scroll_big table,
	.table_scroll_wide table,
	.table_scroll_large table{
		margin-bottom:25px;
	}
	.table_scroll::-webkit-scrollbar,
	.table_scroll_small::-webkit-scrollbar,
	.table_scroll_big::-webkit-scrollbar,
	.table_scroll_wide::-webkit-scrollbar,
	.table_scroll_large::-webkit-scrollbar{
		height:10px;
	}
	.table_scroll::-webkit-scrollbar-track,
	.table_scroll_small::-webkit-scrollbar-track,
	.table_scroll_big::-webkit-scrollbar-track,
	.table_scroll_wide::-webkit-scrollbar-track,
	.table_scroll_large::-webkit-scrollbar-track{
		background: #555;
		-moz-border-radius:6px;
		-webkit-border-radius:6px;
		border-radius:6px;
	}
	.table_scroll::-webkit-scrollbar-thumb,
	.table_scroll_small::-webkit-scrollbar-thumb,
	.table_scroll_big::-webkit-scrollbar-thumb,
	.table_scroll_wide::-webkit-scrollbar-thumb,
	.table_scroll_large::-webkit-scrollbar-thumb{
		background: #BCBCBC;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		border-radius:5px;
	}

	.table_scroll table{
		width: 200% !important;
		max-width:200% !important;
	}
	.table_scroll_small table{
		width: 150% !important;
		max-width:150% !important;
	}
	.table_scroll_big table{
		width: 225% !important;
		max-width:225% !important;
	}
	.table_scroll_wide table{
		width: 250% !important;
		max-width:250% !important;
	}
	.table_scroll_large table{
		width: 300% !important;
		max-width:300% !important;
	}
}

/* -----------------------------------------------------------------
  all_scroll
----------------------------------------------------------------- */
/* --- responsive --- */
@media only screen and (max-width:767px){
.all_scroll{
	overflow:auto;
	position:relative;
	margin-bottom:0px;
	padding-bottom:25px;
	background:url(../../img/base/scroll_point.png) no-repeat right calc(100% - 15px);
	}
	.all_scroll > div{
		width: 200% !important;
		max-width:200% !important;
	}
	.all_scroll::-webkit-scrollbar{
		height:10px;
	}
	.all_scroll::-webkit-scrollbar-track{
		background: #555;
		-moz-border-radius:6px;
		-webkit-border-radius:6px;
		border-radius:6px;
	}
	.all_scroll::-webkit-scrollbar-thumb {
		background: #BCBCBC;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		border-radius:5px;
	}
}