/**handles:style**/
@charset "UTF-8";
/*
Theme Name: S_RYOKKA_THEME
Theme URI: https://s-ryokka.jp
Description: 堺市都市緑化センター公式サイト.
Author: ECCOM Creation Co.,Ltd.
Author URI: 
Version: 1.0.4
.
. 堺市都市緑化センター公式サイト
.
*/
/* 変数
------------------------------------*/
:root {
  --color-pink: #CD5394;
  --color-green: #8EC43E;
  --color-green-rgb: 142,196,62;
  --color-yellow: #EFBE00;
  --color-gray1: #F4F4F4;
  --color-gray2: #E3E3E3;
  --color-text: #3B3B3B;
  --color-link: #20ACE0;
  --contents-width: 1160px;
}

/* 外部CSS
------------------------------------*/
/*!
 * ress.css • v2.0.4
 * MIT License
 * github.com/filipelinhares/ress
 */
/* # =================================================================
   # Global selectors
   # ================================================================= */
html {
  box-sizing: border-box;
  -webkit-text-size-adjust: 100%; /* Prevent adjustments of font size after orientation changes in iOS */
  word-break: normal;
  -moz-tab-size: 4;
  -o-tab-size: 4;
     tab-size: 4;
}

*,
::before,
::after {
  background-repeat: no-repeat; /* Set `background-repeat: no-repeat` to all elements and pseudo elements */
  box-sizing: inherit;
}

::before,
::after {
  text-decoration: inherit; /* Inherit text-decoration and vertical align to ::before and ::after pseudo elements */
  vertical-align: inherit;
}

* {
  padding: 0; /* Reset `padding` and `margin` of all elements */
  margin: 0;
}

/* # =================================================================
   # General elements
   # ================================================================= */
hr {
  overflow: visible; /* Show the overflow in Edge and IE */
  height: 0; /* Add the correct box sizing in Firefox */
}

details,
main {
  display: block; /* Render the `main` element consistently in IE. */
}

summary {
  display: list-item; /* Add the correct display in all browsers */
}

small {
  font-size: 80%; /* Set font-size to 80% in `small` elements */
}

[hidden] {
  display: none; /* Add the correct display in IE */
}

abbr[title] {
  border-bottom: none; /* Remove the bottom border in Chrome 57 */
  /* Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari */
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

a {
  background-color: transparent; /* Remove the gray background on active links in IE 10 */
}

a:active,
a:hover {
  outline-width: 0; /* Remove the outline when hovering in all browsers */
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace; /* Specify the font family of code elements */
}

pre {
  font-size: 1em; /* Correct the odd `em` font sizing in all browsers */
}

b,
strong {
  font-weight: bolder; /* Add the correct font weight in Chrome, Edge, and Safari */
}

/* https://gist.github.com/unruthless/413930 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* # =================================================================
   # Forms
   # ================================================================= */
input {
  border-radius: 0;
}

/* Replace pointer cursor in disabled elements */
[disabled] {
  cursor: default;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto; /* Correct the cursor style of increment and decrement buttons in Chrome */
}

[type=search] {
  -webkit-appearance: textfield; /* Correct the odd appearance in Chrome and Safari */
  outline-offset: -2px; /* Correct the outline style in Safari */
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none; /* Remove the inner padding in Chrome and Safari on macOS */
}

textarea {
  overflow: auto; /* Internet Explorer 11+ */
  resize: vertical; /* Specify textarea resizability */
}

button,
input,
optgroup,
select,
textarea {
  font: inherit; /* Specify font inheritance of form elements */
}

optgroup {
  font-weight: bold; /* Restore the font weight unset by the previous rule */
}

button {
  overflow: visible; /* Address `overflow` set to `hidden` in IE 8/9/10/11 */
}

button,
select {
  text-transform: none; /* Firefox 40+, Internet Explorer 11- */
}

/* Apply cursor pointer to button elements */
button,
[type=button],
[type=reset],
[type=submit],
[role=button] {
  cursor: pointer;
  color: inherit;
}

/* Remove inner padding and border in Firefox 4+ */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/* Replace focus style removed in the border reset above */
button:-moz-focusring,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  outline: 1px dotted ButtonText;
}

button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button; /* Correct the inability to style clickable types in iOS */
}

/* Remove the default button styling in all browsers */
button,
input,
select,
textarea {
  background-color: transparent;
  border-style: none;
}

/* Style select like a standard input */
select {
  -moz-appearance: none; /* Firefox 36+ */
  -webkit-appearance: none; /* Chrome 41+ */
}

select::-ms-expand {
  display: none; /* Internet Explorer 11+ */
}

select::-ms-value {
  color: currentColor; /* Internet Explorer 11+ */
}

legend {
  border: 0; /* Correct `color` not being inherited in IE 8/9/10/11 */
  color: inherit; /* Correct the color inheritance from `fieldset` elements in IE */
  display: table; /* Correct the text wrapping in Edge and IE */
  max-width: 100%; /* Correct the text wrapping in Edge and IE */
  white-space: normal; /* Correct the text wrapping in Edge and IE */
  max-width: 100%; /* Correct the text wrapping in Edge 18- and IE */
}

::-webkit-file-upload-button {
  /* Correct the inability to style clickable types in iOS and Safari */
  -webkit-appearance: button;
  color: inherit;
  font: inherit; /* Change font properties to `inherit` in Chrome and Safari */
}

/* # =================================================================
   # Specify media element style
   # ================================================================= */
img {
  border-style: none; /* Remove border when inside `a` element in IE 8/9/10 */
}

/* Add the correct vertical alignment in Chrome, Firefox, and Opera */
progress {
  vertical-align: baseline;
}

svg:not([fill]) {
  fill: currentColor;
}

/* # =================================================================
   # Accessibility
   # ================================================================= */
/* Hide content from screens but not screenreaders */
@media screen {
  [hidden~=screen] {
    display: inherit;
  }
  [hidden~=screen]:not(:active):not(:focus):not(:target) {
    position: absolute !important;
    clip: rect(0 0 0 0) !important;
  }
}
/* Specify the progress cursor of updating elements */
[aria-busy=true] {
  cursor: progress;
}

/* Specify the pointer cursor of trigger elements */
[aria-controls] {
  cursor: pointer;
}

/* Specify the unstyled cursor of disabled, not-editable, or otherwise inoperable elements */
[aria-disabled] {
  cursor: default;
}

/* 共通パーツ
------------------------------------*/
html {
  height: 100%;
  width: 100%;
}

/* safari css hack */
@media screen and (-webkit-min-device-pixel-ratio: 0) and (max-width: 1px) {
  html {
    overflow-x: auto;
    overflow-y: hidden;
  }
}
body {
  background: #FAFAFA;
  color: var(--color-text);
  font-family: "M PLUS 1p", sans-serif;
  font-feature-settings: “palt” 1;
  -webkit-font-smoothing: antialiased;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  height: 100%;
  letter-spacing: 0.06em;
  line-height: 1.7142857143;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  overflow-wrap: break-word;
  padding: 0;
  position: relative;
  width: 100%;
}
@media screen and (min-width: 1px) and (max-width: 980px) {
  body {
    min-width: 320px;
    overflow-x: hidden;
  }
}
body.is-fixed {
  overflow-y: hidden;
}

img {
  border: 0;
  height: auto;
  max-width: 100%;
}

p {
  margin: 0;
  padding: 0;
}

input {
  border-radius: 0;
}

ul, ol {
  margin: 0;
  padding: 0 0 0 1.3em;
}

a {
  color: inherit;
  text-decoration: none;
}
a[target=_blank]:not([class])::after {
  background: url("https://s-ryokka.jp/wp/wp-content/themes/s-ryokka_11/images/icon-target-blank.svg") no-repeat center center/contain;
  content: "";
  display: inline-block;
  height: 11px;
  margin: 0 0 0 6px;
  width: 11px;
}

button,
input[type=submit],
a {
  transition: opacity 0.2s ease, transform 0.2s ease, color 0.2s ease;
}

/* iOSでのデフォルトスタイルをリセット */
input[type=submit],
button,
input[type=button] {
  border-radius: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  box-sizing: border-box;
}
input[type=submit]::-webkit-search-decoration,
button::-webkit-search-decoration,
input[type=button]::-webkit-search-decoration {
  display: none;
}
input[type=submit]:focus,
button:focus,
input[type=button]:focus {
  outline-offset: -2px;
}

summary::-webkit-details-marker {
  display: none;
}

.c-preload * {
  transition: none !important;
}

.c-header .c-header__inner {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  max-width: 86.5vw;
  padding: 40px 0 0;
  position: relative;
}
@media screen and (min-width: 1px) and (max-width: 980px) {
  .c-header .c-header__inner {
    padding: 30px 0 0;
  }
}
.c-header .c-header__inner .c-header__logo {
  margin: 0 30px 0 0;
  width: 217px;
}
@media screen and (max-width: 365px) {
  .c-header .c-header__inner .c-header__logo {
    width: 197px;
  }
}
.c-header .c-header__inner .c-header__logo a {
  display: block;
  line-height: 0;
  width: 100%;
}
.c-header .c-header__inner .c-header__logo a img {
  width: 100%;
}
.c-header .c-header__inner .c-header__nav {
  width: calc(100% - 247px);
}
@media screen and (min-width: 1px) and (max-width: 980px) {
  .c-header .c-header__inner .c-header__nav {
    display: none;
  }
}
.c-header .c-header__inner .c-header__nav .c-header__nav-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  list-style: none;
  padding: 0;
}
.c-header .c-header__inner .c-header__nav .c-header__nav-list li {
  margin: 0 min(1.3571428571vw, 19px);
}
.c-header .c-header__inner .c-header__nav .c-header__nav-list li a {
  display: inline-block;
  font-weight: 700;
  line-height: 1.4285714286;
  padding: 10px min(0.7142857143vw, 10px);
}
.c-header .c-header__inner .c-header__nav .c-header__nav-list li a:hover {
  opacity: 0.5;
}
.c-header .c-header__inner .c-header__nav .c-header__nav-list li a[href="#"] {
  opacity: 0.2;
  pointer-events: none;
}
.c-header .c-header__hamburger {
  cursor: pointer;
  display: block;
  height: 53px;
  position: fixed;
  right: 12px;
  top: 48px;
  width: 47px;
  z-index: 500;
}
.c-header .c-header__hamburger::after {
  color: #fff;
  content: "MENU";
  display: inline-block;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 2.4;
  position: absolute;
  bottom: 5px;
  left: 50%;
  text-align: center;
  transform: translate3d(-50%, 0, 0);
}
.c-header .c-header__hamburger:hover .c-header__hamburger-bg {
  opacity: 0.61;
  transform: rotate(-5deg);
}
.c-header .c-header__hamburger:hover .c-header__hamburger-bg path {
  fill: #B1E268;
}
.c-header .c-header__hamburger.is-active::after {
  content: "CLOSE";
}
.c-header .c-header__hamburger.is-active span:nth-child(2) {
  transform: rotate(-45deg) translate3d(calc(-50% - 2px), -2px, 0);
}
.c-header .c-header__hamburger.is-active span:nth-child(3) {
  display: none;
}
.c-header .c-header__hamburger.is-active span:nth-child(4) {
  transform: rotate(45deg) translate3d(calc(-50% - 1px), 3px, 0);
}
.c-header .c-header__hamburger.is-hide {
  z-index: 1;
}
.c-header .c-header__hamburger .c-header__hamburger-bg {
  height: 90px;
  opacity: 1;
  pointer-events: none;
  position: absolute;
  left: -31px;
  top: -18px;
  transform: rotate(0);
  transition: opacity 0.3s ease, transform 0.3s ease;
  width: 107px;
}
.c-header .c-header__hamburger .c-header__hamburger-bg path {
  transition: fill 0.3s ease;
}
.c-header .c-header__hamburger span {
  background: #fff;
  display: block;
  height: 3px;
  position: absolute;
  left: 50%;
  transform: translate3d(-50%, 0, 0);
  transform-origin: center center;
  transition: transform 0.3s ease;
  width: 22px;
}
.c-header .c-header__hamburger span:nth-child(2) {
  top: 10px;
}
.c-header .c-header__hamburger span:nth-child(3) {
  top: 17px;
}
.c-header .c-header__hamburger span:nth-child(4) {
  top: 24px;
}
.c-header .c-header__contact {
  display: block;
  height: 42px;
  position: fixed;
  right: 11px;
  top: 117px;
  width: 48px;
  z-index: 500;
}
.c-header .c-header__contact:hover .c-header__contact-bg {
  transform: rotate(-5deg);
}
.c-header .c-header__contact:hover .c-header__contact-bg path {
  fill: #80B433;
}
.c-header .c-header__contact.is-hide {
  z-index: 1;
}
.c-header .c-header__contact .c-header__contact-bg {
  height: 137px;
  opacity: 1;
  pointer-events: none;
  position: absolute;
  left: -31px;
  top: -48px;
  transform: rotate(0);
  transition: opacity 0.3s ease, transform 0.3s ease;
  width: 131px;
}
.c-header .c-header__contact .c-header__contact-bg path {
  transition: fill 0.3s ease;
}
.c-header .c-header__contact img {
  position: absolute;
  left: 50%;
  top: 5px;
  transform: translate3d(-50%, 0, 0);
}
.c-header .c-header__contact span {
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 2.4;
  position: absolute;
  bottom: -4px;
  left: 0;
}
.c-header .c-header__sns {
  position: fixed;
  right: 10px;
  top: 195px;
  width: 72px;
  z-index: 500;
}
@media screen and (max-width: 650px) {
  .c-header .c-header__sns {
    top: 185px;
    width: 64px;
  }
}
.c-header .c-header__sns a {
  display: block;
  transition: opacity 0.3s ease;
  width: 100%;
}
.c-header .c-header__sns a:hover {
  opacity: 0.7;
}

.c-footer {
  padding: 7.8571428571vw 0 0;
  position: relative;
}
@media screen and (min-width: 1px) and (max-width: 980px) {
  .c-footer {
    padding: 7.7333333333vw 0 0;
  }
}
.c-footer::before {
  background: url("https://s-ryokka.jp/wp/wp-content/themes/s-ryokka_11/images/bg-popian-top-gray@2x.png") no-repeat center center/cover;
  content: "";
  display: block;
  height: 7.8571428571vw;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}
.c-footer.is-photo {
  margin: 18.5714285714vw 0 0;
}
@media screen and (max-width: 650px) {
  .c-footer.is-photo {
    margin: 39.7333333333vw 0 0;
  }
}
.c-footer.is-no-top {
  padding-top: 0;
}
.c-footer.is-no-top::before {
  display: none;
}
.c-footer .c-footer__photo {
  display: block;
  -webkit-mask: url("https://s-ryokka.jp/wp/wp-content/themes/s-ryokka_11/images/mask-popian.svg") no-repeat center center/cover;
          mask: url("https://s-ryokka.jp/wp/wp-content/themes/s-ryokka_11/images/mask-popian.svg") no-repeat center center/cover;
  height: 33.7857142857vw;
  line-height: 0;
  margin: 0 calc(50% - 50vw);
  position: absolute;
  left: 0;
  top: -18.5714285714vw;
  width: 100vw;
  z-index: -1;
}
@media screen and (max-width: 650px) {
  .c-footer .c-footer__photo {
    height: 80vw;
    -webkit-mask-image: url("https://s-ryokka.jp/wp/wp-content/themes/s-ryokka_11/images/mask-popian-sp.svg");
            mask-image: url("https://s-ryokka.jp/wp/wp-content/themes/s-ryokka_11/images/mask-popian-sp.svg");
    top: -39.7333333333vw;
  }
}
.c-footer .c-footer__photo img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.c-footer .c-footer__inner {
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  padding: 0 30px 25px;
  position: relative;
  max-width: 89.2857142857vw;
  width: 100%;
}
@media screen and (min-width: 1px) and (max-width: 980px) {
  .c-footer .c-footer__inner {
    flex-direction: column;
    justify-content: flex-start;
    max-width: none;
    padding: 70px 30px 30px;
  }
}
.c-footer .c-footer__inner::before {
  background: var(--color-gray1);
  content: "";
  display: block;
  height: 100%;
  margin: 0 calc(50% - 50vw);
  position: absolute;
  left: 0;
  top: 0;
  width: 100vw;
  z-index: -1;
}
.c-footer .c-footer__inner .c-footer__left {
  margin: 10px 30px 0 0;
}
@media screen and (min-width: 1px) and (max-width: 980px) {
  .c-footer .c-footer__inner .c-footer__left {
    display: contents;
  }
}
.c-footer .c-footer__inner .c-footer__right {
  max-width: 808px;
}
@media screen and (min-width: 1px) and (max-width: 980px) {
  .c-footer .c-footer__inner .c-footer__right {
    display: contents;
  }
}
.c-footer .c-footer__inner .c-footer__logo {
  display: block;
  line-height: 0;
  width: 280px;
}
@media screen and (min-width: 1px) and (max-width: 980px) {
  .c-footer .c-footer__inner .c-footer__logo {
    margin: 0 auto;
  }
}
.c-footer .c-footer__inner .c-footer__logo img {
  width: 100%;
}
.c-footer .c-footer__inner .c-footer__company {
  margin: 40px 0 0;
}
@media screen and (min-width: 1px) and (max-width: 980px) {
  .c-footer .c-footer__inner .c-footer__company {
    text-align: center;
  }
}
.c-footer .c-footer__inner .c-footer__company .c-footer__company-address {
  font-size: 16px;
  line-height: 1.5;
  margin: 0 0 18px;
  white-space: nowrap;
}
@media screen and (min-width: 1px) and (max-width: 980px) {
  .c-footer .c-footer__inner .c-footer__company .c-footer__company-address {
    font-size: 14px;
    line-height: 1.5714285714;
    margin: 0 0 10px;
  }
}
@media screen and (max-width: 365px) {
  .c-footer .c-footer__inner .c-footer__company .c-footer__company-address {
    font-size: 13px;
  }
}
.c-footer .c-footer__inner .c-footer__company .c-footer__company-tel {
  font-size: 22px;
  font-weight: 700;
  line-height: 1.0909090909;
  margin: 11px 0 0;
}
.c-footer .c-footer__inner .c-footer__company .c-footer__company-administer {
  font-size: 14px;
  margin: 30px 0 0;
}
@media screen and (min-width: 1px) and (max-width: 980px) {
  .c-footer .c-footer__inner .c-footer__company .c-footer__company-administer {
    margin: 12px 0 0;
  }
}
@media screen and (max-width: 365px) {
  .c-footer .c-footer__inner .c-footer__company .c-footer__company-administer {
    font-size: 13px;
  }
}
.c-footer .c-footer__inner .c-footer__menu {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  list-style: none;
  margin: 0 -11px;
  padding: 0;
  width: calc(100% + 22px);
}
@media screen and (min-width: 1px) and (max-width: 980px) {
  .c-footer .c-footer__inner .c-footer__menu {
    margin: 26px auto 0;
    max-width: 314px;
    width: 100%;
  }
}
.c-footer .c-footer__inner .c-footer__menu li {
  margin: 0 10px 8px;
}
@media screen and (min-width: 1px) and (max-width: 980px) {
  .c-footer .c-footer__inner .c-footer__menu li {
    margin: 0 0 20px;
    width: 50%;
  }
}
.c-footer .c-footer__inner .c-footer__menu li a {
  display: inline-block;
  font-weight: 700;
  line-height: 1.4285714286;
  padding: 10px;
}
@media screen and (min-width: 1px) and (max-width: 980px) {
  .c-footer .c-footer__inner .c-footer__menu li a {
    align-items: center;
    display: flex;
    font-size: 16px;
    height: 100%;
    justify-content: center;
    line-height: 1.4375;
    min-height: 45px;
    text-align: center;
  }
}
.c-footer .c-footer__inner .c-footer__menu li a:hover {
  opacity: 0.5;
}
.c-footer .c-footer__inner .c-footer__menu li a[href="#"] {
  opacity: 0.2;
  pointer-events: none;
}
.c-footer .c-footer__inner .c-footer__sub {
  display: flex;
  justify-content: flex-end;
  margin: 84px 0 0;
}
@media screen and (min-width: 1px) and (max-width: 980px) {
  .c-footer .c-footer__inner .c-footer__sub {
    align-items: center;
    flex-direction: column;
    justify-content: flex-start;
    margin: 42px 0 0;
  }
}
.c-footer .c-footer__inner .c-footer__sns {
  display: flex;
  list-style: none;
  line-height: 0;
  margin: 14px min(3.5714285714vw, 50px) 0 0;
  padding: 0;
}
@media screen and (min-width: 1px) and (max-width: 980px) {
  .c-footer .c-footer__inner .c-footer__sns {
    margin: 14px 0 0;
  }
}
.c-footer .c-footer__inner .c-footer__sns li {
  margin: 0 min(0.7142857143vw, 10px);
}
@media screen and (min-width: 1px) and (max-width: 980px) {
  .c-footer .c-footer__inner .c-footer__sns li {
    margin: 0 10px;
  }
}
.c-footer .c-footer__inner .c-footer__sns li a {
  display: block;
}
.c-footer .c-footer__inner .c-footer__buttons {
  align-items: flex-end;
  display: flex;
  flex-direction: column;
  max-width: 279px;
  width: 100%;
}
@media screen and (min-width: 1px) and (max-width: 980px) {
  .c-footer .c-footer__inner .c-footer__buttons {
    align-items: center;
    margin: 40px 0 0;
  }
}
.c-footer .c-footer__inner .c-footer__buttons .c-footer__buttons-link {
  display: inline-block;
  font-weight: 700;
  line-height: 1.4285714286;
  margin: 20px 0 0;
  padding: 10px;
}
@media screen and (min-width: 1px) and (max-width: 980px) {
  .c-footer .c-footer__inner .c-footer__buttons .c-footer__buttons-link {
    margin: 16px 0 0;
  }
}
.c-footer .c-footer__inner .c-footer__links {
  border-top: solid 1px #707070;
  display: flex;
  margin: 36px 0 0;
}
@media screen and (min-width: 1px) and (max-width: 980px) {
  .c-footer .c-footer__inner .c-footer__links {
    flex-direction: column;
    margin: 48px 0 0;
  }
}
.c-footer .c-footer__inner .c-footer__links .c-footer__links-title {
  color: #747272;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.5;
  margin: 0 30px 0 0;
  padding: 6px 0 0;
}
@media screen and (min-width: 1px) and (max-width: 980px) {
  .c-footer .c-footer__inner .c-footer__links .c-footer__links-title {
    margin: 0;
    padding: 10px 0 0;
  }
}
.c-footer .c-footer__inner .c-footer__links .c-footer__links-list {
  display: flex;
  list-style: none;
  padding: 0;
}
@media screen and (min-width: 1px) and (max-width: 980px) {
  .c-footer .c-footer__inner .c-footer__links .c-footer__links-list {
    margin: 0 -10px;
  }
}
.c-footer .c-footer__inner .c-footer__links .c-footer__links-list li {
  margin: 0 15px;
}
@media screen and (min-width: 1px) and (max-width: 980px) {
  .c-footer .c-footer__inner .c-footer__links .c-footer__links-list li {
    margin: 0;
  }
}
.c-footer .c-footer__inner .c-footer__links .c-footer__links-list li a {
  color: #747272;
  display: inline-block;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.5;
  padding: 6px;
  text-decoration: underline;
}
.c-footer .c-footer__inner .c-footer__links .c-footer__links-list li a:hover {
  text-decoration: none;
}
.c-footer .c-footer__inner .c-footer__copyright {
  margin: 20px 0 0;
  text-align: right;
}
@media screen and (min-width: 1px) and (max-width: 980px) {
  .c-footer .c-footer__inner .c-footer__copyright {
    margin: 34px 0 0;
    text-align: center;
  }
}

.c-drawer {
  height: 100vh;
  max-height: 100%;
  opacity: 0;
  overflow: hidden;
  overflow-y: scroll;
  pointer-events: none;
  position: fixed;
  right: 0;
  top: 0;
  transform: translate3d(50%, 0, 0);
  transition: opacity 0.3s ease, transform 0.3s ease;
  width: 100%;
  z-index: 400;
}
@media screen and (max-width: 650px) {
  .c-drawer {
    transform: translate3d(0, 0, 0);
  }
}
.c-drawer.is-active {
  opacity: 1;
  pointer-events: auto;
  transform: translate3d(0, 0, 0);
}
@media screen and (max-width: 650px) {
  .c-drawer.is-active .c-sp-menu__bg {
    opacity: 0.2;
  }
}

.c-sp-menu__bg {
  background: #000;
  height: 1048px;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  transition: opacity 0.3s ease;
  width: 100%;
  z-index: -2;
}

.c-sp-menu__inner {
  border-radius: 50%;
  margin: 0 0 0 auto;
  max-width: 626px;
  position: relative;
  padding: 104px 40px 59px 70px;
}
@media screen and (max-width: 650px) {
  .c-sp-menu__inner {
    padding: 245px 0 59px;
  }
}
.c-sp-menu__inner::before {
  background: #fff;
  border-radius: 50%;
  box-shadow: -5px -5px 35px rgba(0, 0, 0, 0.04);
  content: "";
  display: block;
  height: 1102px;
  position: absolute;
  right: -456px;
  top: -54px;
  width: 1102px;
  z-index: -1;
}
@media screen and (max-width: 650px) {
  .c-sp-menu__inner::before {
    left: -124px;
  }
}

.c-sp-menu__logo {
  margin: 0 auto;
  padding: 0 0 107px;
  width: 197px;
}
@media screen and (max-width: 650px) {
  .c-sp-menu__logo {
    display: none;
  }
}
.c-sp-menu__logo img {
  width: 100%;
}

.c-sp-menu__menu {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  list-style: none;
  padding: 0;
}
@media screen and (max-width: 650px) {
  .c-sp-menu__menu {
    max-width: 497px;
    padding: 0 20px 0 0;
  }
}
.c-sp-menu__menu li {
  margin: 0 0 28px;
}
.c-sp-menu__menu li.is-dummy {
  margin: 0;
  width: 172px;
}
@media screen and (max-width: 365px) {
  .c-sp-menu__menu li.is-dummy {
    width: 142px;
  }
}
.c-sp-menu__menu li a {
  display: block;
  font-weight: 700;
  line-height: 1.4285714286;
  min-width: 172px;
  padding: 10px;
  text-align: center;
}
@media screen and (max-width: 365px) {
  .c-sp-menu__menu li a {
    min-width: 142px;
    padding: 10px 0;
  }
}
.c-sp-menu__menu li a:hover {
  opacity: 0.5;
}
.c-sp-menu__menu li a[href="#"] {
  opacity: 0.2;
  pointer-events: none;
}

.c-sp-menu__sns {
  display: flex;
  justify-content: center;
  list-style: none;
  margin: 35px 0 0;
  padding: 0;
}
.c-sp-menu__sns li {
  margin: 0 5px;
}
.c-sp-menu__sns li a {
  display: block;
  line-height: 0;
}
.c-sp-menu__sns li a:hover {
  opacity: 0.5;
}

.c-sp-menu__deco {
  cursor: pointer;
  position: absolute;
  bottom: 33px;
  right: 40px;
  transition: opacity 0.5s ease;
}
@media screen and (max-width: 650px) {
  .c-sp-menu__deco {
    bottom: 21px;
    right: 21px;
  }
}
.c-sp-menu__deco:hover {
  animation: beat 3s ease infinite;
}
.c-sp-menu__deco.is-hide {
  opacity: 0;
  pointer-events: none;
}
@keyframes beat {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(0.85);
  }
  100% {
    transform: scale(1);
  }
}

.c-sp-menu__deco2 {
  animation: swing 3s ease-out infinite;
  cursor: pointer;
  position: absolute;
  bottom: 33px;
  right: 40px;
  transition: opacity 0.5s ease;
}
@media screen and (max-width: 650px) {
  .c-sp-menu__deco2 {
    bottom: 21px;
    right: 21px;
  }
}
.c-sp-menu__deco2.is-hide {
  animation: none;
  opacity: 0;
  pointer-events: none;
}
@keyframes swing {
  0% {
    transform: rotate(0deg);
  }
  30% {
    transform: rotate(15deg);
  }
  60% {
    transform: rotate(15deg);
  }
  100% {
    transform: rotate(0deg);
  }
}

.c-sp-menu__deco3 {
  animation: rolling 3s ease;
  cursor: pointer;
  position: absolute;
  bottom: 33px;
  right: 40px;
  transform: scale(1);
}
@media screen and (max-width: 650px) {
  .c-sp-menu__deco3 {
    bottom: 21px;
    right: 21px;
  }
}
.c-sp-menu__deco3.is-hide {
  animation: none;
  opacity: 0;
  pointer-events: none;
  transform: scale(0.4);
  transition: opacity 0.5s ease, transform 0.5s ease;
}
@keyframes rolling {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.c-sp-menu__popian {
  opacity: 0;
  pointer-events: none;
  position: absolute;
  bottom: 20px;
  right: 20px;
  transform: scale(0.3);
  transform-origin: right bottom;
  transition: opacity 0.3s ease, transform 0.3s ease;
}
.c-sp-menu__popian.is-animated {
  opacity: 1;
  transform: scale(1);
}
.c-sp-menu__popian.is-animated i {
  opacity: 0;
}
.c-sp-menu__popian.is-animated i:nth-of-type(1) {
  transform: translate3d(-150px, -150px, 0);
}
.c-sp-menu__popian.is-animated i:nth-of-type(2) {
  transform: translate3d(-150px, -50px, 0);
}
.c-sp-menu__popian.is-animated i:nth-of-type(3) {
  transform: translate3d(-30px, -120px, 0);
}
.c-sp-menu__popian.is-animated i:nth-of-type(4) {
  transform: translate3d(-60px, -150px, 0);
}
.c-sp-menu__popian.is-animated i:nth-of-type(5) {
  transform: translate3d(-90px, -30px, 0);
}
.c-sp-menu__popian.is-animated i:nth-of-type(6) {
  transform: translate3d(-80px, -120px, 0);
}
.c-sp-menu__popian.is-animated i:nth-of-type(7) {
  transform: translate3d(-110px, -110px, 0);
}
.c-sp-menu__popian.is-animated i:nth-of-type(8) {
  transform: translate3d(-130px, -60px, 0);
}
.c-sp-menu__popian.is-animated i:nth-of-type(9) {
  transform: translate3d(-70px, -70px, 0);
}
.c-sp-menu__popian i {
  animation: vanished 5s ease forwards;
  background-color: var(--color-yellow, #EFBE00);
  border-radius: 50%;
  display: block;
  position: absolute;
  right: 40px;
  bottom: 40px;
  transform: translate3d(0, 0, 0);
  transition: opacity 1.2s ease, transform 0.6s ease;
}
.c-sp-menu__popian i:nth-of-type(1) {
  height: 5px;
  width: 5px;
}
.c-sp-menu__popian i:nth-of-type(2) {
  height: 9px;
  width: 9px;
}
.c-sp-menu__popian i:nth-of-type(3) {
  height: 3px;
  width: 3px;
}
.c-sp-menu__popian i:nth-of-type(4) {
  height: 13px;
  width: 13px;
}
.c-sp-menu__popian i:nth-of-type(5) {
  height: 5px;
  width: 5px;
}
.c-sp-menu__popian i:nth-of-type(6) {
  height: 3px;
  width: 3px;
}
.c-sp-menu__popian i:nth-of-type(7) {
  height: 9px;
  width: 9px;
}
.c-sp-menu__popian i:nth-of-type(8) {
  height: 5px;
  width: 5px;
}
.c-sp-menu__popian i:nth-of-type(9) {
  height: 21px;
  width: 21px;
}

.c-headline__main {
  font-size: 28px;
  font-weight: 500;
  letter-spacing: 0.08em;
  line-height: 1.3571428571;
  padding: 73px 0 0;
  position: relative;
  text-align: center;
}
@media screen and (max-width: 650px) {
  .c-headline__main {
    font-size: 27px;
    line-height: 1.3703703704;
  }
}
.c-headline__main::before {
  background: url("https://s-ryokka.jp/wp/wp-content/themes/s-ryokka_11/images/icon-leaf.svg") no-repeat center center/contain;
  content: "";
  display: block;
  height: 60px;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate3d(-50%, 0, 0);
  width: 62px;
}
.c-headline__main.is-leaf::before {
  background-image: url("https://s-ryokka.jp/wp/wp-content/themes/s-ryokka_11/images/icon-leaf.svg");
}
.c-headline__main.is-seed::before {
  background-image: url("https://s-ryokka.jp/wp/wp-content/themes/s-ryokka_11/images/icon-seed.svg");
}
.c-headline__main.is-flower::before {
  background-image: url("https://s-ryokka.jp/wp/wp-content/themes/s-ryokka_11/images/icon-flower.svg");
}
.c-headline__main span {
  font-size: 20px;
  line-height: 1.9;
}
@media screen and (max-width: 650px) {
  .c-headline__main span {
    font-size: 18px;
    line-height: 2.0555555556;
  }
}

.c-headline__small {
  font-size: 28px;
  font-weight: 500;
  letter-spacing: 0.08em;
  line-height: 1.3571428571;
  padding: 49px 0 0;
  position: relative;
  text-align: center;
}
@media screen and (max-width: 650px) {
  .c-headline__small {
    font-size: 24px;
    line-height: 1.4166666667;
  }
}
.c-headline__small::before {
  background: url("https://s-ryokka.jp/wp/wp-content/themes/s-ryokka_11/images/icon-leaves.svg") no-repeat center center/contain;
  content: "";
  display: block;
  height: 34px;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate3d(-50%, 0, 0);
  width: 102px;
}
.c-headline__small.is-leaf::before {
  background-image: url("https://s-ryokka.jp/wp/wp-content/themes/s-ryokka_11/images/icon-leaves.svg");
}
.c-headline__small.is-seed::before {
  background-image: url("https://s-ryokka.jp/wp/wp-content/themes/s-ryokka_11/images/icon-seeds.svg");
}
.c-headline__small.is-flower::before {
  background-image: url("https://s-ryokka.jp/wp/wp-content/themes/s-ryokka_11/images/icon-flowers.svg");
}

.c-wrap {
  margin: 0;
  overflow: hidden;
  position: relative;
  width: 100vw;
}

.c-contents {
  margin: 0 auto;
  max-width: var(--contents-width);
  padding: 0 30px;
  position: relative;
}
.c-contents.is-no-padding {
  padding: 0;
}

.c-kv {
  display: block;
  -webkit-mask: url("https://s-ryokka.jp/wp/wp-content/themes/s-ryokka_11/images/mask-popian.svg") no-repeat center center/cover;
          mask: url("https://s-ryokka.jp/wp/wp-content/themes/s-ryokka_11/images/mask-popian.svg") no-repeat center center/cover;
  height: 33.7857142857vw;
  line-height: 0;
  margin: 0 calc(50% - 50vw);
  width: 100vw;
}
.c-kv img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}

.c-text__summary {
  letter-spacing: 0;
  line-height: 1.5714285714;
  margin: 0 auto;
  max-width: 723px;
}
@media screen and (max-width: 650px) {
  .c-text__summary {
    font-size: 16px;
  }
}

.c-breadcrumb {
  display: flex;
  justify-content: flex-end;
  list-style: none;
  margin: 0 0 0 auto;
  max-width: 520px;
  padding: 0;
  width: 100%;
}
@media screen and (min-width: 1px) and (max-width: 980px) {
  .c-breadcrumb {
    flex-wrap: wrap;
    justify-content: flex-end;
    margin: 0 0 0 auto;
    max-width: 250px;
  }
}
.c-breadcrumb li {
  align-items: center;
  display: flex;
  max-width: 100%;
}
.c-breadcrumb li::after {
  content: "/";
  margin: 0 0 0 10px;
}
.c-breadcrumb li:last-child::after {
  display: none;
}
.c-breadcrumb li a,
.c-breadcrumb li span {
  letter-spacing: 0.12em;
  line-height: 1;
  overflow: hidden;
  padding: 10px 0 10px 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media screen and (min-width: 1px) and (max-width: 980px) {
  .c-breadcrumb li a,
  .c-breadcrumb li span {
    font-size: 12px;
    letter-spacing: 0.06em;
    padding: 5px 0 5px 5px;
  }
}
.c-breadcrumb li a:hover {
  opacity: 0.5;
}

.c-block__contact {
  margin: 0 auto;
  max-width: 849px;
}
.c-block__contact .c-block__contact-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
  list-style: none;
  padding: 0;
}
.c-block__contact .c-block__contact-list .c-block__contact-item {
  background: var(--color-gray1);
  border: solid 5px var(--color-green);
  border-radius: 40px;
  padding: 53px 55px 52px;
  width: 410px;
}
@media screen and (max-width: 650px) {
  .c-block__contact .c-block__contact-list .c-block__contact-item {
    border-width: 3px;
    padding: 24px 30px 34px;
  }
}
@media screen and (max-width: 365px) {
  .c-block__contact .c-block__contact-list .c-block__contact-item {
    padding: 24px 20px 34px;
  }
}
.c-block__contact .c-block__contact-list .c-block__contact-item .c-block__contact-title {
  font-size: 28px;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
}
@media screen and (max-width: 650px) {
  .c-block__contact .c-block__contact-list .c-block__contact-item .c-block__contact-title {
    font-size: 18px;
    line-height: 1.5;
  }
}
.c-block__contact .c-block__contact-list .c-block__contact-item .c-block__contact-button {
  margin: 60px auto 0;
  max-width: 279px;
}
@media screen and (max-width: 650px) {
  .c-block__contact .c-block__contact-list .c-block__contact-item .c-block__contact-button {
    margin: 20px auto 0;
    max-width: 218px;
  }
}
.c-block__contact .c-block__contact-list .c-block__contact-item .c-block__contact-tel {
  color: var(--color-green);
  font-size: 26px;
  font-weight: 700;
  line-height: 1.4615384615;
  margin: 9px 0 0;
  text-align: center;
}
@media screen and (max-width: 650px) {
  .c-block__contact .c-block__contact-list .c-block__contact-item .c-block__contact-tel {
    font-size: 19px;
  }
}
.c-block__contact .c-block__contact-list .c-block__contact-item .c-block__contact-body {
  background: #fff;
  border-radius: 20px;
  margin: 9px 0 0;
  padding: 7px 24px 10px;
}
@media screen and (max-width: 650px) {
  .c-block__contact .c-block__contact-list .c-block__contact-item .c-block__contact-body {
    margin: 5px 0 0;
    padding: 15px 20px;
  }
}
.c-block__contact .c-block__contact-list .c-block__contact-item .c-block__contact-body h5 {
  font-size: 12px;
  font-weight: 500;
  line-height: 2;
  padding: 0 5px;
  text-align: center;
  text-decoration: underline;
  text-underline-offset: 5px;
}
.c-block__contact .c-block__contact-list .c-block__contact-item .c-block__contact-body dl {
  display: flex;
  flex-wrap: wrap;
  font-size: 12px;
  justify-content: space-between;
  letter-spacing: 0;
  line-height: 1.5833333333;
  margin: 4px 0 0;
}
@media screen and (max-width: 650px) {
  .c-block__contact .c-block__contact-list .c-block__contact-item .c-block__contact-body dl {
    margin: 5px 0 0;
    line-height: 1.6666666667;
  }
}
@media screen and (max-width: 365px) {
  .c-block__contact .c-block__contact-list .c-block__contact-item .c-block__contact-body dl {
    align-items: center;
    flex-direction: column;
    justify-content: center;
  }
}
.c-block__contact .c-block__contact-list .c-block__contact-item .c-block__contact-body dl dt {
  width: 152px;
}
@media screen and (max-width: 650px) {
  .c-block__contact .c-block__contact-list .c-block__contact-item .c-block__contact-body dl dt {
    width: auto;
  }
}
.c-block__contact .c-block__contact-list .c-block__contact-item .c-block__contact-body dl dd {
  width: 80px;
}
@media screen and (max-width: 650px) {
  .c-block__contact .c-block__contact-list .c-block__contact-item .c-block__contact-body dl dd {
    width: auto;
  }
}

.c-tooltip {
  cursor: pointer;
  display: inline-block;
  height: 20px;
  position: relative;
  width: 20px;
}
.c-tooltip.is-active .c-tooltip__detail {
  opacity: 1;
  pointer-events: auto;
  transform: scale(1);
}
.c-tooltip .c-tooltip__detail {
  background-color: #FFFAE8;
  border: solid 2px #707070;
  border-radius: 10px;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.4285714286;
  opacity: 0;
  padding: 15px 25px 22px;
  pointer-events: none;
  position: absolute;
  top: 42px;
  left: -46px;
  text-align: left;
  transform: scale(0.95) translate3d(-6px, 0, 0);
  transform-origin: center top;
  transition: opacity 0.3s ease, transform 0.3s ease;
  width: 250px;
  z-index: 2;
}
@media screen and (max-width: 650px) {
  .c-tooltip .c-tooltip__detail {
    right: -60px;
    left: auto;
  }
}
.c-tooltip .c-tooltip__detail::before {
  border-top: solid 0 transparent;
  border-right: solid 12px transparent;
  border-bottom: solid 18px #707070;
  border-left: solid 12px transparent;
  content: "";
  display: block;
  height: 0;
  position: absolute;
  left: 42px;
  top: -18px;
  width: 0;
  z-index: -1;
}
@media screen and (max-width: 650px) {
  .c-tooltip .c-tooltip__detail::before {
    right: 56px;
    left: auto;
  }
}
.c-tooltip .c-tooltip__detail::after {
  border-top: solid 0 transparent;
  border-right: solid 12px transparent;
  border-bottom: solid 18px #FFFAE8;
  border-left: solid 12px transparent;
  content: "";
  display: block;
  height: 0;
  position: absolute;
  left: 42px;
  top: -14px;
  width: 0;
  z-index: -1;
}
@media screen and (max-width: 650px) {
  .c-tooltip .c-tooltip__detail::after {
    right: 56px;
    left: auto;
  }
}
.c-tooltip .c-tooltip__detail .c-tooltip__close {
  line-height: 0;
  position: absolute;
  right: 13px;
  bottom: 13px;
}

.c-bg__popian {
  background-color: #F5F5F5;
  box-sizing: border-box;
  margin: 0 calc(50% - 50vw);
  padding: 1px 30px;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 1px) and (max-width: 980px) {
  .c-bg__popian {
    padding: 60px 30px 80px;
  }
}
.c-bg__popian::before {
  aspect-ratio: 70/11;
  background: #fafafa url("https://s-ryokka.jp/wp/wp-content/themes/s-ryokka_11/images/bg-popian-top-gray@2x.png") no-repeat center bottom/contain;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: -1;
}
@media screen and (max-width: 650px) {
  .c-bg__popian::before {
    aspect-ratio: 70/33;
  }
}
.c-bg__popian::after {
  aspect-ratio: 70/9;
  background: #fafafa url("https://s-ryokka.jp/wp/wp-content/themes/s-ryokka_11/images/bg-popian-bottom-gray@2x.png") no-repeat center top/contain;
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: -1;
}
.c-bg__popian.is-no-bottom::after {
  background-color: #f5f5f5;
}
.c-bg__popian.is-on-slider {
  background: transparent;
  margin-top: -400px;
}
@media screen and (min-width: 1px) and (max-width: 980px) {
  .c-bg__popian.is-on-slider {
    margin-top: -280px;
    padding: 0 30px;
  }
}
.c-bg__popian.is-on-slider::before {
  background: transparent url("https://s-ryokka.jp/wp/wp-content/themes/s-ryokka_11/images/bg-popian-top-white@2x.png") no-repeat center bottom/contain;
}
.c-bg__popian.is-on-slider::after {
  background: transparent url("https://s-ryokka.jp/wp/wp-content/themes/s-ryokka_11/images/bg-popian-bottom-white@2x.png") no-repeat center top/contain;
}
@media screen and (max-width: 650px) {
  .c-bg__popian.is-on-slider::after {
    bottom: -12.8vw;
  }
}

.c-pager {
  display: flex;
  justify-content: center;
  list-style: none;
  margin: 0 0 0 auto;
  max-width: var(--contents-width, 1160px);
  text-align: center;
}
.c-pager .page-numbers {
  align-items: center;
  background-color: var(--color-gray2, #E3E3E3);
  border-radius: 50%;
  color: var(--color-text, #3b3b3b);
  display: flex;
  font-size: 16px;
  font-weight: 700;
  height: 38px;
  justify-content: center;
  margin: 0 8px;
  transition: background-color 0.3s ease, opacity 0.3s ease;
  width: 38px;
}
@media screen and (max-width: 650px) {
  .c-pager .page-numbers {
    margin: 0 4px;
  }
}
@media screen and (max-width: 365px) {
  .c-pager .page-numbers {
    font-size: 12px;
    margin: 0 2px;
    height: 32px;
    width: 32px;
  }
}
.c-pager .page-numbers:hover {
  background-color: var(--color-green, #8EC43E);
}
.c-pager .page-numbers.current {
  background-color: var(--color-green, #8EC43E);
}
.c-pager .page-numbers.next, .c-pager .page-numbers.prev {
  background: transparent;
  font-size: 12px;
  margin: 0 32px 0 0;
  width: auto;
}
@media screen and (max-width: 650px) {
  .c-pager .page-numbers.next, .c-pager .page-numbers.prev {
    margin: 0 9px 0 0;
  }
}
.c-pager .page-numbers.next:hover, .c-pager .page-numbers.prev:hover {
  opacity: 0.5;
}
.c-pager .page-numbers.next::before, .c-pager .page-numbers.prev::before {
  border-bottom: solid 1px var(--color-text, #3b3b3b);
  border-left: solid 1px var(--color-text, #3b3b3b);
  content: "";
  display: block;
  height: 9px;
  margin: 0 10px 1px 0;
  transform: rotate(45deg);
  width: 9px;
}
@media screen and (max-width: 650px) {
  .c-pager .page-numbers.next::before, .c-pager .page-numbers.prev::before {
    margin: 0 4px 0 0;
  }
}
.c-pager .page-numbers.next {
  margin: 0 0 0 32px;
}
@media screen and (max-width: 650px) {
  .c-pager .page-numbers.next {
    margin: 0 0 0 9px;
  }
}
.c-pager .page-numbers.next::before {
  margin: 0 0 0 10px;
  order: 2;
  transform: rotate(225deg);
}
@media screen and (max-width: 650px) {
  .c-pager .page-numbers.next::before {
    margin: 0 0 0 4px;
  }
}
.c-pager .page-numbers.dots {
  background: transparent;
  color: var(--color-text, #3b3b3b);
  font-weight: 700;
  width: auto;
}

.c-single-pager {
  align-items: center;
  border-top: solid 2px #3B3B3B;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  max-width: 720px;
  padding: 40px 88px;
}
@media screen and (min-width: 1px) and (max-width: 980px) {
  .c-single-pager {
    padding: 40px 0;
  }
}
@media screen and (max-width: 650px) {
  .c-single-pager {
    padding: 20px 0;
  }
}
.c-single-pager a {
  font-size: 12px;
  font-weight: 700;
}
@media screen and (max-width: 650px) {
  .c-single-pager a {
    font-size: 14px;
  }
}
.c-single-pager a:hover {
  opacity: 0.7;
}
.c-single-pager .c-single-pager__prev,
.c-single-pager .c-single-pager__next {
  align-items: center;
  display: flex;
}
.c-single-pager .c-single-pager__prev::before,
.c-single-pager .c-single-pager__next::before {
  border-bottom: solid 1px var(--color-text, #3B3B3B);
  border-left: solid 1px var(--color-text, #3B3B3B);
  content: "";
  display: block;
  height: 9px;
  margin: 0 10px 0 0;
  transform: rotate(45deg);
  width: 9px;
}
.c-single-pager .c-single-pager__prev.is-disabled,
.c-single-pager .c-single-pager__next.is-disabled {
  opacity: 0;
  pointer-events: none;
}
.c-single-pager .c-single-pager__next::before {
  margin: 0 0 0 10px;
  order: 2;
  transform: rotate(225deg);
}

.c-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  list-style: none;
  padding: 0;
}
.c-tags .c-tags__items {
  background-color: var(--color-text, #3b3b3b);
  box-sizing: border-box;
  color: #fff;
  display: block;
  padding: 1px 8px;
}
@media screen and (max-width: 650px) {
  .c-tags .c-tags__items {
    font-size: 12px;
  }
}

.c-block__facilities-list {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  justify-content: space-between;
  list-style: none;
  padding: 0;
}
@media screen and (max-width: 650px) {
  .c-block__facilities-list {
    flex-direction: column;
    gap: 20px;
  }
}
.c-block__facilities-list .c-block__facilities-items {
  background: #fff;
  border-radius: 20px;
  overflow: hidden;
  width: calc(33.3333333333% - 11px);
}
@media screen and (max-width: 650px) {
  .c-block__facilities-list .c-block__facilities-items {
    width: 100%;
  }
}
.c-block__facilities-list .c-block__facilities-items .c-block__facilities-items-link {
  display: block;
}
.c-block__facilities-list .c-block__facilities-items .c-block__facilities-items-link:hover {
  opacity: 0.5;
}
.c-block__facilities-list .c-block__facilities-items .c-block__facilities-items-link:hover .c-block__facilities-items-headline {
  text-decoration: none;
}
.c-block__facilities-list .c-block__facilities-items .c-block__facilities-items-link .c-block__facilities-items-photo {
  display: block;
  height: 175px;
  line-height: 0;
}
@media screen and (max-width: 650px) {
  .c-block__facilities-list .c-block__facilities-items .c-block__facilities-items-link .c-block__facilities-items-photo {
    height: 45.3333333333vw;
  }
}
.c-block__facilities-list .c-block__facilities-items .c-block__facilities-items-link .c-block__facilities-items-photo img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.c-block__facilities-list .c-block__facilities-items .c-block__facilities-items-link .c-block__facilities-items-headline {
  color: var(--color-green);
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0.02em;
  line-height: 1.2;
  padding: 25px 36px 28px;
  text-decoration: underline;
}
@media screen and (max-width: 650px) {
  .c-block__facilities-list .c-block__facilities-items .c-block__facilities-items-link .c-block__facilities-items-headline {
    padding: 20px 20px 23px;
  }
}

.c-modal {
  height: 100vh;
  opacity: 1;
  position: fixed;
  left: 0;
  top: 0;
  transition: opacity 0.3s ease;
  width: 100%;
  z-index: 600;
}
.c-modal.is-hide {
  opacity: 0;
  pointer-events: none;
}
.c-modal .c-modal__bg {
  background: #000;
  height: 100%;
  opacity: 0.4;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: -1;
}
.c-modal .c-modal__wrapper {
  background: #F8F8F8;
  border: solid 3px var(--color-green);
  border-radius: 10px;
  height: 90vh;
  max-height: 744px;
  max-width: 910px;
  overflow: hidden;
  position: absolute;
  left: 50%;
  top: 50%;
  text-align: center;
  transform: translate3d(-50%, -50%, 0);
  width: 100%;
}
@media screen and (min-width: 1px) and (max-width: 980px) {
  .c-modal .c-modal__wrapper {
    height: auto;
    width: 90vw;
  }
}
.c-modal .c-modal__wrapper .c-modal__close {
  color: #707070;
  font-size: 14px;
  letter-spacing: 0;
  outline: none;
  padding: 10px 0;
  position: absolute;
  right: 25px;
  top: 10px;
  z-index: 1;
}
.c-modal .c-modal__wrapper .c-modal__close img {
  margin: 0 0 -5px 5px;
}
.c-modal .c-modal__wrapper .c-modal__inner {
  height: 100%;
  overflow-y: scroll;
  padding: 50px 34px;
}
@media screen and (max-width: 650px) {
  .c-modal .c-modal__wrapper .c-modal__inner {
    padding: 50px 18px;
  }
}
.c-modal .c-modal__wrapper .c-modal__inner .c-modal__headline {
  border-bottom: solid 2px var(--color-green);
  color: var(--color-green);
  display: inline-block;
  font-size: 26px;
  font-weight: 700;
  letter-spacing: 0.8em;
  line-height: 1.3846153846;
  padding: 0 10px 6px 33px;
  text-align: center;
}
.c-modal .c-modal__wrapper .c-modal__inner .c-modal__photo {
  overflow-x: scroll;
  width: 100%;
}
.c-modal .c-modal__wrapper .c-modal__inner .c-modal__photo img {
  margin: 34px 0 0;
  min-width: 800px;
  width: 100%;
}

.c-slider__ziguzagu {
  display: flex;
  padding: 20px 0;
}
.c-slider__ziguzagu .c-slider__ziguzagu-wrapper {
  animation: flow 150s linear infinite;
  display: flex;
  list-style: none;
  padding: 0;
}
.c-slider__ziguzagu .c-slider__ziguzagu-wrapper li {
  aspect-ratio: 440/600;
  border-radius: 10px;
  margin: 0 60px;
  overflow: hidden;
  width: 440px;
}
@media screen and (max-width: 650px) {
  .c-slider__ziguzagu .c-slider__ziguzagu-wrapper li {
    margin: 0 20px;
    width: 213px;
  }
}
.c-slider__ziguzagu .c-slider__ziguzagu-wrapper li:nth-child(odd) {
  transform: rotate(4deg);
}
@media screen and (max-width: 650px) {
  .c-slider__ziguzagu .c-slider__ziguzagu-wrapper li:nth-child(odd) {
    transform: rotate(2deg);
  }
}
.c-slider__ziguzagu .c-slider__ziguzagu-wrapper li:nth-child(even) {
  margin: 60px 0 0;
  transform: rotate(-4deg);
}
@media screen and (max-width: 650px) {
  .c-slider__ziguzagu .c-slider__ziguzagu-wrapper li:nth-child(even) {
    margin: 30px 0 0;
    transform: rotate(-2deg);
  }
}
.c-slider__ziguzagu .c-slider__ziguzagu-wrapper li img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}

@keyframes flow {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(-100%, 0, 0);
  }
}
.a-fadein {
  opacity: 0;
  transform: translate3d(0, 10px, 0);
}
.a-fadein.is-animated {
  animation: fadeIn 2s ease forwards;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translate3d(0, 50px, 0);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.c-button__primary {
  background: var(--color-green);
  border-radius: 5px 20px 5px 20px;
  color: #fff;
  display: inline-block;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.3888888889;
  padding: 15px 0;
  position: relative;
  text-align: center;
  transition: background-color 0.3s ease;
  width: 100%;
}
@media screen and (max-width: 650px) {
  .c-button__primary {
    font-size: 16px;
    line-height: 1.5;
    padding: 18px 0 19px;
  }
}
.c-button__primary:hover {
  background: rgba(var(--color-green-rgb), 0.5);
}
.c-button__primary:hover::before {
  transform: translate3d(2px, 0, 0);
}
.c-button__primary::before {
  background: url("https://s-ryokka.jp/wp/wp-content/themes/s-ryokka_11/images/button-line.svg") no-repeat center center/contain;
  content: "";
  display: block;
  height: 15px;
  opacity: 1;
  position: absolute;
  bottom: -5px;
  right: -5px;
  transform: translate3d(0, 0, 0);
  transition: transform 0.3s ease;
  width: 15px;
}
.c-button__primary img {
  margin: 0 0 -1px;
}

.c-button__modal {
  color: #20ACE0;
  display: inline-block;
  outline: none;
  padding: 10px 0;
  text-decoration: underline;
  text-align: right;
}
.c-button__modal img {
  margin: 0 0 -1px 5px;
}
.c-button__modal::after {
  text-decoration: none;
}
.c-button__modal:hover {
  text-decoration: none;
}

.c-list__sort {
  display: flex;
  gap: 24px 36px;
  justify-content: center;
  list-style: none;
  padding: 0;
}
@media screen and (max-width: 650px) {
  .c-list__sort {
    flex-direction: column;
  }
}
.c-list__sort .c-list__sort-items {
  max-width: 492px;
  position: relative;
  width: 100%;
}
@media screen and (min-width: 1px) and (max-width: 980px) {
  .c-list__sort .c-list__sort-items {
    max-width: none;
  }
}
.c-list__sort .c-list__sort-items .c-list__sort-items-headline {
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.06em;
  line-height: 1.4166666667;
  padding: 0 0 7px;
}
@media screen and (min-width: 1px) and (max-width: 980px) {
  .c-list__sort .c-list__sort-items .c-list__sort-items-headline {
    font-size: 14px;
  }
}

.c-post-list {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin: 0 auto;
  max-width: var(--contents-width, 1160px);
  width: 100%;
}

.c-post-list__items {
  align-items: flex-start;
  background-color: #fff;
  border-radius: 10px;
  box-sizing: border-box;
  display: flex;
  gap: 40px;
  justify-content: flex-start;
  padding: 40px;
  position: relative;
  width: 100%;
}
@media screen and (min-width: 1px) and (max-width: 980px) {
  .c-post-list__items {
    gap: 20px;
    padding: 24px;
  }
}
@media screen and (max-width: 650px) {
  .c-post-list__items {
    flex-direction: column;
    padding: 24px 18px;
  }
}
.c-post-list__items:hover {
  opacity: 0.7;
}
.c-post-list__items.is-leaf, .c-post-list__items.is-seed, .c-post-list__items.is-flower {
  margin-top: 22px;
  padding-left: 90px;
}
@media screen and (min-width: 1px) and (max-width: 980px) {
  .c-post-list__items.is-leaf, .c-post-list__items.is-seed, .c-post-list__items.is-flower {
    margin-top: 15px;
    padding-top: 36px;
    padding-left: 24px;
  }
}
@media screen and (max-width: 650px) {
  .c-post-list__items.is-leaf, .c-post-list__items.is-seed, .c-post-list__items.is-flower {
    padding-left: 18px;
  }
}
.c-post-list__items.is-leaf::before, .c-post-list__items.is-seed::before, .c-post-list__items.is-flower::before {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  content: "";
  display: block;
  height: 34px;
  position: absolute;
  left: 80px;
  top: -20px;
  width: 102px;
}
@media screen and (min-width: 1px) and (max-width: 980px) {
  .c-post-list__items.is-leaf::before, .c-post-list__items.is-seed::before, .c-post-list__items.is-flower::before {
    left: 18px;
  }
}
.c-post-list__items.is-leaf::before {
  background-image: url("https://s-ryokka.jp/wp/wp-content/themes/s-ryokka_11/images/icon-leaves.svg");
  top: -28px;
}
.c-post-list__items.is-seed::before {
  background-image: url("https://s-ryokka.jp/wp/wp-content/themes/s-ryokka_11/images/icon-seeds.svg");
}
.c-post-list__items.is-flower::before {
  background-image: url("https://s-ryokka.jp/wp/wp-content/themes/s-ryokka_11/images/icon-flowers.svg");
}
.c-post-list__items .c-post-list__image {
  border-radius: 10px;
  display: block;
  max-width: 280px;
  min-width: 280px;
  overflow: hidden;
}
@media screen and (max-width: 650px) {
  .c-post-list__items .c-post-list__image {
    max-width: 100%;
    min-width: 0;
    width: 100%;
  }
}
.c-post-list__items .c-post-list__image img {
  display: block;
  height: auto;
  width: 100%;
}
.c-post-list__items .c-post-list__detail {
  box-sizing: border-box;
  padding: 0 190px 0 0;
  position: relative;
  width: 100%;
}
@media screen and (min-width: 1px) and (max-width: 980px) {
  .c-post-list__items .c-post-list__detail {
    padding: 0 40px 0 0;
  }
}
@media screen and (max-width: 650px) {
  .c-post-list__items .c-post-list__detail {
    padding: 0;
  }
}
.c-post-list__items .c-post-list__detail::after {
  border-right: solid 2px var(--color-text, #3B3B3B);
  border-bottom: solid 2px var(--color-text, #3B3B3B);
  content: "";
  height: 24px;
  position: absolute;
  right: 0;
  top: calc(50% - 17px);
  transform: rotate(-45deg);
  width: 24px;
}
@media screen and (max-width: 650px) {
  .c-post-list__items .c-post-list__detail::after {
    display: none;
  }
}
.c-post-list__items .c-post-list__detail .c-post-list__date {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.12em;
  line-height: 1.3571428571;
}
@media screen and (min-width: 1px) and (max-width: 980px) {
  .c-post-list__items .c-post-list__detail .c-post-list__date {
    margin: 0 0 9px;
  }
}
.c-post-list__items .c-post-list__detail .c-post-list__title {
  box-sizing: border-box;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.02em;
  line-height: 1.5555555556;
  margin: 10px auto 0;
}
@media screen and (min-width: 1px) and (max-width: 980px) {
  .c-post-list__items .c-post-list__detail .c-post-list__title {
    margin: 8px auto 0;
  }
}
.c-post-list__items .c-post-list__detail .c-post-list__text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.06em;
  line-height: 1.7142857143;
  margin: 20px 0 30px;
  overflow: hidden;
}
@media screen and (min-width: 1px) and (max-width: 980px) {
  .c-post-list__items .c-post-list__detail .c-post-list__text {
    margin: 12px auto 20px;
  }
}
.c-post-list__items .c-post-list__detail .c-post-list__more {
  display: none;
  font-size: 14px;
  margin: 8px 0 0 auto;
  text-align: right;
}
@media screen and (max-width: 650px) {
  .c-post-list__items .c-post-list__detail .c-post-list__more {
    display: block;
  }
}
.c-post-list__items .c-post-list__detail .c-post-list__more::after {
  border-bottom: solid 1px var(--color-text, #3b3b3b);
  border-left: solid 1px var(--color-text, #3b3b3b);
  content: "";
  display: inline-block;
  height: 9px;
  margin: 0 0 0 4px;
  transform: rotate(225deg);
  width: 9px;
}

.c-anchor-list {
  display: flex;
  flex-wrap: wrap;
  gap: 20px 40px;
  justify-content: space-between;
  list-style: none;
  margin: 0 auto;
  max-width: 720px;
  padding: 0;
}
@media screen and (min-width: 1px) and (max-width: 980px) {
  .c-anchor-list li {
    width: 100%;
  }
}
.c-anchor-list li a {
  background-color: var(--color-gray2);
  border-radius: 10px;
  display: block;
  font-size: 14px;
  letter-spacing: 0.12em;
  line-height: 1.3571428571;
  padding: 10px 40px 10px 20px;
  position: relative;
  transition: background-color 0.3s ease, color 0.3s ease;
}
@media screen and (min-width: 1px) and (max-width: 980px) {
  .c-anchor-list li a {
    font-size: 16px;
    padding: 13px;
    text-align: center;
    width: 100%;
  }
}
.c-anchor-list li a:hover {
  background-color: var(--color-green, #8EC43E);
  color: #fff;
}
.c-anchor-list li a:hover::after {
  border-color: #fff;
}
.c-anchor-list li a::after {
  border-bottom: solid 2px var(--color-text);
  border-left: solid 2px var(--color-text);
  content: "";
  display: inline-block;
  height: 8px;
  margin: 0 0 0 10px;
  position: absolute;
  right: 16px;
  top: 14px;
  transform: rotate(-45deg);
  transition: border-color 0.3s ease;
  width: 8px;
}
@media screen and (min-width: 1px) and (max-width: 980px) {
  .c-anchor-list li a::after {
    position: relative;
    right: auto;
    top: -3px;
  }
}

.c-facilities-list {
  counter-reset: item 0;
  display: flex;
  flex-wrap: wrap;
  gap: 26px 16px;
}
@media screen and (max-width: 650px) {
  .c-facilities-list {
    gap: 30px;
  }
}
.c-facilities-list.is-alphabet .c-facilities-list__items .c-facilities-list__items-headline::before {
  color: #fff;
  content: counter(item, upper-alpha);
}
.c-facilities-list.is-alphabet .c-facilities-list__items .c-facilities-list__items-headline::after {
  background: #EA6000;
  border: none;
}
.c-facilities-list .c-facilities-list__items {
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  width: calc(33.3333333333% - 11px);
}
@media screen and (max-width: 650px) {
  .c-facilities-list .c-facilities-list__items {
    width: 100%;
  }
}
.c-facilities-list .c-facilities-list__items.is-shop .c-facilities-list__items-headline::before {
  background: url("https://s-ryokka.jp/wp/wp-content/themes/s-ryokka_11/images/icon-shop.svg") no-repeat center center/contain;
  content: "";
  display: block;
  height: 17px;
  left: 10px;
  top: 5px;
  width: 16px;
}
.c-facilities-list .c-facilities-list__items.is-shop .c-facilities-list__items-headline::after {
  background: #595757;
}
.c-facilities-list .c-facilities-list__items .c-facilities-list__items-photo {
  display: block;
  height: 183px;
  line-height: 0;
}
.c-facilities-list .c-facilities-list__items .c-facilities-list__items-photo img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.c-facilities-list .c-facilities-list__items .c-facilities-list__items-body {
  padding: 45px 40px;
}
@media screen and (max-width: 650px) {
  .c-facilities-list .c-facilities-list__items .c-facilities-list__items-body {
    padding: 20px;
  }
}
.c-facilities-list .c-facilities-list__items .c-facilities-list__items-headline {
  font-size: 22px;
  font-weight: 700;
  letter-spacing: 0.02em;
  line-height: 1.2727272727;
  padding: 0 0 0 45px;
  position: relative;
}
.c-facilities-list .c-facilities-list__items .c-facilities-list__items-headline::before {
  color: #54974E;
  content: counter(item);
  counter-increment: item;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 0;
  position: absolute;
  left: 6px;
  top: 13px;
  text-align: center;
  width: 24px;
  z-index: 1;
}
.c-facilities-list .c-facilities-list__items .c-facilities-list__items-headline::after {
  border: 3px solid #54974E;
  border-radius: 50%;
  content: "";
  display: inline-block;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 0;
  height: 36px;
  position: absolute;
  left: 0;
  top: -5px;
  width: 36px;
}
.c-facilities-list .c-facilities-list__items .c-facilities-list__items-text {
  margin: 10px 0 0;
}
.c-facilities-list .c-facilities-list__items .c-facilities-list__items-link {
  color: #33A1FF;
  display: inline-block;
  margin: 14px 0 0;
  text-decoration: underline;
}
.c-facilities-list .c-facilities-list__items .c-facilities-list__items-link:hover {
  text-decoration: none;
}

.c-about-list {
  background: #fff;
  border-radius: 10px;
  list-style: none;
  padding: 40px;
}
@media screen and (max-width: 650px) {
  .c-about-list {
    padding: 20px;
  }
}
.c-about-list .c-about-list__items + .c-about-list__items {
  margin: 35px 0 0;
}
@media screen and (max-width: 650px) {
  .c-about-list .c-about-list__items + .c-about-list__items {
    margin: 18px 0 0;
  }
}
.c-about-list .c-about-list__items .c-about-list__items-headline {
  color: var(--color-green);
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.02em;
  line-height: 1.5555555556;
}
.c-about-list .c-about-list__items dl {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  margin: 8px 0 0 23px;
  max-width: 330px;
}
.c-about-list .c-about-list__items dl dt {
  background: #eee;
  color: #fff;
  line-height: 1.7142857143;
  margin: 0 16px 8px 0;
  padding: 1px 3px 0 11px;
}
@media screen and (max-width: 650px) {
  .c-about-list .c-about-list__items dl dt {
    font-size: 13px;
    line-height: 1.6923076923;
    margin: 0 0 2px;
    padding-left: 7px;
    padding-right: 0;
  }
}
.c-about-list .c-about-list__items dl dt.is-green {
  background: var(--color-green);
}
.c-about-list .c-about-list__items dl dt.is-yellow {
  background: var(--color-yellow);
}
.c-about-list .c-about-list__items dl dt.is-blue {
  background: #20ACE0;
}
.c-about-list .c-about-list__items dl dd {
  margin: 0 0 8px;
}
@media screen and (max-width: 650px) {
  .c-about-list .c-about-list__items dl dd {
    font-size: 16px;
    font-weight: 700;
    margin: 0 0 6px 10px;
  }
}
.c-about-list .c-about-list__items .c-about-list__items-text {
  margin: 9px 0 0 23px;
}
@media screen and (max-width: 650px) {
  .c-about-list .c-about-list__items .c-about-list__items-text {
    line-height: 1.5;
  }
}
.c-about-list .c-about-list__items .c-about-list__items-text:nth-child(2) {
  margin-top: 7px;
}
.c-about-list .c-about-list__items .c-about-list__items-text a {
  color: #20ACE0;
  text-decoration: underline;
}
.c-about-list .c-about-list__items .c-about-list__items-text a:hover {
  text-decoration: none;
}
.c-about-list .c-about-list__items .c-about-list__items-text a[target=_blank]::after {
  background: url("https://s-ryokka.jp/wp/wp-content/themes/s-ryokka_11/images/icon-external.svg") no-repeat center center/contain;
  content: "";
  display: inline-block;
  height: 11px;
  width: 11px;
}

.c-form__select {
  background-color: #fff;
  border: solid 1px #454545;
  border-radius: 3px;
  color: var(--color-text, #3B3B3B);
  display: block;
  font-size: 14px;
  font-weight: 500;
  height: 47px;
  letter-spacing: 0;
  outline: none;
  position: relative;
  text-align: center;
  width: 100%;
}
.c-form__select::before {
  border-right: solid 1px var(--color-text, #3B3B3B);
  border-bottom: solid 1px var(--color-text, #3B3B3B);
  content: "";
  display: block;
  height: 8px;
  position: absolute;
  bottom: 20px;
  right: 20px;
  transform: rotate(45deg);
  width: 8px;
}
.c-form__select select {
  height: 100%;
  padding: 8px 16px 7px;
  width: 100%;
}

/* ユーティリティー
------------------------------------*/
.u-mt--50 {
  margin-top: -500px !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media screen and (min-width: 1px) and (max-width: 980px) {
  .u-tab-mt--50 {
    margin-top: -500px !important;
  }
  .u-tab-mt--49 {
    margin-top: -490px !important;
  }
  .u-tab-mt--48 {
    margin-top: -480px !important;
  }
  .u-tab-mt--47 {
    margin-top: -470px !important;
  }
  .u-tab-mt--46 {
    margin-top: -460px !important;
  }
  .u-tab-mt--45 {
    margin-top: -450px !important;
  }
  .u-tab-mt--44 {
    margin-top: -440px !important;
  }
  .u-tab-mt--43 {
    margin-top: -430px !important;
  }
  .u-tab-mt--42 {
    margin-top: -420px !important;
  }
  .u-tab-mt--41 {
    margin-top: -410px !important;
  }
  .u-tab-mt--40 {
    margin-top: -400px !important;
  }
  .u-tab-mt--39 {
    margin-top: -390px !important;
  }
  .u-tab-mt--38 {
    margin-top: -380px !important;
  }
  .u-tab-mt--37 {
    margin-top: -370px !important;
  }
  .u-tab-mt--36 {
    margin-top: -360px !important;
  }
  .u-tab-mt--35 {
    margin-top: -350px !important;
  }
  .u-tab-mt--34 {
    margin-top: -340px !important;
  }
  .u-tab-mt--33 {
    margin-top: -330px !important;
  }
  .u-tab-mt--32 {
    margin-top: -320px !important;
  }
  .u-tab-mt--31 {
    margin-top: -310px !important;
  }
  .u-tab-mt--30 {
    margin-top: -300px !important;
  }
  .u-tab-mt--29 {
    margin-top: -290px !important;
  }
  .u-tab-mt--28 {
    margin-top: -280px !important;
  }
  .u-tab-mt--27 {
    margin-top: -270px !important;
  }
  .u-tab-mt--26 {
    margin-top: -260px !important;
  }
  .u-tab-mt--25 {
    margin-top: -250px !important;
  }
  .u-tab-mt--24 {
    margin-top: -240px !important;
  }
  .u-tab-mt--23 {
    margin-top: -230px !important;
  }
  .u-tab-mt--22 {
    margin-top: -220px !important;
  }
  .u-tab-mt--21 {
    margin-top: -210px !important;
  }
  .u-tab-mt--20 {
    margin-top: -200px !important;
  }
  .u-tab-mt--19 {
    margin-top: -190px !important;
  }
  .u-tab-mt--18 {
    margin-top: -180px !important;
  }
  .u-tab-mt--17 {
    margin-top: -170px !important;
  }
  .u-tab-mt--16 {
    margin-top: -160px !important;
  }
  .u-tab-mt--15 {
    margin-top: -150px !important;
  }
  .u-tab-mt--14 {
    margin-top: -140px !important;
  }
  .u-tab-mt--13 {
    margin-top: -130px !important;
  }
  .u-tab-mt--12 {
    margin-top: -120px !important;
  }
  .u-tab-mt--11 {
    margin-top: -110px !important;
  }
  .u-tab-mt--10 {
    margin-top: -100px !important;
  }
  .u-tab-mt--9 {
    margin-top: -90px !important;
  }
  .u-tab-mt--8 {
    margin-top: -80px !important;
  }
  .u-tab-mt--7 {
    margin-top: -70px !important;
  }
  .u-tab-mt--6 {
    margin-top: -60px !important;
  }
  .u-tab-mt--5 {
    margin-top: -50px !important;
  }
  .u-tab-mt--4 {
    margin-top: -40px !important;
  }
  .u-tab-mt--3 {
    margin-top: -30px !important;
  }
  .u-tab-mt--2 {
    margin-top: -20px !important;
  }
  .u-tab-mt--1 {
    margin-top: -10px !important;
  }
  .u-tab-mt-0 {
    margin-top: 0px !important;
  }
  .u-tab-mt-1 {
    margin-top: 10px !important;
  }
  .u-tab-mt-2 {
    margin-top: 20px !important;
  }
  .u-tab-mt-3 {
    margin-top: 30px !important;
  }
  .u-tab-mt-4 {
    margin-top: 40px !important;
  }
  .u-tab-mt-5 {
    margin-top: 50px !important;
  }
  .u-tab-mt-6 {
    margin-top: 60px !important;
  }
  .u-tab-mt-7 {
    margin-top: 70px !important;
  }
  .u-tab-mt-8 {
    margin-top: 80px !important;
  }
  .u-tab-mt-9 {
    margin-top: 90px !important;
  }
  .u-tab-mt-10 {
    margin-top: 100px !important;
  }
  .u-tab-mt-11 {
    margin-top: 110px !important;
  }
  .u-tab-mt-12 {
    margin-top: 120px !important;
  }
  .u-tab-mt-13 {
    margin-top: 130px !important;
  }
  .u-tab-mt-14 {
    margin-top: 140px !important;
  }
  .u-tab-mt-15 {
    margin-top: 150px !important;
  }
  .u-tab-mt-16 {
    margin-top: 160px !important;
  }
  .u-tab-mt-17 {
    margin-top: 170px !important;
  }
  .u-tab-mt-18 {
    margin-top: 180px !important;
  }
  .u-tab-mt-19 {
    margin-top: 190px !important;
  }
  .u-tab-mt-20 {
    margin-top: 200px !important;
  }
  .u-tab-mt-21 {
    margin-top: 210px !important;
  }
  .u-tab-mt-22 {
    margin-top: 220px !important;
  }
  .u-tab-mt-23 {
    margin-top: 230px !important;
  }
  .u-tab-mt-24 {
    margin-top: 240px !important;
  }
  .u-tab-mt-25 {
    margin-top: 250px !important;
  }
  .u-tab-mt-26 {
    margin-top: 260px !important;
  }
  .u-tab-mt-27 {
    margin-top: 270px !important;
  }
  .u-tab-mt-28 {
    margin-top: 280px !important;
  }
  .u-tab-mt-29 {
    margin-top: 290px !important;
  }
  .u-tab-mt-30 {
    margin-top: 300px !important;
  }
  .u-tab-mt-31 {
    margin-top: 310px !important;
  }
  .u-tab-mt-32 {
    margin-top: 320px !important;
  }
  .u-tab-mt-33 {
    margin-top: 330px !important;
  }
  .u-tab-mt-34 {
    margin-top: 340px !important;
  }
  .u-tab-mt-35 {
    margin-top: 350px !important;
  }
  .u-tab-mt-36 {
    margin-top: 360px !important;
  }
  .u-tab-mt-37 {
    margin-top: 370px !important;
  }
  .u-tab-mt-38 {
    margin-top: 380px !important;
  }
  .u-tab-mt-39 {
    margin-top: 390px !important;
  }
  .u-tab-mt-40 {
    margin-top: 400px !important;
  }
  .u-tab-mt-41 {
    margin-top: 410px !important;
  }
  .u-tab-mt-42 {
    margin-top: 420px !important;
  }
  .u-tab-mt-43 {
    margin-top: 430px !important;
  }
  .u-tab-mt-44 {
    margin-top: 440px !important;
  }
  .u-tab-mt-45 {
    margin-top: 450px !important;
  }
  .u-tab-mt-46 {
    margin-top: 460px !important;
  }
  .u-tab-mt-47 {
    margin-top: 470px !important;
  }
  .u-tab-mt-48 {
    margin-top: 480px !important;
  }
  .u-tab-mt-49 {
    margin-top: 490px !important;
  }
  .u-tab-mt-50 {
    margin-top: 500px !important;
  }
}
@media screen and (max-width: 650px) {
  .u-sp-mt--50 {
    margin-top: -500px !important;
  }
  .u-sp-mt--49 {
    margin-top: -490px !important;
  }
  .u-sp-mt--48 {
    margin-top: -480px !important;
  }
  .u-sp-mt--47 {
    margin-top: -470px !important;
  }
  .u-sp-mt--46 {
    margin-top: -460px !important;
  }
  .u-sp-mt--45 {
    margin-top: -450px !important;
  }
  .u-sp-mt--44 {
    margin-top: -440px !important;
  }
  .u-sp-mt--43 {
    margin-top: -430px !important;
  }
  .u-sp-mt--42 {
    margin-top: -420px !important;
  }
  .u-sp-mt--41 {
    margin-top: -410px !important;
  }
  .u-sp-mt--40 {
    margin-top: -400px !important;
  }
  .u-sp-mt--39 {
    margin-top: -390px !important;
  }
  .u-sp-mt--38 {
    margin-top: -380px !important;
  }
  .u-sp-mt--37 {
    margin-top: -370px !important;
  }
  .u-sp-mt--36 {
    margin-top: -360px !important;
  }
  .u-sp-mt--35 {
    margin-top: -350px !important;
  }
  .u-sp-mt--34 {
    margin-top: -340px !important;
  }
  .u-sp-mt--33 {
    margin-top: -330px !important;
  }
  .u-sp-mt--32 {
    margin-top: -320px !important;
  }
  .u-sp-mt--31 {
    margin-top: -310px !important;
  }
  .u-sp-mt--30 {
    margin-top: -300px !important;
  }
  .u-sp-mt--29 {
    margin-top: -290px !important;
  }
  .u-sp-mt--28 {
    margin-top: -280px !important;
  }
  .u-sp-mt--27 {
    margin-top: -270px !important;
  }
  .u-sp-mt--26 {
    margin-top: -260px !important;
  }
  .u-sp-mt--25 {
    margin-top: -250px !important;
  }
  .u-sp-mt--24 {
    margin-top: -240px !important;
  }
  .u-sp-mt--23 {
    margin-top: -230px !important;
  }
  .u-sp-mt--22 {
    margin-top: -220px !important;
  }
  .u-sp-mt--21 {
    margin-top: -210px !important;
  }
  .u-sp-mt--20 {
    margin-top: -200px !important;
  }
  .u-sp-mt--19 {
    margin-top: -190px !important;
  }
  .u-sp-mt--18 {
    margin-top: -180px !important;
  }
  .u-sp-mt--17 {
    margin-top: -170px !important;
  }
  .u-sp-mt--16 {
    margin-top: -160px !important;
  }
  .u-sp-mt--15 {
    margin-top: -150px !important;
  }
  .u-sp-mt--14 {
    margin-top: -140px !important;
  }
  .u-sp-mt--13 {
    margin-top: -130px !important;
  }
  .u-sp-mt--12 {
    margin-top: -120px !important;
  }
  .u-sp-mt--11 {
    margin-top: -110px !important;
  }
  .u-sp-mt--10 {
    margin-top: -100px !important;
  }
  .u-sp-mt--9 {
    margin-top: -90px !important;
  }
  .u-sp-mt--8 {
    margin-top: -80px !important;
  }
  .u-sp-mt--7 {
    margin-top: -70px !important;
  }
  .u-sp-mt--6 {
    margin-top: -60px !important;
  }
  .u-sp-mt--5 {
    margin-top: -50px !important;
  }
  .u-sp-mt--4 {
    margin-top: -40px !important;
  }
  .u-sp-mt--3 {
    margin-top: -30px !important;
  }
  .u-sp-mt--2 {
    margin-top: -20px !important;
  }
  .u-sp-mt--1 {
    margin-top: -10px !important;
  }
  .u-sp-mt-0 {
    margin-top: 0px !important;
  }
  .u-sp-mt-1 {
    margin-top: 10px !important;
  }
  .u-sp-mt-2 {
    margin-top: 20px !important;
  }
  .u-sp-mt-3 {
    margin-top: 30px !important;
  }
  .u-sp-mt-4 {
    margin-top: 40px !important;
  }
  .u-sp-mt-5 {
    margin-top: 50px !important;
  }
  .u-sp-mt-6 {
    margin-top: 60px !important;
  }
  .u-sp-mt-7 {
    margin-top: 70px !important;
  }
  .u-sp-mt-8 {
    margin-top: 80px !important;
  }
  .u-sp-mt-9 {
    margin-top: 90px !important;
  }
  .u-sp-mt-10 {
    margin-top: 100px !important;
  }
  .u-sp-mt-11 {
    margin-top: 110px !important;
  }
  .u-sp-mt-12 {
    margin-top: 120px !important;
  }
  .u-sp-mt-13 {
    margin-top: 130px !important;
  }
  .u-sp-mt-14 {
    margin-top: 140px !important;
  }
  .u-sp-mt-15 {
    margin-top: 150px !important;
  }
  .u-sp-mt-16 {
    margin-top: 160px !important;
  }
  .u-sp-mt-17 {
    margin-top: 170px !important;
  }
  .u-sp-mt-18 {
    margin-top: 180px !important;
  }
  .u-sp-mt-19 {
    margin-top: 190px !important;
  }
  .u-sp-mt-20 {
    margin-top: 200px !important;
  }
  .u-sp-mt-21 {
    margin-top: 210px !important;
  }
  .u-sp-mt-22 {
    margin-top: 220px !important;
  }
  .u-sp-mt-23 {
    margin-top: 230px !important;
  }
  .u-sp-mt-24 {
    margin-top: 240px !important;
  }
  .u-sp-mt-25 {
    margin-top: 250px !important;
  }
  .u-sp-mt-26 {
    margin-top: 260px !important;
  }
  .u-sp-mt-27 {
    margin-top: 270px !important;
  }
  .u-sp-mt-28 {
    margin-top: 280px !important;
  }
  .u-sp-mt-29 {
    margin-top: 290px !important;
  }
  .u-sp-mt-30 {
    margin-top: 300px !important;
  }
  .u-sp-mt-31 {
    margin-top: 310px !important;
  }
  .u-sp-mt-32 {
    margin-top: 320px !important;
  }
  .u-sp-mt-33 {
    margin-top: 330px !important;
  }
  .u-sp-mt-34 {
    margin-top: 340px !important;
  }
  .u-sp-mt-35 {
    margin-top: 350px !important;
  }
  .u-sp-mt-36 {
    margin-top: 360px !important;
  }
  .u-sp-mt-37 {
    margin-top: 370px !important;
  }
  .u-sp-mt-38 {
    margin-top: 380px !important;
  }
  .u-sp-mt-39 {
    margin-top: 390px !important;
  }
  .u-sp-mt-40 {
    margin-top: 400px !important;
  }
  .u-sp-mt-41 {
    margin-top: 410px !important;
  }
  .u-sp-mt-42 {
    margin-top: 420px !important;
  }
  .u-sp-mt-43 {
    margin-top: 430px !important;
  }
  .u-sp-mt-44 {
    margin-top: 440px !important;
  }
  .u-sp-mt-45 {
    margin-top: 450px !important;
  }
  .u-sp-mt-46 {
    margin-top: 460px !important;
  }
  .u-sp-mt-47 {
    margin-top: 470px !important;
  }
  .u-sp-mt-48 {
    margin-top: 480px !important;
  }
  .u-sp-mt-49 {
    margin-top: 490px !important;
  }
  .u-sp-mt-50 {
    margin-top: 500px !important;
  }
}
.u-mr--50 {
  margin-right: -500px !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media screen and (min-width: 1px) and (max-width: 980px) {
  .u-tab-mr--50 {
    margin-right: -500px !important;
  }
  .u-tab-mr--49 {
    margin-right: -490px !important;
  }
  .u-tab-mr--48 {
    margin-right: -480px !important;
  }
  .u-tab-mr--47 {
    margin-right: -470px !important;
  }
  .u-tab-mr--46 {
    margin-right: -460px !important;
  }
  .u-tab-mr--45 {
    margin-right: -450px !important;
  }
  .u-tab-mr--44 {
    margin-right: -440px !important;
  }
  .u-tab-mr--43 {
    margin-right: -430px !important;
  }
  .u-tab-mr--42 {
    margin-right: -420px !important;
  }
  .u-tab-mr--41 {
    margin-right: -410px !important;
  }
  .u-tab-mr--40 {
    margin-right: -400px !important;
  }
  .u-tab-mr--39 {
    margin-right: -390px !important;
  }
  .u-tab-mr--38 {
    margin-right: -380px !important;
  }
  .u-tab-mr--37 {
    margin-right: -370px !important;
  }
  .u-tab-mr--36 {
    margin-right: -360px !important;
  }
  .u-tab-mr--35 {
    margin-right: -350px !important;
  }
  .u-tab-mr--34 {
    margin-right: -340px !important;
  }
  .u-tab-mr--33 {
    margin-right: -330px !important;
  }
  .u-tab-mr--32 {
    margin-right: -320px !important;
  }
  .u-tab-mr--31 {
    margin-right: -310px !important;
  }
  .u-tab-mr--30 {
    margin-right: -300px !important;
  }
  .u-tab-mr--29 {
    margin-right: -290px !important;
  }
  .u-tab-mr--28 {
    margin-right: -280px !important;
  }
  .u-tab-mr--27 {
    margin-right: -270px !important;
  }
  .u-tab-mr--26 {
    margin-right: -260px !important;
  }
  .u-tab-mr--25 {
    margin-right: -250px !important;
  }
  .u-tab-mr--24 {
    margin-right: -240px !important;
  }
  .u-tab-mr--23 {
    margin-right: -230px !important;
  }
  .u-tab-mr--22 {
    margin-right: -220px !important;
  }
  .u-tab-mr--21 {
    margin-right: -210px !important;
  }
  .u-tab-mr--20 {
    margin-right: -200px !important;
  }
  .u-tab-mr--19 {
    margin-right: -190px !important;
  }
  .u-tab-mr--18 {
    margin-right: -180px !important;
  }
  .u-tab-mr--17 {
    margin-right: -170px !important;
  }
  .u-tab-mr--16 {
    margin-right: -160px !important;
  }
  .u-tab-mr--15 {
    margin-right: -150px !important;
  }
  .u-tab-mr--14 {
    margin-right: -140px !important;
  }
  .u-tab-mr--13 {
    margin-right: -130px !important;
  }
  .u-tab-mr--12 {
    margin-right: -120px !important;
  }
  .u-tab-mr--11 {
    margin-right: -110px !important;
  }
  .u-tab-mr--10 {
    margin-right: -100px !important;
  }
  .u-tab-mr--9 {
    margin-right: -90px !important;
  }
  .u-tab-mr--8 {
    margin-right: -80px !important;
  }
  .u-tab-mr--7 {
    margin-right: -70px !important;
  }
  .u-tab-mr--6 {
    margin-right: -60px !important;
  }
  .u-tab-mr--5 {
    margin-right: -50px !important;
  }
  .u-tab-mr--4 {
    margin-right: -40px !important;
  }
  .u-tab-mr--3 {
    margin-right: -30px !important;
  }
  .u-tab-mr--2 {
    margin-right: -20px !important;
  }
  .u-tab-mr--1 {
    margin-right: -10px !important;
  }
  .u-tab-mr-0 {
    margin-right: 0px !important;
  }
  .u-tab-mr-1 {
    margin-right: 10px !important;
  }
  .u-tab-mr-2 {
    margin-right: 20px !important;
  }
  .u-tab-mr-3 {
    margin-right: 30px !important;
  }
  .u-tab-mr-4 {
    margin-right: 40px !important;
  }
  .u-tab-mr-5 {
    margin-right: 50px !important;
  }
  .u-tab-mr-6 {
    margin-right: 60px !important;
  }
  .u-tab-mr-7 {
    margin-right: 70px !important;
  }
  .u-tab-mr-8 {
    margin-right: 80px !important;
  }
  .u-tab-mr-9 {
    margin-right: 90px !important;
  }
  .u-tab-mr-10 {
    margin-right: 100px !important;
  }
  .u-tab-mr-11 {
    margin-right: 110px !important;
  }
  .u-tab-mr-12 {
    margin-right: 120px !important;
  }
  .u-tab-mr-13 {
    margin-right: 130px !important;
  }
  .u-tab-mr-14 {
    margin-right: 140px !important;
  }
  .u-tab-mr-15 {
    margin-right: 150px !important;
  }
  .u-tab-mr-16 {
    margin-right: 160px !important;
  }
  .u-tab-mr-17 {
    margin-right: 170px !important;
  }
  .u-tab-mr-18 {
    margin-right: 180px !important;
  }
  .u-tab-mr-19 {
    margin-right: 190px !important;
  }
  .u-tab-mr-20 {
    margin-right: 200px !important;
  }
  .u-tab-mr-21 {
    margin-right: 210px !important;
  }
  .u-tab-mr-22 {
    margin-right: 220px !important;
  }
  .u-tab-mr-23 {
    margin-right: 230px !important;
  }
  .u-tab-mr-24 {
    margin-right: 240px !important;
  }
  .u-tab-mr-25 {
    margin-right: 250px !important;
  }
  .u-tab-mr-26 {
    margin-right: 260px !important;
  }
  .u-tab-mr-27 {
    margin-right: 270px !important;
  }
  .u-tab-mr-28 {
    margin-right: 280px !important;
  }
  .u-tab-mr-29 {
    margin-right: 290px !important;
  }
  .u-tab-mr-30 {
    margin-right: 300px !important;
  }
  .u-tab-mr-31 {
    margin-right: 310px !important;
  }
  .u-tab-mr-32 {
    margin-right: 320px !important;
  }
  .u-tab-mr-33 {
    margin-right: 330px !important;
  }
  .u-tab-mr-34 {
    margin-right: 340px !important;
  }
  .u-tab-mr-35 {
    margin-right: 350px !important;
  }
  .u-tab-mr-36 {
    margin-right: 360px !important;
  }
  .u-tab-mr-37 {
    margin-right: 370px !important;
  }
  .u-tab-mr-38 {
    margin-right: 380px !important;
  }
  .u-tab-mr-39 {
    margin-right: 390px !important;
  }
  .u-tab-mr-40 {
    margin-right: 400px !important;
  }
  .u-tab-mr-41 {
    margin-right: 410px !important;
  }
  .u-tab-mr-42 {
    margin-right: 420px !important;
  }
  .u-tab-mr-43 {
    margin-right: 430px !important;
  }
  .u-tab-mr-44 {
    margin-right: 440px !important;
  }
  .u-tab-mr-45 {
    margin-right: 450px !important;
  }
  .u-tab-mr-46 {
    margin-right: 460px !important;
  }
  .u-tab-mr-47 {
    margin-right: 470px !important;
  }
  .u-tab-mr-48 {
    margin-right: 480px !important;
  }
  .u-tab-mr-49 {
    margin-right: 490px !important;
  }
  .u-tab-mr-50 {
    margin-right: 500px !important;
  }
}
@media screen and (max-width: 650px) {
  .u-sp-mr--50 {
    margin-right: -500px !important;
  }
  .u-sp-mr--49 {
    margin-right: -490px !important;
  }
  .u-sp-mr--48 {
    margin-right: -480px !important;
  }
  .u-sp-mr--47 {
    margin-right: -470px !important;
  }
  .u-sp-mr--46 {
    margin-right: -460px !important;
  }
  .u-sp-mr--45 {
    margin-right: -450px !important;
  }
  .u-sp-mr--44 {
    margin-right: -440px !important;
  }
  .u-sp-mr--43 {
    margin-right: -430px !important;
  }
  .u-sp-mr--42 {
    margin-right: -420px !important;
  }
  .u-sp-mr--41 {
    margin-right: -410px !important;
  }
  .u-sp-mr--40 {
    margin-right: -400px !important;
  }
  .u-sp-mr--39 {
    margin-right: -390px !important;
  }
  .u-sp-mr--38 {
    margin-right: -380px !important;
  }
  .u-sp-mr--37 {
    margin-right: -370px !important;
  }
  .u-sp-mr--36 {
    margin-right: -360px !important;
  }
  .u-sp-mr--35 {
    margin-right: -350px !important;
  }
  .u-sp-mr--34 {
    margin-right: -340px !important;
  }
  .u-sp-mr--33 {
    margin-right: -330px !important;
  }
  .u-sp-mr--32 {
    margin-right: -320px !important;
  }
  .u-sp-mr--31 {
    margin-right: -310px !important;
  }
  .u-sp-mr--30 {
    margin-right: -300px !important;
  }
  .u-sp-mr--29 {
    margin-right: -290px !important;
  }
  .u-sp-mr--28 {
    margin-right: -280px !important;
  }
  .u-sp-mr--27 {
    margin-right: -270px !important;
  }
  .u-sp-mr--26 {
    margin-right: -260px !important;
  }
  .u-sp-mr--25 {
    margin-right: -250px !important;
  }
  .u-sp-mr--24 {
    margin-right: -240px !important;
  }
  .u-sp-mr--23 {
    margin-right: -230px !important;
  }
  .u-sp-mr--22 {
    margin-right: -220px !important;
  }
  .u-sp-mr--21 {
    margin-right: -210px !important;
  }
  .u-sp-mr--20 {
    margin-right: -200px !important;
  }
  .u-sp-mr--19 {
    margin-right: -190px !important;
  }
  .u-sp-mr--18 {
    margin-right: -180px !important;
  }
  .u-sp-mr--17 {
    margin-right: -170px !important;
  }
  .u-sp-mr--16 {
    margin-right: -160px !important;
  }
  .u-sp-mr--15 {
    margin-right: -150px !important;
  }
  .u-sp-mr--14 {
    margin-right: -140px !important;
  }
  .u-sp-mr--13 {
    margin-right: -130px !important;
  }
  .u-sp-mr--12 {
    margin-right: -120px !important;
  }
  .u-sp-mr--11 {
    margin-right: -110px !important;
  }
  .u-sp-mr--10 {
    margin-right: -100px !important;
  }
  .u-sp-mr--9 {
    margin-right: -90px !important;
  }
  .u-sp-mr--8 {
    margin-right: -80px !important;
  }
  .u-sp-mr--7 {
    margin-right: -70px !important;
  }
  .u-sp-mr--6 {
    margin-right: -60px !important;
  }
  .u-sp-mr--5 {
    margin-right: -50px !important;
  }
  .u-sp-mr--4 {
    margin-right: -40px !important;
  }
  .u-sp-mr--3 {
    margin-right: -30px !important;
  }
  .u-sp-mr--2 {
    margin-right: -20px !important;
  }
  .u-sp-mr--1 {
    margin-right: -10px !important;
  }
  .u-sp-mr-0 {
    margin-right: 0px !important;
  }
  .u-sp-mr-1 {
    margin-right: 10px !important;
  }
  .u-sp-mr-2 {
    margin-right: 20px !important;
  }
  .u-sp-mr-3 {
    margin-right: 30px !important;
  }
  .u-sp-mr-4 {
    margin-right: 40px !important;
  }
  .u-sp-mr-5 {
    margin-right: 50px !important;
  }
  .u-sp-mr-6 {
    margin-right: 60px !important;
  }
  .u-sp-mr-7 {
    margin-right: 70px !important;
  }
  .u-sp-mr-8 {
    margin-right: 80px !important;
  }
  .u-sp-mr-9 {
    margin-right: 90px !important;
  }
  .u-sp-mr-10 {
    margin-right: 100px !important;
  }
  .u-sp-mr-11 {
    margin-right: 110px !important;
  }
  .u-sp-mr-12 {
    margin-right: 120px !important;
  }
  .u-sp-mr-13 {
    margin-right: 130px !important;
  }
  .u-sp-mr-14 {
    margin-right: 140px !important;
  }
  .u-sp-mr-15 {
    margin-right: 150px !important;
  }
  .u-sp-mr-16 {
    margin-right: 160px !important;
  }
  .u-sp-mr-17 {
    margin-right: 170px !important;
  }
  .u-sp-mr-18 {
    margin-right: 180px !important;
  }
  .u-sp-mr-19 {
    margin-right: 190px !important;
  }
  .u-sp-mr-20 {
    margin-right: 200px !important;
  }
  .u-sp-mr-21 {
    margin-right: 210px !important;
  }
  .u-sp-mr-22 {
    margin-right: 220px !important;
  }
  .u-sp-mr-23 {
    margin-right: 230px !important;
  }
  .u-sp-mr-24 {
    margin-right: 240px !important;
  }
  .u-sp-mr-25 {
    margin-right: 250px !important;
  }
  .u-sp-mr-26 {
    margin-right: 260px !important;
  }
  .u-sp-mr-27 {
    margin-right: 270px !important;
  }
  .u-sp-mr-28 {
    margin-right: 280px !important;
  }
  .u-sp-mr-29 {
    margin-right: 290px !important;
  }
  .u-sp-mr-30 {
    margin-right: 300px !important;
  }
  .u-sp-mr-31 {
    margin-right: 310px !important;
  }
  .u-sp-mr-32 {
    margin-right: 320px !important;
  }
  .u-sp-mr-33 {
    margin-right: 330px !important;
  }
  .u-sp-mr-34 {
    margin-right: 340px !important;
  }
  .u-sp-mr-35 {
    margin-right: 350px !important;
  }
  .u-sp-mr-36 {
    margin-right: 360px !important;
  }
  .u-sp-mr-37 {
    margin-right: 370px !important;
  }
  .u-sp-mr-38 {
    margin-right: 380px !important;
  }
  .u-sp-mr-39 {
    margin-right: 390px !important;
  }
  .u-sp-mr-40 {
    margin-right: 400px !important;
  }
  .u-sp-mr-41 {
    margin-right: 410px !important;
  }
  .u-sp-mr-42 {
    margin-right: 420px !important;
  }
  .u-sp-mr-43 {
    margin-right: 430px !important;
  }
  .u-sp-mr-44 {
    margin-right: 440px !important;
  }
  .u-sp-mr-45 {
    margin-right: 450px !important;
  }
  .u-sp-mr-46 {
    margin-right: 460px !important;
  }
  .u-sp-mr-47 {
    margin-right: 470px !important;
  }
  .u-sp-mr-48 {
    margin-right: 480px !important;
  }
  .u-sp-mr-49 {
    margin-right: 490px !important;
  }
  .u-sp-mr-50 {
    margin-right: 500px !important;
  }
}
.u-mb--50 {
  margin-bottom: -500px !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media screen and (min-width: 1px) and (max-width: 980px) {
  .u-tab-mb--50 {
    margin-bottom: -500px !important;
  }
  .u-tab-mb--49 {
    margin-bottom: -490px !important;
  }
  .u-tab-mb--48 {
    margin-bottom: -480px !important;
  }
  .u-tab-mb--47 {
    margin-bottom: -470px !important;
  }
  .u-tab-mb--46 {
    margin-bottom: -460px !important;
  }
  .u-tab-mb--45 {
    margin-bottom: -450px !important;
  }
  .u-tab-mb--44 {
    margin-bottom: -440px !important;
  }
  .u-tab-mb--43 {
    margin-bottom: -430px !important;
  }
  .u-tab-mb--42 {
    margin-bottom: -420px !important;
  }
  .u-tab-mb--41 {
    margin-bottom: -410px !important;
  }
  .u-tab-mb--40 {
    margin-bottom: -400px !important;
  }
  .u-tab-mb--39 {
    margin-bottom: -390px !important;
  }
  .u-tab-mb--38 {
    margin-bottom: -380px !important;
  }
  .u-tab-mb--37 {
    margin-bottom: -370px !important;
  }
  .u-tab-mb--36 {
    margin-bottom: -360px !important;
  }
  .u-tab-mb--35 {
    margin-bottom: -350px !important;
  }
  .u-tab-mb--34 {
    margin-bottom: -340px !important;
  }
  .u-tab-mb--33 {
    margin-bottom: -330px !important;
  }
  .u-tab-mb--32 {
    margin-bottom: -320px !important;
  }
  .u-tab-mb--31 {
    margin-bottom: -310px !important;
  }
  .u-tab-mb--30 {
    margin-bottom: -300px !important;
  }
  .u-tab-mb--29 {
    margin-bottom: -290px !important;
  }
  .u-tab-mb--28 {
    margin-bottom: -280px !important;
  }
  .u-tab-mb--27 {
    margin-bottom: -270px !important;
  }
  .u-tab-mb--26 {
    margin-bottom: -260px !important;
  }
  .u-tab-mb--25 {
    margin-bottom: -250px !important;
  }
  .u-tab-mb--24 {
    margin-bottom: -240px !important;
  }
  .u-tab-mb--23 {
    margin-bottom: -230px !important;
  }
  .u-tab-mb--22 {
    margin-bottom: -220px !important;
  }
  .u-tab-mb--21 {
    margin-bottom: -210px !important;
  }
  .u-tab-mb--20 {
    margin-bottom: -200px !important;
  }
  .u-tab-mb--19 {
    margin-bottom: -190px !important;
  }
  .u-tab-mb--18 {
    margin-bottom: -180px !important;
  }
  .u-tab-mb--17 {
    margin-bottom: -170px !important;
  }
  .u-tab-mb--16 {
    margin-bottom: -160px !important;
  }
  .u-tab-mb--15 {
    margin-bottom: -150px !important;
  }
  .u-tab-mb--14 {
    margin-bottom: -140px !important;
  }
  .u-tab-mb--13 {
    margin-bottom: -130px !important;
  }
  .u-tab-mb--12 {
    margin-bottom: -120px !important;
  }
  .u-tab-mb--11 {
    margin-bottom: -110px !important;
  }
  .u-tab-mb--10 {
    margin-bottom: -100px !important;
  }
  .u-tab-mb--9 {
    margin-bottom: -90px !important;
  }
  .u-tab-mb--8 {
    margin-bottom: -80px !important;
  }
  .u-tab-mb--7 {
    margin-bottom: -70px !important;
  }
  .u-tab-mb--6 {
    margin-bottom: -60px !important;
  }
  .u-tab-mb--5 {
    margin-bottom: -50px !important;
  }
  .u-tab-mb--4 {
    margin-bottom: -40px !important;
  }
  .u-tab-mb--3 {
    margin-bottom: -30px !important;
  }
  .u-tab-mb--2 {
    margin-bottom: -20px !important;
  }
  .u-tab-mb--1 {
    margin-bottom: -10px !important;
  }
  .u-tab-mb-0 {
    margin-bottom: 0px !important;
  }
  .u-tab-mb-1 {
    margin-bottom: 10px !important;
  }
  .u-tab-mb-2 {
    margin-bottom: 20px !important;
  }
  .u-tab-mb-3 {
    margin-bottom: 30px !important;
  }
  .u-tab-mb-4 {
    margin-bottom: 40px !important;
  }
  .u-tab-mb-5 {
    margin-bottom: 50px !important;
  }
  .u-tab-mb-6 {
    margin-bottom: 60px !important;
  }
  .u-tab-mb-7 {
    margin-bottom: 70px !important;
  }
  .u-tab-mb-8 {
    margin-bottom: 80px !important;
  }
  .u-tab-mb-9 {
    margin-bottom: 90px !important;
  }
  .u-tab-mb-10 {
    margin-bottom: 100px !important;
  }
  .u-tab-mb-11 {
    margin-bottom: 110px !important;
  }
  .u-tab-mb-12 {
    margin-bottom: 120px !important;
  }
  .u-tab-mb-13 {
    margin-bottom: 130px !important;
  }
  .u-tab-mb-14 {
    margin-bottom: 140px !important;
  }
  .u-tab-mb-15 {
    margin-bottom: 150px !important;
  }
  .u-tab-mb-16 {
    margin-bottom: 160px !important;
  }
  .u-tab-mb-17 {
    margin-bottom: 170px !important;
  }
  .u-tab-mb-18 {
    margin-bottom: 180px !important;
  }
  .u-tab-mb-19 {
    margin-bottom: 190px !important;
  }
  .u-tab-mb-20 {
    margin-bottom: 200px !important;
  }
  .u-tab-mb-21 {
    margin-bottom: 210px !important;
  }
  .u-tab-mb-22 {
    margin-bottom: 220px !important;
  }
  .u-tab-mb-23 {
    margin-bottom: 230px !important;
  }
  .u-tab-mb-24 {
    margin-bottom: 240px !important;
  }
  .u-tab-mb-25 {
    margin-bottom: 250px !important;
  }
  .u-tab-mb-26 {
    margin-bottom: 260px !important;
  }
  .u-tab-mb-27 {
    margin-bottom: 270px !important;
  }
  .u-tab-mb-28 {
    margin-bottom: 280px !important;
  }
  .u-tab-mb-29 {
    margin-bottom: 290px !important;
  }
  .u-tab-mb-30 {
    margin-bottom: 300px !important;
  }
  .u-tab-mb-31 {
    margin-bottom: 310px !important;
  }
  .u-tab-mb-32 {
    margin-bottom: 320px !important;
  }
  .u-tab-mb-33 {
    margin-bottom: 330px !important;
  }
  .u-tab-mb-34 {
    margin-bottom: 340px !important;
  }
  .u-tab-mb-35 {
    margin-bottom: 350px !important;
  }
  .u-tab-mb-36 {
    margin-bottom: 360px !important;
  }
  .u-tab-mb-37 {
    margin-bottom: 370px !important;
  }
  .u-tab-mb-38 {
    margin-bottom: 380px !important;
  }
  .u-tab-mb-39 {
    margin-bottom: 390px !important;
  }
  .u-tab-mb-40 {
    margin-bottom: 400px !important;
  }
  .u-tab-mb-41 {
    margin-bottom: 410px !important;
  }
  .u-tab-mb-42 {
    margin-bottom: 420px !important;
  }
  .u-tab-mb-43 {
    margin-bottom: 430px !important;
  }
  .u-tab-mb-44 {
    margin-bottom: 440px !important;
  }
  .u-tab-mb-45 {
    margin-bottom: 450px !important;
  }
  .u-tab-mb-46 {
    margin-bottom: 460px !important;
  }
  .u-tab-mb-47 {
    margin-bottom: 470px !important;
  }
  .u-tab-mb-48 {
    margin-bottom: 480px !important;
  }
  .u-tab-mb-49 {
    margin-bottom: 490px !important;
  }
  .u-tab-mb-50 {
    margin-bottom: 500px !important;
  }
}
@media screen and (max-width: 650px) {
  .u-sp-mb--50 {
    margin-bottom: -500px !important;
  }
  .u-sp-mb--49 {
    margin-bottom: -490px !important;
  }
  .u-sp-mb--48 {
    margin-bottom: -480px !important;
  }
  .u-sp-mb--47 {
    margin-bottom: -470px !important;
  }
  .u-sp-mb--46 {
    margin-bottom: -460px !important;
  }
  .u-sp-mb--45 {
    margin-bottom: -450px !important;
  }
  .u-sp-mb--44 {
    margin-bottom: -440px !important;
  }
  .u-sp-mb--43 {
    margin-bottom: -430px !important;
  }
  .u-sp-mb--42 {
    margin-bottom: -420px !important;
  }
  .u-sp-mb--41 {
    margin-bottom: -410px !important;
  }
  .u-sp-mb--40 {
    margin-bottom: -400px !important;
  }
  .u-sp-mb--39 {
    margin-bottom: -390px !important;
  }
  .u-sp-mb--38 {
    margin-bottom: -380px !important;
  }
  .u-sp-mb--37 {
    margin-bottom: -370px !important;
  }
  .u-sp-mb--36 {
    margin-bottom: -360px !important;
  }
  .u-sp-mb--35 {
    margin-bottom: -350px !important;
  }
  .u-sp-mb--34 {
    margin-bottom: -340px !important;
  }
  .u-sp-mb--33 {
    margin-bottom: -330px !important;
  }
  .u-sp-mb--32 {
    margin-bottom: -320px !important;
  }
  .u-sp-mb--31 {
    margin-bottom: -310px !important;
  }
  .u-sp-mb--30 {
    margin-bottom: -300px !important;
  }
  .u-sp-mb--29 {
    margin-bottom: -290px !important;
  }
  .u-sp-mb--28 {
    margin-bottom: -280px !important;
  }
  .u-sp-mb--27 {
    margin-bottom: -270px !important;
  }
  .u-sp-mb--26 {
    margin-bottom: -260px !important;
  }
  .u-sp-mb--25 {
    margin-bottom: -250px !important;
  }
  .u-sp-mb--24 {
    margin-bottom: -240px !important;
  }
  .u-sp-mb--23 {
    margin-bottom: -230px !important;
  }
  .u-sp-mb--22 {
    margin-bottom: -220px !important;
  }
  .u-sp-mb--21 {
    margin-bottom: -210px !important;
  }
  .u-sp-mb--20 {
    margin-bottom: -200px !important;
  }
  .u-sp-mb--19 {
    margin-bottom: -190px !important;
  }
  .u-sp-mb--18 {
    margin-bottom: -180px !important;
  }
  .u-sp-mb--17 {
    margin-bottom: -170px !important;
  }
  .u-sp-mb--16 {
    margin-bottom: -160px !important;
  }
  .u-sp-mb--15 {
    margin-bottom: -150px !important;
  }
  .u-sp-mb--14 {
    margin-bottom: -140px !important;
  }
  .u-sp-mb--13 {
    margin-bottom: -130px !important;
  }
  .u-sp-mb--12 {
    margin-bottom: -120px !important;
  }
  .u-sp-mb--11 {
    margin-bottom: -110px !important;
  }
  .u-sp-mb--10 {
    margin-bottom: -100px !important;
  }
  .u-sp-mb--9 {
    margin-bottom: -90px !important;
  }
  .u-sp-mb--8 {
    margin-bottom: -80px !important;
  }
  .u-sp-mb--7 {
    margin-bottom: -70px !important;
  }
  .u-sp-mb--6 {
    margin-bottom: -60px !important;
  }
  .u-sp-mb--5 {
    margin-bottom: -50px !important;
  }
  .u-sp-mb--4 {
    margin-bottom: -40px !important;
  }
  .u-sp-mb--3 {
    margin-bottom: -30px !important;
  }
  .u-sp-mb--2 {
    margin-bottom: -20px !important;
  }
  .u-sp-mb--1 {
    margin-bottom: -10px !important;
  }
  .u-sp-mb-0 {
    margin-bottom: 0px !important;
  }
  .u-sp-mb-1 {
    margin-bottom: 10px !important;
  }
  .u-sp-mb-2 {
    margin-bottom: 20px !important;
  }
  .u-sp-mb-3 {
    margin-bottom: 30px !important;
  }
  .u-sp-mb-4 {
    margin-bottom: 40px !important;
  }
  .u-sp-mb-5 {
    margin-bottom: 50px !important;
  }
  .u-sp-mb-6 {
    margin-bottom: 60px !important;
  }
  .u-sp-mb-7 {
    margin-bottom: 70px !important;
  }
  .u-sp-mb-8 {
    margin-bottom: 80px !important;
  }
  .u-sp-mb-9 {
    margin-bottom: 90px !important;
  }
  .u-sp-mb-10 {
    margin-bottom: 100px !important;
  }
  .u-sp-mb-11 {
    margin-bottom: 110px !important;
  }
  .u-sp-mb-12 {
    margin-bottom: 120px !important;
  }
  .u-sp-mb-13 {
    margin-bottom: 130px !important;
  }
  .u-sp-mb-14 {
    margin-bottom: 140px !important;
  }
  .u-sp-mb-15 {
    margin-bottom: 150px !important;
  }
  .u-sp-mb-16 {
    margin-bottom: 160px !important;
  }
  .u-sp-mb-17 {
    margin-bottom: 170px !important;
  }
  .u-sp-mb-18 {
    margin-bottom: 180px !important;
  }
  .u-sp-mb-19 {
    margin-bottom: 190px !important;
  }
  .u-sp-mb-20 {
    margin-bottom: 200px !important;
  }
  .u-sp-mb-21 {
    margin-bottom: 210px !important;
  }
  .u-sp-mb-22 {
    margin-bottom: 220px !important;
  }
  .u-sp-mb-23 {
    margin-bottom: 230px !important;
  }
  .u-sp-mb-24 {
    margin-bottom: 240px !important;
  }
  .u-sp-mb-25 {
    margin-bottom: 250px !important;
  }
  .u-sp-mb-26 {
    margin-bottom: 260px !important;
  }
  .u-sp-mb-27 {
    margin-bottom: 270px !important;
  }
  .u-sp-mb-28 {
    margin-bottom: 280px !important;
  }
  .u-sp-mb-29 {
    margin-bottom: 290px !important;
  }
  .u-sp-mb-30 {
    margin-bottom: 300px !important;
  }
  .u-sp-mb-31 {
    margin-bottom: 310px !important;
  }
  .u-sp-mb-32 {
    margin-bottom: 320px !important;
  }
  .u-sp-mb-33 {
    margin-bottom: 330px !important;
  }
  .u-sp-mb-34 {
    margin-bottom: 340px !important;
  }
  .u-sp-mb-35 {
    margin-bottom: 350px !important;
  }
  .u-sp-mb-36 {
    margin-bottom: 360px !important;
  }
  .u-sp-mb-37 {
    margin-bottom: 370px !important;
  }
  .u-sp-mb-38 {
    margin-bottom: 380px !important;
  }
  .u-sp-mb-39 {
    margin-bottom: 390px !important;
  }
  .u-sp-mb-40 {
    margin-bottom: 400px !important;
  }
  .u-sp-mb-41 {
    margin-bottom: 410px !important;
  }
  .u-sp-mb-42 {
    margin-bottom: 420px !important;
  }
  .u-sp-mb-43 {
    margin-bottom: 430px !important;
  }
  .u-sp-mb-44 {
    margin-bottom: 440px !important;
  }
  .u-sp-mb-45 {
    margin-bottom: 450px !important;
  }
  .u-sp-mb-46 {
    margin-bottom: 460px !important;
  }
  .u-sp-mb-47 {
    margin-bottom: 470px !important;
  }
  .u-sp-mb-48 {
    margin-bottom: 480px !important;
  }
  .u-sp-mb-49 {
    margin-bottom: 490px !important;
  }
  .u-sp-mb-50 {
    margin-bottom: 500px !important;
  }
}
.u-ml--50 {
  margin-left: -500px !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media screen and (min-width: 1px) and (max-width: 980px) {
  .u-tab-ml--50 {
    margin-left: -500px !important;
  }
  .u-tab-ml--49 {
    margin-left: -490px !important;
  }
  .u-tab-ml--48 {
    margin-left: -480px !important;
  }
  .u-tab-ml--47 {
    margin-left: -470px !important;
  }
  .u-tab-ml--46 {
    margin-left: -460px !important;
  }
  .u-tab-ml--45 {
    margin-left: -450px !important;
  }
  .u-tab-ml--44 {
    margin-left: -440px !important;
  }
  .u-tab-ml--43 {
    margin-left: -430px !important;
  }
  .u-tab-ml--42 {
    margin-left: -420px !important;
  }
  .u-tab-ml--41 {
    margin-left: -410px !important;
  }
  .u-tab-ml--40 {
    margin-left: -400px !important;
  }
  .u-tab-ml--39 {
    margin-left: -390px !important;
  }
  .u-tab-ml--38 {
    margin-left: -380px !important;
  }
  .u-tab-ml--37 {
    margin-left: -370px !important;
  }
  .u-tab-ml--36 {
    margin-left: -360px !important;
  }
  .u-tab-ml--35 {
    margin-left: -350px !important;
  }
  .u-tab-ml--34 {
    margin-left: -340px !important;
  }
  .u-tab-ml--33 {
    margin-left: -330px !important;
  }
  .u-tab-ml--32 {
    margin-left: -320px !important;
  }
  .u-tab-ml--31 {
    margin-left: -310px !important;
  }
  .u-tab-ml--30 {
    margin-left: -300px !important;
  }
  .u-tab-ml--29 {
    margin-left: -290px !important;
  }
  .u-tab-ml--28 {
    margin-left: -280px !important;
  }
  .u-tab-ml--27 {
    margin-left: -270px !important;
  }
  .u-tab-ml--26 {
    margin-left: -260px !important;
  }
  .u-tab-ml--25 {
    margin-left: -250px !important;
  }
  .u-tab-ml--24 {
    margin-left: -240px !important;
  }
  .u-tab-ml--23 {
    margin-left: -230px !important;
  }
  .u-tab-ml--22 {
    margin-left: -220px !important;
  }
  .u-tab-ml--21 {
    margin-left: -210px !important;
  }
  .u-tab-ml--20 {
    margin-left: -200px !important;
  }
  .u-tab-ml--19 {
    margin-left: -190px !important;
  }
  .u-tab-ml--18 {
    margin-left: -180px !important;
  }
  .u-tab-ml--17 {
    margin-left: -170px !important;
  }
  .u-tab-ml--16 {
    margin-left: -160px !important;
  }
  .u-tab-ml--15 {
    margin-left: -150px !important;
  }
  .u-tab-ml--14 {
    margin-left: -140px !important;
  }
  .u-tab-ml--13 {
    margin-left: -130px !important;
  }
  .u-tab-ml--12 {
    margin-left: -120px !important;
  }
  .u-tab-ml--11 {
    margin-left: -110px !important;
  }
  .u-tab-ml--10 {
    margin-left: -100px !important;
  }
  .u-tab-ml--9 {
    margin-left: -90px !important;
  }
  .u-tab-ml--8 {
    margin-left: -80px !important;
  }
  .u-tab-ml--7 {
    margin-left: -70px !important;
  }
  .u-tab-ml--6 {
    margin-left: -60px !important;
  }
  .u-tab-ml--5 {
    margin-left: -50px !important;
  }
  .u-tab-ml--4 {
    margin-left: -40px !important;
  }
  .u-tab-ml--3 {
    margin-left: -30px !important;
  }
  .u-tab-ml--2 {
    margin-left: -20px !important;
  }
  .u-tab-ml--1 {
    margin-left: -10px !important;
  }
  .u-tab-ml-0 {
    margin-left: 0px !important;
  }
  .u-tab-ml-1 {
    margin-left: 10px !important;
  }
  .u-tab-ml-2 {
    margin-left: 20px !important;
  }
  .u-tab-ml-3 {
    margin-left: 30px !important;
  }
  .u-tab-ml-4 {
    margin-left: 40px !important;
  }
  .u-tab-ml-5 {
    margin-left: 50px !important;
  }
  .u-tab-ml-6 {
    margin-left: 60px !important;
  }
  .u-tab-ml-7 {
    margin-left: 70px !important;
  }
  .u-tab-ml-8 {
    margin-left: 80px !important;
  }
  .u-tab-ml-9 {
    margin-left: 90px !important;
  }
  .u-tab-ml-10 {
    margin-left: 100px !important;
  }
  .u-tab-ml-11 {
    margin-left: 110px !important;
  }
  .u-tab-ml-12 {
    margin-left: 120px !important;
  }
  .u-tab-ml-13 {
    margin-left: 130px !important;
  }
  .u-tab-ml-14 {
    margin-left: 140px !important;
  }
  .u-tab-ml-15 {
    margin-left: 150px !important;
  }
  .u-tab-ml-16 {
    margin-left: 160px !important;
  }
  .u-tab-ml-17 {
    margin-left: 170px !important;
  }
  .u-tab-ml-18 {
    margin-left: 180px !important;
  }
  .u-tab-ml-19 {
    margin-left: 190px !important;
  }
  .u-tab-ml-20 {
    margin-left: 200px !important;
  }
  .u-tab-ml-21 {
    margin-left: 210px !important;
  }
  .u-tab-ml-22 {
    margin-left: 220px !important;
  }
  .u-tab-ml-23 {
    margin-left: 230px !important;
  }
  .u-tab-ml-24 {
    margin-left: 240px !important;
  }
  .u-tab-ml-25 {
    margin-left: 250px !important;
  }
  .u-tab-ml-26 {
    margin-left: 260px !important;
  }
  .u-tab-ml-27 {
    margin-left: 270px !important;
  }
  .u-tab-ml-28 {
    margin-left: 280px !important;
  }
  .u-tab-ml-29 {
    margin-left: 290px !important;
  }
  .u-tab-ml-30 {
    margin-left: 300px !important;
  }
  .u-tab-ml-31 {
    margin-left: 310px !important;
  }
  .u-tab-ml-32 {
    margin-left: 320px !important;
  }
  .u-tab-ml-33 {
    margin-left: 330px !important;
  }
  .u-tab-ml-34 {
    margin-left: 340px !important;
  }
  .u-tab-ml-35 {
    margin-left: 350px !important;
  }
  .u-tab-ml-36 {
    margin-left: 360px !important;
  }
  .u-tab-ml-37 {
    margin-left: 370px !important;
  }
  .u-tab-ml-38 {
    margin-left: 380px !important;
  }
  .u-tab-ml-39 {
    margin-left: 390px !important;
  }
  .u-tab-ml-40 {
    margin-left: 400px !important;
  }
  .u-tab-ml-41 {
    margin-left: 410px !important;
  }
  .u-tab-ml-42 {
    margin-left: 420px !important;
  }
  .u-tab-ml-43 {
    margin-left: 430px !important;
  }
  .u-tab-ml-44 {
    margin-left: 440px !important;
  }
  .u-tab-ml-45 {
    margin-left: 450px !important;
  }
  .u-tab-ml-46 {
    margin-left: 460px !important;
  }
  .u-tab-ml-47 {
    margin-left: 470px !important;
  }
  .u-tab-ml-48 {
    margin-left: 480px !important;
  }
  .u-tab-ml-49 {
    margin-left: 490px !important;
  }
  .u-tab-ml-50 {
    margin-left: 500px !important;
  }
}
@media screen and (max-width: 650px) {
  .u-sp-ml--50 {
    margin-left: -500px !important;
  }
  .u-sp-ml--49 {
    margin-left: -490px !important;
  }
  .u-sp-ml--48 {
    margin-left: -480px !important;
  }
  .u-sp-ml--47 {
    margin-left: -470px !important;
  }
  .u-sp-ml--46 {
    margin-left: -460px !important;
  }
  .u-sp-ml--45 {
    margin-left: -450px !important;
  }
  .u-sp-ml--44 {
    margin-left: -440px !important;
  }
  .u-sp-ml--43 {
    margin-left: -430px !important;
  }
  .u-sp-ml--42 {
    margin-left: -420px !important;
  }
  .u-sp-ml--41 {
    margin-left: -410px !important;
  }
  .u-sp-ml--40 {
    margin-left: -400px !important;
  }
  .u-sp-ml--39 {
    margin-left: -390px !important;
  }
  .u-sp-ml--38 {
    margin-left: -380px !important;
  }
  .u-sp-ml--37 {
    margin-left: -370px !important;
  }
  .u-sp-ml--36 {
    margin-left: -360px !important;
  }
  .u-sp-ml--35 {
    margin-left: -350px !important;
  }
  .u-sp-ml--34 {
    margin-left: -340px !important;
  }
  .u-sp-ml--33 {
    margin-left: -330px !important;
  }
  .u-sp-ml--32 {
    margin-left: -320px !important;
  }
  .u-sp-ml--31 {
    margin-left: -310px !important;
  }
  .u-sp-ml--30 {
    margin-left: -300px !important;
  }
  .u-sp-ml--29 {
    margin-left: -290px !important;
  }
  .u-sp-ml--28 {
    margin-left: -280px !important;
  }
  .u-sp-ml--27 {
    margin-left: -270px !important;
  }
  .u-sp-ml--26 {
    margin-left: -260px !important;
  }
  .u-sp-ml--25 {
    margin-left: -250px !important;
  }
  .u-sp-ml--24 {
    margin-left: -240px !important;
  }
  .u-sp-ml--23 {
    margin-left: -230px !important;
  }
  .u-sp-ml--22 {
    margin-left: -220px !important;
  }
  .u-sp-ml--21 {
    margin-left: -210px !important;
  }
  .u-sp-ml--20 {
    margin-left: -200px !important;
  }
  .u-sp-ml--19 {
    margin-left: -190px !important;
  }
  .u-sp-ml--18 {
    margin-left: -180px !important;
  }
  .u-sp-ml--17 {
    margin-left: -170px !important;
  }
  .u-sp-ml--16 {
    margin-left: -160px !important;
  }
  .u-sp-ml--15 {
    margin-left: -150px !important;
  }
  .u-sp-ml--14 {
    margin-left: -140px !important;
  }
  .u-sp-ml--13 {
    margin-left: -130px !important;
  }
  .u-sp-ml--12 {
    margin-left: -120px !important;
  }
  .u-sp-ml--11 {
    margin-left: -110px !important;
  }
  .u-sp-ml--10 {
    margin-left: -100px !important;
  }
  .u-sp-ml--9 {
    margin-left: -90px !important;
  }
  .u-sp-ml--8 {
    margin-left: -80px !important;
  }
  .u-sp-ml--7 {
    margin-left: -70px !important;
  }
  .u-sp-ml--6 {
    margin-left: -60px !important;
  }
  .u-sp-ml--5 {
    margin-left: -50px !important;
  }
  .u-sp-ml--4 {
    margin-left: -40px !important;
  }
  .u-sp-ml--3 {
    margin-left: -30px !important;
  }
  .u-sp-ml--2 {
    margin-left: -20px !important;
  }
  .u-sp-ml--1 {
    margin-left: -10px !important;
  }
  .u-sp-ml-0 {
    margin-left: 0px !important;
  }
  .u-sp-ml-1 {
    margin-left: 10px !important;
  }
  .u-sp-ml-2 {
    margin-left: 20px !important;
  }
  .u-sp-ml-3 {
    margin-left: 30px !important;
  }
  .u-sp-ml-4 {
    margin-left: 40px !important;
  }
  .u-sp-ml-5 {
    margin-left: 50px !important;
  }
  .u-sp-ml-6 {
    margin-left: 60px !important;
  }
  .u-sp-ml-7 {
    margin-left: 70px !important;
  }
  .u-sp-ml-8 {
    margin-left: 80px !important;
  }
  .u-sp-ml-9 {
    margin-left: 90px !important;
  }
  .u-sp-ml-10 {
    margin-left: 100px !important;
  }
  .u-sp-ml-11 {
    margin-left: 110px !important;
  }
  .u-sp-ml-12 {
    margin-left: 120px !important;
  }
  .u-sp-ml-13 {
    margin-left: 130px !important;
  }
  .u-sp-ml-14 {
    margin-left: 140px !important;
  }
  .u-sp-ml-15 {
    margin-left: 150px !important;
  }
  .u-sp-ml-16 {
    margin-left: 160px !important;
  }
  .u-sp-ml-17 {
    margin-left: 170px !important;
  }
  .u-sp-ml-18 {
    margin-left: 180px !important;
  }
  .u-sp-ml-19 {
    margin-left: 190px !important;
  }
  .u-sp-ml-20 {
    margin-left: 200px !important;
  }
  .u-sp-ml-21 {
    margin-left: 210px !important;
  }
  .u-sp-ml-22 {
    margin-left: 220px !important;
  }
  .u-sp-ml-23 {
    margin-left: 230px !important;
  }
  .u-sp-ml-24 {
    margin-left: 240px !important;
  }
  .u-sp-ml-25 {
    margin-left: 250px !important;
  }
  .u-sp-ml-26 {
    margin-left: 260px !important;
  }
  .u-sp-ml-27 {
    margin-left: 270px !important;
  }
  .u-sp-ml-28 {
    margin-left: 280px !important;
  }
  .u-sp-ml-29 {
    margin-left: 290px !important;
  }
  .u-sp-ml-30 {
    margin-left: 300px !important;
  }
  .u-sp-ml-31 {
    margin-left: 310px !important;
  }
  .u-sp-ml-32 {
    margin-left: 320px !important;
  }
  .u-sp-ml-33 {
    margin-left: 330px !important;
  }
  .u-sp-ml-34 {
    margin-left: 340px !important;
  }
  .u-sp-ml-35 {
    margin-left: 350px !important;
  }
  .u-sp-ml-36 {
    margin-left: 360px !important;
  }
  .u-sp-ml-37 {
    margin-left: 370px !important;
  }
  .u-sp-ml-38 {
    margin-left: 380px !important;
  }
  .u-sp-ml-39 {
    margin-left: 390px !important;
  }
  .u-sp-ml-40 {
    margin-left: 400px !important;
  }
  .u-sp-ml-41 {
    margin-left: 410px !important;
  }
  .u-sp-ml-42 {
    margin-left: 420px !important;
  }
  .u-sp-ml-43 {
    margin-left: 430px !important;
  }
  .u-sp-ml-44 {
    margin-left: 440px !important;
  }
  .u-sp-ml-45 {
    margin-left: 450px !important;
  }
  .u-sp-ml-46 {
    margin-left: 460px !important;
  }
  .u-sp-ml-47 {
    margin-left: 470px !important;
  }
  .u-sp-ml-48 {
    margin-left: 480px !important;
  }
  .u-sp-ml-49 {
    margin-left: 490px !important;
  }
  .u-sp-ml-50 {
    margin-left: 500px !important;
  }
}
/* 文字を操作する系ユーティリティ */
.u-minchou {
  font-family: serif;
}

.u-gothic {
  font-family: "Nunito Sans", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}

.u-fontS {
  font-size: 11px;
}

.u-fontM {
  font-size: 22px;
}
@media screen and (min-width: 1px) and (max-width: 980px) {
  .u-fontM {
    font-size: 15px;
  }
}

.u-fontL {
  font-size: 30px;
}
@media screen and (max-width: 365px) {
  .u-fontL {
    font-size: 26px;
  }
}

.u-fontN {
  font-size: 16px;
}
@media screen and (min-width: 1px) and (max-width: 980px) {
  .u-fontN {
    font-size: 14px;
  }
}

.u-font10 {
  font-size: 10px !important;
}

.u-font11 {
  font-size: 11px !important;
}

.u-font12 {
  font-size: 12px !important;
}

.u-font13 {
  font-size: 13px !important;
}

.u-font14 {
  font-size: 14px !important;
}

.u-font15 {
  font-size: 15px !important;
}

.u-font16 {
  font-size: 16px !important;
}

.u-font17 {
  font-size: 17px !important;
}

.u-font18 {
  font-size: 18px !important;
}

.u-font19 {
  font-size: 19px !important;
}

.u-font20 {
  font-size: 20px !important;
}

.u-font21 {
  font-size: 21px !important;
}

.u-font22 {
  font-size: 22px !important;
}

.u-font23 {
  font-size: 23px !important;
}

.u-font24 {
  font-size: 24px !important;
}

.u-font25 {
  font-size: 25px !important;
}

.u-font26 {
  font-size: 26px !important;
}

.u-font27 {
  font-size: 27px !important;
}

.u-font28 {
  font-size: 28px !important;
}

.u-font29 {
  font-size: 29px !important;
}

.u-font30 {
  font-size: 30px !important;
}

.u-font31 {
  font-size: 31px !important;
}

.u-font32 {
  font-size: 32px !important;
}

.u-font33 {
  font-size: 33px !important;
}

.u-font34 {
  font-size: 34px !important;
}

.u-font35 {
  font-size: 35px !important;
}

.u-font36 {
  font-size: 36px !important;
}

.u-font37 {
  font-size: 37px !important;
}

.u-font38 {
  font-size: 38px !important;
}

.u-font39 {
  font-size: 39px !important;
}

.u-font40 {
  font-size: 40px !important;
}

@media screen and (min-width: 1px) and (max-width: 980px) {
  .u-tab-font0 {
    font-size: 0px !important;
  }
  .u-tab-font1 {
    font-size: 1px !important;
  }
  .u-tab-font2 {
    font-size: 2px !important;
  }
  .u-tab-font3 {
    font-size: 3px !important;
  }
  .u-tab-font4 {
    font-size: 4px !important;
  }
  .u-tab-font5 {
    font-size: 5px !important;
  }
  .u-tab-font6 {
    font-size: 6px !important;
  }
  .u-tab-font7 {
    font-size: 7px !important;
  }
  .u-tab-font8 {
    font-size: 8px !important;
  }
  .u-tab-font9 {
    font-size: 9px !important;
  }
  .u-tab-font10 {
    font-size: 10px !important;
  }
  .u-tab-font11 {
    font-size: 11px !important;
  }
  .u-tab-font12 {
    font-size: 12px !important;
  }
  .u-tab-font13 {
    font-size: 13px !important;
  }
  .u-tab-font14 {
    font-size: 14px !important;
  }
  .u-tab-font15 {
    font-size: 15px !important;
  }
  .u-tab-font16 {
    font-size: 16px !important;
  }
  .u-tab-font17 {
    font-size: 17px !important;
  }
  .u-tab-font18 {
    font-size: 18px !important;
  }
  .u-tab-font19 {
    font-size: 19px !important;
  }
  .u-tab-font20 {
    font-size: 20px !important;
  }
  .u-tab-font21 {
    font-size: 21px !important;
  }
  .u-tab-font22 {
    font-size: 22px !important;
  }
  .u-tab-font23 {
    font-size: 23px !important;
  }
  .u-tab-font24 {
    font-size: 24px !important;
  }
  .u-tab-font25 {
    font-size: 25px !important;
  }
  .u-tab-font26 {
    font-size: 26px !important;
  }
  .u-tab-font27 {
    font-size: 27px !important;
  }
  .u-tab-font28 {
    font-size: 28px !important;
  }
  .u-tab-font29 {
    font-size: 29px !important;
  }
  .u-tab-font30 {
    font-size: 30px !important;
  }
  .u-tab-font31 {
    font-size: 31px !important;
  }
  .u-tab-font32 {
    font-size: 32px !important;
  }
  .u-tab-font33 {
    font-size: 33px !important;
  }
  .u-tab-font34 {
    font-size: 34px !important;
  }
  .u-tab-font35 {
    font-size: 35px !important;
  }
  .u-tab-font36 {
    font-size: 36px !important;
  }
  .u-tab-font37 {
    font-size: 37px !important;
  }
  .u-tab-font38 {
    font-size: 38px !important;
  }
  .u-tab-font39 {
    font-size: 39px !important;
  }
  .u-tab-font40 {
    font-size: 40px !important;
  }
}
@media screen and (max-width: 650px) {
  .u-sp-font0 {
    font-size: 0px !important;
  }
  .u-sp-font1 {
    font-size: 1px !important;
  }
  .u-sp-font2 {
    font-size: 2px !important;
  }
  .u-sp-font3 {
    font-size: 3px !important;
  }
  .u-sp-font4 {
    font-size: 4px !important;
  }
  .u-sp-font5 {
    font-size: 5px !important;
  }
  .u-sp-font6 {
    font-size: 6px !important;
  }
  .u-sp-font7 {
    font-size: 7px !important;
  }
  .u-sp-font8 {
    font-size: 8px !important;
  }
  .u-sp-font9 {
    font-size: 9px !important;
  }
  .u-sp-font10 {
    font-size: 10px !important;
  }
  .u-sp-font11 {
    font-size: 11px !important;
  }
  .u-sp-font12 {
    font-size: 12px !important;
  }
  .u-sp-font13 {
    font-size: 13px !important;
  }
  .u-sp-font14 {
    font-size: 14px !important;
  }
  .u-sp-font15 {
    font-size: 15px !important;
  }
  .u-sp-font16 {
    font-size: 16px !important;
  }
  .u-sp-font17 {
    font-size: 17px !important;
  }
  .u-sp-font18 {
    font-size: 18px !important;
  }
  .u-sp-font19 {
    font-size: 19px !important;
  }
  .u-sp-font20 {
    font-size: 20px !important;
  }
  .u-sp-font21 {
    font-size: 21px !important;
  }
  .u-sp-font22 {
    font-size: 22px !important;
  }
  .u-sp-font23 {
    font-size: 23px !important;
  }
  .u-sp-font24 {
    font-size: 24px !important;
  }
  .u-sp-font25 {
    font-size: 25px !important;
  }
  .u-sp-font26 {
    font-size: 26px !important;
  }
  .u-sp-font27 {
    font-size: 27px !important;
  }
  .u-sp-font28 {
    font-size: 28px !important;
  }
  .u-sp-font29 {
    font-size: 29px !important;
  }
  .u-sp-font30 {
    font-size: 30px !important;
  }
  .u-sp-font31 {
    font-size: 31px !important;
  }
  .u-sp-font32 {
    font-size: 32px !important;
  }
  .u-sp-font33 {
    font-size: 33px !important;
  }
  .u-sp-font34 {
    font-size: 34px !important;
  }
  .u-sp-font35 {
    font-size: 35px !important;
  }
  .u-sp-font36 {
    font-size: 36px !important;
  }
  .u-sp-font37 {
    font-size: 37px !important;
  }
  .u-sp-font38 {
    font-size: 38px !important;
  }
  .u-sp-font39 {
    font-size: 39px !important;
  }
  .u-sp-font40 {
    font-size: 40px !important;
  }
}
.u-fontGreen {
  color: var(--color-green);
}

.u-fontWhite {
  color: #fff;
}

.u-fontRed {
  color: #E36B38;
}

.u-kakko {
  text-indent: -0.5em;
}

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

.u-medium {
  font-weight: 500 !important;
}

.u-bold {
  font-weight: 700 !important;
}

.u-semibold {
  font-weight: 600 !important;
}

.u-ls__thin {
  letter-spacing: -0.05em;
}

.u-ls__wide {
  letter-spacing: 0.1em;
}

.u-lh1 {
  line-height: 1 !important;
}

.u-lh2 {
  line-height: 2 !important;
}

.u-lh3 {
  line-height: 3 !important;
}

.u-lh4 {
  line-height: 4 !important;
}

.u-textleft, .textleft, .alignleft {
  text-align: left !important;
}

.u-textcenter, .textcenter, .aligncenter {
  text-align: center !important;
}

.u-textright, .textright, .alignright {
  text-align: right !important;
}

.u-textjustify, .textjustify, .alignjustify {
  text-align: justify !important;
}

@media screen and (min-width: 1px) and (max-width: 980px) {
  .u-textcenter-tab {
    text-align: center !important;
  }
}

@media screen and (max-width: 650px) {
  .u-textcenter-sp {
    text-align: center !important;
  }
}

@media screen and (max-width: 650px) {
  .u-textleft-sp {
    text-align: left !important;
  }
}

@media screen and (max-width: 650px) {
  .u-textright-sp {
    text-align: right !important;
  }
}

.u-marker-green {
  background: linear-gradient(transparent 45%, #CCEAE2 45%);
}

.u-text-external::after {
  background: url("https://s-ryokka.jp/wp/wp-content/themes/s-ryokka_11/images/icon-target-blank.svg") no-repeat center center/contain;
  content: "";
  display: inline-block;
  height: 11px;
  margin: 0 0 0 6px;
  width: 11px;
}

/* 表示&非表示を操作する系ユーティリティ */
.u-hide {
  display: none;
}

@media screen and (max-width: 650px) {
  .u-pc {
    display: none;
  }
}

.u-tab {
  display: none;
}
@media screen and (min-width: 1px) and (max-width: 980px) {
  .u-tab {
    display: inline-block;
  }
}

@media screen and (min-width: 1px) and (max-width: 980px) {
  .u-tab-none {
    display: none !important;
  }
}

.u-sp {
  display: none;
}
@media screen and (max-width: 650px) {
  .u-sp {
    display: inline-block;
  }
}

.u-small {
  display: none;
}
@media screen and (max-width: 365px) {
  .u-small {
    display: inline-block;
  }
}

@media screen and (max-width: 365px) {
  .u-small-none {
    display: none;
  }
}

/* 居場所がなかったのでここに */
.u-inlineblock {
  display: inline-block;
}

.u-padding0 {
  padding: 0 !important;
}

/* サブページ
------------------------------------*/
.top-kv {
  height: 51.0714285714vw;
  margin: 47px calc(50% - 50vw) 0;
  position: relative;
  width: 100vw;
}
@media screen and (max-width: 650px) {
  .top-kv {
    height: 198.9333333333vw;
    margin-top: 22px;
  }
}
.top-kv .top-kv__slider .top-kv__slider-wrapper {
  line-height: 0;
  list-style: none;
  -webkit-mask: url("https://s-ryokka.jp/wp/wp-content/themes/s-ryokka_11/images/mask-popian-kv.svg") no-repeat center bottom/cover;
          mask: url("https://s-ryokka.jp/wp/wp-content/themes/s-ryokka_11/images/mask-popian-kv.svg") no-repeat center bottom/cover;
  padding: 0;
}
@media screen and (max-width: 650px) {
  .top-kv .top-kv__slider .top-kv__slider-wrapper {
    -webkit-mask-image: url("https://s-ryokka.jp/wp/wp-content/themes/s-ryokka_11/images/mask-popian-kv-sp.svg");
            mask-image: url("https://s-ryokka.jp/wp/wp-content/themes/s-ryokka_11/images/mask-popian-kv-sp.svg");
  }
}
.top-kv .top-kv__slider .top-kv__slider-wrapper .top-kv__slider-items img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.top-kv .top-kv__copy {
  color: #fff;
  font-size: 2.5714285714vw;
  font-weight: 700;
  letter-spacing: 0.12em;
  line-height: 1.5;
  position: absolute;
  left: 7.8571428571vw;
  top: 15.5vw;
  text-shadow: 0 3px 6px rgba(0, 0, 0, 0.44);
  z-index: 1;
}
@media screen and (max-width: 650px) {
  .top-kv .top-kv__copy {
    font-size: 6.6666666667vw;
    line-height: 1.48;
    left: 31px;
    top: 117.0666666667vw;
  }
}

.top-summary {
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  max-width: 844px;
}
@media screen and (max-width: 650px) {
  .top-summary {
    flex-direction: column;
  }
}
.top-summary img {
  width: 215px;
}
@media screen and (max-width: 650px) {
  .top-summary img {
    margin: 0 auto;
    width: 90px;
  }
}
.top-summary .top-summary__body {
  max-width: 543px;
  width: 100%;
}
@media screen and (max-width: 650px) {
  .top-summary .top-summary__body {
    margin: 35px 0 0;
  }
}
.top-summary .top-summary__body .top-summary__headline {
  font-size: 28px;
  font-weight: 500;
  letter-spacing: 0.06em;
  line-height: 1.3928571429;
  text-align: center;
}
@media screen and (max-width: 650px) {
  .top-summary .top-summary__body .top-summary__headline {
    font-size: 24px;
    line-height: 1.5;
  }
}
.top-summary .top-summary__body .top-summary__text {
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.06em;
  line-height: 2;
  margin: 20px 0 0;
}
@media screen and (max-width: 650px) {
  .top-summary .top-summary__body .top-summary__text {
    font-size: 16px;
    line-height: 1.875;
    margin: 14px 0 0;
  }
}
.top-summary .top-summary__body .top-summary__button {
  margin: 40px auto 0;
  max-width: 356px;
}
@media screen and (max-width: 650px) {
  .top-summary .top-summary__body .top-summary__button {
    margin: 25px 0 0;
  }
}

.top-news .top-news__list {
  display: grid;
  gap: 26px 50px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(4, auto);
  list-style: none;
  margin: 0 auto;
  max-width: 914px;
  padding: 0;
}
@media screen and (max-width: 650px) {
  .top-news .top-news__list {
    gap: 16px 10px;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(3, auto);
  }
}
.top-news .top-news__list li:nth-child(1) {
  grid-area: 1/1/5/2;
}
@media screen and (max-width: 650px) {
  .top-news .top-news__list li:nth-child(1) {
    grid-area: 1/1/2/3;
    margin: 0 0 15px;
  }
}
.top-news .top-news__list li:nth-child(1):hover {
  opacity: 0.7;
}
.top-news .top-news__list li:nth-child(1):hover .top-news__items-headline {
  text-decoration: none;
}
.top-news .top-news__list li:nth-child(1):hover .top-news__items-photo img {
  transform: scale(1.05);
}
.top-news .top-news__list li:nth-child(1) .top-news__items-body {
  margin: 20px 0 0;
}
.top-news .top-news__list li:nth-child(2) {
  grid-area: 1/2/2/3;
}
@media screen and (max-width: 650px) {
  .top-news .top-news__list li:nth-child(2) {
    grid-area: 2/1/3/2;
  }
}
.top-news .top-news__list li:nth-child(3) {
  grid-area: 2/2/3/3;
}
@media screen and (max-width: 650px) {
  .top-news .top-news__list li:nth-child(3) {
    grid-area: 3/1/4/2;
  }
}
.top-news .top-news__list li:nth-child(4) {
  grid-area: 3/2/4/3;
}
@media screen and (max-width: 650px) {
  .top-news .top-news__list li:nth-child(4) {
    grid-area: 2/2/3/3;
  }
}
.top-news .top-news__list li:nth-child(5) {
  grid-area: 4/2/5/3;
}
@media screen and (max-width: 650px) {
  .top-news .top-news__list li:nth-child(5) {
    grid-area: 3/2/4/3;
  }
}
.top-news .top-news__list li:not(:nth-child(1)) .top-news__items {
  align-items: flex-start;
  display: flex;
}
@media screen and (max-width: 650px) {
  .top-news .top-news__list li:not(:nth-child(1)) .top-news__items {
    flex-direction: column;
  }
}
.top-news .top-news__list li:not(:nth-child(1)) .top-news__items:hover {
  opacity: 0.7;
}
.top-news .top-news__list li:not(:nth-child(1)) .top-news__items:hover .top-news__items-photo img {
  transform: scale(1.05);
}
.top-news .top-news__list li:not(:nth-child(1)) .top-news__items:hover .top-news__items-headline {
  text-decoration: none;
}
.top-news .top-news__list li:not(:nth-child(1)) .top-news__items .top-news__items-photo {
  aspect-ratio: 147/94;
  margin: 0 20px 0 0;
  width: 147px;
}
@media screen and (max-width: 650px) {
  .top-news .top-news__list li:not(:nth-child(1)) .top-news__items .top-news__items-photo {
    aspect-ratio: 152/98;
    width: 100%;
  }
}
.top-news .top-news__list li:not(:nth-child(1)) .top-news__items .top-news__items-photo img {
  width: 100%;
}
.top-news .top-news__list li:not(:nth-child(1)) .top-news__items .top-news__items-body {
  width: calc(100% - 167px);
}
@media screen and (max-width: 650px) {
  .top-news .top-news__list li:not(:nth-child(1)) .top-news__items .top-news__items-body {
    margin: 12px 0 0;
    width: 100%;
  }
}
@media screen and (max-width: 650px) {
  .top-news .top-news__list li:not(:nth-child(1)) .top-news__items .top-news__items-body .top-news__items-date {
    font-size: 12px;
    letter-spacing: 0.12em;
    line-height: 1.4166666667;
  }
}
.top-news .top-news__list li:not(:nth-child(1)) .top-news__items .top-news__items-body .top-news__items-headline {
  -webkit-box-orient: vertical;
  display: -webkit-box;
  font-size: 16px;
  -webkit-line-clamp: 2;
  line-height: 1.625;
  overflow: hidden;
}
@media screen and (max-width: 650px) {
  .top-news .top-news__list li:not(:nth-child(1)) .top-news__items .top-news__items-body .top-news__items-headline {
    font-size: 14px;
    letter-spacing: 0.02em;
    line-height: 1.8571428571;
    margin: 5px 0 0;
  }
}
.top-news .top-news__list li .top-news__items-photo {
  aspect-ratio: 415/265;
  border-radius: 10px;
  display: block;
  line-height: 0;
  overflow: hidden;
}
.top-news .top-news__list li .top-news__items-photo img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: transform 0.3s ease;
  width: 100%;
}
@media screen and (max-width: 650px) {
  .top-news .top-news__list li .top-news__items-body {
    margin: 10px 0 0;
  }
}
.top-news .top-news__list li .top-news__items-body .top-news__items-date {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.12em;
  line-height: 1.3571428571;
}
.top-news .top-news__list li .top-news__items-body .top-news__items-headline {
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.02em;
  line-height: 1.5555555556;
  margin: 8px 0 0;
  text-decoration: underline;
}
.top-news .top-news__list li .top-news__items-body .top-news__items-text {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.06em;
  line-height: 1.7142857143;
}
@media screen and (max-width: 650px) {
  .top-news .top-news__list li .top-news__items-body .top-news__items-text {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin: 8px 0 0;
  }
}
.top-news .top-news__button {
  margin: 0 auto;
  max-width: 283px;
}

.top-plant {
  padding: 120px 0 0;
  position: relative;
}
.top-plant::before {
  background: #F5F5F5;
  content: "";
  display: block;
  height: 50%;
  margin: 0 calc(50% - 50vw);
  position: absolute;
  left: 0;
  top: 0;
  width: 100vw;
  z-index: -1;
}
.top-plant .top-plant__slider {
  margin: 0 calc(50% - 50vw);
  position: relative;
  z-index: -1;
}
.top-plant .top-plant__wrapper {
  padding: 15.7142857143vw 0 16.4285714286vw;
  position: relative;
}
@media screen and (max-width: 650px) {
  .top-plant .top-plant__wrapper {
    padding: 47.2vw 0 80px;
  }
}
.top-plant .top-plant__wrapper::before {
  background: #fff;
  content: "";
  display: block;
  height: calc(100% - 15.5714285714vw - 12.7142857143vw);
  margin: 0 calc(50% - 50vw);
  position: absolute;
  left: 0;
  top: 15.5714285714vw;
  width: 100vw;
  z-index: -1;
}
@media screen and (max-width: 650px) {
  .top-plant .top-plant__wrapper::before {
    height: calc(100% - 46.6666666667vw);
    top: 46.6666666667vw;
  }
}
.top-plant .top-plant__body .top-plant__body-text {
  letter-spacing: 0;
  line-height: 1.5714285714;
  margin: 0 auto;
  max-width: 723px;
}
@media screen and (max-width: 650px) {
  .top-plant .top-plant__body .top-plant__body-text {
    font-size: 16px;
    line-height: 1.875;
  }
}
.top-plant .top-plant__list {
  display: flex;
  margin: 0 calc(50% - 50vw);
}
.top-plant .top-plant__list .top-plant__list-wrapper {
  animation: flow 200s linear infinite;
  display: flex;
  list-style: none;
  padding: 0;
}
.top-plant .top-plant__list .top-plant__items {
  margin: 0 7px;
  width: 218px;
}
@media screen and (max-width: 650px) {
  .top-plant .top-plant__list .top-plant__items {
    width: 264px;
  }
}
.top-plant .top-plant__list .top-plant__items .top-plant__items-link {
  display: block;
}
.top-plant .top-plant__list .top-plant__items .top-plant__items-link:hover {
  opacity: 0.5;
}
.top-plant .top-plant__list .top-plant__items .top-plant__items-photo {
  aspect-ratio: 218/129;
  border-radius: 10px;
  display: block;
  line-height: 0;
  overflow: hidden;
}
.top-plant .top-plant__list .top-plant__items .top-plant__items-photo img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.top-plant .top-plant__list .top-plant__items .top-plant__items-headline {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.4;
  margin: 8px 0 0;
  text-align: center;
}
@keyframes flow {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(-100%, 0, 0);
  }
}
.top-plant .top-plant__button {
  margin: 0 auto;
  max-width: 351px;
}

@media screen and (max-width: 650px) {
  .top-events .events-list .events-list__items:not(:nth-child(1), :nth-child(2), :nth-child(3), :nth-child(4)) {
    display: none;
  }
}
.top-events .top-events__button {
  margin: 0 auto;
  max-width: 315px;
}

.top-links {
  display: flex;
  gap: 16px;
  list-style: none;
}
@media screen and (max-width: 650px) {
  .top-links {
    flex-direction: column;
    gap: 30px;
  }
}
.top-links .top-links__items .top-links__items-link {
  border-radius: 20px;
  display: block;
  height: 100%;
  overflow: hidden;
}
.top-links .top-links__items .top-links__items-link:hover {
  opacity: 0.6;
}
.top-links .top-links__items .top-links__items-photo {
  display: block;
  line-height: 0;
  position: relative;
}
.top-links .top-links__items .top-links__items-photo img {
  width: 100%;
}
.top-links .top-links__items .top-links__items-photo .top-links__items-more {
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.6;
  padding: 22px 0 0;
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translate3d(0, -50%, 0);
}
.top-links .top-links__items .top-links__items-photo .top-links__items-more::before {
  border-right: solid 2px #fff;
  border-top: solid 2px #fff;
  content: "";
  display: block;
  height: 10px;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate3d(-50%, 0, 0) rotate(45deg);
  width: 10px;
}
.top-links .top-links__items .top-links__items-body {
  background: #fff;
  height: 100%;
  padding: 25px 36px;
}
@media screen and (max-width: 650px) {
  .top-links .top-links__items .top-links__items-body {
    padding: 20px 20px;
  }
}
.top-links .top-links__items .top-links__items-body .top-links__items-headline {
  color: var(--color-green);
  font-size: 32px;
  font-weight: 700;
  letter-spacing: 0.02em;
  line-height: 1.375;
  text-decoration: underline;
}
@media screen and (max-width: 650px) {
  .top-links .top-links__items .top-links__items-body .top-links__items-headline {
    font-size: 24px;
  }
}
.top-links .top-links__items .top-links__items-body .top-links__items-text {
  margin: 8px 0 0;
  max-width: 454px;
}

.top-school .top-school__wrapper {
  display: flex;
  margin: 0 calc(50% - 50vw);
  -webkit-mask: url("https://s-ryokka.jp/wp/wp-content/themes/s-ryokka_11/images/mask-popian.svg") no-repeat center center/cover;
          mask: url("https://s-ryokka.jp/wp/wp-content/themes/s-ryokka_11/images/mask-popian.svg") no-repeat center center/cover;
}
@media screen and (max-width: 650px) {
  .top-school .top-school__wrapper {
    flex-direction: column;
    -webkit-mask: url("https://s-ryokka.jp/wp/wp-content/themes/s-ryokka_11/images/mask-popian-kv-sp.svg") no-repeat center top/contain;
            mask: url("https://s-ryokka.jp/wp/wp-content/themes/s-ryokka_11/images/mask-popian-kv-sp.svg") no-repeat center top/contain;
  }
}
.top-school .top-school__wrapper .top-school__photo {
  display: block;
  line-height: 0;
  width: 50%;
}
@media screen and (max-width: 650px) {
  .top-school .top-school__wrapper .top-school__photo {
    width: 100%;
  }
}
.top-school .top-school__wrapper .top-school__photo img {
  width: 100%;
}
.top-school .top-school__wrapper .top-school__body {
  background: #fff;
  width: 50%;
}
@media screen and (max-width: 650px) {
  .top-school .top-school__wrapper .top-school__body {
    padding: 60px 0;
    width: 100%;
  }
}
@media screen and (max-width: 365px) {
  .top-school .top-school__wrapper .top-school__body {
    padding: 10px 0;
  }
}
.top-school .top-school__wrapper .top-school__body .top-school__body-wrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
}
.top-school .top-school__wrapper .top-school__body .top-school__text {
  letter-spacing: 0;
  line-height: 1.5714285714;
  margin: 20px auto 0;
  max-width: 423px;
}
@media screen and (max-width: 650px) {
  .top-school .top-school__wrapper .top-school__body .top-school__text {
    letter-spacing: 0.06em;
    margin-top: 30px;
    max-width: 258px;
  }
}
.top-school .top-school__wrapper .top-school__body .top-school__button {
  margin: 40px auto 0;
  max-width: 387px;
  width: 100%;
}
@media screen and (max-width: 650px) {
  .top-school .top-school__wrapper .top-school__body .top-school__button {
    max-width: calc(100% - 60px);
  }
}
@media screen and (max-width: 365px) {
  .top-school .top-school__wrapper .top-school__body .top-school__button {
    margin-bottom: 30px;
  }
}
.top-school .top-school__banner {
  display: block;
  margin: 0 auto;
  max-width: 914px;
}
.top-school .top-school__banner:hover {
  opacity: 0.6;
}
.top-school .top-school__banner img {
  width: 100%;
}

.top-facilities .top-facilities__body {
  display: flex;
  gap: 16px;
  position: relative;
}
@media screen and (max-width: 650px) {
  .top-facilities .top-facilities__body {
    flex-direction: column;
    gap: 30px;
  }
}
.top-facilities .top-facilities__body .top-facilities__photo {
  border-radius: 10px;
  display: block;
  line-height: 0;
  overflow: hidden;
  width: 50%;
}
@media screen and (max-width: 650px) {
  .top-facilities .top-facilities__body .top-facilities__photo {
    width: 100%;
  }
}
.top-facilities .top-facilities__body .top-facilities__photo img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.top-facilities .top-facilities__body .top-facilities__list {
  display: flex;
  flex-wrap: wrap;
  font-size: 16px;
  letter-spacing: 0.06em;
  line-height: 1.5;
  width: 50%;
}
@media screen and (max-width: 650px) {
  .top-facilities .top-facilities__body .top-facilities__list {
    flex-direction: column;
    width: 100%;
  }
}
.top-facilities .top-facilities__body .top-facilities__list dt {
  font-weight: 700;
  margin: 0 16px 16px 0;
  text-align: center;
  width: 77px;
}
@media screen and (max-width: 650px) {
  .top-facilities .top-facilities__body .top-facilities__list dt {
    margin: 0;
    width: auto;
    text-align: left;
  }
}
.top-facilities .top-facilities__body .top-facilities__list dt:nth-last-child(2) {
  margin-bottom: 0;
}
.top-facilities .top-facilities__body .top-facilities__list dd {
  margin: 0 0 16px;
  width: calc(100% - 93px);
}
@media screen and (max-width: 650px) {
  .top-facilities .top-facilities__body .top-facilities__list dd {
    font-size: 14px;
    line-height: 1.4285714286;
    margin: 5px 0 0;
    width: 100%;
  }
}
.top-facilities .top-facilities__body .top-facilities__list dd:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 650px) {
  .top-facilities .top-facilities__body .top-facilities__list dd + dt {
    margin-top: 30px;
  }
}
.top-facilities .top-facilities__body .top-facilities__list dd.is-flex {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 365px) {
  .top-facilities .top-facilities__body .top-facilities__list dd.is-flex {
    flex-direction: column;
  }
}
.top-facilities .top-facilities__body .top-facilities__list dd .title {
  width: 225px;
}
@media screen and (max-width: 650px) {
  .top-facilities .top-facilities__body .top-facilities__list dd .title {
    width: 200px;
  }
}
@media screen and (max-width: 365px) {
  .top-facilities .top-facilities__body .top-facilities__list dd .title {
    width: 100%;
  }
}
.top-facilities .top-facilities__body .top-facilities__list dd .text {
  width: 215px;
}
@media screen and (max-width: 650px) {
  .top-facilities .top-facilities__body .top-facilities__list dd .text {
    width: calc(100% - 200px);
  }
}
@media screen and (max-width: 365px) {
  .top-facilities .top-facilities__body .top-facilities__list dd .text {
    width: 100%;
  }
}
.top-facilities .top-facilities__body .top-facilities__link {
  color: #20ACE0;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.06em;
  line-height: 1.6;
  position: absolute;
  bottom: 0;
  right: 0;
  text-decoration: underline;
}
@media screen and (min-width: 1px) and (max-width: 980px) {
  .top-facilities .top-facilities__body .top-facilities__link {
    bottom: -30px;
  }
}
@media screen and (max-width: 650px) {
  .top-facilities .top-facilities__body .top-facilities__link {
    margin: 12px 0 0;
    position: static;
  }
}
.top-facilities .top-facilities__body .top-facilities__link:hover {
  text-decoration: none;
}
.top-facilities .top-facilities__map {
  display: block;
  max-width: 1100px;
  width: 100%;
}
@media screen and (max-width: 650px) {
  .top-facilities .top-facilities__map {
    height: 314px;
  }
}
.top-facilities .top-facilities__links {
  display: flex;
  justify-content: flex-end;
  margin: 21px 0 0;
}
@media screen and (max-width: 650px) {
  .top-facilities .top-facilities__links {
    align-items: flex-end;
    flex-direction: column;
  }
}
.top-facilities .top-facilities__links a {
  color: #20ACE0;
  display: inline-block;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.06em;
  line-height: 1.5;
  text-decoration: underline;
}
.top-facilities .top-facilities__links a:hover {
  text-decoration: none;
}
.top-facilities .top-facilities__links a:first-child {
  margin: 0 40px 0 0;
}
@media screen and (max-width: 650px) {
  .top-facilities .top-facilities__links a:first-child {
    margin: 0 0 10px;
  }
}

.top-sns {
  padding: 120px 0 0;
}
@media screen and (max-width: 650px) {
  .top-sns {
    padding-top: 100px;
  }
}
.top-sns .top-sns__list {
  align-items: flex-start;
  background-color: #fff;
  border-radius: 10px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 auto;
  max-width: 850px;
  padding: 38px 51px 8px 51px;
}
@media screen and (min-width: 1px) and (max-width: 980px) {
  .top-sns .top-sns__list {
    padding: 38px 30px 8px 30px;
  }
}
@media screen and (max-width: 650px) {
  .top-sns .top-sns__list {
    padding-bottom: 18px;
  }
}
.top-sns .top-sns__list .top-sns__items {
  align-items: center;
  display: flex;
  margin: 0 0 20px;
  transition: opacity 0.3s ease;
  width: 47.5935828877%;
}
.top-sns .top-sns__list .top-sns__items:hover {
  opacity: 0.7;
}
@media screen and (max-width: 650px) {
  .top-sns .top-sns__list .top-sns__items {
    width: 100%;
  }
}
.top-sns .top-sns__list .top-sns__items .top-sns__list-image {
  display: block;
  height: auto;
  margin: 0 30px 0 0;
  width: 56px;
}
@media screen and (max-width: 650px) {
  .top-sns .top-sns__list .top-sns__items .top-sns__list-image {
    margin-right: 24px;
    width: 40px;
  }
}
.top-sns .top-sns__list .top-sns__items .top-sns__list-box .top-sns__list-name {
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.02em;
  line-height: 1.25;
  margin: 0 0 2px;
}
.top-sns .top-sns__list .top-sns__items .top-sns__list-box .top-sns__list-text {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.4285714286;
}

.about-info {
  margin: 0 auto;
  max-width: 723px;
}
.about-info .about-info__text {
  letter-spacing: 0;
  line-height: 1.5714285714;
}
@media screen and (max-width: 650px) {
  .about-info .about-info__text {
    font-size: 16px;
    letter-spacing: 0.06em;
    line-height: 1.875;
  }
}
.about-info .about-info__list {
  max-width: 673px;
}

.about-others {
  margin: 0 auto;
  max-width: 728px;
}
.about-others .about-others__list {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  justify-content: space-between;
  list-style: none;
  padding: 0;
}
@media screen and (max-width: 650px) {
  .about-others .about-others__list {
    flex-direction: column;
    gap: 20px;
  }
}
.about-others .about-others__list .about-others__items {
  background: #fff;
  border-radius: 20px;
  overflow: hidden;
  width: calc(50% - 8px);
}
@media screen and (max-width: 650px) {
  .about-others .about-others__list .about-others__items {
    width: 100%;
  }
}
.about-others .about-others__list .about-others__items .about-others__items-link {
  display: block;
}
.about-others .about-others__list .about-others__items .about-others__items-link:hover {
  opacity: 0.5;
}
.about-others .about-others__list .about-others__items .about-others__items-link:hover .about-others__items-headline {
  text-decoration: none;
}
.about-others .about-others__list .about-others__items .about-others__items-link .about-others__items-photo {
  display: block;
  height: 175px;
  line-height: 0;
}
@media screen and (max-width: 650px) {
  .about-others .about-others__list .about-others__items .about-others__items-link .about-others__items-photo {
    height: 45.3333333333vw;
  }
}
.about-others .about-others__list .about-others__items .about-others__items-link .about-others__items-photo img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.about-others .about-others__list .about-others__items .about-others__items-link .about-others__items-headline {
  color: var(--color-green);
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0.02em;
  line-height: 1.2;
  padding: 25px 36px 28px;
  text-decoration: underline;
}
@media screen and (max-width: 650px) {
  .about-others .about-others__list .about-others__items .about-others__items-link .about-others__items-headline {
    padding: 20px 36px 23px;
  }
}

.plant-feature {
  display: block;
}
.plant-feature.is-green .plant-feature__description {
  background-color: var(--color-green, #8EC43E);
}
.plant-feature.is-pink .plant-feature__description {
  background-color: var(--color-pink, #CD5394);
}
.plant-feature.is-yellow .plant-feature__description {
  background-color: var(--color-yellow, #EFBE00);
}
.plant-feature.is-no-open .plant-feature__summary {
  pointer-events: none;
  opacity: 1;
}
.plant-feature.is-no-open .plant-feature__description {
  justify-content: flex-start;
}
.plant-feature.is-no-open .plant-feature__description::after {
  display: none;
}
.plant-feature[open] .plant-feature__description::after {
  transform: rotate(225deg);
}
.plant-feature[open] .plant-feature__detail {
  grid-template-rows: 1fr;
}
.plant-feature:nth-child(even) .plant-feature__description {
  margin: 0 auto 0 0;
}
.plant-feature .plant-feature__summary {
  border-radius: 10px;
  cursor: pointer;
  display: block;
  height: 430px;
  overflow: hidden;
  position: relative;
  transition: opacity 0.3s ease;
}
@media screen and (max-width: 650px) {
  .plant-feature .plant-feature__summary {
    height: auto;
  }
}
.plant-feature .plant-feature__summary:hover {
  opacity: 0.6;
}
.plant-feature .plant-feature__summary::-webkit-details-marker {
  display: none;
}
.plant-feature .plant-feature__image {
  display: block;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: -1;
}
@media screen and (max-width: 650px) {
  .plant-feature .plant-feature__image {
    aspect-ratio: 8/5;
    position: relative;
    top: auto;
    left: auto;
  }
}
.plant-feature .plant-feature__image img {
  display: block;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.plant-feature .plant-feature__description {
  background-color: var(--color-green, #8EC43E);
  box-sizing: border-box;
  color: #fff;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
  margin: 0 0 0 auto;
  padding: 45px;
  width: 360px;
}
@media screen and (max-width: 650px) {
  .plant-feature .plant-feature__description {
    padding: 20px;
    width: 100%;
  }
}
.plant-feature .plant-feature__description::after {
  border-right: solid 2px #fff;
  border-bottom: solid 2px #fff;
  content: "";
  display: block;
  height: 15px;
  margin: auto auto 0;
  transform: rotate(45deg);
  width: 15px;
}
@media screen and (max-width: 650px) {
  .plant-feature .plant-feature__description::after {
    margin: 20px auto 0;
  }
}
.plant-feature .plant-feature__description .plant-feature__headline {
  font-size: 28px;
  font-weight: 700;
  line-height: 1.3928571429;
  text-align: center;
}
.plant-feature .plant-feature__description .plant-feature__text {
  font-weight: 700;
  line-height: 1.5714285714;
  margin: 20px auto 0;
}
.plant-feature .plant-feature__detail {
  display: grid;
  grid-template-rows: 0fr;
  margin: 0 auto;
  max-width: 1020px;
  transition: grid-template-rows 3s ease;
}
.plant-feature .plant-feature__gallery {
  display: flex;
  flex-wrap: wrap;
  gap: 15px 0;
  justify-content: space-between;
  list-style: none;
  padding: 0;
}
@media screen and (min-width: 1px) and (max-width: 980px) {
  .plant-feature .plant-feature__gallery {
    gap: 10px 0;
  }
}
.plant-feature .plant-feature__gallery li {
  width: calc(25% - 11px);
}
@media screen and (max-width: 650px) {
  .plant-feature .plant-feature__gallery li {
    width: calc(50% - 5px);
  }
}
.plant-feature .plant-feature__gallery li img {
  aspect-ratio: 1;
  border-radius: 5px;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}

.plant-sort-headline {
  align-items: center;
  background: none;
  display: flex;
  font-size: 22px;
  font-weight: 500;
  justify-content: center;
  line-height: 1.4090909091;
  margin: 0 auto;
  padding: 0;
}
@media screen and (max-width: 650px) {
  .plant-sort-headline {
    font-size: 16px;
  }
}
.plant-sort-headline .plant-sort-headline__icon {
  display: inline-block;
  margin: 0 10px 0 0;
}
@media screen and (max-width: 650px) {
  .plant-sort-headline .plant-sort-headline__icon {
    height: 19px;
    margin: 0 6px 0 0;
    width: 18px;
  }
}
.plant-sort-headline .plant-sort-headline__tooltip {
  display: inline-block;
  line-height: 0;
  margin: 0 0 0 12px;
  padding: 4px 0 0;
}
@media screen and (max-width: 650px) {
  .plant-sort-headline .plant-sort-headline__tooltip {
    margin: 0 0 0 10px;
    padding: 0;
  }
}

.plant-sort {
  display: flex;
  gap: 12px;
  justify-content: space-between;
  position: relative;
}
@media screen and (min-width: 1px) and (max-width: 980px) {
  .plant-sort {
    flex-wrap: wrap;
  }
}
.plant-sort .plant-sort__button {
  background-color: var(--color-gray2, #E3E3E3);
  border-radius: 10px;
  cursor: pointer;
  display: block;
  font-size: 14px;
  font-weight: 500;
  height: 42px;
  line-height: 1;
  transition: background-color 0.3s ease, color 0.3s ease;
  width: 100%;
}
@media screen and (min-width: 1px) and (max-width: 980px) {
  .plant-sort .plant-sort__button {
    width: calc(25% - 9px);
  }
}
.plant-sort .plant-sort__button:hover, .plant-sort .plant-sort__button.is-active {
  background-color: var(--color-green, #8EC43E);
  color: #fff;
}
@media screen and (min-width: 1px) and (max-width: 980px) {
  .plant-sort .plant-sort__button.is-all {
    margin: 0 75% 0 0;
  }
}
.plant-sort .plant-sort__popian {
  opacity: 0;
  position: absolute;
  left: calc(50% - 50vw - 65px);
  top: -120px;
  transform: rotate(-5deg) translate3d(-30%, 0, 0);
  transition: opacity 0.1s ease, transform 0.2s linear;
  z-index: -1;
}
@media screen and (min-width: 1px) and (max-width: 980px) {
  .plant-sort .plant-sort__popian {
    left: -85px;
    top: 0;
    width: 132px;
  }
}
.plant-sort .plant-sort__popian.is-animated {
  opacity: 1;
  transform: rotate(15deg) translate3d(0, 0, 0);
}

.plant-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0 16px;
  justify-content: space-between;
  list-style: none;
  margin: -40px auto 0;
  padding: 0;
}
@media screen and (max-width: 650px) {
  .plant-list {
    gap: 0 10px;
    margin: -20px 0 0;
  }
}
.plant-list.is-january .plant-list__items.is-january, .plant-list.is-feburary .plant-list__items.is-feburary, .plant-list.is-march .plant-list__items.is-march, .plant-list.is-april .plant-list__items.is-april, .plant-list.is-may .plant-list__items.is-may, .plant-list.is-june .plant-list__items.is-june, .plant-list.is-july .plant-list__items.is-july, .plant-list.is-august .plant-list__items.is-august, .plant-list.is-september .plant-list__items.is-september, .plant-list.is-october .plant-list__items.is-october, .plant-list.is-november .plant-list__items.is-november, .plant-list.is-december .plant-list__items.is-december {
  display: block;
}
.plant-list.is-all .plant-list__items {
  display: block;
}
.plant-list .plant-list__items {
  display: none;
  flex: 1 0 0;
  margin: 40px 0 0;
  min-width: 150px;
}
@media screen and (max-width: 650px) {
  .plant-list .plant-list__items {
    margin: 20px 0 0;
    min-width: 120px;
  }
}
.plant-list .plant-list__items.is-dummy {
  display: block;
  margin: 0;
}
.plant-list .plant-list__link {
  display: block;
  transition: opacity 0.3 ease;
}
.plant-list .plant-list__link:hover {
  opacity: 0.7;
}
.plant-list .plant-list__image {
  aspect-ratio: 1;
  border-radius: 10px;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  overflow: hidden;
  width: 100%;
}
.plant-list .plant-list__name {
  display: block;
  font-size: 16px;
  font-weight: 700;
  margin: 10px auto 0;
  text-align: center;
}

.plant-details {
  background-color: #fff;
  border-radius: 10px;
  box-sizing: border-box;
  margin: 0 auto;
  max-width: 727px;
  padding: 60px;
}
@media screen and (max-width: 650px) {
  .plant-details {
    padding: 20px;
  }
}
.plant-details .plant-details__title {
  font-size: 28px;
  font-weight: 500;
  letter-spacing: 0.08em;
  line-height: 1.3571428571;
}
@media screen and (max-width: 650px) {
  .plant-details .plant-details__title {
    font-size: 22px;
  }
}
.plant-details .plant-details__photo {
  border-radius: 10px;
  display: block;
  height: auto;
  margin: 30px auto 0;
  max-width: 100%;
  overflow: hidden;
}
@media screen and (max-width: 650px) {
  .plant-details .plant-details__photo {
    margin-top: 20px;
  }
}
.plant-details .plant-details__photo img {
  display: block;
}
.plant-details .plant-details__contents {
  box-sizing: border-box;
  padding: 30px;
}
@media screen and (max-width: 650px) {
  .plant-details .plant-details__contents {
    padding: 0;
  }
}
.plant-details .plant-details__contents p {
  margin: 25px auto;
}
.plant-details .plant-details__contents a {
  color: var(--color-link, #20ACE0);
  text-decoration: underline;
}
.plant-details .plant-details__contents a:hover {
  text-decoration: none;
}
.plant-details .plant-details__contents .wp-block-gallery {
  gap: 16px;
  margin: 25px auto;
}
.plant-details .plant-details__contents .wp-block-image {
  border-radius: 10px;
  overflow: hidden;
}

.plant-recommends {
  margin: 0 auto;
  max-width: 727px;
}
.plant-recommends .plant-recommends__headline {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  font-size: 22px;
  font-weight: 500;
  letter-spacing: 0.08em;
  line-height: 1.4090909091;
  padding: 0 0 0 34px;
}
@media screen and (max-width: 650px) {
  .plant-recommends .plant-recommends__headline {
    font-size: 16px;
    padding: 0 0 0 20px;
  }
}
.plant-recommends .plant-recommends__headline::before {
  background: url("https://s-ryokka.jp/wp/wp-content/themes/s-ryokka_11/images/icon-leaf.svg") no-repeat center center/contain;
  content: "";
  display: block;
  height: 40px;
  margin: 0 20px 0 0;
  width: 37px;
}
.plant-recommends .plant-recommends__contents {
  background-color: #fff;
  border-radius: 10px;
  box-sizing: border-box;
  margin: 12px auto 0;
  padding: 50px 33px 60px;
}
@media screen and (max-width: 650px) {
  .plant-recommends .plant-recommends__contents {
    padding: 30px 20px;
  }
}

.news-details {
  background-color: #fff;
  border-radius: 10px;
  box-sizing: border-box;
  margin: 0 auto;
  max-width: var(--contents-width, 1160px);
  padding: 80px 80px 40px;
}
@media screen and (max-width: 650px) {
  .news-details {
    padding: 24px 18px;
  }
}
.news-details .news-details__meta {
  align-items: center;
  display: flex;
  margin: 0 auto;
  max-width: 720px;
}
@media screen and (max-width: 650px) {
  .news-details .news-details__meta {
    align-items: flex-start;
    flex-direction: column;
  }
}
.news-details .news-details__meta .news-details__date {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.08em;
  line-height: 1.375;
  margin: 0 20px 0 0;
}
@media screen and (max-width: 650px) {
  .news-details .news-details__meta .news-details__date {
    font-size: 14px;
    margin: 0 0 9px;
  }
}
.news-details .news-details__title {
  border-bottom: solid 2px #3B3B3B;
  box-sizing: border-box;
  font-size: 28px;
  font-weight: 500;
  letter-spacing: 0.08em;
  line-height: 1.3571428571;
  margin: 40px auto 0;
  max-width: 720px;
  padding: 0 0 12px;
}
@media screen and (max-width: 650px) {
  .news-details .news-details__title {
    font-size: 20px;
    margin: 25px auto 0;
  }
}
.news-details .news-details__contents {
  box-sizing: border-box;
  margin: 0 auto;
  max-width: 720px;
  padding: 30px 30px 80px;
}
@media screen and (max-width: 650px) {
  .news-details .news-details__contents {
    padding: 10px 0 40px;
  }
}
.news-details .news-details__contents h2 {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  font-size: 22px;
  font-weight: 500;
  letter-spacing: 0.08em;
  line-height: 1.4090909091;
  margin: 20px auto;
}
@media screen and (max-width: 650px) {
  .news-details .news-details__contents h2 {
    font-size: 17px;
    font-weight: 700;
  }
}
.news-details .news-details__contents h2::before {
  background: url("https://s-ryokka.jp/wp/wp-content/themes/s-ryokka_11/images/icon-seed-black.svg") no-repeat center center/contain;
  content: "";
  display: block;
  height: 20px;
  margin: 0 10px 0 0;
  width: 26px;
}
.news-details .news-details__contents p {
  margin: 20px auto;
}
.news-details .news-details__contents a {
  color: var(--color-link, #20ACE0);
  text-decoration: underline;
}
.news-details .news-details__contents a:hover {
  text-decoration: none;
}
.news-details .news-details__contents ul {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 8px;
  list-style: none;
  margin: 20px auto;
  padding: 0 20px;
}
.news-details .news-details__contents ul li {
  box-sizing: border-box;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.8125;
  padding: 0 0 0 30px;
  position: relative;
}
.news-details .news-details__contents ul li::before {
  background: url("https://s-ryokka.jp/wp/wp-content/themes/s-ryokka_11/images/icon-seed-black.svg") no-repeat center center/contain;
  content: "";
  display: block;
  height: 15px;
  margin: 0 10px 0 0;
  position: absolute;
  left: 0;
  top: 5px;
  width: 20px;
}
.news-details .news-details__contents .wp-block-gallery {
  gap: 16px;
  margin: 20px auto;
}
.news-details .news-details__contents .wp-block-image {
  border-radius: 10px;
  display: block;
  overflow: hidden;
}

.cases-details {
  background-color: #fff;
  border-radius: 10px;
  box-sizing: border-box;
  margin: 0 auto;
  max-width: var(--contents-width, 1160px);
  padding: 80px 80px 40px;
  position: relative;
}
@media screen and (max-width: 650px) {
  .cases-details {
    padding: 40px 20px;
  }
}
.cases-details::before {
  background: url("https://s-ryokka.jp/wp/wp-content/themes/s-ryokka_11/images/icon-leaves.svg") no-repeat center center/contain;
  content: "";
  display: block;
  height: 34px;
  position: absolute;
  left: 80px;
  top: -20px;
  width: 102px;
}
@media screen and (max-width: 650px) {
  .cases-details::before {
    left: 12px;
  }
}
.cases-details.is-leaf::before {
  background-image: url("https://s-ryokka.jp/wp/wp-content/themes/s-ryokka_11/images/icon-leaves.svg");
}
.cases-details.is-seed::before {
  background-image: url("https://s-ryokka.jp/wp/wp-content/themes/s-ryokka_11/images/icon-seeds.svg");
}
.cases-details.is-flower::before {
  background-image: url("https://s-ryokka.jp/wp/wp-content/themes/s-ryokka_11/images/icon-flowers.svg");
}
.cases-details .cases-details__meta {
  align-items: center;
  display: flex;
  margin: 0 auto;
  max-width: 720px;
}
@media screen and (max-width: 650px) {
  .cases-details .cases-details__meta {
    align-items: flex-start;
    flex-direction: column;
  }
}
.cases-details .cases-details__meta .cases-details__date {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.08em;
  line-height: 1.375;
  margin: 0 20px 0 0;
}
@media screen and (max-width: 650px) {
  .cases-details .cases-details__meta .cases-details__date {
    font-size: 14px;
    margin: 0 0 9px;
  }
}
.cases-details .cases-details__title {
  border-bottom: solid 2px #3B3B3B;
  box-sizing: border-box;
  font-size: 28px;
  font-weight: 500;
  letter-spacing: 0.08em;
  line-height: 1.3571428571;
  margin: 40px auto 0;
  max-width: 720px;
  padding: 0 0 12px;
}
@media screen and (max-width: 650px) {
  .cases-details .cases-details__title {
    font-size: 20px;
    margin: 25px auto 0;
  }
}
.cases-details .cases-details__photo {
  border-radius: 10px;
  display: block;
  height: auto;
  margin: 10px auto 40px;
  max-width: 100%;
  overflow: hidden;
}
@media screen and (max-width: 650px) {
  .cases-details .cases-details__photo {
    margin-top: 20px;
  }
}
.cases-details .cases-details__photo img {
  display: block;
}
.cases-details .cases-details__contents {
  box-sizing: border-box;
  margin: 0 auto;
  max-width: 720px;
  padding: 30px 30px 80px;
}
@media screen and (max-width: 650px) {
  .cases-details .cases-details__contents {
    padding: 10px 0 40px;
  }
}
.cases-details .cases-details__contents h2 {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  font-size: 22px;
  font-weight: 500;
  letter-spacing: 0.08em;
  line-height: 1.4090909091;
  margin: 20px auto;
}
@media screen and (max-width: 650px) {
  .cases-details .cases-details__contents h2 {
    font-size: 17px;
    font-weight: 700;
  }
}
.cases-details .cases-details__contents h2::before {
  background: url("https://s-ryokka.jp/wp/wp-content/themes/s-ryokka_11/images/icon-seed-black.svg") no-repeat center center/contain;
  content: "";
  display: block;
  height: 20px;
  margin: 0 10px 0 0;
  width: 26px;
}
.cases-details .cases-details__contents p {
  margin: 20px auto;
}
.cases-details .cases-details__contents a {
  color: var(--color-link, #20ACE0);
  text-decoration: underline;
}
.cases-details .cases-details__contents a:hover {
  text-decoration: none;
}
.cases-details .cases-details__contents ul {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 8px;
  list-style: none;
  margin: 20px auto;
  padding: 0 20px;
}
.cases-details .cases-details__contents ul li {
  box-sizing: border-box;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.8125;
  padding: 0 0 0 30px;
  position: relative;
}
.cases-details .cases-details__contents ul li::before {
  background: url("https://s-ryokka.jp/wp/wp-content/themes/s-ryokka_11/images/icon-seed-black.svg") no-repeat center center/contain;
  content: "";
  display: block;
  height: 15px;
  margin: 0 10px 0 0;
  position: absolute;
  left: 0;
  top: 5px;
  width: 20px;
}
.cases-details .cases-details__contents .wp-block-gallery {
  gap: 16px;
  margin: 20px auto;
}
.cases-details .cases-details__contents .wp-block-image {
  border-radius: 10px;
  overflow: hidden;
}

.cases-deco {
  position: absolute;
  left: -65px;
  top: 50%;
  transform: rotate(-5deg) translate3d(-30%, 0, 0);
  transition: transform 0.2s linear;
  z-index: -1;
}
@media screen and (min-width: 1px) and (max-width: 980px) {
  .cases-deco {
    left: -55px;
    width: 132px;
  }
}
.cases-deco.is-animated {
  transform: rotate(15deg) translate3d(0, 0, 0);
}

.events-sort {
  align-items: center;
  display: flex;
  gap: 56px 36px;
  justify-content: space-between;
  list-style: none;
  padding: 0;
}
@media screen and (min-width: 1px) and (max-width: 980px) {
  .events-sort {
    flex-direction: column-reverse;
  }
}
.events-sort .events-sort__items {
  max-width: 492px;
  width: 100%;
}
.events-sort .events-sort__label {
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.06em;
  line-height: 1.4166666667;
  padding: 0 0 7px;
}
@media screen and (min-width: 1px) and (max-width: 980px) {
  .events-sort .events-sort__label {
    font-size: 14px;
  }
}
.events-sort .events-sort__notes {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.8;
  text-align: right;
}
@media screen and (min-width: 1px) and (max-width: 980px) {
  .events-sort .events-sort__notes {
    font-size: 16px;
    text-align: center;
  }
}
.events-sort .events-sort__notes a {
  color: var(--color-link);
  text-decoration: underline;
}
.events-sort .events-sort__notes a::after {
  height: 14px;
  width: 14px;
}
.events-sort .events-sort__notes a:hover {
  text-decoration: none;
}

.events-special {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.events-special .events-special__items {
  border: 5px solid var(--color-pink);
  border-radius: 20px;
  display: block;
  margin: 0 auto;
  max-width: 780px;
  position: relative;
  width: 100%;
}
.events-special .events-special__items:after {
  background: url("https://s-ryokka.jp/wp/wp-content/themes/s-ryokka_11/images/icon-flower.svg") no-repeat center center/contain;
  content: "";
  display: block;
  height: 53px;
  position: absolute;
  bottom: -12px;
  right: -12px;
  width: 54px;
}
.events-special .events-special__items:hover {
  opacity: 0.4;
}
.events-special .events-special__items:hover .events-special__items-photo img {
  transform: scale(1.05);
}
.events-special .events-special__items .events-special__items-title {
  background: var(--color-pink);
  border-radius: 10px 10px 0 0;
  color: #fff;
  font-size: 22px;
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1.0909090909;
  padding: 8px 0;
  text-align: center;
}
.events-special .events-special__items .events-special__items-wrapper {
  display: flex;
}
@media screen and (max-width: 650px) {
  .events-special .events-special__items .events-special__items-wrapper {
    flex-direction: column;
  }
}
.events-special .events-special__items .events-special__items-photo {
  aspect-ratio: 516/290;
  border-radius: 0 0 0 14px;
  display: block;
  line-height: 0;
  overflow: hidden;
  width: 66.1538461538%;
}
@media screen and (max-width: 650px) {
  .events-special .events-special__items .events-special__items-photo {
    border-radius: 0;
    width: 100%;
  }
}
.events-special .events-special__items .events-special__items-photo img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: transform 0.3s ease;
  width: 100%;
}
.events-special .events-special__items .events-special__items-body {
  padding: 22px 28px 18px;
  width: 33.8461538462%;
}
@media screen and (max-width: 650px) {
  .events-special .events-special__items .events-special__items-body {
    padding: 16px 18px;
    width: 100%;
  }
}
.events-special .events-special__items .events-special__items-body .events-special__items-term {
  background: #FCD7EA;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.12em;
  line-height: 1;
  padding: 3px 6px 2px;
}
.events-special .events-special__items .events-special__items-body .events-special__items-headline {
  color: var(--color-pink);
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0.02em;
  line-height: 1.6;
  margin: 7px 0 0;
  text-decoration: underline;
}
.events-special .events-special__items .events-special__items-body .events-special__items-text {
  -webkit-box-orient: vertical;
  display: -webkit-box;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.06em;
  -webkit-line-clamp: 2;
  line-height: 1.7142857143;
  margin: 13px 0 0;
  overflow: hidden;
}
.events-special .events-special__items .events-special__items-body .events-special__items-more {
  color: var(--color-pink);
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.06em;
  line-height: 1.5;
  margin: 7px 0 0;
  text-decoration: underline;
}
.events-special .events-special__items .events-special__items-body .events-special__items-more::after {
  border-right: 1px solid var(--color-pink);
  border-top: 1px solid var(--color-pink);
  content: "";
  display: inline-block;
  height: 10px;
  rotate: 45deg;
  width: 10px;
}

.events-list {
  align-items: stretch;
  display: flex;
  flex-wrap: wrap;
  gap: 0 16px;
  justify-content: space-between;
  margin: -44px auto 0;
}
@media screen and (max-width: 650px) {
  .events-list {
    margin: -30px auto 0;
  }
}
.events-list .events-list__items {
  background: #fff;
  border: solid 3px var(--color-green);
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: stretch;
  margin: 44px 0 0;
  overflow: hidden;
  position: relative;
  width: calc(25% - 12px);
}
@media screen and (min-width: 1px) and (max-width: 980px) {
  .events-list .events-list__items {
    width: calc(50% - 8px);
  }
}
@media screen and (max-width: 650px) {
  .events-list .events-list__items {
    margin: 30px 0 0;
    width: 100%;
  }
}
.events-list .events-list__items:hover {
  opacity: 0.4;
}
.events-list .events-list__items:hover .events-list__image img {
  transform: scale(1.05);
}
.events-list .events-list__items.is-dummy {
  background: none;
  border: none;
  margin: 0;
}
.events-list .events-list__items.is-done {
  border: solid 3px rgba(var(--color-green-rgb), 0.15);
}
.events-list .events-list__items.is-done::after {
  align-items: center;
  background-color: rgba(244, 244, 244, 0.85);
  content: "このイベントは\a終了しました";
  color: var(--color-text);
  display: flex;
  font-size: 18px;
  font-weight: 700;
  height: 100%;
  justify-content: center;
  letter-spacing: 0.02em;
  line-height: 1.5555555556;
  position: absolute;
  left: 0;
  top: 0;
  text-align: center;
  white-space: pre;
  width: 100%;
}
.events-list .events-list__image {
  aspect-ratio: 16/9;
  display: block;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.events-list .events-list__image img {
  display: block;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: transform 0.3s ease;
  width: 100%;
}
.events-list .events-list__image .events-list__category {
  background-color: #eee;
  border-radius: 0 20px 0 0;
  color: #fff;
  display: inline-block;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 1.375;
  padding: 5px 15px 5px 13px;
  position: absolute;
  left: 0;
  bottom: 0;
}
.events-list .events-list__detail {
  padding: 18px 14px 66px;
  width: 100%;
}
.events-list .events-list__detail .events-list__date {
  background-color: #CAE89E;
  color: var(--color-text);
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  margin: 4px 0 0;
  padding: 0 3px;
}
.events-list .events-list__detail .events-list__date:nth-of-type(1) {
  margin: 0;
}
.events-list .events-list__detail .events-list__title {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.02em;
  line-height: 1.5;
  margin: 10px 0 0;
  text-decoration: underline;
}
.events-list .events-list__detail .events-list__text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.06em;
  line-height: 1.7142857143;
  margin: 15px 0;
  overflow: hidden;
}
.events-list .events-list__more {
  align-items: center;
  color: var(--color-green);
  display: flex;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.06em;
  line-height: 1.375;
  margin: auto 0 0;
  position: absolute;
  left: 18px;
  bottom: 26px;
  text-decoration: underline;
}
.events-list .events-list__more::after {
  border-bottom: solid 2px var(--color-green);
  border-left: solid 2px var(--color-green);
  content: "";
  display: block;
  height: 9px;
  margin: 0 0 0 10px;
  transform: rotate(225deg);
  width: 9px;
}

.events-details {
  background-color: #fff;
  border-radius: 10px;
  box-sizing: border-box;
  margin: 0 auto;
  max-width: var(--contents-width, 1160px);
  padding: 80px 80px 40px;
  position: relative;
}
@media screen and (max-width: 650px) {
  .events-details {
    padding: 24px 18px;
  }
}
.events-details .events-details__header {
  margin: 0 auto;
  max-width: 720px;
}
.events-details .events-details__header .events-details__done {
  background-color: #707070;
  box-sizing: border-box;
  color: #fff;
  font-size: 28px;
  font-weight: 500;
  letter-spacing: 0.08em;
  line-height: 1.375;
  padding: 27px;
  text-align: center;
}
@media screen and (min-width: 1px) and (max-width: 980px) {
  .events-details .events-details__header .events-details__done {
    font-size: 20px;
    padding: 20px;
  }
}
.events-details .events-details__header .events-details__title {
  border-bottom: solid 2px #3B3B3B;
  box-sizing: border-box;
  font-size: 28px;
  font-weight: 500;
  letter-spacing: 0.08em;
  line-height: 1.3571428571;
  margin: 20px auto 0;
  padding: 0 0 30px;
}
@media screen and (max-width: 650px) {
  .events-details .events-details__header .events-details__title {
    font-size: 20px;
    margin: 18px auto 0;
    padding: 0 0 12px;
  }
}
.events-details .events-details__header .events-details__photo {
  display: block;
  height: auto;
  margin: 40px auto;
}
@media screen and (max-width: 650px) {
  .events-details .events-details__header .events-details__photo {
    margin: 20px auto 30px;
  }
}
.events-details .events-details__header .events-details__photo img {
  border-radius: 10px;
  display: block;
  margin: 0 auto;
}
.events-details .events-details__header .events-details__meta {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
}
.events-details .events-details__header .events-details__meta .events-details__category {
  background-color: var(--color-text);
  box-sizing: border-box;
  color: #fff;
  font-size: 20px;
  line-height: 1.35;
  padding: 4px 20px;
}
@media screen and (max-width: 650px) {
  .events-details .events-details__header .events-details__meta .events-details__category {
    font-size: 14px;
    padding: 2px 8px;
  }
}
.events-details .events-details__header .events-details__meta .events-details__date {
  background-color: #CAE89E;
  display: inline-block;
  font-size: 24px;
  letter-spacing: 0.08em;
  line-height: 1.2083333333;
  margin: 12px 12px 0 0;
  padding: 3px 11px;
}
@media screen and (max-width: 650px) {
  .events-details .events-details__header .events-details__meta .events-details__date {
    font-size: 16px;
    margin: 8px 8px 0 0;
    padding: 2px 8px;
  }
}
.events-details .events-details__contents {
  box-sizing: border-box;
  margin: 0 auto;
  max-width: 720px;
  padding: 30px 30px 80px;
}
@media screen and (max-width: 650px) {
  .events-details .events-details__contents {
    padding: 10px 0 40px;
  }
}
.events-details .events-details__contents h2 {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  font-size: 22px;
  font-weight: 500;
  letter-spacing: 0.08em;
  line-height: 1.4090909091;
  margin: 20px auto;
}
@media screen and (max-width: 650px) {
  .events-details .events-details__contents h2 {
    font-size: 17px;
    font-weight: 700;
  }
}
.events-details .events-details__contents h2::before {
  background: url("https://s-ryokka.jp/wp/wp-content/themes/s-ryokka_11/images/icon-seed-black.svg") no-repeat center center/contain;
  content: "";
  display: block;
  height: 20px;
  margin: 0 10px 0 0;
  width: 26px;
}
.events-details .events-details__contents p {
  margin: 20px auto;
}
.events-details .events-details__contents a {
  color: var(--color-link, #20ACE0);
  text-decoration: underline;
}
.events-details .events-details__contents a:hover {
  text-decoration: none;
}
.events-details .events-details__contents ul {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 8px;
  list-style: none;
  margin: 20px auto;
  padding: 0 20px;
}
.events-details .events-details__contents ul li {
  box-sizing: border-box;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.8125;
  padding: 0 0 0 30px;
  position: relative;
}
.events-details .events-details__contents ul li::before {
  background: url("https://s-ryokka.jp/wp/wp-content/themes/s-ryokka_11/images/icon-seed-black.svg") no-repeat center center/contain;
  content: "";
  display: block;
  height: 15px;
  margin: 0 10px 0 0;
  position: absolute;
  left: 0;
  top: 5px;
  width: 20px;
}
.events-details .events-details__contents .wp-block-gallery {
  gap: 16px;
  margin: 20px auto;
}
.events-details .events-details__contents .wp-block-image {
  border-radius: 10px;
  overflow: hidden;
}

.guides-summary .guides-summary__headline {
  font-size: 28px;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
}
.guides-summary .guides-summary__text {
  letter-spacing: 0;
  line-height: 1.5714285714;
  margin: 0 auto;
  max-width: 723px;
}
.guides-summary .guides-summary__photos {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
@media screen and (max-width: 650px) {
  .guides-summary .guides-summary__photos {
    gap: 10px;
  }
}
.guides-summary .guides-summary__photos figure {
  border-radius: 40px;
  display: block;
  line-height: 0;
  overflow: hidden;
}
@media screen and (max-width: 650px) {
  .guides-summary .guides-summary__photos figure {
    border-radius: 15px;
  }
}
.guides-summary .guides-summary__photos figure:nth-child(1) {
  height: 368px;
  width: 100%;
}
@media screen and (max-width: 650px) {
  .guides-summary .guides-summary__photos figure:nth-child(1) {
    height: 60vw;
  }
}
.guides-summary .guides-summary__photos figure:nth-child(1) img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.guides-summary .guides-summary__photos figure:nth-child(2), .guides-summary .guides-summary__photos figure:nth-child(3) {
  width: calc(50% - 8px);
}
@media screen and (max-width: 650px) {
  .guides-summary .guides-summary__photos figure:nth-child(2), .guides-summary .guides-summary__photos figure:nth-child(3) {
    width: calc(50% - 5px);
  }
}

.guides-howto .guides-howto__list {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  justify-content: center;
  list-style: none;
  padding: 0;
  width: 100%;
}
@media screen and (min-width: 1px) and (max-width: 980px) {
  .guides-howto .guides-howto__list {
    gap: 20px;
  }
}
.guides-howto .guides-howto__list .guides-howto__items {
  background: #fff;
  border: solid 5px #eee;
  border-radius: 40px;
  padding: 30px 30px 40px;
  text-align: center;
  width: 356px;
}
@media screen and (min-width: 1px) and (max-width: 980px) {
  .guides-howto .guides-howto__list .guides-howto__items {
    padding: 16px 20px 17px;
  }
}
.guides-howto .guides-howto__list .guides-howto__items.is-pink {
  border-color: var(--color-pink);
}
.guides-howto .guides-howto__list .guides-howto__items.is-pink .guides-howto__items-headline {
  color: var(--color-pink);
}
.guides-howto .guides-howto__list .guides-howto__items.is-green {
  border-color: var(--color-green);
}
.guides-howto .guides-howto__list .guides-howto__items.is-green .guides-howto__items-headline {
  color: var(--color-green);
}
.guides-howto .guides-howto__list .guides-howto__items.is-yellow {
  border-color: var(--color-yellow);
}
.guides-howto .guides-howto__list .guides-howto__items.is-yellow .guides-howto__items-headline {
  color: var(--color-yellow);
}
.guides-howto .guides-howto__list .guides-howto__items .guides-howto__items-headline {
  font-size: 26px;
  font-weight: 700;
  line-height: 1.3846153846;
  margin: 20px 0 14px;
}
@media screen and (min-width: 1px) and (max-width: 980px) {
  .guides-howto .guides-howto__list .guides-howto__items .guides-howto__items-headline {
    font-size: 22px;
    line-height: 1.4090909091;
    margin: 7px 0 12px;
  }
}
.guides-howto .guides-howto__list .guides-howto__items .guides-howto__items-text {
  font-size: 15px;
  font-weight: 700;
  line-height: 1.4666666667;
}
@media screen and (min-width: 1px) and (max-width: 980px) {
  .guides-howto .guides-howto__list .guides-howto__items .guides-howto__items-text {
    font-size: 14px;
    line-height: 1.7142857143;
    text-align: left;
    text-indent: -1em;
    padding: 0 0 0 1em;
  }
}
.guides-howto .guides-howto__list .guides-howto__items .guides-howto__items-tel {
  font-size: 26px;
  font-weight: 700;
  line-height: 1.4615384615;
}
@media screen and (min-width: 1px) and (max-width: 980px) {
  .guides-howto .guides-howto__list .guides-howto__items .guides-howto__items-tel {
    font-size: 22px;
    letter-spacing: 0;
    line-height: 1.4090909091;
  }
}
.guides-howto .guides-howto__list .guides-howto__items .guides-howto__items-button {
  margin: 20px auto 15px;
  max-width: 279px;
}
.guides-howto .guides-howto__list .guides-howto__items .guides-howto__items-hours {
  background: var(--color-gray1);
  border-radius: 15px;
  display: none;
  margin: 7px 0 0;
  padding: 16px 20px 12px;
  text-align: left;
}
@media screen and (min-width: 1px) and (max-width: 980px) {
  .guides-howto .guides-howto__list .guides-howto__items .guides-howto__items-hours {
    display: block;
  }
}
.guides-howto .guides-howto__list .guides-howto__items .guides-howto__items-hours .guides-howto__items-hours-title {
  color: var(--color-green);
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.02em;
  line-height: 1.3888888889;
}
.guides-howto .guides-howto__list .guides-howto__items .guides-howto__items-hours .guides-howto__items-hours-text {
  margin: 7px 0 0;
}
@media screen and (min-width: 1px) and (max-width: 980px) {
  .guides-howto .guides-howto__list .guides-howto__items .guides-howto__items-hours .guides-howto__items-hours-text {
    font-size: 14px;
    letter-spacing: 0.06em;
    line-height: 1.5;
  }
}
.guides-howto .guides-howto__note {
  background: #fff;
  border-radius: 10px;
  padding: 38px 0;
  text-align: center;
}
.guides-howto .guides-howto__note .guides-howto__note-headline {
  color: var(--color-green);
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 0.02em;
  line-height: 1.5555555556;
}
.guides-howto .guides-howto__note .guides-howto__note-text {
  font-size: 18px;
  font-weight: 700;
  margin: 6px 0 0;
}

.guides-schedule .guides-schedule__photo {
  display: block;
  line-height: 0;
  margin: 0 auto;
  max-width: 728px;
  width: 100%;
}
@media screen and (max-width: 650px) {
  .guides-schedule .guides-schedule__photo {
    margin-bottom: 40px;
  }
}
.guides-schedule .guides-schedule__photo > img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.guides-schedule .guides-schedule__photo a {
  color: #20ACE0;
  display: inline-block;
  outline: none;
  padding: 10px 0;
  text-decoration: underline;
  text-align: right;
}
.guides-schedule .guides-schedule__photo a img {
  margin: 0 0 -1px 5px;
}
.guides-schedule .guides-schedule__photo a::after {
  text-decoration: none;
}
.guides-schedule .guides-schedule__photo a:hover {
  text-decoration: none;
}

.guides-staff .guides-staff__list {
  display: flex;
  flex-wrap: wrap;
  gap: 30px min(4.2857142857vw, 60px);
  list-style: none;
  padding: 0;
}
@media screen and (max-width: 650px) {
  .guides-staff .guides-staff__list {
    flex-direction: column;
  }
}
.guides-staff .guides-staff__list .guides-staff__items {
  background: #F5F5F5;
  padding: 68px 60px 102px;
  position: relative;
  width: calc(50% - min(2.1428571429vw, 30px));
}
@media screen and (max-width: 650px) {
  .guides-staff .guides-staff__list .guides-staff__items {
    padding: 26px 20px 60px;
    width: 100%;
  }
}
.guides-staff .guides-staff__list .guides-staff__items .guides-staff__items-headline {
  font-size: 28px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1;
}
.guides-staff .guides-staff__list .guides-staff__items .guides-staff__items-text {
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.5714285714;
  margin: 24px 0 0;
  max-height: unset;
  overflow: hidden;
  position: relative;
  transition: max-height 0.3s ease;
}
.guides-staff .guides-staff__list .guides-staff__items .guides-staff__items-text::after {
  background: linear-gradient(transparent, var(--color-gray1));
  content: "";
  display: block;
  height: 65px;
  opacity: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
.guides-staff .guides-staff__list .guides-staff__items .guides-staff__items-text.is-hide {
  max-height: 85px;
}
.guides-staff .guides-staff__list .guides-staff__items .guides-staff__items-text.is-hide::after {
  opacity: 1;
}
.guides-staff .guides-staff__list .guides-staff__items .guides-staff__items-text.is-hide + .guides-staff__items-button::after {
  margin: 0 0 3px 8px;
  transform: rotate(135deg);
}
.guides-staff .guides-staff__list .guides-staff__items .guides-staff__items-button {
  color: var(--color-green);
  cursor: pointer;
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.06em;
  line-height: 1.5;
  outline: none;
  position: absolute;
  bottom: 60px;
  right: 60px;
  text-decoration: underline;
}
@media screen and (max-width: 650px) {
  .guides-staff .guides-staff__list .guides-staff__items .guides-staff__items-button {
    bottom: 20px;
    right: 20px;
  }
}
.guides-staff .guides-staff__list .guides-staff__items .guides-staff__items-button::after {
  border-right: solid 1px var(--color-green);
  border-top: solid 1px var(--color-green);
  content: "";
  display: inline-block;
  height: 10px;
  margin: 0 0 -3px 8px;
  transform: rotate(-45deg);
  width: 10px;
}
.guides-staff .guides-staff__list .guides-staff__items .guides-staff__items-button:hover {
  text-decoration: none;
}

.faq-list {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media screen and (min-width: 1px) and (max-width: 980px) {
  .faq-list {
    gap: 12px;
  }
}
.faq-list.is-green .faq-list__items .faq-list__question::before {
  background-color: var(--color-green, #8EC43E);
}
.faq-list.is-pink .faq-list__items .faq-list__question::before {
  background-color: var(--color-pink, #CD5394);
}
.faq-list.is-yellow .faq-list__items .faq-list__question::before {
  background-color: var(--color-yellow, #EFBE00);
}
.faq-list .faq-list__items {
  background-color: #fff;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 0 auto;
  max-width: 720px;
  padding: 30px 50px;
  width: 100%;
}
@media screen and (min-width: 1px) and (max-width: 980px) {
  .faq-list .faq-list__items {
    padding: 24px 18px;
  }
}
.faq-list .faq-list__items .faq-list__question {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1.5;
  min-height: 44px;
  padding: 8px 0 0 74px;
  position: relative;
}
@media screen and (min-width: 1px) and (max-width: 980px) {
  .faq-list .faq-list__items .faq-list__question {
    font-size: 18px;
    padding: 6px 0 0 56px;
  }
}
.faq-list .faq-list__items .faq-list__question::before {
  align-items: center;
  background-color: var(--color-green);
  border-radius: 50%;
  color: #fff;
  content: "Q";
  display: flex;
  font-size: 28px;
  font-weight: 700;
  height: 44px;
  justify-content: center;
  line-height: 1;
  position: absolute;
  left: 0;
  top: 0;
  width: 44px;
}
@media screen and (min-width: 1px) and (max-width: 980px) {
  .faq-list .faq-list__items .faq-list__question::before {
    font-size: 25px;
    height: 40px;
    padding-bottom: 2px;
    width: 40px;
  }
}
.faq-list .faq-list__items .faq-list__answer {
  color: #5B5B5B;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.5;
  min-height: 44px;
  padding: 11px 0 0 74px;
  position: relative;
}
@media screen and (min-width: 1px) and (max-width: 980px) {
  .faq-list .faq-list__items .faq-list__answer {
    font-size: 16px;
    padding: 8px 0 0 56px;
  }
}
.faq-list .faq-list__items .faq-list__answer::before {
  align-items: center;
  background-color: var(--color-gray1);
  border-radius: 50%;
  color: var(--color-text, #3B3B3B);
  content: "A";
  display: flex;
  font-size: 28px;
  font-weight: 700;
  height: 44px;
  justify-content: center;
  position: absolute;
  left: 0;
  top: 0;
  width: 44px;
}
@media screen and (min-width: 1px) and (max-width: 980px) {
  .faq-list .faq-list__items .faq-list__answer::before {
    font-size: 25px;
    height: 40px;
    width: 40px;
  }
}
.faq-list .faq-list__items .faq-list__answer a {
  color: var(--color-link, #20ACE0);
  text-decoration: underline;
}
.faq-list .faq-list__items .faq-list__answer a:hover {
  text-decoration: none;
}

.volunteer-summary .volunteer-summary__headline {
  font-size: 28px;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
}
@media screen and (max-width: 650px) {
  .volunteer-summary .volunteer-summary__headline {
    font-weight: 500;
  }
}
.volunteer-summary .volunteer-summary__text {
  letter-spacing: 0;
  line-height: 1.5714285714;
  margin: 0 auto;
  max-width: 723px;
}
@media screen and (max-width: 650px) {
  .volunteer-summary .volunteer-summary__text {
    font-size: 16px;
    line-height: 1.875;
  }
}
.volunteer-summary .volunteer-summary__photos {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
@media screen and (max-width: 650px) {
  .volunteer-summary .volunteer-summary__photos {
    gap: 10px;
  }
}
.volunteer-summary .volunteer-summary__photos figure {
  border-radius: 40px;
  display: block;
  line-height: 0;
  overflow: hidden;
}
@media screen and (max-width: 650px) {
  .volunteer-summary .volunteer-summary__photos figure {
    border-radius: 15px;
  }
}
.volunteer-summary .volunteer-summary__photos figure:nth-child(1) {
  height: 368px;
  width: 100%;
}
@media screen and (max-width: 650px) {
  .volunteer-summary .volunteer-summary__photos figure:nth-child(1) {
    height: 53.3333333333vw;
  }
}
.volunteer-summary .volunteer-summary__photos figure:nth-child(1) img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}

.volunteer-join {
  margin: 0 auto;
  max-width: 728px;
}
.volunteer-join .volunteer-join__text {
  letter-spacing: 0;
  text-align: center;
}
@media screen and (max-width: 650px) {
  .volunteer-join .volunteer-join__text {
    font-size: 16px;
    letter-spacing: 0.06em;
    line-height: 1.875;
    text-align: left;
  }
}
.volunteer-join .volunteer-join__list {
  background: #fff;
  border-radius: 10px;
  list-style: none;
  padding: 40px 95px;
}
@media screen and (max-width: 650px) {
  .volunteer-join .volunteer-join__list {
    padding: 20px;
  }
}
.volunteer-join .volunteer-join__list li {
  display: flex;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 0.02em;
  line-height: 1.9583333333;
}
@media screen and (max-width: 650px) {
  .volunteer-join .volunteer-join__list li {
    font-size: 16px;
    line-height: 1.375;
  }
}
.volunteer-join .volunteer-join__list li::before {
  color: var(--color-green);
  content: "●";
  display: inline-block;
  margin: 0 5px 0 0;
}
.volunteer-join .volunteer-join__list li + li {
  margin: 20px 0 0;
}
.volunteer-join .volunteer-join__dl {
  background: #fff;
  border-radius: 10px;
  padding: 40px;
}
@media screen and (max-width: 650px) {
  .volunteer-join .volunteer-join__dl {
    padding: 20px;
  }
}
.volunteer-join .volunteer-join__dl dt {
  color: var(--color-green);
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.02em;
  line-height: 1.5555555556;
}
.volunteer-join .volunteer-join__dl dd {
  margin: 0 0 0 23px;
}
@media screen and (max-width: 650px) {
  .volunteer-join .volunteer-join__dl dd {
    margin: 5px 0 0;
  }
}
.volunteer-join .volunteer-join__dl dd + dt {
  margin: 40px 0 0;
}
@media screen and (max-width: 650px) {
  .volunteer-join .volunteer-join__dl dd + dt {
    margin: 16px 0 0;
  }
}
.volunteer-join .volunteer-join__button {
  margin: 0 auto;
  max-width: 297px;
}

.volunteer-activity .volunteer-activity__text {
  letter-spacing: 0;
  text-align: center;
}
@media screen and (max-width: 650px) {
  .volunteer-activity .volunteer-activity__text {
    font-size: 16px;
    letter-spacing: 0.06em;
    line-height: 1.875;
  }
}
.volunteer-activity .volunteer-activity__list {
  gap: 16px;
  list-style: none;
  margin: 0 auto;
  max-width: 1102px;
  padding: 0;
}
@media screen and (max-width: 650px) {
  .volunteer-activity .volunteer-activity__list {
    display: block;
  }
}
.volunteer-activity .volunteer-activity__list .grid-sizer,
.volunteer-activity .volunteer-activity__list .volunteer-activity__items {
  background: #fff;
  border-radius: 10px;
  float: left;
  margin: 0 0 16px;
  padding: 40px 40px 30px;
  width: calc(50% - 8px);
}
@media screen and (max-width: 650px) {
  .volunteer-activity .volunteer-activity__list .grid-sizer,
  .volunteer-activity .volunteer-activity__list .volunteer-activity__items {
    padding: 20px 20px 14px;
    width: 100%;
  }
}
.volunteer-activity .volunteer-activity__list .grid-sizer:last-child,
.volunteer-activity .volunteer-activity__list .volunteer-activity__items:last-child {
  width: 100%;
}
.volunteer-activity .volunteer-activity__list .grid-sizer .volunteer-activity__items-headline,
.volunteer-activity .volunteer-activity__list .volunteer-activity__items .volunteer-activity__items-headline {
  color: var(--color-green);
  font-size: 22px;
  font-weight: 700;
  letter-spacing: 0.02em;
  line-height: 1.2727272727;
}
@media screen and (max-width: 650px) {
  .volunteer-activity .volunteer-activity__list .grid-sizer .volunteer-activity__items-headline,
  .volunteer-activity .volunteer-activity__list .volunteer-activity__items .volunteer-activity__items-headline {
    font-size: 18px;
    line-height: 1.5555555556;
  }
}
.volunteer-activity .volunteer-activity__list .grid-sizer .volunteer-activity__items-text,
.volunteer-activity .volunteer-activity__list .volunteer-activity__items .volunteer-activity__items-text {
  margin: 12px 0 0;
}
@media screen and (max-width: 650px) {
  .volunteer-activity .volunteer-activity__list .grid-sizer .volunteer-activity__items-text,
  .volunteer-activity .volunteer-activity__list .volunteer-activity__items .volunteer-activity__items-text {
    margin: 8px 0 0;
  }
}
.volunteer-activity .volunteer-activity__list .grid-sizer .volunteer-activity__3cols,
.volunteer-activity .volunteer-activity__list .volunteer-activity__items .volunteer-activity__3cols {
  display: flex;
  flex-wrap: wrap;
  gap: 0 52px;
  list-style-type: none;
  margin: -40px 0 0;
  padding: 0;
}
@media screen and (max-width: 650px) {
  .volunteer-activity .volunteer-activity__list .grid-sizer .volunteer-activity__3cols,
  .volunteer-activity .volunteer-activity__list .volunteer-activity__items .volunteer-activity__3cols {
    gap: 0 50px;
    margin: -50px 0 0;
  }
}
.volunteer-activity .volunteer-activity__list .grid-sizer .volunteer-activity__3cols li,
.volunteer-activity .volunteer-activity__list .volunteer-activity__items .volunteer-activity__3cols li {
  flex: 1 0 0;
  margin: 40px 0 0;
  min-width: 240px;
}
@media screen and (max-width: 650px) {
  .volunteer-activity .volunteer-activity__list .grid-sizer .volunteer-activity__3cols li,
  .volunteer-activity .volunteer-activity__list .volunteer-activity__items .volunteer-activity__3cols li {
    margin: 50px 0 0;
    width: 100%;
  }
}
.volunteer-activity .volunteer-activity__list .grid-sizer .volunteer-activity__3cols li.is-dummy,
.volunteer-activity .volunteer-activity__list .volunteer-activity__items .volunteer-activity__3cols li.is-dummy {
  margin: 0;
}
.volunteer-activity .volunteer-activity__list .grid-sizer .volunteer-activity__3cols li figure,
.volunteer-activity .volunteer-activity__list .volunteer-activity__items .volunteer-activity__3cols li figure {
  border-radius: 20px;
  display: block;
  line-height: 0;
  overflow: hidden;
}
.volunteer-activity .volunteer-activity__list .grid-sizer .volunteer-activity__3cols li figure img,
.volunteer-activity .volunteer-activity__list .volunteer-activity__items .volunteer-activity__3cols li figure img {
  width: 100%;
}
.volunteer-activity .volunteer-activity__list .grid-sizer .volunteer-activity__3cols li h4,
.volunteer-activity .volunteer-activity__list .volunteer-activity__items .volunteer-activity__3cols li h4 {
  font-size: 22px;
  font-weight: 700;
  letter-spacing: 0.02em;
  line-height: 1.2727272727;
  margin: 15px 0 0;
}
@media screen and (max-width: 650px) {
  .volunteer-activity .volunteer-activity__list .grid-sizer .volunteer-activity__3cols li h4,
  .volunteer-activity .volunteer-activity__list .volunteer-activity__items .volunteer-activity__3cols li h4 {
    font-size: 18px;
    line-height: 1.5555555556;
  }
}
@media screen and (max-width: 650px) {
  .volunteer-activity .volunteer-activity__list .grid-sizer .volunteer-activity__3cols li p,
  .volunteer-activity .volunteer-activity__list .volunteer-activity__items .volunteer-activity__3cols li p {
    margin: 10px 0 0;
  }
}

.volunteer-photos .volunteer-photos-photos {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
@media screen and (max-width: 650px) {
  .volunteer-photos .volunteer-photos-photos {
    gap: 20px;
  }
}
.volunteer-photos .volunteer-photos-photos figure {
  border-radius: 40px;
  display: block;
  line-height: 0;
  overflow: hidden;
  width: calc(50% - 8px);
}
@media screen and (max-width: 650px) {
  .volunteer-photos .volunteer-photos-photos figure {
    width: 100%;
  }
}
.volunteer-photos .volunteer-photos-photos figure img {
  width: 100%;
}

.facilities-button {
  margin: 0 auto;
  max-width: 245px;
}

.facilities-intro .facilities-intro__text {
  letter-spacing: 0;
  line-height: 1.5714285714;
  margin: 0 auto;
  max-width: 723px;
  text-align: center;
}
@media screen and (max-width: 650px) {
  .facilities-intro .facilities-intro__text {
    font-size: 16px;
    letter-spacing: 0.06em;
    line-height: 1.875;
    text-align: left;
  }
}
.facilities-intro .facilities-intro__map {
  margin: 0 auto;
  max-width: 1032px;
}
.facilities-intro .facilities-intro__map .facilities-intro__map-photo {
  display: block;
  line-height: 0;
  width: 100%;
}
.facilities-intro .facilities-intro__map .facilities-intro__map-photo img {
  width: 100%;
}
.facilities-intro .facilities-intro__map .facilities-intro__map-links {
  display: flex;
  gap: 24px;
  justify-content: flex-end;
}
@media screen and (max-width: 650px) {
  .facilities-intro .facilities-intro__map .facilities-intro__map-links {
    flex-direction: column;
    gap: 0;
  }
}
.facilities-intro .facilities-intro__map .facilities-intro__map-link {
  color: #20ACE0;
  display: inline-block;
  font-size: 12px;
  line-height: 2;
  margin: 6px 0 0;
  padding: 10px 0;
  text-decoration: underline;
}
@media screen and (max-width: 650px) {
  .facilities-intro .facilities-intro__map .facilities-intro__map-link {
    font-size: 14px;
    letter-spacing: 0.06em;
    line-height: 1.7142857143;
    margin: 0;
  }
}
.facilities-intro .facilities-intro__map .facilities-intro__map-link img {
  margin: 0 0 -1px 5px;
}

.facilities-center .facilities-center__button {
  margin: 0 auto;
  max-width: 493px;
}
@media screen and (max-width: 650px) {
  .facilities-center .facilities-center__button {
    max-width: 250px;
  }
}

.facilities-banner {
  background: var(--color-gray1);
  border-radius: 10px;
  display: flex;
  margin: 0 auto;
  max-width: 728px;
  overflow: hidden;
}
.facilities-banner .facilities-banner__photo {
  display: block;
  height: 139px;
  line-height: 0;
  width: 304px;
}
@media screen and (max-width: 650px) {
  .facilities-banner .facilities-banner__photo {
    height: 24.5333333333vw;
    width: 20vw;
  }
}
.facilities-banner .facilities-banner__photo img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.facilities-banner .facilities-banner__body {
  align-items: center;
  display: flex;
  justify-content: center;
  width: calc(100% - 304px);
}
@media screen and (max-width: 650px) {
  .facilities-banner .facilities-banner__body {
    width: calc(100% - 20vw);
  }
}
.facilities-banner .facilities-banner__body p {
  font-size: 22px;
  font-weight: 700;
  letter-spacing: 0.02em;
  line-height: 1.2727272727;
}
@media screen and (min-width: 1px) and (max-width: 980px) {
  .facilities-banner .facilities-banner__body p {
    font-size: 18px;
  }
}
@media screen and (max-width: 650px) {
  .facilities-banner .facilities-banner__body p {
    font-size: 15px;
    line-height: 1.4666666667;
  }
}

.rent-list {
  display: grid;
  gap: 20px;
  list-style: none;
  margin: 0 auto;
  max-width: 914px;
  padding: 0;
}
@media screen and (max-width: 650px) {
  .rent-list {
    gap: 30px;
  }
}
.rent-list .rent-list__items {
  background: #fff;
  border-radius: 10px;
  display: flex;
  overflow: hidden;
}
@media screen and (max-width: 650px) {
  .rent-list .rent-list__items {
    flex-direction: column;
  }
}
.rent-list .rent-list__items .rent-list__items-photo {
  display: block;
  height: 252px;
  line-height: 0;
  width: 449px;
}
@media screen and (min-width: 1px) and (max-width: 980px) {
  .rent-list .rent-list__items .rent-list__items-photo {
    width: 44.4615384615vw;
  }
}
@media screen and (max-width: 650px) {
  .rent-list .rent-list__items .rent-list__items-photo {
    height: 183px;
    width: 100%;
  }
}
.rent-list .rent-list__items .rent-list__items-photo img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.rent-list .rent-list__items .rent-list__items-body {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 40px;
  width: calc(100% - 449px);
}
@media screen and (min-width: 1px) and (max-width: 980px) {
  .rent-list .rent-list__items .rent-list__items-body {
    padding: 20px;
    width: calc(100% - 44.4615384615vw);
  }
}
@media screen and (max-width: 650px) {
  .rent-list .rent-list__items .rent-list__items-body {
    padding: 12px 20px 20px;
    width: 100%;
  }
}
.rent-list .rent-list__items .rent-list__items-body .rent-list__items-headline {
  font-size: 22px;
  font-weight: 700;
  letter-spacing: 0.02em;
  line-height: 1.2727272727;
}
@media screen and (max-width: 650px) {
  .rent-list .rent-list__items .rent-list__items-body .rent-list__items-headline {
    font-size: 18px;
    line-height: 2.1538461538;
  }
}
.rent-list .rent-list__items .rent-list__items-body .rent-list__items-text {
  margin: 2px 0 0;
}
@media screen and (max-width: 650px) {
  .rent-list .rent-list__items .rent-list__items-body .rent-list__items-text {
    margin: 0;
  }
}
.rent-list .rent-list__items .rent-list__items-body .rent-list__items-fee {
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.3333333333;
  margin: 36px 0 0;
}
@media screen and (max-width: 650px) {
  .rent-list .rent-list__items .rent-list__items-body .rent-list__items-fee {
    margin: 16px 0 0;
  }
}

.rent-details {
  margin: 0 auto;
  max-width: 673px;
}

.rent-text {
  margin: 0 auto;
  max-width: 673px;
  padding: 0;
}
.rent-text p a {
  color: #20ACE0;
  text-decoration: underline;
}
.rent-text p a:hover {
  text-decoration: none;
}

.shop .shop__headline {
  font-size: 28px;
  font-weight: 700;
  line-height: 1.3928571429;
  text-align: center;
}
@media screen and (max-width: 650px) {
  .shop .shop__headline {
    font-size: 27px;
    font-weight: 500;
    letter-spacing: 0.08em;
    line-height: 1.4074074074;
  }
}
.shop .shop__text {
  letter-spacing: 0;
  margin: 0 auto;
  max-width: 723px;
}
@media screen and (max-width: 650px) {
  .shop .shop__text {
    font-size: 16px;
    line-height: 1.875;
  }
}
.shop .shop__list {
  align-items: center;
  background: #fff;
  border-radius: 10px;
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
  max-width: 723px;
  padding: 40px;
}
@media screen and (max-width: 650px) {
  .shop .shop__list {
    align-items: flex-start;
    flex-direction: column;
    padding: 20px;
  }
}
.shop .shop__list dt {
  color: var(--color-green);
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.02em;
  line-height: 1.5555555556;
}
.shop .shop__list dd {
  margin: 0 0 0 20px;
}
@media screen and (max-width: 650px) {
  .shop .shop__list dd {
    margin: 8px 0 0;
  }
}
.shop .shop__photos {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
  position: relative;
}
@media screen and (max-width: 650px) {
  .shop .shop__photos {
    gap: 9px 10px;
  }
}
.shop .shop__photos figure {
  border-radius: 40px;
  display: block;
  height: 305px;
  line-height: 0;
  overflow: hidden;
}
@media screen and (max-width: 650px) {
  .shop .shop__photos figure {
    border-radius: 20px;
    height: 23.4666666667vw;
  }
}
.shop .shop__photos figure:nth-child(1) {
  grid-column: 1/3;
  height: 503px;
}
@media screen and (max-width: 650px) {
  .shop .shop__photos figure:nth-child(1) {
    height: 48vw;
  }
}
.shop .shop__photos figure img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.shop .shop__photos .shop__deco {
  opacity: 0;
  position: absolute;
  bottom: -52px;
  right: -92px;
  transform: rotate(10deg) translate3d(20%, 0, 0);
  transition: opacity 0.1s linear, transform 0.2s linear 0.1s;
}
@media screen and (max-width: 650px) {
  .shop .shop__photos .shop__deco {
    bottom: -68px;
    right: -82px;
    width: 142px;
  }
}
.shop .shop__photos .shop__deco.is-animated {
  opacity: 1;
  transform: rotate(0) translate3d(0, 0, 0);
}

.school-summary .school-summary__headline {
  font-size: 28px;
  font-weight: 700;
  letter-spacing: 0.06em;
  line-height: 1.5;
  text-align: center;
}
.school-summary .school-summary__text {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.5714285714;
  margin: 25px auto 0;
  max-width: 723px;
}
@media screen and (max-width: 650px) {
  .school-summary .school-summary__text {
    margin-top: 20px;
  }
}
.school-summary .school-summary__photo {
  aspect-ratio: 1100/368;
  border-radius: 40px;
  margin: 60px auto 0;
  max-width: 1100px;
  overflow: hidden;
}
@media screen and (max-width: 650px) {
  .school-summary .school-summary__photo {
    aspect-ratio: 323/200;
    margin-top: 30px;
  }
}
.school-summary .school-summary__photo img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}

.school-case .school-case__text {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.5714285714;
  margin: 20px 0 0;
  text-align: center;
}
.school-case .school-case__list {
  display: flex;
  flex-wrap: wrap;
  gap: 30px 15px;
  justify-content: center;
  list-style: none;
  margin: 40px 0 0;
  padding: 0;
}
.school-case .school-case__list .school-case__items {
  background: #fff;
  border-radius: 10px;
  max-width: 350px;
  padding: 50px 20px 74px;
  position: relative;
}
.school-case .school-case__list .school-case__items::before {
  background: url("https://s-ryokka.jp/wp/wp-content/themes/s-ryokka_11/images/icon-seeds.svg") no-repeat center left/contain;
  content: "";
  display: block;
  height: 33px;
  position: absolute;
  left: 21px;
  top: -19px;
  width: 99px;
}
.school-case .school-case__list .school-case__items:nth-child(2)::before {
  background-image: url("https://s-ryokka.jp/wp/wp-content/themes/s-ryokka_11/images/icon-flowers.svg");
}
.school-case .school-case__list .school-case__items:nth-child(3)::before {
  background-image: url("https://s-ryokka.jp/wp/wp-content/themes/s-ryokka_11/images/icon-leaves.svg");
}
.school-case .school-case__list .school-case__items .school-case__items-photo {
  border-radius: 20px;
  display: block;
  line-height: 0;
  overflow: hidden;
}
.school-case .school-case__list .school-case__items .school-case__items-photo img {
  width: 100%;
}
.school-case .school-case__list .school-case__items .school-case__items-header {
  align-items: center;
  display: flex;
  flex-direction: column;
  max-width: 316px;
}
.school-case .school-case__list .school-case__items .school-case__items-headline {
  font-size: 22px;
  font-weight: 700;
  letter-spacing: 0.02em;
  line-height: 1.2727272727;
  margin: 15px 0 0;
  text-align: center;
}
.school-case .school-case__list .school-case__items .school-case__items-text {
  background: var(--color-green);
  color: #fff;
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1.5;
  margin: 10px auto 0;
  padding: 4px 8px;
  text-align: center;
}
@media screen and (max-width: 650px) {
  .school-case .school-case__list .school-case__items .school-case__items-text {
    font-size: 14px;
    line-height: 1.2142857143;
  }
}
.school-case .school-case__list .school-case__items .school-case__items-list {
  margin: 24px 0 0;
}
.school-case .school-case__list .school-case__items .school-case__items-list dt {
  color: var(--color-green);
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.02em;
  line-height: 0.9655172414;
}
@media screen and (max-width: 650px) {
  .school-case .school-case__list .school-case__items .school-case__items-list dt {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.06em;
    line-height: 1.7142857143;
  }
}
.school-case .school-case__list .school-case__items .school-case__items-list dd {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.06em;
  line-height: 1.7142857143;
  padding: 8px 0 0 10px;
}
@media screen and (max-width: 650px) {
  .school-case .school-case__list .school-case__items .school-case__items-list dd {
    padding: 8px 0 0 8px;
  }
}
.school-case .school-case__list .school-case__items .school-case__items-list dd + dt {
  margin: 20px 0 0;
}

.school-flow .school-flow__text {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.5714285714;
  margin: 20px 0 0;
  text-align: center;
}
.school-flow .school-flow__list {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 0;
  justify-content: center;
  list-style: none;
  padding: 0;
  margin: 30px 0 0;
}
@media screen and (max-width: 650px) {
  .school-flow .school-flow__list {
    flex-direction: column;
    gap: 0;
  }
}
.school-flow .school-flow__list li {
  display: block;
  height: 176px;
  position: relative;
  width: 175px;
}
@media screen and (max-width: 650px) {
  .school-flow .school-flow__list li {
    height: 52vw;
    width: 100%;
  }
}
.school-flow .school-flow__list li::before {
  background: url("https://s-ryokka.jp/wp/wp-content/themes/s-ryokka_11/images/school-flow-fukidashi.png") no-repeat center left/contain;
  content: "";
  display: block;
  height: 176px;
  position: absolute;
  left: 0;
  top: 0;
  width: 195px;
}
@media screen and (max-width: 650px) {
  .school-flow .school-flow__list li::before {
    background-image: url("https://s-ryokka.jp/wp/wp-content/themes/s-ryokka_11/images/school-flow-fukidashi-sp.png");
    height: 100%;
    width: 100%;
  }
}
.school-flow .school-flow__list li:nth-child(1)::before {
  z-index: 6;
}
.school-flow .school-flow__list li:nth-child(2)::before {
  z-index: 5;
}
.school-flow .school-flow__list li:nth-child(3)::before {
  z-index: 4;
}
.school-flow .school-flow__list li:nth-child(4)::before {
  z-index: 3;
}
.school-flow .school-flow__list li:nth-child(5)::before {
  z-index: 2;
}
.school-flow .school-flow__list li:nth-child(6)::before {
  z-index: 1;
}
@media screen and (max-width: 650px) {
  .school-flow .school-flow__list li:not(:first-child) {
    margin: -4vw 0 0;
  }
}
.school-flow .school-flow__list li span {
  align-items: center;
  display: flex;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1.5;
  height: 100%;
  justify-content: center;
  position: relative;
  text-align: center;
  width: 100%;
  z-index: 7;
}
@media screen and (max-width: 650px) {
  .school-flow .school-flow__list li span {
    font-size: 22px;
    line-height: 1.2727272727;
    height: calc(100% - 8vw);
  }
}
@media screen and (max-width: 365px) {
  .school-flow .school-flow__list li span {
    font-size: 16px;
  }
}

.school-voice .school-voice__list {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  list-style: none;
  margin: 30px 0 0;
  padding: 0;
}
.school-voice .school-voice__list .school-voice__items {
  align-items: flex-start;
  background: #fff;
  border-radius: 10px;
  display: flex;
  gap: 18px;
  margin: 0 0 20px;
  padding: 40px;
  width: calc(50% - 10px);
}
@media screen and (min-width: 1px) and (max-width: 980px) {
  .school-voice .school-voice__list .school-voice__items {
    align-items: center;
    flex-direction: column;
  }
}
@media screen and (max-width: 650px) {
  .school-voice .school-voice__list .school-voice__items {
    width: 100%;
  }
}
.school-voice .school-voice__list .school-voice__items .school-voice__items-photo {
  border-radius: 50%;
  display: block;
  line-height: 0;
  overflow: hidden;
  width: 120px;
}
.school-voice .school-voice__list .school-voice__items .school-voice__items-photo img {
  width: 100%;
}
.school-voice .school-voice__list .school-voice__items .school-voice__items-body {
  width: calc(100% - 138px);
}
@media screen and (min-width: 1px) and (max-width: 980px) {
  .school-voice .school-voice__list .school-voice__items .school-voice__items-body {
    width: 100%;
  }
}
.school-voice .school-voice__list .school-voice__items .school-voice__items-body .school-voice__items-headline {
  color: var(--color-green);
  font-size: 22px;
  font-weight: 700;
  letter-spacing: 0.02em;
  line-height: 1.2727272727;
}
.school-voice .school-voice__list .school-voice__items .school-voice__items-body .school-voice__items-text {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.5714285714;
  margin: 12px 0 0;
}
.school-voice .school-voice__list .school-voice__items .school-voice__items-body .school-voice__items-attribute {
  background: rgba(142, 196, 62, 0.2);
  border-radius: 10px;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.06em;
  line-height: 1.5;
  margin: 18px 0 0;
  padding: 13px;
  text-align: right;
}
@media screen and (max-width: 650px) {
  .school-voice .school-voice__list .school-voice__items .school-voice__items-body .school-voice__items-attribute {
    font-size: 11px;
    padding: 12px;
  }
}
.school-voice .school-voice__buttons {
  display: flex;
  gap: 40px;
  justify-content: center;
  list-style: none;
  margin: 40px 0 0;
  padding: 0;
}
@media screen and (max-width: 650px) {
  .school-voice .school-voice__buttons {
    align-items: center;
    flex-direction: column;
    gap: 23px;
    margin: 100px 0 0;
  }
}
.school-voice .school-voice__buttons .school-voice__buttons-items {
  max-width: 315px;
  width: 100%;
}

.privacy-body {
  margin: 0 auto;
  max-width: 720px;
}
.privacy-body h2 {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1.5;
  margin: 40px auto 0;
}
.privacy-body h3,
.privacy-body h4 {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1.5;
  margin: 20px auto 0;
}
.privacy-body p {
  letter-spacing: 0;
  margin: 10px auto 0;
}

.thanks-body .thanks-body__wrapper {
  background: #fff;
  border-radius: 30px;
  margin: 0 auto;
  max-width: 720px;
  padding: 36px 93px 55px;
  position: relative;
}
@media screen and (min-width: 1px) and (max-width: 980px) {
  .thanks-body .thanks-body__wrapper {
    padding: 36px 18px 55px;
  }
}
@media screen and (max-width: 650px) {
  .thanks-body .thanks-body__wrapper {
    padding: 26px 18px 30px;
  }
}
.thanks-body .thanks-body__wrapper .thanks-body__title {
  border-bottom: solid 1px var(--color-pink);
  color: var(--color-pink);
  font-size: 16px;
  line-height: 1.8125;
  padding: 0 0 7px;
  text-align: center;
}
@media screen and (max-width: 650px) {
  .thanks-body .thanks-body__wrapper .thanks-body__title {
    border-width: 2px;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0.02em;
    line-height: 1.5555555556;
  }
}
.thanks-body .thanks-body__wrapper .thanks-body__text {
  letter-spacing: 0;
  margin: 18px 0 0;
  text-align: center;
}
@media screen and (max-width: 650px) {
  .thanks-body .thanks-body__wrapper .thanks-body__text {
    font-size: 16px;
    letter-spacing: 0.06em;
    line-height: 1.875;
    margin: 12px 0 0;
  }
}
.thanks-body .thanks-body__wrapper .thanks-body__deco {
  position: absolute;
  left: 50%;
  top: -153px;
  transform: translate3d(-50%, 0, 0);
  white-space: nowrap;
  z-index: -1;
}
.thanks-body .thanks-body__wrapper .thanks-body__deco .thanks-body__deco-text {
  display: flex;
  justify-content: center;
}
.thanks-body .thanks-body__wrapper .thanks-body__deco .thanks-body__deco-text span {
  font-weight: 700;
  letter-spacing: 0.12em;
  line-height: 1;
  min-width: 6px;
  display: block;
}
.thanks-body .thanks-body__wrapper .thanks-body__deco .thanks-body__deco-text.is-animated span {
  animation: bounce 0.3s linear;
}
@keyframes bounce {
  0% {
    transform: translate3d(0, 0, 0);
  }
  50% {
    transform: translate3d(0, -10px, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
.thanks-body .thanks-body__wrapper .thanks-body__deco .thanks-body__deco-text::before {
  background: var(--color-text);
  content: "";
  display: inline-block;
  height: 14px;
  margin: 0 14px -3px 0;
  transform: rotate(140deg);
  width: 2px;
}
.thanks-body .thanks-body__wrapper .thanks-body__deco .thanks-body__deco-text::after {
  background: var(--color-text);
  content: "";
  display: inline-block;
  height: 14px;
  margin: 0 0 -2px 14px;
  transform: rotate(40deg);
  width: 2px;
}

.access-anchor {
  margin: 0 auto;
  max-width: 327px;
}

.access-access {
  margin: 0 auto;
  max-width: var(--contents-width);
}
.access-access .access-access__text {
  font-size: 16px;
  letter-spacing: 0.08em;
  line-height: 1.8125;
  text-align: center;
}
@media screen and (max-width: 650px) {
  .access-access .access-access__text {
    font-size: 20px;
  }
}
.access-access .access-access__text i {
  font-style: normal;
}
@media screen and (max-width: 650px) {
  .access-access .access-access__text i {
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.06em;
    line-height: 1.7142857143;
    margin: 12px 0 0;
  }
}
.access-access .access-access__list {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
  max-width: 721px;
}
@media screen and (max-width: 650px) {
  .access-access .access-access__list {
    flex-direction: column;
  }
}
.access-access .access-access__list dt {
  border-bottom: solid 2px var(--color-green);
  color: var(--color-green);
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.8em;
  line-height: 1.375;
  margin: 0 20px 0 0;
  padding: 0 0 3px 15px;
  text-align: center;
  width: 117px;
  white-space: nowrap;
}
@media screen and (max-width: 650px) {
  .access-access .access-access__list dt {
    text-align: left;
    width: 100%;
  }
}
.access-access .access-access__list dt:not(:first-child) {
  margin-top: 16px;
}
@media screen and (max-width: 650px) {
  .access-access .access-access__list dt:not(:first-child) {
    margin-top: 26px;
  }
}
.access-access .access-access__list dd {
  letter-spacing: 0;
  width: calc(100% - 137px);
}
@media screen and (max-width: 650px) {
  .access-access .access-access__list dd {
    margin: 10px 0 0 18px;
    width: calc(100% - 36px);
  }
}
.access-access .access-access__list dd:not(:nth-child(2)) {
  margin-top: 16px;
}
.access-access .access-access__list dd a {
  color: #20ACE0;
  text-decoration: underline;
}
.access-access .access-access__map {
  display: grid;
  gap: 20px;
  grid-template-columns: 1fr 1fr;
  list-style: none;
  margin: 0 auto;
  max-width: 1100px;
  padding: 0;
}
@media screen and (max-width: 650px) {
  .access-access .access-access__map {
    grid-template-columns: 1fr;
  }
}
.access-access .access-access__map .access-access__map-items {
  background: #F8F8F8;
  border: solid 3px var(--color-green);
  border-radius: 10px;
  line-height: 1;
  padding: 30px;
  text-align: center;
}
@media screen and (max-width: 650px) {
  .access-access .access-access__map .access-access__map-items {
    padding: 30px 18px 20px;
  }
}
.access-access .access-access__map .access-access__map-items .access-access__map-items-headline {
  border-bottom: solid 2px var(--color-green);
  color: var(--color-green);
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.8em;
  line-height: 1.375;
  padding: 0 0 3px;
  text-align: center;
}
.access-access .access-access__map .access-access__map-items .access-access__map-items-image {
  margin: 20px 0 0;
}
.access-access .access-access__map .access-access__map-items .access-access__map-modal {
  height: 100vh;
  opacity: 1;
  position: fixed;
  left: 0;
  top: 0;
  transition: opacity 0.3s ease;
  width: 100%;
  z-index: 550;
}
.access-access .access-access__map .access-access__map-items .access-access__map-modal.is-hide {
  opacity: 0;
  pointer-events: none;
}
.access-access .access-access__map .access-access__map-items .access-access__map-modal .access-access__map-modal-bg {
  background: #000;
  height: 100%;
  opacity: 0.4;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: -1;
}
.access-access .access-access__map .access-access__map-items .access-access__map-modal .access-access__map-modal-wrapper {
  background: #F8F8F8;
  border: solid 3px var(--color-green);
  border-radius: 10px;
  height: 90vh;
  max-height: 744px;
  max-width: 910px;
  overflow: hidden;
  position: absolute;
  left: 50%;
  top: 50%;
  text-align: center;
  transform: translate3d(-50%, -50%, 0);
  width: 100%;
}
.access-access .access-access__map .access-access__map-items .access-access__map-modal .access-access__map-modal-wrapper .access-access__map-modal-close {
  color: #707070;
  font-size: 14px;
  letter-spacing: 0;
  outline: none;
  padding: 10px 0;
  position: absolute;
  right: 25px;
  top: 10px;
}
.access-access .access-access__map .access-access__map-items .access-access__map-modal .access-access__map-modal-wrapper .access-access__map-modal-close img {
  margin: 0 0 -5px 5px;
}
.access-access .access-access__map .access-access__map-items .access-access__map-modal .access-access__map-modal-wrapper .access-access__map-modal-inner {
  height: 100%;
  overflow-y: scroll;
  padding: 50px 34px 50px;
}
.access-access .access-access__map .access-access__map-items .access-access__map-modal .access-access__map-modal-wrapper .access-access__map-modal-inner .access-access__map-modal-headline {
  border-bottom: solid 2px var(--color-green);
  color: var(--color-green);
  display: inline-block;
  font-size: 26px;
  font-weight: 700;
  letter-spacing: 0.8em;
  line-height: 1.3846153846;
  padding: 0 10px 6px 33px;
  text-align: center;
}
.access-access .access-access__map .access-access__map-items .access-access__map-modal .access-access__map-modal-wrapper .access-access__map-modal-inner > img {
  margin: 34px 0 0;
  width: 100%;
}
.access-access .access-access__googlemap {
  margin: 0 auto;
  max-width: 1100px;
  text-align: right;
}
.access-access .access-access__googlemap iframe {
  display: block;
  line-height: 0;
  width: 100%;
}
.access-access .access-access__googlemap .access-access__googlemap-link {
  color: #20ACE0;
  display: inline-block;
  font-size: 12px;
  line-height: 1.4166666667;
  padding: 10px 0;
  text-decoration: underline;
}
@media screen and (max-width: 650px) {
  .access-access .access-access__googlemap .access-access__googlemap-link {
    font-size: 14px;
    line-height: 1.3571428571;
  }
}
.access-access .access-access__googlemap .access-access__googlemap-link:hover {
  text-decoration: none;
}

.access-info {
  margin: 0 auto;
  max-width: var(--contents-width);
  position: relative;
}
.access-info .access-info__slider {
  margin: 0 calc(50% - 50vw);
  position: relative;
  z-index: -1;
}
.access-info .access-info__header {
  padding: 15.7142857143vw 0 16.4285714286vw;
  position: relative;
}
@media screen and (max-width: 650px) {
  .access-info .access-info__header {
    padding: 47.2vw 0 80px;
  }
}
.access-info .access-info__header::before {
  background: #fff;
  content: "";
  display: block;
  height: calc(100% - 15.5714285714vw - 12.7142857143vw);
  margin: 0 calc(50% - 50vw);
  position: absolute;
  left: 0;
  top: 15.5714285714vw;
  width: 100vw;
  z-index: -1;
}
@media screen and (max-width: 650px) {
  .access-info .access-info__header::before {
    height: calc(100% - 46.6666666667vw);
    top: 46.6666666667vw;
  }
}
.access-info .access-info__text {
  margin: 0 auto;
  max-width: 720px;
}
@media screen and (max-width: 650px) {
  .access-info .access-info__text {
    font-size: 16px;
    line-height: 1.875;
  }
}
.access-info .access-info__deco {
  position: absolute;
  left: calc(50% + 25.7142857143vw);
  top: -1.4285714286vw;
  transform: translate3d(0, 7.1428571429vw, 0) rotate(-12deg) scale(-1, 1);
  transition: transform 0.5s ease;
  width: 13.1428571429vw;
  z-index: -2;
}
@media screen and (max-width: 650px) {
  .access-info .access-info__deco {
    left: calc(50% + 22.4vw);
    top: 21.3333333333vw;
    transform: translate3d(0, 21.3333333333vw, 0) rotate(-12deg) scale(-1, 1);
    width: 23.2vw;
  }
}
.access-info .access-info__deco.is-animated {
  transform: translate3d(0, 0, 0) rotate(-12deg) scale(-1, 1);
}
.access-info .access-info__body {
  position: relative;
  z-index: 1;
}
.access-info .access-info__headline {
  position: relative;
  text-align: center;
}
.access-info .access-info__headline span {
  background: #FAFAFA;
  color: var(--color-pink);
  display: inline-block;
  font-size: 22px;
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1.2727272727;
  padding: 0 19px;
}
.access-info .access-info__headline::before {
  background: var(--color-pink);
  content: "";
  display: block;
  height: 1px;
  max-width: 1100px;
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  z-index: -1;
}
@media screen and (max-width: 650px) {
  .access-info .access-info__headline::before {
    height: 2px;
  }
}
.access-info .access-info__headline.is-bg-white span {
  background: #fff;
}
.access-info .access-info__wrapper {
  overflow: visible;
}
@media screen and (max-width: 650px) {
  .access-info .access-info__wrapper {
    width: 283px;
  }
}
.access-info .access-info__wrapper.is-non-slider .access-info__list {
  transform: inherit !important;
}
.access-info .access-info__wrapper.is-non-slider .access-info__items {
  margin: 0 13px 44px;
}
.access-info .access-info__wrapper:not(.is-non-slider) .access-info__items {
  margin: 0 13px 44px;
}
@media screen and (max-width: 650px) {
  .access-info .access-info__wrapper:not(.is-non-slider) .access-info__items {
    margin: 0 10px 44px;
  }
}
.access-info .access-info__list {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0 -14px;
  padding: 0;
  transform: inherit;
  width: calc(100% + 28px);
}
@media screen and (max-width: 650px) {
  .access-info .access-info__list {
    margin: 0;
    flex-wrap: nowrap;
    width: 100%;
  }
}
.access-info .access-info__list .access-info__items {
  background: #fff;
  border: solid 3px var(--color-pink);
  border-radius: 20px;
  height: 441px;
  overflow: hidden;
  width: 250px;
}
@media screen and (max-width: 650px) {
  .access-info .access-info__list .access-info__items {
    height: 480px;
    margin: 0 10px 44px;
    width: 100%;
  }
}
.access-info .access-info__list .access-info__items .access-info__items-photo {
  background: var(--color-gray2);
  display: block;
  height: 160px;
  line-height: 0;
  width: 100%;
}
.access-info .access-info__list .access-info__items .access-info__items-photo::after {
  align-items: center;
  color: #fff;
  content: "no image";
  display: flex;
  height: 100%;
  justify-content: center;
  width: 100%;
  font-size: 18px;
}
.access-info .access-info__list .access-info__items .access-info__items-photo.is-no-photo {
  color: #fff;
}
.access-info .access-info__list .access-info__items .access-info__items-photo img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.access-info .access-info__list .access-info__items .access-info__items-body {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: calc(100% - 200px);
  padding: 20px;
}
@media screen and (max-width: 650px) {
  .access-info .access-info__list .access-info__items .access-info__items-body {
    height: calc(100% - 204px);
    padding: 24px 20px 20px;
  }
}
.access-info .access-info__list .access-info__items .access-info__items-headline {
  border-bottom: solid 2px var(--color-pink);
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1.5;
  text-align: center;
  padding: 0 0 18px;
}
@media screen and (max-width: 650px) {
  .access-info .access-info__list .access-info__items .access-info__items-headline {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2;
    padding: 0 0 10px;
  }
}
.access-info .access-info__list .access-info__items .access-info__items-address {
  letter-spacing: 0;
}
.access-info .access-info__list .access-info__items .access-info__items-dl dt {
  background: var(--color-pink);
  color: #fff;
  display: inline-block;
  font-size: 12px;
  font-weight: 700;
  line-height: 2;
  padding: 0 8px;
}
@media screen and (max-width: 650px) {
  .access-info .access-info__list .access-info__items .access-info__items-dl dt {
    font-size: 14px;
    line-height: 1.7142857143;
    padding: 2px 8px 1px;
  }
}
.access-info .access-info__list .access-info__items .access-info__items-dl dd {
  letter-spacing: 0.12em;
  line-height: 1.3571428571;
  margin: 6px 0 0 8px;
}
.access-info .access-info__list .access-info__items .access-info__items-link {
  color: #20ACE0;
  display: inline-block;
  padding: 10px 0;
  text-decoration: underline;
}
@media screen and (max-width: 650px) {
  .access-info .access-info__list .access-info__items .access-info__items-link {
    font-size: 16px;
    line-height: 1.375;
    margin: 0;
  }
}
.access-info .access-info__list .access-info__items .access-info__items-link::after {
  background: url("https://s-ryokka.jp/wp/wp-content/themes/s-ryokka_11/images/icon-target-blank.svg") no-repeat center center/contain;
  content: "";
  display: inline-block;
  height: 13px;
  width: 13px;
}
.access-info .access-info__list .access-info__items .access-info__items-link:hover {
  text-decoration: none;
}
.access-info .swiper-button-prev,
.access-info .swiper-button-next {
  background-color: var(--color-pink);
  border-radius: 50%;
  display: none;
  height: 46px;
  left: -30px;
  top: 50%;
  transform: translate3d(0, -50%, 0);
  width: 46px;
}
@media screen and (max-width: 650px) {
  .access-info .swiper-button-prev,
  .access-info .swiper-button-next {
    display: block;
  }
}
.access-info .swiper-button-prev::after,
.access-info .swiper-button-next::after {
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  display: block;
  content: "prev";
  height: 12px;
  position: absolute;
  left: calc(50% + 3px);
  top: 50%;
  transform: translate3d(-50%, -50%, 0) rotate(-135deg);
  width: 12px;
}
.access-info .swiper-button-next {
  left: auto;
  right: -30px;
}
.access-info .swiper-button-next::after {
  left: calc(50% - 3px);
  transform: translate3d(-50%, -50%, 0) rotate(45deg);
}

.contact-summary {
  letter-spacing: 0;
  line-height: 1.5714285714;
  text-align: center;
}
@media screen and (max-width: 650px) {
  .contact-summary {
    font-size: 16px;
    text-align: left;
  }
}
.contact-summary a {
  color: var(--color-link);
  text-decoration: underline;
}
.contact-summary a:hover {
  text-decoration: none;
}

.contact-form {
  background: #fff;
  border: solid 5px var(--color-yellow);
  border-radius: 40px;
  margin: 0 auto;
  max-width: 1100px;
  padding: 80px;
}
@media screen and (max-width: 650px) {
  .contact-form {
    border-width: 3px;
    padding: 40px 16px 50px;
  }
}
@media screen and (max-width: 650px) {
  .contact-form .wpforms-container {
    border-top: solid 3px var(--color-yellow);
  }
}
.contact-form .wpforms-container-full {
  margin: 0 auto;
  max-width: 700px;
}
@media screen and (max-width: 650px) {
  .contact-form .wpforms-container-full {
    padding: 45px 0 0;
  }
}
.contact-form .wpforms-container-full .wpforms-form .wpforms-field {
  padding: 0 0 40px;
}
@media screen and (max-width: 650px) {
  .contact-form .wpforms-container-full .wpforms-form .wpforms-field {
    padding: 0 0 30px;
  }
}
.contact-form .wpforms-container-full .wpforms-form .wpforms-field:last-child {
  padding: 0;
}
.contact-form .wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-checkbox ul {
  list-style: none;
  margin: 20px 0 0 20px !important;
  padding: 0;
}
@media screen and (max-width: 650px) {
  .contact-form .wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-checkbox ul {
    margin: 28px 0 0 !important;
  }
}
.contact-form .wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-checkbox ul li {
  margin: 0 55px 20px 0 !important;
}
@media screen and (max-width: 650px) {
  .contact-form .wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-checkbox ul li {
    margin: 0 0 10px !important;
    padding: 0 !important;
    width: 100%;
  }
}
.contact-form .wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-checkbox ul li input[type=checkbox],
.contact-form .wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-checkbox ul li input[type=radio] {
  display: none !important;
}
.contact-form .wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-checkbox ul li input[type=checkbox] + label,
.contact-form .wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-checkbox ul li input[type=radio] + label {
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  line-height: 1;
  margin: 0 auto 0;
  padding: 5px 0 3px 38px;
  position: relative;
  text-align: left;
  width: auto;
}
.contact-form .wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-checkbox ul li input[type=checkbox] + label::before,
.contact-form .wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-checkbox ul li input[type=radio] + label::before {
  background: #fff;
  border: 2px solid var(--color-text);
  border-radius: 3px;
  content: "";
  display: block;
  height: 24px;
  position: absolute;
  left: 0;
  top: calc(50% - 11px);
  width: 24px;
}
.contact-form .wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-checkbox ul li input[type=checkbox] + label::after,
.contact-form .wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-checkbox ul li input[type=radio] + label::after {
  border-right: solid 2px var(--color-pink);
  border-bottom: solid 2px var(--color-pink);
  content: "";
  display: block;
  height: 12px;
  opacity: 0;
  position: absolute;
  top: calc(50% - 6px);
  left: 9px;
  transform: rotate(45deg);
  transition: transform 0.1s ease-in-out, opacity 0.1s ease-in-out;
  width: 6px;
}
.contact-form .wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-checkbox ul li input[type=checkbox]:checked + label,
.contact-form .wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-checkbox ul li input[type=radio]:checked + label {
  color: var(--color-text);
}
.contact-form .wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-checkbox ul li input[type=checkbox]:checked + label::after,
.contact-form .wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-checkbox ul li input[type=radio]:checked + label::after {
  opacity: 1;
}
.contact-form .wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-checkbox ul li label {
  letter-spacing: 0;
  line-height: 1.3571428571;
  margin: 0;
}
.contact-form .wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-checkbox.agree-checkbox {
  padding: 0 0 30px;
}
@media screen and (max-width: 650px) {
  .contact-form .wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-checkbox.agree-checkbox {
    padding: 0 0 20px;
  }
}
.contact-form .wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-checkbox.agree-checkbox .wpforms-field-label-inline {
  font-weight: 700;
  position: relative;
}
.contact-form .wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-checkbox.agree-checkbox .wpforms-field-label-inline a {
  text-decoration: underline;
}
.contact-form .wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-checkbox.agree-checkbox .wpforms-field-label-inline a:hover {
  text-decoration: none;
}
.contact-form .wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-checkbox.agree-checkbox ul {
  margin: 0 !important;
}
.contact-form .wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-checkbox.agree-checkbox ul li {
  margin: 0 !important;
}
.contact-form .wpforms-container-full .wpforms-form .wpforms-field .wpforms-field-label {
  font-size: 16px;
  letter-spacing: 0.08em;
  font-weight: 700;
  line-height: 1.375;
  margin-bottom: 10px;
}
@media screen and (max-width: 650px) {
  .contact-form .wpforms-container-full .wpforms-form .wpforms-field .wpforms-field-label {
    font-size: 18px;
    margin-bottom: 8px;
  }
}
.contact-form .wpforms-container-full .wpforms-form .wpforms-field .wpforms-field-label i {
  font-size: 12px;
  font-style: normal;
}
@media screen and (max-width: 650px) {
  .contact-form .wpforms-container-full .wpforms-form .wpforms-field .wpforms-field-label i {
    font-size: 10px;
  }
}
.contact-form .wpforms-container-full .wpforms-form .wpforms-field .wpforms-required-label, .contact-form .wpforms-container-full .wpforms-form .wpforms-field .wpforms-optional-label {
  background-color: var(--color-pink);
  color: #fff;
  font-size: 11px;
  letter-spacing: 0.1em;
  line-height: 1.4545454545;
  margin: 0 0 0 4px;
  padding: 1px 6px;
  position: relative;
  top: -2px;
}
.contact-form .wpforms-container-full .wpforms-form .wpforms-field .wpforms-optional-label {
  background-color: #5C5C5C;
  color: #FFFFFF;
  order: 2;
}
.contact-form .wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-html {
  padding: 0 !important;
}
.contact-form .wpforms-container-full .wpforms-form .wpforms-field .wpforms-container-full,
.contact-form .wpforms-container-full .wpforms-form .wpforms-field input[type=tel],
.contact-form .wpforms-container-full .wpforms-form .wpforms-field input[type=text],
.contact-form .wpforms-container-full .wpforms-form .wpforms-field input[type=email],
.contact-form .wpforms-container-full .wpforms-form .wpforms-field input[type=password],
.contact-form .wpforms-container-full .wpforms-form .wpforms-field textarea {
  background-color: var(--color-gray1);
  border: solid 1px var(--color-gray1);
  border-radius: 20px;
  font-size: 14px;
  height: auto;
  line-height: 1.375;
  margin: 0 0 0 20px;
  padding: 14px 20px;
  width: calc(100% - 20px);
}
@media screen and (min-width: 1px) and (max-width: 980px) {
  .contact-form .wpforms-container-full .wpforms-form .wpforms-field .wpforms-container-full,
  .contact-form .wpforms-container-full .wpforms-form .wpforms-field input[type=tel],
  .contact-form .wpforms-container-full .wpforms-form .wpforms-field input[type=text],
  .contact-form .wpforms-container-full .wpforms-form .wpforms-field input[type=email],
  .contact-form .wpforms-container-full .wpforms-form .wpforms-field input[type=password],
  .contact-form .wpforms-container-full .wpforms-form .wpforms-field textarea {
    margin: 0 0 0 10px;
    width: calc(100% - 10px);
  }
}
.contact-form .wpforms-container-full .wpforms-form .wpforms-field .wpforms-container-full::-moz-placeholder, .contact-form .wpforms-container-full .wpforms-form .wpforms-field input[type=tel]::-moz-placeholder, .contact-form .wpforms-container-full .wpforms-form .wpforms-field input[type=text]::-moz-placeholder, .contact-form .wpforms-container-full .wpforms-form .wpforms-field input[type=email]::-moz-placeholder, .contact-form .wpforms-container-full .wpforms-form .wpforms-field input[type=password]::-moz-placeholder, .contact-form .wpforms-container-full .wpforms-form .wpforms-field textarea::-moz-placeholder {
  color: #B9B9B9;
}
.contact-form .wpforms-container-full .wpforms-form .wpforms-field .wpforms-container-full::placeholder,
.contact-form .wpforms-container-full .wpforms-form .wpforms-field input[type=tel]::placeholder,
.contact-form .wpforms-container-full .wpforms-form .wpforms-field input[type=text]::placeholder,
.contact-form .wpforms-container-full .wpforms-form .wpforms-field input[type=email]::placeholder,
.contact-form .wpforms-container-full .wpforms-form .wpforms-field input[type=password]::placeholder,
.contact-form .wpforms-container-full .wpforms-form .wpforms-field textarea::placeholder {
  color: #B9B9B9;
}
.contact-form .wpforms-container-full .wpforms-form .wpforms-field .wpforms-container-full:focus,
.contact-form .wpforms-container-full .wpforms-form .wpforms-field input[type=tel]:focus,
.contact-form .wpforms-container-full .wpforms-form .wpforms-field input[type=text]:focus,
.contact-form .wpforms-container-full .wpforms-form .wpforms-field input[type=email]:focus,
.contact-form .wpforms-container-full .wpforms-form .wpforms-field input[type=password]:focus,
.contact-form .wpforms-container-full .wpforms-form .wpforms-field textarea:focus {
  border: solid 1px var(--color-gray1);
}
.contact-form .wpforms-container-full .wpforms-form .wpforms-field .wpforms-container-full.wpforms-error,
.contact-form .wpforms-container-full .wpforms-form .wpforms-field input[type=tel].wpforms-error,
.contact-form .wpforms-container-full .wpforms-form .wpforms-field input[type=text].wpforms-error,
.contact-form .wpforms-container-full .wpforms-form .wpforms-field input[type=email].wpforms-error,
.contact-form .wpforms-container-full .wpforms-form .wpforms-field input[type=password].wpforms-error,
.contact-form .wpforms-container-full .wpforms-form .wpforms-field textarea.wpforms-error {
  border: solid 2px var(--color-pink);
}
.contact-form .wpforms-container-full .wpforms-form .wpforms-field textarea.wpforms-field-medium {
  height: 180px;
}
.contact-form .wpforms-container-full .wpforms-form .wpforms-field .wpforms-error {
  color: var(--color-pink);
  font-weight: 700;
  margin: 5px 0 0 20px;
}
@media screen and (max-width: 650px) {
  .contact-form .wpforms-container-full .wpforms-form .wpforms-field .wpforms-error {
    margin-left: 10px;
  }
}
.contact-form .wpforms-container-full .wpforms-form .wpforms-submit-container {
  margin: 0 auto;
  padding: 0;
  text-align: center;
}
.contact-form .wpforms-container-full .wpforms-form button[type=submit] {
  background: var(--color-green);
  border: none;
  border-radius: 5px 20px 5px 20px;
  color: #fff;
  display: inline-block;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.3888888889;
  max-width: 245px;
  padding: 15px 0;
  position: relative;
  text-align: center;
  transition: background-color 0.3s ease;
  width: 100%;
}
@media screen and (max-width: 650px) {
  .contact-form .wpforms-container-full .wpforms-form button[type=submit] {
    font-size: 16px;
    line-height: 1.5;
    padding: 18px 0 19px;
  }
}
.contact-form .wpforms-container-full .wpforms-form button[type=submit]:hover {
  background: rgba(var(--color-green-rgb), 0.5);
  border: none;
}
.contact-form .wpforms-container-full .wpforms-form button[type=submit]:hover::before {
  transform: translate3d(2px, 0, 0);
}
.contact-form .wpforms-container-full .wpforms-form button[type=submit]::before {
  background: url("https://s-ryokka.jp/wp/wp-content/themes/s-ryokka_11/images/button-line.svg") no-repeat center center/contain;
  content: "";
  display: block;
  height: 15px;
  opacity: 1;
  position: absolute;
  bottom: -5px;
  right: -5px;
  transform: translate3d(0, 0, 0);
  transition: transform 0.3s ease;
  width: 15px;
}

.contact-tel {
  background-color: #fff;
  border: solid 5px var(--color-green);
  border-radius: 40px;
  margin: 0 auto;
  max-width: 1100px;
  padding: 53px 55px 52px;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 650px) {
  .contact-tel {
    border-width: 3px;
    padding: 40px 16px 50px;
  }
}
.contact-tel .contact-tel__tel {
  color: var(--color-green);
  font-size: 36px;
  font-weight: 700;
  letter-spacing: 0.06em;
  line-height: 1.4166666667;
  margin: 30px 0 0;
  text-align: center;
}
@media screen and (max-width: 650px) {
  .contact-tel .contact-tel__tel {
    border-top: solid 3px var(--color-green);
    font-size: 30px;
    line-height: 1.1944444444;
    margin: 24px 0 0;
    padding: 24px 0 0;
  }
}
.contact-tel .contact-tel__tel .contact-tel__tel-number {
  white-space: nowrap;
}
@media screen and (max-width: 650px) {
  .contact-tel .contact-tel__tel .contact-tel__tel-number {
    display: block;
    font-size: 36px;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 365px) {
  .contact-tel .contact-tel__tel .contact-tel__tel-number {
    font-size: 30px;
  }
}
.contact-tel .contact-tel__title {
  border-bottom: solid 1px var(--color-text);
  display: block;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.3571428571;
  padding: 0 4px 3px;
  text-align: center;
}
.contact-tel .contact-tel__body {
  align-items: center;
  background: var(--color-gray1);
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  margin: 24px auto 0;
  max-width: 400px;
  padding: 18px 75px;
}
@media screen and (max-width: 650px) {
  .contact-tel .contact-tel__body {
    margin: 10px auto 0;
    max-width: 290px;
    padding: 15px 35px;
  }
}
.contact-tel .contact-tel__body dl {
  display: flex;
  flex-wrap: wrap;
  font-size: 14px;
  justify-content: space-between;
  letter-spacing: 0;
  line-height: 1.5714285714;
  margin: 10px 0 0;
}
@media screen and (max-width: 650px) {
  .contact-tel .contact-tel__body dl {
    font-size: 12px;
    line-height: 1.6666666667;
  }
}
.contact-tel .contact-tel__body dl dt {
  width: 62%;
}
.contact-tel .contact-tel__body dl dt i {
  font-size: 12px;
  font-style: normal;
}
@media screen and (max-width: 650px) {
  .contact-tel .contact-tel__body dl dt i {
    font-size: 10px;
    letter-spacing: -0.05em;
  }
}
.contact-tel .contact-tel__body dl dd {
  text-align: right;
  width: 38%;
}/*# sourceMappingURL=style.css.map */