@charset "UTF-8";
@font-face {
  font-family: "YuMincho";
  font-weight: normal;
  src: url("../font/A-OTF-A1MinchoStd-Bold.otf");
}
/*====================================================================
Reset
====================================================================*/
*, html, body, div, figure, section, header, footer, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  font-family: Helvetica Neue, Helvetica, Arial, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  line-height: 100%;
  vertical-align: baseline;
  background: transparent;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-text-size-adjust: 100%;
}

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

fieldset,
img {
  border: 0;
}

/*
TODO think about hanlding inheritence differently, maybe letting IE6 fail a bit...
*/
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
  font-style: normal;
  font-weight: normal;
}

ol,
ul {
  list-style: none;
}

caption,
th {
  text-align: left;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}

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

abbr,
acronym {
  border: 0;
  font-variant: normal;
}

sup {
  vertical-align: text-top;
}

sub {
  vertical-align: text-bottom;
}

input,
textarea,
select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
}

input,
textarea,
select {
  *font-size: 100%;
}

legend {
  color: #000;
}

ol, ul {
  list-style: none;
}

a {
  text-decoration: none;
}

input,
button,
textarea,
select {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  line-height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}

/*-----------------------------------------------
@keyframes
------------------------------------------------*/
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(50px);
            transform: translateY(50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(50px);
            transform: translateY(50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes zoomOut {
  0% {
    -webkit-transform: scale3d(1.2, 1.2, 1.2);
            transform: scale3d(1.2, 1.2, 1.2);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}
@keyframes zoomOut {
  0% {
    -webkit-transform: scale3d(1.2, 1.2, 1.2);
            transform: scale3d(1.2, 1.2, 1.2);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}
@-webkit-keyframes HamBtnOpenTop {
  50% {
    top: 50%;
  }
  100% {
    top: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
            transform: translate(-50%, -50%) rotate(45deg);
  }
}
@keyframes HamBtnOpenTop {
  50% {
    top: 50%;
  }
  100% {
    top: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
            transform: translate(-50%, -50%) rotate(45deg);
  }
}
@-webkit-keyframes HamBtnOpenBottom {
  50% {
    bottom: 50%;
  }
  100% {
    bottom: 50%;
    -webkit-transform: translate(-50%, 50%) rotate(-45deg);
            transform: translate(-50%, 50%) rotate(-45deg);
  }
}
@keyframes HamBtnOpenBottom {
  50% {
    bottom: 50%;
  }
  100% {
    bottom: 50%;
    -webkit-transform: translate(-50%, 50%) rotate(-45deg);
            transform: translate(-50%, 50%) rotate(-45deg);
  }
}
@-webkit-keyframes HamBtnCloseTop {
  50% {
    top: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  100% {
    top: 12px;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}
@keyframes HamBtnCloseTop {
  50% {
    top: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  100% {
    top: 12px;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}
@-webkit-keyframes HamBtnCloseBottom {
  50% {
    bottom: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  100% {
    bottom: 12px;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}
@keyframes HamBtnCloseBottom {
  50% {
    bottom: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  100% {
    bottom: 12px;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}
.u-visualEditArea {
  color: #000;
  font-size: 1.5rem;
  font-weight: normal;
  line-height: 1.8;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
  .u-visualEditArea {
    font-size: 1.3rem;
  }
}
.u-visualEditArea * + * {
  margin-top: 1.75em;
}
.u-visualEditArea a {
  color: #f2f4f6;
  text-decoration: underline;
}
@media screen and (min-width: 769px) {
  .u-visualEditArea a {
    -webkit-transition: all 0.6s ease-in-out 0s;
    transition: all 0.6s ease-in-out 0s;
  }
}
@media screen and (min-width: 769px) {
  .u-visualEditArea a:hover {
    opacity: 0.6;
  }
}
.u-visualEditArea h1 {
  font-size: 4.5rem;
  line-height: 1.4;
}
.u-visualEditArea h2 {
  margin-top: 2em;
  font-size: 3rem;
  line-height: 1.6;
}
.u-visualEditArea h3 {
  color: #f2f4f6;
  font-size: 2.2rem;
  font-weight: bold;
  line-height: 1.6;
}
.u-visualEditArea h4 {
  padding-left: 25px;
  position: relative;
  font-size: 1.8rem;
  line-height: 1.6;
}
.u-visualEditArea h4::before {
  content: "";
  width: 17px;
  height: 17px;
  position: absolute;
  top: 3px;
  left: 0;
  background: #f2f4f6;
}
.u-visualEditArea h5, .u-visualEditArea h6 {
  font-size: 1.6rem;
  line-height: 1.6;
}
.u-visualEditArea h1 + h2,
.u-visualEditArea h2 + h3,
.u-visualEditArea h3 + h4,
.u-visualEditArea h4 + h5,
.u-visualEditArea h5 + h6 {
  margin-top: 0.5em;
}
.u-visualEditArea p {
  color: #000;
  font-size: 1.5rem;
  font-weight: normal;
  line-height: 1.8;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
  .u-visualEditArea p {
    font-size: 1.3rem;
  }
}
.u-visualEditArea strong, .u-visualEditArea strong * {
  font-weight: bold;
}
.u-visualEditArea em, .u-visualEditArea em * {
  font-style: italic;
}
.u-visualEditArea ul {
  list-style-type: disc;
}
.u-visualEditArea ol {
  list-style-type: decimal;
}
.u-visualEditArea ul, .u-visualEditArea ol {
  margin-top: 1em;
  padding-left: 1.4em;
}
.u-visualEditArea ul li, .u-visualEditArea ol li {
  margin-top: 0.6em;
  line-height: 1.5;
}
.u-visualEditArea sup, .u-visualEditArea sub {
  font-size: 1rem;
  line-height: 1 !important;
}
.u-visualEditArea hr {
  width: 100%;
  height: 1px;
  display: block;
  background: #000;
}
.u-visualEditArea blockquote {
  padding: 30px;
  background: #808080;
}
.u-visualEditArea table {
  margin-top: 3em;
  width: 100% !important;
  height: auto !important;
  border-collapse: collapse;
  background: #808080;
}
.u-visualEditArea table thead th, .u-visualEditArea table thead td {
  font-weight: bold;
  text-align: center;
}
.u-visualEditArea table tr th, .u-visualEditArea table tr td {
  padding: 15px 20px;
  border: #999 1px solid;
  line-height: 1.5;
  text-align: left;
  vertical-align: middle;
}
.u-visualEditArea table tr th {
  width: 25%;
  font-weight: bold;
  text-align: center;
}
.u-visualEditArea img {
  width: auto;
  max-width: 100%;
  height: auto;
  margin-top: 1em;
}
.u-visualEditArea img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.u-visualEditArea img.alignright {
  display: block;
  margin-right: 0;
  margin-left: auto;
}
.u-visualEditArea .gallery {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.u-visualEditArea .gallery-item {
  margin-top: 0;
  float: none;
  text-align: center;
}
.u-visualEditArea .gallery-columns-2 .gallery-item {
  width: calc((100% - 40px) / 2);
}
.u-visualEditArea .gallery-columns-3 .gallery-item {
  width: calc((100% - 80px) / 3);
}

/*====================================================================
siteHeader
====================================================================*/
.siteHeader .frontHeader__top .frontHeader__title,
.siteHeader .frontHeader__middle .frontHeader__title,
.siteHeader .frontHeader__bottom .frontHeader__title {
  display: block;
  padding: 21px 0;
  font-size: 1.8rem;
  letter-spacing: 0.12em;
  line-height: 1.9;
  font-weight: 500;
  text-align: center;
  color: #fff;
  -webkit-transition: all 0.6s ease-in-out 0s;
  transition: all 0.6s ease-in-out 0s;
}
@media screen and (min-width: 769px) and (min-width: 769px) {
  .siteHeader .frontHeader__top .frontHeader__title:hover:hover,
  .siteHeader .frontHeader__middle .frontHeader__title:hover:hover,
  .siteHeader .frontHeader__bottom .frontHeader__title:hover:hover {
    opacity: 0.6;
  }
}
@media screen and (max-width: 768px) {
  .siteHeader .frontHeader__top .frontHeader__title,
  .siteHeader .frontHeader__middle .frontHeader__title,
  .siteHeader .frontHeader__bottom .frontHeader__title {
    padding: 30px 0;
    font-size: clamp(12px, 1.8rem, 18px);
  }
}
.siteHeader .frontHeader__top {
  background: #000;
}
.siteHeader .frontHeader__middle {
  background: #808080;
}
.siteHeader .frontHeader__bottom {
  background: #999;
}
@media screen and (max-width: 768px) {
  .siteHeader .frontHeader__bottom .frontHeader__title {
    padding: 20px 0;
  }
}
.siteHeader__wrap {
  padding: 55px 80px 30px 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 50px;
  border-bottom: 1px solid #000;
}
@media screen and (max-width: 950px) {
  .siteHeader__wrap {
    padding: 55px 20px 30px 20px;
  }
}
@media screen and (max-width: 768px) {
  .siteHeader__wrap {
    padding: 5rem 40px 4.5rem;
  }
}
.siteHeader__wrap--left {
  width: 328px;
}
.siteHeader__wrap--left a {
  -webkit-transition: all 0.6s ease-in-out 0s;
  transition: all 0.6s ease-in-out 0s;
}
@media screen and (min-width: 769px) and (min-width: 769px) {
  .siteHeader__wrap--left a:hover:hover {
    opacity: 0.6;
  }
}
@media screen and (max-width: 768px) {
  .siteHeader__wrap--left {
    width: 75%;
  }
}
.siteHeader__wrap--right {
  width: 60%;
}
.siteHeader__wrap--right-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 20px;
}
.siteHeader__navList {
  width: 70%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 10px;
}
@media screen and (max-width: 950px) {
  .siteHeader__navList {
    width: 100%;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
}
.siteHeader__nav a {
  padding: 5px 10px;
  font-size: 1.8rem;
  letter-spacing: 0.32em;
  -webkit-transition: all 0.6s ease-in-out 0s;
  transition: all 0.6s ease-in-out 0s;
}
@media screen and (min-width: 769px) and (min-width: 769px) {
  .siteHeader__nav a:hover:hover {
    opacity: 0.6;
  }
}
@media screen and (max-width: 950px) {
  .siteHeader__nav a {
    font-size: clamp(12px, 1.6rem, 16px);
  }
}
.siteHeader__snsList {
  width: 19%;
  max-width: 150px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 10px;
}
.siteHeader__sns a {
  -webkit-transition: all 0.6s ease-in-out 0s;
  transition: all 0.6s ease-in-out 0s;
}
@media screen and (min-width: 769px) and (min-width: 769px) {
  .siteHeader__sns a:hover:hover {
    opacity: 0.6;
  }
}
.siteHeader__sns--instagram {
  width: 40px;
}
.siteHeader__sns--facebook {
  width: 47px;
}
.siteHeader__nav--open {
  width: 57px;
}
@media screen and (max-width: 768px) {
  .siteHeader__nav--open {
    width: 5.7rem;
  }
}
.siteHeader__nav-sp {
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  padding: 50px 45px;
  background-color: #000;
  -webkit-transition: all 0.6s ease-in-out 0s;
  transition: all 0.6s ease-in-out 0s;
  opacity: 0;
  pointer-events: none;
}
.siteHeader__nav-sp.open {
  opacity: 1;
  pointer-events: all;
}
.siteHeader__nav-sp-top {
  margin-bottom: 130px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.siteHeader__nav-sp-top-logo {
  width: 66%;
}
.siteHeader__nav-sp-top-logo a {
  -webkit-transition: all 0.6s ease-in-out 0s;
  transition: all 0.6s ease-in-out 0s;
}
@media screen and (min-width: 769px) and (min-width: 769px) {
  .siteHeader__nav-sp-top-logo a:hover:hover {
    opacity: 0.6;
  }
}
.siteHeader__nav--close {
  width: 11%;
}
.siteHeader__nav-sp-item {
  margin-bottom: 85px;
}
.siteHeader__nav-sp-item a {
  display: block;
  padding: 5px 0;
  font-size: clamp(17px, 3.5rem, 35px);
  letter-spacing: 0.32em;
  color: #fff;
}
.siteHeader__nav-sp-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 70px;
}
.siteHeader__nav-sp-bottom--instagram {
  width: 4.7rem;
}
.siteHeader__nav-sp-bottom--facebook {
  width: 5.5rem;
}

/*====================================================================
siteFooter
====================================================================*/
.siteFooter {
  background-color: #333;
  position: relative;
}
.siteFooter__logo {
  width: calc(100% - 80px);
  position: absolute;
  top: -155px;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
@media screen and (max-width: 768px) {
  .siteFooter__logo {
    width: calc(100% - 20px);
    top: -5.5rem;
  }
}
.siteFooter__innerArea {
  padding: 75px 104px 50px 70px;
}
@media screen and (max-width: 950px) {
  .siteFooter__innerArea {
    width: 78%;
    margin: 0 auto;
    padding: 30px 0 125px;
  }
}
.siteFooter__flex {
  margin-bottom: 110px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 0 20px;
}
@media screen and (max-width: 950px) {
  .siteFooter__flex {
    display: block;
    margin-bottom: 120px;
  }
}
.siteFooter__nav {
  width: 36%;
  margin-top: 10px;
  min-width: 315px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 950px) {
  .siteFooter__nav {
    width: 100%;
    margin-bottom: 95px;
    min-width: 0;
  }
}
.siteFooter__nav_item a {
  padding: 5px;
  font-size: 1.8rem;
  letter-spacing: 0.32em;
  color: #fff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (min-width: 769px) and (min-width: 769px) {
  .siteFooter__nav_item a:hover:hover {
    opacity: 0.6;
  }
}
@media screen and (max-width: 768px) {
  .siteFooter__nav_item a {
    font-size: clamp(12px, 1.8rem, 18px);
  }
}
.siteFooter__logo_area {
  width: 56%;
}
@media screen and (max-width: 950px) {
  .siteFooter__logo_area {
    width: 100%;
    max-width: 511px;
  }
}
.siteFooter__logo_small {
  max-width: 511px;
  margin-bottom: 45px;
}
.siteFooter__address {
  font-size: 1.6rem;
  color: #fff;
  letter-spacing: 0.12em;
  line-height: 1.75;
}
@media screen and (max-width: 950px) {
  .siteFooter__address {
    font-size: clamp(12px, 1.4rem, 14px);
  }
}
.siteFooter__address span {
  display: inline-block;
  letter-spacing: 0.12em;
  line-height: 1.75;
  font-size: 1.6rem;
  color: #fff;
}
.siteFooter__address span.mr-10 {
  margin-right: 10px;
}
@media screen and (max-width: 950px) {
  .siteFooter__address span {
    font-size: clamp(12px, 1.4rem, 14px);
  }
  .siteFooter__address span.time {
    display: block;
  }
  .siteFooter__address span.mr-10 {
    margin-right: 15px;
  }
}
.siteFooter__copy {
  font-size: 1.4rem;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .siteFooter__copy {
    font-size: clamp(12px, 1.4rem, 14px);
  }
}

/*====================================================================
hamMenuBtn
====================================================================*/
.hamMenuBtn {
  display: none;
}

@media screen and (max-width: 768px) {
  .hamMenuBtn {
    width: 50px;
    height: 50px;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
  }
  .hamMenuBtn__border {
    width: 80%;
    height: 2px;
    background: #000;
    display: block;
    position: absolute;
    left: 50%;
  }
  .hamMenuBtn__border:nth-child(1) {
    top: 12px;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    -webkit-animation: HamBtnCloseTop 0.3s ease-in-out 0s forwards;
            animation: HamBtnCloseTop 0.3s ease-in-out 0s forwards;
  }
  .hamMenuBtn__border:nth-child(2) {
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .hamMenuBtn__border:nth-child(3) {
    bottom: 12px;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    -webkit-animation: HamBtnCloseBottom 0.3s ease-in-out 0s forwards;
            animation: HamBtnCloseBottom 0.3s ease-in-out 0s forwards;
  }
  .hamMenuBtn.is-active [class$=__border]:nth-child(1) {
    -webkit-animation: HamBtnOpenTop 0.3s ease-in-out 0s forwards;
            animation: HamBtnOpenTop 0.3s ease-in-out 0s forwards;
  }
  .hamMenuBtn.is-active [class$=__border]:nth-child(2) {
    opacity: 0;
  }
  .hamMenuBtn.is-active [class$=__border]:nth-child(3) {
    -webkit-animation: HamBtnOpenBottom 0.3s ease-in-out 0s forwards;
            animation: HamBtnOpenBottom 0.3s ease-in-out 0s forwards;
  }
}
/*====================================================================
hamMenuContent
====================================================================*/
.hamMenuContent {
  display: none;
}

@media screen and (max-width: 768px) {
  .hamMenuContent {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    padding-top: 50px;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: #999;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  .hamMenuContent__pageList {
    -webkit-transition: all 0.2s ease-in-out 0.2s;
    transition: all 0.2s ease-in-out 0.2s;
    padding: 40px;
    background: #333;
    overflow: hidden;
  }
  .hamMenuContent__pageItem {
    overflow: hidden;
  }
  .hamMenuContent__pageLink {
    -webkit-transition: all 0.2s ease-in-out 0.3s;
    transition: all 0.2s ease-in-out 0.3s;
    color: #000;
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 1.8;
    letter-spacing: 0.05em;
    padding: 10px;
    display: block;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .hamMenuContent__pageLink {
    font-size: 1.3rem;
  }
}
@media screen and (max-width: 768px) {
  .hamMenuContent.is-active {
    -webkit-transform: none;
            transform: none;
  }
}
/*====================================================================
contentCenter
====================================================================*/
.contentCenter {
  width: 1180px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 40px;
  padding-right: 40px;
}
@media screen and (max-width: 1180px) {
  .contentCenter {
    width: 100%;
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media screen and (max-width: 768px) {
  .contentCenter {
    padding-left: 15px;
    padding-right: 15px;
  }
}

/*====================================================================
visualEditArea
====================================================================*/
.visualEditArea {
  color: #000;
  font-size: 1.5rem;
  font-weight: normal;
  line-height: 1.8;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
  .visualEditArea {
    font-size: 1.3rem;
  }
}
.visualEditArea * + * {
  margin-top: 1.75em;
}
.visualEditArea a {
  color: #f2f4f6;
  text-decoration: underline;
}
@media screen and (min-width: 769px) {
  .visualEditArea a {
    -webkit-transition: all 0.6s ease-in-out 0s;
    transition: all 0.6s ease-in-out 0s;
  }
}
@media screen and (min-width: 769px) {
  .visualEditArea a:hover {
    opacity: 0.6;
  }
}
.visualEditArea h1 {
  font-size: 4.5rem;
  line-height: 1.4;
}
.visualEditArea h2 {
  margin-top: 2em;
  font-size: 3rem;
  line-height: 1.6;
}
.visualEditArea h3 {
  color: #f2f4f6;
  font-size: 2.2rem;
  font-weight: bold;
  line-height: 1.6;
}
.visualEditArea h4 {
  padding-left: 25px;
  position: relative;
  font-size: 1.8rem;
  line-height: 1.6;
}
.visualEditArea h4::before {
  content: "";
  width: 17px;
  height: 17px;
  position: absolute;
  top: 3px;
  left: 0;
  background: #f2f4f6;
}
.visualEditArea h5, .visualEditArea h6 {
  font-size: 1.6rem;
  line-height: 1.6;
}
.visualEditArea h1 + h2,
.visualEditArea h2 + h3,
.visualEditArea h3 + h4,
.visualEditArea h4 + h5,
.visualEditArea h5 + h6 {
  margin-top: 0.5em;
}
.visualEditArea p {
  color: #000;
  font-size: 1.5rem;
  font-weight: normal;
  line-height: 1.8;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
  .visualEditArea p {
    font-size: 1.3rem;
  }
}
.visualEditArea strong, .visualEditArea strong * {
  font-weight: bold;
}
.visualEditArea em, .visualEditArea em * {
  font-style: italic;
}
.visualEditArea ul {
  list-style-type: disc;
}
.visualEditArea ol {
  list-style-type: decimal;
}
.visualEditArea ul, .visualEditArea ol {
  margin-top: 1em;
  padding-left: 1.4em;
}
.visualEditArea ul li, .visualEditArea ol li {
  margin-top: 0.6em;
  line-height: 1.5;
}
.visualEditArea sup, .visualEditArea sub {
  font-size: 1rem;
  line-height: 1 !important;
}
.visualEditArea hr {
  width: 100%;
  height: 1px;
  display: block;
  background: #000;
}
.visualEditArea blockquote {
  padding: 30px;
  background: #808080;
}
.visualEditArea table {
  margin-top: 3em;
  width: 100% !important;
  height: auto !important;
  border-collapse: collapse;
  background: #808080;
}
.visualEditArea table thead th, .visualEditArea table thead td {
  font-weight: bold;
  text-align: center;
}
.visualEditArea table tr th, .visualEditArea table tr td {
  padding: 15px 20px;
  border: #999 1px solid;
  line-height: 1.5;
  text-align: left;
  vertical-align: middle;
}
.visualEditArea table tr th {
  width: 25%;
  font-weight: bold;
  text-align: center;
}
.visualEditArea img {
  width: auto;
  max-width: 100%;
  height: auto;
  margin-top: 1em;
}
.visualEditArea img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.visualEditArea img.alignright {
  display: block;
  margin-right: 0;
  margin-left: auto;
}
.visualEditArea .gallery {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.visualEditArea .gallery-item {
  margin-top: 0;
  float: none;
  text-align: center;
}
.visualEditArea .gallery-columns-2 .gallery-item {
  width: calc((100% - 40px) / 2);
}
.visualEditArea .gallery-columns-3 .gallery-item {
  width: calc((100% - 80px) / 3);
}

/*====================================================================
space
====================================================================*/
.space-s,
.space-m,
.space-l {
  border: none;
}

.space-s {
  padding-top: 30px;
}

.space-m {
  padding-top: 50px;
}

.space-l {
  padding-top: 80px;
}

/*====================================================================
bnrA
====================================================================*/
.bnrA {
  color: #f2f4f6;
  font-size: 1.5rem;
  font-weight: normal;
  line-height: 1.8;
  letter-spacing: 0.05em;
  padding: 10px 90px 10px 0;
  position: relative;
  font-weight: bold;
}
@media screen and (min-width: 769px) {
  .bnrA {
    -webkit-transition: all 0.6s ease-in-out 0s;
    transition: all 0.6s ease-in-out 0s;
  }
}
@media screen and (max-width: 768px) {
  .bnrA {
    font-size: 1.3rem;
  }
}
.bnrA::before, .bnrA::after {
  content: "";
  position: absolute;
  bottom: 0;
}
.bnrA::before {
  width: 100%;
  height: 2px;
  left: 0;
  background: #f2f4f6;
}
.bnrA::after {
  width: 15px;
  height: 15px;
  display: block;
  right: 0;
  border-right: 3px solid #f2f4f6;
  -webkit-transform: translateX(-50%) skewX(60deg);
          transform: translateX(-50%) skewX(60deg);
}

/*====================================================================
bnrB
====================================================================*/
.bnrB {
  display: inline-block;
  position: relative;
}
.bnrB::before {
  content: "";
  width: 0;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background: #f2f4f6;
}
@media screen and (min-width: 769px) {
  .bnrB::before {
    -webkit-transition: all 0.6s ease-in-out 0s;
    transition: all 0.6s ease-in-out 0s;
  }
}
@media screen and (min-width: 769px) {
  .bnrB:hover::before {
    width: 100%;
  }
}
.bnrB__layer {
  color: #000;
  font-size: 1.5rem;
  font-weight: normal;
  line-height: 1.8;
  letter-spacing: 0.05em;
  padding: 15px 100px 15px 15px;
  display: inline-block;
  position: relative;
}
@media screen and (max-width: 768px) {
  .bnrB__layer {
    font-size: 1.3rem;
  }
}
.bnrB__layer::before {
  content: "";
  width: 60px;
  height: 2px;
  display: block;
  position: absolute;
  top: 50%;
  right: 15px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: #000;
}
.bnrB__layer::after {
  content: "";
  width: 10px;
  height: 10px;
  display: block;
  position: absolute;
  top: 50%;
  right: 15px;
  border-right: 3px solid #000;
  -webkit-transform: translate(-50%, -100%) skewX(60deg);
          transform: translate(-50%, -100%) skewX(60deg);
}

/*====================================================================
bnrC
====================================================================*/
.bnrC {
  color: #000;
  font-size: 1.5rem;
  font-weight: normal;
  line-height: 1.8;
  letter-spacing: 0.05em;
  padding: 20px 80px;
  border: 2px solid #f2f4f6;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .bnrC {
    font-size: 1.3rem;
  }
}
@media screen and (min-width: 769px) {
  .bnrC {
    -webkit-transition: all 0.6s ease-in-out 0s;
    transition: all 0.6s ease-in-out 0s;
  }
}
@media screen and (min-width: 769px) {
  .bnrC:hover {
    background: #f2f4f6;
  }
}

/*====================================================================
gridArea
====================================================================*/
.gridArea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  margin: 0 -1% -40px;
}
.gridArea__col {
  padding: 0 1%;
  margin-bottom: 40px;
}
.gridArea__col.u-col-1 {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-preferred-size: 8.3333333333%;
      flex-basis: 8.3333333333%;
}
.gridArea__col.u-col-2 {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-preferred-size: 16.6666666667%;
      flex-basis: 16.6666666667%;
}
.gridArea__col.u-col-3 {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-preferred-size: 25%;
      flex-basis: 25%;
}
.gridArea__col.u-col-4 {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-preferred-size: 33.3333333333%;
      flex-basis: 33.3333333333%;
}
.gridArea__col.u-col-5 {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-preferred-size: 41.6666666667%;
      flex-basis: 41.6666666667%;
}
.gridArea__col.u-col-6 {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
}
.gridArea__col.u-col-7 {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-preferred-size: 58.3333333333%;
      flex-basis: 58.3333333333%;
}
.gridArea__col.u-col-8 {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-preferred-size: 66.6666666667%;
      flex-basis: 66.6666666667%;
}
.gridArea__col.u-col-9 {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-preferred-size: 75%;
      flex-basis: 75%;
}
.gridArea__col.u-col-10 {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-preferred-size: 83.3333333333%;
      flex-basis: 83.3333333333%;
}
.gridArea__col.u-col-11 {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-preferred-size: 91.6666666667%;
      flex-basis: 91.6666666667%;
}
.gridArea__col.u-col-12 {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}
@media screen and (max-width: 768px) {
  .gridArea__col.u-col-sp-1 {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -ms-flex-preferred-size: 8.3333333333%;
        flex-basis: 8.3333333333%;
  }
  .gridArea__col.u-col-sp-2 {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -ms-flex-preferred-size: 16.6666666667%;
        flex-basis: 16.6666666667%;
  }
  .gridArea__col.u-col-sp-3 {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
  }
  .gridArea__col.u-col-sp-4 {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -ms-flex-preferred-size: 33.3333333333%;
        flex-basis: 33.3333333333%;
  }
  .gridArea__col.u-col-sp-5 {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -ms-flex-preferred-size: 41.6666666667%;
        flex-basis: 41.6666666667%;
  }
  .gridArea__col.u-col-sp-6 {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
  }
  .gridArea__col.u-col-sp-7 {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -ms-flex-preferred-size: 58.3333333333%;
        flex-basis: 58.3333333333%;
  }
  .gridArea__col.u-col-sp-8 {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -ms-flex-preferred-size: 66.6666666667%;
        flex-basis: 66.6666666667%;
  }
  .gridArea__col.u-col-sp-9 {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
  }
  .gridArea__col.u-col-sp-10 {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -ms-flex-preferred-size: 83.3333333333%;
        flex-basis: 83.3333333333%;
  }
  .gridArea__col.u-col-sp-11 {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -ms-flex-preferred-size: 91.6666666667%;
        flex-basis: 91.6666666667%;
  }
  .gridArea__col.u-col-sp-12 {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
}
.gridArea__col img {
  width: 100%;
}

/*====================================================================
card
====================================================================*/
.card {
  display: block;
  position: relative;
  border-radius: 15px;
  overflow: hidden;
}
@media screen and (min-width: 769px) {
  .card:hover [class$=__thumb] {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
}
@media screen and (max-width: 768px) {
  .card {
    border-radius: 7px;
  }
}
@media screen and (min-width: 769px) {
  .card__thumb {
    -webkit-transition: all 0.6s ease-in-out 0s;
    transition: all 0.6s ease-in-out 0s;
  }
}
.card__textArea {
  width: 100%;
  padding: 10px 15px;
  position: absolute;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.8);
}
@media screen and (max-width: 768px) {
  .card__textArea {
    padding: 5px 7px;
  }
}
.card__time {
  color: #000;
  font-size: 1.2rem;
  font-weight: normal;
  line-height: 1;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
  .card__time {
    font-size: 1.3rem;
  }
}
.card__postTitle {
  color: #000;
  font-size: 1.5rem;
  font-weight: normal;
  line-height: 1.8;
  letter-spacing: 0.05em;
  margin-top: 5px;
}
@media screen and (max-width: 768px) {
  .card__postTitle {
    font-size: 1.3rem;
  }
}

/*====================================================================
tabArea
====================================================================*/
.tabArea__btnList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.tabArea__btnItem {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  margin: 0 2px;
}
.tabArea__btnItem:nth-child(1) {
  margin-left: 0;
}
.tabArea__btnItem:nth-last-child(1) {
  margin-right: 0;
}
.tabArea__btnLink {
  color: #000;
  font-size: 1.5rem;
  font-weight: normal;
  line-height: 1.8;
  letter-spacing: 0.05em;
  padding: 20px 15px;
  display: block;
  background: #000;
  font-weight: bold;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .tabArea__btnLink {
    font-size: 1.3rem;
  }
}
@media screen and (min-width: 769px) {
  .tabArea__btnLink {
    -webkit-transition: all 0.6s ease-in-out 0s;
    transition: all 0.6s ease-in-out 0s;
  }
}
@media screen and (min-width: 769px) {
  .tabArea__btnLink:hover {
    background: #000;
    color: #000;
  }
}
@media screen and (max-width: 768px) {
  .tabArea__btnLink {
    padding: 5px 10px;
  }
}
.tabArea__btnLink.is-open {
  background: #999;
  cursor: default;
}
@media screen and (min-width: 769px) {
  .tabArea__btnLink.is-open:hover {
    background: #999;
    color: #000;
  }
}
.tabArea__contentItem {
  padding: 40px 50px;
  background: #999;
  display: none;
}
@media screen and (max-width: 768px) {
  .tabArea__contentItem {
    padding: 20px 15px;
  }
}
.tabArea__contentItem.is-open {
  display: block;
}

/*====================================================================
accordionBtn
====================================================================*/
.accordionBtn {
  padding: 20px;
  border: 1px solid #000;
  display: block;
  position: relative;
}
@media screen and (min-width: 769px) {
  .accordionBtn {
    -webkit-transition: all 0.6s ease-in-out 0s;
    transition: all 0.6s ease-in-out 0s;
  }
}
@media screen and (max-width: 768px) {
  .accordionBtn {
    padding: 10px 15px;
  }
}
.accordionBtn.is-open [class$=__icon]::after {
  opacity: 0;
}
@media screen and (min-width: 769px) {
  .accordionBtn:hover {
    background: #000;
  }
  .accordionBtn:hover [class$=__text] {
    color: #000;
  }
  .accordionBtn:hover [class$=__icon]::before, .accordionBtn:hover [class$=__icon]::after {
    background: #000;
  }
}
.accordionBtn__text {
  font-size: 1.6rem;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .accordionBtn__text {
    -webkit-transition: all 0.6s ease-in-out 0s;
    transition: all 0.6s ease-in-out 0s;
  }
}
.accordionBtn__icon {
  font-size: 0;
  text-indent: -9999px;
  overflow: hidden;
  width: 50px;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
}
@media screen and (max-width: 768px) {
  .accordionBtn__icon {
    width: 35px;
  }
}
.accordionBtn__icon::before, .accordionBtn__icon::after {
  content: "";
  width: 30px;
  height: 1px;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  background: #000;
}
@media screen and (min-width: 769px) {
  .accordionBtn__icon::before, .accordionBtn__icon::after {
    -webkit-transition: all 0.6s ease-in-out 0s;
    transition: all 0.6s ease-in-out 0s;
  }
}
@media screen and (max-width: 768px) {
  .accordionBtn__icon::before, .accordionBtn__icon::after {
    width: 15px;
  }
}
.accordionBtn__icon::before {
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.accordionBtn__icon::after {
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
          transform: translate(-50%, -50%) rotate(90deg);
}

/*====================================================================
accordionContent
====================================================================*/
.accordionContent {
  padding: 30px;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  display: none;
}
@media screen and (max-width: 768px) {
  .accordionContent {
    padding: 20px 15px;
  }
}

/*====================================================================
modalWrap
====================================================================*/
.modalWrap {
  display: block;
  position: relative;
  overflow: hidden;
}
@media screen and (min-width: 769px) {
  .modalWrap img {
    -webkit-transition: all 0.6s ease-in-out 0s;
    transition: all 0.6s ease-in-out 0s;
  }
}
@media screen and (min-width: 769px) {
  .modalWrap:hover img {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
}
.modalWrap__button {
  font-size: 0;
  text-indent: -9999px;
  overflow: hidden;
  width: 50px;
  height: 50px;
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  background: #f2f4f6;
}
@media screen and (max-width: 768px) {
  .modalWrap__button {
    width: 25px;
    height: 25px;
  }
}
.modalWrap__button::before, .modalWrap__button::after {
  content: "";
  width: 30px;
  height: 2px;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  background: #000;
}
@media screen and (max-width: 768px) {
  .modalWrap__button::before, .modalWrap__button::after {
    width: 15px;
    height: 1px;
  }
}
.modalWrap__button::before {
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.modalWrap__button::after {
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
          transform: translate(-50%, -50%) rotate(90deg);
}

/*====================================================================
postListA
====================================================================*/
.postListA__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 12px 0;
}
@media screen and (max-width: 768px) {
  .postListA__item {
    padding: 7px 0;
  }
}
.postListA__time {
  color: #000;
  font-size: 1.5rem;
  font-weight: normal;
  line-height: 1.8;
  letter-spacing: 0.05em;
  padding: 5px 20px 5px 0;
}
@media screen and (max-width: 768px) {
  .postListA__time {
    font-size: 1.3rem;
  }
}
@media screen and (max-width: 768px) {
  .postListA__time {
    padding: 3px 10px 3px 0;
  }
}
.postListA__catLabel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  color: #000;
  font-size: 1.5rem;
  font-weight: normal;
  line-height: 1.8;
  letter-spacing: 0.05em;
  min-width: 140px;
  padding: 5px;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
}
@media screen and (max-width: 768px) {
  .postListA__catLabel {
    font-size: 1.3rem;
  }
}
@media screen and (min-width: 769px) {
  .postListA__catLabel {
    -webkit-transition: all 0.6s ease-in-out 0s;
    transition: all 0.6s ease-in-out 0s;
  }
}
@media screen and (min-width: 769px) {
  .postListA__catLabel:hover {
    opacity: 0.6;
  }
}
@media screen and (max-width: 768px) {
  .postListA__catLabel {
    min-width: 90px;
    padding: 3px;
  }
}
.postListA__postLink {
  color: #000;
  font-size: 1.5rem;
  font-weight: normal;
  line-height: 1.8;
  letter-spacing: 0.05em;
  padding-left: 20px;
}
@media screen and (max-width: 768px) {
  .postListA__postLink {
    font-size: 1.3rem;
  }
}
@media screen and (min-width: 769px) {
  .postListA__postLink {
    -webkit-transition: all 0.6s ease-in-out 0s;
    transition: all 0.6s ease-in-out 0s;
  }
}
@media screen and (min-width: 769px) {
  .postListA__postLink:hover {
    color: #f2f4f6;
  }
}
@media screen and (max-width: 768px) {
  .postListA__postLink {
    padding-left: 10px;
  }
}

/*====================================================================
lowerPageFv
====================================================================*/
.lowerPageFv {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 250px;
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .lowerPageFv {
    height: 125px;
  }
}
.lowerPageFv::before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
}
.lowerPageFv__pageTitle {
  position: relative;
  font-size: 4rem;
  text-align: center;
  z-index: 1;
}

.breadcrumbs {
  margin-bottom: 130px;
  font-size: 1.5rem;
  letter-spacing: 0.06em;
}
.breadcrumbs a {
  -webkit-transition: all 0.6s ease-in-out 0s;
  transition: all 0.6s ease-in-out 0s;
}
@media screen and (min-width: 769px) and (min-width: 769px) {
  .breadcrumbs a:hover:hover {
    opacity: 0.6;
  }
}
@media screen and (max-width: 768px) {
  .breadcrumbs {
    font-size: clamp(12px, 1.5rem, 15px);
  }
}

.pagenation {
  margin-top: 135px;
}
@media screen and (max-width: 768px) {
  .pagenation {
    margin-top: 13.5rem;
  }
}
.pagenation .wp-pagenavi {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 20px;
}
.pagenation .wp-pagenavi span.current {
  display: inline-block;
  width: 57px;
  height: 57px;
  font-size: 2rem;
  background-color: #333;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.pagenation .wp-pagenavi span.current span {
  color: #fff;
}
@media screen and (max-width: 768px) {
  .pagenation .wp-pagenavi span.current {
    font-size: clamp(12px, 2rem, 20px);
  }
}
.pagenation .wp-pagenavi a.pagination__current-page.larger,
.pagenation .wp-pagenavi a.pagination__current-page.smaller {
  display: inline-block;
  height: 57px;
  padding: 0 10px;
  margin: 0 10px;
  font-size: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: all 0.6s ease-in-out 0s;
  transition: all 0.6s ease-in-out 0s;
}
@media screen and (min-width: 769px) and (min-width: 769px) {
  .pagenation .wp-pagenavi a.pagination__current-page.larger:hover:hover,
  .pagenation .wp-pagenavi a.pagination__current-page.smaller:hover:hover {
    opacity: 0.6;
  }
}
.pagenation .wp-pagenavi a.pagination__current-page.larger span,
.pagenation .wp-pagenavi a.pagination__current-page.smaller span {
  color: #333;
}
@media screen and (max-width: 768px) {
  .pagenation .wp-pagenavi a.pagination__current-page.larger,
  .pagenation .wp-pagenavi a.pagination__current-page.smaller {
    font-size: clamp(12px, 2rem, 20px);
  }
}
.pagenation .wp-pagenavi a.pagination__control-link {
  display: inline-block;
  padding: 0 10px;
  width: 12px;
  height: 57px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.pagenation .wp-pagenavi a.pagination__control-link span {
  display: inline-block;
  width: 12px;
}
.pagenation .wp-pagenavi a.pagination__control-link span::after {
  content: "";
  display: block;
  width: 12px;
  height: 19px;
  background: url("../images/common/pagenation-arrow.png") center center/contain no-repeat;
}
.pagenation .wp-pagenavi a.pagination__control-link.pagination__control-link--next span::after {
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}

/*====================================================================
COMMON LAYOUT
====================================================================*/
* {
  color: #000;
}

html {
  font-size: 62.5%;
}
@media screen and (max-width: 768px) {
  html {
    font-size: 1.3333333333vw;
  }
}

body {
  -webkit-font-feature-settings: "palt" 1;
          font-feature-settings: "palt" 1;
}

/*-----------------------------------------------
PC/SP 出し分け
------------------------------------------------*/
.u-pcDb {
  display: block;
}

.u-pcDib {
  display: inline-block;
}

.u-pcDin {
  display: inline;
}

.u-pcDf {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.u-pcDt {
  display: table;
}

.u-pcDtc {
  display: table-cell;
}

.u-spDb,
.u-spDib,
.u-spDin,
.u-spDf,
.u-spDt,
.u-spDtc {
  display: none;
}

@media screen and (max-width: 768px) {
  .u-pcDb,
  .u-pcDib,
  .u-pcDin,
  .u-pcDf,
  .u-pcDt,
  .u-pcDtc {
    display: none;
  }
  .u-spDb {
    display: block;
  }
  .u-spDib {
    display: inline-block;
  }
  .u-spDin {
    display: inline;
  }
  .u-spDf {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .u-spDt {
    display: table;
  }
  .u-spDtc {
    display: table-cell;
  }
}
/*-----------------------------------------------
サイトコンテンツ
------------------------------------------------*/
/*-----------------------------------------------
WPツールバー
------------------------------------------------*/
@media screen and (max-width: 600px) {
  .is_login_user #wpadminbar {
    position: fixed;
  }
}
/*====================================================================
topPage
====================================================================*/
.topPage__fv {
  padding: 90px 35px 123px;
}
@media screen and (max-width: 768px) {
  .topPage__fv {
    padding: 9rem 5.4rem 8rem;
  }
}
.topPage__fv--logo {
  margin-bottom: 85px;
}
@media screen and (max-width: 768px) {
  .topPage__fv--logo {
    margin-bottom: 8.5rem;
  }
}
.topPage__fv--item {
  width: 85%;
  max-width: 1266px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .topPage__fv--item {
    width: 100%;
  }
}
.topPage__fv--item:first-of-type {
  margin-bottom: 70px;
}
@media screen and (max-width: 768px) {
  .topPage__fv--item:first-of-type {
    margin-bottom: 3rem;
  }
}
.topPage__fv--item a {
  -webkit-transition: all 0.6s ease-in-out 0s;
  transition: all 0.6s ease-in-out 0s;
}
@media screen and (min-width: 769px) and (min-width: 769px) {
  .topPage__fv--item a:hover:hover {
    opacity: 0.6;
  }
}
.topPage__news {
  padding: 105px 10px 150px;
  background-color: #f2f4f6;
}
@media screen and (max-width: 768px) {
  .topPage__news {
    padding: 7.5rem 8rem 11.5rem;
  }
}
.topPage__news-inner {
  width: 90%;
  max-width: 850px;
  margin: 0 auto;
  padding: 70px 100px 95px;
  background-color: #fff;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .topPage__news-inner {
    width: 100%;
    padding: 7rem 8rem;
  }
}
.topPage__news-title {
  margin-bottom: 20px;
  font-size: 39px;
  letter-spacing: 0.32em;
}
@media screen and (max-width: 768px) {
  .topPage__news-title {
    font-size: clamp(14px, 2.9rem, 29px);
    margin-bottom: 2rem;
  }
}
.topPage__news-title-jp {
  margin-bottom: 53px;
  font-size: 22px;
  letter-spacing: 0.32em;
}
@media screen and (max-width: 768px) {
  .topPage__news-title-jp {
    font-size: clamp(12px, 1.6rem, 16px);
    margin-bottom: 4rem;
  }
}
.topPage__news-text {
  margin-bottom: 85px;
  font-size: 25px;
  letter-spacing: 0.32em;
}
@media screen and (max-width: 768px) {
  .topPage__news-text {
    margin-bottom: 5rem;
    font-size: clamp(12px, 1.9rem, 19px);
  }
}
.topPage__news-sns {
  padding: 40px 0;
  background-color: #f2f4f6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 85px;
}
@media screen and (max-width: 768px) {
  .topPage__news-sns {
    padding: 2.5rem 0;
    gap: 0 5rem;
  }
}
.topPage__news-sns-item {
  width: 150px;
  height: 150px;
  border-radius: 50%;
  background-color: #fff;
}
@media screen and (max-width: 768px) {
  .topPage__news-sns-item {
    width: 9.9rem;
    height: 9.9rem;
  }
}
.topPage__news-sns-item a {
  display: block;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: all 0.6s ease-in-out 0s;
  transition: all 0.6s ease-in-out 0s;
}
@media screen and (min-width: 769px) and (min-width: 769px) {
  .topPage__news-sns-item a:hover:hover {
    opacity: 0.6;
  }
}
.topPage__news-sns-insta {
  width: 40px;
}
@media screen and (max-width: 768px) {
  .topPage__news-sns-insta {
    width: 2.6rem;
  }
}
.topPage__news-sns-fb {
  width: 47px;
}
@media screen and (max-width: 768px) {
  .topPage__news-sns-fb {
    width: 3rem;
  }
}

.shopPage__top {
  padding: 120px 0 124px;
}
@media screen and (max-width: 768px) {
  .shopPage__top {
    padding: 12rem 0 12.5rem;
  }
}
.shopPage__top-title {
  font-size: 3.9rem;
  line-height: 1.7;
  letter-spacing: 0.32em;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .shopPage__top-title {
    font-size: clamp(29px, 5.8rem, 58px);
  }
}
.shopPage__top-titleJp {
  font-size: 2.2rem;
  text-align: center;
  letter-spacing: 0.32em;
}
@media screen and (max-width: 768px) {
  .shopPage__top-titleJp {
    font-size: clamp(12px, 2.4rem, 24px);
  }
}
.shopPage__body {
  background-color: #f2f4f6;
  padding: 35px 0 280px;
}
@media screen and (max-width: 768px) {
  .shopPage__body {
    padding: 35px 5.6rem 16rem;
  }
}
.shopPage__body .breadcrumbs {
  padding-left: 10px;
  max-width: 1220px;
  margin: 0 auto 11rem;
}
@media screen and (max-width: 768px) {
  .shopPage__body .breadcrumbs {
    padding: 0;
  }
}
.shopPage__bodyInner {
  max-width: 1200px;
  padding: 50px 86px 60px;
  margin: 0 auto 100px;
  background-color: #fff;
}
@media screen and (max-width: 768px) {
  .shopPage__bodyInner {
    padding: 50px 4rem 6rem;
    margin: 0 auto 10rem;
  }
}
.shopPage__bodyContent {
  width: 100%;
  max-width: 87.5rem;
  margin: 0 auto;
}
.shopPage__body-category {
  display: inline-block;
  font-size: 1.6rem;
  color: #fff;
  background-color: black;
  padding: 6px 15px;
}
@media screen and (max-width: 768px) {
  .shopPage__body-category {
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-size: clamp(12px, 2.4rem, 24px);
    margin-bottom: 5rem;
  }
}
.shopPage__body-title {
  font-size: 2.8rem;
  margin-bottom: 36px;
  line-height: 1.4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 14px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media screen and (max-width: 768px) {
  .shopPage__body-title {
    font-size: clamp(14px, 2.8rem, 28px);
    text-align: left;
    margin-bottom: 20px;
    display: block;
  }
}
.shopPage__body-img {
  width: 100%;
  margin: 0 auto 60px;
}
.shopPage__body-img img {
  width: 100%;
}
.shopPage__info {
  margin-bottom: 60px;
}
.shopPage__infoItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 65px;
  margin-bottom: 5rem;
}
@media screen and (max-width: 768px) {
  .shopPage__infoItem {
    display: block;
  }
}
.shopPage__infoItem--left {
  width: 13rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media screen and (max-width: 768px) {
  .shopPage__infoItem--left {
    width: 100%;
  }
}
.shopPage__infoItemTitle {
  font-size: 1.8rem;
  line-height: 1.4;
}
@media screen and (max-width: 768px) {
  .shopPage__infoItemTitle {
    font-size: clamp(12px, 2.4rem, 24px);
  }
}
.shopPage__infoItem-postcode {
  font-size: 1.8rem;
  line-height: 1.4;
}
@media screen and (max-width: 768px) {
  .shopPage__infoItem-postcode {
    font-size: clamp(12px, 1.8rem, 24px);
  }
}
.shopPage__infoItem-place {
  font-size: 1.8rem;
  line-height: 1.4;
}
@media screen and (max-width: 768px) {
  .shopPage__infoItem-place {
    font-size: clamp(12px, 1.8rem, 24px);
  }
}
.shopPage__infoItem-open {
  font-size: 1.7rem;
  line-height: 1.4;
  margin-bottom: 5px;
}
@media screen and (max-width: 768px) {
  .shopPage__infoItem-open {
    font-size: clamp(12px, 1.8rem, 24px);
  }
}
.shopPage__infoItem-open-note {
  font-size: 1.4rem;
}
@media screen and (max-width: 768px) {
  .shopPage__infoItem-open-note {
    font-size: clamp(12px, 1.6rem, 18px);
  }
}
.shopPage__infoItem-number {
  border: 1px solid #000;
  padding: 16px 20px;
  font-size: 1.7rem;
  line-height: 1.4;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-box-shadow: 6px 6px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 6px 6px 0 rgba(0, 0, 0, 0.1);
}
@media screen and (min-width: 769px) and (min-width: 769px) {
  .shopPage__infoItem-number:hover:hover {
    opacity: 0.6;
  }
}
@media screen and (max-width: 768px) {
  .shopPage__infoItem-number {
    font-size: clamp(12px, 1.8rem, 24px);
  }
}
.shopPage__infoItem-note {
  font-size: 1.8rem;
  line-height: 1.4;
}
@media screen and (max-width: 768px) {
  .shopPage__infoItem-note {
    font-size: clamp(12px, 1.8rem, 24px);
  }
}
.shopPage__mapLink {
  padding: 20px;
  border: 1px solid #000;
  font-size: 1.8rem;
  margin-right: 2rem;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-box-shadow: 6px 6px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 6px 6px 0 rgba(0, 0, 0, 0.1);
}
@media screen and (min-width: 769px) and (min-width: 769px) {
  .shopPage__mapLink:hover:hover {
    opacity: 0.6;
  }
}
@media screen and (max-width: 768px) {
  .shopPage__mapLink {
    padding: 2rem;
  }
}
.shopPage__recruitLink {
  padding: 20px;
  border: 1px solid #000;
  font-size: 1.8rem;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-box-shadow: 6px 6px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 6px 6px 0 rgba(0, 0, 0, 0.1);
}
@media screen and (min-width: 769px) and (min-width: 769px) {
  .shopPage__recruitLink:hover:hover {
    opacity: 0.6;
  }
}
@media screen and (max-width: 768px) {
  .shopPage__recruitLink {
    padding: 2rem;
  }
}

.shopPage__map {
  width: 100%;
  height: auto;
  aspect-ratio: 1048/334;
  margin: 0 auto 74px;
}
@media screen and (max-width: 768px) {
  .shopPage__map {
    aspect-ratio: 4/3;
    margin: 0 auto 7.4rem;
  }
}

.shopPage__map iframe {
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
}

.recruitPage__top {
  padding: 120px 0 124px;
}
@media screen and (max-width: 768px) {
  .recruitPage__top {
    padding: 12rem 0 12.5rem;
  }
}
.recruitPage__top-title {
  font-size: 3.9rem;
  line-height: 1.7;
  letter-spacing: 0.32em;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .recruitPage__top-title {
    font-size: clamp(29px, 5.8rem, 58px);
  }
}
.recruitPage__top-titleJp {
  font-size: 2.2rem;
  text-align: center;
  letter-spacing: 0.32em;
}
@media screen and (max-width: 768px) {
  .recruitPage__top-titleJp {
    font-size: clamp(12px, 2.4rem, 24px);
  }
}
.recruitPage__body {
  background-color: #f2f4f6;
  padding: 35px 0 280px;
}
@media screen and (max-width: 768px) {
  .recruitPage__body {
    padding: 35px 5.6rem 16rem;
  }
}
.recruitPage__body .breadcrumbs {
  padding-left: 10px;
  max-width: 1220px;
  margin: 0 auto 11rem;
}
@media screen and (max-width: 768px) {
  .recruitPage__body .breadcrumbs {
    padding: 0;
  }
}
.recruitPage__bodyInner {
  max-width: 1200px;
  padding: 50px 86px 60px;
  margin: 0 auto 100px;
  background-color: #fff;
}
@media screen and (max-width: 768px) {
  .recruitPage__bodyInner {
    padding: 50px 4rem 60px;
    margin: 0 auto 10rem;
  }
}
.recruitPage__bodyContent {
  width: 100%;
  max-width: 87.5rem;
  margin: 0 auto;
}
.recruitPage__body-category {
  display: inline-block;
  font-size: 1.6rem;
  color: #fff;
  background-color: black;
  padding: 6px 15px;
}
@media screen and (max-width: 768px) {
  .recruitPage__body-category {
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-size: clamp(12px, 2.4rem, 24px);
    margin-bottom: 5rem;
  }
}
.recruitPage__body-title {
  font-size: 2.8rem;
  margin-bottom: 36px;
  line-height: 1.4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 14px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media screen and (max-width: 768px) {
  .recruitPage__body-title {
    font-size: clamp(14px, 2.8rem, 28px);
    text-align: left;
    margin-bottom: 20px;
    display: block;
  }
}
.recruitPage__body-img {
  width: 100%;
  margin: 0 auto 60px;
}
.recruitPage__body-img img {
  width: 100%;
}
.recruitPage__info {
  margin-bottom: 120px;
}
@media screen and (max-width: 768px) {
  .recruitPage__info {
    margin-bottom: 10rem;
  }
}
.recruitPage__infoItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 65px;
  margin-bottom: 5rem;
}
@media screen and (max-width: 768px) {
  .recruitPage__infoItem {
    display: block;
  }
}
.recruitPage__infoItem--left {
  width: 13rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media screen and (max-width: 768px) {
  .recruitPage__infoItem--left {
    width: 100%;
  }
}
.recruitPage__infoItemTitle {
  font-size: 1.8rem;
  line-height: 1.4;
}
@media screen and (max-width: 768px) {
  .recruitPage__infoItemTitle {
    font-size: clamp(12px, 2.4rem, 24px);
  }
}
.recruitPage__infoItem-postcode {
  font-size: 1.8rem;
  line-height: 1.4;
}
@media screen and (max-width: 768px) {
  .recruitPage__infoItem-postcode {
    font-size: clamp(12px, 1.8rem, 24px);
  }
}
.recruitPage__infoItem-place {
  font-size: 1.8rem;
  line-height: 1.4;
}
@media screen and (max-width: 768px) {
  .recruitPage__infoItem-place {
    font-size: clamp(12px, 1.8rem, 24px);
  }
}
.recruitPage__infoItemText {
  font-size: 1.8rem;
  line-height: 1.4;
}
@media screen and (max-width: 768px) {
  .recruitPage__infoItemText {
    font-size: clamp(12px, 1.8rem, 24px);
  }
}
.recruitPage__linkList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 170px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 768px) {
  .recruitPage__linkList {
    display: block;
    margin: 0 auto;
  }
}
.recruitPage__entry {
  font-size: 1.8rem;
  line-height: 1.4;
  color: #fff;
  background-color: black;
  margin: 0 auto;
  padding: 15px 34px;
  cursor: pointer;
  width: 253px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-box-shadow: 6px 6px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 6px 6px 0 rgba(0, 0, 0, 0.1);
}
@media screen and (min-width: 769px) and (min-width: 769px) {
  .recruitPage__entry:hover:hover {
    opacity: 0.6;
  }
}
@media screen and (max-width: 768px) {
  .recruitPage__entry {
    max-width: 44.4rem;
    width: 100%;
    font-size: clamp(12px, 2.2rem, 24px);
    text-align: center;
    margin-bottom: 8rem;
  }
}
.recruitPage__entry a {
  color: #fff;
  text-align: center;
}
.recruitPage__line {
  font-size: 1.8rem;
  line-height: 1.4;
  color: #fff;
  background-color: #06c755;
  margin: 0 auto;
  padding: 15px 34px;
  cursor: pointer;
  width: 343px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  position: relative;
  -webkit-box-shadow: 6px 6px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 6px 6px 0 rgba(0, 0, 0, 0.1);
}
.recruitPage__line::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 48px;
  height: 48px;
  background-image: url("../images/common/line.png");
  background-repeat: no-repeat;
  background-size: contain;
}
@media screen and (max-width: 768px) {
  .recruitPage__line::after {
    width: 5.5rem;
    height: 5.5rem;
    right: 3.6rem;
  }
}
@media screen and (min-width: 769px) and (min-width: 769px) {
  .recruitPage__line:hover:hover {
    opacity: 0.6;
  }
}
@media screen and (max-width: 768px) {
  .recruitPage__line {
    max-width: 44.4rem;
    width: 100%;
    font-size: clamp(12px, 2.2rem, 24px);
    text-align: left;
    padding: 15px 25px;
  }
}
.recruitPage__line a {
  color: #fff;
  text-align: center;
}
.recruitPage__return {
  display: block;
  font-size: 20px;
  color: black;
  text-align: center;
  cursor: pointer;
  text-decoration: underline;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (min-width: 769px) and (min-width: 769px) {
  .recruitPage__return:hover:hover {
    opacity: 0.6;
  }
}

.archiveShopPageSec__titleArea {
  padding: 120px 0 125px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .archiveShopPageSec__titleArea {
    padding: 12rem 0 12.5rem;
  }
}
.archiveShopPageSec__title {
  font-size: 3.9rem;
  letter-spacing: 0.32em;
  line-height: 1.7;
}
@media screen and (max-width: 768px) {
  .archiveShopPageSec__title {
    font-size: clamp(19px, 3.9rem, 39px);
  }
}
.archiveShopPageSec__subTitle {
  font-size: 22px;
  letter-spacing: 0.32em;
}
@media screen and (max-width: 768px) {
  .archiveShopPageSec__subTitle {
    font-size: clamp(12px, 2.2rem, 22px);
  }
}
.archiveShopPageSec__content {
  background-color: #f2f4f6;
}
.archiveShopPageSec__content_inner {
  max-width: 1220px;
  padding: 35px 10px 250px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .archiveShopPageSec__content_inner {
    padding: 35px 5.6rem 25rem;
  }
}
.archiveShopPageSec__categories {
  margin-bottom: 140px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 30px;
}
@media screen and (max-width: 1030px) {
  .archiveShopPageSec__categories {
    margin-bottom: 14rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.archiveShopPageSec__category {
  padding: 0 4px 15px 4px;
}
.archiveShopPageSec__category span {
  font-size: 2.4rem;
  letter-spacing: 0.15em;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .archiveShopPageSec__category span {
    font-size: clamp(12px, 2.4rem, 24px);
  }
}
.archiveShopPageSec__category a {
  font-size: 2.4rem;
  letter-spacing: 0.15em;
  font-weight: bold;
  -webkit-transition: all 0.6s ease-in-out 0s;
  transition: all 0.6s ease-in-out 0s;
}
@media screen and (min-width: 769px) and (min-width: 769px) {
  .archiveShopPageSec__category a:hover:hover {
    opacity: 0.6;
  }
}
@media screen and (max-width: 768px) {
  .archiveShopPageSec__category a {
    font-size: clamp(12px, 2.4rem, 24px);
  }
}
.archiveShopPageSec__category.active {
  border-bottom: 3px solid #000;
}
.archiveShopPageSec__post {
  margin-bottom: 45px;
  padding: 32px 47px 35px 84px;
  background-color: #fff;
}
@media screen and (max-width: 768px) {
  .archiveShopPageSec__post {
    padding: 37px 20px 37px 20px;
  }
}
.archiveShopPageSec__post-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 0 50px;
  -webkit-transition: all 0.6s ease-in-out 0s;
  transition: all 0.6s ease-in-out 0s;
}
@media screen and (min-width: 769px) and (min-width: 769px) {
  .archiveShopPageSec__post-link:hover:hover {
    opacity: 0.6;
  }
}
@media screen and (max-width: 768px) {
  .archiveShopPageSec__post-link {
    gap: 0 10px;
  }
}
.archiveShopPageSec__post_content-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}
.archiveShopPageSec__post_content-top-tag {
  padding: 7px 8px;
  background-color: #333;
  color: #fff;
  font-size: 1.4rem;
  letter-spacing: 0.13em;
}
@media screen and (max-width: 768px) {
  .archiveShopPageSec__post_content-top-tag {
    font-size: clamp(12px, 1.4rem, 14px);
  }
}
.archiveShopPageSec__post_content-top-title {
  font-size: 2.4rem;
  letter-spacing: 0.1em;
  line-height: 1.3;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .archiveShopPageSec__post_content-top-title {
    font-size: clamp(12px, 2.4rem, 24px);
  }
}
.archiveShopPageSec__post_content-hr {
  margin: 20px 0 15px;
}
.archiveShopPageSec__post_content-bottom-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 15px;
}
.archiveShopPageSec__post_content-bottom-item:first-of-type {
  margin-bottom: 25px;
}
.archiveShopPageSec__post_content-bottom-item p {
  font-size: 1.6rem;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .archiveShopPageSec__post_content-bottom-item p {
    line-height: 1.5;
    font-size: clamp(12px, 1.6rem, 16px);
  }
}
.archiveShopPageSec__post_content-bottom-item-title {
  min-width: 64px;
}
.archiveShopPageSec__post_content-arrow {
  max-width: 70px;
  -webkit-transform: translateY(5px);
          transform: translateY(5px);
}
@media screen and (max-width: 768px) {
  .archiveShopPageSec__post_content-arrow {
    min-width: 40px;
  }
}
.archiveShopPageSec__no-posts p {
  font-size: 1.8rem;
  font-weight: bold;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .archiveShopPageSec__no-posts p {
    font-size: clamp(12px, 1.8rem, 18px);
  }
}

.archiveRecruitPageSec__titleArea {
  padding: 120px 0 125px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .archiveRecruitPageSec__titleArea {
    padding: 12rem 0 12.5rem;
  }
}
.archiveRecruitPageSec__title {
  font-size: 3.9rem;
  letter-spacing: 0.32em;
  line-height: 1.7;
}
@media screen and (max-width: 768px) {
  .archiveRecruitPageSec__title {
    font-size: clamp(19px, 3.9rem, 39px);
  }
}
.archiveRecruitPageSec__subTitle {
  font-size: 22px;
  letter-spacing: 0.32em;
}
@media screen and (max-width: 768px) {
  .archiveRecruitPageSec__subTitle {
    font-size: clamp(12px, 2.2rem, 22px);
  }
}
.archiveRecruitPageSec__content {
  background-color: #f2f4f6;
}
.archiveRecruitPageSec__content_inner {
  max-width: 1220px;
  padding: 35px 10px 250px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .archiveRecruitPageSec__content_inner {
    padding: 35px 5.6rem 25rem;
  }
}
.archiveRecruitPageSec__categories {
  margin-bottom: 140px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 30px;
}
@media screen and (max-width: 1030px) {
  .archiveRecruitPageSec__categories {
    margin-bottom: 14rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.archiveRecruitPageSec__category {
  padding: 0 4px 15px 4px;
}
.archiveRecruitPageSec__category span {
  font-size: 2.4rem;
  letter-spacing: 0.15em;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .archiveRecruitPageSec__category span {
    font-size: clamp(12px, 2.4rem, 24px);
  }
}
.archiveRecruitPageSec__category a {
  font-size: 2.4rem;
  letter-spacing: 0.15em;
  font-weight: bold;
  -webkit-transition: all 0.6s ease-in-out 0s;
  transition: all 0.6s ease-in-out 0s;
}
@media screen and (min-width: 769px) and (min-width: 769px) {
  .archiveRecruitPageSec__category a:hover:hover {
    opacity: 0.6;
  }
}
@media screen and (max-width: 768px) {
  .archiveRecruitPageSec__category a {
    font-size: clamp(12px, 2.4rem, 24px);
  }
}
.archiveRecruitPageSec__category.active {
  border-bottom: 3px solid #000;
}
.archiveRecruitPageSec__post {
  margin-bottom: 45px;
  padding: 32px 47px 35px 84px;
  background-color: #fff;
}
@media screen and (max-width: 768px) {
  .archiveRecruitPageSec__post {
    padding: 37px 20px 37px 20px;
  }
}
.archiveRecruitPageSec__post-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 50px;
  -webkit-transition: all 0.6s ease-in-out 0s;
  transition: all 0.6s ease-in-out 0s;
}
@media screen and (min-width: 769px) and (min-width: 769px) {
  .archiveRecruitPageSec__post-link:hover:hover {
    opacity: 0.6;
  }
}
@media screen and (max-width: 768px) {
  .archiveRecruitPageSec__post-link {
    gap: 0 10px;
  }
}
.archiveRecruitPageSec__post_content-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}
.archiveRecruitPageSec__post_content-top-tag {
  padding: 7px 8px;
  background-color: #333;
  color: #fff;
  font-size: 1.4rem;
  letter-spacing: 0.13em;
}
@media screen and (max-width: 768px) {
  .archiveRecruitPageSec__post_content-top-tag {
    font-size: clamp(12px, 1.4rem, 14px);
  }
}
.archiveRecruitPageSec__post_content-top-title {
  font-size: 2.4rem;
  letter-spacing: 0.1em;
  line-height: 1.3;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .archiveRecruitPageSec__post_content-top-title {
    font-size: clamp(12px, 2.4rem, 24px);
  }
}
.archiveRecruitPageSec__post_content-hr {
  margin: 20px 0 15px;
}
.archiveRecruitPageSec__post_content-bottom-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 0 15px;
  margin-bottom: 25px;
}
.archiveRecruitPageSec__post_content-bottom-item:last-of-type {
  margin-bottom: 0;
}
.archiveRecruitPageSec__post_content-bottom-item p {
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .archiveRecruitPageSec__post_content-bottom-item p {
    font-size: clamp(12px, 1.6rem, 16px);
  }
}
.archiveRecruitPageSec__post_content-bottom-item-title {
  min-width: 64px;
}
.archiveRecruitPageSec__post_content-arrow {
  max-width: 70px;
  -webkit-transform: translateY(5px);
          transform: translateY(5px);
}
@media screen and (max-width: 768px) {
  .archiveRecruitPageSec__post_content-arrow {
    min-width: 40px;
  }
}
.archiveRecruitPageSec__no-posts p {
  font-size: 1.8rem;
  font-weight: bold;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .archiveRecruitPageSec__no-posts p {
    font-size: clamp(12px, 1.8rem, 18px);
  }
}