@charset "UTF-8";
#section-search{
  position: relative;
  padding: 80px 10px;
  background-color: transparent;
}
#section-search::after{
  content: "";
  top: 0;
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
  display: block;
  z-index: -1;
  /* background-color: #9F8D77; */
  background-color: rgba(159,141,119,0.9);
  /* background-image: repeating-linear-gradient(-45deg, transparent, transparent 2px, rgba(255, 255, 255, 0.2) 2px, rgba(255, 255, 255, 0.2) 4px ); */
  background-image: repeating-linear-gradient(-45deg, transparent, transparent 2px, rgba(255, 255, 255, 0.05) 2px, rgba(255, 255, 255, 0.05) 4px);
}

.p-search{
  padding: 60px;
  width: 100%;
  height: auto;
  background-color: #F5F4EF;
}

.p-search h1{
  position: relative;
  text-align: center;
  font-size: 8rem !important;
}
.p-search h1::after{
  position: absolute;
  left: 50%;
  content: "";
  width: 40px;
  margin-top: 10px;
  display: block;
  border-top: 1px solid;
  transform: translate(-50%,0)
}

.p-search .p-headline__sub{
  margin-top: 30px;
  font-size: 2rem !important;
  text-align: center;
}

.p-search ul,
.p-search li{
  /* margin: 0; */
  padding: 0;
  list-style: none;
}

.p-search_list{
  margin-top: 40px;
}

.p-search_list-head{
  display: flex;
  justify-content: space-between;
  margin: 0 -5px;
  width: calc(100% + 10px);
}

.p-search_list-head li{
  flex: 1 1 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 5px;
  padding: 10px;
  width: 100%;
  min-height: 65px;
  font-family: "Noto Serif JP", sans-serif;
  font-size: 2.25rem;
  color: #fff;
  background-color: #000;
  cursor: pointer;
  transition: 0.3s ease;
}

.p-search_list-head li.current{
  color: #333;
  background-color: #D6CEC3;
}

.p-search_list-list{
  margin: 0;
  background-color: #D6CEC3;
}

.p-search_list-list li{
  display: none;
  padding: 40px 40px 0;
  transition: 0.3s ease;
}

.p-search_list-list li::after{
  display: block;
  content:"";
  width: 24%;
  order: 1;
}
.p-search_list-list li::after{
  display: block;
  content:"";
  width: 24%;
}

.p-search_list-list li.current{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
}
.p-search_list-list li a{
  position: relative;
  flex: 0 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 0 40px;
  padding: 20px;
  width: 24%;
  height: 100px;
  font-family: "Noto Serif JP", sans-serif;
  font-size: 2rem;
  color: #9F8D77;
  font-weight: 400;
  text-align: center;
  background-color: #fff;
  border-width: 1px;
  border-style: solid;
  border-color: #BEB3A3;
  text-decoration: none;
}
.p-search_list-list li a::after{
  content: '';
  position: absolute;
  top: 50%;
  right: 15px;
  width: 15px;
  height: 15px;
  border-width: 2px 2px 0 0;
  border-style: solid;
  border-color: #9F8D77;
  transform: translate(0,-50%) rotate(45deg);
}

@media screen and (max-width:767px) {

  #top-body #top-index-wrapper #section-search{
    position: relative;
    padding: 40px 10px;
  }

  .p-search{
    padding: 20px;
  }

  .p-search h1{
    font-size: 4rem !important;
  }
  
  .p-search .p-headline__sub{
    margin-top: 30px;
    font-size: 1.6rem !important;
  }

  .p-search_list{
    margin-top: 30px;
  }

  .p-search_list-head{
    margin: 0 -3px;
    width: calc(100% + 6px);
  }

  .p-search_list-head li{
    margin: 0 3px;
    height: 40px;
    font-size: 1.7rem;
  }

  .p-search_list-list li{
    padding: 20px 20px 0;
    min-height: 200px;
  }

  .p-search_list-list li a{
    margin: 0 0 20px;
    width: 48%;
    height: 70px;
    font-size: 1.7rem;
  }
  
}

@media screen and (max-width:767px) {

  .p-search_list-list li{
    padding: 20px 20px 0;
    min-height: 200px;
  }

  .p-search_list-list li a{
    margin: 0 0 20px;
    padding: 10px 15px;
    width: 48%;
    height: 70px;
    font-size: 1.2rem;
  }

  .p-search_list-list li a::after{
    right: 7px;
    width: 10px;
    height: 10px;
  }
}

@media screen and (max-width:1299px) {

}