@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

.l-content {
    margin: 0 auto!important;
    padding-top: 0!important;
}

/*header*/
#header .l-container{
    padding-left: 0!important;
    padding-left: 0!important;
}
.c-gnav > .menu-item {
  display: flex;
  align-items: center;
  width: 100%;
}
.c-gnav > .menu-item > a{
    width: 100%;
}
.c-gnav > .menu-item > a .ttl {
  display: none !important;
}
.c-gnav > .menu-item > a:after {
  position: absolute;
  content: "";
  background-image: url("/wp-content/uploads/2025/07/header-button.png") !important;
  background-position: center;
  background-size: cover;
  object-fit: cover;
  width: 240px;
  height: 56px;
  top: 50%;
  transform: translateY(-50%);
  right: 0!important;
}

.c-gnav > .menu-item {
  position: relative;
}
    .-series-right .c-gnavWrap {
        margin-right: 18%!important;
    }
@media (max-width: 1100px) {
    .-series-right .c-gnavWrap {
        margin-right: 22%!important;
    }
}
.OnlySp{
    display: none;
}
.OnlySp2{
    display: none;
}
@media (max-width: 1070px) {
    .OnlySp2{
        display: block;
    }
}

@media (max-width: 767px) {
    .OnlySp{
        display: block;
    }
    .OnlyPC{
        display: none;
    }
}
/*======= メインビジュアル =========*/
.image-wrapper {
  position: relative;
  width: 100%;
  aspect-ratio: 72 / 35; /* 画像と同じ比率 */
  overflow: hidden;
}

.image-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.cta-button {
  position: absolute;
  left: 20%;  /* 画像内の「位置」に合わせて調整 */
  top: 75%;
  transform: translate(-50%, -50%);
  border: none;
  cursor: pointer;
  width: 20vw;               /* 画面幅の20% */
  aspect-ratio: 39 / 8;      /* 比率を保つ */
  height: auto;              /* 明示的に書かなくてもOK */
    display: inline-block;
      padding: 0;                /* 念のため */
  background: none;          /* 念のため */
}
.cta-button:hover,
.cta-button-sp:hover{
    filter: brightness(1.2);
}
.image-wrapper-sp{
    display: none;
}
@media (max-width: 767px) {
    .image-wrapper{
        display: none;
    }
    .image-wrapper-sp{
        display: inline-block;
    position: relative;
  width: 100%;               /* 横幅は画面幅に合わせる */
//   max-width: 600px;          /* 最大幅はお好みで調整 */
  aspect-ratio: 798 / 1649;  /* 背景画像の比率で高さを自動調整 */
    overflow: hidden;
}

.image-wrapper-sp img {
  width: 100%;
  height: 100%;
  object-fit: cover;  /* 画像の切り抜き方法 */
  display: block;
}
.cta-button-sp {
  position: absolute;
  left: 50%;  /* 画像内の「位置」に合わせて調整 */
  top: 60%;
  transform: translate(-50%, -50%);
  border: none;
  cursor: pointer;
  width: 80vw;               /* 画面幅の20% */
  aspect-ratio: 39 / 8;      /* 比率を保つ */
  height: auto;              /* 明示的に書かなくてもOK */
    display: block;
      padding: 0;                /* 念のため */
  background: none;          /* 念のため */
}
}


/*======= リスク =========*/
.risk{
        padding-bottom: 0!important;
}
.risk-h2 {
  color: #ffffff;
  font-family: "YuGothic, sans-serif";
  font-size: 38px !important;
  letter-spacing: 0.04em;
  position: relative;
  text-align: center;
}
.risk-h2-span {
  color: #800606 !important;
  font-size: 48px !important;
  background-color: #fff !important;
  vertical-align: middle;
  padding-top: 5px;
  padding-bottom: 5px;
}
.risk-h2::before {
  position: absolute;
  content: "";
  width: 380px;
  height: 102px;
  background-image: url("/wp-content/uploads/2025/07/RISK.png");
  background-position: center;
  background-size: cover;
  object-fit: cover;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}
@media (max-width: 782px) {
    .risk-columns{
        justify-content: center;
    }
   .risk-columns .wp-block-column{
    padding: 0 20px;
    max-width: 480px;
    text-align: center;
    }
}
@media (max-width: 767px) {
    .risk-h2::before {
  width: 320px;
  height: 82px;
  top: -25px;
  transform: translate(-50%, 0);
}
.risk-h2{
    font-size: 30px!important;
}
.risk-h2-span{
    font-size: 40px!important;
}
}
/*===== 買取させていただきます ======*/
#collecting{
    margin-left: auto;
    margin-right: auto;
    background-color: #fff;
    padding-top: 80px;
    padding-bottom: 40px;
    position: relative;
    margin-top: 100px;
}
#collecting::before{
    content: "";
    position: absolute;
    top: -40px;
    left: 50%;
    transform: translateX(-50%);
    width: 2px;
    height: 80px;
    background-color: #027065;
}
.collecting .collect-h2 {
  font-family: "YuGothic, sans-serif";
  font-size: 38px !important;
  letter-spacing: 0.04em;
  text-align: center;
  margin-bottom: 25px!important;
}
.collect-h2-span {
  color: #027065;
}

        .property-grid {
            display: flex;
            gap: 20px;
            justify-content: center;
            align-items: stretch;
        }

        .property-item {
            flex: 1;
            max-width: 320px;
            overflow: hidden;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }

        .property-image {
            width: 100%;
            aspect-ratio: 640 / 636;
            object-fit: cover;
            display: block;
        }



        /* レスポンシブデザイン: 767px以下で1カラム */
        @media screen and (max-width: 767px) {
            .property-grid {
                flex-direction: column;
                gap: 20px;
            }

            .property-item {
                max-width: 100%;
            }
            #collecting{
                max-width: 500px;
            }
            .collecting .collect-h2{
                font-size: 28px!important;
            }
        }

        /* より小さい画面用の調整 */
        @media screen and (max-width: 480px) {
            .container {
                padding: 0 15px;
            }
        }
        @media screen and (min-width: 375px) {
                        #collecting{
                padding-left: 25px;
                padding-right: 25px;
            }
        }

/*======= 選ばれる3つの理由 ========*/
.reason-h2 {
  font-family: "YuGothic, sans-serif";
  font-size: 38px !important;
  letter-spacing: 0.04em;
  position: relative;
  text-align: center;
  position: relative;
  font-weight: 500;
}
.reason-h2-span {
  color: #87ce0b;
  font-size: 56px;
  vertical-align: middle;
}
.reason-h2::before {
  position: absolute;
  content: "";
  width: 680px;
  height: 94px;
  background-image: url("/wp-content/uploads/2025/07/REASON.png");
  background-position: center;
  background-size: cover;
  object-fit: cover;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}
.reason-point {
  color: #87ce0b;
  font-size: 20px;
  margin-bottom: 5px !important;
}
.reason-point-span {
  font-size: 32px;
  padding-left: 10px;
}
.reason-border {
  width: 100%;
  height: 1px;
  background-color: #027065;
}
.reason-text {
  margin-top: 25px;
  font-size: 24px !important;
  letter-spacing: 0.04em;
  font-weight: 500;
  line-height: 1.8 !important;
}
.text-right {
  position: relative;
}
.bg-white,
.bg-white02{
    position: relative;
    z-index: 100;
}
.bg-white::before{
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 32%;
    height: 100%;
    background-color: #fff;
    z-index: -1;
}
.bg-white02::before{
    position: absolute;
    content: "";
    right: 0;
    top: 0;
    width: 32%;
    height: 100%;
    background-color: #fff;
    z-index: -1;
}
@media (max-width: 781px) {
    .bg-white{
        flex-direction: column-reverse;
    }
    .bg-white::before,
    .bg-white02::before{
        display: none;
    }
    .reason .wp-block-columns{
        background-color: transparent!important;
        gap: 0!important;
        margin-bottom: 0!important;
    }
}
@media (max-width: 767px) {
.reason-h2 {
  font-size: 30px !important;
}
.reason-h2-span {
  font-size: 44px;
  vertical-align: middle;
}
.reason-h2::before {
  width: 380px;
  height: 55px;
  top: -10px;
  left: 50%;
  transform: translate(-50%, 0);
}
.reason-text{
    font-size: 18px!important;
}
}
/*======= お客様の声 =======*/
.voice-h2 {
  font-family: "YuGothic, sans-serif";
  font-size: 38px !important;
  letter-spacing: 0.04em;
  position: relative;
  text-align: center;
}
.voice-h2::before {
  position: absolute;
  content: "";
  width: 540px;
  height: 100px;
  background-image: url("/wp-content/uploads/2025/07/VOICE.png");
  background-position: center;
  background-size: cover;
  object-fit: cover;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}
.voice-name {
  font-size: 20px !important;
  letter-spacing: 0.04em;
}
.voice-age {
  background-color: #87ce0b;
  color: #ffffff;
  padding: 4px 6px;
  margin-left: 8px;
}
.voice-text{
    font-size: 20px;
    line-height: 1.8;
}
@media (max-width: 782px) {
    .voice-name{
        text-align: center;
    }
}
@media (max-width: 767px) {
    .voice-h2 {
  font-size: 30px !important;

}
.voice-h2::before {
  width: 380px;
  height: 70px;
  top: -20px;
  left: 50%;
  transform: translate(-50%, 0);
}
}
/*======= 引取り後の土地活用事例 ========*/
.casestudy-h2 {
  font-family: "YuGothic, sans-serif";
  font-size: 38px !important;
  letter-spacing: 0.04em;
  position: relative;
  text-align: center;
  color: #ffffff;
}
.casestudy-h2::before {
  position: absolute;
  content: "";
  width: 430px;
  height: 100px;
  background-image: url("/wp-content/uploads/2025/07/CASE.png");
  background-position: center;
  background-size: cover;
  object-fit: cover;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}
@media (max-width: 767px) {
.casestudy-h2 {
  font-size: 28px !important;
}
.casestudy-h2::before {
  width: 380px;
  height: 85px;
  top: -40px;
  left: 50%;
  transform: translate(-50%, 0);
}
}
/*======= ご利用の流れ ========*/
.workflow-h2 {
  font-family: "YuGothic, sans-serif";
  font-size: 38px !important;
  letter-spacing: 0.04em;
  position: relative;
  text-align: center;
  color: #222222;
}
.workflow-h2::before {
  position: absolute;
  content: "";
  width: 470px;
  height: 98px;
  background-image: url("/wp-content/uploads/2025/07/FLOW.png");
  background-position: center;
  background-size: cover;
  object-fit: cover;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}
.workflow-column-padding {
  padding: 23px 33px !important;
}
.workflow-h3 {
  margin-top: 16px !important;
  letter-spacing: 0.04em;
  margin-bottom: 8px !important;
}
.workflow-text {
  font-size: 20px;
  letter-spacing: 0.04em;
}
.workflow-text-bg {
  position: relative;
}
.workflow-text-bg::before {
  position: absolute;
  content: "";
  width: 100px;
  height: 100%;
  top: 0;
  left: -90px;
  background-color: #edf1f0;
  z-index: -1;
}
.workflow-arrow {
  width: 0;
  height: 0;
  border-left: 50px solid transparent;
  border-right: 50px solid transparent;
  border-top: 35px solid #87ce0b;
  margin: 0 auto 5px;
}
.workflow .wp-block-columns {
  margin-bottom: 5px;
}
@media (max-width: 782px) {
    .workflow-text-bg::before {
        display: none;
    }
    .workflow .wp-block-columns{
                gap: 0!important;
        flex-direction: column-reverse;
        background-color: #EDF1F0;
    }
}
@media (max-width: 767px) {
    .workflow-h2 {
  font-size: 30px !important;
}
.workflow-h2::before {
  width: 370px;
  height: 80px;
  top: -30px;
  left: 50%;
  transform: translate(-50%, 0);
}
}
/*======= 相続帰国制度と株式会社土地再生開発の違い ========*/
.difference-h2 {
  font-family: "YuGothic, sans-serif";
  font-size: 38px !important;
  letter-spacing: 0.04em;
  position: relative;
  text-align: center;
  color: #222222;
}
.difference-h2::before {
  position: absolute;
  content: "";
  width: 1200px;
  height: 97px;
  background-image: url("/wp-content/uploads/2025/07/COMPARISON.png");
  background-position: center;
  background-size: cover;
  object-fit: cover;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}
.difference-h2-span01 {
  color: #ffffff;
  background-color: #000000;
  padding: 2px 4px;
}
.difference-h2-span02 {
  color: #ffffff;
  background-color: #027065;
  padding: 2px 4px;
}
.difference-h3-01 {
  margin-left: 500px;
  position: relative;
  padding-left: 90px;
}
.difference-h3-01::before {
  position: absolute;
  content: "";
  bottom: 0;
  left: 90px !important;
  width: 290px;
  height: 1px;
  background-color: #87ce0b;
  letter-spacing: 0.04em;
}
.difference-h3-01::after {
  position: absolute;
  content: "";
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 80px;
  height: 80px;
  letter-spacing: 0.04em;
  background-image: url(/wp-content/uploads/2025/07/difference01.png);
  background-position: center;
  background-size: cover;
  object-fit: cover;
}
.difference-h3-02 {
  margin-left: 500px;
  position: relative;
  padding-left: 90px;
}
.difference-h3-02::before {
  position: absolute;
  content: "";
  bottom: 0;
  left: 90px !important;
  width: 90px;
  height: 1px;
  background-color: #87ce0b;
  letter-spacing: 0.04em;
}
.difference-h3-02::after {
  position: absolute;
  content: "";
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 80px;
  height: 80px;
  letter-spacing: 0.04em;
  background-image: url(/wp-content/uploads/2025/07/difference02.png);
  background-position: center;
  background-size: cover;
  object-fit: cover;
}

.c-scrollHint{
    display: none;
}
@media (max-width: 1150px) {
    .c-scrollHint{
    display: block;
}
}
@media (max-width: 767px) {
.difference-h2 {
  font-size: 30px !important;
}
.difference-h2::before {
  width: 370px;
  height: 30px;
  top: -10px;
  left: 50%;
  transform: translate(-50%, 0);
}
.table-img{
    width: auto!important;
    height: auto;
    overflow-x: scroll!important;
    min-width: 500px;
}
}
/*=======よくあるご質問========*/
.faq{
    position: relative;
}
.faq::before{
    position: absolute;
    content: "";
    width: 30px;
    height: 100%;
    background-color: #ffffff;
    left: 0;
    top: 0;
}
.faq::after{
    position: absolute;
    content: "";
    width: 30px;
    height: 100%;
    background-color: #ffffff;
    right: 0;
    top: 0;
}
.faq .icon-minus:before {
    color: #ffffff!important;
}
.faq .icon-plus:before {
    color: #ffffff!important;
}
.faq-h2 {
  font-family: "YuGothic, sans-serif";
  font-size: 38px !important;
  letter-spacing: 0.04em;
  position: relative;
  text-align: center;
  color: #ffffff;
}
.faq-h2::before {
  position: absolute;
  content: "";
  width: 311px;
  height: 120px;
  background-image: url("/wp-content/uploads/2025/07/faq.png");
  background-position: center;
  background-size: cover;
  object-fit: cover;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}
.faq .swell-block-accordion__title .swell-block-accordion__label{
    padding-left: 25px;
}
.faq .swell-block-accordion__title .swell-block-accordion__label::before{
    content: "Q.";
    width: 30px;
    height: 30px;
    color:#ffffff;
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-55%);
}
@media (max-width: 782px) {
    .faq::before,
    .faq::after{
        display: none;
}
@media (max-width: 782px) {
.faq-h2 {
  font-size: 30px !important;
}
.faq-h2::before {
  width: 230px;
  height: 90px;
  top: 5px;
  left: 50%;
  transform: translate(-50%, -);
}
}
}
/*========= 簡易査定シミュレーション ============*/
.contact{
    padding-top: 40px;
}
.contact-h2 {
  font-family: "YuGothic, sans-serif";
  font-size: 38px !important;
  letter-spacing: 0.04em;
  position: relative;
  text-align: center;
}
.contact-h2::before {
  position: absolute;
  content: "";
  width: 1060px;
  height: 90px;
  background-image: url("/wp-content/uploads/2025/07/SIMULATION.png");
  background-position: center;
  background-size: cover;
  object-fit: cover;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}
.snow-monkey-form {
  background-color: #fff;
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto;
  padding: 100px 60px;
}
.smf-form--letter .smf-item__col--label {
  padding-bottom: 0 !important;
  font-weight: bold;
}
.smf-action .smf-button-control__control {
  width: 376px !important;
  height: 72px;
  margin-top: 60px !important;
  background-image: url(/wp-content/uploads/2025/07/send-btn.png);
  background-position: center;
  background-size: cover;
  object-fit: cover;
  z-index: 100;
  color: #ffffff;
}
.smf-action .smf-button-control__control:hover {
  filter: brightness(1.1);
}
.dn {
  display: none;
}
#contact form{
    position: relative;
}
#contact form::before{
    content: "";
    position: absolute;
    left: 60px;
    top: -40px;
    width: 2px;
    height: 80px;
    background-color: #87CE0B;
}
@media (max-width: 767px) {
.contact-h2 {
  font-size: 29px !important;
  white-space: nowrap;
}
.contact-h2::before {
  width: 380px;
  height: 30px;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
}
.smf-action .smf-button-control__control {
  width: 264px !important;
  height: 54px;
  margin-top: 30px !important;
}
}
/*========= 料金について ============*/
.price-h2 {
  font-family: "YuGothic, sans-serif";
  font-size: 38px !important;
  letter-spacing: 0.04em;
  position: relative;
  text-align: center;
}
.price-h2::before {
  position: absolute;
  content: "";
  width: 498px;
  height: 96px;
  background-image: url("/wp-content/uploads/2025/07/PRICE.png");
  background-position: center;
  background-size: cover;
  object-fit: cover;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}
.price-bgc {
  background-color: #edf1f0;
  padding: 35px;
}
.span01 {
  color: #ffffff;
  background-color: #87ce0b;
  padding: 5px 8px;
  font-size: 24px;
  font-weight: 500;
  margin-right: 15px;
  vertical-align: text-bottom;
}
.span02 {
  color: #027065;
  font-size: 72px;
    font-family: "Noto Serif JP"!important;
}
.span03 {
  color: #027065;
  font-size: 40px;
  font-weight: bold;
}
.price-bgc p {
  text-align: center;
}

@media (max-width: 1130px) {
  .price-section .wp-block-columns {
    flex-direction: column !important;
  }
  .price{
    text-align: center;
}
.price-h2 {
    margin-bottom: 35px;
}
}


@media (max-width: 782px) {
    .span02 {
  font-size: 52px;
}
.span03 {
  font-size: 28px;
}

}
@media (max-width: 767px) {
    .price{
        padding-top: 20px;
    }
.price-h2 {
  font-size: 30px !important;
}
.price-h2::before {
  width: 330px;
  height: 64px;
  top: -20px;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: -1;
}
}
/*========= お問い合わせ方法 ============*/
.contactway-h2 {
  font-family: "YuGothic, sans-serif";
  font-size: 38px !important;
  letter-spacing: 0.04em;
  position: relative;
  text-align: center;
  color: #ffffff;
  margin-bottom: 10px !important;
}
.contactway-h2::before {
  position: absolute;
  content: "";
  width: 806px;
  height: 92px;
  background-image: url("/wp-content/uploads/2025/07/CONTACT.png");
  background-position: center;
  background-size: cover;
  object-fit: cover;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}
.cotactway-text {
  text-align: center;
  font-size: 18px;
  color: #ffffff;
  z-index: 10 !important;
}
.hover a:hover {
  filter: brightness(1.2) !important;
  transition: 0.5s;
  opacity: 1 !important;
}
#contactway #contactway-column {
  gap: 0 !important;
}
@media (max-width: 782px) {
    .contactway .wp-block-columns{
        display: flex;
        justify-content: center;
    }
    .contactway .wp-block-column{
        max-width: 500px;
    }
}
@media (max-width: 767px) {
    .contactway-h2 {
  font-size: 30px !important;
}
.contactway-h2::before {
  width: 360px;
  height: 40px;
  top: -20px;
  left: 50%;
  transform: translate(-50%, 0);
}
}
/*========= フッターの会社情報 ============*/
        .footer-logo{
       width: 320px;
        }
        .info-item {
            display: flex;
            align-items: center;
            gap: 15px;
            color: #000000;
            width: 400px;
            margin
        }

        .info-label {
            font-size: 14px;
            opacity: 0.9;
            font-weight:bold;
        }
        .divider {
            width: 1px;
            height: 40px;
            background-color: #222222;
        }

        .info-value {
            font-size: 16px;
            letter-spacing: 1px;
            color: #000000;
        }
        
        .spacing{
            letter-spacing: 1.8;
        }

        .address {
            max-width: 300px;
        }

        /* レスポンシブ対応 */
        @media (max-width: 768px) {
            .company-info-content {
                flex-direction: column;
                gap: 30px;
                padding: 0 20px;
            }

            .contact-info {
                flex-direction: column;
                gap: 15px;
                width: 100%;
                padding-left: 40px;
            }

            .info-item {
                align-items: center;
                text-align: left;
            }

            .company-name h1 {
                font-size: 24px;
            }

            .address {
                max-width: none;
            }
        }

        @media (max-width: 480px) {
            .contact-info {
                gap: 15px;
            }

            .company-name h1 {
                font-size: 20px;
            }

            .logo-icon {
                width: 50px;
                height: 50px;
            }
        }
        .copyright{
            border-top: 1px solid #D9D9D9;
            padding-top: 12px;
        }

.wp-block-cover__inner-container {
  max-width: 1100px!important;
  margin: 0 auto;
}