@charset "UTF-8";
/*-----------------------------------------------------------
Reset
-----------------------------------------------------------*/
html {
  font-size: 100%; }

body {
  margin: 0;
  padding: 0;
  line-height: 1; }

div, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, img, ins, kbd, q, samp, sub, sup, var, b, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, mark, audio, video, a {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
  background: transparent;
  font-size: 100%;
  font: inherit; }

span, small, em, time, i {
  font-style: normal;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  background: transparent; }

a {
  color: #1A7BC3;
  text-decoration: none;
  border: medium; }

a:-webkit-any-link:focus-visible {
  outline-offset: 1px; }

:focus-visible {
  outline: -webkit-focus-ring-color auto 1px; }

sup {
  vertical-align: text-top;
  font-size: 70%; }

sub {
  vertical-align: text-bottom;
  font-size: 70%; }

legend {
  color: #000; }

h1, h2, h3, h4, h5, h6 {
  line-height: 1.8em; }

main, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

li {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none; }

input, textarea, select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit; }

input, select {
  vertical-align: middle; }

abbr[title], dfn[title] {
  cursor: help; }

del {
  text-decoration: line-through; }

ins {
  font-style: oblique;
  text-decoration: none; }

mark {
  background: transparent;
  font-style: normal; }

img {
  vertical-align: top; }

table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%; }

th {
  font-weight: normal;
  text-align: left; }

button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none;
  font-size: inherit; }

/*-----------------------------------------------------------
Bace
-----------------------------------------------------------*/
*,
*::before,
*::after {
  box-sizing: border-box; }

::selection {
  background: #d4dcd6; }

a {
  transition: .5s; }
  a:hover {
    opacity: 0.5; }

img {
  max-width: 100%;
  height: auto;
  -webkit-backface-visibility: hidden; }

:target {
  scroll-margin-top: clamp(68px, calc(154 / 1800 * 100vw), 154px); }

@media (max-width: 800px) {
  :target {
    scroll-margin-top: 50px; } }
html {
  scroll-behavior: smooth;
  font-size: 62.5%;
  /* 16px * 62.5% = 10px */ }

body,
html {
  height: auto; }

body {
  display: flex;
  flex-direction: column;
  font-family: "Noto Sans JP", sans-serif;
  color: #3B4043;
  font-size: clamp(1.5rem, calc(16 / 1024 * 100vw), 1.6rem);
  line-height: 2em;
  letter-spacing: .05em;
  /*-webkit-text-size-adjust: 100%;*/
  /*-webkit-font-feature-settings: "palt";*/
  /*font-feature-settings: "palt";*/
  background: #fff; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Noto Sans JP", sans-serif;
  letter-spacing: .05em;
  font-weight: 700; }

th,
dt {
  font-family: "Noto Sans JP", sans-serif; }

.link {
  text-decoration: underline; }
  .link:hover {
    text-decoration: none; }

.no-link {
  pointer-events: none; }

a[href^="tel"] {
  cursor: default; }

p {
  font-family: "Noto Sans JP", "游ゴシック体", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, sans-serif;
  font-size: clamp(1.4rem, calc(17 / 1400 * 100vw), 1.7rem);
  line-height: 2em; }

.container {
  margin: 0 auto;
  max-width: 1024px;
  width: 95%; }
  .container.wide {
    max-width: 1200px; }
  .container.narrow {
    max-width: 800px; }

@media (max-width: 800px) {
  .container {
    max-width: none;
    min-width: auto; }

  p {
    font-size: 14px; } }
/*-----------------------------------------------------------
Header
-----------------------------------------------------------*/
.header {
  position: sticky;
  top: 0;
  width: 100%;
  margin: auto;
  background: #FFF;
  z-index: 200; }
  .header.obs_scroll_on .h-logo .h-logo-link img {
    width: clamp(100px, calc(200 / 1800 * 100vw), 200px);
    transition: .5s; }
  .header.obs_scroll_on .h-logo span {
    font-size: clamp(1.2rem, calc(14 / 1024 * 100vw), 1.4rem); }
  .header.obs_scroll_on .h-container {
    margin: auto;
    transition: .5s; }
    .header.obs_scroll_on .h-container.navarea {
      background: #F2F4F6;
      padding: 10px 0; }
  .header .h-container {
    margin: auto;
    transition: .5s; }
    .header .h-container.logoarea {
      background: #173F93;
      padding: 20px 0; }
      .header .h-container.logoarea .h-wrapper {
        position: relative; }
        .header .h-container.logoarea .h-wrapper .h-member-nav {
          position: absolute;
          right: 0;
          top: 50%;
          transform: translateY(-50%); }
    .header .h-container.navarea {
      background: #F2F4F6;
      padding: 40px 0; }
  .header .h-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 1024px;
    margin: auto; }
  .header .h-logo {
    display: block;
    position: relative;
    top: 0;
    left: 0;
    width: fit-content;
    height: auto;
    z-index: 10;
    transition: 0.5s;
    text-align: center; }
    .header .h-logo span {
      font-size: clamp(1.4rem, calc(16 / 1024 * 100vw), 1.6rem);
      color: #fff;
      display: block; }
    .header .h-logo .h-logo-link img {
      width: clamp(160px, calc(340 / 1800 * 100vw), 340px);
      transition: .5s; }

@media (max-width: 800px) {
  .header {
    position: static !important; }
    .header .h-container.navarea {
      background: #F2F4F6;
      padding: 16px 0; }
    .header .h-wrapper {
      width: 95%; }
    .header .h-logo {
      padding: 0;
      z-index: 0; }
      .header .h-logo .h-logo-link img {
        width: 212.5px; } }
/*----------
Gnavi
--------------*/
/*normal*/
.gnavi {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  /*dropdown*/ }
  .gnavi .pc-navi {
    justify-self: flex-start;
    width: 100%;
    max-width: 764px; }
    .gnavi .pc-navi .wrap {
      display: flex;
      align-items: center;
      justify-items: flex-end; }
  .gnavi .gnavi-list {
    display: flex;
    justify-content: flex-start;
    width: 100%;
    height: fit-content;
    font-family: "Noto Sans JP", sans-serif;
    font-size: clamp(1.5rem, calc(16 / 1024 * 100vw), 1.6rem);
    line-height: calc(24 / 16 * 1em);
    margin-right: 0;
    gap: 50px; }
    .gnavi .gnavi-list > li > a {
      display: inline-block;
      font-family: "Noto Sans JP", sans-serif;
      color: #173F93;
      font-weight: 700;
      z-index: 10; }
  .gnavi .fixed-menu {
    display: flex;
    align-items: center;
    position: fixed;
    top: clamp(200px, 30%, 300px);
    right: 0;
    transition: transform 0.5s;
    transform: translate(calc(100% - (65 / 16 * 1em)), 0);
    height: fit-content;
    font-size: clamp(1rem, calc(16 / 1400 * 100vw), 1.6rem);
    padding: 0;
    border-radius: 6px 0 0 6px;
    background: #FFF;
    overflow: hidden;
    z-index: 10; }
    .gnavi .fixed-menu.is-on {
      transform: translate(0, 0); }
    .gnavi .fixed-menu .inner {
      display: flex;
      height: fit-content; }
      .gnavi .fixed-menu .inner > .ttl {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: calc(6 / 14 * 1em);
        width: calc(65 / 16 * 1em);
        height: fit-content;
        min-height: 186px;
        writing-mode: vertical-rl;
        font-family: "Noto Sans JP", sans-serif;
        font-size: clamp(1rem, calc(16 / 1400 * 100vw), 1.6rem);
        line-height: 1;
        letter-spacing: 0.25em;
        white-space: nowrap;
        font-feature-settings: normal;
        color: #FFF;
        padding-top: calc(41 / 16 * 1em);
        padding-bottom: calc(44 / 16 * 1em);
        background: #173F93; }
        .gnavi .fixed-menu .inner > .ttl img {
          width: calc(38 / 16 * 1em); }
    .gnavi .fixed-menu .desc {
      display: grid;
      row-gap: calc(25 / 17 * 1em);
      width: fit-content;
      height: auto;
      padding: calc(60 / 17 * 1em) calc(30 / 17 * 1em) calc(60 / 17 * 1em);
      font-size: clamp(1.2rem, calc(17 / 1400 * 100vw), 1.7rem);
      color: #3B4043; }
    .gnavi .fixed-menu p {
      font-family: "Noto Sans JP", "游ゴシック体", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, sans-serif;
      font-size: clamp(1.2rem, calc(17 / 1400 * 100vw), 1.7rem);
      line-height: calc(28 / 17 * 1em);
      font-weight: bold;
      text-align: center;
      margin: -0.5em 0; }
    .gnavi .fixed-menu .info-list {
      display: grid;
      grid-template-columns: 1fr 1fr;
      align-items: center;
      gap: calc(12 / 15 * 1em);
      font-family: "Noto Sans JP", sans-serif;
      font-size: clamp(1.2rem, calc(15 / 1400 * 100vw), 1.5rem); }
      .gnavi .fixed-menu .info-list a {
        display: flex;
        justify-content: center;
        align-items: center; }
      .gnavi .fixed-menu .info-list .tel {
        gap: calc(7 / 24 * 1em);
        position: relative;
        font-size: clamp(1.6rem, calc(24 / 1400 * 100vw), 2.4rem);
        line-height: calc(41 / 24 * 1em);
        text-align: center;
        white-space: nowrap; }
        .gnavi .fixed-menu .info-list .tel span {
          color: #173F93; }
        .gnavi .fixed-menu .info-list .tel img {
          width: calc(16 / 24 * 1em); }
      .gnavi .fixed-menu .info-list .contact {
        gap: calc(13.3 / 15 * 1em);
        font-size: clamp(1.2rem, calc(15 / 1400 * 100vw), 1.5rem);
        line-height: calc(46 / 15 * 1em);
        border-radius: 100vh;
        background: #173F93; }
        .gnavi .fixed-menu .info-list .contact img {
          width: calc(22.4 / 15 * 1em); }
        .gnavi .fixed-menu .info-list .contact span {
          color: #FFF; }
  .gnavi .gnavi-list a[href="#"] {
    cursor: auto;
    pointer-events: none; }
  .gnavi .gnavi-list .menu-item-has-children {
    display: flex;
    align-items: center;
    column-gap: calc(7 / 18 * 1em);
    position: relative;
    margin-right: calc(36 / 18 * 1em); }
    .gnavi .gnavi-list .menu-item-has-children::before {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 110%;
      height: 150%;
      z-index: -1; }
    .gnavi .gnavi-list .menu-item-has-children::after {
      content: "";
      display: block;
      width: calc(5 / 18 * 1em);
      aspect-ratio: 1/1;
      height: fit-content;
      margin-top: calc(3/ 18 *1em);
      border-radius: 50%;
      background: #173F93; }
    .gnavi .gnavi-list .menu-item-has-children.is-open .sub-menu {
      pointer-events: auto;
      opacity: 1; }
  .gnavi .gnavi-list .sub-menu {
    position: absolute;
    bottom: calc(clamp(15px, calc(30 / 1800 * 100vw), 30px) * -1);
    right: 50%;
    transform: translate(50%, 100%);
    width: max-content;
    min-width: 150px;
    font-size: clamp(1.3rem, calc(18 / 1400 * 100vw), 1.8rem);
    text-align: left;
    padding: calc(30 / 18 * 1em);
    border-radius: 6px;
    background: #FFF;
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.16);
    pointer-events: none;
    transition: opacity 0.3s;
    opacity: 0;
    z-index: 5; }
    .gnavi .gnavi-list .sub-menu::before {
      content: "";
      display: block;
      position: absolute;
      top: calc(clamp(15px, calc(30 / 1800 * 100vw), 30px) * -1);
      left: 0;
      width: 100%;
      height: clamp(15px, calc(30 / 1800 * 100vw), 30px); }
    .gnavi .gnavi-list .sub-menu li a {
      position: relative;
      font-family: "Noto Sans JP", sans-serif;
      font-size: clamp(1.3rem, calc(18 / 1400 * 100vw), 1.8rem);
      line-height: calc(40 / 18 * 1em);
      color: #333333; }

@media (max-width: 800px) {
  .gnavi {
    width: 100%;
    height: 100%; }
    .gnavi .gnavi-list {
      flex-direction: column;
      gap: 20px; }
    .gnavi .sp-navi-contents {
      pointer-events: none;
      visibility: hidden;
      background: #FFF;
      font-family: "Noto Sans JP", sans-serif;
      font-weight: 500;
      padding: 90px 5% 100px;
      position: fixed;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      transition: 0.5s;
      opacity: 0;
      z-index: 9999; }
      .gnavi .sp-navi-contents.is-open {
        pointer-events: auto;
        visibility: visible;
        overflow-y: auto;
        opacity: 1; }
      .gnavi .sp-navi-contents .sp-navi-list {
        border-top: 1px solid #d6d6d6;
        margin: 30px 0 30px; }
        .gnavi .sp-navi-contents .sp-navi-list li {
          border-bottom: 1px solid #d6d6d6; }
          .gnavi .sp-navi-contents .sp-navi-list li a {
            color: #1A2F50;
            display: block;
            font-size: 14px;
            line-height: 1.6;
            text-decoration: none;
            padding: 15px 0; }
          .gnavi .sp-navi-contents .sp-navi-list li.sp-dropdown {
            position: relative; }
            .gnavi .sp-navi-contents .sp-navi-list li.sp-dropdown a {
              padding: 15px 0;
              width: 85%; }
            .gnavi .sp-navi-contents .sp-navi-list li.sp-dropdown::before {
              width: 1px;
              height: 11px;
              top: 17px;
              right: 20px; }
            .gnavi .sp-navi-contents .sp-navi-list li.sp-dropdown::after {
              width: 11px;
              height: 1px;
              top: 22px;
              right: 15px; }
            .gnavi .sp-navi-contents .sp-navi-list li.sp-dropdown::before, .gnavi .sp-navi-contents .sp-navi-list li.sp-dropdown::after {
              content: "";
              background-color: #333;
              position: absolute;
              transition: 0.5s; }
            .gnavi .sp-navi-contents .sp-navi-list li.sp-dropdown .is-on::before {
              -webkit-transform: rotate(90deg);
              transform: rotate(90deg); }
            .gnavi .sp-navi-contents .sp-navi-list li.sp-dropdown .is-on::after {
              width: 11px;
              height: 1px;
              top: 22px;
              right: 15px; }
        .gnavi .sp-navi-contents .sp-navi-list .child {
          padding: 0 0 15px;
          list-style-type: "-  "; }
          .gnavi .sp-navi-contents .sp-navi-list .child ul li {
            position: relative;
            padding-left: 15px;
            border: 0; }
            .gnavi .sp-navi-contents .sp-navi-list .child ul li::before {
              content: "-";
              color: #333;
              position: absolute;
              left: 0;
              top: 50%;
              transform: translateY(-57%);
              font-size: 13px;
              line-height: 1.8; }
            .gnavi .sp-navi-contents .sp-navi-list .child ul li a {
              display: inline-block;
              font-size: 13px;
              line-height: 1.8;
              padding: 0; }
    .gnavi .fixed-menu {
      display: none; } }
/* ヘッダー検索 */
.header-search {
  max-width: 260px;
  flex: 1;
  margin: auto; }

.header-search .searchform > div {
  display: flex;
  align-items: stretch;
  width: min(260px, 100%);
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  overflow: hidden;
  background: #fff; }

@media (max-width: 800px) {
  .header-search .searchform > div {
    width: 240px; } }
/* テキスト入力 */
.header-search #s {
  flex: 1;
  min-width: 0;
  height: 38px;
  /* 高さ：画像の雰囲気 */
  padding: 0 18px;
  border: none;
  outline: none;
  font-size: 1.4rem;
  color: #333; }

/* placeholder */
.header-search #s::placeholder {
  color: #9aa0a6; }

/* 検索ボタン（青） */
.header-search #searchsubmit {
  width: 75px;
  /* 右の青エリア幅 */
  height: 38px;
  border: none;
  background: #1f3b8f;
  /* 近い青（必要なら調整） */
  color: #fff;
  font-size: 1.4rem;
  font-weight: 700;
  cursor: pointer; }

/* hover/focus */
.header-search #searchsubmit:hover {
  filter: brightness(0.95); }

.header-search #s:focus {
  box-shadow: inset 0 0 0 2px rgba(31, 59, 143, 0.25); }

/*会員メニュー関連*/
.h-member-nav, .sp-member-nav {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  width: fit-content; }

.btn-member {
  display: flex;
  justify-content: center;
  align-items: center;
  width: fit-content;
  padding: 0 20px;
  height: 40px;
  border-radius: 100vw;
  background: #999;
  color: #fff; }
  .btn-member.mypage {
    background: #EF858C; }
  .btn-member.logout {
    background: #EFAD85; }
  .btn-member.login {
    background: #EF858C; }
  .btn-member.register {
    background: #173F93;
    border: 1px solid #F2F4F6; }

/*-----------------------------------------------------------
Hero
-----------------------------------------------------------*/
.hero-area .hero {
  position: relative;
  width: 100%;
  height: auto;
  margin: auto;
  z-index: 0; }
  .hero-area .hero::before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: calc(310 / 944 * 100%);
    background: #173F93;
    z-index: -1; }
  .hero-area .hero::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    transform: translateY(95%);
    width: 100%;
    height: calc(100 / 944 * 100%);
    background: #173F93;
    z-index: -1; }
.hero-area .hero-img_001 {
  display: block;
  position: relative;
  width: calc(1647 / 1800 * 100%);
  aspect-ratio: 1647 / 944;
  height: auto;
  margin: 0 auto 0 0;
  overflow: hidden;
  z-index: 1; }
.hero-area #Top_Hero_Splide,
.hero-area .splide__track {
  height: 100%; }
  .hero-area #Top_Hero_Splide .splide__slide,
  .hero-area .splide__track .splide__slide {
    overflow: hidden; }
  .hero-area #Top_Hero_Splide img,
  .hero-area .splide__track img {
    position: relative;
    width: 100%;
    height: 100%;
    max-width: none;
    max-height: none;
    object-fit: cover; }
.hero-area .splide__pagination {
  position: absolute;
  bottom: 0;
  left: 0;
  width: fit-content;
  margin-left: calc(127 / 1647 * 100%);
  margin-bottom: clamp(80px, calc(130 / 1400 * 100vw), 145px); }
.hero-area .splide__pagination__page {
  width: 27px;
  height: 2px;
  margin: 0;
  border-radius: 0;
  background: #B6B6B6; }
  .hero-area .splide__pagination__page.is-active {
    background: #173F93;
    transform: unset;
    z-index: 1; }
.hero-area li + li .splide__pagination__page {
  margin-left: 5px; }
.hero-area .hero-catch {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1; }
  .hero-area .hero-catch .l-ttl {
    position: absolute;
    left: 0;
    bottom: 0;
    margin-left: calc(125 / 1800 * 100%);
    margin-bottom: calc(270 / 1800 * 100%);
    z-index: 0; }
    .hero-area .hero-catch .l-ttl > div {
      position: relative; }
  .hero-area .hero-catch span {
    display: block;
    position: relative;
    width: fit-content;
    font-family: "Noto Sans JP", sans-serif;
    font-size: clamp(2.6rem, calc(38 / 1800 * 100vw), 3.8rem);
    line-height: calc(76 / 38 * 1em);
    color: #3B4043;
    margin: -0.5em 0;
    z-index: 4; }
  .hero-area .hero-catch .catch {
    font-size: clamp(3rem, calc(60 / 1800 * 100vw), 6rem);
    line-height: calc(100 / 60 * 1em);
    letter-spacing: 0.15em;
    margin-bottom: 1em; }
  .hero-area .hero-catch .sub {
    font-size: clamp(1.6rem, calc(21 / 1800 * 100vw), 2.1rem);
    line-height: calc(49 / 21 * 1em);
    letter-spacing: 0.15em; }

@media (max-width: 800px) {
  .hero-area {
    height: auto; }
    .hero-area .hero {
      width: 100%;
      height: auto;
      margin: auto;
      padding-bottom: 142px; }
      .hero-area .hero::before {
        height: 230px; }
      .hero-area .hero::after {
        content: none; }
    .hero-area .hero-img_001 {
      width: calc(384 / 400 * 100%);
      aspect-ratio: 384/320; }
    .hero-area .splide__pagination {
      left: auto;
      right: 0;
      margin-left: 0;
      margin-right: 10px;
      margin-bottom: 10px; }
    .hero-area .splide__pagination__page {
      width: 20px; }
    .hero-area .hero-catch .l-ttl {
      width: fit-content;
      margin-left: 16px;
      margin-bottom: 60px; }
    .hero-area .hero-catch .catch {
      font-size: 24px;
      margin-bottom: 20px; }
    .hero-area .hero-catch .sub {
      font-size: 14px;
      line-height: 2em;
      color: #FFF; } }
/*-----------------------------------------------------------
Top
-----------------------------------------------------------*/
.top-main {
  overflow: hidden; }
  .top-main figure {
    display: block; }
  .top-main img {
    width: 100%;
    border-radius: unset; }
  .top-main .l-img img,
  .top-main .list-img img {
    width: 100%;
    aspect-ratio: unset;
    object-fit: cover; }

.t-h2 {
  display: block;
  font-family: "Noto Serif JP", serif;
  font-size: clamp(2.4rem, calc(36 / 1024 * 100vw), 3.6rem);
  letter-spacing: 0.1em;
  color: #173F93;
  text-align: center;
  margin-bottom: clamp(30px, calc(50 / 1024 * 100vw), 50px); }
  .t-h2 span {
    color: #707F89;
    font-family: "Archivo Narrow", sans-serif;
    font-size: 1.8rem;
    display: block;
    line-height: 1; }

.top-item-ttl {
  font-size: 2.1rem;
  margin-bottom: 30px; }
  .top-item-ttl span {
    font-size: 1.8rem;
    display: block; }

.top-item-content {
  margin-bottom: 30px; }

.syoroku-item {
  border: 1px solid #A7B2C0;
  padding: 15px; }
  .syoroku-item + .syoroku-item {
    margin-top: 15px; }
  .syoroku-item p + p {
    margin-top: 15px; }

.syoroku-title {
  font-size: 1.8rem;
  border-bottom: 1px solid #A7B2C0;
  padding-bottom: 15px;
  margin-bottom: 15px; }

.syoroku-sub-title {
  text-align: right;
  line-height: 1.5; }

.syoroku-gaiyo {
  text-align: justify; }

.table_of_contents {
  padding: clamp(20px, calc(50 / 1024 * 100vw), 50px);
  background: #F2F4F6; }
  .table_of_contents .table-ttl {
    font-size: 1.8rem;
    border-bottom: 1px solid #A7B2C0;
    padding-bottom: 15px;
    margin-bottom: 15px; }
  .table_of_contents ul.special-list > li {
    display: flex;
    justify-content: space-between;
    gap: 15px;
    flex-wrap: wrap; }
    .table_of_contents ul.special-list > li a {
      display: flex;
      justify-content: space-between;
      padding-right: clamp(30px, calc(70 / 1024 * 100vw), 70px);
      gap: 15px;
      flex-wrap: wrap; }
  .table_of_contents ul > li {
    margin: 20px 0;
    font-weight: 700; }
    .table_of_contents ul > li a {
      font-size: 1.5rem;
      font-weight: normal;
      text-decoration: underline;
      color: #173F93;
      width: 100%;
      position: relative; }
      .table_of_contents ul > li a::after {
        content: "";
        width: 20px;
        height: 20px;
        background: url(../images/share/u-icon_arrow-right.svg);
        background-size: contain;
        background-repeat: no-repeat;
        display: inline-block;
        position: absolute;
        right: clamp(0px, calc(20 / 1024 * 100vw), 20px);
        top: 50%;
        transform: translateY(-50%); }
  .table_of_contents .toc-group-01 .accordion-btn {
    cursor: pointer;
    padding: clamp(10px, calc(10 / 1024 * 100vw), 20px) 40px clamp(20px, calc(10 / 1024 * 100vw), 30px) clamp(10px, calc(10 / 1024 * 100vw), 20px);
    position: relative;
    /* bar background */
    background: #f2e3e5;
    /* accent / border */
    border-left: 4px solid #b55a67;
    /* title text */
    color: #6b2f3a; }
  .table_of_contents .toc-group-02 .accordion-btn {
    cursor: pointer;
    padding: 20px 30px;
    position: relative;
    background: #e3f0ea;
    border-left: 4px solid #4f8f7a;
    color: #2f5f4f; }
  .table_of_contents .toc-group-03 .accordion-btn {
    cursor: pointer;
    padding: 20px 30px;
    position: relative;
    /* bar */
    background: #dbe8f3;
    /* border or accent */
    border-left: 4px solid #5b88b6;
    /* title text */
    color: #2f4f6f; }
  .table_of_contents ul.toc-list li.toc-item:nth-child(2) a {
    background: url("../images/under/pen-h1-blue.png"); }
  .table_of_contents ul.toc-list li.toc-item:nth-child(3) a {
    background: url("../images/under/pen-h1-green.png"); }
  .table_of_contents ul.toc-list li.toc-item a {
    text-decoration: none;
    color: #3B4043;
    line-height: 1.5;
    padding: 20px;
    padding-right: 50px;
    border: 10px solid #ccc;
    display: block;
    background: url("../images/under/pen-h1.png");
    background-size: cover;
    margin-bottom: 10px; }
    .table_of_contents ul.toc-list li.toc-item a span {
      display: block; }
    .table_of_contents ul.toc-list li.toc-item a .toc-ttl {
      font-size: clamp(2rem, calc(30 / 1024 * 100vw), 3rem);
      font-weight: bold; }
    .table_of_contents ul.toc-list li.toc-item a .toc-subttl {
      font-size: 1.5rem; }
  .table_of_contents ul.toc-list li.toc-item .toc-thema {
    font-size: 1.4rem;
    line-height: 1.75;
    padding: 0 clamp(0px, calc(30 / 1024 * 100vw), 30px); }
  .table_of_contents ul.other-links-list {
    margin-top: 30px; }
    .table_of_contents ul.other-links-list li.other-links-item:nth-child(2) a {
      position: relative;
      background: #dbe8f3;
      border-left: 4px solid #5b88b6;
      color: #2f4f6f; }
    .table_of_contents ul.other-links-list li.other-links-item a {
      padding: clamp(10px, calc(20 / 1024 * 100vw), 20px) 40px clamp(10px, calc(20 / 1024 * 100vw), 20px) clamp(10px, calc(30 / 1024 * 100vw), 30px);
      position: relative;
      background: #e3f0ea;
      border-left: 4px solid #4f8f7a;
      color: #2f5f4f;
      text-decoration: none;
      font-weight: 700;
      font-size: 1.8rem;
      display: block; }

/*------------
Block
--------------*/
/*------------
sec01
--------------*/
.sec01 {
  padding: clamp(20px, calc(40 / 1024 * 100vw), 40px) 0 clamp(40px, calc(80 / 1024 * 100vw), 80px); }
  .sec01 .list-top-news {
    padding: 0 40px;
    background: #F2F4F6; }
    .sec01 .list-top-news > li {
      display: flex;
      align-items: center;
      column-gap: 80px;
      padding: 30px 0; }
      .sec01 .list-top-news > li time {
        width: fit-content;
        position: relative; }
        .sec01 .list-top-news > li time::after {
          content: "";
          height: 40px;
          width: 1px;
          background: #A7B2C0;
          display: block;
          z-index: 1;
          position: absolute;
          right: -40px;
          top: 50%;
          transform: translateY(-50%); }
      .sec01 .list-top-news > li a {
        flex: 1; }

.sec02 .top-section {
  border-top: 1px solid #A7B2C0;
  padding: 50px 0; }
  .sec02 .top-section:last-child {
    border-bottom: 1px solid #A7B2C0;
    margin-bottom: 80px; }

@media (max-width: 800px) {
  .sec01 .list-top-news {
    padding: 0 20px;
    background: #F2F4F6; }
    .sec01 .list-top-news > li {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      column-gap: 20px;
      padding: 10px 0; }
      .sec01 .list-top-news > li time {
        width: fit-content;
        position: relative; }
        .sec01 .list-top-news > li time::after {
          content: none; } }
/******
下層ページ
******/
/*-------------------------------------------------------
下層レイアウト
-----------------------------------------------------------*/
body.under {
  background: #fff; }

main.under {
  background: #fff; }

.u-contents {
  overflow-wrap: anywhere;
  /* 収まらない場合に折り返す */
  word-break: normal;
  /* 単語の分割はデフォルトに依存 */
  line-break: strict;
  /* 禁則処理を厳格に適用 */
  color: #3B4043;
  font-size: clamp(1.6rem, calc(16 / 1024 * 100vw), 1.6rem);
  font-family: "Noto Sans JP", sans-serif; }
  .u-contents .hidden {
    overflow: hidden; }
  .u-contents p {
    font-family: "Noto Sans JP", sans-serif;
    font-size: clamp(1.6rem, calc(16 / 1024 * 100vw), 1.6rem);
    line-height: 2;
    font-weight: normal; }
  .u-contents strong {
    font-weight: 500;
    font-weight: 900; }
  .u-contents .txt-red {
    color: #E56126; }
  .u-contents .txtOrange {
    color: #E56126; }

.wrapper .innner {
  margin: 50px auto;
  max-width: 500px;
  width: 85%;
  position: relative; }
  .wrapper .innner .post-password-form {
    padding: 30px 50px 50px;
    background: #F2F4F6; }

.container {
  margin: 0 auto;
  max-width: 1024px;
  width: 90%;
  position: relative; }

.container-narrow {
  margin: 0 auto;
  max-width: 800px;
  width: 90%;
  position: relative;
  padding: 20px;
  background: #F2F4F6; }
  .container-narrow.bg-wh {
    background: #fff; }

.archive-item + .archive-item {
  margin-top: 30px;
  padding-top: 30px;
  border-top: 1px solid #A7B2C0; }
.archive-item .l-img img, .archive-item .list-img img {
  width: 100%;
  aspect-ratio: 1/1;
  object-fit: contain;
  border: 1px solid #F2F4F6; }

.l-img img, .list-img img {
  width: 100%;
  aspect-ratio: 80 /59;
  object-fit: cover; }
.l-img.asp93 img, .list-img.asp93 img {
  aspect-ratio: 16 / 6; }
.l-img.asp-tate img, .list-img.asp-tate img {
  aspect-ratio: 30 / 34; }
.l-img.w-500 img, .list-img.w-500 img {
  max-width: 500px; }
.l-img.asp-none img, .list-img.asp-none img {
  aspect-ratio: auto; }
.l-img.asp-top img, .list-img.asp-top img {
  object-position: top; }
.l-img.contain img, .list-img.contain img {
  object-fit: contain; }
.l-img.asp-sq img, .list-img.asp-sq img {
  width: 100%;
  aspect-ratio: 1/1;
  object-fit: cover; }

.sp-none {
  display: block; }

@media (max-width: 800px) {
  .u-contents .container {
    margin: 0 auto;
    max-width: none;
    width: 100%;
    padding: 0 5vw; }

  .sp-none {
    display: none; } }
.page-ttl {
  background-color: #fff;
  max-width: 1024px;
  margin: auto;
  position: relative; }
  .page-ttl .container {
    margin: auto auto 0;
    padding-top: 50px;
    max-width: 1024px;
    width: 100%; }
  .page-ttl .page-ttl-main {
    display: block;
    font-family: "Noto Serif JP", serif;
    font-size: clamp(2.4rem, calc(36 / 1024 * 100vw), 3.6rem);
    letter-spacing: 0.1em;
    color: #173F93;
    text-align: center;
    padding-bottom: 30px;
    border-bottom: 1px solid #A7B2C0; }
  .page-ttl .page-ttl-sub span {
    color: #707F89;
    font-family: "Archivo Narrow", sans-serif;
    font-size: 1.8rem;
    display: block;
    line-height: 1;
    text-align: center; }

.pen-ttl {
  width: 100%;
  max-width: 1024px;
  margin: auto;
  position: relative; }
  .pen-ttl .number-area {
    padding: 20px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    background: #173F93; }
    .pen-ttl .number-area > div {
      font-size: clamp(1.8rem, calc(36 / 1024 * 100vw), 3.6rem);
      font-weight: 500;
      color: #fff; }
    .pen-ttl .number-area .number {
      text-align: center;
      position: relative; }
      .pen-ttl .number-area .number span {
        color: #F5D234; }
      .pen-ttl .number-area .number::after {
        content: "";
        width: 1px;
        height: 100%;
        background: #fff;
        display: inline-block;
        position: absolute;
        right: 0; }
    .pen-ttl .number-area .number2 {
      text-align: center; }

.eiyo-ttl {
  width: 100%;
  max-width: 1024px;
  margin: auto;
  position: relative; }
  .eiyo-ttl .number-area {
    padding: 20px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    background: #b81d26; }
    .eiyo-ttl .number-area > div {
      font-size: clamp(1.8rem, calc(36 / 1024 * 100vw), 3.6rem);
      font-weight: 500;
      color: #fff; }
    .eiyo-ttl .number-area .number {
      text-align: center;
      position: relative; }
      .eiyo-ttl .number-area .number span {
        color: #F5D234; }
      .eiyo-ttl .number-area .number::after {
        content: "";
        width: 1px;
        height: 100%;
        background: #fff;
        display: inline-block;
        position: absolute;
        right: 0; }
    .eiyo-ttl .number-area .number2 {
      text-align: center; }

.breadcrumb {
  position: relative;
  z-index: 1;
  max-width: 1024px;
  margin: auto; }
  .breadcrumb ul {
    font-size: 1.2rem;
    padding: 5px 5vw;
    color: #333; }
    .breadcrumb ul a {
      text-decoration: underline; }
    .breadcrumb ul li {
      display: inline; }
    .breadcrumb ul li + li:before {
      content: "";
      display: inline-block;
      width: 6px;
      height: 6px;
      border-top: 1px solid #333;
      border-right: 1px solid #333;
      transform: rotate(45deg);
      margin: 0 12px 0 3px;
      vertical-align: 1px; }

.u-contents p + p {
  margin-top: clamp(15px, calc(15 / 1024 * 100vw), 15px); }

@media (max-width: 800px) {
  .page-ttl {
    aspect-ratio: auto; }
    .page-ttl .container {
      padding-top: 0; }
    .page-ttl .page-ttl-main {
      margin: 0px auto 0;
      padding-bottom: 15px; }
    .page-ttl .page-ttl-sub {
      margin-bottom: 0;
      margin-top: 15px;
      letter-spacing: normal; } }
/*---------
下層見出し
---------*/
.u-contents .page-ttl-main, .u-contents .u-h2, .u-contents h2, .u-contents .u-h3, .u-contents h3, .u-contents .u-h4, .u-contents h4, .u-contents .u-h5, .u-contents h5 {
  letter-spacing: normal;
  line-height: 1.7; }

.u-h2, .postdata h1 {
  display: block;
  font-family: "Noto Serif JP", serif;
  font-size: clamp(2.4rem, calc(36 / 1024 * 100vw), 3.6rem);
  letter-spacing: 0.1em;
  color: #173F93;
  text-align: center;
  padding-bottom: 30px;
  border-bottom: 1px solid #A7B2C0;
  margin-bottom: 50px;
  /*下線追加*/
  /**icon追加**/ }
  .u-h2 span, .postdata h1 span {
    color: #707F89;
    font-family: "Archivo Narrow", sans-serif;
    font-size: 1.8rem;
    display: block;
    line-height: 1;
    text-align: center; }

.u-h3, h3.wp-block-heading {
  font-size: clamp(2rem, calc(30 / 1024 * 100vw), 3rem);
  color: #09174E;
  line-height: 1.7;
  margin-bottom: clamp(20px, calc(30 / 1024 * 100vw), 30px);
  padding: 0 0 20px;
  position: relative;
  border-bottom: 1px solid #8F9FAB; }

.u-h4, h4.wp-block-heading {
  font-size: clamp(1.8rem, calc(23 / 1024 * 100vw), 2.3rem);
  margin-bottom: clamp(20px, calc(25 / 1024 * 100vw), 25px);
  padding-left: 2em;
  position: relative;
  line-height: 1.25;
  color: #3F342F;
  /**左にアイテム追加*/ }
  .u-h4.bg-color, h4.wp-block-heading.bg-color {
    padding: 5px 20px;
    background: #8E7C53;
    color: #fff; }
  .u-h4::before, h4.wp-block-heading::before {
    content: "⚪︎";
    font-size: clamp(2.3rem, calc(23 / 1024 * 100vw), 3rem);
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%); }

.postdata a {
  text-decoration: underline; }
.postdata .wp-block-button a {
  color: #fff; }

.num-ttl {
  border-bottom: 2px solid #eee;
  font-size: 2rem;
  padding-bottom: 10px;
  margin-bottom: 30px; }
  .num-ttl .num {
    background: #655144;
    display: inline-block;
    color: #fff;
    font-size: 1.2rem;
    line-height: 25px;
    padding: 0 9px;
    margin-right: 20px;
    vertical-align: 3px;
    position: relative; }
  .num-ttl .num::after {
    content: "";
    border-style: solid;
    border-width: 12.5px 0 12.5px 7px;
    border-color: transparent transparent transparent #FFB750;
    position: absolute;
    top: 0;
    right: -7px; }

.num-ttl-icon {
  margin-bottom: 30px;
  font-size: clamp(2rem, calc(22 / 1024 * 100vw), 2.2rem);
  display: grid;
  align-items: center;
  grid-template-columns: clamp(50px, calc(41 / 1024* 100vw), 41px) 1fr;
  gap: 10px; }
  .num-ttl-icon .num {
    background: #09174E;
    margin-right: 10px;
    border-radius: 100vw;
    width: clamp(50px, calc(41 / 1024 * 100vw), 41px);
    aspect-ratio: 1/1;
    display: flex;
    justify-content: center;
    align-items: center; }
    .num-ttl-icon .num span {
      font-size: 2rem;
      font-family: "Cormorant Infant", serif;
      color: #fff;
      letter-spacing: normal; }

.u-catch {
  font-size: clamp(2rem, calc(24 / 1024 * 100vw), 2.4rem);
  margin-bottom: clamp(20px, calc(30 / 1024 * 100vw), 30px);
  position: relative;
  line-height: 1.7; }
  .u-catch .en {
    display: block;
    font-size: 35px;
    font-family: "Cormorant Infant", serif; }

.u-marker {
  text-align: center;
  margin-bottom: 20px; }
  .u-marker span {
    background: linear-gradient(transparent 50%, #949B9180 50%);
    font-size: clamp(1.8rem, calc(22 / 1024 * 100vw), 2.2rem);
    font-weight: 700; }
    .u-marker span.en {
      font-family: "Cormorant Infant", serif; }

@media (max-width: 800px) {
  .u-h2 span {
    display: block;
    margin-left: 0em; }

  .num-ttl {
    font-size: 1.8rem;
    margin-bottom: 15px; }

  .num-ttl .num {
    display: table;
    font-size: 1rem;
    padding: 0 10px;
    margin-bottom: 8px; }

  .num-ttl .num::after {
    display: none; } }
.short, .x-short {
  position: relative;
  z-index: 1; }
  .short.narrow, .x-short.narrow {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto; }
    .short.narrow p, .x-short.narrow p {
      text-align: justify; }
  .short.ptb, .x-short.ptb {
    padding: clamp(50px, calc(80 / 1024 * 100vw), 80px) 0; }
  .short.bg-color, .x-short.bg-color {
    z-index: 0; }
    .short.bg-color::after, .x-short.bg-color::after {
      content: "";
      width: 100vw;
      height: 80%;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      background: #E9FBF5; }

.short + .short {
  margin-top: clamp(40px, calc(60 / 1024 * 100vw), 60px); }

.x-short + .x-short {
  margin-top: clamp(30px, calc(50 / 1024 * 100vw), 50px); }

.tall {
  padding: clamp(30px, calc(50 / 1024 * 100vw), 50px) 0;
  position: relative; }
  .tall.bg-wh {
    background: #ffffff;
    border-top-right-radius: 217px; }
  .tall.bg-color {
    background: #F2F4F6; }
  @media (max-width: 800px) {
    .tall.bg-wh {
      border-top-right-radius: 40px; }
    .tall.bg-pattern {
      background: rgba(181, 223, 252, 0.27);
      padding: 0; } }
  .tall.modal {
    padding: 5% 0;
    margin: auto;
    width: 95%;
    max-width: 1024px; }
  .tall:last-child {
    margin-bottom: clamp(30px, calc(50 / 1024 * 100vw), 50px); }

.tall + .tall.bg-color {
  margin-top: clamp(30px, calc(50 / 1024 * 100vw), 50px); }

.tall + .tall {
  padding-top: 0; }

.tall + nav {
  margin-top: 0;
  margin-bottom: 50px; }

.col1, .col2, .col3, .col4 {
  display: grid; }
  .col1.flex-start, .col2.flex-start, .col3.flex-start, .col4.flex-start {
    align-items: flex-start;
    grid-column-gap: 20px;
    grid-row-gap: 0px; }
  .col1.gap20, .col2.gap20, .col3.gap20, .col4.gap20 {
    grid-column-gap: 20px;
    grid-row-gap: 20px; }
  .col1.gap30, .col2.gap30, .col3.gap30, .col4.gap30 {
    grid-column-gap: 30px;
    grid-row-gap: 30px; }
    .col1.gap30.row-gap50, .col2.gap30.row-gap50, .col3.gap30.row-gap50, .col4.gap30.row-gap50 {
      grid-row-gap: 50px; }
  .col1.gap50, .col2.gap50, .col3.gap50, .col4.gap50 {
    grid-column-gap: 50px;
    grid-row-gap: 30px; }
  .col1.gap4p, .col2.gap4p, .col3.gap4p, .col4.gap4p {
    grid-column-gap: 4%;
    grid-row-gap: 4%; }
  .col1.gap80, .col2.gap80, .col3.gap80, .col4.gap80 {
    grid-column-gap: 80px;
    grid-row-gap: 40px; }
  .col1 .baseline, .col2 .baseline, .col3 .baseline, .col4 .baseline {
    display: flex;
    flex-direction: column;
    align-self: flex-end; }

.col2-flex {
  display: flex;
  justify-content: center;
  flex-wrap: wrap; }
  .col2-flex.gap30 {
    grid-column-gap: 30px;
    grid-row-gap: 30px; }
    .col2-flex.gap30 li {
      width: 48%; }

.col3-flex {
  display: flex;
  justify-content: center;
  flex-wrap: wrap; }
  .col3-flex.gap30 {
    grid-column-gap: 30px;
    grid-row-gap: 30px; }
    .col3-flex.gap30 li {
      width: 31.3333%; }

.col1 {
  grid-template-columns: repeat(1, 1fr); }

.col2 {
  grid-template-columns: repeat(2, 1fr); }

.col3 {
  grid-template-columns: repeat(3, 1fr); }

.col4 {
  grid-template-columns: repeat(4, 1fr); }

.auto {
  display: flex !important;
  flex-wrap: wrap;
  gap: 30px; }

@media (max-width: 800px) {
  .col1, .col2, .col3, .col4 {
    grid-template-columns: repeat(1, 1fr); }
    .col1.gap30, .col2.gap30, .col3.gap30, .col4.gap30 {
      grid-column-gap: 20px;
      grid-row-gap: 20px; }
    .col1.gap50, .col2.gap50, .col3.gap50, .col4.gap50 {
      grid-row-gap: 20px; }

  .col4.gap20 {
    grid-row-gap: 20px; }

  .col3.gap20 {
    grid-row-gap: 0px; }

  .col3-flex, .col2-flex {
    display: grid;
    grid-template-columns: repeat(1, 1fr); }
    .col3-flex.gap30 li, .col2-flex.gap30 li {
      width: 100%; } }
.list-disc.strong li {
  font-weight: bold; }

.list-disc li {
  position: relative;
  padding-left: 20px;
  line-height: 2; }
  .list-disc li.ttl {
    font-size: 1.8rem;
    padding-left: 0; }
    .list-disc li.ttl::before {
      content: none; }
  .list-disc li a {
    text-decoration: underline; }

.list-disc.large li {
  padding-left: 25px;
  line-height: 2; }

.list-disc li:before {
  content: "";
  background: #09174E;
  border-radius: 50%;
  display: block;
  position: absolute;
  left: 0;
  top: .85em;
  width: 5px;
  height: 5px; }

.list-disc.large li:before {
  content: "";
  width: 9px;
  height: 9px;
  position: absolute;
  left: 0;
  top: 11px; }

.list-check.strong li {
  font-weight: bold; }
.list-check li {
  position: relative;
  padding-left: 25px; }
.list-check li::before {
  content: "";
  width: 15px;
  height: 9px;
  border-left: 3px solid #111;
  border-bottom: 3px solid #111;
  transform: rotate(-45deg);
  position: absolute;
  top: 10px;
  left: 0; }
.list-check.bg-w-block li {
  padding: 1% 5% 1% 12%;
  background: #fff;
  border-radius: 4px; }
  .list-check.bg-w-block li::before {
    margin-left: 5%;
    top: 12x; }

.list-num {
  counter-reset: number; }

.list-num > li {
  position: relative;
  padding-left: 2em;
  line-height: 1.6; }

.list-num > li::before {
  counter-increment: number;
  content: counter(number) "）";
  position: absolute;
  left: 0;
  top: 0; }

.list-num > li + li {
  margin-top: 10px; }

.list-disc, .list-check {
  display: grid; }
  .list-disc.colFree, .list-check.colFree {
    display: flex;
    flex-wrap: wrap;
    grid-column-gap: 30px;
    grid-row-gap: 20px; }

.list-disc.col2, .list-check.col2 {
  grid-gap: 10px 30px; }

.list-disc.col3, .list-check.col3 {
  grid-gap: 10px 30px; }

.list-price p a {
  text-decoration: underline;
  color: #9A76AD !important; }
.list-price > li + li {
  margin-top: 20px; }
.list-price .list-intro {
  border-bottom: 1px solid #09174E;
  display: flex;
  align-items: flex-end;
  grid-gap: 10px;
  justify-content: space-between;
  font-weight: 500;
  font-size: 1.8rem;
  font-weight: 700;
  padding: 0 0 5px;
  color: #452E1D; }
  .list-price .list-intro .ttl span {
    padding-left: 2em; }
.list-price .list-desc {
  color: #B49E8E;
  font-size: 1.3rem;
  margin-top: 5px; }

@media (max-width: 800px) {
  .list-disc.col2, .list-check.col2 {
    grid-gap: 5px; }

  .list-disc.col3, .list-check.col3 {
    grid-gap: 5px; }

  .list-price > li + li {
    margin-top: 15px; }
  .list-price .list-intro {
    font-size: 1.6rem; }

  .item > ul {
    margin-bottom: 10px; }

  .item + .item > ul {
    margin-bottom: 0px; }

  ul + ul {
    margin-top: 0px; } }
.u-dl-style {
  display: grid;
  grid-template-columns: 20%  1fr;
  grid-template-rows: auto;
  grid-row-gap: 5px;
  align-items: baseline; }
  .u-dl-style dt {
    color: #fff;
    background: #09174E;
    border-radius: 5px;
    font-size: 13px;
    padding: 0 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1.75; }
    .u-dl-style dt.bg-color {
      background: #E9FBF5;
      color: #fff;
      justify-content: center; }
  .u-dl-style dd {
    font-size: 15px;
    line-height: 1.75;
    padding: 8px 0 0 30px;
    display: flex;
    flex-direction: column;
    justify-content: center; }
    .u-dl-style dd.bg-gray {
      background: #F2F2F2; }

.u-dl-style02 {
  display: grid;
  grid-template-columns: 30%  1fr;
  grid-template-rows: auto;
  grid-row-gap: 15px; }
  .u-dl-style02 dt {
    color: #fff;
    background: #09174E;
    font-size: clamp(1.6rem, calc(17 / 1024 * 100vw), 1.7rem);
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    line-height: 1.65; }
    .u-dl-style02 dt span {
      font-size: 1.3rem; }
  .u-dl-style02 dd {
    font-size: clamp(1.4rem, calc(15 / 1024 * 100vw), 1.5rem);
    line-height: 1.5;
    padding: 20px;
    background: #F1F4F6;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border: 0 solid #09174E; }
    .u-dl-style02 dd.bg-gray {
      background: #F2F2F2; }

@media (max-width: 800px) {
  .u-dl-style {
    grid-template-columns: 1fr;
    grid-gap: 0px;
    grid-row-gap: 0; }
    .u-dl-style dt {
      padding: 0px 15px; }
    .u-dl-style dd {
      padding: 10px 15px;
      font-size: 14px; }

  .u-dl-style02 {
    display: block; } }
.u-dl-style01 {
  display: grid;
  grid-gap: 15px; }
  .u-dl-style01 .item {
    display: grid;
    grid-template-columns: 25% 75%;
    grid-gap: 10px 0; }
  .u-dl-style01 dt {
    background: #09174E;
    color: #fff;
    font-weight: bold;
    padding: 20px; }
  .u-dl-style01 dd {
    background: #F1F4F6;
    font-size: 15px;
    padding: 20px; }

/*よくある数字のタイトル*/
.u-ttl-num {
  display: flex;
  align-items: center;
  gap: 15px;
  line-height: 1.5;
  padding-bottom: 20px;
  margin-bottom: 30px;
  border-bottom: solid 1px #BDC7D1;
  font-size: clamp(1.8rem, calc(20 / 1024 * 100vw), 2rem); }
  .u-ttl-num .num {
    background-color: #09174E;
    color: #fff;
    font-family: "Red Hat Text", sans-serif;
    font-size: 15px;
    flex: 0 0 38px;
    line-height: 38px;
    margin-top: 2px;
    text-align: center;
    border-radius: 100vw; }
  .u-ttl-num .ttl {
    font-size: 19px;
    flex: 1; }

.u-ttl-num02 {
  display: grid;
  align-items: center;
  grid-template-columns: 72px 1fr;
  gap: 20px;
  line-height: 1.5;
  margin-bottom: 30px; }
  .u-ttl-num02 .num {
    border-radius: 100vw;
    background-color: #8F9FAB;
    color: #fff;
    font-size: 2.8rem;
    font-family: "Mrs Saint Delafield", cursive;
    line-height: 1;
    text-align: center;
    height: 74px;
    width: 74px;
    padding-top: 12px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center; }
  .u-ttl-num02 .ttl {
    font-size: clamp(2.2rem, calc(24 / 1024* 100vw), 2.4rem);
    letter-spacing: .15em; }

/*よくあるiconのタイトル*/
.u-icon-ttl {
  font-size: 2rem;
  padding: 0 0 0px 50px;
  margin: 0 0 20px;
  position: relative; }
  .u-icon-ttl i {
    background: #09174E;
    border-radius: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 35px;
    height: 35px;
    top: 0;
    left: 0;
    position: absolute; }
    .u-icon-ttl i img {
      height: 35px;
      width: auto; }

/**料金表**/
.price-ttl {
  font-size: 20px; }

.u-price-style {
  display: grid;
  grid-gap: 20px; }
  .u-price-style .ttl-price {
    text-align: center;
    font-size: clamp(2rem, calc(24 / 1024* 100vw), 2.4rem);
    margin-bottom: 30px;
    line-height: 1.25; }
  .u-price-style > li, .u-price-style .wrap {
    background: #fff;
    border: 1px solid #CCCCCC;
    padding: 5%; }
  .u-price-style .list-intro {
    border-bottom: 1px dotted #ccc;
    display: flex;
    align-items: flex-end;
    grid-gap: 10px;
    justify-content: space-between;
    font-weight: bold;
    font-size: clamp(1.6rem, calc(18 / 1024* 100vw), 1.8rem);
    font-weight: 700;
    padding: 0 0 15px;
    margin-bottom: 15px; }
  .u-price-style .list-desc {
    font-size: clamp(1.6rem, calc(18 / 1024* 100vw), 1.8rem);
    margin-top: 8px;
    display: flex;
    align-items: flex-end;
    grid-gap: 10px;
    justify-content: space-between;
    font-weight: bold;
    font-size: clamp(1.6rem, calc(18 / 1024* 100vw), 1.8rem);
    font-weight: 700; }

@media (max-width: 800px) {
  .u-price-style {
    grid-gap: 15px; }
    .u-price-style .list-intro, .u-price-style .list-desc {
      font-size: 14px; }
    .u-price-style .list-desc {
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-start;
      grid-gap: 0; } }
.u-price-list {
  display: grid;
  grid-template-columns: 25% 75%;
  grid-gap: 0;
  border-top: 1px solid #463632; }
  .u-price-list dt {
    color: #463632;
    background: #E9EFF0;
    font-size: clamp(18px, calc(20 / 1024 * 100vw), 20px);
    padding: 20px;
    text-align: center;
    border-bottom: 1px solid #463632; }
  .u-price-list dd {
    color: #222;
    text-align: right;
    font-size: clamp(15px, calc(16 / 1024 * 100vw), 16px);
    padding: 20px;
    border-bottom: 1px solid #463632; }

/*メリットデメリット*/
.u-merit-demerit {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 4%; }
  .u-merit-demerit .item {
    background: #fff;
    border-top: 5px solid #09174E;
    padding: 35px; }
    .u-merit-demerit .item:nth-of-type(2) {
      background: #fff;
      border-color: #09174E; }
      .u-merit-demerit .item:nth-of-type(2) .list-disc li:before {
        content: "";
        background: #09174E; }
      .u-merit-demerit .item:nth-of-type(2) .item-ttl::after {
        color: #09174E; }
  .u-merit-demerit .item-ttl {
    font-size: 20px;
    line-height: 1;
    margin-bottom: 25px; }
    .u-merit-demerit .item-ttl::after {
      content: attr(data-en);
      font-size: 15px;
      letter-spacing: 0.05em;
      margin-left: 15px; }

@media (max-width: 800px) {
  .u-merit-demerit {
    grid-template-columns: 1fr;
    grid-gap: 25px; }
    .u-merit-demerit .item {
      padding: 35px 25px; }
    .u-merit-demerit .item-ttl {
      font-size: 20px;
      margin-bottom: 20px; } }
/*イメージトリミング*/
.l-imgR, .l-imgL {
  display: flex;
  justify-content: space-between;
  align-items: flex-start; }

.l-imgR .l-img {
  margin: 0 0 0 40px;
  width: 40%;
  position: relative; }
  .l-imgR .l-img img {
    width: 100%; }

.l-imgL .l-img {
  margin: 0 40px 0 0;
  width: 40%;
  position: relative; }
  .l-imgL .l-img img {
    width: 100%; }

.l-imgR .l-img.zure {
  margin: 0 0 0 40px;
  position: relative;
  left: -20px; }
  .l-imgR .l-img.zure img {
    width: 100%; }
  .l-imgR .l-img.zure::after {
    content: "";
    width: 100%;
    height: 100%;
    background: #F1F4F6;
    position: absolute;
    bottom: -20px;
    left: 20px;
    z-index: -1; }

.l-imgR .l-img.small, .l-imgL .l-img.small {
  width: 30%; }

.l-imgR .l-img.mid, .l-imgL .l-img.mid {
  width: 40%; }

.l-imgR .l-img.harf, .l-imgL .l-img.harf {
  width: 50%; }

.l-imgR .l-img.wide, .l-imgL .l-img.wide {
  width: 60%; }

.l-imgR .l-desc, .l-imgL .l-desc {
  flex: 1; }
  .l-imgR .l-desc .l-ttl, .l-imgL .l-desc .l-ttl {
    font-size: clamp(2.1rem, calc(21 / 1024* 100vw), 2.1rem);
    margin: 0 0 clamp(20px, calc(30 / 1024 * 100vw), 30px);
    position: relative;
    display: block; }
    .l-imgR .l-desc .l-ttl span, .l-imgL .l-desc .l-ttl span {
      display: block;
      font-size: 1.6rem;
      font-weight: normal; }
  .l-imgR .l-desc .sub-ttl, .l-imgL .l-desc .sub-ttl {
    font-size: clamp(4rem, calc(70 / 1800* 100vw), 7rem);
    font-family: "Cormorant Infant", serif;
    line-height: 1;
    letter-spacing: .1em;
    color: rgba(0, 0, 0, 0.05);
    margin-top: 1em; }
  .l-imgR .l-desc .job, .l-imgL .l-desc .job {
    padding-bottom: 15px; }
  .l-imgR .l-desc .name, .l-imgL .l-desc .name {
    font-size: 25px;
    font-weight: 700; }
  .l-imgR .l-desc .kana, .l-imgL .l-desc .kana {
    padding-left: 15px; }

.l-imgR {
  flex-direction: row-reverse; }

.l-imgR .l-img {
  margin: 0 0 0 40px; }
  .l-imgR .l-img .shadow {
    box-shadow: 0px 0px 5px 5px #eeeeee80; }

.fl-wrap {
  display: flow-root; }

.fl-imgR, .fl-imgL {
  width: 40%; }
  .fl-imgR .shadow, .fl-imgL .shadow {
    box-shadow: 0px 0px 5px 5px #eeeeee80; }

.fl-imgR.small, .fl-imgL.small {
  width: 30%; }

.fl-imgR {
  float: right;
  margin: 0 0 15px 35px; }

.fl-imgL {
  float: left;
  margin: 0 35px 15px 0; }

.l-col2, .l-col3 {
  display: grid; }

.l-col2 {
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 5%; }
  .l-col2.v-center {
    align-items: center; }

.l-col3 {
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 3%; }

@media (max-width: 800px) {
  .l-imgR, .l-imgL {
    display: block; }
    .l-imgR.reverse, .l-imgL.reverse {
      display: flex;
      flex-direction: column-reverse; }
      .l-imgR.reverse .l-img, .l-imgL.reverse .l-img {
        margin: 15px 0 0; }

  .l-imgR .l-img, .l-imgL .l-img {
    margin: 0 0 15px;
    text-align: center;
    width: 100%; }

  .l-imgR .l-img.small, .l-imgL .l-img.small {
    width: 100%; }

  .l-imgR .l-img.zure {
    margin: 0 0 30px 0;
    position: relative;
    left: 0px;
    width: 100%; }

  .l-imgR .l-img.wide, .l-imgL .l-img.wide {
    width: 100%; }

  .l-imgR .l-img.mid, .l-imgL .l-img.mid {
    width: 100%; }

  .l-imgR .l-img.harf, .l-imgL .l-img.harf {
    width: 100%; }

  .l-imgR .l-desc .l-ttl, .l-imgL .l-desc .l-ttl {
    letter-spacing: normal; }

  .l-imgR .l-desc .sub-ttl, .l-imgL .l-desc .sub-ttl {
    margin-top: .25em; }

  .l-imgR .l-img {
    margin: 0 0 15px; }
    .l-imgR .l-img.box-shadow {
      margin: 0 0 50px;
      width: 100%; }

  .fl-imgR, .fl-imgL {
    float: none;
    margin: 0 0 15px;
    width: 100%; }

  .fl-imgR.small, .fl-imgL.small {
    width: 100%; }

  .fl-imgR.wide, .fl-imgL.wide {
    width: 100%; }

  .l-col2, .l-col3 {
    grid-template-columns: 1fr;
    grid-gap: 30px; }

  .l-col2, .l-col3 {
    grid-template-columns: 1fr;
    grid-gap: 30px; } }
.u-l-style01 {
  display: flex;
  align-items: center;
  gap: 5%;
  margin: 0 0 0 -10%; }
  .u-l-style01 .l-img {
    width: 56.64%; }
    .u-l-style01 .l-img img {
      aspect-ratio: 90 / 46; }
  .u-l-style01 .l-desc {
    flex: 1; }
  .u-l-style01.reverse {
    flex-direction: row-reverse;
    margin: 0 -10% 0 0; }
  .u-l-style01 .l-num {
    display: inline-block;
    font-size: clamp(8rem, calc(100 / 1024 * 100vw), 10rem);
    font-family: "Cormorant Infant", serif;
    line-height: 1;
    margin-bottom: 15px;
    color: #F1F4F6; }
  .u-l-style01 .l-ttl {
    font-size: clamp(2.2rem, calc(28 / 1024 * 100vw), 2.8rem);
    margin-bottom: 30px;
    color: #333; }
    .u-l-style01 .l-ttl span {
      color: #8FA1B2;
      font-size: 1.6rem;
      display: block; }
  .u-l-style01 .l-sub-ttl {
    display: flex;
    gap: 25px;
    align-items: center;
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 30px; }
    .u-l-style01 .l-sub-ttl::before {
      content: "";
      flex: 0 0 30px;
      background: #4a8eff;
      width: 30px;
      height: 2px; }

@media (max-width: 800px) {
  .u-l-style01 {
    flex-direction: column;
    gap: 35px;
    margin: 0 -5vw; }
    .u-l-style01 .l-img {
      width: 100%; }
    .u-l-style01.reverse {
      flex-direction: column;
      margin: 0 -5vw; }
    .u-l-style01 .l-desc {
      padding: 0 5vw; }
    .u-l-style01 .l-num {
      font-size: 20px;
      margin-bottom: 20px; }
    .u-l-style01 .l-ttl {
      font-size: 22px;
      margin-bottom: 20px; }
    .u-l-style01 .l-sub-ttl {
      gap: 20px;
      font-size: 18px;
      margin-bottom: 25px; } }
.u-l-style02 {
  display: flex;
  position: relative;
  margin-bottom: 100px; }
  .u-l-style02::after {
    content: "";
    position: absolute;
    width: 60%;
    height: 100%;
    margin-top: 80px;
    background: #F9F3ED;
    z-index: -1;
    right: 0; }
  .u-l-style02 .l-img {
    position: relative;
    width: 45%;
    z-index: 1;
    margin-left: 40px; }
    .u-l-style02 .l-img::before {
      position: absolute;
      content: "";
      border: 1px solid #BE9407;
      width: 100%;
      aspect-ratio: 77 / 49;
      left: -10px;
      top: -10px; }
    .u-l-style02 .l-img img {
      aspect-ratio: 77 / 49; }
  .u-l-style02 .l-desc {
    padding: 75px 0px 0 80px;
    margin: 80px 0 0 0;
    flex: 1;
    position: relative;
    max-width: 510px; }
    .u-l-style02 .l-desc .l-num {
      font-size: 8.5rem;
      font-family: "Cormorant Infant", serif;
      position: absolute;
      left: auto;
      top: -25px; }
    .u-l-style02 .l-desc .l-kazari {
      color: #917106;
      font-size: clamp(6rem, calc(120 / 1024 * 100vw), 12rem);
      font-family: "Mrs Saint Delafield", cursive;
      transform: rotate(-5deg);
      position: absolute;
      left: 50%;
      top: -.25em;
      width: 100%;
      z-index: 1; }
  .u-l-style02.reverse {
    flex-direction: row-reverse; }
    .u-l-style02.reverse .l-desc {
      margin: 50px -5% 0 0; }
      .u-l-style02.reverse .l-desc .l-num {
        font-size: 8.5rem;
        font-family: "Cormorant Infant", serif;
        position: absolute;
        left: 25px;
        top: -25px; }
  .u-l-style02 .l-ttl {
    font-size: clamp(3rem, calc(36 / 1024 * 100vw), 3.6rem);
    margin-bottom: 30px; }

@media (max-width: 800px) {
  .u-l-style02 {
    flex-direction: column;
    margin-bottom: 50px; }
    .u-l-style02::after {
      content: "";
      position: absolute;
      width: 100%;
      height: 100%;
      margin-top: 50px;
      z-index: -1;
      right: 0; }
    .u-l-style02 .l-img {
      width: 100%;
      margin: 0; }
      .u-l-style02 .l-img::before {
        width: 95%;
        left: 10px; }
    .u-l-style02 .l-desc {
      padding: 50px 5vw 0px;
      margin: 0; }
      .u-l-style02 .l-desc .l-kazari {
        left: auto;
        right: 5%;
        top: 0em;
        width: auto; }
    .u-l-style02.reverse {
      flex-direction: column; }
      .u-l-style02.reverse .l-desc {
        padding: 120px 5vw 30px;
        margin: -80px -5vw 0; }
    .u-l-style02 .l-num {
      font-size: 18px;
      margin-bottom: 15px; }
    .u-l-style02 .l-ttl {
      font-size: 22px;
      margin-bottom: 10px; }
    .u-l-style02 .l-sub-ttl {
      gap: 15px;
      font-size: 17px;
      margin-bottom: 15px; }
      .u-l-style02 .l-sub-ttl::before {
        flex: 0 0 20px;
        width: 20px; } }
.u-l-style03 {
  display: flex; }
  .u-l-style03 .l-img {
    position: relative;
    width: 45%;
    z-index: 2; }
  .u-l-style03 .l-desc {
    background: #F9F3ED;
    padding: 55px 55px 55px 150px;
    margin: 50px 0 0 -100px;
    flex: 1; }
    .u-l-style03 .l-desc .l-ttl {
      font-size: clamp(2rem, calc(30 / 1024 * 100vw), 3rem);
      color: #09174E;
      margin-bottom: clamp(20px, calc(30 / 1024 * 100vw), 30px); }
  .u-l-style03.reverse {
    flex-direction: row-reverse; }
    .u-l-style03.reverse .l-desc {
      padding: 55px 150px 55px 55px;
      margin: 50px -100px 0 0; }

@media (max-width: 800px) {
  .u-l-style03 {
    flex-direction: column; }
    .u-l-style03 .l-img {
      width: 100%; }
    .u-l-style03 .l-desc {
      padding: 120px 5vw 30px;
      margin: -80px 0 0; }
    .u-l-style03.reverse {
      flex-direction: column; }
      .u-l-style03.reverse .l-desc {
        padding: 120px 5vw 30px;
        margin: -80px 0 0; }
    .u-l-style03 .l-num {
      font-size: 18px;
      margin-bottom: 15px; }
    .u-l-style03 .l-ttl {
      font-size: 22px;
      margin-bottom: 10px; }
    .u-l-style03 .l-sub-ttl {
      gap: 15px;
      font-size: 17px;
      margin-bottom: 15px; }
      .u-l-style03 .l-sub-ttl::before {
        flex: 0 0 20px;
        width: 20px; } }
/*-------
    下層ボタン
    --------*/
.u-btn-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  align-items: center;
  position: relative;
  z-index: 3; }
  .u-btn-wrap.col4 a {
    width: 23%; }
  .u-btn-wrap.col3 a {
    width: 31%; }
  .u-btn-wrap.flex-end {
    justify-content: flex-end; }
  .u-btn-wrap.between {
    justify-content: space-between; }
  .u-btn-wrap.around {
    justify-content: space-around; }
  .u-btn-wrap.center {
    justify-content: center;
    flex-wrap: wrap; }
    .u-btn-wrap.center.nowrap {
      flex-wrap: nowrap; }
    @media (max-width: 800px) {
      .u-btn-wrap.center.nowrap {
        flex-wrap: wrap; } }
  .u-btn-wrap.column {
    flex-direction: column; }

.u-btn-more {
  /**base*/
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 90%;
  max-width: 240px;
  height: 60px;
  padding: 0;
  color: #fff;
  font-size: 1.6rem;
  line-height: 1;
  font-weight: bold;
  border-radius: 100vw;
  background: #173F93;
  font-feature-settings: "palt"; }
  .u-btn-more.large {
    width: 100%;
    max-width: 540px; }
    .u-btn-more.large::before {
      content: "";
      display: block;
      width: 30px;
      height: 30px;
      background: url(../images/share/openwindow.svg) no-repeat center/contain;
      position: absolute;
      right: 30px; }
  .u-btn-more.login {
    background: #EF858C; }
  .u-btn-more.index {
    background: #A7B2C0; }
  .u-btn-more.tel {
    padding: 0 15px;
    display: flex;
    justify-content: center;
    align-items: center; }
    .u-btn-more.tel i {
      margin-right: 5px;
      height: 16px; }
      .u-btn-more.tel i img {
        height: 20px;
        width: auto; }
    .u-btn-more.tel::before {
      content: none; }
  .u-btn-more.contact {
    color: #FFF;
    background: #09174E;
    width: 230px;
    height: clamp(40px, calc(60 / 1024 * 100vw), 60px);
    padding: 0; }
    .u-btn-more.contact i {
      margin-right: 20px; }
    .u-btn-more.contact::before {
      content: none; }
  .u-btn-more:hover {
    opacity: .75; }
  .u-btn-more.no-icon::before {
    content: none; }
  .u-btn-more.color {
    width: 100%;
    border-radius: 15px;
    background: #008E82;
    color: #fff; }

.u-btn-anchor {
  /**base*/
  display: inline-flex;
  place-items: center;
  position: relative;
  width: 100%;
  max-width: 320px;
  height: 80px;
  padding: 0 45px 0 15px;
  color: #452E1D;
  font-family: "Cormorant Infant", serif;
  font-size: clamp(16px, calc(18 / 1024 * 100vw), 18px);
  line-height: 1.25;
  background: #fff;
  border: 2px solid #FDEAE0;
  border-bottom-right-radius: 20px;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 5px;
  border-top-right-radius: 5px;
  justify-content: center;
  text-align: center;
  transition: opacity 0.5s; }
  .u-btn-anchor::before {
    content: "";
    display: block;
    position: absolute;
    right: 15px;
    width: 30px;
    height: 30px;
    background: url(../images/under/u-icon_anchor.svg) no-repeat center/contain;
    z-index: 1; }
  .u-btn-anchor:hover {
    opacity: .6; }
  .u-btn-anchor.no-icon::before {
    content: none; }
  .u-btn-anchor.color {
    width: 100%;
    border-radius: 15px;
    background: #008E82;
    color: #fff; }

.u-btn-line {
  /**base*/
  display: inline-flex;
  place-items: center;
  position: relative;
  width: 160px;
  height: 40px;
  padding: 0 30px 0 10px;
  font-size: 15px;
  line-height: 1;
  border-radius: 4px;
  background: #06C755;
  color: #fff;
  justify-content: center;
  text-align: center;
  transition: opacity 0.5s; }
  .u-btn-line.Lsize {
    width: max-content; }
  .u-btn-line:hover {
    opacity: .6; }

.u-btn-icon {
  /**base*/
  display: inline-flex;
  grid-template-rows: repeat(2, min-content);
  align-content: center;
  place-items: center;
  position: relative;
  width: 210px;
  height: 50px;
  color: #FFF;
  font-size: 16px;
  line-height: 1.640625em;
  background: #09174E;
  justify-content: center;
  text-align: center;
  align-items: center;
  transition: opacity 0.5s; }
  .u-btn-icon img {
    margin-right: .5em;
    margin-top: 3px; }
  .u-btn-icon:hover {
    opacity: .6; }

@media (max-width: 800px) {
  .col2 .u-btn-wrap a {
    width: 100%; }

  .u-btn-wrap {
    flex-wrap: wrap; }
    .u-btn-wrap.col4 a {
      width: 45%; }
    .u-btn-wrap.between {
      justify-content: center; }
    .u-btn-wrap.center {
      justify-content: center;
      flex-wrap: wrap;
      grid-column-gap: 10px;
      grid-row-gap: 10px; }
      .u-btn-wrap.center a {
        width: 100%; }
      .u-btn-wrap.center .u-btn-contact {
        display: inline-flex;
        place-items: center;
        position: relative;
        height: 40px;
        padding: 0 15px;
        color: #333;
        font-family: "Cormorant Infant", serif;
        font-size: 12px;
        line-height: 1.25;
        background: #E9FBF540;
        border: 1px solid #E9FBF5;
        justify-content: center;
        text-align: center;
        transition: opacity 0.5s; }
      .u-btn-wrap.center .u-btn-anchor {
        display: inline-flex;
        place-items: center;
        position: relative;
        justify-content: center;
        text-align: center;
        transition: opacity 0.5s; }

  .u-btn-more {
    font-size: 1.4rem;
    height: 40px;
    margin: auto; }
    .u-btn-more.Lsize {
      max-width: fit-content;
      padding: 0 30px 0 30px; }
    .u-btn-more::before {
      width: 34px;
      height: 34px; } }
/*color*/
.u-list-anchor-link {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 15px; }
  .u-list-anchor-link.flex {
    display: flex;
    justify-content: center; }
    .u-list-anchor-link.flex li {
      width: 25%; }
  .u-list-anchor-link a {
    display: flex;
    align-items: center;
    background-color: #F1F4F6;
    border-radius: 3px;
    color: #111111;
    font-size: 14px;
    line-height: 1.5;
    position: relative;
    padding: 0 35px 0 15px;
    min-height: 60px;
    transition: opacity .3s; }
    .u-list-anchor-link a::after {
      content: "";
      width: 8px;
      height: 8px;
      border-right: 1px solid #09174E;
      border-bottom: 1px solid #09174E;
      position: absolute;
      top: 50%;
      right: 20px;
      transform: translateY(-50%) rotate(45deg); }
    .u-list-anchor-link a:hover {
      opacity: .7; }

@media (max-width: 800px) {
  .u-list-anchor-link {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 10px; }
    .u-list-anchor-link.flex {
      display: grid; }
      .u-list-anchor-link.flex li {
        width: auto; }
    .u-list-anchor-link a {
      font-size: 13px;
      justify-content: center;
      text-align: center;
      padding: 8px 8px 20px;
      min-height: 0;
      height: 100%; }
      .u-list-anchor-link a::after {
        top: auto;
        bottom: 10px;
        right: 50%;
        transform: translateX(50%) rotate(45deg); }
      .u-list-anchor-link a:hover {
        opacity: .7; } }
/*anchor-line*/
.u-list-anchor-link02 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center; }
  .u-list-anchor-link02.flex-start {
    justify-content: flex-start; }
  .u-list-anchor-link02 li {
    position: relative; }
    .u-list-anchor-link02 li::after {
      content: "";
      display: inline-block;
      background: #e0e0e0;
      width: 2px;
      height: 15px;
      margin: 0 20px;
      vertical-align: -1px; }
    .u-list-anchor-link02 li:last-child::after {
      content: none;
      background: #ff0; }
  .u-list-anchor-link02 a {
    display: inline-block;
    position: relative;
    font-weight: bold;
    padding-right: 25px; }
    .u-list-anchor-link02 a::before {
      content: "";
      background: url("../images/share/u-icon_arrow_down.svg") no-repeat 0 0/contain;
      width: 22px;
      height: 22px;
      position: absolute;
      right: -3px;
      top: 3px; }
    .u-list-anchor-link02 a:hover {
      text-decoration: underline; }

@media (max-width: 800px) {
  .u-list-anchor-link02 {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start; } }
/*テーブル*/
.u-table-style {
  position: relative;
  z-index: 1; }
  .u-table-style + table {
    margin-top: 30px; }
  .u-table-style a, .u-table-style a:link, .u-table-style a:visited {
    text-decoration: underline;
    color: #9A76AD; }
  .u-table-style a:hover, .u-table-style a:focus {
    text-decoration: none; }
  .u-table-style.tac td {
    text-align: center; }
  .u-table-style th, .u-table-style td {
    padding: 10px;
    line-height: 1.5; }
  .u-table-style th {
    background-color: #09174E;
    border: 1px solid #BDC7D1;
    color: #fff; }
    .u-table-style th.tac {
      text-align: center; }
    .u-table-style th.bg01 {
      background-color: #F1F4F6;
      border: 1px solid #BDC7D1;
      color: #333; }
      .u-table-style th.bg01 img {
        width: 80%;
        padding: 2.5%; }
  .u-table-style td {
    background-color: #ffffff;
    border: 1px solid #D1D1D1; }
    .u-table-style td.bg01 {
      background: #F1F4F6;
      font-weight: 700;
      text-align: center;
      vertical-align: middle; }

.table-scroll-txt, .bland-scroll-txt, .scroll-txt {
  display: none; }

@media (max-width: 800px) {
  .u-table-style.sp-layout-table {
    display: block;
    width: 100%; }
    .u-table-style.sp-layout-table tbody, .u-table-style.sp-layout-table tr, .u-table-style.sp-layout-table th, .u-table-style.sp-layout-table td {
      display: block;
      width: 100%; }
    .u-table-style.sp-layout-table th {
      border: 1px solid #ccc; }
    .u-table-style.sp-layout-table td {
      border: 1px solid #E2E2E2; }

  .u-table-style th, .u-table-style td {
    padding: 10px;
    font-size: clamp(14px, calc(17 / 1024 * 100vw), 17px);
    line-height: 1.7; }
    .u-table-style th.tar, .u-table-style td.tar {
      white-space: nowrap; }

  .table-scroll-txt, .bland-scroll-txt, .scroll-txt {
    display: flex;
    align-items: center;
    margin-bottom: 10px; }

  .table-scroll-txt::before, .bland-scroll::before {
    content: "";
    display: block;
    background: url(../images/share/u-icon_scroll.svg) no-repeat center/contain;
    width: 30px;
    height: 24.5px;
    margin-right: 10px; }

  .table-scroll, .bland-scroll {
    overflow-x: scroll;
    overflow-scrolling: touch;
    -webkit-overflow-scrolling: touch; }

  .table-scroll::-webkit-scrollbar, .bland-scroll::-webkit-scrollbar {
    height: 5px; }

  .table-scroll::-webkit-scrollbar-track, .bland-scroll::-webkit-scrollbar-track {
    border-radius: 5px;
    background: #f5f6f8; }

  .table-scroll::-webkit-scrollbar-thumb, .bland-scroll::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: #333; }

  .table-scroll table {
    margin-bottom: 10px !important;
    width: 150%; }
    .table-scroll table th:first-child {
      left: 0;
      z-index: 1;
      white-space: nowrap; }

  .bland-scroll img {
    max-width: 1000px; } }
.u-time-table {
  border-collapse: collapse;
  width: 100%; }
  .u-time-table tr {
    border-bottom: 1px solid #EDE6F2; }
  .u-time-table th,
  .u-time-table td {
    text-align: center;
    padding: 10px; }
  .u-time-table th {
    background-color: #09174E;
    color: #fff; }
  .u-time-table th:first-child {
    width: 30%; }
  .u-time-table td {
    background-color: #fff; }
  .u-time-table td:first-child {
    background-color: #09174E;
    color: #fff; }

/*---カスタム投稿サイドナビ--*/
.sidebar-layout {
  margin: 0 auto;
  max-width: 1400px;
  display: grid;
  grid-template-columns: 1fr 240px;
  column-gap: 30px; }

.side-contents {
  padding: 0 0px;
  width: 240px; }

.side-contents-wrapper {
  position: sticky;
  top: 110px; }

.side-contents-ttl {
  font-size: 1.8rem;
  font-weight: 700;
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px #09174E solid;
  color: #534033; }

.side-area-item {
  padding: 0px; }

.side-area-links li {
  padding-left: 30px;
  position: relative;
  font-size: 1.5rem; }
  .side-area-links li + li {
    margin-top: 20px; }

.side-area-links li::before {
  content: "";
  background: url("../images/share/u-icon_arrow_down.svg") no-repeat center/contain;
  width: 18px;
  height: 18px;
  position: absolute;
  top: 5px;
  left: 0; }

.side-area-links a {
  display: inline-block; }

.main-contents {
  padding: 0 0px;
  max-width: 1200px;
  margin: 0 auto; }

@media (max-width: 800px) {
  .sidebar-layout {
    flex-direction: column;
    width: 100%;
    display: flex;
    grid-template-columns: 1fr; }

  .sidebar-layout .tall + .tall {
    margin-top: 50px; }

  .sidebar-layout.sp-reverse {
    flex-direction: column; }

  .sidebar-layout.sp-reverse .side-contents {
    margin: 0 0 50px; }

  .main-contents {
    width: 100%;
    padding: 0; }

  .side-contents {
    width: 100%;
    padding: 0;
    margin-top: 50px; }

  .side-contents-wrapper {
    position: sticky;
    top: 20px; }

  .side-contents-ttl {
    font-size: clamp(14px, calc(15 / 1800 * 100vw), 15px);
    padding-bottom: 10px;
    margin-bottom: 15px; }

  .side-area-item + .side-area-item {
    margin-top: 30px; } }
/*---カスタム投稿テーブル--*/
.l-table a {
  text-decoration: underline; }
.l-table a:hover {
  text-decoration: none; }
.l-table th, .l-table td {
  padding: 15px;
  vertical-align: middle; }
.l-table th {
  background-color: #4B4E52;
  font-weight: normal;
  color: #fff;
  border: 1px solid #ccc; }
  .l-table th.bg01 {
    background: #E8EAED;
    color: #E9FBF5; }
.l-table td {
  background-color: #ffffff;
  border: 1px solid #ccc; }
.l-table.center td {
  text-align: center; }

/*---
よくある質問開いたまま
-----*/
.u-faq-style .item + .item {
  border-top: 1px dashed #ccc;
  margin-top: 30px;
  padding-top: 30px; }
.u-faq-style dt {
  font-weight: bold;
  font-size: 20px;
  padding-left: 60px;
  margin-bottom: 15px;
  position: relative; }
.u-faq-style dd {
  position: relative;
  padding-left: 60px; }
  .u-faq-style dd .faq-icon {
    background-color: #A1C6D3; }
.u-faq-style .faq-icon {
  color: #fff;
  display: grid;
  place-items: center;
  background-color: #09174E;
  border-radius: 100vw;
  width: 35px;
  height: 35px;
  font-size: 15px;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0; }

@media (max-width: 800px) {
  .u-faq-style .item + .item {
    margin-top: 15px;
    padding-top: 15px; }
  .u-faq-style dt {
    font-size: 18px;
    line-height: 1.5;
    margin-bottom: 15px; } }
.u-faq-style-sq .item + .item {
  border-top: 1px dashed #ccc;
  margin-top: 30px;
  padding-top: 30px; }
.u-faq-style-sq dt {
  font-weight: bold;
  font-size: 20px;
  padding-left: 60px;
  margin-bottom: 15px;
  position: relative; }
.u-faq-style-sq dd {
  position: relative;
  padding-left: 60px; }
  .u-faq-style-sq dd .faq-icon {
    background-color: #3C4A52; }
.u-faq-style-sq .faq-icon {
  color: #fff;
  display: grid;
  place-items: center;
  background-color: #09174E;
  border-radius: 3px;
  width: 35px;
  height: 35px;
  font-size: 15px;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0; }

@media (max-width: 800px) {
  .u-faq-style-sq .item + .item {
    margin-top: 15px;
    padding-top: 15px; }
  .u-faq-style-sq dt {
    font-size: 18px;
    line-height: 1.5;
    margin-bottom: 15px; } }
/*------------
よくある質問・アコーディオン
--------------*/
.u-faq-style-aco > dt,
.u-faq-style-aco > dd {
  background-color: #fff; }
.u-faq-style-aco > dt {
  cursor: pointer;
  padding: 20px 80px 20px 80px;
  position: relative;
  background: #fff; }
.u-faq-style-aco > dd {
  display: none;
  padding: 20px 20px 30px 80px;
  background: #fff;
  border-bottom: 1px dotted #D4D6D9;
  position: relative; }
  .u-faq-style-aco > dd + dt {
    margin-top: 15px; }
  .u-faq-style-aco > dd .faq-ico-a {
    font-family: "Cormorant Infant", serif;
    background: #00396F;
    color: #fff;
    font-size: 2rem;
    position: absolute;
    top: 18px;
    left: 25px;
    border-radius: 6px;
    width: clamp(30px, calc(40 / 1024 * 100vw), 40px);
    height: clamp(30px, calc(40 / 1024 * 100vw), 40px);
    text-align: center;
    line-height: 40px; }
.u-faq-style-aco .faq-ico {
  font-family: "Cormorant Infant", serif;
  background: #09174E;
  color: #fff;
  font-size: 2rem;
  position: absolute;
  top: 18px;
  left: 25px;
  border-radius: 6px;
  width: clamp(30px, calc(40 / 1024 * 100vw), 40px);
  height: clamp(30px, calc(40 / 1024 * 100vw), 40px);
  text-align: center;
  line-height: 40px; }
.u-faq-style-aco .faq-ttl {
  font-size: 20px;
  font-weight: 500; }
.u-faq-style-aco .faq-open-ico {
  display: inline-block;
  width: 40px;
  height: 40px;
  position: absolute;
  right: 20px;
  top: 15px;
  background: #00396F;
  border-radius: 6px; }
  .u-faq-style-aco .faq-open-ico::after {
    content: "";
    height: 6px;
    width: 24px;
    background-image: url("../images/under/dot3.svg");
    background-repeat: no-repeat;
    background-position: center;
    transform: rotate(0deg) translateX(-50%);
    transform-origin: center left;
    position: absolute;
    top: 40%;
    left: 50%;
    color: #fff;
    width: 30px;
    font-size: 8px;
    text-align: center;
    line-height: 1; }
  .u-faq-style-aco .faq-open-ico::after {
    transition: transform .5s; }
.u-faq-style-aco .is-open .faq-open-ico::after {
  transform: rotate(90deg) translateX(-50%); }

.u-accordion-style {
  background-color: #F2F4F6;
  margin-top: 30px; }
  .u-accordion-style .accordion-btn {
    cursor: pointer;
    padding: 20px 30px;
    position: relative; }
  .u-accordion-style .accordion-desc {
    display: none;
    padding: 0 clamp(0px, calc(30 / 1024 * 100vw), 30px) 30px;
    position: relative; }
  .u-accordion-style .accordion-ttl {
    font-weight: bold;
    font-size: 16px; }
  .u-accordion-style .accordion-open-icon {
    display: inline-block;
    width: 40px;
    height: 40px;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    transition: .3s; }
    .u-accordion-style .accordion-open-icon::before, .u-accordion-style .accordion-open-icon::after {
      content: "";
      display: block;
      background: #333;
      position: absolute;
      top: 50%;
      left: 50%;
      transition: .3s; }
    .u-accordion-style .accordion-open-icon::before {
      width: 16px;
      height: 2px;
      transform: translateX(-50%); }
    .u-accordion-style .accordion-open-icon::after {
      width: 16px;
      height: 2px;
      transform: rotate(90deg) translateX(-50%);
      transform-origin: left;
      transition: transform 0.5s; }
  .u-accordion-style .is-open .accordion-open-icon {
    transform: translateY(-50%) rotate(180deg); }
    .u-accordion-style .is-open .accordion-open-icon::after {
      opacity: 0; }
  .u-accordion-style + .accordion-style {
    margin-top: 15px; }

@media (max-width: 800px) {
  .accordion-style {
    line-height: 1.5; }
    .accordion-style .accordion-btn {
      padding: 15px 35px 15px 15px; }
    .accordion-style .accordion-ttl {
      font-size: 15px; }
    .accordion-style .accordion-desc {
      padding: 0 15px 30px; }
    .accordion-style .accordion-open-icon {
      right: 0; } }
@media (max-width: 800px) {
  .u-faq-style-aco > dt {
    padding: 15px 60px 15px 55px; }
  .u-faq-style-aco > dd {
    padding: 30px 0px 30px 55px; }
    .u-faq-style-aco > dd .faq-ico-a {
      top: 1.5em;
      left: 15px;
      line-height: 30px; }
  .u-faq-style-aco .faq-ico {
    top: .75em;
    left: 15px;
    line-height: 30px; }
  .u-faq-style-aco .faq-ttl {
    font-size: 15px;
    line-height: 1.7; }
  .u-faq-style-aco .faq-open-ico {
    width: 30px;
    height: 30px;
    right: 15px;
    top: 13px; }
    .u-faq-style-aco .faq-open-ico::before {
      width: 12px; } }
/*map,video,tab,faq,accordion*/
.youtube {
  width: 100%;
  aspect-ratio: 16/9;
  background: #F1F4F6; }

.youtube iframe {
  width: 100%;
  height: 100%; }

video {
  width: 100%; }

.google-map iframe {
  vertical-align: bottom;
  width: 100%;
  height: 100%;
  aspect-ratio: 65 / 46; }

.outer-iframe iframe {
  vertical-align: bottom;
  width: 100%;
  height: 100%;
  aspect-ratio: 560 / 315; }

[data-tab-content] {
  display: none; }

[data-tab-content].is-active {
  display: block; }

.tab-list {
  border-bottom: 1px solid #e5e5e5;
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
  justify-content: center;
  padding-bottom: 20px;
  margin-bottom: 20px; }

.tab-nav-item {
  display: inline-block;
  cursor: pointer;
  border-radius: 6px;
  color: #fff;
  font-size: 1.7rem;
  padding: 10px 20px;
  transition: all 0.2s ease;
  background: #09174E; }

.tab-nav-item:hover {
  opacity: .9;
  color: #fff; }

.tab-nav-item.is-active {
  background: #4A9A3F;
  color: #FFF; }

.tab-content.is-active {
  animation: tabFadeIn 0.7s ease 0s 1 normal; }

@keyframes tabFadeIn {
  0% {
    opacity: 0;
    transform: translateY(15px); }
  100% {
    opacity: 1; } }
@media (max-width: 800px) {
  .google-map iframe {
    height: 300px; } }
/*-----------------------------------------------------------
投稿
-----------------------------------------------------------*/
/*お知らせ*/
.u-list-h2 {
  font-size: clamp(2rem, calc(26 / 1024 * 100vw), 2.2rem);
  margin-bottom: 0px; }

.list-under-news {
  border-top: 1px solid #dfdfdf;
  margin-bottom: 30px; }
  .list-under-news a {
    display: grid;
    grid-template-columns: 120px 1fr;
    grid-gap: 25px;
    border-bottom: 1px solid #D1D1D1;
    padding: 20px 0; }
    .list-under-news a:hover .ttl {
      text-decoration: underline; }
  .list-under-news time {
    display: inline-block;
    color: #888;
    margin-right: 25px; }
  .list-under-news .category {
    display: inline-block;
    background-color: #E9FBF5;
    color: #fff;
    font-size: 1.1rem;
    padding: 0 5px;
    margin-right: 15px;
    line-height: 28px; }
  .list-under-news .ttl {
    display: inline-block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden; }

/*通常投稿*/
.list-post-type01 {
  margin-bottom: 80px; }
  .list-post-type01 li, .list-post-type01 article {
    display: flex;
    flex-wrap: wrap; }
  .list-post-type01 li + li {
    margin-top: 50px; }
  .list-post-type01 article + article {
    margin-top: 50px; }
  .list-post-type01 .list-ttl {
    flex-basis: 100%;
    border-bottom: 1px solid #ccc;
    font-size: clamp(2rem, calc(26 / 1024 * 100vw), 2.6rem);
    position: relative;
    padding: 0 0 15px;
    margin: 0 0 25px;
    word-break: break-word; }
  .list-post-type01 .list-ttl a, .list-post-type01 .u-h3 a {
    transition: 0.5s; }
  .list-post-type01 .list-ttl a:hover, .list-post-type01 .u-h3 a:hover {
    opacity: 0.5; }
  .list-post-type01 .u-h3 {
    flex-basis: 100%; }
  .list-post-type01 .list-img {
    margin: 0 30px 0 0;
    width: 250px; }
  .list-post-type01 .list-img img {
    width: 250px;
    height: 180px;
    -o-object-fit: cover;
    object-fit: cover; }
  .list-post-type01 .list-img a {
    transition: 0.5s; }
  .list-post-type01 .list-img a:hover {
    opacity: 0.5; }
  .list-post-type01 .list-desc {
    flex: 1; }
  .list-post-type01 .list-data {
    font-size: 1.3rem;
    margin: 0 0 5px; }
  .list-post-type01 time {
    display: inline-block;
    color: #98918c;
    font-size: 1.4rem;
    vertical-align: -1px;
    margin: 0 25px 0 0; }
  .list-post-type01 .category-area, .list-post-type01 .category-wrap, .list-post-type01 .category {
    background: #09174E;
    display: inline-block;
    line-height: 1;
    display: inline-block;
    padding: 0 .5em; }
  .list-post-type01 .category {
    color: #fff;
    display: inline-block;
    font-size: 1.1rem;
    margin: 0;
    padding: 5px 8px; }
    .list-post-type01 .category + .category {
      padding-left: 0; }
    .list-post-type01 .category + .category::before {
      content: "/";
      margin-right: 8px; }
  .list-post-type01 .list-txt {
    margin: 0 0 15px; }
  .list-post-type01 .list-btn {
    text-align: right;
    display: flex;
    justify-content: flex-end; }

@media (max-width: 800px) {
  /*通常投稿*/
  .list-post-type01 {
    margin: 0 0 50px; }
    .list-post-type01 li + li {
      margin-top: 40px; }
    .list-post-type01 .list-ttl {
      padding: 0 0 7px;
      margin: 0 0 15px; }
    .list-post-type01 .list-img {
      margin: 0 0 15px;
      width: 100%; }
    .list-post-type01 .list-img img {
      width: 100%;
      /* height: 25vw; */
      aspect-ratio: 3 / 2;
      height: 100%;
      object-fit: cover; }
    .list-post-type01 .list-desc {
      margin: -5px 0 0; }
    .list-post-type01 time {
      font-size: 1.2rem;
      margin: 0 15px 0 0; }
    .list-post-type01 .list-txt {
      font-size: 1.5rem;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      overflow: hidden;
      margin: 0 0 5px; }
    .list-post-type01 .list-btn {
      margin-top: 15px; }
      .list-post-type01 .list-btn .u-btn-more {
        padding: 10px 50px;
        max-width: max-content; } }
/*普通投稿 詳細ページ*/
.l-post-single {
  margin-bottom: 80px; }
  .l-post-single .l-ttl {
    font-size: clamp(2rem, calc(30 / 1024 * 100vw), 3rem);
    margin: 0 0 20px;
    word-break: break-word;
    font-weight: 700; }
  .l-post-single .post-data {
    margin: 0 0 20px; }
    .l-post-single .post-data time {
      display: inline-block;
      color: #98918c;
      font-size: 1.4rem;
      vertical-align: -1px;
      margin: 0 20px 0 0; }
    .l-post-single .post-data .category-area, .l-post-single .post-data .category-wrap {
      background: #09174E;
      display: inline-block;
      line-height: 1;
      display: inline-block;
      padding: 0 .5em; }
    .l-post-single .post-data .category {
      color: #fff;
      display: inline-block;
      font-size: 1.1rem;
      margin: 0;
      padding: 5px 8px; }
      .l-post-single .post-data .category + .category {
        padding-left: 0; }
      .l-post-single .post-data .category + .category::before {
        content: "/";
        margin-right: 8px; }
    .l-post-single .post-data .single-img {
      text-align: center;
      margin: 30px auto; }
    .l-post-single .post-data .single-img img {
      max-width: 100%;
      max-height: 500px;
      object-fit: contain; }

/*new!通常投稿*/
.u-list-under-post {
  border-top: 1px solid #eee;
  margin-bottom: 50px; }
  .u-list-under-post a {
    border-bottom: 1px solid #eee;
    display: grid;
    grid-template-columns: 150px 1fr;
    grid-gap: 25px;
    padding: 15px 70px 15px 0;
    position: relative;
    transition: border-color .3s; }
    .u-list-under-post a::before {
      content: "";
      background: url("../images/share/post_arrow.svg") no-repeat center/cover;
      width: 13px;
      height: 8px;
      position: absolute;
      top: 50%;
      right: 0;
      transform: translateY(-50%);
      z-index: 1; }
    .u-list-under-post a:hover {
      border-color: #333; }
  .u-list-under-post .list-img img {
    border: 1px solid #eee;
    object-fit: cover;
    width: 100%;
    aspect-ratio: 7/5; }
  .u-list-under-post .list-desc {
    flex: 1;
    margin-bottom: 5px; }
  .u-list-under-post time {
    display: block;
    font-size: 1.2rem; }
  .u-list-under-post .list-ttl {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    line-height: 1.8;
    margin-bottom: 5px; }
  .u-list-under-post .category {
    display: inline-block;
    background-color: #09174E;
    color: #fff;
    font-size: 11px;
    padding: 0 5px;
    margin-right: 5px; }
  .u-list-under-post .no-post {
    padding: 25px 0; }

.post-number {
  display: flex;
  flex-wrap: wrap;
  margin-top: 50px; }
  .post-number span,
  .post-number a {
    display: inline-block;
    background-color: #edeef0;
    font-size: 13px;
    text-align: center;
    min-width: 30px;
    height: 30px;
    line-height: 30px;
    transition: .3s;
    padding: 0 20px; }
  .post-number > * + * {
    margin-left: 10px; }
  .post-number a:hover {
    background: #333;
    color: #fff; }
  .post-number .current {
    background: #333;
    color: #fff; }

@media (max-width: 800px) {
  .u-list-under-post a {
    grid-template-columns: 120px 1fr;
    grid-gap: 15px;
    padding: 15px 40px 15px 0; }
    .u-list-under-post a::before {
      width: 20px; }
    .u-list-under-post a::after {
      right: 4px; }
  .u-list-under-post .list-desc {
    margin-top: -5px; }
  .u-list-under-post .list-ttl {
    font-size: rem(14);
    line-height: 1.5; } }
/*カスタム投稿一覧*/
/*カスタム投稿シングル*/
.post-garally .container {
  display: grid;
  grid-template-columns: 50% 50%; }

.post-garally .garally-wrap {
  display: grid; }

#thumbnail-carousel .splide__arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  width: 20px;
  height: 20px; }
  #thumbnail-carousel .splide__arrow svg {
    width: 20px;
    height: 20px; }
#thumbnail-carousel .splide__arrow--prev {
  left: 0; }
#thumbnail-carousel .splide__arrow--next {
  right: 0; }

/*--------------------------------------------------------
個人情報保護方針
-----------------------------------------------------------*/
.category-ttl {
  margin-bottom: 15px; }

/*ブログスタイル*/
.list-under-blog {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 15px; }
  .list-under-blog .list-img {
    border: 1px solid #eaeaea;
    margin-bottom: 20px;
    overflow: hidden; }
  .list-under-blog .list-img img {
    object-fit: cover;
    width: 100%;
    height: 165px;
    transition: transform 0.5s; }
  .list-under-blog time {
    color: #aaa;
    display: block;
    font-size: 1.2rem; }
  .list-under-blog .list-ttl {
    display: inline-block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    margin-bottom: 10px; }
  .list-under-blog .category {
    display: inline-block;
    background-color: #E9FBF5;
    color: #fff;
    font-size: 1.1rem;
    padding: 0 5px;
    margin-right: 5px; }
  .list-under-blog a {
    display: block;
    height: 100%; }
  .list-under-blog a:hover .list-img img {
    transform: scale(1.1); }

.list-under-post {
  border-top: 1px solid #e8ecf0;
  margin-bottom: 50px; }
  .list-under-post > li {
    border-bottom: 1px solid #F1F4F6; }
  .list-under-post a {
    display: flex;
    transition: background-color 0.3s, padding 0.3s;
    padding: 15px 35px 15px 0;
    position: relative; }
  .list-under-post a::before {
    content: "";
    width: 7px;
    height: 7px;
    border-top: 2px solid #333;
    border-right: 2px solid #333;
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(50%) rotate(45deg); }
  .list-under-post a:hover .list-ttl {
    text-decoration: underline; }
  .list-under-post .list-img {
    width: 150px;
    margin-right: 25px; }
  .list-under-post .list-img img {
    object-fit: cover;
    width: 100%;
    height: 105px; }
  .list-under-post .list-desc {
    flex: 1;
    font-size: 0.9rem; }
  .list-under-post time {
    display: block;
    color: #ADADAD;
    font-size: 0.8rem; }
  .list-under-post .list-ttl {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden; }
  .list-under-post .category {
    display: inline-block;
    background-color: #E9FBF5;
    border: 1px solid #fff;
    color: #fff;
    font-size: 1.1rem;
    padding: 0 5px;
    margin-right: 10px; }
  .list-under-post .no-post {
    padding: 25px 0; }

/*詳細ページ*/
.single-post-layout {
  border-bottom: 1px solid #FFB750;
  padding-bottom: 50px;
  margin-bottom: 50px;
  max-width: 800px;
  margin: 0 auto 50px; }
  .single-post-layout .l-ttl {
    border-bottom: 1px solid #FFB750;
    font-size: 2.4rem;
    padding-bottom: 20px;
    margin-bottom: 50px; }
  .single-post-layout .post-data {
    display: flex;
    align-items: center;
    margin-bottom: 20px; }
    .single-post-layout .post-data time {
      display: inline-block;
      color: #98918c;
      font-size: 1.2rem;
      margin-right: 20px; }
    .single-post-layout .post-data .category {
      background: #E9FBF5;
      color: #fff;
      display: inline-block;
      font-size: 1.1rem;
      line-height: 1;
      padding: 5px 8px;
      margin: 0 10px 0 0; }
    .single-post-layout .post-data p, .single-post-layout .post-data ul, .single-post-layout .post-data ol {
      margin-bottom: 15px; }
    .single-post-layout .post-data a {
      text-decoration: underline;
      color: #9A76AD; }
    .single-post-layout .post-data a:hover {
      text-decoration: none; }
    .single-post-layout .post-data strong {
      font-weight: 700; }
    .single-post-layout .post-data em {
      font-style: italic; }
    .single-post-layout .post-data ul li {
      list-style: inside disc; }
    .single-post-layout .post-data ul li > ul {
      margin: 0 0 0 15px; }
    .single-post-layout .post-data ol li {
      list-style: inside decimal; }
    .single-post-layout .post-data ol li > ol {
      margin: 0 0 0 15px; }

/*症例紹介*/
.case-grid-layout {
  display: grid;
  grid-template-columns: 240px 1fr;
  column-gap: 30px; }

.case-layout, .l-post-case {
  background-color: #fff;
  border: solid 1px #DFE0DD;
  padding: 5%; }
  .case-layout .case-grid, .l-post-case .case-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 30px; }
    .case-layout .case-grid .case-img img, .l-post-case .case-grid .case-img img {
      width: 100%;
      aspect-ratio: 3/2;
      object-fit: contain;
      object-position: top; }
  .case-layout .case-single, .l-post-case .case-single {
    display: grid;
    grid-template-columns: 1fr;
    grid-row-gap: 30px; }
    .case-layout .case-single .case-img, .l-post-case .case-single .case-img {
      max-height: 300px;
      text-align: center; }
      .case-layout .case-single .case-img img, .l-post-case .case-single .case-img img {
        width: 50%;
        object-fit: contain;
        height: 100%; }
  .case-layout.bg-wh, .l-post-case.bg-wh {
    background: #fff;
    padding: 0; }
  .case-layout + .l-post-case, .l-post-case + .l-post-case {
    margin-top: 50px; }
  .case-layout time, .l-post-case time {
    color: #aaa;
    display: block;
    font-size: 1.2rem;
    margin-right: 15px; }
  .case-layout .category-area, .case-layout .category-wrap, .l-post-case .category-area, .l-post-case .category-wrap {
    background: #09174E;
    display: inline-block;
    line-height: 1;
    display: inline-block;
    padding: 0 .5em; }
  .case-layout .category, .l-post-case .category {
    background: #09174E;
    color: #fff;
    display: inline-block;
    font-size: 1.1rem;
    line-height: 1;
    margin: 0;
    padding: 5px 8px; }
    .case-layout .category + .category, .l-post-case .category + .category {
      padding-left: 0; }
    .case-layout .category + .category::before, .l-post-case .category + .category::before {
      content: "/";
      margin-right: 8px; }
  .case-layout .l-ttl, .l-post-case .l-ttl {
    font-size: 2.4rem;
    margin-bottom: 30px; }
  .case-layout .post-data, .l-post-case .post-data {
    display: flex;
    align-items: center;
    margin-bottom: 20px; }
  .case-layout .before-after, .l-post-case .before-after {
    margin: auto;
    margin-bottom: 30px; }
  .case-layout .l-table, .l-post-case .l-table {
    background-color: #fff;
    border: 1px solid #DEDAD3; }
  .case-layout .l-table th,
  .case-layout .l-table td, .l-post-case .l-table th,
  .l-post-case .l-table td {
    border: 1px solid #DEDAD3;
    line-height: 1.8;
    font-size: clamp(14px, calc(15 / 1024 * 100vw), 15px);
    padding: 15px;
    background: #fff; }
  .case-layout .l-table th, .l-post-case .l-table th {
    background-color: #09174E;
    color: #fff;
    vertical-align: top;
    text-align: left;
    width: 25%; }
  .case-layout .l-btn, .l-post-case .l-btn {
    text-align: center;
    margin-top: 50px; }
  .case-layout .l-item, .l-post-case .l-item {
    margin-top: 50px; }
  .case-layout .item-ttl, .l-post-case .item-ttl {
    border-bottom: 1px solid #333;
    font-size: 1.8rem;
    position: relative;
    padding: 0 0 12px;
    margin: 0 0 25px; }
  .case-layout .item-ttl::after, .l-post-case .item-ttl::after {
    content: "";
    width: 25px;
    height: 1px;
    position: absolute;
    bottom: -1px;
    left: 0; }
  .case-layout + .case-layout, .l-post-case + .case-layout {
    margin-top: 50px; }

.before-after {
  display: flex;
  justify-content: space-between;
  align-items: flex-end; }
  .before-after .item {
    text-align: center;
    width: 42%;
    position: relative; }
  .before-after .item + .item::before {
    content: "";
    border-style: solid;
    border-width: 13.5px 0 13.5px 14px;
    border-color: transparent transparent transparent #1C2B35;
    position: absolute;
    left: -85px;
    top: calc(50% - 20px);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%); }
  .before-after figure {
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 1 / 1; }
  .before-after figure img {
    max-height: 300px;
    -o-object-fit: contain;
    object-fit: contain; }
  .before-after p {
    font-family: "Archivo Narrow", sans-serif;
    font-size: 2rem;
    line-height: 1;
    margin-top: 20px;
    text-transform: uppercase;
    letter-spacing: .15em; }

.list-case-details > li {
  display: flex;
  flex-direction: row-reverse; }

.list-case-details > li + li {
  border-top: 1px dashed #c8c8c8;
  margin-top: 30px;
  padding-top: 30px; }

.list-case-details .list-img {
  width: 35%;
  margin-left: 30px; }
  .list-case-details .list-img img {
    object-fit: contain;
    aspect-ratio: unset;
    border-radius: 0; }

.list-case-details .list-desc {
  flex: 1; }

.list-case-details .list-ttl {
  font-size: clamp(16px, calc(17 / 1024 * 100vw), 17px); }

@media (max-width: 800px) {
  /*症例紹介*/
  .case-layout .case-grid {
    display: grid;
    grid-template-columns: 1fr;
    grid-column-gap: 30px;
    grid-row-gap: 30px; }
    .case-layout .case-grid .case-img img {
      width: 100%;
      aspect-ratio: unset;
      object-fit: contain;
      object-position: center; }
  .case-layout .l-ttl {
    font-size: 2rem;
    margin-bottom: 15px; }
  .case-layout .post-data {
    display: flex;
    margin-bottom: 20px;
    flex-wrap: wrap; }
  .case-layout .before-after {
    margin-bottom: 30px; }
  .case-layout .l-table th,
  .case-layout .l-table td {
    display: block;
    padding: 10px;
    font-size: 1.4rem; }
  .case-layout .l-table th {
    width: 100%; }
  .case-layout .l-btn {
    margin-top: 30px; }
  .case-layout .l-item {
    margin-top: 30px; }
  .case-layout .item-ttl {
    border-bottom: 1px solid #333;
    font-size: 1.8rem;
    position: relative;
    padding: 0 0 12px;
    margin: 0 0 25px; }
  .case-layout .item-ttl::after {
    content: "";
    width: 25px;
    height: 1px;
    position: absolute;
    bottom: -1px;
    left: 0; }
  .case-layout + .case-layout {
    margin-top: 30px; }

  .before-after {
    display: block; }
    .before-after .item {
      width: 100%; }
    .before-after .item + .item {
      margin-top: 50px; }
    .before-after .item + .item::before {
      left: 50%;
      top: -35px;
      -webkit-transform: translate(-50%, 0) rotate(90deg);
      transform: translate(-50%, 0) rotate(90deg); }
    .before-after figure {
      aspect-ratio: auto; }
    .before-after figure img {
      max-height: 100%; }

  .list-case-details > li {
    display: block; }

  .list-case-details .list-img {
    width: 100%;
    margin: 0 0 25px; } }
/*セレクト式カテゴリー*/
.select-area {
  display: flex;
  align-items: center;
  margin: 0 0 50px; }

.select-area .select-item {
  display: flex;
  align-items: center;
  margin: 0 30px 0 0; }

.select-area .select-ttl {
  display: inline-block;
  font-size: 1.6rem;
  margin: 0 15px 0 0; }

.select-area .select-category {
  -webkit-appearance: none;
  -moz-appearance: none;
  outline: none;
  text-overflow: '';
  background: url(../images/share/u-icon_arrow_down.svg) no-repeat;
  background-size: 20px;
  background-position: right center;
  border-radius: 0;
  border: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.5);
  font-size: 1.6rem;
  color: #1a1a1a;
  vertical-align: middle;
  height: 35px;
  min-width: 150px;
  padding: 5px 20px 5px 5px; }

.select-area .select-category::-ms-expand {
  display: none; }

/*ページャー*/
.post-number {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 50px; }
  .post-number span, .post-number a {
    display: inline-block;
    color: #09174E;
    background-color: #eee;
    font-size: 1.3rem;
    text-align: center;
    min-width: 30px;
    height: 30px;
    line-height: 30px;
    transition: 0.3s;
    padding: 0 20px; }
  .post-number > * + * {
    margin-left: 10px; }
  .post-number a:hover {
    background: #09174E;
    color: #fff;
    opacity: 1; }
  .post-number .current {
    background: #09174E;
    color: #fff; }

.post-number-single {
  display: flex;
  justify-content: center;
  text-align: center; }
  .post-number-single a {
    display: inline-block; }
  .post-number-single .all {
    background: #09174E;
    border: 1px solid #09174E;
    color: #fff;
    font-size: 1.3rem;
    line-height: 28px;
    max-width: 200px;
    margin: 0 10px;
    height: 30px;
    width: 100%; }
  .post-number-single .all:hover {
    background: #09174E;
    color: #fff; }
  .post-number-single .prev, .post-number-single .next {
    border: 1px solid #09174E;
    width: 30px;
    height: 30px;
    position: relative; }
  .post-number-single .prev::before, .post-number-single .next::before {
    position: absolute;
    content: "";
    width: 5px;
    height: 5px;
    border-bottom: 1px solid #09174E;
    margin: 0 auto;
    top: 12px; }
  .post-number-single .prev:hover, .post-number-single .next:hover {
    background: #09174E;
    color: #fff;
    opacity: .8; }
  .post-number-single .prev:hover::before, .post-number-single .next:hover::before {
    border-color: #fff; }
  .post-number-single .prev::before {
    transform: rotate(-135deg);
    left: 13px;
    border-left: 1px solid #09174E; }
  .post-number-single .next::before {
    transform: rotate(135deg);
    right: 13px;
    border-right: 1px solid #09174E; }

@media (max-width: 800px) {
  .select-area .select-item {
    margin: auto; } }
.u-container {
  margin: 0 auto;
  max-width: 1024px;
  width: 90%; }

.dl-privacy dt {
  border-bottom: 1px solid #000;
  font-size: 1.8rem;
  padding: 0 0 5px;
  margin: 0 0 15px; }
.dl-privacy dd + dt {
  margin-top: 30px; }
.dl-privacy a {
  text-decoration: underline;
  color: #9A76AD !important; }
.dl-privacy a:hover {
  text-decoration: none; }

.list-privacy a {
  text-decoration: underline;
  color: #9A76AD !important; }

.list-privacy a:hover {
  text-decoration: none; }

.list-privacy li {
  position: relative;
  padding: 0 0 0 15px; }

.list-privacy li + li {
  margin-top: 3px; }

.list-privacy li:before {
  background: #333;
  border-radius: 50%;
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 10px;
  width: 5px;
  height: 5px; }

/*下層カスタムレイアウト*/
/*下層オリジナル*/
/**pen関連**/
.u-h1-pen-ttl {
  background: url("../images/under/pen-h1.png");
  background-size: cover;
  border: 10px solid #ccc;
  min-height: 130px;
  font-size: clamp(2.4rem, calc(36 / 1024 * 100vw), 3.6rem);
  text-align: center;
  line-height: 1.75;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 10px; }
  .u-h1-pen-ttl.blueC {
    background: url("../images/under/pen-h1-blue.png"); }
  .u-h1-pen-ttl.greenC {
    background: url("../images/under/pen-h1-green.png"); }
  .u-h1-pen-ttl span {
    font-size: clamp(1.6rem, calc(18 / 1024 * 100vw), 1.8rem);
    display: block; }

.u-layout-style {
  display: flex;
  align-items: center; }
  .u-layout-style .l-img {
    position: relative;
    width: 50%;
    z-index: -1; }
  .u-layout-style .l-desc {
    background: #ffffff;
    padding: 0;
    margin: 0px 0 0 -50px;
    flex: 1; }
  .u-layout-style.reverse {
    flex-direction: row-reverse; }
    .u-layout-style.reverse .l-desc {
      padding: 55px 150px 55px 55px;
      margin: 50px -100px 0 0; }
  .u-layout-style .l-num {
    display: inline-block;
    font-weight: bold;
    font-size: 20px;
    line-height: 1;
    margin-bottom: 15px; }
  .u-layout-style .l-ttl {
    font-weight: bold;
    font-size: 24px;
    margin-bottom: 15px; }
  .u-layout-style .l-sub-ttl {
    display: flex;
    gap: 25px;
    align-items: center;
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 20px; }
    .u-layout-style .l-sub-ttl::before {
      content: "";
      flex: 0 0 30px;
      background: #4a8eff;
      width: 30px;
      height: 2px; }

/*pen学会情報*/
.gakkai-info-ttl {
  background: #173F93;
  text-align: center;
  line-height: 1;
  margin-bottom: 30px; }
  .gakkai-info-ttl span {
    display: inline-block;
    color: #173F93;
    font-size: clamp(2.2rem, calc(32 / 1024 * 100vw), 3.2rem);
    background: #fff;
    padding: 5px 13px; }

.gakkai-gaiyo {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
  align-items: center; }
  .gakkai-gaiyo .gakkai-ttl {
    background: #1A7BC3;
    text-align: center;
    color: #fff;
    padding: 30px;
    word-break: keep-all;
    display: flex;
    align-items: center;
    font-size: clamp(1.8rem, calc(20 / 1024 * 100vw), 2rem); }
  .gakkai-gaiyo .gakkai-naiyo {
    line-height: 2; }

.gakkai-program {
  margin-top: 30px; }
  .gakkai-program .gakkai-program-ttl {
    color: #1A7BC3;
    margin-bottom: 15px; }
  .gakkai-program .gakkai-program-item {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px; }
    .gakkai-program .gakkai-program-item > li .program-ttl::before {
      content: "●";
      color: #C4C0DB; }
    .gakkai-program .gakkai-program-item > li .program-speaker {
      text-align: right; }

@media (max-width: 800px) {
  .u-layout-style {
    flex-direction: column; }
    .u-layout-style .l-img {
      width: 100%; }
    .u-layout-style .l-desc {
      padding: 20px 5vw 30px;
      margin: -80px -5vw 0; }
    .u-layout-style.reverse {
      flex-direction: column; }
      .u-layout-style.reverse .l-desc {
        padding: 120px 5vw 30px;
        margin: -80px -5vw 0; }
    .u-layout-style .l-num {
      font-size: 18px;
      margin-bottom: 15px; }
    .u-layout-style .l-ttl {
      font-size: 22px;
      margin-bottom: 10px; }
    .u-layout-style .l-sub-ttl {
      gap: 15px;
      font-size: 17px;
      margin-bottom: 15px; }
      .u-layout-style .l-sub-ttl::before {
        flex: 0 0 20px;
        width: 20px; } }
/*pen-thema*/
.u-pen_thema {
  padding: 20px;
  border: 5px solid #F7E1DA; }
  .u-pen_thema .thema_ttl {
    color: #D95F55;
    font-size: clamp(2rem, calc(24 / 1024 * 100vw), 2.4rem); }
  .u-pen_thema .thema_name_box {
    padding: 20px 30px 20px 20px;
    border: 3px solid #A8863D;
    background: #FFFFF8;
    margin: 20px 0;
    position: relative; }
    .u-pen_thema .thema_name_box a {
      color: #3B4043;
      text-decoration: none;
      display: block;
      position: relative; }
      .u-pen_thema .thema_name_box a::after {
        content: "";
        width: 30px;
        height: 30px;
        background: url(../images/share/u-icon_arrow-right.svg);
        background-size: contain;
        background-repeat: no-repeat;
        display: inline-block;
        position: absolute;
        right: -25px;
        top: 50%;
        transform: translateY(-50%); }
    .u-pen_thema .thema_name_box .thema_speaker_ttl {
      font-size: 1.8rem; }
  .u-pen_thema .thema_more_ttl {
    color: #A27635;
    font-size: 1.8rem;
    margin-bottom: 15px; }
    .u-pen_thema .thema_more_ttl::before {
      content: "◆"; }
  .u-pen_thema .thema_more_txt + .thema_more_ttl {
    margin-top: 15px; }
  .u-pen_thema .thema_photo {
    margin: 15px auto;
    width: 100%;
    max-width: 500px; }
    .u-pen_thema .thema_photo img {
      aspect-ratio: 4/3;
      object-fit: cover;
      max-width: none;
      width: 100%; }

.thema_name {
  background: #D95F55 0% 0% no-repeat padding-box;
  border-radius: 20px 20px 0px 0px;
  color: #fff;
  font-size: clamp(2rem, calc(24 / 1024 * 100vw), 2.4rem);
  text-align: center;
  padding: 20px; }

.u-pen-gaiyo .l-desc .gaiyo-box {
  padding: 20px;
  border: 1px solid #A8722D; }
  .u-pen-gaiyo .l-desc .gaiyo-box .gaiyo-ttl {
    color: #A8722D;
    font-size: clamp(2rem, calc(20 / 1024 * 100vw), 2.4rem);
    text-align: center;
    border-bottom: 1px solid #A8722D;
    padding-bottom: 15px;
    margin-bottom: 15px; }

@media (max-width: 800px) {
  .u-pen-gaiyo .l-desc .gaiyo-box .gaiyo-ttl {
    text-align: left; } }
/*PENカラーパターン*/
.tall.blueC .u-pen_thema {
  border: 5px solid #2F8AC8; }
  .tall.blueC .u-pen_thema .thema_ttl {
    color: #2F8AC8; }
.tall.blueC .thema_name {
  background: #2F8AC8 0% 0% no-repeat padding-box; }
.tall.greenC .u-pen_thema {
  border: 5px solid #2FC842; }
  .tall.greenC .u-pen_thema .thema_ttl {
    color: #2FC842; }
.tall.greenC .thema_name {
  background: #2FC842 0% 0% no-repeat padding-box; }

.u-pen-essay-gaiyo {
  padding: 30px;
  border: 5px solid #AA8230; }
  .u-pen-essay-gaiyo .pen-essay-ttl {
    color: #7D5309;
    font-size: clamp(2.4rem, calc(32 / 1024 * 100vw), 3.2rem);
    font-family: "Noto Serif JP", serif;
    text-align: center;
    margin-bottom: 30px; }
    .u-pen-essay-gaiyo .pen-essay-ttl span {
      color: #D85E29;
      display: block;
      font-family: "Noto Serif JP", serif;
      font-size: clamp(2rem, calc(28 / 1024 * 100vw), 2.8rem); }
  .u-pen-essay-gaiyo .pen-essay-name {
    margin-top: 10px; }
  .u-pen-essay-gaiyo .pen-essay-txt {
    color: #7D5309; }
  .u-pen-essay-gaiyo .essay-more {
    margin-top: 30px; }
    .u-pen-essay-gaiyo .essay-more .essay-ttl {
      color: #A27533;
      padding: 5px 0;
      margin: 10px 0;
      border-bottom: 1px solid #D4B894;
      border-top: 1px solid #D4B894;
      font-size: 1.8rem; }
    .u-pen-essay-gaiyo .essay-more blockquote {
      padding: 25px;
      border: #000000 solid 1px; }
      .u-pen-essay-gaiyo .essay-more blockquote + p {
        margin-top: 15px; }
    .u-pen-essay-gaiyo .essay-more .essay-more-item + .essay-more-item {
      margin-top: 30px; }

/*PEN関連ここまで*/
/*栄養関連*/
/*栄養タイトル周り３パターン*/
/*特集タイトル*/
.special_ttl .contents_ttl {
  text-align: center;
  font-size: clamp(2rem, calc(20 / 1024 * 100vw), 2.4rem);
  margin-bottom: 50px;
  padding: 30px 0;
  background: #b81d26;
  color: #F5D234;
  font-weight: normal; }
  .special_ttl .contents_ttl .en {
    font-size: clamp(3rem, calc(36 / 1024 * 100vw), 3.6rem);
    font-family: "Archivo Narrow", sans-serif;
    display: block;
    color: #fff;
    font-weight: 700; }
.special_ttl .ttl-box {
  padding: 30px 0;
  border-top: 1px solid #A7B2C0;
  border-bottom: 1px solid #A7B2C0;
  text-align: center;
  margin-bottom: 50px; }
  .special_ttl .ttl-box .u-h2-eiyo-ttl {
    font-size: clamp(2.8rem, calc(38 / 1024 * 100vw), 3.8rem);
    margin-bottom: 10px;
    font-weight: 700; }
    .special_ttl .ttl-box .u-h2-eiyo-ttl span {
      display: block;
      font-size: clamp(2rem, calc(24 / 1024 * 100vw), 2.4rem); }
  .special_ttl .ttl-box .ronbun_name {
    font-size: clamp(2rem, calc(24 / 1024 * 100vw), 2.4rem);
    margin-bottom: 10px; }
  .special_ttl .ttl-box .ronbun_sub {
    font-size: clamp(1.6rem, calc(16 / 1024 * 100vw), 1.6rem); }
.special_ttl .gaiyo {
  background: rgba(184, 29, 38, 0.1);
  padding: 30px;
  font-size: clamp(1.8rem, calc(18 / 1024 * 100vw), 1.8rem);
  font-weight: 500; }
  .special_ttl .gaiyo .gaiyo-txt {
    margin-bottom: 30px; }
  .special_ttl .gaiyo .keyword {
    text-align: center; }

/*特集タイトル*/
/*栄養エッセイタイトル*/
.essay_ttl .contents_ttl {
  text-align: center;
  font-size: clamp(2.4rem, calc(30 / 1024 * 100vw), 3rem);
  margin-bottom: 50px;
  padding: 40px 0;
  background: #c6b99b;
  color: #fff;
  font-family: "Noto Serif JP", serif;
  position: relative; }
  .essay_ttl .contents_ttl .en {
    font-size: clamp(8rem, calc(120 / 1024 * 100vw), 12rem);
    letter-spacing: .025em;
    font-family: "Imperial Script", cursive;
    font-weight: normal;
    display: block;
    width: 100%;
    color: rgba(255, 255, 255, 0.2);
    position: absolute;
    top: 40%;
    transform: translateY(-50%);
    text-align: center; }
.essay_ttl .ttl-box {
  padding: 30px 0;
  border-top: 1px solid #A7B2C0;
  border-bottom: 1px solid #A7B2C0;
  text-align: center;
  margin-bottom: 50px; }
  .essay_ttl .ttl-box .u-h2-eiyo-ttl {
    font-size: clamp(2.8rem, calc(38 / 1024 * 100vw), 3.8rem);
    margin-bottom: 10px;
    font-weight: 700; }
    .essay_ttl .ttl-box .u-h2-eiyo-ttl span {
      display: block;
      font-size: clamp(2rem, calc(24 / 1024 * 100vw), 2.4rem); }
  .essay_ttl .ttl-box .essay_name {
    font-size: clamp(2rem, calc(24 / 1024 * 100vw), 2.4rem);
    margin-bottom: 10px; }
  .essay_ttl .ttl-box .essay_sub {
    font-size: clamp(1.6rem, calc(16 / 1024 * 100vw), 1.6rem); }
.essay_ttl .gaiyo {
  background: rgba(198, 185, 155, 0.2);
  padding: 30px;
  font-size: clamp(1.8rem, calc(18 / 1024 * 100vw), 1.8rem);
  font-weight: 500; }
  .essay_ttl .gaiyo .gaiyo-txt {
    margin-bottom: 30px; }
  .essay_ttl .gaiyo .keyword {
    text-align: center; }

/*栄養エッセイタイトル*/
/*推薦論文タイトル*/
.suisenronbun_ttl {
  border-top: 1px solid #A7B2C0;
  border-left: 1px solid #A7B2C0;
  position: relative;
  padding: 50px 30px 0 30px;
  margin-top: 7em; }
  .suisenronbun_ttl .susenronbun_ttl_box {
    background: #173F93;
    color: #fff;
    padding: 20px 30px;
    width: 50%;
    margin-bottom: 50px;
    position: absolute;
    top: -7em; }
  .suisenronbun_ttl .contents_ttl {
    font-size: clamp(2rem, calc(20 / 1024 * 100vw), 2.4rem);
    line-height: 1.5;
    text-indent: -1.25em;
    padding-left: 1.25em; }
    .suisenronbun_ttl .contents_ttl span {
      display: block;
      font-size: clamp(1.6rem, calc(16 / 1024 * 100vw), 1.6rem); }
    .suisenronbun_ttl .contents_ttl::before {
      content: "◉"; }
  .suisenronbun_ttl .ttl-box {
    margin-bottom: 50px; }
    .suisenronbun_ttl .ttl-box .u-h2-eiyo-ttl {
      font-size: clamp(2.8rem, calc(38 / 1024 * 100vw), 3.8rem);
      margin-bottom: 30px;
      font-weight: 700;
      font-family: "Noto Serif JP", serif;
      line-height: 1.5; }
      .suisenronbun_ttl .ttl-box .u-h2-eiyo-ttl .en {
        display: block;
        font-size: 1.6rem;
        font-weight: normal;
        font-family: "Noto Serif JP", serif; }
    .suisenronbun_ttl .ttl-box .ronbun_name {
      font-size: clamp(2rem, calc(24 / 1024 * 100vw), 2.4rem);
      margin-bottom: 10px; }
    .suisenronbun_ttl .ttl-box .ronbun_sub {
      font-size: clamp(1.6rem, calc(16 / 1024 * 100vw), 1.6rem); }
  .suisenronbun_ttl .gaiyo {
    font-size: clamp(1.8rem, calc(18 / 1024 * 100vw), 1.8rem);
    font-weight: 500; }
    .suisenronbun_ttl .gaiyo .gaiyo-txt {
      margin-bottom: 30px; }

/*栄養エッセイタイトル*/
/*栄養共通詳細*/
.eiyo-more-ttl {
  font-size: clamp(2.2rem, calc(24 / 1024 * 100vw), 2.4rem);
  font-family: "Noto Serif JP", serif;
  margin-bottom: 30px; }

.eiyo-more-txt strong {
  margin-bottom: 15px;
  font-size: clamp(1.7rem, calc(18 / 1024 * 100vw), 1.8rem);
  font-weight: 700; }
.eiyo-more-txt + .eiyo-more-txt {
  margin-top: clamp(15px, calc(15 / 1024 * 100vw), 15px); }

.eiyo-more-img {
  text-align: center;
  margin: 30px auto; }
  .eiyo-more-img img {
    object-fit: contain; }
  .eiyo-more-img + .eiyo-caption {
    margin-top: 10px; }

.bunken-ttl {
  font-size: clamp(2rem, calc(24 / 1024 * 100vw), 2.4rem);
  font-family: "Noto Serif JP", serif;
  text-align: center;
  margin-bottom: 30px; }

.bunken-list {
  width: 80%;
  max-width: 800px;
  margin: auto; }

/*下層共通パーツ*/
/*----------
カードスタイル
-----------*/
.u-list-card01 > li {
  display: flex;
  flex-direction: column;
  position: relative;
  background-color: #F1F4F6;
  padding: 25px;
  border-radius: 15px;
  font-size: 15px; }
  .u-list-card01 > li .num {
    text-align: center;
    color: #82C4CC;
    font-size: clamp(1.8rem, calc(20 / 1024 * 100vw), 2rem); }
  .u-list-card01 > li .list-img + .list-ttl {
    margin-top: 15px; }
  .u-list-card01 > li .list-img + ul {
    margin-top: 15px; }
  .u-list-card01 > li .list-img + .list-desc {
    margin-top: 15px; }
.u-list-card01 .list-desc {
  margin: 20px 0; }
.u-list-card01 .list-ttl {
  font-size: clamp(1.8rem, calc(20 / 1024 * 100vw), 2rem);
  padding-bottom: 5px;
  margin-bottom: 15px;
  border-bottom: 1px solid #09174E; }
.u-list-card01 .sub-ttl {
  letter-spacing: normal;
  text-align: center;
  font-size: clamp(1.8rem, calc(18 / 1024 * 100vw), 1.8rem);
  padding-bottom: 0px;
  margin-bottom: 15px; }
.u-list-card01 .list-img {
  text-align: center;
  aspect-ratio: 260/160;
  overflow: hidden;
  width: 100%; }
  .u-list-card01 .list-img img {
    aspect-ratio: 260/160;
    object-fit: cover;
    width: 100%;
    border-radius: 0; }
.u-list-card01 .list-btn {
  text-align: center;
  margin-top: auto;
  padding-top: 15px; }
.u-list-card01 .u-btn-more {
  min-width: 0;
  width: 100%; }

.u-list-card02 > li {
  display: flex;
  flex-direction: column;
  border-radius: 15px;
  border: 1px #ccc solid;
  padding: 20px;
  background: #fff;
  position: relative; }
  .u-list-card02 > li .num {
    font-size: clamp(4rem, calc(56 / 1024 * 100vw), 5.6rem);
    position: absolute;
    top: -.25em;
    left: 50%;
    transform: translateX(-50%); }
  .u-list-card02 > li .list-img {
    margin-bottom: 10px;
    border-radius: 15px; }
.u-list-card02 .point {
  text-align: center;
  margin-bottom: 10px; }
  .u-list-card02 .point span {
    background: #449D7E;
    padding: 5px 20px;
    border-radius: 20px;
    display: inline-block;
    color: #fff;
    font-size: 13px;
    line-height: 1; }
.u-list-card02 .list-ttl {
  color: #333;
  font-size: clamp(2rem, calc(20 / 1024 * 100vw), 2rem);
  margin-bottom: 10px;
  text-align: center; }
.u-list-card02 .list-img {
  text-align: center;
  aspect-ratio: 650/460;
  overflow: hidden;
  width: 100%; }
  .u-list-card02 .list-img img {
    aspect-ratio: 650/460;
    object-fit: cover;
    width: 100%;
    border-radius: 0; }
.u-list-card02 .list-btn {
  text-align: center;
  margin-top: auto;
  padding-top: 15px; }
.u-list-card02 .u-btn-more {
  background: #4A9A3F; }

/*----
カードスタイル
---*/
.u-card-style-num {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 20px;
  row-gap: 40px;
  margin-top: 80px; }
  .u-card-style-num > li {
    background-color: #fff;
    padding: 30px 25px 25px;
    position: relative;
    border: 1px #CCCCCC solid; }
  .u-card-style-num .card-img {
    margin-bottom: 25px; }
    .u-card-style-num .card-img:last-child {
      margin-bottom: 0; }
  .u-card-style-num .card-ttl {
    font-size: clamp(2rem, calc(23 / 1024 * 100vw), 2.3rem);
    margin-bottom: 15px;
    text-align: left;
    color: #09174E; }
  .u-card-style-num .card-num {
    position: absolute;
    top: -1em;
    left: 0;
    width: 100%; }
    .u-card-style-num .card-num span {
      font-size: clamp(2.5rem, calc(25 / 1024 * 100vw), 2.5rem);
      font-family: "Red Hat Text", sans-serif;
      color: #fff;
      background: #09174E;
      padding: 3px 10px; }
  .u-card-style-num.col2 {
    grid-template-columns: repeat(2, 1fr); }
  .u-card-style-num.bg-wh > li {
    background-color: #fff; }
  .u-card-style-num.bg-gray > li {
    background-color: #F1F4F6; }
    .u-card-style-num.bg-gray > li .card-ttl {
      text-align: left;
      border: 0;
      padding-bottom: 0; }
      .u-card-style-num.bg-gray > li .card-ttl.tac {
        text-align: center; }
  .u-card-style-num.border > li {
    background-color: #fff;
    border: solid #BEC0BD 1px; }

@media (max-width: 800px) {
  .u-card-style-num {
    grid-template-columns: 1fr; }
    .u-card-style-num.col2 {
      grid-template-columns: 1fr; } }
.u-card-style-min {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px; }
  .u-card-style-min > li {
    background-color: #F1F4F6;
    border-radius: 15px;
    padding: 25px;
    text-align: center; }
  .u-card-style-min .card-num {
    font-weight: bold;
    font-size: 12px;
    letter-spacing: 0.05em;
    margin-bottom: 5px; }
    .u-card-style-min .card-num span {
      font-size: 18px;
      margin-left: 5px; }
  .u-card-style-min .card-ttl {
    font-size: 20px;
    font-weight: bold;
    line-height: 1.5; }

@media (max-width: 800px) {
  .u-card-style-min {
    grid-template-columns: repeat(2, 1fr);
    gap: 15px; }
    .u-card-style-min > li {
      border-radius: 15px;
      padding: 15px; }
    .u-card-style-min .card-num {
      font-size: 10px;
      font-family: "Cormorant Infant", serif; }
      .u-card-style-min .card-num span {
        font-size: 16px; }
    .u-card-style-min .card-ttl {
      font-size: 15px; } }
.u-card-style {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px; }
  .u-card-style.flex {
    display: flex;
    justify-content: center;
    flex-wrap: wrap; }
    .u-card-style.flex > li {
      width: 30%; }
  .u-card-style .card-ttl {
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 10px;
    margin-bottom: 15px;
    text-align: center; }
  .u-card-style .card-num {
    background: #09174E;
    display: table;
    color: #fff;
    font-weight: bold;
    font-size: 11px;
    line-height: 25px;
    padding: 0 20px;
    margin: 0 auto 10px;
    font-family: "Red Hat Text", sans-serif; }
  .u-card-style dl {
    display: grid;
    grid-template-columns: 3em 1fr;
    margin-bottom: 10px; }
    .u-card-style dl dt {
      width: 3em;
      margin-bottom: 5px; }
    .u-card-style dl dd {
      margin-left: 1em;
      margin-bottom: 5px; }
  .u-card-style.col2 {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px; }
  .u-card-style.bg-wh > li {
    background-color: #fff; }
  .u-card-style.bg-gray > li {
    background-color: #F1F4F6; }
    .u-card-style.bg-gray > li .card-ttl {
      text-align: left;
      border: 0;
      padding-bottom: 0; }
      .u-card-style.bg-gray > li .card-ttl.tac {
        text-align: center; }
  .u-card-style.border > li {
    background-color: #fff;
    border: solid #D8DEE5 1px; }
  .u-card-style > li {
    background-color: #fff;
    border: solid #ccc 1px;
    padding: 25px; }
  .u-card-style .card-img {
    margin-bottom: 20px; }
    .u-card-style .card-img:last-child {
      margin-bottom: 0; }

@media (max-width: 800px) {
  .u-card-style {
    grid-template-columns: 1fr;
    gap: 15px; }
    .u-card-style.flex > li {
      width: 100%; }
    .u-card-style.col2 {
      grid-template-columns: 1fr; } }
.u-card-style-gallery {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px; }
  .u-card-style-gallery > li {
    padding: 0;
    background: #fff; }
    .u-card-style-gallery > li a:hover {
      cursor: pointer; }

.fancybox-content {
  padding: 25px !important; }

.modal-w {
  display: grid;
  grid-template-columns: 3em 1fr;
  gap: .5em; }

@media (max-width: 800px) {
  .u-card-style-gallery {
    grid-template-columns: 1fr;
    gap: 15px; } }
/*---
計算
--*/
.u-grid-price {
  gap: 30px;
  display: flex;
  justify-content: space-between; }
  .u-grid-price div {
    display: flex;
    justify-content: center;
    align-items: center; }
  .u-grid-price .box {
    background: #09174E;
    border-radius: 15px;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    aspect-ratio: 240 / 126;
    width: 25%;
    max-width: 240px; }
  .u-grid-price .kigou {
    width: 12.5%; }

@media (max-width: 800px) {
  .u-grid-price {
    gap: 20px;
    display: flex;
    flex-direction: column;
    align-items: center; }
    .u-grid-price div {
      display: flex;
      justify-content: center;
      align-items: center; }
    .u-grid-price .box {
      background: #09174E;
      border-radius: 15px;
      aspect-ratio: 240 / 100;
      width: 100%;
      max-width: 240px; }
    .u-grid-price .kigou {
      width: 100%; }
      .u-grid-price .kigou.rotate img {
        transform: rotate(90deg); } }
/*--------
ボックススタイル
----------*/
.mtM {
  margin-top: 30px; }

.mtL {
  margin-top: 50px; }

.u-list-box-style > li + li {
  margin-top: clamp(20px, calc(30 / 1024 * 100vw), 30px); }

.u-box-concept {
  position: relative;
  padding: 5%;
  background: #fff;
  box-shadow: 12px 12px 0px 0px #8BB28C50;
  display: grid;
  grid-template-columns: max-content 1fr;
  gap: 40px; }
  .u-box-concept .box-ttl {
    font-size: clamp(2rem, calc(27 / 1024* 100vw), 2.7rem);
    line-height: 1.85; }
  .u-box-concept .l-desc p {
    line-height: 2;
    margin-top: .5em; }

.u-box-flex {
  position: relative;
  padding: 5%;
  background: #F1F4F6;
  display: grid;
  grid-template-columns: 33.3333% 1fr;
  gap: 20px; }
  .u-box-flex .box-ttl {
    font-size: clamp(2rem, calc(27 / 1024* 100vw), 2.7rem);
    line-height: 1.85; }

.u-box-style {
  position: relative;
  padding: 5%; }
  .u-box-style.nopad {
    padding: 0;
    background: #F1F4F6; }
    .u-box-style.nopad .box-ttl {
      text-align: left;
      font-size: clamp(1.8rem, calc(21 / 1024* 100vw), 2.1rem); }
    .u-box-style.nopad .l-desc {
      padding: 50px 50px 0 0; }
  .u-box-style.bg-wh {
    background: #ffffff; }
    .u-box-style.bg-wh .num {
      font-size: clamp(4rem, calc(56 / 1024 * 100vw), 5.6rem);
      color: #09174E;
      position: absolute;
      top: -.25em; }
    .u-box-style.bg-wh .box-ttl {
      font-size: clamp(2rem, calc(20 / 1024 * 100vw), 2rem);
      margin-bottom: clamp(15px, calc(30 / 1024 * 100vw), 30px);
      font-weight: 700; }
    .u-box-style.bg-wh .l-ttl {
      font-size: clamp(1.8rem, calc(18 / 1024 * 100vw), 1.8rem);
      margin-bottom: 15px;
      font-weight: 700; }
  .u-box-style.bg-gray {
    background: #ECEEF1;
    padding: 10% 5% 5%; }
  .u-box-style.bg-color {
    background: #F9F3ED; }
    .u-box-style.bg-color .box-ttl {
      font-size: clamp(2.2rem, calc(24 / 1024* 100vw), 2.4rem); }
      .u-box-style.bg-color .box-ttl.tal {
        text-align: left;
        margin-bottom: 15px; }
      .u-box-style.bg-color .box-ttl.small {
        font-size: clamp(1.8rem, calc(20 / 1024* 100vw), 2rem);
        margin-bottom: 10px; }
  .u-box-style.border {
    border: 1px solid #A7B2C0;
    background: #fff; }
    .u-box-style.border .box-ttl {
      margin-bottom: 30px;
      text-align: center; }
  .u-box-style.check {
    background: #09174E;
    color: #fff;
    text-align: center;
    margin-top: 5em; }
    .u-box-style.check .check-ttl-num {
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      top: -1.25em;
      text-align: center; }
      .u-box-style.check .check-ttl-num span {
        color: #8F9FAB;
        font-size: clamp(5rem, calc(100 / 1024 * 100vw), 10rem);
        font-family: "Noto Serif JP", serif; }
    .u-box-style.check .check-ttl {
      font-size: clamp(2rem, calc(20 / 1024 * 100vw), 2rem);
      margin-bottom: 1em;
      text-align: center; }
    .u-box-style.check .u-btn-more {
      color: #fff; }
      .u-box-style.check .u-btn-more::before {
        background: url(../images/share/btn_arrow_wh.svg) no-repeat center/contain; }
  .u-box-style .box-num {
    font-size: clamp(2.4rem, calc(30 / 1024 * 100vw), 3rem);
    position: absolute;
    left: 2.5%;
    top: -.5em;
    color: #AA954B;
    letter-spacing: .15em; }
  .u-box-style .box-ttl {
    font-size: clamp(2rem, calc(20 / 1024 * 100vw), 2.4rem);
    margin-bottom: 30px;
    padding-bottom: 0;
    position: relative;
    text-align: center; }
    .u-box-style .box-ttl.Lcenter {
      color: #452E1D;
      font-size: clamp(2rem, calc(24 / 1024 * 100vw), 2.4rem);
      text-align: center;
      margin-bottom: 30px; }
    .u-box-style .box-ttl.border {
      border-bottom: 1px solid #09174E;
      font-size: clamp(1.8rem, calc(20 / 1024 * 100vw), 2rem);
      padding-bottom: 10px;
      margin-bottom: 30px;
      position: relative; }

@media (max-width: 800px) {
  .u-box-concept {
    display: grid;
    grid-template-columns: 1fr;
    background: #fff;
    box-shadow: 12px 12px 0px 0px #8BB28C50;
    gap: 0px; }
    .u-box-concept .box-ttl {
      font-size: clamp(2rem, calc(27 / 1024* 100vw), 2.7rem);
      line-height: 1.85; }
    .u-box-concept .l-desc p {
      line-height: 2;
      margin-top: .5em; }

  .u-box-flex {
    grid-template-columns: 1fr;
    gap: 20px; }
    .u-box-flex .box-ttl br {
      display: none; }

  .u-box-style {
    padding: 7% 5%; }
    .u-box-style .box-ttl {
      letter-spacing: normal; }
      .u-box-style .box-ttl span {
        margin: 0; }
    .u-box-style.nopad .l-desc {
      padding: 0px 20px 20px; }
    .u-box-style.bg-num {
      padding: 50px 5% 7%;
      margin-top: 30px; }
      .u-box-style.bg-num + .bg-num {
        margin-top: 30px; }
    .u-box-style.bg-color .u-box-num {
      padding: 20px;
      display: block; }
      .u-box-style.bg-color .u-box-num .l-desc {
        margin-top: 20px; }
        .u-box-style.bg-color .u-box-num .l-desc p {
          font-size: 16px; } }
/*------------
スタッフページ パーツ
--------------*/
.u-staff-layout .wrapper {
  display: flex;
  flex-direction: row-reverse;
  gap: 8%; }
.u-staff-layout .l-img {
  width: 32%; }
  .u-staff-layout .l-img img {
    width: 100%;
    aspect-ratio: 350 / 450;
    object-fit: cover; }
.u-staff-layout .l-desc {
  flex: 1; }
.u-staff-layout .job {
  font-weight: bold;
  margin-bottom: 25px; }
.u-staff-layout .l-ttl {
  color: #111;
  font-weight: bold;
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
  gap: 15px;
  line-height: 1;
  padding-bottom: 15px;
  margin-bottom: 30px;
  border-bottom: #09174E 1px solid; }
.u-staff-layout .name {
  font-size: 25px; }
.u-staff-layout .kana {
  color: #ccc;
  font-size: 13px; }

.u-card-profile {
  margin-top: 50px; }
  .u-card-profile + .u-card-profile {
    margin-top: 30px; }

.u-card-profile {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 20px;
  font-size: 14px;
  font-family: "Noto Sans JP", sans-serif; }
  .u-card-profile.col1 {
    grid-template-columns: repeat(1, 1fr); }
  .u-card-profile.col2 {
    grid-template-columns: repeat(2, 1fr); }
  .u-card-profile .item {
    background-color: #F9F3ED;
    border-radius: 5px;
    padding: 30px; }
  .u-card-profile .card-ttl {
    color: #111;
    border-bottom: 1px #09174E solid;
    font-weight: bold;
    padding-bottom: 10px;
    margin-bottom: 20px; }

.dl-career {
  display: grid;
  grid-template-columns: 70px 1fr;
  grid-gap: 12px 0;
  line-height: 1.5; }

@media (max-width: 800px) {
  .u-staff-layout .wrapper {
    flex-direction: column;
    gap: 40px; }
  .u-staff-layout .l-img {
    width: auto;
    max-width: 300px;
    margin: 0 auto; }
  .u-staff-layout .l-ttl {
    margin-bottom: 25px; }
  .u-staff-layout .job {
    padding-bottom: 0;
    margin-top: 25px;
    margin-bottom: 0; }
  .u-staff-layout .name {
    font-size: 22px; }
  .u-staff-layout .kana {
    font-size: 12px; }
  .u-staff-layout .u-card-profile {
    margin-top: 30px; }

  .u-card-profile {
    grid-template-columns: 1fr;
    grid-gap: 25px; }
    .u-card-profile.col2 {
      grid-template-columns: 1fr; }
    .u-card-profile .item {
      padding: 20px; } }
.u-staff-layout01 .wrapper {
  display: flex;
  flex-direction: row-reverse;
  gap: 8%; }
.u-staff-layout01 .l-img {
  width: 32%; }
  .u-staff-layout01 .l-img img {
    width: 100%;
    aspect-ratio: 350/450;
    object-fit: cover; }
  .u-staff-layout01 .l-img figcaption {
    font-weight: bold;
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 15px;
    line-height: 1; }
  .u-staff-layout01 .l-img .job {
    display: block;
    font-size: 14px; }
  .u-staff-layout01 .l-img .name {
    font-size: 20px; }
  .u-staff-layout01 .l-img .kana {
    font-size: 11px; }
.u-staff-layout01 .l-desc {
  flex: 1; }
.u-staff-layout01 .l-ttl {
  border-bottom: 2px solid #09174E;
  font-weight: bold;
  font-size: 16px;
  padding-bottom: 5px;
  margin-bottom: 30px;
  width: fit-content; }
.u-staff-layout01 .l-message {
  font-size: 25px;
  font-weight: bold;
  margin-bottom: 30px; }
.u-staff-layout01 .card-profile {
  margin-top: 50px; }

@media (max-width: 800px) {
  .u-staff-layout01 .wrapper {
    flex-direction: column;
    gap: 40px; }
  .u-staff-layout01 .l-img {
    width: auto;
    max-width: 300px;
    margin: 0 auto; }
    .u-staff-layout01 .l-img figcaption {
      flex-direction: column;
      gap: 10px; }
  .u-staff-layout01 .l-ttl {
    font-size: 15px;
    margin-bottom: 20px; }
  .u-staff-layout01 .l-message {
    font-size: 22px;
    margin-bottom: 20px; }
  .u-staff-layout01 .card-profile {
    margin-top: 30px; } }
.w800 {
  width: 100%;
  max-width: 800px;
  margin: auto; }

@media (max-width: 800px) {
  .u-card-profile {
    margin-top: 50px; }
    .u-card-profile + .u-card-profile {
      margin-top: 25px; }

  .u-staff-profile {
    display: block; }
    .u-staff-profile .item {
      width: 100%; }
    .u-staff-profile .item + .item {
      margin-top: 30px; }

  .u-list-staff li {
    width: 100%; }
  .u-list-staff.col2 li {
    width: 100%;
    padding: 20px 20px 36px;
    background: #EAFBF5;
    border-radius: 20px;
    position: relative; }

  .dl-career {
    font-size: 1.3rem; }
    .dl-career dd {
      padding: 0px 0 10px 10px; } }
.u-recruit-layout {
  display: flex;
  position: relative;
  flex-direction: row-reverse; }
  .u-recruit-layout .l-img {
    width: 45%;
    margin-left: 65px;
    position: relative;
    z-index: 1; }
    .u-recruit-layout .l-img img {
      width: 100%;
      aspect-ratio: 41/50;
      object-fit: cover; }
  .u-recruit-layout .l-desc {
    margin-top: 0px;
    width: 55%; }
    .u-recruit-layout .l-desc .u-list-tag {
      display: flex;
      flex-wrap: wrap; }
      .u-recruit-layout .l-desc .u-list-tag li {
        margin-right: 15px;
        margin-bottom: 15px;
        padding: 10px;
        border-radius: 3px;
        font-size: 13px;
        line-height: 1;
        color: #E9FBF5;
        background: #E9EFF0; }
  .u-recruit-layout .l-ttl {
    font-size: clamp(2rem, calc(22 / 1024 * 100vw), 2.2rem);
    color: #004D43;
    padding-bottom: 10px;
    margin: 0 0 30px;
    position: relative; }
    .u-recruit-layout .l-ttl::after {
      content: "";
      position: absolute;
      width: 50vw;
      height: 1px;
      background: #333;
      left: 0;
      bottom: 0;
      z-index: 0; }
  .u-recruit-layout .l-name {
    font-weight: 500;
    text-align: right;
    font-size: clamp(2rem, calc(22 / 1024 * 100vw), 2.2rem); }

@media (max-width: 800px) {
  .u-recruit-layout {
    display: flex;
    position: relative;
    flex-direction: column; }
    .u-recruit-layout .l-img {
      width: 100%;
      margin-left: 0px;
      position: relative;
      z-index: 1; }
      .u-recruit-layout .l-img img {
        width: 100%;
        aspect-ratio: 41/50;
        object-fit: cover; }
    .u-recruit-layout .l-desc {
      margin-top: 20px;
      width: 100%; }
    .u-recruit-layout .l-ttl {
      font-size: clamp(2rem, calc(22 / 1024 * 100vw), 2.2rem);
      color: #004D43;
      padding-bottom: 10px;
      margin: 0 0 30px;
      position: relative; }
      .u-recruit-layout .l-ttl::after {
        content: "";
        position: absolute;
        width: 100%;
        height: 1px;
        background: #333;
        left: 0;
        bottom: -10px;
        z-index: 0; }
    .u-recruit-layout .l-name {
      font-weight: 500;
      text-align: right;
      font-size: clamp(2rem, calc(22 / 1024 * 100vw), 2.2rem); } }
/*問い合わせパーツ5*/
.u-tel-layout-fax {
  background: #fff;
  border: 1px solid #ccc;
  max-width: 800px;
  padding: 5%;
  margin: 0 auto; }
  .u-tel-layout-fax .l-ttl {
    border-bottom: 1px solid #09174E;
    margin-bottom: 30px;
    font-size: 18px;
    text-align: center;
    padding-bottom: 10px;
    margin: 0 auto 25px; }
  .u-tel-layout-fax .wrapper {
    display: flex;
    gap: 25px;
    justify-content: center; }
    .u-tel-layout-fax .wrapper .u-btn-more {
      margin: auto; }
  .u-tel-layout-fax .l-tel {
    display: flex;
    gap: 5px;
    align-items: flex-end;
    justify-content: center;
    font-weight: bold;
    font-size: 35px;
    line-height: 1;
    font-family: "Cormorant Infant", serif; }
    .u-tel-layout-fax .l-tel .small {
      font-size: 15px;
      margin-bottom: 4px; }
    .u-tel-layout-fax .l-tel i {
      height: 30px; }
      .u-tel-layout-fax .l-tel i img {
        height: 30px;
        width: auto; }
  .u-tel-layout-fax .l-time {
    display: grid;
    grid-gap: 10px;
    line-height: 1.5;
    margin: 20px auto 0; }
    .u-tel-layout-fax .l-time .item {
      display: grid;
      grid-template-columns: 70px 1fr;
      grid-gap: 10px; }
    .u-tel-layout-fax .l-time dt {
      border: 1px solid #09174E;
      text-align: center;
      font-weight: bold;
      font-size: 10px;
      display: flex;
      justify-content: center;
      align-items: center; }

@media (max-width: 800px) {
  .u-tel-layout-fax .l-ttl {
    font-size: 15px;
    margin: 0 auto 25px; }
  .u-tel-layout-fax .wrapper {
    flex-direction: column;
    gap: 5px; }
  .u-tel-layout-fax .l-tel {
    font-size: 30px; }
    .u-tel-layout-fax .l-tel .small {
      font-size: 15px;
      margin-bottom: 4px; } }
.u-tel-layout {
  background: #F1F4F6;
  max-width: 800px;
  padding: 5%;
  margin: 0 auto; }
  .u-tel-layout .l-ttl {
    border-bottom: 1px solid #09174E;
    margin-bottom: 30px;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    padding-bottom: 10px;
    margin: 0 auto 25px;
    width: fit-content; }
  .u-tel-layout .l-tel {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 30px;
    line-height: 1;
    margin: 0 auto;
    color: #1A1A1A; }
  .u-tel-layout .l-time {
    display: grid;
    grid-gap: 10px;
    line-height: 1.5;
    margin: 20px auto 0;
    width: fit-content; }
    .u-tel-layout .l-time .item {
      display: grid;
      grid-template-columns: 70px 1fr;
      grid-gap: 10px; }
    .u-tel-layout .l-time dt {
      border: 1px solid #B7A779;
      color: #B7A779;
      text-align: center;
      font-weight: bold;
      font-size: 10px;
      display: flex;
      justify-content: center;
      align-items: center; }

@media (max-width: 800px) {
  .u-tel-layout .l-ttl {
    font-size: 15px;
    margin: 0 auto 25px; }
  .u-tel-layout .l-tel {
    font-size: 30px; }
    .u-tel-layout .l-tel img {
      width: 35px;
      margin-top: -5px; } }
.u-tel-layout02 {
  background: #F9F3ED;
  max-width: 800px;
  padding: 5%;
  margin: 0 auto; }
  .u-tel-layout02 .l-ttl {
    border-bottom: 1px solid #09174E;
    margin-bottom: 30px;
    font-size: 18px;
    text-align: center;
    padding-bottom: 10px;
    margin: 0 auto 25px; }
  .u-tel-layout02 .wrapper {
    display: flex;
    gap: 30px;
    align-items: center;
    justify-content: center; }
  .u-tel-layout02 .l-tel {
    display: flex;
    gap: 5px;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 30px;
    line-height: 1;
    color: #09174E; }
  .u-tel-layout02 .l-time {
    display: grid;
    grid-gap: 10px;
    line-height: 1.5; }
    .u-tel-layout02 .l-time .item {
      display: grid;
      grid-template-columns: 70px 1fr;
      grid-gap: 10px; }
    .u-tel-layout02 .l-time dt {
      border: 1px solid #09174E;
      color: #09174E;
      text-align: center;
      font-weight: bold;
      font-size: 10px;
      display: flex;
      justify-content: center;
      align-items: center; }

@media (max-width: 800px) {
  .u-tel-layout02 .l-ttl {
    font-size: 15px;
    margin: 0 auto 25px; }
  .u-tel-layout02 .wrapper {
    flex-direction: column;
    gap: 20px;
    justify-content: center; }
  .u-tel-layout02 .l-tel {
    font-size: 30px; } }
/**流れ**/
.u-flow-style-arrow {
  border: 1px solid #BDC7D1;
  background: #fff;
  padding: 5%; }
  .u-flow-style-arrow > li + li {
    border-top: 1px solid #BDC7D1;
    padding-top: 70px;
    margin-top: 70px;
    position: relative; }
    .u-flow-style-arrow > li + li::before {
      content: "";
      background: url("../images/share/u-flow_arrow02.svg") no-repeat center/contain;
      width: 45px;
      height: 45px;
      position: absolute;
      top: -22px;
      left: 50%;
      transform: translateX(-50%); }
  .u-flow-style-arrow .flow-ttl {
    display: flex;
    align-items: center;
    gap: 20px;
    border-bottom: 1px solid #BDC7D1;
    font-size: 20px;
    font-weight: bold;
    padding-bottom: 10px;
    margin-bottom: 30px; }
    .u-flow-style-arrow .flow-ttl .num {
      background: #09174E;
      display: inline-block;
      color: #fff;
      font-size: 12px;
      font-family: "Red Hat Text", sans-serif;
      line-height: 25px;
      padding: 0 10px;
      margin-top: 3px; }
  .u-flow-style-arrow .wrap {
    display: flex;
    flex-direction: row-reverse;
    gap: 5%; }
  .u-flow-style-arrow .flow-img {
    width: 30%; }
  .u-flow-style-arrow .flow-desc {
    flex: 1; }

@media (max-width: 800px) {
  .u-flow-style-arrow {
    padding: 25px; }
    .u-flow-style-arrow > li + li {
      padding-top: 50px;
      margin-top: 50px; }
    .u-flow-style-arrow .flow-ttl {
      flex-direction: column;
      gap: 10px;
      font-size: 20px;
      line-height: 1.5;
      padding-bottom: 10px;
      margin-bottom: 20px; }
      .u-flow-style-arrow .flow-ttl .num {
        margin: 0; }
    .u-flow-style-arrow .wrap {
      flex-direction: column;
      gap: 30px; }
    .u-flow-style-arrow .flow-img {
      width: 100%; } }
.u-flow-style-step {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 50px 30px; }
  .u-flow-style-step.col2 {
    grid-template-columns: repeat(2, 1fr); }
  .u-flow-style-step.col4 {
    grid-template-columns: repeat(4, 1fr); }
  .u-flow-style-step > li {
    background-color: #fff;
    border: solid #ccc 1px;
    padding: 25px;
    position: relative; }
    .u-flow-style-step > li:not(:last-child)::after {
      content: "";
      border-style: solid;
      border-width: 12px 0 12px 12px;
      border-color: transparent transparent transparent #3A4953;
      position: absolute;
      top: 50%;
      right: -21px;
      transform: translateY(-50%); }
  .u-flow-style-step .flow-num {
    background: #09174E;
    display: table;
    color: #fff;
    font-weight: bold;
    font-size: 11px;
    font-family: "Red Hat Text", sans-serif;
    line-height: 25px;
    padding: 0 20px;
    margin: 0 auto 10px; }
  .u-flow-style-step .flow-num02 {
    position: absolute;
    top: -12px;
    left: 25px; }
    .u-flow-style-step .flow-num02 span {
      font-size: 25px;
      line-height: 1;
      font-family: "Red Hat Text", sans-serif;
      display: inline-block; }
  .u-flow-style-step .flow-img {
    margin-bottom: 15px; }
  .u-flow-style-step .flow-ttl {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 15px;
    text-align: center;
    letter-spacing: normal; }
    .u-flow-style-step .flow-ttl.tal {
      text-align: left; }

@media (max-width: 800px) {
  .u-flow-style-step {
    grid-template-columns: 1fr;
    gap: 35px; }
    .u-flow-style-step.col2, .u-flow-style-step.col4 {
      grid-template-columns: 1fr; }
      .u-flow-style-step.col2 > li:not(:last-child)::after, .u-flow-style-step.col4 > li:not(:last-child)::after {
        top: auto;
        bottom: -28px;
        right: 48%;
        transform: translateX(-50%) rotate(90deg); }
    .u-flow-style-step > li:first-child {
      margin-top: 20px; }
    .u-flow-style-step > li:not(:last-child)::after {
      top: auto;
      bottom: -28px;
      right: 46%;
      transform: translateX(-50%) rotate(90deg); } }
.u-flow-style-cricle {
  display: grid;
  gap: 0px; }
  .u-flow-style-cricle > li {
    display: grid;
    grid-template-columns: 20px max-content 1fr;
    grid-gap: 50px;
    position: relative;
    min-height: 80px; }
    .u-flow-style-cricle > li:not(:last-child)::before {
      content: "";
      background-color: #09174E;
      width: 1px;
      position: absolute;
      top: 10px;
      bottom: -10px;
      left: 10px; }
  .u-flow-style-cricle .flow-cricle {
    width: 20px;
    height: 20px;
    background: #09174E;
    border-radius: 100vw;
    margin: 5px auto 0; }
  .u-flow-style-cricle .wrap {
    display: flex;
    flex-direction: row-reverse;
    gap: 70px; }
  .u-flow-style-cricle .flow-desc {
    flex: 1; }
  .u-flow-style-cricle .flow-ttl {
    font-size: 18px;
    font-weight: bold; }

@media (max-width: 800px) {
  .u-flow-style-cricle {
    display: grid;
    gap: 0px; }
    .u-flow-style-cricle > li {
      display: grid;
      grid-template-columns: 20px max-content 1fr;
      grid-gap: 30px; } }
.u-flow-style-num {
  display: grid;
  gap: 40px; }
  .u-flow-style-num > li {
    display: grid;
    grid-template-columns: 70px 1fr;
    grid-gap: 50px;
    position: relative;
    min-height: 150px; }
    .u-flow-style-num > li:not(:last-child)::before {
      content: "";
      background-color: #09174E;
      width: 1px;
      position: absolute;
      top: 70px;
      bottom: 0;
      left: 33px; }
    .u-flow-style-num > li:not(:last-child)::after {
      content: "";
      border-style: solid;
      border-width: 10px 5px 0 5px;
      border-color: #09174E transparent transparent transparent;
      position: absolute;
      bottom: -1px;
      left: 28px; }
  .u-flow-style-num .flow-num {
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    line-height: 1;
    letter-spacing: 0;
    color: #09174E; }
    .u-flow-style-num .flow-num::before {
      content: attr(data-en);
      display: block;
      font-size: 13px;
      letter-spacing: 0;
      margin-bottom: 5px; }
  .u-flow-style-num .wrap {
    display: flex;
    flex-direction: row-reverse;
    gap: 50px; }
  .u-flow-style-num .flow-img {
    width: 35%; }
  .u-flow-style-num .flow-desc {
    flex: 1;
    padding-top: 10px; }
  .u-flow-style-num .flow-ttl {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 15px; }

@media (max-width: 800px) {
  .u-flow-style-num {
    gap: 40px; }
    .u-flow-style-num > li {
      grid-template-columns: 50px 1fr;
      grid-gap: 15px; }
      .u-flow-style-num > li:not(:last-child)::before {
        top: 55px;
        left: 24px; }
      .u-flow-style-num > li:not(:last-child)::after {
        left: 20px; }
    .u-flow-style-num .flow-num {
      font-size: 25px; }
      .u-flow-style-num .flow-num::before {
        font-size: 12px;
        margin-bottom: 5px; }
    .u-flow-style-num .wrap {
      flex-direction: column;
      gap: 15px; }
    .u-flow-style-num .flow-img {
      width: 100%; }
    .u-flow-style-num .flow-ttl {
      margin-bottom: 10px; }
    .u-flow-style-num .flow-desc {
      padding-top: 0; } }
/*アンカーリンク*/
.u-list-anchor {
  display: flex;
  flex-wrap: wrap;
  font-size: 1.5rem; }
  .u-list-anchor li {
    position: relative; }
  .u-list-anchor li::after {
    content: "";
    display: inline-block;
    background: #E9FBF5;
    width: 2px;
    height: 15px;
    margin: 0 20px;
    vertical-align: -1px; }
  .u-list-anchor li:last-child::after {
    display: none; }
  .u-list-anchor a {
    display: inline-block;
    position: relative;
    padding-right: 25px; }
  .u-list-anchor a::before {
    content: "";
    background: url(../images/share/u-icon_arrow_bottom.svg) no-repeat 0 0/contain;
    width: 14px;
    height: 14px;
    position: absolute;
    right: 0;
    top: 9px; }
  .u-list-anchor a:hover {
    text-decoration: underline; }

.price-ttl span {
  color: #E9FBF5;
  font-family: "Cormorant Infant", serif;
  font-weight: 500;
  padding-right: 10px;
  font-size: 40px; }

/*アンカーリンクパーツ21*/
.u-list-anchor02 {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px; }
  .u-list-anchor02 a {
    display: block;
    width: 100%;
    max-width: 440px; }
  .u-list-anchor02 li {
    padding: 5%;
    border-radius: 15px;
    border: 2px solid #E9FBF5;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px; }
    .u-list-anchor02 li .list-img {
      width: 130px;
      height: 130px;
      border-radius: 100vw;
      overflow: hidden; }
      .u-list-anchor02 li .list-img img {
        width: 130px;
        height: 130px;
        object-fit: contain; }
    .u-list-anchor02 li .list-ttl {
      font-size: clamp(18px, 1.1111vw, 20px);
      font-weight: 500; }

@media (max-width: 800px) {
  /*------------
  アンカーリンク
  --------------*/
  .u-list-anchor {
    display: block; }
    .u-list-anchor li {
      margin: 0; }
    .u-list-anchor li::after {
      display: none; }
    .u-list-anchor a {
      padding: 0 0 0 25px; }
    .u-list-anchor a::before {
      right: inherit;
      left: 0;
      top: 6px; }

  .u-list-anchor02 li {
    gap: 10px; }
    .u-list-anchor02 li .list-img {
      width: 60px;
      height: 60px;
      border-radius: 100vw;
      overflow: hidden; }
      .u-list-anchor02 li .list-img img {
        width: 60px;
        height: 60px;
        object-fit: contain; } }
.contact-form table td.flex {
  display: flex;
  grid-gap: 20px;
  padding-top: 20px; }

@media (max-width: 800px) {
  .contact-form table td.flex {
    display: flex;
    flex-direction: column;
    align-items: center;
    grid-gap: 20px; } }
/*WP必須クラス*/
.postdata .wp-caption {
  max-width: 100%;
  margin-bottom: 10px; }

.postdata .wp-caption-text {
  padding: 10px;
  margin-bottom: 0; }

.postdata .gallery-caption {
  font-size: 0.8em; }

.postdata .bypostauthor {
  color: #999; }

.postdata .screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute !important;
  width: 1px; }

.postdata pre {
  white-space: -moz-pre-wrap;
  /* Mozilla */
  white-space: -pre-wrap;
  /* Opera 4-6 */
  white-space: -o-pre-wrap;
  /* Opera 7 */
  white-space: pre-wrap;
  /* CSS3 */
  word-wrap: break-word;
  /* IE 5.5+ */ }

.postdata h1, .postdata h2, .postdata h3, .postdata h4, .postdata h5 {
  -ms-word-wrap: break-word;
  word-wrap: break-word; }

/*---投稿大枠---*/
.postdata {
  text-align: left; }

.postdata::after {
  clear: both;
  content: "";
  display: block; }

.postdata, .postdata p, .postdata ol, .postdata ul {
  margin-bottom: 20px; }

/*---配置　右---*/
.postdata .alignright {
  float: right;
  margin-left: 20px;
  margin-bottom: 20px; }

/*---配置　左---*/
.postdata .alignleft {
  float: left;
  margin-right: 20px;
  margin-bottom: 20px; }

/*---配置　中央---*/
.postdata .aligncenter {
  clear: both;
  display: block;
  margin: 0 auto 20px; }

.postdata a {
  text-decoration: underline;
  color: #9A76AD; }

.postdata a:hover {
  text-decoration: none; }

/*---リスト　順序あり---*/
.postdata ol li {
  list-style: inside decimal; }

/*---リスト　順序なし---*/
.postdata ul li {
  list-style: inside square; }

.postdata ol li, .postdata ul li {
  font-size: 100%;
  padding: 0; }

/*---テーブル---*/
.postdata table {
  border-left: 1px solid #bfbfbf;
  border-top: 1px solid #bfbfbf;
  border-right: 1px solid #bfbfbf; }

.postdata table th {
  border-bottom: 1px solid #bfbfbf; }

.postdata table td {
  border-bottom: 1px solid #bfbfbf; }

/*---フォント---*/
.postdata em {
  font-style: italic !important; }

.postdata strong {
  font-weight: 700 !important; }

.postdata iframe {
  max-width: 100%; }

/*変更詳細データ*/
.postdata h2 {
  border-top: 1px solid #333;
  border-bottom: 1px solid #333;
  font-size: 22px;
  padding: 20px 0;
  margin: 30px 0; }

.postdata p,
.postdata ul,
.postdata ol {
  margin-bottom: 15px; }

.postdata a {
  text-decoration: underline;
  color: #9A76AD; }

.postdata a:hover {
  text-decoration: none; }

.postdata strong {
  font-weight: 700; }

.postdata em {
  font-style: italic; }

.postdata ul li {
  list-style: inside disc; }

.postdata ul li > ul {
  margin: 0 0 0 15px; }

.postdata ol li {
  list-style: inside decimal; }

.postdata ol li > ol {
  margin: 0 0 0 15px; }

.postdata .wp-block-button__link {
  background-color: var(--color_primary);
  border: 1px solid var(--color_primary);
  border-radius: 2px;
  font-family: var(--font_jp);
  font-size: 15px;
  padding: 5px 35px;
  min-width: 200px;
  position: relative;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s; }

.postdata .wp-block-button__link::after {
  content: "";
  width: 7px;
  height: 7px;
  border-top: 2px solid currentColor;
  border-right: 2px solid currentColor;
  -webkit-transform: rotate(45deg) translateY(-50%);
  transform: rotate(45deg) translateY(-50%);
  position: absolute;
  top: 50%;
  right: 20px;
  -webkit-transition: border-color 0.3s;
  transition: border-color 0.3s; }

.postdata .wp-block-button__link:hover {
  opacity: 1;
  background-color: #fff;
  color: var(--color_primary); }

/* スマホ時に回り込みを解除*/
@media only screen and (max-width: 800px) {
  .postdata .alignright {
    float: none;
    display: block;
    margin: 0 auto 20px;
    text-align: center; }

  .postdata .alignleft {
    float: none;
    display: block;
    margin: 0 auto 20px;
    text-align: center; } }
/*------------
gallery-slider01
--------------*/
.gallery-slider01 {
  overflow: hidden; }
  .gallery-slider01 .splide__pagination {
    bottom: 150px; }
    .gallery-slider01 .splide__pagination .splide__pagination__page {
      background: #ccc; }
      .gallery-slider01 .splide__pagination .splide__pagination__page.is-active {
        background: #09174E; }

.gallery-slider01 .splide {
  margin: 0 auto; }
  .gallery-slider01 .splide .splide__arrow svg {
    fill: #09174E !important; }

.gallery-slider01 .splide__track {
  overflow: visible; }

.gallery-slider01 .splide__slide {
  opacity: 0.2;
  transition: opacity 0.5s ease-in-out; }

.gallery-slider01 .splide__slide.is-active {
  opacity: 1; }

.gallery-slider01 .splide__arrow--prev {
  top: 300px;
  left: calc((100% - 872px) / 2);
  transform: translateY(-50%) scaleX(1); }

.gallery-slider01 .splide__arrow--next {
  top: 300px;
  right: calc((100% - 872px) / 2); }

.gallery-slider01 .item-desc {
  margin-top: 25px; }

.gallery-slider01 .item-ttl {
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1.7;
  margin-bottom: 5px; }

@media (max-width: 800px) {
  .gallery-slider01 .item-desc {
    margin-top: 15px; }

  .gallery-slider01 .item-ttl {
    line-height: 1.4; }

  .gallery-slider01 .splide__pagination {
    bottom: 20%; } }
/*------------
gallery-slider02
--------------*/
.gallery-slider02 .splide__slide {
  display: flex;
  align-content: center;
  text-align: center;
  justify-content: center; }

.gallery-slider02 .splide__slide img {
  max-height: 500px;
  object-fit: cover; }

.gallery-slider02 .thumb-wrapper {
  display: flex;
  justify-content: center;
  grid-gap: 8px;
  margin-top: 30px; }

.gallery-slider02 .thumb-item {
  cursor: pointer;
  filter: grayscale(100%);
  transition: 0.3s;
  /*flex時追加*/
  width: 10%; }

.gallery-slider02 .thumb-item img {
  width: 100%;
  height: 100%;
  aspect-ratio: 1/1;
  object-fit: cover;
  border-radius: 4px; }

.gallery-slider02 .thumb-item.is-active {
  filter: grayscale(0%);
  transform: scale(0.9); }

.gallery-slider02 .splide .splide__arrow {
  top: auto;
  bottom: -20%;
  transform: translateY(0%); }

@media (max-width: 800px) {
  .gallery-slider02 .splide__slide img {
    max-height: 300px; }

  .gallery-slider02 .thumb-item {
    cursor: pointer;
    filter: grayscale(100%);
    transition: 0.3s;
    /*flex時追加*/
    width: 20%; }

  .gallery-slider02 .thumb-item img {
    width: 100%;
    height: 100%;
    aspect-ratio: 1/1;
    object-fit: cover;
    border-radius: 4px; }

  .gallery-slider02 .thumb-item.is-active {
    filter: grayscale(0%);
    transform: scale(0.9); }

  .gallery-slider02 .splide .splide__arrow {
    bottom: -35%; }

  .gallery-slider02 .splide .splide__arrow.splide__arrow--prev {
    left: 0px; }
  .gallery-slider02 .splide .splide__arrow.splide__arrow--next {
    right: 0px; } }
/*-----------------------------------------------------------
下層用splide
-----------------------------------------------------------*/
/*各種色設定*/
:root {
  --splide-arrow-color: #7EC2C2;
  /*矢印*/
  --splide-focus-color: #7EC2C2;
  /*タブ移動によるフォーカス時のアウトライン*/
  --splide-pagination-color: #7EC2C2;
  /*アクティブ時のページネーション*/
  --splide-progress-color: #7EC2C2;
  /*プログレスバー*/
  --splide-toggle-color: #7EC2C2;
  /*再生ボタン*/
  --splide-track-color: #7EC2C2;
  /*サムネイルの枠*/ }

.splide__container {
  box-sizing: border-box;
  position: relative; }

.splide__list {
  backface-visibility: hidden;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  margin: 0 !important;
  padding: 0 !important; }

.splide.is-initialized:not(.is-active) .splide__list {
  display: block; }

.splide__pagination {
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0;
  pointer-events: none; }

.splide__pagination li {
  display: inline-block;
  line-height: 1;
  list-style-type: none;
  margin: 0;
  pointer-events: auto; }

.splide:not(.is-overflow) .splide__pagination {
  display: none; }

.splide__progress {
  background: #ddd;
  margin-top: 10px; }

.splide__progress__bar {
  width: 0; }

.splide {
  position: relative;
  visibility: hidden; }

.splide.is-initialized,
.splide.is-rendered {
  visibility: visible; }

.splide__slide {
  backface-visibility: hidden;
  box-sizing: border-box;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  list-style-type: none !important;
  margin: 0;
  position: relative; }

.splide__slide img {
  vertical-align: bottom; }

.splide__spinner {
  animation: splide-loading 1s linear infinite;
  border: 2px solid #999;
  border-left-color: transparent;
  border-radius: 50%;
  bottom: 0;
  contain: strict;
  display: inline-block;
  height: 20px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 20px; }

.splide__sr {
  clip: rect(0 0 0 0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.splide__toggle.is-active .splide__toggle__play,
.splide__toggle__pause {
  display: none; }

.splide__toggle.is-active .splide__toggle__pause {
  display: inline; }

.splide__controls {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 15px; }

.splide__controls .splide__pagination {
  position: static; }

.splide__track {
  overflow: hidden;
  position: relative;
  z-index: 0; }

@keyframes splide-loading {
  0% {
    transform: rotate(0); }
  to {
    transform: rotate(1turn); } }
.splide__track--draggable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.splide__track--fade > .splide__list > .splide__slide {
  margin: 0 !important;
  opacity: 0;
  z-index: 0; }

.splide__track--fade > .splide__list > .splide__slide.is-active {
  opacity: 1;
  z-index: 1; }

.splide--rtl {
  direction: rtl; }

.splide__track--ttb > .splide__list {
  display: block; }

.splide__arrow {
  background: none;
  border: none;
  cursor: pointer;
  width: 35px;
  height: 35px;
  opacity: 1;
  padding: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  transition: .2s; }

.splide__arrow svg {
  width: 100%;
  height: 100%;
  fill: var(--splide-arrow-color); }

.splide__arrow:hover:not(:disabled) {
  opacity: .3; }

.splide__arrow:disabled {
  opacity: .3; }

.splide__arrow:focus-visible {
  outline: 3px solid var(--splide-focus-color);
  outline-offset: 3px; }

.splide__arrow--prev {
  left: 20px;
  transform: translateY(-50%) scaleX(-1); }

.splide__arrow--next {
  right: 20px; }

.splide.is-focus-in .splide__arrow:focus {
  outline: 3px solid var(--splide-focus-color);
  outline-offset: 3px; }

.splide__pagination {
  bottom: 15px;
  left: 0;
  padding: 0;
  position: absolute;
  right: 0;
  z-index: 1; }

.splide__pagination__page {
  background: #ddd;
  border: 0;
  border-radius: 50%;
  display: inline-block;
  height: 8px;
  margin: 5px;
  opacity: 1;
  padding: 0;
  position: relative;
  transition: transform 0.2s linear;
  width: 8px; }

.splide__pagination__page.is-active {
  background: var(--splide-pagination-color);
  transform: scale(1.4);
  z-index: 1; }

.splide__pagination__page:hover {
  cursor: pointer;
  opacity: .9; }

.splide__pagination__page:focus-visible {
  outline: 3px solid var(--splide-focus-color);
  outline-offset: 3px; }

.splide.is-focus-in .splide__pagination__page:focus {
  outline: 3px solid var(--splide-focus-color);
  outline-offset: 3px; }

.splide__progress__bar {
  background: var(--splide-progress-color);
  height: 3px; }

.splide__slide {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.splide__slide:focus {
  outline: 0; }

@supports (outline-offset: -3px) {
  .splide__slide:focus-visible {
    outline: 3px solid var(--splide-focus-color);
    outline-offset: -3px; } }
@supports (outline-offset: -3px) {
  .splide.is-focus-in .splide__slide:focus {
    outline: 3px solid var(--splide-focus-color);
    outline-offset: -3px; } }
.splide__toggle {
  border: 0;
  padding: 0;
  cursor: pointer;
  background: #737e80;
  border-radius: 50%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-right: 10px;
  transition: background-color .2s ease;
  height: 29px;
  width: 29px; }

.splide__toggle:hover {
  background: var(--splide-toggle-color); }

.splide__toggle svg {
  fill: #fff;
  transition: fill .2s ease;
  width: 12px;
  height: auto; }

.splide__toggle:focus-visible {
  outline: 3px solid var(--splide-focus-color);
  outline-offset: 3px; }

.splide.is-focus-in .splide__toggle:focus {
  outline: 3px solid var(--splide-focus-color);
  outline-offset: 3px; }

.splide__track--nav > .splide__list > .splide__slide {
  border: 3px solid transparent;
  cursor: pointer; }

.splide__track--nav > .splide__list > .splide__slide.is-active {
  border: 3px solid var(--splide-track-color); }

.splide__arrows--rtl .splide__arrow--prev {
  left: auto;
  right: 1em; }

.splide__arrows--rtl .splide__arrow--prev svg {
  transform: scaleX(1); }

.splide__arrows--rtl .splide__arrow--next {
  left: 1em;
  right: auto; }

.splide__arrows--rtl .splide__arrow--next svg {
  transform: scaleX(-1); }

.splide__arrows--ttb .splide__arrow {
  left: 50%;
  transform: translate(-50%); }

.splide__arrows--ttb .splide__arrow--prev {
  top: 1em; }

.splide__arrows--ttb .splide__arrow--prev svg {
  transform: rotate(-90deg); }

.splide__arrows--ttb .splide__arrow--next {
  bottom: 1em;
  top: auto; }

.splide__arrows--ttb .splide__arrow--next svg {
  transform: rotate(90deg); }

.splide__pagination--ttb {
  bottom: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  left: auto;
  padding: 1em 0;
  right: 0.5em;
  top: 0; }

@media (max-width: 800px) {
  .splide__arrow {
    width: 25px;
    height: 25px; }

  .splide__arrow--prev {
    left: 10px; }

  .splide__arrow--next {
    right: 10px; } }
/**検索関連**/
.search-list .search-link {
  padding: 20px 0;
  border-bottom: 1px solid #A7B2C0;
  display: block; }
.search-list .search-title {
  font-size: 1.8rem; }

/**フォーム関連**/
/* ===============================
   Simple WP Membership Login
   =============================== */
.login-box {
  max-width: 560px;
  margin: 0 auto;
  padding: 50px;
  border: 1px solid #A7B2C0;
  /* label */
  /* input fields */
  /* remember me */
  /* submit button */
  /* links */
  /* message area */ }
  .login-box .l-ttl {
    font-weight: 600;
    margin-bottom: 30px; }
  .login-box ul li {
    padding: 10px 0;
    color: #173F93; }
    .login-box ul li span {
      font-weight: 600;
      color: #3B4043; }
  .login-box .swpm-login-widget-form {
    width: 100%; }
  .login-box .swpm-login-form-inner {
    display: block; }
  .login-box .swpm-label {
    display: block;
    font-weight: 600;
    margin: 18px 0 8px;
    line-height: 1.4; }
  .login-box input.swpm-text-field {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #A7B2C0;
    border-radius: 4px;
    background: #fff;
    padding: 12px 14px;
    outline: none;
    appearance: none; }
    .login-box input.swpm-text-field:focus {
      border-color: #173F93;
      box-shadow: 0 0 0 3px rgba(23, 63, 147, 0.25); }
  .login-box .swpm-remember-me {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 14px 0 10px; }
    .login-box .swpm-remember-me .swpm-remember-checkbox input {
      width: 16px;
      height: 16px;
      accent-color: #EF858C; }
    .login-box .swpm-remember-me .swpm-rememberme-label {
      cursor: pointer; }
  .login-box .swpm-login-submit {
    position: relative;
    margin-top: 18px; }
    .login-box .swpm-login-submit::before {
      content: "";
      display: block;
      width: 24px;
      height: 24px;
      background: url(../images/share/login.svg) no-repeat center/contain;
      position: absolute;
      right: 20px;
      top: 50%;
      transform: translateY(-50%); }
    .login-box .swpm-login-submit input.swpm-login-form-submit {
      width: 100%;
      border: 0;
      border-radius: 9999px;
      padding: 14px 18px;
      background: #EF858C;
      color: #fff;
      font-weight: 700;
      letter-spacing: 0.08em;
      cursor: pointer;
      transition: opacity 0.2s ease, transform 0.06s ease;
      appearance: none; }
      .login-box .swpm-login-submit input.swpm-login-form-submit:hover {
        opacity: 0.8; }
      .login-box .swpm-login-submit input.swpm-login-form-submit:active {
        transform: translateY(1px); }
  .login-box .swpm-forgot-pass-link,
  .login-box .swpm-join-us-link {
    margin-top: 10px; }
    .login-box .swpm-forgot-pass-link a,
    .login-box .swpm-join-us-link a {
      text-decoration: underline; }
  .login-box .swpm-login-action-msg {
    margin-top: 10px; }

@media (max-width: 800px) {
  .login-box {
    padding: 20px; } }
/* ===============================
   Simple WP Membership Logged-in box
   （login-box内の「ログイン中表示」用）
   =============================== */
.login-box .swpm-login-widget-logged {
  width: 100%;
  /* 各行をカード内の項目っぽく */
  /* ラベル＋値 */
  /* 余白用div（プラグインが吐くやつ） */
  /* 下部リンク類（プロフィール編集・ログアウト） */
  /* プロフィール編集は「サブボタン」っぽく */
  /* ログアウトは「強めのボタン」寄せ（ログインボタンと同系色） */ }
  .login-box .swpm-login-widget-logged .swpm-logged-username,
  .login-box .swpm-login-widget-logged .swpm-logged-status,
  .login-box .swpm-login-widget-logged .swpm-logged-membership,
  .login-box .swpm-login-widget-logged .swpm-logged-expiry {
    padding: 14px 0;
    border-bottom: 1px solid #A7B2C0; }
    .login-box .swpm-login-widget-logged .swpm-logged-username:first-child,
    .login-box .swpm-login-widget-logged .swpm-logged-status:first-child,
    .login-box .swpm-login-widget-logged .swpm-logged-membership:first-child,
    .login-box .swpm-login-widget-logged .swpm-logged-expiry:first-child {
      padding-top: 0; }
    .login-box .swpm-login-widget-logged .swpm-logged-username:last-child,
    .login-box .swpm-login-widget-logged .swpm-logged-status:last-child,
    .login-box .swpm-login-widget-logged .swpm-logged-membership:last-child,
    .login-box .swpm-login-widget-logged .swpm-logged-expiry:last-child {
      border-bottom: 0;
      padding-bottom: 0; }
  .login-box .swpm-login-widget-logged .swpm-logged-label {
    display: block;
    font-weight: 600;
    margin-bottom: 6px;
    line-height: 1.4; }
  .login-box .swpm-login-widget-logged .swpm-logged-value {
    line-height: 1.7;
    word-break: break-word; }
  .login-box .swpm-login-widget-logged .swpm-margin-bottom-10 {
    height: 1px;
    margin: 18px 0 0;
    background: transparent; }
  .login-box .swpm-login-widget-logged .swpm-edit-profile-link,
  .login-box .swpm-login-widget-logged .swpm-logged-logout-link {
    margin-top: 30px; }
    .login-box .swpm-login-widget-logged .swpm-edit-profile-link a,
    .login-box .swpm-login-widget-logged .swpm-logged-logout-link a {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      text-decoration: none;
      border-bottom: 1px solid transparent;
      transition: opacity 0.2s ease, border-color 0.2s ease; }
      .login-box .swpm-login-widget-logged .swpm-edit-profile-link a:hover,
      .login-box .swpm-login-widget-logged .swpm-logged-logout-link a:hover {
        opacity: 0.9;
        border-color: currentColor; }
  .login-box .swpm-login-widget-logged .swpm-edit-profile-link a {
    padding: 10px 14px;
    border: 1px solid #A7B2C0;
    border-radius: 9999px;
    background: #fff; }
  .login-box .swpm-login-widget-logged .swpm-logged-logout-link a {
    width: 100%;
    justify-content: center;
    border-radius: 9999px;
    padding: 14px 18px;
    background: #EF858C;
    color: #fff;
    font-weight: 700;
    letter-spacing: 0.08em; }

/* ===============================
   Simple WP Membership
   Profile Edit Form
   =============================== */
.swpm-fb-profile-form, .swpm-form-builder-container {
  max-width: 560px;
  margin: 0 auto;
  /* 各フィールド */
  /* label */
  /* text / email / password */
  /* password 2 fields */
  /* 表示専用（Username / Membership Level） */
  /* submit */
  /* helper text */ }
  .swpm-fb-profile-form form, .swpm-form-builder-container form {
    width: 100%; }
  .swpm-fb-profile-form fieldset, .swpm-form-builder-container fieldset {
    border: 0;
    padding: 30px;
    margin: 0;
    background: #F2F4F6; }
  .swpm-fb-profile-form .swpm-legend, .swpm-form-builder-container .swpm-legend {
    display: none; }
  .swpm-fb-profile-form ul.swpm-section, .swpm-form-builder-container ul.swpm-section {
    list-style: none;
    padding: 0;
    margin: 0; }
  .swpm-fb-profile-form .swpm-item, .swpm-form-builder-container .swpm-item {
    margin-bottom: 22px; }
    .swpm-fb-profile-form .swpm-item.swpm-item-submit, .swpm-form-builder-container .swpm-item.swpm-item-submit {
      margin-top: 30px; }
  .swpm-fb-profile-form .swpm-desc, .swpm-form-builder-container .swpm-desc {
    display: block;
    font-weight: 600;
    margin-bottom: 8px;
    line-height: 1.4; }
  .swpm-fb-profile-form .swpm-required-asterisk, .swpm-form-builder-container .swpm-required-asterisk {
    color: #c00;
    margin-left: 4px; }
  .swpm-fb-profile-form input.swpm-text, .swpm-form-builder-container input.swpm-text {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #A7B2C0;
    border-radius: 4px;
    background: #fff;
    padding: 12px 14px;
    outline: none;
    appearance: none; }
    .swpm-fb-profile-form input.swpm-text:focus, .swpm-form-builder-container input.swpm-text:focus {
      border-color: #173F93;
      box-shadow: 0 0 0 3px rgba(23, 63, 147, 0.25); }
  .swpm-fb-profile-form .swpm-fb-password-input,
  .swpm-fb-profile-form .swpm-fb-retype-password-input, .swpm-form-builder-container .swpm-fb-password-input,
  .swpm-form-builder-container .swpm-fb-retype-password-input {
    margin-bottom: 10px; }
  .swpm-fb-profile-form .swpm-span b,
  .swpm-fb-profile-form .swpm-item-text > div, .swpm-form-builder-container .swpm-span b,
  .swpm-form-builder-container .swpm-item-text > div {
    display: block;
    padding: 14px 0;
    background: none;
    border-radius: 0px;
    border: solid 0px #A7B2C0; }
  .swpm-fb-profile-form .swpm-span p, .swpm-form-builder-container .swpm-span p {
    margin-top: 6px;
    font-size: 0.85em;
    color: #666; }
  .swpm-fb-profile-form .swpm-submit, .swpm-form-builder-container .swpm-submit {
    width: 100%;
    border: 0;
    border-radius: 9999px;
    padding: 14px 18px;
    background: #EF858C;
    color: #fff;
    font-weight: 700;
    letter-spacing: 0.08em;
    cursor: pointer;
    transition: opacity 0.2s ease, transform 0.06s ease;
    appearance: none; }
    .swpm-fb-profile-form .swpm-submit:hover, .swpm-form-builder-container .swpm-submit:hover {
      opacity: 0.8; }
    .swpm-fb-profile-form .swpm-submit:active, .swpm-form-builder-container .swpm-submit:active {
      transform: translateY(1px); }
  .swpm-fb-profile-form p, .swpm-form-builder-container p {
    margin: 0; }

/* ===============================
   Simple WP Membership Password Reset
   =============================== */
.swpm-pw-reset-widget-form {
  max-width: 560px;
  margin: 0 auto;
  /* label */
  /* input */
  /* submit */ }
  .swpm-pw-reset-widget-form .swpm-pw-reset-widget-inside {
    display: block; }
  .swpm-pw-reset-widget-form .swpm_label,
  .swpm-pw-reset-widget-form .swpm-pw-reset-email-label {
    display: block;
    font-weight: 600;
    margin: 18px 0 8px;
    line-height: 1.4; }
  .swpm-pw-reset-widget-form input.swpm-text-field,
  .swpm-pw-reset-widget-form input.swpm-pw-reset-text {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #A7B2C0;
    border-radius: 4px;
    background: #fff;
    padding: 12px 14px;
    outline: none;
    appearance: none; }
    .swpm-pw-reset-widget-form input.swpm-text-field:focus,
    .swpm-pw-reset-widget-form input.swpm-pw-reset-text:focus {
      border-color: #173F93;
      box-shadow: 0 0 0 3px rgba(23, 63, 147, 0.25); }
  .swpm-pw-reset-widget-form .swpm-pw-reset-submit-button {
    position: relative;
    margin-top: 18px; }
    .swpm-pw-reset-widget-form .swpm-pw-reset-submit-button::before {
      content: "";
      display: block;
      width: 24px;
      height: 24px;
      background: url(../images/share/reset.svg) no-repeat center/contain;
      position: absolute;
      right: 20px;
      top: 50%;
      transform: translateY(-50%);
      pointer-events: none; }
    .swpm-pw-reset-widget-form .swpm-pw-reset-submit-button input.swpm-pw-reset-submit {
      width: 100%;
      border: 0;
      border-radius: 9999px;
      padding: 14px 18px;
      background: #EF858C;
      color: #fff;
      font-weight: 700;
      letter-spacing: 0.08em;
      cursor: pointer;
      transition: opacity 0.2s ease, transform 0.06s ease;
      appearance: none; }
      .swpm-pw-reset-widget-form .swpm-pw-reset-submit-button input.swpm-pw-reset-submit:hover {
        opacity: 0.8; }
      .swpm-pw-reset-widget-form .swpm-pw-reset-submit-button input.swpm-pw-reset-submit:active {
        transform: translateY(1px); }

/* Processing message */
.swpm_pass_reset_processing_msg_section {
  max-width: 560px;
  margin: 12px auto 0; }
  .swpm_pass_reset_processing_msg_section #swpm_pass_reset_processing_msg {
    padding: 10px 12px;
    border: 1px solid #A7B2C0;
    border-radius: 6px;
    background: #fff;
    line-height: 1.6; }

/* =========================
   SWPM Form Builder (form_id=7)登録関連
   スクショ風：グレーカード＋整った入力＋大きいピンクボタン
========================= */
/* ul の余計なスタイルをリセット */
#swpm-form-7 .swpm-section {
  list-style: none;
  margin: 0;
  padding: 0; }

/* 各行 */
#swpm-form-7 .swpm-item {
  margin: 0 0 22px; }

/* ラベル */
#swpm-form-7 .swpm-desc {
  display: block;
  margin: 0 0 10px;
  font-weight: 700;
  font-size: 15px;
  line-height: 1.4;
  color: #111;
  letter-spacing: 0.02em; }

/* 必須 * */
#swpm-form-7 .swpm-required-asterisk {
  color: #d14b5a;
  margin-left: 4px;
  font-weight: 700; }

/* 入力（text/email/password） */
#swpm-form-7 input[type="text"],
#swpm-form-7 input[type="email"],
#swpm-form-7 input[type="password"] {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  height: 52px;
  padding: 0 16px;
  border: 1px solid #aeb6bf;
  border-radius: 3px;
  background: #fff;
  font-size: 16px;
  color: #111;
  outline: none; }

/* フォーカス時 */
#swpm-form-7 input[type="text"]:focus,
#swpm-form-7 input[type="email"]:focus,
#swpm-form-7 input[type="password"]:focus {
  border-color: #7d8a97;
  box-shadow: 0 0 0 3px rgba(125, 138, 151, 0.18); }

/* プレースホルダー */
#swpm-form-7 input::placeholder {
  color: #9aa3ad; }

/* パスワードの補足文 */
#swpm-form-7 .swpm-item-password p {
  margin: 10px 0 0;
  font-size: 13px;
  color: #555;
  line-height: 1.6; }

/* Membership Level が display:none の行で中身が出る場合の見栄え（保険） */
#swpm-form-7 .swpm-fb-membership-level > div {
  margin-top: 8px;
  font-size: 14px;
  color: #333; }

/* 送信ボタン行：フォーム下に大きく余白 */
#swpm-form-7 .swpm-item-submit,
#swpm-form-7 .swpm-edit-profile-submit-section {
  margin: 28px 0 0;
  text-align: center; }

/* Submit ボタン（スクショの大きいピンク丸） */
#swpm-form-7 input[type="submit"].swpm-submit {
  appearance: none;
  -webkit-appearance: none;
  width: min(92%, 640px);
  height: 74px;
  border: 0;
  border-radius: 999px;
  background: #e98995;
  /* ピンク系 */
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0.08em;
  cursor: pointer; }

/* hover */
#swpm-form-7 input[type="submit"].swpm-submit:hover {
  filter: brightness(0.98); }

/* disabled（もし付く場合） */
#swpm-form-7 input[type="submit"].swpm-submit:disabled {
  opacity: 0.5;
  cursor: not-allowed; }

/* スマホ微調整 */
@media (max-width: 640px) {
  #swpm-form-7 .swpm-form-builder {
    padding: 26px 18px 22px; }

  #swpm-form-7 input[type="submit"].swpm-submit {
    height: 68px;
    font-size: 18px; } }
/**thank you**/
/** 同意ボックス **/
.doui-checkbox {
  margin: 20px 0;
  font-size: 16px;
  font-weight: bold; }

.doui-checkbox label {
  display: flex;
  gap: 10px;
  align-items: center;
  cursor: pointer; }

.doui-checkbox input[type="checkbox"] {
  margin-top: 6px;
  accent-color: #d8838a;
  width: 20px;
  height: 20px; }

/** 無効状態（見た目） **/
.pay-btn.is-disabled {
  opacity: 0.4;
  filter: grayscale(0.4); }

.pay-btn {
  width: 100%; }

/** Stripeボタンを u-btn-more 相当に（38/240どっちも） **/
.pay-btn button.stripe-button-el {
  display: flex !important;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 90%;
  max-width: 400px;
  height: 60px;
  padding: 0;
  color: #fff;
  font-size: 1.6rem;
  line-height: 1;
  font-weight: bold;
  border-radius: 100vw;
  background: #173F93;
  font-feature-settings: "palt";
  border: none;
  cursor: pointer;
  box-shadow: none; }

/* Stripeがspanに持つ装飾を無効化 */
.pay-btn button.stripe-button-el > span {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
  font: inherit !important;
  color: inherit !important;
  line-height: inherit !important; }

/* アイコン（u-btn-more.large::before相当） */
.pay-btn button.stripe-button-el::before {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  background: url(../images/share/openwindow.svg) no-repeat center/contain;
  position: absolute;
  right: 30px; }

/* disabled時のクリック封じ（見た目＋保険） */
.pay-btn.is-disabled button.stripe-button-el {
  pointer-events: none; }

.toroku-ttl {
  font-size: clamp(2.1rem, calc(21 / 1024* 100vw), 2.1rem);
  margin: 0 0 clamp(20px, calc(30 / 1024 * 100vw), 30px);
  position: relative;
  display: block; }
  .toroku-ttl span {
    display: block;
    font-size: 1.6rem;
    font-weight: normal; }

.toroku-price {
  font-size: clamp(3rem, calc(36 / 1024* 100vw), 3.6rem);
  font-weight: 700;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #A7B2C0; }
  .toroku-price.border-none {
    padding-bottom: 0px;
    border-bottom: 0px solid #A7B2C0; }
  .toroku-price span {
    font-weight: normal;
    font-size: 1.6rem; }

/**解約ボタン**/
.swpm-stripe-subscription-cancel-link button {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 240px;
  height: 60px;
  padding: 0;
  color: #fff;
  font-size: 1.6rem;
  line-height: 1;
  font-weight: bold;
  border-radius: 100vw;
  background: #EF858C;
  font-feature-settings: "palt";
  transition: .5s; }
  .swpm-stripe-subscription-cancel-link button:hover {
    opacity: .85; }

/*-----------------------------------------------------------
Footer
-----------------------------------------------------------*/
.footer {
  position: relative;
  background: #173F93;
  /*--footer用gnavi--*/
  /*--footer用gnavi--*/ }
  .footer .h-container {
    margin: auto;
    transition: .5s; }
    .footer .h-container.logoarea {
      background: #173F93;
      padding: 20px 0; }
      .footer .h-container.logoarea .h-wrapper {
        position: relative; }
        .footer .h-container.logoarea .h-wrapper .h-member-nav {
          position: absolute;
          right: 0;
          top: 50%;
          transform: translateY(-50%); }
    .footer .h-container.navarea {
      background: #F2F4F6;
      padding: 40px 0; }
  .footer .h-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 1024px;
    margin: auto; }
  .footer ul + ul {
    margin-top: 0; }
  .footer a {
    color: #3B4043;
    text-decoration: none; }
  .footer img {
    border-radius: unset; }
  .footer .container {
    position: relative;
    width: 100%;
    max-width: 1024px;
    z-index: 1; }
  .footer .wrapper {
    margin: auto;
    display: flex;
    justify-content: space-between;
    position: relative;
    padding: 40px 0; }
  .footer .l-wrap {
    position: relative; }
  .footer .f-logo-link {
    display: block;
    margin-bottom: calc(25 / 496 * 100%); }
    .footer .f-logo-link img {
      width: clamp(240px, calc(340 / 1800 * 100vw), 340px);
      transition: .5s; }
  .footer .address {
    display: block;
    font-family: "Noto Sans JP", "游ゴシック体", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, sans-serif;
    font-size: clamp(1.2rem, calc(15 / 1400 * 100vw), 1.5rem);
    line-height: calc(30 / 17 * 1em); }
  .footer .tel {
    display: flex;
    align-items: center;
    column-gap: 5px;
    font-size: 2.1rem;
    color: #FFF;
    margin-bottom: 50px; }
    .footer .tel img {
      width: calc(14.76 / 24 * 1em); }
    .footer .tel span {
      font-family: "Noto Sans JP", sans-serif;
      line-height: calc(28 / 21 * 1em); }
  .footer .site-map {
    display: flex;
    justify-content: flex-start;
    position: relative;
    gap: 30px;
    width: 100%; }
    .footer .site-map .ttl {
      position: relative;
      font-family: "Noto Sans JP", sans-serif;
      font-size: clamp(1.4rem, calc(15 / 1024 * 100vw), 1.5rem);
      line-height: calc(33 / 15 * 1em);
      font-weight: bold;
      padding-bottom: calc(10 / 15 * 1em);
      margin-top: -0.5em; }
      .footer .site-map .ttl::before {
        content: none;
        display: block;
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 1px;
        background: #778086; }
    .footer .site-map .has-sub ul li a::before {
      content: "-";
      display: inline-block; }
    .footer .site-map a {
      display: flex;
      align-items: center;
      gap: .5em;
      position: relative;
      font-family: "Noto Sans JP", "游ゴシック体", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, sans-serif;
      font-size: clamp(1.2rem, calc(15 / 1800 * 100vw), 1.5rem);
      line-height: 1.5;
      font-weight: bold;
      color: #FFF; }

.f-copy {
  position: relative;
  width: fit-content;
  white-space: nowrap;
  font-size: clamp(1.1rem, calc(14 / 1400 * 100vw), 1.4rem);
  line-height: calc(19 / 14 * 1em);
  color: #fff;
  margin: auto;
  text-align: right;
  margin-left: 30px; }

.sp-navi {
  display: none; }

.pagetop {
  position: absolute;
  top: -60px;
  right: 0;
  z-index: 100;
  width: 60px;
  height: 60px;
  background: #173F93;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: transform .5s; }
  .pagetop:hover {
    transform: translateY(-10px); }

@media (max-width: 800px) {
  .footer {
    padding-bottom: 50px; }
    .footer .h-container.navarea {
      padding: 20px 0; }
    .footer .h-wrapper {
      width: 95%; }
    .footer .wrapper {
      width: 95%;
      flex-direction: column;
      gap: 20px;
      padding: 20px 0 40px; }
    .footer .f-logo-link {
      margin-bottom: 35px; }
      .footer .f-logo-link img {
        width: 200px; }
    .footer .l-wrap {
      justify-items: center;
      width: 100%;
      padding: 0;
      margin: auto; }
    .footer .address {
      text-align: center;
      margin-bottom: 0; }
    .footer .tel {
      font-size: 22px;
      margin-bottom: 35px; }
    .footer .time-table-wrap {
      grid-row: 3/4;
      grid-column: 1/3; }
    .footer .site-map {
      grid-template-columns: 1fr;
      justify-content: space-between;
      row-gap: 20px;
      flex-direction: column; }
      .footer .site-map .ttl {
        font-size: 13px;
        margin-right: 0; }
        .footer .site-map .ttl::before {
          width: 100%; }
      .footer .site-map li.has-sub {
        grid-row: 1/3;
        grid-column: 2/3;
        grid-template-columns: repeat(2, max-content); }
        .footer .site-map li.has-sub .sub-ttl-en {
          display: grid;
          grid-template-columns: max-content 1fr;
          width: 100%;
          font-size: 17px; }
          .footer .site-map li.has-sub .sub-ttl-en::after {
            width: calc(100% - 10px);
            margin-left: 10px; }
      .footer .site-map a {
        font-size: 13px; }
      .footer .site-map .sub-ttl-en {
        display: grid;
        grid-template-columns: max-content 1fr;
        width: 100%;
        font-size: 17px; }
        .footer .site-map .sub-ttl-en::after {
          width: calc(100% - 10px);
          margin-left: 10px; }
    .footer .f-copy {
      font-size: 13px;
      text-align: center;
      margin: auto; }
      .footer .f-copy .l-wrap {
        margin: 0 auto; }
        .footer .f-copy .l-wrap .inner {
          display: grid;
          justify-content: center;
          padding: 35px 0; }
      .footer .f-copy nav {
        font-size: 12px;
        margin-bottom: 1em; }
    .footer .pagetop {
      display: none; }

  .sp-navi {
    display: block; }

  .sp-navi-btns {
    display: flex;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50px;
    border-top: 0px solid #FFF;
    background: #173F93;
    z-index: 10000; }
    .sp-navi-btns > * {
      flex: 1;
      position: relative; }
    .sp-navi-btns .sp-menu-btn {
      font-family: "Archivo Narrow", sans-serif;
      font-size: 10px;
      line-height: calc(13 / 10 * 1em);
      letter-spacing: 0;
      text-align: center;
      white-space: nowrap; }
      .sp-navi-btns .sp-menu-btn:not(.humberger) {
        border-right: 1px solid #FFF; }
      .sp-navi-btns .sp-menu-btn a {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        color: #FFF;
        text-decoration: none;
        height: 100%;
        padding: 10px 0 4px; }
      .sp-navi-btns .sp-menu-btn.i_home a {
        padding: 8.3px 0 4px; }
      .sp-navi-btns .sp-menu-btn.i_tel a {
        padding: 9.7px 0 4px; }
      .sp-navi-btns .sp-menu-btn.i_access a {
        padding: 9.5px 0 1px; }
    .sp-navi-btns .ttl {
      display: block;
      color: #FFF;
      font-family: "Archivo Narrow", sans-serif;
      font-size: 10px;
      line-height: calc(13 / 10 * 1em);
      letter-spacing: 0;
      text-align: center; }
    .sp-navi-btns .humberger {
      position: relative;
      display: grid;
      justify-items: center;
      padding: 12.5px 0 4px;
      cursor: pointer; }
      .sp-navi-btns .humberger .ttl {
        align-self: flex-end; }
      .sp-navi-btns .humberger .line-wrap {
        position: relative;
        width: 13px;
        height: 11px; }
        .sp-navi-btns .humberger .line-wrap span {
          position: absolute;
          left: 50%;
          transform: translate(-50%, 0);
          width: 100%;
          height: 1px;
          transition: 0.4s;
          background: #FFF; }
        .sp-navi-btns .humberger .line-wrap span:nth-of-type(1) {
          top: 0; }
        .sp-navi-btns .humberger .line-wrap span:nth-of-type(2) {
          top: 50%;
          -webkit-transform: translate(-50%, -50%);
          transform: translateY(-50%, -50%); }
        .sp-navi-btns .humberger .line-wrap span:nth-of-type(3) {
          bottom: 0; }

  .humberger.is-open .line-wrap span:nth-of-type(1) {
    top: 50%;
    transform: translate(-50%, -50%) rotate(-45deg); }
  .humberger.is-open .line-wrap span:nth-of-type(2) {
    opacity: 0; }
  .humberger.is-open .line-wrap span:nth-of-type(3) {
    bottom: 50%;
    transform: translate(-50%, 50%) rotate(45deg); } }
/*-----------------------------------------------------------
Common
-----------------------------------------------------------*/
:root {
  --vw: 1vw;
  /*behavior.jsで定義*/
  --s100vw: calc(var(--vw) * 100);
  --s50vw: calc(var(--vw) * 50); }

.pc-only {
  display: block; }

.sp-only {
  display: none; }

.is-fixed {
  position: fixed; }

hr {
  max-width: 1024px;
  margin: 50px auto; }

.fade {
  transition: opacity .5s; }
  .fade:hover {
    opacity: .5; }

.fs11 {
  font-size: 11px; }

.bold,
strong {
  font-weight: bold; }

.red {
  color: #F44336; }

.marker {
  background: linear-gradient(transparent 70%, #FFE99F 30%); }

.notice {
  font-size: .8rem;
  text-indent: -1.6em;
  padding-left: 1.6em; }

.mb0 {
  margin-bottom: 0 !important; }

.mbXS {
  margin-bottom: 5px !important; }

.mbS {
  margin-bottom: 15px !important; }

.mbM {
  margin-bottom: 30px !important; }

.mbL {
  margin-bottom: 60px !important; }

.mbXL {
  margin-bottom: 90px !important; }

.mt0 {
  margin-top: 0 !important; }

.pb0 {
  padding-bottom: 0 !important; }

.tac {
  text-align: center; }

.tar {
  text-align: right; }

.tal {
  text-align: left; }

.reverse {
  flex-direction: row-reverse; }

@media (max-width: 800px) {
  .pc-only {
    display: none; }

  .sp-only {
    display: block; }

  .sp-tac {
    text-align: center !important; }

  .sp-tar {
    text-align: right !important; }

  .sp-tal {
    text-align: left !important; }

  .mbL {
    margin-bottom: 30px !important; }

  .mbXL {
    margin-bottom: 50px !important; } }
/*ボタン*/
.top-more {
  text-align: center;
  margin-top: 30px; }
  .top-more a {
    font-size: 1.6rem;
    text-decoration: underline;
    color: #173F93;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px; }
    .top-more a::after {
      content: "";
      width: 20px;
      height: 20px;
      background: url("../images/share/u-icon_arrow-right.svg");
      background-size: contain;
      background-repeat: no-repeat;
      display: inline-block; }

.btn-more,
.btn-icon,
.btn-tel,
.btn-line {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-family: "Noto Sans JP", sans-serif;
  line-height: 1;
  padding: 0 20px 1px;
  transition: opacity 0.5s; }
  .btn-more:hover,
  .btn-icon:hover,
  .btn-tel:hover,
  .btn-line:hover {
    opacity: 0.5; }

.btn-more {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 90%;
  max-width: 240px;
  height: 60px;
  padding: 0;
  color: #fff;
  font-size: 1.6rem;
  line-height: 1;
  font-weight: bold;
  border-radius: 100vw;
  background: #EF858C; }
  .btn-more::after {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    background: url(../images/share/login.svg) no-repeat center/contain;
    position: absolute;
    right: 20px; }
  .btn-more.download {
    background: #000; }
    .btn-more.download::after {
      content: none; }
  .btn-more.kitei {
    background: #173F93; }
    .btn-more.kitei::after {
      content: none; }

.btn-tel {
  background: #333;
  color: #fff; }
  .btn-tel i {
    font-size: 10px;
    margin-right: 10px; }

.btn-icon {
  background: #6A9D89;
  color: #fff; }
  .btn-icon img {
    margin-right: 10px; }

.btn-line {
  background: #4CC764;
  color: #fff;
  padding: 10px 25px; }
  .btn-line img {
    line-height: 1;
    margin: 0 10px 0 -20px; }

.btn-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-top: 40px; }
  .btn-wrap + p {
    margin-top: 15px;
    font-size: 1.4rem; }
  .btn-wrap.center {
    justify-content: center; }

@media (max-width: 800px) {
  .btn-more,
  .btn-tel,
  .btn-icon,
  .btn-line {
    width: 100%; }

  .btn-wrap {
    display: grid; }

  .btn-more {
    margin: auto; } }
/*診療カレンダー*/
.business-calendar-box {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 0 0;
  margin: 0;
  background: transparent; }
  .business-calendar-box > div {
    width: 100%;
    border-radius: 5px; }

.business-calendar {
  text-align: center;
  border-top: 0 !important;
  border-left: 0 !important;
  width: 100%;
  background: none; }
  .business-calendar caption {
    position: relative;
    height: auto;
    padding: 0 0 10px;
    margin: 0 auto 4px;
    font-family: "Noto Sans JP", sans-serif;
    font-size: clamp(1.3rem, calc(16 / 1400 * 100vw), 1.6rem);
    line-height: calc(21 / 16 * 1em);
    color: #FFF;
    text-align: center;
    border: 0;
    border-bottom: 1px solid #FFF;
    background: none; }
    .business-calendar caption span {
      display: block;
      align-items: center;
      position: absolute;
      top: 0;
      width: 40px;
      height: 100%;
      color: #FFF;
      line-height: 1;
      font-size: 25px;
      vertical-align: -1px; }
      .business-calendar caption span.business-calendar-past {
        left: 0;
        margin: 0;
        transform: translate(0%, -4px); }
      .business-calendar caption span.business-calendar-future {
        right: 0;
        margin: 0;
        transform: translate(0%, -4px); }
  .business-calendar tr {
    height: 38px;
    border-bottom: 0px solid #DDDDDD; }
  .business-calendar td {
    position: relative;
    font-family: "Noto Sans JP", sans-serif;
    font-size: clamp(1.1rem, calc(14 / 1024 * 100vw), 1.4rem);
    color: #000000;
    padding: 0 0 2em;
    background: none;
    background-clip: padding-box;
    border: 0;
    z-index: 0; }
    .business-calendar td:nth-last-of-type(1) {
      border-right: 0px solid #DDDDDD; }
  .business-calendar thead {
    position: relative;
    border-bottom: 0px solid #DED9D3;
    border: 0;
    background: none; }
    .business-calendar thead tr {
      border-top: 0px solid #DDDDDD; }
    .business-calendar thead th {
      width: 14%;
      font-family: "Noto Sans JP", sans-serif;
      font-size: clamp(1rem, calc(12 / 1400 * 100vw), 1.2rem);
      color: #FFf;
      text-align: center;
      padding: 0;
      border: 0;
      background: transparent; }
      .business-calendar thead th:nth-of-type(1) {
        border-radius: 3px 0 0 3px; }
      .business-calendar thead th:nth-last-of-type(1) {
        border-radius: 0 3px 3px 0;
        border-right: 0px solid #DDDDDD; }
  .business-calendar tbody {
    font-family: "Noto Sans JP", sans-serif;
    font-size: clamp(1.2rem, calc(14 / 1024 * 100vw), 1.4rem);
    line-height: 1em;
    background: #FFF; }
    .business-calendar tbody tr {
      height: 55px;
      border-bottom: 0px solid #DED9D3; }
    .business-calendar tbody tr:nth-last-of-type(1) {
      border-bottom: 0px solid #DDDDDD; }
    .business-calendar tbody td {
      color: #3B4043;
      border: 1px solid #DDD;
      background: none; }
      .business-calendar tbody td::before {
        content: "";
        background: #ccc;
        border-radius: 50px;
        width: 10px;
        height: 10px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-47%, 40%);
        z-index: -1;
        opacity: 0; }

.business-calendar-past a,
.business-calendar-future a {
  display: inline-block;
  cursor: pointer;
  text-indent: 0%;
  white-space: nowrap;
  overflow: visible;
  position: relative;
  width: 30px;
  height: 30px; }
  .business-calendar-past a::before,
  .business-calendar-future a::before {
    display: inline-block;
    content: "";
    width: 100%;
    height: 100%;
    border: none;
    position: absolute;
    top: 0;
    background: url(../images/share/calendar_arrow.svg) no-repeat center/contain; }

.business-calendar-future {
  justify-content: flex-end;
  margin-right: 10px; }
  .business-calendar-future a::before {
    right: 0;
    transform: rotate(180deg); }

.business-calendar-past {
  margin-left: 10px; }
  .business-calendar-past a::before {
    left: 0;
    transform: rotate(0deg); }

.business-calendar .today {
  text-decoration: underline; }

.business-calendar .attr0,
.business-calendar .attr1,
.business-calendar .attr2,
.business-calendar .attr3 {
  color: #000;
  background: none; }
  .business-calendar .attr0::before,
  .business-calendar .attr1::before,
  .business-calendar .attr2::before,
  .business-calendar .attr3::before {
    opacity: 1; }

.business-calendar .attr0 {
  color: #000; }
  .business-calendar .attr0::before {
    content: "—";
    display: block;
    position: absolute;
    top: 0;
    transform: translate(-50%, 70%);
    width: 24px;
    font-family: "Noto Sans JP", "游ゴシック体", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, sans-serif;
    font-size: 24px;
    color: #000;
    background: none; }

.business-calendar .attr1::before {
  background: #173F93; }

.business-calendar .attr2::before {
  background: #4A9A3F; }

.business-calendar .attr3::before {
  background: #F09E3B; }

.list-event {
  display: flex; }
  .list-event li {
    font-size: 15px;
    line-height: 1;
    margin: 0 20px 0 0; }
  .list-event i {
    margin: 0 5px 0 0; }
  .list-event .event01 {
    color: #EF866B; }
  .list-event .event02 {
    color: #F7B46B; }
  .list-event .event03 {
    color: #A8DBA8; }
  .list-event .event04 {
    color: #B0D7D5; }

.business-calendar-attribute {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  column-gap: 0;
  row-gap: 0;
  margin: 15px 0 0;
  padding: 0; }
  .business-calendar-attribute li {
    position: relative;
    display: flex;
    align-items: center;
    column-gap: 0.5em;
    padding: 0 1em 0 0;
    font-family: "Noto Sans JP", "游ゴシック体", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, sans-serif;
    font-size: clamp(1.1rem, calc(14 / 1024 * 100vw), 1.4rem);
    line-height: calc(19 / 14 * 1em);
    font-weight: bold;
    color: #FFf;
    list-style: none;
    background: none; }
    .business-calendar-attribute li::before {
      content: "●";
      display: block;
      position: relative;
      font-family: "Noto Sans JP", "游ゴシック体", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, sans-serif;
      background: none; }
    .business-calendar-attribute li.attr0 {
      background: none;
      color: #FFF; }
      .business-calendar-attribute li.attr0::before {
        content: "—";
        color: #FFF; }
    .business-calendar-attribute li.attr1 {
      background: none;
      color: #FFF; }
      .business-calendar-attribute li.attr1::before {
        color: #FFF; }
    .business-calendar-attribute li.attr2 {
      background: none;
      color: #FFF; }
      .business-calendar-attribute li.attr2::before {
        color: #FFF; }
    .business-calendar-attribute li.attr3 {
      background: none;
      color: #FFf; }
      .business-calendar-attribute li.attr3::before {
        color: #FFf; }

.calender-wrap .txt.btm {
  font-family: "Noto Sans JP", sans-serif;
  font-size: clamp(1.1rem, calc(14 / 1024 * 100vw), 1.4rem);
  line-height: calc(24 / 14 * 1em); }
  .calender-wrap .txt.btm a {
    text-decoration: underline; }

@media (max-width: 800px) {
  .business-calendar-box {
    display: block;
    margin: 0;
    padding: 0; }
    .business-calendar-box > div {
      padding: 0; }
      .business-calendar-box > div + div {
        margin-top: 15px; }
    .business-calendar-box .list-event {
      display: block; }
      .business-calendar-box .list-event li + li {
        margin-top: 5px; }

  .business-calendar {
    margin-bottom: 0; }
    .business-calendar caption {
      font-size: 16px; }
    .business-calendar thead th {
      font-size: 13px; }
    .business-calendar tbody td {
      font-size: 13px; }
      .business-calendar tbody td::before {
        transform: translate(-50%, -12%); }

  .business-calendar-attribute {
    font-size: 13px;
    margin: 15px 0 0; } }
/*診療時間*/
.time-table {
  color: #F2F4F6;
  text-align: center;
  padding: 0;
  border-radius: 0;
  border: 0px solid #F2F4F6;
  background: transparent;
  overflow: hidden; }

.time-table-head,
.time-table-body {
  display: grid;
  grid-template-columns: max(calc(140 / 490 * 100%), 100px) repeat(6, 1fr) max(calc(60 / 490 * 100%), 50px);
  font-family: "Noto Sans JP", sans-serif;
  font-size: clamp(1.4rem, calc(16 / 1024 * 100vw), 1.6rem); }
  .time-table-head .item,
  .time-table-body .item {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    font-family: "Noto Sans JP", "游ゴシック体", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, sans-serif;
    font-size: clamp(1.4rem, calc(16 / 1024 * 100vw), 1.6rem);
    line-height: calc(24 / 16 * 1em);
    color: #FFF;
    padding: calc(15 / 16 * 1em) 0 calc(15 / 16 * 1em); }
    .time-table-head .item:first-child,
    .time-table-body .item:first-child {
      border-right: 1px solid #FFF; }
    .time-table-head .item:nth-last-of-type(1),
    .time-table-body .item:nth-last-of-type(1) {
      padding-right: 0; }

.time-table-head {
  border: 0px solid #FFF;
  border-bottom: 1px solid #FFF;
  background: transparent; }
  .time-table-head .item {
    color: #FFF; }

.time-table-body {
  border-left: 0px solid #FFF;
  border-right: 0px solid #FFF;
  border-bottom: 1px solid #FFF;
  background: transparent; }
  .time-table-body:nth-last-of-type(1) {
    border-bottom: 0px solid #FFF; }
  .time-table-body .item {
    color: #FFF; }
    .time-table-body .item:first-child {
      letter-spacing: 0;
      background: transparent; }
      .time-table-body .item:first-child span {
        display: block; }

.time-table-wrap .txt {
  font-size: clamp(1.3rem, calc(17 / 1800 * 100vw), 1.7rem);
  margin-top: 1em; }

@media (max-width: 800px) {
  .time-table {
    padding: 0; }

  .time-table-head,
  .time-table-body {
    grid-template-columns: 90px repeat(6, 1fr) 55px !important;
    padding: 0;
    min-height: 45px; }
    .time-table-head .item,
    .time-table-body .item {
      font-size: 13px;
      line-height: calc(15 / 13 * 1em); }

  .time-table-body .item {
    padding: 5px 0;
    font-size: 13px; }
    .time-table-body .item:first-child {
      letter-spacing: 0; }
      .time-table-body .item:first-child span {
        display: block; }
      .time-table-body .item:first-child span.jp {
        font-size: 12px;
        line-height: calc(15 / 13 * 1em); }

  .time-table-wrap .txt {
    font-size: 13px;
    margin-top: 10px; }
    .time-table-wrap .txt span {
      line-height: 2em; }
    .time-table-wrap .txt.btm span:nth-of-type(1) {
      line-height: 2em; } }
/*-----------------------------------------------------------
Inview
-----------------------------------------------------------*/
.inview {
  opacity: 0;
  transform: translateY(50px);
  transition: all 0.75s ease-out; }

.inview_on {
  transform: translateY(0);
  opacity: 1; }

@media (max-width: 800px) {
  .inview {
    opacity: 0;
    transform: translateY(25px);
    transition: all 0.75s ease-out; }

  .inview_on {
    transform: translateY(0);
    opacity: 1; } }
/*------------
Splide
--------------*/
.splide .splide__arrow--prev svg {
  transform: rotate(180deg); }
.splide .splide__arrow svg {
  fill: #173F93 !important; }
.splide .splide__arrow--prev::after,
.splide .splide__arrow--next::after {
  content: none !important; }

/*------------
Card-list01
--------------*/
.card-list01-wrap {
  width: 100%;
  margin: auto;
  background: #FDFBF7; }
  .card-list01-wrap .l-ttl {
    text-align: center;
    margin-bottom: calc(50 / 1024 * 100%); }
  .card-list01-wrap .t-h2 {
    display: block;
    font-family: "Noto Sans JP", sans-serif;
    font-size: clamp(2.6rem, calc(36 / 1400 * 100vw), 3.6rem);
    line-height: calc(50 / 36 * 1em);
    color: #3B4043; }
  .card-list01-wrap .sub-ttl-en {
    display: block;
    font-family: "Noto Serif JP", serif;
    font-size: clamp(1.3rem, calc(16 / 1400 * 100vw), 1.6rem);
    line-height: calc(20 / 16 * 1em);
    margin-top: calc(14 / 16 * 1em);
    color: #82C4CC; }

.card-list01 {
  display: grid;
  grid-template-columns: repeat(3, calc(320 / 1024 * 100%));
  justify-content: space-between;
  row-gap: clamp(20px, calc(40 / 1800 * 100vw), 40px); }
  .card-list01 > li {
    border-radius: 5px;
    background: #fff;
    box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.05);
    transition: .5s; }
    .card-list01 > li:hover {
      transform: translateY(-10px); }
  .card-list01 a {
    display: grid;
    justify-items: center;
    position: relative;
    width: 100%;
    height: 100%;
    padding: calc(37 / 320 * 100%) calc(20 / 320 * 100%) calc(30 / 320 * 100%); }
    .card-list01 a::after {
      content: "";
      display: block;
      position: absolute;
      right: 0;
      bottom: 0;
      width: clamp(10px, calc(18 / 1800 * 100vw), 18px);
      aspect-ratio: 1/1;
      height: auto;
      margin-right: calc(10 / 320 * 100%);
      margin-bottom: calc(10 / 320 * 100%);
      background: url(../images/share/btn_arrow_sq.svg) no-repeat center/contain; }
  .card-list01 .t-h3 {
    font-family: "Noto Sans JP", sans-serif;
    font-size: clamp(1.6em, calc(22 / 1400 * 100vw), 2.2rem);
    line-height: calc(30 / 22 * 1em);
    color: #F2F4F6;
    margin: 0; }
  .card-list01 .l-img {
    width: calc(140 / 280 * 100%);
    margin: calc(17 / 280 * 100%) auto calc(20 / 280 * 100%); }
    .card-list01 .l-img img {
      width: 100%; }
  .card-list01 .sub-list li {
    display: flex;
    align-items: flex-start; }
    .card-list01 .sub-list li::before {
      content: "";
      display: inline-block;
      width: 1em;
      aspect-ratio: 16/14;
      margin-top: calc(10 / 16 * 1em);
      margin-right: calc(7 / 16 * 1em);
      background: url(../images/share/icon_check.svg) no-repeat center/contain; }

@media (max-width: 800px) {
  .card-list01-wrap .l-ttl {
    margin-bottom: 25px; }
  .card-list01-wrap .t-h2 {
    font-size: 24px; }
  .card-list01-wrap .sub-ttl-en {
    font-size: 14px; }

  .card-list01 {
    grid-template-columns: repeat(2, calc(50% - 1.25vw));
    row-gap: 2.5vw; }
    .card-list01 a {
      padding: 25px 10px 35px; }
      .card-list01 a::after {
        width: 15px;
        margin-right: 10px;
        margin-bottom: 10px; }
    .card-list01 .t-h3 {
      font-size: 18px; }
    .card-list01 .l-img {
      width: 60%;
      margin: 15px auto; } }
/*-----------------------------------------------------------
Animation
-----------------------------------------------------------*/
.js-fadein {
  transition: opacity 1.2s, transform 1s;
  opacity: 0;
  transform: translateY(120px); }
  .js-fadein.is-show {
    opacity: 1;
    transform: translateY(0); }

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