@charset "UTF-8";
/*****************************
pagesec-about
*****************************/
.pagesec-about .ob {
  aspect-ratio: 867 / 866;
  background: url(../../images/common/character.webp) no-repeat center / contain;
  position: absolute;
  right: 0;
  bottom: -5rem;
  width: 30%;
}
.pagesec-about .content .imggr{
  gap: 2rem;
  margin-top: 3rem;
  width: 70%
}
.pagesec-about .content .imggr li{
  width: calc(100% / 3 - 1.5rem);
}
.pagesec-about .content .imggr li img{
  border-radius: 10px;
}
@media only screen and (max-width: 1180px) {
}
@media only screen and (max-width: 1024px) {
}
@media only screen and (max-width: 820px) {
  .pagesec-about .ob {
    bottom: -7rem;
    width: 45%;
  }
  .pagesec-about .content .imggr {
    width: 80%;
  }
  .pagesec-about .content .imggr li{
    width: calc(100% / 2 - 1rem);
  }
}
@media only screen and (max-width: 768px) {
}
@media only screen and (max-width: 767px) {
  .pagesec-about .ob {
    bottom: -6rem;
    width: 50%;
  }
  .pagesec-about .content .imggr {
    gap: 1rem;
    width: 100%;
  }
}

/*****************************
pagesec-recruit
*****************************/
.guidebox {
  background: #fff;
  /* box-shadow: 4px 4px 4px #ccc;
  padding: 4rem; */
}
.guidebox dt,
.guidebox dd {
  padding: 2rem;
}
.guidebox dt {
  width: 200px;
}
.guidebox dd {
  width: calc(100% - 200px);
}
.guidebox dd span{
  border-bottom: 1px solid ;
  font-size: 1.4rem;
}
.guidebox > div:nth-child(even) {
  background: #e5f2ff;
}
.pagesec-recruit .morebtn1 {
  margin-top: 5rem;
}
.pagesec-recruit .morebtn1 a {
  text-align: left;
}
@media only screen and (max-width: 1180px) {
}
@media only screen and (max-width: 1024px) {
}
@media only screen and (max-width: 820px) {
}
@media only screen and (max-width: 768px) {
}
@media only screen and (max-width: 767px) {
  .guidebox {
    padding: 0;
  }
  .guidebox > div:nth-child(even) {
    background: initial;
  }
  .guidebox dt,
  .guidebox dd {
    padding: 1rem;
    width: 100%;
  }
  .guidebox dt {
    background: #f5f5f5;
  }
  .guidebox dd {
    padding: 1rem 1rem 2rem;
  }
}