@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic:wght@400;700;900&display=swap");
/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/
/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
:root {
  --scrollbar: 15px;
  --wp-home-url: "";
  --color-blue-strong: #4d58a2;
  --color-blue-circle: #5c89c8;
  --color-blue-thin: #dae3eb;
  --color-blue-marker: #cfdbee;
  --color-blue-header: #f2f6fb;
  --color-gold: #be9950;
  --color-gray: #686868;
  --color-gray-thin: #dddddd;
  --color-bg-moca: #efebdc;
  --color-moca: #e4d5b6;
  --color-green-thin: #dbdec2;
  --color-red: #cc0000;
  --color-white: #f9f9f9;
  --color-black: #161616;
  --image-gold-rate: 1.618;
  --area-border-radius: 10px;
  --area-padding: 20px;
  --area-margin-bottom: 40px;
  --top-content-max-width-xl: 100%;
  --base-font-size: 16px;
}
@media (min-width: 576px) {
  :root {
    --area-padding: 40px;
    --area-margin-bottom: 50px;
  }
}
@media (min-width: 768px) {
  :root {
    --area-border-radius: 20px;
    --area-padding: 60px;
    --area-margin-bottom: 60px;
  }
}
@media (min-width: 576px) {
  :root {
    --top-content-max-width-xl: 90%;
  }
}
@media (min-width: 768px) {
  :root {
    --base-font-size: 18px;
  }
}
@media (min-width: 992px) {
  :root {
    --base-font-size: 20px;
  }
}

.fz-20px {
  font-size: var(--base-font-size);
}

.font-small {
  font-size: 13px;
}
@media (min-width: 768px) {
  .font-small {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .font-small {
    font-size: 18px;
  }
}

.dev-memo:not(.body.article.admin-page .dev-memo) {
  display: none;
}

html,
body {
  overflow-x: hidden;
}

/************************************
** 共通部分
************************************/
body {
  margin-top: 0;
}

body.page:not(.home) .entry-content,
body.single .entry-content {
  max-width: var(--wp--style--global--content-size);
  margin-left: auto !important;
  margin-right: auto !important;
}

.yuru-font {
  font-family: "Zen Maru Gothic", sans-serif;
  font-weight: 400;
  font-style: normal;
}

h1.entry-title {
  padding-left: 0;
  padding-right: 0;
}

h2,
.article h2,
.article h2.wp-block-heading {
  font-size: 24px;
  color: var(--color-black);
  background-color: transparent;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 5px;
  margin-bottom: 20px;
}
@media (min-width: 576px) {
  h2,
  .article h2,
  .article h2.wp-block-heading {
    font-size: 32px;
  }
}
@media (min-width: 768px) {
  h2,
  .article h2,
  .article h2.wp-block-heading {
    text-align: center;
    padding-left: 25px;
    padding-right: 25px;
    padding-bottom: 25px;
    margin-bottom: 25px;
  }
}

.article .has-sub-title h2.wp-block-heading {
  margin-bottom: 0;
  padding-bottom: 4px;
}
.article .has-sub-title p {
  font-weight: 700;
  font-size: 16px;
}
@media (min-width: 576px) {
  .article .has-sub-title p {
    font-size: 20px;
  }
}
@media (min-width: 768px) {
  .article .has-sub-title p {
    text-align: center;
    font-size: 22px;
  }
}
@media (min-width: 992px) {
  .article .has-sub-title p {
    font-size: 24px;
  }
}
.article .has-sub-title p:before, .article .has-sub-title p:after {
  content: "ー";
}

.my-bold-title {
  font-weight: 700;
  margin-bottom: 10px !important;
}

#content.content.cf {
  position: relative;
  margin-top: 0;
  z-index: 0;
}

.container-full {
  position: relative;
  width: calc(100vw - var(--scrollbar));
  margin-top: 0;
  margin-bottom: 0;
  margin-left: calc(50% - (50vw - var(--scrollbar) / 2)) !important;
  margin-right: calc(50% - (50vw - var(--scrollbar) / 2)) !important;
}
.container-full > * {
  max-width: 90%;
  width: clamp(1px, 90%, 1400px);
}

body.page header .date-tags {
  display: none;
}

#main {
  background-color: var(--color-white);
}

.post-type-archive .entry-card-wrap {
  transition: none;
}
.post-type-archive .entry-card-wrap article .entry-card-thumb {
  border: 1px solid var(--color-gray-thin);
}
.post-type-archive .pagination-next {
  display: none;
}

.author-info {
  display: none;
}

.my-display-none {
  display: none !important;
}

.wp-admin .my-display-none {
  display: block !important;
}

.a-wrap:hover {
  transition: none;
}

#breadcrumb span.fa-fw,
#breadcrumb .fas {
  color: var(--color-gray);
}
#breadcrumb .breadcrumb-caption {
  color: var(--color-gray);
}

#pager-post-navi {
  /* リンクを左右に並べる（デフォルトは上下） */
  flex-direction: row;
  justify-content: space-between;
  gap: 5px;
  /* 「前へボタン」がなく「次へボタン」がある場合 */
}
#pager-post-navi:has(.next-post):not(:has(.prev-post)) {
  justify-content: right;
}
#pager-post-navi::after {
  /* 右側に空白ができるのを防ぐ */
  display: none;
}
#pager-post-navi a {
  border: 1px solid var(--color-gray-thin);
  padding: 10px 5px;
}
@media (min-width: 576px) {
  #pager-post-navi a {
    padding: 10px;
  }
}
#pager-post-navi a:hover {
  transition: none;
}
#pager-post-navi a .prev-post-title,
#pager-post-navi a .next-post-title {
  width: 100px;
  text-align: left;
}
@media (min-width: 576px) {
  #pager-post-navi a .prev-post-title,
  #pager-post-navi a .next-post-title {
    width: 130px;
  }
}
@media (min-width: 768px) {
  #pager-post-navi a .prev-post-title,
  #pager-post-navi a .next-post-title {
    width: 160px;
  }
}
#pager-post-navi a .fa.fa-chevron-left {
  padding-left: 0;
}
#pager-post-navi a .fa.fa-chevron-right {
  padding-right: 0;
}
#pager-post-navi a figure {
  min-width: 30%;
  max-width: 30%;
}
@media (min-width: 768px) {
  #pager-post-navi a figure {
    min-width: 100px;
    max-width: 100px;
  }
}

.widget-entry-card {
  font-size: 24px;
}

.wp-block-group.is-vertical.is-layout-flex.wp-container-core-group-is-layout-1.wp-block-group-is-layout-flex {
  margin-bottom: 0;
}

.wp-block-buttons.is-layout-flex.wp-block-buttons-is-layout-flex {
  display: flex;
  justify-content: center;
  width: 100%;
}
.wp-block-buttons.is-layout-flex.wp-block-buttons-is-layout-flex .wp-block-button {
  min-width: 200px;
}
@media (min-width: 768px) {
  .wp-block-buttons.is-layout-flex.wp-block-buttons-is-layout-flex .wp-block-button {
    min-width: 300px;
  }
}

a.wp-block-button__link.wp-element-button {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 100%;
  border-radius: 9999px;
  background-color: #f9f9f9;
  color: #5c89c8;
  border: 2px solid #5c89c8;
  padding-right: 40px;
  padding-left: 40px;
  font-size: var(--base-font-size);
}
a.wp-block-button__link.wp-element-button::after {
  content: "";
  position: absolute;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" fill="%235c89c8"><path d="M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z"/></svg>');
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  background-position: center;
  height: 20px;
  width: 20px;
  top: 50%;
  transform: translateY(-50%);
  right: 15px;
}
a.wp-block-button__link.wp-element-button:hover {
  background-color: #5c89c8;
  color: #f9f9f9;
  border: 2px solid #f9f9f9;
}
a.wp-block-button__link.wp-element-button:hover::after {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" fill="%23f9f9f9"><path d="M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z"/></svg>');
}

#page-anchor-buttons .wp-block-buttons.is-layout-flex.wp-block-buttons-is-layout-flex {
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: normal;
  gap: 0;
}
#page-anchor-buttons .wp-block-buttons.is-layout-flex.wp-block-buttons-is-layout-flex .wp-block-button {
  align-items: center;
  min-width: auto;
  width: 100%;
}
#page-anchor-buttons .wp-block-buttons.is-layout-flex.wp-block-buttons-is-layout-flex .wp-block-button:not(:first-child) a.wp-block-button__link.wp-element-button {
  border-left: none;
}
#page-anchor-buttons .wp-block-buttons.is-layout-flex.wp-block-buttons-is-layout-flex .wp-block-button a.wp-block-button__link.wp-element-button {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 11px 7px 32px 7px;
  width: 100%;
  height: 100%;
  border-radius: 0;
  border-color: var(--color-white);
  background-color: var(--color-blue-thin);
  color: var(--color-black);
  font-size: calc(var(--base-font-size) - 2px);
}
#page-anchor-buttons .wp-block-buttons.is-layout-flex.wp-block-buttons-is-layout-flex .wp-block-button a.wp-block-button__link.wp-element-button:after {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="%23161616"><path d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"/></svg>');
  height: 20px;
  width: 100px;
  top: auto;
  bottom: 7px;
  left: 50%;
  transform: translate(-50%, 0);
}
#page-anchor-buttons .wp-block-buttons.is-layout-flex.wp-block-buttons-is-layout-flex .wp-block-button a.wp-block-button__link.wp-element-button:hover {
  background-color: var(--color-blue-circle);
  color: var(--color-white);
}
#page-anchor-buttons .wp-block-buttons.is-layout-flex.wp-block-buttons-is-layout-flex .wp-block-button a.wp-block-button__link.wp-element-button:hover:after {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="%23f9f9f9"><path d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"/></svg>');
}

a:hover {
  color: rgb(0, 149.5, 221);
}

.cocoon-block-balloon {
  position: relative;
  padding-top: 30px;
}
@media (min-width: 768px) {
  .cocoon-block-balloon {
    padding-top: 45px;
  }
}
.cocoon-block-balloon.hidden-speech-name {
  padding-top: 0;
}
.cocoon-block-balloon .speech-balloon {
  padding: 7px 14px !important;
}
@media (min-width: 576px) {
  .cocoon-block-balloon .speech-balloon {
    padding: 10px 20px !important;
  }
}
.cocoon-block-balloon .speech-name {
  position: absolute;
  top: 0;
}
@media (min-width: 768px) {
  .cocoon-block-balloon .speech-name {
    font-size: 18px;
  }
}

@media (min-width: 576px) {
  .new-entry-cards.widget-entry-cards .new-entry-card-thumb.widget-entry-card-thumb {
    width: 200px;
  }
}
.new-entry-cards.widget-entry-cards .new-entry-card-content.widget-entry-card-content.card-content .new-entry-card-title {
  font-size: var(--base-font-size);
}
.new-entry-cards.widget-entry-cards .new-entry-card-content.widget-entry-card-content.card-content .new-entry-card-snippet.widget-entry-card-snippet {
  -webkit-line-clamp: 3;
}
.new-entry-cards.widget-entry-cards .new-entry-card-content.widget-entry-card-content.card-content .new-entry-card-date {
  display: block;
}

.blank-box.bb-tab.bb-check.block-box {
  border-color: var(--color-blue-circle);
  background-color: rgba(92, 137, 200, 0.02);
}
@media (max-width: 767px) {
  .blank-box.bb-tab.bb-check.block-box {
    padding: 16px;
  }
}
.blank-box.bb-tab.bb-check.block-box .bb-label {
  background-color: var(--color-blue-circle);
}

.marker-under-blue {
  background: linear-gradient(transparent 60%, var(--color-blue-marker) 60%);
}

.wp-block-spacer {
  height: 40px !important;
  margin-bottom: 0;
}
@media (min-width: 576px) {
  .wp-block-spacer {
    height: 60px !important;
  }
}
@media (min-width: 768px) {
  .wp-block-spacer {
    height: 60px !important;
  }
}
@media (min-width: 992px) {
  .wp-block-spacer {
    height: 80px !important;
  }
}

::-moz-placeholder {
  color: rgb(207, 207, 207);
}

::placeholder {
  color: rgb(207, 207, 207);
}

ul.wp-block-list.my-style-icon {
  padding-left: 0;
}
ul.wp-block-list.my-style-icon li {
  position: relative;
  padding-left: 1.6em;
}
ul.wp-block-list.my-style-icon li::before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  font-weight: 700;
}
ul.wp-block-list li:last-child {
  margin-bottom: 0.2em !important;
  border-bottom: 1px solid transparent;
}
ul.wp-block-list.is-style-icon-list-komejirushi li::before {
  content: "※" !important;
}

#container {
  position: relative;
}

.flyer-area {
  flex-direction: column;
  border: 1px solid var(--color-gray);
  padding: 20px;
}
@media (max-width: 767px) {
  .flyer-area {
    max-width: 400px;
    margin: 0 auto;
  }
}
@media (min-width: 768px) {
  .flyer-area {
    flex-direction: row;
  }
}
.flyer-area .flyer-sample-image {
  width: 100%;
  aspect-ratio: var(--image-gold-rate)/1;
  overflow: hidden;
  margin-bottom: 0;
  border: 1px solid var(--color-gray-thin);
}
@media (min-width: 768px) {
  .flyer-area .flyer-sample-image {
    width: 400px;
  }
}
.flyer-area .flyer-sample-image img {
  width: 100%;
}
.flyer-area .flyer-sample-explanation {
  flex: 1;
  margin-bottom: 0;
}
.flyer-area .flyer-sample-explanation p {
  margin-bottom: 0;
}
.flyer-area .flyer-sample-explanation .wp-block-buttons.is-layout-flex.wp-block-buttons-is-layout-flex {
  margin-bottom: 0;
}

.merit-wrapper > div {
  margin-bottom: 40px !important;
}
@media (min-width: 768px) {
  .merit-wrapper > div {
    margin-bottom: 50px !important;
  }
}
@media (min-width: 576px) {
  .merit-wrapper > div:nth-child(2n) .merit-box, .merit-wrapper > div:nth-child(2n).merit-box {
    flex-direction: row-reverse;
  }
}
.merit-wrapper .merit-box {
  flex-direction: column;
  justify-content: center;
  align-items: start;
  gap: 15px;
  margin-bottom: 40px !important;
}
@media (min-width: 576px) {
  .merit-wrapper .merit-box {
    flex-direction: row;
    align-items: center;
  }
}
.merit-wrapper .merit-box .merit-content {
  flex-direction: column;
  padding: 0;
  margin-bottom: 0;
  gap: 15px;
}
@media (min-width: 576px) {
  .merit-wrapper .merit-box .merit-content {
    flex-direction: column;
    padding: 0 10px;
    width: 560px;
    gap: 1.5rem;
  }
}
.merit-wrapper .merit-box .merit-content .merit-number-title {
  gap: 8px;
  margin-bottom: 0;
}
@media (min-width: 576px) {
  .merit-wrapper .merit-box .merit-content .merit-number-title {
    gap: 18px;
  }
}
@media (min-width: 768px) {
  .merit-wrapper .merit-box .merit-content .merit-number-title {
    gap: 24px;
  }
}
.merit-wrapper .merit-box .merit-content .merit-number-title .merit-number {
  font-size: 48px;
  width: 73px;
  position: relative;
  line-height: 1;
  padding-left: 19px;
  margin-bottom: 0;
}
@media (min-width: 576px) {
  .merit-wrapper .merit-box .merit-content .merit-number-title .merit-number {
    font-size: 56px;
    width: 90px;
    padding-left: 25px;
  }
}
@media (min-width: 768px) {
  .merit-wrapper .merit-box .merit-content .merit-number-title .merit-number {
    font-size: 64px;
    width: 110px;
    padding-left: 35px;
  }
}
.merit-wrapper .merit-box .merit-content .merit-number-title .merit-number::before {
  content: "Point";
  position: absolute;
  top: 50%;
  transform: translateY(calc(-50% + 2px));
  left: 0;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
}
@media (min-width: 576px) {
  .merit-wrapper .merit-box .merit-content .merit-number-title .merit-number::before {
    transform: translateY(calc(-50% + 5px));
    font-size: 16px;
  }
}
@media (min-width: 768px) {
  .merit-wrapper .merit-box .merit-content .merit-number-title .merit-number::before {
    font-size: 20px;
  }
}
.merit-wrapper .merit-box .merit-content .merit-number-title .merit-title {
  font-weight: 700;
  font-size: 20px;
  line-height: 1.5;
}
@media (min-width: 768px) {
  .merit-wrapper .merit-box .merit-content .merit-number-title .merit-title {
    font-size: 28px;
  }
}
.merit-wrapper .merit-box .merit-content .merit-text {
  flex: 1;
}
.merit-wrapper .merit-box .merit-content .merit-text .merit-text-title {
  margin-bottom: 0;
}
.merit-wrapper .merit-box .merit-content .merit-text .merit-text-text {
  padding-left: 30px;
}
.merit-wrapper .merit-box .merit-illust {
  width: 100%;
}
@media (min-width: 576px) {
  .merit-wrapper .merit-box .merit-illust {
    width: auto;
  }
}
.merit-wrapper .merit-box .merit-illust img {
  width: 160px;
  margin: 0 auto;
}
@media (min-width: 576px) {
  .merit-wrapper .merit-box .merit-illust img {
    width: 150px;
  }
}
@media (min-width: 768px) {
  .merit-wrapper .merit-box .merit-illust img {
    width: 200px;
  }
}

.anketo .anketo-illust {
  display: none;
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .anketo .anketo-illust {
    width: 200px;
    display: block;
  }
}
.anketo .anketo-group {
  flex-direction: column;
}
@media (min-width: 768px) {
  .anketo .anketo-group {
    flex-direction: row;
  }
}
.anketo .anketo-group .anketo-content {
  flex: 1;
}
.anketo .anketo-group .anketo-content .anketo-text {
  margin-bottom: 0;
}

#group-list-buttons.wp-block-buttons.is-layout-flex.wp-block-buttons-is-layout-flex .wp-block-button {
  width: 90%;
  max-width: 450px;
}
@media (min-width: 768px) {
  #group-list-buttons.wp-block-buttons.is-layout-flex.wp-block-buttons-is-layout-flex .wp-block-button {
    width: calc((100% - 40px) / 2);
  }
}

.page-link-box {
  padding: 15px;
  border: 1px solid var(--color-black);
}
@media (min-width: 768px) {
  .page-link-box {
    padding: 20px;
  }
}
.page-link-box.no-list-number ol {
  padding-left: 10px;
}
.page-link-box.no-list-number ol li {
  list-style-type: none;
}
.page-link-box li {
  line-height: 1.5;
}
.page-link-box li:not(:first-child) {
  margin-top: 12px;
}

.archive-area .archive-text {
  height: 150px;
  overflow: hidden;
}
.archive-area .archive-text.active {
  height: auto;
}
.archive-area .archive-text.active:before {
  height: 0;
}
.archive-area .archive-text:not(.active):before {
  content: "";
  position: absolute;
  border-style: none;
  left: 0;
  bottom: 0;
  z-index: 2;
  width: 100%;
  height: 90px;
  background: linear-gradient(rgba(255, 255, 255, 0) 0, var(--color-white) 100px);
}
.archive-area .archive-button:not(.close-button) a.wp-block-button__link.wp-element-button {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 100%;
  border-radius: 9999px;
  background-color: #f9f9f9;
  color: #5c89c8;
  border: 2px solid #5c89c8;
  padding-right: 40px;
  padding-left: 40px;
  font-size: var(--base-font-size);
}
.archive-area .archive-button:not(.close-button) a.wp-block-button__link.wp-element-button::after {
  content: "";
  position: absolute;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" fill="%235c89c8"><path d="M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z"/></svg>');
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  background-position: center;
  height: 20px;
  width: 20px;
  top: 50%;
  transform: translateY(-50%);
  right: 15px;
}
.archive-area .archive-button:not(.close-button) a.wp-block-button__link.wp-element-button:hover {
  background-color: #5c89c8;
  color: #f9f9f9;
  border: 2px solid #f9f9f9;
}
.archive-area .archive-button:not(.close-button) a.wp-block-button__link.wp-element-button:hover::after {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" fill="%23f9f9f9"><path d="M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z"/></svg>');
}
.archive-area .archive-button:not(.close-button) a.wp-block-button__link.wp-element-button::after {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="%235c89c8"><path d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"/></svg>');
}
.archive-area .archive-button:not(.close-button) a.wp-block-button__link.wp-element-button:hover::after {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="%23f9f9f9"><path d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"/></svg>');
}
.archive-area .archive-button.close-button a.wp-block-button__link.wp-element-button {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 100%;
  border-radius: 9999px;
  background-color: #f9f9f9;
  color: #5c89c8;
  border: 2px solid #5c89c8;
  padding-right: 40px;
  padding-left: 40px;
  font-size: var(--base-font-size);
}
.archive-area .archive-button.close-button a.wp-block-button__link.wp-element-button::after {
  content: "";
  position: absolute;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" fill="%235c89c8"><path d="M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z"/></svg>');
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  background-position: center;
  height: 20px;
  width: 20px;
  top: 50%;
  transform: translateY(-50%);
  right: 15px;
}
.archive-area .archive-button.close-button a.wp-block-button__link.wp-element-button:hover {
  background-color: #5c89c8;
  color: #f9f9f9;
  border: 2px solid #f9f9f9;
}
.archive-area .archive-button.close-button a.wp-block-button__link.wp-element-button:hover::after {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" fill="%23f9f9f9"><path d="M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z"/></svg>');
}
.archive-area .archive-button.close-button a.wp-block-button__link.wp-element-button::after {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="%235c89c8"><path d="M233.4 105.4c12.5-12.5 32.8-12.5 45.3 0l192 192c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L256 173.3 86.6 342.6c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3l192-192z"/></svg>');
}
.archive-area .archive-button.close-button a.wp-block-button__link.wp-element-button:hover::after {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="%23f9f9f9"><path d="M233.4 105.4c12.5-12.5 32.8-12.5 45.3 0l192 192c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L256 173.3 86.6 342.6c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3l192-192z"/></svg>');
}

.faq-box {
  border: 1px solid var(--color-gray-thin);
}
.faq-box .faq-group {
  padding: 5px 5px 5px 10px;
  align-items: start;
  gap: 0;
}
@media (min-width: 768px) {
  .faq-box .faq-group {
    padding: 5px 10px 5px 20px;
  }
}
.faq-box .faq-group.faq-question-group {
  margin-bottom: 0;
  cursor: pointer;
}
.faq-box .faq-group.faq-question-group:hover {
  background-color: var(--color-blue-header);
}
.faq-box .faq-group.faq-answer-group {
  display: none;
  background-color: rgba(204, 0, 0, 0.05);
  border-top: 1px solid var(--color-gray-thin);
}
.faq-box .faq-group.faq-answer-group.active {
  display: flex;
}
.wp-admin .faq-box .faq-group.faq-answer-group {
  display: flex;
}
.faq-box .faq-title {
  font-size: calc(var(--base-font-size) + 8px);
  font-weight: 700;
  margin-bottom: 0;
  width: 30px;
}
@media (min-width: 992px) {
  .faq-box .faq-title {
    width: 40px;
  }
}
.faq-box .faq-title.faq-title-q {
  color: var(--color-blue-strong);
}
.faq-box .faq-title.faq-title-a {
  color: var(--color-red);
}
.faq-box .faq-question-open-button {
  font-size: calc(var(--base-font-size) + 8px);
  font-weight: 700;
  margin-bottom: 0;
  width: 30px;
  color: var(--color-red);
}
.faq-box .faq-text {
  padding: 8px 10px;
  margin-bottom: 0;
  flex: 1;
}

@media (max-width: 767px) {
  .not-found {
    aspect-ratio: 5/6;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center left;
       object-position: center left;
  }
}

#header-container {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.25);
  position: relative;
  z-index: 30;
}
#header-container #header-container-in {
  display: block;
  width: auto;
  height: 80px;
}
@media (min-width: 1024px) {
  #header-container #header-container-in {
    display: flex;
    height: 100px;
  }
}
#header-container #header-container-in #header {
  display: flex;
  width: 300px;
}
#header-container #header-container-in #header:hover {
  opacity: 0.7;
}
@media (min-width: 576px) {
  #header-container #header-container-in #header {
    width: 400px;
  }
}
@media (min-width: 1024px) {
  #header-container #header-container-in #header {
    width: 310px;
  }
}
@media (min-width: 1140px) {
  #header-container #header-container-in #header {
    width: 400px;
  }
}
@media (min-width: 1024px) {
  #header-container #header-container-in #navi #navi-in {
    display: flex;
    justify-content: end;
    align-items: center;
    margin-right: 10px;
  }
}
#header-container #header-container-in #navi #navi-in > ul {
  height: auto;
  flex-wrap: nowrap;
}
#header-container #header-container-in #navi #navi-in > ul li {
  --button-width: 120px;
  width: var(--button-width);
  height: auto;
  margin-right: 10px;
}
#header-container #header-container-in #navi #navi-in > ul li a {
  width: var(--button-width);
  height: auto;
}
#header-container #header-container-in #navi #navi-in > ul li a .caption-wrap {
  width: var(--button-width);
  height: 80px;
  padding: 5px;
  border: 3px solid var(--color-blue-circle);
  border-radius: 15px;
  background-color: var(--color-white);
}
#header-container #header-container-in #navi #navi-in > ul li a .caption-wrap .item-label {
  font-size: 16px;
  font-weight: 700;
  overflow: visible;
  text-overflow: clip;
  white-space: normal;
}
#header-container #header-container-in #navi #navi-in > ul li a:hover .caption-wrap {
  border: none;
  background-color: var(--color-blue-circle);
  color: var(--color-white);
}

#navi-menu-open {
  flex-direction: column;
  align-items: center;
  padding: 5px;
  background-color: rgba(92, 137, 200, 0.9);
}
@media (min-width: 1024px) {
  #navi-menu-open {
    background-color: transparent;
  }
}
#navi-menu-open .navi-menu-icon.menu-icon {
  text-align: center;
}
#navi-menu-open .navi-menu-icon.menu-icon span {
  font-size: 40px;
}
#navi-menu-open .navi-menu-icon.menu-icon span::before {
  color: var(--color-white);
}
@media (min-width: 1024px) {
  #navi-menu-open .navi-menu-icon.menu-icon span::before {
    color: var(--color-blue-circle);
  }
}
#navi-menu-open .navi-menu-caption.menu-caption {
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  color: var(--color-white);
}
@media (min-width: 1024px) {
  #navi-menu-open .navi-menu-caption.menu-caption {
    color: var(--color-blue-circle);
  }
}
#navi-menu-open.humburger-sm {
  display: flex;
  position: fixed;
  top: 0px;
  right: 0px;
  z-index: 9999;
}
@media (min-width: 1024px) {
  #navi-menu-open.humburger-sm {
    display: none;
  }
}
#navi-menu-open.humburger-pc {
  display: none;
}
@media (min-width: 1024px) {
  #navi-menu-open.humburger-pc {
    display: flex;
    align-items: center;
  }
}
@media (min-width: 1024px) {
  #navi-menu-open:hover .navi-menu-icon.menu-icon span::before {
    color: var(--color-blue-strong);
  }
}
@media (min-width: 1024px) {
  #navi-menu-open:hover .navi-menu-caption.menu-caption {
    color: var(--color-blue-strong);
  }
}

.wp-block-cocoon-blocks-icon-box.information-box {
  --border-color: #ffced4;
  background: #fff3f3;
  border-color: var(--border-color);
}
.wp-block-cocoon-blocks-icon-box.information-box::before {
  border-right-color: var(--border-color);
  color: #ffbcc5;
}

#recent-event-link {
  display: none;
}

#navi-menu-content {
  background-color: var(--color-blue-circle);
  border-left: 2px solid var(--color-white);
  color: var(--color-white);
  border-right: 1px solid var(--color-white);
  left: auto;
  right: 0;
  transform: translateX(105%);
}
@media (min-width: 992px) {
  #navi-menu-content {
    max-width: 420px;
  }
}
#navi-menu-content label.navi-menu-close-button {
  text-align: right;
  padding-right: 15px;
}
@media (min-width: 768px) {
  #navi-menu-content label.navi-menu-close-button {
    padding-right: 20px;
  }
}
#navi-menu-content ul.menu-drawer > li.menu-item {
  border-bottom: 1px solid var(--color-white);
}
#navi-menu-content ul.menu-drawer > li.menu-item > a {
  position: relative;
  padding-left: 35px;
  transition: none;
}
#navi-menu-content ul.menu-drawer > li.menu-item > a:before {
  content: "";
  position: absolute;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" fill="%23f9f9f9"><path d="M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z"/></svg>');
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  background-position: center;
  height: 26px;
  width: 26px;
  top: 50%;
  transform: translateY(-50%);
  left: 2px;
}
#navi-menu-content ul.menu-drawer > li.menu-item > a:hover {
  color: var(--color-blue-circle);
  font-weight: 700;
}
#navi-menu-content ul.menu-drawer > li.menu-item > a:hover::before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" fill="%235c89c8"><path d="M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z"/></svg>');
}
#navi-menu-content ul.menu-drawer > li.menu-item.menu-home > a::before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" fill="%23f9f9f9"><path d="M575.8 255.5c0 18-15 32.1-32 32.1h-32l.7 160.2c0 2.7-.2 5.4-.5 8.1V472c0 22.1-17.9 40-40 40H456c-1.1 0-2.2 0-3.3-.1c-1.4 .1-2.8 .1-4.2 .1H416 392c-22.1 0-40-17.9-40-40V448 384c0-17.7-14.3-32-32-32H256c-17.7 0-32 14.3-32 32v64 24c0 22.1-17.9 40-40 40H160 128.1c-1.5 0-3-.1-4.5-.2c-1.2 .1-2.4 .2-3.6 .2H104c-22.1 0-40-17.9-40-40V360c0-.9 0-1.9 .1-2.8V287.6H32c-18 0-32-14-32-32.1c0-9 3-17 10-24L266.4 8c7-7 15-8 22-8s15 2 21 7L564.8 231.5c8 7 12 15 11 24z"/></svg>');
}
#navi-menu-content ul.menu-drawer > li.menu-item.menu-home:hover > a::before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" fill="%235c89c8"><path d="M575.8 255.5c0 18-15 32.1-32 32.1h-32l.7 160.2c0 2.7-.2 5.4-.5 8.1V472c0 22.1-17.9 40-40 40H456c-1.1 0-2.2 0-3.3-.1c-1.4 .1-2.8 .1-4.2 .1H416 392c-22.1 0-40-17.9-40-40V448 384c0-17.7-14.3-32-32-32H256c-17.7 0-32 14.3-32 32v64 24c0 22.1-17.9 40-40 40H160 128.1c-1.5 0-3-.1-4.5-.2c-1.2 .1-2.4 .2-3.6 .2H104c-22.1 0-40-17.9-40-40V360c0-.9 0-1.9 .1-2.8V287.6H32c-18 0-32-14-32-32.1c0-9 3-17 10-24L266.4 8c7-7 15-8 22-8s15 2 21 7L564.8 231.5c8 7 12 15 11 24z"/></svg>');
}
#navi-menu-content ul.menu-drawer > li.menu-item a {
  color: var(--color-white);
}
#navi-menu-content ul.menu-drawer > li.menu-item a:hover {
  background-color: var(--color-white);
}
#navi-menu-content ul.menu-drawer > li.menu-item ul.sub-menu {
  display: none;
}
#navi-menu-content .navi-menu-buttons {
  gap: 15px;
}
@media (max-width: 767px) {
  #navi-menu-content .wp-block-button.show-notice-list-button {
    min-width: min(100%, 250px);
  }
}
#navi-menu-content .wp-block-button.show-notice-list-button a.wp-element-button {
  font-weight: 700;
}
#navi-menu-content::-webkit-scrollbar {
  display: none;
}

#top-page-catch-copy {
  background-color: var(--color-blue-circle);
  padding: 5px;
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  #top-page-catch-copy {
    padding: 10px;
  }
}
#top-page-catch-copy p {
  color: var(--color-white);
  font-size: 16px;
  font-weight: 700;
  text-shadow: 1px 2px 1px #2c4f7f;
  text-align: center;
}
@media (min-width: 992px) {
  #top-page-catch-copy p {
    font-size: 24px;
  }
}

#metaslider-id-28 {
  --slider-image-width: 100%;
  background-color: var(--color-bg-moca);
}
@media (min-width: 768px) {
  #metaslider-id-28 {
    --slider-image-width: 700px;
  }
}
#metaslider-id-28 .flexslider .flex-viewport {
  overflow: visible !important;
}
#metaslider-id-28 .flexslider .flex-viewport ul li a.metaslider_image_link:hover {
  opacity: 0.8;
}
#metaslider-id-28 .flexslider .flex-viewport ul li a.metaslider_image_link img {
  width: var(--slider-image-width);
  border: 2px solid var(--color-gray-thin);
  border-radius: 16px;
}
@media (min-width: 768px) {
  #metaslider-id-28 .flexslider .flex-viewport ul li a.metaslider_image_link img {
    width: var(--slider-image-width);
    margin: 0 10px;
  }
}
#metaslider-id-28 .flexslider .flex-pauseplay a {
  top: unset;
  bottom: -32px;
}

.top-content {
  border-radius: var(--area-border-radius);
  padding: var(--area-padding);
  margin-bottom: var(--area-margin-bottom) !important;
  max-width: var(--top-content-max-width-xl);
  margin-right: 0;
  margin-left: 0;
}
@media (min-width: 576px) {
  .top-content {
    margin-right: auto;
    margin-left: auto;
  }
}

#top-flyer-area {
  background-color: var(--color-blue-thin);
  border: none;
}

#application-button-area {
  padding-top: 0;
  padding-bottom: 0;
}
#application-button-area .wp-block-button {
  width: 100%;
}
#application-button-area .wp-block-button a.wp-block-button__link.wp-element-button {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 100%;
  border-radius: 9999px;
  background-color: rgb(255, 236, 61);
  color: #cc0000;
  border: 2px solid #cc0000;
  padding-right: 40px;
  padding-left: 40px;
  font-size: var(--base-font-size);
  border-radius: 20px;
  margin: 0 auto;
  height: 70px;
  font-weight: 700;
  font-size: calc(var(--base-font-size) * 1.3);
}
#application-button-area .wp-block-button a.wp-block-button__link.wp-element-button::after {
  content: "";
  position: absolute;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" fill="%23cc0000"><path d="M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z"/></svg>');
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  background-position: center;
  height: 20px;
  width: 20px;
  top: 50%;
  transform: translateY(-50%);
  right: 15px;
}
#application-button-area .wp-block-button a.wp-block-button__link.wp-element-button:hover {
  background-color: #cc0000;
  color: rgb(255, 236, 61);
  border: 2px solid rgb(255, 236, 61);
}
#application-button-area .wp-block-button a.wp-block-button__link.wp-element-button:hover::after {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" fill="rgb(255, 236, 61)"><path d="M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z"/></svg>');
}
@media (min-width: 768px) {
  #application-button-area .wp-block-button a.wp-block-button__link.wp-element-button {
    width: 500px;
    height: 80px;
    font-size: calc(var(--base-font-size) * 1.5);
  }
}

.home header.article-header.entry-header {
  display: none;
}

.home h2 {
  padding-right: 0;
  padding-left: 0;
  text-align: center;
}

.top-important-news-wrapper {
  margin: 0 auto;
}
@media (min-width: 576px) {
  .top-important-news-wrapper {
    width: 80%;
  }
}
.top-important-news-wrapper .top-important-news {
  color: var(--color-red);
  background-color: #fce5e5;
  border: 1px solid var(--color-red);
  border-radius: 10px;
  width: 100%;
  max-width: none;
  margin: 0 auto;
  margin-bottom: 10px !important;
  padding: 10px;
}
.top-important-news-wrapper .top-important-news.always-news {
  color: var(--color-blue-strong);
  background-color: var(--color-blue-marker);
  border-color: var(--color-blue-circle);
  width: 100%;
}
.wp-admin .top-important-news-wrapper .top-important-news.my-display-none {
  background-color: var(--color-gray-thin);
}
@media (min-width: 576px) {
  .top-important-news-wrapper .top-important-news {
    text-align: center;
    width: 80%;
  }
}

#top-notice {
  margin: 0 auto;
  margin-bottom: var(--area-margin-bottom) !important;
  gap: 0;
}
@media (min-width: 576px) {
  #top-notice {
    width: 80%;
  }
}
#top-notice .top-notice-title {
  width: 100%;
  color: var(--color-white);
  padding-top: 20px;
  padding-bottom: 20px;
  margin-bottom: 0;
  background-color: var(--color-gold);
  border-top-left-radius: var(--area-border-radius);
  border-top-right-radius: var(--area-border-radius);
}
#top-notice .top-notice-content {
  width: 100%;
  background-color: var(--color-moca);
  padding: var(--area-padding);
  border-radius: 0 0 var(--area-border-radius) var(--area-border-radius);
}
#top-notice .top-notice-content .notice-new-list {
  padding: 0;
  width: 100%;
  margin-bottom: 30px;
}
#top-notice .top-notice-content .notice-new-list a.new-entry-card-link {
  margin-bottom: 0;
  padding-top: 7px;
  padding-bottom: 7px;
  border-bottom: 2px dotted var(--color-gold);
  transition: none;
}
#top-notice .top-notice-content .notice-new-list a.new-entry-card-link:hover {
  background-color: var(--color-bg-moca);
}
#top-notice .top-notice-content .notice-new-list a.new-entry-card-link figure.new-entry-card-thumb {
  display: none;
}
#top-notice .top-notice-content .notice-new-list a.new-entry-card-link .new-entry-card-content {
  display: flex;
  flex-direction: column;
  font-size: var(--base-font-size);
  margin-left: 0;
}
@media (min-width: 576px) {
  #top-notice .top-notice-content .notice-new-list a.new-entry-card-link .new-entry-card-content {
    flex-direction: row;
  }
}
#top-notice .top-notice-content .notice-new-list a.new-entry-card-link .new-entry-card-content .new-entry-card-date {
  display: block;
}
#top-notice .top-notice-content .notice-new-list a.new-entry-card-link .new-entry-card-content .new-entry-card-date .new-entry-card-update-date {
  display: none;
}
#top-notice .top-notice-content .notice-new-list a.new-entry-card-link .new-entry-card-content .new-entry-card-date .new-entry-card-post-date.post-date {
  display: block;
  font-size: 16px;
  margin-right: 15px;
  padding-bottom: 0;
}
@media (max-width: 575px) {
  #top-notice .top-notice-content .notice-new-list a.new-entry-card-link .new-entry-card-content .new-entry-card-date .new-entry-card-post-date.post-date {
    margin-bottom: 5px;
  }
}
#top-notice .top-notice-content .notice-new-list a.new-entry-card-link .new-entry-card-content .new-entry-card-title {
  -webkit-line-clamp: 2;
}
#top-notice .top-notice-content .show-notice-list-button a.wp-block-button__link.wp-element-button {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 100%;
  border-radius: 9999px;
  background-color: #f9f9f9;
  color: #be9950;
  border: 2px solid #be9950;
  padding-right: 40px;
  padding-left: 40px;
  font-size: var(--base-font-size);
}
#top-notice .top-notice-content .show-notice-list-button a.wp-block-button__link.wp-element-button::after {
  content: "";
  position: absolute;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" fill="%23be9950"><path d="M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z"/></svg>');
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  background-position: center;
  height: 20px;
  width: 20px;
  top: 50%;
  transform: translateY(-50%);
  right: 15px;
}
#top-notice .top-notice-content .show-notice-list-button a.wp-block-button__link.wp-element-button:hover {
  background-color: #be9950;
  color: #f9f9f9;
  border: 2px solid #f9f9f9;
}
#top-notice .top-notice-content .show-notice-list-button a.wp-block-button__link.wp-element-button:hover::after {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" fill="%23f9f9f9"><path d="M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z"/></svg>');
}

#contents-guide {
  padding: 40px 0;
  background-image: url("images/top-contents-guid-background.jpg");
  background-size: cover;
  background-position: center;
  margin-bottom: var(--area-margin-bottom);
}
@media (min-width: 768px) {
  #contents-guide {
    padding: 60px 0;
  }
}
#contents-guide #contents-guide-title {
  color: var(--color-white);
}
#contents-guide #contents-guide-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  -moz-column-gap: 30px;
       column-gap: 30px;
  row-gap: 30px;
}
#contents-guide #contents-guide-content a.my-link-wrap {
  --box-border-rudius: 20px;
  display: block;
  text-decoration: none;
  border-radius: var(--box-border-rudius);
  width: 100%;
  margin-right: 0 !important;
  margin-left: 0 !important;
  max-width: 550px;
}
@media (min-width: 992px) {
  #contents-guide #contents-guide-content a.my-link-wrap {
    width: 35%;
  }
}
#contents-guide #contents-guide-content a.my-link-wrap div.content-guide-box {
  flex-direction: column;
  justify-content: space-between;
  align-items: start;
  background-color: var(--color-blue-strong);
  padding: 30px;
  border: 2px solid var(--color-white);
  border-radius: var(--box-border-rudius);
  height: inherit;
}
#contents-guide #contents-guide-content a.my-link-wrap div.content-guide-box .content-info-text-box {
  flex-direction: column;
  align-items: start;
  margin-bottom: 0;
}
#contents-guide #contents-guide-content a.my-link-wrap div.content-guide-box .content-info-text-box .content-info-button-title-wrapper .content-info-button-title {
  font-size: calc(var(--base-font-size) + 2px);
  color: var(--color-white);
  margin-bottom: 0;
  display: inline;
  padding-bottom: 5px;
  background-image: linear-gradient(to right, var(--color-white) 8px, transparent 8px);
  background-size: 14px 3px;
  background-repeat: repeat-x;
  background-position: left bottom;
}
#contents-guide #contents-guide-content a.my-link-wrap div.content-guide-box .content-info-text-box .content-info-button-read {
  color: var(--color-white);
}
#contents-guide #contents-guide-content a.my-link-wrap div.content-guide-box .wp-block-buttons.is-layout-flex.wp-block-buttons-is-layout-flex {
  justify-content: right;
}
#contents-guide #contents-guide-content a.my-link-wrap div.content-guide-box .wp-block-buttons.is-layout-flex.wp-block-buttons-is-layout-flex .content-info-button-dummy-button {
  min-width: auto;
}
#contents-guide #contents-guide-content a.my-link-wrap div.content-guide-box .wp-block-buttons.is-layout-flex.wp-block-buttons-is-layout-flex .content-info-button-dummy-button a.wp-block-button__link.wp-element-button {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 100%;
  border-radius: 9999px;
  background-color: #f9f9f9;
  color: #4d58a2;
  border: 2px solid #4d58a2;
  padding-right: 40px;
  padding-left: 40px;
  font-size: var(--base-font-size);
  padding: 5px 50px;
  font-size: 14px;
}
#contents-guide #contents-guide-content a.my-link-wrap div.content-guide-box .wp-block-buttons.is-layout-flex.wp-block-buttons-is-layout-flex .content-info-button-dummy-button a.wp-block-button__link.wp-element-button::after {
  content: "";
  position: absolute;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" fill="%234d58a2"><path d="M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z"/></svg>');
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  background-position: center;
  height: 20px;
  width: 20px;
  top: 50%;
  transform: translateY(-50%);
  right: 15px;
}
#contents-guide #contents-guide-content a.my-link-wrap div.content-guide-box .wp-block-buttons.is-layout-flex.wp-block-buttons-is-layout-flex .content-info-button-dummy-button a.wp-block-button__link.wp-element-button:hover {
  background-color: #4d58a2;
  color: #f9f9f9;
  border: 2px solid #f9f9f9;
}
#contents-guide #contents-guide-content a.my-link-wrap div.content-guide-box .wp-block-buttons.is-layout-flex.wp-block-buttons-is-layout-flex .content-info-button-dummy-button a.wp-block-button__link.wp-element-button:hover::after {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" fill="%23f9f9f9"><path d="M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z"/></svg>');
}
#contents-guide #contents-guide-content a.my-link-wrap.dummy-guid {
  pointer-events: none;
  background-color: transparent;
  color: transparent;
}

#top-event-overview {
  background-color: var(--color-moca);
}
#top-event-overview #top-event-overview-content {
  margin-bottom: 50px;
}
#top-event-overview #top-event-overview-content > div {
  align-items: start;
  margin-bottom: 20px;
  flex-direction: column;
  gap: 10px;
  border-bottom: 2px dotted var(--color-gold);
}
@media (min-width: 768px) {
  #top-event-overview #top-event-overview-content > div {
    flex-direction: row;
    border: none;
  }
}
#top-event-overview #top-event-overview-content > div p {
  margin-bottom: 0;
}
#top-event-overview #top-event-overview-content > div :first-child {
  font-weight: 700;
}
@media (min-width: 768px) {
  #top-event-overview #top-event-overview-content > div :first-child {
    font-weight: 400;
    width: 130px;
  }
}
@media (min-width: 768px) {
  #top-event-overview #top-event-overview-content > div :last-child {
    flex: 1;
  }
}
#top-event-overview #top-event-overview-button a.wp-block-button__link.wp-element-button {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 100%;
  border-radius: 9999px;
  background-color: #f9f9f9;
  color: #be9950;
  border: 2px solid #be9950;
  padding-right: 40px;
  padding-left: 40px;
  font-size: var(--base-font-size);
}
#top-event-overview #top-event-overview-button a.wp-block-button__link.wp-element-button::after {
  content: "";
  position: absolute;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" fill="%23be9950"><path d="M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z"/></svg>');
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  background-position: center;
  height: 20px;
  width: 20px;
  top: 50%;
  transform: translateY(-50%);
  right: 15px;
}
#top-event-overview #top-event-overview-button a.wp-block-button__link.wp-element-button:hover {
  background-color: #be9950;
  color: #f9f9f9;
  border: 2px solid #f9f9f9;
}
#top-event-overview #top-event-overview-button a.wp-block-button__link.wp-element-button:hover::after {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" fill="%23f9f9f9"><path d="M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z"/></svg>');
}

#top-merit {
  --color-merit-background: #dbdec2;
  background-color: var(--color-merit-background);
}
#top-merit #top-merit-content .merit-number::before {
  background-color: var(--color-merit-background);
}
#top-merit #top-merit-button a.wp-block-button__link.wp-element-button {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 100%;
  border-radius: 9999px;
  background-color: #be9950;
  color: #f9f9f9;
  border: 2px solid #f9f9f9;
  padding-right: 40px;
  padding-left: 40px;
  font-size: var(--base-font-size);
}
#top-merit #top-merit-button a.wp-block-button__link.wp-element-button::after {
  content: "";
  position: absolute;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" fill="%23f9f9f9"><path d="M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z"/></svg>');
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  background-position: center;
  height: 20px;
  width: 20px;
  top: 50%;
  transform: translateY(-50%);
  right: 15px;
}
#top-merit #top-merit-button a.wp-block-button__link.wp-element-button:hover {
  background-color: #f9f9f9;
  color: #be9950;
  border: 2px solid #be9950;
}
#top-merit #top-merit-button a.wp-block-button__link.wp-element-button:hover::after {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" fill="%23be9950"><path d="M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z"/></svg>');
}

#top-participant-voice #another-voice-button a.wp-block-button__link.wp-element-button {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 100%;
  border-radius: 9999px;
  background-color: #be9950;
  color: #f9f9f9;
  border: 2px solid #f9f9f9;
  padding-right: 40px;
  padding-left: 40px;
  font-size: var(--base-font-size);
}
#top-participant-voice #another-voice-button a.wp-block-button__link.wp-element-button::after {
  content: "";
  position: absolute;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" fill="%23f9f9f9"><path d="M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z"/></svg>');
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  background-position: center;
  height: 20px;
  width: 20px;
  top: 50%;
  transform: translateY(-50%);
  right: 15px;
}
#top-participant-voice #another-voice-button a.wp-block-button__link.wp-element-button:hover {
  background-color: #f9f9f9;
  color: #be9950;
  border: 2px solid #be9950;
}
#top-participant-voice #another-voice-button a.wp-block-button__link.wp-element-button:hover::after {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" fill="%23be9950"><path d="M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z"/></svg>');
}

#top-anketo {
  border: 3px solid var(--color-blue-circle);
}

.single-event .date-tags .post-update {
  display: none;
}

.event-content > div:not(.program-illust).wp-block-group.is-nowrap.is-layout-flex {
  align-items: start;
  flex-direction: column;
}
@media (max-width: 575px) {
  .event-content > div:not(.program-illust).wp-block-group.is-nowrap.is-layout-flex {
    gap: 10px;
  }
}
@media (min-width: 576px) {
  .event-content > div:not(.program-illust).wp-block-group.is-nowrap.is-layout-flex {
    flex-direction: row;
  }
}
.event-content > div:not(.program-illust).wp-block-group.is-nowrap.is-layout-flex > :first-child {
  width: 100px;
  margin-bottom: 0;
}
@media (max-width: 575px) {
  .event-content > div:not(.program-illust).wp-block-group.is-nowrap.is-layout-flex > :first-child {
    margin-bottom: 0;
    font-weight: 700;
  }
}
.event-content > div:not(.program-illust).wp-block-group.is-nowrap.is-layout-flex > :last-child {
  flex: 1;
}
.event-content > div:not(.program-illust).wp-block-group.is-nowrap.is-layout-flex > :last-child.wp-block-group.is-vertical.is-layout-flex.wp-block-group-is-layout-flex {
  gap: 0;
}
.event-content > div:not(.program-illust).wp-block-group.is-nowrap.is-layout-flex > :last-child.wp-block-group.is-vertical.is-layout-flex.wp-block-group-is-layout-flex > * {
  margin-bottom: 0;
}
.event-content > div:not(.program-illust).wp-block-group.is-layout-constrained > :first-child {
  margin-bottom: 10px;
}

@media (max-width: 575px) {
  #event-overview-content > div:not(:last-child) {
    border-bottom: 2px dotted var(--color-black);
  }
}

@media (max-width: 575px) {
  #event-program-content > div:not(.program-illust):not(.wp-block-buttons.is-layout-flex.wp-block-buttons-is-layout-flex) > :first-child {
    width: 100%;
    border-bottom: 2px dotted var(--color-black);
  }
}
#event-program-content div.program-illust {
  flex-direction: row;
  justify-content: center;
  gap: 16px;
}
@media (min-width: 576px) {
  #event-program-content div.program-illust {
    gap: 1.5rem;
  }
}
#event-program-content div.program-illust > figure {
  max-width: 240px;
}
#event-program-content div.program-illust > figure:first-child {
  margin-bottom: 0;
}
#event-program-content div.program-illust.program-illust-wide > figure {
  max-width: 480px;
}

#event-application-content .application-form-button a.wp-block-button__link.wp-element-button {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 100%;
  border-radius: 9999px;
  background-color: #5c89c8;
  color: #f9f9f9;
  border: 2px solid #f9f9f9;
  padding-right: 40px;
  padding-left: 40px;
  font-size: var(--base-font-size);
}
#event-application-content .application-form-button a.wp-block-button__link.wp-element-button::after {
  content: "";
  position: absolute;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" fill="%23f9f9f9"><path d="M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z"/></svg>');
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  background-position: center;
  height: 20px;
  width: 20px;
  top: 50%;
  transform: translateY(-50%);
  right: 15px;
}
#event-application-content .application-form-button a.wp-block-button__link.wp-element-button:hover {
  background-color: #f9f9f9;
  color: #5c89c8;
  border: 2px solid #5c89c8;
}
#event-application-content .application-form-button a.wp-block-button__link.wp-element-button:hover::after {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" fill="%235c89c8"><path d="M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z"/></svg>');
}

#show-past-event-button a.wp-block-button__link.wp-element-button {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 100%;
  border-radius: 9999px;
  background-color: #f9f9f9;
  color: #5c89c8;
  border: 2px solid #5c89c8;
  padding-right: 40px;
  padding-left: 40px;
  font-size: var(--base-font-size);
}
#show-past-event-button a.wp-block-button__link.wp-element-button::after {
  content: "";
  position: absolute;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" fill="%235c89c8"><path d="M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z"/></svg>');
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  background-position: center;
  height: 20px;
  width: 20px;
  top: 50%;
  transform: translateY(-50%);
  right: 15px;
}
#show-past-event-button a.wp-block-button__link.wp-element-button:hover {
  background-color: #5c89c8;
  color: #f9f9f9;
  border: 2px solid #f9f9f9;
}
#show-past-event-button a.wp-block-button__link.wp-element-button:hover::after {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" fill="%23f9f9f9"><path d="M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z"/></svg>');
}
#show-past-event-button a.wp-block-button__link.wp-element-button::after {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" fill="%235c89c8"><path d="M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l192 192c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256 246.6 86.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-192 192z"/></svg>');
  right: auto;
  left: 15px;
}
#show-past-event-button a.wp-block-button__link.wp-element-button:hover::after {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" fill="%23f9f9f9"><path d="M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l192 192c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256 246.6 86.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-192 192z"/></svg>');
}

body.page-id-110 {
  counter-reset: h2-counter;
}
body.page-id-110 h2 {
  position: relative;
  counter-increment: h2-counter;
}
@media (max-width: 767px) {
  body.page-id-110 h2 {
    padding-left: 52px !important;
  }
}
@media (max-width: 575px) {
  body.page-id-110 h2 {
    padding-left: 40px !important;
  }
}
body.page-id-110 h2::before {
  content: counter(h2-counter) ". ";
  position: absolute;
  left: 0;
}
@media (min-width: 768px) {
  body.page-id-110 h2::before {
    position: relative;
  }
}

body.page-id-222 #supporters-role-illust {
  width: 90%;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
}
body.page-id-222 #supporters-role-illust img {
  width: 100%;
}

body.page-id-23 .blank-box {
  background-color: var(--color-blue-header);
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding: 15px 20px;
  border: 2px solid var(--color-gray-thin);
}
@media (min-width: 576px) {
  body.page-id-23 .blank-box {
    width: 90%;
  }
}
@media (min-width: 768px) {
  body.page-id-23 .blank-box {
    padding: var(--cocoon-box-padding);
  }
}
body.page-id-23 .blank-box p {
  font-weight: 700;
  font-size: 18px;
}
@media (min-width: 768px) {
  body.page-id-23 .blank-box p {
    font-size: 20px;
  }
}
@media (min-width: 992px) {
  body.page-id-23 .blank-box p {
    font-size: 24px;
  }
}
body.page-id-23 #whats-yokohama-vox-content::after {
  content: "";
  display: block;
  clear: both;
}
body.page-id-23 #whats-yokohama-vox-content #japan-map {
  float: right;
  margin: 0 0 20px 30px !important;
  width: 25%;
  max-width: 160px;
}
body.page-id-23 #official-mascot-content {
  border: 1px solid var(--color-blue-circle);
  border-radius: 20px;
  padding: 10px 8px 20px 8px;
}
@media (min-width: 400px) {
  body.page-id-23 #official-mascot-content {
    padding: 10px 5px 20px 5px;
  }
}
@media (min-width: 576px) {
  body.page-id-23 #official-mascot-content {
    padding-top: 30px;
  }
}
body.page-id-23 #official-mascot-content .mascot-image-name-sm {
  display: block;
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 20px;
}
body.page-id-23 #official-mascot-content .mascot-image-name-sm span {
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}
@media (min-width: 576px) {
  body.page-id-23 #official-mascot-content .mascot-image-name-sm {
    display: none;
  }
}
@media (min-width: 768px) {
  body.page-id-23 #official-mascot-content {
    justify-content: center;
    gap: 30px;
    border: 5px dotted var(--color-blue-strong);
    border-radius: 0;
    padding: 28px 10px 28px 10px;
  }
}
body.page-id-23 #official-mascot-content .title-and-image-box {
  flex-direction: column-reverse;
  justify-content: center;
  gap: 24px;
}
@media (min-width: 400px) {
  body.page-id-23 #official-mascot-content .title-and-image-box {
    flex-direction: row-reverse;
    justify-content: start;
    gap: 12px;
  }
}
@media (min-width: 576px) {
  body.page-id-23 #official-mascot-content .title-and-image-box {
    flex-direction: row;
    gap: 24px;
  }
}
@media (min-width: 768px) {
  body.page-id-23 #official-mascot-content .title-and-image-box {
    justify-content: center;
    gap: 48px;
  }
}
body.page-id-23 #official-mascot-content .title-and-image-box .profile-text {
  width: 280px;
  margin-bottom: 0;
  align-items: center;
}
@media (max-width: 399px) {
  body.page-id-23 #official-mascot-content .title-and-image-box .profile-text {
    width: 100%;
  }
}
body.page-id-23 #official-mascot-content .title-and-image-box .profile-text .profile-title {
  margin-bottom: 0;
  display: none;
}
@media (min-width: 576px) {
  body.page-id-23 #official-mascot-content .title-and-image-box .profile-text .profile-title {
    display: block;
    font-size: 20px;
    font-weight: 700;
  }
}
@media (min-width: 768px) {
  body.page-id-23 #official-mascot-content .title-and-image-box .profile-text .profile-title {
    font-size: 28px;
  }
}
body.page-id-23 #official-mascot-content .title-and-image-box .profile-text .profile-list {
  padding-left: 0;
}
@media (max-width: 399px) {
  body.page-id-23 #official-mascot-content .title-and-image-box .profile-text .profile-list {
    width: 100%;
    margin-left: 0;
  }
}
body.page-id-23 #official-mascot-content .title-and-image-box .mascot-image {
  margin-bottom: 0;
  width: 200px;
}
@media (min-width: 768px) {
  body.page-id-23 #official-mascot-content .title-and-image-box .mascot-image {
    width: 250px;
  }
}
@media (min-width: 400px) {
  body.page-id-23 #official-mascot-content .mascot-text-content {
    margin: 0 24px 0 24px !important;
  }
}
body.page-id-23 .merit-wrapper .merit-box .merit-content .merit-number::before {
  background-color: var(--color-white);
}
body.page-id-23 .merit-wrapper .merit-box.has-merit-link {
  margin-bottom: 15px !important;
}
body.page-id-23 .merit-wrapper .merit-link {
  width: -moz-fit-content;
  width: fit-content;
  padding: 7px 20px;
  background-color: var(--color-bg-moca);
  border-color: transparent;
}
@media (min-width: 576px) {
  body.page-id-23 .merit-wrapper .merit-link {
    margin-right: 0 !important;
  }
}
body.page-id-23 .merit-wrapper .merit-link p {
  margin-bottom: 0;
  font-weight: 400;
  font-size: calc(var(--base-font-size) - 2px);
}
body.page-id-23 #vox-hope h2 {
  margin-bottom: 10px;
}
body.page-id-23 #vox-hope #vox-hope-content #vox-message {
  text-align: center;
  color: var(--color-blue-circle);
  font-weight: 700;
  font-size: 18px;
  margin-bottom: 16px;
}
@media (min-width: 420px) {
  body.page-id-23 #vox-hope #vox-hope-content #vox-message {
    font-size: 20px;
  }
}
@media (min-width: 576px) {
  body.page-id-23 #vox-hope #vox-hope-content #vox-message {
    font-size: 24px;
  }
}
@media (min-width: 992px) {
  body.page-id-23 #vox-hope #vox-hope-content #vox-message {
    font-size: 32px;
  }
}
body.page-id-23 #vox-hope #vox-hope-content #message-illust {
  width: 90%;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
}
body.page-id-23 #vox-hope #vox-hope-content #message-illust img {
  width: 100%;
}

.page-id-122 body.page-id-122 .blank-box.bb-tab.bb-check.block-box,
.page-id-122 body.parent-pageid-122 .blank-box.bb-tab.bb-check.block-box {
  border-color: var(--color-red);
  background-color: rgba(204, 0, 0, 0.02);
}
.page-id-122 body.page-id-122 .blank-box.bb-tab.bb-check.block-box .bb-label,
.page-id-122 body.parent-pageid-122 .blank-box.bb-tab.bb-check.block-box .bb-label {
  background-color: var(--color-red);
}
.parent-pageid-122 body.page-id-122 .blank-box.bb-tab.bb-check.block-box,
.parent-pageid-122 body.parent-pageid-122 .blank-box.bb-tab.bb-check.block-box {
  border-color: var(--color-blue-circle);
  background-color: rgba(92, 137, 200, 0.02);
}
.parent-pageid-122 body.page-id-122 .blank-box.bb-tab.bb-check.block-box .bb-label,
.parent-pageid-122 body.parent-pageid-122 .blank-box.bb-tab.bb-check.block-box .bb-label {
  background-color: var(--color-blue-circle);
}
body.page-id-122 .cocoon-block-balloon,
body.parent-pageid-122 .cocoon-block-balloon {
  --balloon-color: #fef9ef;
  padding-top: 0;
}
body.page-id-122 .cocoon-block-balloon.staff-comment .speech-balloon,
body.parent-pageid-122 .cocoon-block-balloon.staff-comment .speech-balloon {
  background-color: var(--balloon-color);
}
body.page-id-122 .cocoon-block-balloon.staff-comment .speech-balloon::after,
body.parent-pageid-122 .cocoon-block-balloon.staff-comment .speech-balloon::after {
  border-left-color: var(--balloon-color);
}

body.page-id-122 #whats-group-discussion-content::after {
  content: "";
  display: block;
  clear: both;
}
body.page-id-122 #whats-group-discussion-content #whats-group-discussion-illust {
  max-width: 300px;
}
@media (min-width: 576px) {
  body.page-id-122 #whats-group-discussion-content #whats-group-discussion-illust {
    float: right;
    margin: 0 0 20px 20px !important;
    width: 30%;
    max-width: 100%;
  }
}
body.page-id-122 .blank-box.bb-tab.bb-check.block-box {
  border-color: var(--color-red);
  background-color: rgba(204, 0, 0, 0.02);
}
body.page-id-122 .blank-box.bb-tab.bb-check.block-box .bb-label {
  background-color: var(--color-red);
}

body.parent-pageid-122 .about-gd-button a.wp-block-button__link.wp-element-button {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 100%;
  border-radius: 9999px;
  background-color: #f9f9f9;
  color: #5c89c8;
  border: 2px solid #5c89c8;
  padding-right: 40px;
  padding-left: 40px;
  font-size: var(--base-font-size);
}
body.parent-pageid-122 .about-gd-button a.wp-block-button__link.wp-element-button::after {
  content: "";
  position: absolute;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" fill="%235c89c8"><path d="M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z"/></svg>');
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  background-position: center;
  height: 20px;
  width: 20px;
  top: 50%;
  transform: translateY(-50%);
  right: 15px;
}
body.parent-pageid-122 .about-gd-button a.wp-block-button__link.wp-element-button:hover {
  background-color: #5c89c8;
  color: #f9f9f9;
  border: 2px solid #f9f9f9;
}
body.parent-pageid-122 .about-gd-button a.wp-block-button__link.wp-element-button:hover::after {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" fill="%23f9f9f9"><path d="M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z"/></svg>');
}
body.parent-pageid-122 .about-gd-button a.wp-block-button__link.wp-element-button::after {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" fill="%235c89c8"><path d="M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l192 192c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256 246.6 86.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-192 192z"/></svg>');
  right: auto;
  left: 15px;
}
body.parent-pageid-122 .about-gd-button a.wp-block-button__link.wp-element-button:hover::after {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" fill="%23f9f9f9"><path d="M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l192 192c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256 246.6 86.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-192 192z"/></svg>');
}

.page-id-253 #staffs-illust {
  width: 90%;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
}
.page-id-253 #staffs-illust img {
  width: 100%;
}
.page-id-253 .staff-card-wrapper {
  flex-wrap: wrap;
  justify-content: center;
  align-items: start;
}
.page-id-253 .staff-card-wrapper .staff-card {
  --card-border-radius: 5px;
  --card-border-width: 2px;
  width: 240px;
  background-color: var(--color-white);
  border: var(--card-border-width) solid var(--color-gray-thin);
  border-radius: var(--card-border-radius);
  gap: 0;
  box-shadow: 6px 6px 2px var(--color-gray-thin);
  font-size: 14px;
}
@media (min-width: 768px) {
  .page-id-253 .staff-card-wrapper .staff-card {
    font-size: 16px;
    width: 22%;
  }
}
.page-id-253 .staff-card-wrapper .staff-card.dummy-card {
  border-color: transparent;
  box-shadow: 6px 6px 2px transparent;
}
.page-id-253 .staff-card-wrapper .staff-card .staff-card-illust-wrapper {
  position: relative;
  margin-bottom: 0;
}
.page-id-253 .staff-card-wrapper .staff-card .staff-card-illust-wrapper .staff-card-illust {
  width: 100%;
  margin-bottom: 0;
  background-color: rgb(240, 240, 240);
  border-radius: var(--card-border-radius) var(--card-border-radius) 0 0;
}
.page-id-253 .staff-card-wrapper .staff-card .staff-card-illust-wrapper .staff-card-illust img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 1/1;
}
.page-id-253 .staff-card-wrapper .staff-card .staff-card-illust-wrapper .staff-card-posts {
  position: absolute;
  bottom: 0;
  left: calc(-1 * var(--card-border-width));
  padding: 5px 15px 5px 10px;
  border-left: none;
  background-color: rgba(92, 137, 200, 0.94);
  color: var(--color-white);
  font-weight: 700;
  margin-bottom: 0;
}
.page-id-253 .staff-card-wrapper .staff-card .staff-card-text {
  position: relative;
  padding: 8px 15px 20px 15px;
  gap: 0;
  margin-bottom: 0;
}
.page-id-253 .staff-card-wrapper .staff-card .staff-card-text .staff-card-initial {
  margin-bottom: 5px;
  font-weight: 700;
}
.page-id-253 .staff-card-wrapper .staff-card .staff-card-text .staff-card-message {
  margin-bottom: 0;
  line-height: 1.3;
}

.wp-admin .staff-card-wrapper {
  flex-direction: column;
}
.wp-admin .staff-card-wrapper .staff-card {
  border: 3px solid var(--color-red);
}
.wp-admin .staff-card-wrapper .staff-card * {
  border: 1px solid var(--color-black);
}

.page-id-21 {
  /* ボタン */
  /* 確認画面 */
  /* デフォルトのサンクスメッセージ */
}
.page-id-21 .Form-Item-Label-Required {
  color: var(--color-red);
  padding: 2px 4px;
  margin-left: 5px;
  border: 2px solid var(--color-red);
  border-radius: 4px;
  line-height: 1;
  font-size: 16px;
  font-weight: bold;
}
@media screen and (width <= 480px) {
  .page-id-21 .Form-Item-Label-Required {
    font-size: 14px;
  }
}
.page-id-21 .mail-error {
  color: #dc3232;
  font-size: 1em;
  font-weight: normal;
  display: block;
}
.page-id-21 .address-box .address-title {
  margin-bottom: 0;
}
.page-id-21 .address-box .vox-address-area {
  display: flex;
  align-items: center;
  justify-content: start;
}
@media (max-width: 575px) {
  .page-id-21 .address-box .vox-address-area {
    flex-direction: column;
    align-items: start;
    justify-content: center;
    gap: 10px;
  }
}
.page-id-21 .address-box .vox-address-area .vox-address {
  background-image: url("images/vox-mail.png");
  background-size: contain;
  background-repeat: no-repeat;
  width: min(300px, 100%);
  height: 30px;
}
.page-id-21 .address-box .vox-address-area .vox-address-copy-button .copy-btn {
  background-color: var(--color-blue-circle);
  color: white;
  border: none;
  padding: 6px 12px;
  font-size: 14px;
  border-radius: 4px;
  cursor: pointer;
  margin-left: 8px;
  transition: background-color 0.2s ease;
}
.page-id-21 .address-box .vox-address-area .vox-address-copy-button .copy-btn:hover {
  background-color: #3b6db0;
}
.page-id-21 .address-box .vox-address-area .vox-address-copy-button .copy-btn.copy-success {
  border: 2px solid var(--color-blue-circle);
  background-color: var(--color-white);
  color: var(--color-blue-circle);
  font-weight: 700;
}
.page-id-21 .button-wrap {
  margin-top: 50px;
}
.page-id-21 .button-wrap input[type=button],
.page-id-21 .button-wrap .wpcf7-submit {
  font-size: 18px;
  padding: 10px 30px;
  margin-right: 10px;
  width: -moz-fit-content;
  width: fit-content;
  border: 2px solid var(--color-blue-circle);
  border-radius: 100vh;
  color: var(--color-blue-circle);
  background-color: var(--color-white);
  /* 非活性時 */
  /* hover */
}
@media screen and (width <= 480px) {
  .page-id-21 .button-wrap input[type=button],
  .page-id-21 .button-wrap .wpcf7-submit {
    font-size: 14px;
  }
}
.page-id-21 .button-wrap input[type=button]:disabled,
.page-id-21 .button-wrap .wpcf7-submit:disabled {
  border-color: var(--cocoon-x-pallid-text-color);
  color: var(--cocoon-x-pallid-text-color);
}
.page-id-21 .button-wrap input[type=button]:not(:disabled):hover,
.page-id-21 .button-wrap .wpcf7-submit:not(:disabled):hover {
  background-color: var(--color-blue-circle);
  color: var(--color-white);
  border: 2px solid var(--color-white);
  opacity: 1;
}
.page-id-21 .confirm_area {
  display: none;
}
.page-id-21 .confirm_area .Form-Item {
  border-top: 1px solid var(--cocoon-x-pallid-text-color);
}
.page-id-21 .wpcf7-response-output {
  display: none;
}

#footer {
  padding-top: 20px;
  padding-bottom: 20px;
  margin-top: 0;
}
#footer #footer-in {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#footer #footer-in::after {
  content: none;
}
@media (min-width: 768px) {
  #footer #footer-in {
    flex-direction: row;
  }
}
@media (min-width: 1200px) {
  #footer #footer-in {
    gap: 100px;
  }
}
#footer #footer-in .footer-widgets {
  margin: 0;
  display: block;
}
#footer #footer-in .footer-widgets .footer-left {
  display: none;
}
#footer #footer-in .footer-widgets .footer-center {
  width: 300px;
  margin: 0 auto;
  margin-top: 20px;
  margin-bottom: 25px;
  background-image: url("images/logo-footer.png");
  background-size: contain;
  background-repeat: no-repeat;
  width: min(300px, 100%);
  aspect-ratio: 650/76;
}
@media (min-width: 768px) {
  #footer #footer-in .footer-widgets .footer-center {
    margin-top: 40px;
    margin-bottom: 15px;
  }
}
#footer #footer-in .footer-widgets .footer-right {
  width: 100%;
}
#footer #footer-in .footer-widgets .footer-right .navi-menu-buttons {
  flex-direction: column;
  justify-content: center;
  gap: 10px;
  margin-bottom: 0;
}
#footer #footer-in .footer-widgets .footer-right .navi-menu-buttons .wp-block-button.show-notice-list-button {
  width: min(300px, 100%);
  min-width: auto;
}
@media (min-width: 768px) {
  #footer #footer-in .footer-widgets .footer-right .navi-menu-buttons .wp-block-button.show-notice-list-button {
    width: 200px;
  }
}
#footer #footer-in .footer-widgets .footer-right .navi-menu-buttons .wp-block-button.show-notice-list-button a.wp-block-button__link.wp-element-button {
  padding-right: 10px;
  padding-left: 10px;
  font-size: 14px;
  font-weight: 700;
  color: var(--color-blue-circle);
}
#footer #footer-in .footer-widgets .footer-right .navi-menu-buttons .wp-block-button.show-notice-list-button a.wp-block-button__link.wp-element-button::after {
  content: none;
}
#footer #footer-in .footer-widgets .footer-right .navi-menu-buttons .wp-block-button.show-notice-list-button a.wp-block-button__link.wp-element-button:hover {
  background-color: var(--color-blue-circle);
  color: var(--color-white);
  border: 2px solid var(--color-white);
}
#footer #footer-in .footer-bottom {
  margin-top: 0;
}
@media (min-width: 768px) {
  #footer #footer-in .footer-bottom {
    margin-top: 50px;
  }
}
#footer #footer-in .footer-bottom .footer-bottom-content .navi-footer .navi-footer-in {
  display: flex;
  align-items: start;
  max-width: 650px;
}
#footer #footer-in .footer-bottom .footer-bottom-content .navi-footer .navi-footer-in ul.menu-footer:not(.copy-menu) {
  display: none;
}
#footer #footer-in .footer-bottom .footer-bottom-content .navi-footer .navi-footer-in ul.menu-footer li.menu-item {
  border-left: none;
  width: 100%;
  border-bottom: 1px solid var(--color-black);
  margin: 0;
}
@media (min-width: 768px) {
  #footer #footer-in .footer-bottom .footer-bottom-content .navi-footer .navi-footer-in ul.menu-footer li.menu-item {
    border-bottom: none;
  }
}
#footer #footer-in .footer-bottom .footer-bottom-content .navi-footer .navi-footer-in ul.menu-footer li.menu-item a {
  text-align: left;
  width: 100%;
  position: relative;
  padding: 5px 10px 5px 20px;
  transition: none;
}
@media (min-width: 768px) {
  #footer #footer-in .footer-bottom .footer-bottom-content .navi-footer .navi-footer-in ul.menu-footer li.menu-item a {
    width: -moz-fit-content;
    width: fit-content;
  }
}
#footer #footer-in .footer-bottom .footer-bottom-content .navi-footer .navi-footer-in ul.menu-footer li.menu-item a:before {
  content: "";
  position: absolute;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" fill="%23161616"><path d="M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z"/></svg>');
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  background-position: center;
  height: 13px;
  width: 13px;
  top: 50%;
  transform: translateY(-50%);
  left: 2px;
}
#footer #footer-in .footer-bottom .footer-bottom-content .navi-footer .navi-footer-in ul.menu-footer li.menu-item a:hover {
  background-color: var(--color-blue-thin);
}
#footer #footer-in .footer-bottom .footer-bottom-content .navi-footer .navi-footer-in ul.menu-footer li.menu-item.menu-home > a::before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" fill="%23161616"><path d="M575.8 255.5c0 18-15 32.1-32 32.1h-32l.7 160.2c0 2.7-.2 5.4-.5 8.1V472c0 22.1-17.9 40-40 40H456c-1.1 0-2.2 0-3.3-.1c-1.4 .1-2.8 .1-4.2 .1H416 392c-22.1 0-40-17.9-40-40V448 384c0-17.7-14.3-32-32-32H256c-17.7 0-32 14.3-32 32v64 24c0 22.1-17.9 40-40 40H160 128.1c-1.5 0-3-.1-4.5-.2c-1.2 .1-2.4 .2-3.6 .2H104c-22.1 0-40-17.9-40-40V360c0-.9 0-1.9 .1-2.8V287.6H32c-18 0-32-14-32-32.1c0-9 3-17 10-24L266.4 8c7-7 15-8 22-8s15 2 21 7L564.8 231.5c8 7 12 15 11 24z"/></svg>');
}
#footer .source-org.copyright {
  text-align: center;
  font-size: 11px;
}
@media (min-width: 768px) {
  #footer .source-org.copyright {
    font-size: 13px;
    margin-top: 20px;
  }
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px) {
  /*必要ならばここにコードを書く*/
}
/*834px以下*/
@media screen and (max-width: 834px) {
  /*必要ならばここにコードを書く*/
}
/*480px以下*/
@media screen and (max-width: 480px) {
  /*必要ならばここにコードを書く*/
}/*# sourceMappingURL=style.css.map */