.section-overflow-hidden:last-child .container .section_1440 {
  margin-bottom: 160px;
}
@media screen and (max-width: 1024px) {
  .section-overflow-hidden:last-child .container .section_1440 {
    margin-bottom: 80px;
  }
}

.container .section_1440 {
  margin-bottom: 120px;
}
@media screen and (max-width: 1024px) {
  .container .section_1440 {
    margin-bottom: 72px;
  }
}
@media screen and (max-width: 768px) {
  .container .section_1440 {
    padding: 0;
  }
}

@media screen and (max-width: 1024px) {
  .section_kv .kv_wrap {
    padding: 80px 0;
  }
}

.btn_wrap {
  margin-top: 80px;
  text-align: center;
}
@media screen and (max-width: 1024px) {
  .btn_wrap {
    margin-top: 32px;
  }
}
.btn_wrap .btn_more {
  display: inline-block;
  box-sizing: border-box;
  min-width: 156px;
  height: 3.1111111111rem;
  padding: 0 2.6666666667rem;
  border: #E5E5E5 solid 1px;
  border-radius: 100px;
  background-color: #fff;
  font-size: 0.8333333333rem;
  font-weight: 700;
  transition: all 300ms ease;
}
.btn_wrap .btn_more span {
  vertical-align: middle;
}
.btn_wrap .btn_more::after {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-left: 6px;
  background: url(../../img/icon/arrow-down-bk.svg) no-repeat 50% 50%;
  background-size: cover;
  vertical-align: middle;
}
@media screen and (max-width: 1024px) {
  .btn_wrap .btn_more {
    min-width: 105px;
    padding: 0 1.6rem;
    font-size: 0.9333rem;
  }
}

.section .section-header.sh_header {
  padding-bottom: 0.8888888889rem;
  margin-bottom: 2.2222222222rem;
  border-bottom: 2px solid #222;
}
.section .section-header.sh_header em {
  padding-left: 8px;
  color: #1428A0;
}
@media screen and (max-width: 768px) {
  .section .section-header.sh_header {
    margin-bottom: 1.3333333333rem;
  }
}

#searchTop .__ect_color em {
  color: #1428A0;
}
#searchTop .hd_wrap {
  position: relative;
  width: 100%;
  padding: 120px 0 80px;
}
@media screen and (max-width: 1024px) {
  #searchTop .hd_wrap {
    padding: 80px 0 40px;
  }
}
#searchTop .hd_wrap .kv_tit_box h2 br {
  display: none;
}
@media screen and (max-width: 768px) {
  #searchTop .hd_wrap .kv_tit_box h2 br {
    display: block;
  }
}
#searchTop .search_wrap {
  margin-bottom: 0;
}
#searchTop .search_wrap .search_form {
  margin: 0 auto;
  max-width: 720px;
}
#searchTop .search_wrap .search_form .search_box .input_box {
  width: 100%;
  float: none;
}
#searchTop .search_wrap .search_form .search_box .input_box .input_inner input {
  box-sizing: border-box;
  width: 100%;
}
#searchTop .search_wrap .search_form .search_box .input_box .btn_search {
  right: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#searchTop .search_wrap .search_form .search_box .input_box .btn_search img {
  width: 28px;
  height: 28px;
}
@media screen and (max-width: 1024px) {
  #searchTop .search_wrap .search_form .search_box .input_box .btn_search img {
    width: 20px;
    height: 20px;
  }
}
#searchTop .search_wrap .__reference {
  padding-top: 2.6666666667rem;
}
#searchTop .search_wrap .__reference p {
  color: #888;
  margin-bottom: 1em;
  font-size: 0.8333333333rem;
}
#searchTop .search_wrap .__reference .__keywords {
  display: flex;
  flex-wrap: wrap;
}
#searchTop .search_wrap .__reference .__keywords a {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.4444444444em;
  margin-right: 0.4444444444em;
  margin-bottom: 0.4444444444em;
  border: 1px solid #E5E5E5;
  box-sizing: border-box;
  height: 3.2em;
  padding: 0 1.6em;
  font-size: 0.8333333333rem;
}

.searchbox1 .__grid {
  flex-wrap: wrap;
}
.searchbox1 .__grid .__grid-item {
  width: calc(33.3333333333% - 0.6666666667rem);
  height: 234px;
}
@media screen and (max-width: 768px) {
  .searchbox1 .__grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
  .searchbox1 .__grid .__grid-item {
    width: 100%;
    height: 162px;
  }
}
.searchbox1 button, .searchbox1 a {
  background: #F5F5F5;
  border-radius: 0.4444444444rem;
  overflow: hidden;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  transition: all 300ms ease;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-position: top 50% right 56px;
  background-repeat: no-repeat;
  position: relative;
}
.searchbox1 button .bg, .searchbox1 a .bg {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
}
.searchbox1 button .bg img, .searchbox1 a .bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.searchbox1 button .bg::after, .searchbox1 a .bg::after {
  content: "";
  position: absolute;
  display: block;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 8em;
  background: linear-gradient(rgba(28, 156, 158, 0), #1428A0);
  opacity: 0;
  transition: all 0.3s ease-out;
}
.searchbox1 button i, .searchbox1 a i {
  display: block;
  position: relative;
  z-index: 2;
  font-size: 1.3333333333em;
  color: #fff;
  font-weight: 700;
}
.searchbox1 button i span, .searchbox1 a i span {
  vertical-align: middle;
}
.searchbox1 button i::after, .searchbox1 a i::after {
  content: "";
  display: inline-block;
  width: 1.3333333333rem;
  height: 1.3333333333rem;
  margin-left: 0.3333333333rem;
  background-image: url(../../img/icon/arrow-right.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  vertical-align: middle;
}
.searchbox1 button:hover .bg::after, .searchbox1 a:hover .bg::after {
  opacity: 1;
}

.searchbox2 .__grid {
  flex-wrap: wrap;
}
.searchbox2 .__grid .__grid-item {
  width: calc(25% - 0.6666666667rem);
  height: 360px;
}
@media screen and (max-width: 1024px) {
  .searchbox2 .__grid .__grid-item {
    height: 268px;
  }
}
@media screen and (max-width: 768px) {
  .searchbox2 .__grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
  .searchbox2 .__grid .__grid-item {
    width: 100%;
    height: 190px;
  }
}
.searchbox2 button, .searchbox2 a {
  background: #F5F5F5;
  border-radius: 0.4444444444rem;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  padding: 56px;
  transition: all 300ms ease;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background-position: top 50% right 56px;
  background-repeat: no-repeat;
  position: relative;
}
.searchbox2 button .tit, .searchbox2 a .tit {
  font-size: 1.5em;
  font-weight: 700;
  word-break: keep-all;
}
@media screen and (max-width: 1024px) {
  .searchbox2 button .tit, .searchbox2 a .tit {
    font-size: 1.286em;
  }
}
.searchbox2 button i, .searchbox2 a i {
  display: block;
  font-size: 1em;
  font-weight: 700;
}
.searchbox2 button i span, .searchbox2 a i span {
  vertical-align: middle;
}
.searchbox2 button i::after, .searchbox2 a i::after {
  content: "";
  display: inline-block;
  width: 0.8888888889rem;
  height: 0.8888888889rem;
  margin-left: 0.3333333333rem;
  background-image: url(../../img/icon/arrow-right-bk.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  vertical-align: middle;
}
.searchbox2 button:hover, .searchbox2 button.active, .searchbox2 a:hover, .searchbox2 a.active {
  background-color: #1428A0;
  color: #fff;
}
.searchbox2 button:hover i::after, .searchbox2 button.active i::after, .searchbox2 a:hover i::after, .searchbox2 a.active i::after {
  background-image: url(../../img/icon/arrow-right.svg);
}
@media screen and (max-width: 1024px) {
  .searchbox2 button, .searchbox2 a {
    padding: 32px;
  }
}
@media screen and (max-width: 768px) {
  .searchbox2 button, .searchbox2 a {
    padding: 24px;
  }
}

.searchlist1 .list-item {
  padding: 2.2222222222rem 0;
  border-bottom: 1px solid #E5E5E5;
}
.searchlist1 .list-item:first-child {
  padding-top: 0;
}
.searchlist1 .tit {
  font-weight: 700;
}
.searchlist1 .exp {
  margin-top: 1.1111111111rem;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  color: #666;
}
.searchlist1 .exp em {
  color: #1428A0;
}

.searchbox3 .__grid {
  flex-wrap: wrap;
}
.searchbox3 .__grid .__grid-item {
  position: relative;
  width: 30vw;
  height: 0;
  flex: 1;
  padding-top: 32.42%;
  min-width: 300px;
}
@media screen and (max-width: 768px) {
  .searchbox3 .__grid {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
  }
  .searchbox3 .__grid .__grid-item {
    width: 100%;
    padding-top: 100%;
  }
}
.searchbox3 button, .searchbox3 a {
  background: #F5F5F5;
  border-radius: 0.4444444444rem;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  transition: all 300ms ease;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  background-position: top 50% right 56px;
  background-repeat: no-repeat;
}
.searchbox3 button .bg, .searchbox3 a .bg {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
}
.searchbox3 button .bg img, .searchbox3 a .bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.searchbox3 button .bg::after, .searchbox3 a .bg::after {
  content: "";
  position: absolute;
  display: block;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 8em;
  background: linear-gradient(rgba(28, 156, 158, 0), #1428A0);
  opacity: 0;
  transition: all 0.3s ease-out;
}
.searchbox3 button .tit_box, .searchbox3 a .tit_box {
  display: block;
  position: relative;
  z-index: 2;
  padding: 1.7777777778rem;
  color: #fff;
}
.searchbox3 button .tit_box p, .searchbox3 a .tit_box p {
  margin-top: 0.8888888889rem;
}
.searchbox3 button .tit_box .date, .searchbox3 a .tit_box .date {
  color: #ccc;
}
.searchbox3 button .social_tag, .searchbox3 a .social_tag {
  position: absolute;
  top: 32px;
  right: 32px;
  width: 50px;
  height: 50px;
  z-index: 2;
}
.searchbox3 button .social_tag .tag, .searchbox3 a .social_tag .tag {
  width: 100%;
  height: 100%;
}
.searchbox3 button .social_tag .tag.youtube, .searchbox3 a .social_tag .tag.youtube {
  background: url(../../img/icon/social_youtube.svg) no-repeat center/cover;
}
.searchbox3 button .social_tag .tag.facebook, .searchbox3 a .social_tag .tag.facebook {
  background: url(../../img/icon/social_facebook.svg) no-repeat center/cover;
}
.searchbox3 button .social_tag .tag.blog, .searchbox3 a .social_tag .tag.blog {
  background: url(../../img/icon/social_blog.svg) no-repeat center/cover;
}
@media screen and (max-width: 1024px) {
  .searchbox3 button .social_tag, .searchbox3 a .social_tag {
    top: 16px;
    right: 16px;
    width: 36px;
    height: 36px;
  }
}
.searchbox3 button:hover .bg::after, .searchbox3 a:hover .bg::after {
  opacity: 1;
}

.nodata_wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 2.2222222222rem;
  color: #888;
  box-sizing: border-box;
  border-bottom: 1px solid #E5E5E5;
}
@media screen and (max-width: 768px) {
  .nodata_wrap {
    padding-bottom: 1.3333333333rem;
  }
}
/*# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNlYXJjaC9zZWFyY2guc2NzcyIsIl92YXIuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFJSTtFQUNJOztBQUNBO0VBRko7SUFHUTs7OztBQUlaO0VBQ0k7O0FBRUk7RUFIUjtJQUlZOzs7QUFFSjtFQU5SO0lBT1k7Ozs7QUFJUjtFQURKO0lBRVE7Ozs7QUFHUjtFQUNJO0VBSUE7O0FBSEE7RUFGSjtJQUdROzs7QUFHSjtFQUNJO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0Esa0JDMUJPO0VEMkJQO0VBQ0E7RUFDQTs7QUFDQTtFQUNJOztBQUVKO0VBQ0k7RUFDQTtFQUNBO0VBQWE7RUFDYjtFQUNBO0VBQ0E7RUFDQTs7QUFHSjtFQXpCSjtJQTBCUTtJQUNBO0lBQ0E7Ozs7QUFLWjtFQUNJO0VBQ0E7RUFDQTs7QUFDQTtFQUNJO0VBQ0EsT0NqRVE7O0FEb0VaO0VBVEo7SUFVUTs7OztBQU1BO0VBQ0ksT0M1RUk7O0FEK0VaO0VBQ0k7RUFDQTtFQUNBOztBQUVBO0VBTEo7SUFNUTs7O0FBS0k7RUFDSTs7QUFDQTtFQUZKO0lBR1E7OztBQU1wQjtFQUNJOztBQUNBO0VBQ0k7RUFDQTs7QUFFSTtFQUNJO0VBQ0E7O0FBQ0E7RUFDSTtFQUNBOztBQUdKO0VBQ0k7RUFDQTtFQUNBO0VBQ0E7O0FBQ0E7RUFDSTtFQUNBOztBQUVBO0VBSko7SUFLUTtJQUNBOzs7QUFPeEI7RUFDSTs7QUFDQTtFQUNJLE9DM0hBO0VENEhBO0VBQ0E7O0FBRUo7RUFDSTtFQUNBOztBQUVBO0VBQ0k7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7O0FBUWhCO0VBQ0k7O0FBQ0E7RUFDSTtFQUEyRDs7QUFHbkU7RUFDSTtJQUNJO0lBQ0E7O0VBQ0E7SUFDSTtJQUFhOzs7QUFLekI7RUFDSTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQWE7RUFDYjtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBOztBQUNBO0VBQ0k7RUFDQTtFQUNBO0VBQVU7RUFDVjtFQUNBO0VBQWE7O0FBQ2I7RUFDSTtFQUFhO0VBQ2I7O0FBRUo7RUFDSTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFHUjtFQUNJO0VBQ0E7RUFDQTtFQUNBO0VBQ0EsT0NuTkc7RURvTkg7O0FBQ0E7RUFDSTs7QUFFSjtFQUNJO0VBQ0E7RUFDQTtFQUF3QztFQUN4QztFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7O0FBSUo7RUFDSTs7O0FBT1o7RUFDSTs7QUFDQTtFQUNJO0VBQW9EOztBQUc1RDtFQUVRO0lBQ0k7OztBQUlaO0VBQ0k7SUFDSTtJQUNBOztFQUNBO0lBQ0k7SUFBYTs7O0FBS3pCO0VBQ0k7RUFDQTtFQUNBO0VBQ0E7RUFBYTtFQUNiO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7O0FBQ0E7RUFDSTtFQUNBO0VBQ0E7O0FBQ0E7RUFKSjtJQUtROzs7QUFHUjtFQUNJO0VBQ0E7RUFDQTs7QUFDQTtFQUNJOztBQUVKO0VBQ0k7RUFDQTtFQUNBO0VBQXdDO0VBQ3hDO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFJUjtFQUNJLGtCQ3RUSTtFRHVUSixPQy9TRzs7QURpVEM7RUFDSTs7QUFJWjtFQWxESjtJQW1EUTs7O0FBRUo7RUFyREo7SUFzRFE7Ozs7QUFPUjtFQUNJO0VBQ0E7O0FBQ0E7RUFDSTs7QUFHUjtFQUNJOztBQUVKO0VBQ0k7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0EsT0M5VVE7O0FEK1VSO0VBQ0ksT0M1Vkk7OztBRGtXWjtFQUNJOztBQUNBO0VBQ0k7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBOztBQUdSO0VBQ0k7SUFDSTtJQUNBOztFQUNBO0lBQ0k7SUFDQTs7O0FBS1o7RUFDSTtFQUNBO0VBQ0E7RUFDQTtFQUFhO0VBQ2I7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7O0FBQ0E7RUFDSTtFQUNBO0VBQ0E7RUFBVTtFQUNWO0VBQ0E7RUFBYTs7QUFDYjtFQUNJO0VBQWE7RUFDYjs7QUFFSjtFQUNJO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBOztBQUdSO0VBQ0k7RUFDQTtFQUNBO0VBQ0E7RUFDQSxPQ3haRzs7QUR5Wkg7RUFDSTs7QUFFSjtFQUNJLE9DM1pBOztBRDhaUjtFQUVJO0VBQ0E7RUFBVztFQUNYO0VBQWE7RUFDYjs7QUFFQTtFQUNJO0VBQWE7O0FBRWI7RUFDSTs7QUFHSjtFQUNJOztBQUdKO0VBQ0k7O0FBSVo7RUFDSTtJQUVJO0lBQVc7SUFDWDtJQUFhOzs7QUFJakI7RUFDSTs7O0FBTWhCO0VBQ0k7RUFDQTtFQUNBO0VBQ0E7RUFDQSxPQ3hjWTtFRHljWjtFQUNBOztBQUVBO0VBVEo7SUFVUSIsImZpbGUiOiJzZWFyY2gvc2VhcmNoLmNzcyJ9 */

/*# sourceMappingURL=search.css.map */