@charset "utf-8";


.staff_h3{
	margin: 0 0 30px 0;
	padding: 0 0 20px 0;
	box-sizing: border-box;
/*	border-bottom:#820045 solid 1px;*/
	font-size:18px;
	color:#820045;
}
@media screen and (max-width: 800px){
  .staff h3{
      margin: 0 0 20px 0;
      padding: 20px 10px;
      font-size:20px;
  }
}

#slide_wrap{
	position:relative;
	width: 100%;
}

#slide{
	position:relative;
	padding: 133.8912% 0 0 0;
	z-index: 100;
}
#slide li{
	position:absolute;
	margin: auto;
	left:0;
	top:0;
	bottom:0;
	right: 0;
	background-position: center center;
	background-size:cover; 
}
.slide01 {
	background-image:url("../images/about/slide01.jpg");
}
.slide02 {
	background-image:url("../images/about/slide02.jpg");
}
.slide03 {
    background-image:url("../images/about/slide03.jpg");
}



.staff_list{
    border: #b2c5c0 solid 5px;
    padding: 40px;
    box-sizing: border-box;
    margin: 10px 0;
    background: #fff;
}

.staff_list > ul,
.staff_list02 > ul,
.staff_list03 > ul{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-pack:justify;
    -moz-box-pack:justify;
    -webkit-flex-pack:justify;
    -moz-flex-pack:justify;
    -ms-flex-pack:justify;
    -webkit-justify-content:space-between;
    -moz-justify-content:space-between;
    justify-content:space-between;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
.staff_list > ul > li{
	width: 70%;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-align:center;
    -moz-box-align:center;
    -ms-flex-align:center;
    -webkit-align-items:center;
    -moz-align-items:center;
    align-items:center;
	font-size:16px;
	line-height: 2;
}
.staff_list > ul > li:first-child{
	width: 25%;
}


@media screen and (max-width: 800px){
  .staff_list{
      padding: 20px;
      margin: 20px 0;
  }
	
  .staff_list > ul > li{
      width: 100%;
      font-size:14px;
      line-height: 1.8;
  }
  .staff_list > ul > li:first-child{
      width: 90%;
	  max-width: 300px;
	  margin: 0 auto 20px auto;
  }
}


.staff_list02 > ul > li{
	width: 30%;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-align:center;
    -moz-box-align:center;
    -ms-flex-align:center;
    -webkit-align-items:center;
    -moz-align-items:center;
    align-items:center;
	font-size:16px;
	line-height: 2;
}
.staff_list02 > ul > li:first-child{
	width: 65%;
}
.staff_list02 > ul > li img{
	width: 100%;
	max-width: 100%;
}


@media screen and (max-width: 800px){
  .staff_list02 > ul > li{
      width: 90%;
	  max-width: 300px;
      font-size:14px;
      line-height: 1.8;
	  margin: 0 auto;
  }
  .staff_list02 > ul > li:first-child{
      width: 100%;
	  max-width: 100%;
	  margin: 0 0 20px 0;
  }
}



.list{
	padding: 0 0 10px 25px;
	position: relative;
	display: inline-block;
	font-size:18px;
}
.list::before{
	position: absolute;
	width: 18px;
	height: 18px;
	font-size:18px;
    font-family: 'Font Awesome 5 Pro';
    content: "\f00c";
	font-weight: 900;
	line-height: 1;
	top:4px;
	bottom:auto;
	left:0;
	margin: auto;
	color:#b2c5c0;
}


@media screen and (max-width: 800px){
  .list{
      padding: 0 0 5px 20px;
      font-size:16px;
  }
  .list::before{
      position: absolute;
      width: 16px;
      height: 16px;
      font-size:16px;
      top:5px;
  }
}



.staff_list03 > ul{
	border-bottom: 1px solid #b2c5c0;
	margin: 30px 0 0 0;
}

.staff_list03 > ul > li{
	width: 70%;
	box-sizing: border-box;
	padding: 30px;
	border-top: 1px solid #b2c5c0;
	text-align: left;
	font-size:14px;
}

.staff_list03 > ul > li:nth-child(odd){
	width: 30%;
	border-right: 1px dashed #b2c5c0;
}
@media screen and (max-width: 800px){
  .staff_list03 > ul > li{
      width: 100%;
      font-size:14px;
      padding: 10px 5px 15px 5px;
      text-align: left;
      border-top: 1px dashed #b2c5c0;
  }
  .staff_list03 > ul > li:nth-child(odd){
	  width: 100%;
	  font-size:16px;
      text-align: left;
      border-top: 1px solid #b2c5c0;
      padding: 15px 5px 10px 5px;
	  border-right: none;
  }
}