/* team_wrap */
/******************************************************************************
 * 10.03 - team_wrap
*****************************************************************************/
#main{
  overflow: hidden;
  background-image: url(../img/team/team_back.png);
  background-position: top 40rem right 40rem;
  background-size: 481rem;
  background-repeat: no-repeat;
}

.archive_header{
  margin-bottom: 65rem;
}
.search_form{
  width: 780rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 auto 70rem;
}

.search_selectbox {
  display: inline-flex;
  align-items: center;
  position: relative;
}
.search_selectbox::after {
  position: absolute;
  right: 15rem;
  width: 10rem;
  height: 7rem;
  background-color: #535353;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  content: '';
  pointer-events: none;
}
.search_selectbox select {
  font-size: 18rem;
  appearance: none;
  height: 40rem;
  padding: .3em calc(.8em + 30rem) .4em .8em;
  border: 1px solid #cccccc;
  border-radius: 8rem;
  background-color: #f7ed00;
  color: #333333;
  cursor: pointer;
}
.search_selectbox:nth-child(1) select{ width: 340rem; }
.search_selectbox:nth-child(2) select{ width: 200rem; }
.search_selectbox:nth-child(3) select{ width: 200rem; }

.news_list_wrap{
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin: -45rem 0 0 -40rem;
}
.news_list_inner{
  display: flex;
  flex-direction: column;
  width: 400rem;
  margin: 45rem 0 0 40rem;
  text-align: left;
}
.news_list_inner a{
  color: inherit !important;
}
.news_list_inner a:hover{
  text-decoration: underline;
}

.news_list_img{
  width: 100%;
  height: 240rem;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.news_list_img img{
  width: auto;
  min-width: 100%;
  height: auto;
  min-height: 100%;
  object-fit: cover;
  /* max-width: fit-content; */

}
.news_list_inner .date{
  display: inline-block;
  font-size: 14rem;
  margin-top: 14rem;
}
.news_list_inner .title{
  display: block;
  font-size: 18px;
  margin: 4rem 0 12rem;
  text-align: left;
  font-weight: bold;
  line-height: 1.8em;
}
.news_list_inner .inner_category_wrap{
  height: 20rem;
}
.news_list_inner .inner_category_wrap span{
  font-size: 14rem;
  display: inline-block;
  height: 20rem;
  line-height: 18rem;
  color: #fff;
  padding: 0 .5em;
  cursor: pointer;
}
.news_list_inner .inner_category_wrap span + span{
  margin-left: .5em;
}
.btn_div{
  margin: 100rem auto 95rem;
  text-align: center;
}


.btn_div .more_btn{
  margin: auto;
  cursor: pointer;
  padding-left: 20rem;
  justify-content: flex-start;
}
.btn_div .more_btn span{
  margin-right: 50rem;
}


.breadcrumbs{
  margin-top: 220rem;
}

@media screen and (max-width:1580px){
  .news_list_inner{
    width: calc( (100vw - 160rem) /3 );
  }
}

@media screen and (max-width:768px){
  #main{
    background-image: none;
  }
  .archive_header{
    margin-bottom: 55rem;
  }
  .search_wrap{
    padding: 0rem 0 0rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
  }
  .search_form{
    width: 520rem;
    flex-wrap: wrap;
  }
  .search_selectbox select {
    font-size: 26rem;
    height: 70rem;
  }
  .search_selectbox:nth-child(1) select{ width: 520rem; margin-bottom: 15rem; }
  .search_selectbox:nth-child(2) select{ width: 255rem; }
  .search_selectbox:nth-child(3) select{ width: 255rem; }




  .news_list_wrap{
    flex-direction: column;
    justify-content: center;
    flex-wrap: wrap;
    margin: auto;
  }
  .news_list_inner{
    width: 100%;
    margin: auto;
  }
  .news_list_inner + .news_list_inner{
    margin-top: 65rem;
  }

  .news_list_img{
    margin-bottom: 18rem;
    height: 400rem;
  }
  .news_list_img img{
    width: 100%;
    height: auto;
    max-width: 100%;
  }
  .news_list_inner .date{
    font-size: 22rem;
  }
  .news_list_inner .title{
    font-size: 28rem;
    margin: 25rem 0;
  }
  .news_list_inner .inner_category_wrap{
    height: 20rem;
  }
  .news_list_inner .inner_category_wrap span{
    font-size: 22rem;
    height: 30rem;
    line-height: 30rem;
  }
  .btn_div{
    margin: 90rem auto 114rem;
  }
  .btn_div .more_btn{
    width: 500rem;
  }

  .breadcrumbs{
    margin-top: 120rem;
  }

}