@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Lora&display=swap");
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

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

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 0;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

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

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

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

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}

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

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

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

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

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

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

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

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

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

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

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

/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

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

html {
  font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  color: #000;
  text-align: left;
  font-weight: 500;
  font-size: 18px;
  line-height: 30px;
  scroll-behavior: smooth;
}

a {
  color: #36425d;
  transition: 0.25s;
}
a:hover, a:focus {
  color: #8C5512;
}

.container {
  margin: 0 auto;
  width: 76.3888888889%;
}
.container--sm {
  width: 62.5%;
}

.row {
  display: flex;
  justify-content: space-between;
  gap: 40px;
}
.row--sm {
  gap: 50px;
}
.row--md {
  gap: 60px;
}
.row--lg {
  gap: 70px;
}

.col--1 {
  width: 100%;
}
.col--2 {
  width: 16.6666666667%;
}
.col--3 {
  width: 25%;
}
.col--4 {
  width: 33.3333333333%;
}
.col--5 {
  width: 41.6666666667%;
}
.col--6 {
  width: 50%;
}
.col--7 {
  width: 58.3333333333%;
}
.col--8 {
  width: 66.6666666667%;
}
.col--9 {
  width: 75%;
}
.col--10 {
  width: 83.3333333333%;
}
.col--12 {
  width: 100%;
}

.is-left {
  margin-left: 0;
  margin-right: auto;
}

.is-right {
  margin-left: auto;
  margin-right: 0;
}

.is-centered {
  margin-left: auto;
  margin-right: auto;
}

.caption--large {
  font-size: 56px;
  line-height: 160.7142857143%;
}
.caption--underline {
  font-size: 30px;
  line-height: 48px;
  display: flex;
  flex-direction: column;
  margin-bottom: 12px;
  margin-top: 32px;
}
@media only screen and (min-width: 481px) and (max-width: 640px) {
  .caption--underline {
    font-size: 24px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 480px) {
  .caption--underline {
    font-size: 24px;
  }
}
.caption--underline.is-centered {
  display: flex;
  align-items: center;
  justify-content: center;
}
.caption--underline.is-centered .caption--underline__text {
  align-self: center;
  padding-left: 15px;
  padding-right: 15px;
}
.caption--underline__text {
  align-self: flex-start;
  position: relative;
}
.caption--underline__text > span {
  position: relative;
  z-index: 10;
  display: inline;
  box-shadow: rgb(241, 160, 195) 0px -0.28em 0px inset;
}
.caption--small-underline {
  font-weight: 700;
  font-size: 46px;
  line-height: 1;
}
.caption--small-underline__text {
  display: inline-block;
  padding-bottom: 15px;
  padding-right: 40px;
  border-bottom: 1px solid #000;
}

.block__title__text__mobile {
  display: none;
}

.text > a {
  text-decoration: none;
}
.text--light {
  font-weight: 400;
  font-size: 18px;
}
.text--regular {
  font-weight: 500;
  font-size: 18px;
  margin-top: 30px;
}

.thumb {
  display: inline-block;
  max-width: 100%;
}
.thumb--full {
  width: 100%;
  height: auto;
}

.article--thumb {
  display: flex;
  justify-content: space-between;
  gap: 60px;
}
.article--thumb.is-reserve {
  flex-direction: row-reverse;
}
.article--thumb__detail {
  flex: 1;
}
.article--thumb__media {
  display: block;
}
.article--thumb__media > img {
  display: block;
  width: 100%;
  height: auto;
  margin-top: 20px;
  max-width: 220px;
}
.article--vertical-thumb__title {
  margin-top: 20px;
  margin-bottom: 20px;
}
.article--vertical-thumb__title__link {
  font-size: 22px;
  font-weight: 700;
}
.article--vertical-thumb__title__link, .article--vertical-thumb__title__link:link, .article--vertical-thumb__title__link:visited {
  text-decoration: none;
  color: #000;
}
.article--vertical-thumb__excerpt {
  margin-top: 20px;
  font-size: 18px;
}
.article--with-metadata {
  margin-bottom: 30px;
}
.article--with-metadata__thumb {
  display: block;
}
.article--with-metadata__metadata {
  font-family: "Lora", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 1;
  margin-top: 0px;
  margin-bottom: 0;
}
.article--with-metadata__title {
  margin-top: 5px;
  margin-bottom: 0;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
}
.article--with-metadata__title > a {
  text-decoration: none;
}

.btn {
  display: inline-block;
  padding: 5px 10px;
  text-decoration: none;
  text-align: center;
  min-width: 175px;
  cursor: pointer;
}
.btn__text {
  display: inline-block;
  font-weight: 700;
  font-size: 20px;
}
.btn--dark {
  background-color: #000;
  color: #FFF;
}
.btn--dark:hover {
  color: #000;
  background-color: #AAA;
}

.notice-list__item {
  margin-bottom: 32px;
  padding-bottom: 33px;
  border-bottom: 1px solid #000;
}
.notice-list__item:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.notice--fluid {
  display: flex;
  justify-content: space-between;
  gap: 53px;
}
.notice--fluid__wrap {
  display: flex;
  justify-content: space-between;
  gap: 53px;
}
.notice--fluid__type {
  display: block;
  min-width: 136px;
  align-self: center;
  padding: 4px 4px 0 4px;
}
.notice--fluid__type__text {
  display: block;
  font-size: 18px;
  font-weight: 700;
  padding: 10px;
  text-align: center;
  background-color: #000;
  color: #FFF;
}
.notice--fluid__metadata {
  font-size: 18px;
  line-height: 1;
  font-weight: 500;
  align-self: center;
  font-family: "Lora", sans-serif;
}
.notice--fluid__content {
  font-size: 18px;
  font-weight: 400;
  align-self: center;
}

.box--rotate_corner {
  overflow: hidden;
  position: relative;
}
.box--rotate_corner__wrap {
  display: block;
  position: absolute;
  width: 40px;
  height: 40px;
}
.box--rotate_corner__wrap.on-left {
  left: -20px;
  top: -20px;
}
.box--rotate_corner__wrap.on-right {
  right: -20px;
  top: -20px;
}
.box--rotate_corner__wrap.on-right .box--rotate_corner__wrap__line::before {
  transform: rotate(0deg);
  bottom: -1px;
  left: 0;
}
.box--rotate_corner__wrap__line {
  display: block;
  width: 40px;
  height: 40px;
  transform: rotate(45deg);
  position: relative;
  overflow: hidden;
  background-color: #FFF;
  margin-top: -5px;
}
.box--rotate_corner__wrap__line::before {
  transform: rotate(-90deg);
  display: block;
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  background-color: #000;
  bottom: 20px;
  left: 20px;
}

.block--cardvisit {
  padding: 20px 45px;
  background: center center no-repeat url("../images/bg-cardvisit.svg") transparent;
  background-size: cover;
}

.info--line {
  display: flex;
  border-bottom: 1px solid #C0C0C0;
  font-size: 18px;
  background-color: #FFF;
}
.info--line__caption {
  padding: 15px 20px;
  min-width: 20%;
  background-color: #D9D9D9;
  font-weight: 700;
}
.info--line__detail {
  padding: 15px 20px;
  font-weight: 400;
}
.info--line__detail a {
  text-decoration: none;
}
.info--line__detail a.is-tel {
  color: #000;
}

.carousel--photos {
  padding: 30px;
  background-color: #FFF;
  box-shadow: 0 0 7px 7px rgba(0, 0, 0, 0.25);
}

.carousel--photos__item__wrap > a {
  display: block;
  width: 100%;
  height: auto;
}

.slick-dots {
  bottom: -40px;
  gap: 10px;
  justify-items: center;
  display: flex;
  justify-content: center;
}
.slick-dots > li {
  display: block;
  width: 15px;
  height: 15px;
  margin: 0;
  padding: 0;
}
.slick-dots > li > button {
  display: block;
  width: 15px;
  height: 15px;
  margin: 0;
  padding: 0;
}
.slick-dots > li > button::before {
  display: block;
  font-size: 18px;
  width: 15px;
  height: 15px;
  line-height: 18px;
}

.slick-arrow {
  width: 30px;
  height: 30px;
}
.slick-arrow::before {
  display: none !important;
}
.slick-arrow, .slick-arrow:hover {
  background-color: #000;
}
.slick-arrow.slick-prev {
  left: -30px;
  background: center center no-repeat url("../images/svg/arrow-prev.svg");
}
.slick-arrow.slick-next {
  right: -30px;
  background: center center no-repeat url("../images/svg/arrow-next.svg");
}

.thumb-item-nav .slick-current {
  opacity: 0.4;
}

.block--form .form-control {
  font-weight: 500;
  font-size: 15px;
  line-height: 200%;
  margin-top: 40px;
}
.block--form .form-control.is-first {
  margin-top: 0;
}
.block--form .form-control__label {
  display: block;
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 94.4444444444%;
  margin-top: 0;
  margin-bottom: 8px;
}
.block--form .form-control__error {
  display: block;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 137.5%;
  color: #FB0000;
  margin-top: 8px;
  margin-bottom: 0;
}
.block--form .form-control input[type=text],
.block--form .form-control input[type=number],
.block--form .form-control input[type=email],
.block--form .form-control input[type=password],
.block--form .form-control textarea,
.block--form .form-control select {
  background: #FFF;
  border: 1px solid #807E7E;
  border-radius: 5px;
  padding: 5px;
  width: 100%;
}
.block--form .form-control textarea {
  resize: vertical;
  min-height: 250px;
}
.block--form .form-control__checkboxes {
  display: flex;
  gap: 15px;
}
.block--form .form-control__checkboxes__item {
  display: flex;
  gap: 10px;
  min-width: 110px;
  cursor: pointer;
}
.block--form .form-control__radios {
  display: flex;
  gap: 15px;
}
.block--form .form-control__radios__item {
  display: flex;
  gap: 10px;
  min-width: 110px;
  cursor: pointer;
}

.section--bg {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.section--bg-base {
  background-image: url("../images/bg/base.svg");
}
.section--bg-washi-c {
  background-image: url("../images/bg/washi_c.svg");
}
.section--bg-washi-d {
  background-image: url("../images/bg/washi_d.svg");
}
.section--bg-washi-e {
  background-image: url("../images/bg/washi_e.svg");
}
.section--bg-washi-f {
  background-image: url("../images/bg/washi_f.svg");
}
.section--bg-washi-a {
  background-image: url("../images/bg/washi_a.svg");
}
.section--bg-washi {
  background-image: url("../images/bg/washi.svg");
}

.news--with-paging__footer {
  margin-top: 40px;
}

.paging {
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
  justify-items: center;
}
.paging, .paging li {
  list-style-type: none;
}
.paging__action {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-items: center;
  justify-content: center;
}
.paging__action__icon {
  display: block;
  width: 15px;
  height: 15px;
  text-decoration: none;
}
.paging__action.as-prev {
  margin-right: 25px;
}
.paging__action.as-prev a {
  background: center center no-repeat url("../images/svg/icon-prev.svg") transparent;
}
.paging__action.as-next {
  margin-left: 25px;
}
.paging__action.as-next a {
  background: center center no-repeat url("../images/svg/icon-next.svg") transparent;
}
.paging__item {
  min-width: 45px;
  padding-bottom: 9px;
  display: flex;
  justify-content: center;
  justify-items: center;
  border-bottom: 2px solid #D9D9D9;
  align-items: center;
  text-align: center;
  cursor: pointer;
}
.paging__item.as-number:hover, .paging__item.as-number.is-active {
  border-bottom-color: #8C5512;
  position: relative;
}
.paging__item.as-number:hover::after, .paging__item.as-number.is-active::after {
  display: block;
  position: absolute;
  content: "";
  height: 10px;
  width: 10px;
  margin-left: -5px;
  left: 50%;
  bottom: -12px;
  background: center center no-repeat url("../images/svg/icon-active.svg") transparent;
}
.paging__item.as-number:hover .paging__item__text, .paging__item.as-number.is-active .paging__item__text {
  color: #FFF;
  background-color: #8C5512;
}
.paging__item__text {
  display: block;
  font-family: "Lora", sans-serif;
  min-width: 20px;
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 111.1111111111%;
  color: #D9D9D9;
  text-decoration: none;
}

.block--carousel-photos {
  margin-bottom: 120px;
  max-height: 500px;
}

.slick-slide img {
  display: block;
  max-height: 500px;
  width: auto;
  margin: 0 auto;
}

.nav--primary {
  background: url(../images/nav_bg.webp) center center no-repeat;
  background-size: cover;
  position: relative;
  height: 111px;
}
.nav--primary__sp {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 2;
  background-image: url(../images/menu-bg.webp);
  background-size: 100vw 100vh;
  background-position: center;
  background-attachment: fixed;
}
.nav--primary__sp[aria-hidden=true] {
  display: none;
}
.nav--primary__menu {
  margin: 0;
  list-style: none;
  display: flex;
  justify-content: space-around;
  padding: 0;
}
.nav--primary__menu-item {
  font-size: 22px;
  line-height: 504.5454545455%;
  color: #FFFFFF !important;
  text-decoration: none;
  font-weight: 700;
}

.nav--mobile__content {
  display: grid;
  justify-items: center;
  grid-gap: 25px;
  margin-top: 20%;
}

.HeaderMainNav {
  display: grid;
  grid-gap: 25px;
}
.HeaderMainNav ul {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 25px;
  list-style: none;
}
.HeaderMainNav ul a {
  display: inline-flex;
  gap: 10px;
  align-items: center;
  font-weight: 700;
  font-size: 18px;
  line-height: 22px;
  color: #000 !important;
}
.HeaderMainNav ul a:before {
  content: url(../images/dot.svg);
}

.header--bg {
  position: relative;
}
.header--bg .bg_sp {
  display: none;
}
.header--bg__logo {
  margin: 0;
}
.header--bg__desc {
  position: absolute;
  bottom: 0;
  width: 338px;
  height: 231px;
  right: 0;
  padding-right: 37px;
  padding-bottom: 27px;
  color: #FFF;
  font-size: 18px;
  text-align: center;
  font-weight: 700;
  line-height: 177.7777777778%;
}
.header--bg__bg-main {
  display: block;
  height: 100%;
  width: 100%;
}
.header--bg__title {
  position: absolute;
  max-width: 50vw;
  text-align: center;
  font-weight: bold;
  font-size: 27px;
  line-height: 35px;
  left: 50%;
  top: 41%;
  transform: translateY(-50%) translateX(-50%);
  letter-spacing: 0.1em;
}
.header--bg__des {
  position: absolute;
  color: white;
  z-index: 2;
  display: flex;
  flex-direction: column;
  text-align: center;
  right: 0;
  bottom: 0;
  width: 28vw;
  line-height: 2vw;
  font-size: 1.5vw;
  height: 25%;
}
.header--bg__des span {
  height: 2.3vw;
}

.header-bg-container {
  position: relative;
}

.btn-toggle-mobile-menu {
  display: none;
  --header-base: 6px;
  --base-size: calc(var(--header-base) * 6);
  --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">      <path stroke="white" stroke-width="3" stroke-linecap="round" d="M1,4h18m0,6h-18m0,6h18"/>    </svg>');
  --icon-image-expanded: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">      <path stroke="white" stroke-width="6" stroke-linecap="round" d="M3.6,3.6l12.8,12.8m-12.8,0l12.8,-12.8"/>    </svg>');
  width: var(--base-size);
  height: var(--base-size);
  background-image: var(--icon-image);
  background-size: 80%;
  background-position: center;
  cursor: pointer;
  font-size: 0;
  color: transparent;
  border: none;
  background-repeat: no-repeat;
}
.btn-toggle-mobile-menu[aria-expanded=true] {
  --icon-image: var(--icon-image-expanded);
  position: fixed;
  z-index: 12;
  top: 1%;
  right: 1%;
}

button {
  border: none;
  padding: 0;
  background: none;
  background-repeat: no-repeat;
  color: inherit;
}

.header--bg__container {
  --left: 3%;
  margin-top: 38px;
  position: absolute;
  top: 0%;
  left: var(--left);
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  width: calc(100% - 2 * var(--left));
}

/******************************
 * Footer
 */
.home-page .footer {
  margin-top: 63px;
}

.shukuba-page .footer {
  margin-top: 130px;
}

.footer {
  background: no-repeat center center url("../images/bg-washiB_1.webp");
  background-size: cover;
  border-top: 1px solid #000;
}
.footer__padding {
  padding-left: 170px;
  padding-right: 174px;
}
.footer p {
  margin: 0;
}
.footer-container {
  display: flex;
  padding-top: 77px;
  padding-bottom: 80px;
  justify-content: center;
}
@media only screen and (min-width: 481px) and (max-width: 640px) {
  .footer-container {
    padding-top: 40.2px;
    padding-bottom: 20px;
    flex-direction: column;
    align-items: center;
  }
}
@media only screen and (min-width: 320px) and (max-width: 480px) {
  .footer-container {
    padding-top: 40.2px;
    padding-bottom: 20px;
    flex-direction: column;
    align-items: center;
  }
}
@media only screen and (min-width: 641px) and (max-width: 768px) {
  .footer-container {
    flex-wrap: wrap;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
  .footer-container {
    flex-wrap: wrap;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1280px) {
  .footer-container {
    flex-wrap: wrap;
  }
}
.footer .block--brand {
  flex-grow: 1;
  margin-left: 1.8181818182%;
}
.footer .block--nav {
  width: 32.7474560592%;
  margin-left: 8.1818181818%;
}
@media only screen and (min-width: 481px) and (max-width: 640px) {
  .footer .block--nav {
    display: flex;
    justify-content: center;
    margin-top: 22.1px;
    margin-left: unset;
    width: 80%;
  }
}
@media only screen and (min-width: 320px) and (max-width: 480px) {
  .footer .block--nav {
    display: flex;
    justify-content: center;
    margin-top: 22.1px;
    margin-left: unset;
    width: 80%;
  }
}
.footer .block--nav .nav--secondary {
  display: flex;
  column-gap: 22px;
}
@media only screen and (min-width: 481px) and (max-width: 640px) {
  .footer .block--nav .nav--secondary {
    column-gap: 45px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 480px) {
  .footer .block--nav .nav--secondary {
    column-gap: 45px;
  }
}
.footer .block--nav .nav--secondary ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  row-gap: 20px;
  flex: 1;
}
.footer .block--nav .nav--secondary ul a {
  display: inline-flex;
  gap: 5px;
  align-items: center;
  font-weight: 700;
  font-size: 18px;
  line-height: 22px;
  text-decoration: none;
  color: #000;
  white-space: nowrap;
}
.footer .block--nav .nav--secondary ul a::before {
  content: url("../images/svg/icon-nav.svg");
}
@media only screen and (min-width: 1025px) and (max-width: 1280px) {
  .footer .block--nav .nav--secondary ul a {
    font-size: 14px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
  .footer .block--nav .nav--secondary ul a {
    font-size: 14px;
  }
}
@media only screen and (min-width: 641px) and (max-width: 768px) {
  .footer .block--nav .nav--secondary ul a {
    font-size: 12px;
  }
}
@media only screen and (min-width: 481px) and (max-width: 640px) {
  .footer .block--nav .nav--secondary ul a {
    font-size: 14px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 480px) {
  .footer .block--nav .nav--secondary ul a {
    font-size: 14px;
  }
}
.footer .block--contact__content {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  row-gap: 31px;
  margin-left: 4.5454545455%;
}
@media only screen and (min-width: 481px) and (max-width: 640px) {
  .footer .block--contact__content {
    margin-top: 45.52px;
    text-align: center;
  }
}
@media only screen and (min-width: 320px) and (max-width: 480px) {
  .footer .block--contact__content {
    margin-top: 45.52px;
    text-align: center;
  }
}
.footer .block--contact__content .contact {
  display: flex;
  flex-direction: column;
  font-weight: 500;
  font-size: 12px;
  line-height: 20px;
  white-space: nowrap;
}
.footer .block--contact__content .contact a {
  color: #000000;
  text-decoration: none;
}
@media only screen and (min-width: 481px) and (max-width: 640px) {
  .footer .block--contact__content .contact {
    align-items: center;
  }
}
@media only screen and (min-width: 320px) and (max-width: 480px) {
  .footer .block--contact__content .contact {
    align-items: center;
  }
}
.footer .block--contact__content .contact--title {
  font-weight: 700;
  font-size: 18px;
  line-height: 22px;
  white-space: nowrap;
}
@media only screen and (min-width: 1025px) and (max-width: 1280px) {
  .footer .block--contact__content .contact--title {
    font-size: 14px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
  .footer .block--contact__content .contact--title {
    font-size: 14px;
  }
}
@media only screen and (min-width: 641px) and (max-width: 768px) {
  .footer .block--contact__content .contact--title {
    font-size: 14px;
  }
}
@media only screen and (min-width: 481px) and (max-width: 640px) {
  .footer .block--contact__content .contact--title {
    font-size: 14px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 480px) {
  .footer .block--contact__content .contact--title {
    font-size: 14px;
  }
}
.footer .block--contact__logo {
  margin-left: 0.9090909091%;
}
@media only screen and (min-width: 481px) and (max-width: 640px) {
  .footer .block--contact__logo {
    margin-top: 14px;
    margin-bottom: 81px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 480px) {
  .footer .block--contact__logo {
    margin-top: 14px;
    margin-bottom: 81px;
  }
}
.footer .block--copyright {
  text-align: center;
  padding-bottom: 45px;
  font-weight: 400;
  font-size: 14px;
  line-height: 14px;
}

.footer-en .block--nav .nav--secondary ul a {
  white-space: unset;
}
.footer-en .block--contact__content .contact--title {
  white-space: unset;
}
.footer-en .block--contact__content .contact {
  white-space: unset;
}

#map {
  z-index: 1;
}

/******************************
 * HEADER BAR
 */
.header--bar {
  background: url(../images/header-bar-bg.png) no-repeat;
  background-size: cover;
}
.header--bar ul {
  list-style: none;
}
.header--bar ul a {
  text-decoration: none;
}
.header--bar .container--fluid {
  padding: 27px 32px 8px 32px;
  display: flex;
  justify-content: center;
}
.header--bar .container--fluid .nav--centered {
  display: flex;
  margin: 0;
}
.header--bar .container--fluid .nav--centered__sp[aria-hidden=true] {
  display: none;
}
.header--bar .container--fluid .nav--centered .menu--centered {
  display: flex;
  gap: 35px;
  flex-wrap: wrap;
}
.header--bar .container--fluid .nav--centered .menu--centered .menu-item__link {
  display: block;
  color: #FFF;
  font-size: 18px;
  line-height: 177.7777777778%;
  font-weight: 700;
  white-space: nowrap;
}
.header--bar .container--fluid .header--menu_language-switcher {
  margin-left: auto;
  align-self: center;
  margin-top: -20px;
}
@media only screen and (min-width: 320px) and (max-width: 480px) {
  .header--bar .container--fluid .header--menu_language-switcher {
    margin-top: 0;
    margin-right: auto;
  }
}
.header--bar__logo {
  margin: 0;
}

.language-switcher {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 235px;
  height: 35px;
  border-radius: 35px;
  border: 2px solid #FFF;
  overflow: hidden;
  min-width: 235px;
}
@media only screen and (min-width: 481px) and (max-width: 640px) {
  .language-switcher {
    width: 20.625%;
    min-width: 132px;
    height: 21.34px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 480px) {
  .language-switcher {
    width: 120px;
    min-width: 120px;
    height: 18.3px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
  .language-switcher {
    width: 17.578125%;
    min-width: 180px;
    height: 28px;
  }
}
@media only screen and (min-width: 641px) and (max-width: 768px) {
  .language-switcher {
    width: 17.578125%;
    min-width: 180px;
    height: 25px;
  }
}
.language-switcher__label {
  width: 50%;
  text-align: center;
  color: #FFF;
}
@media only screen and (min-width: 481px) and (max-width: 640px) {
  .language-switcher__label {
    font-size: 11px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 480px) {
  .language-switcher__label {
    font-size: 10px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
  .language-switcher__label {
    font-size: 13px;
  }
}
@media only screen and (min-width: 641px) and (max-width: 768px) {
  .language-switcher__label {
    font-size: 11px;
  }
}
.language-switcher select {
  outline: none;
}
.language-switcher__cbo {
  width: 50%;
  height: 120%;
  border: none;
  background-image: url(../images/Vector.svg);
  background-repeat: no-repeat;
  background-size: 10px 10px;
  background-position: 77.3913043478% 45%;
  -webkit-appearance: none;
  cursor: pointer;
  padding-left: 10.2127659574%;
}
@media only screen and (min-width: 481px) and (max-width: 640px) {
  .language-switcher__cbo {
    background-size: 7px 7px;
    font-size: 11px;
    padding-left: 7.6595744681%;
    background-position: 80% 45%;
  }
}
@media only screen and (min-width: 320px) and (max-width: 480px) {
  .language-switcher__cbo {
    background-size: 7px 7px;
    font-size: 10px;
    padding-left: 7.6595744681%;
    background-position: 80% 45%;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
  .language-switcher__cbo {
    font-size: 13px;
    background-size: 9px 9px;
    background-position: 80% 45%;
  }
}
@media only screen and (min-width: 641px) and (max-width: 768px) {
  .language-switcher__cbo {
    font-size: 11px;
  }
}

/******************************
 * BLOCK FIGURE
 */
.block--figure {
  margin-top: 40px;
}
.block--figure p {
  margin: 0;
}
.block--figure .pc {
  display: block;
}
.block--figure .mb {
  display: none;
}
.block--figure__content {
  position: relative;
}
.block--figure__content .figure--full {
  margin: 0;
  position: static;
}
.block--figure__content .figure--full .title-text {
  word-break: keep-all;
  font-weight: 700;
  font-size: 64px;
  line-height: 64px;
  position: absolute;
  left: calc(25% - 20px);
  top: 15%;
  transform: translateX(-50%) translateY(-50%);
}
.block--figure__content .figure--full .title-text--right {
  left: calc(79% - 20px);
}
.block--figure__content .figure--full__img {
  width: 100%;
  background-size: cover;
  background-position: center;
}
.block--figure__content .figure--full__img--sp {
  display: none;
}
.block--figure__content .figure--full .caption--bg {
  margin-top: 4px;
}
.block--figure__content .figure--full .caption--bg__text {
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
}
@media only screen and (min-width: 481px) and (max-width: 640px) {
  .block--figure__content .figure--full .caption--bg__text {
    width: 50%;
  }
}
@media only screen and (min-width: 320px) and (max-width: 480px) {
  .block--figure__content .figure--full .caption--bg__text {
    width: 50%;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
  .block--figure__content .figure--full .caption--bg__text {
    width: 55%;
  }
}
@media only screen and (min-width: 641px) and (max-width: 768px) {
  .block--figure__content .figure--full .caption--bg__text {
    width: 42%;
  }
}
.block--figure__content .figure--full .caption--bg__img {
  position: absolute;
  bottom: -15%;
  transform: translateY(-52%);
  right: 3%;
  z-index: 1;
}

/******************************
 * BLOCK COMPLEX
 */
.shukuba-page .container h1 {
  line-height: 48px;
}
.shukuba-page .block--complex {
  padding-top: 40px;
  position: relative;
  background: url("../images/bg3.png") 0px -40px no-repeat;
  background-size: 100%;
}
.shukuba-page .block--complex__content {
  display: flex;
  gap: 60px;
}
@media only screen and (min-width: 641px) and (max-width: 768px) {
  .shukuba-page .block--complex__content {
    flex-wrap: wrap;
    justify-content: center;
  }
}
@media only screen and (min-width: 481px) and (max-width: 640px) {
  .shukuba-page .block--complex__content {
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
  }
}
@media only screen and (min-width: 320px) and (max-width: 480px) {
  .shukuba-page .block--complex__content {
    align-items: center;
    justify-content: center;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
  .shukuba-page .block--complex__content {
    flex-wrap: wrap;
    justify-content: center;
  }
}
.shukuba-page .block--complex__content .block--caption-underline .block__content {
  font-weight: 500;
  font-size: 18px;
  line-height: 30px;
}
.shukuba-page .block--complex__content .block--media__source {
  width: 580px;
  height: 420px;
  border: none;
}

.modelcourse {
  width: 90%;
  max-width: 1024px;
}
.modelcourse h1 {
  line-height: 48px;
}

.modelcourseDetail {
  width: 90%;
  max-width: 1024px;
}
.modelcourseDetail h1 {
  line-height: 48px;
  font-size: 30px;
}
.modelcourseDetail .modelcourse-detail__mainImg img {
  width: 100%;
}
.modelcourseDetail .modelcourse-detail__spotName__box {
  list-style-type: none;
  padding: 0;
  display: flex;
  overflow-x: scroll;
  margin-bottom: 80px;
}
.modelcourseDetail .modelcourse-detail__spotName__box .el_name {
  writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  display: block;
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  background-color: #fff;
  border: 3px solid #CABFA9;
  position: relative;
  max-height: 380px;
  border-radius: 4px;
  letter-spacing: 3px;
  padding-top: 50px;
}
.modelcourseDetail .modelcourse-detail__spotName__box .el_name + .el_name {
  margin-left: 10px;
}
.modelcourseDetail .modelcourse-detail__spotName__box .el_name::after {
  font-family: "FontAwesome";
  color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  writing-mode: horizontal-tb;
  letter-spacing: 0;
  height: 50px;
  line-height: 50px;
  text-align: center;
  display: block;
  background-color: #CABFA9;
  content: "";
}
.modelcourseDetail .modelcourse-detail__spotName__box .el_name.is-stay::after {
  content: "\f236";
}
.modelcourseDetail .modelcourse-detail__spotName__box .el_name.is-sightseeing::after {
  content: "\f030";
}
.modelcourseDetail .modelcourse-detail__spotName__box .el_name.is-gourmet::after {
  content: "\f0f5";
}
.modelcourseDetail .modelcourse-detail__spotName__box .el_name.is-station::after {
  content: "\f239";
}
.modelcourseDetail .modelcourse-detail__spotName__box .el_name.is-souvenir::after {
  content: "\f290";
}
.modelcourseDetail .modelcourse-detail__spotName__box .el_name p {
  margin: 0;
  padding: 8px;
}
.modelcourseDetail .modelcourse-detail__spotName__box .el_name p a {
  text-decoration: none;
  color: #000;
}
.modelcourseDetail .modelcourse-detail__spotName__box .el_access {
  color: #AB9B7A;
  padding: 0 10px;
  text-align: center;
  line-height: 24px;
  min-width: 60px;
  max-height: 140px;
  border-bottom: 2px dotted #CABFA9;
  position: relative;
}
.modelcourseDetail .modelcourse-detail__spotName__box .el_access::after {
  font-family: "FontAwesome";
  color: #DAD3C6;
  position: absolute;
  bottom: -50px;
  left: 50%;
  transform: translate(-50%, -50%);
}
.modelcourseDetail .modelcourse-detail__spotName__box .el_access.is-bus::after {
  content: "\f207";
}
.modelcourseDetail .modelcourse-detail__spotName__box .el_access.is-ropeway::after {
  content: "\f7da";
}
.modelcourseDetail .modelcourse-detail__spotName__box .el_access.is-walk::after {
  content: "\f554";
}
.modelcourseDetail .modelcourse-detail__spotName__box .el_access.is-car::after {
  content: "\f1b9";
}
.modelcourseDetail .modelcourse-detail__spotName__box .el_access.is-train::after {
  content: "\f239";
}
.modelcourseDetail .modelcourse-detail__spotName__box .el_access__box {
  position: absolute;
  bottom: 10px;
  margin: 0;
  left: 50%;
  transform: translate(-50%, 0);
}
.modelcourseDetail .modelcourse-detail__spotName__box .el_access__box .el_transport {
  display: block;
}
.modelcourseDetail .modelcourse-detail__spot {
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px;
}
.modelcourseDetail .modelcourse-detail__spot.min-type {
  text-align: center;
  margin-bottom: 0;
}
.modelcourseDetail .modelcourse-detail__spot.min-type .spot_text {
  width: 100%;
}
.modelcourseDetail .modelcourse-detail__spot.min-type .spot_text__box .el_catch, .modelcourseDetail .modelcourse-detail__spot.min-type .spot_text__box .el_text {
  display: none;
}
.modelcourseDetail .modelcourse-detail__spot.min-type .spot_text__btn {
  display: none;
}
.modelcourseDetail .modelcourse-detail__spot.min-type .spot_img {
  display: none;
}
.modelcourseDetail .modelcourse-detail__spot .spot_text {
  width: 48%;
}
.modelcourseDetail .modelcourse-detail__spot .spot_text__box .el_phonetic {
  font-size: 14px;
  margin: 0;
}
.modelcourseDetail .modelcourse-detail__spot .spot_text__box .el_title {
  font-size: 30px;
  margin-bottom: 16px;
  line-height: 40px;
  position: relative;
}
.modelcourseDetail .modelcourse-detail__spot .spot_text__box .el_title::after {
  font-family: "FontAwesome";
  color: #fff;
  position: absolute;
  top: -20px;
  right: 0;
  width: 70px;
  height: 70px;
  line-height: 70px;
  text-align: center;
  display: block;
  background-color: #CABFA9;
  border-radius: 50%;
  content: "";
}
.modelcourseDetail .modelcourse-detail__spot .spot_text__box .el_title.is-stay::after {
  content: "\f236";
}
.modelcourseDetail .modelcourse-detail__spot .spot_text__box .el_title.is-sightseeing::after {
  content: "\f030";
}
.modelcourseDetail .modelcourse-detail__spot .spot_text__box .el_title.is-gourmet::after {
  content: "\f0f5";
}
.modelcourseDetail .modelcourse-detail__spot .spot_text__box .el_title.is-station::after {
  content: "\f239";
}
.modelcourseDetail .modelcourse-detail__spot .spot_text__box .el_title.is-souvenir::after {
  content: "\f290";
}
.modelcourseDetail .modelcourse-detail__spot .spot_text__box .el_catch {
  font-size: 20px;
  color: #D37550;
  margin-bottom: 16px;
}
.modelcourseDetail .modelcourse-detail__spot .spot_text__btn {
  display: flex;
}
.modelcourseDetail .modelcourse-detail__spot .spot_text__btn .align-center {
  margin-right: 20px;
}
.modelcourseDetail .modelcourse-detail__spot .spot_img {
  width: 48%;
}
.modelcourseDetail .modelcourse-detail__spot .spot_img ul {
  padding: 0;
  margin: 0;
}
.modelcourseDetail .modelcourse-detail__spot .spot_img .slick-arrow {
  z-index: 1;
}
.modelcourseDetail .modelcourse-detail__spot .spot_img .slick-arrow.slick-prev {
  left: 20px;
}
.modelcourseDetail .modelcourse-detail__spot .spot_img .slick-arrow.slick-next {
  right: 20px;
}
.modelcourseDetail .modelcourse-detail__spot .spot_img .el_text {
  display: none;
}
.modelcourseDetail .modelcourse-detail__spot .spot_img__btn {
  display: none;
}
.modelcourseDetail .modelcourse-detail__spot .spot_img .thumb-item {
  margin-bottom: 8px;
}
.modelcourseDetail .modelcourse-detail__spot .spot_img .thumb-item .slick-track .el_img {
  width: 100%;
  display: block;
  background-color: #eee;
  object-fit: contain;
  aspect-ratio: 3/2;
}
.modelcourseDetail .modelcourse-detail__spot .spot_img .thumb-item-nav .slick-track {
  transform: unset !important;
}
.modelcourseDetail .modelcourse-detail__spot .spot_img .thumb-item-nav .slick-track .slick-slide {
  margin-right: 8px;
}
.modelcourseDetail .modelcourse-detail__spot .spot_img .thumb-item-nav .slick-track .slick-slide .el_img {
  width: 100%;
  display: block;
  background-color: #eee;
  object-fit: contain;
  aspect-ratio: 3/2;
}
.modelcourseDetail .modelcourse-detail__access {
  text-align: center;
  padding: 30px 0;
  margin-bottom: 20px;
}
.modelcourseDetail .modelcourse-detail__access .el_detail {
  display: inline-block;
  text-align: center;
  font-size: 16px;
  color: #AB9B7A;
  background-color: #fff;
  border: 3px solid #CABFA9;
  padding: 6px 10px;
  margin: 0;
  position: relative;
}
.modelcourseDetail .modelcourse-detail__access .el_detail::after {
  content: "";
  position: absolute;
  height: 100px;
  border-right: 2px dotted #CABFA9;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}
.modelcourseDetail .modelcourse-detail__other {
  margin-bottom: 40px;
}

/******************************
 * BLOCK QUOTE
 */
.block--quote {
  margin-top: 95px;
  position: relative;
}
.block--quote__title {
  width: 29.5%;
  position: absolute;
  top: 0;
  transform: translate(10%, -55%);
  background-color: #FFF;
  padding: 0 20px;
  display: flex;
}
.block--quote__title__img {
  width: 100%;
}
.block--quote__title__img--sp {
  display: none;
}
.block--quote__content {
  padding: 60px 40px 30px 40px;
  border: 6px solid #231815;
  font-weight: 500;
  font-size: 18px;
  line-height: 32px;
}

/******************************
 * BLOCK NEWS FLUID
 */
.block--news-fluid {
  margin-top: 90px;
  position: relative;
  background: url(../images/bg3.png) no-repeat;
  background-size: 100%;
}
.block--news-fluid__content {
  margin-top: 35px;
  display: flex;
  flex-direction: column;
  row-gap: 55px;
}
.block--news-fluid .article--horizontal__detail {
  gap: 20px;
}
.block--news-fluid .article--horizontal__detail__sub-title {
  font-size: 26px;
  line-height: 40px;
}
.block--news-fluid .block__footer {
  text-align: center;
  padding: 50px 0;
}
.block--news-fluid__action {
  min-width: 165px;
  height: 40px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  font-size: 20px;
  line-height: 20px;
}
.block--news-fluid__action::after {
  content: url(../images/svg/icon-nav-white.svg);
  padding-left: 5px;
}
/******************************
 * BLOCK NEWS GRID
 */
.block--news-grid {
  padding-top: 80px;
  padding-bottom: 80px;
  background: no-repeat center center url(../images/bg-washi_1.webp);
  background-size: cover;
}
@media only screen and (min-width: 481px) and (max-width: 640px) {
  .block--news-grid {
    padding-top: 25px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 480px) {
  .block--news-grid {
    padding-top: 25px;
  }
}
.block--news-grid__content {
  margin-top: 40px;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 15px;
  display: grid;
}
.block--news-grid .article--justify__action {
  margin: 10px 0 0;
}

/******************************
 * BLOCK NEWS WITHOUT THUMB
 */
.block--news-without-thumb {
  margin-top: 60px;
}
.block--news-without-thumb__content {
  --column-gap: 70px;
  margin-top: 35px;
  display: flex;
  column-gap: var(--column-gap);
}
.block--news-without-thumb__content .article--title-highlight {
  width: calc((100% - var(--column-gap)) / 2);
  display: flex;
  flex-direction: column;
}
.block--news-without-thumb__content .article--title-highlight__content {
  margin-top: 20px;
  font-weight: 400;
  font-size: 18px;
  line-height: 30px;
}
.block--news-without-thumb__content .article--title-highlight__action {
  margin: 0;
  margin-top: 7px;
  font-weight: 400;
  font-size: 18px;
  line-height: 30px;
}
.block--news-without-thumb__content .article--title-highlight__action a {
  text-decoration: none;
}

/******************************
 * BLOCK NEWS FLUID
 */
.news--fluid {
  margin-top: 100px;
  margin-bottom: 130px;
  background: url(../images/bg4.png) 0 -40px no-repeat;
}
.news--fluid .block--news-fluid__content {
  margin-top: 45px;
  row-gap: 35px;
}
.news--fluid .block--news-fluid__content .article--horizontal {
  gap: 25px;
}
.news--fluid .block--news-fluid__content .article--horizontal__detail {
  gap: 5px;
}

/******************************
 * ARTICLE (HORIZONTAL)
 */
.article--horizontal {
  display: flex;
  gap: 55px;
  justify-content: space-between;
}
.article--horizontal__thumb {
  display: block;
  margin-left: 0;
  margin-right: auto;
}
.article--horizontal__thumb__img {
  display: block;
  max-width: 500px;
  height: auto;
  aspect-ratio: 3/2;
  -o-object-fit: cover;
  object-fit: cover;
  max-height: 300px;
}
.article--horizontal__detail {
  display: flex;
  flex-direction: column;
  gap: 13px;
  width: 100%;
}
.article--horizontal__detail__title__link {
  font-weight: 700;
  font-size: 30px;
  line-height: 133.3333333333%;
}
.article--horizontal__detail__sub-title {
  font-weight: 700;
  font-size: 22px;
  line-height: 181.8181818182%;
}
.article--horizontal__detail__excerpt {
  font-weight: 400;
  font-size: 18px;
  line-height: 30px;
}

/******************************
 * ARTICLE (JUSTIFY)
 */
.article--justify .thumb {
  display: block;
}
.article--justify .thumb__source {
  display: block;
  max-width: 100%;
  height: auto;
  aspect-ratio: 3/2;
  object-fit: cover;
}
.article--justify .thumb__noaspect {
  display: block;
  max-width: 100%;
  height: auto;
}
.article--justify__title {
  margin-top: 5px;
  font-weight: bold;
  font-size: 18px;
  line-height: 171.4285714286%;
}
.article--justify__action {
  margin: 5px 0 0;
  text-align: center;
  font-size: 18px;
  line-height: 142.8571428571%;
}

.modelcourse_content {
  gap: 40px !important;
}
.modelcourse_content .article--justify__title.modelcourse_title {
  font-size: 24px;
}
.modelcourse_content .article--justify__action.modelcourse_text {
  text-align: left;
}

.block--contact-info {
  display: flex;
  gap: 30px;
  padding-bottom: 20px;
}

.block--highlight {
  margin-top: 20px;
}
.block--highlight .article--title-highlight__content {
  margin-top: 20px;
}

.block--news-vertical {
  padding-top: 60px;
  background: url("../images/bg1.png") 0 99px no-repeat;
  background-size: 100%;
}
.block--news-vertical__title h2 {
  text-align: center;
  font-size: 46px;
  font-weight: 700;
  line-height: 46px;
  margin-bottom: 18px;
}
@media only screen and (min-width: 481px) and (max-width: 640px) {
  .block--news-vertical__title h2 {
    font-size: 32px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 480px) {
  .block--news-vertical__title h2 {
    font-size: 28px;
  }
}
.block--news-vertical__title h2 span {
  position: relative;
}
.block--news-vertical__title h2 span:after {
  content: "";
  border-bottom: 1px solid;
  height: 1px;
  width: 240px;
  position: absolute;
  bottom: -18px;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media only screen and (min-width: 481px) and (max-width: 640px) {
  .block--news-vertical__title h2 span:after {
    width: 147px;
    bottom: -12px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 480px) {
  .block--news-vertical__title h2 span:after {
    width: 147px;
    bottom: -10px;
  }
}
.block--news-vertical__content {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 20px;
  justify-content: space-between;
  padding-top: 73px;
}
@media only screen and (min-width: 481px) and (max-width: 640px) {
  .block--news-vertical__content {
    padding-top: 32px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 480px) {
  .block--news-vertical__content {
    padding-top: 32px;
  }
}
.block--news-vertical .block-footer {
  text-align: center;
  margin-top: 36px;
  margin-bottom: 72px;
  display: flex;
  justify-content: center;
}
.block--news-vertical .block-footer__link {
  width: 165px;
  height: 40px;
  background: #000000;
  color: #FFF;
  text-decoration: none;
}
.block--news-vertical .block-footer .footer--link {
  background: #000000;
  color: #FFF;
  text-decoration: none;
  position: relative;
}
.block--news-vertical .block-footer .footer--link__text {
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 20px;
  color: #FFFFFF;
  text-decoration: none;
  padding: 9px 43px 9px 20px;
  display: block;
}
.block--news-vertical .block-footer .footer--link__icon {
  content: "";
  background: url("../images/svg/icon-nav-white.svg") no-repeat;
  height: 23px;
  width: 23px;
  position: absolute;
  top: 8px;
  right: 13px;
}

.article--vertical__thumb {
  display: block;
}
.article--vertical__thumb img {
  width: 100%;
  height: 100%;
  aspect-ratio: 3/2;
  object-fit: cover;
}
.article--vertical__metadata {
  padding-top: 5px;
  font-family: "Lora", sans-serif;
  font-style: normal;
  font-weight: 400;
}
.article--vertical__summary {
  font-style: normal;
  font-weight: 500;
  padding-top: 10px;
}
.article--vertical:last-child {
  padding: 0;
}

.article--vertical a {
  text-decoration: none;
  color: #000;
}

.slick-list {
  max-height: 500px !important;
}

.block--profiles {
  background: url(../images/profiles_bg.webp) no-repeat;
  background-size: 100% 100%;
}
@media only screen and (min-width: 1025px) and (max-width: 1280px) {
  .block--profiles {
    background-size: 100% 70%;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
  .block--profiles {
    background-size: 100% 60%;
  }
}
@media only screen and (min-width: 641px) and (max-width: 768px) {
  .block--profiles {
    background-size: 100% 50%;
  }
}
@media only screen and (min-width: 481px) and (max-width: 640px) {
  .block--profiles {
    background-size: 100% 40%;
  }
}
@media only screen and (min-width: 320px) and (max-width: 480px) {
  .block--profiles {
    background-size: 100% 30%;
  }
}
.block--profiles__title {
  padding-top: 58px;
  text-align: center;
}
.block--profiles__title .heading {
  font-size: 46px;
  line-height: 100%;
}
@media only screen and (min-width: 481px) and (max-width: 640px) {
  .block--profiles__title .heading {
    font-size: 32px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 480px) {
  .block--profiles__title .heading {
    font-size: 28px;
  }
}
.block--profiles__title h2 {
  text-align: center;
  font-size: 46px;
  font-weight: 700;
  line-height: 46px;
  margin-bottom: 18px;
}
.block--profiles__title h2 span {
  position: relative;
}
.block--profiles__title h2 span:after {
  content: "";
  border-bottom: 1px solid;
  height: 1px;
  width: 262px;
  position: absolute;
  bottom: -27px;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media only screen and (min-width: 481px) and (max-width: 640px) {
  .block--profiles__title h2 span:after {
    width: 147px;
    bottom: -12px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 480px) {
  .block--profiles__title h2 span:after {
    width: 147px;
    bottom: -10px;
  }
}
.block--profiles__summary {
  font-size: 18px;
  font-weight: 400;
  line-height: 166.6666666667%;
  line-height: 30px;
  font-family: "Noto Sans", sans-serif;
  padding-top: 55px;
  padding-bottom: 140px;
}
@media only screen and (min-width: 481px) and (max-width: 640px) {
  .block--profiles__summary {
    padding-top: 23px;
    margin: 0 auto;
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 480px) {
  .block--profiles__summary {
    padding-top: 23px;
    margin: 0 auto;
    padding-left: 10px;
    padding-right: 10px;
  }
}
.block--profiles__highlight {
  margin-top: 100px;
  margin-bottom: 46px;
  text-align: center;
}
.block--profiles__grid {
  display: flex;
  gap: 100px;
}

.profile--vertical-grid {
  gap: 100px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  display: grid;
}

.profile--vertical__alias, .profile--vertical__name {
  text-align: center;
  color: #231815;
  font-weight: normal;
  font-size: 30px;
}
.profile--vertical__alias {
  margin-top: 8px;
}
.profile--vertical__name {
  margin-top: 22px;
}
.profile--vertical__intro {
  font-weight: 500;
  font-size: 18px;
  line-height: 166.6666666667%;
  margin-top: 28px;
  padding-bottom: 73px;
  padding-left: 38px;
  padding-right: 40px;
}
.profile--vertical__avatar {
  border: 5px solid;
  background: #fff;
  position: relative;
}
.profile--vertical__avatar img {
  display: block;
  width: 100%;
}
.profile--vertical__avatar .ja {
  line-height: 1.2vw;
  display: inline-block;
  -webkit-writing-mode: vertical-rl;
  writing-mode: tb-rl;
  font-family: 游明朝, YuMincho, "Hiragino Mincho ProN", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", HGS明朝E, ＭＳ明朝, "Times New Roman", serif;
  font-size: 21px;
  text-align: left !important;
  margin: 0px;
}
.profile--vertical .avatar-left {
  padding-right: 31px;
}
.profile--vertical .avatar-left .content-conversation {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 5%;
  right: calc(3% + 30px);
  width: 25%;
  height: 40%;
}
.profile--vertical .content-text {
  font-size: 1.3vw;
  text-align: center;
  line-height: 0.7vw;
}
.profile--vertical .content-text--en {
  line-height: normal;
}
.profile--vertical .avatar-right {
  padding-left: 28px;
}
.profile--vertical .avatar-right .content-conversation {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 5%;
  left: calc(3% + 30px);
  width: 25%;
  height: 40%;
}

.block--profiles-highlight {
  height: 195px;
  background: url(../images/bg1.png) center center no-repeat;
  background-size: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.block--profiles-highlight .highlight--text {
  text-align: center;
  font-size: 4vw;
  font-weight: 500;
  letter-spacing: 5px;
  line-height: calc(3vw + 15px);
}
.block--profiles-highlight .br-mb {
  display: none;
}

.banner--list {
  margin-top: 83px;
}
.banner--list ul {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  padding: 0;
  margin: 0;
  list-style: none;
  column-gap: 70px;
  row-gap: 58px;
}
.banner--list .banner__link__img {
  display: block;
  width: auto;
  max-height: 100px;
}

.cards--list {
  margin-top: 14px;
  background: url("../images/bg2.webp") -31px 137px no-repeat;
  background-size: cover;
  padding-bottom: 66px;
  position: relative;
}
.cards--list .container:before {
  background: url("../images/shukuba/bg-complex-cloud-alone.png") no-repeat;
  content: "";
  left: 0;
  position: absolute;
  height: 191px;
  width: 100%;
  top: -53px;
}
.cards--list .heading--underline {
  font-weight: 700;
  font-size: 46px;
  line-height: 46px;
  padding-bottom: 15px;
  text-align: center;
}
@media only screen and (min-width: 481px) and (max-width: 640px) {
  .cards--list .heading--underline {
    font-size: 32px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 480px) {
  .cards--list .heading--underline {
    font-size: 32px;
  }
}
.cards--list .heading--underline__text {
  position: relative;
}
.cards--list .heading--underline__text:after {
  content: "";
  border-bottom: 1px solid;
  height: 1px;
  width: 262px;
  position: absolute;
  bottom: -28px;
  left: 50%;
  transform: translateX(-50%);
}
@media only screen and (min-width: 481px) and (max-width: 640px) {
  .cards--list .heading--underline__text:after {
    width: 147px;
    bottom: -12px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 480px) {
  .cards--list .heading--underline__text:after {
    width: 147px;
    bottom: -10px;
  }
}
.cards--list .block__content {
  margin-top: 75px;
  padding-top: 11px;
}
@media only screen and (min-width: 481px) and (max-width: 640px) {
  .cards--list .block__content {
    margin-top: 43px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 480px) {
  .cards--list .block__content {
    margin-top: 43px;
  }
}
.cards--list .row {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  padding: 0 11px;
  margin: 0;
  list-style: none;
  -moz-column-gap: 55px;
  column-gap: 55px;
  row-gap: 70px;
}
.cards--list .card--circle {
  position: relative;
}
.cards--list .card--circle__info {
  background: url("../images/card_bg.webp") no-repeat;
  clip-path: polygon(27px 0, calc(100% - 27px) 0, 100% 23px, 100% 100%, 25px 100%, 0 100%, 0 25px);
  border: 5px solid;
  padding: 12px;
}
.cards--list .card--circle .line-left {
  border-bottom: 5px solid #000;
  transform: rotate(-45deg);
  transform-origin: right;
  width: 60px;
  position: absolute;
  left: -26px;
  top: -9px;
  z-index: 1;
}
.cards--list .card--circle .line-right {
  border-bottom: 5px solid #000;
  transform: rotate(37deg);
  transform-origin: right;
  width: 60px;
  position: absolute;
  right: -9px;
  top: 26px;
  z-index: 1;
}
.cards--list .card--circle__icon {
  background: #fff;
  content: "";
  height: 45px;
  width: 45px;
  position: absolute;
  border-radius: 50%;
  border: 5px solid;
  top: 0;
  left: 50%;
  z-index: 2;
  padding: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  transform: translateX(-50%) translateY(-50%);
}
.cards--list .card--circle__icon__default {
  display: inline-block;
  max-width: 100%;
}
.cards--list .card--circle__name {
  font-weight: 700;
  font-size: 30px;
  margin-top: 42px;
  text-align: center;
}
.cards--list .card--circle__desc {
  padding-top: 13px;
  padding-left: 20px;
  padding-right: 20px;
}
.cards--list .card--circle__view-more {
  position: relative;
  padding-right: 10px;
  font-weight: bold;
  margin-bottom: 0;
  text-align: center;
}
.cards--list .card--circle__view-more .view-more__link {
  text-decoration: none;
  color: white;
  padding: 5px 30px 5px 15px;
  background: black;
}
.cards--list .card--circle__view-more .view-more__link:after {
  content: ">";
  border: 0.5px solid white;
  color: white;
  border-radius: 50%;
  padding: 4px 5px;
  font-size: 8px;
  line-height: 8px;
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
}
.cards--list .card--circle__view-more .view-more__link__text {
  margin-right: 10px;
}

.block--complex-home {
  position: relative;
  margin-top: 85px;
  overflow: hidden;
}
.block--complex-home .block--dialog {
  padding: 5px 0;
}
.block--complex-home .block--dialog__content {
  border-left: 5px solid;
  position: relative;
  padding: 16px 0;
}
.block--complex-home .block--dialog__content:before {
  content: "";
  border-top: 5px solid;
  display: block;
  position: absolute;
  top: -5px;
  width: 200%;
  left: -5px;
}
.block--complex-home .block--dialog__content:after {
  content: "";
  border-top: 5px solid;
  display: block;
  position: absolute;
  bottom: -5px;
  width: 200%;
  left: -5px;
}
.block--complex-home .block--dialog__separator.separator--down2up {
  border-bottom: 5px solid #000;
  transform: rotate(347deg);
  transform-origin: right;
  width: 200%;
  position: absolute;
  left: calc(-5.125988% - 3px);
  top: -20%;
  z-index: -1;
}
.block--complex-home .block--dialog__separator.separator--up2down {
  border-bottom: 5px solid #000;
  transform: rotate(12deg);
  transform-origin: right;
  width: 200%;
  position: absolute;
  left: -5.125988%;
  top: 27%;
  z-index: -1;
}
.block--complex-home .block--dialog__article {
  margin-top: 22px;
  padding-left: 33px;
  position: relative;
}
.block--complex-home .block--dialog__article:first-child {
  margin: 0;
  position: relative;
}
.block--complex-home .block--dialog__article .content-conversation1 {
  content: "";
  background: url("../images/1-1.png");
  position: absolute;
  top: 30px;
  left: -151px;
  width: 185px;
  height: 171px;
  background-size: 100% 100%;
}
.block--complex-home .block--dialog__article .content-conversation1 .content_text {
  width: 66%;
  height: 78%;
  padding: 10% 17%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  line-height: 30px;
  text-align: center;
}
.block--complex-home .block--dialog__article .content-conversation1--en .content_text {
  font-size: 15px;
  line-height: 18px;
}
.block--complex-home .block--dialog__article .content-conversation3 {
  position: absolute;
  top: 0;
  left: 30px;
  width: 30%;
  height: 9vw;
}
.block--complex-home .block--dialog__article .content-conversation3 .content_text {
  width: 66%;
  height: 79%;
  padding: 20% 17%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1vw;
  line-height: calc(1vw + 7px);
  text-align: center;
}
.block--complex-home .block--dialog__article .content-conversation3--en {
  top: -5px;
}
.block--complex-home .block--dialog__article .content-conversation3--en .content_text {
  font-size: 12px;
  line-height: 15px;
}
.block--complex-home .block--dialog__article .content-conversation3--ko .content_text {
  font-size: 12px;
  line-height: 20px;
}
.block--complex-home .block--dialog__article .content-conversation2 {
  position: absolute;
  right: 0;
  top: 0;
  width: 33%;
  height: 10vw;
  background-size: 100% 100%;
}
.block--complex-home .block--dialog__article .content-conversation2 .content_text {
  width: 66%;
  height: 73%;
  padding: 22% 17%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.8vw;
  line-height: calc(0.8vw + 10px);
  letter-spacing: 3px;
  text-align: center;
}
.block--complex-home .block--dialog__article .content-conversation2--en {
  top: -10px;
  right: -4px;
}
.block--complex-home .block--dialog__article .content-conversation2--en .content_text {
  font-size: 15px;
  line-height: 18px;
}
.block--complex-home .block--dialog__article .content-conversation4 {
  position: absolute;
  right: -47px;
  top: 0;
  width: 52%;
  height: 9vw;
  background-size: 100% 100%;
}
.block--complex-home .block--dialog__article .content-conversation4 .content_text {
  width: 66%;
  height: 76%;
  padding: 15% 17%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.8vw;
  line-height: calc(0.8vw + 7px);
  letter-spacing: 2px;
  text-align: center;
}
.block--complex-home .block--dialog__article .content-conversation4--en {
  top: -9px;
}
.block--complex-home .block--dialog__article .content-conversation4--en .content_text {
  font-size: 13px;
  line-height: 14px;
}
.block--complex-home .block--dialog__article__summary {
  margin-top: 20px;
  line-height: 25px;
  font-size: 16px;
}
.block--complex-home .block--dialog__article__thumb.article__thumb {
  display: block;
  width: 100%;
  height: auto;
}
.block--complex-home .block--dialog__article__title {
  margin-top: 8px;
}
.block--complex-home .block--dialog__article:last-of-type {
  margin-top: 5px;
}
.block--complex-home .block--dialog__article:last-of-type img {
  width: calc(100% + 50px);
}
.block--complex-home .block--text {
  display: grid;
  grid-template-columns: calc(60% + 10px) 28.9%;
  gap: 122px;
}
.block--complex-home .block--text__partial {
  padding-top: 23px;
}
.block--complex-home .block--text__partial__title {
  margin-top: 75px;
  display: inline;
  background-color: #000;
  box-shadow: 31px 0px 0 0px black, 0 1px 0px;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  color: #fff;
  font-weight: 700;
  font-size: 22px;
  line-height: 190.9090909091%;
  padding: 13px 0;
}
@media only screen and (min-width: 481px) and (max-width: 640px) {
  .block--complex-home .block--text__partial__title {
    box-shadow: unset;
  }
}
@media only screen and (min-width: 320px) and (max-width: 480px) {
  .block--complex-home .block--text__partial__title {
    box-shadow: unset;
  }
}
.block--complex-home .block--text__partial__title span {
  padding: 0 0 0 22px;
  letter-spacing: -1px;
}
.block--complex-home .block--text__partial__content {
  margin-top: 25px;
  font-weight: 500;
  font-size: 18px;
  line-height: 30px;
  text-align: justify;
  margin-bottom: 85px;
}

.dialog_sp {
  display: none !important;
}

.ja {
  line-height: 1.2vw;
  display: inline-block;
  -webkit-writing-mode: vertical-rl;
  writing-mode: tb-rl;
  font-family: 游明朝, YuMincho, "Hiragino Mincho ProN", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", HGS明朝E, ＭＳ明朝, "Times New Roman", serif;
  font-size: 21px;
  text-align: left !important;
  margin: 0px;
}

.block--profiles-grid {
  background: no-repeat center 200px url(../images/bg-washiB_1.webp);
  background-size: cover;
  margin-top: 32px;
}

.breadcrumbs {
  padding: 20px 0;
}

.breadcrumbs ul.items {
  font-size: 16px;
  margin: 0;
  padding: 0;
  list-style: none none;
}

.breadcrumbs .items > li {
  display: inline-block;
  vertical-align: top;
  font-size: 16px;
}

.breadcrumbs .item:not(:last-child):after {
  font-size: 16px;
  line-height: 16px;
  content: ">";
  margin: 0 10px;
  display: inline-block;
  font-weight: 400;
  overflow: hidden;
  speak: none;
  text-align: center;
  -webkit-font-smoothing: antialiased;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mgt-60 {
  margin-top: 60px !important;
}

.pdt-60 {
  padding-top: 60px !important;
}

.mgb-60 {
  margin-bottom: 60px !important;
}

.pdb-60 {
  padding-bottom: 60px !important;
}

.mgl-60 {
  margin-left: 60px !important;
}

.pdl-60 {
  padding-left: 60px !important;
}

.mgr-60 {
  margin-right: 60px !important;
}

.pdr-60 {
  padding-right: 60px !important;
}

.mgt-70 {
  margin-top: 70px !important;
}

.pdt-70 {
  padding-top: 70px !important;
}

.mgb-70 {
  margin-bottom: 70px !important;
}

.pdb-70 {
  padding-bottom: 70px !important;
}

.mgl-70 {
  margin-left: 70px !important;
}

.pdl-70 {
  padding-left: 70px !important;
}

.mgr-70 {
  margin-right: 70px !important;
}

.pdr-70 {
  padding-right: 70px !important;
}

.mgt-80 {
  margin-top: 80px !important;
}

.pdt-80 {
  padding-top: 80px !important;
}

.mgb-80 {
  margin-bottom: 80px !important;
}

.pdb-80 {
  padding-bottom: 80px !important;
}

.mgl-80 {
  margin-left: 80px !important;
}

.pdl-80 {
  padding-left: 80px !important;
}

.mgr-80 {
  margin-right: 80px !important;
}

.pdr-80 {
  padding-right: 80px !important;
}

.mgt-90 {
  margin-top: 90px !important;
}

.pdt-90 {
  padding-top: 90px !important;
}

.mgb-90 {
  margin-bottom: 90px !important;
}

.pdb-90 {
  padding-bottom: 90px !important;
}

.mgl-90 {
  margin-left: 90px !important;
}

.pdl-90 {
  padding-left: 90px !important;
}

.mgr-90 {
  margin-right: 90px !important;
}

.pdr-90 {
  padding-right: 90px !important;
}

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

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

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

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

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

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

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

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

.mgt-110 {
  margin-top: 110px !important;
}

.pdt-110 {
  padding-top: 110px !important;
}

.mgb-110 {
  margin-bottom: 110px !important;
}

.pdb-110 {
  padding-bottom: 110px !important;
}

.mgl-110 {
  margin-left: 110px !important;
}

.pdl-110 {
  padding-left: 110px !important;
}

.mgr-110 {
  margin-right: 110px !important;
}

.pdr-110 {
  padding-right: 110px !important;
}

.mgt-120 {
  margin-top: 120px !important;
}

.pdt-120 {
  padding-top: 120px !important;
}

.mgb-120 {
  margin-bottom: 120px !important;
}

.pdb-120 {
  padding-bottom: 120px !important;
}

.mgl-120 {
  margin-left: 120px !important;
}

.pdl-120 {
  padding-left: 120px !important;
}

.mgr-120 {
  margin-right: 120px !important;
}

.pdr-120 {
  padding-right: 120px !important;
}

.mgt-130 {
  margin-top: 130px !important;
}

.pdt-130 {
  padding-top: 130px !important;
}

.mgb-130 {
  margin-bottom: 130px !important;
}

.pdb-130 {
  padding-bottom: 130px !important;
}

.mgl-130 {
  margin-left: 130px !important;
}

.pdl-130 {
  padding-left: 130px !important;
}

.mgr-130 {
  margin-right: 130px !important;
}

.pdr-130 {
  padding-right: 130px !important;
}

.mgt-140 {
  margin-top: 140px !important;
}

.pdt-140 {
  padding-top: 140px !important;
}

.mgb-140 {
  margin-bottom: 140px !important;
}

.pdb-140 {
  padding-bottom: 140px !important;
}

.mgl-140 {
  margin-left: 140px !important;
}

.pdl-140 {
  padding-left: 140px !important;
}

.mgr-140 {
  margin-right: 140px !important;
}

.pdr-140 {
  padding-right: 140px !important;
}

.mgt-150 {
  margin-top: 150px !important;
}

.pdt-150 {
  padding-top: 150px !important;
}

.mgb-150 {
  margin-bottom: 150px !important;
}

.pdb-150 {
  padding-bottom: 150px !important;
}

.mgl-150 {
  margin-left: 150px !important;
}

.pdl-150 {
  padding-left: 150px !important;
}

.mgr-150 {
  margin-right: 150px !important;
}

.pdr-150 {
  padding-right: 150px !important;
}

.mgt-160 {
  margin-top: 160px !important;
}

.pdt-160 {
  padding-top: 160px !important;
}

.mgb-160 {
  margin-bottom: 160px !important;
}

.pdb-160 {
  padding-bottom: 160px !important;
}

.mgl-160 {
  margin-left: 160px !important;
}

.pdl-160 {
  padding-left: 160px !important;
}

.mgr-160 {
  margin-right: 160px !important;
}

.pdr-160 {
  padding-right: 160px !important;
}

.mgt-170 {
  margin-top: 170px !important;
}

.pdt-170 {
  padding-top: 170px !important;
}

.mgb-170 {
  margin-bottom: 170px !important;
}

.pdb-170 {
  padding-bottom: 170px !important;
}

.mgl-170 {
  margin-left: 170px !important;
}

.pdl-170 {
  padding-left: 170px !important;
}

.mgr-170 {
  margin-right: 170px !important;
}

.pdr-170 {
  padding-right: 170px !important;
}

.mgt-180 {
  margin-top: 180px !important;
}

.pdt-180 {
  padding-top: 180px !important;
}

.mgb-180 {
  margin-bottom: 180px !important;
}

.pdb-180 {
  padding-bottom: 180px !important;
}

.mgl-180 {
  margin-left: 180px !important;
}

.pdl-180 {
  padding-left: 180px !important;
}

.mgr-180 {
  margin-right: 180px !important;
}

.pdr-180 {
  padding-right: 180px !important;
}

.mgt-190 {
  margin-top: 190px !important;
}

.pdt-190 {
  padding-top: 190px !important;
}

.mgb-190 {
  margin-bottom: 190px !important;
}

.pdb-190 {
  padding-bottom: 190px !important;
}

.mgl-190 {
  margin-left: 190px !important;
}

.pdl-190 {
  padding-left: 190px !important;
}

.mgr-190 {
  margin-right: 190px !important;
}

.pdr-190 {
  padding-right: 190px !important;
}

.mgt-200 {
  margin-top: 200px !important;
}

.pdt-200 {
  padding-top: 200px !important;
}

.mgb-200 {
  margin-bottom: 200px !important;
}

.pdb-200 {
  padding-bottom: 200px !important;
}

.mgl-200 {
  margin-left: 200px !important;
}

.pdl-200 {
  padding-left: 200px !important;
}

.mgr-200 {
  margin-right: 200px !important;
}

.pdr-200 {
  padding-right: 200px !important;
}

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

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

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

.bold {
  font-weight: bold;
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

.grid-template--0columns {
  grid-template-columns: repeat(0, minmax(0, 1fr));
}

.grid-template--1columns {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.grid-template--2columns {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.grid-template--3columns {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.grid-template--4columns {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.grid-template--5columns {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.gap-0 {
  gap: 0px;
}

.gap-5 {
  gap: 5px;
}

.gap-10 {
  gap: 10px;
}

.gap-15 {
  gap: 15px;
}

.gap-20 {
  gap: 20px;
}

.gap-25 {
  gap: 25px;
}

.gap-30 {
  gap: 30px;
}

.gap-35 {
  gap: 35px;
}

.gap-40 {
  gap: 40px;
}

.gap-45 {
  gap: 45px;
}

.gap-50 {
  gap: 50px;
}

.gap-55 {
  gap: 55px;
}

.gap-60 {
  gap: 60px;
}

.gap-65 {
  gap: 65px;
}

.gap-70 {
  gap: 70px;
}

.gap-75 {
  gap: 75px;
}

.gap-80 {
  gap: 80px;
}

.gap-85 {
  gap: 85px;
}

.gap-90 {
  gap: 90px;
}

.gap-95 {
  gap: 95px;
}

.gap-100 {
  gap: 100px;
}

/*# sourceMappingURL=style.css.map */