@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;700&family=Noto+Serif+JP:wght@400;500;600;700&display=swap");
/* RESET */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, hr {
  margin: 0;
  padding: 0;
  border: 0;
  font-style: normal;
  font-weight: normal;
  font-size: 100%;
  vertical-align: baseline;
  text-align: left;
  text-decoration: none;
}

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

html {
  overflow-y: scroll;
}

blockquote, q {
  quotes: none;
}

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

input, button, textarea, select {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
/*  -webkit-appearance: none;
  appearance: none; */
}

select::-ms-expand {
  display: none;
}

ol, ul {
  list-style: none;
}

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

caption, th {
  text-align: left;
}

a:focus {
  outline: none;
}

a, span, small, strong, em {
  color: inherit;
  font-weight: inherit;
}

@-webkit-keyframes scroll-hint-appear {
  0% {
    -webkit-transform: translateX(40px);
            transform: translateX(40px);
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  50%, 100% {
    -webkit-transform: translateX(-40px);
            transform: translateX(-40px);
    opacity: 0;
  }
}

@keyframes scroll-hint-appear {
  0% {
    -webkit-transform: translateX(40px);
            transform: translateX(40px);
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  50%, 100% {
    -webkit-transform: translateX(-40px);
            transform: translateX(-40px);
    opacity: 0;
  }
}
.scroll-hint.is-right-scrollable {
  background: -o-linear-gradient(right, rgba(0, 0, 0, 0.15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
  background: linear-gradient(270deg, rgba(0, 0, 0, 0.15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
}

.scroll-hint.is-right-scrollable.is-left-scrollable {
  background: -o-linear-gradient(left, rgba(0, 0, 0, 0.15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0)), -o-linear-gradient(right, rgba(0, 0, 0, 0.15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0)), linear-gradient(270deg, rgba(0, 0, 0, 0.15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
}

.scroll-hint.is-left-scrollable {
  background: -o-linear-gradient(left, rgba(0, 0, 0, 0.15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
}

.scroll-hint-icon {
  position: absolute;
  top: calc(50% - 25px);
  left: calc(50% - 60px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 120px;
  height: 80px;
  border-radius: 5px;
  -webkit-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
  opacity: 0;
  background: rgba(0, 0, 0, 0.7);
  text-align: center;
  padding: 20px 10px 10px 10px;
}

.scroll-hint-icon-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-height: 100%;
  pointer-events: none;
}

.scroll-hint-text {
  font-size: 10px;
  color: #FFF;
  margin-top: 5px;
}

.scroll-hint-icon-wrap.is-active .scroll-hint-icon {
  opacity: 0.8;
}

.scroll-hint-icon:before {
  display: inline-block;
  width: 40px;
  height: 40px;
  color: #FFF;
  vertical-align: middle;
  text-align: center;
  content: "";
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS43NyIgaGVpZ2h0PSIzMC41MiIgdmlld0JveD0iMCAwIDI1Ljc3IDMwLjUyIj48dGl0bGU+44Ki44K744OD44OIIDM8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxwYXRoIGQ9Ik0yMS4zMywzMC41Mkg3Ljg1QTEuNTUsMS41NSwwLDAsMSw2LjMsMjlhMTIuNDYsMTIuNDYsMCwwLDAtLjYzLTQuNDIsMjUuMTYsMjUuMTYsMCwwLDAtNC4yNS01bC0uMDYtLjA2QTUsNSwwLDAsMSwwLDE1Ljg2YTMuNjQsMy42NCwwLDAsMSwxLjE3LTIuNjIsMy42MywzLjYzLDAsMCwxLDUuMTQuMDdWMy43N2EzLjc3LDMuNzcsMCwxLDEsNy41NCwwVjguMzNhMy4zNSwzLjM1LDAsMCwxLDEuMjYsMCwzLDMsMCwwLDEsMiwxLjIyLDMuNSwzLjUsMCwwLDEsMi0uMDYsMy4yMSwzLjIxLDAsMCwxLDIsMS41NCwzLjc0LDMuNzQsMCwwLDEsMywuNDdBNC4yMSw0LjIxLDAsMCwxLDI1Ljc0LDE1YzAsLjExLDAsLjI3LDAsLjQ2YTE5LjI2LDE5LjI2LDAsMCwxLS44NCw3Yy0uMTQuMzgtLjM2LjgxLS41NiwxLjIybC0uMTEuMjJjMCwuMDctLjA5LjE0LS4xNC4yMWE3LjEzLDcuMTMsMCwwLDAtMS4xNywyLjE3Yy0uMDYuNTYtLjA2LDIuMTUtLjA1LDIuNzFBMS41NSwxLjU1LDAsMCwxLDIxLjMzLDMwLjUyWk04LjYxLDI4LjIxaDEyYzAtLjcxLDAtMS43MS4wNy0yLjIzYTguNzQsOC43NCwwLDAsMSwxLjU5LTMuMjVsLjA2LS4xMmExMCwxMCwwLDAsMCwuNDYtMSwxNi44LDE2LjgsMCwwLDAsLjctNi4xMmMwLS4yMywwLS40MSwwLS41NGgwYTIsMiwwLDAsMC0uNjQtMS41MiwxLjMzLDEuMzMsMCwwLDAtMS41NS4wOCwxLjEzLDEuMTMsMCwwLDEtMS4xOC4yOCwxLjE1LDEuMTUsMCwwLDEtLjc4LS45NCwxLjI2LDEuMjYsMCwwLDAtLjc1LTEuMTEsMSwxLDAsMCwwLTEuMTEuMjhsLS4xLjFhMS4xNSwxLjE1LDAsMCwxLTEuMTkuMjksMS4xNiwxLjE2LDAsMCwxLS43OC0uOTVjLS4wOS0uNjgtLjIxLS43Ny0uNy0uODdhLjgyLjgyLDAsMCwwLTEsLjQ4LDEuMTYsMS4xNiwwLDAsMS0yLjE2LS41OFYzLjc3YTEuNDYsMS40NiwwLDEsMC0yLjkyLDB2Ny44NWwwLDQuMzNhMS4xNywxLjE3LDAsMCwxLS44MywxLjExLDEuMTUsMS4xNSwwLDAsMS0xLjItLjM1bC0xLS45MWMtLjQ3LS40Mi0uNzMtLjY2LS44NC0uNzdhMS4zNSwxLjM1LDAsMCwwLTItLjEyTDIuNywxNWExLjMyLDEuMzIsMCwwLDAtLjM5LDFBMi41NywyLjU3LDAsMCwwLDMsMTcuODVsMCwwYTI3LjI0LDI3LjI0LDAsMCwxLDQuNyw1LjYyQTEyLjYzLDEyLjYzLDAsMCwxLDguNjEsMjguMjFaTTIzLjIsMjMuMzVaTTYuNTEsMTYuNTlaIiBmaWxsPSIjZmZmIi8+PC9nPjwvZz48L3N2Zz4=);
}

.scroll-hint-icon:after {
  content: "";
  width: 34px;
  height: 14px;
  display: block;
  position: absolute;
  top: 10px;
  left: 50%;
  margin-left: -20px;
  background-repeat: no-repeat;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMy4yOSIgaGVpZ2h0PSIxMi4wMiIgdmlld0JveD0iMCAwIDMzLjI5IDEyLjAyIj48dGl0bGU+44Ki44K744OD44OIIDE8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxsaW5lIHgxPSIxLjg1IiB5MT0iNi4wMSIgeDI9IjEwLjQiIHkyPSI2LjAxIiBmaWxsPSIjZmZmIi8+PHBhdGggZD0iTTEwLjQsNy4xN0gxLjg1YTEuMTYsMS4xNiwwLDEsMSwwLTIuMzFIMTAuNGExLjE2LDEuMTYsMCwxLDEsMCwyLjMxWiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik03LjQsMTJhMS4xNSwxLjE1LDAsMCwxLS43Mi0uMjVsLTYuMjUtNUExLjIsMS4yLDAsMCwxLDAsNS44NywxLjE0LDEuMTQsMCwwLDEsLjQ2LDVMNi43LjIzQTEuMTYsMS4xNiwwLDAsMSw4LjEsMi4wOEwzLDUuOTEsOC4xMiwxMEExLjE2LDEuMTYsMCwwLDEsNy40LDEyWiIgZmlsbD0iI2ZmZiIvPjxsaW5lIHgxPSIzMS40NSIgeTE9IjYuMDEiIHgyPSIyMi44OSIgeTI9IjYuMDEiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMzEuNDUsNy4xN0gyMi44OWExLjE2LDEuMTYsMCwxLDEsMC0yLjMxaDguNTZhMS4xNiwxLjE2LDAsMCwxLDAsMi4zMVoiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMjUuOSwxMmExLjE4LDEuMTgsMCwwLDEtLjkxLS40M0ExLjE3LDEuMTcsMCwwLDEsMjUuMTcsMTBsNS4wOS00LjA1TDI1LjIsMi4wOEExLjE2LDEuMTYsMCwwLDEsMjYuNTkuMjNMMzIuODQsNWExLjE2LDEuMTYsMCwwLDEsLjQ1LjkxLDEuMTQsMS4xNCwwLDAsMS0uNDMuOTJsLTYuMjQsNUExLjE3LDEuMTcsMCwwLDEsMjUuOSwxMloiIGZpbGw9IiNmZmYiLz48L2c+PC9nPjwvc3ZnPg==);
  opacity: 0;
  -webkit-transition-delay: 2.4s;
       -o-transition-delay: 2.4s;
          transition-delay: 2.4s;
}

.scroll-hint-icon-wrap.is-active .scroll-hint-icon:after {
  opacity: 1;
}

.scroll-hint-icon-wrap.is-active .scroll-hint-icon:before {
  -webkit-animation: scroll-hint-appear 1.2s linear;
          animation: scroll-hint-appear 1.2s linear;
  -webkit-animation-iteration-count: 2;
          animation-iteration-count: 2;
}

.scroll-hint-icon-white {
  background-color: #FFF;
  -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.4);
          box-shadow: 0 4px 5px rgba(0, 0, 0, 0.4);
}

.scroll-hint-icon-white:before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS43NyIgaGVpZ2h0PSIzMC41MiIgdmlld0JveD0iMCAwIDI1Ljc3IDMwLjUyIj48dGl0bGU+44Ki44K744OD44OIIDQ8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxwYXRoIGQ9Ik0yMS4zMywzMC41Mkg3Ljg1QTEuNTUsMS41NSwwLDAsMSw2LjMsMjlhMTIuNDYsMTIuNDYsMCwwLDAtLjYzLTQuNDIsMjUuMTYsMjUuMTYsMCwwLDAtNC4yNS01bC0uMDYtLjA2QTUsNSwwLDAsMSwwLDE1Ljg2YTMuNjQsMy42NCwwLDAsMSwxLjE3LTIuNjIsMy42MywzLjYzLDAsMCwxLDUuMTQuMDdWMy43N2EzLjc3LDMuNzcsMCwxLDEsNy41NCwwVjguMzNhMy4zNSwzLjM1LDAsMCwxLDEuMjYsMCwzLDMsMCwwLDEsMiwxLjIyLDMuNSwzLjUsMCwwLDEsMi0uMDYsMy4yMSwzLjIxLDAsMCwxLDIsMS41NCwzLjc0LDMuNzQsMCwwLDEsMywuNDdBNC4yMSw0LjIxLDAsMCwxLDI1Ljc0LDE1YzAsLjExLDAsLjI3LDAsLjQ2YTE5LjI2LDE5LjI2LDAsMCwxLS44NCw3Yy0uMTQuMzgtLjM2LjgxLS41NiwxLjIybC0uMTEuMjJjMCwuMDctLjA5LjE0LS4xNC4yMWE3LjEzLDcuMTMsMCwwLDAtMS4xNywyLjE3Yy0uMDYuNTYtLjA2LDIuMTUtLjA1LDIuNzFBMS41NSwxLjU1LDAsMCwxLDIxLjMzLDMwLjUyWk04LjYxLDI4LjIxaDEyYzAtLjcxLDAtMS43MS4wNy0yLjIzYTguNzQsOC43NCwwLDAsMSwxLjU5LTMuMjVsLjA2LS4xMmExMCwxMCwwLDAsMCwuNDYtMSwxNi44LDE2LjgsMCwwLDAsLjctNi4xMmMwLS4yMywwLS40MSwwLS41NGgwYTIsMiwwLDAsMC0uNjQtMS41MiwxLjMzLDEuMzMsMCwwLDAtMS41NS4wOCwxLjEzLDEuMTMsMCwwLDEtMS4xOC4yOCwxLjE1LDEuMTUsMCwwLDEtLjc4LS45NCwxLjI2LDEuMjYsMCwwLDAtLjc1LTEuMTEsMSwxLDAsMCwwLTEuMTEuMjhsLS4xLjFhMS4xNSwxLjE1LDAsMCwxLTEuMTkuMjksMS4xNiwxLjE2LDAsMCwxLS43OC0uOTVjLS4wOS0uNjgtLjIxLS43Ny0uNy0uODdhLjgyLjgyLDAsMCwwLTEsLjQ4LDEuMTYsMS4xNiwwLDAsMS0yLjE2LS41OFYzLjc3YTEuNDYsMS40NiwwLDEsMC0yLjkyLDB2Ny44NWwwLDQuMzNhMS4xNywxLjE3LDAsMCwxLS44MywxLjExLDEuMTUsMS4xNSwwLDAsMS0xLjItLjM1bC0xLS45MWMtLjQ3LS40Mi0uNzMtLjY2LS44NC0uNzdhMS4zNSwxLjM1LDAsMCwwLTItLjEyTDIuNywxNWExLjMyLDEuMzIsMCwwLDAtLjM5LDFBMi41NywyLjU3LDAsMCwwLDMsMTcuODVsMCwwYTI3LjI0LDI3LjI0LDAsMCwxLDQuNyw1LjYyQTEyLjYzLDEyLjYzLDAsMCwxLDguNjEsMjguMjFaTTIzLjIsMjMuMzVaTTYuNTEsMTYuNTlaIi8+PC9nPjwvZz48L3N2Zz4=);
}

.scroll-hint-icon-white:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMy4yOSIgaGVpZ2h0PSIxMi4wMiIgdmlld0JveD0iMCAwIDMzLjI5IDEyLjAyIj48dGl0bGU+44Ki44K744OD44OIIDI8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxsaW5lIHgxPSIxLjg1IiB5MT0iNi4wMSIgeDI9IjEwLjQiIHkyPSI2LjAxIi8+PHBhdGggZD0iTTEwLjQsNy4xN0gxLjg1YTEuMTYsMS4xNiwwLDEsMSwwLTIuMzFIMTAuNGExLjE2LDEuMTYsMCwxLDEsMCwyLjMxWiIvPjxwYXRoIGQ9Ik03LjQsMTJhMS4xNSwxLjE1LDAsMCwxLS43Mi0uMjVsLTYuMjUtNUExLjIsMS4yLDAsMCwxLDAsNS44NywxLjE0LDEuMTQsMCwwLDEsLjQ2LDVMNi43LjIzQTEuMTYsMS4xNiwwLDAsMSw4LjEsMi4wOEwzLDUuOTEsOC4xMiwxMEExLjE2LDEuMTYsMCwwLDEsNy40LDEyWiIvPjxsaW5lIHgxPSIzMS40NSIgeTE9IjYuMDEiIHgyPSIyMi44OSIgeTI9IjYuMDEiLz48cGF0aCBkPSJNMzEuNDUsNy4xN0gyMi44OWExLjE2LDEuMTYsMCwxLDEsMC0yLjMxaDguNTZhMS4xNiwxLjE2LDAsMCwxLDAsMi4zMVoiLz48cGF0aCBkPSJNMjUuOSwxMmExLjE4LDEuMTgsMCwwLDEtLjkxLS40M0ExLjE3LDEuMTcsMCwwLDEsMjUuMTcsMTBsNS4wOS00LjA1TDI1LjIsMi4wOEExLjE2LDEuMTYsMCwwLDEsMjYuNTkuMjNMMzIuODQsNWExLjE2LDEuMTYsMCwwLDEsLjQ1LjkxLDEuMTQsMS4xNCwwLDAsMS0uNDMuOTJsLTYuMjQsNUExLjE3LDEuMTcsMCwwLDEsMjUuOSwxMloiLz48L2c+PC9nPjwvc3ZnPg==);
}

.scroll-hint-icon-white .scroll-hint-text {
  color: #000;
}

html {
  font-size: 0.625em;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
}
html[lang=en] body {
  line-height: 2;
}
@media screen and (min-width: 900px) {
  html[lang=en] body {
    font-size: 14px;
  }
}
html[lang=en] .main {
  font-family: "Noto Serif JP", serif;
}

body {
  font: 14px/2 "Noto Sans JP", sans-serif;
  color: #000;
}
@media screen and (min-width: 900px) {
  body {
    font-size: 16px;
  }
}

input, select, option, textarea, button {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font: 14px/2 "Noto Sans JP", sans-serif;
  color: #000;
}
input:after, input:before, select:after, select:before, option:after, option:before, textarea:after, textarea:before, button:after, button:before {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (min-width: 900px) {
  input, select, option, textarea, button {
    font-size: 16px;
  }
}

img {
  max-width: 100%;
  vertical-align: bottom;
  image-rendering: smooth;
}

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

*[role=button], label {
  cursor: pointer;
}

.wrapper {
  overflow: hidden;
  padding-top: 50px;
}
.wrapper--home {
  padding-bottom: 60px;
}
.wrapper--home .main {
  padding-bottom: 0;
}
.wrapper.is-modalopen {
  position: fixed;
  left: 0;
  width: 100%;
}
.wrapper.is-transition .glnav {
  -webkit-transition: 0s visibility 0.3s ease-in-out, 0.3s opacity ease-in-out, 0.3s -webkit-transform ease-in-out;
  transition: 0s visibility 0.3s ease-in-out, 0.3s opacity ease-in-out, 0.3s -webkit-transform ease-in-out;
  -o-transition: 0s visibility 0.3s ease-in-out, 0.3s transform ease-in-out, 0.3s opacity ease-in-out;
  transition: 0s visibility 0.3s ease-in-out, 0.3s transform ease-in-out, 0.3s opacity ease-in-out;
  transition: 0s visibility 0.3s ease-in-out, 0.3s transform ease-in-out, 0.3s opacity ease-in-out, 0.3s -webkit-transform ease-in-out;
}
.wrapper.is-transition.is-open {
  position: fixed;
  left: 0;
  width: 100%;
}
.wrapper.is-transition.is-open .glnav {
  -webkit-transition: 0s visibility ease-in-out, 0.3s opacity ease-in-out, 0.3s -webkit-transform ease-in-out;
  transition: 0s visibility ease-in-out, 0.3s opacity ease-in-out, 0.3s -webkit-transform ease-in-out;
  -o-transition: 0s visibility ease-in-out, 0.3s transform ease-in-out, 0.3s opacity ease-in-out;
  transition: 0s visibility ease-in-out, 0.3s transform ease-in-out, 0.3s opacity ease-in-out;
  transition: 0s visibility ease-in-out, 0.3s transform ease-in-out, 0.3s opacity ease-in-out, 0.3s -webkit-transform ease-in-out;
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}
.wrapper.is-transition.is-open .menubutton__bar--top {
  top: 17px;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
.wrapper.is-transition.is-open .menubutton__bar--middle {
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
}
.wrapper.is-transition.is-open .menubutton__bar--bottom {
  top: 17px;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
@media screen and (min-width: 900px) {
  .wrapper {
    padding-top: 0;
  }
  .wrapper--home {
    padding-bottom: 0;
  }
  .wrapper--home .pagetop {
    right: 60px;
  }
}

.site-header {
  position: fixed;
  z-index: 100;
  left: 0;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 10px;
  width: 100%;
  height: 50px;
  background-color: #fff;
}
.site-header__sns, .site-header__search, .site-header__language {
  display: none;
}
.site-header__logo {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 222px;
          flex: 0 0 222px;
  width: 222px;
}
.site-header__logo-en {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 222px;
          flex: 0 0 222px;
  width: 222px;
}
.site-header__cart {
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 36px;
          flex: 0 0 36px;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background-color: #234d07;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: 0.3s opacity ease-in-out;
  -o-transition: 0.3s opacity ease-in-out;
  transition: 0.3s opacity ease-in-out;
  margin-right: 10px;
}
.site-header__cart:hover {
  opacity: 0.6;
}
.site-header__cart-count {
  position: absolute;
  border-radius: 50%;
  background-color: #e60012;
  width: 20px;
  height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #fff;
  font-size: 12px;
  white-space: nowrap;
  top: 0;
  right: -10px;
}
.site-header__cart-icon {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 20px;
          flex: 0 0 20px;
  width: 20px;
  line-height: 0;
}
.site-header__cart-icon figcaption {
  display: none;
}
.site-header__mypage {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: auto;
  margin-right: 40px;
}
.site-header__mypage-welcome {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  font-size: 12px;
  display: none;
}
.site-header__mypage-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 8px;
}
.site-header__mypage-button:hover .site-header__mypage-icon .fill-path {
  fill: #234d07;
}
.site-header__mypage-button:hover .site-header__mypage-text {
  color: #234d07;
}
.site-header__mypage-icon {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 24px;
          flex: 0 0 24px;
  width: 24px;
  line-height: 0;
}
.site-header__mypage-icon .fill-path {
  fill: #000;
  will-change: fill;
  -webkit-transition: 0.3s fill ease-in-out;
  -o-transition: 0.3s fill ease-in-out;
  transition: 0.3s fill ease-in-out;
}
.site-header__mypage-text {
  display: none;
  will-change: color;
  -webkit-transition: 0.3s color ease-in-out;
  -o-transition: 0.3s color ease-in-out;
  transition: 0.3s color ease-in-out;
  font-size: 12px;
}
@media screen and (min-width: 500px) {
  .site-header__mypage-welcome {
    display: block;
  }
}
@media screen and (min-width: 900px) {
  .site-header {
    position: static;
    left: auto;
    top: auto;
    height: 70px;
  }
  .site-header__logo {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 298px;
            flex: 0 0 298px;
    width: 298px;
  }
  .site-header__logo-en {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 578px;
            flex: 0 0 578px;
    width: 578px;
  }
  .site-header__cart {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 64px;
            flex: 0 0 64px;
    width: 64px;
    height: 64px;
    margin-right: 20px;
  }
  .site-header__cart-count {
    width: 26px;
    height: 26px;
    top: 3px;
    right: -13px;
    font-size: 16px;
  }
  .site-header__cart-icon {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 32px;
            flex: 0 0 32px;
    width: 32px;
  }
  .site-header__cart-icon figcaption {
    text-align: center;
    font-size: 12px;
    line-height: 1;
    color: #fff;
    display: block;
    white-space: nowrap;
  }
  .site-header__mypage {
    margin-right: 0;
  }
  .site-header__mypage-welcome {
    display: none;
  }
  .site-header__sns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 10px;
  }
  .site-header__sns-icon {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 26px;
            flex: 0 0 26px;
    width: 26px;
    height: 26px;
  }
  .site-header__sns-icon .fill-path {
    fill: #000;
    will-change: fill;
    -webkit-transition: 0.3s fill ease-in-out;
    -o-transition: 0.3s fill ease-in-out;
    transition: 0.3s fill ease-in-out;
  }
  .site-header__sns-icon + .site-header__sns-icon {
    margin-left: 15px;
  }
  .site-header__sns-icon:hover .fill-path {
    fill: #234d07;
  }
  .site-header__search {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 230px;
            flex: 0 0 230px;
    width: 230px;
    margin-left: 35px;
  }
  .site-header__language {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 150px;
            flex: 0 0 150px;
    width: 150px;
    display: block;
    margin-left: 25px;
  }
}
@media screen and (min-width: 1050px) {
  .site-header__mypage-welcome {
    display: block;
    padding-top: 20px;
  }
}
@media screen and (min-width: 1200px) {
  .site-header__mypage-icon {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 20px;
            flex: 0 0 20px;
    width: 20px;
  }
  .site-header__mypage-text {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    line-height: 1;
    margin-left: 3px;
  }
  .site-header__language {
    margin-left: 75px;
  }
}

.menubutton {
  position: fixed;
  z-index: 101;
  width: 36px;
  height: 36px;
  top: 7px;
  right: 10px;
}
.menubutton__bar--top, .menubutton__bar--middle, .menubutton__bar--bottom {
  width: 24px;
  height: 2px;
  background-color: #234d07;
  position: absolute;
  right: 6px;
  will-change: top, transform;
  -webkit-transition: 0.3s top ease-in-out, 0.3s -webkit-transform ease-in-out;
  transition: 0.3s top ease-in-out, 0.3s -webkit-transform ease-in-out;
  -o-transition: 0.3s top ease-in-out, 0.3s transform ease-in-out;
  transition: 0.3s top ease-in-out, 0.3s transform ease-in-out;
  transition: 0.3s top ease-in-out, 0.3s transform ease-in-out, 0.3s -webkit-transform ease-in-out;
}
.menubutton__bar--top {
  top: 10px;
}
.menubutton__bar--middle {
  top: 17px;
}
.menubutton__bar--bottom {
  top: 24px;
}
@media screen and (min-width: 900px) {
  .menubutton {
    display: none;
  }
}

.h-search {
  height: 30px;
  border: 1px solid #434343;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #fff;
}
.h-search__text {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  padding: 0 5px;
  line-height: 1;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}
.h-search__text input {
  width: 100%;
  line-height: 1;
}
.h-search__button {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 28px;
          flex: 0 0 28px;
  width: 28px;
  height: 28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
}
.h-search__button:hover .h-search__icon .fill-path {
  fill: #234d07;
}
.h-search__icon {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 19px;
          flex: 0 0 19px;
  width: 19px;
  height: 19px;
  line-height: 0;
}
.h-search__icon .fill-path {
  fill: #000;
  will-change: fill;
  -webkit-transition: 0.3s fill ease-in-out;
  -o-transition: 0.3s fill ease-in-out;
  transition: 0.3s fill ease-in-out;
}
@media screen and (min-width: 900px) {
  .h-search {
    width: 230px;
  }
}

.h-language {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-left: 1px solid #434343;
  border-top: 1px solid #434343;
}
.h-language__link {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  width: 50px;
  height: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 12px;
  background-color: #e6e6e6;
  color: rgba(0, 0, 0, 0.7);
  border-right: 1px solid #434343;
  border-bottom: 1px solid #434343;
  will-change: background-color, color;
  -webkit-transition: 0.3s background-color ease-in-out, 0.3s color ease-in-out;
  -o-transition: 0.3s background-color ease-in-out, 0.3s color ease-in-out;
  transition: 0.3s background-color ease-in-out, 0.3s color ease-in-out;
}
.h-language__link:hover {
  background-color: #234d07;
  color: #fff;
}
.h-language__link.is-active {
  background-color: #fff;
  color: black;
}
.h-language__link.is-active:hover {
  background-color: #fff;
  color: black;
}
@media screen and (min-width: 900px) {
  .h-language__link {
    height: 29px;
  }
}

.glnav {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
}
@media screen and (min-width: 900px) {
  .glnav {
    position: relative;
    top: auto;
    left: auto;
  }
  .glnav__inner {
    width: 100%;
    max-width: 1220px;
    padding-left: 10px;
    padding-right: 10px;
    margin-left: auto;
    margin-right: auto;
    height: 55px;
  }
  .glnav__mobile {
    display: none;
  }
}
@media screen and (max-width: 899.99px) {
  .glnav {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(10px);
        -ms-transform: translateY(10px);
            transform: translateY(10px);
    padding: 60px 10px 10px;
    background-color: rgba(35, 77, 7, 0.95);
    width: 100%;
    height: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .glnav::-webkit-scrollbar {
    display: none;
  }
  .glnav__information {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .glnav__search {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
  }
  .glnav__language {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 120px;
            flex: 0 0 120px;
    width: 120px;
    margin-left: 10px;
  }
  .glnav__sns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    margin-left: 10px;
  }
  .glnav__sns-icon {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 26px;
            flex: 0 0 26px;
    width: 26px;
    height: 26px;
  }
  .glnav__sns-icon .fill-path {
    fill: #fff;
    will-change: fill;
    -webkit-transition: 0.3s fill ease-in-out;
    -o-transition: 0.3s fill ease-in-out;
    transition: 0.3s fill ease-in-out;
  }
  .glnav__sns-icon + .glnav__sns-icon {
    margin-left: 10px;
  }
  .glnav__sns-icon:hover .fill-path {
    fill: #234d07;
  }
}

@media screen and (min-width: 900px) {
  .glmenu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .glmenu__item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    position: relative;
  }
  .glmenu__item + .glmenu__item {
    margin-left: 30px;
  }
  .glmenu__item:hover .glmenu__link {
    color: #234d07;
  }
  .glmenu__item:hover .glmenu__link:after {
    -webkit-transform: scaleY(1);
        -ms-transform: scaleY(1);
            transform: scaleY(1);
  }
  .glmenu__link {
    height: 55px;
    font-size: 15px;
    font-weight: bold;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    cursor: pointer;
    position: relative;
    will-change: color;
    -webkit-transition: 0.3s color ease-in-out;
    -o-transition: 0.3s color ease-in-out;
    transition: 0.3s color ease-in-out;
    z-index: 6;
  }
  .glmenu__link::after {
    content: "";
    height: 2px;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-transition: 0.3s -webkit-transform ease-in-out;
    transition: 0.3s -webkit-transform ease-in-out;
    -o-transition: 0.3s transform ease-in-out;
    transition: 0.3s transform ease-in-out;
    transition: 0.3s transform ease-in-out, 0.3s -webkit-transform ease-in-out;
    background-color: #234d07;
    -webkit-transform: scaleY(0);
        -ms-transform: scaleY(0);
            transform: scaleY(0);
    -webkit-transform-origin: bottom;
        -ms-transform-origin: bottom;
            transform-origin: bottom;
    will-change: transform;
    transition: 0.3s transform ease-in-out;
  }
}
@media screen and (min-width: 1280px) {
  .glmenu__item + .glmenu__item {
    margin-left: 60px;
  }
}
@media screen and (max-width: 899.99px) {
  .glmenu__item + .glmenu__item {
    border-top: 1px solid rgba(255, 255, 255, 0.8);
  }
  .glmenu__link {
    display: block;
    color: #fff;
    font-weight: bold;
    padding: 12px 0;
  }
  .glmenu__link.subMenuClick {
    position: relative;
  }
  .glmenu__link.subMenuClick:after {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform-origin: center;
        -ms-transform-origin: center;
            transform-origin: center;
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
    position: absolute;
    right: 4px;
    top: 50%;
    margin-top: -4px;
    will-change: transform;
    -webkit-transition: 0.3s -webkit-transform ease-in-out;
    transition: 0.3s -webkit-transform ease-in-out;
    -o-transition: 0.3s transform ease-in-out;
    transition: 0.3s transform ease-in-out;
    transition: 0.3s transform ease-in-out, 0.3s -webkit-transform ease-in-out;
  }
  .glmenu__link.subMenuClick.is-active:after {
    -webkit-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
            transform: rotate(135deg);
  }
}

.subnav {
  display: none;
  overflow: hidden;
}
@media screen and (min-width: 900px) {
  .subnav {
    position: absolute;
    z-index: 5;
    top: 54px;
    left: -15px;
    width: auto;
    background-color: #fff;
  }
}

@-webkit-keyframes submenuHover {
  0% {
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
    -webkit-transform-origin: left;
            transform-origin: left;
  }
  100% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: left;
            transform-origin: left;
  }
}

@keyframes submenuHover {
  0% {
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
    -webkit-transform-origin: left;
            transform-origin: left;
  }
  100% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: left;
            transform-origin: left;
  }
}
@-webkit-keyframes submenuHoverOut {
  0% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: right;
            transform-origin: right;
  }
  100% {
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
    -webkit-transform-origin: right;
            transform-origin: right;
  }
}
@keyframes submenuHoverOut {
  0% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: right;
            transform-origin: right;
  }
  100% {
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
    -webkit-transform-origin: right;
            transform-origin: right;
  }
}
@media screen and (min-width: 900px) {
  .submenu {
    padding: 15px;
  }
  .submenu__item + .submenu__item {
    margin-top: 5px;
  }
  .submenu__link {
    display: inline-block;
    white-space: nowrap;
    font-size: 13px;
    will-change: color;
    -webkit-transition: 0.3s color ease-in-out;
    -o-transition: 0.3s color ease-in-out;
    transition: 0.3s color ease-in-out;
    position: relative;
  }
  .submenu__link:after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #234d07;
    -webkit-animation-duration: 0.2s;
            animation-duration: 0.2s;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
            animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    -webkit-animation-name: submenuHoverOut;
            animation-name: submenuHoverOut;
  }
  .submenu__link:hover, .submenu__link.is-active {
    color: #234d07;
  }
  .submenu__link:hover:after, .submenu__link.is-active:after {
    -webkit-animation-name: submenuHover;
            animation-name: submenuHover;
  }
}
@media screen and (max-width: 899.99px) {
  .submenu {
    padding: 0 0 18px 12px;
  }
  .submenu__item + .submenu__item {
    margin-top: 6px;
  }
  .submenu__link {
    color: #fff;
  }
}

.pageBanner {
  padding: 50px 10px;
  position: relative;
}
.pageBanner-swiper .swiper-slide {
  width: 265px;
}
.pageBanner__container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 30px;
  position: relative;
}
.pageBanner__banner {
  -webkit-transition: 0.3s opacity ease-in-out;
  -o-transition: 0.3s opacity ease-in-out;
  transition: 0.3s opacity ease-in-out;
}
.pageBanner__banner:hover {
  opacity: 0.6;
}
.pageBanner__prev, .pageBanner__next {
  width: 24px;
  width: 24px;
  cursor: pointer;
  position: absolute;
  top: 50%;
  margin-top: -12px;
}
.pageBanner__prev .fill-path, .pageBanner__next .fill-path {
  will-change: fill;
  fill: #000;
  -webkit-transition: 0.3s fill ease-in-out;
  -o-transition: 0.3s fill ease-in-out;
  transition: 0.3s fill ease-in-out;
}
.pageBanner__prev .stroke-path, .pageBanner__next .stroke-path {
  will-change: stroke;
  fill: none;
  stroke: #000;
  -webkit-transition: 0.3s stroke ease-in-out;
  -o-transition: 0.3s stroke ease-in-out;
  transition: 0.3s stroke ease-in-out;
}
.pageBanner__prev:hover .fill-path, .pageBanner__next:hover .fill-path {
  fill: #234d07;
}
.pageBanner__prev:hover .stroke-path, .pageBanner__next:hover .stroke-path {
  stroke: #234d07;
}
.pageBanner__prev {
  left: 0;
}
.pageBanner__next {
  right: 0;
}
@media screen and (min-width: 900px) {
  .pageBanner {
    padding: 80px 10px;
  }
  .pageBanner__container {
    padding: 0 50px;
  }
  .pageBanner__prev, .pageBanner__next {
    width: 36px;
    height: 36px;
    margin-top: -18px;
  }
}

.main {
  position: relative;
  padding-bottom: 60px;
}
@media screen and (min-width: 900px) {
  .main {
    padding-bottom: 80px;
  }
}

.pagetop {
  background-color: #234d07;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 30px;
  height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: 0.3s opacity ease-in-out;
  -o-transition: 0.3s opacity ease-in-out;
  transition: 0.3s opacity ease-in-out;
}
.pagetop:hover {
  opacity: 0.6;
}
.pagetop .stroke-path {
  fill: none;
  stroke: #fff;
}
.pagetop i {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  width: 50%;
  line-height: 0;
}
@media screen and (min-width: 900px) {
  .pagetop {
    width: 60px;
    height: 60px;
  }
}

.fixedBanner {
  position: fixed;
  z-index: 90;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.fixedBanner__fanclub {
  background-color: #cc0606;
}
.fixedBanner__fanclub-icon {
  display: block;
}
.fixedBanner__fanclub-icon .fill-path {
  fill: #fff;
}
.fixedBanner__mypage {
  background-color: #9f950e;
}
.fixedBanner__mypage-icon {
  display: block;
}
.fixedBanner__mypage-icon .fill-path {
  fill: #fff;
}
.fixedBanner__fanclub, .fixedBanner__mypage {
  -webkit-transition: 0.3s opacity ease-in-out;
  -o-transition: 0.3s opacity ease-in-out;
  transition: 0.3s opacity ease-in-out;
}
.fixedBanner__fanclub:hover, .fixedBanner__mypage:hover {
  opacity: 0.6;
}
.fixedBanner__fanclub-text, .fixedBanner__mypage-text {
  color: #fff;
}
.fixedBanner__arrow .stroke-path {
  fill: none;
  stroke: #fff;
}
.fixedBanner__arrow .fill-path {
  fill: #fff;
}
@media screen and (min-width: 600px) {
  .fixedBanner__mypage br, .fixedBanner__fanclub br {
    display: none;
  }
}
@media screen and (min-width: 900px) {
  .fixedBanner {
    right: 0;
    top: 70px;
    width: 52px;
    height: calc(100% - 70px);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .fixedBanner__fanclub, .fixedBanner__mypage {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 300px;
            flex: 0 0 300px;
    height: 300px;
    width: 52px;
    padding-top: 20px;
  }
  .fixedBanner__fanclub-text, .fixedBanner__mypage-text {
    -ms-writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
            writing-mode: vertical-rl;
    height: 210px;
    width: 52px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .fixedBanner__fanclub-text span, .fixedBanner__mypage-text span {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    letter-spacing: 0.3em;
    white-space: nowrap;
  }
  .fixedBanner__fanclub-icon {
    width: 26px;
    margin: 0 auto;
  }
  .fixedBanner__mypage {
    margin-top: 10px;
  }
  .fixedBanner__mypage-icon {
    width: 20px;
    margin: 0 auto;
  }
  .fixedBanner__arrow {
    width: 22px;
    margin: 0 auto;
  }
}
@media screen and (min-width: 900px) and (max-height: 650px) {
  .fixedBanner__fanclub, .fixedBanner__mypage {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 220px;
            flex: 0 0 220px;
    height: 220px;
    padding-top: 10px;
  }
  .fixedBanner__fanclub-text, .fixedBanner__mypage-text {
    height: 145px;
    font-size: 13px;
  }
  .fixedBanner__fanclub-text span, .fixedBanner__mypage-text span {
    letter-spacing: 0.1em;
  }
}
@media screen and (max-width: 899.99px) {
  .fixedBanner {
    bottom: 0;
    left: 0;
    width: 100%;
    height: 60px;
  }
  .fixedBanner__mypage, .fixedBanner__fanclub {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 50%;
            flex: 1 1 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 0 12px;
  }
  .fixedBanner__mypage-text, .fixedBanner__fanclub-text {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    padding-left: 15px;
    line-height: 1.3;
  }
  .fixedBanner__fanclub-icon {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 20px;
            flex: 0 0 20px;
    width: 20px;
    line-height: 0;
  }
  .fixedBanner__mypage-icon {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 20px;
            flex: 0 0 20px;
    width: 20px;
    line-height: 0;
  }
  .fixedBanner__arrow {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 24px;
            flex: 0 0 24px;
    width: 24px;
    height: 24px;
  }
}

.site-footer__sitemap {
  padding: 35px 10px;
  max-width: 1220px;
  margin-left: auto;
  margin-right: auto;
}
.site-footer__linktitle {
  border-bottom: 2px solid #859d75;
  margin-bottom: 9px;
  font-weight: bold;
  color: #fff;
}
.site-footer__linktitle a {
  font-weight: bold;
  color: #fff;
  display: block;
  -webkit-transition: 0.3s color ease-in-out;
  -o-transition: 0.3s color ease-in-out;
  transition: 0.3s color ease-in-out;
}
.site-footer__linktitle a:hover {
  color: #859d75;
}
.site-footer__linktitle + .site-footer__linktitle {
  margin-top: 20px;
}
.site-footer__linklist li {
  font-size: 12px;
  margin-top: 6px;
}
.site-footer__linklist a {
  font-weight: bold;
  color: #fff;
  display: block;
  -webkit-transition: 0.3s color ease-in-out;
  -o-transition: 0.3s color ease-in-out;
  transition: 0.3s color ease-in-out;
}
.site-footer__linklist a:hover {
  color: #859d75;
}
.site-footer__linklist > li .site-footer__linklist {
  padding-left: 1em;
}
.site-footer__linklist + .site-footer__linktitle {
  margin-top: 20px;
}
.site-footer__bottom {
  padding: 40px 10px;
}
.site-footer__sitename {
  color: #fff;
  font-size: 13px;
  letter-spacing: 0.1em;
}
.site-footer__sitename strong {
  font-size: 20px;
  letter-spacing: 0.1em;
}
.site-footer__address {
  color: #fff;
  font-size: 11px;
  letter-spacing: 0.1em;
}
.site-footer__tel {
  color: #fff;
  font-size: 11px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.site-footer__tel span {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  letter-spacing: 0.1em;
}
.site-footer__tel span + span {
  margin-left: 1em;
}
.site-footer__tel span + span::before {
  content: "/";
  margin-right: 1em;
}
.site-footer__copyright {
  color: #fff;
  font-size: 10px;
  display: block;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 600px) {
  .site-footer__sitemap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .site-footer__column {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% - 30px);
            flex: 0 0 calc(50% - 30px);
    width: calc(50% - 30px);
    max-width: none;
  }
}
@media screen and (min-width: 600px) and (max-width: 899.99px) {
  .site-footer__sitemap .site-footer__column:nth-child(3), .site-footer__sitemap .site-footer__column:nth-child(4) {
    margin-top: 20px;
  }
}
@media screen and (min-width: 900px) {
  .site-footer {
    background: url(../img/shared/bg-footer.jpg) no-repeat center center/cover;
  }
  .site-footer__togglebutton {
    display: none;
  }
  .site-footer__sitemap {
    padding: 140px 10px 80px;
  }
  .site-footer__column {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(25% - 20px);
            flex: 0 0 calc(25% - 20px);
    width: calc(25% - 20px);
    max-width: 220px;
  }
  .site-footer__linktitle + .site-footer__linktitle {
    margin-top: 35px;
  }
  .site-footer__linklist + .site-footer__linktitle {
    margin-top: 35px;
  }
  .site-footer__linklist li {
    font-size: 13px;
  }
  .site-footer__bottom {
    background-color: rgba(35, 77, 7, 0.4);
    padding: 60px 15px 22px 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .site-footer__information {
    position: relative;
    padding-left: 85px;
    padding-bottom: 35px;
  }
  .site-footer__logo {
    position: absolute;
    width: 69px;
    top: 0;
    left: 0;
  }
  .site-footer__sitename {
    letter-spacing: 0.2em;
  }
  .site-footer__sitename strong {
    letter-spacing: 0.2em;
  }
  .site-footer__address {
    font-size: 13px;
    letter-spacing: 0.2em;
  }
  .site-footer__tel span {
    letter-spacing: 0.2em;
  }
  .site-footer__tel span + span {
    margin-left: 2em;
  }
  .site-footer__tel span + span::before {
    margin-right: 2em;
  }
  .site-footer__copyright {
    font-size: 12px;
    -ms-flex-item-align: end;
        align-self: flex-end;
    letter-spacing: 0.2em;
  }
}
@media screen and (max-width: 899.99px) {
  .site-footer__togglebutton {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background-color: #859d75;
    height: 60px;
    width: 100%;
    position: relative;
  }
  .site-footer__togglebutton span {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    font-weight: bold;
    color: #fff;
    font-size: 15px;
  }
  .site-footer__togglebutton:after {
    content: "＋";
    font-size: 20px;
    color: #fff;
    position: absolute;
    top: 50%;
    margin-top: -0.6em;
    line-height: 1;
    right: 10px;
  }
  .site-footer__togglebutton.is-open:after {
    content: "ー";
  }
  .site-footer__wrapper {
    display: none;
    overflow: hidden;
  }
  .site-footer__logo {
    display: block;
    width: 70px;
    margin: 0 auto 20px;
  }
  .site-footer__sitename {
    text-align: center;
  }
  .site-footer__address {
    margin-top: 5px;
    text-align: center;
  }
  .site-footer__tel {
    margin-top: 5px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .site-footer__sitemap {
    background-color: #234d07;
  }
  .site-footer__bottom {
    background: url(../img/shared/bg-footer@mobile.jpg) no-repeat center center/cover;
  }
  .site-footer__copyright {
    margin-top: 50px;
    text-align: center;
  }
}
@media screen and (max-width: 599.99px) {
  .site-footer__column + .site-footer__column {
    margin-top: 20px;
  }
}

.en-footer {
  padding-top: 45px;
  padding-bottom: 40px;
  background: url(../img/shared/bg-footer@mobile.jpg) no-repeat center center/cover;
}
.en-footer__logo {
  display: block;
  width: 70px;
  margin: 0 auto 20px;
}
.en-footer__sitename {
  text-align: center;
  color: #fff;
  font-size: 16px;
}
.en-footer__address {
  margin-top: 5px;
  text-align: center;
  color: #fff;
  font-size: 11px;
}
.en-footer__tel {
  margin-top: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #fff;
}
.en-footer__tel span {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  letter-spacing: 0.1em;
  font-size: 11px;
}
.en-footer__tel span + span {
  margin-left: 1em;
}
.en-footer__tel span + span::before {
  content: "/";
  margin-right: 1em;
}
.en-footer__copyright {
  margin-top: 50px;
  text-align: center;
  color: #fff;
  font-size: 10px;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 900px) {
  .en-footer {
    padding-top: 90px;
    padding-bottom: 85px;
    background: url(../img/shared/bg-footer.jpg) no-repeat center center/cover;
  }
  .en-footer__sitename {
    font-size: 20px;
    letter-spacing: 0.2em;
  }
  .en-footer__address {
    font-size: 13px;
    letter-spacing: 0.2em;
  }
  .en-footer__logo {
    width: 144px;
  }
  .en-footer__copyright {
    font-size: 12px;
    letter-spacing: 0.2em;
  }
  .en-footer__tel span {
    font-size: 13px;
    letter-spacing: 0.2em;
  }
  .en-footer__tel span + span {
    margin-left: 2em;
  }
  .en-footer__tel span + span::before {
    margin-right: 2em;
  }
}

.section {
  padding-top: 60px;
}
.section--y {
  padding-top: 60px;
  padding-bottom: 60px;
}
@media screen and (min-width: 900px) {
  .section {
    padding-top: 90px;
  }
  .section--y {
    padding-top: 90px;
    padding-bottom: 90px;
  }
}

.spacer {
  height: 60px;
}
.spacer--half {
  height: 30px;
}
@media screen and (min-width: 900px) {
  .spacer {
    height: 90px;
  }
  .spacer--half {
    height: 45px;
  }
}

.container-slim--no-x, .container-slim, .container-wide--no-x, .container-wide, .container-w1000, .container--no-x, .container {
  margin-left: auto;
  margin-right: auto;
}

.container-slim, .container-wide, .container-w1000, .container {
  padding-left: 10px;
  padding-right: 10px;
}

.container {
  max-width: 1220px;
}
.container--no-x {
  max-width: 1200px;
}
.container-w1000 {
  max-width: 1020px;
}
.container-wide {
  max-width: 1380px;
}
.container-wide--no-x {
  max-width: 1360px;
}
.container-slim {
  max-width: 920px;
}
.container-slim--no-x {
  max-width: 900px;
}

@media screen and (min-width: 900px) {
  .grid-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .grid-container__main {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    max-width: calc(100% - 250px);
    padding-right: 30px;
  }
  .grid-container__aside {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 250px;
            flex: 0 0 250px;
    width: 250px;
  }
}
@media screen and (min-width: 1200px) {
  .grid-container__main {
    max-width: calc(100% - 300px);
    padding-right: 40px;
  }
  .grid-container__aside {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 300px;
            flex: 0 0 300px;
    width: 300px;
  }
}
@media screen and (max-width: 899.99px) {
  .grid-container__main {
    margin-bottom: 50px;
  }
}

.page-header {
  height: 320px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.page-header__bg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.page-header__block {
  position: relative;
  z-index: 2;
  background-color: rgba(10, 22, 2, 0.6);
  height: 200px;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  min-width: 250px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 10px;
}
.page-header__blockin {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
}
.page-header__jp {
  display: block;
  text-align: center;
  font-size: 22px;
  line-height: 1.3;
  font-family: "Noto Serif JP", serif;
  letter-spacing: 0.05em;
  color: #fff;
  margin-bottom: 12px;
  font-weight: 500;
}
.page-header__en {
  display: block;
  text-align: center;
  line-height: 1.3;
  font-size: 12px;
  letter-spacing: 0.08em;
  color: #fff;
}
@media screen and (min-width: 900px) {
  .page-header__block {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    min-width: 300px;
  }
  .page-header__jp {
    letter-spacing: 0.1em;
    font-size: 28px;
    margin-bottom: 18px;
  }
  .page-header__en {
    letter-spacing: 0.16em;
    font-size: 14px;
  }
}

.bread {
  padding-top: 10px;
  height: 100px;
  width: 100%;
  max-width: 1220px;
  padding-left: 10px;
  padding-right: 10px;
  margin-left: auto;
  margin-right: auto;
}
.bread__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-overflow-style: none;
  scrollbar-width: none;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.bread__list::-webkit-scrollbar {
  display: none;
}
.bread__item {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  font-size: 11px;
}
.bread__item + .bread__item {
  margin-left: 1em;
}
.bread__item + .bread__item::before {
  content: ">";
  margin-right: 1em;
}
.bread__link {
  -webkit-transition: 0.3s color ease-in-out;
  -o-transition: 0.3s color ease-in-out;
  transition: 0.3s color ease-in-out;
}
.bread__link:hover {
  color: #234d07;
}
@media screen and (min-width: 900px) {
  .bread {
    padding-top: 20px;
    height: 140px;
  }
  .bread__item {
    font-size: 13px;
  }
}

.newslist__category--blog {
  color: #fff;
  font-size: 13px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 70px;
          flex: 0 0 70px;
  width: 70px;
  height: 33px;
  line-height: 1;
  background-color: #437290;
  font-weight: bold;
}
.newslist__category--common {
  color: #fff;
  font-size: 13px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 70px;
          flex: 0 0 70px;
  width: 70px;
  height: 33px;
  line-height: 1;
  background-color: #ff9500;
  font-weight: bold;
}
.newslist__category--village {
  color: #fff;
  font-size: 13px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 70px;
          flex: 0 0 70px;
  width: 70px;
  height: 33px;
  line-height: 1;
  background-color: #577c3e;
  font-weight: bold;
}
.newslist__category--learning {
  color: #fff;
  font-size: 13px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 70px;
          flex: 0 0 70px;
  width: 70px;
  height: 33px;
  line-height: 1;
  background-color: #7cb0b0;
  font-weight: bold;
}
.newslist__text {
  font-size: 14px;
  line-height: 1.85;
}
.newslist__text:hover {
  text-decoration: underline;
}
.newslist__date {
  display: block;
  text-align: center;
  font-size: 12px;
  line-height: 1.3;
}
@media screen and (min-width: 600px) {
  .newslist__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .newslist__item + .newslist__item {
    margin-top: 25px;
  }
  .newslist__information {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 70px;
            flex: 0 0 70px;
    width: 70px;
  }
  .newslist__text {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    padding-left: 40px;
    position: relative;
  }
  .newslist__text::before {
    content: "";
    display: block;
    width: 1px;
    height: 40px;
    background-color: #9fab97;
    position: absolute;
    left: 20px;
    top: 0;
  }
  .newslist__date {
    font-size: 14px;
  }
}
@media screen and (max-width: 599.99px) {
  .newslist__item + .newslist__item {
    margin-top: 25px;
  }
  .newslist__information {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-bottom: 10px;
    border-bottom: 1px solid #9fab97;
  }
  .newslist__date {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    margin-left: 15px;
  }
}

.newsarchives__text {
  line-height: 1.85;
}
.newsarchives__text:hover {
  text-decoration: underline;
}
.newsarchives__date {
  display: block;
  text-align: center;
  font-size: 12px;
  line-height: 1.3;
  font-weight: bold;
}
@media screen and (min-width: 600px) {
  .newsarchives__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .newsarchives__item + .newsarchives__item {
    margin-top: 25px;
  }
  .newsarchives__information {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 70px;
            flex: 0 0 70px;
    width: 70px;
  }
  .newsarchives__text {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    padding-left: 20px;
    margin-left: 20px;
    border-left: 1px solid #9fab97;
  }
  .newsarchives__date {
    padding-top: 5px;
    font-size: 13px;
  }
}
@media screen and (max-width: 599.99px) {
  .newsarchives__item + .newsarchives__item {
    margin-top: 25px;
  }
  .newsarchives__information {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-bottom: 10px;
    border-bottom: 1px solid #9fab97;
  }
  .newsarchives__date {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
  }
}

.filelist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.filelist__button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #898989;
  padding: 4px 8px;
  background-color: #fff;
  will-change: background-color;
  -webkit-transition: 0.3s background-color ease-in-out;
  -o-transition: 0.3s background-color ease-in-out;
  transition: 0.3s background-color ease-in-out;
}
.filelist__button:hover {
  background-color: #eff1ed;
}
.filelist__icon {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 20px;
          flex: 0 0 20px;
  width: 20px;
  line-height: 1;
}
.filelist__filename {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  font-size: 13px;
  margin-left: 5px;
  line-height: 1.4;
}
.filelist__item--1\/1 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  width: 100%;
  margin-top: 6;
}
.filelist .filelist__item--1\/1:nth-child(1) {
  margin-top: 0;
}
.filelist__item--1\/2:nth-child(2n) {
  margin-right: 0;
}
.filelist__item--1\/2, .filelist__item--1\/3, .filelist__item--1\/4 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(50% - 3px);
          flex: 0 0 calc(50% - 3px);
  width: calc(50% - 3px);
  margin: 6px 6px 0 0;
}
.filelist .filelist__item--1\/2:nth-child(1), .filelist .filelist__item--1\/2:nth-child(2),
.filelist .filelist__item--1\/3:nth-child(1),
.filelist .filelist__item--1\/3:nth-child(2),
.filelist .filelist__item--1\/4:nth-child(1),
.filelist .filelist__item--1\/4:nth-child(2) {
  margin-top: 0;
}
@media screen and (min-width: 750px) {
  .filelist__item--1\/3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(33.33% - 6px);
            flex: 0 0 calc(33.33% - 6px);
    width: calc(33.33% - 6px);
    margin: 9px 9px 0 0;
  }
  .filelist__item--1\/4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(25% - 6px);
            flex: 0 0 calc(25% - 6px);
    width: calc(25% - 6px);
    margin: 9px 8px 0 0;
  }
  .filelist .filelist__item--1\/3:nth-child(3) {
    margin-top: 0;
  }
  .filelist .filelist__item--1\/3:nth-child(3n) {
    margin-right: 0;
  }
  .filelist .filelist__item--1\/4:nth-child(3), .filelist .filelist__item--1\/4:nth-child(4) {
    margin-top: 0;
  }
  .filelist .filelist__item--1\/4:nth-child(4n) {
    margin-right: 0;
  }
}
@media screen and (min-width: 900px) {
  .filelist__icon {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 32px;
            flex: 0 0 32px;
    width: 32px;
  }
  .filelist__filename {
    font-size: 14px;
  }
}
@media screen and (max-width: 749.99px) {
  .filelist .filelist__item--1\/3:nth-child(2n),
.filelist .filelist__item--1\/4:nth-child(2n) {
    margin-right: 0;
  }
}

.modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.3s opacity ease, 0s visibility 0.3s linear;
  -o-transition: 0.3s opacity ease, 0s visibility 0.3s linear;
  transition: 0.3s opacity ease, 0s visibility 0.3s linear;
  padding: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.modal.is-open {
  -webkit-transition: 0.3s opacity ease, 0s visibility 0s linear;
  -o-transition: 0.3s opacity ease, 0s visibility 0s linear;
  transition: 0.3s opacity ease, 0s visibility 0s linear;
  opacity: 1;
  visibility: visible;
}
.modal__content {
  position: relative;
  z-index: 2;
  -webkit-overflow-scrolling: touch;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 1200px;
          flex: 0 1 1200px;
  width: 100%;
  max-width: 1200px;
  max-height: 100%;
  overflow: auto;
  padding-top: 45px;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.modal__content::-webkit-scrollbar {
  display: none;
}
.modal__in {
  padding: 20px;
  background-color: #fff;
}
.modal__bg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
}
.modal__close {
  position: absolute;
  width: 36px;
  height: 36px;
  top: 0;
  right: 0;
  cursor: pointer;
  -webkit-transition: 0.2s opacity ease-in-out, 0.2s -webkit-transform ease-in-out;
  transition: 0.2s opacity ease-in-out, 0.2s -webkit-transform ease-in-out;
  -o-transition: 0.2s transform ease-in-out, 0.2s opacity ease-in-out;
  transition: 0.2s transform ease-in-out, 0.2s opacity ease-in-out;
  transition: 0.2s transform ease-in-out, 0.2s opacity ease-in-out, 0.2s -webkit-transform ease-in-out;
}
.modal__close path {
  fill: #fff;
}
.modal__close:hover {
  opacity: 0.6;
  -webkit-transform: scale(0.95);
      -ms-transform: scale(0.95);
          transform: scale(0.95);
}

@media screen and (min-width: 600px) and (max-width: 899.99px) {
  .aside {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .aside__item {
    margin-top: 50px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% - 20px);
            flex: 0 0 calc(50% - 20px);
    width: calc(50% - 20px);
  }
  .aside .aside__item:nth-child(1), .aside .aside__item:nth-child(2) {
    margin-top: 0;
  }
}
@media screen and (min-width: 900px) {
  .aside__item + .aside__item {
    margin-top: 50px;
  }
}
@media screen and (max-width: 599.99px) {
  .aside__item + .aside__item {
    margin-top: 35px;
  }
}

.asidelist__item {
  padding: 7px 2px;
  border-bottom: 1px solid #9fab97;
}
.asidelist__date {
  display: block;
  font-size: 11px;
  font-weight: bold;
  line-height: 1.2;
}
.asidelist__link {
  display: block;
}
.asidelist__link:hover {
  text-decoration: underline;
}
@media screen and (min-width: 900px) {
  .asidelist__date {
    font-size: 12px;
  }
}

.asideArchives {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.asideArchives__item {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 25%;
          flex: 0 0 25%;
  width: 25%;
}
.asideArchives__link {
  display: block;
  font-weight: 600;
  font-size: 12px;
  letter-spacing: 0.05em;
  text-align: center;
  padding: 0.5em 0.2em;
  will-change: background-color;
  -webkit-transition: 0.3s background-color ease-in-out;
  -o-transition: 0.3s background-color ease-in-out;
  transition: 0.3s background-color ease-in-out;
}
.asideArchives__link:hover {
  background-color: #eff1ed;
}
@media screen and (min-width: 900px) {
  .asideArchives__link {
    font-size: 13px;
  }
  .asideArchives__item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33%;
            flex: 0 0 33.33%;
    width: 33.33%;
  }
}
@media screen and (min-width: 1280px) {
  .asideArchives__item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    width: 25%;
  }
}

.news-aside {
  position: fixed;
  right: 0;
  top: 0;
  z-index: 99;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none;
  scrollbar-width: none;
  -webkit-transform: translateX(281px);
      -ms-transform: translateX(281px);
          transform: translateX(281px);
  will-change: transform;
  -webkit-transition: 0.3s -webkit-transform ease-in-out;
  transition: 0.3s -webkit-transform ease-in-out;
  -o-transition: 0.3s transform ease-in-out;
  transition: 0.3s transform ease-in-out;
  transition: 0.3s transform ease-in-out, 0.3s -webkit-transform ease-in-out;
  overflow: auto;
  padding-top: 50px;
}
.news-aside::-webkit-scrollbar {
  display: none;
}
.news-aside__togglebutton {
  position: absolute;
  width: 36px;
  height: 36px;
  background: #234d07 url(../img/shared/icon-menu.png) no-repeat center center/80% auto;
  top: 15px;
  left: 0;
  border-radius: 10px 0 0 10px;
  cursor: pointer;
}
.news-aside__togglebutton.is-open {
  background-image: url(../img/shared/icon-menuclose.png);
}
.news-aside__in {
  position: relative;
  max-height: 100%;
  padding-left: 37px;
}
.news-aside.is-view {
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
}
.news-aside__card {
  background-color: #fff;
  border-radius: 15px 0 0 15px;
  -webkit-box-shadow: -1px 4px 0px #cccccc;
          box-shadow: -1px 4px 0px #cccccc;
  padding: 14px 13px;
  width: 280px;
}
.news-aside__card + .news-aside__card {
  margin-top: 20px;
}
.news-aside__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: 0.3s color ease-in-out;
  -o-transition: 0.3s color ease-in-out;
  transition: 0.3s color ease-in-out;
}
.news-aside__link:hover {
  color: #234d07;
}
.news-aside__link:hover {
  text-decoration: underline;
}
.news-aside__link .arrow {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 10px;
          flex: 0 0 10px;
  width: 10px;
  line-height: 0;
}
.news-aside__link .arrow .fill-path {
  fill: #234d07;
}
.news-aside__link .text {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  margin-left: 5px;
  font-size: 13px;
}
.news-aside__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  color: #234d07;
  border-bottom: 1px solid #234d07;
  padding-bottom: 8px;
  margin-bottom: 12px;
  font-family: "Noto Serif JP", serif;
}
.news-aside__title .jp {
  font-size: 16px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin-right: 5px;
  line-height: 1;
  font-weight: 500;
}
.news-aside__title .en {
  font-size: 12px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  line-height: 1;
  font-weight: 500;
}
@media screen and (min-width: 900px) {
  .news-aside {
    padding-top: 0;
    z-index: 100;
    -webkit-transform: translateX(321px);
        -ms-transform: translateX(321px);
            transform: translateX(321px);
  }
  .news-aside__in {
    padding-left: 49px;
  }
  .news-aside__togglebutton {
    width: 48px;
    height: 48px;
    right: 320px;
  }
  .news-aside__card {
    padding: 15px;
    width: 320px;
  }
  .news-aside__link .text {
    font-size: 14px;
  }
  .news-aside__title .jp {
    font-size: 20px;
    margin-right: 15px;
  }
  .news-aside__title .en {
    font-size: 14px;
  }
}

.js-tabcontent {
  display: none;
}
.js-tabcontent.is-active {
  display: block;
}

@media screen and (min-width: 900px) {
  .hidden-desk {
    display: none;
  }
}
@media screen and (min-width: 600px) {
  .hidden-sm-up {
    display: none;
  }
}
@media screen and (max-width: 899.99px) {
  .hidden-mobile {
    display: none;
  }
}
@media screen and (max-width: 599.99px) {
  .hidden-sm-down {
    display: none;
  }
}
[hidden] {
  display: none !important;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
  white-space: pre-line;
}

.pt-0 {
  padding-top: 0px;
}

.pr-0 {
  padding-right: 0px;
}

.pb-0 {
  padding-bottom: 0px;
}

.pl-0 {
  padding-left: 0px;
}

.pd-y-0 {
  padding-top: 0px;
  padding-bottom: 0px;
}

.pd-x-0 {
  padding-left: 0px;
  padding-right: 0px;
}

.mt-0 {
  margin-top: 0px;
}

.mr-0 {
  margin-right: 0px;
}

.mb-0 {
  margin-bottom: 0px;
}

.ml-0 {
  margin-left: 0px;
}

.mg-y-0 {
  margin-top: 0px;
  margin-bottom: 0px;
}

.mg-x-0 {
  margin-left: 0px;
  margin-right: 0px;
}

.pt-5 {
  padding-top: 5px;
}

.pr-5 {
  padding-right: 5px;
}

.pb-5 {
  padding-bottom: 5px;
}

.pl-5 {
  padding-left: 5px;
}

.pd-y-5 {
  padding-top: 5px;
  padding-bottom: 5px;
}

.pd-x-5 {
  padding-left: 5px;
  padding-right: 5px;
}

.mt-5 {
  margin-top: 5px;
}

.mr-5 {
  margin-right: 5px;
}

.mb-5 {
  margin-bottom: 5px;
}

.ml-5 {
  margin-left: 5px;
}

.mg-y-5 {
  margin-top: 5px;
  margin-bottom: 5px;
}

.mg-x-5 {
  margin-left: 5px;
  margin-right: 5px;
}

.pt-10 {
  padding-top: 10px;
}

.pr-10 {
  padding-right: 10px;
}

.pb-10 {
  padding-bottom: 10px;
}

.pl-10 {
  padding-left: 10px;
}

.pd-y-10 {
  padding-top: 10px;
  padding-bottom: 10px;
}

.pd-x-10 {
  padding-left: 10px;
  padding-right: 10px;
}

.mt-10 {
  margin-top: 10px;
}

.mr-10 {
  margin-right: 10px;
}

.mb-10 {
  margin-bottom: 10px;
}

.ml-10 {
  margin-left: 10px;
}

.mg-y-10 {
  margin-top: 10px;
  margin-bottom: 10px;
}

.mg-x-10 {
  margin-left: 10px;
  margin-right: 10px;
}

.pt-15 {
  padding-top: 15px;
}

.pr-15 {
  padding-right: 15px;
}

.pb-15 {
  padding-bottom: 15px;
}

.pl-15 {
  padding-left: 15px;
}

.pd-y-15 {
  padding-top: 15px;
  padding-bottom: 15px;
}

.pd-x-15 {
  padding-left: 15px;
  padding-right: 15px;
}

.mt-15 {
  margin-top: 15px;
}

.mr-15 {
  margin-right: 15px;
}

.mb-15 {
  margin-bottom: 15px;
}

.ml-15 {
  margin-left: 15px;
}

.mg-y-15 {
  margin-top: 15px;
  margin-bottom: 15px;
}

.mg-x-15 {
  margin-left: 15px;
  margin-right: 15px;
}

.pt-20 {
  padding-top: 20px;
}

.pr-20 {
  padding-right: 20px;
}

.pb-20 {
  padding-bottom: 20px;
}

.pl-20 {
  padding-left: 20px;
}

.pd-y-20 {
  padding-top: 20px;
  padding-bottom: 20px;
}

.pd-x-20 {
  padding-left: 20px;
  padding-right: 20px;
}

.mt-20 {
  margin-top: 20px;
}

.mr-20 {
  margin-right: 20px;
}

.mb-20 {
  margin-bottom: 20px;
}

.ml-20 {
  margin-left: 20px;
}

.mg-y-20 {
  margin-top: 20px;
  margin-bottom: 20px;
}

.mg-x-20 {
  margin-left: 20px;
  margin-right: 20px;
}

.pt-25 {
  padding-top: 25px;
}

.pr-25 {
  padding-right: 25px;
}

.pb-25 {
  padding-bottom: 25px;
}

.pl-25 {
  padding-left: 25px;
}

.pd-y-25 {
  padding-top: 25px;
  padding-bottom: 25px;
}

.pd-x-25 {
  padding-left: 25px;
  padding-right: 25px;
}

.mt-25 {
  margin-top: 25px;
}

.mr-25 {
  margin-right: 25px;
}

.mb-25 {
  margin-bottom: 25px;
}

.ml-25 {
  margin-left: 25px;
}

.mg-y-25 {
  margin-top: 25px;
  margin-bottom: 25px;
}

.mg-x-25 {
  margin-left: 25px;
  margin-right: 25px;
}

.pt-30 {
  padding-top: 30px;
}

.pr-30 {
  padding-right: 30px;
}

.pb-30 {
  padding-bottom: 30px;
}

.pl-30 {
  padding-left: 30px;
}

.pd-y-30 {
  padding-top: 30px;
  padding-bottom: 30px;
}

.pd-x-30 {
  padding-left: 30px;
  padding-right: 30px;
}

.mt-30 {
  margin-top: 30px;
}

.mr-30 {
  margin-right: 30px;
}

.mb-30 {
  margin-bottom: 30px;
}

.ml-30 {
  margin-left: 30px;
}

.mg-y-30 {
  margin-top: 30px;
  margin-bottom: 30px;
}

.mg-x-30 {
  margin-left: 30px;
  margin-right: 30px;
}

.pt-35 {
  padding-top: 35px;
}

.pr-35 {
  padding-right: 35px;
}

.pb-35 {
  padding-bottom: 35px;
}

.pl-35 {
  padding-left: 35px;
}

.pd-y-35 {
  padding-top: 35px;
  padding-bottom: 35px;
}

.pd-x-35 {
  padding-left: 35px;
  padding-right: 35px;
}

.mt-35 {
  margin-top: 35px;
}

.mr-35 {
  margin-right: 35px;
}

.mb-35 {
  margin-bottom: 35px;
}

.ml-35 {
  margin-left: 35px;
}

.mg-y-35 {
  margin-top: 35px;
  margin-bottom: 35px;
}

.mg-x-35 {
  margin-left: 35px;
  margin-right: 35px;
}

.pt-40 {
  padding-top: 40px;
}

.pr-40 {
  padding-right: 40px;
}

.pb-40 {
  padding-bottom: 40px;
}

.pl-40 {
  padding-left: 40px;
}

.pd-y-40 {
  padding-top: 40px;
  padding-bottom: 40px;
}

.pd-x-40 {
  padding-left: 40px;
  padding-right: 40px;
}

.mt-40 {
  margin-top: 40px;
}

.mr-40 {
  margin-right: 40px;
}

.mb-40 {
  margin-bottom: 40px;
}

.ml-40 {
  margin-left: 40px;
}

.mg-y-40 {
  margin-top: 40px;
  margin-bottom: 40px;
}

.mg-x-40 {
  margin-left: 40px;
  margin-right: 40px;
}

.pt-45 {
  padding-top: 45px;
}

.pr-45 {
  padding-right: 45px;
}

.pb-45 {
  padding-bottom: 45px;
}

.pl-45 {
  padding-left: 45px;
}

.pd-y-45 {
  padding-top: 45px;
  padding-bottom: 45px;
}

.pd-x-45 {
  padding-left: 45px;
  padding-right: 45px;
}

.mt-45 {
  margin-top: 45px;
}

.mr-45 {
  margin-right: 45px;
}

.mb-45 {
  margin-bottom: 45px;
}

.ml-45 {
  margin-left: 45px;
}

.mg-y-45 {
  margin-top: 45px;
  margin-bottom: 45px;
}

.mg-x-45 {
  margin-left: 45px;
  margin-right: 45px;
}

.pt-50 {
  padding-top: 50px;
}

.pr-50 {
  padding-right: 50px;
}

.pb-50 {
  padding-bottom: 50px;
}

.pl-50 {
  padding-left: 50px;
}

.pd-y-50 {
  padding-top: 50px;
  padding-bottom: 50px;
}

.pd-x-50 {
  padding-left: 50px;
  padding-right: 50px;
}

.mt-50 {
  margin-top: 50px;
}

.mr-50 {
  margin-right: 50px;
}

.mb-50 {
  margin-bottom: 50px;
}

.ml-50 {
  margin-left: 50px;
}

.mg-y-50 {
  margin-top: 50px;
  margin-bottom: 50px;
}

.mg-x-50 {
  margin-left: 50px;
  margin-right: 50px;
}

.pt-55 {
  padding-top: 55px;
}

.pr-55 {
  padding-right: 55px;
}

.pb-55 {
  padding-bottom: 55px;
}

.pl-55 {
  padding-left: 55px;
}

.pd-y-55 {
  padding-top: 55px;
  padding-bottom: 55px;
}

.pd-x-55 {
  padding-left: 55px;
  padding-right: 55px;
}

.mt-55 {
  margin-top: 55px;
}

.mr-55 {
  margin-right: 55px;
}

.mb-55 {
  margin-bottom: 55px;
}

.ml-55 {
  margin-left: 55px;
}

.mg-y-55 {
  margin-top: 55px;
  margin-bottom: 55px;
}

.mg-x-55 {
  margin-left: 55px;
  margin-right: 55px;
}

.pt-60 {
  padding-top: 60px;
}

.pr-60 {
  padding-right: 60px;
}

.pb-60 {
  padding-bottom: 60px;
}

.pl-60 {
  padding-left: 60px;
}

.pd-y-60 {
  padding-top: 60px;
  padding-bottom: 60px;
}

.pd-x-60 {
  padding-left: 60px;
  padding-right: 60px;
}

.mt-60 {
  margin-top: 60px;
}

.mr-60 {
  margin-right: 60px;
}

.mb-60 {
  margin-bottom: 60px;
}

.ml-60 {
  margin-left: 60px;
}

.mg-y-60 {
  margin-top: 60px;
  margin-bottom: 60px;
}

.mg-x-60 {
  margin-left: 60px;
  margin-right: 60px;
}

.pt-65 {
  padding-top: 65px;
}

.pr-65 {
  padding-right: 65px;
}

.pb-65 {
  padding-bottom: 65px;
}

.pl-65 {
  padding-left: 65px;
}

.pd-y-65 {
  padding-top: 65px;
  padding-bottom: 65px;
}

.pd-x-65 {
  padding-left: 65px;
  padding-right: 65px;
}

.mt-65 {
  margin-top: 65px;
}

.mr-65 {
  margin-right: 65px;
}

.mb-65 {
  margin-bottom: 65px;
}

.ml-65 {
  margin-left: 65px;
}

.mg-y-65 {
  margin-top: 65px;
  margin-bottom: 65px;
}

.mg-x-65 {
  margin-left: 65px;
  margin-right: 65px;
}

.pt-70 {
  padding-top: 70px;
}

.pr-70 {
  padding-right: 70px;
}

.pb-70 {
  padding-bottom: 70px;
}

.pl-70 {
  padding-left: 70px;
}

.pd-y-70 {
  padding-top: 70px;
  padding-bottom: 70px;
}

.pd-x-70 {
  padding-left: 70px;
  padding-right: 70px;
}

.mt-70 {
  margin-top: 70px;
}

.mr-70 {
  margin-right: 70px;
}

.mb-70 {
  margin-bottom: 70px;
}

.ml-70 {
  margin-left: 70px;
}

.mg-y-70 {
  margin-top: 70px;
  margin-bottom: 70px;
}

.mg-x-70 {
  margin-left: 70px;
  margin-right: 70px;
}

.pt-75 {
  padding-top: 75px;
}

.pr-75 {
  padding-right: 75px;
}

.pb-75 {
  padding-bottom: 75px;
}

.pl-75 {
  padding-left: 75px;
}

.pd-y-75 {
  padding-top: 75px;
  padding-bottom: 75px;
}

.pd-x-75 {
  padding-left: 75px;
  padding-right: 75px;
}

.mt-75 {
  margin-top: 75px;
}

.mr-75 {
  margin-right: 75px;
}

.mb-75 {
  margin-bottom: 75px;
}

.ml-75 {
  margin-left: 75px;
}

.mg-y-75 {
  margin-top: 75px;
  margin-bottom: 75px;
}

.mg-x-75 {
  margin-left: 75px;
  margin-right: 75px;
}

.pt-80 {
  padding-top: 80px;
}

.pr-80 {
  padding-right: 80px;
}

.pb-80 {
  padding-bottom: 80px;
}

.pl-80 {
  padding-left: 80px;
}

.pd-y-80 {
  padding-top: 80px;
  padding-bottom: 80px;
}

.pd-x-80 {
  padding-left: 80px;
  padding-right: 80px;
}

.mt-80 {
  margin-top: 80px;
}

.mr-80 {
  margin-right: 80px;
}

.mb-80 {
  margin-bottom: 80px;
}

.ml-80 {
  margin-left: 80px;
}

.mg-y-80 {
  margin-top: 80px;
  margin-bottom: 80px;
}

.mg-x-80 {
  margin-left: 80px;
  margin-right: 80px;
}

.pt-85 {
  padding-top: 85px;
}

.pr-85 {
  padding-right: 85px;
}

.pb-85 {
  padding-bottom: 85px;
}

.pl-85 {
  padding-left: 85px;
}

.pd-y-85 {
  padding-top: 85px;
  padding-bottom: 85px;
}

.pd-x-85 {
  padding-left: 85px;
  padding-right: 85px;
}

.mt-85 {
  margin-top: 85px;
}

.mr-85 {
  margin-right: 85px;
}

.mb-85 {
  margin-bottom: 85px;
}

.ml-85 {
  margin-left: 85px;
}

.mg-y-85 {
  margin-top: 85px;
  margin-bottom: 85px;
}

.mg-x-85 {
  margin-left: 85px;
  margin-right: 85px;
}

.pt-90 {
  padding-top: 90px;
}

.pr-90 {
  padding-right: 90px;
}

.pb-90 {
  padding-bottom: 90px;
}

.pl-90 {
  padding-left: 90px;
}

.pd-y-90 {
  padding-top: 90px;
  padding-bottom: 90px;
}

.pd-x-90 {
  padding-left: 90px;
  padding-right: 90px;
}

.mt-90 {
  margin-top: 90px;
}

.mr-90 {
  margin-right: 90px;
}

.mb-90 {
  margin-bottom: 90px;
}

.ml-90 {
  margin-left: 90px;
}

.mg-y-90 {
  margin-top: 90px;
  margin-bottom: 90px;
}

.mg-x-90 {
  margin-left: 90px;
  margin-right: 90px;
}

.pt-95 {
  padding-top: 95px;
}

.pr-95 {
  padding-right: 95px;
}

.pb-95 {
  padding-bottom: 95px;
}

.pl-95 {
  padding-left: 95px;
}

.pd-y-95 {
  padding-top: 95px;
  padding-bottom: 95px;
}

.pd-x-95 {
  padding-left: 95px;
  padding-right: 95px;
}

.mt-95 {
  margin-top: 95px;
}

.mr-95 {
  margin-right: 95px;
}

.mb-95 {
  margin-bottom: 95px;
}

.ml-95 {
  margin-left: 95px;
}

.mg-y-95 {
  margin-top: 95px;
  margin-bottom: 95px;
}

.mg-x-95 {
  margin-left: 95px;
  margin-right: 95px;
}

.pt-100 {
  padding-top: 100px;
}

.pr-100 {
  padding-right: 100px;
}

.pb-100 {
  padding-bottom: 100px;
}

.pl-100 {
  padding-left: 100px;
}

.pd-y-100 {
  padding-top: 100px;
  padding-bottom: 100px;
}

.pd-x-100 {
  padding-left: 100px;
  padding-right: 100px;
}

.mt-100 {
  margin-top: 100px;
}

.mr-100 {
  margin-right: 100px;
}

.mb-100 {
  margin-bottom: 100px;
}

.ml-100 {
  margin-left: 100px;
}

.mg-y-100 {
  margin-top: 100px;
  margin-bottom: 100px;
}

.mg-x-100 {
  margin-left: 100px;
  margin-right: 100px;
}

.pt-105 {
  padding-top: 105px;
}

.pr-105 {
  padding-right: 105px;
}

.pb-105 {
  padding-bottom: 105px;
}

.pl-105 {
  padding-left: 105px;
}

.pd-y-105 {
  padding-top: 105px;
  padding-bottom: 105px;
}

.pd-x-105 {
  padding-left: 105px;
  padding-right: 105px;
}

.mt-105 {
  margin-top: 105px;
}

.mr-105 {
  margin-right: 105px;
}

.mb-105 {
  margin-bottom: 105px;
}

.ml-105 {
  margin-left: 105px;
}

.mg-y-105 {
  margin-top: 105px;
  margin-bottom: 105px;
}

.mg-x-105 {
  margin-left: 105px;
  margin-right: 105px;
}

.pt-110 {
  padding-top: 110px;
}

.pr-110 {
  padding-right: 110px;
}

.pb-110 {
  padding-bottom: 110px;
}

.pl-110 {
  padding-left: 110px;
}

.pd-y-110 {
  padding-top: 110px;
  padding-bottom: 110px;
}

.pd-x-110 {
  padding-left: 110px;
  padding-right: 110px;
}

.mt-110 {
  margin-top: 110px;
}

.mr-110 {
  margin-right: 110px;
}

.mb-110 {
  margin-bottom: 110px;
}

.ml-110 {
  margin-left: 110px;
}

.mg-y-110 {
  margin-top: 110px;
  margin-bottom: 110px;
}

.mg-x-110 {
  margin-left: 110px;
  margin-right: 110px;
}

.pt-115 {
  padding-top: 115px;
}

.pr-115 {
  padding-right: 115px;
}

.pb-115 {
  padding-bottom: 115px;
}

.pl-115 {
  padding-left: 115px;
}

.pd-y-115 {
  padding-top: 115px;
  padding-bottom: 115px;
}

.pd-x-115 {
  padding-left: 115px;
  padding-right: 115px;
}

.mt-115 {
  margin-top: 115px;
}

.mr-115 {
  margin-right: 115px;
}

.mb-115 {
  margin-bottom: 115px;
}

.ml-115 {
  margin-left: 115px;
}

.mg-y-115 {
  margin-top: 115px;
  margin-bottom: 115px;
}

.mg-x-115 {
  margin-left: 115px;
  margin-right: 115px;
}

.pt-120 {
  padding-top: 120px;
}

.pr-120 {
  padding-right: 120px;
}

.pb-120 {
  padding-bottom: 120px;
}

.pl-120 {
  padding-left: 120px;
}

.pd-y-120 {
  padding-top: 120px;
  padding-bottom: 120px;
}

.pd-x-120 {
  padding-left: 120px;
  padding-right: 120px;
}

.mt-120 {
  margin-top: 120px;
}

.mr-120 {
  margin-right: 120px;
}

.mb-120 {
  margin-bottom: 120px;
}

.ml-120 {
  margin-left: 120px;
}

.mg-y-120 {
  margin-top: 120px;
  margin-bottom: 120px;
}

.mg-x-120 {
  margin-left: 120px;
  margin-right: 120px;
}

.pt-125 {
  padding-top: 125px;
}

.pr-125 {
  padding-right: 125px;
}

.pb-125 {
  padding-bottom: 125px;
}

.pl-125 {
  padding-left: 125px;
}

.pd-y-125 {
  padding-top: 125px;
  padding-bottom: 125px;
}

.pd-x-125 {
  padding-left: 125px;
  padding-right: 125px;
}

.mt-125 {
  margin-top: 125px;
}

.mr-125 {
  margin-right: 125px;
}

.mb-125 {
  margin-bottom: 125px;
}

.ml-125 {
  margin-left: 125px;
}

.mg-y-125 {
  margin-top: 125px;
  margin-bottom: 125px;
}

.mg-x-125 {
  margin-left: 125px;
  margin-right: 125px;
}

.pt-130 {
  padding-top: 130px;
}

.pr-130 {
  padding-right: 130px;
}

.pb-130 {
  padding-bottom: 130px;
}

.pl-130 {
  padding-left: 130px;
}

.pd-y-130 {
  padding-top: 130px;
  padding-bottom: 130px;
}

.pd-x-130 {
  padding-left: 130px;
  padding-right: 130px;
}

.mt-130 {
  margin-top: 130px;
}

.mr-130 {
  margin-right: 130px;
}

.mb-130 {
  margin-bottom: 130px;
}

.ml-130 {
  margin-left: 130px;
}

.mg-y-130 {
  margin-top: 130px;
  margin-bottom: 130px;
}

.mg-x-130 {
  margin-left: 130px;
  margin-right: 130px;
}

.pt-135 {
  padding-top: 135px;
}

.pr-135 {
  padding-right: 135px;
}

.pb-135 {
  padding-bottom: 135px;
}

.pl-135 {
  padding-left: 135px;
}

.pd-y-135 {
  padding-top: 135px;
  padding-bottom: 135px;
}

.pd-x-135 {
  padding-left: 135px;
  padding-right: 135px;
}

.mt-135 {
  margin-top: 135px;
}

.mr-135 {
  margin-right: 135px;
}

.mb-135 {
  margin-bottom: 135px;
}

.ml-135 {
  margin-left: 135px;
}

.mg-y-135 {
  margin-top: 135px;
  margin-bottom: 135px;
}

.mg-x-135 {
  margin-left: 135px;
  margin-right: 135px;
}

.pt-140 {
  padding-top: 140px;
}

.pr-140 {
  padding-right: 140px;
}

.pb-140 {
  padding-bottom: 140px;
}

.pl-140 {
  padding-left: 140px;
}

.pd-y-140 {
  padding-top: 140px;
  padding-bottom: 140px;
}

.pd-x-140 {
  padding-left: 140px;
  padding-right: 140px;
}

.mt-140 {
  margin-top: 140px;
}

.mr-140 {
  margin-right: 140px;
}

.mb-140 {
  margin-bottom: 140px;
}

.ml-140 {
  margin-left: 140px;
}

.mg-y-140 {
  margin-top: 140px;
  margin-bottom: 140px;
}

.mg-x-140 {
  margin-left: 140px;
  margin-right: 140px;
}

.pt-145 {
  padding-top: 145px;
}

.pr-145 {
  padding-right: 145px;
}

.pb-145 {
  padding-bottom: 145px;
}

.pl-145 {
  padding-left: 145px;
}

.pd-y-145 {
  padding-top: 145px;
  padding-bottom: 145px;
}

.pd-x-145 {
  padding-left: 145px;
  padding-right: 145px;
}

.mt-145 {
  margin-top: 145px;
}

.mr-145 {
  margin-right: 145px;
}

.mb-145 {
  margin-bottom: 145px;
}

.ml-145 {
  margin-left: 145px;
}

.mg-y-145 {
  margin-top: 145px;
  margin-bottom: 145px;
}

.mg-x-145 {
  margin-left: 145px;
  margin-right: 145px;
}

.pt-150 {
  padding-top: 150px;
}

.pr-150 {
  padding-right: 150px;
}

.pb-150 {
  padding-bottom: 150px;
}

.pl-150 {
  padding-left: 150px;
}

.pd-y-150 {
  padding-top: 150px;
  padding-bottom: 150px;
}

.pd-x-150 {
  padding-left: 150px;
  padding-right: 150px;
}

.mt-150 {
  margin-top: 150px;
}

.mr-150 {
  margin-right: 150px;
}

.mb-150 {
  margin-bottom: 150px;
}

.ml-150 {
  margin-left: 150px;
}

.mg-y-150 {
  margin-top: 150px;
  margin-bottom: 150px;
}

.mg-x-150 {
  margin-left: 150px;
  margin-right: 150px;
}

.pt-155 {
  padding-top: 155px;
}

.pr-155 {
  padding-right: 155px;
}

.pb-155 {
  padding-bottom: 155px;
}

.pl-155 {
  padding-left: 155px;
}

.pd-y-155 {
  padding-top: 155px;
  padding-bottom: 155px;
}

.pd-x-155 {
  padding-left: 155px;
  padding-right: 155px;
}

.mt-155 {
  margin-top: 155px;
}

.mr-155 {
  margin-right: 155px;
}

.mb-155 {
  margin-bottom: 155px;
}

.ml-155 {
  margin-left: 155px;
}

.mg-y-155 {
  margin-top: 155px;
  margin-bottom: 155px;
}

.mg-x-155 {
  margin-left: 155px;
  margin-right: 155px;
}

.pt-160 {
  padding-top: 160px;
}

.pr-160 {
  padding-right: 160px;
}

.pb-160 {
  padding-bottom: 160px;
}

.pl-160 {
  padding-left: 160px;
}

.pd-y-160 {
  padding-top: 160px;
  padding-bottom: 160px;
}

.pd-x-160 {
  padding-left: 160px;
  padding-right: 160px;
}

.mt-160 {
  margin-top: 160px;
}

.mr-160 {
  margin-right: 160px;
}

.mb-160 {
  margin-bottom: 160px;
}

.ml-160 {
  margin-left: 160px;
}

.mg-y-160 {
  margin-top: 160px;
  margin-bottom: 160px;
}

.mg-x-160 {
  margin-left: 160px;
  margin-right: 160px;
}

.pt-165 {
  padding-top: 165px;
}

.pr-165 {
  padding-right: 165px;
}

.pb-165 {
  padding-bottom: 165px;
}

.pl-165 {
  padding-left: 165px;
}

.pd-y-165 {
  padding-top: 165px;
  padding-bottom: 165px;
}

.pd-x-165 {
  padding-left: 165px;
  padding-right: 165px;
}

.mt-165 {
  margin-top: 165px;
}

.mr-165 {
  margin-right: 165px;
}

.mb-165 {
  margin-bottom: 165px;
}

.ml-165 {
  margin-left: 165px;
}

.mg-y-165 {
  margin-top: 165px;
  margin-bottom: 165px;
}

.mg-x-165 {
  margin-left: 165px;
  margin-right: 165px;
}

.pt-170 {
  padding-top: 170px;
}

.pr-170 {
  padding-right: 170px;
}

.pb-170 {
  padding-bottom: 170px;
}

.pl-170 {
  padding-left: 170px;
}

.pd-y-170 {
  padding-top: 170px;
  padding-bottom: 170px;
}

.pd-x-170 {
  padding-left: 170px;
  padding-right: 170px;
}

.mt-170 {
  margin-top: 170px;
}

.mr-170 {
  margin-right: 170px;
}

.mb-170 {
  margin-bottom: 170px;
}

.ml-170 {
  margin-left: 170px;
}

.mg-y-170 {
  margin-top: 170px;
  margin-bottom: 170px;
}

.mg-x-170 {
  margin-left: 170px;
  margin-right: 170px;
}

.pt-175 {
  padding-top: 175px;
}

.pr-175 {
  padding-right: 175px;
}

.pb-175 {
  padding-bottom: 175px;
}

.pl-175 {
  padding-left: 175px;
}

.pd-y-175 {
  padding-top: 175px;
  padding-bottom: 175px;
}

.pd-x-175 {
  padding-left: 175px;
  padding-right: 175px;
}

.mt-175 {
  margin-top: 175px;
}

.mr-175 {
  margin-right: 175px;
}

.mb-175 {
  margin-bottom: 175px;
}

.ml-175 {
  margin-left: 175px;
}

.mg-y-175 {
  margin-top: 175px;
  margin-bottom: 175px;
}

.mg-x-175 {
  margin-left: 175px;
  margin-right: 175px;
}

.pt-180 {
  padding-top: 180px;
}

.pr-180 {
  padding-right: 180px;
}

.pb-180 {
  padding-bottom: 180px;
}

.pl-180 {
  padding-left: 180px;
}

.pd-y-180 {
  padding-top: 180px;
  padding-bottom: 180px;
}

.pd-x-180 {
  padding-left: 180px;
  padding-right: 180px;
}

.mt-180 {
  margin-top: 180px;
}

.mr-180 {
  margin-right: 180px;
}

.mb-180 {
  margin-bottom: 180px;
}

.ml-180 {
  margin-left: 180px;
}

.mg-y-180 {
  margin-top: 180px;
  margin-bottom: 180px;
}

.mg-x-180 {
  margin-left: 180px;
  margin-right: 180px;
}

.pt-185 {
  padding-top: 185px;
}

.pr-185 {
  padding-right: 185px;
}

.pb-185 {
  padding-bottom: 185px;
}

.pl-185 {
  padding-left: 185px;
}

.pd-y-185 {
  padding-top: 185px;
  padding-bottom: 185px;
}

.pd-x-185 {
  padding-left: 185px;
  padding-right: 185px;
}

.mt-185 {
  margin-top: 185px;
}

.mr-185 {
  margin-right: 185px;
}

.mb-185 {
  margin-bottom: 185px;
}

.ml-185 {
  margin-left: 185px;
}

.mg-y-185 {
  margin-top: 185px;
  margin-bottom: 185px;
}

.mg-x-185 {
  margin-left: 185px;
  margin-right: 185px;
}

.pt-190 {
  padding-top: 190px;
}

.pr-190 {
  padding-right: 190px;
}

.pb-190 {
  padding-bottom: 190px;
}

.pl-190 {
  padding-left: 190px;
}

.pd-y-190 {
  padding-top: 190px;
  padding-bottom: 190px;
}

.pd-x-190 {
  padding-left: 190px;
  padding-right: 190px;
}

.mt-190 {
  margin-top: 190px;
}

.mr-190 {
  margin-right: 190px;
}

.mb-190 {
  margin-bottom: 190px;
}

.ml-190 {
  margin-left: 190px;
}

.mg-y-190 {
  margin-top: 190px;
  margin-bottom: 190px;
}

.mg-x-190 {
  margin-left: 190px;
  margin-right: 190px;
}

.pt-195 {
  padding-top: 195px;
}

.pr-195 {
  padding-right: 195px;
}

.pb-195 {
  padding-bottom: 195px;
}

.pl-195 {
  padding-left: 195px;
}

.pd-y-195 {
  padding-top: 195px;
  padding-bottom: 195px;
}

.pd-x-195 {
  padding-left: 195px;
  padding-right: 195px;
}

.mt-195 {
  margin-top: 195px;
}

.mr-195 {
  margin-right: 195px;
}

.mb-195 {
  margin-bottom: 195px;
}

.ml-195 {
  margin-left: 195px;
}

.mg-y-195 {
  margin-top: 195px;
  margin-bottom: 195px;
}

.mg-x-195 {
  margin-left: 195px;
  margin-right: 195px;
}

.pt-200 {
  padding-top: 200px;
}

.pr-200 {
  padding-right: 200px;
}

.pb-200 {
  padding-bottom: 200px;
}

.pl-200 {
  padding-left: 200px;
}

.pd-y-200 {
  padding-top: 200px;
  padding-bottom: 200px;
}

.pd-x-200 {
  padding-left: 200px;
  padding-right: 200px;
}

.mt-200 {
  margin-top: 200px;
}

.mr-200 {
  margin-right: 200px;
}

.mb-200 {
  margin-bottom: 200px;
}

.ml-200 {
  margin-left: 200px;
}

.mg-y-200 {
  margin-top: 200px;
  margin-bottom: 200px;
}

.mg-x-200 {
  margin-left: 200px;
  margin-right: 200px;
}

@media screen and (min-width: 900px) {
  .pt-5--desk {
    padding-top: 5px;
  }

  .pr-5--desk {
    padding-right: 5px;
  }

  .pb-5--desk {
    padding-bottom: 5px;
  }

  .pl-5--desk {
    padding-left: 5px;
  }

  .pd-y-5--desk {
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .pd-x-5--desk {
    padding-left: 5px;
    padding-right: 5px;
  }

  .mt-5--desk {
    margin-top: 5px;
  }

  .mr-5--desk {
    margin-right: 5px;
  }

  .mb-5--desk {
    margin-bottom: 5px;
  }

  .ml-5--desk {
    margin-left: 5px;
  }

  .mg-y-5--desk {
    margin-top: 5px;
    margin-bottom: 5px;
  }

  .mg-x-5--desk {
    margin-left: 5px;
    margin-right: 5px;
  }

  .pt-10--desk {
    padding-top: 10px;
  }

  .pr-10--desk {
    padding-right: 10px;
  }

  .pb-10--desk {
    padding-bottom: 10px;
  }

  .pl-10--desk {
    padding-left: 10px;
  }

  .pd-y-10--desk {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .pd-x-10--desk {
    padding-left: 10px;
    padding-right: 10px;
  }

  .mt-10--desk {
    margin-top: 10px;
  }

  .mr-10--desk {
    margin-right: 10px;
  }

  .mb-10--desk {
    margin-bottom: 10px;
  }

  .ml-10--desk {
    margin-left: 10px;
  }

  .mg-y-10--desk {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .mg-x-10--desk {
    margin-left: 10px;
    margin-right: 10px;
  }

  .pt-15--desk {
    padding-top: 15px;
  }

  .pr-15--desk {
    padding-right: 15px;
  }

  .pb-15--desk {
    padding-bottom: 15px;
  }

  .pl-15--desk {
    padding-left: 15px;
  }

  .pd-y-15--desk {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .pd-x-15--desk {
    padding-left: 15px;
    padding-right: 15px;
  }

  .mt-15--desk {
    margin-top: 15px;
  }

  .mr-15--desk {
    margin-right: 15px;
  }

  .mb-15--desk {
    margin-bottom: 15px;
  }

  .ml-15--desk {
    margin-left: 15px;
  }

  .mg-y-15--desk {
    margin-top: 15px;
    margin-bottom: 15px;
  }

  .mg-x-15--desk {
    margin-left: 15px;
    margin-right: 15px;
  }

  .pt-20--desk {
    padding-top: 20px;
  }

  .pr-20--desk {
    padding-right: 20px;
  }

  .pb-20--desk {
    padding-bottom: 20px;
  }

  .pl-20--desk {
    padding-left: 20px;
  }

  .pd-y-20--desk {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .pd-x-20--desk {
    padding-left: 20px;
    padding-right: 20px;
  }

  .mt-20--desk {
    margin-top: 20px;
  }

  .mr-20--desk {
    margin-right: 20px;
  }

  .mb-20--desk {
    margin-bottom: 20px;
  }

  .ml-20--desk {
    margin-left: 20px;
  }

  .mg-y-20--desk {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .mg-x-20--desk {
    margin-left: 20px;
    margin-right: 20px;
  }

  .pt-25--desk {
    padding-top: 25px;
  }

  .pr-25--desk {
    padding-right: 25px;
  }

  .pb-25--desk {
    padding-bottom: 25px;
  }

  .pl-25--desk {
    padding-left: 25px;
  }

  .pd-y-25--desk {
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .pd-x-25--desk {
    padding-left: 25px;
    padding-right: 25px;
  }

  .mt-25--desk {
    margin-top: 25px;
  }

  .mr-25--desk {
    margin-right: 25px;
  }

  .mb-25--desk {
    margin-bottom: 25px;
  }

  .ml-25--desk {
    margin-left: 25px;
  }

  .mg-y-25--desk {
    margin-top: 25px;
    margin-bottom: 25px;
  }

  .mg-x-25--desk {
    margin-left: 25px;
    margin-right: 25px;
  }

  .pt-30--desk {
    padding-top: 30px;
  }

  .pr-30--desk {
    padding-right: 30px;
  }

  .pb-30--desk {
    padding-bottom: 30px;
  }

  .pl-30--desk {
    padding-left: 30px;
  }

  .pd-y-30--desk {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .pd-x-30--desk {
    padding-left: 30px;
    padding-right: 30px;
  }

  .mt-30--desk {
    margin-top: 30px;
  }

  .mr-30--desk {
    margin-right: 30px;
  }

  .mb-30--desk {
    margin-bottom: 30px;
  }

  .ml-30--desk {
    margin-left: 30px;
  }

  .mg-y-30--desk {
    margin-top: 30px;
    margin-bottom: 30px;
  }

  .mg-x-30--desk {
    margin-left: 30px;
    margin-right: 30px;
  }

  .pt-35--desk {
    padding-top: 35px;
  }

  .pr-35--desk {
    padding-right: 35px;
  }

  .pb-35--desk {
    padding-bottom: 35px;
  }

  .pl-35--desk {
    padding-left: 35px;
  }

  .pd-y-35--desk {
    padding-top: 35px;
    padding-bottom: 35px;
  }

  .pd-x-35--desk {
    padding-left: 35px;
    padding-right: 35px;
  }

  .mt-35--desk {
    margin-top: 35px;
  }

  .mr-35--desk {
    margin-right: 35px;
  }

  .mb-35--desk {
    margin-bottom: 35px;
  }

  .ml-35--desk {
    margin-left: 35px;
  }

  .mg-y-35--desk {
    margin-top: 35px;
    margin-bottom: 35px;
  }

  .mg-x-35--desk {
    margin-left: 35px;
    margin-right: 35px;
  }

  .pt-40--desk {
    padding-top: 40px;
  }

  .pr-40--desk {
    padding-right: 40px;
  }

  .pb-40--desk {
    padding-bottom: 40px;
  }

  .pl-40--desk {
    padding-left: 40px;
  }

  .pd-y-40--desk {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .pd-x-40--desk {
    padding-left: 40px;
    padding-right: 40px;
  }

  .mt-40--desk {
    margin-top: 40px;
  }

  .mr-40--desk {
    margin-right: 40px;
  }

  .mb-40--desk {
    margin-bottom: 40px;
  }

  .ml-40--desk {
    margin-left: 40px;
  }

  .mg-y-40--desk {
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .mg-x-40--desk {
    margin-left: 40px;
    margin-right: 40px;
  }

  .pt-45--desk {
    padding-top: 45px;
  }

  .pr-45--desk {
    padding-right: 45px;
  }

  .pb-45--desk {
    padding-bottom: 45px;
  }

  .pl-45--desk {
    padding-left: 45px;
  }

  .pd-y-45--desk {
    padding-top: 45px;
    padding-bottom: 45px;
  }

  .pd-x-45--desk {
    padding-left: 45px;
    padding-right: 45px;
  }

  .mt-45--desk {
    margin-top: 45px;
  }

  .mr-45--desk {
    margin-right: 45px;
  }

  .mb-45--desk {
    margin-bottom: 45px;
  }

  .ml-45--desk {
    margin-left: 45px;
  }

  .mg-y-45--desk {
    margin-top: 45px;
    margin-bottom: 45px;
  }

  .mg-x-45--desk {
    margin-left: 45px;
    margin-right: 45px;
  }

  .pt-50--desk {
    padding-top: 50px;
  }

  .pr-50--desk {
    padding-right: 50px;
  }

  .pb-50--desk {
    padding-bottom: 50px;
  }

  .pl-50--desk {
    padding-left: 50px;
  }

  .pd-y-50--desk {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .pd-x-50--desk {
    padding-left: 50px;
    padding-right: 50px;
  }

  .mt-50--desk {
    margin-top: 50px;
  }

  .mr-50--desk {
    margin-right: 50px;
  }

  .mb-50--desk {
    margin-bottom: 50px;
  }

  .ml-50--desk {
    margin-left: 50px;
  }

  .mg-y-50--desk {
    margin-top: 50px;
    margin-bottom: 50px;
  }

  .mg-x-50--desk {
    margin-left: 50px;
    margin-right: 50px;
  }

  .pt-55--desk {
    padding-top: 55px;
  }

  .pr-55--desk {
    padding-right: 55px;
  }

  .pb-55--desk {
    padding-bottom: 55px;
  }

  .pl-55--desk {
    padding-left: 55px;
  }

  .pd-y-55--desk {
    padding-top: 55px;
    padding-bottom: 55px;
  }

  .pd-x-55--desk {
    padding-left: 55px;
    padding-right: 55px;
  }

  .mt-55--desk {
    margin-top: 55px;
  }

  .mr-55--desk {
    margin-right: 55px;
  }

  .mb-55--desk {
    margin-bottom: 55px;
  }

  .ml-55--desk {
    margin-left: 55px;
  }

  .mg-y-55--desk {
    margin-top: 55px;
    margin-bottom: 55px;
  }

  .mg-x-55--desk {
    margin-left: 55px;
    margin-right: 55px;
  }

  .pt-60--desk {
    padding-top: 60px;
  }

  .pr-60--desk {
    padding-right: 60px;
  }

  .pb-60--desk {
    padding-bottom: 60px;
  }

  .pl-60--desk {
    padding-left: 60px;
  }

  .pd-y-60--desk {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .pd-x-60--desk {
    padding-left: 60px;
    padding-right: 60px;
  }

  .mt-60--desk {
    margin-top: 60px;
  }

  .mr-60--desk {
    margin-right: 60px;
  }

  .mb-60--desk {
    margin-bottom: 60px;
  }

  .ml-60--desk {
    margin-left: 60px;
  }

  .mg-y-60--desk {
    margin-top: 60px;
    margin-bottom: 60px;
  }

  .mg-x-60--desk {
    margin-left: 60px;
    margin-right: 60px;
  }

  .pt-65--desk {
    padding-top: 65px;
  }

  .pr-65--desk {
    padding-right: 65px;
  }

  .pb-65--desk {
    padding-bottom: 65px;
  }

  .pl-65--desk {
    padding-left: 65px;
  }

  .pd-y-65--desk {
    padding-top: 65px;
    padding-bottom: 65px;
  }

  .pd-x-65--desk {
    padding-left: 65px;
    padding-right: 65px;
  }

  .mt-65--desk {
    margin-top: 65px;
  }

  .mr-65--desk {
    margin-right: 65px;
  }

  .mb-65--desk {
    margin-bottom: 65px;
  }

  .ml-65--desk {
    margin-left: 65px;
  }

  .mg-y-65--desk {
    margin-top: 65px;
    margin-bottom: 65px;
  }

  .mg-x-65--desk {
    margin-left: 65px;
    margin-right: 65px;
  }

  .pt-70--desk {
    padding-top: 70px;
  }

  .pr-70--desk {
    padding-right: 70px;
  }

  .pb-70--desk {
    padding-bottom: 70px;
  }

  .pl-70--desk {
    padding-left: 70px;
  }

  .pd-y-70--desk {
    padding-top: 70px;
    padding-bottom: 70px;
  }

  .pd-x-70--desk {
    padding-left: 70px;
    padding-right: 70px;
  }

  .mt-70--desk {
    margin-top: 70px;
  }

  .mr-70--desk {
    margin-right: 70px;
  }

  .mb-70--desk {
    margin-bottom: 70px;
  }

  .ml-70--desk {
    margin-left: 70px;
  }

  .mg-y-70--desk {
    margin-top: 70px;
    margin-bottom: 70px;
  }

  .mg-x-70--desk {
    margin-left: 70px;
    margin-right: 70px;
  }

  .pt-75--desk {
    padding-top: 75px;
  }

  .pr-75--desk {
    padding-right: 75px;
  }

  .pb-75--desk {
    padding-bottom: 75px;
  }

  .pl-75--desk {
    padding-left: 75px;
  }

  .pd-y-75--desk {
    padding-top: 75px;
    padding-bottom: 75px;
  }

  .pd-x-75--desk {
    padding-left: 75px;
    padding-right: 75px;
  }

  .mt-75--desk {
    margin-top: 75px;
  }

  .mr-75--desk {
    margin-right: 75px;
  }

  .mb-75--desk {
    margin-bottom: 75px;
  }

  .ml-75--desk {
    margin-left: 75px;
  }

  .mg-y-75--desk {
    margin-top: 75px;
    margin-bottom: 75px;
  }

  .mg-x-75--desk {
    margin-left: 75px;
    margin-right: 75px;
  }

  .pt-80--desk {
    padding-top: 80px;
  }

  .pr-80--desk {
    padding-right: 80px;
  }

  .pb-80--desk {
    padding-bottom: 80px;
  }

  .pl-80--desk {
    padding-left: 80px;
  }

  .pd-y-80--desk {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .pd-x-80--desk {
    padding-left: 80px;
    padding-right: 80px;
  }

  .mt-80--desk {
    margin-top: 80px;
  }

  .mr-80--desk {
    margin-right: 80px;
  }

  .mb-80--desk {
    margin-bottom: 80px;
  }

  .ml-80--desk {
    margin-left: 80px;
  }

  .mg-y-80--desk {
    margin-top: 80px;
    margin-bottom: 80px;
  }

  .mg-x-80--desk {
    margin-left: 80px;
    margin-right: 80px;
  }

  .pt-85--desk {
    padding-top: 85px;
  }

  .pr-85--desk {
    padding-right: 85px;
  }

  .pb-85--desk {
    padding-bottom: 85px;
  }

  .pl-85--desk {
    padding-left: 85px;
  }

  .pd-y-85--desk {
    padding-top: 85px;
    padding-bottom: 85px;
  }

  .pd-x-85--desk {
    padding-left: 85px;
    padding-right: 85px;
  }

  .mt-85--desk {
    margin-top: 85px;
  }

  .mr-85--desk {
    margin-right: 85px;
  }

  .mb-85--desk {
    margin-bottom: 85px;
  }

  .ml-85--desk {
    margin-left: 85px;
  }

  .mg-y-85--desk {
    margin-top: 85px;
    margin-bottom: 85px;
  }

  .mg-x-85--desk {
    margin-left: 85px;
    margin-right: 85px;
  }

  .pt-90--desk {
    padding-top: 90px;
  }

  .pr-90--desk {
    padding-right: 90px;
  }

  .pb-90--desk {
    padding-bottom: 90px;
  }

  .pl-90--desk {
    padding-left: 90px;
  }

  .pd-y-90--desk {
    padding-top: 90px;
    padding-bottom: 90px;
  }

  .pd-x-90--desk {
    padding-left: 90px;
    padding-right: 90px;
  }

  .mt-90--desk {
    margin-top: 90px;
  }

  .mr-90--desk {
    margin-right: 90px;
  }

  .mb-90--desk {
    margin-bottom: 90px;
  }

  .ml-90--desk {
    margin-left: 90px;
  }

  .mg-y-90--desk {
    margin-top: 90px;
    margin-bottom: 90px;
  }

  .mg-x-90--desk {
    margin-left: 90px;
    margin-right: 90px;
  }

  .pt-95--desk {
    padding-top: 95px;
  }

  .pr-95--desk {
    padding-right: 95px;
  }

  .pb-95--desk {
    padding-bottom: 95px;
  }

  .pl-95--desk {
    padding-left: 95px;
  }

  .pd-y-95--desk {
    padding-top: 95px;
    padding-bottom: 95px;
  }

  .pd-x-95--desk {
    padding-left: 95px;
    padding-right: 95px;
  }

  .mt-95--desk {
    margin-top: 95px;
  }

  .mr-95--desk {
    margin-right: 95px;
  }

  .mb-95--desk {
    margin-bottom: 95px;
  }

  .ml-95--desk {
    margin-left: 95px;
  }

  .mg-y-95--desk {
    margin-top: 95px;
    margin-bottom: 95px;
  }

  .mg-x-95--desk {
    margin-left: 95px;
    margin-right: 95px;
  }

  .pt-100--desk {
    padding-top: 100px;
  }

  .pr-100--desk {
    padding-right: 100px;
  }

  .pb-100--desk {
    padding-bottom: 100px;
  }

  .pl-100--desk {
    padding-left: 100px;
  }

  .pd-y-100--desk {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .pd-x-100--desk {
    padding-left: 100px;
    padding-right: 100px;
  }

  .mt-100--desk {
    margin-top: 100px;
  }

  .mr-100--desk {
    margin-right: 100px;
  }

  .mb-100--desk {
    margin-bottom: 100px;
  }

  .ml-100--desk {
    margin-left: 100px;
  }

  .mg-y-100--desk {
    margin-top: 100px;
    margin-bottom: 100px;
  }

  .mg-x-100--desk {
    margin-left: 100px;
    margin-right: 100px;
  }

  .pt-105--desk {
    padding-top: 105px;
  }

  .pr-105--desk {
    padding-right: 105px;
  }

  .pb-105--desk {
    padding-bottom: 105px;
  }

  .pl-105--desk {
    padding-left: 105px;
  }

  .pd-y-105--desk {
    padding-top: 105px;
    padding-bottom: 105px;
  }

  .pd-x-105--desk {
    padding-left: 105px;
    padding-right: 105px;
  }

  .mt-105--desk {
    margin-top: 105px;
  }

  .mr-105--desk {
    margin-right: 105px;
  }

  .mb-105--desk {
    margin-bottom: 105px;
  }

  .ml-105--desk {
    margin-left: 105px;
  }

  .mg-y-105--desk {
    margin-top: 105px;
    margin-bottom: 105px;
  }

  .mg-x-105--desk {
    margin-left: 105px;
    margin-right: 105px;
  }

  .pt-110--desk {
    padding-top: 110px;
  }

  .pr-110--desk {
    padding-right: 110px;
  }

  .pb-110--desk {
    padding-bottom: 110px;
  }

  .pl-110--desk {
    padding-left: 110px;
  }

  .pd-y-110--desk {
    padding-top: 110px;
    padding-bottom: 110px;
  }

  .pd-x-110--desk {
    padding-left: 110px;
    padding-right: 110px;
  }

  .mt-110--desk {
    margin-top: 110px;
  }

  .mr-110--desk {
    margin-right: 110px;
  }

  .mb-110--desk {
    margin-bottom: 110px;
  }

  .ml-110--desk {
    margin-left: 110px;
  }

  .mg-y-110--desk {
    margin-top: 110px;
    margin-bottom: 110px;
  }

  .mg-x-110--desk {
    margin-left: 110px;
    margin-right: 110px;
  }

  .pt-115--desk {
    padding-top: 115px;
  }

  .pr-115--desk {
    padding-right: 115px;
  }

  .pb-115--desk {
    padding-bottom: 115px;
  }

  .pl-115--desk {
    padding-left: 115px;
  }

  .pd-y-115--desk {
    padding-top: 115px;
    padding-bottom: 115px;
  }

  .pd-x-115--desk {
    padding-left: 115px;
    padding-right: 115px;
  }

  .mt-115--desk {
    margin-top: 115px;
  }

  .mr-115--desk {
    margin-right: 115px;
  }

  .mb-115--desk {
    margin-bottom: 115px;
  }

  .ml-115--desk {
    margin-left: 115px;
  }

  .mg-y-115--desk {
    margin-top: 115px;
    margin-bottom: 115px;
  }

  .mg-x-115--desk {
    margin-left: 115px;
    margin-right: 115px;
  }

  .pt-120--desk {
    padding-top: 120px;
  }

  .pr-120--desk {
    padding-right: 120px;
  }

  .pb-120--desk {
    padding-bottom: 120px;
  }

  .pl-120--desk {
    padding-left: 120px;
  }

  .pd-y-120--desk {
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .pd-x-120--desk {
    padding-left: 120px;
    padding-right: 120px;
  }

  .mt-120--desk {
    margin-top: 120px;
  }

  .mr-120--desk {
    margin-right: 120px;
  }

  .mb-120--desk {
    margin-bottom: 120px;
  }

  .ml-120--desk {
    margin-left: 120px;
  }

  .mg-y-120--desk {
    margin-top: 120px;
    margin-bottom: 120px;
  }

  .mg-x-120--desk {
    margin-left: 120px;
    margin-right: 120px;
  }

  .pt-125--desk {
    padding-top: 125px;
  }

  .pr-125--desk {
    padding-right: 125px;
  }

  .pb-125--desk {
    padding-bottom: 125px;
  }

  .pl-125--desk {
    padding-left: 125px;
  }

  .pd-y-125--desk {
    padding-top: 125px;
    padding-bottom: 125px;
  }

  .pd-x-125--desk {
    padding-left: 125px;
    padding-right: 125px;
  }

  .mt-125--desk {
    margin-top: 125px;
  }

  .mr-125--desk {
    margin-right: 125px;
  }

  .mb-125--desk {
    margin-bottom: 125px;
  }

  .ml-125--desk {
    margin-left: 125px;
  }

  .mg-y-125--desk {
    margin-top: 125px;
    margin-bottom: 125px;
  }

  .mg-x-125--desk {
    margin-left: 125px;
    margin-right: 125px;
  }

  .pt-130--desk {
    padding-top: 130px;
  }

  .pr-130--desk {
    padding-right: 130px;
  }

  .pb-130--desk {
    padding-bottom: 130px;
  }

  .pl-130--desk {
    padding-left: 130px;
  }

  .pd-y-130--desk {
    padding-top: 130px;
    padding-bottom: 130px;
  }

  .pd-x-130--desk {
    padding-left: 130px;
    padding-right: 130px;
  }

  .mt-130--desk {
    margin-top: 130px;
  }

  .mr-130--desk {
    margin-right: 130px;
  }

  .mb-130--desk {
    margin-bottom: 130px;
  }

  .ml-130--desk {
    margin-left: 130px;
  }

  .mg-y-130--desk {
    margin-top: 130px;
    margin-bottom: 130px;
  }

  .mg-x-130--desk {
    margin-left: 130px;
    margin-right: 130px;
  }

  .pt-135--desk {
    padding-top: 135px;
  }

  .pr-135--desk {
    padding-right: 135px;
  }

  .pb-135--desk {
    padding-bottom: 135px;
  }

  .pl-135--desk {
    padding-left: 135px;
  }

  .pd-y-135--desk {
    padding-top: 135px;
    padding-bottom: 135px;
  }

  .pd-x-135--desk {
    padding-left: 135px;
    padding-right: 135px;
  }

  .mt-135--desk {
    margin-top: 135px;
  }

  .mr-135--desk {
    margin-right: 135px;
  }

  .mb-135--desk {
    margin-bottom: 135px;
  }

  .ml-135--desk {
    margin-left: 135px;
  }

  .mg-y-135--desk {
    margin-top: 135px;
    margin-bottom: 135px;
  }

  .mg-x-135--desk {
    margin-left: 135px;
    margin-right: 135px;
  }

  .pt-140--desk {
    padding-top: 140px;
  }

  .pr-140--desk {
    padding-right: 140px;
  }

  .pb-140--desk {
    padding-bottom: 140px;
  }

  .pl-140--desk {
    padding-left: 140px;
  }

  .pd-y-140--desk {
    padding-top: 140px;
    padding-bottom: 140px;
  }

  .pd-x-140--desk {
    padding-left: 140px;
    padding-right: 140px;
  }

  .mt-140--desk {
    margin-top: 140px;
  }

  .mr-140--desk {
    margin-right: 140px;
  }

  .mb-140--desk {
    margin-bottom: 140px;
  }

  .ml-140--desk {
    margin-left: 140px;
  }

  .mg-y-140--desk {
    margin-top: 140px;
    margin-bottom: 140px;
  }

  .mg-x-140--desk {
    margin-left: 140px;
    margin-right: 140px;
  }

  .pt-145--desk {
    padding-top: 145px;
  }

  .pr-145--desk {
    padding-right: 145px;
  }

  .pb-145--desk {
    padding-bottom: 145px;
  }

  .pl-145--desk {
    padding-left: 145px;
  }

  .pd-y-145--desk {
    padding-top: 145px;
    padding-bottom: 145px;
  }

  .pd-x-145--desk {
    padding-left: 145px;
    padding-right: 145px;
  }

  .mt-145--desk {
    margin-top: 145px;
  }

  .mr-145--desk {
    margin-right: 145px;
  }

  .mb-145--desk {
    margin-bottom: 145px;
  }

  .ml-145--desk {
    margin-left: 145px;
  }

  .mg-y-145--desk {
    margin-top: 145px;
    margin-bottom: 145px;
  }

  .mg-x-145--desk {
    margin-left: 145px;
    margin-right: 145px;
  }

  .pt-150--desk {
    padding-top: 150px;
  }

  .pr-150--desk {
    padding-right: 150px;
  }

  .pb-150--desk {
    padding-bottom: 150px;
  }

  .pl-150--desk {
    padding-left: 150px;
  }

  .pd-y-150--desk {
    padding-top: 150px;
    padding-bottom: 150px;
  }

  .pd-x-150--desk {
    padding-left: 150px;
    padding-right: 150px;
  }

  .mt-150--desk {
    margin-top: 150px;
  }

  .mr-150--desk {
    margin-right: 150px;
  }

  .mb-150--desk {
    margin-bottom: 150px;
  }

  .ml-150--desk {
    margin-left: 150px;
  }

  .mg-y-150--desk {
    margin-top: 150px;
    margin-bottom: 150px;
  }

  .mg-x-150--desk {
    margin-left: 150px;
    margin-right: 150px;
  }

  .pt-155--desk {
    padding-top: 155px;
  }

  .pr-155--desk {
    padding-right: 155px;
  }

  .pb-155--desk {
    padding-bottom: 155px;
  }

  .pl-155--desk {
    padding-left: 155px;
  }

  .pd-y-155--desk {
    padding-top: 155px;
    padding-bottom: 155px;
  }

  .pd-x-155--desk {
    padding-left: 155px;
    padding-right: 155px;
  }

  .mt-155--desk {
    margin-top: 155px;
  }

  .mr-155--desk {
    margin-right: 155px;
  }

  .mb-155--desk {
    margin-bottom: 155px;
  }

  .ml-155--desk {
    margin-left: 155px;
  }

  .mg-y-155--desk {
    margin-top: 155px;
    margin-bottom: 155px;
  }

  .mg-x-155--desk {
    margin-left: 155px;
    margin-right: 155px;
  }

  .pt-160--desk {
    padding-top: 160px;
  }

  .pr-160--desk {
    padding-right: 160px;
  }

  .pb-160--desk {
    padding-bottom: 160px;
  }

  .pl-160--desk {
    padding-left: 160px;
  }

  .pd-y-160--desk {
    padding-top: 160px;
    padding-bottom: 160px;
  }

  .pd-x-160--desk {
    padding-left: 160px;
    padding-right: 160px;
  }

  .mt-160--desk {
    margin-top: 160px;
  }

  .mr-160--desk {
    margin-right: 160px;
  }

  .mb-160--desk {
    margin-bottom: 160px;
  }

  .ml-160--desk {
    margin-left: 160px;
  }

  .mg-y-160--desk {
    margin-top: 160px;
    margin-bottom: 160px;
  }

  .mg-x-160--desk {
    margin-left: 160px;
    margin-right: 160px;
  }

  .pt-165--desk {
    padding-top: 165px;
  }

  .pr-165--desk {
    padding-right: 165px;
  }

  .pb-165--desk {
    padding-bottom: 165px;
  }

  .pl-165--desk {
    padding-left: 165px;
  }

  .pd-y-165--desk {
    padding-top: 165px;
    padding-bottom: 165px;
  }

  .pd-x-165--desk {
    padding-left: 165px;
    padding-right: 165px;
  }

  .mt-165--desk {
    margin-top: 165px;
  }

  .mr-165--desk {
    margin-right: 165px;
  }

  .mb-165--desk {
    margin-bottom: 165px;
  }

  .ml-165--desk {
    margin-left: 165px;
  }

  .mg-y-165--desk {
    margin-top: 165px;
    margin-bottom: 165px;
  }

  .mg-x-165--desk {
    margin-left: 165px;
    margin-right: 165px;
  }

  .pt-170--desk {
    padding-top: 170px;
  }

  .pr-170--desk {
    padding-right: 170px;
  }

  .pb-170--desk {
    padding-bottom: 170px;
  }

  .pl-170--desk {
    padding-left: 170px;
  }

  .pd-y-170--desk {
    padding-top: 170px;
    padding-bottom: 170px;
  }

  .pd-x-170--desk {
    padding-left: 170px;
    padding-right: 170px;
  }

  .mt-170--desk {
    margin-top: 170px;
  }

  .mr-170--desk {
    margin-right: 170px;
  }

  .mb-170--desk {
    margin-bottom: 170px;
  }

  .ml-170--desk {
    margin-left: 170px;
  }

  .mg-y-170--desk {
    margin-top: 170px;
    margin-bottom: 170px;
  }

  .mg-x-170--desk {
    margin-left: 170px;
    margin-right: 170px;
  }

  .pt-175--desk {
    padding-top: 175px;
  }

  .pr-175--desk {
    padding-right: 175px;
  }

  .pb-175--desk {
    padding-bottom: 175px;
  }

  .pl-175--desk {
    padding-left: 175px;
  }

  .pd-y-175--desk {
    padding-top: 175px;
    padding-bottom: 175px;
  }

  .pd-x-175--desk {
    padding-left: 175px;
    padding-right: 175px;
  }

  .mt-175--desk {
    margin-top: 175px;
  }

  .mr-175--desk {
    margin-right: 175px;
  }

  .mb-175--desk {
    margin-bottom: 175px;
  }

  .ml-175--desk {
    margin-left: 175px;
  }

  .mg-y-175--desk {
    margin-top: 175px;
    margin-bottom: 175px;
  }

  .mg-x-175--desk {
    margin-left: 175px;
    margin-right: 175px;
  }

  .pt-180--desk {
    padding-top: 180px;
  }

  .pr-180--desk {
    padding-right: 180px;
  }

  .pb-180--desk {
    padding-bottom: 180px;
  }

  .pl-180--desk {
    padding-left: 180px;
  }

  .pd-y-180--desk {
    padding-top: 180px;
    padding-bottom: 180px;
  }

  .pd-x-180--desk {
    padding-left: 180px;
    padding-right: 180px;
  }

  .mt-180--desk {
    margin-top: 180px;
  }

  .mr-180--desk {
    margin-right: 180px;
  }

  .mb-180--desk {
    margin-bottom: 180px;
  }

  .ml-180--desk {
    margin-left: 180px;
  }

  .mg-y-180--desk {
    margin-top: 180px;
    margin-bottom: 180px;
  }

  .mg-x-180--desk {
    margin-left: 180px;
    margin-right: 180px;
  }

  .pt-185--desk {
    padding-top: 185px;
  }

  .pr-185--desk {
    padding-right: 185px;
  }

  .pb-185--desk {
    padding-bottom: 185px;
  }

  .pl-185--desk {
    padding-left: 185px;
  }

  .pd-y-185--desk {
    padding-top: 185px;
    padding-bottom: 185px;
  }

  .pd-x-185--desk {
    padding-left: 185px;
    padding-right: 185px;
  }

  .mt-185--desk {
    margin-top: 185px;
  }

  .mr-185--desk {
    margin-right: 185px;
  }

  .mb-185--desk {
    margin-bottom: 185px;
  }

  .ml-185--desk {
    margin-left: 185px;
  }

  .mg-y-185--desk {
    margin-top: 185px;
    margin-bottom: 185px;
  }

  .mg-x-185--desk {
    margin-left: 185px;
    margin-right: 185px;
  }

  .pt-190--desk {
    padding-top: 190px;
  }

  .pr-190--desk {
    padding-right: 190px;
  }

  .pb-190--desk {
    padding-bottom: 190px;
  }

  .pl-190--desk {
    padding-left: 190px;
  }

  .pd-y-190--desk {
    padding-top: 190px;
    padding-bottom: 190px;
  }

  .pd-x-190--desk {
    padding-left: 190px;
    padding-right: 190px;
  }

  .mt-190--desk {
    margin-top: 190px;
  }

  .mr-190--desk {
    margin-right: 190px;
  }

  .mb-190--desk {
    margin-bottom: 190px;
  }

  .ml-190--desk {
    margin-left: 190px;
  }

  .mg-y-190--desk {
    margin-top: 190px;
    margin-bottom: 190px;
  }

  .mg-x-190--desk {
    margin-left: 190px;
    margin-right: 190px;
  }

  .pt-195--desk {
    padding-top: 195px;
  }

  .pr-195--desk {
    padding-right: 195px;
  }

  .pb-195--desk {
    padding-bottom: 195px;
  }

  .pl-195--desk {
    padding-left: 195px;
  }

  .pd-y-195--desk {
    padding-top: 195px;
    padding-bottom: 195px;
  }

  .pd-x-195--desk {
    padding-left: 195px;
    padding-right: 195px;
  }

  .mt-195--desk {
    margin-top: 195px;
  }

  .mr-195--desk {
    margin-right: 195px;
  }

  .mb-195--desk {
    margin-bottom: 195px;
  }

  .ml-195--desk {
    margin-left: 195px;
  }

  .mg-y-195--desk {
    margin-top: 195px;
    margin-bottom: 195px;
  }

  .mg-x-195--desk {
    margin-left: 195px;
    margin-right: 195px;
  }

  .pt-200--desk {
    padding-top: 200px;
  }

  .pr-200--desk {
    padding-right: 200px;
  }

  .pb-200--desk {
    padding-bottom: 200px;
  }

  .pl-200--desk {
    padding-left: 200px;
  }

  .pd-y-200--desk {
    padding-top: 200px;
    padding-bottom: 200px;
  }

  .pd-x-200--desk {
    padding-left: 200px;
    padding-right: 200px;
  }

  .mt-200--desk {
    margin-top: 200px;
  }

  .mr-200--desk {
    margin-right: 200px;
  }

  .mb-200--desk {
    margin-bottom: 200px;
  }

  .ml-200--desk {
    margin-left: 200px;
  }

  .mg-y-200--desk {
    margin-top: 200px;
    margin-bottom: 200px;
  }

  .mg-x-200--desk {
    margin-left: 200px;
    margin-right: 200px;
  }
}
@media screen and (min-width: 600px) {
  .pt-5--sm {
    padding-top: 5px;
  }

  .pr-5--sm {
    padding-right: 5px;
  }

  .pb-5--sm {
    padding-bottom: 5px;
  }

  .pl-5--sm {
    padding-left: 5px;
  }

  .pd-y-5--sm {
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .pd-x-5--sm {
    padding-left: 5px;
    padding-right: 5px;
  }

  .mt-5--sm {
    margin-top: 5px;
  }

  .mr-5--sm {
    margin-right: 5px;
  }

  .mb-5--sm {
    margin-bottom: 5px;
  }

  .ml-5--sm {
    margin-left: 5px;
  }

  .mg-y-5--sm {
    margin-top: 5px;
    margin-bottom: 5px;
  }

  .mg-x-5--sm {
    margin-left: 5px;
    margin-right: 5px;
  }

  .pt-10--sm {
    padding-top: 10px;
  }

  .pr-10--sm {
    padding-right: 10px;
  }

  .pb-10--sm {
    padding-bottom: 10px;
  }

  .pl-10--sm {
    padding-left: 10px;
  }

  .pd-y-10--sm {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .pd-x-10--sm {
    padding-left: 10px;
    padding-right: 10px;
  }

  .mt-10--sm {
    margin-top: 10px;
  }

  .mr-10--sm {
    margin-right: 10px;
  }

  .mb-10--sm {
    margin-bottom: 10px;
  }

  .ml-10--sm {
    margin-left: 10px;
  }

  .mg-y-10--sm {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .mg-x-10--sm {
    margin-left: 10px;
    margin-right: 10px;
  }

  .pt-15--sm {
    padding-top: 15px;
  }

  .pr-15--sm {
    padding-right: 15px;
  }

  .pb-15--sm {
    padding-bottom: 15px;
  }

  .pl-15--sm {
    padding-left: 15px;
  }

  .pd-y-15--sm {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .pd-x-15--sm {
    padding-left: 15px;
    padding-right: 15px;
  }

  .mt-15--sm {
    margin-top: 15px;
  }

  .mr-15--sm {
    margin-right: 15px;
  }

  .mb-15--sm {
    margin-bottom: 15px;
  }

  .ml-15--sm {
    margin-left: 15px;
  }

  .mg-y-15--sm {
    margin-top: 15px;
    margin-bottom: 15px;
  }

  .mg-x-15--sm {
    margin-left: 15px;
    margin-right: 15px;
  }

  .pt-20--sm {
    padding-top: 20px;
  }

  .pr-20--sm {
    padding-right: 20px;
  }

  .pb-20--sm {
    padding-bottom: 20px;
  }

  .pl-20--sm {
    padding-left: 20px;
  }

  .pd-y-20--sm {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .pd-x-20--sm {
    padding-left: 20px;
    padding-right: 20px;
  }

  .mt-20--sm {
    margin-top: 20px;
  }

  .mr-20--sm {
    margin-right: 20px;
  }

  .mb-20--sm {
    margin-bottom: 20px;
  }

  .ml-20--sm {
    margin-left: 20px;
  }

  .mg-y-20--sm {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .mg-x-20--sm {
    margin-left: 20px;
    margin-right: 20px;
  }

  .pt-25--sm {
    padding-top: 25px;
  }

  .pr-25--sm {
    padding-right: 25px;
  }

  .pb-25--sm {
    padding-bottom: 25px;
  }

  .pl-25--sm {
    padding-left: 25px;
  }

  .pd-y-25--sm {
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .pd-x-25--sm {
    padding-left: 25px;
    padding-right: 25px;
  }

  .mt-25--sm {
    margin-top: 25px;
  }

  .mr-25--sm {
    margin-right: 25px;
  }

  .mb-25--sm {
    margin-bottom: 25px;
  }

  .ml-25--sm {
    margin-left: 25px;
  }

  .mg-y-25--sm {
    margin-top: 25px;
    margin-bottom: 25px;
  }

  .mg-x-25--sm {
    margin-left: 25px;
    margin-right: 25px;
  }

  .pt-30--sm {
    padding-top: 30px;
  }

  .pr-30--sm {
    padding-right: 30px;
  }

  .pb-30--sm {
    padding-bottom: 30px;
  }

  .pl-30--sm {
    padding-left: 30px;
  }

  .pd-y-30--sm {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .pd-x-30--sm {
    padding-left: 30px;
    padding-right: 30px;
  }

  .mt-30--sm {
    margin-top: 30px;
  }

  .mr-30--sm {
    margin-right: 30px;
  }

  .mb-30--sm {
    margin-bottom: 30px;
  }

  .ml-30--sm {
    margin-left: 30px;
  }

  .mg-y-30--sm {
    margin-top: 30px;
    margin-bottom: 30px;
  }

  .mg-x-30--sm {
    margin-left: 30px;
    margin-right: 30px;
  }

  .pt-35--sm {
    padding-top: 35px;
  }

  .pr-35--sm {
    padding-right: 35px;
  }

  .pb-35--sm {
    padding-bottom: 35px;
  }

  .pl-35--sm {
    padding-left: 35px;
  }

  .pd-y-35--sm {
    padding-top: 35px;
    padding-bottom: 35px;
  }

  .pd-x-35--sm {
    padding-left: 35px;
    padding-right: 35px;
  }

  .mt-35--sm {
    margin-top: 35px;
  }

  .mr-35--sm {
    margin-right: 35px;
  }

  .mb-35--sm {
    margin-bottom: 35px;
  }

  .ml-35--sm {
    margin-left: 35px;
  }

  .mg-y-35--sm {
    margin-top: 35px;
    margin-bottom: 35px;
  }

  .mg-x-35--sm {
    margin-left: 35px;
    margin-right: 35px;
  }

  .pt-40--sm {
    padding-top: 40px;
  }

  .pr-40--sm {
    padding-right: 40px;
  }

  .pb-40--sm {
    padding-bottom: 40px;
  }

  .pl-40--sm {
    padding-left: 40px;
  }

  .pd-y-40--sm {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .pd-x-40--sm {
    padding-left: 40px;
    padding-right: 40px;
  }

  .mt-40--sm {
    margin-top: 40px;
  }

  .mr-40--sm {
    margin-right: 40px;
  }

  .mb-40--sm {
    margin-bottom: 40px;
  }

  .ml-40--sm {
    margin-left: 40px;
  }

  .mg-y-40--sm {
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .mg-x-40--sm {
    margin-left: 40px;
    margin-right: 40px;
  }

  .pt-45--sm {
    padding-top: 45px;
  }

  .pr-45--sm {
    padding-right: 45px;
  }

  .pb-45--sm {
    padding-bottom: 45px;
  }

  .pl-45--sm {
    padding-left: 45px;
  }

  .pd-y-45--sm {
    padding-top: 45px;
    padding-bottom: 45px;
  }

  .pd-x-45--sm {
    padding-left: 45px;
    padding-right: 45px;
  }

  .mt-45--sm {
    margin-top: 45px;
  }

  .mr-45--sm {
    margin-right: 45px;
  }

  .mb-45--sm {
    margin-bottom: 45px;
  }

  .ml-45--sm {
    margin-left: 45px;
  }

  .mg-y-45--sm {
    margin-top: 45px;
    margin-bottom: 45px;
  }

  .mg-x-45--sm {
    margin-left: 45px;
    margin-right: 45px;
  }

  .pt-50--sm {
    padding-top: 50px;
  }

  .pr-50--sm {
    padding-right: 50px;
  }

  .pb-50--sm {
    padding-bottom: 50px;
  }

  .pl-50--sm {
    padding-left: 50px;
  }

  .pd-y-50--sm {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .pd-x-50--sm {
    padding-left: 50px;
    padding-right: 50px;
  }

  .mt-50--sm {
    margin-top: 50px;
  }

  .mr-50--sm {
    margin-right: 50px;
  }

  .mb-50--sm {
    margin-bottom: 50px;
  }

  .ml-50--sm {
    margin-left: 50px;
  }

  .mg-y-50--sm {
    margin-top: 50px;
    margin-bottom: 50px;
  }

  .mg-x-50--sm {
    margin-left: 50px;
    margin-right: 50px;
  }

  .pt-55--sm {
    padding-top: 55px;
  }

  .pr-55--sm {
    padding-right: 55px;
  }

  .pb-55--sm {
    padding-bottom: 55px;
  }

  .pl-55--sm {
    padding-left: 55px;
  }

  .pd-y-55--sm {
    padding-top: 55px;
    padding-bottom: 55px;
  }

  .pd-x-55--sm {
    padding-left: 55px;
    padding-right: 55px;
  }

  .mt-55--sm {
    margin-top: 55px;
  }

  .mr-55--sm {
    margin-right: 55px;
  }

  .mb-55--sm {
    margin-bottom: 55px;
  }

  .ml-55--sm {
    margin-left: 55px;
  }

  .mg-y-55--sm {
    margin-top: 55px;
    margin-bottom: 55px;
  }

  .mg-x-55--sm {
    margin-left: 55px;
    margin-right: 55px;
  }

  .pt-60--sm {
    padding-top: 60px;
  }

  .pr-60--sm {
    padding-right: 60px;
  }

  .pb-60--sm {
    padding-bottom: 60px;
  }

  .pl-60--sm {
    padding-left: 60px;
  }

  .pd-y-60--sm {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .pd-x-60--sm {
    padding-left: 60px;
    padding-right: 60px;
  }

  .mt-60--sm {
    margin-top: 60px;
  }

  .mr-60--sm {
    margin-right: 60px;
  }

  .mb-60--sm {
    margin-bottom: 60px;
  }

  .ml-60--sm {
    margin-left: 60px;
  }

  .mg-y-60--sm {
    margin-top: 60px;
    margin-bottom: 60px;
  }

  .mg-x-60--sm {
    margin-left: 60px;
    margin-right: 60px;
  }

  .pt-65--sm {
    padding-top: 65px;
  }

  .pr-65--sm {
    padding-right: 65px;
  }

  .pb-65--sm {
    padding-bottom: 65px;
  }

  .pl-65--sm {
    padding-left: 65px;
  }

  .pd-y-65--sm {
    padding-top: 65px;
    padding-bottom: 65px;
  }

  .pd-x-65--sm {
    padding-left: 65px;
    padding-right: 65px;
  }

  .mt-65--sm {
    margin-top: 65px;
  }

  .mr-65--sm {
    margin-right: 65px;
  }

  .mb-65--sm {
    margin-bottom: 65px;
  }

  .ml-65--sm {
    margin-left: 65px;
  }

  .mg-y-65--sm {
    margin-top: 65px;
    margin-bottom: 65px;
  }

  .mg-x-65--sm {
    margin-left: 65px;
    margin-right: 65px;
  }

  .pt-70--sm {
    padding-top: 70px;
  }

  .pr-70--sm {
    padding-right: 70px;
  }

  .pb-70--sm {
    padding-bottom: 70px;
  }

  .pl-70--sm {
    padding-left: 70px;
  }

  .pd-y-70--sm {
    padding-top: 70px;
    padding-bottom: 70px;
  }

  .pd-x-70--sm {
    padding-left: 70px;
    padding-right: 70px;
  }

  .mt-70--sm {
    margin-top: 70px;
  }

  .mr-70--sm {
    margin-right: 70px;
  }

  .mb-70--sm {
    margin-bottom: 70px;
  }

  .ml-70--sm {
    margin-left: 70px;
  }

  .mg-y-70--sm {
    margin-top: 70px;
    margin-bottom: 70px;
  }

  .mg-x-70--sm {
    margin-left: 70px;
    margin-right: 70px;
  }

  .pt-75--sm {
    padding-top: 75px;
  }

  .pr-75--sm {
    padding-right: 75px;
  }

  .pb-75--sm {
    padding-bottom: 75px;
  }

  .pl-75--sm {
    padding-left: 75px;
  }

  .pd-y-75--sm {
    padding-top: 75px;
    padding-bottom: 75px;
  }

  .pd-x-75--sm {
    padding-left: 75px;
    padding-right: 75px;
  }

  .mt-75--sm {
    margin-top: 75px;
  }

  .mr-75--sm {
    margin-right: 75px;
  }

  .mb-75--sm {
    margin-bottom: 75px;
  }

  .ml-75--sm {
    margin-left: 75px;
  }

  .mg-y-75--sm {
    margin-top: 75px;
    margin-bottom: 75px;
  }

  .mg-x-75--sm {
    margin-left: 75px;
    margin-right: 75px;
  }

  .pt-80--sm {
    padding-top: 80px;
  }

  .pr-80--sm {
    padding-right: 80px;
  }

  .pb-80--sm {
    padding-bottom: 80px;
  }

  .pl-80--sm {
    padding-left: 80px;
  }

  .pd-y-80--sm {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .pd-x-80--sm {
    padding-left: 80px;
    padding-right: 80px;
  }

  .mt-80--sm {
    margin-top: 80px;
  }

  .mr-80--sm {
    margin-right: 80px;
  }

  .mb-80--sm {
    margin-bottom: 80px;
  }

  .ml-80--sm {
    margin-left: 80px;
  }

  .mg-y-80--sm {
    margin-top: 80px;
    margin-bottom: 80px;
  }

  .mg-x-80--sm {
    margin-left: 80px;
    margin-right: 80px;
  }

  .pt-85--sm {
    padding-top: 85px;
  }

  .pr-85--sm {
    padding-right: 85px;
  }

  .pb-85--sm {
    padding-bottom: 85px;
  }

  .pl-85--sm {
    padding-left: 85px;
  }

  .pd-y-85--sm {
    padding-top: 85px;
    padding-bottom: 85px;
  }

  .pd-x-85--sm {
    padding-left: 85px;
    padding-right: 85px;
  }

  .mt-85--sm {
    margin-top: 85px;
  }

  .mr-85--sm {
    margin-right: 85px;
  }

  .mb-85--sm {
    margin-bottom: 85px;
  }

  .ml-85--sm {
    margin-left: 85px;
  }

  .mg-y-85--sm {
    margin-top: 85px;
    margin-bottom: 85px;
  }

  .mg-x-85--sm {
    margin-left: 85px;
    margin-right: 85px;
  }

  .pt-90--sm {
    padding-top: 90px;
  }

  .pr-90--sm {
    padding-right: 90px;
  }

  .pb-90--sm {
    padding-bottom: 90px;
  }

  .pl-90--sm {
    padding-left: 90px;
  }

  .pd-y-90--sm {
    padding-top: 90px;
    padding-bottom: 90px;
  }

  .pd-x-90--sm {
    padding-left: 90px;
    padding-right: 90px;
  }

  .mt-90--sm {
    margin-top: 90px;
  }

  .mr-90--sm {
    margin-right: 90px;
  }

  .mb-90--sm {
    margin-bottom: 90px;
  }

  .ml-90--sm {
    margin-left: 90px;
  }

  .mg-y-90--sm {
    margin-top: 90px;
    margin-bottom: 90px;
  }

  .mg-x-90--sm {
    margin-left: 90px;
    margin-right: 90px;
  }

  .pt-95--sm {
    padding-top: 95px;
  }

  .pr-95--sm {
    padding-right: 95px;
  }

  .pb-95--sm {
    padding-bottom: 95px;
  }

  .pl-95--sm {
    padding-left: 95px;
  }

  .pd-y-95--sm {
    padding-top: 95px;
    padding-bottom: 95px;
  }

  .pd-x-95--sm {
    padding-left: 95px;
    padding-right: 95px;
  }

  .mt-95--sm {
    margin-top: 95px;
  }

  .mr-95--sm {
    margin-right: 95px;
  }

  .mb-95--sm {
    margin-bottom: 95px;
  }

  .ml-95--sm {
    margin-left: 95px;
  }

  .mg-y-95--sm {
    margin-top: 95px;
    margin-bottom: 95px;
  }

  .mg-x-95--sm {
    margin-left: 95px;
    margin-right: 95px;
  }

  .pt-100--sm {
    padding-top: 100px;
  }

  .pr-100--sm {
    padding-right: 100px;
  }

  .pb-100--sm {
    padding-bottom: 100px;
  }

  .pl-100--sm {
    padding-left: 100px;
  }

  .pd-y-100--sm {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .pd-x-100--sm {
    padding-left: 100px;
    padding-right: 100px;
  }

  .mt-100--sm {
    margin-top: 100px;
  }

  .mr-100--sm {
    margin-right: 100px;
  }

  .mb-100--sm {
    margin-bottom: 100px;
  }

  .ml-100--sm {
    margin-left: 100px;
  }

  .mg-y-100--sm {
    margin-top: 100px;
    margin-bottom: 100px;
  }

  .mg-x-100--sm {
    margin-left: 100px;
    margin-right: 100px;
  }

  .pt-105--sm {
    padding-top: 105px;
  }

  .pr-105--sm {
    padding-right: 105px;
  }

  .pb-105--sm {
    padding-bottom: 105px;
  }

  .pl-105--sm {
    padding-left: 105px;
  }

  .pd-y-105--sm {
    padding-top: 105px;
    padding-bottom: 105px;
  }

  .pd-x-105--sm {
    padding-left: 105px;
    padding-right: 105px;
  }

  .mt-105--sm {
    margin-top: 105px;
  }

  .mr-105--sm {
    margin-right: 105px;
  }

  .mb-105--sm {
    margin-bottom: 105px;
  }

  .ml-105--sm {
    margin-left: 105px;
  }

  .mg-y-105--sm {
    margin-top: 105px;
    margin-bottom: 105px;
  }

  .mg-x-105--sm {
    margin-left: 105px;
    margin-right: 105px;
  }

  .pt-110--sm {
    padding-top: 110px;
  }

  .pr-110--sm {
    padding-right: 110px;
  }

  .pb-110--sm {
    padding-bottom: 110px;
  }

  .pl-110--sm {
    padding-left: 110px;
  }

  .pd-y-110--sm {
    padding-top: 110px;
    padding-bottom: 110px;
  }

  .pd-x-110--sm {
    padding-left: 110px;
    padding-right: 110px;
  }

  .mt-110--sm {
    margin-top: 110px;
  }

  .mr-110--sm {
    margin-right: 110px;
  }

  .mb-110--sm {
    margin-bottom: 110px;
  }

  .ml-110--sm {
    margin-left: 110px;
  }

  .mg-y-110--sm {
    margin-top: 110px;
    margin-bottom: 110px;
  }

  .mg-x-110--sm {
    margin-left: 110px;
    margin-right: 110px;
  }

  .pt-115--sm {
    padding-top: 115px;
  }

  .pr-115--sm {
    padding-right: 115px;
  }

  .pb-115--sm {
    padding-bottom: 115px;
  }

  .pl-115--sm {
    padding-left: 115px;
  }

  .pd-y-115--sm {
    padding-top: 115px;
    padding-bottom: 115px;
  }

  .pd-x-115--sm {
    padding-left: 115px;
    padding-right: 115px;
  }

  .mt-115--sm {
    margin-top: 115px;
  }

  .mr-115--sm {
    margin-right: 115px;
  }

  .mb-115--sm {
    margin-bottom: 115px;
  }

  .ml-115--sm {
    margin-left: 115px;
  }

  .mg-y-115--sm {
    margin-top: 115px;
    margin-bottom: 115px;
  }

  .mg-x-115--sm {
    margin-left: 115px;
    margin-right: 115px;
  }

  .pt-120--sm {
    padding-top: 120px;
  }

  .pr-120--sm {
    padding-right: 120px;
  }

  .pb-120--sm {
    padding-bottom: 120px;
  }

  .pl-120--sm {
    padding-left: 120px;
  }

  .pd-y-120--sm {
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .pd-x-120--sm {
    padding-left: 120px;
    padding-right: 120px;
  }

  .mt-120--sm {
    margin-top: 120px;
  }

  .mr-120--sm {
    margin-right: 120px;
  }

  .mb-120--sm {
    margin-bottom: 120px;
  }

  .ml-120--sm {
    margin-left: 120px;
  }

  .mg-y-120--sm {
    margin-top: 120px;
    margin-bottom: 120px;
  }

  .mg-x-120--sm {
    margin-left: 120px;
    margin-right: 120px;
  }

  .pt-125--sm {
    padding-top: 125px;
  }

  .pr-125--sm {
    padding-right: 125px;
  }

  .pb-125--sm {
    padding-bottom: 125px;
  }

  .pl-125--sm {
    padding-left: 125px;
  }

  .pd-y-125--sm {
    padding-top: 125px;
    padding-bottom: 125px;
  }

  .pd-x-125--sm {
    padding-left: 125px;
    padding-right: 125px;
  }

  .mt-125--sm {
    margin-top: 125px;
  }

  .mr-125--sm {
    margin-right: 125px;
  }

  .mb-125--sm {
    margin-bottom: 125px;
  }

  .ml-125--sm {
    margin-left: 125px;
  }

  .mg-y-125--sm {
    margin-top: 125px;
    margin-bottom: 125px;
  }

  .mg-x-125--sm {
    margin-left: 125px;
    margin-right: 125px;
  }

  .pt-130--sm {
    padding-top: 130px;
  }

  .pr-130--sm {
    padding-right: 130px;
  }

  .pb-130--sm {
    padding-bottom: 130px;
  }

  .pl-130--sm {
    padding-left: 130px;
  }

  .pd-y-130--sm {
    padding-top: 130px;
    padding-bottom: 130px;
  }

  .pd-x-130--sm {
    padding-left: 130px;
    padding-right: 130px;
  }

  .mt-130--sm {
    margin-top: 130px;
  }

  .mr-130--sm {
    margin-right: 130px;
  }

  .mb-130--sm {
    margin-bottom: 130px;
  }

  .ml-130--sm {
    margin-left: 130px;
  }

  .mg-y-130--sm {
    margin-top: 130px;
    margin-bottom: 130px;
  }

  .mg-x-130--sm {
    margin-left: 130px;
    margin-right: 130px;
  }

  .pt-135--sm {
    padding-top: 135px;
  }

  .pr-135--sm {
    padding-right: 135px;
  }

  .pb-135--sm {
    padding-bottom: 135px;
  }

  .pl-135--sm {
    padding-left: 135px;
  }

  .pd-y-135--sm {
    padding-top: 135px;
    padding-bottom: 135px;
  }

  .pd-x-135--sm {
    padding-left: 135px;
    padding-right: 135px;
  }

  .mt-135--sm {
    margin-top: 135px;
  }

  .mr-135--sm {
    margin-right: 135px;
  }

  .mb-135--sm {
    margin-bottom: 135px;
  }

  .ml-135--sm {
    margin-left: 135px;
  }

  .mg-y-135--sm {
    margin-top: 135px;
    margin-bottom: 135px;
  }

  .mg-x-135--sm {
    margin-left: 135px;
    margin-right: 135px;
  }

  .pt-140--sm {
    padding-top: 140px;
  }

  .pr-140--sm {
    padding-right: 140px;
  }

  .pb-140--sm {
    padding-bottom: 140px;
  }

  .pl-140--sm {
    padding-left: 140px;
  }

  .pd-y-140--sm {
    padding-top: 140px;
    padding-bottom: 140px;
  }

  .pd-x-140--sm {
    padding-left: 140px;
    padding-right: 140px;
  }

  .mt-140--sm {
    margin-top: 140px;
  }

  .mr-140--sm {
    margin-right: 140px;
  }

  .mb-140--sm {
    margin-bottom: 140px;
  }

  .ml-140--sm {
    margin-left: 140px;
  }

  .mg-y-140--sm {
    margin-top: 140px;
    margin-bottom: 140px;
  }

  .mg-x-140--sm {
    margin-left: 140px;
    margin-right: 140px;
  }

  .pt-145--sm {
    padding-top: 145px;
  }

  .pr-145--sm {
    padding-right: 145px;
  }

  .pb-145--sm {
    padding-bottom: 145px;
  }

  .pl-145--sm {
    padding-left: 145px;
  }

  .pd-y-145--sm {
    padding-top: 145px;
    padding-bottom: 145px;
  }

  .pd-x-145--sm {
    padding-left: 145px;
    padding-right: 145px;
  }

  .mt-145--sm {
    margin-top: 145px;
  }

  .mr-145--sm {
    margin-right: 145px;
  }

  .mb-145--sm {
    margin-bottom: 145px;
  }

  .ml-145--sm {
    margin-left: 145px;
  }

  .mg-y-145--sm {
    margin-top: 145px;
    margin-bottom: 145px;
  }

  .mg-x-145--sm {
    margin-left: 145px;
    margin-right: 145px;
  }

  .pt-150--sm {
    padding-top: 150px;
  }

  .pr-150--sm {
    padding-right: 150px;
  }

  .pb-150--sm {
    padding-bottom: 150px;
  }

  .pl-150--sm {
    padding-left: 150px;
  }

  .pd-y-150--sm {
    padding-top: 150px;
    padding-bottom: 150px;
  }

  .pd-x-150--sm {
    padding-left: 150px;
    padding-right: 150px;
  }

  .mt-150--sm {
    margin-top: 150px;
  }

  .mr-150--sm {
    margin-right: 150px;
  }

  .mb-150--sm {
    margin-bottom: 150px;
  }

  .ml-150--sm {
    margin-left: 150px;
  }

  .mg-y-150--sm {
    margin-top: 150px;
    margin-bottom: 150px;
  }

  .mg-x-150--sm {
    margin-left: 150px;
    margin-right: 150px;
  }

  .pt-155--sm {
    padding-top: 155px;
  }

  .pr-155--sm {
    padding-right: 155px;
  }

  .pb-155--sm {
    padding-bottom: 155px;
  }

  .pl-155--sm {
    padding-left: 155px;
  }

  .pd-y-155--sm {
    padding-top: 155px;
    padding-bottom: 155px;
  }

  .pd-x-155--sm {
    padding-left: 155px;
    padding-right: 155px;
  }

  .mt-155--sm {
    margin-top: 155px;
  }

  .mr-155--sm {
    margin-right: 155px;
  }

  .mb-155--sm {
    margin-bottom: 155px;
  }

  .ml-155--sm {
    margin-left: 155px;
  }

  .mg-y-155--sm {
    margin-top: 155px;
    margin-bottom: 155px;
  }

  .mg-x-155--sm {
    margin-left: 155px;
    margin-right: 155px;
  }

  .pt-160--sm {
    padding-top: 160px;
  }

  .pr-160--sm {
    padding-right: 160px;
  }

  .pb-160--sm {
    padding-bottom: 160px;
  }

  .pl-160--sm {
    padding-left: 160px;
  }

  .pd-y-160--sm {
    padding-top: 160px;
    padding-bottom: 160px;
  }

  .pd-x-160--sm {
    padding-left: 160px;
    padding-right: 160px;
  }

  .mt-160--sm {
    margin-top: 160px;
  }

  .mr-160--sm {
    margin-right: 160px;
  }

  .mb-160--sm {
    margin-bottom: 160px;
  }

  .ml-160--sm {
    margin-left: 160px;
  }

  .mg-y-160--sm {
    margin-top: 160px;
    margin-bottom: 160px;
  }

  .mg-x-160--sm {
    margin-left: 160px;
    margin-right: 160px;
  }

  .pt-165--sm {
    padding-top: 165px;
  }

  .pr-165--sm {
    padding-right: 165px;
  }

  .pb-165--sm {
    padding-bottom: 165px;
  }

  .pl-165--sm {
    padding-left: 165px;
  }

  .pd-y-165--sm {
    padding-top: 165px;
    padding-bottom: 165px;
  }

  .pd-x-165--sm {
    padding-left: 165px;
    padding-right: 165px;
  }

  .mt-165--sm {
    margin-top: 165px;
  }

  .mr-165--sm {
    margin-right: 165px;
  }

  .mb-165--sm {
    margin-bottom: 165px;
  }

  .ml-165--sm {
    margin-left: 165px;
  }

  .mg-y-165--sm {
    margin-top: 165px;
    margin-bottom: 165px;
  }

  .mg-x-165--sm {
    margin-left: 165px;
    margin-right: 165px;
  }

  .pt-170--sm {
    padding-top: 170px;
  }

  .pr-170--sm {
    padding-right: 170px;
  }

  .pb-170--sm {
    padding-bottom: 170px;
  }

  .pl-170--sm {
    padding-left: 170px;
  }

  .pd-y-170--sm {
    padding-top: 170px;
    padding-bottom: 170px;
  }

  .pd-x-170--sm {
    padding-left: 170px;
    padding-right: 170px;
  }

  .mt-170--sm {
    margin-top: 170px;
  }

  .mr-170--sm {
    margin-right: 170px;
  }

  .mb-170--sm {
    margin-bottom: 170px;
  }

  .ml-170--sm {
    margin-left: 170px;
  }

  .mg-y-170--sm {
    margin-top: 170px;
    margin-bottom: 170px;
  }

  .mg-x-170--sm {
    margin-left: 170px;
    margin-right: 170px;
  }

  .pt-175--sm {
    padding-top: 175px;
  }

  .pr-175--sm {
    padding-right: 175px;
  }

  .pb-175--sm {
    padding-bottom: 175px;
  }

  .pl-175--sm {
    padding-left: 175px;
  }

  .pd-y-175--sm {
    padding-top: 175px;
    padding-bottom: 175px;
  }

  .pd-x-175--sm {
    padding-left: 175px;
    padding-right: 175px;
  }

  .mt-175--sm {
    margin-top: 175px;
  }

  .mr-175--sm {
    margin-right: 175px;
  }

  .mb-175--sm {
    margin-bottom: 175px;
  }

  .ml-175--sm {
    margin-left: 175px;
  }

  .mg-y-175--sm {
    margin-top: 175px;
    margin-bottom: 175px;
  }

  .mg-x-175--sm {
    margin-left: 175px;
    margin-right: 175px;
  }

  .pt-180--sm {
    padding-top: 180px;
  }

  .pr-180--sm {
    padding-right: 180px;
  }

  .pb-180--sm {
    padding-bottom: 180px;
  }

  .pl-180--sm {
    padding-left: 180px;
  }

  .pd-y-180--sm {
    padding-top: 180px;
    padding-bottom: 180px;
  }

  .pd-x-180--sm {
    padding-left: 180px;
    padding-right: 180px;
  }

  .mt-180--sm {
    margin-top: 180px;
  }

  .mr-180--sm {
    margin-right: 180px;
  }

  .mb-180--sm {
    margin-bottom: 180px;
  }

  .ml-180--sm {
    margin-left: 180px;
  }

  .mg-y-180--sm {
    margin-top: 180px;
    margin-bottom: 180px;
  }

  .mg-x-180--sm {
    margin-left: 180px;
    margin-right: 180px;
  }

  .pt-185--sm {
    padding-top: 185px;
  }

  .pr-185--sm {
    padding-right: 185px;
  }

  .pb-185--sm {
    padding-bottom: 185px;
  }

  .pl-185--sm {
    padding-left: 185px;
  }

  .pd-y-185--sm {
    padding-top: 185px;
    padding-bottom: 185px;
  }

  .pd-x-185--sm {
    padding-left: 185px;
    padding-right: 185px;
  }

  .mt-185--sm {
    margin-top: 185px;
  }

  .mr-185--sm {
    margin-right: 185px;
  }

  .mb-185--sm {
    margin-bottom: 185px;
  }

  .ml-185--sm {
    margin-left: 185px;
  }

  .mg-y-185--sm {
    margin-top: 185px;
    margin-bottom: 185px;
  }

  .mg-x-185--sm {
    margin-left: 185px;
    margin-right: 185px;
  }

  .pt-190--sm {
    padding-top: 190px;
  }

  .pr-190--sm {
    padding-right: 190px;
  }

  .pb-190--sm {
    padding-bottom: 190px;
  }

  .pl-190--sm {
    padding-left: 190px;
  }

  .pd-y-190--sm {
    padding-top: 190px;
    padding-bottom: 190px;
  }

  .pd-x-190--sm {
    padding-left: 190px;
    padding-right: 190px;
  }

  .mt-190--sm {
    margin-top: 190px;
  }

  .mr-190--sm {
    margin-right: 190px;
  }

  .mb-190--sm {
    margin-bottom: 190px;
  }

  .ml-190--sm {
    margin-left: 190px;
  }

  .mg-y-190--sm {
    margin-top: 190px;
    margin-bottom: 190px;
  }

  .mg-x-190--sm {
    margin-left: 190px;
    margin-right: 190px;
  }

  .pt-195--sm {
    padding-top: 195px;
  }

  .pr-195--sm {
    padding-right: 195px;
  }

  .pb-195--sm {
    padding-bottom: 195px;
  }

  .pl-195--sm {
    padding-left: 195px;
  }

  .pd-y-195--sm {
    padding-top: 195px;
    padding-bottom: 195px;
  }

  .pd-x-195--sm {
    padding-left: 195px;
    padding-right: 195px;
  }

  .mt-195--sm {
    margin-top: 195px;
  }

  .mr-195--sm {
    margin-right: 195px;
  }

  .mb-195--sm {
    margin-bottom: 195px;
  }

  .ml-195--sm {
    margin-left: 195px;
  }

  .mg-y-195--sm {
    margin-top: 195px;
    margin-bottom: 195px;
  }

  .mg-x-195--sm {
    margin-left: 195px;
    margin-right: 195px;
  }

  .pt-200--sm {
    padding-top: 200px;
  }

  .pr-200--sm {
    padding-right: 200px;
  }

  .pb-200--sm {
    padding-bottom: 200px;
  }

  .pl-200--sm {
    padding-left: 200px;
  }

  .pd-y-200--sm {
    padding-top: 200px;
    padding-bottom: 200px;
  }

  .pd-x-200--sm {
    padding-left: 200px;
    padding-right: 200px;
  }

  .mt-200--sm {
    margin-top: 200px;
  }

  .mr-200--sm {
    margin-right: 200px;
  }

  .mb-200--sm {
    margin-bottom: 200px;
  }

  .ml-200--sm {
    margin-left: 200px;
  }

  .mg-y-200--sm {
    margin-top: 200px;
    margin-bottom: 200px;
  }

  .mg-x-200--sm {
    margin-left: 200px;
    margin-right: 200px;
  }
}
.mb-1em {
  margin-bottom: 1em;
}

.mg-x-auto {
  margin-left: auto;
  margin-right: auto;
}

.ml-auto {
  margin-left: auto;
}

.pl-1em {
  padding-left: 1em;
}

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

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

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

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

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

  .text-left-lg {
    text-align: left;
  }
}
.text-indent-1em {
  text-indent: 1em;
}

.text-indent-2em {
  text-indent: 2em;
}

.text-outdent-1em {
  text-indent: -1em;
  padding-left: 1em;
}

.text-outdent-2em {
  text-indent: -2em;
  padding-left: 2em;
}

.text-outdent-3em {
  text-indent: -3em;
  padding-left: 3em;
}

.text-outdent-4em {
  text-indent: -4em;
  padding-left: 4em;
}

.text-decoration-underline {
  text-decoration: underline;
}

.text-decoration-line-through {
  text-decoration: line-through;
}

.color-grey {
  color: #737373;
}

.color-primary {
  color: #234d07;
}

.color-secondary {
  color: #859d75;
}

.color-thirdly {
  color: #577c3e;
}

.color-fourthly {
  color: #7cb0b0;
}

.color-fifthly {
  color: #579f27;
}

.color-sixthly {
  color: #bad4d1;
}

.color-seventhly {
  color: #3c7616;
}

.color-white {
  color: #fff;
}

.color-red {
  color: #cc0606;
}

.color-orange {
  color: #eb6100;
}

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

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

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

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

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

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

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

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

.font-weight-800 {
  font-weight: 800;
}

.font-weight-900 {
  font-weight: 900;
}

.ff-serif {
  font-family: "Noto Serif JP", serif;
}

.ff-sans-serif {
  font-family: "Noto Sans JP", sans-serif;
}

.font-size-10 {
  font-size: 10px;
}

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

.font-size-12 {
  font-size: 12px;
}

.font-size-13 {
  font-size: 13px;
}

.font-size-14 {
  font-size: 14px;
}

.font-size-15 {
  font-size: 15px;
}

.font-size-16 {
  font-size: 16px;
}

.font-size-17 {
  font-size: 17px;
}

.font-size-18 {
  font-size: 18px;
}

.font-size-19 {
  font-size: 19px;
}

.font-size-20 {
  font-size: 20px;
}

.font-size-21 {
  font-size: 21px;
}

.font-size-22 {
  font-size: 22px;
}

.font-size-23 {
  font-size: 23px;
}

.font-size-24 {
  font-size: 24px;
}

.font-size-25 {
  font-size: 25px;
}

.font-size-26 {
  font-size: 26px;
}

.font-size-27 {
  font-size: 27px;
}

.font-size-28 {
  font-size: 28px;
}

.font-size-29 {
  font-size: 29px;
}

.font-size-30 {
  font-size: 30px;
}

@media screen and (min-width: 900px) {
  .font-size-10--pc {
    font-size: 10px;
  }

  .font-size-11--pc {
    font-size: 11px;
  }

  .font-size-12--pc {
    font-size: 12px;
  }

  .font-size-13--pc {
    font-size: 13px;
  }

  .font-size-14--pc {
    font-size: 14px;
  }

  .font-size-15--pc {
    font-size: 15px;
  }

  .font-size-16--pc {
    font-size: 16px;
  }

  .font-size-17--pc {
    font-size: 17px;
  }

  .font-size-18--pc {
    font-size: 18px;
  }

  .font-size-19--pc {
    font-size: 19px;
  }

  .font-size-20--pc {
    font-size: 20px;
  }

  .font-size-21--pc {
    font-size: 21px;
  }

  .font-size-22--pc {
    font-size: 22px;
  }

  .font-size-23--pc {
    font-size: 23px;
  }

  .font-size-24--pc {
    font-size: 24px;
  }

  .font-size-25--pc {
    font-size: 25px;
  }

  .font-size-26--pc {
    font-size: 26px;
  }

  .font-size-27--pc {
    font-size: 27px;
  }

  .font-size-28--pc {
    font-size: 28px;
  }

  .font-size-29--pc {
    font-size: 29px;
  }

  .font-size-30--pc {
    font-size: 30px;
  }
}
.fz-xs {
  font-size: 11px;
}
@media screen and (min-width: 900px) {
  .fz-xs {
    font-size: 13px;
  }
}

.fz-sm {
  font-size: 12px;
}
@media screen and (min-width: 900px) {
  .fz-sm {
    font-size: 14px;
  }
}

.fz-base {
  font-size: 14px;
}
@media screen and (min-width: 900px) {
  .fz-base {
    font-size: 16px;
  }
}

.fz-md {
  font-size: 16px;
}
@media screen and (min-width: 900px) {
  .fz-md {
    font-size: 18px;
  }
}

.fz-lg {
  font-size: 18px;
}
@media screen and (min-width: 900px) {
  .fz-lg {
    font-size: 20px;
  }
}

.fz-xl {
  font-size: 20px;
}
@media screen and (min-width: 900px) {
  .fz-xl {
    font-size: 22px;
  }
}

.fz-xxl {
  font-size: 20px;
}
@media screen and (min-width: 900px) {
  .fz-xxl {
    font-size: 24px;
  }
}

.fz-xxxl {
  font-size: 22px;
}
@media screen and (min-width: 900px) {
  .fz-xxxl {
    font-size: 28px;
  }
}

.fz-xxxxl {
  font-size: 24px;
}
@media screen and (min-width: 900px) {
  .fz-xxxxl {
    font-size: 30px;
  }
}

.fz-xxxxxl {
  font-size: 28px;
}
@media screen and (min-width: 900px) {
  .fz-xxxxxl {
    font-size: 34px;
  }
}

.fz-0\.66em {
  font-size: 0.66em;
}

.ls-0\.1em {
  letter-spacing: 0.1em;
}

.ls-0\.16em {
  letter-spacing: 0.16em;
}

.ls-0\.2em {
  letter-spacing: 0.2em;
}

@media screen and (min-width: 900px) {
  .ls-0\.1em--desk {
    letter-spacing: 0.1em;
  }

  .ls-0\.16em--desk {
    letter-spacing: 0.16em;
  }

  .ls-0\.2em--desk {
    letter-spacing: 0.2em;
  }
}
.line-height-0 {
  line-height: 0;
}

.line-height-1 {
  line-height: 1;
}

.line-height-1\.1 {
  line-height: 1.1;
}

.line-height-1\.2 {
  line-height: 1.2;
}

.line-height-1\.3 {
  line-height: 1.3;
}

.line-height-1\.4 {
  line-height: 1.4;
}

.line-height-1\.5 {
  line-height: 1.5;
}

.line-height-1\.6 {
  line-height: 1.6;
}

.line-height-1\.7 {
  line-height: 1.7;
}

.line-height-1\.8 {
  line-height: 1.8;
}

.line-height-1\.9 {
  line-height: 1.9;
}

.line-height-2 {
  line-height: 2;
}

.line-height-2\.1 {
  line-height: 2.1;
}

.line-height-2\.2 {
  line-height: 2.2;
}

.line-height-2\.3 {
  line-height: 2.3;
}

.line-height-2\.4 {
  line-height: 2.4;
}

.line-height-2\.5 {
  line-height: 2.5;
}

.line-height-2\.6 {
  line-height: 2.6;
}

.line-height-2\.7 {
  line-height: 2.7;
}

.line-height-2\.8 {
  line-height: 2.8;
}

.line-height-2\.9 {
  line-height: 2.9;
}

.line-height-3 {
  line-height: 3;
}

@media screen and (min-width: 900px) {
  .line-height-1--desk {
    line-height: 1;
  }

  .line-height-1\.1--desk {
    line-height: 1.1;
  }

  .line-height-1\.2--desk {
    line-height: 1.2;
  }

  .line-height-1\.3--desk {
    line-height: 1.3;
  }

  .line-height-1\.4--desk {
    line-height: 1.4;
  }

  .line-height-1\.5--desk {
    line-height: 1.5;
  }

  .line-height-1\.6--desk {
    line-height: 1.6;
  }

  .line-height-1\.7--desk {
    line-height: 1.7;
  }

  .line-height-1\.8--desk {
    line-height: 1.8;
  }

  .line-height-1\.9--desk {
    line-height: 1.9;
  }

  .line-height-2--desk {
    line-height: 2;
  }

  .line-height-2\.1--desk {
    line-height: 2.1;
  }

  .line-height-2\.2--desk {
    line-height: 2.2;
  }

  .line-height-2\.3--desk {
    line-height: 2.3;
  }

  .line-height-2\.4--desk {
    line-height: 2.4;
  }

  .line-height-2\.5--desk {
    line-height: 2.5;
  }

  .line-height-2\.6--desk {
    line-height: 2.6;
  }

  .line-height-2\.7--desk {
    line-height: 2.7;
  }

  .line-height-2\.8--desk {
    line-height: 2.8;
  }

  .line-height-2\.9--desk {
    line-height: 2.9;
  }

  .line-height-3--desk {
    line-height: 3;
  }
}
.max-width-10 {
  max-width: 10px;
}

.max-width-20 {
  max-width: 20px;
}

.max-width-30 {
  max-width: 30px;
}

.max-width-40 {
  max-width: 40px;
}

.max-width-50 {
  max-width: 50px;
}

.max-width-60 {
  max-width: 60px;
}

.max-width-70 {
  max-width: 70px;
}

.max-width-80 {
  max-width: 80px;
}

.max-width-90 {
  max-width: 90px;
}

.max-width-100 {
  max-width: 100px;
}

.max-width-110 {
  max-width: 110px;
}

.max-width-120 {
  max-width: 120px;
}

.max-width-130 {
  max-width: 130px;
}

.max-width-140 {
  max-width: 140px;
}

.max-width-150 {
  max-width: 150px;
}

.max-width-160 {
  max-width: 160px;
}

.max-width-170 {
  max-width: 170px;
}

.max-width-180 {
  max-width: 180px;
}

.max-width-190 {
  max-width: 190px;
}

.max-width-200 {
  max-width: 200px;
}

.max-width-210 {
  max-width: 210px;
}

.max-width-220 {
  max-width: 220px;
}

.max-width-230 {
  max-width: 230px;
}

.max-width-240 {
  max-width: 240px;
}

.max-width-250 {
  max-width: 250px;
}

.max-width-260 {
  max-width: 260px;
}

.max-width-270 {
  max-width: 270px;
}

.max-width-280 {
  max-width: 280px;
}

.max-width-290 {
  max-width: 290px;
}

.max-width-300 {
  max-width: 300px;
}

.max-width-310 {
  max-width: 310px;
}

.max-width-320 {
  max-width: 320px;
}

.max-width-330 {
  max-width: 330px;
}

.max-width-340 {
  max-width: 340px;
}

.max-width-350 {
  max-width: 350px;
}

.max-width-360 {
  max-width: 360px;
}

.max-width-370 {
  max-width: 370px;
}

.max-width-380 {
  max-width: 380px;
}

.max-width-390 {
  max-width: 390px;
}

.max-width-400 {
  max-width: 400px;
}

.max-width-410 {
  max-width: 410px;
}

.max-width-420 {
  max-width: 420px;
}

.max-width-430 {
  max-width: 430px;
}

.max-width-440 {
  max-width: 440px;
}

.max-width-450 {
  max-width: 450px;
}

.max-width-460 {
  max-width: 460px;
}

.max-width-470 {
  max-width: 470px;
}

.max-width-480 {
  max-width: 480px;
}

.max-width-490 {
  max-width: 490px;
}

.max-width-500 {
  max-width: 500px;
}

.max-width-510 {
  max-width: 510px;
}

.max-width-520 {
  max-width: 520px;
}

.max-width-530 {
  max-width: 530px;
}

.max-width-540 {
  max-width: 540px;
}

.max-width-550 {
  max-width: 550px;
}

.max-width-560 {
  max-width: 560px;
}

.max-width-570 {
  max-width: 570px;
}

.max-width-580 {
  max-width: 580px;
}

.max-width-590 {
  max-width: 590px;
}

.max-width-600 {
  max-width: 600px;
}

.max-width-610 {
  max-width: 610px;
}

.max-width-620 {
  max-width: 620px;
}

.max-width-630 {
  max-width: 630px;
}

.max-width-640 {
  max-width: 640px;
}

.max-width-650 {
  max-width: 650px;
}

.max-width-660 {
  max-width: 660px;
}

.max-width-670 {
  max-width: 670px;
}

.max-width-680 {
  max-width: 680px;
}

.max-width-690 {
  max-width: 690px;
}

.max-width-700 {
  max-width: 700px;
}

.max-width-710 {
  max-width: 710px;
}

.max-width-720 {
  max-width: 720px;
}

.max-width-730 {
  max-width: 730px;
}

.max-width-740 {
  max-width: 740px;
}

.max-width-750 {
  max-width: 750px;
}

.max-width-760 {
  max-width: 760px;
}

.max-width-770 {
  max-width: 770px;
}

.max-width-780 {
  max-width: 780px;
}

.max-width-790 {
  max-width: 790px;
}

.max-width-800 {
  max-width: 800px;
}

.max-width-810 {
  max-width: 810px;
}

.max-width-820 {
  max-width: 820px;
}

.max-width-830 {
  max-width: 830px;
}

.max-width-840 {
  max-width: 840px;
}

.max-width-850 {
  max-width: 850px;
}

.max-width-860 {
  max-width: 860px;
}

.max-width-870 {
  max-width: 870px;
}

.max-width-880 {
  max-width: 880px;
}

.max-width-890 {
  max-width: 890px;
}

.max-width-900 {
  max-width: 900px;
}

.max-width-910 {
  max-width: 910px;
}

.max-width-920 {
  max-width: 920px;
}

.max-width-930 {
  max-width: 930px;
}

.max-width-940 {
  max-width: 940px;
}

.max-width-950 {
  max-width: 950px;
}

.max-width-960 {
  max-width: 960px;
}

.max-width-970 {
  max-width: 970px;
}

.max-width-980 {
  max-width: 980px;
}

.max-width-990 {
  max-width: 990px;
}

.max-width-1000 {
  max-width: 1000px;
}

.max-width-1010 {
  max-width: 1010px;
}

.max-width-1020 {
  max-width: 1020px;
}

.max-width-1030 {
  max-width: 1030px;
}

.max-width-1040 {
  max-width: 1040px;
}

.max-width-1050 {
  max-width: 1050px;
}

.max-width-1060 {
  max-width: 1060px;
}

.max-width-1070 {
  max-width: 1070px;
}

.max-width-1080 {
  max-width: 1080px;
}

.max-width-1090 {
  max-width: 1090px;
}

.max-width-1100 {
  max-width: 1100px;
}

.max-width-1110 {
  max-width: 1110px;
}

.max-width-1120 {
  max-width: 1120px;
}

.max-width-1130 {
  max-width: 1130px;
}

.max-width-1140 {
  max-width: 1140px;
}

.max-width-1150 {
  max-width: 1150px;
}

.max-width-1160 {
  max-width: 1160px;
}

.max-width-1170 {
  max-width: 1170px;
}

.max-width-1180 {
  max-width: 1180px;
}

.max-width-1190 {
  max-width: 1190px;
}

.max-width-1200 {
  max-width: 1200px;
}

@media screen and (min-width: 900px) {
  .max-width-10--desk {
    max-width: 10px;
  }

  .max-width-20--desk {
    max-width: 20px;
  }

  .max-width-30--desk {
    max-width: 30px;
  }

  .max-width-40--desk {
    max-width: 40px;
  }

  .max-width-50--desk {
    max-width: 50px;
  }

  .max-width-60--desk {
    max-width: 60px;
  }

  .max-width-70--desk {
    max-width: 70px;
  }

  .max-width-80--desk {
    max-width: 80px;
  }

  .max-width-90--desk {
    max-width: 90px;
  }

  .max-width-100--desk {
    max-width: 100px;
  }

  .max-width-110--desk {
    max-width: 110px;
  }

  .max-width-120--desk {
    max-width: 120px;
  }

  .max-width-130--desk {
    max-width: 130px;
  }

  .max-width-140--desk {
    max-width: 140px;
  }

  .max-width-150--desk {
    max-width: 150px;
  }

  .max-width-160--desk {
    max-width: 160px;
  }

  .max-width-170--desk {
    max-width: 170px;
  }

  .max-width-180--desk {
    max-width: 180px;
  }

  .max-width-190--desk {
    max-width: 190px;
  }

  .max-width-200--desk {
    max-width: 200px;
  }

  .max-width-210--desk {
    max-width: 210px;
  }

  .max-width-220--desk {
    max-width: 220px;
  }

  .max-width-230--desk {
    max-width: 230px;
  }

  .max-width-240--desk {
    max-width: 240px;
  }

  .max-width-250--desk {
    max-width: 250px;
  }

  .max-width-260--desk {
    max-width: 260px;
  }

  .max-width-270--desk {
    max-width: 270px;
  }

  .max-width-280--desk {
    max-width: 280px;
  }

  .max-width-290--desk {
    max-width: 290px;
  }

  .max-width-300--desk {
    max-width: 300px;
  }

  .max-width-310--desk {
    max-width: 310px;
  }

  .max-width-320--desk {
    max-width: 320px;
  }

  .max-width-330--desk {
    max-width: 330px;
  }

  .max-width-340--desk {
    max-width: 340px;
  }

  .max-width-350--desk {
    max-width: 350px;
  }

  .max-width-360--desk {
    max-width: 360px;
  }

  .max-width-370--desk {
    max-width: 370px;
  }

  .max-width-380--desk {
    max-width: 380px;
  }

  .max-width-390--desk {
    max-width: 390px;
  }

  .max-width-400--desk {
    max-width: 400px;
  }

  .max-width-410--desk {
    max-width: 410px;
  }

  .max-width-420--desk {
    max-width: 420px;
  }

  .max-width-430--desk {
    max-width: 430px;
  }

  .max-width-440--desk {
    max-width: 440px;
  }

  .max-width-450--desk {
    max-width: 450px;
  }

  .max-width-460--desk {
    max-width: 460px;
  }

  .max-width-470--desk {
    max-width: 470px;
  }

  .max-width-480--desk {
    max-width: 480px;
  }

  .max-width-490--desk {
    max-width: 490px;
  }

  .max-width-500--desk {
    max-width: 500px;
  }

  .max-width-510--desk {
    max-width: 510px;
  }

  .max-width-520--desk {
    max-width: 520px;
  }

  .max-width-530--desk {
    max-width: 530px;
  }

  .max-width-540--desk {
    max-width: 540px;
  }

  .max-width-550--desk {
    max-width: 550px;
  }

  .max-width-560--desk {
    max-width: 560px;
  }

  .max-width-570--desk {
    max-width: 570px;
  }

  .max-width-580--desk {
    max-width: 580px;
  }

  .max-width-590--desk {
    max-width: 590px;
  }

  .max-width-600--desk {
    max-width: 600px;
  }

  .max-width-610--desk {
    max-width: 610px;
  }

  .max-width-620--desk {
    max-width: 620px;
  }

  .max-width-630--desk {
    max-width: 630px;
  }

  .max-width-640--desk {
    max-width: 640px;
  }

  .max-width-650--desk {
    max-width: 650px;
  }

  .max-width-660--desk {
    max-width: 660px;
  }

  .max-width-670--desk {
    max-width: 670px;
  }

  .max-width-680--desk {
    max-width: 680px;
  }

  .max-width-690--desk {
    max-width: 690px;
  }

  .max-width-700--desk {
    max-width: 700px;
  }

  .max-width-710--desk {
    max-width: 710px;
  }

  .max-width-720--desk {
    max-width: 720px;
  }

  .max-width-730--desk {
    max-width: 730px;
  }

  .max-width-740--desk {
    max-width: 740px;
  }

  .max-width-750--desk {
    max-width: 750px;
  }

  .max-width-760--desk {
    max-width: 760px;
  }

  .max-width-770--desk {
    max-width: 770px;
  }

  .max-width-780--desk {
    max-width: 780px;
  }

  .max-width-790--desk {
    max-width: 790px;
  }

  .max-width-800--desk {
    max-width: 800px;
  }

  .max-width-810--desk {
    max-width: 810px;
  }

  .max-width-820--desk {
    max-width: 820px;
  }

  .max-width-830--desk {
    max-width: 830px;
  }

  .max-width-840--desk {
    max-width: 840px;
  }

  .max-width-850--desk {
    max-width: 850px;
  }

  .max-width-860--desk {
    max-width: 860px;
  }

  .max-width-870--desk {
    max-width: 870px;
  }

  .max-width-880--desk {
    max-width: 880px;
  }

  .max-width-890--desk {
    max-width: 890px;
  }

  .max-width-900--desk {
    max-width: 900px;
  }

  .max-width-910--desk {
    max-width: 910px;
  }

  .max-width-920--desk {
    max-width: 920px;
  }

  .max-width-930--desk {
    max-width: 930px;
  }

  .max-width-940--desk {
    max-width: 940px;
  }

  .max-width-950--desk {
    max-width: 950px;
  }

  .max-width-960--desk {
    max-width: 960px;
  }

  .max-width-970--desk {
    max-width: 970px;
  }

  .max-width-980--desk {
    max-width: 980px;
  }

  .max-width-990--desk {
    max-width: 990px;
  }

  .max-width-1000--desk {
    max-width: 1000px;
  }

  .max-width-1010--desk {
    max-width: 1010px;
  }

  .max-width-1020--desk {
    max-width: 1020px;
  }

  .max-width-1030--desk {
    max-width: 1030px;
  }

  .max-width-1040--desk {
    max-width: 1040px;
  }

  .max-width-1050--desk {
    max-width: 1050px;
  }

  .max-width-1060--desk {
    max-width: 1060px;
  }

  .max-width-1070--desk {
    max-width: 1070px;
  }

  .max-width-1080--desk {
    max-width: 1080px;
  }

  .max-width-1090--desk {
    max-width: 1090px;
  }

  .max-width-1100--desk {
    max-width: 1100px;
  }

  .max-width-1110--desk {
    max-width: 1110px;
  }

  .max-width-1120--desk {
    max-width: 1120px;
  }

  .max-width-1130--desk {
    max-width: 1130px;
  }

  .max-width-1140--desk {
    max-width: 1140px;
  }

  .max-width-1150--desk {
    max-width: 1150px;
  }

  .max-width-1160--desk {
    max-width: 1160px;
  }

  .max-width-1170--desk {
    max-width: 1170px;
  }

  .max-width-1180--desk {
    max-width: 1180px;
  }

  .max-width-1190--desk {
    max-width: 1190px;
  }

  .max-width-1200--desk {
    max-width: 1200px;
  }
}
@media screen and (min-width: 750px) {
  .max-width-10--md {
    max-width: 10px;
  }

  .max-width-20--md {
    max-width: 20px;
  }

  .max-width-30--md {
    max-width: 30px;
  }

  .max-width-40--md {
    max-width: 40px;
  }

  .max-width-50--md {
    max-width: 50px;
  }

  .max-width-60--md {
    max-width: 60px;
  }

  .max-width-70--md {
    max-width: 70px;
  }

  .max-width-80--md {
    max-width: 80px;
  }

  .max-width-90--md {
    max-width: 90px;
  }

  .max-width-100--md {
    max-width: 100px;
  }

  .max-width-110--md {
    max-width: 110px;
  }

  .max-width-120--md {
    max-width: 120px;
  }

  .max-width-130--md {
    max-width: 130px;
  }

  .max-width-140--md {
    max-width: 140px;
  }

  .max-width-150--md {
    max-width: 150px;
  }

  .max-width-160--md {
    max-width: 160px;
  }

  .max-width-170--md {
    max-width: 170px;
  }

  .max-width-180--md {
    max-width: 180px;
  }

  .max-width-190--md {
    max-width: 190px;
  }

  .max-width-200--md {
    max-width: 200px;
  }

  .max-width-210--md {
    max-width: 210px;
  }

  .max-width-220--md {
    max-width: 220px;
  }

  .max-width-230--md {
    max-width: 230px;
  }

  .max-width-240--md {
    max-width: 240px;
  }

  .max-width-250--md {
    max-width: 250px;
  }

  .max-width-260--md {
    max-width: 260px;
  }

  .max-width-270--md {
    max-width: 270px;
  }

  .max-width-280--md {
    max-width: 280px;
  }

  .max-width-290--md {
    max-width: 290px;
  }

  .max-width-300--md {
    max-width: 300px;
  }

  .max-width-310--md {
    max-width: 310px;
  }

  .max-width-320--md {
    max-width: 320px;
  }

  .max-width-330--md {
    max-width: 330px;
  }

  .max-width-340--md {
    max-width: 340px;
  }

  .max-width-350--md {
    max-width: 350px;
  }

  .max-width-360--md {
    max-width: 360px;
  }

  .max-width-370--md {
    max-width: 370px;
  }

  .max-width-380--md {
    max-width: 380px;
  }

  .max-width-390--md {
    max-width: 390px;
  }

  .max-width-400--md {
    max-width: 400px;
  }

  .max-width-410--md {
    max-width: 410px;
  }

  .max-width-420--md {
    max-width: 420px;
  }

  .max-width-430--md {
    max-width: 430px;
  }

  .max-width-440--md {
    max-width: 440px;
  }

  .max-width-450--md {
    max-width: 450px;
  }

  .max-width-460--md {
    max-width: 460px;
  }

  .max-width-470--md {
    max-width: 470px;
  }

  .max-width-480--md {
    max-width: 480px;
  }

  .max-width-490--md {
    max-width: 490px;
  }

  .max-width-500--md {
    max-width: 500px;
  }

  .max-width-510--md {
    max-width: 510px;
  }

  .max-width-520--md {
    max-width: 520px;
  }

  .max-width-530--md {
    max-width: 530px;
  }

  .max-width-540--md {
    max-width: 540px;
  }

  .max-width-550--md {
    max-width: 550px;
  }

  .max-width-560--md {
    max-width: 560px;
  }

  .max-width-570--md {
    max-width: 570px;
  }

  .max-width-580--md {
    max-width: 580px;
  }

  .max-width-590--md {
    max-width: 590px;
  }

  .max-width-600--md {
    max-width: 600px;
  }

  .max-width-610--md {
    max-width: 610px;
  }

  .max-width-620--md {
    max-width: 620px;
  }

  .max-width-630--md {
    max-width: 630px;
  }

  .max-width-640--md {
    max-width: 640px;
  }

  .max-width-650--md {
    max-width: 650px;
  }

  .max-width-660--md {
    max-width: 660px;
  }

  .max-width-670--md {
    max-width: 670px;
  }

  .max-width-680--md {
    max-width: 680px;
  }

  .max-width-690--md {
    max-width: 690px;
  }

  .max-width-700--md {
    max-width: 700px;
  }

  .max-width-710--md {
    max-width: 710px;
  }

  .max-width-720--md {
    max-width: 720px;
  }

  .max-width-730--md {
    max-width: 730px;
  }

  .max-width-740--md {
    max-width: 740px;
  }

  .max-width-750--md {
    max-width: 750px;
  }

  .max-width-760--md {
    max-width: 760px;
  }

  .max-width-770--md {
    max-width: 770px;
  }

  .max-width-780--md {
    max-width: 780px;
  }

  .max-width-790--md {
    max-width: 790px;
  }

  .max-width-800--md {
    max-width: 800px;
  }

  .max-width-810--md {
    max-width: 810px;
  }

  .max-width-820--md {
    max-width: 820px;
  }

  .max-width-830--md {
    max-width: 830px;
  }

  .max-width-840--md {
    max-width: 840px;
  }

  .max-width-850--md {
    max-width: 850px;
  }

  .max-width-860--md {
    max-width: 860px;
  }

  .max-width-870--md {
    max-width: 870px;
  }

  .max-width-880--md {
    max-width: 880px;
  }

  .max-width-890--md {
    max-width: 890px;
  }

  .max-width-900--md {
    max-width: 900px;
  }

  .max-width-910--md {
    max-width: 910px;
  }

  .max-width-920--md {
    max-width: 920px;
  }

  .max-width-930--md {
    max-width: 930px;
  }

  .max-width-940--md {
    max-width: 940px;
  }

  .max-width-950--md {
    max-width: 950px;
  }

  .max-width-960--md {
    max-width: 960px;
  }

  .max-width-970--md {
    max-width: 970px;
  }

  .max-width-980--md {
    max-width: 980px;
  }

  .max-width-990--md {
    max-width: 990px;
  }

  .max-width-1000--md {
    max-width: 1000px;
  }

  .max-width-1010--md {
    max-width: 1010px;
  }

  .max-width-1020--md {
    max-width: 1020px;
  }

  .max-width-1030--md {
    max-width: 1030px;
  }

  .max-width-1040--md {
    max-width: 1040px;
  }

  .max-width-1050--md {
    max-width: 1050px;
  }

  .max-width-1060--md {
    max-width: 1060px;
  }

  .max-width-1070--md {
    max-width: 1070px;
  }

  .max-width-1080--md {
    max-width: 1080px;
  }

  .max-width-1090--md {
    max-width: 1090px;
  }

  .max-width-1100--md {
    max-width: 1100px;
  }

  .max-width-1110--md {
    max-width: 1110px;
  }

  .max-width-1120--md {
    max-width: 1120px;
  }

  .max-width-1130--md {
    max-width: 1130px;
  }

  .max-width-1140--md {
    max-width: 1140px;
  }

  .max-width-1150--md {
    max-width: 1150px;
  }

  .max-width-1160--md {
    max-width: 1160px;
  }

  .max-width-1170--md {
    max-width: 1170px;
  }

  .max-width-1180--md {
    max-width: 1180px;
  }

  .max-width-1190--md {
    max-width: 1190px;
  }

  .max-width-1200--md {
    max-width: 1200px;
  }
}
@media screen and (min-width: 600px) {
  .max-width-10--sm {
    max-width: 10px;
  }

  .max-width-20--sm {
    max-width: 20px;
  }

  .max-width-30--sm {
    max-width: 30px;
  }

  .max-width-40--sm {
    max-width: 40px;
  }

  .max-width-50--sm {
    max-width: 50px;
  }

  .max-width-60--sm {
    max-width: 60px;
  }

  .max-width-70--sm {
    max-width: 70px;
  }

  .max-width-80--sm {
    max-width: 80px;
  }

  .max-width-90--sm {
    max-width: 90px;
  }

  .max-width-100--sm {
    max-width: 100px;
  }

  .max-width-110--sm {
    max-width: 110px;
  }

  .max-width-120--sm {
    max-width: 120px;
  }

  .max-width-130--sm {
    max-width: 130px;
  }

  .max-width-140--sm {
    max-width: 140px;
  }

  .max-width-150--sm {
    max-width: 150px;
  }

  .max-width-160--sm {
    max-width: 160px;
  }

  .max-width-170--sm {
    max-width: 170px;
  }

  .max-width-180--sm {
    max-width: 180px;
  }

  .max-width-190--sm {
    max-width: 190px;
  }

  .max-width-200--sm {
    max-width: 200px;
  }

  .max-width-210--sm {
    max-width: 210px;
  }

  .max-width-220--sm {
    max-width: 220px;
  }

  .max-width-230--sm {
    max-width: 230px;
  }

  .max-width-240--sm {
    max-width: 240px;
  }

  .max-width-250--sm {
    max-width: 250px;
  }

  .max-width-260--sm {
    max-width: 260px;
  }

  .max-width-270--sm {
    max-width: 270px;
  }

  .max-width-280--sm {
    max-width: 280px;
  }

  .max-width-290--sm {
    max-width: 290px;
  }

  .max-width-300--sm {
    max-width: 300px;
  }

  .max-width-310--sm {
    max-width: 310px;
  }

  .max-width-320--sm {
    max-width: 320px;
  }

  .max-width-330--sm {
    max-width: 330px;
  }

  .max-width-340--sm {
    max-width: 340px;
  }

  .max-width-350--sm {
    max-width: 350px;
  }

  .max-width-360--sm {
    max-width: 360px;
  }

  .max-width-370--sm {
    max-width: 370px;
  }

  .max-width-380--sm {
    max-width: 380px;
  }

  .max-width-390--sm {
    max-width: 390px;
  }

  .max-width-400--sm {
    max-width: 400px;
  }

  .max-width-410--sm {
    max-width: 410px;
  }

  .max-width-420--sm {
    max-width: 420px;
  }

  .max-width-430--sm {
    max-width: 430px;
  }

  .max-width-440--sm {
    max-width: 440px;
  }

  .max-width-450--sm {
    max-width: 450px;
  }

  .max-width-460--sm {
    max-width: 460px;
  }

  .max-width-470--sm {
    max-width: 470px;
  }

  .max-width-480--sm {
    max-width: 480px;
  }

  .max-width-490--sm {
    max-width: 490px;
  }

  .max-width-500--sm {
    max-width: 500px;
  }

  .max-width-510--sm {
    max-width: 510px;
  }

  .max-width-520--sm {
    max-width: 520px;
  }

  .max-width-530--sm {
    max-width: 530px;
  }

  .max-width-540--sm {
    max-width: 540px;
  }

  .max-width-550--sm {
    max-width: 550px;
  }

  .max-width-560--sm {
    max-width: 560px;
  }

  .max-width-570--sm {
    max-width: 570px;
  }

  .max-width-580--sm {
    max-width: 580px;
  }

  .max-width-590--sm {
    max-width: 590px;
  }

  .max-width-600--sm {
    max-width: 600px;
  }

  .max-width-610--sm {
    max-width: 610px;
  }

  .max-width-620--sm {
    max-width: 620px;
  }

  .max-width-630--sm {
    max-width: 630px;
  }

  .max-width-640--sm {
    max-width: 640px;
  }

  .max-width-650--sm {
    max-width: 650px;
  }

  .max-width-660--sm {
    max-width: 660px;
  }

  .max-width-670--sm {
    max-width: 670px;
  }

  .max-width-680--sm {
    max-width: 680px;
  }

  .max-width-690--sm {
    max-width: 690px;
  }

  .max-width-700--sm {
    max-width: 700px;
  }

  .max-width-710--sm {
    max-width: 710px;
  }

  .max-width-720--sm {
    max-width: 720px;
  }

  .max-width-730--sm {
    max-width: 730px;
  }

  .max-width-740--sm {
    max-width: 740px;
  }

  .max-width-750--sm {
    max-width: 750px;
  }

  .max-width-760--sm {
    max-width: 760px;
  }

  .max-width-770--sm {
    max-width: 770px;
  }

  .max-width-780--sm {
    max-width: 780px;
  }

  .max-width-790--sm {
    max-width: 790px;
  }

  .max-width-800--sm {
    max-width: 800px;
  }

  .max-width-810--sm {
    max-width: 810px;
  }

  .max-width-820--sm {
    max-width: 820px;
  }

  .max-width-830--sm {
    max-width: 830px;
  }

  .max-width-840--sm {
    max-width: 840px;
  }

  .max-width-850--sm {
    max-width: 850px;
  }

  .max-width-860--sm {
    max-width: 860px;
  }

  .max-width-870--sm {
    max-width: 870px;
  }

  .max-width-880--sm {
    max-width: 880px;
  }

  .max-width-890--sm {
    max-width: 890px;
  }

  .max-width-900--sm {
    max-width: 900px;
  }

  .max-width-910--sm {
    max-width: 910px;
  }

  .max-width-920--sm {
    max-width: 920px;
  }

  .max-width-930--sm {
    max-width: 930px;
  }

  .max-width-940--sm {
    max-width: 940px;
  }

  .max-width-950--sm {
    max-width: 950px;
  }

  .max-width-960--sm {
    max-width: 960px;
  }

  .max-width-970--sm {
    max-width: 970px;
  }

  .max-width-980--sm {
    max-width: 980px;
  }

  .max-width-990--sm {
    max-width: 990px;
  }

  .max-width-1000--sm {
    max-width: 1000px;
  }

  .max-width-1010--sm {
    max-width: 1010px;
  }

  .max-width-1020--sm {
    max-width: 1020px;
  }

  .max-width-1030--sm {
    max-width: 1030px;
  }

  .max-width-1040--sm {
    max-width: 1040px;
  }

  .max-width-1050--sm {
    max-width: 1050px;
  }

  .max-width-1060--sm {
    max-width: 1060px;
  }

  .max-width-1070--sm {
    max-width: 1070px;
  }

  .max-width-1080--sm {
    max-width: 1080px;
  }

  .max-width-1090--sm {
    max-width: 1090px;
  }

  .max-width-1100--sm {
    max-width: 1100px;
  }

  .max-width-1110--sm {
    max-width: 1110px;
  }

  .max-width-1120--sm {
    max-width: 1120px;
  }

  .max-width-1130--sm {
    max-width: 1130px;
  }

  .max-width-1140--sm {
    max-width: 1140px;
  }

  .max-width-1150--sm {
    max-width: 1150px;
  }

  .max-width-1160--sm {
    max-width: 1160px;
  }

  .max-width-1170--sm {
    max-width: 1170px;
  }

  .max-width-1180--sm {
    max-width: 1180px;
  }

  .max-width-1190--sm {
    max-width: 1190px;
  }

  .max-width-1200--sm {
    max-width: 1200px;
  }
}
.h-100\% {
  height: 100%;
}

.bgc-white {
  background-color: #fff;
}

.bgc-primary {
  background-color: #234d07;
}

.bgc-secondary {
  background-color: #859d75;
}

.bgc-thirdly {
  background-color: #577c3e;
}

.bgc-fourthly {
  background-color: #7cb0b0;
}

.bgc-fifthly {
  background-color: #579f27;
}

.bgc-grey {
  background-color: #e6e6e6;
}

.bgc-lightgrey {
  background-color: #f7f8f7;
}

.bgc-light {
  background-color: #eff1ed;
}

.bgc-light2 {
  background-color: #eef8e6;
}

.bgc-light3 {
  background-color: #cad3c8;
}

.bgc-light4 {
  background-color: #d3e0cc;
}

.bgc-light5 {
  background-color: #d9d9d9;
}

.bgc-light6 {
  background-color: #b7cdc7;
}

.bgc-light7 {
  background-color: #f6f5ec;
}

.bgc-match {
  background-color: #bbcbb0;
}

.bgc-orange {
  background-color: #eb6100;
}

.border--primary--1px {
  border: 1px solid #234d07;
}
.border--primary--2px {
  border: 3px solid #234d07;
}
.border--primary--3px {
  border: 3px solid #234d07;
}

.text-secDesc {
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1.88;
  font-size: 16px;
}
@media screen and (min-width: 900px) {
  .text-secDesc {
    letter-spacing: 0.1em;
    font-size: 18px;
  }
}

.text-ordered {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.text-ordered__number {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  font-size: 24px;
  line-height: 1;
  -ms-flex-item-align: start;
      align-self: flex-start;
  margin-right: 0.2em;
}
.text-ordered__text {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
@media screen and (min-width: 900px) {
  .text-ordered__number {
    font-size: 36px;
  }
}

.heading {
  font-weight: bold;
  margin-bottom: 0.65em;
  line-height: 1.5;
}

.h2 {
  line-height: 1.5;
  font-size: 25px;
}
@media screen and (min-width: 900px) {
  .h2 {
    font-size: 30px;
  }
}

.h2Small {
  line-height: 1.5;
  font-size: 20px;
}
@media screen and (min-width: 900px) {
  .h2Small {
    font-size: 26px;
  }
}

.h3 {
  line-height: 1.5;
  font-size: 18px;
}
@media screen and (min-width: 900px) {
  .h3 {
    font-size: 20px;
  }
}

.h4 {
  line-height: 1.5;
  font-size: 15px;
}
@media screen and (min-width: 900px) {
  .h4 {
    font-size: 18px;
  }
}

.title-deco1 {
  border-left: 3px solid #859d75;
  padding-left: 10px;
}

.title-deco2 {
  border-bottom: 2px solid #859d75;
  padding-bottom: 0.6em;
}

.title-t1 {
  font-family: "Noto Serif JP", serif;
  font-size: 25px;
  letter-spacing: 0.1em;
  line-height: 1.3;
}
@media screen and (min-width: 900px) {
  .title-t1 {
    font-size: 30px;
    letter-spacing: 0.2em;
  }
}

.title-t2--small, .title-t2 {
  font-family: "Noto Serif JP", serif;
  letter-spacing: 0.05em;
  line-height: 1.3;
  position: relative;
  text-align: center;
  padding-bottom: 25px;
  font-weight: 600;
}
.title-t2--small:after, .title-t2:after {
  content: "";
  display: block;
  height: 2px;
  width: 50px;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -25px;
}
@media screen and (min-width: 900px) {
  .title-t2--small, .title-t2 {
    letter-spacing: 0.1em;
  }
}

.title-t2 {
  color: #234d07;
  font-size: 25px;
}
.title-t2--small {
  color: #234d07;
  font-size: 20px;
}
.title-t2--small:after {
  background-color: #234d07;
}
.title-t2:after {
  background-color: #234d07;
}
@media screen and (min-width: 900px) {
  .title-t2 {
    font-size: 30px;
  }
  .title-t2--small {
    font-size: 26px;
  }
}

.title-t3 {
  line-height: 1.3;
  font-weight: 500;
  font-size: 18px;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 900px) {
  .title-t3 {
    letter-spacing: 0.1em;
    font-size: 20px;
  }
}

.title-t4--color-white, .title-t4 {
  background-color: #e6e6e6;
  padding: 6px 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.title-t4 {
  color: #234d07;
}
.title-t4--color-white {
  color: #fff;
}
.title-t4__number {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  font-size: 26px;
  line-height: 1;
}
.title-t4__italic {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  font-style: italic;
  font-size: 26px;
  line-height: 1;
}
.title-t4__text {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  font-size: 18px;
  margin-left: 0.3em;
}
@media screen and (min-width: 600px) {
  .title-t4__italic, .title-t4__number {
    font-size: 40px;
  }
  .title-t4__text {
    font-size: 24px;
  }
}

.title-t5 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.title-t5__text {
  font-size: 20px;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  font-weight: bold;
}
.title-t5__small {
  font-size: 16px;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  margin-left: 1em;
}
@media screen and (min-width: 600px) {
  .title-t5__text {
    font-size: 24px;
  }
  .title-t5__small {
    font-size: 20px;
  }
}

.title-t6 {
  font-size: 16px;
  text-align: center;
  background-color: #e6e6e6;
  color: #234d07;
  font-weight: bold;
  padding: 0.5em 0.2em;
}
@media screen and (min-width: 600px) {
  .title-t6 {
    font-size: 20px;
  }
}

.title-t7--color-white, .title-t7 {
  background-color: #a3a3a3;
  padding: 6px 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.title-t7 {
  color: #234d07;
}
.title-t7--color-white {
  color: #fff;
}
.title-t7__number {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  font-size: 26px;
  line-height: 1;
}
.title-t7__italic {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  font-style: italic;
  font-size: 22px;
  line-height: 1;
}
.title-t7__text {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  font-size: 16px;
  margin-left: 0.3em;
}
@media screen and (min-width: 600px) {
  .title-t7__italic, .title-t7__number {
    font-size: 30px;
  }
  .title-t7__text {
    font-size: 20px;
  }
}

.title-t8 {
  padding: 6px 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.title-t8__number {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 34px;
          flex: 0 0 34px;
  width: 34px;
  height: 34px;
  font-size: 20px;
  line-height: 1;
  background-color: #234d07;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
}
.title-t8__text {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  margin-left: 0.5em;
  padding-top: 0.15em;
  color: #234d07;
}
@media screen and (min-width: 600px) {
  .title-t8__number {
    font-size: 24px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 40px;
            flex: 0 0 40px;
    width: 40px;
    height: 40px;
  }
}

.title-t9__small {
  font-size: 14px;
  display: block;
  line-height: 1.2;
  font-weight: 500;
}
.title-t9__text {
  font-size: 20px;
  display: block;
  line-height: 1.2;
  font-weight: 500;
}
@media screen and (min-width: 900px) {
  .title-t9__small {
    font-size: 18px;
  }
  .title-t9__text {
    font-size: 24px;
  }
}

.button-t1--black, .button-t1 {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 5px 8px;
  will-change: background-color;
  -webkit-transition: 0.3s background-color ease-in-out;
  -o-transition: 0.3s background-color ease-in-out;
  transition: 0.3s background-color ease-in-out;
}
@media screen and (min-width: 600px) {
  .button-t1--black, .button-t1 {
    padding: 5px 12px;
  }
}
@media screen and (min-width: 900px) {
  .button-t1--black, .button-t1 {
    padding: 5px 20px;
  }
}

.button-t1 {
  background-color: #234d07;
}
.button-t1:hover {
  background-color: #859d75;
}
.button-t1--black {
  background-color: #000;
}
.button-t1--black:hover {
  background-color: #234d07;
}
.button-t1__text {
  color: #fff;
  font-size: 13px;
  line-height: 1.3;
}

.button-t2--black, .button-t2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px 8px;
  will-change: background-color;
  -webkit-transition: 0.3s background-color ease-in-out;
  -o-transition: 0.3s background-color ease-in-out;
  transition: 0.3s background-color ease-in-out;
}

.button-t2 {
  background-color: #234d07;
}
.button-t2:hover {
  background-color: #859d75;
}
.button-t2--black {
  background-color: #000;
}
.button-t2--black:hover {
  background-color: #234d07;
}
.button-t2__text {
  color: #fff;
  font-size: 15px;
  line-height: 1.3;
}
@media screen and (min-width: 900px) {
  .button-t2__text {
    font-size: 18px;
  }
}

.button-t3--black, .button-t3 {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 45px;
  will-change: background-color;
  -webkit-transition: 0.3s background-color ease-in-out;
  -o-transition: 0.3s background-color ease-in-out;
  transition: 0.3s background-color ease-in-out;
}

.button-t3 {
  background-color: #234d07;
}
.button-t3:hover {
  background-color: #859d75;
}
.button-t3--black {
  background-color: #000;
}
.button-t3--black:hover {
  background-color: #234d07;
}
.button-t3__text {
  color: #fff;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
}
.button-t3__arrow {
  position: absolute;
  line-height: 0;
  top: 50%;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  right: 5px;
}
.button-t3__arrow .stroke-path {
  fill: none;
  stroke: #fff;
}
.button-t3__arrow .fill-path {
  fill: #fff;
}
@media screen and (min-width: 900px) {
  .button-t3__arrow {
    width: 22px;
    height: 22px;
    margin-top: -11px;
    right: 15px;
  }
}

.button-t4--light6, .button-t4--light5, .button-t4--light4, .button-t4--secondary, .button-t4--black, .button-t4 {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  will-change: background-color;
  -webkit-transition: 0.3s background-color ease-in-out;
  -o-transition: 0.3s background-color ease-in-out;
  transition: 0.3s background-color ease-in-out;
}
.button-t4--light6 > * + *, .button-t4--light5 > * + *, .button-t4--light4 > * + *, .button-t4--secondary > * + *, .button-t4--black > * + *, .button-t4 > * + * {
  margin-left: 5px;
}
@media screen and (min-width: 900px) {
  .button-t4--light6 > * + *, .button-t4--light5 > * + *, .button-t4--light4 > * + *, .button-t4--secondary > * + *, .button-t4--black > * + *, .button-t4 > * + * {
    margin-left: 10px;
  }
}

.button-t4 {
  background-color: #234d07;
}
.button-t4:hover {
  background-color: #859d75;
}
.button-t4--black {
  background-color: #000;
}
.button-t4--black:hover {
  background-color: #234d07;
}
.button-t4--secondary {
  background-color: #859d75;
}
.button-t4--secondary:hover {
  background-color: #234d07;
}
.button-t4--light4 {
  background-color: #d3e0cc;
}
.button-t4--light4 .button-t4__text {
  color: #234d07;
}
.button-t4--light4 .button-t4__arrow .stroke-path {
  fill: none;
  stroke: #234d07;
}
.button-t4--light4 .button-t4__arrow .fill-path {
  fill: #234d07;
}
.button-t4--light4:hover {
  background-color: #859d75;
}
.button-t4--light5 {
  background-color: #d9d9d9;
}
.button-t4--light5 .button-t4__text {
  color: #234d07;
}
.button-t4--light5 .button-t4__arrow .stroke-path {
  fill: none;
  stroke: #234d07;
}
.button-t4--light5 .button-t4__arrow .fill-path {
  fill: #234d07;
}
.button-t4--light5:hover {
  background-color: #859d75;
}
.button-t4--light6 {
  background-color: #b7cdc7;
}
.button-t4--light6 .button-t4__text {
  color: #234d07;
}
.button-t4--light6 .button-t4__arrow .stroke-path {
  fill: none;
  stroke: #234d07;
}
.button-t4--light6 .button-t4__arrow .fill-path {
  fill: #234d07;
}
.button-t4--light6:hover {
  background-color: #859d75;
}
.button-t4__text {
  color: #fff;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
}
.button-t4__mail {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 16px;
          flex: 0 0 16px;
  width: 16px;
  line-height: 0;
}
.button-t4__mail .stroke-path {
  fill: none;
  stroke: #fff;
}
.button-t4__mail .fill-path {
  fill: #fff;
}
.button-t4__arrow {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 16px;
          flex: 0 0 16px;
  width: 16px;
  line-height: 0;
}
.button-t4__arrow .stroke-path {
  fill: none;
  stroke: #fff;
}
.button-t4__arrow .fill-path {
  fill: #fff;
}
@media screen and (min-width: 900px) {
  .button-t4__arrow {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 24px;
            flex: 0 0 24px;
    width: 24px;
  }
  .button-t4__mail {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 24px;
            flex: 0 0 24px;
    width: 24px;
  }
}

.button-t5--black, .button-t5 {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  will-change: background-color;
  -webkit-transition: 0.3s background-color ease-in-out;
  -o-transition: 0.3s background-color ease-in-out;
  transition: 0.3s background-color ease-in-out;
}

.button-t5 {
  background-color: #234d07;
}
.button-t5:hover {
  background-color: #859d75;
}
.button-t5--black {
  background-color: #000;
}
.button-t5--black:hover {
  background-color: #234d07;
}
.button-t5__text {
  color: #fff;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
}
.button-t5__arrow {
  position: absolute;
  line-height: 0;
  top: 50%;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  right: 5px;
}
.button-t5__arrow .stroke-path {
  fill: none;
  stroke: #fff;
}
.button-t5__arrow .fill-path {
  fill: #fff;
}
@media screen and (min-width: 900px) {
  .button-t5__arrow {
    width: 22px;
    height: 22px;
    margin-top: -11px;
    right: 15px;
  }
}

.hover-alpha {
  -webkit-transition: 0.2s opacity ease;
  -o-transition: 0.2s opacity ease;
  transition: 0.2s opacity ease;
}
.hover-alpha:hover {
  opacity: 0.6;
}

.hover-underline:hover {
  text-decoration: underline;
}

.link-t1 {
  text-decoration: underline;
  -webkit-transition: 0.3s color ease-in-out;
  -o-transition: 0.3s color ease-in-out;
  transition: 0.3s color ease-in-out;
}
.link-t1:hover {
  color: #234d07;
}

.link-t2 {
  color: #cc0606;
  text-decoration: underline;
}
.link-t2:hover {
  text-decoration: none;
}

.link-t3 {
  color: #666666;
  text-decoration: underline;
  -webkit-transition: 0.3s color ease-in-out;
  -o-transition: 0.3s color ease-in-out;
  transition: 0.3s color ease-in-out;
}
.link-t3:hover {
  color: #234d07;
}

.link-t4 {
  color: #666666;
  -webkit-transition: 0.3s color ease-in-out;
  -o-transition: 0.3s color ease-in-out;
  transition: 0.3s color ease-in-out;
}
.link-t4:hover {
  color: #234d07;
}

img.ofi {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  max-width: none;
  width: 100%;
  height: 100%;
  font-family: "object-fit: cover;object-position: center;";
}
img.ofi.object-position-left {
  -o-object-position: left;
     object-position: left;
  font-family: "object-fit: cover;object-position: left;";
}
img.ofi.object-position-right {
  -o-object-position: right;
     object-position: right;
  font-family: "object-fit: cover;object-position: right;";
}
img.ofi.object-position-top {
  -o-object-position: top;
     object-position: top;
  font-family: "object-fit: cover;object-position: top;";
}
img.ofi.object-position-bottom {
  -o-object-position: right;
     object-position: right;
  font-family: "object-fit: cover;object-position: bottom;";
}
img.ofi.object-fit-contain {
  -o-object-fit: contain;
     object-fit: contain;
  font-family: "object-fit: contain;object-position: center;";
}
img.ofi.object-fit-contain.object-position-left {
  -o-object-position: left;
     object-position: left;
  font-family: "object-fit: contain;object-position: left;";
}
img.ofi.object-fit-contain.object-position-right {
  -o-object-position: right;
     object-position: right;
  font-family: "object-fit: contain;object-position: right;";
}
img.ofi.object-fit-contain.object-position-top {
  -o-object-position: top;
     object-position: top;
  font-family: "object-fit: contain;object-position: top;";
}
img.ofi.object-fit-contain.object-position-bottom {
  -o-object-position: right;
     object-position: right;
  font-family: "object-fit: contain;object-position: bottom;";
}

picture.ofi-wrapper {
  width: 100%;
  height: 100%;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}

.form-block {
  padding: 12px 5px;
  border-top: 1px dotted #d0cece;
  border-bottom: 1px dotted #d0cece;
}
.form-block + .form-block {
  border-top: none;
}
.form-block dt {
  font-weight: bold;
}
.form-block dt.required {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.form-block dt.required:after {
  content: "必須";
  background-color: #cc0606;
  color: #fff;
  font-size: 12px;
  line-height: 1.5;
  display: inline-block;
  padding: 2px 5px;
  margin-top: 4px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
@media screen and (min-width: 900px) {
  .form-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
  }
  .form-block dt {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 270px;
            flex: 0 0 270px;
    width: 270px;
    padding: 15px;
  }
  .form-block dt.required:after {
    margin-top: 6px;
  }
  .form-block dd {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% - 270px);
            flex: 0 0 calc(100% - 270px);
    width: calc(100% - 270px);
    padding: 15px;
  }
}
@media screen and (max-width: 899.99px) {
  .form-block dt {
    padding-bottom: 14px;
  }
}

.form-select, .form-input, .form-textarea {
  padding: 5px 10px;
  border: 1px solid #d0cece;
  background-color: #f6f5f5;
}
.form-select:focus, .form-input:focus, .form-textarea:focus {
  border-color: #234d07;
}
.form-select:disabled, .form-input:disabled, .form-textarea:disabled {
  background-color: #ddd;
  cursor: not-allowed;
}

.form-input, .form-textarea {
  width: 100%;
}
.form-input:focus, .form-textarea:focus {
  background-color: #fff;
}

.form-textarea {
  height: 200px;
}
@media screen and (min-width: 900px) {
  .form-textarea {
    height: 300px;
  }
}

.form-radio {
  display: none;
}
.form-radio:checked + .form-radio__text {
  color: #234d07;
}
.form-radio:checked + .form-radio__text:before {
  background-image: url(../img/shared/icon-radio-checked.png);
}
.form-radio__text {
  display: block;
  position: relative;
  padding-left: 1.2em;
}
.form-radio__text::before {
  content: "";
  display: block;
  position: absolute;
  top: 0.6em;
  left: 0;
  width: 1em;
  height: 1em;
  background: url(../img/shared/icon-radio-unchecked.png) no-repeat center center/cover;
}

.form-check {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.form-check--inline {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.form-check__input {
  display: none;
}
.form-check__icon {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 20px;
          flex: 0 0 20px;
  width: 20px;
  height: 20px;
  border: 1px solid #d0cece;
  background-color: #f6f5f5;
  margin-top: 3px;
}
.form-check__text {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  width: calc(100% - 20px);
  padding-left: 5px;
}
.form-check__input:checked + .form-check__icon {
  background: #234d07 url(../img/shared/icon-check.png) no-repeat center center/14px auto;
}

.form-nameblock {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.form-nameblock__input {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(100% - 3.5em);
          flex: 0 0 calc(100% - 3.5em);
  width: calc(100% - 3.5em);
}
.form-nameblock__text {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 3.5em;
          flex: 0 0 3.5em;
  width: 3.5em;
  text-align: center;
}
@media screen and (max-width: 599.99px) {
  .form-nameblock .form-nameblock__text:nth-child(3),
.form-nameblock .form-nameblock__input:nth-child(4) {
    margin-top: 20px;
  }
}
@media screen and (min-width: 600px) {
  .form-nameblock {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .form-nameblock__input {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% - 3.5em);
            flex: 0 0 calc(50% - 3.5em);
    width: calc(50% - 3.5em);
  }
}

.form-zipblock {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 10px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.form-zipblock__text {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  width: 100%;
  margin-bottom: 5px;
}
.form-zipblock__zip1 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 5em;
          flex: 0 0 5em;
  width: 5em;
}
.form-zipblock__hyphen {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 2em;
          flex: 0 0 2em;
  width: 2em;
  text-align: center;
}
.form-zipblock__zip2 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 6em;
          flex: 0 0 6em;
  width: 6em;
}
.form-zipblock__zipbtn {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 60px;
          flex: 0 0 60px;
  width: 60px;
  padding: 5px 2px;
  font-size: 12px;
  margin-left: 10px;
  display: block;
  text-align: center;
  background-color: #000;
  color: #fff;
}
@media screen and (min-width: 600px) {
  .form-zipblock {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .form-zipblock__text {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 140px;
            flex: 0 0 140px;
    width: 140px;
    margin-bottom: 0;
  }
}
@media screen and (min-width: 350px) {
  .form-zipblock__zipbtn {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 80px;
            flex: 0 0 80px;
    width: 80px;
    padding: 7px 8px;
    font-size: 14px;
  }
}

.form-prefblock {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 10px;
}
.form-prefblock__text {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 140px;
          flex: 0 0 140px;
  width: 140px;
}
.form-prefblock__content {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: calc(100% - 140px);
}

.form-addressblock {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.form-addressblock__text {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  width: 100%;
  margin-bottom: 5px;
}
.form-addressblock__content {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  width: 100%;
}
@media screen and (min-width: 600px) {
  .form-addressblock {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .form-addressblock__text {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 140px;
            flex: 0 0 140px;
    width: 140px;
    margin-bottom: 0;
  }
  .form-addressblock__content {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    width: calc(100% - 140px);
  }
}

.form-telblock {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.form-telblock__hyphen {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 2em;
          flex: 0 0 2em;
  width: 2em;
  text-align: center;
}
.form-telblock__input {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  width: calc((100% - 4.2em)/3);
}

.form-birthdayblock {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.form-birthdayblock__year {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 5em;
          flex: 0 0 5em;
  width: 5em;
}
.form-birthdayblock__month, .form-birthdayblock__day {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 3em;
          flex: 0 0 3em;
  width: 3em;
}
.form-birthdayblock__text {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 2em;
          flex: 0 0 2em;
  width: 2em;
  text-align: center;
}

.form-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: -10px;
}
.form-flex__item {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  cursor: pointer;
  margin-right: 2em;
  margin-top: 10px;
}

.form-privacytext {
  height: 200px;
  width: 100%;
  border: 1px solid #d0cece;
  background-color: #f6f5f5;
  overflow-y: auto;
  overflow-scrolling: touch;
}
.form-privacytext__in {
  padding: 20px;
}
@media screen and (min-width: 900px) {
  .form-privacytext__in {
    padding: 40px;
  }
}

.form-privacy__text {
  text-align: center;
  margin-bottom: 12px;
}
.form-privacy__block {
  text-align: center;
}
.form-privacy__block .form-check {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.form-graybtn {
  width: 220px;
  height: 46px;
  display: block;
  padding: 1px;
  position: relative;
  cursor: pointer;
  will-change: opacity;
  -webkit-transition: 0.3s opacity ease-in-out;
  -o-transition: 0.3s opacity ease-in-out;
  transition: 0.3s opacity ease-in-out;
}
.form-graybtn:after {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #999;
}
.form-graybtn__text {
  font-weight: bold;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  width: 100%;
  height: 44px;
  position: relative;
  z-index: 2;
  -webkit-transition: 0.5s background-color ease, 0.5s color ease;
  -o-transition: 0.5s background-color ease, 0.5s color ease;
  transition: 0.5s background-color ease, 0.5s color ease;
  color: #fff;
  line-height: 1.3;
}
.form-graybtn:hover {
  opacity: 0.6;
}
@media screen and (min-width: 600px) {
  .form-graybtn {
    width: 264px;
    height: 50px;
  }
  .form-graybtn__text {
    height: 48px;
  }
}

.form-submit {
  width: 220px;
  height: 46px;
  display: block;
  padding: 1px;
  position: relative;
  cursor: not-allowed;
}
.form-submit:after {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #acabab;
}
.form-submit__text {
  font-weight: bold;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  width: 100%;
  height: 44px;
  position: relative;
  z-index: 2;
  -webkit-transition: 0.5s background-color ease, 0.5s color ease;
  -o-transition: 0.5s background-color ease, 0.5s color ease;
  transition: 0.5s background-color ease, 0.5s color ease;
  color: #777;
  line-height: 1.3;
}
.form-submit:hover.is-abled {
  opacity: 0.6;
}
.form-submit.is-abled {
  cursor: pointer;
  -webkit-transition: 0.3s opacity ease;
  -o-transition: 0.3s opacity ease;
  transition: 0.3s opacity ease;
}
.form-submit.is-abled:after {
  background-color: #000;
}
.form-submit.is-abled .form-submit__text {
  color: #fff;
}
@media screen and (min-width: 600px) {
  .form-submit {
    width: 264px;
    height: 50px;
  }
  .form-submit__text {
    height: 48px;
  }
}

.form-button {
  display: block;
  width: 220px;
  height: 46px;
  background-color: #000;
  color: #fff;
  cursor: pointer;
  margin: 0 auto;
  will-change: background-color;
  -webkit-transition: 0.3s background-color ease-in-out;
  -o-transition: 0.3s background-color ease-in-out;
  transition: 0.3s background-color ease-in-out;
  font-weight: bold;
}
.form-button:hover {
  background-color: #234d07;
}
@media screen and (min-width: 600px) {
  .form-button {
    width: 264px;
    height: 50px;
  }
}

.form-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  max-width: 580px;
  margin-left: auto;
  margin-right: auto;
}
.form-btns__item {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 49%;
          flex: 0 0 49%;
  width: 49%;
  max-width: 264px;
}
.form-btns__item > button, .form-btns__item .form-graybtn, .form-btns__item .form-submit {
  width: 100%;
}

.pager {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.pager__arrow {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  color: #234d07;
  margin-right: 10px;
}
.pager__arrow:hover {
  text-decoration: underline;
}
.pager__item {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 24px;
          flex: 0 0 24px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #fff;
  font-weight: bold;
  background-color: #859d75;
  margin: 0 1px;
  will-change: background-color;
  -webkit-transition: 0.3s background-color ease-in-out;
  -o-transition: 0.3s background-color ease-in-out;
  transition: 0.3s background-color ease-in-out;
}
.pager__item:hover {
  background-color: #234d07;
}
x .pager__item.is-active {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 28px;
          flex: 0 0 28px;
  width: 28px;
  height: 28px;
  background-color: #234d07;
}
.pager__item + .pager__arrow {
  margin-right: 0;
  margin-left: 10px;
}
@media screen and (min-width: 900px) {
  .pager__item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33px;
            flex: 0 0 33px;
    width: 33px;
    height: 33px;
    margin: 0 2px;
  }
  .pager__item.is-active {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 38px;
            flex: 0 0 38px;
    width: 38px;
    height: 38px;
  }
}

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

.flexitem--1\/1 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  width: 100%;
  max-width: 100%;
}
.flexitem--1\/2 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  width: 50%;
  max-width: 50%;
}
.flexitem--1\/3 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 33.3333333333%;
          flex: 0 0 33.3333333333%;
  width: 33.3333333333%;
  max-width: 33.3333333333%;
}
.flexitem--1\/4 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 25%;
          flex: 0 0 25%;
  width: 25%;
  max-width: 25%;
}
.flexitem--1\/5 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 20%;
          flex: 0 0 20%;
  width: 20%;
  max-width: 20%;
}
.flexitem--1\/6 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 16.6666666667%;
          flex: 0 0 16.6666666667%;
  width: 16.6666666667%;
  max-width: 16.6666666667%;
}
.flexitem--1\/7 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 14.2857142857%;
          flex: 0 0 14.2857142857%;
  width: 14.2857142857%;
  max-width: 14.2857142857%;
}
.flexitem--1\/8 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 12.5%;
          flex: 0 0 12.5%;
  width: 12.5%;
  max-width: 12.5%;
}
.flexitem--1\/9 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 11.1111111111%;
          flex: 0 0 11.1111111111%;
  width: 11.1111111111%;
  max-width: 11.1111111111%;
}
.flexitem--1\/10 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 10%;
          flex: 0 0 10%;
  width: 10%;
  max-width: 10%;
}
.flexitem--1\/11 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 9.0909090909%;
          flex: 0 0 9.0909090909%;
  width: 9.0909090909%;
  max-width: 9.0909090909%;
}
.flexitem--1\/12 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 8.3333333333%;
          flex: 0 0 8.3333333333%;
  width: 8.3333333333%;
  max-width: 8.3333333333%;
}
.flexitem--2\/3 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 66.6666666667%;
          flex: 0 0 66.6666666667%;
  width: 66.6666666667%;
  max-width: 66.6666666667%;
}
.flexitem--2\/4 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  width: 50%;
  max-width: 50%;
}
.flexitem--2\/5 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 40%;
          flex: 0 0 40%;
  width: 40%;
  max-width: 40%;
}
.flexitem--2\/6 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 33.3333333333%;
          flex: 0 0 33.3333333333%;
  width: 33.3333333333%;
  max-width: 33.3333333333%;
}
.flexitem--2\/7 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 28.5714285714%;
          flex: 0 0 28.5714285714%;
  width: 28.5714285714%;
  max-width: 28.5714285714%;
}
.flexitem--2\/8 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 25%;
          flex: 0 0 25%;
  width: 25%;
  max-width: 25%;
}
.flexitem--2\/9 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 22.2222222222%;
          flex: 0 0 22.2222222222%;
  width: 22.2222222222%;
  max-width: 22.2222222222%;
}
.flexitem--2\/10 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 20%;
          flex: 0 0 20%;
  width: 20%;
  max-width: 20%;
}
.flexitem--2\/11 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 18.1818181818%;
          flex: 0 0 18.1818181818%;
  width: 18.1818181818%;
  max-width: 18.1818181818%;
}
.flexitem--2\/12 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 16.6666666667%;
          flex: 0 0 16.6666666667%;
  width: 16.6666666667%;
  max-width: 16.6666666667%;
}
.flexitem--3\/4 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 75%;
          flex: 0 0 75%;
  width: 75%;
  max-width: 75%;
}
.flexitem--3\/5 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 60%;
          flex: 0 0 60%;
  width: 60%;
  max-width: 60%;
}
.flexitem--3\/6 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  width: 50%;
  max-width: 50%;
}
.flexitem--3\/7 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 42.8571428571%;
          flex: 0 0 42.8571428571%;
  width: 42.8571428571%;
  max-width: 42.8571428571%;
}
.flexitem--3\/8 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 37.5%;
          flex: 0 0 37.5%;
  width: 37.5%;
  max-width: 37.5%;
}
.flexitem--3\/9 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 33.3333333333%;
          flex: 0 0 33.3333333333%;
  width: 33.3333333333%;
  max-width: 33.3333333333%;
}
.flexitem--3\/10 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 30%;
          flex: 0 0 30%;
  width: 30%;
  max-width: 30%;
}
.flexitem--3\/11 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 27.2727272727%;
          flex: 0 0 27.2727272727%;
  width: 27.2727272727%;
  max-width: 27.2727272727%;
}
.flexitem--3\/12 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 25%;
          flex: 0 0 25%;
  width: 25%;
  max-width: 25%;
}
.flexitem--4\/5 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 80%;
          flex: 0 0 80%;
  width: 80%;
  max-width: 80%;
}
.flexitem--4\/6 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 66.6666666667%;
          flex: 0 0 66.6666666667%;
  width: 66.6666666667%;
  max-width: 66.6666666667%;
}
.flexitem--4\/7 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 57.1428571429%;
          flex: 0 0 57.1428571429%;
  width: 57.1428571429%;
  max-width: 57.1428571429%;
}
.flexitem--4\/8 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  width: 50%;
  max-width: 50%;
}
.flexitem--4\/9 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 44.4444444444%;
          flex: 0 0 44.4444444444%;
  width: 44.4444444444%;
  max-width: 44.4444444444%;
}
.flexitem--4\/10 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 40%;
          flex: 0 0 40%;
  width: 40%;
  max-width: 40%;
}
.flexitem--4\/11 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 36.3636363636%;
          flex: 0 0 36.3636363636%;
  width: 36.3636363636%;
  max-width: 36.3636363636%;
}
.flexitem--4\/12 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 33.3333333333%;
          flex: 0 0 33.3333333333%;
  width: 33.3333333333%;
  max-width: 33.3333333333%;
}
.flexitem--5\/6 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 83.3333333333%;
          flex: 0 0 83.3333333333%;
  width: 83.3333333333%;
  max-width: 83.3333333333%;
}
.flexitem--5\/7 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 71.4285714286%;
          flex: 0 0 71.4285714286%;
  width: 71.4285714286%;
  max-width: 71.4285714286%;
}
.flexitem--5\/8 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 62.5%;
          flex: 0 0 62.5%;
  width: 62.5%;
  max-width: 62.5%;
}
.flexitem--5\/9 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 55.5555555556%;
          flex: 0 0 55.5555555556%;
  width: 55.5555555556%;
  max-width: 55.5555555556%;
}
.flexitem--5\/10 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  width: 50%;
  max-width: 50%;
}
.flexitem--5\/11 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 45.4545454545%;
          flex: 0 0 45.4545454545%;
  width: 45.4545454545%;
  max-width: 45.4545454545%;
}
.flexitem--5\/12 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 41.6666666667%;
          flex: 0 0 41.6666666667%;
  width: 41.6666666667%;
  max-width: 41.6666666667%;
}
.flexitem--6\/7 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 85.7142857143%;
          flex: 0 0 85.7142857143%;
  width: 85.7142857143%;
  max-width: 85.7142857143%;
}
.flexitem--6\/8 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 75%;
          flex: 0 0 75%;
  width: 75%;
  max-width: 75%;
}
.flexitem--6\/9 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 66.6666666667%;
          flex: 0 0 66.6666666667%;
  width: 66.6666666667%;
  max-width: 66.6666666667%;
}
.flexitem--6\/10 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 60%;
          flex: 0 0 60%;
  width: 60%;
  max-width: 60%;
}
.flexitem--6\/11 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 54.5454545455%;
          flex: 0 0 54.5454545455%;
  width: 54.5454545455%;
  max-width: 54.5454545455%;
}
.flexitem--6\/12 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  width: 50%;
  max-width: 50%;
}
.flexitem--7\/8 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 87.5%;
          flex: 0 0 87.5%;
  width: 87.5%;
  max-width: 87.5%;
}
.flexitem--7\/9 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 77.7777777778%;
          flex: 0 0 77.7777777778%;
  width: 77.7777777778%;
  max-width: 77.7777777778%;
}
.flexitem--7\/10 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 70%;
          flex: 0 0 70%;
  width: 70%;
  max-width: 70%;
}
.flexitem--7\/11 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 63.6363636364%;
          flex: 0 0 63.6363636364%;
  width: 63.6363636364%;
  max-width: 63.6363636364%;
}
.flexitem--7\/12 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 58.3333333333%;
          flex: 0 0 58.3333333333%;
  width: 58.3333333333%;
  max-width: 58.3333333333%;
}
.flexitem--8\/9 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 88.8888888889%;
          flex: 0 0 88.8888888889%;
  width: 88.8888888889%;
  max-width: 88.8888888889%;
}
.flexitem--8\/10 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 80%;
          flex: 0 0 80%;
  width: 80%;
  max-width: 80%;
}
.flexitem--8\/11 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 72.7272727273%;
          flex: 0 0 72.7272727273%;
  width: 72.7272727273%;
  max-width: 72.7272727273%;
}
.flexitem--8\/12 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 66.6666666667%;
          flex: 0 0 66.6666666667%;
  width: 66.6666666667%;
  max-width: 66.6666666667%;
}
.flexitem--9\/10 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 90%;
          flex: 0 0 90%;
  width: 90%;
  max-width: 90%;
}
.flexitem--9\/11 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 81.8181818182%;
          flex: 0 0 81.8181818182%;
  width: 81.8181818182%;
  max-width: 81.8181818182%;
}
.flexitem--9\/12 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 75%;
          flex: 0 0 75%;
  width: 75%;
  max-width: 75%;
}
.flexitem--10\/11 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 90.9090909091%;
          flex: 0 0 90.9090909091%;
  width: 90.9090909091%;
  max-width: 90.9090909091%;
}
.flexitem--10\/12 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 83.3333333333%;
          flex: 0 0 83.3333333333%;
  width: 83.3333333333%;
  max-width: 83.3333333333%;
}
.flexitem--11\/12 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 91.6666666667%;
          flex: 0 0 91.6666666667%;
  width: 91.6666666667%;
  max-width: 91.6666666667%;
}
@media screen and (min-width: 450px) {
  .flexitem--1\/1--xs {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
  }
  .flexitem--1\/2--xs {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    width: 50%;
    max-width: 50%;
  }
  .flexitem--1\/3--xs {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
            flex: 0 0 33.3333333333%;
    width: 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .flexitem--1\/4--xs {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    width: 25%;
    max-width: 25%;
  }
  .flexitem--1\/5--xs {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
            flex: 0 0 20%;
    width: 20%;
    max-width: 20%;
  }
  .flexitem--1\/6--xs {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.6666666667%;
            flex: 0 0 16.6666666667%;
    width: 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .flexitem--1\/7--xs {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 14.2857142857%;
            flex: 0 0 14.2857142857%;
    width: 14.2857142857%;
    max-width: 14.2857142857%;
  }
  .flexitem--1\/8--xs {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 12.5%;
            flex: 0 0 12.5%;
    width: 12.5%;
    max-width: 12.5%;
  }
  .flexitem--1\/9--xs {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 11.1111111111%;
            flex: 0 0 11.1111111111%;
    width: 11.1111111111%;
    max-width: 11.1111111111%;
  }
  .flexitem--1\/10--xs {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 10%;
            flex: 0 0 10%;
    width: 10%;
    max-width: 10%;
  }
  .flexitem--1\/11--xs {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 9.0909090909%;
            flex: 0 0 9.0909090909%;
    width: 9.0909090909%;
    max-width: 9.0909090909%;
  }
  .flexitem--1\/12--xs {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 8.3333333333%;
            flex: 0 0 8.3333333333%;
    width: 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .flexitem--2\/3--xs {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.6666666667%;
            flex: 0 0 66.6666666667%;
    width: 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .flexitem--2\/4--xs {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    width: 50%;
    max-width: 50%;
  }
  .flexitem--2\/5--xs {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 40%;
            flex: 0 0 40%;
    width: 40%;
    max-width: 40%;
  }
  .flexitem--2\/6--xs {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
            flex: 0 0 33.3333333333%;
    width: 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .flexitem--2\/7--xs {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 28.5714285714%;
            flex: 0 0 28.5714285714%;
    width: 28.5714285714%;
    max-width: 28.5714285714%;
  }
  .flexitem--2\/8--xs {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    width: 25%;
    max-width: 25%;
  }
  .flexitem--2\/9--xs {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 22.2222222222%;
            flex: 0 0 22.2222222222%;
    width: 22.2222222222%;
    max-width: 22.2222222222%;
  }
  .flexitem--2\/10--xs {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
            flex: 0 0 20%;
    width: 20%;
    max-width: 20%;
  }
  .flexitem--2\/11--xs {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 18.1818181818%;
            flex: 0 0 18.1818181818%;
    width: 18.1818181818%;
    max-width: 18.1818181818%;
  }
  .flexitem--2\/12--xs {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.6666666667%;
            flex: 0 0 16.6666666667%;
    width: 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .flexitem--3\/4--xs {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    width: 75%;
    max-width: 75%;
  }
  .flexitem--3\/5--xs {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 60%;
            flex: 0 0 60%;
    width: 60%;
    max-width: 60%;
  }
  .flexitem--3\/6--xs {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    width: 50%;
    max-width: 50%;
  }
  .flexitem--3\/7--xs {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 42.8571428571%;
            flex: 0 0 42.8571428571%;
    width: 42.8571428571%;
    max-width: 42.8571428571%;
  }
  .flexitem--3\/8--xs {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 37.5%;
            flex: 0 0 37.5%;
    width: 37.5%;
    max-width: 37.5%;
  }
  .flexitem--3\/9--xs {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
            flex: 0 0 33.3333333333%;
    width: 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .flexitem--3\/10--xs {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 30%;
            flex: 0 0 30%;
    width: 30%;
    max-width: 30%;
  }
  .flexitem--3\/11--xs {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 27.2727272727%;
            flex: 0 0 27.2727272727%;
    width: 27.2727272727%;
    max-width: 27.2727272727%;
  }
  .flexitem--3\/12--xs {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    width: 25%;
    max-width: 25%;
  }
  .flexitem--4\/5--xs {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 80%;
            flex: 0 0 80%;
    width: 80%;
    max-width: 80%;
  }
  .flexitem--4\/6--xs {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.6666666667%;
            flex: 0 0 66.6666666667%;
    width: 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .flexitem--4\/7--xs {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 57.1428571429%;
            flex: 0 0 57.1428571429%;
    width: 57.1428571429%;
    max-width: 57.1428571429%;
  }
  .flexitem--4\/8--xs {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    width: 50%;
    max-width: 50%;
  }
  .flexitem--4\/9--xs {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 44.4444444444%;
            flex: 0 0 44.4444444444%;
    width: 44.4444444444%;
    max-width: 44.4444444444%;
  }
  .flexitem--4\/10--xs {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 40%;
            flex: 0 0 40%;
    width: 40%;
    max-width: 40%;
  }
  .flexitem--4\/11--xs {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 36.3636363636%;
            flex: 0 0 36.3636363636%;
    width: 36.3636363636%;
    max-width: 36.3636363636%;
  }
  .flexitem--4\/12--xs {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
            flex: 0 0 33.3333333333%;
    width: 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .flexitem--5\/6--xs {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 83.3333333333%;
            flex: 0 0 83.3333333333%;
    width: 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .flexitem--5\/7--xs {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 71.4285714286%;
            flex: 0 0 71.4285714286%;
    width: 71.4285714286%;
    max-width: 71.4285714286%;
  }
  .flexitem--5\/8--xs {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 62.5%;
            flex: 0 0 62.5%;
    width: 62.5%;
    max-width: 62.5%;
  }
  .flexitem--5\/9--xs {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 55.5555555556%;
            flex: 0 0 55.5555555556%;
    width: 55.5555555556%;
    max-width: 55.5555555556%;
  }
  .flexitem--5\/10--xs {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    width: 50%;
    max-width: 50%;
  }
  .flexitem--5\/11--xs {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 45.4545454545%;
            flex: 0 0 45.4545454545%;
    width: 45.4545454545%;
    max-width: 45.4545454545%;
  }
  .flexitem--5\/12--xs {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 41.6666666667%;
            flex: 0 0 41.6666666667%;
    width: 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .flexitem--6\/7--xs {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 85.7142857143%;
            flex: 0 0 85.7142857143%;
    width: 85.7142857143%;
    max-width: 85.7142857143%;
  }
  .flexitem--6\/8--xs {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    width: 75%;
    max-width: 75%;
  }
  .flexitem--6\/9--xs {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.6666666667%;
            flex: 0 0 66.6666666667%;
    width: 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .flexitem--6\/10--xs {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 60%;
            flex: 0 0 60%;
    width: 60%;
    max-width: 60%;
  }
  .flexitem--6\/11--xs {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 54.5454545455%;
            flex: 0 0 54.5454545455%;
    width: 54.5454545455%;
    max-width: 54.5454545455%;
  }
  .flexitem--6\/12--xs {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    width: 50%;
    max-width: 50%;
  }
  .flexitem--7\/8--xs {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 87.5%;
            flex: 0 0 87.5%;
    width: 87.5%;
    max-width: 87.5%;
  }
  .flexitem--7\/9--xs {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 77.7777777778%;
            flex: 0 0 77.7777777778%;
    width: 77.7777777778%;
    max-width: 77.7777777778%;
  }
  .flexitem--7\/10--xs {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 70%;
            flex: 0 0 70%;
    width: 70%;
    max-width: 70%;
  }
  .flexitem--7\/11--xs {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 63.6363636364%;
            flex: 0 0 63.6363636364%;
    width: 63.6363636364%;
    max-width: 63.6363636364%;
  }
  .flexitem--7\/12--xs {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 58.3333333333%;
            flex: 0 0 58.3333333333%;
    width: 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .flexitem--8\/9--xs {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 88.8888888889%;
            flex: 0 0 88.8888888889%;
    width: 88.8888888889%;
    max-width: 88.8888888889%;
  }
  .flexitem--8\/10--xs {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 80%;
            flex: 0 0 80%;
    width: 80%;
    max-width: 80%;
  }
  .flexitem--8\/11--xs {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 72.7272727273%;
            flex: 0 0 72.7272727273%;
    width: 72.7272727273%;
    max-width: 72.7272727273%;
  }
  .flexitem--8\/12--xs {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.6666666667%;
            flex: 0 0 66.6666666667%;
    width: 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .flexitem--9\/10--xs {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 90%;
            flex: 0 0 90%;
    width: 90%;
    max-width: 90%;
  }
  .flexitem--9\/11--xs {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 81.8181818182%;
            flex: 0 0 81.8181818182%;
    width: 81.8181818182%;
    max-width: 81.8181818182%;
  }
  .flexitem--9\/12--xs {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    width: 75%;
    max-width: 75%;
  }
  .flexitem--10\/11--xs {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 90.9090909091%;
            flex: 0 0 90.9090909091%;
    width: 90.9090909091%;
    max-width: 90.9090909091%;
  }
  .flexitem--10\/12--xs {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 83.3333333333%;
            flex: 0 0 83.3333333333%;
    width: 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .flexitem--11\/12--xs {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 91.6666666667%;
            flex: 0 0 91.6666666667%;
    width: 91.6666666667%;
    max-width: 91.6666666667%;
  }
}
@media screen and (min-width: 600px) {
  .flexitem--1\/1--sm {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
  }
  .flexitem--1\/2--sm {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    width: 50%;
    max-width: 50%;
  }
  .flexitem--1\/3--sm {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
            flex: 0 0 33.3333333333%;
    width: 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .flexitem--1\/4--sm {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    width: 25%;
    max-width: 25%;
  }
  .flexitem--1\/5--sm {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
            flex: 0 0 20%;
    width: 20%;
    max-width: 20%;
  }
  .flexitem--1\/6--sm {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.6666666667%;
            flex: 0 0 16.6666666667%;
    width: 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .flexitem--1\/7--sm {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 14.2857142857%;
            flex: 0 0 14.2857142857%;
    width: 14.2857142857%;
    max-width: 14.2857142857%;
  }
  .flexitem--1\/8--sm {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 12.5%;
            flex: 0 0 12.5%;
    width: 12.5%;
    max-width: 12.5%;
  }
  .flexitem--1\/9--sm {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 11.1111111111%;
            flex: 0 0 11.1111111111%;
    width: 11.1111111111%;
    max-width: 11.1111111111%;
  }
  .flexitem--1\/10--sm {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 10%;
            flex: 0 0 10%;
    width: 10%;
    max-width: 10%;
  }
  .flexitem--1\/11--sm {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 9.0909090909%;
            flex: 0 0 9.0909090909%;
    width: 9.0909090909%;
    max-width: 9.0909090909%;
  }
  .flexitem--1\/12--sm {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 8.3333333333%;
            flex: 0 0 8.3333333333%;
    width: 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .flexitem--2\/3--sm {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.6666666667%;
            flex: 0 0 66.6666666667%;
    width: 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .flexitem--2\/4--sm {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    width: 50%;
    max-width: 50%;
  }
  .flexitem--2\/5--sm {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 40%;
            flex: 0 0 40%;
    width: 40%;
    max-width: 40%;
  }
  .flexitem--2\/6--sm {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
            flex: 0 0 33.3333333333%;
    width: 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .flexitem--2\/7--sm {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 28.5714285714%;
            flex: 0 0 28.5714285714%;
    width: 28.5714285714%;
    max-width: 28.5714285714%;
  }
  .flexitem--2\/8--sm {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    width: 25%;
    max-width: 25%;
  }
  .flexitem--2\/9--sm {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 22.2222222222%;
            flex: 0 0 22.2222222222%;
    width: 22.2222222222%;
    max-width: 22.2222222222%;
  }
  .flexitem--2\/10--sm {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
            flex: 0 0 20%;
    width: 20%;
    max-width: 20%;
  }
  .flexitem--2\/11--sm {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 18.1818181818%;
            flex: 0 0 18.1818181818%;
    width: 18.1818181818%;
    max-width: 18.1818181818%;
  }
  .flexitem--2\/12--sm {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.6666666667%;
            flex: 0 0 16.6666666667%;
    width: 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .flexitem--3\/4--sm {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    width: 75%;
    max-width: 75%;
  }
  .flexitem--3\/5--sm {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 60%;
            flex: 0 0 60%;
    width: 60%;
    max-width: 60%;
  }
  .flexitem--3\/6--sm {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    width: 50%;
    max-width: 50%;
  }
  .flexitem--3\/7--sm {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 42.8571428571%;
            flex: 0 0 42.8571428571%;
    width: 42.8571428571%;
    max-width: 42.8571428571%;
  }
  .flexitem--3\/8--sm {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 37.5%;
            flex: 0 0 37.5%;
    width: 37.5%;
    max-width: 37.5%;
  }
  .flexitem--3\/9--sm {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
            flex: 0 0 33.3333333333%;
    width: 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .flexitem--3\/10--sm {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 30%;
            flex: 0 0 30%;
    width: 30%;
    max-width: 30%;
  }
  .flexitem--3\/11--sm {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 27.2727272727%;
            flex: 0 0 27.2727272727%;
    width: 27.2727272727%;
    max-width: 27.2727272727%;
  }
  .flexitem--3\/12--sm {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    width: 25%;
    max-width: 25%;
  }
  .flexitem--4\/5--sm {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 80%;
            flex: 0 0 80%;
    width: 80%;
    max-width: 80%;
  }
  .flexitem--4\/6--sm {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.6666666667%;
            flex: 0 0 66.6666666667%;
    width: 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .flexitem--4\/7--sm {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 57.1428571429%;
            flex: 0 0 57.1428571429%;
    width: 57.1428571429%;
    max-width: 57.1428571429%;
  }
  .flexitem--4\/8--sm {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    width: 50%;
    max-width: 50%;
  }
  .flexitem--4\/9--sm {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 44.4444444444%;
            flex: 0 0 44.4444444444%;
    width: 44.4444444444%;
    max-width: 44.4444444444%;
  }
  .flexitem--4\/10--sm {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 40%;
            flex: 0 0 40%;
    width: 40%;
    max-width: 40%;
  }
  .flexitem--4\/11--sm {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 36.3636363636%;
            flex: 0 0 36.3636363636%;
    width: 36.3636363636%;
    max-width: 36.3636363636%;
  }
  .flexitem--4\/12--sm {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
            flex: 0 0 33.3333333333%;
    width: 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .flexitem--5\/6--sm {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 83.3333333333%;
            flex: 0 0 83.3333333333%;
    width: 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .flexitem--5\/7--sm {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 71.4285714286%;
            flex: 0 0 71.4285714286%;
    width: 71.4285714286%;
    max-width: 71.4285714286%;
  }
  .flexitem--5\/8--sm {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 62.5%;
            flex: 0 0 62.5%;
    width: 62.5%;
    max-width: 62.5%;
  }
  .flexitem--5\/9--sm {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 55.5555555556%;
            flex: 0 0 55.5555555556%;
    width: 55.5555555556%;
    max-width: 55.5555555556%;
  }
  .flexitem--5\/10--sm {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    width: 50%;
    max-width: 50%;
  }
  .flexitem--5\/11--sm {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 45.4545454545%;
            flex: 0 0 45.4545454545%;
    width: 45.4545454545%;
    max-width: 45.4545454545%;
  }
  .flexitem--5\/12--sm {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 41.6666666667%;
            flex: 0 0 41.6666666667%;
    width: 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .flexitem--6\/7--sm {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 85.7142857143%;
            flex: 0 0 85.7142857143%;
    width: 85.7142857143%;
    max-width: 85.7142857143%;
  }
  .flexitem--6\/8--sm {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    width: 75%;
    max-width: 75%;
  }
  .flexitem--6\/9--sm {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.6666666667%;
            flex: 0 0 66.6666666667%;
    width: 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .flexitem--6\/10--sm {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 60%;
            flex: 0 0 60%;
    width: 60%;
    max-width: 60%;
  }
  .flexitem--6\/11--sm {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 54.5454545455%;
            flex: 0 0 54.5454545455%;
    width: 54.5454545455%;
    max-width: 54.5454545455%;
  }
  .flexitem--6\/12--sm {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    width: 50%;
    max-width: 50%;
  }
  .flexitem--7\/8--sm {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 87.5%;
            flex: 0 0 87.5%;
    width: 87.5%;
    max-width: 87.5%;
  }
  .flexitem--7\/9--sm {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 77.7777777778%;
            flex: 0 0 77.7777777778%;
    width: 77.7777777778%;
    max-width: 77.7777777778%;
  }
  .flexitem--7\/10--sm {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 70%;
            flex: 0 0 70%;
    width: 70%;
    max-width: 70%;
  }
  .flexitem--7\/11--sm {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 63.6363636364%;
            flex: 0 0 63.6363636364%;
    width: 63.6363636364%;
    max-width: 63.6363636364%;
  }
  .flexitem--7\/12--sm {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 58.3333333333%;
            flex: 0 0 58.3333333333%;
    width: 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .flexitem--8\/9--sm {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 88.8888888889%;
            flex: 0 0 88.8888888889%;
    width: 88.8888888889%;
    max-width: 88.8888888889%;
  }
  .flexitem--8\/10--sm {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 80%;
            flex: 0 0 80%;
    width: 80%;
    max-width: 80%;
  }
  .flexitem--8\/11--sm {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 72.7272727273%;
            flex: 0 0 72.7272727273%;
    width: 72.7272727273%;
    max-width: 72.7272727273%;
  }
  .flexitem--8\/12--sm {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.6666666667%;
            flex: 0 0 66.6666666667%;
    width: 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .flexitem--9\/10--sm {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 90%;
            flex: 0 0 90%;
    width: 90%;
    max-width: 90%;
  }
  .flexitem--9\/11--sm {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 81.8181818182%;
            flex: 0 0 81.8181818182%;
    width: 81.8181818182%;
    max-width: 81.8181818182%;
  }
  .flexitem--9\/12--sm {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    width: 75%;
    max-width: 75%;
  }
  .flexitem--10\/11--sm {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 90.9090909091%;
            flex: 0 0 90.9090909091%;
    width: 90.9090909091%;
    max-width: 90.9090909091%;
  }
  .flexitem--10\/12--sm {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 83.3333333333%;
            flex: 0 0 83.3333333333%;
    width: 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .flexitem--11\/12--sm {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 91.6666666667%;
            flex: 0 0 91.6666666667%;
    width: 91.6666666667%;
    max-width: 91.6666666667%;
  }
}
@media screen and (min-width: 750px) {
  .flexitem--1\/1--md {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
  }
  .flexitem--1\/2--md {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    width: 50%;
    max-width: 50%;
  }
  .flexitem--1\/3--md {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
            flex: 0 0 33.3333333333%;
    width: 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .flexitem--1\/4--md {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    width: 25%;
    max-width: 25%;
  }
  .flexitem--1\/5--md {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
            flex: 0 0 20%;
    width: 20%;
    max-width: 20%;
  }
  .flexitem--1\/6--md {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.6666666667%;
            flex: 0 0 16.6666666667%;
    width: 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .flexitem--1\/7--md {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 14.2857142857%;
            flex: 0 0 14.2857142857%;
    width: 14.2857142857%;
    max-width: 14.2857142857%;
  }
  .flexitem--1\/8--md {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 12.5%;
            flex: 0 0 12.5%;
    width: 12.5%;
    max-width: 12.5%;
  }
  .flexitem--1\/9--md {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 11.1111111111%;
            flex: 0 0 11.1111111111%;
    width: 11.1111111111%;
    max-width: 11.1111111111%;
  }
  .flexitem--1\/10--md {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 10%;
            flex: 0 0 10%;
    width: 10%;
    max-width: 10%;
  }
  .flexitem--1\/11--md {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 9.0909090909%;
            flex: 0 0 9.0909090909%;
    width: 9.0909090909%;
    max-width: 9.0909090909%;
  }
  .flexitem--1\/12--md {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 8.3333333333%;
            flex: 0 0 8.3333333333%;
    width: 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .flexitem--2\/3--md {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.6666666667%;
            flex: 0 0 66.6666666667%;
    width: 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .flexitem--2\/4--md {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    width: 50%;
    max-width: 50%;
  }
  .flexitem--2\/5--md {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 40%;
            flex: 0 0 40%;
    width: 40%;
    max-width: 40%;
  }
  .flexitem--2\/6--md {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
            flex: 0 0 33.3333333333%;
    width: 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .flexitem--2\/7--md {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 28.5714285714%;
            flex: 0 0 28.5714285714%;
    width: 28.5714285714%;
    max-width: 28.5714285714%;
  }
  .flexitem--2\/8--md {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    width: 25%;
    max-width: 25%;
  }
  .flexitem--2\/9--md {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 22.2222222222%;
            flex: 0 0 22.2222222222%;
    width: 22.2222222222%;
    max-width: 22.2222222222%;
  }
  .flexitem--2\/10--md {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
            flex: 0 0 20%;
    width: 20%;
    max-width: 20%;
  }
  .flexitem--2\/11--md {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 18.1818181818%;
            flex: 0 0 18.1818181818%;
    width: 18.1818181818%;
    max-width: 18.1818181818%;
  }
  .flexitem--2\/12--md {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.6666666667%;
            flex: 0 0 16.6666666667%;
    width: 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .flexitem--3\/4--md {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    width: 75%;
    max-width: 75%;
  }
  .flexitem--3\/5--md {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 60%;
            flex: 0 0 60%;
    width: 60%;
    max-width: 60%;
  }
  .flexitem--3\/6--md {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    width: 50%;
    max-width: 50%;
  }
  .flexitem--3\/7--md {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 42.8571428571%;
            flex: 0 0 42.8571428571%;
    width: 42.8571428571%;
    max-width: 42.8571428571%;
  }
  .flexitem--3\/8--md {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 37.5%;
            flex: 0 0 37.5%;
    width: 37.5%;
    max-width: 37.5%;
  }
  .flexitem--3\/9--md {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
            flex: 0 0 33.3333333333%;
    width: 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .flexitem--3\/10--md {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 30%;
            flex: 0 0 30%;
    width: 30%;
    max-width: 30%;
  }
  .flexitem--3\/11--md {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 27.2727272727%;
            flex: 0 0 27.2727272727%;
    width: 27.2727272727%;
    max-width: 27.2727272727%;
  }
  .flexitem--3\/12--md {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    width: 25%;
    max-width: 25%;
  }
  .flexitem--4\/5--md {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 80%;
            flex: 0 0 80%;
    width: 80%;
    max-width: 80%;
  }
  .flexitem--4\/6--md {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.6666666667%;
            flex: 0 0 66.6666666667%;
    width: 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .flexitem--4\/7--md {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 57.1428571429%;
            flex: 0 0 57.1428571429%;
    width: 57.1428571429%;
    max-width: 57.1428571429%;
  }
  .flexitem--4\/8--md {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    width: 50%;
    max-width: 50%;
  }
  .flexitem--4\/9--md {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 44.4444444444%;
            flex: 0 0 44.4444444444%;
    width: 44.4444444444%;
    max-width: 44.4444444444%;
  }
  .flexitem--4\/10--md {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 40%;
            flex: 0 0 40%;
    width: 40%;
    max-width: 40%;
  }
  .flexitem--4\/11--md {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 36.3636363636%;
            flex: 0 0 36.3636363636%;
    width: 36.3636363636%;
    max-width: 36.3636363636%;
  }
  .flexitem--4\/12--md {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
            flex: 0 0 33.3333333333%;
    width: 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .flexitem--5\/6--md {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 83.3333333333%;
            flex: 0 0 83.3333333333%;
    width: 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .flexitem--5\/7--md {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 71.4285714286%;
            flex: 0 0 71.4285714286%;
    width: 71.4285714286%;
    max-width: 71.4285714286%;
  }
  .flexitem--5\/8--md {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 62.5%;
            flex: 0 0 62.5%;
    width: 62.5%;
    max-width: 62.5%;
  }
  .flexitem--5\/9--md {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 55.5555555556%;
            flex: 0 0 55.5555555556%;
    width: 55.5555555556%;
    max-width: 55.5555555556%;
  }
  .flexitem--5\/10--md {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    width: 50%;
    max-width: 50%;
  }
  .flexitem--5\/11--md {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 45.4545454545%;
            flex: 0 0 45.4545454545%;
    width: 45.4545454545%;
    max-width: 45.4545454545%;
  }
  .flexitem--5\/12--md {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 41.6666666667%;
            flex: 0 0 41.6666666667%;
    width: 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .flexitem--6\/7--md {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 85.7142857143%;
            flex: 0 0 85.7142857143%;
    width: 85.7142857143%;
    max-width: 85.7142857143%;
  }
  .flexitem--6\/8--md {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    width: 75%;
    max-width: 75%;
  }
  .flexitem--6\/9--md {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.6666666667%;
            flex: 0 0 66.6666666667%;
    width: 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .flexitem--6\/10--md {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 60%;
            flex: 0 0 60%;
    width: 60%;
    max-width: 60%;
  }
  .flexitem--6\/11--md {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 54.5454545455%;
            flex: 0 0 54.5454545455%;
    width: 54.5454545455%;
    max-width: 54.5454545455%;
  }
  .flexitem--6\/12--md {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    width: 50%;
    max-width: 50%;
  }
  .flexitem--7\/8--md {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 87.5%;
            flex: 0 0 87.5%;
    width: 87.5%;
    max-width: 87.5%;
  }
  .flexitem--7\/9--md {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 77.7777777778%;
            flex: 0 0 77.7777777778%;
    width: 77.7777777778%;
    max-width: 77.7777777778%;
  }
  .flexitem--7\/10--md {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 70%;
            flex: 0 0 70%;
    width: 70%;
    max-width: 70%;
  }
  .flexitem--7\/11--md {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 63.6363636364%;
            flex: 0 0 63.6363636364%;
    width: 63.6363636364%;
    max-width: 63.6363636364%;
  }
  .flexitem--7\/12--md {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 58.3333333333%;
            flex: 0 0 58.3333333333%;
    width: 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .flexitem--8\/9--md {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 88.8888888889%;
            flex: 0 0 88.8888888889%;
    width: 88.8888888889%;
    max-width: 88.8888888889%;
  }
  .flexitem--8\/10--md {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 80%;
            flex: 0 0 80%;
    width: 80%;
    max-width: 80%;
  }
  .flexitem--8\/11--md {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 72.7272727273%;
            flex: 0 0 72.7272727273%;
    width: 72.7272727273%;
    max-width: 72.7272727273%;
  }
  .flexitem--8\/12--md {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.6666666667%;
            flex: 0 0 66.6666666667%;
    width: 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .flexitem--9\/10--md {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 90%;
            flex: 0 0 90%;
    width: 90%;
    max-width: 90%;
  }
  .flexitem--9\/11--md {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 81.8181818182%;
            flex: 0 0 81.8181818182%;
    width: 81.8181818182%;
    max-width: 81.8181818182%;
  }
  .flexitem--9\/12--md {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    width: 75%;
    max-width: 75%;
  }
  .flexitem--10\/11--md {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 90.9090909091%;
            flex: 0 0 90.9090909091%;
    width: 90.9090909091%;
    max-width: 90.9090909091%;
  }
  .flexitem--10\/12--md {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 83.3333333333%;
            flex: 0 0 83.3333333333%;
    width: 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .flexitem--11\/12--md {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 91.6666666667%;
            flex: 0 0 91.6666666667%;
    width: 91.6666666667%;
    max-width: 91.6666666667%;
  }
}
@media screen and (min-width: 900px) {
  .flexitem--1\/1--desk {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
  }
  .flexitem--1\/2--desk {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    width: 50%;
    max-width: 50%;
  }
  .flexitem--1\/3--desk {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
            flex: 0 0 33.3333333333%;
    width: 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .flexitem--1\/4--desk {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    width: 25%;
    max-width: 25%;
  }
  .flexitem--1\/5--desk {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
            flex: 0 0 20%;
    width: 20%;
    max-width: 20%;
  }
  .flexitem--1\/6--desk {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.6666666667%;
            flex: 0 0 16.6666666667%;
    width: 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .flexitem--1\/7--desk {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 14.2857142857%;
            flex: 0 0 14.2857142857%;
    width: 14.2857142857%;
    max-width: 14.2857142857%;
  }
  .flexitem--1\/8--desk {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 12.5%;
            flex: 0 0 12.5%;
    width: 12.5%;
    max-width: 12.5%;
  }
  .flexitem--1\/9--desk {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 11.1111111111%;
            flex: 0 0 11.1111111111%;
    width: 11.1111111111%;
    max-width: 11.1111111111%;
  }
  .flexitem--1\/10--desk {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 10%;
            flex: 0 0 10%;
    width: 10%;
    max-width: 10%;
  }
  .flexitem--1\/11--desk {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 9.0909090909%;
            flex: 0 0 9.0909090909%;
    width: 9.0909090909%;
    max-width: 9.0909090909%;
  }
  .flexitem--1\/12--desk {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 8.3333333333%;
            flex: 0 0 8.3333333333%;
    width: 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .flexitem--2\/3--desk {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.6666666667%;
            flex: 0 0 66.6666666667%;
    width: 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .flexitem--2\/4--desk {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    width: 50%;
    max-width: 50%;
  }
  .flexitem--2\/5--desk {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 40%;
            flex: 0 0 40%;
    width: 40%;
    max-width: 40%;
  }
  .flexitem--2\/6--desk {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
            flex: 0 0 33.3333333333%;
    width: 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .flexitem--2\/7--desk {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 28.5714285714%;
            flex: 0 0 28.5714285714%;
    width: 28.5714285714%;
    max-width: 28.5714285714%;
  }
  .flexitem--2\/8--desk {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    width: 25%;
    max-width: 25%;
  }
  .flexitem--2\/9--desk {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 22.2222222222%;
            flex: 0 0 22.2222222222%;
    width: 22.2222222222%;
    max-width: 22.2222222222%;
  }
  .flexitem--2\/10--desk {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
            flex: 0 0 20%;
    width: 20%;
    max-width: 20%;
  }
  .flexitem--2\/11--desk {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 18.1818181818%;
            flex: 0 0 18.1818181818%;
    width: 18.1818181818%;
    max-width: 18.1818181818%;
  }
  .flexitem--2\/12--desk {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.6666666667%;
            flex: 0 0 16.6666666667%;
    width: 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .flexitem--3\/4--desk {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    width: 75%;
    max-width: 75%;
  }
  .flexitem--3\/5--desk {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 60%;
            flex: 0 0 60%;
    width: 60%;
    max-width: 60%;
  }
  .flexitem--3\/6--desk {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    width: 50%;
    max-width: 50%;
  }
  .flexitem--3\/7--desk {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 42.8571428571%;
            flex: 0 0 42.8571428571%;
    width: 42.8571428571%;
    max-width: 42.8571428571%;
  }
  .flexitem--3\/8--desk {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 37.5%;
            flex: 0 0 37.5%;
    width: 37.5%;
    max-width: 37.5%;
  }
  .flexitem--3\/9--desk {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
            flex: 0 0 33.3333333333%;
    width: 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .flexitem--3\/10--desk {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 30%;
            flex: 0 0 30%;
    width: 30%;
    max-width: 30%;
  }
  .flexitem--3\/11--desk {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 27.2727272727%;
            flex: 0 0 27.2727272727%;
    width: 27.2727272727%;
    max-width: 27.2727272727%;
  }
  .flexitem--3\/12--desk {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    width: 25%;
    max-width: 25%;
  }
  .flexitem--4\/5--desk {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 80%;
            flex: 0 0 80%;
    width: 80%;
    max-width: 80%;
  }
  .flexitem--4\/6--desk {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.6666666667%;
            flex: 0 0 66.6666666667%;
    width: 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .flexitem--4\/7--desk {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 57.1428571429%;
            flex: 0 0 57.1428571429%;
    width: 57.1428571429%;
    max-width: 57.1428571429%;
  }
  .flexitem--4\/8--desk {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    width: 50%;
    max-width: 50%;
  }
  .flexitem--4\/9--desk {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 44.4444444444%;
            flex: 0 0 44.4444444444%;
    width: 44.4444444444%;
    max-width: 44.4444444444%;
  }
  .flexitem--4\/10--desk {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 40%;
            flex: 0 0 40%;
    width: 40%;
    max-width: 40%;
  }
  .flexitem--4\/11--desk {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 36.3636363636%;
            flex: 0 0 36.3636363636%;
    width: 36.3636363636%;
    max-width: 36.3636363636%;
  }
  .flexitem--4\/12--desk {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
            flex: 0 0 33.3333333333%;
    width: 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .flexitem--5\/6--desk {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 83.3333333333%;
            flex: 0 0 83.3333333333%;
    width: 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .flexitem--5\/7--desk {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 71.4285714286%;
            flex: 0 0 71.4285714286%;
    width: 71.4285714286%;
    max-width: 71.4285714286%;
  }
  .flexitem--5\/8--desk {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 62.5%;
            flex: 0 0 62.5%;
    width: 62.5%;
    max-width: 62.5%;
  }
  .flexitem--5\/9--desk {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 55.5555555556%;
            flex: 0 0 55.5555555556%;
    width: 55.5555555556%;
    max-width: 55.5555555556%;
  }
  .flexitem--5\/10--desk {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    width: 50%;
    max-width: 50%;
  }
  .flexitem--5\/11--desk {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 45.4545454545%;
            flex: 0 0 45.4545454545%;
    width: 45.4545454545%;
    max-width: 45.4545454545%;
  }
  .flexitem--5\/12--desk {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 41.6666666667%;
            flex: 0 0 41.6666666667%;
    width: 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .flexitem--6\/7--desk {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 85.7142857143%;
            flex: 0 0 85.7142857143%;
    width: 85.7142857143%;
    max-width: 85.7142857143%;
  }
  .flexitem--6\/8--desk {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    width: 75%;
    max-width: 75%;
  }
  .flexitem--6\/9--desk {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.6666666667%;
            flex: 0 0 66.6666666667%;
    width: 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .flexitem--6\/10--desk {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 60%;
            flex: 0 0 60%;
    width: 60%;
    max-width: 60%;
  }
  .flexitem--6\/11--desk {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 54.5454545455%;
            flex: 0 0 54.5454545455%;
    width: 54.5454545455%;
    max-width: 54.5454545455%;
  }
  .flexitem--6\/12--desk {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    width: 50%;
    max-width: 50%;
  }
  .flexitem--7\/8--desk {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 87.5%;
            flex: 0 0 87.5%;
    width: 87.5%;
    max-width: 87.5%;
  }
  .flexitem--7\/9--desk {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 77.7777777778%;
            flex: 0 0 77.7777777778%;
    width: 77.7777777778%;
    max-width: 77.7777777778%;
  }
  .flexitem--7\/10--desk {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 70%;
            flex: 0 0 70%;
    width: 70%;
    max-width: 70%;
  }
  .flexitem--7\/11--desk {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 63.6363636364%;
            flex: 0 0 63.6363636364%;
    width: 63.6363636364%;
    max-width: 63.6363636364%;
  }
  .flexitem--7\/12--desk {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 58.3333333333%;
            flex: 0 0 58.3333333333%;
    width: 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .flexitem--8\/9--desk {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 88.8888888889%;
            flex: 0 0 88.8888888889%;
    width: 88.8888888889%;
    max-width: 88.8888888889%;
  }
  .flexitem--8\/10--desk {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 80%;
            flex: 0 0 80%;
    width: 80%;
    max-width: 80%;
  }
  .flexitem--8\/11--desk {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 72.7272727273%;
            flex: 0 0 72.7272727273%;
    width: 72.7272727273%;
    max-width: 72.7272727273%;
  }
  .flexitem--8\/12--desk {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.6666666667%;
            flex: 0 0 66.6666666667%;
    width: 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .flexitem--9\/10--desk {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 90%;
            flex: 0 0 90%;
    width: 90%;
    max-width: 90%;
  }
  .flexitem--9\/11--desk {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 81.8181818182%;
            flex: 0 0 81.8181818182%;
    width: 81.8181818182%;
    max-width: 81.8181818182%;
  }
  .flexitem--9\/12--desk {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    width: 75%;
    max-width: 75%;
  }
  .flexitem--10\/11--desk {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 90.9090909091%;
            flex: 0 0 90.9090909091%;
    width: 90.9090909091%;
    max-width: 90.9090909091%;
  }
  .flexitem--10\/12--desk {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 83.3333333333%;
            flex: 0 0 83.3333333333%;
    width: 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .flexitem--11\/12--desk {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 91.6666666667%;
            flex: 0 0 91.6666666667%;
    width: 91.6666666667%;
    max-width: 91.6666666667%;
  }
}

.order-0 {
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
}
.order-1 {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.order-2 {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
.order-3 {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}
.order-4 {
  -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4;
}
.order-5 {
  -webkit-box-ordinal-group: 6;
      -ms-flex-order: 5;
          order: 5;
}
.order-6 {
  -webkit-box-ordinal-group: 7;
      -ms-flex-order: 6;
          order: 6;
}
@media screen and (min-width: 450px) {
  .order-0--xs {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
  .order-1--xs {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .order-2--xs {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .order-3--xs {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .order-4--xs {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  .order-5--xs {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
  .order-6--xs {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }
}
@media screen and (min-width: 600px) {
  .order-0--sm {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
  .order-1--sm {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .order-2--sm {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .order-3--sm {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .order-4--sm {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  .order-5--sm {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
  .order-6--sm {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }
}
@media screen and (min-width: 750px) {
  .order-0--md {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
  .order-1--md {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .order-2--md {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .order-3--md {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .order-4--md {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  .order-5--md {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
  .order-6--md {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }
}
@media screen and (min-width: 900px) {
  .order-0--desk {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
  .order-1--desk {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .order-2--desk {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .order-3--desk {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .order-4--desk {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  .order-5--desk {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
  .order-6--desk {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }
}

@media screen and (min-width: 900px) {
  .box-photo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .box-photo__content {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    width: 50%;
  }
  .box-photo__content .box-photo__img {
    display: none;
  }
  .box-photo__content + .box-photo__img {
    padding-right: 0;
    padding-left: 40px;
  }
  .box-photo__img {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    width: 50%;
    max-width: 50%;
    padding-right: 40px;
  }
}
@media screen and (max-width: 899.99px) {
  .box-photo__img {
    text-align: center;
  }
  .box-photo > .box-photo__img {
    display: none;
  }
}

@media screen and (min-width: 900px) {
  .box-photo2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .box-photo2__content {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    width: 50%;
    padding-right: 50px;
  }
  .box-photo2__content .box-photo2__img {
    display: none;
  }
  .box-photo2__img {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    width: 50%;
    max-width: 50%;
  }
  .box-photo2__img + .box-photo2__content {
    padding-right: 0;
    padding-left: 50px;
  }
}
@media screen and (max-width: 899.99px) {
  .box-photo2__img {
    text-align: center;
  }
  .box-photo2 > .box-photo2__img {
    display: none;
  }
}

.box-cardWhite {
  background-color: #fff;
  border-radius: 12px;
  padding: 20px;
}
@media screen and (min-width: 900px) {
  .box-cardWhite {
    padding: 50px;
  }
}

.box-tips {
  padding: 20px;
  background-color: #f3f3f3;
}
@media screen and (min-width: 900px) {
  .box-tips {
    padding: 40px;
  }
}

.box-padding {
  padding: 30px 10px;
}
@media screen and (min-width: 900px) {
  .box-padding {
    padding: 50px 25px;
  }
}

.borderbox__radius-15, .borderbox {
  padding: 20px;
}
@media screen and (min-width: 900px) {
  .borderbox__radius-15, .borderbox {
    padding: 35px;
  }
}

.borderbox__radius-15--narrow, .borderbox--narrow {
  padding: 12px 8px;
}
@media screen and (min-width: 900px) {
  .borderbox__radius-15--narrow, .borderbox--narrow {
    padding: 18px 13px;
  }
}

.borderbox__radius-15 {
  border-radius: 15px;
}
.borderbox__radius-15--narrow {
  border-radius: 15px;
}

.table-t1 {
  table-layout: fixed;
  width: 100%;
}
.table-t1--center th, .table-t1--center td {
  text-align: center;
}
.table-t1 th {
  background-color: #eef3f0;
}
.table-t1 th, .table-t1 td {
  border: 1px solid #d2d2d2;
  padding: 7px;
}
@media screen and (min-width: 900px) {
  .table-t1 th, .table-t1 td {
    padding: 10px;
  }
}

.about-catch {
  background: url(../img/about/bg1@mobile.jpg) no-repeat center center/cover;
  padding: 50px 0;
}
.about-catch__text {
  color: #fff;
}
.about-catch__text {
  max-width: 960px;
  margin: 0 auto 40px;
}
@media screen and (min-width: 900px) {
  .about-catch {
    background-image: url(../img/about/bg1.jpg);
    padding: 95px 0;
  }
  .about-catch__text {
    margin-bottom: 75px;
  }
  .about-catch__text p {
    letter-spacing: 0.08em;
  }
}

.about-concept__bunkamura {
  background: url(../img/about/bg-bunkamura.jpg) no-repeat center center/cover;
}
.about-concept__kenshu {
  background: url(../img/about/bg-bunkakenshuu.jpg) no-repeat center center/cover;
}
.about-concept__center {
  background-color: rgba(255, 255, 255, 0.7);
}
.about-concept__title {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1.3;
  margin-bottom: 12px;
}
.about-concept__tel {
  font-size: 18px;
  margin-top: 0.8em;
}
.about-concept__fax {
  margin-bottom: 1.5em;
}
.about-concept__tel, .about-concept__fax {
  line-height: 1.3;
}
@media screen and (min-width: 900px) {
  .about-concept {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .about-concept__bunkamura, .about-concept__kenshu {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    width: 50%;
    max-width: 50%;
    height: 665px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding: 40px;
  }
  .about-concept__bunkamura {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .about-concept__center {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 500px;
            flex: 0 1 500px;
    max-width: 500px;
    width: 100%;
    padding: 40px;
  }
  .about-concept__title {
    font-size: 20px;
    letter-spacing: 0.1em;
    margin-bottom: 20px;
  }
  .about-concept__tel {
    font-size: 24px;
  }
}
@media screen and (max-width: 899.99px) {
  .about-concept__bunkamura, .about-concept__kenshu {
    padding: 50px 10px;
  }
  .about-concept__center {
    max-width: 400px;
    padding: 20px;
  }
  .about-concept__kenshu .about-concept__center {
    margin-left: auto;
  }
}

.accept-catch {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 80px 10px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  background-image: url(../img/accept/bg-catch@mobile.jpg);
}
.accept-catch.bgi-program {
  background-image: url(../img/accept/program/bg-catch@mobile.jpg);
}
.accept-catch__container {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 1200px;
          flex: 0 1 1200px;
  width: 100%;
  max-width: 1200px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.accept-catch__in {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 630px;
          flex: 0 1 630px;
  max-width: 630px;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.8);
  padding: 30px 20px;
}
@media screen and (min-width: 900px) {
  .accept-catch {
    padding: 60px 10px;
    min-height: 570px;
    background-image: url(../img/accept/bg-catch.jpg);
  }
  .accept-catch.bgi-program {
    background-image: url(../img/accept/program/bg-catch.jpg);
  }
  .accept-catch__in {
    padding: 55px 40px;
  }
}

.accept-anker {
  padding: 30px 0;
}
.accept-anker__link--short {
  display: block;
  height: 100%;
  color: #fff;
  background-color: #89795a;
  padding: 7px 10px;
  cursor: pointer;
  -webkit-transition: 0.3s opacity ease-in-out;
  -o-transition: 0.3s opacity ease-in-out;
  transition: 0.3s opacity ease-in-out;
}
.accept-anker__link--short:hover {
  opacity: 0.6;
}
.accept-anker__link--day {
  display: block;
  height: 100%;
  color: #fff;
  background-color: #7b9c66;
  padding: 7px 10px;
  cursor: pointer;
  -webkit-transition: 0.3s opacity ease-in-out;
  -o-transition: 0.3s opacity ease-in-out;
  transition: 0.3s opacity ease-in-out;
}
.accept-anker__link--day:hover {
  opacity: 0.6;
}
.accept-anker__link--stay {
  display: block;
  height: 100%;
  color: #fff;
  background-color: #678ba2;
  padding: 7px 10px;
  cursor: pointer;
  -webkit-transition: 0.3s opacity ease-in-out;
  -o-transition: 0.3s opacity ease-in-out;
  transition: 0.3s opacity ease-in-out;
}
.accept-anker__link--stay:hover {
  opacity: 0.6;
}
.accept-anker__title {
  font-family: "Noto Serif JP", serif;
  color: #fff;
  border-bottom: 1px solid #fff;
  line-height: 1.5;
  font-size: 20px;
  font-weight: 500;
  position: relative;
  margin-bottom: 0.45em;
  padding-bottom: 0.45em;
}
.accept-anker__title:after {
  content: "▼";
  display: block;
  font-size: 10px;
  position: absolute;
  line-height: 1;
  right: 0;
  bottom: 5px;
}
.accept-anker__tips {
  font-family: "Noto Serif JP", serif;
  color: #fff;
  line-height: 1.1;
}
@media screen and (min-width: 600px) {
  .accept-anker__link--short {
    padding: 12px 10px;
  }
  .accept-anker__link--day {
    padding: 12px 10px;
  }
  .accept-anker__link--stay {
    padding: 12px 10px;
  }
}
@media screen and (min-width: 900px) {
  .accept-anker {
    padding: 60px 0;
  }
  .accept-anker__link--short {
    padding: 15px 25px;
  }
  .accept-anker__link--day {
    padding: 15px 25px;
  }
  .accept-anker__link--stay {
    padding: 15px 25px;
  }
  .accept-anker__title {
    font-size: 30px;
  }
  .accept-anker__title:after {
    font-size: 20px;
  }
}

.accept-section__title {
  font-family: "Noto Serif JP", serif;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-bottom: 12px;
}
.accept-section__title em {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  font-size: 25px;
  line-height: 1.2;
  letter-spacing: 0.1em;
  font-weight: 600;
  margin-right: 0.2em;
}
.accept-section__title span {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  font-size: 16px;
  line-height: 1.2;
  letter-spacing: 0.06em;
  font-weight: 600;
}
.accept-section__title small {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin-left: auto;
  font-size: 16px;
  opacity: 0.5;
  line-height: 1.2;
  letter-spacing: 0.06em;
  font-weight: 600;
}
.accept-section__subtitle {
  font-weight: bold;
  font-size: 20px;
}
.accept-section--short {
  background-color: #f5f2ec;
}
.accept-section--short .accept-section__title {
  color: #89795a;
  border-bottom: 1px solid #89795a;
}
.accept-section--short .accept-section__subtitle {
  color: #89795a;
}
.accept-section--day {
  background-color: #f2f6ef;
}
.accept-section--day .accept-section__title {
  color: #7b9c66;
  border-bottom: 1px solid #7b9c66;
}
.accept-section--day .accept-section__subtitle {
  color: #7b9c66;
}
.accept-section--stay {
  background-color: #eff4f6;
}
.accept-section--stay .accept-section__title {
  color: #678ba2;
  border-bottom: 1px solid #678ba2;
}
.accept-section--stay .accept-section__subtitle {
  color: #678ba2;
}
@media screen and (min-width: 600px) {
  .accept-section__title em {
    font-size: 32px;
  }
  .accept-section__title span, .accept-section__title small {
    font-size: 20px;
  }
}
@media screen and (min-width: 900px) {
  .accept-section__subtitle {
    font-size: 24px;
  }
  .accept-section__title em {
    font-size: 50px;
  }
  .accept-section__title span, .accept-section__title small {
    font-size: 24px;
  }
}

.accept-voice {
  border-radius: 8px;
  border: 2px solid #a3a3a3;
  padding: 22px 10px;
}
@media screen and (min-width: 600px) {
  .accept-voice {
    padding: 30px;
  }
}
@media screen and (min-width: 900px) {
  .accept-voice {
    border-radius: 15px;
    padding: 50px;
  }
}

.accept-card {
  height: 100%;
  background-color: #fff;
  padding: 8px;
}
.accept-card__img {
  text-align: center;
}
.accept-card__title {
  background-color: #d1dacb;
  text-align: center;
  font-weight: bold;
  padding: 6px;
  line-height: 1.3;
  margin-top: 8px;
}
.accept-card__text {
  margin-top: 8px;
}
@media screen and (min-width: 900px) {
  .accept-card {
    padding: 15px;
  }
  .accept-card__title {
    padding: 12px;
    margin-top: 15px;
  }
  .accept-card__text {
    margin-top: 15px;
  }
}

.accept-banner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  padding: 10px;
  border: 1px solid #0a1602;
  will-change: background-color;
  -webkit-transition: 0.3s background-color ease-in-out;
  -o-transition: 0.3s background-color ease-in-out;
  transition: 0.3s background-color ease-in-out;
}
.accept-banner:hover {
  background-color: #eef8e6;
}
.accept-banner__img {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 80px;
          flex: 0 0 80px;
  width: 80px;
}
.accept-banner__arrow {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 14px;
          flex: 0 0 14px;
  width: 14px;
  line-height: 0;
}
.accept-banner__arrow .fill-path {
  fill: #234d07;
}
.accept-banner__arrow .stroke-path {
  fill: none;
  stroke: #234d07;
}
.accept-banner__text {
  line-height: 1.55;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  padding-left: 8px;
  padding-right: 5px;
  width: calc(100% - 94px);
  max-width: calc(100% - 94px);
}
.accept-banner__category--extracost {
  display: inline-block;
  font-weight: bold;
  font-size: 12px;
  line-height: 1;
  padding: 0.5em 1em;
  background-color: #bf2929;
  color: #fff;
}
.accept-banner__category--recommend {
  display: inline-block;
  font-weight: bold;
  font-size: 12px;
  line-height: 1;
  padding: 0.5em 1em;
  background-color: #8fc31f;
  color: #fff;
}
@media screen and (min-width: 900px) {
  .accept-banner__img {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 120px;
            flex: 0 0 120px;
    width: 120px;
  }
  .accept-banner__arrow {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 23px;
            flex: 0 0 23px;
    width: 23px;
  }
  .accept-banner__text {
    width: calc(100% - 143px);
    max-width: calc(100% - 143px);
    padding-left: 13px;
    padding-right: 8px;
  }
  .accept-banner__category--extracost {
    font-size: 14px;
  }
  .accept-banner__category--recommend {
    font-size: 14px;
  }
}

.accept-programtitle {
  background-color: #cccccc;
  position: relative;
  margin-bottom: 30px;
}
.accept-programtitle::before, .accept-programtitle::after {
  content: "";
  position: absolute;
  background-color: #8c8c8c;
  width: 50%;
  height: 20px;
}
.accept-programtitle::before {
  left: 0;
  bottom: 0;
}
.accept-programtitle::after {
  top: 0;
  right: 0;
}
.accept-programtitle__text {
  position: relative;
  z-index: 2;
  width: 300px;
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 auto;
  color: #fff;
  font-size: 14px;
  text-align: center;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1.2;
}
.accept-programtitle__text::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-color: #8c8c8c;
  -webkit-transform: skewX(-30deg);
      -ms-transform: skewX(-30deg);
          transform: skewX(-30deg);
}
.accept-programtitle__text.category-extracost::before {
  content: "別途費用";
  width: 86px;
  height: 26px;
  border-radius: 13px;
  background-color: #bf2929;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #fff;
  position: absolute;
  left: 0;
  top: -13px;
}
.accept-programtitle__text.category-recommend::before {
  content: "おすすめ";
  width: 86px;
  height: 26px;
  border-radius: 13px;
  background-color: #8fc31f;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #fff;
  position: absolute;
  left: 0;
  top: -13px;
}
@media screen and (min-width: 900px) {
  .accept-programtitle__text {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 470px;
            flex: 0 0 470px;
    width: 470px;
    font-size: 20px;
    letter-spacing: 0.1em;
  }
  .accept-programtitle__text.category-extracost::before {
    font-size: 14px;
    top: 50%;
    margin-top: -13px;
    left: -66px;
  }
  .accept-programtitle__text.category-recommend::before {
    font-size: 14px;
    top: 50%;
    margin-top: -13px;
    left: -66px;
  }
}

.accept-programcard {
  height: 100%;
  border: 1px dashed #aaaaaa;
  padding: 8px;
}
.accept-programcard__img {
  text-align: center;
  margin-bottom: 15px;
}
.accept-programcard__title {
  background-color: #d1dacb;
  line-height: 1.2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: bold;
  margin-bottom: 15px;
  padding: 18px 3px;
}
.accept-programcard__title.tag-extracost {
  position: relative;
  z-index: 2;
}
.accept-programcard__title.tag-extracost::after {
  content: "別途費用";
  width: 86px;
  height: 26px;
  border-radius: 13px;
  background-color: #bf2929;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #fff;
  position: absolute;
  right: 0;
  top: -13px;
  font-size: 12px;
}
.accept-programcard__title.tag-recommend {
  position: relative;
  z-index: 2;
}
.accept-programcard__title.tag-recommend::after {
  content: "おすすめ";
  width: 86px;
  height: 26px;
  border-radius: 13px;
  background-color: #8fc31f;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #fff;
  position: absolute;
  right: 0;
  top: -13px;
  font-size: 12px;
}
.accept-programcard__title-in {
  text-align: center;
}
.accept-programcard__title-in small {
  font-weight: normal;
  font-size: 12px;
}
.accept-programcard__title-in span {
  font-weight: bold;
}
.accept-programcard__content {
  font-size: 12px;
  line-height: 1.5;
}
@media screen and (min-width: 900px) {
  .accept-programcard {
    padding: 15px;
  }
  .accept-programcard__title-in small {
    font-size: 14px;
  }
  .accept-programcard__content {
    font-size: 14px;
  }
}

.activity-catch {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: url(../img/activity/bg1@mobile.jpg) no-repeat center top/cover;
  padding: 20px 10px 420px;
}
.activity-catch__container {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 940px;
          flex: 0 1 940px;
  width: 100%;
  max-width: 940px;
}
.activity-catch__in {
  max-width: 610px;
}
@media screen and (min-width: 900px) {
  .activity-catch {
    background-image: url(../img/activity/bg1.jpg);
    padding: 90px 10px;
    min-height: 560px;
  }
}

.activity-categoryCatch {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 50px 10px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.activity-categoryCatch__container {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 1200px;
          flex: 0 1 1200px;
  width: 100%;
  max-width: 1200px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.activity-categoryCatch__in {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 630px;
          flex: 0 1 630px;
  max-width: 630px;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.8);
  padding: 30px 20px;
}
@media screen and (min-width: 900px) {
  .activity-categoryCatch {
    padding: 100px 10px;
    min-height: 560px;
  }
  .activity-categoryCatch__in {
    padding: 55px 40px;
  }
}

.activity-banner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  padding: 10px;
  border: 1px solid #0a1602;
  will-change: background-color;
  -webkit-transition: 0.3s background-color ease-in-out;
  -o-transition: 0.3s background-color ease-in-out;
  transition: 0.3s background-color ease-in-out;
}
.activity-banner:hover {
  background-color: #eef8e6;
}
.activity-banner__img {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 80px;
          flex: 0 0 80px;
  width: 80px;
}
.activity-banner__arrow {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 14px;
          flex: 0 0 14px;
  width: 14px;
  line-height: 0;
}
.activity-banner__arrow .fill-path {
  fill: #234d07;
}
.activity-banner__arrow .stroke-path {
  fill: none;
  stroke: #234d07;
}
.activity-banner__text {
  line-height: 1.55;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  padding-left: 8px;
  padding-right: 5px;
  width: calc(100% - 94px);
  max-width: calc(100% - 94px);
}
@media screen and (min-width: 900px) {
  .activity-banner__img {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 120px;
            flex: 0 0 120px;
    width: 120px;
  }
  .activity-banner__arrow {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 23px;
            flex: 0 0 23px;
    width: 23px;
  }
  .activity-banner__text {
    width: calc(100% - 143px);
    max-width: calc(100% - 143px);
    padding-left: 13px;
    padding-right: 8px;
  }
}

.activity-tel {
  letter-spacing: 0.03em;
}
.activity-tel small {
  font-size: 18px;
}
.activity-tel span {
  font-size: 26px;
}
@media screen and (min-width: 900px) {
  .activity-tel small {
    font-size: 20px;
  }
  .activity-tel span {
    font-size: 32px;
  }
}

.activity-card {
  background-color: #fff;
  border: 1px solid #0a1602;
  position: relative;
}
.activity-card.is-new:after {
  content: "";
  width: 52px;
  height: 59px;
  background: url(../img/activity/icon-new.png) no-repeat center center/cover;
  position: absolute;
  top: -13px;
  right: 13px;
}
.activity-card__header {
  height: 46px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 20px;
  position: relative;
  overflow: hidden;
  color: #fff;
  font-weight: bold;
  letter-spacing: 0.06em;
}
.activity-card__header::before {
  content: "";
  display: block;
  height: 60px;
  width: 40px;
  position: absolute;
  top: -16px;
  left: -26px;
  -webkit-transform: rotate(30deg);
      -ms-transform: rotate(30deg);
          transform: rotate(30deg);
}
.activity-card__header.color-type-orange {
  background-color: #ffaa33;
}
.activity-card__header.color-type-orange::before {
  background-color: #ff9500;
}
.activity-card__header.color-type-green {
  background-color: #4f7139;
}
.activity-card__header.color-type-green::before {
  background-color: #234d07;
}
.activity-card__header.color-type-pink {
  background-color: #f3a6a8;
}
.activity-card__header.color-type-pink::before {
  background-color: #ed888b;
}
.activity-card__header.color-type-aqau {
  background-color: #13b5b1;
}
.activity-card__header.color-type-aqau::before {
  background-color: #0b8771;
}
.activity-card__header.color-type-purple {
  background-color: #6063a1;
}
.activity-card__header.color-type-purple::before {
  background-color: #383c80;
}
.activity-card__header.color-type-brown {
  background-color: #ac6a00;
}
.activity-card__header.color-type-brown::before {
  background-color: #7f591b;
}
.activity-card__header.color-type-yellowgreen {
  background-color: #8fc31f;
}
.activity-card__header.color-type-yellowgreen::before {
  background-color: #729b19;
}
.activity-card__img {
  text-align: center;
  margin: 23px 10px;
}
.activity-card__content {
  padding: 12px 12px 20px;
}
.activity-card__title {
  background-color: #f7f8f7;
  font-weight: 600;
  padding: 8px 4px;
  text-align: center;
}
.activity-card__info {
  padding: 8px 12px 20px;
  font-size: 13px;
}
.activity-card__info dl {
  line-height: 1.5;
}
.activity-card__info dl + dl {
  margin-top: 5px;
}
.activity-card__info dt, .activity-card__info dd {
  display: inline;
}
.activity-card__button {
  max-width: 200px;
  margin: 0 auto;
}
@media screen and (min-width: 900px) {
  .activity-card__header {
    padding-left: 40px;
  }
  .activity-card__title {
    padding: 12px 20px;
  }
  .activity-card__info {
    padding: 14px 20px 20px;
    font-size: 14px;
  }
  .activity-card__content {
    padding: 23px 14px 33px;
  }
  .activity-card__button {
    max-width: 290px;
  }
}

.activity-post__title {
  font-size: 20px;
  font-family: "Noto Serif JP", serif;
  letter-spacing: 0.1em;
  border-left: 7px solid #234d07;
  color: #234d07;
  padding-left: 10px;
  font-weight: 500;
  margin-bottom: 25px;
}
.activity-post__content {
  background-color: #fff;
  overflow: hidden;
  border-radius: 15px;
  position: relative;
  padding: 55px 20px 20px;
  max-width: 960px;
}
.activity-post__tag {
  position: absolute;
  right: 0;
  top: 0;
  height: 44px;
  width: 197px;
  padding-right: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  color: #fff;
  font-weight: bold;
}
.activity-post__tag.color-type-orange {
  background-color: #ff9500;
}
.activity-post__tag.color-type-green {
  background-color: #234d07;
}
.activity-post__tag.color-type-pink {
  background-color: #ed888b;
}
.activity-post__tag.color-type-aqau {
  background-color: #0b8771;
}
.activity-post__tag.color-type-purple {
  background-color: #383c80;
}
.activity-post__tag.color-type-brown {
  background-color: #7f591b;
}
.activity-post__tag.color-type-yellowgreen {
  background-color: #729b19;
}
.activity-post__share {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding-top: 30px;
}
.activity-post__share-item {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  line-height: 0;
}
.activity-post__share-item.ml {
  margin-left: 10px;
}
.activity-post__pager {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  max-width: 820px;
  margin: 0 auto;
  padding-top: 40px;
}
.activity-post__pager-arrow {
  background-color: #a3ae9c;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100px;
          flex: 0 0 100px;
  width: 100px;
  height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 15px;
  color: #fff;
  -webkit-transition: 0.3s opacity ease-in-out;
  -o-transition: 0.3s opacity ease-in-out;
  transition: 0.3s opacity ease-in-out;
}
.activity-post__pager-arrow:hover {
  opacity: 0.6;
}
.activity-post__pager-list {
  margin: 0 auto;
  background-color: #b3b3b3;
  color: #fff;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 80px;
          flex: 0 0 80px;
  width: 80px;
  height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 15px;
  -webkit-transition: 0.3s opacity ease-in-out;
  -o-transition: 0.3s opacity ease-in-out;
  transition: 0.3s opacity ease-in-out;
}
.activity-post__pager-list:hover {
  opacity: 0.6;
}
.activity-post__information {
  margin-bottom: 25px;
}
.activity-post__information th {
  font-family: "Noto Serif JP", serif;
  color: #234d07;
  font-weight: 600;
  background-color: #f7f8f7;
}
@media screen and (min-width: 600px) {
  .activity-post__information {
    width: 100%;
    table-layout: fixed;
  }
  .activity-post__information th {
    width: 120px;
    text-align: center;
  }
  .activity-post__information td {
    width: auto;
  }
  .activity-post__information th, .activity-post__information td {
    border-top: 1px dashed #626262;
    border-bottom: 1px dashed #626262;
    padding: 15px 8px;
  }
}
@media screen and (min-width: 900px) {
  .activity-post__content {
    padding: 55px 40px 40px;
  }
  .activity-post__title {
    font-size: 26px;
    margin-bottom: 42px;
  }
  .activity-post__information {
    margin-bottom: 40px;
  }
  .activity-post__pager {
    padding-top: 60px;
  }
  .activity-post__pager-arrow {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 140px;
            flex: 0 0 140px;
    width: 140px;
  }
  .activity-post__pager-list {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 120px;
            flex: 0 0 120px;
    width: 120px;
  }
}
@media screen and (max-width: 599.99px) {
  .activity-post__information {
    display: block;
  }
  .activity-post__information tbody, .activity-post__information tr, .activity-post__information th, .activity-post__information td {
    display: block;
    width: 100%;
  }
  .activity-post__information th, .activity-post__information td {
    padding: 12px 9px;
  }
}

.calendar-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-top: 1px solid #434343;
  border-bottom: 1px solid #434343;
}
.calendar-header__prev, .calendar-header__next {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 80px;
          flex: 0 0 80px;
  width: 80px;
  font-size: 17px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #eff1ed;
  will-change: background-color, color;
  -webkit-transition: 0.3s background-color ease-in-out, 0.3s color ease-in-out;
  -o-transition: 0.3s background-color ease-in-out, 0.3s color ease-in-out;
  transition: 0.3s background-color ease-in-out, 0.3s color ease-in-out;
}
.calendar-header__prev:hover, .calendar-header__next:hover {
  background-color: #234d07;
  color: #fff;
}
.calendar-header__prev:hover i .stroke-path, .calendar-header__next:hover i .stroke-path {
  stroke: #fff;
}
.calendar-header__prev i, .calendar-header__next i {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 10px;
          flex: 0 0 10px;
  width: 10px;
  line-height: 0;
}
.calendar-header__prev i .stroke-path, .calendar-header__next i .stroke-path {
  fill: none;
  stroke: #000;
  will-change: stroke;
  -webkit-transition: 0.3s stroke ease-in-out;
  -o-transition: 0.3s stroke ease-in-out;
  transition: 0.3s stroke ease-in-out;
}
.calendar-header__prev i {
  margin-right: 5px;
}
.calendar-header__next i {
  margin-left: 5px;
}
.calendar-header__month {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 25px;
}
@media screen and (min-width: 900px) {
  .calendar-header__prev, .calendar-header__next {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 200px;
            flex: 0 0 200px;
    width: 200px;
    font-size: 20px;
  }
  .calendar-header__month {
    font-size: 30px;
  }
}

.calendar-body {
  border: 2px solid #859d75;
}
@media screen and (min-width: 900px) {
  .calendar-body__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
  }
  .calendar-body__week {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 14.285%;
            flex: 1 1 14.285%;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-weight: bold;
    border-bottom: 1px solid #434343;
  }
  .calendar-body__week + .calendar-body__week {
    border-left: 1px dotted #e6e6e6;
  }
  .calendar-body__week.week-sunday {
    background-color: #cc0606;
    color: #fff;
  }
  .calendar-body__week.week-saturday {
    background-color: #1f57db;
    color: #fff;
    border-left: none;
  }
  .calendar-body__day {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 14.285%;
            flex: 1 1 14.285%;
    min-height: 120px;
    border-bottom: 1px dotted #e6e6e6;
    position: relative;
    padding: 30px 10px 10px;
  }
  .calendar-body__day.day-0 {
    background-color: rgba(204, 6, 6, 0.05);
  }
  .calendar-body__day.day-6 {
    background-color: rgba(31, 87, 219, 0.05);
  }
  .calendar-body__day.day-grey {
    background-color: rgba(51, 51, 51, 0.1);
  }
  .calendar-body__day::before {
    content: attr(data-day);
    position: absolute;
    line-height: 1;
    font-size: 14px;
    top: 5px;
    left: 5px;
    font-weight: bold;
    color: #737373;
  }
  .calendar-body__day + .calendar-body__day {
    border-left: 1px dotted #e6e6e6;
  }
}
@media screen and (max-width: 899.99px) {
  .calendar-body__row--week {
    display: none;
  }
  .calendar-body__day {
    border-top: 1px solid #434343;
    min-height: 30px;
    padding: 10px 5px 10px 70px;
    position: relative;
  }
  .calendar-body__day::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 60px;
    height: 100%;
    background-color: #f1f1f1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .calendar-body__day.day-0::before {
    content: attr(data-day) "(日)";
    color: #cc0606;
  }
  .calendar-body__day.day-1::before {
    content: attr(data-day) "(月)";
  }
  .calendar-body__day.day-2::before {
    content: attr(data-day) "(火)";
  }
  .calendar-body__day.day-3::before {
    content: attr(data-day) "(水)";
  }
  .calendar-body__day.day-4::before {
    content: attr(data-day) "(木)";
  }
  .calendar-body__day.day-5::before {
    content: attr(data-day) "(金)";
  }
  .calendar-body__day.day-6::before {
    content: attr(data-day) "(土)";
    color: #1f57db;
  }
  .calendar-body__day.day-grey {
    display: none;
  }
}

.calendar-eventlist__item {
  font-size: 13px;
  padding-left: 20px;
  position: relative;
  line-height: 1.5;
}
.calendar-eventlist__item.calendar-modalButton {
  cursor: pointer;
  text-decoration: underline;
}
.calendar-eventlist__item.calendar-modalButton:hover {
  text-decoration: none;
}
.calendar-eventlist__item + .calendar-eventlist__item {
  margin-top: 10px;
}
.calendar-eventlist__item::before {
  content: "";
  width: 16px;
  height: 16px;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
  top: 1px;
}
.calendar-eventlist__item.zaidan-event::before {
  background-image: url(../img/calendar/icon-event1.png);
}
.calendar-eventlist__item.bunkamura-event::before {
  background-image: url(../img/calendar/icon-event2.png);
}
.calendar-eventlist__item.kenshucenter-event::before {
  background-image: url(../img/calendar/icon-event3.png);
}
.calendar-eventlist__item.bunkamura-closed::before {
  background-image: url(../img/calendar/icon-event4.png);
}
.calendar-eventlist__item.kenshucenter-closed::before {
  background-image: url(../img/calendar/icon-event5.png);
}

.calendar-iconlist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.calendar-iconlist__item {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: bold;
  margin-top: 0.6em;
  margin-right: 1.5em;
}
.calendar-iconlist__item::before {
  content: "";
  display: inline-block;
  width: 1.6em;
  height: 1.6em;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  margin-right: 0.1em;
}
.calendar-iconlist__item.zaidan-event::before {
  background-image: url(../img/calendar/icon-event1.png);
}
.calendar-iconlist__item.bunkamura-event::before {
  background-image: url(../img/calendar/icon-event2.png);
}
.calendar-iconlist__item.kenshucenter-event::before {
  background-image: url(../img/calendar/icon-event3.png);
}
.calendar-iconlist__item.bunkamura-closed::before {
  background-image: url(../img/calendar/icon-event4.png);
}
.calendar-iconlist__item.kenshucenter-closed::before {
  background-image: url(../img/calendar/icon-event5.png);
}

.calendar-modal small {
  font-size: 0.9em;
}
.calendar-modal big {
  font-size: 1.1em;
}
.calendar-modal em, .calendar-modal i {
  font-style: italic;
}
.calendar-modal b, .calendar-modal strong {
  font-weight: bold;
}
.calendar-modal a {
  text-decoration: underline;
  color: #234d07;
}
.calendar-modal a:hover {
  text-decoration: none;
}
.calendar-modal del, .calendar-modal strike, .calendar-modal s {
  text-decoration: line-through;
}
.calendar-modal u {
  text-decoration: underline;
}
.calendar-modal h1, .calendar-modal h2, .calendar-modal h3, .calendar-modal h4, .calendar-modal h5, .calendar-modal h6 {
  line-height: 1.4;
  margin-bottom: 0.7em;
}
.calendar-modal h1 {
  font-size: 1.8em;
  font-weight: bold;
}
.calendar-modal h2 {
  font-size: 1.6em;
  font-weight: bold;
}
.calendar-modal h3 {
  font-size: 1.4em;
  font-weight: bold;
}
.calendar-modal h4 {
  font-size: 1.4em;
}
.calendar-modal h5 {
  font-size: 1.2em;
}
.calendar-modal h6 {
  font-size: 1.1em;
}

.cart-table__quantity .goods-card__quantity {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.cart-table__price {
  line-height: 1;
}
@media screen and (min-width: 600px) {
  .cart-table {
    width: 100%;
    table-layout: fixed;
  }
  .cart-table__img {
    width: 18%;
  }
  .cart-table__name {
    width: 34%;
  }
  .cart-table__quantity {
    width: 12%;
  }
  .cart-table__price {
    width: 12%;
  }
  .cart-table__total {
    width: 12%;
  }
  .cart-table__delete {
    width: 12%;
  }
  .cart-table th, .cart-table td {
    vertical-align: middle;
    text-align: center;
    padding: 15px;
    border: 1px solid #999;
  }
  .cart-table thead th {
    background-color: #bad4d1;
  }
  .cart-table tbody th, .cart-table tbody td {
    background-color: #fff;
  }
}

.cart-detele-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 40px;
  height: 37px;
  border-radius: 5px;
  border: 1px solid #808080;
  margin: 0 auto;
  cursor: pointer;
  -webkit-transition: 0.3s opacity ease-in-out;
  -o-transition: 0.3s opacity ease-in-out;
  transition: 0.3s opacity ease-in-out;
}
.cart-detele-button:hover {
  opacity: 0.6;
}

.cart-continue-button {
  background-color: #67a19a;
}

.cart-purchase-button {
  background-color: #333333;
}

.cart-continue-button,
.cart-purchase-button {
  color: #fff;
  font-size: 12px;
  letter-spacing: 0.08em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-weight: 500;
  width: 100%;
  height: 45px;
  -webkit-transition: 0.3s opacity ease-in-out;
  -o-transition: 0.3s opacity ease-in-out;
  transition: 0.3s opacity ease-in-out;
  cursor: pointer;
}
.cart-continue-button:hover,
.cart-purchase-button:hover {
  opacity: 0.6;
}
@media screen and (min-width: 600px) {
  .cart-continue-button,
.cart-purchase-button {
    font-size: 14px;
    letter-spacing: 0.16em;
  }
}

.concept-catch {
  background: url(../img/concept/bg1.jpg) no-repeat center top/cover;
  height: 850px;
}
.concept-catch__container {
  max-width: 1020px;
  padding-top: 50px;
}
@media screen and (min-width: 900px) {
  .concept-catch {
    height: 912px;
  }
  .concept-catch__container {
    padding-top: 85px;
  }
}

.concept-block {
  background-color: #234d07;
}
.concept-block__in {
  color: #fff;
}
@media screen and (min-width: 900px) {
  .concept-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .concept-block__img, .concept-block__content {
    height: 720px;
  }
  .concept-block__img {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% - 360px);
            flex: 0 0 calc(100% - 360px);
    width: calc(100% - 360px);
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .concept-block__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 360px;
            flex: 0 0 360px;
    width: 360px;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .concept-block__in {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 360px;
            flex: 0 0 360px;
    max-width: 360px;
    padding: 0 20px;
  }
}
@media screen and (min-width: 1230px) {
  .concept-block__img {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% + 180px);
            flex: 0 0 calc(50% + 180px);
    width: calc(50% + 180px);
  }
  .concept-block__content {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% - 180px);
            flex: 0 0 calc(50% - 180px);
    width: calc(50% - 180px);
  }
  .concept-block__in {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 420px;
            flex: 0 0 420px;
    max-width: 420px;
    padding: 0 0 0 50px;
  }
}
@media screen and (max-width: 899.99px) {
  .concept-block__content {
    padding: 40px 10px;
  }
}

.concept-section__text2-in {
  background-color: #d3dbcd;
}
.concept-section__text3-container {
  background-color: #f5f9ea;
}
@media screen and (min-width: 900px) {
  .concept-section {
    position: relative;
  }
  .concept-section__text1, .concept-section__text2, .concept-section__text3 {
    position: relative;
    z-index: 1;
  }
  .concept-section__img1 {
    position: relative;
    z-index: 2;
  }
  .concept-section__img2 {
    position: relative;
    z-index: 3;
  }
  .concept-section__img3 {
    position: relative;
    z-index: 3;
  }
}
@media screen and (min-width: 900px) and (max-width: 1229.99px) {
  .concept-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .concept-section__text1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    width: 50%;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .concept-section__text1-container {
    padding: 40px 40px 70px;
  }
  .concept-section__img1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    width: 50%;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .concept-section__text2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 60%;
            flex: 0 0 60%;
    width: 60%;
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
    margin-top: -30px;
  }
  .concept-section__text2-in {
    padding: 100px 40px;
  }
  .concept-section__img2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 40%;
            flex: 0 0 40%;
    width: 40%;
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    margin-top: -50px;
    margin-right: -20px;
  }
  .concept-section__text3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 40%;
            flex: 0 0 40%;
    width: 40%;
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
    -ms-flex-item-align: end;
        align-self: flex-end;
  }
  .concept-section__text3-container {
    padding: 100px 40px;
  }
  .concept-section__img3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 60%;
            flex: 0 0 60%;
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
    margin-bottom: 50px;
    margin-top: -20px;
    margin-right: -15px;
  }
}
@media screen and (min-width: 1230px) {
  .concept-section__text1 {
    padding: 90px 0 300px;
  }
  .concept-section__text1-container {
    width: 100%;
    max-width: 1220px;
    padding-left: 10px;
    padding-right: 10px;
    margin-left: auto;
    margin-right: auto;
  }
  .concept-section__text1-in {
    max-width: 450px;
  }
  .concept-section__text2-container {
    max-width: 1400px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .concept-section__text2-in {
    padding: 70px 100px 165px 120px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 770px;
            flex: 0 0 770px;
    width: 770px;
  }
  .concept-section__text3 {
    margin-top: 240px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% + 70px);
            flex: 0 0 calc(50% + 70px);
    width: calc(50% + 70px);
    padding: 150px 0;
  }
  .concept-section__text3-in {
    width: 385px;
    margin-left: 290px;
  }
  .concept-section__img1 {
    position: absolute;
    top: 0;
    left: calc(50% - 100px);
    height: 606px;
  }
  .concept-section__img2 {
    position: absolute;
    top: 385px;
    right: calc(50% + 45px);
    height: 360px;
  }
  .concept-section__img3 {
    position: absolute;
    top: 872px;
    right: calc(50% - 180px);
    height: 754px;
  }
}
@media screen and (max-width: 899.99px) {
  .concept-section__text1, .concept-section__text2, .concept-section__text3 {
    padding: 50px 15px;
  }
  .concept-section__text2 {
    background-color: #d3dbcd;
  }
  .concept-section__text3 {
    background-color: #f5f9ea;
  }
}

.en-learning-catch {
  background: url(../img/learning/bg1.jpg) no-repeat center center/cover;
}
.en-learning-catch__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.en-learning-catch__content {
  background-color: rgba(255, 255, 255, 0.8);
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  max-width: 690px;
  width: 100%;
  padding: 35px 18px;
}
.en-learning-catch__table th {
  white-space: nowrap;
}
.en-learning-catch__table th, .en-learning-catch__table td {
  border-top: 1px solid #313131;
  border-bottom: 1px solid #313131;
}
.en-learning-catch__tel {
  font-size: 1.25em;
}
@media screen and (min-width: 900px) {
  .en-learning-catch__container {
    height: 840px;
  }
  .en-learning-catch__content {
    padding: 40px;
  }
  .en-learning-catch__table {
    width: 100%;
  }
  .en-learning-catch__table th, .en-learning-catch__table td {
    padding: 15px;
  }
  .en-learning-catch__table th {
    width: 130px;
  }
  .en-learning-catch__table td {
    width: auto;
  }
}
@media screen and (max-width: 899.99px) {
  .en-learning-catch__container {
    padding-top: 45px;
    padding-bottom: 45px;
  }
  .en-learning-catch__table th, .en-learning-catch__table td {
    padding: 8px;
  }
}

.en-village-catch {
  background: url(../img/village/bg1.jpg) no-repeat center center/cover;
}
.en-village-catch__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.en-village-catch__content {
  background-color: rgba(255, 255, 255, 0.8);
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  max-width: 785px;
  width: 100%;
  padding: 35px 18px;
}
@media screen and (min-width: 900px) {
  .en-village-catch__container {
    height: 840px;
  }
  .en-village-catch__content {
    padding: 40px;
  }
}
@media screen and (max-width: 899.99px) {
  .en-village-catch__container {
    padding-top: 45px;
    padding-bottom: 45px;
  }
}

.en-village-table1 {
  width: 100%;
}
.en-village-table1 th {
  font-weight: 500;
  font-size: 16px;
  width: 120px;
}
.en-village-table1 td {
  font-size: 14px;
}
.en-village-table1 th, .en-village-table1 td {
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  font-family: "Noto Sans JP", sans-serif;
  padding: 10px 5px;
}
@media screen and (min-width: 900px) {
  .en-village-table1 th {
    font-size: 20px;
    width: 180px;
  }
  .en-village-table1 td {
    font-size: 16px;
  }
  .en-village-table1 th, .en-village-table1 td {
    padding: 18px 5px;
  }
}

.en-village-table2 {
  width: 100%;
  max-width: 635px;
}
.en-village-table2 th {
  background-color: #eef3f0;
}
.en-village-table2 td {
  background-color: #fff;
}
.en-village-table2 th, .en-village-table2 td {
  text-align: center;
  vertical-align: middle;
  padding: 8px 4px;
  text-align: center;
  border: 1px solid #d2d2d2;
  font-family: "Noto Sans JP", sans-serif;
  line-height: 1.5;
}
@media screen and (min-width: 900px) {
  .en-village-table2 th, .en-village-table2 td {
    padding: 10px 4px;
    width: 33.33%;
  }
}
@media screen and (max-width: 449.99px) {
  .en-village-table2 th, .en-village-table2 td {
    font-size: 12px;
  }
}

@media screen and (min-width: 900px) {
  .en-village-imgbox1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .en-village-imgbox1__img {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 350px;
            flex: 0 0 350px;
    width: 350px;
  }
  .en-village-imgbox1__content {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    padding-left: 35px;
  }
}
@media screen and (max-width: 899.99px) {
  .en-village-imgbox1__img {
    text-align: center;
    margin-bottom: 20px;
  }
}

@media screen and (min-width: 600px) {
  .en-village-imgbox2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .en-village-imgbox2__img {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 197px;
            flex: 0 0 197px;
    width: 197px;
  }
  .en-village-imgbox2__content {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    padding-left: 27px;
  }
}
@media screen and (max-width: 599.99px) {
  .en-village-imgbox2 {
    overflow: hidden;
  }
  .en-village-imgbox2__img {
    float: left;
    width: 150px;
    margin: 0 10px 5px 0;
  }
}

@media screen and (min-width: 900px) {
  .en-village-imgbox3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .en-village-imgbox3__img {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 400px;
            flex: 0 0 400px;
    width: 400px;
  }
  .en-village-imgbox3__content {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    padding-right: 25px;
  }
}
@media screen and (max-width: 899.99px) {
  .en-village-imgbox3__img {
    text-align: center;
    margin-top: 20px;
  }
}

@media screen and (min-width: 900px) {
  .en-village-imgbox4 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .en-village-imgbox4__img {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 400px;
            flex: 0 0 400px;
    width: 400px;
    margin-top: 70px;
  }
  .en-village-imgbox4__content {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    padding-left: 25px;
  }
}
@media screen and (max-width: 899.99px) {
  .en-village-imgbox4__img {
    text-align: center;
    margin-bottom: 20px;
  }
}

@media screen and (min-width: 900px) {
  .en-village-imgbox5 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .en-village-imgbox5__img {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 400px;
            flex: 0 0 400px;
    width: 400px;
    margin-top: 70px;
  }
  .en-village-imgbox5__content {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    padding-right: 25px;
  }
}
@media screen and (max-width: 899.99px) {
  .en-village-imgbox5__img {
    text-align: center;
    margin-top: 20px;
  }
}

@media screen and (min-width: 900px) {
  .en-village-imgbox6 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .en-village-imgbox6__img {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 400px;
            flex: 0 0 400px;
    width: 400px;
    margin-top: 70px;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .en-village-imgbox6__content {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    padding-left: 25px;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
@media screen and (max-width: 899.99px) {
  .en-village-imgbox6__img {
    text-align: center;
    margin-top: 20px;
  }
}

.estimate-arrow {
  width: 2px;
  height: 70px;
  background-color: #234d07;
  margin: 20px 0 40px 10px;
  position: relative;
}
.estimate-arrow::after {
  content: "";
  width: 2px;
  height: 24px;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #234d07;
  -webkit-transform-origin: bottom;
      -ms-transform-origin: bottom;
          transform-origin: bottom;
  -webkit-transform: rotate(15deg);
      -ms-transform: rotate(15deg);
          transform: rotate(15deg);
}

.estimate-blocktotal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 15px;
  font-size: 1.12em;
}
.estimate-blocktotal__title {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  font-weight: bold;
  background: #e6e6e6;
  padding: 6px 12px;
}
.estimate-blocktotal__price {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  background: #e6e6e6;
  padding: 6px 12px;
}

.estimate-staytable {
  border: 1px solid #9fab97;
}
.estimate-staytable thead {
  background: #f7f8f7;
}
.estimate-staytable thead th {
  font-weight: bold;
}
.estimate-staytable th, .estimate-staytable td {
  padding: 12px 10px;
  vertical-align: middle;
}
.estimate-staytable tbody th, .estimate-staytable tbody td {
  border-top: 1px solid #9fab97;
}
@media screen and (min-width: 900px) {
  .estimate-staytable th, .estimate-staytable td {
    padding: 12px 25px;
  }
}

.estimate-tuition {
  border: 1px solid #9fab97;
}
.estimate-tuition thead {
  background: #f7f8f7;
}
.estimate-tuition thead th {
  font-weight: bold;
}
.estimate-tuition th, .estimate-tuition td {
  padding: 12px 10px;
  vertical-align: middle;
}
.estimate-tuition tbody th, .estimate-tuition tbody td {
  border-top: 1px solid #9fab97;
}
.estimate-tuition tbody th {
  font-weight: bold;
}
@media screen and (min-width: 900px) {
  .estimate-tuition th, .estimate-tuition td {
    padding: 12px 25px;
  }
}

.estimate-total {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 15px;
  font-size: 1.5em;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #e6e6e6;
}
.estimate-total__text {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  font-weight: bold;
  padding: 6px 0;
}
.estimate-total__price {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  padding: 6px 0;
  font-weight: bold;
}

.fanclub-catch {
  padding-bottom: 60px;
}
.fanclub-catch__title {
  text-align: center;
  color: #234d07;
  font-size: 30px;
  font-family: "Noto Serif JP", serif;
  letter-spacing: 0.1em;
  font-weight: 600;
}
@media screen and (min-width: 900px) {
  .fanclub-catch {
    padding-bottom: 90px;
  }
  .fanclub-catch__title {
    font-size: 38px;
  }
}

.fanclub-benefits-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 20px;
}
.fanclub-benefits-title__text {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 75px;
          flex: 0 0 75px;
  width: 75px;
  height: 75px;
  border-radius: 50%;
  color: #fff;
  font-family: "Noto Serif JP", serif;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.fanclub-benefits-title__text small {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  font-size: 15px;
  line-height: 1;
}
.fanclub-benefits-title__text span {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  font-size: 28px;
  line-height: 1;
}
@media screen and (min-width: 900px) {
  .fanclub-benefits-title {
    margin-bottom: 30px;
  }
  .fanclub-benefits-title__text {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 85px;
            flex: 0 0 85px;
    width: 85px;
    height: 85px;
  }
  .fanclub-benefits-title__text small {
    font-size: 18px;
  }
  .fanclub-benefits-title__text span {
    font-size: 38px;
  }
}

.fanclub-other {
  background-color: #7eafaa;
  padding: 15px;
}
@media screen and (min-width: 900px) {
  .fanclub-other {
    padding: 20px 50px;
  }
}

@media screen and (min-width: 600px) {
  .fanclub-newsletter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .fanclub-newsletter__img {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 350px;
            flex: 0 0 350px;
    width: 350px;
  }
  .fanclub-newsletter__content {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
  }
}
@media screen and (min-width: 900px) {
  .fanclub-newsletter__img {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 450px;
            flex: 0 0 450px;
    width: 450px;
  }
}
@media screen and (max-width: 599.99px) {
  .fanclub-newsletter__img {
    text-align: center;
  }
  .fanclub-newsletter__img img {
    width: 200px;
  }
}

.goods-anker--books, .goods-anker--books--no-icon {
  display: block;
  background-color: #7eafaa;
  padding: 5px 3px;
  -webkit-transition: 0.3s opacity ease-in-out;
  -o-transition: 0.3s opacity ease-in-out;
  transition: 0.3s opacity ease-in-out;
}
.goods-anker--books:hover, .goods-anker--books--no-icon:hover {
  opacity: 0.6;
}
.goods-anker--books .goods-anker__text::before {
  background: url(../img/goods/bg-books.jpg) no-repeat center center/cover;
  width: 27px;
  height: 37px;
}
.goods-anker--booksDark, .goods-anker--booksDark--no-icon {
  display: block;
  background-color: #2a615b;
  padding: 5px 3px;
  -webkit-transition: 0.3s opacity ease-in-out;
  -o-transition: 0.3s opacity ease-in-out;
  transition: 0.3s opacity ease-in-out;
}
.goods-anker--booksDark:hover, .goods-anker--booksDark--no-icon:hover {
  opacity: 0.6;
}
.goods-anker--booksDark .goods-anker__text::before {
  background: url(../img/goods/bg-booksDark.jpg) no-repeat center center/cover;
  width: 24px;
  height: 34px;
}
.goods-anker--goods, .goods-anker--goods--no-icon {
  display: block;
  background-color: #91c071;
  padding: 5px 3px;
  -webkit-transition: 0.3s opacity ease-in-out;
  -o-transition: 0.3s opacity ease-in-out;
  transition: 0.3s opacity ease-in-out;
}
.goods-anker--goods:hover, .goods-anker--goods--no-icon:hover {
  opacity: 0.6;
}
.goods-anker--goods .goods-anker__text::before {
  background: url(../img/goods/bg-goods.jpg) no-repeat center center/cover;
  width: 33px;
  height: 40px;
}
.goods-anker__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  padding: 0 5px 10px 48px;
  height: 40px;
  border-bottom: 1px solid #fff;
  position: relative;
}
.goods-anker__text::before {
  content: "";
  position: absolute;
  left: 11px;
  bottom: -1px;
}
.goods-anker__jp, .goods-anker__en {
  color: #fff;
  line-height: 1;
}
.goods-anker__jp {
  font-size: 17px;
}
.goods-anker__en {
  font-size: 11px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin-left: 6px;
}
@media screen and (min-width: 900px) {
  .goods-anker__jp {
    font-size: 20px;
  }
  .goods-anker__en {
    font-size: 13px;
    margin-left: 13px;
  }
  .goods-anker__text {
    padding-left: 56px;
  }
}

.goods-card {
  background-color: #fff;
  border: 1px solid #0a1602;
  padding-bottom: 22px;
}
.goods-card__header--books, .goods-card__header--books--no-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #7eafaa;
  padding: 10px 3px;
  position: relative;
}
.goods-card__header--books .goods-card__header-in, .goods-card__header--books--no-icon .goods-card__header-in {
  min-height: 37px;
}
.goods-card__header--books .goods-card__header-in {
  padding: 5px 5px 12px 48px;
}
.goods-card__header--books .goods-card__header-in::before {
  background: url(../img/goods/bg-books.jpg) no-repeat center center/cover;
  width: 27px;
  height: 37px;
}
.goods-card__header--books--no-icon .goods-card__header-in {
  padding: 5px 5px 12px 5px;
}
.goods-card__header--booksDark, .goods-card__header--booksDark--no-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #2a615b;
  padding: 10px 3px;
  position: relative;
}
.goods-card__header--booksDark .goods-card__header-in, .goods-card__header--booksDark--no-icon .goods-card__header-in {
  min-height: 34px;
}
.goods-card__header--booksDark .goods-card__header-in {
  padding: 5px 5px 12px 48px;
}
.goods-card__header--booksDark .goods-card__header-in::before {
  background: url(../img/goods/bg-booksDark.jpg) no-repeat center center/cover;
  width: 24px;
  height: 34px;
}
.goods-card__header--booksDark--no-icon .goods-card__header-in {
  padding: 5px 5px 12px 5px;
}
.goods-card__header--goods, .goods-card__header--goods--no-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #91c071;
  padding: 10px 3px;
  position: relative;
}
.goods-card__header--goods .goods-card__header-in, .goods-card__header--goods--no-icon .goods-card__header-in {
  min-height: 40px;
}
.goods-card__header--goods .goods-card__header-in {
  padding: 5px 5px 12px 48px;
}
.goods-card__header--goods .goods-card__header-in::before {
  background: url(../img/goods/bg-goods.jpg) no-repeat center center/cover;
  width: 33px;
  height: 40px;
}
.goods-card__header--goods--no-icon .goods-card__header-in {
  padding: 5px 5px 12px 5px;
}
.goods-card__header-in {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  border-bottom: 1px solid #fff;
  position: relative;
  color: #fff;
  font-weight: bold;
  font-size: 16px;
  line-height: 1.3;
}
.goods-card__header-in::before {
  content: "";
  position: absolute;
  left: 11px;
  bottom: -1px;
}
.goods-card__img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 22px 10px 0;
}
.goods-card__text {
  text-align: center;
  margin: 12px 10px 0;
}
.goods-card__description {
  margin: 12px 10px 0;
}
.goods-card__price {
  text-align: center;
  color: #cc0606;
  font-weight: bold;
  font-size: 18px;
  margin: 12px 10px 0;
}
.goods-card__price small {
  font-size: 11px;
}
.goods-card__footer {
  margin-top: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.goods-card__quantity {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.goods-card__quantity-text {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  font-weight: bold;
}
.goods-card__quantity-select {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin: 0 5px;
}
.goods-card__quantity-select select {
  line-height: 1;
  padding: 10px 20px 10px 10px;
  border: 1px solid #808080;
  border-radius: 5px;
  background: url(../img/goods/arrow-select.png) no-repeat right 5px center/8px 8px;
}
.goods-card__cart {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #333;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 7px 8px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin-left: 8px;
  cursor: pointer;
  -webkit-transition: 0.3s opacity ease-in-out;
  -o-transition: 0.3s opacity ease-in-out;
  transition: 0.3s opacity ease-in-out;
}
.goods-card__cart:hover {
  opacity: 0.6;
}
.goods-card__cart-icon {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 24px;
          flex: 0 0 24px;
  width: 24px;
  line-height: 0;
}
.goods-card__cart-icon svg {
  width: 100%;
}
.goods-card__cart-icon .fill-path {
  fill: #fff;
}
.goods-card__cart-text {
  font-size: 13px;
  color: #fff;
  letter-spacing: 0.16em;
  margin-left: 8px;
}
@media screen and (min-width: 900px) {
  .goods-card {
    padding-bottom: 30px;
  }
  .goods-card__header-in {
    font-size: 18px;
  }
  .goods-card__price {
    font-size: 20px;
  }
  .goods-card__price small {
    font-size: 13px;
  }
  .goods-card__footer {
    margin-top: 22px;
  }
  .goods-card__cart {
    padding: 7px 14px;
    margin-left: 12px;
  }
  .goods-card__cart-icon {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 32px;
            flex: 0 0 32px;
    width: 32px;
  }
  .goods-card__cart-text {
    font-size: 14px;
    margin-left: 12px;
  }
}

.guidance-catch__container {
  background: rgba(255, 255, 255, 0.8);
  padding: 40px 10px;
}
.guidance-catch__container p {
  text-align: center;
  font-family: "Noto Serif JP", serif;
  line-height: 1.8;
}
.guidance-catch__container span {
  display: inline-block;
  letter-spacing: 0.1em;
  white-space: nowrap;
}
@media screen and (min-width: 900px) {
  .guidance-catch {
    background: url(../img/guidance/bg1.jpg) no-repeat center center/cover;
    height: 666px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .guidance-catch__container {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 840px;
            flex: 0 1 840px;
    width: 100%;
    max-width: 840px;
    padding: 60px 15px;
  }
  .guidance-catch__container p {
    line-height: 2.2;
  }
  .guidance-catch__container span {
    letter-spacing: 0.2em;
  }
}
@media screen and (max-width: 899.99px) {
  .guidance-catch {
    padding-top: 28%;
    background: url(../img/guidance/bg1@mobile.jpg) no-repeat center top/100% auto;
  }
  .guidance-catch__container {
    width: 94%;
    margin: 0 auto;
  }
}

.guidance-card {
  border-radius: 10px;
  background-color: #fff;
  border: 2px solid #234d07;
  padding: 20px 10px;
}
.guidance-card + .guidance-card {
  margin-top: 22px;
}
.guidance-card__title {
  color: #234d07;
  margin-bottom: 12px;
}
.guidance-card__img {
  text-align: center;
  margin-bottom: 10px;
}
@media screen and (min-width: 600px) {
  .guidance-card {
    padding: 25px 20px;
  }
  .guidance-card__title {
    margin-bottom: 25px;
  }
}
@media screen and (min-width: 900px) {
  .guidance-card {
    padding: 40px 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .guidance-card + .guidance-card {
    margin-top: 30px;
  }
  .guidance-card__book {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 180px;
            flex: 0 0 180px;
    width: 180px;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .guidance-card__img {
    margin-bottom: 20px;
  }
  .guidance-card__content {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    padding-left: 30px;
    max-width: calc(100% - 180px);
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
@media screen and (max-width: 899.99px) {
  .guidance-card__book {
    width: 180px;
    margin: 25px auto 0;
  }
}

.mv {
  position: relative;
  z-index: 1;
}
.mv__bgimg {
  height: 360px;
}
.mv__bg {
  width: 100%;
  height: 360px;
}
.mv__character, .mv__character--en {
  display: block;
}
.mv__content, .mv__content--en {
  position: relative;
  z-index: 2;
  background-color: rgba(0, 0, 0, 0.5);
}
.mv__inner, .mv__inner--en {
  padding: 20px 12px;
}
.mv__title {
  margin-bottom: 0.5em;
}
.mv__title, .mv__title--en {
  color: #fff;
  font-family: "Noto Serif JP", serif;
  font-weight: 500;
  line-height: 1.2;
  font-size: 28px;
}
.mv__text, .mv__text--en {
  color: #fff;
  font-size: 16px;
}
@media screen and (min-width: 600px) {
  .mv {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 600px;
  }
  .mv__bgimg {
    height: 600px;
  }
  .mv__bg {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    height: 100%;
  }
  .mv__title, .mv__title--en {
    font-size: 36px;
  }
  .mv__title br, .mv__title--en br {
    display: none;
  }
  .mv__text, .mv__text--en {
    font-size: 18px;
  }
  .mv__character {
    width: 114px;
  }
}
@media screen and (min-width: 900px) {
  .mv {
    height: 900px;
  }
  .mv__character {
    width: 194px;
  }
  .mv__character--en {
    width: 414px;
  }
  .mv__bgimg {
    height: 900px;
  }
  .mv__content {
    min-width: 730px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50vw + 70px);
            flex: 0 0 calc(50vw + 70px);
    width: calc(50vw + 70px);
  }
  .mv__content--en {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50vw + 330px);
            flex: 0 0 calc(50vw + 330px);
    width: calc(50vw + 330px);
  }
  .mv__inner {
    max-width: 730px;
  }
  .mv__inner, .mv__inner--en {
    margin-left: auto;
    padding: 30px 0 30px 10px;
  }
  .mv__inner--en {
    max-width: 930px;
  }
  .mv__title {
    letter-spacing: 0.2em;
  }
  .mv__title, .mv__title--en {
    font-size: 46px;
  }
  .mv__text {
    letter-spacing: 0.18em;
  }
  .mv__text, .mv__text--en {
    font-size: 20px;
    line-height: 1.7;
  }
}
@media screen and (max-width: 599.99px) {
  .mv__content, .mv__content--en {
    margin-top: -65px;
  }
  .mv__inner, .mv__inner--en {
    position: relative;
  }
  .mv__character {
    position: absolute;
    left: 10px;
    top: 20px;
    width: 86px;
  }
  .mv__title, .mv__title--en {
    padding-left: 102px;
    height: 90px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.homelink {
  position: relative;
  z-index: 2;
  padding: 0 10px;
  margin-top: 0px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 40px;
  max-width: 1280px;
}
.homelink__tab {
  margin-bottom: -15px;
  position: relative;
  z-index: 2;
}
.homelink__content--know {
  border: 3px solid #234d07;
}
.homelink__content--fan {
  border: 3px solid #9b9326;
}
.homelink__content--protect {
  border: 3px solid #5b8821;
}
.homelink__content--know, .homelink__content--fan, .homelink__content--protect {
  padding: 50px 10px 10px;
  position: relative;
  z-index: 1;
  display: none;
}
@media screen and (min-width: 900px) {
  .homelink {
    margin-top: -54px;
  }
  .homelink__tab {
    margin-bottom: -30px;
  }
  .homelink__content--know, .homelink__content--fan, .homelink__content--protect {
    padding: 65px 40px 40px;
  }
}

.homelink-tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 10px;
  padding-right: 10px;
  max-width: 1220px;
  margin-left: auto;
  margin-right: auto;
}
.homelink-tab__item {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 33.33%;
          flex: 1 1 33.33%;
  width: 33.33%;
  position: relative;
  height: 90px;
  cursor: pointer;
  -webkit-transition: 0.3s background-color ease-in-out;
  -o-transition: 0.3s background-color ease-in-out;
  transition: 0.3s background-color ease-in-out;
}
.homelink-tab__item + .homelink-tab__item {
  border-left: 1px solid #fff;
}
.homelink-tab__item.is-active:after {
  content: "";
  width: 0;
  height: 0;
  border-top-width: 12px;
  border-top-style: solid;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-bottom: 0px solid transparent;
  position: absolute;
  bottom: -12px;
  left: 50%;
  margin-left: -9px;
}
.homelink-tab__in {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.homelink-tab__text {
  margin-top: -10px;
  position: relative;
  z-index: 2;
  text-align: center;
  color: #fff;
  font-family: "Noto Serif JP", serif;
  font-size: 20px;
  line-height: 1.2;
  letter-spacing: 0.2em;
}
.homelink-tab__text small {
  font-size: 0.5em;
  letter-spacing: 0.2em;
}
.homelink-tab__icon1, .homelink-tab__icon2, .homelink-tab__icon3 {
  position: absolute;
  z-index: 1;
  line-height: 0;
  opacity: 0.6;
  top: 50%;
  left: 50%;
}
.homelink-tab__icon1 {
  width: 70px;
  margin-top: -40px;
  margin-left: -35px;
}
.homelink-tab__icon2 {
  width: 80px;
  margin-top: -35px;
  margin-left: -40px;
}
.homelink-tab__icon3 {
  width: 80px;
  margin-top: -32px;
  margin-left: -40px;
}
.homelink-tab .homelink-tab__item:nth-child(1) {
  background-color: #5d724e;
}
.homelink-tab .homelink-tab__item:nth-child(1):hover {
  background-color: #234d07;
}
.homelink-tab .homelink-tab__item:nth-child(1).is-active {
  background-color: #234d07;
}
.homelink-tab .homelink-tab__item:nth-child(1).is-active:after {
  border-top-color: #234d07;
}
.homelink-tab .homelink-tab__item:nth-child(2) {
  background-color: #beb88a;
}
.homelink-tab .homelink-tab__item:nth-child(2):hover {
  background-color: #9b9326;
}
.homelink-tab .homelink-tab__item:nth-child(2).is-active {
  background-color: #9b9326;
}
.homelink-tab .homelink-tab__item:nth-child(2).is-active:after {
  border-top-color: #9b9326;
}
.homelink-tab .homelink-tab__item:nth-child(3) {
  background-color: #9fab97;
}
.homelink-tab .homelink-tab__item:nth-child(3):hover {
  background-color: #5b8821;
}
.homelink-tab .homelink-tab__item:nth-child(3).is-active {
  background-color: #5b8821;
}
.homelink-tab .homelink-tab__item:nth-child(3).is-active:after {
  border-top-color: #5b8821;
}
@media screen and (min-width: 900px) {
  .homelink-tab__item {
    height: 108px;
  }
  .homelink-tab__text {
    font-size: 28px;
    margin-top: -10px;
  }
  .homelink-tab__icon1, .homelink-tab__icon2, .homelink-tab__icon3 {
    opacity: 1;
    top: auto;
    left: auto;
    margin: 0;
  }
  .homelink-tab__icon1 {
    width: 78px;
    bottom: -6px;
    right: 26px;
  }
  .homelink-tab__icon2 {
    width: 108px;
    bottom: -9px;
    right: 19px;
  }
  .homelink-tab__icon3 {
    width: 119px;
    bottom: -13px;
    right: 10px;
  }
}

.homelink-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
}
.homelink-card--know .homelink-card__item {
  background-color: #234d07;
}
.homelink-card--fan .homelink-card__item {
  background-color: #9b9326;
}
.homelink-card--protect .homelink-card__item {
  background-color: #5b8821;
}
.homelink-card__item {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(50% - 5px);
          flex: 0 0 calc(50% - 5px);
  width: calc(50% - 5px);
  margin-top: 10px;
  display: block;
  padding-bottom: 8px;
  -webkit-transition: 0.3s opacity ease-in-out;
  -o-transition: 0.3s opacity ease-in-out;
  transition: 0.3s opacity ease-in-out;
}
.homelink-card__item:hover {
  opacity: 0.6;
}
.homelink-card__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  padding: 8px;
  color: #fff;
  letter-spacing: 0.1em;
  line-height: 1.25;
}
.homelink-card__icon {
  display: block;
  line-height: 0;
  width: 16px;
  margin: 0 auto;
}
.homelink-card__icon .stroke-path {
  fill: none;
  stroke: #fff;
}
.homelink-card__icon .fill-path {
  fill: #fff;
}
.homelink-card .homelink-card__item:nth-child(1), .homelink-card .homelink-card__item:nth-child(2) {
  margin-top: 0;
}
@media screen and (min-width: 750px) {
  .homelink-card__item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(25% - 15px);
            flex: 0 0 calc(25% - 15px);
    width: calc(25% - 15px);
    margin-top: 20px;
    padding-bottom: 8px;
  }
  .homelink-card__title {
    padding: 12px 0 4px;
    letter-spacing: 0.2em;
    min-height: 57px;
  }
  .homelink-card__icon {
    width: 20px;
  }
  .homelink-card .homelink-card__item:nth-child(3), .homelink-card .homelink-card__item:nth-child(4) {
    margin-top: 0;
  }
  .homelink-card .homelink-card__item:nth-child(4n) {
    margin-right: 0;
  }
}
@media screen and (max-width: 749.99px) {
  .homelink-card .homelink-card__item:nth-child(2n) {
    margin-right: 0;
  }
}

.information {
  padding: 50px 0 50px;
  background: #eff1ed url(../img/home/bg-information.png) repeat-x left bottom 5px/auto 32px;
}
.information__news, .information__event, .information__calendar {
  background-color: #fff;
  padding: 12px;
}
.information__event, .information__calendar {
  margin-top: 25px;
}
.information__title {
  color: #234d07;
  letter-spacing: 0.1em;
  font-size: 16px;
  position: relative;
  padding: 14px 0 0 14px;
  line-height: 1.3;
  margin-bottom: 13px;
  font-weight: 500;
}
.information__title::before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  border-top: 2px solid #234d07;
  border-left: 2px solid #234d07;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (min-width: 600px) {
  .information__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .information__news {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
  }
  .information__event, .information__calendar {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 49%;
            flex: 0 0 49%;
    width: 49%;
    margin-top: 20px;
  }
}
@media screen and (min-width: 900px) {
  .information {
    background-size: auto 62px;
    background-position: center bottom 11px;
    padding: 70px 0 90px;
  }
  .information__news {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 42.5%;
            flex: 0 0 42.5%;
    width: 42.5%;
    max-width: 42.5%;
  }
  .information__event {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 26.66%;
            flex: 0 0 26.66%;
    width: 26.66%;
    max-width: 26.66%;
  }
  .information__calendar {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 26.66%;
            flex: 0 0 26.66%;
    width: 26.66%;
    max-width: 26.66%;
  }
  .information__news, .information__event, .information__calendar {
    padding: 20px;
    margin-top: 0;
  }
  .information__title {
    font-size: 20px;
    padding: 18px 0 0 18px;
    margin-bottom: 22px;
  }
  .information__title::before {
    width: 32px;
    height: 32px;
  }
}

.bigLinks--fanclub, .bigLinks--goods, .bigLinks--donate {
  background-size: cover;
  background-position: center center;
  padding: 100px 10px;
}
.bigLinks--fanclub {
  background-image: url(../img/home/bg-fanclub@mobile.jpg);
}
.bigLinks--goods {
  border-top: 4px solid #fff;
  background-image: url(../img/home/bg-goods@mobile.jpg);
}
.bigLinks--donate {
  border-top: 4px solid #fff;
  background-image: url(../img/home/bg-donate@mobile.jpg);
}
.bigLinks__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 8px;
}
.bigLinks__title:hover span {
  opacity: 0.8;
}
.bigLinks__title:hover i {
  -webkit-transform: translateX(10px);
      -ms-transform: translateX(10px);
          transform: translateX(10px);
}
.bigLinks__title span {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  color: #fff;
  font-family: "Noto Serif JP", serif;
  font-size: 20px;
  will-change: opacity;
  -webkit-transition: 0.3s opacity ease-in-out;
  -o-transition: 0.3s opacity ease-in-out;
  transition: 0.3s opacity ease-in-out;
  font-weight: 500;
}
.bigLinks__title i {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 20px;
          flex: 0 0 20px;
  width: 20px;
  height: 20px;
  line-height: 0;
  margin-left: 15px;
  font-weight: 500;
  will-change: transform;
  -webkit-transition: 0.3s -webkit-transform ease-in-out;
  transition: 0.3s -webkit-transform ease-in-out;
  -o-transition: 0.3s transform ease-in-out;
  transition: 0.3s transform ease-in-out;
  transition: 0.3s transform ease-in-out, 0.3s -webkit-transform ease-in-out;
}
.bigLinks__title i .fill-path {
  fill: #fff;
}
.bigLinks__title i .stroke-path {
  fill: none;
  stroke: #fff;
}
.bigLinks__text {
  color: #fff;
}
.bigLinks__container {
  width: 100%;
  max-width: 1220px;
  padding-left: 10px;
  padding-right: 10px;
  margin-left: auto;
  margin-right: auto;
}
.bigLinks__books {
  margin-top: 30px;
  text-align: center;
}
@media screen and (min-width: 900px) {
  .bigLinks--fanclub, .bigLinks--goods, .bigLinks--donate {
    background-attachment: fixed;
    background-size: cover;
    background-position: center center;
    height: 100vh;
    padding: 0;
    border-top: none;
  }
  .bigLinks--fanclub {
    background-image: url(../img/home/bg-fanclub.jpg);
  }
  .bigLinks--goods {
    background-image: url(../img/home/bg-goods.jpg);
  }
  .bigLinks--donate {
    background-image: url(../img/home/bg-donate.jpg);
  }
  .bigLinks__title {
    margin-bottom: 12px;
  }
  .bigLinks__title span {
    font-size: 30px;
  }
  .bigLinks__title i {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 28px;
            flex: 0 0 28px;
    width: 28px;
    height: 28px;
    margin-left: 30px;
  }
  .bigLinks__container {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .bigLinks__content {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    width: 50%;
    max-width: 50%;
    padding: 0 30px;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .bigLinks__books {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    width: 50%;
    max-width: 50%;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    margin-top: 0;
  }
}

.service {
  padding: 60px 0 50px;
}
.service__cards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  margin-bottom: 22px;
}
.service__card {
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  padding: 10px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  width: 50%;
  max-width: 50%;
  -webkit-transition: 0.3s opacity ease-in-out;
  -o-transition: 0.3s opacity ease-in-out;
  transition: 0.3s opacity ease-in-out;
}
.service__card:hover {
  opacity: 0.6;
}
.service__card.color-type1 {
  background-color: #234d07;
}
.service__card.color-type2 {
  background-color: #577c3e;
}
.service__card.color-type3 {
  background-color: #a6c493;
}
.service__card.color-type4 {
  background-color: #859d75;
}
.service__img {
  margin-bottom: 5px;
}
.service__title {
  color: #fff;
  text-align: center;
  line-height: 1.5;
  letter-spacing: 0.04em;
  margin-bottom: 10px;
  min-height: 2.5em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 13px;
}
.service__arrow {
  display: block;
  width: 16px;
  margin: 0 auto;
  line-height: 0;
}
.service__arrow .fill-path {
  fill: #fff;
}
.service__arrow .stroke-path {
  fill: none;
  stroke: #fff;
}
@media screen and (min-width: 750px) {
  .service__card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    width: 25%;
    max-width: 25%;
  }
}
@media screen and (min-width: 900px) {
  .service {
    padding: 90px 0 75px;
  }
  .service__cards {
    margin-bottom: 30px;
  }
  .service__img {
    margin-bottom: 8px;
  }
  .service__title {
    font-size: 20px;
    letter-spacing: 0.08em;
  }
  .service__arrow {
    width: 21px;
  }
}

.sns {
  background: url(../img/home/bg-sns@mobile.jpg) no-repeat center top/cover;
  padding: 50px 0;
}
.sns__facebook {
  height: 530px;
}
.sns__facebook .fb-page {
  width: 100%;
}
.sns__instagram {
  margin-top: 40px;
}
.sns__links {
  margin-top: 40px;
  border: 3px solid #859d75;
  background-color: #fff;
  padding: 17px;
}
.sns__links-title {
  color: #577c3e;
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 0.1em;
  line-height: 1.3;
  margin-bottom: 20px;
}
.sns__links-list li + li {
  margin-top: 1em;
}
.sns__links-list a {
  font-weight: bold;
  color: #859d75;
  display: block;
  padding-left: 14px;
  position: relative;
  -webkit-transition: 0.3s color ease-in-out;
  -o-transition: 0.3s color ease-in-out;
  transition: 0.3s color ease-in-out;
}
.sns__links-list a:hover {
  color: #234d07;
}
.sns__links-list a::before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-left: 8px solid #577c3e;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 0px solid transparent;
  position: absolute;
  left: 0;
  top: 9px;
}
@media screen and (min-width: 600px) {
  .sns__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .sns__facebook {
    height: 530px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 45%;
            flex: 0 0 45%;
    width: 45%;
  }
  .sns__instagram {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 45%;
            flex: 0 0 45%;
    width: 45%;
    margin-top: 0;
  }
  .sns__links {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
  }
}
@media screen and (min-width: 900px) {
  .sns {
    background-image: url(../img/home/bg-sns.jpg);
    padding: 75px 0;
  }
  .sns__facebook {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 40%;
            flex: 0 0 40%;
    width: 40%;
  }
  .sns__instagram {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 26.66%;
            flex: 0 0 26.66%;
    width: 26.66%;
  }
  .sns__links {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 28.33%;
            flex: 0 0 28.33%;
    width: 28.33%;
    max-width: 28.33%;
    padding: 35px 20px;
    margin-top: 0;
  }
  .sns__links-title {
    font-size: 20px;
    letter-spacing: 0.2em;
    margin-bottom: 30px;
  }
  .sns__links-list a {
    font-size: 14px;
  }
}

.instagramList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.instagramList__item {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 33.33%;
          flex: 1 1 33.33%;
  width: 33.33%;
  max-width: 33.33%;
  border: 4px solid #fff;
  -webkit-transition: 0.3s opacity ease-in-out;
  -o-transition: 0.3s opacity ease-in-out;
  transition: 0.3s opacity ease-in-out;
}
.instagramList__item:hover {
  opacity: 0.6;
}
.instagramList__img {
  position: relative;
  width: 100%;
  padding-top: 100%;
  overflow: hidden;
}
.instagramList__img img {
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (min-width: 600px) {
  .instagramList__item {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 33.33%;
            flex: 1 1 33.33%;
    width: 33.33%;
    max-width: 33.33%;
  }
}

.small-calendar__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.small-calendar__week, .small-calendar__day {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 14.2857142857%;
          flex: 0 0 14.2857142857%;
  padding: 2px;
}
.small-calendar__week {
  text-align: center;
  font-weight: bold;
  border-bottom: 1px solid #434343;
}
.small-calendar__week + .small-calendar__week {
  border-left: 1px dotted #e6e6e6;
}
.small-calendar__week.week-sunday {
  background-color: #cc0606;
  color: #fff;
}
.small-calendar__week.week-saturday {
  background-color: #1f57db;
  color: #fff;
  border-left: none;
}
.small-calendar__day {
  text-align: center;
  border-bottom: 1px dotted #e6e6e6;
}
.small-calendar__day + .small-calendar__day {
  border-left: 1px dotted #e6e6e6;
}
.small-calendar__day.day-0 {
  background-color: rgba(204, 6, 6, 0.05);
}
.small-calendar__day.day-6 {
  background-color: rgba(31, 87, 219, 0.05);
}
.small-calendar__day.day-grey {
  background-color: rgba(51, 51, 51, 0.1);
}
.small-calendar__day.day-today {
  border: 1px solid #cc0606;
}
.small-calendar__day.closed-village {
  background-color: #fbd9aa;
}
.small-calendar__day.closed-village.closed-learing {
  background-color: #b7cca9;
}
.small-calendar__day.closed-learing {
  background-color: #eecab4;
}
.small-calendar__information {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 15px;
}
.small-calendar__information-item {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin-right: 8px;
  margin-top: 8px;
}
.small-calendar__today, .small-calendar__village, .small-calendar__learing {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.small-calendar__today i, .small-calendar__village i, .small-calendar__learing i {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 14px;
          flex: 0 0 14px;
  width: 14px;
  height: 14px;
}
.small-calendar__today span, .small-calendar__village span, .small-calendar__learing span {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  margin-left: 5px;
  line-height: 1.3;
  font-size: 11px;
}
.small-calendar__today i {
  border: 1px solid #cc0606;
}
.small-calendar__village i {
  background-color: #fbd9aa;
}
.small-calendar__learing i {
  background-color: #eecab4;
}
.small-calendar__learing.small-calendar__village i {
  background-color: #b7cca9;
}

.en-about {
  background-color: #2c421d;
}
.en-about__content {
  background: url(../img/en/illust1.png) no-repeat right bottom/200px auto;
}
@media screen and (min-width: 900px) {
  .en-about {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-size: auto;
  }
  .en-about__img {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% - 85px);
            flex: 0 0 calc(50% - 85px);
    width: calc(50% - 85px);
    height: 753px;
  }
  .en-about__content {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% + 85px);
            flex: 0 0 calc(50% + 85px);
    width: calc(50% + 85px);
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    height: 753px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .en-about__in {
    max-width: 685px;
    padding-left: 60px;
  }
}
@media screen and (max-width: 899.99px) {
  .en-about__in {
    padding: 40px 20px;
  }
}

.en-village {
  background-color: #afaa7c;
}
.en-village__content {
  background: url(../img/en/illust2.png) no-repeat left bottom/182px auto;
}
@media screen and (min-width: 900px) {
  .en-village {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-size: auto;
  }
  .en-village__img {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    width: 50%;
    height: 608px;
  }
  .en-village__content {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    width: 50%;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    height: 608px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .en-village__in {
    max-width: 600px;
    padding-right: 60px;
    margin-left: auto;
  }
}
@media screen and (max-width: 899.99px) {
  .en-village__in {
    padding: 40px 20px;
  }
}

.en-learning {
  background-color: #94a28b;
}
.en-learning__content {
  background: url(../img/en/illust3.png) no-repeat right bottom/270px auto;
}
@media screen and (min-width: 900px) {
  .en-learning {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-size: auto;
  }
  .en-learning__img {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    width: 50%;
    height: 595px;
  }
  .en-learning__content {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    width: 50%;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    height: 595px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .en-learning__in {
    max-width: 600px;
    padding-left: 60px;
  }
}
@media screen and (max-width: 899.99px) {
  .en-learning__in {
    padding: 40px 20px;
  }
}

.learning-catch {
  background: url(../img/learning/bg1.jpg) no-repeat center center/cover;
}
.learning-catch__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.learning-catch__content {
  background-color: rgba(255, 255, 255, 0.8);
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  max-width: 785px;
  width: 100%;
  padding: 35px 18px;
}
.learning-catch__table {
  margin-top: 20px;
}
.learning-catch__table th {
  white-space: nowrap;
}
.learning-catch__table th, .learning-catch__table td {
  border-top: 1px solid #313131;
  border-bottom: 1px solid #313131;
}
.learning-catch__tel {
  font-size: 1.25em;
}
@media screen and (min-width: 900px) {
  .learning-catch__container {
    height: 840px;
  }
  .learning-catch__content {
    padding: 40px;
  }
  .learning-catch__table {
    margin-top: 30px;
  }
  .learning-catch__table th, .learning-catch__table td {
    padding: 15px;
  }
  .learning-catch__table th {
    width: 130px;
  }
  .learning-catch__table td {
    width: auto;
  }
}
@media screen and (max-width: 899.99px) {
  .learning-catch__container {
    padding-top: 45px;
    padding-bottom: 45px;
  }
  .learning-catch__table th, .learning-catch__table td {
    padding: 8px;
  }
}

.learning-access__title {
  background-color: #e6e6e6;
  font-weight: bold;
  color: #234d07;
  border-radius: 15px;
  padding: 10px 12px;
  line-height: 1.5;
  font-size: 16px;
}
.learning-access__text {
  padding: 10px 12px;
}
.learning-access__text + .learning-access__title {
  margin-top: 30px;
}
.learning-access__map {
  text-align: center;
  mix-blend-mode: multiply;
}
@media screen and (min-width: 600px) {
  .learning-access {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .learning-access__map {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    width: 100%;
  }
  .learning-access__item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 48%;
            flex: 0 0 48%;
    width: 48%;
  }
}
@media screen and (min-width: 900px) {
  .learning-access__map {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 32%;
            flex: 0 0 32%;
    width: 32%;
  }
  .learning-access__item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 32%;
            flex: 0 0 32%;
    width: 32%;
  }
  .learning-access__title {
    font-size: 18px;
  }
}
@media screen and (max-width: 599.99px) {
  .learning-access__map {
    margin-bottom: 40px;
  }
  .learning-access__item + .learning-access__item {
    margin-top: 30px;
  }
}

.learningProgramTile .learningProgramTile__item:nth-child(1) .learningProgramCard::before {
  content: none;
}
@media screen and (min-width: 600px) {
  .learningProgramTile .learningProgramTile__item:nth-child(2) .learningProgramCard::before {
    content: none;
  }
}
@media screen and (min-width: 900px) {
  .learningProgramTile .learningProgramTile__item:nth-child(3) .learningProgramCard::before, .learningProgramTile .learningProgramTile__item:nth-child(4) .learningProgramCard::before {
    content: none;
  }
}

.learningProgramCard {
  position: relative;
  padding: 12px 24px 24px;
}
.learningProgramCard::before {
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  left: 10px;
  width: calc(100% - 20px);
  border-top: 1px dotted #234d07;
  height: 0;
}
.learningProgramCard::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 10px;
  height: calc(100% - 20px);
  border-left: 1px dotted #234d07;
  width: 0px;
}
.learningProgramCard__in::after {
  content: "";
  display: block;
  position: absolute;
  right: 0px;
  top: 10px;
  height: calc(100% - 20px);
  border-right: 1px dotted #234d07;
  width: 0px;
}
.learningProgramCard__title {
  font-size: 16px;
  line-height: 1.3;
  color: #234d07;
  font-weight: bold;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 15px;
}
.learningProgramCard__title small {
  font-size: 0.7em;
}
.learningProgramCard__img {
  text-align: center;
  margin-bottom: 15px;
}
.learningProgramCard__text {
  line-height: 1.7;
  margin-bottom: 15px;
}
@media screen and (min-width: 900px) {
  .learningProgramCard__title {
    font-size: 20px;
  }
  .learningProgramCard__text {
    margin-bottom: 20px;
  }
}

.learningPriceHeader {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 10px;
}
.learningPriceHeader__title {
  font-weight: bold;
  font-size: 20px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.learningPriceHeader__tips {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  text-align: right;
}
@media screen and (min-width: 900px) {
  .learningPriceHeader__title {
    font-size: 24px;
  }
}

.learningPriceTable1 {
  width: 100%;
  min-width: 800px;
  table-layout: fixed;
}
.learningPriceTable1 th, .learningPriceTable1 td {
  padding: 20px 5px;
  vertical-align: middle;
  text-align: center;
  border: 1px solid #d2d2d2;
  line-height: 1.3;
}
.learningPriceTable1 th small, .learningPriceTable1 td small {
  font-size: 0.875em;
}
.learningPriceTable1 th {
  background-color: #808080;
  color: #fff;
}
.learningPriceTable1 tr td:nth-child(odd) {
  background-color: #eff8e8;
}

.learningPriceTable2 {
  width: 100%;
  min-width: 800px;
  table-layout: fixed;
}
.learningPriceTable2 th, .learningPriceTable2 td {
  padding: 15px 5px;
  vertical-align: middle;
  text-align: center;
  border: 1px solid #d2d2d2;
  line-height: 1.3;
}
.learningPriceTable2 th small, .learningPriceTable2 td small {
  font-size: 0.875em;
}
.learningPriceTable2 thead th {
  background-color: #808080;
  color: #fff;
}
.learningPriceTable2 tr.row-highschool th, .learningPriceTable2 tr.row-highschool td {
  background-color: #eff8e8;
}
.learningPriceTable2 tr.row-juniorhschool th, .learningPriceTable2 tr.row-juniorhschool td {
  background-color: #faf9dc;
}
@media screen and (min-width: 600px) {
  .learningPriceTable2 th, .learningPriceTable2 td {
    padding: 20px 5px;
  }
}

.learningPriceTable3 {
  width: 100%;
  table-layout: fixed;
}
.learningPriceTable3 th, .learningPriceTable3 td {
  padding: 15px 5px;
  vertical-align: middle;
  text-align: center;
  border: 1px solid #d2d2d2;
  line-height: 1.3;
}
.learningPriceTable3 th {
  background-color: #eef3f0;
}
@media screen and (min-width: 600px) {
  .learningPriceTable3 th, .learningPriceTable3 td {
    padding: 20px 5px;
  }
}

.learningTour {
  background-color: #fff;
  border: 1px solid #234d07;
  padding: 30px 10px;
}
.learningTour__content table {
  width: 100%;
}
.learningTour__content th {
  font-weight: bold;
  padding-right: 1em;
  white-space: nowrap;
}
@media screen and (min-width: 600px) {
  .learningTour {
    padding: 40px 30px;
  }
}
@media screen and (min-width: 900px) {
  .learningTour {
    padding: 50px 70px;
  }
  .learningTour__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .learningTour__content {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    padding-right: 40px;
    max-width: calc(100% - 260px);
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .learningTour__img {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 260px;
            flex: 0 0 260px;
    width: 260px;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
@media screen and (min-width: 1200px) {
  .learningTour__content {
    padding-right: 70px;
    max-width: calc(100% - 390px);
  }
  .learningTour__img {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 390px;
            flex: 0 0 390px;
    width: 390px;
  }
}
@media screen and (max-width: 899.99px) {
  .learningTour__img {
    margin-bottom: 20px;
  }
}

.lecture-catch {
  background: url(../img/lecture/bg1@mobile.jpg) no-repeat center center/cover;
}
.lecture-catch__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.lecture-catch__content {
  background-color: rgba(255, 255, 255, 0.8);
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  max-width: 660px;
  width: 100%;
  padding: 35px 18px;
}
@media screen and (min-width: 900px) {
  .lecture-catch {
    background-image: url(../img/lecture/bg1.jpg);
  }
  .lecture-catch__container {
    height: 610px;
  }
  .lecture-catch__content {
    padding: 40px;
  }
}
@media screen and (max-width: 899.99px) {
  .lecture-catch__container {
    padding-top: 45px;
    padding-bottom: 45px;
  }
}

.lecture-card {
  border: 2px solid #d3e0cc;
}
.lecture-card + .lecture-card {
  margin-top: 30px;
}
.lecture-card__title {
  background-color: #d3e0cc;
  font-weight: bold;
  font-size: 16px;
  line-height: 1.5;
  color: #234d07;
  padding: 15px;
}
.lecture-card__content {
  padding: 15px;
}
.lecture-card__information {
  width: 100%;
}
.lecture-card__information th, .lecture-card__information td {
  padding: 10px 0;
}
.lecture-card__information th {
  white-space: nowrap;
  padding-right: 1em;
}
@media screen and (min-width: 750px) {
  .lecture-card__in {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .lecture-card__img {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 200px;
            flex: 0 0 200px;
    width: 200px;
  }
  .lecture-card__information {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    margin-left: 20px;
  }
}
@media screen and (min-width: 900px) {
  .lecture-card + .lecture-card {
    margin-top: 40px;
  }
  .lecture-card__title {
    font-size: 20px;
    padding: 15px 40px;
  }
  .lecture-card__content {
    padding: 40px;
  }
  .lecture-card__img {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 300px;
            flex: 0 0 300px;
    width: 300px;
  }
  .lecture-card__information {
    margin-left: 40px;
  }
}

.marurin-latest {
  background-color: #fff;
  border-radius: 8px;
  padding: 30px 10px;
}
.marurin-latest__title {
  font-size: 22px;
  color: #234d07;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 600px) {
  .marurin-latest {
    border-radius: 15px;
    padding: 40px 30px;
  }
  .marurin-latest__title {
    font-size: 26px;
  }
}
@media screen and (min-width: 900px) {
  .marurin-latest {
    padding: 40px 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .marurin-latest__content {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 360px;
            flex: 0 0 360px;
    width: 360px;
  }
  .marurin-latest__thumbnail {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    padding-left: 20px;
    max-width: calc(100% - 360px);
  }
  .marurin-latest__title {
    font-size: 30px;
  }
}
@media screen and (min-width: 1000px) {
  .marurin-latest {
    padding: 50px 90px;
  }
}
@media screen and (max-width: 899.99px) {
  .marurin-latest__content {
    max-width: 500px;
    margin: 0 auto;
  }
  .marurin-latest__thumbnail {
    text-align: center;
    margin-top: 20px;
  }
}

.marurin-backnumber__title {
  margin-bottom: 15px;
}
.marurin-backnumber__text {
  font-size: 12px;
  margin-bottom: 15px;
  padding: 0 5px;
}
@media screen and (min-width: 600px) {
  .marurin-backnumber__text {
    font-size: 14px;
  }
}

.news-post__date {
  display: block;
  font-weight: 600;
  font-size: 0.94em;
}
.news-post__content {
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #ddd;
}
.news-post__content small {
  font-size: 0.9em;
}
.news-post__content big {
  font-size: 1.1em;
}
.news-post__content em, .news-post__content i {
  font-style: italic;
}
.news-post__content b, .news-post__content strong {
  font-weight: bold;
}
.news-post__content a {
  text-decoration: underline;
  color: #234d07;
}
.news-post__content a:hover {
  text-decoration: none;
}
.news-post__content del, .news-post__content strike, .news-post__content s {
  text-decoration: line-through;
}
.news-post__content u {
  text-decoration: underline;
}
.news-post__content h1, .news-post__content h2, .news-post__content h3, .news-post__content h4, .news-post__content h5, .news-post__content h6 {
  line-height: 1.4;
}
.news-post__content h1 {
  font-size: 1.8em;
  font-weight: bold;
}
.news-post__content h2 {
  font-size: 1.6em;
  font-weight: bold;
}
.news-post__content h3 {
  font-size: 1.4em;
  font-weight: bold;
}
.news-post__content h4 {
  font-size: 1.4em;
}
.news-post__content h5 {
  font-size: 1.2em;
}
.news-post__content h6 {
  font-size: 1.1em;
}

.outline-catch {
  background: url(../img/outline/bg1.jpg) no-repeat center top/cover;
  height: 810px;
  padding-top: 40px;
}
.outline-catch__logo {
  width: 84px;
  margin-bottom: 5px;
}
.outline-catch__content {
  max-width: 710px;
}
@media screen and (min-width: 900px) {
  .outline-catch {
    height: 787px;
    padding-top: 70px;
  }
  .outline-catch__logo {
    width: 168px;
    margin-bottom: 12px;
  }
}

.outline-card {
  background-color: #fff;
  border-radius: 15px;
  border: 1px solid #234d07;
  height: 100%;
  overflow: hidden;
}
.outline-card__header {
  background-color: #234d07;
  padding: 8px 2px;
  text-align: center;
  color: #fff;
  font-size: 18px;
}
.outline-card__img {
  padding: 15px;
  text-align: center;
}
.outline-card__content {
  padding: 0 15px 20px;
}
@media screen and (min-width: 900px) {
  .outline-card__header {
    font-size: 20px;
  }
}

.outline-table {
  background-color: #fff;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  padding: 12px;
}
.outline-table__line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.outline-table__line + .outline-table__line {
  margin-top: 4px;
  padding-top: 4px;
  border-top: 1px solid #d2d2d2;
}
.outline-table__title {
  font-weight: bold;
  color: #234d07;
  background-color: #d9e2df;
  padding: 8px 5px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100px;
          flex: 0 0 100px;
  width: 100px;
}
.outline-table__text {
  padding: 8px 5px 8px 15px;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 calc(100% - 100px);
          flex: 1 1 calc(100% - 100px);
  width: calc(100% - 100px);
  max-width: calc(100% - 100px);
}
.outline-table__text + .outline-table__title {
  padding-top: 0;
}
.outline-table__text + .outline-table__title + .outline-table__text {
  padding-top: 0;
}
@media screen and (min-width: 600px) {
  .outline-table__title {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 150px;
            flex: 0 0 150px;
    width: 150px;
  }
  .outline-table__text {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 calc(100% - 150px);
            flex: 1 1 calc(100% - 150px);
    width: calc(100% - 150px);
    max-width: calc(100% - 150px);
  }
}
@media screen and (min-width: 900px) {
  .outline-table {
    padding: 25px;
  }
  .outline-table__title {
    padding: 13px 5px;
  }
  .outline-table__text {
    padding: 13px 5px 13px 30px;
  }
}
@media screen and (max-width: 599.99px) {
  .outline-table__title {
    font-size: 12px;
  }
  .outline-table__text {
    font-size: 12px;
  }
}

.photo-gallery-card__img {
  display: block;
  width: 100%;
  padding-top: 75%;
  position: relative;
  border-radius: 15px;
  overflow: hidden;
  cursor: pointer;
  -webkit-transition: 0.3s opacity ease-in-out;
  -o-transition: 0.3s opacity ease-in-out;
  transition: 0.3s opacity ease-in-out;
}
.photo-gallery-card__img:hover {
  opacity: 0.6;
}
.photo-gallery-card__img img {
  position: absolute;
  top: 0;
  left: 0;
}
.photo-gallery-card__caption {
  text-align: center;
  line-height: 1.3;
  margin-top: 15px;
}
.photo-gallery-card__sns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.photo-gallery-card__sns-item {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  -webkit-transition: 0.3s opacity ease-in-out;
  -o-transition: 0.3s opacity ease-in-out;
  transition: 0.3s opacity ease-in-out;
}
.photo-gallery-card__sns-item:hover {
  opacity: 0.6;
}
.photo-gallery-card__sns-item + .photo-gallery-card__sns-item {
  margin-left: 2px;
}

.photo-gallery-modal {
  text-align: center;
}

.register-special {
  width: 100%;
  table-layout: auto;
}
.register-special th, .register-special td {
  padding: 12px 10px;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #d2d2d2;
}
.register-special th img, .register-special td img {
  width: 50px;
}
.register-special thead th {
  background-color: #e6e6e6;
}
.register-special tr th:nth-child(1), .register-special tr td:nth-child(1) {
  width: 70px;
}
.register-special tr th:nth-child(2), .register-special tr td:nth-child(2) {
  width: auto;
}
.register-special tr th:nth-child(3), .register-special tr td:nth-child(3) {
  width: 90px;
}
@media screen and (min-width: 600px) {
  .register-special th img, .register-special td img {
    width: 70px;
  }
  .register-special tr th:nth-child(1), .register-special tr td:nth-child(1) {
    width: 140px;
  }
  .register-special tr th:nth-child(3), .register-special tr td:nth-child(3) {
    width: 120px;
  }
}
@media screen and (min-width: 900px) {
  .register-special th, .register-special td {
    padding: 15px 10px;
  }
  .register-special th img, .register-special td img {
    width: 90px;
  }
  .register-special tr th:nth-child(1), .register-special tr td:nth-child(1) {
    width: 220px;
  }
}

.support-company {
  max-width: 980px;
  margin-left: auto;
  margin-right: auto;
}
.support-company__item {
  padding: 15px;
  background-color: #fff;
}
.support-company__item + .support-company__item {
  margin-top: 3px;
}
.support-company__logo {
  text-align: center;
}
@media screen and (min-width: 600px) {
  .support-company__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .support-company__logo {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 190px;
            flex: 0 0 190px;
    width: 190px;
  }
  .support-company__content {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    margin-left: 20px;
  }
}
@media screen and (min-width: 900px) {
  .support-company__item {
    padding: 35px;
  }
}

.trademark-catch {
  max-width: 830px;
  margin: 0 auto;
}
.trademark-catch__title {
  font-family: "Noto Serif JP", serif;
  letter-spacing: 0.1em;
  font-size: 26px;
  line-height: 1.3;
}
.trademark-catch__text {
  font-family: "Noto Serif JP", serif;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 600px) {
  .trademark-catch__title {
    letter-spacing: 0.2em;
    font-size: 32px;
  }
  .trademark-catch__text {
    letter-spacing: 0.2em;
  }
}
@media screen and (min-width: 900px) {
  .trademark-catch {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .trademark-catch__mark {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 179px;
            flex: 0 0 179px;
    width: 179px;
  }
  .trademark-catch__content {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
  }
}
@media screen and (max-width: 899.99px) {
  .trademark-catch__mark {
    text-align: center;
    margin-bottom: 20px;
  }
  .trademark-catch__title {
    text-align: center;
    margin-bottom: 20px;
  }
  .trademark-catch__text {
    text-align: center;
  }
}

@media screen and (min-width: 750px) {
  .trademark-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .trademark-block__text {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    max-width: calc(100% - 270px);
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .trademark-block__logo {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 270px;
            flex: 0 0 270px;
    width: 270px;
    text-align: right;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
@media screen and (max-width: 749.99px) {
  .trademark-block__logo {
    margin-bottom: 15px;
  }
  .trademark-block__logo img {
    width: 100px;
  }
}

.village-catch {
  background: url(../img/village/bg1.jpg) no-repeat center center/cover;
}
.village-catch__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.village-catch__content {
  background-color: rgba(255, 255, 255, 0.8);
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  max-width: 785px;
  width: 100%;
  padding: 35px 18px;
}
.village-catch__table {
  margin-top: 20px;
}
.village-catch__table th {
  white-space: nowrap;
}
.village-catch__table th, .village-catch__table td {
  border-top: 1px solid #313131;
  border-bottom: 1px solid #313131;
}
.village-catch__tel {
  font-size: 1.25em;
}
@media screen and (min-width: 900px) {
  .village-catch__container {
    height: 840px;
  }
  .village-catch__content {
    padding: 40px;
  }
  .village-catch__table {
    margin-top: 30px;
  }
  .village-catch__table th, .village-catch__table td {
    padding: 15px;
  }
  .village-catch__table th {
    width: 130px;
  }
  .village-catch__table td {
    width: auto;
  }
}
@media screen and (max-width: 899.99px) {
  .village-catch__container {
    padding-top: 45px;
    padding-bottom: 45px;
  }
  .village-catch__table th, .village-catch__table td {
    padding: 8px;
  }
}

.village-renttable th, .village-renttable td {
  line-height: 1.25;
  text-align: center;
  vertical-align: middle;
  padding: 7px 4px;
  border: 1px solid #d2d2d2;
}
@media screen and (min-width: 600px) {
  .village-renttable {
    width: 100%;
    table-layout: fixed;
  }
  .village-renttable th, .village-renttable td {
    padding: 10px 5px;
  }
  .village-renttable thead th {
    background-color: #808080;
    color: #fff;
  }
  .village-renttable tbody th {
    background-color: #eef3f0;
  }
  .village-renttable tbody td {
    background-color: #fff;
  }
}
@media screen and (max-width: 599.99px) {
  .village-renttable th, .village-renttable td {
    font-size: 12px;
  }
  .village-renttable th {
    background-color: #808080;
    color: #fff;
  }
  .village-renttable td.bg1 {
    background-color: #eef3f0;
  }
}

.village-flow .village-flow__item:last-child::after {
  content: none;
}
.village-flow__item {
  border-radius: 15px;
  border: 2px solid #7cb0b0;
  background-color: #7cb0b0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.village-flow__item:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-top: 30px solid #7cb0b0;
  border-left: 25px solid transparent;
  border-right: 25px solid transparent;
  border-bottom: 0px solid transparent;
  position: absolute;
  bottom: -30px;
  left: 50%;
  margin-left: -25px;
}
.village-flow__item + .village-flow__item {
  margin-top: 40px;
}
.village-flow__number {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50px;
          flex: 0 0 50px;
  width: 50px;
  font-size: 26px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-family: "Noto Serif JP", serif;
  color: #fff;
  border-radius: 15px 0 0 15px;
  overflow: hidden;
}
.village-flow__content {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  max-width: calc(100% - 50px);
  background-color: #fff;
  padding: 15px 9px;
  border-radius: 0 15px 15px 0;
  overflow: hidden;
}
@media screen and (min-width: 900px) {
  .village-flow__number {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 75px;
            flex: 0 0 75px;
    width: 75px;
    font-size: 40px;
  }
  .village-flow__content {
    max-width: calc(100% - 75px);
    padding: 25px 15px;
  }
}

.village-access__title {
  background-color: #e6e6e6;
  font-weight: bold;
  color: #234d07;
  border-radius: 15px;
  padding: 10px 12px;
  line-height: 1.5;
  font-size: 16px;
}
.village-access__text {
  padding: 10px 12px;
}
.village-access__text + .village-access__title {
  margin-top: 30px;
}
.village-access__map {
  text-align: center;
}
@media screen and (min-width: 600px) {
  .village-access {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .village-access__map {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    width: 100%;
  }
  .village-access__item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 48%;
            flex: 0 0 48%;
    width: 48%;
  }
}
@media screen and (min-width: 900px) {
  .village-access__map {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 32%;
            flex: 0 0 32%;
    width: 32%;
  }
  .village-access__item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 32%;
            flex: 0 0 32%;
    width: 32%;
  }
  .village-access__title {
    font-size: 18px;
  }
}
@media screen and (max-width: 599.99px) {
  .village-access__map {
    margin-bottom: 40px;
  }
  .village-access__item + .village-access__item {
    margin-top: 30px;
  }
}

.volunteer-catch {
  background: url(../img/volunteer/bg1@mobile.jpg) no-repeat center center/cover;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 360px;
}
.volunteer-catch__title {
  font-family: "Noto Serif JP", serif;
  color: #fff;
  font-size: 22px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 0.3em;
  letter-spacing: 0.1em;
}
.volunteer-catch__text {
  font-family: "Noto Serif JP", serif;
  color: #fff;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 600px) {
  .volunteer-catch {
    background: url(../img/volunteer/bg1.jpg) no-repeat center center/cover;
    height: 420px;
  }
  .volunteer-catch__title {
    font-size: 32px;
    letter-spacing: 0.2em;
  }
  .volunteer-catch__text {
    font-size: 16px;
    letter-spacing: 0.2em;
  }
}
@media screen and (min-width: 900px) {
  .volunteer-catch__title {
    font-size: 40px;
  }
  .volunteer-catch__text {
    font-size: 20px;
  }
}

.volunteer-hozen {
  background-color: #fff;
  border: 1px solid #234d07;
  border-radius: 10px;
  max-width: 980px;
  margin: 0 auto;
}
@media screen and (min-width: 600px) {
  .volunteer-hozen {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .volunteer-hozen__book {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 135px;
            flex: 0 0 135px;
    width: 135px;
  }
  .volunteer-hozen__content {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    width: calc(100% - 135px);
    max-width: calc(100% - 135px);
    padding-left: 25px;
  }
}
@media screen and (min-width: 900px) {
  .volunteer-hozen__content {
    padding-left: 55px;
  }
}
@media screen and (max-width: 599.99px) {
  .volunteer-hozen {
    overflow: hidden;
  }
  .volunteer-hozen__book {
    float: left;
    width: 90px;
    margin: 0 5px 5px 0;
  }
}