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

ピンク   #EC6D8E rgba(236,109,142,1.0)
薄ピンク #F8CDD6 rgba(248,205,214,1.0) → rgba(236,109,142,0.35)
文字     #E95853 rgba(233,88,83,1.0)

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

#main_contents{
	padding:90px 20px 20px;
}

section{
	display:block;
	position:relative;
	margin-bottom:30px;
}

#main_contents p{
	margin-bottom:7px;
}

/* --- responsive --- */
@media(max-width:767px){
	#main_contents{
	padding:15px 20px 20px;
	}
}

/* -----------------------------------
   title
------------------------------------*/

.bdcs_about #menubar li:nth-of-type(2) a,
.bdcs_education #menubar li:nth-of-type(3) a,
.bdcs_program #menubar li:nth-of-type(4) a,
.bdcs_introduction #menubar li:nth-of-type(5) a,
.bdcs_message #menubar li:nth-of-type(6) a,
.bdcs_recruit  #menubar li:nth-of-type(7) a,
.bdcs_sp_training #menubar li:nth-of-type(8) a
{
	text-decoration:none;
	background:rgba(236,109,142,0.3);
}

/* -----------------------------------
   h1 h2 h3 h4
------------------------------------*/
/* h1 */

h3{
	position:relative;
	width:100%;
	margin-left:-20px;
	margin-bottom:15px;
	padding:7px 20px;
	font-family: 'Kosugi Maru', sans-serif;
	font-size:1.2rem !important;
	background:rgba(236,109,142,1);
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	color:#FFF;
	line-height:1.5;
}

h4{
	position:relative;
	margin-bottom:10px;
	padding-bottom: 3px;
	font-weight:bold;
	font-family: 'Kosugi Maru', sans-serif;
	font-size:1.1rem;
	border-bottom:2px solid rgba(236,109,142,1);
	color:rgba(236,109,142,1);
}

/* --- responsive --- */
@media only screen and (max-width:767px){
	h3{
		font-size:1.0rem !important;
	}
	h4{
		font-size:0.9rem;
	}
}


/* -----------------------------------
   line
------------------------------------*/

.line{
	position:relative;
	margin:0 0 25px;
	padding:0 0px 20px;
	}
	.line:after{
		content:" ";
		position:absolute;
		left:-20px;
		bottom:0px;
		width:100%;
		height:1px;
		padding:0 20px;
		-webkit-box-sizing: content-box;
		-moz-box-sizing: content-box;
		box-sizing: content-box;
		background:#EC6D8E;
}

/*-----------------------------------
  ul
-----------------------------------*/

ul.disc{
	margin-bottom:15px;
	padding-left:20px;
	list-style:disc !important;
	}
	ul.disc > li{
		line-height:1.5;
		margin-bottom:4px;
	}
	ul.disc > li:before,
	ul.disc > li:after{
		display: none;
}
ul.normal,
ol.normal{
	margin-bottom:15px;
	padding-left:0px !important;
	list-style:none !important;
	}
	ul.normal > li{
		line-height:1.5;
		margin-bottom:4px;
		list-style-image:none !important;
}
ul.num{
	margin-bottom:15px;
	padding-left:20px;
	font-size:0.9rem;
	list-style:decimal !important;
	}
	ul.num > li{
		line-height:1.5;
		margin-bottom:4px;
}

/* -----------------------------------
   colorbox
------------------------------------*/

.colorbox{
	padding:10px 15px 9px;
	background:rgba(236,109,142,0.2);
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
}

/* -----------------------------------
   btn
------------------------------------*/

.btn a{
	display:inline-block;
	position:relative;
	padding:6px 20px 6px 30px;
	text-decoration:none !important;
	background:rgba(236,109,142,0.8);
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	color:#FFF;
	transition-duration:0.5s;
	}
	.btn.pdf a{
		min-height:32px;
		padding:10px 20px 10px 50px;
		background:url(../../image/base/pdf.png) no-repeat 10px center rgba(236,109,142,0.8);
	}
	.btn.word a{
		min-height:32px;
		padding:10px 20px 10px 50px;
		background:url(../../image/base/word.png) no-repeat 10px center rgba(38,88,181,0.8);
	}
	.btn a:before{
		content:" ";
		position:absolute;
		top:11px;
		left:18px;
		border: 6px solid transparent;
		border-left: 6px solid #FFF;
	}
	.btn.pdf a::before,
	.btn.word a::before{
		display:none;
	}
	.btn a:hover{
		opacity:0.85;
}


/* -----------------------------------------------------------------
   pagelink
----------------------------------------------------------------- */

.pagelink{
	position:relative;
	margin-bottom:30px;
	padding:15px 20px 5px 0px;
	border:1px solid rgba(236,109,142,0.5);
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
}
.pagelink li{
	display:inline-block;
	position:relative;
	margin:0 0 10px 20px;
	text-align:left;
	}
	.pagelink li a{
		display:block;
		position:relative;
		width:100%;
		height:100%;
		padding:5px 0 5px 15px;
		font-size:0.87rem;
		text-align:left;
		color:#000;
		line-height:1.35;
		text-decoration:none;
	}
	.pagelink li a::before,
	.pagelink li a::after{
		content:" ";
		position:absolute;
		transition-duration:0.5s;
	}
	.pagelink li a::before{
		top:9px;
		left:0px;
		width:8px;
		height:8px;
		border-bottom:2px solid rgba(236,109,142,1);
		border-right:2px solid rgba(236,109,142,1);
		transform:rotate(45deg);
	}
	.pagelink li a::after{
		top:-6px;
		left:-11px;
		width:0%;
		height:0%;
		border:1px solid rgba(255,255,255,0);
		background:rgba(236,109,142,0.1);
		-moz-border-radius:6px;
		-webkit-border-radius:6px;
		border-radius:6px;
	}

	.pagelink li.link a:before{
		width:0px;
		height:0px;
		margin-top:0px !important;
		transform:rotate(0deg);
		border: 6px solid transparent;
		border-left: 6px solid rgba(236,109,142,1);
	}

	.pagelink li.active a,
	.pagelink li a:hover{
		text-decoration:none;
	}
	.pagelink li a:hover::before{
		animation:pagelink_before 1.0s linear 0s infinite;
	}
	@keyframes pagelink_before{
		0%   {margin-top:-10px;}
		100% {margin-top:10px;}
	}
	.pagelink li.active a::after,
	.pagelink li a:hover::after{
		top:-6px;
		left:-11px;
		width:calc(100% + 20px);
		height:calc(100% + 10px);
		border:1px solid rgba(236,109,142,0.5);
		background:rgba(236,109,142,0.1);
		-moz-border-radius:6px;
		-webkit-border-radius:6px;
		border-radius:6px;
	}

/* --- 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:15px 20px 5px 20px;
	}
	.pagelink li{
		display:block;
		width:100% !important;
		margin:0 0 10px 0;
	}
	.pagelink li a{
		font-size:0.8rem;
	}
}

/*-----------------------------------
  link_list
-----------------------------------*/

.link_list{
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	flex-wrap:wrap;
	margin:0 0 30px;
	}
	.link_list li{
		position:relative;
		width:49%;
		max-width:100%;
		height:55px;
		margin:0 0 7px;
		background:#FFF;
		border:1px solid rgba(236,109,142,0.2);
		text-align:center;
		-moz-border-radius:10px;
		-webkit-border-radius:10px;
		border-radius:10px;
		overflow:hidden;
	}
	.link_list li::before,
	.link_list li::after{
		content:" ";
		position:absolute;
		transition-duration:0.5s;
	}
	.link_list li::before{
		top:0px;
		left:0px;
		width:100%;
		height:100%;
		background:rgba(236,109,142,0.1);
		}
		.base_green .link_list li::before{
			background:rgba(236,109,142,0.1);
	}
	.link_list li::after{
		display:none;
	}
	.link_list li:hover::before{
		left:calc(100% - 48px);
		background:rgba(236,109,142,1);
		}
		.base_green .link_list li:hover::before{
			background:rgba(236,109,142,1);
	}
	.link_list li a{
		display:-webkit-flex;
		display:flex;
		justify-content:flex-start;
		align-items:center;
		position:relative;
		width:100%;
		height:100%;
		padding:0 60px 0 15px;
		font-weight:500;
		font-size:1.0rem;
		text-align:left;
		color:#000;
		text-decoration:none;
		transition-duration:0.5s;
		letter-spacing:1px;
		line-height:1.2;
		z-index:100;
		}
	.link_list a:hover{
		text-decoration:none;
		color:#000;
	}
	.link_list a::before,
	.link_list a::after{
		content:" ";
		position:absolute;
		transition-duration:0.5s;
	}
	.link_list a::before{
		top:calc(50%);
		right:17px;
		width:15px;
		height:1px;
		right:18px;
		transform:rotate(90deg);
		background:rgba(236,109,142,1);
		}
		.base_green .link_list a::before{
			background:rgba(236,109,142,1);
	}
	.link_list a::after{
		top:calc(50% - 5px);
		right:18px;
		width:10px;
		height:10px;
		right:20px;
		border-top:1px solid rgba(236,109,142,1);
		border-right:1px solid rgba(236,109,142,1);
		transform:rotate(45deg);
	}
	.link_list a:hover::before{
		background:#FFF;
	}
	.link_list a:hover::after{
		border-top:1px solid #FFF;
		border-right:1px solid #FFF;
	}

	/* active */
	.link_list li.active::before{
		left:0px;
		background:rgba(236,109,142,1);
	}
	.link_list li.active a{
		color:#FFF;
	}
	.link_list li.active a::before,
	.link_list li.active a:hover::before{
		top:calc(50% - 4px);
		right:17px;
		transform:rotate(0deg);
		background:#FFF;
	}
	.link_list li.active a::after{
		top:calc(50% - 8px);
		right:20px;
		transform:rotate(135deg);
		border-top:1px solid #FFF;
		border-right:1px solid #FFF;
}

/* --- responsive --- */
@media only screen and (max-width:767px){
	.link_list li{
		width:100%;
		height:40px;
	}
	.link_list li a{
		font-size:0.9rem;
	}
	.link_list li:nth-child(3n+2):last-child{
		margin:0 0 7px;
	}
}

/*-----------------------------------
  link_banner
-----------------------------------*/

.link_banner{
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	flex-wrap:wrap;
	margin:0 0 30px;
	}
	.link_banner li{
		position:relative;
		width:33%;
		max-width:100%;
		min-height:50px;
		margin:0 0 7px;
		background:#FFF;
		border:1px solid rgba(0,128,204,0.5);
		text-align:center;
		overflow:hidden;
	}
	.link_banner.col_2 li{
			width:49.5%;
		}
		.link_banner li:nth-child(3n+2):last-child{
			margin:0 33.5% 7px 0;
		}
		.link_banner.col_2 li:nth-child(3n+2):last-child{
			margin:0 0% 7px 0;
	}
	.link_banner li.active{
		background:rgba(0,128,204,0.2);
	}
	.link_banner li a{
		display:-webkit-flex;
		display:flex;
		justify-content:flex-start;
		align-items:center;
		position:relative;
		width:100%;
		height:100%;
		padding:0 60px 0 15px;
		font-weight:500;
		font-size:1.0rem;
		text-align:left;
		color:#000;
		text-decoration:none !important;
		transition-duration:0.5s;
		line-height:1.2;
		z-index:100;
		}
		.link_banner a:hover{
			text-decoration:none;
			background:rgba(0,128,204,0.1);
			color:#000;
		}
		.link_banner a::before,
		.link_banner a::after{
			content:" ";
		}
		.link_banner a::before{
			position:absolute;
			top:calc(50% - 8px);
			right:9px;
			width:0px;
			height:0px;
			border:8px solid transparent;
			border-left:9px solid rgba(0,128,204,0.5);
			transition-duration:0.5s;
	}
	.link_banner a.blank::before{
		display:block;
		width:18px;
		height:14px;
		border:none;
		background:url(../../img/base/outlink.png) no-repeat 0 0;
		opacity:0.5;
	}
	.link_banner li.link a::before{
		top:calc(50% - 4px);
		right:15px;
		transform:rotate(90deg);
}

/* --- responsive --- */
@media only screen and (max-width:1240px){
	.link_banner li{
		width:49%;
	}
	.link_banner li:nth-child(3n+2):last-child{
		margin:0 0 7px;
	}
}
@media only screen and (max-width:767px){
	.link_banner li,
	.link_banner.col_2 li{
		width:100%;
	}
	.link_banner li a{
		font-size:0.9rem;
	}
}

/* --- responsive --- */
@media only screen and (max-width:1240px){
	.link_banner li{
		width:49%;
	}
	.link_banner li:nth-child(3n+2):last-child{
		margin:0 0 7px;
	}
}
@media only screen and (max-width:767px){
	.link_banner li{
		width:100%;
	}
	.link_banner li a{
		font-size:0.9rem;
	}
}


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

/* form_btn */
#kango_f{
	display:inline-block;
	width:260px;
	max-width:100%;
	margin:0 0 10px 10px;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border:1px solid #EC6D8E;
}
#kango_f a{
	display:block;
	position:relative;
	width:100%;
	padding:7px 25px;
	font-size:1rem;
	text-decoration:none;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border:2px solid #FFFFFF;
	background:url(../../image/base/pagelink_w.png) no-repeat bottom right #EC6D8E;
	color:#FFFFFF;
	line-height:1.35;
	}
	#kango_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);
	}
	#kango_f a:hover{
		text-decoration:none;
	}
	#kango_f a span{
		display:block;
		margin-bottom:5px;
/*		margin-bottom:7px;*/
		font-weight:bold;
		font-size:1.1rem;
/*		border-bottom:1px dotted #FFF;*/
	}
	#kango_f a span span{
		display:block;
		margin:0 7px 0 0;
		font-size:1.5rem;
		border-bottom:none;
}

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