@charset "UTF-8";
/* 汎用 詳細ページ用 common-layout-acf.php
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* VARS, MIXIN
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.body-inner {
  max-width: 2400px;
  margin: 0 auto;
}

/* 汎用 詳細ページ用 common-layout-acf.php
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* DISPLAY
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.u-only-sp-se {
  display: block;
}
@media (min-width: 321px) {
  .u-only-sp-se {
    display: none;
  }
}

.u-only-sp-se-i {
  display: inline;
}
@media (min-width: 321px) {
  .u-only-sp-se-i {
    display: none;
  }
}

.u-only-sp-s-notse-i {
  display: none;
}
@media (min-width: 321px) {
  .u-only-sp-s-notse-i {
    display: inline;
  }
}
@media (min-width: 700px) {
  .u-only-sp-s-notse-i {
    display: none;
  }
}

.u-only-sp-s {
  display: block;
}
@media (min-width: 700px) {
  .u-only-sp-s {
    display: none;
  }
}

.u-only-sp-s-i {
  display: inline;
}
@media (min-width: 700px) {
  .u-only-sp-s-i {
    display: none;
  }
}

.u-only-sp-tab {
  display: block;
}
@media (min-width: 1000px) {
  .u-only-sp-tab {
    display: none;
  }
}

.u-only-sp-tab-i {
  display: inline;
}
@media (min-width: 1000px) {
  .u-only-sp-tab-i {
    display: none;
  }
}

.u-only-sp {
  display: block;
}
@media (min-width: 1000px) {
  .u-only-sp {
    display: none;
  }
}

.u-only-sp-notab {
  display: block;
}
@media (min-width: 700px) {
  .u-only-sp-notab {
    display: none;
  }
}

.u-only-pc {
  display: none;
}
@media (min-width: 1000px) {
  .u-only-pc {
    display: block;
  }
}

.u-only-pc-tab {
  display: none;
}
@media (min-width: 700px) {
  .u-only-pc-tab {
    display: block;
  }
}

.u-only-sp-i {
  display: inline;
}
@media (min-width: 700px) {
  .u-only-sp-i {
    display: none;
  }
}

.u-only-pc-i {
  display: none;
}
@media (min-width: 1000px) {
  .u-only-pc-i {
    display: inline;
  }
}

.u-only-pc-tab-i {
  display: none;
}
@media (min-width: 600px) {
  .u-only-pc-tab-i {
    display: inline;
  }
}

.u-only-en {
  display: none;
}

.u-only-en-i {
  display: none;
}

body.en .u-only-en {
  display: block;
}
body.en .u-only-en-i {
  display: inline;
}
body.en .u-only-ja {
  display: none;
}

html #wpadminbar {
  background: rgba(0, 0, 0, 0.5);
  display: none;
}
@media (min-width: 1000px) {
  html #wpadminbar {
    display: block;
  }
}

.block-acf {
  margin-top: 0;
}
@media (min-width: 700px) {
  .block-acf {
    margin-top: 60px;
  }
}
@media (min-width: 1000px) {
  .block-acf {
    margin-top: 116px;
  }
}

.block-acf-section.mt-0 {
  margin-top: 0;
}
@media (min-width: 700px) {
  .block-acf-section.mt-0 {
    margin-top: 0;
  }
}
@media (min-width: 1000px) {
  .block-acf-section.mt-0 {
    margin-top: 0;
  }
}
.block-acf-section.mt-s {
  margin-top: 35px;
}
@media (min-width: 700px) {
  .block-acf-section.mt-s {
    margin-top: 35px;
  }
}
@media (min-width: 1000px) {
  .block-acf-section.mt-s {
    margin-top: 50px;
  }
}
.block-acf-section.mt-m {
  margin-top: 55px;
}
@media (min-width: 700px) {
  .block-acf-section.mt-m {
    margin-top: 63px;
  }
}
@media (min-width: 1000px) {
  .block-acf-section.mt-m {
    margin-top: 90px;
  }
}
.block-acf-section.mt-l {
  margin-top: 80px;
}
@media (min-width: 700px) {
  .block-acf-section.mt-l {
    margin-top: 105px;
  }
}
@media (min-width: 1000px) {
  .block-acf-section.mt-l {
    margin-top: 150px;
  }
}
.block-acf-section.has-border {
  border-top: 1px solid rgba(17, 17, 17, 0.2);
}
@media (min-width: 700px) {
  .block-acf-section.has-border {
    border-top: 2px solid rgba(17, 17, 17, 0.2);
  }
}
.column__intro {
  background-color: #f7f8f8;
  padding: 16px;
}
@media (min-width: 700px) {
  .column__intro {
    padding: 30px;
    padding-bottom: 45px;
  }
}
@media (min-width: 1000px) {
  .column__intro {
    padding: 35px;
    padding-bottom: 56px;
  }
}
.column__intro p {
  letter-spacing: 0.1rem;
  font-family: "Zen Kaku Gothic New", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 500;
  font-size: 12px;
  line-height: 2;
}
@media (min-width: 700px) {
  .column__intro p {
    font-size: 14px;
  }
}
@media (min-width: 1000px) {
  .column__intro p {
    font-size: 15px;
  }
}
.column__intro .intro-img + p,
.column__intro .intro-img p + p {
  margin-top: 15px;
}
@media (min-width: 700px) {
  .column__intro .intro-img + p,
  .column__intro .intro-img p + p {
    margin-top: 20px;
  }
}
@media (min-width: 1000px) {
  .column__intro .intro-img + p,
  .column__intro .intro-img p + p {
    margin-top: 25px;
  }
}

.block-acf-hr {
  text-align: center;
  height: 1px;
  background-color: #9fa0a0;
}

.block-acf-link {
  text-align: center;
}

.img-caption p {
  letter-spacing: 0.2rem;
  color: #898989;
  font-size: 11px;
  margin-top: 9px;
}
@media (min-width: 700px) {
  .img-caption p {
    font-size: 12px;
    margin-top: 12px;
  }
}
@media (min-width: 1000px) {
  .img-caption p {
    font-size: 12px;
  }
}

.block-acf-has-bg.gray-light {
  background-color: #f7f8f8;
}
.block-acf-has-bg.gray {
  background-color: #d8d8d8;
}
.block-acf-has-bg.gray-light, .block-acf-has-bg.gray {
  padding: 16px;
}
@media (min-width: 700px) {
  .block-acf-has-bg.gray-light, .block-acf-has-bg.gray {
    padding: 30px;
  }
}
@media (min-width: 1000px) {
  .block-acf-has-bg.gray-light, .block-acf-has-bg.gray {
    padding: 35px;
  }
}

.article-text > *:nth-child(1) {
  margin-top: 0;
}
.article-text h1,
.article-text h2,
.article-text h3,
.article-text h4,
.article-text h5,
.article-text h6,
.article-text p,
.article-text ol,
.article-text ul {
  margin-top: 30px;
}
.article-text h1,
.article-text h2,
.article-text h3,
.article-text h4,
.article-text h5,
.article-text h6 {
  letter-spacing: 0.1rem;
  font-family: "Zen Kaku Gothic New", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 700;
  line-height: 2;
  font-size: 14px;
}
@media (min-width: 700px) {
  .article-text h1,
  .article-text h2,
  .article-text h3,
  .article-text h4,
  .article-text h5,
  .article-text h6 {
    font-size: 16px;
  }
}
@media (min-width: 1000px) {
  .article-text h1,
  .article-text h2,
  .article-text h3,
  .article-text h4,
  .article-text h5,
  .article-text h6 {
    font-size: 18px;
  }
}
.article-text h1 + p,
.article-text h2 + p,
.article-text h3 + p,
.article-text h4 + p,
.article-text h5 + p,
.article-text h6 + p {
  margin-top: 0;
}
.article-text h1,
.article-text h2 {
  letter-spacing: 0.2rem;
  font-size: 15px;
}
@media (min-width: 700px) {
  .article-text h1,
  .article-text h2 {
    font-size: 18px;
  }
}
@media (min-width: 1000px) {
  .article-text h1,
  .article-text h2 {
    font-size: 22px;
  }
}
.article-text ul li,
.article-text ol li {
  margin-top: 10px;
  letter-spacing: 0.1rem;
  font-family: "Zen Kaku Gothic New", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 500;
  font-size: 12px;
  line-height: 2;
  line-height: 1.7;
}
@media (min-width: 700px) {
  .article-text ul li,
  .article-text ol li {
    font-size: 14px;
  }
}
@media (min-width: 1000px) {
  .article-text ul li,
  .article-text ol li {
    font-size: 15px;
  }
}
.article-text ul {
  padding-left: 1.5em;
  list-style: disc;
}
.article-text ol {
  padding-left: 2em;
  list-style: decimal;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  letter-spacing: 0.2rem;
  font-family: "Zen Kaku Gothic New", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 700;
  line-height: 2;
}

blockquote {
  border-left: 1px solid #9fa0a0;
  background-color: #f1f1f1;
}
blockquote p {
  padding: 1em;
}

p {
  letter-spacing: 0.1rem;
  font-family: "Zen Kaku Gothic New", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 500;
  font-size: 12px;
  line-height: 2;
}
@media (min-width: 700px) {
  p {
    font-size: 14px;
  }
}
@media (min-width: 1000px) {
  p {
    font-size: 15px;
  }
}
p a {
  text-decoration: underline;
}

p + img {
  margin-top: 30px;
}
@media (min-width: 700px) {
  p + img {
    margin-top: 30px;
  }
}
.block-acf-heading--s {
  font-size: 14px;
}
@media (min-width: 700px) {
  .block-acf-heading--s {
    font-size: 16px;
  }
}
@media (min-width: 1000px) {
  .block-acf-heading--s {
    font-size: 18px;
  }
}

.block-acf-heading--m {
  font-size: 17px;
}
@media (min-width: 700px) {
  .block-acf-heading--m {
    font-size: 18px;
  }
}
@media (min-width: 1000px) {
  .block-acf-heading--m {
    font-size: 22px;
  }
}

.block-acf-heading--l {
  overflow: visible;
  display: block;
  text-align: center;
  font-size: 15px;
  line-height: 2.4;
}
@media (min-width: 700px) {
  .block-acf-heading--l {
    font-size: 20px;
    line-height: 2;
  }
}
@media (min-width: 1000px) {
  .block-acf-heading--l {
    font-size: 26px;
  }
}
.block-acf-heading--l span.block-acf-heading--underline {
  text-decoration-color: #efefef;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-thickness: 5px;
  text-underline-offset: 4px;
}
@media (min-width: 700px) {
  .block-acf-heading--l span.block-acf-heading--underline {
    text-decoration-thickness: 7px;
    text-underline-offset: 7px;
  }
}

.block-common-grid2 {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  justify-content: center;
  align-items: stretch;
  flex-wrap: wrap;
  overflow: hidden;
  box-sizing: border-box;
}
@media (min-width: 700px) {
  .block-common-grid2 {
    margin: 0 -15px;
  }
}
.block-common-grid2 .col {
  box-sizing: border-box;
  width: 100%;
  padding-right: 0;
  padding-left: 0;
}
@media (min-width: 700px) {
  .block-common-grid2 .col {
    width: 50%;
    padding: 0 15px;
  }
}
.block-common-grid2 .col img {
  width: 100%;
}
.block-common-grid2 .col:nth-child(n+2) {
  margin-top: 30px;
}
@media (min-width: 700px) {
  .block-common-grid2 .col:nth-child(n+2) {
    margin-top: 0;
  }
}
@media (min-width: 700px) {
  .block-common-grid2.reverse .col:nth-child(1) {
    order: 2;
  }
}
@media (min-width: 700px) {
  .block-common-grid2.reverse .col:nth-child(2) {
    order: 1;
  }
}
.block-common-float {
  overflow: hidden;
}
.block-common-float figure {
  margin: 0 0 20px 0;
}
@media (min-width: 700px) {
  .block-common-float figure {
    margin: 20px 0 0 0;
  }
}
.block-common-float figure img {
  width: 100%;
}
@media (min-width: 700px) {
  .block-common-float.left figure {
    float: left;
    margin: 0 30px 30px 0;
    width: 50%;
  }
}
@media (min-width: 700px) {
  .block-common-float.right figure {
    float: right;
    margin: 0 0 30px 30px;
    width: 50%;
  }
}
.block-common-grid3 {
  box-sizing: border-box;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  align-items: stretch;
  flex-wrap: wrap;
  overflow: hidden;
  margin: 0 -15px;
}
.block-common-grid3 .col {
  box-sizing: border-box;
  width: 50%;
  padding: 0 15px;
  margin-top: 15px;
}
@media (min-width: 700px) {
  .block-common-grid3 .col {
    width: 33.333333332%;
    padding: 0 15px;
  }
}
.block-common-grid3 .col img {
  width: 100%;
}
@media (min-width: 700px) {
  .block-common-grid3 .col {
    margin-top: 0;
  }
}
@media (min-width: 700px) {
  .block-common-grid3 .col:nth-child(n+2) {
    margin-top: 30px;
  }
}
