@charset "UTF-8";
body {
  font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック Medium", "Yu Gothic Medium", "メイリオ", Meiryo, sans-serif;
  color: #000;
  font-size: 3.125vw;
}

.pc_none {
  display: block;
}

.sp_none {
  display: none;
}

.float_area {
  width: 100%;
  padding-top: 2.2135416667vw;
  background: rgba(255, 255, 255, 0.85);
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99;
}

.header {
  background: #fff;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 99;
}
.header .inner {
  display: flex;
  justify-content: space-between;
  position: relative;
}
.header .inner .head_logo {
  width: 57.2916666667vw;
}
.header .inner .overlay.open {
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.2);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
}
.header .inner .menu_btn {
  background: #333;
  width: 11.71875vw;
  transition: all 0.2s ease-out;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 99999;
}
.header .inner .menu_btn span {
  display: block;
  width: 11.71875vw;
  height: 11.71875vw;
  margin: 0 0 0 auto;
  background: url(../img/menu_btn.png) no-repeat top left/100%;
}
.header .inner .menu_btn.open {
  width: 70.3125vw;
}
.header .inner .menu_btn.open span {
  margin: 0 0 0 auto;
  background: url(../img/menu_btn_close.png) no-repeat top left/100%;
}
.header .inner .nav {
  display: none;
  width: 70.3125vw;
  background: #fff;
  position: fixed;
  top: 11.71875vw;
  right: 0;
  z-index: 99999;
}
.header .inner .nav .nav_list li {
  border-top: 1px solid #ccc;
}
.header .inner .nav .nav_list li:first-child {
  border-top: none;
}

.cta_area .cta_btn {
  width: 85.9375vw;
  margin: 0 auto;
}

#fv {
  background: url(../img/sp_bg_fv.jpg) no-repeat top center/100%;
  margin-top: 11.71875vw;
}

#campaign {
  background: url(../img/sp_bg_campaign.jpg) no-repeat top center/100% 100%;
  height: 156.25vw;
}

#want {
  background: url(../img/sp_bg_want.jpg) no-repeat top center/100%;
  height: 237.7604166667vw;
}

#point .point01 {
  background: url(../img/sp_bg_point01.jpg) no-repeat top center/100%, #fff;
  padding-bottom: 6.5104166667vw;
}
#point .point01 .inner .simu_list {
  width: 86.9791666667vw;
  margin: 0 auto;
}
#point .point01 .inner .simu_list li {
  width: 86.9791666667vw;
}
#point .point01 .inner .simu_list .slide_arrow_p,
#point .point01 .inner .simu_list .slide_arrow_n {
  width: 6.5104166667vw;
  position: absolute;
  top: 21.875vw;
  z-index: 9;
}
#point .point01 .inner .simu_list .slide_arrow_p {
  left: -3.2552083333vw;
}
#point .point01 .inner .simu_list .slide_arrow_n {
  right: -3.2552083333vw;
}
#point .point01 .inner .simu_list .slick-dots {
  bottom: -5.2083333333vw;
}
#point .point01 .inner .simu_list .slick-dots li {
  width: 1.6927083333vw;
  height: 1.6927083333vw;
  margin: 0 1.953125vw;
}
#point .point01 .inner .simu_list .slick-dots li button {
  width: 1.6927083333vw;
  height: 1.6927083333vw;
}
#point .point01 .inner .simu_list .slick-dots li button::before {
  content: "";
  width: 1.6927083333vw;
  height: 1.6927083333vw;
  border-radius: 1.3020833333vw;
  opacity: 1;
  background: #B3B3B3;
}
#point .point01 .inner .simu_list .slick-dots li.slick-active button::before {
  background: #A8906C;
}
#point .point01 .inner .video_list {
  width: 86.9791666667vw;
  margin: 0 auto;
}
#point .point01 .inner .video_list li:first-child {
  margin-bottom: 6.5104166667vw;
}
#point .point01 .inner .video_list li .video video {
  width: 86.9791666667vw;
  height: 48.828125vw;
}
#point .point02 {
  background: url(../img/sp_bg_point02.jpg) no-repeat top center/100%, #fff;
}
#point .point03 {
  background: url(../img/sp_bg_point03.jpg) no-repeat top center/100%, #fff;
  height: 230.2083333333vw;
}

#plan {
  background: url(../img/sp_bg_plan.jpg) no-repeat top center/100%, #FBF7EA;
}
#plan .inner {
  position: relative;
}
#plan .inner .plan_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 6.5104166667vw;
}
#plan .inner .plan_list li {
  width: 86.9791666667vw;
  border: 1px solid #A8906C;
  background: #fff;
  box-sizing: border-box;
}
#plan .inner .plan_list li .plan_name {
  position: relative;
}
#plan .inner .plan_list li .plan_name::before, #plan .inner .plan_list li .plan_name::after {
  content: "";
  display: block;
  width: 3.6458333333vw;
  height: 0.2604166667vw;
  background: #A8906C;
  position: absolute;
  top: 19.53125vw;
  right: 7.1614583333vw;
}
#plan .inner .plan_list li .plan_name::after {
  transform: rotate(90deg);
}
#plan .inner .plan_list li .plan_name.open::after {
  transform: rotate(0);
}
#plan .inner .plan_list li .plan_detail {
  display: none;
}
#plan .inner .bot_img {
  width: 46.875vw;
  position: absolute;
  right: 0;
  bottom: -8.3333333333vw;
}

#faq {
  background: #FAFAFA;
  padding-bottom: 14.3229166667vw;
}
#faq .inner .faq_list {
  width: 86.9791666667vw;
  margin: 0 auto;
}
#faq .inner .faq_list .box {
  margin-top: 5.2083333333vw;
}
#faq .inner .faq_list .box:first-child {
  margin-top: 0;
}
#faq .inner .faq_list .box .faq_q {
  position: relative;
}
#faq .inner .faq_list .box .faq_q::after {
  content: "";
  display: block;
  width: 2.6041666667vw;
  height: 1.4322916667vw;
  background: url(../img/sp_faq_arrow.png) no-repeat top left/100%;
  position: absolute;
  top: 5.078125vw;
  right: 3.2552083333vw;
}
#faq .inner .faq_list .box .faq_q.open::after {
  transform: rotate(180deg);
}
#faq .inner .faq_list .box .faq_a {
  display: none;
  position: relative;
}
#faq .inner .faq_list .box .faq_a .link01,
#faq .inner .faq_list .box .faq_a .link02 {
  position: absolute;
}
#faq .inner .faq_list .box .faq_a .link01 a,
#faq .inner .faq_list .box .faq_a .link02 a {
  display: block;
  line-height: 1;
}
#faq .inner .faq_list .box .faq_a .link01 {
  width: 27.9947916667vw;
  top: 25.2604166667vw;
  right: 16.9270833333vw;
}
#faq .inner .faq_list .box .faq_a .link02 {
  width: 11.328125vw;
  top: 32.03125vw;
  right: 48.046875vw;
}
#faq .inner .terms_area {
  overflow-y: scroll;
  width: 87.2395833333vw;
  height: 48.828125vw;
  margin: 5.859375vw auto 0;
  border: 0.2604166667vw solid #ccc;
  border-radius: 2.6041666667vw;
}
#faq .inner .terms_area::-webkit-scrollbar {
  width: 30px;
  border-radius: 16px;
  background-color: #D9D9D9;
}
#faq .inner .terms_area::-webkit-scrollbar-thumb {
  width: 5.2083333333vw;
  border-radius: 2.6041666667vw;
  background: #695137;
}
#faq .inner .terms_area .terms_in {
  width: 70.8333333333vw;
  margin: 0 auto;
}
#faq .inner .terms_area h3 {
  color: #1A1A1A;
  font-size: 5.2083333333vw;
  font-weight: bold;
  letter-spacing: 0.05em;
  width: 70.8333333333vw;
  margin: 0 auto 2.6041666667vw;
}
#faq .inner .terms_area .top_text,
#faq .inner .terms_area .text,
#faq .inner .terms_area .list li,
#faq .inner .terms_area .list_sub li {
  line-height: 1.83;
  letter-spacing: 0.04em;
}
#faq .inner .terms_area .text {
  margin: 4.5572916667vw 0 1.3020833333vw;
}
#faq .inner .terms_area .list li,
#faq .inner .terms_area .list_sub li {
  display: flex;
}
#faq .inner .terms_area .list li span,
#faq .inner .terms_area .list_sub li span {
  display: block;
  width: 6.5104166667vw;
}
#faq .inner .terms_area .list li p,
#faq .inner .terms_area .list_sub li p {
  width: 100%;
}
#faq .inner .terms_area .list_sub {
  margin-left: 6.5104166667vw;
}
#faq .inner .terms_area .terms {
  margin: 6.5104166667vw 0 15.625vw;
}
#faq .inner .terms_area .tokushoho .company {
  width: 73.6979166667vw;
}
#faq .inner .terms_area .tokushoho .company th,
#faq .inner .terms_area .tokushoho .company td {
  line-height: 1.83;
  font-weight: normal;
  text-align: left;
  letter-spacing: 0.04em;
}
#faq .inner .terms_area .tokushoho .company th {
  width: 26.6927083333vw;
}
#faq .inner .terms_area .privacy {
  margin: 15.625vw 0 7.8125vw;
}

#access {
  background: url(../img/sp_bg_access.jpg) no-repeat top center/100%;
  height: 130.078125vw;
}
#access .inner .address,
#access .inner .time_list li {
  color: #fff;
}
#access .inner .address {
  font-size: 3.6458333333vw;
  line-height: 1.89;
  text-align: center;
  letter-spacing: 0.14em;
}
#access .inner .time_list {
  margin: 5.2083333333vw 0 9.1145833333vw 14.3229166667vw;
}
#access .inner .time_list li {
  display: flex;
  align-items: center;
}
#access .inner .time_list li:first-child {
  margin-bottom: 2.34375vw;
}
#access .inner .time_list li .tit {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42.96875vw;
  height: 6.9010416667vw;
  border-radius: 3.90625vw;
  border: 1px solid #fff;
}
#access .inner .time_list li .tit span {
  font-size: 3.2552083333vw;
  letter-spacing: 0.14em;
}
#access .inner .time_list li .time {
  font-size: 3.6458333333vw;
  letter-spacing: 0.14em;
  margin-left: 2.8645833333vw;
}
#access .inner .map_area {
  text-align: center;
}
#access .inner .map_area iframe {
  width: 89.5833333333vw;
  height: 39.9739583333vw;
}

.footer {
  background: #A8906C;
  padding-top: 3.90625vw;
  margin-bottom: 32.5520833333vw;
}
.footer .inner .foot_nav {
  display: flex;
  justify-content: center;
  align-items: center;
}
.footer .inner .foot_nav li {
  padding-left: 1.953125vw;
}
.footer .inner .foot_nav li::before {
  content: "|";
  color: #fff;
  font-size: 2.8645833333vw;
  padding-right: 1.953125vw;
}
.footer .inner .foot_nav li:first-child::before {
  content: none;
}
.footer .inner .foot_nav li a {
  color: #fff;
  font-size: 2.8645833333vw;
  letter-spacing: 0.04em;
}

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