@charset "UTF-8";
/* タブレットレイアウト (768px - 1100px) */
/* PC用スタイル（1440px基準）のピクセル値をvwに変換 */
/* 完全版 - 元のstyle.scssのすべてのPC用スタイルを100%網羅 */
@media screen and (min-width: 768px) and (max-width: 1100px) {
  /* reset */
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  blockquote,
  caption,
  figcaption,
  p {
    text-wrap: wrap !important;
  }
  /* color */
  body {
    font-family: sans-serif;
    margin: 0;
    padding: 0;
  }
  /* p */
  p {
    color: #333;
    text-align: center;
    font-family: "Noto Sans JP";
    font-size: 1.1111111111vw;
    font-style: normal;
    font-weight: 400;
    line-height: 225%;
    letter-spacing: 0.1em;
    width: 100%;
    white-space: normal;
    word-wrap: break-word;
    overflow-wrap: break-word;
    word-break: break-word;
    min-width: 0;
    text-align: left;
  }
  a {
    text-decoration: none;
    color: inherit;
  }
  ul {
    list-style: none;
  }
  .site-header,
  .site-footer {
    background-color: #f5f5f5;
    padding: 1rem;
  }
  .nav-list {
    list-style: none;
    display: flex;
    gap: 1rem;
    padding: 0;
    margin: 0;
  }
  .nav-list__item a {
    text-decoration: none;
    color: #333;
  }
  .main {
    padding: 2rem;
  }
  /* kiroku-card */
  .kiroku-card,
  .news-card,
  .search-result {
    border-bottom: 0.0694444444vw solid #ddd;
    padding: 1rem 0;
  }
  /* Chrome / Edge / Safari（Webkit系ブラウザ） */
  input[type=search]::-webkit-search-decoration,
  input[type=search]::-webkit-search-cancel-button,
  input[type=search]::-webkit-search-results-button,
  input[type=search]::-webkit-search-results-decoration {
    display: none;
  }
  /* Firefox */
  input[type=search]::-moz-search-clear {
    display: none;
  }
  /* itemlist */
  .itemlist {
    display: flex;
    flex-direction: column;
    gap: 2.0833333333vw;
  }
  /* button-green */
  .button-green {
    background-color: #22a265;
    border-radius: 69.4444444444vw;
    display: inline-flex;
    padding: 1.7361111111vw 3.125vw;
    align-items: center;
    gap: 1.3888888889vw;
    transition: opacity 500ms ease-out;
  }
  .button-green p {
    color: #fff;
    font-size: 1.1111111111vw;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: 0.1111111111vw;
    margin-bottom: 0.0694444444vw;
    font-family: "Noto Sans JP", Meiryo, sans-serif;
    display: inline-flex;
    text-align: center;
  }
  .button-green img {
    display: inline-block;
    width: 1.0416666667vw;
    height: auto;
    -o-object-fit: contain;
       object-fit: contain;
    align-items: center;
    transition: transform 500ms ease-out;
  }
  .button-green:hover {
    opacity: 0.8;
    transition: opacity 500ms ease-out;
  }
  .button-green:hover img {
    transform: translateX(0.5555555556vw);
    transition: transform 500ms ease-out;
  }
  /* button-header */
  .button-header {
    background-color: #22a265;
    border-radius: 69.4444444444vw;
    display: inline-flex;
    padding: 0.9722222222vw 1.7361111111vw;
    justify-content: center;
    align-items: center;
    transition: opacity 500ms ease-out;
  }
  .button-header p {
    color: #fff;
    text-align: center;
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    font-size: 0.9722222222vw;
    font-style: normal;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.0972222222vw;
    margin-bottom: 0.0694444444vw;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
  .button-header:hover {
    opacity: 0.8;
    transition: opacity 500ms ease-out;
  }
  @supports (font: -apple-system-body) {
    .button-header p {
      transform: translateY(0.1041666667vw);
    }
  }
  /* tag */
  .tag {
    display: inline-flex;
    padding: 0.5555555556vw 0.9027777778vw;
    align-items: center;
    gap: 0.3472222222vw;
    border-radius: 0.3472222222vw;
    border: 0.0694444444vw solid var(--tag-color);
    background: #fff;
    transition: all 500ms ease-out;
    border-color: var(--tag-color);
  }
  .tag p {
    color: #333;
    font-size: 0.9722222222vw;
    line-height: 100%;
    letter-spacing: 0.0972222222vw;
    font-family: "Noto Sans JP", sans-serif;
  }
  .tag .tag-icon {
    margin-top: 0.0694444444vw;
    content: "";
    display: inline-block;
    width: 0.8333333333vw;
    height: 0.9027777778vw;
    background: url("../img/sharp-black.svg") no-repeat center center/contain;
    transition: all 500ms ease-out;
  }
  .tag:hover {
    transition: all 500ms ease-out;
    background: var(--tag-color);
  }
  .tag:hover p {
    color: #fff;
    transition: all 500ms ease-out;
  }
  .tag:hover .tag-icon {
    background: url("../img/sharp-white.svg") no-repeat center/contain;
    transition: all 500ms ease-out;
  }
  /* tag-list */
  .tag-list {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 0.6944444444vw;
  }
  /* heading */
  .heading {
    min-width: 11.8055555556vw;
    padding: 0.6944444444vw 1.3888888889vw;
    border-radius: 3.4722222222vw;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: var(--heading-color);
    opacity: 1;
    transition: 0.5s ease-out;
  }
  .heading:hover {
    opacity: 0.5;
    transition: 0.5s ease-out;
  }
  .heading p {
    font-family: "Noto Sans JP", sans-serif;
    color: #fff;
    font-size: 1.25vw;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.125vw;
    text-align: center;
  }
  /* button-top-wrap */
  .button-top-wrap {
    position: fixed;
    right: 3.4722222222vw;
    bottom: 3.4722222222vw;
    width: 6.25vw;
    height: 6.25vw;
    z-index: 1000;
    opacity: 0;
    transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s linear;
    pointer-events: none;
    visibility: hidden;
  }
  .button-top-wrap.is-scrolled {
    pointer-events: auto;
    opacity: 1;
    pointer-events: auto;
    visibility: visible;
  }
  /* button-top */
  .button-top {
    width: 6.25vw;
    height: 6.25vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.625vw;
    background-color: #fff;
    border: 0.0694444444vw solid #22a265;
    transition: all 500ms ease-out;
    border-radius: 50%;
  }
  .button-top p {
    color: #22a265;
    text-align: center;
    font-family: Optima, "Marcellus", serif;
    font-size: 1.0416666667vw;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.1041666667vw;
    transition: all 500ms ease-out;
  }
  .button-top .arrow-up {
    background: url("../img/arrow-up-green.svg") no-repeat center/contain;
    transition: all 500ms ease-out;
    width: 0.8333333333vw;
    height: 1.7361111111vw;
  }
  .button-top:hover {
    background-color: #22a265;
    border: #fff solid 0.0694444444vw;
    transition: all 500ms ease-out;
  }
  .button-top:hover p {
    color: #fff;
    transition: all 500ms ease-out;
  }
  .button-top:hover .arrow-up {
    background: url("../img/arrow-up-white.svg") no-repeat center/contain;
    transition: all 500ms ease-out;
  }
  /* button-arrow */
  .button-arrow {
    display: flex;
    width: 4.7222222222vw;
    height: 4.7222222222vw;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    border-radius: 69.4444444444vw;
    background: #fff;
    box-shadow: 0 0 0.6944444444vw 0 rgba(0, 0, 0, 0.1);
    transition: all 500ms ease-out;
  }
  .button-arrow .arrow-left {
    background: url("../img/arrow-left-green.svg") no-repeat center/contain;
    transition: all 500ms ease-out;
    width: 1.3888888889vw;
    height: 1.3888888889vw;
  }
  .button-arrow .arrow-right {
    background: url("../img/arrow-right-green.svg") no-repeat center/contain;
    transition: all 500ms ease-out;
    width: 1.3888888889vw;
    height: 1.3888888889vw;
  }
  .button-arrow.no-color-change:hover {
    background: #fff;
  }
  .button-arrow.no-color-change:hover .arrow-left {
    background: url("../img/arrow-left-green.svg") no-repeat center/contain;
  }
  .button-arrow.no-color-change:hover .arrow-right {
    background: url("../img/arrow-right-green.svg") no-repeat center/contain;
  }
  .button-arrow.no-color-change.blue .arrow-right {
    background: url("../img/arrow-right-blue.svg") no-repeat center/contain;
  }
  .button-arrow.no-color-change.brown .arrow-right {
    background: url("../img/arrow-right-brown.svg") no-repeat center/contain;
  }
  .button-arrow:hover {
    background-color: #22a265;
    transition: all 500ms ease-out;
  }
  .button-arrow:hover .arrow-left {
    background: url("../img/arrow-left-white.svg") no-repeat center/contain;
    transition: all 500ms ease-out;
    transform: translateX(-0.2083333333vw);
  }
  .button-arrow:hover .arrow-right {
    background: url("../img/arrow-right-white.svg") no-repeat center/contain;
    transition: all 500ms ease-out;
    transform: translateX(0.2083333333vw);
  }
  /* button-link */
  .button-link {
    display: flex;
    align-items: stretch;
  }
  /* button-white */
  .button-white {
    background-color: #fff;
    border-radius: 69.4444444444vw;
    display: inline-flex;
    padding: 1.7361111111vw 3.125vw;
    align-items: center;
    transition: opacity 500ms ease-out;
    flex: 1;
    justify-content: center;
    position: relative;
  }
  .button-white p {
    font-family: "Noto Sans JP", Meiryo, sans-serif;
    font-weight: 600;
    color: #22a265;
    font-size: 1.1111111111vw;
    line-height: 120%;
    letter-spacing: 0.1111111111vw;
    margin-right: 2.0833333333vw;
    text-align: center;
    margin-bottom: 0.0694444444vw;
  }
  .button-white img {
    width: 1.0416666667vw;
    height: auto;
    -o-object-fit: contain;
       object-fit: contain;
    align-items: center;
    position: absolute;
    right: 3.125vw;
    transition: transform 500ms ease-out;
  }
  .button-white:hover {
    opacity: 0.8;
    transition: opacity 500ms ease-out;
  }
  .button-white:hover img {
    transform: translateX(0.5555555556vw);
    transition: transform 500ms ease-out;
  }
  /* thumbnail-list */
  .thumbnail-list {
    width: 34.7222222222vw;
    box-sizing: border-box;
  }
  .thumbnail-list .kiroku-thumbnail {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    position: relative;
    width: 100%;
    width: 34.7222222222vw;
    box-sizing: border-box;
  }
  .thumbnail-list .kiroku-thumbnail .thumbnail-img-wrap {
    border-radius: 1.3888888889vw;
    overflow: hidden;
    width: 100%;
    height: 23.9583333333vw;
    display: flex;
    justify-content: center;
    align-items: center;
    -o-object-fit: cover;
       object-fit: cover;
    height: 100%;
  }
  .thumbnail-list .kiroku-thumbnail .thumbnail-img-wrap img {
    width: 103%;
    max-width: 103%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
    transition: transform 500ms ease-out;
    transform-origin: center center;
  }
  .thumbnail-list .kiroku-thumbnail .kiroku-category {
    display: flex;
    padding: 0.6944444444vw 2.0833333333vw 0.6944444444vw 1.3888888889vw;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 1.1111111111vw;
    border-radius: 0 3.4722222222vw 3.4722222222vw 0;
  }
  .thumbnail-list .kiroku-thumbnail .kiroku-category p {
    color: #fff;
    font-weight: bold;
    line-height: 100%;
    margin-top: 0.0694444444vw;
  }
  .thumbnail-list .kiroku-text {
    margin: 1.7361111111vw 0 0.6944444444vw 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.3472222222vw;
    align-self: stretch;
  }
  .thumbnail-list .kiroku-text .kiroku-date {
    font-family: "Inter";
    font-size: 0.9722222222vw;
    letter-spacing: 0.0777777778vw;
    line-height: normal;
  }
  .thumbnail-list .kiroku-text .kiroku-title {
    font-family: "Noto Sans JP", sans-serif;
    line-height: 1.7;
    width: 100%;
  }
  .thumbnail-list .kiroku-tag {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 1.0416666667vw;
  }
  .thumbnail-list a:hover .kiroku-thumbnail .thumbnail-img-wrap img {
    transform: scale(1.1);
    transition: transform 500ms ease-out;
  }
  /* button-form */
  .form-action {
    display: flex;
    width: auto;
  }
  .button-form {
    background-color: #8f8f8f;
    border-radius: 69.4444444444vw;
    display: inline-flex;
    padding: 1.7361111111vw 3.125vw;
    align-items: center;
    transition: all 500ms ease-out;
    justify-content: center;
    position: relative;
    margin-top: 2.4305555556vw;
    cursor: disabled;
    opacity: 1;
    transition: all 500ms ease-out;
  }
  .button-form.active {
    background-color: #f26426;
    transition: all 500ms ease-out;
    cursor: pointer;
  }
  .button-form.active:hover {
    background-color: #f26426;
    opacity: 0.5;
    transition: all 500ms ease-out;
  }
  .button-form.active:hover img {
    transform: translateX(0.5555555556vw);
    transition: transform 500ms ease-out;
  }
  .button-form p {
    color: #fff;
    font-size: 1.1111111111vw;
    font-weight: 400;
    letter-spacing: 10%;
    margin-right: 1.3888888889vw;
    line-height: 1.3194444444vw;
  }
  .button-form img {
    width: 0.9027777778vw;
    height: 0.4861111111vw;
    -o-object-fit: contain;
       object-fit: contain;
    align-items: center;
    position: absolute;
    right: 3.125vw;
    transition: transform 500ms ease-out;
  }
  /* thumbnail-single */
  ul.kiroku-list {
    display: flex;
    flex-wrap: wrap;
    -moz-column-gap: 3.4722222222vw;
         column-gap: 3.4722222222vw;
    row-gap: 4.1666666667vw;
    overflow: visible;
    padding-bottom: 0.1388888889vw;
  }
  .thumbnail-single {
    width: 50%;
    max-width: 22.9166666667vw;
  }
  .thumbnail-single::marker {
    display: none;
  }
  .thumbnail-single .kiroku-thumbnail {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    position: relative;
    width: 100%;
    aspect-ratio: 1/1;
  }
  .thumbnail-single .kiroku-thumbnail .thumbnail-img-wrap {
    border-radius: 1.3888888889vw;
    overflow: hidden;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    -o-object-fit: cover;
       object-fit: cover;
    height: 100%;
  }
  .thumbnail-single .kiroku-thumbnail .thumbnail-img-wrap img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
    transition: transform 500ms ease-out;
    transform-origin: center center;
  }
  .thumbnail-single .kiroku-thumbnail .kiroku-category {
    display: flex;
    padding: 0.6944444444vw 2.0833333333vw 0.6944444444vw 1.3888888889vw;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 1.1111111111vw;
    border-radius: 0 3.4722222222vw 3.4722222222vw 0;
  }
  .thumbnail-single .kiroku-thumbnail .kiroku-category p {
    color: #fff;
    font-weight: bold;
    line-height: 1.4;
  }
  .thumbnail-single .kiroku-text {
    margin: 1.1111111111vw 0 1.1111111111vw 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.6944444444vw;
    align-self: stretch;
  }
  .thumbnail-single .kiroku-text .kiroku-date {
    font-family: "Inter";
    font-size: 0.9722222222vw;
    letter-spacing: 8%;
    line-height: normal;
  }
  .thumbnail-single .kiroku-text .kiroku-title {
    line-height: 1.7;
    width: 100%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
  }
  .thumbnail-single .kiroku-tag {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 1.0416666667vw;
  }
  .thumbnail-single a:hover .kiroku-thumbnail .thumbnail-img-wrap img {
    transform: scale(1.1);
    transition: transform 500ms ease-out;
  }
  /* button-brown */
  .button-brown {
    background-color: #58322a;
    border-radius: 69.4444444444vw;
    display: inline-flex;
    padding: 0.6944444444vw 1.7361111111vw;
    align-items: center;
    gap: 0.6944444444vw;
    transition: opacity 500ms ease-out;
  }
  .button-brown p {
    color: #fff;
    font-size: 0.9722222222vw;
    font-weight: 400;
    line-height: 1.1805555556vw;
    letter-spacing: 10%;
    font-family: "Noto Sans JP", Meiryo, sans-serif;
  }
  .button-brown img {
    width: 1.0416666667vw;
    height: 1.0416666667vw;
    -o-object-fit: contain;
       object-fit: contain;
    align-items: center;
  }
  .button-brown:hover {
    opacity: 0.8;
    transition: opacity 500ms ease-out;
  }
  /* sidebar-content */
  .sidebar-content {
    width: 100%;
  }
  .sidebar-content .title-sidebar {
    color: #58322a;
    font-family: "游ゴシック体", "Yu Gothic", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif;
    font-weight: bold;
    font-size: 1.3888888889vw;
    font-weight: 700;
    letter-spacing: 0.1em;
    margin-bottom: 1.3888888889vw;
    line-height: 1.8;
  }
  /* list-article-sidebar */
  .list-article-sidebar {
    display: flex;
    flex-direction: column;
    gap: 2.0833333333vw;
    width: 100%;
  }
  .list-article-sidebar .list-article-sidebar-item {
    display: flex;
    gap: 1.3194444444vw;
    justify-content: left;
    align-items: center;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    tap-highlight-color: transparent;
    outline: none;
  }
  .list-article-sidebar .list-article-sidebar-item:hover .article-thumbnail img {
    transform: scale(1.1);
    transition: 0.5s ease-out;
  }
  .list-article-sidebar .list-article-sidebar-item .article-rank {
    position: relative;
  }
  .list-article-sidebar .list-article-sidebar-item .article-rank p {
    width: 2.0833333333vw;
    height: 2.0833333333vw;
    display: flex;
    justify-content: center;
    color: #22a265;
    text-align: center;
    font-family: "Inter";
    font-size: 1.3888888889vw;
    font-style: normal;
    font-weight: 500;
    line-height: 121.083%;
    /* 24.217px */
    letter-spacing: 0.0694444444vw;
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    align-items: center;
    z-index: 5;
  }
  .list-article-sidebar .list-article-sidebar-item .article-rank .article-thumbnail {
    overflow: hidden;
    width: 6.9444444444vw;
    height: 6.9444444444vw;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .list-article-sidebar .list-article-sidebar-item .article-rank .article-thumbnail img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
    transition: 0.5s ease-out;
  }
  .list-article-sidebar .list-article-sidebar-item .article-info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 0.6944444444vw;
  }
  .list-article-sidebar .list-article-sidebar-item .article-tags .article-tag {
    padding: 0.4861111111vw 1.0416666667vw;
    border-radius: 3.4722222222vw;
    font-size: 0.8333333333vw;
    letter-spacing: 0.1em;
  }
  .list-article-sidebar .list-article-sidebar-item .article-title {
    font-size: 0.9722222222vw;
    line-height: 1.5277777778vw;
    letter-spacing: 0.1em;
  }
  .list-article-sidebar .list-article-sidebar-item .article-body {
    display: flex;
    flex-direction: column;
    gap: 0.6944444444vw;
  }
  .list-article-sidebar .list-article-sidebar-item .article-body .article-date {
    font-family: "Inter";
    font-size: 0.9722222222vw;
    letter-spacing: 0.0777777778vw;
    line-height: normal;
  }
  .list-article-sidebar .list-article-sidebar-item .article-body .article-title {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 0.9722222222vw;
    line-height: 1.7;
    width: 100%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
  }
  /* breadcrumb */
  .breadcrumb {
    display: flex;
    padding: 0 0 4.1666666667vw;
    align-items: center;
    gap: 0.9027777778vw;
    color: #58322a;
    font-family: "Noto Sans JP";
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }
  .breadcrumb li {
    font-size: 0.9722222222vw;
  }
  /* footer__list--page */
  .footer__list--page {
    -moz-column-gap: 5.5555555556vw;
         column-gap: 5.5555555556vw;
    row-gap: 1.875vw;
    height: 8.9583333333vw;
  }
  /* footer__list--sns */
  .footer__list--sns {
    gap: 1.0416666667vw;
  }
  /* footer__item a */
  .footer__item a {
    font-size: 1.1111111111vw;
    letter-spacing: 0.1111111111vw;
  }
  /* form-search-sidebar */
  .sidebar-content .form-search-sidebar {
    height: 3.4722222222vw;
  }
  .sidebar-content .form-search-sidebar input {
    padding: 1.1111111111vw 1.1111111111vw 1.1111111111vw 1.6666666667vw;
    font-size: 1.1111111111vw;
    letter-spacing: 0.1111111111vw;
  }
  .sidebar-content .form-search-sidebar button {
    margin-right: 1.6666666667vw;
  }
  .sidebar-content .form-search-sidebar button img {
    width: 1.3194444444vw;
    height: 1.25vw;
  }
  /* wpcf7-radio */
  .wpcf7-radio {
    gap: 2.7777777778vw;
  }
  /* confirm-item */
  .confirm-item {
    gap: 2.0833333333vw;
    padding: 2.0833333333vw;
  }
  /* confirm-label */
  .confirm-label {
    width: 19.7916666667vw;
    font-size: 1.1111111111vw;
  }
  /* confirm-value */
  .confirm-value {
    font-size: 1.1111111111vw;
  }
  /* confirm-buttons */
  .confirm-buttons {
    gap: 2.0833333333vw;
    margin-top: 4.1666666667vw;
  }
  /* wpcf7-not-valid-tip */
  .wpcf7-not-valid-tip {
    font-size: 0.9722222222vw;
  }
  /* checkbox-label */
  .checkbox-label {
    font-size: 1.1111111111vw;
  }
  /* checkbox-wrapper .checkmark */
  .checkbox-wrapper .checkmark {
    width: 1.5277777778vw;
    height: 1.5277777778vw;
    border: 0.1388888889vw solid #e2d3b2;
  }
  .checkbox-wrapper input:checked ~ .checkmark:after {
    left: 0.4861111111vw;
    top: 0.2083333333vw;
    width: 0.3472222222vw;
    height: 0.6944444444vw;
    border-width: 0 0.1388888889vw 0.1388888889vw 0;
  }
  /* radio-group */
  .radio-group {
    gap: 2.7777777778vw;
    width: 41.6666666667vw;
  }
  /* radio-wrapper */
  .radio-wrapper input[type=radio] {
    width: 1.25vw;
    height: 1.25vw;
    border-radius: 0.6944444444vw;
    border: 0.1388888889vw solid #e2d3b2;
  }
  /* form-input */
  .form-input {
    padding: 1.7361111111vw 2.0833333333vw;
    font-size: 1.1111111111vw;
    border: 0.0694444444vw solid #e2d3b2;
    border-radius: 1.3888888889vw;
  }
  /* form-layout__textarea textarea */
  .form-layout__textarea textarea {
    padding: 1.7361111111vw 2.0833333333vw;
    height: 16.3194444444vw;
    font-size: 1.1111111111vw;
    border: 0.0694444444vw solid #e2d3b2;
    border-radius: 1.3888888889vw;
  }
  /* section-title-name */
  .page-title {
    text-align: center;
  }
  .page-title__inner {
    gap: 0.6944444444vw;
  }
  .page-title h1,
  .page-title .page-title__post-heading {
    font-family: "游ゴシック体", "Yu Gothic", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif;
    display: inline-flex;
    align-items: center;
    font-size: 2.7777777778vw;
    line-height: 4.8611111111vw;
    font-weight: bold;
    letter-spacing: 0.1em;
    color: #58322a;
  }
  .page-title h1 .page-title__icon,
  .page-title .page-title__post-heading .page-title__icon {
    width: 2.4305555556vw;
    height: 2.6388888889vw;
    display: inline-block;
    margin-right: 1.3888888889vw;
  }
  .section-title-name .page-title {
    padding: 5.5555555556vw 0;
  }
  .section-title-name h1,
  .section-title-name .page-title__post-heading {
    font-size: 2.7777777778vw;
    line-height: 4.8611111111vw;
    letter-spacing: 0.2777777778vw;
  }
  .section-title-name h1 .page-title__icon,
  .section-title-name .page-title__post-heading .page-title__icon {
    width: 2.4305555556vw;
    height: 2.6388888889vw;
    margin-right: 1.3888888889vw;
  }
  /* section-title-bread */
  .section-title-bread {
    max-width: 76.3888888889vw;
  }
  .section-title-bread .page-title {
    padding: 16.6666666667vw 0 9.9305555556vw;
  }
  .section-title-bread .breadcrumb {
    padding: 0;
  }
  /* section-bread-title */
  .section-bread-title {
    max-width: 76.3888888889vw;
  }
  .section-bread-title .breadcrumb {
    padding-top: 12.2916666667vw;
  }
  .section-bread-title .page-title {
    padding: 6.5277777778vw 0 10.4166666667vw;
  }
  /* list-category-sidebar */
  .list-category-sidebar {
    margin-top: -0.4861111111vw;
  }
  .list-category-sidebar a {
    display: flex;
    padding: 1.4583333333vw 0.9722222222vw;
    justify-content: left;
    align-items: center;
    gap: 0.9027777778vw;
    border-bottom: 0.0694444444vw solid #e2d3b2;
  }
  .list-category-sidebar a:hover p {
    opacity: 0.3;
    transition: 500ms ease-out;
  }
  .list-category-sidebar a:hover .button-arrow .arrow-right {
    transform: translateX(0.2083333333vw);
    transition: transform 500ms ease-out;
  }
  .list-category-sidebar .category-color {
    width: 1.0416666667vw;
    height: 1.0416666667vw;
    border-radius: 50%;
    flex-shrink: 0;
  }
  .list-category-sidebar p {
    color: #58322a;
    font-family: "Noto Sans JP";
    font-size: 1.1111111111vw;
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: 0.1em;
    opacity: 1;
    transition: 500ms ease-out;
  }
  .list-category-sidebar .button-arrow.brown {
    box-shadow: none;
    width: 2.0833333333vw;
    height: 2.0833333333vw;
  }
  .list-category-sidebar .button-arrow.brown .arrow-right {
    width: 0.6944444444vw;
    background: url("../img/arrow-right-brown-sp.svg") no-repeat center/contain;
  }
  /* form-search-sidebar additional styles */
  .sidebar-content .form-search-sidebar {
    background-color: #fff;
    border-radius: 3.4722222222vw;
  }
  .sidebar-content .form-search-sidebar form {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: left;
  }
  .sidebar-content .form-search-sidebar input {
    width: 100%;
    color: #333;
    font-family: "Noto Sans JP";
    font-weight: 400;
    line-height: 200%;
    letter-spacing: 0.1em;
  }
  .sidebar-content .form-search-sidebar button {
    padding: 0;
  }
  /* wpcf7-not-valid-tip */
  .wpcf7-not-valid-tip {
    color: #f26426;
    font-size: 0.9722222222vw;
    position: absolute;
    left: 0;
    bottom: -1.5em;
    width: 34.7222222222vw;
  }
  .checkbox-container .wpcf7-not-valid-tip {
    bottom: -4em;
  }
  /* wpcf7-radio additional */
  .wpcf7-radio {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
  }
  .wpcf7-radio .wpcf7-list-item {
    margin-left: 0;
  }
  .wpcf7-radio .wpcf7-list-item label {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 0.5555555556vw;
  }
  /* confirm-item additional */
  .confirm-item {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    border-bottom: 0.0694444444vw solid #e2d3b2;
  }
  .confirm-label {
    flex-shrink: 0;
    color: #333;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 400;
    line-height: 200%;
    letter-spacing: 0.1em;
  }
  .confirm-value {
    flex: 1;
    color: #333;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 400;
    line-height: 200%;
    letter-spacing: 0.1em;
    word-break: break-word;
  }
  .confirm-buttons .button-form {
    margin-top: 0;
  }
  /* button-back */
  .button-back {
    background: #e0e0e0;
    color: #333;
  }
  .button-back.active {
    background: #e0e0e0;
    color: #333;
  }
  .button-back.active:hover {
    background: #e0e0e0;
    color: #333;
  }
  .button-back p {
    margin-right: 0;
    color: #333;
  }
  .button-back:hover {
    opacity: 0.5;
  }
  /* ラジオボタンのハイライト処理 */
  input[type=radio] {
    outline: none !important;
    box-shadow: none !important;
  }
  input[type=radio]:focus {
    outline: none !important;
    box-shadow: none !important;
  }
  input[type=radio] {
    -webkit-tap-highlight-color: transparent;
  }
}
/* タブレットレイアウト (768px - 1100px) */
/* PC用スタイル（1440px基準）のピクセル値をvwに変換 */
/* 完全版 - 元のsection.scssのすべてのPC用px指定を100%網羅 */
@media screen and (min-width: 768px) and (max-width: 1100px) {
  /* common */
  .u-bg-main {
    border-top: 0.0694444444vw solid transparent;
    margin-top: -0.0694444444vw;
  }
  .u-bg-gradation {
    margin-top: 120vh;
  }
  /* u-search-box */
  .u-search-box {
    padding: 0.9027777778vw 2.0833333333vw;
    width: 26.3888888889vw;
    border-radius: 9999px;
  }
  .u-search-box input {
    font-size: 1.1111111111vw;
  }
  .u-search-box input::-moz-placeholder {
    font-size: 1.1111111111vw;
  }
  .u-search-box input::placeholder {
    font-size: 1.1111111111vw;
  }
  .u-search-box button {
    width: 1.3194444444vw;
    height: 1.25vw;
  }
  .u-search-box button svg {
    width: 1.3194444444vw;
    height: 1.25vw;
  }
  /* u-text-decorate-button */
  .u-text-decorate-button {
    gap: 0.6944444444vw;
    font-size: 1.1111111111vw;
    letter-spacing: 0.1111111111vw;
  }
  /* u-decorate-button-wrapper */
  .u-decorate-button-wrapper {
    gap: 1.25vw;
  }
  /* u-header-subpage */
  .u-header-subpage {
    font-size: 2.0833333333vw;
  }
  /* fv--top */
  .fv--top {
    height: 100vh;
    padding-bottom: 0;
  }
  /* fv__wrapper */
  .fv__wrapper {
    gap: 1.5972222222vw;
    padding-left: 1.3888888889vw;
  }
  /* fv__copy */
  .fv__copy {
    gap: 2.2222222222vw;
    padding-bottom: 5.5555555556vw;
  }
  /* fv__copy-main */
  .fv__copy-main img {
    width: 18.3333333333vw;
  }
  /* fv__copy-sub */
  .fv__copy-sub {
    font-size: 0.9722222222vw;
  }
  /* fv__visual */
  .fv__visual {
    height: 100vh;
    margin-bottom: 16.6666666667vw;
  }
  .fv__visual img {
    width: 72.2222222222vw;
  }
  /* intro--top */
  .intro--top {
    gap: 2.7777777778vw;
    padding: 12.5vw 11.8055555556vw;
  }
  /* intro__logo */
  .intro__logo img {
    width: 15.2777777778vw;
  }
  /* intro__content */
  .intro__content {
    gap: 3.4722222222vw;
  }
  /* intro__title */
  .intro__title {
    font-size: 2.7777777778vw;
    line-height: 4.8611111111vw;
    letter-spacing: 0.2777777778vw;
  }
  /* intro__text */
  .intro__text {
    font-size: 1.1111111111vw;
    line-height: 2.5vw;
    letter-spacing: 0.1111111111vw;
  }
  /* topnews--top */
  .topnews--top {
    padding: 12.5vw 0;
  }
  /* topnews__content */
  .topnews__content {
    gap: 3.4722222222vw;
    width: 76.3888888889vw;
    padding: 5.5555555556vw 3.4722222222vw;
    border-radius: 3.4722222222vw;
    min-height: 22.2222222222vw;
  }
  /* topnews__header */
  .topnews__header {
    gap: 0.6944444444vw;
  }
  /* topnews__title-sub */
  .topnews__title-sub {
    font-size: 1.0416666667vw;
    letter-spacing: 0.1041666667vw;
  }
  /* topnews__title-main */
  .topnews__title-main {
    font-size: 2.0833333333vw;
    letter-spacing: 0.2083333333vw;
  }
  /* topnews__list */
  .topnews__list {
    gap: 2.7777777778vw;
  }
  /* topnews__item, topnews__link */
  .topnews__item,
  .topnews__link {
    gap: 2.0833333333vw;
  }
  /* topnews__date */
  .topnews__date {
    font-size: 1.0416666667vw;
    letter-spacing: 0.0833333333vw;
    margin-top: 0.1388888889vw;
  }
  /* topnews__text */
  .topnews__text {
    font-size: 1.0416666667vw;
    letter-spacing: 0.1041666667vw;
  }
  /* topnews__illust-top */
  .topnews__illust-top {
    top: -13.2638888889vw;
    right: 2.8472222222vw;
  }
  .topnews__illust-top img {
    width: 21.9444444444vw;
  }
  /* topnews__illust-bottom */
  .topnews__illust-bottom {
    bottom: -7.0833333333vw;
    left: -2.2222222222vw;
    width: 10.0694444444vw;
  }
  /* newkiroku */
  .newkiroku {
    gap: 3.4722222222vw;
    padding-top: 6.9444444444vw;
  }
  /* newkiroku__header */
  .newkiroku__header {
    gap: 0.625vw;
  }
  /* newkiroku__title-sub */
  .newkiroku__title-sub {
    font-size: 1.0416666667vw;
    letter-spacing: 0.1041666667vw;
  }
  /* newkiroku__title-main */
  .newkiroku__title-main {
    font-size: 2.0833333333vw;
    letter-spacing: 0.2083333333vw;
  }
  /* newkiroku__illust */
  .newkiroku__illust {
    padding-top: 4.0277777778vw;
  }
  .newkiroku__illust img {
    width: 33.1944444444vw;
  }
  .newkiroku__illust #lottie-container-newkiroku-pc {
    width: 33.1944444444vw;
  }
}
/* kiroku-swiper */
.kiroku-swiper .swiper-slide {
  width: 41.3888888889vw;
  padding: 0 3.1944444444vw;
}
.kiroku-swiper .swiper-slide .kiroku-thumbnail {
  width: 34.7222222222vw;
}

.kiroku-swiper .swiper-wrapper {
  margin-left: -2.0833333333vw;
}

/* newkiroku__button-prev */
.newkiroku__button-prev {
  top: calc(12.0368055556vw - 34px);
  left: 3.4722222222vw;
}

/* newkiroku__button-next */
.newkiroku__button-next {
  top: calc(12.0368055556vw - 34px);
  right: 3.4722222222vw;
}

/* popularkiroku */
.popularkiroku {
  gap: 3.4722222222vw;
  padding: 5.9027777778vw 0 0 0;
}

/* popularkiroku__header */
.popularkiroku__header {
  gap: 0.625vw;
}

/* popularkiroku__title-sub */
.popularkiroku__title-sub {
  font-size: 1.0416666667vw;
  letter-spacing: 0.1041666667vw;
}

/* popularkiroku__title-main */
.popularkiroku__title-main {
  font-size: 2.0833333333vw;
  letter-spacing: 0.2083333333vw;
}

/* popularkiroku__list */
.popularkiroku__list {
  gap: 6.9444444444vw;
  max-width: 76.3888888889vw;
}
.popularkiroku__list .thumbnail-list {
  width: 34.7222222222vw;
}

/* popularkiroku__illust */
.popularkiroku__illust {
  padding-top: 0.6944444444vw;
}
.popularkiroku__illust img {
  width: 33.4027777778vw;
}
.popularkiroku__illust #lottie-container-popularkiroku-pc {
  width: 33.4027777778vw;
}

/* thumbnail-list (追加) */
.thumbnail-list {
  width: 34.7222222222vw;
  gap: 1.7361111111vw;
}

/* thumbnail-img-wrap (追加) */
.thumbnail-img-wrap {
  height: 20vw;
  border-radius: 1.3888888889vw;
}

/* kiroku-category-wrap (追加) */
.kiroku-category-wrap {
  gap: 1.3194444444vw;
  padding: 1.25vw 1.1111111111vw;
}

/* kiroku-category (追加) */
.kiroku-category {
  padding: 0.3472222222vw 0.6944444444vw;
  border-radius: 0.3472222222vw;
}
.kiroku-category p {
  font-size: 0.8333333333vw;
  letter-spacing: 0.0833333333vw;
}

/* kiroku-category-img (追加) */
.kiroku-category-img {
  width: 0.8333333333vw;
  height: 0.8333333333vw;
  margin-right: 0.4166666667vw;
}

/* kiroku-kiroku-date (追加) */
.kiroku-kiroku-date {
  font-size: 0.9027777778vw;
  letter-spacing: 0.0722222222vw;
}

/* thumbnail-text-wrap (追加) */
.thumbnail-text-wrap {
  gap: 1.7361111111vw;
}

/* thumbnail-title (追加) */
.thumbnail-title {
  font-size: 1.25vw;
  letter-spacing: 0.125vw;
}

/* thumbnail-tag-list (追加) */
.thumbnail-tag-list {
  gap: 0.8333333333vw;
}

/* button-arrow (追加) */
.button-arrow {
  width: 4.7222222222vw;
  height: 4.7222222222vw;
}
.button-arrow .arrow-right {
  width: 1.25vw;
  height: 0.625vw;
}
.button-arrow:hover .arrow-right {
  transform: translateX(0.2083333333vw);
}

/* categories */
.categories {
  padding: 5.5555555556vw 0;
}

/* categories__content */
.categories__content {
  gap: 4.1666666667vw;
  padding: 5.5555555556vw 6.25vw;
  border-radius: 3.4722222222vw;
  width: 76.3888888889vw;
}

/* categories__heading */
.categories__heading {
  gap: 0.6944444444vw;
}

/* categories__title */
.categories__title {
  font-size: 2.0833333333vw;
}

/* categories__text */
.categories__text {
  font-size: 1.1111111111vw;
  letter-spacing: 0.1111111111vw;
}

/* categories__lists */
.categories__lists {
  gap: 4.1666666667vw;
}

/* categories_list */
.categories_list {
  gap: 2.0833333333vw;
}

/* categories__illust-top */
.categories__illust-top {
  top: -5.6944444444vw;
  right: 3.6111111111vw;
}
.categories__illust-top img {
  width: 12.7777777778vw;
}

/* logo-scroller-2rows */
.logo-scroller-2rows {
  --gap: calc(56 * 100vw / 1440);
  --row-height: calc(72 * 100vw / 1440);
  gap: 1.3888888889vw;
}

/* logo-mask */
.logo-mask {
  padding: 2.7777777778vw 0;
}

/* logo-item */
.logo-item a {
  height: 9.7222222222vw;
  width: 16.6666666667vw;
}

/* row-1 */
.row-1 .logo-track {
  padding-left: 10.2777777778vw;
}

/* logo */
.logo {
  gap: 5.5555555556vw;
  padding: 13.8888888889vw 0 0 0;
  margin-bottom: -4.8611111111vw;
  padding-bottom: 4.8611111111vw;
}

/* logo__heading */
.logo__heading {
  font-size: 2.0833333333vw;
  line-height: 3.5416666667vw;
  letter-spacing: 0.2083333333vw;
}

/* cta */
.cta {
  gap: 3.4722222222vw;
  padding: 13.8888888889vw 0;
}

/* cta__wrapper */
.cta__wrapper {
  max-width: 76.3888888889vw;
  gap: 3.4722222222vw;
}

/* cta__partners */
.cta__partners {
  border-radius: 2.0833333333vw;
  width: 76.3888888889vw;
}

/* cta__content */
.cta__content {
  gap: 2.0833333333vw;
}

/* cta__text-wrap */
.cta__text-wrap {
  gap: 1.3888888889vw;
}

/* cta__header */
.cta__header {
  gap: 0.6944444444vw;
}

/* cta__title-sub */
.cta__title-sub {
  font-size: 1.0416666667vw;
  letter-spacing: 0.1041666667vw;
}

/* cta__title-main */
.cta__title-main {
  font-size: 2.0833333333vw;
  line-height: 3.125vw;
  letter-spacing: 0.2083333333vw;
}

/* cta__text */
.cta__text {
  font-size: 1.1111111111vw;
  line-height: 1.875vw;
  letter-spacing: 0.1111111111vw;
}

/* cta__image */
.cta__image {
  width: 21.875vw;
}

/* cta__faq */
.cta__faq {
  border-radius: 2.0833333333vw;
  width: 36.4583333333vw;
  padding: 4.8611111111vw 2.4305555556vw 4.1666666667vw 2.4305555556vw;
  height: 27.7777777778vw;
}
.cta__faq button span.arrow-right {
  width: 1.25vw;
  height: 0.625vw;
}

/* cta__contact */
.cta__contact {
  border-radius: 2.0833333333vw;
  width: 36.4583333333vw;
  padding: 4.8611111111vw 2.4305555556vw 4.1666666667vw 2.4305555556vw;
  height: 27.7777777778vw;
}
.cta__contact button span.arrow-right {
  width: 1.25vw;
  height: 0.625vw;
}

/* page-faq .cta__contact */
.page-faq .cta__contact {
  border-radius: 2.0833333333vw;
  height: 13.8888888889vw;
  padding: 4.1666666667vw;
}
.page-faq .cta__contact .cta__content {
  gap: 3.4722222222vw;
}
.page-faq .cta__contact .cta__content .cta__text-wrap {
  gap: 4.1666666667vw;
}
.page-faq .cta__contact button span.arrow-right {
  width: 1.25vw;
  height: 0.625vw;
}

/* footer */
.footer__wrapper {
  padding: 3.4722222222vw 0;
}

.footer__inner {
  max-width: 76.3888888889vw;
  width: 76.3888888889vw;
  gap: 8.6805555556vw;
}

.footer__logo img {
  width: 9.0277777778vw;
}

.footer__content {
  gap: 3.4722222222vw;
}

.footer__menu {
  gap: 5vw;
}

.footer__list--page {
  -moz-column-gap: 5.5555555556vw;
       column-gap: 5.5555555556vw;
  row-gap: 1.875vw;
  height: 8.9583333333vw;
  padding-top: 0.5555555556vw;
  width: 49.0277777778vw;
}

.footer__item a {
  font-size: 1.1111111111vw;
  letter-spacing: 0.1111111111vw;
}
.footer__item a::after {
  bottom: -0.5555555556vw;
  height: 0.0694444444vw;
}

.footer__list--sns {
  gap: 1.0416666667vw;
}

.footer__icon--sns img {
  width: 1.6666666667vw;
}

.footer__branding {
  gap: 2.7777777778vw;
}

.footer__company {
  gap: 0.9027777778vw;
}

.footer__link--company {
  gap: 0.5555555556vw;
}

.footer__title--company {
  font-size: 0.6944444444vw;
  letter-spacing: 0.0694444444vw;
}

.footer__logo--company img {
  width: 16.0416666667vw;
}

.footer__icon--link img {
  width: 1.8055555556vw;
}

.footer__copyright {
  font-size: 0.6944444444vw;
  letter-spacing: 0.0694444444vw;
}

/* animation */
#lottie-container-footer svg {
  transform: translateY(0.0694444444vw);
}

#lottie-container-footer-sp {
  margin-top: -0.1388888889vw;
  padding-top: -0.1388888889vw;
  transform: translateY(0.0694444444vw);
}

/* header */
.header {
  padding: 0 3.4722222222vw;
  height: 7.6388888889vw;
}

.header__logo img {
  width: 16.8055555556vw;
  max-width: 16.8055555556vw;
}

.header__menu {
  gap: 2.0833333333vw;
}

.header__list {
  gap: 2.0833333333vw;
  max-width: 69.4444444444vw;
  margin-right: 0.5555555556vw;
}

.header__item a {
  font-size: 0.9722222222vw;
  letter-spacing: 0.0972222222vw;
}

.header__cta {
  gap: 1.3888888889vw;
}

/* site-header */
.site-header {
  padding: 1.1111111111vw 1.3888888889vw;
}

/* gmenu */
.gmenu__panel {
  width: 50vw;
  padding: 3.3333333333vw 3.8888888889vw;
}

.gmenu__blur {
  backdrop-filter: blur(0.5555555556vw);
  -webkit-backdrop-filter: blur(0.5555555556vw);
}

.gmenu__brand {
  top: 3.8888888889vw;
  left: 3.8888888889vw;
  gap: 1.1111111111vw;
}

.gmenu__logo-circle {
  font-size: 0.8333333333vw;
}

.gmenu__logo img {
  width: 29.375vw;
}

.gmenu__brand-text {
  font-size: 1.9444444444vw;
}

.gmenu__nav {
  width: min(38.8888888889vw, 90%);
}

.gmenu__list {
  gap: 1.3888888889vw 3.3333333333vw;
  margin: 0 0 1.9444444444vw;
}

.gmenu__cta {
  gap: 1.1111111111vw;
}

.btn {
  gap: 0.6944444444vw;
  padding: 1.1111111111vw 1.5277777778vw;
}

.btn--primary {
  border: 0.1388888889vw solid rgba(255, 255, 255, 0.8);
}

.btn--ghost {
  border: 0.1388888889vw solid rgba(255, 255, 255, 0.8);
}

.gmenu__sns {
  gap: 0.9722222222vw;
  margin: 0.6944444444vw 0 1.6666666667vw;
}

.gmenu__operator {
  gap: 0.9722222222vw;
  font-size: 0.9722222222vw;
}

.gmenu__close {
  top: 3.125vw;
  right: 3.125vw;
  width: 2.7083333333vw;
  height: 2.7083333333vw;
}

.gmenu__close span {
  width: 1.3888888889vw;
  height: 0.1388888889vw;
}

.gmenu__inner {
  gap: 7.81vh;
}

.gmenu__content {
  gap: 6.84vh;
}

.gmenu__menu {
  gap: 6.84vh;
}

.gmenu__list--page {
  -moz-column-gap: 4.1666666667vw;
       column-gap: 4.1666666667vw;
  row-gap: 2.7777777778vw;
  max-height: 13.8888888889vw;
  width: 32.3611111111vw;
  padding-top: 0.5555555556vw;
}

.gmenu__item a {
  font-size: 1.1111111111vw;
  letter-spacing: 0.1111111111vw;
}

.gmenu__list--sns {
  gap: 1.0416666667vw;
}

.gmenu__icon--sns img {
  width: 1.6666666667vw;
}

.gmenu__branding {
  gap: 2.7777777778vw;
}

.gmenu__company {
  gap: 0.9027777778vw;
}

.gmenu__link--company {
  gap: 0.5555555556vw;
}

.gmenu__title--company {
  font-size: 0.6944444444vw;
  letter-spacing: 0.0694444444vw;
}

.gmenu__logo--company img {
  width: 16.0416666667vw;
}

.gmenu__icon--link img {
  width: 1.8055555556vw;
}

/* hamburger */
.hamburger {
  width: 0;
  margin-left: -1.3888888889vw;
  height: 2.7777777778vw;
}

.hamburger span {
  width: 1.5277777778vw;
  height: 0.1388888889vw;
  margin: 0.3472222222vw 0;
}

.hamburger-line {
  transform-origin: 1.3888888889vw 0.9027777778vw;
}
.hamburger-line:nth-child(1) {
  transform: translateY(-0.8333333333vw) rotate(0);
}
.hamburger-line:nth-child(3) {
  transform: translateY(0.8333333333vw) rotate(0);
}

.header.is-scrolled .hamburger {
  width: 2.7777777778vw;
}

/* breadcrumb */
.breadcrumb {
  padding: 0 0 4.1666666667vw;
  gap: 0.9027777778vw;
}
.breadcrumb li {
  font-size: 0.9722222222vw;
}

/* section-title-name */
.section-title-name .page-title {
  padding: 5.5555555556vw 0;
}
.section-title-name h1,
.section-title-name .page-title__post-heading {
  font-size: 2.7777777778vw;
  line-height: 4.8611111111vw;
  letter-spacing: 0.2777777778vw;
}
.section-title-name h1 .page-title__icon,
.section-title-name .page-title__post-heading .page-title__icon {
  width: 2.4305555556vw;
  height: 2.6388888889vw;
  margin-right: 1.3888888889vw;
}

/* section-title-bread */
.section-title-bread {
  max-width: 76.3888888889vw;
}
.section-title-bread .page-title {
  padding: 16.6666666667vw 0 9.9305555556vw;
}

/* section-bread-title */
.section-bread-title {
  max-width: 76.3888888889vw;
}
.section-bread-title .breadcrumb {
  padding-top: 12.2916666667vw;
}
.section-bread-title .page-title {
  padding: 6.5277777778vw 0 10.4166666667vw;
}

/* list-category-sidebar */
.list-category-sidebar {
  margin-top: -0.4861111111vw;
}
.list-category-sidebar a {
  padding: 1.4583333333vw 0.9722222222vw;
  gap: 0.9027777778vw;
  border-bottom: 0.0694444444vw solid #e2d3b2;
}
.list-category-sidebar a:hover .button-arrow .arrow-right {
  transform: translateX(0.2083333333vw);
}
.list-category-sidebar .category-color {
  width: 1.0416666667vw;
  height: 1.0416666667vw;
}
.list-category-sidebar p {
  font-size: 1.1111111111vw;
}
.list-category-sidebar .button-arrow.brown {
  width: 2.0833333333vw;
  height: 2.0833333333vw;
}
.list-category-sidebar .button-arrow.brown .arrow-right {
  width: 0.6944444444vw;
}

/* search-sidebar */
.sidebar-content .form-search-sidebar {
  height: 3.4722222222vw;
}
.sidebar-content .form-search-sidebar input {
  padding: 1.1111111111vw 1.1111111111vw 1.1111111111vw 1.6666666667vw;
  font-size: 1.1111111111vw;
}
.sidebar-content .form-search-sidebar button {
  margin-right: 1.6666666667vw;
}
.sidebar-content .form-search-sidebar button svg {
  width: 1.25vw;
  height: 1.25vw;
}

/* section-content-privacypolicy */
.section-content-privacypolicy {
  max-width: 76.3888888889vw;
  padding: 4.1666666667vw 0 13.8888888889vw;
}
.section-content-privacypolicy .title-privacypolicy {
  margin-bottom: 5.5555555556vw;
  font-size: 1.0416666667vw;
  letter-spacing: 0.1041666667vw;
}
.section-content-privacypolicy .container-privacypolicy h3 {
  font-size: 1.8055555556vw;
  line-height: 2.8472222222vw;
  letter-spacing: 0.1805555556vw;
  margin-bottom: 2.4305555556vw;
}
.section-content-privacypolicy .container-privacypolicy p {
  font-size: 1.1111111111vw;
  line-height: 2.2222222222vw;
  letter-spacing: 0.1111111111vw;
}
.section-content-privacypolicy .container-privacypolicy + .container-privacypolicy {
  margin-top: 5.5555555556vw;
}

/* section-content-category-list */
.section-content-category-list {
  max-width: 76.3888888889vw;
  padding-top: 6.9444444444vw;
}
.section-content-category-list .kiroku-archive-heading {
  font-size: 1.6666666667vw;
}
.section-content-category-list .kiroku-list {
  margin-top: 5.6944444444vw;
  gap: 6.9444444444vw;
}
.section-content-category-list .kiroku-list .thumbnail-list {
  width: 34.7222222222vw;
}

.section-content-category-list.no-pagination {
  padding-bottom: 13.8888888889vw;
}

/* section-pagination-archive */
.section-pagination-archive {
  padding: 6.9444444444vw 0 13.8888888889vw;
}
.section-pagination-archive .pagination-list {
  gap: 1.3888888889vw;
}
.section-pagination-archive .pagination-list li {
  width: 2.3611111111vw;
  height: 2.3611111111vw;
  font-size: 1.1111111111vw;
}
.section-pagination-archive .pagination-list li.next a {
  margin-left: 1.3888888889vw;
  font-size: 0.9027777778vw;
  gap: 1.0416666667vw;
}
.section-pagination-archive .pagination-list li.prev a {
  margin-right: 1.3888888889vw;
  font-size: 0.9027777778vw;
  gap: 1.0416666667vw;
}
.section-pagination-archive .icon-prev,
.section-pagination-archive .icon-next {
  width: 0.9027777778vw;
  height: 0.4861111111vw;
}

/* section-content-category-top */
.section-content-category-top {
  max-width: 76.3888888889vw;
  padding-bottom: 5.5555555556vw;
  border-bottom: 0.0694444444vw solid #e2d3b2;
}
.section-content-category-top .category-top-inner {
  max-width: 62.5vw;
}
.section-content-category-top .category-top-inner .category-thumbnail {
  height: 31.25vw;
  border-radius: 1.3888888889vw;
  margin-bottom: 3.4722222222vw;
}
.section-content-category-top .category-top-inner .category-default-desc {
  font-size: 2.0833333333vw;
  margin-bottom: 2.5694444444vw;
}
.section-content-category-top .category-top-inner .category-detail-desc p {
  font-size: 1.1111111111vw;
}

/* section-content-news */
.section-content-news {
  max-width: 76.3888888889vw;
  padding: 5.5555555556vw 0 6.9444444444vw;
}
.section-content-news .content-news-inner {
  max-width: 62.5vw;
}
.section-content-news .content-news-inner .news-thumbnail {
  height: 31.25vw;
  border-radius: 1.3888888889vw;
  margin-bottom: 3.4722222222vw;
}
.section-content-news .content-news-inner .news-header {
  margin-bottom: 2.0833333333vw;
}
.section-content-news .content-news-inner .news-date {
  font-size: 1.0416666667vw;
  letter-spacing: 0.0833333333vw;
}
.section-content-news .content-news-inner .news-title {
  margin-top: 1.1111111111vw;
  font-size: 1.8055555556vw;
  line-height: 3.0555555556vw;
  letter-spacing: 0.1805555556vw;
}
.section-content-news .content-news-inner .news-content p {
  font-size: 1.1111111111vw;
  line-height: 2.2222222222vw;
  letter-spacing: 0.1111111111vw;
}

/* section-pagination-single */
.section-pagination-single {
  max-width: 76.3888888889vw;
  padding-bottom: 6.9444444444vw;
}
.section-pagination-single .pagination-single-inner {
  border-bottom: #e2d3b2 0.0694444444vw solid;
}
.section-pagination-single .pagination-list {
  padding-bottom: 4.8611111111vw;
}
.section-pagination-single .pagination-list li {
  font-size: 1.1111111111vw;
}
.section-pagination-single .pagination-list li.prev {
  left: 3.125vw;
}
.section-pagination-single .pagination-list li.prev .text {
  margin-top: 0.1388888889vw;
}
.section-pagination-single .pagination-list li.next {
  right: 3.125vw;
}
.section-pagination-single .pagination-list li.next .text {
  margin-top: 0.1388888889vw;
}
.section-pagination-single .pagination-list li.next a {
  margin-left: 1.3888888889vw;
  font-size: 1.1111111111vw;
  gap: 1.0416666667vw;
}
.section-pagination-single .pagination-list li.prev a {
  margin-right: 1.3888888889vw;
  font-size: 1.1111111111vw;
  gap: 1.0416666667vw;
}
.section-pagination-single .icon-prev,
.section-pagination-single .icon-next {
  width: 0.9027777778vw;
  height: 0.4861111111vw;
}

/* section-content-news-list */
.section-content-news-list {
  width: 69.4444444444vw;
  padding: 5.5555555556vw 0 6.9444444444vw 0;
}
.section-content-news-list .news-list .news-item {
  border-bottom: 0.0694444444vw solid #e2d3b2;
}
.section-content-news-list .news-list .inner {
  padding: 1.7361111111vw 2.2222222222vw;
}
.section-content-news-list .news-list .inner .news-date {
  font-size: 1.0416666667vw;
  letter-spacing: 0.0833333333vw;
  width: 9.7222222222vw;
}
.section-content-news-list .news-list .inner .news-title {
  font-size: 1.0416666667vw;
  letter-spacing: 0.1041666667vw;
}
.section-content-news-list .news-list .inner .news-list-arrow {
  width: 3.4722222222vw;
  height: 3.4722222222vw;
}
.section-content-news-list .news-list .inner .news-list-arrow img {
  width: 1.1111111111vw;
  height: 0.5555555556vw;
}
.section-content-news-list .news-list .inner .news-list-arrow img:hover {
  transform: translateX(0.3472222222vw);
}

/* section sidebar */
section.sidebar {
  gap: 5.5555555556vw;
}

/* section-search-kiroku */
.section-search-kiroku h2.search-heading {
  font-size: 1.8055555556vw;
  margin-bottom: 2.7777777778vw;
}

/* section-archive-kiroku */
.section-archive-kiroku h2.archive-heading {
  font-size: 1.8055555556vw;
  margin-bottom: 2.7777777778vw;
}
.section-archive-kiroku h2.archive-heading span {
  font-size: 1.0416666667vw;
  letter-spacing: 0.1041666667vw;
  margin-left: 1.5277777778vw;
}

/* kiroku-content-container */
.kiroku-content-container .kiroku-info {
  gap: 2.0833333333vw;
  margin-bottom: 3.4722222222vw;
}
.kiroku-content-container .kiroku-meta {
  gap: 1.5972222222vw;
}
.kiroku-content-container .kiroku-meta .kiroku-main-category {
  padding: 0.6944444444vw 1.7361111111vw;
  border-radius: 69.4444444444vw;
}
.kiroku-content-container .kiroku-meta .kiroku-main-category p {
  font-size: 1.1111111111vw;
}
.kiroku-content-container .kiroku-meta .kiroku-date {
  font-size: 0.9722222222vw;
  letter-spacing: 0.0777777778vw;
}
.kiroku-content-container .kiroku-sub-category {
  gap: 1.0416666667vw;
}
.kiroku-content-container .kiroku-title {
  font-size: 2.2222222222vw;
  line-height: 3.5416666667vw;
}
.kiroku-content-container .kiroku-thumbnail {
  margin-bottom: 3.4722222222vw;
  border-radius: 1.3888888889vw;
  height: 31.25vw;
}

/* kiroku-single-content */
.kiroku-single-content {
  /* toc_container (追加) */
}
.kiroku-single-content #toc_container {
  margin: 6.9444444444vw 0;
  border-radius: 2.0833333333vw;
  padding: 3.4722222222vw 3.4722222222vw 4.1666666667vw 3.4722222222vw;
  gap: 1.3888888889vw;
}
.kiroku-single-content #toc_container p.toc_title {
  font-size: 1.3888888889vw;
}
.kiroku-single-content #toc_container ul.toc_list {
  margin-left: 1.4583333333vw;
  padding-left: 2.4305555556vw;
  border-left: solid 0.0694444444vw #58322a;
  gap: 2.0833333333vw;
}
.kiroku-single-content #toc_container ul.toc_list ul {
  gap: 2.0833333333vw;
}
.kiroku-single-content #toc_container ul.toc_list li {
  font-size: 1.0416666667vw;
  gap: 2.0833333333vw;
}
.kiroku-single-content #toc_container ul.toc_list li span.toc_depth_2 {
  padding-left: 2.0833333333vw;
}
.kiroku-single-content h2 {
  font-size: 1.8055555556vw;
  margin-bottom: 2.7777777778vw;
}
.kiroku-single-content h2 + p,
.kiroku-single-content h3 + p {
  margin-top: 2.0833333333vw;
}
.kiroku-single-content h3 {
  padding: 1.3888888889vw 2.0833333333vw;
  border-radius: 0.6944444444vw;
  font-size: 1.3888888889vw;
}
.kiroku-single-content p + h2,
.kiroku-single-content p + h3 {
  margin-top: 5.5555555556vw;
}
.kiroku-single-content figure {
  margin: 4.1666666667vw 0;
  padding: 0 3.8194444444vw;
}
.kiroku-single-content figure img {
  border-radius: 1.3888888889vw;
}
.kiroku-single-content figure + p {
  margin-top: 1.3888888889vw;
}

/* kiroku-partner-container (追加) */
.kiroku-partner-container {
  margin: 6.9444444444vw 0;
  border-radius: 2.0833333333vw;
  padding: 6.25vw 3.4722222222vw 4.1666666667vw 3.4722222222vw;
  gap: 3.4722222222vw;
}
.kiroku-partner-container .kiroku-partner-header {
  border-radius: 0 3.4722222222vw 3.4722222222vw 0;
  top: 2.0833333333vw;
  padding: 0.4861111111vw 1.7361111111vw;
}
.kiroku-partner-container .kiroku-partner-header p {
  font-size: 1.0416666667vw;
}
.kiroku-partner-container .kiroku-partner-content {
  gap: 2.0833333333vw;
}
.kiroku-partner-container .kiroku-partner-content .kiroku-partner-logo {
  width: 12.5vw;
  height: 12.5vw;
  border-radius: 694.4444444444vw;
}
.kiroku-partner-container .kiroku-partner-content .kiroku-partner-text h3.kiroku-partner-name {
  font-size: 1.3888888889vw;
  margin-bottom: 0.3472222222vw;
}
.kiroku-partner-container .kiroku-partner-content .kiroku-partner-text p.kiroku-partner-info {
  font-size: 1.0416666667vw;
  margin-bottom: 1.0416666667vw;
}

/* section-content-relationkiroku */
.section-content-relationkiroku {
  max-width: 49.3055555556vw;
  padding: 6.9444444444vw 0;
}
.section-content-relationkiroku h2 {
  font-size: 1.8055555556vw;
  margin-bottom: 5.5555555556vw;
}
.section-content-relationkiroku ul.kiroku-list {
  -moz-column-gap: 3.4722222222vw;
       column-gap: 3.4722222222vw;
  row-gap: 4.1666666667vw;
}

/* section-like-buttons (追加) */
.section-like-buttons {
  gap: 1.0416666667vw;
  margin-top: 5.5555555556vw;
  margin-bottom: 6.9444444444vw;
}
.section-like-buttons h3 {
  font-size: 1.25vw;
}
.section-like-buttons .like-button-wrapper .like-button {
  gap: 0.6944444444vw;
}
.section-like-buttons .like-button-wrapper .like-button .like-heart {
  height: 2.0833333333vw;
  padding: 0.4166666667vw 1.25vw;
  gap: 0.6944444444vw;
  border-radius: 1.0416666667vw 1.0416666667vw 1.0416666667vw 0;
  border: 0.0694444444vw solid #e2d3b2;
}
.section-like-buttons .like-button-wrapper .like-button img {
  width: 1.1111111111vw;
  height: 0.9722222222vw;
}
.section-like-buttons .like-button-wrapper .like-button .like-label {
  font-size: 1.0416666667vw;
}
.section-like-buttons .like-button-wrapper .like-button .like-count {
  font-size: 0.9722222222vw;
}
.section-like-buttons .like-button-wrapper .like-button .like-thanks {
  top: -1.7361111111vw;
  padding: 0.3472222222vw 0.6944444444vw;
  border-radius: 0.3472222222vw;
  width: 8.3333333333vw;
}
.section-like-buttons .like-button-wrapper .like-button .like-thanks::after {
  bottom: -0.4166666667vw;
  border-left: 0.4166666667vw solid transparent;
  border-right: 0.4166666667vw solid transparent;
  border-top: 0.4166666667vw solid currentColor;
}
.section-like-buttons .like-button-wrapper .like-button .like-thanks span {
  font-size: 0.9722222222vw;
  letter-spacing: 0.0972222222vw;
}

/* section-content-partner-list */
.section-content-partner-list {
  max-width: 76.3888888889vw;
  gap: 4.1666666667vw;
}
.section-content-partner-list .partner-heading {
  font-size: 1.6666666667vw;
  padding: 11.0416666667vw 0 2.7777777778vw 0;
}
.section-content-partner-list .partner-list-container {
  padding: 3.4722222222vw;
  width: 76.3888888889vw;
  border-radius: 2.0833333333vw;
}
.section-content-partner-list .partner-list-container h3 {
  font-size: 1.6666666667vw;
  margin-bottom: 1.0416666667vw;
}
.section-content-partner-list .partner-list-container .partner-list-content {
  gap: 6.9444444444vw;
}
.section-content-partner-list .partner-list-container .partner-list-content .partner-list-logo {
  width: 20.8333333333vw;
  height: 13.8888888889vw;
}
.section-content-partner-list .partner-list-container .partner-list-content .partner-list-text {
  gap: 1.0416666667vw;
}
.section-content-partner-list .partner-list-container .partner-list-content .partner-list-text + a .button-green {
  margin-top: 2.0833333333vw;
}
.section-content-partner-list .partner-list-container .partner-list-content .partner-list-text p {
  font-size: 1.1111111111vw;
}
.section-content-partner-list .partner-list-container .partner-list-content .partner-list-text a {
  gap: 0.6944444444vw;
}
.section-content-partner-list .partner-list-container .partner-list-content .partner-list-text a img {
  width: 1.0416666667vw;
  height: 1.0416666667vw;
}
.section-content-partner-list .partner-list-container .partner-list-content .button-green {
  padding: 1.0416666667vw 3.125vw;
}

/* section-content-partner-top */
.section-content-partner-top {
  max-width: 76.3888888889vw;
}
.section-content-partner-top .partner-list-container {
  padding: 3.4722222222vw;
  width: 76.3888888889vw;
  border-radius: 2.0833333333vw;
}
.section-content-partner-top .partner-list-container h3 {
  font-size: 1.6666666667vw;
  margin-bottom: 1.0416666667vw;
}
.section-content-partner-top .partner-list-container .partner-list-content {
  gap: 6.9444444444vw;
}
.section-content-partner-top .partner-list-container .partner-list-content .partner-list-logo {
  width: 20.8333333333vw;
  height: 13.8888888889vw;
}
.section-content-partner-top .partner-list-container .partner-list-content .partner-list-text {
  gap: 1.0416666667vw;
}
.section-content-partner-top .partner-list-container .partner-list-content .partner-list-text + a .button-green {
  margin-top: 2.0833333333vw;
}
.section-content-partner-top .partner-list-container .partner-list-content .partner-list-text p {
  font-size: 1.1111111111vw;
}
.section-content-partner-top .partner-list-container .partner-list-content .partner-list-text a {
  gap: 0.6944444444vw;
}
.section-content-partner-top .partner-list-container .partner-list-content .partner-list-text a img {
  width: 1.0416666667vw;
  height: 1.0416666667vw;
}
.section-content-partner-top .partner-list-container .partner-list-content .button-green {
  padding: 1.0416666667vw 3.125vw;
}

/* kiroku-partner-content (追加) */
.kiroku-partner-content {
  gap: 2.7777777778vw;
}
.kiroku-partner-content .partner-logo {
  width: 13.8888888889vw;
  height: 9.2361111111vw;
}
.kiroku-partner-content .partner-text {
  gap: 1.3888888889vw;
}
.kiroku-partner-content .partner-text h3 {
  font-size: 1.3888888889vw;
}
.kiroku-partner-content .partner-text p {
  font-size: 0.9722222222vw;
}

/* section-content-partner-articles */
.section-content-partner-articles {
  max-width: 76.3888888889vw;
  padding-top: 6.9444444444vw;
  padding-bottom: 13.8888888889vw;
}
.section-content-partner-articles h3 {
  font-size: 1.6666666667vw;
  margin-bottom: 5.6944444444vw;
}
.section-content-partner-articles ul.kiroku-list {
  gap: 6.9444444444vw;
}
.section-content-partner-articles ul.kiroku-list .thumbnail-list {
  width: 34.7222222222vw;
}

/* section-content-faq */
.section-content-faq {
  max-width: 76.3888888889vw;
  padding-top: 5.5555555556vw;
}
.section-content-faq .faq-container {
  gap: 4.1666666667vw;
}
.section-content-faq .faq-container .faq-content {
  padding: 2.7777777778vw 3.4722222222vw;
  border-radius: 2.0833333333vw;
}
.section-content-faq .faq-container .faq-content .faq-question {
  padding: 0 1.7361111111vw;
  gap: 1.6666666667vw;
}
.section-content-faq .faq-container .faq-content .faq-question .faq-icon {
  width: 3.4722222222vw;
  height: 3.4722222222vw;
}
.section-content-faq .faq-container .faq-content .faq-question .faq-icon p {
  font-size: 1.9444444444vw;
}
.section-content-faq .faq-container .faq-content .faq-question h2,
.section-content-faq .faq-container .faq-content .faq-question p {
  font-size: 1.25vw;
}
.section-content-faq .faq-container .faq-content .faq-answer {
  gap: 1.6666666667vw;
  padding: 0 1.7361111111vw;
}
.section-content-faq .faq-container .faq-content .faq-answer .faq-icon {
  width: 3.4722222222vw;
  height: 3.4722222222vw;
}
.section-content-faq .faq-container .faq-content .faq-answer .faq-icon p {
  font-size: 1.9444444444vw;
}
.section-content-faq .faq-container .faq-content .faq-answer p {
  font-size: 1.1111111111vw;
}
.section-content-faq .faq-container .faq-content hr {
  margin: 1.3888888889vw 0;
  height: 0.0694444444vw;
}

/* section-content-contact */
.section-content-contact {
  padding: 5.5555555556vw 0 13.8888888889vw;
  width: 63.5416666667vw;
  gap: 5.5555555556vw;
}
.section-content-contact h2 {
  font-size: 2.0833333333vw;
}
.section-content-contact h2 span {
  font-size: 1.0416666667vw;
  letter-spacing: 0.1041666667vw;
  margin-bottom: 0.625vw;
}
.section-content-contact p.contact-summary {
  font-size: 1.1111111111vw;
  line-height: 2.5vw;
}

/* contact-form (追加) */
/* contact-form - タブレット用完全版 */
.contact-form {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 3.125vw;
  align-items: center;
  /* チェックマーク */
  /* チェックされた時の表示 */
}
.contact-form .form-group {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 2.0833333333vw;
  justify-content: center;
  width: 100%;
}
.contact-form .form-label {
  width: 19.7916666667vw;
  text-align: left;
  color: #333;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.1111111111vw;
  font-weight: 400;
  line-height: 200%;
  letter-spacing: 0.1em;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
.contact-form span.required {
  position: absolute;
  border-radius: 3.4722222222vw;
  background: #f26426;
  display: flex;
  padding: 0.4513888889vw 1.0416666667vw 0.5208333333vw 1.0416666667vw;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-family: "Noto Sans JP";
  font-size: 0.8333333333vw;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.1em;
  right: 0;
  top: 50%;
  transform: translate(0, -50%);
}
.contact-form input {
  width: 41.6666666667vw;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.1111111111vw;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.1em;
}
.contact-form input::-moz-placeholder {
  color: #cecece;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.1111111111vw;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.1em;
}
.contact-form input::placeholder {
  color: #cecece;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.1111111111vw;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.1em;
}
.contact-form input[type=text],
.contact-form input[type=email],
.contact-form input[type=tel] {
  border-radius: 0.6944444444vw;
  background: #fff;
  padding: 1.0416666667vw 1.3888888889vw;
  height: 3.4722222222vw;
  flex-shrink: 0;
}
.contact-form .form-label.radio-header {
  padding: 0;
}
.contact-form .radio-group {
  display: flex;
  gap: 2.7777777778vw;
  flex-shrink: 0;
  width: 41.6666666667vw;
}
.contact-form .radio-wrapper {
  display: flex;
  gap: 0.5555555556vw;
  color: #333;
  font-family: "Noto Sans JP";
  font-size: 1.1111111111vw;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.1em;
  align-items: center;
}
.contact-form .radio-wrapper input[type=radio] {
  accent-color: #8a5e53;
  margin: 0;
  flex-shrink: 0;
  width: 1.25vw;
  height: 1.25vw;
}
.contact-form textarea {
  border-radius: 0.6944444444vw;
  background: #fff;
  padding: 1.3888888889vw;
  height: 17.3611111111vw;
  width: 41.6666666667vw;
  flex-shrink: 0;
  font-size: 1.1111111111vw;
  font-style: normal;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0.1em;
  font-family: "Noto Sans JP", sans-serif;
}
.contact-form input:focus,
.contact-form textarea:focus {
  outline: none;
  border: none;
  box-shadow: inset 0 0 0 0.0694444444vw #8a5e53;
}
.contact-form .form-layout__textarea {
  align-items: flex-start;
}
.contact-form .form-layout__textarea .form-label {
  margin-top: 0.625vw;
}
.contact-form .checkbox-wrapper {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: left;
  width: 41.6666666667vw;
}
.contact-form .checkbox-wrapper .checkbox-label {
  color: #333;
  font-family: "Noto Sans JP";
  font-size: 1.1111111111vw;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.1em;
  display: flex;
  width: 100%;
  align-items: center;
  position: relative;
}
.contact-form input[type=checkbox] {
  display: none;
}
.contact-form .checkmark {
  width: 1.3888888889vw;
  height: 1.3888888889vw;
  display: inline-block;
  border: 0.0694444444vw solid #8a5e53;
  border-radius: 0.3472222222vw;
  position: relative;
  cursor: pointer;
  transition: all 0.2s ease;
  vertical-align: middle;
  background-color: white;
  margin: 0.1388888889vw 0.8333333333vw 0 0;
}
.contact-form .checkmark::after {
  content: "";
  position: absolute;
  left: 0.4166666667vw;
  top: 0.0694444444vw;
  width: 0.4861111111vw;
  height: 0.7638888889vw;
  border-right: 0.0694444444vw solid #8a5e53;
  border-bottom: 0.0694444444vw solid #8a5e53;
  transform: rotate(45deg);
  opacity: 0;
  transition: opacity 0.2s;
}
.contact-form input[type=checkbox]:checked + .checkmark::after {
  opacity: 1;
}
.contact-form .privacy-link {
  padding-left: 24.0972222222vw;
}
.contact-form .privacy-link a {
  text-decoration: underline;
  color: #58322a;
  opacity: 1;
  transition: 0.5s ease-out;
}
.contact-form .privacy-link a:hover {
  opacity: 0.3;
  transition: 0.5s ease-out;
}
.contact-form .checkbox-container {
  display: flex;
  flex-direction: column;
}
.contact-form .checkbox-container .form-group {
  align-items: center;
}
.contact-form .checkbox-container .form-label {
  padding: 0;
}

/* wpcf7-not-valid-tip (追加) */
.wpcf7-not-valid-tip {
  font-size: 0.9722222222vw;
  width: 34.7222222222vw;
}

/* section-content-about */
.section-content-about {
  width: 76.3888888889vw;
  gap: 8.3333333333vw;
}

.about__heading {
  font-size: 1.6666666667vw;
  line-height: 3.5416666667vw;
  letter-spacing: 0.1666666667vw;
}

.about__figure {
  gap: 2.0833333333vw;
}

.about__detail {
  font-size: 0.9722222222vw;
  line-height: 1.9444444444vw;
  padding: 0 3.3333333333vw;
}

/* section-content-step */
.section-content-step {
  width: 76.3888888889vw;
}

.step__row {
  gap: 4.1666666667vw;
}

.step__row-02 {
  margin-top: -3.4722222222vw;
}
.step__row-02 .step__wrapper {
  padding-top: 9.0277777778vw;
}

.step__row-03 {
  margin-top: -3.4722222222vw;
}
.step__row-03 .step__wrapper {
  padding-top: 9.0277777778vw;
}

.step__heading {
  width: 6.9444444444vw;
  min-width: 6.9444444444vw;
  height: 41.3888888889vw;
  border-radius: 0.4166666667vw 0.4166666667vw 0 0;
  padding-top: 2.7777777778vw;
}
.step__heading::after {
  border-left: 3.4722222222vw solid transparent;
  border-right: 3.4722222222vw solid transparent;
}

.step__heading-01:after {
  border-top: 1.9444444444vw solid #2b9ae9;
}

.step__heading-02 {
  padding-top: 7.6388888889vw;
  height: 44.1666666667vw;
}
.step__heading-02::after {
  border-top: 1.9444444444vw solid #f26426;
}

.step__heading-03 {
  padding-top: 7.6388888889vw;
  height: 44.0972222222vw;
  border-radius: 0.4166666667vw;
}

.step__number--step {
  width: 4.1666666667vw;
  height: 4.1666666667vw;
}

.step__wrapper {
  gap: 2.7777777778vw;
  padding-top: 4.1666666667vw;
}

.step__title {
  font-size: 2.0833333333vw;
  gap: 1.3888888889vw;
}
.step__title span {
  font-size: 1.3888888889vw;
}

.step__content {
  gap: 3.4722222222vw;
}
.step__content .step__illust {
  width: 26.3888888889vw;
}

.step__inner {
  gap: 2.0833333333vw;
}

.step__text {
  font-size: 1.1111111111vw;
}

/* section-content-partner */
.section-content-partner {
  padding-top: 11.0416666667vw;
  padding-bottom: 24.1666666667vw;
  gap: 8.3333333333vw;
}

.partner__content {
  gap: 5.4166666667vw;
}

.partner__figure img {
  width: 62.9166666667vw;
}

.partner__illust {
  width: 33.1944444444vw;
}

/* section-content-background */
.section-content-background {
  gap: 6.9444444444vw;
  padding-bottom: 25vw;
  padding-top: 10.3472222222vw;
}

.background__content {
  gap: 4.8611111111vw;
  max-width: 76.3888888889vw;
}

.background__text {
  font-size: 1.1111111111vw;
}

.background__landscape img {
  width: 33.8888888889vw;
  min-width: 33.8888888889vw;
}

.background__illust img {
  width: 33.3333333333vw;
}

/* section-content-conditions */
.section-content-conditions {
  padding: 13.8888888889vw 0;
  gap: 5.5555555556vw;
}

.conditions__text {
  font-size: 1.1111111111vw;
}

.conditions__targets {
  width: 76.3888888889vw;
}

.conditions__list {
  -moz-column-gap: 4.5138888889vw;
       column-gap: 4.5138888889vw;
  max-width: 66.6666666667vw;
  padding: 6.9444444444vw 0 8.3333333333vw 0;
}

.conditions__item {
  max-width: 36.1111111111vw;
  padding: 2.7777777778vw 4.1666666667vw;
}
.conditions__item::after {
  bottom: -1.6666666667vw;
  width: 2.0833333333vw;
  height: 1.7361111111vw;
}
.conditions__item p {
  font-size: 1.3888888889vw;
}

.-orange {
  margin-left: 6.7361111111vw;
}

.-green {
  margin-top: 8.6111111111vw;
  margin-left: 1.9444444444vw;
}

.-brown {
  margin-top: 9.1666666667vw;
}

.conditions__illust-01 {
  left: 1.6666666667vw;
}
.conditions__illust-01 img {
  width: 5.3472222222vw;
}

.conditions__illust-02 {
  top: 1.0416666667vw;
  right: 0.6944444444vw;
}
.conditions__illust-02 img {
  width: 8.8888888889vw;
}

.conditions__illust-03 {
  bottom: 2.0833333333vw;
  left: -3.4722222222vw;
}
.conditions__illust-03 img {
  width: 7.5694444444vw;
}

.conditions__illust-04 {
  bottom: 2.0833333333vw;
  right: -5.5555555556vw;
}
.conditions__illust-04 img {
  width: 11.1111111111vw;
}

.conditions__detail {
  font-size: 0.9722222222vw;
}

/* cta-partner */
.cta-partner__content {
  padding: 5.5555555556vw;
  width: 76.3888888889vw;
  gap: 3.4722222222vw;
  border-radius: 2.0833333333vw;
}

.cta-partner__text {
  font-size: 1.6666666667vw;
  letter-spacing: 0.1666666667vw;
}

/* loading-screen */
.loading-screen .loading-text {
  font-size: 1.3888888889vw;
}

.loading-image {
  padding-top: 3.125vw;
}

.loading-image img {
  width: 22.2222222222vw;
}

@keyframes floatLoop {
  50% {
    transform: translateY(-0.9722222222vw);
  }
}
/* 404notfound */
.section-notfound {
  max-width: 76.3888888889vw;
  padding: 5.5555555556vw 6.9444444444vw 13.8888888889vw;
}

.notfound__title {
  text-align: center;
  margin-bottom: 5.5555555556vw;
}
.notfound__title h2 {
  font-size: 2.0833333333vw;
}

.notfound__content {
  gap: 5.5555555556vw;
}

.notfound__text {
  font-size: 1.1111111111vw;
}

.notfound__illust img {
  width: 15vw;
}

/* thanks */
.section-thanks {
  max-width: 76.3888888889vw;
  padding: 5.5555555556vw 6.9444444444vw 13.8888888889vw;
}

.thanks__title {
  text-align: center;
  margin-bottom: 5.5555555556vw;
}
.thanks__title h2 {
  font-size: 2.0833333333vw;
}
.thanks__title p {
  color: #58322a;
  text-align: center;
  font-family: Optima, "Marcellus", serif;
  font-size: 1.0416666667vw;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.1em;
  margin-bottom: 0.625vw;
}

.thanks__content {
  gap: 5.5555555556vw;
}

.thanks__text {
  font-size: 1.1111111111vw;
}

/* privacypolicy - タブレット用完全版 */
.privacypolicy {
  max-width: 76.3888888889vw;
  margin: 0 auto;
  padding: 5.5555555556vw 6.9444444444vw 13.8888888889vw;
}
.privacypolicy .title-privacypolicy {
  text-align: center;
  margin-bottom: 5.5555555556vw;
}
.privacypolicy .title-privacypolicy p {
  color: #58322a;
  text-align: center;
  font-family: Optima, "Marcellus", serif;
  font-size: 1.0416666667vw;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.1em;
  margin-bottom: 0.625vw;
}
.privacypolicy .title-privacypolicy h2 {
  color: #58322a;
  text-align: center;
  font-family: "游ゴシック体", "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif;
  font-size: 2.0833333333vw;
  font-style: normal;
  font-weight: 600;
  line-height: 2.9166666667vw;
  letter-spacing: 0.1em;
}
.privacypolicy .container-privacypolicy h3 {
  color: #58322a;
  font-family: "游ゴシック体", "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif;
  font-size: 1.8055555556vw;
  font-style: normal;
  font-weight: 600;
  line-height: 2.8472222222vw;
  letter-spacing: 0.1em;
  margin-bottom: 2.4305555556vw;
}
.privacypolicy .container-privacypolicy p {
  color: #333;
  font-family: "Noto Sans JP";
  font-size: 1.1111111111vw;
  font-style: normal;
  font-weight: 400;
  line-height: 2.2222222222vw;
  letter-spacing: 0.1em;
}
.privacypolicy .container-privacypolicy p + p {
  margin-top: 1em;
}
.privacypolicy .container-privacypolicy ul {
  margin-top: 1em;
  padding-left: 2em;
}
.privacypolicy .container-privacypolicy + .container-privacypolicy {
  margin-top: 5.5555555556vw;
}

/* タブレットレイアウト (768px - 1100px) */
/* PC用スタイル（1440px基準）のピクセル値をvwに変換 */
/* 完全版 - 元のpage.scssのすべてのPC用スタイルを100%網羅 */
@media screen and (min-width: 768px) and (max-width: 1100px) {
  html,
  main {
    background-color: #fff9e8;
  }
  /* sidebarありページ */
  .body-wrapper {
    width: 76.3888888889vw;
    margin: 0 auto;
    display: flex;
    gap: 5.1388888889vw;
  }
  .body-wrapper .body-content {
    width: 100%;
    overflow: visible;
    padding-bottom: 0.1388888889vw;
  }
  .body-wrapper .sidebar-content {
    width: 21.9444444444vw;
    height: auto;
  }
  /* main-content-single */
  .main-content-single {
    margin-top: 5.5555555556vw;
  }
  /* page-partner-list .section-pagination-archive */
  .page-partner-list .section-pagination-archive {
    padding-bottom: 0;
  }
  /* single-partner */
  .single-partner .breadcrumb {
    margin: 0 auto;
    padding: 12.2916666667vw 0 6.9444444444vw 0;
    max-width: 76.3888888889vw;
  }
  /* page-about */
  .page-about {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 11.1111111111vw;
  }
  /* content-about */
  .content-about {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 11.1111111111vw;
  }
  /* page-kiroku */
  .page-kiroku .section-pagination-archive {
    /* SP専用のスタイルのみ */
  }
  .page-kiroku .main-content-single {
    /* SP専用のスタイルのみ */
  }
  /* page-partner */
  .page-partner {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
  }
  /* content-partner */
  .content-partner {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
  }
  /* layout-section-cta-partner */
  .layout-section-cta-partner {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-bottom: 8.3333333333vw;
  }
  /* page-news */
  .page-news .section-pagination-archive {
    padding-top: 0;
  }
  /* single-post */
  .single-post {
    padding-bottom: 4.1666666667vw;
  }
  /* page-partner-list page-profile */
  .page-partner-list {
    padding-bottom: 13.8888888889vw;
  }
}
/* タブレットレイアウト (768px - 1100px) */
/* PC用スタイル（1440px基準）のピクセル値をvwに変換 */
/* 完全版 - 元のanimation.scssのすべてのPC用スタイルを100%網羅 */
@media screen and (min-width: 768px) and (max-width: 1100px) {
  /* 初期状態：少し下にずらして非表示 */
  .js-fade-in {
    opacity: 0;
    transform: translateY(2.0833333333vw);
    transition: opacity 1s cubic-bezier(0.42, 0.04, 0.23, 0.98), transform 1s cubic-bezier(0.42, 0.04, 0.23, 0.98);
  }
  /* swiper-slideに上書き */
  .swiper-slide.js-fade-in {
    opacity: 0;
    transform: translateY(2.0833333333vw);
    transition: opacity 1s cubic-bezier(0.42, 0.04, 0.23, 0.98), transform 1s cubic-bezier(0.42, 0.04, 0.23, 0.98);
  }
  /* 画面内に入ったら適用される状態 */
  .js-fade-in.is-visible {
    opacity: 1;
    transform: translateY(0);
  }
  /* 初期状態：縮小＆透明 */
  .js-pop-up {
    opacity: 0;
    transform: scale(0.8);
    transition: opacity 0.8s cubic-bezier(0.42, 0.04, 0.23, 0.98), transform 0.8s cubic-bezier(0.42, 0.04, 0.23, 0.98);
  }
  /* 画面内に入ったら適用 */
  .js-pop-up.is-visible {
    opacity: 1;
    transform: scale(1);
  }
}/*# sourceMappingURL=main-tablet.css.map */