@charset "utf-8";

/* *************************
  reset
************************* */
html {
  font-size: 62.5%;
  background-color: transparent;
  font-family: "Nobel Regular", "LexusRodinPro-M" , Meiryo , sans-serif;
  font-weight: 300;
  letter-spacing: 2px;
}
html, body {
  margin: 0;
  padding: 0;
  color: #000;
  background-color: #fff;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  scrollbar-width: none;
}
html::-webkit-scrollbar, body::-webkit-scrollbar { display: none; }
body { position: relative; }
@media (min-aspect-ratio: 7 / 10) {
  body {
    font-size: 16px;
  }
}
@media (max-aspect-ratio: 7 / 10) {
  body {
    font-size: 3.733vw;
  }
}
ul, li {
  list-style: none;
  padding: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
a {
  text-decoration: none;
  transition: opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
@media (any-hover: hover), (any-pointer: coarse) {
  a:hover {
      cursor: pointer
  }
}
button {
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
}
h1, h2, h3, h4, h5, h6 { margin: 0; font-weight: normal;}
img { object-fit: cover; max-width: 100%; vertical-align: bottom; }
br { font-size: 0; }
input:focus { outline: none; }
ul,li,ol,p,dd {
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
a {
  text-decoration: none;
  color: #000;
}

/* *************************
  general class
************************* */
/* font
============================== */
.-f-normal { font-weight: normal !important; }
.-f-bold { font-weight: bold !important; }

/* display
============================== */
.-pcOnly{display: block;}
.-spOnly{display: none;}

@media screen and (max-width:768px) {
  .-pcOnly{display: none;}
  .-spOnly{display: block;}
}

/* text
============================== */
.--nolt {
  font-family: "NOLT" !important;
  letter-spacing: 2px !important;
}
.-taR{ text-align:right !important; }
.-taL{ text-align:left !important; }
.-taC{ text-align:center !important; }

/* flex
============================== */
.-align-itemns-start { align-items: flex-start !important; }
.-align-itemns-end { align-items: flex-end !important; }
.-align-itemns-center { align-items: center !important; }
.-justify-contents-start { justify-content: flex-start !important; }
.-justify-contents-end { justify-content: flex-end !important; }
.-justify-contents-center { justify-content: center !important; }
.-flex-direction-column { flex-direction: column !important; }
.-flex-direction-row { flex-direction: row !important; }

/* margin
============================== */
/* margin-top */
.-mt0 { margin-top:0px !important; }
.-mt5 { margin-top: 5px !important ; }
.-mt10 { margin-top: 10px !important ; }
.-mt15 { margin-top: 15px !important ; }
.-mt20 { margin-top: 20px !important ; }
.-mt25 { margin-top: 25px !important ; }
.-mt30 { margin-top: 30px !important ; }
.-mt35 { margin-top: 35px !important ; }
.-mt40 { margin-top: 35px !important ; }
.-mt50 { margin-top: 50px !important ; }

/* margin-bottom */
.-mb0 { margin-bottom:0px !important; }
.-mb5 { margin-bottom:5px !important; }
.-mb10 { margin-bottom:10px !important; }
.-mb15 { margin-bottom:15px !important; }
.-mb20 { margin-bottom:20px !important; }
.-mb25 { margin-bottom:25px !important; }
.-mb30 { margin-bottom:30px !important; }
.-mb35 { margin-bottom:35px !important; }
.-mb40 { margin-bottom:40px !important; }
.-mb50 { margin-bottom:50px !important; }

/* margin-right */
.-mr0 { margin-right: 0px !important ; }
.-mr5 { margin-right: 5px !important ; }
.-mr10 { margin-right: 10px !important ; }
.-mr15 { margin-right: 15px !important ; }
.-mr20 { margin-right: 20px !important ; }
.-mr25 { margin-right: 25px !important ; }
.-mr30 { margin-right: 30px !important ; }
.-mr35 { margin-right: 35px !important ; }
.-mr40 { margin-right: 40px !important ; }
.-mr50 { margin-right: 50px !important ; }

/* margin-left */
.-ml0 { margin-left: 0px !important ; }
.-ml10 { margin-left: 10px !important ; }
.-ml15 { margin-left: 15px !important ; }
.-ml20 { margin-left: 20px !important ; }
.-ml25 { margin-left: 25px !important ; }
.-ml30 { margin-left: 30px !important ; }
.-ml35 { margin-left: 35px !important ; }
.-ml40 { margin-left: 40px !important ; }
.-ml50 { margin-left: 50px !important ; }

/* padding
============================== */
/* pading-top */
.-pt0 { padding-top:0px !important; }
.-pt5 { padding-top:5px !important; }
.-pt10 { padding-top:10px !important; }
.-pt15 { padding-top:15px !important; }
.-pt20 { padding-top:20px !important; }
.-pt25 { padding-top:25px !important; }
.-pt30 { padding-top:30px !important; }
.-pt35 { padding-top:35px !important; }
.-pt40 { padding-top:40px !important; }
.-pt50 { padding-top:50px !important; }

/* pading-bottom */
.-pb0 { padding-bottom:0px !important; }
.-pb5 { padding-bottom:5px !important; }
.-pb10 { padding-bottom:10px !important; }
.-pb15 { padding-bottom:15px !important; }
.-pb20 { padding-bottom:20px !important; }
.-pb25 { padding-bottom:25px !important; }
.-pb30 { padding-bottom:30px !important; }
.-pb35 { padding-bottom:35px !important; }
.-pb40 { padding-bottom:40px !important; }
.-pb50 { padding-bottom:50px !important; }

/* pading-left */
.-pl0 { padding-left:0px !important; }
.-pl5 { padding-left:5px !important; }
.-pl10 { padding-left:10px !important; }
.-pl15 { padding-left:15px !important; }
.-pl20 { padding-left:20px !important; }
.-pl25 { padding-left:25px !important; }
.-pl30 { padding-left:30px !important; }
.-pl35 { padding-left:35px !important; }
.-pl40 { padding-left:40px !important; }
.-pl50 { padding-left:50px !important; }

/* pading-right */
.-pr0 { padding-right:0px !important; }
.-pr5 { padding-right:5px !important; }
.-pr10 { padding-right:10px !important; }
.-pr15 { padding-right:15px !important; }
.-pr20 { padding-right:20px !important; }
.-pr25 { padding-right:25px !important; }
.-pr30 { padding-right:30px !important; }
.-pr35 { padding-right:35px !important; }
.-pr40 { padding-right:40px !important; }
.-pr50 { padding-right:50px !important; }

/* *************************
  wrapper
************************* */
.wrapper {
  background: rgba(244, 244, 244, 1);
}
.wrapper * {
  box-sizing: border-box;
}
@media screen and (max-width: 460px) {
  .wrapper {
    max-width: 460px;
  }
}

/* opening
============================== */
.opening {
  position: fixed;
  background: #fff;
  z-index: 9999;
}
.opening_inner {
  display: flex;
  flex-wrap: wrap;
  flex-grow: 1;
  align-items: center;
  justify-content: center;
  width: 100vw;
  min-height: 100vh;
}
.opening_inner img {
  width: 58.67vw;
  opacity: 1;
  transition: all 0.4s;
}
.opening.--anim .opening_inner img {
  opacity: 0;
}
.opening.--anim {
  animation: opening-interaction 2.5s linear 0s forwards 1;
}
@keyframes opening-interaction {
  0% {
    display: block;
    opacity: 1;
  }
  100% {
    display: none;
    opacity: 0;
  }
}

/* fade contents setting
============================== */
.--js-fadeContents {
  opacity: 0;
  visibility: hidden;
  transition: all 2.5s;
}
.--js-fadeContents.--fadeIn {
  opacity: 1;
  visibility: visible;
}

/* fv_contents
============================== */
.fv_contents {
  position: fixed;
  top: 0;
  width: 100vw;
	height: 100vh;
  z-index: 1;
}
_::-webkit-full-page-media, _:future, :root .fv_contents {
	height: 100vh;
}
.fv_contents .fv_slider_wrap {
  position: relative;
  width: 100vw;
  height: 100vh;
}
.fv_contents .fv_slider_wrap::before {
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-image: linear-gradient(180deg, rgba(85, 85, 85, 0.1), rgba(0, 0, 0, 0.1));
  background-position: 0 0;
  background-repeat: no-repeat;
  z-index: 2;
}
.fv_contents .fv_slider_wrap::after {
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-image: linear-gradient(180deg, rgba(85, 85, 85, 0.5), rgba(0, 0, 0, 0.5));
  background-position: 0 0;
  background-repeat: no-repeat;
  z-index: 3;
  transition: all 1.5s;
  opacity: 0;
}
.fv_contents.--is-change .fv_slider_wrap::after {
  opacity: 1;
}

/* slider */
#fv {
	width: 100vw;
	height: 100vh;
	position: relative;
}
#fv_slider {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	overflow: clip;
}
#fv_slider .fv_slide_item {
	width: 100%;
	height: 100%;
	position: relative;
}
#fv_slider .swiper-slide-active .fv_slide_item_img,
#fv_slider .swiper-slide-duplicate-active .fv_slide_item_img,
#fv_slider .swiper-slide-prev .fv_slide_item_img {
	display: block;
	width: 100%;
	height: 100%;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
	animation: fvZoomOut 7s linear 0s normal both;
}
@media screen and (min-width: 768px) {
  #fv_slider .fv_slide_item_img.--first {
    background-image: url(/-/media/tfc/lexusfs/file/common/img/lp/guide/personal/img_kv_01_pc.jpg) !important;
  }
  #fv_slider .fv_slide_item_img.--second {
    background-image: url(/-/media/tfc/lexusfs/file/common/img/lp/guide/personal/img_kv_02_pc.jpg) !important;
  }
  #fv_slider .fv_slide_item_img.--third {
    background-image: url(/-/media/tfc/lexusfs/file/common/img/lp/guide/personal/img_kv_03_pc.jpg) !important;
  }
  #fv_slider .fv_slide_item_img.--4th {
    background-image: url(/-/media/tfc/lexusfs/file/common/img/lp/guide/personal/img_kv_04_pc.jpg) !important;
  }
  #fv_slider .fv_slide_item_img.--5th {
    background-image: url(/-/media/tfc/lexusfs/file/common/img/lp/guide/personal/img_kv_05_pc.jpg) !important;
  }
  #fv_slider .fv_slide_item_img.--6th {
    background-image: url(/-/media/tfc/lexusfs/file/common/img/lp/guide/personal/img_kv_06_pc.jpg) !important;
  }
}

@keyframes fvZoomOut {
	0% {
		transform: scale(1);
	}
	100% {
		transform: scale(1.1);
	}
}

.fv_logo {
  position: absolute;
  top: 5.5vh;
  left: 6.4vw;
  transition: transform 1.6s;
  text-shadow: 2px 2px 8px rgba(41, 25, 0, 0.8);
  z-index: 4;
}
.fv_logo img {
  width: 212px;
}
.fv_logo.--is-hide {
  transform: translate3d(0,-25svh,0)
}
.fv_movie_btn {
  position: absolute;
  top: 78.5svh;
  right: 6.4vw;
  background: url(/-/media/tfc/lexusfs/file/common/img/lp/guide/personal/btn_movie.png) top center no-repeat;
  background-size: 90% auto;
  padding: 27vw 1vw 0;
  font-size: 2.94vw;
  transition: all 1.6s;
  opacity: 1;
  cursor: pointer;
  letter-spacing: normal;
}
@media screen and (max-width: 375px) {
  .fv_movie_btn {
    top: 74.5svh;
  }
}
@media screen and (min-width: 375px) {
  .fv_movie_btn {
    padding: 28.27vw 1vw 0;
  }
}
.fv_movie_btn.--is_1024_over {
  display: none;
}
.fv_movie_btn.--is-hide {
  opacity: 0;
}
.fv_title.--is-hide {
  opacity: 0;
}
.fv_movie_btn .modal_text {
  margin-top: 3px;
  color: #fff;
}
.fv_scroll_text_area {
  position: relative;
  padding: 45svh 24px 35vh;
  z-index: 4;
}
@media screen and (max-width: 375px) {
  .fv_scroll_text_area {
    padding-top: 38svh;
  }
}
.fv_text_area {
  display: none;
}
.fv_title {
  display: flex;
  flex-direction: column;
  background: url(/-/media/tfc/lexusfs/file/common/img/lp/guide/personal/lexus-cardface-visa.png) bottom left no-repeat;
  background-size: 33vw auto;
  padding-bottom: 24.5vw;
  transition: all 1.5s;
}
.fv_title img[src$=".svg"] {
  filter: drop-shadow(2px 2px 8px rgba(41, 25, 0, 0.8));
}
@media screen and (max-width: 1023px) {
  .fv_title {
    margin-bottom: 24.5vh;
  }
}
@media screen and (max-width: 1023px) and (min-height: 670px) {
  .fv_title {
    margin-bottom: 32.5vh;
  }
}
.fv_main_txt {
  width: 64.2vw;
  margin-bottom: 1.5vh;
  transition: all 1.5s;
}
@media screen and (max-width: 460px) {
  .--is-change .fv_title {
    padding-bottom: 17.5vw;
    background-size: 26.14vw auto;
  }
  .--is-change .fv_main_txt {
    width: 56.27vw;
  }
}
.fv_sub_txt {
  width: 60.8vw;
  margin-left: 1vw;
  transition: all 1.5s;
}
@media screen and (max-width: 460px) {
  .--is-change .fv_sub_txt {
    width: 54.67vw;
  }
}
.lede_text_area {
  display: none;
}
.fv_lede_text {
  opacity: 0;
  font-size: 4.267vw;
  line-height: 2.5;
  color: #fff;
  text-shadow: 2px 2px 8px rgba(41, 25, 0, 0.8);
}
.fv_sub_text {
  opacity: 0;
  margin-top: 6vh;
  font-size: 5.34vw;
  color: #fff;
  text-shadow: 2px 2px 8px rgba(41, 25, 0, 0.8);
}
@media screen and (min-width: 461px) and (max-width: 1023px) {
  .fv_logo img {
    width: 267px;
  }
  .fv_main_txt {
    width: 326px;
  }
  .fv_sub_txt {
    width: 312px;
  }
  .fv_lede_text {
    font-size: 23.47px;
  }
  .fv_sub_text {
    font-size: 29.33px;
  }
  .fv_scroll_text_area {
    padding-left: 35px;
    padding-right: 35px;
  }
  .fv_title .--letter_space {
    margin-left: -20px;
  }
  .fv_movie_btn {
    padding: 125px 0 0;
    font-size: 13px;
  }
}
/* main_contents
============================== */
.main_contents {
  position: relative;
  background: #fff;
  z-index: 5;
}

/* common icon style
============================== */
.limited_icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  font-size: 14px;
  line-height: 1.3;
}

/* anchor
============================== */
.anchor_area {
  position: relative;
  background: #fff;
  padding: 16px 24px;
}
.anchor_area.--fixed {
  position: fixed;
  width: 92.8vw;
  max-width: 440px;
  top: auto;
  bottom: 20px;
  left: 3.733vw;
  padding-top: 6px;
  padding-bottom: 6px;
  border-radius: 50px;
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.12);
  z-index: 8;
}
.anchor_area.--js-location-nav.--is_1023_under.--fixed.--limit {
  display: none;
}
.anchor_area.--is-content-end {
  opacity: 0;
  margin-top: 60px;
  padding-top: 6px;
  padding-bottom: 6px;
  border-radius: 50px;
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.12);
}
.anchor_area.--is-content-end.--is-display {
  opacity: 1;
}
.anchor_area::after {
  content: " ";
  position: absolute;
  top: calc(50% - 8px);
  left: calc(50% - 4px);
  width: 8px;
  height: 16px;
  background-color: #fff;
}
.anchor_area.--fixed::after,
.anchor_area.--is-content-end::after {
  display: none;
}
.anchor_list {
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
}
.--fixed .anchor_list,
.--is-content-end .anchor_list {
  flex-wrap: nowrap;
}
.anchor_list_item {
  box-sizing: border-box;
  flex-grow: 1;
  width: 49%;
  text-align: center;
  border-right: 1px solid #dcdddd;
  border-bottom: 1px solid #dcdddd;
}
.--fixed .anchor_list_item,
.--is-content-end .anchor_list_item {
  width: 23.2vw;
}
.anchor_list_item a {
  display: block;
  position: relative;
  padding: 13.5px 15px 45px;
  font-size: 13px;
  letter-spacing: 1px;
  box-sizing: border-box;
  color: #000;
}
.--fixed .anchor_list_item,
.--is-content-end .anchor_list_item {
  border: none;
}
.--fixed .anchor_list_item a,
.--is-content-end .anchor_list_item a {
  border: none;
  padding: 5.5px 0;
  border-radius: 30px;
  background: #fff;
  font-size: 9px;
  line-height: 1.2;
  letter-spacing: 0;
  transition: all 0.6s;
}
.--fixed .anchor_list_item a.--is_current,
.--is-content-end .anchor_list_item a.--is_current {
  background: linear-gradient(277.18deg, #D2FEFF 0.07%, #F6BEEF 99.93%);
}
.anchor_list_item a::before,
.anchor_list_item a::after {
  content: " ";
  position: absolute;
  bottom: 20px;
  left: calc(50% - 1px);
  width: 2px;
  height: 12px;
  border-radius: 9999px;
  background-color: #000000;
  transform-origin: 50% calc(100% - 1px);
}
.--fixed .anchor_list_item a::before,
.--fixed .anchor_list_item a::after,
.--is-content-end .anchor_list_item a::before,
.--is-content-end .anchor_list_item a::after {
  display: none;
}
.anchor_list_item a::before {
  transform: rotate(45deg);
}
.anchor_list_item a::after {
  transform: rotate(-45deg);
}
.anchor_list_item a .limited_icon {
  position: absolute;
  top: -13px;
  left: -16px;
}
.anchor_icon {
  display: block;
  width: 100%;
  margin-bottom: 8px;
}
.--fixed .anchor_list_item a .anchor_icon,
.--fixed .anchor_list_item a .limited_icon,
.--is-content-end .anchor_list_item a .anchor_icon,
.--is-content-end .anchor_list_item a .limited_icon {
  display: none;
}
.anchor_list_item.--card {
  border-right: none;
}
.anchor_list_item.--point {
  border-bottom: none;
}
.anchor_list_item.--check {
  border-bottom: none;
  border-right: none;
}
.--is_float {
  display: none;
}
.--fixed .--is_float,
.--is-content-end .--is_float {
  display: inline-block;
}

/* section
============================== */
.pc_scroll_dummy {
  display: none;
}
section.sectionWrap {
  padding: 100px 24px 120px;
}
section.sectionWrap.--firstChild {
  padding-top: 100px;
}
section.sectionWrap.--bg_white {
  background: #fff;
}
section.sectionWrap.--point_program {
  padding-top: 0;
}
section.sectionWrap.--faq {
  padding-bottom: 20px;
}
section.inner_section + section.inner_section {
  margin-top: 60px;
}
.section_heading {
  display: flex;
  flex-direction: column;
  margin-bottom: 60px;
  font-size: 28px;
  letter-spacing: 2px;
}
section.sectionWrap .lede_text {
  font-size: 15px;
  line-height: 1.8;
  letter-spacing: 0.84px;
}
@media screen and (min-width: 1024px) {
  section.sectionWrap .lede_text {
    font-size: 14px;
  }
}
.--point_program .heading_area {
  position: relative;
  height: 800px;
  margin-left: -24px;
  margin-right: -24px;
  padding: 590px 24px 30px;
  background-image: url(/-/media/tfc/lexusfs/file/common/img/lp/guide/personal/bg_point_program.png);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  /* background-attachment: fixed; */
}
.--point_program .heading_area::before {
  position: absolute;
    top: 0;
    left: 0;
    content: " ";
    display: block;
    max-width: 460px;
    width: 100%;
    height: 800px;
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.6));
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 100% auto;
    z-index: 1;
}
.--point_program .heading_area .heading_area_inner {
  position: relative;
  z-index: 2;
}
.--point_program .section_heading,
.--point_program .lede_text {
  color: #fff;
}
.section_heading .icon_awrad {
  background: url(/-/media/tfc/lexusfs/file/common/img/lp/guide/personal/ico_award_gray.svg) left top no-repeat;
  background-size: 34px auto;
  margin-top: 8px;
  padding-left: 40px;
  font-weight: 300;
}
.section_heading .icon_card {
  background: url(/-/media/tfc/lexusfs/file/common/img/lp/guide/personal/ico_lexus_card.svg) left 4px no-repeat;
  background-size: 32px auto;
  margin-top: 8px;
  padding-left: 40px;
  font-weight: 300;
}
.section_heading .icon_point {
  background: url(/-/media/tfc/lexusfs/file/common/img/lp/guide/personal/ico_point_white.svg) left 4px no-repeat;
  background-size: 32px auto;
  margin-top: 8px;
  padding-left: 40px;
  font-weight: 300;
}
.section_heading .icon_check {
  background: url(/-/media/tfc/lexusfs/file/common/img/lp/guide/personal/ico_check.svg) left 8px no-repeat;
  background-size: 24px auto;
  margin-top: 8px;
  padding-left: 35px;
  font-weight: 300;
}
.section_heading .icon_none {
  margin-top: 8px;
  font-weight: 300;
}
.section_subTitle {
  font-size: 16px;
  /* font-family: "NOLT";
  letter-spacing: 2px; */
}
.section_subTitle::before {
  content: " ";
  display: inline-block;
  margin-right: 8px;
  background: linear-gradient(283.33deg, #D2FEFF 1.12%, #F6BEEF 98.88%);
  width: 36px;
  height: 20px;
  border-radius: 3px;
}
.section_subTitle span {
  display: inline-block;
  vertical-align: top;
  margin-top: 2px;
}
.section_sub_heading {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-bottom: 40px;
  font-size: 24px;
}
.section_sub_heading .heading_caption {
  font-size: 14px;
  font-family: "NOLT";
  letter-spacing: 2px;
  color: rgb(185, 192, 194);
}

/* entry_box */
.entry_box {
  position: relative;
  margin-top: 40px;
  background: #fff;
}
.--point_program .entry_box {
  border: 1px solid #dcdddd;
}
.entry_box:first-of-type {
  margin-top: 60px;
}
.entry_box_inner {
  position: relative;
  display: flex;
  flex-direction: column;
}
.entry_box_inner::before {
  position: absolute;
  top: 0;
  left: 0;
  content: " ";
  display: block;
  width: 100%;
  height: 100%;
  background: #fff;
  background-position: left top;
  background-repeat: no-repeat;
  background-size: 100% auto;
  z-index: 1;
  opacity: 0;
  transition: opacity 1s;
}
@media (any-hover: hover), (any-pointer: coarse) {
  .entry_box_inner:hover::before {
    opacity: 0.6;
  }
}
.entry_box .entry_box_description {
  padding: 25px 30px 30px;
  font-size: 14px;
  line-height: 1.8;
  letter-spacing: 0.84px;
}
.entry_box .entry_box_link {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 20px;
  padding: 13.5px 12px 25.5px 45px;
  font-family: "LexusRodinPro-DB";
  font-size: 14px;
  font-weight: 700;
  line-height: 1.5;
}
@media screen and (max-width: 375px) {
  .entry_box .entry_box_link {
    padding-left: 30px;
  }
}
.entry_box .entry_box_link > span {
  flex-basis: 77%;
  text-align: center;
  letter-spacing: 0.56px;
}
.--point_program .entry_box_link {
  justify-content: space-between;
  gap: 0;
  border-top: 1px solid #dcdddd;
  padding: 20px 12px 18px 24px;
  font-family: "LexusRodinPro-M";
  font-weight: normal;
}
.--point_program .entry_box .entry_box_link > span {
  flex-basis: auto;
  text-decoration: underline;
}
.entry_box .limited_icon {
  position: absolute;
  top: -30px;
  left: -20px;
  flex-direction: column;
  font-size: 10px;
  letter-spacing: normal;
  z-index: 2;
}
.--point_program .entry_box .limited_icon {
  letter-spacing: -1px;
  text-align: center;
}
.entry_box .limited_icon .font-large {
  display: inline-block;
  font-size: 13px;
  font-weight: 600;
}
.entry_box .limited_icon .font-large.--num {
  font-size: 20px;
  font-weight: 700;
}
.--point_program .entry_box_image {
  margin: 12px;
}

/* recommend_contents */
.recommend_contents {
  position: relative;
  display: block;
  max-width: 460px;
  height: 480px;
  margin: 0 -24px;
  padding: 40px 30px 0;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 100% auto;
  box-sizing: border-box;
}
.recommend_contents::before {
  position: absolute;
  top: 0;
  left: 0;
  content: " ";
  display: block;
  max-width: 460px;
  width: 100%;
  height: 480px;
  background-image:linear-gradient(0deg, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.6));
  background-position: left top;
  background-repeat: no-repeat;
  background-size: 100% auto;
  z-index: 1;
}
.recommend_contents::after {
  position: absolute;
  top: 0;
  left: 0;
  content: " ";
  display: block;
  max-width: 460px;
  width: 100%;
  height: 480px;
  background-image:linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.8));
  background-position: left top;
  background-repeat: no-repeat;
  background-size: 100% auto;
  z-index: 1;
  opacity: 0;
  transition: opacity 1s;
}
.recommend_contents_inner {
  position: relative;
  z-index: 2;
}
.recommend_contents.--llhc {
  background-image:url(/-/media/tfc/lexusfs/file/common/img/lp/guide/personal/bg_service_01.png);
}
.recommend_contents.--jal {
  background-image:url(/-/media/tfc/lexusfs/file/common/img/lp/guide/personal/bg_service_02.png);
}
.recommend_contents.--lounge {
  background-image:url(/-/media/tfc/lexusfs/file/common/img/lp/guide/personal/bg_service_03.png);
}
.recommend_contents.--etc {
  background-image:url(/-/media/tfc/lexusfs/file/common/img/lp/guide/personal/bg_service_04.png);
}
.recommend_contents.--gas {
  background-image:url(/-/media/tfc/lexusfs/file/common/img/lp/guide/personal/bg_service_05.png);
}
.recommend_contents.--rent {
  background-image:url(/-/media/tfc/lexusfs/file/common/img/lp/guide/personal/bg_service_06.png);
}
.recommend_contents + .recommend_contents {
  margin-top: 2px;
}
.contents_tag {
  display: inline-block;
  background: rgb(217, 217, 217);
  padding: 3px 8px;
  font-size: 10px;
  font-weight: 700;
  color: rgb(89, 87, 87);
}
.eng_title {
  position: relative;
  margin-top: 12px;
  padding-bottom: 10px;
  color: #fff;
  font-size: 15px;
  line-height: 1.5;
}
.eng_title::before,
.eng_title::after {
  position: absolute;
  bottom: 0;
  left: 0;
  background: rgba(185, 192, 194, 1);
  content: "";
  height: 1px;
  width: 100%;
}
.eng_title::after {
  background: #fff;
  transition: .6s cubic-bezier(.645,.045,.355,1);
  width: 16.27%;
}
@media screen and (min-width: 414px) {
  .--is_414_under {
    display: none;
  }
}

@media (any-hover: hover), (any-pointer: coarse) {
  a.recommend_contents:hover {
    opacity: 1;
  }
  a.recommend_contents:hover .eng_title::after {
    width: 100%;
  }
  .recommend_contents:hover::after {
    opacity: 0.5;
  }
}
.eng_lede_text {
  margin-top: 24px;
  font-family: "LexusRodinPro-DB";
  font-size: 19px;
  line-height: 1.5;
  letter-spacing: 0.76px;
  color: #fff;
}
.eng_description {
  margin-top: 12px;
  font-family: "LexusRodinPro-M";
  font-size: 15px;
  line-height: 1.8;
  letter-spacing: 0.45px;
  color: #fff;
}
.recommend_contents_link {
  position: absolute;
  bottom: 20px;
  right: 20px;
  z-index: 1;
  opacity: 0.8;
}

/* service
============================== */
#service_slider {
  width: 100%;
  height: 100%;
}
#service_slider .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.service_slider_link {
  display: block;
}
#service_slider .swiper-slide .service_slider_content {
  position: relative;
  width: 100%;
  margin-bottom: 65px;
  padding: 24px 5px 46px;
}
.service_slider_content::before,
.service_slider_content::after {
  position: absolute;
  bottom: 0;
  left: 0;
  background: rgba(185, 192, 194, 1);
  content: "";
  height: 1px;
  width: 100%;
}
.service_slider_content::after {
  background: #000;
  transition: .6s cubic-bezier(.645,.045,.355,1);
  width: 16.27%;
}
@media (any-hover: hover), (any-pointer: coarse) {
  .service_slider_link:hover .service_slider_content::after {
    width: 100%;
  }
}
#service_slider .swiper-slide .service_slider_content .service_slider_number,
#service_slider .swiper-slide .service_slider_content .service_slider_caption .--nolt {
  font-family: "NOLT";
  letter-spacing: 2px;
}
#service_slider .swiper-slide .service_slider_content .service_slider_number {
  font-size: 16px;
  text-align: left;
}
#service_slider .swiper-slide .service_slider_content .service_slider_caption {
  height: 30px;
  margin-top: 8px;
  font-size: 18px;
  text-align: left;
}
#service_slider .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#service_slider .swiper-slide {
  width: 80%;
}
#service_slider .swiper-button-next,
#service_slider .swiper-button-prev {
  width: 48px;
  height: 48px;
  color: #000;
  border: 1px solid #000;
  border-radius: 24px;
  background-color: #fff;
  top: auto;
  bottom: 0;
}
.swiper-button-next svg,
.swiper-button-prev svg {
  width: 12px;
  height: 12px;
}
#service_slider .swiper-button-next:after,
#service_slider .swiper-button-prev:after {
  font-size: 10px;
}
#service_slider .swiper-button-next {
  right: auto;
  left: var(--swiper-navigation-sides-offset, 68px);
}
#service_slider .swiper-button-next.swiper-button-disabled,
#service_slider .swiper-button-prev.swiper-button-disabled {
  opacity: 1;
  pointer-events: auto;
}
.service_link {
  margin-top: 60px;
  text-align: center;
}
.service_link a {
  position: relative;
  display: inline-block;
  padding-bottom: 17px;
  font-size: 16px;
  font-family: "LexusRodinPro-DB";
}
.service_link a::before,
.service_link a::after {
  position: absolute;
  bottom: 0;
  left: 0;
  background: rgba(185, 192, 194, 1);
  content: "";
  height: 1px;
  width: 100%;
}
.service_link a::after {
  background: #000;
  transition: .6s cubic-bezier(.645,.045,.355,1);
  width: 16.27%;
}
@media (any-hover: hover), (any-pointer: coarse) {
  .service_link a:hover::after {
    width: 100%;
  }
}
.service_link span {
  display: inline-block;
  margin-right: 16px;
  letter-spacing: 1.6px;
}
.service_link span,
.service_link img {
  vertical-align: middle;
}

/* point
============================== */
.point_save_area {
  margin-top: 60px;
}
.--bg_gray {
  background-color: rgb(244, 244, 244);
}
.point_heading,
.point_lede_text,
.point_image {
  padding-left: 24px;
  padding-right: 24px;
}
.point_heading {
  position: relative;
  background: #98a5aa;
  padding: 8px 10px;
  font-family: "LexusRodinPro-DB";
  font-size: 20px;
  color: #fff;
  text-align: center;
  line-height: 1.65;
  letter-spacing: 0.8px;
}
.point_heading::before,
.point_heading::after {
  position: absolute;
  content: " ";
  width: 100%;
  border: 1px solid #fff;
}
.point_heading::before {
  top: 2px;
  left: 0;
}
.point_heading::after {
  bottom: 2px;
  left: 0;
}
.point_lede_text {
  margin-top: 30px;
  line-height: 1.8;
  letter-spacing: 0.84px;
}
@media screen and (min-width: 1024px) {
  .point_lede_text {
    font-size: 14px;
  }
}
.point_image {
  margin-top: 40px;
}
.point_link_area {
  margin-top: 40px;
}
.point_link a {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 12px 18px 24px;
  text-decoration: underline;
  line-height: 1.5;
  letter-spacing: 0.56px;
}
.point_link a::before,
.point_link a::after {
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
  content: "";
  height: 1px;
  width: 100%;
}
.point_link a::after {
  background: #000;
  transition: .6s cubic-bezier(.645,.045,.355,1);
  width: 0;
}
@media (any-hover: hover), (any-pointer: coarse) {
  .point_link a:hover {
    background: rgb(244, 244,244);
  }
  .point_link a:hover::after {
    width: 100%;
  }
}

/* step
============================== */
.step_flow_area {
  margin-top: 60px;
  padding: 60px 16px 60px 24px;
  background: #fff
}
.step_flow_area_inner {
  position: relative;
  padding-left: 16px;
  padding-bottom: 35px;
}
.step_flow_contents + .step_flow_contents {
  margin-top: 80px;
}
.step_flow_area_inner::after {
  position: absolute;
  content: " ";
  top: 10px;
  left: 0;
  width: 2px;
  height: 100%;
  background-image: url(/-/media/tfc/lexusfs/file/common/img/lp/guide/personal/bg_dot_line.png);
  background-position: 0 0;
  background-repeat: repeat-y;
  background-size: 2px auto;
}
.step_flow_title {
  position: relative;
  display: flex;
  flex-direction: column;
  font-size: 20px;
  font-family: "LexusRodinPro-DB";
}
.step_flow_title::after {
  content: " ";
  position: absolute;
  top: 6px;
  left: -19px;
  width: 8px;
  height: 8px;
  background-color: #fff;
  background-image: url(/-/media/tfc/lexusfs/file/common/img/lp/guide/personal/ico_circle_01.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 8px auto;
  z-index: 2;
}
/* .--step2 .step_flow_title::after,
.--step3 .step_flow_title::after {
  top: 36px;
} */
.step_flow_title .step_number {
  font-family: "NOLT";
  font-size: 16px;
  color: #b9c0c2;
}
.step_flow_title .--nolt {
  font-weight: 700;
}
.step_flow_description {
  margin-top: 16px;
  padding-left: 16px;
  font-size: 14px;
  line-height: 1.8;
  letter-spacing: 0.56px;
}
.step_flow_caution {
  margin-top: 20px;
  padding-left: 1em;
  text-indent: -1em;
  font-family: "LexusRodinPro-DB";
  font-size: 14px;
  letter-spacing: 0.56px;
}
.step_flow_link {
  margin-top: 25px;
}
.step_flow_link a {
  position: relative;
  display: flex;
  justify-content: space-between;
  padding: 20px 12px 12px 12px;
  font-size: 14px;
}
.step_flow_link a::before,
.step_flow_link a::after {
  position: absolute;
  bottom: 0;
  left: 0;
  background: rgba(185, 192, 194, 1);
  content: "";
  height: 1px;
  width: 100%;
}
.step_flow_link a::after {
  background: #000;
  transition: .6s cubic-bezier(.645,.045,.355,1);
  width: 16.27%;
}
@media (any-hover: hover), (any-pointer: coarse) {
  .step_flow_link a:hover::after {
    width: 100%;
  }
}
.step_flow_link span {
  display: inline-block;
  margin-right: 16px;
  text-decoration: underline;
  letter-spacing: 0.56px;
  line-height: 1.5;
}
.step_flow_link span,
.step_flow_link img {
  vertical-align: middle;
}

/* security
============================== */
.security_area {
  margin-top: 40px;
}
.security_box {
  position: relative;
  margin-left: -24px;
  margin-right: -24px;
}
.security_box:first-of-type {
  border-top: 1px solid #dcdddd;
}
.security_box::before,
.security_box::after {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #dcdddd;
  content: "";
  height: 1px;
  width: 100%;
}
.security_box::after {
  background: #000;
  transition: .6s cubic-bezier(.645,.045,.355,1);
  width: 0;
}
@media (any-hover: hover), (any-pointer: coarse) {
  .security_box:hover::after {
    width: 100%;
  }
}
.security_box + .security_box {
  border-top: none;
}
.security_box a {
  position: relative;
  display: block;
  padding: 42px 30px 50px;
}
.security_box a::after {
  content: " ";
  position: absolute;
  bottom: 12px;
  right: 12px;
  width: 32px;
  height: 32px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzMiIHZpZXdCb3g9IjAgMCAzMiAzMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSIxNiIgY3k9IjE2LjUiIHI9IjE1LjUiIGZpbGw9IndoaXRlIiBzdHJva2U9ImJsYWNrIi8+PGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzcxNjNfMTg0MSkiPjxwYXRoIGQ9Ik0yMS4yNSAyMS43NUgxMC43NVYxMS4yNUgxNlY5Ljc1SDEwLjc1QzkuOTI1IDkuNzUgOS4yNSAxMC40MjUgOS4yNSAxMS4yNVYyMS43NUM5LjI1IDIyLjU3NSA5LjkyNSAyMy4yNSAxMC43NSAyMy4yNUgyMS4yNUMyMi4wNzUgMjMuMjUgMjIuNzUgMjIuNTc1IDIyLjc1IDIxLjc1VjE2LjVIMjEuMjVWMjEuNzVaTTE3LjUgOS43NVYxMS4yNUgyMC4xOTI1TDEyLjgyIDE4LjYyMjVMMTMuODc3NSAxOS42OEwyMS4yNSAxMi4zMDc1VjE1SDIyLjc1VjkuNzVIMTcuNVoiIGZpbGw9ImJsYWNrIi8+PC9nPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDBfNzE2M18xODQxIj48cmVjdCB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIGZpbGw9IndoaXRlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg3IDcuNSkiLz48L2NsaXBQYXRoPjwvZGVmcz48L3N2Zz4=");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: contain;
}
.security_box_title {
  font-family: "LexusRodinPro-DB";
  font-size: 18px;
  line-height: 1.5;
  letter-spacing: 0.72px;
}
.security_box_title span {
  display: inline-block;
  vertical-align: middle;
}
.security_box_title span.security_box_icon {
  margin-right: 16px;
  vertical-align: -1px;
}
.security_box_description {
  margin-top: 24px;
  font-size: 14px;
  line-height: 1.8;
  letter-spacing: 0.84px;
}

/* faq
============================== */
.faq_area {
  margin-top: 60px;
}
.faq_box {
  border-top: 1px solid #dcdddd;
}
.faq_box_link {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 22px 0 22px 16px;
}
.faq_box_link .faq_box_icon {
  flex-basis: 38px;
  flex-shrink: 0;
  display: inline-block;
  font-size: 24px;
  font-family: "NOLT";
  letter-spacing: 2px;
}
.faq_box_link .faq_box_title {
  flex-grow: 1;
  font-size: 14px;
  letter-spacing: 0.84px;
}
.faq_box_link .faq_blank_icon {
  flex-basis: 50px;
  flex-shrink: 0;
  text-align: right;
}
.faq_box_link::before,
.faq_box_link::after {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #dcdddd;
  content: "";
  height: 1px;
  width: 100%;
}
.faq_box_link::after {
  background: #000;
  transition: .6s cubic-bezier(.645,.045,.355,1);
  width: 0;
}
@media (any-hover: hover), (any-pointer: coarse) {
  .faq_box_link:hover::after {
    width: 100%;
  }
}

/* footer
============================== */
.footer_area {
  position: relative;
  background: #fff;
  z-index: 3;
}
.footer_link_list {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
  background: #000;
  padding: 32px 24px 38px;
}
.footer_link {
  display: inline-block;
}
.footer_link a {
  display: inline-block;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTIuNjY2NyAxMi42NjY3SDMuMzMzMzNWMy4zMzMzM0g4VjJIMy4zMzMzM0MyLjYgMiAyIDIuNiAyIDMuMzMzMzNWMTIuNjY2N0MyIDEzLjQgMi42IDE0IDMuMzMzMzMgMTRIMTIuNjY2N0MxMy40IDE0IDE0IDEzLjQgMTQgMTIuNjY2N1Y4SDEyLjY2NjdWMTIuNjY2N1pNOS4zMzMzMyAyVjMuMzMzMzNIMTEuNzI2N0w1LjE3MzMzIDkuODg2NjdMNi4xMTMzMyAxMC44MjY3TDEyLjY2NjcgNC4yNzMzM1Y2LjY2NjY3SDE0VjJIOS4zMzMzM1oiIGZpbGw9IndoaXRlIi8+PC9zdmc+");
  background-position: right center;
  background-size: 16px 16px;
  background-repeat: no-repeat;
  padding-right: 20px;
  font-size: 10px;
  color: #fff;
}
.copyright {
  background:#fff url(/-/media/tfc/lexusfs/file/common/img/lp/guide/personal/img_privacy.png) 32px center no-repeat;
  background-size: 25px;
  padding: 22px 25px 22px 72px;
  font-family: "NOLT";
  font-size: 8px;
}

/* modal_overlay
============================== */
#modal_overlay {
  display:none;
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background-color:rgba(0,0,0,0.6);
  z-index:9;
}
/* modal */
body.--js_modal_fix {
  position: fixed;
  top: 0;
  padding-right: 18px;
  overflow: hidden;
}
.modal_window {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100dvh;
  background: #000;
  z-index: 10;
}
.modal_window_inner {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow-x: hidden;
  overflow-y: auto;
}
.modal_window_inner video {
  width: 100vw;
  height: 100dvh;
}
.modal_close_btn {
  position: absolute;
  top: 24px;
  right: 16px;
  width: 60px;
  text-align: center;
  z-index: 100;
  cursor: pointer;
}
.modal_close_btn .modal_close {
  display: block;
  padding-top: 65px;
  background: url(/-/media/tfc/lexusfs/file/common/img/lp/guide/personal/ico_modal_close.png) center top no-repeat;
  background-size: 60px 60px;
  font-family: "NOLT";
  font-size: 14px;
  letter-spacing: 2px;
  color: #fff;
  cursor: pointer;
}

/* 460px under layout adjust
============================== */
@media screen and (max-width: 460px) {
  .anchor_area.--js-location-nav.--is_1023_under {
    display: block;
  }
  .anchor_area.--js-location-nav.--is_1024_over {
    display: none;
  }
  .fv_sub_txt {
    margin-top: 5px;
  }
}
/* 461-1023px layout adjust
============================== */
@media screen and (min-width: 461px) and (max-width: 1023px) {
  .main_contents,
  .footer_area {
    width: 460px;
    margin: 0 auto;
  }
  .anchor_area.--fixed {
    left: calc((100vw - 445px) / 2);
  }
}

/* 1024px over layout adjust
============================== */
@media screen and (min-width: 1024px) {
  .opening_inner img {
    width: 420px;
  }
  .pc_scroll_dummy {
    display: block;
    width: 100%;
    height: 200vh;
    opacity: 0;
    visibility: hidden;
    z-index: -10;
  }
  .fv_logo {
    top: 50px;
    left: 60px;
  }
  .fv_logo img {
    width: 302px;
  }
  .fv_contents_inner {
    display: flex;
    flex-wrap: nowrap;
    background: #fff;
  }
  .fv_contents .fv_slider_wrap {
    width: auto;
  }
  .fv_contents .fv_slider_wrap::before,
  .fv_contents .fv_slider_wrap::after {
    width: calc(100vw - 260px);
  }
  #fv {
    width: calc(100vw - 260px);
  }
  .fv_scroll_text_area {
    display: none;
  }
  .fv_text_area {
    display: block;
    position: absolute;
    bottom: 180px;
    left: 60px;
    z-index: 4;
  }
  .fv_title {
    background-position: -7px top;
    background-size: 190px auto;
    padding-top: 150px;
    padding-bottom: 0;
  }
  .--is-no-scroll .fv_main_txt {
    width: 365px;
    margin-bottom: 5px;
    transition: all 1.5s;
  }
  .--is-scroll .fv_main_txt {
    width: 310px;
    transition: all 1.5s;
  }
  .--is-scroll .fv_main_txt {
    display: none;
  }
  .--is-change .--is-no-scroll .fv_main_txt {
    display: none;
  }
  .--is-change .--is-scroll .fv_main_txt {
    display: block;
  }
  .--is_1660_over .fv_main_txt {
    display: none;
  }
  .fv_sub_txt {
    width: 276px;
    margin-left: 0;
    margin-bottom: 25px;
  }
  .fv_movie_btn.--is_1023_under {
    display: none;
  }
  .fv_movie_btn.--is_1024_over {
    display: block;
    position: absolute;
    left: 60px;
    right: auto;
    top: auto;
    bottom: 50px;
    background: #fff;
    padding: 0;
    z-index: 4;
  }
  .fv_movie_btn.--is_1024_over img {
    width: 310px;
  }
  .scroll_comment {
    position: absolute;
    right: 318px;
    bottom: 0;
    height: 12.5vh;
    max-height: 120px;
    padding-right: 10px;
    font-family: "NOLT";
    font-size: 10px;
    letter-spacing: 2px;
    color: #fff;
  }
  .scroll_comment::before {
    content: "";
    display: block;
    position: absolute;
    width: 1px;
    height: 12.5vh;
    max-height: 120px;
    top: 0;
    right: 0;
    background: #fff;
    animation: scrollbarMove 3.0s ease-in-out infinite;
    margin: auto;
  }
  @keyframes scrollbarMove {
    0% {
      height: 0;
      top: 0;
    }
    30% {
      height: 100%;
    }
    100% {
      top: 100%;
    }
  }
  .fv_scroll_text_area {
    padding-top: 260px;
  }
  .anchor_area.--is_1023_under {
    display: none !important;
  }
  .anchor_area.--is_1024_over {
    display: block;
    width: 260px;
    padding: 0;
    padding-top: 30px;
    border-left: 1px solid #dcdddd;
  }
  .anchor_area::after {
    display: none;
  }
  .anchor_area.--is_1024_over .anchor_list {
    flex-direction: column;
  }
  .anchor_area.--is_1024_over .anchor_list_item {
    width: 100%;
    border-right: none;
    text-align: left;
  }
  .anchor_area.--is_1024_over .anchor_list_item a {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 23px 16px 22px 17px;
    font-size: 14px;
    font-family: "LexusRodinPro-DB";
  }
  .anchor_area.--is_1024_over .anchor_list_item a {
    border-left: 5px solid #fff;
  }
  .anchor_area.--is_1024_over .anchor_list_item a.--is_current {
    border-image: linear-gradient(to bottom, #F6BEEF, #D2FEFF) 1;
  }
  .anchor_area.--is_1024_over .anchor_list_item a::before,
  .anchor_area.--is_1024_over .anchor_list_item a::after {
    top: calc(50% - 8.5px);
    bottom: auto;
    left: auto;
    right: 40px;
  }
  .anchor_area.--is_1024_over .anchor_list_item a .limited_icon {
    position: absolute;
    top: -30px;
    left: 4px;
    width: 48px;
    height: 48px;
    font-size: 10.5px;
    line-height: 1.2;
    letter-spacing: 1px;
  }
  .anchor_area.--is_1024_over .anchor_list_item a .anchor_icon {
    display: inline-block;
    width: auto;
    margin-bottom: 0;
  }
  .anchor_area.--is_1024_over .anchor_list_item.--award {
    border-top: 1px solid #dcdddd;
  }
  .anchor_area.--is_1024_over .anchor_list_item.--point,
  .anchor_area.--is_1024_over .anchor_list_item.--check {
    border-bottom: 1px solid #dcdddd;
  }
  .anchor_area.--is-content-end {
    display: none;
  }
  .side_bnr_area {
    position: absolute;
    bottom: 24px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 0 24px;
    width: 100%;
    text-align: center;
  }
  .side_bnr_area a {
    display: block;
    position: relative;
  }
  .side_bnr_area a::before {
    position: absolute;
    top: 0;
    left: 0;
    content: " ";
    display: block;
    width: 100%;
    height: 100%;
    background: #fff;
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 100% auto;
    z-index: 1;
    opacity: 0;
    transition: opacity 1s;
  }
  .side_bnr_area a:hover::before {
    opacity: 0.6;
  }
  .contents_wrap {
    position: fixed;
    top: 0;
    right: 260px;
    width: 36.62vw;
    max-width: 460px;
    z-index: 1;
  }
  .contents_wrap.--is-absolute {
    position: absolute;
  }
  .sectionOuter {
    padding-left: 8px;
    padding-right: 8px;
    background: #fff;
  }
  section.sectionWrap.--faq {
    padding-bottom: 120px;
  }
  .main_contents {
    background: transparent;
  }
  .lede_text_area {
    display: flex;
    flex-direction: column;
    /* align-items: center; */
    justify-content: center;
    padding: 0 32px;
    width: 36.62vw;
    max-width: 460px;
    min-height: 100vh;
    background: #fff;
    transition: all 2s;
    opacity: 0;
    visibility: hidden;
    z-index: -1;
  }
  .lede_text_area.--fadeIn {
    opacity: 1 !important;
    visibility: inherit;
  }
  .fv_lede_text {
    font-size: 16px;
    line-height: 2.5;
    text-shadow: none;
    font-size: 1.56vw;
    color: #000;
    opacity: 0;
    visibility: hidden;
    transition: all 2.5s;
  }
  .fv_lede_text.--fadeIn {
    opacity: 1 !important;
    visibility: inherit;
  }
  .fv_sub_text {
    font-size: 20px;
    line-height: 1.8;
    text-shadow: none;
    font-size: 1.95vw;
    color: #000;
    opacity: 0;
    visibility: hidden;
    transition: all 2.5s;
  }
  .fv_sub_text.--fadeIn {
    opacity: 1 !important;
    visibility: inherit;
  }
  .entry_box_link,
  .point_link a {
    font-size: 14px;
  }
  .footer_area {
    padding-left: 8px;
    padding-right: 8px;
    padding-bottom: 0;
  }
  .copyright {
    margin-left: -8px;
    margin-right: -8px;
  }
}
/* 1280px over layout adjust
============================== */
@media screen and (min-width: 1280px) {
  .--is-scroll .fv_main_txt,
  .--is-change .--is-scroll .fv_main_txt {
    display: none;
  }
  .--is-change .--is-no-scroll .fv_main_txt {
    display: block;
  }
  .fv_lede_text {
    font-size: 20px;
  }
  .fv_sub_text {
    font-size: 28px;
  }
  .anchor_area.--is_1024_over {
    padding-top: 120px;
  }
}
/* 1660px over layout adjust
============================== */
@media screen and (min-width: 1660px) {
  .fv_title {
    background-size: 240px auto;
    padding-top: 190px;
  }
  .--is-no-scroll .fv_main_txt,
  .--is-change .--is-no-scroll .fv_main_txt {
    display: none;
  }
  .--is_1660_over .fv_main_txt {
    display: block;
    width: 850px;
    margin-bottom: 10px;
  }
  .fv_sub_txt {
    width: 345px;
    margin-bottom: 30px;
  }
  .fv_movie_btn.--is_1024_over img {
    width: 380px;
  }
  .fv_text_area {
    bottom: 210px;
  }
}