@charset "UTF-8";
/*------------------------------------------------------------pagetitle*/
#pagetitle .ph .title_bg {
    background: url("../img/member_img/pagetitle.jpg") center center no-repeat;
    background-size: cover;
}


/*------------------------------------------------------------contents*/
#sec01 ul li {
	margin-bottom:20px;
	padding:20px;
	border-radius: 40px;
	background: #fff;
}
#sec01 ul li div.name {
	margin-bottom: 10px;
	font-size:0;
	transform: rotate(0.001deg);
}
#sec01 ul li div.name figure {
	display: inline-block;
	position: relative;
	width: 40%;
	margin-right: 7%;
	vertical-align: middle;
}
#sec01 ul li div.name img.ph {
	width: 100%;
	height: auto;
	border-radius: 100%;
	box-shadow: 0 0 4px rgba(0,0,0,0.1);
}
#sec01 ul li div.name figure img.icon {
	position: absolute;
	width: 58px;
	height: auto;
	right: -12px;
	bottom:0;
}
#sec01 ul li div.name div {
	display: inline-block;
	width: 53%;
	vertical-align: middle;
}
#sec01 ul li div.name div h4 {
	margin-bottom: 10px;
	padding-bottom:10px;
	line-height: 1.1;
	font-size:20px;
	font-weight: 800;
	border-bottom: dotted 2px rgba(116,76,39,0.7);
}
#sec01 ul li div.name div h4 span {
	display: block;
	margin-bottom: 8px;
	line-height: 1.2;
	font-size:16px;
	font-weight: 500;
	transform: rotate(0.02deg);
}
#sec01 ul li div.name div h4 small {
    display:inline;
	font-size:0.7em;
}
#sec01 ul li div.name div h5 {
	line-height: 1.1;
	font-size:18px;
}
#sec01 ul li div.tx p {
	line-height: 1.5;
}
#sec01 ul li div.tx h6 {
	display: inline-block;
	margin-top:10px;
	padding:2px 10px;
	line-height: 1.1;
	font-size:16px;
	color:#fff;
	border-radius: 30px;
	background:rgba(116,76,39,0.7);
}
@media print, screen and (min-width:576px) {
#sec01 ul li div.name figure {
	width: 30%;
	margin-right: 5%;
}
#sec01 ul li div.name figure img.icon {
	position: absolute;
	width: 54px;
	height: auto;
	right: -16px;
	bottom:0;
}
#sec01 ul li div.name div {
	width: 65%;
}
}
@media print, screen and (min-width:768px) {
#sec01 ul li {
	padding: 30px;
}
#sec01 ul li div.name figure {
	display: inline-block;
	width: 28%;
	margin-right: 5%;
	vertical-align: middle;
}
#sec01 ul li div.name figure img.icon {
	position: absolute;
	width: 80px;
	height: auto;
	right: -20px;
	bottom:0;
}
#sec01 ul li div.name div {
	display: inline-block;
	width: 67%;
	vertical-align: middle;
}
#sec01 ul li div.name div h4 {
	margin-bottom: 15px;
	line-height: 1.1;
	font-size:30px;
	font-weight: 800;
}
#sec01 ul li div.name div h4 span {
	display: block;
	margin-bottom: 7px;
	font-size:20px;
}
#sec01 ul li div.name div h5 {
	line-height: 1.1;
	font-size:21px;
}
}
@media print, screen and (min-width:992px) {
#sec01 ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#sec01 ul li {
	width: 48.5%;
	margin-bottom:30px;
	padding:30px;
	border-radius: 60px;
}
#sec01 ul li div.name figure {
	display: inline-block;
	width: 38%;
	margin-right: 8%;
	vertical-align: middle;
}
#sec01 ul li div.name figure img.icon {
	position: absolute;
	width: 80px;
	height: auto;
	right: -24px;
	bottom:0;
}
#sec01 ul li div.name div {
	display: inline-block;
	width: 54%;
	vertical-align: middle;
}
}
@media print, screen and (min-width:1200px) {
#sec01 ul li div.name figure img.icon {
	position: absolute;
	width: 80px;
	height: auto;
	right: -22px;
	bottom:0;
}
}