@charset "utf-8";
@media all and (min-width: 520px) {
  .feature_archive .content_wrapper{
    max-width: 123.2rem;
    margin: auto;
    padding: 0 1.6rem;
  }
}
@media (min-width: 1040px) {
  .feature_archive .content_wrapper{
    padding: 0 2.4rem;
  }
}
@media all and (max-width: 519px) {
  .feature_archive .content_wrapper{
    padding: 0 1.6rem;
  }
}
.feature_archive .page-select{
  appearance: none;
  background: url(../../../images/common/icon08_over.png) no-repeat right 1.5rem top calc(50% + 0.1rem) / 1.2rem auto;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.8rem;
  box-sizing: border-box;
  color: #000;
  font-size: 1.6rem;
  padding: 0.5rem 3.5rem 0.5rem 1.5rem;
  height: 5rem;
  width: 35rem;
  max-width: 100%;
  margin-bottom: 5.6rem;
}
@media all and (max-width: 519px) {
  .feature_archive .page-select{
    margin-bottom: 3.6rem;
  }
}
@media all and (min-width: 520px) {
  .feature_archive .-head{
    font-size: 2rem;
  }
}
@media all and (max-width: 519px) {
  .feature_archive .-head{
    font-size: 1.8rem;
  }
}
.feature_archive .box-wrap{
  padding: 4rem 0;
}
@media all and (min-width: 520px) {
  .feature_archive .box-wrap .-title{
    font-size: 1.8rem;
    margin-bottom: 2.5rem;
  }
}
@media all and (max-width: 519px) {
  .feature_archive .box-wrap .-title{
    font-size: 1.6rem;
    margin-bottom: 2.4rem;
  }
}
@media all and (min-width: 520px) {
  .feature_archive .-head + .box-wrap{
    padding-top: 3.2rem;
  }
}
@media all and (max-width: 519px) {
  .feature_archive .-head + .box-wrap{
    padding-top: 2.4rem;
  }
}
.feature_archive .box-wrap + .box-wrap{
  border-top: 1px dotted rgba(0, 0, 0, .1);
}
@media all and (min-width: 520px) {
  .feature_archive .-wrap{
    display: flex;
    flex-wrap: wrap;
    gap: 3.2rem 1.6rem;
  }
}
@media all and (max-width: 519px) {
  .feature_archive .-wrap{
    display: flex;
    flex-wrap: wrap;
    gap: 3.2rem 1.1rem;
  }
}
@media all and (min-width: 520px) {
  .feature_archive .-box{
    width: calc((100% - 1.6rem * 4) / 5);
  }
}
@media all and (max-width: 519px) {
  .feature_archive .-box{
    width: calc((100% - 1.1rem) / 2);
  }
}
.feature_archive .-box .-link:hover p{
  color: #0171E2;
  transition: .3s;
}
.feature_archive .-box .-img{
  border-radius: 8px;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.24);
}
.feature_archive .-box .-txt{
  font-size: 1.4rem;
  line-height: 1.4;
  margin-top: 0.8rem;
}