@charset "UTF-8";

:root {
  --main_width: 1275px;
  --font00: 'NotoSansCJKjp-Regular', 'NotoSansCJKjp', Arial, Helvetica, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HiraKakuPro-W3", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  --font01: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
  --font02: -apple-system, "游ゴシック Medium", "Yu Gothic Medium";
  --logo_color: #FFE800;
  --main_color: #215274;
  --base_color: #f5f5f5;
  --main_color_dark: #02a8ae;
  --main_color_light: #5c707d;
  --accent_color: #ff8181;
  --accent_color02: #fd9445;
  --danger_color: #f32363;
}

@media screen and (max-width: 767px) {
  :root {
    --font01: 'NotoSansCJKjp-Regular', 'NotoSansCJKjp', Arial, Helvetica, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HiraKakuPro-W3", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    --font02: 'NotoSansCJKjp-Regular', 'NotoSansCJKjp', Arial, Helvetica, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HiraKakuPro-W3", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  }
}

/* HTML 5
-------------------------------------------------- */
html, body {
  -webkit-text-size-adjust: none;
  overscroll-behavior: none;
  -ms-scroll-chaining: chained;
  background-color: #e2e2e2;
}

@media screen and (max-width: 767px) {
  .all_scrolling_for {
    width: 100vw;
    overflow: hidden;
  }
}

section, nav, article, aside, hgroup, header, footer, figure, figcaption, summary {
  display: block;
  margin: 0;
  padding: 0;
}

/* reset
---------------------------------------- */
* {
  margin: 0px;
  padding: 0px;
}

*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

h1 {
  font-size: 1.7rem;
}

h2 {
  font-size: 1.7rem;
}

h3 {
  font-family: var(--font02);
  font-size: 1.3rem;
}

h4, h5, h6 {
  font-size: 16px;
  font-weight: 500;
}

@media screen and (max-width: 767px) {
  h2 {
    font-size: 1.3rem;
  }

  h3 {
    font-size: 1.1rem;
  }
}

.imgBox {
  line-height: 0;
}

img {
  max-width: 100%;
  height: auto;
  padding: 0;
  margin: 0;
  border: none;
  -webkit-backface-visibility: hidden;
}

.carImage, .carImageEstimate {
  width: 260px;
  max-width: 260px;
  min-width: 260px;
}

.carImage:hover {
  transform: scale(1.17);
  transition: 0.3s;
}

@media screen and (max-width: 767px) {
  .carImage, .carImageEstimate {
    width: 100%;
    max-width: 260px;
    min-width: auto;
  }
}

.bgnone {
  padding: 0;
  margin: 0;
  line-height: 0;
  border: none;
  background: none;
}

ul, ul li, ol, ol li {
  list-style-type: none;
  margin: 0;
}

ol {
  counter-reset: item;
  /* counter-reset: item 1; 「2」からカウントし始める*/
}

ol>li {
  position: relative;
  padding-left: 1.6rem;
  line-height: 1.5;
}

ol>li:before {
  margin: 0;
  counter-increment: item;
  content: counter(item)'.';
  padding-right: .5em;
  font-weight: 600;
  color: var(--main_color);
  position: absolute;
  left: 0;
  top: 0;
}

table {
  width: 100%;
  margin: 20px 0;
  border-collapse: collapse;
  border-spacing: 0;
}

.type01 {
  width: 100%;
}

.type01 tr {
  border-right: 1px solid #dbdbdb;
}

.type01 th {
  padding: 10px 10px;
  color: #fff;
  border-right: 1px solid #fff;
  background: var(--main_color);
}

.type01 tr:nth-child(2n) {
  text-align: center;
  background: #f9f9fa;
}

.type01 td {
  padding: 15px 10px;
  border-left: 1px solid #dbdbdb;
  border-bottom: 1px solid #dbdbdb;
}

@media screen and (max-width: 767px) {
  .type01 {
    width: 100%;
    line-height: 1.3;
    letter-spacing: 0;
  }
}

hr {
  display: block;
  -webkit-margin-before: 10px;
  -webkit-margin-after: 0;
  margin-top: 10px;
  -webkit-margin-start: auto;
  -webkit-margin-end: auto;
  border: none;
  border-top: #c0ee5c 1px solid;
}

br {
  padding: 0;
  margin: 0;
  font-size: 1px;
  line-height: 1;
}

.clearfix:after {
  content: "";
  display: block;
  clear: both;
}

.flexBox {
  display: flex;
}

.alignRight {
  text-align: right;
}

.alignLeft {
  text-align: left;
}

.pcOnly {
  display: block;
}

.spOnly {
  display: none;
}

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

  .spNone {
    display: none;
  }

  .spOnly {
    display: inherit;
  }
}

button {
  /* ブラウザ特有のスタイルを無効に */
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border: 0;
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  cursor: pointer;
  background-color: transparent;
}

@media(min-width:751px) {
  .sp {
    display: none !important;
  }
}

@media(max-width:750px) {
  .pc {
    display: none !important;
  }
}

/* body
-------------------------------------------------- */
body {
  font-family: 'NotoSansCJKjp-Regular', 'NotoSansCJKjp', Arial, Helvetica, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HiraKakuPro-W3", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  width: 100%;
  padding: 0;
  padding-top: 68px;
  margin: 0;
  font-size: 95%;
  line-height: 1.8;
  letter-spacing: 1px;
  color: #111;
  background: #fff;
}

body.logined {
  padding-top: 83px;
}

@media screen and (max-width: 1050px) and (min-width: 768px) {
  body {
    padding-top: 55px;
  }

  body.logined {
    padding-top: 80px;
  }
}

@media screen and (max-width: 767px) {
  body {
    padding-top: 45px;
  }

  body.logined {
    padding-top: 70px;
  }
}

/* 要素設定
-------------------------------------------------- */
a {
  color: #2b2b2b;
  text-decoration: none;
}

a:hover {
  color: #2b2b2b;
}

input, select, textarea {
  font-size: 18px;
  cursor: pointer;
}

select::-ms-expand {
  display: none;
}

input[type=email], input[type=password], input[type=tel], input[type=text], select, textarea {
  font-family: var(--font01);
  width: 100%;
  font-size: 100%;
  height: 45px;
  line-height: 45px;
  padding: 0 15px;
  margin: 0 auto;
  border-radius: 3px;
  outline: none;
  border: 1px solid #dadada;
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-tap-highlight-color: transparent;
  background: #f9f9fa;
  background: none;
}

input[type=checkbox], input[type=radio] {
  display: none;
}

.radioBox .wap {
  width: 100%;
  max-width: 100px;
  height: 35px;
  margin: 0 8px 0 0;
  transition: all 0.1s;
  cursor: pointer;
  display: flex;
  align-items: center;
}

.radioBox .wap:hover {
  color: #111;
}

.radioBox .wap .t {
  width: 100%;
  height: 100%;
  padding: 5px;
  cursor: pointer;
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  border: 1px solid #f4f4f4;
  line-height: 1.3;
}

.radioBox .wap .t .icon {
  width: inherit;
  min-width: inherit;
  max-width: inherit;
  height: inherit;
  margin: 5px auto;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 2rem;
  position: relative;
  background: #fff;
}

.radioBox .wap input:checked~.t {
  border: 1px solid var(--logo_color);
}

.radioBox .wap input:checked~.icon:before {
  color: #111;
  display: inherit;
}

.radioBox .wap input:checked~.name {
  color: #111;
}

@media screen and (max-width: 767px) {
  input[type=email], input[type=password], input[type=tel], input[type=text], select, textarea {
    font-size: 18px;
    letter-spacing: 0;
  }
}

/* タイトル関係 */
.topBigTitle {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.7rem;
  color: #6c6c6c;
}

@media screen and (max-width: 767px) {
  .topBigTitle {
    text-align: center;
  }
}

@media screen and (min-width: 768px) {
  .topBigTitle .brDisp {
    display: none;
  }
}

.normalType {
  font-family: var(--font00);
  display: flex;
  justify-content: center;
  align-items: center;
  color: #393939;
  flex-direction: column;
}

.normalType span {
  display: flex;
}

.normalType .titleSText {
  font-size: 0.7rem;
  font-weight: 500;
}

.normalType:after {
  width: 120px;
  height: 6px;
  margin: 25px 0 0;
  border-radius: 15px;
  display: inline-block;
  content: "";
  background: #d7d7d7;
}

.underMainTitle {
  padding: 20px 5px 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  color: #505050;
  text-align: center;
}

.underMainTitle:after {
  width: 120px;
  height: 6px;
  margin: 20px 0 0;
  border-radius: 15px;
  display: inline-block;
  content: "";
  background: #D3D3D3;
}

@media screen and (max-width: 767px) {
  .estimate .underMainTitle:after {
    display: none;
  }
}

.underMainTitle .miniText {
  order: 3;
  max-width: 630px;
  margin: 15px 5px 0;
  font-size: 0.9rem;
  font-weight: 500;
  color: #868686;
  flex-wrap: wrap;
  justify-content: center;
}

@media screen and (max-width: 767px) {
  .underMainTitle {
    padding: 20px 15px 0 15px;
    margin: 0 auto 0;
  }

  .underMainTitle .tBox {
    line-height: 1.3;
  }
}

.underBigTitle {
  padding: 0 0;
  margin: 20px 5px 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  color: #6c6c6c;
}

@media screen and (max-width: 767px) {
  .underBigTitle {
    margin-right: 13px;
    margin-left: 13px;
  }
}

.underLineTitle {
  padding: 0 0;
  margin: 20px 5px 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  color: #6c6c6c;
}

.underLineTitle:after {
  width: 100%;
  height: 3px;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  border-radius: 4px;
  content: "";
  background: var(--main_color);
}

@media screen and (max-width: 767px) {
  .underLineTitle {
    margin-right: 13px;
    margin-left: 13px;
  }
}

.title {
  padding: 10px 5px 20px;
  margin-bottom: 20px;
  border-bottom: 2px;
  position: relative;
}

.title:before {
  z-index: 2;
  width: 120px;
  height: 5px;
  border-radius: 15px;
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #666;
}

.title:after {
  z-index: 1;
  width: 100%;
  height: 5px;
  border-radius: 15px;
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #d7d7d7;
}

.s_title {
  padding: 15px 0 15px;
  margin: 5px 0;
  font-size: 1.1rem;
  font-weight: 500;
  position: relative;
}

.s_title:after {
  z-index: 1;
  width: 150px;
  height: 4px;
  border-radius: 15px;
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #e6e8e8;
}

.feature_numBox {
  font-family: var(--font00);
  margin: 0 0 0;
  color: var(--main_color);
  align-items: flex-end;
  line-height: 1;
}

.feature_numBox_firstBox {
  margin: 0 3px 4px 3px;
  color: #111;
  font-size: 0.9rem;
  letter-spacing: 0.03rem;
  font-weight: normal;
  display: flex;
  align-items: flex-end;
}

.feature_numBox_leftBox {
  color: var(--accent_color);
  font-size: 1.1rem;
  display: flex;
  align-items: center;
  position: relative;
}

.feature_numBox_leftBox:after {
  z-index: -1;
  width: 100%;
  height: 9px;
  padding: 0 7px;
  display: none;
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  right: 50%;
  transform: translate(-50%, 0);
  background: #fffaae;
}

.feature_numBox_leftBox b {
  font-size: 1.5rem;
  font-weight: 800;
  padding-right: 1px;
  display: flex;
  align-items: flex-end;
}

.feature_numBox_leftBox.no_result {
  color: #2b2b2b;
}

.feature_numBox_rightBox {
  margin: 0 0 4px 3px;
  color: #111;
  font-size: 0.9rem;
  letter-spacing: 0.03rem;
  font-weight: normal;
  display: flex;
  align-items: flex-end;
}

.text_end {
  text-align: right;
}

.text_end .flexBox {
  justify-content: flex-end;
}

@media screen and (max-width: 767px) {
  .text_end {
    margin-right: 15px;
  }

  .text_end .flexBox {
    flex-wrap: wrap;
  }
}

.komeBox .kome {
  display: inline-block;
  padding: 0 3px 0 0;
  font-size: 0.7rem;
  vertical-align: text-top;
}

@media screen and (max-width: 767px) {
  .komeBox {
    font-size: 0.8rem;
  }
}

.estimate .otherContent {
  padding: 0 !important;
  margin: -30px 0 0px !important;
}

.estimate .footer {
  margin-top: 0 !important;
}

.searchBtn {
  width: 220px;
  height: 40px;
  margin: 0 auto;
  cursor: pointer;
}

.searchBtn .inner {
  width: 100%;
  height: 40px;
  line-height: 40px;
  margin: 0;
  display: flex;
  color: #fff;
  font-weight: 500;
  font-size: 1rem;
  align-items: center;
  justify-content: center;
  border-radius: 20px;
  transition: all 0.25s cubic-bezier(0.2, 1.15, 0.5, 1.2);
  background: var(--main_color);
}

.searchBtn .icon {
  line-height: 40px;
  padding: 0;
  margin: 0 0 0 8px;
  display: block;
  font-size: 0.8rem;
}

.searchBtn:hover .inner {
  transform: scale(1.1);
  transition: all 0.25s cubic-bezier(0.2, 1.15, 0.5, 1.2);
}

.linkBtn {
  height: 40px;
  margin: 0 0 0 5px;
  display: inline-flex;
  cursor: pointer;
  transition: all 0.1s;
  border-radius: 20px;
  text-decoration: none !important;
  background: #e2e2e2;
}

.linkBtn .inner {
  height: 40px;
  line-height: 40px;
  padding: 0 10px;
  margin: -3px 0 0 -2px;
  display: flex;
  color: #fff;
  font-size: 1rem;
  align-items: center;
  justify-content: center;
  border-radius: 20px;
  background: var(--main_color);
}

.linkBtn .t {
  margin: -2px 0 0;
}

.linkBtn .icon {
  line-height: 40px;
  padding: 0;
  margin: 0 0 0 8px;
  display: block;
  font-size: 0.8rem;
}

.linkBtn.gray {
  background: none;
}

.linkBtn .inner {
  color: #666;
  margin: 0;
  font-size: 0.8rem;
  background: #f5f5f5;
}

.linkBtn .t {
  margin: 0 0 0;
}

.moreBtn01 {
  width: 250px;
  height: 40px;
  display: flex;
  margin: 0 0 0 auto;
}

.moreBtn01 .inner {
  width: 100%;
  font-size: 0.8rem;
  padding: 0 20px 0 0;
  margin: 0;
  color: var(--main_color_light);
  font-weight: 500;
  letter-spacing: 0.03rem;
  border: 3px solid #e5e5e5;
  position: relative;
  background: #fff;
}

.moreBtn01 .inner:after {
  font-family: 'icomoon';
  margin-left: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.1s;
  content: "\e903";
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translate(0%, -50%);
}

.moreBtn01:hover .inner {
  transform: inherit;
}

.moreBtn01:hover .inner:after {
  transition: all 0.1s;
  right: 5px;
  transform: translate(0%, -50%);
}

.under .cont .textLink,
.textLink {
  padding: 0;
  margin: 0 0 0 5px;
  font-size: 0.8rem;
  letter-spacing: 0;
  display: inline-flex;
  text-decoration: none;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  color: #666;
  border-bottom: 1px solid #9f9f9f;
}

.under .cont .textLink .icon,
.textLink .icon {
  margin: 1px 0 0 10px;
  font-size: 0.6rem;
}

.under .cont .textLink:hover,
.textLink:hover {
  color: #2b2b2b;
  text-decoration: none;
}

@media screen and (min-width: 480px) and (max-width: 767px) {
  .alignRight .textLink {
    font-size: 1rem;
  }
}

.gotoBtn {
  width: 180px;
  padding: 5px;
  margin: 0 0 0 auto;
  font-size: 0.8rem;
  letter-spacing: 0;
  border-radius: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  color: #666;
  background: #f5f5f5;
}

.gotoBtn .icon {
  margin: 0 0 0 10px;
  font-size: 0.6rem;
}

.gotoBtn:hover {
  color: var(--accent_color);
}

.loginBtn {
  width: 180px;
  height: 40px;
  margin: 0 auto;
  cursor: pointer;
  border-radius: 20px;
  background: #e2e2e2;
}

.loginBtn .inner {
  width: 100%;
  height: 40px;
  line-height: 40px;
  margin: 0;
  display: flex;
  color: #fff;
  font-size: 1.2rem;
  align-items: center;
  justify-content: center;
  border-radius: 20px;
  background: var(--main_color);
}

.loginBtn .t {
  margin: -2px 0 0;
}

.loginBtn .icon {
  line-height: 40px;
  padding: 0;
  margin: 0 0 0 8px;
  display: block;
  font-size: 0.8rem;
}

.loginBtn:hover .inner {
  background: #3e5f76;
}

#modal_bg {
  display: none;
}

.graph .item {
  background: #f5f5f5;
}

.graph .item>.t {
  min-width: 200px;
  max-width: 200px;
  padding: 15px;
  font-weight: 500;
}

.graph .item>.c {
  padding: 15px;
}

.graph .item:nth-child(2n) {
  background: #fff;
}

@media screen and (max-width: 767px) {
  .graph {
    font-size: 0.85rem;
  }

  .graph .item {
    flex-direction: column;
  }

  .graph .item>.t {
    min-width: inherit;
    max-width: inherit;
    width: 100%;
    background: #f5f5f5;
  }

  .graph .item>.t br {
    display: none;
  }

  .graph .item>.c {
    padding: 15px;
    background: #fff;
  }
}

.underErrorTitle {
  /* エラー見出し */
  padding: 0 0;
  margin: 20px 0 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  color: #6c6c6c;
}

@media screen and (max-width: 767px) {
  .underErrorTitle {
    margin-right: 13px;
    margin-left: 13px;
  }
}

/* header
-------------------------------------------------- */
.header {
  z-index: 999;
  width: 100%;
  position: static;
  border-bottom: 1px solid #f5f5f5;
  position: fixed;
  top: 0;
  left: 0;
  background: #fff;
}

.top .header {
  border-bottom: none;
  position: fixed;
}

.header a {
  transition: all 0.1s;
}

.header a:hover {
  text-decoration: none;
}

/* logo */
.header .logo {
  width: 100%;
  max-width: 193px;
  min-width: 193px;
  margin: 7px 0 0 7px;
  align-items: flex-start;
  justify-content: center;
  position: static;
  display: none;
}

.header .logo .imgBox {
  display: flex;
  justify-content: center;
}

.header .logo .imgBox img {
  width: 100%;
  min-width: 100%;
  max-width: 100%;
}

.header .logo .logo_under_figure {
  width: 136px;
  height: auto;
}

.header .logo .logo_under_text {
  width: 111px;
  height: auto;
}

.header.fix {
  position: fixed;
  top: 0;
  left: 0;
}

.header.fix .logo {
  display: flex;
}

.header .logo_under {
  display: flex;
}

.headerLayout {
  display: flex;
  width: 100%;
  max-width: var(--main_width);
  margin: 0 auto 0;
  padding: 5px 0 0px;
  font-weight: 500;
}

.loggingBox {
  /* 職域ログイン loggingBox */
  width: 100%;
  background: #f5f5f5;
}

.loggingBox>.inner {
  max-width: var(--main_width);
  width: 100%;
  padding: 0 0 0;
  margin: 0 auto 0;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  line-height: 1.3;
  color: #5d5d5d;
}

.logginName {
  font-size: 0.75rem;
  font-weight: normal;
  letter-spacing: 0;
  margin: -1px 5px 0 0;
}

.loggingBox .icon {
  margin: 3px 0;
  font-size: 1.3rem;
  height: 20px;
  line-height: 20px;
}

.headerInner {
  min-width: 130px;
  margin: -5px 0 0 auto;
  justify-content: space-between;
  align-items: center;
}

@media screen and (max-width: 1274px) {
  .headerInner {
    margin-right: 15px;
  }
}

.headerInner .i {
  padding: 10px 10px;
  line-height: 1;
  align-items: center;
  font-size: 0.8rem;
  margin: 12px 0 10px;
}

.headerInner .i.logined {
  margin: 12px 0 12px 91px;
}

.h_infoBtn {
  margin: 12px 0 12px;
  color: #5d5d5d;
  border: 1px solid #5d5d5d;
  border-radius: 5px;
}

.h_infoBtn .icon {
  font-size: 1.2rem;
  position: relative;
}

.h_infoBtn .text {
  padding: 1px 0 0 3px;
  letter-spacing: 1px;
}

.h_infoBtn:hover {
  color: #acacac;
}

.h_loginBtn {
  border-radius: 20px;
  transition: all 0.2s;
  color: #2b2b2b;
  background: #f5f5f5;
}

.h_loginBtn:hover {
  color: #111;
  background: var(--logo_color);
}

.headerInner02 {
  display: none;
  max-width: var(--main_width);
  width: 100%;
  padding: 0 0 0 15px;
  margin: 0 0 0 10px;
  align-items: center;
}

.headerInner02 .i {
  line-height: 1;
  display: inline-flex;
  padding: 8px 15px;
  margin: 14px 5px 14px;
  border-radius: 20px;
  align-items: center;
  position: relative;
}

.headerInner02 .h_login {
  background-color: #E7F5F7;
  margin-top: -5px;
  margin-right: 10px;
  padding: 11px 0 5px;
}

.h_tokusen {
  display: flex;
  position: relative;
  flex-direction: column;
  cursor: pointer;
}

.h_recommmend {
  position: absolute;
  font-size: 11px;
  color: #fff;
  text-align: center;
  background: #FF8181;
  padding: 0px 6px;
  border-radius: 30px;
  top: -3px;
  right: 20px;
  z-index: 100;
}

@media screen and (min-width: 766.99px) {
  .h_login.sp-only {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .h_login.pc-only {
    display: none;
  }
}

.headerDropmenu {
  position: relative;
  padding: 8px 28px 8px 15px !important;
}

.headerDropmenu:after {
  content: "";
  position: absolute;
  right: 13px;
  bottom: 44%;
  margin: auto;
  width: 8px;
  height: 8px;
  border: 2px solid;
  border-color: transparent transparent #444444 #444444;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  padding-right: 5px;
}

.headerDropmenu {
  position: relative;
}

.h_tokusen_btn {
  line-height: 1;
  display: inline-flex;
  padding: 8px 15px;
  margin: 14px 5px 14px;
  border-radius: 20px;
  align-items: center;
  position: relative;
}

.h_tokusen_btn:hover {
  background: var(--logo_color);
}

.headerDropmenu .dropdown-content {
  position: relative;
}

.headerDropmenu .dropdown-content_inner {
  display: none;
  /* 初期状態では非表示 */
  position: absolute;
  background-color: white;
  box-shadow: 0 2px 6.5px 1px rgba(0, 0, 0, 0.15);
  padding: 12px 18px 14px;
  z-index: 1;
  width: max-content;
  line-height: 1.5;
  left: -59px;
  margin-top: 29px;
  border-radius: 8px;
  width: 260px;
}

.headerDropmenu:hover .dropdown-content_inner,
.h_tokusen:hover .dropdown-content_inner,
.arrow-up:hover+.dropdown-content_inner {
  display: block;
}

.headerDropmenu:hover .dropdown-content .arrow-up,
.h_tokusen:hover .dropdown-content .arrow-up {
  display: block;
}

.headerDropmenu .dropdown-content_inner p {
  font-size: 14px;
}

.headerDropmenu .dropdown-content_inner p,
.headerDropmenu .dropdown-content_inner span {
  cursor: pointer;
}

.headerDropmenu .dropdown-content_inner p {
  display: inline;
  margin-left: -6px;
  padding: 4px 10px 4px 20px;
  border-radius: 20px;
  position: relative;
}

.headerDropmenu .dropdown-content_inner p:before {
  content: "";
  position: absolute;
  left: 6px;
  bottom: 9px;
  width: 8px;
  height: 8px;
  border: 2px solid;
  border-color: transparent transparent #444444 #444444;
  -webkit-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg);
  padding-right: 5px;
}

.headerDropmenu .dropdown-content_inner a {
  display: block;
}

.headerDropmenu .dropdown-content_inner a:hover p {
  background: var(--logo_color);
}

.headerDropmenu .dropdown-content_inner a:hover span {
  opacity: 0.8;
}

.headerDropmenu .dropdown-content_inner div:not(:first-child) {
  margin-top: 8px;
}

.headerDropmenu .dropdown-content_inner span {
  display: block;
  color: #939393;
  font-size: 12px;
  line-height: 1.3;
  margin-top: 6px;
  padding-left: 1em;
}

.headerDropmenu .dropdown-content .arrow-up {
  display: none;
  border: solid transparent;
  content: '';
  height: 0;
  width: 0;
  pointer-events: none;
  position: absolute;
  border-color: rgba(255, 249, 249, 0);
  border-top-width: 12px;
  border-bottom-width: 12px;
  border-left-width: 12px;
  border-right-width: 12px;
  margin-left: -10px;
  border-bottom-color: #ffffff;
  top: 5.5px;
  left: -25px;
  z-index: 1000;
  filter: drop-shadow(0px -1.3px 0.8px rgba(0, 0, 0, 0.15));
  /* シャドウ */
}

.headerInner02 .i:hover {
  background: var(--logo_color);
}

@media screen and (max-width: 1274px) {
  .headerInner02 .i,
  .flexBox.h_tokusen_btn.headerDropmenu {
    padding: 8px 8px;
    margin: 11px 2px 15px;
    /* 吹出しをhoverで表示させる為の領域 */
    font-size: 0.75rem;
  }

  .headerInner02 .h_login {
    padding: 11px 0 6px;
  }

  body.top .heroArea .heroContainer {
    margin: 7px auto 0;
  }
}

@media screen and (max-width: 1050px) {
  .h_infoBtn .icon-mail {
    display: none;
  }

  .headerInner {
    min-width: 110px;
  }

  .headerInner.adjustPrice .i.h_badge {
    font-size: 13px !important;
  }

  .headerInner02 {
    padding: 0;
  }

  .headerInner02 .i {
    font-size: 0.75rem;
    padding-left: 0;
    margin: 0 auto 5px;
    padding-right: 0;
    letter-spacing: 0;
  }

  .headerInner02 .h_login {
    margin-top: -7px;
    padding-bottom: 12px;
    padding-top: 19px;
    margin-right: 10px;
  }
}

@media screen and (max-width: 900px) {
  .header .logo {
    max-width: 111px;
    min-width: 111px;
    margin: 6px 0 0 15px;
  }

  .header .logo .logo_under_text {
    display: none;
  }

  .headerInner02 .i,
  .flexBox.h_tokusen_btn.headerDropmenu {
    font-size: 10px;
  }

  .headerInner .h_infoBtn {
    padding: 10px 3px;
  }

  .h_infoBtn .text {
    font-size: 10px;
  }

  .headerInner {
    min-width: 77px;
  }

  .headerInner02 {
    margin: 0;
    padding: 0;
  }
}

.under .headerInner02,
.headerInner02.fix {
  display: flex;
}

.headerInner.adjustPrice {
  flex-shrink: 0;
  align-items: center
}

.headerInner.adjustPrice .i.h_badge {
  margin: 0;
  padding: 7px 10px;
  font-size: 12px;
  color: #fff;
  font-weight: 700;
  border-radius: 15px;
  background: #ff8181;
}

@media screen and (min-width: 768px) {
  .headerInner.adjustPrice .i.h_badge {
    font-size: 15px
  }
}

@media screen and (max-width: 767px) {
  .headerInner.adjustPrice .i.h_badge {
    position: absolute;
    top: 13px;
    right: 58px;
  }
}

@media screen and (max-width: 375px) {
  .headerInner.adjustPrice .i.h_badge {
    right: calc(35px + 1.6vw);
    padding: 1.8666666667vw 2.6666666667vw;
    font-size: 2.9333333333vw;
  }
}

.numMenu {
  /* ハンバーガーメニュー numMenu */
  display: none;
  z-index: 1000;
  width: 20px;
  height: 20px;
  position: fixed;
  top: 15px;
  right: 20px;
  text-align: center;
  cursor: pointer;
}

.bar {
  width: 28px;
  height: 3px;
  display: block;
  transition: all .3s;
  transform-origin: left top;
  border-radius: 5px;
  position: absolute;
  top: 0;
  left: 0;
  background: #333;
}

.bar.middle {
  top: 50%;
  opacity: 1;
}

.bar.bottom {
  top: 100%;
  transform-origin: left bottom;
}

@media screen and (max-width: 767px) {
  .header {
    height: 56px;
    border-bottom: none;
    position: fixed;
    top: 0;
    left: 0;
  }

  .headerLayout {
    position: relative;
    flex-direction: column;
  }

  .loggingBox {
    height: 26px;
    overflow-y: auto;
  }

  .logginName {
    margin: -1px 15px 0 0;
    line-height: 1;
  }

  .headerInner {
    min-width: inherit;
    margin: 0;
  }

  .header .logo {
    max-width: 90px;
    min-width: 90px;
    margin: 7px 0 0 15px;
  }

  .header .logo .logo_under_figure {
    width: 100%;
  }

  .header .logo .logo_under_text {
    display: none;
  }

  .headerInner .i {
    margin: 12px 0 12px;
  }

  .headerInner .i.h_infoBtn,
  .h_infoBtn {
    padding: 3px 10px;
    margin: 0px 0 0;
    position: absolute;
    top: 8px;
    right: 55px;
  }

  .h_infoBtn .icon {
    font-size: 1.8rem;
    font-weight: 500;
    color: #333;
  }

  .h_infoBtn .text {
    font-size: 0.8rem;
  }

  .h_infoBtn .icon-mail {
    display: block;
  }

  .h_loginBtn {
    position: absolute;
    top: 0;
    right: 110px;
  }

  .under .headerInner02,
  .headerInner02.fix,
  .headerInner02 {
    display: none;
    padding: 0px 15px 0;
    margin: 18px 0 0;
    border: none;
  }

  .h_recommmend {
    position: absolute;
    top: 1.9em;
    left: 6.5em;
    right: unset;
    display: block;
  }

  .headerInner02 .i,
  .headerInner02 .flexBox.h_tokusen {
    width: 100%;
    padding: 20px 30px 20px 0;
    margin: 0 0;
    font-size: 1.15rem;
    display: flex;
    letter-spacing: inherit;
    align-items: center;
    justify-content: flex-start;
    border-radius: 0;
    border-top: 1px solid #dcdcdc;
    position: relative;
  }

  .headerDropmenu .dropdown-content_inner {
    width: 100%;
  }

  .flexBox.h_tokusen_btn.headerDropmenu {
    font-size: 1.15rem;
  }

  .flexBox.h_tokusen_btn.headerDropmenu {
    background: unset !important;
  }

  .headerDropmenu .dropdown-content {
    display: none !important;
  }

  .headerDropmenu .dropdown-content_inner,
  .headerDropmenu .dropdown-content_inner:hover {
    display: none !important;
    background-color: unset !important;
    box-shadow: unset;
  }

  .h_tokusen.js-toggle .headerDropmenu .dropdown-content_inner,
  .h_tokusen.js-toggle .headerDropmenu .dropdown-content_inner,
  .h_tokusen.js-toggle .headerDropmenu .arrow-up:hover+.dropdown-content_inner {
    display: block !important;
  }

  .h_tokusen.js-toggle .dropdown-content {
    display: block !important;

  }

  .h_tokusen.js-toggle .dropdown-content_inner {
    display: block;
    background-color: unset !important;
    box-shadow: unset;
    position: static;
    margin-top: 0px;
  }

  .headerDropmenu .dropdown-content_inner a:hover p {
    background: unset;
    /* SP時はhover効果なし */
  }

  .h_tokusen.js-toggle .h_tokusen_btn {
    flex-direction: column;
    align-items: unset;
  }

  .headerInner02 .flexBox.h_tokusen {
    position: relative;
    justify-content: flex-end;
    flex-direction: row-reverse;
    padding: 9px 0px 0px 0px;
  }

  .headerInner02 .flexBox.h_tokusen:after {
    color: var(--icon-color);
    width: 24px;
    height: 24px;
    position: relative;
  }

  .headerInner02 .headerDropmenu {
    padding: 0px 0.5em 0px 0px !important;
  }

  .headerInner02 .i:hover {
    background: inherit;
  }

  .headerInner02 .i:after,
  .headerInner02 .flexBox.h_tokusen:after {
    width: 30px;
    height: 30px;
    padding: 0 0 0 3px;
    font-family: 'icomoon';
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    font-size: 0.8rem;
    color: inherit;
    content: "\e902";
    border-radius: 50%;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0%, -50%);
    background: var(--logo_color);
  }

  .headerInner02 .flexBox.h_tokusen:after {
    content: "";
  }

  .headerDropmenu:after {
    display: none;
  }

  .h_tokusen-icon {
    position: absolute;
    width: 28px;
    height: 28px;
    right: 0px;
    top: 0;
    margin-top: 15px;
    z-index: 1000;
  }

  .h_tokusen-icon:before,
  .h_tokusen-icon:after {
    content: '';
    position: absolute;
    display: inline-block;
    background: #000;
    width: 12px;
    height: 2px;
    right: 8.5px;
    margin-top: 13px;
    z-index: 1000;
  }

  .h_tokusen-icon {
    display: block;
  }

  .h_tokusen-icon:after {
    transform: rotate(90deg);
  }

  .h_tokusen.js-toggle .h_tokusen-icon:after {
    transform: rotate(0);
    transition: 0.2s;
  }

  .headerInner02 .i:after,
  .headerInner02 .flexBox.h_tokusen:after {
    top: 29px;
  }

  .h_tokusen.js-toggle .h_tokusen-icon:before,
  .h_tokusen.js-toggle .h_tokusen-icon:after {
    top: 0px !important;
  }

  .headerDropmenu .dropdown-content_inner {
    padding: 12px 0px 0px;
  }

  .headerDropmenu .dropdown-content_inner p {
    font-size: 1rem;
    padding: 4px 0px 4px 25px;
    line-height: 1.4;
  }

  .headerDropmenu .dropdown-content_inner span {
    font-size: 0.8rem;
  }

  .headerDropmenu .dropdown-content_inner a {
    display: flex;
    justify-content: left;
  }

  .headerDropmenu .dropdown-content_inner p:before {
    top: 11px;
    bottom: unset;
  }

  .numMenu {
    display: block;
  }

  .numMenu.open {
    width: 20px;
    height: 30px;
    top: 11px;
    transform: scale(0.8);
  }

  .numMenu.open .bar.middle {
    display: none;
  }

  .numMenu.open .bar.top {
    width: 40px;
    transform: rotate(45deg);
    color: #fff;
  }

  .numMenu.open .bar.bottom {
    width: 40px;
    margin: -3px 0 0;
    color: #fff;
    transform: rotate(-45deg);
  }

  .top .header.open,
  .top .header.fix {
    display: inherit;
  }

  .header.open {
    width: 100%;
    height: 100vh;
    overflow: auto;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.7);
  }

  .header.open .headerLayout {
    background-color: #FFF;
  }

  .header.open .logo {
    display: inherit;
  }

  .header.open .h_infoBtn.logined {
    margin: 0px 0 12px 10px;
  }

  .header.open .headerInner02 {
    display: flex;
    flex-direction: column;
  }

  .top .header.open~.numMenu,
  .top .header.fix~.numMenu {
    display: inherit;
  }

  .logined .header {
    /* ログイン後 */
    height: 83px;
  }

  .logined .header.open {
    height: 100vh;
  }

  .logined .numMenu {
    top: 40px;
  }

  .logined .numMenu.open {
    top: 38px;
  }

  .header .footLinkList {
    padding: 10px 5px;
    justify-content: unset;
  }
}

/* テスト表示 */
#testDisp {
  background-color: #C71444;
  color: #FFFFFF;
  font-weight: bold;
  padding: 10px 0 10px 20px;
}

@media screen and (max-width: 767px) {
  #testDisp {
    padding: 10px 0 35px 20px;
  }
}

/* (max-width: 767px) ここまで */

@media screen and (max-width: 375px) {
  .header .logo {
    margin: 5px 0 0 5px;
  }
}

/* priorityNotice
-------------------------------------------------- */
.priorityNotice {
  max-width: var(--main_width);
  width: 100%;
  padding: 15px 20px;
  margin: 15px auto 15px;
  color: #ff5555;
  font-weight: 500;
  border: 3px solid #d6d6d6;
  background: #fff;
}

/* searchArea
-------------------------------------------------- */
.searchArea {
  margin: 0 0 0;
}

.searchArea .topBigTitle {
  margin: 30px auto 30px;
}

.s_wrapper {
  z-index: 2;
  position: relative;
  border-radius: 5px;
}

.s_wrapper>.inner {
  width: 100%;
  max-width: 800px;
  padding: 15px 13px 15px;
  margin: 0 auto 0;
  position: relative;
}

.s_name {
  width: 100%;
  max-width: 550px;
  width: 100%;
  margin: 0 auto 13px;
}

input[type=text].s_name_text {
  font-family: var(--font00);
  width: 100%;
  height: 48px;
  line-height: 48px;
  padding: 0 3px 0 20px;
  font-size: 1.1rem;
  cursor: text;
  font-weight: 500;
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
  border: none;
  border-top: 3px solid var(--main_color);
  border-left: 3px solid var(--main_color);
  border-bottom: 3px solid var(--main_color);
  background: #fff;
}

.s_name_text:active,
.s_name_text {
  color: #5d5d5d;
}

.s_name_btn {
  width: 100%;
  max-width: 70px;
  min-width: 70px;
  height: 48px;
  padding: 0 13px;
  margin: 0 0 0 -3px;
  cursor: pointer;
  color: #fff;
  font-weight: 600;
  font-size: 0.9rem;
  align-items: center;
  justify-content: center;
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
  transition: all 0.25s cubic-bezier(0.2, 1.15, 0.5, 1.2);
  border: 3px solid var(--main_color);
  background: var(--main_color);
}

.s_name_btn:hover {
  border-radius: 70px;
  transform: scale(1.2);
  transition: all 0.25s cubic-bezier(0.2, 1.15, 0.5, 1.2);
}

.s_name_btn .icon-search {
  font-size: 1.5rem;
}

@media screen and (max-width: 767px) {
  .s_name_btn {
    padding: 0 3px;
    font-size: 0.75rem;
    letter-spacing: 0;
  }

  .s_name_btn .icon-search {
    font-size: 1.5rem;
  }

  input[type=text].s_name_text {
    font-size: 0.8rem;
  }
}

@media screen and (max-width: 429px) {
  .s_name_btn {
    max-width: 60px;
    min-width: 60px;
  }

  .s_name_btn .icon-search {
    font-size: 1.5rem;
  }

  .s_name_btn .s_name_btnText {
    display: none;
  }
}

.s_floating {
  /* サジェスト */
  z-index: 1;
  width: 90%;
  display: none;
  margin: 2px 0 0;
  font-size: 1.1rem;
  border-radius: 10px;
  border: 2px solid var(--logo_color);
  box-shadow: 0px 5px 5px rgb(0 0 0 / 10%);
  position: absolute;
  top: 50px;
  left: 50%;
  right: 50%;
  transform: translate(-50%, 0);
  background: #fff;
}

.top .s_floating {
  top: 55%;
}

.s_floBox {
  padding: 3px 0;
  display: flex;
  flex-direction: column;
}

.s_floBox .item {
  cursor: pointer;
  padding: 3px 8px;
  display: flex;
  align-items: center;
}

.s_floBox .item:hover {
  color: var(--main_color);
  background: var(--base_color);
}

.toSearchPage {
  width: 100%;
  padding: 0 0 0;
  margin: 0 auto 15px;
  display: flex;
  justify-content: center;
}

.toSearchPage .item {
  padding: 0 20px 0 0;
  font-weight: 500;
  align-items: center;
  justify-content: flex-end;
  font-size: 0.95rem;
  letter-spacing: 0.04rem;
  color: var(--main_color);
  position: relative;
  transition: all 0.25s cubic-bezier(0.2, 1.15, 0.5, 1.2);
}

.toSearchPage .icon {
  font-size: 1.6rem;
  margin: 3px 5px 0 0;
  transform: scale(-1, 1);
}

.toSearchPage .icon:before {
  display: block;
  animation: gata-goto .5s infinite;
}

@keyframes gata-goto {
  20% {
    transform: translateY(-2px);
    animation-timing-function: cubic-bezier(0.4, 0, 1, 1.3);
  }

  25% {
    transform: translateY(0px);
  }

  55% {
    transform: translateY(-1px);
    animation-timing-function: cubic-bezier(0.4, 0, 1, 1.3);
  }

  60% {
    transform: translateY(0px);
  }
}

.toSearchPage .t {
  margin: 0 0 0 3px;
}

.toSearchPage .t u {
  text-decoration: none;
}

.toSearchPage .item:after {
  font-family: 'icomoon';
  display: flex;
  margin-left: 5px;
  align-items: center;
  justify-content: center;
  content: "\e903";
  transition: all 0.1s;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(0%, -50%);
}

.toSearchPage .item:hover {
  transform: scale(1.1);
  transition: all 0.25s cubic-bezier(0.2, 1.15, 0.5, 1.2);
}

.toSearchPage .item .st,
.toSearchPage .item .t {
  margin: 1px 0 0;
}

@media screen and (max-width: 767px) {
  /* searchArea */
  .toSearchPage {
    margin: 0 auto;
    padding: 0 0 15px;
  }
}

/*　　(max-width: 767px) ここまで　　*/

.top_searchArea {
  /* top_searchArea */
  overflow: hidden;
}

.top_searchArea .searchBox .wap .t {
  border: 2px solid #dddddd;
  border-bottom: 3px solid #d8d8d8;
  color: #000;
}

.top_searchArea .s_wrapper>.inner {
  max-width: 838px;
  padding: 20px 13px 1px;
  margin: 0 auto 0;
  position: relative;
  border-radius: 15px;
}

@media screen and (max-width: 767px) {
  .top_searchArea .s_wrapper>.inner {
    padding: 0 13px 3px;
    border-radius: 0;
  }
}

.top_searchBoxWrapper {
  /* top_searchBoxWrapper */
  padding: 0 13px;
  margin: 20px auto 0;
}

.top_searchBoxWrapper .searchBox {
  justify-content: center;
}

@media screen and (max-width: 767px) {
  .top_searchBoxWrapper {
    margin: 20px auto 15px;
  }

  .top_searchBoxWrapper .searchBox>.item {
    padding: 0 5px 5px;
  }
}

/* 特別な条件で探すエリアとボタン(Top&Search)
/*--------------------------------------------------------------------*/
.top_specialBox {
  padding: 0;
  margin-left: 5px;
  margin-top: 0.5em;
}

.top_specialBox__list {
  display: flex;
  margin: 0;
}

.top_specialBox__link {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  border: 2px solid #dddddd;
  border-bottom: 3px solid #dddddd;
  border-radius: 8px;
  background: #fff;
  min-height: 3.7rem;
  padding-right: 2.2222222222rem;
  line-height: 1.3;
}

.top_specialBox__link:hover {
  border-color: #f4f4f4;
  background: var(--logo_color);
}

.top_specialBox__item {
  margin-top: 0.5em;
  width: 35%;
  margin: 3px;
}

.top_specialBox__item .ico {
  display: flex;
  align-items: center;
  margin-right: 0.6rem;
  top: 1.3333333333rem;
  left: 1.2222222222rem;
}

#top_searchBoxWrapper .top_specialBox__item:nth-child(1) .ico img {
  width: 38px;
  height: auto;
}

@media (max-width: 840px) and (min-width: 768px) {
  .top_specialBox__item .sp-only {
    display: block;
  }

  .top_specialBox {
    margin-left: 0px;
  }
}

.top_specialBox__item .txt {
  font-size: 0.9rem;
  line-height: 1.3;
  font-weight: 500;
  color: #000;
  text-align: center;
  padding-left: 0.6rem;
}

.top_specialBox__link::after {
  position: absolute;
  top: 50%;
  right: 0.8888888889rem;
  transform: translateY(-50%) rotate(-90deg);
  content: "";
  width: 1rem;
  height: 0.5rem;
  background: url(../img/common/ico_arrow_down_blue.svg) no-repeat center center/100% 100%;
}

@media screen and (max-width:767px) {
  .top_specialBox {
    margin-left: 0px;
  }

  .top_specialBox__list {
    flex-wrap: wrap;
    margin: 0 -0.5333333333vw;
  }

  .top_specialBox__item {
    margin-top: 0;
    width: 49.3%;
    padding: 0 0 0 8px;
    margin: 0;
  }

  .top_specialBox__item:last-child {
    padding-right: 0;
  }

  .top_specialBox__item .top_specialBox__link {
    padding-left: 8vw;
    padding-right: 1rem;
    min-height: 3.8rem;
    text-align: center;
  }

  .top_specialBox__item .ico {
    position: absolute;
  }

  .top_specialBox__item .ico {
    width: 8vw;
    top: inherit;
    left: 3.5vw;
  }

  .top_specialBox__item .txt {
    font-size: 0.9rem;
    line-height: 1.2142857143;
  }

  .top_specialBox__link::after {
    right: 0.3rem;
  }
}

@media (max-width: 767px) and (min-width: 481px) {
  .top_specialBox__item .ico {
    left: 5.5vw;
  }

  .top_specialBox__item .sp-only {
    display: none;
  }
}

@media screen and (max-width:480px) {
  .top_specialBox__item .txt {
    padding-left: 0;
  }

  .top_specialBox__item .top_specialBox__link {
    padding-left: 10vw;
  }
}

.top .cont03 {
  max-width: 860px;
  margin: 30px auto 0;
}

body.search .top_specialBox {
  margin-left: 0px;
}

body.search .searchTypeTitle {
  padding-left: 0.5em;
  font-weight: 700;
  text-align: center;
  margin-top: 2em;
  margin-bottom: 1em;
  font-size: 1rem;
}

body.search .top_specialBoxWrapper {
  margin-bottom: 3em;
}

body.search .top_specialBox__list {
  display: flex;
  justify-content: center;
  margin: 0;
}

body.search .top_specialBox__link {
  border-radius: 40px;
}

body.search .top_specialBox__item {
  margin: 3px 8px;
}

@media screen and (max-width: 767px) {
  body.search .cont03 {
    text-align: center;
    margin-bottom: 0.5em;
  }

  body.search .top_specialBox__item {
    margin: 0;
    width: 50%;
  }

  body.search .top_specialBox__item .top_specialBox__link {
    min-height: 3.5rem;
  }

  body.search .top_specialBox__list .top_specialBox__item:first-child {
    padding: 0;
  }

  body.search .top_specialBox__list {
    padding: 0 15px;
  }

  body.search .top_specialBox__item .txt {
    font-size: 0.8rem;
  }

  body.search .top_specialBoxWrapper {
    margin-bottom: 3em;
  }
}

/* 特別な条件で探すエリアとボタン ここまで */

.s_featureWrapper {
  width: 100%;
  margin: 0 0 0;
}

.s_feature {
  padding: 20px 13px 10px;
  background: #f5f5f5;
}

.s_feature .topBigTitle {
  width: 100%;
  max-width: 850px;
  padding: 0 0 0;
  margin: 0 auto 0px;
  position: relative;
}

.topBigTitle_textBox .tBox span {
  color: var(--accent_color);
}

.s_feature .topBigTitle_textBox {
  margin: 0 0 0;
}

.s_feature .topBigTitle_textBox .tBox {
  margin: 0 0 0 10px;
  display: flex;
  align-items: center;
}

.s_feature .feature_numBox {
  position: absolute;
  top: 50%;
  right: 3px;
  transform: translate(0%, -50%);
}

.s_featureItemBox {
  width: 100%;
  margin: 0 auto 0;
  justify-content: center;
  position: relative;
}

.s_featureItemBoxInner {
  max-width: 750px;
  padding: 15px 0px 90px;
  flex-wrap: wrap;
  border-radius: 20px;
  justify-content: center;
}

.s_featureItemBox .item {
  padding: 9px 15px 8px 20px;
  margin: 3px 3px 5px;
  display: flex;
  cursor: pointer;
  line-height: 1;
  letter-spacing: 0.03rem;
  font-weight: 500;
  font-size: 0.9rem;
  border-radius: 20px;
  border: 2px solid #d8d8d8;
  border-bottom: 3px solid #d8d8d8;
  border-color: #e5e5e5;
  position: relative;
  background: #fff;
}

.s_featureItemBox .item:hover {
  margin-top: 4px;
  margin-bottom: 4px;
  border-color: var(--logo_color);
  background: #ffe800;
}

.s_featureItemBox .item.on {
  color: #111;
  border-color: var(--logo_color);
  background: var(--logo_color);
}

.s_featureItemBox .item.on:before {
  font-family: 'icomoon' !important;
  content: "\ed88";
  font-size: 0.85rem;
  font-weight: 800;
  margin: -1px 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  left: 5px;
  transform: translate(0%, -50%);
}

.s_feature .searchBtn {
  position: absolute;
  bottom: 30px;
  left: 50%;
  transform: translate(-50%, 0%);
}

@media screen and (max-width: 767px) {
  /* s_feature */
  .s_feature .topBigTitle {
    flex-direction: column;
  }

  .s_feature .topBigTitle_textBox .tBox {
    margin: 0 0 0 0;
  }

  .s_featureItemBox .item:hover {
    color: #111;
    border-color: #d8d8d8;
    background: #fff;
  }

  .s_featureItemBox .item.on {
    color: #111;
    border-color: var(--logo_color);
    background: var(--logo_color);
  }
}

/*　　(max-width: 767px) ここまで　　*/
.s_lanking {
  padding: 0 0 0;
  margin: 0 0 0;
  position: relative;
}

.s_lanking .topBigTitle {
  margin: 30px auto 30px;
}

.s_lanking .topBigTitle_textBox {
  margin: 0 0 0;
}

.s_lanking .topBigTitle_textBox .tBox {
  margin: 0 0 0 0;
  display: flex;
  align-items: center;
}

.s_lankingWrapper {
  width: 100%;
  max-width: var(--main_width);
  margin: 0 auto 0;
}

.s_lankingWrapper.mb65 {
  margin-bottom: 65px;
}

.s_lankingMenu {
  z-index: 1;
  width: 95%;
  max-width: 1000px;
  height: 65px;
  line-height: 65px;
  padding: 0 0 0;
  margin: 0 auto;
  align-items: center;
  display: flex;
  position: relative;
  border-radius: 70px;
  background: #f5f5f5;
}

.s_lankingBg {
  padding: 0 0 0;
  margin: 0 15px 0;
  display: flex;
}

.s_lankingItem {
  width: 100%;
  display: flex;
  align-items: center;
  height: 45px;
  line-height: 45px;
}

.lankingBox {
  display: none;
}

.first .lankingBox {
  display: inherit;
}

.s_lankingItem.first {
  border-top-left-radius: 70px;
  border-bottom-left-radius: 70px;
}

.s_lankingMenuTitle {
  width: 83%;
  height: 45px;
  line-height: 45px;
  margin: auto;
  font-size: 1.1rem;
  line-height: 1.3;
  letter-spacing: 0;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  border-radius: 70px;
}

.s_lankingMenuTitle .icon {
  width: 20px;
  height: 20px;
  line-height: 20px;
  font-size: 0.8rem;
  text-align: center;
  display: none;
  position: absolute;
  right: 10px;
  top: 50%;
  bottom: 50%;
  transform: translate(0%, -50%);
}

.s_lankingMenuTitle:hover {
  background: var(--logo_color);
}

.s_lankingItem.on .s_lankingMenuTitle {
  color: #111;
  background: var(--logo_color);
}

.s_lankingItem.last .s_lankingMenuTitle:before,
.s_lankingItem.first .s_lankingMenuTitle:before {
  width: 3px;
  height: 100%;
  display: none;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: var(--logo_color);
}

.s_lankingItem.last .s_lankingMenuTitle:before {
  left: inherit;
  right: 0;
  background: #ebebeb;
}

.s_lankingItem.last.on .s_lankingMenuTitle:before,
.s_lankingItem.first.on .s_lankingMenuTitle:before {
  background: #ebebeb;
}

.s_lankingLankingBox {
  width: 100%;
  border-radius: 50px;
  border: 3px solid #f1f1f1;
  background: #fff;
}

.lankingBox {
  position: relative;
  display: none;
  overflow: hidden;
}

.lankingBox.open {
  display: block;
}

.s_lankingTitle {
  font-family: var(--font00);
  text-align: center;
  padding: 60px 0 30px;
  line-height: 1;
  font-size: 1.3rem;
  font-weight: 900;
}

.s_lankingTitle .upper {
  color: #6c6c6c;
  margin: 0 0 10px;
}

.s_lankingTitle .lower {
  color: #ffc000;
}

.lankingBoxInner {
  padding: 0 4rem;
  padding-bottom: 60px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
}

@media screen and (max-width: 1274px) {
  .lankingBoxInner {
    padding: 0 15px;
    padding-bottom: 60px;
  }
}

.lankingBoxItem {
  width: 100%;
  margin-right: 23px;
  position: relative;
  padding-bottom: 300px;
}

.lankingBoxItem:last-of-type {
  margin-right: 0;
}

.lankingTitle {
  z-index: 1;
  height: 100%;
  margin: 70px 15px 10px;
  flex-direction: column;
  justify-content: flex-start;
}

.lankingTitle .lank {
  font-family: Arial;
  width: 36px;
  min-width: 36px;
  height: 36px;
  line-height: 36px;
  padding: 0 0 0 1px;
  margin: 0 8px 0 0;
  text-align: center;
  font-size: 1.3rem;
  color: #fff;
  font-weight: 500;
}

.lankingTitle .lank.lank_1 {
  border-radius: 100%;
  background: #fe6a4d;
}

.lankingTitle .lank.lank_2 {
  border-radius: 100%;
  background: #436778;
}

.lankingTitle .lank.lank_3 {
  border-radius: 100%;
  background: #cdcdcd;
}

.lankingTitle .t {
  z-index: 1;
  height: 70px;
  font-size: 1.3rem;
  line-height: 1.3;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
}

.lankingTitle .t:hover {
  opacity: 0.8;
}

@media screen and (max-width: 1274px) {
  .lankingTitle .t {
    font-size: 1.1rem;
  }
}

.lankingBoxCnt {
  width: 100%;
  position: absolute;
  top: 110px;
  left: 50%;
  transform: translate(-50%, 0%);
}

.mover {
  display: flex;
  position: absolute;
  top: 8px;
  left: 8px;
}

.mover .item {
  width: 30px;
  height: 15px;
  line-height: 13px;
  margin: 0 3px 0 0;
  text-align: center;
  font-size: 0.7rem;
  background: #fff;
  border: 1px solid #666;
}

.lankingBoxCnt .imgBox {
  max-width: 300px;
  min-width: 230px;
  margin: 0 auto;
  padding: 10px;
  display: block;
  background: #fff;
}

.lankingBoxCnt .imgBox:hover {
  opacity: 0.8;
}

.lankingBoxCnt .priceBox {
  margin: 15px 5px 15px;
  display: flex;
  font-size: 0.9rem;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.15rem;
  align-items: flex-end;
  justify-content: center;
  color: #666666;
}

.lankingBoxCnt .priceBox.ai-reset {
  align-items: unset;
}

.lankingBoxCnt span {
  margin: 0 0 0 4px;
}

.lankingBoxCnt .price {
  font-family: Verdana, "メイリオ", Meiryo;
  margin: 0 0 -5px;
  font-size: 1.9rem;
  letter-spacing: 0.05rem;
  font-weight: 900;
  color: #fe6a4d;
}

.lankingBoxCnt .year-box {
  width: 27px;
  height: 27px;
  background: linear-gradient(135deg, #3E93AD 0%, #3E93AD 50%, #39879E 50%, #39879E 100%);
  color: #fff;
  font-size: 17px !important;
  font-weight: 700;
  white-space: nowrap;
  letter-spacing: -4px !important;
  padding: 5px 4px;
}

.lankingBoxCnt .year-box .small {
  display: inline-block;
  font-size: 10px !important;
  transform: scale(0.8);
}

.lankingBoxCnt .textBox {
  font-size: 0.8rem;
  letter-spacing: 0.03rem;
  line-height: 1.5;
  flex-wrap: wrap;
  justify-content: center;
}

.lankingBoxCnt .moreBtn {
  width: 180px;
  padding: 10px 10px;
  margin: 20px auto 10px;
  display: block;
  text-align: center;
  color: #fff;
  line-height: 1;
  letter-spacing: 0.05rem;
  font-weight: 500;
  font-size: 0.85rem;
  border-radius: 20px;
  border: 2px solid #d8d8d8;
  border-bottom: 3px solid #d8d8d8;
  border-color: var(--main_color);
  background: var(--main_color);
  transition: all 0.25s cubic-bezier(0.2, 1.15, 0.5, 1.2);
}

.lankingBoxCnt .moreBtn:hover {
  transform: scale(1.2);
  transition: all 0.25s cubic-bezier(0.2, 1.15, 0.5, 1.2);
}

.lankingBoxCnt .logined_c {
  margin: 25px 5px 20px;
  font-size: 0.7rem;
  letter-spacing: 0.1rem;
}

.lankingBoxCnt .logined_c:before {
  content: "通常価格:";
  display: inline-block;
}

.lankingBoxCnt .logined_c .price {
  font-size: 1rem;
  margin: 0 0 -1px;
  color: #4d4d4d;
}

.s_lankingLankingBoxBtn {
  max-width: 250px;
  height: 40px;
  flex: inline-flex;
  position: absolute;
  bottom: 20px;
  right: -15px;
}

.s_lankingLankingBoxBtn .inner {
  width: 100%;
  font-size: 0.8rem;
  padding: 0 20px 0 0;
  margin: 0;
  color: var(--main_color_light);
  font-weight: 500;
  letter-spacing: 0.03rem;
  border: 3px solid #e5e5e5;
  position: relative;
  background: #fff;
}

.s_lankingLankingBoxBtn .inner:after {
  font-family: 'icomoon';
  margin-left: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.1s;
  content: "\e903";
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translate(0%, -50%);
}

.s_lankingLankingBoxBtn:hover .inner {
  transform: inherit;
}

.s_lankingLankingBoxBtn:hover .inner:after {
  transition: all 0.1s;
  right: 5px;
  transform: translate(0%, -50%);
}

@media screen and (max-width: 767px) {
  /* s_lankingLankingBox */
  .s_lankingMenu {
    flex-wrap: wrap;
    height: inherit;
    line-height: inherit;
    border-radius: 28px;
    padding: 10px 0;
  }

  .s_lankingItem {
    width: 50%;
    height: 35px;
    line-height: 35px;
  }

  .s_lankingMenuTitle {
    width: 90%;
    letter-spacing: 0;
  }

  .s_lankingMenuTitle {
    height: 35px;
    font-size: 0.93rem;
    margin: 0 auto;
  }

  .s_lankingTitle {
    padding: 50px 0 30px;
    display: flex;
    justify-content: center;
  }

  .s_lankingTitle .upper {
    margin: 2px 6px 0 0;
    color: #6c6c6c;
    font-size: 0.8rem;
    display: flex;
    align-items: center;
  }

  .s_lankingBg {
    margin: 0 0 0;
  }

  .s_lankingLankingBox {
    border-radius: 0;
  }

  .lankingBoxInner {
    padding: 40px 0 0;
    padding-bottom: 40px;
    overflow: auto;
    justify-content: flex-start;
  }

  .lankingBoxItem {
    min-width: 230px;
    max-width: 230px;
    padding: 0 0 0 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    position: relative;
    padding-bottom: 300px;
  }

  .lankingTitle {
    margin: 0 0 0;
    flex-direction: column;
  }

  .lankingTitle .lank {
    width: 30px;
    min-width: 30px;
    height: 30px;
    line-height: 30px;
    padding: 0 0 0 1px;
    font-weight: 700;
  }

  .lankingTitle .t {
    height: 66px;
    font-size: 1.1rem;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .lankingBoxItem.lank_1 {
    margin-left: -20px;
  }

  .lankingBoxItem.lank_1 .t {
    padding-left: 25px;
  }

  .lankingBoxCnt {
    position: absolute;
    top: 65px;
    left: 50%;
    transform: translate(-50%, 0%);
    width: 100%;
  }

  .lankingBoxCnt .imgBox {
    padding: 0 5px;
    margin: 0 0;
  }

  .lankingBoxCnt .textBox {
    line-height: 1.5;
  }

  .lankingBoxCnt .moreBtn {
    width: 150px;
    padding: 10px 2px;
  }

  .lankingBoxCnt .priceBox {
    font-size: 0.8rem;
  }

  .lankingBoxCnt .price {
    font-size: 1.3rem;
    margin: 0 0 -2px;
  }

  .lankingBoxCnt .logined_c {
    margin: 15px 5px 10px;
    letter-spacing: 0.05rem;
    font-size: 0.6rem;
  }

  .s_sceneLankingBoxBtn {
    right: inherit;
    left: 50%;
    transform: translate(-50%, 0%);
  }
}

/* (max-width: 767px) ここまで */

/* about */
.aboutArea {
  position: relative;
}

.aboutArea .messageBox {
  margin: 40px 0;
  text-align: center;
  font-weight: 600;
  position: relative;
}

.aboutArea:before {
  width: 95px;
  height: 100px;
  display: block;
  position: absolute;
  top: 40%;
  left: 75%;
  content: "";
  background-repeat: no-repeat;
  background-size: 100%;
  background-image: url(../img/top/about03.svg);
}

@media screen and (max-width: 1274px) {
  .aboutArea {
    overflow: hidden;
  }
}

.top_merit_bg {
  width: 2200px;
  filter: grayscale(0.4);
  position: absolute;
  top: 0;
  right: 0;
}

.top_merit_bg img {
  width: 100%;
}

.aboutContents {
  z-index: 1;
  padding: 0 0 30px;
  overflow: hidden;
  position: relative;
}

.aboutContents:before {
  width: 300px;
  height: 100px;
  display: block;
  position: absolute;
  top: 38%;
  left: -30px;
  content: "";
  background-repeat: no-repeat;
  background-size: 100%;
  background-image: url(../img/top/about03.svg);
}

.aboutContents:after {
  width: 300px;
  height: 100px;
  display: block;
  position: absolute;
  top: 65%;
  left: 75% !important;
  content: "";
  background-repeat: no-repeat;
  background-size: 100%;
  background-image: url(../img/top/about03.svg);
}

.aboutContents>.inner {
  max-width: 1000px;
  width: 100%;
  padding: 0 0 80px;
  margin: 0 auto 30px;
  position: relative;
}

.aboutArea .illust01 {
  width: 390px;
  position: absolute;
  top: 50px;
  left: 20px;
}

.aboutArea .illust02 {
  z-index: 1;
  width: 360px;
  position: absolute;
  top: 400px;
  left: 0;
}

.aboutArea .illust03 {
  position: absolute;
  bottom: 150px;
  left: 0;
}

.aboutContents .leftBox {
  width: 30%;
  position: relative;
}

.aboutContents .rightBox {
  z-index: 1;
  width: 70%;
}

.meritList>.inner {
  justify-content: flex-end;
}

.meritList .item {
  width: 50%;
  max-width: 280px;
  padding: 0;
  margin: 8px;
  border-radius: 20px;
  border: 15px solid #fff;
  background: #fff;
  display: flex;
  flex-direction: column;
}

.meritList .item .imgBox {
  margin: 13px 0 0;
  text-align: center;
}

.meritList .item .imgBox img {
  width: 100%;
  max-height: 153px;
  object-fit: contain;
}

.meritTitle {
  font-family: var(--font00);
  min-height: 48px;
  margin: 13px;
  font-weight: 500;
  line-height: 1.5;
  font-size: 1rem;
  color: #363832;
  white-space: nowrap;
}

.meritList .item .textBox {
  margin: 18px 13px;
  font-size: 0.95rem;
  letter-spacing: 0.05rem;
}

.aboutContents .searchBtn {
  max-width: 300px;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0%);
}

@media screen and (max-width: 1274px) {
  .aboutArea .illust01 {
    width: 130%;
    left: -8%;
  }

  .aboutArea .illust02 {
    width: 120%;
    left: -13%;
  }

  .aboutContents:after {
    left: 12%;
  }

  .meritList>.inner {
    justify-content: center;
  }
}

@media screen and (max-width: 904px) {
  /* aboutArea */
  .top_merit_bg {
    width: 2700px;
  }
}

@media screen and (max-width: 767px) {
  .aboutArea .illust01,
  .aboutArea .illust02 {
    display: none;
  }

  .aboutContents:after,
  .aboutContents:before {
    display: none;
  }

  .aboutContents>.inner {
    flex-wrap: wrap;
    padding: 0 0 80px;
  }

  .meritList>.inner {
    margin: 0 auto;
    justify-content: center;
    flex-wrap: wrap;
  }

  .meritList .item {
    width: 100%;
    max-width: 600px;
    border-radius: 8px;
    border: none;
    flex-direction: row;
    column-gap: 12px;
    padding: 20px 15px;
    margin: 8px 20px;
  }

  .meritList .item .imgBox img {
    width: 100%;
    max-height: 125px;
    margin: 0 auto;
  }

  .meritList .item .textBox {
    margin: 0;
    font-size: 0.89rem;
    letter-spacing: 0;
    line-height: 1.5;
  }

  .meritTitle {
    min-height: inherit;
    margin: 0 0 5px;
    font-family: var(--font02);
    font-size: 0.9rem;
    letter-spacing: 0;
    font-weight: bold;
    white-space: inherit;
  }

  .meritList .item .imgBox {
    width: 40%;
    height: 100%;
    flex-shrink: 0;
    margin: 0;
    padding-bottom: 10px;
  }

  .meritTitle br {
    display: none;
  }

  .aboutContents .leftBox {
    width: 100%;
    display: flex;
  }

  .aboutContents .rightBox {
    width: 100%;
  }

  .meritList .item .textBox br {
    display: none;
  }
}

@media screen and (max-width: 429px) {
  .aboutArea .messageBox {
    margin: 20px auto;
  }
}

/* SP ここまで */

/* customer's voice */
.voiceArea {
  overflow: hidden;
  position: relative;
}

@media screen and (max-width: 767px) {
  .voiceArea {
    padding-top: 55px;
  }
}

.voiceArea_bg {
  z-index: 0;
  position: absolute;
  width: 100%;
  left: 0;
}

@media screen and (min-width: 768px) {
  .voiceArea_bg {
    bottom: 0;
  }
}

@media screen and (max-width: 767px) {
  .voiceArea_bg {
    bottom: 15px;
    width: 2700px;
  }
}

.voiceArea_bg img {
  width: 100%;
}

.voiceArea .voiceBtn {
  position: absolute;
  bottom: 90px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.voiceArea .voiceBtn .inner.voiceBtnLink {
  margin: 0 auto;
}

.voiceArea_caution {
  font-size: 12px;
  margin-top: 30px;
}

@media screen and (min-width: 768px) {
  .voiceArea_caution {
    text-align: center;
  }
}

.voiceContents {
  z-index: 1;
  position: relative;
  max-width: 950px;
  margin: 0 auto;
}

@media screen and (min-width: 768px) {
  .voiceContents {
    padding: 0 31px 180px 31px;
  }
}

@media screen and (max-width: 767px) {
  .voiceContents {
    padding: 0 26px 180px 26px;
  }
}

@media screen and (min-width: 768px) {
  .voiceBox+.voiceBox {
    margin-top: 60px;
  }
}

@media screen and (max-width: 767px) {
  .voiceBox+.voiceBox {
    margin-top: 32px;
  }
}

@media screen and (min-width: 768px) {
  .voiceBox_info {
    padding: 0 16px;
  }
}

@media screen and (max-width: 767px) {
  .voiceBox_info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.voiceBox_img {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 22.5%;
}

@media screen and (max-width: 767px) {
  .voiceBox_img {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: 21%;
  }
}

.voiceBox_img img {
  vertical-align: middle;
}

@media screen and (max-width: 767px) {
  .voiceBox_img-large {
    display: none;
  }
}

@media screen and (min-width: 768px) {
  .voiceBox_img-small {
    display: none;
  }
}

.voiceBox_inner {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

@media screen and (min-width: 768px) {
  .voiceBox_inner {
    margin-left: 4%;
  }
}

.voiceBox_balloon {
  position: relative;
  padding: 8px 16px;
  border-radius: 8px;
  font-weight: 700;
  color: #fff;
  line-height: 1.3;
  background: #57b3bc;
}

@media screen and (min-width: 768px) {
  .voiceBox_balloon {
    margin-bottom: 24px;
    font-size: 1.4rem;
  }
}

@media screen and (max-width: 767px) {
  .voiceBox_balloon {
    margin-bottom: 18px;
    font-size: 1.2rem;
    letter-spacing: 0;
  }
}

.voiceBox_balloon::after {
  content: "";
  position: absolute;
  top: calc(100% - 1px);
  left: 30px;
  background: #57b3bc;
  height: 12px;
  width: 16px;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%);
  clip-path: polygon(0 0, 100% 0, 100% 100%);
}

.voiceBox_nameBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-weight: 700;
  line-height: 1.15;
}

@media screen and (min-width: 768px) {
  .voiceBox_nameBox {
    margin-bottom: 18px;
    padding-bottom: 13px;
    border-bottom: 1px dotted #57b3bc;
    font-size: 1.2rem;
  }
}

@media screen and (max-width: 767px) {
  .voiceBox_nameBox {
    margin-left: 3%;
    max-width: 76%;
    width: 100%;
    font-size: 0.875rem;
  }
}

.voiceBox_nameBox_name {
  margin-right: 10px;
  letter-spacing: 0;
  display: inline-block;
}

@media screen and (max-width: 767px) {
  .voiceBox_nameBox_name {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
}

.voiceBox_tag {
  vertical-align: middle;
  position: relative;
  top: 0;
  display: inline-block;
  padding: 3px 10px 2px;
  border-radius: 4px;
  color: #fff;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  -webkit-transition: top 0.3s, -webkit-box-shadow 0.3s;
  transition: top 0.3s, -webkit-box-shadow 0.3s;
  transition: box-shadow 0.3s, top 0.3s;
  transition: box-shadow 0.3s, top 0.3s, -webkit-box-shadow 0.3s;
  -webkit-box-shadow: 0 3px 2px rgba(0, 0, 0, 0.14);
  box-shadow: 0 3px 2px rgba(0, 0, 0, 0.14);
}

@media screen and (min-width: 768px) {
  .voiceBox_tag {
    margin: 2px 8px 6px 0;
    font-size: 0.8875rem;
  }
}

@media screen and (max-width: 767px) {
  .voiceBox_tag {
    margin: 2px 4px 4px 0;
    font-size: 0.75rem;
  }
}

.voiceBox_tag[href]:hover {
  top: 3px;
  color: #fff;
  cursor: pointer;
  -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.14);
  box-shadow: 0 0 0 rgba(0, 0, 0, 0.14);
}

@media screen and (max-width: 767px) {
  .voiceBox_tag-car {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
}

@media screen and (max-width: 767px) {
  .voiceBox_tag-year {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
}

@media screen and (max-width: 767px) {
  .voiceBox_tag-plan {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
}

.voiceBox_tag-yellow {
  color: #111;
  background-color: #ffe800;
}

.voiceBox_tag-yellow[href]:hover {
  color: #111;
}

.voiceBox_tag-gold {
  background-color: #b28B26;
}

.voiceBox_tag-silver {
  background-color: #bebebe;
}

.voiceBox_tag-white {
  background-color: #215274;
}

.voiceBox_text {
  width: 100%;
  line-height: 1.8;
  text-align: justify;
  letter-spacing: 0.02em;
}

.voiceBox_noshadow {
  box-shadow: none;
  padding: 5px;
}

@media screen and (min-width: 768px) {
  .voiceBox_text {
    font-size: 0.95rem;
  }
}

@media screen and (max-width: 767px) {
  .voiceBox_text {
    margin-top: 7px;
    font-size: 0.875rem;
  }
}

.voiceBox_text em {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, rgba(249, 240, 157, 0)), color-stop(20%, #f9f09d), color-stop(90%, #f9f09d), color-stop(90%, rgba(249, 240, 157, 0)));
  background: linear-gradient(rgba(249, 240, 157, 0) 20%, #f9f09d 20%, #f9f09d 90%, rgba(249, 240, 157, 0) 90%);
  font-style: normal;
}

/* flow */
.flowArea {
  margin: 0 0 70px;
  position: relative;
}

.flowArea .messageBox {
  margin: 40px 0;
  text-align: center;
  font-weight: 600;
  position: relative;
}

.flowArea .flowImgBox {
  width: 100%;
  max-width: 1063px;
  padding: 0 40px;
  margin: 0 auto 40px;
}

.flowCnt {
  margin: 40px 0;
}

.flowCntInner {
  max-width: var(--main_width);
  width: 100%;
  margin: 0 auto 0;
  justify-content: space-between;
}

.stepBox {
  width: 100%;
  text-align: center;
  border-right: 1px solid #111;
}

.stepBox .numBox {
  width: 86px;
  height: 86px;
  margin: 0 auto;
  border-radius: 50%;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background: #feed02;
}

.stepBox .numBox .t {
  font-family: var(--font02);
  font-size: 0.7rem;
  line-height: 1.3;
  font-weight: 500;
  display: flex;
  margin: 0 0 3px;
  letter-spacing: 0.15rem;
  font-weight: 800;
}

.stepBox .numBox b {
  font-size: 1.5rem;
}

.stepBox.step_4 {
  border: none;
}

.stepTitle {
  color: #363832;
  margin: 10px 0;
}

.stepBox .textBox .t {
  padding: 0 15px 0;
  margin: 30px 0 0;
}

.stepBox .textBox p {
  margin: 0 0 20px;
}

.step_shinsaLayout {
  width: 0px;
  position: relative;
}

.step_shinsa {
  width: 60px;
  height: 300px;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  line-height: 36px;
  letter-spacing: -0.1rem;
  padding: 0 12px 0 0;
  position: absolute;
  top: 50%;
  color: #fff;
  right: -28px;
  transform: translate(0%, -50%);
  text-align: center;
  background: var(--main_color);
}

@media screen and (max-width: 1274px) {
  .step_shinsa {
    width: 40px;
    padding: 0 2px 0 0;
    right: -16px;
  }
}

.m_kome {
  display: inline-block;
  font-size: 0.6rem;
  font-weight: 500;
  vertical-align: top;
  color: #ff0000;
}

.flowArea .kome {
  max-width: var(--main_width);
  width: 100%;
  margin: 0 auto 0;
  text-align: right;
  font-size: 0.75rem;
}

@media screen and (max-width: 767px) {
  /* flowArea */
  .flowArea {
    margin-top: 30px;
  }

  .flowCntInner {
    flex-direction: column;
  }

  .step_shinsaLayout {
    width: 100%;
  }

  .stepBox {
    border: none;
  }

  .stepBox .numBox {
    width: 66px;
    height: 66px;
  }

  .stepBox .numBox b {
    font-size: 1.3rem;
  }

  .stepBox .textBox {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }

  .stepTitle {
    width: 100%;
  }

  .stepBox .imgBox {
    width: 35%;
    margin: 7px 0 0;
  }

  .stepBox .imgBox img {
    width: 90%;
    margin: 0 auto;
  }

  .stepBox .textBox .t {
    width: 50%;
    padding: 0;
    margin: 10px 0 0;
    line-height: 1.5;
    font-size: 0.86rem;
    text-align: left;
  }

  .stepBox .textBox p {
    margin: 0 0 0 10px;
    letter-spacing: 0;
  }

  .step_shinsa {
    width: 100%;
    max-width: 240px;
    padding: 11px 0 0;
    margin: 0 auto;
    height: 50px;
    letter-spacing: 1px;
    font-weight: 500;
    color: inherit;
    -ms-writing-mode: lr-tb;
    writing-mode: horizontal-tb;
    line-height: inherit;
    position: static;
    transform: inherit;
    background: #f5f5f5;
  }

  .step_shinsaLayout:after,
  .stepBox:after {
    width: 30px;
    margin: 10px auto 10px;
    display: block;
    content: "";
    border-right: 30px solid transparent;
    border-top: 15px solid #f5f5f5;
    border-left: 30px solid transparent;
  }

  .stepBox.step_4:after {
    display: none;
  }

  .stepBox .textBox p br {
    display: none;
  }

  .flowArea .kome {
    padding: 0 15px;
    margin: 0;
  }

  .flowArea .kome br {
    display: none;
  }

  .flowArea .flowImgBox {
    max-width: 600px;
    padding: 0 20px;
    margin: 0 auto 30px;
  }
}

@media screen and (max-width: 429px) {
  .flowArea .messageBox {
    margin: 20px;
    letter-spacing: 0;
  }
}

/*　　SP ここまで　　*/

/* top column */
.TopColumnArea {
  padding-bottom: 100px;
  position: relative;
  overflow: hidden;
}

.topColumn_bg {
  top: 0;
  width: 100%;
}

.topColumnCont {
  max-width: 900px;
  width: 100%;
  margin: 30px auto 0;
}

.topColumnInner {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 13px 2rem;
}

.topColumnItem {
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  margin-bottom: 2rem;
}

.topColumnLink,
.columnLink {
  width: 100%;
  display: flex;
  padding: .9rem;
  box-shadow: 3px 3px 3px #d7d7d7;
  border-radius: 12px;
  border: 2px solid #d7d7d7;
  background: #fff;
}

.topColumnItem .imgBox,
.columnItem .imgBox {
  display: flex;
  justify-content: center;
  align-items: center;
}

.topColumnItem .imgBox {
  margin-left: 2.2rem;
  width: 48%;
}

.columnItem .imgBox {
  width: 75%;
}

.topColumnItem .imgBox img {
  width: 100%;
}

.columnItem .imgBox img {
  width: 250px;
}

.topColumnLink::before {
  content: "";
  top: 0px;
  left: 8px;
  border-bottom: 6em solid transparent;
  border-left: 6em solid #ff8181;
  position: absolute;
  z-index: 100;
}

.topColumnLink::after {
  content: "1";
  display: block;
  font-size: 1.5rem;
  top: 9px;
  color: #fff;
  left: 28px;
  position: absolute;
  z-index: 101;
}

.topColumnTitle {
  font-size: 1.4rem;
  font-weight: 600;
  margin-top: 1rem;
}

.topColumnDescription {
  margin-bottom: 10px;
}

.topColumnDate,
.columnDate {
  text-align: right;
}

.topColumnDate {
  font-size: .8rem;
  padding-right: .6rem;
  line-height: 1;
}

.columnLists {
  display: flex;
  justify-content: center;
  width: 100%;
  flex-wrap: wrap;
}

.columnItem {
  width: 50%;
  display: flex;
  position: relative;
}

.topColumnLink {
  margin: 0 8px;
}

.columnLink {
  margin: 0 8px 20px;
}

.columnLink::before {
  content: "";
  top: 0;
  left: 8px;
  border-bottom: 4em solid transparent;
  border-left: 4em solid #ff8181;
  position: absolute;
  z-index: 100;
}

.columnLink::after {
  content: "";
  display: block;
  font-size: 1.2rem;
  top: 2px;
  color: #fff;
  left: 23px;
  position: absolute;
  z-index: 101;
}

.columnLink01::after {
  content: "2";
}

.columnLink02::after {
  content: "3";
}

.columnLink03::after {
  content: "4";
}

.columnLink04::after {
  content: "5";
}

.topColumnTextArea,
.columnTextArea {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
}

.topColumnTextArea {
  margin-left: 35px;
}

.columnTitle {
  font-size: 1rem;
  line-height: 1.4;
  padding-top: .5rem;
}

.columnDescription {
  font-size: .8rem;
  line-height: 1.5;
  margin: 2px 0 5px;
}

.columnDate {
  font-size: .7rem;
  padding-right: .3rem;
  line-height: 1;
  margin-bottom: 2px;
}

.columnBtn {
  position: absolute;
  bottom: 45px;
  left: 50%;
  transform: translateX(-50%);
}

.searchBtn .inner.columnBtnLink {
  width: 220px;
  margin: 0 auto;
}

/* ipad Air 以下のサイズから */
@media screen and (max-width: 767px) {
  .topColumnInner {
    flex-direction: column;
  }

  .topColumn_bg {
    top: -60px;
    min-width: 2300px;
  }

  .topColumnLink,
  .columnLink {
    box-shadow: none;
  }

  .topColumnLink {
    flex-direction: column;
  }

  .topColumnItem {
    width: 100%;
    margin: 0 auto;
  }

  .topColumnLink::before {
    content: "";
    top: 0;
    left: 0;
    border-bottom: 5em solid transparent;
    border-left: 5em solid #ff8181;
    position: absolute;
    z-index: 100;
  }

  .columnLink::before {
    border-bottom: 4em solid transparent;
    border-left: 4em solid #ff8181;
    top: 0;
    left: 0;
  }

  .topColumnLink::after {
    content: "1";
    display: block;
    font-size: 1.5rem;
    top: 4px;
    color: #fff;
    left: 15px;
    position: absolute;
    z-index: 101;
  }

  .columnLink::after {
    font-size: 1.3rem;
    top: 1px;
    left: 13px;
  }

  .topColumnTextArea {
    margin-left: 0;
  }

  .topColumnItem .imgBox,
  .columnItem .imgBox {
    width: 100%;
  }

  .columnItem .imgBox {
    width: 74%;
  }

  .topColumnItem .imgBox {
    margin-left: 0;
    width: 100%;
  }

  .topColumnTitle {
    font-size: 1.2rem;
    margin-top: unset;
  }

  .topColumnDescription {
    line-height: 1.6;
    font-size: 1rem;
    color: #707070;
  }

  .columnLists {
    width: 100%;
  }

  .columnItem {
    width: 100%;
  }

  .topColumnLink,
  .columnLink {
    margin: 0;
  }

  .columnItem01,
  .columnItem02,
  .columnItem03,
  .columnItem04 {
    margin-top: 1rem;
    margin-bottom: unset;
  }

  .columnItem01,
  .columnItem03 {
    margin-right: 0;
  }

  .columnItemImg {
    width: 50%;
  }

  .columnTitle {
    font-size: 1rem;
  }

  .columnDescription {
    color: #707070;
  }

  .topColumnDate {
    position: unset;
  }
}

.yokuaruFaqArea {
  padding: 30px 0 80px;
  background: #ebf4f5;
  position: relative;
}

.yokuaruFaqInner {
  max-width: 900px;
  width: 100%;
  margin: 30px auto 0;
  justify-content: space-between;
}

.yokuaruFaqCnt {
  display: flex;
}

.yokuaruFaqCnt .item {
  padding: 18px;
  margin: 0 0 15px;
  background: #fff;
}

.yokuaruFaqCnt .qArea {
  margin: 0 0 15px;
  align-items: center;
}

.yokuaruFaqCnt .qBtn {
  min-width: 30px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  margin-right: 10px;
  padding: 0 0 0 1px;
  border-radius: 50%;
  font-weight: 600;
  display: flex;
  justify-content: center;
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
  background-color: #feed02;
}

.yokuaruFaqCnt .qAreaText {
  font-weight: 500;
  line-height: 1.3;
}

.yokuaruFaqCnt .aArea {
  margin: 0 0 15px;
}

.yokuaruFaqCnt .aBtn {
  min-width: 30px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  padding: 0 0 0 1px;
  margin-right: 10px;
  display: block;
  background-color: #eee;
  border-radius: 50%;
  font-weight: 600;
  text-align: center;
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
}

.yokuaruFaqCnt .textLink {
  margin: 0 0 0;
}

.yokuaruFaqBtn {
  position: absolute;
  bottom: 25px;
  left: 50%;
  transform: translateX(-50%);
}

.searchBtn .inner.yokuaruFaqBtnLink {
  margin: 0 auto;
}

@media screen and (max-width: 1274px) {
  .yokuaruFaqCnt {
    margin: 0 13px 50px;
  }

  .yokuaruFaqBtn {
    bottom: 55px;
  }
}

/* SP ここまで */

.newsArea {
  padding: 0 0 0;
  position: relative;
  overflow: hidden;
}

@media screen and (max-width: 1274px) {
  .newsAreaInner {
    margin: 0 13px;
  }
}

.top_news_bg {
  display: none;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.top_news_bg img {
  width: 100%;
}

.newsArea .normalType {
  max-width: 900px;
  width: 100%;
  padding: 0;
  margin: 0 auto 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  position: relative;
}

.newsArea .normalType:before,
.newsArea .normalType:after {
  width: 100%;
  height: 1px;
  display: flex;
  margin: 0;
  align-items: center;
  justify-content: center;
  display: block;
  content: "";
  background: #2c2c2c;
}

.newsArea .normalType .w {
  min-width: fit-content;
  padding: 0 15px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  font-size: 1.5rem;
}

.newsCnt {
  position: relative;
}

.newsCntInner {
  max-width: 900px;
  width: 100%;
  padding: 40px 15px 15px 15px;
  margin: -40px auto 0;
  border-left: 1px solid #2c2c2c;
  border-right: 1px solid #2c2c2c;
  border-bottom: 1px solid #2c2c2c;
}

.newsCntInner .newsScroll {
  max-height: 200px;
  overflow: auto;
}

.news_item {
  margin: 10px 0;
  display: flex;
  align-items: center;
  font-weight: 500;
}

a.news_item:hover {
  color: var(--accent_color);
}

.news_item .date {
  margin: 0 15px 0 0;
  color: #666;
  font-size: 0.85rem;
}

.news_item .t {
  letter-spacing: 0.01rem;
  line-height: 1.3;
}

.newsLinkBox {
  display: flex;
  justify-content: right;
}

.newsLinkBox a {
  text-align: right;
  display: block;
  border-bottom: 1px solid #9f9f9f;
}

@media screen and (max-width: 767px) {
  /* newsArea */
  .news_item {
    flex-direction: column;
    align-items: flex-start;
  }

  .newsCntInner .newsScroll {
    margin-right: -10px;
  }

  .newsArea .normalType .w {
    font-size: 1.3rem;
  }
}

/* breadcrumbs
-------------------------------------------------- */
.breadcrumbs {
  padding: 0 0;
  margin: 0 0 0;
  font-size: 0.74rem;
  color: #707070;
  border-bottom: 1px solid #f5f5f5;
}

.top .breadcrumbs {
  display: none;
}

.breadcrumbs>.inner {
  width: 100%;
  max-width: var(--main_width);
  padding: 10px 0 5px 10px;
  margin: 0 auto 0;
  display: flex;
  align-items: center;
  overflow: auto;
  white-space: nowrap;
}

.breadcrumbs .item {
  display: flex;
  align-items: center;
  color: #707070;
}

.breadcrumbs a.item:hover {
  color: #acacac;
}

.breadcrumbs .icon-home_filled1 {
  color: #acacac;
}

.ar {
  margin: 1px 5px 0;
  color: #dedede;
  display: flex;
  align-items: center;
  font-size: 10px;
}

/* footer
-------------------------------------------------- */
.footer {
  margin-top: 0px;
  line-height: 1;
  position: relative;
  background: #fff;
}

.footer a:hover {
  color: #acacac;
}

.footInner {
  text-align: center;
}

.footLogoBox {
  padding: 30px 0;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid #f3f3f3;
}

.footLogoBox .imgBox:hover {
  opacity: 0.7;
}

.footUpper {
  padding: 40px 0;
  display: none;
  justify-content: center;
  flex-wrap: wrap;
}

.footMenuList {
  display: flex;
  justify-content: center;
}

.footMenuList .item {
  padding: 10px 15px;
  margin: 0 0 0;
  font-weight: 500;
  display: flex;
  font-size: 1rem;
}

.footLower {
  padding: 20px 0px;
  background: #fff;
}

.footLinkList {
  max-width: var(--main_width);
  padding: 10px 50px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.footLinkList .item {
  padding: 3px 15px 3px 0;
  margin: 0 15px 0 0;
  line-height: 1;
  font-weight: normal;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.74rem;
  color: #707070;
  border-right: 1px solid #cccccc;
}

.footLinkList .item.end {
  border-right: unset;
}

.copyBox {
  height: 97px;
  padding: 42px 0 0;
  line-height: 1;
  color: #828282;
  font-size: 0.7rem;
  background: #e2e2e2;
}

@media screen and (max-width: 767px) {
  .footLower {
    width: 100%;
    padding: 20px 0px 10px;
    border: none;
    background: inherit;
  }

  .footLinkList {
    padding: 10px 30px;
    flex-wrap: wrap;
  }

  .footLinkList .item {
    padding: 3px 15px 3px 0;
    margin: 0 0 8px 0;
    line-height: 1;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.8rem;
    border: none;
  }

  .header.open~.footer .footLinkList {
    justify-content: flex-start;
    padding-left: 15px;
  }

  .header.open~.footer .footLinkList .item {
    margin: 0 15px 8px 0;
  }

  .under.estimate .footer,
  /* 上部「.estimate .footer」にmargin-top: 0 !important;あり */
  .under.search .footer {
    margin-top: 0;
  }
}

/*　　(max-width: 767px) ここまで　　*/

/* topBtn
-------------------------------------------------- */
.topBtn {
  z-index: 800;
  width: 100%;
  max-width: var(--main_width);
  height: 0;
  padding: 0;
  margin: 0 0;
  transition: all 0.1s;
  position: fixed;
  bottom: 15px;
  left: 60%;
  transform: translate(-60%, 0%);
}

.goToTop {
  width: 50px;
  height: 50px;
  line-height: 44px;
  display: block;
  margin: 0 5px 0 auto;
  border-radius: 100%;
  background: #ababab;
}

.goToTop .btn .icon {
  font-size: 0.9rem;
  font-weight: 900;
  color: #fff;
  display: block;
  transform: rotate(-90deg);
}

.goToTop:hover {
  text-decoration: none;
  background: #ffe800;
}

.goToTop:hover .btn .icon {
  color: #2b2b2b;
}

.topBtn.btm .goToTop {
  margin-top: -22px;
}

@media screen and (max-width:768px) {
  .goToTop {
    width: 45px;
    height: 45px;
  }
}

/* under
-------------------------------------------------- */
.logo_under {
  width: 100%;
  max-width: 200px;
  display: none;
}

.logo_under .imgBox {
  width: 100%;
  line-height: 0;
  transition: all 0.1s;
}

.logo_under .imgBox:hover {
  opacity: 0.7;
}

.logo_under .imgBox .img {
  width: 100%;
}

.under .contents>.inner {
  width: 100%;
  max-width: var(--main_width);
  margin: 0 auto;
  position: relative;
}

.under .notice {
  padding: 15px;
  margin: 0 auto 30px;
  background: #f5f5f5;
}

.under .cont {
  margin: 30px 0;
  font-size: 0.96rem;
}

.under .cont a {
  color: var(--main_color);
  font-weight: 500;
  transition: all 0.1s;
  text-decoration: underline;
}

.under .cont a:hover {
  color: var(--accent_color);
}

.under .cont b {
  font-weight: 500;
}

.under .cont p {
  margin: 15px 0;
}

.under p.caution01 {
  padding-left: 0em;
  text-indent: -1em;
  margin: 0;
}

@media screen and (max-width:768px) {
  .under p.caution01 {
    padding-left: 0.5em;
    text-indent: -1em;
    margin: 0;
  }
}

.under p.caution01 span {
  display: inline-block;
  text-indent: 0;
}

.under .cont .in_cont li {
  margin: 15px 0;
}

.under .cont .sec {
  margin-left: 20px;
}

@media screen and (max-width: 1274px) {
  .under .notice {
    font-size: 0.86rem;
    padding-left: 20px;
  }

  .under .cont {
    font-size: 0.86rem;
    margin-left: 13px;
    margin-right: 13px;
  }
}

.under .serchSectionTitle {
  font-family: var(--font00);
  width: 100%;
  max-width: var(--main_width);
  margin: 30px auto 0;
  justify-content: center;
  align-items: baseline;
  line-height: 1;
}

.under .serchSectionTitle .left {
  transform: rotate(15deg);
}

.under .serchSectionTitle .right {
  transform: rotate(-15deg);
}

.under .serchSectionTitle .topBigTitle_textBox {
  font-weight: 500;
  color: #6c6c6c;
  font-size: 1rem;
  margin: 0 0 5px;
}

.under .serchSectionTitle .feature_numBox {
  margin: 0 0 0;
}

.under .serchSectionTitle01 {
  display: none;
}

.under .serchSectionTitle02 {
  display: flex;
}

.underSearch .cont03 .topBigTitle.serchSectionTitle02 .feature_numBox {
  margin-left: -10px;
}

@media screen and (max-width: 1040px) {
  .under .serchSectionTitle01 {
    display: flex;
  }

  .under .serchSectionTitle02 {
    display: none;
  }
}

/* underSearch
-------------------------------------------------- */
.underSearch .topBigTitle {
  margin: 20px 0 10px;
}

.underSearchBox {
  padding: 5px 13px;
  display: flex;
  justify-content: center;
}

.underSearchInner {
  width: 100%;
  max-width: 550px;
}

.underSearch .cont02 {
  width: 100%;
  max-width: var(--main_width);
  margin: 0 auto;
  position: relative;
}

.underSearch .s_lankingMenu {
  width: 90%;
  flex-wrap: nowrap;
  justify-content: center;
  background: none;
}

.underSearch .s_lankingItem {
  height: 60px;
  line-height: 60px;
  padding: 0 15px;
}

.underSearch .s_lankingMenuTitle {
  width: 100%;
  height: 60px;
  border: 3px solid #f5f5f5;
  background: white;
}

.underSearch .s_lankingMenuTitle:hover {
  border-color: var(--logo_color);
  background: var(--logo_color);
}

.underSearch .s_lankingItem.on .s_lankingMenuTitle {
  border-color: var(--logo_color);
  background: var(--logo_color);
}

.underSearch .scen02_choiceBox {
  margin: 50px 0 0;
}

.underSearch .scen02_choiceBox .inner {
  justify-content: center;
}

.underSearch .scen02_choiceBox .item {
  cursor: pointer;
  max-width: 180px;
  min-width: 180px;
  padding: 5px 10px;
  margin: 0 8px;
  transition: all 0.1s;
  text-align: center;
  border: 4px solid #d5d5d5;
  border-radius: 70px;
  font-weight: 500;
  border-color: #ededed;
  background: #ededed;
}

.underSearch .scen02_choiceBox .item:hover {
  color: #707070;
}

.underSearch .scen02_choiceBox .item.on {
  color: #111;
  border-color: var(--logo_color);
  background: none;
}

.underSearch .scen02_choiceBox .center {
  display: flex;
  align-items: center;
}

.underSearch .scen02_choiceCnt {
  display: none;
}

.underSearch .scen02_choiceCnt.open {
  display: flex;
}

@media screen and (max-width: 1274px) {
  .underSearch .s_lankingWrapper {
    padding: 0 15px;
  }

  .underSearch .s_sceneLankingBox {
    height: inherit;
    padding-bottom: 60px;
  }
}

.underSearch .lankingBox {
  position: static;
}

.underSearch .lankingBox>.inner {
  display: block
}

.underSearch .s_featureItemBox {
  position: static;
  flex-direction: column;
  align-items: center;
}

.underSearch .s_featureItemBoxInner {
  width: 100%;
  max-width: 850px;
  padding: 0 0 0px;
  margin: 10px 0 0;
}

.underSearch .s_featureItemBox .item {
  width: 160px;
  padding: 25px 0 25px 0;
  display: block;
  text-align: center;
  margin: 0px 3px 10px;
  border-radius: 25px;
  border: 2px solid #f4f4f4;
}

.underSearch .s_featureItemBox .item:hover {
  border-color: var(--logo_color);
  background: #fff;
}

.underSearch .s_featureItemBox .item.on {
  background: var(--logo_color);
  border-color: var(--logo_color);
}

.underSearch .searchFormInner {
  max-width: 100%;
  padding: 40px 20px 10px;
}

.underSearch .first .searchFormInner {
  max-width: 1100px;
}

.underSearch .second .searchFormInner {
  padding-top: 80px;
}

.underSearch .third .searchFormInner {
  width: 100%;
  max-width: 900px;
  padding-top: 80px;
}

@media screen and (max-width: 1274px) {
  .underSearch .second .searchFormInner {
    padding-top: 60px;
  }
}

.underSearch .s_lankingBg {
  margin: -30px 0 0;
}

.underSearch .s_sceneLankingBox {
  width: 100%;
  border-radius: 50px;
  position: relative;
  overflow: hidden;
  height: 340px;
  border: none;
  background-color: #f5f5f5;
  background-repeat: no-repeat;
  background-position: 100% 101%;
  background-size: 230px;
  background-image: url(../img/search/car_img02.svg);
}

.underSearch .s_sceneLankingBox .search-title {
  font-size: 33px;
  font-weight: 700;
  line-height: 1.5;
  width: fit-content;
  padding: 30px 10px 0 15px;
  margin: 0 auto;
  background: linear-gradient(transparent 75%, #FFE800 0%);
}

.searchFormInner {
  padding: 0px 30px 30px;
  margin: 0 auto;
}

.searchForm {
  margin: 0 0 0;
  padding: 0 0 0;
}

.underSearch .s_lankingMenu {
  max-width: 800px;
}

.underSearch .s_lankingMenu .t {
  width: 100%;
  text-align: center;
}

.underSearch .s_lankingMenu small {
  font-size: 0.75rem;
  display: flex;
  justify-content: center;
}

.searchBoxWrapper {
  display: flex;
}

.searchBoxWrapper.drive {
  border-bottom: none;
}

.searchBoxWrapper>.item {
  width: 30%;
}

.searchBoxWrapper>.t {
  font-family: var(--font00);
  width: 100%;
  max-width: 130px;
  padding: 10px 0;
  margin-right: 3px;
  font-size: 0.95rem;
  font-weight: 500;
  color: #666;
  display: flex;
  justify-content: flex-start;
}

.searchBoxWrapper>.t.keyword {
  padding: 0;
}

.searchBox {
  width: 100%;
  flex-wrap: wrap;
}

.searchBox>.item {
  width: 100%;
  min-width: 100px;
  max-width: 100px;
  margin: 3px;
}

.searchBox>.item.tag {
  width: fit-content;
  height: fit-content;
  min-width: unset;
  max-width: unset;
}

.searchBox .wap {
  width: 100%;
  height: 100%;
  cursor: pointer;
  display: flex;
  align-items: center;
}

.searchBox .wap.tag {
  height: unset;
}

.searchBox .wap .t {
  width: 100%;
  height: 100%;
  padding: 7px 5px;
  cursor: pointer;
  border-radius: 8px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  border: 2px solid #f4f4f4;
  line-height: 1.3;
  background: #fff;
}

.searchBox .wap .t.tag {
  padding: 7px 12px;
  border-radius: 50px;
}

.searchBox .wap .t .icon {
  opacity: 0.75;
  width: inherit;
  min-width: inherit;
  max-width: inherit;
  height: 20px;
  line-height: 20px;
  margin: 5px auto;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 2rem;
  position: relative;
  background: none;
}

.searchBox .wap .t .name {
  height: 100%;
  padding: 0 0;
  letter-spacing: 0;
  line-height: 1;
  font-size: 0.8rem;
  font-weight: 500;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

.searchBox .wap:hover .t {
  border-color: #f4f4f4;
  background: var(--logo_color);
}

.searchBox .wap input:checked~.t {
  border-color: var(--logo_color);
  background: var(--logo_color);
}

.searchBox .wap input:checked~.icon:before {
  color: var(--main_color);
  display: inherit;
}

.searchBox .wap input:checked~.name {
  color: var(--main_color);
}

.searchBoxWrapper .s_featureItemBoxInner {
  padding: 0;
}

.searchBoxWrapper .s_featureItemBox {
  position: static;
}

.searchSet {
  width: 100%;
  position: absolute;
  bottom: 1em;
  left: 0;
}

.searchSet>.inner {
  width: 100%;
}

.searchSet .searchBtn {
  height: 45px;
  position: absolute;
  bottom: 0%;
  left: 50%;
  transform: translate(-50%, 0%);
}

.searchSet .searchBtn>.inner {
  height: 45px;
  line-height: 45px;
  border-radius: 40px;
}

.clearBtn {
  width: 155px;
  padding: 2px 15px;
  cursor: pointer;
  color: #6c6c6c;
  font-weight: 500;
  transition: all 0.1s;
  border-radius: 20px;
  align-items: center;
  justify-content: center;
  border: none;
  border: 2px solid #bfbfbf;
  position: absolute;
  bottom: 0%;
  left: 35rem;
  background: #fff;
}

.clearBtn:hover {
  color: #6c6c6c;
  background: #dbdbdb;
}

.clearBtn .icon {
  display: none;
}

.btns_wrap {
  margin: -25px 0 0;
}

.btns_wrap .inner {
  width: 100%;
  max-width: var(--main_width);
  padding: 0 5px;
  margin: 0 auto;
  display: flex;
  justify-content: flex-end;
}

@media screen and (max-width: 1274px) {
  .underSearch .s_sceneLankingBox {
    height: inherit;
  }

  .btns_wrap .inner {
    padding-right: 15px;
    padding-left: 15px;
  }
}

.sortBox {
  width: 130px;
  height: 30px;
  padding: 0;
  margin: 0 0 0;
  display: flex;
  position: relative;
  flex-direction: column;
  cursor: pointer;
  border-radius: 8px;
  display: flex;
  border: 2px solid #d4d4d4;
  line-height: 1.3;
}

.sort_text {
  width: 100%;
  height: 30px;
  padding: 0 7px 0 15px;
  margin: -2px auto 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.sortBox .c {
  font-family: var(--font00);
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  cursor: pointer;
  width: 100%;
  color: #111;
  max-width: 120px;
  height: 30px;
  line-height: 30px;
  border: none;
  position: absolute;
  top: -2px;
  left: 0;
  background: none;
}

.sortBox .icon {
  height: 30px;
  line-height: 30px;
  position: absolute;
  top: 0;
  right: 0;
}

.underSearch .cont03 .topBigTitle {
  margin: 30px auto 0;
}

.resultArea {
  padding: 0 0 40px;
}

.resultArea:after {
  width: 100%;
  height: 0;
  margin: 0 auto 0;
  border-radius: 15px;
  display: block;
  content: "";
}

.resultList {
  width: 100%;
  max-width: var(--main_width);
  margin: 0 auto 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  background: #fff;
}

@media screen and (max-width: 1274px) {
  .resultList {
    padding-right: 15px;
    padding-left: 15px;
  }
}

.resultItem {
  width: 33.3%;
  margin: 5px 0 15px;
  display: flex;
  flex-direction: column;
  position: relative;
}

.resultItem:hover .imgBox {
  opacity: 0.7;
}

.resultItem .lankingBoxCnt {
  display: flex;
  padding: 0 15px;
  align-items: center;
  flex-direction: column;
  position: static;
  transform: inherit;
  flex: 1;
}

.resultItem .lankingBoxCnt:hover {
  border-color: #f4f4f4;
}

.resultItem .lankingBoxCnt .priceBox {
  max-width: 230px;
  width: 100%;
  font-size: 0.8rem;
  border-radius: 15px;
  margin: 0 auto 10px;
  padding: 10px;
  justify-content: center;
  border: 3px solid #f5f5f5;
  border-bottom: 5px solid #f5f5f5;
}

.resultItem .t {
  max-width: 300px;
  margin: 0px auto 10px;
  font-weight: 800;
  line-height: 1.3;
  display: flex;
  justify-content: center;
  text-align: center;
  flex: 1;
}

.resultItem .matome {
  width: 100%;
  margin: 5px 0;
  font-size: 0.8rem;
  line-height: 1;
  font-weight: 500;
  text-align: center;
}

.resultItem .lankingBoxCnt .price {
  font-size: 1.3rem;
  margin: 0 0 -3px;
}

.logined .resultItem .matome {
  bottom: 55px;
}

.resultItem .imgBox {
  max-width: 100%;
  min-width: 100%;
  border: none;
  text-align: center;
}

.resultItem .lankingBoxCnt .logined_c {
  padding: 0;
  margin: 0 auto 10px;
  font-size: 0.7rem;
  letter-spacing: 0.1rem;
  align-items: baseline;
  color: #4d4d4d;
  border: none;
}

.resultItem .lankingBoxCnt .logined_c:before {
  display: inline-block;
  content: "通常";
}

.resultItem .lankingBoxCnt .logined_c .price {
  color: #4d4d4d;
  font-size: 0.8rem;
}

.lankingBoxCnt .logined_c span {
  margin: 0 2px;
}

@media screen and (max-width: 1040px) {
  .under .underSearch .serchSectionTitle01 {
    z-index: 790;
    width: 100%;
    max-width: inherit;
    height: 44px;
    line-height: 40px;
    margin: 0;
    margin-bottom: -55px;
    align-items: center;
    justify-content: center;
    display: inline-flex;
    position: fixed;
    right: 0;
    bottom: 55px;
    padding: 0 10px;
    height: 48px;
    line-height: inherit;
    display: flex;
    color: #ffffff;
    background: #ff8181;
  }

  .under .serchSectionTitle01 .feature_numBox {
    width: 40%;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
  }

  .serchSectionTitle01 .feature_numBox .feature_numBox_firstBox {
    width: 100%;
    align-items: center;
    justify-content: center;
    font-size: 0.7rem;
    margin: 0 3px 0 0;
    color: #fff;
  }

  .serchSectionTitle01 .feature_numBox .feature_numBox_leftBox {
    font-size: 0.7rem;
    color: #fff;
    justify-content: center;
  }

  .serchSectionTitle01 .feature_numBox .feature_numBox_leftBox b {
    font-size: 1.2rem;
  }

  .serchSectionTitle01 .feature_numBox .feature_numBox_rightBox {
    font-size: 0.7rem;
    margin: 0 0 0 3px;
    color: #fff;
  }

  .serchSectionTitle01 .feature_numBox .no_result {
    font-size: 0.7rem;
    line-height: 1.3;
    text-align: center;
    font-weight: normal;
  }

  .under .underSearch .serchSectionTitle01 .searchBtn {
    width: 180px;
  }

  .under .underSearch .serchSectionTitle01 .searchBtn .inner {
    border-radius: 8px;
    color: #4d4d4d;
    border-bottom: 3px solid #5e5e5e;
    background: #ffffff;
  }

  .underSearch .s_sceneLankingBox {
    padding-bottom: 2em;
    background-image: none;
  }

  .underSearchBox {
    padding: 20px 13px 0;
    margin: 0;
  }

  .underSearchBox .s_name {
    margin: 0 auto 50px;
  }

  .underSearch .first .searchFormInner {
    padding: 40px 13px 20px;
  }

  .underSearch .second .searchFormInner {
    padding: 50px 13px 20px;
  }

  .underSearch .third .searchFormInner {
    padding: 60px 13px 20px;
  }

  .underSearch .scen02_choiceBox .inner {
    margin: 0 15px;
  }

  .underSearch .scen02_choiceBox .item {
    width: 47%;
    min-width: inherit;
    max-width: 100px;
    padding: 5px 0;
    margin: 0 3px;
    white-space: nowrap;
    letter-spacing: 0;
    font-size: 0.85rem;
  }

  .underSearch .scen02_choiceBox .item .t2 {
    display: none;
  }

  .underSearch .s_featureItemBox .item {
    width: 170px;
    justify-content: center;
    padding: 12px 10px;
    padding-right: 0;
    padding-left: 0;
    letter-spacing: 0;
  }

  .underSearch .s_lankingItem {
    padding: 0 5px;
  }

  .underSearch .s_lankingMenu .t span {
    letter-spacing: -0.1rem;
    font-size: 0.9rem;
  }

  .searchBox>.item {
    width: 25%;
    min-width: inherit;
    max-width: inherit;
    margin: 0 0 3px;
  }

  .searchBox.priceRenge .wap .t,
  .searchBox.drive .wap .t {
    height: 42px;
  }

  .underSearch .s_featureItemBox .item {
    width: 47%;
    max-width: 170px;
    margin: 0 1% 2%;
    border-radius: 8px;
    justify-content: center;
  }

  .underSearch_sceneItem {
    width: 25%;
    margin: 0 0 0;
  }

  .searchBox .underSearch_sceneItem .wap {
    margin: 0;
  }

  .topSearch_sceneWrapper .wap .t {
    padding: 7px;
  }

  .underSearch_sceneItem .imgBox {
    height: 120px;
  }

  .underSearch .searchSet>.inner {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .underSearch .searchSet .searchBtn,
  .underSearch .searchSet .clearBtn {
    width: 180px;
    position: static;
    transform: inherit;
    margin: 0;
    display: none;
  }

  .underSearch .searchSet .clearBtn {
    padding: 0;
    width: 130px;
    display: flex;
  }

  .btns_wrap {
    margin: 10px 0 0;
  }

  .sort_text {
    margin-top: -1px;
    font-size: 0.8rem;
  }

  .resultList {
    padding: 0;
  }

  .resultItem .lankingBoxCnt {
    padding: 0 5px;
  }

  .resultItem .t {
    padding: 0 5px;
    text-align: left;
    font-size: 0.8rem;
    letter-spacing: 0;
    height: 30px;
  }

  .resultItem .matome {
    width: 50px;
    margin: 0 auto 10px;
    padding: 5px 0;
    justify-content: left;
    letter-spacing: 0;
    font-size: 0.6rem;
    display: flex;
    justify-content: center;
    border-radius: 15px;
    background: #f5f5f5;
    bottom: 40px;
  }

  .resultItem .lankingBoxCnt .priceBox {
    width: 90%;
    padding: 5px 0 8px;
    display: flex;
    justify-content: center;
  }

  .resultItem .lankingBoxCnt .price {
    letter-spacing: -0.01rem;
    font-size: 1rem;
  }

  .resultItem .lankingBoxCnt span {
    font-size: 0.6rem;
    letter-spacing: 0;
  }

  .resultItem .carList_bonus {
    font-size: 10px !important;
    text-align: center !important;
  }

  .logined .resultItem .matome {
    bottom: 57px;
  }

  .resultItem .lankingBoxCnt .logined_c {
    font-size: 0.6rem;
    font-weight: 500;
    bottom: 20px;
  }

  .resultItem .lankingBoxCnt .logined_c .price {
    font-weight: 600;
  }

  .resultItem .lankingBoxCnt .logined_c:before {
    letter-spacing: 0;
  }
}

@media screen and (max-width: 767px) {
  .searchSet {
    bottom: 1em;
  }

  .underSearch .s_sceneLankingBox {
    padding-bottom: 3em;
  }
}

@media screen and (max-width: 429px) {
  .underSearch .s_sceneMenuTitle {
    border-radius: 25px;
  }

  .underSearch .s_sceneMenuTitle small {
    width: 75px;
    font-size: 0.6rem;
    margin: 0 auto;
  }

  .underSearch .first .searchFormInner {
    padding-top: 20px;
  }

  .searchBoxWrapper {
    flex-direction: column;
  }

  .searchBoxWrapper>.t {
    width: inherit;
    max-width: inherit;
    padding: 5px 0;
    margin: 0 auto;
    justify-content: center;
  }

  .searchBoxWrapper>.t.keyword {
    padding: 5px 0;
  }

  .underSearch .s_featureItemBoxInner {
    max-width: inherit;
    justify-content: space-between;
  }

  .underSearch .s_featureItemBox .item {
    width: 49%;
    margin: 0 0 3px;
  }

  .underSearch_sceneItem {
    width: 48%;
    margin: 0 0 10px;
  }

  .searchBox .wap .t.tag {
    height: unset;
    padding: 7px 12px;
  }

  .searchBox .wap:hover .t {
    border-color: #f4f4f4;
    background: #fff;
  }

  .searchBox .wap input:checked~.t {
    border-color: #f4f4f4;
    background: var(--logo_color);
  }

  .searchBox .wap .t .name {
    font-size: 0.75rem;
  }

  .underSearch .s_sceneLankingBox .search-title {
    padding: 25px 5px 0 10px;
    font-size: 20px;
    margin: 0 auto;
    background: linear-gradient(transparent 75%, #FFE800 0%);
    line-height: 1.5;
  }
}

/* s_scene TOPページ用。searchBoxを上書きしたいのでここに書いてる*/
.s_scene {
  margin: 30px 0 0;
  position: relative;
}

.s_scene .messageBox {
  margin: 40px 0;
  text-align: center;
  font-weight: 600;
  position: relative;
}

.sceneWrapper {
  max-width: 850px;
  flex-wrap: nowrap;
  justify-content: center;
}

.s_sceneLankingBox {
  width: 100%;
  border-radius: 50px;
  position: relative;
  overflow: hidden;
}

.sceneItem {
  width: 100%;
  margin: 0 10px;
}

.sceneItem dt {
  order: 2;
  height: 100%;
  padding: 0 0;
  letter-spacing: 0;
  line-height: 1;
  font-size: 0.8rem;
  font-weight: 500;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

.sceneItem .imgBox {
  order: 1;
  width: 100%;
  filter: saturate(170%);
}

.sceneItem .imgBox img {
  width: 100%;
}

@media screen and (max-width: 767px) {
  /* sceneWrapper */
  .s_featureWrapper {
    padding: 0 0;
  }

  .s_sceneLankingBox {
    border-radius: 0;
  }

  .sceneWrapper {
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .lankingBoxInner {
    overflow-x: scroll;
  }

  .sceneItem {
    width: 48%;
    margin: 0 0 15px;
  }
}

/* 新車のカーリースについてエリア */
.aboutCarleaseArea {
  padding: 0 15px 0;
  margin: 10px auto 20px;
}

.aboutCarleaseArea .inner {
  width: 100%;
  max-width: 1200px;
  border-radius: 25px;
  padding: 1.5em 2em 2em;
  overflow: visible;
  margin: 0 auto;
  border: 3px solid #f1f1f1;
  background: #fff;
}

@media screen and (max-width: 767px) {
  .aboutCarleaseArea {
    margin: 0px auto 40px;
  }

  .aboutCarleaseArea .inner {
    padding: 2em 1.7em 2em 1.75em;
  }
}

.aboutCarleaseArea h2 {
  color: #6c6c6c;
  font-size: 1.4rem;
  padding-bottom: 0.75em;
  line-height: 1.5;
  text-align: center;
}

.aboutCarleaseArea h2 span {
  color: var(--accent_color);
}

.aboutCarleaseArea .inner p {
  font-size: 0.9rem;
  padding-bottom: 1em;
  line-height: 1.7;
}

.aboutCarleaseArea .inner p:last-child {
  padding-bottom: 0em;
}

@media screen and (max-width: 767px) {
  .aboutCarleaseArea h2 {
    font-size: 1.3rem;
  }

  .aboutCarleaseArea .inner p {
    font-size: 0.85rem;
    line-height: 1.6;
  }
}

.consulInqArea {
  /* クルマは見つかりましたか */
  padding: 0 0 10px;
  margin: 0 0 50px;
  position: relative;
  background: #f5f5f5;
}

.consulInqArea>.inner {
  width: 100%;
  max-width: var(--main_width);
  padding: 0 0 0;
  margin: 0 auto 0;
  text-align: center;
  position: relative;
}

.consulInqArea:after {
  width: 100%;
  height: 0;
  margin: 0 auto 50px;
  border-radius: 15px;
  display: block;
  content: "";
  background: #f5f5f5;
}

.consulInqArea .topBigTitle {
  padding: 20px 0 10px;
  margin: 0 auto 0;
  font-size: 1.4rem;
  display: inline-flex;
  position: relative;
}

.consulInqArea .topBigTitle_textBox {
  padding: 0 0;
}

.under .consulInqArea .topBigTitle.serchSectionTitle01 {
  display: none;
}

.consulInqUpperCnt>.inner {
  width: 100%;
  max-width: 730px;
  padding: 0 0;
  margin: 0 auto;
  position: relative;
  justify-content: space-between;
}

.consulInqText {
  width: 100%;
  padding: 0 0 0 15px;
  display: flex;
  flex-wrap: wrap;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.consulInqText .t01,
.consulInqText .t02 {
  width: 100%;
  justify-content: center;
}

.consulInqUpperCnt .rightImg {
  margin: 20px 0 0 0;
}

.consulInqBox {
  margin: 0 auto 0;
}

@media screen and (max-width: 1274px) {
  .consulInqBox {
    margin: 0 13px;
  }
}

.consulInqBox>.inner {
  justify-content: center;
  text-align: center;
}

.consulInfoBox {
  width: 100%;
  max-width: 800px;
  padding: 30px;
  border-radius: 20px;
  justify-content: center;
  background: #fff;
}

.consulInfoBox .leftBox {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-right: 2px solid #d3d3d3;
}

.consulInfoBox .leftBox>.inner {
  flex-direction: column;
  padding-right: 20px;
}

.consulInfoBox .gotoText {
  color: #868686;
  font-size: 0.8rem;
}

.consulInfoBox .leftBox .searchBtn>.inner {
  background: var(--accent_color);
}

.consulInfoBox .leftBox .searchBtn .icon-mail {
  font-size: 1.1rem;
  line-height: 1;
  margin: 1px 2px 0 0;
}

.consulInfoBox .consultBox {
  width: 100%;
  background: none;
  margin: 0 0 0;
  border-bottom-left-radius: 50px;
  border-bottom-right-radius: 50px;
}

.consulInfoBox .consultBox>.inner {
  width: 100%;
  padding: 20px 0;
  margin: 0 auto;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  color: #868686;
}

.consultBox .telBox {
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  font-weight: 500;
  pointer-events: none;
}

@media screen and (max-width: 767px) {
  .consultBox .telBox {
    pointer-events: auto;
  }
}

.consultBox .telBox .icon {
  display: flex;
  align-items: center;
  margin: 0 0 -3px;
}

.consulInfoBox .consultBox .openTime {
  margin: 0 0 0 10px;
  font-size: 0.75rem;
}

.consulImg {
  display: none;
  position: absolute;
  bottom: 0;
  right: 100px;
  transform: translate(-50%, 0%);
}

@media screen and (max-width: 767px) {
  .under .consulInqArea .topBigTitle.serchSectionTitle01 {
    display: flex;
  }

  .consulInqUpperCnt .leftImg {
    display: none;
  }

  .consulInqUpperCnt .rightImg {
    position: absolute;
    left: 75%;
    width: 20%;
    top: 15px;
  }

  .consulInqUpperCnt .rightImg img {
    width: 70px;
  }

  .consulInqArea .topBigTitle {
    max-width: 250px;
    line-height: 1.3;
    letter-spacing: 1px;
    padding: 40px 0 20px;
  }

  .consulInqText {
    padding: 0;
    position: static;
    transform: inherit;
    font-size: 0.9rem;
    font-weight: 500;
  }

  .consulInqText .t01 {
    flex-direction: column;
  }

  .consulInqBox {
    margin: 20px auto;
  }

  .consulInfoBox {
    padding: 0;
    flex-direction: column;
    background: none;
  }

  .consulInfoBox .leftBox {
    padding: 0 0;
    border-radius: 20px;
    border: none;
  }

  .consulInfoBox .leftBox>.inner {
    padding: 0;
    width: 100%;
  }

  .consulInfoBox .consultBox {
    padding: 0 0;
    border-radius: 20px;
    border: none;
  }

  .consulInfoBox .searchBtn {
    width: 80%;
  }

  .consultBox .telBox {
    width: 80%;
    height: 40px;
    line-height: 40px;
    border-radius: 20px;
    background: #fff;
  }

  .consulInqArea:after {
    margin: 0 auto;
  }
}

@media screen and (max-width: 440px) {
  .consulInqUpperCnt .rightImg {
    display: none;
  }
}

.consulInqArea02 {
  width: 100%;
  max-width: 1000px;
  padding: 0 4rem 0;
  margin: 60px auto 0;
  border: 3px solid #e2e2e2;
  border-bottom: 3px solid #e2e2e2;
  border-radius: 50px;
}

@media screen and (max-width: 1274px) {
  .consulInqArea02 {
    width: 97%;
    margin: 0 auto;
  }
}

/* est
-------------------------------------------------- */
@media screen and (max-width: 1300px) {
  .est .mainCnt {
    overflow: hidden;
  }
}

/* cont01 */
.est .cont01 .underMainTitle {
  line-height: 1.3;
}

.feature_sceneBox>.inner {
  font-weight: 500;
  margin-left: 0;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  font-size: 0.8rem;
}

.feature_sceneBoxWrapper {
  display: flex;
  margin: 0.3rem auto;
  align-items: flex-start;
}

.feature_sceneBox .t {
  padding: 5px 10px;
  margin: 0 8px 0 0;
  color: #fff;
  letter-spacing: 0;
  font-size: 0.7rem;
  font-weight: normal;
  display: inline-flex;
  align-items: center;
  border-radius: 30px;
  line-height: 1;
  background: #666;
}

.feature_sceneBox .itemWrapper {
  margin-right: 10px;
}

.feature_sceneBox .item {
  margin-right: 10px;
}

.under .estCnt {
  width: 100%;
  max-width: var(--main_width);
  padding: 0px 0 0;
  margin: -30px auto 0;
  position: relative;
}

@media screen and (max-width: 1274px) {
  .under .estCnt {
    width: auto;
    margin-top: 0;
    margin-right: 15px;
    margin-left: 15px;
  }
}

.choiceBox {
  font-family: var(--font02);
  width: 86px;
  height: 86px;
  margin: 0 auto 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 0.7rem;
  color: #111;
  letter-spacing: 0.15rem;
  font-weight: 800;
  border-radius: 100%;
  background: #ffe800;
  position: absolute;
  top: -43px;
  left: 50%;
  transform: translate(-50%, 0%);
}

.under .estCnt .title {
  padding: 30px 5px 30px;
  margin: 0 auto 20px;
  font-family: var(--font00);
  color: #111;
  font-size: 1.6rem;
  letter-spacing: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  position: absolute;
  top: 30px;
  left: 41.8%;
}

.under .estCnt .title:before,
.under .estCnt .title:after {
  display: none;
}

.under .estCnt>.inner {
  max-width: 850px;
  margin: 0 auto 0;
}

.estCnt .leftBox {
  min-width: 260px;
  max-width: 27%;
  margin: 0 auto;
}

.estCnt .leftBox img {
  width: 100%;
}

.estCnt .rightBox {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.estCnt .rightBox .noticeBox {
  font-size: 0.7rem;
  margin: 10px 0 15px;
  line-height: 1.5;
  font-weight: normal;
  color: #666;
}

.estCnt .gotoBtn {
  width: 180px;
  padding: 5px;
  margin: 0 0 0 auto;
  font-size: 0.8rem;
  letter-spacing: 0;
  border-radius: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  color: #666;
  background: #f5f5f5;
}

.estCnt .gotoBtn .icon {
  margin: 0 0 0 10px;
  font-size: 0.6rem;
}

.estCnt .gotoBtn:hover {
  color: var(--accent_color);
}

.estCnt .gotoBtn+br {
  display: none;
}

@media screen and (max-width: 767px) {
  .under .estCnt {
    width: 100%;
    margin: 0;
    border: 0;
    border-radius: 0;
  }

  .feature_sceneBox>.inner {
    max-width: 400px;
    margin: 0.3rem auto;
  }

  .feature_sceneBox .t {
    width: 76px;
    justify-content: center;
  }

  .under .estCnt>.inner {
    align-items: center;
    flex-direction: column;
  }

  .estCnt .leftBox {
    min-width: 300px;
    max-width: 300px;
    margin: 0 auto;
    text-align: center;
  }

  .estCnt .rightBox {
    max-width: 500px;
    margin: 0 auto 20px;
    align-items: center;
  }

  .feature_sceneBox .itemWrapper {
    flex-direction: column;
  }

  .estCnt .rightBox .noticeBox {
    min-width: 330px;
    max-width: 330px;
    margin: 5px auto;
    letter-spacing: -0.05rem;
    font-size: 0.6rem;
  }

  .estCnt .gotoBtn {
    width: 140px;
    margin-right: 15px;
    font-size: 0.7rem;
    letter-spacing: 0;
  }

  .estCnt .gotoBtn .icon {
    margin-left: 3px;
  }
}

/* .cont00部分。レイアウトテンプレを上書き */
.under .cont00 .e_layout {
  margin-bottom: 0;
}

.cont00 .estimate_resultCntWrapper {
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.estItem {
  width: 36%;
}

.estItem .t {
  display: flex;
  flex-direction: column;
}

.cont00BtnArea {
  width: 100%;
  max-width: var(--main_width);
  padding: 0 0 0;
  margin: 0 auto 0;
}

.cont00BtnArea>.inner {
  margin-left: auto;
  margin-right: auto;
}

.cont00Btn {
  width: 100%;
  margin: 0 0 0;
}

.cont00Btn_mText {
  margin: 13px 0 0px 20px;
  font-size: 0.85rem;
  color: #666;
  letter-spacing: -0.01rem;
}

.cont00Btn .item {
  width: 100%;
  padding: 15px 35px 15px 20px;
  margin: 0;
  display: flex;
  align-items: center;
  cursor: pointer;
  line-height: 1;
  letter-spacing: 0.05rem;
  font-weight: 500;
  font-size: 0.9rem;
  color: #6c6c6c;
  position: relative;
  border-radius: 30px;
  border: 2px solid #d8d8d8;
  border-bottom: 3px solid #d8d8d8;
}

.cont00Btn .item:hover {
  border-color: var(--logo_color);
  transition: all 0.25s;
  background: #fff9c0;
}

.cont00Btn .item .icon:before {
  font-weight: 800;
  font-size: 0.7rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.1s;
  position: absolute;
  top: 50%;
  right: 13px;
  transform: translate(0%, -50%);
}

.cont00Btn.open .item {
  border-color: var(--logo_color);
  background: var(--logo_color);
}

.toInqBtn .item {
  /* 問い合わせと審査のボタン*/
  width: 100%;
  letter-spacing: 0.03rem;
  font-size: 1.1rem;
  color: #111;
  font-weight: 700;
  border-color: #ffe500;
  background: #fcf9e0;
}

.toInqBtn .item:hover {
  border-color: var(--logo_color);
  background: var(--logo_color);
}

.cont00Btn.toQuick5 {
  padding: 0 0 35px;
  position: relative;
}

.cont00Btn.toQuick7 {
  padding: 0 0 35px;
  position: relative;
}

.toQuick_notice {
  width: 100%;
  line-height: 1.3;
  font-size: 0.75rem;
  font-weight: 500;
  letter-spacing: 0;
  text-align: center;
  position: absolute;
  bottom: 3px;
  left: 0;
  color: var(--danger_color);
}

.estItemCenter {
  width: 100%;
  max-width: 4px;
  display: flex;
  height: 80%;
  margin: 50px 0 60px;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0%);
  background: #f5f5f5;
}

.toCustomBox,
.requestBtnBox {
  width: 100%;
  padding: 0 0 0;
  margin: 20px auto 20px;
  display: flex;
  justify-content: center;
}

.toCustomBox .item,
.requestBtnBox .item {
  padding: 0 20px 0 0;
  font-weight: 500;
  align-items: center;
  justify-content: flex-end;
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0.04rem;
  color: var(--main_color);
  position: relative;
  transition: all 0.25s cubic-bezier(0.2, 1.15, 0.5, 1.2);
}

.toCustomBox .icon,
.requestBtnBox .icon {
  font-size: 1.1rem;
  margin: 1px 5px 0 0;
}

.toCustomBox .t,
.requestBtnBox .t {
  margin: 0 0 0 3px;
}

.toCustomBox .item:after,
.requestBtnBox .item:after {
  font-family: 'icomoon';
  display: flex;
  margin-left: 5px;
  align-items: center;
  justify-content: center;
  content: "\e903";
  transition: all 0.1s;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(0%, -50%);
}

.toCustomBox .item:hover,
.requestBtnBox .item:hover {
  transform: scale(1.1);
  transition: all 0.25s cubic-bezier(0.2, 1.15, 0.5, 1.2);
}

.toCustomBox .item.open {
  border-radius: 0;
  border-bottom: 1px solid #215274;
}

.estCntWrapper {
  /* フォーム項目セクション*/
  width: 100%;
  max-width: var(--main_width);
  padding: 0 4rem 0;
  margin: 0 auto 0;
  background: #fff;
}

.select_car {
  display: none;
}

.select_car.open {
  display: block;
}

@media screen and (max-width: 1274px) {
  .estCntWra.estpper {
    width: auto;
    padding: 0;
  }
}

.estCntWrapper .topBigTitle {
  position: relative;
}

.estCntWrapper .topBigTitle:before {
  width: 100%;
  height: 3px;
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  bottom: 50%;
  border-radius: 5px;
  transform: translate(0%, -50%);
  background: #f5f5f5;
}

.estCntWrapper .topBigTitle_textBox {
  z-index: 1;
  font-family: var(--font02);
  padding: 0 15px;
  margin: 0px 0 25px;
  font-size: 1.3rem;
  color: #111;
  background: #fff;
}

.estCntWrapper .topBigTitle_textBox .tBox>b {
  margin: 0 0 0 2px;
}

.estCntWrapper .topBigTitle_textBox .tBox span {
  font-family: var(--font02);
  width: 86px;
  height: 86px;
  margin: 0 auto 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 0.7rem;
  color: #fff;
  letter-spacing: 0.15rem;
  font-weight: 800;
  border-radius: 100%;
  background: var(--main_color);
}

.estCntWrapper .topBigTitle_textBox .tBox span b {
  margin: 0 0 0 -1px;
  font-weight: 800;
  line-height: 1.3;
  font-size: 1.5rem;
  display: flex;
  justify-content: center;
}

.estimate_resultCntWrapper {
  margin: 0 0 30px;
}

.estimate_resultCntWrapper .inner {
  width: 100%;
  max-width: 1000px;
  padding: 0 0 0;
  margin: 0 auto;
  justify-content: space-around;
}

.estimate_resultCntWrapper .radioBox .wap {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: none;
}

.estimate_resultCntWrapper .c {
  padding: 10px 0 0;
  margin: 0 0 15px -10px;
  line-height: 1;
  font-size: 1.2rem;
  font-weight: 500;
  align-items: flex-end;
  justify-content: center;
  position: relative;
}

.estimate_resultCntWrapper .c .leftBox {
  margin: 0px 0 -3px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.estimate_resultCntWrapper .year {
  font-size: 1.6rem;
  padding: 10px 0 0;
  margin: 10px;
  display: flex;
  justify-content: center;
  line-height: 1;
  position: relative;
}

.estimate_resultCntWrapper .amount_c:before {
  width: 90%;
  height: 6px;
  border-radius: 15px;
  display: block;
  content: "";
  position: absolute;
  transform: translate(0%, -50%);
  background: #f5f5f5;
  background: #e2e2e2;
}

.estimate_resultCntWrapper .c .leftBox small {
  display: inline-flex;
  margin: 2px 0 0;
}

.estimate_resultCntWrapper .c .priceBox {
  font-family: Verdana, "メイリオ", Meiryo;
  margin: 0 0 -5px;
  font-size: 2.5rem;
  letter-spacing: 0.05rem;
  font-weight: 600;
  color: var(--accent_color);
}

.estimate_resultCntWrapper .c .rightBox {
  margin: 0 0 0 4px;
}

.estimate_resultCntWrapper .amount_c {
  align-items: baseline;
  font-size: 0.6rem;
  color: #4d4d4d;
}

.estimate_resultCntWrapper .amount_c .priceBox {
  font-size: 0.9rem;
  color: #4d4d4d;
}

.estimate_resultCntWrapper .amount_c .leftBox {
  padding-top: 10px;
  display: block;
}

/* ログイン後 */
.estimate_resultCntWrapper .logined_c {
  padding: 0;
  margin: 5px 0 0px -5px;
  color: #4d4d4d;
  font-size: 1rem;
  font-weight: 500;
  align-items: baseline;
}

.estimate_resultCntWrapper .logined_c:before,
.estimate_resultCntWrapper .logined_c .priceBox,
.estimate_resultCntWrapper .logined_c .leftBox,
.estimate_resultCntWrapper .c .leftBox small,
.estimate_resultCntWrapper .logined_c .rightBox {
  display: inline-block;
}

.estimate_resultCntWrapper .logined_c:before {
  margin: 0 2px 0 0;
  content: "通常価格 :";
  font-size: 0.6rem;
}

.estimate_resultCntWrapper .logined_c .priceBox {
  margin: 0 0 0;
  font-size: 0.9rem;
  color: #4d4d4d;
}

.estimate_resultCntWrapper .logined_c .leftBox {
  margin: 0 2px 0 0;
  font-size: 0.6rem;
}

.estimate_resultCntWrapper .c .leftBox small {
  margin: 0 -5px 0;
}

.estimate_resultCntWrapper .logined_c .rightBox {
  font-size: 0.9rem;
}

/* 下部の見積もり結果内価格表示*/
.estimate_resultCntWrapper.estBottom .radioBox .wap.est_item .t {
  width: 100%;
  max-width: 600px;
  height: 100%;
  cursor: default;
  padding: 15px 0;
  margin: 0 15px 0;
  border-radius: 10px;
  border: 3px solid var(--logo_color);
  background: var(--logo_color);
}

.estBottom .c {
  padding: 0;
}

.estBottom .c .priceBox {
  color: #111;
}

.estBottom .c:before {
  display: none;
}

/* ホバー*/
.estimate_resultCntWrapper .radioBox .wap:hover {
  opacity: 1;
  color: #111;
}

.estimate_resultCntWrapper .radioBox .wap:hover .t {
  color: #111;
}

.estimate_resultCntWrapper .wap:hover .c .priceBox {
  color: #111;
}

/* チェック状態*/
.estimate_resultCntWrapper .radioBox .wap input:checked~.t {
  color: #111;
  border: none;
  border-color: inherit;
  background: var(--logo_color);
}

.estimate_resultCntWrapper .radioBox .wap input:checked~.t .c .priceBox {
  color: #111;
}

@media screen and (max-width: 767px) {
  .estCntWrapper {
    padding: 0 15px 0;
    margin: 0 0;
    border: 0;
    border-radius: 0;
  }

  .estCntWrapper .topBigTitle_textBox .tBox span {
    transform: scale(0.8);
    margin: 0 auto 0;
  }

  .estItemCenter {
    height: 80%;
    margin: 0;
  }

  .estItem {
    width: 100%;
    max-width: 250px;
    padding: 0 10px;
  }

  .estimate_resultCntWrapper .c .leftBox {
    font-size: 0.9rem;
    font-weight: 600;
    white-space: nowrap;
    flex-direction: row;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0%);
  }

  .estimate_resultCntWrapper .c .leftBox small {
    margin: 0;
  }

  .estimate_resultCntWrapper .c {
    padding: 25px 0 0;
    margin: 0;
    font-size: 1rem;
    justify-content: center;
    position: relative;
  }

  .estimate_resultCntWrapper .c .priceBox {
    font-size: 2rem;
    letter-spacing: 0;
  }

  .estimate_resultCntWrapper .c .rightBox {
    margin: 0 0 0 2px;
    font-size: 0.7rem;
  }

  .estimate_resultCntWrapper .logined_c {
    padding: 0 0 0;
    margin: 15px 0 -10px 0;
    font-size: 0.6rem;
    align-items: baseline;
  }

  .estimate_resultCntWrapper .logined_c .leftBox {
    display: none;
  }

  .estimate_resultCntWrapper .logined_c .priceBox {
    font-size: 0.8rem;
    padding: 0 0 2px;
  }

  .estimate_resultCntWrapper .year {
    font-size: 1.1rem;
    padding: 3px 0;
    margin: 15px 0;
    background: var(--logo_color);
  }

  .estimate_resultCntWrapper .amount_c {
    padding: 0 0 0;
    margin: 15px 0 20px 0;
  }

  .estimate_resultCntWrapper .amount_c .noDisp {
    display: none;
  }

  .estimate_resultCntWrapper .amount_c .priceBox {
    margin: 25px 0 0 0;
    font-size: 0.8rem;
  }

  .estimate_resultCntWrapper .amount_c .leftBox {
    font-size: 0.6rem;
  }

  .estimate_resultCntWrapper .amount_c .rightBox {
    font-size: 0.6rem;
  }

  .cont00Btn_mText {
    width: 136px;
    margin: 0 auto 5px;
    line-height: 1.3;
    font-size: 0.7rem;
    letter-spacing: 0;
  }

  .toInqBtn .item {
    /* 問い合わせと審査のボタン*/
    max-width: inherit;
    padding: 15px 5px 15px 15px;
    margin: 0 auto 15px;
    font-size: 1rem;
    letter-spacing: -0.01rem;
  }

  .cont00Btn .item .icon:before {
    right: 3%;
    font-size: 0.6rem;
  }

  .toInqBtn01+.cont00Btn_mText {
    width: 146px;
  }

  .cont00Btn.toQuick5 {
    padding-bottom: 20px;
  }

  .cont00Btn.toQuick7 {
    padding-bottom: 20px;
  }

  .toQuick_notice {
    font-size: 0.6rem;
    font-weight: 500;
    white-space: nowrap;
    letter-spacing: -0.1rem;
    position: absolute;
    bottom: 5px;
    left: 0;
  }

  .estCntWrapper .cont03 {
    margin-top: 30px;
  }

  .toCustomBox .item,
  .requestBtnBox .item {
    flex-wrap: wrap;
    justify-content: center;
  }

  .toCustomBox .item:hover,
  .requestBtnBox .item:hover {
    transform: scale(1);
  }
}

/* 767pxここまで */

.requestBtnBox {
  padding: 0px 0 80px;
}

.requestBtnBox>.inner {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: relative;
}

.searchBtn.inquiry {
  width: 100%;
  max-width: 400px;
  height: 60px;
  border-radius: 60px;
  padding: 0 15px;
  margin: 0 0 15px;
}

.searchBtn.inquiry .inner {
  height: 60px;
  line-height: 60px;
  font-size: 1.3rem;
  border-radius: 60px;
  color: #ffffff;
  background: var(--main_color);
}

.searchBtn.inquiry .icon {
  font-size: 1.3rem;
  margin: 0 8px 0 0;
}

.searchBtn.inquiry02 .inner {
  color: var(--main_color);
  background: #ffffff;
  border: 3px solid var(--main_color);
}

.change_lease_btn {
  width: 200px;
  padding: 5px 15px;
  margin: 0 auto 0;
  cursor: pointer;
  color: #6c6c6c;
  font-size: 0.8rem;
  font-weight: 500;
  transition: all 0.1s;
  border-radius: 20px;
  align-items: center;
  justify-content: center;
  border: none;
  border: 2px solid #868686;
}

.change_lease_btn .icon {
  font-size: 1.3rem;
}

.change_lease_btn:hover {
  color: #6c6c6c;
  background: #fff;
}

.print_changeBox {
  max-width: 1000px;
  padding: 0 5px 0 0;
  margin: 15px 0 15px auto;
  justify-content: flex-end;
  align-items: center;
}

.print_changeBox>.inner {
  justify-content: flex-end;
  align-items: center;
}

.print_btn {
  padding: 0px 15px;
  cursor: pointer;
  color: #6c6c6c;
  font-weight: 500;
  font-size: 0.85rem;
  display: inline-flex;
  align-items: center;
  border-bottom: 1px solid #000000;
}

.print_btn .icon {
  font-size: 1.1rem;
  margin: 0 5px 0 0;
  color: #737373;
}

.print_btn:hover {
  color: var(--accent_color);
}

.under .e_layout {
  margin-bottom: 20px;
}

.estTwoCum {
  display: flex;
  justify-content: space-between;
}

.est_item_wrap {
  width: 100%;
  padding: 10px 0 10px 10px;
}

.estTwoCum .est_item_wrap:nth-child(2n) .est_itemTitle {
  padding-left: 20px;
}

.est_itemTitle {
  width: 100%;
  max-width: 230px;
  min-width: 230px;
  align-items: center;
  justify-content: center;
  font-weight: 500;
}

@media screen and (max-width: 1274px) {
  .est_itemTitle {
    width: auto;
    min-width: 150px;
  }
}

.est_itemTitle small {
  display: block;
}

.est_itemCnt {
  width: 100%;
  margin-left: 10px;
}

.est_item {
  width: 100%;
  height: 45px;
  display: flex;
  position: relative;
  background: #f9f9fa;
}

.est_item:before {
  font-family: 'icomoon';
  width: 40px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  content: "\ed8a";
  font-size: 1.3rem;
  position: absolute;
  right: 0;
  top: 50%;
  bottom: 50%;
  transform: translate(0%, -50%);
}

.est_item input {
  padding-right: 40px;
  pointer-events: none;
}

.est_item select {
  position: absolute;
}

.checkBox .est_item:before,
.radioBox .est_item:before {
  display: none;
}

.radioBox .est_item .t {
  border: 1px solid #dadada;
}

.radioBox .est_item:hover .t {
  border-color: var(--logo_color);
  background-color: var(--logo_color);
}

.colorImage {
  margin: 0 10px 0 0;
}

.c_item {
  width: 70px;
  min-width: 70px;
  height: 45px;
  margin-right: 3px;
  border-radius: 3px;
}

.bodyColor .colorImage {
  position: relative;
  align-items: flex-start;
}

.bodyColor .two_tone {
  height: 50%;
  position: absolute;
  left: 0;
}

.bodyColor .two_tone:nth-last-of-type(2) {
  height: 45px;
  position: static;
  border-radius: 3px;
}

.bodyColor .two_tone:nth-last-of-type(1) {
  bottom: 0;
  border-radius: 0;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}

.bodyColor .three_tone {
  height: 33.3%;
  position: absolute;
  left: 0;
}

.bodyColor .three_tone:nth-last-of-type(3) {
  height: 45px;
  position: static;
  border-radius: 3px;
}

.bodyColor .three_tone:nth-last-of-type(2) {
  border-radius: 0;
  top: 33.3%;
  /* 18px + 0 */
}

.bodyColor .three_tone:nth-last-of-type(1) {
  bottom: 0;
  border-radius: 0;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}

.maintenance .radioBox .wap {
  max-width: 150px;
}

.qBox {
  cursor: pointer;
  margin: 0 0 0 auto;
  color: #6c6c6c;
  font-weight: 500;
  font-size: 0.85rem;
  display: flex;
  align-items: center;
}

.qBox .q_icon {
  width: 100%;
  min-width: 20px;
  max-width: 20px;
  height: 20px;
  line-height: 20px;
  margin: 0 3px 0 0;
  text-align: center;
  border-radius: 50%;
  color: #666;
  background: var(--accent_color);
  background: var(--base_color);
}

.qBox:hover {
  color: var(--accent_color);
}

@media screen and (max-width: 857px) {
  .est_itemCnt.plan {
    flex-wrap: wrap;
    row-gap: 10px;
  }
}

@media screen and (max-width: 767px) {
  .under .e_layout {
    width: 90%;
    margin: 0 auto;
  }

  .est_itemTitle {
    margin: 3px 0 3px;
    font-size: 1rem;
    letter-spacing: 0;
  }

  .est_itemTitle:before {
    display: inline-block;
    padding: 0 7x 0 0;
    content: "●";
    font-size: 0.8rem;
    color: var(--logo_color);
  }

  .estTwoCum {
    flex-direction: column;
  }

  .estTwoCum .est_item_wrap:nth-child(2n) .est_itemTitle {
    padding-left: 0;
  }

  .est_itemCnt {
    margin-left: 0;
  }

  .desiredNumber .radioBox .wap {
    max-width: 100%;
    font-size: 18px;
  }

  .est_item_wrap {
    padding: 0 0 8px;
    flex-direction: column;
  }

  .est_item_wrap.maintenance,
  .est_item_wrap.mileage {
    padding: 0 0 30px;
    position: relative;
  }

  .maintenance .radioBox .wap,
  .mileage .radioBox .wap {
    max-width: 50%;
  }

  .maintenance .qBox,
  .mileage .qBox {
    font-size: 0.7rem;
    letter-spacing: 0;
    position: absolute;
    bottom: 5px;
    right: 10px;
  }
}

.estimate_resultBtnArea {
  padding: 30px 0 60px;
}

.estimate_resultBtnArea .searchBtn {
  width: 320px;
  height: 60px;
  border-radius: 60px;
}

.estimate_resultBtnArea .searchBtn .inner {
  height: 60px;
  line-height: 60px;
  font-size: 1.3rem;
  border-radius: 60px;
  color: #111;
  background: var(--logo_color);
}

#notCalcCaution {
  width: 100%;
  max-width: 1000px;
  margin: 10px auto 0;
}

#notCalcCaution span {
  padding: 15px;
  display: block;
  line-height: 1.3;
  font-weight: 500;
  color: var(--danger_color);
  background: #fdffe1;
}

.under .estimate_result {
  margin: 60px 0 60px;
  display: none;
  transition: all 0.1s;
  background: #f8f8f8;
}

.under .estimate_result.open {
  display: block;
}

@media screen and (max-width: 1274px) {
  .under .estimate_result {
    width: auto;
    margin-right: 0;
    margin-left: 0;
  }
}

.estimate_result>.inner {
  border: none;
}

.estimate_result .topBigTitle {
  position: relative;
}

.estimate_result .topBigTitle_textBox {
  z-index: 1;
  font-family: var(--font02);
  padding: 0 15px;
  margin: 0px 0 25px;
  font-size: 1.3rem;
  color: #111;
}

.estimate_result .topBigTitle_textBox .tBox>b {
  margin: 0 0 0 2px;
  color: #5f5f5f;
}

.estimate_result .topBigTitle_textBox .tBox span {
  font-family: var(--font02);
  width: 86px;
  height: 86px;
  margin: -40px auto 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 1rem;
  letter-spacing: 0.15rem;
  font-weight: 800;
  border-radius: 100%;
  background-color: var(--main_color);
}

.estimate_result .topBigTitle_textBox .tBox span b {
  margin: 0 0 0 -1px;
  font-weight: 800;
  line-height: 1.3;
  font-size: 1.5rem;
  display: flex;
}

.estimate_result .miniText {
  max-width: 630px;
  margin: 15px auto 0;
  font-size: 0.9rem;
  font-weight: 500;
  color: #868686;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.estimate_result .underMainTitle .miniText br {
  display: none;
}

.estimate_result .estimate_resultCntWrapper>.inner {
  border-radius: 30px;
  position: relative;
  border: 5px solid #e1e1e1;
  background: #fff;
}

.estimate_result .estItemCenter {
  height: 100%;
  margin: 0 0 0;
  background: #efefef;
}

.estimate_result .estItem .t {
  margin-top: 15px;
}

.estimate_result .cont00BtnArea {
  background: none;
}

.estimate_result .estimate_resultCntWrapper .year:before {
  width: 70%;
  height: 4px;
  background: #efefef;
}

.estimate_result .print_changeBox {
  margin: 25px 0;
}

@media screen and (max-width: 767px) {
  .estimate_resultBtnArea {
    padding: 40px 0 40px;
  }

  .under .estimate_result {
    width: 100%;
    margin: 60px 0 0;
  }

  .estimate_result>.inner {
    border-left: none;
    border-right: none;
  }

  .estimate_result .estimate_resultCntWrapper>.inner {
    width: auto;
    margin: 0 15px;
    border: none;
  }

  .estimate_result .toInqBtn .item {
    margin: 0 3px 15px;
  }

  .print_changeBox {
    padding: 0 15px 0 0;
    display: none;
  }

  .requestBtnBox {
    padding-bottom: 30px;
    margin: 0;
  }

  .change_lease_btn {
    order: 2;
    top: 80px;
    left: 50%;
    transform: translate(-50%, 0%);
  }
}

.under .backBtnArea {
  margin-top: 15px;
  margin-bottom: 15px;
}

.under .backBtnArea>.inner {
  max-width: 1000px;
  padding-bottom: 30px;
  display: flex;
  justify-content: flex-end;
}

.under .backBtnArea .linkBtn .inner {
  color: #666;
  padding: 0 15px;
  background: #f5f5f5;
}

.under .backBtnArea .linkBtn:hover .inner {
  background: #dbdbdb;
}

.otherContent {
  margin: -30px 0 40px;
}

.otherContent .topBigTitle {
  margin: 30px auto 20px;
  align-items: center;
  position: relative;
}

.otherContent .resultList {
  flex-wrap: nowrap;
  overflow-x: auto;
}

.noResult {
  margin: 20px auto;
  color: #acacac;
}

@media screen and (max-width: 767px) {
  .noResult {
    display: none;
  }
}

.otherContent .resultItem:after {
  display: none;
}

.otherContent .resultItem .lankingBoxCnt .logined_c {
  display: none;
}

.under.estimate.logined .otherContent .resultItem .lankingBoxCnt .logined_c,
.under.search.logined .otherContent .resultItem .lankingBoxCnt .logined_c {
  display: flex;
}

/* 検索ページ（/search） */
.under.search .otherContent {
  margin: 0;
}

@media screen and (max-width: 767px) {
  /* 帯あり時の下部空白を調整 */
  .under.search .otherContent {
    padding: 0;
    margin: 0;
  }
}

.est_modal {
  z-index: 1000;
  transform: scale(1);
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  position: fixed;
  top: 0;
  left: 0;
  background: #fff;
}

.est_modal>.inner {
  padding-bottom: 100px;
  position: relative;
}

.closeBtn {
  z-index: 1000;
  width: 120px;
  height: 50px;
  padding: 10px 0 0;
  display: flex;
  cursor: pointer;
  position: fixed;
  top: 0;
  right: 60px;
}

.closeBtn .inner {
  width: 100%;
  height: 40px;
  margin: 0 0 0;
}

.closeBtn .t {
  width: 100%;
  height: 100%;
  margin: -3px 0 0 15px;
  font-size: 1.5rem;
  line-height: 1;
  font-weight: 800;
  display: flex;
  color: #fff;
  align-items: center;
  justify-content: center;
  border: 2px solid #e2e2e2;
  border-radius: 20px;
  background: #666;
}

.closeBtn .t:after {
  display: flex;
  font-size: 1rem;
  content: "とじる";
}

.closeBtn:hover .t {
  background: #525252;
}

.est_modalCnt {
  padding-top: 50px;
}

.est_modalCnt .feature_sceneBox {
  position: absolute;
  top: 20px;
  left: 0;
}

.est_modalCnt .feature_sceneBox>.inner {
  margin-left: 60px;
}

.modalVerItemSet>.inner {
  margin: 0 45px 30px;
  background: #ffffff;
}

/* チェックボックス・ラジオボックステンプレ*/
.modal_check {
  min-width: 50px;
  max-width: 50px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.modal_check>.inner {
  position: relative;
}

.checkBox.modalVer input:checked~.smallItem,
.radioBox.modalVer input:checked~.smallItem {
  background: #fffec0;
}

.checkBox.modalVer .icon,
.radioBox.modalVer .icon {
  z-index: 1;
  width: 18px;
  height: 18px;
  border-radius: 5px;
  font-size: 1.3rem;
  border: 2px solid var(--accent_color);
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.checkBox.modalVer .modal_check .icon:before,
.radioBox.modalVer .modal_check .icon:before {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.checkBox.modalVer input:checked~.modal_check .icon,
.radioBox.modalVer input:checked~.modal_check .icon {
  width: 20px;
  height: 20px;
  border-color: var(--logo_color);
  background: var(--logo_color);
}

.checkBox.modalVer input:checked~.modal_check .icon:before,
.radioBox.modalVer input:checked~.modal_check .icon:before {
  width: 100%;
  color: #111;
  font-size: 1.1rem;
  font-weight: 600;
  display: inherit;
}

.est_modalNarrowDownBox {
  padding-bottom: 20px;
  background: var(--base_color);
}

.est_modalNarrowDownTitle {
  cursor: pointer;
  background: var(--main_color);
}

.est_modalNarrowDownTitle>.inner {
  padding: 5px 0 5px 15px;
  color: #fff;
}

.est_modalNarrowDownTitle>.inner .icon {
  margin: 0 0 0 8px;
  font-size: 1.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.est_modalNarrowDownMainCnt {
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  display: none;
  background: #fff;
}

.open .est_modalNarrowDownMainCnt {
  display: block;
}

.est_modalNarrowDownMainCnt>.inner {
  width: 100%;
  display: flex;
}

.est_modalNarrowDownBox .searchBoxWrapper {
  width: 100%;
  padding: 15px 0;
  flex-direction: column;
}

.est_modalNarrowDownBox .searchBoxWrapper>.t {
  width: 100%;
  padding: 0 0 0 15px;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-weight: 500;
}

.est_modalNarrowDownMainCnt .searchBox {
  flex-wrap: nowrap;
}

.est_modalNarrowDownBox .searchBoxWrapper>.c {
  margin: 0 0 0 9px;
}

.est_modalNarrowDownBox .searchBoxWrapper .box {
  cursor: pointer;
  width: 100%;
  position: relative;
}

.est_modalNarrowDownBox .searchBoxWrapper .modal_check {
  min-width: 30px;
  max-width: 30px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0%, -50%);
}

.est_modalNarrowDownBox .smallItem {
  padding-left: 30px;
  padding-right: 10px;
  background: none !important;
}

.under .modalVerItemSet .notice {
  padding-left: 50px;
  font-size: 0.8rem;
  background: none;
}

.t_01,
.modal_t_01 {
  min-width: 45%;
  max-width: 45%;
}

.modal_t_01 .osuIcon {
  width: 100%;
  min-width: 30px;
  max-width: 30px;
  height: 30px;
  line-height: 30px;
  margin: 0 0 0 10px;
  display: flex;
  flex-direction: column;
  color: #111;
  border-radius: 50%;
  letter-spacing: -0.05rem;
  background: var(--logo_color);
}

.modal_t_01 .osuIcon.hyb {
  background: #8ecec7;
}

.modal_t_01 .osuIcon:before {
  width: 100%;
  margin: 4px 0 1px;
  margin-left: -1px;
  text-align: center;
  display: block;
  font-size: 0.6rem;
  line-height: 1;
  content: "オス";
}

.modal_t_01 .osuIcon:after {
  width: 100%;
  margin-left: -1px;
  display: block;
  text-align: center;
  content: "スメ";
  white-space: nowrap;
  line-height: 1;
  font-size: 0.6rem;
}

.modalTitleBox {
  align-items: center;
  color: #fff;
  background: var(--main_color);
}

.modalTitleBox .t {
  width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  justify-content: flex-start;
}

.modalTitleBox .t.t_01 {
  padding-left: 50px;
}

.modalTitleBox .t_check {
  min-width: 50px;
  max-width: 50px;
  position: absolute;
}

.modalVerItemBox {
  align-items: center;
  flex-direction: column;
}

.modalVerItemBox .item {
  cursor: pointer;
  width: 100%;
  padding: 0 0;
  border-bottom: 1px solid #f5f5f5;
  position: relative;
}

.modalVerItemBox .modal_check {
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.smallItem {
  width: 100%;
  padding-top: 7px;
  padding-bottom: 7px;
  line-height: 1.3;
  letter-spacing: 0;
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
}

.smallItem img {
  max-width: 150px;
}

.smallItem.modal_t_01 {
  padding-left: 50px;
  padding-right: 10px;
}

.bodyColor_modal .smallItem {
  position: relative;
}

.bodyColor_modal .two_tone {
  height: 27px;
  position: absolute;
  left: 50px;
}

.bodyColor_modal .two_tone:nth-last-of-type(2) {
  height: 54px;
  position: static;
  border-radius: 3px;
}

.bodyColor_modal .two_tone:nth-last-of-type(1) {
  bottom: 7px;
  border-radius: 0;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}

.bodyColor_modal .three_tone {
  height: 15px;
  position: absolute;
  left: 50px;
}

.bodyColor_modal .three_tone:nth-last-of-type(3) {
  height: 45px;
  position: static;
  border-radius: 3px;
}

.bodyColor_modal .three_tone:nth-last-of-type(2) {
  border-radius: 0;
  top: 22px;
  /* 15px + 7px */
}

.bodyColor_modal .three_tone:nth-last-of-type(1) {
  bottom: 7px;
  border-radius: 0;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}

.est_modal .detail {
  padding: 50px 30px 30px;
}

@media screen and (max-width: 992px) {
  .est_modalNarrowDownBox .searchBoxWrapper>.c {
    padding: 0 0 0;
    margin: 0 0 0;
    flex-direction: column;
    font-size: 0.9rem;
  }
}

@media screen and (max-width: 767px) {
  .closeBtn {
    width: 40px;
    height: 40px;
    line-height: 40px;
    padding: 0px 0 0;
    top: 10px;
    right: 15px;
  }

  .closeBtn .t {
    margin: -7px 0 0 10px;
    border: 2px solid #e2e2e2;
    width: 80%;
    height: 80%;
  }

  .closeBtn .t:after {
    display: none;
  }

  .est_modalCnt .feature_sceneBox {
    position: static;
  }

  .est_modal .feature_sceneBox>.inner {
    padding: 0;
    margin: 5px 15px;
    max-width: inherit;
    flex-wrap: nowrap;
    flex-direction: column;
    font-size: 0.7rem;
  }

  .est_modal .feature_sceneBoxWrapper {
    letter-spacing: 0;
    margin: 2px 0 0;
  }

  .est_modal .feature_sceneBox .itemWrapper {
    flex-direction: row;
  }

  .est_modal .feature_sceneBox .t {
    width: auto;
  }

  .est_modalCnt {
    padding-top: 18px;
  }

  .modalVersion {
    padding: 0 0;
    margin: 0 10px;
  }

  .modalVerItemSet>.inner {
    margin: 0 0 15px;
    padding: 0;
    font-size: 0.8rem;
    letter-spacing: 0;
    overflow: hidden;
  }

  .est_modalNarrowDownTitle>.inner {
    justify-content: center;
  }

  .smallItem {
    padding: 5px 0;
  }

  .est_modalNarrowDownBox .searchBoxWrapper {
    width: 50%;
    padding: 5px 0;
  }

  .est_modalNarrowDownBox .searchBoxWrapper>.t {
    padding: 0 0 0 3px;
    margin: 0 0 0;
    font-size: 0.7rem;
  }

  .est_modalNarrowDownBox .searchBoxWrapper>.c {
    font-size: 0.7rem;
  }

  .est_modalNarrowDownBox .searchBoxWrapper .modal_check {
    min-width: 25px;
    max-width: 25px;
  }

  .est_modalNarrowDownBox .smallItem {
    padding: 0;
    padding-bottom: 5px;
    padding-left: 25px;
  }

  .modalTitleBox {
    padding: 5px 0;
  }

  .modalVerItemBox {
    letter-spacing: 0;
    line-height: 1.3;
  }

  .modalVerItemBox .item {
    padding: 0 0;
  }

  .modal_check {
    min-width: 30px;
    max-width: 30px;
  }

  .t_01,
  .modal_t_01 {
    min-width: 46%;
    max-width: 46%;
  }

  .smallItem.modal_t_01 {
    padding-left: 30px;
    padding-right: 10px;
    letter-spacing: -0.05rem;
  }

  .modal_t_01 .osuIcon {
    margin: 0 3px 0;
  }

  .c_item {
    width: 40px;
    min-width: 40px;
  }

  .smallItem .imgBox img {
    max-width: 70px;
  }

  .bodyColor_modal .two_tone {
    left: 30px;
  }

  .bodyColor_modal .two_tone:nth-last-of-type(1) {
    bottom: 5px;
  }

  .bodyColor_modal .three_tone {
    left: 30px;
  }

  .bodyColor_modal .three_tone:nth-last-of-type(3) {
    height: 54px;
  }

  .bodyColor_modal .three_tone:nth-last-of-type(2) {
    top: 23px;
    /* 18px + 5px */
  }

  .bodyColor_modal .three_tone:nth-last-of-type(1) {
    bottom: 5px;
  }

  .under .modalVerItemSet .notice {
    padding: 10px 10px 10px 30px;
    line-height: 1.3;
    margin: 0;
    font-size: 0.65rem;
    color: #8c8c8c;
  }

  .est_modal .detail .alignRight {
    font-size: 0.8rem;
  }
}

/* プラン
-------------------------------------------------- */
/* plan.css側に分離 */

/* beginners
-------------------------------------------------- */
/* beginners.css側に分離 */

/* sitepolicy
-------------------------------------------------- */
.under.sitepolicy .cont ul.in_cont li {
  text-indent: -.7em;
  line-height: 1.5;
}

.under.sitepolicy .cont ul.in_cont li:before {
  content: "• ";
  font-size: 1.2rem;
  color: var(--main_color);
}

.under.sitepolicy .inquiryBtn .t {
  font-weight: 500;
  letter-spacing: 1px;
}

/* company
-------------------------------------------------- */
.company .graph {
  max-width: 900px;
  margin: 0 auto;
}

.company .graph .item {
  border-bottom: 2px solid #fff;
}

.company .graph .item>.t {
  background: #ebedef;
}

.company .graph .item.f>.c .imagBox {
  margin: 15px 0 15px;
}

@media screen and (max-width: 767px) {
  .company .graph .b .c .flexBox {
    flex-wrap: wrap;
    margin: 0 -10px 0 0;
  }

  .company .graph .b .c .flexBox div:nth-child(2n) {
    margin-right: -10px;
  }
}

/* tokutei
-------------------------------------------------- */
.tokutei .graph {
  max-width: 900px;
  margin: 0 auto;
}

.tokutei .graph .item {
  border-bottom: 2px solid #fff;
}

.tokutei .graph .item>.t {
  background: #ebedef;
}

/* privacypolicy
-------------------------------------------------- */
.privacypolicy .text_end {
  margin-right: 13px;
}

/* sitemap
-------------------------------------------------- */
.under.sitemap .contents {
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
}

.sitemapMultiClm {
  margin: 0 auto;
  flex-wrap: wrap;
  justify-content: space-between;
}

.sitemapMultiClm .cont {
  width: 32%;
  min-width: 288px;
  padding: 0 2% 0 0;
  margin: 0;
  white-space: nowrap;
}

.sitemapMultiClm .cont:nth-last-of-type(1) {
  border-right: none;
}

.sitemapMultiClm .cont:nth-last-of-type(2) .title {
  letter-spacing: -0.01rem;
}

.sitemapTowClm {
  margin: 0 auto;
  flex-wrap: wrap;
  justify-content: space-between;
}

.sitemapTowClm .cont {
  width: 49%;
  min-width: 288px;
  padding: 0 2% 0 0;
  margin: 0;
  white-space: nowrap;
}

.sitemapTowClm .cont:nth-last-of-type(1) {
  border-right: none;
}

.sitemapTowClm .cont:nth-last-of-type(2) .title {
  letter-spacing: -0.01rem;
}

.sitemapLists {
  flex-wrap: wrap;
}

.under .sitemapListItem a {
  display: inline-flex;
  padding: 8px 0;
  margin: 0 15px 10px;
  align-items: center;
  justify-content: center;
  color: #666;
  font-weight: 500;
  text-decoration: none;
}

.sitemapListItem a:hover {
  color: var(--accent_color);
}

.sitemapListItem .icon {
  width: 22px;
  height: 22px;
  margin: 0 8px 0 0;
  display: inline-flex;
  font-size: 1.2rem;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  color: #fff;
  background: var(--accent_color);
}

.sitemapListItem .icon:before {
  width: 100%;
  padding: 0 0 0 2px;
  text-align: center;
  height: 22px;
  line-height: 22px;
}

.sitemapOneClm {
  width: 100%;
  margin: 0 auto;
}

.sitemapOneClm .cont {
  width: 100%;
}

@media screen and (max-width: 1274px) {
  .sitemapMultiClm .cont {
    min-width: inherit;
  }
}

@media screen and (max-width: 767px) {
  .sitemapMultiClm .cont {
    max-width: 100%;
    width: 100%;
    padding: 0;
    margin-left: 13px;
    margin-right: 13px;
  }
}

@media screen and (max-width: 1274px) {
  .sitemapTowClm .cont {
    min-width: inherit;
  }
}

@media screen and (max-width: 767px) {
  .sitemapTowClm .cont {
    max-width: 100%;
    width: 100%;
    padding: 0;
    margin-left: 13px;
    margin-right: 13px;
  }
}

/* faq
-------------------------------------------------- */
/* faq.css側に分離 */

/* link
-------------------------------------------------- */
.under.link .contents {
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
}

.link .sitemapMultiClm {
  justify-content: center;
}

/* quick
-------------------------------------------------- */
.quick .footer {
  margin-top: 0;
}

.under .quick {
  padding: 0 0 0;
  margin-bottom: 160px;
}

@media screen and (max-width:768px) {
  .under .quick {
    padding: 0 0 0;
    margin-bottom: 40px;
  }
}

.under .contInner {
  width: 100%;
  max-width: var(--main_width);
  padding: 30px 30px 30px;
  margin: 0 auto 0;
  border-radius: 50px;
  border: 5px solid var(--main_color);
  background: #fff;
}

@media screen and (max-width: 429px) {
  .quick .contents .contInner {
    flex-wrap: nowrap;
    flex-direction: column;
    padding: 0px 10px 30px !important;
  }
}

@media screen and (max-width: 767px) {
  .under .contInner {
    padding: 0px 0px 30px;
  }
}

@media screen and (max-width: 1274px) {
  .under .contInner {
    flex-wrap: wrap;
  }
}

.quick .miniMessage {
  margin: 0 0 0;
  text-align: center;
  font-weight: 600;
  color: var(--main_color);
}

.under .quickFlowBox {
  max-width: 1100px;
  margin: 0 auto;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.under .quickFlowBox .imgBox {
  min-width: 730px;
}

.quickMenu {
  width: 100%;
}

.quick_item {
  width: 100%;
  padding: 0;
  margin: 0 0 0;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
}

.under .cont .quick_itemLink {
  text-decoration: none;
  justify-content: center;
  text-align: center;
}

.quick_itemNumBox span {
  z-index: 1;
  font-family: var(--font02);
  min-width: 40px;
  width: 40px;
  height: 40px;
  padding: 0 0 0 3px;
  margin: 0 auto 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 0.7rem;
  color: #fff;
  letter-spacing: 0.15rem;
  font-weight: 800;
  border-radius: 100%;
  position: relative;
  background: var(--logo_color);
}

.quick_itemNumBox span b {
  font-weight: 800;
  line-height: 1;
  font-size: 1.2rem;
  display: flex;
}

.quickMenu .quick_itemLink {
  border-right: 2px dashed var(--main_color);
}

.quickMenu .item04 {
  border-right: none;
}

.quick_itemLinkTitle {
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--main_color);
}

.quick_itemLinkTitle .t00,
.quick_itemLinkTitle .t01,
.quick_itemLinkTitle .t02,
.quick_itemLinkTitle .t03 {
  margin-top: 3px;
}

.quick_itemLink .moreBtn {
  width: 180px;
  padding: 10px 10px;
  margin: 25px auto;
  display: block;
  text-align: center;
  color: var(--main_color);
  line-height: 1.3;
  letter-spacing: 0.05rem;
  font-weight: 500;
  font-size: 1rem;
  border-radius: 20px;
  border: 3px solid #d8d8d8;
  border-color: var(--main_color);
  background: #fff;
  transition: all 0.1s;
}

.under .cont .quick_itemLink:hover .quick_itemLinkTitle {
  color: var(--main_color);
}

.under .cont .quick_itemLink:hover .imgBox {
  opacity: 0.7;
}

.under .cont .quick_itemLink:hover .moreBtn {
  color: #111;
  border-color: var(--logo_color);
  background: var(--logo_color);
}

.quick .complement {
  text-align: center;
  margin: 15px 2% 0;
  font-weight: bold;
  color: #505050;
  text-align: left;
}

@media screen and (max-width:768px) {
  .quick .complement {
    text-align: left;
    margin: 15px 2vw 0;
    padding-left: 1em;
    text-indent: -1em;
  }
}

@media screen and (max-width: 1274px) {
  .quickCnt {
    flex-wrap: wrap;
  }

  .quickMenu:first-child {
    border-bottom: 2px dashed var(--main_color);
  }

  .quickMenu .item02,
  .quickMenu .item04 {
    border-right: none;
  }

  .quickMenu .item03,
  .quickMenu .item04 {
    padding-top: 15px;
  }
}

@media screen and (max-width: 767px) {
  .quickCnt {
    padding: 30px 10px 10px;
  }

  .miniMessage {
    letter-spacing: 0;
  }

  .quick .complement {
    font-size: 0.8rem;
  }
}

@media screen and (max-width: 429px) {
  .quickCnt {
    flex-wrap: nowrap;
    flex-direction: column;
  }

  .quickMenu {
    flex-wrap: nowrap;
    flex-direction: column;
  }

  .quickMenu .item01,
  .quickMenu .item02,
  .quickMenu .item03,
  .quickMenu .item04 {
    border: none;
    border-bottom: 2px dashed var(--main_color);
    padding-top: 15px;
  }

  .quickMenu01,
  .quickMenu .item04 {
    border-bottom: none;
  }
}

/* err
-------------------------------------------------- */
.errBox {
  width: 100%;
  max-width: 600px;
  margin: 30px 0 0;
  text-align: center;
  margin: 50px auto 0;
}

/* logined
-------------------------------------------------- */
.text-danger {
  margin: 8px 5px;
  color: var(--danger_color);
}

.text-danger:before {
  width: 23px;
  height: 23px;
  padding: 0px 0 0px 1px;
  line-height: 23px;
  text-align: center;
  color: #fff;
  font-weight: 500;
  display: inline-block;
  border-radius: 50%;
  content: "!";
  background: #f5bebe;
}

.notes {
  margin: 20px;
  text-align: center;
  font-size: 0.95rem;
  line-height: 1.3;
}

@media screen and (max-width: 429px) {
  .notes {
    margin: 0px;
  }
}

.notes a {
  font-weight: 500;
  display: inline-block;
  border-bottom: 1px solid #fff;
  color: var(--main_color);
}

.notes a:hover {
  border-bottom: 1px solid var(--main_color);
}

.inquiry button.link-style-btn {
  font-weight: 500;
  text-decoration: underline;
  cursor: pointer;
  border: none;
  background: none;
  color: var(--main_color);
  letter-spacing: 1px;
}

.inquiry button.link-style-btn:hover {
  color: var(--accent_color);
}

.formBox {
  max-width: 650px;
  margin: 0 auto 0;
}

.formBox .underBigTitle {
  margin: 20px;
}

.formBox>.inner {
  margin: 0 0 0;
  padding: 0px 10px 30px;
}

.fotmBody {
  padding: 3rem;
}

.fotmBody {
  border: 3px solid #f5f5f5;
}

.formName {
  display: flex;
  align-items: center;
  min-width: 130px;
  font-weight: 500;
}

@media screen and (max-width: 767px) {
  .formName {
    min-width: 60px;
  }
}

.loginBtnArea {
  margin: 30px 0 0;
}

/* enyBox */
.enyBox {
  padding: 0 5px 0;
  border-radius: 20px;
}

.enyBox>.inner {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.enyBox .linkBtn .inner {
  background: none;
  color: #8c8c8c;
}

.enyBox .linkBtn.gray {
  background: #f5f5f5;
}

.enyBox .linkBtn .icon {
  font-size: 0.6rem;
}

/* estimateページ */
/*--------------------------------------------------------------------*/
:root {
  --color-navy-1: #215274;
  --color-greenblue-1: #4098B1;
  --color-yellow-1: #FFE800;
}

._before,
._after {
  position: relative;
}

._before:before,
._after:after {
  content: "";
  display: block;
  position: absolute;
}

.commonHeading {
  margin-bottom: 3em;
  text-align: center;
}

.commonHeading .ja>* {
  font-size: 1.8125rem;
}

.commonHeading .en {
  font-size: 0.8125rem;
  font-weight: 900;
  color: var(--color-navy-1);
}

@media screen and (min-width: 768px) {
  ._sp {
    display: none !important;
  }
}

@media screen and (max-width: 767px) {
  ._pc {
    display: none !important;
  }
}

/* estimateページ
-------------------------------------------------- */
/* estimate.css側に分離(.under.estimateのclass分のみ) */

/*--------------------------------------------------------------------*/
/** 見積FV下、プラン紹介 **/
section.planChoice.minimized {
  max-width: 1100px;
}

section.planChoice.minimized .planBox {
  border: 0;
}

section.planChoice.minimized .planBox .feature {
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  bottom: auto;
}

section.planChoice.minimized .planBox .index {
  padding: 1.2em 0 .9em 0;
}

section.planChoice.minimized .planBox .index .ja>* {
  font-size: 1.5625rem;
}

section.planChoice.minimized .planBox .services {
  padding-top: 1.5em;
  max-width: 34em;
  margin: 0 auto;
  column-gap: 10px;
  row-gap: 15px;
  display: flex;
  flex-wrap: wrap;
}

section.planChoice.minimized .planBox .services .item {
  width: calc((100% - 20px) / 3);
  margin: 0;
  letter-spacing: 0;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
}

section.planChoice.minimized .planBox .services .item .option {
  max-width: 80px;
  max-height: 80px;
  margin-bottom: 5px;
}

section.planChoice.minimized .planBox .services .item .indicacon {
  width: 48px;
  height: 40px;
  background-size: 240px 80px;
}

section.planChoice.minimized .planBox .services .item .name {
  color: #305473;
  font-size: 0.75rem;
  text-align: center;
}

section.planChoice.minimized .planBox .services .item.wo .indicacon {
  background-position: left top 100%;
}

section.planChoice.minimized .bodying-note {
  margin: 20px;
  text-align: left;
  font-size: 0.85rem;
  line-height: 1.3;
}

@media screen and (max-width: 1199px) {
  section.planChoice.minimized {
    padding: 0 2em;
  }
}

@media screen and (max-width: 960px) {
  section.planChoice.minimized {
    margin-bottom: 3em;
  }

  section.planChoice.minimized .planBox .index .ja>* {
    font-size: 1.2rem;
  }

  section.planChoice.minimized .planBox .services {
    padding-top: 1em;
    padding-bottom: 0;
    flex-wrap: wrap;
  }

  section.planChoice.minimized .planBox .services .item {
    min-width: 0;
    max-width: none;
  }

  section.planChoice.minimized .planBox .services .item .indicacon {
    width: 60px;
    height: 50px;
    background-size: 300px 100px;
  }

  section.planChoice.minimized .planBox .services .item .name {
    font-size: 0.75rem;
  }
}

@media screen and (max-width: 520px) {
  section.planChoice.minimized {
    padding: 0;
  }
}

/*--------------------------------------------------------------------*/
section.planChoice {
  max-width: 850px;
  margin: 0 auto;
  padding: 0;
  position: relative;
  z-index: 2;
  text-align: center;
  margin-bottom: 5em;
}

section.planChoice .heading {
  margin-bottom: 3em;
}

section.planChoice .heading .upper {
  font-size: 1.3125rem;
  font-weight: 700;
}

section.planChoice .heading .main>* {
  font-size: 1.875rem;
  font-weight: 700;
  line-height: 1.2;
}

section.planChoice .heading .main b {
  font-size: 163%;
  color: #FF8181;
}

@media screen and (max-width: 999px) {
  section.planChoice {
    padding: 0 2em;
  }
}

@media screen and (max-width: 767px) {
  #mainCnt {
    overflow: hidden;
  }

  section.planChoice .heading .upper {
    font-weight: 700;
  }

  section.planChoice .heading .main>* {
    font-weight: 700;
    line-height: 1.2;
  }
}

@media screen and (max-width: 520px) {
  section.planChoice .heading .upper {
    font-size: 4.533vw;
  }

  section.planChoice .heading .main>* {
    font-size: 6.667vw;
  }
}

/*--------------------------------------------------------------------*/
section.planChoice .bodying {
  width: 100%;
}

section.planChoice .planBox {
  width: calc((100% - 4%)/ 3);
  border: 3px solid #D3D3D3;
  border-radius: 0 0 20px 20px;
  background-color: #fff;
  position: relative;
  font-weight: bold;
}

section.planChoice .planBox .feature {
  position: absolute;
  left: 0;
  top: -1.25em;
  width: 98%;
  right: 0;
  margin: auto;
  background-color: #DADADA;
  border-radius: 3px;
  padding: .2em 1em;
  box-sizing: border-box;
  font-size: 1.0625rem;
}

section.planChoice .planBox .feature::after {
  width: 0;
  height: 0;
  border-width: 6px 6px 0 6px;
  border-color: #DADADA transparent transparent transparent;
  border-style: solid;
  bottom: -6px;
  left: 50%;
}

section.planChoice .planBox .index {
  padding: 1.5em 0 1em 0;
  border-bottom: 1px solid #E1E1E1;
}

section.planChoice .planBox .index .ja>* {
  font-size: 1.8125rem;
  font-weight: bold;
  line-height: 1.5;
}

section.planChoice .planBox .index .en {
  font-size: 0.625rem;
}

section.planChoice .bContainer {
  justify-content: space-between;
}

@media screen and (max-width: 812px) {
  section.planChoice .planBox .index {
    display: none;
  }

  section.planChoice .bodying .flexBox {
    display: unset;
  }

  section.planChoice .planBox {
    width: 100%;
    box-sizing: border-box;
    border: none;
  }

  section.planChoice .planBox .feature {
    width: 100%;
    margin-top: 20px;
  }

  section.planChoice .planBox .feature::after {
    transform: rotate(180deg);
    top: -6px;
    border-width: 6px 5px 0 5px;
  }

  section.planChoice .planBox .feature.gold::after {
    left: 15%;
  }

  section.planChoice .planBox .feature.silver::after {
    left: 49%;
  }

  section.planChoice .planBox .feature.white::after {
    left: unset;
    right: 15%;
  }
}

@media screen and (max-width: 767px) {
  section.planChoice .bContainer {
    padding: 0 3vw;
  }

  section.planChoice .planBox+.planBox {
    margin-left: 0;
  }
}

@media screen and (max-width: 520px) {
  section.planChoice .planBox .index .ja>* {
    font-size: 6.666vw;
  }

  section.planChoice .planBox .feature {
    font-size: 100%;
  }
}

/*--------------------------------------------------------------------*/
section.planChoice .planBox.basic .feature {
  background-color: #215274;
  color: #fff;
}

section.planChoice .planBox .feature.gold {
  background-color: #B28B26;
  color: #fff;
}

section.planChoice .planBox .feature.silver {
  background-color: #777777;
  color: #fff;
}

section.planChoice .planBox .feature.white {
  background-color: #b2b2b2;
  color: #fff;
}

section.planChoice .planBox.basic .feature::after {
  border-color: #215274 transparent transparent transparent;
}

section.planChoice .planBox .feature.gold::after {
  border-color: #B28B26 transparent transparent transparent;
}

section.planChoice .planBox .feature.silver::after {
  border-color: #777777 transparent transparent transparent;
}

section.planChoice .planBox .feature.white::after {
  border-color: #b2b2b2 transparent transparent transparent;
}

section.planChoice .planBox.basic .index {
  color: #215274;
}

section.planChoice .planBox .index.gold {
  color: #B28B26;
}

section.planChoice .planBox .index.silver {
  color: #777777;
}

section.planChoice .planBox .index.white {
  color: #b2b2b2;
}

/*--------------------------------------------------------------------*/
section.planChoice .planBox.noMaintenance .feature {
  background-color: #E1E1E1;
}

section.planChoice .planBox.noMaintenance .feature::after {
  border-color: #E1E1E1 transparent transparent transparent;
}

section.planChoice .planBox.noMaintenance .index {
  color: #747474;
}

/*--------------------------------------------------------------------*/
section.planChoice .planBox .services {
  padding: 2em 1em 1em 1em;
  justify-content: center;
  flex-wrap: wrap;
}

section.planChoice .planBox .services .item {
  width: 30%;
  text-align: center;
  margin-bottom: 1.5em;
}

section.planChoice .planBox .services .item .indicacon {
  display: inline-block;
  width: 60px;
  height: 50px;
  background-image: url("../img/estimate/plan_indicacon.png");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 300px 100px;
  margin-bottom: .2em;
}

section.planChoice .planBox .services .item .name {
  line-height: 1;
  font-size: 0.875rem;
}

@media screen and (max-width: 767px) {
  section.planChoice .planBox .services {
    padding: 1em 1em 0 1em;
  }

  section.planChoice .planBox .services .item {
    width: auto;
    margin: 0 1em;
    padding-bottom: 1em;
  }

  section.planChoice .planBox .services .item .indicacon {
    display: inline-block;
    transform: scale(.9);
  }
}

@media screen and (max-width: 520px) {
  section.planChoice .planBox .services .item {
    width: 30%;
    margin: 0;
    margin-bottom: 1.5em;
    padding-bottom: 0;
  }
}

/*--------------------------------------------------------------------*/
section.planChoice .planBox .services .item.wo .indicacon {
  background-position: left top -50px;
}

section.planChoice .planBox .services .item.wo .name {
  color: #C6C6C6;
}

/*--------------------------------------------------------------------*/
section.planChoice .planBox .services .item.i2 .indicacon {
  background-position: left 25% top;
}

section.planChoice .planBox .services .item.i3 .indicacon {
  background-position: left 50% top;
}

section.planChoice .planBox .services .item.i4 .indicacon {
  background-position: left 75% top;
}

section.planChoice .planBox .services .item.i5 .indicacon {
  background-position: left 100% top;
}

/*--------------------------------------------------------------------*/
section.planChoice .planBox .services .item.i2.wo .indicacon {
  background-position: left 25% top 100%;
}

section.planChoice .planBox .services .item.i3.wo .indicacon {
  background-position: left 50% top 100%;
}

section.planChoice .planBox .services .item.i4.wo .indicacon {
  background-position: left 75% top 100%;
}

section.planChoice .planBox .services .item.i5.wo .indicacon {
  background-position: left 100% top 100%;
}

/* Topページ */
/*--------------------------------------------------------------------*/
body.top .commonTitle {
  text-align: center;
  padding-bottom: 1em;
  position: relative;
  margin-bottom: 2em;
}

body.top .commonTitle::before {
  display: block;
  content: "";
  width: 120px;
  height: 6px;
  margin: 25px 0 0;
  border-radius: 15px;
  background: #d7d7d7;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 100%);
}

body.top .commonTitle .ja {
  font-size: 1.8125rem;
  line-height: 1.5;
}

body.top .commonTitle .en {
  font-size: 0.8125rem;
  color: var(--main_color);
  font-weight: 700;
}

body.top .plan-note {
  font-size: 11px;
  font-weight: 600;
  color: #fff;
  padding-top: 0.2em;
  position: relative;
  z-index: 1;
}

body.top .plan-note.gray {
  color: #838383;
  margin: 0 15px;
}

/*--------------------------------------------------------------------*/
@media screen and (min-width: 768px) {
  body.top header .logo {
    display: flex !important;
  }

  body.top header .headerInner02 {
    display: flex !important;
  }
}

@media screen and (max-width: 767px) {
  body.top header .logo {
    display: flex !important;
  }
}

/*--------------------------------------------------------------------*/
body.top .heroArea {
  background-image: url("../img/top/hero_bg.png");
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 49% 100%;
  font-weight: 700;
  padding-bottom: 0.2em;
  position: relative;
  z-index: 2;
}

body.top .heroArea::after {
  width: 52.22%;
  background-color: #8ECEC7;
  height: 100%;
  top: 0;
  background-image: url("../img/top/hero_glare.png");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: auto 100%;
}

body.top .heroArea .heroContainer {
  position: relative;
  z-index: 2;
  padding: 0 2em 0 0;
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1.05fr 1fr;
}

body.top .heroArea .heroContainer .leadBox {
  grid-row: 1 / 2;
  grid-column: 1 / 2;
}

body.top .heroArea .heroContainer .imageBox {
  grid-row: 1 / 2;
  grid-column: 2 / 2;
}

body.top .heroArea .heroContainer .quickExamBox {
  grid-row: 2 / 4;
  grid-column: 1 / 2;
}

body.top .heroArea .heroContainer .featureBox {
  grid-row: 2 / 3;
  grid-column: 2 / 3;
}

body.top .heroArea .heroContainer .bannereBox {
  grid-row: 3 / 4;
  grid-column: 2 / 3;
}

@media screen and (max-width: 1200px) {
  body.top .heroArea .heroContainer {
    padding: 0 3vw;
  }
}

@media screen and (max-width: 767px) {
  body.top .heroArea {
    background-image: url("../img/top/hero_bg.png");
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: 130vw 70%;
    padding-bottom: 0;
  }

  body.top .heroArea::after {
    width: 100%;
    height: 105vw;
  }

  body.top .heroArea .heroContainer {
    grid-template-rows: auto auto auto auto auto;
    grid-template-columns: 1fr;
    padding: 0;
  }

  body.top .heroArea .heroContainer .leadBox {
    grid-row: 1 / 2;
    grid-column: 1 / 1;
  }

  body.top .heroArea .heroContainer .imageBox {
    grid-row: 2 / 3;
    grid-column: 1 / 1;
  }

  body.top .heroArea .heroContainer .quickExamBox {
    grid-row: 4 / 5;
    grid-column: 1 / 1;
  }

  body.top .heroArea .heroContainer .featureBox {
    grid-row: 3 / 4;
    grid-column: 1 / 2;
  }

  body.top .heroArea .heroContainer .bannerBox {
    grid-row: 5 / 6;
    grid-column: 1 / 2;
    margin-top: 10px;
  }
}

/*--------------------------------------------------------------------*/
body.top .heroArea .leadBox {
  color: #fff;
  padding: 4em 0 0 1em;
}

body.top .heroArea .leadBox .mainTitle {
  line-height: 1.1;
  font-size: min(45px, 3.75vw);
  text-shadow: 0 3px 15px rgba(0, 118, 148, .2);
  margin-bottom: .3em;
  letter-spacing: .06em;
}

body.top .heroArea .leadBox .mainTitle .big {
  font-size: 140%;
  position: relative;
  z-index: 1;
}

body.top .heroArea .leadBox .sub {
  font-size: min(28px, 2.8vw);
  line-height: 1.75;
  font-weight: 700;
  letter-spacing: .1em;
}

body.top .heroArea .leadBox .kerning {
  letter-spacing: -.03em;
}

@media screen and (max-width: 767px) {
  body.top .heroArea .leadBox {
    color: #fff;
    padding: 2em 7vw 0 7vw;
    text-align: center;
  }

  body.top .heroArea .leadBox .mainTitle {
    font-size: 6vw;
  }

  body.top .heroArea .leadBox .sub {
    font-size: 4vw;
  }
}

@media screen and (max-width: 429px) {
  body.top .heroArea .leadBox {
    text-align: left;
  }

  body.top .heroArea .leadBox .mainTitle {
    font-size: 7.7vw;
  }

  body.top .heroArea .leadBox .sub {
    font-size: 5.5vw;
  }
}

/*--------------------------------------------------------------------*/
body.top .heroArea .imageBox {
  position: relative;
  height: 350px;
}

body.top .heroArea .imageBox img {
  min-width: 681px;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  image-rendering: -webkit-optimize-contrast;
  backface-visibility: hidden;
}

@media screen and (max-width: 1200px) {
  body.top .heroArea .imageBox {
    position: relative;
    height: 100%;
  }

  body.top .heroArea .imageBox img {
    min-width: 52vw;
    max-width: 52vw;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
  }
}

@media screen and (max-width: 767px) {
  body.top .heroArea .imageBox {
    height: 48vw;
  }

  body.top .heroArea .imageBox img {
    min-width: 100vw;
    max-width: 100vw;
  }
}

/*--------------------------------------------------------------------*/
body.top .quickExamBox {
  padding-top: 2em;
  padding-left: 20px;
}

body.top .quickExam {
  background-color: #fff;
  border-radius: 11px;
  box-shadow: 0px 3px 30px rgba(85, 107, 113, .21);
  padding: 8px;
  position: relative;
}

body.top .quickExamContainer {
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0px 3px 30px rgba(85, 107, 113, .21);
  padding: 1em 0em .5em;
  background-image: url("../img/top/quickExam_cleat.svg");
  background-repeat: no-repeat;
  background-position: right 1em top .75em;
  background-size: auto;
}

body.top .quickExamContainer .index {
  width: 100%;
  max-width: 24em;
  text-align: center;
  position: absolute;
  display: flex;
  justify-content: center;
  top: 0;
  left: 51.5%;
  transform: translate(-50%, -50%);
  color: #fff;
  font-weight: 700;
  font-size: min(1rem, 1.2vw);
}

body.top .quickExamContainer .index::after {
  height: 100%;
  width: 100%;
  background-color: #373657;
  top: 0;
  left: 0;
  transform: skewX(-26deg);
}

body.top .quickExamContainer .index::before {
  height: 100%;
  width: 6px;
  background-color: #373657;
  top: 0;
  left: -12px;
  transform: skewX(-26deg);
}

body.top .quickExamContainer .index .label {
  display: inline-block;
  position: relative;
  z-index: 2;
  padding: .3em 0;
  padding-left: 2.4em;
  margin-left: -1.5em;
  background-image: url("../img/top/car_icon.svg");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: auto 1.3em;
}

@media screen and (max-width: 1200px) {
  body.top .quickExamContainer .index .label {
    flex-direction: column;
    padding-left: 0;
    margin-left: 10px !important;
    left: 20px;
    width: 100%;
    background-position: 4em center;
  }

  body.top .quickExamContainer .index .label span {
    margin-left: -3em;
  }

  body.top .quickExamContainer .index {
    max-width: 31em;
    font-size: 1.4vw;
  }

  body.top .quickExamBox {
    padding-left: 0;
  }

  .quickExamBox {
    padding-top: 3vw;
  }
}

@media screen and (max-width: 767px) {
  body.top .quickExamContainer .index {
    font-size: 2.6vw;
    width: 100%;
  }

  body.top .quickExamBox {
    margin-top: .5em;
    padding: 0 2vw;
    padding-top: 1em;
  }

  body.top .quickExam {
    padding: 0;
    box-shadow: none;
    padding-top: 0;
  }

  body.top .quickExamContainer {
    padding: 0;
    background: transparent;
    box-shadow: none;
    background-image: none;
  }

  body.top .quickExamContainer .item {
    background-color: #fff;
    border-radius: 11px;
    padding: 8px;
    margin: 1vw;
  }

  body.top .quickExamContainer .item a::after {
    content: "";
    display: none;
    width: 6px;
    height: 10px;
    background-image: url("../img/top/quickExam_cleat.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
    position: absolute;
    right: .5em;
    top: .5em;
    z-index: 2;
  }

  body.top .quickExamContainer .index {
    z-index: 2;
    width: 90%;
  }

  body.top .quickExamContainer .index::after {
    transform: skewX(-17deg);
  }

  body.top .quickExamContainer .index::before {
    transform: skewX(-17deg);
  }
}

@media screen and (max-width: 429px) {
  body.top .quickExam {
    padding-top: .5em;
  }

  body.top .quickExamContainer .index {
    font-size: 3.73333333333333vw;
  }
}

/*--------------------------------------------------------------------*/
body.top .quickExam .carList {
  justify-content: space-around;
}

body.top .quickExam .carList .item {
  padding: 1.3em 5px 1em;
  width: calc(100% / 3);
  max-width: 33.333%;
  position: relative;
}

body.top .quickExam .carList .item::before {
  content: "";
  display: block;
  left: 0;
  top: 1em;
  bottom: 0;
  width: 1px;
  height: 75%;
  background-color: #E8E8E8;
  position: absolute;
  margin: auto;
}

body.top .quickExam .carList .item a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border: 0;
  background-color: transparent;
  font-weight: inherit;
  font-family: inherit;
  letter-spacing: inherit;
  line-height: inherit;
  cursor: pointer;
  margin: 0 auto;
  width: 100%;
}

body.top .quickExam .carList .item .image {
  width: 158px;
  line-height: 1;
  margin-bottom: .2em;
}

body.top .quickExam .carList .item .image img {
  line-height: 1;
}

.monthly-value {
  font-size: 1.0625rem;
  line-height: 1;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  color: #000;
}

.monthly-value .follow {
  display: flex;
  align-items: center;
  font-size: 0.9em;
  letter-spacing: 0.6px;
}

body.top .quickExam .carList .item .monthly-value {
  width: 100%;
  padding: 0.35em 2.2em 0.35em 2em;
  margin: 0.5em 0 1em;
  border: 2px solid #215274;
  border-radius: 5em;
  max-width: 9.7em;
  box-sizing: border-box;
  text-align: center;
  line-height: 1;
  background-size: auto;
  box-shadow: 0 3px 2px rgba(0, 0, 0, .14);
  transition: transform .3s, box-shadow .3s;
  position: relative;
}

@media screen and (max-width: 767px) {
  body.top .quickExam .carList .item .monthly-value {
    margin: 0.5em 0 0.5em 0.5em;
  }
}

body.top .quickExam .carList .item .monthly-value:after {
  display: block;
  content: "";
  position: absolute;
  width: 0.5em;
  height: 0.5em;
  border-top: 2px solid #fd9445;
  border-right: 2px solid #fd9445;
  transform: rotateZ(45deg);
  right: 0.6em;
  margin: auto;
}

body.top .quickExam .carList .item:hover .monthly-value {
  transform: translateY(3px);
  box-shadow: 0 0 0 rgba(0, 0, 0, .14);
}

.monthly-value .perMonth {
  font-size: 50%;
  font-weight: 700;
  line-height: 1.1;
  margin-right: .2em;
  color: var(--accent_color02);
}

.monthly-value .perMonth.navy {
  color: var(--main_color);
}

.monthly-value .price {
  font-weight: 700;
  color: var(--accent_color02);
  display: flex;
  align-items: center;
  padding-right: 1px;
}

.monthly-value .price.navy {
  color: var(--main_color);
}

.monthly-value .price .num {
  font-weight: 700;
  font-size: 129.411%;
}

@media screen and (min-width: 1700px) {
  body.top .quickExam .carList .item {
    padding: 1em 0.95em 1em;
  }
}

@media screen and (max-width: 1220px) {
  body.top .quickExam .carList .item {
    max-width: 50%;
    width: 50%;
  }

  body.top .quickExam .carList .item:last-of-type {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  body.top .quickExamContainer {
    padding-top: 1.3em !important;
  }

  body.top .quickExam .carList .item::before {
    display: none;
  }

  body.top .quickExam .carList .item:first-child {
    border-right: 1px solid #E8E8E8;

  }

  body.top .quickExam .carList .item {
    padding: 15px 8px 8px;
    margin-top: 20px;
    border-radius: 0;
  }

  body.top .quickExam .carList .item .image {
    width: 100%;
  }

  body.top .quickExam .carList .item+.item::before {
    content: unset;
  }
}

@media screen and (max-width: 429px) {
  body.top .quickExam {
    padding-top: 0;
  }

  body.top .quickExamContainer {
    padding-top: 0 !important;
  }

  body.top .quickExam .flexBox {
    flex-direction: column;
  }

  body.top .quickExamContainer .index .label {
    flex-direction: column;
    padding: 0.3em 0 0.3em 0em;
    margin-left: 0px !important;
    left: 20px;
    width: 100%;
    background-position: 1em center;
  }

  body.top .quickExamContainer .index .label span {
    margin-left: -2.1em;
  }

  .label span.label_memo {
    transform-origin: unset !important;
    position: unset !important;
    right: unset !important;
  }

  body.top .quickExam .carList {
    padding-top: 30px;
    background: #fff;
    border-radius: 5px;
  }

  body.top .quickExam .carList .item {
    width: calc(100% - 40px);
    max-width: unset;
    box-shadow: unset;
    padding: 10px 0 !important;
    margin: 0 20px;
    border-radius: 0px;
  }

  body.top .quickExam .carList .item:first-child {
    border-right: none;
  }

  body.top .quickExam_fv_btm {
    text-align: right;
  }

  body.top .quickExam_fv_btm a:after {
    top: 0.2em;
  }

  body.top .quickExam .carList .item {
    border-bottom: 1px solid #E8E8E8;
  }

  body.top .quickExam .carList .item a {
    flex-direction: row;
    align-items: unset;
    margin: 0;
  }

  body.top .quickExam .carList .item .image {
    width: 45%;
  }

  body.top .quickExam .carList .item .w50 {
    width: 55%;
  }

  .carList_bonus {
    display: block;
    text-align: right !important;
    font-size: 12px !important;
    width: 100%;
    margin-left: auto;
  }

  .monthly-value {
    flex-direction: row !important;
  }

  body.top .quickExam .carList .item .cta .button {
    max-width: 160px !important;
  }

  body.top .quickExam .carList .item:last-of-type {
    display: block;
  }
}

/*--------------------------------------------------------------------*/
body.top .quickExam .carList .item .cta {
  padding: 1em 0 .5em 0;
  display: flex;
  justify-content: center;
}

body.top .quickExam .carList .item .cta .button {
  width: 100%;
  padding: .1em 2em;
  padding-right: 1.5em;
  border: 2px solid #215274;
  border-radius: 5em;
  max-width: 9em;
  box-sizing: border-box;
  text-align: center;
  line-height: 1;
  background-image: url("../img/top/quickExam_check.svg");
  background-repeat: no-repeat;
  background-position: left .3em center;
  background-size: auto;
  box-shadow: 0 3px 2px rgba(0, 0, 0, .14);
  transition: transform .3s, box-shadow .3s;
}

body.top .quickExam .carList .item:hover .cta .button {
  transform: translateY(3px);
  box-shadow: 0 0 0 rgba(0, 0, 0, .14);
}

body.top .quickExam .carList .item .cta .button .label {
  display: inline-block;
  line-height: 1.5;
  font-size: 0.8125rem;
  padding-top: .2em;
  color: #215274;
  white-space: nowrap;
}

@media screen and (max-width: 767px) {
  body.top .quickExam .carList .item .cta .button {
    max-width: none;
    padding-right: .75em;
  }
}

/*--------------------------------------------------------------------*/
body.top .quickExam .carList .item .tags {
  font-size: 68.75%;
  color: #939393;
  text-align: center;
  font-weight: 500;
}

/*--------------------------------------------------------------------*/
body.top .featureBox {
  margin-top: -1.5em;
}

body.top .featureBox .features {
  justify-content: center;
}

body.top .featureBox .features .item {
  width: 9em;
  height: 9em;
  border-radius: 4.5em;
  background-color: var(--logo_color);
  margin: 1.5%;
  position: relative;
}

body.top .featureBox .features .item a {
  width: 100%;
  height: 100%;
  display: block;
}

body.top .featureBox .features .item img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

body.top .featureBox .features .item .note {
  position: absolute;
  left: 50%;
  bottom: 1em;
  transform: translate(-50%, 0);
  font-size: 50%;
}

body.top .featureBox .features .item sup {
  position: absolute;
  left: 50%;
  bottom: 1em;
  transform: translate(-50%, 0);
  font-size: 50%;
}

body.top .featureBox .note {
  font-size: 0.75rem;
  padding: 0 1em;
  text-align: center;
  font-weight: 500;
}

@media screen and (max-width: 1200px) {
  body.top .featureBox {
    margin-top: 0;
  }

  body.top .featureBox .features .item {
    width: 10vw;
    height: 10vw;
  }

  body.top .featureBox .features .item img {
    max-width: 90%;
  }
}

@media screen and (max-width: 767px) {
  body.top .featureBox {
    padding-top: 2vw;
  }
}

@media screen and (max-width: 767px) {
  body.top .featureBox {
    padding: 0 6.8vw;
    padding-top: 0;
    margin-top: 0vw;
  }

  body.top .featureBox .features {
    justify-content: space-between;
  }

  body.top .featureBox .features .item {
    width: 32%;
    height: auto;
    border-radius: .5em;
    text-align: center;
    padding: .35em .25em;
    min-height: 75px;
    /*SP実機での高さ潰れ対策*/
    line-height: 1;
    margin: 0;
    box-sizing: border-box;
  }

  body.top .featureBox .features .item.hero_feature_img01 img {
    margin-top: -5px;
  }

  body.top .featureBox .features .item img {
    max-width: 100%;
    height: 100%;
    position: static;
    transform: none;
  }

  body.top .featureBox .features .item sup {
    right: .5em;
    bottom: .5em;
    left: auto;
    font-size: 40%;
    transform: none;
  }

  body.top .featureBox .note {
    padding: .5em 0 1.5em 0;
    text-align: left;
  }
}

/*--------------------------------------------------------------------*/
body.top .specialArea {
  padding: 5em 0;
  position: relative;
  z-index: 2;
}

body.top .specialArea .bannerBox {
  max-width: 1200px;
  margin: 0 auto;
  justify-content: center;
}

body.top .specialArea .bannerBox .item {
  margin-right: 20px;
  line-height: 1;
}

body.top .specialArea .bannerBox .item:nth-of-type(4n) {
  margin-right: 0;
}

body.top .specialArea .bannerBox .item img {
  max-width: 280px;
  max-height: 140px;
  width: 100%;
  line-height: 1;
}

@media screen and (max-width: 1299px) {
  body.top .specialArea {
    padding: 3em 2em;
    margin-bottom: 1.5em;
  }
}

@media screen and (max-width: 767px) {
  body.top .specialArea {
    padding: 1vw 3vw 3vw 3vw;
    margin-bottom: 3em;
  }

  body.top .specialArea .bannerBox {
    flex-wrap: wrap;
    padding: 0;
  }

  body.top .specialArea .bannerBox .item {
    margin-right: 5%;
    margin-bottom: 3vw;
    width: 45%;
  }

  body.top .specialArea .bannerBox .item:nth-of-type(2n) {
    margin-right: 0;
  }
}

@media screen and (max-width: 429px) {
  body.top .specialArea {
    padding: 1vw 3vw 3vw 3vw;
  }

  body.top .specialArea .bannerBox .item {
    margin-right: 3vw;
    margin-bottom: 3vw;
    width: 45.5vw;
  }
}

/*--------------------------------------------------------------------*/
body.top #searchArea {
  overflow: visible;
}

body.top #searchArea .searchArea {
  max-width: 860px;
  margin: 0 auto;
  margin-bottom: 100px;
  position: relative;
  z-index: 2;
}

body.top #searchArea .s_wrapper {
  margin-top: .5em;
  margin-bottom: 1em;
}

body.top #searchArea .s_wrapper>.inner {
  padding: 0 .5em;
  margin: 0;
  display: flex;
  justify-content: center;
  max-width: none;
}

body.top #searchArea .s_name {
  max-width: none;
}

body.top #searchArea .s_name input {
  font-size: 95%;
}

body.top #searchArea .searchTypeTitle {
  padding-left: .5em;
  font-weight: 700;
}

body.top #searchArea .top_searchBoxWrapper {
  padding: 0;
  margin-top: .5em;
  margin-bottom: 1.5em;
}

body.top #searchArea .toSearchPage {
  margin-top: 2em;
}

body.top #searchArea .toSearchPage .item {
  position: relative;
  padding-right: 1.3em;
}

body.top #searchArea .toSearchPage .item:after {
  display: none;
}

body.top #searchArea .toSearchPage .item .plus:after,
body.top #searchArea .toSearchPage .item .plus:before {
  position: absolute;
  display: block;
  content: "";
  width: 14px;
  height: 2px;
  background-color: var(--main_color);
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

body.top #searchArea .toSearchPage .item .plus:before {
  transform: translateY(-50%) rotate(90deg);
}

@media screen and (max-width: 960px) {
  body.top #searchArea .searchArea {
    max-width: none;
    padding: 0 2em;
    margin-bottom: 80px;
  }
}

@media screen and (max-width: 767px) {
  body.top #searchArea .searchArea {
    padding: 0 5vw;
    text-align: center;
    margin-bottom: 5em;
  }

  body.top #searchArea .toSearchPage .item {
    padding: 0 10vw;
  }

  body.top #searchArea .toSearchPage .item .plus {
    display: inline-block;
    width: 1.2em;
    height: 1em;
    position: relative;
    transform: translate(0, .1em);
  }

  body.top #searchArea .toSearchPage .item .plus:after,
  body.top #searchArea .toSearchPage .item .plus:before {
    width: 12px;
    height: 2px;
  }
}

@media screen and (max-width: 429px) {
  body.top #searchArea .s_name input {
    font-size: 75%;
  }
}

/*--------------------------------------------------------------------*/
body.top .s_lanking::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 0px;
  padding-top: 55.719%;
  background-image: url("../img/top/ranking_bg.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% auto;
  transform: translate(0, 50%);
}

body.top #s_sceneLankingBox {
  border-radius: 25px;
  padding: 1.5em 1em 1.5em 1em;
  overflow: visible;
  margin: 60px 0 5px 0;
  position: relative;
  z-index: 2;
}

body.top #s_sceneLankingBox .lankingBox {
  overflow: visible;
}

body.top #s_sceneLankingBox .lankingBoxInner {
  padding: 0;
}

body.top #s_sceneLankingBox .lankingBoxItem {
  margin-right: 0;
  padding-bottom: 0;
  max-width: 240px;
  position: relative;
}

body.top #s_sceneLankingBox .lankingBoxItem+.lankingBoxItem::after {
  content: "";
  display: block;
  left: 0;
  position: absolute;
  top: 2em;
  bottom: 0;
  height: 85%;
  width: 1px;
  background-color: #D3D3D3;
  margin: auto;
}

body.top #s_sceneLankingBox .lankingTitle {
  height: auto;
  margin: 0;
  padding-top: 0.5em;
}

body.top #s_sceneLankingBox .lankingTitle .medal {
  position: absolute;
  top: -1.5em;
  left: 50%;
  transform: translate(-50%, -50%);
}

body.top #s_sceneLankingBox .lankingTitle .t {
  height: auto;
  min-height: 52px;
}

body.top #s_sceneLankingBox .lankingTitle .c {
  width: 100%;
  font-size: 1.25rem;
  text-align: center;
  word-break: keep-all;
}

body.top #s_sceneLankingBox .lankingBoxCnt {
  position: static;
  transform: none;
}

body.top #s_sceneLankingBox .lankingBoxCnt .imgBox {
  max-width: 100%;
}

body.top #s_sceneLankingBox .lankingBoxCnt .imgBox img {
  max-width: 100%;
  width: 100%;
  min-width: 0;
}

body.top .lankingBoxCnt .textBox {
  font-weight: 700;
}

body.top .lankingBoxCnt .priceBox span {
  letter-spacing: 0;
}

body.top .lankingBoxCnt .priceBox span.bottom {
  margin-top: auto;
}

body.top .lankingBoxCnt .priceBox span .tax {
  font-size: 10px;
  letter-spacing: 0;
}

body.top .lankingBoxCnt .price {
  letter-spacing: 0;
}

@media screen and (max-width: 1200px) and (min-width: 768px) {
  body.top #s_sceneLankingBox {
    margin: 30px 0 10px 0;
  }

  body.top #s_sceneLankingBox .lankingBoxInner {
    flex-wrap: wrap;
  }

  body.top #s_sceneLankingBox .lankingBoxItem {
    max-width: none;
    width: 33%;
    box-sizing: border-box;
  }

  body.top #s_sceneLankingBox .lankingBoxItem:nth-of-type(4):after {
    display: none;
  }

  body.top #s_sceneLankingBox .lankingTitle {
    display: flex;
    flex-direction: row;
    padding-left: 1em;
    padding-right: 1em;
  }

  body.top #s_sceneLankingBox .lankingTitle .medal {
    position: static;
    transform: none;
    width: 2.2em;
  }

  body.top #s_sceneLankingBox .lankingTitle .t {
    padding-left: .5em;
    flex: 1;
    text-align: center;
  }

  body.top #s_sceneLankingBox .lankingBoxCnt .imgBox {
    max-width: 260px;
    margin: 0 auto;
  }
}

@media screen and (max-width: 1080px) and (min-width: 768px) {
  body.top #s_sceneLankingBox .lankingTitle .c {
    font-size: 1.3rem;
    height: 3rem;
  }
}

@media screen and (max-width: 767px) {
  body.top .s_lankingWrapper .s_lankingBg {
    padding: 0 3vw;
  }

  body.top #s_sceneLankingBox {
    margin-top: 0;
    padding: 0;
  }

  body.top #s_sceneLankingBox .lankingBoxInner {
    flex-direction: column;
  }

  body.top #s_sceneLankingBox .lankingBoxItem {
    width: 100%;
    max-width: none;
    padding: 3vw 2em;
  }

  body.top #s_sceneLankingBox .lankingBoxItem+.lankingBoxItem::after {
    width: 94%;
    height: 1px;
    bottom: auto;
    left: 0;
    right: 0;
    top: 0;
  }

  body.top #s_sceneLankingBox .lankingBoxItem.lank_1 {
    margin-left: 0;
  }

  body.top #s_sceneLankingBox .lankingBoxCnt {
    display: grid;
    grid-template-rows: auto auto;
    grid-template-columns: 30vw auto;
  }

  body.top #s_sceneLankingBox .lankingTitle {
    padding-top: 0;
  }

  body.top #s_sceneLankingBox .lankingTitle .medal {
    position: static;
    transform: none;
    width: 30px;
    padding-top: .3em;
  }

  body.top #s_sceneLankingBox .lankingBoxCnt .imgBox {
    grid-row: 1 / 2;
    grid-column: 1 / 2;
    padding: 0;
    min-width: 0;
  }

  body.top #s_sceneLankingBox .lankingBoxCnt .infoBox {
    grid-row: 1 / 2;
    grid-column: 2 / 3;
  }

  body.top #s_sceneLankingBox .lankingBoxCnt .ctaBox {
    grid-row: 2 / 3;
    grid-column: 1 / 3;
  }
}

@media screen and (max-width: 520px) {
  body.top #s_sceneLankingBox .lankingBoxItem {
    width: 100%;
    max-width: none;
    padding: 3vw 1vw;
  }

  body.top #s_sceneLankingBox .lankingBoxCnt {
    grid-template-columns: auto auto;
  }

  body.top #s_sceneLankingBox .lankingBoxCnt .imgBox {
    width: 44.5vw;
    min-width: 44.5vw;
  }

  body.top #s_sceneLankingBox .lankingBoxCnt .imgBox img {
    max-width: 100%;
  }
}

/*--------------------------------------------------------------------*/
@media screen and (max-width: 767px) {
  body.top #s_sceneLankingBox .lankingTitle {
    flex-direction: row;
  }

  body.top #s_sceneLankingBox .lankingTitle .t {
    padding-left: 1em;
  }

  body.top #s_sceneLankingBox .lankingTitle .c {
    text-align: left;
    padding-left: .75em;
    font-size: 3vw;
  }
}

@media screen and (max-width: 429px) {
  body.top #s_sceneLankingBox .lankingTitle {
    padding-left: 1em;
  }

  body.top #s_sceneLankingBox .lankingTitle .t {
    padding-left: 4vw;
  }

  body.top #s_sceneLankingBox .lankingTitle .c {
    font-size: 4.53333333333333vw;
    padding-left: 0;
  }
}

/*--------------------------------------------------------------------*/
body.top #s_sceneLankingBox .lankingBoxCnt .infoBox {
  text-align: center;
}

@media screen and (max-width: 767px) {
  body.top #s_sceneLankingBox .lankingBoxCnt .infoBox {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  body.top #s_sceneLankingBox .lankingBoxCnt .infoBox .textBox {
    background-color: #F1F1F1;
    font-size: 2vw;
    padding: .3em 2em;
    width: auto;
    box-sizing: border-box;
    margin-bottom: 1em;
  }

  body.top #s_sceneLankingBox .lankingBoxCnt .infoBox .priceBox {
    margin: 0;
    padding-bottom: 1em;
  }

  body.top #s_sceneLankingBox .lankingBoxCnt .infoBox .priceBox span {
    font-size: 2vw;
    white-space: nowrap;
    text-align: center;
  }

  body.top #s_sceneLankingBox .lankingBoxCnt .infoBox .priceBox span .tax {
    font-size: 2vw;
    margin-top: .2em;
    white-space: nowrap;
  }

  body.top #s_sceneLankingBox .lankingBoxCnt .infoBox .priceBox .price {
    font-size: 5vw;
    white-space: nowrap;
  }
}

@media screen and (max-width: 429px) {
  body.top #s_sceneLankingBox .lankingBoxCnt .infoBox .textBox {
    font-size: 2.5vw;
    padding: .3em;
    width: 90%;
  }

  body.top #s_sceneLankingBox .lankingBoxCnt .infoBox .priceBox span {
    font-size: 10px;
  }

  body.top #s_sceneLankingBox .lankingBoxCnt .infoBox .priceBox span .tax {
    display: block;
    font-size: 10px;
    transform: scale(0.8);
  }

  body.top #s_sceneLankingBox .lankingBoxCnt .infoBox .priceBox .price {
    font-size: 22.5px;
  }

  body.top #s_sceneLankingBox .lankingBoxCnt .ctaBox .moreBtn {
    margin: 0.1em auto 1em auto;
  }

  .lankingBoxCnt .year-box {
    width: 20px;
    height: 20px;
    font-size: 13px !important;
    letter-spacing: -6px !important;
    padding: 3px 3px;
  }

  .lankingBoxCnt .year-box .small {
    transform: scale(0.6);
  }

  .infoBox_bonus {
    font-size: 12px;
    text-align: right;
  }

  body.top .plan-note {
    color: #838383;
    padding-left: 10px;
  }

  body.top .plan-note.gray {
    padding-left: 20px;
  }
}

/*--------------------------------------------------------------------*/
body.top #s_sceneLankingBox .lankingBoxCnt .infoBox .priceBox.discount {
  transform: scale(.80);
  margin: 0;
  padding: .5em 0 1em 0;
  margin-bottom: .3em;
}

body.top #s_sceneLankingBox .lankingBoxCnt .infoBox .priceBox.discount::after {
  width: 0;
  height: 0;
  border-width: 10px 10px 0 10px;
  border-style: solid;
  border-color: #000000 transparent transparent transparent;
  bottom: -.5em;
}

body.top #s_sceneLankingBox .lankingBoxCnt .infoBox .priceBox.discount+.priceBox {
  margin-top: 0;
}

body.top #s_sceneLankingBox .lankingBoxCnt .infoBox .priceBox.discount .price {
  color: #9F9F9F;
  position: relative;
}

body.top #s_sceneLankingBox .lankingBoxCnt .infoBox .priceBox.discount .price::before,
body.top #s_sceneLankingBox .lankingBoxCnt .infoBox .priceBox.discount .price::after {
  display: block;
  content: "";
  width: 100%;
  height: 1px;
  background-color: #595959;
  top: 0;
  bottom: 0;
  margin: auto;
  position: absolute;
}

body.top #s_sceneLankingBox .lankingBoxCnt .infoBox .priceBox.discount .price::before {
  top: -.2em;
}

body.top #s_sceneLankingBox .lankingBoxCnt .infoBox .priceBox.discount .price::after {
  bottom: -.2em;
}

@media screen and (max-width: 767px) {
  body.top #s_sceneLankingBox .lankingBoxCnt .infoBox .priceBox.discount+.priceBox {
    padding-bottom: 1em;
  }

  body.top #s_sceneLankingBox .lankingBoxCnt .infoBox .priceBox.discount {
    padding-top: 0;
    padding-bottom: .8em;
    transform: scale(.95);
    margin-bottom: .2em;
  }

  body.top #s_sceneLankingBox .lankingBoxCnt .infoBox .priceBox.discount::after {
    border-width: 6px 6px 0 6px;
    bottom: -.2em;
  }
}

/*--------------------------------------------------------------------*/
@media screen and (max-width: 767px) {
  body.top #s_sceneLankingBox .lankingBoxCnt .ctaBox .moreBtn {
    margin: .2em auto .4em auto;
    padding: .6em 1em .4em 1em;
  }
}

/*--------------------------------------------------------------------*/
body.top #s_scene {
  position: relative;
  z-index: 2;
  margin-bottom: 120px;
}

@media screen and (max-width: 767px) {
  body.top #s_scene {
    margin-bottom: 60px;
  }
}

/*--------------------------------------------------------------------*/
body.top .top_merit_bg {
  filter: none;
}

/* アンカーリンクオフセット用 */
/*--------------------------------------------------------------------*/
#select_car {
  padding-top: 100px;
  margin-top: -100px;
}

@media screen and (max-width: 767px) {
  #select_car {
    padding-top: 56px;
    margin-top: -56px;
  }

  #meritArea {
    padding-top: 116px;
    margin-top: -56px;
  }

  #faqArea,
  #aboutPitacle {
    padding-top: 56px;
    margin-top: -56px;
  }
}

.pc-only {
  display: block;
}

.sp-only {
  display: none;
}

@media screen and (max-width: 767px) {
  .pc-only {
    display: none;
  }

  .sp-only {
    display: block;
  }
}

/* 見積もりページ プランのオプション比較のSP用のタブ */

/*タブ切り替え全体のスタイル*/
.option-tabs {
  background-color: #fff;
  width: 100%;
  margin: 0 auto 35px;
  padding: 0 20px;
  display: flex;
  flex-wrap: wrap;
}

.option-tabs.radius {
  border-bottom-left-radius: 40px;
  border-bottom-right-radius: 40px;
}

/*タブのスタイル*/
.option-tab_item {
  width: calc((100% - 20px) / 3);
  height: 57px;
  border-bottom: 3px solid #5ab4bd;
  background-color: #fff;
  line-height: 57px;
  font-size: 18px;
  text-align: center;
  float: left;
  text-align: center;
  font-weight: bold;
  transition: all 0.2s ease;
  margin-top: 40px;
  display: none;
}

.option-tab_item.display {
  display: block;
}

.option-tab_item:not(:last-of-type) {
  margin-right: 10px;
}

.option-tab_item.gold {
  border-bottom: 3px solid #B28B26;
  color: #B28B26;
}

.option-tab_item.silver {
  border-bottom: 3px solid #777777;
  color: #777777;
}

.option-tab_item.white {
  border-bottom: 3px solid #b2b2b2;
  color: #b2b2b2;
}

.option-tabs input:checked+.option-tab_item.gold {
  background-color: #B28B26;
  color: #fff;
}

.option-tabs input:checked+.option-tab_item.silver {
  background-color: #777777;
  color: #fff;
}

.option-tabs input:checked+.option-tab_item.white {
  background-color: #b2b2b2;
  color: #fff;
}

.option-tab_item:hover {
  opacity: 0.75;
}

/*ラジオボタンを全て消す*/
input[name="option-tab_item"] {
  display: none;
}

/*タブ切り替えの中身のスタイル*/
.option-tab_content {
  display: none;
}

.option-tab_content.display {
  display: block;
}

/*選択されているタブのコンテンツのみを表示*/
#option-gold1:checked~#option-gold_content1,
#option-silver1:checked~#option-silver_content1,
#option-white1:checked~#option-white_content1 {
  display: block;
}

/*選択されているタブのコンテンツのみを表示*/
#option-gold2:checked~#option-gold_content2,
#option-silver2:checked~#option-silver_content2,
#option-white2:checked~#option-white_content2 {
  display: block;
}

/*選択されているタブのスタイルを変える*/
.option-tabs input:checked+.option-tab_item {
  background-color: #5ab4bd;
  color: #fff;
}

/*選択されているタブのコンテンツのみを表示*/
#nine-years2:checked~#nine-years_content2,
#seven-years2:checked~#seven-years_content2,
#five-years2:checked~#five-years_content2 {
  display: block;
}

/*選択されているタブのコンテンツのみを表示*/
#nine-gold:checked~#nine-gold_content,
#nine-silver:checked~#nine-silver_content,
#nine-white:checked~#nine-white_content {
  display: block;
}

/*選択されているタブのコンテンツのみを表示*/
#seven-gold:checked~#seven-gold_content,
#seven-silver:checked~#seven-silver_content,
#seven-white:checked~#seven-white_content {
  display: block;
}

/*選択されているタブのコンテンツのみを表示*/
#five-gold:checked~#five-gold_content,
#five-silver:checked~#five-silver_content,
#five-white:checked~#five-white_content {
  display: block;
}

@media screen and (max-width: 812px) {
  .option-tab_item {
    display: block;
    width: calc((100% - 10px) / 3);
    height: 38px;
    line-height: 38px;
    font-size: 13px;
    margin-top: 20px;
  }

  .option-tab_item:not(:last-of-type) {
    margin-right: 5px;
  }

  .option-tab_content {
    display: none;
  }

  .option-tab_content.display {
    display: none;
  }

  .option-tabs.radius {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 0 10px;
    margin: 0 auto;
  }
}

.scroll .plan-table {
  margin-top: 0;
  margin-bottom: 15px;
}

.scroll .plan-table,
td,
th {
  font-size: 14px;
  border-collapse: collapse;
  color: #111111;
}

.scroll .plan-table td,
th {
  padding: 10px;
}

.scroll .plan-table th {
  background: #f0e6cc;
}

.scroll .plan-table .even {
  background: #fbf8f0;
}

.scroll .plan-table .odd {
  background: #fefcf9;
}

.scroll .plan-table .gold-title {
  background-color: #B28B26;
  color: #fff;
  border-top-left-radius: 5px;
  width: (68% / 3);
  border: 1px solid #fff;
}

.scroll .plan-table .silver-title {
  background-color: #777777;
  color: #fff;
  width: (68% / 3);
  border: 1px solid #fff;
}

.scroll .plan-table .white-title {
  background-color: #b2b2b2;
  color: #fff;
  border-top-right-radius: 5px;
  width: (68% / 3);
  border: 1px solid #fff;
}

.scroll .plan-table .gold {
  background-color: #E8DCBD;
  border: 1px solid #fff;
}

.scroll .plan-table .silver {
  background-color: #E8E8E8;
  border: 1px solid #fff;
}

.scroll .plan-table .silver .image {
  position: relative;
  width: fit-content;
  margin: auto;
}

.scroll .plan-table .silver .image .annotation-small {
  position: absolute;
  color: #777777;
  top: -10px;
  right: -24px;
  font-size: 12px;
}

.scroll .plan-table .white {
  background-color: #F3F3F3;
  border: 1px solid #fff;
}

.scroll .plan-table .white .image {
  position: relative;
  width: fit-content;
  margin: auto;
}

.scroll .plan-table .white .image .annotation-small {
  position: absolute;
  color: #888888;
  top: -10px;
  right: -24px;
  font-size: 12px;
}

.scroll .plan-table td img {
  display: flex;
  margin: auto;
}

.scroll .plan-table .white.bottom {
  border-bottom-right-radius: 5px;
}

.scroll .plan-table .option {
  background-color: #F5F5F5;
  width: 22%;
  padding: 8px 15px;
  border: 1px solid #fff;
}

.scroll .plan-table .annotation {
  font-size: 12px;
}

.scroll .plan-table .option.top {
  border-top-left-radius: 5px;
}

.scroll .plan-table .option.bottom {
  border-bottom-left-radius: 5px;
}

.scroll .plan-table .space {
  background-color: #fff;
}

.annotation-list {
  font-size: 14px;
  color: #111111;
  counter-reset: number 0;
  text-align: left;
}

.annotation-list li {
  padding-left: 2em;
  text-indent: -2em;
}

.annotation-list li::before {
  content: "※" counter(number);
  counter-increment: number 1;
  display: inline-block;
  padding-left: 2em;
  padding-right: 0.5em;
}

.js-toggle-btn {
  display: block;
  margin: 0 auto;
  font-weight: 700;
  cursor: pointer;
  background-color: #E6E6E6;
  color: #838383;
  font-size: 14px;
  position: relative;
  padding: 10px 40px;
  border-radius: 100px;
  text-align: center;
  max-width: 260px;
  width: 100%;
  margin-bottom: 40px;
}

.toggle-icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  right: 7%;
  background: #fff;
  width: 20px;
  height: 20px;
  border-radius: 100px;
}

.toggle-icon::before,
.toggle-icon::after {
  content: "";
  width: 10px;
  height: 1px;
  background: #707070;
  position: absolute;
  top: 50%;
  left: 24%;
  transition: all .3s;
}

.toggle-icon::after {
  transform: rotate(90deg);
}

.is-open .toggle-icon::after {
  transform: rotate(0deg);
}

@media screen and (max-width: 812px) {
  .js-toggle-btn {
    margin-bottom: 30px;
  }

  .scroll {
    overflow-x: auto;
    margin-bottom: 5px;
    padding: 0 10px 5px;
  }

  .scroll table {
    min-width: 500px;
  }

  table .option {
    width: 22%;
    padding: 15px 10px;
    min-width: 180px;
  }

  table .plan {
    display: none;
  }

  .annotation-list {
    padding: 0 10px;
    font-size: 12px;
  }
}

/* top 追加
/*--------------------------------------------------------------------*/
body.top .quickExamContainer {
  padding-top: 0.6em;
}

div.index._after._before>div {
  display: flex !important;
  margin-left: -0.2em !important;
  align-items: center;
}

body.top .quickExam .carList .item {
  padding-bottom: 0px;
}

.label span.label_memo {
  font-weight: normal;
  font-size: 10px;
  transform: scale(0.8);
  transform-origin: left top;
  position: absolute;
  right: 0;
}

body.top .bannerBox {
  margin-top: 0.5em;
  margin-left: 20px;
}

body.top .bannerBox {
  text-align: center;
  margin-top: 0em;
  line-height: 1;
}

@media screen and (max-width: 1120px) {
  body.top .bannerBox {
    max-width: 100%;
    box-sizing: border-box;
  }

  body.top .bannerBox img {
    max-width: 100%;
    box-sizing: border-box;
  }
}

@media screen and (max-width: 767px) {
  body.top .bannerBox {
    margin-left: 0;
    padding-left: 0;
    padding: 3vw;
    background-color: #fff;
  }
}

body.top #searchArea {
  overflow: hidden;
}

.aboutContents .rightBox {
  width: 100%;
}

.meritList>.inner {
  justify-content: center;
}

.infoBox_bonus {
  display: block;
  color: #454545;
  font-size: 11px;
  font-weight: normal;
  line-height: 1.6;
}

.carList_bonus {
  color: #454545;
  text-align: center;
  font-size: 11px;
  font-weight: normal;
}

.quickExam_fv_btm {
  padding: 0 15px 10px;
  text-align: right;
  display: block;
}

@media screen and (max-width:1220px) {
  .quickExam_fv_btm {
    text-align: center;
  }
}

@media screen and (max-width:767px) {
  .quickExam_fv_btm {
    text-align: center;
    background: #fff;
    border-radius: 0px 0px 11px 11px;
    position: relative;
    top: -2px;
    margin: 2vw 1vw 1vw;
    padding-bottom: 20px;
  }
}

.quickExam_fv_btm a {
  position: relative;
  font-size: 12px;
  color: #215274;
  padding: 0 1.2em 0.3em 0.3em;
  border-bottom: 1px solid #215274;
  transition: all 0.1s;
}

.quickExam_fv_btm a:hover {
  opacity: .7;
}

.quickExam_fv_btm a:after {
  display: block;
  content: "";
  position: absolute;
  width: 0.7em;
  height: 0.7em;
  border-top: 2px solid #fd9445;
  border-right: 2px solid #fd9445;
  transform: rotateZ(45deg);
  top: 0.5em;
  right: 0.3em;
  margin: auto;
}

@media (max-width: 1200px) and (min-width: 768px) {
  .quickExam_fv_btm a:after {
    top: 3px;
  }
}

.aboutArea .commonTitle {
  display: inline-block;
}

.aboutArea .commonTitle_area {
  text-align: center;
}

.aboutArea .illust01 {
  width: 245px;
  left: -360px;
  top: -50px;
}

.aboutArea .illust02 {
  width: 245px;
  left: 307px;
  top: -50px;
  z-index: 100;
}

.aboutArea .messageBox {
  margin: 7px 0 40px;
}

.hero_feature_img01 img {
  width: 74%;
  height: auto;
  top: 43% !important;
}

#aboutArea>div.aboutContents>div>div>div {
  max-width: 1275px;
  flex-wrap: wrap;
}

.meritTitle {
  font-weight: bold;
}

/* バナーの上部配置　文字左右の装飾 */
#top>div.hero>div.specialArea>div>div:nth-child(4) {
  position: relative;
  display: flex;
  justify-content: center;
}

.attention_wrap {
  position: absolute;
  top: -32px;
}

.attention {
  position: relative;
  display: inline-block;
  padding: 0 12px;
  margin-bottom: 36px;
  font-size: 13px;
}

.attention:before {
  position: absolute;
  left: 0;
  top: -3px;
  content: "";
  width: 1px;
  height: 23px;
  background: #000;
  border-radius: 3px;
  transform: rotate(-34deg);
}

.attention:after {
  position: absolute;
  content: "";
  right: 0;
  top: -3px;
  width: 1px;
  height: 23px;
  background: #000;
  border-radius: 3px;
  transform: rotate(34deg);
}

@media (max-width: 1274px) {
  .aboutArea .illust01 {
    width: 245px;
    left: -360px;
    top: -50px;
  }

  .aboutArea .illust02 {
    width: 245px;
    right: -350px;
    top: -50px;
  }

  .attention {
    font-size: 10px;
  }
}

@media (max-width: 767px) {
  .label span {
    display: block;
    margin-left: -2em;
  }

  .label span.label_memo {
    margin: 0;
  }
}

/* search 追加
/*--------------------------------------------------------------------*/
.s_sceneLankingBox .search-title {
  font-size: 33px;
  font-weight: 700;
  line-height: 1.5;
  width: fit-content;
  padding: 30px 10px 0 15px;
  margin: 0 auto;
  background: linear-gradient(transparent 75%, #FFE800 0%);
}

.searchBoxWrapper>.t.keyword {
  padding: 0;
}

.searchBox>.item.tag {
  width: fit-content;
  height: fit-content;
  min-width: unset;
  max-width: unset;
}

.searchBox .wap.tag {
  height: unset;
}

.searchBox .wap .t.tag {
  padding: 7px 12px;
  border-radius: 50px;
}

@media (max-width: 767px) {
  .underSearchBox .s_name {
    margin: 0 auto 50px;
  }

  .s_sceneLankingBox .search-title {
    padding: 25px 5px 0 10px;
    font-size: 20px;
    margin: 0 auto;
    background: linear-gradient(transparent 75%, #FFE800 0%);
    line-height: 1.5;
  }

  .underSearch .first .searchFormInner {
    padding-top: 20px;
  }

  .searchBoxWrapper {
    flex-direction: column;
    align-items: center;
  }

  .searchBoxWrapper>.t {
    justify-content: center;
  }

  .searchBoxWrapper>.t.keyword-pc {
    display: none;
  }

  .searchBoxWrapper>.t.keyword-sp {
    display: block;
  }

  .underSearch .searchBoxWrapper.half {
    width: 50%;
    float: left;
  }

  .underSearch .searchBoxWrapper.half>.t {
    width: 100%;
  }

  .underSearch .searchBoxWrapper.half>.searchBox .item {
    width: 50%;
    margin: 0 auto;
  }

  .searchBox .wap .t.tag {
    height: unset;
    padding: 7px 12px;
  }
}

/* searchページ_固定ボタン改修 20230411
/*--------------------------------------------------------------------*/
@media screen and (max-width: 1040px) {
  .under .underSearch .serchSectionTitle01 {
    justify-content: start;
  }

  .under .underSearch .serchSectionTitle01 .feature_numBox {
    justify-content: start;
  }

  .under .underSearch .serchSectionTitle01 .feature_numBox .feature_numBox_firstBox {
    justify-content: start;
  }

  .under .underSearch .serchSectionTitle01 .searchBtn .inner {
    display: inline-flex;
    width: auto;
    margin-bottom: 10px;
    transform: none;
    transition: none;
  }

  .under .underSearch .serchSectionTitle01 .searchBtn .icon {
    padding: 0 2px 0 0;
  }

  .under .underSearch .serchSectionTitle01 .searchBtn .inner .t {
    font-size: 0.9rem;
    line-height: 1.1em;
    padding: 0 4px 0px 5px;
    text-align: center;
  }

  .under .underSearch .serchSectionTitle01 .searchBtn {
    width: auto;
  }

  .under .underSearch .serchSectionTitle01 .feature_numBox {
    width: 35%;
  }

  .under .underSearch .serchSectionTitle01 .searchBtn .inner:first-child {
    margin-right: 10px;
  }

  .under .underSearch .serchSectionTitle01 .feature_numBox+.inner {
    width: auto;
  }

  .under .underSearch .serchSectionTitle01 .searchBtn .icon {
    margin: 0;
  }

  .under .underSearch #searchBtn>div:last-child {
    background: var(--main_color);
    color: #fff;
  }

  .under .underSearch #searchBtn>div:last-child span {
    color: #fff;
  }
}

@media screen and (max-width: 520px) {
  .under .underSearch .serchSectionTitle01 {
    padding: 0 5px;
  }

  .serchSectionTitle01 .feature_numBox .feature_numBox_firstBox,
  .serchSectionTitle01 .feature_numBox .feature_numBox_rightBox {
    font-size: 0.6rem;
  }

  .under .underSearch .serchSectionTitle01 .feature_numBox {
    width: 32.5%;
  }

  .under .underSearch .serchSectionTitle01 .searchBtn .inner .t {
    font-size: 0.77rem;
  }
}

/* searchページフッターエリア改修 20241213
/*--------------------------------------------------------------------*/
.recomFootArea {
  padding: 0 0 60px;
}

.recomFootArea .inner {
  width: 100%;
  max-width: var(--main_width);
  margin: 0 auto 0;
  padding: 40px;
  background: #f5f5f5;
  border-radius: 40px;
}

.recomFootArea .recomFootArea_box {
  display: inline-block;
  width: 100%;
  margin-bottom: 20px;
}

.recomFootArea .recomFootArea_box:last-child {
  margin-bottom: 0;
}

.recomFootArea .recomFootArea_box h2 {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 5px;
  position: relative;
  padding-left: 20px;
}

.recomFootArea .recomFootArea_box h2::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "・";
}

.recomFootArea .recomFootArea_box ul li {
  float: left;
  margin-left: 20px;
  font-size: 15px;
}

.recomFootArea .recomFootArea_box ul li a {
  color: #6b6b6b;
  text-decoration: underline;
}

.recomFootArea .recomFootArea_box ul li a:hover,
.recomFootArea .recomFootArea_box ul li a:active {
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .recomFootArea .inner {
    width: 96%;
    padding: 10px;
    border-radius: 20px;
  }

  .recomFootArea .recomFootArea_box h2 {
    font-size: 16px;
  }
}