@charset "UTF-8";
* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
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,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-style: inherit;
  font-weight: inherit;
  font-size: 100%;
  vertical-align: baseline;
  font-family: inherit;
}

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

a {
  background-color: transparent;
  color: inherit;
  text-decoration: none;
}

blockquote,
q {
  quotes: none;
}

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

input,
textarea {
  margin: 0;
  padding: 0;
}

ol,
ul {
  list-style: none;
}

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

caption,
th {
  text-align: left;
}

b,
strong {
  font-weight: 600;
}

a:focus {
  outline: none;
}

img {
  vertical-align: middle;
  border-style: none;
  max-width: 100%;
  height: auto;
}

.color--primary {
  color: #fa6750;
}

.background-color--primary {
  background-color: #fa6750;
}

.color--secondary {
  color: #f88419;
}

.background-color--secondary {
  background-color: #f88419;
}

.color--subtle {
  color: #fee7be;
}

.background-color--subtle {
  background-color: #fee7be;
}

.color--contrast {
  color: #434343;
}

.background-color--contrast {
  background-color: #434343;
}

.color--pale-orange {
  color: #fee7be;
}

.background-color--pale-orange {
  background-color: #fee7be;
}

.color--pale-pink {
  color: #fff1f0;
}

.background-color--pale-pink {
  background-color: #fff1f0;
}

.color--cream {
  color: #fdf8ce;
}

.background-color--cream {
  background-color: #fdf8ce;
}

.color--gray {
  color: #595757;
}

.background-color--gray {
  background-color: #595757;
}

.color--dark-gray {
  color: #434343;
}

.background-color--dark-gray {
  background-color: #434343;
}

.color--medium-gray {
  color: #b6b6b6;
}

.background-color--medium-gray {
  background-color: #b6b6b6;
}

.color--light-gray {
  color: #f4f4f4;
}

.background-color--light-gray {
  background-color: #f4f4f4;
}

.color--white {
  color: #ffffff;
}

.background-color--white {
  background-color: #ffffff;
}

.color--black {
  color: #000000;
}

.background-color--black {
  background-color: #000000;
}

.color--red {
  color: #ff0000;
}

.background-color--red {
  background-color: #ff0000;
}

.color--link {
  color: #3478a8;
}

.background-color--link {
  background-color: #3478a8;
}

:root {
  --color-primary: #fa6750;
  --color-secondary: #f88419;
  --color-subtle: #fee7be;
  --color-contrast: #434343;
  --color-pale-orange: #fee7be;
  --color-pale-pink: #fff1f0;
  --color-cream: #fdf8ce;
  --color-gray: #595757;
  --color-dark-gray: #434343;
  --color-medium-gray: #b6b6b6;
  --color-light-gray: #f4f4f4;
  --color-white: #ffffff;
  --color-black: #000000;
  --color-red: #ff0000;
  --color-link: #3478a8;
}

:root {
  --font-gothic: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN",
    "Arial", "Yu Gothic", "Meiryo", sans-serif;
  --font-marugo: "Zen Maru Gothic", "ヒラギノ丸ゴ ProN W4",
    "Hiragino Maru Gothic ProN", "HG丸ｺﾞｼｯｸM-PRO", HGMaruGothicMPRO, "メイリオ",
    Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  --font-english: "Arial", "Helvetica", sans-serif;
}

.font--gothic {
  font-family: var(--font-gothic);
}

.font--marugo {
  font-family: var(font-marugo);
}

.font--english {
  font-family: var(font-english);
}

:root {
  --font-size--small: 12px;
  --font-size--base: 16px;
  --font-size--medium: clamp(1.063rem, 0.964rem + 0.36vw, 1.188rem);
  --font-size--medium-large: clamp(1.125rem, 1.027rem + 0.36vw, 1.25rem);
  --font-size--large: clamp(1.25rem, 1.152rem + 0.36vw, 1.375rem);
  --font-size--x-large: clamp(1.375rem, 1.179rem + 0.71vw, 1.625rem);
  --font-size--xx-large: clamp(1.875rem, 1.384rem + 1.79vw, 2.5rem);
}

:root {
  --root-padding-size: 15px;
}
@media screen and (min-width: 810px ) {
  :root {
    --root-padding-size: 30px;
  }
}
@media screen and (min-width: 960px ) {
  :root {
    --root-padding-size: 60px;
  }
}

:root {
  --section-pading-top: clamp(1.875rem, 1.702rem + 6.28vw, 5.625rem);
  --section-pading-bottom: clamp(1.875rem, 1.702rem + 6.28vw, 5.625rem);
}

body {
  color: var(--color-contrast);
  font-size: var(--font-size--base);
  font-family: var(--font-gothic);
}

:where(a):link {
  color: var(--color-link);
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
:where(a):hover {
  opacity: 0.6;
}
:where(a):visited {
  color: var(--color-link);
}

.spmnu--open body {
  overflow: hidden;
}

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

.l-contentMain {
  overflow: hidden;
}

/**
 * Swiper 11.1.3
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2024 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: May 13, 2024
 */
@font-face {
  font-family: swiper-icons;
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color: #007aff;
}

:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
  display: block;
}

.swiper-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
          transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
          transform: translate3d(0px, 0, 0);
}

.swiper-horizontal {
  -ms-touch-action: pan-y;
      touch-action: pan-y;
}

.swiper-vertical {
  -ms-touch-action: pan-x;
      touch-action: pan-x;
}

.swiper-slide {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  display: block;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}

.swiper-autoheight .swiper-wrapper {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-transition-property: height, -webkit-transform;
  transition-property: height, -webkit-transform;
  transition-property: transform, height;
  transition-property: transform, height, -webkit-transform;
}

.swiper-backface-hidden .swiper-slide {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
  -webkit-perspective: 1200px;
          perspective: 1200px;
}

.swiper-3d .swiper-wrapper {
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}

.swiper-3d {
  -webkit-perspective: 1200px;
          perspective: 1200px;
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide {
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}

.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  -ms-scroll-snap-type: x mandatory;
      scroll-snap-type: x mandatory;
}

.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  -ms-scroll-snap-type: y mandatory;
      scroll-snap-type: y mandatory;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  -ms-scroll-snap-type: none;
      scroll-snap-type: none;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
  content: "";
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-ordinal-group: 10000;
      -ms-flex-order: 9999;
          order: 9999;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  -webkit-margin-start: var(--swiper-centered-offset-before);
          margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  -webkit-margin-before: var(--swiper-centered-offset-before);
          margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
          transform-origin: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
  -webkit-animation: swiper-preloader-spin 1s infinite linear;
          animation: swiper-preloader-spin 1s infinite linear;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}

@-webkit-keyframes swiper-preloader-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes swiper-preloader-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.swiper-virtual .swiper-slide {
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
  height: 1px;
  width: var(--swiper-virtual-size);
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
  width: 1px;
  height: var(--swiper-virtual-size);
}

:root {
  --swiper-navigation-size: 44px;
}

.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  top: var(--swiper-navigation-top-offset, 50%);
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}

.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
  display: none !important;
}

.swiper-button-next svg,
.swiper-button-prev svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -webkit-transform-origin: center;
          transform-origin: center;
}

.swiper-rtl .swiper-button-next svg,
.swiper-rtl .swiper-button-prev svg {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: var(--swiper-navigation-sides-offset, 10px);
  right: auto;
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}

.swiper-button-lock {
  display: none;
}

.swiper-button-next:after,
.swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  content: "prev";
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: "next";
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 0.3s opacity;
  transition: 0.3s opacity;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}

.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: var(--swiper-pagination-bottom, 8px);
  top: var(--swiper-pagination-top, auto);
  left: 0;
  width: 100%;
}

.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transform: scale(0.33);
          transform: scale(0.33);
  position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  -webkit-transform: scale(1);
          transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  -webkit-transform: scale(1);
          transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  -webkit-transform: scale(0.66);
          transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  -webkit-transform: scale(0.33);
          transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  -webkit-transform: scale(0.66);
          transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  -webkit-transform: scale(0.33);
          transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet:only-child {
  display: none !important;
}

.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical > .swiper-pagination-bullets {
  right: var(--swiper-pagination-right, 8px);
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  -webkit-transform: translate3d(0px, -50%, 0);
          transform: translate3d(0px, -50%, 0);
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 8px;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  -webkit-transition: 0.2s top, 0.2s -webkit-transform;
  transition: 0.2s top, 0.2s -webkit-transform;
  transition: 0.2s transform, 0.2s top;
  transition: 0.2s transform, 0.2s top, 0.2s -webkit-transform;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 0.2s left, 0.2s -webkit-transform;
  transition: 0.2s left, 0.2s -webkit-transform;
  transition: 0.2s transform, 0.2s left;
  transition: 0.2s transform, 0.2s left, 0.2s -webkit-transform;
}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 0.2s right, 0.2s -webkit-transform;
  transition: 0.2s right, 0.2s -webkit-transform;
  transition: 0.2s transform, 0.2s right;
  transition: 0.2s transform, 0.2s right, 0.2s -webkit-transform;
}

.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}

.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transform-origin: left top;
          transform-origin: left top;
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  -webkit-transform-origin: right top;
          transform-origin: right top;
}

.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: var(--swiper-pagination-progressbar-size, 4px);
  left: 0;
  top: 0;
}

.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical > .swiper-pagination-progressbar {
  width: var(--swiper-pagination-progressbar-size, 4px);
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-lock {
  display: none;
}

.swiper-scrollbar {
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  position: relative;
  -ms-touch-action: none;
      touch-action: none;
  background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1));
}

.swiper-scrollbar-disabled > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
  display: none !important;
}

.swiper-horizontal > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
  position: absolute;
  left: var(--swiper-scrollbar-sides-offset, 1%);
  bottom: var(--swiper-scrollbar-bottom, 4px);
  top: var(--swiper-scrollbar-top, auto);
  z-index: 50;
  height: var(--swiper-scrollbar-size, 4px);
  width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}

.swiper-scrollbar.swiper-scrollbar-vertical,
.swiper-vertical > .swiper-scrollbar {
  position: absolute;
  left: var(--swiper-scrollbar-left, auto);
  right: var(--swiper-scrollbar-right, 4px);
  top: var(--swiper-scrollbar-sides-offset, 1%);
  z-index: 50;
  width: var(--swiper-scrollbar-size, 4px);
  height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}

.swiper-zoom-container > canvas,
.swiper-zoom-container > img,
.swiper-zoom-container > svg {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.swiper-slide-zoomed {
  cursor: move;
  -ms-touch-action: none;
      touch-action: none;
}

.swiper .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-grid > .swiper-wrapper {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.swiper-grid-column > .swiper-wrapper {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.swiper-fade.swiper-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
}

.swiper-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}

.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-fade .swiper-slide-active {
  pointer-events: auto;
}

.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-cube {
  overflow: visible;
}

.swiper-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-cube.swiper-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
          transform-origin: 100% 0;
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}

.swiper-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  z-index: 0;
}

.swiper-cube .swiper-cube-shadow:before {
  content: "";
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  -webkit-filter: blur(50px);
          filter: blur(50px);
}

.swiper-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}

.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-flip {
  overflow: visible;
}

.swiper-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}

.swiper-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-creative .swiper-slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
  -webkit-transition-property: opacity, height, -webkit-transform;
  transition-property: opacity, height, -webkit-transform;
  transition-property: transform, opacity, height;
  transition-property: transform, opacity, height, -webkit-transform;
}

.swiper-cards {
  overflow: visible;
}

.swiper-cards .swiper-slide {
  -webkit-transform-origin: center bottom;
          transform-origin: center bottom;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
}

@-webkit-keyframes lum-fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes lum-fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes lum-fadeZoom {
  0% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
@keyframes lum-fadeZoom {
  0% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes lum-loader-rotate {
  0% {
    -webkit-transform: translate(-50%, -50%) rotate(0);
            transform: translate(-50%, -50%) rotate(0);
  }
  50% {
    -webkit-transform: translate(-50%, -50%) rotate(-180deg);
            transform: translate(-50%, -50%) rotate(-180deg);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) rotate(-360deg);
            transform: translate(-50%, -50%) rotate(-360deg);
  }
}
@keyframes lum-loader-rotate {
  0% {
    -webkit-transform: translate(-50%, -50%) rotate(0);
            transform: translate(-50%, -50%) rotate(0);
  }
  50% {
    -webkit-transform: translate(-50%, -50%) rotate(-180deg);
            transform: translate(-50%, -50%) rotate(-180deg);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) rotate(-360deg);
            transform: translate(-50%, -50%) rotate(-360deg);
  }
}
@-webkit-keyframes lum-loader-before {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  10% {
    -webkit-transform: scale(1.2) translateX(6px);
            transform: scale(1.2) translateX(6px);
  }
  25% {
    -webkit-transform: scale(1.3) translateX(8px);
            transform: scale(1.3) translateX(8px);
  }
  40% {
    -webkit-transform: scale(1.2) translateX(6px);
            transform: scale(1.2) translateX(6px);
  }
  50% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  60% {
    -webkit-transform: scale(0.8) translateX(6px);
            transform: scale(0.8) translateX(6px);
  }
  75% {
    -webkit-transform: scale(0.7) translateX(8px);
            transform: scale(0.7) translateX(8px);
  }
  90% {
    -webkit-transform: scale(0.8) translateX(6px);
            transform: scale(0.8) translateX(6px);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes lum-loader-before {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  10% {
    -webkit-transform: scale(1.2) translateX(6px);
            transform: scale(1.2) translateX(6px);
  }
  25% {
    -webkit-transform: scale(1.3) translateX(8px);
            transform: scale(1.3) translateX(8px);
  }
  40% {
    -webkit-transform: scale(1.2) translateX(6px);
            transform: scale(1.2) translateX(6px);
  }
  50% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  60% {
    -webkit-transform: scale(0.8) translateX(6px);
            transform: scale(0.8) translateX(6px);
  }
  75% {
    -webkit-transform: scale(0.7) translateX(8px);
            transform: scale(0.7) translateX(8px);
  }
  90% {
    -webkit-transform: scale(0.8) translateX(6px);
            transform: scale(0.8) translateX(6px);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes lum-loader-after {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  10% {
    -webkit-transform: scale(1.2) translateX(-6px);
            transform: scale(1.2) translateX(-6px);
  }
  25% {
    -webkit-transform: scale(1.3) translateX(-8px);
            transform: scale(1.3) translateX(-8px);
  }
  40% {
    -webkit-transform: scale(1.2) translateX(-6px);
            transform: scale(1.2) translateX(-6px);
  }
  50% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  60% {
    -webkit-transform: scale(0.8) translateX(-6px);
            transform: scale(0.8) translateX(-6px);
  }
  75% {
    -webkit-transform: scale(0.7) translateX(-8px);
            transform: scale(0.7) translateX(-8px);
  }
  90% {
    -webkit-transform: scale(0.8) translateX(-6px);
            transform: scale(0.8) translateX(-6px);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes lum-loader-after {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  10% {
    -webkit-transform: scale(1.2) translateX(-6px);
            transform: scale(1.2) translateX(-6px);
  }
  25% {
    -webkit-transform: scale(1.3) translateX(-8px);
            transform: scale(1.3) translateX(-8px);
  }
  40% {
    -webkit-transform: scale(1.2) translateX(-6px);
            transform: scale(1.2) translateX(-6px);
  }
  50% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  60% {
    -webkit-transform: scale(0.8) translateX(-6px);
            transform: scale(0.8) translateX(-6px);
  }
  75% {
    -webkit-transform: scale(0.7) translateX(-8px);
            transform: scale(0.7) translateX(-8px);
  }
  90% {
    -webkit-transform: scale(0.8) translateX(-6px);
            transform: scale(0.8) translateX(-6px);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.lum-lightbox {
  background: rgba(0, 0, 0, 0.6);
}

.lum-lightbox-inner {
  top: 2.5%;
  right: 2.5%;
  bottom: 2.5%;
  left: 2.5%;
}

.lum-lightbox-inner img {
  position: relative;
}

.lum-lightbox-inner .lum-lightbox-caption {
  margin: 0 auto;
  color: #fff;
  max-width: 700px;
  text-align: center;
}

.lum-loading .lum-lightbox-loader {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 66px;
  height: 20px;
  -webkit-animation: lum-loader-rotate 1800ms infinite linear;
          animation: lum-loader-rotate 1800ms infinite linear;
}

.lum-lightbox-loader:before,
.lum-lightbox-loader:after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  margin-top: -10px;
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.9);
}

.lum-lightbox-loader:before {
  left: 0;
  -webkit-animation: lum-loader-before 1800ms infinite linear;
          animation: lum-loader-before 1800ms infinite linear;
}

.lum-lightbox-loader:after {
  right: 0;
  -webkit-animation: lum-loader-after 1800ms infinite linear;
          animation: lum-loader-after 1800ms infinite linear;
  -webkit-animation-delay: -900ms;
          animation-delay: -900ms;
}

.lum-lightbox.lum-opening {
  -webkit-animation: lum-fade 180ms ease-out;
          animation: lum-fade 180ms ease-out;
}

.lum-lightbox.lum-opening .lum-lightbox-inner {
  -webkit-animation: lum-fadeZoom 180ms ease-out;
          animation: lum-fadeZoom 180ms ease-out;
}

.lum-lightbox.lum-closing {
  -webkit-animation: lum-fade 300ms ease-in;
          animation: lum-fade 300ms ease-in;
  animation-direction: reverse;
}

.lum-lightbox.lum-closing .lum-lightbox-inner {
  -webkit-animation: lum-fadeZoom 300ms ease-in;
          animation: lum-fadeZoom 300ms ease-in;
  animation-direction: reverse;
}

.lum-img {
  -webkit-transition: opacity 120ms ease-out;
  transition: opacity 120ms ease-out;
}

.lum-loading .lum-img {
  opacity: 0;
}

.lum-gallery-button {
  overflow: hidden;
  text-indent: 150%;
  white-space: nowrap;
  background: transparent;
  border: 0;
  margin: 0;
  padding: 0;
  outline: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  height: 100px;
  max-height: 100%;
  width: 60px;
  cursor: pointer;
}

.lum-close-button {
  position: absolute;
  right: 5px;
  top: 5px;
  width: 32px;
  height: 32px;
  opacity: 0.3;
}

.lum-close-button:hover {
  opacity: 1;
}

.lum-close-button:before,
.lum-close-button:after {
  position: absolute;
  left: 15px;
  content: " ";
  height: 33px;
  width: 2px;
  background-color: #fff;
}

.lum-close-button:before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.lum-close-button:after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.lum-previous-button {
  left: 12px;
}

.lum-next-button {
  right: 12px;
}

.lum-gallery-button:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  width: 36px;
  height: 36px;
  border-top: 4px solid rgba(255, 255, 255, 0.8);
}

.lum-previous-button:after {
  -webkit-transform: translateY(-50%) rotate(-45deg);
          transform: translateY(-50%) rotate(-45deg);
  border-left: 4px solid rgba(255, 255, 255, 0.8);
  -webkit-box-shadow: -2px 0 rgba(0, 0, 0, 0.2);
          box-shadow: -2px 0 rgba(0, 0, 0, 0.2);
  left: 12%;
  border-radius: 3px 0 0 0;
}

.lum-next-button:after {
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
  border-right: 4px solid rgba(255, 255, 255, 0.8);
  -webkit-box-shadow: 2px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 2px 0 rgba(0, 0, 0, 0.2);
  right: 12%;
  border-radius: 0 3px 0 0;
}

/* This media query makes screens less than 460px wide display in a "fullscreen"-esque mode. Users can then scroll around inside the lightbox to see the entire image. */
@media (max-width: 460px) {
  .lum-lightbox-image-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
  }
  .lum-lightbox-caption {
    width: 100%;
    position: absolute;
    bottom: 0;
  }
  /* Used to centre the image in the container, respecting overflow: https://stackoverflow.com/a/33455342/515634 */
  .lum-lightbox-position-helper {
    margin: auto;
  }
  .lum-lightbox-inner img {
    max-width: none;
    max-height: none;
  }
}
/*****   l-header   *****/
:root {
  --header-height: 46px;
}
@media screen and (min-width: 960px ) {
  :root {
    --header-height: 100px;
  }
}

.header-fixed-on .l-header {
  position: fixed;
  top: 0;
}

.header-fixed-on main {
  padding-top: var(--header-height);
}

.l-header {
  position: relative;
  background-color: #fff;
  width: 100%;
  height: var(--header-height);
  display: block;
  z-index: 999;
  -webkit-transition: position 0.3s ease-in-out;
  transition: position 0.3s ease-in-out;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
}
.l-header__inner {
  position: relative;
  z-index: 3;
  height: 100%;
  max-height: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 0 !important;
  padding-right: 0 !important;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
}
@media screen and (min-width: 960px ) {
  .l-header__inner {
    -webkit-box-shadow: none;
            box-shadow: none;
    padding-left: var(--root-padding-size) !important;
    padding-right: var(--root-padding-size) !important;
  }
}

.l-header__logo {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  margin-right: auto;
  max-width: 200px;
  -webkit-padding-start: 10px;
          padding-inline-start: 10px;
  -webkit-padding-end: 10px;
          padding-inline-end: 10px;
}
@media screen and (min-width: 960px ) {
  .l-header__logo {
    -webkit-padding-start: 0px;
            padding-inline-start: 0px;
    -webkit-padding-end: 0px;
            padding-inline-end: 0px;
    max-width: clamp(200px, 30vw, 400px);
  }
}
.l-header__logo__link {
  display: block;
}

.l-header__searchBtn {
  width: 30px;
  height: 30px;
}
@media screen and (min-width: 960px ) {
  .l-header__searchBtn {
    display: none;
  }
}

.l-header__spBtn {
  --header-spbtn-size: var(--header-height);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-transform: none;
  text-align: center;
  font-family: inherit;
  outline: none;
  z-index: 2;
  right: 0;
  top: 0;
  cursor: pointer;
  width: var(--header-spbtn-size);
  height: var(--header-spbtn-size);
}
@media screen and (min-width: 960px ) {
  .l-header__spBtn {
    display: none;
  }
}
.l-header__spBtn__arrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: calc(var(--header-spbtn-size) - 50%);
  height: calc(var(--header-spbtn-size) - 50%);
  gap: 7px;
}
.l-header__spBtn__arrow span {
  width: 100%;
  height: 2px;
  background-color: var(--color-primary);
  display: block;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.l-header__spBtn.open .l-header__spBtn__arrow span:nth-of-type(1) {
  -webkit-transform: translateY(5px) rotate(45deg);
          transform: translateY(5px) rotate(45deg);
}
.l-header__spBtn.open .l-header__spBtn__arrow span:nth-of-type(2) {
  -webkit-transform: translateY(-4px) rotate(-45deg);
          transform: translateY(-4px) rotate(-45deg);
}

/*****   l-gnav   *****/
.l-gnav {
  display: none;
}
@media screen and (min-width: 960px ) {
  .l-gnav {
    display: block;
    -webkit-margin-start: 30px;
            margin-inline-start: 30px;
  }
}
.l-gnav__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2.4vw;
}
.l-gnav__link {
  white-space: nowrap;
  color: var(--color-contrast);
  display: block;
  position: relative;
  -webkit-transform: all 0.3s;
          transform: all 0.3s;
  font-weight: bold;
  font-size: clamp(1rem, 1.6vw, 1.375rem);
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.l-gnav__link:hover {
  opacity: 1;
  color: var(--color-primary);
}
.l-gnav__link::after {
  --gnav-dotted-size: 4px;
  --gnav-dotted-color: var(--color-primary);
  content: "";
  display: block;
  width: 100%;
  height: var(--gnav-dotted-size);
  position: absolute;
  border-bottom: var(--gnav-dotted-size) dotted var(--gnav-dotted-color);
  background-position: center center;
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-clip-path: polygon(50% 0, 50% 0, 50% 100%, 50% 100%);
          clip-path: polygon(50% 0, 50% 0, 50% 100%, 50% 100%);
}
.l-gnav__link__icon {
  margin-right: 0.4em;
  width: 1.1em;
  height: auto;
}
.l-gnav__link__icon img {
  margin-top: -3px;
}
.l-gnav__link span {
  display: inline-block;
}
.l-gnav__link:hover::after {
  opacity: 1;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
          clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}

/*****   l-spNavi   *****/
.l-spNavi {
  display: none;
  position: absolute;
  z-index: 2;
  top: var(--header-height);
  width: 100%;
  background: #fff;
  height: calc(100vh - var(--header-height));
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.l-spNavi__inner {
  max-width: 600px;
  width: 100%;
  padding: clamp(0.938rem, -4.896rem + 29.17vw, 3.125rem);
}
.l-spNavi__links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.l-spNavi__links li a {
  color: var(--color-contrast);
  font-weight: bold;
  padding: 1em 22px 1em 8px;
  display: block;
  position: relative;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.l-spNavi__links li a::before {
  background-size: 8px;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22a%22%20data-name%3D%22sp-navi-arrow-svg%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%206%2010%22%20width%3D%226%22%20height%3D%2210%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.b%20%7B%20fill%3A%20%23fa6750%3B%20stroke-width%3A%200px%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Cpath%20class%3D%22b%22%20d%3D%22M1.0378378%2C10c-.2655405%2C0-.5310811-.1021346-.7337838-.3064038-.4054054-.4085385-.4054054-1.0703707%2C0-1.4789092l3.1905405-3.2151976L.3040541%2C1.785313C-.1013514%2C1.3767746-.1013514.7149423.3040541.3064038S1.3662162-.1021346%2C1.7716216.3064038l3.9243243%2C3.9536309c.1945946.1960985.3040541.4616485.3040541.7394546s-.1094595.5433561-.3040541.7394546l-3.9243243%2C3.9546522c-.2027027.2042692-.4682432.3064038-.7337838.3064038Z%22%2F%3E%3C%2Fsvg%3E");
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 22px;
  height: 100%;
}
.l-spNavi__links li a:hover {
  color: var(--color-primary);
  padding: 1em 22px 1em 14px;
}
.l-spNavi__links li + li {
  border-top: 1px solid #e4ddd6;
}
.l-spNavi__sub-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: 0.875rem;
}
.l-spNavi__sub-links li a {
  padding: 0.8em 8px 0.8em 8px;
  display: block;
  position: relative;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.l-spNavi__sub-links li a[target=_blank]::after {
  content: "";
  background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22a%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%209%209%22%20width%3D%229%22%20height%3D%229%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.b%20%7B%20fill%3A%20%23fa6750%3B%20stroke-width%3A%200px%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Cpath%20class%3D%22b%22%20d%3D%22M8.7465795.2534205c-.2205305-.2205305-.5227294-.2884597-.8078662-.2372092H2.8429323C2.3368177.0162113%2C1.9268138.4262152%2C1.9268138.9323297s.4100039.9161184.9161184.9161184h3.0131708L.2683941%2C7.4361572c-.3578588.3578588-.3578588.93759%2C0%2C1.2954487.1789294.1789294.4130713.2683941.6477244.2683941s.468795-.0894647.6477244-.2683941L7.1515518%2C3.1438969v3.0131708c0%2C.5061145.4100039.9161184.9161184.9161184s.9161184-.4100039.9161184-.9161184V1.0612867c.0512505-.2851368-.0166788-.5873357-.2372092-.8078662Z%22%2F%3E%3C%2Fsvg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  width: 0.8em;
  height: 0.8em;
  display: inline-block;
  -webkit-margin-start: 1em;
          margin-inline-start: 1em;
}
.l-spNavi__sub-links li a:hover {
  color: var(--color-primary);
}

.spmnu--open .l-spNavi {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: auto;
}

/*****   l-footer   *****/
.l-footer__topArea {
  background-color: var(--color-subtle);
  padding: clamp(1.375rem, -0.786rem + 7.86vw, 4.125rem) 0;
}
.l-footer__topArea__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(1.375rem, 0.589rem + 2.86vw, 2.375rem);
}
.l-footer__topArea__title {
  position: relative;
  text-indent: -1.2em;
  padding-left: 1.2em;
  font-size: 1.125rem;
  font-weight: bold;
  color: var(--color-primary);
}
.l-footer__topArea__title::before {
  vertical-align: text-top;
  content: "●";
  margin-right: 1px;
  width: 1em;
  height: 1em;
  color: var(--color-secondary);
}
.l-footer__topArea__wrap {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
}
@media screen and (min-width: 480px ) {
  .l-footer__topArea__wrap.m-wrap2 {
    border-top: 1px solid #e6cb9d;
    padding-top: clamp(1.375rem, 0.589rem + 2.86vw, 2.375rem);
  }
}
.l-footer__topArea__row {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
}
@media screen and (min-width: 810px ) {
  .l-footer__topArea__row {
    grid-template-columns: 1fr 1fr;
  }
}
.l-footer__topArea__col > *:not(:first-child) {
  -webkit-margin-before: 0.5em;
          margin-block-start: 0.5em;
}
.l-footer__topArea__btnNavi {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
@media screen and (min-width: 810px ) {
  .l-footer__topArea__btnNavi {
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  }
}
.l-footer__topArea__btnNavi li a {
  background-color: #fff;
  border-radius: clamp(0.625rem, 0.134rem + 1.79vw, 1.25rem);
  padding: 1em 1.75em 1em 1.75em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  font-size: clamp(0.75rem, 0.554rem + 0.71vw, 0.9375rem);
  line-height: 1.2;
  height: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--color-contrast);
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.l-footer__topArea__btnNavi li a span {
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
.l-footer__topArea__btnNavi li a::before {
  width: 1em;
  height: 1em;
  background-image: url(../img/common/icon-arrow.svg);
  position: absolute;
  left: 0.75em;
  top: 50%;
  content: "";
  display: block;
  background-repeat: no-repeat;
  pointer-events: none;
  background-size: 1.25em 1.25em;
  background-position: center center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  -webkit-filter: invert(58%) sepia(83%) saturate(3025%) hue-rotate(328deg) brightness(100%) contrast(96%);
          filter: invert(58%) sepia(83%) saturate(3025%) hue-rotate(328deg) brightness(100%) contrast(96%);
}
.l-footer__topArea__btnNavi li a:hover {
  opacity: 1;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.l-footer__topArea__btnNavi li a:hover::before {
  opacity: 0.6;
}
.l-footer__topArea__btnNavi li a:hover span {
  opacity: 0.6;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.l-footer__naviArea {
  border-bottom: 1px solid #f2f0f0;
  background-color: #fff;
  padding: 20px 0;
  display: none;
}
@media screen and (min-width: 810px ) {
  .l-footer__naviArea {
    display: block;
  }
}
.l-footer__naviArea__navi__links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1em;
  font-size: 14px;
}
.l-footer__naviArea__navi__links li {
  padding-right: 1em;
  border-right: 1px solid var(--color-medium-gray);
  line-height: 1.2;
}
.l-footer__naviArea__navi__links li a {
  line-height: 1.2;
  color: var(--color-contrast);
}
.l-footer__naviArea__navi__links li a:hover {
  opacity: 0.7;
}
.l-footer__pageTopArea {
  background-color: #fff;
  padding: clamp(0.75rem, -0.036rem + 2.86vw, 1.75rem) 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.l-footer__pageTopArea__pageTop__link {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.l-footer__pageTopArea__pageTop__link__txt {
  color: #959494;
  font-size: clamp(0.75rem, 0.554rem + 0.71vw, 1rem);
  font-family: var(--font-marugo);
  font-weight: bold;
}
.l-footer__pageTopArea__pageTop__link:hover {
  opacity: 0.6;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.l-footer__copy {
  background-color: #ddeef1;
  position: relative;
  padding-bottom: 8.5%;
}
.l-footer__copy::before {
  bottom: 0;
  left: 0;
  position: absolute;
  background-size: cover;
  background-position: center bottom;
  background-image: url(../img/common/footer-back.png);
  content: "";
  display: block;
  width: 100%;
  padding-top: 16.85%;
}
.l-footer__copy__inner {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 30px 15px;
  color: var(--color-contrast);
  font-family: var(--font-english);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 10px;
  line-height: 1.4;
}
@media screen and (min-width: 480px ) {
  .l-footer__copy__inner {
    font-size: 12px;
  }
}
@media screen and (min-width: 810px ) {
  .l-footer__copy__inner {
    background-color: #ddeef1;
    font-size: 14px;
  }
}
.l-footer__copy__logo a {
  display: block;
}
.l-footer__copy__small {
  text-align: center;
}
@media screen and (min-width: 810px ) {
  .l-footer__copy__small br {
    display: none;
  }
}
.l-footer__copy__prohibitedMatters {
  text-align: center;
}

.l-date-setting {
  font-size: 12px;
  padding: 10px;
  background-color: #222;
  color: #fff;
  position: relative;
}

.l-date-setting.is-hide {
  background-color: transparent;
}

.l-date-inputArea {
  margin-bottom: 5px;
}

.l-date-label {
  margin-right: 5px;
}

.l-date-setting input {
  color: #333;
  font-size: 12px;
}

.l-date-setting input[name=year] {
  width: 50px;
}

.l-date-setting input[name=month],
.l-date-setting input[name=day],
.l-date-setting input[name=hour],
.l-date-setting input[name=min] {
  width: 25px;
}

.l-date-settingTitle {
  margin-top: 0;
  margin-bottom: 5px;
}

.l-date-settingSubmitBtn {
  margin-top: 5px;
  margin-bottom: 5px;
}

.l-date-hideBtn {
  position: absolute;
  top: 10px;
  right: 10px;
  color: #fff;
  font-size: 12px;
  line-height: 1;
  text-decoration: none;
}

.is-hide .l-date-hideBtn {
  color: #eee;
}

.l-date-settingTime {
  display: inline-block;
}

@media print, screen and (max-width: 767px) {
  .l-date-login {
    border-bottom: 1px solid #fff;
  }
}
@media print, screen and (min-width: 768px) {
  .l-date-setting {
    position: absolute;
    top: 0;
    left: 0;
    width: 200px;
    z-index: 99;
  }
  .l-date-login {
    left: auto;
    right: 0;
  }
  .l-date-settingDateChange {
    float: left;
    display: inline;
    line-height: 1.5;
  }
  .l-date-settingDateChange input {
    margin-right: 2px;
  }
  .l-date-settingDateChange span {
    padding: 0px 0px 0px 45px;
  }
  .l-date-settingDateChangeBtn {
    margin-top: 3px;
  }
  .l-date-settingDateReset {
    float: left;
    margin-top: 5px;
  }
  .l-date-settingDateLogoff {
    float: right;
    text-align: left;
    margin-right: 5px;
    display: inline;
  }
  .l-date-settingTime {
    display: block;
    margin-top: 5px;
  }
}
.l-breadcrumbs {
  --bs_space: 10px;
  background-color: #f2f0f0;
  padding: 20px 0;
  display: none;
}
@media screen and (min-width: 960px ) {
  .l-breadcrumbs {
    display: block;
  }
}
.l-breadcrumbs__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 var(--bs_space);
}
.l-breadcrumbs__inner > span {
  font-size: 13px;
}
.l-breadcrumbs__inner > span a {
  color: var(--color-contrast);
}
.l-breadcrumbs__inner > span span.current-item {
  color: var(--color-contrast);
}
.l-breadcrumbs__inner > span + span::before {
  content: "/";
  color: #999999;
  margin-right: var(--bs_space);
}

:root {
  --form-input-height: 3rem;
}

.c-keywordSearchForm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  overflow: hidden;
  border-radius: clamp(0.625rem, 0.134rem + 1.79vw, 1.25rem);
  background-color: #ffffff;
}
.c-keywordSearchForm label {
  width: calc(100% - var(--form-input-height));
  height: var(--form-input-height);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.c-keywordSearchForm input {
  padding: 0 0 0 1em;
  border: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #ffffff;
  font-size: clamp(1rem, 0.32vi + 0.93rem, 1.13rem);
  outline: none;
  width: 100%;
  overflow: hidden;
}
.c-keywordSearchForm input::-webkit-input-placeholder {
  color: #777777;
}
.c-keywordSearchForm input::-moz-placeholder {
  color: #777777;
}
.c-keywordSearchForm input:-ms-input-placeholder {
  color: #777777;
}
.c-keywordSearchForm input::-ms-input-placeholder {
  color: #777777;
}
.c-keywordSearchForm input::placeholder {
  color: #777777;
}
.c-keywordSearchForm button {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: var(--form-input-height);
  border: none;
  background-color: transparent;
  cursor: pointer;
}
.c-keywordSearchForm button::after {
  width: calc(var(--form-input-height) / 2);
  height: calc(var(--form-input-height) / 2);
  background-image: url("../img/common/icon-search.svg");
  display: block;
  background-repeat: no-repeat;
  content: "";
}

.c-fieldSearchForm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.c-fieldSearchForm__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 10px;
  width: 100%;
}
@media screen and (min-width: 810px ) {
  .c-fieldSearchForm__row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    width: 100%;
  }
}
.c-fieldSearchForm__row > * {
  width: 100%;
}
.c-fieldSearchForm__row--spcolumn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 10px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
}
@media screen and (min-width: 810px ) {
  .c-fieldSearchForm__row--spcolumn {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    width: auto;
  }
}
.c-fieldSearchForm__selectBox {
  position: relative;
  display: block;
  width: 100%;
}
.c-fieldSearchForm__selectBox::after {
  position: absolute;
  content: "";
  pointer-events: none;
}
.c-fieldSearchForm__selectBox::after {
  position: absolute;
  top: 50%;
  right: 1em;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  width: clamp(0.75rem, 0.36vi + 0.65rem, 0.88rem);
  height: 8px;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22a%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%208%22%20width%3D%2214%22%20height%3D%228%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.b%20%7B%20fill%3A%20none%3B%20stroke%3A%20%23fa6750%3B%20stroke-linecap%3A%20round%3B%20stroke-linejoin%3A%20round%3B%20stroke-width%3A%202px%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Cpolyline%20class%3D%22b%22%20points%3D%2213%201%207%207%201%201%22%2F%3E%3C%2Fsvg%3E");
}
.c-fieldSearchForm__selectBox select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 100%;
  height: var(--form-input-height);
  padding: 0 35px 0 1em;
  border: none;
  border-radius: clamp(0.625rem, 0.134rem + 1.79vw, 1.25rem);
  background-color: #ffffff;
  color: var(--color-contrast);
  font-size: clamp(1rem, 0.32vi + 0.93rem, 1.13rem);
  cursor: pointer;
}
.c-fieldSearchForm__selectBox select:focus {
  outline: 2px solid #ffffff;
}
input.checkbox {
  background-color: #fff;
  position: relative;
  width: 1.2em;
  height: 1.2em;
  border: 1px solid #767676;
  vertical-align: -0.2em;
  margin-right: 3px;
  border-radius: 2px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input.checkbox:checked {
  background-color: var(--color-primary);
  border: 1px solid var(--color-primary);
}

input.checkbox:checked:before {
  position: absolute;
  z-index: 1;
  top: 1px;
  left: 4px;
  -webkit-transform: rotate(40deg);
          transform: rotate(40deg);
  width: 0.3em;
  height: 0.6em;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  content: "";
}

.c-fieldSearchForm__kodawariModalBtn {
  cursor: pointer;
  border-radius: clamp(0.625rem, 0.134rem + 1.79vw, 1.25rem);
  background-color: #fff;
  height: var(--form-input-height);
  width: 100%;
  padding: 0 45px 0 1em;
  line-height: var(--form-input-height);
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.c-fieldSearchForm__kodawariModalBtn::before {
  content: "";
  position: absolute;
  display: block;
  right: 10px;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  background-color: var(--color-primary);
  border-radius: 50%;
  background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22a%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2013%2013%22%20width%3D%2213%22%20height%3D%2213%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.b%20%7B%20fill%3A%20%23fff%3B%20stroke-width%3A%200px%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Cpath%20class%3D%22b%22%20d%3D%22M12.000001%2C5.5h-4.500001V.999999c0-.5522842-.4477148-.999999-.999999-.999999h-.000002c-.5522842%2C0-.999999.4477148-.999999.999999v4.500001H.999999c-.5522842%2C0-.999999.4477148-.999999.999999v.000002c0%2C.5522842.4477148.999999.999999.999999h4.500001v4.500001c0%2C.5522842.4477148.999999.999999.999999h.000002c.5522842%2C0%2C.999999-.4477148.999999-.999999v-4.500001h4.500001c.5522842%2C0%2C.999999-.4477148.999999-.999999v-.000002c0-.5522842-.4477148-.999999-.999999-.999999Z%22%2F%3E%3C%2Fsvg%3E");
  background-size: 14px 14px;
  width: 26px;
  height: 26px;
  background-position: center center;
  background-repeat: no-repeat;
}

.c-fieldSearchForm__kodawariModal {
  --top-offset: clamp(4.375rem, 1.772rem + 9.46vw, 7.688rem);
  --body-padding: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  visibility: hidden;
  pointer-events: none;
  opacity: 0;
  z-index: -1;
  position: fixed;
  background-color: rgba(118, 118, 118, 0.45);
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: var(--top-offset) 15px 0;
  z-index: 999;
}
.c-fieldSearchForm__kodawariModal__body__closeBtn {
  --btn-size: clamp(2.188rem, 1.156rem + 3.75vw, 3.5rem);
  cursor: pointer;
  position: absolute;
  right: 0;
  top: calc(var(--btn-size) * -1 - 13px);
  background-color: #fff;
  width: var(--btn-size);
  height: var(--btn-size);
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.c-fieldSearchForm__kodawariModal__body__closeBtn span {
  position: absolute;
  background-color: var(--color-primary);
  height: clamp(0.156rem, 0.033rem + 0.45vw, 0.313rem);
  width: calc(var(--btn-size) - 40%);
  border-radius: calc(clamp(0.156rem, 0.033rem + 0.45vw, 0.313rem) / 2);
}
.c-fieldSearchForm__kodawariModal__body__closeBtn span:nth-child(1) {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.c-fieldSearchForm__kodawariModal__body__closeBtn span:nth-child(2) {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.c-fieldSearchForm__kodawariModal__body__closeBtn:hover {
  background-color: var(--color-primary);
}
.c-fieldSearchForm__kodawariModal__body__closeBtn:hover span {
  background-color: #fff;
}
.c-fieldSearchForm__kodawariModal__body {
  position: relative;
  background-color: #fff;
  border-radius: 20px;
  padding: 20px var(--body-padding);
  -webkit-transform: scale(0.7, 0.7);
          transform: scale(0.7, 0.7);
}
.c-fieldSearchForm__kodawariModal__body__inner {
  max-height: calc(100svh - var(--top-offset) - var(--body-padding) * 2 - 30px);
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 30px;
}
.c-fieldSearchForm__kodawariModal__body__scroll {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 0 20px;
  overflow-y: auto;
  max-width: 960px;
}
@supports not (height: 100svh) {
  .c-fieldSearchForm__kodawariModal__body__scroll {
    max-height: calc(80vh - var(--top-offset) - var(--body-padding) * 2 - 30px);
  }
}
@media screen and (max-width: 809px ) {
  .c-fieldSearchForm__kodawariModal table tbody {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 1.5em;
  }
}
@media screen and (max-width: 809px ) {
  .c-fieldSearchForm__kodawariModal table tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.c-fieldSearchForm__kodawariModal table tr + tr {
  border-top: 1px dotted #fcbeb6;
}
@media screen and (max-width: 809px ) {
  .c-fieldSearchForm__kodawariModal table tr + tr {
    border-top: none;
  }
}
.c-fieldSearchForm__kodawariModal table th,
.c-fieldSearchForm__kodawariModal table td {
  padding: 1.5em;
}
@media screen and (max-width: 809px ) {
  .c-fieldSearchForm__kodawariModal table th,
  .c-fieldSearchForm__kodawariModal table td {
    padding: 0;
  }
}
.c-fieldSearchForm__kodawariModal table th {
  font-size: 15px;
  font-weight: bold;
  color: var(--color-primary);
  white-space: nowrap;
  position: relative;
}
@media screen and (max-width: 809px ) {
  .c-fieldSearchForm__kodawariModal table th {
    border-bottom: 1px solid #fcbeb6;
    padding-bottom: 0.3em;
  }
}
.c-fieldSearchForm__kodawariModal table th::after {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  content: "";
  width: 1px;
  height: calc(100% - 3em);
  background-color: #fcbeb6;
}
@media screen and (max-width: 809px ) {
  .c-fieldSearchForm__kodawariModal table th::after {
    display: none;
  }
}
.c-fieldSearchForm__kodawariModal table td {
  font-size: 14px;
}
@media screen and (max-width: 809px ) {
  .c-fieldSearchForm__kodawariModal table td {
    padding-top: 1em;
  }
}
.c-fieldSearchForm__kodawariModal table .area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1em;
}
.c-fieldSearchForm__kodawariModal table .area + .area {
  border-top: 1px dotted #ccc;
  -webkit-margin-before: 1em;
          margin-block-start: 1em;
  padding-top: 1em;
}
.c-fieldSearchForm__kodawariModal table .area__title {
  font-size: 14px;
  font-weight: bold;
}
.c-fieldSearchForm__kodawariModal ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1em;
}
.c-fieldSearchForm__kodawariModal__body__btnArea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-top: 1px solid #fcbeb6;
  padding-top: clamp(1.125rem, 0.388rem + 2.68vw, 2.063rem);
}

body.kodawariModalOpen {
  overflow: hidden;
}
body.kodawariModalOpen .c-fieldSearchForm__kodawariModal {
  visibility: visible;
  opacity: 1;
  pointer-events: initial;
  z-index: 999;
}
body.kodawariModalOpen .c-fieldSearchForm__kodawariModal__body {
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

:root {
  --container_padding_size: calc(var(--root-padding-size) * 2);
}

.c-container {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.c-container--sm {
  max-width: calc(480px + var(--container_padding_size));
}
.c-container--ms {
  max-width: calc(690px + var(--container_padding_size));
}
.c-container--md {
  max-width: calc(810px + var(--container_padding_size));
}
.c-container--nm {
  max-width: calc(960px + var(--container_padding_size));
}
.c-container--lg {
  max-width: calc(1140px + var(--container_padding_size));
}
.c-container--xl {
  max-width: calc(1230px + var(--container_padding_size));
}
.c-container--xxl {
  max-width: calc(1600px + var(--container_padding_size));
}
.c-container--fluid {
  width: 100%;
  margin-left: auto !important;
  margin-right: auto !important;
}
.c-container--full {
  width: 100%;
  margin-left: auto !important;
  margin-right: auto !important;
}

*[class*=c-container]:not(.c-container--full):not(.c-containerPadding--none) {
  width: 100%;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-right: var(--root-padding-size);
  padding-left: var(--root-padding-size);
}

.c-containerPadding--none {
  padding-right: 0 !important;
  padding-left: 0 !important;
  margin-left: auto !important;
  margin-right: auto !important;
  --root-padding-size: 15px;
}
@media screen and (min-width: 810px ) {
  .c-containerPadding--none {
    padding-right: var(--root-padding-size);
    padding-left: var(--root-padding-size);
  }
}

.c-root-padding {
  padding-right: var(--root-padding-size);
  padding-left: var(--root-padding-size);
}

.c-btn-line, .c-btn-line--search,
.c-btn-line--arrow,
.c-btn-line--exlink {
  cursor: pointer;
  --c-btn-border-width: clamp(0.125rem, 0.027rem + 0.36vw, 0.25rem);
  padding: 0.7em 1em;
  border: var(--c-btn-border-width) solid var(--color-primary);
  font-size: clamp(1.063rem, 0.719rem + 1.25vw, 1.5rem);
  font-weight: 500;
  line-height: 1.2;
  border-radius: 3em;
  background-color: #fff;
  -webkit-transition: background-color 0.3s, color 0.3s;
  transition: background-color 0.3s, color 0.3s;
  color: var(--color-contrast);
  text-align: center;
  display: inline-block;
  min-width: 11em;
}
.c-btn-line:hover, .c-btn-line--search:hover,
.c-btn-line--arrow:hover,
.c-btn-line--exlink:hover {
  background-color: var(--color-primary);
  color: #fff;
  opacity: 1;
}

.c-btn-size--small {
  font-size: clamp(0.875rem, 0.679rem + 0.71vw, 1.125rem);
}

.c-btn-line--search,
.c-btn-line--arrow,
.c-btn-line--exlink {
  position: relative;
  padding: 0.7em 2.3em;
}
.c-btn-line--search.c-btn-algn--center,
.c-btn-line--arrow.c-btn-algn--center,
.c-btn-line--exlink.c-btn-algn--center {
  text-align: center;
}
.c-btn-line--search.c-btn-algn--left,
.c-btn-line--arrow.c-btn-algn--left,
.c-btn-line--exlink.c-btn-algn--left {
  text-align: left;
  padding: 0.7em 2.3em 0.7em 1em !important;
}
.c-btn-line--search.c-btn-algn--right,
.c-btn-line--arrow.c-btn-algn--right,
.c-btn-line--exlink.c-btn-algn--right {
  text-align: right;
  padding: 0.7em 2.3em 0.7em 1em !important;
}
.c-btn-line--search::after,
.c-btn-line--arrow::after,
.c-btn-line--exlink::after {
  position: absolute;
  right: 0;
  top: 0;
  content: "";
  background-repeat: no-repeat;
  background-size: 1.25em 1.25em;
  background-position: center center;
  width: 2.4em;
  height: 100%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.c-btn-line--search::after {
  background-image: url(../img/common/icon-search.svg);
}
.c-btn-line--search:hover::after {
  background-image: url(../img/common/icon-search-white.svg);
}

.c-btn-line--arrow::after {
  background-image: url(../img/common/icon-arrow.svg);
}
.c-btn-line--arrow:hover::after {
  background-image: url(../img/common/icon-arrow-white.svg);
}

.c-btn-line--exlink::after {
  background-image: url(../img/common/icon-exlink.svg);
}
.c-btn-line--exlink:hover::after {
  background-image: url(../img/common/icon-exlink-white.svg);
}

.c-btn-cancel {
  background-color: #ebebeb;
  border: none;
  padding: 0.5em 1.5em;
  border-radius: 3em;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.c-btn-cancel::before {
  content: "✕";
  margin-right: 0.5em;
}
.c-btn-cancel:hover {
  opacity: 0.6;
}

.c-app-guide-modal {
  --close-btn-size: 22px;
  background-color: var(--color-primary);
  overflow: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  height: 0;
  display: none;
}
.c-app-guide-modal.active {
  height: 55px;
  opacity: 1;
  display: block;
}
.c-app-guide-modal__closebtn {
  cursor: pointer;
  width: var(--close-btn-size);
  height: var(--close-btn-size);
  position: absolute;
  z-index: 1;
  right: 0;
  top: 0;
  border: none;
  padding: 0;
  background-color: rgba(255, 255, 255, 0.3);
}
.c-app-guide-modal__closebtn span {
  width: var(--close-btn-size);
  height: var(--close-btn-size);
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  position: relative;
  display: block;
}
.c-app-guide-modal__closebtn span::before, .c-app-guide-modal__closebtn span::after {
  width: calc(var(--close-btn-size) * 2 / 3);
  height: 2px;
  background-color: #fff;
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
}
.c-app-guide-modal__closebtn span::before {
  -webkit-transform: rotate(45deg) translate(-5px, 5px);
          transform: rotate(45deg) translate(-5px, 5px);
}
.c-app-guide-modal__closebtn span::after {
  -webkit-transform: rotate(-45deg) translate(-5px, -5px);
          transform: rotate(-45deg) translate(-5px, -5px);
}
.c-app-guide-modal__body {
  width: calc(100% - var(--close-btn-size));
}
.c-app-guide-modal__body a {
  cursor: pointer;
  display: block;
}
.c-app-guide-modal__body a:hover {
  opacity: 0.8;
}

.c-heading--lvl2, .c-boxSec__title {
  font-weight: 500;
  font-size: clamp(1.125rem, 0.634rem + 1.79vw, 1.75rem);
  padding: 0.5em 0.8em;
  line-height: 1.4;
  color: #fff;
  background-color: var(--color-primary);
}
.c-heading--lvl3 {
  font-weight: bold;
  font-size: clamp(1.125rem, 1.027rem + 0.36vw, 1.25rem);
  line-height: 1.4;
  border-bottom: 2px solid var(--color-primary);
  padding-bottom: 0.4em;
}

.c-boxSec__title {
  position: relative;
}
.c-boxSec__body {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  overflow: hidden;
  background-color: #fef3df;
  padding: clamp(15px, 4vw, 30px);
}
.c-boxSec--acd .c-boxSec__title {
  cursor: pointer;
  padding-right: 2em;
}
.c-boxSec--acd .c-boxSec__title::before {
  position: absolute;
  right: 0.5em;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  content: "";
  width: 1em;
  height: 1em;
  background-color: #fff;
  border-radius: 50%;
  display: block;
}
.c-boxSec--acd .c-boxSec__title::after {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  position: absolute;
  right: 0.5em;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  content: "";
  width: 1em;
  height: 1em;
  border-radius: 50%;
  display: block;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%20-960%20960%20960%22%20width%3D%2224px%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M440-440H200v-80h240v-240h80v240h240v80H520v240h-80v-240Z%22%2F%3E%3C%2Fsvg%3E");
  -webkit-filter: invert(53%) sepia(22%) saturate(6688%) hue-rotate(331deg) brightness(109%) contrast(96%);
          filter: invert(53%) sepia(22%) saturate(6688%) hue-rotate(331deg) brightness(109%) contrast(96%);
}
.c-boxSec--acd .c-boxSec__body {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  overflow: hidden;
  background-color: #fef3df;
  padding: 0px clamp(15px, 4vw, 30px) 0px clamp(15px, 4vw, 30px);
  height: 0;
}
.c-boxSec--acd.acd-open .c-boxSec__body {
  padding: clamp(15px, 4vw, 30px);
  height: auto;
}
.c-boxSec--acd.acd-open .c-boxSec__title::after {
  -webkit-transform: translate(0, -50%) rotate(90deg);
          transform: translate(0, -50%) rotate(90deg);
  background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22a%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224%22%20height%3D%2224%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.b%20%7B%20fill%3A%20%23000%3B%20stroke-width%3A%200px%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Cpath%20class%3D%22b%22%20d%3D%22M11.0000002%2C4.9999997h2v14.0000002h-2V4.9999997Z%22%2F%3E%3C%2Fsvg%3E");
}

/**************************************
 * スライダーしたの再生停止ナビ
**************************************/
.c-sliderBottomNavi {
  --swiper-pagination-bullet-size: clamp(0.81rem, 0.64vi + 0.66rem, 1.06rem);
  --play-pouse-button-size: clamp(1.19rem, 0.96vi + 0.96rem, 1.56rem);
  --swiper-pagination-bullet-border-radius: 50%;
  --swiper-pagination-bullet-inactive-color: #000;
  --swiper-pagination-bullet-inactive-opacity: 0.2;
  --swiper-pagination-bullet-opacity: 1;
  --swiper-pagination-color: var(--color-primary);
  --swiper-pagination-bullet-horizontal-gap: clamp(2px, 2vw, 10px);
  --swiper-pagination-bullet-inactive-opacity: 0.25;
  position: relative;
  -webkit-margin-before: 20px;
          margin-block-start: 20px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-transition: 0.3s opacity;
  transition: 0.3s opacity;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.c-sliderBottomNavi__pagenation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: auto !important;
}
.c-sliderBottomNavi__pagenation .swiper-pagination-bullet {
  -webkit-transform: scale(0.7);
          transform: scale(0.7);
}
.c-sliderBottomNavi__pagenation .swiper-pagination-bullet-active {
  -webkit-transform: scale(1);
          transform: scale(1);
}
.c-sliderBottomNavi__playPauseBtn {
  background-color: #bebebd;
  border-radius: 50%;
  cursor: pointer;
  content: "";
  display: block;
  width: var(--play-pouse-button-size, 25px);
  height: var(--play-pouse-button-size, 25px);
  background-position: center center;
  background-size: cover;
  background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22a%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2025%2025%22%20width%3D%2225%22%20height%3D%2225%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.b%20%7B%20fill%3A%20none%3B%20%7D%20.b%2C%20.c%20%7B%20stroke-width%3A%200px%3B%20%7D%20.c%20%7B%20fill%3A%20%23fff%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Crect%20class%3D%22c%22%20x%3D%228%22%20y%3D%226%22%20width%3D%223%22%20height%3D%2213%22%2F%3E%20%3Crect%20class%3D%22c%22%20x%3D%2214%22%20y%3D%226%22%20width%3D%223%22%20height%3D%2213%22%2F%3E%20%3Crect%20class%3D%22b%22%20width%3D%2225%22%20height%3D%2225%22%20%2F%3E%3C%2Fsvg%3E");
}
.c-sliderBottomNavi__playPauseBtn.play_btn {
  background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22a%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2025%2025%22%20width%3D%2225%22%20height%3D%2225%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.b%20%7B%20fill%3A%20none%3B%20%7D%20.b%2C%20.c%20%7B%20stroke-width%3A%200px%3B%20%7D%20.c%20%7B%20fill%3A%20%23fff%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Cpolygon%20class%3D%22c%22%20points%3D%2218.9999904%2012.5%209%205.3744702%209%2019.6255298%2018.9999904%2012.5%22%2F%3E%20%3Crect%20class%3D%22b%22%20width%3D%2225%22%20height%3D%2225%22%2F%3E%3C%2Fsvg%3E");
}

/**************************************
 * キャンペーンスライダー
 * ラッパーはみ出し用
**************************************/
/**************************************
 * 再生停止ページネーション付スライダー大型
 * （トップキャンペーン）
**************************************/
.c-campaignSlider {
  width: 100%;
  height: 100%;
}
.c-campaignSlider a.swiper-slide:hover {
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.c-campaignSlider a.swiper-slide:hover img {
  opacity: 0.7;
}
.c-campaignSlider .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/**************************************
 * おトクスライダー
 * のラッパーはみ出し用
**************************************/
.c-otokuSliderWrap {
  overflow: hidden;
}
@media screen and (max-width: 809px ) {
  .c-otokuSliderWrap .swiper {
    overflow: initial;
  }
}

/**************************************
 * おトクスライダー
**************************************/
.c-otokuSlider {
  width: 100%;
  height: 100%;
}
.c-otokuSlider .swiper-slide {
  text-align: center;
  font-size: 18px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
  border-radius: 20px;
  background-color: #fff;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.c-otokuSlider a.swiper-slide:hover {
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.c-otokuSlider a.swiper-slide:hover img {
  opacity: 0.7;
}
.c-otokuSlider .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

/**************************************
 * カレンダー下スライダー
 * のラッパーはみ出し用
**************************************/
.c-calSliderWrap {
  overflow: hidden;
}
@media screen and (max-width: 809px ) {
  .c-calSliderWrap .swiper {
    overflow: initial;
  }
}

/**************************************
 * カレンダー下スライダー
**************************************/
.c-calSlider {
  width: 100%;
  height: 100%;
}
.c-calSlider .swiper-slide {
  text-align: center;
  font-size: 18px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
  border-radius: 20px;
  background-color: #fff;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.c-calSlider a.swiper-slide:hover {
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.c-calSlider a.swiper-slide:hover img {
  opacity: 0.7;
}
.c-calSlider .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

/**************************************
 * 左右ナビゲーションのラッパー
 * 左右のメニューが特殊なのでラップしてボタンを作成
 * インスタグラムとLiv住吉
**************************************/
.c-instagramSliderWrap,
.c-livSumiyoshiSliderWrap {
  position: relative;
}
@media screen and (max-width: 479px ) {
  .c-instagramSliderWrap,
  .c-livSumiyoshiSliderWrap {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
@media screen and (min-width: 810px ) {
  .c-instagramSliderWrap,
  .c-livSumiyoshiSliderWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 5px;
  }
}
.c-instagramSliderWrap__button--next, .c-instagramSliderWrap__button--prev,
.c-livSumiyoshiSliderWrap__button--next,
.c-livSumiyoshiSliderWrap__button--prev {
  --btn-width: 22px;
  --btn-height: 36px;
  width: var(--btn-width);
  height: var(--btn-height);
  background-color: var(--color-primary);
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: calc(var(--btn-width) / 3) auto;
  position: absolute;
  z-index: 2;
  cursor: pointer;
}
@media screen and (min-width: 810px ) {
  .c-instagramSliderWrap__button--next, .c-instagramSliderWrap__button--prev,
  .c-livSumiyoshiSliderWrap__button--next,
  .c-livSumiyoshiSliderWrap__button--prev {
    --btn-width: 60px;
    --btn-height: 60px;
    position: relative;
    background-size: calc(var(--btn-width) / 5) auto;
  }
}
.c-instagramSliderWrap__button--prev,
.c-livSumiyoshiSliderWrap__button--prev {
  border-radius: 0 calc(var(--btn-height) / 2) calc(var(--btn-height) / 2) 0;
  left: 0;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  background-position: 5px center;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iYSIgZGF0YS1uYW1lPSJhcnJvdyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMTAgMTYuMDAwNDg4MyIgd2lkdGg9IjEwIiBoZWlnaHQ9IjE2LjAwMDQ4ODMiPgogIDxkZWZzPgogICAgPHN0eWxlPgogICAgICAuYiB7CiAgICAgICAgZmlsbDogI2ZmZjsKICAgICAgICBzdHJva2Utd2lkdGg6IDBweDsKICAgICAgfQogICAgPC9zdHlsZT4KICA8L2RlZnM+CiAgPHBhdGggY2xhc3M9ImIiIGQ9Ik04LDE2LjAwMDQ4ODNjLS41MTE3MTg4LDAtMS4wMjM0Mzc1LS4xOTUzMTI1LTEuNDE0MDYyNS0uNTg1OTM3NUwuNTg1OTM3NSw5LjQxNDU1MDhjLS43ODEyNS0uNzgxMjUtLjc4MTI1LTIuMDQ2ODc1LDAtMi44MjgxMjVMNi41ODU5Mzc1LjU4NTkzNzVjLjc4MTI1LS43ODEyNSwyLjA0Njg3NS0uNzgxMjUsMi44MjgxMjUsMCwuNzgxMjUuNzgwNzYxNy43ODEyNSwyLjA0NzM2MzMsMCwyLjgyODEyNWwtNC41ODU5Mzc1LDQuNTg2NDI1OCw0LjU4NTkzNzUsNC41ODU5Mzc1Yy43ODEyNS43ODEyNS43ODEyNSwyLjA0Njg3NSwwLDIuODI4MTI1LS4zOTA2MjUuMzkwNjI1LS45MDIzNDM4LjU4NTkzNzUtMS40MTQwNjI1LjU4NTkzNzVaIi8+Cjwvc3ZnPg==");
}
@media screen and (min-width: 810px ) {
  .c-instagramSliderWrap__button--prev,
  .c-livSumiyoshiSliderWrap__button--prev {
    border-radius: calc(var(--btn-width) / 2);
    position: relative;
    left: initial;
    top: initial;
    -webkit-transform: none;
            transform: none;
    background-position: center center;
  }
}
.c-instagramSliderWrap__button--next,
.c-livSumiyoshiSliderWrap__button--next {
  border-radius: calc(var(--btn-height) / 2) 0 0 calc(var(--btn-height) / 2);
  right: 0;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  background-position: 10px center;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iYSIgZGF0YS1uYW1lPSJhcnJvdyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMTAgMTYuMDAwNDg4MyIgd2lkdGg9IjEwIiBoZWlnaHQ9IjE2LjAwMDQ4ODMiPgogIDxkZWZzPgogICAgPHN0eWxlPgogICAgICAuYiB7CiAgICAgICAgZmlsbDogI2ZmZjsKICAgICAgICBzdHJva2Utd2lkdGg6IDBweDsKICAgICAgfQogICAgPC9zdHlsZT4KICA8L2RlZnM+CiAgPHBhdGggY2xhc3M9ImIiIGQ9Ik0yLDBjLjUxMTcxODgsMCwxLjAyMzQzNzUuMTk1MzEyNSwxLjQxNDA2MjUuNTg1OTM3NWw2LDZjLjc4MTI1Ljc4MTI1Ljc4MTI1LDIuMDQ2ODc1LDAsMi44MjgxMjVsLTYsNi4wMDA0ODgzYy0uNzgxMjUuNzgxMjUtMi4wNDY4NzUuNzgxMjUtMi44MjgxMjUsMC0uNzgxMjUtLjc4MDc2MTctLjc4MTI1LTIuMDQ3MzYzMywwLTIuODI4MTI1bDQuNTg1OTM3NS00LjU4NjQyNThMLjU4NTkzNzUsMy40MTQwNjI1Qy0uMTk1MzEyNSwyLjYzMjgxMjUtLjE5NTMxMjUsMS4zNjcxODc1LjU4NTkzNzUuNTg1OTM3NWMuMzkwNjI1LS4zOTA2MjUuOTAyMzQzOC0uNTg1OTM3NSwxLjQxNDA2MjUtLjU4NTkzNzVaIi8+Cjwvc3ZnPg==");
}
@media screen and (min-width: 810px ) {
  .c-instagramSliderWrap__button--next,
  .c-livSumiyoshiSliderWrap__button--next {
    border-radius: calc(var(--btn-width) / 2);
    position: relative;
    right: initial;
    top: initial;
    -webkit-transform: none;
            transform: none;
    background-position: center center;
  }
}
.c-instagramSliderWrap .c-livSumiyoshiSlider .swiper-slide,
.c-livSumiyoshiSliderWrap .c-livSumiyoshiSlider .swiper-slide {
  border: 1px solid #cccccc;
  border-radius: 20px;
}

/**************************************
 * 左右ナビゲーション
 * インスタグラムとLiv住吉
**************************************/
.c-instagramSlider,
.c-livSumiyoshiSlider {
  width: 100%;
  height: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  /* 左右のスライド */
}
.c-instagramSlider .swiper-slide,
.c-livSumiyoshiSlider .swiper-slide {
  --aspect-ratio: 1/1;
  position: relative;
  text-align: center;
  font-size: 18px;
  -webkit-transition: -webkit-transform 0.6s;
  transition: -webkit-transform 0.6s;
  transition: transform 0.6s;
  transition: transform 0.6s, -webkit-transform 0.6s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 900px;
  margin: 0 auto;
  border-radius: 20px;
  background-color: #fff;
  overflow: hidden;
  aspect-ratio: var(--aspect-ratio);
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
@supports not (aspect-ratio: 1/1) {
  .c-instagramSlider .swiper-slide::before,
  .c-livSumiyoshiSlider .swiper-slide::before {
    float: left;
    padding-top: calc(1 / (var(--aspect-ratio)) * 100%);
    content: "";
  }
  .c-instagramSlider .swiper-slide::after,
  .c-livSumiyoshiSlider .swiper-slide::after {
    display: block;
    content: "";
    clear: both;
  }
}
.c-instagramSlider a.swiper-slide:hover,
.c-livSumiyoshiSlider a.swiper-slide:hover {
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.c-instagramSlider .swiper-slide img,
.c-livSumiyoshiSlider .swiper-slide img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
@supports not (aspect-ratio: 1) {
  .c-instagramSlider .swiper-slide img,
  .c-livSumiyoshiSlider .swiper-slide img {
    position: absolute;
    left: 0;
    top: 0;
  }
}
.c-instagramSlider a.swiper-slide:hover img,
.c-livSumiyoshiSlider a.swiper-slide:hover img {
  opacity: 0.7;
}
.c-instagramSlider .swiper-slide-prev,
.c-instagramSlider .swiper-slide-next,
.c-instagramSlider .swiper-slide-duplicate-prev,
.c-instagramSlider .swiper-slide-duplicate-next,
.c-livSumiyoshiSlider .swiper-slide-prev,
.c-livSumiyoshiSlider .swiper-slide-next,
.c-livSumiyoshiSlider .swiper-slide-duplicate-prev,
.c-livSumiyoshiSlider .swiper-slide-duplicate-next {
  -webkit-transform: scale(0.85);
          transform: scale(0.85);
}
.c-instagramSlider .swiper-slide-prev,
.c-instagramSlider .swiper-slide-next,
.c-livSumiyoshiSlider .swiper-slide-prev,
.c-livSumiyoshiSlider .swiper-slide-next {
  -webkit-transform: scale(0.8) !important;
          transform: scale(0.8) !important;
}

/************************
 * ニュースリスト基本スタイル
************************/
.c-newsList__item {
  border-top: 1px solid #dfded9;
  padding: 1em 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0 2em;
  font-size: 1rem;
}
@media screen and (min-width: 810px ) {
  .c-newsList__item {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding: 1.5em 0;
  }
}
.c-newsList__item:last-child {
  border-bottom: 1px solid #dfded9;
}
.c-newsList__meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1em;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.c-newsList__date {
  white-space: nowrap;
  color: var(--color-primary);
  font-weight: bold;
  font-size: 87.5%;
}
.c-newsList__cat {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5px 10px;
}
.c-newsList__cat span,
.c-newsList__cat a {
  white-space: nowrap;
  background-color: #ddf1e2;
  font-size: 75%;
  padding: 0.4em 0.5em;
  line-height: 1;
  border-radius: 4px;
}
.c-newsList__cat a:hover {
  opacity: 0.6;
}
.c-newsList__title a {
  color: var(--color-contrast);
}

.c-secTitle, .c-pageTitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  -webkit-margin-after: 0.7em;
          margin-block-end: 0.7em;
  font-size: clamp(1.88rem, 4vi + 0.94rem, 3.44rem);
  letter-spacing: clamp(0em, -0.047em + 0.24vw, 0.1em);
  font-family: var(--font-marugo);
  font-weight: bold;
  line-height: 1.2;
  color: var(--color-contrast);
  text-align: center;
}
.c-secTitle__icon {
  width: clamp(2.5rem, 4.73vi + 1.32rem, 4.69rem);
}
.c-secTitle__icon img {
  display: block;
}
.c-secTitle__txt {
  line-height: 1.1;
  font-family: var(--font-marugo);
  font-weight: bold;
  color: var(--color-contrast);
}
.c-secTitle__txt span {
  color: var(--color-primary);
}

.c-secSubTitle {
  font-size: clamp(1.06rem, 3.2vi + 0.31rem, 2.31rem);
  font-weight: bold;
  line-height: 1.4;
  -webkit-margin-after: 0.5em;
          margin-block-end: 0.5em;
}
@media screen and (min-width: 480px ) {
  .c-secSubTitle {
    text-align: center;
  }
}

.c-pageTitle {
  -webkit-margin-before: 2em;
          margin-block-start: 2em;
}

.c-tabs {
  margin: 0 auto;
}
.c-tabs__tabLabel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end; /* メニューを下揃え&高さを調整 */
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0;
  margin: 0;
  border-bottom: 5px solid var(--color-secondary);
  gap: 5px;
}
@media screen and (min-width: 480px ) {
  .c-tabs__tabLabel {
    gap: 10px;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
@media screen and (min-width: 810px ) {
  .c-tabs__tabLabel {
    gap: 15px;
  }
}
.c-tabs__tabLabel__item {
  list-style: none;
  font-size: 14px;
  padding: 0.6em 1em; /* メニューに高さを付ける */
  text-align: center;
  font-weight: bold;
  background-color: #fdf0dc;
  color: var(--color-secondary);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  width: 100%;
  white-space: nowrap;
}
@media screen and (min-width: 480px ) {
  .c-tabs__tabLabel__item {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-size: clamp(0.875rem, 0.707rem + 0.77vw, 1.188rem);
  }
}
.c-tabs__tabLabel__item.tab-active {
  background-color: var(--color-secondary);
  color: #fff;
  pointer-events: none;
}
.c-tabs__tabLabel__item:not(.tab-active):hover {
  opacity: 0.6;
}
.c-tabs__tabContents__item {
  display: none;
  padding-top: 15px;
  padding-bottom: 15px;
}
.c-tabs__tabContents__item.tab-show {
  display: block;
}
.c-tabs__tabContents__item__btnArea {
  text-align: right;
  -webkit-margin-before: 30px;
          margin-block-start: 30px;
}

.lum-lightbox {
  background: rgba(0, 0, 0, 0.6);
  z-index: 999;
}

.lum-lightbox-position-helper {
  background-color: #fff;
  display: inline-block;
}

.lum-gallery-button {
  display: none;
}

.popup {
  max-width: 100%;
}

.lum-close-button {
  background: #fff;
  opacity: 1 !important;
  border-radius: 50%;
}

.lum-close-button::before,
.lum-close-button::after {
  left: 15px;
  height: 24px;
  width: 3px;
  top: 4px;
}

.lum-close-button::before {
  background-color: var(--color-primary) !important;
}

.lum-close-button::after {
  background-color: var(--color-primary) !important;
}

/************************
 * p-topHero
************************/
.p-heroSlider {
  width: 100%;
  height: 100%;
}
.p-heroSlider .swiper-slide {
  margin: 0 auto;
  max-width: 980px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.p-heroSlider .swiper-slide picture {
  display: block;
  margin: 0 auto;
}
.p-heroSlider a.swiper-slide:hover {
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.p-heroSlider a.swiper-slide:hover img {
  opacity: 0.7;
}
.p-heroSlider .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/************************
 * p-shopSearchSec
************************/
.p-shopSearchSec {
  padding-top: var(--section-pading-top);
  padding-bottom: var(--section-pading-bottom);
}
.p-shopSearchSec__inner {
  -webkit-margin-before: 30px;
          margin-block-start: 30px;
}
.p-shopSearchSec__boxWrap {
  display: grid;
  gap: 24px;
  grid-template-columns: 1fr;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (min-width: 810px ) {
  .p-shopSearchSec__boxWrap {
    grid-template-columns: 1fr 1fr;
  }
}
.p-shopSearchSec__box {
  background-color: var(--color-subtle);
  padding: 30px clamp(0.938rem, -0.577rem + 6.92vw, 3.75rem);
  border-radius: clamp(1.25rem, 1.042rem + 0.83vw, 1.563rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 1em;
}
.p-shopSearchSec__box__title {
  -ms-flex-item-align: start;
      align-self: flex-start;
  font-size: clamp(1.06rem, 1.76vi + 0.65rem, 1.75rem);
  font-weight: bold;
}
.p-shopSearchSec__submit {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  -ms-flex-item-align: center;
      align-self: center;
}

/************************
 * .p-topicsSec
************************/
.p-topicsSec {
  padding-top: var(--section-pading-top);
  padding-bottom: var(--section-pading-bottom);
  background-color: var(--color-subtle);
}
.p-topicsSec__subTitle {
  -webkit-margin-before: 2em;
          margin-block-start: 2em;
}

/************************
 * .p-instagramSec
************************/
.p-instagramSec {
  padding-top: var(--section-pading-top);
  padding-bottom: var(--section-pading-bottom);
  background-color: #fff;
}
.p-instagramSec__title {
  letter-spacing: 0;
  font-size: clamp(1.5rem, 5.36vi + 0.21rem, 3.56rem);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.p-instagramSec__title .c-secTitle__txt span {
  font-size: 121.28%;
  line-height: clamp(1.5rem, 5.36vi + 0.21rem, 3.56rem);
}
.p-instagramSec__subTitle {
  -webkit-margin-before: 2em;
          margin-block-start: 2em;
}
.p-instagramSec__btnArea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-margin-before: 30px;
          margin-block-start: 30px;
}

/************************
 * .p-coopItemSec
************************/
.p-coopItemSec {
  padding-top: var(--section-pading-top);
  padding-bottom: var(--section-pading-bottom);
  background-color: var(--color-pale-pink);
}
.p-coopItemSec__box__body {
  background-color: #fff;
  border-radius: 0 0 20px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  padding: 0 clamp(1.563rem, 0.335rem + 4.46vw, 3.125rem) clamp(1.563rem, -1.04rem + 9.46vw, 4.875rem);
}
.p-coopItemSec__box__title {
  width: 100%;
  position: relative;
  text-align: center;
}
.p-coopItemSec__box__title img {
  position: relative;
}
.p-coopItemSec__box__title::before {
  position: absolute;
  content: "";
  display: block;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 50%;
  background-color: #fff;
  border-radius: 20px 20px 0 0;
}
.p-coopItemSec__box__img {
  text-align: center;
  width: 100%;
  height: 100%;
  display: block;
}
.p-coopItemSec__box__btnArea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

/************************
 * .p-bnrSec
************************/
.p-bnrSec {
  padding-top: var(--section-pading-top);
  padding-bottom: var(--section-pading-bottom);
  background-color: var(--color-subtle);
}
.p-bnrSec__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (min-width: 480px ) {
  .p-bnrSec__list {
    gap: 20px;
  }
}
.p-bnrSec__item {
  max-width: 340px;
}
.p-bnrSec__item__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 5px;
}
.p-bnrSec__item__link__imgArea {
  border-radius: 12px;
  overflow: hidden;
}
@media screen and (min-width: 480px ) {
  .p-bnrSec__item__link__imgArea {
    border-radius: 20px;
  }
}
.p-bnrSec__item__link__imgArea img {
  width: 100%;
  max-width: initial;
}
.p-bnrSec__item__link__title {
  color: var(--color-contrast);
  font-size: clamp(0.875rem, 0.739rem + 0.68vw, 1.25rem);
  line-height: 1.4;
}
.p-bnrSec__item__link:hover .p-bnrSec__item__link__imgArea {
  opacity: 0.8;
}
.p-bnrSec__item__link:hover .p-bnrSec__item__link__title {
  color: var(--color-primary);
}

/************************
 * .p-topInfoSec
************************/
.p-topInfoSec {
  padding-top: var(--section-pading-top);
  padding-bottom: var(--section-pading-bottom);
}
.p-topInfoSec__btnArea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-margin-before: 30px;
          margin-block-start: 30px;
}

/**********************************************
 * .p-importantSec
***********************************************/
.p-importantSec {
  -webkit-padding-before: clamp(1.25rem, 1.192rem + 2.09vw, 2.5rem);
          padding-block-start: clamp(1.25rem, 1.192rem + 2.09vw, 2.5rem);
}
.p-importantSec__box {
  border: 1px solid var(--color-primary);
  border-radius: 8px;
  padding: clamp(1rem, 0.727rem + 0.84vw, 1.25rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
}
.p-importantSec__box__title {
  font-weight: bold;
  line-height: 1.4;
  color: var(--color-red);
  font-size: clamp(1.125rem, 1.119rem + 0.21vw, 1.25rem);
}
.p-importantSec .c-newsList__item:first-child {
  border-top: none;
  padding-top: 0;
}
.p-importantSec .c-newsList__item:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

/**********************************************
 * .p-shopDetailSec
***********************************************/
.p-shopDetailSec {
  -webkit-padding-before: var(--section-pading-top);
          padding-block-start: var(--section-pading-top);
  -webkit-padding-after: var(--section-pading-bottom);
          padding-block-end: var(--section-pading-bottom);
}
.p-shopDetailSec__shopName {
  font-weight: bold;
  font-size: clamp(1.75rem, 0.67rem + 3.93vw, 3.125rem);
  text-align: center;
  line-height: 1.4;
  -webkit-margin-after: 1em;
          margin-block-end: 1em;
}
.p-shopDetailSec__dataWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1px;
}
@media screen and (min-width: 810px ) {
  .p-shopDetailSec__dataWrap {
    gap: 1em;
  }
}

/**********************************************
 * シュフーの呼込
***********************************************/
.p-shufoo__hosoku {
  text-align: center;
  -webkit-margin-before: 0.5em;
          margin-block-start: 0.5em;
  -webkit-margin-after: 2em;
          margin-block-end: 2em;
}

/**********************************************
 * 店舗情報のテーブル
***********************************************/
.p-shopDetailSec__infoTable {
  --th-width: 7em;
  font-size: clamp(1rem, 0.902rem + 0.36vw, 1.125rem);
  width: 100%;
}
.p-shopDetailSec__infoTable tbody {
  display: grid;
  grid-template-columns: 1fr;
}
@media screen and (min-width: 810px ) {
  .p-shopDetailSec__infoTable tbody {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (min-width: 810px ) {
  .p-shopDetailSec__infoTable tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.p-shopDetailSec__infoTable tr:not(:last-child) {
  border-bottom: 1px solid #e4ca9c;
}
@media screen and (min-width: 810px ) {
  .p-shopDetailSec__infoTable tr:nth-child(5) {
    border-bottom: none;
  }
}
.p-shopDetailSec__infoTable th {
  width: var(--th-width);
  font-weight: bold;
  color: var(--color-primary);
  padding-top: 1em;
  padding-left: clamp(0.5em, 2vw, 1em);
  padding-right: clamp(0.5em, 2vw, 1em);
  padding-bottom: 1em;
  white-space: nowrap;
}
.p-shopDetailSec__infoTable tr:first-child th,
.p-shopDetailSec__infoTable tr:first-child td {
  padding-top: 0;
}
@media screen and (min-width: 810px ) {
  .p-shopDetailSec__infoTable tr:nth-child(2) th,
  .p-shopDetailSec__infoTable tr:nth-child(2) td {
    padding-top: 0;
  }
}
.p-shopDetailSec__infoTable tr:last-child th,
.p-shopDetailSec__infoTable tr:last-child td {
  padding-bottom: 0;
}
@media screen and (min-width: 810px ) {
  .p-shopDetailSec__infoTable tr:nth-child(5) th,
  .p-shopDetailSec__infoTable tr:nth-child(5) td {
    padding-bottom: 0;
  }
}
.p-shopDetailSec__infoTable td {
  padding: 1em clamp(0.5em, 2vw, 1em);
  width: 100%;
}
.p-shopDetailSec__infoTable td > *:not(:first-child) {
  -webkit-margin-before: 0.5em;
          margin-block-start: 0.5em;
}
@media screen and (min-width: 810px ) {
  .p-shopDetailSec__infoTable td > *:not(:first-child) {
    -webkit-margin-before: 0;
            margin-block-start: 0;
  }
}
.p-shopDetailSec__infoTable__btn--map {
  color: var(--color-contrast);
  background-color: #fff;
  border: 2px solid var(--color-primary);
  padding: 0.2em 1em;
  border-radius: 3em;
  line-height: 1;
  font-weight: bold;
  position: relative;
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2px;
  margin-top: 4px;
}
.p-shopDetailSec__infoTable__btn--map .txt {
  line-height: 1;
}
.p-shopDetailSec__infoTable__btn--map .icon {
  width: 1.2em;
}

/**********************************************
 * 店舗情報の設備・サービス アイコンリスト
***********************************************/
.p-facilityService-iconList {
  display: grid;
  gap: 10px;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
@media screen and (min-width: 810px ) {
  .p-facilityService-iconList {
    grid-template-columns: repeat(auto-fill, minmax(110px, 1fr));
  }
}
.p-facilityService-iconList div,
.p-facilityService-iconList a {
  text-align: center;
}
.p-facilityService-iconList div img,
.p-facilityService-iconList a img {
  max-width: initial;
  width: 100%;
}
.p-facilityService-iconList a {
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.p-facilityService-iconList a:hover {
  opacity: 0.6;
}

/**********************************************
 * 店舗情報のフロアガイド
***********************************************/
.p-floorGuideTable {
  font-size: clamp(1rem, 0.902rem + 0.36vw, 1.125rem);
}
.p-floorGuideTable th,
.p-floorGuideTable td {
  padding-top: 1em;
  padding-bottom: 1em;
}
.p-floorGuideTable th {
  white-space: nowrap;
  position: relative;
  padding-right: 1em;
  font-weight: bold;
  color: var(--color-primary);
}
.p-floorGuideTable th::before {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  content: "";
  width: 2px;
  background-color: var(--color-primary);
  height: calc(100% - 1.6em);
}
.p-floorGuideTable td {
  padding-left: 1em;
}

/**********************************************
 * 店舗情報のお近くの店舗リスト
***********************************************/
.p-nearByShopList {
  list-style: none;
}
.p-nearByShopList li + li {
  -webkit-margin-before: 1em;
          margin-block-start: 1em;
}
.p-nearByShopList li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1.5;
  gap: 0.8em;
}
.p-nearByShopList li a {
  color: var(--color-contrast);
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 0.5em;
}
.p-nearByShopList li a::before {
  display: inline-block;
  content: url("/share/img/common/icon-arrow.svg");
  width: 0.8em;
  height: 0.8em;
  line-height: 1.9;
}

/**********************************************
 * お買い物カレンダー
***********************************************/
.p-shoppingCalSec {
  -webkit-padding-before: var(--section-pading-top);
          padding-block-start: var(--section-pading-top);
  -webkit-padding-after: var(--section-pading-bottom);
          padding-block-end: var(--section-pading-bottom);
  background-color: var(--color-subtle);
}
.p-shoppingCalSec__date {
  font-size: clamp(1.5rem, 1.009rem + 1.79vw, 2.125rem);
  font-weight: bold;
  text-align: center;
  margin-bottom: 0.5em;
}
.p-shoppingCalSec__date span {
  font-size: 75%;
}
.p-shoppingCalSec__calendar {
  text-align: center;
}
.p-shoppingCalSec__calendar > * {
  display: inline-block;
}
.p-shoppingCalSec__calSliderWrap {
  -webkit-margin-before: 30px;
          margin-block-start: 30px;
}

/**********************************************
 * お買い得商品レシピ
***********************************************/
.p-valueItemRecipeSec {
  -webkit-padding-before: var(--section-pading-top);
          padding-block-start: var(--section-pading-top);
  -webkit-padding-after: var(--section-pading-bottom);
          padding-block-end: var(--section-pading-bottom);
  background-color: var(--color-cream);
}

.c-recipeSliderWrapper {
  overflow: hidden;
}

.c-recipeSlider {
  overflow: visible !important;
  max-width: 960px;
}
.c-recipeSlider__box {
  border-radius: clamp(0.625rem, -0.161rem + 2.86vw, 1.625rem);
  overflow: hidden;
  background-color: #fff;
}
.c-recipeSlider__date {
  padding: 10px;
  background-color: var(--color-primary);
}
.c-recipeSlider .m-date {
  text-align: center;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 1;
  font-size: 2rem;
}
.c-recipeSlider .m-date-month {
  font-size: 70%;
  font-family: "Nunito", sans-serif;
  font-weight: bold;
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.c-recipeSlider .m-date-slush {
  font-size: 100%;
  font-family: "Nunito", sans-serif;
  font-weight: 100;
}
.c-recipeSlider .m-date-day {
  font-size: 80%;
  font-family: "Nunito", sans-serif;
  font-weight: bold;
  -ms-flex-item-align: end;
      align-self: flex-end;
}
.c-recipeSlider .m-date-week {
  font-size: 70%;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  -ms-flex-item-align: end;
      align-self: flex-end;
  padding-bottom: 2px;
}
.c-recipeSlider .m-date-week::before {
  content: "（";
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
.c-recipeSlider .m-date-week::after {
  content: "）";
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
.c-recipeSlider__detail {
  padding: clamp(0.625rem, -0.861rem + 5.41vw, 1.875rem) clamp(0.625rem, -0.861rem + 5.41vw, 1.875rem) clamp(1.875rem, 1.132rem + 2.7vw, 2.5rem);
}
@media screen and (min-width: 810px ) {
  .c-recipeSlider__detail {
    padding: 30px 30px 40px;
  }
}
.c-recipeSlider__detailRow {
  display: grid;
  grid-template-columns: auto;
  gap: 30px;
}
@media screen and (min-width: 810px ) {
  .c-recipeSlider__detailRow {
    grid-template-columns: 55% 1fr;
  }
}
.c-recipeSlider__mainImageArea__link {
  display: block;
  position: relative;
}
.c-recipeSlider__mainImageArea__img {
  max-width: initial;
  width: 100%;
}
.c-recipeSlider__mainImageArea__title {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 3.32% 15px 3.32%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: auto;
  color: #fff;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(51, 51, 51)), color-stop(10%, rgba(51, 51, 51, 0.9)), color-stop(20%, rgba(51, 51, 51, 0.8)), color-stop(30%, rgba(51, 51, 51, 0.7)), color-stop(40%, rgba(51, 51, 51, 0.6)), color-stop(50%, rgba(51, 51, 51, 0.5)), color-stop(60%, rgba(51, 51, 51, 0.4)), color-stop(70%, rgba(51, 51, 51, 0.3)), color-stop(80%, rgba(51, 51, 51, 0.2)), color-stop(90%, rgba(51, 51, 51, 0.1)), to(rgba(51, 51, 51, 0)));
  background: linear-gradient(0deg, rgb(51, 51, 51) 0, rgba(51, 51, 51, 0.9) 10%, rgba(51, 51, 51, 0.8) 20%, rgba(51, 51, 51, 0.7) 30%, rgba(51, 51, 51, 0.6) 40%, rgba(51, 51, 51, 0.5) 50%, rgba(51, 51, 51, 0.4) 60%, rgba(51, 51, 51, 0.3) 70%, rgba(51, 51, 51, 0.2) 80%, rgba(51, 51, 51, 0.1) 90%, rgba(51, 51, 51, 0) 100%);
  width: 100%;
  font-size: clamp(15px, 3vw, 20px);
  font-weight: 500;
  text-align: left;
  line-height: 1.3;
  text-decoration: none;
}
.c-recipeSlider__recommend__title {
  font-weight: bold;
  line-height: 1.4;
  text-align: center;
  font-size: clamp(1rem, 0.804rem + 0.71vw, 1.25rem);
  font-family: var(--font-marugo);
  margin-bottom: 0.5em;
}
.c-recipeSlider__recommend__title span {
  position: relative;
  display: inline-block;
  padding: 0 1em;
}
.c-recipeSlider__recommend__title span::before {
  position: absolute;
  left: 0;
  top: 50%;
  width: 2px;
  height: 50%;
  -webkit-transform: rotate(-20deg) translateY(-50%);
          transform: rotate(-20deg) translateY(-50%);
  content: "";
  display: block;
  background-color: var(--color-contrast);
}
.c-recipeSlider__recommend__title span::after {
  position: absolute;
  right: 0;
  top: 50%;
  width: 2px;
  height: 50%;
  -webkit-transform: rotate(20deg) translateY(-50%);
          transform: rotate(20deg) translateY(-50%);
  content: "";
  display: block;
  background-color: var(--color-contrast);
}
.c-recipeSlider__recommend__detail {
  width: 100%;
  background-color: #fbf3e3;
  border-radius: 7px;
  padding: 16px;
  margin: 6px auto 0;
  position: relative;
}
.c-recipeSlider__recommend__detail:before, .c-recipeSlider__recommend__detail:after {
  content: "";
  display: block;
}
.c-recipeSlider__recommend__detail:after {
  clear: both;
}
.c-recipeSlider__recommend__imageWrap {
  float: right;
  padding: 0 0 15px 15px;
  width: 45%;
}
.c-recipeSlider__recommend__origin {
  font-size: clamp(0.75rem, 0.652rem + 0.36vw, 0.875rem);
  color: #584539;
}
.c-recipeSlider__recommend__name {
  color: #584539;
  font-size: clamp(1rem, 0.902rem + 0.36vw, 1.125rem);
  font-weight: 600;
  line-height: 1.3;
}
.c-recipeSlider__recommend__price {
  font-size: clamp(1.5rem, 1.107rem + 1.43vw, 2rem);
  color: #de0304;
  font-weight: 600;
  line-height: 1;
}
.c-recipeSlider__recommend__priceYen {
  color: #de0304;
  font-weight: 600;
}
.c-recipeSlider__recommend__taxWrap {
  color: #584539;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
.c-recipeSlider__recommend__notes {
  -webkit-margin-before: 1em;
          margin-block-start: 1em;
  font-size: 0.75rem;
  color: #584539;
}
.c-recipeSlider__btnArea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.c-recipeSlider__btnAreaInner {
  padding-left: 10px;
  padding-right: 10px;
  -webkit-margin-before: 30px;
          margin-block-start: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: 15px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.c-recipeSlider__btnAreaInner .c-btn-line--arrow {
  width: 100%;
  font-weight: 400;
}

/**********************************************
 * その他情報セクション
***********************************************/
.p-shopOtherSec {
  -webkit-padding-before: var(--section-pading-top);
          padding-block-start: var(--section-pading-top);
  -webkit-padding-after: var(--section-pading-bottom);
          padding-block-end: var(--section-pading-bottom);
  background-color: #fff;
  /**********************************************
   * めーむひろば
  ***********************************************/
  /**********************************************
   * シーアイベントカレンダーリンク
  ***********************************************/
  /**********************************************
   * 刃物とぎ
  ***********************************************/
  /**********************************************
   * その他バナー
  ***********************************************/
}
.p-shopOtherSec .p-shopOtherSec__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(1.25rem, -0.223rem + 5.36vw, 3.125rem);
}
.p-shopOtherSec .p-memuHiroba__read {
  line-height: 1.4;
  text-align: center;
  font-size: clamp(0.875rem, 0.188rem + 2.5vw, 1.75rem);
  margin-bottom: 10px;
}
.p-shopOtherSec .p-memuHiroba__read span {
  position: relative;
  display: inline-block;
  padding: 0 0.5em;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
.p-shopOtherSec .p-memuHiroba__read span::before {
  position: absolute;
  left: 0;
  top: 50%;
  width: 3px;
  height: 80%;
  -webkit-transform: rotate(-30deg) translateY(-50%);
          transform: rotate(-30deg) translateY(-50%);
  content: "";
  display: block;
  background-color: var(--color-primary);
  background: repeating-linear-gradient(0deg, var(--color-primary), var(--color-primary) 42px, #fff 4px, #fff 47px);
}
.p-shopOtherSec .p-memuHiroba__read span::after {
  position: absolute;
  right: 0;
  top: 50%;
  width: 3px;
  height: 80%;
  -webkit-transform: rotate(30deg) translateY(-50%);
          transform: rotate(30deg) translateY(-50%);
  content: "";
  display: block;
  background-color: var(--color-primary);
  background: repeating-linear-gradient(0deg, var(--color-primary), var(--color-primary) 42px, #fff 4px, #fff 47px);
}
.p-shopOtherSec .p-memuHiroba__imgLink {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  background-color: #fff;
}
.p-shopOtherSec .p-memuHiroba__imgLink:hover {
  opacity: 0.7;
}
.p-shopOtherSec .p-memuHiroba__list {
  -webkit-margin-before: 10px;
          margin-block-start: 10px;
  list-style: none;
  font-size: clamp(0.875rem, 0.188rem + 2.5vw, 1.75rem);
}
.p-shopOtherSec .p-memuHiroba__list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.p-shopOtherSec .p-memuHiroba__list li::before {
  content: "⚫︎";
  color: var(--color-primary);
  font-size: 0.6em;
  margin-right: 0.5em;
}
.p-shopOtherSec .p-seerEventCalBnr {
  text-align: center;
}
.p-shopOtherSec .p-seerEventCalBnr__link {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  display: block;
}
.p-shopOtherSec .p-seerEventCalBnr__link:hover {
  opacity: 0.7;
}
.p-shopOtherSec .p-hamonotogiInfo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 2px solid var(--color-primary);
  border-radius: clamp(0.75rem, 0.112rem + 2.32vw, 1.563rem);
  overflow: hidden;
}
.p-shopOtherSec .p-hamonotogiInfo__title {
  padding: clamp(0.875rem, 0.188rem + 2.5vw, 1.75rem);
  font-size: clamp(1.125rem, 0.241rem + 3.21vw, 2.25rem);
  font-weight: bold;
  color: #fff;
  font-family: var(--font-marugo);
  background-color: var(--color-primary);
  white-space: nowrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.p-shopOtherSec .p-hamonotogiInfo__body {
  padding: 1em;
  font-size: clamp(0.875rem, 0.188rem + 2.5vw, 1.75rem);
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -ms-flex-item-align: center;
      align-self: center;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
.p-shopOtherSec .p-otherBnr__list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: clamp(0.625rem, 0.134rem + 1.79vw, 1.25rem);
}
.p-shopOtherSec .p-otherBnr__list li a {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  display: block;
}
.p-shopOtherSec .p-otherBnr__list li a:hover {
  opacity: 0.7;
}

/**********************************************
 * Liv住吉
***********************************************/
.p-livSumiyoshiSec {
  -webkit-padding-before: var(--section-pading-top);
          padding-block-start: var(--section-pading-top);
  -webkit-padding-after: var(--section-pading-bottom);
          padding-block-end: var(--section-pading-bottom);
  background-color: var(--color-subtle);
}
.p-livSumiyoshiSec__btnArea {
  -webkit-margin-before: 30px;
          margin-block-start: 30px;
  text-align: center;
}

/**********************************************
 * 店舗のお知らせ
***********************************************/
.p-shopInfoSec {
  -webkit-padding-before: var(--section-pading-top);
          padding-block-start: var(--section-pading-top);
  -webkit-padding-after: var(--section-pading-bottom);
          padding-block-end: var(--section-pading-bottom);
  background-color: #fff;
}
.p-shopInfoSec .c-newsList__item {
  border-top: 1px dotted var(--color-secondary);
  padding: 1em 15px;
}
@media screen and (min-width: 810px ) {
  .p-shopInfoSec .c-newsList__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.p-shopInfoSec .c-newsList__item:first-child {
  border-top: none;
  padding-top: 0em;
}
.p-shopInfoSec .c-newsList__meta {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  gap: 5px 1em;
}

/**********************************************
 * 検索結果
***********************************************/
.p-shopResultSec {
  -webkit-padding-before: var(--section-pading-top);
          padding-block-start: var(--section-pading-top);
  -webkit-padding-after: var(--section-pading-bottom);
          padding-block-end: var(--section-pading-bottom);
}
.p-resultFormWrap {
  display: grid;
  grid-template-columns: 1fr;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 1em;
  -webkit-margin-before: clamp(2.5rem, 1.321rem + 4.29vw, 5rem);
          margin-block-start: clamp(2.5rem, 1.321rem + 4.29vw, 5rem);
  -webkit-margin-after: clamp(2.5rem, 1.321rem + 4.29vw, 4rem);
          margin-block-end: clamp(2.5rem, 1.321rem + 4.29vw, 4rem);
}
@media screen and (min-width: 810px ) {
  .p-resultFormWrap {
    grid-template-columns: 1fr 1fr;
  }
}

.p-resultKeywordSearchArea {
  border-radius: clamp(0.625rem, 0.134rem + 1.79vw, 1.25rem);
  background-color: var(--color-primary);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px 8px 8px 1em;
  gap: 1em;
}
.p-resultKeywordSearchArea__title {
  color: #fff;
  font-size: clamp(1rem, 0.804rem + 0.71vw, 1.25rem);
  font-weight: bold;
  white-space: nowrap;
}

.c-resultKeywordSearchForm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  overflow: hidden;
  border-radius: clamp(0.625rem, 0.134rem + 1.79vw, 1.25rem);
  background-color: #ffffff;
}
.c-resultKeywordSearchForm label {
  width: calc(100% - var(--form-input-height));
  height: var(--form-input-height);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.c-resultKeywordSearchForm input {
  padding: 0 0 0 1em;
  border: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #ffffff;
  font-size: clamp(1rem, 0.32vi + 0.93rem, 1.13rem);
  outline: none;
  width: 100%;
  overflow: hidden;
}
.c-resultKeywordSearchForm input::-webkit-input-placeholder {
  color: #777777;
}
.c-resultKeywordSearchForm input::-moz-placeholder {
  color: #777777;
}
.c-resultKeywordSearchForm input:-ms-input-placeholder {
  color: #777777;
}
.c-resultKeywordSearchForm input::-ms-input-placeholder {
  color: #777777;
}
.c-resultKeywordSearchForm input::placeholder {
  color: #777777;
}
.c-resultKeywordSearchForm button {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: var(--form-input-height);
  border: none;
  background-color: transparent;
  cursor: pointer;
}
.c-resultKeywordSearchForm button::after {
  width: calc(var(--form-input-height) / 2);
  height: calc(var(--form-input-height) / 2);
  background-image: url("../img/common/icon-search.svg");
  display: block;
  background-repeat: no-repeat;
  content: "";
}

.p-resultChangeConditionArea__changeBtn {
  height: 100%;
  border-radius: clamp(0.625rem, 0.134rem + 1.79vw, 1.25rem);
  background-color: var(--color-primary);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.8em 1em;
  color: #fff;
  font-size: clamp(1rem, 0.804rem + 0.71vw, 1.25rem);
  font-weight: bold;
  min-height: calc(var(--form-input-height) + 16px);
  position: relative;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.p-resultChangeConditionArea__changeBtn::before {
  background-image: url(../img/common/icon-arrow-white.svg);
  position: absolute;
  right: 0;
  top: 0;
  content: "";
  background-repeat: no-repeat;
  background-size: 22px;
  background-position: center center;
  width: 2.4em;
  height: 100%;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.p-resultChangeConditionArea__changeBtn:hover {
  opacity: 0.7;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.p-shopResultArea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 50px;
}
.p-shopResultArea__titleWrap {
  border-bottom: clamp(0.125rem, 0.027rem + 0.36vw, 0.25rem) solid var(--color-primary);
  padding-bottom: 0.4em;
  font-size: clamp(1.125rem, 1.09rem + 1.26vw, 1.875rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -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: 1em;
  -webkit-margin-after: clamp(1.25rem, 0.268rem + 3.57vw, 2.5rem);
          margin-block-end: clamp(1.25rem, 0.268rem + 3.57vw, 2.5rem);
}
.p-shopResultArea__areaName {
  font-size: clamp(1.125rem, 1.09rem + 1.26vw, 1.875rem);
  font-weight: 500;
  line-height: 1.4;
}
.p-shopResultArea__shopNum {
  font-size: clamp(0.875rem, 0.858rem + 0.63vw, 1.25rem);
  line-height: 1.4;
}
.p-shopResultArea__shopWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 30px;
}
.p-shopResultArea__shopCard {
  background-color: #fef3df;
  padding: clamp(0.938rem, 0.201rem + 2.68vw, 1.875rem) clamp(0.938rem, -0.29rem + 4.46vw, 2.5rem) clamp(1.25rem, 0.759rem + 1.79vw, 1.875rem);
}
.p-shopResultArea__shopCard__name {
  font-size: clamp(1.063rem, 1.031rem + 1.15vw, 1.75rem);
  font-weight: 500;
  line-height: 1.4;
  border-bottom: 1px solid #e5ca9c;
  padding-bottom: 0.5em;
}
.p-shopResultArea__shopCard__name a {
  color: var(--color-contrast);
  text-decoration: none;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.p-shopResultArea__shopCard__name a:hover {
  opacity: 0.6;
}
.p-shopResultArea__shopCard__dataTable {
  width: 100%;
}
@media screen and (min-width: 810px ) {
  .p-shopResultArea__shopCard__dataTable {
    border-bottom: 1px solid #e5ca9c;
  }
}
.p-shopResultArea__shopCard__dataTable tr + tr {
  border-top: 1px solid #e5ca9c;
}
.p-shopResultArea__shopCard__dataTable tr th,
.p-shopResultArea__shopCard__dataTable tr td {
  padding: 1em 0.5em;
}
.p-shopResultArea__shopCard__dataTable tr th {
  color: var(--color-primary);
  font-weight: bold;
  white-space: nowrap;
}
@media screen and (min-width: 810px ) {
  .p-shopResultArea__shopCard__dataTable tr th {
    width: 30%;
  }
}
.p-shopResultArea__shopCard__dataTable tr td {
  width: 100%;
}
@media screen and (min-width: 810px ) {
  .p-shopResultArea__shopCard__dataTable tr td {
    width: 70%;
  }
}
.p-shopResultArea__shopCard__dataTable .m-label {
  background-color: #ee3c23;
  color: #fff;
  font-size: 93.75%;
  padding: 1px 0.5em;
}
.p-shopResultArea__shopCard__dataTable .m-slushSpace span {
  display: inline-block;
}
.p-shopResultArea__shopCard__dataTable .m-slushSpace span:not(:last-child) {
  position: relative;
}
.p-shopResultArea__shopCard__dataTable .m-slushSpace span:not(:last-child)::after {
  content: "／";
  color: #999999;
  margin: 0 5px;
}
.p-shopResultArea__shopCard__btnArea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: clamp(0.625rem, -0.063rem + 2.5vw, 1.5rem);
  -webkit-margin-before: 10px;
          margin-block-start: 10px;
}
@media screen and (min-width: 810px ) {
  .p-shopResultArea__shopCard__btnArea {
    -webkit-margin-before: 30px;
            margin-block-start: 30px;
  }
}
.p-shopResultArea__shopCard__btnArea a.c-btn-line {
  font-size: clamp(0.813rem, 0.371rem + 1.61vw, 1.375rem);
  max-width: 290px;
  width: 100%;
}
@media screen and (max-width: 479px ) {
  .p-shopResultArea__shopCard__btnArea a.c-btn-line {
    padding: 0.7em 2em 0.7em 1em;
    font-size: 3.1vw;
  }
}

/************************
 * .p-infoSec
************************/
.p-infoSec {
  padding-top: var(--section-pading-top);
  padding-bottom: var(--section-pading-bottom);
}
.p-infoSec__btnArea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-margin-before: 30px;
          margin-block-start: 30px;
}

/************************
 * .p-serviceSec
************************/
.p-serviceSec {
  padding-top: var(--section-pading-top);
  padding-bottom: var(--section-pading-bottom);
}
.p-serviceSec__title {
  line-height: 1.4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.p-serviceSec__title__sub {
  font-size: clamp(0.875rem, 0.777rem + 0.36vw, 1rem);
  font-weight: bold;
  color: var(--color-primary);
}
.p-serviceSec__title__main {
  font-size: clamp(1.25rem, 0.955rem + 1.07vw, 1.625rem);
  font-weight: bold;
  color: var(--color-secondary);
}
.p-serviceSec .p-serviceTable {
  width: 100%;
}
.p-serviceSec .p-serviceTable__caption {
  font-size: 1.125rem;
  font-weight: bold;
  line-height: 1.4;
  -webkit-margin-after: 0.4em;
          margin-block-end: 0.4em;
}
.p-serviceSec .p-serviceTable th,
.p-serviceSec .p-serviceTable td {
  padding: 1em;
  border: 1px solid var(--color-secondary);
}
.p-serviceSec .p-serviceTable th {
  background-color: var(--color-subtle);
  font-weight: bold;
  text-align: center;
}
.p-serviceSec .p-serviceTable th > * {
  -webkit-margin-before: 0.5em;
          margin-block-start: 0.5em;
}
.p-serviceSec .p-serviceTable td {
  vertical-align: middle;
  text-align: center;
  min-width: 30%;
}
.p-serviceSec .p-serviceTable td > * {
  -webkit-margin-before: 0.5em;
          margin-block-start: 0.5em;
}
.p-serviceSec .p-serviceTableNotice {
  text-align: right;
  font-size: clamp(0.75rem, 0.652rem + 0.36vw, 0.875rem);
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  -webkit-margin-before: 4px;
          margin-block-start: 4px;
}
.p-serviceSec .p-serviceTextNotice {
  font-weight: bold;
}
.p-serviceSec .p-serviceSec__row {
  display: grid;
  grid-template-columns: auto;
  gap: 30px;
}
@media screen and (min-width: 810px ) {
  .p-serviceSec .p-serviceSec__row {
    grid-template-columns: 60% 1fr;
  }
}
.p-serviceSec .c-serviceIconCardList {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px 30px;
}
@media screen and (min-width: 810px ) {
  .p-serviceSec .c-serviceIconCardList {
    grid-template-columns: 1fr 1fr;
  }
}
.p-serviceSec .c-serviceIconCard {
  display: grid;
  grid-template-columns: 80px 1fr;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(0.625rem, 0.208rem + 1.67vw, 1.25rem);
}
.p-serviceSec .c-serviceIconCard__icon {
  width: 80px;
  border: 1px solid var(--color-medium-gray);
  border-radius: 2px;
  overflow: hidden;
}
/**********************************************
 * .p-hamonotogiSec
***********************************************/
.p-hamonotogiSec {
  -webkit-padding-before: var(--section-pading-top);
          padding-block-start: var(--section-pading-top);
  -webkit-padding-after: var(--section-pading-bottom);
          padding-block-end: var(--section-pading-bottom);
}
.p-hamonotogiSec .p-hamonotogiTable {
  border: 1px solid var(--color-secondary);
  width: 100%;
}
.p-hamonotogiSec .p-hamonotogiTable tr > *:first-child {
  max-width: 7em;
  white-space: nowrap;
  text-align: center;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
.p-hamonotogiSec .p-hamonotogiTable tr > *:not(:first-child) {
  width: 50%;
}
.p-hamonotogiSec .p-hamonotogiTable tr th,
.p-hamonotogiSec .p-hamonotogiTable tr td {
  line-height: 1.4;
  padding: 1em min(1vw, 1em);
  border: 1px solid var(--color-secondary);
  font-size: min(3.4vw, 1rem);
}
.p-hamonotogiSec .p-hamonotogiTable thead th,
.p-hamonotogiSec .p-hamonotogiTable thead td {
  font-weight: bold;
  background-color: var(--color-subtle);
  text-align: center;
  vertical-align: middle;
}
.p-hamonotogiSec .p-hamonotogiTable tbody th {
  background-color: var(--color-subtle);
}
.p-hamonotogiSec .p-hamonotogiTable tbody td {
  text-align: center;
}
.p-hamonotogiSec__btnArea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-margin-before: 30px;
          margin-block-start: 30px;
}

@media screen and (max-width: 1229px ) {
  .u-hidden--xl--down {
    pointer-events: none !important;
    opacity: 0 !important;
    display: none !important;
  }
}

@media screen and (max-width: 1139px ) {
  .u-hidden--lg--down {
    pointer-events: none !important;
    opacity: 0 !important;
    display: none !important;
  }
}

@media screen and (max-width: 959px ) {
  .u-hidden--nm--down {
    pointer-events: none !important;
    opacity: 0 !important;
    display: none !important;
  }
}

@media screen and (max-width: 809px ) {
  .u-hidden--md--down {
    pointer-events: none !important;
    opacity: 0 !important;
    display: none !important;
  }
}

@media screen and (max-width: 809px ) {
  .u-hidden--ms--down {
    pointer-events: none !important;
    opacity: 0 !important;
    display: none !important;
  }
}

@media screen and (max-width: 479px ) {
  .u-hidden--sm--down {
    pointer-events: none !important;
    opacity: 0 !important;
    display: none !important;
  }
}

@media screen and (min-width: 1230px ) {
  .u-hidden--xl--up {
    pointer-events: none !important;
    opacity: 0 !important;
    display: none !important;
  }
}

@media screen and (min-width: 1140px ) {
  .u-hidden--lg--up {
    pointer-events: none !important;
    opacity: 0 !important;
    display: none !important;
  }
}

@media screen and (min-width: 960px ) {
  .u-hidden--nm--up {
    pointer-events: none !important;
    opacity: 0 !important;
    display: none !important;
  }
}

@media screen and (min-width: 810px ) {
  .u-hidden--md--up {
    pointer-events: none !important;
    opacity: 0 !important;
    display: none !important;
  }
}

@media screen and (min-width: 690px ) {
  .u-hidden--ms--up {
    pointer-events: none !important;
    opacity: 0 !important;
    display: none !important;
  }
}

@media screen and (min-width: 480px ) {
  .u-hidden--sm--up {
    pointer-events: none !important;
    opacity: 0 !important;
    display: none !important;
  }
}

/* =========================================================
margin padding
========================================================= */
.u-mt--0 {
  margin-top: 0px !important;
}

.u-pt--0 {
  padding-top: 0px !important;
}

.u-mb--0 {
  margin-bottom: 0px !important;
}

.u-pb--0 {
  padding-bottom: 0px !important;
}

.u-ml--0 {
  margin-left: 0px !important;
}

.u-pl--0 {
  padding-left: 0px !important;
}

.u-mr--0 {
  margin-right: 0px !important;
}

.u-pr--0 {
  padding-right: 0px !important;
}

.u-mt--5 {
  margin-top: 5px !important;
}

.u-pt--5 {
  padding-top: 5px !important;
}

.u-mb--5 {
  margin-bottom: 5px !important;
}

.u-pb--5 {
  padding-bottom: 5px !important;
}

.u-ml--5 {
  margin-left: 5px !important;
}

.u-pl--5 {
  padding-left: 5px !important;
}

.u-mr--5 {
  margin-right: 5px !important;
}

.u-pr--5 {
  padding-right: 5px !important;
}

.u-mt--10 {
  margin-top: 10px !important;
}

.u-pt--10 {
  padding-top: 10px !important;
}

.u-mb--10 {
  margin-bottom: 10px !important;
}

.u-pb--10 {
  padding-bottom: 10px !important;
}

.u-ml--10 {
  margin-left: 10px !important;
}

.u-pl--10 {
  padding-left: 10px !important;
}

.u-mr--10 {
  margin-right: 10px !important;
}

.u-pr--10 {
  padding-right: 10px !important;
}

.u-mt--15 {
  margin-top: 15px !important;
}

.u-pt--15 {
  padding-top: 15px !important;
}

.u-mb--15 {
  margin-bottom: 15px !important;
}

.u-pb--15 {
  padding-bottom: 15px !important;
}

.u-ml--15 {
  margin-left: 15px !important;
}

.u-pl--15 {
  padding-left: 15px !important;
}

.u-mr--15 {
  margin-right: 15px !important;
}

.u-pr--15 {
  padding-right: 15px !important;
}

.u-mt--20 {
  margin-top: 20px !important;
}

.u-pt--20 {
  padding-top: 20px !important;
}

.u-mb--20 {
  margin-bottom: 20px !important;
}

.u-pb--20 {
  padding-bottom: 20px !important;
}

.u-ml--20 {
  margin-left: 20px !important;
}

.u-pl--20 {
  padding-left: 20px !important;
}

.u-mr--20 {
  margin-right: 20px !important;
}

.u-pr--20 {
  padding-right: 20px !important;
}

.u-mt--25 {
  margin-top: 25px !important;
}

.u-pt--25 {
  padding-top: 25px !important;
}

.u-mb--25 {
  margin-bottom: 25px !important;
}

.u-pb--25 {
  padding-bottom: 25px !important;
}

.u-ml--25 {
  margin-left: 25px !important;
}

.u-pl--25 {
  padding-left: 25px !important;
}

.u-mr--25 {
  margin-right: 25px !important;
}

.u-pr--25 {
  padding-right: 25px !important;
}

.u-mt--30 {
  margin-top: 30px !important;
}

.u-pt--30 {
  padding-top: 30px !important;
}

.u-mb--30 {
  margin-bottom: 30px !important;
}

.u-pb--30 {
  padding-bottom: 30px !important;
}

.u-ml--30 {
  margin-left: 30px !important;
}

.u-pl--30 {
  padding-left: 30px !important;
}

.u-mr--30 {
  margin-right: 30px !important;
}

.u-pr--30 {
  padding-right: 30px !important;
}

.u-mt--35 {
  margin-top: 35px !important;
}

.u-pt--35 {
  padding-top: 35px !important;
}

.u-mb--35 {
  margin-bottom: 35px !important;
}

.u-pb--35 {
  padding-bottom: 35px !important;
}

.u-ml--35 {
  margin-left: 35px !important;
}

.u-pl--35 {
  padding-left: 35px !important;
}

.u-mr--35 {
  margin-right: 35px !important;
}

.u-pr--35 {
  padding-right: 35px !important;
}

.u-mt--40 {
  margin-top: 40px !important;
}

.u-pt--40 {
  padding-top: 40px !important;
}

.u-mb--40 {
  margin-bottom: 40px !important;
}

.u-pb--40 {
  padding-bottom: 40px !important;
}

.u-ml--40 {
  margin-left: 40px !important;
}

.u-pl--40 {
  padding-left: 40px !important;
}

.u-mr--40 {
  margin-right: 40px !important;
}

.u-pr--40 {
  padding-right: 40px !important;
}

.u-mt--45 {
  margin-top: 45px !important;
}

.u-pt--45 {
  padding-top: 45px !important;
}

.u-mb--45 {
  margin-bottom: 45px !important;
}

.u-pb--45 {
  padding-bottom: 45px !important;
}

.u-ml--45 {
  margin-left: 45px !important;
}

.u-pl--45 {
  padding-left: 45px !important;
}

.u-mr--45 {
  margin-right: 45px !important;
}

.u-pr--45 {
  padding-right: 45px !important;
}

.u-mt--50 {
  margin-top: 50px !important;
}

.u-pt--50 {
  padding-top: 50px !important;
}

.u-mb--50 {
  margin-bottom: 50px !important;
}

.u-pb--50 {
  padding-bottom: 50px !important;
}

.u-ml--50 {
  margin-left: 50px !important;
}

.u-pl--50 {
  padding-left: 50px !important;
}

.u-mr--50 {
  margin-right: 50px !important;
}

.u-pr--50 {
  padding-right: 50px !important;
}

.u-mt--75 {
  margin-top: 75px !important;
}

.u-pt--75 {
  padding-top: 75px !important;
}

.u-mb--75 {
  margin-bottom: 75px !important;
}

.u-pb--75 {
  padding-bottom: 75px !important;
}

.u-ml--75 {
  margin-left: 75px !important;
}

.u-pl--75 {
  padding-left: 75px !important;
}

.u-mr--75 {
  margin-right: 75px !important;
}

.u-pr--75 {
  padding-right: 75px !important;
}

.u-mt--100 {
  margin-top: 100px !important;
}

.u-pt--100 {
  padding-top: 100px !important;
}

.u-mb--100 {
  margin-bottom: 100px !important;
}

.u-pb--100 {
  padding-bottom: 100px !important;
}

.u-ml--100 {
  margin-left: 100px !important;
}

.u-pl--100 {
  padding-left: 100px !important;
}

.u-mr--100 {
  margin-right: 100px !important;
}

.u-pr--100 {
  padding-right: 100px !important;
}

/* =========================================================
size
========================================================= */
/* % size */
.u-width1 {
  width: 1%;
}

.u-width2 {
  width: 2%;
}

.u-width3 {
  width: 3%;
}

.u-width4 {
  width: 4%;
}

.u-width5 {
  width: 5%;
}

.u-width6 {
  width: 6%;
}

.u-width7 {
  width: 7%;
}

.u-width8 {
  width: 8%;
}

.u-width9 {
  width: 9%;
}

.u-width10 {
  width: 10%;
}

.u-width11 {
  width: 11%;
}

.u-width12 {
  width: 12%;
}

.u-width13 {
  width: 13%;
}

.u-width14 {
  width: 14%;
}

.u-width15 {
  width: 15%;
}

.u-width16 {
  width: 16%;
}

.u-width17 {
  width: 17%;
}

.u-width18 {
  width: 18%;
}

.u-width19 {
  width: 19%;
}

.u-width20 {
  width: 20%;
}

.u-width21 {
  width: 21%;
}

.u-width22 {
  width: 22%;
}

.u-width23 {
  width: 23%;
}

.u-width24 {
  width: 24%;
}

.u-width25 {
  width: 25%;
}

.u-width26 {
  width: 26%;
}

.u-width27 {
  width: 27%;
}

.u-width28 {
  width: 28%;
}

.u-width29 {
  width: 29%;
}

.u-width30 {
  width: 30%;
}

.u-width31 {
  width: 31%;
}

.u-width32 {
  width: 32%;
}

.u-width33 {
  width: 33%;
}

.u-width34 {
  width: 34%;
}

.u-width35 {
  width: 35%;
}

.u-width36 {
  width: 36%;
}

.u-width37 {
  width: 37%;
}

.u-width38 {
  width: 38%;
}

.u-width39 {
  width: 39%;
}

.u-width40 {
  width: 40%;
}

.u-width41 {
  width: 41%;
}

.u-width42 {
  width: 42%;
}

.u-width43 {
  width: 43%;
}

.u-width44 {
  width: 44%;
}

.u-width45 {
  width: 45%;
}

.u-width46 {
  width: 46%;
}

.u-width47 {
  width: 47%;
}

.u-width48 {
  width: 48%;
}

.u-width49 {
  width: 49%;
}

.u-width50 {
  width: 50%;
}

.u-width51 {
  width: 51%;
}

.u-width52 {
  width: 52%;
}

.u-width53 {
  width: 53%;
}

.u-width54 {
  width: 54%;
}

.u-width55 {
  width: 55%;
}

.u-width56 {
  width: 56%;
}

.u-width57 {
  width: 57%;
}

.u-width58 {
  width: 58%;
}

.u-width59 {
  width: 59%;
}

.u-width60 {
  width: 60%;
}

.u-width61 {
  width: 61%;
}

.u-width62 {
  width: 62%;
}

.u-width63 {
  width: 63%;
}

.u-width64 {
  width: 64%;
}

.u-width65 {
  width: 65%;
}

.u-width66 {
  width: 66%;
}

.u-width67 {
  width: 67%;
}

.u-width68 {
  width: 68%;
}

.u-width69 {
  width: 69%;
}

.u-width70 {
  width: 70%;
}

.u-width71 {
  width: 71%;
}

.u-width72 {
  width: 72%;
}

.u-width73 {
  width: 73%;
}

.u-width74 {
  width: 74%;
}

.u-width75 {
  width: 75%;
}

.u-width76 {
  width: 76%;
}

.u-width77 {
  width: 77%;
}

.u-width78 {
  width: 78%;
}

.u-width79 {
  width: 79%;
}

.u-width80 {
  width: 80%;
}

.u-width81 {
  width: 81%;
}

.u-width82 {
  width: 82%;
}

.u-width83 {
  width: 83%;
}

.u-width84 {
  width: 84%;
}

.u-width85 {
  width: 85%;
}

.u-width86 {
  width: 86%;
}

.u-width87 {
  width: 87%;
}

.u-width88 {
  width: 88%;
}

.u-width89 {
  width: 89%;
}

.u-width90 {
  width: 90%;
}

.u-width91 {
  width: 91%;
}

.u-width92 {
  width: 92%;
}

.u-width93 {
  width: 93%;
}

.u-width94 {
  width: 94%;
}

.u-width95 {
  width: 95%;
}

.u-width96 {
  width: 96%;
}

.u-width97 {
  width: 97%;
}

.u-width98 {
  width: 98%;
}

.u-width99 {
  width: 99%;
}

.u-width100 {
  width: 100%;
}

/* max% size */
.u-maxwidth2-5 {
  max-width: 2.5%;
}

.u-maxwidth5 {
  max-width: 5%;
}

.u-maxwidth7-5 {
  max-width: 7.5%;
}

.u-maxwidth10 {
  max-width: 10%;
}

.u-maxwidth12-5 {
  max-width: 12.5%;
}

.u-maxwidth15 {
  max-width: 15%;
}

.u-maxwidth17-5 {
  max-width: 17.5%;
}

.u-maxwidth20 {
  max-width: 20%;
}

.u-maxwidth22-5 {
  max-width: 22.5%;
}

.u-maxwidth25 {
  max-width: 25%;
}

.u-maxwidth27-5 {
  max-width: 27.5%;
}

.u-maxwidth30 {
  max-width: 30%;
}

.u-maxwidth32-5 {
  max-width: 32.5%;
}

.u-maxwidth35 {
  max-width: 35%;
}

.u-maxwidth37-5 {
  max-width: 37.5%;
}

.u-maxwidth40 {
  max-width: 40%;
}

.u-maxwidth42-5 {
  max-width: 42.5%;
}

.u-maxwidth45 {
  max-width: 45%;
}

.u-maxwidth47-5 {
  max-width: 47.5%;
}

.u-maxwidth50 {
  max-width: 50%;
}

.u-maxwidth52-5 {
  max-width: 52.5%;
}

.u-maxwidth55 {
  max-width: 55%;
}

.u-maxwidth57-5 {
  max-width: 57.5%;
}

.u-maxwidth60 {
  max-width: 60%;
}

.u-maxwidth62-5 {
  max-width: 62.5%;
}

.u-maxwidth65 {
  max-width: 65%;
}

.u-maxwidth67-5 {
  max-width: 67.5%;
}

.u-maxwidth70 {
  max-width: 70%;
}

.u-maxwidth72-5 {
  max-width: 72.5%;
}

.u-maxwidth75 {
  max-width: 75%;
}

.u-maxwidth80 {
  max-width: 80%;
}

.u-maxwidth82-5 {
  max-width: 82.5%;
}

.u-maxwidth85 {
  max-width: 85%;
}

.u-maxwidth87-5 {
  max-width: 87.5%;
}

.u-maxwidth90 {
  max-width: 90%;
}

.u-maxwidth92-5 {
  max-width: 92.5%;
}

.u-maxwidth95 {
  max-width: 95%;
}

.u-maxwidth97-5 {
  max-width: 97.5%;
}

.u-maxwidth100 {
  max-width: 100%;
}

.u-minwidth2-5 {
  min-width: 2.5%;
}

.u-minwidth5 {
  min-width: 5%;
}

.u-minwidth7-5 {
  min-width: 7.5%;
}

.u-minwidth10 {
  min-width: 10%;
}

.u-minwidth12-5 {
  min-width: 12.5%;
}

.u-minwidth15 {
  min-width: 15%;
}

.u-minwidth17-5 {
  min-width: 17.5%;
}

.u-minwidth20 {
  min-width: 20%;
}

.u-minwidth22-5 {
  min-width: 22.5%;
}

.u-minwidth25 {
  min-width: 25%;
}

.u-minwidth27-5 {
  min-width: 27.5%;
}

.u-minwidth30 {
  min-width: 30%;
}

.u-minwidth32-5 {
  min-width: 32.5%;
}

.u-minwidth35 {
  min-width: 35%;
}

.u-minwidth37-5 {
  min-width: 37.5%;
}

.u-minwidth40 {
  min-width: 40%;
}

.u-minwidth42-5 {
  min-width: 42.5%;
}

.u-minwidth45 {
  min-width: 45%;
}

.u-minwidth47-5 {
  min-width: 47.5%;
}

.u-minwidth50 {
  min-width: 50%;
}

.u-minwidth52-5 {
  min-width: 52.5%;
}

.u-minwidth55 {
  min-width: 55%;
}

.u-minwidth57-5 {
  min-width: 57.5%;
}

.u-minwidth60 {
  min-width: 60%;
}

.u-minwidth62-5 {
  min-width: 62.5%;
}

.u-minwidth65 {
  min-width: 65%;
}

.u-minwidth67-5 {
  min-width: 67.5%;
}

.u-minwidth70 {
  min-width: 70%;
}

.u-minwidth72-5 {
  min-width: 72.5%;
}

.u-minwidth75 {
  min-width: 75%;
}

.u-minwidth80 {
  min-width: 80%;
}

.u-minwidth82-5 {
  min-width: 82.5%;
}

.u-minwidth85 {
  min-width: 85%;
}

.u-minwidth87-5 {
  min-width: 87.5%;
}

.u-minwidth90 {
  min-width: 90%;
}

.u-minwidth92-5 {
  min-width: 92.5%;
}

.u-minwidth95 {
  min-width: 95%;
}

.u-minwidth97-5 {
  min-width: 97.5%;
}

.u-minwidth100 {
  min-width: 100%;
}

/* EM size */
.u-width1em {
  width: 1em;
}

.u-width2em {
  width: 2em;
}

.u-width3em {
  width: 3em;
}

.u-width4em {
  width: 4em;
}

.u-width5em {
  width: 5em;
}

.u-width6em {
  width: 6em;
}

.u-width7em {
  width: 7em;
}

.u-width8em {
  width: 8em;
}

.u-width9em {
  width: 9em;
}

.u-width10em {
  width: 10em;
}

.u-width11em {
  width: 11em;
}

.u-width12em {
  width: 12em;
}

.u-width13em {
  width: 13em;
}

.u-width14em {
  width: 14em;
}

.u-width15em {
  width: 15em;
}

.u-width16em {
  width: 16em;
}

.u-width17em {
  width: 17em;
}

.u-width18em {
  width: 18em;
}

.u-width19em {
  width: 19em;
}

.u-width20em {
  width: 20em;
}

.u-width21em {
  width: 21em;
}

.u-width22em {
  width: 22em;
}

.u-width23em {
  width: 23em;
}

.u-width24em {
  width: 24em;
}

.u-width25em {
  width: 25em;
}

.u-width26em {
  width: 26em;
}

.u-width27em {
  width: 27em;
}

.u-width28em {
  width: 28em;
}

.u-width29em {
  width: 29em;
}

.u-width30em {
  width: 30em;
}

/* minEM size */
.u-minwidth1em {
  min-width: 1em;
}

.u-minwidth2em {
  min-width: 2em;
}

.u-minwidth3em {
  min-width: 3em;
}

.u-minwidth4em {
  min-width: 4em;
}

.u-minwidth5em {
  min-width: 5em;
}

.u-minwidth6em {
  min-width: 6em;
}

.u-minwidth7em {
  min-width: 7em;
}

.u-minwidth8em {
  min-width: 8em;
}

.u-minwidth9em {
  min-width: 9em;
}

.u-minwidth10em {
  min-width: 10em;
}

.u-minwidth11em {
  min-width: 11em;
}

.u-minwidth12em {
  min-width: 12em;
}

.u-minwidth13em {
  min-width: 13em;
}

.u-minwidth14em {
  min-width: 14em;
}

.u-minwidth15em {
  min-width: 15em;
}

.u-minwidth16em {
  min-width: 16em;
}

.u-minwidth17em {
  min-width: 17em;
}

.u-minwidth18em {
  min-width: 18em;
}

.u-minwidth19em {
  min-width: 19em;
}

.u-minwidth20em {
  min-width: 20em;
}

.u-minwidth21em {
  min-width: 21em;
}

.u-minwidth22em {
  min-width: 22em;
}

.u-minwidth23em {
  min-width: 23em;
}

.u-minwidth24em {
  min-width: 24em;
}

.u-minwidth25em {
  min-width: 25em;
}

.u-minwidth26em {
  min-width: 26em;
}

.u-minwidth27em {
  min-width: 27em;
}

.u-minwidth28em {
  min-width: 28em;
}

.u-minwidth29em {
  min-width: 29em;
}

.u-minwidth30em {
  min-width: 30em;
}

/* maxEM size */
.u-maxwidth1em {
  max-width: 1em;
}

.u-maxwidth2em {
  max-width: 2em;
}

.u-maxwidth3em {
  max-width: 3em;
}

.u-maxwidth4em {
  max-width: 4em;
}

.u-maxwidth5em {
  max-width: 5em;
}

.u-maxwidth6em {
  max-width: 6em;
}

.u-maxwidth7em {
  max-width: 7em;
}

.u-maxwidth8em {
  max-width: 8em;
}

.u-maxwidth9em {
  max-width: 9em;
}

.u-maxwidth10em {
  max-width: 10em;
}

.u-maxwidth11em {
  max-width: 11em;
}

.u-maxwidth12em {
  max-width: 12em;
}

.u-maxwidth13em {
  max-width: 13em;
}

.u-maxwidth14em {
  max-width: 14em;
}

.u-maxwidth15em {
  max-width: 15em;
}

.u-maxwidth16em {
  max-width: 16em;
}

.u-maxwidth17em {
  max-width: 17em;
}

.u-maxwidth18em {
  max-width: 18em;
}

.u-maxwidth19em {
  max-width: 19em;
}

.u-maxwidth20em {
  max-width: 20em;
}

.u-maxwidth21em {
  max-width: 21em;
}

.u-maxwidth22em {
  max-width: 22em;
}

.u-maxwidth23em {
  max-width: 23em;
}

.u-maxwidth24em {
  max-width: 24em;
}

.u-maxwidth25em {
  max-width: 25em;
}

.u-maxwidth26em {
  max-width: 26em;
}

.u-maxwidth27em {
  max-width: 27em;
}

.u-maxwidth28em {
  max-width: 28em;
}

.u-maxwidth29em {
  max-width: 29em;
}

.u-maxwidth30em {
  max-width: 30em;
}

/**************************文字サイズ設定**************************/
.u-font-size--small {
  font-size: 87.5% !important;
}

.u-font-size--big {
  font-size: 114.3% !important;
}

.u-font-size--bigger {
  font-size: 142.9% !important;
}

.u-font-size--biggest {
  font-size: 171.4% !important;
}

.u-font-weight--100 {
  font-weight: 100;
}

.u-font-weight--200 {
  font-weight: 200;
}

.u-font-weight--300 {
  font-weight: 300;
}

.u-font-weight--400 {
  font-weight: 4100;
}

.u-font-weight--500 {
  font-weight: 500;
}

.u-font-weight--600 {
  font-weight: 600;
}

.u-font-weight--700 {
  font-weight: 700;
}

.u-font-weight--normal {
  font-weight: 400;
}

.u-font-weight--bold {
  font-weight: bold;
}

.u-caption {
  font-size: 90% !important;
  line-height: 1.4em;
  font-weight: 400;
  display: block;
  text-align: center;
  margin-top: 5px;
}

.u-tategaki {
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
}

.u-tac {
  text-align: center;
}

.u-tal {
  text-align: left;
}

.u-tar {
  text-align: right;
}

@media screen and (min-width: 480px ) {
  .u-tac-sm {
    text-align: center;
  }
}

@media screen and (min-width: 480px ) {
  .u-tal-sm {
    text-align: left;
  }
}

@media screen and (min-width: 480px ) {
  .u-tar-sm {
    text-align: right;
  }
}

@media screen and (min-width: 690px ) {
  .u-tac-ms {
    text-align: center;
  }
}

@media screen and (min-width: 690px ) {
  .u-tal-ms {
    text-align: left;
  }
}

@media screen and (min-width: 690px ) {
  .u-tar-ms {
    text-align: right;
  }
}

@media screen and (min-width: 810px ) {
  .u-tac-md {
    text-align: center;
  }
}

@media screen and (min-width: 810px ) {
  .u-tal-md {
    text-align: left;
  }
}

@media screen and (min-width: 810px ) {
  .u-tar-md {
    text-align: right;
  }
}

@media screen and (min-width: 960px ) {
  .u-tac-nm {
    text-align: center;
  }
}

@media screen and (min-width: 960px ) {
  .u-tal-nm {
    text-align: left;
  }
}

@media screen and (min-width: 960px ) {
  .u-tar-nm {
    text-align: right;
  }
}

@media screen and (min-width: 1140px ) {
  .u-tac-lg {
    text-align: center;
  }
}

@media screen and (min-width: 1140px ) {
  .u-tal-lg {
    text-align: left;
  }
}

@media screen and (min-width: 1140px ) {
  .u-tar-lg {
    text-align: right;
  }
}

@media screen and (min-width: 1230px ) {
  .u-tac-xl {
    text-align: center;
  }
}

@media screen and (min-width: 1230px ) {
  .u-tal-xl {
    text-align: left;
  }
}

@media screen and (min-width: 1230px ) {
  .u-tar-xl {
    text-align: right;
  }
}

@media screen and (min-width: 1600px ) {
  .u-tac-xxl {
    text-align: center;
  }
}

@media screen and (min-width: 1600px ) {
  .u-tal-xxl {
    text-align: left;
  }
}

@media screen and (min-width: 1600px ) {
  .u-tar-xxl {
    text-align: right;
  }
}

.u-vam {
  vertical-align: middle;
}

.u-vat {
  vertical-align: top;
}

.u-vab {
  vertical-align: bottom;
}

.u-white-space--nowrap {
  white-space: nowrap;
}

.u-white-space--pre-line {
  white-space: pre-line;
}

.u-white-space--pre-wrap {
  white-space: pre-wrap;
}

.u-display--b {
  display: block !important;
}

.u-display--ib {
  display: inline-block !important;
}

.u-editor-styles-wrapper p {
  line-height: 1.8;
}
.u-editor-styles-wrapper .hr-dotted {
  -webkit-margin-before: 2em;
          margin-block-start: 2em;
  -webkit-margin-after: 2em;
          margin-block-end: 2em;
  width: 100%;
  height: 2px;
  background-image: radial-gradient(circle, var(--color-medium-gray) 1px, transparent 1px);
  background-size: 4px 2px;
  background-repeat: repeat-x;
  border: none;
}
@media screen and (min-width: 810px ) {
  .u-editor-styles-wrapper .hr-dotted {
    -webkit-margin-before: 3em;
            margin-block-start: 3em;
    -webkit-margin-after: 3em;
            margin-block-end: 3em;
  }
}
.u-editor-styles-wrapper .hr-line {
  -webkit-margin-before: 2em;
          margin-block-start: 2em;
  -webkit-margin-after: 2em;
          margin-block-end: 2em;
  width: 100%;
  height: 1px;
  background-color: var(--color-medium-gray);
  border: none;
}
@media screen and (min-width: 810px ) {
  .u-editor-styles-wrapper .hr-line {
    -webkit-margin-before: 3em;
            margin-block-start: 3em;
    -webkit-margin-after: 3em;
            margin-block-end: 3em;
  }
}

.u-use-layout-space > *:first-child {
  -webkit-margin-before: 0;
          margin-block-start: 0;
}
.u-use-layout-space > * {
  -webkit-margin-before: 1.5em;
          margin-block-start: 1.5em;
}
.u-use-layout-space *[class*=c-heading--] {
  -webkit-margin-before: 2em;
          margin-block-start: 2em;
}/*# sourceMappingURL=style.css.map */