/*
Theme Name: Lightning Child
Theme URI: 
Template: lightning
Description: 
Author: 
Tags: 
Version: 0.6.0
*/
.pc {
  display: inline;
}
@media screen and (max-width: 767px) {
  .pc {
    display: none;
  }
}

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

@media screen and (max-width: 767px) {
  .vk-mobile-nav-menu-btn {
    display: none;
  }
}

.site-header {
  background-color: transparent !important;
  position: absolute;
  box-shadow: none !important;
}
@media screen and (max-width: 767px) {
  .site-header {
    display: none;
  }
}
.site-header a {
  color: #FFF !important;
}
.site-header .global-nav-list > li:before {
  display: none;
}

.header_scrolled .site-header {
  background-color: #006144 !important;
}
.fix-button {
  position: fixed;
  display: inline-flex;
  padding: 0.8em 1em;
  gap: 5px;
  flex-direction: row-reverse;
  align-items: center;
  background: #39cd00;
  z-index: 10;
  border-radius: 10px;
  right: 10px;
  transition: 0.5s;
  bottom: 10px;
}
.fix-button:hover {
  background-color: #006144;
}
@media screen and (max-width: 767px) {
  .fix-button {
    right: 0;
    bottom: 0;
    border-radius: 0;
    justify-content: center;
    width: 100%;
  }
}
.fix-button picture {
  width: 40px;
}
.fix-button span {
  display: block;
  color: #FFF;
}
.fix-button .title {
  color: #f7ff81;
  font-weight: bold;
}

.center {
  text-align: center;
}

.line-cta {
  display: inline-flex;
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  padding: 1em;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .line-cta {
    background: #15b300;
  }
}
.line-cta .title {
  font-size: 2rem;
  color: #fff068;
  font-weight: bold;
  display: flex;
  gap: 5px;
}
.line-cta .title img {
  width: 10vw;
}
@media screen and (max-width: 767px) {
  .line-cta .title {
    font-size: 1.3rem;
  }
}
.line-cta .qr {
  width: 100px;
}

.nayami-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  margin-top: 30px;
}
@media screen and (max-width: 767px) {
  .nayami-list {
    padding: 0;
    grid-template-columns: 1fr;
  }
}
.nayami-list li {
  padding: 1.5em;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  background-color: #FFF;
  border-radius: 10px;
  display: flex;
  margin: 0;
  align-items: center;
  gap: 10px;
  font-weight: bold;
}
.nayami-list li:before {
  content: "";
  width: 1em;
  height: 1em;
  display: inline-block;
  background-image: url(/wp-content/themes/lightning/img/checked.svg);
}

.num-box span {
  display: inline-flex;
  width: 100px;
  height: 100px;
  background-color: #006144;
  color: #fff068;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  line-height: 1.4;
}
.num-box span strong {
  font-size: 2rem;
  display: block;
}

.price-table table th {
  background-color: #006144;
  color: #FFF;
}
.price-table table td {
  font-size: 18px;
  padding: 0.8em 0;
}
@media screen and (max-width: 767px) {
  .price-table table td {
    font-size: 3.5vw;
  }
}
.price-table table strong {
  color: #c90303;
}
.price-table table em {
  color: #009b34;
}

.flow-grid {
  align-items: flex-start;
  gap: 5px;
}
@media screen and (max-width: 767px) {
  .flow-grid {
    width: 100vw;
    margin-left: -3.5vw;
    overflow-x: scroll;
    justify-content: flex-start !important;
  }
  .flow-grid > div:first-of-type {
    margin-left: 5vw;
  }
  .flow-grid > div:last-of-type {
    margin-right: 5vw;
  }
}

.anshin-box {
  text-align: center;
  background-color: rgba(0, 80, 11, 0.5);
  border-radius: 20px;
  padding: 1em 2em;
  width: 90%;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .anshin-box {
    width: 100%;
  }
}
.anshin-box .flex {
  display: grid;
  gap: 15px;
  grid-template-columns: 1fr 1fr;
}
@media screen and (max-width: 767px) {
  .anshin-box .flex {
    grid-template-columns: 1fr;
  }
}
.anshin-box .flex dl {
  padding: 1em;
  background-color: #d4eccd;
  border-radius: 10px;
  margin: 0;
}
.anshin-box .title {
  margin-bottom: 0.5em;
  font-size: 1.8rem;
  font-weight: bold;
  color: #ffe135;
}/*# sourceMappingURL=style.css.map */