@charset "utf-8";

/* --------------------------------------------


メンバー紹介


---------------------------------------------- */

.memberWrap {
 position: relative;
 max-width: 1280px !important;
 margin: 96px auto 32px;
 border: 1px solid #acacac;
 border-radius: 6px;
}


@media only screen and (max-width:640px) {
 .memberWrap {
  margin: 128px auto 32px;
 }

}

/* --------------------------------------------

切り替えボタン

---------------------------------------------- */
.members_btn {
 position: absolute;
 top: -67px;
 width: 100%;
}

.members_btn .flex {
 justify-content: center;
}
.members_btn .flex a {
 display: block;
 width: 340px;
 max-width: 29%;
 margin: 0 1%;
 padding: 18px 0;
 text-align: center;
 font-size: 1.8rem;
 color: #00321e;
 text-decoration: none;
 font-weight: 600;
 background-color: #fff;
 border: 1px solid #acacac;
 border-bottom-width: 0px;
 border-radius: 6px 6px 0 0;
 overflow: hidden;
}

.members_btn .flex a::after {
 content: "";
 display: inline-block;
 width: 24px;
 height: 24px;
 margin: -0.2em 0 0 0.5em;
 vertical-align: middle;
 border-radius: 50%;
 transform: rotate(90deg);
 overflow: hidden;
 background-image: url(../_image/common/icon-arrow.svg);
 border: 1px solid rgba(255, 255, 255, 1);
}

.members_btn .flex a.btn-active{
 color: #5f766d;
 border-bottom: 3px solid #fff;
 background: #e5eced;
 background: linear-gradient(0deg, #fff 13%, #e5eced 88%);
}

.members_btn .flex a.btn-active::after {
 background-image: url(../_image/common/icon-arrow-g.svg);
 background-color: #fff;
 border: 1px solid rgba(0, 51, 31, 0.7);
}


@media only screen and (max-width:640px) {
 .members_btn {
  top: -103px;
 }

 .members_btn .flex a {
  max-width: 31%;
  margin: 0 0.8%;
  font-size: 1.4rem;
 }

 .members_btn .flex a::after {
 }

 .members_btn .flex a::after {
 }
}



/* --------------------------------------------

メンバーリスト

---------------------------------------------- */
.member_inner {
 display: none;
 margin: 92px auto 32px;
}

.member_inner.box-active {
 display: block;
}

.member_inner h2 {
 text-align: center;
 font-size: 2.8rem;
 font-weight: 700;
 background: linear-gradient(60deg, #acc53d 13%, #005b3e 88%);
 -webkit-background-clip: text;
 -webkit-text-fill-color: transparent;
}

.member_inner>p {
 text-align: center;
 font-size: 1.2rem;
}

.member_list.flex {
 justify-content: flex-start;
 align-items: stretch;
 max-width: 1080px !important;
 margin: 48px auto 0px;
}

.member_item {
 position: relative;
 width: 26%;
 margin: 0 3.6% 48px;
 padding-bottom: 36px;
}

.member_item figure {
 margin: 0 0 12px;
}

.member_item figure img {}

.member_item_unit {
 font-size: 1.2rem;
 line-height: 1.6;
 color: #00321e;
}

.member_item_name {
 margin: 12px 0 0px;
 font-size: 2.2rem;
 font-weight: 600;
}

.member_item_field {
 padding-top: 12px;
 font-size: 1.4rem;
 line-height: 1.6;
}

.member_item_field span {
 font-weight: 600;
}

.member_item_link.flex {
 justify-content: flex-end;
 position: absolute;
 bottom: 0;
 right: 0;
 width: 100%;
 text-align: right;
}

.member_item_link a {
 display: inline-block;
 margin: 0 0 0 16px;
 padding: 6px 0;
 font-size: 1.2rem;
 line-height: 1.2;
 font-weight: 600;
 color: #00321e;
 text-decoration: underline;
}

.member_item_link a::before {
 content: "";
 display: inline-block;
 width: 20px;
 height: 20px;
 margin: -0.2em 0.3em 0 0;
 vertical-align: middle;
}

.member_item_link a::before {
 background-image: url(../_image/common/icon-info.svg);
}

.member_item_link a[href*="interview"]::before {
 background-image: url(../_image/common/icon-interview.svg);
}


@media only screen and (max-width:640px) {
 .member_inner {
  margin: 48px auto 0;
 }

 .member_inner h2 {
  font-size: 2.6rem;
 }

 .member_inner>p {}

 .member_list.flex {
  justify-content: space-between;
  margin: 48px auto 0px;
 }
 .member_item {
  width: 46%;
  margin: 0 1% 48px;
  padding-bottom: 80px;
 }

 .member_item figure {}

 .member_item figure img {}

 .member_item_unit {}

 .member_item_name {
  font-size: 2.0rem;
 }

 .member_item_field {
 }

 .member_item_field span {}

 .member_item_link.flex {
  justify-content: flex-start;
 }

 .member_item_link a {
  margin:0 16px 0 0;
  font-size: 1.2rem;
 }
}