@charset "UTF-8";
/*-----------------------

         変数

-----------------------*/ :root {
  --baseColor: #53412b;
  --mainColor: #b88837;
  --subColor: #4f9783;
  --accentColor: #;
  --colorW: #fff;
  --base50Color: #a9a095;
  --main50Color: #dcc39b;
  --sub50Color: #a7cbc1;
  --base10Color: #eeecea;
  --main10Color: #f8f3eb;
  --sub10Color: #edf5f3;
  --accent10Color: #;
}
/*-----------------------

         COMMON

-----------------------*/
body {
  width: 100%;
  color: var(--baseColor);
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.75;
  letter-spacing: 0.05em;
  font-feature-settings: "palt";
  /* 読みやすくモダンなゴシック体 */
  /* font-family: "Noto Sans JP", sans-serif; */
  /* 明朝体。落ち着いた印象 */
  font-family: 'Noto Serif JP', serif;
  /* 丸みのある親しみやすいゴシック体 */
  /* font-family: 'Zen Maru Gothic', sans-serif; */
}

.o-btn {
  width: fit-content;
  margin-inline: auto;
  position: relative;
}

.o-btn__link {
  color: var(--colorW) !important;
  text-decoration: none !important;
  cursor: pointer;
  font-size: clamp(1.6rem, calc(1.5029126214rem + 0.2588996764vw), 2rem);
  font-weight: 500;
  line-height: 1;
  min-width: 33rem;
  padding-inline: 6rem;
  height: 7rem;
  border-radius: calc(infinity * 1px);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 0.4rem;
  transition: 0.5s;
}

.o-btn__link span {
  font-family: var(--corm);
  font-size: clamp(0.8rem, calc(1.1514563107rem + 0.1294498382vw), 1.0rem);
  letter-spacing: 0.05em;
  line-height: 1;
}
.o-btn__img {
  position: absolute !important;
  top: 50%;
  transform: translateY(-50%);
  right: 1.5rem;
  transition: 0.5s;
  pointer-events: none;
}
@media only screen and (max-width: 559px) {
  .o-btn__img {
    width: 2rem;
    height: 2rem;
  }

  .pager .flex-c {
    flex-direction: row;
  }
}

.main-color {
  color: var(--mainColor);
}
.sub-color {
  color: var(--subColor);
}
.bk-main-color {
  background-color: var(--mainColor);
}
.bk-sub-color {
  background-color: var(--subColor);
}

.page-list-news  a {
  text-decoration: none !important;
}

.page-list-news  a.active {
  color: var(--colorW)  !important;
}

.page-list-news .pager p a.current {
  color: var(--colorW) !important;
}

/* ナビゲーションを一旦非表示 */
/*
header .navi {
  display: none;
}
*/
.top div.navi {
  display: none;
}

@media screen and (max-width:1440px) {}
@media screen and (max-width:1368px) {}
@media screen and (max-width:1280px) {}
@media screen and (max-width:1024px) {}
@media screen and (max-width:559px) {}
@media screen and (max-width:375px) {}
@media screen and (max-width:361px) {}