@charset "UTF-8";
/**
 * Lightcase - jQuery Plugin
 * The smart and flexible Lightbox Plugin.
 *
 * @author		Cornel Boppart <cornel@bopp-art.com>
 * @copyright	Author
 *
 * @version		2.5.0 (11/03/2018)
 */
/**
 * Lightcase settings
 *
 * Note: Override default settings for your project without touching this source code by simply
 * defining those variables within a SASS map called '$lightcase-custom'.
 *
 * // Example usage
 * $lightcase-custom: (
 *   'breakpoint': 768px
 * );
 */
@font-face {
  font-family: "lightcase";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/lightcase.eot?55356177");
  src: url("../fonts/lightcase.eot?55356177#iefix") format("embedded-opentype"), url("../fonts/lightcase.woff?55356177") format("woff"), url("../fonts/lightcase.ttf?55356177") format("truetype"), url("../fonts/lightcase.svg?55356177#lightcase") format("svg");
}
/* line 12, ../scss/components/fonts/_font-lightcase.scss */
[class*=lightcase-icon-]:before {
  speak: none;
  display: inline-block;
  font-family: "lightcase", sans-serif;
  font-style: normal;
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  font-weight: normal;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  text-align: center;
  text-decoration: inherit;
  text-transform: none;
  width: 1em;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

/* Codes */
/* line 35, ../scss/components/fonts/_font-lightcase.scss */
.lightcase-icon-play:before {
  content: "\e800";
}

/* line 36, ../scss/components/fonts/_font-lightcase.scss */
.lightcase-icon-pause:before {
  content: "\e801";
}

/* line 37, ../scss/components/fonts/_font-lightcase.scss */
.lightcase-icon-close:before {
  content: "\e802";
}

/* line 38, ../scss/components/fonts/_font-lightcase.scss */
.lightcase-icon-prev:before {
  content: "\e803";
}

/* line 39, ../scss/components/fonts/_font-lightcase.scss */
.lightcase-icon-next:before {
  content: "\e804";
}

/* line 40, ../scss/components/fonts/_font-lightcase.scss */
.lightcase-icon-spin:before {
  content: "\e805";
}

/**
 * Mixin providing icon defaults to be used on top of font-lightcase.
 *
 * Example usage:
 * @include icon(#e9e9e9)
 */
/**
 * Mixin providing icon defaults including a hover status to be used
 * on top of font-lightcase.
 *
 * Example usage:
 * @include icon-hover(#e9e9e9, #fff)
 */
/**
 * Provides natural content overflow behavior and scrolling support
 * even so for touch devices.
 *
 * Example usage:
 * @include overflow()
 */
/**
 * Neutralizes/resets dimensions including width, height, position as well as margins,
 * paddings and styles. Used to enforce a neutral and unstyled look and behavoir!
 *
 * Example usage:
 * @include clear(true)
 *
 * @param boolean $important
 */
@-webkit-keyframes lightcase-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes lightcase-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
/* line 1, ../scss/components/modules/_case.scss */
#lightcase-case {
  display: none;
  font-family: arial, sans-serif;
  font-size: 13px;
  left: 50%;
  line-height: 1.5;
  position: fixed;
  text-align: left;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  top: 50%;
  z-index: 2002;
}

@media screen and (max-width: 640px) {
  /* line 16, ../scss/components/modules/_case.scss */
  html[data-lc-type=inline] #lightcase-case, html[data-lc-type=ajax] #lightcase-case {
    bottom: 0 !important;
    height: 100% !important;
    left: 0 !important;
    margin: 0 !important;
    overflow: auto !important;
    padding: 55px 0 70px 0;
    position: fixed !important;
    right: 0 !important;
    top: 0 !important;
    width: 100% !important;
  }
}
@media screen and (min-width: 641px) {
  /* line 4, ../scss/components/modules/_content.scss */
  html:not([data-lc-type=error]) #lightcase-content {
    -o-box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
    -webkit-backface-visibility: hidden;
    background-color: #fff;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
    position: relative;
    text-shadow: none;
    z-index: 1;
  }
}
@media screen and (min-width: 641px) {
  /* line 23, ../scss/components/modules/_content.scss */
  html[data-lc-type=image] #lightcase-content, html[data-lc-type=video] #lightcase-content {
    background-color: #333;
  }
}
/* line 31, ../scss/components/modules/_content.scss */
html[data-lc-type=inline] #lightcase-content, html[data-lc-type=ajax] #lightcase-content, html[data-lc-type=error] #lightcase-content {
  -o-box-shadow: none;
  box-shadow: none;
}

@media screen and (max-width: 640px) {
  /* line 31, ../scss/components/modules/_content.scss */
  html[data-lc-type=inline] #lightcase-content, html[data-lc-type=ajax] #lightcase-content, html[data-lc-type=error] #lightcase-content {
    background: none !important;
    border: none !important;
    height: auto !important;
    left: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    position: relative !important;
    top: auto !important;
    width: auto !important;
  }
}
/* line 43, ../scss/components/modules/_content.scss */
html[data-lc-type=inline] #lightcase-content .lightcase-contentInner, html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner, html[data-lc-type=error] #lightcase-content .lightcase-contentInner {
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 640px) {
  /* line 43, ../scss/components/modules/_content.scss */
  html[data-lc-type=inline] #lightcase-content .lightcase-contentInner, html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner, html[data-lc-type=error] #lightcase-content .lightcase-contentInner {
    padding: 15px;
  }
  /* line 52, ../scss/components/modules/_content.scss */
  html[data-lc-type=inline] #lightcase-content .lightcase-contentInner, html[data-lc-type=inline] #lightcase-content .lightcase-contentInner > *, html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner, html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner > *, html[data-lc-type=error] #lightcase-content .lightcase-contentInner, html[data-lc-type=error] #lightcase-content .lightcase-contentInner > * {
    max-width: none !important;
    width: 100% !important;
  }
  /* line 59, ../scss/components/modules/_content.scss */
  html[data-lc-type=inline] #lightcase-content .lightcase-contentInner > *:not(iframe), html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner > *:not(iframe), html[data-lc-type=error] #lightcase-content .lightcase-contentInner > *:not(iframe) {
    height: auto !important;
    max-height: none !important;
  }
}
@media screen and (max-width: 640px) {
  /* line 70, ../scss/components/modules/_content.scss */
  html.lightcase-isMobileDevice[data-lc-type=iframe] #lightcase-content .lightcase-contentInner iframe {
    -webkit-overflow-scrolling: touch;
    overflow: auto;
  }
}
@media screen and (max-width: 640px) and (min-width: 641px) {
  /* line 74, ../scss/components/modules/_content.scss */
  html[data-lc-type=image] #lightcase-content .lightcase-contentInner, html[data-lc-type=video] #lightcase-content .lightcase-contentInner {
    line-height: 0.75;
  }
}
/* line 82, ../scss/components/modules/_content.scss */
html[data-lc-type=image] #lightcase-content .lightcase-contentInner {
  overflow: hidden !important;
  position: relative;
}

@media screen and (max-width: 640px) {
  /* line 91, ../scss/components/modules/_content.scss */
  html[data-lc-type=inline] #lightcase-content .lightcase-contentInner .lightcase-inlineWrap, html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner .lightcase-inlineWrap, html[data-lc-type=error] #lightcase-content .lightcase-contentInner .lightcase-inlineWrap {
    background: none !important;
    border: none !important;
    height: auto !important;
    left: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    position: relative !important;
    top: auto !important;
    width: auto !important;
  }
}
@media screen and (min-width: 641px) {
  /* line 100, ../scss/components/modules/_content.scss */
  html:not([data-lc-type=error]) #lightcase-content .lightcase-contentInner .lightcase-inlineWrap {
    -o-box-sizing: border-box;
    box-sizing: border-box;
    overflow: auto;
    padding: 30px;
  }
}
@media screen and (max-width: 640px) {
  /* line 117, ../scss/components/modules/_content.scss */
  #lightcase-content h1, #lightcase-content h2, #lightcase-content h3, #lightcase-content h4, #lightcase-content h5, #lightcase-content h6, #lightcase-content p {
    color: #aaa;
  }
}
@media screen and (min-width: 641px) {
  /* line 117, ../scss/components/modules/_content.scss */
  #lightcase-content h1, #lightcase-content h2, #lightcase-content h3, #lightcase-content h4, #lightcase-content h5, #lightcase-content h6, #lightcase-content p {
    color: #333;
  }
}
/* line 3, ../scss/components/modules/_error.scss */
#lightcase-case p.lightcase-error {
  color: #aaa;
  font-size: 17px;
  margin: 0;
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media screen and (max-width: 640px) {
  /* line 3, ../scss/components/modules/_error.scss */
  #lightcase-case p.lightcase-error {
    padding: 30px 0;
  }
}
@media screen and (min-width: 641px) {
  /* line 3, ../scss/components/modules/_error.scss */
  #lightcase-case p.lightcase-error {
    padding: 0;
  }
}
/* line 4, ../scss/components/modules/_global.scss */
.lightcase-open body {
  overflow: hidden;
}

/* line 8, ../scss/components/modules/_global.scss */
.lightcase-isMobileDevice .lightcase-open body {
  max-height: 100%;
  max-width: 100%;
}

/* line 1, ../scss/components/modules/_info.scss */
#lightcase-info {
  padding-top: 15px;
  position: absolute;
}

/* line 9, ../scss/components/modules/_info.scss */
#lightcase-info #lightcase-title,
#lightcase-info #lightcase-caption {
  font-weight: normal;
  line-height: 1.5;
  margin: 0;
  padding: 0;
  text-overflow: ellipsis;
}

/* line 19, ../scss/components/modules/_info.scss */
#lightcase-info #lightcase-title {
  color: #aaa;
  font-size: 17px;
}

@media screen and (max-width: 640px) {
  /* line 19, ../scss/components/modules/_info.scss */
  #lightcase-info #lightcase-title {
    background: #333;
    left: 0;
    max-width: 87.5%;
    padding: 5px 15px;
    position: fixed;
    top: 10px;
  }
}
/* line 33, ../scss/components/modules/_info.scss */
#lightcase-info #lightcase-caption {
  clear: both;
  color: #aaa;
  font-size: 13px;
}

/* line 39, ../scss/components/modules/_info.scss */
#lightcase-info #lightcase-sequenceInfo {
  color: #aaa;
  font-size: 11px;
}

@media screen and (max-width: 640px) {
  /* line 45, ../scss/components/modules/_info.scss */
  .lightcase-fullScreenMode #lightcase-info {
    padding-left: 15px;
    padding-right: 15px;
  }
  /* line 51, ../scss/components/modules/_info.scss */
  html:not([data-lc-type=image]):not([data-lc-type=video]):not([data-lc-type=flash]):not([data-lc-type=error]) #lightcase-info {
    position: static;
  }
}
/* line 1, ../scss/components/modules/_loading.scss */
#lightcase-loading {
  -moz-transform-origin: 50% 53%;
  -webkit-animation: lightcase-spin 0.5s infinite linear;
  animation: lightcase-spin 0.5s infinite linear;
  font-size: 38px;
  font-size: 32px;
  height: auto;
  left: 50%;
  line-height: 1;
  margin-left: -0.5em;
  margin-top: -0.5em;
  opacity: 1;
  position: fixed;
  position: fixed;
  text-align: center;
  text-shadow: none;
  text-shadow: 0 0 15px #fff;
  top: 50%;
  width: 1.123em;
  z-index: 9999;
  z-index: 2001;
}

/* line 20, ../scss/components/mixins/_presets.scss */
#lightcase-loading, #lightcase-loading:focus {
  -webkit-tap-highlight-color: transparent;
  color: #fff;
  text-decoration: none;
  transition: color, opacity, ease-in-out 0.25s;
}

/* line 32, ../scss/components/mixins/_presets.scss */
#lightcase-loading > span {
  display: inline-block;
  text-indent: -9999px;
}

/* line 2, ../scss/components/modules/_navigation.scss */
a[class*=lightcase-icon-] {
  cursor: pointer;
  font-size: 38px;
  height: auto;
  line-height: 1;
  outline: none;
  position: fixed;
  text-align: center;
  text-shadow: none;
  width: 1.123em;
  z-index: 9999;
}

/* line 20, ../scss/components/mixins/_presets.scss */
a[class*=lightcase-icon-], a[class*=lightcase-icon-]:focus {
  -webkit-tap-highlight-color: transparent;
  color: rgba(255, 255, 255, 0.6);
  text-decoration: none;
  transition: color, opacity, ease-in-out 0.25s;
}

/* line 32, ../scss/components/mixins/_presets.scss */
a[class*=lightcase-icon-] > span {
  display: inline-block;
  text-indent: -9999px;
}

/* line 49, ../scss/components/mixins/_presets.scss */
a[class*=lightcase-icon-]:hover {
  color: white;
  text-shadow: 0 0 15px white;
}

/* line 10, ../scss/components/modules/_navigation.scss */
.lightcase-isMobileDevice a[class*=lightcase-icon-]:hover {
  color: #aaa;
  text-shadow: none;
}

/* line 17, ../scss/components/modules/_navigation.scss */
a[class*=lightcase-icon-].lightcase-icon-close {
  bottom: auto;
  margin: 0;
  opacity: 0;
  outline: none;
  position: fixed;
  right: 15px;
  top: 15px;
}

/* line 28, ../scss/components/modules/_navigation.scss */
a[class*=lightcase-icon-].lightcase-icon-prev {
  left: 15px;
}

/* line 33, ../scss/components/modules/_navigation.scss */
a[class*=lightcase-icon-].lightcase-icon-next {
  right: 15px;
}

/* line 38, ../scss/components/modules/_navigation.scss */
a[class*=lightcase-icon-].lightcase-icon-pause, a[class*=lightcase-icon-].lightcase-icon-play {
  left: 50%;
  margin-left: -0.5em;
}

@media screen and (min-width: 641px) {
  /* line 38, ../scss/components/modules/_navigation.scss */
  a[class*=lightcase-icon-].lightcase-icon-pause, a[class*=lightcase-icon-].lightcase-icon-play {
    opacity: 0;
  }
}
@media screen and (max-width: 640px) {
  /* line 2, ../scss/components/modules/_navigation.scss */
  a[class*=lightcase-icon-] {
    bottom: 15px;
    font-size: 24px;
  }
}
@media screen and (min-width: 641px) {
  /* line 2, ../scss/components/modules/_navigation.scss */
  a[class*=lightcase-icon-] {
    bottom: 50%;
    margin-bottom: -0.5em;
  }
  /* line 57, ../scss/components/modules/_navigation.scss */
  a[class*=lightcase-icon-]:hover, #lightcase-case:hover ~ a[class*=lightcase-icon-] {
    opacity: 1;
  }
}
/* line 1, ../scss/components/modules/_overlay.scss */
#lightcase-overlay {
  background: #333;
  bottom: -9999px;
  display: none;
  left: 0;
  min-height: 100%;
  position: fixed;
  top: -9999px;
  width: 100%;
  z-index: 2000;
}

@media screen and (max-width: 640px) {
  /* line 1, ../scss/components/modules/_overlay.scss */
  #lightcase-overlay {
    opacity: 1 !important;
  }
}
@-webkit-keyframes scroll-hint-appear {
  0% {
    -webkit-transform: translateX(40px);
    opacity: 0;
    transform: translateX(40px);
  }
  10% {
    opacity: 1;
  }
  50%, 100% {
    -webkit-transform: translateX(-40px);
    opacity: 0;
    transform: translateX(-40px);
  }
}
@keyframes scroll-hint-appear {
  0% {
    -webkit-transform: translateX(40px);
    opacity: 0;
    transform: translateX(40px);
  }
  10% {
    opacity: 1;
  }
  50%, 100% {
    -webkit-transform: translateX(-40px);
    opacity: 0;
    transform: translateX(-40px);
  }
}
.scroll-hint.is-right-scrollable {
  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: 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: linear-gradient(90deg, rgba(0, 0, 0, 0.15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
}

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

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

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

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

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

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

.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;
  -webkit-animation-iteration-count: 2;
  animation: scroll-hint-appear 1.2s linear;
  animation-iteration-count: 2;
}

.scroll-hint-icon-white {
  background-color: #FFF;
  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;
}

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

.swiper {
  list-style: none;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  padding: 0;
  position: relative;
  /* Fix of Webkit flickering */
  z-index: 1;
}

.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  box-sizing: content-box;
  display: flex;
  height: 100%;
  position: relative;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  width: 100%;
  z-index: 1;
}

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

.swiper-pointer-events {
  touch-action: pan-y;
}

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

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

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

/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}

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

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

/* 3D Effects */
.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
  -webkit-perspective: 1200px;
  perspective: 1200px;
}

.swiper-3d .swiper-wrapper,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-cube-shadow {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

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

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

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

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

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

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

/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
  /* For Firefox */
  -ms-overflow-style: none;
  overflow: auto;
  scrollbar-width: none;
  /* For Internet Explorer and Edge */
}

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

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

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

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

.swiper-centered > .swiper-wrapper::before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}

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

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

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

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

.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
}

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

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

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

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

:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}

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

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

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

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

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

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: 10px;
  right: auto;
}

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

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  left: auto;
  right: 10px;
}

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

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

:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  --swiper-pagination-bullet-size: 8px;
  --swiper-pagination-bullet-width: 8px;
  --swiper-pagination-bullet-height: 8px;
  --swiper-pagination-bullet-inactive-color: #000;
  --swiper-pagination-bullet-inactive-opacity: 0.2;
  --swiper-pagination-bullet-opacity: 1;
  --swiper-pagination-bullet-horizontal-gap: 4px;
  --swiper-pagination-bullet-vertical-gap: 6px;
  */
}

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

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

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

/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: 10px;
  left: 0;
  width: 100%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Progress */
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}

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

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

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

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

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

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

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

.swiper-horizontal > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
  bottom: 3px;
  height: 5px;
  left: 1%;
  position: absolute;
  width: 98%;
  z-index: 50;
}

.swiper-vertical > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-vertical {
  height: 98%;
  position: absolute;
  right: 3px;
  top: 1%;
  width: 5px;
  z-index: 50;
}

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

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

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

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

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

.swiper-slide-zoomed {
  cursor: move;
}

/* Preloader */
:root {
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  */
}

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

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

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

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

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

@keyframes swiper-preloader-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/* a11y */
.swiper .swiper-notification {
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  z-index: -1000;
}

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

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

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

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

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

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

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

.swiper-cube {
  overflow: visible;
}

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

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

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

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

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

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

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

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

.swiper-flip {
  overflow: visible;
}

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

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

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

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

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

.swiper-cards {
  overflow: visible;
}

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

/* =====================
  configuration setting
===================== */
/*=====================
  common
===================== */
html,
body {
  word-wrap: break-word;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  color: #030303;
  font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Lato, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 400;
  letter-spacing: 0.025em;
  line-height: 2;
  overflow-wrap: break-word;
}
@media print, screen and (min-width: 768px) {
  html,
body {
    line-height: 1.8888888889;
  }
}
@media print {
  html,
body {
    line-height: 1.8888888889;
  }
}

body.is-scrollLock {
  overflow: hidden;
}

@media print {
  a[href]:after {
    content: "" !important;
  }
  abbr[title]:after {
    content: "" !important;
  }
}
h1,
h2,
h3,
h4,
h5,
p {
  margin: 0;
}

a {
  color: #00947e;
}
a:hover {
  color: #00947e;
  text-decoration: none;
}

*:focus {
  outline: none;
}

.wrapper {
  display: flex;
  flex-flow: column;
  min-height: 100vh;
}

.main {
  flex: 1;
}

/*!
 * Generated using the Bootstrap Customizer (https://getbootstrap.com/docs/3.4/customize/)
 */
/*!
 * Bootstrap v3.4.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/*基本的にグリッドシステムv3のみ*/
body {
  margin: 0;
}

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

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],
template {
  display: none;
}

a {
  background-color: transparent;
}

a:active,
a:hover {
  outline: 0;
}

abbr[title] {
  -webkit-text-decoration: underline dotted;
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}

dt,
dd {
  margin: 0;
  padding: 0;
}

b,
strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

mark {
  background: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 1em 40px;
}

hr {
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type=checkbox],
input[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

input[type=search] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

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

td,
th {
  padding: 0;
}

* {
  box-sizing: border-box;
}

*:before,
*:after {
  box-sizing: border-box;
}

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

a {
  text-decoration: none;
}

a:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

figure {
  margin: 0;
}

img {
  vertical-align: middle;
}

.img-responsive {
  display: block;
  height: auto;
  max-width: 100%;
}

hr {
  border: 0;
  border-top: 1px solid #eeeeee;
  margin-bottom: 20px;
  margin-top: 20px;
}

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.hide {
  display: none !important;
}

.show {
  display: block !important;
}

.invisible {
  visibility: hidden;
}

.text-hide {
  background-color: transparent;
  border: 0;
  color: transparent;
  font: 0/0 a;
  text-shadow: none;
}

.hidden {
  display: none !important;
}

.affix {
  position: fixed;
}

.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important;
}

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}

@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table !important;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
td.visible-xs {
    display: table-cell !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table !important;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
td.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 992px) and (max-width: 1319px) {
  .visible-md {
    display: block !important;
  }
  table.visible-md {
    display: table !important;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
td.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1319px) {
  .visible-md-block {
    display: block !important;
  }
}
@media (min-width: 992px) and (max-width: 1319px) {
  .visible-md-inline {
    display: inline !important;
  }
}
@media (min-width: 992px) and (max-width: 1319px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1320px) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table !important;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
td.visible-lg {
    display: table-cell !important;
  }
}
@media (min-width: 1320px) {
  .visible-lg-block {
    display: block !important;
  }
}
@media (min-width: 1320px) {
  .visible-lg-inline {
    display: inline !important;
  }
}
@media (min-width: 1320px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1319px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1320px) {
  .hidden-lg {
    display: none !important;
  }
}
.visible-print {
  display: none !important;
}

@media print {
  .visible-print {
    display: block !important;
  }
  table.visible-print {
    display: table !important;
  }
  tr.visible-print {
    display: table-row !important;
  }
  th.visible-print,
td.visible-print {
    display: table-cell !important;
  }
}
.visible-print-block {
  display: none !important;
}

@media print {
  .visible-print-block {
    display: block !important;
  }
}
.visible-print-inline {
  display: none !important;
}

@media print {
  .visible-print-inline {
    display: inline !important;
  }
}
.visible-print-inline-block {
  display: none !important;
}

@media print {
  .visible-print-inline-block {
    display: inline-block !important;
  }
}
@media print {
  .hidden-print {
    display: none !important;
  }
}
@font-face {
  font-family: "Poppins";
  src: url("/lp/eneos/chargeplus/fonts/Poppins-Bold.woff2") format("woff2"), url("/lp/eneos/chargeplus/fonts/Poppins-Bold.woff") format("woff");
}
@font-face {
  font-display: swap;
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 400;
  src: url("/lp/eneos/chargeplus/fonts/NotoSansJP-Medium.woff2") format("woff2"), url("/lp/eneos/chargeplus/fonts/NotoSansJP-Medium.woff") format("woff");
}
@font-face {
  font-display: swap;
  font-family: "Noto Sans JP";
  font-style: bold;
  font-weight: 700;
  src: url("/lp/eneos/chargeplus/fonts/NotoSansJP-Bold.woff2") format("woff2"), url("/lp/eneos/chargeplus/fonts/NotoSansJP-Bold.woff") format("woff");
}
.lightcaseImage-contentInner {
  background-color: #fff;
}

@media print {
  /**
   * Bootstrap Print v1.0.0 (https://github.com/onocom/bootstrap-print)
   * Copyright (c) 2017 Ono Takashi
   * Licensed under MIT (https://github.com/onocom/bootstrap-print/blob/master/LICENSE)
   */
  @page {
    margin: 0 !important;
  }
  * {
    -webkit-print-color-adjust: exact !important;
    background-attachment: initial !important;
    overflow-y: visible !important;
  }
  html {
    zoom: 0.7 !important;
    overflow: visible !important;
  }
  body {
    margin: 0 auto;
    min-width: 1120px !important;
    padding-bottom: 0px !important;
    width: 1120px;
  }
  .container-fluid,
.container {
    min-width: 1090px !important;
  }
  .row {
    margin-left: -15px !important;
    margin-right: -15px !important;
  }
  .dl-horizontal dt {
    clear: left;
    float: left;
    overflow: hidden;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 160px;
  }
  .dl-horizontal dd {
    margin-left: 180px;
  }
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .form-control {
    display: inline-block;
    vertical-align: middle;
    width: auto;
  }
  .form-inline .form-control-static {
    display: inline-block;
  }
  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .form-inline .input-group .input-group-addon,
.form-inline .input-group .input-group-btn,
.form-inline .input-group .form-control {
    width: auto;
  }
  .form-inline .input-group > .form-control {
    width: 100%;
  }
  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio,
.form-inline .checkbox {
    display: inline-block;
    margin-bottom: 0;
    margin-top: 0;
    vertical-align: middle;
  }
  .form-inline .radio label,
.form-inline .checkbox label {
    padding-left: 0;
  }
  .form-inline .radio input[type=radio],
.form-inline .checkbox input[type=checkbox] {
    margin-left: 0;
    position: relative;
  }
  .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }
  .form-horizontal .control-label {
    margin-bottom: 0;
    padding-top: 7px;
    text-align: right;
  }
  .form-horizontal .form-group-lg .control-label {
    font-size: 18px;
    padding-top: 11px;
  }
  .form-horizontal .form-group-sm .control-label {
    font-size: 12px;
    padding-top: 6px;
  }
  .navbar-header {
    float: left;
  }
  .navbar-right .dropdown-menu {
    left: auto;
    right: 0;
  }
  .navbar-right .dropdown-menu-left {
    left: 0;
    right: auto;
  }
  .navbar {
    border-radius: 0;
  }
  .navbar-collapse {
    border-top: 0;
    box-shadow: none;
    width: auto;
  }
  .navbar-collapse.collapse {
    display: block;
    height: auto;
    overflow: visible;
    padding-bottom: 0;
  }
  .navbar-collapse.in {
    overflow-y: visible;
  }
  .nav-justified {
    width: 100%;
  }
  .nav-justified > li {
    float: none;
  }
  .nav-justified > .dropdown .dropdown-menu {
    left: auto;
    top: auto;
  }
  .nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-justified > li > a {
    margin-bottom: 0;
  }
  .navbar-fixed-top,
.navbar-fixed-bottom {
    position: static;
  }
  .navbar-fixed-top .navbar-collapse,
.navbar-static-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
    padding-left: 0;
    padding-right: 0;
  }
  .container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
    margin-left: 0;
    margin-right: 0;
  }
  .navbar-static-top {
    border-radius: 0;
  }
  .navbar-fixed-top,
.navbar-fixed-bottom {
    border-radius: 0;
  }
  .navbar > .container .navbar-brand,
.navbar > .container-fluid .navbar-brand {
    margin-left: -15px;
  }
  .navbar-toggle {
    display: none;
  }
  .navbar-nav {
    float: left;
    margin: 0;
  }
  .navbar-nav > li {
    float: left;
  }
  .navbar-nav > li > a {
    padding-bottom: 15px;
    padding-top: 15px;
  }
  .navbar-form .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .form-control {
    display: inline-block;
    vertical-align: middle;
    width: auto;
  }
  .navbar-form .form-control-static {
    display: inline-block;
  }
  .navbar-form .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .navbar-form .input-group .input-group-addon,
.navbar-form .input-group .input-group-btn,
.navbar-form .input-group .form-control {
    width: auto;
  }
  .navbar-form .input-group > .form-control {
    width: 100%;
  }
  .navbar-form .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .radio,
.navbar-form .checkbox {
    display: inline-block;
    margin-bottom: 0;
    margin-top: 0;
    vertical-align: middle;
  }
  .navbar-form .radio label,
.navbar-form .checkbox label {
    padding-left: 0;
  }
  .navbar-form .radio input[type=radio],
.navbar-form .checkbox input[type=checkbox] {
    margin-left: 0;
    position: relative;
  }
  .navbar-form .has-feedback .form-control-feedback {
    top: 0;
  }
  .navbar-text {
    float: left;
    margin-left: 15px;
    margin-right: 15px;
  }
  .navbar-left {
    float: left;
  }
  .navbar-right {
    float: right;
    margin-right: -15px;
  }
  .navbar-right ~ .navbar-right {
    margin-right: 0;
  }
  .jumbotron {
    padding-bottom: 48px;
    padding-top: 48px;
  }
  .container .jumbotron,
.container-fluid .jumbotron {
    padding-left: 60px;
    padding-right: 60px;
  }
  .jumbotron h1,
.jumbotron .h1 {
    font-size: 63px;
  }
  .modal-dialog {
    margin: 30px auto;
    width: 600px;
  }
  .modal-content {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }
  .modal-sm {
    width: 300px;
  }
  .modal-lg {
    width: 900px;
  }
  .carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-prev,
.carousel-control .icon-next {
    font-size: 30px;
    height: 30px;
    margin-top: -10px;
    width: 30px;
  }
  .carousel-control .glyphicon-chevron-left,
.carousel-control .icon-prev {
    margin-left: -10px;
  }
  .carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next {
    margin-right: -10px;
  }
  .carousel-caption {
    left: 20%;
    padding-bottom: 30px;
    right: 20%;
  }
  .carousel-indicators {
    bottom: 20px;
  }
  .col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
    float: left;
  }
  .col-lg-12,
.col-md-12,
.col-sm-12,
.col-xs-12 {
    width: 100%;
  }
  .col-lg-11,
.col-md-11,
.col-sm-11,
.col-xs-11 {
    width: 91.66666667%;
  }
  .col-lg-10,
.col-md-10,
.col-sm-10,
.col-xs-10 {
    width: 83.33333333%;
  }
  .col-lg-9,
.col-md-9,
.col-sm-9,
.col-xs-9 {
    width: 75%;
  }
  .col-lg-8,
.col-md-8,
.col-sm-8,
.col-xs-8 {
    width: 66.66666667%;
  }
  .col-lg-7,
.col-md-7,
.col-sm-7,
.col-xs-7 {
    width: 58.33333333%;
  }
  .col-lg-6,
.col-md-6,
.col-sm-6,
.col-xs-6 {
    width: 50%;
  }
  .col-lg-5,
.col-md-5,
.col-sm-5,
.col-xs-5 {
    width: 41.66666667%;
  }
  .col-lg-4,
.col-md-4,
.col-sm-4,
.col-xs-4 {
    width: 33.33333333%;
  }
  .col-lg-3,
.col-md-3,
.col-sm-3,
.col-xs-3 {
    width: 25%;
  }
  .col-lg-2,
.col-md-2,
.col-sm-2,
.col-xs-2 {
    width: 16.66666667%;
  }
  .col-lg-1,
.col-md-1,
.col-sm-1,
.col-xs-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12,
.col-md-pull-12,
.col-sm-pull-12,
.col-xs-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11,
.col-md-pull-11,
.col-sm-pull-11,
.col-xs-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10,
.col-md-pull-10,
.col-sm-pull-10,
.col-xs-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9,
.col-md-pull-9,
.col-sm-pull-9,
.col-xs-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8,
.col-md-pull-8,
.col-sm-pull-8,
.col-xs-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7,
.col-md-pull-7,
.col-sm-pull-7,
.col-xs-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6,
.col-md-pull-6,
.col-sm-pull-6,
.col-xs-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5,
.col-md-pull-5,
.col-sm-pull-5,
.col-xs-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4,
.col-md-pull-4,
.col-sm-pull-4,
.col-xs-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3,
.col-md-pull-3,
.col-sm-pull-3,
.col-xs-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2,
.col-md-pull-2,
.col-sm-pull-2,
.col-xs-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1,
.col-md-pull-1,
.col-sm-pull-1,
.col-xs-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0,
.col-md-pull-0,
.col-sm-pull-0,
.col-xs-pull-0 {
    right: auto;
  }
  .col-lg-push-12,
.col-md-push-12,
.col-sm-push-12,
.col-xs-push-12 {
    left: 100%;
  }
  .col-lg-push-11,
.col-md-push-11,
.col-sm-push-11,
.col-xs-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10,
.col-md-push-10,
.col-sm-push-10,
.col-xs-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9,
.col-md-push-9,
.col-sm-push-9,
.col-xs-push-9 {
    left: 75%;
  }
  .col-lg-push-8,
.col-md-push-8,
.col-sm-push-8,
.col-xs-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7,
.col-md-push-7,
.col-sm-push-7,
.col-xs-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6,
.col-md-push-6,
.col-sm-push-6,
.col-xs-push-6 {
    left: 50%;
  }
  .col-lg-push-5,
.col-md-push-5,
.col-sm-push-5,
.col-xs-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4,
.col-md-push-4,
.col-sm-push-4,
.col-xs-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3,
.col-md-push-3,
.col-sm-push-3,
.col-xs-push-3 {
    left: 25%;
  }
  .col-lg-push-2,
.col-md-push-2,
.col-sm-push-2,
.col-xs-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1,
.col-md-push-1,
.col-sm-push-1,
.col-xs-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0,
.col-md-push-0,
.col-sm-push-0,
.col-xs-push-0 {
    left: auto;
  }
  .col-lg-offset-12,
.col-md-offset-12,
.col-sm-offset-12,
.col-xs-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11,
.col-md-offset-11,
.col-sm-offset-11,
.col-xs-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10,
.col-md-offset-10,
.col-sm-offset-10,
.col-xs-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9,
.col-md-offset-9,
.col-sm-offset-9,
.col-xs-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8,
.col-md-offset-8,
.col-sm-offset-8,
.col-xs-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7,
.col-md-offset-7,
.col-sm-offset-7,
.col-xs-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6,
.col-md-offset-6,
.col-sm-offset-6,
.col-xs-offset-6 {
    margin-left: 50% !important;
  }
  .col-lg-offset-5,
.col-md-offset-5,
.col-sm-offset-5,
.col-xs-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4,
.col-md-offset-4,
.col-sm-offset-4,
.col-xs-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3,
.col-md-offset-3,
.col-sm-offset-3,
.col-xs-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2,
.col-md-offset-2,
.col-sm-offset-2,
.col-xs-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1,
.col-md-offset-1,
.col-sm-offset-1,
.col-xs-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0,
.col-md-offset-0,
.col-sm-offset-0,
.col-xs-offset-0 {
    margin-left: 0%;
  }
  .visible-xs,
.visible-sm,
.visible-md {
    display: none !important;
  }
  .visible-lg {
    display: block !important;
  }
  .visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block {
    display: none !important;
  }
  .visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
    display: block !important;
  }
  .hidden-xs,
.hidden-sm,
.hidden-md {
    display: block !important;
  }
  .hidden-lg {
    display: none !important;
  }
  .navbar-offcanvas {
    display: block;
    left: auto;
    max-width: none;
    position: relative;
    top: auto;
    width: auto;
  }
}
.common-h2 {
  line-height: 1.3;
  position: relative;
}
.common-h2_top {
  align-items: center;
  display: flex;
}
.common-h2_icon {
  line-height: 1;
  margin-right: 8px;
}
@media print, screen and (min-width: 768px) {
  .common-h2_icon {
    margin-right: 12px;
  }
}
@media print {
  .common-h2_icon {
    margin-right: 12px;
  }
}
.common-h2_icon img {
  height: auto;
  width: 40px;
}
@media print, screen and (min-width: 768px) {
  .common-h2_icon img {
    width: 64px;
  }
}
@media print {
  .common-h2_icon img {
    width: 64px;
  }
}
.common-h2::before, .common-h2::after {
  bottom: calc(100% + 4px);
  content: " ";
  display: block;
  position: absolute;
  top: auto;
}
@media print, screen and (min-width: 768px) {
  .common-h2::before, .common-h2::after {
    bottom: calc(100% + 8px);
  }
}
@media print {
  .common-h2::before, .common-h2::after {
    bottom: calc(100% + 8px);
  }
}
.common-h2::before {
  -webkit-transform: translate(-50%, 0);
  background-color: #058e79;
  border-radius: 3px;
  height: 22px;
  left: 0;
  opacity: 0.9;
  transform: translate(-50%, 0);
  width: 22px;
}
@media print, screen and (min-width: 768px) {
  .common-h2::before {
    height: 32px;
    width: 32px;
  }
}
@media print {
  .common-h2::before {
    height: 32px;
    width: 32px;
  }
}
.common-h2::after {
  -webkit-transform: translate(0, -30%);
  background-color: #00b18f;
  border-radius: 4px;
  height: 33px;
  left: 0;
  opacity: 0.8;
  transform: translate(0, -30%);
  width: 33px;
}
@media print, screen and (min-width: 768px) {
  .common-h2::after {
    height: 48px;
    width: 48px;
  }
}
@media print {
  .common-h2::after {
    height: 48px;
    width: 48px;
  }
}
.common-h2_ja {
  flex: 1;
  font-size: 1.5rem;
  letter-spacing: 0;
  line-height: 1.3;
}
@media print, screen and (min-width: 361px) {
  .common-h2_ja {
    font-size: 1.75rem;
  }
}
@media print {
  .common-h2_ja {
    font-size: 1.75rem;
  }
}
@media print, screen and (min-width: 768px) {
  .common-h2_ja {
    font-size: 3rem;
  }
}
@media print {
  .common-h2_ja {
    font-size: 3rem;
  }
}
.common-h2_ja sup {
  font-size: 30%;
  line-height: 2;
  vertical-align: top;
}
.common-h2_en {
  align-items: center;
  color: #00947e;
  display: flex;
  font-family: "Poppins", "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Lato, sans-serif;
  font-size: 0.875rem;
  font-weight: 800;
  letter-spacing: 0.05em;
  line-height: 1.3;
  margin-top: 4px;
  position: relative;
}
@media print, screen and (min-width: 768px) {
  .common-h2_en {
    font-size: 1.125rem;
    margin-top: 8px;
  }
}
@media print {
  .common-h2_en {
    font-size: 1.125rem;
    margin-top: 8px;
  }
}
.common-h2_en::before {
  background-color: #00947e;
  border-radius: 999em;
  content: " ";
  display: block;
  height: 1px;
  margin-right: 4px;
  position: relative;
  width: 24px;
}
@media print, screen and (min-width: 768px) {
  .common-h2_en::before {
    margin-right: 8px;
    width: 32px;
  }
}
@media print {
  .common-h2_en::before {
    margin-right: 8px;
    width: 32px;
  }
}

.biz-h3 {
  display: flex;
  font-size: 1.375rem;
  font-weight: 700;
  gap: 0.75em;
  line-height: 1.5;
  position: relative;
  position: relative;
}
@media print, screen and (min-width: 768px) {
  .biz-h3 {
    font-size: 2rem;
  }
}
@media print {
  .biz-h3 {
    font-size: 2rem;
  }
}
.biz-h3::before {
  background-color: #00947e;
  border-radius: 2px;
  content: " ";
  display: block;
  position: relative;
  width: 5px;
}
@media print, screen and (min-width: 768px) {
  .biz-h3::before {
    border-radius: 3px;
    width: 8px;
  }
}
@media print {
  .biz-h3::before {
    border-radius: 3px;
    width: 8px;
  }
}
.biz-h3_ja {
  flex: 1;
}

.common-h3 {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
}
@media print, screen and (min-width: 768px) {
  .common-h3 {
    font-size: 1.625rem;
  }
}
@media print {
  .common-h3 {
    font-size: 1.625rem;
  }
}

.common-h3-lined {
  border-left: 2px solid #00947e;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.5;
  padding-left: 1em;
  position: relative;
}
@media print, screen and (min-width: 768px) {
  .common-h3-lined {
    border-width: 4px;
    font-size: 1.625rem;
  }
}
@media print {
  .common-h3-lined {
    border-width: 4px;
    font-size: 1.625rem;
  }
}

.common-h4 {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
}
@media print, screen and (min-width: 768px) {
  .common-h4 {
    font-size: 1.25rem;
  }
}
@media print {
  .common-h4 {
    font-size: 1.25rem;
  }
}

.common-h5 {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
}
@media print, screen and (min-width: 768px) {
  .common-h5 {
    font-size: 1.125rem;
  }
}
@media print {
  .common-h5 {
    font-size: 1.125rem;
  }
}

.common-h6 {
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
}
@media print, screen and (min-width: 768px) {
  .common-h6 {
    font-size: 1rem;
  }
}
@media print {
  .common-h6 {
    font-size: 1rem;
  }
}

.common-underline, .member-list_title, .timing-list_title {
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 1.6;
}
@media print, screen and (min-width: 768px) {
  .common-underline, .member-list_title, .timing-list_title {
    font-size: 1.625rem;
    line-height: 1.8;
  }
}
@media print {
  .common-underline, .member-list_title, .timing-list_title {
    font-size: 1.625rem;
    line-height: 1.8;
  }
}
.common-underline > span, .member-list_title > span, .timing-list_title > span {
  border-bottom: 1px solid #00947e;
  padding-bottom: 0.1em;
  position: relative;
}
.common-underline > small, .member-list_title > small, .timing-list_title > small {
  display: inline-block;
  font-size: 65%;
}

.btn, .btn--back, .btn--white, .btn--contact, .btn--sim, .btn--register, .btn--lg {
  align-items: center;
  background: #00947e;
  background-color: #00947e;
  border: 2px solid #00947e;
  border-radius: 999em;
  color: #fff;
  display: inline-flex;
  font-size: 0.8125rem;
  font-weight: bold;
  height: 48px;
  justify-content: center;
  letter-spacing: 0em;
  line-height: 1.3;
  max-width: 100%;
  overflow: hidden;
  padding: 4px 16px;
  position: relative;
  text-align: center;
  text-decoration: none !important;
  transition: all 0.2s linear;
  width: 280px;
}
@media (hover: hover) and (pointer: fine) {
  .btn, .btn--back, .btn--white, .btn--contact, .btn--sim, .btn--register, .btn--lg {
    background: linear-gradient(90deg, #fff 0%, #fff 50%, #00947e 50%, #00947e 100%);
    background-position: 100% center;
    background-repeat: no-repeat;
    background-size: 220% 100%;
    transition: all 0.25s ease;
  }
}
.btn > *, .btn--back > *, .btn--white > *, .btn--contact > *, .btn--sim > *, .btn--register > *, .btn--lg > * {
  z-index: 20;
}
.btn:visited, .btn--back:visited, .btn--white:visited, .btn--contact:visited, .btn--sim:visited, .btn--register:visited, .btn--lg:visited, .btn:focus, .btn--back:focus, .btn--white:focus, .btn--contact:focus, .btn--sim:focus, .btn--register:focus, .btn--lg:focus {
  color: #fff;
}
.btn.disabled, .disabled.btn--back, .disabled.btn--white, .disabled.btn--contact, .disabled.btn--sim, .disabled.btn--register, .disabled.btn--lg {
  -webkit-filter: grayscale(0.5);
  filter: grayscale(0.5);
  opacity: 0.45;
  pointer-events: none;
}
@media (hover: hover) and (pointer: fine) {
  .btn:hover, .btn--back:hover, .btn--white:hover, .btn--contact:hover, .btn--sim:hover, .btn--register:hover, .btn--lg:hover {
    background-position: 0 center;
    color: #00947e;
  }
  .btn:hover svg, .btn--back:hover svg, .btn--white:hover svg, .btn--contact:hover svg, .btn--sim:hover svg, .btn--register:hover svg, .btn--lg:hover svg {
    fill: #00947e;
  }
  .btn:hover span[class^=link-arrow], .btn--back:hover span[class^=link-arrow], .btn--white:hover span[class^=link-arrow], .btn--contact:hover span[class^=link-arrow], .btn--sim:hover span[class^=link-arrow], .btn--register:hover span[class^=link-arrow], .btn--lg:hover span[class^=link-arrow] {
    background-color: #00947e;
  }
  .btn:hover span[class^=link-arrow]::before, .btn--back:hover span[class^=link-arrow]::before, .btn--white:hover span[class^=link-arrow]::before, .btn--contact:hover span[class^=link-arrow]::before, .btn--sim:hover span[class^=link-arrow]::before, .btn--register:hover span[class^=link-arrow]::before, .btn--lg:hover span[class^=link-arrow]::before, .btn:hover span[class^=link-arrow]::after, .btn--back:hover span[class^=link-arrow]::after, .btn--white:hover span[class^=link-arrow]::after, .btn--contact:hover span[class^=link-arrow]::after, .btn--sim:hover span[class^=link-arrow]::after, .btn--register:hover span[class^=link-arrow]::after, .btn--lg:hover span[class^=link-arrow]::after {
    background-color: #fff;
  }
}
@media print, screen and (min-width: 361px) {
  .btn, .btn--back, .btn--white, .btn--contact, .btn--sim, .btn--register, .btn--lg {
    font-size: 0.875rem;
  }
}
@media print {
  .btn, .btn--back, .btn--white, .btn--contact, .btn--sim, .btn--register, .btn--lg {
    font-size: 0.875rem;
  }
}
@media print, screen and (min-width: 768px) {
  .btn, .btn--back, .btn--white, .btn--contact, .btn--sim, .btn--register, .btn--lg {
    font-size: 1.0625rem;
    height: 56px;
    width: 304px;
  }
}
@media print {
  .btn, .btn--back, .btn--white, .btn--contact, .btn--sim, .btn--register, .btn--lg {
    font-size: 1.0625rem;
    height: 56px;
    width: 304px;
  }
}
.btn span[class^=link-arrow], .btn--back span[class^=link-arrow], .btn--white span[class^=link-arrow], .btn--contact span[class^=link-arrow], .btn--sim span[class^=link-arrow], .btn--register span[class^=link-arrow], .btn--lg span[class^=link-arrow], .btn_icon {
  -webkit-transform: translate(0, -50%);
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translate(0, -50%);
}
.btn span[class^=link-arrow] img, .btn--back span[class^=link-arrow] img, .btn--white span[class^=link-arrow] img, .btn--contact span[class^=link-arrow] img, .btn--sim span[class^=link-arrow] img, .btn--register span[class^=link-arrow] img, .btn--lg span[class^=link-arrow] img,
.btn span[class^=link-arrow] svg,
.btn--back span[class^=link-arrow] svg,
.btn--white span[class^=link-arrow] svg,
.btn--contact span[class^=link-arrow] svg,
.btn--sim span[class^=link-arrow] svg,
.btn--register span[class^=link-arrow] svg,
.btn--lg span[class^=link-arrow] svg, .btn_icon img,
.btn_icon svg {
  fill: #fff;
  height: 0.75em;
  transition: all 0.2s linear;
  width: 0.75em;
}
.btn_icon--external {
  -webkit-transform: translate(0, -55%);
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translate(0, -55%);
}
.btn_icon--external img,
.btn_icon--external svg {
  fill: #fff;
  height: 0.75em;
  width: 0.75em;
}
.btn_small {
  font-size: 80%;
}
.btn_text-small-sp {
  font-size: 90%;
}
@media print, screen and (min-width: 768px) {
  .btn_text-small-sp {
    font-size: 100%;
  }
}
@media print {
  .btn_text-small-sp {
    font-size: 100%;
  }
}
.btn_text--sm {
  font-size: 90%;
}
@media print, screen and (min-width: 768px) {
  .btn_text--sm {
    font-size: 85%;
  }
}
@media print {
  .btn_text--sm {
    font-size: 85%;
  }
}
@media print, screen and (min-width: 768px) {
  .btn--lg {
    font-size: 1.125rem;
    height: 64px;
    width: 360px;
  }
}
@media print {
  .btn--lg {
    font-size: 1.125rem;
    height: 64px;
    width: 360px;
  }
}
.btn--register {
  height: 56px;
  width: 264px;
}
@media print, screen and (min-width: 768px) {
  .btn--register {
    height: 70px;
    width: 360px;
  }
}
@media print {
  .btn--register {
    height: 70px;
    width: 360px;
  }
}
@media (hover: hover) and (pointer: fine) {
  .btn--register:hover .icon svg {
    fill: #00947e;
  }
}
.btn--register .icon {
  margin-right: 0.5em;
  position: relative;
  z-index: 10;
}
.btn--register .icon svg {
  fill: #fff;
  height: auto;
  vertical-align: middle;
  width: 1.75em;
}
.btn--sim {
  background: #d0376c;
  background-color: #d0376c;
  border: 2px solid #d0376c;
}
@media (hover: hover) and (pointer: fine) {
  .btn--sim {
    background: linear-gradient(90deg, #fff 0%, #fff 50%, #d0376c 50%, #d0376c 100%);
    background-position: 100% center;
    background-repeat: no-repeat;
    background-size: 220% 100%;
    transition: all 0.25s ease;
  }
}
.btn--sim > * {
  z-index: 20;
}
@media (hover: hover) and (pointer: fine) {
  .btn--sim:hover {
    color: #d0376c;
  }
}
.btn--sim .btn_text {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 0.1em;
}
.btn--contact {
  font-size: min(12px, 3.3vw);
  line-height: 1.4;
  width: 300px;
}
@media print, screen and (min-width: 768px) {
  .btn--contact {
    font-size: 1rem;
    height: 64px;
    width: 420px;
  }
}
@media print {
  .btn--contact {
    font-size: 1rem;
    height: 64px;
    width: 420px;
  }
}
.btn--white {
  background: #fff;
  background-color: #fff;
  color: #00947e !important;
}
@media (hover: hover) and (pointer: fine) {
  .btn--white {
    background: linear-gradient(90deg, #00c7a9 0%, #00c7a9 50%, #fff 50%, #fff 100%);
    background-position: 100% center;
    background-repeat: no-repeat;
    background-size: 220% 100%;
    transition: all 0.25s ease;
  }
}
.btn--white > * {
  z-index: 20;
}
.btn--white svg {
  fill: #00947e;
}
.btn--white:visited, .btn--white:focus {
  color: #00947e;
}
@media (hover: hover) and (pointer: fine) {
  .btn--white:hover {
    color: #fff !important;
  }
  .btn--white:hover svg {
    fill: #fff !important;
  }
}
.btn--back span[class^=link-arrow] {
  -webkit-transform: translate(0, -50%) rotate(180deg);
  left: 8px;
  position: absolute;
  right: auto;
  transform: translate(0, -50%) rotate(180deg);
}
@media (hover: hover) and (pointer: fine) {
  .btn svg, .btn--lg svg, .btn--register svg, .btn--sim svg, .btn--contact svg, .btn--white svg, .btn--back svg {
    transition: all 0.25s ease;
  }
}

.link-arrow, .link-arrow--lg, .link-arrow--line, .link-arrow--white {
  background-color: #00947e;
  border-radius: 50%;
  display: block;
  font-size: 1rem;
  height: 1em;
  position: relative;
  width: 1em;
}
@media print, screen and (min-width: 768px) {
  .link-arrow, .link-arrow--lg, .link-arrow--line, .link-arrow--white {
    transition: all 0.25s ease;
  }
}
@media print {
  .link-arrow, .link-arrow--lg, .link-arrow--line, .link-arrow--white {
    transition: all 0.25s ease;
  }
}
.link-arrow::before, .link-arrow--lg::before, .link-arrow--line::before, .link-arrow--white::before, .link-arrow::after, .link-arrow--lg::after, .link-arrow--line::after, .link-arrow--white::after {
  background-color: #fff;
  content: " ";
  display: block;
  height: 1px;
  left: 48%;
  position: absolute;
  top: 50%;
  transition: all 0.25s ease;
  width: 25%;
}
.link-arrow::before, .link-arrow--lg::before, .link-arrow--line::before, .link-arrow--white::before {
  -webkit-transform-origin: right bottom;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
  transform-origin: right bottom;
}
.link-arrow::after, .link-arrow--lg::after, .link-arrow--line::after, .link-arrow--white::after {
  -webkit-transform-origin: right top;
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
  transform-origin: right top;
}
.link-arrow--white {
  background-color: #fff;
}
.link-arrow--white::before, .link-arrow--white::after {
  background-color: #00947e;
}
.link-arrow--line {
  background-color: transparent;
}
.link-arrow--line::before, .link-arrow--line::after {
  background-color: #00947e;
  border-radius: 999em;
  height: 2px;
  width: 50%;
}
.link-arrow--lg {
  font-size: 1.125rem;
}
@media print, screen and (min-width: 768px) {
  .link-arrow--lg {
    font-size: 1.75rem;
  }
}
@media print {
  .link-arrow--lg {
    font-size: 1.75rem;
  }
}
@media print, screen and (min-width: 768px) {
  .link-arrow--lg::before, .link-arrow--lg::after {
    width: 22%;
  }
}
@media print {
  .link-arrow--lg::before, .link-arrow--lg::after {
    width: 22%;
  }
}

@-webkit-keyframes linkanime {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}

@keyframes linkanime {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
.text-link, .text-link--inline {
  border-bottom: 1px solid #030303;
  color: #030303;
  display: inline;
  line-height: 1.75;
  position: relative;
  text-decoration: none !important;
}
@media print, screen and (min-width: 768px) {
  .text-link, .text-link--inline {
    border-bottom: none;
    display: inline-block;
  }
}
@media print {
  .text-link, .text-link--inline {
    border-bottom: none;
    display: inline-block;
  }
}
.text-link::before, .text-link--inline::before {
  background-color: #030303;
  bottom: 0;
  height: 1px;
  left: 0;
  width: 100%;
}
@media print, screen and (min-width: 768px) {
  .text-link::before, .text-link--inline::before {
    content: " ";
    display: block;
    position: absolute;
  }
}
@media print {
  .text-link::before, .text-link--inline::before {
    content: " ";
    display: block;
    position: absolute;
  }
}
@media (hover: hover) and (pointer: fine) {
  .text-link, .text-link--inline {
    transition: all 0.25s ease;
  }
  .text-link:hover, .text-link--inline:hover {
    color: #00947e;
  }
  .text-link:hover::before, .text-link--inline:hover::before {
    -webkit-animation: linkanime 0.6s infinite cubic-bezier(0.6, 0, 0.3, 1);
    animation: linkanime 0.6s infinite cubic-bezier(0.6, 0, 0.3, 1);
  }
}
.text-link img, .text-link--inline img {
  height: auto;
  margin-left: 0.25em;
  vertical-align: middle;
  width: 0.75em;
}
.text-link--inline {
  display: inline;
}

@media screen and (max-width: 767px) {
  .wrapper-responsive-table, .wrapper-responsive-table--sticky {
    -ms-overflow-style: -ms-autohiding-scrollbar;
    display: block;
    margin-right: -15px;
    overflow-y: hidden;
    padding-bottom: 5px;
  }
  .wrapper-responsive-table_inner {
    display: inline-block;
    min-width: 100%;
    padding-right: 15px;
  }
  .wrapper-responsive-table table, .wrapper-responsive-table--sticky table {
    min-width: 640px;
  }
  .wrapper-responsive-table .price-table, .wrapper-responsive-table--sticky .price-table {
    min-width: 400px;
  }
  .wrapper-responsive-table .price-table--lg, .wrapper-responsive-table--sticky .price-table--lg {
    min-width: 640px;
  }
}
@media screen and (max-width: 767px) {
  .wrapper-responsive-table--sticky table thead tr th:first-child,
.wrapper-responsive-table--sticky table tbody tr th:first-child {
    left: -1px;
    position: sticky;
    z-index: 10;
  }
}

.table, .table--low, .editor-content table, .table--detail, .table--lined, .table--th-center, .table--td-center, .table--even-bg {
  border-collapse: collapse;
  border-left: 1px solid #ddd;
  border-top: 1px solid #ddd;
  font-size: 0.75rem;
  line-height: 1.5;
  width: 100%;
}
@media print, screen and (min-width: 768px) {
  .table, .table--low, .editor-content table, .table--detail, .table--lined, .table--th-center, .table--td-center, .table--even-bg {
    font-size: 0.9375rem;
  }
}
@media print {
  .table, .table--low, .editor-content table, .table--detail, .table--lined, .table--th-center, .table--td-center, .table--even-bg {
    font-size: 0.9375rem;
  }
}
.table tr, .table--low tr, .editor-content table tr, .table--detail tr, .table--lined tr, .table--th-center tr, .table--td-center tr, .table--even-bg tr {
  border-bottom: 1px solid #ddd;
}
.table tr.table_nolined-tr, .table--low tr.table_nolined-tr, .editor-content table tr.table_nolined-tr, .table--detail tr.table_nolined-tr, .table--lined tr.table_nolined-tr, .table--th-center tr.table_nolined-tr, .table--td-center tr.table_nolined-tr, .table--even-bg tr.table_nolined-tr {
  border-bottom: none;
}
.table tr.table_union-tr th, .table--low tr.table_union-tr th, .editor-content table tr.table_union-tr th, .table--detail tr.table_union-tr th, .table--lined tr.table_union-tr th, .table--th-center tr.table_union-tr th, .table--td-center tr.table_union-tr th, .table--even-bg tr.table_union-tr th,
.table tr.table_union-tr td,
.table--low tr.table_union-tr td,
.editor-content table tr.table_union-tr td,
.table--detail tr.table_union-tr td,
.table--lined tr.table_union-tr td,
.table--th-center tr.table_union-tr td,
.table--td-center tr.table_union-tr td,
.table--even-bg tr.table_union-tr td {
  font-size: 90%;
  font-weight: normal;
}
@media print, screen and (min-width: 768px) {
  .table tr.table_union-tr th, .table--low tr.table_union-tr th, .editor-content table tr.table_union-tr th, .table--detail tr.table_union-tr th, .table--lined tr.table_union-tr th, .table--th-center tr.table_union-tr th, .table--td-center tr.table_union-tr th, .table--even-bg tr.table_union-tr th,
.table tr.table_union-tr td,
.table--low tr.table_union-tr td,
.editor-content table tr.table_union-tr td,
.table--detail tr.table_union-tr td,
.table--lined tr.table_union-tr td,
.table--th-center tr.table_union-tr td,
.table--td-center tr.table_union-tr td,
.table--even-bg tr.table_union-tr td {
    height: 32px;
  }
}
@media print {
  .table tr.table_union-tr th, .table--low tr.table_union-tr th, .editor-content table tr.table_union-tr th, .table--detail tr.table_union-tr th, .table--lined tr.table_union-tr th, .table--th-center tr.table_union-tr th, .table--td-center tr.table_union-tr th, .table--even-bg tr.table_union-tr th,
.table tr.table_union-tr td,
.table--low tr.table_union-tr td,
.editor-content table tr.table_union-tr td,
.table--detail tr.table_union-tr td,
.table--lined tr.table_union-tr td,
.table--th-center tr.table_union-tr td,
.table--td-center tr.table_union-tr td,
.table--even-bg tr.table_union-tr td {
    height: 32px;
  }
}
.table tr.table_union-tr th, .table--low tr.table_union-tr th, .editor-content table tr.table_union-tr th, .table--detail tr.table_union-tr th, .table--lined tr.table_union-tr th, .table--th-center tr.table_union-tr th, .table--td-center tr.table_union-tr th, .table--even-bg tr.table_union-tr th {
  background-color: #c8eadb;
  color: #333;
  text-align: right;
}
.table tr.table_union-tr td, .table--low tr.table_union-tr td, .editor-content table tr.table_union-tr td, .table--detail tr.table_union-tr td, .table--lined tr.table_union-tr td, .table--th-center tr.table_union-tr td, .table--td-center tr.table_union-tr td, .table--even-bg tr.table_union-tr td {
  background-clip: padding-box;
  background-color: #f6f6f6;
}
.table th, .table--low th, .editor-content table th, .table--detail th, .table--lined th, .table--th-center th, .table--td-center th, .table--even-bg th,
.table td,
.table--low td,
.editor-content table td,
.table--detail td,
.table--lined td,
.table--th-center td,
.table--td-center td,
.table--even-bg td {
  border-right: 1px solid #ddd;
  padding: 4px;
  position: relative;
  vertical-align: middle;
}
@media print, screen and (min-width: 768px) {
  .table th, .table--low th, .editor-content table th, .table--detail th, .table--lined th, .table--th-center th, .table--td-center th, .table--even-bg th,
.table td,
.table--low td,
.editor-content table td,
.table--detail td,
.table--lined td,
.table--th-center td,
.table--td-center td,
.table--even-bg td {
    padding: 8px 16px;
  }
}
@media print {
  .table th, .table--low th, .editor-content table th, .table--detail th, .table--lined th, .table--th-center th, .table--td-center th, .table--even-bg th,
.table td,
.table--low td,
.editor-content table td,
.table--detail td,
.table--lined td,
.table--th-center td,
.table--td-center td,
.table--even-bg td {
    padding: 8px 16px;
  }
}
.table th.table_main-th, .table--low th.table_main-th, .editor-content table th.table_main-th, .table--detail th.table_main-th, .table--lined th.table_main-th, .table--th-center th.table_main-th, .table--td-center th.table_main-th, .table--even-bg th.table_main-th,
.table td.table_main-th,
.table--low td.table_main-th,
.editor-content table td.table_main-th,
.table--detail td.table_main-th,
.table--lined td.table_main-th,
.table--th-center td.table_main-th,
.table--td-center td.table_main-th,
.table--even-bg td.table_main-th {
  background-color: #00947e;
  border: 4px solid #00947e;
  border-bottom: none;
  border-top-width: 8px;
  color: #fff;
}
@media print, screen and (min-width: 768px) {
  .table th.table_main-th, .table--low th.table_main-th, .editor-content table th.table_main-th, .table--detail th.table_main-th, .table--lined th.table_main-th, .table--th-center th.table_main-th, .table--td-center th.table_main-th, .table--even-bg th.table_main-th,
.table td.table_main-th,
.table--low td.table_main-th,
.editor-content table td.table_main-th,
.table--detail td.table_main-th,
.table--lined td.table_main-th,
.table--th-center td.table_main-th,
.table--td-center td.table_main-th,
.table--even-bg td.table_main-th {
    border-top-width: 12px;
    padding-top: 0;
  }
}
@media print {
  .table th.table_main-th, .table--low th.table_main-th, .editor-content table th.table_main-th, .table--detail th.table_main-th, .table--lined th.table_main-th, .table--th-center th.table_main-th, .table--td-center th.table_main-th, .table--even-bg th.table_main-th,
.table td.table_main-th,
.table--low td.table_main-th,
.editor-content table td.table_main-th,
.table--detail td.table_main-th,
.table--lined td.table_main-th,
.table--th-center td.table_main-th,
.table--td-center td.table_main-th,
.table--even-bg td.table_main-th {
    border-top-width: 12px;
    padding-top: 0;
  }
}
.table th.table_main-th, .table--low th.table_main-th, .editor-content table th.table_main-th, .table--detail th.table_main-th, .table--lined th.table_main-th, .table--th-center th.table_main-th, .table--td-center th.table_main-th, .table--even-bg th.table_main-th, .table th.table_main-td, .table--low th.table_main-td, .editor-content table th.table_main-td, .table--detail th.table_main-td, .table--lined th.table_main-td, .table--th-center th.table_main-td, .table--td-center th.table_main-td, .table--even-bg th.table_main-td,
.table td.table_main-th,
.table--low td.table_main-th,
.editor-content table td.table_main-th,
.table--detail td.table_main-th,
.table--lined td.table_main-th,
.table--th-center td.table_main-th,
.table--td-center td.table_main-th,
.table--even-bg td.table_main-th,
.table td.table_main-td,
.table--low td.table_main-td,
.editor-content table td.table_main-td,
.table--detail td.table_main-td,
.table--lined td.table_main-td,
.table--th-center td.table_main-td,
.table--td-center td.table_main-td,
.table--even-bg td.table_main-td {
  border-left: 4px solid #00947e;
  border-right: 4px solid #00947e;
}
.table th .table_uchiwake, .table--low th .table_uchiwake, .editor-content table th .table_uchiwake, .table--detail th .table_uchiwake, .table--lined th .table_uchiwake, .table--th-center th .table_uchiwake, .table--td-center th .table_uchiwake, .table--even-bg th .table_uchiwake,
.table td .table_uchiwake,
.table--low td .table_uchiwake,
.editor-content table td .table_uchiwake,
.table--detail td .table_uchiwake,
.table--lined td .table_uchiwake,
.table--th-center td .table_uchiwake,
.table--td-center td .table_uchiwake,
.table--even-bg td .table_uchiwake {
  position: relative;
  text-align: right;
}
.table tr:last-child .table_main-td, .table--low tr:last-child .table_main-td, .editor-content table tr:last-child .table_main-td, .table--detail tr:last-child .table_main-td, .table--lined tr:last-child .table_main-td, .table--th-center tr:last-child .table_main-td, .table--td-center tr:last-child .table_main-td, .table--even-bg tr:last-child .table_main-td {
  border-bottom: 8px solid #00947e;
}
@media print, screen and (min-width: 768px) {
  .table tr:last-child .table_main-td, .table--low tr:last-child .table_main-td, .editor-content table tr:last-child .table_main-td, .table--detail tr:last-child .table_main-td, .table--lined tr:last-child .table_main-td, .table--th-center tr:last-child .table_main-td, .table--td-center tr:last-child .table_main-td, .table--even-bg tr:last-child .table_main-td {
    border-bottom-width: 12px;
  }
}
@media print {
  .table tr:last-child .table_main-td, .table--low tr:last-child .table_main-td, .editor-content table tr:last-child .table_main-td, .table--detail tr:last-child .table_main-td, .table--lined tr:last-child .table_main-td, .table--th-center tr:last-child .table_main-td, .table--td-center tr:last-child .table_main-td, .table--even-bg tr:last-child .table_main-td {
    border-bottom-width: 12px;
  }
}
.table thead th, .table--low thead th, .editor-content table thead th, .table--detail thead th, .table--lined thead th, .table--th-center thead th, .table--td-center thead th, .table--even-bg thead th,
.table thead td,
.table--low thead td,
.editor-content table thead td,
.table--detail thead td,
.table--lined thead td,
.table--th-center thead td,
.table--td-center thead td,
.table--even-bg thead td,
.table .tr-thead th,
.table--low .tr-thead th,
.editor-content table .tr-thead th,
.table--detail .tr-thead th,
.table--lined .tr-thead th,
.table--th-center .tr-thead th,
.table--td-center .tr-thead th,
.table--even-bg .tr-thead th,
.table .tr-thead td,
.table--low .tr-thead td,
.editor-content table .tr-thead td,
.table--detail .tr-thead td,
.table--lined .tr-thead td,
.table--th-center .tr-thead td,
.table--td-center .tr-thead td,
.table--even-bg .tr-thead td {
  background-color: #007563;
  color: #fff;
  font-weight: 700;
  height: auto;
  text-align: center;
  white-space: nowrap;
  width: auto;
}
@media print, screen and (min-width: 768px) {
  .table tbody th, .table--low tbody th, .editor-content table tbody th, .table--detail tbody th, .table--lined tbody th, .table--th-center tbody th, .table--td-center tbody th, .table--even-bg tbody th,
.table tbody td,
.table--low tbody td,
.editor-content table tbody td,
.table--detail tbody td,
.table--lined tbody td,
.table--th-center tbody td,
.table--td-center tbody td,
.table--even-bg tbody td {
    height: 48px;
  }
}
@media print {
  .table tbody th, .table--low tbody th, .editor-content table tbody th, .table--detail tbody th, .table--lined tbody th, .table--th-center tbody th, .table--td-center tbody th, .table--even-bg tbody th,
.table tbody td,
.table--low tbody td,
.editor-content table tbody td,
.table--detail tbody td,
.table--lined tbody td,
.table--th-center tbody td,
.table--td-center tbody td,
.table--even-bg tbody td {
    height: 48px;
  }
}
.table tbody th, .table--low tbody th, .editor-content table tbody th, .table--detail tbody th, .table--lined tbody th, .table--th-center tbody th, .table--td-center tbody th, .table--even-bg tbody th {
  background-clip: padding-box;
  background-color: #edf8f3;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  width: 60px;
}
@media print, screen and (min-width: 768px) {
  .table tbody th, .table--low tbody th, .editor-content table tbody th, .table--detail tbody th, .table--lined tbody th, .table--th-center tbody th, .table--td-center tbody th, .table--even-bg tbody th {
    width: 184px;
  }
}
@media print {
  .table tbody th, .table--low tbody th, .editor-content table tbody th, .table--detail tbody th, .table--lined tbody th, .table--th-center tbody th, .table--td-center tbody th, .table--even-bg tbody th {
    width: 184px;
  }
}
.table tbody th .min, .table--low tbody th .min, .editor-content table tbody th .min, .table--detail tbody th .min, .table--lined tbody th .min, .table--th-center tbody th .min, .table--td-center tbody th .min, .table--even-bg tbody th .min {
  display: block;
  font-size: 85%;
  margin-top: 0.5em;
}
.table strong, .table--low strong, .editor-content table strong, .table--detail strong, .table--lined strong, .table--th-center strong, .table--td-center strong, .table--even-bg strong {
  font-weight: 500;
}
.table--even-bg tbody tr:nth-child(even) {
  background-color: #f6f6f6;
}
.table--bold th,
.table--bold td {
  font-weight: 700;
}
.table--td-center tbody td {
  text-align: center;
}
.table--th-center tbody th {
  text-align: center;
}
.table--lined {
  border-left: none;
}
.table--lined tbody th,
.table--lined tbody td {
  border-right: none;
  display: block;
}
@media print, screen and (min-width: 768px) {
  .table--lined tbody th,
.table--lined tbody td {
    display: table-cell;
    height: 80px;
    padding: 15px;
  }
}
@media print {
  .table--lined tbody th,
.table--lined tbody td {
    display: table-cell;
    height: 80px;
    padding: 15px;
  }
}
.table--lined tbody th {
  background-color: transparent;
  color: #666;
  font-size: 90%;
  font-weight: 500;
  padding-bottom: 0;
  text-align: left;
}
@media print, screen and (min-width: 768px) {
  .table--lined tbody th {
    border-bottom: 1px solid #030303;
    padding-bottom: 10px;
    width: 15em;
  }
}
@media print {
  .table--lined tbody th {
    border-bottom: 1px solid #030303;
    padding-bottom: 10px;
    width: 15em;
  }
}
.table--lined tbody tr {
  border-bottom: 1px solid #ddd;
}
.table--lined tbody tr:first-child {
  border-top: 1px solid #ddd;
}
@media print, screen and (min-width: 768px) {
  .table--lined tbody tr:first-child th {
    border-top: 1px solid #030303;
  }
}
@media print {
  .table--lined tbody tr:first-child th {
    border-top: 1px solid #030303;
  }
}
.table--detail {
  font-size: 0.75rem;
}
@media print, screen and (min-width: 768px) {
  .table--detail {
    font-size: 0.8125rem;
  }
}
@media print {
  .table--detail {
    font-size: 0.8125rem;
  }
}
.table--detail tbody th,
.table--detail tbody td {
  display: block;
}
@media print, screen and (min-width: 768px) {
  .table--detail tbody th,
.table--detail tbody td {
    display: table-cell;
  }
}
@media print {
  .table--detail tbody th,
.table--detail tbody td {
    display: table-cell;
  }
}
.table--detail tbody th {
  width: 100%;
}
@media print, screen and (min-width: 768px) {
  .table--detail tbody th {
    width: 180px;
  }
}
@media print {
  .table--detail tbody th {
    width: 180px;
  }
}
.table--simple {
  background: transparent;
  border: none;
  font-size: 0.6875rem;
}
@media print, screen and (min-width: 768px) {
  .table--simple {
    font-size: 0.8125rem;
  }
}
@media print {
  .table--simple {
    font-size: 0.8125rem;
  }
}
.table--simple thead tr,
.table--simple thead th,
.table--simple thead td,
.table--simple tbody tr,
.table--simple tbody th,
.table--simple tbody td {
  background: transparent;
  border: none;
  height: auto;
  padding: 0;
  vertical-align: top;
}
.table--simple tbody tr:first-child th,
.table--simple tbody tr:first-child td {
  padding-top: 0;
}
.table--simple tbody th,
.table--simple tbody td {
  padding-top: 0.5em;
}
.table--simple tbody th {
  font-weight: normal;
  opacity: 0.5;
  padding-right: 1em;
}
@media print, screen and (min-width: 768px) {
  .table--simple tbody th {
    width: 4em;
  }
}
@media print {
  .table--simple tbody th {
    width: 4em;
  }
}
.table--low, .editor-content table {
  font-size: 0.625rem;
}
@media print, screen and (min-width: 768px) {
  .table--low, .editor-content table {
    font-size: 0.75rem;
  }
}
@media print {
  .table--low, .editor-content table {
    font-size: 0.75rem;
  }
}
.table--low thead th, .editor-content table thead th,
.table--low thead td,
.editor-content table thead td,
.table--low tbody th,
.editor-content table tbody th,
.table--low tbody td,
.editor-content table tbody td {
  height: auto;
  padding: 4px;
  white-space: wrap;
}
@media print, screen and (min-width: 768px) {
  .table--low thead th, .editor-content table thead th,
.table--low thead td,
.editor-content table thead td,
.table--low tbody th,
.editor-content table tbody th,
.table--low tbody td,
.editor-content table tbody td {
    padding: 8px;
  }
}
@media print {
  .table--low thead th, .editor-content table thead th,
.table--low thead td,
.editor-content table thead td,
.table--low tbody th,
.editor-content table tbody th,
.table--low tbody td,
.editor-content table tbody td {
    padding: 8px;
  }
}
.table_min {
  font-size: 85%;
}
.table_large {
  font-size: 125%;
  font-weight: 700;
}
.table a, .table--even-bg a, .table--td-center a, .table--th-center a, .table--lined a, .table--detail a, .table--low a, .editor-content table a {
  text-decoration: underline;
}

.table-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
@media print, screen and (min-width: 768px) {
  .table-list {
    display: flex;
    flex-wrap: wrap;
  }
}
@media print {
  .table-list {
    display: flex;
    flex-wrap: wrap;
  }
}
.table-list > li {
  margin-top: 0.5em;
}
.table-list > li:first-child {
  margin-top: 0;
}
@media print, screen and (min-width: 768px) {
  .table-list > li {
    width: 50%;
  }
  .table-list > li:nth-child(2) {
    margin-top: 0;
  }
}
@media print {
  .table-list > li {
    width: 50%;
  }
  .table-list > li:nth-child(2) {
    margin-top: 0;
  }
}

.lease-flow {
  display: block;
  font-size: 0.75rem;
  line-height: 1.5;
  width: 100%;
}
@media print, screen and (min-width: 768px) {
  .lease-flow {
    border-collapse: separate;
    border-spacing: 0 24px;
    display: table;
    font-size: 0.9375rem;
    table-layout: fixed;
  }
}
@media print {
  .lease-flow {
    border-collapse: separate;
    border-spacing: 0 24px;
    display: table;
    font-size: 0.9375rem;
    table-layout: fixed;
  }
}
.lease-flow tbody {
  display: block;
}
@media print, screen and (min-width: 768px) {
  .lease-flow tbody {
    display: table-row-group;
  }
}
@media print {
  .lease-flow tbody {
    display: table-row-group;
  }
}
.lease-flow tr {
  display: block;
  margin-top: 8px;
}
@media print, screen and (min-width: 768px) {
  .lease-flow tr {
    display: table-row;
    margin-top: 0;
  }
}
@media print {
  .lease-flow tr {
    display: table-row;
    margin-top: 0;
  }
}
.lease-flow tr:nth-child(3) {
  margin-top: 32px;
}
@media print, screen and (min-width: 768px) {
  .lease-flow tr:nth-child(3) {
    margin-top: 0;
  }
}
@media print {
  .lease-flow tr:nth-child(3) {
    margin-top: 0;
  }
}
.lease-flow th,
.lease-flow td {
  display: block;
  margin-top: 16px;
  position: relative;
}
@media print, screen and (min-width: 768px) {
  .lease-flow th,
.lease-flow td {
    display: table-cell;
    height: 48px;
    margin-top: 0;
    vertical-align: middle;
  }
}
@media print {
  .lease-flow th,
.lease-flow td {
    display: table-cell;
    height: 48px;
    margin-top: 0;
    vertical-align: middle;
  }
}
.lease-flow th:first-child,
.lease-flow td:first-child {
  margin-top: 0;
}
.lease-flow th {
  font-size: 1.125rem;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
}
@media print, screen and (min-width: 768px) {
  .lease-flow th {
    color: #007563;
    font-size: 1.125rem;
    padding: 8px;
    position: relative;
    text-align: center;
    width: 120px;
  }
}
@media print {
  .lease-flow th {
    color: #007563;
    font-size: 1.125rem;
    padding: 8px;
    position: relative;
    text-align: center;
    width: 120px;
  }
}
@media print, screen and (min-width: 1320px) {
  .lease-flow th {
    font-size: 1.25rem;
    width: 180px;
  }
}
@media print {
  .lease-flow th {
    font-size: 1.25rem;
    width: 180px;
  }
}
@media print, screen and (min-width: 768px) {
  .lease-flow td {
    height: 48px;
    padding: 8px;
  }
}
@media print {
  .lease-flow td {
    height: 48px;
    padding: 8px;
  }
}
@media print, screen and (min-width: 1320px) {
  .lease-flow td {
    font-size: 1.125rem;
    padding: 8px 16px;
  }
}
@media print {
  .lease-flow td {
    font-size: 1.125rem;
    padding: 8px 16px;
  }
}
.lease-flow_td--high {
  background-color: transparent !important;
  position: relative;
}
@media print, screen and (min-width: 768px) {
  .lease-flow_td--sp {
    display: none !important;
  }
}
@media print {
  .lease-flow_td--sp {
    display: none !important;
  }
}
.lease-flow_col, .lease-flow_col--high, .lease-flow_col--th {
  background-color: #00947e;
  color: #fff;
  font-weight: 700;
  padding: 8px 0;
  position: relative;
  text-align: center;
}
@media print, screen and (min-width: 768px) {
  .lease-flow_col, .lease-flow_col--high, .lease-flow_col--th {
    align-items: center;
    display: flex;
    height: 5em;
    justify-content: center;
    padding: 8px;
  }
}
@media print {
  .lease-flow_col, .lease-flow_col--high, .lease-flow_col--th {
    align-items: center;
    display: flex;
    height: 5em;
    justify-content: center;
    padding: 8px;
  }
}
.lease-flow_col::before, .lease-flow_col--high::before, .lease-flow_col--th::before {
  background-color: #97cebc;
  bottom: calc(100% + 7px);
  content: " ";
  display: block;
  height: 9px;
  left: 50%;
  margin-left: -3px;
  position: absolute;
  width: 6px;
}
@media print, screen and (min-width: 768px) {
  .lease-flow_col::before, .lease-flow_col--high::before, .lease-flow_col--th::before {
    bottom: auto;
    height: 9px;
    left: auto;
    margin-left: 0;
    right: calc(100% + 12px);
    width: 7px;
  }
}
@media print {
  .lease-flow_col::before, .lease-flow_col--high::before, .lease-flow_col--th::before {
    bottom: auto;
    height: 9px;
    left: auto;
    margin-left: 0;
    right: calc(100% + 12px);
    width: 7px;
  }
}
@media print, screen and (min-width: 1320px) {
  .lease-flow_col::before, .lease-flow_col--high::before, .lease-flow_col--th::before {
    width: 18px;
  }
}
@media print {
  .lease-flow_col::before, .lease-flow_col--high::before, .lease-flow_col--th::before {
    width: 18px;
  }
}
.lease-flow_col::after, .lease-flow_col--high::after, .lease-flow_col--th::after {
  border-color: #97cebc transparent transparent transparent;
  border-style: solid;
  border-width: 10px 7px 0 7px;
  bottom: calc(100% + 1px);
  content: " ";
  display: block;
  height: 0;
  left: 50%;
  margin-left: -7px;
  position: absolute;
  width: 0;
}
@media print, screen and (min-width: 768px) {
  .lease-flow_col::after, .lease-flow_col--high::after, .lease-flow_col--th::after {
    border-color: transparent transparent transparent #97cebc;
    border-width: 10px 0 10px 11px;
    bottom: auto;
    left: auto;
    right: calc(100% + 2px);
  }
}
@media print {
  .lease-flow_col::after, .lease-flow_col--high::after, .lease-flow_col--th::after {
    border-color: transparent transparent transparent #97cebc;
    border-width: 10px 0 10px 11px;
    bottom: auto;
    left: auto;
    right: calc(100% + 2px);
  }
}
.lease-flow_col--th {
  background-color: transparent;
  color: #030303;
  padding-bottom: 0;
  text-align: left;
}
@media print, screen and (min-width: 768px) {
  .lease-flow_col--th {
    background-color: #f2f5f4;
    color: #007563;
    height: calc(100% - 16px);
    left: 8px;
    position: absolute;
    text-align: center;
    top: 8px;
    width: calc(100% - 16px);
  }
}
@media print {
  .lease-flow_col--th {
    background-color: #f2f5f4;
    color: #007563;
    height: calc(100% - 16px);
    left: 8px;
    position: absolute;
    text-align: center;
    top: 8px;
    width: calc(100% - 16px);
  }
}
@media print, screen and (min-width: 1320px) {
  .lease-flow_col--th {
    left: 16px;
    width: calc(100% - 32px);
  }
}
@media print {
  .lease-flow_col--th {
    left: 16px;
    width: calc(100% - 32px);
  }
}
.lease-flow_col--th::before, .lease-flow_col--th::after {
  content: none;
}
@media print, screen and (min-width: 768px) {
  .lease-flow_col--high {
    height: calc(100% - 16px);
    left: 8px;
    position: absolute;
    top: 8px;
    width: calc(100% - 16px);
  }
}
@media print {
  .lease-flow_col--high {
    height: calc(100% - 16px);
    left: 8px;
    position: absolute;
    top: 8px;
    width: calc(100% - 16px);
  }
}
@media print, screen and (min-width: 1320px) {
  .lease-flow_col--high {
    left: 16px;
    width: calc(100% - 32px);
  }
}
@media print {
  .lease-flow_col--high {
    left: 16px;
    width: calc(100% - 32px);
  }
}
.lease-flow_col--high::before, .lease-flow_col--high::after {
  content: none;
}
.lease-flow_text {
  background-color: transparent !important;
  padding-top: 0;
}
@media print, screen and (min-width: 768px) {
  .lease-flow_text {
    -webkit-transform: translate(0, -16px);
    transform: translate(0, -16px);
  }
}
@media print {
  .lease-flow_text {
    -webkit-transform: translate(0, -16px);
    transform: translate(0, -16px);
  }
}
.lease-flow .list li {
  margin-top: 0;
}

.price-table {
  border-collapse: collapse;
  font-size: 0.75rem;
  line-height: 1.5;
  table-layout: fixed;
  width: 100%;
}
@media print, screen and (min-width: 768px) {
  .price-table {
    font-size: 0.9375rem;
    width: 100%;
  }
}
@media print {
  .price-table {
    font-size: 0.9375rem;
    width: 100%;
  }
}
@media print, screen and (min-width: 992px) {
  .price-table {
    font-size: 1rem;
  }
}
@media print {
  .price-table {
    font-size: 1rem;
  }
}
.price-table.lined {
  border-top: 1px solid #ddd;
}
.price-table tr {
  border-bottom: 1px solid #ddd;
}
.price-table th,
.price-table td {
  border-right: 1px solid #ddd;
  padding: 4px 2px;
  position: relative;
  vertical-align: middle;
}
@media print, screen and (min-width: 768px) {
  .price-table th,
.price-table td {
    padding: 16px 8px;
  }
}
@media print {
  .price-table th,
.price-table td {
    padding: 16px 8px;
  }
}
.price-table__blank {
  background-color: transparent !important;
  border: none;
}
@media print, screen and (min-width: 768px) {
  .price-table thead,
.price-table .tr-thead {
    font-size: 110%;
  }
}
@media print {
  .price-table thead,
.price-table .tr-thead {
    font-size: 110%;
  }
}
.price-table thead td:first-child,
.price-table .tr-thead td:first-child {
  width: 80px;
}
@media print, screen and (min-width: 768px) {
  .price-table thead td:first-child,
.price-table .tr-thead td:first-child {
    width: 224px;
  }
}
@media print {
  .price-table thead td:first-child,
.price-table .tr-thead td:first-child {
    width: 224px;
  }
}
.price-table thead th,
.price-table thead td,
.price-table .tr-thead th,
.price-table .tr-thead td {
  background-color: #007563;
  color: #fff;
  font-weight: 700;
  height: auto;
  text-align: center;
  white-space: nowrap;
  width: auto;
}
.price-table tbody td {
  position: relative;
}
.price-table tbody th {
  background-clip: padding-box;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
}
@media print, screen and (min-width: 768px) {
  .price-table tbody th {
    padding-left: 16px;
  }
}
@media print {
  .price-table tbody th {
    padding-left: 16px;
  }
}
.price-table__td--empty {
  background-color: #f9f9f9;
  background-image: linear-gradient(to right top, transparent calc(50% - 0.5px), #ddd 50%, #ddd calc(50% + 0.5px), transparent calc(50% + 1px));
}
.price-table__th--min {
  text-align: center !important;
  width: 5em !important;
}
.price-table__tr-campaign td {
  border: none;
  padding: 0;
  padding-bottom: 8px;
}
@media print, screen and (min-width: 768px) {
  .price-table__tr-campaign td {
    padding-bottom: 16px;
  }
}
@media print {
  .price-table__tr-campaign td {
    padding-bottom: 16px;
  }
}
.price-table__campaign {
  align-items: center;
  display: flex;
  flex-direction: column;
  line-height: 1;
  margin-top: 4px;
  text-align: center;
  width: 100%;
}
@media print, screen and (min-width: 768px) {
  .price-table__campaign {
    margin-top: 8px;
  }
}
@media print {
  .price-table__campaign {
    margin-top: 8px;
  }
}
.price-table__campaign > span {
  background-color: #d0376c;
  color: #fff;
  font-size: 90%;
  font-weight: 700;
  margin-bottom: 0.5em;
  padding: 0.5em 0.5em;
  text-align: center;
}
.price-table__red {
  color: #d0376c;
  font-weight: 700;
  line-height: 1.5;
  text-align: left;
}
@media print, screen and (min-width: 992px) {
  .price-table__red {
    text-align: center;
  }
}
@media print {
  .price-table__red {
    text-align: center;
  }
}
.price-table__price, .price-table__price--left {
  font-weight: 500;
  line-height: 1.3;
  margin: 0 !important;
  text-align: center;
}
@media print, screen and (min-width: 768px) {
  .price-table__price, .price-table__price--left {
    font-size: 120%;
  }
}
@media print {
  .price-table__price, .price-table__price--left {
    font-size: 120%;
  }
}
.price-table__price--left {
  text-align: left;
}
.price-table__price strong, .price-table__price--left strong {
  display: inline-block;
  font-family: "Poppins", "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Lato, sans-serif;
  font-size: 125%;
  font-weight: 800;
  margin-left: 0.1em;
  margin-right: 0.1em;
}
@media print, screen and (min-width: 768px) {
  .price-table__price strong, .price-table__price--left strong {
    font-size: 150%;
  }
}
@media print {
  .price-table__price strong, .price-table__price--left strong {
    font-size: 150%;
  }
}
.price-table__point {
  background-color: #fdfbea;
}
.price-table__point strong {
  color: #ed6000;
  font-size: 135% !important;
}
@media print, screen and (min-width: 768px) {
  .price-table__point strong {
    font-size: 170% !important;
  }
}
@media print {
  .price-table__point strong {
    font-size: 170% !important;
  }
}
.price-table td.price-table__td--list {
  text-align: center;
  vertical-align: top;
}
.price-table__list {
  display: flex;
  flex-wrap: wrap;
  font-size: 85%;
  justify-content: center;
  margin: 0;
  padding: 0;
}
.price-table__list > li {
  background-color: #eee;
  border-radius: 2px;
  display: flex;
  flex-direction: column;
  margin: 0;
  margin-bottom: 2px;
  margin-right: 4px;
  margin-top: 2px;
  padding: 0.25em 0.5em;
}
.price-table__arrow02 {
  align-items: center;
  display: flex;
  flex-direction: column;
  font-size: 80%;
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: 0.25em;
  text-align: center;
  white-space: nowrap;
}
@media print, screen and (min-width: 768px) {
  .price-table__arrow02 {
    font-size: 85%;
  }
}
@media print {
  .price-table__arrow02 {
    font-size: 85%;
  }
}
.price-table__arrow02-inner {
  align-items: center;
  background-color: #d0376c;
  color: #fff;
  display: inline-flex;
  flex-direction: column;
  height: 3.5em;
  justify-content: center;
  padding: 0 0.5em;
  padding-bottom: 0;
  text-align: center;
}
.price-table__arrow02-inner > span {
  -webkit-transform: translate(0, 1em);
  align-items: center;
  display: flex;
  flex-direction: column;
  transform: translate(0, 1em);
}
.price-table__arrow02 strong {
  font-size: 125%;
  font-weight: 700 !important;
  line-height: 1;
  margin-bottom: 0.25em;
}
.price-table__arrow02-arrow {
  display: inline-flex;
  line-height: 1;
}
.price-table__arrow02-arrow svg {
  height: 3em;
  width: 14em;
}
.price-table__arrow02-arrow svg path {
  fill: #d0376c;
}
.price-table__arrow {
  -webkit-transform: translate(-50%, -50%);
  align-items: center;
  background-color: #2faa8d;
  color: #fff;
  display: flex;
  font-size: 80%;
  font-weight: 700;
  justify-content: center;
  left: 16px;
  line-height: 1;
  padding: 0.15em 0;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translate(-50%, -50%);
  white-space: nowrap;
  width: 40px;
}
@media print, screen and (min-width: 768px) {
  .price-table__arrow {
    font-size: 85%;
    left: 16px;
    padding: 0.5em 0;
    width: 112px;
  }
}
@media print {
  .price-table__arrow {
    font-size: 85%;
    left: 16px;
    padding: 0.5em 0;
    width: 112px;
  }
}
.price-table__arrow::before {
  border-color: transparent #2faa8d transparent transparent;
  border-style: solid;
  border-width: 15px 26px 15px 0;
  content: "";
  display: block;
  height: 0;
  position: absolute;
  right: 100%;
  width: 0;
}
@media print, screen and (min-width: 768px) {
  .price-table__arrow::before {
    border-width: 25px 43.3px 25px 0;
  }
}
@media print {
  .price-table__arrow::before {
    border-width: 25px 43.3px 25px 0;
  }
}
.price-table__arrow > span {
  -webkit-transform: translate(-5px, 0);
  display: block;
  transform: translate(-5px, 0);
}
@media print, screen and (min-width: 768px) {
  .price-table__arrow > span {
    -webkit-transform: translate(-8px, 0);
    transform: translate(-8px, 0);
  }
}
@media print {
  .price-table__arrow > span {
    -webkit-transform: translate(-8px, 0);
    transform: translate(-8px, 0);
  }
}
.price-table__arrow strong {
  display: inline-block;
  font-family: "Poppins", "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Lato, sans-serif;
  font-size: 125%;
  font-weight: 800;
  margin-right: 0.1em;
}
.price-table strong {
  font-weight: 500;
}

.price-table--lg {
  border-collapse: collapse;
  font-size: 0.6875rem;
  line-height: 1.5;
  table-layout: fixed;
  width: 100%;
}
@media print, screen and (min-width: 768px) {
  .price-table--lg {
    font-size: 0.9375rem;
  }
}
@media print {
  .price-table--lg {
    font-size: 0.9375rem;
  }
}
@media print, screen and (min-width: 992px) {
  .price-table--lg {
    font-size: 1rem;
  }
}
@media print {
  .price-table--lg {
    font-size: 1rem;
  }
}
.price-table--lg tr {
  border-bottom: 1px solid #ddd;
}
.price-table--lg th,
.price-table--lg td {
  border-right: 1px solid #ddd;
  padding: 4px 2px;
  position: relative;
  vertical-align: middle;
}
@media print, screen and (min-width: 768px) {
  .price-table--lg th,
.price-table--lg td {
    padding: 16px 4px;
  }
}
@media print {
  .price-table--lg th,
.price-table--lg td {
    padding: 16px 4px;
  }
}
.price-table--lg__blank {
  background-color: transparent !important;
  border: none;
}
.price-table--lg thead th,
.price-table--lg thead td,
.price-table--lg .tr-thead th,
.price-table--lg .tr-thead td {
  background-color: #007563;
  color: #fff;
  font-weight: 700;
  text-align: center;
  white-space: nowrap;
}
@media print, screen and (min-width: 768px) {
  .price-table--lg thead th,
.price-table--lg thead td,
.price-table--lg .tr-thead th,
.price-table--lg .tr-thead td {
    padding: 8px 4px;
  }
}
@media print {
  .price-table--lg thead th,
.price-table--lg thead td,
.price-table--lg .tr-thead th,
.price-table--lg .tr-thead td {
    padding: 8px 4px;
  }
}
.price-table--lg tbody td {
  position: relative;
  text-align: center;
}
.price-table--lg tbody th {
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
}
.price-table--lg strong {
  color: #ed6000;
  font-size: 115%;
  font-weight: 700;
}

/* =====================
  editor(WYSIWYG)
===================== */
table .post-content {
  font-size: 10px;
  line-height: 1.5;
}
@media print, screen and (min-width: 768px) {
  table .post-content {
    font-size: 13px;
  }
}
@media print {
  table .post-content {
    font-size: 13px;
  }
}
table .post-content p {
  margin: 0;
}

.editor-content {
  font-size: 14px;
  letter-spacing: 0;
  line-height: 1.75;
  word-break: break-all;
}
@media print, screen and (min-width: 768px) {
  .editor-content {
    font-size: 16px;
    line-height: 1.75;
  }
}
@media print {
  .editor-content {
    font-size: 16px;
    line-height: 1.75;
  }
}
.editor-content.text-min {
  font-size: 13px;
}
@media print, screen and (min-width: 768px) {
  .editor-content.text-min {
    font-size: 15px;
  }
}
@media print {
  .editor-content.text-min {
    font-size: 15px;
  }
}
.editor-content button,
.editor-content input,
.editor-content select,
.editor-content textarea {
  font-size: 16px;
  font-weight: 300;
  line-height: 1.66;
}
.editor-content h1,
.editor-content h2,
.editor-content h3,
.editor-content h4 {
  font-weight: 500;
  line-height: 1.5;
  margin-bottom: 0.5em;
}
@media print, screen and (min-width: 768px) {
  .editor-content h1,
.editor-content h2,
.editor-content h3,
.editor-content h4 {
    line-height: 1.75;
  }
}
@media print {
  .editor-content h1,
.editor-content h2,
.editor-content h3,
.editor-content h4 {
    line-height: 1.75;
  }
}
.editor-content h1:first-child,
.editor-content h2:first-child,
.editor-content h3:first-child,
.editor-content h4:first-child,
.editor-content h5:first-child,
.editor-content h6:first-child,
.editor-content p:first-child {
  margin-top: 0;
}
.editor-content h1 {
  margin-top: 24px;
  position: relative;
}
@media print, screen and (min-width: 768px) {
  .editor-content h1 {
    margin-top: 40px;
  }
}
@media print {
  .editor-content h1 {
    margin-top: 40px;
  }
}
.editor-content h2 {
  font-size: 20px;
  margin-top: 24px;
  position: relative;
}
@media print, screen and (min-width: 768px) {
  .editor-content h2 {
    font-size: 28px;
    margin-top: 40px;
  }
}
@media print {
  .editor-content h2 {
    font-size: 28px;
    margin-top: 40px;
  }
}
.editor-content h3 {
  margin-top: 16px;
}
@media print, screen and (min-width: 768px) {
  .editor-content h3 {
    margin-top: 24px;
  }
}
@media print {
  .editor-content h3 {
    margin-top: 24px;
  }
}
.editor-content h4 {
  margin-top: 16px;
}
@media print, screen and (min-width: 768px) {
  .editor-content h4 {
    margin-top: 24px;
  }
}
@media print {
  .editor-content h4 {
    margin-top: 24px;
  }
}
.editor-content h5 {
  font-size: 16px;
  font-weight: 500;
  margin: 0;
  margin-top: 8px;
}
@media print, screen and (min-width: 768px) {
  .editor-content h5 {
    font-size: 18px;
    margin-top: 16px;
  }
}
@media print {
  .editor-content h5 {
    font-size: 18px;
    margin-top: 16px;
  }
}
.editor-content h6 {
  font-size: 15px;
  font-weight: 500;
  margin: 0;
  margin-top: 8px;
}
@media print, screen and (min-width: 768px) {
  .editor-content h6 {
    font-size: 16px;
    margin-top: 16px;
  }
}
@media print {
  .editor-content h6 {
    font-size: 16px;
    margin-top: 16px;
  }
}
.editor-content p,
.editor-content table {
  margin-top: 4px;
}
@media print, screen and (min-width: 768px) {
  .editor-content p,
.editor-content table {
    margin-top: 8px;
  }
}
@media print {
  .editor-content p,
.editor-content table {
    margin-top: 8px;
  }
}
.editor-content dfn,
.editor-content cite,
.editor-content em,
.editor-content i {
  font-style: italic;
}
.editor-content blockquote {
  background-color: #f7f7f7;
  color: #666;
  font-size: 0.875rem;
  font-style: italic;
  line-height: 1.7;
  margin: 0;
  overflow: hidden;
  padding: 0.5em;
  padding-left: 1.5em;
}
@media print, screen and (min-width: 768px) {
  .editor-content blockquote {
    font-size: 15px;
  }
}
@media print {
  .editor-content blockquote {
    font-size: 15px;
  }
}
.editor-content blockquote.alignleft,
.editor-content blockquote.alignright {
  font-size: 0.875rem;
  width: 34%;
}
.editor-content address {
  margin: 0 0 1.5em;
}
.editor-content pre {
  background: #f7f7f7;
  line-height: 1.5;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em;
}
.editor-content code,
.editor-content kbd,
.editor-content tt,
.editor-content var {
  font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
.editor-content abbr,
.editor-content acronym {
  border-bottom: 1px dotted #666;
  cursor: help;
}
.editor-content mark,
.editor-content ins {
  background: #eee;
  text-decoration: none;
}
.editor-content big {
  font-size: 125%;
}
.editor-content dl dt {
  font-weight: 600;
}
.editor-content blockquote,
.editor-content q {
  quotes: "" "";
}
.editor-content blockquote:before,
.editor-content blockquote:after,
.editor-content q:before,
.editor-content q:after {
  content: "";
}
.editor-content hr {
  background-color: #bbb;
  border: 0;
  height: 1px;
  margin-bottom: 1em;
}
.editor-content ul,
.editor-content ol {
  margin-bottom: 1em;
  margin-left: 1em;
  margin-top: 1em;
  padding: 0;
}
.editor-content ul {
  list-style: disc;
}
.editor-content ol h1,
.editor-content ol h2,
.editor-content ol h3,
.editor-content ol h4,
.editor-content ol h5,
.editor-content ol h6 {
  border: none;
  padding: 0;
}
.editor-content ol h3 {
  font-size: 1rem;
  font-weight: 500;
  margin-bottom: 10px;
}
@media print, screen and (min-width: 768px) {
  .editor-content ol h3 {
    font-size: 1.125rem;
  }
}
@media print {
  .editor-content ol h3 {
    font-size: 1.125rem;
  }
}
.editor-content ol h4 {
  font-size: 0.9375rem;
  font-weight: 500;
  margin-bottom: 10px;
}
@media print, screen and (min-width: 768px) {
  .editor-content ol h4 {
    font-size: 1rem;
  }
}
@media print {
  .editor-content ol h4 {
    font-size: 1rem;
  }
}
.editor-content ol p {
  margin-bottom: 5px;
}
.editor-content ol li {
  margin-bottom: 0.5em;
}
.editor-content li > ul,
.editor-content li > ol {
  margin-bottom: 1em;
  margin-left: 1em;
}
.editor-content li ol {
  font-size: 90%;
}
.editor-content li ol li {
  margin-bottom: 0.5em;
}
.editor-content table {
  font-size: 0.625rem;
}
@media print, screen and (min-width: 768px) {
  .editor-content table {
    font-size: 0.9375rem;
  }
}
@media print {
  .editor-content table {
    font-size: 0.9375rem;
  }
}
.editor-content table tbody th {
  width: auto;
}
.editor-content a {
  color: #00947e;
  text-decoration: underline;
}
.editor-content a:hover {
  color: #00c7a9;
}
.editor-content .btn-blue {
  color: #fff;
}
.editor-content .btn-blue:hover {
  color: #fff;
}
.editor-content img {
  display: block;
  height: auto;
  max-width: 100%;
}
.editor-content .box img {
  margin: 0 auto;
}
.editor-content embed,
.editor-content iframe,
.editor-content object {
  margin-bottom: 1.5em;
  max-width: 100%;
}
.editor-content strong {
  font-weight: 700;
}
.editor-content em {
  font-style: italic;
}
.editor-content blockquote {
  -webkit-margin-before: 1em;
  -webkit-margin-after: 1em;
  -webkit-margin-start: 40px;
  -webkit-margin-end: 40px;
  display: block;
}

.block-child {
  margin-top: 24px;
}
@media print, screen and (min-width: 768px) {
  .block-child {
    margin-top: 64px;
  }
}
@media print {
  .block-child {
    margin-top: 64px;
  }
}
.block-child:first-child {
  margin-top: 0;
}
.block-child--xs {
  margin-top: 4px;
}
@media print, screen and (min-width: 768px) {
  .block-child--xs {
    margin-top: 8px;
  }
}
@media print {
  .block-child--xs {
    margin-top: 8px;
  }
}
.block-child--xs:first-child {
  margin-top: 0;
}
.block-child--sm {
  margin-top: 8px;
}
@media print, screen and (min-width: 768px) {
  .block-child--sm {
    margin-top: 16px;
  }
}
@media print {
  .block-child--sm {
    margin-top: 16px;
  }
}
.block-child--sm:first-child {
  margin-top: 0;
}
.block-child--md {
  margin-top: 24px;
}
@media print, screen and (min-width: 768px) {
  .block-child--md {
    margin-top: 32px;
  }
}
@media print {
  .block-child--md {
    margin-top: 32px;
  }
}
.block-child--md:first-child {
  margin-top: 0;
}
.block-child--lg {
  margin-top: 40px;
}
@media print, screen and (min-width: 768px) {
  .block-child--lg {
    margin-top: 80px;
  }
}
@media print {
  .block-child--lg {
    margin-top: 80px;
  }
}
.block-child--lg:first-child {
  margin-top: 0;
}
.block-child--xl {
  margin-top: 64px;
}
@media print, screen and (min-width: 768px) {
  .block-child--xl {
    margin-top: 120px;
  }
}
@media print {
  .block-child--xl {
    margin-top: 120px;
  }
}
.block-child--xl:first-child {
  margin-top: 0;
}

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

.mb-10-xs {
  margin-bottom: 10px !important;
}
@media print, screen and (min-width: 768px) {
  .mb-10-xs {
    margin-bottom: 0 !important;
  }
}
@media print {
  .mb-10-xs {
    margin-bottom: 0 !important;
  }
}

.mb-20-xs {
  margin-bottom: 20px !important;
}
@media print, screen and (min-width: 768px) {
  .mb-20-xs {
    margin-bottom: 0 !important;
  }
}
@media print {
  .mb-20-xs {
    margin-bottom: 0 !important;
  }
}

@media print, screen and (min-width: 768px) {
  .mb-20-pc {
    margin-bottom: 20px !important;
  }
}
@media print {
  .mb-20-pc {
    margin-bottom: 20px !important;
  }
}

.mb-30-xs {
  margin-bottom: 30px !important;
}
@media print, screen and (min-width: 768px) {
  .mb-30-xs {
    margin-bottom: 0 !important;
  }
}
@media print {
  .mb-30-xs {
    margin-bottom: 0 !important;
  }
}

.mb-40-xs {
  margin-bottom: 40px !important;
}
@media print, screen and (min-width: 768px) {
  .mb-40-xs {
    margin-bottom: 0 !important;
  }
}
@media print {
  .mb-40-xs {
    margin-bottom: 0 !important;
  }
}

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

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

.mb-15 {
  margin-bottom: 5px !important;
}
@media print, screen and (min-width: 768px) {
  .mb-15 {
    margin-bottom: 15px !important;
  }
}
@media print {
  .mb-15 {
    margin-bottom: 15px !important;
  }
}

.mb-20 {
  margin-bottom: 10px !important;
}
@media print, screen and (min-width: 768px) {
  .mb-20 {
    margin-bottom: 20px !important;
  }
}
@media print {
  .mb-20 {
    margin-bottom: 20px !important;
  }
}

.mb-30 {
  margin-bottom: 20px !important;
}
@media print, screen and (min-width: 768px) {
  .mb-30 {
    margin-bottom: 30px !important;
  }
}
@media print {
  .mb-30 {
    margin-bottom: 30px !important;
  }
}

.mb-40 {
  margin-bottom: 20px !important;
}
@media print, screen and (min-width: 768px) {
  .mb-40 {
    margin-bottom: 40px !important;
  }
}
@media print {
  .mb-40 {
    margin-bottom: 40px !important;
  }
}

.mb-50 {
  margin-bottom: 30px !important;
}
@media print, screen and (min-width: 768px) {
  .mb-50 {
    margin-bottom: 50px !important;
  }
}
@media print {
  .mb-50 {
    margin-bottom: 50px !important;
  }
}

.mb-60 {
  margin-bottom: 30px !important;
}
@media print, screen and (min-width: 768px) {
  .mb-60 {
    margin-bottom: 60px !important;
  }
}
@media print {
  .mb-60 {
    margin-bottom: 60px !important;
  }
}

.mb-70 {
  margin-bottom: 35px !important;
}
@media print, screen and (min-width: 768px) {
  .mb-70 {
    margin-bottom: 70px !important;
  }
}
@media print {
  .mb-70 {
    margin-bottom: 70px !important;
  }
}

.mb-80 {
  margin-bottom: 40px !important;
}
@media print, screen and (min-width: 768px) {
  .mb-80 {
    margin-bottom: 80px !important;
  }
}
@media print {
  .mb-80 {
    margin-bottom: 80px !important;
  }
}

.mb-100 {
  margin-bottom: 60px !important;
}
@media print, screen and (min-width: 768px) {
  .mb-100 {
    margin-bottom: 100px !important;
  }
}
@media print {
  .mb-100 {
    margin-bottom: 100px !important;
  }
}

.mb-120 {
  margin-bottom: 60px !important;
}
@media print, screen and (min-width: 768px) {
  .mb-120 {
    margin-bottom: 120px !important;
  }
}
@media print {
  .mb-120 {
    margin-bottom: 120px !important;
  }
}

.container {
  margin-left: auto;
  margin-right: auto;
  max-width: 1280px;
  padding-left: 16px;
  padding-right: 16px;
}

@media (hover: hover) and (pointer: fine) {
  .img-btn img {
    transition: all 0.25s ease;
  }
  .img-btn:hover img {
    opacity: 0.65;
  }
}

.section-xs {
  padding: 10px 0 !important;
}
@media print, screen and (min-width: 768px) {
  .section-xs {
    padding: 15px 0 !important;
  }
}
@media print {
  .section-xs {
    padding: 15px 0 !important;
  }
}

.section-sm {
  padding: 10px 0 !important;
}
@media print, screen and (min-width: 768px) {
  .section-sm {
    padding: 30px 0 !important;
  }
}
@media print {
  .section-sm {
    padding: 30px 0 !important;
  }
}

.section-md {
  padding: 30px 0 !important;
}
@media print, screen and (min-width: 768px) {
  .section-md {
    padding: 65px 0 !important;
  }
}
@media print {
  .section-md {
    padding: 65px 0 !important;
  }
}

.section-lg {
  padding: 40px 0 !important;
}
@media print, screen and (min-width: 768px) {
  .section-lg {
    padding: 80px 0 !important;
  }
}
@media print {
  .section-lg {
    padding: 80px 0 !important;
  }
}

.section-xl {
  padding: 50px 0 !important;
}
@media print, screen and (min-width: 768px) {
  .section-xl {
    padding: 100px 0 !important;
  }
}
@media print {
  .section-xl {
    padding: 100px 0 !important;
  }
}

.section-xxl {
  padding: 60px 0 !important;
}
@media print, screen and (min-width: 768px) {
  .section-xxl {
    padding: 120px 0 !important;
  }
}
@media print {
  .section-xxl {
    padding: 120px 0 !important;
  }
}

.anchor-list, .anchor-list-membership, .anchor-list-sm-lg-3, .anchor-list-sm-2, .anchor-list-side, .anchor-list-side--sticky {
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.1);
  counter-reset: number;
  font-size: 0.8125rem;
  list-style: none;
  margin: 0;
  margin-top: 24px;
  overflow: hidden;
  padding: 0;
  position: relative;
  z-index: 10;
}
@media print, screen and (min-width: 768px) {
  .anchor-list, .anchor-list-membership, .anchor-list-sm-lg-3, .anchor-list-sm-2, .anchor-list-side, .anchor-list-side--sticky {
    border-radius: 8px;
    box-shadow: 4px 4px 16px rgba(0, 0, 0, 0.1);
    display: flex;
    font-size: 0.875rem;
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
    max-width: 1248px;
  }
}
@media print {
  .anchor-list, .anchor-list-membership, .anchor-list-sm-lg-3, .anchor-list-sm-2, .anchor-list-side, .anchor-list-side--sticky {
    border-radius: 8px;
    box-shadow: 4px 4px 16px rgba(0, 0, 0, 0.1);
    display: flex;
    font-size: 0.875rem;
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
    max-width: 1248px;
  }
}
@media print, screen and (min-width: 1320px) {
  .anchor-list, .anchor-list-membership, .anchor-list-sm-lg-3, .anchor-list-sm-2, .anchor-list-side, .anchor-list-side--sticky {
    font-size: 0.9375rem;
  }
}
@media print {
  .anchor-list, .anchor-list-membership, .anchor-list-sm-lg-3, .anchor-list-sm-2, .anchor-list-side, .anchor-list-side--sticky {
    font-size: 0.9375rem;
  }
}
.anchor-list:first-child, .anchor-list-membership:first-child, .anchor-list-sm-lg-3:first-child, .anchor-list-sm-2:first-child, .anchor-list-side:first-child, .anchor-list-side--sticky:first-child {
  margin-top: 0;
}
@media print, screen and (min-width: 992px) {
  .anchor-list-side, .anchor-list-side--sticky {
    display: block;
    font-size: 0.875rem;
    margin: 0;
    max-width: 320px;
  }
}
@media print {
  .anchor-list-side, .anchor-list-side--sticky {
    display: block;
    font-size: 0.875rem;
    margin: 0;
    max-width: 320px;
  }
}
@media print, screen and (min-width: 992px) {
  .anchor-list-side .anchor-list_item, .anchor-list-side--sticky .anchor-list_item {
    border-top: 1px solid #eee;
    display: block;
    padding: 0;
    width: 100%;
  }
  .anchor-list-side .anchor-list_item:first-child, .anchor-list-side--sticky .anchor-list_item:first-child {
    border-top: none;
  }
}
@media print {
  .anchor-list-side .anchor-list_item, .anchor-list-side--sticky .anchor-list_item {
    border-top: 1px solid #eee;
    display: block;
    padding: 0;
    width: 100%;
  }
  .anchor-list-side .anchor-list_item:first-child, .anchor-list-side--sticky .anchor-list_item:first-child {
    border-top: none;
  }
}
@media print, screen and (min-width: 992px) {
  .anchor-list-side .anchor-list_btn.active, .anchor-list-side--sticky .anchor-list_btn.active {
    color: #00947e;
  }
}
@media print and (hover: hover) and (pointer: fine), screen and (min-width: 992px) and (hover: hover) and (pointer: fine) {
  .anchor-list-side .anchor-list_btn.active:hover, .anchor-list-side--sticky .anchor-list_btn.active:hover {
    color: #fff;
  }
}
@media print, screen and (min-width: 992px) {
  .anchor-list-side .anchor-list_btn.active .link-arrow, .anchor-list-side--sticky .anchor-list_btn.active .link-arrow {
    -webkit-transform: translate(1em, 0) scale(0.6) rotate(90deg);
    border-radius: 100px;
    height: 3em;
    margin-left: 1em;
    transform: translate(1em, 0) scale(0.6) rotate(90deg);
    width: 3px;
  }
  .anchor-list-side .anchor-list_btn.active .link-arrow::before, .anchor-list-side--sticky .anchor-list_btn.active .link-arrow::before, .anchor-list-side .anchor-list_btn.active .link-arrow::after, .anchor-list-side--sticky .anchor-list_btn.active .link-arrow::after {
    opacity: 0;
  }
}
@media print {
  .anchor-list-side .anchor-list_btn.active, .anchor-list-side--sticky .anchor-list_btn.active {
    color: #00947e;
  }
}
@media print and (hover: hover) and (pointer: fine) {
  .anchor-list-side .anchor-list_btn.active:hover, .anchor-list-side--sticky .anchor-list_btn.active:hover {
    color: #fff;
  }
}
@media print {
  .anchor-list-side .anchor-list_btn.active .link-arrow, .anchor-list-side--sticky .anchor-list_btn.active .link-arrow {
    -webkit-transform: translate(1em, 0) scale(0.6) rotate(90deg);
    border-radius: 100px;
    height: 3em;
    margin-left: 1em;
    transform: translate(1em, 0) scale(0.6) rotate(90deg);
    width: 3px;
  }
  .anchor-list-side .anchor-list_btn.active .link-arrow::before, .anchor-list-side--sticky .anchor-list_btn.active .link-arrow::before, .anchor-list-side .anchor-list_btn.active .link-arrow::after, .anchor-list-side--sticky .anchor-list_btn.active .link-arrow::after {
    opacity: 0;
  }
}
.anchor-list-side span[class^=link-arrow], .anchor-list-side--sticky span[class^=link-arrow] {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
@media print, screen and (min-width: 768px) {
  .anchor-list-side span[class^=link-arrow], .anchor-list-side--sticky span[class^=link-arrow] {
    margin: 0;
    margin-top: 0.5em;
  }
}
@media print {
  .anchor-list-side span[class^=link-arrow], .anchor-list-side--sticky span[class^=link-arrow] {
    margin: 0;
    margin-top: 0.5em;
  }
}
@media print, screen and (min-width: 992px) {
  .anchor-list-side--sticky {
    position: sticky;
    top: 160px;
  }
}
@media print {
  .anchor-list-side--sticky {
    position: sticky;
    top: 160px;
  }
}
@media print, screen and (min-width: 768px) {
  .anchor-list-sm-2 {
    flex-wrap: wrap;
  }
  .anchor-list-sm-2 .anchor-list_item {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    width: 50%;
  }
  .anchor-list-sm-2 .anchor-list_item:nth-child(-n+2) {
    border-top: none;
  }
  .anchor-list-sm-2 .anchor-list_item:nth-child(2n+1) {
    border-left: none;
  }
  .anchor-list-sm-2 .anchor-list_item:nth-child(odd):last-child {
    width: 100%;
  }
}
@media print {
  .anchor-list-sm-2 {
    flex-wrap: wrap;
  }
  .anchor-list-sm-2 .anchor-list_item {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    width: 50%;
  }
  .anchor-list-sm-2 .anchor-list_item:nth-child(-n+2) {
    border-top: none;
  }
  .anchor-list-sm-2 .anchor-list_item:nth-child(2n+1) {
    border-left: none;
  }
  .anchor-list-sm-2 .anchor-list_item:nth-child(odd):last-child {
    width: 100%;
  }
}
@media print, screen and (min-width: 992px) {
  .anchor-list-sm-2 {
    flex-wrap: nowrap;
  }
  .anchor-list-sm-2 .anchor-list_item {
    border-top: none;
    width: 100%;
  }
  .anchor-list-sm-2 .anchor-list_item:nth-child(2n+1) {
    border-left: 1px solid rgba(0, 0, 0, 0.1);
  }
}
@media print {
  .anchor-list-sm-2 {
    flex-wrap: nowrap;
  }
  .anchor-list-sm-2 .anchor-list_item {
    border-top: none;
    width: 100%;
  }
  .anchor-list-sm-2 .anchor-list_item:nth-child(2n+1) {
    border-left: 1px solid rgba(0, 0, 0, 0.1);
  }
}
@media print, screen and (min-width: 768px) {
  .anchor-list-sm-lg-3 {
    flex-wrap: wrap;
  }
  .anchor-list-sm-lg-3 .anchor-list_item {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    width: 33.3333%;
  }
  .anchor-list-sm-lg-3 .anchor-list_item:nth-child(-n+3) {
    border-top: none;
  }
  .anchor-list-sm-lg-3 .anchor-list_item:nth-child(3n+1) {
    border-left: none;
  }
  .anchor-list-sm-lg-3 .anchor-list_item:nth-child(odd):last-child {
    width: 100%;
  }
}
@media print {
  .anchor-list-sm-lg-3 {
    flex-wrap: wrap;
  }
  .anchor-list-sm-lg-3 .anchor-list_item {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    width: 33.3333%;
  }
  .anchor-list-sm-lg-3 .anchor-list_item:nth-child(-n+3) {
    border-top: none;
  }
  .anchor-list-sm-lg-3 .anchor-list_item:nth-child(3n+1) {
    border-left: none;
  }
  .anchor-list-sm-lg-3 .anchor-list_item:nth-child(odd):last-child {
    width: 100%;
  }
}
@media print, screen and (min-width: 768px) {
  .anchor-list-membership {
    flex-wrap: wrap;
  }
  .anchor-list-membership .anchor-list_item {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    width: 33.3333%;
  }
  .anchor-list-membership .anchor-list_item:nth-child(-n+3) {
    border-top: none;
  }
  .anchor-list-membership .anchor-list_item:nth-child(1), .anchor-list-membership .anchor-list_item:nth-child(4) {
    border-left: none;
  }
  .anchor-list-membership .anchor-list_item:nth-child(4), .anchor-list-membership .anchor-list_item:nth-child(5), .anchor-list-membership .anchor-list_item:nth-child(6), .anchor-list-membership .anchor-list_item:nth-child(7) {
    width: 25%;
  }
}
@media print {
  .anchor-list-membership {
    flex-wrap: wrap;
  }
  .anchor-list-membership .anchor-list_item {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    width: 33.3333%;
  }
  .anchor-list-membership .anchor-list_item:nth-child(-n+3) {
    border-top: none;
  }
  .anchor-list-membership .anchor-list_item:nth-child(1), .anchor-list-membership .anchor-list_item:nth-child(4) {
    border-left: none;
  }
  .anchor-list-membership .anchor-list_item:nth-child(4), .anchor-list-membership .anchor-list_item:nth-child(5), .anchor-list-membership .anchor-list_item:nth-child(6), .anchor-list-membership .anchor-list_item:nth-child(7) {
    width: 25%;
  }
}
.anchor-list_item {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  display: flex;
  width: 100%;
}
@media print, screen and (min-width: 768px) {
  .anchor-list_item {
    border-left: 1px solid rgba(0, 0, 0, 0.1);
    border-top: none;
  }
}
@media print {
  .anchor-list_item {
    border-left: 1px solid rgba(0, 0, 0, 0.1);
    border-top: none;
  }
}
.anchor-list_item:first-child {
  border: none !important;
}
.anchor-list_btn {
  align-items: center;
  background: #fff;
  color: #030303;
  display: flex;
  font-weight: 700;
  justify-content: space-between;
  letter-spacing: 0;
  line-height: 1.3;
  margin-left: 4px;
  min-height: 48px;
  overflow: hidden;
  padding: 4px 16px;
  position: relative;
  width: 100%;
}
.anchor-list_btn:visited, .anchor-list_btn:focus {
  color: #030303;
}
@media (hover: hover) and (pointer: fine) {
  .anchor-list_btn {
    background: linear-gradient(90deg, #00947e 0%, #00947e 50%, #fff 50%, #fff 100%);
    background-position: 100% center;
    background-repeat: no-repeat;
    background-size: 220% 100%;
    transition: all 0.25s ease;
  }
}
.anchor-list_btn > * {
  z-index: 20;
}
@media (hover: hover) and (pointer: fine) {
  .anchor-list_btn {
    transition: all 0.25s ease;
  }
  .anchor-list_btn:hover {
    background-position: 0 center;
    color: #fff;
  }
  .anchor-list_btn:hover .anchor-list_text:before {
    color: #fff;
  }
  .anchor-list_btn:hover span[class^=link-arrow] {
    background-color: #fff;
  }
  .anchor-list_btn:hover span[class^=link-arrow]::before, .anchor-list_btn:hover span[class^=link-arrow]::after {
    background-color: #00947e;
  }
}
@media print, screen and (min-width: 768px) {
  .anchor-list_btn {
    margin-left: 0;
    min-height: 72px;
    padding: 4px 12px 4px 12px;
  }
}
@media print {
  .anchor-list_btn {
    margin-left: 0;
    min-height: 72px;
    padding: 4px 12px 4px 12px;
  }
}
.anchor-list_btn span[class^=link-arrow] {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.anchor-list_text {
  align-items: center;
  display: flex;
  flex: 1;
  position: relative;
}
.anchor-list_text::before {
  color: #00947e;
  content: counter(number) ".";
  counter-increment: number;
  font-family: "Poppins", "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Lato, sans-serif;
  font-size: 150%;
  font-style: italic;
  font-weight: 800;
  line-height: 1.25;
  margin-right: 0.25em;
  position: relative;
  text-align: center;
  transition: all 0.25s ease;
  white-space: nowrap;
}
.anchor-list_small {
  font-size: 80%;
}

.box, .box--outline, .box--white, .box--xs {
  background-color: #f2f5f4;
  padding: 16px;
}
@media print, screen and (min-width: 768px) {
  .box, .box--outline, .box--white, .box--xs {
    padding: 40px;
  }
}
@media print {
  .box, .box--outline, .box--white, .box--xs {
    padding: 40px;
  }
}
.box--xs {
  padding: 8px;
}
@media print, screen and (min-width: 768px) {
  .box--xs {
    padding: 16px;
  }
}
@media print {
  .box--xs {
    padding: 16px;
  }
}
.box--white {
  background-color: #fff;
}
.box--outline {
  background-color: #fff;
  border: 2px solid #ddd;
}
.box_title {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  font-size: 125%;
  font-weight: 500;
  line-height: 1.5;
  padding-bottom: 1em;
}

.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  line-height: 1.5;
  list-style: none;
  margin: 0;
  padding: 0;
}
.breadcrumb_wrapper {
  background-color: #ebefeb;
  padding: 4px 16px;
  position: relative;
  z-index: 10;
}
@media print, screen and (min-width: 768px) {
  .breadcrumb_wrapper {
    padding: 8px 32px;
  }
}
@media print {
  .breadcrumb_wrapper {
    padding: 8px 32px;
  }
}
.breadcrumb li {
  color: #555;
  display: block;
  font-size: 0.5625rem;
  letter-spacing: 0;
  margin: 0;
  margin-left: 1em;
  padding: 0;
  padding-left: 1em;
  position: relative;
}
@media print, screen and (min-width: 768px) {
  .breadcrumb li {
    font-size: 0.75rem;
  }
}
@media print {
  .breadcrumb li {
    font-size: 0.75rem;
  }
}
.breadcrumb li::after {
  -webkit-transform: skew(-30deg);
  background-color: #00947e;
  content: "";
  display: block;
  height: 100%;
  left: 0px;
  opacity: 0.8;
  position: absolute;
  top: 0;
  transform: skew(-30deg);
  width: 1px;
}
.breadcrumb li:first-child {
  margin: 0;
  padding-left: 0;
}
.breadcrumb li:first-child::after {
  content: none;
}
.breadcrumb li a {
  color: #00947e;
  text-decoration: none !important;
}

.card-cv {
  padding-left: 24px;
  padding-right: 24px;
  position: relative;
  z-index: 10;
}
.card-cv::before, .card-cv::after {
  background-color: #fff;
  content: " ";
  display: block;
  height: 50%;
  left: 0;
  position: absolute;
  right: 0;
}
.card-cv::before {
  top: 0;
}
.card-cv::after {
  background-color: #000;
  bottom: 0;
}
.card-cv--top-light::before {
  background-color: #f2f5f4;
}
.card-cv--top-light3::before {
  background-color: #e8ebea;
}
.card-cv--top-white::before {
  background-color: #fff;
}
.card-cv--top-green::before {
  background-color: #00947e;
}
.card-cv--top-none::before {
  background-color: transparent;
}
.card-cv--bottom-light::after {
  background-color: #f2f5f4;
}
.card-cv--bottom-white::after {
  background-color: #fff;
}
.card-cv--bottom-green::after {
  background-color: #007563;
}
.card-cv--bottom-none::after {
  background-color: transparent;
}
.card-cv_link {
  align-items: center;
  background-color: #def7f0;
  border-radius: 8px;
  box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.15);
  color: #030303;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  max-width: 1248px;
  overflow: hidden;
  padding: 40px 8px 8px;
  position: relative;
  text-align: center;
  text-decoration: none;
  text-decoration: none !important;
  z-index: 10;
}
@media print, screen and (min-width: 768px) {
  .card-cv_link {
    border-radius: 16px;
    box-shadow: 4px 4px 16px rgba(0, 0, 0, 0.15);
    padding: 40px 40px 24px;
  }
}
@media print {
  .card-cv_link {
    border-radius: 16px;
    box-shadow: 4px 4px 16px rgba(0, 0, 0, 0.15);
    padding: 40px 40px 24px;
  }
}
@media (hover: hover) and (pointer: fine) {
  .card-cv_link {
    transition: all 0.25s ease;
  }
  .card-cv_link:hover {
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25);
    color: #030303;
  }
  .card-cv_link:hover .card-cv_btn {
    background-position: 0 center;
    color: #fff;
  }
  .card-cv_link:hover .card-cv_btn svg path {
    fill: #fff;
  }
  .card-cv_link:hover .card-cv_illust img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
}
.card-cv_title {
  color: #00947e;
  font-family: "Poppins", "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Lato, sans-serif;
  font-size: 2.25rem;
  font-weight: 800;
  line-height: 1.3;
}
@media print, screen and (min-width: 768px) {
  .card-cv_title {
    font-size: 5rem;
  }
}
@media print {
  .card-cv_title {
    font-size: 5rem;
  }
}
.card-cv_text {
  font-size: 0.75rem;
  margin-top: 8px;
}
@media print, screen and (min-width: 361px) {
  .card-cv_text {
    font-size: 0.8125rem;
  }
}
@media print {
  .card-cv_text {
    font-size: 0.8125rem;
  }
}
@media print, screen and (min-width: 768px) {
  .card-cv_text {
    font-size: 1rem;
    margin-top: 16px;
  }
}
@media print {
  .card-cv_text {
    font-size: 1rem;
    margin-top: 16px;
  }
}
.card-cv_btn {
  align-items: center;
  background: #fff;
  background-color: #fff;
  border: 2px solid #00947e;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  height: 120px;
  justify-content: center;
  margin-top: 16px;
  overflow: hidden;
  position: relative;
  width: 120px;
}
@media (hover: hover) and (pointer: fine) {
  .card-cv_btn {
    background: linear-gradient(90deg, #00947e 0%, #00947e 50%, #fff 50%, #fff 100%);
    background-position: 100% center;
    background-repeat: no-repeat;
    background-size: 220% 100%;
    transition: all 0.25s ease;
  }
}
.card-cv_btn > * {
  z-index: 20;
}
@media (hover: hover) and (pointer: fine) {
  .card-cv_btn {
    transition: all 0.25s ease;
  }
}
@media print, screen and (min-width: 768px) {
  .card-cv_btn {
    height: 155px;
    margin-top: 32px;
    width: 155px;
  }
}
@media print {
  .card-cv_btn {
    height: 155px;
    margin-top: 32px;
    width: 155px;
  }
}
.card-cv_btn-icon {
  line-height: 1;
}
.card-cv_btn-icon svg {
  height: 32px;
  width: 32px;
}
@media print, screen and (min-width: 768px) {
  .card-cv_btn-icon svg {
    height: 42px;
    width: 42px;
  }
}
@media print {
  .card-cv_btn-icon svg {
    height: 42px;
    width: 42px;
  }
}
@media (hover: hover) and (pointer: fine) {
  .card-cv_btn-icon svg path {
    transition: all 0.25s ease;
  }
}
.card-cv_btn-text {
  font-size: 0.8125rem;
  font-weight: bold;
  line-height: 1.4;
  margin-top: 8px;
}
@media print, screen and (min-width: 768px) {
  .card-cv_btn-text {
    font-size: 1rem;
    margin-top: 12px;
  }
}
@media print {
  .card-cv_btn-text {
    font-size: 1rem;
    margin-top: 12px;
  }
}
.card-cv_content {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  width: 100%;
  z-index: 10;
}
@media print, screen and (min-width: 768px) {
  .card-cv_content {
    width: auto;
  }
}
@media print {
  .card-cv_content {
    width: auto;
  }
}
.card-cv_illust {
  -webkit-transform: translate(30%, 30%);
  bottom: 0;
  position: absolute;
  right: 0;
  transform: translate(30%, 30%);
  width: 75%;
  z-index: 1;
}
@media print, screen and (min-width: 768px) {
  .card-cv_illust {
    -webkit-transform: translate(10%, 25%);
    transform: translate(10%, 25%);
    width: 50%;
  }
}
@media print {
  .card-cv_illust {
    -webkit-transform: translate(10%, 25%);
    transform: translate(10%, 25%);
    width: 50%;
  }
}
.card-cv_illust img {
  height: auto;
  width: 100%;
}
@media (hover: hover) and (pointer: fine) {
  .card-cv_illust img {
    -webkit-transform-origin: left top;
    transform-origin: left top;
    transition: all 0.25s ease;
  }
}
.card-cv_note {
  align-self: flex-start;
  background-color: rgba(255, 255, 255, 0.6);
  margin-top: 16px;
  max-width: 100%;
  overflow: hidden;
  padding: 4px 2px;
  text-align: left;
}
@media print, screen and (min-width: 992px) {
  .card-cv_note {
    background-color: transparent;
    padding: 0;
  }
}
@media print {
  .card-cv_note {
    background-color: transparent;
    padding: 0;
  }
}
.card-cv_note p {
  -webkit-transform-origin: left center;
  -webkit-transform: scale(0.8);
  color: #030303 !important;
  font-size: 0.625rem;
  font-weight: normal;
  line-height: 1.3;
  margin-top: 0.25em;
  opacity: 0.6;
  padding-left: 1em;
  text-indent: -1em;
  transform: scale(0.8);
  transform-origin: left center;
  white-space: nowrap;
}
@media print, screen and (min-width: 361px) {
  .card-cv_note p {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}
@media print {
  .card-cv_note p {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}
@media print, screen and (min-width: 768px) {
  .card-cv_note p {
    -webkit-transform: scale(1);
    font-size: 0.75rem;
    line-height: 1.5;
    transform: scale(1);
  }
}
@media print {
  .card-cv_note p {
    -webkit-transform: scale(1);
    font-size: 0.75rem;
    line-height: 1.5;
    transform: scale(1);
  }
}
.card-cv_note p:first-child {
  margin-top: 0;
}

.card-app {
  padding-left: 24px;
  padding-right: 24px;
  position: relative;
  z-index: 10;
}
.card-app::before, .card-app::after {
  background-color: #fff;
  content: " ";
  display: block;
  height: 50%;
  left: 0;
  position: absolute;
  right: 0;
}
.card-app::before {
  top: 0;
}
.card-app::after {
  background-color: #000;
  bottom: 0;
}
.card-app--top-light::before {
  background-color: #f2f5f4;
}
.card-app--top-light3::before {
  background-color: #e8ebea;
}
.card-app--top-white::before {
  background-color: #fff;
}
.card-app--top-green::before {
  background-color: #00947e;
}
.card-app--top-none::before {
  background-color: transparent;
}
.card-app--bottom-light::after {
  background-color: #f2f5f4;
}
.card-app--bottom-white::after {
  background-color: #fff;
}
.card-app--bottom-green::after {
  background-color: #007563;
}
.card-app--bottom-none::after {
  background-color: transparent;
}
.card-app_inner {
  align-items: center;
  background-color: #def7f0;
  background-image: url(../../common/images/com_bg11.png);
  background-position: center center;
  background-size: cover;
  border-radius: 8px;
  box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.15);
  color: #030303;
  display: flex;
  flex-direction: column;
  font-size: min(3vw, 14px);
  gap: 24px;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  max-width: 1248px;
  overflow: hidden;
  padding: 24px 16px 0;
  position: relative;
  text-decoration: none;
  text-decoration: none !important;
  z-index: 10;
}
@media print, screen and (min-width: 768px) {
  .card-app_inner {
    align-items: center;
    border-radius: 16px;
    box-shadow: 4px 4px 16px rgba(0, 0, 0, 0.15);
    flex-direction: row;
    font-size: min(1.5vw, 18px);
    gap: 0;
    padding: 0 32px;
  }
}
@media print {
  .card-app_inner {
    align-items: center;
    border-radius: 16px;
    box-shadow: 4px 4px 16px rgba(0, 0, 0, 0.15);
    flex-direction: row;
    font-size: min(1.5vw, 18px);
    gap: 0;
    padding: 0 32px;
  }
}
@media print, screen and (min-width: 1320px) {
  .card-app_inner {
    padding-left: 80px;
    padding-right: 80px;
  }
}
@media print {
  .card-app_inner {
    padding-left: 80px;
    padding-right: 80px;
  }
}
.card-app_content {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
  z-index: 10;
}
@media print, screen and (min-width: 768px) {
  .card-app_content {
    padding-bottom: 40px;
    padding-top: 40px;
  }
}
@media print {
  .card-app_content {
    padding-bottom: 40px;
    padding-top: 40px;
  }
}
.card-app_header {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
@media print, screen and (min-width: 768px) {
  .card-app_header {
    gap: 20px;
  }
}
@media print {
  .card-app_header {
    gap: 20px;
  }
}
.card-app_title {
  color: #007563;
  font-size: 225%;
  font-weight: 700;
  line-height: 1;
}
@media print, screen and (min-width: 768px) {
  .card-app_title {
    font-size: 250%;
  }
}
@media print {
  .card-app_title {
    font-size: 250%;
  }
}
.card-app_title > span {
  background-image: linear-gradient(transparent 70%, #edff8d 70%);
  background-repeat: repeat-x;
  background-size: 200% 100%;
}
.card-app_points {
  display: flex;
  gap: 4px;
  width: 100%;
}
@media print, screen and (min-width: 768px) {
  .card-app_points {
    gap: 8px;
  }
}
@media print {
  .card-app_points {
    gap: 8px;
  }
}
.card-app_points > p {
  align-items: center;
  background-color: #00947e;
  border-radius: 2px;
  color: #fff;
  display: flex;
  font-size: 100%;
  font-weight: 700;
  justify-content: center;
  padding: 0 0.25em;
  text-align: center;
  width: 100%;
}
@media print, screen and (min-width: 768px) {
  .card-app_points > p {
    padding: 0 0.5em;
  }
}
@media print {
  .card-app_points > p {
    padding: 0 0.5em;
  }
}
.card-app_text {
  font-size: 125%;
  font-weight: 700;
  line-height: 1.75;
  margin-top: 8px;
}
@media print, screen and (min-width: 768px) {
  .card-app_text {
    margin-top: 16px;
  }
}
@media print {
  .card-app_text {
    margin-top: 16px;
  }
}
.card-app_name {
  align-items: center;
  display: flex;
  font-size: 133%;
  font-weight: 700;
  gap: 0.5em;
  line-height: 1.5;
  margin-top: 16px;
}
@media print, screen and (min-width: 768px) {
  .card-app_name {
    margin-top: 24px;
  }
}
@media print {
  .card-app_name {
    margin-top: 24px;
  }
}
.card-app_name-logo {
  width: 3em;
}
.card-app_name-logo img {
  height: auto;
  max-width: 100%;
}
.card-app_name-text {
  color: #00947e;
}
.card-app_download {
  align-items: center;
  display: flex;
  gap: 4px;
  justify-content: center;
  margin-top: 16px;
}
@media print, screen and (min-width: 768px) {
  .card-app_download {
    margin-top: 16px;
  }
}
@media print {
  .card-app_download {
    margin-top: 16px;
  }
}
@media print, screen and (min-width: 992px) {
  .card-app_download {
    gap: 8px;
  }
}
@media print {
  .card-app_download {
    gap: 8px;
  }
}
.card-app_btns {
  display: flex;
  gap: 4px;
  margin-top: 8px;
}
@media (hover: hover) and (pointer: fine) {
  .card-app_btn {
    transition: all 0.25s ease;
  }
  .card-app_btn:hover {
    opacity: 0.85;
  }
}
.card-app_btn img {
  height: min(48px, 15vw);
}
.card-app_qr {
  display: none;
  position: relative;
  width: min(80px, 20vw);
}
@media print, screen and (min-width: 768px) {
  .card-app_qr {
    display: block;
  }
}
@media print {
  .card-app_qr {
    display: block;
  }
}
.card-app_qr img {
  height: auto;
  max-width: 100%;
}
.card-app_illust {
  position: relative;
  text-align: center;
  width: 100%;
}
@media print, screen and (min-width: 768px) {
  .card-app_illust {
    align-self: flex-end;
    padding-top: 24px;
  }
}
@media print {
  .card-app_illust {
    align-self: flex-end;
    padding-top: 24px;
  }
}
.card-app_illust img {
  height: auto;
  position: relative;
  width: min(240px, 45vw);
}
@media print, screen and (min-width: 768px) {
  .card-app_illust img {
    width: min(480px, 35vw);
  }
}
@media print {
  .card-app_illust img {
    width: min(480px, 35vw);
  }
}
.card-app_illust::before {
  -webkit-transform: translate(-50%, 25%);
  background-color: #fff;
  border-radius: 50%;
  bottom: 0;
  content: " ";
  display: block;
  height: min(200px, 50vw);
  left: 50%;
  opacity: 0.5;
  position: absolute;
  transform: translate(-50%, 25%);
  width: min(200px, 50vw);
}
@media print, screen and (min-width: 768px) {
  .card-app_illust::before {
    height: min(400px, 40vw);
    width: min(400px, 40vw);
  }
}
@media print {
  .card-app_illust::before {
    height: min(400px, 40vw);
    width: min(400px, 40vw);
  }
}

.dl-horizontal, .dl-horizontal--md, .dl-horizontal--sm {
  display: flex;
  flex-wrap: wrap;
  line-height: 1.5;
  margin: 0;
  padding: 0;
}
.dl-horizontal dt, .dl-horizontal--md dt, .dl-horizontal--sm dt {
  font-weight: normal;
  margin: 0;
  margin-top: 0.5em;
  padding: 0;
  width: 4em;
}
.dl-horizontal dt:first-of-type, .dl-horizontal--md dt:first-of-type, .dl-horizontal--sm dt:first-of-type {
  margin-top: 0;
}
.dl-horizontal dd, .dl-horizontal--md dd, .dl-horizontal--sm dd {
  margin: 0;
  margin-top: 0.5em;
  padding: 0;
  width: calc(100% - 4em);
}
.dl-horizontal dd:first-of-type, .dl-horizontal--md dd:first-of-type, .dl-horizontal--sm dd:first-of-type {
  margin-top: 0;
}
.dl-horizontal dd a, .dl-horizontal--md dd a, .dl-horizontal--sm dd a {
  color: #00947e;
  text-decoration: underline;
}
.dl-horizontal--sm dt {
  width: 6em;
}
.dl-horizontal--sm dd {
  width: calc(100% - 6em);
}
.dl-horizontal--md dt {
  width: 8em;
}
.dl-horizontal--md dd {
  width: calc(100% - 8em);
}

.drawer {
  display: flex;
  flex-direction: column;
  height: 100%;
  left: 0;
  overflow: hidden;
  position: fixed;
  top: 0;
  width: 0;
  z-index: 990;
}
.drawer_backdrop {
  background-color: rgba(0, 0, 0, 0.5);
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}
.drawer_inner {
  -webkit-transform: translate(-100%, 0);
  background-color: rgba(0, 148, 126, 0.95);
  height: 100%;
  overflow: auto;
  padding-bottom: 40px;
  padding-left: 16px;
  padding-right: 16px;
  transform: translate(-100%, 0);
  width: 100vw;
}
.drawer[aria-hidden] {
  transition: all 0.25s ease;
}
.drawer[aria-hidden] .drawer_backdrop {
  transition: all 0.2s ease;
}
.drawer[aria-hidden] .drawer_inner {
  transition: all 0.25s ease 0.2s;
}
.drawer[aria-hidden=false] {
  visibility: visible;
  width: 100%;
}
.drawer[aria-hidden=false] .drawer_backdrop {
  opacity: 1;
}
.drawer[aria-hidden=false] .drawer_inner {
  -webkit-transform: translate(0);
  transform: translate(0);
}
.drawer[aria-hidden=true] {
  visibility: hidden;
}
.drawer[aria-hidden=true] .drawer_backdrop {
  opacity: 0;
}

.block-faq {
  border-bottom: 1px solid #ddd;
}
.block-faq:first-child {
  border-top: 1px solid #ddd;
  margin-top: 0;
}
.block-faq_check {
  display: none;
}
.block-faq_label {
  cursor: pointer;
  display: block;
  position: relative;
}
.block-faq_label::before, .block-faq_label::after {
  -webkit-transform-origin: center center;
  -webkit-transform: translate(0, -50%);
  background-color: #00947e;
  content: " ";
  display: block;
  height: 2px;
  position: absolute;
  right: 0.75em;
  top: 50%;
  transform: translate(0, -50%);
  transform-origin: center center;
  width: 1.5em;
}
.block-faq_label::after {
  -webkit-transform: translate(0, -50%) rotate(90deg);
  transform: translate(0, -50%) rotate(90deg);
  transition: all 0.25s ease;
}
@media print, screen and (min-width: 768px) {
  .block-faq_label {
    transition: background 0.25s ease;
  }
  .block-faq_label:hover {
    background-color: #f6f6f6;
  }
}
@media print {
  .block-faq_label {
    transition: background 0.25s ease;
  }
  .block-faq_label:hover {
    background-color: #f6f6f6;
  }
}
.block-faq_label.link {
  color: #030303;
}
@media print, screen and (min-width: 768px) {
  .block-faq_label.link {
    font-size: 115%;
  }
}
@media print {
  .block-faq_label.link {
    font-size: 115%;
  }
}
.block-faq_label.link::before, .block-faq_label.link::after {
  content: none;
}
.block-faq_label.link span[class^=link-arrow] {
  -webkit-transform: translate(0, -50%);
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translate(0, -50%);
}
.block-faq_question, .block-faq_answer {
  display: flex;
  padding-left: 0.5em;
  padding-right: 2.5em;
  position: relative;
}
.block-faq_question::before, .block-faq_answer::before {
  color: #d0376c;
  display: block;
  font-family: "Poppins", "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Lato, sans-serif;
  font-size: 150%;
  font-weight: 800;
  line-height: 1.3;
  position: relative;
  text-align: center;
  text-align: center;
  width: 2em;
}
.block-faq_question {
  align-items: center;
  font-weight: bold;
  line-height: 1.5;
  min-height: 64px;
  padding-bottom: 0.5em;
  padding-top: 0.5em;
}
@media print, screen and (min-width: 768px) {
  .block-faq_question {
    min-height: 96px;
  }
}
@media print {
  .block-faq_question {
    min-height: 96px;
  }
}
.block-faq_question::before {
  align-self: start;
  color: #00947e;
  content: "Q.";
}
@media print, screen and (min-width: 768px) {
  .block-faq_question::before {
    align-self: center;
    line-height: 2;
  }
}
@media print {
  .block-faq_question::before {
    align-self: center;
    line-height: 2;
  }
}
.block-faq_question > div,
.block-faq_question > span {
  flex: 1;
}
.block-faq_content {
  background-color: #f6f6f6;
  height: 0;
  margin-top: 0;
  opacity: 0;
  overflow: hidden;
  padding: 0;
  transition: all 0.2s ease-out;
}
.block-faq .block-faq_check:checked + .block-faq_label + .block-faq_content {
  height: auto;
  opacity: 1;
  padding-bottom: 30px;
  padding-top: 30px;
  transition: all 0.2s ease-out;
}
.block-faq .block-faq_check:checked + .block-faq_label::after {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.block-faq_answer {
  padding-left: 1em;
  padding-right: 1em;
}
.block-faq_answer::before {
  color: #d0376c;
  content: "A.";
}
.block-faq_answer > div {
  flex: 1;
  word-break: break-all;
}

.flow-list, .flow-list--02, .flow-list--top {
  counter-reset: number;
  list-style: none;
  margin: 0;
  padding: 0;
}
@media print, screen and (min-width: 768px) {
  .flow-list, .flow-list--02, .flow-list--top {
    display: flex;
    margin-left: -16px;
    margin-right: -16px;
  }
}
@media print {
  .flow-list, .flow-list--02, .flow-list--top {
    display: flex;
    margin-left: -16px;
    margin-right: -16px;
  }
}
@media print, screen and (min-width: 992px) {
  .flow-list, .flow-list--02, .flow-list--top {
    margin-left: -20px;
    margin-right: -20px;
  }
}
@media print {
  .flow-list, .flow-list--02, .flow-list--top {
    margin-left: -20px;
    margin-right: -20px;
  }
}
.flow-list--top .flow-list_icon::before, .flow-list--top .flow-list_icon--white::before, .flow-list--top .flow-list_icon--lg::before {
  background-color: #fff;
}
.flow-list--top .flow-list_icon::after, .flow-list--top .flow-list_icon--white::after, .flow-list--top .flow-list_icon--lg::after {
  background-color: #0bd79b;
}
@media print, screen and (min-width: 768px) {
  .flow-list--02 {
    flex-wrap: wrap;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    max-width: 800px;
  }
}
@media print {
  .flow-list--02 {
    flex-wrap: wrap;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    max-width: 800px;
  }
}
@media print, screen and (min-width: 768px) {
  .flow-list--02 .flow-list_item {
    margin-top: 40px;
    width: 50%;
  }
  .flow-list--02 .flow-list_item:nth-child(-n+2) {
    margin-top: 0;
  }
}
@media print {
  .flow-list--02 .flow-list_item {
    margin-top: 40px;
    width: 50%;
  }
  .flow-list--02 .flow-list_item:nth-child(-n+2) {
    margin-top: 0;
  }
}
.flow-list--02 .flow-list_icon::after, .flow-list--02 .flow-list_icon--white::after, .flow-list--02 .flow-list_icon--lg::after {
  content: none;
}
.flow-list_item {
  margin: 0;
  padding: 0;
  padding-bottom: 16px;
  padding-top: 16px;
  position: relative;
  width: 100%;
}
.flow-list_item:nth-child(1) {
  z-index: 100;
}
.flow-list_item:nth-child(2) {
  z-index: 90;
}
.flow-list_item:nth-child(3) {
  z-index: 80;
}
.flow-list_item:nth-child(4) {
  z-index: 70;
}
.flow-list_item:nth-child(5) {
  z-index: 60;
}
.flow-list_item:nth-child(6) {
  z-index: 50;
}
.flow-list_item:nth-child(7) {
  z-index: 40;
}
.flow-list_item:nth-child(8) {
  z-index: 30;
}
.flow-list_item:nth-child(9) {
  z-index: 20;
}
.flow-list_item:nth-child(10) {
  z-index: 10;
}
.flow-list_item:first-child {
  padding-top: 0;
}
.flow-list_item:first-child .flow-list_icon::before, .flow-list_item:first-child .flow-list_icon--white::before, .flow-list_item:first-child .flow-list_icon--lg::before {
  content: none;
}
.flow-list_item:last-child {
  padding-bottom: 0;
}
@media print, screen and (min-width: 768px) {
  .flow-list_item {
    padding: 0;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media print {
  .flow-list_item {
    padding: 0;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media print, screen and (min-width: 992px) {
  .flow-list_item {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media print {
  .flow-list_item {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.flow-list_card {
  display: flex;
  position: relative;
  width: 100%;
  z-index: 10;
}
.flow-list_card.center {
  align-items: center;
}
@media print, screen and (min-width: 768px) {
  .flow-list_card {
    flex-direction: column;
  }
}
@media print {
  .flow-list_card {
    flex-direction: column;
  }
}
.flow-list_icon, .flow-list_icon--white, .flow-list_icon--lg {
  align-items: center;
  background-color: #f2f5f4;
  border-radius: 50%;
  display: flex;
  height: 88px;
  justify-content: center;
  margin-right: 16px;
  position: relative;
  text-align: center;
  width: 88px;
}
@media print, screen and (min-width: 768px) {
  .flow-list_icon, .flow-list_icon--white, .flow-list_icon--lg {
    height: 160px;
    margin-bottom: 24px;
    margin-left: auto;
    margin-right: 0;
    margin-right: auto;
    width: 160px;
  }
}
@media print {
  .flow-list_icon, .flow-list_icon--white, .flow-list_icon--lg {
    height: 160px;
    margin-bottom: 24px;
    margin-left: auto;
    margin-right: 0;
    margin-right: auto;
    width: 160px;
  }
}
.flow-list_icon--lg {
  height: 120px;
  width: 120px;
}
@media print, screen and (min-width: 992px) {
  .flow-list_icon--lg {
    height: 224px;
    width: 224px;
  }
}
@media print {
  .flow-list_icon--lg {
    height: 224px;
    width: 224px;
  }
}
.flow-list_icon--white {
  background-color: #eaf6f3;
  border: 2px solid #00947e;
}
.flow-list_icon::before, .flow-list_icon--lg::before, .flow-list_icon--white::before {
  -webkit-transform: translate(-50%, -1px);
  background-color: #00947e; /* 棒の色 */
  bottom: 100%;
  clip-path: polygon(50% 100%, 70% calc(100% - 10px), 55% calc(100% - 10px), 55% 0px, 45% 0px, 45% calc(100% - 10px), 30% calc(100% - 10px));
  content: "";
  display: block;
  height: 100%; /* 矢印の棒の長さと先端部分の調整 */
  left: 50%;
  position: absolute;
  transform: translate(-50%, -1px);
  width: 20px; /* 矢印の棒の幅 */
}
@media print, screen and (min-width: 768px) {
  .flow-list_icon::before, .flow-list_icon--lg::before, .flow-list_icon--white::before {
    -webkit-transform: translate(-5px, -50%);
    clip-path: polygon(100% 50%, calc(100% - 15px) 70%, calc(100% - 15px) 55%, 0px 55%, 0px 45%, calc(100% - 15px) 45%, calc(100% - 15px) 30%);
    height: 20px;
    left: auto;
    right: 100%;
    top: 50%;
    transform: translate(-5px, -50%);
    width: 100%;
  }
}
@media print {
  .flow-list_icon::before, .flow-list_icon--lg::before, .flow-list_icon--white::before {
    -webkit-transform: translate(-5px, -50%);
    clip-path: polygon(100% 50%, calc(100% - 15px) 70%, calc(100% - 15px) 55%, 0px 55%, 0px 45%, calc(100% - 15px) 45%, calc(100% - 15px) 30%);
    height: 20px;
    left: auto;
    right: 100%;
    top: 50%;
    transform: translate(-5px, -50%);
    width: 100%;
  }
}
.flow-list_icon::after, .flow-list_icon--lg::after, .flow-list_icon--white::after {
  align-items: center;
  background-color: #00947e;
  border-radius: 50%;
  color: #00947e;
  color: #fff;
  content: " ";
  content: counter(number);
  counter-increment: number;
  display: block;
  display: flex;
  font-family: "Poppins", "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Lato, sans-serif;
  font-size: 100%;
  font-weight: 800;
  height: 1.5em;
  justify-content: center;
  left: 0;
  line-height: 1.25;
  position: absolute;
  text-align: center;
  top: 0;
  white-space: nowrap;
  width: 1.5em;
}
@media print, screen and (min-width: 768px) {
  .flow-list_icon::after, .flow-list_icon--lg::after, .flow-list_icon--white::after {
    font-size: 125%;
  }
}
@media print {
  .flow-list_icon::after, .flow-list_icon--lg::after, .flow-list_icon--white::after {
    font-size: 125%;
  }
}
.flow-list_icon img, .flow-list_icon--lg img, .flow-list_icon--white img {
  height: auto;
  width: 50%;
}
.flow-list_content {
  flex: 1;
}
.flow-list_title, .flow-list_title--sm {
  font-size: 0.9375rem;
  font-weight: 700;
  line-height: 1.5;
}
@media print, screen and (min-width: 768px) {
  .flow-list_title, .flow-list_title--sm {
    font-size: 1.25rem;
    text-align: center;
  }
}
@media print {
  .flow-list_title, .flow-list_title--sm {
    font-size: 1.25rem;
    text-align: center;
  }
}
@media print, screen and (min-width: 768px) {
  .flow-list_title--sm {
    font-size: 1.125rem;
  }
}
@media print {
  .flow-list_title--sm {
    font-size: 1.125rem;
  }
}
.flow-list_text, .flow-list_text--sm {
  font-size: 0.8125rem;
  margin-top: 8px;
  opacity: 0.8;
}
@media print, screen and (min-width: 768px) {
  .flow-list_text, .flow-list_text--sm {
    font-size: 1rem;
  }
}
@media print {
  .flow-list_text, .flow-list_text--sm {
    font-size: 1rem;
  }
}
@media print, screen and (min-width: 768px) {
  .flow-list_text--sm {
    font-size: 0.9375rem;
    line-height: 1.75;
  }
}
@media print {
  .flow-list_text--sm {
    font-size: 0.9375rem;
    line-height: 1.75;
  }
}
.flow-list_image {
  margin-top: 8px;
}
.flow-list_image img {
  height: auto;
  max-width: 100%;
  width: 200px;
}

.flow-list-2 {
  counter-reset: number;
  list-style: none;
  margin: 0;
  margin-left: -16px;
  padding: 0;
}
.flow-list-2_item {
  margin: 0;
  padding: 0;
  padding-bottom: 48px;
  padding-left: 48px;
  padding-top: 16px;
  position: relative;
}
@media print, screen and (min-width: 768px) {
  .flow-list-2_item {
    padding-bottom: 40px;
    padding-left: 64px;
    padding-top: 24px;
  }
}
@media print {
  .flow-list-2_item {
    padding-bottom: 40px;
    padding-left: 64px;
    padding-top: 24px;
  }
}
.flow-list-2_item:last-child {
  padding-bottom: 0;
}
.flow-list-2_item:last-child::before {
  content: none;
}
.flow-list-2_item::before {
  background-color: #e8ebea;
  bottom: 0;
  content: " ";
  display: block;
  left: 30px;
  position: absolute;
  top: 20px;
  width: 2px;
}
@media print, screen and (min-width: 768px) {
  .flow-list-2_item::before {
    left: 40px;
  }
}
@media print {
  .flow-list-2_item::before {
    left: 40px;
  }
}
.flow-list-2_number {
  align-items: center;
  background-color: #fff;
  border: 2px solid #00947e;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  font-size: 1.5rem;
  height: 2.5em;
  justify-content: center;
  left: 0;
  position: absolute;
  text-align: center;
  top: 0;
  width: 2.5em;
}
@media print, screen and (min-width: 768px) {
  .flow-list-2_number {
    border-width: 3px;
    font-size: 2rem;
  }
}
@media print {
  .flow-list-2_number {
    border-width: 3px;
    font-size: 2rem;
  }
}
.flow-list-2_number::before, .flow-list-2_number::after {
  color: #00947e;
  display: block;
  font-family: "Poppins", "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Lato, sans-serif;
  font-weight: 800;
  line-height: 1;
  position: relative;
}
.flow-list-2_number::before {
  content: "Step";
  font-size: 50%;
  padding-top: 0.25em;
  white-space: nowrap;
}
.flow-list-2_number::after {
  content: counter(number);
  counter-increment: number;
  font-size: 85%;
}

.flow-list-03 {
  counter-reset: number;
  display: flex;
  flex-direction: column;
  gap: 24px;
  list-style: none;
  margin: 0;
  padding: 0;
}
@media print, screen and (min-width: 768px) {
  .flow-list-03 {
    gap: 0;
  }
}
@media print {
  .flow-list-03 {
    gap: 0;
  }
}
.flow-list-03_item {
  background-color: #f2f5f4;
  border-radius: 4px;
  display: flex;
  margin: 0;
  padding: 0;
  padding-bottom: 24px;
  position: relative;
  width: 100%;
}
@media print, screen and (min-width: 768px) {
  .flow-list-03_item {
    background-color: transparent;
    border-radius: 0;
    padding-bottom: 48px;
  }
}
@media print {
  .flow-list-03_item {
    background-color: transparent;
    border-radius: 0;
    padding-bottom: 48px;
  }
}
.flow-list-03_item:nth-child(1) {
  z-index: 100;
}
.flow-list-03_item:nth-child(2) {
  z-index: 90;
}
.flow-list-03_item:nth-child(3) {
  z-index: 80;
}
.flow-list-03_item:nth-child(4) {
  z-index: 70;
}
.flow-list-03_item:nth-child(5) {
  z-index: 60;
}
.flow-list-03_item:nth-child(6) {
  z-index: 50;
}
.flow-list-03_item:nth-child(7) {
  z-index: 40;
}
.flow-list-03_item:nth-child(8) {
  z-index: 30;
}
.flow-list-03_item:nth-child(9) {
  z-index: 20;
}
.flow-list-03_item:nth-child(10) {
  z-index: 10;
}
.flow-list-03_item:first-child {
  padding-top: 0;
}
.flow-list-03_item:first-child .flow-list-03_icon::before {
  content: none;
}
.flow-list-03_item:last-child {
  padding-bottom: 0;
}
.flow-list-03_card {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
  z-index: 10;
}
@media print, screen and (min-width: 768px) {
  .flow-list-03_card {
    flex-direction: row;
    gap: 40px;
  }
}
@media print {
  .flow-list-03_card {
    flex-direction: row;
    gap: 40px;
  }
}
.flow-list-03_icon {
  align-items: center;
  background-color: #f2f5f4;
  border-radius: 50%;
  display: flex;
  height: 88px;
  justify-content: center;
  margin-right: 16px;
  position: relative;
  text-align: center;
  width: 88px;
}
@media print, screen and (min-width: 768px) {
  .flow-list-03_icon {
    height: 160px;
    margin-bottom: 24px;
    margin-left: auto;
    margin-right: 0;
    margin-right: auto;
    width: 160px;
  }
}
@media print {
  .flow-list-03_icon {
    height: 160px;
    margin-bottom: 24px;
    margin-left: auto;
    margin-right: 0;
    margin-right: auto;
    width: 160px;
  }
}
.flow-list-03_icon::before {
  -webkit-transform: translate(-50%, -1px);
  background-color: #00947e; /* 棒の色 */
  bottom: 100%;
  clip-path: polygon(50% 100%, 70% calc(100% - 10px), 55% calc(100% - 10px), 55% 0px, 45% 0px, 45% calc(100% - 10px), 30% calc(100% - 10px));
  content: "";
  display: block;
  height: 100%; /* 矢印の棒の長さと先端部分の調整 */
  left: 50%;
  position: absolute;
  transform: translate(-50%, -1px);
  width: 20px; /* 矢印の棒の幅 */
}
.flow-list-03_icon::after {
  align-items: center;
  background-color: #00947e;
  border-radius: 50%;
  color: #00947e;
  color: #fff;
  content: " ";
  content: counter(number);
  counter-increment: number;
  display: block;
  display: flex;
  font-family: "Poppins", "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Lato, sans-serif;
  font-size: 100%;
  font-weight: 800;
  height: 1.5em;
  justify-content: center;
  left: 0;
  line-height: 1.25;
  position: absolute;
  text-align: center;
  top: 0;
  white-space: nowrap;
  width: 1.5em;
}
@media print, screen and (min-width: 768px) {
  .flow-list-03_icon::after {
    font-size: 125%;
  }
}
@media print {
  .flow-list-03_icon::after {
    font-size: 125%;
  }
}
.flow-list-03_icon img {
  height: auto;
  width: 50%;
}
.flow-list-03_content {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 8px;
  padding: 16px;
  padding-top: 0;
}
@media print, screen and (min-width: 768px) {
  .flow-list-03_content {
    gap: 12px;
    padding: 0;
  }
}
@media print {
  .flow-list-03_content {
    gap: 12px;
    padding: 0;
  }
}
.flow-list-03_title, .flow-list-03_title--sm {
  font-size: 0.9375rem;
  font-weight: 700;
  line-height: 1.5;
}
@media print, screen and (min-width: 768px) {
  .flow-list-03_title, .flow-list-03_title--sm {
    font-size: 1.25rem;
  }
}
@media print {
  .flow-list-03_title, .flow-list-03_title--sm {
    font-size: 1.25rem;
  }
}
@media print, screen and (min-width: 768px) {
  .flow-list-03_title--sm {
    font-size: 1.125rem;
  }
}
@media print {
  .flow-list-03_title--sm {
    font-size: 1.125rem;
  }
}
.flow-list-03_text {
  font-size: 0.8125rem;
  opacity: 0.8;
}
@media print, screen and (min-width: 768px) {
  .flow-list-03_text {
    font-size: 1rem;
  }
}
@media print {
  .flow-list-03_text {
    font-size: 1rem;
  }
}

.flowSlider_list {
  list-style: none;
  margin: 0;
  padding: 0;
}
@media print, screen and (min-width: 768px) {
  .flowSlider_list {
    display: flex;
  }
}
@media print {
  .flowSlider_list {
    display: flex;
  }
}
.flowSlider_item, .flowSlider_item--outlined {
  display: flex;
  flex-direction: column;
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
  width: 70%;
}
@media print, screen and (min-width: 768px) {
  .flowSlider_item, .flowSlider_item--outlined {
    width: calc(33.333% - 26.666px);
  }
}
@media print {
  .flowSlider_item, .flowSlider_item--outlined {
    width: calc(33.333% - 26.666px);
  }
}
.flowSlider_item:first-child .flowSlider_image::before, .flowSlider_item:first-child .flowSlider_image--or::before, .flowSlider_item--outlined:first-child .flowSlider_image::before, .flowSlider_item--outlined:first-child .flowSlider_image--or::before, .flowSlider_item:first-child .flowSlider_image::after, .flowSlider_item:first-child .flowSlider_image--or::after, .flowSlider_item--outlined:first-child .flowSlider_image::after, .flowSlider_item--outlined:first-child .flowSlider_image--or::after {
  content: none;
}
.flowSlider_item--outlined {
  border: 2px dashed #aabcaf;
  border-radius: 4px;
  padding: 16px;
}
@media print, screen and (min-width: 768px) {
  .flowSlider_item--outlined {
    border-radius: 8px;
    padding: 16px 24px;
  }
}
@media print {
  .flowSlider_item--outlined {
    border-radius: 8px;
    padding: 16px 24px;
  }
}
.flowSlider_item--outlined + .flowSlider_item .flowSlider_image::before, .flowSlider_item--outlined + .flowSlider_item .flowSlider_image--or::before, .flowSlider_item--outlined + .flowSlider_item--outlined .flowSlider_image::before, .flowSlider_item--outlined + .flowSlider_item--outlined .flowSlider_image--or::before, .flowSlider_item--outlined + .flowSlider_item .flowSlider_image::after, .flowSlider_item--outlined + .flowSlider_item .flowSlider_image--or::after, .flowSlider_item--outlined + .flowSlider_item--outlined .flowSlider_image::after, .flowSlider_item--outlined + .flowSlider_item--outlined .flowSlider_image--or::after {
  content: none;
}
.flowSlider_item--outlined .flowSlider_image img, .flowSlider_item--outlined .flowSlider_image--or img {
  max-width: 144px !important;
}
.flowSlider_item--outlined .flowSlider_image::before, .flowSlider_item--outlined .flowSlider_image--or::before, .flowSlider_item--outlined .flowSlider_image::after, .flowSlider_item--outlined .flowSlider_image--or::after {
  content: none;
}
.flowSlider_image, .flowSlider_image--or {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  text-align: center;
  width: 100%;
}
.flowSlider_image img, .flowSlider_image--or img {
  height: auto;
  max-width: 160px !important;
  width: 100%;
}
.flowSlider_image::before, .flowSlider_image--or::before, .flowSlider_image::after, .flowSlider_image--or::after {
  content: " ";
  display: block;
  position: absolute;
  right: 100%;
  top: 50%;
}
@media print, screen and (min-width: 768px) {
  .flowSlider_image::before, .flowSlider_image--or::before, .flowSlider_image::after, .flowSlider_image--or::after {
    border-width: 3px;
  }
}
@media print {
  .flowSlider_image::before, .flowSlider_image--or::before, .flowSlider_image::after, .flowSlider_image--or::after {
    border-width: 3px;
  }
}
.flowSlider_image::before, .flowSlider_image--or::before {
  -webkit-transform: translate(-12px, -50%);
  border-top: 2px solid #00947e;
  height: 2px;
  transform: translate(-12px, -50%);
  width: 20px;
}
@media print, screen and (min-width: 768px) {
  .flowSlider_image::before, .flowSlider_image--or::before {
    border-width: 3px;
  }
}
@media print {
  .flowSlider_image::before, .flowSlider_image--or::before {
    border-width: 3px;
  }
}
.flowSlider_image::after, .flowSlider_image--or::after {
  -webkit-transform: translate(-12px, -50%) rotate(-45deg);
  border-bottom: 2px solid #00947e;
  border-right: 2px solid #00947e;
  height: 16px;
  transform: translate(-12px, -50%) rotate(-45deg);
  width: 16px;
}
@media print, screen and (min-width: 768px) {
  .flowSlider_image::after, .flowSlider_image--or::after {
    border-width: 3px;
  }
}
@media print {
  .flowSlider_image::after, .flowSlider_image--or::after {
    border-width: 3px;
  }
}
.flowSlider_image--or::before {
  background-color: #00947e;
  border: none;
  border-radius: 50%;
  height: 11px;
  width: 11px;
}
.flowSlider_image--or::after {
  content: none;
}
.flowSlider_content {
  flex: 1;
  margin-top: 1em;
}
.flowSlider_title {
  font-size: 0.9375rem;
  font-weight: 700;
  line-height: 1.5;
}
@media print, screen and (min-width: 768px) {
  .flowSlider_title {
    font-size: 1rem;
  }
}
@media print {
  .flowSlider_title {
    font-size: 1rem;
  }
}
@media print, screen and (min-width: 1320px) {
  .flowSlider_title {
    font-size: 1.125rem;
  }
}
@media print {
  .flowSlider_title {
    font-size: 1.125rem;
  }
}
.flowSlider_text {
  font-size: 0.8125rem;
  line-height: 1.75;
  margin-top: 0.5em;
  opacity: 0.8;
}
@media print, screen and (min-width: 768px) {
  .flowSlider_text {
    font-size: 1rem;
  }
}
@media print {
  .flowSlider_text {
    font-size: 1rem;
  }
}
.flowSlider_ui {
  margin-top: 24px;
  position: relative;
}
@media print, screen and (min-width: 768px) {
  .flowSlider_ui {
    margin-top: 40px;
  }
}
@media print {
  .flowSlider_ui {
    margin-top: 40px;
  }
}

.form-table, .form-table--confirmed {
  border-top: 1px solid #e6e6e6;
  display: block;
  line-height: 1.3;
}
.form-table tbody, .form-table--confirmed tbody {
  display: block;
}
.form-table--confirmed {
  font-size: 85%;
}
@media print, screen and (min-width: 768px) {
  .form-table--confirmed .form-table_head {
    width: 120px;
  }
}
@media print {
  .form-table--confirmed .form-table_head {
    width: 120px;
  }
}
.form-table_row {
  background: none;
  border-bottom: 1px solid #e6e6e6;
  display: block;
  margin-bottom: 0;
}
@media print, screen and (min-width: 768px) {
  .form-table_row {
    align-items: center;
    display: flex;
  }
}
@media print {
  .form-table_row {
    align-items: center;
    display: flex;
  }
}
.form-table_head, .form-table_content {
  display: block;
  padding: 8px 0;
}
@media print, screen and (min-width: 768px) {
  .form-table_head, .form-table_content {
    padding: 16px 0;
  }
}
@media print {
  .form-table_head, .form-table_content {
    padding: 16px 0;
  }
}
.form-table_head {
  font-size: 90%;
  font-weight: 500;
  margin-top: 8px;
  position: relative;
  text-align: left;
}
@media print, screen and (min-width: 768px) {
  .form-table_head {
    margin-top: 0;
    width: 240px;
  }
}
@media print {
  .form-table_head {
    margin-top: 0;
    width: 240px;
  }
}
.form-table_head label {
  font-weight: 700;
}
@media print, screen and (min-width: 768px) {
  .form-table_head label {
    font-weight: 400;
  }
}
@media print {
  .form-table_head label {
    font-weight: 400;
  }
}
.form-table_head .mark-req {
  -webkit-transform: translate(0, -50%);
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0, -50%);
}
.form-table_head .min {
  color: #666;
  display: block;
  font-size: 85%;
  font-weight: normal;
  line-height: 1.5;
  margin-top: 5px;
}
@media print, screen and (min-width: 768px) {
  .form-table_content {
    flex: 1;
    padding-left: 24px;
  }
}
@media print {
  .form-table_content {
    flex: 1;
    padding-left: 24px;
  }
}
.form-table_content .min {
  font-size: 85%;
  font-weight: normal;
}

.form-adornments {
  align-items: center;
  display: flex;
}
.form-adornments_before {
  font-size: 85%;
  margin-right: 0.5em;
  opacity: 0.6;
}
.form-adornments_after {
  font-size: 85%;
  margin-left: 0.5em;
  opacity: 0.6;
}
.form-adornments .wpcf7-form-control-wrap {
  flex: 1;
}

.form-control, .form-control--white, .form-control--inline {
  background-color: #f3f3f3;
  border: 1px solid #eee;
  border-radius: 3px;
  box-shadow: none;
  font-size: 1rem;
  height: 40px;
  padding: 4px;
  width: 100%;
}
@media print, screen and (min-width: 768px) {
  .form-control, .form-control--white, .form-control--inline {
    font-size: 0.9375rem;
    height: 56px;
    padding: 4px 8px;
  }
}
@media print {
  .form-control, .form-control--white, .form-control--inline {
    font-size: 0.9375rem;
    height: 56px;
    padding: 4px 8px;
  }
}
.form-control--inline {
  display: inline-block;
  max-width: 100%;
  width: auto;
}
.form-control--white {
  background-color: #fff;
}
.form-control::-webkit-input-placeholder, .form-control--inline::-webkit-input-placeholder, .form-control--white::-webkit-input-placeholder {
  color: #999;
}
.form-control::-moz-placeholder, .form-control--inline::-moz-placeholder, .form-control--white::-moz-placeholder {
  color: #999;
}
.form-control:-ms-input-placeholder, .form-control--inline:-ms-input-placeholder, .form-control--white:-ms-input-placeholder {
  color: #999;
}
.form-control::-ms-input-placeholder, .form-control--inline::-ms-input-placeholder, .form-control--white::-ms-input-placeholder {
  color: #999;
}
.form-control::placeholder, .form-control--inline::placeholder, .form-control--white::placeholder {
  color: #999;
}

input:disabled {
  background-color: #ddd;
  opacity: 0.3;
}

.radio-block .wpcf7-list-item {
  display: block;
}

.radio-inlineblock .wpcf7-list-item {
  display: inline-block;
}
@media print, screen and (min-width: 768px) {
  .radio-inlineblock .wpcf7-list-item {
    min-width: 120px;
  }
}
@media print {
  .radio-inlineblock .wpcf7-list-item {
    min-width: 120px;
  }
}

.radio-block label,
.radio-inlineblock label {
  align-items: center;
  display: inline-flex;
  font-weight: normal;
  margin: 3px 0;
}
.radio-block label .wpcf7-list-item-label,
.radio-inlineblock label .wpcf7-list-item-label {
  display: inline-flex;
  margin-right: 8px;
  vertical-align: middle;
}
@media print, screen and (min-width: 768px) {
  .radio-block label .wpcf7-list-item-label,
.radio-inlineblock label .wpcf7-list-item-label {
    margin-right: 16px;
  }
}
@media print {
  .radio-block label .wpcf7-list-item-label,
.radio-inlineblock label .wpcf7-list-item-label {
    margin-right: 16px;
  }
}
.radio-block label input,
.radio-inlineblock label input {
  display: inline-block;
  font-weight: normal;
  margin-bottom: 5px;
  margin-right: 5px;
  margin-top: 7px;
  vertical-align: middle;
}

.form-select, .form-select--white {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #f3f3f3;
  background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%), linear-gradient(to right, #ccc, #ccc);
  background-position: calc(100% - 15px) 50%, calc(100% - 10px) 50%, calc(100% - 2em) 50%;
  background-repeat: no-repeat;
  background-size: 5px 5px, 5px 5px, 1px 70%;
  border: 1px solid #eee;
  border-radius: 4px;
  display: inline-block;
  font: inherit;
  font-size: 1rem;
  height: 2.5em;
  line-height: 1.5;
  margin: 0;
  min-width: 60px;
  padding: 0.5em 2.5em 0.5em 0.5em;
  width: 100%;
}
@media print, screen and (min-width: 768px) {
  .form-select, .form-select--white {
    font-size: 0.9375rem;
    height: 4em;
    min-width: 140px;
    padding: 0.5em 3em 0.5em 0.5em;
  }
}
@media print {
  .form-select, .form-select--white {
    font-size: 0.9375rem;
    height: 4em;
    min-width: 140px;
    padding: 0.5em 3em 0.5em 0.5em;
  }
}
@media print, screen and (min-width: 992px) {
  .form-select, .form-select--white {
    min-width: 150px;
  }
}
@media print {
  .form-select, .form-select--white {
    min-width: 150px;
  }
}
.form-select--white {
  background-color: #fff;
}

.form-select:-moz-focusring, .form-select--white:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}

.form-select::-ms-expand, .form-select--white::-ms-expand {
  display: none;
}

.form-file {
  align-items: center;
  display: flex;
}
.form-file .wpcf7-form-control-wrap input {
  display: none;
}
.form-file.use-floating-validation-tip {
  position: relative;
}
.form-file.use-floating-validation-tip .wpcf7-form-control-wrap {
  position: initial;
}
.form-file.use-floating-validation-tip .wpcf7-not-valid-tip {
  -webkit-transform: translate(0, -100%);
  left: 0;
  min-width: 13em;
  position: absolute;
  top: 0;
  transform: translate(0, -100%);
  width: auto;
}
.form-file label {
  align-items: center;
  background: #00947e;
  border-radius: 4px;
  color: white;
  cursor: pointer;
  display: inline-flex;
  font-size: 90%;
  font-weight: 400;
  height: 32px;
  justify-content: center;
  padding: 6px 12px;
  position: relative;
  white-space: nowrap;
  width: 9em;
}
@media (hover: hover) and (pointer: fine) {
  .form-file label {
    transition: 0.3s ease-out;
  }
  .form-file label:hover {
    opacity: 0.7;
  }
}
.form-file label:after {
  color: black;
  content: "選択されていません";
  font-weight: 400;
  position: absolute;
  right: -10em;
}
.form-file label.changed:after {
  content: "";
}
.form-file .filename {
  display: block;
  font-size: 90%;
  padding-left: 1em;
}
.form-file_delete {
  background-color: #999;
  border-radius: 50%;
  display: block;
  height: 1.5em;
  margin-left: 1em;
  position: relative;
  text-decoration: none;
  width: 1.5em;
}
.form-file_delete::before, .form-file_delete::after {
  background-color: #fff;
  content: " ";
  display: block;
  font-size: 20px;
  height: 60%;
  left: 50%;
  position: absolute;
  top: 50%;
  width: 1px;
}
.form-file_delete::before {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
}
.form-file_delete::after {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
}
@media (hover: hover) and (pointer: fine) {
  .form-file_delete {
    transition: all 0.25s ease;
  }
  .form-file_delete:hover {
    opacity: 0.7;
  }
}
.form-file_delete.active {
  display: block !important;
}

.add-files {
  display: none;
}

.btn-addfile {
  background-color: transparent;
  border: none;
  opacity: 0.65;
  padding: 10px 0;
}
@media print, screen and (min-width: 768px) {
  .btn-addfile {
    transition: all 0.25s ease;
  }
  .btn-addfile:hover {
    opacity: 1;
  }
}
@media print {
  .btn-addfile {
    transition: all 0.25s ease;
  }
  .btn-addfile:hover {
    opacity: 1;
  }
}
.btn-addfile .icon,
.btn-addfile .txt {
  display: inline-block;
  font-size: 0.75rem;
  vertical-align: middle;
}
@media print, screen and (min-width: 768px) {
  .btn-addfile .icon,
.btn-addfile .txt {
    font-size: 0.8125rem;
  }
}
@media print {
  .btn-addfile .icon,
.btn-addfile .txt {
    font-size: 0.8125rem;
  }
}
.btn-addfile .txt {
  font-weight: 500;
}
.btn-addfile .icon {
  color: #666;
  margin-right: 5px;
}

textarea.form-control, textarea.form-control--inline, textarea.form-control--white {
  height: auto;
  line-height: 1.5;
}

.form-label {
  display: block;
  font-size: 85%;
  margin-bottom: 3px;
  opacity: 0.65;
}

.form-radio-label, .form-radio-label--block {
  align-items: center;
  display: inline-flex;
  font-size: 95%;
  font-weight: normal;
  margin: 8px 0;
  margin-right: 24px;
  min-width: 80px;
}
@media print, screen and (min-width: 768px) {
  .form-radio-label, .form-radio-label--block {
    margin-right: 40px;
  }
}
@media print {
  .form-radio-label, .form-radio-label--block {
    margin-right: 40px;
  }
}
.form-radio-label:last-child, .form-radio-label--block:last-child {
  margin-left: 0;
}
.form-radio-label--block {
  display: flex;
  margin-left: 0;
  margin-top: 16px;
}
.form-radio-label--block:first-child {
  margin-top: 8px;
}
.form-radio-label_input {
  margin-right: 0.5em;
}
.form-radio-label_text {
  flex: 1;
}

.form-row {
  align-items: center;
  display: flex;
  margin-left: -4px;
  margin-right: -4px;
}
.form-row_col, .form-row_col--inline {
  padding-left: 4px;
  padding-right: 4px;
  width: 100%;
}
.form-row_col--inline {
  width: auto;
}

.mark-req {
  background-color: #d0376c;
  color: #fff;
  display: inline-block;
  font-size: 0.6875rem;
  font-weight: 500;
  line-height: 1;
  padding: 2px 5px 3px;
  text-align: center;
}
.mark-req.lg {
  font-size: 0.6875rem;
  min-width: 30px;
  padding: 5px;
}
@media print, screen and (min-width: 768px) {
  .mark-req.lg {
    font-size: 0.8125rem;
    min-width: 40px;
  }
}
@media print {
  .mark-req.lg {
    font-size: 0.8125rem;
    min-width: 40px;
  }
}

.privacy-block_title {
  font-size: 0.8125rem;
  font-weight: 700;
}
@media print, screen and (min-width: 768px) {
  .privacy-block_title {
    font-size: 0.875rem;
  }
}
@media print {
  .privacy-block_title {
    font-size: 0.875rem;
  }
}
.privacy-block_box, .privacy-block_box--visibled {
  background-color: #f6f6f6;
  font-size: 0.6875rem;
  line-height: 1.5;
  margin-top: 8px;
  max-height: 240px;
  overflow: auto;
  padding: 8px;
}
@media print, screen and (min-width: 768px) {
  .privacy-block_box, .privacy-block_box--visibled {
    font-size: 0.75rem;
    max-height: 320px;
    padding: 16px;
  }
}
@media print {
  .privacy-block_box, .privacy-block_box--visibled {
    font-size: 0.75rem;
    max-height: 320px;
    padding: 16px;
  }
}
.privacy-block_box--visibled {
  max-height: none;
}
.privacy-block_list {
  margin: 0;
}
.privacy-block_list li {
  margin-top: 0.5em;
}
.privacy-block_list li:first-child {
  margin-top: 0;
}
.privacy-block_list li > ol {
  margin-top: 0.5em;
}
.privacy-block_list li > ol li ol {
  margin-top: 0.3em;
}
.privacy-block_h1 {
  font-size: 110%;
  font-weight: 500;
}
.privacy-block_h2 {
  font-weight: 500;
}
.privacy-block a {
  color: #00947e;
  text-decoration: underline;
}
.privacy-block_check {
  margin-top: 16px;
  text-align: center;
}
.privacy-block_check label {
  align-items: center;
  display: inline-flex;
}
.privacy-block_check input {
  margin-right: 4px;
}

.wpcf7 form .ajax-loader {
  margin-top: 5px;
}
.wpcf7 form .formError {
  z-index: 9;
}
.wpcf7 form .formError .formErrorContent {
  min-width: 140px;
}
.wpcf7 form .wpcf7-response-output {
  background-color: #fff;
  border: none;
  font-size: 0.9375rem;
  font-weight: bold;
  margin: 10px 0 0;
  text-shadow: none;
}
@media print, screen and (min-width: 768px) {
  .wpcf7 form .wpcf7-response-output {
    font-size: 1.125rem;
    text-align: center;
  }
}
@media print {
  .wpcf7 form .wpcf7-response-output {
    font-size: 1.125rem;
    text-align: center;
  }
}
.wpcf7 form .wpcf7-response-output.hide {
  display: none !important;
}
.wpcf7 form .wpcf7-validation-errors {
  background-color: #f2dede;
  border: 1px solid #eed3d7;
  color: #b94a48;
}

.show-sent {
  display: none;
}

.help-block.with-errors {
  font-size: 90%;
  margin: 0;
}
.help-block.with-errors ul {
  margin: 0;
  margin-top: 5px;
  padding: 0;
  padding-left: 1.5em;
}
.help-block.with-errors ul li {
  color: #ea321f;
}

.wpcf7-not-valid-tip {
  font-size: 85%;
}

.has-error .form-control, .has-error .form-control--inline, .has-error .form-control--white {
  border-color: #ea321f;
}

input[type=checkbox][disabled],
input[type=checkbox][disabled] ~ span {
  display: none;
}

input[type=checkbox][disabled]:checked,
input[type=checkbox][disabled]:checked ~ span {
  display: inline;
}

/*確認画面*/
.custom-wpcf7c-confirmed .form-control.wpcf7c-conf, .custom-wpcf7c-confirmed .wpcf7c-conf.form-control--inline, .custom-wpcf7c-confirmed .wpcf7c-conf.form-control--white {
  background-color: #fff !important;
  border-color: #fff;
}
.custom-wpcf7c-confirmed .form-control:-moz-read-only, .custom-wpcf7c-confirmed .form-control--inline:-moz-read-only, .custom-wpcf7c-confirmed .form-control--white:-moz-read-only, .custom-wpcf7c-confirmed input[type=date]:-moz-read-only {
  background-color: transparent !important;
  border: none;
  height: auto;
  padding: 0;
}
.custom-wpcf7c-confirmed .form-control:read-only, .custom-wpcf7c-confirmed .form-control--inline:read-only, .custom-wpcf7c-confirmed .form-control--white:read-only,
.custom-wpcf7c-confirmed input[type=date]:read-only {
  background-color: transparent !important;
  border: none;
  height: auto;
  padding: 0;
}
.custom-wpcf7c-confirmed textarea:-moz-read-only {
  resize: none;
}
.custom-wpcf7c-confirmed textarea:read-only {
  resize: none;
}
.custom-wpcf7c-confirmed .form-control:read-only:-webkit-autofill, .custom-wpcf7c-confirmed .form-control--inline:read-only:-webkit-autofill, .custom-wpcf7c-confirmed .form-control--white:read-only:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px #fff inset;
}
.custom-wpcf7c-confirmed input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px #f6f6f6 inset;
}
.custom-wpcf7c-confirmed select.wpcf7c-conf {
  background: none;
  border: none;
  height: auto;
  padding: 0;
  padding-right: 5px;
}
.custom-wpcf7c-confirmed input[type=radio]:disabled,
.custom-wpcf7c-confirmed input[type=radio]:disabled ~ * {
  display: none;
}
.custom-wpcf7c-confirmed input[type=radio]:disabled:checked,
.custom-wpcf7c-confirmed input[type=radio]:disabled:checked ~ * {
  display: block;
}

.grecaptcha-badge {
  visibility: hidden;
}

.recapture-text {
  font-size: 0.75rem;
  margin-top: 24px;
  opacity: 0.65;
}
@media print, screen and (min-width: 768px) {
  .recapture-text {
    font-size: 0.8125rem;
    text-align: center;
  }
}
@media print {
  .recapture-text {
    font-size: 0.8125rem;
    text-align: center;
  }
}
.recapture-text a {
  color: #00947e;
  text-decoration: underline;
}

.top-kv {
  display: flex;
  justify-content: center;
  width: 100%;
}
@media print, screen and (min-width: 768px) {
  .top-kv {
    padding-top: 80px;
  }
}
@media print {
  .top-kv {
    padding-top: 80px;
  }
}
.top-kv_inner {
  display: flex;
  flex-direction: column;
  min-height: calc(100vh - 98px);
  min-height: calc(var(--vh, 1vh) * 100 - 98px);
  padding-top: 48px;
  width: 100%;
}
@media print, screen and (min-width: 768px) {
  .top-kv_inner {
    background-image: url("/chargeplus/images/kv_bg01.png"), url("/chargeplus/images/kv_bg02.png");
    background-position: center bottom, center 30%;
    background-repeat: repeat-x, no-repeat;
    background-size: 1963px auto, 1600px auto;
    justify-content: center;
    min-height: calc(100vh - 80px);
    min-height: calc(var(--vh, 1vh) * 100 - 80px);
    padding-bottom: 40px;
    padding-top: 60px;
  }
}
@media print {
  .top-kv_inner {
    background-image: url("/chargeplus/images/kv_bg01.png"), url("/chargeplus/images/kv_bg02.png");
    background-position: center bottom, center 30%;
    background-repeat: repeat-x, no-repeat;
    background-size: 1963px auto, 1600px auto;
    justify-content: center;
    min-height: calc(100vh - 80px);
    min-height: calc(var(--vh, 1vh) * 100 - 80px);
    padding-bottom: 40px;
    padding-top: 60px;
  }
}
.top-kv_content {
  display: flex;
  flex: 1;
  flex-direction: column;
  width: 100%;
}
@media print, screen and (min-width: 768px) {
  .top-kv_content {
    align-items: center;
    flex: none;
    justify-content: center;
  }
}
@media print {
  .top-kv_content {
    align-items: center;
    flex: none;
    justify-content: center;
  }
}
.top-kv_header {
  align-items: center;
  background-image: url("/chargeplus/images/kv_bg01_sp.png");
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: 100% auto;
  display: flex;
  flex: 1;
  justify-content: center;
  z-index: 10;
}
@media print, screen and (min-width: 768px) {
  .top-kv_header {
    background-image: none;
    flex: none;
  }
}
@media print {
  .top-kv_header {
    background-image: none;
    flex: none;
  }
}
.top-kv_header-center {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
@media print, screen and (min-width: 768px) {
  .top-kv_header-center {
    gap: 8px;
  }
}
@media print {
  .top-kv_header-center {
    gap: 8px;
  }
}
.top-kv_machine {
  padding-top: 24px;
  width: 56px;
}
@media print, screen and (min-width: 420px) {
  .top-kv_machine {
    padding-top: 0;
    width: 88px;
  }
}
@media print {
  .top-kv_machine {
    padding-top: 0;
    width: 88px;
  }
}
@media print, screen and (min-width: 768px) {
  .top-kv_machine {
    height: 200px;
    width: auto;
  }
}
@media screen and (min-width: 768px) and (min-height: 681px) {
  .top-kv_machine {
    height: 37vh;
  }
}
@media screen and (min-width: 768px) and (min-height: 901px) {
  .top-kv_machine {
    -webkit-transform: translate(0, 16px);
    height: 340px;
    transform: translate(0, 16px);
  }
}
@media print {
  .top-kv_machine {
    height: 200px;
    width: auto;
  }
}
.top-kv_machine img {
  height: auto;
  width: 100%;
}
@media print, screen and (min-width: 768px) {
  .top-kv_machine img {
    height: 100%;
    width: auto;
  }
}
@media print {
  .top-kv_machine img {
    height: 100%;
    width: auto;
  }
}
.top-kv_machine--02 {
  -webkit-transform: translate(0, 5%);
  transform: translate(0, 5%);
  width: 32px;
}
@media print, screen and (min-width: 420px) {
  .top-kv_machine--02 {
    width: 40px;
  }
}
@media print {
  .top-kv_machine--02 {
    width: 40px;
  }
}
@media print, screen and (min-width: 768px) {
  .top-kv_machine--02 {
    height: 180px;
    width: auto;
  }
}
@media screen and (min-width: 768px) and (min-height: 681px) {
  .top-kv_machine--02 {
    height: 35vh;
  }
}
@media screen and (min-width: 768px) and (min-height: 901px) {
  .top-kv_machine--02 {
    -webkit-transform: translate(0, 16px);
    height: 320px;
    transform: translate(0, 16px);
  }
}
@media print {
  .top-kv_machine--02 {
    height: 180px;
    width: auto;
  }
}
.top-kv_machine--02 img {
  height: auto;
  width: 100%;
}
@media print, screen and (min-width: 768px) {
  .top-kv_machine--02 img {
    height: 100%;
    width: auto;
  }
}
@media print {
  .top-kv_machine--02 img {
    height: 100%;
    width: auto;
  }
}
.top-kv_main {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  z-index: 10;
}
.top-kv_main-image {
  height: auto;
  max-width: 70vw;
  width: 240px;
}
@media print, screen and (min-width: 420px) {
  .top-kv_main-image {
    max-width: 81.3vw;
    width: 305px;
  }
}
@media print {
  .top-kv_main-image {
    max-width: 81.3vw;
    width: 305px;
  }
}
@media print, screen and (min-width: 768px) {
  .top-kv_main-image {
    height: auto;
    width: 305px;
  }
}
@media screen and (min-width: 768px) and (min-height: 681px) {
  .top-kv_main-image {
    height: 35vh;
    width: auto;
  }
}
@media screen and (min-width: 768px) and (min-height: 901px) {
  .top-kv_main-image {
    height: auto;
    width: 557px;
  }
}
@media print {
  .top-kv_main-image {
    height: auto;
    width: 305px;
  }
}
.top-kv_banner {
  margin-top: 24px;
  text-align: center;
}
@media print, screen and (min-width: 768px) {
  .top-kv_banner {
    margin-top: 40px;
  }
}
@media print {
  .top-kv_banner {
    margin-top: 40px;
  }
}
.top-kv_banner.second {
  margin-top: 8px;
}
@media print, screen and (min-width: 768px) {
  .top-kv_banner.second {
    margin-top: 16px;
  }
}
@media print {
  .top-kv_banner.second {
    margin-top: 16px;
  }
}
.top-kv_banner img {
  height: auto;
  max-width: 90vw;
}
@media print, screen and (min-width: 992px) {
  .top-kv_banner img {
    max-width: 880px;
  }
}
@media print {
  .top-kv_banner img {
    max-width: 880px;
  }
}
.top-kv_banner a {
  background-color: #fff;
  display: block;
}
@media (hover: hover) and (pointer: fine) {
  .top-kv_banner a img {
    transition: all 0.25s ease;
  }
  .top-kv_banner a:hover img {
    opacity: 0.65;
  }
}
.top-kv_sub {
  padding: 16px;
  padding-bottom: 24px;
}
@media print, screen and (min-width: 768px) {
  .top-kv_sub {
    padding-bottom: 16px;
    text-align: center;
  }
}
@media print {
  .top-kv_sub {
    padding-bottom: 16px;
    text-align: center;
  }
}
.top-kv_text {
  font-size: min(16px, 3.25vw);
  line-height: 0.15;
  overflow: hidden;
  text-align: center;
}
@media print, screen and (min-width: 768px) {
  .top-kv_text {
    font-size: 0.9375rem;
    margin-top: 8px;
  }
}
@media screen and (min-width: 768px) and (min-height: 681px) {
  .top-kv_text {
    font-size: 2.8vh;
  }
}
@media screen and (min-width: 768px) and (min-height: 901px) {
  .top-kv_text {
    font-size: 1.6875rem;
  }
}
@media print {
  .top-kv_text {
    font-size: 0.9375rem;
    margin-top: 8px;
  }
}
.top-kv_text p {
  font-weight: bold;
  line-height: 1.3;
  white-space: nowrap;
}
.top-kv_text-01 > span {
  background-image: linear-gradient(transparent 60%, #edff8d 60%);
  background-repeat: repeat-x;
  background-size: 200% 100%;
  padding-bottom: 0.1em;
}
.top-kv_text-02 {
  color: #007563;
  font-size: 88%;
  margin-top: 8px;
}
@media print, screen and (min-width: 768px) {
  .top-kv_text-02 {
    margin-top: 24px;
  }
}
@media print {
  .top-kv_text-02 {
    margin-top: 24px;
  }
}
.top-kv_text-03 {
  color: #007563;
  font-size: 133%;
}
.top-kv_text-03 > span {
  background-image: linear-gradient(transparent 60%, #edff8d 60%);
  background-repeat: repeat-x;
  background-size: 200% 100%;
  padding-bottom: 0.1em;
}
.top-kv_btns {
  display: flex;
  flex-direction: column;
  gap: 8px;
  justify-content: center;
  margin-top: 16px;
  width: 100%;
}
@media print, screen and (min-width: 768px) {
  .top-kv_btns {
    align-items: center;
    flex-direction: row;
    gap: 16px;
    margin-top: 24px;
  }
}
@media print {
  .top-kv_btns {
    align-items: center;
    flex-direction: row;
    gap: 16px;
    margin-top: 24px;
  }
}
.top-kv_btns .top-kv_btn {
  margin-top: 0 !important;
}
.top-kv_btn {
  margin-top: 16px;
  text-align: center;
}
@media print, screen and (min-width: 768px) {
  .top-kv_btn {
    margin-top: 24px;
  }
}
@media print {
  .top-kv_btn {
    margin-top: 24px;
  }
}
.top-kv_btn .btn,
.top-kv_btn .btn--sim {
  height: 56px;
  width: 264px;
}
@media print, screen and (min-width: 768px) {
  .top-kv_btn .btn,
.top-kv_btn .btn--sim {
    height: 72px;
    width: 400px;
  }
}
@media print {
  .top-kv_btn .btn,
.top-kv_btn .btn--sim {
    height: 72px;
    width: 400px;
  }
}
@media (hover: hover) and (pointer: fine) {
  .top-kv_btn .btn:hover .icon svg,
.top-kv_btn .btn--sim:hover .icon svg {
    fill: #00947e;
  }
}
.top-kv_btn .btn .icon,
.top-kv_btn .btn--sim .icon {
  margin-right: 0.5em;
  position: relative;
  z-index: 10;
}
.top-kv_btn .btn .icon svg,
.top-kv_btn .btn--sim .icon svg {
  fill: #fff;
  height: auto;
  vertical-align: middle;
  width: 1.75em;
}
.top-kv_note {
  -webkit-transform: scale(0.9);
  -webkit-transform-origin: left top;
  font-size: 0.625rem;
  margin-top: 16px;
  transform: scale(0.9);
  transform-origin: left top;
  white-space: nowrap;
}
@media print, screen and (min-width: 360px) {
  .top-kv_note {
    -webkit-transform: none;
    transform: none;
  }
}
@media print {
  .top-kv_note {
    -webkit-transform: none;
    transform: none;
  }
}
@media print, screen and (min-width: 768px) {
  .top-kv_note {
    align-items: flex-start;
    display: inline-flex;
    flex-direction: column;
    font-size: 0.8125rem;
    margin-top: 24px;
  }
}
@media print {
  .top-kv_note {
    align-items: flex-start;
    display: inline-flex;
    flex-direction: column;
    font-size: 0.8125rem;
    margin-top: 24px;
  }
}
.top-kv_note p {
  font-weight: normal;
  line-height: 1.5;
  margin-top: 0.25em;
  opacity: 0.6;
  padding-left: 1em;
  text-indent: -1em;
}
.top-kv_note p:first-child {
  margin-top: 0;
}
.top-kv_app {
  align-items: center;
  display: flex;
  flex-direction: column;
  font-size: 0.8125rem;
}
@media print, screen and (min-width: 768px) {
  .top-kv_app {
    border-top: 2px solid #ddd;
    font-size: 1rem;
    margin-top: 24px;
    padding-top: 24px;
  }
}
@media print {
  .top-kv_app {
    border-top: 2px solid #ddd;
    font-size: 1rem;
    margin-top: 24px;
    padding-top: 24px;
  }
}
.top-kv_app-name {
  align-items: center;
  display: flex;
  font-size: 133%;
  font-weight: 700;
  gap: 0.5em;
  line-height: 1.5;
}
@media print, screen and (min-width: 768px) {
  .top-kv_app-name {
    font-size: 150%;
  }
}
@media print {
  .top-kv_app-name {
    font-size: 150%;
  }
}
.top-kv_app-name-logo {
  width: 2.5em;
}
.top-kv_app-name-logo img {
  height: auto;
  max-width: 100%;
}
.top-kv_app-name-text {
  color: #00947e;
}
.top-kv_download {
  align-items: center;
  display: flex;
  gap: 4px;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  max-width: 560px;
}
@media print, screen and (min-width: 992px) {
  .top-kv_download {
    gap: 8px;
  }
}
@media print {
  .top-kv_download {
    gap: 8px;
  }
}
.top-kv_download-btns {
  display: flex;
  gap: 4px;
  margin-top: 8px;
}
@media (hover: hover) and (pointer: fine) {
  .top-kv_download-btn {
    transition: all 0.25s ease;
  }
  .top-kv_download-btn:hover {
    opacity: 0.85;
  }
}
.top-kv_download-btn img {
  height: min(48px, 15vw);
}
.top-kv_download-qr {
  display: none;
  position: relative;
  width: min(80px, 20vw);
}
@media print, screen and (min-width: 768px) {
  .top-kv_download-qr {
    display: block;
  }
}
@media print {
  .top-kv_download-qr {
    display: block;
  }
}
.top-kv_download-qr img {
  height: auto;
  max-width: 100%;
}
.top-kv .box-kv-app {
  background-color: #f2f5f4;
  border: 2px solid #eb2753;
  border-radius: 4px;
  color: #030303;
  display: flex;
  font-size: min(3.75vw, 18px);
  letter-spacing: 0;
  margin-left: auto;
  margin-right: auto;
  margin-top: 16px;
  overflow: hidden;
  padding-bottom: 0;
  padding-left: 8px;
  padding-right: 8px;
  position: relative;
  text-align: left;
  text-decoration: none !important;
}
@media (hover: hover) and (pointer: fine) {
  .top-kv .box-kv-app {
    transition: all 0.25s ease;
  }
  .top-kv .box-kv-app:hover {
    background-color: #f7f3f3;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25);
    color: #030303;
  }
  .top-kv .box-kv-app:hover .box-kv-app_illust img {
    -webkit-transform: scale(1.05) translate(-5%, 0) !important;
    transform: scale(1.05) translate(-5%, 0) !important;
  }
}
@media print, screen and (min-width: 768px) {
  .top-kv .box-kv-app {
    align-items: center;
    border-radius: 8px;
    border-width: 3px;
    display: flex;
    flex-direction: row;
    font-size: min(2vw, 20px);
    margin-top: 24px;
    max-width: 840px;
    padding-left: 40px;
    padding-right: 40px;
    width: 100%;
  }
}
@media print {
  .top-kv .box-kv-app {
    align-items: center;
    border-radius: 8px;
    border-width: 3px;
    display: flex;
    flex-direction: row;
    font-size: min(2vw, 20px);
    margin-top: 24px;
    max-width: 840px;
    padding-left: 40px;
    padding-right: 40px;
    width: 100%;
  }
}
@media print, screen and (min-width: 992px) {
  .top-kv .box-kv-app {
    width: 840px;
  }
}
@media print {
  .top-kv .box-kv-app {
    width: 840px;
  }
}
.top-kv .box-kv-app_content {
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: center;
  padding-bottom: 8px;
  padding-top: 8px;
  position: relative;
  z-index: 10;
}
.top-kv .box-kv-app_lead {
  color: #eb2753;
  font-size: 110%;
  font-weight: 700;
  line-height: 1;
}
@media print, screen and (min-width: 768px) {
  .top-kv .box-kv-app_lead {
    font-size: 150%;
  }
}
@media print {
  .top-kv .box-kv-app_lead {
    font-size: 150%;
  }
}
.top-kv .box-kv-app_lead > span {
  border-bottom: 2px solid currentColor;
}
.top-kv .box-kv-app_text {
  font-size: 80%;
  font-weight: 700;
  line-height: 1.5;
  margin-top: 8px;
}
@media print, screen and (min-width: 768px) {
  .top-kv .box-kv-app_text {
    font-size: 100%;
    line-height: 1.75;
    margin-top: 16px;
  }
}
@media print {
  .top-kv .box-kv-app_text {
    font-size: 100%;
    line-height: 1.75;
    margin-top: 16px;
  }
}
.top-kv .box-kv-app_text:first-child {
  margin-top: 0;
}
.top-kv .box-kv-app_marker {
  font-size: 133%;
}
.top-kv .box-kv-app_btn {
  align-items: center;
  background-color: #eb2753;
  bottom: 0;
  color: #fff;
  display: flex;
  font-size: 65%;
  font-weight: 700;
  gap: 0.5em;
  padding: 0 0.5em;
  position: absolute;
  right: 0;
}
.top-kv .box-kv-app_btn .link-arrow--white {
  font-size: 125%;
}
.top-kv .box-kv-app_btn .link-arrow--white::before, .top-kv .box-kv-app_btn .link-arrow--white::after {
  background-color: #eb2753;
}
.top-kv .box-kv-app_illust {
  align-self: flex-end;
  position: relative;
  text-align: center;
  width: 25%;
}
@media print, screen and (min-width: 768px) {
  .top-kv .box-kv-app_illust {
    width: 30%;
  }
}
@media print {
  .top-kv .box-kv-app_illust {
    width: 30%;
  }
}
.top-kv .box-kv-app_illust img {
  -webkit-transform: scale(1.15);
  -webkit-transform-origin: center bottom;
  display: block;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  position: relative;
  transform: scale(1.15);
  transform-origin: center bottom;
  transition: all 0.45s ease;
  width: min(180px, 30vw);
}
@media print, screen and (min-width: 768px) {
  .top-kv .box-kv-app_illust img {
    -webkit-transform: translate(-5%, 0);
    transform: translate(-5%, 0);
    width: min(240px, 25vw);
  }
}
@media print {
  .top-kv .box-kv-app_illust img {
    -webkit-transform: translate(-5%, 0);
    transform: translate(-5%, 0);
    width: min(240px, 25vw);
  }
}
.top-kv .box-kv-app_illust::before {
  -webkit-transform: translate(-50%, 20%);
  background-color: #fff;
  border-radius: 50%;
  bottom: 0;
  content: " ";
  display: block;
  height: min(160px, 25vw);
  left: 50%;
  opacity: 0.65;
  position: absolute;
  position: absolute;
  transform: translate(-50%, 20%);
  width: min(160px, 25vw);
}
@media print, screen and (min-width: 768px) {
  .top-kv .box-kv-app_illust::before {
    -webkit-transform: translate(-50%, 20%);
    height: min(200px, 20vw);
    transform: translate(-50%, 20%);
    width: min(200px, 20vw);
  }
}
@media print {
  .top-kv .box-kv-app_illust::before {
    -webkit-transform: translate(-50%, 20%);
    height: min(200px, 20vw);
    transform: translate(-50%, 20%);
    width: min(200px, 20vw);
  }
}

.list, .list--narrow, .list-bold {
  list-style: none !important;
  margin: 0;
  padding: 0;
  padding-left: 0.25em;
}
.list li, .list--narrow li, .list-bold li {
  line-height: 1.75;
  margin-top: 0.75em;
  padding: 0;
  padding-left: 0.75em;
  position: relative;
}
.list li:first-child, .list--narrow li:first-child, .list-bold li:first-child {
  margin-top: 0;
}
.list li:after, .list--narrow li:after, .list-bold li:after {
  -webkit-transform: translate(0, -50%);
  background-color: #00947e;
  border-radius: 50%;
  content: " ";
  display: block;
  height: 5px;
  left: 0;
  position: absolute;
  top: 0.95em;
  transform: translate(0, -50%);
  width: 5px;
}
.list-bold li {
  font-weight: 700;
}
.list ul, .list--narrow ul, .list-bold ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.list ul li, .list--narrow ul li, .list-bold ul li {
  margin-top: 0.2em;
  padding: 0;
  padding-left: 0.5em;
  position: relative;
}
.list ul li:first-child, .list--narrow ul li:first-child, .list-bold ul li:first-child {
  margin-top: 0;
}
.list ul li:after, .list--narrow ul li:after, .list-bold ul li:after {
  background-color: #00947e;
  border-radius: 50%;
  content: " ";
  display: block;
  height: 3px;
  left: 0;
  position: absolute;
  top: 0.85em;
  width: 3px;
}
.list--inline li {
  display: inline-block;
  margin-bottom: 3px;
  margin-right: 1.5em;
  margin-top: 3px;
}
@media print, screen and (min-width: 768px) {
  .list--inline li {
    margin-bottom: 5px;
    margin-top: 5px;
  }
}
@media print {
  .list--inline li {
    margin-bottom: 5px;
    margin-top: 5px;
  }
}
.list--inline-lg li {
  display: inline-block;
  margin-bottom: 3px;
  margin-right: 1.5em;
  margin-top: 3px;
  min-width: 120px;
}
@media print, screen and (min-width: 768px) {
  .list--inline-lg li {
    margin-bottom: 5px;
    margin-top: 5px;
    min-width: 180px;
  }
}
@media print {
  .list--inline-lg li {
    margin-bottom: 5px;
    margin-top: 5px;
    min-width: 180px;
  }
}
.list--narrow li {
  margin-top: 2px;
}
@media print, screen and (min-width: 768px) {
  .list--narrow li {
    margin-top: 3px;
  }
}
@media print {
  .list--narrow li {
    margin-top: 3px;
  }
}

.icon-list-detail {
  align-items: center;
  background-color: #f2f5f4;
  display: flex;
  font-size: 80%;
  gap: 8px;
  justify-content: center;
  padding: 4px;
  width: 100%;
}
@media print, screen and (min-width: 768px) {
  .icon-list-detail {
    gap: 16px;
    padding: 8px;
  }
}
@media print {
  .icon-list-detail {
    gap: 16px;
    padding: 8px;
  }
}
.icon-list-detail_image {
  width: 72px;
}
@media print, screen and (min-width: 768px) {
  .icon-list-detail_image {
    width: 104px;
  }
}
@media print {
  .icon-list-detail_image {
    width: 104px;
  }
}
.icon-list-detail_image img {
  height: auto;
  max-width: 100%;
}

.icon-list, .icon-list--child {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}
@media print, screen and (min-width: 768px) {
  .icon-list, .icon-list--child {
    gap: 40px 12px;
  }
}
@media print {
  .icon-list, .icon-list--child {
    gap: 40px 12px;
  }
}
@media print, screen and (min-width: 992px) {
  .icon-list, .icon-list--child {
    flex-wrap: nowrap;
  }
}
@media print {
  .icon-list, .icon-list--child {
    flex-wrap: nowrap;
  }
}
.icon-list_wrapper {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}
@media print, screen and (min-width: 768px) {
  .icon-list_wrapper {
    gap: 40px;
  }
}
@media print {
  .icon-list_wrapper {
    gap: 40px;
  }
}
.icon-list_item {
  align-items: center;
  display: flex;
  width: 100%;
}
@media print, screen and (min-width: 768px) {
  .icon-list_item {
    flex-direction: column;
    width: calc(50% - 6px);
  }
}
@media print {
  .icon-list_item {
    flex-direction: column;
    width: calc(50% - 6px);
  }
}
@media print, screen and (min-width: 992px) {
  .icon-list_item {
    flex: 1;
    width: 100%;
  }
}
@media print {
  .icon-list_item {
    flex: 1;
    width: 100%;
  }
}
.icon-list_item--group {
  border: 2px solid #e8ebea;
  display: flex;
  flex-direction: column;
  padding: 8px;
  width: 100%;
}
@media print, screen and (min-width: 768px) {
  .icon-list_item--group {
    flex-direction: column;
    padding: 0;
    white-space: nowrap;
  }
}
@media print {
  .icon-list_item--group {
    flex-direction: column;
    padding: 0;
    white-space: nowrap;
  }
}
@media print, screen and (min-width: 992px) {
  .icon-list_item--group {
    width: calc(60% - 8px);
  }
}
@media print {
  .icon-list_item--group {
    width: calc(60% - 8px);
  }
}
.icon-list--child {
  margin-top: 8px !important;
}
@media print, screen and (min-width: 768px) {
  .icon-list--child .icon-list_item {
    width: calc(33.333% - 20px);
  }
}
@media print {
  .icon-list--child .icon-list_item {
    width: calc(33.333% - 20px);
  }
}
.icon-list_lead {
  color: #007563;
  font-size: 0.8125rem;
  font-weight: 700;
  line-height: 1.25;
  text-align: center;
}
@media print, screen and (min-width: 768px) {
  .icon-list_lead {
    font-size: 0.875rem;
    margin-top: -1.75em !important;
  }
}
@media print {
  .icon-list_lead {
    font-size: 0.875rem;
    margin-top: -1.75em !important;
  }
}
@media print, screen and (min-width: 1320px) {
  .icon-list_lead {
    font-size: 0.9375rem;
  }
}
@media print {
  .icon-list_lead {
    font-size: 0.9375rem;
  }
}
.icon-list_detail {
  margin-top: 4px;
  width: 100%;
}
@media print, screen and (min-width: 768px) {
  .icon-list_detail {
    margin-top: 8px;
  }
}
@media print {
  .icon-list_detail {
    margin-top: 8px;
  }
}
.icon-list_icon, .icon-list_icon--ce, .icon-list_icon--lg, .icon-list_icon--md {
  display: flex;
  margin-left: auto;
  margin-right: 12px;
  width: 80px;
}
@media print, screen and (min-width: 768px) {
  .icon-list_icon, .icon-list_icon--ce, .icon-list_icon--lg, .icon-list_icon--md {
    align-items: center;
    margin-bottom: 4px;
    margin-right: auto;
    width: 100px;
  }
}
@media print {
  .icon-list_icon, .icon-list_icon--ce, .icon-list_icon--lg, .icon-list_icon--md {
    align-items: center;
    margin-bottom: 4px;
    margin-right: auto;
    width: 100px;
  }
}
.icon-list_icon--md {
  padding-bottom: 16px;
  padding-top: 16px;
}
@media print, screen and (min-width: 768px) {
  .icon-list_icon--md {
    padding: 0;
    width: 150px;
  }
}
@media print {
  .icon-list_icon--md {
    padding: 0;
    width: 150px;
  }
}
.icon-list_icon--lg {
  margin-left: -2px;
}
@media print, screen and (min-width: 768px) {
  .icon-list_icon--lg {
    align-items: center;
    height: 100px;
    margin-right: -2px;
    width: 160px;
  }
}
@media print {
  .icon-list_icon--lg {
    align-items: center;
    height: 100px;
    margin-right: -2px;
    width: 160px;
  }
}
.icon-list_icon--lg > span {
  padding-left: 2px;
  padding-right: 2px;
  width: 47%;
}
.icon-list_icon--lg > span:first-child {
  flex: 1;
}
.icon-list_icon--ce {
  margin-left: -2px;
}
@media print, screen and (min-width: 768px) {
  .icon-list_icon--ce {
    align-items: center;
    height: 100px;
    margin-right: -2px;
    width: 210px;
  }
}
@media print {
  .icon-list_icon--ce {
    align-items: center;
    height: 100px;
    margin-right: -2px;
    width: 210px;
  }
}
.icon-list_icon--ce > span {
  padding-left: 2px;
  padding-right: 2px;
  width: 47%;
}
.icon-list_icon--ce > span:first-child {
  flex: 1;
}
.icon-list_icon img, .icon-list_icon--md img, .icon-list_icon--lg img, .icon-list_icon--ce img {
  height: auto;
  max-width: 100%;
}
.icon-list_text {
  display: flex;
  flex: 1;
  font-weight: 700;
  line-height: 1.5;
}
@media print, screen and (min-width: 768px) {
  .icon-list_text {
    align-items: center;
    flex: initial;
    justify-content: center;
    text-align: center;
  }
}
@media print {
  .icon-list_text {
    align-items: center;
    flex: initial;
    justify-content: center;
    text-align: center;
  }
}
@media print, screen and (min-width: 768px) {
  .icon-list_text {
    font-size: 0.875rem;
  }
}
@media print {
  .icon-list_text {
    font-size: 0.875rem;
  }
}
@media print, screen and (min-width: 992px) {
  .icon-list_text {
    font-size: 0.9375rem;
  }
}
@media print {
  .icon-list_text {
    font-size: 0.9375rem;
  }
}
.icon-list_main {
  display: flex;
  flex: 1;
  flex-direction: column;
  width: 100%;
}
.icon-list_main .icon-list_note {
  margin-top: 0.25em;
}
@media print, screen and (min-width: 768px) {
  .icon-list_main .icon-list_note {
    margin-top: 0.5em;
  }
}
@media print {
  .icon-list_main .icon-list_note {
    margin-top: 0.5em;
  }
}
.icon-list_note {
  font-size: 0.6875rem;
  font-weight: normal;
  letter-spacing: -0.025em;
  line-height: 1.3;
  opacity: 0.6;
}

.number-list {
  counter-reset: number;
  list-style-type: none !important;
  margin: 0;
  padding: 0;
}
.number-list > li {
  line-height: 1.75;
  margin: 0;
  margin-top: 1em;
  padding: 0;
  padding-left: 1.25em;
  position: relative;
}
.number-list > li:first-child {
  margin-top: 0;
}
.number-list > li::before {
  color: #00947e;
  content: counter(number) ".";
  counter-increment: number;
  display: block;
  font-family: "Poppins", "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Lato, sans-serif;
  font-size: 90%;
  font-weight: 800;
  left: 0;
  line-height: 2.25;
  position: absolute;
  text-align: center;
  top: 0;
  white-space: nowrap;
}
.number-list ol {
  counter-reset: number2;
  list-style-type: none !important;
  margin: 0;
  margin-top: 1em !important;
  padding: 0;
}
.number-list ol > li {
  margin: 0;
  margin-top: 0.5em;
  padding: 0;
  padding-left: 3em;
  position: relative;
}
.number-list ol > li:first-child {
  margin-top: 0;
}
.number-list ol > li::before {
  color: #030303;
  content: "(" counter(number2) ")";
  counter-increment: number2;
  display: block;
  font-size: 85%;
  left: 0;
  line-height: 2;
  position: absolute;
  text-align: center;
  top: 0;
  white-space: nowrap;
  width: 3em;
}

.number-dl {
  counter-reset: number;
  margin: 0;
  padding: 0;
}
.number-dl > dt {
  display: flex;
  font-weight: normal;
  margin: 0;
  margin-top: 0.5em;
  padding: 0;
  position: relative;
}
.number-dl > dt:first-of-type {
  margin-top: 0;
}
.number-dl > dt::before {
  color: #00947e;
  content: counter(number) ".";
  counter-increment: number;
  font-size: 150%;
  line-height: 1;
  margin-bottom: 0.5em;
  margin-right: 0.25em;
  position: relative;
  text-align: center;
  width: 1em;
}
@media print, screen and (min-width: 768px) {
  .number-dl > dt::before {
    margin-bottom: 0;
  }
}
@media print {
  .number-dl > dt::before {
    margin-bottom: 0;
  }
}
.number-dl > dd {
  font-size: 95%;
  margin: 0;
  opacity: 0.8;
  padding: 0;
  padding-left: 2em;
}

.hojo-list {
  list-style: none;
  margin: 0;
  margin-left: -8px;
  margin-right: -8px;
  padding: 0;
}
@media print, screen and (min-width: 768px) {
  .hojo-list {
    display: flex;
  }
}
@media print {
  .hojo-list {
    display: flex;
  }
}
.hojo-list_item {
  margin-top: 8px;
  padding-left: 8px;
  padding-right: 8px;
  width: 100%;
}
@media print, screen and (min-width: 768px) {
  .hojo-list_item {
    display: flex;
    margin-top: 0;
  }
}
@media print {
  .hojo-list_item {
    display: flex;
    margin-top: 0;
  }
}
.hojo-list_box {
  background-color: #edf8f3;
  display: flex;
  padding: 5px;
  width: 100%;
}
@media print, screen and (min-width: 768px) {
  .hojo-list_box {
    flex-direction: column;
    padding: 16px;
  }
}
@media print {
  .hojo-list_box {
    flex-direction: column;
    padding: 16px;
  }
}
.hojo-list_title {
  display: none;
  font-size: 0.9375rem;
  font-weight: bold;
  line-height: 1.5;
}
@media print, screen and (min-width: 768px) {
  .hojo-list_title {
    align-items: center;
    display: flex;
    flex: 1;
    font-size: 1.125rem;
    justify-content: center;
    margin-bottom: 8px;
    min-height: 4em;
    text-align: center;
  }
}
@media print {
  .hojo-list_title {
    align-items: center;
    display: flex;
    flex: 1;
    font-size: 1.125rem;
    justify-content: center;
    margin-bottom: 8px;
    min-height: 4em;
    text-align: center;
  }
}
.hojo-list_content {
  flex: 1;
  margin-left: 16px;
}
@media print, screen and (min-width: 768px) {
  .hojo-list_content {
    flex: auto;
    margin-left: 0;
    margin-top: 16px;
  }
}
@media print {
  .hojo-list_content {
    flex: auto;
    margin-left: 0;
    margin-top: 16px;
  }
}
.hojo-list_content .hojo-list_title {
  display: block;
}
@media print, screen and (min-width: 768px) {
  .hojo-list_content .hojo-list_title {
    display: none;
  }
}
@media print {
  .hojo-list_content .hojo-list_title {
    display: none;
  }
}
.hojo-list_illust {
  align-items: center;
  background-color: #fff;
  display: flex;
  justify-content: center;
  margin: 0 !important;
  padding: 8px;
  width: 80px;
}
@media print, screen and (min-width: 768px) {
  .hojo-list_illust {
    padding: 16px;
    width: auto;
  }
}
@media print {
  .hojo-list_illust {
    padding: 16px;
    width: auto;
  }
}
.hojo-list_illust img {
  height: auto;
  max-width: 100%;
}
.hojo-list_price {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  font-weight: bold;
  line-height: 1.5;
  margin-top: 8px;
}
@media print, screen and (min-width: 768px) {
  .hojo-list_price {
    justify-content: center;
  }
}
@media print {
  .hojo-list_price {
    justify-content: center;
  }
}
.hojo-list_price-col {
  align-items: baseline;
  display: flex;
  margin-left: 1.5em;
  position: relative;
}
.hojo-list_price-col:first-child {
  margin-left: 0;
}
.hojo-list_price-col:first-child::before {
  content: none;
}
.hojo-list_price-col::before {
  -webkit-transform: translate(0, -30%);
  border-color: transparent transparent transparent #00947e;
  border-style: solid;
  border-width: 0.3em 0 0.3em 0.5em;
  content: " ";
  display: block;
  height: 0;
  left: -1em;
  position: absolute;
  top: 50%;
  transform: translate(0, -30%);
  width: 0;
}
.hojo-list_price-number, .hojo-list_price-number--green {
  font-size: 130%;
}
.hojo-list_price-number--green {
  color: #00947e;
}
.hojo-list_price-unit--green {
  color: #00947e;
}

.quick-list {
  display: flex;
  flex-wrap: wrap;
  font-size: 0.75rem;
  list-style: none;
  margin: 0;
  margin-left: -8px;
  margin-right: -8px;
  padding: 0;
}
@media print, screen and (min-width: 768px) {
  .quick-list {
    font-size: 0.875rem;
    margin-left: -16px;
    margin-right: -16px;
  }
}
@media print {
  .quick-list {
    font-size: 0.875rem;
    margin-left: -16px;
    margin-right: -16px;
  }
}
@media print, screen and (min-width: 1320px) {
  .quick-list {
    font-size: 0.9375rem;
  }
}
@media print {
  .quick-list {
    font-size: 0.9375rem;
  }
}
.quick-list_item {
  margin-top: 24px;
  padding-left: 8px;
  padding-right: 8px;
  text-align: center;
  width: 50%;
}
.quick-list_item::nth-child(-n + 2) {
  margin-top: 0;
}
@media print, screen and (min-width: 768px) {
  .quick-list_item {
    margin-top: 32px;
    padding-left: 16px;
    padding-right: 16px;
    width: 33.333%;
  }
  .quick-list_item::nth-child(-n + 3) {
    margin-top: 0;
  }
}
@media print {
  .quick-list_item {
    margin-top: 32px;
    padding-left: 16px;
    padding-right: 16px;
    width: 33.333%;
  }
  .quick-list_item::nth-child(-n + 3) {
    margin-top: 0;
  }
}
.quick-list_text {
  font-weight: bold;
  line-height: 1.5;
  margin-top: 8px;
  text-align: center;
}
@media print, screen and (min-width: 768px) {
  .quick-list_text {
    margin-top: 16px;
  }
}
@media print {
  .quick-list_text {
    margin-top: 16px;
  }
}
.quick-list_illust img {
  height: auto;
  max-width: 100%;
}

#loader-bg {
  align-items: center;
  background: #fff;
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0px;
  padding-bottom: 5vh;
  position: fixed;
  top: 0px;
  width: 100%;
  z-index: 9999;
}
#loader-bg.loaded {
  pointer-events: none;
}
#loader-bg.loaded .icon {
  -webkit-transform: translateZ(0) scale(0);
  transform: translateZ(0) scale(0);
}
#loader-bg.subpage .icon {
  display: none;
}
#loader-bg .icon {
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
#loader-bg .loader {
  -webkit-transform: translateZ(0);
  background-color: rgba(0, 0, 0, 0.1);
  font-size: 10px;
  font-size: 10px;
  height: 1px;
  position: relative;
  text-indent: -9999em;
  transform: translateZ(0);
  width: 10em;
}
#loader-bg .loader::after {
  -webkit-animation: loader 0.75s infinite cubic-bezier(0.6, 0, 0.3, 1);
  animation: loader 0.75s infinite cubic-bezier(0.6, 0, 0.3, 1);
  content: " ";
  display: block;
  height: 1px;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 0;
}
@-webkit-keyframes loader {
  0% {
    opacity: 1;
    width: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.1;
    width: 100%;
  }
}
@keyframes loader {
  0% {
    opacity: 1;
    width: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.1;
    width: 100%;
  }
}

.news-count {
  font-size: 0.75rem;
  opacity: 0.65;
  text-align: right;
}
@media print, screen and (min-width: 768px) {
  .news-count {
    font-size: 0.9375rem;
  }
}
@media print {
  .news-count {
    font-size: 0.9375rem;
  }
}

.news-list {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  font-size: 0.875rem;
  list-style: none;
  margin: 0;
  padding: 0;
}
@media print, screen and (min-width: 768px) {
  .news-list {
    font-size: 1.125rem;
  }
}
@media print {
  .news-list {
    font-size: 1.125rem;
  }
}
.news-list_item {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.news-list_content {
  align-items: center;
  color: #030303;
  display: flex;
  padding-bottom: 16px;
  padding-top: 16px;
  width: 100%;
}
@media print, screen and (min-width: 768px) {
  .news-list_content {
    padding-bottom: 16px;
    padding-top: 16px;
  }
}
@media print {
  .news-list_content {
    padding-bottom: 16px;
    padding-top: 16px;
  }
}
.news-list a.news-list_content {
  background: #fff;
  color: #030303;
  position: relative;
  text-decoration: none !important;
}
@media (hover: hover) and (pointer: fine) {
  .news-list a.news-list_content {
    background: linear-gradient(90deg, #f6f7f6 0%, #f6f7f6 50%, #fff 50%, #fff 100%);
    background-position: 100% center;
    background-repeat: no-repeat;
    background-size: 220% 100%;
    transition: all 0.4s ease;
  }
}
.news-list a.news-list_content > * {
  z-index: 20;
}
@media (hover: hover) and (pointer: fine) {
  .news-list a.news-list_content:hover {
    background-position: 0 center;
  }
}
.news-list a.news-list_content .link-arrow {
  margin-left: 0.5em;
}
.news-list a.news-list_content.icon-external .link-arrow {
  display: none;
}
.news-list a.news-list_content.icon-external::after {
  background-color: transparent;
  background-image: url(../images/com_ic07.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  content: " ";
  display: block;
  height: 0.75em;
  margin-left: 0.5em;
  position: relative;
  transition: all 0.25s ease;
  width: 1.5em;
  z-index: 10;
}
.news-list a.news-list_content.icon-pdf .link-arrow {
  display: none;
}
.news-list a.news-list_content.icon-pdf::after {
  background-color: transparent;
  background-image: url(../images/com_ic02.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  content: " ";
  display: block;
  height: 1.5em;
  margin-left: 0.5em;
  position: relative;
  transition: all 0.25s ease;
  width: 1.5em;
  z-index: 10;
}
.news-list_main {
  flex: 1;
}
.news-list_meta {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  line-height: 1.3;
}
.news-list_time {
  font-size: 85%;
  font-weight: bold;
  margin-right: 8px;
  opacity: 0.4;
}
@media print, screen and (min-width: 768px) {
  .news-list_time {
    font-size: 70%;
  }
}
@media print {
  .news-list_time {
    font-size: 70%;
  }
}
.news-list_cat {
  border: 1px solid #00947e;
  color: #00947e;
  font-size: 85%;
  font-weight: bold;
  margin: 0 !important;
  margin-right: 8px;
  padding: 0 0.5em;
}
@media print, screen and (min-width: 768px) {
  .news-list_cat {
    font-size: 70%;
  }
}
@media print {
  .news-list_cat {
    font-size: 70%;
  }
}
.news-list_text {
  line-height: 1.75;
  margin-top: 4px;
}

.post-single {
  padding-bottom: 4em;
}
.post-single_meta {
  display: flex;
  flex-wrap: wrap;
  font-size: 0.8125rem;
  line-height: 1.2;
  margin-bottom: 5px;
}
@media print, screen and (min-width: 768px) {
  .post-single_meta {
    font-size: 1.125rem;
    margin-bottom: 10px;
  }
}
@media print {
  .post-single_meta {
    font-size: 1.125rem;
    margin-bottom: 10px;
  }
}
.post-single_time {
  color: #030303;
  font-family: MOBO;
  font-size: 90%;
  letter-spacing: 0.05em;
  margin-right: 5px;
  padding-right: 10px;
  position: relative;
}
@media print, screen and (min-width: 768px) {
  .post-single_time {
    margin-right: 10px;
    padding-right: 15px;
  }
}
@media print {
  .post-single_time {
    margin-right: 10px;
    padding-right: 15px;
  }
}
.post-single_time::after {
  background-color: #ddd;
  content: " ";
  display: block;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 1px;
}
.post-single_cats {
  display: flex;
  flex-wrap: wrap;
}
.post-single_cat {
  display: block;
  font-size: 86%;
  margin-right: 0.3em;
  opacity: 0.6;
  padding-right: 0.5em;
  position: relative;
}
.post-single_cat::after {
  bottom: 0;
  content: " ";
  content: ",";
  display: block;
  position: absolute;
  right: 0;
}
.post-single_cat:last-child {
  padding-right: 0;
}
.post-single_cat:last-child::after {
  content: none;
}
.post-single_title {
  border-bottom: 1px solid #00947e;
  font-size: 1.25rem;
  letter-spacing: 0.05em;
  line-height: 1.3;
  margin-bottom: 30px;
  padding-bottom: 0.5em;
  position: relative;
}
@media print, screen and (min-width: 768px) {
  .post-single_title {
    font-size: 1.625rem;
    margin-bottom: 40px;
  }
}
@media print {
  .post-single_title {
    font-size: 1.625rem;
    margin-bottom: 40px;
  }
}

.pagetitle {
  position: relative;
}
.pagetitle_container {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 120px;
  position: relative;
  text-align: center;
  z-index: 10;
}
@media print, screen and (min-width: 768px) {
  .pagetitle_container {
    min-height: 240px;
  }
}
@media print {
  .pagetitle_container {
    min-height: 240px;
  }
}
.pagetitle_parent {
  font-size: 0.8125rem;
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 4px;
}
@media print, screen and (min-width: 768px) {
  .pagetitle_parent {
    font-size: 1.25rem;
    margin-bottom: 8px;
  }
}
@media print {
  .pagetitle_parent {
    font-size: 1.25rem;
    margin-bottom: 8px;
  }
}
.pagetitle_text {
  font-size: 5.5vw;
  font-weight: 700;
  line-height: 1.3;
}
@media print, screen and (min-width: 420px) {
  .pagetitle_text {
    font-size: 1.5rem;
  }
}
@media print {
  .pagetitle_text {
    font-size: 1.5rem;
  }
}
@media print, screen and (min-width: 768px) {
  .pagetitle_text {
    font-size: 3rem;
  }
}
@media print {
  .pagetitle_text {
    font-size: 3rem;
  }
}
.pagetitle_small-text {
  display: block;
  font-size: 65%;
  margin-bottom: 4px;
}
@media print, screen and (min-width: 768px) {
  .pagetitle_small-text {
    margin-bottom: 8px;
  }
}
@media print {
  .pagetitle_small-text {
    margin-bottom: 8px;
  }
}

.pagination {
  display: block;
  font-family: "Poppins", "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Lato, sans-serif;
  font-weight: 800;
  margin-top: 24px;
  text-align: center;
}
@media print, screen and (min-width: 768px) {
  .pagination {
    margin-top: 40px;
  }
}
@media print {
  .pagination {
    margin-top: 40px;
  }
}
.pagination .page-numbers {
  display: inline-flex;
  list-style: none;
  margin: 0;
  padding: 0;
}
.pagination .page-numbers li {
  display: flex;
  margin: 0.25em;
  min-width: 2em;
  padding: 0;
}
@media print, screen and (min-width: 768px) {
  .pagination .page-numbers li {
    margin: 0.5em;
    width: 3em;
  }
}
@media print {
  .pagination .page-numbers li {
    margin: 0.5em;
    width: 3em;
  }
}
.pagination .page-numbers li > a,
.pagination .page-numbers li > span {
  align-items: center;
  background-color: #fff;
  color: #00947e;
  display: flex;
  height: 2em;
  justify-content: center;
  width: 100%;
}
@media print, screen and (min-width: 768px) {
  .pagination .page-numbers li > a,
.pagination .page-numbers li > span {
    height: 3em;
  }
}
@media print {
  .pagination .page-numbers li > a,
.pagination .page-numbers li > span {
    height: 3em;
  }
}
.pagination .page-numbers li > span {
  background-color: #00947e;
  color: #fff;
}
.pagination .page-numbers li > a {
  text-decoration: none !important;
}
@media (hover: hover) and (pointer: fine) {
  .pagination .page-numbers li > a {
    transition: all 0.25s ease;
  }
  .pagination .page-numbers li > a:hover {
    background-color: #edfff9;
  }
}
.pagination .page-numbers_next > a, .pagination .page-numbers_prev > a {
  background-color: transparent !important;
}
@media (hover: hover) and (pointer: fine) {
  .pagination .page-numbers_next, .pagination .page-numbers_prev {
    opacity: 1;
  }
  .pagination .page-numbers_next:hover, .pagination .page-numbers_prev:hover {
    color: #999;
  }
}
.pagination .page-numbers_prev span[class^=link-arrow] {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.paging {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  font-size: 0.8125rem;
  margin-top: 32px;
}
@media print, screen and (min-width: 768px) {
  .paging {
    flex-wrap: nowrap;
    font-size: 0.9375rem;
    margin-top: 56px;
  }
}
@media print {
  .paging {
    flex-wrap: nowrap;
    font-size: 0.9375rem;
    margin-top: 56px;
  }
}
.paging_prev, .paging_next {
  display: flex;
  width: 50%;
}
@media print, screen and (min-width: 768px) {
  .paging_prev, .paging_next {
    width: 30%;
  }
}
@media print {
  .paging_prev, .paging_next {
    width: 30%;
  }
}
.paging_prev {
  order: 0;
}
.paging_prev span[class^=link-arrow] {
  -webkit-transform: rotate(180deg);
  margin-right: 0.25em;
  transform: rotate(180deg);
}
.paging_next {
  justify-content: flex-end;
  order: 2;
  text-align: right;
}
@media print, screen and (min-width: 768px) {
  .paging_next {
    margin-left: 0.25em;
  }
}
@media print {
  .paging_next {
    margin-left: 0.25em;
  }
}
.paging_back {
  margin-top: 24px;
  order: 3;
  text-align: center;
  width: 100%;
}
@media print, screen and (min-width: 768px) {
  .paging_back {
    flex: 1;
    margin-top: 0;
    order: 1;
  }
}
@media print {
  .paging_back {
    flex: 1;
    margin-top: 0;
    order: 1;
  }
}
.paging_btn {
  align-items: center;
  color: #030303;
  display: flex;
  font-weight: bold;
  line-height: 1.5;
}
@media (hover: hover) and (pointer: fine) {
  .paging_btn {
    transition: all 0.25s ease;
  }
  .paging_btn:hover {
    color: #00947e;
  }
}
.paging .btn {
  padding-left: 4px;
  padding-right: 4px;
}
@media print, screen and (min-width: 768px) {
  .paging .btn {
    width: 280px;
  }
}
@media print {
  .paging .btn {
    width: 280px;
  }
}

.note-block, .note-block--sm {
  display: flex;
  flex-direction: column;
  gap: 0.5em;
  opacity: 0.85;
}
.note-block p, .note-block--sm p {
  font-size: 0.8125rem;
  line-height: 1.75;
  margin: 0 !important;
  padding-left: 2em;
  text-indent: -2em;
}
@media print, screen and (min-width: 768px) {
  .note-block p, .note-block--sm p {
    font-size: 0.875rem;
  }
}
@media print {
  .note-block p, .note-block--sm p {
    font-size: 0.875rem;
  }
}
.note-block--sm {
  opacity: 0.75;
}
.note-block--sm p {
  font-size: 0.75rem;
  line-height: 1.5;
  padding-left: 1em;
  text-indent: -1em;
}
@media print, screen and (min-width: 768px) {
  .note-block--sm p {
    font-size: 0.8125rem;
  }
}
@media print {
  .note-block--sm p {
    font-size: 0.8125rem;
  }
}

.note-text, .note-text--right, .note-text--alert, .note-text--red {
  font-size: 0.75rem;
  line-height: 1.5;
  opacity: 0.65;
  padding-left: 1em;
  text-indent: -1em;
}
@media print, screen and (min-width: 768px) {
  .note-text, .note-text--right, .note-text--alert, .note-text--red {
    font-size: 0.8125rem;
  }
}
@media print {
  .note-text, .note-text--right, .note-text--alert, .note-text--red {
    font-size: 0.8125rem;
  }
}
.note-text--red {
  color: #d0376c;
  font-weight: 500;
  opacity: 1;
}
.note-text--alert {
  color: #d0376c;
  font-size: 115%;
  font-weight: 500;
  opacity: 1;
}
@media print, screen and (min-width: 768px) {
  .note-text--alert {
    font-size: 150%;
  }
}
@media print {
  .note-text--alert {
    font-size: 150%;
  }
}
@media print, screen and (min-width: 768px) {
  .note-text--right {
    text-align: right;
  }
}
@media print {
  .note-text--right {
    text-align: right;
  }
}

.large-text {
  font-size: 110%;
  font-weight: 600;
  line-height: 1.5;
}
@media print, screen and (min-width: 768px) {
  .large-text {
    font-size: 115%;
  }
}
@media print {
  .large-text {
    font-size: 115%;
  }
}

.small-text, .small-text--red {
  font-size: 90%;
}
.small-text--red {
  color: #d0376c;
  font-weight: 500;
}

.bold-text {
  font-weight: 700;
}

.tiny-text, .tiny-text--red {
  font-size: 80%;
}
.tiny-text--red {
  color: #d0376c;
  font-weight: 500;
}

.marker-text, .box-membership_marker, .marker-text--lg {
  background-image: linear-gradient(transparent 60%, #edff8d 60%);
  background-repeat: repeat-x;
  background-size: 200% 100%;
  font-size: 110%;
  font-weight: bold;
  padding-bottom: 0.1em;
}
@media print, screen and (min-width: 768px) {
  .marker-text--lg {
    font-size: 125%;
  }
}
@media print {
  .marker-text--lg {
    font-size: 125%;
  }
}

.ls-0 {
  letter-spacing: 0;
}

.green-text {
  color: #00947e;
}

.paper, .paper-sm {
  background-color: #fff;
  border-radius: 4px;
  font-size: 0.875rem;
  margin-top: 40px;
  overflow: clip;
}
@media print, screen and (min-width: 768px) {
  .paper, .paper-sm {
    font-size: 1.125rem;
  }
}
@media print {
  .paper, .paper-sm {
    font-size: 1.125rem;
  }
}
@media print, screen and (min-width: 768px) {
  .paper, .paper-sm {
    border-radius: 8px;
    margin-top: 80px;
  }
}
@media print {
  .paper, .paper-sm {
    border-radius: 8px;
    margin-top: 80px;
  }
}
.paper:first-child, .paper-sm:first-child {
  margin-top: 0;
}
.paper-sm {
  font-size: 0.75rem;
  margin-top: 24px;
}
@media print, screen and (min-width: 768px) {
  .paper-sm {
    font-size: 0.9375rem;
  }
}
@media print {
  .paper-sm {
    font-size: 0.9375rem;
  }
}
@media print, screen and (min-width: 768px) {
  .paper-sm {
    margin-top: 56px;
  }
}
@media print {
  .paper-sm {
    margin-top: 56px;
  }
}
@media print, screen and (min-width: 768px) {
  .paper-sm .paper_inner {
    padding-bottom: 64px;
    padding-top: 64px;
  }
}
@media print {
  .paper-sm .paper_inner {
    padding-bottom: 64px;
    padding-top: 64px;
  }
}
.paper_inner {
  padding: 40px 16px;
}
@media print, screen and (min-width: 768px) {
  .paper_inner {
    padding: 64px 40px;
  }
}
@media print {
  .paper_inner {
    padding: 64px 40px;
  }
}
@media print, screen and (min-width: 1320px) {
  .paper_inner {
    padding: 80px 64px;
  }
}
@media print {
  .paper_inner {
    padding: 80px 64px;
  }
}
.paper_eyecatch img {
  height: auto;
  width: 100%;
}

.section-xs {
  padding: 10px 0 !important;
}
@media print, screen and (min-width: 768px) {
  .section-xs {
    padding: 15px 0 !important;
  }
}
@media print {
  .section-xs {
    padding: 15px 0 !important;
  }
}

.section-sm {
  padding: 10px 0 !important;
}
@media print, screen and (min-width: 768px) {
  .section-sm {
    padding: 30px 0 !important;
  }
}
@media print {
  .section-sm {
    padding: 30px 0 !important;
  }
}

.section-md {
  padding: 30px 0 !important;
}
@media print, screen and (min-width: 768px) {
  .section-md {
    padding: 65px 0 !important;
  }
}
@media print {
  .section-md {
    padding: 65px 0 !important;
  }
}

.section-lg {
  padding: 40px 0 !important;
}
@media print, screen and (min-width: 768px) {
  .section-lg {
    padding: 120px 0 !important;
  }
}
@media print {
  .section-lg {
    padding: 120px 0 !important;
  }
}

.section-xl {
  padding: 50px 0 !important;
}
@media print, screen and (min-width: 768px) {
  .section-xl {
    padding: 100px 0 !important;
  }
}
@media print {
  .section-xl {
    padding: 100px 0 !important;
  }
}

.section-xxl {
  padding: 60px 0 !important;
}
@media print, screen and (min-width: 768px) {
  .section-xxl {
    padding: 120px 0 !important;
  }
}
@media print {
  .section-xxl {
    padding: 120px 0 !important;
  }
}

.bg-light {
  background-color: #f2f5f4;
}

.tips-list {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  margin-left: -8px;
  margin-right: -8px;
  padding: 0;
}
@media print, screen and (min-width: 768px) {
  .tips-list {
    margin-left: -16px;
    margin-right: -16px;
  }
}
@media print {
  .tips-list {
    margin-left: -16px;
    margin-right: -16px;
  }
}
@media print, screen and (min-width: 1320px) {
  .tips-list {
    margin-left: -20px;
    margin-right: -20px;
  }
}
@media print {
  .tips-list {
    margin-left: -20px;
    margin-right: -20px;
  }
}
.tips-list_item {
  display: flex;
  margin-top: 16px;
  padding-left: 8px;
  padding-right: 8px;
  width: 50%;
}
.tips-list_item:nth-child(-n+2) {
  margin-top: 0;
}
@media print, screen and (min-width: 768px) {
  .tips-list_item {
    margin-top: 40px;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media print {
  .tips-list_item {
    margin-top: 40px;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media print, screen and (min-width: 992px) {
  .tips-list_item {
    width: 25%;
  }
  .tips-list_item:nth-child(-n+4) {
    margin-top: 0;
  }
}
@media print {
  .tips-list_item {
    width: 25%;
  }
  .tips-list_item:nth-child(-n+4) {
    margin-top: 0;
  }
}
@media print, screen and (min-width: 1320px) {
  .tips-list_item {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media print {
  .tips-list_item {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.tips-card {
  background-color: #fff;
  color: #030303;
  display: flex;
  flex-direction: column;
  text-decoration: none;
  text-decoration: none !important;
  width: 100%;
}
@media (hover: hover) and (pointer: fine) {
  .tips-card {
    transition: all 0.25s ease;
  }
  .tips-card:hover {
    color: #00947e;
  }
  .tips-card:hover .tips-card_thumb img {
    -webkit-transform: scale(1.1);
    opacity: 0.8;
    transform: scale(1.1);
  }
}
.tips-card_thumb {
  background-color: #fff;
  height: 0;
  overflow: hidden;
  padding-bottom: 56.38%;
  position: relative;
}
.tips-card_thumb img {
  -o-object-fit: cover;
  height: 100%;
  left: 0;
  max-height: inherit;
  max-width: inherit;
  object-fit: cover;
  position: absolute;
  top: 0;
  transition: all 0.45s ease;
  width: 100%;
}
.tips-card_content {
  flex: 1;
  padding: 8px;
}
@media print, screen and (min-width: 768px) {
  .tips-card_content {
    padding: 16px;
  }
}
@media print {
  .tips-card_content {
    padding: 16px;
  }
}
.tips-card_title {
  font-size: 0.6875rem;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 1.75;
}
@media print, screen and (min-width: 768px) {
  .tips-card_title {
    font-size: 0.875rem;
  }
}
@media print {
  .tips-card_title {
    font-size: 0.875rem;
  }
}

.tips-list-02 {
  list-style: none;
  margin: 0;
  padding: 0;
}
.tips-list-02_item {
  border-top: 1px solid #eee;
  margin: 0;
  margin-top: 24px;
  padding: 0;
  padding-top: 24px;
}
@media print, screen and (min-width: 768px) {
  .tips-list-02_item {
    margin-top: 64px;
    padding-top: 64px;
  }
}
@media print {
  .tips-list-02_item {
    margin-top: 64px;
    padding-top: 64px;
  }
}
.tips-list-02_item:first-child {
  margin-top: 8px;
}
@media print, screen and (min-width: 768px) {
  .tips-list-02_item:first-child {
    margin-top: 16px;
  }
}
@media print {
  .tips-list-02_item:first-child {
    margin-top: 16px;
  }
}

.tips-card-02 {
  background-color: #fff;
  color: #030303;
  display: flex;
  flex-direction: column;
  text-decoration: none;
  text-decoration: none !important;
  width: 100%;
}
@media (hover: hover) and (pointer: fine) {
  .tips-card-02:hover {
    color: #030303;
  }
  .tips-card-02:hover .tips-card-02_thumb img {
    -webkit-transform: scale(1.03);
    opacity: 0.8;
    transform: scale(1.03);
  }
  .tips-card-02:hover .btn {
    background-position: 0 center;
    color: #00947e;
  }
  .tips-card-02:hover .btn span[class^=link-arrow] {
    background-color: #00947e;
  }
  .tips-card-02:hover .btn span[class^=link-arrow]::before, .tips-card-02:hover .btn span[class^=link-arrow]::after {
    background-color: #fff;
  }
}
@media print, screen and (min-width: 768px) {
  .tips-card-02 {
    flex-direction: row;
    min-height: 240px;
  }
}
@media print {
  .tips-card-02 {
    flex-direction: row;
    min-height: 240px;
  }
}
.tips-card-02_thumb {
  margin-bottom: 24px;
  width: 100%;
}
@media print, screen and (min-width: 768px) {
  .tips-card-02_thumb {
    margin-bottom: 0;
    margin-right: 24px;
    width: 40%;
  }
}
@media print {
  .tips-card-02_thumb {
    margin-bottom: 0;
    margin-right: 24px;
    width: 40%;
  }
}
@media print, screen and (min-width: 1320px) {
  .tips-card-02_thumb {
    margin-right: 40px;
  }
}
@media print {
  .tips-card-02_thumb {
    margin-right: 40px;
  }
}
.tips-card-02_thumb-inner {
  background-color: #fff;
  height: 0;
  overflow: hidden;
  padding-bottom: 56.38%;
  position: relative;
}
.tips-card-02_thumb img {
  -o-object-fit: cover;
  height: 100%;
  left: 0;
  max-height: inherit;
  max-width: inherit;
  object-fit: cover;
  position: absolute;
  top: 0;
  transition: all 0.45s ease;
  width: 100%;
}
.tips-card-02_content {
  display: flex;
  flex: 1;
  flex-direction: column;
}
.tips-card-02_text {
  flex: 1;
  font-size: 0.75rem;
  margin-top: 16px;
  opacity: 0.8;
}
@media print, screen and (min-width: 768px) {
  .tips-card-02_text {
    font-size: 0.9375rem;
  }
}
@media print {
  .tips-card-02_text {
    font-size: 0.9375rem;
  }
}
@media print, screen and (min-width: 768px) {
  .tips-card-02_text {
    margin-top: 24px;
  }
}
@media print {
  .tips-card-02_text {
    margin-top: 24px;
  }
}
.tips-card-02_text > p {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  display: -webkit-box;
  overflow: hidden;
}
@media print, screen and (min-width: 768px) {
  .tips-card-02_text > p {
    -webkit-line-clamp: 3;
  }
}
@media print {
  .tips-card-02_text > p {
    -webkit-line-clamp: 3;
  }
}
.tips-card-02_btn {
  margin-top: 16px;
  text-align: center;
}
@media print, screen and (min-width: 768px) {
  .tips-card-02_btn {
    margin-top: 24px;
    text-align: left;
  }
}
@media print {
  .tips-card-02_btn {
    margin-top: 24px;
    text-align: left;
  }
}

/* =====================
  Common Footer
===================== */
/* =====================
  aside
===================== */
.common-aside {
  background-color: #e8ebea;
  padding-bottom: 40px;
  padding-top: 40px;
}
@media print, screen and (min-width: 768px) {
  .common-aside {
    padding-bottom: 80px;
    padding-top: 40px;
  }
}
@media print {
  .common-aside {
    padding-bottom: 80px;
    padding-top: 40px;
  }
}
.common-aside-top {
  background-color: #f2f5f4;
  padding-bottom: 80px;
  padding-top: 80px;
}
@media print, screen and (min-width: 768px) {
  .common-aside-top {
    padding-bottom: 96px;
    padding-top: 160px;
  }
}
@media print {
  .common-aside-top {
    padding-bottom: 96px;
    padding-top: 160px;
  }
}
.common-aside-top .common-corporation, .common-aside-top .common-corporation--inpage {
  border-top: none;
  margin-top: -60px;
  padding-top: 60px;
}
@media print, screen and (min-width: 768px) {
  .common-aside-top .common-corporation, .common-aside-top .common-corporation--inpage {
    margin-top: -120px;
    padding-top: 120px;
  }
}
@media print {
  .common-aside-top .common-corporation, .common-aside-top .common-corporation--inpage {
    margin-top: -120px;
    padding-top: 120px;
  }
}
.common-aside-top .common-corporation_text {
  margin-top: 40px;
}
.common-aside_container {
  margin-left: auto;
  margin-right: auto;
  max-width: 1280px;
  padding-left: 16px;
  padding-right: 16px;
}

.aside-list {
  display: flex;
  flex-direction: column;
  list-style: none;
  margin: 0;
  margin-top: 24px;
  padding: 0;
}
@media print, screen and (min-width: 768px) {
  .aside-list {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
@media print {
  .aside-list {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
.aside-list_item, .aside-list_item--long {
  display: flex;
  margin-top: 8px;
  position: relative;
  width: 100%;
}
.aside-list_item:first-child, .aside-list_item--long:first-child {
  margin-top: 0;
}
@media print, screen and (min-width: 768px) {
  .aside-list_item, .aside-list_item--long {
    margin-top: 24px;
    width: 50%;
  }
  .aside-list_item:nth-child(-n+2), .aside-list_item--long:nth-child(-n+2) {
    margin-top: 0;
  }
  .aside-list_item:nth-child(odd), .aside-list_item--long:nth-child(odd) {
    padding-right: 20px;
  }
  .aside-list_item:nth-child(even), .aside-list_item--long:nth-child(even) {
    padding-left: 20px;
  }
}
@media print {
  .aside-list_item, .aside-list_item--long {
    margin-top: 24px;
    width: 50%;
  }
  .aside-list_item:nth-child(-n+2), .aside-list_item--long:nth-child(-n+2) {
    margin-top: 0;
  }
  .aside-list_item:nth-child(odd), .aside-list_item--long:nth-child(odd) {
    padding-right: 20px;
  }
  .aside-list_item:nth-child(even), .aside-list_item--long:nth-child(even) {
    padding-left: 20px;
  }
}
@media print, screen and (min-width: 768px) {
  .aside-list_item--long {
    margin-top: 8px;
    width: 100%;
  }
  .aside-list_item--long:nth-child(2) {
    margin-top: 8px;
  }
  .aside-list_item--long:nth-child(odd) {
    padding-right: 0;
  }
  .aside-list_item--long:nth-child(even) {
    padding-left: 0;
  }
}
@media print {
  .aside-list_item--long {
    margin-top: 8px;
    width: 100%;
  }
  .aside-list_item--long:nth-child(2) {
    margin-top: 8px;
  }
  .aside-list_item--long:nth-child(odd) {
    padding-right: 0;
  }
  .aside-list_item--long:nth-child(even) {
    padding-left: 0;
  }
}
@media print, screen and (min-width: 768px) {
  .aside-list_item--long .aside-list_btn {
    min-height: 144px;
  }
}
@media print {
  .aside-list_item--long .aside-list_btn {
    min-height: 144px;
  }
}
@media print, screen and (min-width: 768px) {
  .aside-list_item--long .aside-list_title {
    font-size: 1.25rem;
  }
}
@media print {
  .aside-list_item--long .aside-list_title {
    font-size: 1.25rem;
  }
}
.aside-list_btn {
  align-items: center;
  background: #fff;
  background-color: #fff;
  border-radius: 4px;
  color: #030303;
  display: flex;
  letter-spacing: 0;
  line-height: 1.5;
  min-height: 80px;
  overflow: hidden;
  padding: 8px 8px 8px 16px;
  position: relative;
  text-decoration: none !important;
  width: 100%;
}
@media (hover: hover) and (pointer: fine) {
  .aside-list_btn {
    background: linear-gradient(90deg, #00947e 0%, #00947e 50%, #fff 50%, #fff 100%);
    background-position: 100% center;
    background-repeat: no-repeat;
    background-size: 220% 100%;
    transition: all 0.3s ease;
  }
}
.aside-list_btn > * {
  z-index: 20;
}
@media (hover: hover) and (pointer: fine) {
  .aside-list_btn {
    transition: all 0.25s ease;
  }
  .aside-list_btn:hover {
    background-position: 0 center;
    color: #fff;
  }
  .aside-list_btn:hover span[class^=link-arrow]::before, .aside-list_btn:hover span[class^=link-arrow]::after {
    background-color: #fff;
  }
}
@media print, screen and (min-width: 768px) {
  .aside-list_btn {
    border-radius: 8px;
    font-size: 1.25rem;
    letter-spacing: 0.05em;
    min-height: 120px;
    padding: 8px 24px 8px 40px;
  }
}
@media print {
  .aside-list_btn {
    border-radius: 8px;
    font-size: 1.25rem;
    letter-spacing: 0.05em;
    min-height: 120px;
    padding: 8px 24px 8px 40px;
  }
}
.aside-list_content {
  flex: 1;
}
.aside-list_title {
  font-size: 0.8125rem;
  font-weight: 700;
  line-height: 1.5;
}
@media print, screen and (min-width: 768px) {
  .aside-list_title {
    font-size: 1.125rem;
  }
}
@media print {
  .aside-list_title {
    font-size: 1.125rem;
  }
}
.aside-list_text {
  font-size: 0.75rem;
  margin-top: 0.5em;
  opacity: 0.8;
}
@media print, screen and (min-width: 768px) {
  .aside-list_text {
    font-size: 0.9375rem;
  }
}
@media print {
  .aside-list_text {
    font-size: 0.9375rem;
  }
}
.aside-list span[class^=link-arrow] {
  margin-left: 1em;
}

/* =====================
  Corporation
===================== */
.common-corporation, .common-corporation--inpage {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  margin-top: 40px;
  padding-top: 40px;
}
.common-corporation--inpage {
  border-top: none;
  padding-top: 0;
}
@media print, screen and (min-width: 992px) {
  .common-corporation--inpage {
    margin-top: 80px;
  }
}
@media print {
  .common-corporation--inpage {
    margin-top: 80px;
  }
}
.common-corporation_text {
  font-size: 0.875rem;
  margin-top: 24px;
}
@media print, screen and (min-width: 768px) {
  .common-corporation_text {
    font-size: 1.125rem;
  }
}
@media print {
  .common-corporation_text {
    font-size: 1.125rem;
  }
}
.common-corporation_text p {
  margin-top: 1em;
}
.common-corporation_text p:first-child {
  margin-top: 0;
}

.corporation-list {
  background-color: #fff;
  border-radius: 8px;
  display: flex;
  list-style: none;
  margin: 0;
  margin-top: 40px;
  overflow: hidden;
  padding: 0;
  text-align: center;
}
.corporation-list_item {
  display: flex;
  position: relative;
  width: 100%;
}
.corporation-list_item:first-child::before {
  content: none;
}
.corporation-list_item::before {
  background-color: rgba(0, 0, 0, 0.1);
  bottom: 5%;
  content: " ";
  display: block;
  left: 0;
  position: absolute;
  top: 5%;
  width: 1px;
}
.corporation-list_btn {
  align-items: center;
  background: #fff;
  color: #030303;
  display: flex;
  font-size: 0.8125rem;
  font-weight: bold;
  height: 96px;
  justify-content: space-between;
  letter-spacing: 0;
  line-height: 1.5;
  padding: 8px 16px;
  text-decoration: none !important;
  white-space: nowrap;
  width: 100%;
}
@media (hover: hover) and (pointer: fine) {
  .corporation-list_btn {
    background: linear-gradient(90deg, #00947e 0%, #00947e 50%, #fff 50%, #fff 100%);
    background-position: 100% center;
    background-repeat: no-repeat;
    background-size: 220% 100%;
    transition: all 0.3s ease;
  }
}
.corporation-list_btn > * {
  z-index: 20;
}
@media (hover: hover) and (pointer: fine) {
  .corporation-list_btn {
    transition: all 0.25s ease 0.15s;
  }
  .corporation-list_btn:hover {
    background-position: 0 center;
    color: #fff;
    transition: all 0.25s ease 0s;
  }
  .corporation-list_btn:hover span[class^=link-arrow] {
    background-color: #fff;
  }
  .corporation-list_btn:hover span[class^=link-arrow]::before, .corporation-list_btn:hover span[class^=link-arrow]::after {
    background-color: #00947e;
  }
}
@media print, screen and (min-width: 768px) {
  .corporation-list_btn {
    font-size: 1.25rem;
    height: 160px;
    letter-spacing: 0.05em;
    padding: 16px 40px;
  }
}
@media print {
  .corporation-list_btn {
    font-size: 1.25rem;
    height: 160px;
    letter-spacing: 0.05em;
    padding: 16px 40px;
  }
}
.corporation-list_text {
  flex: 1;
  text-align: left;
}

/* =====================
  Contact
===================== */
.common-contact {
  background-color: #007563;
  color: #fff;
  padding-bottom: 40px;
  padding-top: 40px;
}
@media print, screen and (min-width: 768px) {
  .common-contact {
    padding-bottom: 80px;
    padding-top: 80px;
    text-align: center;
  }
}
@media print {
  .common-contact {
    padding-bottom: 80px;
    padding-top: 80px;
    text-align: center;
  }
}
.common-contact a {
  color: #fff;
}
.common-contact_container {
  margin-left: auto;
  margin-right: auto;
  max-width: 1280px;
  padding-left: 16px;
  padding-right: 16px;
}
.common-contact_title {
  font-size: 1.25rem;
  letter-spacing: 0.05em;
  line-height: 1.3;
}
@media print, screen and (min-width: 768px) {
  .common-contact_title {
    font-size: 1.75rem;
  }
}
@media print {
  .common-contact_title {
    font-size: 1.75rem;
  }
}
.common-contact_name {
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.3;
  margin-top: 24px;
}
@media print, screen and (min-width: 768px) {
  .common-contact_name {
    font-size: 1.0625rem;
    margin-top: 32px;
  }
}
@media print {
  .common-contact_name {
    font-size: 1.0625rem;
    margin-top: 32px;
  }
}
.common-contact_btn {
  margin-top: 24px;
  text-align: center;
}
@media print, screen and (min-width: 768px) {
  .common-contact_btn {
    margin-top: 32px;
  }
}
@media print {
  .common-contact_btn {
    margin-top: 32px;
  }
}
@media print, screen and (min-width: 992px) {
  .common-contact_btn {
    align-items: center;
    display: flex;
    justify-content: center;
  }
}
@media print {
  .common-contact_btn {
    align-items: center;
    display: flex;
    justify-content: center;
  }
}
.common-contact_btn > [class^=btn]:nth-child(2) {
  margin-top: 16px;
}
@media print, screen and (min-width: 992px) {
  .common-contact_btn > [class^=btn]:first-child {
    margin-right: 4px;
  }
  .common-contact_btn > [class^=btn]:nth-child(2) {
    margin-left: 4px;
    margin-top: 0;
  }
}
@media print {
  .common-contact_btn > [class^=btn]:first-child {
    margin-right: 4px;
  }
  .common-contact_btn > [class^=btn]:nth-child(2) {
    margin-left: 4px;
    margin-top: 0;
  }
}
.common-contact_text {
  font-size: 0.875rem;
  margin-top: 16px;
  opacity: 0.85;
}
@media print, screen and (min-width: 768px) {
  .common-contact_text {
    font-size: 1.125rem;
  }
}
@media print {
  .common-contact_text {
    font-size: 1.125rem;
  }
}
.common-contact_phone {
  align-items: center;
  display: flex;
  margin-top: 8px;
}
@media print, screen and (min-width: 768px) {
  .common-contact_phone {
    justify-content: center;
  }
}
@media print {
  .common-contact_phone {
    justify-content: center;
  }
}
.common-contact_phone a {
  font-size: 2.25rem;
  line-height: 1;
}
.common-contact_icon {
  margin-right: 8px;
}
@media print, screen and (min-width: 768px) {
  .common-contact_icon {
    margin-right: 12px;
    padding-top: 4px;
  }
}
@media print {
  .common-contact_icon {
    margin-right: 12px;
    padding-top: 4px;
  }
}
.common-contact_icon img {
  height: auto;
  width: 48px;
}
@media print, screen and (min-width: 768px) {
  .common-contact_icon img {
    width: 56px;
  }
}
@media print {
  .common-contact_icon img {
    width: 56px;
  }
}
.common-contact_number {
  display: block;
  font-family: "Poppins", "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Lato, sans-serif;
  font-size: 2rem;
  font-weight: 800;
  line-height: 1;
  padding-bottom: 2px;
  position: relative;
}
@media print, screen and (min-width: 361px) {
  .common-contact_number {
    font-size: 2.25rem;
  }
}
@media print {
  .common-contact_number {
    font-size: 2.25rem;
  }
}
@media print, screen and (min-width: 768px) {
  .common-contact_number {
    font-size: 2.5rem;
  }
}
@media print {
  .common-contact_number {
    font-size: 2.5rem;
  }
}
.common-contact_number::after {
  background-color: #0bd79b;
  bottom: 0;
  content: " ";
  display: block;
  height: 2px;
  left: 0;
  position: absolute;
  right: 0;
}
@media print, screen and (min-width: 768px) {
  .common-contact_number::after {
    height: 3px;
  }
}
@media print {
  .common-contact_number::after {
    height: 3px;
  }
}
.common-contact_detail {
  font-size: 0.875rem;
  line-height: 1.7;
  margin-top: 24px;
  opacity: 0.85;
}
@media print, screen and (min-width: 768px) {
  .common-contact_detail {
    display: flex;
    justify-content: center;
  }
}
@media print {
  .common-contact_detail {
    display: flex;
    justify-content: center;
  }
}
.common-contact_detail-box {
  border: 1px solid rgba(255, 255, 255, 0.35);
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  margin-top: 8px;
  padding: 8px;
  width: 100%;
}
.common-contact_detail-box:first-child {
  margin-top: 0;
}
@media print, screen and (min-width: 768px) {
  .common-contact_detail-box {
    align-items: center;
    height: 64px;
    justify-content: center;
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 0;
    padding: 0;
    text-align: center;
    width: 280px;
  }
}
@media print {
  .common-contact_detail-box {
    align-items: center;
    height: 64px;
    justify-content: center;
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 0;
    padding: 0;
    text-align: center;
    width: 280px;
  }
}
.common-contact_detail-title {
  font-weight: 700;
}
.common-contact_detail-text .min {
  font-size: 85%;
  margin-left: 0.5em;
}
.common-contact_note {
  align-items: flex-start;
  display: inline-flex;
  flex-direction: column;
  font-size: 0.75rem;
  font-weight: normal;
  line-height: 1.5;
  margin-top: 24px;
}
@media print, screen and (min-width: 768px) {
  .common-contact_note {
    margin-top: 32px;
  }
}
@media print {
  .common-contact_note {
    margin-top: 32px;
  }
}
.common-contact_note-child {
  margin-top: 16px;
}
.common-contact_note-child:first-child {
  margin-top: 0;
}
@media print, screen and (min-width: 768px) {
  .common-contact_note-child {
    margin-top: 24px;
  }
}
@media print {
  .common-contact_note-child {
    margin-top: 24px;
  }
}
.common-contact_note-child p {
  text-align: left;
}
.common-contact_note-title {
  font-size: 105%;
  font-weight: 700;
  text-align: left;
}
.common-contact_note p {
  margin-top: 0.25em;
}
.common-contact_note p:first-child {
  margin-top: 0;
}
@media print, screen and (min-width: 768px) {
  .common-contact_note p {
    margin-top: 0.25em;
  }
}
@media print {
  .common-contact_note p {
    margin-top: 0.25em;
  }
}
.common-contact_note a {
  text-decoration: underline;
}
@media (hover: hover) and (pointer: fine) {
  .common-contact_note a {
    transition: all 0.25s ease;
  }
  .common-contact_note a:hover {
    color: #2effe0;
  }
}

/* =====================
  Share
===================== */
.common-share {
  padding-bottom: 40px;
  padding-top: 40px;
  text-align: center;
  background-color: #f2f5f4;
}
@media print, screen and (min-width: 768px) {
  .common-share {
    padding-bottom: 56px;
    padding-top: 56px;
  }
}
@media print {
  .common-share {
    padding-bottom: 56px;
    padding-top: 56px;
  }
}
.common-share_container {
  margin-left: auto;
  margin-right: auto;
  max-width: 1280px;
  padding-left: 16px;
  padding-right: 16px;
}
.common-share_title {
  font-family: "Poppins", "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Lato, sans-serif;
  font-size: 1rem;
  font-weight: 800;
  letter-spacing: 0.05em;
  line-height: 1;
}
@media print, screen and (min-width: 768px) {
  .common-share_title {
    font-size: 1.25rem;
  }
}
@media print {
  .common-share_title {
    font-size: 1.25rem;
  }
}
.common-share_list {
  align-items: center;
  display: flex;
  justify-content: center;
  list-style: none;
  margin: 0;
  margin-top: 8px;
  padding: 0;
}
@media print, screen and (min-width: 768px) {
  .common-share_list {
    margin-top: 16px;
  }
}
@media print {
  .common-share_list {
    margin-top: 16px;
  }
}
.common-share_item {
  margin: 0;
  margin-left: 16px;
  margin-right: 16px;
  padding: 0;
}
@media print, screen and (min-width: 768px) {
  .common-share_item {
    margin-left: 20px;
    margin-right: 20px;
  }
}
@media print {
  .common-share_item {
    margin-left: 20px;
    margin-right: 20px;
  }
}
.common-share_btn {
  display: block;
  text-decoration: none !important;
}
@media (hover: hover) and (pointer: fine) {
  .common-share_btn:hover img {
    opacity: 0.8;
  }
}
.common-share_btn img {
  height: auto;
  width: 40px;
}
@media (hover: hover) and (pointer: fine) {
  .common-share_btn img {
    transition: all 0.25s ease;
  }
}
@media print, screen and (min-width: 768px) {
  .common-share_btn img {
    width: 48px;
  }
}
@media print {
  .common-share_btn img {
    width: 48px;
  }
}

.footerUtility-list {
  list-style: none;
}

.app-footer {
  background-color: #000;
}
.app-footer .FooterUtility {
  border-bottom: none;
}

/* =====================
  footer
===================== */
@media (max-width: 719px) {
  .footer {
    background-color: #000;
    padding: 24px 10px;
    padding-bottom: 64px;
    padding-top: 5px;
  }
  /* ----- FooterUtility ----- */
  /* .footerUtility-list */
  .footerUtility-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    padding: 0;
  }
  .footerUtility-list li {
    font-size: 0.815rem;
  }
  .footerUtility-list > li:nth-child(-n+2) {
    margin-top: 0;
  }
  .footerUtility-list > li > a {
    color: #fff;
    display: inline-block;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
  }
  .footerUtility-list > li > a:before {
    -webkit-transform: rotate(45deg);
    border-right: 1px solid #fff;
    border-top: 1px solid #fff;
    content: "";
    height: 8px;
    left: 0;
    margin-top: -4px;
    position: absolute;
    top: 50%;
    transform: rotate(45deg);
    width: 8px;
  }
  /* footer-grouplist */
  .footer-group_list {
    align-items: center;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
  }
  .footer-group_top,
.footer-group_hd span,
.footer-group_nex span,
.footer-group_nmm span {
    color: #fff;
    display: inline-block;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
  }
  .footer-group_top {
    background: url(../images/com_sprite_logo01_sp.png) no-repeat 0 -18px;
    background-size: 202px auto;
    height: 13px;
    width: 110px;
  }
  .footer-group_list dd {
    line-height: 13px;
    margin-top: 8px;
  }
  .footer-group_list dd {
    line-height: 13px;
    margin-top: 5px;
  }
  .footer-group_list dd a {
    transition-duration: 0.2s;
    transition-property: opacity;
  }
  .footer-group_list dd a:hover {
    opacity: 0.8;
  }
  .footer-group_top + dd {
    margin-top: 12px;
  }
  .footer-group_hd .a-blank,
.footer-group_nex .a-blank,
.footer-group_nmm .a-blank {
    display: inline-block;
  }
  .footer-group_hd span {
    background: url(../images/com_sprite_logo01_sp.png) no-repeat 0 -31px;
    background-size: 202px auto;
    height: 10px;
    width: 122px;
  }
  .footer-group_nex span {
    background: url(../images/com_sprite_logo01_sp.png) no-repeat -110px -18px;
    background-size: 202px auto;
    height: 9px;
    width: 50px;
  }
  .footer-group_nmm span {
    background: url(../images/com_sprite_logo01_sp.png) no-repeat -122px -27px;
    background-size: 202px auto;
    height: 9px;
    width: 34px;
  }
  /* footer-copyright */
  .footer-copyright {
    margin-top: 10px;
    text-align: center;
  }
  .footer-copyright_label {
    color: #cbcbcb;
    font-size: 9px;
    line-height: 1;
  }
}
@media (min-width: 720px) {
  .footer {
    background-color: #000;
  }
  .FooterUtility {
    border-bottom: 1px solid #1a1a1a;
    padding: 20px 30px 10px;
  }
  /* footerUtility-list */
  .footerUtility-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 0 auto;
    padding: 0;
  }
  .footerUtility-list li {
    font-size: 0.815rem;
  }
  .footerUtility-list li a {
    color: #fff;
    padding: 0;
  }
  /* ----- FooterBody ----- */
  .footer-body {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: space-between;
    padding: 30px;
    padding-right: 40px;
    padding-top: 20px;
    width: 100%;
  }
  /* footer-copyright */
  .footer-copyright {
    display: flex;
    justify-content: flex-end;
    width: 100%;
  }
  .footer-copyright_label {
    color: #cbcbcb;
    display: block;
    font-size: 15px;
    line-height: 1;
  }
}
.a-blank::after {
  border: none !important;
  content: "";
  display: inline-block;
  height: 10px !important;
  width: 10px !important;
}

@media only screen and (max-width: 767px) {
  .a-blank::after {
    background-image: url("/lp/eneos/chargeplus/images/com_sprite_ic01_sp.png");
    background-position: -60px -21px;
    background-repeat: no-repeat;
    background-size: 104px auto;
    margin: 0 0 0 4px;
    vertical-align: 0;
  }
}
@media print, screen and (min-width: 768px) {
  .a-blank::after {
    -webkit-transform: translate(0, 40%);
    background: url("/lp/eneos/chargeplus/images/com_sprite_ic01.png") no-repeat 0 0;
    background-position: -12px -98px;
    margin-left: 8px;
    transform: translate(0, 40%);
    vertical-align: 3px;
  }
}
.footer-group {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: 100%;
}
@media print, screen and (min-width: 768px) {
  .footer-group {
    align-items: flex-start;
    gap: 24px;
    padding-bottom: 10px;
  }
}
@media print {
  .footer-group {
    align-items: flex-start;
    gap: 24px;
    padding-bottom: 10px;
  }
}
@media print, screen and (min-width: 992px) {
  .footer-group {
    align-items: stretch;
    flex-direction: row;
    padding-bottom: 0;
  }
}
@media print {
  .footer-group {
    align-items: stretch;
    flex-direction: row;
    padding-bottom: 0;
  }
}
.footer-group img {
  height: auto;
  max-width: 100%;
  vertical-align: middle;
}
.footer-group_top {
  display: flex;
  flex-direction: column;
}
@media print, screen and (min-width: 768px) {
  .footer-group_top {
    align-items: center;
    border-right: 1px solid #222;
    flex-direction: row;
    padding-right: 25px;
  }
}
@media print {
  .footer-group_top {
    align-items: center;
    border-right: 1px solid #222;
    flex-direction: row;
    padding-right: 25px;
  }
}
.footer-group_list {
  align-items: center;
  display: flex;
  flex-direction: column;
  width: 100%;
}
@media print, screen and (min-width: 768px) {
  .footer-group_list {
    align-items: flex-start;
    flex: 1;
    gap: 15px;
    width: auto;
  }
}
@media print {
  .footer-group_list {
    align-items: flex-start;
    flex: 1;
    gap: 15px;
    width: auto;
  }
}
.footer-group_col {
  align-items: center;
  display: flex;
  flex-direction: column;
  width: 100%;
}
@media print, screen and (min-width: 768px) {
  .footer-group_col {
    align-items: flex-start;
    flex-direction: row;
    gap: 40px;
    width: auto;
  }
}
@media print {
  .footer-group_col {
    align-items: flex-start;
    flex-direction: row;
    gap: 40px;
    width: auto;
  }
}
.footer-group_item {
  display: flex;
  justify-content: center;
  line-height: 1;
  padding-bottom: 2px;
  padding-top: 2px;
  width: 100%;
}
@media print, screen and (min-width: 768px) {
  .footer-group_item {
    padding: 0;
    width: auto;
  }
}
@media print {
  .footer-group_item {
    padding: 0;
    width: auto;
  }
}

.group-image-top {
  width: 127px;
}
@media print, screen and (min-width: 768px) {
  .group-image-top {
    width: 194px;
  }
}
@media print {
  .group-image-top {
    width: 194px;
  }
}
.group-image-hd {
  width: 120px;
}
@media print, screen and (min-width: 768px) {
  .group-image-hd {
    width: 208px;
  }
}
@media print {
  .group-image-hd {
    width: 208px;
  }
}
.group-image-jx {
  width: 48px;
}
@media print, screen and (min-width: 768px) {
  .group-image-jx {
    width: 90px;
  }
}
@media print {
  .group-image-jx {
    width: 90px;
  }
}
.group-image-jxnmm {
  width: 32px;
}
@media print, screen and (min-width: 768px) {
  .group-image-jxnmm {
    width: 62px;
  }
}
@media print {
  .group-image-jxnmm {
    width: 62px;
  }
}
.group-image-material {
  width: 96px;
}
@media print, screen and (min-width: 768px) {
  .group-image-material {
    width: 158px;
  }
}
@media print {
  .group-image-material {
    width: 158px;
  }
}
.group-image-power {
  width: 88px;
}
@media print, screen and (min-width: 768px) {
  .group-image-power {
    width: 144px;
  }
}
@media print {
  .group-image-power {
    width: 144px;
  }
}
.group-image-re {
  width: 156px;
}
@media print, screen and (min-width: 768px) {
  .group-image-re {
    width: 262px;
  }
}
@media print {
  .group-image-re {
    width: 262px;
  }
}

/* ------------------------------------------------------
  * Global Header
------------------------------------------------------ */
.global-header {
  background: #fff;
  box-sizing: border-box;
  height: 50px;
  overflow: hidden;
  padding: 16px 0 0 15px;
  position: relative;
  z-index: 10;
}
@media print, screen and (min-width: 992px) {
  .global-header {
    height: 79px;
    padding: 25px 0 0 30px;
    width: 100%;
  }
}
@media print {
  .global-header {
    height: 79px;
    padding: 25px 0 0 30px;
    width: 100%;
  }
}
.global-header[aria-hidden] {
  transition: all 0.25s ease;
}
.global-header[aria-hidden=false] {
  visibility: visible;
}
.global-header[aria-hidden=true] {
  height: 0;
  padding: 0;
  visibility: hidden;
}
.global-header_logo {
  display: block;
  font-size: 0;
  line-height: 0;
  width: 103px;
}
@media print, screen and (min-width: 992px) {
  .global-header_logo {
    width: 160px;
  }
}
@media print {
  .global-header_logo {
    width: 160px;
  }
}
.global-header img {
  height: auto;
  width: 100%;
}

/*=====================
  Header
===================== */
body.is-scrollLock .header, body.is-scrollLock .header-top {
  top: 0;
}

.header, .header-top {
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  display: flex;
  height: 60px;
  justify-content: space-between;
  padding-left: 16px;
  padding-right: 16px;
  transition: all 0.25s ease;
  width: 100%;
  z-index: 980;
}
@media print, screen and (min-width: 768px) {
  .header, .header-top {
    height: 80px;
    padding-left: 32px;
    padding-right: 32px;
  }
}
@media print {
  .header, .header-top {
    height: 80px;
    padding-left: 32px;
    padding-right: 32px;
  }
}
@media print {
  .header, .header-top {
    position: absolute;
  }
}
.header[data-status=scrolled], [data-status=scrolled].header-top {
  background-color: #fff;
  box-shadow: 0 0 1em rgba(0, 0, 0, 0.1);
  left: 0;
  position: fixed;
  top: 0;
}
.header-top {
  left: 0;
  position: absolute;
  right: 0;
  top: 50px;
}
@media print, screen and (min-width: 768px) {
  .header-top {
    position: relative;
    top: 0;
  }
}
@media print {
  .header-top {
    position: relative;
    top: 0;
  }
}
.header_logo {
  align-items: center;
  display: flex;
  order: 0;
}
.header_logo-inner {
  background-image: url("https://img.goo-net.com/lp/eneos/chargeplus/img/com_logo01.png");
  background-repeat: no-repeat;
  background-size: 100% auto;
  font-size: 0;
  height: 38.07px;
  overflow: hidden;
  text-indent: 150%;
  white-space: nowrap;
  width: 87.984px;
}
@media print, screen and (min-width: 768px) {
  .header_logo-inner {
    height: 45px;
    transition: all 0.25s ease;
    width: 104px;
  }
}
@media print {
  .header_logo-inner {
    height: 45px;
    transition: all 0.25s ease;
    width: 104px;
  }
}
.header_content {
  align-items: center;
  display: flex;
  flex: 1;
  justify-content: flex-end;
}
.header_btn {
  align-items: center;
  background: #fff;
  background-color: #fff;
  border: none;
  border-radius: 50%;
  color: #030303;
  display: flex;
  flex-direction: column;
  font-size: 8px;
  font-weight: 700;
  height: 48px;
  justify-content: center;
  letter-spacing: 0;
  margin-left: auto;
  margin-left: 16px;
  margin-right: 0;
  order: 2;
  overflow: hidden;
  position: relative;
  text-align: center;
  text-decoration: none !important;
  text-transform: uppercase;
  width: 48px;
}
@media (hover: hover) and (pointer: fine) {
  .header_btn {
    background: linear-gradient(90deg, #00947e 0%, #00947e 50%, #fff 50%, #fff 100%);
    background-position: 100% center;
    background-repeat: no-repeat;
    background-size: 220% 100%;
    transition: all 0.25s ease;
  }
}
.header_btn > * {
  z-index: 20;
}
@media (hover: hover) and (pointer: fine) {
  .header_btn:hover {
    background-position: 0 center;
    color: #fff;
  }
  .header_btn:hover .header_btn-icon svg {
    fill: #fff;
  }
}
@media print, screen and (min-width: 768px) {
  .header_btn {
    border: 2px solid #00947e;
    border-radius: 999em;
    color: #030303;
    flex-direction: row;
    font-size: 0.8125rem;
    margin-left: 8px;
    width: 120px;
  }
}
@media print {
  .header_btn {
    border: 2px solid #00947e;
    border-radius: 999em;
    color: #030303;
    flex-direction: row;
    font-size: 0.8125rem;
    margin-left: 8px;
    width: 120px;
  }
}
@media print, screen and (min-width: 992px) {
  .header_btn {
    width: 104px;
  }
}
@media print {
  .header_btn {
    width: 104px;
  }
}
@media print, screen and (min-width: 1320px) {
  .header_btn {
    font-size: 0.875rem;
    margin-left: 16px;
    width: 144px;
  }
}
@media print {
  .header_btn {
    font-size: 0.875rem;
    margin-left: 16px;
    width: 144px;
  }
}
@media print, screen and (min-width: 768px) {
  .header_btn-icon {
    margin-right: 4px;
  }
}
@media print {
  .header_btn-icon {
    margin-right: 4px;
  }
}
.header_btn-icon img {
  width: 20px;
}
.header_btn-icon svg {
  fill: #00947e;
  height: auto;
  line-height: 1;
  transition: all 0.25s ease;
  vertical-align: sub;
  width: 20px;
}
.header_btn-text {
  line-height: 1;
  margin-top: 4px;
}
@media print, screen and (min-width: 768px) {
  .header_btn-text {
    margin-top: 0;
  }
}
@media print {
  .header_btn-text {
    margin-top: 0;
  }
}
.header_btn--spot {
  background-color: rgba(237, 146, 0, 0.95);
  border: none;
  bottom: 0;
  color: #ed9200;
  display: flex;
  font-size: 0.875rem;
  font-weight: 700;
  height: 64px;
  justify-content: center;
  left: 0;
  letter-spacing: 0;
  overflow: hidden;
  padding: 12px 16px;
  position: fixed;
  right: 0;
  text-decoration: none !important;
  text-transform: uppercase;
}
.header_btn--spot:hover, .header_btn--spot:focus, .header_btn--spot:active {
  color: #ed9200;
}
@media print, screen and (min-width: 768px) {
  .header_btn--spot {
    background: #fff;
    background-color: #fff;
    border: 2px solid #ed9200;
    border-radius: 50%;
    border-radius: 999em;
    bottom: auto;
    color: #030303;
    font-size: 0.8125rem;
    height: 48px;
    left: auto;
    line-height: 1.25;
    margin-left: 16px;
    order: 2;
    position: relative;
    right: auto;
    width: 144px;
  }
}
@media print and (hover: hover) and (pointer: fine), screen and (min-width: 768px) and (hover: hover) and (pointer: fine) {
  .header_btn--spot {
    background: linear-gradient(90deg, #ed9200 0%, #ed9200 50%, #fff 50%, #fff 100%);
    background-position: 100% center;
    background-repeat: no-repeat;
    background-size: 220% 100%;
    transition: all 0.25s ease;
  }
}
@media print, screen and (min-width: 768px) {
  .header_btn--spot > * {
    z-index: 20;
  }
}
@media print and (hover: hover) and (pointer: fine), screen and (min-width: 768px) and (hover: hover) and (pointer: fine) {
  .header_btn--spot:hover {
    background-position: 0 center;
    color: #fff;
  }
  .header_btn--spot:hover .header_btn--spot-icon svg {
    fill: #fff;
  }
}
@media print {
  .header_btn--spot {
    background: #fff;
    background-color: #fff;
    border: 2px solid #ed9200;
    border-radius: 50%;
    border-radius: 999em;
    bottom: auto;
    color: #030303;
    font-size: 0.8125rem;
    height: 48px;
    left: auto;
    line-height: 1.25;
    margin-left: 16px;
    order: 2;
    position: relative;
    right: auto;
    width: 144px;
  }
}
@media print and (hover: hover) and (pointer: fine) {
  .header_btn--spot {
    background: linear-gradient(90deg, #ed9200 0%, #ed9200 50%, #fff 50%, #fff 100%);
    background-position: 100% center;
    background-repeat: no-repeat;
    background-size: 220% 100%;
    transition: all 0.25s ease;
  }
}
@media print {
  .header_btn--spot > * {
    z-index: 20;
  }
}
@media print and (hover: hover) and (pointer: fine) {
  .header_btn--spot:hover {
    background-position: 0 center;
    color: #fff;
  }
  .header_btn--spot:hover .header_btn--spot-icon svg {
    fill: #fff;
  }
}
.header_btn--spot-inner {
  align-items: center;
  background-color: #fff;
  border-radius: 999em;
  display: flex;
  justify-content: center;
  max-width: 280px;
  width: 100%;
}
@media print, screen and (min-width: 768px) {
  .header_btn--spot-inner {
    background-color: transparent;
    border-radius: 0;
    max-width: none;
  }
}
@media print {
  .header_btn--spot-inner {
    background-color: transparent;
    border-radius: 0;
    max-width: none;
  }
}
.header_btn--spot-icon {
  line-height: 1;
  margin-right: 8px;
}
@media print, screen and (min-width: 768px) {
  .header_btn--spot-icon {
    margin-right: 8px;
  }
}
@media print {
  .header_btn--spot-icon {
    margin-right: 8px;
  }
}
.header_btn--spot-icon svg {
  fill: #ed9200;
  height: auto;
  vertical-align: sub;
  width: 1.25em;
}
@media print, screen and (min-width: 768px) {
  .header_btn--spot-icon svg {
    transition: all 0.25s ease;
    width: 20px;
  }
}
@media print {
  .header_btn--spot-icon svg {
    transition: all 0.25s ease;
    width: 20px;
  }
}
.header_btn--spot-text {
  text-align: left;
}
.header_toggle {
  align-items: center;
  background-color: #00947e;
  border: none;
  border-radius: 50%;
  color: #fff;
  display: flex;
  flex-direction: column;
  font-family: "Poppins", "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Lato, sans-serif;
  font-size: 8px;
  font-weight: 800;
  height: 48px;
  justify-content: center;
  margin: 0;
  margin-left: 8px;
  order: 3;
  text-align: center;
  text-transform: uppercase;
  width: 48px;
  z-index: 1000;
}
@media (hover: hover) and (pointer: fine) {
  .header_toggle {
    transition: all 0.25s ease;
  }
  .header_toggle:hover {
    background-color: #00c7a9;
  }
  .header_toggle:hover .header_toggle-bar:nth-child(1) {
    -webkit-transform: translate(0, -2px);
    transform: translate(0, -2px);
  }
  .header_toggle:hover .header_toggle-bar:nth-child(3) {
    -webkit-transform: translate(0, 2px);
    transform: translate(0, 2px);
  }
}
@media print, screen and (min-width: 768px) {
  .header_toggle {
    margin-left: 8px;
  }
}
@media print {
  .header_toggle {
    margin-left: 8px;
  }
}
@media print, screen and (min-width: 1320px) {
  .header_toggle {
    margin-left: 16px;
  }
}
@media print {
  .header_toggle {
    margin-left: 16px;
  }
}
.header_toggle-bar {
  background-color: #fff;
  display: block;
  height: 1px;
  margin-top: 5px;
  transition: all 0.25s ease;
  width: 18px;
}
.header_toggle-bar:first-child {
  margin-top: 0;
}
.header_toggle[aria-expanded=true] .header_toggle-bar:nth-child(2) {
  opacity: 0;
}
.header_toggle[aria-expanded=true] .header_toggle-bar:nth-child(1) {
  -webkit-transform: translate(0, 6px) rotate(45deg);
  opacity: 1;
  transform: translate(0, 6px) rotate(45deg);
}
.header_toggle[aria-expanded=true] .header_toggle-bar:nth-child(3) {
  -webkit-transform: translate(0, -6px) rotate(-45deg);
  transform: translate(0, -6px) rotate(-45deg);
}

.nav-pc {
  display: none;
}
@media print, screen and (min-width: 992px) {
  .nav-pc {
    display: flex;
    flex: 1;
    font-size: min(1vw, 15px);
    height: 100%;
    justify-content: flex-end;
    margin: 0;
    margin-left: auto;
    order: 2;
  }
}
@media print {
  .nav-pc {
    display: flex;
    flex: 1;
    font-size: min(1vw, 15px);
    height: 100%;
    justify-content: flex-end;
    margin: 0;
    margin-left: auto;
    order: 2;
  }
}
@media print, screen and (min-width: 1320px) {
  .nav-pc {
    font-size: min(1vw, 16px);
  }
}
@media print {
  .nav-pc {
    font-size: min(1vw, 16px);
  }
}
.nav-pc_list {
  display: flex;
  flex-wrap: nowrap;
  list-style: none;
  margin: 0;
  padding: 0;
}
@media print, screen and (min-width: 992px) {
  .nav-pc_list {
    flex: 1;
    justify-content: space-between;
    margin-left: 24px;
    max-width: 960px;
  }
}
@media print {
  .nav-pc_list {
    flex: 1;
    justify-content: space-between;
    margin-left: 24px;
    max-width: 960px;
  }
}
.nav-pc_item, .nav-pc_item--dropdown {
  border-bottom: none;
  cursor: pointer;
  display: flex;
  margin: 0;
  margin-left: 16px;
  padding: 0;
}
@media print, screen and (min-width: 992px) {
  .nav-pc_item, .nav-pc_item--dropdown {
    margin-left: 0;
  }
}
@media print {
  .nav-pc_item, .nav-pc_item--dropdown {
    margin-left: 0;
  }
}
@media (hover: hover) and (pointer: fine) {
  .nav-pc_item:hover > a, .nav-pc_item--dropdown:hover > a,
.nav-pc_item:hover > span,
.nav-pc_item--dropdown:hover > span {
    color: #00947e;
  }
}
.nav-pc_item > a, .nav-pc_item--dropdown > a,
.nav-pc_item > span,
.nav-pc_item--dropdown > span {
  align-items: center;
  color: #030303;
  display: flex;
  font-weight: bold;
  line-height: 1.3;
  position: relative;
  text-align: center;
  text-decoration: none !important;
  transition: all 0.25s linear;
  transition-property: color, background-color;
  white-space: nowrap;
  width: 100%;
}
.nav-pc_item > a::after, .nav-pc_item--dropdown > a::after,
.nav-pc_item > span::after,
.nav-pc_item--dropdown > span::after {
  background: #00947e;
  bottom: 0;
  content: " ";
  display: block;
  height: 2px;
  left: 0;
  position: absolute;
  transition: width 0.3s cubic-bezier(0.6, 0, 0.3, 1);
  width: 0;
  z-index: 1;
}
.nav-pc_item > a[data-isCurrent=true]::after, .nav-pc_item--dropdown > a[data-isCurrent=true]::after,
.nav-pc_item > span[data-isCurrent=true]::after,
.nav-pc_item--dropdown > span[data-isCurrent=true]::after {
  width: 100%;
}
.nav-pc_item--dropdown {
  position: relative;
}
.nav-pc_item--dropdown > a::before,
.nav-pc_item--dropdown > span::before {
  -webkit-transform: translate(-50%, 0) rotate(45deg);
  border-bottom: 1px solid #00947e;
  border-right: 1px solid #00947e;
  bottom: 16px;
  content: " ";
  display: block;
  height: 5px;
  left: 50%;
  position: absolute;
  right: 15px;
  top: auto;
  transform: translate(-50%, 0) rotate(45deg);
  width: 5px;
}
@media print, screen and (min-width: 768px) {
  .nav-pc_item--dropdown.is-open {
    z-index: 91;
  }
}
@media print {
  .nav-pc_item--dropdown.is-open {
    z-index: 91;
  }
}

.dropdown-pc {
  -webkit-transform: translate(-50%, 0);
  background-color: rgba(255, 255, 255, 0.95);
  border-radius: 8px;
  box-shadow: 6px 6px 12px rgba(0, 0, 0, 0.175);
  font-size: 90%;
  height: 0;
  left: 50%;
  max-height: calc(100vh - 120px);
  opacity: 0;
  overflow: auto;
  position: absolute;
  top: 99%;
  transform: translate(-50%, 0);
  width: 280px;
  z-index: 91;
}
@media print, screen and (min-width: 992px) {
  .dropdown-pc {
    font-size: 85%;
  }
}
@media print {
  .dropdown-pc {
    font-size: 85%;
  }
}
.dropdown-pc[aria-hidden] {
  transition: all 0.25s ease;
}
.dropdown-pc[aria-hidden=false] {
  visibility: visible;
}
.dropdown-pc[aria-hidden=true] {
  visibility: hidden;
}
.dropdown-pc_nav {
  list-style: none;
  margin: 0;
  padding: 0;
}
.dropdown-pc_item {
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  margin: 0;
  padding: 0;
}
.dropdown-pc_item:first-child {
  border-top: none;
}
.dropdown-pc_linkarea {
  align-items: center;
  color: #030303;
  display: flex;
  height: 64px;
  justify-content: space-between;
  line-height: 1.3;
  padding: 4px 16px;
  text-decoration: none !important;
}
@media (hover: hover) and (pointer: fine) {
  .dropdown-pc_linkarea {
    transition: all 0.25s ease;
  }
  .dropdown-pc_linkarea:hover {
    background-color: #f9f9f9;
    color: #00947e;
  }
}
.dropdown-pc_linkarea img {
  margin-left: 0.5em;
}
.dropdown-pc_linkarea svg {
  fill: #00947e;
  width: 0.7em;
}

.nav-global {
  font-size: 0.9375rem;
}
@media print, screen and (min-width: 768px) {
  .nav-global {
    font-size: 0.9375rem;
  }
}
@media print {
  .nav-global {
    font-size: 0.9375rem;
  }
}
@media print, screen and (min-width: 992px) {
  .nav-global {
    align-items: flex-start;
    display: flex;
    font-size: 0.875rem;
    gap: 16px;
    margin-top: 24px;
  }
}
@media print {
  .nav-global {
    align-items: flex-start;
    display: flex;
    font-size: 0.875rem;
    gap: 16px;
    margin-top: 24px;
  }
}
@media print, screen and (min-width: 1320px) {
  .nav-global {
    font-size: 0.9375rem;
    gap: 24px;
  }
}
@media print {
  .nav-global {
    font-size: 0.9375rem;
    gap: 24px;
  }
}
.nav-global_list {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}
.nav-global_item, .nav-global_item--dropdown {
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  margin: 0;
  padding: 0;
  width: 100%;
}
@media (hover: hover) and (pointer: fine) {
  .nav-global_item:hover > a::after, .nav-global_item--dropdown:hover > a::after,
.nav-global_item:hover > span::after,
.nav-global_item--dropdown:hover > span::after {
    width: 100%;
  }
}
@media print, screen and (min-width: 992px) {
  .nav-global_item:first-child, .nav-global_item--dropdown:first-child {
    border-top: 1px solid rgba(255, 255, 255, 0.3);
  }
}
@media print {
  .nav-global_item:first-child, .nav-global_item--dropdown:first-child {
    border-top: 1px solid rgba(255, 255, 255, 0.3);
  }
}
@media (hover: hover) and (pointer: fine) {
  .nav-global_item > a:hover, .nav-global_item--dropdown > a:hover {
    background-color: rgba(255, 255, 255, 0.05);
  }
}
.nav-global_item > a, .nav-global_item--dropdown > a,
.nav-global_item > span,
.nav-global_item--dropdown > span {
  align-items: center;
  color: #fff;
  display: flex;
  font-weight: bold;
  justify-content: space-between;
  line-height: 1.3;
  min-height: 56px;
  position: relative;
  text-decoration: none !important;
  transition: all 0.25s linear;
  transition-property: color, background-color;
  width: 100%;
}
@media print, screen and (min-width: 768px) {
  .nav-global_item > a, .nav-global_item--dropdown > a,
.nav-global_item > span,
.nav-global_item--dropdown > span {
    min-height: 64px;
  }
}
@media print {
  .nav-global_item > a, .nav-global_item--dropdown > a,
.nav-global_item > span,
.nav-global_item--dropdown > span {
    min-height: 64px;
  }
}
@media print, screen and (min-width: 768px) {
  .nav-global_item > a::after, .nav-global_item--dropdown > a::after,
.nav-global_item > span::after,
.nav-global_item--dropdown > span::after {
    background: #00947e;
    content: " ";
    display: block;
    height: 2px;
    left: 0;
    position: absolute;
    top: 0;
    transition: width 0.3s cubic-bezier(0.6, 0, 0.3, 1);
    width: 0;
    z-index: 1;
  }
}
@media print {
  .nav-global_item > a::after, .nav-global_item--dropdown > a::after,
.nav-global_item > span::after,
.nav-global_item--dropdown > span::after {
    background: #00947e;
    content: " ";
    display: block;
    height: 2px;
    left: 0;
    position: absolute;
    top: 0;
    transition: width 0.3s cubic-bezier(0.6, 0, 0.3, 1);
    width: 0;
    z-index: 1;
  }
}
.nav-global_item > a[data-isCurrent=true], .nav-global_item--dropdown > a[data-isCurrent=true],
.nav-global_item > span[data-isCurrent=true],
.nav-global_item--dropdown > span[data-isCurrent=true] {
  background-color: rgba(255, 255, 255, 0.05);
}
.nav-global_item--dropdown {
  line-height: 1;
  position: inherit;
}
@media print, screen and (min-width: 992px) {
  .nav-global_item--dropdown .nav-global_dropdown-icon {
    display: none;
  }
}
@media print {
  .nav-global_item--dropdown .nav-global_dropdown-icon {
    display: none;
  }
}
.nav-global_item--dropdown.is-open .nav-global_dropdown-icon::after {
  -webkit-transform: rotate(0) !important;
  transform: rotate(0) !important;
}
@media print, screen and (min-width: 768px) {
  .nav-global_item--dropdown.is-open {
    z-index: 91;
  }
}
@media print {
  .nav-global_item--dropdown.is-open {
    z-index: 91;
  }
}
.nav-global_dropdown-icon {
  align-items: center;
  display: flex;
  font-size: 9px;
  height: 1em;
  justify-content: center;
  margin-right: 4px;
  position: relative;
  width: 1em;
}
.nav-global_dropdown-icon::before, .nav-global_dropdown-icon::after {
  background-color: #fff;
  content: " ";
  display: block;
  height: 1px;
  position: absolute;
  width: 100%;
}
.nav-global_dropdown-icon::after {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  transition: all 0.25s ease;
}

.dropdown-menu_btn {
  align-items: center;
  background-color: rgba(0, 0, 0, 0.25);
  border: none;
  border-radius: 0;
  color: #fff;
  display: flex;
  font-size: 0.8125rem;
  font-weight: bold;
  height: 40px;
  justify-content: flex-end;
  max-width: none;
  padding: 0 8px;
  width: auto;
}
@media (hover: hover) and (pointer: fine) {
  .dropdown-menu_btn {
    transition: all 0.25s ease;
  }
  .dropdown-menu_btn:hover {
    background-color: #00947e;
    color: #fff;
  }
}
.dropdown-menu_btn span[class^=link-arrow] {
  margin-left: 4px;
}
@media print, screen and (min-width: 992px) {
  .dropdown-menu_btn {
    display: none;
  }
}
@media print {
  .dropdown-menu_btn {
    display: none;
  }
}
@media print, screen and (min-width: 992px) {
  .dropdown-menu .dropdown-nav {
    flex: 1;
  }
}
@media print {
  .dropdown-menu .dropdown-nav {
    flex: 1;
  }
}

.dropdown-nav {
  border-left: 2px solid rgba(0, 0, 0, 0.2);
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  list-style: none;
  margin: 0;
  padding: 0;
}
@media print, screen and (min-width: 992px) {
  .dropdown-nav {
    border-left-width: 4px;
  }
}
@media print {
  .dropdown-nav {
    border-left-width: 4px;
  }
}
.dropdown-nav_item {
  background-color: rgba(0, 117, 99, 0.3);
  border-top: 1px solid rgba(255, 255, 255, 0.15);
  display: flex;
  flex-direction: column;
  font-size: 0.8125rem;
  margin: 0;
  padding: 0;
  width: 100%;
}
@media print, screen and (min-width: 768px) {
  .dropdown-nav_item {
    font-size: 0.875rem;
  }
}
@media print {
  .dropdown-nav_item {
    font-size: 0.875rem;
  }
}
.dropdown-nav_item:first-child {
  border-top: none;
}
.dropdown-nav_linkarea {
  align-items: center;
  color: #fff;
  display: flex;
  height: 48px;
  justify-content: space-between;
  line-height: 1.5;
  padding-left: 0.25em;
  padding-right: 4px;
  position: relative;
  text-decoration: none !important;
  width: 100%;
}
.dropdown-nav_linkarea:active, .dropdown-nav_linkarea:focus {
  color: #fff;
}
@media (hover: hover) and (pointer: fine) {
  .dropdown-nav_linkarea {
    transition: all 0.25s ease;
  }
  .dropdown-nav_linkarea:hover {
    background-color: rgba(255, 255, 255, 0.03);
    color: #fff;
  }
}
.dropdown-nav_linkarea:first-child {
  border-top: none;
}
@media print, screen and (min-width: 768px) {
  .dropdown-nav_linkarea {
    height: 64px;
  }
}
@media print {
  .dropdown-nav_linkarea {
    height: 64px;
  }
}
.dropdown-nav_linkarea > .text {
  align-items: center;
  display: flex;
  flex: 1;
  position: relative;
}
.dropdown-nav_linkarea > .text::before {
  background-color: #fff;
  content: " ";
  display: block;
  height: 1px;
  margin-right: 0.5em;
  opacity: 0.65;
  position: relative;
  width: 0.5em;
}
.dropdown-nav_linkarea img {
  height: auto;
  margin-right: 0.25em;
  width: 1em;
}
.dropdown-nav_linkarea svg {
  fill: #fff;
  width: 1em;
}

@media print, screen and (min-width: 992px) {
  .drawer-content {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    max-width: 1280px;
    min-height: 640px;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media print {
  .drawer-content {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    max-width: 1280px;
    min-height: 640px;
    padding-left: 16px;
    padding-right: 16px;
  }
}

.drawer-logo {
  align-items: center;
  display: flex;
  height: 60px;
}
@media print, screen and (min-width: 768px) {
  .drawer-logo {
    height: 80px;
  }
}
@media print {
  .drawer-logo {
    height: 80px;
  }
}
.drawer-logo img {
  height: auto;
  width: 87.984px;
}
@media print, screen and (min-width: 768px) {
  .drawer-logo img {
    width: 104px;
  }
}
@media print {
  .drawer-logo img {
    width: 104px;
  }
}

.drawer-btns {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  list-style: none;
  margin: 0;
  margin-top: 40px;
  padding: 0;
}
@media print, screen and (min-width: 768px) {
  .drawer-btns {
    flex-wrap: nowrap;
    margin-top: 56px;
  }
}
@media print {
  .drawer-btns {
    flex-wrap: nowrap;
    margin-top: 56px;
  }
}
.drawer-btns_item {
  display: flex;
  margin: 0;
  padding: 0;
  padding-left: 4px;
  padding-right: 4px;
  width: 50%;
}
@media print, screen and (min-width: 992px) {
  .drawer-btns_item {
    max-width: 320px;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media print {
  .drawer-btns_item {
    max-width: 320px;
    padding-left: 16px;
    padding-right: 16px;
  }
}
.drawer-btns_item.long {
  margin-bottom: 16px;
  width: 100%;
}
@media print, screen and (min-width: 768px) {
  .drawer-btns_item.long {
    margin-bottom: 0;
    width: 50%;
  }
}
@media print {
  .drawer-btns_item.long {
    margin-bottom: 0;
    width: 50%;
  }
}
.drawer-btns_btn, .drawer-btns_btn--ver2 {
  align-items: center;
  background: #fff;
  background-color: #fff;
  border: none;
  border-radius: 999em;
  color: #00947e;
  display: flex;
  font-size: 0.9375rem;
  font-weight: bold;
  height: 48px;
  justify-content: center;
  overflow: hidden;
  position: relative;
  text-align: center;
  text-decoration: none !important;
  width: 100%;
}
@media (hover: hover) and (pointer: fine) {
  .drawer-btns_btn, .drawer-btns_btn--ver2 {
    background: linear-gradient(90deg, #00c7a9 0%, #00c7a9 50%, #fff 50%, #fff 100%);
    background-position: 100% center;
    background-repeat: no-repeat;
    background-size: 220% 100%;
    transition: all 0.25s ease;
  }
}
.drawer-btns_btn > *, .drawer-btns_btn--ver2 > * {
  z-index: 20;
}
@media (hover: hover) and (pointer: fine) {
  .drawer-btns_btn, .drawer-btns_btn--ver2 {
    transition: all 0.25s ease;
  }
  .drawer-btns_btn:hover, .drawer-btns_btn--ver2:hover {
    background-position: 0 center;
    color: #fff;
  }
  .drawer-btns_btn:hover svg, .drawer-btns_btn--ver2:hover svg {
    fill: #fff;
  }
}
@media print, screen and (min-width: 992px) {
  .drawer-btns_btn, .drawer-btns_btn--ver2 {
    height: 56px;
  }
}
@media print {
  .drawer-btns_btn, .drawer-btns_btn--ver2 {
    height: 56px;
  }
}
.drawer-btns_btn--ver2 {
  background-color: #00947e;
  border: 2px solid #fff;
  color: #fff;
}
@media (hover: hover) and (pointer: fine) {
  .drawer-btns_btn--ver2:hover {
    background-color: #00a88e;
    color: #fff;
  }
}
.drawer-btns_icon {
  margin-right: 4px;
}
.drawer-btns_icon svg {
  fill: #00947e;
  height: auto;
  line-height: 1;
  vertical-align: sub;
  width: 20px;
}
.drawer-btns_icon svg#pin {
  width: 16px;
}
.spot-btn {
  align-items: center;
  background: #00947e;
  background-color: #00947e;
  border: 2px solid #fff;
  border-radius: 50%;
  bottom: 8px;
  box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.15);
  color: #fff;
  display: flex;
  flex-direction: column;
  height: 72px;
  justify-content: center;
  letter-spacing: 0;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  position: fixed;
  right: 16px;
  text-align: center;
  text-decoration: none !important;
  transition: all 0.25s ease;
  width: 72px;
  z-index: 100;
}
@media (hover: hover) and (pointer: fine) {
  .spot-btn {
    background: linear-gradient(90deg, #fff 0%, #fff 50%, #00947e 50%, #00947e 100%);
    background-position: 100% center;
    background-repeat: no-repeat;
    background-size: 220% 100%;
    transition: all 0.25s ease;
  }
}
.spot-btn > * {
  z-index: 20;
}
.spot-btn:focus, .spot-btn:visited {
  color: #fff;
}
@media (hover: hover) and (pointer: fine) {
  .spot-btn:hover {
    background-position: 0 center;
    border: 2px solid #00947e;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
    color: #00947e;
  }
  .spot-btn:hover svg {
    fill: #00947e;
  }
}
@media print, screen and (min-width: 768px) {
  .spot-btn {
    bottom: 40px;
    box-shadow: 4px 4px 16px rgba(0, 0, 0, 0.25);
    height: 90px;
    right: 64px;
    width: 90px;
  }
}
@media print {
  .spot-btn {
    bottom: 40px;
    box-shadow: 4px 4px 16px rgba(0, 0, 0, 0.25);
    height: 90px;
    right: 64px;
    width: 90px;
  }
}
.spot-btn.active {
  opacity: 1;
  pointer-events: auto;
}
.spot-btn_text {
  font-size: 0.625rem;
  font-weight: 700;
  line-height: 1.3;
}
@media print, screen and (min-width: 768px) {
  .spot-btn_text {
    font-size: 0.75rem;
  }
}
@media print {
  .spot-btn_text {
    font-size: 0.75rem;
  }
}
.spot-btn_icon {
  line-height: 1;
  margin-top: 2px;
}
@media print, screen and (min-width: 768px) {
  .spot-btn_icon {
    margin-top: 4px;
  }
}
@media print {
  .spot-btn_icon {
    margin-top: 4px;
  }
}
.spot-btn_icon img,
.spot-btn_icon svg {
  fill: #fff;
  height: auto;
  width: 18px;
}
@media print, screen and (min-width: 768px) {
  .spot-btn_icon img,
.spot-btn_icon svg {
    width: 24px;
  }
}
@media print {
  .spot-btn_icon img,
.spot-btn_icon svg {
    width: 24px;
  }
}

.app-header {
  background-color: #00947e;
  background-image: url(../../app/images/index_bg01@2x.png);
  background-position: center center;
  background-size: cover;
  color: #fff;
  overflow: hidden;
}
.app-header_container {
  margin-left: auto;
  margin-right: auto;
  max-width: 1280px;
  padding-left: 16px;
  padding-right: 16px;
}
@media print, screen and (min-width: 768px) {
  .app-header_container {
    display: flex;
    height: min(42vw, 440px);
  }
}
@media print {
  .app-header_container {
    display: flex;
    height: min(42vw, 440px);
  }
}
@media print, screen and (min-width: 1320px) {
  .app-header_container {
    gap: 40px;
  }
}
@media print {
  .app-header_container {
    gap: 40px;
  }
}
.app-header_content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-top: 40px;
  white-space: nowrap;
}
@media print, screen and (min-width: 768px) {
  .app-header_content {
    padding-bottom: 40px;
  }
}
@media print {
  .app-header_content {
    padding-bottom: 40px;
  }
}
.app-header_lead {
  display: flex;
  flex-direction: column;
  font-size: min(14vw, 30px);
  font-weight: 700;
  gap: 0;
  line-height: 1.5;
}
@media print, screen and (min-width: 768px) {
  .app-header_lead {
    font-size: min(4vw, 52px);
  }
}
@media print {
  .app-header_lead {
    font-size: min(4vw, 52px);
  }
}
.app-header_lead > small {
  font-size: 85%;
}
@media print, screen and (min-width: 768px) {
  .app-header_lead > small {
    font-size: 100%;
  }
}
@media print {
  .app-header_lead > small {
    font-size: 100%;
  }
}
.app-header_lead > span {
  margin-left: -0.15em;
}
.app-header_text {
  font-size: min(3.75vw, 16px);
  line-height: 1.5;
  margin-top: 1em;
}
@media print, screen and (min-width: 768px) {
  .app-header_text {
    font-size: min(1.5vw, 18px);
  }
}
@media print {
  .app-header_text {
    font-size: min(1.5vw, 18px);
  }
}
.app-header_note {
  font-size: 0.75rem;
  font-weight: normal;
  line-height: 1.5;
  margin-top: 0.5em;
  opacity: 0.85;
  padding-left: 1em;
  text-indent: -1em;
}
.app-header_download {
  display: flex;
  gap: 4px;
  margin-top: 24px;
}
@media print, screen and (min-width: 768px) {
  .app-header_download {
    margin-top: 32px;
  }
}
@media print {
  .app-header_download {
    margin-top: 32px;
  }
}
@media print, screen and (min-width: 992px) {
  .app-header_download {
    gap: 8px;
  }
}
@media print {
  .app-header_download {
    gap: 8px;
  }
}
.app-header_qr {
  display: none;
  width: min(88px, 24vw);
}
@media print, screen and (min-width: 768px) {
  .app-header_qr {
    display: block;
  }
}
@media print {
  .app-header_qr {
    display: block;
  }
}
.app-header_qr img {
  height: auto;
  max-width: 100%;
}
.app-header_image {
  height: min(240px, 60vw);
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  width: min(480px, 80vw);
}
@media print, screen and (min-width: 768px) {
  .app-header_image {
    height: auto;
    margin-right: -7vw;
    width: min(70vw, 740px);
  }
}
@media print {
  .app-header_image {
    height: auto;
    margin-right: -7vw;
    width: min(70vw, 740px);
  }
}
.app-header_image img {
  -webkit-transform: translate(4%, 0);
  height: auto;
  transform: translate(4%, 0);
  width: 100%;
}
@media print, screen and (min-width: 768px) {
  .app-header_image img {
    -webkit-transform: none;
    transform: none;
  }
}
@media print {
  .app-header_image img {
    -webkit-transform: none;
    transform: none;
  }
}

.app-download {
  display: flex;
  flex-direction: column;
  margin-left: auto;
  margin-right: auto;
}
@media print, screen and (min-width: 768px) {
  .app-download {
    margin-left: 0;
    margin-right: 0;
  }
}
@media print {
  .app-download {
    margin-left: 0;
    margin-right: 0;
  }
}
.app-download_title {
  background-color: #fff;
  border-radius: 999em;
  color: #00947e;
  font-size: min(4vw, 12px);
  font-weight: 700;
  line-height: 1.3;
  padding: 0.25em;
  text-align: center;
}
@media print, screen and (min-width: 768px) {
  .app-download_title {
    font-size: min(2vw, 14px);
  }
}
@media print {
  .app-download_title {
    font-size: min(2vw, 14px);
  }
}
.app-download_btns {
  display: flex;
  gap: 4px;
  margin-top: 8px;
}
@media (hover: hover) and (pointer: fine) {
  .app-download_btn {
    transition: all 0.25s ease;
  }
  .app-download_btn:hover {
    opacity: 0.85;
  }
}
.app-download_btn img {
  height: min(48px, 15vw);
}
@media print, screen and (min-width: 768px) {
  .app-download_btn img {
    height: min(56px, 17vw);
  }
}
@media print {
  .app-download_btn img {
    height: min(56px, 17vw);
  }
}

.app-section {
  background-color: #fff;
  padding-bottom: 48px;
  padding-top: 64px;
}
@media print, screen and (min-width: 768px) {
  .app-section {
    padding-bottom: 120px;
    padding-top: 160px;
  }
}
@media print {
  .app-section {
    padding-bottom: 120px;
    padding-top: 160px;
  }
}
.app-section_container {
  margin-left: auto;
  margin-right: auto;
  max-width: 1280px;
  padding-left: 16px;
  padding-right: 16px;
}
.app-section_text {
  font-size: 0.9375rem;
  line-height: 2;
}
@media print, screen and (min-width: 768px) {
  .app-section_text {
    font-size: 1.25rem;
  }
}
@media print {
  .app-section_text {
    font-size: 1.25rem;
  }
}
.app-section_note {
  font-size: 0.75rem;
  font-weight: normal;
  line-height: 1.5;
  margin-top: 1em;
  opacity: 0.6;
  padding-left: 1em;
  text-indent: -1em;
}

.app-section-btn {
  text-align: center;
}

.app-functions {
  position: relative;
}
@media print, screen and (min-width: 768px) {
  .app-functions {
    align-items: center;
    display: flex;
    gap: 40px;
  }
}
@media print {
  .app-functions {
    align-items: center;
    display: flex;
    gap: 40px;
  }
}
.app-functions_list {
  border-top: 1px solid #ddd;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}
.app-functions_item {
  border-bottom: 1px solid #ddd;
  padding-bottom: 2em;
}
@media print, screen and (min-width: 768px) {
  .app-functions_item {
    padding-bottom: 0;
  }
}
@media print {
  .app-functions_item {
    padding-bottom: 0;
  }
}
.app-functions_empty {
  display: none;
}
@media print, screen and (min-width: 768px) {
  .app-functions_empty {
    display: block;
    min-height: 480px;
    width: 100%;
  }
}
@media print {
  .app-functions_empty {
    display: block;
    min-height: 480px;
    width: 100%;
  }
}
.app-functions_check {
  display: none;
}
.app-functions_label {
  cursor: pointer;
  display: block;
  padding-top: 1em;
  position: relative;
}
@media print, screen and (min-width: 768px) {
  .app-functions_label {
    padding: 1em;
    transition: background 0.25s ease;
  }
  .app-functions_label:hover {
    background-color: #f6f6f6;
  }
}
@media print {
  .app-functions_label {
    padding: 1em;
    transition: background 0.25s ease;
  }
  .app-functions_label:hover {
    background-color: #f6f6f6;
  }
}
.app-functions_content {
  display: flex;
  flex-direction: column;
}
.app-functions_title {
  font-size: 0.9375rem;
  font-weight: 700;
  line-height: 2;
  line-height: 1.5;
}
@media print, screen and (min-width: 768px) {
  .app-functions_title {
    font-size: 1.25rem;
  }
}
@media print {
  .app-functions_title {
    font-size: 1.25rem;
  }
}
.app-functions_text {
  font-size: 0.875rem;
  margin-top: 0.25em;
}
@media print, screen and (min-width: 768px) {
  .app-functions_text {
    font-size: 1.125rem;
  }
}
@media print {
  .app-functions_text {
    font-size: 1.125rem;
  }
}
@media print, screen and (min-width: 768px) {
  .app-functions .app-functions_check:checked + .app-functions_label + .app-functions_image {
    -webkit-transform: none;
    opacity: 1;
    transform: none;
    transition: all 0.85s ease;
  }
  .app-functions .app-functions_check:checked + .app-functions_label {
    background-color: #f3f4f3;
  }
}
@media print {
  .app-functions .app-functions_check:checked + .app-functions_label + .app-functions_image {
    -webkit-transform: none;
    opacity: 1;
    transform: none;
    transition: all 0.85s ease;
  }
  .app-functions .app-functions_check:checked + .app-functions_label {
    background-color: #f3f4f3;
  }
}
.app-functions_image {
  margin-top: 16px;
  text-align: center;
}
@media print, screen and (min-width: 768px) {
  .app-functions_image {
    -webkit-transform: translate(24px, 24px);
    bottom: 0;
    left: calc(50% + 20px);
    margin: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: translate(24px, 24px);
    transition: all 0.45s ease;
  }
}
@media print {
  .app-functions_image {
    -webkit-transform: translate(24px, 24px);
    bottom: 0;
    left: calc(50% + 20px);
    margin: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: translate(24px, 24px);
    transition: all 0.45s ease;
  }
}
.app-functions_image img {
  height: auto;
  width: min(65vw, 240px);
}
@media print, screen and (min-width: 768px) {
  .app-functions_image img {
    -o-object-fit: contain;
    height: 100%;
    left: 0;
    max-height: inherit;
    max-width: inherit;
    object-fit: contain;
    position: absolute;
    top: 0;
    transition: all 0.45s ease;
    width: 100%;
  }
}
@media print {
  .app-functions_image img {
    -o-object-fit: contain;
    height: 100%;
    left: 0;
    max-height: inherit;
    max-width: inherit;
    object-fit: contain;
    position: absolute;
    top: 0;
    transition: all 0.45s ease;
    width: 100%;
  }
}

.app-cv {
  background-color: #00947e;
  background-position: center center;
  background-size: cover;
  color: #fff;
  padding-bottom: 24px;
  padding-top: 24px;
}
@media print, screen and (min-width: 768px) {
  .app-cv {
    padding-bottom: 40px;
    padding-top: 40px;
  }
}
@media print {
  .app-cv {
    padding-bottom: 40px;
    padding-top: 40px;
  }
}
.app-cv_container {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-left: auto;
  margin-right: auto;
  max-width: 1280px;
  padding-left: 16px;
  padding-right: 16px;
  text-align: center;
}
@media print, screen and (min-width: 768px) {
  .app-cv_container {
    align-items: center;
    flex-direction: row;
    gap: 24px;
    justify-content: center;
    text-align: left;
  }
}
@media print {
  .app-cv_container {
    align-items: center;
    flex-direction: row;
    gap: 24px;
    justify-content: center;
    text-align: left;
  }
}
@media print, screen and (min-width: 992px) {
  .app-cv_container {
    gap: 40px;
  }
}
@media print {
  .app-cv_container {
    gap: 40px;
  }
}
.app-cv_title {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.5;
}
@media print, screen and (min-width: 992px) {
  .app-cv_title {
    font-size: 1.25rem;
  }
}
@media print {
  .app-cv_title {
    font-size: 1.25rem;
  }
}
.app-cv_title > span {
  border-bottom: 2px solid currentColor;
}
.app-cv_content {
  align-items: center;
  display: flex;
  gap: 4px;
}
@media print, screen and (min-width: 768px) {
  .app-cv_content {
    gap: 8px;
  }
}
@media print {
  .app-cv_content {
    gap: 8px;
  }
}
.app-cv_btns, .app-cv_btns--min {
  display: flex;
  gap: 4px;
  justify-content: center;
  margin-top: 4px;
  width: 100%;
}
@media print, screen and (min-width: 768px) {
  .app-cv_btns, .app-cv_btns--min {
    margin-top: 8px;
  }
}
@media print {
  .app-cv_btns, .app-cv_btns--min {
    margin-top: 8px;
  }
}
.app-cv_btns--min {
  width: auto;
}
@media (hover: hover) and (pointer: fine) {
  .app-cv_btn {
    transition: all 0.25s ease;
  }
  .app-cv_btn:hover {
    opacity: 0.85;
  }
}
.app-cv_btn img {
  height: min(56px, 13vw);
  width: auto;
}
.app-cv_qr {
  display: none;
  width: min(80px, 20vw);
}
@media print, screen and (min-width: 768px) {
  .app-cv_qr {
    display: block;
  }
}
@media print {
  .app-cv_qr {
    display: block;
  }
}
.app-cv_qr img {
  height: auto;
  max-width: 100%;
}

.app-member {
  background-color: #f2f5f4;
}
.app-member_container {
  margin-left: auto;
  margin-right: auto;
  max-width: 1280px;
  padding-left: 16px;
  padding-right: 16px;
}

.timing-list {
  list-style: none;
  margin: 0;
  margin-top: 32px;
  padding: 0;
}
@media print, screen and (min-width: 768px) {
  .timing-list {
    margin-top: 64px;
  }
}
@media print {
  .timing-list {
    margin-top: 64px;
  }
}
.timing-list_item {
  margin-top: 32px;
}
@media print, screen and (min-width: 768px) {
  .timing-list_item {
    margin-top: 48px;
  }
}
@media print {
  .timing-list_item {
    margin-top: 48px;
  }
}
.timing-list_item:first-child {
  margin-top: 0;
}
@media print, screen and (min-width: 992px) {
  .timing-list_item {
    align-items: center;
    display: flex;
  }
}
@media print {
  .timing-list_item {
    align-items: center;
    display: flex;
  }
}
.timing-list_illust {
  margin-bottom: 4px;
  position: relative;
  text-align: center;
}
@media print, screen and (min-width: 768px) {
  .timing-list_illust {
    margin-bottom: 16px;
  }
}
@media print {
  .timing-list_illust {
    margin-bottom: 16px;
  }
}
@media print, screen and (min-width: 992px) {
  .timing-list_illust {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-bottom: 0;
    width: min(35%, 400px);
  }
}
@media print {
  .timing-list_illust {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-bottom: 0;
    width: min(35%, 400px);
  }
}
.timing-list_illust img {
  height: auto;
  position: relative;
  width: 180px;
}
@media print, screen and (min-width: 768px) {
  .timing-list_illust img {
    width: 320px;
  }
}
@media print {
  .timing-list_illust img {
    width: 320px;
  }
}
.timing-list_figure {
  -webkit-transform: translate(0, -7.5%);
  position: relative;
  transform: translate(0, -7.5%);
  z-index: 10;
}
.timing-list_circle {
  -webkit-transform: translate(-50%, -50%);
  display: block;
  height: 160px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 160px;
}
@media print, screen and (min-width: 768px) {
  .timing-list_circle {
    height: 240px;
    width: 240px;
  }
}
@media print {
  .timing-list_circle {
    height: 240px;
    width: 240px;
  }
}
.timing-list_circle > span {
  background-color: #fff;
  border-radius: 50%;
  display: block;
  height: 100%;
  width: 100%;
}
@media print, screen and (min-width: 992px) {
  .timing-list_content {
    flex: 1;
    min-height: 200px;
    padding-bottom: 40px;
  }
}
@media print {
  .timing-list_content {
    flex: 1;
    min-height: 200px;
    padding-bottom: 40px;
  }
}
.timing-list_text {
  font-size: 0.875rem;
  margin-top: 16px;
}
@media print, screen and (min-width: 768px) {
  .timing-list_text {
    font-size: 1.125rem;
  }
}
@media print {
  .timing-list_text {
    font-size: 1.125rem;
  }
}
@media print, screen and (min-width: 768px) {
  .timing-list_text {
    margin-top: 24px;
  }
}
@media print {
  .timing-list_text {
    margin-top: 24px;
  }
}
.timing-list_text p {
  margin-top: 1em;
}
.timing-list_text p:first-child {
  margin-top: 0;
}
.timing-list_note {
  margin-top: 16px;
}
@media print, screen and (min-width: 768px) {
  .timing-list_note {
    margin-top: 24px;
  }
}
@media print {
  .timing-list_note {
    margin-top: 24px;
  }
}
.timing-list_note p {
  font-size: 0.75rem;
  font-weight: normal;
  line-height: 1.5;
  margin-top: 0.5em;
  opacity: 0.6;
  padding-left: 1em;
  text-indent: -1em;
}
.timing-list_note p:first-child {
  margin-top: 0;
}

.subpage {
  background-color: #f2f5f4;
}
.subpage-app {
  background-color: #f2f5f4;
  padding-bottom: 64px;
}
@media print, screen and (min-width: 768px) {
  .subpage-app {
    padding-bottom: 120px;
  }
}
@media print {
  .subpage-app {
    padding-bottom: 120px;
  }
}
.subpage_container {
  margin-left: auto;
  margin-right: auto;
  max-width: 1280px;
  padding-left: 16px;
  padding-right: 16px;
  position: relative;
}
.subpage_header {
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
.subpage_header-deco {
  -webkit-transform: translate(-50%, 0);
  bottom: -20px;
  left: 50%;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  top: 0;
  transform: translate(-50%, 0);
  width: 100%;
}
@media print, screen and (min-width: 768px) {
  .subpage_header-deco {
    bottom: -70px;
    max-width: 1480px;
  }
}
@media print {
  .subpage_header-deco {
    bottom: -70px;
    max-width: 1480px;
  }
}
.subpage_header-deco > span {
  border-radius: 2px;
  display: block;
  position: absolute;
}
.subpage_header-deco > span::after, .subpage_header-deco > span::before {
  border-radius: 2px;
  content: " ";
  display: block;
  position: absolute;
}
.subpage_header-deco > span:nth-child(1) {
  background-color: #058e79;
  height: 20px;
  left: 0;
  opacity: 0.6;
  top: 25px;
  width: 20px;
}
@media print, screen and (min-width: 768px) {
  .subpage_header-deco > span:nth-child(1) {
    border-radius: 4px;
    height: 78px;
    top: 50px;
    width: 78px;
  }
}
@media print {
  .subpage_header-deco > span:nth-child(1) {
    border-radius: 4px;
    height: 78px;
    top: 50px;
    width: 78px;
  }
}
.subpage_header-deco > span:nth-child(1)::after {
  -webkit-filter: brightness(120%);
  background-color: #00b18f;
  bottom: 10px;
  filter: brightness(120%);
  height: 40px;
  left: 10px;
  opacity: 0.8;
  width: 40px;
}
@media print, screen and (min-width: 768px) {
  .subpage_header-deco > span:nth-child(1)::after {
    border-radius: 6px;
    bottom: 40px;
    height: 150px;
    left: 40px;
    width: 150px;
  }
}
@media print {
  .subpage_header-deco > span:nth-child(1)::after {
    border-radius: 6px;
    bottom: 40px;
    height: 150px;
    left: 40px;
    width: 150px;
  }
}
.subpage_header-deco > span:nth-child(1)::before {
  background-color: #b1e3d8;
  bottom: 6px;
  height: 12px;
  left: 45px;
  width: 12px;
}
@media print, screen and (min-width: 768px) {
  .subpage_header-deco > span:nth-child(1)::before {
    border-radius: 3px;
    bottom: 20px;
    height: 44px;
    left: 170px;
    width: 44px;
  }
}
@media print {
  .subpage_header-deco > span:nth-child(1)::before {
    border-radius: 3px;
    bottom: 20px;
    height: 44px;
    left: 170px;
    width: 44px;
  }
}
.subpage_header-deco > span:nth-child(2) {
  background-color: #058e79;
  bottom: 0;
  height: 20px;
  opacity: 0.6;
  right: 4px;
  width: 20px;
}
@media print, screen and (min-width: 768px) {
  .subpage_header-deco > span:nth-child(2) {
    border-radius: 5px;
    height: 80px;
    right: 0;
    width: 80px;
  }
}
@media print {
  .subpage_header-deco > span:nth-child(2) {
    border-radius: 5px;
    height: 80px;
    right: 0;
    width: 80px;
  }
}
.subpage_header-deco > span:nth-child(2)::after {
  -webkit-filter: brightness(120%);
  background-color: #00b18f;
  bottom: 5px;
  filter: brightness(120%);
  height: 36px;
  opacity: 0.8;
  right: 4px;
  width: 36px;
}
@media print, screen and (min-width: 768px) {
  .subpage_header-deco > span:nth-child(2)::after {
    border-radius: 5px;
    bottom: 60px;
    height: 140px;
    right: 50px;
    width: 140px;
  }
}
@media print {
  .subpage_header-deco > span:nth-child(2)::after {
    border-radius: 5px;
    bottom: 60px;
    height: 140px;
    right: 50px;
    width: 140px;
  }
}
.subpage_header-deco > span:nth-child(2)::before {
  background-color: #b1e3d8;
  bottom: 35px;
  height: 15px;
  right: 35px;
  width: 15px;
}
@media print, screen and (min-width: 768px) {
  .subpage_header-deco > span:nth-child(2)::before {
    border-radius: 3px;
    bottom: 180px;
    height: 34px;
    right: 170px;
    width: 34px;
  }
}
@media print {
  .subpage_header-deco > span:nth-child(2)::before {
    border-radius: 3px;
    bottom: 180px;
    height: 34px;
    right: 170px;
    width: 34px;
  }
}
.subpage_banner {
  margin-left: auto;
  margin-left: auto;
  margin-right: auto;
  margin-right: auto;
  max-width: 1280px;
  padding-bottom: 24px;
  padding-left: 16px;
  padding-right: 16px;
  position: relative;
}
@media print, screen and (min-width: 768px) {
  .subpage_banner {
    padding-bottom: 40px;
  }
}
@media print {
  .subpage_banner {
    padding-bottom: 40px;
  }
}
.subpage_banner img {
  height: auto;
  max-width: 100%;
}
.subpage_banner a {
  background-color: #fff;
  display: block;
}
@media (hover: hover) and (pointer: fine) {
  .subpage_banner a img {
    transition: all 0.25s ease;
  }
  .subpage_banner a:hover img {
    opacity: 0.75;
  }
}
.subpage_main, .subpage_main-sm {
  position: relative;
}
.subpage_main-sm {
  margin-left: auto;
  margin-right: auto;
  max-width: 960px;
}
.subpage_btn {
  margin-top: 40px;
  text-align: center;
}
@media print, screen and (min-width: 768px) {
  .subpage_btn {
    margin-top: 80px;
  }
}
@media print {
  .subpage_btn {
    margin-top: 80px;
  }
}
@media print, screen and (min-width: 768px) {
  .subpage_share {
    padding-bottom: 40px;
    padding-top: 40px;
  }
}
@media print {
  .subpage_share {
    padding-bottom: 40px;
    padding-top: 40px;
  }
}
@media print, screen and (min-width: 992px) {
  .subpage_row {
    display: flex;
    justify-content: space-between;
  }
}
@media print {
  .subpage_row {
    display: flex;
    justify-content: space-between;
  }
}
.subpage_side {
  margin-bottom: 24px;
}
@media print, screen and (min-width: 768px) {
  .subpage_side {
    margin-bottom: 40px;
  }
}
@media print {
  .subpage_side {
    margin-bottom: 40px;
  }
}
@media print, screen and (min-width: 992px) {
  .subpage_side {
    margin-bottom: 0;
    padding-right: 20px;
    width: 260px;
  }
}
@media print {
  .subpage_side {
    margin-bottom: 0;
    padding-right: 20px;
    width: 260px;
  }
}
@media print, screen and (min-width: 1320px) {
  .subpage_side {
    margin-right: 20px;
    width: 300px;
  }
}
@media print {
  .subpage_side {
    margin-right: 20px;
    width: 300px;
  }
}
@media print, screen and (min-width: 992px) {
  .subpage_content {
    flex: 1;
  }
}
@media print {
  .subpage_content {
    flex: 1;
  }
}
.subpage .card-cv,
.subpage .card-app {
  margin-top: 40px;
  padding: 0;
}
@media print, screen and (min-width: 768px) {
  .subpage .card-cv,
.subpage .card-app {
    margin-top: 80px;
  }
}
@media print {
  .subpage .card-cv,
.subpage .card-app {
    margin-top: 80px;
  }
}

.intro-block {
  margin-top: -24px;
  padding-bottom: 32px;
  padding-left: 16px;
  padding-right: 16px;
  position: relative;
  z-index: 10;
}
@media print, screen and (min-width: 768px) {
  .intro-block {
    margin-top: -40px;
    padding-bottom: 40px;
  }
}
@media print {
  .intro-block {
    margin-top: -40px;
    padding-bottom: 40px;
  }
}
.intro-block_text {
  font-size: 0.875rem;
  margin-left: auto;
  margin-right: auto;
  max-width: 860px;
}
@media print, screen and (min-width: 768px) {
  .intro-block_text {
    font-size: 1.125rem;
  }
}
@media print {
  .intro-block_text {
    font-size: 1.125rem;
  }
}
@media print, screen and (min-width: 992px) {
  .intro-block_text {
    text-align: center;
  }
}
@media print {
  .intro-block_text {
    text-align: center;
  }
}
.intro-block_text p {
  margin-top: 1em;
}
.intro-block_text p:first-child {
  margin-top: 0;
}
.intro-block_btn {
  margin-top: 16px;
  text-align: center;
}
@media print, screen and (min-width: 768px) {
  .intro-block_btn {
    margin-top: 24px;
  }
}
@media print {
  .intro-block_btn {
    margin-top: 24px;
  }
}
.intro-block_note {
  font-size: 0.75rem;
  font-weight: normal;
  line-height: 1.5;
  opacity: 0.6;
  padding-left: 1em;
  text-indent: -1em;
}

.page-section {
  margin-top: 56px;
  position: relative;
  z-index: 10;
}
@media print, screen and (min-width: 768px) {
  .page-section {
    margin-top: 80px;
  }
}
@media print {
  .page-section {
    margin-top: 80px;
  }
}
.page-section:first-child {
  margin-top: 0;
}
.page-section_child {
  margin-top: 32px;
}
@media print, screen and (min-width: 768px) {
  .page-section_child {
    margin-top: 48px;
  }
}
@media print {
  .page-section_child {
    margin-top: 48px;
  }
}
.page-section_child:first-child {
  margin-top: 0;
}
.page-section_grandChild {
  margin-top: 16px;
}
@media print, screen and (min-width: 768px) {
  .page-section_grandChild {
    margin-top: 24px;
  }
}
@media print {
  .page-section_grandChild {
    margin-top: 24px;
  }
}
.page-section_grandChild:first-child {
  margin-top: 0;
}
.page-section p,
.page-section figure,
.page-section ol,
.page-section ul,
.page-section dl,
.page-section table {
  margin-top: 1em;
}
.page-section p:first-child,
.page-section figure:first-child,
.page-section ol:first-child,
.page-section ul:first-child,
.page-section dl:first-child,
.page-section table:first-child {
  margin-top: 0;
}
.page-section p.page-section_note,
.page-section figure.page-section_note,
.page-section ol.page-section_note,
.page-section ul.page-section_note,
.page-section dl.page-section_note,
.page-section table.page-section_note {
  font-size: 0.75rem;
  font-weight: normal;
  line-height: 1.5;
  opacity: 0.6;
  padding-left: 1em;
  text-indent: -1em;
}
.page-section p.page-section_note--lg,
.page-section figure.page-section_note--lg,
.page-section ol.page-section_note--lg,
.page-section ul.page-section_note--lg,
.page-section dl.page-section_note--lg,
.page-section table.page-section_note--lg {
  font-size: 0.75rem;
  font-size: 0.875rem;
  font-weight: normal;
  line-height: 1.5;
  opacity: 0.6;
  padding-left: 1em;
  text-indent: -1em;
}
@media print, screen and (min-width: 768px) {
  .page-section p.page-section_note--lg,
.page-section figure.page-section_note--lg,
.page-section ol.page-section_note--lg,
.page-section ul.page-section_note--lg,
.page-section dl.page-section_note--lg,
.page-section table.page-section_note--lg {
    font-size: 0.9375rem;
  }
}
@media print {
  .page-section p.page-section_note--lg,
.page-section figure.page-section_note--lg,
.page-section ol.page-section_note--lg,
.page-section ul.page-section_note--lg,
.page-section dl.page-section_note--lg,
.page-section table.page-section_note--lg {
    font-size: 0.9375rem;
  }
}
.page-section span.page-section_note {
  font-size: 0.75rem;
  font-weight: normal;
  line-height: 1.5;
  opacity: 0.6;
  padding-left: 1em;
  text-indent: -1em;
}
.page-section span.page-section_note2 {
  font-size: 0.75rem;
  font-weight: normal;
  line-height: 1.3;
  opacity: 0.6;
}
.page-section dl {
  font-size: 0.75rem;
}
@media print, screen and (min-width: 768px) {
  .page-section dl {
    font-size: 0.9375rem;
  }
}
@media print {
  .page-section dl {
    font-size: 0.9375rem;
  }
}
.page-section_sm {
  font-size: 0.8125rem;
  letter-spacing: 0;
}
@media print, screen and (min-width: 768px) {
  .page-section_sm {
    font-size: 1rem;
  }
}
@media print {
  .page-section_sm {
    font-size: 1rem;
  }
}
.page-section figure {
  text-align: center;
}
.page-section img {
  height: auto;
  max-width: 100%;
}
@media print, screen and (min-width: 768px) {
  .page-section_center {
    text-align: center;
  }
}
@media print {
  .page-section_center {
    text-align: center;
  }
}
.page-section_right {
  text-align: right;
}
.page-section_left {
  text-align: left;
}
.page-section_btn {
  margin-top: 24px;
  text-align: center;
}
@media print, screen and (min-width: 768px) {
  .page-section_btn {
    margin-top: 24px;
  }
}
@media print {
  .page-section_btn {
    margin-top: 24px;
  }
}
.page-section .common-h2:first-child {
  margin-top: 24px;
}

@media print, screen and (min-width: 992px) {
  .block-row, .block-row-reverse {
    display: flex;
    margin-left: -20px;
    margin-right: -20px;
  }
}
@media print {
  .block-row, .block-row-reverse {
    display: flex;
    margin-left: -20px;
    margin-right: -20px;
  }
}
@media print, screen and (min-width: 992px) {
  .block-row-reverse {
    flex-direction: row-reverse;
  }
}
@media print {
  .block-row-reverse {
    flex-direction: row-reverse;
  }
}
.block-row_col {
  margin-top: 64px;
}
.block-row_col:first-child {
  margin-top: 0;
}
@media print, screen and (min-width: 992px) {
  .block-row_col {
    display: flex;
    margin-top: 0;
    padding-left: 20px;
    padding-right: 20px;
    width: 100%;
  }
}
@media print {
  .block-row_col {
    display: flex;
    margin-top: 0;
    padding-left: 20px;
    padding-right: 20px;
    width: 100%;
  }
}
.block-row_image, .block-row_image-logo, .block-row_image--pc, .block-row_image--sp {
  margin-bottom: 24px !important;
  margin-top: 0 !important;
}
@media print, screen and (min-width: 768px) {
  .block-row_image, .block-row_image-logo, .block-row_image--pc, .block-row_image--sp {
    margin-bottom: 32px !important;
  }
}
@media print {
  .block-row_image, .block-row_image-logo, .block-row_image--pc, .block-row_image--sp {
    margin-bottom: 32px !important;
  }
}
@media print, screen and (min-width: 992px) {
  .block-row_image, .block-row_image-logo, .block-row_image--pc, .block-row_image--sp {
    margin-bottom: 0 !important;
    padding-left: 20px;
    padding-right: 20px;
    width: 45%;
  }
}
@media print {
  .block-row_image, .block-row_image-logo, .block-row_image--pc, .block-row_image--sp {
    margin-bottom: 0 !important;
    padding-left: 20px;
    padding-right: 20px;
    width: 45%;
  }
}
.block-row_image:last-child, .block-row_image-logo:last-child, .block-row_image--pc:last-child, .block-row_image--sp:last-child {
  margin-bottom: 0 !important;
  margin-top: 24px !important;
}
@media print, screen and (min-width: 768px) {
  .block-row_image:last-child, .block-row_image-logo:last-child, .block-row_image--pc:last-child, .block-row_image--sp:last-child {
    margin-top: 32px !important;
  }
}
@media print {
  .block-row_image:last-child, .block-row_image-logo:last-child, .block-row_image--pc:last-child, .block-row_image--sp:last-child {
    margin-top: 32px !important;
  }
}
@media print, screen and (min-width: 992px) {
  .block-row_image:last-child, .block-row_image-logo:last-child, .block-row_image--pc:last-child, .block-row_image--sp:last-child {
    margin-top: 0 !important;
  }
}
@media print {
  .block-row_image:last-child, .block-row_image-logo:last-child, .block-row_image--pc:last-child, .block-row_image--sp:last-child {
    margin-top: 0 !important;
  }
}
.block-row_image img, .block-row_image-logo img, .block-row_image--pc img, .block-row_image--sp img {
  display: block;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}
.block-row_image--sp {
  margin-bottom: 0 !important;
  margin-top: 24px !important;
}
@media print, screen and (min-width: 768px) {
  .block-row_image--sp {
    margin-top: 32px !important;
  }
}
@media print {
  .block-row_image--sp {
    margin-top: 32px !important;
  }
}
.block-row_image--sp:first-child {
  margin-top: 0 !important;
}
@media print, screen and (min-width: 992px) {
  .block-row_image--sp {
    display: none;
  }
}
@media print {
  .block-row_image--sp {
    display: none;
  }
}
.block-row_image--pc {
  display: none;
}
@media print, screen and (min-width: 992px) {
  .block-row_image--pc {
    display: block;
  }
}
@media print {
  .block-row_image--pc {
    display: block;
  }
}
.block-row_image-logo {
  padding: 16px;
  position: relative;
}
@media print, screen and (min-width: 768px) {
  .block-row_image-logo {
    padding: 32px;
  }
}
@media print {
  .block-row_image-logo {
    padding: 32px;
  }
}
.block-row_image-logo img {
  height: auto;
  max-width: 240px;
}
@media print, screen and (min-width: 768px) {
  .block-row_image-logo img {
    max-width: 320px;
  }
}
@media print {
  .block-row_image-logo img {
    max-width: 320px;
  }
}
.block-row_minimage {
  text-align: left !important;
}
@media print, screen and (min-width: 992px) {
  .block-row_content {
    flex: 1;
    margin-bottom: 0;
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media print {
  .block-row_content {
    flex: 1;
    margin-bottom: 0;
    padding-left: 20px;
    padding-right: 20px;
  }
}
.block-row_text {
  margin-top: 16px;
}
@media print, screen and (min-width: 768px) {
  .block-row_text {
    margin-top: 24px;
  }
}
@media print {
  .block-row_text {
    margin-top: 24px;
  }
}
.block-row_text:first-child {
  margin-top: 0;
}
.block-row_text p {
  font-size: 0.875rem;
  margin-top: 1em;
}
@media print, screen and (min-width: 768px) {
  .block-row_text p {
    font-size: 1.125rem;
  }
}
@media print {
  .block-row_text p {
    font-size: 1.125rem;
  }
}
.block-row_text p:first-child {
  margin-top: 0;
}
.block-row_note {
  margin-top: 8px;
}
@media print, screen and (min-width: 768px) {
  .block-row_note {
    margin-top: 16px;
  }
}
@media print {
  .block-row_note {
    margin-top: 16px;
  }
}
.block-row_note:first-child {
  margin-top: 0;
}
.block-row_note p {
  font-size: 0.75rem;
  font-weight: normal;
  line-height: 1.5;
  margin-top: 0.25em;
  opacity: 0.6;
  padding-left: 1em;
  text-indent: -1em;
}
.block-row_btn {
  margin-top: 16px;
  text-align: center;
}
@media print, screen and (min-width: 768px) {
  .block-row_btn {
    margin-top: 24px;
  }
}
@media print {
  .block-row_btn {
    margin-top: 24px;
  }
}
@media print, screen and (min-width: 992px) {
  .block-row_btn {
    text-align: left;
  }
}
@media print {
  .block-row_btn {
    text-align: left;
  }
}

@media print, screen and (min-width: 992px) {
  .box-row {
    display: flex;
    margin-left: -16px;
    margin-right: -16px;
  }
}
@media print {
  .box-row {
    display: flex;
    margin-left: -16px;
    margin-right: -16px;
  }
}
.box-row_col {
  margin-top: 64px;
}
.box-row_col:first-child {
  margin-top: 0;
}
@media print, screen and (min-width: 992px) {
  .box-row_col {
    display: flex;
    margin-top: 0;
    padding-left: 16px;
    padding-right: 16px;
    width: 100%;
  }
}
@media print {
  .box-row_col {
    display: flex;
    margin-top: 0;
    padding-left: 16px;
    padding-right: 16px;
    width: 100%;
  }
}
@media print, screen and (min-width: 768px) {
  .box-row_box {
    border: 1px solid #ddd;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    padding: 40px 24px;
  }
}
@media print {
  .box-row_box {
    border: 1px solid #ddd;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    padding: 40px 24px;
  }
}
@media print, screen and (min-width: 768px) {
  .box-row_text {
    flex: 1;
  }
}
@media print {
  .box-row_text {
    flex: 1;
  }
}
.box-row_text p {
  font-size: 0.8125rem;
}
@media print, screen and (min-width: 768px) {
  .box-row_text p {
    font-size: 1rem;
  }
}
@media print {
  .box-row_text p {
    font-size: 1rem;
  }
}
@media print, screen and (min-width: 992px) {
  .box-row .btn {
    width: 100%;
  }
}
@media print {
  .box-row .btn {
    width: 100%;
  }
}

.youtube {
  margin-left: auto;
  margin-right: auto;
  max-width: 840px;
}
.youtube_inner {
  border: 1px solid #fff;
  height: 0;
  overflow: hidden;
  padding-bottom: 56.2%;
  position: relative;
}
.youtube iframe,
.youtube object,
.youtube embed {
  border: none;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.box-membership {
  background-color: #f2f5f4;
  border-radius: 4px;
  display: flex;
  flex-direction: column-reverse;
  padding: 0 8px 40px 8px;
}
@media print, screen and (min-width: 768px) {
  .box-membership {
    align-items: center;
    display: flex;
    flex-direction: row;
    min-height: 364px;
    padding: 0;
    padding: 0 16px 40px 16px;
  }
}
@media print {
  .box-membership {
    align-items: center;
    display: flex;
    flex-direction: row;
    min-height: 364px;
    padding: 0;
    padding: 0 16px 40px 16px;
  }
}
.box-membership_content {
  margin-top: -1em;
  position: relative;
  z-index: 10;
}
@media print, screen and (min-width: 768px) {
  .box-membership_content {
    flex: 1;
    margin-top: 0;
    padding: 40px;
  }
}
@media print {
  .box-membership_content {
    flex: 1;
    margin-top: 0;
    padding: 40px;
  }
}
.box-membership_text {
  margin-top: 16px;
}
@media print, screen and (min-width: 768px) {
  .box-membership_text {
    margin-top: 24px;
  }
}
@media print {
  .box-membership_text {
    margin-top: 24px;
  }
}
.box-membership_text:first-child {
  margin-top: 0;
}
.box-membership_marker {
  font-size: 133%;
}
.box-membership_note {
  margin-top: 16px;
}
@media print, screen and (min-width: 768px) {
  .box-membership_note {
    margin-top: 24px;
  }
}
@media print {
  .box-membership_note {
    margin-top: 24px;
  }
}
.box-membership_note p {
  font-size: 0.75rem;
  font-weight: normal;
  line-height: 1.5;
  margin-top: 0.25em;
  opacity: 0.6;
  padding-left: 1em;
  text-indent: -1em;
}
.box-membership_note p:first-child {
  margin-top: 0;
}
.box-membership_btn {
  margin-top: 24px;
  text-align: center;
}
@media print, screen and (min-width: 768px) {
  .box-membership_btn {
    margin-top: 24px;
    text-align: left;
  }
}
@media print {
  .box-membership_btn {
    margin-top: 24px;
    text-align: left;
  }
}
.box-membership_illust {
  position: relative;
  text-align: center;
}
@media print, screen and (min-width: 768px) {
  .box-membership_illust {
    padding-right: 40px;
    width: 30%;
  }
}
@media print {
  .box-membership_illust {
    padding-right: 40px;
    width: 30%;
  }
}
.box-membership_illust img {
  -webkit-transform: translate(-5%, 0);
  display: block;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  position: relative;
  transform: translate(-5%, 0);
  width: 180px;
}
@media print, screen and (min-width: 768px) {
  .box-membership_illust img {
    -webkit-transform-origin: right center;
    -webkit-transform: scale(1.4) translate(5%, 0);
    transform: scale(1.4) translate(5%, 0);
    transform-origin: right center;
    width: 100%;
  }
}
@media print {
  .box-membership_illust img {
    -webkit-transform-origin: right center;
    -webkit-transform: scale(1.4) translate(5%, 0);
    transform: scale(1.4) translate(5%, 0);
    transform-origin: right center;
    width: 100%;
  }
}
.box-membership_illust::before {
  -webkit-transform: translate(-50%, -50%);
  background-color: #fff;
  border-radius: 50%;
  content: " ";
  display: block;
  height: 144px;
  left: 50%;
  opacity: 0.85;
  position: absolute;
  position: absolute;
  top: 65%;
  transform: translate(-50%, -50%);
  width: 144px;
}
@media print, screen and (min-width: 768px) {
  .box-membership_illust::before {
    height: 0;
    left: 35%;
    padding-bottom: 100%;
    top: 60%;
    width: 100%;
  }
}
@media print {
  .box-membership_illust::before {
    height: 0;
    left: 35%;
    padding-bottom: 100%;
    top: 60%;
    width: 100%;
  }
}

.point-number {
  color: #00947e;
  font-family: "Poppins", "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Lato, sans-serif;
  font-size: 0.75rem;
  font-weight: 800;
  letter-spacing: 0.1em;
}
@media print, screen and (min-width: 768px) {
  .point-number {
    font-size: 0.9375rem;
  }
}
@media print {
  .point-number {
    font-size: 0.9375rem;
  }
}
.point-number_text--ja {
  font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Lato, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 700;
}
.point-number_number {
  font-size: 160%;
}

.lease-arrow {
  align-items: center;
  display: flex;
  height: 100px;
  justify-content: center;
  margin-top: 24px;
  padding-top: 30px;
  position: relative;
  text-align: center;
  width: 100%;
}
@media print, screen and (min-width: 768px) {
  .lease-arrow {
    height: 120px;
    margin-top: 32px;
    padding-top: 40px;
  }
}
@media print {
  .lease-arrow {
    height: 120px;
    margin-top: 32px;
    padding-top: 40px;
  }
}
.lease-arrow::before {
  -webkit-transform: translate(-50%, 0);
  background-color: #edf8f3;
  content: " ";
  display: block;
  height: 80%;
  left: 50%;
  position: absolute;
  top: 0;
  transform: translate(-50%, 0);
  width: 12em;
}
.lease-arrow::after {
  -webkit-transform-origin: center top;
  -webkit-transform: scale(1, 0.5);
  border-color: #edf8f3 transparent transparent transparent;
  border-style: solid;
  border-width: 8.5em 8.5em 0 8.5em;
  content: " ";
  display: block;
  height: 0;
  position: absolute;
  top: 80%;
  transform: scale(1, 0.5);
  transform-origin: center top;
  width: 0;
}
.lease-arrow_inner {
  color: #007563;
  font-weight: 700;
  position: relative;
  z-index: 10;
}
.lease-arrow .lg {
  font-size: 115%;
}
.lease-large-text {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: 8px;
  margin-top: 32px !important;
  position: relative;
  text-align: center;
  z-index: 10;
}
@media print, screen and (min-width: 768px) {
  .lease-large-text {
    font-size: 1.75rem;
    margin-bottom: 16px;
    margin-top: 48px !important;
  }
}
@media print {
  .lease-large-text {
    font-size: 1.75rem;
    margin-bottom: 16px;
    margin-top: 48px !important;
  }
}

.column-thumb {
  overflow: hidden;
  padding-bottom: 40%;
  position: relative;
  width: 100%;
}
.column-thumb img {
  -o-object-fit: cover;
  height: 100%;
  left: 0;
  max-height: inherit;
  max-width: inherit;
  object-fit: cover;
  position: absolute;
  top: 0;
  transition: all 0.45s ease;
  width: 100%;
}

.guidance-chart {
  padding-right: 35%;
}

.terms-section ol {
  counter-reset: number;
  list-style-type: none !important;
  padding-left: 1em;
}
.terms-section ol > li {
  line-height: 1.75;
  margin: 0;
  margin-top: 0.5em;
  padding: 0;
  padding-left: 1.5em;
  position: relative;
}
.terms-section ol > li:first-child {
  margin-top: 0;
}
.terms-section ol > li::before {
  content: counter(number) ".";
  counter-increment: number;
  display: block;
  font-size: 95%;
  left: 0;
  line-height: 1.75;
  position: absolute;
  text-align: center;
  top: 0;
  white-space: nowrap;
}
.terms-section ol.number-list2 {
  counter-reset: number2;
  list-style-type: none !important;
}
.terms-section ol.number-list2 > li {
  line-height: 1.75;
  margin: 0;
  margin-top: 0.5em;
  padding: 0;
  padding-left: 2em;
  position: relative;
}
.terms-section ol.number-list2 > li:first-child {
  margin-top: 0;
}
.terms-section ol.number-list2 > li::before {
  content: "(" counter(number2) ")";
  counter-increment: number2;
  display: block;
  font-size: 95%;
  left: 0;
  line-height: 1.75;
  position: absolute;
  text-align: center;
  top: 0;
  white-space: nowrap;
}

.about-text {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 720px;
}
.about-text img {
  height: auto;
  max-width: 380px;
  width: 100%;
}
@media print, screen and (min-width: 768px) {
  .about-text img {
    max-width: 640px;
  }
}
@media print {
  .about-text img {
    max-width: 640px;
  }
}

p.about-lead {
  margin-left: auto;
  margin-right: auto;
  margin-top: 32px;
  max-width: 720px;
  padding-left: 5vw;
  padding-right: 5vw;
}
@media print, screen and (min-width: 768px) {
  p.about-lead {
    margin-top: 64px;
    padding: 0;
  }
}
@media print {
  p.about-lead {
    margin-top: 64px;
    padding: 0;
  }
}
p.about-lead img {
  height: auto;
  max-width: 100%;
}

@media print, screen and (min-width: 768px) {
  .enekey-row {
    align-items: center;
    display: flex;
  }
}
@media print {
  .enekey-row {
    align-items: center;
    display: flex;
  }
}
.enekey-row__logo {
  margin-bottom: 16px;
}
@media print, screen and (min-width: 768px) {
  .enekey-row__logo {
    margin-bottom: 0;
    margin-right: 40px;
  }
}
@media print {
  .enekey-row__logo {
    margin-bottom: 0;
    margin-right: 40px;
  }
}
.enekey-row__logo img {
  height: auto;
  width: 150px;
}
.enekey-row__logo2 {
  display: flex;
  gap: 8px;
  margin-bottom: 16px;
  width: 100%;
}
@media print, screen and (min-width: 768px) {
  .enekey-row__logo2 {
    flex-direction: column;
    gap: 16px;
    margin-bottom: 0;
    margin-right: 40px;
    width: 200px;
  }
}
@media print {
  .enekey-row__logo2 {
    flex-direction: column;
    gap: 16px;
    margin-bottom: 0;
    margin-right: 40px;
    width: 200px;
  }
}
.enekey-row__logo-col {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 4px;
  text-align: center;
  width: 120px;
}
@media print, screen and (min-width: 768px) {
  .enekey-row__logo-col {
    gap: 8px;
    width: 100%;
  }
}
@media print {
  .enekey-row__logo-col {
    gap: 8px;
    width: 100%;
  }
}
.enekey-row__logo-image {
  aspect-ratio: 6.5/2;
  position: relative;
  width: 100%;
}
.enekey-row__logo-image img {
  -o-object-fit: cover;
  height: 100%;
  left: 0;
  max-height: inherit;
  max-width: inherit;
  object-fit: cover;
  position: absolute;
  top: 0;
  transition: all 0.45s ease;
  width: 100%;
}
.enekey-row__logo-text {
  font-size: 0.75rem;
  font-weight: bold;
  line-height: 1;
}
@media print, screen and (min-width: 768px) {
  .enekey-row__content {
    flex: 1;
  }
}
@media print {
  .enekey-row__content {
    flex: 1;
  }
}

.anchor-target {
  margin-top: -50px;
  padding-top: 50px;
}
@media print, screen and (min-width: 768px) {
  .anchor-target {
    margin-top: -80px;
    padding-top: 80px;
  }
}
@media print {
  .anchor-target {
    margin-top: -80px;
    padding-top: 80px;
  }
}

.other-contact {
  background-color: #007563;
  color: #fff;
  padding: 24px 16px;
}
@media print, screen and (min-width: 768px) {
  .other-contact {
    padding: 64px 80px;
    text-align: center;
  }
}
@media print {
  .other-contact {
    padding: 64px 80px;
    text-align: center;
  }
}
.other-contact a {
  color: #fff;
}
.other-contact_title {
  font-size: 1.25rem;
  letter-spacing: 0.05em;
  line-height: 1.3;
}
@media print, screen and (min-width: 768px) {
  .other-contact_title {
    font-size: 1.75rem;
    text-align: center;
  }
}
@media print {
  .other-contact_title {
    font-size: 1.75rem;
    text-align: center;
  }
}
.other-contact_text {
  font-size: 0.8125rem;
  margin-top: 16px;
  opacity: 0.85;
}
@media print, screen and (min-width: 768px) {
  .other-contact_text {
    font-size: 1rem;
  }
}
@media print {
  .other-contact_text {
    font-size: 1rem;
  }
}
.other-contact_phone {
  align-items: center;
  display: flex;
  margin-top: 8px;
}
@media print, screen and (min-width: 768px) {
  .other-contact_phone {
    justify-content: center;
  }
}
@media print {
  .other-contact_phone {
    justify-content: center;
  }
}
.other-contact_phone a {
  font-size: 2.25rem;
  line-height: 1;
}
.other-contact_icon {
  margin-right: 8px;
}
@media print, screen and (min-width: 768px) {
  .other-contact_icon {
    margin-right: 12px;
    padding-top: 4px;
  }
}
@media print {
  .other-contact_icon {
    margin-right: 12px;
    padding-top: 4px;
  }
}
.other-contact_icon img {
  height: auto;
  width: 48px;
}
@media print, screen and (min-width: 768px) {
  .other-contact_icon img {
    width: 56px;
  }
}
@media print {
  .other-contact_icon img {
    width: 56px;
  }
}
.other-contact_number {
  display: block;
  font-family: "Poppins", "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Lato, sans-serif;
  font-size: 2rem;
  font-weight: 800;
  line-height: 1;
  padding-bottom: 2px;
  position: relative;
}
@media print, screen and (min-width: 361px) {
  .other-contact_number {
    font-size: 2.25rem;
  }
}
@media print {
  .other-contact_number {
    font-size: 2.25rem;
  }
}
@media print, screen and (min-width: 768px) {
  .other-contact_number {
    font-size: 2.5rem;
  }
}
@media print {
  .other-contact_number {
    font-size: 2.5rem;
  }
}
.other-contact_number::after {
  background-color: #0bd79b;
  bottom: 0;
  content: " ";
  display: block;
  height: 2px;
  left: 0;
  position: absolute;
  right: 0;
}
@media print, screen and (min-width: 768px) {
  .other-contact_number::after {
    height: 3px;
  }
}
@media print {
  .other-contact_number::after {
    height: 3px;
  }
}
.other-contact_detail {
  font-size: 0.875rem;
  line-height: 1.7;
  margin-top: 24px;
  opacity: 0.85;
}
@media print, screen and (min-width: 768px) {
  .other-contact_detail {
    display: flex;
    justify-content: center;
  }
}
@media print {
  .other-contact_detail {
    display: flex;
    justify-content: center;
  }
}
.other-contact_detail-box {
  border: 1px solid rgba(255, 255, 255, 0.35);
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  margin-top: 8px;
  padding: 8px;
  width: 100%;
}
.other-contact_detail-box:first-child {
  margin-top: 0;
}
@media print, screen and (min-width: 768px) {
  .other-contact_detail-box {
    align-items: center;
    height: 64px;
    justify-content: center;
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 0;
    padding: 0;
    text-align: center;
    width: 320px;
  }
}
@media print {
  .other-contact_detail-box {
    align-items: center;
    height: 64px;
    justify-content: center;
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 0;
    padding: 0;
    text-align: center;
    width: 320px;
  }
}
.other-contact_detail-title {
  font-weight: 700;
}
.other-contact_detail-text .min {
  font-size: 85%;
  margin-left: 0.5em;
}
.other-contact_note {
  align-items: flex-start;
  display: inline-flex;
  flex-direction: column;
  font-size: 0.75rem;
  font-weight: normal;
  line-height: 1.5;
  margin-top: 8px;
  opacity: 0.75;
}
@media print, screen and (min-width: 768px) {
  .other-contact_note {
    margin-top: 16px;
  }
}
@media print {
  .other-contact_note {
    margin-top: 16px;
  }
}

.phone-block {
  align-items: baseline;
  display: flex;
  font-size: 1.25rem;
  gap: 0.25em;
}
@media print, screen and (min-width: 768px) {
  .phone-block {
    font-size: 1.75rem;
  }
}
@media print {
  .phone-block {
    font-size: 1.75rem;
  }
}
.phone-block_icon {
  line-height: 1;
}
.phone-block_icon img {
  height: auto;
  line-height: 1;
  vertical-align: middle;
  width: 1.25em;
}
.phone-block_number {
  display: block;
  font-family: "Poppins", "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Lato, sans-serif;
  font-weight: 800;
  line-height: 1.25;
  position: relative;
}

.popup-modal {
  background-color: #fff;
}
.popup-modal * {
  text-shadow: none !important;
}

#lightcase-content p {
  color: #030303;
}

.application-modal {
  background-color: #fff;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 24px 16px;
  width: 100%;
}
@media print, screen and (min-width: 768px) {
  .application-modal {
    font-size: 16px;
    gap: 24px;
    line-height: 2;
    padding: 48px 40px;
  }
}
@media print {
  .application-modal {
    font-size: 16px;
    gap: 24px;
    line-height: 2;
    padding: 48px 40px;
  }
}
.application-modal_btn {
  display: flex;
  justify-content: center;
  text-align: center;
  width: 100%;
}
.application-modal_checkbox {
  display: flex;
  justify-content: center;
  width: 100%;
}
.application-modal_label {
  align-items: center;
  display: flex;
  font-weight: normal;
  gap: 0.25em;
}
.biz-section {
  display: flex;
  flex-direction: column;
  gap: 48px;
  width: 100%;
}
@media print, screen and (min-width: 768px) {
  .biz-section {
    gap: 80px;
  }
}
@media print {
  .biz-section {
    gap: 80px;
  }
}

.note-box {
  background-color: #fff;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  font-size: 0.75rem;
  gap: 1em;
  margin-left: auto;
  margin-right: auto;
  margin-top: 16px;
  max-width: 1240px;
  padding: 16px;
  position: relative;
  z-index: 10;
}
@media print, screen and (min-width: 768px) {
  .note-box {
    font-size: 0.9375rem;
  }
}
@media print {
  .note-box {
    font-size: 0.9375rem;
  }
}
@media print, screen and (min-width: 992px) {
  .note-box {
    margin-top: 24px;
    padding: 40px 64px 32px;
  }
}
@media print {
  .note-box {
    margin-top: 24px;
    padding: 40px 64px 32px;
  }
}
.note-box_header {
  display: flex;
  flex-direction: column;
  gap: 0.5em;
  text-align: center;
  width: 100%;
}
.note-box_section {
  display: flex;
  flex-direction: column;
  gap: 0.5em;
  width: 100%;
}
.note-box p {
  line-height: 1.75;
}
.note-box > hr {
  margin: 0;
}
.note-box__title {
  align-items: center;
  display: flex;
  font-size: 0.875rem;
  font-weight: 700;
  gap: 0.5em;
  line-height: 1.5;
  position: relative;
}
@media print, screen and (min-width: 768px) {
  .note-box__title {
    font-size: 1rem;
  }
}
@media print {
  .note-box__title {
    font-size: 1rem;
  }
}
.note-box__title::before {
  background-color: #00947e;
  border-radius: 999em;
  content: " ";
  display: block;
  font-size: 0.4em;
  height: 1em;
  position: relative;
  width: 1em;
}
.note-box__title > span {
  flex: 1;
}


.customer-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
  list-style: none;
  margin: 0;
  padding: 0;
}
@media print, screen and (min-width: 768px) {
  .customer-list {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 24px;
  }
}
@media print {
  .customer-list {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 24px;
  }
}
.customer-list_item {
  display: flex;
  width: 100%;
}
@media print, screen and (min-width: 992px) {
  .customer-list_item {
    width: calc(50% - 12px);
  }
}
@media print {
  .customer-list_item {
    width: calc(50% - 12px);
  }
}

.customer-card, .customer-card--sub {
  background-color: #f2f5f4;
  border-radius: 16px 16px 16px 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 16px;
  text-align: left;
  width: 100%;
}
@media print, screen and (min-width: 768px) {
  .customer-card, .customer-card--sub {
    border-radius: 24px 24px 24px 0;
    flex-direction: row;
    gap: 24px;
    padding: 24px;
  }
}
@media print {
  .customer-card, .customer-card--sub {
    border-radius: 24px 24px 24px 0;
    flex-direction: row;
    gap: 24px;
    padding: 24px;
  }
}
.customer-card--sub {
  width: 280px;
}
@media print, screen and (min-width: 768px) {
  .customer-card--sub {
    width: 540px;
  }
}
@media print {
  .customer-card--sub {
    width: 540px;
  }
}
.customer-card_profile {
  align-items: flex-end;
  display: flex;
  gap: 8px;
}
@media print, screen and (min-width: 768px) {
  .customer-card_profile {
    align-items: center;
    flex-direction: column;
    width: 96px;
  }
}
@media print {
  .customer-card_profile {
    align-items: center;
    flex-direction: column;
    width: 96px;
  }
}
.customer-card_avatar {
  border-radius: 50%;
  overflow: hidden;
  width: 80px;
}
@media print, screen and (min-width: 768px) {
  .customer-card_avatar {
    width: 100%;
  }
}
@media print {
  .customer-card_avatar {
    width: 100%;
  }
}
.customer-card_avatar img {
  height: auto;
  width: 100%;
}
.customer-card_detail {
  flex: 1;
  font-size: 12px;
}
@media print, screen and (min-width: 768px) {
  .customer-card_detail {
    font-size: 14px;
    text-align: center;
  }
}
@media print {
  .customer-card_detail {
    font-size: 14px;
    text-align: center;
  }
}
.customer-card_content {
  display: flex;
  flex-direction: column;
  gap: 5px;
  width: 100%;
}
@media print, screen and (min-width: 768px) {
  .customer-card_content {
    flex: 1;
    gap: 8px;
  }
}
@media print {
  .customer-card_content {
    flex: 1;
    gap: 8px;
  }
}
.customer-card_lead, .customer-card_lead--pc, .customer-card_lead--sp {
  color: #007563;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
}
@media print, screen and (min-width: 768px) {
  .customer-card_lead, .customer-card_lead--pc, .customer-card_lead--sp {
    font-size: 1.375rem;
  }
}
@media print {
  .customer-card_lead, .customer-card_lead--pc, .customer-card_lead--sp {
    font-size: 1.375rem;
  }
}
.customer-card_lead::before, .customer-card_lead--pc::before, .customer-card_lead--sp::before {
  -webkit-transform: translate(-50%, -50%);
  color: #00947e;
  content: "“";
  display: block;
  font-size: 3em;
  font-weight: bold;
  left: 0;
  line-height: 1;
  position: absolute;
  top: 0;
  transform: translate(-50%, -50%);
}
@media print, screen and (min-width: 992px) {
  .customer-card_lead::before, .customer-card_lead--pc::before, .customer-card_lead--sp::before {
    -webkit-transform: translate(-50%, -70%);
    transform: translate(-50%, -70%);
  }
}
@media print {
  .customer-card_lead::before, .customer-card_lead--pc::before, .customer-card_lead--sp::before {
    -webkit-transform: translate(-50%, -70%);
    transform: translate(-50%, -70%);
  }
}
@media print, screen and (min-width: 768px) {
  .customer-card_lead--sp {
    display: none;
  }
}
@media print {
  .customer-card_lead--sp {
    display: none;
  }
}
.customer-card_lead--pc {
  display: none;
}
@media print, screen and (min-width: 768px) {
  .customer-card_lead--pc {
    display: block;
  }
}
@media print {
  .customer-card_lead--pc {
    display: block;
  }
}
.customer-card_text {
  font-size: 0.8125rem;
}
@media print, screen and (min-width: 768px) {
  .customer-card_text {
    font-size: 1rem;
  }
}
@media print {
  .customer-card_text {
    font-size: 1rem;
  }
}
.customer-card p, .customer-card--sub p {
  margin: 0 !important;
}

.payment-row {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
}
@media print, screen and (min-width: 992px) {
  .payment-row {
    flex-direction: row;
    gap: 24px;
  }
}
@media print {
  .payment-row {
    flex-direction: row;
    gap: 24px;
  }
}

.payment-box {
  align-items: flex-start;
  border: 1px solid #ddd;
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}
@media print, screen and (min-width: 768px) {
  .payment-box {
    gap: 16px;
  }
}
@media print {
  .payment-box {
    gap: 16px;
  }
}
.payment-box_col {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
}
@media print, screen and (min-width: 768px) {
  .payment-box_col {
    gap: 24px;
  }
}
@media print {
  .payment-box_col {
    gap: 24px;
  }
}
.payment-box_label {
  background-color: #00947e;
  color: #fff;
  display: flex;
  font-size: 0.9375rem;
  font-weight: bold;
  line-height: 1.5;
  padding: 0.25em 1em;
}
@media print, screen and (min-width: 768px) {
  .payment-box_label {
    font-size: 1.125rem;
  }
}
@media print {
  .payment-box_label {
    font-size: 1.125rem;
  }
}
.payment-box_content {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 8px;
  width: 100%;
}
@media print, screen and (min-width: 768px) {
  .payment-box_content {
    padding: 16px;
  }
}
@media print {
  .payment-box_content {
    padding: 16px;
  }
}
.payment-box_note {
  font-size: 0.75rem;
  font-weight: normal;
  line-height: 1.5;
  opacity: 0.6;
  padding-left: 1em;
  text-indent: -1em;
}
@media print, screen and (min-width: 768px) {
  .payment-box_note {
    margin-bottom: -20px;
  }
}
@media print {
  .payment-box_note {
    margin-bottom: -20px;
  }
}

.price-tab-group {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 24px;
  width: 100%;
}
@media print, screen and (min-width: 768px) {
  .price-tab-group {
    gap: 24px;
    margin-top: 40px;
  }
}
@media print {
  .price-tab-group {
    gap: 24px;
    margin-top: 40px;
  }
}
.price-tab-group .top-news-category {
  border-bottom: 2px solid #00947e;
}
.price-tab-group .top-news-category__btn {
  min-width: 12em;
}
@media print, screen and (min-width: 768px) {
  .price-tab-group .top-news-category__btn {
    min-width: 14em;
  }
}
@media print {
  .price-tab-group .top-news-category__btn {
    min-width: 14em;
  }
}

.priceplan-block {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
}
@media print, screen and (min-width: 768px) {
  .priceplan-block {
    gap: 32px;
  }
}
@media print {
  .priceplan-block {
    gap: 32px;
  }
}
.priceplan-block .priceplan-slider {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
}
.priceplan-block .priceplan-slider_list {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}
.priceplan-block .priceplan-slider_item {
  display: flex;
  width: auto;
}
.priceplan-block .priceplan-slider .swiper-pagination {
  bottom: auto;
  position: relative;
  top: auto;
}
.priceplan-block .priceplan-slider .swiper-pagination .swiper-pagination-bullet {
  background-color: #0bd79b;
}
.priceplan-block .priceplan-slider_button--prev, .priceplan-block .priceplan-slider_button--next {
  -webkit-transform: translateY(-50%);
  align-items: center;
  background-color: #e8ebea;
  cursor: pointer;
  display: flex;
  font-size: 14px;
  justify-content: center;
  line-height: 1;
  padding: 2em 0.25em;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
}
@media print, screen and (min-width: 992px) {
  .priceplan-block .priceplan-slider_button--prev, .priceplan-block .priceplan-slider_button--next {
    display: none;
    font-size: 15px;
  }
}
@media print {
  .priceplan-block .priceplan-slider_button--prev, .priceplan-block .priceplan-slider_button--next {
    display: none;
    font-size: 15px;
  }
}
.priceplan-block .priceplan-slider_button--prev.swiper-button-disabled, .priceplan-block .priceplan-slider_button--next.swiper-button-disabled {
  -webkit-filter: brightness(0.5);
  filter: brightness(0.5);
  opacity: 0.15;
}
.priceplan-block .priceplan-slider_button--prev svg, .priceplan-block .priceplan-slider_button--next svg {
  fill: #00947e;
  line-height: 1;
  vertical-align: middle;
  width: 1em;
}
.priceplan-block .priceplan-slider_button--prev {
  -webkit-transform: translateY(-50%) rotate(180deg);
  left: -16px;
  transform: translateY(-50%) rotate(180deg);
}
@media print, screen and (min-width: 768px) {
  .priceplan-block .priceplan-slider_button--prev {
    left: -64px;
  }
}
@media print {
  .priceplan-block .priceplan-slider_button--prev {
    left: -64px;
  }
}
.priceplan-block .priceplan-slider_button--next {
  right: -16px;
}
@media print, screen and (min-width: 768px) {
  .priceplan-block .priceplan-slider_button--next {
    right: -64px;
  }
}
@media print {
  .priceplan-block .priceplan-slider_button--next {
    right: -64px;
  }
}
.priceplan-block .priceplan-item {
  --main: #00947e;
  --title: #007563;
  display: flex;
  flex-direction: column;
  font-size: min(14px, 18vw);
  gap: 1em;
  letter-spacing: 0;
  line-height: 1.5;
  width: 22em;
}
@media print, screen and (min-width: 992px) {
  .priceplan-block .priceplan-item {
    font-size: min(16px, 1.2vw);
    width: 22em;
  }
}
@media print {
  .priceplan-block .priceplan-item {
    font-size: min(16px, 1.2vw);
    width: 22em;
  }
}
@media print, screen and (min-width: 1320px) {
  .priceplan-block .priceplan-item {
    width: 22em;
  }
}
@media print {
  .priceplan-block .priceplan-item {
    width: 22em;
  }
}
.priceplan-block .priceplan-item.--premium {
  --main: #007f6c;
  --title: #007f6c;
}
.priceplan-block .priceplan-item.--simple {
  --main: #46ac96;
  --title: #218676;
}
.priceplan-block .priceplan-item.--phev {
  --main: #3192c6;
  --title: #095b7b;
}
.priceplan-block .priceplan-item.--non-member {
  --main: #88a8a3;
  --title: #707e7c;
}
.priceplan-block .priceplan-item_comment {
  display: flex;
  height: 2.5em;
  width: 100%;
}
.priceplan-block .priceplan-item_body {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
@media print, screen and (min-width: 768px) {
  .priceplan-block .priceplan-item_body {
    gap: 16px;
  }
}
@media print {
  .priceplan-block .priceplan-item_body {
    gap: 16px;
  }
}
.priceplan-block .priceplan-item_sections {
  border: 3px solid var(--main, #00947e);
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  width: 100%;
}
.priceplan-block .priceplan-item_section {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.priceplan-block .priceplan-item_label {
  align-items: center;
  background-color: var(--main, #00947e);
  color: #fff;
  display: flex;
  font-size: 105%;
  font-weight: bold;
  justify-content: center;
  padding: 0.25em 0.5em;
  text-align: center;
  width: 100%;
}
.priceplan-block .priceplan-item_content {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 0.75em;
  padding: 1em 0.5em;
  position: relative;
  width: 100%;
}
.priceplan-block .priceplan-item_price {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 0.1em;
  height: 4em;
  justify-content: center;
  position: relative;
  width: 100%;
}
.priceplan-block .priceplan-hr {
  border-top: 2px solid var(--main, #00947e);
  margin: 0;
  width: 100%;
}
.priceplan-block .priceplan-child {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 0.75em;
  width: 100%;
}
.priceplan-block .priceplan-child_title {
  align-items: center;
  border: 1px solid;
  color: var(--main, #00947e);
  display: flex;
  font-size: 90%;
  font-weight: bold;
  justify-content: center;
  line-height: 1.25;
  min-width: 8em;
  padding: 0.25em 0.5em;
  text-align: center;
}
.priceplan-block .priceplan-child_body {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 0.75em;
  width: 100%;
}
.priceplan-block .priceplan-child_section {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 0.25em;
  width: 100%;
}
.priceplan-block .priceplan-child_label {
  display: flex;
  font-size: 85%;
  font-weight: bold;
  line-height: 1;
  margin: 0;
}
.priceplan-block .priceplan-child_content {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 0.5em;
  width: 100%;
}
.priceplan-block .priceplan-child_content--row {
  display: flex;
  flex-direction: row;
  gap: 0.5em;
  justify-content: center;
  width: 100%;
}
.priceplan-block .priceplan-dl {
  align-items: baseline;
  display: flex;
  font-size: 100%;
  gap: 0.25em;
  margin: 0;
  padding: 0;
}
.priceplan-block .priceplan-dl dt {
  font-size: 75%;
  margin: 0;
  padding: 0;
}
.priceplan-block .priceplan-dl dd {
  font-size: 100%;
  margin: 0;
  padding: 0;
}
.priceplan-block .priceplan-price {
  align-items: baseline;
  display: flex;
  font-weight: bold;
  gap: 0.1em;
  line-height: 1;
}
.priceplan-block .priceplan-price--lg {
  align-items: baseline;
  display: flex;
  font-size: 110%;
  font-weight: bold;
  gap: 0.1em;
  line-height: 1;
}
.priceplan-block .priceplan-price--sm {
  align-items: baseline;
  display: flex;
  font-weight: bold;
  gap: 0.1em;
  line-height: 1;
}
.priceplan-block .priceplan-price--sm .priceplan-price_number {
  font-size: 90%;
}
.priceplan-block .priceplan-price_note {
  bottom: 0.25em;
  font-size: 11px;
  left: 0.25em;
  line-height: 1;
  opacity: 0.65;
  position: absolute;
}
@media print, screen and (min-width: 768px) {
  .priceplan-block .priceplan-price_note {
    font-size: 12px;
  }
}
@media print {
  .priceplan-block .priceplan-price_note {
    font-size: 12px;
  }
}
.priceplan-block .priceplan-price_number {
  color: var(--main, #00947e);
  font-family: "Poppins", "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Lato, sans-serif;
  font-size: 160%;
  font-weight: 800;
  font-weight: bold;
  line-height: 1.25;
  position: relative;
}
.priceplan-block .priceplan-price_number.--denki {
  background-image: linear-gradient(transparent 80%, #ffcb78 80%);
  background-repeat: repeat-x;
  background-size: 200% 100%;
  font-size: 200%;
  line-height: 1;
}
.priceplan-block .priceplan-price_number--line {
  align-items: flex-end;
  color: #fff;
  display: flex;
  font-family: "Poppins", "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Lato, sans-serif;
  font-size: 160%;
  font-weight: 800;
  font-weight: bold;
  height: 1.25em;
  line-height: 1.25;
  overflow: hidden;
  position: relative;
  text-indent: 150%;
  white-space: nowrap;
}
.priceplan-block .priceplan-price_number--line::after {
  background-color: var(--main, #00947e);
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  right: 0;
  top: 50%;
  width: 2em;
}
.priceplan-block .priceplan-title {
  align-items: center;
  display: flex;
  font-size: 140%;
  font-weight: bold;
  gap: 0.25em;
  height: 2em;
  justify-content: center;
  text-align: center;
  white-space: nowrap;
  width: 100%;
}
.priceplan-block .priceplan-title small {
  font-size: 80%;
}
.priceplan-block .priceplan-title_label {
  align-items: center;
  background-color: var(--main, #00947e);
  border-radius: 99em;
  color: #fff;
  display: flex;
  font-size: 60%;
  font-weight: bold;
  line-height: 1.25;
  padding: 0.25em 0.5em;
}
.priceplan-block .priceplan-title_text {
  color: var(--title, #007563);
  line-height: 1.5;
  margin: 0;
}
.priceplan-block .priceplan-title_text small small {
  align-self: center;
  background-color: #ed9200;
  color: #fff;
  display: flex;
  justify-content: center;
  line-height: 1;
  padding: 0.1em 0.25em;
  width: auto;
}

.priceplan-comment {
  align-items: center;
  background-image: repeating-linear-gradient(135deg, rgba(237, 146, 0, 0.85) 0 1px, #ed9200 1px 3px);
  border-radius: 0.5em;
  color: #fff;
  display: flex;
  font-size: 90%;
  font-weight: bold;
  height: 100%;
  justify-content: center;
  line-height: 1.5;
  padding: 0.25em;
  position: relative;
  text-align: center;
  width: 100%;
}
.priceplan-comment::after {
  -webkit-transform: translateX(-50%);
  border-color: #ed9200 transparent transparent transparent;
  border-style: solid;
  border-width: 8px 8px 0 8px;
  content: "";
  display: block;
  height: 0;
  left: 50%;
  position: absolute;
  top: 100%;
  transform: translateX(-50%);
  width: 0;
}

.bold-strong {
  align-items: baseline;
  border-bottom: 2px solid #00947e;
  color: #007563;
  display: inline-flex;
  font-size: 1.1em;
  font-weight: bold;
  line-height: 1.5;
}
@media print, screen and (min-width: 768px) {
  .bold-strong {
    font-size: 1.15em;
  }
}
@media print {
  .bold-strong {
    font-size: 1.15em;
  }
}
.bold-strong > small {
  font-size: 0.5em;
  font-weight: normal;
}

#sec_sim--anchor {
  display: block;
  height: 0;
  position: absolute;
  top: -60px;
}
@media print, screen and (min-width: 768px) {
  #sec_sim--anchor {
    top: -80px;
  }
}
@media print {
  #sec_sim--anchor {
    top: -80px;
  }
}

#priceSimulation {
  /***
      The new CSS reset - version 1.11.2 (last updated 15.11.2023)
      GitHub page: https://github.com/elad2412/the-new-css-reset
  ***/
  /*
     Remove all the styles of the "User-Agent-Stylesheet", except for the 'display' property
     - The "symbol *" part is to solve Firefox SVG sprite bug
     - The "html" element is excluded, otherwise a bug in Chrome breaks the CSS hyphens property (https://github.com/elad2412/the-new-css-reset/issues/36)
  */
}
#priceSimulation .root {
  /* Preferred box-sizing value */
  /* Fix mobile Safari increase font-size on landscape mode */
  /* Reapply the pointer cursor for anchor tags */
  /* Remove list styles (bullets/numbers) */
  /* For images to not be able to exceed their container */
  /* removes spacing between cells in tables */
  /* Safari - solving issue when using user-select:none on the <body> text input doesn't working */
  /* revert the 'white-space' property for textarea elements on Safari */
  /* minimum style to allow to style meter element */
  /* preformatted text - use only for this feature */
  /* reset default text opacity of input placeholder */
  /* fix the feature of 'hidden' attribute.
  display:revert; revert to element instead of attribute */
  /* revert for bug in Chromium browsers
  - fix for the content editable attribute will work properly.
  - webkit-user-select: auto; added for Safari in case of using user-select:none on wrapper element*/
  /* apply back the draggable feature - exist only in Chromium and Safari */
  /* Revert Modal native behavior */
  /* Remove details summary webkit styles */
}
#priceSimulation .root *:where(:not(html, iframe, canvas, img, svg, video, audio):not(svg *, symbol *)) {
  all: unset;
  display: revert;
}
#priceSimulation .root *,
#priceSimulation .root *::before,
#priceSimulation .root *::after {
  box-sizing: border-box;
}
#priceSimulation .root html {
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  -ms-text-size-adjust: none;
  text-size-adjust: none;
}
#priceSimulation .root a,
#priceSimulation .root button {
  cursor: revert;
}
#priceSimulation .root ol,
#priceSimulation .root ul,
#priceSimulation .root menu,
#priceSimulation .root summary {
  list-style: none;
}
#priceSimulation .root img {
  max-block-size: 100%;
  max-inline-size: 100%;
}
#priceSimulation .root table {
  border-collapse: collapse;
}
#priceSimulation .root input,
#priceSimulation .root textarea {
  -webkit-user-select: auto;
}
#priceSimulation .root textarea {
  white-space: revert;
}
#priceSimulation .root meter {
  -webkit-appearance: revert;
  -moz-appearance: revert;
  appearance: revert;
}
#priceSimulation .root :where(pre) {
  all: revert;
  box-sizing: border-box;
}
#priceSimulation .root ::-webkit-input-placeholder {
  color: unset;
}
#priceSimulation .root ::-moz-placeholder {
  color: unset;
}
#priceSimulation .root :-ms-input-placeholder {
  color: unset;
}
#priceSimulation .root ::-ms-input-placeholder {
  color: unset;
}
#priceSimulation .root ::placeholder {
  color: unset;
}
#priceSimulation .root :where([hidden]) {
  display: none;
}
#priceSimulation .root :where([contenteditable]:not([contenteditable=false])) {
  -moz-user-modify: read-write;
  -webkit-user-modify: read-write;
  -webkit-line-break: after-white-space;
  -webkit-user-select: auto;
  overflow-wrap: break-word;
}
#priceSimulation .root :where([draggable=true]) {
  -webkit-user-drag: element;
}
#priceSimulation .root :where(dialog:modal) {
  all: revert;
  box-sizing: border-box;
}
#priceSimulation .root ::-webkit-details-marker {
  display: none;
}
#priceSimulation input[type=number]::-webkit-outer-spin-button,
#priceSimulation input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  -moz-appearance: textfield;
  margin: 0;
}
#priceSimulation p {
  margin: 0;
}

.simulationRoot {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
}
@media print, screen and (min-width: 992px) {
  .simulationRoot {
    gap: 20px;
  }
}
@media print {
  .simulationRoot {
    gap: 20px;
  }
}
.simulationRoot__form {
  align-items: center;
  background-color: #f2f5f4;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 20px;
  width: 100%;
}
@media print, screen and (min-width: 768px) {
  .simulationRoot__form {
    border-radius: 8px;
    gap: 30px;
    padding: 20px 40px;
  }
}
@media print {
  .simulationRoot__form {
    border-radius: 8px;
    gap: 30px;
    padding: 20px 40px;
  }
}
.simulationRoot__inputs {
  display: flex;
  flex-direction: column;
  max-width: 800px;
  width: 100%;
}
.simulationRoot__btn {
  display: flex;
  justify-content: center;
  width: 100%;
}

.simulationResult {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 5px;
  width: 100%;
}
@media print, screen and (min-width: 768px) {
  .simulationResult {
    gap: 10px;
  }
}
@media print {
  .simulationResult {
    gap: 10px;
  }
}
.simulationResult__title {
  align-items: center;
  display: flex;
  justify-content: center;
  line-height: 1.5;
  padding-bottom: 10px;
  padding-top: 10px;
  position: relative;
  text-align: center;
}
@media print, screen and (min-width: 768px) {
  .simulationResult__title {
    padding-bottom: 20px;
    padding-top: 20px;
  }
}
@media print {
  .simulationResult__title {
    padding-bottom: 20px;
    padding-top: 20px;
  }
}
.simulationResult__title::before {
  -webkit-transform: translate(-50%, 0);
  -webkit-clip-path: polygon(0 0, 100% 0, 50% 100%);
  background-color: #00947e;
  bottom: 0;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  content: " ";
  left: 50%;
  opacity: 0.1;
  position: absolute;
  top: 0;
  transform: translate(-50%, 0);
  width: 200px;
}
@media print, screen and (min-width: 768px) {
  .simulationResult__title::before {
    bottom: 0;
    top: 0;
    width: 400px;
  }
}
@media print {
  .simulationResult__title::before {
    bottom: 0;
    top: 0;
    width: 400px;
  }
}
.simulationResult__title > p {
  font-size: 0.875rem;
  position: relative;
}
@media print, screen and (min-width: 768px) {
  .simulationResult__title > p {
    font-size: 1.25rem;
  }
}
@media print {
  .simulationResult__title > p {
    font-size: 1.25rem;
  }
}
.simulationResult__title strong {
  color: #00947e;
  font-size: 125%;
  font-weight: 600;
}
@media print, screen and (min-width: 768px) {
  .simulationResult__title strong {
    font-size: 150%;
  }
}
@media print {
  .simulationResult__title strong {
    font-size: 150%;
  }
}
.simulationResult__result, .simulationResult__result--otoku {
  align-items: baseline;
  border: 2px solid #00947e;
  border-radius: 4px;
  display: flex;
  font-size: 1.125rem;
  gap: 0.25em;
  justify-content: center;
  line-height: 1.5;
  padding: 10px;
  width: 100%;
}
@media print, screen and (min-width: 768px) {
  .simulationResult__result, .simulationResult__result--otoku {
    border-radius: 8px;
    border-width: 4px;
    font-size: 2rem;
    padding: 30px 20px;
  }
}
@media print {
  .simulationResult__result, .simulationResult__result--otoku {
    border-radius: 8px;
    border-width: 4px;
    font-size: 2rem;
    padding: 30px 20px;
  }
}
.simulationResult__result p, .simulationResult__result--otoku p {
  font-weight: 600;
}
.simulationResult__result strong, .simulationResult__result--otoku strong {
  color: #00947e;
  font-size: 115%;
}
@media print, screen and (min-width: 768px) {
  .simulationResult__result strong, .simulationResult__result--otoku strong {
    font-size: 125%;
  }
}
@media print {
  .simulationResult__result strong, .simulationResult__result--otoku strong {
    font-size: 125%;
  }
}
.simulationResult__result--otoku strong {
  font-size: 150%;
}
@media print, screen and (min-width: 768px) {
  .simulationResult__result--otoku strong {
    font-size: 200%;
  }
}
@media print {
  .simulationResult__result--otoku strong {
    font-size: 200%;
  }
}
.simulationResult__message, .simulationResult__message--02 {
  align-items: center;
  display: flex;
  flex-direction: column;
  font-size: 0.9375rem;
  justify-content: center;
  line-height: 1.5;
  margin-bottom: 20px;
  margin-top: 10px;
  position: relative;
  text-align: center;
}
@media print, screen and (min-width: 768px) {
  .simulationResult__message, .simulationResult__message--02 {
    font-size: 1.5rem;
    margin-bottom: 30px;
    margin-top: 20px;
  }
}
@media print {
  .simulationResult__message, .simulationResult__message--02 {
    font-size: 1.5rem;
    margin-bottom: 30px;
    margin-top: 20px;
  }
}
.simulationResult__message strong, .simulationResult__message--02 strong {
  color: #00947e;
  font-size: 125%;
  font-weight: 600;
}
.simulationResult__marker {
  border-bottom: 2px solid currentColor;
}
@media print, screen and (min-width: 768px) {
  .simulationResult__marker {
    border-width: 4px;
  }
}
@media print {
  .simulationResult__marker {
    border-width: 4px;
  }
}
.simulationResult__reset {
  display: flex;
  justify-content: flex-start;
  margin-top: 20px;
  width: 100%;
}
@media print, screen and (min-width: 768px) {
  .simulationResult__reset {
    margin-top: 30px;
  }
}
@media print {
  .simulationResult__reset {
    margin-top: 30px;
  }
}
.simulationResult__note {
  margin-top: 20px;
}
@media print, screen and (min-width: 768px) {
  .simulationResult__note {
    margin-top: 30px;
  }
}
@media print {
  .simulationResult__note {
    margin-top: 30px;
  }
}

.simulationTotal {
  align-items: center;
  display: flex;
  flex-direction: column;
  line-height: 1.5;
}
.simulationTotal strong {
  font-size: 125%;
  font-weight: 600;
}

.resetBtn {
  background-color: transparent;
  border: none;
  border-bottom: 1px solid currentColor;
  color: #999;
  display: flex;
  font-size: 0.8125rem;
  font-weight: bold;
  gap: 0.5em;
  outline: none;
  text-decoration: none;
}
@media (hover: hover) and (pointer: fine) {
  .resetBtn:hover {
    background-position: 0 center;
    color: #00947e;
  }
}
@media print, screen and (min-width: 768px) {
  .resetBtn {
    font-size: 0.9375rem;
  }
}
@media print {
  .resetBtn {
    font-size: 0.9375rem;
  }
}

.simulationBtn {
  align-items: center;
  background: #00947e;
  background-color: #00947e;
  border: 2px solid #00947e;
  border-radius: 999em;
  color: #fff;
  display: inline-flex;
  font-size: 0.8125rem;
  font-weight: bold;
  height: 48px;
  justify-content: center;
  letter-spacing: 0em;
  line-height: 1.3;
  max-width: 100%;
  overflow: hidden;
  padding: 4px 16px;
  position: relative;
  text-align: center;
  text-decoration: none !important;
  transition: all 0.2s linear;
  width: 280px;
}
@media (hover: hover) and (pointer: fine) {
  .simulationBtn {
    background: linear-gradient(90deg, #fff 0%, #fff 50%, #00947e 50%, #00947e 100%);
    background-position: 100% center;
    background-repeat: no-repeat;
    background-size: 220% 100%;
    transition: all 0.25s ease;
  }
}
.simulationBtn > * {
  z-index: 20;
}
.simulationBtn:visited, .simulationBtn:focus {
  color: #fff;
}
.simulationBtn[aria-disabled=true] {
  -webkit-filter: grayscale(0.9);
  filter: grayscale(0.9);
  opacity: 0.45;
  pointer-events: none;
}
@media (hover: hover) and (pointer: fine) {
  .simulationBtn:hover {
    background-position: 0 center;
    color: #00947e;
  }
}
@media print, screen and (min-width: 768px) {
  .simulationBtn {
    font-size: 1.0625rem;
    height: 56px;
    width: 304px;
  }
}
@media print {
  .simulationBtn {
    font-size: 1.0625rem;
    height: 56px;
    width: 304px;
  }
}

.simulationInput {
  border-bottom: 1px solid #eee;
  display: flex;
  padding: 5px 0;
}
@media print, screen and (min-width: 768px) {
  .simulationInput {
    padding: 10px 0;
  }
}
@media print {
  .simulationInput {
    padding: 10px 0;
  }
}
.simulationInput__title {
  display: flex;
  flex-direction: column;
  font-size: 0.9375rem;
  gap: 0.25em;
  line-height: 1.5;
  width: 120px;
}
@media print, screen and (min-width: 768px) {
  .simulationInput__title {
    align-items: center;
    flex-direction: row;
    font-size: 1.125rem;
    width: 240px;
  }
}
@media print {
  .simulationInput__title {
    align-items: center;
    flex-direction: row;
    font-size: 1.125rem;
    width: 240px;
  }
}
.simulationInput__title-inner {
  align-items: center;
  display: flex;
}
.simulationInput__required {
  font-size: 0.65em;
  opacity: 0.75;
}
.simulationInput__intax {
  font-size: 0.65em;
  line-height: 1.25;
  opacity: 0.75;
}
@media print, screen and (min-width: 992px) {
  .simulationInput__intax {
    line-height: 1.5;
  }
}
@media print {
  .simulationInput__intax {
    line-height: 1.5;
  }
}
.simulationInput__content {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 4px;
}
.simulationInput__row {
  align-items: baseline;
  display: flex;
  gap: 4px;
}
@media print, screen and (min-width: 768px) {
  .simulationInput__row {
    gap: 8px;
  }
}
@media print {
  .simulationInput__row {
    gap: 8px;
  }
}
.simulationInput__unit {
  font-size: 0.875rem;
  width: 3em;
}
@media print, screen and (min-width: 768px) {
  .simulationInput__unit {
    font-size: 1.125rem;
  }
}
@media print {
  .simulationInput__unit {
    font-size: 1.125rem;
  }
}
.simulationInput__error {
  color: #d0376c;
  font-size: 0.75rem;
  line-height: 1.25;
}
@media print, screen and (min-width: 768px) {
  .simulationInput__error {
    font-size: 0.8125rem;
  }
}
@media print {
  .simulationInput__error {
    font-size: 0.8125rem;
  }
}
.simulationInput input {
  background-color: white;
  border: 1px solid #eee;
  border-radius: 3px;
  box-shadow: none;
  flex: 1;
  font-size: 1.0625rem;
  height: 40px;
  padding: 4px;
  text-align: center;
  width: 100%;
}
@media print, screen and (min-width: 768px) {
  .simulationInput input {
    font-size: 1.5rem;
    height: 56px;
    padding: 4px 8px;
  }
}
@media print {
  .simulationInput input {
    font-size: 1.5rem;
    height: 56px;
    padding: 4px 8px;
  }
}
.simulationInput input::-webkit-input-placeholder {
  color: #999;
}
.simulationInput input::-moz-placeholder {
  color: #999;
}
.simulationInput input:-ms-input-placeholder {
  color: #999;
}
.simulationInput input::-ms-input-placeholder {
  color: #999;
}
.simulationInput input::placeholder {
  color: #999;
}
.simulationInput input:-moz-read-only {
  background-color: #f2f5f4;
  border: none;
}
.simulationInput input:read-only {
  background-color: #f2f5f4;
  border: none;
}

.inview [data-inview], .card-cv [data-inview],
.card-app [data-inview], .top-news [data-inview], .top-tips [data-inview], .top-action [data-inview], .top-member [data-inview], .top-about [data-inview] {
  transition: all 0.65s ease;
  transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform;
}
.inview [data-inview=false], .card-cv [data-inview=false],
.card-app [data-inview=false], .top-news [data-inview=false], .top-tips [data-inview=false], .top-action [data-inview=false], .top-member [data-inview=false], .top-about [data-inview=false] {
  -webkit-transform: translate(0, 30px);
  opacity: 0;
  transform: translate(0, 30px);
}
@media print, screen and (min-width: 768px) {
  .inview [data-inview=false], .card-cv [data-inview=false],
.card-app [data-inview=false], .top-news [data-inview=false], .top-tips [data-inview=false], .top-action [data-inview=false], .top-member [data-inview=false], .top-about [data-inview=false] {
    -webkit-transform: translate(0, 60px);
    transform: translate(0, 60px);
  }
}
@media print {
  .inview [data-inview=false], .card-cv [data-inview=false],
.card-app [data-inview=false], .top-news [data-inview=false], .top-tips [data-inview=false], .top-action [data-inview=false], .top-member [data-inview=false], .top-about [data-inview=false] {
    -webkit-transform: translate(0, 60px);
    transform: translate(0, 60px);
  }
}
.inview [data-inview=true], .card-cv [data-inview=true],
.card-app [data-inview=true], .top-news [data-inview=true], .top-tips [data-inview=true], .top-action [data-inview=true], .top-member [data-inview=true], .top-about [data-inview=true] {
  -webkit-transform: translate(0, 0);
  opacity: 1;
  transform: translate(0, 0);
}

.index-content {
  font-family: "Poppins", "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Lato, sans-serif;
  font-size: 1.5rem;
  font-weight: 800;
  padding-bottom: 80px;
  padding-top: 80px;
}
.index-content_inner {
  margin-left: auto;
  margin-right: auto;
  max-width: 1280px;
  padding-left: 16px;
  padding-right: 16px;
}

.top-nav {
  background-color: #f2f5f4;
  padding-bottom: 40px;
  padding-top: 40px;
}
.top-nav_container {
  margin-left: auto;
  margin-right: auto;
  max-width: 1280px;
  padding-left: 16px;
  padding-right: 16px;
}
.top-nav_other {
  font-size: 0.75rem;
  margin-top: 16px;
  text-align: center;
}
@media print, screen and (min-width: 768px) {
  .top-nav_other {
    font-size: 0.8125rem;
    margin-top: 32px;
  }
}
@media print {
  .top-nav_other {
    font-size: 0.8125rem;
    margin-top: 32px;
  }
}
.top-nav_other-link {
  align-items: center;
  color: #030303;
  display: inline-flex;
  line-height: 1.5;
  text-decoration: underline;
}
@media (hover: hover) and (pointer: fine) {
  .top-nav_other-link {
    transition: all 0.25s ease;
  }
  .top-nav_other-link:hover {
    color: #00947e;
  }
}

.top-nav-list {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  margin-left: -12px;
  margin-right: -12px;
  padding: 0;
}
@media print, screen and (min-width: 768px) {
  .top-nav-list {
    margin-left: -16px;
    margin-right: -16px;
  }
}
@media print {
  .top-nav-list {
    margin-left: -16px;
    margin-right: -16px;
  }
}
@media print, screen and (min-width: 992px) {
  .top-nav-list {
    margin-left: auto;
    margin-right: auto;
    max-width: 880px;
  }
}
@media print {
  .top-nav-list {
    margin-left: auto;
    margin-right: auto;
    max-width: 880px;
  }
}
.top-nav-list_item {
  display: flex;
  margin-top: 4px;
  padding-left: 2px;
  padding-right: 2px;
  width: 50%;
}
.top-nav-list_item:nth-child(-n+2) {
  margin-top: 0;
}
@media print, screen and (min-width: 768px) {
  .top-nav-list_item {
    margin-top: 20px;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media print {
  .top-nav-list_item {
    margin-top: 20px;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media print, screen and (min-width: 992px) {
  .top-nav-list_item {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media print {
  .top-nav-list_item {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.top-nav-list_btn {
  align-items: center;
  background: #fff;
  background-color: #fff;
  border: 2px solid #00947e;
  border-radius: 4px;
  color: #030303;
  display: flex;
  font-size: 0.6875rem;
  font-weight: bold;
  height: 64px;
  justify-content: center;
  letter-spacing: 0;
  line-height: 1.5;
  overflow: hidden;
  padding: 4px 8px;
  position: relative;
  text-align: center;
  text-decoration: none !important;
  width: 100%;
}
@media (hover: hover) and (pointer: fine) {
  .top-nav-list_btn {
    background: linear-gradient(90deg, #00947e 0%, #00947e 50%, #fff 50%, #fff 100%);
    background-position: 100% center;
    background-repeat: no-repeat;
    background-size: 220% 100%;
    transition: all 0.25s ease;
  }
}
.top-nav-list_btn > * {
  z-index: 20;
}
@media print, screen and (min-width: 361px) {
  .top-nav-list_btn {
    font-size: 0.8125rem;
  }
}
@media print {
  .top-nav-list_btn {
    font-size: 0.8125rem;
  }
}
@media (hover: hover) and (pointer: fine) {
  .top-nav-list_btn {
    transition: all 0.3s linear;
  }
  .top-nav-list_btn:hover {
    background-position: 0 center;
    color: #fff;
  }
  .top-nav-list_btn:hover span[class^=link-arrow]::before, .top-nav-list_btn:hover span[class^=link-arrow]::after {
    background-color: #fff;
  }
}
@media print, screen and (min-width: 768px) {
  .top-nav-list_btn {
    font-size: 1.0625rem;
    height: 80px;
    letter-spacing: 0.05em;
    padding: 4px 16px;
  }
}
@media print {
  .top-nav-list_btn {
    font-size: 1.0625rem;
    height: 80px;
    letter-spacing: 0.05em;
    padding: 4px 16px;
  }
}
.top-nav-list_btn span[class^=link-arrow] {
  -webkit-transform: translate(0, -50%);
  position: absolute;
  right: 4px;
  top: 50%;
  transform: translate(0, -50%);
}
@media print, screen and (min-width: 768px) {
  .top-nav-list_btn span[class^=link-arrow] {
    right: 8px;
  }
}
@media print {
  .top-nav-list_btn span[class^=link-arrow] {
    right: 8px;
  }
}

.top-about {
  overflow: hidden;
  padding-bottom: 80px;
  padding-top: 80px;
  position: relative;
}
@media print, screen and (min-width: 768px) {
  .top-about {
    padding-bottom: 160px;
    padding-top: 160px;
  }
}
@media print {
  .top-about {
    padding-bottom: 160px;
    padding-top: 160px;
  }
}
.top-about_circle {
  -webkit-transform: translate(25%, -50%);
  display: block;
  height: 240px;
  position: absolute;
  right: 0;
  top: 0;
  transform: translate(25%, -50%);
  width: 240px;
  z-index: -1;
}
@media print, screen and (min-width: 768px) {
  .top-about_circle {
    -webkit-transform: translate(25%, -25%);
    height: 640px;
    transform: translate(25%, -25%);
    width: 640px;
  }
}
@media print {
  .top-about_circle {
    -webkit-transform: translate(25%, -25%);
    height: 640px;
    transform: translate(25%, -25%);
    width: 640px;
  }
}
.top-about_circle > span {
  background-color: #fff;
  background-image: radial-gradient(#00947e 30%, transparent 30%);
  background-size: 3px 3px;
  border-radius: 50%;
  display: block;
  height: 100%;
  opacity: 0.3;
  width: 100%;
}
.top-about_container {
  margin-left: auto;
  margin-right: auto;
  max-width: 1280px;
  padding-left: 16px;
  padding-right: 16px;
}
.top-about_lead {
  color: #00947e;
  font-size: 4.8vw;
  font-weight: bold;
  line-height: 1.3;
  margin-top: 40px;
}
@media print, screen and (min-width: 768px) {
  .top-about_lead {
    font-size: 2rem;
  }
}
@media print {
  .top-about_lead {
    font-size: 2rem;
  }
}
.top-about_text {
  font-size: 0.9375rem;
  line-height: 2;
  margin-top: 16px;
}
@media print, screen and (min-width: 768px) {
  .top-about_text {
    margin-top: 24px;
  }
}
@media print {
  .top-about_text {
    margin-top: 24px;
  }
}
@media print, screen and (min-width: 768px) {
  .top-about_text {
    font-size: 1.25rem;
  }
}
@media print {
  .top-about_text {
    font-size: 1.25rem;
  }
}
.top-about_text p {
  margin-top: 1em;
}
.top-about_text p:first-child {
  margin-top: 0;
}

.about-list {
  list-style: none;
  margin: 0;
  margin-top: 40px;
  padding: 0;
}
@media print, screen and (min-width: 768px) {
  .about-list {
    margin-top: 80px;
  }
}
@media print {
  .about-list {
    margin-top: 80px;
  }
}
.about-list_item {
  margin-top: 64px;
  position: relative;
}
@media print, screen and (min-width: 768px) {
  .about-list_item {
    margin-top: 120px;
  }
}
@media print {
  .about-list_item {
    margin-top: 120px;
  }
}
.about-list_item:first-child {
  margin-top: 0;
}
@media print, screen and (min-width: 992px) {
  .about-list_item {
    align-items: center;
    display: flex;
  }
}
@media print {
  .about-list_item {
    align-items: center;
    display: flex;
  }
}
@media print, screen and (min-width: 992px) {
  .about-list_item:nth-child(even) {
    flex-direction: row-reverse;
  }
}
@media print {
  .about-list_item:nth-child(even) {
    flex-direction: row-reverse;
  }
}
@media print, screen and (min-width: 992px) {
  .about-list_item:nth-child(even) .about-list_content {
    padding-left: 0px;
    padding-right: 40px;
  }
}
@media print {
  .about-list_item:nth-child(even) .about-list_content {
    padding-left: 0px;
    padding-right: 40px;
  }
}
@media print, screen and (min-width: 1320px) {
  .about-list_item:nth-child(even) .about-list_content {
    padding-left: 0px;
    padding-right: 80px;
  }
}
@media print {
  .about-list_item:nth-child(even) .about-list_content {
    padding-left: 0px;
    padding-right: 80px;
  }
}
.about-list_illust {
  margin-bottom: -24px;
  position: relative;
  text-align: center;
}
@media print, screen and (min-width: 768px) {
  .about-list_illust {
    margin-bottom: 16px;
  }
}
@media print {
  .about-list_illust {
    margin-bottom: 16px;
  }
}
@media print, screen and (min-width: 992px) {
  .about-list_illust {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-bottom: 0;
    width: 100%;
  }
}
@media print {
  .about-list_illust {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-bottom: 0;
    width: 100%;
  }
}
.about-list_illust img {
  height: auto;
  position: relative;
  width: 280px;
  z-index: 10;
}
@media print, screen and (min-width: 768px) {
  .about-list_illust img {
    width: 500px;
  }
}
@media print {
  .about-list_illust img {
    width: 500px;
  }
}
@media print, screen and (min-width: 992px) {
  .about-list_illust img {
    width: 420px;
  }
}
@media print {
  .about-list_illust img {
    width: 420px;
  }
}
@media print, screen and (min-width: 1320px) {
  .about-list_illust img {
    width: 500px;
  }
}
@media print {
  .about-list_illust img {
    width: 500px;
  }
}
.about-list_circle {
  -webkit-transform: translate(-50%, -50%);
  display: block;
  height: 200px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 200px;
}
@media print, screen and (min-width: 768px) {
  .about-list_circle {
    height: 460px;
    width: 460px;
  }
}
@media print {
  .about-list_circle {
    height: 460px;
    width: 460px;
  }
}
@media print, screen and (min-width: 992px) {
  .about-list_circle {
    height: 360px;
    width: 360px;
  }
}
@media print {
  .about-list_circle {
    height: 360px;
    width: 360px;
  }
}
@media print, screen and (min-width: 1320px) {
  .about-list_circle {
    height: 460px;
    width: 460px;
  }
}
@media print {
  .about-list_circle {
    height: 460px;
    width: 460px;
  }
}
.about-list_circle > span {
  background-color: #edf8f3;
  border-radius: 50%;
  display: block;
  height: 100%;
  width: 100%;
}
.about-list_video {
  margin-bottom: 24px;
  padding-left: 24px;
  padding-right: 24px;
  position: relative;
  text-align: center;
}
@media print, screen and (min-width: 768px) {
  .about-list_video {
    margin-bottom: 24px;
  }
}
@media print {
  .about-list_video {
    margin-bottom: 24px;
  }
}
@media print, screen and (min-width: 992px) {
  .about-list_video {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-bottom: 0;
    padding-left: 16px;
    padding-right: 16px;
    width: 100%;
  }
}
@media print {
  .about-list_video {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-bottom: 0;
    padding-left: 16px;
    padding-right: 16px;
    width: 100%;
  }
}
.about-list_video-inner {
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
  display: block;
  height: 0;
  overflow: hidden;
  padding-bottom: 66.6666%;
  position: relative;
  width: 100%;
}
@media print, screen and (min-width: 768px) {
  .about-list_video-inner {
    border-radius: 8px;
  }
}
@media print {
  .about-list_video-inner {
    border-radius: 8px;
  }
}
@media (hover: hover) and (pointer: fine) {
  .about-list_video-inner:hover {
    color: #030303;
  }
  .about-list_video-inner:hover img {
    -webkit-transform: scale(1.03);
    opacity: 0.8;
    transform: scale(1.03);
  }
}
.about-list_video-inner::after {
  -webkit-transform: translate(-50%, -50%);
  background: center center;
  background-image: url("/lp/eneos/chargeplus/images/com_ic03.svg");
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 50%;
  content: " ";
  display: block;
  height: 40px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 40px;
}
@media print, screen and (min-width: 768px) {
  .about-list_video-inner::after {
    height: 80px;
    width: 80px;
  }
}
@media print {
  .about-list_video-inner::after {
    height: 80px;
    width: 80px;
  }
}
.about-list_video-inner img {
  -o-object-fit: cover;
  height: 100%;
  left: 0;
  max-height: inherit;
  max-width: inherit;
  object-fit: cover;
  position: absolute;
  top: 0;
  transition: all 0.45s ease;
  width: 100%;
}
.about-list_content {
  padding-right: 16px;
}
@media print, screen and (min-width: 992px) {
  .about-list_content {
    padding-left: 40px;
    padding-right: 0;
    width: 100%;
  }
}
@media print {
  .about-list_content {
    padding-left: 40px;
    padding-right: 0;
    width: 100%;
  }
}
@media print, screen and (min-width: 1320px) {
  .about-list_content {
    padding-left: 80px;
  }
}
@media print {
  .about-list_content {
    padding-left: 80px;
  }
}
.about-list_number {
  -webkit-transform: translate(50%, 0);
  align-items: center;
  color: #00947e;
  display: flex;
  flex-direction: column;
  font-family: "Poppins", "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Lato, sans-serif;
  font-size: 0.75rem;
  font-weight: 800;
  height: 100%;
  letter-spacing: 0.1em;
  position: absolute;
  right: 0;
  top: 0;
  transform: translate(50%, 0);
}
@media print, screen and (min-width: 992px) {
  .about-list_number {
    -webkit-transform: translate(0, 0);
    display: block;
    font-size: 0.9375rem;
    margin-bottom: 16px;
    position: relative;
    right: auto;
    top: auto;
    transform: translate(0, 0);
  }
}
@media print {
  .about-list_number {
    -webkit-transform: translate(0, 0);
    display: block;
    font-size: 0.9375rem;
    margin-bottom: 16px;
    position: relative;
    right: auto;
    top: auto;
    transform: translate(0, 0);
  }
}
.about-list_number::after {
  background-color: #00947e;
  content: " ";
  display: block;
  flex: 1;
  height: auto;
  position: relative;
  width: 1px;
}
@media print, screen and (min-width: 992px) {
  .about-list_number::after {
    display: none;
  }
}
@media print {
  .about-list_number::after {
    display: none;
  }
}
.about-list_number > span {
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  margin-bottom: 1em;
  writing-mode: vertical-rl;
}
@media print, screen and (min-width: 992px) {
  .about-list_number > span {
    -webkit-writing-mode: horizontal-tb;
    -ms-writing-mode: lr-tb;
    margin-bottom: 0;
    writing-mode: horizontal-tb;
  }
}
@media print {
  .about-list_number > span {
    -webkit-writing-mode: horizontal-tb;
    -ms-writing-mode: lr-tb;
    margin-bottom: 0;
    writing-mode: horizontal-tb;
  }
}
.about-list_number-number {
  font-size: 160%;
}
.about-list_title {
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 1.6;
}
@media print, screen and (min-width: 768px) {
  .about-list_title {
    font-size: 1.625rem;
  }
}
@media print {
  .about-list_title {
    font-size: 1.625rem;
  }
}
.about-list_title strong {
  color: #00947e;
}
.about-list_text {
  font-size: 0.875rem;
  margin-top: 16px;
}
@media print, screen and (min-width: 768px) {
  .about-list_text {
    font-size: 1.125rem;
  }
}
@media print {
  .about-list_text {
    font-size: 1.125rem;
  }
}
@media print, screen and (min-width: 768px) {
  .about-list_text {
    margin-top: 32px;
  }
}
@media print {
  .about-list_text {
    margin-top: 32px;
  }
}
.about-list_text p {
  margin-top: 1em;
}
.about-list_text p:first-child {
  margin-top: 0;
}
.about-list_btn {
  font-size: 0.875rem;
  margin-top: 32px;
  text-align: center;
}
@media print, screen and (min-width: 768px) {
  .about-list_btn {
    font-size: 1.125rem;
  }
}
@media print {
  .about-list_btn {
    font-size: 1.125rem;
  }
}
@media print, screen and (min-width: 768px) {
  .about-list_btn {
    margin-top: 40px;
    text-align: left;
  }
}
@media print {
  .about-list_btn {
    margin-top: 40px;
    text-align: left;
  }
}

.top-member {
  background-color: #f2f5f4;
  padding-bottom: 80px;
  padding-top: 80px;
}
@media print, screen and (min-width: 768px) {
  .top-member {
    padding-bottom: 96px;
    padding-top: 160px;
  }
}
@media print {
  .top-member {
    padding-bottom: 96px;
    padding-top: 160px;
  }
}
.top-member_container {
  margin-left: auto;
  margin-right: auto;
  max-width: 1280px;
  padding-left: 16px;
  padding-right: 16px;
}
.top-member_text {
  font-size: 0.9375rem;
  line-height: 2;
  margin-top: 40px;
}
@media print, screen and (min-width: 768px) {
  .top-member_text {
    font-size: 1.25rem;
  }
}
@media print {
  .top-member_text {
    font-size: 1.25rem;
  }
}
.top-member_text p {
  margin-top: 1em;
}
.top-member_text p:first-child {
  margin-top: 0;
}
.top-member_note {
  font-size: 0.75rem;
  font-weight: normal;
  line-height: 1.5;
  opacity: 0.6;
  padding-left: 1em;
  text-indent: -1em;
}
.top-member_content {
  margin-top: 24px;
}
.top-member_text2 {
  font-size: 0.9375rem;
  margin-top: 64px;
}
@media print, screen and (min-width: 768px) {
  .top-member_text2 {
    font-size: 1.25rem;
  }
}
@media print {
  .top-member_text2 {
    font-size: 1.25rem;
  }
}
@media print, screen and (min-width: 768px) {
  .top-member_text2 {
    margin-top: 48px;
    text-align: center;
  }
}
@media print {
  .top-member_text2 {
    margin-top: 48px;
    text-align: center;
  }
}
.top-member_btns {
  display: flex;
  gap: 4px;
  justify-content: center;
  margin-top: 16px;
  text-align: center;
  width: 100%;
}
@media print, screen and (min-width: 768px) {
  .top-member_btns {
    gap: 24px;
    margin-top: 24px;
  }
}
@media print {
  .top-member_btns {
    gap: 24px;
    margin-top: 24px;
  }
}
@media print, screen and (min-width: 1320px) {
  .top-member_btns {
    gap: 40px;
  }
}
@media print {
  .top-member_btns {
    gap: 40px;
  }
}
.top-member_btn-small {
  display: block;
  font-size: 80%;
}
@media print, screen and (min-width: 768px) {
  .top-member_btn-small {
    display: inline;
    font-size: 100%;
  }
}
@media print {
  .top-member_btn-small {
    display: inline;
    font-size: 100%;
  }
}

.member-list {
  list-style: none;
  margin: 0;
  margin-top: 40px;
  padding: 0;
}
@media print, screen and (min-width: 768px) {
  .member-list {
    margin-top: 80px;
  }
}
@media print {
  .member-list {
    margin-top: 80px;
  }
}
.member-list_item {
  margin-top: 64px;
}
@media print, screen and (min-width: 768px) {
  .member-list_item {
    margin-top: 80px;
  }
}
@media print {
  .member-list_item {
    margin-top: 80px;
  }
}
.member-list_item:first-child {
  margin-top: 0;
}
@media print, screen and (min-width: 992px) {
  .member-list_item {
    align-items: center;
    display: flex;
  }
}
@media print {
  .member-list_item {
    align-items: center;
    display: flex;
  }
}
.member-list_illust {
  margin-bottom: 4px;
  position: relative;
  text-align: center;
}
@media print, screen and (min-width: 768px) {
  .member-list_illust {
    margin-bottom: 16px;
  }
}
@media print {
  .member-list_illust {
    margin-bottom: 16px;
  }
}
@media print, screen and (min-width: 992px) {
  .member-list_illust {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-bottom: 0;
    width: 100%;
  }
}
@media print {
  .member-list_illust {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-bottom: 0;
    width: 100%;
  }
}
.member-list_illust img {
  height: auto;
  position: relative;
  width: 180px;
}
@media print, screen and (min-width: 768px) {
  .member-list_illust img {
    width: 400px;
  }
}
@media print {
  .member-list_illust img {
    width: 400px;
  }
}
.member-list_figure {
  -webkit-transform: translate(0, -7.5%);
  position: relative;
  transform: translate(0, -7.5%);
  z-index: 10;
}
.member-list_circle {
  -webkit-transform: translate(-50%, -50%);
  display: block;
  height: 160px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 160px;
}
@media print, screen and (min-width: 768px) {
  .member-list_circle {
    height: 360px;
    width: 360px;
  }
}
@media print {
  .member-list_circle {
    height: 360px;
    width: 360px;
  }
}
.member-list_circle > span {
  background-color: #fff;
  border-radius: 50%;
  display: block;
  height: 100%;
  width: 100%;
}
@media print, screen and (min-width: 992px) {
  .member-list_content {
    min-height: 280px;
    padding-bottom: 64px;
    width: 100%;
  }
}
@media print {
  .member-list_content {
    min-height: 280px;
    padding-bottom: 64px;
    width: 100%;
  }
}
.member-list_text {
  font-size: 0.875rem;
  margin-top: 16px;
}
@media print, screen and (min-width: 768px) {
  .member-list_text {
    font-size: 1.125rem;
  }
}
@media print {
  .member-list_text {
    font-size: 1.125rem;
  }
}
@media print, screen and (min-width: 768px) {
  .member-list_text {
    margin-top: 32px;
  }
}
@media print {
  .member-list_text {
    margin-top: 32px;
  }
}
.member-list_text p {
  margin-top: 1em;
}
.member-list_text p:first-child {
  margin-top: 0;
}
.member-list_note {
  margin-top: 16px;
}
@media print, screen and (min-width: 768px) {
  .member-list_note {
    margin-top: 24px;
  }
}
@media print {
  .member-list_note {
    margin-top: 24px;
  }
}
.member-list_note p {
  font-size: 0.75rem;
  font-weight: normal;
  line-height: 1.5;
  margin-top: 0.5em;
  opacity: 0.6;
  padding-left: 1em;
  text-indent: -1em;
}
.member-list_note p:first-child {
  margin-top: 0;
}

.top-action {
  margin-top: -120px;
  padding-bottom: 80px;
  padding-top: calc(45vw + 40px);
  position: relative;
}
@media print, screen and (min-width: 768px) {
  .top-action {
    margin-top: -180px;
    padding-top: 45vw;
  }
}
@media print {
  .top-action {
    margin-top: -180px;
    padding-top: 45vw;
  }
}
@media print, screen and (min-width: 992px) {
  .top-action {
    padding-bottom: 160px;
    padding-top: 460px;
  }
}
@media print {
  .top-action {
    padding-bottom: 160px;
    padding-top: 460px;
  }
}
.top-action_illust {
  background-image: url("/chargeplus/images/index_im07@2x.png");
  background-position: left top;
  background-repeat: no-repeat;
  background-size: 110vw auto;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 10vw;
}
@media print, screen and (min-width: 768px) {
  .top-action_illust {
    top: 0;
  }
}
@media print {
  .top-action_illust {
    top: 0;
  }
}
@media print, screen and (min-width: 992px) {
  .top-action_illust {
    background-position: left center;
    background-size: 50vw auto;
  }
}
@media print {
  .top-action_illust {
    background-position: left center;
    background-size: 50vw auto;
  }
}
.top-action_container {
  margin-left: auto;
  margin-right: auto;
  max-width: 1280px;
  padding-left: 16px;
  padding-right: 16px;
  position: relative;
  z-index: 10;
}
@media print, screen and (min-width: 992px) {
  .top-action_container {
    display: flex;
  }
}
@media print {
  .top-action_container {
    display: flex;
  }
}
@media print, screen and (min-width: 992px) {
  .top-action_content {
    margin-left: 50%;
    padding-left: 40px;
  }
}
@media print {
  .top-action_content {
    margin-left: 50%;
    padding-left: 40px;
  }
}
@media print, screen and (min-width: 1320px) {
  .top-action_content {
    padding-left: 80px;
  }
}
@media print {
  .top-action_content {
    padding-left: 80px;
  }
}
.top-action_text {
  font-size: 0.9375rem;
  line-height: 2;
  margin-top: 60vw;
}
@media print, screen and (min-width: 768px) {
  .top-action_text {
    font-size: 1.25rem;
  }
}
@media print {
  .top-action_text {
    font-size: 1.25rem;
  }
}
@media print, screen and (min-width: 768px) {
  .top-action_text {
    margin-top: 60vw;
  }
}
@media print {
  .top-action_text {
    margin-top: 60vw;
  }
}
@media print, screen and (min-width: 992px) {
  .top-action_text {
    margin-top: 32px;
  }
}
@media print {
  .top-action_text {
    margin-top: 32px;
  }
}
@media print, screen and (min-width: 1320px) {
  .top-action_text {
    letter-spacing: 0;
  }
}
@media print {
  .top-action_text {
    letter-spacing: 0;
  }
}
.top-action_text p {
  margin-top: 1em;
}
.top-action_text p:first-child {
  margin-top: 0;
}
.top-action_btn {
  font-size: 0.875rem;
  margin-top: 32px;
  text-align: center;
}
@media print, screen and (min-width: 768px) {
  .top-action_btn {
    font-size: 1.125rem;
  }
}
@media print {
  .top-action_btn {
    font-size: 1.125rem;
  }
}
@media print, screen and (min-width: 992px) {
  .top-action_btn {
    margin-top: 40px;
    text-align: left;
  }
}
@media print {
  .top-action_btn {
    margin-top: 40px;
    text-align: left;
  }
}

.top-tips {
  background-color: #f2f5f4;
  padding-bottom: 80px;
  padding-top: 80px;
}
@media print, screen and (min-width: 768px) {
  .top-tips {
    padding-bottom: 160px;
    padding-top: 160px;
  }
}
@media print {
  .top-tips {
    padding-bottom: 160px;
    padding-top: 160px;
  }
}
.top-tips_container {
  margin-left: auto;
  margin-right: auto;
  max-width: 1280px;
  padding-left: 16px;
  padding-right: 16px;
}
.top-tips_text {
  font-size: 0.875rem;
  margin-top: 40px;
}
@media print, screen and (min-width: 768px) {
  .top-tips_text {
    font-size: 1.125rem;
  }
}
@media print {
  .top-tips_text {
    font-size: 1.125rem;
  }
}
.top-tips_text p {
  margin-top: 1em;
}
.top-tips_text p:first-child {
  margin-top: 0;
}
.top-tips_content {
  margin-top: 24px;
}
.top-tips_btn {
  margin-top: 40px;
  text-align: center;
}
@media print, screen and (min-width: 768px) {
  .top-tips_btn {
    margin-top: 48px;
  }
}
@media print {
  .top-tips_btn {
    margin-top: 48px;
  }
}

.top-news {
  padding-bottom: 80px;
  padding-top: 80px;
}
@media print, screen and (min-width: 768px) {
  .top-news {
    padding-bottom: 160px;
    padding-top: 160px;
  }
}
@media print {
  .top-news {
    padding-bottom: 160px;
    padding-top: 160px;
  }
}
.top-news_container {
  margin-left: auto;
  margin-right: auto;
  max-width: 1280px;
  padding-left: 16px;
  padding-right: 16px;
}
@media print, screen and (min-width: 1320px) {
  .top-news_row {
    display: flex;
  }
}
@media print {
  .top-news_row {
    display: flex;
  }
}
@media print, screen and (min-width: 1320px) {
  .top-news_header {
    width: 360px;
  }
}
@media print {
  .top-news_header {
    width: 360px;
  }
}
.top-news_content {
  margin-top: 40px;
}
@media print, screen and (min-width: 1320px) {
  .top-news_content {
    flex: 1;
    margin-left: 40px;
    margin-top: 0;
  }
}
@media print {
  .top-news_content {
    flex: 1;
    margin-left: 40px;
    margin-top: 0;
  }
}
.top-news_btn {
  margin-top: 40px;
  text-align: center;
}
@media print, screen and (min-width: 768px) {
  .top-news_btn {
    margin-top: 48px;
  }
}
@media print {
  .top-news_btn {
    margin-top: 48px;
  }
}

.top-register {
  background-color: #00947e;
  color: #fff;
  display: flex;
  justify-content: center;
  padding-bottom: 48px;
  padding-top: 48px;
  width: 100%;
}
@media print, screen and (min-width: 768px) {
  .top-register {
    padding-bottom: 80px;
    padding-top: 80px;
  }
}
@media print {
  .top-register {
    padding-bottom: 80px;
    padding-top: 80px;
  }
}
.top-register_container {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-left: auto;
  margin-right: auto;
  max-width: 1280px;
  padding-left: 16px;
  padding-right: 16px;
  width: 100%;
}
@media print, screen and (min-width: 768px) {
  .top-register_container {
    gap: 40px;
  }
}
@media print {
  .top-register_container {
    gap: 40px;
  }
}
.top-register_lead {
  align-items: center;
  display: flex;
  flex-direction: column;
  font-size: 1.25rem;
  font-weight: bold;
  gap: 0.25em 0;
  line-height: 1.5;
}
@media print, screen and (min-width: 768px) {
  .top-register_lead {
    font-size: 2rem;
    line-height: 1.75;
  }
}
@media print {
  .top-register_lead {
    font-size: 2rem;
    line-height: 1.75;
  }
}
.top-register_lead strong {
  font-size: 115%;
}
.top-register_lead > span {
  border-bottom: 1px solid currentColor;
  padding-bottom: 0.1em;
  position: relative;
}
.top-register_content {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
}
@media print, screen and (min-width: 768px) {
  .top-register_content {
    gap: 40px;
  }
}
@media print {
  .top-register_content {
    gap: 40px;
  }
}
.top-register_text {
  font-size: 0.9375rem;
}
@media print, screen and (min-width: 768px) {
  .top-register_text {
    font-size: 1.25rem;
  }
}
@media print {
  .top-register_text {
    font-size: 1.25rem;
  }
}
@media print, screen and (min-width: 992px) {
  .top-register_text {
    text-align: center;
  }
}
@media print {
  .top-register_text {
    text-align: center;
  }
}
.top-register_btn {
  text-align: center;
}

.top-faq {
  padding-bottom: 64px;
  padding-top: 80px;
}
@media print, screen and (min-width: 768px) {
  .top-faq {
    padding-bottom: 120px;
    padding-top: 160px;
  }
}
@media print {
  .top-faq {
    padding-bottom: 120px;
    padding-top: 160px;
  }
}
.top-faq_container {
  margin-left: auto;
  margin-right: auto;
  max-width: 1280px;
  padding-left: 16px;
  padding-right: 16px;
}
.top-faq_row {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
}
@media print, screen and (min-width: 1320px) {
  .top-faq_row {
    flex-direction: row;
    gap: 40px;
  }
}
@media print {
  .top-faq_row {
    flex-direction: row;
    gap: 40px;
  }
}
@media print, screen and (min-width: 1320px) {
  .top-faq_header {
    width: 360px;
  }
}
@media print {
  .top-faq_header {
    width: 360px;
  }
}
@media print, screen and (min-width: 1320px) {
  .top-faq_content {
    flex: 1;
  }
}
@media print {
  .top-faq_content {
    flex: 1;
  }
}
.top-faq_btn {
  margin-top: 40px;
  text-align: center;
}
@media print, screen and (min-width: 768px) {
  .top-faq_btn {
    margin-top: 48px;
  }
}
@media print {
  .top-faq_btn {
    margin-top: 48px;
  }
}

.top-corporation {
  background-color: #f2f5f4;
  display: flex;
  justify-content: center;
  padding-bottom: 64px;
  padding-top: 64px;
  width: 100%;
}
@media print, screen and (min-width: 768px) {
  .top-corporation {
    padding-bottom: 120px;
    padding-top: 120px;
  }
}
@media print {
  .top-corporation {
    padding-bottom: 120px;
    padding-top: 120px;
  }
}
.top-corporation_container {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-left: auto;
  margin-right: auto;
  max-width: 1280px;
  padding-left: 16px;
  padding-right: 16px;
  width: 100%;
}
@media print, screen and (min-width: 768px) {
  .top-corporation_container {
    gap: 40px;
  }
}
@media print {
  .top-corporation_container {
    gap: 40px;
  }
}
.top-corporation_content {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
}
@media print, screen and (min-width: 768px) {
  .top-corporation_content {
    gap: 40px;
  }
}
@media print {
  .top-corporation_content {
    gap: 40px;
  }
}
.top-corporation_text {
  font-size: 0.9375rem;
}
@media print, screen and (min-width: 768px) {
  .top-corporation_text {
    font-size: 1.25rem;
  }
}
@media print {
  .top-corporation_text {
    font-size: 1.25rem;
  }
}
@media print, screen and (min-width: 992px) {
  .top-corporation_text {
    text-align: center;
  }
}
@media print {
  .top-corporation_text {
    text-align: center;
  }
}
.top-corporation_btn {
  text-align: center;
}

.top-news-category {
  display: flex;
  font-size: 12px;
  gap: 2px;
  list-style: none;
  margin: 0;
  padding: 0;
  padding-left: 4px;
  width: 100%;
}
@media print, screen and (min-width: 768px) {
  .top-news-category {
    font-size: 16px;
    gap: 4px;
    padding-left: 8px;
  }
}
@media print {
  .top-news-category {
    font-size: 16px;
    gap: 4px;
    padding-left: 8px;
  }
}
.top-news-category.--comment {
  align-items: flex-end;
}
.top-news-category__item {
  display: flex;
}
.top-news-category__item.--comment {
  flex-direction: column;
  gap: 0.75em;
}
.top-news-category__comment {
  font-size: 0.6875rem;
}
@media print, screen and (min-width: 768px) {
  .top-news-category__comment {
    font-size: 0.8125rem;
  }
}
@media print {
  .top-news-category__comment {
    font-size: 0.8125rem;
  }
}
.top-news-category__btn {
  background-color: #bbb;
  border: none;
  border-radius: 4px 4px 0 0;
  color: #333;
  color: #fff;
  cursor: pointer;
  font-weight: 700;
  line-height: 1.25;
  min-width: 5em;
  padding: 8px 4px;
  text-decoration: none !important;
}
@media print, screen and (min-width: 992px) {
  .top-news-category__btn {
    border-radius: 8px 8px 0 0;
    min-width: 8em;
    padding: 16px;
  }
}
@media print {
  .top-news-category__btn {
    border-radius: 8px 8px 0 0;
    min-width: 8em;
    padding: 16px;
  }
}
.top-news-category__btn[aria-expanded=true] {
  background-color: #00947e;
  color: #fff;
  pointer-events: none;
}
@media (hover: hover) and (pointer: fine) {
  .top-news-category__btn {
    transition: all 0.25s ease;
  }
  .top-news-category__btn:hover {
    background-color: #ccc;
    color: #fff;
  }
}

.tabSwitch__target {
  width: 100%;
}
.tabSwitch__target[aria-hidden=true] {
  display: none;
  opacity: 0;
  transition: 0.4s;
}
.tabSwitch__target[aria-hidden=false] {
  display: flex;
  opacity: 1;
  transition: 0.4s;
}

.top-news {
  background-color: #fff;
  padding-bottom: 64px;
  padding-top: 64px;
}
@media print, screen and (min-width: 768px) {
  .top-news {
    padding-bottom: 120px;
    padding-top: 120px;
  }
}
@media print {
  .top-news {
    padding-bottom: 120px;
    padding-top: 120px;
  }
}
.top-news_container {
  margin-left: auto;
  margin-right: auto;
  max-width: 1280px;
  padding-left: 16px;
  padding-right: 16px;
}
.top-news_row {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
}
@media print, screen and (min-width: 1320px) {
  .top-news_row {
    flex-direction: row;
    gap: 40px;
  }
}
@media print {
  .top-news_row {
    flex-direction: row;
    gap: 40px;
  }
}
@media print, screen and (min-width: 1320px) {
  .top-news_header {
    width: 280px;
  }
}
@media print {
  .top-news_header {
    width: 280px;
  }
}
@media print, screen and (min-width: 1320px) {
  .top-news_content {
    flex: 1;
  }
}
@media print {
  .top-news_content {
    flex: 1;
  }
}
.top-news_main {
  background-color: #fff;
  border: 2px solid #00947e;
  border-radius: 4px;
  display: flex;
  padding: 16px 8px;
  width: 100%;
}
@media print, screen and (min-width: 768px) {
  .top-news_main {
    border-radius: 8px;
    padding: 24px;
  }
}
@media print {
  .top-news_main {
    border-radius: 8px;
    padding: 24px;
  }
}
.top-news_btn {
  margin-top: 40px;
  text-align: center;
}
@media print, screen and (min-width: 768px) {
  .top-news_btn {
    margin-top: 48px;
  }
}
@media print {
  .top-news_btn {
    margin-top: 48px;
  }
}

#truckSpots {
  /***
      The new CSS reset - version 1.11.2 (last updated 15.11.2023)
      GitHub page: https://github.com/elad2412/the-new-css-reset
  ***/
  /*
     Remove all the styles of the "User-Agent-Stylesheet", except for the 'display' property
     - The "symbol *" part is to solve Firefox SVG sprite bug
     - The "html" element is excluded, otherwise a bug in Chrome breaks the CSS hyphens property (https://github.com/elad2412/the-new-css-reset/issues/36)
  */
}
#truckSpots .root {
  /* Preferred box-sizing value */
  /* Fix mobile Safari increase font-size on landscape mode */
  /* Reapply the pointer cursor for anchor tags */
  /* Remove list styles (bullets/numbers) */
  /* For images to not be able to exceed their container */
  /* removes spacing between cells in tables */
  /* Safari - solving issue when using user-select:none on the <body> text input doesn't working */
  /* revert the 'white-space' property for textarea elements on Safari */
  /* minimum style to allow to style meter element */
  /* preformatted text - use only for this feature */
  /* reset default text opacity of input placeholder */
  /* fix the feature of 'hidden' attribute.
  display:revert; revert to element instead of attribute */
  /* revert for bug in Chromium browsers
  - fix for the content editable attribute will work properly.
  - webkit-user-select: auto; added for Safari in case of using user-select:none on wrapper element*/
  /* apply back the draggable feature - exist only in Chromium and Safari */
  /* Revert Modal native behavior */
  /* Remove details summary webkit styles */
}
#truckSpots .root *:where(:not(html, iframe, canvas, img, svg, video, audio):not(svg *, symbol *)) {
  all: unset;
  display: revert;
}
#truckSpots .root *,
#truckSpots .root *::before,
#truckSpots .root *::after {
  box-sizing: border-box;
}
#truckSpots .root html {
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  -ms-text-size-adjust: none;
  text-size-adjust: none;
}
#truckSpots .root a,
#truckSpots .root button {
  cursor: revert;
}
#truckSpots .root ol,
#truckSpots .root ul,
#truckSpots .root menu,
#truckSpots .root summary {
  list-style: none;
}
#truckSpots .root img {
  max-block-size: 100%;
  max-inline-size: 100%;
}
#truckSpots .root table {
  border-collapse: collapse;
}
#truckSpots .root input,
#truckSpots .root textarea {
  -webkit-user-select: auto;
}
#truckSpots .root textarea {
  white-space: revert;
}
#truckSpots .root meter {
  -webkit-appearance: revert;
  -moz-appearance: revert;
  appearance: revert;
}
#truckSpots .root :where(pre) {
  all: revert;
  box-sizing: border-box;
}
#truckSpots .root ::-webkit-input-placeholder {
  color: unset;
}
#truckSpots .root ::-moz-placeholder {
  color: unset;
}
#truckSpots .root :-ms-input-placeholder {
  color: unset;
}
#truckSpots .root ::-ms-input-placeholder {
  color: unset;
}
#truckSpots .root ::placeholder {
  color: unset;
}
#truckSpots .root :where([hidden]) {
  display: none;
}
#truckSpots .root :where([contenteditable]:not([contenteditable=false])) {
  -moz-user-modify: read-write;
  -webkit-user-modify: read-write;
  -webkit-line-break: after-white-space;
  -webkit-user-select: auto;
  overflow-wrap: break-word;
}
#truckSpots .root :where([draggable=true]) {
  -webkit-user-drag: element;
}
#truckSpots .root :where(dialog:modal) {
  all: revert;
  box-sizing: border-box;
}
#truckSpots .root ::-webkit-details-marker {
  display: none;
}
#truckSpots input[type=number]::-webkit-outer-spin-button,
#truckSpots input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  -moz-appearance: textfield;
  margin: 0;
}
#truckSpots p {
  margin: 0;
}
#truckSpots button {
  all: unset;
}
#truckSpots .truckSpots {
  display: flex;
  flex-direction: column;
  gap: 15px;
  width: 100%;
}
@media print, screen and (min-width: 768px) {
  #truckSpots .truckSpots {
    gap: 40px;
  }
}
@media print {
  #truckSpots .truckSpots {
    gap: 40px;
  }
}
#truckSpots .truckSpots__group {
  display: flex;
  flex-direction: column;
  gap: 5px;
  width: 100%;
}
@media print, screen and (min-width: 768px) {
  #truckSpots .truckSpots__group {
    gap: 10px;
  }
}
@media print {
  #truckSpots .truckSpots__group {
    gap: 10px;
  }
}
#truckSpots .truckSpots__label {
  font-size: 15px;
  font-weight: bold;
  line-height: 1.5;
}
@media print, screen and (min-width: 768px) {
  #truckSpots .truckSpots__label {
    font-size: 18px;
  }
}
@media print {
  #truckSpots .truckSpots__label {
    font-size: 18px;
  }
}
#truckSpots .truckSizeList {
  display: flex;
  gap: 5px;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}
@media print, screen and (min-width: 768px) {
  #truckSpots .truckSizeList {
    gap: 10px;
  }
}
@media print {
  #truckSpots .truckSizeList {
    gap: 10px;
  }
}
#truckSpots .truckSizeList > li {
  display: flex;
  margin: 0;
  padding: 0;
  width: 120px;
}
@media print, screen and (min-width: 768px) {
  #truckSpots .truckSizeList > li {
    width: 200px;
  }
}
@media print {
  #truckSpots .truckSizeList > li {
    width: 200px;
  }
}
#truckSpots .truckSizeList__btn {
  align-items: center;
  background-color: rgba(0, 148, 126, 0.15);
  border: 1px solid #00947e;
  border-radius: 3px;
  color: #00947e;
  cursor: pointer;
  display: flex;
  font-size: 13px;
  font-weight: bold;
  height: 32px;
  justify-content: center;
  transition: 0.25s ease;
  width: 100%;
}
@media print, screen and (min-width: 768px) {
  #truckSpots .truckSizeList__btn {
    font-size: 16px;
    height: 40px;
  }
}
@media print {
  #truckSpots .truckSizeList__btn {
    font-size: 16px;
    height: 40px;
  }
}
#truckSpots .truckSizeList__btn.isActive {
  background-color: #00947e;
  color: #fff;
}
#truckSpots .truckSizeList__btn:hover {
  background-color: #00947e;
  color: #fff;
}
#truckSpots .truckAreaList {
  display: flex;
  flex-wrap: wrap;
  gap: 3px 5px;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}
@media print, screen and (min-width: 768px) {
  #truckSpots .truckAreaList {
    gap: 5px 10px;
  }
}
@media print {
  #truckSpots .truckAreaList {
    gap: 5px 10px;
  }
}
#truckSpots .truckAreaList > li {
  display: flex;
  margin: 0;
  padding: 0;
  width: 80px;
}
@media print, screen and (min-width: 768px) {
  #truckSpots .truckAreaList > li {
    width: 160px;
  }
}
@media print {
  #truckSpots .truckAreaList > li {
    width: 160px;
  }
}
#truckSpots .truckAreaList__btn {
  align-items: center;
  background-color: rgba(0, 148, 126, 0.15);
  border: 1px solid #00947e;
  border-radius: 3px;
  color: #00947e;
  cursor: pointer;
  display: flex;
  font-size: 12px;
  font-weight: bold;
  height: 32px;
  justify-content: center;
  transition: 0.25s ease;
  width: 100%;
}
@media print, screen and (min-width: 768px) {
  #truckSpots .truckAreaList__btn {
    font-size: 15px;
    height: 40px;
  }
}
@media print {
  #truckSpots .truckAreaList__btn {
    font-size: 15px;
    height: 40px;
  }
}
#truckSpots .truckAreaList__btn.isActive {
  background-color: #00947e;
  color: #fff;
}
#truckSpots .truckAreaList__btn:hover {
  background-color: #00947e;
  color: #fff;
}
#truckSpots .truckArea2List {
  background-color: #f2f5f4;
  border-radius: 2px;
  display: flex;
  flex-wrap: wrap;
  gap: 3px 5px;
  list-style: none;
  margin: 0;
  padding: 0;
  padding: 5px;
  width: 100%;
}
@media print, screen and (min-width: 768px) {
  #truckSpots .truckArea2List {
    border-radius: 4px;
    gap: 5px 10px;
    padding: 10px;
  }
}
@media print {
  #truckSpots .truckArea2List {
    border-radius: 4px;
    gap: 5px 10px;
    padding: 10px;
  }
}
#truckSpots .truckArea2List > li {
  display: flex;
  margin: 0;
  padding: 0;
  width: 70px;
}
@media print, screen and (min-width: 768px) {
  #truckSpots .truckArea2List > li {
    width: 110px;
  }
}
@media print {
  #truckSpots .truckArea2List > li {
    width: 110px;
  }
}
#truckSpots .truckArea2List__btn {
  align-items: center;
  background-color: #fff;
  border: 1px solid #00947e;
  border-radius: 3px;
  color: #00947e;
  cursor: pointer;
  display: flex;
  font-size: 11px;
  font-weight: bold;
  height: 28px;
  justify-content: center;
  transition: 0.25s ease;
  width: 100%;
}
@media print, screen and (min-width: 768px) {
  #truckSpots .truckArea2List__btn {
    font-size: 14px;
    height: 40px;
  }
}
@media print {
  #truckSpots .truckArea2List__btn {
    font-size: 14px;
    height: 40px;
  }
}
#truckSpots .truckArea2List__btn.isActive {
  background-color: #00947e;
  color: #fff;
}
#truckSpots .truckArea2List__btn:hover {
  background-color: #00947e;
  color: #fff;
}
#truckSpots a.truckSpotList__card {
  align-items: center;
  background: #f2f5f4;
  gap: 4px;
}
@media (hover: hover) and (pointer: fine) {
  #truckSpots a.truckSpotList__card {
    background: linear-gradient(90deg, #00947e 0%, #00947e 50%, #f2f5f4 50%, #f2f5f4 100%);
    background-position: 100% center;
    background-repeat: no-repeat;
    background-size: 220% 100%;
    transition: all 0.25s ease;
  }
}
#truckSpots a.truckSpotList__card > * {
  z-index: 20;
}
@media print, screen and (min-width: 768px) {
  #truckSpots a.truckSpotList__card {
    gap: 10px;
  }
}
@media print {
  #truckSpots a.truckSpotList__card {
    gap: 10px;
  }
}
#truckSpots a.truckSpotList__card:hover {
  color: #00947e;
}
@media (hover: hover) and (pointer: fine) {
  #truckSpots a.truckSpotList__card:hover {
    background-color: #00947e;
    background-position: 0 center;
    color: #fff;
  }
  #truckSpots a.truckSpotList__card:hover span[class^=link-arrow]::before, #truckSpots a.truckSpotList__card:hover span[class^=link-arrow]::after {
    background-color: #fff;
  }
}
#truckSpots .truckSpotList {
  display: flex;
  flex-direction: column;
  gap: 5px;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}
@media print, screen and (min-width: 768px) {
  #truckSpots .truckSpotList {
    gap: 10px;
  }
}
@media print {
  #truckSpots .truckSpotList {
    gap: 10px;
  }
}
#truckSpots .truckSpotList > li {
  display: flex;
  margin: 0;
  padding: 0;
  width: 100%;
}
#truckSpots .truckSpotList__arrow {
  transition: 0.25s ease;
}
#truckSpots .truckSpotList__card {
  background-color: #f2f5f4;
  border-radius: 3px;
  color: #030303;
  display: flex;
  font-size: 14px;
  gap: 10px;
  line-height: 1.5;
  padding: 10px;
  position: relative;
  text-decoration: none !important;
  width: 100%;
}
@media print, screen and (min-width: 768px) {
  #truckSpots .truckSpotList__card {
    flex-direction: row;
    font-size: 18px;
    gap: 40px;
    padding: 20px;
  }
}
@media print {
  #truckSpots .truckSpotList__card {
    flex-direction: row;
    font-size: 18px;
    gap: 40px;
    padding: 20px;
  }
}
#truckSpots .truckSpotList__content {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 10px;
  line-height: 1.5;
  width: 100%;
}
@media print, screen and (min-width: 768px) {
  #truckSpots .truckSpotList__content {
    flex-direction: row;
    gap: 40px;
  }
}
@media print {
  #truckSpots .truckSpotList__content {
    flex-direction: row;
    gap: 40px;
  }
}
#truckSpots .truckSpotList__main {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 5px;
}
@media print, screen and (min-width: 768px) {
  #truckSpots .truckSpotList__main {
    gap: 10px;
  }
}
@media print {
  #truckSpots .truckSpotList__main {
    gap: 10px;
  }
}
#truckSpots .truckSpotList__name {
  font-weight: bold;
}
#truckSpots .truckSpotList__address {
  font-size: 90%;
  opacity: 0.75;
}
#truckSpots .truckSpotList__note {
  color: #d0376c;
  font-size: 85%;
}
#truckSpots .truckSpotList__img {
  background-color: transparent;
  background-color: #fff;
  border: none;
  cursor: pointer;
  position: relative;
  width: 100%;
}
@media (hover: hover) and (pointer: fine) {
  #truckSpots .truckSpotList__img:hover img {
    opacity: 0.75;
  }
}
@media print, screen and (min-width: 768px) {
  #truckSpots .truckSpotList__img {
    width: 240px;
  }
}
@media print {
  #truckSpots .truckSpotList__img {
    width: 240px;
  }
}
#truckSpots .truckSpotList__img img {
  height: auto;
  max-width: 100%;
  transition: 0.25s ease;
}
#truckSpots .truckSpotList__icon {
  background-color: #fff;
  border-radius: 50%;
  bottom: 4px;
  color: #00947e;
  display: flex;
  font-size: 0.75em;
  height: 2em;
  position: absolute;
  right: 4px;
  width: 2em;
  z-index: 10;
}
#truckSpots .truckSpotList__icon::before {
  border: 0.15em solid currentColor;
  border-radius: 50%;
  bottom: 30%;
  content: "";
  height: 1em;
  position: absolute;
  right: 30%;
  width: 1em;
}
#truckSpots .truckSpotList__icon::after {
  -webkit-transform-origin: center top;
  -webkit-transform: rotate(-45deg);
  background-color: currentColor;
  border-radius: 5px;
  content: "";
  height: 0.5em;
  left: 55%;
  position: absolute;
  top: 55%;
  transform: rotate(-45deg);
  transform-origin: center top;
  width: 0.15em;
}
#truckSpots .truckSpotDialog {
  background: transparent;
  border: none;
  outline: none;
}
#truckSpots .truckSpotDialog::-webkit-backdrop {
  background-color: #000;
  opacity: 0.25;
}
#truckSpots .truckSpotDialog::backdrop {
  background-color: #000;
  opacity: 0.25;
}
#truckSpots .truckSpotDialog__closeBtn {
  align-items: center;
  background-color: #999;
  border: none;
  border-radius: 999em;
  color: #fff;
  display: flex;
  font-size: 28px;
  height: 1em;
  justify-content: center;
  outline: none;
  position: absolute;
  right: 8px;
  text-align: center;
  top: 8px;
  width: 1em;
  z-index: 10;
}
@media (hover: hover) and (pointer: fine) {
  #truckSpots .truckSpotDialog__closeBtn {
    transition: 0.25s ease;
  }
  #truckSpots .truckSpotDialog__closeBtn:hover {
    background-color: #666;
  }
}
#truckSpots .truckSpotDialog__closeBtn > span {
  display: flex;
  height: 100%;
  position: relative;
  width: 100%;
  z-index: 10;
}
#truckSpots .truckSpotDialog__closeBtn > span::before, #truckSpots .truckSpotDialog__closeBtn > span::after {
  background-color: currentColor;
  content: " ";
  display: block;
  height: 0.5em;
  left: 50%;
  position: absolute;
  top: 50%;
  width: 1px;
}
#truckSpots .truckSpotDialog__closeBtn > span::before {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
}
#truckSpots .truckSpotDialog__closeBtn > span::after {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
}
#truckSpots .truckSpotDialog__box {
  display: flex;
  gap: 0;
  max-width: 90vw;
  min-width: 320px;
  overflow: hidden;
  position: relative;
}
@media print, screen and (min-width: 992px) {
  #truckSpots .truckSpotDialog__box {
    max-width: 800px;
    min-width: 480px;
  }
}
@media print {
  #truckSpots .truckSpotDialog__box {
    max-width: 800px;
    min-width: 480px;
  }
}
#truckSpots .truckSpotDialog__box img {
  height: auto;
  max-width: 100%;
}

.charge-display_pc {
  display: none;
}

.charge-display_sp {
  display: block;
}

.header-top.header-charge {
  top: 0;
  box-shadow: 0 1px 4px rgba(0, 0, 0, .05);
}

.header-charge .drawer[aria-hidden=true] {
  width: 100%;
}

.header-charge .drawer[aria-hidden],
.header-charge .drawer .drawer_inner,
.header-charge .drawer[aria-hidden] .drawer_inner,
.header-charge .drawer[aria-hidden=false] .drawer_inner,
.header-charge .link-arrow--white,
.header-charge .link-arrow--white::after,
.header-charge .link-arrow--white::before {
  transition: none;
}

.header-charge .drawer .drawer_inner {
  transform: none;
}

.header-charge .drawer,
.header-charge .drawer_backdrop,
.header-charge .drawer_inner {
  right: 0;
  left: auto;
}

.header-charge .drawer-btns {
  display: block;

}

.header-charge .drawer-btns {
  margin-top: 40px;
}

.header-charge .drawer-btns .drawer-btns_item {
  width: 100%;
  padding: 0;
}

.header-charge .drawer-btns>li:nth-child(1) {
  margin-bottom: 16px;
}

.header-charge .nav-global_item>a,
.header-charge .nav-global_item--dropdown>a[data-isCurrent=true],
.header-charge .nav-global_item>span[data-isCurrent=true],
.header-charge .nav-global_item--dropdown>span[data-isCurrent=true] {
  background-color: transparent;
}


.charge-Wrapper {
  padding-bottom: 80px;
}

.charge-cont {
  background: #F2F5F4;
  padding: 0 16px 40px;

}

.charge-container {
  max-width: none;
  width: 100%;
}

.charge-container ul {
  padding-left: 0;
}

.charge-container li {
  list-style: none;
}

.charge-container .top-about_container {
  background-color: #fff;
  max-width: none;
  padding-left: 0;
  padding-right: 0;
}

.header-charge .drawer_inner {
  position: absolute;
  top: 0;
  background-color: #00947E;
}

.charge-Wrapper .top-kv_inner {
  padding-top: 0;
  background-image: url(https://img.goo-net.com/lp/eneos/chargeplus/img/kv_bg02_sp.png);
  min-height: 355px;
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: 768px 295px;
  padding-bottom: 16.5px;
}

.banner-cont {
  padding: 16px;
  background-color: #FFFFFF;
  cursor: pointer;
}

.banner-cont img {
  width: 100%;
}

.charge-Wrapper .top-kv_header {
  background: none;
}

.charge-Wrapper .top-kv_main {
  margin: 58px 0 0;
}

.charge-Wrapper .top-kv_title {
  display: flex;
  width: 100%;
}

.charge-Wrapper .top-kv_title p {
  width: 100%;
  display: block;
  background-color: #00B18F;
  font-size: 0.8125rem;
  font-weight: bold;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  margin-bottom: 10.4px;
  padding: 4px 0;
  position: relative;
}


.charge-Wrapper .top-kv_title p::before {
  content: '';
  position: absolute;
  bottom: -4.5px;
  left: 18.4px;
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 13px solid #02B18F;
  transform: rotate(40deg);
}

.charge-Wrapper .top-kv_title .img {
  height: 48px;
}

.charge-Wrapper .top-kv_title .img:nth-child(1) {
  margin-right: 3px;
}

.charge-Wrapper .top-kv_title .img:nth-child(2) {
  margin-right: 8px;
}

.charge-Wrapper .top-kv_title .img img {
  height: 100%;
}

.charge-Wrapper .top-kv_main-image {
  width: 282.35px;
  max-width: none;
}

.charge-Wrapper .top-kv_text-01>span {
  background: none;
  font-weight: bold;
  padding-bottom: 0;
  font-size: 1.1125rem;
}


.charge-Wrapper .charge-Wrapper .top-kv_text {
  font-size: 1.1125rem;
}


.charge-Wrapper .top-kv_sub,
.charge-Wrapper .top-kv_sub .top-kv_btn {
  padding: 0;
  padding-top: 0;
  width: 280px;
}


.charge-Wrapper .top-kv .top-kv_sub {
  margin: 24px auto 0;
}

.charge-Wrapper .top-kv_btns {
  position: relative;
  margin-top: 0;
}

.charge-Wrapper .top-kv_btns .top-kv_btnTitle {
  position: absolute;
  top: -24px;
  left: 50%;
  font-size: 0.875rem;
  font-weight: bold;
  transform: translateX(-50%);
  line-height: 1;
  min-width: 150px;
}

.charge-Wrapper .top-kv_btns .top-kv_btnTitle span {
  font-size: 1.1875rem;
  display: inline-block;
  margin: 0 2px 0 5px;
}

.charge-Wrapper .top-kv_btns .top-kv_btnTitle:after,
.charge-Wrapper .top-kv_btns .top-kv_btnTitle:before {
  position: absolute;
  content: "";
  width: 1.4px;
  height: 100%;
  background-color: #030303;
  border-radius: 5px;
  transform: rotate(-30deg);
}

.charge-Wrapper .top-kv_btns .top-kv_btnTitle:before {
  left: -10.4px;
}

.charge-Wrapper .top-kv_btns .top-kv_btnTitle:after {
  right: -5.4px;
  transform: rotate(30deg);
}

.charge-Wrapper .top-kv_banner {
  margin: 32.5px auto 0;
  width: 91.467%;
  cursor: pointer;
}

.charge-Wrapper .top-kv_banner {
  margin: 40px auto 0;
  width: 61.1%;
  max-width: 880px;
}

.charge-Wrapper .top-kv_banner img {
  width: 100%;
}

.top-kv_btns.fixed {
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  background-color: #fff;
  padding: 12px 0;
  margin-top: 0;
  /* z-index: 99; */
  z-index: 900;
}

.top-kv_btns.fixed .top-kv_btn .btn {
  width: 294px;
}

.charge-Wrapper .top-kv_btn .btn .icon svg,
.top-kv_btns.fixed .top-kv_btn .btn .icon svg {
  width: 1.883em;
}

.charge-have {
  text-align: center;
  padding-top: 41px;
  font-weight: bold;
}

.charge-have_title {
  color: #1A1A1A;
  margin-bottom: 30px;
}

.charge-have_title span {
  background-image: linear-gradient(transparent 70%, #edff8d 30%);
  background-repeat: repeat-x;
  background-size: 200% 82%;
}

.charge-have_question {
  display: flex;
  justify-content: center;
  gap: 8px;
  margin-bottom: 22px;
}

.charge-have_question li {
  width: 28%;
  height: 75px;
  box-sizing: border-box;
  background-color: #fff;
  padding: 10px 0;
  border: 2px solid #C3DDD4;
  border-radius: 8px;
  position: relative;
  font-size: 0.75rem;
  line-height: 1.3;
  display: flex;
  align-items: center;
  justify-content: center;
}

.charge-have_question li::before,
.charge-have_question li::after {
  content: '';
  position: absolute;
  bottom: -9px;
  left: 50%;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 9px solid #C3DDD4;
  transform: translateX(-50%);
}

.charge-have_question li::after {
  border-top: 9px solid #fff;
  bottom: -7px;
}

.charge-have_solution {
  width: 100%;
  border-radius: 16px;
  border: 2px solid #00947E;
  padding: 21px 26px 20px 26.4px;
  background-color: #fff;
}

.charge-container .icon-list_item--group {
  padding-bottom: 24px;
}

.charge-container .icon-list_icon--md {
  padding: 0;
}

.solution-title_safe {
  color: #007563;
  position: relative;
  font-size: 0.875rem;
  display: inline-block;
}


.solution-title_safe:after,
.solution-title_safe:before {
  position: absolute;
  top: 40%;
  content: "";
  width: 2px;
  height: 100%;
  background-color: #00947E;
  border-radius: 5px;
  transform: rotate(-30deg) translateY(-50%);
}

.solution-title_safe:before {
  left: -20.6px;
}

.solution-title_safe:after {
  right: -11.7px;
  transform: rotate(30deg) translateY(-50%);
}

.solution-title_center {
  font-size: 1.1875rem;
}

.solution-title_center .img {
  display: inline-block;
  width: 238px;
}

.solution-title_center .img img {
  width: 100%;
}

.charge-have_solution ul {
  gap: 13px;
  width: 214px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.charge-have_solution ul li {
  position: relative;
  display: flex;
  align-items: center;
  gap: 12px;
}


.charge-have_solution ul li .img {
  width: 24px;
  display: block;
}

.charge-have_solution ul li .img img {
  width: 100%;
}

.charge-have_solution ul li>div {
  text-align: left;
  line-height: 1.6;
}

.charge-have_solution ul li span {
  font-size: 0.75rem;
  font-weight: normal;
  line-height: 1;
}


.charge-have_solution ul li p {
  font-size: 1rem;
  line-height: 1;
}

.charge-have_solution ul li p span {
  font-weight: bold;
  font-size: 1.125rem;
  background-image: linear-gradient(transparent 65%, #edff8d 35%);
  background-repeat: repeat-x;
  background-size: 200% 87%;
}

.charge-container .intro-block {
  margin: 40px auto;
  padding: 0;
}

.charge-container .anchor-list_item:last-of-type {
  border-radius: none;
}

.charge-container .top-about {
  padding: 65px 16px 41px;
  background-color: #fff;
  border-radius: 8px;
}

.charge-container .top-about .top-about_circle {
  transform: translate(34%, 38%);
  z-index: 1;
}

.charge-container .top-about .top-about_circle>span {
  background-color: #fff;
  background-image: radial-gradient(#00947e 30%, transparent 30%);
  background-size: 7px 7px;
  border-radius: 50%;
  display: block;
  height: 100%;
  opacity: 0.1;
  width: 100%;
}

.top-about .about-list_illust[data-inview=true] {
  transform: translateY(-35%);
}

.charge-container .about-list_text p {
  margin-top: 0.75em;
}

.charge-Wrapper .top-member {
  padding-bottom: 165px;
}

.charge-Wrapper .top-member_container {
  max-width: 1248px;
}

.charge-Wrapper .top-member_container .member-list_figure {
  transform: translate(0, 0);
}

.charge-recommend {
  width: 100%;
  background-color: #00B18F;
  padding: 40px 20px;
}

.charge-recommend_inner {
  background-color: #fff;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 20px 0;
}

.charge-recommend_img.charge-display_sp {
  display: flex;
  margin-left: 11.4px;
}

.charge-recommend_img.charge-display_pc {
  display: none;
}

.charge-recommend_img .img {
  height: 56px;
}

.charge-recommend_img .img img {
  height: 100%;
}

.charge-recommend_center {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 16px;
  max-height: 56px;
}


.charge-recommend .charge-container .top-kv_sub,
.charge-recommend .charge-container .top-kv_btn,
.charge-recommend .charge-container .btn--sim {
  width: 295px;
}

.charge-recommend_title p {
  font-size: 1.09375rem;
  background-image: linear-gradient(transparent 65%, #edff8d 35%);
  background-repeat: repeat-x;
  background-size: 200% 82%;
  font-weight: bold;
}

.charge-recommend_title span {
  font-size: 1.0625rem;
  font-weight: bold;
}

.charge-recommend .charge-container .top-kv_sub {
  margin-top: 0;
}

.charge-Wrapper .footer {
  padding: 12px 0;
}

.charge-Wrapper .footer .footer-copyright {
  margin-top: 0;
  line-height: 1;
}

.footer-copyright_label {
  font-size: 10px;
}

.fixed-activity {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  background-color: rgba(0, 0, 0, 0.5);
  justify-content: center;
  align-items: center;
  z-index: 981;
}

.fixed-activity .cont {
  width: 91.47%;
  position: relative;
}

.fixed-activity .banner {
  position: relative;
}

.fixed-activity .banner img {
  width: 100%;
}

.fixed-activity .fixed-activity_header {
  font-weight: bold;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 10px;
  position: relative;
}

.fixed-activity .fixed-activity_header .host {
  background-color: #fff;
  color: #027563;
  font-size: 12px;
  padding: 10px 4px;
  height: 35px;
  line-height: normal;
  flex-shrink: 0;
}

.fixed-activity .fixed-activity_header .title {
  color: #fff;
  line-height: 18px;
  font-size: 14px;
  padding: 0 46px 0 6px;
}

.fixed-activity .close {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  width: 35px;
  height: 35px;
  border: 2px;
  background: #fff;
  cursor: pointer;
}

.fixed-activity .close::before,
.fixed-activity .close::after {
  content: '';
  position: absolute;
  width: 20.5px;
  height: 3px;
  background-color: #626262;
  top: 50%;
  left: 50%;
}

.fixed-activity .close::before {
  transform: translate(-50%) rotate(45deg);
}

.fixed-activity .close::after {
  transform: translate(-50%) rotate(-45deg);
}

.fixed-activity .fixed-activity_btn {
  display: block;
  width: 87.46%;
  position: absolute;
  bottom: 18px;
  left: 50%;
  transform: translateX(-50%);
  background-color: #FFF258;
  border-radius: 100px;
  color: #007563;
  font-weight: bold;
  text-align: center;
  padding: 2px 0;
  height: 56px;
}

.fixed-activity .fixed-activity_btn .title {
  position: absolute;
  top: -26px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 0.875rem;
  font-weight: bold;
  color: #fff;
  line-height: normal;
  min-width: 232px;
}

.fixed-activity .fixed-activity_btn .title::after,
.fixed-activity .fixed-activity_btn .title::before {
  content: '';
  position: absolute;
  width: 18.02px;
  height: 12.5px;
  background: url('https://img.goo-net.com/lp/eneos/chargeplus/img/fixed_triangle.png') no-repeat;
  background-size: contain;
  top: 50%;
}

.fixed-activity .fixed-activity_btn .title::before {
  left: -18px;
  transform: translateY(-50%) rotate(270deg);
}

.fixed-activity .fixed-activity_btn .title::after {
  right: -18px;
  transform: translateY(-50%) rotate(-20deg);
}

.fixed-activity .fixed-activity_btn .text {
  line-height: 16px;
}

.fixed-activity .fixed-activity_btn span {
  font-size: 0.7188rem;
}

.fixed-activity .fixed-activity_btn p {
  font-size: 1.125rem;
}

.campaign-basics {
  background-color: #ECF8F1;
  padding: 6px;
}

.campaign-basics .inner .title {
  background-color: #030303;
  font-weight: bold;
  text-align: center;
  font-size: 1rem;
  padding: 6px;
  color: #fff;
  line-height: 18px;
  padding: 9px 0;
}

.campaign-basics .inner .text {
  background-color: #fff;
  color: #030303;
  scrollbar-width: none;
  overflow-y: auto;
  height: 152px;
  padding: 10px;
  font-size: 0.875rem;
}

.campaign-basics .inner .text span {
  display: inline-block;
}

.campaign-basics .inner .text .off {
  font-size: .75rem;
}

.campaign-basics .inner .text::-webkit-scrollbar {
  display: none;
}

.campaign-basics .textBold {
  font-weight: bold;
}

@media print,
screen and (min-width: 1920px) {
  body .charge-Wrapper .top-kv_inner {
    background-size: 1690px auto, 100%, 100%;
    background-image: url(https://img.goo-net.com/lp/eneos/chargeplus/img/kv_bg02.png), url(https://img.goo-net.com/lp/eneos/chargeplus/img/kv_bg01@2x.png), linear-gradient(to bottom, transparent 66%, #F2F5F4 30%);
  }
}

@media print,
screen and (min-width: 1320px) {
  .charge-container .about-list_content {
    padding-left: 66px;
  }

  .charge-recommend_title p {
    font-size: 1.4375rem;
  }

  .charge-recommend_title span {
    font-size: 1.375rem;
  }

  .charge-Wrapper .member-list_content {
    margin-left: 112px;
  }

  body .fixed-activity .cont {
    width: 960px;
    height: auto;
  }

  body .fixed-activity .fixed-activity_btn {
    bottom: 30px;
    padding: 4px 0;
    height: 60px;
  }

  body .fixed-activity .fixed-activity_btn .title {
    position: absolute;
    top: -29px;
    left: 50%;
    font-size: 1rem;
    font-weight: bold;
    color: #fff;
    font-weight: bold;
    transform: translateX(-50%);
  }

  body .fixed-activity .fixed-activity_btn p {
    font-size: 1.1875rem;
  }

}


@media print,
screen and (min-width: 992px) {
  .header-charge .drawer-content {
    padding: 0;
    justify-content: flex-start;
  }

  .header-charge .nav-global_item:first-child,
  .header-charge .nav-global_item--dropdown:first-child {
    border-top: none;
  }

  .charge-recommend .charge-container .top-kv_sub,
  .charge-recommend .charge-container .top-kv_btn,
  .charge-recommend .charge-container .btn--sim {
    width: 360px;
  }

  .charge-recommend_title p {
    font-size: 1.3125rem;
  }


  .charge-Wrapper .charge-recommend_title {
    margin: 0 47px 0 38.9px;
  }

  .charge-recommend_title span {
    font-size: 1.25rem;
  }

  .top-kv_btns.fixed {
    padding: 20px 0;
  }

  .charge-Wrapper .member-list_item {
    margin-top: 0;
  }

  .charge-Wrapper .member-list_item:first-child {
    margin-top: 0;
    margin-bottom: 115.5px;
  }

  .charge-Wrapper .member-list_item:nth-child(2) {
    margin-bottom: 79px;
  }

  .charge-Wrapper .member-list_item:nth-child(3) {
    margin-bottom: 70px;
  }

  .charge-Wrapper .member-list_item:nth-child(4) {
    margin-bottom: 64px;
  }

  .charge-Wrapper .member-list_illust {
    width: auto;
  }

  .fixed-activity .cont {
    width: 760px;
  }

}

@media print,
screen and (min-width: 768px) and (max-width: 1280px) {
  body .charge-Wrapper .top-kv_inner {
    background-image: url(https://img.goo-net.com/lp/eneos/chargeplus/img/kv_bg02.png), url(https://img.goo-net.com/lp/eneos/chargeplus/img/kv_bg01@2x.png), linear-gradient(to bottom, transparent 85%, #F2F5F4 30%);
  }
}

@media print,
screen and (min-width: 768px) and (max-width: 992px) {
  .charge-recommend .charge-container .top-kv_sub {
    width: 280px;
  }
}

@media print,
screen and (min-width: 768px) {

  .charge-display_pc {
    display: block;
  }

  .charge-display_sp {
    display: none;
  }

  .header-charge .drawer_inner {
    max-width: 360px;
    padding: 0 32px;

  }

  .charge-Wrapper {
    padding-bottom: 112px;
  }

  .charge-Wrapper .top-kv_header {
    align-items: flex-start;
  }

  .charge-Wrapper .top-kv_machine {
    margin-top: 15px;
    display: block;
    height: 297.27px;
  }

  .charge-Wrapper .top-kv_inner {
    padding-top: 56px;
    padding-bottom: 158px;
    background-image: url(https://img.goo-net.com/lp/eneos/chargeplus/img/kv_bg02.png), url(https://img.goo-net.com/lp/eneos/chargeplus/img/kv_bg01@2x.png), linear-gradient(to bottom, transparent 77%, #F2F5F4 30%);
    background-position: center 0, bottom, bottom;
    min-height: auto;
    background-repeat: no-repeat;
    background-size: 1690px auto, contain, 100%;
  }

  .charge-Wrapper .top-kv_main {
    width: 540px;
    margin: 0 23px 0 20.8px;
  }

  .charge-Wrapper .top-kv_text {
    margin-bottom: 80.4px;
    font-size: 2rem;
  }

  .charge-Wrapper .top-kv_title p {
    font-size: 1.4375rem;
    margin-bottom: 20.4px;
  }

  .charge-Wrapper .top-kv_title p::before {
    left: 50%;
    bottom: -6.5px;
    transform: translateX(-50%) rotate(40deg);
  }

  .charge-Wrapper .top-kv_main-image {
    display: block;
    width: 100%;
    height: auto;
  }

  .charge-Wrapper .top-kv_text-01>span {
    font-size: 2rem;
  }

  .charge-Wrapper .top-kv_machine--02 {
    margin-top: 15px;
    display: block;
    height: 282.51px;
  }

  .charge-Wrapper .charge-Wrapper .top-kv_text {
    font-size: 1.6875rem;
    margin-top: 0;
  }

  .charge-Wrapper .top-kv_sub,
  .charge-Wrapper .top-kv_sub .top-kv_btn {
    margin-top: 84.4px;
    width: 400px;
  }

  .top-kv_btn .btn {
    height: 72px;
    font-size: 1.1875rem;
  }

  .top-kv_content .top-kv_btn .btn,
  .top-kv_btns.fixed .top-kv_btn .btn {
    width: 400px;
  }

  .charge-Wrapper .top-kv_btns .top-kv_btnTitle {
    font-size: 1.1875rem;
    top: -30px;
  }

  .charge-Wrapper .top-kv_btns .top-kv_btnTitle span {
    font-size: 1.625rem;
  }

  .charge-have_title {
    font-size: 2.5rem;
    line-height: 1.3;
  }

  .charge-have_question {
    margin-top: 0;
    margin-bottom: 42px;
    gap: 1em;
  }

  .charge-have_question li {
    width: 280px;
    height: 112px;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1.5;
    font-size: 1.375rem;
  }

  .charge-have_solution {
    padding: 40px 26px 46px;
  }

  .charge-have_solution ul {
    flex-direction: row;
    max-width: 1030px;
    width: 100%;
  }

  .charge-have_solution ul li {
    flex: 1;
    position: relative;
    justify-content: center;
    height: 124px;
    border: 3px solid #00B18F;
    /* padding-top: 34px;
    padding-bottom: 15px; */
    border-radius: 8px;
    background-color: #F2F5F4;
    gap: 0;
  }

  .charge-have_solution ul li>div {
    text-align: center;
    line-height: 2;
  }

  .charge-have_solution ul li .img {
    width: 44px;
    height: 44px;
    left: 50%;
    top: -12px;
    position: absolute;
    left: 50%;
    top: -22px;
    transform: translateX(-50%);
  }

  .charge-have_solution ul li span {
    font-size: 1.125rem;
  }

  .charge-have_solution ul li p {
    font-size: 1.625rem;
  }

  .charge-have_solution ul li p span {
    font-size: 1.875rem;
  }

  .solution-title_safe {
    font-size: 1.75rem;
    line-height: 1.75rem;
    margin-bottom: 20px;
  }

  .solution-title_safe:after,
  .solution-title_safe:before {
    height: 35.39px
  }

  .solution-title_safe:before {
    left: -18.6px;
  }

  .solution-title_safe:after {
    right: -9.7px;
  }

  .solution-title_center {
    font-size: 2.375rem;
    margin-bottom: 53px;
    line-height: 1.5;
  }

  .solution-title_center .img {
    width: 463.94px;
  }

  .charge-cont {
    padding-bottom: 80px;
  }

  .charge-container {
    margin: 0 auto;
    max-width: 1248px;
  }


  .charge-have {
    padding-top: 44px;
  }

  .charge-container .intro-block {
    margin: 80px auto 79px;
    padding-bottom: 0;
  }

  .charge-container .top-about {
    padding: 102px 64px 60px;
  }

  .charge-container .top-about_container {
    padding-left: 0;
    padding-right: 0;
  }

  .charge-container .top-about .top-about_circle {
    transform: translate(50%, -40%);
  }

  .charge-container .top-about .marker-text {
    background: none;
    padding-bottom: 0;
  }

  .charge-container .block-child {
    margin-top: 68px;
  }

  .charge-container .youtube {
    max-width: 838px;
  }

  .charge-container .about-list {
    margin-top: 127px;
  }

  .charge-container .about-list_illust {
    width: 500px;
  }

  .top-about .about-list_illust[data-inview=true] {
    transform: translateY(-18%);
  }


  .charge-container .member-list_note {
    margin-top: 42px;
  }

  .charge-container #charge-sec02 .page-section:first-child .common-h2 .common-h2_en,
  .charge-container #charge-sec01 .page-section:first-child .common-h2 .common-h2_en {
    margin-top: 10px;
  }

  .charge-container .paper_inner .page-section section.page-section_child {
    margin-top: 23px;
  }

  .charge-container .paper_inner .page-section section.page-section_child>.page-section_child>.page-section_child {
    margin-top: 57px;
  }

  .charge-container .paper_inner .price-table--lg th,
  .charge-container .paper_inner .price-table--lg td {
    padding-bottom: 15px;
  }

  .charge-container .paper_inner .price-table--lg thead th,
  .charge-container .paper_inner .price-table--lg thead td,
  .charge-container .paper_inner .price-table--lg .tr-thead th,
  .charge-container .paper_inner .price-table--lg .tr-thead td {
    padding-bottom: 7px;
  }

  #charge-sec02 .paper_inner .page-section>:nth-child(2) {
    margin-top: 16px;
  }

  #charge-sec02 .paper_inner .page-section>:last-child .box--outline {
    padding: 38px;
  }

  .charge-container .icon-list_item--group {
    padding-bottom: 0;
    padding-left: 14.5px;
    padding-right: 13.5px;
  }

  .charge-container .icon-list_wrapper {
    padding-left: 20px;
    padding-right: 15px;
  }

  .charge-container .icon-list_wrapper .icon-list:first-child {
    justify-content: space-between;
  }

  .charge-container .icon-list_wrapper .icon-list:first-child>:nth-child(1) {
    max-width: 212px;
  }

  .charge-container .icon-list_wrapper .icon-list:first-child>:nth-child(3) {
    max-width: 150px;
  }

  .charge-container .icon-list_wrapper .icon-list:first-child>:nth-child(4) {
    max-width: 240px;
  }

  .charge-Wrapper .top-member {
    padding-bottom: 96px;
  }

  .charge-Wrapper .member-list .member-list_item .member-list_content {
    margin-left: 112px;
    width: auto;
    padding-bottom: 0;
    min-height: 310px;
  }

  .charge-Wrapper .member-list .member-list_item:nth-child(1) .member-list_content {
    min-height: 302px;
  }

  .charge-Wrapper .member-list .member-list_item:nth-child(2) .member-list_content {
    min-height: 332px;
  }

  .charge-Wrapper .member-list .member-list_item:last-child .member-list_content {
    min-height: 284px;
  }

  .charge-recommend_inner {
    padding: 40px 0;
    max-width: 968px;
    margin: 0 auto;
    flex-direction: row;
  }

  .charge-recommend_img.charge-display_pc {
    display: flex;
  }

  .charge-recommend_img.charge-display_sp {
    display: none;
  }

  .charge-recommend_img .img {
    height: 107.14px;
  }

  .charge-recommend_center {
    display: block;
    margin-bottom: 0;
  }

  .charge-recommend_title {
    margin: 0 27px 0 18.9px;
  }

  .charge-Wrapper .top-member_container {
    padding-left: 0;
    padding-right: 0;
  }

  .charge-Wrapper .top-member_container top-member_text {
    margin-top: 45.5px;
  }

  .charge-Wrapper .top-member_container .member-list {
    margin-top: 166px;
    padding: 0 54px 0 110px;
  }

  .charge-Wrapper .footer {
    padding: 33px 0;
  }

  .charge-Wrapper .footer .footer-body {
    padding: 0;
  }

  .charge-Wrapper .footer .footer-copyright_label {
    font-size: 14px;
  }

  .fixed-activity .cont {
    max-width: 960px;
  }

  .fixed-activity .close {
    width: 2rem;
    height: 2rem;
  }

  .fixed-activity .fixed-activity_header {
    margin-bottom: 5px;
    justify-content: center;
  }

  .fixed-activity .fixed-activity_header .host {
    font-size: 1.375rem;
    padding: 2px 8px;
    height: 34px;
  }

  .fixed-activity .fixed-activity_header .title {
    font-size: 1.5rem;
    padding: 0 32px 0 12px;
    line-height: 36px;
  }

  .fixed-activity .fixed-activity_btn {
    bottom: 12px;
    width: 360px;
    padding: 2px 0;
  }

  .fixed-activity .fixed-activity_btn .title {
    top: -29px;
    font-size: 1rem;
    min-width: 263px;
  }

  .fixed-activity .fixed-activity_btn span {
    font-size: 0.75rem;
  }

  .fixed-activity .fixed-activity_btn p {
    font-size: 1.1875rem;
  }

  .campaign-basics {
    padding: 18px 40px;
  }

  .campaign-basics .inner .title {
    font-size: 1rem;
    padding-top: 4px;
  }

  .campaign-basics .inner .text {
    height: 164px;
    padding: 16px 24px;
    font-size: 0.9375rem;
  }

}

@media (min-width: 720px) {
  .charge-Wrapper .footer-copyright {
    justify-content: center;
  }

}

@media (max-width: 360px) {
  .charge-recommend_title p {
    font-size: 0.90625rem;
  }

  .charge-recommend_title span {
    font-size: 0.875rem;
  }

  .charge-recommend .charge-container .top-kv_sub {
    padding: 0 10px;
    width: 280px
  }

  .charge-recommend .charge-container .top-kv_btn,
  .charge-recommend .charge-container .btn--sim {
    width: 100%;
  }

  .fixed-activity .fixed-activity_btn {
    padding: 4px 0;
    bottom: 12px;
  }

  .fixed-activity .fixed-activity_btn .title {
    font-size: 0.75rem;
    min-width: 200px;
  }
}

@media (hover: hover) and (pointer: fine) {

  .header-charge .nav-global_item>a:hover,
  .header-charge .nav-global_item--dropdown>a:hover {
    background-color: rgba(255, 255, 255, 0.05);
  }

  .header-charge .drawer-btns_btn {
    background: linear-gradient(90deg, #59C3AA 0%, #59C3AA 50%, #fff 50%, #fff 100%);
    background-position: 100% center;
    background-repeat: no-repeat;
    background-size: 220% 100%;
    transition: none;
  }

  .header-charge .drawer-btns_btn:hover {
    background-position: 0 center;
    color: #fff;
    transition: all 0.25s ease;
  }

  .top-kv_btns.fixed .top-kv_btn .btn:hover .icon svg,
  .charge-Wrapper .top-kv_btn .btn:hover .icon svg,
  .charge-Wrapper .top-kv_btn .btn--sim:hover .icon svg {
    fill: #D0376C;
  }
}

@media (max-width: 320px) {
  .fixed-activity .cont {
    height: 97.35%;
    overflow-y: auto;
    scrollbar-width: none;
  }

  .fixed-activity .cont::-webkit-scrollbar {
    display: none;
  }
}

@media (max-width: 768px) and (orientation: landscape) {
  .fixed-activity .cont {
    height: 93.85%;
    overflow-y: auto;
    scrollbar-width: none;
  }

  .fixed-activity .cont::-webkit-scrollbar {
    display: none;
  }
}