@charset "utf-8";
/* CSS Document */

#main_v{
  background:url(../img/mainv_bg.jpg) center center /cover no-repeat;
}

#searchBox{
  background-color:#f5f1eb;
  padding:2rem 0;
}
#searchBox .flex{
  align-items: stretch;
}
#searchBox .flex .ttl{
  font-size:1.8rem;
  color:#1a1a1a;
  margin-bottom:0.5em;
}
#searchBox .flex .ttl img{
  width:1.278em;
  margin-right:0.5em;
}
#searchBox .flex .name_box{
  width:50%;
  box-sizing: border-box;
  padding-right:3%;
  border-right:1px solid #d5a237;
}
#searchBox .flex .name_box form{
  display:flex;
}
#searchBox .flex .name_box form input{
  font-size:1.8rem;
  border:solid 1px #e0dddc;
  padding:0.5em;
  border-radius:0.3em;
}
#searchBox .flex .name_box form .btn_search{
  color:#FFF;
  font-size:1.8rem;
  background-color:#ff0007;
  margin-left:1em;
  width:6em;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius:3em;
  transition-duration: 0.3s;
}
#searchBox .flex .name_box form .btn_search:hover{
  opacity:0.7;
}

#searchBox .flex .area_box{
  width:47%;
  
}
#searchBox .flex .area_box select{
  font-size:1.8rem;
  border:solid 1px #e0dddc;
  padding:0.5em;
  border-radius:0.3em;

}

ul.person{
  width:105%;
  display:flex;
  margin-top:6rem;
  flex-wrap: wrap;
}
ul.person li{
  /*width: 20.338%;*/
  width: 20.26%;
  margin-right:4.6%;
  margin-bottom:4.6%;
}
ul.person li a{
  display:block;
  background-color:#cfa345;
  border-radius:0.7em;
  overflow: hidden;
  transition-duration: 0.3s;
}
ul.person li a:hover{
  opacity:0.7;
}
ul.person li p{
  font-size:1.5rem;
  color:#FFF;
  padding:0.5em 0.8em;
}
ul.person li p span{
  font-size:1.8rem;
  display:block;
  
}
@media screen and (min-width: 768px) and (max-width: 960px) {

  
}


@media screen and (max-width: 767px) {
  
  #main_v {
    background: url(../img/mainv_bg.jpg) center center /420% no-repeat;
}
  #searchBox .flex .name_box {
    width: 100%;
    padding-right: 0%;
    padding-bottom:1em;
    margin-bottom:1em;
    border-right: none;
    border-bottom: 1px solid #d5a237;
}
  #searchBox .flex .name_box form input {
    font-size: 16px;
}
  #searchBox .flex .area_box select {
    font-size: 16px;
}
  ul.person li {
    width: 45.338%;
}


}