/* 郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ隶鯉ｽｽ陞滂ｽｩ郢ｧ�ｫ郢ｧ�ｹ郢ｧ�ｿ郢晄ｧｭ縺�ｹｧ�ｺ郢晏｣ｹ�ｽ郢ｧ�ｸCSS髫ｱ�ｿ隰ｨ�ｴ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ */
@media all {
    #htlContents {
      margin: 0;
      max-width: 100%;
    }
    #htlMainContent {
      width: 100%;
      max-width: 2560px;
      float: none;
      margin: 0;
      display: block !important;
    }
    .single-column #htlMainContent {
      margin: 0 !important;
    }
    .single-column .travel__tab {
      position: relative;
    }
    #htlHeader {
      margin: 0 auto;
      width: 100%;
    }
  
    #latest_cstm_review {
      display: none;
    }
    .module-history-domsearch {
      display: none;
    }
    #htlSide-A {
      display: none;
    }
    #htlRmSrch {
      display: none;
    }
    #trvlHtlSubNav ul {
      margin: 0 !important;
    }
    #RthCustomizeW {
      width: 100% !important;
    }
    #htlContents.single-column {
      width: 100% !important;
    }
    .single-column #htlMainContent.GOLDTemplate {
      width: 100% !important;
    }
    .pc-header {
      pointer-events: inherit !important;
    }
    html {
      scroll-behavior: smooth;
    }
    .endTemplate {
      margin: 0;
      line-height: normal;
    }
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    p,
    dl,
    dt,
    dd {
      margin: 0;
    }
    a {
      text-decoration: none;
      color: inherit;
    }
    a:visited {
      text-decoration: none;
      color: inherit;
    }
    a:link {
      color: inherit;
    }
    a:hover {
      text-decoration: none;
      color: inherit;
    }
    ul {
      padding: 0;
    }
    li::marker {
      content: "";
    }
  }
  
  /* 郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼfont髫ｪ�ｭ陞ｳ螢ｹ�ｽ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ */
  @import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap");
  @import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200..900&display=swap");
  @media all {
    .noto-sans-jp {
      font-family: "Noto Sans JP", sans-serif;
    }
    .noto-serif-jp {
      font-family: "Noto Serif JP", serif;
    }
  }
  
  @media all {
    .endTemplate img{
      width: 100%;
    }
  }
  
  /* 郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ陷茨ｽｱ鬨ｾ螢ｹ縺慕ｹ晢ｽｳ郢晄亢�ｽ郢晞亂ﾎｦ郢晏現�ｽ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ */
  /* header郢ｧ�ｻ郢ｧ�ｯ郢ｧ�ｷ郢晢ｽｧ郢晢ｽｳ */
  @media all {
    .header {
      border: none !important;
      position: relative;
      z-index: 10;
    }
    .header nav {
      display: flex;
      justify-content: center;
      width: 83.3%;
      max-width: 950px;
      margin: 0 auto;
      gap: 7%;
    }
    .header nav a {
      font-size: 16px;
      line-height: 3;
      font-weight: bold;
      padding: 12px 0;
      cursor: pointer;
      border-width: 2px!important;
    }
    .adminTemplate > .header {
      border: none !important;
      position: relative;
      z-index: 10;
    }
    .adminTemplate > .header nav {
      display: flex;
      justify-content: center;
      width: 83.3%;
      margin: 0 auto;
      gap: 6%;
    }
    .adminTemplate > .header nav p {
      font-size: 0.5vw;
      line-height: 3;
      font-weight: bold;
      padding: 5px 0;
      margin: 0 0 5px;
      cursor: pointer;
    }
  }
  
  /* banners郢ｧ�ｻ郢ｧ�ｯ郢ｧ�ｷ郢晢ｽｧ郢晢ｽｳ */
  @media all {
    .banners {
      width: 83.3%;
      max-width: 1200px;
      margin: 32px auto;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: center;
    }
    .banners a.w-1\/2 {
      width: 50%;
    }
    .banners a.w-full {
      width: 100%;
    }
  
    .adminTemplate .banners {
      width: 83.3%;
      margin: 3% auto;
      display: flex;
      justify-content: space-between;
      align-items: center;
    }
  }
  
  /* plans郢ｧ�ｻ郢ｧ�ｯ郢ｧ�ｷ郢晢ｽｧ郢晢ｽｳ */
  @media all {
    .plans-inner {
      width: 100%;
      margin: auto;
      box-sizing: border-box;
      padding: 60px 0 60px 20%!important;
    }
    .plans-item {
      width: 100%;
      margin: 0 auto;
      box-sizing: border-box;
      height: 100%;
      box-shadow: 0 0 8px #00000029;
      background-color: #fff;
    }
    .plans-item__left {
      width: 100%;
    }
    .plans-item__left img {
      aspect-ratio: 16 / 9;
      object-fit: cover;
    }
    .plans-item__right {
      width: 100%;
      padding: 16px;
      box-sizing: border-box;
    }
    .plans-item__right .title {
      font-size: 20px;
      line-height: 1.5;
      font-weight: bold;
    }
    .plans-item__right .period {
      display: flex;
      margin: 32px 0;
    }
    .plans-item__right .link {
      font-size: 16px;
      padding: 12px 32px;
      display: inline-block;
    }
    .plans-item__right .period p {
      font-size: 14px;
    }
    .plans-inner .swiper-wrapper {
      height: fit-content;
    }
    .plans-inner .swiper-wrapper .swiper-slide {
      height: auto;
      transition: all 0.3s;
    }
    .plans-inner .swiper-wrapper .swiper-slide.swiper-slide-prev{
      opacity: 0;
    }
    .plans-item .swiper-slide .swiper-slide-prev {
      opacity: 0;
    }
    .plans-inner .swiper-button-prev {
      left: 8%;
      bottom: 60px;
      top: inherit;
      width: 60px;
      height: 60px;
      border-radius: 50%;
      background-color: #fff;
    }
    .plans-inner .swiper-button-next {
      left: 14%;
      bottom: 60px;
      top: inherit;
      width: 60px;
      height: 60px;
      border-radius: 50%;
      background-color: #fff;
    }
    .plans-inner .swiper-button-next::before {
      content: "" !important;
      width: 0;
      height: 0;
      position: absolute;
      right: 5px;
      top: 50%;
      transform: translate(-25%, -50%);
      border-left: 16px solid #000;
      border-top: 12px solid transparent;
      border-bottom: 12px solid transparent;
    }
    .plans-inner .swiper-button-prev::before{
      content: "" !important;
      width: 0;
      height: 0;
      position: absolute;
      left: 5px;
      top: 50%;
      transform: rotate(180deg) translate(-25%, 50%);
      border-left: 16px solid #000;
      border-top: 12px solid transparent;
      border-bottom: 12px solid transparent;
    }
    .plans-inner .swiper-button-prev::after,
    .plans-inner .swiper-button-next::after {
      content: "" !important;
      width: 30px;
      height: 8px;
      background-color: #000;
    }
    .adminTemplate .plans-inner {
      width: 100%;
      margin: auto;
      padding: 0!important;
    }
    .adminTemplate .plans-item {
      width: calc(100% - 8px);
      height: 100%;
      margin: 0 4px;
      box-shadow: 0 0 4px #00000029;
      background-color: #fff;
    }
    .adminTemplate .plans-item__left {
      width: 100%;
      aspect-ratio: 16 / 9;
      object-fit: cover;
    }
    .adminTemplate .plans-item__right {
      width: 100%;
      padding: 12px 8px;
      box-sizing: border-box;
    }
    .adminTemplate .plans-item__right .title {
      font-size: 0.6vw;
      line-height: 1.5;
      font-weight: bold;
    }
    .adminTemplate .plans-item__right .period {
      display: flex;
      margin: 5% 0;
    }
    .adminTemplate .plans-item__right .link {
      font-size: 0.5vw;
      padding: 2% 5%;
      display: inline-block;
    }
    .adminTemplate .plans-item__right .period p {
      font-size: 0.45vw;
    }
    .adminTemplate .plans-inner .swiper {
      padding: 5% 0 5% 20%;
    }
    .adminTemplate .plans-inner .swiper-wrapper .swiper-slide.swiper-slide-prev{
      opacity: 0;
    }
    .adminTemplate .plans-inner .swiper-wrapper .swiper-slide {
      height: auto;
      transition: all 0.3s;
    }
    .adminTemplate .plans-inner .swiper .swiper-button-prev {
      left: 8%;
      bottom: 5%;
      top: inherit;
      transform: translateY(-1.3rem);
      width: 2rem;
      height: 2rem;
      border-radius: 50%;
      background-color: #fff;
    }
    .adminTemplate .plans-inner .swiper .swiper-button-next {
      left: 14%;
      bottom: 5%;
      top: inherit;
      transform: translateY(-1.3rem);
      width: 2rem;
      height: 2rem;
      border-radius: 50%;
      background-color: #fff;
    }
    .adminTemplate .plans-inner .swiper .swiper-button-next::before {
      content: "" !important;
      width: 0;
      height: 0;
      position: absolute;
      right: 5px;
      top: 50%;
      transform: translateY(-50%);
      border-left: 0.5rem solid #000;
      border-top: 0.4rem solid transparent;
      border-bottom: 0.4rem solid transparent;
    }
    .adminTemplate .plans-inner .swiper .swiper-button-prev::before{
      content: "" !important;
      width: 0;
      height: 0;
      position: absolute;
      left: 5px;
      top: 50%;
      transform: rotate(180deg) translateY(50%);
      border-left: 0.5rem solid #000;
      border-top: 0.4rem solid transparent;
      border-bottom: 0.4rem solid transparent;
    }
    .adminTemplate .plans-inner .swiper .swiper-button-prev::after,
    .adminTemplate .plans-inner .swiper .swiper-button-next::after {
      content: "" !important;
      width: 1rem;
      height: 0.2rem;
      background-color: #000;
    }
  }
  
  /* reservation郢ｧ�ｻ郢ｧ�ｯ郢ｧ�ｷ郢晢ｽｧ郢晢ｽｳ */
  @media all {
    .reservation {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      padding: 60px 0;
    }
    .reservation h2 {
      font-size: 24px;
      font-weight: bold;
    }
    .reservation a {
      font-size: 16px;
      display: inline-block;
      margin: 40px 0 0;
      padding: 16px 48px;
      border-radius: 8px;
      position: relative;
    }
    .reservation a span:first-of-type {
      position: absolute;
      top: 50%;
      right: 15px;
      width: 8px;
      height: 8px;
      transform: translateY(-63%);
    }
    .reservation a span:last-of-type {
      position: absolute;
      top: 50%;
      right: 21px;
      width: 1px;
      height: 16px;
      transform: translateY(-45%) rotate(45deg);
    }
    .adminTemplate .reservation {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      padding: 5% 0;
    }
    .adminTemplate .reservation h2 {
      font-size: 0.6vw;
      font-weight: bold;
    }
    .adminTemplate .reservation a {
      font-size: 0.5vw;
      display: inline-block;
      margin: 2% 0 0;
      padding: 1% 3%;
      border-radius: 0.25vw;
      position: relative;
    }
    .adminTemplate .reservation a span:first-of-type {
      position: absolute;
      top: 50%;
      right: 10%;
      width: 0.25vw;
      height: 0.25vw;
      transform: translateY(-73%);
    }
    .adminTemplate .reservation a span:last-of-type {
      position: absolute;
      top: 50%;
      right: 13%;
      width: 1px;
      height: 0.5vw;
      transform: translateY(-45%) rotate(45deg);
    }
  }
  
  /* footer郢ｧ�ｻ郢ｧ�ｯ郢ｧ�ｷ郢晢ｽｧ郢晢ｽｳ */
  @media all {
    .footer {
      width: 75%;
      margin: 0 auto;
      padding: 80px 0 20px;
    }
    .footer-inner {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 2vw;
    }
    .footer .left {
      width: 50%;
      text-align: center;
    }
    .footer .left img {
      width: 80%;
      max-width: 250px;
    }
    .footer .left .reservation {
      display: none;
    }
    .footer .left .pages {
      display: flex;
      justify-content: space-between;
      margin: 40px 0;
    }
    .footer .left .pages .page {
      font-size: 16px;
      cursor: pointer;
    }
    .footer .left p {
      font-size: 16px;
      cursor: pointer;
    }
    .footer .left .tel {
      font-size: 32px;
      display: block;
      margin: 0 0 12px;
    }
    .footer .left .telReceptionTime {
      font-size: 14px;
      margin: 0 0 12px;
    }
    .footer .left .email {
      font-size: 14px;
      display: block;
    }
    .footer .right {
      width: 50%;
      text-align: center;
    }
    .footer .right .postalCode {
      font-size: 16px;
      margin: 0 0 2%;
    }
    .footer .right .address {
      font-size: 16px;
      margin: 0 0 40px;
    }
    .footer .right .map {
      aspect-ratio: 16/9;
      width: 100%;
    }
    .footer .copyRight {
      text-align: center;
      font-size: 16px;
      width: 100%;
      margin: 64px 0 0;
    }
    .adminTemplate .footer {
      width: 75%;
      margin: 0 auto;
      padding: 8% 0 3%;
    }
    .adminTemplate .footer-inner {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 2vw;
    }
    .adminTemplate .footer .left {
      width: 50%;
      text-align: center;
    }
    .adminTemplate .footer .left img {
      width: 80%;
      max-width: 5rem;
    }
    .adminTemplate .footer .left .adminTemplate .reservation {
      display: none;
    }
    .adminTemplate .footer .left .pages {
      display: flex;
      justify-content: space-between;
      gap: 2%;
      margin: 10% 0;
    }
    .adminTemplate .footer .left .pages .page {
      font-size: 0.5vw;
      cursor: pointer;
    }
    .adminTemplate .footer .left p {
      font-size: 0.5vw;
      cursor: pointer;
    }
    .adminTemplate .footer .left .tel {
      font-size: 1vw;
      cursor: pointer;
      display: block;
      margin: 0 0 2%;
    }
    .adminTemplate .footer .left .telReceptionTime {
      font-size: 0.5vw;
      margin: 0 0 2%;
    }
    .adminTemplate .footer .left .email {
      font-size: 0.5vw;
      display: block;
    }
    .adminTemplate .footer .right {
      width: 50%;
      text-align: center;
    }
    .adminTemplate .footer .right .postalCode,
    .adminTemplate .footer .right .address {
      font-size: 0.5vw;
      margin: 0 0 2%;
    }
    .adminTemplate .footer .right .map {
      aspect-ratio: 16/9;
      width: 100%;
    }
    .adminTemplate .footer .copyRight {
      text-align: center;
      font-size: 0.5vw;
      width: 100%;
      margin: 6% 0 0;
    }
  }
  
  /* 陝���ｽ郢晢ｽｼ郢ｧ�ｸFV郢ｧ�ｻ郢ｧ�ｯ郢ｧ�ｷ郢晢ｽｧ郢晢ｽｳ */
  @media all {
    .childPage-fv {
      position: relative;
    }
    .childPage-fv:after {
      content: "";
      width: 100%;
      display: block;
      position: absolute;
      inset: 0;
      z-index: 1;
      background: linear-gradient(to bottom, #0000004d, #ffffff00, #0000004d);
    }
    .childPage-fv img {
      width: 100%;
      aspect-ratio: 3/1;
      object-fit: cover;
    }
    .childPage-fv .childPage-fv-logo {
      position: absolute;
      bottom: -42px;
      left: 8%;
      z-index: 1;
      width: 120px;
      aspect-ratio: inherit;
    }
  
    .childPage-fv__texts {
      position: absolute;
      top: 50%;
      left: 8%;
      transform: translate(0, -50%);
      z-index: 2;
      text-align: left;
    }
    .childPage-fv__texts h2 {
      font-size: 32px;
      font-weight: bold;
      color: #fff !important;
      white-space: pre-wrap;
    }
  
    .childPage-fv__texts p {
      font-size: 20px;
      margin: 32px 0 0;
      color: #fff !important;
      white-space: pre-wrap;
    }
    .adminTemplate .childPage-fv {
      position: relative;
    }
    .adminTemplate .childPage-fv:after {
      content: "";
      width: 100%;
      display: block;
      position: absolute;
      inset: 0;
      z-index: 1;
      background: linear-gradient(to bottom, #0000004d, #ffffff00, #0000004d);
    }
    .adminTemplate .childPage-fv img {
      width: 100%;
      aspect-ratio: 3/1;
      object-fit: cover;
    }
    .adminTemplate .childPage-fv .childFv-logo {
      position: absolute;
      bottom: -24px;
      left: 8%;
      z-index: 1;
      width: 60px;
      aspect-ratio: inherit;
    }
  
    .adminTemplate .childPage-fv__texts {
      position: absolute;
      top: 50%;
      left: 8%;
      transform: translate(0, -50%);
      z-index: 2;
      text-align: left;
    }
    .adminTemplate .childPage-fv__texts h2 {
      font-size: 1vw;
      font-weight: bold;
      color: #fff !important;
    }
  
    .adminTemplate .childPage-fv__texts p {
      font-size: 0.5vw;
      margin: 5% 0 0;
      color: #fff !important;
    }
  }
  
  /* 陝���ｽ郢晢ｽｼ郢ｧ�ｸ郢ｧ�ｳ郢晢ｽｳ郢ｧ�ｻ郢晏干繝ｨ郢ｧ�ｻ郢ｧ�ｯ郢ｧ�ｷ郢晢ｽｧ郢晢ｽｳ */
  @media all {
    .childPage-concept {
      width: 83.3%;
      max-width: 1200px;
      margin: 60px auto;
      text-align: center;
    }
    .childPage-concept h2 {
      font-size: 32px;
      font-weight: bold;
      white-space: pre-wrap;
    }
  
    .childPage-concept p {
      width: 65%;
      font-size: 16px;
      margin: 32px auto 0;
      white-space: pre-wrap;
    }
    .adminTemplate .childPage-concept {
      width: 83.3%;
      margin: 5% auto;
      text-align: center;
    }
    .adminTemplate .childPage-concept h2 {
      font-size: 1vw;
      font-weight: bold;
    }
  
    .adminTemplate .childPage-concept p {
      width: 65%;
      font-size: 0.5vw;
      margin: 2% auto 0;
    }
  }
  
  /* 郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晏現繝｣郢晏干�ｽ郢晢ｽｼ郢ｧ�ｸ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ */
  /* topFv郢ｧ�ｻ郢ｧ�ｯ郢ｧ�ｷ郢晢ｽｧ郢晢ｽｳ */
  @media all {
    .topFv {
      position: relative;
    }
    .topFv-overlay {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: linear-gradient(to bottom, #00000066, #ffffff00, #00000066);
    }
    .topFv-logo {
      position: absolute;
      bottom: -42px;
      left: 8%;
      z-index: 1;
      width: 120px;
    }
    .topFv h1 {
      position: absolute;
      bottom: 10%;
      left: 8%;
      color: #ffffff !important;
      font-size: 32px;
      white-space: pre-wrap;
    }
    .adminTemplate .topFv {
      position: relative;
    }
    .adminTemplate .topFv-overlay {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: linear-gradient(to bottom, #0000004d, #ffffff00, #0000004d);
    }
    .adminTemplate .topFv-logo {
      position: absolute;
      bottom: -24px;
      left: 8%;
      z-index: 1;
      width: 60px;
    }
    .adminTemplate .topFv h1 {
      position: absolute;
      bottom: 10%;
      left: 8%;
      color: #ffffff !important;
      font-size: 1vw;
    }
  }
  
  /* mainblock1郢ｧ�ｻ郢ｧ�ｯ郢ｧ�ｷ郢晢ｽｧ郢晢ｽｳ */
  @media all {
    .mainblock1 {
      width: 100%;
      margin: 60px auto;
      position: relative;
      display: flex;
      align-items: center;
      gap: 40px;
    }
    .mainblock1 .block-inner {
      display: contents;
    }
    .mainblock1 .left {
      width: 40%;
      margin: 0 0 0 8%;
    }
    .mainblock1 .left h2 {
      font-size: 24px;
      font-weight: bold;
      white-space: pre-wrap;
    }
  
    .mainblock1 .left > p {
      margin: 32px 0;
      font-size: 16px;
      line-height: 2;
      white-space: pre-wrap;
    }
  
    .mainblock1 .left a {
      display: inline-block;
      margin: 0 0 0 auto;
    }
    .mainblock1 .left a > p {
      position: relative;
      font-size: 16px;
      font-weight: bold;
      background-color: inherit!important;
      padding: 12px 64px 12px 0;
      border-bottom: 1px solid currentColor;
    }
    .mainblock1 .left a > p:before {
      content: "";
      position: absolute;
      bottom: 16px;
      right: 0;
      width: 32px;
      height: 2px;
      background-color: currentColor;
    }
    .mainblock1 .left a > p:after {
      content: "";
      position: absolute;
      bottom: 17px;
      right: 0;
      width: 10px;
      height: 2px;
      background-color: currentColor;
      transform: rotate(30deg) translateY(-75%);
    }
  
    .mainblock1 .right {
      width: 60%;
    }
    .mainblock1 .right .swiper-wrapper .swiper-slide {
      aspect-ratio: 8/7;
    }
    .mainblock1 .right .swiper .swiper-slide div {
      width: 100%;
      height: 100%;
    }
    .mainblock1 .right .swiper-wrapper .swiper-slide img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      aspect-ratio: 8/7;
    }
    .mainblock1 .right .swiper .swiper-button-prev {
      left: 3%;
      bottom: 3%;
      top: inherit;
      width: 60px;
      height: 60px;
      border-radius: 50%;
      background-color: #fff;
    }
    .mainblock1 .right .swiper .swiper-button-next {
      left: 14%;
      bottom: 3%;
      top: inherit;
      width: 60px;
      height: 60px;
      border-radius: 50%;
      background-color: #fff;
    }
    .mainblock1 .right .swiper .swiper-button-next::before {
      content: "" !important;
      width: 0;
      height: 0;
      position: absolute;
      right: 5px;
      top: 50%;
      transform: translate(-25%, -50%);
      border-left: 16px solid #000;
      border-top: 12px solid transparent;
      border-bottom: 12px solid transparent;
    }
    .mainblock1 .right .swiper .swiper-button-prev::before{
      content: "" !important;
      width: 0;
      height: 0;
      position: absolute;
      left: 5px;
      top: 50%;
      transform: rotate(180deg) translate(-25%, 50%);
      border-left: 16px solid #000;
      border-top: 12px solid transparent;
      border-bottom: 12px solid transparent;
    }
    .mainblock1 .right .swiper .swiper-button-prev::after,
    .mainblock1 .right .swiper .swiper-button-next::after {
      content: "" !important;
      width: 30px;
      height: 8px;
      background-color: #000;
    }
  
    .adminTemplate .mainblock1 {
      width: 100%;
      margin: 5% auto;
      position: relative;
      display: flex;
      align-items: center;
      gap: 2%;
    }
    .adminTemplate .mainblock1 .block-inner {
      display: contents;
    }
    .adminTemplate .mainblock1 .left {
      width: 40%;
      margin: 0 0 0 8%;
    }
    .adminTemplate .mainblock1 .left h2 {
      font-size: 0.8vw;
      font-weight: bold;
    }
  
    .adminTemplate .mainblock1 .left > p {
      margin: 3% 0;
      font-size: 0.5vw;
      line-height: 2;
    }
  
    .adminTemplate .mainblock1 .left a {
      display: inline-block;
      margin: 0 0 0 auto;
    }
    .adminTemplate .mainblock1 .left a > p {
      position: relative;
      font-size: 0.6vw;
      padding: 4px 32px 4px 0;
      border-bottom: 1px solid currentColor;
      font-weight: bold;
      background-color: inherit!important;
    }
    .adminTemplate .mainblock1 .left a > p:before {
      content: "";
      position: absolute;
      bottom: 6px;
      right: 0;
      width: 20px;
      height: 1px;
      background-color: currentColor;
    }
    .adminTemplate .mainblock1 .left a > p:after {
      content: "";
      position: absolute;
      bottom: 7px;
      right: 0;
      width: 6px;
      height: 1px;
      background-color: currentColor;
      transform: rotate(30deg) translateY(-50%);
    }
  
    .adminTemplate .mainblock1 .right {
      width: 60%;
    }
    .adminTemplate .mainblock1 .right .swiper .swiper-slide {
      aspect-ratio: 8/7;
    }
    .adminTemplate .mainblock1 .right .swiper .swiper-slide div {
      width: 100%;
      height: 100%;
    }
    .adminTemplate .mainblock1 .right .swiper .swiper-slide div img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      aspect-ratio: 8/7;
    }
    .adminTemplate .mainblock1 .right .swiper .swiper-button-prev {
      left: 3%;
      bottom: 3%;
      top: inherit;
      width: 2rem;
      height: 2rem;
      border-radius: 50%;
      background-color: #fff;
    }
    .adminTemplate .mainblock1 .right .swiper .swiper-button-next {
      left: 14%;
      bottom: 3%;
      top: inherit;
      width: 2rem;
      height: 2rem;
      border-radius: 50%;
      background-color: #fff;
    }
    .adminTemplate .mainblock1 .right .swiper .swiper-button-next::before {
      content: "" !important;
      width: 0;
      height: 0;
      position: absolute;
      right: 5px;
      top: 50%;
      transform: translateY(-50%);
      border-left: 0.5rem solid #000;
      border-top: 0.4rem solid transparent;
      border-bottom: 0.4rem solid transparent;
    }
    .adminTemplate .mainblock1 .right .swiper .swiper-button-prev::before{
      content: "" !important;
      width: 0;
      height: 0;
      position: absolute;
      left: 5px;
      top: 50%;
      transform: rotate(180deg) translateY(50%);
      border-left: 0.5rem solid #000;
      border-top: 0.4rem solid transparent;
      border-bottom: 0.4rem solid transparent;
    }
    .adminTemplate .mainblock1 .right .swiper .swiper-button-prev::after,
    .adminTemplate .mainblock1 .right .swiper .swiper-button-next::after {
      content: "" !important;
      width: 1rem;
      height: 0.2rem;
      background-color: #000;
    }
  }
  
  /* mainblock2郢ｧ�ｻ郢ｧ�ｯ郢ｧ�ｷ郢晢ｽｧ郢晢ｽｳ */
  @media all {
    .mainblock2 {
      width: 100%;
      margin: 32px auto;
      position: relative;
    }
    .mainblock2 .block-inner {
      display: contents;
    }
    .mainblock2 .right {
      width: 40%;
      position: absolute;
      z-index: 10;
      top: 0;
      bottom: 0;
      right: 0;
      color: #fff;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: center;
      gap: 0.4vw;
      padding: 0 8%;
      box-sizing: border-box;
    }
    .mainblock2 .right h2 {
      font-size: 32px;
      font-weight: bold;
      white-space: pre-wrap;
    }
  
    .mainblock2 .right > p {
      margin: 32px 0;
      font-size: 16px;
      line-height: 2;
      white-space: pre-wrap;
    }
    .mainblock2 .right a {
      display: inline-block;
    }
    .mainblock2 .right a > p {
      position: relative;
      font-size: 16px;
      font-weight: bold;
      color: #fff !important;
      background-color: inherit !important;
      padding: 12px 64px 12px 0;
      border-bottom: 1px solid currentColor;
    }
    .mainblock2 .right a > p:before {
      content: "";
      position: absolute;
      bottom: 16px;
      right: 0;
      width: 32px;
      height: 2px;
      background-color: currentColor;
    }
    .mainblock2 .right a > p:after {
      content: "";
      position: absolute;
      bottom: 17px;
      right: 0;
      width: 10px;
      height: 2px;
      background-color: currentColor;
      transform: rotate(30deg) translateY(-75%);
    }
  
    .mainblock2 .left {
      width: 100%;
    }
    .mainblock2 .left::after {
      content: "";
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      width: 40%;
      background-color: #00000066;
      z-index: 1;
    }
    .mainblock2 .left .swiper-wrapper .swiper-slide {
      aspect-ratio: 2/1;
    }
    .mainblock2 .left .swiper-wrapper .swiper-slide img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      aspect-ratio: 2/1;
    }
    .mainblock2 .left .swiper .swiper-button-prev {
      left: 8%;
      bottom: 3%;
      top: inherit;
      width: 60px;
      height: 60px;
      border-radius: 50%;
      background-color: #fff;
    }
    .mainblock2 .left .swiper .swiper-button-next {
      left: 14%;
      bottom: 3%;
      top: inherit;
      width: 60px;
      height: 60px;
      border-radius: 50%;
      background-color: #fff;
    }
    .mainblock2 .left .swiper .swiper-button-next::before {
      content: "" !important;
      width: 0;
      height: 0;
      position: absolute;
      right: 5px;
      top: 50%;
      transform: translate(-25%, -50%);
      border-left: 16px solid #000;
      border-top: 12px solid transparent;
      border-bottom: 12px solid transparent;
    }
    .mainblock2 .left .swiper .swiper-button-prev::before{
      content: "" !important;
      width: 0;
      height: 0;
      position: absolute;
      left: 5px;
      top: 50%;
      transform: rotate(180deg) translate(-25%, 50%);
      border-left: 16px solid #000;
      border-top: 12px solid transparent;
      border-bottom: 12px solid transparent;
    }
    .mainblock2 .left .swiper .swiper-button-prev::after,
    .mainblock2 .left .swiper .swiper-button-next::after {
      content: "" !important;
      width: 30px;
      height: 8px;
      background-color: #000;
    }
  
    .adminTemplate .mainblock2 {
      width: 100%;
      margin: 5% auto;
      position: relative;
    }
    .adminTemplate .mainblock2 .block-inner {
      display: contents;
    }
    .adminTemplate .mainblock2 .right {
      width: 40%;
      position: absolute;
      z-index: 10;
      top: 0;
      bottom: 0;
      right: 0;
      color: #fff;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: center;
      gap: 0.4vw;
      padding: 0 8%;
    }
    .adminTemplate .mainblock2 .right h2 {
      font-size: 1vw;
      font-weight: bold;
    }
  
    .adminTemplate .mainblock2 .right > p {
      margin: 3% 0;
      font-size: 0.5vw;
      line-height: 2;
    }
  
    .adminTemplate .mainblock2 .right a {
      display: inline-block;
    }
    .adminTemplate .mainblock2 .right a > p {
      font-size: 0.6vw;
      font-weight: bold;
      color: #fff !important;
      position: relative;
      padding: 4px 32px 4px 0;
      border-bottom: 1px solid currentColor;
      font-weight: bold;
      background-color: inherit !important;
    }
    .adminTemplate .mainblock2 .right a > p:before {
      content: "";
      position: absolute;
      bottom: 6px;
      right: 0;
      width: 20px;
      height: 1px;
      background-color: currentColor;
    }
    .adminTemplate .mainblock2 .right a > p:after {
      content: "";
      position: absolute;
      bottom: 7px;
      right: 0;
      width: 6px;
      height: 1px;
      background-color: currentColor;
      transform: rotate(30deg) translateY(-50%);
    }
  
    .adminTemplate .mainblock2 .left {
      width: 100%;
    }
    .adminTemplate .mainblock2 .left::after {
      content: "";
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      width: 40%;
      background-color: #00000066;
      z-index: 1;
    }
    .adminTemplate .mainblock2 .left .swiper .swiper-slide {
      aspect-ratio: 2/1;
    }
    .adminTemplate .mainblock2 .left .swiper .swiper-slide div {
      width: 100%;
      height: 100%;
    }
    .adminTemplate .mainblock2 .left .swiper .swiper-slide div img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      aspect-ratio: 2/1;
    }
    .adminTemplate .mainblock2 .left .swiper .swiper-button-prev {
      left: 8%;
      bottom: 5%;
      top: inherit;
      width: 2rem;
      height: 2rem;
      border-radius: 50%;
      background-color: #fff;
    }
    .adminTemplate .mainblock2 .left .swiper .swiper-button-next {
      left: 14%;
      bottom: 5%;
      top: inherit;
      width: 2rem;
      height: 2rem;
      border-radius: 50%;
      background-color: #fff;
    }
    .adminTemplate .mainblock2 .left .swiper .swiper-button-next::before {
      content: "" !important;
      width: 0;
      height: 0;
      position: absolute;
      right: 5px;
      top: 50%;
      transform: translateY(-50%);
      border-left: 0.5rem solid #000;
      border-top: 0.4rem solid transparent;
      border-bottom: 0.4rem solid transparent;
    }
    .adminTemplate .mainblock2 .left .swiper .swiper-button-prev::before{
      content: "" !important;
      width: 0;
      height: 0;
      position: absolute;
      left: 5px;
      top: 50%;
      transform: rotate(180deg) translateY(50%);
      border-left: 0.5rem solid #000;
      border-top: 0.4rem solid transparent;
      border-bottom: 0.4rem solid transparent;
    }
    .adminTemplate .mainblock2 .left .swiper .swiper-button-prev::after,
    .adminTemplate .mainblock2 .left .swiper .swiper-button-next::after {
      content: "" !important;
      width: 1rem;
      height: 0.2rem;
      background-color: #000;
    }
  }
  
  /* mainblock3郢ｧ�ｻ郢ｧ�ｯ郢ｧ�ｷ郢晢ｽｧ郢晢ｽｳ */
  @media all {
    .mainblock3 {
      width: 83%;
      margin: 64px auto;
      position: relative;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 40px;
    }
    .mainblock3 .block-inner {
      display: contents;
    }
    .mainblock3 .left {
      width: 50%;
      margin: 0 0 0 8%;
    }
    .mainblock3 .left h2 {
      font-size: 32px;
      font-weight: bold;
      white-space: pre-wrap;
    }
  
    .mainblock3 .left > p {
      margin: 32px 0;
      font-size: 16px;
      line-height: 2;
      white-space: pre-wrap;
    }
    .mainblock3 .left a {
      display: inline-block;
      margin: 0 0 0 auto;
    }
    .mainblock3 .left a > p {
      position: relative;
      font-size: 16px;
      font-weight: bold;
      background-color: inherit !important;
      padding: 12px 64px 12px 0;
      border-bottom: 1px solid currentColor;
    }
    .mainblock3 .left a > p::before {
      content: "";
      position: absolute;
      bottom: 16px;
      right: 0;
      width: 32px;
      height: 2px;
      background-color: currentColor;
    }
    .mainblock3 .left a > p::after {
      content: "";
      position: absolute;
      bottom: 17px;
      right: 0;
      width: 10px;
      height: 2px;
      background-color: currentColor;
      transform: rotate(30deg) translateY(-75%);
    }
    .mainblock3 .right {
      width: 50%;
    }
    .mainblock3 .right .swiper-wrapper .swiper-slide {
      aspect-ratio: 1/1;
    }
    .mainblock3 .right .swiper .swiper-slide div {
      width: 100%;
      height: 100%;
    }
    .mainblock3 .right .swiper-wrapper .swiper-slide img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      aspect-ratio: 1/1;
    }
    .mainblock3 .right .swiper .swiper-button-prev {
      right: 17%;
      left: inherit;
      bottom: 3%;
      top: inherit;
      width: 60px;
      height: 60px;
      border-radius: 50%;
      background-color: #fff;
    }
    .mainblock3 .right .swiper .swiper-button-next {
      right: 3%;
      bottom: 3%;
      top: inherit;
      width: 60px;
      height: 60px;
      border-radius: 50%;
      background-color: #fff;
    }
    .mainblock3 .right .swiper .swiper-button-next::before {
      content: "" !important;
      width: 0;
      height: 0;
      position: absolute;
      right: 5px;
      top: 50%;
      transform: translate(-25%, -50%);
      border-left: 16px solid #000;
      border-top: 12px solid transparent;
      border-bottom: 12px solid transparent;
    }
    .mainblock3 .right .swiper .swiper-button-prev::before{
      content: "" !important;
      width: 0;
      height: 0;
      position: absolute;
      left: 5px;
      top: 50%;
      transform: rotate(180deg) translate(-25%, 50%);
      border-left: 16px solid #000;
      border-top: 12px solid transparent;
      border-bottom: 12px solid transparent;
    }
    .mainblock3 .right .swiper .swiper-button-prev::after,
    .mainblock3 .right .swiper .swiper-button-next::after {
      content: "" !important;
      width: 30px;
      height: 8px;
      background-color: #000;
    }
  
    .adminTemplate .mainblock3 {
      width: 83%;
      margin: 5% auto;
      position: relative;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 1.2vw;
    }
    .adminTemplate .mainblock3 .block-inner {
      display: contents;
    }
    .adminTemplate .mainblock3 .left {
      width: 50%;
      margin: 0 0 0 8%;
    }
    .adminTemplate .mainblock3 .left h2 {
      font-size: 1vw;
      font-weight: bold;
    }
  
    .adminTemplate .mainblock3 .left > p {
      margin: 3% 0;
      font-size: 0.5vw;
      line-height: 2;
    }
  
    .adminTemplate .mainblock3 .left a {
      display: inline-block;
      margin: 0 0 0 auto;
    }
    .adminTemplate .mainblock3 .left a > p {
      font-size: 0.6vw;
      font-weight: bold;
      background-color: inherit!important;
    }
    .adminTemplate .mainblock3 .left a > p {
      position: relative;
      font-size: 0.6vw;
      padding: 4px 32px 4px 0;
      border-bottom: 1px solid currentColor;
      font-weight: bold;
      background-color: inherit!important;
    }
    .adminTemplate .mainblock3 .left a > p:before {
      content: "";
      position: absolute;
      bottom: 6px;
      right: 0;
      width: 20px;
      height: 1px;
      background-color: currentColor;
    }
    .adminTemplate .mainblock3 .left a > p:after {
      content: "";
      position: absolute;
      bottom: 7px;
      right: 0;
      width: 6px;
      height: 1px;
      background-color: currentColor;
      transform: rotate(30deg) translateY(-50%);
    }
  
    .adminTemplate .mainblock3 .right {
      width: 50%;
    }
    .adminTemplate .mainblock3 .right .swiper .swiper-slide {
      aspect-ratio: 1/1;
    }
    .adminTemplate .mainblock3 .right .swiper .swiper-slide div {
      width: 100%;
      height: 100%;
    }
    .adminTemplate .mainblock3 .right .swiper .swiper-slide div img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      aspect-ratio: 1/1;
    }
    .adminTemplate .mainblock3 .right .swiper .swiper-button-prev {
      right: 17%;
      left: inherit;
      bottom: 3%;
      top: inherit;
      width: 2rem;
      height: 2rem;
      border-radius: 50%;
      background-color: #fff;
    }
    .adminTemplate .mainblock3 .right .swiper .swiper-button-next {
      right: 3%;
      bottom: 3%;
      top: inherit;
      width: 2rem;
      height: 2rem;
      border-radius: 50%;
      background-color: #fff;
    }
    .adminTemplate .mainblock3 .right .swiper .swiper-button-next::before {
      content: "" !important;
      width: 0;
      height: 0;
      position: absolute;
      right: 5px;
      top: 50%;
      transform: translateY(-50%);
      border-left: 0.5rem solid #000;
      border-top: 0.4rem solid transparent;
      border-bottom: 0.4rem solid transparent;
    }
    .adminTemplate .mainblock3 .right .swiper .swiper-button-prev::before{
      content: "" !important;
      width: 0;
      height: 0;
      position: absolute;
      left: 5px;
      top: 50%;
      transform: rotate(180deg) translateY(50%);
      border-left: 0.5rem solid #000;
      border-top: 0.4rem solid transparent;
      border-bottom: 0.4rem solid transparent;
    }
    .adminTemplate .mainblock3 .right .swiper .swiper-button-prev::after,
    .adminTemplate .mainblock3 .right .swiper .swiper-button-next::after {
      content: "" !important;
      width: 1rem;
      height: 0.2rem;
      background-color: #000;
    }
  }
  
  /* mainblock4郢ｧ�ｻ郢ｧ�ｯ郢ｧ�ｷ郢晢ｽｧ郢晢ｽｳ */
  @media all {
    .mainblock4 {
      width: 100%;
      margin: 32px auto;
      position: relative;
    }
    .mainblock4 .block-inner {
      display: contents;
    }
    .mainblock4 .right {
      width: 40%;
      position: absolute;
      z-index: 10;
      top: 0;
      bottom: 0;
      left: 0;
      color: #fff;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: center;
      gap: 0.4vw;
      padding: 0 8%;
      box-sizing: border-box;
    }
    .mainblock4 .right h2 {
      font-size: 32px;
      font-weight: bold;
      white-space: pre-wrap;
    }
  
    .mainblock4 .right > p {
      margin: 32px 0;
      font-size: 16px;
      line-height: 2;
      white-space: pre-wrap;
    }
    .mainblock4 .right a {
      display: inline-block;
    }
    .mainblock4 .right a > p {
      position: relative;
      font-size: 16px;
      font-weight: bold;
      color: #fff !important;
      background-color: inherit !important;
      padding: 12px 64px 12px 0;
      border-bottom: 1px solid currentColor;
    }
    .mainblock4 .right a > p:before {
      content: "";
      position: absolute;
      bottom: 16px;
      right: 0;
      width: 32px;
      height: 2px;
      background-color: currentColor;
    }
    .mainblock4 .right a > p:after {
      content: "";
      position: absolute;
      bottom: 17px;
      right: 0;
      width: 10px;
      height: 2px;
      background-color: currentColor;
      transform: rotate(30deg) translateY(-75%);
    }
  
    .mainblock4 .left {
      width: 100%;
    }
    .mainblock4 .left::after {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      width: 40%;
      background-color: #00000066;
      z-index: 1;
    }
    .mainblock4 .left .swiper-wrapper .swiper-slide {
      aspect-ratio: 2/1;
    }
    .mainblock4 .left .swiper-wrapper .swiper-slide img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      aspect-ratio: 2/1;
    }
    .mainblock4 .left .swiper .swiper-button-prev {
      right: 14%;
      left: inherit;
      bottom: 3%;
      top: inherit;
      width: 60px;
      height: 60px;
      border-radius: 50%;
      background-color: #fff;
    }
    .mainblock4 .left .swiper .swiper-button-next {
      right: 8%;
      bottom: 3%;
      top: inherit;
      width: 60px;
      height: 60px;
      border-radius: 50%;
      background-color: #fff;
    }
    .mainblock4 .left .swiper .swiper-button-next::before {
      content: "" !important;
      width: 0;
      height: 0;
      position: absolute;
      right: 5px;
      top: 50%;
      transform: translate(-25%, -50%);
      border-left: 16px solid #000;
      border-top: 12px solid transparent;
      border-bottom: 12px solid transparent;
    }
    .mainblock4 .left .swiper .swiper-button-prev::before{
      content: "" !important;
      width: 0;
      height: 0;
      position: absolute;
      left: 5px;
      top: 50%;
      transform: rotate(180deg) translate(-25%, 50%);
      border-left: 16px solid #000;
      border-top: 12px solid transparent;
      border-bottom: 12px solid transparent;
    }
    .mainblock4 .left .swiper .swiper-button-prev::after,
    .mainblock4 .left .swiper .swiper-button-next::after {
      content: "" !important;
      width: 30px;
      height: 8px;
      background-color: #000;
    }
  
    .adminTemplate .mainblock4 {
      width: 100%;
      margin: 5% auto;
      position: relative;
    }
    .adminTemplate .mainblock4 .block-inner {
      display: contents;
    }
    .adminTemplate .mainblock4 .right {
      width: 40%;
      position: absolute;
      z-index: 10;
      top: 0;
      bottom: 0;
      right: 0;
      color: #fff;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: center;
      gap: 0.4vw;
      padding: 0 8%;
    }
    .adminTemplate .mainblock4 .right h2 {
      font-size: 1vw;
      font-weight: bold;
    }
  
    .adminTemplate .mainblock4 .right > p {
      margin: 3% 0;
      font-size: 0.5vw;
      line-height: 2;
    }
  
    .adminTemplate .mainblock4 .right a {
      display: inline-block;
    }
    .adminTemplate .mainblock4 .right a > p {
      font-size: 0.6vw;
      font-weight: bold;
      color: #fff !important;
      position: relative;
      padding: 4px 32px 4px 0;
      border-bottom: 1px solid currentColor;
      font-weight: bold;
      background-color: inherit !important;
    }
    .adminTemplate .mainblock4 .right a > p:before {
      content: "";
      position: absolute;
      bottom: 6px;
      right: 0;
      width: 20px;
      height: 1px;
      background-color: currentColor;
    }
    .adminTemplate .mainblock4 .right a > p:after {
      content: "";
      position: absolute;
      bottom: 7px;
      right: 0;
      width: 6px;
      height: 1px;
      background-color: currentColor;
      transform: rotate(30deg) translateY(-50%);
    }
  
    .adminTemplate .mainblock4 .left {
      width: 100%;
    }
    .adminTemplate .mainblock4 .left::after {
      content: "";
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      width: 40%;
      background-color: #00000066;
      z-index: 1;
    }
    .adminTemplate .mainblock4 .left .swiper .swiper-slide {
      aspect-ratio: 2/1;
    }
    .adminTemplate .mainblock4 .left .swiper .swiper-slide div {
      width: 100%;
      height: 100%;
    }
    .adminTemplate .mainblock4 .left .swiper .swiper-slide div img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      aspect-ratio: 2/1;
    }
    .adminTemplate .mainblock4 .left .swiper .swiper-button-prev {
      left: inherit;
      right: 14%;
      bottom: 5%;
      top: inherit;
      width: 2rem;
      height: 2rem;
      border-radius: 50%;
      background-color: #fff;
    }
    .adminTemplate .mainblock4 .left .swiper .swiper-button-next {
      right: 8%;
      bottom: 5%;
      top: inherit;
      width: 2rem;
      height: 2rem;
      border-radius: 50%;
      background-color: #fff;
    }
    .adminTemplate .mainblock4 .left .swiper .swiper-button-next::before {
      content: "" !important;
      width: 0;
      height: 0;
      position: absolute;
      right: 5px;
      top: 50%;
      transform: translateY(-50%);
      border-left: 0.5rem solid #000;
      border-top: 0.4rem solid transparent;
      border-bottom: 0.4rem solid transparent;
    }
    .adminTemplate .mainblock4 .left .swiper .swiper-button-prev::before{
      content: "" !important;
      width: 0;
      height: 0;
      position: absolute;
      left: 5px;
      top: 50%;
      transform: rotate(180deg) translateY(50%);
      border-left: 0.5rem solid #000;
      border-top: 0.4rem solid transparent;
      border-bottom: 0.4rem solid transparent;
    }
    .adminTemplate .mainblock4 .left .swiper .swiper-button-prev::after,
    .adminTemplate .mainblock4 .left .swiper .swiper-button-next::after {
      content: "" !important;
      width: 1rem;
      height: 0.2rem;
      background-color: #000;
    }
  }
  
  /* mainblock5郢ｧ�ｻ郢ｧ�ｯ郢ｧ�ｷ郢晢ｽｧ郢晢ｽｳ */
  @media all {
    .mainblock5 {
      width: 83%;
      margin: 64px auto;
      position: relative;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 40px;
    }
    .mainblock5 .block-inner {
      display: contents;
    }
    .mainblock5 .left {
      width: 50%;
      margin: 0 0 0 8%;
    }
    .mainblock5 .left h2 {
      font-size: 32px;
      font-weight: bold;
      white-space: pre-wrap;
    }
  
    .mainblock5 .left > p {
      margin: 32px 0;
      font-size: 16px;
      line-height: 2;
      white-space: pre-wrap;
    }
    .mainblock5 .left a {
      display: inline-block;
      margin: 0 0 0 auto;
    }
    .mainblock5 .left a > p {
      position: relative;
      font-size: 16px;
      font-weight: bold;
      background-color: inherit !important;
      padding: 12px 64px 12px 0;
      border-bottom: 1px solid currentColor;
    }
    .mainblock5 .left a > p::before {
      content: "";
      position: absolute;
      bottom: 16px;
      right: 0;
      width: 32px;
      height: 2px;
      background-color: currentColor;
    }
    .mainblock5 .left a > p::after {
      content: "";
      position: absolute;
      bottom: 17px;
      right: 0;
      width: 10px;
      height: 2px;
      background-color: currentColor;
      transform: rotate(30deg) translateY(-75%);
    }
    .mainblock5 .right {
      width: 50%;
    }
    .mainblock5 .right .swiper-wrapper .swiper-slide {
      aspect-ratio: 1/1;
    }
    .mainblock5 .right .swiper .swiper-slide div {
      width: 100%;
      height: 100%;
    }
    .mainblock5 .right .swiper-wrapper .swiper-slide img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      aspect-ratio: 1/1;
    }
    .mainblock5 .right .swiper .swiper-button-prev {
      right: 17%;
      left: inherit;
      bottom: 3%;
      top: inherit;
      width: 60px;
      height: 60px;
      border-radius: 50%;
      background-color: #fff;
    }
    .mainblock5 .right .swiper .swiper-button-next {
      right: 3%;
      bottom: 3%;
      top: inherit;
      width: 60px;
      height: 60px;
      border-radius: 50%;
      background-color: #fff;
    }
    .mainblock5 .right .swiper .swiper-button-next::before {
      content: "" !important;
      width: 0;
      height: 0;
      position: absolute;
      right: 5px;
      top: 50%;
      transform: translate(-25%, -50%);
      border-left: 16px solid #000;
      border-top: 12px solid transparent;
      border-bottom: 12px solid transparent;
    }
    .mainblock5 .right .swiper .swiper-button-prev::before{
      content: "" !important;
      width: 0;
      height: 0;
      position: absolute;
      left: 5px;
      top: 50%;
      transform: rotate(180deg) translate(-25%, 50%);
      border-left: 16px solid #000;
      border-top: 12px solid transparent;
      border-bottom: 12px solid transparent;
    }
    .mainblock5 .right .swiper .swiper-button-prev::after,
    .mainblock5 .right .swiper .swiper-button-next::after {
      content: "" !important;
      width: 30px;
      height: 8px;
      background-color: #000;
    }
    .adminTemplate .mainblock5 {
      width: 83%;
      margin: 5% auto;
      position: relative;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 1.2vw;
    }
    .adminTemplate .mainblock5 .block-inner {
      display: contents;
    }
    .adminTemplate .mainblock5 .left {
      width: 50%;
      margin: 0 0 0 8%;
    }
    .adminTemplate .mainblock5 .left h2 {
      font-size: 1vw;
      font-weight: bold;
    }
  
    .adminTemplate .mainblock5 .left > p {
      margin: 3% 0;
      font-size: 0.5vw;
      line-height: 2;
    }
  
    .adminTemplate .mainblock5 .left a {
      display: inline-block;
      margin: 0 0 0 auto;
    }
    .adminTemplate .mainblock5 .left a > p {
      font-size: 0.6vw;
      font-weight: bold;
      background-color: inherit!important;
    }
    .adminTemplate .mainblock5 .left a > p {
      position: relative;
      font-size: 0.6vw;
      padding: 4px 32px 4px 0;
      border-bottom: 1px solid currentColor;
      font-weight: bold;
      background-color: inherit!important;
    }
    .adminTemplate .mainblock5 .left a > p:before {
      content: "";
      position: absolute;
      bottom: 6px;
      right: 0;
      width: 20px;
      height: 1px;
      background-color: currentColor;
    }
    .adminTemplate .mainblock5 .left a > p:after {
      content: "";
      position: absolute;
      bottom: 7px;
      right: 0;
      width: 6px;
      height: 1px;
      background-color: currentColor;
      transform: rotate(30deg) translateY(-50%);
    }
  
    .adminTemplate .mainblock5 .right {
      width: 50%;
    }
    .adminTemplate .mainblock5 .right .swiper .swiper-slide {
      aspect-ratio: 1/1;
    }
    .adminTemplate .mainblock5 .right .swiper .swiper-slide div {
      width: 100%;
      height: 100%;
    }
    .adminTemplate .mainblock5 .right .swiper .swiper-slide div img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      aspect-ratio: 1/1;
    }
    .adminTemplate .mainblock5 .right .swiper .swiper-button-prev {
      right: 17%;
      left: inherit;
      bottom: 3%;
      top: inherit;
      width: 2rem;
      height: 2rem;
      border-radius: 50%;
      background-color: #fff;
    }
    .adminTemplate .mainblock5 .right .swiper .swiper-button-next {
      right: 3%;
      bottom: 3%;
      top: inherit;
      width: 2rem;
      height: 2rem;
      border-radius: 50%;
      background-color: #fff;
    }
    .adminTemplate .mainblock5 .right .swiper .swiper-button-next::before {
      content: "" !important;
      width: 0;
      height: 0;
      position: absolute;
      right: 5px;
      top: 50%;
      transform: translateY(-50%);
      border-left: 0.5rem solid #000;
      border-top: 0.4rem solid transparent;
      border-bottom: 0.4rem solid transparent;
    }
    .adminTemplate .mainblock5 .right .swiper .swiper-button-prev::before{
      content: "" !important;
      width: 0;
      height: 0;
      position: absolute;
      left: 5px;
      top: 50%;
      transform: rotate(180deg) translateY(50%);
      border-left: 0.5rem solid #000;
      border-top: 0.4rem solid transparent;
      border-bottom: 0.4rem solid transparent;
    }
    .adminTemplate .mainblock5 .right .swiper .swiper-button-prev::after,
    .adminTemplate .mainblock5 .right .swiper .swiper-button-next::after {
      content: "" !important;
      width: 1rem;
      height: 0.2rem;
      background-color: #000;
    }
  }
  
  /* 郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ陞ｳ�｢陞ｳ�､郢晏｣ｹ�ｽ郢ｧ�ｸ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ */
  /* sectionBlock01郢ｧ�ｻ郢ｧ�ｯ郢ｧ�ｷ郢晢ｽｧ郢晢ｽｳ */
  @media all {
    .sectionBlock01 {
      width: 100%;
      margin: 60px auto;
      position: relative;
    }
  
    .sectionBlock01 .left {
      width: 100%;
    }
    .sectionBlock01 .left::after {
      content: "";
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      width: 40%;
      background-color: #00000066;
      z-index: 1;
    }
    .sectionBlock01 .left .swiper-wrapper .swiper-slide {
      aspect-ratio: 2/1;
    }
    .sectionBlock01 .left .swiper-wrapper .swiper-slide img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
    .sectionBlock01 .left .swiper .swiper-button-prev {
      left: 8%;
      bottom: 3%;
      top: inherit;
      width: 60px;
      height: 60px;
      border-radius: 50%;
      background-color: #fff;
    }
    .sectionBlock01 .left .swiper .swiper-button-next {
      left: 14%;
      bottom: 3%;
      top: inherit;
      width: 60px;
      height: 60px;
      border-radius: 50%;
      background-color: #fff;
    }
    .sectionBlock01 .left .swiper .swiper-button-next::before {
      content: "" !important;
      width: 0;
      height: 0;
      position: absolute;
      right: 5px;
      top: 50%;
      transform: translate(-25%, -50%);
      border-left: 16px solid #000;
      border-top: 12px solid transparent;
      border-bottom: 12px solid transparent;
    }
    .sectionBlock01 .left .swiper .swiper-button-prev::before{
      content: "" !important;
      width: 0;
      height: 0;
      position: absolute;
      left: 5px;
      top: 50%;
      transform: rotate(180deg) translate(-25%, 50%);
      border-left: 16px solid #000;
      border-top: 12px solid transparent;
      border-bottom: 12px solid transparent;
    }
    .sectionBlock01 .left .swiper .swiper-button-prev::after,
    .sectionBlock01 .left .swiper .swiper-button-next::after {
      content: "" !important;
      width: 30px;
      height: 8px;
      background-color: #000;
    }
  
    .sectionBlock01 .right {
      width: 40%;
      position: absolute;
      z-index: 10;
      top: 0;
      bottom: 0;
      right: 0;
      color: #fff;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: center;
      gap: 16px;
      padding: 0 8%;
      box-sizing: border-box;
    }
    .sectionBlock01 .right h2 {
      font-size: 24px;
      font-weight: bold;
    }
  
    .sectionBlock01 .right h4 {
      font-size: 16px;
    }
  
    .sectionBlock01 .right p {
      font-size: 16px;
    }
  
    .sectionBlock01 .right dl {
      display: flex;
      flex-wrap: wrap;
      font-size: 16px;
      margin: 24px 0 0;
    }
  
    .sectionBlock01 .right dl dt {
      font-weight: bold;
      width: 20%;
      padding: 8px 0;
      text-align: left;
    }
    .sectionBlock01 .right dl dd {
      width: 30%;
      padding: 8px 0;
      text-align: left;
      white-space: pre-wrap;
    }
    .sectionBlock01 .right dl dd.wideCell {
      width: 80%;
    }
    .adminTemplate .sectionBlock01 {
      width: 100%;
      margin: 5% auto;
      position: relative;
    }
  
    .adminTemplate .sectionBlock01 .left {
      width: 100%;
    }
    .adminTemplate .sectionBlock01 .left::after {
      content: "";
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      width: 40%;
      background-color: #00000066;
      z-index: 1;
    }
    .adminTemplate .sectionBlock01 .left .swiper-slide {
      aspect-ratio: 2/1;
    }
    .adminTemplate .sectionBlock01 .left .swiper-slide img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
  
    .adminTemplate .sectionBlock01 .right {
      width: 40%;
      position: absolute;
      z-index: 10;
      top: 0;
      bottom: 0;
      right: 0;
      color: #fff;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: center;
      gap: 0.4vw;
      padding: 0 8%;
    }
    .adminTemplate .sectionBlock01 .right h2 {
      font-size: 1vw;
      font-weight: bold;
    }
  
    .adminTemplate .sectionBlock01 .right h4 {
      font-size: 0.5vw;
    }
  
    .adminTemplate .sectionBlock01 .right p {
      margin: 3% 0;
      font-size: 0.5vw;
      line-height: 2;
    }
  
    .adminTemplate .sectionBlock01 .right dl {
      display: flex;
      flex-wrap: wrap;
      font-size: 0.5vw;
      margin: 3% 0 0;
    }
  
    .adminTemplate .sectionBlock01 .right dl dt {
      font-weight: bold;
      width: 20%;
      padding: 3% 0;
      text-align: left;
    }
    .adminTemplate .sectionBlock01 .right dl dd {
      width: 80%;
      padding: 3% 0;
      text-align: left;
      white-space: pre-wrap;
    }
    .adminTemplate .sectionBlock01 .right dl dd.wideCell {
      width: 80%;
    }
  
    .adminTemplate .sectionBlock01 .left .swiper .swiper-button-prev {
      left: 8%;
      bottom: 5%;
      top: inherit;
      width: 2rem;
      height: 2rem;
      border-radius: 50%;
      background-color: #fff;
    }
    .adminTemplate .sectionBlock01 .left .swiper .swiper-button-next {
      left: 14%;
      bottom: 5%;
      top: inherit;
      width: 2rem;
      height: 2rem;
      border-radius: 50%;
      background-color: #fff;
    }
    .adminTemplate .sectionBlock01 .left .swiper .swiper-button-next::before {
      content: "" !important;
      width: 0;
      height: 0;
      position: absolute;
      right: 5px;
      top: 50%;
      transform: translateY(-50%);
      border-left: 0.5rem solid #000;
      border-top: 0.4rem solid transparent;
      border-bottom: 0.4rem solid transparent;
    }
    .adminTemplate .sectionBlock01 .left .swiper .swiper-button-prev::before{
      content: "" !important;
      width: 0;
      height: 0;
      position: absolute;
      left: 5px;
      top: 50%;
      transform: rotate(180deg) translateY(50%);
      border-left: 0.5rem solid #000;
      border-top: 0.4rem solid transparent;
      border-bottom: 0.4rem solid transparent;
    }
    .adminTemplate .sectionBlock01 .left .swiper .swiper-button-prev::after,
    .adminTemplate .sectionBlock01 .left .swiper .swiper-button-next::after {
      content: "" !important;
      width: 1rem;
      height: 0.2rem;
      background-color: #000;
    }
  }
  
  /* 郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ陞ｳ�｢陞ｳ�､郢晏｣ｹ�ｽ郢ｧ�ｸ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ */
  /* sectionBlock02郢ｧ�ｻ郢ｧ�ｯ郢ｧ�ｷ郢晢ｽｧ郢晢ｽｳ */
  @media all {
    .sectionBlock02 {
      display: flex;
      justify-content: space-between;
      align-items: center;
      width: 83%;
      max-width: 1200px;
      margin: auto;
      margin: 60px auto;
      gap: 40px;
    }
  
    .sectionBlock02.reverse {
      flex-direction: row-reverse;
    }
  
    .sectionBlock02 .left {
      width: 50%;
      margin: 0;
    }
    .sectionBlock02 .left .swiper-wrapper .swiper-slide {
      width: 100%;
      height: 100%;
    }
    .sectionBlock02 .left .swiper-wrapper .swiper-slide img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      aspect-ratio: 1/1;
    }
    .sectionBlock02 .left .swiper .swiper-button-prev {
      right: 17%;
      left: inherit;
      bottom: 3%;
      top: inherit;
      width: 60px;
      height: 60px;
      border-radius: 50%;
      background-color: #fff;
    }
    .sectionBlock02 .left .swiper .swiper-button-next {
      right: 3%;
      bottom: 3%;
      top: inherit;
      width: 60px;
      height: 60px;
      border-radius: 50%;
      background-color: #fff;
    }
    .sectionBlock02 .left .swiper .swiper-button-next::before {
      content: "" !important;
      width: 0;
      height: 0;
      position: absolute;
      right: 5px;
      top: 50%;
      transform: translate(-25%, -50%);
      border-left: 16px solid #000;
      border-top: 12px solid transparent;
      border-bottom: 12px solid transparent;
    }
    .sectionBlock02 .left .swiper .swiper-button-prev::before{
      content: "" !important;
      width: 0;
      height: 0;
      position: absolute;
      left: 5px;
      top: 50%;
      transform: rotate(180deg) translate(-25%, 50%);
      border-left: 16px solid #000;
      border-top: 12px solid transparent;
      border-bottom: 12px solid transparent;
    }
    .sectionBlock02 .left .swiper .swiper-button-prev::after,
    .sectionBlock02 .left .swiper .swiper-button-next::after {
      content: "" !important;
      width: 30px;
      height: 8px;
      background-color: #000;
    }
  
    .sectionBlock02 .right {
      width: 45%;
    }
    .sectionBlock02 .right h2 {
      font-size: 32px;
      font-weight: bold;
    }
  
    .sectionBlock02 .right h4 {
      font-size: 16px;
      margin: 24px auto 32px;
    }
  
    .sectionBlock02 .right p {
      font-size: 16px;
    }
  
    .sectionBlock02 .right dl {
      display: flex;
      flex-wrap: wrap;
      font-size: 16px;
      margin: 40px 25% 0 0;
    }
  
    .sectionBlock02 .right dl dt:first-of-type {
      border-top: 1px solid #dddddd;
    }
    .sectionBlock02 .right dl dt {
      font-weight: bold;
      width: 20%;
      padding: 3% 0;
      border-bottom: 1px solid #dddddd;
      text-align: left;
    }
    .sectionBlock02 .right dl dd:first-of-type {
      border-top: 1px solid #dddddd;
    }
    .sectionBlock02 .right dl dd {
      width: 30%;
      padding: 3% 0;
      border-bottom: 1px solid #dddddd;
      text-align: left;
    }
    .sectionBlock02 .right dl dd.wideCell {
      width: 80%;
    }
    .adminTemplate .sectionBlock02 {
      display: flex;
      justify-content: space-between;
      align-items: center;
      width: 83%;
      margin: 5% auto;
      gap: 3%;
    }
    .adminTemplate .sectionBlock02.border {
      border: none;
      border-top-width: 1px;
      border-top-style: solid;
    }
    .adminTemplate .sectionBlock02.border:last-of-type {
      border-bottom-width: 1px;
      border-bottom-style: solid;
    }
  
    .adminTemplate .sectionBlock02.reverse {
      flex-direction: row-reverse;
    }
  
    .adminTemplate .sectionBlock02 .left {
      width: 50%;
      margin: 0;
    }
    .adminTemplate .sectionBlock02 .left .swiper-slide {
      aspect-ratio: 1/1;
    }
    .adminTemplate .sectionBlock02 .left .swiper-slide img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
  
    .adminTemplate .sectionBlock02 .left .swiper .swiper-pagination {
      display: flex;
      justify-content: end;
      align-items: center;
      right: 0%;
      padding: 0 0.5vw 0 0;
    }
    .adminTemplate .sectionBlock02 .left .swiper .swiper-pagination-bullet {
      margin: 0px 3px;
      background-color: #ffffff;
      width: 0.3vw;
      height: 0.3vw;
      border-radius: 50%;
    }
    .adminTemplate .sectionBlock02 .left .swiper .swiper-button-prev {
      right: 17%;
      left: inherit;
      bottom: 3%;
      top: inherit;
      width: 2rem;
      height: 2rem;
      border-radius: 50%;
      background-color: #fff;
    }
    .adminTemplate .sectionBlock02 .left .swiper .swiper-button-next {
      right: 3%;
      bottom: 3%;
      top: inherit;
      width: 2rem;
      height: 2rem;
      border-radius: 50%;
      background-color: #fff;
    }
    .adminTemplate .sectionBlock02 .left .swiper .swiper-button-next::before {
      content: "" !important;
      width: 0;
      height: 0;
      position: absolute;
      right: 5px;
      top: 50%;
      transform: translateY(-50%);
      border-left: 0.5rem solid #000;
      border-top: 0.4rem solid transparent;
      border-bottom: 0.4rem solid transparent;
    }
    .adminTemplate .sectionBlock02 .left .swiper .swiper-button-prev::before{
      content: "" !important;
      width: 0;
      height: 0;
      position: absolute;
      left: 5px;
      top: 50%;
      transform: rotate(180deg) translateY(50%);
      border-left: 0.5rem solid #000;
      border-top: 0.4rem solid transparent;
      border-bottom: 0.4rem solid transparent;
    }
    .adminTemplate .sectionBlock02 .left .swiper .swiper-button-prev::after,
    .adminTemplate .sectionBlock02 .left .swiper .swiper-button-next::after {
      content: "" !important;
      width: 1rem;
      height: 0.2rem;
      background-color: #000;
    }
  
    .adminTemplate .sectionBlock02 .right {
      width: 45%;
    }
    .adminTemplate .sectionBlock02 .right h2 {
      font-size: 1vw;
      font-weight: bold;
    }
  
    .adminTemplate .sectionBlock02 .right h4 {
      font-size: 0.5vw;
      margin: 1% 0 3%;
    }
  
    .adminTemplate .sectionBlock02 .right p {
      font-size: 0.5vw;
    }
  
    .adminTemplate .sectionBlock02 .right dl {
      display: flex;
      flex-wrap: wrap;
      font-size: 0.5vw;
      margin: 5% 25% 0 0;
    }
  
    .adminTemplate .sectionBlock02 .right dl dt:first-of-type {
      border-top: 1px solid #dddddd;
    }
    .adminTemplate .sectionBlock02 .right dl dt {
      font-weight: bold;
      width: 20%;
      padding: 3% 0;
      border-bottom: 1px solid #dddddd;
      text-align: left;
    }
    .adminTemplate .sectionBlock02 .right dl dd:first-of-type {
      border-top: 1px solid #dddddd;
    }
    .adminTemplate .sectionBlock02 .right dl dd {
      width: 30%;
      padding: 3% 0;
      border-bottom: 1px solid #dddddd;
      text-align: left;
    }
    .adminTemplate .sectionBlock02 .right dl dd.wideCell {
      width: 80%;
    }
  }
  
  /* 郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ隴�ｽｽ髫ｪ�ｭ郢晏｣ｹ�ｽ郢ｧ�ｸ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ */
  /* sectionBlock03郢ｧ�ｻ郢ｧ�ｯ郢ｧ�ｷ郢晢ｽｧ郢晢ｽｳ */
  @media all {
    .sectionBlock03 {
      display: flex;
      justify-content: space-between;
      align-items: center;
      flex-direction: row-reverse;
      width: 83%;
      margin: 60px auto;
      gap: 40px;
      border: none;
    }
  
    .sectionBlock03 .left {
      width: 50%;
    }
    .sectionBlock03 .left .swiper-wrapper .swiper-slide {
      width: 100%;
      height: 100%;
    }
    .sectionBlock03 .left .swiper-wrapper .swiper-slide img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      aspect-ratio: 3/2;
    }
    .sectionBlock03 .left .swiper .swiper-button-prev {
      left: 3%;
      bottom: 5%;
      top: inherit;
      width: 60px;
      height: 60px;
      border-radius: 50%;
      background-color: #fff;
    }
    .sectionBlock03 .left .swiper .swiper-button-next {
      left: 17%;
      bottom: 5%;
      top: inherit;
      width: 60px;
      height: 60px;
      border-radius: 50%;
      background-color: #fff;
    }
    .sectionBlock03 .left .swiper .swiper-button-next::before {
      content: "" !important;
      width: 0;
      height: 0;
      position: absolute;
      right: 5px;
      top: 50%;
      transform: translate(-25%, -50%);
      border-left: 16px solid #000;
      border-top: 12px solid transparent;
      border-bottom: 12px solid transparent;
    }
    .sectionBlock03 .left .swiper .swiper-button-prev::before{
      content: "" !important;
      width: 0;
      height: 0;
      position: absolute;
      left: 5px;
      top: 50%;
      transform: rotate(180deg) translate(-25%, 50%);
      border-left: 16px solid #000;
      border-top: 12px solid transparent;
      border-bottom: 12px solid transparent;
    }
    .sectionBlock03 .left .swiper .swiper-button-prev::after,
    .sectionBlock03 .left .swiper .swiper-button-next::after {
      content: "" !important;
      width: 30px;
      height: 8px;
      background-color: #000;
    }
  
    .sectionBlock03 .right {
      width: 45%;
      margin: 0 0 0 16%;
    }
    .sectionBlock03 .right h2 {
      font-size: 32px;
      font-weight: bold;
    }
  
    .sectionBlock03 .right h4 {
      font-size: 16px;
      margin: 24px auto 32px;
    }
  
    .sectionBlock03 .right p {
      font-size: 16px;
    }
  
    .sectionBlock03 .right dl {
      display: flex;
      flex-wrap: wrap;
      font-size: 16px;
      margin: 40px 0 0;
    }
  
    .sectionBlock03 .right dl dt {
      font-weight: bold;
      width: 20%;
      padding: 3% 0;
      text-align: left;
    }
    .sectionBlock03 .right dl dd {
      width: 30%;
      padding: 3% 0;
      text-align: left;
    }
    .sectionBlock03 .right dl dd.wideCell {
      width: 80%;
    }
    .adminTemplate .sectionBlock03 {
      display: flex;
      justify-content: space-between;
      align-items: center;
      flex-direction: row-reverse;
      width: 83%;
      margin: 5% auto;
      gap: 3%;
      border: none;
      position: relative;
    }
  
    .adminTemplate .sectionBlock03 .left {
      width: 50%;
    }
    .adminTemplate .sectionBlock03 .left .swiper-slide {
      aspect-ratio: 3/2;
    }
    .adminTemplate .sectionBlock03 .left .swiper-slide img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
    .adminTemplate .sectionBlock03 .left .swiper .swiper-button-prev {
      left: 3%;
      bottom: 5%;
      top: inherit;
      width: 2rem;
      height: 2rem;
      border-radius: 50%;
      background-color: #fff;
    }
    .adminTemplate .sectionBlock03 .left .swiper .swiper-button-next {
      left: 17%;
      bottom: 5%;
      top: inherit;
      width: 2rem;
      height: 2rem;
      border-radius: 50%;
      background-color: #fff;
    }
    .adminTemplate .sectionBlock03 .left .swiper .swiper-button-next::before {
      content: "" !important;
      width: 0;
      height: 0;
      position: absolute;
      right: 5px;
      top: 50%;
      transform: translateY(-50%);
      border-left: 0.5rem solid #000;
      border-top: 0.4rem solid transparent;
      border-bottom: 0.4rem solid transparent;
    }
    .adminTemplate .sectionBlock03 .left .swiper .swiper-button-prev::before{
      content: "" !important;
      width: 0;
      height: 0;
      position: absolute;
      left: 5px;
      top: 50%;
      transform: rotate(180deg) translateY(50%);
      border-left: 0.5rem solid #000;
      border-top: 0.4rem solid transparent;
      border-bottom: 0.4rem solid transparent;
    }
    .adminTemplate .sectionBlock03 .left .swiper .swiper-button-prev::after,
    .adminTemplate .sectionBlock03 .left .swiper .swiper-button-next::after {
      content: "" !important;
      width: 1rem;
      height: 0.2rem;
      background-color: #000;
    }
  
    .adminTemplate .sectionBlock03 .right {
      width: 42%;
      margin: 0 0 0 8%;
    }
    .adminTemplate .sectionBlock03 .right h2 {
      font-size: 1vw;
      font-weight: bold;
    }
  
    .adminTemplate .sectionBlock03 .right h4 {
      font-size: 0.5vw;
      margin: 1% 0 3%;
    }
  
    .adminTemplate .sectionBlock03 .right p {
      font-size: 0.5vw;
    }
  
    .adminTemplate .sectionBlock03 .right dl {
      display: flex;
      flex-wrap: wrap;
      font-size: 0.5vw;
      margin: 5% 0 0;
    }
  
    .adminTemplate .sectionBlock03 .right dl dt {
      font-weight: bold;
      width: 20%;
      padding: 3% 0;
      text-align: left;
    }
    .adminTemplate .sectionBlock03 .right dl dd {
      width: 30%;
      padding: 3% 0;
      text-align: left;
    }
    .adminTemplate .sectionBlock03 .right dl dd.wideCell {
      width: 80%;
    }
  }
  
  /* 郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ陷ｻ�ｨ髴趣ｽｺ髫包ｽｳ陷亥ｳｨ�ｽ郢晢ｽｼ郢ｧ�ｸ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ */
  /* spots郢ｧ�ｻ郢ｧ�ｯ郢ｧ�ｷ郢晢ｽｧ郢晢ｽｳ */
  @media all {
    .spots {
      width: 100%;
    }
    .spots .swiper-button-prev, .spots .swiper-button-next {
      display: none;
    }
    .spots-inner {
      display: block!important;
      width: 83%;
      max-width: 1200px;
      margin: auto;
    }
    .adminTemplate .spots {
      width: 100%;
    }
    .adminTemplate .spots-inner {
      display: block;
      width: 83%;
      margin: auto;
    }
  }
  
  /* sectionBlock04郢ｧ�ｻ郢ｧ�ｯ郢ｧ�ｷ郢晢ｽｧ郢晢ｽｳ */
  @media all {
    .sectionBlock04 {
      width: 100%;
      display: flex!important;
      justify-content: space-between;
      align-items: center;
      gap: 40px;
      margin: 60px 0;
    }
    .sectionBlock04:nth-of-type(odd) {
      flex-direction: row-reverse;
    }
    .sectionBlock04:nth-of-type(odd) div {
      margin: 0 0 0 8%;
    }
    .sectionBlock04 div {
      width: 42%;
      margin: 0 8% 0 0;
    }
    .sectionBlock04 img {
      aspect-ratio: 2/1;
      object-fit: cover;
      width: 50%;
    }
    .sectionBlock04 h2 {
      font-size: 24px;
      font-weight: bold;
      margin: 32px 0 0;
    }
  
    .sectionBlock04 p {
      font-size: 16px;
      margin: 24px 0 0;
    }
    .adminTemplate .sectionBlock04 {
      width: 100%;
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 3%;
      margin: 4% 0;
    }
    .adminTemplate .sectionBlock04:nth-of-type(odd) {
      flex-direction: row-reverse;
    }
    .adminTemplate .sectionBlock04:nth-of-type(odd) div {
      margin: 0 0 0 8%;
    }
    .adminTemplate .sectionBlock04 img {
      aspect-ratio: 2/1;
      object-fit: cover;
      width: 50%;
    }
    .adminTemplate .sectionBlock04 div {
      width: 42%;
      margin: 0 8% 0 0;
    }
    .adminTemplate .sectionBlock04 h2 {
      font-size: 0.6vw;
      font-weight: bold;
      margin: 3% 0 0;
    }
  
    .adminTemplate .sectionBlock04 p {
      font-size: 0.5vw;
      margin: 3% 0 0;
    }
  }
  
  /* 郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼFAQ郢晏｣ｹ�ｽ郢ｧ�ｸ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ郢晢ｽｼ */
  /* faqs郢ｧ�ｻ郢ｧ�ｯ郢ｧ�ｷ郢晢ｽｧ郢晢ｽｳ */
  @media all {
    .faqs-inner {
      width: 67%;
      margin: 80px auto;
    }
    .adminTemplate .faqs-inner {
      width: 67%;
      margin: 5% auto;
    }
  }
  /* faqBlock01郢ｧ�ｻ郢ｧ�ｯ郢ｧ�ｷ郢晢ｽｧ郢晢ｽｳ */
  @media all {
    .faqBlock01-item {
      border: none;
      border-top-width: 1px;
      border-top-style: solid;
    }
    .faqBlock01-item:last-of-type {
      border-bottom-width: 1px;
      border-bottom-style: solid;
    }
    .faqBlock01-item .question {
      display: flex;
      gap: 2%;
      cursor: pointer;
      padding: 24px 0;
      position: relative;
      align-items: center;
    }
    .faqBlock01-item .question .icon {
      width: 32px;
      height: 32px;
      border-radius: 50%;
      font-size: 20px;
      display: flex;
      justify-content: center;
      align-items: center;
      background-color: inherit !important;
      color: inherit !important;
    }
    .faqBlock01-item .question .icon .q {
      font-weight: bold;
    }
    .faqBlock01-item .question .icon .index {
      display: none;
    }
    .faqBlock01-item .question h2 {
      font-size: 20px;
      font-weight: bold;
    }
    .faqBlock01-item .question .arrow {
      position: absolute;
      top: 50%;
      right: 2%;
      transform: translateY(-60%);
      width: 16px;
      height: 16px;
    }
    .faqBlock01-item .question .arrow::after {
      content: "";
      position: absolute;
      width: 100%;
      height: 100%;
      border-top: 2px solid #000000;
      border-right: 2px solid #000000;
      transform-origin: center;
      transform: translateX(0%) translateY(0%) rotate(135deg);
      transition: 0.3s;
    }
    .faqBlock01-item .question .arrow.open::after {
      transform: translateX(0%) translateY(0%) rotate(-45deg);
    }
    .faqBlock01-item .answer {
      display: flex;
      gap: 2%;
      cursor: pointer;
      overflow: hidden;
      transition: 0.3s ease-in-out;
      max-height: 0;
    }
    .faqBlock01-item .answer.open {
      max-height: 1000px;
      padding: 0 0 2%;
    }
    .faqBlock01-item .answer .icon {
      width: 32px;
      height: 32px;
      aspect-ratio: 1 / 1;
      font-size: 20px;
      display: flex;
      justify-content: center;
      align-items: center;
      box-sizing: border-box;
    }
    .faqBlock01-item .answer .icon .a {
      font-weight: bold;
    }
    .faqBlock01-item .answer p {
      font-size: 16px;
      padding: 4px 0 0;
      width: fit-content;
    }
    .adminTemplate .faqBlock01-item {
      border: none;
      border-top-width: 1px;
      border-top-style: solid;
    }
    .adminTemplate .faqBlock01-item:last-of-type {
      border-bottom-width: 1px;
      border-bottom-style: solid;
    }
    .adminTemplate .faqBlock01-item .question {
      display: flex;
      gap: 2%;
      cursor: pointer;
      padding: 2% 0;
      position: relative;
    }
    .adminTemplate .faqBlock01-item .question .icon {
      width: 1vw;
      height: 1vw;
      border-radius: 50%;
      font-size: 0.6vw;
      display: flex;
      justify-content: center;
      align-items: center;
      background-color: inherit !important;
      color: inherit !important;
    }
    .adminTemplate .faqBlock01-item .question .icon .q {
      font-weight: bold;
    }
    .adminTemplate .faqBlock01-item .question .icon .index {
      display: none;
    }
    .adminTemplate .faqBlock01-item .question h2 {
      font-size: 0.6vw;
      font-weight: bold;
    }
    .adminTemplate .faqBlock01-item .question .arrow {
      position: absolute;
      top: 50%;
      right: 2%;
      transform: translateY(-60%);
      width: 0.5vw;
      height: 0.5vw;
    }
    .adminTemplate .faqBlock01-item .question .arrow::after {
      content: "";
      position: absolute;
      width: 100%;
      height: 100%;
      border-top: 1px solid #000000;
      border-right: 1px solid #000000;
      transform-origin: center;
      transform: translateX(0%) translateY(0%) rotate(135deg);
      transition: 0.3s;
    }
    .adminTemplate .faqBlock01-item .question .arrow.open::after {
      transform: translateX(0%) translateY(0%) rotate(-45deg);
    }
    .adminTemplate .faqBlock01-item .answer {
      display: flex;
      gap: 2%;
      cursor: pointer;
      overflow: hidden;
      transition: 0.3s ease-in-out;
      max-height: 0;
    }
    .adminTemplate .faqBlock01-item .answer.open {
      max-height: 1000px;
      padding: 0 0 2%;
    }
    .adminTemplate .faqBlock01-item .answer .icon {
      width: 1vw;
      height: 0.8vw;
      font-size: 0.6vw;
      display: flex;
      justify-content: center;
      align-items: center;
    }
    .adminTemplate .faqBlock01-item .answer .icon .a {
      font-weight: bold;
    }
    .adminTemplate .faqBlock01-item .answer p {
      font-size: 0.6vw;
      padding: 0;
      width: fit-content;
    }
  }