/* ==========================================================================
	member
========================================================================== */
.member_wrap {
	letter-spacing:-0.4em;
	width:100%;
	margin-bottom:50px;
}
.member_wrap .profile,
.member_wrap .data_member {
	display:inline-block;
	letter-spacing:normal;
	vertical-align:top;
}
.member_wrap .profile {
	margin-right:4%;
	width:20%;
}
.member_wrap .data_member {
	width:76%;
}
.member_wrap .profile p.name {
	font-size:1.3rem;
}
.member_wrap .btn_member.pc li a {
	display:block;
  color: #FFF;
  background: #01a0e9;
  padding: 5px 10px;
  text-align: center;
  font-size:1.3rem;
}
.title_p{
	font-size: 12px;
	margin-bottom: 0;
}
.member_wrapper_single ruby rt{
	font-size: 12px;
}
.member_wrap .btn_member.sp li a {
	display:none;
}
.member_wrap .btn_member li a:hover {
	text-decoration: none;
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}
.member_wrap .data_member table {
	width:100%;
}
.member_wrap .data_member table th {
	width:17%;
  text-align: left;
	vertical-align:top;
  font-size:1.4rem;;
  font-weight:normal;
  border-right:1px dotted #000000;
  white-space: nowrap;
  padding-right: 1%;
  box-sizing: border-box;
}
.member_wrap .data_member table td {
	width:78%;
	padding-left:5%;
	font-size:1.4rem;
	padding-bottom: 0.5rem;
}
@media screen and (max-width: 600px) {
	.member_wrap .profile,
	.member_wrap .data_member {
		display:block;
		width:100%;
	}
	.member_wrap {
		letter-spacing: normal;
		width:100%;
	}
	.member_wrap .profile img {
		width:90%;
		margin:0 5%;
	}
	.member_wrap .profile p.name {
		width:90%;
		margin:0 5%;
		font-size:2.0rem;
		margin-bottom:20px;
	}
	.member_wrap .btn_member.sp li a {
		display:block;
		width:80%;
		margin:0 10%;
	  color: #FFF;
	  background: #01a0e9;
	  padding:20px 10px;
	  min-width: 150px;
	  text-align: center;
	  font-size:2.0rem;
	}
	.member_wrap .btn_member.pc li a {
		display:none;
	}
	.member_wrap .data_member table {
		margin-bottom:20px;
	}
	.member_wrap .data_member table th {
		width:30%;
		letter-spacing: -0.05em;
	}
	.member_wrap .data_member table th,
	.member_wrap .data_member table td {
		font-size:2.0rem;
	}
	.member_wrap .data_member table td {
		width: 70%;
	}

}

/*---------------2024/06追加分---------------*/
.member_h1_wrapper{
	display: flex;	
	justify-content: space-between;
	align-items: baseline;
	border-bottom: 2px solid #01a0e9;
}
.borad_member_wrapper {
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* 4列レイアウト */
    width: 100%;
}
.borad_member_wrapper a.inner {
    display: flex;
    flex-direction: column;
    width: 22%;
    min-width: 210px;
    padding-bottom: 10px;
    background: #F4F8FB;
    position: relative;
	margin-bottom: 30px;
}
.borad_member_wrapper a.inner:first-child {
    grid-column: span 4; /* 最初の要素を全幅に */
}

.borad_member_wrapper .inner{
	display: flex;
	flex-direction: column;
	width: 22%;
	min-width: 210px;
	position: relative;	
	
}
.borad_member_wrapper .inner .text_box{
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	background: #F4F8FB;
	padding: 10px 8px 10px;
	justify-content: center;
}
.borad_member_wrapper a {
    text-decoration: none;
	color: #000000;
}
.borad_member_wrapper p {
    margin: 0;
    padding: 0;
    font-size: 12px;
}
.borad_member_wrapper h3{
	margin-bottom: 0;
	font-size: 18px;
}
.borad_member_wrapper ruby rt{
	font-size: 12px;
}
.borad_member_wrapper .date{
	font-size: 9px;
}
.borad_member_wrapper::before{
	content:"";
	display: block;
	width: 23%;
	min-width: 210px;
	order: 1;
  }
.borad_member_wrapper::after{
	content:"";
	display: block;
	width: 23%;
	min-width: 210px;
}
.borad_member_wrapper a.inner:hover > .text_box{
	background: #D1ECFE;
	transition: 0.6s;

}
.borad_member_wrapper a.inner:hover{
	background: #D1ECFE;
	transition: 0.6s;
}
.borad_member_wrapper .inner:hover > img {
    opacity: 0.8;
    transition: opacity 0.6s;
}
p.date{
	font-size: 10px!important;
	margin: 0;
}
.member_wrapper_single{
	display: flex;
	flex-direction: row;
}
.member_wrapper_single .left_box{
	width: 100%;
	max-width: 190px;
	margin-right: 45px;
}
.member_wrapper_single h3{
	font-size: 24px;
	margin: 6px 0 0 0;
	padding: 0;
	line-height: 1.3;
}
.member_wrapper_single img{
	margin: 22px 0 10px;
	width: 100%;
}
.member_wrapper_single .right_box .data_member{
	width: 100%;
}
.btn_ceo{
	max-width: 190px;
	display: block;
    color: #FFF;
    background: #01a0e9;
    padding: 5px 7px;
    text-align: center;
    font-size: 1.3rem;
}
.btn_ceo a{
	color: #FFF;
}
.member_btn_wrapper{
	border-top: 2px solid #01a0e9;
}
.member_btn{
	display: flex;
	justify-content: center;
}
.member_btn a{
	display: inline-block;
	width: auto;
	background: #616161;
	color: #fff;
	text-align: center;
	text-decoration: none;
	margin: 60px auto 0;
	padding: 11px 8px;
	transition: 0.4s;
}
.member_btn a:hover{
	opacity: 0.8;
}
.width_adj1rem{
	width: 10px;
}

@media screen and (max-width: 1150px) {
.borad_member_wrapper {
	grid-template-columns: repeat(3, 1fr); /* 3列レイアウト */
}

.borad_member_wrapper a.inner:first-child {
	grid-column: span 3; /* 最初の要素を3列分占める */
}
}
@media screen and (max-width: 960px) {
.borad_member_wrapper {
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: unset;
}
.borad_member_wrapper > div{
	width: 100%;
}
.borad_member_wrapper a.inner {
	background: #F4F8FB;
	width: 100%;
	height: 100%;
	min-width: unset;
	flex-direction: row;
	margin-bottom: 30px;
	padding-bottom: 0px;
}
.borad_member_wrapper h3{
	margin-right: 24px;
}
.borad_member_wrapper rt{
	font-size: 10px;
}
.borad_member_wrapper img {
	height: 100%;
	object-fit: cover;
	margin-bottom: 0;
}
.borad_member_wrapper .text_box{
	padding: 12px 24px;	
}
.borad_member_wrapper h3{
	font-size: 18px;
	margin: 12px 8px 0 0;
}
.borad_member_wrapper a.inner:first-child{
	margin-bottom: 60px;
}
}
@media screen and (max-width: 600px) {
.borad_member_wrapper img {
	max-height: 126px
}	
.borad_member_wrapper a.inner {
	max-height: 126px
}
.borad_member_wrapper .text_box{
	padding: 10px 12px;	
}
p.date{
	padding: 0;	
	margin: 0;
}
.member_wrapper_single ruby rt{
	font-size: 9px;
	padding-top: 10px;
}
.member_wrapper_single{
	display: flex;
	flex-direction: column;
}
.member_wrapper_single .left_box{
	display: flex;
	max-width: unset;
	flex-direction: row-reverse;
	justify-content: flex-end;
	align-items: center;
	min-width: unset;
	margin-right: 0;
	margin-bottom: 40px;
    background: #F4F8FB;
}
.member_wrapper_single .left_box img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	margin: 0;
	max-width: 123px;
}
.member_wrapper_single h3{
	font-size: 24px;
	margin: 12px 8px 0 0;
}
.member_wrapper_single p{
	padding: 0;
}
.member_wrapper_single .text_box{
	padding-left: 10px;
}
.btn_ceo{
	display: none;
}
.name{
	display: flex;
    align-items: center;
	margin-bottom: unset;
}
ruby {
    display: flex;
    align-items: flex-end;
}
.borad_member_wrapper ruby rt{
	font-size: 9px;
	padding-top: 10px;
}
}