#sec_support{
 position: relative;
 overflow: hidden;
}
#sec_support:before{
 display: block;
 content: "";
 width: 185px;
 height: 185px;
 background: url(../img/staff/img1.png) no-repeat center center;
 position: absolute;
 top: 300px;
 left: calc(50vw - 700px);
}
#sec_support:after{
 display: block;
 content: "";
 width: 176px;
 height: 185px;
 background: url(../img/staff/img2.png) no-repeat center center;
 position: absolute;
 top: 300px;
 left: calc(50vw + 510px);
}
#sec_support .list{
 display: grid;
 grid-template-columns: repeat(3,200px);
 gap: 20px;
 justify-content: center;
}
#sec_support .list li{
 background: #fff;
 border-radius: 50%;
 width: 200px;
 height: 200px;
 display: flex;
 justify-content: center;
 align-items: center;
 text-align: center;
 line-height: 2em;
}
#sec_support .photo img{
 opacity: 0;
}
#sec_support .photo .photo1{
 background: url(../img/staff/photo1.jpg) no-repeat top center;
 background-size: 100% auto;
}
#sec_support .photo .photo2{
 background: url(../img/staff/photo2.jpg) no-repeat top center;
 background-size: 100% auto;
}

#sec_service .list li h3 span{
 display: flex;
 width: 150px;
 height: 150px;
 background: var(--green2);
 border-radius: 50%;
 margin: 0 auto;
 justify-content: center;
 align-items: center;
 text-align: center;
 box-shadow: 5px 2px 0px var(--brown);
 color: var(--brown);
 position: relative;
}
#sec_service .list li h3 span:before{
 display: block;
 content: "";
 border-top: solid 10px #fff;
 border-left: solid 6px transparent;
 border-right: solid 6px transparent;
 position: absolute;
 bottom: 20px;
 left: 50%;
 transform:translate(-50%,0);
}

.staff{
 padding: 100px 0px;
}
.staff .ttl{
 max-width: 1400px;
 margin: 0 auto 50px;
 padding-left: 50px;
 position: relative;
 box-sizing: border-box;
}
.staff .ttl:before{
 display: block;
 content: "";
 height: 8px;
 width: 1000px;
 background: var(--green2);
 position: absolute;
 top: 50%;
 transform: translate( calc(-100% - 10px ),-6px);
}
.staff .box1 .photo img{
 border-radius: 50%;
}
.staff .name{
 border-left: solid 5px var(--green2);
 padding: 10px;
}
#sec_staff1{
 background: url(../img/staff/member1_bg.jpg) no-repeat center center;
 background-size: auto 100%;
}
#sec_staff2{
 background: url(../img/staff/member2_bg.jpg) no-repeat center center;
 background-size: auto 100%;
}
#sec_staff3{
 background: url(../img/staff/member3_bg.jpg) no-repeat center center;
 background-size: auto 100%;
}
#sec_staff4{
 background: url(../img/staff/member4_bg.jpg) no-repeat center center;
 background-size: auto 100%;
}
#sec_staff5{
 background: url(../img/staff/member5_bg.jpg) no-repeat center center;
 background-size: auto 100%;
}
#sec_staff6{
 background: url(../img/staff/member6_bg.jpg) no-repeat center center;
 background-size: auto 100%;
}
#sec_staff7{
 background: url(../img/staff/member7_bg.jpg) no-repeat center center;
 background-size: auto 100%;
}

#sec_staff4 .icon{
 background: #fff;
 border:solid 1px #333;
 display: inline-block;
 margin-left: 10px;
}
#sec_staff4 .icon .iconinner{
 display: block;
 padding: 0px 5px;
}
#sec_staff4 .icon img{
 height: 30px;
 width: auto;
}

#sec_all h2 img{
 border-radius: 15px;
}

/*
===================================================
	sp
===================================================
*/
@media screen and (min-width: 1920px) {
 #sec_staff1{
  background: url(../img/staff/member1_bg.jpg) no-repeat top center;
  background-size: 100% auto;
 }
 #sec_staff2{
  background: url(../img/staff/member2_bg.jpg) no-repeat top center;
  background-size: 100% auto;
 }
 #sec_staff3{
  background: url(../img/staff/member3_bg.jpg) no-repeat top -1px center;
  background-size: 100% auto;
 }
 #sec_staff4{
  background: url(../img/staff/member4_bg.jpg) no-repeat top center;
  background-size: 110% auto;
 }
 #sec_staff5{
  background: url(../img/staff/member5_bg.jpg) no-repeat top center;
  background-size: 100% auto;
 }
 #sec_staff6{
  background: url(../img/staff/member6_bg.jpg) no-repeat top -1px center;
  background-size: 100% auto;
 }
 #sec_staff7{
  background: url(../img/staff/member7_bg.jpg) no-repeat top -1px center;
  background-size: 100% auto;
 }
}

/*
===================================================
	sp
===================================================
*/
@media screen and (max-width: 960px) {
 .staff{
  padding: 50px 0px;
 }
 #sec_support .list{
  display: grid;
  grid-template-columns: repeat(2,140px);
  gap: 20px;
  justify-content: center;
 }
 #sec_support .list li{
  width: 140px;
  height: 140px;
 }
}