@charset "utf-8";
/* CSS Document */

#about h3 {
	background-color:#009944;
	color:#FFF;
	padding:10px;
	font-weight:normal;
	margin:10px 0px;}

#about #shisetsu .shisetsu_photo .shisetsu_list {
	font-size:0px;
	padding:10px;}
#about #shisetsu .shisetsu_photo .shisetsu_list h5 {
	background-color:#A4D7E6;
	color:#143992;
	font-size:20px;
	font-weight:bold;
	margin:0px;
	text-align:center;
	}
#about #shisetsu .shisetsu_photo .shisetsu_list p {
	font-size:16px;
	padding:5px;}
	
#about #shisetsu h4 {
	font-size:20px;
	color:#E50013;
	position:relative;
	margin-top:30px;
	}
#about #shisetsu h4 span {
  position: relative;
  z-index: 2;
  display: inline-block;
  margin: 0 20% 0px 0px;
  padding: 0 0.5em 0 1em ;
  background-color: #fff;
  text-align: left;
}
#about #shisetsu h4::before {
  position: absolute;
  top: 40%;
  z-index: 1;
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  border-bottom:#F38089 dotted 10px;

}
#about #shisetsu .security p {
	padding:10px 20px;}
#about #shisetsu .security .security_list {
	padding:10px;}
#about #shisetsu .security .security_list img {
	border:#339966 1px solid;
	border-radius:10px;}
#about #shisetsu .security .security_list p {
	color:#339966;
	font-weight:bold;
	font-size:18px;
	padding:0px;}
	
#about #shisetsu .kyusyoku p {
	padding:10px 20px;}
#about #shisetsu .kyusyoku h5 {
	color:#143992;
	font-size:18px;
	padding: 5px 10px;}
#about #shisetsu .kyusyoku .kyusyoku_list {
	padding:5px 10px;
	}
#about #shisetsu .kyusyoku .kyusyoku_list img {
	border-radius:10px;}
#about #shisetsu .kyusyoku ul {
	list-style:  none;
    margin:  0;
    padding: 0;
	}
#about #shisetsu .kyusyoku ul li:before {
    content:  "";
    width:  10px;
    height:  10px;
    display:  inline-block;
    background-color: #009944;
    border-radius:  50%;
    position:  relative;
    top: -1px;
    margin-right: 5px;
}
#about #staff dl {
	padding:10px;
}
#about #staff dl dt {
	color:#133992;
	font-weight:bold;
	float:left;
	width:5em;}
#about #staff dl dd {
	border-bottom:#666 1px dashed;
	}

#about #gaiyou dl {
	padding:10px;
}
#about #gaiyou dl dt {
	color:#133992;
	font-weight:bold;
	float:left;
	width:8em;
	font-size:16px;}
#about #gaiyou dl dd {
	border-bottom:#666 1px dashed;
	padding-left:8em;
	font-size:16px;
	}
	
@media (min-width: 45rem) {
#about #shisetsu .shisetsu_photo .shisetsu_list {
	padding:20px;}
#about #shisetsu .security {
	padding-bottom:80px;}
#about #shisetsu .security p {
	padding:20px 40px;}
#about #shisetsu .security .security_list {
	padding:30px;}
#about #shisetsu .kyusyoku {
	padding-bottom:80px;}
#about #shisetsu .kyusyoku p {
	padding:20px 40px;}
#about #shisetsu .kyusyoku h5 {
	padding: 10px 40px;}
#about #shisetsu .kyusyoku .row {
	padding:0px 30px;}
#about #shisetsu .kyusyoku .kyusyoku_list {
	padding:5px 30px;}
#about #shisetsu .kyusyoku ul {
    margin:  0 0 0 30px;
    padding: 0;
	}
#about #staff .staff_list {
	margin:30px 30px 80px 30px;}
#about #staff dl {
	text-align:center;
	border-bottom:#666 1px dashed;
	margin:10px 15px 0px 15px;
	}
#about #staff dl dt {
	float:none;
	width:5em;
	display:inline-block;}
#about #staff dl dd {
	display:inline-block;
	border:none;
	}	
	
	
#about #gaiyou dl {
	padding:30px 50px 80px 50px;
}
#about #gaiyou dl dt {
	font-size:18px;
	padding-top:10px;}
#about #gaiyou dl dd {
	font-size:18px;
	padding-top:10px;
	}
}