@charset "UTF-8";
:root {
  --mq-sm: 480px;
  --mq-md: 768px;
  --mq-nm: 1180px;
  --mq-lg: 1280px;
  --mq-xl: 1480px;
  --mq-xxl: 1600px;
  --mq-xxxl: 2000px;
}

:root {
  --font-size-sm: 0.875rem;
  --font-size-base: clamp(0.875rem, 0.828rem + 0.23vw, 1rem);
  --font-size-md: clamp(1rem, 0.953rem + 0.23vw, 1.125rem);
  --font-size-lg: clamp(1.125rem, 1.078rem + 0.23vw, 1.25rem);
  --font-size-xl: clamp(1.25rem, 1.203rem + 0.23vw, 1.375rem);
  --font-size-xxl: clamp(1.25rem, 1.157rem + 0.47vw, 1.5rem);
  --font-size-xxxl: clamp(1.25rem, 1.017rem + 1.16vw, 1.875rem);
}

:root {
  --font-english:Roboto, serif;
  --font-gothic:Noto Sans JP, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  --font-mincho:Noto Serif JP, YuMincho, Hiragino Mincho ProN, Yu Mincho, MS PMincho, serif;
  --font-marugo:M PLUS Rounded 1c, ヒラギノ丸ゴ ProN W4, Hiragino Maru Gothic ProN, HG丸ｺﾞｼｯｸM-PRO, HGMaruGothicMPRO, メイリオ, Meiryo, Osaka, ＭＳ Ｐゴシック, MS PGothic, sans-serif;
}

:root {
  --font-weight-normal: normal;
  --font-weight-bold: bold;
  --font-weight-bolder: bolder;
  --font-weight-lighter: lighter;
  --font-weight-100: 100;
  --font-weight-200: 200;
  --font-weight-300: 300;
  --font-weight-400: 400;
  --font-weight-500: 500;
  --font-weight-600: 600;
  --font-weight-700:700;
  --font-weight-800:800;
  --font-weight-900:900;
}

:root {
  --root-padding-size:clamp(0.938rem, 0.04rem + 4.49vw, 3.125rem);
}

:root {
  --color-primary: #872434;
  --color-secondary: #ff6b77;
  --color-tertiary: #007fea;
  --color-accent: #e60012;
  --color-subtle: #f5f7ff;
  --color-contrast: #333333;
  --color-pale-orange: #fee7be;
  --color-pale-pink: #fff1f0;
  --color-cream: #ffffe7;
  --color-gray: #5d6970;
  --color-dark-gray: #434343;
  --color-medium-gray: #b6b6b6;
  --color-light-gray: #eff4fa;
  --color-white: #ffffff;
  --color-black: #000000;
  --color-red: #e60012;
  --color-yellow: #ffe900;
  --color-link: #872434;
  --color-link-hover: #ff396b;
}

:root {
  --section-padding-top:clamp(2.5rem, 1.802rem + 3.49vw, 4.375rem);
  --section-padding-bottom:clamp(2.5rem, 1.802rem + 3.49vw, 4.375rem);
}

:root {
  --box-shadow:0 0 20px 0 rgba(0,84,172,.2);
  --box-border-radius:10px;
}

/* Scss Document */
#postsArea-Body .imgArea ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0px -15px 0;
}
@media screen and (max-width: 768px) {
  #postsArea-Body .imgArea ul {
    margin: 0;
  }
}
#postsArea-Body .imgArea ul li {
  padding: 0 15px;
  width: calc(100% / 3);
  margin-top: 30px;
  margin-left: 0 !important;
  list-style: none;
}
@media all and (-ms-high-contrast: none) {
  *::-ms-backdrop, #postsArea-Body .imgArea ul li {
    width: 33.3333333333%;
  }
}
@media screen and (max-width: 768px) {
  #postsArea-Body .imgArea ul li {
    width: 100%;
    margin-top: 20px;
    text-align: center;
    padding: 0;
  }
}
#postsArea-Body .imgArea ul li img {
  margin: auto;
}
#postsArea-Body .imgArea ul li a {
  text-align: center;
}
#postsArea-Body strong {
  font-weight: bold;
}
#postsArea-Body em {
  font-style: italic;
}
#postsArea-Body sub {
  vertical-align: sub;
  font-size: smaller;
}
#postsArea-Body sup {
  vertical-align: super;
  font-size: smaller;
}
#postsArea-Body ol {
  list-style: decimal;
  margin: 10px 0;
}
#postsArea-Body ol li {
  margin-left: 1.5em;
}
#postsArea-Body ul {
  list-style: disc;
  margin: 10px 0;
}
#postsArea-Body ul li {
  margin-left: 1.5em;
}
#postsArea-Body hr {
  display: block;
  unicode-bidi: isolate;
  margin: 0.5em auto;
  overflow: hidden;
  border-style: inset;
  border-width: 1px;
  margin: 10px 0;
}
#postsArea-Body blockquote {
  display: block;
  margin: 1em 40px;
}

.article-category {
  text-align: right;
}

.c-newsList-label {
  border: 1px solid var(--color-primary);
  color: var(--color-primary);
  font-size: 12px;
  display: inline-block;
  padding: 5px 15px;
  line-height: 100%;
  text-align: center;
  min-width: 80px;
  margin-left: 1em;
  cursor: auto;
}

@media (max-width: 767px) {
  .p-topNews__titleArea {
    overflow: hidden;
    width: calc(100vw - 15px);
  }
}

.category-btn {
  min-width: 90px;
}
@media (max-width: 767px) {
  .category-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: unset;
        -ms-flex-pack: unset;
            justify-content: unset;
    margin-bottom: 10px;
    overflow-x: scroll;
    gap: 0.5em;
  }
}
.category-btn li {
  margin-bottom: 0.5em;
}
.category-btn li:last-child {
  margin-bottom: 0;
}
.category-btn li a {
  text-decoration: none;
  color: #000;
  display: inline-block;
  padding: 3px 10px;
  line-height: normal;
}
.category-btn li a::before {
  content: "・";
}
@media (max-width: 767px) {
  .category-btn li a::before {
    content: none;
  }
}
.category-btn li a.active {
  background-color: var(--color-primary);
  border-radius: 40px;
  color: #FFF;
}
.category-btn li a.active::before {
  content: none;
}

body.cms-list .p-topNews {
  padding: 0 !important;
}

.linkArea {
  padding: 20px 30px;
  background-color: var(--color-subtle);
  margin-top: 30px;
}
@media (max-width: 767px) {
  .linkArea {
    margin-top: 20px;
  }
}
.linkArea ul {
  margin: 0 !important;
}
.linkArea ul li {
  list-style: none;
  margin-left: 0 !important;
  padding-left: 1.2em;
}
.linkArea ul li::before {
  margin-left: -1.2em;
  margin-bottom: 1px;
  display: inline-block;
  content: "\f111";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  display: inline-block;
  margin-right: 0.5em;
  font-size: 70%;
  line-height: 1.8;
  vertical-align: middle;
}
.linkArea a {
  text-decoration: none;
  color: var(--color-contrast);
}
.linkArea a::after {
  color: var(--color-primary);
}
.linkArea a:hover {
  color: var(--color-link);
}
@media (max-width: 767px) {
  .linkArea {
    padding: 10px;
  }
}

.cms-btnArea {
  margin-top: 30px;
}
@media (max-width: 767px) {
  .cms-btnArea {
    margin-top: 20px;
  }
}
.cms-btnArea.btn-right ul {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.cms-btnArea.btn-left ul {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.cms-btnArea.btn-center ul {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.cms-btnArea.btn-mt {
  margin-top: 30px;
}
.cms-btnArea ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 -10px !important;
}
@media (max-width: 767px) {
  .cms-btnArea ul {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.cms-btnArea ul li {
  padding: 0 10px;
  list-style: none;
  margin-left: 0 !important;
}
@media (max-width: 767px) {
  .cms-btnArea ul li {
    width: 100%;
    margin-bottom: 10px !important;
    text-align: center;
  }
  .cms-btnArea ul li:last-child {
    margin-bottom: 0;
  }
}
.cms-btnArea ul li a {
  display: inline-block;
  text-decoration: none;
  padding: 8px 25px;
  border: 1px solid var(--color-primary);
  border-radius: 0.25rem;
}
.cms-btnArea ul li a:hover {
  background-color: var(--color-secondary) !important;
  color: #fff !important;
}
@media (max-width: 767px) {
  .cms-btnArea ul li a {
    text-align: center;
    max-width: 400px;
    width: 100%;
    margin: auto;
  }
}
.cms-btnArea ul li a.next {
  background-color: var(--color-primary);
  color: #fff;
}
.cms-btnArea ul li a.back {
  color: var(--color-primary);
}
.cms-btnArea ul li a.delete {
  background-color: #666666;
  color: #fff;
  border: 1px solid #666666;
}

.pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}
.pagination a {
  display: block;
  text-decoration: none;
  line-height: 100%;
}
.pagination a:hover {
  background-color: var(--color-primary);
  color: #fff;
}
.pagination a.active {
  background-color: var(--color-primary);
  color: #fff;
}
@media (max-width: 767px) {
  .pagination a {
    padding: 5px 10px;
  }
}
.pagination .arrows-box {
  border: 1px solid #ced4da;
}
.pagination .arrows-box.left-arrow {
  border-radius: 0.25em 0 0 0.25em;
}
.pagination .arrows-box.right-arrow {
  border-radius: 0 0.25em 0.25em 0;
}
.pagination .arrows-box a {
  padding: 10px 15px;
}
.pagination ul {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  border-top: 1px solid #ced4da;
  border-bottom: 1px solid #ced4da;
}
@media (max-width: 767px) {
  .pagination ul {
    overflow-y: hidden;
    overflow-x: scroll;
  }
}
.pagination ul li {
  border-left: 1px solid #ced4da;
}
.pagination ul li:first-child {
  border-left: none;
}
.pagination ul li a {
  padding: 11.5px 15px;
}