@charset "UTF-8";
/*
 Theme Name:   Hamburger
 Theme URI:   
 Author:       Yuiko（Original: YAT）
 Author URI: 
 Description:  Hamburgerサイト
 Version:      1.0.0
 License:      GPLv2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  HAMBURGER
 Tested up to: 6.7
 Requires PHP: 8.4
*/
/*light*/
/*Medium*/
/*Bold*/
/*Heavy*/
/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

body {
  line-height: 1;
}

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

nav ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

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

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

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

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
}

.l-footer {
  height: 9.375rem;
  width: 100%;
  position: relative;
  z-index: 2;
}
@media screen and (min-width: 1200px) {
  .l-footer {
    width: 100%;
    position: unset;
    grid-row: 3/4;
    grid-column: 1/3;
  }
}
.l-footer__inner {
  display: block;
  height: 100%;
}
.l-footer__textarea {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  position: relative;
}
.l-footer__text {
  position: absolute;
  top: 10.67%;
}
@media screen and (min-width: 781px) {
  .l-footer__text {
    position: absolute;
    top: 20%;
  }
}
@media screen and (min-width: 1200px) {
  .l-footer__text {
    position: absolute;
    top: 27.33%;
  }
}
.l-footer__text--small {
  position: absolute;
  bottom: 10.67%;
}
@media screen and (min-width: 781px) {
  .l-footer__text--small {
    position: absolute;
    bottom: 16.67%;
  }
}
@media screen and (min-width: 1200px) {
  .l-footer__text--small {
    position: absolute;
    bottom: 18%;
  }
}

.l-header {
  height: 13.4375rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #FFF7EF;
}
@media screen and (min-width: 781px) {
  .l-header {
    height: 13.5625rem;
    position: relative;
  }
}
@media screen and (min-width: 1200px) {
  .l-header {
    grid-row: 1/2;
    grid-column: 1/2;
    width: 100%;
    justify-content: unset;
    position: unset;
  }
}
.l-header__article {
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 1200px) {
  .l-header__article {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    position: relative;
  }
}
.l-header__title {
  display: flex;
  font: 700 2.5rem "Roboto", Noto Sans JP, MyYuGothicM, YuGothic, -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", Meiryo, Verdana, arial, helvetica, sans-serif;
  color: #707070;
  margin: 1.94rem 0 0 0;
  padding: 0.75rem;
}
@media screen and (min-width: 1200px) {
  .l-header__title {
    margin: 0;
    padding: 0;
    position: absolute;
    left: 4.185%;
    font-size: 4rem;
    line-height: 4.6875rem;
  }
}
.l-header__title > a {
  cursor: pointer;
}
.l-header__title > a:link {
  color: #707070;
  text-decoration: none;
}
.l-header__title > a:visited {
  color: #707070;
  text-decoration: none;
}
.l-header__title > a:hover {
  color: #707070;
  text-decoration: none;
  -webkit-text-decoration-color: #707070;
          text-decoration-color: #707070;
}
.l-header__title > a:focus {
  color: #707070;
  text-decoration: none;
}
.l-header__title > a:active {
  color: #707070;
  text-decoration: none;
}
.l-header__title__small {
  display: block;
  font: 700 1.25rem "Roboto", Noto Sans JP, MyYuGothicM, YuGothic, -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", Meiryo, Verdana, arial, helvetica, sans-serif;
  color: #707070;
  position: absolute;
  top: 0;
  right: 0;
  padding: 0.5rem;
  background-color: #FFF7EF;
  border: unset;
  cursor: pointer;
}
@media screen and (min-width: 781px) {
  .l-header__title__small {
    font-size: 2.125rem;
    position: absolute;
    right: 3%;
    top: 9.2%;
  }
}
@media screen and (min-width: 1200px) {
  .l-header__title__small {
    display: none;
  }
}

.l-main {
  flex-grow: 1;
}
@media screen and (min-width: 1200px) {
  .l-main {
    width: 100%;
    grid-row: 2/3;
    grid-column: 1/2;
  }
}
.l-main__font {
  font-family: "M PLUS 1p", Noto Sans JP, MyYuGothicM, YuGothic, -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", Meiryo, Verdana, arial, helvetica, sans-serif;
  font-weight: 700;
}
.l-main__color {
  color: #3C2A10;
}
.l-main__width {
  width: 89.3%;
}

.l-sidebar {
  grid-row: 1/3;
  grid-column: 2/3;
}
.l-sidebar__background {
  display: block;
  position: absolute;
  top: 0%;
  right: 0%;
  width: 100%;
  height: 100%;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.502);
  z-index: -1;
  transition: all 0.3s ease-out 1ms;
}
@media screen and (min-width: 1200px) {
  .l-sidebar__background {
    z-index: -100;
    right: 0%;
    background-color: unset;
  }
}
.l-sidebar__background.appear {
  opacity: 1;
  z-index: 900;
}
.l-sidebar__nav {
  display: block;
  position: absolute;
  width: 20.5rem;
  right: -100%;
  top: 0%;
  height: 100%;
  background-color: #f5f5f5;
  z-index: 999;
  transition: all 0.3s linear 0ms;
}
@media screen and (min-width: 781px) {
  .l-sidebar__nav {
    width: 22.94rem;
  }
}
@media screen and (min-width: 1200px) {
  .l-sidebar__nav {
    display: block;
    width: 100%;
    height: 100%;
    background-color: #f5f5f5;
    position: unset;
    transform: unset;
  }
}
.l-sidebar__nav.open {
  right: 0%;
  transition: all 0.3s linear 500ms;
  overflow: auto;
  max-height: 100vh;
}
.l-sidebar__title {
  /* display: none;*/
  display: block;
  font: 700 2.125rem "Roboto", Noto Sans JP, MyYuGothicM, YuGothic, -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", Meiryo, Verdana, arial, helvetica, sans-serif;
  color: #707070;
  padding: 5.5rem 0 5.625rem 12.5%;
}
@media screen and (min-width: 1200px) {
  .l-sidebar__title {
    padding: 5.25rem 0 5.625rem 12.5%;
  }
}
.l-sidebar__title--small {
  display: block;
  font: 700 1.5rem "M PLUS 1p", Noto Sans JP, MyYuGothicM, YuGothic, -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", Meiryo, Verdana, arial, helvetica, sans-serif;
  color: #707070;
  padding: 0 0 0 12.5%;
}
.l-sidebar__menu {
  display: block;
  font: 400 1.25rem "M PLUS 1p", Noto Sans JP, MyYuGothicM, YuGothic, -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", Meiryo, Verdana, arial, helvetica, sans-serif;
  color: #707070;
}
.l-sidebar__menu__list {
  display: block;
  font: 400 1.25rem "M PLUS 1p", Noto Sans JP, MyYuGothicM, YuGothic, -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", Meiryo, Verdana, arial, helvetica, sans-serif;
  color: #707070;
  padding: 0.75rem 0 3rem 17.3%;
}
.l-sidebar__menu__item {
  line-height: 1.85625rem;
  margin-top: 1.25rem;
}
.l-sidebar .l-sidebar__menu__list > li {
  line-height: 1.85625rem;
  margin-top: 1.25rem;
}

.l-wrapper {
  display: block;
  flex-direction: column;
  justify-content: center;
  width: auto;
  box-sizing: border-box;
  position: relative;
  overflow-x: hidden;
  min-height: 100vh;
}
@media screen and (min-width: 1200px) {
  .l-wrapper {
    display: grid;
    grid-template-columns: 80% 20%;
    grid-template-rows: 13.5625rem 1fr 9.375rem;
    min-height: 100vh;
  }
}
.l-wrapper.fix {
  overflow: hidden;
  max-height: 100vh;
}

.c-title__hero {
  display: flex;
  align-items: center;
  padding-left: 6.7%;
  font-size: 9.6vw;
  color: #FFFFFF;
}
@media screen and (min-width: 781px) {
  .c-title__hero {
    font-size: 4.32vw;
    padding-left: 10.3%;
  }
}
@media screen and (min-width: 1200px) {
  .c-title__hero {
    font-size: 2.08vw;
    padding-left: 5.5%;
  }
}
.c-title__arcive {
  display: block;
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 41.58px;
  color: #3C2A10;
  font-family: "Mplus 1m", Noto Sans JP, MyYuGothicM, YuGothic, -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", Meiryo, Verdana, arial, helvetica, sans-serif;
}
@media screen and (min-width: 781px) {
  .c-title__arcive {
    font-size: 2.25rem;
    line-height: 3.34rem;
  }
}
.c-title__hero--single {
  color: #FFFFFF;
  font-size: 9.6vw;
  position: absolute;
  margin-left: 6.95%;
  line-height: 3.34rem;
}
@media screen and (min-width: 781px) {
  .c-title__hero--single {
    margin-left: 5.375rem;
    line-height: 5.57rem;
    font-size: 3.75rem;
  }
}
@media screen and (min-width: 1200px) {
  .c-title__hero--single {
    margin-left: 5.375rem;
  }
}

.c-button {
  display: block;
}
.c-button__close__area {
  display: flex;
  align-items: center;
  width: 2rem;
  /*height: ;//36px 2.25rem*/
  aspect-ratio: 32/36;
  cursor: pointer;
  position: absolute;
  top: 0.5rem;
  right: -100%;
  transition: all 0.3s linear 0ms;
}
@media screen and (min-width: 781px) {
  .c-button__close__area {
    aspect-ratio: 32/37;
    top: 1.25rem;
  }
}
@media screen and (min-width: 1200px) {
  .c-button__close__area {
    display: none;
  }
}
.c-button__close__area.fixButton {
  position: fixed;
  right: 0.69rem;
  transition: all 0.3s linear 500ms;
}
@media screen and (min-width: 781px) {
  .c-button__close__area.fixButton {
    right: 1.56rem;
  }
}
.c-button__close {
  display: flex;
  content: "";
  /*width: 2rem;//32px 2rem*/
  height: 0.125rem;
  background-color: aqua;
  position: relative;
}
.c-button__close::before {
  content: "";
  position: absolute;
  font-family: "M PLUS 1p", Noto Sans JP, MyYuGothicM, YuGothic, -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", Meiryo, Verdana, arial, helvetica, sans-serif;
  width: 2.828rem;
  height: 0.375rem;
  top: -0.125rem;
  left: -0.3125rem;
  background-color: #707070;
  transform: rotate(45deg);
}
.c-button__close::after {
  content: "";
  position: absolute;
  font-family: "M PLUS 1p", Noto Sans JP, MyYuGothicM, YuGothic, -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", Meiryo, Verdana, arial, helvetica, sans-serif;
  width: 2.828rem;
  height: 0.375rem;
  top: -0.125rem;
  left: -0.3125rem;
  background-color: #707070;
  transform: rotate(-45deg);
}
.c-button__transmit {
  border-radius: 45px;
  border: none;
  width: 163.16px;
  height: 42.47px;
  margin: 0 auto 43.65px auto;
}
@media screen and (min-width: 781px) {
  .c-button__transmit {
    width: 43.14%;
    margin: 0;
  }
}
@media screen and (min-width: 1200px) {
  .c-button__transmit {
    height: 4.75rem;
    width: 37.6%;
  }
}
.c-button__text {
  font: 700 1rem "M PLUS 1p", Noto Sans JP, MyYuGothicM, YuGothic, -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", Meiryo, Verdana, arial, helvetica, sans-serif;
  color: #707070;
  text-align: center;
  line-height: 1.0625rem;
}
.c-button__bottom {
  cursor: pointer;
  max-width: 26.81rem;
  max-height: 6.5rem;
  width: 89.3%;
  aspect-ratio: 335/81;
  border-radius: 1.25rem;
  border: 0.0625rem solid #707070;
  background: linear-gradient(#F2EDE9, #DED8D3);
}

.c-card {
  display: flex;
}
.c-card__column {
  display: flex;
  flex-direction: column;
}
.c-card__row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.c-article {
  color: #3C2A10;
  font-size: 1rem;
}
.c-article__lineheight {
  line-height: 1.5rem;
}
@media screen and (min-width: 781px) {
  .c-article__lineheight {
    line-height: 1.485rem;
  }
}
.c-article__text--black {
  color: #000000;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.485rem;
}
@media screen and (min-width: 1200px) {
  .c-article__text--black {
    line-height: 2.0625rem;
  }
}
.c-article__text--verticalCenter {
  display: flex;
  align-items: center;
}

.c-underline {
  display: inline-block;
  position: relative;
  margin-bottom: 1.2088rem;
}
.c-underline::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  bottom: -1.2088rem;
  background-color: #FFFFFF;
  height: 0.25rem;
  width: 9.05vw;
}
@media screen and (min-width: 781px) {
  .c-underline::before {
    width: 4.31vw;
  }
}
@media screen and (min-width: 1200px) {
  .c-underline::before {
    width: 3.29vw;
  }
}
.c-underline--large {
  display: inline-block;
  position: relative;
  margin-bottom: 1.3338rem;
}
.c-underline--large::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  bottom: -1.3338rem;
  background-color: #FFFFFF;
  height: 0.25rem;
  width: 9.05vw;
}
@media screen and (min-width: 781px) {
  .c-underline--large::before {
    width: 4.31vw;
  }
}
@media screen and (min-width: 1200px) {
  .c-underline--large::before {
    width: 3.29vw;
  }
}
.c-underline--long {
  display: inline-block;
  position: relative;
  margin-bottom: 0.9375rem;
}
.c-underline--long::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  bottom: -0.9375rem;
  background-color: #FFFFFF;
  height: 0.125rem;
  width: 4.6875rem;
}

.c-menu {
  display: none;
}
@media screen and (min-width: 1200px) {
  .c-menu {
    display: block;
  }
}

.c-pagenation__link {
  display: block;
  cursor: pointer;
}
.c-pagenation__link:link {
  color: #707070;
  text-decoration: none;
}
.c-pagenation__link:visited {
  color: #707070;
  text-decoration: none;
}
.c-pagenation__link:hover {
  color: #707070;
  text-decoration: underline;
  -webkit-text-decoration-color: #707070;
          text-decoration-color: #707070;
}
.c-pagenation__link:focus {
  color: #707070;
  text-decoration: none;
}
.c-pagenation__link:active {
  color: #707070;
  text-decoration: none;
}
.c-pagenation__link--none {
  text-decoration: none;
  color: #FFFFFF;
}

.c-menuItem__link {
  display: block;
  cursor: pointer;
}
.c-menuItem__link:link {
  color: #707070;
  text-decoration: none;
}
.c-menuItem__link:visited {
  color: #707070;
  text-decoration: none;
}
.c-menuItem__link:hover {
  color: #707070;
  text-decoration: underline;
  -webkit-text-decoration-color: #707070;
          text-decoration-color: #707070;
}
.c-menuItem__link:focus {
  color: #707070;
  text-decoration: none;
}
.c-menuItem__link:active {
  color: #707070;
  text-decoration: none;
}

.c-image__threeBurgers--sp {
  height: 100%;
}
@media screen and (min-width: 781px) {
  .c-image__threeBurgers--sp {
    display: none;
  }
}
.c-image__threeBurgers--tb {
  display: none;
}
@media screen and (min-width: 781px) {
  .c-image__threeBurgers--tb {
    height: 100%;
    display: block;
  }
}
@media screen and (min-width: 1200px) {
  .c-image__threeBurgers--tb {
    display: none;
  }
}
.c-image__threeBurgers--pc {
  display: none;
}
@media screen and (min-width: 1200px) {
  .c-image__threeBurgers--pc {
    display: block;
    height: 100%;
  }
}
.c-image__window--sp {
  -o-object-fit: cover;
     object-fit: cover;
  height: -webkit-fill-available;
  aspect-ratio: 336.11/230.53;
  width: 100%;
}
@media screen and (min-width: 781px) {
  .c-image__window--sp {
    display: none;
  }
}
.c-image__window--tb {
  display: none;
}
@media screen and (min-width: 781px) {
  .c-image__window--tb {
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
    aspect-ratio: 378.28/354.5;
    width: 100%;
  }
}
@media screen and (min-width: 1200px) {
  .c-image__window--tb {
    display: none;
  }
}
.c-image__window--pc {
  display: none;
}
@media screen and (min-width: 1200px) {
  .c-image__window--pc {
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
    aspect-ratio: 677/471;
    width: 100%;
  }
}
.c-image__food--upper {
  display: flex;
  width: 89.3%;
  aspect-ratio: 335/124;
  margin: 0 auto;
}
.c-image__food--card {
  display: flex;
  width: 42.7%;
  height: 50.6%;
}
.c-image__food--middleSp {
  display: block;
  width: 16.7rem;
  aspect-ratio: 267/166;
}
@media screen and (min-width: 781px) {
  .c-image__food--middleSp {
    display: none;
  }
}
.c-image__food--middleTbPc {
  display: none;
}
@media screen and (min-width: 781px) {
  .c-image__food--middleTbPc {
    display: block;
    width: 36.3rem;
    aspect-ratio: 581/358;
  }
}
.c-image__food--grid {
  width: 100%;
  aspect-ratio: 335/205;
}
@media screen and (min-width: 781px) {
  .c-image__food--grid {
    aspect-ratio: 349/205;
  }
}
@media screen and (min-width: 1200px) {
  .c-image__food--grid {
    aspect-ratio: 438/257;
  }
}
.c-image__hero--sp {
  width: 100%;
}
@media screen and (min-width: 781px) {
  .c-image__hero--sp {
    display: none;
  }
}
.c-image__hero--tb {
  display: none;
}
@media screen and (min-width: 781px) {
  .c-image__hero--tb {
    width: 100%;
    display: block;
  }
}
@media screen and (min-width: 1200px) {
  .c-image__hero--tb {
    display: none;
  }
}
.c-image__hero--pc {
  display: none;
}
@media screen and (min-width: 1200px) {
  .c-image__hero--pc {
    display: block;
    width: 100%;
  }
}

.c-liststyle {
  font-weight: 400;
  font-size: 1rem;
}
.c-liststyle__margin {
  margin-left: 11.47%;
}
@media screen and (min-width: 781px) {
  .c-liststyle__margin {
    margin-left: 18%;
  }
}
.c-liststyle__margin--large {
  margin-left: 16.27%;
}
@media screen and (min-width: 781px) {
  .c-liststyle__margin--large {
    margin-left: 20.14%;
  }
}
.c-liststyle__margin--minus {
  margin-left: -1.25rem;
}
.c-liststyle__none {
  list-style: none;
}

.c-table__border {
  border: 0.0625rem solid #707070;
}
.c-table__left {
  width: 41.79%;
  height: 4.8125rem;
}
@media screen and (min-width: 781px) {
  .c-table__left {
    width: 30.02%;
  }
}
@media screen and (min-width: 1200px) {
  .c-table__left {
    width: 31.7%;
  }
}
.c-table__vertical--center {
  vertical-align: middle;
}

.c-topic__text--small {
  font-weight: 700;
  font-size: 1.25rem;
}
.c-topic__text {
  font-weight: 700;
  font-size: 1.5rem;
}
@media screen and (min-width: 781px) {
  .c-topic__text {
    font-size: 1.75rem;
  }
}
.c-topic__text--large {
  font-weight: 700;
  font-size: 1.75rem;
}
@media screen and (min-width: 781px) {
  .c-topic__text--large {
    font-size: 2.25rem;
  }
}
.c-topic__top--h2 {
  margin-top: 2.125rem;
}
@media screen and (min-width: 781px) {
  .c-topic__top--h2 {
    margin-top: 3.94rem;
  }
}
@media screen and (min-width: 1200px) {
  .c-topic__top--h2 {
    margin-top: 3.94rem;
  }
}
.c-topic__bottom--h3 {
  margin-bottom: 1.75rem;
}
@media screen and (min-width: 781px) {
  .c-topic__bottom--h3 {
    margin-bottom: 3.5rem;
  }
}
.c-topic__bottom--h4 {
  margin-bottom: 2.125rem;
}
@media screen and (min-width: 781px) {
  .c-topic__bottom--h4 {
    margin-bottom: 4.5625rem;
  }
}
@media screen and (min-width: 1200px) {
  .c-topic__bottom--h4 {
    margin-bottom: 3.5625rem;
  }
}
.c-topic__bottom--h5 {
  margin-bottom: 1.6875rem;
}
@media screen and (min-width: 781px) {
  .c-topic__bottom--h5 {
    margin-bottom: 3.5625rem;
  }
}
.c-topic__bottom--h6 {
  margin-bottom: 1.625rem;
}
@media screen and (min-width: 781px) {
  .c-topic__bottom--h6 {
    margin-bottom: 3.5rem;
  }
}

.c-quote__link {
  cursor: pointer;
  font-style: normal;
}
.c-quote__font {
  font-family: "Mplus 1m", Noto Sans JP, MyYuGothicM, YuGothic, -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", Meiryo, Verdana, arial, helvetica, sans-serif;
  font-size: 1rem;
}

.p-article {
  display: flex;
  flex-direction: column;
  justify-content: center;
  /*width: 335px;*/
  margin-left: auto;
  margin-right: auto;
  /*flex-wrap: wrap;*/
  align-items: stretch;
  gap: 1.25rem;
}
@media screen and (min-width: 1200px) {
  .p-article {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 0rem;
  }
}
@media screen and (min-width: 781px) {
  .p-article {
    display: flex;
    flex-direction: row;
    justify-content: center;
  }
}
.p-article__area {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 42px 1fr;
  row-gap: 1.56rem;
  width: 89.3%;
  min-height: auto;
  margin: 2rem auto 19px auto;
  align-items: center;
}
@media screen and (min-width: 781px) {
  .p-article__area {
    margin: 4.68% auto 4.9% auto;
  }
}
@media screen and (min-width: 781px) {
  .p-article__cardList {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}
@media screen and (min-width: 1200px) {
  .p-article__cardList {
    gap: 1.875rem;
  }
}

.p-card {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  justify-self: center;
  width: 90.4%;
  padding-top: 10rem;
  /*arcive*/
}
@media screen and (min-width: 781px) {
  .p-card {
    padding-top: 12.5rem;
  }
}
@media screen and (min-width: 1200px) {
  .p-card {
    width: 95%;
  }
}
.p-card__section {
  display: flex;
  width: 100%;
  justify-content: center;
  margin-top: 5.3%;
}
@media screen and (min-width: 781px) {
  .p-card__section {
    display: flex;
    width: 50%;
    /* align-items: center; */
    flex-direction: row;
    justify-content: flex-start;
    margin-top: 0%;
  }
}
.p-card__section--right {
  display: flex;
  width: 100%;
  justify-content: center;
  margin-bottom: 13.07%;
}
@media screen and (min-width: 781px) {
  .p-card__section--right {
    display: flex;
    width: 50%;
    /* align-items: center; */
    flex-direction: row;
    justify-content: flex-end;
    margin-bottom: 0%;
  }
}
.p-card__background--threeBurgers {
  display: grid;
  grid-template-rows: 1fr auto;
  flex-direction: column;
  position: relative;
  align-items: end;
  justify-content: flex-end;
  background-image: url(../../picture/three-burgers-on-brown-wooden-tray-between-white-ceramic-takeout-hero2.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  width: 89.3%;
  aspect-ratio: 335/642;
  min-height: auto;
}
@media screen and (min-width: 781px) {
  .p-card__background--threeBurgers {
    aspect-ratio: 616/1197;
    margin-top: 15.5%;
    margin-bottom: 16.7%;
    margin-left: 15.5%;
    width: 79.8%;
  }
}
.p-card__background--bigPotato {
  display: grid;
  grid-template-rows: 1fr auto;
  flex-direction: column;
  position: relative;
  align-items: end;
  justify-content: flex-end;
  background-image: url(../../picture/humberger-potato-eatin.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  aspect-ratio: 336/642;
  min-height: auto;
  width: 89.6%;
}
@media screen and (min-width: 781px) {
  .p-card__background--bigPotato {
    margin-top: 15.5%;
    margin-bottom: 16.7%;
    margin-right: 15.5%;
    width: 79.8%;
    aspect-ratio: 616/1197;
  }
}
.p-card__title {
  display: inline-block;
  font: 700 10.9vw "Roboto", Noto Sans JP, MyYuGothicM, YuGothic, -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", Meiryo, Verdana, arial, helvetica, sans-serif;
  color: #EAEAEA;
  position: absolute;
  top: 0.8125rem;
  left: 4.48%;
  line-height: 12.8vw;
}
@media screen and (min-width: 781px) {
  .p-card__title {
    top: 0.875rem;
    left: 3.09%;
    font-size: 5.28vw;
    line-height: 6.18vw;
  }
}
@media screen and (min-width: 1200px) {
  .p-card__title {
    top: 1.5rem;
    left: 1.63%;
    font-size: 4.2vw;
    line-height: 4.9vw;
  }
}
.p-card__title--white {
  color: #FFFFFF;
  display: flex;
  font-size: 10.9vw;
  position: absolute;
  top: 0.8125rem;
  left: 3.87%;
  line-height: 12.8vw;
}
@media screen and (min-width: 781px) {
  .p-card__title--white {
    top: 1rem;
    font-size: 5.28vw;
    line-height: 6.18vw;
  }
}
@media screen and (min-width: 1200px) {
  .p-card__title--white {
    top: 1.75rem;
    left: 3.41%;
    font-size: 4.2vw;
    line-height: 4.9vw;
  }
}
.p-card__subcard {
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: rgba(255, 255, 255, 0.8);
  height: auto;
  padding: 2.7%;
  position: relative;
  margin-bottom: 4.2%;
}
@media screen and (min-width: 781px) {
  .p-card__subcard {
    width: 91%;
    margin-bottom: 4.5%;
  }
}
@media screen and (min-width: 1200px) {
  .p-card__subcard {
    width: 95%;
    margin-bottom: 2.6%;
  }
}
.p-card__subtitle {
  display: flex;
  font-size: 1.375rem;
  color: #3C2A10;
  margin-bottom: 0.25rem;
}
.p-card__article {
  line-height: 1.485rem;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #3C2A10;
  font-weight: 400;
  font-size: 1rem;
  height: auto;
  width: 100%;
  margin-top: 0.25rem;
  padding: 0;
}
.p-card__figure--arcive {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: relative;
  justify-self: center;
  width: 90.4%;
  margin: auto;
}
@media screen and (min-width: 781px) {
  .p-card__figure--arcive {
    flex-direction: column;
    width: 90.4%;
    display: block;
  }
}
@media screen and (min-width: 1200px) {
  .p-card__figure--arcive {
    width: 87.12%;
  }
}
.p-card__arcive {
  display: grid;
  grid-template-rows: 230.53px 1fr;
  flex-direction: column;
  position: relative;
  min-height: auto;
}
@media screen and (min-width: 781px) {
  .p-card__arcive {
    grid-template-rows: none;
    grid-template-columns: 50% 50%;
    align-items: stretch;
  }
}
.p-card__textarea {
  background-color: #3C2A10;
  color: #FFFFFF;
  display: flex;
  flex-direction: column;
  min-height: auto;
}
.p-card__title--arcive {
  font-size: 20px;
  line-height: 29.7px;
  margin-top: 32.47px;
  margin-bottom: 21px;
  margin-left: 4.72%;
}
@media screen and (min-width: 781px) {
  .p-card__title--arcive {
    line-height: 29.7px;
    margin: 0;
    padding-top: 8.59%;
    padding-bottom: 5.56%;
    padding-left: 8.99%;
  }
}
@media screen and (min-width: 1200px) {
  .p-card__title--arcive {
    font-size: 1.81vw;
    line-height: 3.34rem;
    padding-top: 8.27%;
    padding-left: 9.31%;
    padding-bottom: 6.5%;
  }
}
.p-card__title--arcive--small {
  font-size: 1rem;
  line-height: 23.76px;
  margin-bottom: 1.85%;
  margin-left: 4.72%;
}
@media screen and (min-width: 781px) {
  .p-card__title--arcive--small {
    line-height: 23.76px;
    padding-left: 8.99%;
    padding-bottom: 1.85%;
    margin: 0;
    font-size: 1rem;
    font-weight: 700;
  }
}
@media screen and (min-width: 1200px) {
  .p-card__title--arcive--small {
    font-size: 1.21vw;
    line-height: 2.2275rem;
    padding-bottom: 1.92%;
    padding-left: 9.31%;
  }
}
.p-card__text--arcive {
  font-weight: 400;
  font-size: 1rem;
  line-height: 23.76px;
  width: 90.48%;
  height: 100%;
  margin: 0 auto 2.5rem auto;
}
@media screen and (min-width: 781px) {
  .p-card__text--arcive {
    font-weight: 400;
    font-size: 1rem;
    line-height: 23.76px;
    width: 75.08%;
    margin: 0;
    padding-bottom: 11.9%;
    padding-left: 8.99%;
  }
}
@media screen and (min-width: 1200px) {
  .p-card__text--arcive {
    padding-left: 9.31%;
    padding-bottom: 8.86%;
    font-size: 0.83vw;
  }
}
.p-card__button--area {
  display: flex;
}
@media screen and (min-width: 781px) {
  .p-card__button--area {
    display: flex;
    height: 24.3%;
    justify-content: center;
    margin-bottom: 11.54%;
  }
}
.p-card__areaSingle {
  margin: 0 auto 0 5.34%;
  width: 89.9%;
}
.p-card__textareaSingle--top {
  width: 54.3%;
}
.p-card__textareaSingle--bottom {
  width: 54.3%;
}

/*&__image--window{
    background-repeat: no-repeat;
    background-size: 123%;
    background-position: -30px -17px;
    width:100%;
    aspect-ratio: 336.11/230.53;
    @include g.tab{
        aspect-ratio: 378.28/354.5;
        background-size: 168%;
    background-position: 38% 70%;
    }
    @include g.pc{
        background-image: url(../../picture/window-zoom.jpg);
        aspect-ratio: 677/471;
        background-size: cover;
    }
}
*/
.p-searchform {
  display: flex;
  margin: 1.75rem 0 2.81rem 0;
  justify-content: center;
  height: 2.875rem;
  width: 84.8%;
  justify-content: space-between;
  /*虫眼鏡アイコン設置のため、inputと同じサイズの親要素のボックス用意。*/
  /*むしろ、width:100%;で親要素と同じサイズのinput用意*/
}
@media screen and (min-width: 781px) {
  .p-searchform {
    width: 65.5%;
  }
}
@media screen and (min-width: 1200px) {
  .p-searchform {
    margin: 0;
    position: absolute;
    right: 1.987rem;
    width: 35%;
  }
}
.p-searchform__box {
  display: flex;
  position: relative;
  border-radius: 0.625rem 0.5rem 0.625rem 0.625rem;
  width: 67.9%;
  height: 2.875rem;
}
@media screen and (min-width: 781px) {
  .p-searchform__box {
    width: 72.5%;
    border-radius: 0.625rem;
  }
}
@media screen and (min-width: 1200px) {
  .p-searchform__box {
    width: 73%;
  }
}
.p-searchform__box::before {
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  background: url(../../picture/mushimegane.png) no-repeat center center/auto 100%;
  display: inline-block;
  position: absolute;
  top: 0.6875rem;
  left: 0.875rem;
}
.p-searchform__input {
  border-radius: 0.625rem 0.5rem 0.625rem 0.625rem;
  width: 100%;
  padding-left: 3rem;
  border: solid 0.0625rem #707070;
  color: #000000;
  font-family: "M PLUS 1p", Noto Sans JP, MyYuGothicM, YuGothic, -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", Meiryo, Verdana, arial, helvetica, sans-serif;
  line-height: 1.485rem;
  font-weight: 700;
  font-size: 1rem;
}
@media screen and (min-width: 781px) {
  .p-searchform__input {
    border-radius: 0.625rem;
  }
}
@media screen and (min-width: 1200px) {
  .p-searchform__input {
    line-height: 2.0625rem;
    font-family: "Mplus 1m", Noto Sans JP, MyYuGothicM, YuGothic, -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", Meiryo, Verdana, arial, helvetica, sans-serif;
    color: #707070;
  }
}
.p-searchform__button {
  display: flex;
  justify-content: center;
  border-radius: 0.625rem;
  width: 28.3%;
  border: solid 0.0625rem #707070;
  cursor: pointer;
}
@media screen and (min-width: 781px) {
  .p-searchform__button {
    width: 24.9%;
  }
}
.p-searchform__text {
  position: absolute;
  left: 3rem;
  top: 0.7rem;
}
@media screen and (min-width: 1200px) {
  .p-searchform__text {
    left: 3rem;
    top: 0.4rem;
  }
}

.p-hero {
  display: flex;
  align-items: center;
  background-image: url(../../picture/hero.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 100%;
  aspect-ratio: 375/285;
  /*&__menu{
      background-image: url(../../picture/three-burgers-zoom.jpg);
      background-repeat: no-repeat;
      background-size: 270%;
      background-position: 14.27% 46.8%;
      width: 100%;
      aspect-ratio: 375/285;
      position: relative;
      z-index: 10;
          @include g.tab{
          aspect-ratio: 834/285;
          background-size: 120%;
          background-position: calc(50% - 0%) calc(50% - 3.5%);
          width: 100%;
          }
          @include g.pc{
          background-image: url(../../picture/threeburgers.jpeg);
          aspect-ratio: 1553 /239;
          background-size: 105%;
          background-position: 10% 48%;
          }
  }*/
}
@media screen and (min-width: 781px) {
  .p-hero {
    aspect-ratio: 834/285;
  }
}
@media screen and (min-width: 1200px) {
  .p-hero {
    aspect-ratio: 1553/530;
  }
}
.p-hero__blackScreen {
  background-color: rgba(0, 0, 0, 0.5);
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  position: absolute;
  z-index: 20;
}
.p-hero__imageArea {
  position: relative;
  overflow: hidden;
  z-index: 10;
  width: 100%;
  height: auto;
  aspect-ratio: 375/285;
}
@media screen and (min-width: 781px) {
  .p-hero__imageArea {
    aspect-ratio: 834/285;
  }
}
@media screen and (min-width: 1200px) {
  .p-hero__imageArea {
    aspect-ratio: 1553/239;
  }
}
.p-hero__title--area {
  display: flex;
  flex-direction: column;
  padding-left: 6.7%;
  font-size: 9.6vw;
  color: #FFFFFF;
}
@media screen and (min-width: 781px) {
  .p-hero__title--area {
    font-size: 4.32vw;
    padding-left: 10.3%;
    width: 100%;
    flex-direction: row;
    align-items: center;
  }
}
@media screen and (min-width: 1200px) {
  .p-hero__title--area {
    font-size: 2.08vw;
    padding-left: 5.6%;
  }
}
.p-hero__title--menu {
  line-height: 2.637rem;
  font: 700 2.25rem "Roboto", Noto Sans JP, MyYuGothicM, YuGothic, -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", Meiryo, Verdana, arial, helvetica, sans-serif;
  margin-bottom: 12px;
}
@media screen and (min-width: 781px) {
  .p-hero__title--menu {
    font-size: 3.75rem;
    margin: 0%;
  }
}
.p-hero__title--menucontent {
  font-size: 1rem;
  line-height: 1.485rem;
}
@media screen and (min-width: 781px) {
  .p-hero__title--menucontent {
    padding: 0 0 0 2.2%;
  }
}
@media screen and (min-width: 1200px) {
  .p-hero__title--menucontent {
    font-size: 0.83vw;
    padding: 12px 0 0 2.2%;
  }
}
.p-hero__singleArea {
  display: flex;
  align-items: center;
  position: relative;
}

.home .p-hero {
  display: flex;
  align-items: center;
  background-image: url(./image/hero.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 100%;
  aspect-ratio: 375/285;
}
@media screen and (min-width: 781px) {
  .home .p-hero {
    aspect-ratio: 834/285;
  }
}
@media screen and (min-width: 1200px) {
  .home .p-hero {
    aspect-ratio: 1553/530;
  }
}
.home .p-card__background--threeBurgers {
  display: grid;
  grid-template-rows: 1fr auto;
  flex-direction: column;
  position: relative;
  align-items: end;
  justify-content: flex-end;
  background-image: url(./image/three-burgers-on-brown-wooden-tray-between-white-ceramic-takeout-hero2.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  width: 89.3%;
  aspect-ratio: 335/642;
  min-height: auto;
}
@media screen and (min-width: 781px) {
  .home .p-card__background--threeBurgers {
    aspect-ratio: 616/1197;
    margin-top: 15.5%;
    margin-bottom: 16.7%;
    margin-left: 15.5%;
    width: 79.8%;
  }
}
.home .p-card__background--bigPotato {
  display: grid;
  grid-template-rows: 1fr auto;
  flex-direction: column;
  position: relative;
  align-items: end;
  justify-content: flex-end;
  background-image: url(./image/humberger-potato-eatin.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  aspect-ratio: 336/642;
  min-height: auto;
  width: 89.6%;
}
@media screen and (min-width: 781px) {
  .home .p-card__background--bigPotato {
    margin-top: 15.5%;
    margin-bottom: 16.7%;
    margin-right: 15.5%;
    width: 79.8%;
    aspect-ratio: 616/1197;
  }
}
.home .p-map__image {
  background-image: url(./image/map-image.jpg);
  background-size: cover;
  height: auto;
}

.p-map {
  display: flex;
  width: 100vw;
}
@media screen and (min-width: 781px) {
  .p-map {
    height: auto;
  }
}
@media screen and (min-width: 1200px) {
  .p-map {
    width: 100%;
  }
}
.p-map__image {
  background-image: url(../../picture/map-image.jpg);
  background-size: cover;
  height: auto;
}
.p-map__color {
  background-color: rgba(0, 0, 0, 0.2855);
  height: 100%;
}
.p-map__color--small {
  background-color: rgba(0, 0, 0, 0.2855);
  height: 60%;
}
@media screen and (min-width: 781px) {
  .p-map__color--small {
    height: 100%;
  }
}
@media screen and (min-width: 1200px) {
  .p-map__color--small {
    width: 61.1%;
  }
}
.p-map__textarea {
  padding: 11.2% 10.7% 15.2%;
}
@media screen and (min-width: 781px) {
  .p-map__textarea {
    padding: 5.03% 3.48% 4.8% 5.04%;
  }
}
@media screen and (min-width: 1200px) {
  .p-map__textarea {
    padding: 9.05% 14.1% 7.895% 12.53%;
  }
}
.p-map__title {
  display: inline-block;
  font-size: 1.88rem;
  color: #FFFFFF;
  line-height: 2.7843rem;
}
@media screen and (min-width: 1200px) {
  .p-map__title {
    font-size: 2.25rem;
    line-height: 3.34125rem;
  }
}
.p-map__article {
  display: block;
  color: #FFFFFF;
  font-size: 0.875rem;
  line-height: 2.0625rem;
  margin-top: 0.9375rem;
}
@media screen and (min-width: 1200px) {
  .p-map__article {
    font-size: 1rem;
    line-height: 2.0625rem;
  }
}

.p-footer__text {
  display: block;
  font-family: "M PLUS 1p", Noto Sans JP, MyYuGothicM, YuGothic, -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", Meiryo, Verdana, arial, helvetica, sans-serif;
  font-weight: 400;
  color: #FFFFFF;
}
@media screen and (min-width: 375px) {
  .p-footer__text {
    font-size: 1.125rem;
  }
}
@media screen and (min-width: 781px) {
  .p-footer__text {
    font-size: 1.25rem;
  }
}
.p-footer__text--small {
  display: block;
  font-family: "M PLUS 1p", Noto Sans JP, MyYuGothicM, YuGothic, -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", Meiryo, Verdana, arial, helvetica, sans-serif;
  font-weight: 400;
  color: #FFFFFF;
  font-size: 0.875rem;
}
.p-footer__color {
  display: block;
  background-color: #9D8670;
  background-size: cover;
  height: 100%;
}
.p-footer__image {
  display: block;
  background-image: url(../../picture/texture-layer.png);
  background-repeat: repeat-x;
  background-size: cover;
  height: 100%;
}

/*
.p-footer{
    &__text--large{
        display: none;
        @include g.tab{
        display: block;
        font-family: g.$fontMp;
        font-weight: g.$Mbold;
        justify-content: center;
        color: g.$color-white;
        font-size: 1.25rem;    //20px
        }
        }       */
.p-pagenation {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 6.25rem auto 1.875rem auto;
  width: 89.2%;
}
@media screen and (min-width: 781px) {
  .p-pagenation {
    display: none;
  }
}
.p-pagenation__prev {
  display: flex;
  font-size: 1rem;
  font-weight: 400;
  color: #707070;
}
.p-pagenation__next {
  display: flex;
  font-size: 1rem;
  font-weight: 400;
  color: #707070;
}
.p-pagenation__icon--area {
  display: flex;
  align-items: center;
  width: 1.095rem;
  height: 1.067rem;
}
.p-pagenation__icon--prev {
  display: block;
  width: 0.7545rem;
  height: 0.7545rem;
  border-bottom: solid 0.0625rem #707070;
  border-left: solid 0.0625rem #707070;
  transform: rotate(45deg);
  position: relative;
}
.p-pagenation__icon--next {
  display: block;
  width: 0.7545rem;
  height: 0.7545rem;
  border-bottom: solid 0.0625rem #707070;
  border-left: solid 0.0625rem #707070;
  transform: rotate(-135deg);
  position: relative;
}
.p-pagenation__icon--prev::before, .p-pagenation__icon--next::before {
  content: "";
  position: absolute;
  top: -0.4375rem;
  right: -0.4375rem;
  width: 0.7545rem;
  height: 0.7545rem;
  border-bottom: solid 0.0625rem #707070;
  border-left: solid 0.0625rem #707070;
}
.p-pagenation__text--prev {
  display: flex;
  margin-left: 0.511rem;
}
@media screen and (min-width: 781px) {
  .p-pagenation__text--prev {
    display: none;
  }
}
.p-pagenation__text--next {
  display: flex;
  margin-right: 0.511rem;
}
@media screen and (min-width: 781px) {
  .p-pagenation__text--next {
    display: none;
  }
}
.p-pagenation__text--list {
  display: none;
}
@media screen and (min-width: 781px) {
  .p-pagenation__text--list {
    display: flex;
  }
}

/*&icon--next{
        display: block;
        width: 0.7545rem;
        height: 0.7545rem;
        border-top: solid 0.0625rem g.$color-gray;
        border-left: solid 0.0625rem  g.$color-gray;
        transform: rotate(-135deg);
        position: relative;
    }*/
.p-pagenationTBPC {
  display: none;
}
@media screen and (min-width: 781px) {
  .p-pagenationTBPC {
    display: flex;
    color: #707070;
    font: 700 1rem/2.0625rem "Roboto", Noto Sans JP, MyYuGothicM, YuGothic, -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", Meiryo, Verdana, arial, helvetica, sans-serif;
    align-items: center;
    justify-content: center;
    margin: 6.25rem auto 1.875rem auto;
  }
}
@media screen and (min-width: 1200px) {
  .p-pagenationTBPC {
    margin: 9.66% auto 4.12% auto;
  }
}
.p-pagenationTBPC__pagenumber {
  font-weight: 700;
  padding-right: 1.0738rem;
}
.p-pagenationTBPC__list {
  display: flex;
  gap: 0.9375rem;
  justify-content: center;
  padding: 0 1.2057rem;
}
.p-pagenationTBPC__page {
  border: 0.0625rem solid;
  width: 2.1875rem;
  height: 2.1875rem;
  text-align: center;
}
.p-pagenationTBPC__background {
  color: #FFFFFF;
  background-color: #3C2A10;
}

.p-grid__single {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 89.3%;
  gap: 1.25rem;
}
@media screen and (min-width: 781px) {
  .p-grid__single {
    display: grid;
    width: 86.32%;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr 1fr 1fr;
    row-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
         column-gap: 1.25rem;
  }
}
@media screen and (min-width: 1200px) {
  .p-grid__single {
    width: 88.16%;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr;
  }
}

.p-liststyle__padding {
  padding-top: 1.0625rem;
}
.p-liststyle__margin {
  margin-top: 2.0625rem;
  margin-bottom: 1.5rem;
}
@media screen and (min-width: 781px) {
  .p-liststyle__margin {
    margin-top: 3.9375rem;
    margin-bottom: 1.5rem;
  }
}
@media screen and (min-width: 1200px) {
  .p-liststyle__margin {
    margin-top: 3.375rem;
    margin-bottom: 1.5rem;
  }
}
.p-liststyle__margin--bottomLarge {
  margin-top: 2.0625rem;
  margin-bottom: 1.625rem;
}
@media screen and (min-width: 781px) {
  .p-liststyle__margin--bottomLarge {
    margin-top: 2.0625rem;
    margin-bottom: 3.5rem;
  }
}
@media screen and (min-width: 1200px) {
  .p-liststyle__margin--bottomLarge {
    margin-top: 2.0625rem;
    margin-bottom: 3.5rem;
  }
}

.p-block__area {
  background-color: #F5F5F5;
  display: block;
}
.p-block__area--small {
  width: 67.76%;
  color: #3C2A10;
  padding: 50px 0 50px 50px;
}
.p-block__quoteArea {
  width: 89.25%;
  margin: 0 auto;
}

.p-link__bottom {
  cursor: pointer;
}
.p-link__bottom:link {
  color: #3C2A10;
  text-decoration: none;
}
.p-link__bottom:visited {
  color: #3C2A10;
  text-decoration: none;
}
.p-link__bottom:hover {
  color: #3C2A10;
  text-decoration: underline;
  -webkit-text-decoration-color: #3C2A10;
          text-decoration-color: #3C2A10;
}
.p-link__bottom:focus {
  color: #3C2A10;
  text-decoration: none;
}
.p-link__bottom:active {
  color: #3C2A10;
  text-decoration: none;
}
.p-link__bottomArea {
  margin-top: 1.94rem;
  margin-bottom: 4.31rem;
}
@media screen and (min-width: 781px) {
  .p-link__bottomArea {
    margin-top: 3.81rem;
    margin-bottom: 9.31rem;
  }
}
@media screen and (min-width: 1200px) {
  .p-link__bottomArea {
    margin-bottom: 17.125rem;
  }
}
.p-link__footer {
  cursor: pointer;
}
.p-link__footer:link {
  color: #FFFFFF;
  text-decoration: none;
}
.p-link__footer:visited {
  color: #FFFFFF;
  text-decoration: none;
}
.p-link__footer:hover {
  color: #FFFFFF;
  text-decoration: underline;
  -webkit-text-decoration-color: #FFFFFF;
          text-decoration-color: #FFFFFF;
}
.p-link__footer:focus {
  color: #FFFFFF;
  text-decoration: none;
}
.p-link__footer:active {
  color: #FFFFFF;
  text-decoration: none;
}

.single .l-wrapper {
  display: grid;
  position: relative;
  overflow: hidden;
  min-height: 100dvh;
  grid-template-columns: 1fr;
  grid-template-rows: 13.4375rem 1fr 9.375rem;
}
@media screen and (min-width: 781px) {
  .single .l-wrapper {
    grid-template-rows: 13.5625rem 1fr 9.375rem;
  }
}
@media screen and (min-width: 1200px) {
  .single .l-wrapper {
    display: grid;
    grid-template-columns: 80% 20%;
    min-height: 100dvh;
  }
}
.single .l-wrapper.fix {
  overflow: hidden;
}
.single .wp-block-cover {
  aspect-ratio: 375/225;
  min-height: auto;
}
@media screen and (min-width: 781px) {
  .single .wp-block-cover {
    aspect-ratio: 834/505;
  }
}
@media screen and (min-width: 1200px) {
  .single .wp-block-cover {
    aspect-ratio: 1553/500;
  }
}
.single .wp-block-cover__inner-container {
  display: flex;
  align-items: center;
  position: relative;
}
.single .wp-block-cover__inner-container > h1 {
  color: #FFFFFF;
  font-size: 9.6vw;
  position: absolute;
  margin-left: 2.67%;
  line-height: 3.34rem;
}
@media screen and (min-width: 781px) {
  .single .wp-block-cover__inner-container > h1 {
    margin-left: 5.375rem;
    line-height: 5.57rem;
    font-size: 3.75rem;
  }
}
@media screen and (min-width: 1200px) {
  .single .wp-block-cover__inner-container > h1 {
    margin-left: 5.375rem;
  }
}
.single .wp-block-media-text {
  margin: 0 auto 0 5.34%;
  width: 89.9%;
  line-height: 1.485rem;
}
.single .wp-block-media-text__content {
  padding: 0;
}
.single .wp-block-columns {
  margin: 0 auto 0 5.34%;
  width: 89.9%;
  line-height: 1.485rem;
}
.single .wp-block-quote {
  margin: 0 auto;
  margin-bottom: 1.875rem;
  width: 89.3%;
  line-height: 1.485rem;
  background-color: #F5F5F5;
  display: block;
}
@media screen and (min-width: 781px) {
  .single .wp-block-quote {
    margin-bottom: 3.75rem;
    width: 85.61%;
  }
}
@media screen and (min-width: 1200px) {
  .single .wp-block-quote {
    width: 87.12%;
  }
}
.single .wp-block-quote > p {
  width: 89.25%;
  padding-top: 1.875rem;
  margin: 0 auto 1.875rem;
}
@media screen and (min-width: 781px) {
  .single .wp-block-quote > p {
    margin-bottom: 3.8125rem;
    padding-top: 3.125rem;
  }
}
.single .wp-block-quote > cite {
  width: 89.3%;
  padding-bottom: 1.875rem;
  font-family: "Mplus 1m", Noto Sans JP, MyYuGothicM, YuGothic, -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", Meiryo, Verdana, arial, helvetica, sans-serif;
  line-height: 1.485rem;
  margin: 0 auto;
  font-style: unset;
}
@media screen and (min-width: 781px) {
  .single .wp-block-quote > cite {
    padding-bottom: 3.5625rem;
    width: 85.61%;
  }
}
@media screen and (min-width: 1200px) {
  .single .wp-block-quote > cite {
    padding-bottom: 2.9375rem;
    width: 87.12%;
  }
}
.single .first-figure {
  width: 89.3%;
  margin: 0 auto;
  margin-bottom: 1.875rem;
}
@media screen and (min-width: 781px) {
  .single .first-figure {
    margin-bottom: 3.75rem;
  }
}
.single .wp-block-group .wp-block-image .aligncenter {
  display: block;
  width: 16.7rem;
  aspect-ratio: 267/166;
  margin-top: 1.875rem;
}
@media screen and (min-width: 781px) {
  .single .wp-block-group .wp-block-image .aligncenter {
    margin: 3.8125rem auto 0 auto;
    display: block;
    width: 36.3rem;
    aspect-ratio: 581/358;
  }
}
@media screen and (min-width: 1200px) {
  .single .wp-block-group .wp-block-image .aligncenter {
    margin: 3.75rem auto 0 auto;
  }
}
.single .wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image) {
  width: auto;
}
.single .wp-block-table {
  margin: 3.75rem auto;
  width: 89.3%;
}
@media screen and (min-width: 781px) {
  .single .wp-block-table {
    width: 85.49%;
  }
}
@media screen and (min-width: 1200px) {
  .single .wp-block-table {
    width: 87.12%;
  }
}
.single .wp-block-table tr td {
  border: 0.0625rem solid #707070;
  padding-top: 0;
  padding-bottom: 0;
}
.single .wp-block-table tr td:nth-child(1) {
  width: 31.7%;
  padding-left: 1.464rem;
  vertical-align: middle;
  width: 41.79%;
  height: 4.8125rem;
}
@media screen and (min-width: 781px) {
  .single .wp-block-table tr td:nth-child(1) {
    width: 30.02%;
    padding-left: 1.875rem;
  }
}
@media screen and (min-width: 1200px) {
  .single .wp-block-table tr td:nth-child(1) {
    width: 31.7%;
  }
}
.single .wp-block-table tr td:nth-child(2) {
  vertical-align: middle;
  padding-left: 1.875rem;
}
.single .wp-block-buttons {
  margin-left: 5.3%;
}
@media screen and (min-width: 781px) {
  .single .wp-block-buttons {
    margin-left: 7.19%;
  }
}
@media screen and (min-width: 1200px) {
  .single .wp-block-buttons {
    margin-left: 6.44%;
  }
}
.single .wp-block-button {
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 26.81rem;
  max-height: 6.5rem;
  width: 89.3%;
  aspect-ratio: 335/81;
  border-radius: 1.25rem;
  border: 0.0625rem solid #707070;
  background: linear-gradient(#F2EDE9, #DED8D3);
}
.single .wp-block-button__link {
  color: #3C2A10;
  font-weight: 700;
  font-size: 1rem;
  font-family: "M PLUS 1p", Noto Sans JP, MyYuGothicM, YuGothic, -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", Meiryo, Verdana, arial, helvetica, sans-serif;
  background-color: transparent;
  border-radius: none;
  border: none;
  box-shadow: none;
  text-decoration: none;
  padding: auto;
}
.single .is-style-text-right {
  grid-template-columns: 42.7% auto !important;
}
.single .is-style-text-right p {
  padding: 0 0 0 5%;
}
.single .is-style-text-left {
  grid-template-columns: auto 42.7% !important;
}
.single .is-style-text-left p {
  padding: 0 5% 0 0;
}
.single .is-style-img-upper > img {
  display: flex;
  width: 89.3%;
  aspect-ratio: 335/124;
  margin: 0 auto;
  margin-bottom: 1.875rem;
}
@media screen and (min-width: 781px) {
  .single .is-style-img-upper > img {
    margin-bottom: 3.75rem;
  }
}
.single .is-style-tb-large {
  margin-bottom: 1.875rem;
}
@media screen and (min-width: 781px) {
  .single .is-style-tb-large {
    margin-bottom: 15.06rem;
  }
}
@media screen and (min-width: 1200px) {
  .single .is-style-tb-large {
    margin-bottom: 3.75rem;
  }
}
.single .is-style-margin-listtop {
  margin-top: 1rem;
}
@media screen and (min-width: 781px) {
  .single .is-style-margin-listtop {
    margin-top: 2.875rem;
  }
}
@media screen and (min-width: 1200px) {
  .single .is-style-margin-listtop {
    margin-top: 3.3125rem;
  }
}
.single .is-style-margin-listbottom {
  margin-bottom: 1.625rem;
}
@media screen and (min-width: 781px) {
  .single .is-style-margin-listbottom {
    margin-bottom: 3.5rem;
  }
}
@media screen and (min-width: 1200px) {
  .single .is-style-margin-listbottom {
    margin-bottom: 3.5rem;
  }
}
.single .is-style-card-gap {
  height: 1.875rem !important;
}
@media screen and (min-width: 781px) {
  .single .is-style-card-gap {
    height: 7.31rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .single .is-style-card-gap {
    height: 3.75rem !important;
  }
}
.single .is-style-list-1 {
  line-height: 1.485rem;
  margin-left: 11.47%;
  padding-top: 1.0625rem;
}
@media screen and (min-width: 781px) {
  .single .is-style-list-1 {
    margin-left: 15%;
  }
}
@media screen and (min-width: 1200px) {
  .single .is-style-list-1 {
    margin-left: 11.47%;
  }
}
.single .is-style-list-1 > li ul {
  list-style: auto;
}
.single .is-style-list-1 > li > ul {
  margin-left: 4.8%;
  padding-top: 1.0625rem;
}
@media screen and (min-width: 781px) {
  .single .is-style-list-1 > li > ul {
    margin-left: 2.14%;
  }
}
.single .is-style-list-2 {
  line-height: 1.485rem;
  margin-left: calc(11.47% - 1.25rem);
  padding-top: 1.0625rem;
  list-style: none;
}
@media screen and (min-width: 781px) {
  .single .is-style-list-2 {
    margin-left: calc(15% - 1.25rem);
  }
}
@media screen and (min-width: 1200px) {
  .single .is-style-list-2 {
    margin-left: calc(11.47% - 1.25rem);
  }
}
.single .is-style-list-2 > li ul {
  list-style: none;
}
.single .is-style-list-2 > li > ul {
  margin-left: 4.8%;
  padding-top: 1.0625rem;
}
@media screen and (min-width: 781px) {
  .single .is-style-list-2 > li > ul {
    margin-left: 2.14%;
  }
}
.single .is-style-group-gray {
  background-color: #F5F5F5;
  display: block;
  margin: 0 auto;
  width: 89.3%;
}
@media screen and (min-width: 781px) {
  .single .is-style-group-gray {
    width: 85.49%;
  }
}
@media screen and (min-width: 1200px) {
  .single .is-style-group-gray {
    width: 87.12%;
  }
}
.single .is-style-tag-1 {
  font-family: "M PLUS 1p", Noto Sans JP, MyYuGothicM, YuGothic, -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", Meiryo, Verdana, arial, helvetica, sans-serif;
  width: 67.76%;
  line-height: 1.485rem;
  color: #3C2A10;
  padding: 3.125rem 0 3.125rem 3.125rem;
}
.single .is-style-gallery-9 {
  gap: 1.25rem !important;
  --wp--style--unstable-gallery-gap:1.25rem !important;
  margin: 0 auto !important;
  width: 89.3%;
}
@media screen and (min-width: 781px) {
  .single .is-style-gallery-9 {
    display: grid;
    width: 86.32%;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr 1fr 1fr;
    row-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
         column-gap: 1.25rem;
  }
}
@media screen and (min-width: 1200px) {
  .single .is-style-gallery-9 {
    width: 88.16%;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr;
  }
}
.single .is-style-link {
  margin: 1.94rem 0 4.31rem 5.3%;
}
@media screen and (min-width: 781px) {
  .single .is-style-link {
    margin: 3.81rem 0 9.31rem 7.19%;
  }
}
@media screen and (min-width: 1200px) {
  .single .is-style-link {
    margin-left: 6.44%;
    margin-bottom: 17.125rem;
  }
}
.single .is-style-link > div a {
  cursor: pointer;
}
.single .is-style-link > div a:link {
  color: #3C2A10;
  text-decoration: none;
}
.single .is-style-link > div a:visited {
  color: #3C2A10;
  text-decoration: none;
}
.single .is-style-link > div a:hover {
  color: #3C2A10;
  text-decoration: underline;
  -webkit-text-decoration-color: #3C2A10;
          text-decoration-color: #3C2A10;
}
.single .is-style-link > div a:focus {
  color: #3C2A10;
  text-decoration: none;
}
.single .is-style-link > div a:active {
  color: #3C2A10;
  text-decoration: none;
}

.page .l-wrapper {
  display: grid;
  position: relative;
  overflow: hidden;
  min-height: 100dvh;
  grid-template-columns: 1fr;
  grid-template-rows: 13.4375rem 1fr 9.375rem;
}
@media screen and (min-width: 781px) {
  .page .l-wrapper {
    grid-template-rows: 13.5625rem 1fr 9.375rem;
  }
}
@media screen and (min-width: 1200px) {
  .page .l-wrapper {
    display: grid;
    grid-template-columns: 80% 20%;
    min-height: 100dvh;
  }
}
.page .l-wrapper.fix {
  overflow: hidden;
}
.page .wp-block-media-text {
  margin: 0 auto 0 5.34%;
  width: 89.9%;
  line-height: 1.485rem;
}
.page .wp-block-media-text__content {
  padding: 0;
}
.page .wp-block-columns {
  margin: 0 auto 0 5.34%;
  width: 89.9%;
  line-height: 1.485rem;
}
.page .wp-block-quote {
  margin: 0 auto;
  margin-bottom: 1.875rem;
  width: 89.3%;
  line-height: 1.485rem;
  background-color: #F5F5F5;
  display: block;
}
@media screen and (min-width: 781px) {
  .page .wp-block-quote {
    margin-bottom: 3.75rem;
    width: 85.61%;
  }
}
@media screen and (min-width: 1200px) {
  .page .wp-block-quote {
    width: 87.12%;
  }
}
.page .wp-block-quote > p {
  width: 89.25%;
  padding-top: 1.875rem;
  margin: 0 auto 1.875rem;
}
@media screen and (min-width: 781px) {
  .page .wp-block-quote > p {
    margin-bottom: 3.8125rem;
    padding-top: 3.125rem;
  }
}
.page .wp-block-quote > cite {
  width: 89.3%;
  padding-bottom: 1.875rem;
  font-family: "Mplus 1m", Noto Sans JP, MyYuGothicM, YuGothic, -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", Meiryo, Verdana, arial, helvetica, sans-serif;
  line-height: 1.485rem;
  margin: 0 auto;
  font-style: unset;
}
@media screen and (min-width: 781px) {
  .page .wp-block-quote > cite {
    padding-bottom: 3.5625rem;
    width: 85.61%;
  }
}
@media screen and (min-width: 1200px) {
  .page .wp-block-quote > cite {
    padding-bottom: 2.9375rem;
    width: 87.12%;
  }
}
.page .first-figure {
  width: 89.3%;
  margin: 0 auto;
  margin-bottom: 1.875rem;
}
@media screen and (min-width: 781px) {
  .page .first-figure {
    margin-bottom: 3.75rem;
  }
}
.page .wp-block-group .wp-block-image .aligncenter {
  display: block;
  width: 16.7rem;
  aspect-ratio: 267/166;
  margin-top: 1.875rem;
}
@media screen and (min-width: 781px) {
  .page .wp-block-group .wp-block-image .aligncenter {
    margin: 3.8125rem auto 0 auto;
    display: block;
    width: 36.3rem;
    aspect-ratio: 581/358;
  }
}
@media screen and (min-width: 1200px) {
  .page .wp-block-group .wp-block-image .aligncenter {
    margin: 3.75rem auto 0 auto;
  }
}
.page .wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image) {
  width: auto;
}
.page .wp-block-table {
  margin: 3.75rem auto;
  width: 89.3%;
}
@media screen and (min-width: 781px) {
  .page .wp-block-table {
    width: 85.49%;
  }
}
@media screen and (min-width: 1200px) {
  .page .wp-block-table {
    width: 87.12%;
  }
}
.page .wp-block-table tr td {
  border: 0.0625rem solid #707070;
  padding-top: 0;
  padding-bottom: 0;
}
.page .wp-block-table tr td:nth-child(1) {
  width: 31.7%;
  padding-left: 1.464rem;
  vertical-align: middle;
  width: 41.79%;
  height: 4.8125rem;
}
@media screen and (min-width: 781px) {
  .page .wp-block-table tr td:nth-child(1) {
    width: 30.02%;
    padding-left: 1.875rem;
  }
}
@media screen and (min-width: 1200px) {
  .page .wp-block-table tr td:nth-child(1) {
    width: 31.7%;
  }
}
.page .wp-block-table tr td:nth-child(2) {
  vertical-align: middle;
  padding-left: 1.875rem;
}
.page .wp-block-buttons {
  margin-left: 5.3%;
}
@media screen and (min-width: 781px) {
  .page .wp-block-buttons {
    margin-left: 7.19%;
  }
}
@media screen and (min-width: 1200px) {
  .page .wp-block-buttons {
    margin-left: 6.44%;
  }
}
.page .wp-block-button {
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 26.81rem;
  max-height: 6.5rem;
  width: 89.3%;
  aspect-ratio: 335/81;
  border-radius: 1.25rem;
  border: 0.0625rem solid #707070;
  background: linear-gradient(#F2EDE9, #DED8D3);
}
.page .wp-block-button__link {
  color: #3C2A10;
  font-weight: 700;
  font-size: 1rem;
  font-family: "M PLUS 1p", Noto Sans JP, MyYuGothicM, YuGothic, -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", Meiryo, Verdana, arial, helvetica, sans-serif;
  background-color: transparent;
  border-radius: 0;
  border: none;
  box-shadow: none;
  text-decoration: none;
  padding: 0;
}
.page .is-style-text-right {
  grid-template-columns: 42.7% auto !important;
}
.page .is-style-text-right p {
  padding: 0 0 0 5%;
}
.page .is-style-text-left {
  grid-template-columns: auto 42.7% !important;
}
.page .is-style-text-left p {
  padding: 0 5% 0 0;
}
.page .is-style-image-upper > img {
  display: flex;
  width: 89.3%;
  aspect-ratio: 335/124;
  margin: 0 auto;
  margin-bottom: 1.875rem;
}
@media screen and (min-width: 781px) {
  .page .is-style-image-upper > img {
    margin-bottom: 3.75rem;
  }
}
.page .is-style-tb-large {
  margin-bottom: 1.875rem;
}
@media screen and (min-width: 781px) {
  .page .is-style-tb-large {
    margin-bottom: 15.06rem;
  }
}
@media screen and (min-width: 1200px) {
  .page .is-style-tb-large {
    margin-bottom: 3.75rem;
  }
}
.page .is-style-margin-listtop {
  margin-top: 1rem;
}
@media screen and (min-width: 781px) {
  .page .is-style-margin-listtop {
    margin-top: 2.875rem;
  }
}
@media screen and (min-width: 1200px) {
  .page .is-style-margin-listtop {
    margin-top: 3.3125rem;
  }
}
.page .is-style-margin-listbottom {
  margin-bottom: 1.625rem;
}
@media screen and (min-width: 781px) {
  .page .is-style-margin-listbottom {
    margin-bottom: 3.5rem;
  }
}
@media screen and (min-width: 1200px) {
  .page .is-style-margin-listbottom {
    margin-bottom: 3.5rem;
  }
}
.page .is-style-card-gap {
  height: 1.875rem !important;
}
@media screen and (min-width: 781px) {
  .page .is-style-card-gap {
    height: 7.31rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .page .is-style-card-gap {
    height: 3.75rem !important;
  }
}
.page .is-style-list-1 {
  line-height: 1.485rem;
  margin-left: 11.47%;
  padding-top: 1.0625rem;
}
@media screen and (min-width: 781px) {
  .page .is-style-list-1 {
    margin-left: 15%;
  }
}
@media screen and (min-width: 1200px) {
  .page .is-style-list-1 {
    margin-left: 11.47%;
  }
}
.page .is-style-list-1 > li ul {
  list-style: auto;
}
.page .is-style-list-1 > li > ul {
  margin-left: 4.8%;
  padding-top: 1.0625rem;
}
@media screen and (min-width: 781px) {
  .page .is-style-list-1 > li > ul {
    margin-left: 2.14%;
  }
}
.page .is-style-list-2 {
  line-height: 1.485rem;
  margin-left: calc(11.47% - 1.25rem);
  padding-top: 1.0625rem;
  list-style: none;
}
@media screen and (min-width: 781px) {
  .page .is-style-list-2 {
    margin-left: calc(15% - 1.25rem);
  }
}
@media screen and (min-width: 1200px) {
  .page .is-style-list-2 {
    margin-left: calc(11.47% - 1.25rem);
  }
}
.page .is-style-list-2 > li ul {
  list-style: none;
}
.page .is-style-list-2 > li > ul {
  margin-left: 4.8%;
  padding-top: 1.0625rem;
}
@media screen and (min-width: 781px) {
  .page .is-style-list-2 > li > ul {
    margin-left: 2.14%;
  }
}
.page .is-style-group-gray {
  background-color: #F5F5F5;
  display: block;
  margin: 0 auto;
  width: 89.3%;
}
@media screen and (min-width: 781px) {
  .page .is-style-group-gray {
    width: 85.49%;
  }
}
@media screen and (min-width: 1200px) {
  .page .is-style-group-gray {
    width: 87.12%;
  }
}
.page .is-style-tag-1 {
  font-family: "M PLUS 1p", Noto Sans JP, MyYuGothicM, YuGothic, -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", Meiryo, Verdana, arial, helvetica, sans-serif;
  width: 67.76%;
  line-height: 1.485rem;
  color: #3C2A10;
  padding: 3.125rem 0 3.125rem 3.125rem;
}
.page .is-style-gallery-9 {
  gap: 1.25rem !important;
  --wp--style--unstable-gallery-gap:1.25rem !important;
  margin: 0 auto !important;
  width: 89.3%;
}
@media screen and (min-width: 781px) {
  .page .is-style-gallery-9 {
    display: grid;
    width: 86.32%;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr 1fr 1fr;
    row-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
         column-gap: 1.25rem;
  }
}
@media screen and (min-width: 1200px) {
  .page .is-style-gallery-9 {
    width: 88.16%;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr;
  }
}
.page .is-style-link {
  margin: 1.94rem 0 4.31rem 5.3%;
}
@media screen and (min-width: 781px) {
  .page .is-style-link {
    margin: 3.81rem 0 9.31rem 7.19%;
  }
}
@media screen and (min-width: 1200px) {
  .page .is-style-link {
    margin-left: 6.44%;
    margin-bottom: 17.125rem;
  }
}
.page .is-style-link > div a {
  cursor: pointer;
}
.page .is-style-link > div a:link {
  color: #3C2A10;
  text-decoration: none;
}
.page .is-style-link > div a:visited {
  color: #3C2A10;
  text-decoration: none;
}
.page .is-style-link > div a:hover {
  color: #3C2A10;
  text-decoration: underline;
  -webkit-text-decoration-color: #3C2A10;
          text-decoration-color: #3C2A10;
}
.page .is-style-link > div a:focus {
  color: #3C2A10;
  text-decoration: none;
}
.page .is-style-link > div a:active {
  color: #3C2A10;
  text-decoration: none;
}

.archive .l-wrapper {
  display: grid;
  position: relative;
  overflow: hidden;
  min-height: 100dvh;
  grid-template-columns: 1fr;
  grid-template-rows: 13.4375rem 1fr 9.375rem;
}
@media screen and (min-width: 781px) {
  .archive .l-wrapper {
    grid-template-rows: 13.5625rem 1fr 9.375rem;
  }
}
@media screen and (min-width: 1200px) {
  .archive .l-wrapper {
    display: grid;
    grid-template-columns: 80% 20%;
    min-height: 100vh;
  }
}
.archive .l-wrapper.fix {
  overflow: hidden;
}
.archive .attachment-post-thumbnail {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  aspect-ratio: 336.11/230.53;
  width: 100%;
}
@media screen and (min-width: 781px) {
  .archive .attachment-post-thumbnail {
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
    aspect-ratio: 378.28/354.5;
    width: 100%;
  }
}
@media screen and (min-width: 1200px) {
  .archive .attachment-post-thumbnail {
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
    aspect-ratio: 677/471;
    width: 100%;
  }
}
.archive .p-article__area {
  color: #3C2A10;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
}
@media screen and (min-width: 781px) {
  .archive .p-article__area {
    line-height: 1.485rem;
  }
}
.archive .p-article__area h2 {
  display: block;
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 41.58px;
  color: #3C2A10;
  font-family: "Mplus 1m", Noto Sans JP, MyYuGothicM, YuGothic, -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", Meiryo, Verdana, arial, helvetica, sans-serif;
}
@media screen and (min-width: 781px) {
  .archive .p-article__area h2 {
    font-size: 2.25rem;
    line-height: 3.34rem;
  }
}
.archive .p-article {
  gap: 0px;
  margin-bottom: 1.25rem;
}
@media screen and (min-width: 781px) {
  .archive .p-article__cardList {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}
@media screen and (min-width: 1200px) {
  .archive .p-article__cardList {
    margin-bottom: 1.875rem;
  }
}
.archive .c-button__text {
  display: block;
  cursor: pointer;
}
.archive .c-button__text:link {
  color: #707070;
  text-decoration: none;
}
.archive .c-button__text:visited {
  color: #707070;
  text-decoration: none;
}
.archive .c-button__text:hover {
  color: #707070;
  text-decoration: underline;
  -webkit-text-decoration-color: #707070;
          text-decoration-color: #707070;
}
.archive .c-button__text:focus {
  color: #707070;
  text-decoration: none;
}
.archive .c-button__text:active {
  color: #707070;
  text-decoration: none;
}
.archive .no-post {
  display: flex;
  background-color: #3C2A10;
  color: #FFFFFF;
  font-size: 1.2rem;
  letter-spacing: 0.13rem;
  font-weight: 400;
  height: 8rem;
  align-items: center;
  justify-content: center;
}
.archive .wp-pagenavi {
  display: none;
}
@media screen and (min-width: 781px) {
  .archive .wp-pagenavi {
    display: flex;
    color: #707070;
    font: 700 1rem/2.0625rem "Roboto", Noto Sans JP, MyYuGothicM, YuGothic, -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", Meiryo, Verdana, arial, helvetica, sans-serif;
    align-items: center;
    justify-content: center;
    margin: 0 1.2057rem;
    gap: 1.2057rem;
  }
}
.archive .wp-pagenavi .pages {
  position: relative;
  font-weight: 700;
  padding-right: 1.0738rem;
}
.archive .wp-pagenavi .pages::before {
  content: "Page";
  position: absolute;
  font-weight: 700;
  left: -2.55rem;
}
.archive .wp-pagenavi .page {
  border: 0.0625rem solid;
  width: 2.1875rem;
  height: 2.1875rem;
  text-align: center;
  display: block;
  cursor: pointer;
}
.archive .wp-pagenavi .page:link {
  color: #707070;
  text-decoration: none;
}
.archive .wp-pagenavi .page:visited {
  color: #707070;
  text-decoration: none;
}
.archive .wp-pagenavi .page:hover {
  color: #707070;
  text-decoration: underline;
  -webkit-text-decoration-color: #707070;
          text-decoration-color: #707070;
}
.archive .wp-pagenavi .page:focus {
  color: #707070;
  text-decoration: none;
}
.archive .wp-pagenavi .page:active {
  color: #707070;
  text-decoration: none;
}
.archive .current {
  border: 0.0625rem solid;
  width: 2.1875rem;
  height: 2.1875rem;
  text-align: center;
  color: #FFFFFF;
  background-color: #3C2A10;
}

.error404 .l-wrapper {
  display: grid;
  position: relative;
  overflow: hidden;
  min-height: 100dvh;
  grid-template-columns: 1fr;
  grid-template-rows: 13.4375rem 1fr 9.375rem;
}
@media screen and (min-width: 781px) {
  .error404 .l-wrapper {
    grid-template-rows: 13.5625rem 1fr 9.375rem;
  }
}
@media screen and (min-width: 1200px) {
  .error404 .l-wrapper {
    display: grid;
    grid-template-columns: 80% 20%;
    min-height: 100dvh;
  }
}
.error404 .l-wrapper.fix {
  overflow: hidden;
}
.error404 .p-hero__title--menu {
  text-transform: uppercase;
}
.error404 .p-page404__title--area {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.error404 .p-page404__text--area {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media screen and (min-width: 781px) {
  .error404 .p-page404__text--area {
    align-items: center;
    text-align: center;
  }
}
.error404 .p-page404__text--sp {
  display: contents;
}
@media screen and (min-width: 781px) {
  .error404 .p-page404__text--sp {
    display: none;
  }
}
.error404 .p-page404__br--tb {
  display: none;
}
@media screen and (min-width: 781px) {
  .error404 .p-page404__br--tb {
    display: block;
  }
}
.error404 .p-page404__link--bottom {
  display: contents;
}
@media screen and (min-width: 781px) {
  .error404 .p-page404__link--bottom {
    display: flex;
  }
}
.error404 .p-page404__margin--bottom {
  margin-bottom: 2.875rem;
}
@media screen and (min-width: 781px) {
  .error404 .p-page404__margin--bottom {
    margin-bottom: 6.875rem;
  }
}

.page-template-history .l-wrapper {
  display: grid;
  position: relative;
  overflow: hidden;
  min-height: 100vh;
  grid-template-columns: 1fr;
  grid-template-rows: 13.4375rem 1fr 9.375rem;
}
@media screen and (min-width: 781px) {
  .page-template-history .l-wrapper {
    grid-template-rows: 13.5625rem 1fr 9.375rem;
  }
}
@media screen and (min-width: 1200px) {
  .page-template-history .l-wrapper {
    display: grid;
    grid-template-columns: 80% 20%;
    min-height: 100vh;
  }
}
.page-template-history .l-wrapper.fix {
  overflow: hidden;
}
.page-template-history .p-article {
  display: flex;
  flex-direction: column;
  justify-content: center;
  /*width: 335px;*/
  margin-left: auto;
  margin-right: auto;
  /*flex-wrap: wrap;*/
  align-items: stretch;
  gap: 1.25rem;
}
@media screen and (min-width: 781px) {
  .page-template-history .p-article {
    display: grid;
    margin-top: 2rem;
    grid-template-columns: 1fr 1fr 1fr;
    flex-direction: row;
    justify-content: center;
    gap: 3rem;
  }
}
.page-template-history .title {
  display: flex;
  background-color: #3C2A10;
  color: #FFFFFF;
  font-size: 1.2rem;
  letter-spacing: 0.13rem;
  font-weight: 400;
  height: 8rem;
  align-items: center;
  justify-content: center;
  padding-left: 2.5rem;
}
@media screen and (min-width: 781px) {
  .page-template-history .title {
    padding-left: 8.99%;
  }
}
@media screen and (min-width: 1200px) {
  .page-template-history .title {
    padding-left: 9.31%;
    padding-bottom: 8.86%;
  }
}
.page-template-history .title .p-card__textarea {
  background-color: #F5F5F5;
  color: #3C2A10;
  display: flex;
  flex-direction: column;
  min-height: auto;
  height: 10rem;
}
@media screen and (min-width: 781px) {
  .page-template-history .title .p-card__textarea {
    flex-direction: row;
    justify-content: center;
  }
}
.page-template-history .title .p-card__textarea > a {
  display: flex;
  justify-content: center;
  padding-top: 2rem;
  cursor: pointer;
}
.page-template-history .title .p-card__textarea > a:link {
  color: #3C2A10;
  text-decoration: none;
}
.page-template-history .title .p-card__textarea > a:visited {
  color: #3C2A10;
  text-decoration: none;
}
.page-template-history .title .p-card__textarea > a:hover {
  color: #3C2A10;
  text-decoration: underline;
  -webkit-text-decoration-color: #3C2A10;
          text-decoration-color: #3C2A10;
}
.page-template-history .title .p-card__textarea > a:focus {
  color: #3C2A10;
  text-decoration: none;
}
.page-template-history .title .p-card__textarea > a:active {
  color: #3C2A10;
  text-decoration: none;
}

.search-results .l-wrapper {
  display: grid;
  position: relative;
  overflow: hidden;
  min-height: 100dvh;
  grid-template-columns: 1fr;
  grid-template-rows: 13.4375rem 1fr 9.375rem;
}
@media screen and (min-width: 781px) {
  .search-results .l-wrapper {
    grid-template-rows: 13.5625rem 1fr 9.375rem;
  }
}
@media screen and (min-width: 1200px) {
  .search-results .l-wrapper {
    display: grid;
    grid-template-columns: 80% 20%;
    min-height: 100dvh;
  }
}
.search-results .l-wrapper.fix {
  overflow: hidden;
}
.search-results .attachment-post-thumbnail {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  aspect-ratio: 336.11/230.53;
  width: 100%;
}
@media screen and (min-width: 781px) {
  .search-results .attachment-post-thumbnail {
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
    aspect-ratio: 378.28/354.5;
    width: 100%;
  }
}
@media screen and (min-width: 1200px) {
  .search-results .attachment-post-thumbnail {
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
    aspect-ratio: 677/471;
    width: 100%;
  }
}
.search-results .p-article__area {
  color: #3C2A10;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
}
@media screen and (min-width: 781px) {
  .search-results .p-article__area {
    line-height: 1.485rem;
  }
}
.search-results .p-article__area h2 {
  display: block;
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 41.58px;
  color: #3C2A10;
  font-family: "Mplus 1m", Noto Sans JP, MyYuGothicM, YuGothic, -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", Meiryo, Verdana, arial, helvetica, sans-serif;
}
@media screen and (min-width: 781px) {
  .search-results .p-article__area h2 {
    font-size: 2.25rem;
    line-height: 3.34rem;
  }
}
.search-results .p-article {
  gap: 0px;
  margin-bottom: 1.25rem;
}
@media screen and (min-width: 781px) {
  .search-results .p-article__cardList {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}
@media screen and (min-width: 1200px) {
  .search-results .p-article__cardList {
    margin-bottom: 1.875rem;
  }
}
.search-results .c-button__text {
  display: block;
  cursor: pointer;
}
.search-results .c-button__text:link {
  color: #707070;
  text-decoration: none;
}
.search-results .c-button__text:visited {
  color: #707070;
  text-decoration: none;
}
.search-results .c-button__text:hover {
  color: #707070;
  text-decoration: underline;
  -webkit-text-decoration-color: #707070;
          text-decoration-color: #707070;
}
.search-results .c-button__text:focus {
  color: #707070;
  text-decoration: none;
}
.search-results .c-button__text:active {
  color: #707070;
  text-decoration: none;
}
.search-results .no-post {
  display: flex;
  background-color: #3C2A10;
  color: #FFFFFF;
  font-size: 1.2rem;
  letter-spacing: 0.13rem;
  font-weight: 400;
  height: 8rem;
  align-items: center;
  justify-content: center;
}
.search-results .wp-pagenavi {
  display: none;
}
@media screen and (min-width: 781px) {
  .search-results .wp-pagenavi {
    display: flex;
    color: #707070;
    font: 700 1rem/2.0625rem "Roboto", Noto Sans JP, MyYuGothicM, YuGothic, -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", Meiryo, Verdana, arial, helvetica, sans-serif;
    align-items: center;
    justify-content: center;
    margin: 0 1.2057rem;
    gap: 1.2057rem;
  }
}
.search-results .wp-pagenavi .pages {
  position: relative;
  font-weight: 700;
  padding-right: 1.0738rem;
}
.search-results .wp-pagenavi .pages::before {
  content: "Page";
  position: absolute;
  font-weight: 700;
  left: -2.55rem;
}
.search-results .wp-pagenavi .page {
  border: 0.0625rem solid;
  width: 2.1875rem;
  height: 2.1875rem;
  text-align: center;
  display: block;
  cursor: pointer;
}
.search-results .wp-pagenavi .page:link {
  color: #707070;
  text-decoration: none;
}
.search-results .wp-pagenavi .page:visited {
  color: #707070;
  text-decoration: none;
}
.search-results .wp-pagenavi .page:hover {
  color: #707070;
  text-decoration: underline;
  -webkit-text-decoration-color: #707070;
          text-decoration-color: #707070;
}
.search-results .wp-pagenavi .page:focus {
  color: #707070;
  text-decoration: none;
}
.search-results .wp-pagenavi .page:active {
  color: #707070;
  text-decoration: none;
}
.search-results .current {
  border: 0.0625rem solid;
  width: 2.1875rem;
  height: 2.1875rem;
  text-align: center;
  color: #FFFFFF;
  background-color: #3C2A10;
}

.search-no-results .l-wrapper {
  display: grid;
  position: relative;
  overflow: hidden;
  min-height: 100dvh;
  grid-template-columns: 1fr;
  grid-template-rows: 13.4375rem 1fr 9.375rem;
}
@media screen and (min-width: 781px) {
  .search-no-results .l-wrapper {
    grid-template-rows: 13.5625rem 1fr 9.375rem;
  }
}
@media screen and (min-width: 1200px) {
  .search-no-results .l-wrapper {
    display: grid;
    grid-template-columns: 80% 20%;
    min-height: 100dvh;
  }
}
.search-no-results .l-wrapper.fix {
  overflow: hidden;
}
.search-no-results .p-article__area {
  color: #3C2A10;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
}
@media screen and (min-width: 781px) {
  .search-no-results .p-article__area {
    line-height: 1.485rem;
  }
}
.search-no-results .p-article__area h2 {
  display: block;
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 41.58px;
  color: #3C2A10;
  font-family: "Mplus 1m", Noto Sans JP, MyYuGothicM, YuGothic, -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", Meiryo, Verdana, arial, helvetica, sans-serif;
}
@media screen and (min-width: 781px) {
  .search-no-results .p-article__area h2 {
    font-size: 2.25rem;
    line-height: 3.34rem;
  }
}
.search-no-results .p-card__textarea {
  background-color: #F5F5F5;
  color: #3C2A10;
  display: flex;
  flex-direction: column;
  min-height: 2rem;
  height: 10rem;
  justify-content: center;
  align-items: center;
  width: 80%;
  margin: 0 auto 2rem auto;
}
@media screen and (min-width: 781px) {
  .search-no-results .p-card__textarea {
    flex-direction: row;
    justify-content: center;
  }
}
.search-no-results .p-pagenation {
  display: none;
}
.search-no-results .p-pagenationTBPC {
  display: none;
}

.p-searchform-for-php {
  display: flex;
  margin: 1.75rem 0 2.81rem 0;
  justify-content: center;
  height: 2.875rem;
  width: 84.8%;
  justify-content: space-between;
  /*虫眼鏡アイコン設置のため、inputと同じサイズの親要素のボックス用意。*/
  /*むしろ、width:100%;で親要素と同じサイズのinput用意*/
}
@media screen and (min-width: 781px) {
  .p-searchform-for-php {
    width: 65.5%;
  }
}
@media screen and (min-width: 1200px) {
  .p-searchform-for-php {
    margin: 0;
    position: absolute;
    right: 1.987rem;
    width: 35%;
  }
}
.p-searchform-for-php__box {
  display: flex;
  position: relative;
  border-radius: 0.625rem 0.5rem 0.625rem 0.625rem;
  width: 67.9%;
  height: 2.875rem;
}
@media screen and (min-width: 781px) {
  .p-searchform-for-php__box {
    width: 72.5%;
    border-radius: 0.625rem;
  }
}
@media screen and (min-width: 1200px) {
  .p-searchform-for-php__box {
    width: 73%;
  }
}
.p-searchform-for-php__box::before {
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  background: url(./image/mushimegane.png) no-repeat center center/auto 100%;
  display: inline-block;
  position: absolute;
  top: 0.6875rem;
  left: 0.875rem;
}
.p-searchform-for-php__input {
  border-radius: 0.625rem 0.5rem 0.625rem 0.625rem;
  width: 100%;
  padding-left: 3rem;
  border: solid 0.0625rem #707070;
  color: #707070;
  font-family: "M PLUS 1p", Noto Sans JP, MyYuGothicM, YuGothic, -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", Meiryo, Verdana, arial, helvetica, sans-serif;
  line-height: 1.485rem;
  font-weight: 700;
  font-size: 1rem;
}
@media screen and (min-width: 781px) {
  .p-searchform-for-php__input {
    border-radius: 0.625rem;
  }
}
@media screen and (min-width: 1200px) {
  .p-searchform-for-php__input {
    line-height: 2.0625rem;
    font-family: "Mplus 1m", Noto Sans JP, MyYuGothicM, YuGothic, -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", Meiryo, Verdana, arial, helvetica, sans-serif;
    color: #707070;
  }
}
.p-searchform-for-php__button {
  display: flex;
  justify-content: center;
  border-radius: 0.625rem;
  width: 28.3%;
  border: solid 0.0625rem #707070;
  cursor: pointer;
  color: #707070;
  background: linear-gradient(#F2EDE9, #DED8D3);
}
@media screen and (min-width: 781px) {
  .p-searchform-for-php__button {
    width: 24.9%;
  }
}
.p-searchform-for-php__text {
  position: absolute;
  left: 3rem;
  top: 0.7rem;
}
@media screen and (min-width: 1200px) {
  .p-searchform-for-php__text {
    left: 3rem;
    top: 0.4rem;
  }
}

.p-footer-for-php__text {
  display: block;
  font-family: "M PLUS 1p", Noto Sans JP, MyYuGothicM, YuGothic, -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", Meiryo, Verdana, arial, helvetica, sans-serif;
  font-weight: 400;
  color: #FFFFFF;
}
@media screen and (min-width: 375px) {
  .p-footer-for-php__text {
    font-size: 1.125rem;
  }
}
@media screen and (min-width: 781px) {
  .p-footer-for-php__text {
    font-size: 1.25rem;
  }
}
.p-footer-for-php__text--small {
  display: block;
  font-family: "M PLUS 1p", Noto Sans JP, MyYuGothicM, YuGothic, -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", Meiryo, Verdana, arial, helvetica, sans-serif;
  font-weight: 400;
  color: #FFFFFF;
  font-size: 0.875rem;
}
.p-footer-for-php__color {
  display: block;
  background-color: #9D8670;
  background-size: cover;
  height: 100%;
}
.p-footer-for-php__image {
  display: block;
  background-image: url(./image/texture-layer.png);
  background-repeat: repeat-x;
  background-size: cover;
  height: 100%;
}

.menu-footer-container {
  list-style: none;
  display: flex;
  justify-content: center;
}
.menu-footer-container ul {
  display: flex;
  height: 1.875rem;
  align-items: center;
}
.menu-footer-container ul > li {
  list-style: none;
}
.menu-footer-container ul > li:not(:last-child) .p-link__footer::after {
  content: "|";
  padding: 0 0.41rem;
  display: inline-block;
}

.page-id-974 .l-wrapper {
  display: grid;
  position: relative;
  overflow: hidden;
  min-height: 100dvh;
  grid-template-columns: 1fr;
  grid-template-rows: 13.4375rem 1fr 9.375rem;
}
@media screen and (min-width: 781px) {
  .page-id-974 .l-wrapper {
    grid-template-rows: 13.5625rem 1fr 9.375rem;
  }
}
@media screen and (min-width: 1200px) {
  .page-id-974 .l-wrapper {
    display: grid;
    grid-template-columns: 80% 20%;
    min-height: 100dvh;
  }
}
.page-id-974 .l-wrapper.fix {
  overflow: hidden;
}
.page-id-974 .is-style-hero {
  display: flex;
  align-items: center;
  background-image: url(./image/hero.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 100%;
  aspect-ratio: 375/285;
  padding: 0%;
  min-height: auto;
}
@media screen and (min-width: 781px) {
  .page-id-974 .is-style-hero {
    aspect-ratio: 834/285;
  }
}
@media screen and (min-width: 1200px) {
  .page-id-974 .is-style-hero {
    aspect-ratio: 1553/530;
  }
}
.page-id-974 .is-style-hero__blackScreen {
  background-color: rgba(0, 0, 0, 0.5);
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  position: absolute;
  z-index: 20;
}
.page-id-974 .is-style-hero .wp-block-cover__inner-container {
  display: flex;
  align-items: center;
  padding-left: 6.7%;
  font-size: clamp(2.06rem, 9.6vw, 4.5rem);
  color: #FFFFFF;
}
@media screen and (min-width: 781px) {
  .page-id-974 .is-style-hero .wp-block-cover__inner-container {
    font-size: clamp(2.18rem, 4.32vw, 3rem);
    padding-left: 10.3%;
  }
}
@media screen and (min-width: 1200px) {
  .page-id-974 .is-style-hero .wp-block-cover__inner-container {
    font-size: clamp(1.62rem, 2.08vw, 3.12rem);
    padding-left: 5.5%;
  }
}
.page-id-974 .wp-block-columns {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  align-items: stretch !important;
  gap: 1.25rem;
  width: 100%;
}
@media screen and (min-width: 1200px) {
  .page-id-974 .wp-block-columns {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 0rem;
  }
}
@media screen and (min-width: 781px) {
  .page-id-974 .wp-block-columns {
    display: flex;
    flex-direction: row;
    justify-content: center;
  }
}
.page-id-974 .wp-block-columns .is-style-card-left {
  display: flex;
  width: 100%;
  justify-content: center;
  margin-top: 5.3%;
}
@media screen and (min-width: 781px) {
  .page-id-974 .wp-block-columns .is-style-card-left {
    display: flex;
    width: 50%;
    flex-direction: row;
    justify-content: flex-start;
    margin-top: 0%;
  }
}
.page-id-974 .wp-block-columns .is-style-card-left .is-light {
  display: grid;
  grid-template-columns: 1fr auto;
  flex-direction: column;
  position: relative;
  align-items: end;
  justify-content: flex-end;
  width: 89.3%;
  padding: 0;
  min-height: 171.456dvw;
}
@media screen and (min-width: 781px) {
  .page-id-974 .wp-block-columns .is-style-card-left .is-light {
    margin-top: 15.5%;
    margin-bottom: 16.7%;
    margin-left: 15.5%;
    width: 79.8%;
    min-height: 77.406dvw;
  }
}
@media screen and (min-width: 1200px) {
  .page-id-974 .wp-block-columns .is-style-card-left .is-light {
    min-height: 61.9248dvw;
  }
}
.page-id-974 .wp-block-columns .is-style-card-left .is-light > .wp-block-cover__inner-container {
  padding-left: 0;
  justify-content: center;
  position: unset;
}
.page-id-974 .wp-block-columns .is-style-card-left h2 {
  display: inline-block;
  font-weight: 700;
  font-size: clamp(2.31rem, 10.9vw, 5.25rem);
  font-family: "Roboto", Noto Sans JP, MyYuGothicM, YuGothic, -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", Meiryo, Verdana, arial, helvetica, sans-serif;
  color: #EAEAEA;
  position: absolute;
  top: 0.8125rem;
  left: 4.48%;
  line-height: clamp(2.72rem, 12.8vw, 6.18rem);
}
@media screen and (min-width: 781px) {
  .page-id-974 .wp-block-columns .is-style-card-left h2 {
    top: 0.875rem;
    left: 3.09%;
    font-size: clamp(2.56rem, 5.28vw, 3.88rem);
    line-height: clamp(3rem, 6.18vw, 4.63rem);
  }
}
@media screen and (min-width: 1200px) {
  .page-id-974 .wp-block-columns .is-style-card-left h2 {
    top: 1.5rem;
    left: 1.63%;
    font-size: clamp(3.18rem, 4.2vw, 6.18rem);
    line-height: clamp(3.68rem, 4.9vw, 7.18rem);
  }
}
.page-id-974 .wp-block-columns .is-style-card-left h2 > span {
  display: inline-block;
  position: relative;
  margin-bottom: 1.2088rem;
}
.page-id-974 .wp-block-columns .is-style-card-left h2 > span::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  bottom: -1.2088rem;
  background-color: #FFFFFF;
  height: 0.25rem;
  width: 9.05vw;
}
@media screen and (min-width: 781px) {
  .page-id-974 .wp-block-columns .is-style-card-left h2 > span::before {
    width: 4.31vw;
  }
}
@media screen and (min-width: 1200px) {
  .page-id-974 .wp-block-columns .is-style-card-left h2 > span::before {
    width: 3.29vw;
  }
}
.page-id-974 .wp-block-columns .is-style-card-left h2 > span > a {
  cursor: pointer;
}
.page-id-974 .wp-block-columns .is-style-card-left h2 > span > a:link {
  color: #FFFFFF;
  text-decoration: none;
}
.page-id-974 .wp-block-columns .is-style-card-left h2 > span > a:visited {
  color: #FFFFFF;
  text-decoration: none;
}
.page-id-974 .wp-block-columns .is-style-card-left h2 > span > a:hover {
  color: #FFFFFF;
  -webkit-text-decoration-color: none;
          text-decoration-color: none;
  transform: scale(1.05);
  display: inline-block;
}
.page-id-974 .wp-block-columns .is-style-card-left h2 > span > a:focus {
  color: #FFFFFF;
  text-decoration: none;
}
.page-id-974 .wp-block-columns .is-style-card-left h2 > span > a:active {
  color: #FFFFFF;
  text-decoration: none;
}
.page-id-974 .wp-block-columns .is-style-card-right {
  display: flex;
  width: 100%;
  justify-content: center;
  margin-bottom: 13.07%;
}
@media screen and (min-width: 781px) {
  .page-id-974 .wp-block-columns .is-style-card-right {
    display: flex;
    width: 50%;
    flex-direction: row;
    justify-content: flex-end;
    margin-bottom: 0%;
  }
}
.page-id-974 .wp-block-columns .is-style-card-right .wp-block-cover {
  display: grid;
  grid-template-columns: 1fr auto;
  flex-direction: column;
  position: relative;
  align-items: end;
  justify-content: flex-end;
  min-height: 192dvw;
  width: 89.6%;
  padding: 0;
}
@media screen and (min-width: 781px) {
  .page-id-974 .wp-block-columns .is-style-card-right .wp-block-cover {
    margin-top: 15.5%;
    margin-bottom: 16.7%;
    margin-right: 15.5%;
    width: 79.8%;
    min-height: 77.406dvw;
  }
}
@media screen and (min-width: 1200px) {
  .page-id-974 .wp-block-columns .is-style-card-right .wp-block-cover {
    min-height: 61.9248dvw;
  }
}
.page-id-974 .wp-block-columns .is-style-card-right .wp-block-cover > .wp-block-cover__inner-container {
  padding-left: 0;
  justify-content: center;
  position: unset;
}
.page-id-974 .wp-block-columns .is-style-card-right h2 {
  color: #FFFFFF;
  display: flex;
  font-size: clamp(2.31rem, 10.9vw, 5.25rem);
  position: absolute;
  top: 0.8125rem;
  left: 3.87%;
  line-height: clamp(2.72rem, 12.8vw, 6.18rem);
}
@media screen and (min-width: 781px) {
  .page-id-974 .wp-block-columns .is-style-card-right h2 {
    top: 1rem;
    font-size: clamp(2.56rem, 5.28vw, 3.88rem);
    line-height: clamp(3rem, 6.18vw, 4.63rem);
  }
}
@media screen and (min-width: 1200px) {
  .page-id-974 .wp-block-columns .is-style-card-right h2 {
    top: 1.75rem;
    left: 3.41%;
    font-size: clamp(3.18rem, 4.2vw, 6.18rem);
    line-height: clamp(3.68rem, 4.9vw, 7.18rem);
  }
}
.page-id-974 .wp-block-columns .is-style-card-right h2 > span {
  display: inline-block;
  position: relative;
  margin-bottom: 1.3338rem;
}
.page-id-974 .wp-block-columns .is-style-card-right h2 > span::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  bottom: -1.3338rem;
  background-color: #FFFFFF;
  height: 0.25rem;
  width: 9.05vw;
}
@media screen and (min-width: 781px) {
  .page-id-974 .wp-block-columns .is-style-card-right h2 > span::before {
    width: 4.31vw;
  }
}
@media screen and (min-width: 1200px) {
  .page-id-974 .wp-block-columns .is-style-card-right h2 > span::before {
    width: 3.29vw;
  }
}
.page-id-974 .wp-block-columns .is-style-card-right h2 > span > a {
  cursor: pointer;
}
.page-id-974 .wp-block-columns .is-style-card-right h2 > span > a:link {
  color: #FFFFFF;
  text-decoration: none;
}
.page-id-974 .wp-block-columns .is-style-card-right h2 > span > a:visited {
  color: #FFFFFF;
  text-decoration: none;
}
.page-id-974 .wp-block-columns .is-style-card-right h2 > span > a:hover {
  color: #FFFFFF;
  -webkit-text-decoration-color: none;
          text-decoration-color: none;
  transform: scale(1.05);
  display: inline-block;
}
.page-id-974 .wp-block-columns .is-style-card-right h2 > span > a:focus {
  color: #FFFFFF;
  text-decoration: none;
}
.page-id-974 .wp-block-columns .is-style-card-right h2 > span > a:active {
  color: #FFFFFF;
  text-decoration: none;
}
.page-id-974 .wp-block-columns img {
  -o-object-fit: cover;
     object-fit: cover;
}
.page-id-974 .wp-block-columns .wp-block-group {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  justify-self: center;
  width: 100%;
  padding-top: 10rem;
  margin: 0 auto;
}
@media screen and (min-width: 781px) {
  .page-id-974 .wp-block-columns .wp-block-group {
    padding-top: 12.5rem;
  }
}
@media screen and (min-width: 1200px) {
  .page-id-974 .wp-block-columns .wp-block-group {
    width: 95%;
  }
}
.page-id-974 .wp-block-columns .wp-block-group > div > .wp-block-group {
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: rgba(255, 255, 255, 0.8);
  height: auto;
  padding: 2.7%;
  position: relative;
  margin: 0 auto 4.2% auto;
  width: 90.3%;
}
@media screen and (min-width: 781px) {
  .page-id-974 .wp-block-columns .wp-block-group > div > .wp-block-group {
    width: 91%;
    margin: 0 auto 4.5% auto;
  }
}
@media screen and (min-width: 1200px) {
  .page-id-974 .wp-block-columns .wp-block-group > div > .wp-block-group {
    width: 95%;
    margin: 0 auto 2.6% auto;
  }
}
.page-id-974 .wp-block-columns .wp-block-group > div > .wp-block-group h3 {
  display: flex;
  font-size: 1.375rem;
  color: #3C2A10;
  margin-bottom: 0.25rem;
}
.page-id-974 .wp-block-columns .wp-block-group > div > .wp-block-group p {
  line-height: 1.485rem;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #3C2A10;
  font-weight: 400;
  font-size: 1rem;
  height: auto;
  width: 100%;
  margin-top: 0.25rem;
  padding: 0;
}
.page-id-974 .is-style-map {
  padding: 0;
  display: block;
  width: 100vw;
}
@media screen and (min-width: 781px) {
  .page-id-974 .is-style-map {
    height: auto;
  }
}
@media screen and (min-width: 1200px) {
  .page-id-974 .is-style-map {
    width: 100%;
  }
}
.page-id-974 .is-style-map > span {
  opacity: 0.2855 !important;
  height: 100%;
}
.page-id-974 .is-style-map > img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
}
.page-id-974 .is-style-map-ray {
  padding: 0;
}
@media screen and (min-width: 1200px) {
  .page-id-974 .is-style-map-ray .is-style-map-ray {
    width: 61.1%;
  }
}
.page-id-974 .is-style-map-ray > span {
  bottom: 0;
  left: 0;
  opacity: 0.3116;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  height: 60%;
}
@media screen and (min-width: 781px) {
  .page-id-974 .is-style-map-ray > span {
    height: 100%;
  }
}
.page-id-974 .is-style-map-ray > div {
  z-index: 1;
}
.page-id-974 .is-style-map-textarea {
  padding: 11.2% 10.7% 15.2%;
}
@media screen and (min-width: 781px) {
  .page-id-974 .is-style-map-textarea {
    padding: 5.03% 3.48% 4.8% 5.04%;
  }
}
@media screen and (min-width: 1200px) {
  .page-id-974 .is-style-map-textarea {
    padding: 9.05% 14.1% 7.895% 12.53%;
  }
}
.page-id-974 .is-style-map-textarea p {
  display: block;
  color: #FFFFFF;
  font-size: 0.875rem;
  line-height: 2.0625rem !important;
  margin-top: 0.9375rem;
}
@media screen and (min-width: 1200px) {
  .page-id-974 .is-style-map-textarea p {
    font-size: 1rem;
    line-height: 2.0625rem;
  }
}
.page-id-974 .is-style-map-heading {
  display: inline-block;
  font-size: 1.88rem;
  color: #FFFFFF;
  line-height: 2.7843rem;
}
@media screen and (min-width: 1200px) {
  .page-id-974 .is-style-map-heading {
    font-size: 2.25rem;
    line-height: 3.34125rem;
  }
}
.page-id-974 .is-style-map-heading > span {
  display: inline-block;
  position: relative;
  margin-bottom: 0.9375rem;
}
.page-id-974 .is-style-map-heading > span::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  bottom: -0.9375rem;
  background-color: #FFFFFF;
  height: 0.125rem;
  width: 4.6875rem;
}

.u-margin__center {
  margin: 0 auto;
}
.u-margin__table {
  margin: 3.75rem auto;
}
.u-margin__left {
  margin-left: 5.3%;
}
@media screen and (min-width: 781px) {
  .u-margin__left {
    margin-left: 7.19%;
  }
}
@media screen and (min-width: 1200px) {
  .u-margin__left {
    margin-left: 6.44%;
  }
}
.u-margin__left--topic {
  margin-left: 5.3%;
}
@media screen and (min-width: 781px) {
  .u-margin__left--topic {
    margin-left: 7.19%;
  }
}
@media screen and (min-width: 1200px) {
  .u-margin__left--topic {
    margin-left: 6.44%;
  }
}
.u-margin__middle--bottom {
  margin-bottom: 1.875rem;
}
@media screen and (min-width: 781px) {
  .u-margin__middle--bottom {
    margin-bottom: 15.06rem;
  }
}
@media screen and (min-width: 1200px) {
  .u-margin__middle--bottom {
    margin-bottom: 3.75rem;
  }
}
.u-margin__middle--top {
  margin-top: 1.875rem;
}
@media screen and (min-width: 781px) {
  .u-margin__middle--top {
    margin-top: 3.8125rem;
  }
}
@media screen and (min-width: 1200px) {
  .u-margin__middle--top {
    margin-top: 3.75rem;
  }
}
.u-margin__bottom {
  margin-bottom: 1.875rem;
}
@media screen and (min-width: 781px) {
  .u-margin__bottom {
    margin-bottom: 3.75rem;
  }
}
.u-margin__bottom--quote {
  margin-bottom: 1.875rem;
}
@media screen and (min-width: 781px) {
  .u-margin__bottom--quote {
    margin-bottom: 3.8125rem;
  }
}
.u-margin__bottom--textBlock {
  margin-bottom: 2.25rem;
}
@media screen and (min-width: 781px) {
  .u-margin__bottom--textBlock {
    margin-bottom: 3.875rem;
  }
}
@media screen and (min-width: 1200px) {
  .u-margin__bottom--textBlock {
    margin-bottom: 3.75rem;
  }
}
.u-margin__bottom--small {
  margin-bottom: 1.5625rem;
}
@media screen and (min-width: 781px) {
  .u-margin__bottom--small {
    margin-bottom: 3.4375rem;
  }
}
@media screen and (min-width: 1200px) {
  .u-margin__bottom--small {
    margin-bottom: 3.5625rem;
  }
}

.u-width {
  width: 89.3%;
}
@media screen and (min-width: 781px) {
  .u-width {
    width: 85.49%;
  }
}
@media screen and (min-width: 1200px) {
  .u-width {
    width: 87.12%;
  }
}
.u-width__tbLarge {
  width: 89.3%;
}
@media screen and (min-width: 781px) {
  .u-width__tbLarge {
    width: 85.61%;
  }
}
@media screen and (min-width: 1200px) {
  .u-width__tbLarge {
    width: 87.12%;
  }
}

.u-lineheight {
  line-height: 1.485rem;
}
.u-lineheight__large {
  line-height: 1.856rem;
}
.u-lineheight__topic--small {
  line-height: 2.23rem;
}
@media screen and (min-width: 781px) {
  .u-lineheight__topic--small {
    line-height: 2.6rem;
  }
}
.u-lineheight__topic {
  line-height: 2.6rem;
}
@media screen and (min-width: 781px) {
  .u-lineheight__topic {
    line-height: 3.34rem;
  }
}

.u-padding__tableLeft {
  padding-left: 1.875rem;
}
.u-padding__tableLeft--spSmall {
  padding-left: 1.464rem;
}
@media screen and (min-width: 781px) {
  .u-padding__tableLeft--spSmall {
    padding-left: 1.875rem;
  }
}
.u-padding__left {
  padding: 1.25rem;
}
.u-padding__quote--bottom {
  padding-bottom: 1.875rem;
}
@media screen and (min-width: 781px) {
  .u-padding__quote--bottom {
    padding-bottom: 3.5625rem;
  }
}
@media screen and (min-width: 1200px) {
  .u-padding__quote--bottom {
    padding-bottom: 2.9375rem;
  }
}
.u-padding__quote--top {
  padding-top: 1.875rem;
}
@media screen and (min-width: 781px) {
  .u-padding__quote--top {
    padding-top: 3.125rem;
  }
}

.u-weight__mediumBold {
  font-weight: 400;
}
.u-weight__bold {
  font-weight: 700;
}

.u-gap__card {
  gap: 1.875rem;
}
@media screen and (min-width: 781px) {
  .u-gap__card {
    gap: 7.31rem;
  }
}
@media screen and (min-width: 1200px) {
  .u-gap__card {
    gap: 3.75rem;
  }
}
/*# sourceMappingURL=style.css.map */