/* ******************************************************************
 *	File name		: page.css
 *	Summary			: page layout
 * ******************************************************************
 */

/*
茶 背景 #F9F2E6　rgba(249,242,230,0.5)
茶 濃い #5D3800　rgba(93,56,0,0.5)
*/

/* -----------------------------------------------------------------
   base
----------------------------------------------------------------- */

.bdcs_info #nav_info a,
.bdcs_groupe #nav_groupe a,
.bdcs_groupe_second #nav_groupe a,
.bdcs_access #nav_access a,
.bdcs_contact #nav_contact a
{
	text-decoration:none;
	background:rgba(107,181,26,0.2);
}


/* -----------------------------------------------------------------
   news
----------------------------------------------------------------- */

/* --- responsive --- */
@media(max-width:480px){
}

/* -----------------------------------------------------------------
   info
----------------------------------------------------------------- */

/* idea */
#idea{
	top:-20px;
	margin-bottom:0px;
	background:url(../../image/info/info_bg_r.jpg) repeat right 0 #092D9B;
	}
	#idea:before{
		content:" ";
		display:block;
		position:absolute;
		top:0px;
		right:50%;
		width:100%;
		height:100%;
		background:url(../../image/info/info_copy.jpg) no-repeat right 0;
		z-index:10;
	}
	#idea:after{
		content:" ";
		display:block;
		position:absolute;
		top:0px;
		right:50%;
		width:100%;
		height:100%;
		background:url(../../image/info/info_bg_l.jpg) repeat right 0 #74C5FA;
		z-index:9;
}
#idea .contents{
	position:relative;
	height:350px;
	}
	#idea #idea_detail{
		padding:25px 0 0 50%;
	}
	#idea #idea_detail h3{
		display:none;
	}
	#idea #idea_detail p{
		font-size:0.9rem;
		color:#FFF;
	}
	#idea #idea_detail ul{
		list-style:none;
		margin-bottom:10px;
		padding:10px 10px 5px 18px;
		font-size:0.85rem;
		background:rgba(255,255,255,0.9);
		-moz-border-radius:6px;
		-webkit-border-radius:6px;
		border-radius:6px;
	}
	#idea #idea_detail ul li{
		position:relative;
		padding:0 0 0 17px;
		margin-bottom:5px;
	}
	#idea #idea_detail ul li:after{
		content:" ";
		position:absolute;
		top:7px;
		left:0px;
		width:8px;
		height:8px;
		transform: rotate(-45deg);
		background:#657ABD;
}
/* --- responsive --- */
@media(max-width:1040px){
	#idea{
		background:none;
	}
	#idea:before,
	#idea:after{
		display:none;
	}
	#idea .contents{
		position:relative;
		height:auto;
	}
	#idea #idea_detail{
		padding:15px 0 0 0;
	}
	#idea #idea_detail p{
		color:#000;
	}
}
@media(max-width:767px){
	#idea:before{
		position:relative;
		right:0;
		width:100%;
		height:200px;
		background:url(../../image/info/info_bg.jpg) no-repeat right 0 #74C5FA;
		background-size:contain;
	}
}

/* greeting */
#greeting{
}
#greeting_photo{
	float:right;
	width:150px;
	height:auto;
	margin-bottom:50px;
	padding:0 0 20px 20px;
}
#greeting p{
	font-size:0.95em;
	width:calc(100% - 155px);
}
#head_name{
	clear:both;
	width:100% !important;
	text-align:right;
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif !important;
	font-size:1.7rem !important;
	line-height:1.55;
	}
	#head_name span{
		text-align:right;
		font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif !important;
		font-size:0.9rem !important;
}
/* --- responsive --- */
@media(max-width:960px){
	#greeting_photo{
		margin:0 auto 10px;
		padding:0 0 0px 20px;
	}
}
@media(max-width:767px){
	#greeting_photo{
		float:none;
		margin:0 auto 10px;
		padding:0px;
	}
	#greeting p{
		width:calc(100%);
	}
}

/* history */
#history .contents{
	text-align:center;
}
#history .contents p{
	font-weight:bold;
	font-size:1.1rem;
}
#history table{
	min-width:640px;
	margin:0 auto;
	border-collapse:collapse;
	border-spacing:0px;
	border-top:2px solid rgba(93,56,0,0.2);
	border-left:2px solid rgba(93,56,0,0.2);
	line-height:2;
	}
	#history .contents table th,
	#history .contents table td{
		text-align:left;
		font-size:0.9em;
		border-right:none;
		border-bottom:2px solid rgba(93,56,0,0.2);
		border-right:2px solid rgba(93,56,0,0.2);
		background:none !important;
	}
	#history .contents table th{
		width:130px;
		padding:5px 20px 3px 20px;
		text-align:center;
	}
	#history .contents table td{
		padding:7px 20px 5px 20px;
}
/* --- responsive --- */
@media(max-width:640px){
	#history table{
		width:100%;
		min-width:0px;
		margin:0 auto;
	}
	#history .contents table th,
	#history .contents table td{
		font-size:0.8em;
	}
}

/* -----------------------------------------------------------------
   groupe
----------------------------------------------------------------- */

.groupe_list{
	position:relative;
	margin-bottom:20px;
	list-style:none;
}
.groupe_list li{
	position:relative;
	min-height:220px;
	margin-bottom:20px;
	padding:10px 10px 10px 320px;
	background:rgba(255,255,255,0.5);
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
}
.groupe_list li:hover{
	background:rgba(93,56,0,0.15);
}
.groupe_list li .photo_image{
	position:absolute;
	top:10px;
	left:10px;
	width:300px;
	height:200px;
}
/* groupe_outline */
.groupe_list li .groupe_outline{
	position:relative;
	padding-left:130px;
	}
	.groupe_list li .logo_image{
		position:absolute;
		top:0px;
		left:0px;
		width:120px;
		height:101px;
		padding:5px;
		background:rgba(255,255,255,1);
		border:1px solid #EEE;
	}
	.groupe_list li .logo_image img{
		width:100%;
		height:auto;
}
.groupe_list li h4{
	margin-bottom:5px;
	padding:5px 0 0;
	font-family: 'Kosugi Maru', sans-serif;
	font-size:1.25rem;
	}
	.groupe_list li h4 *{
		font-weight:bold;
		font-family: 'Kosugi Maru', sans-serif;
	}
	.groupe_list li h4 span.dept{
		display:inline-block;
		position:relative;
		top:-2px;
		padding:3px 10px;
		font-size:0.9rem;
		background:rgba(0,0,0,0.1);
		-moz-border-radius:6px;
		-webkit-border-radius:6px;
		border-radius:6px;
		margin-bottom:10px;
	}
	.groupe_list li h4 span.cate{
		display:inline-block;
		position:relative;
		top:-2px;
		margin:0 0 0 12px;
		padding:3px 10px;
		font-size:0.9rem;
		background:rgba(255,102,0,0.3);
		-moz-border-radius:6px;
		-webkit-border-radius:6px;
		border-radius:6px;
}

/* dl */
.groupe_list li dl{
	display:inline-block;
	position:relative;
	margin-bottom:0px;
	padding:6px 20px;
	font-size:0.9rem;
	border:1px dotted rgba(93,56,0,0.5);
	background:rgba(255,255,255,0.5);
	}
	.groupe_list li dt{
		position:absolute;
		left:20px;
	}
	.groupe_list li dd{
		position:relative;
		padding:0 0 0 80px;
}

/* detail */
.groupe_list li p.detail_link{
	display:block;
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	text-align:right;
	z-index:50;
	}
	.groupe_list li p.detail_link a{
		display:block;
		width:100%;
		height:100%;
	}
	.groupe_list li p.detail_link a span{
		display:inline-block;
		position:absolute;
		bottom:5px;
		right:10px;
		min-height:20px;
		padding:0 0 0 25px;
		text-decoration:underline;
		background:url(../../image/base/arrow.png) no-repeat 0 0;
}
.groupe_list li.dl_relative{
	padding:10px 10px 40px 320px;
}

/* ex */
.groupe_list li.nolink{
	min-height:72px;
}
.groupe_list li.nolink:hover{
	background:rgba(255,255,255,0.5);
}
.groupe_list li.nologo .groupe_outline{
	padding-left:7px;
	}
	.groupe_list li.nologo .logo_image{
		display:none;
}

/* --- responsive --- */
@media(max-width:1040px){
	.groupe_list li{
		padding:10px 10px 40px 320px;
	}
}
@media(max-width:767px){
	.groupe_list li,
	.groupe_list li.dl_relative{
		padding:10px 10px 10px 10px;
	}
	.groupe_list li .photo_image{
		position:relative;
		top:0px;
		left:0px;
		width:100%;
		height:auto;
		margin-bottom:10px;
	}
	.groupe_list li p.detail_link{
		display:block;
		position:relative;
		}
		.groupe_list li p.detail_link a span{
			position:relative;
			bottom:0px;
			right:0px;
			margin-top:10px;
	}
}
@media(max-width:500px){
	.groupe_list li .groupe_outline{
		padding-left:7px;
		}
		.groupe_list li .logo_image{
			display:none;
	}
	.groupe_list li h4 span.dept,
	.groupe_list li h4 span.cate{
		display:inline-block;
		position:relative;
		top:0px;
		padding:0px;
		background:none;
		margin-bottom:5px;
	}
	.groupe_list li .groupe_outline p br{
		display:none;
	}
}

/* -----------------------------------------------------------------
   groupe_second
----------------------------------------------------------------- */

.bdcs_groupe_second #second_content{
	display: flex;
	position:relative;
	width:1040px;
	max-width:100%;
	margin:0 auto;
	padding:5px 20px 0px;
	text-align:left;
	overflow: hidden;
	}
	.bdcs_groupe_second #second_content:after{
		content:" ";
		display:block;
		clear:both;
	}
	.bdcs_groupe_second #second_content #main_content{
		float:left;
		width:-webkit-calc(100% - 310px);
		width:calc(100% - 310px);
	}
	.bdcs_groupe_second #second_content #side_nav{
		float:right;
		width:310px;
}
/* --- responsive --- */
@media(max-width:767px){
	.bdcs_groupe_second #second_content #main_content{
		float:none;
		width:100%;
	}
	.bdcs_groupe_second #second_content #side_nav{
		display:none;
	}
}

/* side_nav */
.bdcs_groupe_second #second_content #side_nav ul{
	list-style:none;
	width:280px;
	margin-left:30px;
	}
	.bdcs_groupe_second #second_content #side_nav ul li{
		position:relative;
		min-height:64px;
		margin-bottom:7px;
		/*border-bottom:2px dotted rgba(93,56,0,0.7);*/
		border:2px solid rgba(93,56,0,0);
		background:rgba(255,255,255,0.7);
		-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);
		-moz-border-radius:6px;
		-webkit-border-radius:6px;
		border-radius:6px;
	}
	.bdcs_groupe_second #second_content #side_nav ul li.active,
	.bdcs_groupe_second #second_content #side_nav ul li:hover{
		border:2px solid rgba(93,56,0,0.7);
		background:rgba(255,255,255,1);
	}
	.bdcs_groupe_second #second_content #side_nav ul li.active:after{
		content:" ";
		position:absolute;
		top:50%;
		left:-32px;
		margin-top:-16px;
		border:16px solid transparent;
		border-right:16px solid rgba(93,56,0,1);
	}
	.bdcs_groupe_second #second_content #side_nav ul li a{
		display:block;
		padding:5px 7px 5px 72px;
		font-size:0.8rem;
		font-weight:bold;
		text-decoration:none;
		color:#000;
	}
	.bdcs_groupe_second #second_content #side_nav ul li .cate{
		display:block;
		padding:0 7px;
		font-size:0.7rem;
		background:rgba(255,102,0,0.1);
	}
	.bdcs_groupe_second #second_content #side_nav ul li img{
		position:absolute;
		top:5px;
		left:5px;
		width:59px;
		height:auto;
}

/* main_content *//* 700px */
.bdcs_groupe_second #main_content .contents{
	position:relative;
	width:100%;
	max-width:100%;
	margin:0 auto;
	padding:0px;
	}
	.bdcs_groupe_second #main_content h3{
		position:relative;
		left:0px;
		display:block;
		width:100%;
		min-width:0;
		margin-bottom:12px;
		padding:14px 0px 0px 0px;
	}
	/* --- responsive --- */
	@media(max-width:767px){
		.bdcs_groupe_second #main_content h3{
			font-size:1.0rem;
			padding:10px 20px;
		}
	}
	.bdcs_groupe_second #main_content h4{
		position:relative;
		width:100%;
		margin-bottom:10px;
		padding-bottom:3px;
		font-family: 'Kosugi Maru', sans-serif;
		font-weight:bold;
		font-size:1.1rem;
		border-bottom:2px solid rgba(93,56,0,0.5);
		color:rgba(93,56,0,1);
}
.bdcs_groupe_second #slideshow{
	position:relative;
	width:100%;
	margin-bottom:15px;
	overflow:hidden;
}
.bdcs_groupe_second dl.work_time{
	display:inline-block;
	position:relative;
	width:100%;
	margin-bottom:0px;
	padding:10px 20px;
	font-size:0.9rem;
	border:1px dotted rgba(93,56,0,0.5);
	background:rgba(255,255,255,0.5);
	}
	.bdcs_groupe_second dl.work_time dt{
		position:absolute;
		left:20px;
	}
	.bdcs_groupe_second dl.work_time dd{
		position:relative;
		padding:0 0 0 80px;
}

.bdcs_groupe_second #leaflet{
	width:100%;
	margin:0 0 15px;
	padding:5px;
	background: repeating-linear-gradient(-45deg, rgba(236,218,193,0.1), rgba(236,218,193,0.1) 20px, #fff 20px, #fff 40px);
	border:1px solid rgba(236,218,193,1);
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	}
	.bdcs_groupe_second #leaflet a{
		display:-webkit-flex;
		display:flex;
		justify-content:center;
		align-items:center;
		width:100%;
		padding:10px;
		font-family: 'Kosugi Maru', sans-serif;
		background:rgba(255,255,255,0.65);
		border:1px solid #CCC;
		text-decoration:none;
		-moz-border-radius:6px;
		-webkit-border-radius:6px;
		border-radius:6px;
		color:#000;
		transition-duration:0.5s;
	}
	.bdcs_groupe_second #leaflet a:hover{
		background:rgba(236,218,193,0.8);
	}
	.bdcs_groupe_second #leaflet a::before{
		content:" ";
		display:inline-block;
		position:relative;
		width:32px;
		height:32px;
		margin:0 7px 0 0;
		background:url(../../image/base/pdf.png) no-repeat 0 0;
}

.bdcs_groupe_second #main_content #shisetsu_info{
	position:relative;
	width:100%;
	max-width:100%;
	margin:0 auto;
	padding:15px 15px 10px 15px;
	text-align:left;
	background:rgba(93,56,0,0.1);
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	}
	.bdcs_groupe_second #main_content #shisetsu_info:after{
		content:" ";
		display:block;
		clear:both;
	}
	.bdcs_groupe_second #main_content #shisetsu_info #logo{
		float:left;
		width:210px;
		margin:0 10px 10px 0;
		padding:10px;
		background:rgba(255,255,255,1);
	}
	.bdcs_groupe_second #main_content #shisetsu_info iframe{
		clear:both;
		width:100%;
		height:350px;
}

.bdcs_groupe_second #main_content .pickup_list{
	position:relative;
	width:100%;
	max-width:100%;
	margin:0 auto;
	padding:15px;
	text-align:left;
	background:rgba(93,56,0,0.1);
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	}
	.bdcs_groupe_second #main_content .pickup_list h4{
	}
	.bdcs_groupe_second #main_content .pickup_list p:last-child{
		margin-bottom:0px;
	}
	.bdcs_groupe_second #main_content .pickup_list ul{
		list-style:none;
		padding:0px;
		}
		.bdcs_groupe_second #main_content .pickup_list ul li{
			position:relative;
			padding:3px 5px 2px 25px;
			border-bottom:1px dotted rgba(93,56,0,0.5);
		}
		.bdcs_groupe_second #main_content .pickup_list ul li:before{
			content:" ";
			position:absolute;
			top:10px;
			left:5px;
			width:10px;
			height:10px;
			background:rgba(93,56,0,0.5);
			-moz-border-radius:10px;
			-webkit-border-radius:10px;
			border-radius:10px;
}

.bdcs_groupe_second .youtube{
	width:100%;
	}
	.bdcs_groupe_second .youtube iframe{
		width:100%;
}


/* lr_box */
.bdcs_groupe_second .lr_box{
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	flex-wrap:wrap;
	width:100%;
	}
	.bdcs_groupe_second .lr_box .lr_left{
		width:calc(100% - 220px);
	}
	.bdcs_groupe_second .lr_box .lr_right{
		width:180px;
}
/* --- responsive --- */
@media(max-width:767px){
	.bdcs_groupe_second .lr_box .lr_left,
	.bdcs_groupe_second .lr_box .lr_right{
		width:100%;
	}
}


/* -----------------------------------------------------------------
   access
----------------------------------------------------------------- */

#bdid_access main{
}

#bdid_access #contact_contents{
	position:relative;
	width:720px;
	max-width:100%;
	margin:0 auto;
	padding:25px 0px 15px;
	z-index:10;
	}
	#bdid_access #contact_contents h4{
		text-align:center;
	}
	#bdid_access #contact_contents h4{
		position:relative;
	}
	#bdid_access #contact_contents h4 img{
		position:absolute;
		top:0px;
		left:30px;
		margin-bottom:20px;
	}
	#bdid_access #contact_contents p{
		position:relative;
		margin-bottom:15px;
		padding-left:400px;
		font-size:0.9rem;
		text-align:left;
	}
	#bdid_access #contact_contents strong{
		display:inline-block;
		position:relative;
		margin-bottom:7px;
		padding:5px 15px;
		color:#FFF;
		background:rgba(93,56,0,0.5);
		-moz-border-radius:6px;
		-webkit-border-radius:6px;
		border-radius:6px;
}
#bdid_access #access_office{
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom:30px;
}
#bdid_access #access_office #access_office_detail{
	width:45%;
	text-align:left;
}
#bdid_access #access_office iframe{
	position:relative;
	top:0px;
	width:50%;
	height:400px;
	margin-bottom:0 !important;
	-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);
}

#bdid_access #mymap{
}
#bdid_access #mymap iframe{
	position:relative;
	width:100%;
	height:600px;
	margin-bottom:0 !important;
	-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);
}
/* --- responsive --- */
@media(max-width:767px){
	#bdid_access #contact_contents{
		position:relative;
		width:720px;
		max-width:100%;
		margin:0 auto;
		padding:25px 0px 15px;
		z-index:10;
	}
	#bdid_access #contact_contents h4 img{
		position:relative;
		left:0px;
	}
	#bdid_access #contact_contents p{
		padding-left:0px;
		text-align:center;
	}
	#bdid_access #access_office{
		display:block;
	}
	#bdid_access #access_office #access_office_detail{
		width:100%;
	}
	#bdid_access #access_office iframe{
		width:100%;
		height:400px;
	}
}

/* -----------------------------------------------------------------
   privacy
----------------------------------------------------------------- */

#bdid_privacy .contents p{
	font-size:0.8rem;
}
#bdid_privacy .contents > ul{
	list-style:none;
}
#bdid_privacy .contents > ul > li{
	position:relative;
	margin:0 0 20px;
	padding:0 20px 0 20px;
	font-size:0.8rem;
	border-bottom:1px dashed rgba(93,56,0,1);
}
#bdid_privacy .contents > ul > li h4{
	position:relative;
	margin-left:-20px;
	font-size:1rem;
	font-weight:bold;
	color:rgba(93,56,0,1);
}