@charset "UTF-8";
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
260206 リニューアル
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
関数
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
変数
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
汎用的なスタイル
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
* {
  font-feature-settings: "palt";
}

a img,
.opacity {
  transition: all 0.4s;
}
a img:hover,
.opacity:hover {
  opacity: 0.8;
}

.c-ttl {
  text-align: center;
}
.c-ttl .en {
  font-family: "Jost", sans-serif;
  font-weight: 500;
  font-size: 26.88px;
  color: #999;
  margin-bottom: 17.92px;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .c-ttl .en {
    font-size: 15px;
    margin-bottom: 10px;
  }
}
.c-ttl .ja {
  font-size: 43.008px;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .c-ttl .ja {
    font-size: 24px;
  }
}

.c-cta {
  max-width: 597.632px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .c-cta {
    max-width: 333.5px;
  }
}
.c-cta__item {
  border-radius: 20.608px;
  background: #4f4f4f;
  margin-bottom: 35.84px;
}
@media screen and (max-width: 767px) {
  .c-cta__item {
    border-radius: 11.5px;
    margin-bottom: 20px;
  }
}
.c-cta__item:last-child {
  margin-bottom: 0;
}
.c-cta__ttl {
  font-size: 25.088px;
  color: #fff;
  font-weight: bold;
  line-height: 1;
  border-bottom: 1px solid #757575;
  padding: 31.36px 0;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .c-cta__ttl {
    font-size: 14px;
    padding: 17.5px 0;
  }
}
.c-cta__in {
  padding: 35.84px;
}
@media screen and (max-width: 767px) {
  .c-cta__in {
    padding: 20px;
  }
}
.c-cta__in ul {
  display: flex;
  justify-content: space-between;
}
.c-cta__in ul li {
  width: 47.6%;
}
.c-cta__in ul li .label {
  font-size: 21.504px;
  color: #fff;
  font-weight: 700;
  margin-bottom: 17.92px;
  text-align: center;
  line-height: 1.2916666667;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .c-cta__in ul li .label {
    font-size: 12px;
    margin-bottom: 10px;
  }
}
.c-cta__in ul li:last-child a {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 25.088px;
  color: #fff;
  font-weight: 700;
  border-radius: 9999px;
  background: #000;
  height: 87.808px;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .c-cta__in ul li:last-child a {
    font-size: 14px;
    height: 49px;
  }
}
.c-cta__in .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 25.088px;
  color: #000;
  font-weight: 700;
  max-width: 474.88px;
  height: 84.224px;
  border-radius: 9999px;
  background: #ffee50;
  position: relative;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .c-cta__in .btn {
    font-size: 14px;
    max-width: 265px;
    height: 47px;
  }
}
.c-cta__in .btn:after {
  content: "";
  background: url(../images/ico_arrow.svg) no-repeat center center/100%;
  width: 24.192px;
  height: 24.192px;
  position: absolute;
  right: 28.672px;
  top: 50%;
  transform: translateY(-50%) rotate(-90deg);
}
@media screen and (max-width: 767px) {
  .c-cta__in .btn:after {
    width: 13.5px;
    height: 13.5px;
    right: 16px;
  }
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
メンバーシップ
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
.about {
  background: linear-gradient(170deg, #202020 0%, #404040 52%, #202020 100%);
  padding: 76.16px 0 80.64px;
}
@media screen and (max-width: 767px) {
  .about {
    padding: 42.5px 0 45px;
  }
}
.about .c-ttl {
  margin-bottom: 35.84px;
}
@media screen and (max-width: 767px) {
  .about .c-ttl {
    margin-bottom: 20px;
  }
}
.about .c-ttl .txt {
  font-size: 37.632px;
  color: #fff;
  font-weight: bold;
  letter-spacing: 0.02em;
  line-height: 1.5833333333;
  margin-top: 22.4px;
}
@media screen and (max-width: 767px) {
  .about .c-ttl .txt {
    font-size: 21px;
    margin-top: 12.5px;
  }
}
.about .c-ttl .txt strong {
  color: #000;
  background: #fff;
  display: inline-block;
  margin: 0 7.168px;
  padding: 5.376px 7.168px;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .about .c-ttl .txt strong {
    margin: 0 4px;
    padding: 3.5px 4px 2.5px;
  }
}
.about__slider {
  visibility: hidden;
  margin-bottom: 35.84px;
}
@media screen and (max-width: 767px) {
  .about__slider {
    margin-bottom: 20px;
  }
}
.about__slider .item {
  width: 262.528px;
  margin-right: 17.92px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .about__slider .item {
    width: 146.5px;
    margin-right: 10px;
  }
}
.about__slider .item span {
  background: #fff;
  position: absolute;
  left: 0;
  bottom: 0;
  font-size: 17.92px;
  font-weight: 700;
  height: 35.84px;
  display: inline-block;
  padding: 5.376px 10.752px 7.168px 21.504px;
}
@media screen and (max-width: 767px) {
  .about__slider .item span {
    font-size: 10px;
    height: 20px;
    padding: 3px 6px 4px 12px;
  }
}
.about__slider .item span:before {
  content: "";
  background: #000;
  width: 8.96px;
  height: 8.96px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 7.168px;
  transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
  .about__slider .item span:before {
    width: 5px;
    height: 5px;
    left: 4px;
  }
}
.about__txt {
  font-size: 23.296px;
  color: #fff;
  line-height: 1.6307692308;
  text-align: center;
  margin-bottom: 53.76px;
}
@media screen and (max-width: 767px) {
  .about__txt {
    font-size: 13px;
    margin-bottom: 30px;
  }
}

.benefits {
  padding: 76.16px 0;
  background: linear-gradient(to left, #fff, #e7e7e7 25.5%, #fff 50%, #f9f9f9 80%, #fff 100%);
}
@media screen and (max-width: 767px) {
  .benefits {
    padding: 42.5px 0;
  }
}
.benefits__list {
  margin-top: 44.8px;
}
@media screen and (max-width: 767px) {
  .benefits__list {
    margin-top: 25px;
  }
}
.benefits__item {
  margin-bottom: 53.76px;
}
@media screen and (max-width: 767px) {
  .benefits__item {
    margin-bottom: 30px;
  }
}
.benefits__item:last-child {
  margin-bottom: 0;
}
.benefits__item .ttl {
  font-size: 34.048px;
  color: #000;
  font-weight: 700;
  line-height: 1;
  padding: 22.4px 40.32px;
  border-top: 1px solid #d6d6d6;
}
@media screen and (max-width: 767px) {
  .benefits__item .ttl {
    font-size: 19px;
    padding: 12.5px 22.5px;
  }
}
.benefits__item .ttl span {
  font-size: 26.88px;
  color: #fff;
  font-weight: 700;
  border-radius: 9999px;
  background: #000;
  display: inline-block;
  margin-right: 16.128px;
  padding: 8.96px 26.88px;
}
@media screen and (max-width: 767px) {
  .benefits__item .ttl span {
    font-size: 15px;
    margin-right: 9px;
    padding: 5px 15px;
  }
}
.benefits__item .ttl strong {
  transform: translateY(3.584px);
  display: inline-block;
}
@media screen and (max-width: 767px) {
  .benefits__item .ttl strong {
    transform: translateY(2px);
  }
}
.benefits__item .img {
  margin-bottom: 31.36px;
}
@media screen and (max-width: 767px) {
  .benefits__item .img {
    margin-bottom: 17.5px;
  }
}
.benefits__item .txt {
  font-size: 23.296px;
  line-height: 1.6307692308;
  text-align: center;
  padding: 0 40.32px;
}
@media screen and (max-width: 767px) {
  .benefits__item .txt {
    font-size: 13px;
    padding: 0 22.5px;
  }
}

.flow {
  padding: 76.16px 40.32px 80.64px;
  background: linear-gradient(170deg, #202020 0%, #404040 52%, #202020 100%);
}
@media screen and (max-width: 767px) {
  .flow {
    padding: 42.5px 22.5px 45px;
  }
}
.flow .c-ttl .ja {
  color: #fff;
}
.flow__lead {
  font-size: 23.296px;
  color: #fff;
  text-align: center;
  margin: 22.4px 0 49.28px;
}
@media screen and (max-width: 767px) {
  .flow__lead {
    font-size: 13px;
    margin: 12.5px 0 27.5px;
  }
}
.flow__list {
  position: relative;
  padding-left: 50.176px;
}
@media screen and (max-width: 767px) {
  .flow__list {
    padding-left: 28px;
  }
}
.flow__list::before {
  content: "";
  height: calc(100% - 15.232px);
  width: 1px;
  background: #fff;
  position: absolute;
  left: 11.648px;
  top: 15.232px;
}
@media screen and (max-width: 767px) {
  .flow__list::before {
    height: calc(100% - 8.5px);
    left: 6.5px;
    top: 8.5px;
  }
}
.flow__item {
  margin-bottom: 62.72px;
}
@media screen and (max-width: 767px) {
  .flow__item {
    margin-bottom: 35px;
  }
}
.flow__item:last-child {
  margin-bottom: 0;
}
.flow__item .ttl {
  color: #fff;
  margin-bottom: 13.44px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .flow__item .ttl {
    margin-bottom: 7.5px;
  }
}
.flow__item .ttl span {
  font-size: 23.296px;
  font-family: "Jost", sans-serif;
  font-weight: 500;
  display: inline-block;
  line-height: 1;
  transform: translateY(-3.584px);
}
@media screen and (max-width: 767px) {
  .flow__item .ttl span {
    font-size: 13px;
    transform: translateY(-2px);
  }
}
.flow__item .ttl strong {
  font-size: 34.048px;
  font-weight: 700;
  margin-left: 22.4px;
  display: inline-block;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .flow__item .ttl strong {
    font-size: 19px;
    margin-left: 12.5px;
  }
}
.flow__item .ttl .circle {
  background: rgba(255, 255, 255, 0.4);
  width: 30.464px;
  height: 30.464px;
  border-radius: 50%;
  position: absolute;
  top: 2.688px;
  left: -53.76px;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .flow__item .ttl .circle {
    width: 17px;
    height: 17px;
    top: 1.5px;
    left: -30px;
  }
}
.flow__item .ttl .circle:before {
  content: "";
  background: #ffffff;
  width: 17.92px;
  height: 17.92px;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 767px) {
  .flow__item .ttl .circle:before {
    width: 10px;
    height: 10px;
  }
}
.flow__item .lead {
  font-size: 23.296px;
  color: #fff;
  line-height: 1.4230769231;
}
@media screen and (max-width: 767px) {
  .flow__item .lead {
    font-size: 13px;
  }
}
.flow__item .note {
  font-size: 16.128px;
  color: #8e8e8e;
  line-height: 1.6111111111;
  margin-top: 16.128px;
}
@media screen and (max-width: 767px) {
  .flow__item .note {
    font-size: 9px;
    margin-top: 9px;
  }
}
.flow__item .c-cta__in {
  padding: 28.672px;
  margin-top: 28.672px;
}
@media screen and (max-width: 767px) {
  .flow__item .c-cta__in {
    padding: 16px;
    margin-top: 16px;
  }
}
.flow__item .btn {
  margin-top: 35.84px;
}
@media screen and (max-width: 767px) {
  .flow__item .btn {
    margin-top: 20px;
  }
}
.flow__item .btn li {
  margin-bottom: 26.88px;
}
@media screen and (max-width: 767px) {
  .flow__item .btn li {
    margin-bottom: 15px;
  }
}
.flow__item .btn li:last-child {
  margin-bottom: 0;
}
.flow__item .btn li a {
  display: flex;
  align-items: center;
  position: relative;
  height: 99.456px;
  padding: 0 44.8px 0 17.92px;
  border-radius: 18.816px;
  background: #fff;
}
@media screen and (max-width: 767px) {
  .flow__item .btn li a {
    height: 68px;
    padding: 0 25px 0 15px;
    border-radius: 10.5px;
  }
}
.flow__item .btn li a:after {
  content: "";
  background: url(../images/ico_arrow.svg) no-repeat center center/100%;
  width: 24.192px;
  height: 24.192px;
  position: absolute;
  right: 18.816px;
  top: 50%;
  transform: translateY(-50%) rotate(-90deg);
}
@media screen and (max-width: 767px) {
  .flow__item .btn li a:after {
    width: 13.5px;
    height: 13.5px;
    right: 10.5px;
  }
}
.flow__item .btn li a .img {
  width: 108.416px;
}
@media screen and (max-width: 767px) {
  .flow__item .btn li a .img {
    width: 60.5px;
  }
}
.flow__item .btn li a .txt {
  display: flex;
  align-items: center;
  font-size: 23.296px;
  font-weight: 700;
  width: calc(100% - 108.416px);
  padding-left: 22.4px;
}
@media screen and (max-width: 767px) {
  .flow__item .btn li a .txt {
    font-size: 15px;
    width: calc(100% - 60.5px);
    padding-left: 12.5px;
  }
}
.flow__item .btn li a .txt > div {
  width: 68.096px;
}
@media screen and (max-width: 767px) {
  .flow__item .btn li a .txt > div {
    width: 38px;
  }
}
.flow__item .btn li a .txt > div span {
  color: #fff;
  display: inline-block;
  line-height: 1;
  background: #000;
  padding: 5.376px 0 4.48px;
  text-align: center;
  margin-bottom: 3.584px;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .flow__item .btn li a .txt > div span {
    padding: 3px 0 2.5px;
    margin-bottom: 2px;
  }
}
.flow__item .btn li a .txt > div span:last-child {
  margin-bottom: 0;
}
.flow__item .btn li a .txt strong {
  font-weight: 700;
  width: calc(100% - 68.096px);
  display: inline-block;
  padding-left: 16.128px;
}
@media screen and (max-width: 767px) {
  .flow__item .btn li a .txt strong {
    width: calc(100% - 38px);
    padding-left: 9px;
  }
}

.guide {
  padding: 80.64px 0 0;
}
@media screen and (max-width: 767px) {
  .guide {
    padding: 45px 0 0;
  }
}
.guide__note {
  font-size: 26.88px;
  color: #fff;
  font-weight: 700;
  background: #ff0000;
  border-radius: 9999px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  margin: 0 auto 26.88px;
  max-width: 469.504px;
  height: 60.032px;
}
@media screen and (max-width: 767px) {
  .guide__note {
    font-size: 15px;
    margin: 0 auto 15px;
    max-width: 262px;
    height: 33.5px;
  }
}
.guide__list {
  margin-top: 67.2px;
}
@media screen and (max-width: 767px) {
  .guide__list {
    margin-top: 37.5px;
  }
}
.guide__item {
  margin-bottom: 95.872px;
}
@media screen and (max-width: 767px) {
  .guide__item {
    margin-bottom: 53.5px;
  }
}
.guide__item:last-child {
  margin-bottom: 0;
}
.guide__item .ttl {
  position: relative;
  background: #eaeaea;
  height: 137.984px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin: 0 0 31.36px;
  padding-top: 13.44px;
  font-size: 34.048px;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .guide__item .ttl {
    height: 77px;
    margin: 0 0 17.5px;
    padding-top: 7.5px;
    font-size: 19px;
  }
}
.guide__item .ttl span {
  font-size: 35.84px;
  font-family: "Jost", sans-serif;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 66.304px;
  height: 66.304px;
  border-radius: 50%;
  border: 3.584px solid #000;
  background: #fff;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 767px) {
  .guide__item .ttl span {
    font-size: 20px;
    width: 37px;
    height: 37px;
    border: 2px solid #000;
  }
}
.guide__item .stl {
  font-size: 23.296px;
  text-align: center;
  line-height: 1.5769230769;
  max-width: 588.672px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .guide__item .stl {
    font-size: 13px;
    max-width: 328.5px;
  }
}
.guide__item .stl strong {
  color: #ff0000;
}
.guide__item .stl strong strong {
  font-size: 30.464px;
}
@media screen and (max-width: 767px) {
  .guide__item .stl strong strong {
    font-size: 17px;
  }
}
.guide__item .txt {
  font-size: 16.128px;
  color: #8e8e8e;
  line-height: 1.6111111111;
  margin-top: 31.36px;
  padding: 0 19.712px;
}
@media screen and (max-width: 767px) {
  .guide__item .txt {
    font-size: 9px;
    margin-top: 17.5px;
    padding: 0 11px;
  }
}
.guide__item .txt a {
  text-decoration: underline;
}
.guide__item .bar {
  font-size: 21.504px;
  color: #fff;
  font-weight: 700;
  background: #ff0000;
  text-align: center;
  line-height: 1.2083333333;
  padding: 19.712px;
  position: relative;
  margin-top: 35.84px;
}
@media screen and (max-width: 767px) {
  .guide__item .bar {
    font-size: 12px;
    padding: 11px;
    margin-top: 20px;
  }
}
.guide__item .bar:after {
  content: "";
  border: 11.648px solid transparent;
  border-bottom: 19.712px solid #ff0000;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, -100%);
}
@media screen and (max-width: 767px) {
  .guide__item .bar:after {
    border: 6.5px solid transparent;
    border-bottom: 11px solid #ff0000;
  }
}
.guide__item ul.list01 li {
  padding: 40.32px 37.632px;
  border-bottom: 1px solid #d6d6d6;
}
@media screen and (max-width: 767px) {
  .guide__item ul.list01 li {
    padding: 22.5px 21px;
  }
}
.guide__item ul.list01 li .txt01 {
  font-size: 26.88px;
  font-weight: 700;
  letter-spacing: 0.06em;
  line-height: 1;
  margin-bottom: 22.4px;
}
@media screen and (max-width: 767px) {
  .guide__item ul.list01 li .txt01 {
    font-size: 15px;
    margin-bottom: 12.5px;
  }
}
.guide__item ul.list01 li .txt02 {
  font-size: 23.296px;
  font-weight: 700;
  text-align: center;
  background: #eaeaea;
  padding: 4.48px 0;
  margin-bottom: 26.88px;
}
@media screen and (max-width: 767px) {
  .guide__item ul.list01 li .txt02 {
    font-size: 13px;
    padding: 2.5px 0;
    margin-bottom: 15px;
  }
}
.guide__item ul.list01 li .txt02 strong {
  color: #ff0000;
}
.guide__item ul.list01 li .img {
  margin: 0 -37.632px;
}
@media screen and (max-width: 767px) {
  .guide__item ul.list01 li .img {
    margin: 0 -21px;
  }
}
.guide__item dl.list02 {
  border-top: 1px solid #d6d6d6;
  margin-top: 40.32px;
}
@media screen and (max-width: 767px) {
  .guide__item dl.list02 {
    margin-top: 22.5px;
  }
}
.guide__item dl.list02 > div {
  border-bottom: 1px solid #d6d6d6;
  padding: 40.32px 0;
}
@media screen and (max-width: 767px) {
  .guide__item dl.list02 > div {
    padding: 22.5px 0;
  }
}
.guide__item dl.list02 dt {
  font-size: 28.672px;
  text-align: center;
  line-height: 1.28125;
  font-weight: 700;
  margin-bottom: 13.44px;
}
@media screen and (max-width: 767px) {
  .guide__item dl.list02 dt {
    font-size: 16px;
    margin-bottom: 7.5px;
  }
}
.guide__item dl.list02 dd {
  font-size: 25.088px;
  text-align: center;
  line-height: 1.4642857143;
  max-width: 631.68px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .guide__item dl.list02 dd {
    font-size: 14px;
    max-width: 352.5px;
  }
}
.guide__item dl.list02 dd strong {
  color: #ff0000;
  font-weight: 700;
}

.faq {
  padding: 62.72px 0;
}
@media screen and (max-width: 767px) {
  .faq {
    padding: 35px 0;
  }
}
.faq__category {
  margin-bottom: 47.488px;
}
@media screen and (max-width: 767px) {
  .faq__category {
    margin-bottom: 26.5px;
  }
}
.faq__category .btn {
  font-size: 23.296px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  max-width: 302.848px;
  height: 63.616px;
  border-radius: 9999px;
  border: 1px solid #000;
  cursor: pointer;
  transition: all 0.4s;
  margin: 26.88px auto 0;
}
@media screen and (max-width: 767px) {
  .faq__category .btn {
    font-size: 13px;
    max-width: 169px;
    height: 35.5px;
    margin: 15px auto 0;
  }
}
.faq__category .btn:hover {
  opacity: 0.8;
}
.faq__category .btn:after {
  content: "";
  background: url(../images/ico_arrow.svg) no-repeat center center/100%;
  width: 24.192px;
  height: 24.192px;
  position: absolute;
  right: 24.192px;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
  .faq__category .btn:after {
    width: 13.5px;
    height: 13.5px;
    right: 13.5px;
  }
}
.faq__category .in {
  display: none;
}
.faq__category .in ul {
  max-width: 487.424px;
  margin: 26.88px auto 0;
  background: #000;
  padding: 8.96px 26.88px;
  border-radius: 18.816px;
}
@media screen and (max-width: 767px) {
  .faq__category .in ul {
    max-width: 272px;
    margin: 15px auto 0;
    padding: 5px 15px;
    border-radius: 10.5px;
  }
}
.faq__category .in ul li {
  border-bottom: 1px dashed #333333;
}
.faq__category .in ul li a {
  font-size: 25.088px;
  color: #fff;
  font-weight: 700;
  position: relative;
  display: block;
  padding: 16.128px 0 16.128px 53.76px;
}
@media screen and (max-width: 767px) {
  .faq__category .in ul li a {
    font-size: 14px;
    padding: 9px 0 9px 30px;
  }
}
.faq__category .in ul li a:before {
  content: "";
  background: #fff;
  width: 9.856px;
  height: 9.856px;
  position: absolute;
  left: 29.568px;
  top: 29.568px;
  border-radius: 50%;
}
@media screen and (max-width: 767px) {
  .faq__category .in ul li a:before {
    width: 5.5px;
    height: 5.5px;
    left: 16.5px;
    top: 16.5px;
  }
}
.faq__ttl {
  font-size: 28.672px;
  font-weight: 700;
  background: #eaeaea;
  text-align: center;
  padding: 17.92px 0;
}
@media screen and (max-width: 767px) {
  .faq__ttl {
    font-size: 16px;
    padding: 10px 0;
  }
}
.faq__item {
  border-bottom: 1px solid #d6d6d6;
}
.faq__item .q {
  padding: 26.88px 0;
  cursor: pointer;
  position: relative;
}
@media screen and (max-width: 767px) {
  .faq__item .q {
    padding: 15px 0;
  }
}
.faq__item .q:before {
  content: "";
  border: solid #000;
  border-width: 0 1px 1px 0;
  padding: 4.48px;
  transition: all 0.4s;
  position: absolute;
  top: 35.84px;
  right: 28.672px;
  transform: rotate(45deg);
}
@media screen and (max-width: 767px) {
  .faq__item .q:before {
    padding: 2.5px;
    top: 20px;
    right: 16px;
  }
}
.faq__item .q.active:before {
  top: 40.32px;
  transform: rotate(-135deg);
}
@media screen and (max-width: 767px) {
  .faq__item .q.active:before {
    top: 22.5px;
  }
}
.faq__item .q p {
  font-size: 25.088px;
  font-weight: 700;
  padding: 0 71.68px 0 107.52px;
  position: relative;
  line-height: 1.4642857143;
}
@media screen and (max-width: 767px) {
  .faq__item .q p {
    font-size: 14px;
    padding: 0 40px 0 60px;
  }
}
.faq__item .q p:before {
  content: "";
  width: 46.592px;
  height: 46.592px;
  background: url(../images/ico_q.svg) no-repeat center center/100%;
  position: absolute;
  left: 33.152px;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
  .faq__item .q p:before {
    width: 26px;
    height: 26px;
    left: 18.5px;
  }
}
.faq__item .a {
  display: none;
}
.faq__item .a p {
  font-size: 23.296px;
  font-weight: 700;
  line-height: 1.5769230769;
  padding: 0 35.84px 40.32px 107.52px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .faq__item .a p {
    font-size: 13px;
    padding: 0 20px 22.5px 60px;
  }
}
.faq__item .a p:before {
  content: "";
  width: 46.592px;
  height: 46.592px;
  background: url(../images/ico_a.svg) no-repeat center center/100%;
  position: absolute;
  left: 33.152px;
  top: 0;
}
@media screen and (max-width: 767px) {
  .faq__item .a p:before {
    width: 26px;
    height: 26px;
    left: 18.5px;
  }
}
.faq__item .a p a {
  text-decoration: underline;
}
.faq .c-cta {
  margin-top: 85.12px;
}
@media screen and (max-width: 767px) {
  .faq .c-cta {
    margin-top: 47.5px;
  }
}

.floating {
  position: fixed;
  width: 129.92px;
  right: 17.92px;
  bottom: 17.92px;
}
@media screen and (max-width: 767px) {
  .floating {
    width: 72.5px;
    right: 10px;
    bottom: 10px;
  }
}

.copyright {
  font-size: 14.336px;
  color: #878787;
  text-align: center;
  background: #000;
  padding: 19.712px 0;
}
@media screen and (max-width: 767px) {
  .copyright {
    font-size: 8px;
    padding: 11px 0;
  }
}/*# sourceMappingURL=custom.css.map */