

:root{
	--page-main-color:#0095C0;
	--page-sub-color: #3BBBBC;
	--page-bg-color:rgba(23, 129, 19, 0.1);
}
[class*="section__wrapper--"]:nth-of-type(odd){
    background: #FFF;
}

/* カスタムスタイル */
.l-main {
    max-width: 100%;
}

/*//////////////////// Worries ////////////////////*/
.content__items--worry--05 {
    padding-bottom: 0;
}
    .content__items--worry--05 .content__img--worry--05 img {
        object-fit: contain;
    }
    .content__items--worry--05 .content__subttl--worry--05 {
        font-size: 18px;
        font-weight: 700;
        line-height: 1.4;
        color: #263238;
        margin-bottom: 0;
    }
.l-main * {
    font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
}

.l-main .section__ttl {
    font-weight: 700;
    margin-bottom: 28px;
}

.l-main .section__ttl span {
    font-size: 12px;
    letter-spacing: 3px;
    font-weight: 400;
    margin-top: 10px;
}
.main__bg--catch img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


/* HERO不動産が選ばれる4つの理由 */
.section__wrapper--strong--01 {
    background-color: #FFFCF1;
}
.section__wrapper--strong--01 .section__space {
    padding-block: 80px 111px;
}
.l-main .section__wrapper--strong--01 .section__ttl {
    margin-bottom: 42px;
}

.l-main .section__wrapper--strong--01 .section__ttl .ttl_color {
    display: contents;
    font-size: 26px;
    font-weight: 700;
    color: var(--page-sub-color);
    letter-spacing: 0;
}
.content__subttl--strong--01 {
    display: flex;
}
.content__subttl--strong--01 .stbttl_text {
    color: var(--page-main-color);
}
.content__img--strong--01 {
    height: 309px;
}
.content__items--strong--01:first-of-type {
    margin-bottom: 96px;
}
.content__items--strong--01:nth-of-type(2) {
    margin-bottom: 112px;
}
.content__items--strong--01:nth-of-type(3) {
    margin-bottom: 112px;
}
.content__items--strong--01:nth-of-type(4) .content__img--strong--01 img {
    object-position: bottom;
}
.content__subttl--strong--01 {
    font-size: 22px;
    font-weight: 700;
    line-height: 1.5;
}
.content__subttl--strong--01 span {
    color: #DB8F00;
    margin-right: 7px;
}
.content__description--strong--01 {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.8;
    color: #263238;
}

/*//////////////////// How to sell ////////////////////*/
.section__wrapper--matrix--06 .section__ttl {
    margin-bottom: 31px;
}
.l-main .content__catch--matrix--06 {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.8;
    color: #263238;
    margin-bottom: 28px;
    text-align: center;
}
.content__txt--matrix--06 {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.4;
    text-align: center;
    margin-bottom: 14px;
}
.content__block--matrix--06.--left .content__txt--matrix--06 {
    color: #2CD4B8;
}
.content__block--matrix--06.--right .content__txt--matrix--06 {
    color: #23C3D5;
}
.content__block--matrix--06.--left .content__subttl--matrix--06 {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 80px;
    font-size: 26px;
    font-weight: 700;
    line-height: 1.5;
    background: #2CD4B8;
}
.content__block--matrix--06.--right .content__subttl--matrix--06 {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 80px;
    font-size: 26px;
    font-weight: 700;
    line-height: 1.5;
    padding: 0;
    background: #23C3D5;
}
.content__block--matrix--06.--left .content__inner--matrix--06 {
    background: #F2FDF9;
}
.content__block--matrix--06.--right .content__inner--matrix--06 {
    background: #F4FCFD;
}
.content__inner--matrix--06 > .content__txt--matrix--06 {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.8;
}
.content__block--matrix--06.--left .content__inner--matrix--06 > .content__txt--matrix--06 {
    color: #2CD4B8;
}
.content__block--matrix--06.--right .content__inner--matrix--06 > .content__txt--matrix--06 {
    color: #23C3D5;
}
.section__wrapper--matrix--06 .content__inner--matrix--06 .content__list--horizontal {
    flex-direction: column;
    justify-content: flex-start;
    gap: 7px;
    margin: 0 auto 41px;
    
}
.content__block--matrix--06.--left .content__list--horizontal {
    width: 328px;
}
.content__block--matrix--06.--right .content__list--horizontal {
    width: 248px;
}
.section__wrapper--matrix--06 .content__list--horizontal .content__txt--matrix--06 {
    color: #263238;
}
.content__items--matrix--06 .content__txt--matrix--06 {
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.8;
    color: #263238;
    text-align: left;
}
.content__block--matrix--06.--left .content__icon--chrck {
    border-color: #2CD4B8;
    background: #F2FDF9;
    color: #2CD4B8;
}
.content__block--matrix--06.--right .content__icon--chrck {
    border-color: #23C3D5;
    background: #F4FCFD;
    color: #23C3D5;
}
.content__block--matrix--06.--left .evaluation__list--merit {
    border-color: #2CD4B8;
}
.content__block--matrix--06.--right .evaluation__list--merit {
    border-color: #23C3D5;
}
.content__block--matrix--06.--left .evaluation__list--merit:after {
    background: #2CD4B8;
}
.content__block--matrix--06.--right .evaluation__list--merit:after {
    background: #23C3D5;
}
.--left [class^="evaluation__list--"].evaluation__list--demerit,
.--right [class^="evaluation__list--"].evaluation__list--demerit {
    border: 1px solid #B5B5B5;
}
.evaluation__list--demerit:after {
    background: #B5B5B5;
}
.content__block--matrix--06.--left .evaluation__list--merit .evaluation__item:before {
    background: #2CD4B8;
}
.content__block--matrix--06.--right .evaluation__list--merit .evaluation__item:before {
    background: #23C3D5;
}
.content__block--matrix--06 .evaluation__list--demerit .evaluation__item:before {
    background: #B5B5B5;
}
.--left [class^="evaluation__list--"] {
    border: 1px solid #2CD4B8;
}
.evaluation__item {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.8;
    color: #263238;
}

/* 売却の流れ */
.section__wrapper--matrix--05 {
    background-color: #F4FFFF;
}
.content__wrap--matrix--05 {
    grid-template-columns: repeat(2, 415px);
    justify-content: center;
}
.content__block--matrix--05 .content__list--horizontal {
    flex-direction: column;
    counter-reset: count;
}
.content__subttl--matrix--05 {
    height: 50px;
    padding: 0;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.8;
    margin-bottom: 25px;
}
.content__block--matrix--05:nth-of-type(odd) .content__subttl--matrix--05 {
    background: #2CD4B8;
}
.content__block--matrix--05:nth-of-type(even) .content__subttl--matrix--05 {
    background: #23C3D5;
}
.content__subttl--matrix--05 span {
    display: flex;
    align-items: center;
    height: 30px;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2;
    padding: 0 12px;
}
.content__block--matrix--05:nth-of-type(odd) .content__subttl--matrix--05 span {
    color: #2CD4B8;
}
.content__block--matrix--05:nth-of-type(even) .content__subttl--matrix--05 span {
    color: #23C3D5;
}
.content__items--matrix--05 {
    height: 55px;
    padding: 0;
    align-items: center;
}
.content__items--matrix--05::before {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.8;
    top: -1px;
}
.content__block--matrix--05:nth-of-type(odd) .content__items--matrix--05::before {
    background: #2CD4B8;
    border-color: #2CD4B8;
}
.content__block--matrix--05:nth-of-type(even) .content__items--matrix--05::before {
    background: #23C3D5;
    border-color: #23C3D5;
}
.content__block--matrix--05:nth-of-type(odd) .content__items--matrix--05::after {
    background: #2CD4B8;
}
.content__block--matrix--05:nth-of-type(even) .content__items--matrix--05::after {
    background: #23C3D5;
}
.content__description--matrix--05 {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.8;
    color: #263238;
}

/* 他社との比較 */
.l-main .section__wrapper--matrix--07 .section__ttl {
    margin-bottom: 29px;
}
.section__space > .content__txt--matrix--07 {
    color: #263238;
    margin-bottom: 30px;
}
.content__block--matrix--07 {
    padding: 30px 30px 30px 35px;
    border-color: #DBDBDB;
}
.content__subttl--matrix--07 {
    width: 106px;
    margin-right: 35px;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.8;
    color: #263238;
}
.content__inner--matrix--07 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 467px;
    height: 210px;
    padding: 0;
    gap: 15px;
}
.content__block--matrix--07:nth-of-type(1) .content__inner--matrix--07:first-of-type {
    background: #EDF8FB;
}
.content__block--matrix--07:nth-of-type(1) .content__inner--matrix--07:last-of-type {
    background: #FAF8F2;
}
.content__block--matrix--07:nth-of-type(2) .content__inner--matrix--07:first-of-type {
    background: #DFFDFF;
}
.content__block--matrix--07:nth-of-type(2) .content__inner--matrix--07:last-of-type {
    background: #FFFAE4;
}
.content__inner--matrix--07 > .content__txt--matrix--07 {
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.8;
}
.content__inner--matrix--07:first-of-type > .content__txt--matrix--07 {
    color:  var(--page-main-color);
}
.content__inner--matrix--07:last-of-type > .content__txt--matrix--07 {
    color: #DB8F00;
}
.content__inner--matrix--07 .content__list--horizontal {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
}
.content__description--matrix--07 {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.8;
    color: #263238;
}
.content__icon--matrix--07 {
    background: transparent;
    flex-shrink: 0;
}
.content__inner--matrix--07:first-of-type .content__icon--matrix--07 {
    color:  var(--page-main-color);
}
.content__inner--matrix--07:last-of-type .content__icon--matrix--07 {
    border-color: #DB8F00;
    color: #DB8F00;
}

/* お問い合わせ */
.section__wrapper--contact--02 {
    background: url(../images/bg_contact.webp) no-repeat center / cover;
}
.l-main .section__wrapper--contact--02 .section__space {
    padding-block: 59px 58px;
}
.section__wrapper--contact--02 .section__ttl {
    color: #263238;
    margin-bottom: 39px;
}
.section__wrapper--contact--02 .section__ttl span {
    color: var(--page-sub-color);
}
.content__txt--tel {
    color: #DB8F00;
    font-weight: 700;
}
.section__wrapper--contact--02 .content__icon--tel {
    width: 26px;
    height: 26px;
    color: #DB8F00; 
}
.section__wrapper--contact--02 .content__btn--contact--mail a {
    background: var(--page-sub-color);
}
.l-main .section__wrapper--contact--02 .content__icon--mail {
    width: 26px;
    height: 22px; 
}
.section__wrapper--contact--02 .content__btn--contact--line a {
    background: var(--page-main-color);
}
.l-main .section__wrapper--contact--02 .content__icon--line {
    width: 22px;
    height: 24px;
}
.l-main .section__wrapper--contact--02 .content__txt--contact--02  {
    font-size: 12px;
    font-weight: 500;
}
.l-main .section__wrapper--contact--02 [class*="content__btn--"] [class*="content__icon--btn--"] {
    width: 18px;
    height: 7px;
    right: 18px;
}

/*//////////////////// FAQ ////////////////////*/
.content__items--faq--02 {
    padding: 29px;
}
.content__subttl--faq--02 {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.4;
    cursor: default;
}
.content__subttl--faq--02::before {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 37px;
    height: 37px;
    font-weight: 700;
    line-height: 1.8;
    padding: 0;
}
.content__description--faq--02 {
    font-size: 16px;
    font-weight: 500;
    color: #333;
}
.content__description--faq--02::before {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 37px;
    height: 37px;
    border: none;
    background: #F1C40F;
    color: #fff;
    font-weight: 700;
    line-height: 2;
    padding: 0;
}

