@charset "UTF-8";
/***************************************************************
 *
 * sanitize.css | CC0 Public Domain | github.com/jonathantneal/sanitize.css
 *
***************************************************************/
pre, textarea {
  overflow: auto; }

[hidden], audio:not([controls]), template {
  display: none; }

details, main, summary {
  display: block; }

input[type=number] {
  width: auto; }

input[type=search] {
  -webkit-appearance: textfield; }

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none; }

progress {
  display: inline-block; }

small {
  font-size: 75%; }

textarea {
  resize: vertical; }

[unselectable] {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

*, ::after, ::before {
  box-sizing: inherit;
  border-style: solid;
  border-width: 0; }

* {
  position: relative;
  font-size: inherit;
  line-height: inherit;
  margin: 0;
  padding: 0; }

::after, ::before {
  text-decoration: inherit;
  vertical-align: inherit; }

:root {
  -ms-overflow-style: -ms-autohiding-scrollbar;
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  box-sizing: border-box;
  cursor: default;
  font: 20px/1.5 sans-seri f;
  text-rendering: optimizeLegibility; }

a {
  text-decoration: none; }

audio, canvas, iframe, img, svg, video {
  vertical-align: middle; }

button, input, select, textarea {
  background-color: transparent;
  color: inherit;
  font-family: inherit;
  font-style: inherit;
  font-weight: inherit; }

code, kbd, pre, samp {
  font-family: monospace,monospace; }

ol, ul {
  list-style: none; }

select {
  -moz-appearance: none;
  -webkit-appearance: none; }

select::-ms-expand {
  display: none; }

select::-ms-value {
  color: currentColor; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

::-moz-selection {
  background-color: #B3D4FC;
  text-shadow: none; }

::selection {
  background-color: #B3D4FC;
  text-shadow: none; }

@media screen {
  [hidden~=screen] {
    display: inherit; }

  [hidden~=screen]:not(:active):not(:focus):not(:target) {
    clip: rect(0 0 0 0) !important;
    position: absolute !important; } }
/***************************************************************
 *
 * layout and etc...
 *
***************************************************************/
img {
  max-width: 100%;
  height: auto; }

body {
  margin: 0; }


/* 
			Scroll and Show
*********************************************/
.ssb {
  transform: translateY(3em);
  transition: all 0.8s ease;
  opacity: 0; }

.ss_on.ssb,
.ss2_on.ssb,
.ss3_on.ssb,
.ss30_on.ssb {
  transform: translateY(0);
  opacity: 1; }

.sso {
  opacity: 0; }
  .sso.ss_on {
    animation: text-focus-in 1s cubic-bezier(0.55, 0.085, 0.68, 0.53) both; }

/* 
			eachTextAnime
*********************************************/
.eachTextAnime span,
.eachTextAnime2 span,
.eachTextAnime3 span {
  opacity: 0; }

.eachTextAnime.appeartext span,
.eachTextAnime2.appeartext span,
.eachTextAnime3.appeartext span {
  animation: text_anime_on 1s ease-out forwards; }

@keyframes text_anime_on {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
/*
			PC通話発信無効化
*********************************************/
@media (min-width: 769px) {
  a[href^="tel:"] {
    pointer-events: none; } }
/*
			アニメーション
*********************************************/
/* ----------------------------------------------
 * Generated by Animista on 2024-8-19 1:10:33
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
/*  animation text-focus-in */
@-webkit-keyframes text-focus-in {
  0% {
    -webkit-filter: blur(12px);
    filter: blur(12px);
    opacity: 0; }
  100% {
    -webkit-filter: blur(0px);
    filter: blur(0px);
    opacity: 1; } }
@keyframes text-focus-in {
  0% {
    -webkit-filter: blur(12px);
    filter: blur(12px);
    opacity: 0; }
  100% {
    -webkit-filter: blur(0px);
    filter: blur(0px);
    opacity: 1; } }
.a_fin.inview {
  transition: 0.5s all ease;
  opacity: 0;
  filter: blur(12px); }

.a_fin.inview.in-view {
  filter: blur(0px);
  opacity: 1; }

/**
 * ----------------------------------------
 * inview a_bu
 * ----------------------------------------
 */
.inview.a_bu {
  overflow: hidden; }

.inview.a_bu > * {
  transition: 0.2s all ease;
  transform: translateY(100%);
  display: block; }

.inview.a_bu.in-view > * {
  transform: none; }

/***************************************************************
 *
 * sass media query
 *
***************************************************************/
/***************************************************************
 *
 * WordPressスタイル
 *
***************************************************************/
img.size-full,
img.size-large,
img.header-image,
img.wp-post-image {
  max-width: 100%;
  height: auto; }

embed,
iframe,
object,
video {
  max-width: 100%; }

.alignleft {
  float: left;
  margin: 1em 1em 1em 0; }

.alignright {
  float: right;
  margin: 1em 0 1em 1em; }

.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px; }

.alignleft,
.alignright,
.aligncenter {
  clear: both; }

@media (max-width: 768px) {
  .alignleft,
  .alignright,
  .aligncenter {
    float: none;
    margin: 0 0 1em; } }
.wp-caption {
  max-width: 100%;
  padding: 10px;
  border: 1px solid #CCC;
  background-color: #f6f6f6;
  margin-bottom: 30px; }

.wp-caption .wp-caption-text,
.gallery-caption,
.entry-caption {
  font-size: 14px;
  line-height: 16px;
  color: #757575;
  margin: 0;
  text-align: center; }

figure img {
  margin-bottom: 0; }

figure figcaption {
  color: #555d66;
  text-align: center;
  font-size: 0.8em; }

.content_body button,
.content_body input,
.content_body textarea {
  border: 1px solid #ccc;
  border-radius: 3px;
  font-family: inherit;
  padding: 6px;
  padding: 0.428571429rem; }

.content_body button,
.content_body input {
  line-height: normal; }

.content_body textarea {
  font-size: 100%;
  overflow: auto;
  vertical-align: top; }

.content_body blockquote {
  margin-left: 1em;
  margin-bottom: 2em;
  padding: 8px 1em;
  border-left: 3px solid #999; }

#wp-calendar {
  width: 100%;
  text-align: center; }

#wp-calendar a:link {
  color: #89C538;
  text-decoration: underline;
  font-weight: 800; }

.content_body p {
  margin-bottom: 1em;
  line-height: 1.8em; }

.content_body a {
  text-decoration: underline; }

.content_body h1,
.content_body h3 {
  color: #4f648a;
  font-size: 2em;
  padding: 0.5em 1em;
  background-color: #FFF;
  font-weight: 600;
  margin: 3em 0 1.5em;
  line-height: 1.8em;
  border-radius: 0.2em; }

.content_body h2 {
  font-size: 2em;
  color: #FFF;
  padding: 0.5em 1em;
  font-weight: 600;
  margin: 3em 0 1.5em;
  line-height: 1.8em; }

.content_body h3 {
  font-size: 1.6em; }

.content_body h1:first-child,
.content_body h2:first-child,
.content_body h3:first-child {
  margin: 0 0 1.5em; }

.content_body ul {
  padding-left: 2em;
  margin-bottom: 1em; }

.content_body ul > li {
  margin-bottom: 0.5em; }

.content_body em {
  font-style: italic; }

.content_body strong {
  font-weight: 800; }

/***************************************************************
 *
 * Stylesheet for LP
 *
***************************************************************/
/*
			Font
*********************************************/
body {
  font-size: 20px;
  line-height: 1.4em;
  color: #232323;
  font-family: "游ゴシック", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "Noto Sans Japanese", "メイリオ", "Meiryo", sans-serif;
}

body a {
  color: #232323;
  text-decoration: none; }

.font_a {
  font-family: "游明朝","Yu Mincho","Hiragino Mincho ProN","HGS明朝E","メイリオ","Meiryo",serif; }

/* 
			Responsive
*********************************************/
.xl_show,
.lg_show,
.md_show,
.sm_show,
.xs_show,
.xl_showin,
.lg_showin,
.md_showin,
.sm_showin,
.xs_showin {
  display: none; }

@media screen and (max-width: 1300px) {
  body {
    font-size: 20px;
    font-size: 1.53846153846vw;
    line-height: 1.4em; }

  .xl_hide {
    display: none; }

  .xl_show {
    display: block; }

  .xl_showin {
    display: inline; } }
@media screen and (max-width: 1024px) {
  body {
    font-size: 15.75px;
    font-size: 1.53846153846vw;
    line-height: 1.4em; }

  .lg_hide {
    display: none; }

  .lg_show {
    display: block; }

  .lg_showin {
    display: inline; } }
@media screen and (max-width: 768px) {
  .md_hide {
    display: none; }

  .md_show {
    display: block; }

  .md_showin {
    display: inline; }

  body {
    font-size: 20px;
    font-size: 2.6041666666667vw;
    line-height: 1.4em; } }
@media screen and (max-width: 600px) {
  body {
    font-size: 15.6px;
    font-size: 2.6041666666667vw;
    line-height: 1.4em; }

  .sm_hide {
    display: none; }

  .sm_show {
    display: block; }

  .sm_showin {
    display: inline; } }
@media screen and (max-width: 414px) {
  body {
    font-size: 10.76px;
    font-size: 2.6041666666667vw;
    line-height: 1.4em; }

  .xs_hide {
    display: none; }

  .xs_show {
    display: block; }

  .xs_showin {
    display: inline; } }
/* 
			drawer
*********************************************/
#gm {
  display: none; }

p#drawer_menu {
  position: fixed;
  display: block;
  z-index: 103;
  top: 2em;
  right: 2em;
  width: 2em;
  height: 2em; }

p#drawer_menu > span {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  cursor: pointer; }

p#drawer_menu > span::before {
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: #3c537d;
  top: 50%;
  left: 0;
  transition: 1s ease all; }

p#drawer_menu > span::after {
  position: absolute;
  content: "";
  display: block;
  width: 40%;
  height: 1px;
  background-color: #3c537d;
  top: 80%;
  left: 0;
  transition: 1s ease all; }

body.drawer-open p#drawer_menu > span::before {
  top: 1.5em;
  left: 0;
  transform: rotate(-405deg); }

body.drawer-open p#drawer_menu > span::after {
  top: 1.5em;
  left: 0;
  width: 100%;
  transform: rotate(405deg); }

span#gmb_close {
  display: block;
  cursor: pointer; }

.drawer-overlay {
  z-index: 101; }

#gm {
  position: relative;
  z-index: 102; }

@media screen and (max-width: 768px) {
  p#drawer_menu {
    top: 1em;
    right: 2em;
    width: 3em;
    height: 3em; } }
/***************************************************************
 *
 * 				 トップページ
 *
***************************************************************/
/* scrollsmoother
============================ */
#smooth-wrapper {
  overflow: hidden;
  /* スクロールバーを非表示にする */ }

#smooth-content {
  will-change: transform;
  /* GPUアクセラレーションを有効にしてスムーズなスクロールをサポート */ }

/* header
============================ */
header {
  background-color: #f6f4ef; }
  header > h1 {
    width: 31.9em;
    padding: 3em 0 7.5% 5em; }
    @media screen and (max-width: 768px) {
      header > h1 {
        width: 19.25em;
        padding: 3em 0 5em 2em; } }
  header > h2 {
    padding: 0 0 0 11%;
    margin-bottom: 5%; }
    @media screen and (max-width: 768px) {
      header > h2 {
        margin-bottom: 50%;
        padding: 0 0 0 2em; } }
    header > h2 > span {
      display: block;
      overflow: hidden; }
    header > h2 > span:nth-child(1) {
      width: 37.025%;
      margin-bottom: 1%; }
    header > h2 > span:nth-child(2) {
      width: 39.7625%;
      margin-bottom: 2.5%; }
    header > h2 > span:nth-child(3) {
      width: 30.075%; }
    @media screen and (max-width: 768px) {
      header > h2 > span:nth-child(1) {
        width: 74.05%;
        margin-bottom: 3%; }
      header > h2 > span:nth-child(2) {
        width: 79.525%;
        margin-bottom: 2.5%; }
      header > h2 > span:nth-child(3) {
        width: 60.15%; } }
  header > span {
    display: flex;
    align-items: center;
    width: 80vw;
    height: 40vw;
    overflow: hidden;
    border-radius: 1em;
    margin: 0 auto; }
    @media screen and (max-width: 768px) {
      header > span {
        border-radius: 2em;
        height: 80vw;
        justify-content: flex-end;
        width: 100%;
        border-radius: 0; }
        header > span > img {
          width: 120vw;
          max-width: none;
          height: 120vw;
          max-height: none; } }
  header > ul {
    position: absolute;
    top: 3em;
    left: 2em;
    width: 1.15em; }
    @media screen and (max-width: 768px) {
      header > ul {
        display: none; } }
    header > ul > li {
      margin-bottom: 3em;
      text-align: right; }
    header > ul > li:first-child > img {
      width: 0.7em; }
  header > ol {
    position: absolute;
    width: 8.7em;
    top: 3em;
    right: 5em; }
    @media screen and (max-width: 768px) {
      header > ol {
        right: 2em; } }
    header > ol > li {
      margin-bottom: 1.8em;
      text-align: right; }
    header > ol > li:nth-child(2) img {
      width: 8.65em; }
    header > ol > li:nth-child(3) img {
      width: 2.8em; }
    header > ol > li.tel {
      display: none; }
    header > ol > li.tel.tel_on {
      display: block; }
  header > h3 {
    position: absolute;
    width: 20.7%;
    height: 18.7625%;
    right: 14%;
    top: 32%; }
    @media screen and (max-width: 768px) {
      header > h3 {
        width: 55.89%;
        height: 50.65875%;
        right: 11%;
        top: 35%; } }

div.bgc {
  background-color: #f6f4ef; }

#lead {
  max-width: 1400px;
  margin: 0 auto;
  display: flex;
  padding: 4em 0 6em 0; }
  @media screen and (max-width: 768px) {
    #lead {
      display: block; } }
  #lead > h2 {
    width: 45%; }
    @media screen and (max-width: 768px) {
      #lead > h2 {
        width: 100%;
        padding: 0 0 0 3em;
        margin-bottom: 1em; } }
    #lead > h2 > span {
      display: block;
      font-size: 2.3em;
      font-weight: 800;
      line-height: 1.8em;
      overflow: hidden; }
  #lead > p {
    width: 55%;
    padding-left: 3em; }
    @media screen and (max-width: 768px) {
      #lead > p {
        width: 100%;
        padding: 0 3em; } }
    #lead > p > span {
      font-size: 1.2em;
      line-height: 1.8em; }

#what {
  background-color: #f6f4ef;
  padding: 6em 0 0; }
  #what > div:first-child {
    max-width: 1300px;
    margin: 0 auto; }
    #what > div:first-child > h2 {
      padding: 0 0 3em 3em; }
      #what > div:first-child > h2 > span:first-child {
        display: block;
        width: 19.7125em;
        overflow: hidden;
        margin-bottom: 0.5em; }
      #what > div:first-child > h2 > span:last-child {
        display: block;
        overflow: hidden;
        width: 15.0625em;
        margin-left: 1em; }
    #what > div:first-child > ul {
      display: flex;
      padding: 0 0 1em 2em;
      flex-wrap: wrap; }
      #what > div:first-child > ul > li {
        padding: 0 1em 0.5em;
        cursor: pointer; }
        @media screen and (max-width: 768px) {
          #what > div:first-child > ul > li {
            padding: 0 2em 0.5em;
            margin-bottom: 1em; } }
        #what > div:first-child > ul > li::after {
          content: "";
          display: block;
          position: absolute;
          height: 100%;
          width: 0;
          top: 0;
          right: 0;
          border-left: 1px solid #232323;
          transform: rotate(15deg); }
        #what > div:first-child > ul > li > span {
          display: block; }
          @media screen and (max-width: 768px) {
            #what > div:first-child > ul > li > span {
              font-size: 1.5em; } }
        #what > div:first-child > ul > li:nth-child(1) > span {
          width: 4.85em; }
        #what > div:first-child > ul > li:nth-child(2) > span {
          width: 6.25em; }
        #what > div:first-child > ul > li:nth-child(3) > span {
          width: 3.3em; }
        #what > div:first-child > ul > li:nth-child(4) > span {
          width: 5.6em; }
        #what > div:first-child > ul > li:nth-child(5) > span {
          width: 2.2625em; }
        #what > div:first-child > ul > li:nth-child(6)::after {
          content: none; }
        #what > div:first-child > ul > li:nth-child(6) > span {
          width: 2.85em; }
  #what > div:last-child {
    background: #e7e2d7;
    border-top: 1px solid #232323;
    border-bottom: 1px solid #232323; }
    #what > div:last-child > ul .slick-track {
      display: flex; }
    #what > div:last-child > ul li.what_li {
      display: flex;
      height: auto;
      flex-direction: column;
      justify-content: space-between;
      border-left: 1px solid #232323; }
      #what > div:last-child > ul li.what_li h3 {
        padding: 1em 0 0; }
      #what > div:last-child > ul li.what_li p {
        padding: 1em 1.2em 2em; }
        @media screen and (max-width: 768px) {
          #what > div:last-child > ul li.what_li p > span {
            font-size: 1.3em;
            line-height: 1.5em; } }

#case {
  max-width: 1300px;
  margin: 0 auto;
  padding: 10em 5em 4em; }
  @media screen and (max-width: 768px) {
    #case {
      padding: 10em 2em 4em; } }
  #case > h2 {
    overflow: hidden;
    margin: 0 0 5em; }
    #case > h2 > span {
      font-size: 1.75em;
      line-height: 2em; }
  #case li.case_li {
    border: 1px solid #000;
    padding: 1em;
    display: flex;
    margin: 0 1em; }
    @media screen and (max-width: 768px) {
      #case li.case_li {
        display: block; } }
    #case li.case_li > div:first-child {
      width: 29%;
      border-right: 1px solid #000;
      padding: 0 1em 0 0; }
      @media screen and (max-width: 768px) {
        #case li.case_li > div:first-child {
          width: 100%;
          border-right: none;
          padding: 0; } }
      #case li.case_li > div:first-child > h3 {
        border-bottom: 1px solid #000;
        padding: 1.5em 0; }
        #case li.case_li > div:first-child > h3 > strong {
          font-size: 1.6em;
          line-height: 1.6em;
          font-weight: 400; }
          @media screen and (max-width: 768px) {
            #case li.case_li > div:first-child > h3 > strong {
              font-size: 2em; } }
        #case li.case_li > div:first-child > h3 > span {
          font-size: 1.2em;
          font-weight: 400; }
          @media screen and (max-width: 768px) {
            #case li.case_li > div:first-child > h3 > span {
              font-size: 1.4em; } }
      @media screen and (max-width: 768px) {
        #case li.case_li > div:first-child > div {
          display: flex;
          align-items: center;
          border-bottom: 1px solid #000;
          padding: 1em 0; } }
      #case li.case_li > div:first-child > div > span {
        display: none; }
        @media screen and (max-width: 768px) {
          #case li.case_li > div:first-child > div > span {
            display: block;
            width: 28%; } }
      #case li.case_li > div:first-child > div > div {
        text-align: center; }
        @media screen and (max-width: 768px) {
          #case li.case_li > div:first-child > div > div {
            text-align: left;
            width: 72%;
            padding: 0 0 0 1em; } }
        #case li.case_li > div:first-child > div > div > h4 {
          padding: 1.5em 0 1em; }
          @media screen and (max-width: 768px) {
            #case li.case_li > div:first-child > div > div > h4 {
              padding: 0 0 1em; } }
          @media screen and (max-width: 768px) {
            #case li.case_li > div:first-child > div > div > h4 > span {
              font-size: 1.4em;
              line-height: 1.4em; } }
        #case li.case_li > div:first-child > div > div > h5 {
          padding: 0 0 0.5em 0; }
          #case li.case_li > div:first-child > div > div > h5 > span {
            font-weight: 400;
            font-size: 0.85em;
            line-height: 1em; }
            @media screen and (max-width: 768px) {
              #case li.case_li > div:first-child > div > div > h5 > span {
                font-size: 1.2em; } }
        #case li.case_li > div:first-child > div > div > span {
          display: block;
          width: 50%;
          margin: 0 auto 0.7em; }
          @media screen and (max-width: 768px) {
            #case li.case_li > div:first-child > div > div > span {
              display: none; } }
        #case li.case_li > div:first-child > div > div > p {
          font-size: 0.7em;
          line-height: 1em; }
          @media screen and (max-width: 768px) {
            #case li.case_li > div:first-child > div > div > p {
              font-size: 1em;
              line-height: 1em; } }
    #case li.case_li > div:last-child {
      width: 71%;
      padding: 1em 0.5em 0 1.5em;
      display: flex;
      flex-direction: column;
      justify-content: space-between; }
      @media screen and (max-width: 768px) {
        #case li.case_li > div:last-child {
          width: 100%;
          padding: 1em 0 0; } }
      #case li.case_li > div:last-child > p {
        font-size: 0.9em;
        margin-bottom: 1em; }
        @media screen and (max-width: 768px) {
          #case li.case_li > div:last-child > p {
            font-size: 1.2em;
            line-height: 1.5em; } }
      #case li.case_li > div:last-child > ul {
        display: flex;
        justify-content: space-between; }
        @media screen and (max-width: 768px) {
          #case li.case_li > div:last-child > ul {
            display: block; } }
        #case li.case_li > div:last-child > ul > li {
          width: 48.5%; }
          @media screen and (max-width: 768px) {
            #case li.case_li > div:last-child > ul > li {
              width: 80%;
              margin: 0 auto 0.5em; } }
  #case .slick-track {
    display: flex; }
    #case .slick-track > li {
      height: auto; }
  #case #case_arrow_box {
    height: 2em;
    width: 8em;
    border: 1px solid #000;
    border-radius: 1em/50%;
    margin: 1em 1em;
    display: flex; }
    @media screen and (max-width: 768px) {
      #case #case_arrow_box {
        width: calc(100% - 2em);
        height: 3em;
        border-radius: 1.5em/50%; } }
    #case #case_arrow_box .prev-arrow {
      width: 50%;
      background: url("img/242.webp") no-repeat 15% center/auto 40%; }
    #case #case_arrow_box .next-arrow {
      width: 50%;
      background: url("img/243.webp") no-repeat 85% center/auto 40%; }

#staff {
  padding: 13em 0;
  margin: 0 0 5em; }
  #staff > span {
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto; }
  #staff > span:nth-child(1) {
    width: 37em;
    height: 37em;
    transform: translate(-36em, 2em); }
    @media screen and (max-width: 768px) {
      #staff > span:nth-child(1) {
        display: none; } }
  #staff > span:nth-child(2) {
    width: 30em;
    height: 30em;
    bottom: auto;
    transform: translate(32em, 0); }
    @media screen and (max-width: 768px) {
      #staff > span:nth-child(2) {
        display: none; } }
  #staff > div > h2 {
    width: 16.55em;
    margin: 0 auto 0.5em;
    overflow: hidden; }
    @media screen and (max-width: 768px) {
      #staff > div > h2 {
        width: 21.515em; } }
  #staff > div > h3 {
    width: 19.8625em;
    margin: 0 auto 1.5em;
    overflow: hidden; }
    @media screen and (max-width: 768px) {
      #staff > div > h3 {
        width: 25.8375em; } }
  #staff > div > p {
    width: 21em;
    margin: 0 auto; }
    @media screen and (max-width: 768px) {
      #staff > div > p {
        width: 27.3em; } }
    #staff > div > p > span {
      font-size: 0.9em;
      line-height: 1.8em; }
      @media screen and (max-width: 768px) {
        #staff > div > p > span {
          font-size: 1.3em;
          line-height: 1.8em; } }

#staff_intro {
  background: #e7e2d7;
  border-top: 1px solid #232323;
  border-bottom: 1px solid #232323;
  padding: 0 5vw; }
  @media screen and (max-width: 768px) {
    #staff_intro {
      padding: 0; } }
  #staff_intro > div.md_hide > ul {
    display: flex;
    justify-content: center; }
    #staff_intro > div.md_hide > ul > li {
      width: 30%; }
  #staff_intro ul.staff_intro_ul .slick-track {
    display: flex; }
  #staff_intro ul.staff_intro_ul li.staff_slide_li {
    display: flex;
    height: auto;
    flex-direction: column;
    justify-content: space-between;
    border-left: 1px solid #232323; }
    #staff_intro ul.staff_intro_ul li.staff_slide_li > div > h3 {
      padding: 2em 0 0; }
    #staff_intro ul.staff_intro_ul li.staff_slide_li > div > p {
      padding: 1em 1.2em 1em; }
      #staff_intro ul.staff_intro_ul li.staff_slide_li > div > p > span {
        font-size: 0.9em;
        line-height: 1.6em; }
        @media screen and (max-width: 768px) {
          #staff_intro ul.staff_intro_ul li.staff_slide_li > div > p > span {
            font-size: 1.2em; } }
    #staff_intro ul.staff_intro_ul li.staff_slide_li.staff_slide_li_last {
      border-right: 1px solid #232323; }
      @media screen and (max-width: 768px) {
        #staff_intro ul.staff_intro_ul li.staff_slide_li.staff_slide_li_last {
          border-right: none; } }

#aq {
  max-width: 1300px;
  margin: 0 auto;
  padding: 8em 0 0; }
  #aq > div:first-child {
    display: flex;
    justify-content: space-between;
    margin-bottom: 5em;
    padding: 0 2.5em; }
    @media screen and (max-width: 768px) {
      #aq > div:first-child {
        display: block;
        margin: 0; } }
    #aq > div:first-child > p {
      display: block;
      position: absolute;
      width: 35em;
      height: 40em;
      top: 10em;
      left: -17.5em;
      overflow: hidden; }
      @media screen and (max-width: 768px) {
        #aq > div:first-child > p {
          display: none; } }
      #aq > div:first-child > p > img {
        width: 40em;
        height: 40em; }
    #aq > div:first-child > div {
      width: 50%; }
      @media screen and (max-width: 768px) {
        #aq > div:first-child > div {
          width: 100%; } }
      #aq > div:first-child > div > h2 {
        width: 19.8em;
        overflow: hidden;
        margin-bottom: 1em; }
        @media screen and (max-width: 768px) {
          #aq > div:first-child > div > h2 {
            width: 23em; } }
      #aq > div:first-child > div > p > span {
        font-size: 0.9em;
        line-height: 1.6em; }
        @media screen and (max-width: 768px) {
          #aq > div:first-child > div > p > span {
            font-size: 1.2em; } }
    #aq > div:first-child > strong {
      display: none; }
      @media screen and (max-width: 768px) {
        #aq > div:first-child > strong {
          display: flex;
          align-items: flex-end;
          overflow: hidden;
          margin-top: 2em;
          left: -2.5em;
          width: 100vw;
          height: 50vw; } }
    #aq > div:first-child > span {
      width: 15.7625em;
      display: block;
      overflow: hidden; }
      @media screen and (max-width: 768px) {
        #aq > div:first-child > span {
          margin: 4em 0 0 auto; } }
  #aq > div:last-child {
    width: 70%;
    margin: 0 0 0 auto; }
    @media screen and (max-width: 768px) {
      #aq > div:last-child {
        width: 95%; } }
    #aq > div:last-child > div {
      padding: 2em 0 0; }
      #aq > div:last-child > div > ul > li {
        padding: 2em 0 0; }
        @media screen and (max-width: 768px) {
          #aq > div:last-child > div > ul > li {
            text-shadow: 0 0 1em #FFF; } }
        #aq > div:last-child > div > ul > li > h3 {
          display: flex;
          align-items: center;
          padding-bottom: 1em;
          border-bottom: 1px solid #232323;
          cursor: pointer; }
          #aq > div:last-child > div > ul > li > h3 > span {
            width: 2.6625em; }
          #aq > div:last-child > div > ul > li > h3 > p {
            width: calc( 100% - 6em ); }
            #aq > div:last-child > div > ul > li > h3 > p > span {
              font-size: 1.15em;
              font-weight: 500;
              line-height: 1.5em; }
              @media screen and (max-width: 768px) {
                #aq > div:last-child > div > ul > li > h3 > p > span {
                  font-size: 1.3em;
                  line-height: 1.3em; } }
          #aq > div:last-child > div > ul > li > h3 > strong {
            width: 3.3375em;
            text-align: center; }
            #aq > div:last-child > div > ul > li > h3 > strong > img {
              width: 0.6625em;
              transition: 1s ease all; }
              #aq > div:last-child > div > ul > li > h3 > strong > img.aq_q_open {
                transform: rotate(90deg); }
        #aq > div:last-child > div > ul > li > div {
          padding: 1.5em 2em 2em; }
          #aq > div:last-child > div > ul > li > div > p > span {
            font-size: 0.9em;
            line-height: 1.6em; }
            @media screen and (max-width: 768px) {
              #aq > div:last-child > div > ul > li > div > p > span {
                font-size: 1.2em; } }
        #aq > div:last-child > div > ul > li > div.aq_a_img {
          display: flex;
          padding: 1.5em 2em 2em 0; }
          #aq > div:last-child > div > ul > li > div.aq_a_img > span {
            width: 20%; }
          #aq > div:last-child > div > ul > li > div.aq_a_img > p {
            width: 80%;
            padding: 0 0 0 1.5em; }

#love {
  padding: 10em 0;
  border-bottom: 1px solid #232323; }
  #love > p {
    padding: 0.5em 0;
    width: 100%;
    /* ビューポート全体の幅 */
    overflow: hidden;
    /* コンテナ外の内容を隠す */
    white-space: nowrap;
    /* テキストを改行しない */ }
    #love > p > span {
      display: inline-block;
      white-space: nowrap;
      animation: love_scroll 20s linear infinite; }
      #love > p > span#love_sec {
        animation: love_scroll_sec 20s linear infinite; }
      #love > p > span > img {
        display: inline-block;
        width: 90.9125em;
        max-width: none;
        height: auto; }
@keyframes love_scroll {
  0% {
    transform: translateX(0); }
  100% {
    transform: translateX(-50%); } }
@keyframes love_scroll_sec {
  0% {
    transform: translateX(-50%); }
  100% {
    transform: translateX(0); } }
  #love > h2 {
    width: 27.1em;
    overflow: hidden;
    margin: 2em auto 5em; }
  #love > div {
    width: 85%;
    margin: 0 0 0 auto; }
    @media screen and (max-width: 768px) {
      #love > div {
        width: 90%; } }
    #love > div .slick-track {
      display: flex; }
      #love > div .slick-track > li {
        height: auto; }
    #love > div li.love_slide_pc_li {
      border: 1px solid #000;
      padding: 1em;
      margin-right: 1.5em; }
      #love > div li.love_slide_pc_li > a {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: 100%; }
        #love > div li.love_slide_pc_li > a > div {
          display: flex; }
          @media screen and (max-width: 768px) {
            #love > div li.love_slide_pc_li > a > div {
              display: block; } }
          #love > div li.love_slide_pc_li > a > div > span {
            width: 35%; }
            @media screen and (max-width: 768px) {
              #love > div li.love_slide_pc_li > a > div > span {
                display: block;
                width: 100%; } }
          #love > div li.love_slide_pc_li > a > div > p {
            width: 65%;
            padding: 0 0 0 1em; }
            @media screen and (max-width: 768px) {
              #love > div li.love_slide_pc_li > a > div > p {
                width: 100%;
                padding: 1em 0 0; } }
            #love > div li.love_slide_pc_li > a > div > p > span {
              font-size: 0.9em;
              line-height: 1.2em; }
              @media screen and (max-width: 768px) {
                #love > div li.love_slide_pc_li > a > div > p > span {
                  font-size: 1.2em;
                  line-height: 1.6em; } }
            #love > div li.love_slide_pc_li > a > div > p > strong {
              display: block;
              margin-top: 1em;
              text-align: right; }
              #love > div li.love_slide_pc_li > a > div > p > strong > span {
                font-size: 0.7em;
                line-height: 0.9em;
                font-weight: 400; }
                @media screen and (max-width: 768px) {
                  #love > div li.love_slide_pc_li > a > div > p > strong > span {
                    font-size: 0.9em;
                    line-height: 1em; } }
        #love > div li.love_slide_pc_li > a > h3 {
          border-top: 1px solid #000;
          display: flex;
          justify-content: space-between;
          align-items: center;
          padding: 1em 0 0;
          margin-top: 1em; }
          #love > div li.love_slide_pc_li > a > h3 > span {
            font-weight: 400; }
          #love > div li.love_slide_pc_li > a > h3 > strong {
            width: 7.6em; }
    #love > div .slick-list {
      padding: 0 5% 0 0 !important; }

#sns {
  background: #FFF;
  padding: 6em 0 0; }
  #sns > h2 {
    width: 12.575em;
    margin: 0 auto 1em; }
  #sns > h3 {
    text-align: center;
    margin-bottom: 5em; }
    #sns > h3 > span {
      font-size: 1.5em;
      line-height: 1.5em;
      font-weight: 400;
      display: block; }
  #sns ul#sns_slide_pc {
    display: flex;
    justify-content: space-around; }
    #sns ul#sns_slide_pc > li {
      width: 30%; }
  #sns ul.sns_slide_sp li.sns_slide_sp_li {
    width: 94%;
    margin: 0 auto 1em; }

#interior_slide {
  overflow: hidden;
  /* スクロールバーを隠す */
  width: 100%;
  /* スライドショーの幅 */
  position: relative;
  padding: 6em 0 0;
  z-index: 2; }
  #interior_slide > ul {
    display: flex;
    /* 横並びにする */
    padding: 5vw 0;
    margin: 0;
    width: max-content; }
    #interior_slide > ul > li {
      width: 26em;
      height: 26em;
      margin: 0 1em 8vw; }
    #interior_slide > ul > li:nth-child(2n) {
      margin: 8vw 1em 0; }

#moref {
  border-top: 1px solid #000;
  background: #f6f4ef;
  padding: 8em 0 0;
  top: -12em;
  margin: 0 0 -12em; }
  #moref > h2 {
    width: 71.6625em;
    max-width: 100%;
    margin: 0 auto 3em; }
    @media screen and (max-width: 1300px) {
      #moref > h2 {
        width: 45.075em; } }
  #moref > h3 {
    text-align: center;
    margin: 0 0 7em; }
    #moref > h3 > span {
      font-weight: 400;
      font-size: 1.2em; }
  #moref > ul {
    max-width: 1300px;
    padding: 0 5.5em;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap; }
    @media screen and (max-width: 768px) {
      #moref > ul {
        padding: 0 2.5em;
        display: block; } }
    #moref > ul > li {
      width: 50%;
      padding: 0 3em; }
      @media screen and (max-width: 768px) {
        #moref > ul > li {
          width: 100%;
          padding: 0;
          margin-bottom: 5em; } }
      #moref > ul > li > h3 {
        margin: 0 0 1em; }
        @media screen and (max-width: 768px) {
          #moref > ul > li > h3 {
            margin: 0 0 2em; } }
        #moref > ul > li > h3 > span {
          font-size: 1.7em;
          line-height: 1.8em;
          font-weight: 500; }
      #moref > ul > li > span {
        display: block;
        margin: 0 0 2em; }
        @media screen and (max-width: 768px) {
          #moref > ul > li > span {
            width: 80%;
            margin: 0 auto 1em; } }
      #moref > ul > li > p {
        padding: 0 0 1em;
        border-bottom: 1px solid #000; }
        #moref > ul > li > p > span {
          font-size: 0.9em;
          line-height: 1.5em; }
          @media screen and (max-width: 768px) {
            #moref > ul > li > p > span {
              font-size: 1.2em; } }
    #moref > ul > li:nth-child(2n) {
      padding: 10em 3em 0; }
      @media screen and (max-width: 768px) {
        #moref > ul > li:nth-child(2n) {
          padding: 0; } }
  #moref > div {
    max-width: 1300px;
    padding: 2em 8.5em 0;
    margin: 0 auto; }
    @media screen and (max-width: 768px) {
      #moref > div {
        padding: 0 2.5em; } }
    #moref > div > h3 {
      width: 34.675em;
      margin-bottom: 1em; }
      @media screen and (max-width: 768px) {
        #moref > div > h3 {
          width: 100%;
          margin-bottom: 2em; } }
    #moref > div > p {
      padding: 0 0 0 3.5em; }
      @media screen and (max-width: 768px) {
        #moref > div > p {
          padding: 0; }
          #moref > div > p > span {
            font-size: 1.2em;
            line-height: 1.5em; } }

#feature_slide {
  background: #f6f4ef;
  overflow: hidden;
  width: 100%;
  position: relative;
  z-index: 2;
  padding: 19em 0 0; }
  #feature_slide > ul {
    position: absolute;
    height: 17.5em;
    right: 0;
    top: 1em;
    display: flex;
    margin: 0;
    width: max-content; }
    #feature_slide > ul > li {
      width: 17.25em;
      margin: 0 0.25em; }
  #feature_slide > h3 {
    width: 11.15em;
    margin: 0 auto; }

#feature_order {
  max-width: 1300px;
  margin: 0 auto;
  padding: 2em 2.5em 5em;
  display: flex;
  align-items: center; }
  @media screen and (max-width: 768px) {
    #feature_order {
      display: block; } }
  #feature_order > div {
    width: 50%;
    padding: 0 1.5em; }
    @media screen and (max-width: 768px) {
      #feature_order > div {
        width: 100%;
        padding: 0; } }
    #feature_order > div > h3 {
      width: 23.525em;
      margin: 0 0 1.5em; }
      @media screen and (max-width: 768px) {
        #feature_order > div > h3 {
          width: 30.1375em; } }
    #feature_order > div > p {
      margin: 0 0 1.5em; }
      #feature_order > div > p > span {
        font-size: 0.9em;
        font-weight: 400;
        line-height: 1.2em; }
        @media screen and (max-width: 768px) {
          #feature_order > div > p > span {
            font-size: 1.1em; } }
    #feature_order > div > span {
      display: block; }
      @media screen and (max-width: 768px) {
        #feature_order > div > span {
          width: 80%;
          margin: 0 auto 2em; } }
  #feature_order > span {
    width: 50%;
    display: block;
    padding: 0 1.5em; }
    @media screen and (max-width: 768px) {
      #feature_order > span {
        width: 80%;
        margin: 0 auto; } }
  @media screen and (max-width: 768px) {
    #feature_order > p {
      padding: 1.5em 1.5em 0;
      width: 80%;
      margin: 0 auto; } }

#feature_map {
  max-width: 1300px;
  margin: 0 auto;
  padding: 5em 2.5em 0; }
  #feature_map > h3 {
    margin: 0 0 2em 6em;
    width: 46.9375em; }
    @media screen and (max-width: 768px) {
      #feature_map > h3 {
        width: 26.375em;
        margin: 0 0 2em; } }
  #feature_map > div {
    display: flex;
    align-items: center; }
    @media screen and (max-width: 768px) {
      #feature_map > div {
        display: block; } }
    #feature_map > div > div:first-child {
      width: 60%; }
      @media screen and (max-width: 768px) {
        #feature_map > div > div:first-child {
          width: 100%; } }
      #feature_map > div > div:first-child > iframe {
        width: 100%;
        height: 24em; }
    #feature_map > div > div:last-child {
      width: 40%;
      padding: 0 0 0 2em; }
      @media screen and (max-width: 768px) {
        #feature_map > div > div:last-child {
          width: 100%;
          padding: 2em 0 5em; } }
      #feature_map > div > div:last-child > h4 {
        width: 8.0375em;
        margin: 0 0 1.5em; }
      #feature_map > div > div:last-child > p > span {
        font-size: 1.2em;
        line-height: 1.6em; }

@media screen and (max-width: 768px) {
  #feature_text {
    padding-bottom: 5em; } }
#feature_text > p {
  padding: 0.5em 0;
  width: 100%;
  /* ビューポート全体の幅 */
  overflow: hidden;
  /* コンテナ外の内容を隠す */
  white-space: nowrap;
  /* テキストを改行しない */ }
  #feature_text > p > span {
    display: inline-block;
    white-space: nowrap;
    animation: love_scroll 20s linear infinite; }
    #feature_text > p > span > img {
      display: inline-block;
      width: 96em;
      max-width: none;
      height: auto; }
  #feature_text > p:last-child > span {
    animation: love_scroll_sec 20s linear infinite; }
    #feature_text > p:last-child > span > img {
      width: 102.5em;
      max-width: none;
      height: auto; }

footer {
  padding: 4em 0 0;
  background: url("img/701.webp") no-repeat center top, url("img/810.webp") repeat-y center top; }
  @media screen and (max-width: 1300px) {
    footer {
      background: url("img/701.webp") no-repeat center top/100% auto #514a3c; } }

#reserv > h2 {
  z-index: 2;
  display: flex;
  justify-content: center; }
  #reserv > h2 > img {
    max-width: none;
    width: 73.1625em; }
  @media screen and (max-width: 1300px) {
    #reserv > h2 {
      display: block; }
      #reserv > h2 > img {
        width: auto;
        max-width: 100%; } }
#reserv > div {
  width: 52em;
  top: -5em;
  margin: 0 auto -5em;
  background: #e7e2d7;
  border: 1px solid #000;
  padding: 6em 4.5em 4.5em; }
  @media screen and (max-width: 768px) {
    #reserv > div {
      width: 95%;
      top: -1.5em;
      margin: 0 auto -1.5em;
      padding: 6em 1.5em 4em; } }
  #reserv > div > h3 {
    width: 3.8875em;
    margin: 0 auto 1.5em; }
  #reserv > div > h2 {
    margin: 0 0 2em;
    text-align: center; }
    #reserv > div > h2 > span {
      font-size: 1.5em;
      font-weight: 500;
      line-height: 1.5em; }
  #reserv > div > p {
    border-bottom: 1px solid #000;
    padding: 0 0 1.5em;
    margin: 0 0 1.5em; }
    #reserv > div > p > span {
      font-size: 0.9em;
      line-height: 1.5em; }
      @media screen and (max-width: 768px) {
        #reserv > div > p > span {
          font-size: 1.1em;
          line-height: 1.5em; } }
  #reserv > div > div {
    display: flex; }
    @media screen and (max-width: 768px) {
      #reserv > div > div {
        display: block; } }
    #reserv > div > div > div:first-child {
      width: 50%; }
      @media screen and (max-width: 768px) {
        #reserv > div > div > div:first-child {
          width: 100%; } }
      #reserv > div > div > div:first-child > h3 {
        margin: 0 0 1em; }
        #reserv > div > div > div:first-child > h3 > span {
          font-weight: 800;
          font-size: 1.2em;
          line-height: 1.2em; }
      #reserv > div > div > div:first-child > h4 {
        margin: 0 0 0.75em; }
        #reserv > div > div > div:first-child > h4 > span {
          font-weight: 400;
          font-size: 1em;
          line-height: 1em; }
      #reserv > div > div > div:first-child > h5 > span {
        font-weight: 400;
        font-size: 1em;
        line-height: 1em; }
    #reserv > div > div > div:last-child {
      width: 50%; }
      @media screen and (max-width: 768px) {
        #reserv > div > div > div:last-child {
          width: 100%;
          padding: 2em 0 0; } }
      #reserv > div > div > div:last-child > p {
        margin: 0 0 1em;
        font-size: 0.9em;
        line-height: 1.3em; }
  #reserv > div > section {
    width: 100%;
    height: 100vh;
    margin: 0 auto;
    background: #FFF; }
    #reserv > div > section > iframe {
      width: 100%;
      height: 100%; }

#access {
  padding: 5em 0 0; }
  #access > h2 {
    width: 10.275em;
    margin: 0 auto 1.5em; }
  #access > h3 {
    width: 10.45em;
    margin: 0 auto 2em; }
  #access > p {
    text-align: center;
    margin: 0 0 2em; }
    #access > p > span {
      font-size: 0.9em;
      font-weight: 500;
      line-height: 1.3em;
      color: #FFF; }
  #access > div {
    width: 52em;
    margin: 0 auto; }
    @media screen and (max-width: 768px) {
      #access > div {
        width: 100%; } }
    #access > div > iframe {
      width: 100%;
      height: 40em; }

#contact {
  padding: 5em 0;
  margin-bottom: 5em; }
  #contact::after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    width: calc( 100% - 3em );
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    border-bottom: 1px solid #b1a48b; }
    @media screen and (max-width: 768px) {
      #contact::after {
        border-bottom: 1px solid #FFF; } }
  #contact > h2 {
    width: 10.4em;
    margin: 0 auto 2em; }
  #contact > h3 {
    width: 22.2625em;
    margin: 0 auto 0.75em; }
  #contact > h4 {
    margin: 0 auto 3em;
    font-weight: 400;
    text-align: center; }
    #contact > h4 > span {
      font-size: 1em;
      color: #FFF; }
  #contact > h5 {
    text-align: center;
    margin: 0 0 1em;
    padding: 0 1em; }
    #contact > h5 > span {
      color: #FFF;
      font-weight: 600;
      font-size: 1.25em;
      line-height: 1.7em; }
  #contact > h6 {
    text-align: center;
    margin: 0 0 2em; }
    #contact > h6 > span {
      color: #FFF;
      font-size: 1em;
      line-height: 1.4em;
      font-weight: 400; }
  #contact > a {
    display: block;
    width: 27em;
    margin: 0 auto 5em;
    background: #b1a48b;
    text-align: center; }
    #contact > a > span {
      font-size: 1.5em;
      line-height: 3em; }
  #contact > h1 > span {
    display: block;
    width: 14.7em;
    margin: 0 auto 0.5em; }
  #contact > h1 > strong {
    display: block;
    width: 15.45em;
    margin: 0 auto; }

#follow > h2 {
  width: 4.7875em;
  margin: 0 auto 3em; }
  @media screen and (max-width: 768px) {
    #follow > h2 {
      width: 7em; } }
#follow > ul {
  text-align: center; }
  #follow > ul > li {
    display: inline-block; }
    #follow > ul > li::after {
      content: "";
      display: block;
      position: absolute;
      width: 0;
      height: 100%;
      top: 0;
      bottom: 0;
      right: 0;
      margin: auto;
      border-right: 1px solid #FFF;
      transform: rotate(15deg); }
    #follow > ul > li:last-child::after {
      display: none; }
    #follow > ul > li > a {
      display: block;
      padding: 0 1.5em; }
      #follow > ul > li > a > img {
        height: 0.7125em;
        top: -0.1em; }
    @media screen and (max-width: 768px) {
      #follow > ul > li {
        font-size: 1.2em; } }
  #follow > ul > li:nth-child(1) > a > img {
    width: 1.9375em; }
  #follow > ul > li:nth-child(2) > a > img {
    width: 4.625em; }
  #follow > ul > li:nth-child(3) > a > img {
    width: 3.875em; }
  #follow > ul > li:nth-child(4) > a > img {
    width: 4.425em; }
#follow > p {
  padding: 6em 0 4em;
  width: 8.5375em;
  margin: 0 auto; }

#smooth-wrapper {
  opacity: 1; }

#loading {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: #514a3c; }
  #loading > span:nth-child(1) {
    opacity: 0;
    filter: blur(12px);
    width: 28.63250550141465%;
    margin-bottom: 1em; }
    @media screen and (max-width: 768px) {
      #loading > span:nth-child(1) {
        width: 60.84407419050613%; } }
  #loading > span:nth-child(2) {
    opacity: 0;
    filter: blur(12px);
    width: 40%;
    margin-bottom: 1em; }
    @media screen and (max-width: 768px) {
      #loading > span:nth-child(2) {
        width: 85%; } }

#toreserv {
  position: fixed;
  width: 8.25em;
  height: 8.25em;
  right: 3em;
  bottom: 3em; }
  #toreserv > a {
    display: block;
    transition: 0.5s all ease;
    opacity: 0;
    filter: blur(12px); }

#toreserv.toreserv_on > a {
  filter: blur(0px);
  opacity: 1; }

/***************************************************************
 *
 * 				 修正 2025/02/25
 *
***************************************************************/
#aq_form {
  width: 60%;
  margin: 1em auto;
  border: 1px solid #000;
  border-radius: 0.5em;
  padding: 0.5em;
  text-align: center; }

/************** 
2025/9/29 田上修正 
**************/
  .logo {
    align-items: center;
    width: 150px;
    display: flex;
    margin: 3rem auto 0;
  }