br.br-sp {
  display: none;
}

br.br-pc {
  display: inline;
}

@media screen and (max-width: 767px) {
  br.br-sp {
    display: inline;
  }
  br.br-pc {
    display: none;
  }
  html:not(.responsive) {
    min-width: 100% !important;
  }
  body {
    min-width: 100% !important;
    font-size: 14px;
    line-height: 28px;
  }
  img {
    max-width: 100%;
    height: auto;
  }
  .wrap {
    width: auto !important;
    padding: 0 2%;
  }
  main {
    overflow-x: hidden;
  }
}
@media screen and (max-width: 767px) {
  header {
    padding-bottom: 0;
    padding-top: 76px;
    background: none;
  }
  header::after {
    display: none;
  }
  header::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 76px;
    background: url(../img/shared/footer-bg.jpg) repeat center top;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.26);
    z-index: 9998;
  }
  .header-belt {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 76px;
    background: url(../img/shared/footer-bg.jpg) repeat center top;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.26);
    z-index: 9999;
  }
  header h1 {
    position: fixed;
    top: 6px;
    left: 0;
    right: 0;
    font-size: 10px;
    line-height: 14px;
    text-align: right;
    margin: 0;
    padding: 0;
    color: #fff;
    z-index: 10000;
  }
  header aside {
    position: static;
    width: auto;
  }
  header aside .logo {
    position: fixed;
    top: 0;
    left: 10px;
    width: 170px;
    height: 76px;
    margin: 0;
    display: flex;
    align-items: center;
    z-index: 10000;
  }
  header aside .logo a {
    display: block;
    width: 100%;
    height: 64px;
    background: url(../img/shared/logo_sp.png) no-repeat left center/contain;
  }
  header aside .logo img {
    width: 100%;
    height: 100%;
    margin: 0;
    opacity: 0;
  }
  header .tel {
    display: none;
  }
  header .deco {
    display: none;
  }
  #key {
    margin-top: 0;
    min-height: auto;
    background-size: cover;
    background-position: center center;
  }
  #key h2 {
    position: static;
    text-align: center;
    padding: 10px 0;
  }
  #key h2 img {
    max-width: 80%;
    height: auto;
  }
  header nav.nav-fl {
    display: none;
  }
}
@font-face {
  font-family: "fontello";
  src: url("../../sp/shared/font/fontello.woff2") format("woff2"), url("../../sp/shared/font/fontello.woff") format("woff"), url("../../sp/shared/font/fontello.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
.hamburger-btn {
  display: none;
}
@media screen and (max-width: 767px) {
  .hamburger-btn {
    display: block;
    position: fixed;
    top: 28px;
    right: 5px;
    width: 50px;
    height: 40px;
    cursor: pointer;
    z-index: 10000;
    background: none;
    border: none;
    padding: 0;
    transform: none;
  }
  .hamburger-btn span {
    display: block;
    width: 28px;
    height: 3px;
    background: #fff;
    margin: 0 auto 6px;
    transition: all 0.3s ease;
    border-radius: 2px;
  }
  .hamburger-btn span:last-child {
    margin-bottom: 0;
  }
  .hamburger-btn.is-active span:nth-child(1) {
    transform: translateY(9px) rotate(45deg);
  }
  .hamburger-btn.is-active span:nth-child(2) {
    opacity: 0;
  }
  .hamburger-btn.is-active span:nth-child(3) {
    transform: translateY(-9px) rotate(-45deg);
  }
}

.sp-nav {
  display: none;
}
@media screen and (max-width: 767px) {
  .sp-nav {
    display: block;
    position: fixed;
    top: 0;
    right: -100%;
    width: 100%;
    height: calc(100vh - 76px);
    margin-top: 76px;
    background: url(../img/shared/footer-bg.jpg) repeat center top;
    padding-top: 0;
    z-index: 9999;
    overflow-y: auto;
    transition: right 0.3s ease;
  }
  .sp-nav.is-open {
    right: 0;
  }
  .sp-nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .sp-nav li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  }
  .sp-nav a {
    display: block;
    padding: 15px 20px;
    color: #fff;
    text-decoration: none;
    font-size: 15px;
    line-height: 1.4;
    position: relative;
  }
  .sp-nav a::after {
    content: "\f105";
    font-family: "fontello";
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
  }
  .sp-nav a:hover {
    background: rgba(255, 255, 255, 0.1);
    text-decoration: none;
  }
  .sp-nav .close-btn {
    display: block;
    width: 100%;
    padding: 15px 0;
    background: #000;
    color: #fff;
    text-align: center;
    font-size: 18px;
    cursor: pointer;
    letter-spacing: 0.1em;
  }
  .sp-nav .close-btn span {
    font-size: 24px;
    margin-left: 5px;
  }
}

@media screen and (max-width: 767px) {
  body.nav-open {
    overflow: hidden;
    height: 100vh;
  }
}

.header-map-btn {
  display: none;
}
@media screen and (max-width: 767px) {
  .header-map-btn {
    display: block;
    position: fixed;
    top: 38px;
    right: 66px;
    z-index: 10000;
    transform: none;
  }
  .header-map-btn a {
    display: block;
    color: #fff;
    font-size: 24px;
    text-decoration: none;
  }
  .header-map-btn i {
    display: block;
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    line-height: 1;
  }
  .header-map-btn .icon-location-1::before {
    content: "\e80c";
  }
}

@media screen and (max-width: 767px) {
  footer {
    padding-top: 30px;
    padding-bottom: 67px;
    font-size: 13px;
    line-height: 19px;
    color: #fff;
    background: url(../img/shared/footer-bg.jpg) repeat center top;
  }
  footer .wrap.clearfix {
    display: flex;
    justify-content: space-between;
    gap: 2%;
    padding: 0 2%;
  }
  footer .col {
    width: 50%;
    float: none;
    padding: 0;
    margin-bottom: 0;
  }
  footer .col:nth-of-type(1)::before {
    display: none;
  }
  footer .logo {
    position: relative;
    width: 100%;
    max-width: none;
    margin: 0 0 15px;
    text-align: center;
    line-height: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  footer .logo::before {
    content: "";
    display: block;
    width: 100%;
    height: 90px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }
  footer .logo img {
    max-width: none;
    width: 100% !important;
    height: auto;
    opacity: 0;
    display: none;
  }
  footer .col:first-child .logo::before {
    background-image: url(../img/shared/logo1_sp.png);
  }
  footer .col:last-child .logo::before {
    background-image: url(../img/shared/logo2_sp.png);
  }
  footer .logo::after {
    content: "";
    display: block;
    width: 100%;
    margin: 10px auto 0;
    background: url(../../sp/shared/img/shared/btn_01.jpg) no-repeat center/contain;
    aspect-ratio: 375/90;
  }
  footer > .wrap.clearfix > .col > dl {
    display: none;
  }
  footer .col dl {
    font-size: 13px;
    line-height: 22px;
    margin-top: 10px;
    color: #fff;
    text-align: center;
  }
  footer .col dl dt {
    width: auto;
    font-weight: bold;
    text-align: center;
  }
  footer .col dl dd {
    margin-left: 0;
    text-align: center;
  }
  footer .col .clearfix {
    display: block;
  }
  footer .tel {
    margin: 0 auto 15px;
    text-align: center;
  }
  footer .tel img {
    max-width: 300px;
    width: 80%;
    height: auto;
  }
  footer .txt {
    font-size: 13px;
    line-height: 20px;
    margin-bottom: 15px;
    padding: 0 3%;
    color: #fff;
    text-align: center;
  }
  footer nav.nav-inline {
    display: none;
    padding-top: 15px;
    font-size: 12px;
    color: #fff;
  }
  footer nav.nav-inline ul {
    flex-wrap: wrap;
    justify-content: center;
    gap: 5px;
  }
  footer nav.nav-inline li + li::before {
    margin: 0 5px;
  }
  #socialbuttons {
    margin-top: 15px;
  }
  address {
    padding: 15px 0 20px;
    font-size: 10px;
    color: #fff;
  }
  #pagetop {
    opacity: 0;
    transform: translateY(6px);
    transition: opacity 0.3s ease, transform 0.3s ease;
    pointer-events: none;
  }
  #pagetop.visible {
    bottom: 57px !important;
    right: 0 !important;
    z-index: 9999 !important;
    opacity: 0;
    transform: translateY(6px);
    pointer-events: none;
  }
  #pagetop.visible img {
    width: 75px;
    height: 75px;
  }
}
.sp-footer-bar {
  display: none;
}
@media screen and (max-width: 767px) {
  .sp-footer-bar {
    display: block;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: 67px;
    background: url(../img/shared/footer-bg.jpg) repeat center top;
    border: 3px solid #7b520b;
    z-index: 9998;
    opacity: 0;
    transform: translateY(8px);
    transition: opacity 0.3s ease, transform 0.3s ease;
    pointer-events: none;
  }
  .sp-footer-bar .inner {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 0;
  }
  .sp-footer-bar .tel-link {
    display: block;
    color: #fff;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    font-size: 10px;
    line-height: 1.7;
  }
  .sp-footer-bar .tel-link .icon {
    font-size: 18px;
    margin-right: 5px;
  }
  .sp-footer-bar .tel-link .icon img {
    filter: brightness(0) invert(1);
  }
  .sp-footer-bar .tel-link .number {
    font-size: 18px;
    letter-spacing: 1px;
  }
}

@media screen and (max-width: 767px) {
  body.sp-footer-visible #pagetop {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
  }
  body.sp-footer-visible .sp-footer-bar {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
  }
}

@media screen and (max-width: 767px) {
  body.home #key, body.front-page #key {
    width: 100%;
    aspect-ratio: 750/760;
    background: url(../../sp/shared/img/index/kv.jpg) no-repeat center top;
    background-size: cover;
  }
  body.home #key h2, body.front-page #key h2 {
    display: none;
  }
  body.home #staff,
  body.home #instagram, body.front-page #staff,
  body.front-page #instagram {
    display: none;
  }
  body.home #sec1, body.front-page #sec1 {
    padding-bottom: 10px;
    margin-bottom: -13%;
    position: relative;
    z-index: 1;
    background: url(../../sp/shared/img/index/s1_bgtxt.png) no-repeat right top;
    background-size: 100%;
  }
  body.home #sec1 .wrap, body.front-page #sec1 .wrap {
    padding: 30px 2% 20px;
  }
  body.home #sec1 h2, body.front-page #sec1 h2 {
    position: static;
    width: 100%;
    max-width: 650px;
    margin: 0 auto 10px;
    background: url(../../sp/shared/img/index/s1_h2.png) no-repeat center/contain;
    aspect-ratio: 650/238;
    height: auto !important;
  }
  body.home #sec1 h2 img, body.front-page #sec1 h2 img {
    display: none !important;
    opacity: 0;
    height: auto;
  }
  body.home #sec1 .text p, body.front-page #sec1 .text p {
    font-size: 14px;
    line-height: 1.8;
    margin-bottom: 10px;
  }
  body.home #sec1 .text, body.front-page #sec1 .text {
    padding-top: 0;
    margin-left: 0;
  }
  body.home #sec1 .text p, body.front-page #sec1 .text p {
    margin-top: 0;
  }
  body.home #sec1 .button, body.front-page #sec1 .button {
    margin: 10px 0 0;
    text-align: center;
  }
  body.home #sec1 .button a, body.front-page #sec1 .button a {
    display: block;
    width: 100%;
    background: url(../../sp/shared/img/index/s1_btn.jpg) no-repeat center/contain;
    aspect-ratio: 750/90;
  }
  body.home #sec1 .button img, body.front-page #sec1 .button img {
    opacity: 0;
  }
  body.home #sec1 .bnr,
  body.home #sec1 .sub, body.front-page #sec1 .bnr,
  body.front-page #sec1 .sub {
    display: none;
  }
  body.home #sec1::after, body.front-page #sec1::after {
    content: "";
    display: block;
    width: 100%;
    background: url(../../sp/shared/img/index/s1_img.png) no-repeat center/contain;
    aspect-ratio: 750/610;
    margin-top: 10px;
  }
  body.home #sec2, body.front-page #sec2 {
    padding-top: 10px;
    padding-bottom: 0;
  }
  body.home #sec2::before, body.front-page #sec2::before {
    content: "";
    display: block;
    width: 100%;
    position: static;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    background: url(../../sp/shared/img/index/s2_h2.png) no-repeat center/contain;
    aspect-ratio: 750/369;
    margin: 0 auto 15px;
  }
  body.home #sec2 .row1,
  body.home #sec2 .row2,
  body.home #sec2 .row3, body.front-page #sec2 .row1,
  body.front-page #sec2 .row2,
  body.front-page #sec2 .row3 {
    padding: 0 4% 15px;
    position: static;
    margin-top: 0;
  }
  body.home #sec2 .row1, body.front-page #sec2 .row1 {
    padding-top: 0;
  }
  body.home #sec2 .row1 h3,
  body.home #sec2 .row2 h3,
  body.home #sec2 .row3 h3,
  body.home #sec2 .row1 .content,
  body.home #sec2 .row2 .content,
  body.home #sec2 .row3 .content, body.front-page #sec2 .row1 h3,
  body.front-page #sec2 .row2 h3,
  body.front-page #sec2 .row3 h3,
  body.front-page #sec2 .row1 .content,
  body.front-page #sec2 .row2 .content,
  body.front-page #sec2 .row3 .content {
    display: none;
  }
  body.home #sec2 .row1 .bnr,
  body.home #sec2 .row2 .bnr,
  body.home #sec2 .row3 .bnr, body.front-page #sec2 .row1 .bnr,
  body.front-page #sec2 .row2 .bnr,
  body.front-page #sec2 .row3 .bnr {
    position: static;
    height: auto;
    margin: 0;
    background: none;
  }
  body.home #sec2 .row1 .bnr,
  body.home #sec2 .row2 .bnr,
  body.home #sec2 .row3 .bnr, body.front-page #sec2 .row1 .bnr,
  body.front-page #sec2 .row2 .bnr,
  body.front-page #sec2 .row3 .bnr {
    margin: 0;
  }
  body.home #sec2 .row1 .bnr span,
  body.home #sec2 .row2 .bnr span,
  body.home #sec2 .row3 .bnr span, body.front-page #sec2 .row1 .bnr span,
  body.front-page #sec2 .row2 .bnr span,
  body.front-page #sec2 .row3 .bnr span {
    display: none;
  }
  body.home #sec2 .row1 .bnr a,
  body.home #sec2 .row2 .bnr a,
  body.home #sec2 .row3 .bnr a, body.front-page #sec2 .row1 .bnr a,
  body.front-page #sec2 .row2 .bnr a,
  body.front-page #sec2 .row3 .bnr a {
    display: block;
    width: 100%;
    position: static;
  }
  body.home #sec2 .row1 .bnr a, body.front-page #sec2 .row1 .bnr a {
    background: url(../../sp/shared/img/index/s2_bnr1.png) no-repeat center/contain;
    aspect-ratio: 750/487;
  }
  body.home #sec2 .row2 .bnr a, body.front-page #sec2 .row2 .bnr a {
    background: url(../../sp/shared/img/index/s2_bnr2.png) no-repeat center/contain;
    aspect-ratio: 750/460;
  }
  body.home #sec2 .row3 .bnr a, body.front-page #sec2 .row3 .bnr a {
    background: url(../../sp/shared/img/index/s2_bnr3.png) no-repeat center/contain;
    aspect-ratio: 750/454;
  }
  body.home #sec3 .slide, body.front-page #sec3 .slide {
    display: none;
  }
  body.home #sec3, body.front-page #sec3 {
    background: url(../../sp/shared/img/index/s3_bg.jpg) no-repeat center/cover;
    padding: 20px 0 30px;
  }
  body.home #sec3 h2, body.front-page #sec3 h2 {
    width: 100%;
    max-width: 750px;
    margin: 0 auto 10px;
    padding-top: 10px;
    background: url(../../sp/shared/img/index/s3_h2.png) no-repeat center/contain;
    aspect-ratio: 750/462;
  }
  body.home #sec3 h2 img, body.front-page #sec3 h2 img {
    opacity: 0;
  }
  body.home #sec3 .text,
  body.home #sec3 .sub, body.front-page #sec3 .text,
  body.front-page #sec3 .sub {
    display: none;
  }
  body.home #sec3 .button a, body.front-page #sec3 .button a {
    display: block;
    width: 100%;
    background: url(../../sp/shared/img/index/s3_btn.jpg) no-repeat center/contain;
    aspect-ratio: 750/90;
  }
  body.home #sec3 .button img, body.front-page #sec3 .button img {
    opacity: 0;
  }
  body.home #sec4 .wrap, body.front-page #sec4 .wrap {
    padding: 0 4% 10px;
    height: auto;
  }
  body.home #sec4, body.front-page #sec4 {
    padding: 20px 0;
  }
  body.home #sec4 .rss, body.front-page #sec4 .rss {
    background: #fff;
    border: 2px solid #d7d7d7;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
    padding: 20px 12px;
    margin-bottom: 15px;
  }
  body.home #sec4 .rss h3, body.front-page #sec4 .rss h3 {
    width: 100%;
    max-width: 600px;
    margin: 0 auto 15px;
    background: url(../../sp/shared/img/index/s4_h2_1.png) no-repeat center/contain;
    aspect-ratio: 600/103;
    color: transparent;
  }
  body.home #sec4 .front-blog__list, body.front-page #sec4 .front-blog__list {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
  body.home #sec4 .front-blog__item, body.front-page #sec4 .front-blog__item {
    margin-bottom: 10px;
    background: #fff;
    border: 1px solid #e6e6e6;
    padding: 15px 10px;
    text-align: center;
    width: 100%;
  }
  body.home #sec4 .front-blog__thumb img, body.front-page #sec4 .front-blog__thumb img {
    width: 100%;
    height: auto;
  }
  body.home #sec4 .front-blog__body h3, body.front-page #sec4 .front-blog__body h3 {
    font-size: 12px;
    line-height: 1.4;
    margin: 8px 0;
  }
  body.home #sec4 .front-blog__body p, body.front-page #sec4 .front-blog__body p {
    font-size: 11px;
    line-height: 1.5;
    text-align: left;
  }
  body.home #sec4 .front-blog__item:nth-child(n+2), body.front-page #sec4 .front-blog__item:nth-child(n+2) {
    display: none;
  }
  body.home #sec4 .front-blog__more, body.front-page #sec4 .front-blog__more {
    display: none;
  }
  body.home #sec4 .row, body.front-page #sec4 .row {
    display: block;
    margin-top: 10px;
    padding: 0;
    background-color: transparent;
  }
  body.home #sec4 .row .left,
  body.home #sec4 .row .right, body.front-page #sec4 .row .left,
  body.front-page #sec4 .row .right {
    width: 100%;
    float: none;
  }
  body.home #sec4 .row .left, body.front-page #sec4 .row .left {
    background: #fff;
    border: none;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
    padding: 20px 12px 20px 12px;
    text-align: center;
    margin: 0 auto 15px;
    width: 100%;
    float: none;
    box-sizing: border-box;
  }
  body.home #sec4 .row .left .tel a, body.front-page #sec4 .row .left .tel a {
    display: block;
    width: 100%;
    background: none;
  }
  body.home #sec4 .row .left .tel img, body.front-page #sec4 .row .left .tel img {
    display: block;
    width: 100%;
    height: auto;
    opacity: 1;
  }
  body.home #sec4 .row .left .txt,
  body.home #sec4 .row .left .text, body.front-page #sec4 .row .left .txt,
  body.front-page #sec4 .row .left .text {
    font-size: 12px;
    line-height: 1.6;
    margin: 10px 0;
    text-align: center;
  }
  body.home #sec4 .row .left .button a, body.front-page #sec4 .row .left .button a {
    display: block;
    width: 100%;
    background: url(../../sp/shared/img/index/s4_btn.jpg) no-repeat center/contain;
    aspect-ratio: 750/90;
  }
  body.home #sec4 .row .left .button img, body.front-page #sec4 .row .left .button img {
    opacity: 0;
  }
  body.home #sec4 .row .right p, body.front-page #sec4 .row .right p {
    margin: 10px 0 0;
    background: url(../../sp/shared/img/index/s4_line.png) no-repeat center/contain;
    aspect-ratio: 373/230;
  }
  body.home #sec4 .row .right img, body.front-page #sec4 .row .right img {
    opacity: 0;
  }
  body.home #sec4 .row .right, body.front-page #sec4 .row .right {
    background: #fff;
    border: none;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
    padding: 20px 12px;
    text-align: center;
    margin: 0 auto 20px;
    width: 100%;
    float: none;
    box-sizing: border-box;
    position: relative;
  }
  body.home #sec4 .row .right::before, body.front-page #sec4 .row .right::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: -7px;
    left: 7px;
    background: rgba(0, 0, 0, 0.25);
    z-index: -1;
  }
  body.home #sec4, body.front-page #sec4 {
    margin-bottom: 0;
    padding-bottom: 0;
  }
}
@media screen and (max-width: 767px) {
  body.home #staff {
    display: block;
  }
}
body.page-id-15 p.deco,
body.page-template-default.page-id-15 p.deco {
  display: none;
}

@media screen and (max-width: 767px) {
  body.page-id-15 p.deco,
  body.page-template-default.page-id-15 p.deco {
    display: block;
  }
  body.page-id-15 #key,
  body.page-template-default.page-id-15 #key {
    width: 100%;
    aspect-ratio: 750/760;
    background: url(../../sp/shared/img/menu/kv.jpg) no-repeat center/cover;
    position: relative;
    min-height: 0;
    height: auto;
  }
  body.page-id-15 #key h2,
  body.page-template-default.page-id-15 #key h2 {
    display: none;
  }
  body.page-id-15 #key::after,
  body.page-template-default.page-id-15 #key::after {
    display: none;
  }
  body.page-id-15 #sec1,
  body.page-template-default.page-id-15 #sec1 {
    padding-top: 20px;
    padding-bottom: 0;
  }
  body.page-id-15 #sec1 .text,
  body.page-template-default.page-id-15 #sec1 .text {
    text-align: left;
    padding: 0 2%;
  }
  body.page-id-15 #sec2,
  body.page-template-default.page-id-15 #sec2 {
    background-size: 100% auto;
    min-height: 0;
  }
  body.page-id-15 #sec2 h2,
  body.page-template-default.page-id-15 #sec2 h2 {
    padding-top: 0;
    margin-left: 8px;
    width: 160px;
    margin-bottom: 0;
  }
  body.page-id-15 #sec3,
  body.page-template-default.page-id-15 #sec3 {
    padding-bottom: 45px;
  }
  body.page-id-15 #sec3 .text,
  body.page-template-default.page-id-15 #sec3 .text {
    padding-top: 0;
    font-weight: 500;
    margin-bottom: 0;
  }
  body.page-id-15 #sec3 .pic,
  body.page-template-default.page-id-15 #sec3 .pic {
    margin: 0;
  }
  body.page-id-15 #sec4 .row1,
  body.page-template-default.page-id-15 #sec4 .row1 {
    position: relative;
  }
  body.page-id-15 #sec4 .row1 .pic1,
  body.page-template-default.page-id-15 #sec4 .row1 .pic1 {
    margin: 0;
    width: 80%;
    z-index: 2;
    position: relative;
  }
  body.page-id-15 #sec4 .row1 .pic1 img,
  body.page-template-default.page-id-15 #sec4 .row1 .pic1 img {
    width: 100%;
    height: auto;
    display: block;
  }
  body.page-id-15 #sec4 .row1 .content,
  body.page-template-default.page-id-15 #sec4 .row1 .content {
    position: static;
    right: auto;
    top: auto;
    width: 100%;
    z-index: 2;
    float: none;
    margin: 0 auto;
    text-align: center;
    display: flex;
    justify-content: center;
    position: static;
  }
  body.page-id-15 #sec4 .row1 .content dl,
  body.page-template-default.page-id-15 #sec4 .row1 .content dl {
    padding-top: 0;
  }
  body.page-id-15 #sec4 .content dd,
  body.page-template-default.page-id-15 #sec4 .content dd {
    margin-left: 0;
  }
  body.page-id-15 #sec4 .row1 .content .pic2,
  body.page-template-default.page-id-15 #sec4 .row1 .content .pic2 {
    margin: 0;
  }
  body.page-id-15 #sec4 .row1 .content .pic2.wow.fadeInRight,
  body.page-template-default.page-id-15 #sec4 .row1 .content .pic2.wow.fadeInRight {
    position: absolute;
    top: 80px;
    right: 0;
    width: 35%;
  }
  body.page-id-15 #sec4 .row1 .content .pic2 img,
  body.page-template-default.page-id-15 #sec4 .row1 .content .pic2 img {
    width: 100%;
    height: auto;
    display: block;
  }
  body.page-id-15 #sec4 .row2,
  body.page-template-default.page-id-15 #sec4 .row2 {
    margin-top: 0;
    position: relative;
  }
  body.page-id-15 #sec4 .row2 .pic1,
  body.page-id-15 #sec4 .row2 .content,
  body.page-id-15 #sec4 .row2 .content .pic2,
  body.page-template-default.page-id-15 #sec4 .row2 .pic1,
  body.page-template-default.page-id-15 #sec4 .row2 .content,
  body.page-template-default.page-id-15 #sec4 .row2 .content .pic2 {
    position: static;
    float: none;
    margin: 0;
    width: auto;
  }
  body.page-id-15 #sec4 .row2 .pic1,
  body.page-template-default.page-id-15 #sec4 .row2 .pic1 {
    width: 80%;
    z-index: 2;
    position: relative;
    margin-left: auto;
  }
  body.page-id-15 #sec4 .row2 .content,
  body.page-template-default.page-id-15 #sec4 .row2 .content {
    display: flex;
    justify-content: center;
    width: 100%;
    text-align: center;
  }
  body.page-id-15 #sec4 .row2 .content dl dd,
  body.page-template-default.page-id-15 #sec4 .row2 .content dl dd {
    margin-right: 0;
  }
  body.page-id-15 #sec4 .wrap,
  body.page-template-default.page-id-15 #sec4 .wrap {
    height: auto;
  }
  body.page-id-15 #sec4,
  body.page-template-default.page-id-15 #sec4 {
    padding-bottom: 0;
  }
  body.page-id-15 #sec5 .row1,
  body.page-template-default.page-id-15 #sec5 .row1 {
    position: inherit;
    display: flex;
    flex-direction: column;
  }
  body.page-id-15 #sec5 .row1 .pic,
  body.page-template-default.page-id-15 #sec5 .row1 .pic {
    order: 1;
  }
  body.page-id-15 #sec5 .row1 dl,
  body.page-template-default.page-id-15 #sec5 .row1 dl {
    order: 2;
    position: inherit;
    padding: 24px 10px;
    width: auto;
  }
  body.page-id-15 #sec5 > div > div.row1 > dl > dd,
  body.page-template-default.page-id-15 #sec5 > div > div.row1 > dl > dd {
    margin-inline: 0;
  }
  body.page-id-15 #sec5 .row1 .txt2,
  body.page-template-default.page-id-15 #sec5 .row1 .txt2 {
    order: 3;
    position: inherit;
    text-align: center;
  }
  body.page-id-15 #sec5 .row2,
  body.page-template-default.page-id-15 #sec5 .row2 {
    display: flex;
    flex-direction: column;
    margin-top: 0;
  }
  body.page-id-15 #sec5 .row2 .pic,
  body.page-template-default.page-id-15 #sec5 .row2 .pic {
    order: 1;
    position: initial;
  }
  body.page-id-15 #sec5 .row2 .text,
  body.page-template-default.page-id-15 #sec5 .row2 .text {
    order: 2;
    width: auto;
    float: none;
    margin: 0;
    padding: 0;
  }
  body.page-id-15 #sec5 .row2 .text p,
  body.page-template-default.page-id-15 #sec5 .row2 .text p {
    margin-top: 0;
  }
  body.page-id-15 #sec5 .row2 .box,
  body.page-template-default.page-id-15 #sec5 .row2 .box {
    order: 3;
    width: auto;
    float: none;
    margin-left: 0;
    padding: 20px;
  }
  body.page-id-15 #sec5 .row2 .box h4,
  body.page-template-default.page-id-15 #sec5 .row2 .box h4 {
    font-size: 5.8vw;
    text-align: center;
  }
  body.page-id-15 #sec5,
  body.page-template-default.page-id-15 #sec5 {
    padding-bottom: 20px;
  }
  body.page-id-15 #sec5 .wrap,
  body.page-template-default.page-id-15 #sec5 .wrap {
    height: auto;
  }
  body.page-id-15 #sec5 .row3 .deco,
  body.page-template-default.page-id-15 #sec5 .row3 .deco {
    top: 0;
    right: 0;
  }
  body.page-id-15 #sec5 .row3 .deco img,
  body.page-template-default.page-id-15 #sec5 .row3 .deco img {
    width: 55%;
    display: block;
    margin-left: auto;
  }
  body.page-id-15 #sec5 .row3 .pic,
  body.page-template-default.page-id-15 #sec5 .row3 .pic {
    padding-top: 20px;
    margin-left: 0;
    float: none;
    margin-right: 0;
  }
  body.page-id-15 #sec5 .row3 .pic img,
  body.page-template-default.page-id-15 #sec5 .row3 .pic img {
    width: 65%;
    display: block;
    margin: 0 auto;
  }
  body.page-id-15 #sec5 .row3 .box,
  body.page-template-default.page-id-15 #sec5 .row3 .box {
    width: auto;
    float: none;
    margin-right: 0;
    margin-top: 0;
    padding: 30px 20px 20px;
  }
  body.page-id-15 #sec5 .row3 .box,
  body.page-template-default.page-id-15 #sec5 .row3 .box {
    margin-top: -55px;
    padding: 50px 20px 20px;
  }
  body.page-id-15 #sec5 .row3 .box dd:nth-of-type(2),
  body.page-template-default.page-id-15 #sec5 .row3 .box dd:nth-of-type(2) {
    margin-left: 0;
  }
  body.page-id-15 #sec5 .row3 .box .price,
  body.page-template-default.page-id-15 #sec5 .row3 .box .price {
    margin-bottom: 15px;
    padding-top: 0;
  }
  body.page-id-15 #sec5 .row3 .box dt,
  body.page-template-default.page-id-15 #sec5 .row3 .box dt {
    font-size: 7vw;
  }
  body.page-id-15 #sec6,
  body.page-template-default.page-id-15 #sec6 {
    margin-left: 0;
    padding-bottom: 0;
    height: auto;
  }
  body.page-id-15 #sec6 .pic,
  body.page-template-default.page-id-15 #sec6 .pic {
    margin-left: 0;
    order: 1;
  }
  body.page-id-15 #sec6 .pic img,
  body.page-template-default.page-id-15 #sec6 .pic img {
    content: url(../img/menu/s6_h2.png);
    width: 100%;
    height: auto;
    display: block;
  }
  body.page-id-15 #sec6 dl,
  body.page-template-default.page-id-15 #sec6 dl {
    position: initial;
    order: 2;
  }
  body.page-id-15 #sec6 > div > dl > dd,
  body.page-template-default.page-id-15 #sec6 > div > dl > dd {
    margin-inline: 0;
  }
  body.page-id-15 #sec6 .bnr,
  body.page-template-default.page-id-15 #sec6 .bnr {
    margin-top: 0;
    order: 3;
    position: relative;
  }
  body.page-id-15 #sec6 .bnr a,
  body.page-template-default.page-id-15 #sec6 .bnr a {
    position: initial;
    display: block;
  }
  body.page-id-15 #sec6 .bnr .img,
  body.page-template-default.page-id-15 #sec6 .bnr .img {
    position: initial;
  }
  body.page-id-15 #sec6 > div,
  body.page-template-default.page-id-15 #sec6 > div {
    display: flex;
    flex-direction: column;
  }
  body.page-id-15 #sec6 > div > div > a > p.img > img,
  body.page-template-default.page-id-15 #sec6 > div > div > a > p.img > img {
    position: absolute;
    bottom: 18px;
    left: 0;
    right: 0;
    margin: 0 auto;
  }
  body.page-id-15 #sec6 > div > div > a > p.text > img,
  body.page-template-default.page-id-15 #sec6 > div > div > a > p.text > img {
    width: 123%;
    max-width: unset;
  }
  body.page-id-15 body.page-id-15 #sec6 > div > div > a > p.img > img,
  body.page-id-15 body.page-template-default.page-id-15 #sec6 > div > div > a > p.img > img,
  body.page-template-default.page-id-15 body.page-id-15 #sec6 > div > div > a > p.img > img,
  body.page-template-default.page-id-15 body.page-template-default.page-id-15 #sec6 > div > div > a > p.img > img {
    bottom: 27px;
  }
  body.page-id-15 #sec6 .bnr .text,
  body.page-id-15 #sec6 .bnr .img,
  body.page-template-default.page-id-15 #sec6 .bnr .text,
  body.page-template-default.page-id-15 #sec6 .bnr .img {
    position: relative;
  }
  body.page-id-15 #sec6 .bnr .text,
  body.page-template-default.page-id-15 #sec6 .bnr .text {
    z-index: 2;
  }
  body.page-id-15 #sec6 .bnr .img,
  body.page-template-default.page-id-15 #sec6 .bnr .img {
    z-index: 1;
  }
  body.page-id-15 #sec8,
  body.page-template-default.page-id-15 #sec8 {
    padding-bottom: 15px;
  }
  body.page-id-15 #sec8 .slide,
  body.page-template-default.page-id-15 #sec8 .slide {
    margin-right: 0;
  }
  body.page-id-15 #sec8 .slide .pic,
  body.page-template-default.page-id-15 #sec8 .slide .pic {
    float: unset;
    margin-left: 0;
    width: auto;
    padding: 20px 3%;
  }
  body.page-id-15 #sec8 .slide .pic,
  body.page-template-default.page-id-15 #sec8 .slide .pic {
    padding: 0;
  }
  body.page-id-15 #sec8 .slide .content,
  body.page-template-default.page-id-15 #sec8 .slide .content {
    float: unset;
    width: auto;
    margin: -55px 3% 0;
  }
  body.page-id-15 #sec8 > div > a > div > div > div.bx-viewport > ul > li,
  body.page-template-default.page-id-15 #sec8 > div > a > div > div > div.bx-viewport > ul > li {
    width: auto !important;
  }
  body.page-id-15 #sec8 .slide .content:before,
  body.page-template-default.page-id-15 #sec8 .slide .content:before {
    display: none;
  }
  body.page-id-15 #sec8 .slide .content .price,
  body.page-template-default.page-id-15 #sec8 .slide .content .price {
    margin-top: 16px;
  }
  body.page-id-15 #sec8 .slide .content .text,
  body.page-template-default.page-id-15 #sec8 .slide .content .text {
    margin: 0;
  }
  body.page-id-15 #sec8 .slide .content h4,
  body.page-template-default.page-id-15 #sec8 .slide .content h4 {
    font-size: 7vw;
  }
  body.page-id-15 #sec9,
  body.page-template-default.page-id-15 #sec9 {
    height: auto;
    padding-bottom: 0;
  }
  body.page-id-15 #sec9 .clearfix > h2,
  body.page-template-default.page-id-15 #sec9 .clearfix > h2 {
    padding: 0;
  }
  body.page-id-15 #sec9 .col h4,
  body.page-template-default.page-id-15 #sec9 .col h4 {
    margin-top: 0;
  }
  body.page-id-15 #sec9 .col,
  body.page-template-default.page-id-15 #sec9 .col {
    padding-top: 0;
    width: auto;
    float: unset;
  }
  body.page-id-15 #sec9 .col:nth-of-type(2),
  body.page-template-default.page-id-15 #sec9 .col:nth-of-type(2) {
    margin: auto;
  }
  body.page-id-15 #sec9,
  body.page-id-15 .menu,
  body.page-template-default.page-id-15 #sec9,
  body.page-template-default.page-id-15 .menu {
    padding-top: 0;
    padding-bottom: 0;
  }
  body.page-id-15 #sec10,
  body.page-id-15 .menu,
  body.page-template-default.page-id-15 #sec10,
  body.page-template-default.page-id-15 .menu {
    padding-bottom: 0;
  }
  body.page-id-15 #sec10 .wrap,
  body.page-template-default.page-id-15 #sec10 .wrap {
    height: auto;
  }
  body.page-id-15 #sec10 .wrap,
  body.page-id-15 .clearfix,
  body.page-template-default.page-id-15 #sec10 .wrap,
  body.page-template-default.page-id-15 .clearfix {
    width: auto !important;
    padding: 0 2%;
  }
  body.page-id-15 #sec10 h2,
  body.page-template-default.page-id-15 #sec10 h2 {
    padding-top: 0;
  }
  body.page-id-15 #sec10 .menu .col,
  body.page-id-15 #sec10 .col,
  body.page-template-default.page-id-15 #sec10 .menu .col,
  body.page-template-default.page-id-15 #sec10 .col {
    padding-top: 0;
    width: auto;
    float: unset;
  }
  body.page-id-15 #sec10 .menu .col:nth-of-type(2),
  body.page-id-15 #sec10 .col:nth-of-type(2),
  body.page-template-default.page-id-15 #sec10 .menu .col:nth-of-type(2),
  body.page-template-default.page-id-15 #sec10 .col:nth-of-type(2) {
    margin: 0 auto;
  }
  body.page-id-15 #sec8 .slide .bx-viewport,
  body.page-template-default.page-id-15 #sec8 .slide .bx-viewport {
    height: 440px !important;
  }
  body.page-id-15 #sec8 .slide .content,
  body.page-template-default.page-id-15 #sec8 .slide .content {
    padding: 20px 3%;
  }
  body.page-id-15 #sec8 .slide .bx-viewport,
  body.page-template-default.page-id-15 #sec8 .slide .bx-viewport {
    height: 490px !important;
  }
  body.page-id-15 #sec8 .wrap .slide li.clearfix,
  body.page-template-default.page-id-15 #sec8 .wrap .slide li.clearfix {
    padding: 0;
  }
  body.page-id-15 #sec8 .button img,
  body.page-template-default.page-id-15 #sec8 .button img {
    content: url(../img/menu/s7_btn.jpg);
    width: 100%;
    height: auto;
    display: block;
  }
  body.page-id-15 #sec8 .button,
  body.page-template-default.page-id-15 #sec8 .button {
    position: relative;
    z-index: 3;
  }
  body.page-id-15 #sec8 .button a,
  body.page-template-default.page-id-15 #sec8 .button a {
    display: inline-block;
    pointer-events: auto;
    position: relative;
    z-index: 4;
  }
  body.page-id-15 #sec4 .row2 .content .pic2.wow.fadeInLeft,
  body.page-template-default.page-id-15 #sec4 .row2 .content .pic2.wow.fadeInLeft {
    position: absolute;
    top: 80px;
    left: 0;
    width: 35%;
  }
  body.page-id-15 h2.toggle-link,
  body.page-template-default.page-id-15 h2.toggle-link {
    position: relative;
  }
  body.page-id-15 h2.toggle-link::after,
  body.page-template-default.page-id-15 h2.toggle-link::after {
    font-family: "fontello";
    font-style: normal;
    font-weight: 400;
    position: absolute;
    line-height: 20px;
    top: 50%;
    right: 4%;
    margin-top: -13px;
    color: #000;
    content: "\f13a";
    font-size: 13px;
  }
  body.page-id-15 h4.toggle-link,
  body.page-template-default.page-id-15 h4.toggle-link {
    position: relative;
  }
  body.page-id-15 h4.toggle-link::after,
  body.page-template-default.page-id-15 h4.toggle-link::after {
    font-family: "fontello";
    font-style: normal;
    font-weight: 400;
    position: absolute;
    line-height: 20px;
    top: 50%;
    right: 4%;
    margin-top: -10px;
    color: #000;
    content: "\f13a";
    font-size: 13px;
  }
  body.page-id-15 .toggle.active > h2.toggle-link::after,
  body.page-id-15 .toggle.active > h4.toggle-link::after,
  body.page-template-default.page-id-15 .toggle.active > h2.toggle-link::after,
  body.page-template-default.page-id-15 .toggle.active > h4.toggle-link::after {
    content: "\f139";
  }
}
@media screen and (max-width: 767px) {
  body.page-id-9 #key,
  body.page-template-default.page-id-9 #key {
    aspect-ratio: 750/760;
    position: relative;
  }
  body.page-id-9 #key h2,
  body.page-template-default.page-id-9 #key h2 {
    position: absolute;
    right: 12px;
    bottom: 12px;
    padding: 0;
    margin: 0;
    text-align: right;
  }
  body.page-id-9 #key h2 img,
  body.page-template-default.page-id-9 #key h2 img {
    width: 55%;
    max-width: none;
    height: auto;
  }
  body.page-id-9 #sec1,
  body.page-template-default.page-id-9 #sec1 {
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: left;
  }
  body.page-id-9 #sec1 .wrap,
  body.page-template-default.page-id-9 #sec1 .wrap {
    padding: 0 0 10px;
    display: flex;
    flex-direction: column;
  }
  body.page-id-9 #sec1 h2,
  body.page-template-default.page-id-9 #sec1 h2 {
    margin: 0;
    padding: 0 2%;
  }
  body.page-id-9 #sec1 h2 img,
  body.page-template-default.page-id-9 #sec1 h2 img {
    width: 100%;
    height: auto;
    display: block;
  }
  body.page-id-9 #sec1 .txt1,
  body.page-template-default.page-id-9 #sec1 .txt1 {
    margin: 10px 0 0;
    padding: 0 6%;
    text-align: left;
    letter-spacing: 0.5px;
  }
  body.page-id-9 #sec1 .wrap:before,
  body.page-template-default.page-id-9 #sec1 .wrap:before {
    position: static;
    right: auto;
    bottom: auto;
    left: auto;
    top: auto;
    width: 45%;
    height: auto;
    aspect-ratio: 436/393;
    background-size: contain;
    background-position: right bottom;
    background-repeat: no-repeat;
    order: 2;
    margin: 0 auto;
  }
  body.page-id-9 #sec1 .wrap > *,
  body.page-template-default.page-id-9 #sec1 .wrap > * {
    order: 1;
  }
  body.page-id-9 #sec2,
  body.page-template-default.page-id-9 #sec2 {
    background: url(../sp/shared/img/enjoy/s2_deco.png) no-repeat center top/100%;
    padding: 0 0 10px;
  }
  body.page-id-9 #sec2:before,
  body.page-template-default.page-id-9 #sec2:before {
    left: 10px;
    top: 30px;
    width: 50px;
    height: 200px;
    background-size: contain;
  }
  body.page-id-9 #sec2 .wrap:before,
  body.page-template-default.page-id-9 #sec2 .wrap:before {
    left: -32px;
    top: 120px;
    background-size: contain;
    width: 160px;
    height: 300px;
  }
  body.page-id-9 #sec2 .wrap,
  body.page-template-default.page-id-9 #sec2 .wrap {
    padding: 0 3%;
  }
  body.page-id-9 #sec2 h2,
  body.page-template-default.page-id-9 #sec2 h2 {
    margin: 0 -30px 10px;
    padding: 0;
    padding-top: 25px;
  }
  body.page-id-9 #sec2 h2 img,
  body.page-template-default.page-id-9 #sec2 h2 img {
    width: 100%;
    height: auto;
    display: block;
  }
  body.page-id-9 #sec2 .slideParent,
  body.page-template-default.page-id-9 #sec2 .slideParent {
    margin: 0 0 0 130px;
    margin-top: 36px;
    margin-right: -4%;
    position: relative;
  }
  body.page-id-9 #sec2 .slide-fade,
  body.page-template-default.page-id-9 #sec2 .slide-fade {
    position: static;
    width: 100%;
    height: auto;
    display: grid;
    grid-template-rows: auto auto;
    gap: 0;
  }
  body.page-id-9 #sec2 .slide-fade > li,
  body.page-template-default.page-id-9 #sec2 .slide-fade > li {
    position: static !important;
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    width: 100% !important;
    height: auto !important;
    margin-bottom: 0;
  }
  body.page-id-9 #sec2 .slide-fade img,
  body.page-template-default.page-id-9 #sec2 .slide-fade img {
    width: 100%;
    height: auto;
    display: block;
  }
  body.page-id-9 #sec2 .slide-page,
  body.page-template-default.page-id-9 #sec2 .slide-page {
    display: none;
  }
  body.page-id-9 #sec2 .txt1,
  body.page-template-default.page-id-9 #sec2 .txt1 {
    margin: 12px 0 0;
    text-align: left;
  }
  body.page-id-9 #sec2 .box1,
  body.page-template-default.page-id-9 #sec2 .box1 {
    margin-top: 18px;
    padding: 0 3% 20px;
  }
  body.page-id-9 #sec2 .box1 .img1 img,
  body.page-template-default.page-id-9 #sec2 .box1 .img1 img {
    width: 100%;
    height: auto;
    display: block;
  }
  body.page-id-9 #sec2 .box1 h3 img,
  body.page-template-default.page-id-9 #sec2 .box1 h3 img {
    content: url(../img/enjoy/s3_h2_sp.png);
    width: 100%;
    height: auto;
    display: block;
    margin: 10px auto 0;
  }
  body.page-id-9 #sec2 h3,
  body.page-template-default.page-id-9 #sec2 h3 {
    position: inherit;
    right: auto;
  }
  body.page-id-9 #sec2 .box1 .txt2,
  body.page-template-default.page-id-9 #sec2 .box1 .txt2 {
    margin-top: 10px;
    text-align: left;
    margin-inline: auto;
  }
  body.page-id-9 #sec2 .box1 .group,
  body.page-template-default.page-id-9 #sec2 .box1 .group {
    margin-top: 12px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
  }
  body.page-id-9 #sec2 .box1 .group img,
  body.page-template-default.page-id-9 #sec2 .box1 .group img {
    width: 100%;
    height: auto;
    display: block;
  }
  body.page-id-9 #sec2 .box1 .group .btn1,
  body.page-id-9 #sec2 .box1 .group .btn2,
  body.page-template-default.page-id-9 #sec2 .box1 .group .btn1,
  body.page-template-default.page-id-9 #sec2 .box1 .group .btn2 {
    margin: 0;
    width: 100%;
  }
  body.page-id-9 #sec2 .btn2,
  body.page-template-default.page-id-9 #sec2 .btn2 {
    position: initial;
  }
  body.page-id-9 #sec6 .box,
  body.page-id-9 #sec6 .box1,
  body.page-template-default.page-id-9 #sec6 .box,
  body.page-template-default.page-id-9 #sec6 .box1 {
    position: static;
    margin: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
  }
  body.page-id-9 #sec6 .map1,
  body.page-template-default.page-id-9 #sec6 .map1 {
    order: 1;
    display: none;
  }
  body.page-id-9 #sec6 .img1,
  body.page-template-default.page-id-9 #sec6 .img1 {
    order: 2;
  }
  body.page-id-9 #sec6 .txt1,
  body.page-template-default.page-id-9 #sec6 .txt1 {
    order: 3;
    width: auto;
    margin: 0;
    text-align: left;
  }
  body.page-id-9 #sec6 .img2,
  body.page-template-default.page-id-9 #sec6 .img2 {
    order: 4;
  }
  body.page-id-9 #sec6 .box1,
  body.page-template-default.page-id-9 #sec6 .box1 {
    order: 5;
    margin-top: 10px;
  }
  body.page-id-9 #sec6 .box1 .img3,
  body.page-template-default.page-id-9 #sec6 .box1 .img3 {
    order: 6;
  }
  body.page-id-9 #sec6 .box1 .txt2,
  body.page-template-default.page-id-9 #sec6 .box1 .txt2 {
    order: 8;
    width: auto;
    margin: 0;
    text-align: left;
  }
  body.page-id-9 #sec6 .box1 .img4,
  body.page-template-default.page-id-9 #sec6 .box1 .img4 {
    order: 7;
  }
  body.page-id-9 #sec6 .img1,
  body.page-id-9 #sec6 .img2,
  body.page-id-9 #sec6 .img3,
  body.page-id-9 #sec6 .img4,
  body.page-id-9 #sec6 .map1,
  body.page-template-default.page-id-9 #sec6 .img1,
  body.page-template-default.page-id-9 #sec6 .img2,
  body.page-template-default.page-id-9 #sec6 .img3,
  body.page-template-default.page-id-9 #sec6 .img4,
  body.page-template-default.page-id-9 #sec6 .map1 {
    position: static;
    margin: 0 auto;
    width: 100%;
    max-width: 100%;
  }
  body.page-id-9 #sec6 .img1 img,
  body.page-template-default.page-id-9 #sec6 .img1 img {
    content: url(../img/enjoy/s7_slide1_sp.png);
  }
  body.page-id-9 #sec6 .img2 img,
  body.page-template-default.page-id-9 #sec6 .img2 img {
    content: url(../img/enjoy/s7_slide2_sp.png);
  }
  body.page-id-9 #sec6 .img3 img,
  body.page-template-default.page-id-9 #sec6 .img3 img {
    content: url(../img/enjoy/s7_slide3_sp.png);
  }
  body.page-id-9 #sec6 .img4 img,
  body.page-template-default.page-id-9 #sec6 .img4 img {
    content: url(../img/enjoy/s7_slide4_sp.png);
  }
  body.page-id-9 #sec6,
  body.page-template-default.page-id-9 #sec6 {
    padding-bottom: 30px;
  }
  body.page-id-9 #sec5,
  body.page-template-default.page-id-9 #sec5 {
    padding: 35px 0;
    text-align: center;
  }
  body.page-id-9 #sec5:before,
  body.page-template-default.page-id-9 #sec5:before {
    width: 28%;
    height: 50%;
    top: 50%;
    right: 0;
    background-size: contain;
    background-position: right top;
    transform: translateY(-50%);
  }
  body.page-id-9 #sec5 .wrap,
  body.page-template-default.page-id-9 #sec5 .wrap {
    padding: 35px 0;
  }
  body.page-id-9 #sec5 h2,
  body.page-template-default.page-id-9 #sec5 h2 {
    font-size: 3.6vw;
    line-height: 1.4;
    padding-top: 0;
    margin: 0 0 4px;
  }
  body.page-id-9 #sec5 h3,
  body.page-template-default.page-id-9 #sec5 h3 {
    font-size: 4.5vw;
    line-height: 1.4;
    margin: 0;
    padding-bottom: 30px;
  }
  body.page-id-9 #sec5 .txt1,
  body.page-template-default.page-id-9 #sec5 .txt1 {
    display: none;
  }
  body.page-id-9 #sec5 .btn1,
  body.page-template-default.page-id-9 #sec5 .btn1 {
    margin: 0 auto;
    max-width: 100%;
  }
  body.page-id-9 #sec5 .btn1 img,
  body.page-template-default.page-id-9 #sec5 .btn1 img {
    max-width: 80%;
    margin: 0 auto;
  }
  body.page-id-9 #sec7,
  body.page-template-default.page-id-9 #sec7 {
    background-size: 100% auto;
    background-position: center top;
    padding: 20px 0 10px;
  }
  body.page-id-9 #sec7 .wrap,
  body.page-template-default.page-id-9 #sec7 .wrap {
    padding: 0 4%;
  }
  body.page-id-9 #sec7 h2,
  body.page-template-default.page-id-9 #sec7 h2 {
    text-align: right;
    margin: 0;
  }
  body.page-id-9 #sec7 h2 img,
  body.page-template-default.page-id-9 #sec7 h2 img {
    width: 48%;
    height: auto;
    display: inline-block;
  }
  body.page-id-9 #sec7 .txt1,
  body.page-template-default.page-id-9 #sec7 .txt1 {
    width: auto;
    margin: 8px 0 0;
    text-align: left;
  }
  body.page-id-9 #sec5 .btn1 img,
  body.page-template-default.page-id-9 #sec5 .btn1 img {
    width: 100%;
    height: auto;
    display: block;
  }
}
@media screen and (max-width: 767px) {
  body.page-id-13 #key,
  body.page-template-default.page-id-13 #key {
    aspect-ratio: 750/760;
    position: relative;
  }
  body.page-id-13 #key .wrap,
  body.page-template-default.page-id-13 #key .wrap {
    height: 100%;
  }
  body.page-id-13 #key h2,
  body.page-template-default.page-id-13 #key h2 {
    margin-top: 0;
    position: absolute;
    right: -20px;
    bottom: -70px;
    padding: 0;
  }
  body.page-id-13 #sec1:before,
  body.page-template-default.page-id-13 #sec1:before {
    background-image: url(../../sp/shared/img/yakitori/s1_deco.png);
    right: 0;
    left: auto !important;
    transform: none !important;
    top: -140px;
    background-size: 155% auto;
    background-position: right top;
    width: 70%;
  }
  body.page-id-13 #sec1 .nedan,
  body.page-template-default.page-id-13 #sec1 .nedan {
    margin-bottom: 0;
  }
  body.page-id-13 #sec1 h2,
  body.page-template-default.page-id-13 #sec1 h2 {
    padding-top: 0;
    margin-top: 0;
    margin-bottom: 100px;
  }
  body.page-id-13 #sec1 .wrap:before,
  body.page-template-default.page-id-13 #sec1 .wrap:before {
    content: none;
  }
  body.page-id-13 #sec1 > div > h2,
  body.page-template-default.page-id-13 #sec1 > div > h2 {
    position: relative;
  }
  body.page-id-13 #sec1 > div > h2::after,
  body.page-id-13 #sec1 > div > h2 > img::after,
  body.page-template-default.page-id-13 #sec1 > div > h2::after,
  body.page-template-default.page-id-13 #sec1 > div > h2 > img::after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    right: auto;
    top: -75px;
    transform: translateX(-50%);
    width: 50%;
    height: auto;
    margin: 0;
    aspect-ratio: 350/483;
    background: url(../img/yakitori/sec1_deco1.png) no-repeat center/contain;
    pointer-events: none;
  }
  body.page-id-13 #sec1 .box,
  body.page-template-default.page-id-13 #sec1 .box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0;
    width: 100%;
    margin-left: 0;
    margin-top: 0;
    background-size: 130% auto;
    background-position: center;
    height: auto;
    padding-left: 0;
  }
  body.page-id-13 #sec1 .txt1,
  body.page-template-default.page-id-13 #sec1 .txt1 {
    text-align: left;
  }
  body.page-id-13 #sec1 .box .img1,
  body.page-template-default.page-id-13 #sec1 .box .img1 {
    flex: 1 1 0;
    text-align: center;
    margin-top: 0;
  }
  body.page-id-13 #sec1 .box .img1 img,
  body.page-template-default.page-id-13 #sec1 .box .img1 img {
    width: 100%;
    height: auto;
    display: block;
  }
  body.page-id-13 #sec2,
  body.page-template-default.page-id-13 #sec2 {
    margin-top: 0;
    padding-bottom: 20px;
    position: relative;
    z-index: 3;
    overflow: visible;
  }
  body.page-id-13 #sec2 h2,
  body.page-id-13 #sec2 .img1,
  body.page-id-13 #sec2 .img2,
  body.page-id-13 #sec2 .pr,
  body.page-template-default.page-id-13 #sec2 h2,
  body.page-template-default.page-id-13 #sec2 .img1,
  body.page-template-default.page-id-13 #sec2 .img2,
  body.page-template-default.page-id-13 #sec2 .pr {
    display: none;
  }
  body.page-id-13 #sec2 .wrap::before,
  body.page-template-default.page-id-13 #sec2 .wrap::before {
    display: block;
    content: "";
    width: 100vw;
    max-width: 100vw;
    aspect-ratio: 750/702;
    background: url(../../sp/shared/img/yakitori/s2_h2_1.png) no-repeat center/contain;
    margin: 0;
    position: absolute;
    left: 50%;
    top: -25vw;
    transform: translateX(-50%);
    z-index: 30;
    pointer-events: none;
  }
  body.page-id-13 #sec2 .wrap,
  body.page-template-default.page-id-13 #sec2 .wrap {
    position: relative;
    padding-top: 70vw;
  }
  body.page-id-13 #sec2 .img1,
  body.page-template-default.page-id-13 #sec2 .img1 {
    left: -45px;
  }
  body.page-id-13 #sec2 .img2,
  body.page-template-default.page-id-13 #sec2 .img2 {
    right: -45px;
  }
  body.page-id-13 #sec2 .img1 img,
  body.page-id-13 #sec2 .img2 img,
  body.page-template-default.page-id-13 #sec2 .img1 img,
  body.page-template-default.page-id-13 #sec2 .img2 img {
    width: 230px;
    height: auto;
  }
  body.page-id-13 #sec2 h2 img,
  body.page-template-default.page-id-13 #sec2 h2 img {
    width: 50%;
    margin-top: -55px;
  }
  body.page-id-13 #sec2 .ttl1,
  body.page-template-default.page-id-13 #sec2 .ttl1 {
    font-size: 7vw;
    width: 100%;
    margin-bottom: 5px;
  }
  body.page-id-13 #sec2 .box .clearfix,
  body.page-template-default.page-id-13 #sec2 .box .clearfix {
    display: flex;
    gap: 8px;
  }
  body.page-id-13 #sec2 .box .clearfix > *,
  body.page-template-default.page-id-13 #sec2 .box .clearfix > * {
    width: 50%;
  }
  body.page-id-13 #sec2 .fl1,
  body.page-template-default.page-id-13 #sec2 .fl1 {
    margin-left: auto;
    margin-right: auto;
  }
  body.page-id-13 #sec2 .pr1,
  body.page-template-default.page-id-13 #sec2 .pr1 {
    width: auto;
  }
  body.page-id-13 #sec2 .box,
  body.page-template-default.page-id-13 #sec2 .box {
    gap: 8px;
  }
  body.page-id-13 #sec2 .txt1,
  body.page-template-default.page-id-13 #sec2 .txt1 {
    display: none;
  }
  body.page-id-13 #sec2 .pr,
  body.page-template-default.page-id-13 #sec2 .pr {
    right: auto;
    left: -53px;
    top: -190px;
    width: 50%;
  }
  body.page-id-13 #sec2:before,
  body.page-template-default.page-id-13 #sec2:before {
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
    height: 97px;
    top: -97px;
    background-size: cover;
    z-index: 10;
    display: none;
  }
  body.page-id-13 #sec3,
  body.page-template-default.page-id-13 #sec3 {
    padding-bottom: 8px;
    margin-bottom: 0;
  }
  body.page-id-13 #sec3 .wrap,
  body.page-template-default.page-id-13 #sec3 .wrap {
    display: flex;
    flex-direction: column;
  }
  body.page-id-13 #sec3 h2,
  body.page-template-default.page-id-13 #sec3 h2 {
    order: 1;
    padding-top: 35px;
    position: relative;
    z-index: 1;
  }
  body.page-id-13 #sec3 .img1,
  body.page-template-default.page-id-13 #sec3 .img1 {
    order: 2;
    position: absolute;
  }
  body.page-id-13 #sec3 .group1,
  body.page-template-default.page-id-13 #sec3 .group1 {
    order: 3;
    width: auto;
    margin-top: 0;
    margin-left: 0;
  }
  body.page-id-13 #sec3 .txt1,
  body.page-template-default.page-id-13 #sec3 .txt1 {
    order: 4;
    margin-top: 15px;
    margin-left: 0;
  }
  body.page-id-13 #sec3 .sub1,
  body.page-template-default.page-id-13 #sec3 .sub1 {
    order: 5;
    margin-top: 0;
  }
  body.page-id-13 #sec3 .img1 img,
  body.page-template-default.page-id-13 #sec3 .img1 img {
    width: 60%;
    margin: 0 0 auto;
    display: block;
    z-index: -1;
  }
  body.page-id-13 #sec3 .pr,
  body.page-template-default.page-id-13 #sec3 .pr {
    width: 90%;
  }
  body.page-id-13 #sec3 .wrap:before,
  body.page-template-default.page-id-13 #sec3 .wrap:before {
    background-size: 50% auto;
    top: 140px;
    right: -200px;
  }
  body.page-id-13 #sec3 h2,
  body.page-id-13 #sec3 .wrap:before,
  body.page-template-default.page-id-13 #sec3 h2,
  body.page-template-default.page-id-13 #sec3 .wrap:before {
    display: none;
  }
  body.page-id-13 #sec3 .img1,
  body.page-template-default.page-id-13 #sec3 .img1 {
    position: static;
    order: 1;
    width: 100%;
    margin: 0 auto 10px;
    text-align: center;
  }
  body.page-id-13 #sec3 .img1::before,
  body.page-template-default.page-id-13 #sec3 .img1::before {
    content: "";
    display: block;
    width: 100%;
    aspect-ratio: 750/702;
    background: url(../../sp/shared/img/yakitori/s2_h2_2.png) no-repeat center/contain;
    margin: 0 auto;
  }
  body.page-id-13 #sec3 .img1 img,
  body.page-template-default.page-id-13 #sec3 .img1 img {
    display: none;
  }
  body.page-id-13 #sec4 .img1,
  body.page-template-default.page-id-13 #sec4 .img1 {
    margin: 0;
  }
  body.page-id-13 #sec4 h2,
  body.page-template-default.page-id-13 #sec4 h2 {
    top: 0;
    right: auto;
    left: 0;
    opacity: 0.6;
  }
  body.page-id-13 #sec4 h2,
  body.page-template-default.page-id-13 #sec4 h2 {
    display: none;
  }
  body.page-id-13 #sec4 .img1,
  body.page-template-default.page-id-13 #sec4 .img1 {
    width: 100%;
    margin: 0 auto 10px;
    text-align: center;
  }
  body.page-id-13 #sec4 .img1::before,
  body.page-template-default.page-id-13 #sec4 .img1::before {
    content: "";
    display: block;
    width: 100%;
    aspect-ratio: 750/545;
    background: url(../../sp/shared/img/yakitori/s2_h2_3.png) no-repeat center/contain;
    background-position-y: 24px;
    margin: 0 auto;
  }
  body.page-id-13 #sec4 .img1 img,
  body.page-template-default.page-id-13 #sec4 .img1 img {
    display: none;
  }
  body.page-id-13 #sec4 .box,
  body.page-template-default.page-id-13 #sec4 .box {
    display: flex;
    flex-direction: column;
    padding: 0 6%;
  }
  body.page-id-13 #sec4 .fl,
  body.page-template-default.page-id-13 #sec4 .fl {
    width: auto;
    margin-right: 0;
  }
  body.page-id-13 #sec4 .ttl1,
  body.page-template-default.page-id-13 #sec4 .ttl1 {
    margin-bottom: 5px;
  }
  body.page-id-13 #sec4 .pr,
  body.page-template-default.page-id-13 #sec4 .pr {
    width: auto;
    height: auto;
    padding: 8px 0;
    font-size: 20px;
  }
  body.page-id-13 #sec4,
  body.page-template-default.page-id-13 #sec4 {
    padding-bottom: 0;
  }
  body.page-id-13 #sec5 .deco,
  body.page-template-default.page-id-13 #sec5 .deco {
    top: 0;
    right: auto;
    left: 0;
  }
  body.page-id-13 #sec5 .deco,
  body.page-template-default.page-id-13 #sec5 .deco {
    display: none;
  }
  body.page-id-13 #sec5 h2,
  body.page-template-default.page-id-13 #sec5 h2 {
    opacity: 1;
    z-index: -1;
    position: initial;
    margin: 0;
  }
  body.page-id-13 #sec5 h2 img,
  body.page-template-default.page-id-13 #sec5 h2 img {
    display: none;
  }
  body.page-id-13 #sec5 h2::before,
  body.page-template-default.page-id-13 #sec5 h2::before {
    content: "";
    display: block;
    width: 100%;
    aspect-ratio: 750/280;
    background: url(../../sp/shared/img/yakitori/s2_h2_4.png) no-repeat center/contain;
    margin: 0 auto;
  }
  body.page-id-13 #sec5 .box1,
  body.page-template-default.page-id-13 #sec5 .box1 {
    width: auto;
    margin-left: 0;
    padding-top: 0;
  }
  body.page-id-13 #sec5 .box1::before,
  body.page-template-default.page-id-13 #sec5 .box1::before {
    content: "";
    display: block;
    width: 100%;
    aspect-ratio: 750/410;
    background: url(../../sp/shared/img/yakitori/s2_slide1.png) no-repeat center/contain;
    margin: 0 auto 10px;
  }
  body.page-id-13 #sec5 .img1,
  body.page-template-default.page-id-13 #sec5 .img1 {
    position: initial;
    margin: 0;
    display: none;
  }
  body.page-id-13 #sec5 .box2,
  body.page-template-default.page-id-13 #sec5 .box2 {
    width: auto;
    margin-left: 0;
    padding-top: 0;
  }
  body.page-id-13 #sec5 .box2::before,
  body.page-template-default.page-id-13 #sec5 .box2::before {
    content: "";
    display: block;
    width: 100%;
    aspect-ratio: 750/410;
    background: url(../../sp/shared/img/yakitori/s2_slide2.png) no-repeat center/contain;
    margin: 0 auto 10px;
  }
  body.page-id-13 #sec5 .ttl1,
  body.page-template-default.page-id-13 #sec5 .ttl1 {
    margin-bottom: 0;
    margin-top: 0;
  }
  body.page-id-13 #sec5 .pr,
  body.page-template-default.page-id-13 #sec5 .pr {
    max-width: 310px;
    width: auto;
    height: 40px;
    font-size: 20px;
  }
  body.page-id-13 #sec5 .sttl1,
  body.page-template-default.page-id-13 #sec5 .sttl1 {
    margin: 0;
  }
  body.page-id-13 #sec5 .txt,
  body.page-template-default.page-id-13 #sec5 .txt {
    margin-top: 5px;
  }
  body.page-id-13 #sec5 .txt1,
  body.page-template-default.page-id-13 #sec5 .txt1 {
    margin-left: 0;
    margin-bottom: 0;
    margin-top: 5px;
  }
  body.page-id-13 #sec5,
  body.page-template-default.page-id-13 #sec5 {
    padding-bottom: 30px;
  }
  body.page-id-13 #sec6,
  body.page-template-default.page-id-13 #sec6 {
    padding-top: 0;
  }
  body.page-id-13 #sec6:before,
  body.page-template-default.page-id-13 #sec6:before {
    display: none;
  }
  body.page-id-13 #sec6 .deco,
  body.page-template-default.page-id-13 #sec6 .deco {
    position: initial;
    margin: 0;
  }
  body.page-id-13 #sec6 .box,
  body.page-template-default.page-id-13 #sec6 .box {
    width: auto;
    margin-left: 0;
    padding-bottom: 20px;
    margin-inline: 3%;
    margin-top: -45px;
  }
  body.page-id-13 #sec6 h2,
  body.page-template-default.page-id-13 #sec6 h2 {
    padding-top: 20px;
    margin-bottom: 0;
    margin-top: 0;
  }
  body.page-id-13 #sec6 .txt1,
  body.page-template-default.page-id-13 #sec6 .txt1 {
    margin-top: 0;
    margin-left: 0;
    padding-inline: 16px;
    margin-bottom: 0;
  }
  body.page-id-13 #sec6 .img1,
  body.page-template-default.page-id-13 #sec6 .img1 {
    position: initial;
    margin-top: -45px;
    margin-bottom: 0;
    width: 60vw;
  }
  body.page-id-13 #sec6 .txt2,
  body.page-template-default.page-id-13 #sec6 .txt2 {
    display: none;
  }
  body.page-id-13 #sec6 .wrap:after,
  body.page-template-default.page-id-13 #sec6 .wrap:after {
    width: 100%;
    left: 56% !important;
    transform: translateX(-50%) !important;
    display: block;
    height: 84px;
    background-size: 80%;
    bottom: 0;
  }
  body.page-id-13 #sec7.clearfix,
  body.page-template-default.page-id-13 #sec7.clearfix {
    display: block;
  }
  body.page-id-13 #sec7 .fl,
  body.page-template-default.page-id-13 #sec7 .fl {
    width: 100%;
    min-height: 200px;
    padding: 0 0 8px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  body.page-id-13 #sec7 .ttl1,
  body.page-template-default.page-id-13 #sec7 .ttl1 {
    font-size: 5.8vw;
    line-height: 1.35;
    padding-top: 0;
    letter-spacing: 0.5px;
    margin-bottom: 0;
  }
  body.page-id-13 #sec7 .btn1,
  body.page-template-default.page-id-13 #sec7 .btn1 {
    margin-top: 8px;
  }
  body.page-id-13 #sec7 .btn1 img,
  body.page-template-default.page-id-13 #sec7 .btn1 img {
    width: 70px;
    height: auto;
  }
  body.page-id-13 #sec6:after,
  body.page-template-default.page-id-13 #sec6:after {
    height: -webkit-fill-available;
    width: 77%;
    top: -50px;
    z-index: -1;
    background: url(../../shared/img/yakitori/sec6_bg.png) no-repeat;
    background-size: contain;
    background-position-x: right;
  }
  body.page-id-13 #sec6 .wrap:before,
  body.page-template-default.page-id-13 #sec6 .wrap:before {
    display: none;
  }
  body.page-id-13 #sec6 .wrap,
  body.page-template-default.page-id-13 #sec6 .wrap {
    padding-bottom: 30px;
  }
}
@media screen and (max-width: 767px) {
  body.page-id-11 #key,
  body.page-template-default.page-id-11 #key {
    aspect-ratio: 750/760;
    background: url(../../sp/shared/img/golf/kv.jpg) no-repeat center/cover;
    min-height: 0;
  }
  body.page-id-11 #key h2,
  body.page-template-default.page-id-11 #key h2 {
    display: none;
  }
  body.page-id-11 #lead,
  body.page-template-default.page-id-11 #lead {
    background: url(../../sp/shared/img/golf/lead_bg.png) no-repeat center bottom/100%;
    padding-bottom: 100px;
  }
  body.page-id-11 #lead .wrap,
  body.page-template-default.page-id-11 #lead .wrap {
    padding: 0 4%;
  }
  body.page-id-11 #lead h2,
  body.page-template-default.page-id-11 #lead h2 {
    padding-top: 0;
  }
  body.page-id-11 #lead h2 img,
  body.page-template-default.page-id-11 #lead h2 img {
    display: none;
  }
  body.page-id-11 #lead h2::before,
  body.page-template-default.page-id-11 #lead h2::before {
    content: "";
    display: block;
    width: 100%;
    aspect-ratio: 750/789;
    background: url(../../sp/shared/img/golf/lead_h2.png) no-repeat center/contain;
  }
  body.page-id-11 #lead .text,
  body.page-template-default.page-id-11 #lead .text {
    font-size: 3.6vw;
    line-height: 1.6;
    margin: 10px 0 0;
    width: auto;
  }
  body.page-id-11 #lead .pic,
  body.page-id-11 #lead .sub,
  body.page-template-default.page-id-11 #lead .pic,
  body.page-template-default.page-id-11 #lead .sub {
    display: none;
  }
  body.page-id-11 #youtube,
  body.page-template-default.page-id-11 #youtube {
    min-height: auto;
    height: auto;
  }
  body.page-id-11 #youtube > .youtube,
  body.page-template-default.page-id-11 #youtube > .youtube {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
  }
  body.page-id-11 #youtube > .youtube > .youtube,
  body.page-template-default.page-id-11 #youtube > .youtube > .youtube {
    position: absolute;
    inset: 0;
    padding-bottom: 0;
    height: 100%;
  }
  body.page-id-11 #youtube > .youtube > .youtube iframe,
  body.page-id-11 #youtube > .youtube > .youtube object,
  body.page-id-11 #youtube > .youtube > .youtube embed,
  body.page-template-default.page-id-11 #youtube > .youtube > .youtube iframe,
  body.page-template-default.page-id-11 #youtube > .youtube > .youtube object,
  body.page-template-default.page-id-11 #youtube > .youtube > .youtube embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
  }
  body.page-id-11 #welcome .wel_img,
  body.page-template-default.page-id-11 #welcome .wel_img {
    margin: 0 -2%;
  }
  body.page-id-11 #welcome,
  body.page-template-default.page-id-11 #welcome {
    padding: 0;
    background: none;
  }
  body.page-id-11 #welcome .wrap,
  body.page-template-default.page-id-11 #welcome .wrap {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 0 4%;
    margin: 0;
  }
  body.page-id-11 #welcome .row1,
  body.page-id-11 #welcome .row2,
  body.page-id-11 #welcome .row3,
  body.page-template-default.page-id-11 #welcome .row1,
  body.page-template-default.page-id-11 #welcome .row2,
  body.page-template-default.page-id-11 #welcome .row3 {
    width: 100%;
  }
  body.page-id-11 #welcome .row1,
  body.page-template-default.page-id-11 #welcome .row1 {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100vw;
    margin-left: 50%;
    margin-right: 50%;
    transform: translateX(-50%);
  }
  body.page-id-11 #welcome .row1 .content,
  body.page-template-default.page-id-11 #welcome .row1 .content {
    order: 1;
    width: auto;
    float: none;
  }
  body.page-id-11 #welcome .row1 .content h2,
  body.page-template-default.page-id-11 #welcome .row1 .content h2 {
    padding-top: 0;
  }
  body.page-id-11 #welcome .row1 .content h2 img,
  body.page-template-default.page-id-11 #welcome .row1 .content h2 img {
    display: none;
  }
  body.page-id-11 #welcome .row1 .content h2::before,
  body.page-template-default.page-id-11 #welcome .row1 .content h2::before {
    content: "";
    display: block;
    width: 100%;
    max-width: none;
    aspect-ratio: 750/710;
    background: url(../../sp/shared/img/golf/welcome_h2.png) no-repeat left top/contain;
  }
  body.page-id-11 #welcome .row1 .content .txt,
  body.page-template-default.page-id-11 #welcome .row1 .content .txt {
    display: none;
  }
  body.page-id-11 #welcome .row1 .content ul,
  body.page-template-default.page-id-11 #welcome .row1 .content ul {
    display: none;
  }
  body.page-id-11 #welcome .row1 .content li,
  body.page-template-default.page-id-11 #welcome .row1 .content li {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    font-size: 3.8vw;
    margin-bottom: 6px;
  }
  body.page-id-11 #welcome .row1 .content li::before,
  body.page-template-default.page-id-11 #welcome .row1 .content li::before {
    content: "";
    width: 22px;
    height: 22px;
    border: 2px solid #333;
    border-radius: 4px;
    box-sizing: border-box;
    position: relative;
    top: 2px;
  }
  body.page-id-11 #welcome .row1 .pic,
  body.page-template-default.page-id-11 #welcome .row1 .pic {
    order: 2;
    margin: 0;
    background: url(../../sp/shared/img/golf/welcome_img1.png) no-repeat center/contain;
    width: 100%;
    aspect-ratio: 750/387;
  }
  body.page-id-11 #welcome .row1 .pic img,
  body.page-template-default.page-id-11 #welcome .row1 .pic img {
    display: none;
  }
  body.page-id-11 #welcome .row2 .pic,
  body.page-template-default.page-id-11 #welcome .row2 .pic {
    margin: 0;
    background: url(../../sp/shared/img/golf/welcome_img2.png) no-repeat center/contain;
    width: 100%;
    aspect-ratio: 750/299;
  }
  body.page-id-11 #welcome .row2 .pic img,
  body.page-template-default.page-id-11 #welcome .row2 .pic img {
    display: none;
  }
  body.page-id-11 #welcome .row2 .deco,
  body.page-template-default.page-id-11 #welcome .row2 .deco {
    display: none;
  }
  body.page-id-11 #welcome .row3 .content h3 img,
  body.page-template-default.page-id-11 #welcome .row3 .content h3 img {
    display: none;
  }
  body.page-id-11 #welcome .row3 .content h3::before,
  body.page-template-default.page-id-11 #welcome .row3 .content h3::before {
    content: "";
    display: block;
    width: 100%;
    max-width: 360px;
    aspect-ratio: 600/80;
    background: url(../../sp/shared/img/golf/welcome_h3.png) no-repeat left top/contain;
  }
  body.page-id-11 #welcome .row3 .content .text,
  body.page-template-default.page-id-11 #welcome .row3 .content .text {
    margin: 8px 0 12px;
    font-size: 3.6vw;
    line-height: 1.6;
  }
  body.page-id-11 #welcome #sec3_btn img,
  body.page-template-default.page-id-11 #welcome #sec3_btn img {
    display: none;
  }
  body.page-id-11 #welcome #sec3_btn,
  body.page-template-default.page-id-11 #welcome #sec3_btn {
    padding-top: 10px;
  }
  body.page-id-11 #welcome #sec3_btn a,
  body.page-template-default.page-id-11 #welcome #sec3_btn a {
    display: block;
    width: 100%;
    max-width: 360px;
    aspect-ratio: 750/103;
    background: url(../../sp/shared/img/golf/welcome_btn.png) no-repeat center/contain;
  }
  body.page-id-11 #welcome .row3 .pic,
  body.page-template-default.page-id-11 #welcome .row3 .pic {
    display: none;
  }
  body.page-id-11 #welcome .row3,
  body.page-template-default.page-id-11 #welcome .row3 {
    margin-top: 0;
  }
  body.page-id-11 #welcome .row3 .content,
  body.page-template-default.page-id-11 #welcome .row3 .content {
    width: auto;
    float: none;
    padding-top: 15px;
  }
  body.page-id-11 #charge,
  body.page-template-default.page-id-11 #charge {
    background: url(../../sp/shared/img/golf/charge_deco.png) no-repeat center bottom/100%;
    padding-bottom: 40px;
  }
  body.page-id-11 #charge .wrap,
  body.page-template-default.page-id-11 #charge .wrap {
    display: flex;
    flex-direction: column;
  }
  body.page-id-11 #charge .wrap::before,
  body.page-template-default.page-id-11 #charge .wrap::before {
    content: "";
    display: block;
    width: 100%;
    aspect-ratio: 750/575;
    background: url(../../sp/shared/img/golf/charge_h2.png) no-repeat center/contain;
    margin: 0 auto 10px;
  }
  body.page-id-11 #charge .right,
  body.page-template-default.page-id-11 #charge .right {
    width: auto;
    float: none;
  }
  body.page-id-11 #charge .left,
  body.page-template-default.page-id-11 #charge .left {
    width: auto;
    float: none;
    padding-top: 0;
    margin-top: -10px;
    z-index: -1;
  }
  body.page-id-11 #charge .right .pic,
  body.page-template-default.page-id-11 #charge .right .pic {
    margin: 0;
  }
  body.page-id-11 #charge > div > div.right > p.pic img,
  body.page-template-default.page-id-11 #charge > div > div.right > p.pic img {
    content: url(../../sp/shared/img/golf/charge_catch.png);
    width: 120px;
    height: auto;
    display: block;
    margin-left: auto;
    margin-right: 0;
    margin-top: 10px;
    margin-bottom: -30px;
  }
  body.page-id-11 #charge .right .box,
  body.page-template-default.page-id-11 #charge .right .box {
    margin: 0;
    margin-right: 10% !important;
  }
  body.page-id-11 #charge .left .box,
  body.page-template-default.page-id-11 #charge .left .box {
    width: auto;
    margin-left: auto;
  }
  body.page-id-11 #charge .box,
  body.page-template-default.page-id-11 #charge .box {
    box-shadow: unset;
    background: #fff;
    border: 1px solid #c8c8c8;
    padding: 20px 3%;
    text-align: center;
  }
  body.page-id-11 #charge .box .txt1,
  body.page-template-default.page-id-11 #charge .box .txt1 {
    color: #277a16;
    font-size: 5vw;
    line-height: 1.2;
  }
  body.page-id-11 #charge .box dl,
  body.page-template-default.page-id-11 #charge .box dl {
    margin-bottom: 2%;
    line-height: 1.2;
  }
  body.page-id-11 #charge .box dl dt,
  body.page-template-default.page-id-11 #charge .box dl dt {
    background: #afe300;
    font-size: 4.5vw;
    margin-bottom: 5px;
    padding: 1% 0;
  }
  body.page-id-11 #charge .box dl dd,
  body.page-template-default.page-id-11 #charge .box dl dd {
    font-size: 5.2vw;
    padding: 1% 0;
  }
  body.page-id-11 dd.price_coution,
  body.page-template-default.page-id-11 dd.price_coution {
    font-size: 4.5vw !important;
  }
  body.page-id-11 #charge .right dl.price dd.price_coution,
  body.page-template-default.page-id-11 #charge .right dl.price dd.price_coution {
    line-height: unset;
  }
  body.page-id-11 #charge .box dl dd span,
  body.page-template-default.page-id-11 #charge .box dl dd span {
    font-size: 7vw;
    font-weight: 700;
  }
  body.page-id-11 #charge .box .toggle,
  body.page-template-default.page-id-11 #charge .box .toggle {
    border: 1px solid #000;
    padding: 3%;
  }
  body.page-id-11 #charge .box .toggle .toggle-link,
  body.page-template-default.page-id-11 #charge .box .toggle .toggle-link {
    font-weight: 700;
    font-size: 5vw;
    line-height: 1;
    position: relative;
  }
  body.page-id-11 #charge .box .toggle .toggle-link:after,
  body.page-template-default.page-id-11 #charge .box .toggle .toggle-link:after {
    font-family: "fontello";
    font-style: normal;
    font-weight: 400;
    position: absolute;
    line-height: 20px;
    top: 50%;
    right: 4%;
    margin-top: -10px;
    color: #000;
    content: "\f13a";
    font-size: 13px;
  }
  body.page-id-11 #charge .box .toggle.active > .toggle-link:after,
  body.page-template-default.page-id-11 #charge .box .toggle.active > .toggle-link:after {
    content: "\f139";
  }
  body.page-id-11 #charge .box .toggle .toggle-main,
  body.page-template-default.page-id-11 #charge .box .toggle .toggle-main {
    margin-top: 10px;
  }
  body.page-id-11 #charge h4,
  body.page-template-default.page-id-11 #charge h4 {
    text-align: center;
    font-size: 5vw;
    background: unset;
    color: #fff;
    margin-bottom: 0;
    margin-top: 0;
    line-height: 1.2;
    padding: 1% 0;
  }
  body.page-id-11 #charge h4 img,
  body.page-template-default.page-id-11 #charge h4 img {
    content: url(../../sp/shared/img/golf/charge_h3.png);
    width: 100%;
    height: auto;
    display: block;
  }
  body.page-id-11 #charge h5,
  body.page-template-default.page-id-11 #charge h5 {
    text-align: center;
    font-size: 4.5vw;
    margin-bottom: 10px;
    line-height: 1;
  }
  body.page-id-11 #charge .catch,
  body.page-template-default.page-id-11 #charge .catch {
    width: 30%;
    margin-bottom: -20px;
  }
  body.page-id-11 #charge .box1,
  body.page-template-default.page-id-11 #charge .box1 {
    box-shadow: 11px 11px 0 0 #82a900;
    clear: right;
    margin-right: 10%;
    padding: 30px 3% 20px;
  }
  body.page-id-11 #charge .box1 .row,
  body.page-template-default.page-id-11 #charge .box1 .row {
    margin-bottom: 20px;
  }
  body.page-id-11 #charge .box1 .row:last-of-type,
  body.page-template-default.page-id-11 #charge .box1 .row:last-of-type {
    margin-bottom: 0;
  }
  body.page-id-11 #charge .box1 dl dt,
  body.page-template-default.page-id-11 #charge .box1 dl dt {
    background: none;
  }
  body.page-id-11 #charge .box:nth-child(2) dl.price dt,
  body.page-template-default.page-id-11 #charge .box:nth-child(2) dl.price dt {
    background-color: #41423e !important;
  }
  body.page-id-11 #charge .left .box .price,
  body.page-template-default.page-id-11 #charge .left .box .price {
    margin-top: 0;
  }
  body.page-id-11 #charge .left .box .price dt,
  body.page-template-default.page-id-11 #charge .left .box .price dt {
    height: auto;
    line-height: inherit;
  }
  body.page-id-11 #charge .right .box .price dt,
  body.page-template-default.page-id-11 #charge .right .box .price dt {
    height: auto;
    line-height: inherit;
  }
  body.page-id-11 #charge .left .box .price dd,
  body.page-template-default.page-id-11 #charge .left .box .price dd {
    margin-top: 5px;
  }
  body.page-id-11 #charge .left .box .text,
  body.page-template-default.page-id-11 #charge .left .box .text {
    margin-top: 0;
    font-size: 5vw;
    line-height: 1.2;
  }
  body.page-id-11 #charge .left .box .box2,
  body.page-template-default.page-id-11 #charge .left .box .box2 {
    margin: 0;
    padding: 3%;
  }
  body.page-id-11 #charge > div > div.left > div > dl.box2 > dd,
  body.page-template-default.page-id-11 #charge > div > div.left > div > dl.box2 > dd {
    font-size: 3.5vw !important;
    line-height: 28px;
  }
  body.page-id-11 #charge > div > div.left > div > dl.box2 > dt,
  body.page-template-default.page-id-11 #charge > div > div.left > div > dl.box2 > dt {
    background: transparent !important;
  }
  body.page-id-11 #charge .left .box .box2 dt,
  body.page-template-default.page-id-11 #charge .left .box .box2 dt {
    position: inherit;
    left: unset;
    transform: unset;
    font-size: 5.5vw !important;
  }
  body.page-id-11 #login a,
  body.page-template-default.page-id-11 #login a {
    position: initial;
    border-radius: 4px;
    margin: 0 auto;
    display: block;
    padding: 15px;
    border: none;
    background-color: #008f57;
    color: #fff;
    text-align: center;
    text-decoration: none;
    line-height: 1.4;
    font-size: 18px;
    font-weight: 700;
  }
  body.page-id-11 #course,
  body.page-template-default.page-id-11 #course {
    padding-bottom: 20px;
    height: auto;
  }
  body.page-id-11 #course:before,
  body.page-template-default.page-id-11 #course:before {
    position: initial;
  }
  body.page-id-11 #course h2,
  body.page-template-default.page-id-11 #course h2 {
    position: initial;
    float: none;
  }
  body.page-id-11 #course h2 img,
  body.page-template-default.page-id-11 #course h2 img {
    content: url(../../sp/shared/img/golf/course_h2.png);
    width: 100%;
    height: auto;
    display: block;
  }
  body.page-id-11 #course .left,
  body.page-template-default.page-id-11 #course .left {
    float: none;
    width: auto;
    margin-left: auto;
  }
  body.page-id-11 #course .left .pic,
  body.page-template-default.page-id-11 #course .left .pic {
    margin-left: 0;
  }
  body.page-id-11 #course .left .pic::after,
  body.page-template-default.page-id-11 #course .left .pic::after {
    content: "";
    display: block;
    width: 100%;
    aspect-ratio: 588/50;
    background: url(../../sp/shared/img/golf/course_h3.png) no-repeat center/contain;
    margin-top: 8px;
  }
  body.page-id-11 #course .left .button1,
  body.page-template-default.page-id-11 #course .left .button1 {
    display: none;
  }
  body.page-id-11 #course .right,
  body.page-template-default.page-id-11 #course .right {
    width: auto;
    float: unset;
    margin-left: auto;
  }
  body.page-id-11 #course .right .text,
  body.page-template-default.page-id-11 #course .right .text {
    margin: 0;
  }
  body.page-id-11 #course .right::after,
  body.page-template-default.page-id-11 #course .right::after {
    content: "";
    display: block;
    width: 100%;
    aspect-ratio: 750/103;
    background: url(../../sp/shared/img/golf/course_btn.png) no-repeat center/contain;
    margin-top: 10px;
  }
  body.page-id-11 #reserve .txt,
  body.page-template-default.page-id-11 #reserve .txt {
    font-weight: 700;
  }
  body.page-id-11 #reserve .txt1 span,
  body.page-template-default.page-id-11 #reserve .txt1 span {
    color: #fff600;
    text-shadow: -1px 1px 0 #cccccc, -1px 1px 0 #cccccc, -1px 1px 0 #cccccc, -1px 1px 0 #cccccc, -1px 1px 0 #cccccc, -1px 1px 0 #cccccc, -1px 1px 0 #ccc;
  }
  body.page-id-11 #reserve,
  body.page-template-default.page-id-11 #reserve {
    color: #000;
    background: none;
    padding-bottom: 0;
  }
  body.page-id-11 #reserve h2,
  body.page-template-default.page-id-11 #reserve h2 {
    padding-top: 0;
  }
  body.page-id-11 #reserve h2 img,
  body.page-template-default.page-id-11 #reserve h2 img {
    content: url(../img/gold/reserve_tel_sp.jpg);
    width: 100vw;
    max-width: 100vw;
    height: auto;
    display: block;
    margin-left: 50%;
    transform: translateX(-50%);
  }
  body.page-id-11 #reserve .button img,
  body.page-template-default.page-id-11 #reserve .button img {
    content: url(../img/gold/reserve_btn.jpg);
    width: 100%;
    height: auto;
    display: block;
  }
  body.page-id-11 #calen,
  body.page-template-default.page-id-11 #calen {
    background-image: url(../../sp/shared/img/golf/calender_bg.png);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 20px 0;
  }
  body.page-id-11 #calen h2,
  body.page-template-default.page-id-11 #calen h2 {
    padding-top: 0;
  }
  body.page-id-11 #calen h2 img,
  body.page-template-default.page-id-11 #calen h2 img {
    content: url(../img/gold/calender_h2_sp.png);
    width: 100%;
    height: auto;
    display: block;
  }
  body.page-id-11 #calen .box,
  body.page-template-default.page-id-11 #calen .box {
    position: relative;
    width: auto;
    max-width: 100%;
    padding-bottom: 75%;
    height: 0;
    overflow: hidden;
  }
  body.page-id-11 #calen .box > div[style*="width: 1000px"],
  body.page-template-default.page-id-11 #calen .box > div[style*="width: 1000px"] {
    width: auto !important;
    max-width: 100%;
  }
  body.page-id-11 #calen .box iframe,
  body.page-template-default.page-id-11 #calen .box iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    padding: 0 2%;
    box-sizing: border-box;
    margin: 0 auto;
    display: block;
  }
  body.page-id-11 > main > section > div:nth-child(5),
  body.page-template-default.page-id-11 > main > section > div:nth-child(5) {
    margin: 10px 14px !important;
    padding: 0 !important;
    width: auto !important;
  }
}
@media screen and (max-width: 767px) {
  body.page-id-7 #key,
  body.page-template-default.page-id-7 #key {
    aspect-ratio: 750/760;
    background: url(../../sp/shared/img/access/kv.jpg) no-repeat center/cover;
    min-height: 0;
  }
  body.page-id-7 #key h2,
  body.page-template-default.page-id-7 #key h2 {
    display: none;
  }
  body.page-id-7 #sec1,
  body.page-template-default.page-id-7 #sec1 {
    padding: 20px 0 0;
  }
  body.page-id-7 #sec1 .wrap:before,
  body.page-template-default.page-id-7 #sec1 .wrap:before {
    display: none;
  }
  body.page-id-7 #sec1 h2,
  body.page-template-default.page-id-7 #sec1 h2 {
    text-align: center;
    margin: 0 0 15px;
    padding: 0;
  }
  body.page-id-7 #sec1 .clearfix,
  body.page-template-default.page-id-7 #sec1 .clearfix {
    display: block;
  }
  body.page-id-7 #sec1 .fl,
  body.page-template-default.page-id-7 #sec1 .fl {
    width: 100%;
    float: none;
  }
  body.page-id-7 #sec1 .fl.fl1,
  body.page-template-default.page-id-7 #sec1 .fl.fl1 {
    margin-bottom: 20px;
  }
  body.page-id-7 #sec1 .box,
  body.page-template-default.page-id-7 #sec1 .box {
    background: #fff;
    box-shadow: 4px 7px 0 0 rgba(0, 0, 0, 0.25);
    padding: 3%;
    width: auto;
    margin: 0;
    line-height: 22px;
  }
  body.page-id-7 #sec1 .img1,
  body.page-template-default.page-id-7 #sec1 .img1 {
    text-align: center;
    margin-bottom: 15px;
  }
  body.page-id-7 #sec1 .img1 img,
  body.page-template-default.page-id-7 #sec1 .img1 img {
    width: 100%;
    height: auto;
    display: block;
  }
  body.page-id-7 #sec1 .logo1,
  body.page-template-default.page-id-7 #sec1 .logo1 {
    width: auto;
    margin: 0 auto 15px;
  }
  body.page-id-7 #sec1 .logo1 img,
  body.page-template-default.page-id-7 #sec1 .logo1 img {
    width: 100%;
    height: auto;
    display: block;
  }
  body.page-id-7 #sec1 dl,
  body.page-template-default.page-id-7 #sec1 dl {
    margin: 0 0 12px;
  }
  body.page-id-7 #sec1 dt,
  body.page-id-7 #sec1 dd,
  body.page-template-default.page-id-7 #sec1 dt,
  body.page-template-default.page-id-7 #sec1 dd {
    float: none !important;
    width: auto !important;
    margin: 0;
  }
  body.page-id-7 #sec1 .tel1,
  body.page-template-default.page-id-7 #sec1 .tel1 {
    margin: 0 0 4px;
    font-size: 4.6vw;
  }
  body.page-id-7 #sec1 .tel1 a,
  body.page-template-default.page-id-7 #sec1 .tel1 a {
    color: #000;
    text-decoration: none;
  }
  body.page-id-7 #sec1 .logo,
  body.page-template-default.page-id-7 #sec1 .logo {
    width: 66%;
    margin: 0 auto;
  }
  body.page-id-7 #sec1 .btn3,
  body.page-template-default.page-id-7 #sec1 .btn3 {
    display: none;
  }
  body.page-id-7 #sec1 .group1,
  body.page-template-default.page-id-7 #sec1 .group1 {
    margin-top: 20px;
  }
  body.page-id-7 #sec1 p.link.btn1,
  body.page-template-default.page-id-7 #sec1 p.link.btn1 {
    display: none;
  }
  body.page-id-7 #sec1 .btn2.copy,
  body.page-template-default.page-id-7 #sec1 .btn2.copy {
    position: initial;
  }
  body.page-id-7 #sec2,
  body.page-template-default.page-id-7 #sec2 {
    margin-bottom: 20px;
    background: none;
    padding: 30px 0 20px;
    position: relative;
  }
  body.page-id-7 #sec2::before,
  body.page-template-default.page-id-7 #sec2::before {
    content: "";
    display: block;
    width: 100vw;
    max-width: 100vw;
    aspect-ratio: 750/658;
    background: url(../img/access/s3_tel.jpg) no-repeat center/cover;
    margin: 0 0 10px;
    margin-left: 50%;
    transform: translateX(-50%);
  }
  body.page-id-7 #sec2 .wrap,
  body.page-template-default.page-id-7 #sec2 .wrap {
    position: relative;
    z-index: 1;
    padding: 0 3%;
  }
  body.page-id-7 #sec2 .wrap:before,
  body.page-template-default.page-id-7 #sec2 .wrap:before {
    display: none;
    content: none;
  }
  body.page-id-7 #sec2 .box,
  body.page-template-default.page-id-7 #sec2 .box {
    background: #fff;
    box-shadow: 4px 7px 0 0 rgba(0, 0, 0, 0.25);
    padding: 6% 5%;
    width: auto;
    margin: 0 auto;
    line-height: 22px;
    position: relative;
    z-index: 2;
    text-align: center;
  }
  body.page-id-7 #sec2 .btn1,
  body.page-template-default.page-id-7 #sec2 .btn1 {
    position: relative;
    z-index: 3;
  }
  body.page-id-7 #sec2 .btn1 a,
  body.page-template-default.page-id-7 #sec2 .btn1 a {
    display: inline-block;
    pointer-events: auto;
    position: relative;
    z-index: 4;
  }
  body.page-id-7 #sec2 h2 img,
  body.page-template-default.page-id-7 #sec2 h2 img {
    width: 90%;
    height: auto;
    display: block;
    margin: 0 auto 6px;
  }
  body.page-id-7 #sec2 h2,
  body.page-template-default.page-id-7 #sec2 h2 {
    padding-top: 0;
  }
  body.page-id-7 #sec2 h2 img,
  body.page-template-default.page-id-7 #sec2 h2 img {
    display: none;
  }
  body.page-id-7 #sec2 p.tel,
  body.page-template-default.page-id-7 #sec2 p.tel {
    display: none;
  }
  body.page-id-7 #sec2 .tel img,
  body.page-template-default.page-id-7 #sec2 .tel img {
    width: 90%;
    height: auto;
    display: block;
    margin: 6px auto;
  }
  body.page-id-7 #sec2 .txt1,
  body.page-template-default.page-id-7 #sec2 .txt1 {
    text-align: left;
    margin: 6px 0 0;
  }
  body.page-id-7 #sec2 .logo,
  body.page-template-default.page-id-7 #sec2 .logo {
    width: 61%;
    margin: 0 auto;
  }
  body.page-id-7 #sec2 dl dt,
  body.page-template-default.page-id-7 #sec2 dl dt {
    color: #017648;
  }
  body.page-id-7 #sec2 dl,
  body.page-template-default.page-id-7 #sec2 dl {
    margin: 10px 0 0;
    text-align: left;
  }
  body.page-id-7 #sec2 dt,
  body.page-id-7 #sec2 dd,
  body.page-template-default.page-id-7 #sec2 dt,
  body.page-template-default.page-id-7 #sec2 dd {
    float: none !important;
    width: auto !important;
    margin: 0;
  }
  body.page-id-7 #btn_link,
  body.page-template-default.page-id-7 #btn_link {
    margin: 0 2%;
  }
  body.page-id-7 #sec3 .inner,
  body.page-template-default.page-id-7 #sec3 .inner {
    box-shadow: 4px 7px 0 0 rgba(0, 0, 0, 0.25);
    background: #fff;
    padding: 5%;
  }
  body.page-id-7 #sec3 h2 img,
  body.page-template-default.page-id-7 #sec3 h2 img {
    width: 100%;
    height: auto;
    display: block;
  }
  body.page-id-7 #sec3 .btn1 img,
  body.page-template-default.page-id-7 #sec3 .btn1 img {
    content: url(../img/access/s4_btn.jpg);
    width: 100%;
    height: auto;
    display: block;
  }
  body.page-id-7 #sec3,
  body.page-template-default.page-id-7 #sec3 {
    position: relative;
    z-index: 2;
    margin-bottom: -10px;
    height: 300px;
  }
  body.page-id-7 #sec3 .btn1,
  body.page-template-default.page-id-7 #sec3 .btn1 {
    margin: 0 2% 10px;
  }
  body.page-id-7 #sec3 iframe,
  body.page-template-default.page-id-7 #sec3 iframe {
    height: 300px;
  }
  body.page-id-7 #sec4,
  body.page-template-default.page-id-7 #sec4 {
    position: relative;
    padding: 20px 0;
  }
  body.page-id-7 #sec4::before,
  body.page-template-default.page-id-7 #sec4::before {
    content: "";
    display: block;
    width: 100%;
    margin: 0 auto 10px;
    aspect-ratio: 750/133;
    background: url(../img/access/s5_btn.jpg) no-repeat center/contain;
    order: -1;
  }
  body.page-id-7 #sec4 .wrap:before,
  body.page-template-default.page-id-7 #sec4 .wrap:before {
    right: 0;
    top: 0;
    width: 150px;
    height: 150px;
    background-size: cover;
  }
  body.page-id-7 #sec4 .map,
  body.page-template-default.page-id-7 #sec4 .map {
    height: 360px;
    margin-bottom: 0;
  }
  body.page-id-7 #sec4 .btn_link,
  body.page-template-default.page-id-7 #sec4 .btn_link {
    position: static;
    margin: 10px 6% 0;
  }
  body.page-id-7 #sec4 .btn_link img,
  body.page-template-default.page-id-7 #sec4 .btn_link img {
    width: 100%;
    height: auto;
    display: block;
  }
  body.page-id-7 #sec4 .img1,
  body.page-template-default.page-id-7 #sec4 .img1 {
    position: initial;
    order: 1;
    margin-top: 25px;
  }
  body.page-id-7 #sec4 .img1 img,
  body.page-template-default.page-id-7 #sec4 .img1 img {
    width: 80%;
    height: auto;
    display: block;
    margin: 0 0 auto;
  }
  body.page-id-7 #sec5,
  body.page-template-default.page-id-7 #sec5 {
    background-image: url(../img/shared/sec_bg1.jpg);
    background-position: center center;
    background-repeat: repeat;
  }
  body.page-id-7 #sec4 .box,
  body.page-template-default.page-id-7 #sec4 .box {
    width: auto;
    margin: -40px 25px 0;
    background: url(../img/shared/bg.jpg) repeat center top;
    padding: 20px;
    letter-spacing: -1px;
    order: 2;
  }
  body.page-id-7 #sec4 .txt1,
  body.page-template-default.page-id-7 #sec4 .txt1 {
    width: auto;
    margin-left: 0;
    padding-top: 0;
  }
  body.page-id-7 #sec4 h2,
  body.page-template-default.page-id-7 #sec4 h2 {
    display: block;
    font-size: 32px;
    position: initial;
    writing-mode: inherit;
    letter-spacing: 0;
    text-align: center;
  }
  body.page-id-7 #sec4 .txt2,
  body.page-template-default.page-id-7 #sec4 .txt2 {
    margin-left: 0;
    margin-top: 0;
  }
  body.page-id-7 #sec4 .deco1,
  body.page-template-default.page-id-7 #sec4 .deco1 {
    display: none;
  }
  body.page-id-7 #sec4 .wrap,
  body.page-template-default.page-id-7 #sec4 .wrap {
    padding-bottom: 0;
    display: flex;
    flex-direction: column;
  }
  body.page-id-7 #sec4 .wrap::before,
  body.page-template-default.page-id-7 #sec4 .wrap::before {
    content: none;
    display: none;
  }
  body.page-id-7 #sec5 .btn_link,
  body.page-template-default.page-id-7 #sec5 .btn_link {
    padding: 20px 0;
  }
  body.page-id-7 #sec5 .sec5_img,
  body.page-template-default.page-id-7 #sec5 .sec5_img {
    margin-bottom: -30px;
  }
  body.page-id-7 #sec5 .box,
  body.page-template-default.page-id-7 #sec5 .box {
    background: url(../img/shared/bgbody.jpg) repeat center top;
    margin: 0 5%;
    padding: 5%;
    position: relative;
    z-index: 1;
  }
  body.page-id-7 #sec5 .box h2,
  body.page-template-default.page-id-7 #sec5 .box h2 {
    font-size: 6.9vw;
  }
  body.page-id-7 .box_sha,
  body.page-template-default.page-id-7 .box_sha {
    box-shadow: 4px 7px 0 0 rgba(0, 0, 0, 0.25);
    background: #fff;
    padding: 3%;
  }
  body.page-id-7 .box_sha dl,
  body.page-template-default.page-id-7 .box_sha dl {
    margin-bottom: 5%;
    line-height: 22px;
  }
  body.page-id-7 .box_sha dl dt,
  body.page-template-default.page-id-7 .box_sha dl dt {
    color: #c00d0d;
    margin-bottom: 5px;
  }
  body.page-id-7 .login a,
  body.page-template-default.page-id-7 .login a {
    margin: -30px 10px 40px;
    padding: 15px 0;
    display: block;
    color: #fff;
    background-color: #008351;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
    text-align: center;
    text-decoration: none;
    font-size: 18px;
    border-radius: 4px;
    font-weight: 700;
  }
}
@media screen and (max-width: 767px) {
  body.single-post #key {
    aspect-ratio: 750/360;
  }
  body.single-post #key h2 {
    display: none;
  }
  body.page-id-18 #key,
  body.page-template-default.page-id-18 #key {
    aspect-ratio: 750/360;
    background-size: cover;
    background-position: center;
    min-height: 0;
  }
  body.page-id-18 #key h2,
  body.page-template-default.page-id-18 #key h2 {
    display: none;
  }
  body.page-id-18 .news,
  body.page-template-default.page-id-18 .news {
    text-align: left;
  }
  body.page-id-18 #ajax-load-more .alm-listing,
  body.page-id-18 .alm-ajax,
  body.page-id-18 .news-list,
  body.page-template-default.page-id-18 #ajax-load-more .alm-listing,
  body.page-template-default.page-id-18 .alm-ajax,
  body.page-template-default.page-id-18 .news-list {
    display: flex;
    flex-direction: column;
    gap: 16px;
    max-width: none;
    margin: 0;
    padding: 16px 3%;
  }
  body.page-id-18 .news_item,
  body.page-template-default.page-id-18 .news_item {
    border-radius: 6px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
    overflow: hidden;
  }
  body.page-id-18 .news_item .thumb,
  body.page-template-default.page-id-18 .news_item .thumb {
    aspect-ratio: 16/9;
  }
  body.page-id-18 .news_item .thumb img,
  body.page-template-default.page-id-18 .news_item .thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  body.page-id-18 .news_item h2,
  body.page-template-default.page-id-18 .news_item h2 {
    font-size: 1rem;
    margin: 12px 12px 6px;
    line-height: 1.5;
  }
  body.page-id-18 .news_item .news_date,
  body.page-template-default.page-id-18 .news_item .news_date {
    margin: 0 12px 8px;
    font-size: 0.75rem;
  }
  body.page-id-18 .news_item .excerpt,
  body.page-template-default.page-id-18 .news_item .excerpt {
    margin: 0 12px 12px;
    font-size: 0.85rem;
    line-height: 1.6;
  }
  body.page-id-18 .wrapper,
  body.page-template-default.page-id-18 .wrapper {
    margin-top: 25px;
  }
  body.page-id-18 h1,
  body.page-template-default.page-id-18 h1 {
    text-align: center;
  }
  body.page-id-18 .news_item .readmore,
  body.page-template-default.page-id-18 .news_item .readmore {
    display: flex;
    justify-content: center;
  }
  body.page-id-18 .news_item .readmore a,
  body.page-template-default.page-id-18 .news_item .readmore a {
    color: #c2185b;
  }
}
@media screen and (max-width: 767px) {
  body.page-id-41 #key,
  body.page-template-page-contact #key {
    aspect-ratio: 750/760;
  }
  body.page-id-41 #key h2,
  body.page-template-page-contact #key h2 {
    display: none;
  }
  body.page-id-41 section.contact.full-width,
  body.page-template-page-contact section.contact.full-width {
    margin: 0;
    padding: 24px 0;
  }
  body.page-id-41 #contactForm,
  body.page-template-page-contact #contactForm {
    width: 100%;
    max-width: none;
    padding: 0 4%;
    box-sizing: border-box;
  }
  body.page-id-41 #contactForm .wpcf7-form-control-wrap,
  body.page-id-41 #contactForm input[type=text],
  body.page-id-41 #contactForm input[type=email],
  body.page-id-41 #contactForm input[type=tel],
  body.page-id-41 #contactForm textarea,
  body.page-template-page-contact #contactForm .wpcf7-form-control-wrap,
  body.page-template-page-contact #contactForm input[type=text],
  body.page-template-page-contact #contactForm input[type=email],
  body.page-template-page-contact #contactForm input[type=tel],
  body.page-template-page-contact #contactForm textarea {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
  }
  body.page-id-41 #contactForm .label,
  body.page-id-41 .label,
  body.page-template-page-contact #contactForm .label,
  body.page-template-page-contact .label {
    margin-left: 10px;
  }
  body.page-id-41 .btnArea p,
  body.page-template-page-contact .btnArea p {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
@media screen and (min-width: 768px) {
  body.page-id-15 #sec8 .button,
  body.page-template-default.page-id-15 #sec8 .button {
    position: relative;
    z-index: 3;
  }
  body.page-id-7 #sec2 .btn1,
  body.page-template-default.page-id-7 #sec2 .btn1 {
    position: relative;
    z-index: 3;
  }
}
