/* ---------------------------- archive ----- */
/* ----- 募集要項 ----- */
#application_details{
  padding: 100px 0 260px;
  position: relative;
}

#application_details::before{
  content: '';
  background-image: url(../img/back_decoration01.png);
  background-size: cover;
  display: inline-block;
  position: absolute;
  width: 100%;
  height: 100%;
  max-height: 85px;
  bottom: 0;
}

.ad_slide {
  margin: 0 100px 40px;
  padding: 0px 145px;
}

.ad_slide p {
  margin-top: 40px;
  text-align: center;
}

.ad_list{
  margin-top: 60px;
}

.ad_list_in{
  margin: 0 100px;
}

.ad_list_in .ad_none{
  inline-size:fit-content;
  margin-inline:auto;
  font-size: 1.8rem;
  font-weight: 700;
}

.ad_list_in article a{
  display: flex;
  flex-wrap: wrap;
  gap: 60px;
  align-items: center;
  border-bottom: 1px solid #D1C1B5;
  padding: 30px;
}

.ad_list_in article a:hover{
  background: #F5F4EE;
}

.ad_list_in .thumbnail_box {
  max-width: 350px;
  -webkit-mask-image: url(../img/mask_bg01.png);
    -webkit-mask-position: center;
    -webkit-mask-size: 100% auto;
    -webkit-mask-repeat: no-repeat;

    mask-image: url(../img/mask_bg01.png);
    mask-position: center;
    mask-size: 100% auto;
    mask-repeat: no-repeat;
}

.ad_list_in .thumbnail_box img{
  width: 100%;
  max-width: 100%;
  object-fit: contain;
  height: auto;
  transition: 0.5s;
}

.ad_list_in article a:hover .thumbnail_box img{ 
  transform: scale(1.1);
}

.ad_list_in .text_area{
  width: calc(100% - (350px + 60px));
  position: relative;
}

.ad_list_in .text_area::before{
  content: "";
  background-image: url(../img/arrow_img02.png);
  background-size: contain;
  display: inline-block;
  position: absolute;
  width: 15px;
  height: 20px;
  right: -16px;
  bottom: 0;
  transition: 0.5s;
}

.ad_list_in .text_area:hover::before{
  transform: translateX(5px);
}

.ad_list_in .text_area .cate_saiyou{
  display: inline-block;
  background: #7AA4B9;
  color: #fff;
  border-radius: 10px;
  padding: 8px 20px;
  font-size: 1.4rem;
  font-weight: 700;
}

.ad_list_in .text_area .ad_title{
  display: block;
  font-weight: 700;
  font-size: 3rem;
  margin-top: 15px;
  margin-bottom: 20px;
}

.ad_list_in .text_area .excerpt{
  font-size: 1.8rem;
  margin-bottom: 27px;
}

.ad_list_in .text_area .recruit_date{
  font-size: 1.6rem;
}

@media screen and (max-width: 1399px){
  .ad_slide {
    padding: 0 55px;
}
}

@media screen and (max-width: 1199px){
  .ad_slide {
    padding: 0;
}
}

@media screen and (max-width: 991px){
  .ad_slide {
    margin: 0 0 40px;
}
  .ad_list_in{
    margin: 0;
  }
}

@media screen and (max-width: 767px){
  .ad_slide p {
  text-align: left;
}

  .ad_list_in article a{
    justify-content: center;
    gap: 20px;
  }

  .ad_list_in .text_area{
    width: 100%;
  }
}

@media screen and (max-width: 575px){
.ad_slide p {
  margin-top: 20px;
}

  .ad_list_in article a{
    padding: 20px;
  }
}

/*  ----- 見学・ボランティアについて ----- */
#voluntee{
  background-color: #F8F4E6;
  position: relative;
  padding: 30px 0 90px;
  margin-bottom: 200px;
}

#voluntee::before{
  content: '';
  background-image: url(../img/back_decoration02.png);
  background-size: cover;
  display: inline-block;
  position: absolute;
  width: 100%;
  height: 100%;
  max-height: 85px;
  bottom: 0;
}

.voluntee_area .v_box{
  margin: 40px 100px 90px;
  background-color: #fff;
  border-radius: 30px;
  padding: 10px;
}

.voluntee_area .v_box .line{
  border: 3px dashed #D1C1B4;
  border-radius: 20px;
  padding: 40px;
}

.voluntee_area .v_text_area{
  inline-size:fit-content;
  margin-inline:auto;
  font-size: 1.8rem;
  font-weight: bold;
  text-align: center;
}

.voluntee_area .v_box_inner .button{
  margin-top: 40px;
  inline-size:fit-content;
  margin-inline:auto;
}

@media screen and (max-width: 991px){
  .voluntee_area .v_box{
    margin: 40px 0px 90px;
  }
}

@media screen and (max-width: 767px){
  .voluntee_area .v_box .line{
    padding: 20px;
  }
}

@media screen and (max-width: 575px){
  #voluntee{
    margin-bottom: 100px;
  }
  .voluntee_area .v_box_inner .button{
    inline-size:auto;
  }
}

/* ----------------------------  contents ----- */
#recruit{
  margin-top: 40px;
  margin-bottom: 200px;
}

.recruit_area{
  background-color: #F5F4ED;
  border-radius: 50px;
  padding: 50px 100px;
}

.recruit_area_inner{
  background-color: #fff;
  border-radius: 40px;
  padding: 40px 70px;
}

.recruit_area_inner h2{
  font-weight: bold;
}

div#n2-ss-3 .n2-ss-slider-3{
  border-radius: 20px;
}

.image_illust{
  margin-top: 60px;
  padding: 0 175px;
}

.message_area{
  margin-top: 50px;
  margin-bottom: 75px;
}

.message_area{
  font-size: 1.8rem;
  font-weight: bold;
}

.recruit_area_inner dl{
  display: flex;
  flex-wrap: wrap;
  gap: 15px 50px;
  position: relative;
  margin-top: 50px;
}

.recruit_area_inner dt,
.recruit_area_inner dd{
  position: relative;
  padding-left: 20px;
  padding-bottom: 15px;
  margin: 0;
}

.recruit_area_inner dt{
  width: 260px;
  font-size: 2rem;
  font-weight: 700;
  display: flex;
  align-items: center;
}

.recruit_area_inner dt::after{
  content: '';
  position: absolute;
  width: 100%;
  height: 3px;
  border-radius: 5px;
  background: #D4C5C2;
  left: 0;
  bottom: 0;
}

.recruit_area_inner dd{
  width: calc(100% - (260px + 50px));
  font-size: 1.8rem;
  font-weight: 500;
}

.recruit_area_inner dd::after{
  content: '';
  position: absolute;
  width: 100%;
  height: 3px;
  border-radius: 5px;
  background: #C1C1C1;
  left: 0;
  bottom: 0;
}

.button a {
  position: relative;
  display: inline-block;
  font-size: 2.2rem;
  font-weight: bold;
  background: #EDE5DC;
  text-align: center;
  border-radius: 10px;
  min-width: 190px;
  margin: 0 auto;
  padding: 14px 60px 14px 20px;
  transition: 0.5s;
}

.button a:hover {
  background: #DBC9BC;
}

.button a::before {
  content: "";
  background-image: url(../img/arrow_img02.png);
  background-size: contain;
  display: inline-block;
  position: absolute;
  width: 15px;
  height: 20px;
  right: 20px;
  top: calc(50% - 10px);
  transition: 0.5s;
}

.button a:hover::before {
  transform: translateX(10px);
}

.recruit_area_inner dd .button a {
  font-size: 1.6rem;
}

.recruit_area_inner dd .button a::before {
  width: 12px;
  height: 16px;
}

.contact_button{
  margin-top: 80px;
  margin-bottom: 100px;
  inline-size:fit-content;
  margin-inline:auto
}

.contact_button a{
  font-size: 2.2rem;
}

@media (max-width: 1399px) {
        .image_illust {
    padding: 0px 85px;
    }
}

@media (max-width: 1199px){
    .image_illust {
    padding: 0px 45px;
    }
    
  .recruit_area_inner{
    padding: 40px 20px;
  }

  .recruit_area_inner dl{
    gap: 10px 20px;
  }
}

@media screen and (max-width: 991px){
  .image_illust {
    padding: 0;
    }

  .recruit_area_inner dt{
    margin-top: 30px;
  }
    
  .recruit_area_inner dd{
    width: 100%;
  }
  .recruit_area{
    padding: 25px 50px;
  }

  .recruit_area_inner{
    padding: 40px 20px;
  }
}

@media screen and (max-width: 767px){
  .recruit_area_inner dt,
  .recruit_area_inner dd{
  padding: 0 10px 20px;
}
}

@media screen and (max-width: 575px){
  #recruit{
    margin-bottom: 50px;
  }

  .recruit_area{
    padding: 10px 20px;
    margin-bottom: 100px;
  }

  .message_area{
    margin-top: 25px;
    margin-bottom: 40px;
  }

  .recruit_area_inner dt{
    width: 100%;
  }

  .button a{
    width: 100%;
  }

  .contact_button{
    inline-size: auto;
    margin: 40px auto 50px;
  }
}