@charset "UTF-8";
/*------------------------------------
- mixin
------------------------------------*/
[v-cloak] {
  display: none;
}

html, body {
  font-size: 16px;
  letter-spacing: .5px;
  color: #354341;
  font-family: HCo Gotham SSm,Hiragino Kaku Gothic ProN,Hiragino Sans,BIZ UDPGothic,Meiryo,sans-serif;
}

@media screen and (max-width: 576px) {
  html, body {
    font-size: 14px;
  }
}

html {
  scroll-behavior: smooth;
  overscroll-behavior-y: contain;
  -webkit-overflow-scrolling: touch;
}

/*------------------------------------
- transition
------------------------------------*/
.right-enter-active, .right-leave-active {
  -webkit-transform: translate(0px, 0px);
      -ms-transform: translate(0px, 0px);
          transform: translate(0px, 0px);
  -webkit-transition: -webkit-transform 500ms cubic-bezier(0, 0, 0.2, 1) 0ms;
  transition: -webkit-transform 500ms cubic-bezier(0, 0, 0.2, 1) 0ms;
  -o-transition: transform 500ms cubic-bezier(0, 0, 0.2, 1) 0ms;
  transition: transform 500ms cubic-bezier(0, 0, 0.2, 1) 0ms;
  transition: transform 500ms cubic-bezier(0, 0, 0.2, 1) 0ms, -webkit-transform 500ms cubic-bezier(0, 0, 0.2, 1) 0ms;
}

.right-enter, .right-leave-to {
  -webkit-transform: translateX(100vw) translateX(0px);
      -ms-transform: translateX(100vw) translateX(0px);
          transform: translateX(100vw) translateX(0px);
}

.fade-enter-active, .fade-leave-active {
  will-change: opacity;
  -webkit-transition: opacity 500ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  -o-transition: opacity 500ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  transition: opacity 500ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}

.fade-enter, .fade-leave-to {
  opacity: 0;
}

/*------------------------------------
- keyframes
------------------------------------*/
/* marquee */
@-webkit-keyframes marquee1 {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  to {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}
@keyframes marquee1 {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  to {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}

@-webkit-keyframes marquee2 {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-200%);
            transform: translateX(-200%);
  }
}

@keyframes marquee2 {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-200%);
            transform: translateX(-200%);
  }
}

/* width-0to100 */
@-webkit-keyframes width-0to100 {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@keyframes width-0to100 {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}

/* load8 */
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

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

/* blur */
@-webkit-keyframes blur {
  0% {
    -webkit-filter: blur(10px);
            filter: blur(10px);
  }
  100% {
    -webkit-filter: blur(0);
            filter: blur(0);
  }
}
@keyframes blur {
  0% {
    -webkit-filter: blur(10px);
            filter: blur(10px);
  }
  100% {
    -webkit-filter: blur(0);
            filter: blur(0);
  }
}

/* slide-bg */
@-webkit-keyframes slide-bg {
  0% {
    opacity: 1;
    -webkit-transform: scaleX(0) translateX(-5%);
            transform: scaleX(0) translateX(-5%);
  }
  100% {
    opacity: 1;
    -webkit-transform: scaleX(1) translateX(0%);
            transform: scaleX(1) translateX(0%);
  }
}
@keyframes slide-bg {
  0% {
    opacity: 1;
    -webkit-transform: scaleX(0) translateX(-5%);
            transform: scaleX(0) translateX(-5%);
  }
  100% {
    opacity: 1;
    -webkit-transform: scaleX(1) translateX(0%);
            transform: scaleX(1) translateX(0%);
  }
}

/* blurs-shadow */
@-webkit-keyframes blurs-shadow {
  0% {
    text-shadow: 0 0 100px rgba(255, 255, 255, 0.9);
    opacity: 0;
  }
  5% {
    text-shadow: 0 0 90px rgba(255, 255, 255, 0.9);
  }
  100% {
    text-shadow: 0 0 0px rgba(255, 255, 255, 0.9);
  }
}
@keyframes blurs-shadow {
  0% {
    text-shadow: 0 0 100px rgba(255, 255, 255, 0.9);
    opacity: 0;
  }
  5% {
    text-shadow: 0 0 90px rgba(255, 255, 255, 0.9);
  }
  100% {
    text-shadow: 0 0 0px rgba(255, 255, 255, 0.9);
  }
}

.nav-link {
  padding: 0rem 1rem;
}

.h7 {
  font-size: .92rem;
  font-weight: 400;
  color: #6c6c6c;
}

.h8 {
  font-size: .8rem;
  font-weight: 400;
  color: #6c6c6c;
}

/*------------------------------------
- form
------------------------------------*/
.form-check-input {
  font-size: 1rem;
  margin-top: .05em;
}

.form-check-input:checked {
  background-color: #9bb332;
  border-color: #9bb332;
}

.form-check-input:checked[type=radio] {
  font-size: 1rem;
  background-image: none !important;
}

.btn-outline-primary {
  color: #9bb332;
  border-color: #9bb332;
  background-color: #ffffff;
}

.btn-outline-primary:hover {
  background-color: #e6eec3;
  border-color: #9bb332;
  color: #9bb332;
}

.btn-check:active + .btn-outline-primary,
.btn-check:checked + .btn-outline-primary,
.btn-outline-primary.active,
.btn-outline-primary.dropdown-toggle.show {
  color: #fff;
  background-color: #9bb332;
  border-color: #9bb332;
}

.btn-sm {
  font-size: .8rem;
  padding: 0.1rem 0.25rem;
}

/*------------------------------------
- modal
------------------------------------*/
.modal {
  display: block;
  position: static;
  z-index: 0;
  width: auto;
  height: auto;
}

.modal.is-open .modal-overlay {
  opacity: 1;
  pointer-events: auto;
}

.modal.is-open .modal-content {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  pointer-events: auto;
}

.modal .modal-overlay {
  z-index: 9998;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: rgba(0, 0, 0, 0.5);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  opacity: 0;
  pointer-events: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-transition: opacity 200ms linear;
  -o-transition: opacity 200ms linear;
  transition: opacity 200ms linear;
}

@media screen and (min-width: 576px) {
  .modal .modal-overlay .modal-dialog {
    min-width: 500px !important;
    height: auto !important;
  }
}

@media screen and (max-width: 576px) {
  .modal .modal-overlay .modal-dialog {
    min-width: 90% !important;
    height: auto !important;
  }
}

.modal .modal-content {
  z-index: 9999;
  border-radius: 6px;
  max-height: 80vh;
  -webkit-transform: translateY(24px);
      -ms-transform: translateY(24px);
          transform: translateY(24px);
  -webkit-transition: -webkit-transform 300ms ease-in-out;
  transition: -webkit-transform 300ms ease-in-out;
  -o-transition: transform 300ms ease-in-out;
  transition: transform 300ms ease-in-out;
  transition: transform 300ms ease-in-out, -webkit-transform 300ms ease-in-out;
  width: 100%;
  max-width: 500px;
  pointer-events: none;
}

.modal .modal-content .modal-header button .fas {
  color: #a3a3a3;
  font-size: 1.2rem;
}

.modal .modal-content .btn-outline-secondary {
  color: #6c757d;
  border-color: #d2d6d9;
  background: #f4f4f5;
  margin-bottom: 0.3rem;
}

.modal .modal-content .btn-outline-secondary:focus, .modal .modal-content .btn-outline-secondary.focus {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  outline: none !important;
}

.modal .modal-content .btn-outline-secondary:hover {
  color: #6c757d;
  background-color: #f4f4f5;
  border-color: #d2d6d9;
  outline: none !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.modal .modal-content .modal-body button {
  height: 2.5rem;
  margin-bottom: .5rem;
  display: block;
  width: 100%;
}

/*------------------------------------
- COLOR primary
------------------------------------*/
.btn.btn-primary {
  color: #ffffff;
  background-color: #b4d912;
  border-color: #b4d912;
}

.btn.btn-primary:hover {
  color: #ffffff;
  background-color: #96b40f;
  border-color: #8daa0e;
}

.btn.btn-primary:focus, .btn.btn-primary.focus {
  background-color: #8daa0e;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(150, 180, 15, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(150, 180, 15, 0.5);
}

.btn.btn-primary.disabled, .btn.btn-primary:disabled {
  color: #ffffff;
  background-color: #b4d912;
  border-color: #b4d912;
}

.btn.btn-primary:not(:disabled):not(.disabled):active, .btn.btn-primary:not(:disabled):not(.disabled).active {
  color: #ffffff;
  background-color: #8daa0e;
  border-color: #839e0d;
}

.btn.btn-warning {
  color: #ffffff;
}

/*------------------------------------
- accordion
------------------------------------*/
.accordion .accordion-button {
  background-color: #f3f3f3;
}

.accordion .accordion-button:not(.collapsed) {
  background-color: #e3e3e3;
  color: #354341;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.accordion .accordion-button:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

/*------------------------------------
- 全体
------------------------------------*/
img {
  width: 100%;
}

nav *:focus {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  outline: none !important;
}

ul, li, dl, dt, dd {
  padding: 0;
  margin: 0;
}

ul li {
  list-style: none;
}

ol.latin {
  list-style-type: upper-latin;
}

p {
  margin: 0;
  padding: 0;
}

.container-wrap {
  max-width: 1140px;
  background-color: inherit;
}

@media screen and (min-width: 576px) {
  .container-wrap {
    padding-left: 0;
    padding-right: 0;
  }
}

a {
  color: #7d9320;
}

a:hover, a:active, a:focus {
  color: #596917;
}

/*------------------------------------
- up & fadein
------------------------------------*/
.fadein {
  opacity: 0;
  -webkit-transform: translate(0, 50px);
      -ms-transform: translate(0, 50px);
          transform: translate(0, 50px);
  -webkit-transition: -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 1s;
  transition: -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 1s;
  -o-transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 1s;
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 1s;
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 1s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 1s;
}

.fadein.scrollin {
  opacity: 1;
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
}

/*------------------------------------
- image blur
------------------------------------*/
.blur {
  -webkit-animation-name: blur;
          animation-name: blur;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
}

/*------------------------------------
- loading
------------------------------------*/
#loading-wrap {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #efefef;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  z-index: 9999;
}

#loading-wrap .loading-bar {
  background: #ccc;
  height: 4px;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

#loading-wrap .loading-bar:before {
  position: absolute;
  background: #9bb332;
  -webkit-animation: width-0to100 .5s infinite ease-out;
          animation: width-0to100 .5s infinite ease-out;
  content: '';
  height: 4px;
  top: 0;
  left: 0;
}

#loading-wrap.loading-completed {
  opacity: 0;
  visibility: hidden;
}

.loader {
  margin: 60px auto;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(0, 0, 0, 0.1);
  border-right: 1.1em solid rgba(0, 0, 0, 0.1);
  border-bottom: 1.1em solid rgba(0, 0, 0, 0.1);
  border-left: 1.1em solid #f3f3f3;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
          animation: load8 1.1s infinite linear;
  border-radius: 50%;
  width: 10em;
  height: 10em;
}

.loader:after {
  border-radius: 50%;
  width: 10em;
  height: 10em;
}

/*------------------------------------
- header menu
------------------------------------*/
.navbar {
  -webkit-transition: 200ms;
  -o-transition: 200ms;
  transition: 200ms;
  z-index: 1001;
  height: 100px;
}

@media screen and (max-width: 576px) {
  .navbar {
    height: 45px;
  }
}

.navbar .logo-img {
  max-width: 300px;
}

@media screen and (max-width: 576px) {
  .navbar .logo-img {
    max-width: 160px;
  }
}

@media screen and (min-width: 576px) {
  .navbar.is_scroll {
    height: 70px;
  }
}

.navbar .navbar-brand {
  margin-left: 1rem;
}

.navbar .fas {
  font-size: 1.6rem;
}

.navbar button .fas {
  color: #a3a3a3;
}

.navbar #navbar-menu figcaption {
  display: block;
  text-align: center;
  color: #3e3e3e;
  padding-top: .2rem;
  -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
          transform: scale(0.8);
}

.navbar #navbar-menu ul {
  height: 100%;
}

.navbar #navbar-menu ul li {
  width: 100px;
  position: relative;
}

.navbar #navbar-menu ul li a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  height: 100%;
  text-align: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.navbar #navbar-menu ul li a:after {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0;
  height: 1px;
  background: #004a5b;
  content: "";
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

.navbar #navbar-menu ul li a:hover:after {
  width: 100%;
}

.navbar #navbar-menu ul li a i {
  margin-top: .3rem;
}

.navbar #navbar-menu ul li a .fas {
  color: #a3a3a3;
  font-size: 1.2rem;
}

/*------------------------------------
- hamburger menu
------------------------------------*/
#drawer {
  position: fixed;
  z-index: 1000;
  top: 45px;
  right: 0;
  width: 70%;
  height: 100%;
  background-color: #e2e2e2;
}

@media screen and (min-width: 576px) {
  #drawer {
    display: none;
  }
}

#drawer .navbar-nav li {
  padding: 1rem;
  border-bottom: 1px solid #f3f3f3;
  text-align: left;
  position: relative;
  background-color: #ffffff;
}

#drawer .navbar-nav li:after {
  position: absolute;
  top: 50%;
  right: 20px;
  bottom: 0;
  width: 12px;
  height: 12px;
  margin: -8px 0 0;
  vertical-align: middle;
  content: '';
  border-top: 2px solid #cccccc;
  border-right: 2px solid #cccccc;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

#drawer .navbar-nav figcaption {
  display: inline-block;
  padding-left: .2rem;
  color: #6c6c6c;
}

#drawer-musk {
  position: fixed;
  z-index: 999;
  top: 0px;
  left: 0px;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.4);
}

/*------------------------------------
- breadcrumb パンくず
------------------------------------*/
#breadcrumb {
  background-color: #9bb332;
  padding: .8rem 0;
  font-size: .9rem;
  color: #ffffff;
}

@media screen and (max-width: 576px) {
  #breadcrumb {
    padding: .5rem 0;
  }
}

#breadcrumb ol {
  margin: 0;
  color: #ffffff;
  padding-left: 1rem;
}

#breadcrumb ol li.breadcrumb-item.active {
  color: #d3df9b;
}

#breadcrumb ol li.breadcrumb-item::before {
  color: #d3df9b;
}

#breadcrumb ol li a {
  color: #ffffff;
}

/*------------------------------------
- footer
------------------------------------*/
footer {
  color: #d3df9b;
  background-color: #9bb332;
  padding: 5rem 0 1rem;
  font-size: 1rem;
}

footer .exp-list {
  margin-top: 2em;
  --bs-gutter-x: 0rem;
}

footer .exp-list:first-child {
  margin: 0;
}

footer .exp-list dt {
  padding-bottom: .5em;
}

footer .exp-list dd {
  padding-left: .7em;
  font-size: .8em;
  margin-top: .7em;
  color: #647611;
}

footer .exp-list dd .box {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (auto)[2];
  grid-template-columns: repeat(2, auto);
}

footer .exp-list dd .box p {
  color: #5b6e00;
  font-weight: 700;
  white-space: nowrap;
  padding: .3em 1em .3em 0;
}

footer .exp-list dd .box div {
  padding: .3em 0;
}

footer .footer-links {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  font-size: .8em;
  margin-top: 3em;
}

@media screen and (max-width: 576px) {
  footer .footer-links {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

footer .footer-links li {
  padding: .3em 1.5em;
}

footer .footer-links li.copyright {
  margin-left: auto;
  font-size: .7em;
}

@media screen and (max-width: 576px) {
  footer .footer-links li.copyright {
    margin: 0 auto;
  }
}

footer .footer-links li a {
  display: inline-block;
  color: #ffffff;
  text-decoration: none;
  position: relative;
  padding-left: .6em;
}

footer .footer-links li a:before {
  content: "";
  width: 0.4em;
  height: 0.4em;
  position: absolute;
  top: 50%;
  left: 0;
  border-top: 2px solid #ffffff;
  border-left: 2px solid #ffffff;
  -webkit-transform: translate(-50%, -50%) rotate(135deg);
      -ms-transform: translate(-50%, -50%) rotate(135deg);
          transform: translate(-50%, -50%) rotate(135deg);
}

footer .footer-links li a:hover {
  text-decoration: underline;
}

/*------------------------------------
- scroll top
------------------------------------*/
#page-top {
  width: 70px;
  height: 70px;
  position: fixed;
  right: 10px;
  bottom: 10px;
  background: #d7d7d7;
  opacity: 0;
  z-index: 9998;
  -webkit-transition: 500ms;
  -o-transition: 500ms;
  transition: 500ms;
}

@media screen and (max-width: 576px) {
  #page-top {
    width: 50px;
    height: 50px;
  }
}

#page-top.is-active {
  opacity: 0.6;
}

#page-top p {
  position: relative;
  display: block;
  width: 70px;
  height: 70px;
  text-decoration: none;
  cursor: pointer;
}

@media screen and (max-width: 576px) {
  #page-top p {
    width: 50px;
    height: 50px;
  }
}

#page-top p:before {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f077';
  font-size: 25px;
  color: #fff;
  position: absolute;
  width: 25px;
  height: 25px;
  top: -10px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}

/*------------------------------------
- main section
------------------------------------*/
main section {
  padding-bottom: 60px;
  margin-top: 50px;
  text-align: center;
  background-color: #ffffff;
}

@media screen and (max-width: 576px) {
  main section {
    margin-top: 20px;
    padding-bottom: 30px;
  }
}

@media screen and (min-width: 576px) {
  main section h2 {
    position: -webkit-sticky;
    position: sticky;
    top: 70px;
    background-color: inherit;
    z-index: 1;
  }
}

main section h2.under-border {
  padding-bottom: 1rem;
  border-bottom: 3px solid #9bb332;
}

main section.bg-gray {
  background-color: #f9f9f9;
}

main section.main {
  margin: 0;
  padding: 0;
  z-index: -1;
  position: relative;
  overflow-x: hidden;
}

main section.main .main-img-wrap {
  height: 500px;
}

@media screen and (max-width: 576px) {
  main section.main .main-img-wrap {
    height: 180px;
  }
}

main section.main .main-img-wrap .main-img {
  background-image: url(../img/main_pc.jpg);
  background-position: top 35% right 60%;
  background-size: cover;
  height: 100%;
}

@media screen and (max-width: 576px) {
  main section.main .main-img-wrap .main-img {
    background-image: url(../img/main_sp.jpg);
  }
}

main section.main .main-text-wrap {
  font-family: "游ゴシック体", YuGothic, "YuGothic M", sans-serif;
  position: absolute;
  top: 0%;
  left: 0%;
  height: 100%;
  width: 100%;
  font-weight: 700;
  text-align: left;
  padding: 2rem 3rem;
  -webkit-animation: slide-bg 3s cubic-bezier(0.22, 1, 0.36, 1) forwards;
          animation: slide-bg 3s cubic-bezier(0.22, 1, 0.36, 1) forwards;
  background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.4)), color-stop(40%, rgba(0, 0, 0, 0.1)), to(rgba(255, 255, 255, 0)));
  background: -o-linear-gradient(left, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.1) 40%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to right, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.1) 40%, rgba(255, 255, 255, 0) 100%);
  -webkit-transform-origin: left center;
      -ms-transform-origin: left center;
          transform-origin: left center;
  border-right: 2px solid #b4d912;
  border-left: 2px solid #b4d912;
}

@media screen and (max-width: 576px) {
  main section.main .main-text-wrap {
    padding: 1rem 1rem;
  }
}

main section.main .main-text-wrap .blurs-text {
  line-height: 1.2;
  font-size: 3rem;
}

@media screen and (max-width: 576px) {
  main section.main .main-text-wrap .blurs-text {
    font-size: 1.7rem;
  }
}

main section.main .main-text-wrap .blurs-text span {
  color: transparent;
  -webkit-animation: blurs-shadow 3s ease-out;
          animation: blurs-shadow 3s ease-out;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  letter-spacing: -0.25em;
}

main section.main .main-text-wrap .blurs-text span:nth-child(1) {
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s;
}

main section.main .main-text-wrap .blurs-text span:nth-child(2) {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}

main section.main .main-text-wrap .blurs-text span:nth-child(3) {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}

main section.main .main-text-wrap .blurs-text span:nth-child(4) {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}

main section.main .main-text-wrap .blurs-text span:nth-child(5) {
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}

main section.main .main-text-wrap .blurs-text span:nth-child(6) {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}

main section.main .main-text-wrap .blurs-text span:nth-child(7) {
  -webkit-animation-delay: 0.7s;
          animation-delay: 0.7s;
}

main section.main .main-text-wrap .blurs-text span:nth-child(8) {
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
}

main section.main .main-text-wrap .blurs-text span:nth-child(9) {
  -webkit-animation-delay: 0.9s;
          animation-delay: 0.9s;
}

main section.main .main-text-wrap .blurs-text span:nth-child(10) {
  -webkit-animation-delay: 1.0s;
          animation-delay: 1.0s;
}

main section.main .main-text-wrap .sub {
  color: #fff;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
  margin-top: 2rem;
  font-weight: 500;
  font-size: 1.2rem;
  -webkit-animation-name: blur;
          animation-name: blur;
  -webkit-animation-duration: 4s;
          animation-duration: 4s;
}

@media screen and (max-width: 576px) {
  main section.main .main-text-wrap .sub {
    display: none;
  }
}

main section.main .main-life-time {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 70%;
}

@media screen and (max-width: 150x) {
  main section.main .main-life-time {
    bottom: 45px;
    font-size: .8rem;
  }
}

@media screen and (max-width: 150px) {
  main section.main .main-life-time {
    font-size: .6rem;
  }
}

main section.main .main-life-time .life-time-wrap {
  text-align: left;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 0px 10px;
}

main section.main .main-life-time .life-time-wrap dl {
  display: inline-block;
  background-color: rgba(255, 255, 255, 0.7);
  text-align: center;
  padding: .5rem .5rem;
  border-radius: .25rem;
  width: 265px;
}

@media screen and (max-width: 576px) {
  main section.main .main-life-time .life-time-wrap dl {
    padding: .2rem .2rem;
  }
}

main section.main .main-life-time .life-time-wrap dl dt {
  padding: .25rem;
}

main section.main .main-life-time .life-time-wrap dl dd {
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: .25rem;
  color: #ffffff;
  padding: .2rem 1rem;
  font-size: .8rem;
}

@media screen and (max-width: 576px) {
  main section.main .main-life-time .life-time-wrap dl dd {
    padding: 0rem 0rem;
  }
}

@media screen and (max-width: 320px) {
  main section.main .main-life-time .life-time-wrap dl dd {
    padding: 2px 2px;
  }
}

main section.main .main-life-time .life-time-wrap dl dd span {
  font-size: 1.5rem;
  font-weight: 700;
  display: inline-block;
  padding: 0 3px;
}

@media screen and (max-width: 576px) {
  main section.main .main-life-time .life-time-wrap dl dd span {
    font-size: 1rem;
    padding: 0 1px;
  }
}

@media screen and (max-width: 320px) {
  main section.main .main-life-time .life-time-wrap dl dd span {
    font-size: .8rem;
  }
}

main section.main .marquee {
  position: absolute;
  bottom: 1rem;
}

@media screen and (max-width: 576px) {
  main section.main .marquee {
    bottom: .3rem;
  }
}

main section.main .marquee .marquee-wrap {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 5000px;
  overflow: hidden;
}

main section.main .marquee .marquee-wrap ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  padding: 0;
  margin: 0;
}

main section.main .marquee .marquee-wrap ul:first-child {
  -webkit-animation: marquee1 60s -30s linear infinite;
          animation: marquee1 60s -30s linear infinite;
}

main section.main .marquee .marquee-wrap ul:last-child {
  -webkit-animation: marquee2 60s linear infinite;
          animation: marquee2 60s linear infinite;
}

main section.main .marquee .marquee-wrap ul li {
  display: inline-block;
  list-style: none;
  text-align: center;
  margin-left: 10px;
  width: 160px;
  height: 100px;
}

@media screen and (max-width: 576px) {
  main section.main .marquee .marquee-wrap ul li {
    margin-left: 5px;
    width: 60px;
    height: 38px;
    -webkit-transition: 200ms;
    -o-transition: 200ms;
    transition: 200ms;
  }
}

main section.main .marquee .marquee-wrap ul li img {
  width: 100%;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

main section.main .page-img-wrap {
  background-color: #ffcc00;
}

main section.content {
  padding-left: 2%;
  padding-right: 2%;
}

main section.content > div {
  margin-top: -60px;
  padding-top: 60px;
}

main section.content .nav {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

main section.content .nav a {
  padding: .5rem 1.5rem;
  font-size: 1.2rem;
  cursor: pointer;
}

@media screen and (max-width: 576px) {
  main section.content .nav a {
    padding: .5rem 1.3rem;
  }
}

main section.content .nav a.nav-link {
  color: #9bb332;
}

main section.content .nav a.nav-link.active {
  color: #354341;
}

main section.top-content > div {
  margin-top: 0px !important;
  padding-top: 0px !important;
}

main section.list-section h5 {
  text-align: left;
  margin: 1.5rem 0 1rem;
  padding-left: 1rem;
  border-left: solid 6px #9bb332;
}

main section.list-section p.text {
  font-size: 1rem;
  text-align: left;
  margin: 1.5rem 0;
}

main section.list-section table {
  font-size: 0.9rem;
  text-align: left;
}

main section.list-section dl.list {
  text-align: left;
}

main section.list-section dl.list dt {
  color: #9bb332;
  font-size: 1.2rem;
  margin-top: 1.5rem;
}

main section.list-section dl.list dd {
  margin-top: 1rem;
}

main section.list-section dl.list dd ol > li {
  padding: .6rem 0;
}

main section.list-section dl.list dd ol > li p {
  margin-top: .6rem;
}

main section.list-section dl.list dd ol > li ol > li {
  padding: .3rem 0 0;
}

main section.list-section dl.list dd.backs li {
  padding-left: 2rem;
}

main section.list-section dl.list dd p.back-line {
  background-color: #eeeeee;
  padding: .5rem 1rem;
}

main section.list-section dl.list dd table {
  font-size: 0.9rem;
  text-align: left;
}

main section.list-section dl.list dd table.intable {
  margin: 1rem 0;
}

main section.list-section dl.list dd table.intable th {
  white-space: nowrap;
  vertical-align: top;
  padding-right: 1rem;
}

main section.list-section dl.list dd table.eval th, main section.list-section dl.list dd table.eval td {
  text-align: center;
}

main section.list-section dl.list dd table.eval td.sub {
  background-color: #f8f9fa;
  text-align: left;
}

main section .slim {
  max-width: 760px;
}

main section .item-box {
  background-color: #f6f7f7;
  border: 1px solid #efefef;
  border-radius: 4px;
  height: 100%;
  padding: 1rem 2rem;
}

main section .item-box .item-box-title {
  display: inline-block;
}

main section .item-box .item-box-content {
  margin-top: 1rem;
}

main section .item-box-steps > div {
  margin-bottom: 1rem;
}

@media screen and (max-width: 576px) {
  main section .item-box-steps > div {
    margin-bottom: 2.5rem;
  }
  main section .item-box-steps > div:last-child {
    margin-bottom: 0rem;
  }
  main section .item-box-steps > div:last-child .item-box:after {
    display: none;
  }
}

main section .item-box-steps .item-box {
  text-align: left;
  position: relative;
  min-height: 160px;
}

@media screen and (max-width: 576px) {
  main section .item-box-steps .item-box:after {
    content: '';
    width: 1rem;
    height: 1rem;
    border: 0;
    border-bottom: solid 4px #b2c8cb;
    border-right: solid 4px #b2c8cb;
    position: absolute;
    bottom: -1.5rem;
    left: 50%;
    margin-top: -6px;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
  }
}

main section .item-box-steps .item-box .item-box-title {
  font-size: 1.3rem;
  font-weight: 700;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

main section .item-box-steps .item-box .item-box-title .title-icon {
  font-size: 1rem;
  background-color: #b2c8cb;
  border-radius: 2rem;
  padding: .25rem 1rem;
  color: #ffffff;
  display: inline-block;
  margin-right: 1rem;
}

main section .item-box-steps .item-box .item-box-content .caution {
  display: block;
  font-size: .8rem;
  color: #4c5f5d;
}

main section .item-box-steps .item-box .item-box-img {
  position: absolute;
  bottom: 1rem;
  right: 2rem;
  margin: 1rem auto 0;
}

main section .item-box-steps .item-box .item-box-img img {
  max-height: 100px;
  width: auto;
}

main section .item-box-ones > div {
  margin-bottom: 1rem;
}

main section .item-box-ones .item-box {
  text-align: left;
  position: relative;
  padding: 1rem 2rem;
  min-height: 160px;
}

main section .item-box-ones .item-box .item-box-title {
  font-size: 1.1rem;
  font-weight: 700;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

main section .item-box-ones .item-box .item-box-title .title-icon {
  font-size: 1rem;
  background-color: #b2c8cb;
  border-radius: 2rem;
  padding: .25rem 1rem;
  color: #ffffff;
  display: inline-block;
  margin-right: .5rem;
}

main section .item-box-ones .item-box .item-box-img .rad-gra {
  background-image: -o-radial-gradient(#8db0b4 25%, #f6f7f7 50%);
  background-image: radial-gradient(#8db0b4 25%, #f6f7f7 50%);
  width: 70%;
  padding-top: 70%;
  position: relative;
  border-radius: 50%;
  margin: 0 auto;
}

main section .item-box-ones .item-box .item-box-img .rad-gra img {
  width: 70%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

main section .table.search th {
  color: #46501a;
  font-weight: 500;
}

main section ul.scroll-y {
  overflow-x: auto;
  white-space: nowrap;
}

main section ul.scroll-y li {
  display: inline-block;
  width: 60%;
  height: 400px;
  margin: 16px;
  font-size: 48px;
  color: #fff;
  background-color: #ff5a5f;
}

main section .card-wrap {
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, Osaka, "MS PGothic", arial, helvetica, sans-serif;
}

main section .card-wrap .card-img {
  overflow: hidden;
}

main section .card-wrap .card-img img {
  cursor: pointer;
  -webkit-transition: 1s all;
  -o-transition: 1s all;
  transition: 1s all;
}

main section .card-wrap .card-img img:hover {
  -webkit-transform: scale(1.1, 1.1);
      -ms-transform: scale(1.1, 1.1);
          transform: scale(1.1, 1.1);
  -webkit-transition: 1s all;
  -o-transition: 1s all;
  transition: 1s all;
}

main section .card-wrap .card-rank {
  padding: 1rem;
  font-size: 1.4rem;
  font-weight: 700;
  background-color: #f5f5f5;
  border-radius: .19rem .19rem 0 0;
}

main section .card-wrap .card-rank [class*="icon-color-"] {
  color: #686868;
  padding-right: 5px;
}

main section .card-wrap .card-rank .icon-color-0 {
  color: #dae600;
  padding-right: 5px;
}

main section .card-wrap .card-rank .icon-color-1 {
  color: #b2b3a6;
  padding-right: 5px;
}

main section .card-wrap .card-rank .icon-color-2 {
  color: #d16400;
  padding-right: 5px;
}

main section .card-wrap .card-rank span {
  font-size: 1rem;
}

main section .card-wrap .card-pickup {
  padding: 1rem 2rem;
  font-size: 1.4rem;
  font-weight: 700;
  background-color: #f5f5f5;
  border-radius: .19rem .19rem 0 0;
  position: relative;
  color: #ff9100;
  text-align: left;
}

main section .card-wrap .card-pickup .pr {
  display: inline-block;
  padding: .2rem 1rem 0;
  color: #ffffff;
  font-size: .8em;
  background-color: #ff9100;
  border-radius: .25rem;
  position: absolute;
  right: 1rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

main section .card-wrap .card-title {
  font-weight: 700;
}

main section .card-wrap .card-crown {
  position: relative;
  padding-bottom: .5rem;
}

main section .card-wrap .card-crown .rating {
  position: absolute;
  right: 5px;
  font-weight: 700;
  color: #ffcf32;
}

main section .card-wrap .card-text {
  color: #e16812;
  text-align: left;
  padding: .3rem 0 1rem;
  font-weight: 700;
}

main section .card-wrap .time-limit {
  margin-bottom: .5rem;
  background-color: #f2e45f;
  color: #7e7306;
  padding: .5rem 1rem;
  font-size: .8rem;
  text-align: left;
  position: relative;
  border-radius: .2rem;
}

main section .card-wrap .time-limit p {
  position: absolute;
  right: .5rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  background-color: #ffffff;
  color: #354341;
  border-radius: .2rem;
  display: inline-block;
  padding: .2rem 1rem;
  font-weight: 700;
  line-height: 1rem;
}

main section .card-wrap .time-limit .device-time-end {
  padding: .2rem .25rem;
}

main section .card-wrap .card-feature .table {
  margin-bottom: 0;
}

main section .card-wrap .card-feature .table th {
  font-size: .8rem;
  white-space: nowrap;
}

main section .card-wrap .card-feature .table td {
  font-size: .8rem;
  position: relative;
  z-index: 0;
}

main section .card-wrap .card-feature .table td .sign {
  display: inline-block;
  font-size: 2rem;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: -1;
  color: #f2ad00;
  opacity: .6;
}

main section .card-wrap .card-feature .table > :not(:first-child) {
  border-top: 1px solid currentColor;
}

main section .card-wrap .card-feature tbody > tr > td {
  border-style: none !important;
}

main section .card-wrap .card-feature .annotation {
  text-align: left;
  font-size: .8rem;
  color: #5a5a5a;
}

main section .card-wrap .card-commitments {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 5px;
}

main section .card-wrap .card-commitments .icon-text {
  font-size: .7rem;
  display: inline-block;
  padding: .1rem .4rem;
  border: solid 1px #9b9b9b;
  color: #9b9b9b;
  background-color: #e2e2e2;
}

main section .card-wrap .card-commitments .icon-text.active {
  background-color: #fce7d9;
  color: #e16812;
  border: 1px solid #e16812;
}

main section .card-wrap .card-comment {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[12];
  grid-template-columns: repeat(12, 1fr);
  -ms-grid-rows: (1fr)[3];
  grid-template-rows: repeat(3, 1fr);
}

main section .card-wrap .card-comment .comment-icon {
  -ms-grid-column-span: 3;
  grid-column: 3 span;
  -ms-grid-row-span: 3;
  grid-row: 3 span;
  font-size: .8rem;
  background-color: #fff4d9;
  color: #f2ad00;
  padding: .5rem;
  position: relative;
  border-right: solid 1px rgba(0, 0, 0, 0.125);
}

main section .card-wrap .card-comment .comment-icon i {
  font-size: 1.2rem;
}

main section .card-wrap .card-comment .comment-icon button {
  position: absolute;
  bottom: .5rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  white-space: nowrap;
}

main section .card-wrap .card-comment .comment-attr {
  -ms-grid-column-span: 9;
  grid-column: 9 span;
  -ms-grid-row-span: 1;
  grid-row: 1 span;
  font-size: .8rem;
  padding: .25rem;
  background-color: #f3f3f3;
}

main section .card-wrap .card-comment .comment-attr dl {
  margin: 0;
  padding: 0;
}

main section .card-wrap .card-comment .comment-attr dl dd {
  font-size: .8rem;
  margin: 0;
  padding: 0;
}

main section .card-wrap .card-comment .comment {
  -ms-grid-column-span: 9;
  grid-column: 9 span;
  -ms-grid-row-span: 2;
  grid-row: 2 span;
  font-size: .8rem;
  padding: .5rem;
  text-align: left;
}

main section .card-wrap li.col {
  padding-bottom: calc(var(--bs-gutter-x) * 1);
}

main section .card-wrap li.col .card-block {
  -webkit-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
}

main section .card-wrap li.col img.card-img {
  border-radius: .19rem .19rem 0 0;
}

main section .card-wrap .list-group-item {
  padding: .5rem;
}

main section .card-wrap.one-card .card {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: auto 1fr auto auto;
  grid-template-rows: auto 1fr auto auto;
  -ms-grid-columns: 40% 1fr;
  grid-template-columns: 40% 1fr;
}

main section .card-wrap.one-card .card .card-pickup {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1 / 2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1 / 2;
  background-color: #f7f9eb;
}

main section .card-wrap.one-card .card .card-img {
  padding: 0 2rem;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2 / 3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1 / 2;
  overflow: unset;
  background-color: #f7f9eb;
  border-radius: 0;
}

main section .card-wrap.one-card .card .card-img img {
  border-radius: 0.25rem;
  -webkit-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
}

main section .card-wrap.one-card .card .comments-grid {
  -ms-grid-row: 3;
  -ms-grid-row-span: 2;
  grid-row: 3 / 5;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1 / 2;
  -ms-grid-row-align: end;
      align-self: end;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.125);
  background-color: #f7f9eb;
}

main section .card-wrap.one-card .card .card-body {
  -ms-grid-row: 1;
  -ms-grid-row-span: 3;
  grid-row: 1 / 4;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2 / 3;
  padding: 0;
  border-left: 1px solid rgba(0, 0, 0, 0.125);
}

main section .card-wrap.one-card .card .button-grid {
  -ms-grid-row: 4;
  -ms-grid-row-span: 1;
  grid-row: 4 / 5;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2 / 3;
  border-left: 1px solid rgba(0, 0, 0, 0.125);
}

main section .card-wrap.one-card .card .one-adjust-title {
  position: relative;
  padding: 1rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
  background-color: #f9f9f9;
}

main section .card-wrap.one-card .card .one-adjust-title .card-title {
  text-align: left;
  margin: 0;
}

main section .card-wrap.one-card .card .one-adjust-title .card-crown {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  padding-bottom: 0;
}

main section .card-wrap.one-card .card .one-adjust-title .card-crown .star-rating {
  right: 50px;
}

main section .card-wrap.one-card .card .one-adjust-title .card-crown .rating {
  right: 1rem;
  padding-top: 0.13rem;
}

main section .card-wrap.one-card .card .one-adjust-content {
  padding: 1rem;
}

main section .card-wrap .comments-grid {
  border-bottom: 0;
}

main section .result-navi {
  margin: 1rem auto 3rem;
  border: solid 1px #edf0f0;
  border-radius: .25rem;
  background-color: #fbfcfc;
  padding: 1rem 2rem;
  text-align: left;
}

@media screen and (max-width: 576px) {
  main section .result-navi {
    margin: 0 auto 1rem;
    border-radius: 0;
    padding: 1rem;
  }
}

main section .result-navi .result-navi-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

main section .result-navi .result-navi-title .res {
  font-size: 1.2rem;
}

main section .result-navi .result-navi-title .res span {
  font-size: 1.4em;
  font-weight: 700;
  color: #ff0000;
}

main section .result-navi .result-navi-title .chg {
  margin-left: auto;
}

main section .result-navi .result-navi-title .chg a {
  scroll-behavior: smooth;
}

main section .result-navi .result-navi-content ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
}

main section .result-navi .result-navi-content ul li {
  margin-top: 1rem;
}

main section .result-navi .result-navi-content ul li.search-rule {
  min-width: 50%;
}

@media screen and (max-width: 576px) {
  main section .result-navi .result-navi-content ul li.search-rule {
    min-width: 100%;
  }
}

main section .result-navi .result-navi-content ul li:first-child {
  margin-right: auto;
}

main section .result-navi .result-navi-content ul li:last-child {
  margin-left: auto;
}

main section .result-navi .result-navi-content ul li dl {
  font-size: .9em;
}

main section .result-navi .result-navi-content ul li dl dt {
  color: #9bb332;
  float: left;
}

main section .result-navi .result-navi-content ul li dl dt:after {
  content: '：';
  margin-right: .5rem;
}

main section .result-navi .result-navi-content ul li dl dd {
  color: #97adaa;
}

main section .result-navi .result-navi-content ul li label {
  text-align: center;
  display: block;
  padding: .5rem 0;
}

/*------------------------------------
- search
------------------------------------*/
.search-wrap {
  max-width: 760px;
  width: calc(760px - 200px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-flow: column;
      -ms-flex-flow: column;
          flex-flow: column;
  margin: 0 auto;
}

@media screen and (max-width: 576px) {
  .search-wrap {
    width: 100%;
  }
}

.search-wrap ul.search {
  counter-reset: number;
  padding: 0;
}

.search-wrap ul.search li {
  padding: 0;
  margin: .5rem auto 1rem;
  background-color: #e3e3e3;
  border-radius: 50px;
  position: relative;
  text-align: left;
  border: solid 1px #e3e3e3;
  font-size: .9rem;
  cursor: pointer;
}

@media screen and (max-width: 576px) {
  .search-wrap ul.search li {
    font-size: .8rem;
    margin: .8rem auto .8rem;
  }
}

.search-wrap ul.search li:before {
  counter-increment: number 1;
  content: counter(number) ". ";
  padding: 1rem 0px 1rem 1rem;
}

.search-wrap ul.search li:not(.active):after {
  position: absolute;
  top: 50%;
  right: 20px;
  bottom: 0;
  width: 12px;
  height: 12px;
  margin: -8px 0 0;
  vertical-align: middle;
  content: '';
  border-top: 2px solid #e3e3e3;
  border-right: 2px solid #e3e3e3;
  -webkit-transform: rotate(135deg);
      -ms-transform: rotate(135deg);
          transform: rotate(135deg);
}

.search-wrap ul.search li.active:after {
  position: absolute;
  top: 50%;
  right: 16px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  font-family: "Font Awesome 5 Free";
  content: "\f058";
  font-weight: 900;
  color: #9bb332;
  font-size: 1.2rem;
}

.search-wrap ul.search li.active div.content {
  background-color: white;
  color: #354341;
}

.search-wrap ul.search li div {
  display: inline-block;
  text-align: left;
  padding: 1rem;
}

@media screen and (max-width: 576px) {
  .search-wrap ul.search li div {
    padding: 1rem;
  }
}

.search-wrap ul.search li div.title {
  padding: 1rem 0;
}

@media screen and (max-width: 576px) {
  .search-wrap ul.search li div.title {
    padding: 1rem 0;
  }
}

.search-wrap ul.search li div.content {
  background-color: #f3f3f3;
  color: #b4c3c1;
  position: absolute;
  top: 0;
  right: 0;
  left: 40%;
  border-radius: 0 50px 50px 0;
  white-space: nowrap;
}

.search-wrap button.collapse-btn {
  padding: .5rem 2rem;
  color: #a3a3a3;
  border: solid 1px #e5e5e5;
}

.search-wrap button.collapse-btn:hover {
  border: solid 1px #b4c3c1;
  color: #242424;
}

.search-wrap button.collapse-btn:hover .fas {
  color: #575757;
}

.search-wrap button.collapse-btn[aria-expanded="true"] .fa-plus:before {
  content: "\f068";
}

.search-wrap button.collapse-btn .fas {
  color: #a3a3a3;
}

.search-wrap #detail-search .card-body {
  background-color: #fbfbfb;
}

.search-wrap #detail-search ul.search-detail {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  padding: .8rem 0 1.5rem;
}

.search-wrap #detail-search ul.search-detail li {
  width: 50%;
  padding: .2rem .5rem;
}

.search-wrap #detail-search ul.search-detail li label.btn {
  width: 100%;
  max-width: 300px;
  display: block;
  margin-bottom: .5rem;
}

.search-wrap #detail-search ul.search-detail:last-child {
  padding-bottom: 0;
}

/*------------------------------------
- toggle checkbox
------------------------------------*/
.toggle-check label.btn {
  width: 100%;
  max-width: 300px;
  display: block;
  margin-bottom: .5rem;
}

/*------------------------------------
- slide toggle
------------------------------------*/
.toggle-btn-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  max-width: 760px;
  margin: 3rem auto;
}

.toggle-btn-wrap button {
  width: 48%;
}

.toggle-content-wrap {
  background: White;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  overflow: hidden;
  padding: 0 0 20px;
}

.toggle-content-wrap:after {
  content: '';
  height: 20px;
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
      -ms-flex-order: -1;
          order: -1;
  width: 100%;
}

.toggle-content-wrap .toggle-content {
  height: 0;
  opacity: 0;
  padding: 0 20px;
  pointer-events: none;
  -webkit-transform: translateX(-30%);
      -ms-transform: translateX(-30%);
          transform: translateX(-30%);
  -webkit-transition: opacity .3s 80ms, -webkit-transform .3s 80ms;
  transition: opacity .3s 80ms, -webkit-transform .3s 80ms;
  -o-transition: transform .3s 80ms, opacity .3s 80ms;
  transition: transform .3s 80ms, opacity .3s 80ms;
  transition: transform .3s 80ms, opacity .3s 80ms, -webkit-transform .3s 80ms;
  width: 100%;
}

.toggle-content-wrap .toggle-content:last-child {
  -webkit-transform: translateX(30%);
      -ms-transform: translateX(30%);
          transform: translateX(30%);
}

.toggle-content-wrap .slidein {
  height: auto;
  opacity: 1;
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
      -ms-flex-order: 1;
          order: 1;
  pointer-events: auto;
  -webkit-transform: translateX(0) !important;
      -ms-transform: translateX(0) !important;
          transform: translateX(0) !important;
}

/*------------------------------------
- star rating
------------------------------------*/
.star-rating {
  position: relative;
  z-index: 0;
  display: inline-block;
  white-space: nowrap;
  color: #CCCCCC;
  font-size: 1.2rem;
}

.star-rating:before, .star-rating:after {
  content: '★★★★★';
  letter-spacing: 5px;
}

.star-rating:after {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  overflow: hidden;
  white-space: nowrap;
  color: #ffcf32;
}

.star-rating[data-rate="5"]:after {
  width: 100%;
}

.star-rating[data-rate="4.5"]:after {
  width: 88%;
}

.star-rating[data-rate="4"]:after {
  width: 78%;
}

.star-rating[data-rate="3.5"]:after {
  width: 68%;
}

.star-rating[data-rate="3"]:after {
  width: 58%;
}

.star-rating[data-rate="2.5"]:after {
  width: 48%;
}

.star-rating[data-rate="2"]:after {
  width: 38%;
}

.star-rating[data-rate="1.5"]:after {
  width: 28%;
}

.star-rating[data-rate="1"]:after {
  width: 18%;
}

.star-rating[data-rate="0.5"]:after {
  width: 8%;
}

.star-rating[data-rate="0"]:after {
  width: 0%;
}

/*------------------------------------
- button icon
------------------------------------*/
button.button-icon {
  position: relative;
}

button.next:after {
  content: "";
  width: .5rem;
  height: .5rem;
  position: absolute;
  top: 50%;
  right: .5rem;
  border-top: 2px solid #ffffff;
  border-left: 2px solid #ffffff;
  -webkit-transform: translate(-50%, -50%) rotate(135deg);
      -ms-transform: translate(-50%, -50%) rotate(135deg);
          transform: translate(-50%, -50%) rotate(135deg);
}

/*------------------------------------
- icon
------------------------------------*/
.icon {
  width: 20px;
  height: 20px;
  display: inline-block;
  background-repeat: no-repeat;
  background-size: cover;
  margin: .2rem;
}

.icon.seven_eleven {
  background-image: url("data:image/png;base64,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");
}

.icon.lawson {
  background-image: url("data:image/png;base64,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");
}

.icon.family_mart {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAAXNSR0IArs4c6QAABFZJREFUWEftmH9sE2UYxz/vtdeuXdt17PZDBm5sDIKygQ7iEBNjhBn5odEggQgJmogMJPxYDGDUYEimaHCRmBkIigpqgiILiCYWxxpECOIPMjaZkzE252CsW7d1LV3bO9MyJcoghEV3S/b+cZe7PPe8n/d7z/fNk1fQN5SywnyzNXjAZAmlIbS/Xv+/d03QG5A9l32mBZ7nXN9EJxfRS/I7hU/bRvh2SAY19jzYQ9MEna22dZ4VrteF8vascY7UjloxWKrdQA3vJceDYtQH93vM8cERg61af/P3BmS/yP6sYJAK7uYkEVl7pqlC0nRRe/9G1lShiTF7pqmSTgHVYcCbK7PrRg0NBeWdmSpSRJcmQTVoYu7XT6lGg9AlYDiiaaI7GFBtpjhdAvp6Lw8DDsjHQ0/BRm+QUlcjtd5grBHb/sQ4RiWYbqjCmi/OkZFoRomXWTQ5+R+xL7oamZBq5ck8BXdDF+VVHkrnjrluvvNdvWQ4rs53jYLbTlxk2fbTbJyfQySisTA/BS0Y5o7R9lhST08IhCAhzkBbT4g0u4l5H9USZxQca+qmfNEEctOssdj2QJikTSegvpNd66aw+L1qCGtEyh6gttVPutOMw2wgGFYJqxqV57p4Zk8dh4tyGa9YYjmuAdx72sOS3WdYWpBGSlIcealWSsvrSbrdzsJJCkWf1iGZDNjNBjpaA7wxP4c2f4gLvhCBUIRTLX4eynGSm27jTXczY5PiqKhp52xTNyNH2ZiWlcDWOWNYve8sJy/42TInkxJ3M95AOPanKr9toejxbMoeyeof8PNqD4s/PMOSqSnY7SbiZYnzLX6OtvoZp1hIscmMsBj4obmHmVkJHPi1A8VqxCBJ5ChmpqbbWbG/Hq83yOZHs/m+2UdBpp2JioWL/jDbj19g5b1pHKrr5KuqNrLTbbT7w5TOzsQXjLD6YAO1a+/6uwSuUXBTxe+87DqP9ur0WJDppWNMtspIThOqBjPGOkl3yLjPdTEvN5nN7iZssoSQJPy9EU4sz6NwZw0udzPa+zNxvHKctdPT2ThjNOU1Hoq/bECxyrS1X0ZxmOjRIDHOyJFnJ9LqC5FafIRPluexYJLSv4KHz3ayr6adrX2FvPvnS1SeaiPltnhS42Wyk8xYZQMN3iB3plg53tSNSRIxQ/lDKsX3jWT6tipafCHqi+9mzcEGCscm8PD4RH76w8f+XzqYOyGRd79rwR/WyM+wxxZedE8askGwau9vGC1GtszK7B9wQJsWEG3NN1U0UZjjpKDPWAPJOfT2wYGs9r/4dmgoeKjukmqRzbrsZgKhoCZY5VLRZF0CIkKa4PkKFXQKSBRwQ+Uw4K07fFjBW9fuypdDQ0G3CkZ9bjOEoy4+qu/jNzaUd0HylZ5ed8MbFKx/Kx8x5aTu2GJAPz52pfbWl61D5L4Gkn44RfVmSpauv2qOF7bORhu9C5zOvsP/QYCN2qHTh2haRsnKj6MAfwKZ5BDV/CBwpwAAAABJRU5ErkJggg==");
}

/*------------------------------------
- read more
------------------------------------*/
.contenedor {
  display: table;
  position: relative;
  margin-bottom: 1rem;
  width: 100%;
}

.contenedor input {
  visibility: hidden;
  display: none;
}

.contenedor input[type=checkbox]:checked ~ .expand {
  max-height: 500px;
}

.contenedor input[type=checkbox]:checked ~ .expand:before {
  opacity: 0;
}

.contenedor label {
  position: absolute;
  bottom: -1em;
  display: block;
  font-size: .8em;
  padding: .20em 10px;
  right: 0;
  background: #f2ad00;
  -webkit-box-shadow: -5px 0 white;
          box-shadow: -5px 0 white;
  color: white;
  z-index: 999;
  cursor: pointer;
  text-transform: uppercase;
  border-radius: .2rem;
}

.contenedor label:before {
  content: "続きを読む";
}

.contenedor label:before + input:checked {
  content: "閉じる";
}

.contenedor input:checked + label:before {
  content: "閉じる";
}

.contenedor .expand {
  max-height: 2.6rem;
  overflow: hidden;
  position: relative;
  border-bottom: 1px dotted #dddddd;
  -webkit-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
}

.contenedor .expand:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 50%;
  bottom: 0;
  left: 0;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#ffffff));
  background-image: -o-linear-gradient(rgba(255, 255, 255, 0), #ffffff);
  background-image: linear-gradient(rgba(255, 255, 255, 0), #ffffff);
  pointer-events: none;
}

.contenedor .expand .content {
  padding-bottom: 0.5rem;
}

/*------------------------------------
- timer
------------------------------------*/
.web-time-counter,
.web-time-end,
.device-time-counter,
.device-time-end {
  display: none;
}

/*------------------------------------
- modal comments
------------------------------------*/
.modal-comment {
  font-family: Meiryo, メイリオ, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Osaka, "MS PGothic", arial, helvetica, sans-serif;
  border: 1px solid #e7e7e7;
  background-color: #f2f2f2;
  border-radius: .5rem;
  margin-bottom: 1rem;
  -webkit-box-shadow: 1px 0px 5px 5px rgba(0, 0, 0, 0.03);
          box-shadow: 1px 0px 5px 5px rgba(0, 0, 0, 0.03);
}

.modal-comment:last-child {
  margin-bottom: 0;
}

.modal-comment .comment-attr {
  padding: .5rem .7rem 0;
}

.modal-comment .comment-attr dl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.modal-comment .comment-attr dl dt {
  font-size: 2rem;
}

.modal-comment .comment-attr dl dd {
  padding: 0 1rem;
  font-size: .9rem;
}

.modal-comment .comment {
  position: relative;
  width: 100%;
  min-height: 50px;
  background: #ffffff;
  padding: .5rem .7rem;
  text-align: left;
  border-top: 1px solid #e7e7e7;
  color: #383838;
  font-size: 1rem;
  border-radius: .5rem;
}

.modal-comment .comment:after, .modal-comment .comment:before {
  border: solid transparent;
  content: '';
  height: 0;
  width: 0;
  pointer-events: none;
  position: absolute;
  bottom: 100%;
  left: 6%;
}

.modal-comment .comment:after {
  border-color: rgba(242, 242, 242, 0);
  border-top-width: 10px;
  border-bottom-width: 10px;
  border-left-width: 10px;
  border-right-width: 10px;
  margin-left: -10px;
  border-bottom-color: #ffffff;
}

@media screen and (max-width: 576px) {
  .modal-comment .comment:after {
    border-top-width: 8px;
    border-bottom-width: 8px;
    border-left-width: 8px;
    border-right-width: 8px;
    margin-left: -5px;
  }
}

.modal-comment .comment:before {
  border-color: rgba(189, 189, 189, 0);
  border-top-width: 11px;
  border-bottom-width: 11px;
  border-left-width: 11px;
  border-right-width: 11px;
  margin-left: -11px;
  margin-bottom: 1px;
  border-bottom-color: #e7e7e7;
}

@media screen and (max-width: 576px) {
  .modal-comment .comment:before {
    border-top-width: 9px;
    border-bottom-width: 9px;
    border-left-width: 9px;
    border-right-width: 9px;
    margin-left: -6px;
  }
}

/*------------------------------------
- modal checkbox
------------------------------------*/
.modal-checks ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  padding: 0.8rem 0 1.5rem;
}

.modal-checks ul li {
  width: 50%;
  padding: 0.2rem 0.5rem;
}

/*------------------------------------
- 補足
------------------------------------*/
.additional {
  font-size: 0.8rem;
  display: block;
  color: #97adaa;
}

.additional:before {
  content: "※";
}
/*------------------------------------
- 補足_ 表
------------------------------------*/
th,td {
    border: solid 1px;  /* 枠線指定 */
    padding: 10px;      /* 余白指定 */
}

table {
    border-collapse:  collapse; /* セルの線を重ねる */
}
/*------------------------------------
- リダイレクトページ
------------------------------------*/
.redirect .loader {
  margin: 25px auto;
}

.redirect header nav div {
  -webkit-box-pack: center !important;
  -webkit-justify-content: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
}

.redirect header nav div .logo-img {
  max-width: 187px;
}

.redirect main section {
  margin-top: 0;
  padding-bottom: 0px;
}

.redirect main section.content > div {
  margin-top: 0px;
}

.redirect main section .financial-img {
  max-width: 300px;
}

.redirect main section .financial-img img {
  border-radius: 6px;
}

.redirect footer {
  padding: 1rem 0;
}

.redirect footer .footer-links {
  margin-top: 0;
}

.redirect footer .footer-links li.copyright {
  margin: 0 auto;
}


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