@charset "utf-8";
/* ==========================================================
about
========================================================== */
#about {
}


#about .wrapper p{
	/*text-indent: -1em;
	padding-left: 1em;*/
	line-height: 1.5;
	margin-bottom: 10px;
}
#about .comment {
	text-indent: 0;
	padding-left: 0px;
	padding-top: 20px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #999;
	margin-top: 20px;
}





.about_left {
	float: left;
	width: 450px;
	border-right-width: 6px;
	border-right-style: solid;
	border-right-color: #c27822;
	padding-right: 27px;
	margin-right: 27px;
}
.about_right {
	width: 450px;
	float: left;
}


.staff-profile .box {
	display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
	width: 100%;
}
.staff-profile .box .conts {
  width: 48%;
	padding: 2%;
	text-align: center;
	margin-bottom: 20px;
}
.staff-profile .box .conts p {
	padding: 0 !important;
	margin: 0 !important;
	font-size: clamp( 12px, 1.5vw, 14px);
	width: 100%;
	text-indent: 0 !important;
}
.staff-profile .box .conts p.name {
  font-size: clamp( 18px, 3vw, 22px);
  color: #402210;
  margin-bottom: 10px !important;
	font-weight: 600;
}
.staff-profile .box .conts p.txt {
  line-height: 1.8 !important;
	text-align: left;
}

.image_circle {
  height: 260px;
  border-radius:50%;
	box-sizing: border-box;
	margin-bottom: 20px;
	
}
.image_circle img {
  width: 260px;
  height: 260px;
  border-radius: 50%;
  object-fit: cover;
}
.staff-profile .box .conts:nth-child(even) .image_circle img {
	border: 10px solid #c37d2a;
}
.staff-profile .box .conts:nth-child(odd) .image_circle img {
	border: 10px solid #7e8e36;
}

@media screen and (max-width: 768px){
	.staff-profile .box .conts {
		width: 48%;
	}
}
@media screen and (max-width: 640px){
	.staff-profile .box .conts {
		width: 100%;
	}
	.staff-profile .box .conts:not(:last-child) {
	  margin-bottom: 30px;
  }
}