@charset "UTF-8";
/* メディアクエリ（Sass Mixin）の呼び出し方法
@use "../assets/css/global_variables" as global;
@include global.mq(smp) {
	margin-bottom: var(--normal);
}
*/
:root {
  --color-wh:	#FcFcFc;
  --color-sv:	#acacc8;
  --color-sv-tx:	#ddddff;
  --color-bk:	#333;
  --color-bk-lh:	#999;
  --color-ash:	#7ead99;
  --color-ash-lh:	#aacdbe;
  --color-gr:	#08965a;
  --color-gr-tx:	#098d55;
  --color-red:	#c63045;
  --color-trans: rgba(255, 255, 255, 0);
  --color-frost: rgba(233, 243, 248, 0.4);
  --color-frost-dark: rgba(3, 27, 21, 0.5);
  --color-frost-hover: rgba(3, 27, 21, 0.4);
  --color-bdwh: rgba(255, 255, 255, 0.9);
  --margin-separate:	30rem; /* 360px */
  --margin-xbig:	20rem; /* 240px */
  --margin-big:	10rem; /* 120px */
  --margin-section:	8rem; /* 72px  */
  --margin-midbig:	6rem; /* 72px  */
  --margin-normal:	5rem; /* 60px  */
  --margin-small:	3rem; /* 36px  */
  --margin-xsmall:	2rem; /* 24px  */
  --margin-smp:	1.5rem; /* 24px  */
  --text-basic-sans: "avenir-next-world", "yu-gothic-pr6n", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  --text-bold-sans: "avenir-next-world", "dnp-shuei-gothic-kin-std", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  --text-medium: 300;
  --text-bold: 500;
  --text-ls: 0.06em;
  --text-ls-wide: 0.125em;
  /* clamp(最小値, 推奨値, 最大値) */
  /* 推奨値の係数はデザインに合わせて調整してください（今回は100vwの約1.5%〜2%程度を基準にしています） */
  --fs-10:	clamp(0.625rem, 0.5rem + 0.3vw, 0.75rem); /* 10px - 12px */
  --fs-12:	clamp(0.75rem, 0.6rem + 0.3vw, 0.875rem); /* 12px - 14px */
  --fs-14:	clamp(0.875rem, 0.7rem + 0.4vw, 1.125rem); /* 14px - 18px */
  --fs-16:	clamp(1rem, 0.8rem + 0.5vw, 1.25rem); /* 16px - 20px */
  --fs-18:	clamp(1.125rem, 0.9rem + 0.6vw, 1.5rem); /* 18px - 24px */
  --fs-20:	clamp(1.25rem, 1rem + 0.7vw, 1.75rem); /* 20px - 28px */
  --fs-24:	clamp(1.5rem, 1.2rem + 0.8vw, 2rem); /* 24px - 32px */
  --fs-32:	clamp(2rem, 1.6rem + 1vw, 2.5rem); /* 32px - 40px */
  --fs-40:	clamp(2.5rem, 2rem + 1.2vw, 3rem); /* 40px - 48px */
  --lh-20:	2.25em;
  --lh-75:	1.8em;
  --lh-50:	1.5em;
  --lh-10:	1em;
  --z-top: 100000;
  --z-modal: 10000;
  --z-important: 1000;
  --z-float: 100;
  --z-upper2: 10;
  --z-upper1: 1;
  --z-bottom1:	-1;
  --z-bottom2:	-2;
  --z-bottom3:	-3;
  --e-easeOutQuint: cubic-bezier(0.22, 1, 0.36, 1);
  --e-easeOutCubic: cubic-bezier(0.33, 1, 0.68, 1);
  --e-easeInQuad: cubic-bezier(0.11, 0, 0.5, 0);
}

/*! ------------ USAGI branch STYLES (common) ------------ */
footer.normal {
  display: flex;
  flex-direction: column;
  align-items: center;
}

#footer-logo {
  display: flex;
  justify-content: center;
  width: 75%;
  max-width: 1000px;
  padding-bottom: var(--margin-normal);
}
@media screen and (max-width: 500px) {
  #footer-logo {
    width: 80%;
    padding-bottom: var(--margin-xsmall);
  }
}

#footer-info {
  display: flex;
  flex-direction: row;
  width: 75%;
  max-width: 1000px;
  padding-bottom: var(--margin-small);
}
@media screen and (max-width: 500px) {
  #footer-info {
    width: 80%;
    flex-direction: column;
    padding-bottom: var(--margin-smp);
  }
}
#footer-info .footer-info-sns-smp {
  display: none;
}

#footer-corpo {
  display: flex;
  flex-direction: column;
  width: 75%;
  max-width: 1000px;
  border-top: 1px solid var(--color-wh);
  padding-bottom: var(--margin-midbig);
}
@media screen and (max-width: 500px) {
  #footer-corpo {
    width: 80%;
    padding-bottom: var(--margin-smp);
  }
}
#footer-corpo .footer-corpo-sns-smp {
  display: none;
}

#footer-foot {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  padding-left: var(--margin-normal);
  padding-right: var(--margin-normal);
}
@media screen and (max-width: 500px) {
  #footer-foot {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 1em;
  }
}

.footer-sns-container {
  display: flex;
  padding-top: 1em;
  padding-bottom: var(--margin-small);
}
@media screen and (max-width: 500px) {
  .footer-sns-container {
    display: none;
  }
}

.footer-sns-container-smp {
  display: none;
}
@media screen and (max-width: 500px) {
  .footer-sns-container-smp {
    display: flex;
    justify-content: center;
    padding-top: var(--margin-xsmall);
    padding-bottom: var(--margin-xsmall);
  }
}

.footer-sns-icon {
  display: flex;
  align-items: center;
  color: var(--color-bk) !important;
  margin-right: 1em;
}
@media screen and (max-width: 500px) {
  .footer-sns-icon {
    margin-right: 2em;
  }
}
.footer-sns-icon::before {
  content: "";
  display: block;
  width: 2em;
  height: 2em;
  background-size: contain;
  background-position: 50% 0%;
  background-repeat: no-repeat;
}
@media screen and (max-width: 500px) {
  .footer-sns-icon::before {
    width: 4em;
    height: 4em;
  }
}
.footer-sns-icon::before:last-of-type {
  margin-right: 0;
}
.footer-sns-icon.instagram::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23FcFcFc' viewBox='0 0 16 16'%3E%3Cpath d='M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.9 3.9 0 0 0-1.417.923A3.9 3.9 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.9 3.9 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.9 3.9 0 0 0-.923-1.417A3.9 3.9 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599s.453.546.598.92c.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.5 2.5 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.5 2.5 0 0 1-.92-.598 2.5 2.5 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233s.008-2.388.046-3.231c.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92s.546-.453.92-.598c.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92m-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217m0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334'/%3E%3C/svg%3E");
}
.footer-sns-icon.facebook::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23FcFcFc' viewBox='0 0 16 16'%3E%3Cpath d='M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951'/%3E%3C/svg%3E");
}
.footer-sns-icon.threads::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23FcFcFc' viewBox='0 0 16 16'%3E%3Cpath d='M6.321 6.016c-.27-.18-1.166-.802-1.166-.802.756-1.081 1.753-1.502 3.132-1.502.975 0 1.803.327 2.394.948s.928 1.509 1.005 2.644q.492.207.905.484c1.109.745 1.719 1.86 1.719 3.137 0 2.716-2.226 5.075-6.256 5.075C4.594 16 1 13.987 1 7.994 1 2.034 4.482 0 8.044 0 9.69 0 13.55.243 15 5.036l-1.36.353C12.516 1.974 10.163 1.43 8.006 1.43c-3.565 0-5.582 2.171-5.582 6.79 0 4.143 2.254 6.343 5.63 6.343 2.777 0 4.847-1.443 4.847-3.556 0-1.438-1.208-2.127-1.27-2.127-.236 1.234-.868 3.31-3.644 3.31-1.618 0-3.013-1.118-3.013-2.582 0-2.09 1.984-2.847 3.55-2.847.586 0 1.294.04 1.663.114 0-.637-.54-1.728-1.9-1.728-1.25 0-1.566.405-1.967.868ZM8.716 8.19c-2.04 0-2.304.87-2.304 1.416 0 .878 1.043 1.168 1.6 1.168 1.02 0 2.067-.282 2.232-2.423a6.2 6.2 0 0 0-1.528-.161'/%3E%3C/svg%3E");
}
.footer-sns-icon.youtube::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23FcFcFc' viewBox='0 0 16 16'%3E%3Cpath d='M8.051 1.999h.089c.822.003 4.987.033 6.11.335a2.01 2.01 0 0 1 1.415 1.42c.101.38.172.883.22 1.402l.01.104.022.26.008.104c.065.914.073 1.77.074 1.957v.075c-.001.194-.01 1.108-.082 2.06l-.008.105-.009.104c-.05.572-.124 1.14-.235 1.558a2.01 2.01 0 0 1-1.415 1.42c-1.16.312-5.569.334-6.18.335h-.142c-.309 0-1.587-.006-2.927-.052l-.17-.006-.087-.004-.171-.007-.171-.007c-1.11-.049-2.167-.128-2.654-.26a2.01 2.01 0 0 1-1.415-1.419c-.111-.417-.185-.986-.235-1.558L.09 9.82l-.008-.104A31 31 0 0 1 0 7.68v-.123c.002-.215.01-.958.064-1.778l.007-.103.003-.052.008-.104.022-.26.01-.104c.048-.519.119-1.023.22-1.402a2.01 2.01 0 0 1 1.415-1.42c.487-.13 1.544-.21 2.654-.26l.17-.007.172-.006.086-.003.171-.007A100 100 0 0 1 7.858 2zM6.4 5.209v4.818l4.157-2.408z'/%3E%3C/svg%3E");
}
.footer-sns-icon.x_twitter::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23FcFcFc' viewBox='0 0 16 16'%3E%3Cpath d='M12.6.75h2.454l-5.36 6.142L16 15.25h-4.937l-3.867-5.07-4.425 5.07H.316l5.733-6.57L0 .75h5.063l3.495 4.633L12.601.75Zm-.86 13.028h1.36L4.323 2.145H2.865z'/%3E%3C/svg%3E");
}
.footer-sns-icon:hover.instagram::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ddddff' viewBox='0 0 16 16'%3E%3Cpath d='M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.9 3.9 0 0 0-1.417.923A3.9 3.9 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.9 3.9 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.9 3.9 0 0 0-.923-1.417A3.9 3.9 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599s.453.546.598.92c.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.5 2.5 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.5 2.5 0 0 1-.92-.598 2.5 2.5 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233s.008-2.388.046-3.231c.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92s.546-.453.92-.598c.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92m-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217m0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334'/%3E%3C/svg%3E");
}
.footer-sns-icon:hover.facebook::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ddddff' viewBox='0 0 16 16'%3E%3Cpath d='M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951'/%3E%3C/svg%3E");
}
.footer-sns-icon:hover.threads::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ddddff' viewBox='0 0 16 16'%3E%3Cpath d='M6.321 6.016c-.27-.18-1.166-.802-1.166-.802.756-1.081 1.753-1.502 3.132-1.502.975 0 1.803.327 2.394.948s.928 1.509 1.005 2.644q.492.207.905.484c1.109.745 1.719 1.86 1.719 3.137 0 2.716-2.226 5.075-6.256 5.075C4.594 16 1 13.987 1 7.994 1 2.034 4.482 0 8.044 0 9.69 0 13.55.243 15 5.036l-1.36.353C12.516 1.974 10.163 1.43 8.006 1.43c-3.565 0-5.582 2.171-5.582 6.79 0 4.143 2.254 6.343 5.63 6.343 2.777 0 4.847-1.443 4.847-3.556 0-1.438-1.208-2.127-1.27-2.127-.236 1.234-.868 3.31-3.644 3.31-1.618 0-3.013-1.118-3.013-2.582 0-2.09 1.984-2.847 3.55-2.847.586 0 1.294.04 1.663.114 0-.637-.54-1.728-1.9-1.728-1.25 0-1.566.405-1.967.868ZM8.716 8.19c-2.04 0-2.304.87-2.304 1.416 0 .878 1.043 1.168 1.6 1.168 1.02 0 2.067-.282 2.232-2.423a6.2 6.2 0 0 0-1.528-.161'/%3E%3C/svg%3E");
}
.footer-sns-icon:hover.youtube::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ddddff' viewBox='0 0 16 16'%3E%3Cpath d='M8.051 1.999h.089c.822.003 4.987.033 6.11.335a2.01 2.01 0 0 1 1.415 1.42c.101.38.172.883.22 1.402l.01.104.022.26.008.104c.065.914.073 1.77.074 1.957v.075c-.001.194-.01 1.108-.082 2.06l-.008.105-.009.104c-.05.572-.124 1.14-.235 1.558a2.01 2.01 0 0 1-1.415 1.42c-1.16.312-5.569.334-6.18.335h-.142c-.309 0-1.587-.006-2.927-.052l-.17-.006-.087-.004-.171-.007-.171-.007c-1.11-.049-2.167-.128-2.654-.26a2.01 2.01 0 0 1-1.415-1.419c-.111-.417-.185-.986-.235-1.558L.09 9.82l-.008-.104A31 31 0 0 1 0 7.68v-.123c.002-.215.01-.958.064-1.778l.007-.103.003-.052.008-.104.022-.26.01-.104c.048-.519.119-1.023.22-1.402a2.01 2.01 0 0 1 1.415-1.42c.487-.13 1.544-.21 2.654-.26l.17-.007.172-.006.086-.003.171-.007A100 100 0 0 1 7.858 2zM6.4 5.209v4.818l4.157-2.408z'/%3E%3C/svg%3E");
}
.footer-sns-icon:hover.x_twitter::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ddddff' viewBox='0 0 16 16'%3E%3Cpath d='M12.6.75h2.454l-5.36 6.142L16 15.25h-4.937l-3.867-5.07-4.425 5.07H.316l5.733-6.57L0 .75h5.063l3.495 4.633L12.601.75Zm-.86 13.028h1.36L4.323 2.145H2.865z'/%3E%3C/svg%3E");
}

#footer-logo img {
  width: 40%;
  height: auto;
}
@media screen and (max-width: 500px) {
  #footer-logo img {
    width: 80%;
  }
}

#footer-info .footer-info-head {
  display: flex;
  flex-direction: column;
  width: 50%;
  text-align: left;
}
@media screen and (max-width: 500px) {
  #footer-info .footer-info-head {
    width: 100%;
    text-align: center;
  }
}
#footer-info .footer-info-address {
  display: flex;
  flex-direction: column;
  width: 50%;
  text-align: left;
}
@media screen and (max-width: 500px) {
  #footer-info .footer-info-address {
    width: 100%;
    text-align: center;
  }
}
#footer-info .footer-info-address .footer-info-accessmap {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-top: 1em;
  text-align: left;
}
@media screen and (max-width: 500px) {
  #footer-info .footer-info-address .footer-info-accessmap {
    justify-content: center;
    text-align: center;
  }
}
#footer-info .footer-info-address .footer-info-accessmap::before {
  content: "";
  display: block;
  width: 1em;
  height: 1em;
  margin-right: 0.5em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 15'%3E%3Cpath fill='%23FcFcFc' d='M4.5 7.5a3 3 0 1 0 6 0a3 3 0 1 0-6 0'/%3E%3C/svg%3E");
  background-size: contain;
  background-position: 50% 0%;
  background-repeat: no-repeat;
}
#footer-info .footer-info-address .footer-info-accessmap:hover ::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 15'%3E%3Cpath fill='%23ddddff' d='M4.5 7.5a3 3 0 1 0 6 0a3 3 0 1 0-6 0'/%3E%3C/svg%3E");
}

#footer-corpo .footer-corpo-head {
  display: flex;
  flex-direction: column;
}
#footer-corpo .footer-corpo-head h3 {
  padding-top: 0.5em;
  padding-bottom: 0;
  text-align: left;
}
@media screen and (max-width: 500px) {
  #footer-corpo .footer-corpo-head h3 {
    padding-top: var(--margin-small);
    padding-bottom: 2em;
    text-align: center;
  }
}
#footer-corpo .footer-corpo-series ul {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}
@media screen and (max-width: 500px) {
  #footer-corpo .footer-corpo-series ul {
    flex-wrap: wrap;
    justify-content: space-around;
  }
}
#footer-corpo .footer-corpo-series ul li {
  width: 20%;
  margin-bottom: 0;
}
@media screen and (max-width: 500px) {
  #footer-corpo .footer-corpo-series ul li {
    width: 35%;
    margin-bottom: 1em;
  }
}
#footer-corpo .footer-corpo-series ul li a {
  width: 100%;
  display: flex;
  flex-direction: column;
}
#footer-corpo .footer-corpo-series ul li a img {
  width: 100%;
  height: auto;
  aspect-ratio: 2/1;
  object-fit: cover;
}
#footer-corpo .footer-corpo-series ul li a p {
  width: 100%;
  text-align: center;
  padding-top: 0.5em;
  padding-bottom: 1em;
}

#footer-foot .footer-foot-logo {
  margin-bottom: 0;
}
@media screen and (max-width: 500px) {
  #footer-foot .footer-foot-logo {
    margin-bottom: var(--margin-smp);
  }
}
#footer-foot .footer-foot-logo svg {
  display: block;
  height: 1rem;
  width: auto;
}
#footer-foot .footer-foot-copy {
  font-family: var(--text-bold-sans);
  font-weight: var(--text-bold);
}

#commonmenu-blur {
  display: none;
  pointer-events: none;
  backdrop-filter: blur(0);
  transition: backdrop-filter 0.25s var(--e-easeInQuad);
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
}
#commonmenu-blur.active1 {
  display: block;
  will-change: backdrop-filter;
}
#commonmenu-blur.active2 {
  backdrop-filter: blur(10px);
  will-change: backdrop-filter;
}

#commonmenu {
  display: none;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.25s var(--e-easeInQuad);
  position: fixed;
  top: 0;
  left: 0;
  flex-direction: column;
  width: 100vw;
  height: 100vh;
  background-color: var(--color-wh);
  padding-left: var(--margin-xsmall);
  padding-right: var(--margin-xsmall);
  overflow-y: auto;
  font-family: var(--text-basic-sans);
  font-weight: var(--text-medium);
}
#commonmenu.active1 {
  display: flex;
  pointer-events: auto;
  will-change: opacity;
}
#commonmenu.active2 {
  opacity: 1;
  will-change: opacity;
}

#commonmenu-head {
  order: 1;
  display: flex;
  flex-direction: column;
  width: 100%;
  padding-top: var(--margin-xsmall);
}

#commonmenu-main {
  order: 2;
  display: flex;
  flex-direction: row;
  width: 100%;
  padding-top: 1em;
  padding-bottom: 1em;
}
@media screen and (max-width: 1024px) {
  #commonmenu-main {
    padding-top: 2em;
    padding-bottom: 2em;
  }
}
@media screen and (max-width: 500px) {
  #commonmenu-main {
    flex-direction: column;
  }
}

#commonmenu-sub {
  order: 4;
  display: flex;
  flex-direction: column;
  width: 100%;
}
@media screen and (max-width: 500px) {
  #commonmenu-sub {
    order: 3;
  }
}
#commonmenu-sub ul > li {
  padding-top: 1em;
  padding-bottom: 1em;
}
@media screen and (max-width: 1024px) {
  #commonmenu-sub ul > li {
    padding-top: 2em;
    padding-bottom: 2em;
  }
}
@media screen and (max-width: 500px) {
  #commonmenu-sub ul > li {
    padding-top: 1em;
    padding-bottom: 1em;
  }
}

.commonmenu-sns {
  display: flex;
  flex-direction: column;
  width: 100%;
}

#sns-link {
  order: 3;
}
@media screen and (max-width: 500px) {
  #sns-link {
    order: 4;
  }
}

#sns-corpo {
  order: 6;
}

#commonmenu-corpo {
  order: 5;
  display: flex;
  flex-direction: row;
  width: 100%;
  padding-top: 1em;
  padding-bottom: 1em;
}
@media screen and (max-width: 1024px) {
  #commonmenu-corpo {
    padding-top: 2em;
    padding-bottom: 2em;
  }
}
@media screen and (max-width: 500px) {
  #commonmenu-corpo {
    flex-direction: column;
  }
}

#commonmenu-foot {
  order: 7;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
}
@media screen and (max-width: 500px) {
  #commonmenu-foot {
    flex-direction: column;
    align-items: center;
  }
}

.commonmenu-menuhead {
  width: 32%;
  padding-right: var(--margin-xsmall);
}
@media screen and (max-width: 500px) {
  .commonmenu-menuhead {
    width: 100%;
    padding-right: 0;
  }
}

.commonmenu-menucontainer {
  width: 68%;
}
@media screen and (max-width: 500px) {
  .commonmenu-menucontainer {
    width: 100%;
  }
}

#commonmenu-head .commonmenu-head-logo img {
  height: 60px;
  width: auto;
}
@media screen and (max-width: 500px) {
  #commonmenu-head .commonmenu-head-logo img {
    height: 45px;
  }
}
#commonmenu-head .commonmenu-head-indexback {
  display: flex;
  padding-top: var(--margin-xsmall);
  padding-bottom: var(--margin-xsmall);
  font-size: var(--fs-16);
  transition: none !important;
}
@media screen and (max-width: 1024px) {
  #commonmenu-head .commonmenu-head-indexback {
    font-size: var(--fs-14);
    padding-top: 2em;
    padding-bottom: 1em;
  }
}
@media screen and (max-width: 500px) {
  #commonmenu-head .commonmenu-head-indexback {
    padding-bottom: 0.75em;
  }
}
#commonmenu-head .commonmenu-head-indexback::before {
  content: "";
  display: block;
  width: 1em;
  height: 1em;
  margin-right: 0.5em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2308965a' class='bi bi-arrow-left-circle' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1 8a7 7 0 1 0 14 0A7 7 0 0 0 1 8m15 0A8 8 0 1 1 0 8a8 8 0 0 1 16 0m-4.5-.5a.5.5 0 0 1 0 1H5.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L5.707 7.5z'/%3E%3C/svg%3E");
  background-size: contain;
  background-position: 50% 0%;
  background-repeat: no-repeat;
}
#commonmenu-head .commonmenu-head-indexback:hover::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%237ead99' class='bi bi-arrow-left-circle' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1 8a7 7 0 1 0 14 0A7 7 0 0 0 1 8m15 0A8 8 0 1 1 0 8a8 8 0 0 1 16 0m-4.5-.5a.5.5 0 0 1 0 1H5.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L5.707 7.5z'/%3E%3C/svg%3E");
}

#commonmenu-main {
  border-top: 1px solid var(--color-gr);
}
#commonmenu-main .commonmenu-menucontainer {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  font-size: var(--fs-12);
  gap: 2%;
}
@media screen and (max-width: 500px) {
  #commonmenu-main .commonmenu-menucontainer {
    flex-direction: column;
    gap: 0;
    font-size: var(--fs-16);
  }
}
#commonmenu-main .commonmenu-menucontainer li {
  width: 18.4%;
}
@media screen and (max-width: 1024px) {
  #commonmenu-main .commonmenu-menucontainer li {
    width: 31.3%;
  }
}
@media screen and (max-width: 500px) {
  #commonmenu-main .commonmenu-menucontainer li {
    width: 100%;
  }
}
#commonmenu-main .commonmenu-menucontainer li a {
  width: 100%;
  display: flex;
  flex-direction: column;
}
#commonmenu-main .commonmenu-menucontainer li a img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 2/1;
  object-fit: cover;
}
@media screen and (max-width: 500px) {
  #commonmenu-main .commonmenu-menucontainer li a img {
    display: none;
  }
}
#commonmenu-main .commonmenu-menucontainer li a p {
  width: 100%;
  text-align: center;
  padding-top: 0.5em;
  padding-bottom: 1em;
}
@media screen and (max-width: 500px) {
  #commonmenu-main .commonmenu-menucontainer li a p {
    text-align: right;
  }
}

#commonmenu-sub > ul {
  width: 100%;
}
#commonmenu-sub > ul li {
  display: flex;
  flex-direction: row;
  width: 100%;
  border-top: 1px solid var(--color-gr);
  border-bottom: none;
}
@media screen and (max-width: 500px) {
  #commonmenu-sub > ul li:last-child {
    border-bottom: 1px solid var(--color-gr);
  }
}
@media screen and (max-width: 500px) {
  #commonmenu-sub > ul li {
    flex-direction: column;
  }
}
#commonmenu-sub > ul li .commonmenu-menuhead {
  display: flex;
  justify-content: center;
  font-size: var(--fs-16);
}
@media screen and (max-width: 500px) {
  #commonmenu-sub > ul li .commonmenu-menuhead {
    font-size: var(--fs-14);
  }
}
#commonmenu-sub > ul li .commonmenu-menuhead h3 {
  width: 100%;
  margin-bottom: 0;
}
@media screen and (max-width: 500px) {
  #commonmenu-sub > ul li .commonmenu-menuhead h3 {
    margin-bottom: 0.5em;
  }
}
#commonmenu-sub > ul li .commonmenu-menuhead::before {
  content: "";
  display: block;
  width: 1em;
  height: 1em;
  margin-right: 0.5em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 15'%3E%3Cpath fill='%2308965a' d='M4.5 7.5a3 3 0 1 0 6 0a3 3 0 1 0-6 0'/%3E%3C/svg%3E");
  background-size: contain;
  background-position: 50% 0%;
  background-repeat: no-repeat;
}
@media screen and (max-width: 500px) {
  #commonmenu-sub > ul li .commonmenu-menuhead::before {
    margin-right: 0;
  }
}
#commonmenu-sub > ul li .commonmenu-menucontainer {
  font-size: var(--fs-16);
}
#commonmenu-sub > ul li .commonmenu-menucontainer p {
  width: 100%;
  text-align: left;
}
@media screen and (max-width: 500px) {
  #commonmenu-sub > ul li .commonmenu-menucontainer p {
    text-align: right;
  }
}

.commonmenu-sns > ul li {
  width: 100%;
  display: flex;
  padding-top: 0;
  padding-bottom: var(--margin-xsmall);
  padding-left: 0;
  padding-right: 0;
  border: none;
}
@media screen and (max-width: 500px) {
  .commonmenu-sns > ul li {
    padding-top: var(--margin-smp);
    padding-bottom: var(--margin-smp);
    padding-left: 1em;
    padding-right: 0;
    border-top: 1px solid var(--color-gr);
  }
}
@media screen and (max-width: 500px) {
  .commonmenu-sns > ul li:last-child {
    border-bottom: 1px solid var(--color-gr);
  }
}
@media screen and (max-width: 500px) {
  .commonmenu-sns > ul li .commonmenu-menuhead {
    display: none;
  }
}
.commonmenu-sns > ul li .commonmenu-menucontainer {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  color: var(--color-bk) !important;
  font-size: var(--fs-14);
}
@media screen and (max-width: 500px) {
  .commonmenu-sns > ul li .commonmenu-menucontainer {
    justify-content: space-between;
    font-size: var(--fs-16);
  }
}
.commonmenu-sns > ul li .commonmenu-menucontainer p {
  padding-left: 1em;
  line-break: anywhere;
}
.commonmenu-sns > ul li .commonmenu-menucontainer :hover {
  color: var(--color-ash) !important;
}
.commonmenu-sns > ul li .commonmenu-menucontainer::before {
  content: "";
  display: block;
  width: 2em;
  height: 2em;
  margin-right: 0.5em;
  background-size: contain;
  background-position: 50% 0%;
  background-repeat: no-repeat;
}
.commonmenu-sns > ul li .commonmenu-menucontainer.instagram::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2308965a' viewBox='0 0 16 16'%3E%3Cpath d='M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.9 3.9 0 0 0-1.417.923A3.9 3.9 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.9 3.9 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.9 3.9 0 0 0-.923-1.417A3.9 3.9 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599s.453.546.598.92c.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.5 2.5 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.5 2.5 0 0 1-.92-.598 2.5 2.5 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233s.008-2.388.046-3.231c.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92s.546-.453.92-.598c.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92m-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217m0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334'/%3E%3C/svg%3E");
}
.commonmenu-sns > ul li .commonmenu-menucontainer.facebook::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2308965a' viewBox='0 0 16 16'%3E%3Cpath d='M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951'/%3E%3C/svg%3E");
}
.commonmenu-sns > ul li .commonmenu-menucontainer.youtube::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2308965a' viewBox='0 0 16 16'%3E%3Cpath d='M8.051 1.999h.089c.822.003 4.987.033 6.11.335a2.01 2.01 0 0 1 1.415 1.42c.101.38.172.883.22 1.402l.01.104.022.26.008.104c.065.914.073 1.77.074 1.957v.075c-.001.194-.01 1.108-.082 2.06l-.008.105-.009.104c-.05.572-.124 1.14-.235 1.558a2.01 2.01 0 0 1-1.415 1.42c-1.16.312-5.569.334-6.18.335h-.142c-.309 0-1.587-.006-2.927-.052l-.17-.006-.087-.004-.171-.007-.171-.007c-1.11-.049-2.167-.128-2.654-.26a2.01 2.01 0 0 1-1.415-1.419c-.111-.417-.185-.986-.235-1.558L.09 9.82l-.008-.104A31 31 0 0 1 0 7.68v-.123c.002-.215.01-.958.064-1.778l.007-.103.003-.052.008-.104.022-.26.01-.104c.048-.519.119-1.023.22-1.402a2.01 2.01 0 0 1 1.415-1.42c.487-.13 1.544-.21 2.654-.26l.17-.007.172-.006.086-.003.171-.007A100 100 0 0 1 7.858 2zM6.4 5.209v4.818l4.157-2.408z'/%3E%3C/svg%3E");
}
.commonmenu-sns > ul li .commonmenu-menucontainer.threads::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2308965a' viewBox='0 0 16 16'%3E%3Cpath d='M6.321 6.016c-.27-.18-1.166-.802-1.166-.802.756-1.081 1.753-1.502 3.132-1.502.975 0 1.803.327 2.394.948s.928 1.509 1.005 2.644q.492.207.905.484c1.109.745 1.719 1.86 1.719 3.137 0 2.716-2.226 5.075-6.256 5.075C4.594 16 1 13.987 1 7.994 1 2.034 4.482 0 8.044 0 9.69 0 13.55.243 15 5.036l-1.36.353C12.516 1.974 10.163 1.43 8.006 1.43c-3.565 0-5.582 2.171-5.582 6.79 0 4.143 2.254 6.343 5.63 6.343 2.777 0 4.847-1.443 4.847-3.556 0-1.438-1.208-2.127-1.27-2.127-.236 1.234-.868 3.31-3.644 3.31-1.618 0-3.013-1.118-3.013-2.582 0-2.09 1.984-2.847 3.55-2.847.586 0 1.294.04 1.663.114 0-.637-.54-1.728-1.9-1.728-1.25 0-1.566.405-1.967.868ZM8.716 8.19c-2.04 0-2.304.87-2.304 1.416 0 .878 1.043 1.168 1.6 1.168 1.02 0 2.067-.282 2.232-2.423a6.2 6.2 0 0 0-1.528-.161'/%3E%3C/svg%3E");
}
.commonmenu-sns > ul li .commonmenu-menucontainer.x_twitter::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2308965a' viewBox='0 0 16 16'%3E%3Cpath d='M12.6.75h2.454l-5.36 6.142L16 15.25h-4.937l-3.867-5.07-4.425 5.07H.316l5.733-6.57L0 .75h5.063l3.495 4.633L12.601.75Zm-.86 13.028h1.36L4.323 2.145H2.865z'/%3E%3C/svg%3E");
}

@media screen and (max-width: 500px) {
  #sns-link li {
    border: none;
  }
}
@media screen and (max-width: 500px) {
  #sns-link li:last-child {
    border: none;
  }
}

#commonmenu-corpo {
  border-top: 1px solid var(--color-gr);
}
#commonmenu-corpo .commonmenu-menucontainer {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 2%;
  font-size: var(--fs-12);
}
@media screen and (max-width: 500px) {
  #commonmenu-corpo .commonmenu-menucontainer {
    flex-direction: column;
    gap: 0;
    font-size: var(--fs-16);
  }
}
#commonmenu-corpo .commonmenu-menucontainer li {
  width: 18.4%;
}
@media screen and (max-width: 1024px) {
  #commonmenu-corpo .commonmenu-menucontainer li {
    width: 31.3%;
  }
}
@media screen and (max-width: 500px) {
  #commonmenu-corpo .commonmenu-menucontainer li {
    width: 100%;
  }
}
#commonmenu-corpo .commonmenu-menucontainer li a {
  width: 100%;
  display: flex;
  flex-direction: column;
}
#commonmenu-corpo .commonmenu-menucontainer li a img {
  width: 100%;
  height: auto;
  aspect-ratio: 2/1;
  object-fit: cover;
}
@media screen and (max-width: 500px) {
  #commonmenu-corpo .commonmenu-menucontainer li a img {
    display: none;
  }
}
#commonmenu-corpo .commonmenu-menucontainer li a p {
  width: 100%;
  text-align: center;
  padding-top: 0.5em;
  padding-bottom: 1em;
}
@media screen and (max-width: 500px) {
  #commonmenu-corpo .commonmenu-menucontainer li a p {
    text-align: right;
  }
}

#commonmenu-foot {
  margin-top: var(--margin-small);
  margin-bottom: var(--margin-xsmall);
  align-items: flex-end;
}
@media screen and (max-width: 500px) {
  #commonmenu-foot {
    margin-top: var(--margin-normal);
    align-items: center;
  }
}
#commonmenu-foot .commonmenu-foot-logo {
  margin-bottom: 0;
}
@media screen and (max-width: 500px) {
  #commonmenu-foot .commonmenu-foot-logo {
    margin-bottom: var(--margin-smp);
  }
}
#commonmenu-foot .commonmenu-foot-logo svg {
  display: block;
  height: 1rem;
  width: auto;
}
#commonmenu-foot .commonmenu-foot-copy {
  text-align: right;
  font-family: var(--text-bold-sans);
  font-weight: var(--text-bold);
}
@media screen and (max-width: 500px) {
  #commonmenu-foot .commonmenu-foot-copy {
    text-align: center;
  }
}
/* ------------ WP ARTICLE STYLES ------------ */
.singlearticle,
.archive {
  width: 60%;
  max-width: 800px;
  padding: var(--margin-midbig) 0;
}
@media screen and (max-width: 1280px) {
  .singlearticle,
  .archive {
    max-width: unset;
    width: calc(100% - var(--margin-midbig) * 2);
  }
}
@media screen and (max-width: 1024px) {
  .singlearticle,
  .archive {
    width: calc(100% - var(--margin-midbig) * 2);
  }
}
@media screen and (max-width: 750px) {
  .singlearticle,
  .archive {
    width: calc(100% - var(--margin-small) * 2);
  }
}
@media screen and (max-width: 500px) {
  .singlearticle,
  .archive {
    padding-top: var(--margin-small);
    width: calc(100% - var(--margin-smp) * 2);
  }
}
.singlearticle.beforeentering .archive-beforeentering-list li,
.archive.beforeentering .archive-beforeentering-list li {
  margin-top: 0 !important;
  margin-bottom: var(--margin-small) !important;
  font-size: var(--fs-14);
}
.singlearticle.beforeentering .archive-beforeentering-list li a,
.archive.beforeentering .archive-beforeentering-list li a {
  display: flex !important;
  flex-direction: column;
  align-items: center;
}
.singlearticle.beforeentering .archive-beforeentering-list li a img,
.archive.beforeentering .archive-beforeentering-list li a img {
  display: block !important;
  width: 45% !important;
  margin-bottom: var(--margin-small);
}
.singlearticle.beforeentering .archive-beforeentering-list li a h3,
.archive.beforeentering .archive-beforeentering-list li a h3 {
  width: 100% !important;
  font-size: var(--fs-18) !important;
  margin-bottom: 0.5em !important;
}
.singlearticle.beforeentering .archive-beforeentering-list li a p,
.archive.beforeentering .archive-beforeentering-list li a p {
  color: var(--color-bk) !important;
  width: 100% !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}
.singlearticle.beforeentering .archive-beforeentering-list li a .open,
.archive.beforeentering .archive-beforeentering-list li a .open {
  width: 100% !important;
  margin-top: 1em !important;
}
.singlearticle.beforeentering .archive-beforeentering-list li a:hover p,
.archive.beforeentering .archive-beforeentering-list li a:hover p {
  text-decoration: none !important;
}

.article-thumb {
  display: flex;
  justify-content: center;
  width: 100%;
  padding-bottom: var(--margin-small);
}
.article-thumb img {
  display: block;
  width: 60%;
  hight: auto;
  object-fit: cover;
}

.article-title {
  width: 100%;
  padding-bottom: var(--margin-small);
  color: var(--color-gr-tx);
  text-align: center;
}
.article-title .article-title-main {
  margin: 0.5em 0;
}
.article-pagination {
  width: 100%;
  margin-bottom: var(--margin-small);
  padding-bottom: 1em;
  color: var(--color-gr-tx);
  border-bottom: 1px solid var(--color-gr);
}
.article-pagination nav {
  display: flex;
  justify-content: space-between;
}

.article-nav {
  flex-basis: 50%;
  flex-grow: 1;
  font-family: var(--text-bold-sans);
  font-weight: var(--text-bold);
}
.article-nav a .page_arrow {
  display: inline;
  width: 2em;
  height: 1.25em;
}
.article-nav.prev {
  text-align: left;
}
.article-nav.prev a .page_arrow {
  margin-right: 0.5em;
}
.article-nav.next {
  text-align: right;
}
.article-nav.next a .page_arrow {
  margin-left: 0.5em;
}

.article-summary {
  width: 100%;
  padding-bottom: var(--margin-midbig);
  color: var(--color-bk);
  text-align: left;
}

.article-body,
.archive-body {
  width: 100%;
}

.archive-news-list {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: fit-content;
}
.archive-news-list li {
  width: 100%;
  border-top: 1px solid var(--color-gr);
}
.archive-news-list li:last-of-type {
  border-bottom: 1px solid var(--color-gr);
}
.archive-news-list li .news-topics-list-data {
  width: 100%;
  padding-top: 0.5em;
}
.archive-news-list li .news-topics-list-title {
  display: block;
  width: 100%;
  padding-top: 0.25em;
  padding-bottom: 0.5em;
  display: flex;
  flex-direction: column;
  color: var(--color-bk);
}

.pagination {
  display: flex;
  justify-content: center;
  margin-top: var(--margin-small);
  width: 100%;
}
.pagination .nav-links .page-numbers {
  list-style: none;
  display: flex;
  justify-content: center;
  gap: 0.75em;
  margin: 0;
  padding-inline-start: 0;
  font-size: var(--fs-18);
}
@media screen and (max-width: 500px) {
  .pagination .nav-links .page-numbers {
    justify-content: space-around;
    font-size: var(--fs-16);
  }
}
.pagination .nav-links .page-numbers li .page-numbers {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5em;
  height: 2.5em;
}
@media screen and (max-width: 500px) {
  .pagination .nav-links .page-numbers li .page-numbers {
    width: 2.2em;
    height: 2.2em;
  }
}
.pagination .nav-links .page-numbers li .page-numbers:not(.dots) {
  border: 1px solid var(--color-gr-tx);
  border-radius: 2%;
  color: var(--color-gr-tx);
  background: var(--color-wh);
  transition: color 0.15s ease, background 0.15s ease;
}
.pagination .nav-links .page-numbers li .page-numbers.current {
  color: var(--color-wh);
  background: var(--color-gr-tx);
  text-decoration: none;
}
.pagination .nav-links .page-numbers li .page-numbers:not(.current):hover {
  color: var(--color-wh) !important;
  background: var(--color-gr-tx);
}
.pagination .nav-links .page-numbers li .page-numbers.next {
  text-decoration: none;
}
.pagination .nav-links .page-numbers li .page_arrow {
  display: block;
  width: 1em;
  height: 1em;
  fill: var(--color-gr-tx) !important;
}
.pagination .nav-links .page-numbers li .page_arrow:hover {
  fill: var(--color-wh) !important;
  background: var(--color-gr-tx);
}

/* ------------ WP BLOCKEDITOR STYLES ------------ */
.article-body p {
  width: 100%;
  margin-bottom: 1em;
  text-align: justify;
  word-break: break-all;
  text-justify: inter-ideograph;
  text-justify: inter-character;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.wp-block-heading,
.article-body h1, .article-body h2, .article-body h3, .article-body h4, .article-body h5, .article-body h6 {
  width: 100%;
  font-weight: var(--text-medium);
  color: var(--color-gr-tx);
  line-height: var(--lh-50);
  margin-bottom: 0.75em;
}

.article-body h1 {
  font-size: var(--fs-24);
}

.article-body h2 {
  font-size: var(--fs-20);
}

.article-body h3 {
  font-size: var(--fs-18);
}

.article-body h4 {
  font-size: var(--fs-16);
}

.article-body h5 {
  font-size: var(--fs-16);
}

.article-body h6 {
  font-size: var(--fs-16);
}

.has-text-align-left {
  text-align: left !important;
}

.has-text-align-center {
  text-align: center !important;
}

.has-text-align-right {
  text-align: right !important;
}

.article-body strong,
.article-body mark {
  display: inline-block;
  font-family: var(--text-bold-sans);
  font-weight: var(--text-bold);
  color: var(--color-wh);
  background-color: var(--color-gr);
}

.has-small-font-size,
.has-medium-font-size,
.has-large-font-size,
.has-x-large-font-size {
  line-height: var(--lh-75);
}

.article-body figure {
  width: 100%;
  height: fit-content;
  margin-bottom: var(--margin-small);
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.article-body ul,
.article-body ol {
  width: 100%;
  min-width: 50%;
  list-style: none;
  margin-bottom: 1em;
}

.article-body ol {
  list-style: decimal;
}

.article-body li {
  padding-bottom: 0.5em;
  color: var(--color-gr-tx);
  text-indent: -1.25em;
  padding-left: 1.5em;
}

.article-body ol li {
  margin-left: 2em;
  padding-left: 0.75em;
}

.article-body ul li:before {
  display: inline-block;
  content: "";
  background-image: url("../img/dot.svg");
  width: 1rem;
  height: 1rem;
  transform: translateY(0.1em);
  background-size: cover;
  margin-right: 0.3em;
}

.wp-block-table {
  width: 100% !important;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.wp-block-table table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  border-color: var(--color-gr) !important;
}

.wp-block-table thead {
  border-color: var(--color-gr) !important;
  border-bottom: 1px solid var(--color-gr);
}

.wp-block-table th {
  width: auto;
  min-width: 50px;
  padding: 0.5em;
  border-top: none !important;
  border-bottom: none !important;
  border-left: none !important;
  border-right: none !important;
}

.wp-block-table td {
  width: auto;
  min-width: 50px;
  padding: 0.5em;
  border-color: var(--color-gr) !important;
  border-top: 1px solid var(--color-gr);
  border-bottom: none !important;
  border-left: none !important;
  border-right: none !important;
}

.wp-block-table strong {
  display: inline-block;
  font-family: var(--text-bold-sans);
  font-weight: var(--text-bold);
  color: var(--color-gr-tx);
  background-color: unset;
}

.wp-block-spacer {
  height: 3em;
}

.wp-block-separator {
  height: 0;
  margin: 0;
  padding: 0;
  border: 0 !important;
  opacity: 1 !important;
  display: block;
  width: 100%;
  margin: var(--margin-small) 0;
  border-top: 1px solid var(--color-gr) !important;
}
@media screen and (max-width: 500px) {
  .wp-block-separator {
    margin: var(--margin-normal) 0;
  }
}

.wp-block-image {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

.article-body img,
.page-body img {
  display: block;
  width: 100%;
  height: auto;
}

.wp-block-image.size-full img {
  width: 100%;
  height: auto;
}

.wp-block-image.size-large img {
  width: 70%;
  height: auto;
}

.wp-block-image.size-medium img {
  width: 45%;
  height: auto;
}

.wp-block-image.size-thumbnail img {
  width: 30%;
  height: auto;
}

.wp-block-gallery {
  width: 100% !important;
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  justify-content: flex-start !important;
  gap: 1rem !important;
}

.columns-1 figure {
  margin: 0;
  padding: 0;
  width: calc(100% - 0.5rem);
  height: fit-content;
}

.columns-2 figure {
  margin: 0;
  padding: 0;
  width: calc(50% - 0.5rem);
  height: fit-content;
}

.columns-2 figure img {
  width: 100% !important;
  height: auto !important;
  object-fit: cover;
}

.columns-3 figure {
  margin: 0;
  padding: 0;
  width: calc(33% - 0.6rem);
  height: fit-content;
}
@media screen and (max-width: 500px) {
  .columns-3 figure {
    width: calc(50% - 0.5rem);
  }
}

.columns-3 figure img {
  width: 100% !important;
  height: auto !important;
  object-fit: cover;
}

.columns-4 figure {
  margin: 0;
  padding: 0;
  width: calc(25% - 0.75rem);
  height: fit-content;
}
@media screen and (max-width: 500px) {
  .columns-4 figure {
    width: calc(50% - 0.5rem);
  }
}

.columns-4 figure img {
  width: 100% !important;
  height: auto !important;
  object-fit: cover;
}

.is-cropped.wp-block-gallery > .wp-block-image > img {
  aspect-ratio: 3/2;
}

.is-cropped.columns-4 figure img {
  aspect-ratio: 1/1;
}
@media screen and (max-width: 500px) {
  .is-cropped.columns-4 figure img {
    aspect-ratio: 3/2;
  }
}

.wp-block-gallery ul {
  margin: 0;
  padding: 0;
  width: 100%;
  min-width: auto;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 1rem !important;
}

.wp-block-gallery li {
  border: none !important;
  padding: 0;
}

.wp-block-gallery li:first-of-type {
  border: none;
}

.wp-block-gallery li:before {
  display: none;
}

.columns-2 li {
  margin: 0;
  padding: 0;
  width: calc(50% - 0.5rem);
  height: fit-content;
}

.columns-3 li {
  margin: 0;
  padding: 0;
  width: calc(33% - 0.6rem);
  height: fit-content;
}

.columns-4 li {
  margin: 0;
  padding: 0;
  width: calc(25% - 0.75rem);
  height: fit-content;
}

.wp-block-gallery ul figure {
  width: 100%;
}

.wp-element-caption {
  font-size: var(--fs-12);
  line-height: 2em;
  text-align: center;
  padding-top: 0.5em;
  color: var(--color-gr-tx);
}

.wp-block-gallery.has-nested-images figure.wp-block-image figcaption,
.wp-block-gallery.has-nested-images figure.wp-block-image:has(figcaption):before {
  position: relative !important;
  background: unset !important;
  text-shadow: unset !important;
  font-size: var(--fs-12) !important;
  line-height: 2em !important;
  text-align: center !important;
  padding: 0.75em 0 0 0 !important;
  color: var(--color-gr-tx) !important;
}

.article-body video,
.page-body video {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 16/9;
  background-color: #000;
}

.article-body iframe,
.page-body iframe {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 16/9;
  background-color: #000;
}

.wp-block-file {
  width: 100% !important;
  border: 1px solid var(--color-gr);
  border-radius: 0.5rem;
  text-align: center;
  background: none;
  transition: background 0.15s;
  cursor: pointer;
}

.wp-block-file a {
  display: block;
  width: 100%;
  height: 100%;
  padding-top: 1em;
  padding-bottom: 1em;
  text-decoration: none;
  font-size: var(--fs-16);
  line-height: var(--lh-75);
  transition: color 0.15s;
  cursor: pointer;
}

.wp-block-file a:nth-of-type(1)::before {
  display: inline-block;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2308965a' viewBox='0 0 16 16'%3E%3Cpath d='M8.5 6.5a.5.5 0 0 0-1 0v3.793L6.354 9.146a.5.5 0 1 0-.708.708l2 2a.5.5 0 0 0 .708 0l2-2a.5.5 0 0 0-.708-.708L8.5 10.293z'/%3E%3Cpath d='M14 14V4.5L9.5 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2M9.5 3A1.5 1.5 0 0 0 11 4.5h2V14a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h5.5z'/%3E%3C/svg%3E");
  width: 1.25rem;
  height: 1.25rem;
  margin-right: 0.5em;
  transform: translateY(0.1em);
  background-size: contain;
  transition: background-image 0.25s;
}

.wp-block-file__button {
  background: unset !important;
  padding: 0 !important;
  margin-left: 0.5em !important;
  font-weight: var(--text-medium);
  color: var(--color-gr);
}

.wp-block-file:hover {
  background: var(--color-gr);
}

.wp-block-file:hover a {
  color: var(--color-wh) !important;
  text-decoration: none !important;
}

.wp-block-file:hover .wp-block-file__button {
  color: var(--color-wh) !important;
}

.wp-block-file:hover a::before {
  color: var(--color-wh) !important;
  text-decoration: none !important;
}

.wp-block-file a:nth-of-type(1):hover::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fcfcfc' viewBox='0 0 16 16'%3E%3Cpath d='M8.5 6.5a.5.5 0 0 0-1 0v3.793L6.354 9.146a.5.5 0 1 0-.708.708l2 2a.5.5 0 0 0 .708 0l2-2a.5.5 0 0 0-.708-.708L8.5 10.293z'/%3E%3Cpath d='M14 14V4.5L9.5 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2M9.5 3A1.5 1.5 0 0 0 11 4.5h2V14a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h5.5z'/%3E%3C/svg%3E");
  width: 1.25rem;
  height: 1.25rem;
  background-size: cover;
}

.wp-block-media-text {
  display: flex;
  flex-direction: row;
  width: 100% !important;
  grid-template-columns: auto !important;
}

.wp-block-media-text figure {
  order: 1;
  width: 30%;
  padding-right: 5%;
  padding-left: 0;
  display: flex;
}

.wp-block-media-text figure img {
  width: 100% !important;
  height: auto !important;
}

.wp-block-media-text .wp-block-media-text__content {
  order: 2;
  width: 70%;
  display: flex;
}

.wp-block-media-text .wp-block-media-text__content p {
  width: 100%;
}

.wp-block-media-text.is-vertically-aligned-top {
  align-items: flex-start;
}

.is-vertically-aligned-top .wp-block-media-text__media * {
  align-self: flex-start;
}

.is-vertically-aligned-top .wp-block-media-text__content p {
  align-self: flex-start;
}

.wp-block-media-text.is-vertically-aligned-center {
  align-items: center;
}

.is-vertically-aligned-center .wp-block-media-text__media * {
  align-self: center;
}

.is-vertically-aligned-center .wp-block-media-text__content p {
  align-self: center;
}

.wp-block-media-text.is-vertically-aligned-bottom {
  align-items: flex-end;
}

.is-vertically-aligned-bottom .wp-block-media-text__media * {
  align-self: flex-end;
}

.is-vertically-aligned-bottom .wp-block-media-text__content p {
  align-self: flex-end;
}

.wp-block-media-text.has-media-on-the-right figure {
  order: 2;
  padding-left: 5%;
  padding-right: 0;
}

.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
  order: 1;
}

@media screen and (max-width: 500px) {
  .wp-block-media-text.is-stacked-on-mobile {
    flex-direction: column;
  }
}

@media screen and (max-width: 500px) {
  .wp-block-media-text.is-stacked-on-mobile figure {
    order: 1;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 5%;
  }
}

@media screen and (max-width: 500px) {
  .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {
    order: 2;
  }
}

.wp-block-usagi-kakomi {
  width: 100%;
  padding: var(--margin-small);
  border: 1px solid var(--color-gr) !important;
  margin-top: var(--margin-small);
  margin-bottom: var(--margin-small);
}
.wp-block-usagi-kakomi *:nth-last-of-type(1) {
  padding-bottom: 0;
}
@media screen and (max-width: 500px) {
  .wp-block-usagi-kakomi {
    padding: var(--margin-smp);
  }
}

.wp-block-usagi-kakomi p {
  width: 100%;
  font-size: var(--fs-14);
  line-height: var(--lh-75);
  margin-bottom: 0;
  padding-bottom: 1em;
}

.wp-block-usagi-kakomi .wp-block-separator {
  width: calc(100% + var(--margin-small) * 2);
  margin-left: calc(-1 * var(--margin-small));
}
@media screen and (max-width: 500px) {
  .wp-block-usagi-kakomi .wp-block-separator {
    width: calc(100% + var(--margin-smp) * 2);
    margin: var(--margin-smp) 0;
    margin-left: calc(-1 * var(--margin-smp));
  }
}

/* ------------ WP CF7 STYLES ------------ */
.wpcf7 {
  background: var(--color-wh) !important;
  padding: 35px !important;
  width: 100%;
}

.wpcf7 .hidden-fields-container {
  display: none !important;
}

.wpcf7-turnstile {
  display: flex;
  justify-content: center;
  align-items: center;
}

.wpcf7 form > p {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  padding: 1em 0.5em !important;
  margin: 0 !important;
  border-bottom: 1px solid var(--color-ash-lh) !important;
  box-sizing: border-box !important;
}

.wpcf7 form > p:first-of-type {
  border-top: none !important;
}

.wpcf7 form > p:has(input[type=submit]) {
  border-bottom: none !important;
  padding-top: var(--margin-xsmall) !important;
  justify-content: center !important;
  text-align: center !important;
}

.wpcf7 p label {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 40% !important;
  flex-shrink: 0 !important;
  font-size: var(--fs-14) !important;
  font-family: var(--text-bold-sans) !important;
  font-weight: 500 !important;
  color: var(--color-gr-tx) !important;
  padding-right: var(--margin-xsmall) !important;
}

.wpcf7 .required {
  display: inline-block !important;
  margin-left: var(--margin-xsmall) !important;
  padding: 0.5em 0.75em !important;
  background: var(--color-gr-tx) !important;
  color: var(--color-wh) !important;
  font-size: var(--fs-12) !important;
  font-family: var(--text-bold-sans) !important;
  font-weight: 500 !important;
  border-radius: 0.25rem !important;
}

.wpcf7 .wpcf7-form-control-wrap {
  display: block !important;
  flex: 1 !important;
  min-width: 240px !important;
  box-sizing: border-box !important;
}

.wpcf7 .wpcf7-form-control-wrap:has(.wpcf7-list-item) {
  display: flex !important;
  flex-wrap: wrap !important;
}

.wpcf7 input[type=text],
.wpcf7 input[type=email],
.wpcf7 input[type=tel],
.wpcf7 textarea {
  display: block !important;
  width: 100% !important;
  padding: 0.5em 1em !important;
  font-size: var(--fs-12) !important;
  border: 1px solid var(--color-gr-tx) !important;
  border-radius: 0.25rem !important;
  background: var(--color-wh) !important;
  box-sizing: border-box !important;
}

.wpcf7 textarea {
  min-height: 40px !important;
}

.wpcf7 select {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  display: block !important;
  width: 100% !important;
  padding: 10px 40px 10px 12px !important;
  font-size: var(--fs-14) !important;
  border: 1px solid var(--color-gr-tx) !important;
  border-radius: 0.25rem !important;
  background-color: #fff !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%23333'%3E%3Cpath d='M5.25 7.5L10 12.25L14.75 7.5H5.25Z'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 12px center !important;
  background-size: 16px !important;
  box-sizing: border-box !important;
}

.wpcf7 select::-ms-expand {
  display: none !important;
}

.wpcf7 .wpcf7-list-item {
  display: inline-flex !important;
  align-items: center !important;
  white-space: nowrap !important;
  margin: 1em 5em 1em 0 !important;
}

.wpcf7 .wpcf7-list-item label {
  display: inline-flex !important;
  align-items: center !important;
  width: auto !important;
  white-space: nowrap !important;
  font-size: var(--fs-12) !important;
  font-weight: normal !important;
  color: var(--color-gr-tx) !important;
}

.wpcf7 .wpcf7-list-item input[type=radio],
.wpcf7 .wpcf7-list-item input[type=checkbox] {
  margin: 0 2em 0 0 !important;
  width: auto !important;
  accent-color: var(--color-gr) !important;
}

.wpcf7 input[type=submit] {
  display: block !important;
  width: 30% !important;
  height: 3em !important;
  margin: 0 auto !important;
  padding: 0 !important;
  background: var(--color-gr-tx) !important;
  color: var(--color-wh) !important;
  font-size: var(--fs-14) !important;
  font-family: var(--text-bold-sans) !important;
  font-weight: 500 !important;
  border: 0 !important;
  border-radius: 0.25rem !important;
  cursor: pointer !important;
  transition: background 0.2s ease !important;
}

.wpcf7 input[type=submit]:hover {
  background: var(--color-ash) !important;
}

.wpcf7 .wpcf7-spinner {
  display: none !important;
}

.wpcf7-form.submitting .wpcf7-spinner {
  display: inline-block !important;
  margin-left: 8px !important;
}

.wpcf7 form > p.cf7-note {
  display: block !important;
  text-align: center !important;
  font-size: var(--fs-12) !important;
  color: var(--color-red) !important;
  padding: 1em 2em 0 !important;
  border-bottom: none !important;
}

.wpcf7 form > p.cf7-note a {
  color: var(--color-bk) !important;
  text-decoration: underline !important;
}

.wpcf7-response-output {
  margin-top: var(--margin-xsmall);
  padding: 1em 1em;
  border: 2px solid var(--color-red) !important;
  text-align: center;
  font-family: var(--text-bold-sans) !important;
  font-weight: 500 !important;
}

@media screen and (max-width: 600px) {
  .wpcf7 {
    padding: 20px !important;
  }
  .wpcf7 form > p {
    flex-direction: column !important;
    align-items: flex-start !important;
  }
  .wpcf7 p label {
    display: block !important;
    width: 100% !important;
    margin: 0 0 8px !important;
    padding: 4px 0 !important;
    line-height: 1.4 !important;
  }
  .wpcf7 .required {
    padding: 4px 10px !important;
    margin-left: 8px !important;
  }
  .wpcf7 .wpcf7-form-control-wrap {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
  }
  .wpcf7 .wpcf7-list-item {
    font-size: 14px !important;
  }
  .wpcf7 input[type=submit] {
    width: 100% !important;
  }
}

/*# sourceMappingURL=child_article.css.map */