@charset "UTF-8";
/*==========================================
変数 inc.scss
===========================================*/
/*==========================================
変数 fonts.scss
===========================================*/
/*===================================
userSS 追加
=====================================*/
/*==========================================
 header
===========================================*/
#header {
  background: #fff; }

/*==========================================
 footer
===========================================*/
#footer {
  margin-top: clamp(80px, 15vw, 150px); }

/*==========================================
 ESTATE BTN
===========================================*/
.estate-selectBtn-blockR {
  position: relative;
  z-index: 1;
  width: 100%;
  background: #fff;
  display: flex;
  justify-content: space-between;
  font-size: clamp(2rem, 2.6vw, 3.6rem); }
  .estate-selectBtn-blockR .estate-btn {
    text-align: center;
    width: calc(100% - 0.5px);
    position: relative; }
    .estate-selectBtn-blockR .estate-btn:nth-of-type(1)::after {
      content: "";
      display: block;
      background: var(--text-primary);
      width: 1px;
      height: calc(100% - clamp(10px,2vw,20px));
      position: absolute;
      right: -1px;
      top: clamp(5px, 1vw, 10px); }
    .estate-selectBtn-blockR .estate-btn a {
      display: block;
      padding: 1.5em 0; }
      @media (hover: hover) {
        .estate-selectBtn-blockR .estate-btn a:hover {
          background: var(--brand-primary);
          color: #fff; }
          .estate-selectBtn-blockR .estate-btn a:hover .btn-moreR .btn-mainUnit {
            background: #fff;
            border-color: #fff;
            color: var(--brand-primary); }
            .estate-selectBtn-blockR .estate-btn a:hover .btn-moreR .btn-mainUnit .arw svg {
              transform: rotateX(360deg); }
              .estate-selectBtn-blockR .estate-btn a:hover .btn-moreR .btn-mainUnit .arw svg polygon {
                fill: var(--brand-primary); } }
      @media screen and (max-width: 767px) {
        .estate-selectBtn-blockR .estate-btn a {
          padding: 0.8em 0; } }
    .estate-selectBtn-blockR .estate-btn .btn-ttl {
      letter-spacing: 0.3em;
      margin-bottom: 0.8em; }
      @media screen and (max-width: 767px) {
        .estate-selectBtn-blockR .estate-btn .btn-ttl {
          margin-bottom: 0.2em; } }
      .estate-selectBtn-blockR .estate-btn .btn-ttl .sml {
        display: block;
        font-size: clamp(1.4rem, 2vw, 2.4rem); }
    @media screen and (max-width: 767px) {
      .estate-selectBtn-blockR .estate-btn .btn-moreR {
        font-size: clamp(1rem, 1.4vw, 1.4rem); } }
    @media screen and (max-width: 767px) {
      .estate-selectBtn-blockR .estate-btn .btn-moreR .btn-mainUnit {
        width: 50%; } }
    @media screen and (max-width: 767px) {
      .estate-selectBtn-blockR .estate-btn .btn-moreR .btn-mainUnit .arw {
        width: clamp(10px, 1.5vw, 15px); } }

/*==========================================
 フォーム/404 SIMPLE STYLE
===========================================*/
.header_simple {
  background: var(--brand-primary);
  color: #fff;
  padding: clamp(20px, 4vw, 40px) 4%; }
  .header_simple .header-ttl {
    font-family: "Noto Sans JP", "游ゴシック体", "Yu Gothic", YuGothic, sans-serif;
    font-size: clamp(1.6rem, 2vw, 3.6rem);
    line-height: 1.2; }
    .header_simple .header-ttl a {
      color: #fff;
      display: flex;
      align-items: flex-end;
      width: fit-content; }
      @media screen and (max-width: 960px) {
        .header_simple .header-ttl a {
          justify-content: flex-start;
          margin: 0; } }
    .header_simple .header-ttl .ttl-logo {
      width: clamp(180px, 20vw, 250px);
      aspect-ratio: 250/45;
      font-size: 0;
      background: url("../img/common/logo-wht.svg") no-repeat center/contain; }
    .header_simple .header-ttl .ttl-area {
      font-weight: bold;
      letter-spacing: 0.2em;
      margin-left: 0.5em; }

.footer_simple {
  background: var(--brand-primary);
  color: #fff;
  padding: clamp(40px, 10vw, 100px) 0 1em; }
  .footer_simple .footer-logo {
    display: flex;
    justify-content: center;
    align-items: center; }
    .footer_simple .footer-logo li {
      padding: 0 4%; }
      .footer_simple .footer-logo li:not(:last-child) {
        margin-right: 4%; }
  .footer_simple .footer-copy {
    margin-top: clamp(40px, 10vw, 100px);
    font-family: "Noto Sans JP", "游ゴシック体", "Yu Gothic", YuGothic, sans-serif;
    font-size: clamp(1rem, 1.4vw, 1.4rem);
    letter-spacing: 0.1em;
    text-align: center; }
    .footer_simple .footer-copy a {
      color: #fff; }
      .footer_simple .footer-copy a::after {
        background: #fff; }

.simpleS {
  background: var(--brand-primary);
  padding: 0 4%;
  overflow-y: clip; }
  .simpleS .simpleS-inner {
    background: #fff;
    position: relative;
    padding: 0 0 clamp(80px, 15vw, 150px); }
  .simpleS .thanks-deco {
    text-align: center;
    margin: 0 auto clamp(60px, 15vw, 150px);
    position: relative;
    color: var(--brand-primary);
    padding: 0.8em 0 0;
    font-size: clamp(1.4rem, 2.2vw, 2.7rem); }
    .simpleS .thanks-deco::before {
      content: "";
      border: 1px solid var(--brand-primary);
      border-top: none;
      border-radius: 100vmax;
      width: clamp(148px, 20vw, 248px);
      aspect-ratio: 1/1;
      position: absolute;
      top: calc(0px - clamp(74px,10vw,124px));
      left: calc(50% - clamp(74px,10vw,124px)); }
  .simpleS .notfound-deco {
    font-size: min(19vw, 195px);
    text-align: center;
    color: var(--brand-primary);
    line-height: 0.7;
    margin-bottom: 0.3em; }
  .simpleS .simpleS_ttlBlock {
    text-align: center;
    font-size: clamp(1.8rem, 2.4vw, 2.4rem);
    font-weight: 500; }
    .simpleS .simpleS_ttlBlock .ttl-en {
      font-size: clamp(3rem, 8vw, 110px);
      line-height: 1.2; }
    .simpleS .simpleS_ttlBlock .ttl-ja {
      margin-top: 0.5em;
      font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; }
  .simpleS .ilst-ojigi {
    max-width: 104px;
    width: 27%;
    margin: 35px auto 50px; }
  .simpleS .simpleS_txtBlock {
    font-size: clamp(1.6rem, 1.8vw, 1.8rem);
    letter-spacing: 0.13em;
    line-height: 2; }
    @media screen and (max-width: 576px) {
      .simpleS .simpleS_txtBlock {
        letter-spacing: 0.05em; } }
    .simpleS .simpleS_txtBlock p:not(:last-child) {
      margin-bottom: 3em; }

/*========================================================
 不動産の売却には大きく分けて「仲介」と「買取」の2種類があります
=========================================================*/
.sale-typeBlock {
  display: flex;
  justify-content: space-between; }
  @media screen and (max-width: 767px) {
    .sale-typeBlock {
      flex-direction: column; } }
  .sale-typeBlock .block-item {
    width: 48%;
    display: flex;
    flex-direction: column;
    justify-content: space-between; }
    @media screen and (max-width: 767px) {
      .sale-typeBlock .block-item {
        width: 100%;
        display: block; }
        .sale-typeBlock .block-item:nth-of-type(n+2) {
          margin-top: 40px; } }
    .sale-typeBlock .block-item .item-main {
      flex-grow: 1; }
    .sale-typeBlock .block-item .item-ttl {
      background: var(--brand-primary);
      color: #fff;
      font-size: clamp(1.8rem, 2.4vw, 2.4rem);
      font-weight: 500;
      text-align: center;
      margin-bottom: 25px;
      padding: 0.3em 0; }
    .sale-typeBlock .block-item .item-img {
      text-align: center;
      width: 100%;
      margin: 0 auto; }
      .sale-typeBlock .block-item .item-img img {
        width: 100%;
        object-fit: scale-down;
        aspect-ratio: 3.1979695431; }
      .sale-typeBlock .block-item .item-img svg {
        max-width: 100%;
        width: 100%; }
    .sale-typeBlock .block-item .item-txt {
      margin-top: 25px;
      text-align: center; }
      .sale-typeBlock .block-item .item-txt p:not(:last-child) {
        margin-bottom: 1em; }
      .sale-typeBlock .block-item .item-txt .sml {
        font-size: 1.4rem; }
    .sale-typeBlock .block-item .item-recommend {
      margin-top: clamp(50px, 10vw, 100px);
      position: relative;
      background: var(--brand-primaryL);
      font-family: "Noto Sans JP", "游ゴシック体", "Yu Gothic", YuGothic, sans-serif;
      font-size: clamp(1.4rem, 1.8vw, 1.8rem);
      padding: clamp(20px, 4vw, 40px) 1em;
      position: relative; }
      .sale-typeBlock .block-item .item-recommend::before {
        content: "";
        position: absolute;
        display: block;
        clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
        background: var(--brand-primaryL);
        width: clamp(26px, 4vw, 45px);
        height: clamp(40px, 7vw, 70px);
        top: calc(0px - clamp(30px,6vw,60px));
        left: calc(50% - clamp(13px,2vw,22.5px)); }
      @media screen and (max-width: 1200px) {
        .sale-typeBlock .block-item .item-recommend {
          min-height: clamp(250px, 30vw, 350px); } }
      @media screen and (max-width: 960px) {
        .sale-typeBlock .block-item .item-recommend {
          min-height: clamp(230px, 28vw, 270px); } }
      @media screen and (max-width: 767px) {
        .sale-typeBlock .block-item .item-recommend {
          min-height: inherit; } }
      .sale-typeBlock .block-item .item-recommend .recm-ttl {
        text-align: center;
        font-size: clamp(1.8rem, 2vw, 2.2rem); }
        .sale-typeBlock .block-item .item-recommend .recm-ttl .lrg {
          font-size: clamp(2.4rem, 3vw, 4rem);
          border-bottom: 1px solid var(--text-primary); }
      .sale-typeBlock .block-item .item-recommend .recm-list {
        width: fit-content;
        margin: 1.2em auto 0;
        letter-spacing: 0.05em; }
        .sale-typeBlock .block-item .item-recommend .recm-list li {
          position: relative;
          padding: 0 0 0 1em; }
          .sale-typeBlock .block-item .item-recommend .recm-list li::before {
            content: "・";
            position: absolute;
            top: 0;
            left: 0; }
    .sale-typeBlock .block-item.item-agency .item-img {
      max-width: 630px; }
    .sale-typeBlock .block-item.item-sale .item-img {
      max-width: 453px; }

/*# sourceMappingURL=common_inner.css.map */