@charset "UTF-8";
/*-----------------------------------------

※このスタイルシートはSCSSで生成されています。
cssへの直記入はなさらないようにしてください。

-----------------------------------------*/
/* イントロページ
--------------------------------------------------*/
/* テキスト横画像
--------------------------------------------------*/
.p-special .p-special__img-wrapper {
  right: -145px;
}

/* ロゴ
--------------------------------------------------*/
.p-special-logo .p-special-logo__img {
  height: 185px;
}

/* Read more
--------------------------------------------------*/
.p-read-more.p-read-more--special .p-read-more__inner {
  background-image: url(../img/top/readomre.jpg);
}
.p-read-more.p-read-more--special .p-read-more__inner .p-read-more__link:hover {
  text-decoration: none;
}

/* スペシャルページ
--------------------------------------------------*/
/* 共通
--------------------------------------------------*/
header,
.page-special,
.page-torisetsu {
  min-width: 1280px;
}
header a, header p, header span, header div,
.page-special a,
.page-special p,
.page-special span,
.page-special div,
.page-torisetsu a,
.page-torisetsu p,
.page-torisetsu span,
.page-torisetsu div {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.05em;
  color: #221815;
}

.halt {
  font-feature-settings: "halt";
}

/* ヘッダー
--------------------------------------------------*/
header {
  position: fixed;
  top: 0;
  height: 167px;
  background-color: #fff;
  width: 100%;
  z-index: 999;
}
header .header_bg {
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
}
header .header_inner {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 36px;
}
header .header_inner .logo {
  width: 165px;
  height: auto;
  padding-right: 20px;
  border-right: solid 1px #c9c9ca;
}
header .header_inner .logo img {
  width: 100%;
  height: auto;
}
header .header_inner #nav_head .nav_list {
  padding-left: 48px;
  display: flex;
  align-items: center;
  gap: 80px;
}
header .header_inner #nav_head .nav_list li a {
  all: unset;
  font-size: 16px;
  cursor: pointer;
  transition: opacity 0.3s ease;
}
header .header_inner #nav_head .nav_list li a:hover {
  opacity: 0.7;
}

/* KV
--------------------------------------------------*/
.p-sub-mv {
  height: 842px;
}

/* イントロ
--------------------------------------------------*/
.intro .intro_top {
  padding: 50px 0 28px;
  text-align: center;
  position: relative;
}
.intro .intro_top .big_img {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%) translateX(-570px);
  height: 780px;
  overflow: hidden;
}
.intro .intro_top .big_img img {
  width: auto;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.intro .intro_top .title_txt {
  font-size: 32.35px;
  font-weight: 700;
  margin-bottom: 35px;
}
.intro .intro_top .logo_img {
  width: 460px;
  height: 190px;
  margin-inline: auto;
  margin-bottom: 30px;
}
.intro .intro_top .main_txt {
  font-size: 18px;
  line-height: 1.8;
  margin-bottom: 30px;
}
.intro .intro_top .os_wrapper {
  width: 480px;
  margin-inline: auto;
}
.intro .intro_top .os_wrapper .inner {
  border: solid 1px #000;
  border-radius: 20px;
  width: 480px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 22px;
}
.intro .intro_top .os_wrapper .inner .left_txt {
  font-size: 14px;
  line-height: 1.2;
}
.intro .intro_top .os_wrapper .inner .os_wrap {
  display: flex;
  gap: 10px;
}
.intro .intro_top .os_wrapper .inner .os_wrap .item {
  background-color: #000;
  border-radius: 10px;
  width: 144px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
}
.intro .intro_top .os_wrapper .inner .os_wrap .item span {
  color: #fff;
  font-size: 16px;
}
.intro .intro_top .os_wrapper .inner .os_wrap .item .model {
  font-size: 14px;
  letter-spacing: 0;
}
.intro .intro_top .os_wrapper .note {
  margin-top: 10px;
  text-align: right;
  color: #595757;
}
.intro .image_area .top {
  height: 200px;
  background: url(../img/special/img_area_01.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  display: grid;
  place-items: center;
}
.intro .image_area .top .img_txt {
  width: 345px;
  height: auto;
}
.intro .image_area .grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.intro .image_area .grid .item {
  height: 330px;
  position: relative;
}
.intro .image_area .grid .item .txt {
  position: absolute;
  font-size: 26px;
  letter-spacing: 0.1em;
}
.intro .image_area .grid .item .txt .small_txt {
  display: block;
  font-size: 20px;
  letter-spacing: 0.1em;
  margin-top: 20px;
}
.intro .image_area .grid .item:nth-child(1) {
  background: url(../img/special/img_area_02.jpg) no-repeat center/cover;
}
.intro .image_area .grid .item:nth-child(1) .txt {
  position: absolute;
  top: 100px;
  right: 110px;
  color: #c5db66;
}
.intro .image_area .grid .item:nth-child(1) .txt span {
  color: #c5db66;
}
.intro .image_area .grid .item:nth-child(2) {
  background: url(../img/special/img_area_03.jpg) no-repeat center/cover;
}
.intro .image_area .grid .item:nth-child(2) .txt {
  top: 100px;
  left: 58px;
  color: #cb5718;
}
.intro .image_area .grid .item:nth-child(2) .txt span {
  color: #cb5718;
}
.intro .image_area .grid .item:nth-child(3) {
  background: url(../img/special/img_area_04.jpg) no-repeat center/cover;
}
.intro .image_area .grid .item:nth-child(3) .txt {
  top: 100px;
  right: 188px;
  color: #f6c353;
}
.intro .image_area .grid .item:nth-child(3) .txt span {
  color: #f6c353;
}
.intro .image_area .grid .item:nth-child(4) {
  background: url(../img/special/img_area_05.jpg) no-repeat center/cover;
}
.intro .image_area .grid .item:nth-child(4) .txt {
  color: #df87b5;
  top: 84px;
  left: 48px;
}
.intro .image_area .grid .item:nth-child(4) .txt span {
  color: #df87b5;
}
.intro .image_area .attention {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 42px;
}
.intro .image_area .attention .left_txt {
  padding: 18px 12px 18px 0;
  border-right: solid 1px #f39939;
  line-height: 1;
  color: #f39939;
}
.intro .image_area .attention .right_txt {
  font-size: 14px;
  line-height: 1.6;
  padding-left: 18px;
  color: #f39939;
}

/* ActRideとは
--------------------------------------------------*/
#about {
  padding: 70px 0 154px;
}
#about .about_inner .top_img {
  width: 1030px;
  margin-inline: auto;
  margin-bottom: 10px;
}
#about .about_inner .top_img img {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
#about .about_inner .title_wrapper {
  width: 922px;
  margin-inline: auto;
  position: relative;
  margin-bottom: 56px;
}
#about .about_inner .title_wrapper .ttl_img {
  width: 486px;
}
#about .about_inner .title_wrapper .ttl_txt {
  position: absolute;
  top: 10px;
  left: 398px;
  font-size: 34px;
}
#about .about_inner .title_wrapper .ttl_txt .small_txt {
  display: block;
  font-size: 20px;
  margin-bottom: 20px;
}
#about .about_inner .title_wrapper .popup_wrapper {
  position: absolute;
  left: 536px;
  bottom: 8px;
  display: inline-block;
  /* チェックボックス非表示 */
  /* ボタン */
  /* ポップアップ本体 */
  /* チェックボックスがチェックされたら表示 */
  /* 閉じるボタン */
}
#about .about_inner .title_wrapper .popup_wrapper .popup-toggle {
  display: none;
}
#about .about_inner .title_wrapper .popup_wrapper .popup-open {
  background-color: #f18b1a;
  color: #fff;
  padding: 12px 25px;
  border-radius: 10px;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  transition: opacity 0.3s ease;
}
#about .about_inner .title_wrapper .popup_wrapper .popup-open:hover {
  opacity: 0.7;
}
#about .about_inner .title_wrapper .popup_wrapper .popup-window {
  position: absolute; /* ボタン直下に配置 */
  top: 100%; /* ボタン下 */
  left: 50px;
  margin-top: 8px;
  width: 300px;
  padding: 30px 30px 53px;
  background-color: #fff;
  border-radius: 16px;
  border: solid 4px #e1002a;
  box-shadow: 12px 12px 20px rgba(0, 0, 0, 0.5);
  opacity: 0;
  visibility: hidden;
  transform: translateY(-5px);
  transition: all 0.3s ease;
  z-index: 10;
}
#about .about_inner .title_wrapper .popup_wrapper .popup-window img {
  width: 131px;
  height: 23px;
  display: block;
  margin-inline: auto;
  margin-bottom: 18px;
}
#about .about_inner .title_wrapper .popup_wrapper .popup-window .txt {
  font-size: 14px;
  line-height: 1.6;
}
#about .about_inner .title_wrapper .popup_wrapper .popup-window::before, #about .about_inner .title_wrapper .popup_wrapper .popup-window::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
}
#about .about_inner .title_wrapper .popup_wrapper .popup-window::before {
  bottom: 16px;
  height: 6px;
  background-color: #0068b7;
}
#about .about_inner .title_wrapper .popup_wrapper .popup-window::after {
  bottom: 22px;
  height: 15px;
  background-color: #e1002a;
}
#about .about_inner .title_wrapper .popup_wrapper .popup-toggle:checked + .popup-open + .popup-window {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
#about .about_inner .title_wrapper .popup_wrapper .popup-close {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
}
#about .about_inner .long_txt {
  width: 922px;
  margin-inline: auto;
  font-size: 18px;
  line-height: 1.8;
  margin-bottom: 100px;
}
#about .about_inner .about_list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 80px;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
}
#about .about_inner .about_list .item {
  border: solid 5px #f39839;
  border-radius: 30px;
  position: relative;
  width: 843px;
  padding: 40px 30px 20px 140px;
}
#about .about_inner .about_list .item .left_img {
  position: absolute;
  left: -114px;
  top: -5px;
  height: 240px;
}
#about .about_inner .about_list .item .text_wrapper .ttl {
  font-size: 30px;
  font-weight: 800;
  line-height: 1.8;
  margin-bottom: 5px;
}
#about .about_inner .about_list .item .text_wrapper .ttl .small_txt {
  font-size: 25px;
  display: block;
}
#about .about_inner .about_list .item .text_wrapper .content {
  font-size: 18px;
  line-height: 1.6;
}
#about .about_inner .about_list .item:last-child {
  padding-bottom: 38px;
}
#about .about_inner .about_list .item:last-child .phone_img {
  position: absolute;
  left: 50%;
  top: 150px;
  transform: translateX(-50%) translateX(-375px);
  width: 380px;
  height: auto;
  z-index: 10;
}
#about .about_inner .about_list .item:last-child .content_wrapper .three_img {
  width: auto;
  height: 340px;
  padding-left: 100px;
  margin: 40px 0 30px;
}
#about .about_inner .about_list .item:last-child .content_wrapper .txt {
  font-size: 18px;
  line-height: 1.6;
  width: 93%;
  padding-left: 55px;
  margin-bottom: 23px;
}
#about .about_inner .about_list .item:last-child .content_wrapper .img_list {
  display: flex;
  gap: 56px;
}
#about .about_inner .about_list .item:last-child .content_wrapper .img_list .list_item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}
#about .about_inner .about_list .item:last-child .content_wrapper .img_list .list_item img {
  width: auto;
  height: 223px;
  flex-shrink: 0;
}
#about .about_inner .about_list .item:last-child .content_wrapper .img_list .list_item .ex_txt {
  font-size: 16px;
  line-height: 1.4;
  width: 284px;
}
#about .about_inner .about_list .item:last-child .content_wrapper .img_list .list_item.right .ex_txt {
  width: 260px;
}
#about .about_inner .more_btn_area {
  width: 943px;
  margin-inline: auto;
  margin-top: 88px;
  text-align: center;
  position: relative;
}
#about .about_inner .more_btn_area .more_btn {
  display: block;
  background-color: #F18B1A;
  width: 100%;
  padding: 20px 0;
  border-radius: 10px;
  transition: opacity 0.3s ease;
}
#about .about_inner .more_btn_area .more_btn img {
  width: auto;
  height: 24px;
}
#about .about_inner .more_btn_area .more_btn:hover {
  opacity: 0.7;
}
#about .about_inner .more_btn_area .danpa_img {
  position: absolute;
  width: 310px;
  left: -16px;
  top: 50%;
  transform: translateY(-46%);
}

/* セッティングについて
--------------------------------------------------*/
#setting {
  padding: 70px 0 184px;
}
#setting .setting_inner .title_wrapper {
  width: 922px;
  margin-inline: auto;
  position: relative;
  margin-bottom: 56px;
  position: relative;
}
#setting .setting_inner .title_wrapper::before {
  content: "";
  position: absolute;
  top: -25px;
  right: -12px;
  background-image: url(../img/special/setting_01.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 390px;
  height: 298px;
  z-index: 1;
}
#setting .setting_inner .title_wrapper .ttl_img {
  position: relative;
  margin-bottom: 40px;
  z-index: 10;
}
#setting .setting_inner .title_wrapper .ttl_txt {
  position: relative;
  font-size: 34px;
  line-height: 1.2;
  z-index: 10;
}
#setting .setting_inner .long_txt {
  width: 922px;
  margin-inline: auto;
  font-size: 18px;
  line-height: 1.8;
  margin-bottom: 100px;
}
#setting .setting_inner .setting_list {
  width: 922px;
  margin-inline: auto;
}
#setting .setting_inner .setting_list .item {
  margin-bottom: 120px;
}
#setting .setting_inner .setting_list .item .number {
  width: 220px;
  margin-bottom: 20px;
}
#setting .setting_inner .setting_list .item .title_img_wrapper {
  display: flex;
  height: 160px;
  margin-bottom: 35px;
}
#setting .setting_inner .setting_list .item .title_img_wrapper .left_img {
  flex-shrink: 0;
  position: relative;
}
#setting .setting_inner .setting_list .item .title_img_wrapper .left_img::before {
  content: "";
  position: absolute;
  left: -90px;
  top: 50%;
  transform: translateY(-50%);
  background-image: url(../img/special/setting_04.svg);
  width: 184px;
  height: 142px;
  z-index: 1;
}
#setting .setting_inner .setting_list .item .title_img_wrapper .left_img img {
  position: relative;
  width: auto;
  height: 100%;
  z-index: 2;
}
#setting .setting_inner .setting_list .item .title_img_wrapper .title {
  width: 100%;
  height: 100%;
  background-image: url(../img/special/setting_05.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  margin-left: -78px;
  border-radius: 25px;
}
#setting .setting_inner .setting_list .item .title_img_wrapper .title .title_txt {
  position: relative;
  font-size: 31px;
  color: #c5db66;
  padding: 60px 0 0 80px;
}
#setting .setting_inner .setting_list .item .flex_area {
  display: flex;
  gap: 60px;
}
#setting .setting_inner .setting_list .item .flex_area .left_txt {
  font-size: 17px;
  line-height: 1.4;
  padding-top: 20px;
}
#setting .setting_inner .setting_list .item .flex_area img {
  width: 500px;
}
#setting .setting_inner .setting_list .item .orange_area {
  display: flex;
  align-items: center;
  height: 87px;
}
#setting .setting_inner .setting_list .item .orange_area .left {
  position: relative;
  padding: 0 20px 0 75px;
  height: 100%;
  border-right: solid 3px #f39700;
  display: flex;
  align-items: center;
}
#setting .setting_inner .setting_list .item .orange_area .left::before {
  content: "";
  position: absolute;
  left: -58px;
  top: 50%;
  transform: translateY(-50%);
  background-image: url(../img/special/setting_07.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 142px;
  height: 114px;
}
#setting .setting_inner .setting_list .item .orange_area .left img {
  width: 215px;
}
#setting .setting_inner .setting_list .item .orange_area .right_txt {
  font-size: 20px;
  line-height: 1.6;
  color: #f39800;
  padding-left: 27px;
  white-space: nowrap;
}
#setting .setting_inner .setting_list .item:nth-child(2) .title_img_wrapper .left_img::before {
  background-image: url(../img/special/setting_11.svg);
}
#setting .setting_inner .setting_list .item:nth-child(2) .title_img_wrapper .title {
  background-image: url(../img/special/setting_12.jpg);
}
#setting .setting_inner .setting_list .item:nth-child(2) .title_img_wrapper .title .title_txt {
  color: #f6c353;
}
#setting .setting_inner .setting_list .item:nth-child(2) .orange_area .left::before {
  left: -58px;
  background-image: url(../img/special/setting_14.svg);
  width: 143px;
  height: 133px;
}
#setting .setting_inner .setting_list .item:nth-child(2) .orange_area .left img {
  width: 215px;
}
#setting .setting_inner .setting_list .item:nth-child(3) .title_img_wrapper .left_img::before {
  background-image: url(../img/special/setting_17.svg);
}
#setting .setting_inner .setting_list .item:nth-child(3) .title_img_wrapper .title {
  background-image: url(../img/special/setting_18.jpg);
}
#setting .setting_inner .setting_list .item:nth-child(3) .title_img_wrapper .title .title_txt {
  color: #cb5718;
}
#setting .setting_inner .setting_list .item:nth-child(3) .orange_area .left::before {
  left: -58px;
  background-image: url(../img/special/setting_20.svg);
  width: 116px;
  height: 113px;
}
#setting .setting_inner .setting_list .item:nth-child(3) .orange_area .left img {
  width: 215px;
}
#setting .setting_inner .setting_list .item:nth-child(4) {
  margin-bottom: 80px;
}
#setting .setting_inner .setting_list .item:nth-child(4) .title_img_wrapper .left_img::before {
  background-image: url(../img/special/setting_23.svg);
}
#setting .setting_inner .setting_list .item:nth-child(4) .title_img_wrapper .title {
  background-image: url(../img/special/setting_24.jpg);
}
#setting .setting_inner .setting_list .item:nth-child(4) .title_img_wrapper .title .title_txt {
  color: #df87b5;
}
#setting .setting_inner .setting_list .item:nth-child(4) .orange_area .left::before {
  left: -70px;
  background-image: url(../img/special/setting_26.svg);
  width: 144px;
  height: 112px;
}
#setting .setting_inner .setting_list .item:nth-child(4) .orange_area .left img {
  width: 215px;
}
#setting .setting_inner .more_btn_area {
  width: 922px;
  margin-inline: auto;
  margin-top: 88px;
  text-align: center;
  position: relative;
}
#setting .setting_inner .more_btn_area .more_btn {
  display: block;
  background-color: #F18B1A;
  width: 100%;
  padding: 20px 0;
  border-radius: 10px;
  transition: opacity 0.3s ease;
}
#setting .setting_inner .more_btn_area .more_btn img {
  width: auto;
  height: 24px;
}
#setting .setting_inner .more_btn_area .more_btn:hover {
  opacity: 0.7;
}
#setting .setting_inner .more_btn_area .handle_img {
  position: absolute;
  width: 100px;
  left: -20px;
  top: 50%;
  transform: translateY(-50%);
}

/* メッセージ
--------------------------------------------------*/
.message .message_inner .bg_img_area {
  position: relative;
}
.message .message_inner .bg_img_area .bg_img {
  width: 100vw;
}
.message .message_inner .bg_img_area .text_wrapper {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}
.message .message_inner .bg_img_area .text_wrapper img {
  width: 26vw;
  max-width: 400px;
  margin-bottom: 1.8em;
}
.message .message_inner .bg_img_area .text_wrapper .message_txt {
  color: #fff;
  font-size: 1.1vw;
  line-height: 2;
}
.message .message_inner .txt_img {
  width: 280px;
  padding: 100px 0;
  margin-inline: auto;
}

/* YouTube埋め込み
--------------------------------------------------*/
.youtube_area {
  position: relative;
  height: 600px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.youtube_area .bg_img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.youtube_area .youtube {
  position: relative;
  width: 675px;
  height: auto;
}
.youtube_area .youtube img {
  width: 100%;
}

/* 詳しくは、「ActRideのトリセツ」へ
--------------------------------------------------*/
.link_area {
  padding: 130px 0 240px;
  text-align: center;
}
.link_area .link_txt {
  font-size: 40px;
  transition: opacity 0.3s ease;
}
.link_area .link_txt:hover {
  text-decoration: none;
  opacity: 0.7;
}
.link_area .link_txt .line {
  position: relative;
}
.link_area .link_txt .line::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -8px;
  width: 95%;
  height: 3px;
  background-color: #f5a525;
}

/* トリセツページ
--------------------------------------------------*/
/* 共通
--------------------------------------------------*/
.red_txt {
  font-weight: 700 !important;
  color: #E30011 !important;
}

img {
  max-width: none;
}

/* ヘッダー
--------------------------------------------------*/
.torisetsu_header {
  height: 150px;
}
.torisetsu_header .header_inner {
  padding-top: 50px;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  position: relative;
}
.torisetsu_header .header_inner::before, .torisetsu_header .header_inner::after {
  content: "";
  position: absolute;
  background-image: url(../img/torisetsu/header_bg.svg);
  background-repeat: repeat;
  width: 100%;
  height: 44px;
}
.torisetsu_header .header_inner::before {
  left: 50%;
  transform: translateX(-152%);
}
.torisetsu_header .header_inner::after {
  right: 50%;
  transform: translateX(152%);
}
.torisetsu_header .header_inner .logo {
  width: 200px;
  height: 80px;
  border-right: solid 2px #F29600;
  display: flex;
  align-items: center;
}
.torisetsu_header .header_inner .orange_txt {
  position: absolute;
  color: #F29600;
  left: 286px;
  padding-bottom: 50px;
}
.torisetsu_header .header_inner #nav_head .nav_list {
  gap: 30px;
  padding-right: 85px;
  position: relative;
}
.torisetsu_header .header_inner #nav_head .nav_list::before {
  content: "ActRideのトリセツ";
  position: absolute;
  left: 42px;
  top: -18px;
  transform: translateY(-40%);
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.05em;
  color: #F29600;
}
.torisetsu_header .header_inner #nav_head .nav_list::after {
  content: "";
  position: absolute;
  left: 175px;
  top: -16px;
  width: 740px;
  height: 2px;
  background-color: #F29600;
}
.torisetsu_header .header_inner #nav_head .nav_list li a {
  font-size: 15px;
}

.page-torisetsu {
  position: relative;
}
.page-torisetsu .big_img {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%) translateX(-510px);
  height: 3270px;
  z-index: 2;
}

/* KV
--------------------------------------------------*/
.kv {
  margin-top: 150px;
  padding-top: 100px;
}
.kv .text_wrapper {
  margin-bottom: 80px;
  text-align: center;
}
.kv .text_wrapper .title_txt {
  width: 660px;
  margin-bottom: 50px;
}
.kv .text_wrapper .txt {
  font-size: 20px;
  line-height: 2;
}
.kv .kv_img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}

/* SYSTEM 仕組みと構造
--------------------------------------------------*/
#system {
  padding-top: 90px;
  padding-bottom: 46px;
}
#system .system_inner {
  width: 900px;
  margin-inline: auto;
  display: flex;
}
#system .system_inner .title_wrapper {
  flex: 0 0 210px;
  position: relative;
  padding-top: 80px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
#system .system_inner .title_wrapper::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  background-image: url(../img/torisetsu/bg_line.svg);
  background-repeat: repeat;
  width: 22px;
  height: calc(100% + 46px);
}
#system .system_inner .title_wrapper .inner {
  text-align: center;
}
#system .system_inner .title_wrapper .inner .title_img {
  width: 150px;
  margin-bottom: 20px;
}
#system .system_inner .title_wrapper .inner .title_txt {
  font-size: 24px;
}
#system .system_inner .title_wrapper .phone_img {
  position: absolute;
  top: 212px;
  right: -38px;
  width: 101px;
  height: 192px;
}
#system .system_inner .content_wrapper {
  padding-top: 50px;
}
#system .system_inner .content_wrapper .top_txt {
  font-size: 18px;
  line-height: 1.6;
  padding-left: 80px;
  width: 520px;
  margin-bottom: 54px;
}
#system .system_inner .content_wrapper .car_img {
  position: relative;
  margin-bottom: 300px;
}
#system .system_inner .content_wrapper .car_img img {
  width: 460px;
  margin-left: 50px;
}
#system .system_inner .content_wrapper .car_img .blue_baloon {
  position: absolute;
  left: 56px;
  top: 114px;
  width: 244px;
  height: -moz-fit-content;
  height: fit-content;
  line-height: 1.5;
  padding: 62px 0 15px 20px;
  background-image: url(../img/torisetsu/system_baloon_01.svg);
  background-repeat: no-repeat;
  background-size: 244px auto;
  z-index: 2;
}
#system .system_inner .content_wrapper .car_img .blue_baloon::before {
  content: "";
  position: absolute;
  background-image: url(../img/torisetsu/system_03.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 100px;
  height: 51px;
  right: 12px;
  bottom: 30px;
}
#system .system_inner .content_wrapper .car_img .green_baloon {
  position: absolute;
  right: 40px;
  top: 144px;
  width: 400px;
  height: -moz-fit-content;
  height: fit-content;
  line-height: 1.5;
  padding: 80px 26px 52px 200px;
  background-image: url(../img/torisetsu/system_baloon_02.svg);
  background-repeat: no-repeat;
  background-size: 400px auto;
}
#system .system_inner .content_wrapper .car_img .green_baloon::before {
  content: "";
  position: absolute;
  background-image: url(../img/torisetsu/system_04.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 260px;
  height: 217px;
  left: -6px;
  bottom: 10px;
}
#system .system_inner .content_wrapper .difference {
  margin: 100px 0 100px 56px;
}
#system .system_inner .content_wrapper .difference .title {
  display: flex;
  align-items: flex-end;
  gap: 4px;
  margin-bottom: 56px;
  padding-left: 60px;
}
#system .system_inner .content_wrapper .difference .title img {
  width: 60px;
}
#system .system_inner .content_wrapper .difference .title .title_txt {
  font-size: 24px;
  border-bottom: solid 1px #231815;
  padding-bottom: 10px;
  padding-top: 10px;
  margin-bottom: 5px;
}
#system .system_inner .content_wrapper .difference .difference_list {
  display: grid;
  gap: 56px;
}
#system .system_inner .content_wrapper .difference .difference_list .list_item .top {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 28px;
}
#system .system_inner .content_wrapper .difference .difference_list .list_item .top img {
  width: 296px;
}
#system .system_inner .content_wrapper .difference .difference_list .list_item .top .txt {
  line-height: 1.6;
  width: 210px;
}
#system .system_inner .content_wrapper .difference .difference_list .list_item .bottom .orange_txt {
  font-size: 20px;
  line-height: 1.6;
  color: #E95220;
  position: relative;
  padding-left: 20px;
  margin-bottom: 16px;
}
#system .system_inner .content_wrapper .difference .difference_list .list_item .bottom .orange_txt::before {
  content: "■";
  position: absolute;
  left: 0;
  top: 0.2em;
  font-size: 16px;
  color: #333333;
}
#system .system_inner .content_wrapper .difference .difference_list .list_item .bottom img {
  width: 500px;
}
#system .system_inner .content_wrapper .difference .difference_list .list_item:last-child .bottom {
  display: flex;
  align-items: center;
  gap: 32px;
}
#system .system_inner .content_wrapper .difference .difference_list .list_item:last-child .bottom img {
  width: 384px;
  padding-bottom: 8px;
}
#system .system_inner .content_wrapper .yellow_area {
  margin-left: 44px;
  border: solid 6px #F1E34C;
  border-radius: 40px;
  padding: 24px 34px;
  width: 600px;
  position: relative;
}
#system .system_inner .content_wrapper .yellow_area .orange_txt {
  font-size: 26px;
  line-height: 1.6;
  color: #E7541F;
  margin-bottom: 10px;
}
#system .system_inner .content_wrapper .yellow_area .orange_txt span {
  color: #E7541F;
}
#system .system_inner .content_wrapper .yellow_area .txt {
  font-size: 18px;
  line-height: 1.6;
  width: 286px;
}
#system .system_inner .content_wrapper .yellow_area img {
  position: absolute;
  width: 178px;
  top: -48px;
  right: 40px;
}

/* SETUP 初期設定
--------------------------------------------------*/
#setup {
  padding-top: 180px;
  padding-bottom: 32px;
}
#setup .setup_inner {
  width: 900px;
  margin-inline: auto;
  display: flex;
}
#setup .setup_inner .title_wrapper {
  flex: 0 0 210px;
  position: relative;
  padding-top: 34px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
#setup .setup_inner .title_wrapper::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  background-image: url(../img/torisetsu/bg_line.svg);
  background-repeat: repeat;
  background-size: cover;
  width: 22px;
  height: calc(100% + 32px);
}
#setup .setup_inner .title_wrapper .inner {
  text-align: center;
  padding-left: 16px;
}
#setup .setup_inner .title_wrapper .inner .title_img {
  width: 124px;
  margin-bottom: 20px;
}
#setup .setup_inner .title_wrapper .inner .title_txt {
  font-size: 24px;
}
#setup .setup_inner .title_wrapper .phone_img {
  position: absolute;
  top: 140px;
  left: 44px;
  width: 270px;
  max-width: none;
  height: auto;
}
#setup .setup_inner .content_wrapper {
  padding-top: 10px;
}
#setup .setup_inner .content_wrapper .top_txt {
  font-size: 18px;
  line-height: 1.6;
  padding-left: 80px;
  width: 500px;
  margin-bottom: 74px;
}
#setup .setup_inner .content_wrapper .top_txt span {
  line-height: 1.6;
}
#setup .setup_inner .content_wrapper .step {
  margin-left: 120px;
}
#setup .setup_inner .content_wrapper .step .midashi {
  font-size: 24px;
  color: #fff;
  background-color: #E95520;
  border-radius: 20px;
  padding: 20px 40px;
  margin-bottom: 46px;
}
#setup .setup_inner .content_wrapper .step .step_list .list_item .flex_area {
  display: flex;
  gap: 16px;
}
#setup .setup_inner .content_wrapper .step .step_list .list_item .flex_area .number_img {
  flex: 0 0 60px;
  height: 90px;
}
#setup .setup_inner .content_wrapper .step .step_list .list_item .flex_area .right {
  margin-top: -5px;
}
#setup .setup_inner .content_wrapper .step .step_list .list_item .flex_area .right .title {
  font-size: 22px;
  line-height: 1.5;
  color: #E95520;
  margin-bottom: 16px;
}
#setup .setup_inner .content_wrapper .step .step_list .list_item .flex_area .right .app {
  display: flex;
  gap: 16px;
  width: 372px;
  margin-bottom: 10px;
}
#setup .setup_inner .content_wrapper .step .step_list .list_item .flex_area .right .app .txt {
  font-size: 16px;
  line-height: 1.6;
}
#setup .setup_inner .content_wrapper .step .step_list .list_item .flex_area .right .app img {
  width: 80px;
  height: 80px;
}
#setup .setup_inner .content_wrapper .step .step_list .list_item .flex_area .right .txt {
  font-size: 17px;
  line-height: 1.5;
  width: 360px;
}
#setup .setup_inner .content_wrapper .step .step_list .list_item .os_wrapper {
  width: 480px;
  margin-left: 16px;
}
#setup .setup_inner .content_wrapper .step .step_list .list_item .os_wrapper .inner {
  border: solid 1px #000;
  border-radius: 20px;
  width: 480px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 22px;
}
#setup .setup_inner .content_wrapper .step .step_list .list_item .os_wrapper .inner .left_txt {
  font-size: 14px;
  line-height: 1.2;
  text-align: center;
}
#setup .setup_inner .content_wrapper .step .step_list .list_item .os_wrapper .inner .os_wrap {
  display: flex;
  gap: 10px;
}
#setup .setup_inner .content_wrapper .step .step_list .list_item .os_wrapper .inner .os_wrap .item {
  background-color: #000;
  border-radius: 10px;
  width: 144px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
}
#setup .setup_inner .content_wrapper .step .step_list .list_item .os_wrapper .inner .os_wrap .item span {
  color: #fff;
  font-size: 16px;
}
#setup .setup_inner .content_wrapper .step .step_list .list_item .os_wrapper .inner .os_wrap .item .model {
  font-size: 14px;
  letter-spacing: 0;
}
#setup .setup_inner .content_wrapper .step .step_list .list_item .os_wrapper .note {
  margin-top: 10px;
  text-align: right;
  color: #595757;
}
#setup .setup_inner .content_wrapper .step .step_list .list_item:first-child {
  margin-bottom: 44px;
}
#setup .setup_inner .content_wrapper .step .step_list .list_item:nth-child(2) {
  margin-bottom: 70px;
}

/* HOW TO 基本操作
--------------------------------------------------*/
#how-to {
  padding-top: 92px;
  padding-bottom: 192px;
}
#how-to .how-to_inner {
  width: 900px;
  margin-inline: auto;
  display: flex;
}
#how-to .how-to_inner .title_wrapper {
  flex: 0 0 210px;
  position: relative;
  padding-top: 76px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
#how-to .how-to_inner .title_wrapper::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  background-image: url(../img/torisetsu/bg_line.svg);
  background-repeat: repeat;
  width: 22px;
  height: calc(100% + 192px);
}
#how-to .how-to_inner .title_wrapper .inner {
  text-align: center;
}
#how-to .how-to_inner .title_wrapper .inner .title_img {
  width: 172px;
  margin-bottom: 20px;
}
#how-to .how-to_inner .title_wrapper .inner .title_txt {
  font-size: 24px;
}
#how-to .how-to_inner .title_wrapper .phone_img_01,
#how-to .how-to_inner .title_wrapper .phone_img_02,
#how-to .how-to_inner .title_wrapper .phone_img_03 {
  position: absolute;
  max-width: none;
  height: auto;
}
#how-to .how-to_inner .title_wrapper .phone_img_01 {
  top: 282px;
  left: 87px;
  width: 310px;
}
#how-to .how-to_inner .title_wrapper .phone_img_02 {
  top: 960px;
  left: 44px;
  width: 288px;
}
#how-to .how-to_inner .title_wrapper .phone_img_03 {
  width: 274px;
  left: 100px;
  bottom: -20px;
}
#how-to .how-to_inner .content_wrapper {
  padding-top: 56px;
}
#how-to .how-to_inner .content_wrapper .top_txt {
  font-size: 18px;
  line-height: 1.6;
  padding-left: 80px;
  width: 533px;
  margin-bottom: 44px;
}
#how-to .how-to_inner .content_wrapper .top_txt span {
  line-height: 1.6;
}
#how-to .how-to_inner .content_wrapper .step {
  margin-left: 28px;
}
#how-to .how-to_inner .content_wrapper .step .midashi {
  font-size: 24px;
  color: #fff;
  background-color: #E95520;
  border-radius: 20px;
  padding: 20px 34px;
  margin-bottom: 60px;
  width: -moz-fit-content;
  width: fit-content;
}
#how-to .how-to_inner .content_wrapper .step .midashi span {
  color: #fff;
}
#how-to .how-to_inner .content_wrapper .step .step_list {
  margin-left: 97px;
}
#how-to .how-to_inner .content_wrapper .step .step_list .list_item .flex_area {
  display: flex;
  gap: 16px;
}
#how-to .how-to_inner .content_wrapper .step .step_list .list_item .flex_area .number_img {
  flex: 0 0 60px;
  height: 90px;
}
#how-to .how-to_inner .content_wrapper .step .step_list .list_item .flex_area .right {
  margin-top: -5px;
}
#how-to .how-to_inner .content_wrapper .step .step_list .list_item .flex_area .right .title {
  font-size: 22px;
  line-height: 1.5;
  color: #E95520;
  margin-bottom: 16px;
}
#how-to .how-to_inner .content_wrapper .step .step_list .list_item .flex_area .right .txt {
  font-size: 17px;
  line-height: 1.5;
  width: 360px;
}
#how-to .how-to_inner .content_wrapper .step .step_list .list_item .flex_area .right .text_wrapper {
  margin-top: 52px;
}
#how-to .how-to_inner .content_wrapper .step .step_list .list_item .flex_area .right .text_wrapper .orange_txt {
  font-size: 20px;
  line-height: 1.6;
  color: #E95520;
  margin-bottom: 22px;
  position: relative;
}
#how-to .how-to_inner .content_wrapper .step .step_list .list_item .flex_area .right .text_wrapper .orange_txt::after {
  content: "";
  position: absolute;
  left: -16px;
  top: 68px;
  background-color: #F1E34C;
  width: 390px;
  height: 4px;
}
#how-to .how-to_inner .content_wrapper .step .step_list .list_item .flex_area .right .text_wrapper .txt {
  width: 373px;
}
#how-to .how-to_inner .content_wrapper .step .step_list .list_item .customization_list_area {
  margin-top: 76px;
}
#how-to .how-to_inner .content_wrapper .step .step_list .list_item .customization_list_area .yellow_title {
  background-color: #F1E34C;
  display: grid;
  place-items: center;
  border-radius: 8px 8px 0 0;
  width: 534px;
  padding: 8px 0 2px;
  margin-inline: auto;
}
#how-to .how-to_inner .content_wrapper .step .step_list .list_item .customization_list_area .yellow_title img {
  width: 494px;
}
#how-to .how-to_inner .content_wrapper .step .step_list .list_item .customization_list_area .customization_list {
  border: solid 6px #F1E34C;
  border-radius: 40px;
}
#how-to .how-to_inner .content_wrapper .step .step_list .list_item .customization_list_area .customization_list .list_item {
  margin-bottom: 0;
  padding: 54px 40px;
  border-bottom: solid 2px #F1E34C;
}
#how-to .how-to_inner .content_wrapper .step .step_list .list_item .customization_list_area .customization_list .list_item .title {
  margin-bottom: 20px;
  padding: 0 20px;
}
#how-to .how-to_inner .content_wrapper .step .step_list .list_item .customization_list_area .customization_list .list_item .title img {
  width: 314px;
  margin-bottom: 8px;
}
#how-to .how-to_inner .content_wrapper .step .step_list .list_item .customization_list_area .customization_list .list_item .title .title_txt {
  font-size: 22px;
  color: #E7541F;
}
#how-to .how-to_inner .content_wrapper .step .step_list .list_item .customization_list_area .customization_list .list_item .title .title_txt .small_txt {
  font-size: 20px;
  color: #E7541F;
}
#how-to .how-to_inner .content_wrapper .step .step_list .list_item .customization_list_area .customization_list .list_item .txt {
  font-size: 17px;
  line-height: 1.6;
  padding: 0 20px;
  margin-bottom: 20px;
}
#how-to .how-to_inner .content_wrapper .step .step_list .list_item .customization_list_area .customization_list .list_item .image_area img {
  width: 550px;
  margin-bottom: 12px;
}
#how-to .how-to_inner .content_wrapper .step .step_list .list_item .customization_list_area .customization_list .list_item .image_area .text_wrapper .top {
  display: flex;
  gap: 84px;
  padding-left: 34px;
  position: relative;
}
#how-to .how-to_inner .content_wrapper .step .step_list .list_item .customization_list_area .customization_list .list_item .image_area .text_wrapper .top::before {
  content: "";
  position: absolute;
  top: 10px;
  left: 50%;
  transform: translateX(-56%);
  background-image: url(../img/torisetsu/how-to_05.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 106px;
  height: 25px;
}
#how-to .how-to_inner .content_wrapper .step .step_list .list_item .customization_list_area .customization_list .list_item .image_area .text_wrapper .top .center_item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 194px;
  border-bottom: solid 1px #E95220;
  padding-bottom: 8px;
  margin-bottom: 12px;
}
#how-to .how-to_inner .content_wrapper .step .step_list .list_item .customization_list_area .customization_list .list_item .image_area .text_wrapper .top .center_item .orange_txt {
  color: #E95220;
  line-height: 1.6;
}
#how-to .how-to_inner .content_wrapper .step .step_list .list_item .customization_list_area .customization_list .list_item .image_area .text_wrapper .top .center_item .orange_txt .big_txt {
  font-size: 17px;
  color: #E95220;
}
#how-to .how-to_inner .content_wrapper .step .step_list .list_item .customization_list_area .customization_list .list_item .image_area .text_wrapper .bottom {
  display: flex;
  gap: 56px;
  padding-left: 34px;
}
#how-to .how-to_inner .content_wrapper .step .step_list .list_item .customization_list_area .customization_list .list_item .image_area .text_wrapper .bottom .list {
  display: grid;
  gap: 10px;
  width: 220px;
}
#how-to .how-to_inner .content_wrapper .step .step_list .list_item .customization_list_area .customization_list .list_item .image_area .text_wrapper .bottom .list .item {
  line-height: 1.5;
  position: relative;
  padding-left: 1em;
  white-space: nowrap;
}
#how-to .how-to_inner .content_wrapper .step .step_list .list_item .customization_list_area .customization_list .list_item .image_area .text_wrapper .bottom .list .item::before {
  content: "・";
  position: absolute;
  left: 0;
  top: 0;
}
#how-to .how-to_inner .content_wrapper .step .step_list .list_item .customization_list_area .customization_list .list_item .image_area .text_wrapper .bottom .list .note {
  font-size: 12px;
}
#how-to .how-to_inner .content_wrapper .step .step_list .list_item .customization_list_area .customization_list .list_item:last-child {
  border-bottom: none;
}
#how-to .how-to_inner .content_wrapper .step .step_list .list_item:first-child {
  margin-bottom: 64px;
}
#how-to .how-to_inner .content_wrapper .step .step_list .list_item:nth-child(2) {
  margin-bottom: 100px;
}
#how-to .how-to_inner .content_wrapper .step .step_list .list_item:nth-child(2) .right .title {
  margin-bottom: 32px;
}
#how-to .how-to_inner .content_wrapper .step .step_list .list_item:nth-child(2) .right .txt {
  width: 393px;
  margin-top: 20px;
}
#how-to .how-to_inner .content_wrapper .step .step_list .list_item:nth-child(2) .right .txt .red_txt {
  line-height: 1.6;
  color: #E50012 !important;
}
#how-to .how-to_inner .content_wrapper .step .step_list .list_item:last-child .right .title {
  margin-bottom: 50px;
}
#how-to .how-to_inner .content_wrapper .step .step_list .list_item:last-child .right .txt {
  width: 392px;
  margin-bottom: 10px;
}
#how-to .how-to_inner .content_wrapper .step .step_list .list_item:last-child .right img {
  width: 350px;
}

/* For YOUR CARLIFE こんなあなたに
--------------------------------------------------*/
#for-your-carlife {
  padding-top: 124px;
  padding-bottom: 120px;
}
#for-your-carlife .for-your-carlife_inner {
  width: 900px;
  margin-inline: auto;
  display: flex;
}
#for-your-carlife .for-your-carlife_inner .title_wrapper {
  flex: 0 0 210px;
  position: relative;
  padding-top: 40px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
#for-your-carlife .for-your-carlife_inner .title_wrapper::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  background-image: url(../img/torisetsu/bg_line.svg);
  background-repeat: repeat;
  width: 22px;
  height: calc(100% + 120px);
}
#for-your-carlife .for-your-carlife_inner .title_wrapper .inner {
  text-align: left;
}
#for-your-carlife .for-your-carlife_inner .title_wrapper .inner .title_img {
  width: 162px;
  margin-bottom: 20px;
}
#for-your-carlife .for-your-carlife_inner .title_wrapper .inner .title_txt {
  font-size: 24px;
  line-height: 1.6;
}
#for-your-carlife .for-your-carlife_inner .content_wrapper {
  padding-top: 90px;
}
#for-your-carlife .for-your-carlife_inner .content_wrapper .top_txt {
  font-size: 18px;
  line-height: 1.6;
  padding-left: 80px;
  margin-bottom: 86px;
  width: 532px;
}
#for-your-carlife .for-your-carlife_inner .content_wrapper .carlife_list {
  display: grid;
  gap: 94px;
}
#for-your-carlife .for-your-carlife_inner .content_wrapper .carlife_list .list_item .voice_wrapper {
  margin-left: -30px;
  position: relative;
  width: 590px;
  margin-bottom: 36px;
}
#for-your-carlife .for-your-carlife_inner .content_wrapper .carlife_list .list_item .voice_wrapper img {
  position: absolute;
  left: -40px;
  width: 128px;
  height: 128px;
  z-index: 2;
}
#for-your-carlife .for-your-carlife_inner .content_wrapper .carlife_list .list_item .voice_wrapper .text_area {
  height: 128px;
  background-color: #E0002A;
  border-radius: 26px;
  display: flex;
  align-items: center;
  position: relative;
  padding-left: 112px;
}
#for-your-carlife .for-your-carlife_inner .content_wrapper .carlife_list .list_item .voice_wrapper .text_area::after {
  content: "";
  position: absolute;
  right: -104px;
  bottom: 0;
  background-image: url(../img/torisetsu/for-your-carlife_02.svg);
  background-repeat: no-repeat;
  width: 162px;
  height: 125px;
}
#for-your-carlife .for-your-carlife_inner .content_wrapper .carlife_list .list_item .voice_wrapper .text_area .txt {
  font-family: "Zen Maru Gothic", sans-serif;
  font-size: 19px;
  line-height: 1.6;
  color: #fff;
}
#for-your-carlife .for-your-carlife_inner .content_wrapper .carlife_list .list_item .flex_area {
  display: flex;
  gap: 8px;
  padding-left: 80px;
  margin-bottom: 5px;
}
#for-your-carlife .for-your-carlife_inner .content_wrapper .carlife_list .list_item .flex_area .txt {
  font-size: 17px;
  line-height: 1.6;
  width: 287px;
}
#for-your-carlife .for-your-carlife_inner .content_wrapper .carlife_list .list_item .flex_area img {
  width: 300px;
  height: auto;
  margin-top: -5px;
}
#for-your-carlife .for-your-carlife_inner .content_wrapper .carlife_list .list_item .baloon_area {
  display: flex;
  gap: 24px;
  padding-left: 44px;
}
#for-your-carlife .for-your-carlife_inner .content_wrapper .carlife_list .list_item .baloon_area img {
  width: 126px;
}
#for-your-carlife .for-your-carlife_inner .content_wrapper .carlife_list .list_item .baloon_area .baloon {
  background-color: #E95520;
  border-radius: 20px;
  width: 460px;
  height: 80px;
  display: grid;
  place-items: center;
  position: relative;
}
#for-your-carlife .for-your-carlife_inner .content_wrapper .carlife_list .list_item .baloon_area .baloon::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 4px;
  border-style: solid;
  border-width: 10px 22px 10px 0;
  border-color: transparent #E95520 transparent transparent;
  translate: -100% -50%;
}
#for-your-carlife .for-your-carlife_inner .content_wrapper .carlife_list .list_item .baloon_area .baloon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 4px;
  border-style: solid;
  border-width: 7.8px 17.2px 7.8px 0;
  border-color: transparent #E95520 transparent transparent;
  translate: -100% -50%;
}
#for-your-carlife .for-your-carlife_inner .content_wrapper .carlife_list .list_item .baloon_area .baloon .txt {
  font-family: "Zen Maru Gothic", sans-serif;
  font-size: 16px;
  line-height: 1.5;
  color: #fff;
}
#for-your-carlife .for-your-carlife_inner .content_wrapper .carlife_list .list_item:nth-child(2) .voice_wrapper .text_area {
  background-color: #0068B6;
}
#for-your-carlife .for-your-carlife_inner .content_wrapper .carlife_list .list_item:nth-child(2) .voice_wrapper .text_area::after {
  right: -87px;
  bottom: 2px;
  background-image: url(../img/torisetsu/for-your-carlife_05.svg);
  width: 128px;
  height: 125px;
}
#for-your-carlife .for-your-carlife_inner .content_wrapper .carlife_list .list_item:nth-child(2) .flex_area {
  display: flex;
  gap: 20px;
  padding-left: 80px;
  margin-bottom: 5px;
}
#for-your-carlife .for-your-carlife_inner .content_wrapper .carlife_list .list_item:nth-child(2) .flex_area .txt .red {
  color: #E50012;
}
#for-your-carlife .for-your-carlife_inner .content_wrapper .carlife_list .list_item:nth-child(2) .flex_area img {
  width: 240px;
  height: auto;
  margin-top: -10px;
}
#for-your-carlife .for-your-carlife_inner .content_wrapper .carlife_list .list_item:nth-child(2) .point {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 16px;
  padding-left: 126px;
}
#for-your-carlife .for-your-carlife_inner .content_wrapper .carlife_list .list_item:nth-child(2) .point .left {
  display: flex;
  align-items: center;
  gap: 2px;
  height: 92px;
  padding-right: 12px;
  border-right: solid 2px #E9551E;
}
#for-your-carlife .for-your-carlife_inner .content_wrapper .carlife_list .list_item:nth-child(2) .point .left .asterisk {
  font-size: 16px;
}
#for-your-carlife .for-your-carlife_inner .content_wrapper .carlife_list .list_item:nth-child(2) .point .left img {
  width: 44px;
}
#for-your-carlife .for-your-carlife_inner .content_wrapper .carlife_list .list_item:nth-child(2) .point .right {
  display: flex;
  gap: 14px;
}
#for-your-carlife .for-your-carlife_inner .content_wrapper .carlife_list .list_item:nth-child(2) .point .right .orange_txt {
  line-height: 1.4;
  color: #E95520;
  width: 322px;
  padding: 6px 0;
}
#for-your-carlife .for-your-carlife_inner .content_wrapper .carlife_list .list_item:nth-child(2) .point .right img {
  width: 154px;
}
#for-your-carlife .for-your-carlife_inner .content_wrapper .carlife_list .list_item:nth-child(3) .voice_wrapper .text_area::after {
  right: -82px;
  bottom: -4px;
  background-image: url(../img/torisetsu/for-your-carlife_09.svg);
  width: 124px;
  height: 120px;
}
#for-your-carlife .for-your-carlife_inner .content_wrapper .carlife_list .list_item:nth-child(4) .voice_wrapper .text_area {
  background-color: #0068B6;
}
#for-your-carlife .for-your-carlife_inner .content_wrapper .carlife_list .list_item:nth-child(4) .voice_wrapper .text_area::after {
  right: -86px;
  bottom: 8px;
  background-image: url(../img/torisetsu/for-your-carlife_12.svg);
  width: 145px;
  height: 112px;
}
#for-your-carlife .for-your-carlife_inner .content_wrapper .carlife_list .list_item:nth-child(4) .flex_area {
  gap: 0;
}
#for-your-carlife .for-your-carlife_inner .content_wrapper .carlife_list .list_item:nth-child(4) .flex_area img {
  width: 352px;
}
#for-your-carlife .for-your-carlife_inner .content_wrapper .carlife_list .list_item:nth-child(5) .voice_wrapper .text_area::after {
  right: -96px;
  bottom: 4px;
  background-image: url(../img/torisetsu/for-your-carlife_15.svg);
  width: 154px;
  height: 120px;
}
#for-your-carlife .for-your-carlife_inner .content_wrapper .carlife_list .list_item:nth-child(5) .flex_area {
  gap: 5px;
  margin-bottom: 20px;
}
#for-your-carlife .for-your-carlife_inner .content_wrapper .carlife_list .list_item:nth-child(5) .flex_area img {
  width: 328px;
}

/* SILENT&SAFETY 静寂性/安全性
--------------------------------------------------*/
#silent-safety {
  padding-top: 116px;
  padding-bottom: 40px;
}
#silent-safety .silent-safety_inner {
  width: 900px;
  margin-inline: auto;
  display: flex;
}
#silent-safety .silent-safety_inner .title_wrapper {
  flex: 0 0 210px;
  position: relative;
  padding-top: 80px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
#silent-safety .silent-safety_inner .title_wrapper::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  background-image: url(../img/torisetsu/bg_line.svg);
  background-repeat: repeat;
  background-size: cover;
  width: 22px;
  height: calc(100% + 40px);
}
#silent-safety .silent-safety_inner .title_wrapper .inner {
  text-align: center;
  padding-left: 20px;
}
#silent-safety .silent-safety_inner .title_wrapper .inner .title_img {
  width: 142px;
  margin-bottom: 20px;
}
#silent-safety .silent-safety_inner .title_wrapper .inner .title_txt {
  font-size: 24px;
  line-height: 1.6;
}
#silent-safety .silent-safety_inner .content_wrapper {
  padding-top: 48px;
}
#silent-safety .silent-safety_inner .content_wrapper .top_txt {
  font-size: 18px;
  line-height: 1.6;
  padding-left: 80px;
  margin-bottom: 48px;
  width: 530px;
}
#silent-safety .silent-safety_inner .content_wrapper .top_txt span {
  line-height: 1.6;
}
#silent-safety .silent-safety_inner .content_wrapper .flex_area {
  display: flex;
  gap: 14px;
  padding-left: 20px;
}
#silent-safety .silent-safety_inner .content_wrapper .flex_area .left_img {
  width: 142px;
  height: -moz-fit-content;
  height: fit-content;
  padding-top: 20px;
}
#silent-safety .silent-safety_inner .content_wrapper .flex_area .point_list {
  display: grid;
  gap: 28px;
}
#silent-safety .silent-safety_inner .content_wrapper .flex_area .point_list .list_item .title {
  display: flex;
  align-items: flex-end;
  gap: 20px;
  padding-bottom: 4px;
  border-bottom: solid 1px #E95520;
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: 20px;
}
#silent-safety .silent-safety_inner .content_wrapper .flex_area .point_list .list_item .title img {
  width: 60px;
}
#silent-safety .silent-safety_inner .content_wrapper .flex_area .point_list .list_item .title .orange_txt {
  font-size: 20px;
  color: #E95520;
}
#silent-safety .silent-safety_inner .content_wrapper .flex_area .point_list .list_item .txt {
  font-size: 17px;
  font-weight: 500;
  line-height: 1.5;
  width: 428px;
}
#silent-safety .silent-safety_inner .content_wrapper .flex_area .point_list .list_item:last-child .txt {
  width: 420px;
}

/* INPRESSION&TEST インプレッション
--------------------------------------------------*/
#inpression {
  padding-top: 100px;
  padding-bottom: 48px;
}
#inpression .inpression_inner {
  width: 900px;
  margin-inline: auto;
  display: flex;
}
#inpression .inpression_inner .title_wrapper {
  flex: 0 0 210px;
  position: relative;
  padding-top: 80px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
#inpression .inpression_inner .title_wrapper::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  background-image: url(../img/torisetsu/bg_line.svg);
  background-repeat: repeat;
  background-size: cover;
  width: 22px;
  height: calc(100% + 48px);
}
#inpression .inpression_inner .title_wrapper .inner {
  text-align: center;
  margin-left: -46px;
}
#inpression .inpression_inner .title_wrapper .inner .title_img {
  width: 200px;
  margin-bottom: 20px;
}
#inpression .inpression_inner .title_wrapper .inner .title_txt {
  font-size: 24px;
  line-height: 1.6;
  padding-left: 22px;
}
#inpression .inpression_inner .content_wrapper {
  padding-top: 60px;
}
#inpression .inpression_inner .content_wrapper .youtube_list {
  padding-left: 42px;
  display: grid;
  gap: 66px;
}
#inpression .inpression_inner .content_wrapper .youtube_list .list_item .title_txt {
  font-size: 24px;
  margin-bottom: 20px;
}
#inpression .inpression_inner .content_wrapper .youtube_list .list_item .youtube_wrapper {
  width: 600px;
}
#inpression .inpression_inner .content_wrapper .youtube_list .list_item .youtube_wrapper .youtube img {
  width: 100%;
}

.btn_area {
  padding: 150px 0 108px;
  text-align: center;
}
.btn_area img {
  width: 400px;
  height: auto;
  margin-bottom: 20px;
}
.btn_area .btn_wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 30px;
}
.btn_area .btn_wrapper .btn {
  font-size: 20px;
  color: #fff;
  display: grid;
  place-items: center;
  height: 56px;
  transition: opacity 0.3s ease;
}
.btn_area .btn_wrapper .btn:hover {
  text-decoration: none;
  opacity: 0.7;
}
.btn_area .btn_wrapper .car-model_btn {
  background-color: #231815;
  border-radius: 20px;
  width: 430px;
}
.btn_area .btn_wrapper .after-follow_btn {
  background-color: #717071;
  border-radius: 22px;
  width: 320px;
}

.top_link {
  padding-bottom: 54px;
  text-align: center;
}
.top_link .link {
  transition: opacity 0.3s ease;
}
.top_link .link:hover {
  opacity: 0.7;
}
.top_link .link img {
  width: 70px;
  height: auto;
}

.last {
  position: relative;
  height: 670px;
  display: grid;
  place-items: center;
  margin-bottom: 116px;
}
.last .bg_img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.last .item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 46px;
  position: relative;
}
.last .item .message_img {
  width: 342px;
}
.last .item .logo {
  width: 488px;
}