@charset "utf-8";
/* ******************************************************************
 *	File name		: page.css
 *	Summary			: css style
 * ******************************************************************
 */
 /*

緑カラーは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)
見やすい緑　 rgba(68,159,6,1)

main_contents 770px
*/


/* ----------------------------------------------------------------------
   yakuzai
---------------------------------------------------------------------- */

#contents_body::before{
	background:#319F2D !important;
}
#contents_body > h1 span{
	position:relative;
	top:2px;
	font-size:1.2rem;
}
/* --- responsive --- */
@media only screen and (max-width:767px){
	#contents_body > h1 span{
		top:0px;
		font-size:1.0rem;
	}
}

main{
	width:calc(100% - 690px) !important;/* 220 */
	transition-duration:0.5s;
	}
	#main_contents{
		width:830px;
		padding:30px 30px;
	}
	#yakuzai_fb{
		display:block;
		width:450px;
		height:auto;
		transition-duration:0.5s;
		}
		#yakuzai_fb iframe{
			width:100%;
			height:100%;
}

/* --- responsive --- */
@media only screen and (max-width:1630px){
	main{
		width:calc(100% - 590px) !important;
	}
	#yakuzai_fb{
		width:350px;
		height:auto;
	}
}
@media only screen and (max-width:1520px){
	main{
		width:calc(100% - 540px) !important;
	}
	#yakuzai_fb{
		width:300px;
		height:auto;
	}
}
@media only screen and (max-width:1450px){
	main{
		width:calc(100% - 490px) !important;
		padding:0px;
		text-align:center;
		background:none !important;
		border-radius:0px;
		-webkit-border-radius:0px;
		-moz-border-radius:0px;
	}
	#main_contents{
		width:770px !important;
		margin:0 auto 0;
		padding:10px 0px 0 !important;
		min-height:0px;
		-moz-box-shadow:none;
		-webkit-box-shadow:none;
		box-shadow:none;
	}
	#yakuzai_fb{
		width:250px;
		height:auto;
	}
}
@media only screen and (max-width:1250px){
	main{
		width:calc(100% - 220px) !important;/* 220 */
	}
	#main_contents{
		width:100% !important;
	}
}
@media only screen and (max-width:767px){
	#main_contents{
		padding:10px 20px 0 !important;
	}
}

/* ----------------------------------------------------------------------
   other
---------------------------------------------------------------------- */

.bdcs_yakuzai ul.yakuzai_photo{
	position:relative;
	display:-webkit-flex;
	display:flex;
	-webkit-justify-content:space-around;
	justify-content:space-around;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	width:100%;
	margin:0 0 15px;
	padding:0px !important;
	list-style:none;
	}
	.bdcs_yakuzai .yakuzai_photo li{
		position:relative;
		width:48%;
		margin:0 0 10px !important;
		padding:0px !important;
		text-align:center;
	}
	.bdcs_yakuzai .yakuzai_photo li img{
		display:block;
		position:relative;
		margin-bottom:7px;
	}
	.bdcs_yakuzai .yakuzai_photo li p{
		display:block;
		position:relative;
		margin:0px !important;
		padding:0px !important;
	}
	.bdcs_yakuzai .yakuzai_photo li p b{
		font-size:1.0rem;
}

/* ------------------------------------------------------- */
/* FB */
/* --- responsive --- */
@media only screen and (max-width:1250px){
	#yakuzai_fb{
		position:absolute;
		top:237px;
		right:25px;
		width:73px;
		height:44px;
		z-index:999;
		overflow:hidden;
		transition-duration:0.5s;
		cursor:pointer;
		}
		#yakuzai_fb::after{
			content:" ";
			position:absolute;
			top:0px;
			right:0px;
			width:73px;
			height:44px;
			background:url(../../img/yakuzai/news_bg.png) no-repeat 0 0;
			z-index:1000;
			cursor:pointer;
			transition-duration:0.5s;
		}
		#yakuzai_fb iframe{
			width:450px;
			height:670px;
			opacity:0;
	}
	#yakuzai_fb:hover{
		width:450px;
		height:670px;
		border:1px solid #87B846;
		-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);
		}
		#yakuzai_fb:hover::after{
			display:none;
		}
		#yakuzai_fb:hover iframe{
			opacity:1;
	}
}
/* --- responsive --- */
@media only screen and (max-width:767px){
	#yakuzai_fb{
		position:relative;
		top:0px;
		right:auto;
		width:calc(100% - 40px);
		height:auto;
		margin:0 auto -10px;
		padding:40px 20px 0px;
		text-align:center;
		background:#87B846;
		-moz-border-radius:6px;
		-webkit-border-radius:6px;
		border-radius:6px;
	}
	#yakuzai_fb::after{
		content:"▼ 薬剤部 公式Facebook";
		position:absolute;
		top:0px;
		right:auto;
		left:0px;
		width:100%;
		height:40px;
		padding:9px 10px 0 5px;
		background:none;
		color:#FFF;
	}
	#yakuzai_fb iframe{
		display:none;
		margin:0 auto 10px;
		opacity:1;
	}
	#yakuzai_fb:hover{
		width:calc(100% - 40px);
		height:auto;
		border:none;
		-moz-box-shadow:none;
		-webkit-box-shadow:none;
		box-shadow:none;
		}
		#yakuzai_fb:hover::after{
			display:block;
	}
}

/* ----------------------------------------------------------------------
   top
---------------------------------------------------------------------- */

#bdid_yakuzai main{
	width:calc(100% - 670px) !important;
	padding:0px 30px;
	transition-duration:0.5s;
	}
	#bdid_yakuzai main #main_contents{
		width:100% !important;
		max-width:755px;
		min-height:600px;
		transition-duration:0.5s;
		background:url(../../img/yakuzai/yakuzai_cover.png) no-repeat 0px 50px #FFF !important;
		background-size:contain !important;
	}
	#bdid_yakuzai #yakuzai_fb_top{
		display:block;
		width:450px !important;
		height:auto;
		transition-duration:0.5s;
		}
		#bdid_yakuzai #yakuzai_fb_top iframe{
			width:100%;
			height:100%;
}

#bdid_yakuzai main h1{
	display:none;
	}
	#bdid_yakuzai main p{
		position:relative;
		width:100%;
		font-weight:normal;
		font-family: 'Kosugi Maru', sans-serif;
		font-size:1.6em;
		text-align:left;
		color:#00A23E;
		transition-duration:0.5s;
}
/* --- responsive --- */
@media only screen and (max-width:1450px){
	#bdid_yakuzai main{
		padding:0px;
	}
	#bdid_yakuzai main #main_contents{
		background:url(../../img/yakuzai/yakuzai_cover.png) no-repeat 0px 100px #FFF !important;
		background-size:contain !important;
	}
	#bdid_yakuzai main p{
		padding-left:30px;
	}
}
@media only screen and (max-width:1250px){
	#bdid_yakuzai main{
		width:calc(100% - 520px) !important;
	}
	#bdid_yakuzai #yakuzai_fb_top{
		width:300px !important;
	}
	#bdid_yakuzai main p{
		font-size:1.4em;
	}
}
@media only screen and (max-width:767px){
	#bdid_yakuzai main{
		width:100% !important;
	}
	#bdid_yakuzai main #main_contents{
		width:100% !important;
		min-height:370px;
		margin:0 0 20px;
		background:url(../../img/yakuzai/yakuzai_cover.png) no-repeat 0px 0px !important;
		background-size:cover !important;
	}
	#bdid_yakuzai main p{
		padding-left:0px;
	}
	#bdid_yakuzai #yakuzai_fb_top{
		position:relative;
		top:0px;
		right:auto;
		width:calc(100% - 40px) !important;
		max-width:490px;
		height:auto;
		margin:0 auto -10px;
		padding:40px 20px 0px;
		text-align:center !important;
		background:#87B846;
		-moz-border-radius:6px;
		-webkit-border-radius:6px;
		border-radius:6px;
		z-index:999;
		overflow:hidden;
		transition-duration:0.5s;
		cursor:pointer;
		}
		#bdid_yakuzai #yakuzai_fb_top::after{
			content:"▼ 薬剤部 公式Facebook";
			position:absolute;
			top:0px;
			right:auto;
			left:0px;
			width:100%;
			height:40px;
			padding:9px 10px 0 5px;
			background:none;
			color:#FFF;
			z-index:1000;
			cursor:pointer;
			transition-duration:0.5s;
	}
	#bdid_yakuzai #yakuzai_fb_top iframe{
		display:none;
		width:100% !important;
		height:670px;
		margin:0 auto 10px !important;
		opacity:1;
	}
	#bdid_yakuzai #yakuzai_fb_top:hover{
		width:calc(100% - 40px);
		height:auto;
		border:none;
		-moz-border-radius:6px;
		-webkit-border-radius:6px;
		border-radius:6px;
		-moz-box-shadow:none;
		-webkit-box-shadow:none;
		box-shadow:none;
		opacity:1;
		}
		#bdid_yakuzai #yakuzai_fb_top:hover::after{
			display:block;
	}
}
@media only screen and (max-width:480px){
	#bdid_yakuzai main #main_contents{
		min-height:350px;
		margin:0 0 20px;
		background:url(../../img/yakuzai/yakuzai_cover.png) no-repeat 0px 80px !important;
		background-size:contain !important;
	}
	#bdid_yakuzai main p{
		font-size:1.2em;
	}
}

/* ----------------------------------------------------------------------
   about
---------------------------------------------------------------------- */

#bdid_yakuzai_about #doctor_box{
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	flex-wrap:wrap;
	}
	#bdid_yakuzai_about #doctor_box #doctor_photo{
		width:260px;
		text-align:center;
		line-height:1.6;
		}
		#bdid_yakuzai_about #doctor_box #doctor_photo strong{
			font-weight:normal;
			font-size:1.4rem;
			text-shadow:rgba(0,162,62,0.4) 0px 0px 0px,rgba(0,162,62,0.4) 0px 0px 0px;
			color:rgba(0,162,62,1.0);
		}
		#bdid_yakuzai_about #doctor_box #doctor_photo span{
			font-weight:normal;
			font-size:0.8rem;
			color:rgba(0,162,62,1.0);
			line-height:1.3;
	}
	#bdid_yakuzai_about #doctor_box #doctor_txt{
		width:calc(100% - 280px);
}
/* --- responsive --- */
@media only screen and (max-width:767px){
	#bdid_yakuzai_about #doctor_box{
	}
	#bdid_yakuzai_about #doctor_box #doctor_photo{
		width:100%;
		text-align:center;
		line-height:1.6;
	}
	#bdid_yakuzai_about #doctor_box #doctor_txt{
		width:100%;
	}
}

/* ----------------------------------------------------------------------
   about
---------------------------------------------------------------------- */
/* guide */
#bdid_yakuzai_guide #guide_box .h5{
	width:calc(100% - 10px);
	margin-left:10px;
	font-size:1.15rem;
	border-bottom:1px solid rgba(141,194,31,0.5);
}
#bdid_yakuzai_guide #guide_box p{
	margin-bottom:25px;
	padding:0 0 0 10px;
	}
	#bdid_yakuzai_guide #guide_box p a{
		text-decoration:underline;
}

/* for */
#bdid_yakuzai_for_company .for_box{
	margin-bottom:10px;
	padding:10px;
	border:7px solid rgba(141,194,31,0.3);
	}
	#bdid_yakuzai_for_company .for_box p{
		position:relative;
		display:inline-block;
		padding:7px 20px 6px 35px;
		background:rgba(141,194,31,1.4);
		-moz-border-radius:10px;
		-webkit-border-radius:10px;
		border-radius:10px;
		color:#FFF;
	}
	#bdid_yakuzai_for_company .for_box p:after{
		content:" ";
		position:absolute;
		top:14px;
		left:12px;
		border: 7px solid transparent;
		border-top: 8px solid rgba(255,255,255,1);
	}
	#bdid_yakuzai_for_company .for_box .download_list{
		margin:7px 0;
		margin-left:30px;
}


/* results_b */

#bdid_yakuzai_results_b #y_results_b ul{
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	flex-wrap:wrap;
	list-style:none;
}
#bdid_yakuzai_results_b #y_results_b ul li{
	width:49%;
	margin:0 0 20px;
}
/* --- responsive --- */
@media only screen and (max-width:767px){
	#bdid_yakuzai_results_b #y_results_b ul li{
		width:100%;
	}
}








/* ----------------------------------------------------------------------
   bdid_yakuzai_apply
---------------------------------------------------------------------- */

#bdid_yakuzai_apply main{
	width:calc(100% - 220px) !important;
}
#bdid_yakuzai_apply #main_contents{
	width:100% !important;
}

/* --- responsive --- */
@media only screen and (max-width:1630px){
	#bdid_yakuzai_apply main{
		width:calc(100% - 220px) !important;
	}
}
@media only screen and (max-width:1520px){
	#bdid_yakuzai_apply main{
		width:calc(100% - 220px) !important;
	}
}
@media only screen and (max-width:1450px){
	#bdid_yakuzai_apply main{
		width:calc(100% - 220px) !important;
	}
}
@media only screen and (max-width:1250px){
	#bdid_yakuzai_apply main{
		width:calc(100% - 220px) !important;/* 220 */
	}
}
@media only screen and (max-width:767px){
	#bdid_yakuzai_apply main{
		width:calc(100%) !important;/* 220 */
	}
	#main_contents{
		padding:10px 20px 0 !important;
	}
}

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

/* form_btn */
#yakuzai_f{
	display:inline-block;
	margin:0px auto 10px;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border:1px solid #0061B1;
	margin-bottom:20px;
	border-bottom:2px dotted #999999;
	border:1px solid #07A33E;
}
#yakuzai_f a{
	display:inline-block;
	position:relative;
	padding:7px 25px;
	font-size:1em;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border:2px solid #FFFFFF;
	background:url(../../img/base/pagelink_w.png) no-repeat bottom right #07A33E;
	color:#FFFFFF;
	}
	#yakuzai_f:hover a:after{
		content:" ";
		position:absolute;
		top:0px;
		left:0px;
		display:block;
		width:100%;
		height:100%;
		border-radius:6px;
		-moz-border-radius:6px;
		-webkit-border-radius:6px;
		background:rgba(255,255,255,0.2);
	}
	#yakuzai_f a:hover{
		text-decoration:none;
	}
	#yakuzai_f a span{
		display:block;
		margin-bottom:5px;
		font-weight:bold;
		font-size:1.1rem;
		}
		#yakuzai_f a span span{
			display:block;
			margin:0 7px 0 0;
			font-size:1.5rem;
			border-bottom:none;
}
#yakuzai_f p:last-child{
	margin-bottom:0px;
}


/* --- responsive --- */
@media only screen and (max-width:767px){
	#yakuzai_f{
		width:calc(100% - 20px);
	}
	#yakuzai_f a{
		width:100%;
		padding:7px 13px;
	}
}