@import url("https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic:wght@400;500;700;900&display=swap");
* {
  margin: 0;
  padding: 0;
  font-family: "Zen Maru Gothic", sans-serif;
}

.ej {
  background: #d2e8f6;
}

.nu {
  background: #ffe2e6;
}

.nus {
  background: #fff6dc;
}

#page-bred ul {
  list-style: none;
}
#page-bred ul li {
  display: inline;
}

/*-------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------*/
/*--------------------------------------- max-width: 767px ----------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 767px) {
  .pc {
    display: none;
  }
  .drawer {
    margin-top: 0.3rem;
  }
  .drawer-hidden {
    display: none;
  }
  .drawer-open {
    display: flex;
    height: 40px;
    width: 100%;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 100;
    cursor: pointer;
  }
  .drawer-open span,
  .drawer-open span:before,
  .drawer-open span:after {
    content: "";
    display: block;
    height: 3px;
    width: 100%;
    border-radius: 3px;
    background: #333;
    transition: 0.5s;
    position: absolute;
  }
  .drawer-open span:before {
    bottom: 10px;
  }
  .drawer-open span:after {
    top: 10px;
  }
  #drawer-check:checked ~ .drawer-open span {
    background: rgba(255, 255, 255, 0);
  }
  #drawer-check:checked ~ .drawer-open span::before {
    bottom: 0;
    transform: rotate(45deg);
  }
  #drawer-check:checked ~ .drawer-open span::after {
    top: 0;
    transform: rotate(-45deg);
  }
  .drawer-content {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    right: 100%;
    z-index: 99;
    background: #fff;
    transition: 0.5s;
  }
  #drawer-check:checked ~ .drawer-content {
    left: 0;
  }
  .h2title {
    text-align: center;
    color: #56443C;
    font-size: 8vw;
    letter-spacing: 0.2vw;
  }
  .spmenulist {
    margin-bottom: 16px !important;
    margin-left: 5%;
    text-align: left !important;
  }
  body {
    background: url(img/head-bk.jpg) top right repeat-x;
    background-size: 190%;
  }
  header {
    width: 90%;
    margin: 2vh auto 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  header h1 {
    font-size: 5.7vw;
    letter-spacing: 0.5vw;
  }
  header h1 a {
    text-decoration: none;
    color: #56443C;
  }
  header .drawer {
    width: 12%;
  }
  header nav ul {
    margin-top: 16vh;
    text-align: center;
  }
  header nav ul li {
    margin-bottom: 6vh;
    padding-bottom: 0.5vh;
    font-size: 5vw;
    font-weight: 700;
    list-style: none;
    letter-spacing: 0.2vw;
  }
  header nav ul li a {
    text-decoration: none;
    color: #56443C;
  }
  footer #footer-container {
    position: relative;
  }
  footer #footer-container #footer-image img {
    width: 100%;
  }
  footer #footer-container #footer-image #footer-image1 {
    width: 32%;
    position: absolute;
    top: 9vh;
    left: 2%;
    z-index: 2;
  }
  footer #footer-container #footer-image #footer-image2 {
    width: 29%;
    position: absolute;
    top: 15vh;
    right: 2%;
    z-index: 2;
  }
  footer #footer-contents {
    background: #559159;
    padding: 7vh 0 3vh;
    text-align: center;
    color: #fff;
    position: relative;
    top: 20vh;
    z-index: 1;
  }
  footer #footer-contents h2 {
    font-size: 5.9vw;
    letter-spacing: 0.15vw;
    font-weight: 500;
  }
  footer #footer-contents p {
    margin-top: 2vh;
    letter-spacing: 0.15vw;
    line-height: 1.6;
    font-size: 4vw;
  }
  footer #footer-contents p#copyright {
    margin-top: 4vh;
    font-size: 3.7vw;
  }
  /*--- index ----------------------------------------------------------------*/
  #index-eyecatch {
    margin-top: 5vh;
  }
  #index-eyecatch img {
    max-width: 100%;
  }
  #index-eyecatch #index-eye-contents {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 0 0 4vw;
    gap: 2vh;
  }
  #index-eyecatch #index-eye-contents #index-eye-img {
    width: 66.6%;
    position: absolute;
    z-index: 1;
    right: 0;
  }
  #index-eyecatch #index-eye-contents #index-eye-img2 {
    position: static;
    width: 100%;
    height: auto;
    z-index: 1;
  }
  #index-eyecatch #index-eye-contents h2 {
    width: 51%;
    z-index: 3;
    position: absolute;
    top: 97px;
    left: 4.3%;
  }
  #index-about {
    background: url(img/index-about-bk.png) bottom right repeat-x;
    background-size: 280%;
    margin-top: 30px;
  }
  #index-about #index-about-contents {
    width: 91.4%;
    margin: 0 auto;
    position: relative;
    height: 630px;
  }
  #index-about #index-about-contents #index-about-left {
    width: 100%;
    font-size: 4vw;
    color: #56443C;
    font-weight: 500;
    letter-spacing: 0.5vw;
    line-height: 1.6;
    position: relative;
  }
  #index-about #index-about-contents #index-about-left #index-about-link {
    width: 100%;
    position: absolute;
    top: 400px;
  }
  #index-about #index-about-contents #index-about-left #index-about-link img {
    width: 100%;
  }
  #index-about #index-about-contents #index-about-right {
    position: absolute;
    top: 120px;
  }
  #index-about #index-about-contents #index-about-right img {
    width: 100%;
  }
  #index-pickup {
    background: #ddebc2;
    margin-top: -20px;
    padding: 0 0 30vh;
    position: relative;
  }
  #index-pickup h3 {
    margin-bottom: 3vh;
    text-align: center;
    color: #56443C;
    font-size: 4.7vw;
    letter-spacing: 0.15vw;
  }
  #index-pickup #index-pickup-date {
    margin-top: 40px;
    text-align: center;
    color: #56443C;
    font-size: 4vw;
    font-weight: 500;
    letter-spacing: 0.5vw;
  }
  #index-pickup #index-pickup-menu {
    width: 91.4%;
    margin: 0 auto;
    margin-top: 7vh;
  }
  #index-pickup #index-pickup-menu .index-pickup-menu-box {
    margin-bottom: 20px;
    padding: 3vh 0;
    border-radius: 20px;
  }
  #index-pickup #index-pickup-menu .index-pickup-menu-box .index-pickup-menu-img {
    width: 96%;
    margin: 0 auto;
  }
  #index-pickup #index-pickup-menu .index-pickup-menu-box .index-pickup-menu-img img {
    width: 100%;
  }
  #index-pickup #index-pickup-menu .index-pickup-menu-box p {
    width: 86%;
    margin: 2vh auto 0;
    font-size: 4vw;
    font-weight: 500;
    color: #56443C;
  }
  #index-pickup .index-pikcup-menulist {
    width: 91.4%;
    margin: 0 auto;
    background: #fff;
    margin-top: 40px;
    padding: 4vh 0;
    border-radius: 20px;
  }
  #index-pickup .index-pikcup-menulist dl {
    width: 90%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    font-weight: 500;
  }
  #index-pickup .index-pikcup-menulist dl dt {
    width: 100%;
    margin-bottom: 16px;
    font-size: 4vw;
    color: #56443C;
    font-weight: 600;
  }
  #index-pickup .index-pikcup-menulist dl dd {
    width: 50%;
    margin-bottom: 10px;
    font-size: 3.95vw;
  }
  #index-pickup .index-pikcup-menulist dl dd :before {
    position: relative;
    top: 0.7vh;
    margin-right: 6px;
    content: url(img/icon-pdf.png);
  }
  #index-pickup .index-pikcup-menulist #menu-nextmonth {
    margin-top: 26px;
  }
  #index-pickup .index-pikcup-menulist:last-of-type {
    margin-top: 20px;
  }
  #index-pickup #menu-old {
    width: 91.4%;
    margin: 0 auto;
    margin: 40px auto 0;
  }
  #index-pickup #menu-old img {
    width: 100%;
  }
  #index-pickup #index-pickup-bk img {
    width: 100%;
  }
  #index-pickup #index-pickup-bk #index-pickup-bk-l {
    position: absolute;
    left: -2.5vw;
    bottom: 4vh;
  }
  #index-pickup #index-pickup-bk #index-pickup-bk-r {
    width: 100%;
    position: absolute;
    top: -5vh;
    right: 0;
  }
  #index-feature {
    width: 91.4%;
    margin: 0 auto;
    margin-top: 10vh;
  }
  #index-feature #index-feature-container {
    margin-top: 40px;
  }
  #index-feature #index-feature-container .index-feature-contents {
    display: flex;
    flex-wrap: wrap;
  }
  #index-feature #index-feature-container .index-feature-contents .index-feature-img {
    margin-top: 30px;
    order: 3;
  }
  #index-feature #index-feature-container .index-feature-contents .index-feature-img img {
    width: 100%;
  }
  #index-feature #index-feature-container .index-feature-contents h3 {
    width: 100%;
    margin: 2vh 0;
    color: #56443C;
    font-size: 4.7vw;
    letter-spacing: 0.5vw;
    order: 1;
  }
  #index-feature #index-feature-container .index-feature-contents p {
    width: 100%;
    font-size: 4vw;
    color: #56443C;
    font-weight: 500;
    letter-spacing: 0.15vw;
    line-height: 1.6;
    order: 2;
  }
  #index-feature #index-feature-container #index-feature-contents-right {
    margin-top: 40px;
  }
  /*--- page ----------------------------------------------------------------*/
  #page {
    margin-top: 9vh;
  }
  #page #page-title {
    font-size: 7vw;
    color: #56443C;
    position: relative;
    text-align: center;
  }
  #page #page-title:before {
    position: absolute;
    bottom: -2vh;
    left: 50%;
    transform: translateX(-50%);
    width: 22vw;
    height: 3px;
    content: "";
    border-radius: 3px;
    background: #56443C;
    margin: 0 auto;
  }
  #page #page-bred {
    margin: 9vh 0 0 5%;
    color: #56443C;
    font-size: 3.2vw;
    letter-spacing: 0.2vw;
    font-weight: 500;
  }
  #page .page-top {
    margin-top: 7vh;
  }
  /*--- aboutus ----------------------------------------------------------------*/
  #about-discti {
    width: 91.4%;
    margin: 0 auto;
    font-size: 4.4vw;
    color: #56443C;
    letter-spacing: 0.3vw;
    line-height: 1.7;
    font-weight: 500;
  }
  #about-main {
    width: 91.4%;
    margin: 0 auto;
    margin-top: 10vh;
  }
  #about-main .about-box {
    margin-bottom: 7vh;
    padding: 5vh 0 6vh;
    border-radius: 6vw;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2vh;
  }
  #about-main h3 {
    font-size: 6.5vw;
    letter-spacing: 0.15vw;
    color: #56443C;
    text-align: center;
    font-weight: 500;
    letter-spacing: 0.2vw;
  }
  #about-main p {
    margin-top: 3vh;
    font-size: 4vw;
    letter-spacing: 0.4vw;
    color: #56443C;
    font-weight: 500;
    line-height: 1.7;
  }
  #about-main #about-anzen {
    background: #d2e8f6;
  }
  #about-main #about-business {
    background: #ffe2e6;
  }
  #about-main #about-facility {
    background: #fff6dc;
  }
  #about-main #about-anzen-img {
    position: absolute;
    width: 52%;
    height: auto;
    z-index: 1;
    bottom: -5%;
    right: 0;
  }
  #about-main #about-anzen-img img {
    width: 100%;
  }
  #about-main #about-business-img {
    width: 39%;
    position: absolute;
    bottom: -6vh;
    right: 8vw;
  }
  #about-main #about-business-img img {
    width: 100%;
  }
  #about-main #about-facility-img {
    width: 29%;
    position: absolute;
    bottom: -5%;
    right: 3vw;
  }
  #about-main #about-facility-img img {
    width: 100%;
  }
  #about-main .about-contents {
    width: 85%;
    display: flex;
    flex-wrap: wrap;
    margin: 2vh auto 0;
  }
  #about-main .about-contents .about-contents-left {
    order: 2;
  }
  #about-main .about-contents .about-contents-right {
    width: 100%;
    order: 1;
  }
  #about-main .about-contents .about-contents-right img {
    width: 100%;
  }
  #about-main .about-contents2 {
    width: 81.6%;
    margin: 6vh auto 0;
    font-size: 4vw;
    letter-spacing: 0.15vw;
  }
  #about-main .about-contents2 table {
    width: 100%;
    color: #56443C;
    border-collapse: collapse;
  }
  #about-main .about-contents2 table th {
    padding: 3vh 0;
    font-weight: 500;
    text-align: left;
    border-top: 2px solid #56443C;
    border-bottom: 2px solid #56443C;
  }
  #about-main .about-contents2 table td {
    padding: 3vh 0;
    font-weight: 500;
    border-top: 2px solid #56443C;
    border-bottom: 2px solid #56443C;
  }
  /*--- menu ----------------------------------------------------------------*/
  .menulist {
    width: 91.4%;
    margin: 0 auto;
    background: #ececec;
    margin-top: 6vh;
    padding: 4vh 0;
    border-radius: 20px;
  }
  .menulist h3 {
    margin-bottom: 3vh;
    text-align: center;
    color: #56443C;
    font-size: 4.7vw;
    letter-spacing: 0.15vw;
  }
  .menulist dl {
    width: 90%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    font-weight: 500;
  }
  .menulist dl dt {
    width: 100%;
    margin-bottom: 16px;
    font-size: 4vw;
    color: #56443C;
    font-weight: 600;
  }
  .menulist dl dd {
    width: 50%;
    margin-bottom: 10px;
    font-size: 3.95vw;
  }
  .menulist dl dd :before {
    position: relative;
    top: 0.7vh;
    margin-right: 6px;
    content: url(img/icon-pdf.png);
  }
  .menulist #menu-thismonth {
    margin-top: 4vh;
  }
  .menulist #menu-nextmonth {
    margin-top: 3vh;
  }
  #menu-archives {
    width: 91.4%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 5vh;
  }
  #menu-archives #menu-archives-left {
    order: 2;
  }
  #menu-archives #menu-archives-left h3 {
    background-color: #559159;
    padding: 1vh 0 1vh 4vw;
    color: #fff;
    font-size: 6vw;
    letter-spacing: 0.15vw;
  }
  #menu-archives #menu-archives-left .menu-contents {
    margin: 4vh 0 6vh 0;
  }
  #menu-archives #menu-archives-left .menu-contents .menu-date {
    padding-bottom: 0.5vh;
    font-size: 5vw;
    letter-spacing: 0.15vw;
    color: #56443C;
    font-weight: 600;
    border-bottom: 0.1vw solid #56443C;
  }
  #menu-archives #menu-archives-left .menu-box {
    margin-top: 3vh;
  }
  #menu-archives #menu-archives-left .menu-box img {
    width: 100%;
  }
  #menu-archives #menu-archives-left .menu-box h4 {
    padding: 2vh 0;
    text-align: center;
    color: #fff;
    font-size: 5vw;
    font-weight: 600;
  }
  #menu-archives #menu-archives-left .menu-box p {
    font-size: 5vw;
    color: #56443C;
    font-weight: 400;
  }
  #menu-archives #menu-archives-left .menu-box .menu-box-co {
    margin-bottom: 5vh;
  }
  #menu-archives #menu-archives-left .menu-box .menu-box-j h4 {
    background: #5fa5cc;
  }
  #menu-archives #menu-archives-left .menu-box .menu-box-n h4 {
    background: #e18694;
  }
  #menu-archives #menu-archives-left .menu-box .menu-box-no h4 {
    background: #e4a858;
  }
  #menu-archives #menu-archives-right {
    order: 1;
    width: 100%;
    margin-bottom: 5vh;
  }
  #menu-archives #menu-archives-right h4, #menu-archives #menu-archives-right .wp-block-archives__label {
    padding-left: 2vw;
    font-size: 4.7vw;
    letter-spacing: 0.15vw;
    color: #56443C;
    font-weight: 600;
    border-left: 2vw solid #559159;
  }
  #menu-archives #menu-archives-right #menu-archives-month, #menu-archives #menu-archives-right select {
    width: 100%;
    background: #dce8be;
    margin-top: 2vh;
    padding: 1vh 4vw;
    font-size: 4.5vw;
    letter-spacing: 0.15vw;
    color: #56443C;
    font-weight: 600;
  }
  #menu-archives #menu-archives-right #menu-archives-month option, #menu-archives #menu-archives-right select option {
    font-weight: 500;
  }
  /*--- access ----------------------------------------------------------------*/
  #page-access {
    width: 91.4%;
    margin: 0 auto;
  }
  #page-access #access-name {
    margin-top: 5vh;
    text-align: center;
    font-size: 5vw;
    color: #56443C;
    font-weight: 500;
    letter-spacing: 0.15vw;
  }
  #page-access #access-adress {
    margin-top: 1vh;
    text-align: center;
    font-size: 4vw;
    color: #56443C;
    font-weight: 500;
    letter-spacing: 0.15vw;
  }
  #page-access #access-maplink {
    margin: 5vh auto 0;
  }
  #page-access #access-maplink img {
    width: 100%;
  }
}
/*-------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------*/
/*--------------------------------------- max-width: 1279px ---------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------*/
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .sp {
    display: none;
  }
  .inner {
    width: 70%;
    margin: 0 auto;
  }
  .h2title {
    text-align: center;
    color: #56443C;
    font-size: 3.4vw;
    letter-spacing: 0.15vw;
  }
  .on {
    border-bottom: 0.3vw solid #56443C;
  }
  body {
    background: url(img/head-bk.jpg) top center repeat-x;
    background-size: 130%;
  }
  header {
    width: 90%;
    margin: 3vh auto 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  header h1 {
    font-size: 3vw;
  }
  header h1 a {
    text-decoration: none;
    color: #56443C;
  }
  header .drawer {
    margin-top: 1vh;
    width: 50%;
  }
  header nav ul {
    display: flex;
    justify-content: space-between;
  }
  header nav ul li {
    padding-bottom: 0.5vh;
    font-size: 1.5vw;
    font-weight: 700;
    list-style: none;
    letter-spacing: 3px;
  }
  header nav ul li a {
    text-decoration: none;
    color: #56443C;
  }
  footer #footer-container {
    position: relative;
  }
  footer #footer-container #footer-image img {
    width: 100%;
  }
  footer #footer-container #footer-image #footer-image1 {
    width: 20%;
    position: absolute;
    top: 3vh;
    left: 5%;
    z-index: 2;
  }
  footer #footer-container #footer-image #footer-image2 {
    width: 25%;
    position: absolute;
    top: 4vh;
    right: 5%;
    z-index: 2;
  }
  footer #footer-contents {
    background: #559159;
    padding: 5vh 0 6vh;
    text-align: center;
    color: #fff;
    position: relative;
    top: 10vh;
    z-index: 1;
  }
  footer #footer-contents h2 {
    font-size: 2.7vw;
    letter-spacing: 0.15vw;
    font-weight: 500;
  }
  footer #footer-contents p {
    margin-top: 2vh;
    letter-spacing: 0.15vw;
    line-height: 1.6;
    font-size: 2.2vw;
  }
  footer #footer-contents p#copyright {
    margin-top: 4vh;
    font-size: 1.7vw;
  }
  /*--- index ----------------------------------------------------------------*/
  #index-eyecatch {
    margin-top: 6vh;
  }
  #index-eyecatch img {
    max-width: 100%;
  }
  #index-eyecatch #index-eye-contents {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2vh;
  }
  #index-eyecatch #index-eye-contents #index-eye-img {
    width: 60%;
    position: absolute;
    z-index: 1;
    right: 6%;
  }
  #index-eyecatch #index-eye-contents #index-eye-img2 {
    position: static;
    z-index: 1;
  }
  #index-eyecatch #index-eye-contents h2 {
    width: 33%;
    z-index: 3;
    position: absolute;
    top: min(10.9375vw, 210px);
    left: 9%;
  }
  #index-about {
    margin-top: 5vh;
    padding-bottom: 5vh;
    background: url(img/index-about-bk.png) bottom center repeat-x;
    background-size: contain;
  }
  #index-about #index-about-contents {
    display: flex;
    justify-content: space-between;
  }
  #index-about #index-about-contents #index-about-left {
    width: 45%;
    font-size: 1.7vw;
    color: #56443C;
    font-weight: 500;
    letter-spacing: 0.15vw;
    line-height: 1.6;
  }
  #index-about #index-about-contents #index-about-left #index-about-link {
    width: 80%;
    margin-top: 3vh;
  }
  #index-about #index-about-contents #index-about-left #index-about-link img {
    width: 100%;
  }
  #index-about #index-about-contents #index-about-right {
    width: 42.5%;
  }
  #index-about #index-about-contents #index-about-right img {
    width: 100%;
  }
  #index-pickup {
    background: #ddebc2;
    padding: 1vh 0 4vh;
    position: relative;
  }
  #index-pickup h3 {
    margin-bottom: 2vh;
    text-align: center;
    color: #56443C;
    font-size: 2.1vw;
    letter-spacing: 0.15vw;
  }
  #index-pickup #index-pickup-date {
    margin-top: 5vh;
    text-align: center;
    color: #56443C;
    font-size: 1.8vw;
    font-weight: 500;
  }
  #index-pickup #index-pickup-menu {
    display: flex;
    justify-content: space-between;
    margin-top: 6vh;
  }
  #index-pickup #index-pickup-menu .index-pickup-menu-box {
    width: 32.5%;
    padding: 3vh 0;
    border-radius: 1vw;
  }
  #index-pickup #index-pickup-menu .index-pickup-menu-box .index-pickup-menu-img {
    width: 96%;
    margin: 0 auto;
  }
  #index-pickup #index-pickup-menu .index-pickup-menu-box .index-pickup-menu-img img {
    width: 100%;
  }
  #index-pickup #index-pickup-menu .index-pickup-menu-box p {
    width: 86%;
    margin: 2vh auto 0;
    font-size: 1.7vw;
    font-weight: 500;
    color: #56443C;
  }
  #index-pickup .index-pikcup-menulist {
    background: #fff;
    margin-top: 4vh;
    padding: 3vh 0;
    border-radius: 1vw;
  }
  #index-pickup .index-pikcup-menulist dl {
    width: 88%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    font-weight: 500;
  }
  #index-pickup .index-pikcup-menulist dl dt {
    width: 10vw;
    font-size: 1.72vw;
    color: #56443C;
    font-weight: 600;
  }
  #index-pickup .index-pikcup-menulist dl dd {
    margin-left: 3vw;
    font-size: 1.7vw;
  }
  #index-pickup .index-pikcup-menulist dl dd :before {
    position: relative;
    top: 0.7vh;
    margin-right: 0.4vw;
    content: url(img/icon-pdf.png);
  }
  #index-pickup .index-pikcup-menulist #menu-thismonth {
    margin-top: 4vh;
  }
  #index-pickup .index-pikcup-menulist #menu-nextmonth {
    margin-top: 3vh;
  }
  #index-pickup #menu-old {
    width: 30%;
    margin: 7vh auto 0;
  }
  #index-pickup #menu-old img {
    width: 100%;
  }
  #index-pickup #index-pickup-bk img {
    width: 100%;
  }
  #index-pickup #index-pickup-bk #index-pickup-bk-l {
    width: 30%;
    position: absolute;
    left: -2.5vw;
    bottom: -3vh;
  }
  #index-pickup #index-pickup-bk #index-pickup-bk-r {
    width: 22%;
    position: absolute;
    top: -0.5vh;
    right: 0;
  }
  #index-feature {
    margin-top: 8vh;
  }
  #index-feature #index-feature-container {
    margin-top: 6vh;
    display: flex;
    justify-content: space-between;
  }
  #index-feature #index-feature-container .index-feature-contents {
    width: 46%;
  }
  #index-feature #index-feature-container .index-feature-contents img {
    width: 100%;
  }
  #index-feature #index-feature-container .index-feature-contents h3 {
    margin: 2vh 0;
    color: #56443C;
    font-size: 1.9vw;
    letter-spacing: 0.15vw;
  }
  #index-feature #index-feature-container .index-feature-contents p {
    font-size: 1.7vw;
    color: #56443C;
    font-weight: 500;
    letter-spacing: 0.15vw;
    line-height: 1.6;
  }
  /*--- page ----------------------------------------------------------------*/
  #page {
    margin-top: 6vh;
  }
  #page #page-title {
    font-size: 3.5vw;
    color: #56443C;
    position: relative;
  }
  #page #page-title:before {
    position: absolute;
    bottom: -1.5vh;
    width: 7vw;
    height: 4px;
    content: "";
    border-radius: 3px;
    background: #56443C;
  }
  #page #page-bred {
    margin: 8vh 0 0 5%;
    color: #56443C;
    font-weight: 500;
    font-size: 1.6vw;
  }
  #page .page-top {
    margin-top: 9vh;
  }
  /*--- aboutus ----------------------------------------------------------------*/
  #about-discti {
    margin: 0 auto;
    font-size: 1.75vw;
    text-align: center;
    color: #56443C;
    letter-spacing: 0.15vw;
    line-height: 2;
    font-weight: 500;
  }
  #about-main {
    margin-top: 7vh;
  }
  #about-main .about-box {
    margin-bottom: 7vh;
    padding: 6vh 0;
    border-radius: 1.2vw;
    position: relative;
  }
  #about-main h3 {
    font-size: 2.9vw;
    letter-spacing: 0.3vw;
    color: #56443C;
    text-align: center;
  }
  #about-main p {
    font-size: 1.7vw;
    letter-spacing: 0.15vw;
    color: #56443C;
    font-weight: 500;
  }
  #about-main #about-anzen {
    background: #d2e8f6;
  }
  #about-main #about-business {
    background: #ffe2e6;
  }
  #about-main #about-facility {
    background: #fff6dc;
  }
  #about-main #about-anzen-img {
    width: 28%;
    position: absolute;
    top: 25vh;
    left: -1vw;
  }
  #about-main #about-anzen-img img {
    width: 100%;
  }
  #about-main #about-business-img {
    width: 25%;
    position: absolute;
    top: -1.5vh;
    right: -3vw;
  }
  #about-main #about-business-img img {
    width: 100%;
  }
  #about-main #about-facility-img {
    width: 22%;
    position: absolute;
    top: 2vh;
    left: -3.2vw;
  }
  #about-main #about-facility-img img {
    width: 100%;
  }
  #about-main .about-contents {
    width: 85%;
    display: flex;
    justify-content: space-between;
    margin: 4vh auto 0;
  }
  #about-main .about-contents .about-contents-left {
    width: 41%;
  }
  #about-main .about-contents .about-contents-right {
    width: 49%;
  }
  #about-main .about-contents .about-contents-right img {
    width: 100%;
  }
  #about-main .about-contents2 {
    width: 81.6%;
    margin: 6vh auto 0;
    font-size: 1.7vw;
    letter-spacing: 0.15vw;
  }
  #about-main .about-contents2 table {
    width: 100%;
    color: #56443C;
    border-collapse: collapse;
  }
  #about-main .about-contents2 table th {
    padding: 2vh 0;
    font-weight: 500;
    text-align: left;
    border-top: 0.1vw solid #56443C;
    border-bottom: 0.1vw solid #56443C;
  }
  #about-main .about-contents2 table td {
    padding: 2vh 0;
    font-weight: 500;
    border-top: 0.1vw solid #56443C;
    border-bottom: 0.1vw solid #56443C;
  }
  /*--- menu ----------------------------------------------------------------*/
  .menulist {
    background: #ececec;
    margin-top: 4vh;
    padding: 4vh 0;
    border-radius: 1vw;
  }
  .menulist h3 {
    text-align: center;
    color: #56443C;
    font-size: 2.2vw;
    letter-spacing: 0.15vw;
  }
  .menulist dl {
    width: 88%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    font-weight: 500;
  }
  .menulist dl dt {
    width: 10vw;
    font-size: 1.72vw;
    color: #56443C;
    font-weight: 600;
  }
  .menulist dl dd {
    margin-left: 3vw;
    font-size: 1.7vw;
  }
  .menulist dl dd :before {
    position: relative;
    top: 0.7vh;
    margin-right: 0.4vw;
    content: url(img/icon-pdf.png);
  }
  .menulist #menu-thismonth {
    margin-top: 4vh;
  }
  .menulist #menu-nextmonth {
    margin-top: 3vh;
  }
  #menu-archives {
    display: flex;
    justify-content: space-between;
    margin-top: 7vh;
  }
  #menu-archives #menu-archives-left {
    width: 73%;
  }
  #menu-archives #menu-archives-left h3 {
    background-color: #559159;
    padding: 0.3vw 0.5vw;
    color: #fff;
    font-size: 2.2vw;
    letter-spacing: 0.15vw;
    border-radius: 0 2vw 2vw 0;
  }
  #menu-archives #menu-archives-left .menu-contents {
    margin: 4vh 0 6vh 0;
  }
  #menu-archives #menu-archives-left .menu-contents .menu-date {
    font-size: 2vw;
    letter-spacing: 0.15vw;
    color: #56443C;
    font-weight: 600;
    border-bottom: 0.1vw solid #56443C;
  }
  #menu-archives #menu-archives-left .menu-box {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 3%;
    margin-top: 2vh;
  }
  #menu-archives #menu-archives-left .menu-box img {
    width: 100%;
  }
  #menu-archives #menu-archives-left .menu-box h4 {
    padding: 1.2vh 0;
    text-align: center;
    color: #fff;
    font-size: 2vw;
    font-weight: 600;
  }
  #menu-archives #menu-archives-left .menu-box p {
    font-size: 1.6vw;
    color: #56443C;
    font-weight: 500;
  }
  #menu-archives #menu-archives-left .menu-box .menu-box-j h4 {
    background: #5fa5cc;
  }
  #menu-archives #menu-archives-left .menu-box .menu-box-n h4 {
    background: #e18694;
  }
  #menu-archives #menu-archives-left .menu-box .menu-box-no h4 {
    background: #e4a858;
  }
  #menu-archives #menu-archives-right {
    width: 20%;
  }
  #menu-archives #menu-archives-right h4, #menu-archives #menu-archives-right .wp-block-archives__label {
    padding-left: 0.5vw;
    font-size: 2vw;
    letter-spacing: 0.2vw;
    color: #56443C;
    font-weight: 600;
    border-left: 1vw solid #559159;
  }
  #menu-archives #menu-archives-right #menu-archives-month, #menu-archives #menu-archives-right select {
    width: 100%;
    background: #dce8be;
    margin-top: 2vh;
    padding: 1vh 0 1vh 0.5vw;
    font-size: 1.9vw;
    letter-spacing: 0.3vw;
    color: #56443C;
    font-weight: 600;
  }
  #menu-archives #menu-archives-right #menu-archives-month option, #menu-archives #menu-archives-right select option {
    font-weight: 500;
  }
  /*--- access ----------------------------------------------------------------*/
  #page-access #access-name {
    margin-top: 5vh;
    text-align: center;
    font-size: 1.7vw;
    color: #56443C;
    font-weight: 500;
    letter-spacing: 0.15vw;
  }
  #page-access #access-adress {
    margin-top: 1vh;
    text-align: center;
    font-size: 1.5vw;
    color: #56443C;
    font-weight: 500;
    letter-spacing: 0.15vw;
  }
  #page-access #access-maplink {
    width: 30%;
    margin: 5vh auto 0;
  }
  #page-access #access-maplink img {
    width: 100%;
  }
}
/*-------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------*/
/*--------------------------------------- min-width: 1281px ---------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------*/
@media screen and (min-width: 1280px) {
  .sp {
    display: none;
  }
  .inner {
    width: 60%;
    margin: 0 auto;
  }
  .img-h {
    display: block;
    transition: all 0.3s ease-in-out;
    position: relative;
  }
  .img-h {
    transform: translateY(-2px);
    filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.5));
  }
  .img-h:hover {
    transform: translateY(2px);
    filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0));
  }
  .h2title {
    text-align: center;
    color: #56443C;
    font-size: 2vw;
    letter-spacing: 0.15vw;
  }
  .on {
    border-bottom: 0.3vw solid #56443C;
  }
  body {
    background: url(img/head-bk.jpg) top center repeat-x;
  }
  header {
    width: 90%;
    margin: 5vh auto 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  header h1 {
    font-size: 1.8vw;
  }
  header h1 a {
    text-decoration: none;
    color: #56443C;
  }
  header .drawer {
    width: 36%;
  }
  header nav ul {
    display: flex;
    justify-content: space-between;
  }
  header nav ul li {
    padding-bottom: 0.5vh;
    font-size: 0.9vw;
    font-weight: 700;
    list-style: none;
    letter-spacing: 3px;
    position: relative;
  }
  header nav ul li a {
    text-decoration: none;
    color: #56443C;
  }
  header nav ul li a::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 3px;
    border-radius: 4px;
    background-color: #56443C;
    bottom: -0.2vh;
    left: 0;
    transform-origin: right;
    transform: scaleX(0);
    transition: transform 0.3s ease-in-out;
  }
  header nav ul li a:hover::before {
    transform-origin: left;
    transform: scaleX(1);
  }
  footer #footer-container {
    position: relative;
  }
  footer #footer-container #footer-image img {
    width: 100%;
  }
  footer #footer-container #footer-image #footer-image1 {
    width: 18%;
    position: absolute;
    top: 6vh;
    left: 5%;
    z-index: 2;
  }
  footer #footer-container #footer-image #footer-image2 {
    width: 20%;
    position: absolute;
    top: 7vh;
    right: 5%;
    z-index: 2;
  }
  footer #footer-contents {
    background: #559159;
    padding: 8vh 0 6vh;
    text-align: center;
    color: #fff;
    position: relative;
    top: 20vh;
    z-index: 1;
  }
  footer #footer-contents h2 {
    font-size: 1.1vw;
    letter-spacing: 0.15vw;
    font-weight: 500;
  }
  footer #footer-contents p {
    margin-top: 2vh;
    letter-spacing: 0.15vw;
    line-height: 1.6;
    font-size: 0.9vw;
  }
  footer #footer-contents p#copyright {
    margin-top: 4vh;
    font-size: 0.8vw;
  }
  /*--- index ----------------------------------------------------------------*/
  #index-eyecatch {
    margin-top: 16vh;
  }
  #index-eyecatch img {
    max-width: 100%;
  }
  #index-eyecatch #index-eye-contents {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2vh;
  }
  #index-eyecatch #index-eye-contents #index-eye-img {
    width: 60%;
    position: absolute;
    z-index: 1;
    right: 6%;
  }
  #index-eyecatch #index-eye-contents #index-eye-img2 {
    position: static;
    z-index: 1;
  }
  #index-eyecatch #index-eye-contents h2 {
    width: 33%;
    z-index: 3;
    position: absolute;
    top: min(10.9375vw, 210px);
    left: 9%;
  }
  #index-about {
    margin-top: 10vh;
    padding-bottom: 10vh;
    background: url(img/index-about-bk.png) bottom center repeat-x;
    background-size: contain;
  }
  #index-about #index-about-contents {
    display: flex;
    justify-content: space-between;
  }
  #index-about #index-about-contents #index-about-left {
    width: 45%;
    font-size: 0.9vw;
    color: #56443C;
    font-weight: 500;
    letter-spacing: 0.15vw;
    line-height: 1.6;
  }
  #index-about #index-about-contents #index-about-left #index-about-link {
    width: 65%;
    margin-top: 8vh;
  }
  #index-about #index-about-contents #index-about-left #index-about-link img {
    width: 100%;
  }
  #index-about #index-about-contents #index-about-right {
    width: 42.5%;
  }
  #index-about #index-about-contents #index-about-right img {
    width: 100%;
  }
  #index-pickup {
    background: #ddebc2;
    padding: 5vh 0 10vh;
    position: relative;
  }
  #index-pickup h3 {
    margin-bottom: 2vh;
    text-align: center;
    color: #56443C;
    font-size: 1.1vw;
    letter-spacing: 0.15vw;
  }
  #index-pickup #index-pickup-date {
    margin-top: 9vh;
    text-align: center;
    color: #56443C;
    font-size: 1vw;
    font-weight: 500;
  }
  #index-pickup #index-pickup-menu {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 3%;
    margin-top: 7vh;
  }
  #index-pickup #index-pickup-menu .index-pickup-menu-box {
    padding: 3vh 0;
    border-radius: 1vw;
  }
  #index-pickup #index-pickup-menu .index-pickup-menu-box .index-pickup-menu-img {
    width: 96%;
    margin: 0 auto;
  }
  #index-pickup #index-pickup-menu .index-pickup-menu-box .index-pickup-menu-img img {
    width: 100%;
  }
  #index-pickup #index-pickup-menu .index-pickup-menu-box p {
    width: 86%;
    margin: 2vh auto 0;
    font-size: 0.9vw;
    font-weight: 500;
    color: #56443C;
  }
  #index-pickup .index-pikcup-menulist {
    background: #fff;
    margin-top: 6vh;
    padding: 4vh 0;
    border-radius: 1vw;
  }
  #index-pickup .index-pikcup-menulist dl {
    width: 70%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    font-weight: 500;
  }
  #index-pickup .index-pikcup-menulist dl dt {
    width: 8vw;
    font-size: 0.92vw;
    color: #56443C;
    font-weight: 600;
  }
  #index-pickup .index-pikcup-menulist dl dd {
    margin-left: 3vw;
    font-size: 0.9vw;
  }
  #index-pickup .index-pikcup-menulist dl dd :before {
    position: relative;
    top: 0.7vh;
    margin-right: 0.4vw;
    content: url(img/icon-pdf.png);
  }
  #index-pickup .index-pikcup-menulist #menu-thismonth {
    margin-top: 4vh;
  }
  #index-pickup .index-pikcup-menulist #menu-nextmonth {
    margin-top: 3vh;
  }
  #index-pickup #menu-old {
    width: 17.5%;
    margin: 10vh auto 0;
  }
  #index-pickup #menu-old img {
    width: 100%;
  }
  #index-pickup #index-pickup-bk img {
    width: 100%;
  }
  #index-pickup #index-pickup-bk #index-pickup-bk-l {
    width: 25%;
    position: absolute;
    left: -2.5vw;
    bottom: -6vh;
  }
  #index-pickup #index-pickup-bk #index-pickup-bk-r {
    width: 24%;
    position: absolute;
    top: -3.5vh;
    right: 0;
  }
  #index-feature {
    margin-top: 10vh;
  }
  #index-feature #index-feature-container {
    margin-top: 8vh;
    display: flex;
    justify-content: space-between;
  }
  #index-feature #index-feature-container .index-feature-contents {
    width: 46%;
  }
  #index-feature #index-feature-container .index-feature-contents img {
    width: 100%;
  }
  #index-feature #index-feature-container .index-feature-contents h3 {
    margin: 2vh 0;
    color: #56443C;
    font-size: 1.1vw;
    letter-spacing: 0.15vw;
  }
  #index-feature #index-feature-container .index-feature-contents p {
    font-size: 0.9vw;
    color: #56443C;
    font-weight: 500;
    letter-spacing: 0.15vw;
    line-height: 1.6;
  }
  /*--- page ----------------------------------------------------------------*/
  #page {
    margin-top: 18vh;
  }
  #page #page-title {
    font-size: 2.4vw;
    color: #56443C;
    position: relative;
  }
  #page #page-title:before {
    position: absolute;
    bottom: -2vh;
    width: 5vw;
    height: 5px;
    content: "";
    border-radius: 3px;
    background: #56443C;
  }
  #page #page-bred {
    margin: 15vh 0 0 5%;
    color: #56443C;
    font-weight: 500;
    font-size: 0.8vw;
  }
  #page .page-top {
    margin-top: 15vh;
  }
  /*--- aboutus ----------------------------------------------------------------*/
  #about-discti {
    font-size: 0.95vw;
    text-align: center;
    color: #56443C;
    letter-spacing: 0.15vw;
    line-height: 1.7;
    font-weight: 500;
  }
  #about-main {
    margin-top: 10vh;
  }
  #about-main .about-box {
    margin-bottom: 7vh;
    padding: 8vh 0;
    border-radius: 1.2vw;
    position: relative;
  }
  #about-main h3 {
    font-size: 1.7vw;
    letter-spacing: 0.15vw;
    color: #56443C;
    text-align: center;
  }
  #about-main p {
    font-size: 0.9vw;
    letter-spacing: 0.15vw;
    color: #56443C;
    font-weight: 500;
  }
  #about-main #about-anzen {
    background: #d2e8f6;
  }
  #about-main #about-business {
    background: #ffe2e6;
  }
  #about-main #about-facility {
    background: #fff6dc;
  }
  #about-main #about-anzen-img {
    width: 24%;
    position: absolute;
    top: 34vh;
    left: -1vw;
  }
  #about-main #about-anzen-img img {
    width: 100%;
  }
  #about-main #about-business-img {
    width: 22%;
    position: absolute;
    top: -1.5vh;
    right: -3vw;
  }
  #about-main #about-business-img img {
    width: 100%;
  }
  #about-main #about-facility-img {
    width: 18%;
    position: absolute;
    top: 3vh;
    left: -3.2vw;
  }
  #about-main #about-facility-img img {
    width: 100%;
  }
  #about-main .about-contents {
    width: 85%;
    display: flex;
    justify-content: space-between;
    margin: 6vh auto 0;
  }
  #about-main .about-contents .about-contents-left {
    width: 41%;
  }
  #about-main .about-contents .about-contents-right {
    width: 49%;
  }
  #about-main .about-contents .about-contents-right img {
    width: 100%;
  }
  #about-main .about-contents2 {
    width: 81.6%;
    margin: 6vh auto 0;
    font-size: 0.9vw;
    letter-spacing: 0.15vw;
  }
  #about-main .about-contents2 table {
    width: 100%;
    color: #56443C;
    border-collapse: collapse;
  }
  #about-main .about-contents2 table th {
    padding: 2vh 0;
    font-weight: 500;
    text-align: left;
    border-top: 0.1vw solid #56443C;
    border-bottom: 0.1vw solid #56443C;
  }
  #about-main .about-contents2 table td {
    padding: 2vh 0;
    font-weight: 500;
    border-top: 0.1vw solid #56443C;
    border-bottom: 0.1vw solid #56443C;
  }
  /*--- menu ----------------------------------------------------------------*/
  .menulist {
    background: #ececec;
    margin-top: 6vh;
    padding: 4vh 0;
    border-radius: 1vw;
  }
  .menulist h3 {
    text-align: center;
    color: #56443C;
    font-size: 1.1vw;
    letter-spacing: 0.15vw;
  }
  .menulist dl {
    width: 70%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    font-weight: 500;
  }
  .menulist dl dt {
    width: 8vw;
    font-size: 0.92vw;
    color: #56443C;
    font-weight: 600;
  }
  .menulist dl dd {
    margin-left: 3vw;
    font-size: 0.9vw;
  }
  .menulist dl dd :before {
    position: relative;
    top: 0.7vh;
    margin-right: 0.4vw;
    content: url(img/icon-pdf.png);
  }
  .menulist #menu-thismonth {
    margin-top: 4vh;
  }
  .menulist #menu-nextmonth {
    margin-top: 3vh;
  }
  #menu-archives {
    display: flex;
    justify-content: space-between;
    margin-top: 10vh;
  }
  #menu-archives #menu-archives-left {
    width: 73%;
  }
  #menu-archives #menu-archives-left h3 {
    background-color: #559159;
    padding: 0.3vw 0.5vw;
    color: #fff;
    font-size: 1.15vw;
    letter-spacing: 0.15vw;
    border-radius: 0 2vw 2vw 0;
  }
  #menu-archives #menu-archives-left .menu-contents {
    margin: 4vh 0 6vh 0;
  }
  #menu-archives #menu-archives-left .menu-contents .menu-date {
    font-size: 1.05vw;
    letter-spacing: 0.15vw;
    color: #56443C;
    font-weight: 600;
    border-bottom: 0.1vw solid #56443C;
  }
  #menu-archives #menu-archives-left .menu-box {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 3%;
    margin-top: 3vh;
  }
  #menu-archives #menu-archives-left .menu-box img {
    width: 100%;
  }
  #menu-archives #menu-archives-left .menu-box h4 {
    padding: 1.2vh 0;
    text-align: center;
    color: #fff;
    font-size: 1.05vw;
    font-weight: 600;
  }
  #menu-archives #menu-archives-left .menu-box p {
    font-size: 0.8vw;
    color: #56443C;
    font-weight: 500;
  }
  #menu-archives #menu-archives-left .menu-box .menu-box-j h4 {
    background: #5fa5cc;
  }
  #menu-archives #menu-archives-left .menu-box .menu-box-n h4 {
    background: #e18694;
  }
  #menu-archives #menu-archives-left .menu-box .menu-box-no h4 {
    background: #e4a858;
  }
  #menu-archives #menu-archives-right {
    width: 20%;
  }
  #menu-archives #menu-archives-right .sidew {
    margin-bottom: 2vh;
  }
  #menu-archives #menu-archives-right h4, #menu-archives #menu-archives-right .wp-block-archives__label {
    padding-left: 0.5vw;
    font-size: 1.05vw;
    letter-spacing: 0.15vw;
    color: #56443C;
    font-weight: 600;
    border-left: 0.5vw solid #559159;
  }
  #menu-archives #menu-archives-right #menu-archives-month, #menu-archives #menu-archives-right select {
    width: 100%;
    background: #dce8be;
    margin-top: 2vh;
    padding: 0.4vh 0.5vw;
    font-size: 1vw;
    letter-spacing: 0.15vw;
    color: #56443C;
    font-weight: 600;
    border: 0;
  }
  #menu-archives #menu-archives-right option {
    font-weight: 500;
  }
  /*--- access ----------------------------------------------------------------*/
  #page-access #access-name {
    margin-top: 5vh;
    text-align: center;
    font-size: 0.9vw;
    color: #56443C;
    font-weight: 500;
    letter-spacing: 0.15vw;
  }
  #page-access #access-adress {
    margin-top: 1vh;
    text-align: center;
    font-size: 0.8vw;
    color: #56443C;
    font-weight: 500;
    letter-spacing: 0.15vw;
  }
  #page-access #access-maplink {
    width: 22vw;
    margin: 5vh auto 0;
  }
  #page-access #access-maplink img {
    width: 100%;
  }
}/*# sourceMappingURL=style.css.map */