.co-f {
  color: #fff;
}
.co-r {
  color: #ff533d;
}
.co-g {
  color:  #ab987a;
}
.new-recruit #gnav {
  background: #ab987a;
}
.new-recruit h2 {
  color: #ff533d;
  font-family: serif;
}
.new-recruit h3 ,
.new-recruit h4 {
  font-family: serif;
}
.new-recruit div {
  font-family: serif;
}
.new-recruit .mainImg .pic:before {
  padding-top: 56%;
}
.new-recruit .underarea h3 {
  width: 70%;
  background: #0f1626;
  padding: 5px 10px;
  color: #f5f5f5;
}
.new-recruit dt , .new-recruit dd {
  font-family: serif;
}
.p-link {
  margin-top: 80px;
}
.p-link ul {
  width: 1000px;
  margin: auto;
  display: flex;
}
.p-link ul li {
  width: 42%;
  margin: auto;
}
.p-link ul li a {
  border-radius: 30px;
    display: block;
    width: 100%;
    background: #ab987a;
    padding: 20px 0;
    color: #fff;
    font-weight: bold;
    font-size: 22px;
    text-align: center;
    font-family: serif;
    box-shadow: 6px 6px #1a6150;
}
.new-recruit .e7ff {
  background: #0f1626;
}
.new-recruit .pnum dt , .new-recruit .pnum dd {
  color: #ab987a;
}
.new-recruit .recnumb {
  border: 2px solid #ab987a;
  color: #ab987a;
}
.new-recruit .picbox.w48 img {
  width: 80%;
}
.new-recruit .reclistinn dl {
  border-bottom: 1px solid #000;
}


/* 2025.08.18 */

.chuto-header #gnav {
    background: #217863 !important;
}

.anchor-li a, .blue-b{
  background: #217863 !important;
}

.blue{
  color: #217863 !important;
}

.blue02{
  border: 2px solid #217863 !important;
    color: #217863 !important;
}

.brown{
  background: #b6aa9e !important;
}

.brown02{
  color: #6b5533 !important;
}

.rec-line p{
  font-size: 20px;
    text-align: center;
    font-family: serif;
    color: #fff;
    background: #217863;
    width: 300px;
    padding: 15px 0;
    font-weight: bold;
    margin: auto;
    border-radius: 30px;
}

.rec-line{
  margin: 1rem auto 4rem;
}

.line-img{
  width: 200px;
    margin: 10px auto;
}

.line-img img{
 width: 100%; 
}

@media only screen and (max-width: 599px){
.rec-line p {
    font-size: 18px;
    text-align: center;
    font-family: serif;
    color: #fff;
    background: #217863;
    width: 270px;
}

.cuto-ul{
  display: block !important;
    width: 300px !important;
    margin-bottom: -10rem !important;
}

.cuto-ul li{
width: 100% !important;
    margin-bottom: 15px !important;
}
}


.kasoku{
  margin-top: 7rem;
    text-align: center;
    font-size: 22px;
    font-weight: bold;
}

@media only screen and (max-width: 599px){
  .kasoku{
  margin-top: 14rem;
    text-align: center;
    font-size: 16px;
  }
  
.sp-tal{
  text-align: left !important;
}
}