@charset "utf-8";
/*=============
　　トップページ
=============*/
/*== MV ==*/
#mv {
  padding-top: 90px;
  padding-bottom: 50px;
  position: relative;
  background-color: #f7f5ef;
}
.mv_img img {
  max-width: 1920px;
  width: 95%;
  margin: 0 auto;
  display: block;
}
.mv_box {
  position: absolute;
  top: 90px;
  left: 50%;
  transform: translateX(-50%);
  padding-top: 200px;
  text-align: center;
  max-width: 875px;
  /* width: 45.573%; */
}
.mv_txt01 {
  font-size: 36px;
  font-size: 2.25rem;
  font-weight: bold;
}
.mv_txt01 span {
  position: relative;
}
.mv_txt01 .t_01 {
  display: inline-block;
}
.mv_txt01 .t_01:before {
  content: "";
  position: absolute;
  top: -47px;
  right: 56px;
  background-image: url(../../img/public/top/pc/t_02.svg);
  background-repeat: no-repeat;
  background-size: 105px;
  width: 105px;
  height: 35px;
}
.mv_txt01 .t_02 {
  display: inline-block;
  margin-left: 50px;
}
.mv_txt01 .t_02:before {
  content: "";
  position: absolute;
  top: -47px;
  right: 59px;
  background-image: url(../../img/public/top/pc/t_01.svg);
  background-repeat: no-repeat;
  background-size: 105px;
  width: 105px;
  height: 35px;
}

.mv_txt02 {
  font-size: 62px;
  font-size: 3.875rem;
  font-weight: bold;
  line-height: 1;
  margin-top: 40px;
}
.mv_ttl {
  margin-top: 45px;
  max-width: 880px;
  width: 100%;
}
.mv_btn {
  margin-top: 80px;
  justify-content: center;
}
.mv_btn > div {
}
.mv_btn > div.buy_btn {
  margin-left: 50px;
}
.mv_btn > div a {
  width: 220px;
  height: 60px;
  display: inline-block;
  line-height: 60px;
  font-size: 1.2rem;
  font-weight: bold;
  color: #fff;
  border-radius: 50px;
}
.mv_btn > div.sell_btn a {
  background-color: #7fbe25;
}
.mv_btn > div.buy_btn a {
  background-color: #f6ab00;
  margin-left: 50px;
}
.mv_btn > div a:hover {
  opacity: 0.6;
}

/*== オープン記念バナー ==*/
.open_banner {
    /* width: 1000px; */
    /* max-width: 100%; */
    width: 69.5313%;
    max-width: 1335px;
    margin: 80px auto 0;
}
.open_banner img {
    border-radius: 15px;
    /* border: 2px solid #333; */
    /* box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); */
}

/*== マッチメーカーとは ==*/
#intro {
  padding-top: 120px;
}
.intro_contents01 {
  padding-bottom: 120px;
}
.intro_contents01 .flex_box {
  max-width: 1335px;
  width: 69.5313%;
  margin: 0 auto;
  margin-top: 150px;
  align-items: flex-start;
}
.intro_contents01 .img_photo {
  max-width: 610px;
  width: 45.0184%;
  border-radius: 50px;
  overflow: hidden;
}
.intro_contents01 .intro_box {
  max-width: 725px;
  width: 54.3072%;
  padding-left: 65px;
  padding-left: 4.869%;
}
.intro_contents01 .intro_box h4 {
  font-size: 36px;
  font-weight: bold;
  margin-top: 75px;
}
.intro_contents01 .intro_box p {
  margin-top: 65px;
  line-height: 1.75;
}
#intro .matchmaker-about-table__wrap {
  margin-top: 32px;
  overflow-x: auto;
}
#intro .matchmaker-about-table {
  width: 100%;
  min-width: 480px;
  border-collapse: collapse;
  color: #000;
  font-size: 16px;
}
#intro .matchmaker-about-table th,
#intro .matchmaker-about-table td {
  border: 1px solid #3a4350;
  padding: 10px 12px;
  vertical-align: middle;
  line-height: 1.4;
}
#intro .matchmaker-about-table thead th {
  background: #3a4350;
  color: #fff;
  font-weight: 700;
  text-align: center;
}
#intro .matchmaker-about-table tbody th {
  font-weight: 400;
  text-align: left;
  white-space: nowrap;
}
#intro .matchmaker-about-table tbody td {
  text-align: center;
  white-space: nowrap;
}
#intro .matchmaker-about-table tbody tr:nth-child(even) th,
#intro .matchmaker-about-table tbody tr:nth-child(even) td {
  background: #f5f8fc;
}
@media (min-width: 1025px) {
  #intro .matchmaker-about-sticky {
    position: sticky;
    top: 100px;
  }
}

.intro_box02 {
  padding-top: 120px;
  padding-bottom: 120px;
  background-color: #f7f5ef;
}
.intro_box02 > div {
  justify-content: space-around;
  align-items: center;
  max-width: 1250px;
  width: 65.1042%;
  margin: 0 auto;
}
.intro_box02 .sell_box {
  max-width: 345px;
  width: 27.6%;
}
.intro_box02 .match_box {
  max-width: 205px;
  width: 16.4%;
}
.intro_box02 .buy_box {
  max-width: 345px;
  width: 27.6%;
}
.intro_box02 p {
  text-align: center;
  font-size: 35px;
  line-height: 2;
  margin-top: 50px;
}

/*== こんな人へオススメ ==*/
#osusume {
  padding-top: 120px;
  padding-bottom: 120px;
}
.osusume_list {
  max-width: 1440px;
  margin: 0 auto;
  margin-top: 150px;
}
.osusume_list li {
  max-width: 378px;
  width: 26.25%;
}
.osusume_list li + li {
  margin-left: 153px;
  margin-left: 10.625%;
}
.osusume_list li h4 {
  margin-top: 50px;
  text-align: center;
  font-size: 28px;
  font-weight: bold;
}

/*== Match Me Carのメリット ==*/
#merit {
  padding-top: 120px;
  padding-bottom: 120px;
  background-color: #f7f5ef;
}
.merit_list {
  max-width: 1440px;
  margin: 0 auto;
  margin-top: 200px;
}
.merit_list > div {
  width: 50%;
  padding-bottom: 80px;
}
.merit_list > div h4 {
  text-align: center;
  font-size: 36px;
  font-weight: bold;
  position: relative;
  max-width: 600px;
  width: 83.3334%;
}
.merit_list > .buy_box h4 {
  margin: 0 0 0 auto;
}
.merit_list > div h4:before {
  content: "";
  position: absolute;
  top: -75px;
  left: 50%;
  transform: translateX(-50%);
  background-repeat: no-repeat;
  background-size: 148px;
  width: 148px;
  height: 50px;
}
.merit_list > .sell_box h4:before {
  background-image: url(../../img/public/top/pc/t_02.svg);
}
.merit_list > .buy_box h4:before {
  background-image: url(../../img/public/top/pc/t_01.svg);
}
.merit_list > .buy_box {
  border-left: 5px solid #444;
}

.merit_list > div ol {
  max-width: 600px;
  width: 83.3334%;
  margin-top: 60px;
}
.merit_list > .buy_box ol {
  margin: 60px 0 0 auto;
}

.merit_list > div ol li {
  height: 150px;
  border-radius: 150px;
  font-size: 23px;
  font-weight: bold;
  color: #fff;
  padding: 47px 20px;
  line-height: 1.5;
  display: flex;
  align-items: center;
  justify-content: center;
}
.merit_list > div ol li + li {
  margin-top: 40px;
  text-align: center;
}
.merit_list > .sell_box ol li {
  background-color: #7fbe25;
}
.merit_list > .buy_box ol li {
  background-color: #f6ab00;
}

.support_box {
  max-width: 867px;
  margin: 0 auto;
  margin-top: 50px;
}
.support_box a {
  transition: 0.3s;
}
.support_box a:hover {
  transition: 0.3s;
  opacity: 0.7;
}

/*== 車を探す ==*/
#top_search {
  padding-top: 120px;
  padding-bottom: 120px;
}
#top_search form.search_form {
  max-width: 570px;
  width: 100%;
  margin: 0 auto;
  margin-top: 150px;
}
.kensaku {
}
.kensaku .search_input {
  max-width: 470px;
  width: 100%;
  height: 50px;
  border: 1px solid #3b4043;
  border-radius: 5px 0 0 5px;
  padding-left: 10px;
}
.kensaku .search_btn {
  width: 100%;
  max-width: 100px;
  height: 50px;
  border: 1px solid #3b4043;
  border-radius: 0 5px 5px 0;
  background-color: #3b4043;
  color: #fff;
  text-align: center;
}
.kensaku .search_btn a {
  display: inline-block;
  width: 100%;
  height: 50px;
  line-height: 48px;
  transition: 0.1s;
}
.kensaku .search_btn a:hover {
  color: #fff;
  background-color: #666;
  transition: 0.1s;
}
.cat_list {
  max-width: 1000px;
  margin: 0 auto;
  margin-top: 100px;
}
.cat_list li {
}
.cat_list li + li {
  margin-left: 40px;
}
.cat_list li a {
  display: inline-block;
  padding: 10px 20px;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  background-color: #666;
  border-radius: 50px;
  color: #fff;
  transition: 0.1s;
}
.cat_list li a:hover {
  background-color: #999;
  transition: 0.1s;
}

/*slide*/
.slide_box {
  margin-top: 100px;
  transform: translateX(-13.4375%);
  position: relative;
}
.slide_box .card_list {
  width: 480px;
  margin: 6.09375vw auto auto;
}
.slide_box .slick-list {
  overflow: inherit;
}
.slide_box .slick-track {
  display: flex;
}
.slide_box .slick-dots {
  text-align: left;
  bottom: -60px;
}
.slide_box .card {
  max-width: 450px;
  width: 450px;
  border: 2px solid #444;
  border-radius: 25px;
  position: relative;
  background-color: #f7f5ef;
  margin-right: 50px;
}
.slide_box .card a {
  transition: 0.2s;
}
.slide_box .card a:hover {
  opacity: 0.5;
  transition: 0.2s;
}
.slide_box .card01 {
}
.slide_box .card01 .img_photo {
  border-radius: 23px 23px 0 0;
  overflow: hidden;
}
.slide_box .card02 {
  padding: 20px 25px;
}
.slide_box .card02 .main_box {
}
.slide_box .car_name {
  border-bottom: 1px solid #444;
  padding-bottom: 20px;
}

.car_name .f18 {
  font-size: 18px;
  font-weight: bold;
}
.car_name .f24 {
  font-size: 24px;
  font-weight: bold;
  margin-top: 5px;
}
.car_name .f14 {
  font-size: 14px;
  font-weight: bold;
  margin-top: 5px;
  display: inline-block;
}
.car_price {
  border-bottom: 1px solid #444;
  padding-top: 20px;
  padding-bottom: 20px;
  justify-content: space-between;
}
.car_price .kakaku {
  font-size: 15px;
  font-weight: bold;
}
.car_price .price {
  font-size: 18px;
  font-weight: bold;
}
.car_price .price .price-main {
  font-size: 50px;
  font-weight: bold;
  color: #ca2c28;
}
.car_price .price .price-decimal {
  font-size: 32.5px;
  vertical-align: baseline;
  font-weight: bold;
  color: #ca2c28;
}
.slide_box .pr_box {
  margin-top: 20px;
}
.slide_box .pr_box p {
  line-height: 1.75;
  text-align: justify;
}
.fav_heart {
  background-color: #7fbe25;
  background-color: #ca2c28;
  display: inline-block;
  min-width: 40px;
  border-radius: 50px;
  color: #fff;
  text-align: right;
  padding: 5px 15px 5px 35px;
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 99;
}
.fav_heart:before {
  content: "";
  position: absolute;
  top: 5px;
  left: 12px;
  background-image: url(../../img/public/common/pc/fav_heart.svg);
  background-repeat: no-repeat;
  background-size: 18px;
  width: 18px;
  height: 20px;
}
.slide_box .slick-next,
.slide_box .slick-prev {
  display: block;
  z-index: 999;
  position: absolute;
  top: auto;
  width: 50px;
  height: 50px;
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 50px;
  z-index: 99;
}
.slide_box .slick-next {
  left: 100px;
  bottom: -100px;
}
.slide_box .slick-prev {
  left: 0;
  bottom: -100px;
}
.slide_box .slick-next:before,
.slide_box .slick-prev:before {
  content: "";
  top: 16px;
  left: 13px;
  position: absolute;
  background-repeat: no-repeat;
  background-size: 16px;
  width: 16px;
  height: 18px;
  opacity: 1;
}
.slide_box .slick-next:before {
  background-image: url(../../img/public/car/pc/arrow_s_right.svg);
  left: 18px;
}
.slide_box .slick-prev:before {
  background-image: url(../../img/public/car/pc/arrow_s_left.svg);
}
.slide_box .slick-next:hover,
.slide_box .slick-prev:hover {
  background-color: rgba(0, 0, 0, 0.3);
}
.slide_box .slick-next:focus,
.slide_box .slick-prev:focus,
.slide_box .slick-prev:hover {
  background-color: rgba(0, 0, 0, 0.3);
}

/*== ルールとマナーについて ==*/
#rule {
  padding-top: 120px;
  padding-bottom: 120px;
  /* background-color: #f7f5ef; */
}
.rule_box {
  max-width: 1440px;
  width: 75%;
  margin: 0 auto;
}
.rule_box .img_photo {
  max-width: 700px;
  width: 48.6112%;
  border-radius: 50px;
  overflow: hidden;
}
.rule_box .txt_box {
  max-width: 740px;
  width: 51.3889%;
  padding-left: 80px;
  padding-left: 5.5556%;
}
.rule_box .txt_box h4 {
  font-size: 36px;
  font-weight: bold;
  margin-top: 80px;
  padding-bottom: 50px;
  margin-bottom: 45px;
  position: relative;
}
.rule_box .txt_box h4:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  background-image: url(../../img/public/common/pc/ttl_bar_green.svg);
  background-repeat: no-repeat;
  background-size: 167px;
  width: 167px;
  height: 15px;
}
.rule_box .txt_box p {
  line-height: 1.75;
  text-align: justify;
}

.rule_btn a {
  display: inline-block;
  max-width: 360px;
  width: 100%;
  height: 64px;
  border: 4px solid #3b4043;
  border-radius: 50px;
  text-align: center;
  line-height: 56px;
  font-size: 23px;
  font-weight: bold;
  position: relative;
  margin-top: 150px;
  padding-left: 10px;
  transition: 0.2s;
}
.rule_btn a:before {
  content: "";
  position: absolute;
  top: 15px;
  left: 25px;
  background-image: url(../../img/public/common/pc/arrow_right_kuro.svg);
  background-repeat: no-repeat;
  background-size: 25px;
  width: 25px;
  height: 22px;
  transition: 0.2s;
}
.rule_btn a:hover {
  color: #444;
  transition: 0.2s;
}
.rule_btn a:hover:before {
  left: 35px;
  transition: 0.2s;
}

/*== 販売中の車のやりとりについて ==*/
#yaritori {
  padding-top: 120px;
  padding-bottom: 120px;
  background-color: #f7f5ef;
}
.yaritori_box {
  max-width: 1440px;
  width: 75%;
  margin: 0 auto;
  flex-direction: row-reverse;
}
.yaritori_box .img_photo {
  max-width: 700px;
  width: 48.6112%;
  border-radius: 50px;
  overflow: hidden;
}
.yaritori_box .txt_box {
  max-width: 740px;
  width: 51.3889%;
  padding-right: 80px;
  padding-right: 5.5556%;
}
.yaritori_box .txt_box h4 {
  font-size: 36px;
  font-weight: bold;
  margin-top: 80px;
  padding-bottom: 50px;
  margin-bottom: 45px;
  position: relative;
}
.yaritori_box .txt_box h4:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  background-image: url(../../img/public/common/pc/ttl_bar_orange.svg);
  background-repeat: no-repeat;
  background-size: 167px;
  width: 167px;
  height: 15px;
}
.yaritori_box .txt_box p {
  line-height: 1.75;
  text-align: justify;
}

@media screen and (max-width: 1600px) {
  /*== MV ==*/
  .mv_box {
    top: 30px;
  }
  .mv_txt01 {
    font-size: 28px;
  }
  .mv_txt01 .t_01:before {
    right: 28px;
  }
  .mv_txt01 .t_02:before {
    right: 30px;
  }
  .mv_txt02 {
    font-size: 48px;
  }
  .mv_btn {
    margin-top: 50px;
  }
  .mv_btn > div a {
    width: 200px;
    height: 50px;
    line-height: 50px;
    font-size: 21px;
  }

  /*== マッチメーカーとは ==*/
  #intro {
    padding-top: 100px;
  }
  .intro_contents01 .flex_box {
    margin-top: 120px;
  }
  .intro_contents01 .intro_box h4 {
    font-size: 28px;
  }
  .intro_contents01 .intro_box p {
    margin-top: 40px;
  }
  .intro_contents01 {
    padding-bottom: 100px;
  }
  .intro_box02 {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  /*== こんな人へオススメ ==*/
  #osusume {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .osusume_list {
    margin-top: 120px;
    max-width: 1000px;
  }
  .osusume_list li h4 {
    font-size: 18px;
    margin-top: 30px;
  }

  /*== Match Me Carのメリット ==*/
  #merit {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .merit_list {
    margin-top: 130px;
    max-width: 1000px;
  }
  .merit_list > div h4 {
    font-size: 28px;
  }
  .merit_list > div h4:before {
    top: -49px;
    background-size: 100px;
    width: 100px;
    height: 37px;
  }
  .merit_list > div ol {
    margin-top: 40px;
  }
  .merit_list > .buy_box ol {
    margin: 40px 0 0 auto;
  }
  .merit_list > div ol li {
    font-size: 18px;
    padding: 20px;
    height: 130px;
  }
  .merit_list > div ol li + li {
    margin-top: 30px;
  }
  .merit_list > .buy_box {
    border-left: 3px solid #444;
  }

  /*== 車を探す ==*/
  #top_search {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  /*== ルールとマナーについて ==*/
  #rule {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .rule_box .txt_box h4 {
    font-size: 28px;
    padding-bottom: 45px;
    margin-bottom: 35px;
  }
  .rule_box .txt_box h4:before {
    background-size: 140px;
    width: 140px;
    height: 15px;
  }

  /*== 販売中の車のやりとりについて ==*/
  #yaritori {
    padding-top: 100px;
    padding-bottom: 120px;
  }
  .yaritori_box .txt_box h4 {
    font-size: 28px;
    padding-bottom: 45px;
    margin-bottom: 35px;
  }
  .yaritori_box .txt_box h4:before {
    background-size: 140px;
    width: 140px;
    height: 15px;
  }
}

@media screen and (max-width: 1440px) {
  .mv_img img {
    width: 98%;
  }
}

@media screen and (max-width: 1280px) {
}

/*=============
  ご利用の流れ
=============*/
/*== ご利用の流れ ==*/
#flow_01 {
  padding-top: 180px;
  padding-bottom: 120px;
}
.flow_list_01 {
  max-width: 1440px;
  margin: 0 auto;
  margin-top: 150px;
}
.flow_list_01 li {
  max-width: 378px;
  width: 26.25%;
}
.flow_list_01 li .images:before {
  content: "";
  position: absolute;
  top: 0;
  left: -15px;
  background-repeat: no-repeat;
  background-size: 104px;
  width: 104px;
  height: 73px;
}
.flow_list_01 li.step01 .images:before {
  background-image: url(../../img/public/flow/pc/step01_num.svg);
}
.flow_list_01 li.step02 .images:before {
  background-image: url(../../img/public/flow/pc/step02_num.svg);
}
.flow_list_01 li.step03 .images:before {
  background-image: url(../../img/public/flow/pc/step03_num.svg);
}
.flow_list_01 li + li {
  margin-left: 150px;
}
.flow_list_01 li .images {
  position: relative;
}
.flow_list_01 li h4 {
  font-size: 32px;
  font-weight: bold;
  text-align: center;
  margin-top: 50px;
  height: 75px;
}
.flow_list_01 li p {
  margin-top: 30px;
  line-height: 1.75;
  text-align: center;
}
.entry_btn a {
  display: inline-block;
  max-width: 360px;
  width: 100%;
  height: 64px;
  border: 4px solid #3b4043;
  border-radius: 50px;
  text-align: center;
  line-height: 56px;
  font-size: 23px;
  font-weight: bold;
  position: relative;
  margin-top: 50px;
  padding-left: 10px;
  transition: 0.2s;
}
.entry_btn a:before {
  content: "";
  position: absolute;
  top: 15px;
  left: 25px;
  background-image: url(../../img/public/common/pc/arrow_right_kuro.svg);
  background-repeat: no-repeat;
  background-size: 25px;
  width: 25px;
  height: 22px;
  transition: 0.2s;
}
.entry_btn a:hover {
  color: #444;
  transition: 0.2s;
}
.entry_btn a:hover:before {
  left: 35px;
  transition: 0.2s;
}

/*== かんたん比較ガイド ==*/
#flow_02 {
  padding-top: 120px;
  padding-bottom: 120px;
  background-color: #f7f5ef;
}
#flow_02 .txt_thips {
  max-width: 1200px;
  margin: 0 auto;
  margin-top: 40px;
  padding-top: 50px;
  text-align: center;
  line-height: 1.7;
  color: var(--bs-body-color);
}
#flow_02 .txt_thips .cost_appeal_ttl {
  display: block;
  font-size: 36px;
  font-weight: bold;
  line-height: 1.3;
  color: var(--bs-body-color);
  margin: 0 0 10px;
  padding: 0;
  white-space: normal;
  border: none;
  background: none;
}
#flow_02 .txt_thips .cost_appeal_yen {
  display: inline;
  color: #f6ab00;
  font-size: 1.5em;
  font-weight: bold;
  white-space: nowrap;
  margin: 0;
  padding: 0;
  border: none;
  line-height: inherit;
  background: none;
}
#flow_02 .txt_thips .cost_appeal_txt {
  display: block;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.7;
  color: var(--bs-body-color);
  white-space: normal;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
}
#flow_02 .txt_thips .cost_appeal_ttl + .cost_appeal_txt {
  margin-top: 10px;
}
#flow_02 .txt_thips .cost_appeal_note {
  display: inline-block;
  font-size: 16px;
  font-weight: normal;
  color: var(--bs-body-color);
  border-bottom: 1px solid var(--bs-body-color);
  line-height: 1.5;
  white-space: normal;
  margin: 16px 0 0;
  padding: 0;
}
#flow_02 .compare_guide {
  max-width: 1200px;
  margin: 0 auto;
  margin-top: 50px;
}
#flow_02 .compare_cards {
  justify-content: center;
  gap: 50px;
  align-items: flex-start;
}
#flow_02 .compare_cards .compare_col {
  max-width: 600px;
  width: 48%;
}
#flow_02 .compare_card {
  padding: 36px 40px 30px;
  background-color: #fff;
  border: 3px solid #3b4043;
  border-radius: 32px;
  display: flex;
  flex-direction: column;
}
#flow_02 .compare_card .compare_body {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding-left: 23px;
}
#flow_02 .compare_card h4 {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.35;
}
#flow_02 .compare_card h4 span {
  font-size: 14px;
}
#flow_02 .compare_card .lead {
  margin-top: 12px;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.4;
}
#flow_02 .compare_card .lead_sub {
  margin-top: 2px;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.35;
}
#flow_02 .compare_card ul {
  margin-top: 18px;
  padding-left: 2px;
}
#flow_02 .compare_card .recommend_ttl {
  display: inline-block;
  align-self: flex-start;
  width: auto;
  max-width: 100%;
  margin-top: 18px;
  padding: 5px 10px 4px;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.2;
  border-radius: 5px;
}
#flow_02 .compare_card .recommend_ttl_tyukai {
  background-color: #27a0c1;
}
#flow_02 .compare_card .recommend_ttl_itaku {
  background-color: #ca2c28;
}
#flow_02 .compare_card ul li {
  position: relative;
  padding-left: 30px;
  line-height: 1.55;
}
#flow_02 .compare_card ul li + li {
  margin-top: 6px;
}
#flow_02 .compare_card ul li:before {
  content: "";
  position: absolute;
  top: 1px;
  left: 4px;
  width: 20px;
  height: 19px;
  background-image: url(../../img/public/support/pc/check.svg);
  background-repeat: no-repeat;
  background-size: 20px;
}
#flow_02 .compare_card .notes {
  padding-top: 14px;
  font-size: 15px;
  line-height: 1.6;
}
#flow_02 .compare_card .notes .txt_link {
  text-decoration: underline;
}
#flow_02 .compare_card.card_tyukai h4:before,
#flow_02 .compare_card.card_itaku h4:before {
  content: "";
  display: inline-block;
  width: 17px;
  height: 17px;
  margin-right: 5px;
  vertical-align: baseline;
}
#flow_02 .compare_card.card_tyukai h4:before {
  background-color: #27a0c1;
}
#flow_02 .compare_card.card_itaku h4:before {
  background-color: #ca2c28;
}
#flow_02 .compare_cta {
  margin-top: 56px;
  text-align: center;
}
#flow_02 .compare_cta .compare_cta_row {
  display: flex;
  justify-content: center;
  gap: 50px;
}
#flow_02 .compare_cta .cta_item {
  max-width: 460px;
  width: 100%;
  display: inline-block;
  color: #fff;
  font-size: 24px;
  font-weight: bold;
  line-height: 1;
  padding: 15px 24px 10px;
  border-radius: 10px;
  justify-self: center;
}
#flow_02 .compare_cta .cta_tyukai {
  background-color: #27a0c1;
}
#flow_02 .compare_cta .cta_itaku {
  background-color: #ca2c28;
}
#flow_02 .compare_cta .cta_txt {
  margin-top: 50px;
  font-size: 25px;
  font-weight: bold;
}
#flow_02 .compare_cta .cta_txt .cta_txt_inner {
  position: relative;
  display: inline-block;
  padding: 0 52px;
}
#flow_02 .compare_cta .cta_txt .cta_txt_inner:before,
#flow_02 .compare_cta .cta_txt .cta_txt_inner:after {
  content: "";
  position: absolute;
  top: 50%;
  width: 30px;
  height: 2px;
  background-color: #111;
}
#flow_02 .compare_cta .cta_txt .cta_txt_inner:before {
  left: 18px;
  transform: translateY(-50%) rotate(52deg);
}
#flow_02 .compare_cta .cta_txt .cta_txt_inner:after {
  right: 18px;
  transform: translateY(-50%) rotate(-52deg);
}

/* flow_02 比較表（cta_txt直下の画像のみ） */
#flow_02 .compare_table img {
  display: block;
  max-width: 1000px;
  width: 100%;
  height: auto;
  margin: 24px auto 0;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12);
}

/*== 出品・購入の流れ ==*/
#flow_03 {
  padding-top: 120px;
  padding-bottom: 120px;
}
#flow_03 .flow_step_label {
  display: block;
  width: fit-content;
  min-width: 240px;
  margin: 80px auto 0;
  padding: 8px 36px;
  background-color: #d7eef8;
  border-radius: 999px;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0.12em;
  color: #1a4a62;
  line-height: 1.4;
}
#flow_03 .txt_thips {
  max-width: 1200px;
  margin: 28px auto 0;
  text-align: center;
  line-height: 1.75;
}
#flow_03 .tabs_box {
  max-width: 1040px;
  margin: 0 auto;
  margin-top: 50px;
  justify-content: space-around;
  gap: 0 30px;
  flex-wrap: wrap;
}
input[name="tab_item"] {
  display: none;
}
#flow_03 .tabs_box label.tab_item {
  max-width: 345px;
}
#flow_03 .tabs_box label.tab_item .images {
  width: 100%;
  max-height: 310px;
  overflow: hidden;
}
#flow_03 .tabs_box .view_more {
  display: inline-block;
  max-width: 360px;
  width: 100%;
  height: 64px;
  border: 4px solid #3b4043;
  border-radius: 50px;
  text-align: center;
  line-height: 56px;
  font-size: 23px;
  font-weight: bold;
  position: relative;
  margin-top: 50px;
  transition: 0.2s;
}
#flow_03 .tabs_box .view_more:hover {
  color: #444;
  transition: 0.2s;
}

#sell_tabs:checked ~ .sell_tabs .view_more {
  background-color: #7fbe25;
  color: #fff;
}
#buy_tabs:checked ~ .buy_tabs .view_more {
  background-color: #f6ab00;
  color: #fff;
}
#flow_03 #sell_tabs:checked ~ .sell_tabs .view_more:before,
#flow_03 #buy_tabs:checked ~ .buy_tabs .view_more:before {
  background-image: url(../../img/public/common/pc/arrow_bottom_shiro.svg);
}

#sell_box {
  max-width: 1040px;
  margin: 60px auto 0;
}
#buy_box {
  display: none;
  max-width: 1040px;
  margin-top: 60px;
}

/*タブ切り替えの中身のスタイル*/
.tab_content {
  display: none;
  clear: both;
  overflow: hidden;
}
#flow_03 .tab_content {
  overflow: visible;
}

/*選択されているタブのコンテンツのみを表示*/
#sell_tabs:checked ~ div #sell_box,
#buy_tabs:checked ~ div #buy_box {
  display: block;
}

.tab_main {
  width: 100%;
}

#flow_03 .tab_description {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 24px;
  position: relative;
}
#flow_03 .tab_description .flex_end {
  justify-content: flex-end;
}
#flow_03 .tab_description .l_box,
#flow_03 .tab_description .r_box {
  position: relative;
  display: flex;
  flex-direction: column;
  width: calc(50% - 12px);
  max-width: none;
  min-width: 0;
  height: auto;
  margin: 0;
  padding: 16px 16px 16px;
  box-sizing: border-box;
  border-radius: 16px;
  counter-reset: flow-step;
}
#flow_03 .tab_description .l_box {
  background-color: #e8f5fb;
}
#flow_03 .tab_description .r_box {
  background-color: #fdeeee;
  overflow: visible;
}

#flow_03 .tab_description .box_00,
#flow_03 .tab_description .box_01,
#flow_03 .tab_description .box_02,
#flow_03 .tab_description .box_03,
#flow_03 .tab_description .box_04,
#flow_03 .tab_description .box_05 {
  position: relative;
  height: auto;
}
#flow_03 .tab_description .box_00 {
  margin-bottom: 12px;
  overflow: visible;
}
#flow_03 .tab_description .box_01,
#flow_03 .tab_description .box_02,
#flow_03 .tab_description .box_03,
#flow_03 .tab_description .box_04 {
  padding-bottom: 28px;
  counter-increment: flow-step;
}
#flow_03 .tab_description .box_05 {
  counter-increment: flow-step;
}

/* ステップカード間の下向き V 矢印（棒線なし） */
#flow_03 .tab_description .box_01::after,
#flow_03 .tab_description .box_02::after,
#flow_03 .tab_description .box_03::after,
#flow_03 .tab_description .box_04::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 6px;
  z-index: 1;
  width: 18px;
  height: 18px;
  border-style: solid;
  border-width: 0 3px 3px 0;
  background-color: transparent;
  background-image: none;
  transform: translateX(-50%) rotate(45deg);
  pointer-events: none;
}
#flow_03 .tab_description .l_box .box_01::after,
#flow_03 .tab_description .l_box .box_02::after,
#flow_03 .tab_description .l_box .box_03::after,
#flow_03 .tab_description .l_box .box_04::after {
  border-color: #27a0c1;
}
#flow_03 .tab_description .r_box .box_01::after,
#flow_03 .tab_description .r_box .box_02::after,
#flow_03 .tab_description .r_box .box_03::after,
#flow_03 .tab_description .r_box .box_04::after {
  border-color: #ca2c28;
}

#flow_03 .tab_description dl {
  border: none;
  margin: 0;
  position: relative;
  background-image: none;
  width: 100%;
  height: auto;
  display: block;
}
#flow_03 .tab_description dl::before,
#flow_03 .tab_description dl::after {
  content: none;
  background-image: none;
}

/* サービス名見出しカード */
#flow_03 .tab_description .box_00 dl {
  overflow: visible;
  border-radius: 10px;
}
#flow_03 .tab_description .box_00 dt {
  background-color: #27a0c1;
  color: #fff;
  text-align: center;
  border-bottom: none;
  font-size: 21px;
  font-weight: bold;
  line-height: 1.4;
  padding: 16px 14px 14px;
  border-radius: 10px;
}
#flow_03 .tab_description .box_00 dt.anshin_itaku {
  background-color: #ca2c28;
  position: relative;
}
#flow_03 .tab_description .box_00 dt.anshin_itaku::before {
  content: "";
  position: absolute;
  top: -32px;
  right: -22px;
  width: 90px;
  height: 89px;
  margin: 0;
  padding: 0;
  border: none;
  background-color: transparent;
  background-image: url(../../img/public/flow/pc/osusume_item.svg);
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 3;
  pointer-events: none;
}
#flow_03 .tab_description .box_00 dt span {
  display: block;
  margin-top: 0;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.5;
  letter-spacing: 0.02em;
}

/* 各ステップカード */
#flow_03 .tab_description .box_01 dl,
#flow_03 .tab_description .box_02 dl,
#flow_03 .tab_description .box_03 dl,
#flow_03 .tab_description .box_04 dl,
#flow_03 .tab_description .box_05 dl {
  display: block;
  background-color: #fff;
  border-radius: 12px;
  padding: 16px 16px 16px 14px;
  box-sizing: border-box;
  height: auto;
}
#flow_03 .tab_description .l_box .box_01 dl,
#flow_03 .tab_description .l_box .box_02 dl,
#flow_03 .tab_description .l_box .box_03 dl,
#flow_03 .tab_description .l_box .box_04 dl,
#flow_03 .tab_description .l_box .box_05 dl {
  border: 1px solid #c5e3ee;
  box-shadow: 0 2px 8px rgba(39, 160, 193, 0.08);
}
#flow_03 .tab_description .r_box .box_01 dl,
#flow_03 .tab_description .r_box .box_02 dl,
#flow_03 .tab_description .r_box .box_03 dl,
#flow_03 .tab_description .r_box .box_04 dl,
#flow_03 .tab_description .r_box .box_05 dl {
  border: 1px solid #f0c9c7;
  box-shadow: 0 2px 8px rgba(202, 44, 40, 0.08);
}
#flow_03 .tab_description .box_01 dt,
#flow_03 .tab_description .box_02 dt,
#flow_03 .tab_description .box_03 dt,
#flow_03 .tab_description .box_04 dt,
#flow_03 .tab_description .box_05 dt {
  position: relative;
  display: block;
  padding: 6px 0 0 48px;
  background-color: transparent;
  border-bottom: none;
  text-align: left;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.4;
  overflow-wrap: break-word;
}
#flow_03 .tab_description .box_01 dt.tyukai,
#flow_03 .tab_description .box_02 dt.tyukai,
#flow_03 .tab_description .box_03 dt.tyukai,
#flow_03 .tab_description .box_04 dt.tyukai,
#flow_03 .tab_description .box_05 dt.tyukai {
  color: #27a0c1;
  background-color: transparent;
}
#flow_03 .tab_description .box_01 dt.itaku,
#flow_03 .tab_description .box_02 dt.itaku,
#flow_03 .tab_description .box_03 dt.itaku,
#flow_03 .tab_description .box_04 dt.itaku,
#flow_03 .tab_description .box_05 dt.itaku {
  color: #ca2c28;
  background-color: transparent;
}
#flow_03 .tab_description .box_01 dt::before,
#flow_03 .tab_description .box_02 dt::before,
#flow_03 .tab_description .box_03 dt::before,
#flow_03 .tab_description .box_04 dt::before,
#flow_03 .tab_description .box_05 dt::before {
  content: counter(flow-step, decimal-leading-zero);
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 36px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  border-radius: 50%;
  background-color: #27a0c1;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0.04em;
  background-image: none;
}
#flow_03 .tab_description .r_box .box_01 dt::before,
#flow_03 .tab_description .r_box .box_02 dt::before,
#flow_03 .tab_description .r_box .box_03 dt::before,
#flow_03 .tab_description .r_box .box_04 dt::before,
#flow_03 .tab_description .r_box .box_05 dt::before {
  background-color: #ca2c28;
}
#flow_03 .tab_description .box_01 dd,
#flow_03 .tab_description .box_02 dd,
#flow_03 .tab_description .box_03 dd,
#flow_03 .tab_description .box_04 dd,
#flow_03 .tab_description .box_05 dd {
  margin-bottom: 0;
  background-color: transparent;
  padding: 0 0 0 48px;
  font-size: 16px;
  line-height: 1.7;
  color: #333;
  overflow-wrap: break-word;
}
#flow_03 .tab_description .txt_notes {
  margin-top: 12px;
  font-size: 15px;
  line-height: 1.25;
}
#flow_03 .tab_description .txt_notes .txt_red {
  color: #ca2c28;
}
#flow_03 .tab_description .txt_notes .txt_border,
#flow_03 .tab_description dl dd .txt_border {
  display: inline-block;
  border-bottom: 1px solid #000;
  padding: 2px 8px;
  margin-top: 6px;
}
#flow_03 .tab_description dl dd p {
  text-align: justify;
}
#flow_03 .tab_description dl dd ol {
  margin-top: 10px;
}
#flow_03 .tab_description dl dd ol li {
  margin-top: 5px;
  text-align: justify;
}
#flow_03 .tab_description dl dd a {
  display: inline-block;
  margin-top: 50px;
  text-decoration: underline;
}
.wrapper_flow .btn_box {
  max-width: 800px;
  margin: 0 auto;
  margin-top: 50px;
  justify-content: space-between;
}
.wrapper_flow #support {
  padding-top: 100px;
  padding-bottom: 150px;
  background-color: #f7f5ef;
}
.wrapper_flow .btn_box > div {
  max-width: 360px;
  width: 100%;
  height: 64px;
  margin-top: 50px;
}
.wrapper_flow .btn_box a {
  display: inline-block;
  max-width: 360px;
  width: 100%;
  height: 64px;
  border: 4px solid #3b4043;
  border-radius: 50px;
  text-align: center;
  line-height: 56px;
  font-size: 23px;
  font-weight: bold;
  position: relative;
  padding-left: 10px;
  transition: 0.2s;
}
.wrapper_flow .btn_box a:before {
  content: "";
  position: absolute;
  top: 15px;
  left: 25px;
  background-image: url(../../img/public/common/pc/arrow_right_kuro.svg);
  background-repeat: no-repeat;
  background-size: 25px;
  width: 25px;
  height: 27px;
  transition: 0.2s;
}
.wrapper_flow .btn_box a:hover {
  color: #444;
  transition: 0.2s;
}
.wrapper_flow .btn_box a:hover:before {
  left: 35px;
  transition: 0.2s;
}

/*== variation ==*/
#variation {
  background-color: #f7f5ef;
  padding-top: 100px;
  padding-bottom: 100px;
}
#variation .list_box {
  max-width: 970px;
  margin: 0 auto;
}
#variation .list_box li {
  max-width: 290px;
  width: 29.897%;
}
#variation .list_box li + li {
  margin-left: 5.1547%;
}
#variation .notes {
  display: inline-block;
  margin-top: 20px;
  text-align: center;
  font-size: 13px;
  width: 100%;
}

@media screen and (max-width: 1600px) {
  /*== ご利用の流れ ==*/
  #flow_01 {
    padding-top: 180px;
    padding-bottom: 100px;
  }
  .flow_list_01 {
    max-width: 1000px;
  }
  .flow_list_01 li + li {
    margin-left: 100px;
  }
  .flow_list_01 li:before {
    background-size: 75px;
    width: 75px;
    height: 53px;
  }
  .flow_list_01 li h4 {
    font-size: 21px;
    margin-top: 30px;
    height: 47px;
  }
  .flow_list_01 li p {
    margin-top: 20px;
  }
  .entry_btn a {
    font-size: 19px;
    padding-left: 25px;
    margin-top: 30px;
  }
  .entry_btn a:before {
    left: 15px;
  }

  /*== かんたん比較ガイド ==*/
  #flow_02 .txt_thips {
    padding-top: 20px;
  }
  #flow_02 .txt_thips .cost_appeal_ttl {
    font-size: 28px;
  }
  #flow_02 .txt_thips .cost_appeal_txt {
    font-size: 21px;
  }
  #flow_02 .compare_guide {
    max-width: 1000px;
    margin-top: 36px;
  }
  #flow_02 .compare_cards .compare_col {
    width: 48%;
  }
  #flow_02 .compare_card {
    padding: 30px 28px 24px;
  }
  #flow_02 .compare_card .compare_body {
    padding-left: 8px;
  }
  #flow_02 .compare_card h4 {
    font-size: 24px;
  }
  #flow_02 .compare_card h4 span {
    font-size: 16px;
  }
  #flow_02 .compare_card .lead {
    font-size: 18px;
  }
  #flow_02 .compare_card .lead_sub {
    font-size: 18px;
  }
  #flow_02 .compare_card ul li {
    font-size: 15px;
    padding-left: 28px;
  }
  #flow_02 .compare_card .recommend_ttl {
    font-size: 15px;
    padding: 4px 12px;
  }
  #flow_02 .compare_card ul li:before {
    left: 2px;
    top: 0.3em;
    width: 18px;
    height: 17px;
    background-size: 18px;
  }
  #flow_02 .compare_cta .cta_txt {
    font-size: 22px;
  }

  #flow_02 .compare_cta .cta_txt + .compare_table img {
    margin-top: 20px;
  }

  /*== 出品・購入の流れ ==*/
  #flow_03 .flow_step_label {
    margin-top: 60px;
    min-width: 220px;
    font-size: 15px;
    padding: 7px 32px;
  }
  #flow_03 .txt_thips {
    max-width: 1000px;
    margin-top: 24px;
  }
  #flow_03 .tabs_box {
    margin-top: 50px;
  }
}

/*=============
  サポート体制について
=============*/
.wrapper_support #support {
  padding-top: 180px;
}
/*== 冒頭部分 ==*/
.wrapper_support #support .support_box {
  margin-top: 180px;
  margin-bottom: 57px;
  max-width: 630px;
  position: relative;
  transform: translateX(30px);
}
.wrapper_support #support .support_box:before {
  content: "";
  position: absolute;
  top: -50px;
  left: -129px;
  background-image: url(../../img/public/support/pc/suppor_man.svg);
  background-repeat: no-repeat;
  background-size: 275px;
  width: 275px;
  height: 284px;
}
#support .support_box .support_txt {
  margin-bottom: 0; /* Reboot の p margin を打ち消す */
  border: 3px solid #444;
  padding: 40px 25px 40px 150px;
  border-radius: 5px;
}
#support .check_box {
  background-color: #f7f5ef;
  padding-top: 100px;
  padding-bottom: 100px;
}
#support .check_box .check_list {
  max-width: 660px;
  margin: 0 auto;
  /* Reboot の ol スタイルを打ち消す */
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}
#support .check_box .check_list li {
  margin-bottom: 0; /* Reboot の li margin-bottom を打ち消す */
  font-size: 25px;
  font-weight: bold;
  padding-left: 45px;
  position: relative;
}
#support .check_box .check_list li:before {
  content: "";
  position: absolute;
  top: -6px;
  left: -4px;
  background-image: url(../../img/public/support/pc/check.svg);
  background-repeat: no-repeat;
  background-size: 38px;
  width: 38px;
  height: 35px;
}
#support .check_box .check_list li + li {
  margin-top: 40px;
}
/*委託について*/
.wrapper_support .sell,
.wrapper_support .buy {
  max-width: 1100px;
  margin: 0 auto;
  margin-top: 120px;
}
.wrapper_support .buy {
  margin-bottom: 120px;
}
.itaku_box {
  border-radius: 50px;
  padding: 120px 76px 20px;
  position: relative;
}
.sell .itaku_box {
  border: 4px solid #7fbe25;
}
.buy .itaku_box {
  border: 4px solid #f6ab00;
}
.itaku_box:before {
  content: "";
  position: absolute;
  bottom: 75px;
  right: 200px;
  background-repeat: no-repeat;
  background-size: 170px;
  width: 170px;
  height: 108px;
}
.sell .itaku_box:before {
  background-image: url(../../img/public/support/pc/buy_car.svg);
}
.buy .itaku_box:before {
  background-image: url(../../img/public/support/pc/sell_car.svg);
}

.itaku_box .itaku_ttl {
  font-size: 48px;
  font-weight: bold;
  text-align: center;
  position: relative;
}
.itaku_box .itaku_ttl:before {
  content: "";
  position: absolute;
  top: -75px;
  left: 50%;
  transform: translateX(-50%);
  background-repeat: no-repeat;
  background-size: 148px;
  width: 148px;
  height: 50px;
}
.sell .itaku_box .itaku_ttl:before {
  background-image: url(../../img/public/common/pc/t_02.svg);
}
.buy .itaku_box .itaku_ttl:before {
  background-image: url(../../img/public/common/pc/t_01.svg);
}
.itaku_box .itaku_txt {
  margin-bottom: 0; /* Reboot の p を打ち消す */
  max-width: 650px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 50px;
}
.itaku_box .point_list {
  flex-wrap: wrap;
  margin-top: 60px;
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
  max-width: 940px;
}
.itaku_box .point_list li {
  margin-bottom: 50px; /* デザイン指定（Reboot の li は上書き） */
  max-width: 445px;
  width: 47.3405%;
  background-color: #f7f5ef;
  border: 1px solid #444;
  padding: 30px;
  border-radius: 5px;
  position: relative;
  margin-bottom: 50px;
}
.itaku_box .point_list li .number_box {
  position: absolute;
  left: -30px;
  top: -30px;
  width: 60px;
  height: 60px;
  border-radius: 60px;
  overflow: hidden;
  line-height: 1;
}
.sell .itaku_box .point_list li .number_box {
  background-color: #7fbe25;
}
.buy .itaku_box .point_list li .number_box {
  background-color: #f6ab00;
}
.itaku_box .number_box .point {
  font-size: 10px;
  font-weight: bold;
  color: #fff;
  display: inline-block;
  width: 100%;
  text-align: center;
  padding-top: 12px;
}
.itaku_box .number_box .number {
  font-size: 28px;
  font-weight: bold;
  color: #fff;
  display: inline-block;
  width: 100%;
  text-align: center;
  line-height: 1;
}
.itaku_box .point_list li:nth-child(2n) {
  margin-left: 50px;
}
.itaku_box .point_list li .point_ttl {
  font-size: 24px;
  font-weight: bold;
}
.itaku_box .point_list li .point_txt {
  margin-top: 15px;
  margin-bottom: 0; /* Reboot の p を打ち消す */
  text-align: justify;
}

/*完全仲介もサポートしています！*/
#kt_support {
  padding-top: 100px;
  padding-bottom: 150px;
  max-width: 900px;
  margin: 0 auto;
  position: relative;
}
#kt_support:before {
  content: "";
  position: absolute;
  top: 65px;
  left: -400px;
  background-image: url(../../img/public/support/pc/left_parts.svg);
  background-repeat: no-repeat;
  background-size: 447px;
  width: 447px;
  height: 510px;
  z-index: -99;
}
#kt_support:after {
  content: "";
  position: absolute;
  top: 65px;
  right: -280px;
  background-image: url(../../img/public/support/pc/right_parts.svg);
  background-repeat: no-repeat;
  background-size: 340px;
  width: 340px;
  height: 520px;
  z-index: -99;
}
#kt_support h3 {
  text-align: center;
  font-size: 36px;
  font-weight: bold;
  line-height: 2;
}
#kt_support .btn_box {
  max-width: 470px;
  margin: 0 auto;
}
#kt_support .btn_box .sell_btn,
#kt_support .btn_box .buy_btn {
  margin-top: 55px;
}

#kt_support .btn_box .sell_btn a,
#kt_support .btn_box .buy_btn a {
  display: inline-block;
  width: 100%;
  height: 88px;
  border: 4px solid #3b4043;
  border-radius: 50px;
  text-align: center;
  line-height: 82px;
  font-size: 23px;
  font-weight: bold;
  position: relative;
  padding-left: 10px;
  transition: 0.2s;
}
#kt_support .btn_box .sell_btn a:before,
#kt_support .btn_box .buy_btn a:before {
  content: "";
  position: absolute;
  top: 28px;
  left: 35px;
  background-image: url(../../img/public/common/pc/arrow_right_kuro.svg);
  background-repeat: no-repeat;
  background-size: 25px;
  width: 25px;
  height: 27px;
  transition: 0.2s;
}
#kt_support .btn_box .sell_btn a:hover,
#kt_support .btn_box .buy_btn a:hover {
  color: #444;
  transition: 0.2s;
}
#kt_support .btn_box .sell_btn a:hover:before,
#kt_support .btn_box .buy_btn a:hover:before {
  left: 35px;
  transition: 0.2s;
}

@media screen and (max-width: 1600px) {
  /*== サポート体制について ==*/
  .wrapper_support .sell,
  .wrapper_support .buy {
    margin-top: 100px;
  }
  .wrapper_support .buy {
    margin-bottom: 100px;
  }
  /*委託について*/
  .itaku_box .itaku_ttl {
    font-size: 36px;
  }
  .itaku_box .itaku_ttl:before {
    top: -65px;
    background-size: 120px;
    width: 120px;
    height: 40px;
  }
  .itaku_box .itaku_txt {
    margin-top: 30px;
  }

  /*== 完全仲介もサポートしています！ ==*/
  #kt_support h3 {
    font-size: 28px;
  }
  #kt_support .btn_box {
    max-width: 400px;
  }
  #kt_support .btn_box .sell_btn a,
  #kt_support .btn_box .buy_btn a {
    font-size: 21px;
  }
  #kt_support:before {
    top: 100px;
    left: -215px;
    background-size: 380px;
    width: 380px;
    height: 435px;
  }
  #kt_support:after {
    top: 99px;
    right: -146px;
    background-size: 290px;
    width: 290px;
    height: 444px;
  }
}

@media screen and (max-width: 1280px) {
  #kt_support:before {
    top: 147px;
    left: -152px;
    background-size: 330px;
    width: 330px;
    height: 377px;
  }
  #kt_support:after {
    top: 114px;
    right: -99px;
    background-size: 260px;
    width: 260px;
    height: 399px;
  }
}

/*=============
  中古車一覧
=============*/
#car_trade {
  padding-top: 180px;
  padding-bottom: 150px;
}

/*== 検索エリア ==*/
#car_trade .search_form {
  margin-top: 150px;
}
#car_trade .search_form .kensaku {
  max-width: 570px;
  width: 100%;
  margin: 0 auto;
  margin-bottom: 60px;
}
#car_trade .search_form .input_box {
  background-color: #f7f5ef;
}
#car_trade .search_form .input_box .inner {
  max-width: 765px;
  margin: 0 auto;
  padding-top: 40px;
  padding-bottom: 10px;
}

#car_trade .input_box .boxtype01 {
  flex-wrap: wrap;
}
#car_trade .input_box .boxtype01 > div {
  max-width: 367px;
  width: 100%;
  align-items: center;
  margin-bottom: 30px;
}
#car_trade .input_box .boxtype02 > div {
  align-items: center;
  margin-bottom: 30px;
}
#car_trade .input_box .boxtype02.flex_box {
  flex-direction: column;
}
#car_trade .input_box .boxtype01 > div:nth-child(2n) {
  margin-left: 30px;
}
.input_box .boxtype01 > div .label,
.input_box .boxtype02 > div .label {
  color: #7fbe25;
  font-size: 14px;
  font-weight: bold;
  width: 100px;
}
#car_trade .input_box .boxtype01 > div.w50 .label {
  width: 70px;
  white-space: nowrap;
}
.input_box .boxtype01 > div .form-control,
.input_box .boxtype01 > div .form-select,
.input_box .boxtype02 > div .form-control,
.input_box .boxtype02 > div .form-select {
  width: 250px;
  height: 39px;
  border: 1px solid #999;
  border-radius: 3px;
  padding-left: 10px;
  padding-right: 10px;
  background-color: #fff;
}
.input_box .boxtype01 > div .form-select,
.input_box .boxtype02 > div .form-select {
  appearance: auto;
  background-image: none; /* Bootstrapの矢印を無効化（ネイティブ矢印との二重表示を防ぐ） */
}
#car_trade .input_box .boxtype02 > div > div {
  align-items: center;
}
#car_trade .search_form .btn_box {
  max-width: 400px;
  margin: 0 auto;
  margin-top: 40px;
  justify-content: space-between;
}
#car_trade .search_form .btn_box > div {
  max-width: 180px;
  width: 100%;
}
#car_trade .search_form .btn_box > div a {
  display: inline-block;
  max-width: 180px;
  width: 100%;
  height: 50px;
  line-height: 50px;
  border-radius: 50px;
  color: #fff;
  text-align: center;
}
#car_trade .search_form .btn_box > .search_btn a {
  background-color: #7fbe25;
}
#car_trade .search_form .btn_box > .search_btn a:hover {
  opacity: 0.6;
}
#car_trade .search_form .btn_box > .reset_btn a {
  background-color: #666;
}
#car_trade .search_form .btn_box > .reset_btn a:hover {
  opacity: 0.6;
}

/*== 中古車一覧 ==*/
#car_trade .car_list {
  max-width: 1000px;
  margin: 0 auto;
  margin-top: 100px;
}
#car_trade .bar_top {
  margin-bottom: 5px;
  justify-content: space-between;
  align-items: flex-end;
}
#car_trade .bar_top .pagination {
  display: none;
}
.car_units {
}
.car_units .number {
  font-size: 50px;
  font-weight: bold;
  color: #ca2c28;
  line-height: 1;
}
.car_units .units {
  font-size: 24px;
  font-weight: bold;
  display: inline-block;
  margin-left: 10px;
}
.pagination {
}
.pagination li {
  font-size: 14px;
}
.pagination li + li {
  margin-left: 15px;
}
.pagination li a {
}
.pagination li a:hover {
  text-decoration: underline;
  color: #7fbe25;
}
#car_trade .pagination.flex_box {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}
#car_trade .pagination.flex_box li {
  margin: 0;
  font-size: 14px;
}
#car_trade .pagination.flex_box li + li {
  margin-left: 0;
}
#car_trade .pagination .pagination-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 36px;
  height: 36px;
  padding: 0 10px;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  background-color: #fff;
  color: #333;
  text-decoration: none;
  font-size: 14px;
  line-height: 1;
  box-sizing: border-box;
  cursor: pointer;
}
#car_trade .pagination a.pagination-btn:hover {
  background-color: #f5f5f5;
  color: #333;
  text-decoration: none;
}
#car_trade .pagination .pagination-btn.is-current {
  background-color: #f39800;
  border-color: #f39800;
  color: #fff;
  font-weight: bold;
  cursor: default;
}
#car_trade .pagination .pagination-btn.is-disabled {
  background-color: #fafafa;
  border-color: #e8e8e8;
  color: #bbb;
  cursor: default;
}
#car_trade .pagination .pagination-sp-only {
  display: none;
}
#car_trade .bar_bottom {
  background-color: #f0f3f5;
  border-top: 2px solid #84c7a4;
  margin-bottom: 35px;
  padding-top: 10px;
  padding-bottom: 10px;
}
#car_trade .bar_bottom ol {
  justify-content: space-around;
}
#car_trade .bar_bottom ol li {
  text-align: center;
}
#car_trade .bar_bottom ol li h4 {
  font-size: 14px;
  margin-bottom: 5px;
}
#car_trade .bar_bottom ol li:nth-child(3) h4 {
  padding-left: 12px;
}
#car_trade .bar_bottom ol li:nth-child(4) h4 {
  padding-right: 14px;
}
#car_trade .bar_bottom ol li .car_flex {
  align-items: center;
  font-size: 18px;
  color: #666;
}
#car_trade .bar_bottom ol li .car_flex .right {
  margin-right: 5px;
  font-size: 14px;
  color: #7fbe25;
}
#car_trade .bar_bottom ol li .car_flex .left {
  margin-left: 5px;
  font-size: 14px;
  color: #7fbe25;
}
#car_trade .car_list .box_list > li {
  border-bottom: 1px solid #444;
  padding-top: 20px;
  padding-bottom: 20px;
}
#car_trade .car_list .box_list > li:nth-child(1) {
  border-top: 1px solid #444;
}
#car_trade .car_list .box_list > li a:hover {
  color: #444;
  opacity: 0.6;
}
#car_trade .car_list .box_list li a .contents {
}
#car_trade .car_list .img_box {
  max-width: 375px;
  overflow: hidden;
  width: 37.5%;
  border-radius: 10px;
  position: relative;
}
#car_trade .car_list .img_box .img_photo {
  aspect-ratio: 4 / 3;
  height: auto;
  overflow: hidden;
}
#car_trade .car_list .img_box .img_photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  display: block;
}
#car_trade .car_list .txt_box {
  max-width: 625px;
  width: 62.5%;
  margin-left: 30px;
  border-bottom: 1px solid #444;
}
#car_trade .car_list .txt_box .main_box {
  border-bottom: 1px solid #444;
  justify-content: space-between;
}
#car_trade .car_list .txt_box .main_box .car_name {
  padding-top: 20px;
}
#car_trade .car_list .txt_box .main_box .car_price {
  border-bottom: none;
  padding-bottom: 0px;
  min-width: 150px;
}
#car_trade .car_list .txt_box .pr_box {
  padding-top: 10px;
}
#car_trade .car_list .txt_box .pr_box p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  overflow: hidden;
}

#car_trade .car_list .detail_list {
  margin-top: 20px;
  justify-content: space-between;
}
#car_trade .car_list .detail_list li {
  max-width: 130px;
  width: 100%;
  text-align: center;
}
#car_trade .car_list .detail_list li dl {
}
#car_trade .car_list .detail_list li dl dt {
  background-color: #666;
  color: #fff;
  border-radius: 20px;
  font-size: 14px;
  font-weight: normal;
  height: 23px;
  line-height: 23px;
}
#car_trade .car_list .detail_list li dl dd {
  margin-top: 15px;
}
.pagination_box {
  display: flex;
  justify-content: center;
  margin-top: 40px;
}
.pagination_bottom.flex_box {
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
}
.pagination_bottom li {
  font-size: 16px;
}
.pagination_bottom li + li {
  margin-left: 0;
}

@media screen and (max-width: 1600px) {
  #car_trade {
    padding-top: 180px;
    padding-bottom: 150px;
  }

  /*== 検索エリア ==*/
  #car_trade .search_form {
    margin-top: 120px;
  }
}

/*=============
  中古車詳細
=============*/
/*== 車詳細メイン ==*/
#car_detail {
  padding-top: 50px;
  padding-bottom: 0;
}
.detail_box {
  max-width: 1000px;
  margin: 0 auto;
  margin-top: 50px;
  padding-bottom: 50px;
  border-bottom: 1px solid #666;
}

.detail_box01 .car_name {
  border-bottom: 1px solid #444;
  position: relative;
  margin-bottom: 20px;
}
.detail_box01 .car_name p {
  font-size: 12px;
}
.detail_box01 .car_name .fav_heart {
  top: auto;
  left: auto;
  bottom: 5px;
  right: 10px;
}
.detail_box01 .fav_heart:before {
  top: 8px;
}
.detail_box01 .img_box {
  max-width: 600px;
  position: relative;
}

/*スライダー*/
.detail_box01 .slider_main {
  aspect-ratio: 4 / 3;
  border-radius: 10px;
  overflow: hidden;
}
.detail_box01 .slider_main .slick-list {
  height: 100%;
}
.detail_box01 .slider_main .slick-track {
  height: 100%;
}
.detail_box01 .slider_main .slick-slide {
  height: 100%;
}
.detail_box01 .slider_main .slick-slide > div {
  height: 100%;
}
.detail_box01 .slider_main:not(.slick-initialized) .slide_block:not(:first-child) {
  display: none;
}
.detail_box01 .img_box .sticky {
  position: relative;
}
.detail_box01 .img_box > .sticky > .fav_heart {
  top: 10px;
  left: 10px;
  bottom: auto;
  right: auto;
  z-index: 100;
}
.detail_box01 .slider_main .img_photo {
  height: 100%;
  overflow: hidden;
}
.detail_box01 .slider_main .img_photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}
.detail_box01 .slider_main .slick-next,
.detail_box01 .slider_main .slick-prev {
  display: none;
}
.detail_box01 .slider_thumb .slide {
  display: flex;
  flex-wrap: wrap;
  padding: 5px 25px 0;
}
.slider_thumb .slide .img_photo {
  width: 20%;
  height: 67.5px;
  overflow: hidden;
}
.slider_thumb .slide .slide_block:hover {
  opacity: 0.5;
  cursor: pointer;
}
.slider_thumb .slide .slide_block.thumbnail-current {
  overflow: hidden;
  border: 3px solid #7fbe25;
  box-sizing: border-box;
}
.slider_thumb .slide .slide_block.thumbnail-current img {
  opacity: 0.5;
}
.slider_thumb .slide .slide_block img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  font-size: 0;
}
.detail_box01 .slider_main .slick-next:before,
.detail_box01 .slider_main .slick-prev:before {
  content: none;
}
.detail_box01 .slider_thumb .slick-next,
.detail_box01 .slider_thumb .slick-prev {
  background-color: #666;
  height: 70px;
  z-index: 99;
}
.detail_box01 .slider_thumb .slick-next {
  right: 0;
}
.detail_box01 .slider_thumb .slick-prev {
  left: 0;
}
.detail_box01 .slider_thumb .slick-next:before,
.detail_box01 .slider_thumb .slick-prev:before {
  content: "";
  top: 29px;
  left: 6px;
  position: absolute;
  background-repeat: no-repeat;
  background-size: 10px;
  width: 10px;
  height: 12px;
  opacity: 1;
}
.detail_box01 .slider_thumb .slick-next:before {
  background-image: url(../../img/public/car/pc/arrow_s_right.svg);
}
.detail_box01 .slider_thumb .slick-prev:before {
  background-image: url(../../img/public/car/pc/arrow_s_left.svg);
}
.detail_box01 .slider_thumb .slick-next:hover,
.detail_box01 .slider_thumb .slick-prev:hover {
  opacity: 0.6;
}
.detail_box01 .slider_thumb .slick-next.slick-disabled:before,
.detail_box01 .slider_thumb .slick-prev.slick-disabled:before {
  opacity: 0.3;
}
.detail_box01 .slider_thumb .slick-next.slick-disabled:hover,
.detail_box01 .slider_thumb .slick-prev.slick-disabled:hover {
  opacity: 1;
}
.detail_box01 .right_box {
  max-width: 370px;
  width: 100%;
  margin-left: 30px;
}
.detail_box01 .left_box .sticky {
  position: sticky;
  position: -webkit-sticky;
  top: 130px;
}
.detail_box01 .car_price {
  padding-top: 0;
}
.detail_box01 .car_price .price {
  font-size: 18px;
  font-weight: bold;
  padding-left: 20px;
  line-height: 1;
  padding-top: 20px;
}
.detail_box01 .detail_list {
  margin-top: 20px;
  gap: 3%;
  /* justify-content: space-between; */
  flex-wrap: wrap;
}
.detail_box01 .detail_list li {
  max-width: 115px;
  width: 100%;
  text-align: center;
  margin-bottom: 20px;
}
.detail_box01 .detail_list li dl {
}
.detail_box01 .detail_list li dl dt {
  background-color: #666;
  color: #fff;
  border-radius: 20px;
  font-size: 14px;
  font-weight: normal;
  height: 23px;
  line-height: 23px;
}
.detail_box01 .detail_list li dl dd {
  margin-top: 10px;
}
.detail_box01 .btn_box {
  /*justify-content: space-between;*/
  flex-wrap: wrap;
}
.detail_box01 .btn_box > .mmc-buyrequest-profile-notice {
  flex: 0 0 100%;
  width: 100%;
  max-width: 100%;
  order: 10;
  margin-top: 12px;
}
.detail_box01 .btn_box > .buy_btn a,
.detail_box01 .btn_box > .buy_btn button.mmc-buyrequest-trigger {
  display: inline-block;
  width: 175px;
  height: 50px;
  border-radius: 50px;
  color: #fff;
  text-align: center;
  line-height: 50px;
  font-weight: bold;
}
.detail_box01 .btn_box > .buy_btn a,
.detail_box01 .btn_box > .buy_btn button.mmc-buyrequest-trigger {
  /*background-color: #ca2c28;*/
  background-color: #7fbe25;
}
/* button化によるUAスタイル差を吸収（幅・高さ等のサイズ指定は a と共通ルールのまま） */
.detail_box01 .btn_box > .buy_btn button.mmc-buyrequest-trigger {
  appearance: none;
  -webkit-appearance: none;
  border: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
  font-family: inherit;
  font-size: inherit;
  line-height: 50px;
  vertical-align: top;
  touch-action: manipulation;
}
@media (hover: hover) and (pointer: fine) {
  .detail_box01 .btn_box > .buy_btn a:hover,
  .detail_box01 .btn_box > .buy_btn button:hover {
    opacity: 0.6;
  }
}

/* 取引リクエスト確認：Bootstrap Data APIなしの開閉表示（見た目は既存 .modal 系を維持） */
#mmc-buyrequest-modal.is-open {
  display: block;
  opacity: 1;
  background-color: rgba(0, 0, 0, 0.5);
}
#mmc-buyrequest-modal.is-open .modal-dialog {
  transform: none;
}
body.mmc-buyrequest-modal-open {
  overflow: hidden;
}
/* 未ログイン時：ヘッダー #global_nav .nav_list.login a と同じスタイル、親要素幅100% */
.detail_box01 .btn_box > .mmc_login_btn_wrapper {
  width: 100%;
}
.detail_box01 .btn_box > .mmc_login_btn_wrapper a.mmc_login_btn_style {
  display: block;
  width: 100%;
  box-sizing: border-box;
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-weight: bold;
  background: none;
  border: 1px solid #3b4043;
  border-radius: 50px;
  transition: 0.3s;
  color: #3b4043;
}
.detail_box01 .btn_box > .mmc_login_btn_wrapper a.mmc_login_btn_style:hover {
  background-color: #3b4043;
  color: #fff;
  transition: 0.3s;
  opacity: 1;
}
.detail_box01 .btn_box > .fav_btn {
  margin-left: 20px;
}
.detail_box01 .btn_box > .fav_btn a {
  display: inline-block;
  width: 150px;
  height: 45px;
  line-height: 42px;
  border-radius: 50px;
  color: #ca2c28;
  text-align: center;
  font-weight: bold;
  /*background-color: #7fbe25;*/
  /*background-color: #ca2c28;*/
  border: 2px solid #ca2c28;
  font-size: 14px;
}
.detail_box01 .btn_box > .fav_btn a:hover {
  opacity: 0.6;
}
.detail_box01 .btn_box > .fav_btn .fav_btn_form button {
  display: inline-block;
  width: 150px;
  height: 45px;
  line-height: 42px;
  border-radius: 50px;
  color: #ca2c28;
  text-align: center;
  font-weight: bold;
  border: 2px solid #ca2c28;
  font-size: 14px;
  background: transparent;
  cursor: pointer;
}
.detail_box01 .btn_box > .fav_btn .fav_btn_form button:hover {
  opacity: 0.6;
}
/* お気に入り追加済：色反転（背景・文字を反転） */
.detail_box01 .btn_box > .fav_btn.is_favorited .fav_btn_label {
  display: inline-block;
  width: 150px;
  height: 45px;
  line-height: 42px;
  border-radius: 50px;
  color: #fff;
  text-align: center;
  font-weight: bold;
  border: 2px solid #ca2c28;
  font-size: 14px;
  background-color: #ca2c28;
  cursor: pointer;
}
.detail_box01 .btn_box > .fav_btn.is_favorited .fav_btn_form button.fav_btn_label {
  padding: 0;
  font-family: inherit;
}
/* プレビュー時：取引リクエスト・お気に入りを非活性表示（リンク・動作なし） */
.detail_box01 .btn_box > .buy_btn .mmc-preview-disabled {
  display: inline-block;
  width: 175px;
  height: 50px;
  border-radius: 50px;
  background-color: #7fbe25;
  color: #fff;
  text-align: center;
  line-height: 50px;
  font-weight: bold;
  cursor: default;
  opacity: 0.7;
  pointer-events: none;
}
.detail_box01 .btn_box > .fav_btn .mmc-preview-disabled {
  display: inline-block;
  width: 150px;
  height: 45px;
  line-height: 42px;
  border-radius: 50px;
  color: #ca2c28;
  text-align: center;
  font-weight: bold;
  border: 2px solid #ca2c28;
  font-size: 14px;
  background: transparent;
  cursor: default;
  opacity: 0.7;
  pointer-events: none;
}
.detail_box.favorite_added_notice {
  margin-top: 20px;
  margin-bottom: 0;
}
/* 出品者自身が閲覧時：取引リクエスト・お気に入りボタンの代わりに表示 */
.mmc-owner-notice {
  width: 100%;
  padding: 12px 16px;
  background-color: #ffebee;
  border-radius: 4px;
  margin: 0;
  border-radius: 10px;
}
.mmc-owner-notice .notes {
  margin: 0 0 8px;
}
.mmc-owner-notice p:last-child {
  margin: 0;
}
.mmc-owner-notice a {
  color: #c62828;
  text-decoration: underline;
  font-weight: bold;
}
.mmc-owner-notice a:hover {
  opacity: 0.8;
}
/* 取引当事者（購入者）が閲覧時：取引詳細へのリンク */
.mmc-deal-notice {
  width: 100%;
  padding: 12px 16px;
  background-color: #e3f2fd;
  border-radius: 10px;
  margin: 0;
}
.mmc-deal-notice .notes {
  margin: 0 0 8px;
}
.mmc-deal-notice p:last-child {
  margin: 0;
}
.mmc-deal-notice a {
  color: #1565c0;
  text-decoration: underline;
  font-weight: bold;
}
.mmc-deal-notice a:hover {
  opacity: 0.8;
}
.detail_box.favorite_added_notice .notes--success {
  display: block;
  padding: 12px 16px;
  background-color: #e8f5e9;
  border-left: 4px solid #4caf50;
  color: #2e7d32;
  font-weight: bold;
}
/* 仮会員：購入リクエスト不可メッセージ（取引リクエストボタン下） */
.mmc-buyrequest-profile-notice {
  display: block;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  margin-top: 16px;
  padding: 12px 16px;
  background-color: #fdecea;
  border-radius: 6px;
  color: #b42318;
  font-size: 14px;
  line-height: 1.6;
  word-break: normal;
  overflow-wrap: break-word;
  white-space: normal;
}
.detail_box01 .mmc-buyrequest-profile-notice {
  margin-top: 16px;
}
.mmc-buyrequest-profile-notice .notes,
.mmc-buyrequest-profile-notice p {
  margin: 0;
  padding: 0;
  color: inherit;
  font-size: inherit;
  line-height: inherit;
  white-space: normal;
  word-break: normal;
}
.detail_box.mmc-buyrequest-profile-notice {
  margin-top: 20px;
  margin-bottom: 0;
}

/*== 出品者 ==*/
.detail_box01 .seller {
  margin-top: 50px;
}
.detail_box01 .seller h4.ttl_tips {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
}
.detail_box01 .seller .content_box {
  padding: 20px 15px;
  border-top: 1px solid #444;
  border-bottom: 1px solid #444;
  cursor: pointer;
  position: relative;
}
.detail_box01 .seller .content_box:before {
  content: "";
  position: absolute;
  top: 30px;
  right: 25px;
  background-image: url(../../img/public/common/pc/arrow_right_kuro.svg);
  background-repeat: no-repeat;
  background-size: 25px;
  width: 25px;
  height: 27px;
  transition: 0.2s;
}
.detail_box01 .seller .content_box:hover {
  background-color: #f7f5ef;
}
.detail_box01 .seller .icon {
  width: 40px;
  height: 40px;
  overflow: hidden;
  border-radius: 50%;
}
.detail_box01 .seller .icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.detail_box01 .seller .name_box {
  margin-left: 10px;
}
.detail_box01 .seller .name_box > div {
  align-items: center;
}
.detail_box01 .seller .name_box p.name {
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
}
.detail_box01 .seller .hosi {
  margin-left: 15px;
}
.detail_box01 .seller .mark {
  color: #f6ab00;
}
.detail_box01 .seller .confirmed {
  margin-top: 5px;
  padding-left: 20px;
  font-size: 14px;
  font-weight: bold;
  display: inline-block;
  position: relative;
}
.detail_box01 .seller .confirmed:before {
  content: "";
  position: absolute;
  top: 2px;
  left: 0px;
  background-image: url(../../img/public/common/pc/safety.svg);
  background-repeat: no-repeat;
  background-size: 13px;
  width: 13px;
  height: 17px;
}
.detail_box01 .seller .content_box .textarea {
  margin-top: 15px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3; /* 任意の行数を指定 */
}
.detail_box01 .seller .content_box .textarea span {
  text-overflow: ellipsis;
}
.detail_box01 .seller .content_box .more_btn {
  text-align: center;
  width: 100%;
  font-size: 15px;
  color: #666;
}
.detail_box01 .seller .content_box:hover .more_btn {
  text-decoration: underline;
  opacity: 0.8;
}

/*モーダル画面*/
.detail_box01 .modal_box #profile {
  width: 100%;
}
.detail_box01 .modal_box .modal .modal-dialog {
  transform: none;
  max-width: 600px;
  margin-top: 50px;
}
.detail_box01 .modal_box .modal-content {
  padding: 20px;
}
.detail_box01 .modal_box .modal-content > .flex_box {
  align-items: flex-start;
}
.detail_box01 .modal_box .modal-content .icon {
  width: 56px;
  height: 56px;
}
.detail_box01 .modal_box .modal-content .name_box {
  margin-left: 16px;
}
.detail_box01 .modal_box .modal-content .name_box p.name {
  line-height: 1.4;
}
.detail_box01 .modal_box .modal-content .name_box .confirmed {
  margin-top: 8px;
}
.detail_box01 .modal_box .modal-content > p {
  display: flex;
  align-items: center;
  margin-top: 18px;
  font-size: 14px;
  line-height: 1.5;
}
.detail_box01 .modal_box .modal-content > p span {
  color: #999;
  margin-right: 20px;
  flex-shrink: 0;
}
.detail_box01 .modal_box .modal-content .textarea {
  margin-top: 10px;
  background-color: #ebebeb;
  border-radius: 10px;
  padding: 12px 15px;
  min-height: 4.5em;
  line-height: 1.6;
  text-align: justify;
  box-sizing: border-box;
}
.detail_box01 .modal_box .modal-content .btn_box {
  position: absolute;
  top: 20px;
  right: 20px;
  /*text-align: center;*/
}
.detail_box01 .modal_box .modal-content .mmc_btn {
  background-color: #999;
  color: #fff;
  font-size: 14px;
  border-radius: 50px;
  width: 30px;
  height: 30px;
  position: relative;
}
.detail_box01 .modal_box .modal-content .mmc_btn:before,
.detail_box01 .modal_box .modal-content .mmc_btn:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 3px;
  height: 15px;
  background: #fff;
}

.detail_box01 .modal_box .modal-content .mmc_btn:before {
  transform: translate(-50%, -50%) rotate(45deg);
}

.detail_box01 .modal_box .modal-content .mmc_btn:after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

/*== 質問・コメント ==*/
.detail_box01 .chat {
  margin-top: 30px;
}
.detail_box01 .chat h4.ttl_tips {
  font-size: 18px;
  font-weight: bold;
}
.detail_box01 .chat .chat_list {
  margin-left: 10px;
}
.detail_box01 .chat .chat_list li {
  margin-top: 30px;
}
.detail_box01 .chat .chat_list li .right {
  width: 300px;
}
.detail_box01 .chat .chat_list li .icon {
  width: 40px;
  height: 40px;
  overflow: hidden;
  border-radius: 50%;
}
.detail_box01 .chat .chat_list li .icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.detail_box01 .chat .chat_list li .name {
  margin-left: 10px;
  font-size: 14px;
  font-weight: bold;
}
.detail_box01 .chat .chat_list li .chat_box {
  margin-left: 15px;
  background-color: #f5f5f5;
  border-radius: 10px;
  padding: 12px 15px 0;
  width: 100%;
}
.detail_box01 .chat .chat_list li .chat_box p {
  line-height: 1.5;
}
.detail_box01 .chat .chat_list li .chat_box .bottom_area {
  justify-content: space-between;
  padding-top: 10px;
  padding-bottom: 5px;
}
.detail_box01 .chat .chat_list li .chat_box .bottom_area .day {
  font-size: 12px;
  color: #666;
}
.detail_box01 .chat .coment_btn {
  /*margin-left: 64px;*/
  margin-left: 35px;
  margin-top: 30px;
}

.detail_box01 .chat .coment_btn span {
  display: inline-block;
  max-width: 300px;
  width: 100%;
  height: 50px;
  /*line-height: 50px;*/
  line-height: 45px;
  text-align: center;
  color: #3b4043;
  /*background-color: #7fbe25;*/
  border: 4px solid #3b4043;
  border-radius: 50px;
  font-weight: bold;
  cursor: pointer;
}
.detail_box01 .chat .coment_btn span:hover {
  opacity: 0.6;
}

/*コメントする-ﾎﾟｯﾌﾟｱｯﾌﾟ画面*/
.detail_box01 .chat .chat_modal p.notes {
  border-bottom: 1px solid #666;
  padding-bottom: 10px;
  padding-right: 50px;
}
.detail_box01 .chat .chat_modal .chat_list {
  padding-bottom: 30px;
}
.detail_box01 .chat .chat_modal .chat_list li {
}
.detail_box01 .chat .chat_modal .chat_list li .right {
  width: 480px;
}
.detail_box01 .chat .chat_modal li .chat_box p {
}
.detail_box01 .chat .chat_modal .comment_area {
  background-color: #fff;
  position: sticky;
  bottom: 0;
  border-top: 1px solid #eaeaea;
}
.detail_box01 .chat .chat_modal .comment_area .inner {
  max-width: 1000px;
  margin: 0 auto;
  padding-top: 15px;
  padding-bottom: 20px;
}
.detail_box01 .chat .chat_modal .comment_area .inner .btn_area {
  justify-content: space-around;
  justify-content: flex-end;
}
.detail_box01 .chat .chat_modal .comment_area .inner .btn_area .btn_box {
  width: 100%;
  text-align: left;
}
.detail_box01 .chat .chat_modal .comment_area .inner .btn_area .mmc_btn {
  background-color: #999;
  color: #fff;
  margin-top: 0;
  font-size: 14px;
  border-radius: 50px;
  width: 80px;
}
.detail_box01
  .chat
  .chat_modal
  .comment_area
  .inner
  .btn_area
  .btn_send
  button {
  background-color: #7fbd25;
  color: #fff;
  width: 80px;
  height: 35px;
  border-radius: 50px;
  text-align: center;
  font-size: 14px;
}
.detail_box01 .chat .chat_modal .comment_area .inner .textarea {
  margin-top: 0;
  border-top: none;
  border-bottom: none;
}
.detail_box01 .chat .chat_modal .comment_area .inner .textarea textarea {
  display: block;
  width: 100%;
  background-color: #ebebeb;
  padding: 5px;
  height: 3em;
}

/*共通タイトル*/
.detail_ttlTips {
  font-size: 28px;
  font-weight: bold;
  margin-bottom: 5px;
}

/*== 基本情報（詳細）==*/
.detail_box02 {
}
.detail_box02 .deta_list {
  flex-wrap: wrap;
}
.detail_box02 .deta_list li {
  width: 50%;
  display: flex;
  min-height: 50px;
  height: auto;
  line-height: 50px;
  /*text-align: center;*/
  border-bottom: 1px solid #999;
  align-items: stretch;
}
.detail_box02 .deta_list li:nth-child(1),
.detail_box02 .deta_list li:nth-child(2) {
  border-top: 1px solid #999;
}
.detail_box02 .deta_list li dt {
  max-width: 200px;
  width: 100%;
  background-color: #99c1ad;
  color: #fff;
  font-weight: normal;
  border-left: 1px solid #999;
  font-size: 14px;
  padding-left: 20px;
}
.detail_box02 .deta_list li:nth-child(even) dt {
  border-left: none;
}
.detail_box02 .deta_list li dd {
  max-width: 300px;
  width: 100%;
  border-left: 1px solid #999;
  border-right: 1px solid #999;
  font-size: 14px;
  margin-bottom: 0;
  padding-left: 20px;
}

/* グレード：長い文字列でも折り返して行高を確保 */
.detail_box02 .deta_list li.grade {
  line-height: 1.6;
}
.detail_box02 .deta_list li.grade dt {
  display: flex;
  align-items: center;
}
.detail_box02 .deta_list li.grade dd {
  white-space: normal;
  word-break: normal;
  overflow-wrap: break-word;
  line-height: 1.6;
  min-width: 0;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-right: 12px;
  box-sizing: border-box;
}
.detail_box02 .deta_list li.shaken dd a {
  display: inline-block;
  width: 100%;
  height: 100%;
  text-decoration: underline;
}
.detail_box02 .deta_list li.shaken dd a:hover {
  background-color: #ebf3ef;
}

.detail_box02 .deta_list li.clm_1 {
  width: 100%;
}
.detail_box02 .deta_list li.clm_1 dd {
  max-width: initial;
  width: 100%;
}

/*== 装備仕様 ==*/
.detail_box03 {
  padding-bottom: 30px;
}
.detail_box03 .soubi_list {
  flex-wrap: wrap;
}
.detail_box03 .soubi_list li {
  max-width: 190px;
  width: 19%;
  text-align: center;
  height: 50px;
  border: 1px solid #999;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  font-size: 14px;
}
.detail_box03 .soubi_list li.mark {
  background-color: #ebb439;
  color: #fff;
}
.detail_box03 .soubi_list li + li {
  margin-left: 12.5px;
  margin-left: 1.25%;
}
.detail_box03 .soubi_list li:nth-child(5n + 1) {
  margin-left: 0;
}

/*== 出品者のコメント ==*/
.comment_box {
  max-width: 1000px;
  margin: 0 auto;
  margin-top: 50px;
  padding-bottom: 50px;
  border-bottom: 1px solid #666;
}
.comment_box .comment_ran {
  padding: 20px;
  border: 1px solid #999;
  min-height: 200px;
}
.comment_box .comment_ran p {
  text-align: justify;
  font-size: 14px;
}

@media screen and (max-width: 1600px) {
}

/*=============
  よくあるご質問
=============*/
#faq {
  padding-top: 180px;
  padding-bottom: 0;
}
.faq_list {
  max-width: 1000px;
  margin: 0 auto;
  margin-top: 90px;
}
.faq_list li {
  padding-top: 60px;
}
.faq_list li h4 {
  font-size: 32px;
  font-weight: bold;
  border-bottom: 2px solid #98a6b5;
  padding-left: 20px;
  position: relative;
}
.faq_list li h4:before {
  content: "";
  position: absolute;
  top: -5px;
  left: 0;
  background-color: #99c1ad;
  width: 10px;
  height: 38px;
}
.faq_list li dl {
  border-bottom: 1px solid #cdd6dd;
}
.faq_list li dl .question {
  font-size: 18px;
  position: relative;
  padding: 20px 40px 20px 30px;
  cursor: pointer;
  text-align: justify;
}
.faq_list li dl .question:after {
  content: "";
  position: absolute;
  top: 21px;
  right: 12px;
  background-image: url(../../img/public/common/pc/btn_accordion.svg);
  background-repeat: no-repeat;
  background-size: 18px;
  width: 18px;
  height: 12px;
}
.faq_list li dl .question.selected:after {
  transform: translateY(-50%) rotate(180deg);
}
.faq_list li dl .question.selected {
  background-color: #f7fafc;
}
.faq_list li dl .answer {
  font-size: 18px;
  margin: 0;
  padding: 20px 40px 20px 30px;
  position: relative;
  border-top: none;
  line-height: 1.75;
  text-align: justify;
  display: none;
}
.faq_list li dl .answer:before {
  content: "";
  position: absolute;
  top: 0;
  left: 30px;
  right: 40px;
  border-top: 1px solid #99c1ad;
}
.faq_list li dl .question.selected + .answer {
  background-color: #f7fafc;
}
.faq_list li.selected dl .answer {
  display: block;
}

@media screen and (max-width: 1600px) {
  #faq {
    padding-top: 180px;
  }
  .faq_list {
    margin-top: 70px;
  }
  .faq_list li h4 {
    font-size: 28px;
  }
}

/*=============
  車売買に必要な事項
=============*/
.wrapper_rule #rule {
  padding-top: 180px;
  padding-bottom: 0;
}
.rule_box_01 {
  padding-top: 150px;
}
.rule_box_02,
.rule_box_03 {
  padding-top: 60px;
}
.rule_list {
  max-width: 1000px;
  margin: 0 auto;
}
.rule_list li {
  padding-top: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #999;
}
.rule_list li + li {
}
.wrapper_rule #rule h4.sub_ttl {
  font-size: 32px;
  font-weight: bold;
  border-bottom: 2px solid #98a6b5;
  padding-left: 20px;
  position: relative;
  margin: 60px auto 0;
  max-width: 1000px;
}
.wrapper_rule #rule h4.sub_ttl:before {
  content: "";
  position: absolute;
  top: -5px;
  left: 0;
  background-color: #99c1ad;
  width: 10px;
  height: 38px;
}
.rule_list li h5 {
  font-size: 24px;
  font-weight: bold;
  padding-left: 30px;
  padding-bottom: 10px;
  position: relative;
}
.rule_list li h5:before {
  content: "";
  position: absolute;
  top: 6px;
  left: 12px;
  width: 10px;
  height: 10px;
  background-color: #99c1ad;
  border-radius: 50%;
}
.rule_list li p {
  padding-left: 30px;
  font-size: 18px;
}
.wrapper_rule .rule_list li p a {
  color: #ca2c28;
  text-decoration: underline;
}
.wrapper_rule .rule_list li p a:hover {
  color: #666;
  opacity: 1;
  text-decoration: underline;
}
.rule_docs .txt_intro {
  line-height: 1.75;
}
.rule_docs .docs_box_wrap {
  max-width: 820px;
  margin-top: 14px;
  margin-left: 30px;
  justify-content: space-between;
}
.rule_docs .docs_box {
  position: relative;
  max-width: 395px;
  width: 48%;
  min-height: 230px;
  padding: 28px 18px 16px;
  border: 1px solid;
  border-radius: 5px;
}
.rule_docs .docs_seller {
  border-color: #7fbe25;
}
.rule_docs .docs_buyer {
  border-color: #f0a700;
}
.rule_docs .docs_label {
  display: inline-block;
  position: absolute;
  top: 8px;
  left: 10px;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  line-height: 1;
  padding: 6px 10px 5px;
  border-radius: 999px;
}
.rule_docs .docs_seller .docs_label {
  background-color: #7fbe25;
}
.rule_docs .docs_buyer .docs_label {
  background-color: #f0a700;
}
.rule_docs .docs_list {
  margin-top: 15px;
}
.rule_docs .docs_list li {
  border-bottom: 0;
  padding: 0;
  font-size: 17px;
  line-height: 1.6;
}
.rule_docs .docs_list li + li {
  margin-top: 2px;
}

@media screen and (max-width: 1600px) {
  .wrapper_rule #rule {
    padding-top: 180px;
  }
  .rule_list {
    margin-top: 0;
  }
  .wrapper_rule #rule h4.sub_ttl {
    font-size: 28px;
  }
  .rule_list li h5 {
    font-size: 22px;
  }
}

/*=============
  特定商取引法に関する表記
=============*/
#commerce {
  padding-top: 180px;
  padding-bottom: 50px;
}
.commerce_list {
  max-width: 1000px;
  margin: 0 auto;
  margin-top: 150px;
}
.commerce_list li {
}
.commerce_list li + li {
  margin-top: 60px;
}
.commerce_list li h4 {
  font-size: 32px;
  font-weight: bold;
  border-bottom: 2px solid #98a6b5;
  padding-left: 20px;
  position: relative;
  margin-bottom: 30px;
}
.commerce_list li h4:before {
  content: "";
  position: absolute;
  top: -5px;
  left: 0;
  background-color: #99c1ad;
  width: 10px;
  height: 38px;
}
.commerce_list li p {
  padding-left: 30px;
  font-size: 18px;
}
.commerce_list li.email p img {
  width: 175px;
}
.commerce_list li p a {
}
.commerce_list li p a:hover {
  text-decoration: underline;
}

@media screen and (max-width: 1600px) {
  #commerce {
    padding-top: 180px;
    padding-bottom: 50px;
  }
  .commerce_list {
    margin-top: 130px;
  }
  .commerce_list li h4 {
    font-size: 28px;
  }
}

/*=============
  プライバシーポリシー
=============*/
#privacy {
  padding-top: 180px;
  padding-bottom: 50px;
}
#privacy > p {
  max-width: 1000px;
  margin: 120px auto 0;
  padding-left: 30px;
  padding-right: 30px;
  font-size: 18px;
  line-height: 1.75;
}
#privacy > p + .privacy_list {
  margin-top: 80px;
}
.privacy_list {
  max-width: 1000px;
  margin: 0 auto;
  margin-top: 150px;
}
.privacy_list li {
}
.privacy_list > li + li {
  margin-top: 60px;
}
.privacy_list li h4 {
  font-size: 32px;
  font-weight: bold;
  border-bottom: 2px solid #98a6b5;
  padding-left: 20px;
  position: relative;
  margin-bottom: 30px;
}
.privacy_list li h4:before {
  content: "";
  position: absolute;
  top: -5px;
  left: 0;
  background-color: #99c1ad;
  width: 10px;
  height: 38px;
}
.privacy_list li h5 {
  font-size: 24px;
  font-weight: bold;
  padding-left: 30px;
  padding-bottom: 10px;
}
.privacy_list li p {
  padding-left: 30px;
  font-size: 18px;
}
.privacy_list li p a {
}
.privacy_list li p a:hover {
  text-decoration: underline;
}
.privacy_list li ul {
  padding-left: 30px;
}
.privacy_list li ul li {
  font-size: 18px;
  line-height: 1.75;
}
.privacy_list li ul li + li {
  margin-top: 10px;
}

@media screen and (max-width: 1600px) {
  #privacy {
    padding-top: 180px;
    padding-bottom: 50px;
  }
  .privacy_list {
    margin-top: 130px;
  }
  .privacy_list li h4 {
    font-size: 28px;
  }
}

/*=============
  404 Not Found
=============*/
#not-found {
  padding-top: 180px;
  padding-bottom: 50px;
}
.not-found_content {
  max-width: 1000px;
  margin: 0 auto;
  margin-top: 150px;
}
.not-found_content p {
  padding-left: 30px;
  font-size: 18px;
  line-height: 1.75;
}
.not-found_content .not-found_links {
  padding-left: 30px;
  margin-top: 30px;
}
.not-found_content .not-found_links li {
  font-size: 18px;
  line-height: 1.75;
}
.not-found_content .not-found_links li + li {
  margin-top: 15px;
}
.not-found_content .not-found_links a:hover {
  text-decoration: underline;
}

@media screen and (max-width: 1600px) {
  #not-found {
    padding-top: 180px;
    padding-bottom: 50px;
  }
  .not-found_content {
    margin-top: 130px;
  }
}

/*=============
  利用規約
=============*/
#policy {
  padding-top: 180px;
  padding-bottom: 50px;
}
.policy_list {
  max-width: 1000px;
  margin: 0 auto;
  margin-top: 150px;
}
.policy_list li {
}
.policy_list > li + li {
  margin-top: 60px;
}
.policy_list li h4 {
  font-size: 32px;
  font-weight: bold;
  border-bottom: 2px solid #98a6b5;
  padding-left: 20px;
  position: relative;
  margin-bottom: 30px;
}
.policy_list li h4:before {
  content: "";
  position: absolute;
  top: -5px;
  left: 0;
  background-color: #99c1ad;
  width: 10px;
  height: 38px;
}
.policy_list li h5 {
  font-size: 24px;
  font-weight: bold;
  padding-left: 30px;
  padding-bottom: 10px;
}
.policy_list li p {
  padding-left: 30px;
  font-size: 18px;
}
.policy_list li p a {
}
.policy_list li p a:hover {
  text-decoration: underline;
}
.policy_list li ul {
  padding-left: 30px;
  font-size: 18px;
}
.policy_list li ul li {
  line-height: 1.75;
}
.policy_list li ul li + li {
  margin-top: 10px;
}

@media screen and (max-width: 1600px) {
  #policy {
    padding-top: 180px;
    padding-bottom: 50px;
  }
  .policy_list {
    margin-top: 130px;
  }
  .policy_list li h4 {
    font-size: 28px;
  }
}

/*=============
  お問い合わせ
=============*/
#contact {
  padding-top: 180px;
  padding-bottom: 50px;
}

p.contact_txt {
  margin-top: 150px;
  text-align: center;
}
#formWrap {
  max-width: 1000px;
  margin: 0 auto;
  margin-top: 50px;
}
form.form {
  margin: 0 auto;
}
.formTable {
  padding: 50px 150px;
  background-color: #f7f5ef;
}
.formTable dl {
}
.formTable .textarea dt {
  padding: 30px 20px 0 0;
  vertical-align: top;
}
.formTable dd {
  width: 100%;
  padding-top: 0;
}
.formTable dt {
  text-align: left;
  border: none;
  padding: 30px 20px 0 0;
  box-sizing: border-box;
  font-weight: bold;
  width: 300px;
}
.formTable dt .required {
  margin-right: 10px;
  background-color: #ca2c28;
  padding: 3px 10px;
  border-radius: 3px;
  font-size: 13px;
  color: #fff;
}
.formTable dt .any {
  margin-right: 10px;
  background-color: #fff;
  padding: 5px 10px;
  border-radius: 5px;
  font-size: 16px;
  color: #6e6e6e;
}
.formTable dd .record_area {
  padding: 10px 13px;
  border: 1px solid #ddd;
  color: #555;
  width: 100%;
  box-sizing: border-box;
  border-radius: 6px;
  margin-top: 15px;
  height: 48px;
  font-size: 16px;
  padding-left: 15px;
  background-color: #fff;
}
.formTable .textarea dd .record_area {
  height: 230px;
}
.formTable dd .record_area:focus {
  outline: none;
}
input[type="submit"] {
}
input[type="button"] {
}
input[type="submit"] {
  padding: 0;
  transition: 0.3s;
  cursor: pointer;
  background-color: #444;
  color: #fff;
  width: 270px;
  height: 48px;
  font-size: 18px;
  border-radius: 50px;
  -webkit-appearance: none;
}
input[type="submit"]:hover {
  transition: 0.3s;
  opacity: 0.8;
  background-color: #f6ab00;
  color: #fff;
}
input[type="button"] {
  padding: 0;
  transition: 0.3s;
  cursor: pointer;
  background-color: #999;
  color: #fff;
  width: 270px;
  height: 48px;
  font-size: 18px;
  border-radius: 50px;
  -webkit-appearance: none;
}
input[type="button"]:hover {
  background-color: #777;
}
input[type="reset"] {
  padding: 10px 25px;
  margin-left: 20px;
  border: 1px solid #ddd;
  cursor: pointer;
  margin-left: 20px;
  border-radius: 0;
  -webkit-appearance: none;
}
input[type="reset"]:hover {
  background-color: #dfdfdf;
  transition: 0.5s;
}
@keyframes onAutoFillStart {
  from {
  }
  to {
  }
}
input:-webkit-autofill {
  animation-name: onAutoFillStart;
  transition: background-color 50000s ease-in-out 0s;
}

/*プライバシーポリシー*/
#formWrap .privacy_txt {
  font-size: 14px;
  text-align: center;
  margin-top: 50px;
}

#formWrap .privacy_check {
  display: none;
}
#formWrap .privacy_check .required {
  margin-right: 13px;
  background-color: #f9c270;
  padding: 5px 13px;
  border-radius: 5px;
  font-size: 14px;
  color: #fff;
}
#formWrap .privacy_check .text_check {
  display: inline-block;
  transform: translateY(1px);
}
#formWrap .privacy_check input[type="checkbox" i] {
  margin: 0;
  transform: scale(1.1);
}
#formWrap .privacy_txt a {
  text-decoration: underline;
}

#formWrap .form_btn {
  text-align: center;
  margin-top: 50px;
}

@media screen and (max-width: 599px) {
  #formWrap .privacy_txt {
    max-width: 599px;
    margin-top: 50px;
    padding-left: 5.3334%;
    padding-right: 5.3334%;
    box-sizing: border-box;
  }
  #formWrap .termsBox {
    margin-top: 5px;
    width: 90%;
  }
  #formWrap .form_btn {
    margin-top: 50px;
  }
}

@media screen and (max-width: 1600px) {
  #contact {
    padding-top: 180px;
    padding-bottom: 50px;
  }
  p.contact_txt {
    margin-top: 100px;
  }
}

/*=============
  お問い合わせ【確認】
=============*/
.kakunin {
  margin-top: 50px;
  margin-bottom: 50px;
}
p.kakunin_txt {
  margin-top: 120px;
  margin-bottom: 50px;
}
#contact.kakunin .formTable dd .record_area {
  height: auto;
  min-height: 48px;
  line-height: 1.6;
}
#contact.kakunin .formTable .textarea dd .record_area {
  height: auto;
  min-height: 230px;
}
#contact.kakunin table.formTable tr:last-child td {
  min-height: 230px;
}
input[type="button"] {
  margin-left: 20px;
}
.error_box input[type="button"] {
  margin-left: 0;
}
.error_box {
  margin-top: 120px;
}
#contact:not(.kakunin) .error_box {
  margin-top: 40px;
}
#contact #formWrap .messe_box p.error_messe {
  color: #ca2c28;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.6;
  min-height: 0;
  margin-top: 16px;
  padding: 0;
  text-align: left;
}
#contact .formTable dd .field_error {
  color: #ca2c28;
  font-size: 14px;
  font-weight: bold;
  margin: 8px 0 0;
  line-height: 1.5;
  text-align: left;
}
#contact .contact_form_notice {
  max-width: 1000px;
  margin: 0 auto 20px;
  padding: 0 20px;
  box-sizing: border-box;
  text-align: center;
}
.error_h4 .error_txt {
  color: #f01;
  font-weight: bold;
}
.messe_box {
  margin-top: 50px;
  padding-left: 150px;
  padding-right: 150px;
  box-sizing: border-box;
  padding-top: 12px;
  padding-bottom: 50px;
  margin-bottom: 50px;
  background-color: #f7f5ef;
}
.error_messe {
  font-size: 18px;
  min-height: 48px;
  line-height: 48px;
  border-radius: 10px;
  box-sizing: border-box;
  margin-top: 38px;
}
.error_messe dt {
  max-width: 640px;
  text-align: left;
  border: none;
  box-sizing: border-box;
  font-weight: bold;
  line-height: 1;
}
.error_messe dt .required {
  margin-right: 10px;
  background-color: #ca2c28;
  padding: 3px 10px;
  border-radius: 3px;
  font-size: 13px;
  color: #fff;
}
.error_messe dd {
  max-width: 640px;
  width: 100%;
  padding-top: 0;
  border: 1px solid #ddd;
  color: #888;
  width: 100%;
  box-sizing: border-box;
  border-radius: 6px;
  height: 48px;
  font-size: 16px;
  padding-left: 15px;
  background-color: #fff;
  text-align: left;
  margin-top: 10px;
}
#contact.kakunin table.formTable tr {
  max-width: 640px;
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
}
#contact.kakunin table.formTable tr + tr {
  margin-top: 30px;
}
#contact.kakunin table.formTable th {
  text-align: left;
  font-weight: normal;
  border: none;
  box-sizing: border-box;
  font-weight: bold;
}
#contact.kakunin table.formTable td {
  max-width: 700px;
  width: 700px;
  padding: 10px 13px !important;
  border: 1px solid #ddd;
  border-radius: 5px;
  color: #555;
  width: 100%;
  background-color: #fff;
  box-sizing: border-box;
  display: block;
  margin-top: 10px;
  min-height: 48px;
}
#contact.kakunin table.formTable tr:last-child td {
  min-height: 230px;
}
@media screen and (max-width: 1024px) {
  .kakunin_box .inner {
    margin-top: 50px;
  }
  #formWrap .formTable tbody tr + tr {
    padding-top: 0;
  }
  #formWrap .formTable tbody tr th {
    max-width: initial;
    padding-bottom: 0px;
    padding-top: 20px;
  }
  #formWrap .formTable tbody tr td {
    max-width: initial;
    margin-top: 5px;
  }
  .messe_box {
    padding-left: 5.3334%;
    padding-right: 5.3334%;
    border-radius: 0;
    padding-top: 30px;
  }

  /* flow_02 比較表（SP/タブレット余白調整） */
  #flow_02 .compare_table img {
    margin-top: 16px;
  }
}

@media screen and (max-width: 599px) {
  input[type="button"] {
    margin: 0 auto;
  }
  input[type="submit"] {
    margin-bottom: 30px;
  }
  .error_messe {
    margin-top: 20px;
  }
  .error_messe dt {
    font-size: 16px;
  }
  .error_messe dt .required {
    font-size: 14px;
  }
}

/*=============
  お問い合わせ【完了】
=============*/
#thanks {
  padding-top: 180px;
  padding-bottom: 50px;
  background-color: #f7f5ef;
}
.thanks_box {
  max-width: 1000px;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box;
}
.thanks_card {
  background-color: #fff;
  border-radius: 12px;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08);
  padding: 56px 80px 48px;
  text-align: center;
  box-sizing: border-box;
}
.tanks_txt {
  margin: 0;
  font-size: 36px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  line-height: 1.4;
}
.thanks_accent {
  width: 72px;
  height: 4px;
  margin: 28px auto 40px;
  border-radius: 2px;
  background: linear-gradient(to right, #7fbe25 0%, #7fbe25 50%, #f6ab00 50%, #f6ab00 100%);
}
.thanks_body {
  max-width: 720px;
  margin: 0 auto;
}
.thanks_lead {
  margin: 0;
  font-size: 16px;
  line-height: 1.9;
  color: #444;
}
.thanks_block {
  margin: 0;
  padding: 28px 0 0;
  font-size: 16px;
  line-height: 1.9;
  color: #555;
}
.thanks_block + .thanks_block {
  border-top: 1px dotted #ccc;
  margin-top: 28px;
}
#thanks .top_back {
  margin-top: 48px;
}
#thanks .top_back a {
  display: inline-block;
  min-width: 280px;
  max-width: 100%;
  padding: 14px 40px;
  background-color: #f6ab00;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.4;
  text-decoration: none;
  border-radius: 50px;
  box-sizing: border-box;
  transition: opacity 0.3s;
}
#thanks .top_back a:hover {
  opacity: 0.85;
  color: #fff;
}

@media screen and (max-width: 1600px) {
  #thanks {
    padding-top: 180px;
  }
}

@media screen and (max-width: 767px) {
  #thanks {
    padding-top: 140px;
    padding-bottom: 0px;
  }
  .thanks_box {
    padding: 0 5.3334%;
  }
  .thanks_card {
    padding: 40px 24px 36px;
    border-radius: 8px;
  }
  .tanks_txt {
    font-size: 6.5vw;
  }
  .thanks_accent {
    width: 60px;
    margin: 20px auto 28px;
  }
  .thanks_lead,
  .thanks_block {
    font-size: 15px;
    line-height: 1.85;
    text-align: left;
  }
  .thanks_lead {
    text-align: center;
  }
  #thanks .top_back a {
    min-width: 0;
    width: 100%;
    padding: 16px 24px;
    font-size: 16px;
  }
}