body {
  background-color: #F6F0E1;
  font-family: "Noto Sans CJK JP", sans-serif;
}

.main {
  position: relative;
  isolation: isolate;
}

.fixed-bg {
  position: -webkit-sticky;
  position: sticky;
  top: calc(100vh - 27.4rem);
  top: calc(100dvh - 27.4rem);
  height: 27.4rem;
  margin-bottom: -17rem;
  z-index: -2;
  pointer-events: none;
  background-image: url('../img/module/body_img_bg1.svg');
  background-size: 67.4rem 27.4rem;
  background-position: right -2rem bottom 0;
  background-repeat: no-repeat;
}

.page-decoration {
  position: absolute;
  z-index: -1;
  top: 120rem;
  right: 0;
  width: 22rem;
  height: 22rem;
  pointer-events: none;
}

.page-decoration img {
  display: block;
  width: 100%;
  height: 100%;
}

.hero-section {
    margin-top: 6.5rem;
    margin-bottom:5rem;
}

.hero-section__img {
    width: 115rem;
    height: 46rem;
    display: block;
    margin-inline: auto;
    border-radius: 3rem;
    overflow: hidden;
}

.hero-section__title {
    width: 60rem;
    text-align: center;
    padding-block: 2.2rem;
    border-radius: 5rem;
    box-shadow: 0 0.3rem 0.6rem #00000029;
    display: block;
    margin-inline: auto;
    margin-top: -4.5rem;
    background-color: #FFFFFF;
    position: relative;
    font-size: 2.5rem;
    font-weight: 700;
    color: #47351A;
}

/* お知らせ */

.news{
  width:110rem;
  margin:0 auto 12rem;
}
.category__wrap{
  display:flex;
  gap:2rem;
  margin-bottom:5rem;
}
.category{
  font-size:1.8rem;
  font-weight:500;
  padding:1rem 2rem;
  background-color:white;
  border-radius:0.5rem;
  border:0.1rem solid #0069AA;
  color:#0069AA;
}
.category.active{
  color:white;
  background-color:#0069AA;
}
.news__wrapper{
  display:flex;
  gap:1rem;
  width:110rem;
  margin-bottom:4rem;
}
.news__content{
  width:54rem;
  height:29rem;
  padding:2rem;
  border-radius:2rem;
  box-shadow:0 0.3rem 0.6rem #00000029;
  background-color:white;
  display:flex;
  gap:2rem;
  justify-content:space-between;
  overflow:hidden;
}
.news__left{
  overflow:hidden;
}
.news-date__wrap{
  display:flex;
  gap:2rem;
  margin-bottom:2rem;
}
.news__day{
  font-size:1.6rem;
  font-weight:500;
  color:#47351A
}
.news__category{
  font-size:1.4rem;
  font-weight:500;
  color:white;
  background-color:#0069AA;
  padding:0.5rem;
  border-radius:0.5rem;
}
.news__title{
  font-size:2rem;
  font-weight:bold;
  line-height:calc(32 / 20);
  color:#47351A;
}
.news__figure{
  display:flex;
  justify-content:center;
  align-items:center;
  height:24rem;
}
.news__img{
  width:25rem;
  height:24rem;
  border-radius:0.5rem;
}
.news__img.news__img--default{
  height:auto;
}
.navigation.pagination{
  margin-top:4rem;
}
.navigation.pagination .nav-links{
  display:flex;
  justify-content:center;
  gap:0.5rem;
}
.navigation.pagination .page-numbers{
  display:flex;
  justify-content:center;
  align-items:center;
  width:3rem;
  height:3rem;
  border:0.1rem solid #0069AA;
  border-radius:50%;
  color:#0069AA;
  background-color:white;
  font-size:1.6rem;
  line-height:1;
}
.navigation.pagination .page-numbers.current{
  color:white;
  background-color:#0069AA;
}

@media screen and (max-width:699.98px) {
  .fixed-bg {
    background-size: 100% auto;
  }

  .page-decoration {
    display: none;
  }

  body{
    background-color:#FEF5E2;
  }
  .hero-section{
    margin-top:0;
    margin-bottom:5rem;
  }
  .hero-section__img{
    width:33.5rem;
    height:25rem;
    border-radius:3rem;
  }
  .hero-section__img img{
    width:100%;
    height:100%;
    object-fit:cover;
  }
  .hero-section__title{
    display:flex;
    justify-content:center;
    align-items:center;
    width:23rem;
    height:4.7rem;
    padding:0;
    margin-top:-2.4rem;
    font-size:2rem;
  }
  .news{
    width:33.5rem;
  }
  .category__wrap{
    width:30.5rem;
    flex-wrap:wrap;
    gap:1.4rem 1rem;
    margin:0 auto 4rem;
  }
  .category{
    display:flex;
    justify-content:center;
    align-items:center;
    min-width:9.2rem;
    height:3.6rem;
    padding:0 1.4rem;
    font-size:1.6rem;
  }
  .news__wrapper{
    width:33.5rem;
    flex-direction:column;
    gap:2rem;
    margin-bottom:2rem;
  }
  .news__content{
    width:33.5rem;
    height:auto;
    padding:1.5rem;
    border-radius:2rem;
    display:block;
  }
  .news-date__wrap{
    align-items:center;
    gap:2rem;
    margin-bottom:0.8rem;
  }
  .news__day{
    font-size:1.6rem;
  }
  .news__category{
    padding:0.4rem 0.8rem;
    font-size:1.4rem;
  }
  .news__left{
    margin-bottom:1rem;
  }
  .news__title{
    font-size:2rem;
  }
  .news__figure{
    height:auto;
  }
  .news__img{
    display:block;
    width:30.5rem;
    height:17.2rem;
    object-fit:cover;
  }
}