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



/* -----------------------------------------------------------------
  product
----------------------------------------------------------------- */

/* product_benefit */
#bdid_product .product_benefit{
	position:relative;
	z-index:0;
	margin-bottom:80px;
	padding:32px 0;
	background:var(--color-bg);
	}
	#bdid_product .product_benefit::after{
		content:"";
		display:block;
		position:absolute;
		bottom:-25px;
		left:calc(50% - 25px);
		right:calc(50% - 25px);
		z-index:-1;
		width:50px;
		height:50px;
		background:var(--color-bg);
		transform:rotate(45deg);
	}
	#bdid_product .product_benefit .product_benefit_box_title::after{
		background:var(--color-primary);
}
/* --- responsive --- */
@media only screen and (max-width:767px){
	#bdid_product .product_benefit{
		margin-bottom:40px;
	}
}

/* product_list */
#bdid_product .product_list_item{
	display:flex;
	flex-direction:column;
	align-items:center;
}
#bdid_product .product_list_item h4{
	position:relative;
	width:100%;
	margin-bottom:20px;
	padding:8px 0 16px 24px;
	border-bottom:2px solid var(--color-gray-d);
	color:var(--color-main);
	font-size:2rem;
	font-weight:bold;
	line-height:1.4;
	}
	#bdid_product .product_list_item h4::before{
		content:"";
		display:block;
		position:absolute;
		top:0;
		left:0;
		width:16px;
		height:90%;
		background:var(--color-primary);
}
#bdid_product .product_list_item{
	margin-bottom:40px;
	}
	#bdid_product .product_list_item_image{
		width:100%;
		max-width:600px;
		margin-bottom:20px;
}

#bdid_product .product_list_item_desc{
		display:flex;
		justify-content:space-between;
		width:100%;
	}
	#bdid_product .product_list_item_desc>div{
		display:flex;
		flex-direction:column;
		align-items:center;
		width:calc(50% - 20px);
	}
	#bdid_product .product_list_item_desc img{
		max-width:320px;
		margin-bottom:5px;
	}
	#bdid_product .product_list_item_desc h5{
		margin-bottom:5px;
		padding:2px 0;
		border-bottom:1px solid var(--color-gray-d);
		color:var(--color-gray-d);
		font-size:1.125rem;
		font-weight:bold;
	}
	#bdid_product .product_list_item_desc>div>div{
		clear:both;
		width:100%;
	}
	#bdid_product .product_list_item_desc_feature{
			margin-bottom:5px;
		}
		#bdid_product .product_list_item_desc_feature ul{
			padding:12px 10px 12px 16px;
			background:var(--color-main);
			color:#FFF;
		}
		#bdid_product .product_list_item_desc_feature ul li{
			margin-left:16px;
			margin-bottom:5px;
			list-style:disc;
			line-height:1.4;
		}
		#bdid_product .product_list_item_desc_feature ul li:last-child{
			margin-bottom:0;
	}
	#bdid_product .product_list_item_desc_use{
			margin-bottom:5px;
		}
		#bdid_product .product_list_item_desc_use p{
			float:left;
			margin-right:4px;
			margin-bottom:4px;
			padding:4px 10px;
			border-radius:20px;
			background:var(--color-gray-l);
			font-size:0.875rem;
			line-height:1;
	}
	#bdid_product .product_list_item_desc_spec table{
			width:100%;
			font-size:0.875rem;
			border-collapse: collapse;
		}
		#bdid_product .product_list_item_desc_spec th{
			width:100px;
			padding:4px 8px;
			border:1px solid var(--color-gray-d);
			background:var(--color-gray-l);
		}
		#bdid_product .product_list_item_desc_spec td{
			width:calc(100% - 100px);
			padding:4px 8px;
			border:1px solid var(--color-gray-d);
}
/* --- responsive --- */
@media only screen and (max-width:767px){
	#bdid_product .product_list_item h4{
		margin-bottom:10px;
		padding:4px 0 10px 20px;
		font-size:1.5rem;
		}
		#bdid_product .product_list_item h4::before{
			width:12px;
	}
	#bdid_product .product_list_item{
		margin-bottom:10px;
		}
		#bdid_product .product_list_item_image{
			margin-bottom:10px;
	}

	#bdid_product .product_list_item_desc{
			flex-direction:column;
		}
		#bdid_product .product_list_item_desc>div{
			width:100%;
		}
	#bdid_product .product_list_item_desc img{
		width:85%;
	}
		#bdid_product .product_list_item_desc_feature ul{
			padding:8px 4px 8px 8px;
		}
		#bdid_product .product_list_item_desc_use p{
			font-size:0.75rem;
		}
		#bdid_product .product_list_item_desc_spec table{
			font-size:0.75rem;
		}
		#bdid_product .product_list_item_desc_spec th{
			width:80px;
			padding:2px 8px;
		}
		#bdid_product .product_list_item_desc_spec td{
			width:calc(100% - 80px);
			padding:2px 8px;
	}
}

/* product_faq */
#bdid_product .product_faq{
	margin-bottom:24px;
	padding:60px 0 32px;
	background:var(--color-bg);
	}
	#bdid_product .product_faq dl{
		position:relative;
		margin-bottom:10px;
		padding:14px 60px 14px 10px;
		background:#FFF;
	}
	#bdid_product .product_faq dl::before {
		position:absolute;
		top:24px;
		right:24px;
		display:block;
		width:16px;
		height:16px;
		margin:auto;
		content:'';
		transform:rotate(135deg);
		border-top:4px solid var(--color-main);
		border-right:4px solid var(--color-main);
		transition:0.5s;
	}
	#bdid_product .product_faq .open::before {
		transform: rotate(-45deg);
	}
	#bdid_product .product_faq dl dt{
		position:relative;
		margin-bottom:10px;
		margin-left:40px;
		color:var(--color-main);
		font-size:1.125rem;
		font-weight:bold;
	}
	#bdid_product .product_faq dl dt::before{
		content:"Q";
		position:absolute;
		left:-40px;
		width:32px;
		height:32px;
		margin-right:10px;
		border-radius:16px;
		background:var(--color-primary);
		font-size:1.4rem;
		line-height:28px;
		text-align:center;
	}
	#bdid_product .product_faq dl dd{
		position:relative;
		margin-left:40px;
	}
	#bdid_product .product_faq dl dd::before{
		content:"A";
		position:absolute;
		left:-40px;
		width:32px;
		height:32px;
		margin-right:10px;
		border-radius:16px;
		background:var(--color-primary);
		color:var(--color-main);
		font-size:1.4rem;
		font-weight:bold;
		line-height:28px;
		text-align:center;
}
/* --- responsive --- */
@media only screen and (max-width:767px){
	#bdid_product .product_faq{
		margin-bottom:20px;
		padding:32px 0 20px;
		}
		#bdid_product .product_faq dl{
			margin-bottom:5px;
			padding:8px 60px 12px 10px;
		}
		#bdid_product .product_faq dl::before{
			top:12px;
		}
		#bdid_product .product_faq dl dt{
			margin-bottom:4px;
			font-size:0.875rem;
		}
		#bdid_product .product_faq dl dt::before{
			top:-3px;
		}
		#bdid_product .product_faq dl dd{
			position:relative;
			margin-left:40px;
			font-size:0.75rem;
			line-height:1.7;
		}
}

/* product_flow */
#bdid_product .product_flow{
	margin-bottom:24px;
	padding:0 20px;
	}
	#bdid_product .product_flow .container{
		padding:32px 40px 48px;
		background:var(--color-main);
		color:#FFF;
	}
	#bdid_product .product_flow .page_h3_center{
		color:#FFF;
	}
	#bdid_product .product_flow p{
		position:relative;
		margin-left:90px;
		margin-bottom:40px;
		}
	#bdid_product .product_flow p:last-child{
		margin-bottom:0;
	}
	#bdid_product .product_flow p::before{
		content:"";
		position:absolute;
		top:-10px;
		left:-90px;
		width:80px;
		height:80px;
	}
	#bdid_product .product_flow p:nth-child(1)::before{
		background:url("../../image/page/product_flow_01.png");
		background-size:contain;
		background-repeat:no-repeat;
	}
	#bdid_product .product_flow p:nth-child(2)::before{
		top:-20px;
		background:url("../../image/page/product_flow_02.png");
		background-size:contain;
		background-repeat:no-repeat;
	}
	#bdid_product .product_flow p:nth-child(3)::before{
		background:url("../../image/page/product_flow_03.png");
		background-size:contain;
		background-repeat:no-repeat;
}
/* --- responsive --- */
@media only screen and (max-width:767px){
	#bdid_product .product_flow{
		margin-bottom:20px;
		}
		#bdid_product .product_flow .container{
			padding:24px 20px 32px 15px;
		}
		#bdid_product .product_flow p{
			margin-left:70px;
			margin-bottom:24px;
		}
		#bdid_product .product_flow p::before{
			top:0;
			left:-70px;
			width:60px;
			height:60px;
		}
}


/* -----------------------------------------------------------------
  recruit
----------------------------------------------------------------- */

#bdid_recruit .btn_main,#bdid_divisions .btn_main,#bdid_skill_up .btn_main,#bdid_entry .btn_main{
	background:var(--color-recruit);
	}
	#bdid_recruit .btn_main:hover,#bdid_divisions .btn_main:hover,#bdid_skill_up .btn_main:hover,#bdid_entry .btn_main:hover{
		background:var(--color-primary);
		color:var(--color-main);
}
#bdid_recruit .btn_main_l,#bdid_divisions .btn_main_l,#bdid_skill_up .btn_main_l,#bdid_entry .btn_main_l{
	background:#FFF;
	color:var(--color-recruit);
	}
	#bdid_recruit .btn_main_l:hover,#bdid_divisions .btn_main_l:hover,#bdid_skill_up .btn_main_l:hover,#bdid_entry .btn_main_l:hover{
		background:var(--color-primary);
		color:var(--color-main);
	}
	#bdid_recruit .btn_main_l:hover::after,#bdid_divisions .btn_main_l:hover::after,#bdid_skill_up .btn_main_l:hover::after,#bdid_entry .btn_main_l:hover::after{
		background:url("../../image/base/arrow_d.png");
		background-size:contain;
		background-repeat:no-repeat;
}
#bdid_recruit .page_h3_center{
	margin-bottom:20px;
	color:var(--color-recruit);
}
#bdid_recruit .card>div{
	color:var(--color-recruit);
}

/* recruit_MV */
#bdid_recruit .recruit_MV{
	position:relative;
	overflow:hidden;
	width:100%;
	margin-bottom:40px;
	padding:80px 0;
	background:rgba(1, 116, 120, 0.7);
	text-align:center;
	}
	#bdid_recruit .recruit_MV_bg{
		position:absolute;
		z-index:-1;
		top:-50%;
		left:-100%;
		width:300%;
		height:200%;
	}
	#bdid_recruit .recruit_MV h2{
		margin-bottom:20px;
		color:#FFF;
	}
	#bdid_recruit .recruit_MV p{
		margin-bottom:80px;
		color:#FFF;
		font-size:2.5rem;
		font-weight:bold;
		line-height:1.4;
	}
	#bdid_recruit .recruit_MV .btn_main_l{
		max-width:520px;
		margin-left:auto;
		margin-right:auto;
}
/* --- responsive --- */
@media only screen and (max-width:767px){
	#bdid_recruit .recruit_MV{
		margin-bottom:24px;
		padding:60px 0 40px;
		}
		#bdid_recruit .recruit_MV p{
			margin-bottom:60px;
	}
}

/* recruit_about */
#recruit_about .recruit_about_flex{
	margin-bottom:40px;
	text-align:center;
	}
	#recruit_about .recruit_about_flex p{
		margin-bottom:10px;
		color:var(--color-gray-d);
		font-size:1.5rem;
		font-weight:bold;
		line-height:1.4;
	}
	#recruit_about .recruit_about_flex>div{
		display:flex;
		justify-content:space-between;
	}
	#recruit_about .recruit_about_flex>div figure{
		max-width:192px;
		margin-right:10px;
		text-align:center;
	}
	#recruit_about .recruit_about_flex>div figure:last-child{
		margin-right:0;
	}
	#recruit_about .recruit_about_flex>div figure figcaption{
		margin-top:5px;
		font-weight:bold;
		line-height:1.4;
}
/* --- responsive --- */
@media only screen and (max-width:767px){
		#recruit_about .recruit_about_flex{
			margin-bottom:20px;
		}
		#recruit_about .recruit_about_flex p{
			font-size:1.25rem;
		}
		#recruit_about .recruit_about_flex>div{
			flex-wrap:wrap;
			justify-content:center;
		}
		#recruit_about .recruit_about_flex>div figure{
			max-width:calc(100% / 3 - 5px);
			margin-right:5px;
		}
		#recruit_about .recruit_about_flex>div figure figcaption{
			margin-bottom:5px;
	}
}

/* recruit_environment */
#recruit_environment{
	margin-top:40px;
	margin-bottom:40px;
	padding:40px 0;
	background:var(--color-bg);
	}
	#recruit_environment .recruit_environment_grid{
		display:flex;
		flex-wrap:wrap;
		justify-content:space-between;
	}
	#recruit_environment .recruit_environment_grid>div{
		display:flex;
		flex-direction:column;
		align-items:center;
		justify-content:space-between;
		width:calc(50% - 20px);
		margin-bottom:20px;
	}
	#recruit_environment .recruit_environment_grid>div:nth-last-child(1),#recruit_environment .recruit_environment_grid>div:nth-last-child(2){
		margin-bottom:0;
	}
	#recruit_environment .recruit_environment_grid>div .page_h4{
		margin-bottom:10px;
	}
	#recruit_environment .recruit_environment_grid>div p{
		margin-bottom:10px;
}
/* --- responsive --- */
@media only screen and (max-width:767px){
	#recruit_environment{
		margin-top:24px;
		margin-bottom:24px;
		padding:32px 0 24px;
		}
		#recruit_environment .recruit_environment_grid{
			flex-direction:column;
		}
		#recruit_environment .recruit_environment_grid>div{
			flex-direction:column;
			width:100%;
			max-width:400px;
			margin:0 auto 10px;
		}
		#recruit_environment .recruit_environment_grid>div:nth-last-child(2){
			margin-bottom:10px;
		}
		#recruit_environment .recruit_environment_grid>div .page_h4{
			margin-bottom:8px;
		}
		#recruit_environment .recruit_environment_grid>div p{
			margin-bottom:10px;
	}
}

/* recruit_skill */
#recruit_skill{
	margin-bottom:40px;
}
#recruit_skill .recruit_skill_flex{
	display:flex;
	justify-content:space-between;
	margin-bottom:20px;
	}
	#recruit_skill .recruit_skill_flex figure{
		width:calc(100% / 3 - 10px);
		text-align: center;
	}
	#recruit_skill .recruit_skill_flex figure figcaption{
		margin-bottom:5px;
		font-size:1.5rem;
		font-weight:bold;
		text-align:center;
		line-height:1.4;
}
/* --- responsive --- */
@media only screen and (max-width:767px){
	#recruit_skill{
		margin-bottom:24px;
	}
	#recruit_skill .recruit_skill_flex{
		flex-direction:column;
		}
		#recruit_skill .recruit_skill_flex figure{
			width:100%;
			margin-bottom:10px;
		}
		#recruit_skill .recruit_skill_flex figure:last-child{
			margin-bottom:0;
		}
		#recruit_skill .recruit_skill_flex figure figcaption{
			font-size:1.25rem;
		}
		#recruit_skill .recruit_skill_flex figure img{
			max-width:240px;
			margin:0 auto;
	}
}

/* recruit_dividion */
#recruit_divisions{
	padding:40px 0;
	background:var(--color-bg);
}
#recruit_divisions .card img{
	max-height:200px;
}
/* --- responsive --- */
@media only screen and (max-width:767px){
	#recruit_divisions{
		padding:32px 0 24px;
	}
	#recruit_divisions .card{
		margin-bottom:10px;
	}
	#recruit_divisions .card:last-child{
		margin-bottom:20px;
	}
	#recruit_divisions .card img{
		max-height:160px;
	}
}

/* recruit_entry */
#bdid_recruit .recruit_entry{
	padding:40px 20px;
	}
	#bdid_recruit .recruit_entry .container{
		padding:40px;
		background:var(--color-recruit);
		color:#FFF;
		text-align:center;
	}
	#bdid_recruit .recruit_entry .container h3{
		color:#FFF;
	}
	#bdid_recruit .recruit_entry .container p{
		margin-bottom:20px;
}
/* --- responsive --- */
@media only screen and (max-width:767px){
	#bdid_recruit .recruit_entry{
		padding:20px 20px;
		}
		#bdid_recruit .recruit_entry .container{
			padding:20px;
		}
}


/* -----------------------------------------------------------------
  divisions
----------------------------------------------------------------- */

#bdid_divisions .page_h2,#bdid_skill_up .page_h2,#bdid_entry .page_h2{
	background:var(--color-recruit);
}
#bdid_divisions .page_block h3,#bdid_skill_up .page_block h3,#bdid_entry .page_block h3{
	color:var(--color-recruit);
}
#bdid_divisions .page_block:last-of-type,#bdid_skill_up .page_block:last-of-type{
	margin-bottom:0;
}
#bdid_divisions .interview_group{
	display:flex;
	justify-content:space-between;
	width:100%;
	}
	#bdid_divisions .interview{
		width:calc(50% - 10px);
		height:100%;
		aspect-ratio: 16 / 9;
		margin-bottom:20px;
	}
	#bdid_divisions .interview:nth-last-of-type(1),#bdid_divisions .interview:nth-last-of-type(2){
		margin-bottom:0;
	}
	#bdid_divisions .interview_group_single .interview{
		margin:0 auto;
}
/* --- responsive --- */
@media only screen and (max-width:767px){
	#bdid_divisions .interview_group{
		display:flex;
		justify-content:space-between;
		width:100%;
		}
		#bdid_divisions .interview{
			width:100%;
			margin-bottom:10px;
		}
		#bdid_divisions .interview:nth-last-of-type(2){
			margin-bottom:10px;
		}
}

/* -----------------------------------------------------------------
  skill_up
----------------------------------------------------------------- */

#bdid_skill_up .skill_up_schedule li{
	width:100%;
	margin-bottom:10px;
	padding:20px;
	background:#DFF6F1;
	}
	#bdid_skill_up .skill_up_schedule li:last-child{
		margin-bottom:0;
	}
	#bdid_skill_up .skill_up_schedule li h5{
		margin-bottom:10px;
		color:var(--color-recruit);
		font-size:1.5rem;
		font-weight:bold;
	}
	#bdid_skill_up .skill_up_schedule li>div{
		display:flex;
		align-items:center;
	}
	#bdid_skill_up .skill_up_schedule li img{
		width:160px;
		height:120px;
		margin-right:20px;
		object-fit:cover;
	}
	#bdid_skill_up .skill_up_schedule li b{
		float:left;
		width:128px;
		text-align:left;
	}
	#bdid_skill_up .skill_up_schedule li p{
		margin-left:128px;
		text-align:left;
}

#bdid_skill_up #event_photo{
	position:relative;
	width:100%;
	}
	#bdid_skill_up #event_photo ul{
		display:flex;
		justify-content:space-around;
		flex-wrap:wrap;
		list-style:none;
	}
	#bdid_skill_up #event_photo ul li{
		display:inline-block;
		width:calc(25% - 10px);
		margin-bottom:10px;
	}
	#bdid_skill_up #event_photo ul li:nth-last-of-type(1),#bdid_skill_up #event_photo ul li:nth-last-of-type(2),#bdid_skill_up #event_photo ul li:nth-last-of-type(3),#bdid_skill_up #event_photo ul li:nth-last-of-type(4){
		margin-bottom:0;
	}
	#bdid_products section .products_box img{
		width:100%;
		height:auto;
}
/* --- responsive --- */
@media only screen and (max-width:767px){
	#bdid_skill_up .skill_up_schedule li{
		margin-bottom:5px;
		padding:10px 15px 5px;
		}
		#bdid_skill_up .skill_up_schedule li h5{
			margin-bottom:5px;
			font-size:1.25rem;
		}
		#bdid_skill_up .skill_up_schedule li>div{
			flex-direction:column;
		}
		#bdid_skill_up .skill_up_schedule li img{
			margin-right:0;
			margin-bottom:10px;
		}
		#bdid_skill_up .skill_up_schedule li b{
			float:none;
			width:128px;
		}
		#bdid_skill_up .skill_up_schedule li p{
			margin-left:0;
			margin-bottom:5px;
	}
	
	#bdid_skill_up #event_photo ul li{
		width:calc(50% - 10px);
	}
	#bdid_skill_up #event_photo ul li:nth-last-of-type(3),#bdid_skill_up #event_photo ul li:nth-last-of-type(4){
		margin-bottom:10px;
	}
}


/* -----------------------------------------------------------------
   message
----------------------------------------------------------------- */

#bdid_message .page_h2{
	margin-bottom:0;
}
#bdid_message main{
	padding:0px;
}

#bdid_message #message_contents{
	padding:20px 0 10px;
	background:url("../../image/page/message_bg.jpg") no-repeat center 0;
	background-position:top center;
	background-size:cover;
	background-repeat:no-repeat;
}
#bdid_message #message_contents h3{
	max-width:280px;
	margin:0 auto 20px;
}

#message_txt{
	clear:both;
	max-width:800px;
	margin:0 auto;
	}
	#message_txt *{
		width:100%;
		font-weight:normal;
		}
	#message_txt .message_leader{
		float:left;
		width:200px;
		margin:0 40px 5px 0;
		padding-top:10px;
	}
	#message_txt img{
		width:100%;
	}
	#message_txt p#leader_name{
		font-family:'Noto Serif JP', serif;
		font-size:1.05rem !important;
		text-align:center;
		line-height:1;
		text-indent:0;
		}
		#message_txt p#leader_name span{
			display:inline-block;
			margin:10px 0 10px;
			font-family:'Noto Serif JP', serif;
			font-weight:bold;
		}
		#message_txt p#leader_name strong{
			font-family:'Noto Serif JP', serif;
			font-size:1.5rem !important;
			font-weight:bold;
	}
	#message_txt p{
		margin:0 auto 24px;
		font-size:1.05rem !important;
		text-indent:1em;
		text-align:left;
		line-height:2;
}


/* --- responsive --- */
@media only screen and (max-width:767px){
	#bdid_message #message_contents{
		padding-bottom:0;
		background-size:150%;
	}
	#bdid_message #message_contents h3{
		max-width:200px;
		margin:0 auto 10px;
	}
	#message_txt{
		width:100%;
		}
		#message_txt .message_leader{
			width:160px;
			margin:0 15px 5px 0;
		}
		#message_txt p#leader_name{
			height:auto;
			font-size:0.87rem !important;
			}
			#message_txt p#leader_name span{
				margin:8px 0 8px;
		}
		#message_txt p{
			width:100%;
			margin:0 0 15px 0;
			font-size:0.87rem !important;
			text-align:left;
		}
}


/* -----------------------------------------------------------------
   philosophy
----------------------------------------------------------------- */

#bdid_philosophy .page_h2{
	margin-bottom:0;
}
#bdid_philosophy #philosophy_img{
	position:relative;
	width:1308px;
	max-width:100%;
	height:280px;
	margin:0 auto 35px;
	}
	#bdid_philosophy #philosophy_img img{
		object-fit:cover;
		height:280px;
	}
	#bdid_philosophy #philosophy_img ul{
		list-style:none;
	}
	#bdid_philosophy #philosophy_img ul li{
		position:absolute;
		top:0px;
		left:0px;
	}
	#bdid_philosophy #philosophy_img ul li:nth-of-type(1){animation:philosophy_img 16s ease 0s forwards infinite;}
	#bdid_philosophy #philosophy_img ul li:nth-of-type(2){animation:philosophy_img 16s ease 4s both infinite;}
	#bdid_philosophy #philosophy_img ul li:nth-of-type(3){animation:philosophy_img 16s ease 8s both infinite;}
	#bdid_philosophy #philosophy_img ul li:nth-of-type(4){animation:philosophy_img 16s ease 12s both infinite;}

@keyframes philosophy_img{
	0%   {opacity:0;}
	5%   {opacity:1;}
	25%  {opacity:1;}
	30%  {opacity:0;}
	100% {opacity:0;}
}

#bdid_philosophy .philosophy_text p{
	position:relative;
	margin:0 0 45px;
	font-size:1.3rem;
	text-align:center;
	line-height:2.1;
}
/* --- responsive --- */
@media only screen and (max-width:767px){
	#bdid_philosophy #philosophy_img{
		width:calc(100% + 40px);
		height:160px;
		margin-bottom:24px;
		overflow:hidden;
		}
		#bdid_philosophy #philosophy_img img{
			position:absolute;
			left:0;
			width:100vw;
			max-width:768px !important;
			height:160px;
			object-fit:cover;
	}
	#bdid_philosophy .philosophy_text p{
		margin:0 0 15px;
		font-size:0.87rem;
		line-height:1.7;
	}
}


/* -----------------------------------------------------------------
   corporate
----------------------------------------------------------------- */

#bdid_corporate #co_table_box{
	position:relative;
}
#bdid_corporate #co_table_box #co_photo{
	position:absolute;
	top:0px;
	right:0px;
	width:403px;
	padding-left:30px;
	padding-bottom:30px;
	background:#FFF;
	z-index:100;
	transition-duration:0.5s;
}

/* --- responsive --- */
@media only screen and (max-width:1000px){
	#bdid_corporate #co_table_box #co_photo{
		width:250px;
	}
}
@media only screen and (max-width:880px){
	#bdid_corporate #co_table_box #co_photo{
		position:relative;
		width:100%;
		padding-left:0px;
		padding-bottom:30px;
		background:#FFF;
		z-index:100;
	}
}
@media only screen and (max-width:767px){
	#bdid_corporate #main_contents table th{
		display:block;
		width:100%;
	}
}

#bdid_corporate #iso #iso_lr{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	}
	#bdid_corporate #iso #iso_lr p{
		width:calc(100% - 200px);
	}
	#bdid_corporate #iso #iso_lr div{
		width:180px;
		text-align:center;
}
/* --- responsive --- */
@media only screen and (max-width:767px){
	#bdid_corporate #iso #iso_lr p{
		width:100%;
	}
	#bdid_corporate #iso #iso_lr div{
		width:100%;
	}
}


/* -----------------------------------------------------------------
   history
----------------------------------------------------------------- */

#bdid_history dl{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	width:100%;
}
#bdid_history dl dt{
	width:185px;
	padding:8px 20px;
	text-align:center;
	background:var(--color-gray-d);
	border-bottom:2px solid #FFF;
	color:#FFF;
}
#bdid_history dl dd{
	width:calc(100% - 185px);
	padding:8px 20px;
	border-bottom:2px solid #FFF;
	background:var(--color-gray-l);
}
/* --- responsive --- */
@media only screen and (max-width:767px){
	#bdid_history dl dt{
		width:100px;
		padding:8px;
		border-bottom:5px solid #FFF;
	}
	#bdid_history dl dd{
		width:calc(100% - 100px);
		padding:8px 10px;
		border-bottom:5px solid #FFF;
	}
}


/* -----------------------------------------------------------------
   equipment_table
----------------------------------------------------------------- */

.equipment_photo{
	display:flex;
	justify-content:center;
 	width:100%;
	max-width:600px;
	margin:0 auto 30px;
	text-align:center;
}

#equipment_table td{
	padding:2px 7px;
	font-size:0.84rem;
}
#equipment_table thead th{
	border-right:1px solid var(--color-gray-l);
	background:var(--color-gray-d);
	color:#FFF;
	text-align:center;
}
#equipment_table thead th:nth-child(1){width:30%;}
#equipment_table thead th:nth-child(2){width:10%;}
#equipment_table thead th:nth-child(3){width:20%;}
#equipment_table thead th:nth-child(4){width:20%;}
#equipment_table thead th:nth-child(5){width:20%;border-right:1px solid var(--color-gray-d);}
#equipment_table tbody td:nth-child(2){text-align:center;}

#equipment_table tbody th{
	padding:2px 7px;
	font-size:0.84rem;
	background:var(--color-bg);
	text-align:left;
}

/* --- responsive --- */
@media only screen and (max-width:767px){
	.equipment_photo{
		margin:0 auto 10px;
	}
	#equipment_table{
		width:100%;
	}
	#equipment_table td{
		font-size:0.6rem;
		line-height:1.35;
	}
	#equipment_table thead th{
		font-size:0.6rem;
		line-height:1.35;
	}
	#equipment_table tbody th{
		padding:4px;
		font-size:0.6rem;
	}
}




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

#bdid_news #news_list{
	list-style:none;
}
#bdid_news #news_list li{
	padding:20px 0 10px;
	border-top:1px solid #000;
	}
	#bdid_news #news_list li .date{
		display:block;
		position:relative;
		margin:0 0 10px;
		color:#004DA1;
	}
	#bdid_news #news_list li p{
		margin:0 0 10px;
	}
	#bdid_news #news_list li h4{
		margin:0 0 7px;
		font-size:1.2rem;
}

#bdid_news #news_list li .photo{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	}
	#bdid_news #news_list li .photo div{
		position:relative;
		width:49%;
}

#bdid_news #news_list li div.youtube{
	width:100%;
	height:0px;
	padding-top:56.25%;
	}
	#bdid_news #news_list li .youtube iframe{
		position:absolute;
		top:0px;
		left:0px;
		width:100%;
		height:100%;
}

#bdid_news #news_list li .link{
	position:relative;
	padding-left:15px;
}
#bdid_news #news_list li .link::after{
	content:" ";
	position:absolute;
	top:7px;
	left:0px;
	border: 6px solid transparent;
	border-left: 6px solid #004DA1;
}

#bdid_news #news_list li .photo_list2{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	list-style:none;
	border:none;
	}
	#bdid_news #news_list li .photo_list2 li{
		position:relative;
		width:49%;
		margin:0 0 7px;
		padding:0px !important;
		border:none;
		transition-duration:0.5s;
	}
	#bdid_news #news_list li .photo_list2 li img{
		margin:0px !important;
}

#bdid_news #news_list li .photo_list3{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	list-style:none;
	border:none;
	}
	#bdid_news #news_list li .photo_list3 li{
		position:relative;
		width:33%;
		margin:0 0 7px;
		padding:0px !important;
		border:none;
		transition-duration:0.5s;
	}
	#bdid_news #news_list li .photo_list3 li img{
		margin:0px !important;
}

/* --- responsive --- */
@media only screen and (max-width:1200px){
	#bdid_news #news_list li .photo_list3 li{
		margin:0 0 4px;
	}
}
@media only screen and (max-width:767px){
	#bdid_news #news_list li p{
		font-size:0.77rem;
	}
	#bdid_news #news_list li h4{
		font-size:1.0rem;
	}

	#bdid_news #news_list li .photo div{
		width:100%;
	}

	#bdid_news #news_list li .photo_list3 li{
		width:49%;
		margin:0 0 5px;
	}
	#bdid_news #news_list li .photo_list2 li{
		width:100% !important;
	}
}


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

#bdid_access address{
	}
	#bdid_access address p{
		margin:0 0 20px;
		font-style:normal;
	}
	#bdid_access address p span{
		display:inline-block;
		width:40px;
}

#bdid_access #access_map{
	position:relative;
	width:100%;
	height:450px;
	margin:0 auto 40px;
}
#bdid_access #access_map iframe{
	position:relative;
	width:100%;
	height:100%;
}

/* --- responsive --- */
@media only screen and (max-width:767px){
	#bdid_access address p{
		font-size:0.87rem;
	}
	#bdid_access address p span{
		display:block;
		width:100%;
		margin:7px 0 0 0;
		font-weight:bold;
	}
}


/* -----------------------------------------------------------------
   bdid_privacypolicy
----------------------------------------------------------------- */

#bdid_privacypolicy #main_contents{
	margin-bottom:40px;
}
#bdid_privacypolicy p{
	margin-bottom:20px;
}
#bdid_privacypolicy .f090{
	font-size:0.9rem;
}
#bdid_privacypolicy .txt_r{
	line-height:1.7;
	text-align:right;
}
/* --- responsive --- */
@media only screen and (max-width:767px){
	#bdid_privacypolicy .f090{
		font-size:0.75rem;
	}
}