@charset "utf-8";

/*共通：メイン調整
******************************************************************/

.main{
padding:60px 0;
}

/*PC版　---------------------------------------　　*/
@media screen and (min-width: 768px){

.main{
  padding:100px 0;
  }

}

/*共通：タイトル部分
******************************************************************/

.r-title-wrap{
  padding: 12% 0 6%;
}

.s-title.c-title{
  margin-bottom:50px;
  text-align: center;
  position: relative;
}

.s-title.c-title::before{
  content:"";
  width:40px;
  height:1px;
  display: block;
  background:#231815;
  position: absolute;
  bottom:-20px;
  right:0;
  left:0;
  margin:0 auto;
}

.c-toptxt{
  width:90%;
  margin:0 auto;
  font-size:1.4rem;
  line-height: 1.7;
  letter-spacing: 2px;
}

.c-toptxt.center{
  text-align: center;
}

@media screen and (min-width: 768px){

.r-title-wrap{
padding: 5% 0 2%;
}

.c-toptxt{
  text-align: center;

}

}

/*リクルートページ
******************************************************************/

.boshu-wrap{
  padding-bottom:10%;
}

.boshu-list{
  display: flex;
  flex-wrap: wrap;
  font-size:1.3rem;
  border:1px solid #ccc;
  width:90%;
  margin:0 auto;
  background:hsl(0, 0%, 100%, 0.8);
}

.boshu-list dt{
  width:7em;
  border-right:1px solid #ccc;
  border-bottom:1px solid #ccc;
  padding:3%;
}

.boshu-list dd{
  width: calc(100% - 7em);
  border-bottom:1px solid #ccc;
  padding:3%;
  line-height: 1.4;
}

.boshu-hosoku{
  font-size:1.2rem;
  color:#6e6e6e;
  line-height: 1.5;
  margin-top:5px;
  }

  .boshu-list dt.border-none, .boshu-list dd.border-none{
    border-bottom:0;
  }

.site-linktxt{
  color:#305ea1;
}

  /*PC版　---------------------------------------　　*/
@media screen and (min-width: 768px){

  .boshu-wrap{
    padding-bottom:5%;
  }

  .boshu-list{
    width:80%;
  }
  
  .boshu-list dt{
    width:25%;
    padding:3%;
  }
  
  .boshu-list dd{
    width: 75%;
    padding:3%;
    line-height: 1.6;
  }
}

/*コロナ　お知らせ
******************************************************************/
.w-container.news{
  width:90%;
}

.c-title.co-info{
  line-height: 1.6;
}

.co-info-title{
font-size:1.7rem;
text-align: center;
width:75%;
max-width:620px;
margin:0 auto 30px;
border:1px solid #231815;
padding:10px 0;
letter-spacing: 2px;
font-weight: normal;
}

.co-info-txt{
  padding:0 3%;
  margin-bottom:50px;
}

.co-info-txt li{
  margin-bottom:10px;
  font-size:1.4rem;
  line-height: 1.4;
  letter-spacing: 1px;
}

.co-info-txtfooter{
  border-top:1px solid #ccc;
  padding-top:20px;
  text-align: center;
  font-weight: 1.4rem;
  line-height: 1.4;
}

  /*PC版　---------------------------------------　　*/
  @media screen and (min-width: 768px){

  .w-container.news{
    width:100%;
    max-width:620px;
  }
  .c-title.co-info{
    line-height: 1.4;
  }

  .co-info-title{
    font-size:1.7rem;
    width:100%;
    margin:0 auto 30px;
    padding:10px 0;
    }

    .co-info-txt{
      margin-bottom:80px;
    }

    .co-info-txt{
      margin-bottom:40px;
    }

  }

/*ギャラリーページ
******************************************************************/
.gallery-photolist{
    display: flex;
    flex-wrap: wrap;
    width:90%;
    margin:0 auto;
  }

  .gallery-photolist li{
    margin:0 2% 2% 0;
    width:calc(98% /2);
  }

  .gallery-photolist li:nth-child(2n){
    margin:0 0 2% 0;
  }

  /*PC版　---------------------------------------　　*/
  @media screen and (min-width: 768px){
  
    .gallery-photolist{
      width:100%;
    }

    .gallery-photolist li{
      width:calc(94% /4);
    }

    .gallery-photolist li:nth-child(2n){
      margin:0 2% 2% 0;
    }

    .gallery-photolist li:nth-child(4n){
      margin:0 0 2% 0;
    }

  }

  /*ニュースページ
******************************************************************/

.news-list{
  width:90%;
  margin:0 auto;
}

.news-list dt{
  border-top:1px solid #d8d8d8;
  padding:5% 0 3%;
}
.news-list dd{
  padding:0 0 6%;
}

.news-date{
 font-size:1.2rem;
 margin-bottom:2%;
}
.news-title{
  font-size:1.4rem;
  font-weight: 600;
}

.news-txt{
  font-size:1.3rem;
  margin-top:3%;
  line-height:1.5;
}

.news-img2col{
  width:100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.news-img2col li{
  width:100%;
  margin:2% 0;
}

  /*PC版　---------------------------------------　　*/
  @media screen and (min-width: 768px){
    .news-list{
      width:80%;
    }

    .news-list dt{
      padding:5% 0 3%;
    }

    .news-list dd{
   display: flex;
   align-items: center; 
   justify-content: space-between;
   flex-wrap: wrap;
  }

    .news-date{
      font-size:1.3rem;
      margin-bottom:1%;
     }

     .news-title{
      font-size:1.6rem;
    }

    .news-img{
      width:49%;
    }

    .news-txt{
      width:49%;
      font-size:1.5rem;
    }

    .news-img2col li{
      width:49%;
      margin:2% 0 0 0;
    }
    
    
    

  }