@charset "utf-8";
/* CSS Document */
#mainContents .leader,
#mainContents .team {
    max-width: 1233px;
    width: 96%;
    margin: 0px auto;
}
#mainContents .member {
  color: #FFFFFF;
    box-sizing: border-box;
    border: solid 1px #FFFFFF;
  display: block;
}
#mainContents.bg_den .member {
  background: linear-gradient(90deg, #FFFFFF 0%, #FFFFFF 34.38%, #7a3ac2 34.38%, #7a3ac2 100%);
}
#mainContents.bg_wani .member {
  background: linear-gradient(90deg, #FFFFFF 0%, #FFFFFF 34.38%, #07913a 34.38%, #07913a 100%);
}
  #mainContents .member div {
    display: table-cell;
  }
#mainContents .memberimg {
    width: 34.38%;
    vertical-align: middle;
}
#mainContents .membertext {
    vertical-align: top;
}
@media only screen and (min-width: 961px) { /*PC*/
#mainContents .leader {
    max-width: 605px;
    margin-top: 60px;
}
#mainContents .team {
    flex-wrap: wrap;
    display: flex;
    justify-content: space-between;
}
#mainContents .team .member {
    width: 49.06%;
    margin-top: 20px;
}
.switch_image {
    position: relative;
}

.switch_image img {
    transition: opacity 0.5s;
}
.switch_image:hover img:first-of-type {
    opacity: 0;
}
.switch_image img:last-of-type {
    position: absolute;
    top: 0px;
    left: 0px;
    opacity: 0;
}
.switch_image:hover img:last-of-type {
    opacity: 1;
}
.switch_image:after{
content: '';
display: block;
width: 26px; 
height: 26px;
background-image: url("/corporate/makaizo/den/member/img/switch_icon.png");
background-size: contain;
background-repeat:no-repeat;
position:absolute;
top:10px;
right:10px;
    }
    #mainContents.bg_den  .switch_image:after{
background-image: url("/corporate/makaizo/den/member/img/switch_icon.png");
    }
    #mainContents.bg_wani  .switch_image:after{
background-image: url("/corporate/makaizo/wani/member/img/switch_icon.png");
    }
#mainContents .membertext {
    padding: 20px;
}
}
@media only screen and (max-width: 960px) { /*SP*/
#mainContents .member {
    margin-top: 15px;
}
#mainContents .subImg {
    display: none;
}
#mainContents .membertext {
    padding: 15px;
}
    
}
/* ------------------------------ */
  #mainContents .membertext .name {
    font-size: clamp(2rem, calc(1.538rem + 0.98vw), 2.4rem);
      font-weight: 600;
  }
  #mainContents .membertext .title {
    font-size: clamp(1rem, calc(0.538rem + 0.98vw), 1.4rem);
  }
  #mainContents .membertext .message {
    font-size: clamp(1.2rem, calc(0.738rem + 0.98vw), 1.6rem);
  }