@charset "utf-8";

/*==================================================
 固定ページ共通
 ==================================================*/

/*****common*****/
.color_main {
  color: var(--color-main);
}

/*****mainTtl*****/
.reasonPage .ttlWrap,
.mediationPage .ttlWrap,
.purchasePage .ttlWrap,
.purchase-pointPage .ttlWrap,
.inheritPage .ttlWrap,
.flow-salePage .ttlWrap,
.divorcePage .ttlWrap,
.relocationPage .ttlWrap {
  padding: 3% 0;
}

.mainTtl__sub {
  display: block;
  font-size: 0.6em;
}

/*****introduction*****/
.introBox__txt {
  font-size: clamp(12px, 1.4vw, 16px);
  text-align: center;
}

/*****secimgBox*****/
.secimgBox {
  margin: var(--gutter) auto var(--gutter-wide);
  text-align: center;
}

/*****secTxtBox*****/
.secTxtBox {
  margin: 0 auto var(--gutter);
}

.secTxtBox__txt {
  font-size: clamp(1.55rem, 2vw, 1.8rem);
  margin: 0.5em auto 1.5em;
}

.secTxtBox .font_b {
  font-size: 1.1em;
}

.secTxtBox__txt:not(:first-child) {
  margin-top: 0.5em;
}

.secTxtBox__txt-left {
  width: 50%;
  margin-left: 0;
}

/*****secList*****/
.secList {
  background: #f8f8f8;
  padding: 20px;
  margin: 20px 0;
  border: 2px solid var(--color-main);
}

.secList__item {
  font-size: 16px;
  margin-bottom: 0.5em;
  position: relative;
  padding-left: 1em;
}

.secList__item:last-child {
  margin-bottom: 0;
}

.secList__item::before {
  content: "";
  border-radius: 50%;
  width: 6px;
  height: 6px;
  display: block;
  position: absolute;
  left: 0;
  top: 0.65em;
  background: var(--color-main);
}

/*****bigTtl*****/
.bigTtl {
  font-size: clamp(1.8rem, 4vw, 3.2rem);
  margin-bottom: 0.8em;
  color: var(--color-black);
  line-height: 1.4;
  font-weight: 800;
  position: relative;
  text-align: center;
}

/*****secHeading*****/
.secHeading {
  font-size: clamp(1.8rem, 4.2vw, 2.4rem);
  font-weight: bold;
  padding-left: 0.65em;
  position: relative;
}

.secHeading::before {
  content: "";
  background-color: var(--color-main);
  width: 0.4em;
  height: 0.4em;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  border-radius: 50vh;
  margin-top: 0.1em;
}


/*==================================================
 leasebackPage
 ==================================================*/
.leasebackPage .ttlWrap {
  margin-bottom: 0;
}

.leasebackPage .introBox {
  background: url(../img/page/leaseback/introBox_bg.webp) no-repeat center / cover;
  margin: 0;
  padding: var(--gutter) 0;
}

.leasebackPage .introBox_text_main {
  width: 100%;
  max-width: 852px;
  margin: 0 auto;
}

/*選ばれる理由*/
.leasebackPage .reasonBox_ttl {
  background: var(--color-main);
  color: #fff;
  padding: var(--gutter) 1em;
  position: relative;
}

.leasebackPage .reasonBox_ttl::after {
  content: "";
  height: clamp(12px, 5vw, 24px);
  aspect-ratio: 3 / 1;
  background: var(--color-main);
  clip-path: polygon(0 0, 50% 100%, 100% 0);
  position: absolute;
  bottom: calc(-1 * clamp(12px, 5vw, 24px));
  left: 50%;
  transform: translateX(-50%);
}

.leasebackPage .reasonBox_ttl_main {
  display: inline-block;
  font-size: 1.4em;
  position: relative;
  margin-top: 0.5em;
}

.leasebackPage .reasonBox_ttl_main::before,
.leasebackPage .reasonBox_ttl_main::after {
  content: "";
  display: block;
  position: absolute;
  background-image: url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="32.131" viewBox="0 0 16 32.131"><g transform="translate(0 0)"><path d="M16.31,59.341a.921.921,0,0,1-.651-1.572L22.73,50.7a.921.921,0,1,1,1.3,1.3l-7.071,7.07a.917.917,0,0,1-.651.27" transform="translate(-8.304 -27.21)" fill="%23ffffff"/><path d="M11.734,34.738H.921a.921.921,0,0,1,0-1.842H11.734a.921.921,0,0,1,0,1.842" transform="translate(0 -17.75)" fill="%23ffffff"/><path d="M23.381,8.915a.916.916,0,0,1-.651-.27L15.657,1.572a.921.921,0,0,1,1.3-1.3l7.074,7.074a.921.921,0,0,1-.651,1.572" transform="translate(-8.302 0)" fill="%23ffffff"/></g></svg>');
  background-repeat: no-repeat;
  background-size: cover;
  width: 0.8em;
  aspect-ratio: 1 / 2;
  top: -0.1em;
}

.leasebackPage .reasonBox_ttl_main::before {
  left: -1.6em;
}

.leasebackPage .reasonBox_ttl_main::after {
  transform: scale(-1, 1);
  right: -1.6em;
}

.leasebackPage .reasonBox_itemList {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: var(--gutter);
}

.leasebackPage .reasonBox_itemList li {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: clamp(1.4rem, 1.6vw, 1.8rem);
  font-weight: bold;
  border-radius: 1rem;
  background: #fff;
  border: 2px solid var(--color-gray);
}

.leasebackPage .reasonBox_item_kome {
  font-size: 11px;
  vertical-align: super;
}

.leasebackPage .reasonBox_itemList li.reasonBox_item_no1 {
  position: relative;
}

.leasebackPage .reasonBox_itemList li.reasonBox_item_no1 .reasonBox_item_sub {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: clamp(80px, 10vw, 120px);
  height: clamp(80px, 10vw, 120px);
  border-radius: var(--rad-full);
  position: absolute;
  top: -20px;
  right: -30%;
  background: var(--color-main);
  color: #fff;
  font-size: clamp(11px, 1.2vw, 14px);
  line-height: 1.2;
}

.leasebackPage .reasonBox_itemList li.reasonBox_item_no1 .reasonBox_item_sub .font_en {
  font-size: 2em;
}

.leasebackPage .reasonBox_caution {
  font-size: clamp(11px, 1.2vw, 12px);
}

/*CM放送中*/
.leasebackPage .movieBox {
  margin: var(--gutter-wide) 0;
  padding: var(--gutter-narrow) 0 var(--gutter);
  background: repeating-linear-gradient(-45deg,
      var(--color-palepink), var(--color-palepink) 2px,
      #fff 3px, #fff 6px);
  border-top: 10px solid var(--color-palepink);
  border-bottom: 10px solid var(--color-palepink);
}

.leasebackPage .movieBox_ttl {
  font-size: clamp(2rem, 5.6vw, 4.8rem);
  line-height: 1;
}

.leasebackPage .movieBox_ttl::after {
  content: "";
  width: 1.6em;
  height: 1.6em;
  display: inline-block;
  vertical-align: text-bottom;
  margin-right: 0.5em;
  background: url(../img/page/leaseback/movieBox_ttl_icon.svg) no-repeat center / contain;
}

.leasebackPage .movieBox_inner {
  width: 800px;
  max-width: 90%;
  margin: 0 auto;
  aspect-ratio: 16 / 9;
  text-align: center;
}

.leasebackPage .movieBox_inner iframe {
  display: block;
  margin: 0 auto;
  width: 100%;
  height: 100%;
}

/*お困りではありませんか？*/
.leasebackPage .worriesBox_itemList {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: var(--gutter) auto var(--gutter-wide);
  position: relative;
}

.leasebackPage .worriesBox_itemList::after {
  content: "";
  width: clamp(72px, 10vw, 120px);
  aspect-ratio: 3 / 1;
  background: var(--color-pink);
  clip-path: polygon(0 0, 50% 100%, 100% 0);
  position: absolute;
  bottom: calc((-1 * clamp(36px, 5vw, 60px)) + 10px);
  left: 50%;
  transform: translateX(-50%);
}

.leasebackPage .worriesBox_itemList li {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: clamp(1.2rem, 1.4vw, 1.8rem);
  font-weight: bold;
  background: var(--color-lightgray);
  position: relative;
}

.leasebackPage .worriesBox_itemList li::before {
  content: "";
  width: 100%;
  height: 50px;
  background: var(--color-lightgray);
  clip-path: polygon(50% 0, 0 100%, 100% 100%);
  position: absolute;
  top: -50px;
  left: 0;
}

.leasebackPage .worriesBox_item_img {
  width: 90%;
  aspect-ratio: 2 / 1;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  margin-top: 1em;
  border-radius: 1rem;
}

.leasebackPage .worriesBox_item_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.leasebackPage .worriesBox_bottom {
  background-color: var(--color-main);
  color: #fff;
  font-size: clamp(1.6rem, 4.2vw, 3.2rem);
  font-weight: 800;
  padding: 1em;
  margin: 0 auto;
}

.leasebackPage .worriesBox_bottom p {
  text-align: center;
}

/*リースバックとは*/
.leasebackPage .aboutBox {
  margin-top: var(--gutter-wide);
}

.leasebackPage .aboutBox_inner {
  border: 2px solid var(--color-darkgray);
  border-radius: 1rem;
  padding: 0 var(--gutter);
}

.leasebackPage .aboutBox_ttl {
  margin-top: -0.75em;
}

.leasebackPage .aboutBox_ttl_text {
  display: inline-block;
  background: #fff;
  border: 4px solid var(--color-main);
  border-radius: 1rem;
  padding: 0.5em 1.5em;
  filter: drop-shadow(0 3px 0 rgba(0, 0, 0, 0.15));
}

.leasebackPage .aboutBox_imageList {
  margin: var(--gutter) auto;
}

/*契約までの流れ*/
.leasebackPage .flowBox {
  margin-top: var(--gutter-wide);
  padding: var(--gutter) 0;
  background: var(--color-lightgray);
}

.leasebackPage .flowBox_ttl {
  font-size: clamp(2.8rem, 4.8vw, 4.2rem);
}

.leasebackPage .flowBox_ttl_sub {
  display: inline-block;
  background: var(--color-main);
  color: #fff;
  border-radius: 5px;
  font-weight: bold;
  font-size: 0.75em;
  padding: 0.25em 0.5em;
  margin-left: 0.5em;
}

.leasebackPage .flowBox_text {
  width: 90%;
  margin: 0 auto;
  font-size: clamp(1.4rem, 1.6vw, 1.8rem);
}

.leasebackPage .flowBox_itemList {
  margin: var(--gutter) auto;
}

.leasebackPage .flowBox_item {
  display: flex;
  border-radius: 1rem;
  background: var(--color-main);
  color: #fff;
  position: relative;
  text-align: center;
  font-size: clamp(1.2rem, 1.2vw, 1.6rem);
  font-weight: bold;
  line-height: 1.2;
}

.leasebackPage .flowBox_item::before {
  content: "";
  display: block;
}

.leasebackPage .flowBox_item.step01::before {
  background: url(../img/page/leaseback/flowBox_step01_img.webp) no-repeat center / contain;
}

.leasebackPage .flowBox_item.step02::before {
  background: url(../img/page/leaseback/flowBox_step02_img.webp) no-repeat center / contain;
}

.leasebackPage .flowBox_item.step03::before {
  background: url(../img/page/leaseback/flowBox_step03_img.webp) no-repeat center / contain;
}

.leasebackPage .flowBox_item.step04::before {
  background: url(../img/page/leaseback/flowBox_step04_img.webp) no-repeat center / contain;
}

.leasebackPage .flowBox_item.step05::before {
  background: url(../img/page/leaseback/flowBox_step05_img.webp) no-repeat center / contain;
}

.leasebackPage .flowBox_caution {
  font-size: clamp(11px, 1.2vw, 12px);
}

/*CTA*/
.leasebackPage .sellers_contactBox {
  margin: var(--gutter) auto;
  padding-top: var(--gutter);
  border-top: 1px solid var(--color-gray);
  text-align: center;
}

.leasebackPage .sellers_contactBox_btn {
  border: 2px solid var(--color-main);
  background-color: #fff;
  color: var(--color-main);
  border-radius: 1rem;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 90%;
  max-width: 600px;
  position: relative;
  filter: drop-shadow(0 3px 0 rgba(0, 0, 0, 0.15));
  padding: 1em 0;
}

.leasebackPage .sellers_contactBox_btn_text01 {
  font-size: clamp(1.2rem, 1.6vw, 1.8rem);
}

.leasebackPage .sellers_contactBox_btn_text02 {
  display: block;
  text-align: center;
  font-size: clamp(1.6rem, 4.8vw, 3.2rem);
}

.leasebackPage .sellers_contactBox_btn::after {
  position: absolute;
  content: "";
  display: block;
  background: url(../img/common/icon_arrow_color.svg) no-repeat 0 0 / contain;
  width: 22px;
  height: 20px;
  right: 1.6em;
  top: calc(50%);
  transform: translateY(-50%);
  transition: right 0.3s;
}

@media (any-hover: hover) {
  .leasebackPage .sellers_contactBox_btn:hover {
    background-color: var(--color-main);
    color: #fff;
    opacity: 1;
    filter: none;
    transform: translate(0, 2px);
  }

  .leasebackPage .sellers_contactBox_btn:hover::after {
    background: url(../img/common/icon_arrow.svg) no-repeat 0 0 / contain;
    right: 1em;
  }
}

/*フッター調整*/
.leasebackPage+#footer {
  margin-top: 0;
}

/*==================================================
 reasonPage
 ==================================================*/
.reasonPage .ttlWrap {
  margin-bottom: 0;
}

.reasonPage .introBox {
  padding-top: var(--gutter);
  text-align: center;
  background-image:
    linear-gradient(transparent 50%, var(--color-palepink) 50%),
    repeating-linear-gradient(90deg,
      var(--color-palepink),
      var(--color-palepink) 1px,
      transparent 1px,
      transparent 16px),
    repeating-linear-gradient(0deg,
      var(--color-palepink),
      var(--color-palepink) 1px,
      #fff 1px,
      #fff 16px);

}



.reasonPage .introBox__head::after {
  content: "";
  display: block;
  width: 100%;
  height: clamp(80px, 16vw, 250px);
  background: url(../img/page/reason/introBox_bg.webp) no-repeat center / contain;
  margin-bottom: var(--gutter);
}

.reasonPage .introBox__head__ttl {
  font-size: clamp(1.6rem, 2.4vw, 3.2rem);
  font-weight: bold;
  position: relative;
}

.reasonPage .introBox__head__ttl::before,
.reasonPage .introBox__head__ttl::after {
  content: "";
  display: block;
  position: absolute;
  transform: translateY(50%);
}

.reasonPage .introBox__head__ttl::before {
  background: url(../img/page/reason/introBox_ttl_person01.webp) no-repeat center / contain;
  width: 16%;
  aspect-ratio: 626 / 582;
  bottom: -190%;
  left: -2%;
}

.reasonPage .introBox__head__ttl::after {
  background: url(../img/page/reason/introBox_ttl_person02.webp) no-repeat center / contain;
  width: 14%;
  aspect-ratio: 596 / 684;
  bottom: -160%;
  right: -2%;
}

.reasonPage .introBox__head__ttl__txt01::before,
.reasonPage .introBox__head__ttl__txt01::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 2px;
  height: 1.2em;
  background: var(--color-main);
}

.reasonPage .introBox__head__ttl__txt01::before {
  transform: skew(22deg);
  margin-right: 1em;
}

.reasonPage .introBox__head__ttl__txt01::after {
  transform: skew(-22deg);
  margin-left: 1em;
}

.reasonPage .introBox__head__ttl__txt02 {
  display: inline-block;
  background: var(--color-main);
  border-top: 8px double #fff;
  border-bottom: 8px double #fff;
  color: #fff;
  font-size: 1.3em;
  padding: 0.25em 0.5em;
  margin-top: 0.5em;
  letter-spacing: 0.05em;
}

.reasonPage .introBox__head__ttl__txt02 .font_num {
  font-size: 2em;
  color: var(--color-lightyellow);
}

.reasonPage .introBox__head__txt {
  font-size: clamp(14px, 2vw, 24px);
  text-align: center;
  margin: var(--gutter-narrow) 0 1em;
}

.reasonPage .introBox__itemList {
  position: relative;
}

.reasonPage .introBox__itemList::before {
  content: "";
  width: 100%;
  height: clamp(120px, 20vw, 180px);
  display: block;
  background: url(../img/page/reason/introBox_staff.webp) no-repeat center bottom / contain;
}

.reasonPage .introBox__item {
  margin-bottom: 1em;
  margin-left: 2%;
  background: #fff;
  border: 2px solid var(--color-main);
  border-radius: var(--rad-full);
  font-size: clamp(1.2rem, 3.3vw, 1.6rem);
  transition: 0.3s;
  filter: drop-shadow(0 3px 0 rgba(0, 0, 0, 0.15))
}

.reasonPage .introBox__item a {
  position: relative;
  display: block;
  height: 100%;
}

.reasonPage .introBox__item a::after {
  content: "";
  display: block;
  width: 1em;
  height: 1em;
  border-top: 2px solid var(--color-main);
  border-right: 2px solid var(--color-main);
  position: absolute;
  bottom: 2em;
  right: 50%;
  transform: translateX(50%) rotate(135deg);
}

.reasonPage .introBox__item a:hover::after {
  border-color: #fff;
}

.reasonPage .introBox__item dl {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 0.5em 0.5em 2em;
  font-size: clamp(1.6rem, 2vw, 2rem);
}

.reasonPage .introBox__item dt {
  font-weight: 800;
  color: var(--color-main);
  margin-bottom: 0.5em;
}

.reasonPage .introBox__item dd {
  font-size: 0.9em;
}

.reasonPage .introBox__item:hover {
  background: var(--color-main);
}

.reasonPage .introBox__item a:hover {
  opacity: 1;
}

.reasonPage .introBox__item a:hover dt,
.reasonPage .introBox__item a:hover dd {
  color: #fff;
}

/*セクション共通*/
.reasonPage .reasonBox {
  margin: var(--gutter-wide) auto;
}

/*セクション見出し*/
.reasonPage .reasonBox__ttlWrap {
  border: 2px solid var(--color-main);
  border-top-width: 1rem;
  border-radius: 1rem;
  overflow: hidden;
  padding: var(--gutter-narrow);
  padding-right: 30%;
  position: relative;
  background-image:
    repeating-linear-gradient(90deg,
      var(--color-palegray),
      var(--color-palegray) 1px,
      transparent 1px,
      transparent 16px),
    repeating-linear-gradient(0deg,
      var(--color-palegray),
      var(--color-palegray) 1px,
      #fff 1px,
      #fff 16px);
}

.reasonPage .reasonBox__ttlWrap::before {
  content: "";
  display: block;
  width: 50%;
  height: 100%;
  clip-path: polygon(10% 0, 100% 0, 100% 100%, 0 100%);
  position: absolute;
  top: 0;
  right: 0;
}

.reasonPage .reasonBox01 .reasonBox__ttlWrap::before {
  background: url(../img/page/reason/reason01_ttl_bg.webp) no-repeat left center / cover;
}

.reasonPage .reasonBox02 .reasonBox__ttlWrap::before {
  background: url(../img/page/reason/reason02_ttl_bg.webp) no-repeat center / cover;
}

.reasonPage .reasonBox03 .reasonBox__ttlWrap::before {
  background: url(../img/page/reason/reason03_ttl_bg.webp) no-repeat center top 10% / cover;
}

.reasonPage .reasonBox04 .reasonBox__ttlWrap::before {
  background: url(../img/page/reason/reason04_ttl_bg.webp) no-repeat center top 10% / cover;
}

.reasonPage .reasonBox__ttl {
  margin: var(--gutter) 0;
  font-size: clamp(1.6rem, 3vw, 2.4rem);
  text-shadow: 1px 1px 0 #fff, -1px -1px 0 #fff,
    -1px 1px 0 #fff, 1px -1px 0 #fff,
    1px 0 0 #fff, -1px 0 0 #fff,
    0 1px 0 #fff, 0 -1px 0 #fff;
  position: relative;
  z-index: 2;
}

.reasonPage .reasonBox__no {
  font-family: var(--font-en);
  font-size: clamp(1.6rem, 6vw, 4.8rem);
  font-weight: 800;
  color: var(--color-main);
  line-height: 1;
  padding-top: 3px;
  position: relative;
  margin: 0 auto;
  border-bottom: 2px solid currentColor;
}

.reasonPage .reasonBox__no__num {
  font-weight: 700;
  font-size: 1.5em;
  font-family: var(--font-num);
}

/*ボタン*/
.reasonPage .reasonBox__btn {
  margin-top: var(--gutter);
}

.reasonPage .reasonBox__btn a {
  background: var(--color-main);
  color: #fff;
  font-size: clamp(1.4rem, 3vw, 2rem);
  font-weight: bold;
  border-radius: 1rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 80%;
  max-width: 480px;
  padding: 1em;
  line-height: 1.2;
  min-height: 3.6em;
  margin: 0 auto;
  position: relative;
}

.reasonPage .reasonBox__btn a[target="_blank"] {
  padding-right: 2em;
}

.reasonPage .reasonBox__btn a[target="_blank"]::before {
  content: "";
  display: block;
  width: 14px;
  height: 13px;
  border: 1px solid #fff;
  border-top: none;
  border-right: none;
  position: absolute;
  top: calc(50% + 4px);
  right: 24px;
  transform: translateY(-50%);
}

.reasonPage .reasonBox__btn a[target="_blank"]::after {
  content: "";
  display: block;
  width: 14px;
  height: 13px;
  border: 1px solid #fff;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
}

.reasonPage .reasonBox__btn__subTxt {
  font-size: 0.75em;
}

.reasonPage .reasonBox__ttlWrap+.secTxtBox {
  margin-top: var(--gutter);
}

/*理由01*/
.reasonPage .reasonBox__achievementList {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  position: relative;
  margin: var(--gutter) 0;
}

.reasonPage .reasonBox__achievement {
  width: clamp(150px, 30%, 320px);
  margin: var(--gutter-narrow) 1.5% 0;
  text-align: center;
  position: relative;
}

.reasonPage .reasonBox__achievement dl {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  background: var(--color-main);
  color: #fff;
  font-size: clamp(1.6rem, 2vw, 2rem);
  padding: 1em;
}

.reasonPage .reasonBox__achievement dt {
  display: inline-block;
  border-bottom: 2px solid #fff;
  margin-bottom: 1em;
}

.reasonPage .reasonBox__achievement dd .reasonBox__achievement__num {
  font-size: 1.4em;
}

.reasonPage .reasonBox__achievement dd .font_num {
  font-size: 1.8em;
  color: var(--color-lightyellow);
}

.reasonPage .reasonBox01__count {
  text-align: center;
}

.reasonPage .reasonBox01__count p {
  display: inline-flex;
  flex-wrap: wrap;
  margin: 0 auto;
  padding: 0 1em;
  justify-content: center;
  align-items: center;
  font-size: clamp(2.4rem, 4vw, 4rem);
  font-weight: 800;
  position: relative;
}

.reasonPage .reasonBox01__count p::before,
.reasonPage .reasonBox01__count p::after {
  content: "";
  display: inline-block;
  position: absolute;
  background-image: url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="32.131" viewBox="0 0 16 32.131"><g transform="translate(0 0)"><path d="M16.31,59.341a.921.921,0,0,1-.651-1.572L22.73,50.7a.921.921,0,1,1,1.3,1.3l-7.071,7.07a.917.917,0,0,1-.651.27" transform="translate(-8.304 -27.21)" fill="%23222222"/><path d="M11.734,34.738H.921a.921.921,0,0,1,0-1.842H11.734a.921.921,0,0,1,0,1.842" transform="translate(0 -17.75)" fill="%23222222"/><path d="M23.381,8.915a.916.916,0,0,1-.651-.27L15.657,1.572a.921.921,0,0,1,1.3-1.3l7.074,7.074a.921.921,0,0,1-.651,1.572" transform="translate(-8.302 0)" fill="%23222222"/></g></svg>');
  background-repeat: no-repeat;
  background-size: cover;
  width: 0.8em;
  aspect-ratio: 1 / 2;
  top: 50%;
  transform: translateY(-50%);
}

.reasonPage .reasonBox01__count p::before {
  left: -0.25em;
}

.reasonPage .reasonBox01__count p::after {
  transform: scale(-1, 1) translateY(-50%);
  right: -0.25em;
}

.reasonPage .reasonBox01__count__num .marker_yellow {
  margin: 0 0.25em;
}

.reasonPage .reasonBox01__count__num .font_num {
  font-size: 1.8em;
}

.reasonPage .reasonBox01__bottom {
  margin-top: var(--gutter);
}

.reasonPage .reasonBox01__bottom p {
  background: var(--color-palepink);
  padding: 1em;
  padding-left: clamp(80px, 8vw, 180px);
  border-radius: 1rem;
  position: relative;
}

.reasonPage .reasonBox01__bottom p::after {
  content: "";
  display: block;
  width: clamp(60px, 6vw, 160px);
  aspect-ratio: 200 / 303;
  background: url(../img/page/reason/reason01_staff.webp) no-repeat center bottom / contain;
  position: absolute;
  bottom: 0;
  left: 10px;
}

/*理由2*/
.reasonPage .reasonBox02__subTtl {
  text-align: center;
  font-size: clamp(1.6rem, 3.2vw, 2.4rem);
  font-weight: 800;
  padding-bottom: 0.5em;
  margin: var(--gutter) 0 var(--gutter-narrow);
  position: relative;
}

.reasonPage .reasonBox02__subTtl::after {
  content: "";
  width: 2.5em;
  height: 4px;
  background: var(--color-main);
  border-radius: 2px;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

.reasonBox02 .reins {
  padding-right: clamp(80px, 12vw, 200px);
  position: relative;
}

.reasonPage .reasonBox02 .reins::after {
  content: "";
  display: block;
  width: clamp(80px, 12vw, 200px);
  aspect-ratio: 300 / 68;
  background: url(../img/page/reason/logo_reins.webp) no-repeat center / contain;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

/*理由3*/
.reasonPage .reasonBox03__modelroom__ttl {
  font-size: clamp(1.6rem, 2.5vw, 2.5rem);
  font-weight: 800;
  line-height: 1;
  margin: var(--gutter-wide) 0 var(--gutter);
  background: var(--color-main);
  color: #fff;
  padding: 1em 0 0.75em;
}

.reasonPage .reasonBox03__modelroom__ttl .ttl_txt {
  display: inline-block;
  position: relative;
  margin-bottom: 5px;
}

.reasonPage .reasonBox03__modelroom__ttl .font_en {
  font-size: clamp(32px, 8vw, 56px);
  display: block;
  font-weight: 800;
}

.reasonPage .reasonBox03 .reasonBox__btn {
  margin-bottom: 4%;
}

/*理由4*/
.reasonPage .reasonBox04 {
  background: url(../img/page/reason/reason03_bg.svg) no-repeat center bottom;
  background-size: 100% auto;
  padding-bottom: clamp(60px, 6vw, 100px);
}

.reasonPage .reasonBox04 .reasonBox__img01 {
  margin-bottom: var(--gutter);

}

/*==================================================
flow-salePage
==================================================*/
.flow-salePage .differenceBox .differenceBox__img {
  width: 80%;
  display: block;
  margin: 0 auto var(--gutter-wide);
}

.flow-salePage .differenceBox__subTtl {
  text-align: center;
  font-size: clamp(1.6rem, 3.2vw, 2.4rem);
  font-weight: 800;
  padding-bottom: 0.5em;
  margin: var(--gutter) 0 var(--gutter-narrow);
  position: relative;
}

.flow-salePage .differenceBox__subTtl::after {
  content: "";
  width: 2.5em;
  height: 4px;
  background: var(--color-main);
  border-radius: 2px;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

.flow-salePage .differenceBox__mainText {
  margin-bottom: var(--gutter-narrow);
}

.flow-salePage .differenceBox__list {
  counter-reset: listnum;
  margin-bottom: var(--gutter);
}

.flow-salePage .differenceBox__listItem {
  margin-bottom: var(--gutter-supernarrow);
}

.flow-salePage .differenceBox__listItem__ttl {
  font-size: clamp(1.5rem, 3.2vw, 1.8rem);
  font-weight: bold;
  list-style: 1.3;
}

.flow-salePage .differenceBox__listItem__ttl::before {
  counter-increment: listnum;
  content: counter(listnum) ".";
  padding-right: 10px;
  color: var(--color-main);
  vertical-align: middle;
  font-size: clamp(2.2rem, 3.2vw, 2.4rem);
  font-family: var(--font-en);
  font-weight: bold;
}

.flow-salePage .differenceBox__table {
  width: 100%;
}

.flow-salePage .differenceBox__table tr {
  border-bottom: 3px solid #fff;
}

.flow-salePage .differenceBox__table td,
.flow-salePage .differenceBox__table th {
  padding: 15px 10px;
  vertical-align: middle;
  text-align: center;
}

.flow-salePage .differenceBox__table th.color_main {
  background: var(--color-palepink);
  border-right: 3px solid #fff;
}

.flow-salePage .differenceBox__table td {
  background: var(--color-lightpink);
  border-right: 3px solid #fff;
}

.flow-salePage .differenceBox__table .color_red {
  color: var(--color-red);
}

.flow-salePage .differenceBox__table th.w_10 {
  width: calc(100% - 90%);
}

.flow-salePage .differenceBox__table .bg_main {
  background: var(--color-main);
  color: #fff;
  padding: 10px;
  text-align: center;
  border-right: 3px solid #fff;
  width: calc(90% / 2);
  font-size: clamp(1.8rem, 3.2vw, 2rem);
}

.flow-salePage .differenceBox__table .color_main {
  text-align: center;
}

/* どちらがおすすめ？ */
.flow-salePage .recommendBox__inner {
  display: flex;
  justify-content: center;
  font-size: clamp(1.3rem, 2vw, 1.8rem);
  position: relative;
  margin-bottom: var(--gutter);
}

.flow-salePage .recommendBox__inner::after {
  position: absolute;
  content: "";
  display: block;
  background: url(../img/page/flow-sale/recommendBox__img01.webp) no-repeat 0 0 / contain;
  width: 130px;
  aspect-ratio: 130 / 258;
  right: 0;
  bottom: 0;
}

.flow-salePage .recommendBox__mediation {
  width: min(460px, 50%);
  padding: 0 4% 0 0;
}

.flow-salePage .recommendBox__purhase {
  width: min(460px, 50%);
  padding: 0 0 0 4%;
  border-left: 1px dotted #ccc;
}

.flow-salePage .recommendBox__list {
  display: flex;
  flex-direction: column;
  height: 12em;
  font-weight: bold;
  margin-bottom: var(--gutter);
}

.flow-salePage .recommendBox__mediation .recommendBox__list {
  height: 10.4em;
}

.flow-salePage .recommendBox__item {
  font-size: 1.1em;
  line-height: 1.3;
  margin-bottom: 1em;
  padding-left: 1.3em;
  background: url(../img/page/flow-sale/icon_check.svg) no-repeat top 0.2em left / 1em;
}

.flow-salePage .recommendBox__txt {
  margin-bottom: var(--gutter);
  text-align: center;
  position: relative;
}

.flow-salePage .recommendBox__txt::after {
  content: '';
  position: absolute;
  bottom: -60%;
  left: 50%;
  right: 50%;
  transform: translateX(-50%);
  border-style: solid;
  border-width: 30px 55px 0 55px;
  border-color: var(--color-main) transparent transparent transparent;
  opacity: 0.3;
  z-index: -1;
  transition: filter 0.2s;
}

.flow-salePage .recommendBox__txt span {
  font-weight: bold;
}

.flow-salePage .recommendBox__btn__subtxt {
  text-align: center;
}

.flow-salePage .recommendBox__btn__link {
  display: block;
  text-align: center;
  font-weight: bold;
  font-size: clamp(1.6rem, 2vw, 2rem);
  color: #fff;
  border: 2px solid var(--color-main);
  padding: 26px;
  text-decoration: none;
  border-radius: 1rem;
  position: relative;
  background: var(--color-main);
  line-height: 1;
}

.flow-salePage .recommendBox__btn__link::after {
  position: absolute;
  content: "";
  display: block;
  background: url(../img/common/icon_arrow.svg) no-repeat 0 0 / contain;
  width: 22px;
  aspect-ratio: 22 / 20;
  right: 1em;
  top: calc(50%);
  transform: translateY(-50%);
  transition: right 0.3s;
}

@media (any-hover: hover) {
  .flow-salePage .recommendBox__btn__link:hover {
    opacity: 1;
  }

  .flow-salePage .recommendBox__btn__link:hover::after {
    right: 0.5em;
  }
}

/*==================================================
purchasePage
==================================================*/
.purchasePage .subTtl {
  text-align: center;
  font-size: clamp(1.6rem, 3.2vw, 2.4rem);
  font-weight: 800;
  padding-bottom: 0.5em;
  margin: var(--gutter) 0 var(--gutter-narrow);
  position: relative;
}

.purchasePage .subTtl::after {
  content: "";
  width: 2.5em;
  height: 4px;
  background: var(--color-main);
  border-radius: 2px;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

/* 買取とは？ */
.purchasePage .aboutBox__img {
  width: 80%;
  display: block;
  margin: var(--gutter) auto var(--gutter-supernarrow);
}

.purchasePage .aboutBox__link a {
  color: var(--color-main);
  text-decoration: underline;
}

.purchasePage .recommendWrap {
  display: flex;
  justify-content: space-around;
  align-items: center;
  padding: 0 5rem;
}

.purchasePage .aboutBox__recommend .recommendItem {
  display:flex;
  margin-bottom: 3px;
  font-size: clamp(1.55rem, 2vw, 1.8rem);
}

.purchasePage .aboutBox__recommend .recommendItem::before {
  content: '●';
  color: var(--color-main);
  font-size: 1rem;
  margin-right: 5px;
  padding-top: 7px;
}

.purchasePage .recommendWrap__img {
  max-width: 260px;
  aspect-ratio: 260 / 231;
}

/* 買取の特徴まとめ */
.purchasePage .featuresBox__list {
  width: 100%;
}

.purchasePage .featuresBox__listItem th {
  background: var(--color-main);
  padding: 10px;
  color: #fff;
  border-bottom: 3px solid #fff;
}

.purchasePage .featuresBox__listItem td {
  background: var(--color-lightpink);
  padding: 10px;
  border-bottom: 3px solid #fff;
  vertical-align: middle;
}

.purchasePage .featuresBox__listItem th:first-of-type,
.purchasePage .featuresBox__listItem td:first-of-type {
  border-right: 3px solid #fff;
}

/* 買取のメリット */
.purchasePage .meritBox__introList {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.purchasePage .meritBox__introListItem {
  width: 22%;
  margin: 0 1% 30px;
  border-radius: 1rem;
  background: #fff;
  border: 2px solid var(--color-main);
  text-align: center;
  font-weight: bold;
  position: relative;
}

.purchasePage .meritBox__introListItem a {
  padding: 10px 15px 30px;
  position: relative;
  display: block;
}

.purchasePage .meritBox__introListItem a::after {
  content: "";
  display: block;
  width: 1em;
  height: 1em;
  border-top: 2px solid var(--color-main);
  border-right: 2px solid var(--color-main);
  position: absolute;
  bottom: 0.8em;
  right: 50%;
  transform: translateX(50%) rotate(135deg);
  transition: 0.3s;
}

.purchasePage .meritBox__introListItem a:hover {
  opacity: 1;
}

.purchasePage .meritBox__introListItem a:hover::after {
  bottom: 0.4em;
}

.purchasePage .meritBox__introListItem:last-of-type a {
  pointer-events: none;
}

.purchasePage .meritBox__introListItem:last-of-type a::after {
  display: none;
}

.purchasePage .meritBox__introListItem h3 {
  font-size: clamp(1.8rem, 4.2vw, 2rem);
  line-height: 1.3;
  height: 120px;
}

.purchasePage .meritBox__introList__num {
  color: var(--color-main);
  font-size: clamp(3.4rem, 5vw, 4rem);
  display: block;
}

.purchasePage .meritBox__introList__img img {
  max-height: 140px;
}

.purchasePage .meritBox__item {
  border-top-width: 1rem;
  border-radius: 1rem;
  margin-bottom: 1em;
}

.purchasePage .meritBox__ttl {
  font-weight: 600;
  line-height: 1.2;
  position: relative;
  margin: 0 auto 0.5em;
  font-size: clamp(1.6rem, 5.5vw, 3.5rem);
}

.purchasePage .meritBox__ttl__no {
  color: var(--color-main);
  font-family: var(--font-en);
  font-weight: 800;
  border-bottom: 2px solid currentColor;
  font-size: clamp(1.6rem, 6vw, 4.8rem);
  margin-right: .5em;
}

.purchasePage .meritBox__img {
  margin: 2em auto;
}

.purchasePage .meritBox__ttl__num {
  font-weight: 700;
  font-size: 1.5em;
  font-family: var(--font-num);
}

.purchasePage .meritBox__txt {
  line-height: 1.8;
}

.purchasePage .meritBox__btn__link {
  display: block;
  text-align: center;
  font-weight: bold;
  font-size: clamp(1.6rem, 2vw, 2rem);
  color: #fff;
  border: 2px solid var(--color-main);
  padding: 26px;
  text-decoration: none;
  border-radius: 1rem;
  position: relative;
  background: var(--color-main);
  line-height: 1;
  width: 400px;
}

.purchasePage .meritBox__btn__link::after {
  position: absolute;
  content: "";
  display: block;
  background: url(../img/common/icon_arrow.svg) no-repeat 0 0 / contain;
  width: 22px;
  aspect-ratio: 22 / 20;
  right: 1em;
  top: calc(50%);
  transform: translateY(-50%);
  transition: right 0.3s;
}

@media (any-hover: hover) {
  .purchasePage .meritBox__btn__link:hover {
    opacity: 1;
  }
  .purchasePage .meritBox__btn__link:hover::after {
    right: 0.5em;
  }
}

/*==================================================
mediationPage
==================================================*/
.mediationPage .subTtl {
  text-align: center;
  font-size: clamp(1.6rem, 3.2vw, 2.4rem);
  font-weight: 800;
  padding-bottom: 0.5em;
  margin: var(--gutter) 0 var(--gutter-narrow);
  position: relative;
}

.mediationPage .subTtl::after {
  content: "";
  width: 2.5em;
  height: 4px;
  background: var(--color-main);
  border-radius: 2px;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

/* 仲介とは？ */
.mediationPage .aboutBox__img {
  width: 80%;
  display: block;
  margin: var(--gutter) auto var(--gutter-supernarrow);
}

.mediationPage .aboutBox__link a {
  color: var(--color-main);
  text-decoration: underline;
}

.mediationPage .recommendWrap {
  display: flex;
  justify-content: center;
  gap: 5%;
  align-items: center;
  padding: 0 5rem;
}

.mediationPage .aboutBox__recommend .recommendItem {
  display:flex;
  margin-bottom: 3px;
  font-size: clamp(1.55rem, 2vw, 1.8rem);
}

.mediationPage .aboutBox__recommend .recommendItem::before {
  content: '●';
  color: var(--color-main);
  font-size: 1rem;
  margin-right: 5px;
  padding-top: 7px;
}

.mediationPage .recommendWrap__img {
  max-width: 130px;
  aspect-ratio: 130 / 230;
}

/* 仲介の特徴まとめ */
.mediationPage .featuresBox__list {
  width: 100%;
}

.mediationPage .featuresBox__listItem th {
  background: var(--color-main);
  padding: 10px;
  color: #fff;
  border-bottom: 3px solid #fff;
}

.mediationPage .featuresBox__listItem td {
  background: var(--color-lightpink);
  padding: 10px;
  border-bottom: 3px solid #fff;
  vertical-align: middle;
}

.mediationPage .featuresBox__listItem th:first-of-type,
.mediationPage .featuresBox__listItem td:first-of-type {
  border-right: 3px solid #fff;
}

/* 3つの媒介契約について */
.mediationPage .contractBox__tableBox {
  margin-top: 1em;
  display: flex;
  justify-content: space-between;
}

.mediationPage .contractBox__table {
  width: 85%;
}

.mediationPage .contractBox__tableBox .contractBox__item01 th {
  text-align: center;
  padding: 10px;
  width: calc(100% / 3);
}

.mediationPage .contractBox__tableBox .contractBox__item02 td,
.mediationPage .contractBox__tableBox .contractBox__item03 td {
  padding: 10px;
}

.mediationPage .contractBox__tableBox th,
.mediationPage .contractBox__tableBox td {
  border-right: 3px solid #fff;
  border-bottom: 3px solid #fff;
}

.mediationPage .contractBox__tableBox th:last-of-type,
.mediationPage .contractBox__tableBox td:last-of-type {
  border-right: none;
}

.mediationPage .contractBox__tableBox .contractBox__item03 td p {
  position: relative;
  padding-left: 2.2em;
}

.mediationPage .contractBox__tableBox .contractBox__item03 td p::before {
  position: absolute;
  content: "";
  display: block;
  background: url(../img/page/mediation/icon_contractBox.webp) no-repeat left / contain;
  width: 26px;
  aspect-ratio: 26 / 47;
  left: 0;
  top: 3px;
}

.mediationPage .contractBox__tableBox .contractBox__item01 th:first-of-type {
  background: var(--color-main);
  color: #fff;
}

.mediationPage .contractBox__tableBox .contractBox__item02 td:first-of-type {
  background: var(--color-palepink);
}

.mediationPage .contractBox__tableBox .contractBox__item03 td:first-of-type {
  background: var(--color-lightpink);
  outline: 3px solid var(--color-main);
  outline-offset: -4px;
}

.mediationPage .contractBox__tableBox .contractBox__item01 th:nth-of-type(2) {
  background: var(--color-yellow);
}

.mediationPage .contractBox__tableBox .contractBox__item02 td:nth-of-type(2) {
  background: var(--color-lightyellow);
}

.mediationPage .contractBox__tableBox .contractBox__item03 td:nth-of-type(2) {
  background: var(--color-paleyellow);
  outline: 3px solid var(--color-yellow);
  outline-offset: -4px;
}

.mediationPage .contractBox__tableBox .contractBox__item01 th:nth-of-type(3) {
  background: var(--color-ygreen);
}

.mediationPage .contractBox__tableBox .contractBox__item02 td:nth-of-type(3) {
  background: var(--color-lightgreen);
}

.mediationPage .contractBox__tableBox .contractBox__item03 td:nth-of-type(3) {
  background: var(--color-palegreen);
  outline: 3px solid var(--color-green);
  outline-offset: -4px;
}

.mediationPage .contractBox__img {
  width: 130px;
  aspect-ratio: 130 / 160;
}

/* 媒介契約の違い */
.mediationPage .differenceBox__table {
  width: 100%;
  margin-bottom: 1em;
}

.mediationPage .differenceBox__table th,
.mediationPage .differenceBox__table td {
  padding: 10px;
  border-right: 3px solid #fff;
  border-bottom: 3px solid #fff;
  text-align: center;
  vertical-align: middle;
}

.mediationPage .differenceBox__thead th {
  width: calc(100% / 4);
}

.mediationPage .differenceBox__thead th.col02 {
  background: var(--color-yellow);
}

.mediationPage .differenceBox__thead th.col03 {
  background: var(--color-green);
}

.mediationPage .differenceBox__thead th.col04 {
  background: var(--color-pink);
}

.mediationPage .differenceBox__table .col01 {
  background: var(--color-main);
  color: #fff;
}

.mediationPage .differenceBox__table td.col02 {
  background: var(--color-paleyellow);
}

.mediationPage .differenceBox__table td.col03 {
  background: var(--color-palegreen);
}

.mediationPage .differenceBox__table td.col04 {
  background: var(--color-palepink);
}

.mediationPage .differenceBox__item05 td,
.mediationPage .differenceBox__item06 td {
  background: var(--color-paleorange);
}

.differenceBox__item01 .loog_reins {
  width: 120px;
  margin-bottom: 0.3em;
}

.differenceBox__txtBox p {
  line-height: 1.8;
}



/*==================================================
  PC ONLY SETTINGS : Min1200px
==================================================*/
@media print,
screen and (min-width: 1200px) {}


/*==================================================
PC/TABLET SETTINGS : Min768px
==================================================*/
@media print,
screen and (min-width: 768px) {

  /*==================================================
  leasebackPage
  ==================================================*/

  /*選ばれる理由*/
  .leasebackPage .reasonBox_itemList li {
    width: 22%;
    margin: 0 1% 30px;
    padding: 5% 0.5em;
  }

  /*お困りではありませんか？*/
  .leasebackPage .worriesBox_itemList {
    width: 80%;
  }

  .leasebackPage .worriesBox_itemList li {
    width: 30%;
    margin: 50px 1%;
    padding: 1em;
  }

  .leasebackPage .worriesBox_bottom {
    width: 80%;
  }

  /*リースバックとは*/
  .leasebackPage .aboutBox_bottom {
    width: 80%;
    margin: 0 auto;
  }

  .leasebackPage .aboutBox_imageList {
    margin: var(--gutter) auto;
    display: flex;
    justify-content: center;
  }

  .leasebackPage .aboutBox_imageList li {
    width: 45%
  }

  .leasebackPage .aboutBox_imageList li:first-of-type {
    position: relative;
    margin-right: 60px;
  }

  .leasebackPage .aboutBox_imageList li:first-of-type::before {
    content: "";
    display: block;
    width: 20px;
    height: 60px;
    background: var(--color-gray);
    clip-path: polygon(0 0, 0 100%, 100% 50%);
    position: absolute;
    top: 50%;
    right: -40px;
    transform: translateY(-50%);
  }

  /*契約までの流れ*/
  .leasebackPage .flowBox_itemList {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
  }

  .leasebackPage .flowBox_item {
    width: calc(20% - 30px);
    aspect-ratio: 1;
    padding-top: 3%;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
  }

  .leasebackPage .flowBox_item:not(:last-child)::after {
    content: "";
    width: 20px;
    height: 60px;
    background: var(--color-pink);
    clip-path: polygon(0 0, 0 100%, 100% 50%);
    position: absolute;
    top: 50%;
    right: -30px;
    transform: translateY(-50%);
  }

  .leasebackPage .flowBox_item::before {
    width: 40%;
    aspect-ratio: 1;
    margin: 0 auto 0.5em;
  }

  .leasebackPage .flowBox_item_text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 3.5em;
  }

  /*==================================================
  reasonPage
  ==================================================*/

  /*2カラム*/
  .reasonPage .reasonBox__inner__col2 {
    display: flex;
  }

  .reasonPage .introBox__itemList {
    display: flex;
    justify-content: center;
    align-items: flex-end;
  }

  .reasonPage .introBox__item {
    width: 24%;
    max-width: 240px;
    aspect-ratio: 1;
    margin-left: 2%;
  }

  .reasonPage .introBox__itemList::before {
    width: 20%;
  }

  /*理由2*/
  .reasonPage .reasonBox02 .reasonBox__inner__col2 {
    align-items: center;
  }

  .reasonPage .reasonBox02 .reasonBox__inner__col2 .reasonBox__img {
    width: 60%;
    max-width: 600px;
    margin-left: 2%;
  }

  .reasonPage .reasonBox02 .reasonBox__inner__col2 .secTxtBox__txt {
    margin-left: 0;
  }

  /*==================================================
  flow-salePage
  ==================================================*/
  .flow-salePage .differenceBox__table th.w_10 {
    width: calc(100% - 85%);
  }

  .flow-salePage .recommendBox__inner::after {
    width: 11%;
  }

  /*==================================================
  mediationPage
  ==================================================*/
  .mediationPage .contractBox__img {
    position: relative;
  }

  .mediationPage .contractBox__img img {
    position: absolute;
    bottom: 0;
  }
}

/*==================================================
TABLET SETTINGS : Max1200px Min767px
==================================================*/
@media print,
screen and (max-width: 1200px) and (min-width: 767px) {}



/*==================================================
  SP SETTINGS : Max767px
==================================================*/
@media screen and (max-width: 767px) {

  /*==================================================
   スマホ版 固定ページ共通
   ==================================================*/
  /*****mainTtl*****/
  .reasonPage .ttlWrap,
  .mediationPage .ttlWrap,
  .purchasePage .ttlWrap,
  .purchase-pointPage .ttlWrap,
  .inheritPage .ttlWrap,
  .flow-salePage .ttlWrap,
  .divorcePage .ttlWrap,
  .relocationPage .ttlWrap {
    padding: 8% 0 5%;
  }

  /*****introduction*****/
  .introBox__txt {
    text-align: left;
  }

  /*==================================================
  leasebackPage
  ==================================================*/

  /*選ばれる理由*/
  .leasebackPage .reasonBox_itemList li {
    width: 46%;
    margin: 0 1% 1em;
    padding: 0.5em;
  }

  .leasebackPage .reasonBox_itemList li.reasonBox_item_no1 {
    width: 75%;
    padding-right: 10%;
  }

  .leasebackPage .reasonBox_itemList li.reasonBox_item_no1 .reasonBox_item_sub {
    top: 50%;
    right: -4vw;
    transform: translateY(-50%);
  }

  /*お困りではありませんか？*/
  .leasebackPage .worriesBox_itemList li {
    width: 46%;
    margin: 20px 1%;
    padding: 5px 5px 10px;
  }

  .leasebackPage .worriesBox_itemList li::before {
    height: 20px;
    top: -20px;
  }

  /*リースバックとは*/
  .leasebackPage .aboutBox_imageList li:first-of-type {
    position: relative;
    margin-bottom: 60px;
  }

  .leasebackPage .aboutBox_imageList li:first-of-type::before {
    content: "";
    display: block;
    width: 60px;
    height: 20px;
    background: var(--color-gray);
    clip-path: polygon(0 0, 50% 100%, 100% 0);
    position: absolute;
    left: 50%;
    bottom: -40px;
    transform: translateX(-50%);
  }

  /*契約までの流れ*/
  .leasebackPage .flowBox_itemList {
    width: 90%;
    max-width: 540px;
  }

  .leasebackPage .flowBox_item {
    padding: 1em;
    justify-content: center;
    align-items: center;
  }

  .leasebackPage .flowBox_item:not(:last-child) {
    margin-bottom: 30px;
  }

  .leasebackPage .flowBox_item:not(:last-child)::after {
    content: "";
    width: 48px;
    height: 12px;
    background: var(--color-pink);
    clip-path: polygon(0 0, 50% 100%, 100% 0);
    position: absolute;
    left: 50%;
    bottom: -24px;
    transform: translateX(-50%);
  }


  .leasebackPage .flowBox_item::before {
    width: 40px;
    aspect-ratio: 1;
    margin-right: 1em;
  }

  .leasebackPage .flowBox_item_text {
    display: inline-block;
    text-align: center;
  }

  /*CTA*/
  .leasebackPage .sellers_contactBox_btn {
    padding-right: 1em;
  }

  .leasebackPage .sellers_contactBox_btn::after {
    right: 1em;
  }


  /*==================================================
    reasonPage
  ==================================================*/

  .reasonPage .introBox__head__ttl::before {
    width: 20%;
    bottom: calc(-1 * clamp(150px, 10vw, 200px));
  }

  .reasonPage .introBox__head__ttl::after {
    width: 18%;
    aspect-ratio: 596 / 684;
    bottom: calc(-1 * clamp(150px, 10vw, 200px));
  }

  .reasonPage .introBox__itemList {
    padding-bottom: 5px;
  }

  .reasonPage .introBox__item {
    max-width: 480px;
    margin: -0.5em auto var(--gutter-narrow);
  }

  .reasonPage .introBox__item a::after {
    top: 50%;
    right: 1em;
    bottom: auto;
    transform: translateY(-50%) rotate(45deg);
  }

  .reasonPage .introBox__item dl {
    padding-bottom: 0.5em;
  }

  /*理由01*/
  .reasonPage .reasonBox__achievementList {
    flex-direction: column;
  }

  .reasonPage .reasonBox__achievement {
    width: 80%;
    max-width: 320px;
    margin: var(--gutter-narrow) auto 0;
  }

  .reasonPage .reasonBox01__count p {
    flex-direction: column;
  }

  /*理由2*/
  .reasonBox02 .reins {
    padding: 60px 0 0;
  }

  .reasonPage .reasonBox02 .reins::after {
    width: auto;
    height: 50px;
    top: 0;
    right: auto;
    left: 50%;
    transform: translateX(-50%);
  }

  /*==================================================
  flow-salePage
  ==================================================*/
  .flow-salePage .differenceBox .differenceBox__img {
    width: 100%;
  }

  .flow-salePage .differenceBox__table td {
    text-align: left;
    padding: 10px;
  }

  .flow-salePage .recommendBox__inner {
    display: block;
  }

  .flow-salePage .recommendBox__mediation {
    width: 100%;
    margin-bottom: var(--gutter);
    padding: 0;
  }

  .flow-salePage .recommendBox__mediation .recommendBox__list {
    height: auto;
    margin-bottom: var(--gutter-supernarrow)
  }

  .flow-salePage .recommendBox__purhase {
    width: 100%;
    border: none;
    padding: 0;
  }

  .flow-salePage .recommendBox__txt::after {
    border-width: 20px 40px 0 40px;
  }

  .flow-salePage .recommendBox__inner::after {
    top: -100px;
    bottom: unset;
    width: 70px;
  }

  .flow-salePage .recommendBox__btn__link {
    padding: 15px;
    margin-top: var(--gutter-supernarrow);
  }

  /*==================================================
  purchasePage
  ==================================================*/
  .purchasePage .aboutBox__img {
    width: 100%;
  }

  .purchasePage .recommendWrap {
    display: block;
    padding: 0;
    position: relative;
    padding-bottom: 160px;
  }

  .purchasePage .recommendWrap__img {
    max-width: 180px;
    position: absolute;
    right: 0;
  }

  .purchasePage .featuresBox__listItem th:first-of-type {
    width: 30%;
  }

  .purchasePage .featuresBox__listItem th {
    text-align: center;
    vertical-align: middle;
  }

  /* メリット */
  .purchasePage .meritBox__introListItem {
    width: 49%;
    margin: 0 2% .5em 0;
  }

  .purchasePage .meritBox__introListItem:nth-of-type(even) {
    margin-right: 0;
  }

  .purchasePage .meritBox__ttl {
    margin-bottom: 0.7em;
  }

  .purchasePage .meritBox__ttl__no{
    display: inline-block;
    margin-bottom: 0.3em;
  }

  .purchasePage .meritBox__btn__link {
    width: 100%;
  }

  /*==================================================
  mediationPage
  ==================================================*/
  .mediationPage .recommendWrap {
    padding: 0;
    position: relative;
    justify-content: space-between;
    padding-bottom: 20px;
  }

  .mediationPage .recommendWrap__img {
    max-width: 70px;
    position: absolute;
    right: 0;
    margin-top: 1em;
    bottom: -2.1em;
  }

  .mediationPage .featuresBox__listItem th {
    text-align: center;
    vertical-align: middle;
  }

  .mediationPage .featuresBox__listItem th:first-of-type {
    width: 30%;
  }

  .mediationPage .contractBox__SpCaption {
    font-size: 1.4rem;
    color: var(--color-red);
    margin-top: 0.5em;
  }

  .mediationPage .contractBox__tableBox {
    display: block;
    overflow-x: scroll;
    margin-top: 0.5em;
  }

  .mediationPage .contractBox__table {
    width: 850px;
  }

  .mediationPage .contractBox__img {
    display: none;
  }

  .mediationPage .differenceBox__SpCaption {
    font-size: 1.4rem;
    color: var(--color-red);
    margin-top: 0.5em;
  }

  .mediationPage .differenceBox__tableBox {
    overflow-x: scroll;
    margin-top: 0.5em;
  }

  .mediationPage .differenceBox__table {
    width: 1000px;
  }
}