@charset "UTF-8";
.mainContents,
.footerContent {
  max-width: 750px;
  margin: 0 auto;
}
.mainContents img,
.footerContent img {
  display: block;
  width: 100%;
  height: auto;
}

.mainContents {
  padding-bottom: 5%;
}

a {
  text-decoration: none;
  color: #444;
  transition: opacity 0.3s;
}
a:hover {
  text-decoration: none !important;
  opacity: 0.7;
}

.cta {
  position: relative;
}
.cta__button {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  max-width: 670px;
  width: 100%;
}
@media screen and (max-width: 670px) {
  .cta__button {
    max-width: 90%;
  }
}
.cta__button.btn1 {
  bottom: 9%;
}
.cta__button.btn2 {
  bottom: 13%;
}
.cta__button a {
  display: block;
  margin: 0 auto;
}

.bg {
  background-color: #f1f2ea;
}

.qa {
  padding: 5%;
  background: #f1f2ea;
}
.qa img {
  display: block;
  padding: 0 10%;
}
.qa h2 {
  text-align: center;
  color: #5b6356;
  font-feature-settings: "qwid" on;
  font-size: 22.58px;
  font-style: normal;
  font-weight: 500;
  line-height: 29.705px; /* 131.555% */
  letter-spacing: 1.581px;
}
.qa h2 span {
  color: #5b6356;
  font-size: 20.698px;
  letter-spacing: 1.449px;
}
.qa .accordion {
  margin: 6% auto 0;
}
.qa .accordion .accordionItem .q,
.qa .accordion .accordionItem .a {
  display: flex;
  align-items: stretch;
}
.qa .accordion .accordionItem .q .ttl,
.qa .accordion .accordionItem .a .ttl {
  font-size: 32px;
  padding-right: 30px;
  border-right: 1px solid #5b6356;
  margin-right: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 10px;
  width: 86px;
  height: 90px;
}
.qa .accordion .accordionItem .q .text,
.qa .accordion .accordionItem .a .text {
  display: flex;
  align-items: center;
}
.qa .accordion .accordionItem .q {
  background-color: #5b6356;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  padding: 3%;
}
.qa .accordion .accordionItem .q .ttl {
  border-right: 1px solid #ffffff;
  color: #ffffff;
}
.qa .accordion .accordionItem .q .text {
  color: #ffffff;
  font-size: 28px;
}
.qa .accordion .accordionItem .q .mark {
  width: 25px;
  height: 2px;
  background-color: #ffffff;
  position: absolute;
  top: 50%;
  right: 20.96px;
  transform: translateY(-50%);
}
.qa .accordion .accordionItem .q .mark::after {
  content: "";
  width: 2px;
  height: 25px;
  background-color: #ffffff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.qa .accordion .accordionItem .q .mark {
  /* 開いた時は縦棒を非表示にしてマイナス表現 */
}
.is-open .qa .accordion .accordionItem .q .mark::after {
  opacity: 0;
}
.qa .accordion .accordionItem .a {
  background-color: #ffffff;
  padding: 3%;
  /* 初期は閉じる */
  max-height: 0;
  overflow: hidden;
  padding-top: 0;
  padding-bottom: 0;
  opacity: 0;
  transition: max-height 0.35s ease, opacity 0.25s ease, padding 0.35s ease;
}
.qa .accordion .accordionItem .a .ttl {
  border-right: 1px solid #5b6356;
  color: #5b6356;
}
.qa .accordion .accordionItem .a .text {
  font-size: 22px;
  color: #333333;
}
.qa .accordion .accordionItem.is-open .q .mark::after {
  opacity: 0;
}
.qa .accordion .accordionItem.is-open .a {
  opacity: 1;
  padding: 3%;
  /* 十分大きい値で展開。コンテンツ高さより大きく */
  max-height: 500px;
}

.footerContent {
  max-width: 750px;
  margin: 0 auto;
}
.footerContent .footerLink {
  text-align: center;
}
.footerContent .footerLink li {
  margin-bottom: 0.4em;
}
.footerContent .footerLinkObi {
  margin: 100px auto 50px;
  text-align: left;
}
.footerContent .footerLinkObi li {
  margin-bottom: 0;
  border-top: 1px solid #cce1e4;
}
.footerContent .footerLinkObi li:last-child {
  border-bottom: 1px solid #cce1e4;
}
.footerContent .footerLinkObi li a {
  display: block;
  box-sizing: border-box;
  width: 100%;
  padding: 0.9em 3em 0.9em;
  position: relative;
  line-height: 1em;
  border-bottom: 1px solid #ffffff;
}
.footerContent .footerLinkObi li a:after {
  content: "＞";
  font-weight: bold;
  color: #efefef;
  position: absolute;
  top: 50%;
  left: 0.5rem;
  margin-top: -0.5em;
  transform: scaleX(0.8);
}
.footerContent .footerInfo {
  color: #444444;
  box-sizing: border-box;
  margin-bottom: 1em;
}
.footerContent .footerInfo h2 {
  font-size: 18px;
  font-weight: 700;
}
.footerContent .footerInfo a,
.footerContent .footerInfo p {
  font-size: 18px;
  text-decoration: none;
  color: #000000;
  transition: opacity 0.3s;
}
.footerContent .footerInfo a:hover,
.footerContent .footerInfo p:hover {
  text-decoration: none !important;
  opacity: 1;
}
.footerContent .footerNote {
  color: #444444;
  font-size: 16px;
  line-height: 1.5;
  box-sizing: border-box;
  margin-bottom: 1em;
}
.footerContent #copy {
  text-align: center;
  font-size: 24px;
  color: #000000;
  box-sizing: border-box;
  padding: 1.4em;
}
@media (max-width: 750px) {
  .footerContent .footerLinkObi {
    margin: 40px auto;
    text-align: left;
  }
  .footerContent .footerInfo,
  .footerContent .footerNote {
    padding: 0% 3%;
  }
  .footerContent #copy {
    font-size: 14px;
  }
}

.float__button {
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  bottom: 5%;
  max-width: 670px;
  width: 100%;
  z-index: 1000;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}
.float__button.show {
  opacity: 1;
  visibility: visible;
}
@media screen and (max-width: 670px) {
  .float__button {
    max-width: 90%;
  }
}
.float__button a {
  display: block;
  margin: 0 auto;
}/*# sourceMappingURL=style.css.map */