@charset "UTF-8";

/****************************************
staff
*****************************************/

ul.link-01{
	overflow: hidden;
	margin-bottom: 30px;
}
ul.link-01 li{
	display: inline-block;
}
ul.link-01 li a{
	font-size: 2.2rem;
	color: #006769;
	position: relative;
	text-decoration: none;
	padding-left: 15px;
	margin-right: 1em;
}
ul.link-01 li a:before {
  content: '';
  width: 6px;
  height: 6px;
  border: 0;
  border-top: solid 2px #006769;
  border-right: solid 2px #006769;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -4px;
  transform: rotate(135deg);
}

.staff{
	overflow: hidden;
	margin-top: 30px;
}
.staff .img{
	width: 20%;
	float: left;
}
.staff .introduction,
.staff .box-b{
	width: 78%;
	float: right;
	text-align: left;
}
.staff .introduction dl{
	font-size: 16px;
	border-bottom: solid 1px #0b5556;
	margin-bottom: 20px;
	padding-bottom: 20px;
	line-height: 2em;
}
.staff .introduction dl:last-of-type{
	border-bottom: none;
	margin-bottom: 0px;
}
.staff .introduction dl dt,
.staff .box-b dl dt{
	color: #0b5556;
	font-weight: bold;
	font-size: 1.8rem;
}
.staff .introduction dl dd{
	font-size: 1.7rem;
}

.staff .box-b dl dd{
	border-bottom: solid 1px #0b5556;
	padding-bottom: 15px;
	margin-bottom: 15px;
}
.staff .box-b dl:last-of-type dd{
	border-bottom: none;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

table.tbl02{
	margin-top: 0px;
	margin-bottom: 0px;
}


.readmore{
	margin-bottom: 10px !important;
}
.readmore .acc_box{
	width: 100%;
	margin-top: 0px;
    border: solid 2px #006769;
    border-radius: 5px;
    padding: 5px 15px 5px 15px;
    display: inline-block;
    background: #fff;
}

.readmore .acc_box h3{
	font-size: 1.5rem;
	border-bottom: none;
	background: #fff;
}
.readmore .acc_box h3:before{
	position: absolute;
	top: 52%;
}

.readmore .acc_box div.acc{
	background: #fff;
}
.readmore .acc_box div.acc ul li{
	font-size: 1.7rem;
}
.readmore .acc_box div.acc p{
	font-size: 1.7rem;
}
.readmore dl dd table.tbl02 tr:last-of-type{
		border-bottom: none !important;
	}


.acc_box p.btclose {
	margin-bottom: 0px;
}

/*.detail .close{
 display:none;
}
.acc_box .open{
 display:none !important;
}
.acc_box .close{
 display:inline!important;
}

非表示処理*/
.detail .close span{
 display:none;
}
.acc_box .open span{
 display:none !important;
}
.acc_box .close span{
 display:inline!important;
}
.readmore .acc_box h3.open{
	border: none;	
}
.readmore .acc_box h3.open:before{
	background: none;
}

/*--------------------
タブレット
--------------------*/
@media screen and (max-width:768px){
	/*.staff .img,
	.staff .introduction{
		width: 100%;
		float: none;
	}*/
}

/*--------------------
スマートフォン
--------------------*/
@media screen and (max-width: 480px) {
	ul.link-01{
		width: 90%;
		margin: 0 auto 30px;
		text-align: left;
	}
	ul.link-01 li{
		line-height: 2em;
	}
	ul.link-01 li a{
		font-size: 1.8rem;
	}
	.readmore{
		margin-bottom: 0px !important;
	}
	.staff .img{
		text-align: left;
	}
	/*.staff-p{
		width: 30% !important;
	}*/
	.staff-p{
		width: 100% !important;
		margin-bottom: 20px;
	}

	.staff .introduction dl{
		margin-bottom: 10px;
		padding-bottom: 0px;
	}
	.staff .introduction dl dt,
	.readmore .acc_box div.acc dt{
		font-size: 1.7rem;
	}
	.staff .introduction dl dd,
	.readmore .acc_box div.acc ul li,
	.readmore .acc_box div.acc p,
	table.tbl02 th,
	table.tbl02 td{
		font-size: 1.5rem;
	}
	.staff .introduction dl:nth-of-type(2) dd{
		margin-bottom: 10px;
	}
	table.tbl02 th, table.tbl02 td{
		line-height: 1.8em;
	}
	

	.staff .img{
		width: 40%;
	}
	.staff .introduction{
		width: 58%;
	}
	.staff .introduction .box-a{
		/*width: 58%;*/
	}
	.staff .box-b{
		width: 100%;
	}
	.staff .box-b dl:last-of-type dd{
	margin-bottom: 15px;
}
}