/* 共通 */
main img {
    display: block;
    width: 100%;
}
.wrapper {
    width: 100%;
}
.default-text {
    position: relative;
    z-index: 1;
    color: #5B3E39;
    font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", sans-serif;
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 1.6;
}
.default-text.-bold {
    font-weight: 700;
}
.default-text strong {
    color: #F25D01;
    font-weight: 700;
}
.button-wrap {
    position: relative;
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    max-width: 299px;
    background-color: #FF7E2F;
    border-radius: 40px;
    z-index: 5;
}
.button-wrap::after {
    content: "";
    display: block;
    position: absolute;
    transform: translate(0%, -50%);
    top: 50%;
    left: calc((259 / 299) * 100%);
    width: 16px;
    aspect-ratio: 1 / 1;
    background-image: url('/personal/loan/jutaku/housing_support/img/link-button-icon.svg');
    background-repeat: no-repeat;
    background-size: contain;
}
.button-text {
    display: block;
    padding: 20px 40px 20px 32px;
    color: #FFFFFF;
    font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", sans-serif;
    font-weight: 700;
    font-size: 2.0rem;
    line-height: 1.0;
    text-align: center;
    cursor: pointer;
}
.emphasis-text {
    color: #5B3E39;
    font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", sans-serif;
    font-weight: 800;
    font-size: 5.4rem;
    line-height: 1.3;
}
.emphasis-text .-dot {
    display: inline-block;
    background-image: radial-gradient(#FF7E2F 70%, transparent 70%);
    background-repeat: no-repeat;
    background-size: 8px 8px;
    background-position: center 3px;
    padding-top: 12px;
}
/* 吹き出し */
.speechBubble {
    position: relative;
    transform: translate(-50%, 0%);
    left: 50%;
    display: inline-block;
    width: calc((335 / 375) * 100%);
    margin-bottom: 20px;
    padding: 18px 14.5px 20px;
    border-radius: 9999px;
    background-color: #ff7e2f;
}
.speechBubble.-top {
    position: absolute;
    transform: translate(-50%, -50%);
}
.speechBubble::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    border-style: solid;
    border-width: 20px 10px 0 10px;
    border-color: #ff7e2f transparent transparent;
    translate: -50% 90%;
}
.speechBubble-text {
    color: #FFFFFF;
    font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", sans-serif;
    text-align: center;
    font-size: 2.2rem;
    font-weight: 800;
    line-height: 1.2;
}
/* モーダルコンテンツテキスト */
.modal-text {
    display: inline-block;
    padding-left: 1.5em;
    text-indent: -1.5em;
    color: #346397;
    font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", sans-serif;
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 1.4;
    cursor: pointer;
}
.modal-text::before {
    content: "";
    display: inline-block;
    margin-right: 0.4rem;
    width: 1.2rem;
    aspect-ratio: 1 / 1;
    background-image: url('/personal/loan/jutaku/housing_support/img/modal-arrow.svg');
    background-repeat: no-repeat;
    background-size: contain;
}
.modal-text::after {
    content: "";
    display: inline-block; 
    vertical-align: middle;
    margin-left: 0.2rem;
    width: 1.8rem;
    aspect-ratio: 1 / 1;
    background-image: url('/personal/loan/jutaku/housing_support/img/modal-icon.svg');
    background-repeat: no-repeat;
    background-size: contain;
}
/* モーダルウィンドウ */
.modal-window {
    display: none;
    position: fixed;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    padding: 4.4rem 3.1rem 3.6rem;
    width: calc((345 / 375) * 100%);
    max-height: 85vh;
    background-color: #FFFFFF;
    border-radius: 16px;
    z-index: 11000;
}
.modal-window.is-show {
    display: flex;
    flex-direction: column;
}
.button-close-img {
    position: absolute;
    top: 5%;
    right: 5%;
    width: 1.7rem;
    cursor: pointer;
}
.modal-window-content-wrap {
    overflow-y: auto;
    flex-grow: 1;
    padding-right: 5px;
    -webkit-overflow-scrolling: touch;
}
.modal-window-title {
    color: #5B3E39;
    font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", sans-serif;
    font-weight: 700;
    font-size: 2.4rem;
    line-height: 1.3;
    text-align: center;
    margin-bottom: 2.4rem;
    flex-shrink: 0;
}
.modal-window-text {
    color: #5B3E39;
    font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", sans-serif;
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 1.3;
}
.modal-window-list {
    
}
.modal-window-list-item {
    padding-left: 1.25em;
    text-indent: -1.25em;
    color: #5B3E39;
    font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", sans-serif;
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 1.4;
}
.modal-window-list-item a {
    display: inline;
    color: #003065;
    word-wrap: break-word;
    word-break: break-all;
}
.button-close {
    flex-shrink: 0;
    color: #5B3E39;
    font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", sans-serif;
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 1.3;
    text-align: center;
    cursor: pointer;
}
.overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    z-index: 10099;
}
/* 背景色 */
.-beige {
    background-color: #F8F1E7;
}
.-gray {
    background-color: #EBE3D7;
}
.-orange {
    background-color: #FF7E2F;
}
/* KV */
.content-kv{
    position: relative;
    width: 100%;
}
.kv-heading {
    position: absolute;
    top: 0;
    margin-top: 13.83px;
    margin-left: 11px;
    color: #5B3E39;
    font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", sans-serif;
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 1.3;
}
.kv-heading span {
    color: #F25D01;
}
/* 不安ブロック */
.worries-img {
    width: 100%;
}
.worries-text {
    color: #5B3E39;
    font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", sans-serif;
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 1.6;
}
.worries-heading {
    color: #5B3E39;
    font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", sans-serif;
    font-weight: 800;
    font-size: 2.8rem;
    line-height: 1.5;
    text-align: center;
}
.worries-heading span {
    font-size: 2.4rem;
    vertical-align: top;
}
/* フロー */
.flow-inner {
    display: flex;
    justify-content: space-between;
}
.flow-item {
    display: flex;
    flex-direction: column;
    width: calc((170 / 345) * 100%);
    border-radius: 16px;
    box-shadow: 0px 0px 8px 0px #00000040;
}
.flow-heading {
    padding: 24px 16px 16px 16px;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
}
.-common .flow-heading {
    background-color: #80B5AB;
}
.-ideal .flow-heading {
    background-color: #FF7E2F;
}
.flow-heading-text {
    color: #FFFFFF;
    font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", sans-serif;
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 1.0;
    text-align: center;
}
.flow-heading-icon {
    display: block;
    margin-right: auto;
    margin-left: auto;
    width: calc((36 / 138) * 100%);
}
.flow-heading-text-sub {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #FFFFFF;
    font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", sans-serif;
    font-weight: 700;
    font-size: 1.8rem;
    line-height: 1.2;
}
.flow-heading-text-sub::before {
    content: "";
    display: block;
    margin-right: 4px;
    width: calc((26 / 138) * 100%);
    aspect-ratio: 1 / 1;
    background-repeat: no-repeat;
    background-size: contain;
}
.-common .flow-heading-text-sub::before {
    background-image: url('/personal/loan/jutaku/housing_support/img/flow-icon-house.svg');
}
.-ideal .flow-heading-text-sub::before {
    background-image: url('/personal/loan/jutaku/housing_support/img/flow-icon-en.svg');
}
.flow-content {
    flex-grow: 1;
    padding: 16px 16px 22px 16px;
    background-color: #FFFFFF;
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
}
.flow-content-item {
    position: relative;
    padding: 8px 8px 16px 8px;
    border-radius: 8px;
}
.-common .flow-content-item {
    background-color: #F0F7F6;
}
.-ideal .flow-content-item {
    background-color: #F8F1E7;
}
.flow-content-item:not(:last-child)::after {
    content: "";
    display: block;
    position: absolute;
    transform: translate(-50%, 40%);
    top: 100%;
    left: 50%;
    width: 16px;
    aspect-ratio: 1 / 1;
    background-repeat: no-repeat;
    background-size: contain;
}
.-common .flow-content-item:not(:last-child)::after {
    background-image: url('/personal/loan/jutaku/housing_support/img/flow-icon-triangle-01_sp.svg');
}
.-ideal .flow-content-item:not(:last-child)::after {
    background-image: url('/personal/loan/jutaku/housing_support/img/flow-icon-triangle-02_vertical.svg');
}
.-common .flow-content-item:nth-child(3)::before {
    content: "";
    display: block;
    position: absolute;
    top: -187px;
    right: -10px;
    margin-left: -21px;
    width: 44px;
    aspect-ratio: 22 / 147;
    background-repeat: no-repeat;
    background-image: url('/personal/loan/jutaku/housing_support/img/flow-allow_sp.svg');
    background-size: contain;
}
.flow-content-item-step {
    font-family: "Inter", "Helvetica Neue", "Arial", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif;
    font-weight: 500;
    font-size: 2.2rem;
    line-height: 1.3;
    letter-spacing: 0;
    text-align: center;
}
.-common .flow-content-item-step {
    color: #80B5AB;
}
.-ideal .flow-content-item-step {
    color: #FF7E2F;
}
.flow-content-item-step span {
    margin-right: 2px;
    font-weight: 700;
    font-size: 1.2rem;
}
.flow-content-item-text {
    color: #5B3E39;
    font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", sans-serif;
    font-weight: 700;
    font-size: 1.7rem;
    line-height: 1.3;
    text-align: center;
}
.-ideal .flow-content-item:nth-child(3) .flow-content-item-text {
    text-align: left;
}
.flow-content-item-text-sub {
    color: #D32843;
    font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", sans-serif;
    font-weight: 700;
}
.-common .flow-content-item-text-sub {
    font-size: 1.2rem;
    line-height: 1.3;
}
.-ideal .flow-content-item-text-sub {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.4rem;
    line-height: 1.0;
    text-align: center;
}
.flow-content-img-wrap {
    position: absolute;
    right: 3%;
    bottom: -7%;
}
.-common .flow-content-img-wrap {
    width: calc((49 / 138) * 100%);
}
.-ideal .flow-content-img-wrap {
    bottom: -15%;
    width: calc((55 / 138) * 100%);
}
/* メリット */
.merrit-wrap {
    padding: 32px 32px 40px 32px;
    background-color: #FFFFFF;
    border-radius: 16px;
    box-shadow: 0px 0px 8px 0px #00000040;
}
.merrit-icon-wrap {
    margin-right: auto;
    margin-left: auto;
    width: calc((48 / 281) * 100%);
}
.merrit-heading {
    color: #5B3E39;
    font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", sans-serif;
    font-weight: 800;
    font-size: 3.0rem;
    line-height: 1.3;
    text-align: center;
}
.merrit-heading-sakipasu {
    font-size: 2.8rem;
    letter-spacing: -3px;
    white-space: nowrap;
}
.merrit-content-wrap {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}
.merrit-num-wrap {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.merrit-num-text {
    min-width: 50.55px;
    color: #FF7E2F;
    font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", sans-serif;
    font-weight: 600;
    font-size: 1.2rem;
    line-height: 1.6;
    letter-spacing: 0.02rem;
    text-align: center;
}
.merrit-num {
    color: #FF7E2F;
    font-family: "Inter", "Helvetica Neue", "Arial", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif;
    font-weight: 200;
    font-size: 8.0rem;
    line-height: 1;
    letter-spacing: 4%;
    text-align: center;    
}
.merrit-text-wrap {
    margin-left: calc((16 / 281) * 100%);
    width: calc((217 / 281) * 100%);
}
.merrit-text-heading {
    color: #5B3E39;
    font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", sans-serif;
    font-weight: 700;
    font-size: 2.4rem;
    line-height: 1.3;
}
.merrit-text {
    color: #5B3E39;
    font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", sans-serif;
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 1.6; 
}
.merrit-namely-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 calc((4 / 281) * 100%);
}
.merrit-namely-icon {
    margin-left: calc((8 / 299) * 100%);
    width: calc((100 / 299) * 100%);
}
/* 説明エリア */
.about-title-wrap {
    display: flex;
    justify-content: center;
    align-items: end;
    width: 100%;
}
.about-title {
    width: 250px;
    color: #5B3E39;
    font-family: "Zen Maru Gothic", "Hiragino Maru Gothic ProN", "Yu Gothic", "Meiryo", sans-serif;
    font-weight: 900;
    font-size: 2.9rem;
    line-height: 1.3;
    white-space: nowrap;
}
.about-title .about-title-color {
    color: #F25D01;
}
.about-title .about-title-text {
    margin-left: -1.3rem;
}
.about-title-icon-wrap {
    width: 126px;
    margin-top: -42px;
    margin-right: -30px;
    margin-left: -29px;
}
.about-pass-wrap {
    display: flex;
}
.pass-img-wrap {
    flex-shrink: 0;
    margin-right: calc((10 / 315) * 100%);
    width: calc((54 / 315) * 100%);
    max-width: 70px;
}
.pass-text-wrap {
    flex: 1;
    min-width: 0;
}
/* 優先エリア */
.content-priority {
    position: relative;
    z-index: 0;
}
.content-priority::before {
    content: "";
    position: absolute;
    top: -185px;
    right: 0;
    width: 336px;
    height: 531px;
    background-image: url("/personal/loan/jutaku/housing_support/img/priority-background_sp.svg");
    background-repeat: no-repeat;
    background-size: 100% auto;
    z-index: -1;
    pointer-events: none;
}
.priority-heading {
    position: relative;
    z-index: 1;
    color: #5B3E39;
    font-family: "Zen Maru Gothic", "Hiragino Maru Gothic ProN", "Yu Gothic", "Meiryo", sans-serif;
    font-weight: 900;
    font-size: 2.2rem;
    line-height: 1.4;
    text-align: center;
}
.priority-heading span {
    font-size: 2.8rem;
}
.priority-img {
    position: relative;
    z-index: 1;
    margin-right: auto;
    margin-left: auto;
    width: calc((268 / 345) * 100%);
    max-width: 350px;
}
.priority-text {
    color: #5B3E39;
    font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", sans-serif;
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 1.6;
}
.priority-content-title {
    position: relative;
    display: block;
    padding: 24px 0 24px 16px;
    background-color: #6D3F37;
    border-radius: 8px;
    cursor: pointer;
}
.is-open.priority-content-title {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.priority-content-title-wrap {
    width: 100%;
    display: block;
}
.priority-content-title-text {
    max-height: 80px;
    color: #FFFFFF;
    font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", sans-serif;
    font-weight: 700;
    font-size: 2.4rem;
    line-height: 1.2;
    vertical-align: middle;
}
.priority-content-title-text span {
    margin-left: 8px;
    font-size: 1.4rem;
}
.priority-content-title-text::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-right: 0.5rem;
    width: 2.4rem;
    aspect-ratio: 1 / 1;
    background-image: url('/personal/loan/jutaku/housing_support/img/icon-star.svg');
    background-repeat: no-repeat;
    background-size: contain;
}
.priority-content-title-explain {
    padding-right: calc((40 / 297) * 100%);
    color: #EBE3D7;
    font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", sans-serif;
    font-weight: 400;
    font-size: 1.8rem;
    line-height: 1.4;
}
.priority-content-status-wrap {
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    right: 3%;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 32px;
}

.priority-content-icon {
    position: relative;
    width: 100%;
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    background-color: #F2EFEA;
}
.priority-content-icon::before, .priority-content-icon::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 16px;
    height: 4px;
    background-color: #C68440;
    transition: all 0.3s;
}
.priority-content-icon::after {
    transform: translate(-50%, -50%) rotate(90deg);
}
.is-open .priority-content-icon::before {
    opacity: 0;
}
.is-open .priority-content-icon::after {
    transform: translate(-50%, -50%) rotate(0deg);
}
.priority-content-status {
    display: block;
    margin-top: 2px;
    color: #FFFFFF;
    font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", sans-serif;
    font-weight: 400;
    font-size: 1.0rem;
    line-height: 1.4;
    text-align: center;
}
.priority-content-inner {
    display: none;
    margin: 0;
    padding: 40px 15px 16px 15px;
    background-color: #FFFFFF;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}
.priority-content-inner-title-wrap {
    display: flex;
    align-items: center;
}
.priority-content-inner-title-icon {
    width: calc((52 / 315) * 100%);
    max-width: 75px;
}
.priority-content-inner-title {
    color: #5B3E39;
    margin-left: calc((8 / 315) * 100%);
    font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", sans-serif;
    font-weight: 700;
    font-size: 1.4rem;
    line-height: 1;
}
.priority-content-inner-title span {
    font-weight: 800;
    font-size: 2.4rem;
    line-height: 1.3;
}
.priority-content-inner-text {
    color: #5B3E39;
    font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", sans-serif;
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 1.5;
}
.positive-wrap {
    padding: 24px 20px;
    background-color: #F8F1E7;
    border-radius: 8px;
}
.positive-title {
    color: #5B3E39;
    font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", sans-serif;
    font-weight: 700;
    font-size: 2.4rem;
    line-height: 1.3;
}
.positive-list-item {
    display: flex;
    color: #5B3E39;
    font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", sans-serif;
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 1.2;
    letter-spacing: 0.04rem;
}
.positive-list-item::before {
    content: "";
    display: block;
    flex-shrink: 0;
    margin-right: 0.4rem;
    width: 1.6rem;
    aspect-ratio: 1 / 1;
    background-image: url('/personal/loan/jutaku/housing_support/img/icon-positive.svg');
    background-repeat: no-repeat;
    background-size: contain;
}
.negative-wrap {
    padding: 24px 20px;
    background-color: #F0F7F6;
    border-radius: 8px;
}
.negative-title {
    color: #5B3E39;
    font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", sans-serif;
    font-weight: 700;
    font-size: 2.4rem;
    line-height: 1.3;
}
.negative-list-item {
    display: flex;
    color: #5B3E39;
    font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", sans-serif;
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 1.2;
}
.negative-list-item::before {
    content: "";
    display: block;
    flex-shrink: 0;
    margin-right: 0.4rem;
    width: 1.6rem;
    aspect-ratio: 1 / 1;
    background-image: url('/personal/loan/jutaku/housing_support/img/icon-negative.svg');
    background-repeat: no-repeat;
    background-size: contain;
}
.cost-title {
    color: #5B3E39;
    font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", sans-serif;
    font-weight: 700;
    font-size: 1.8rem;
    line-height: 1.3;
}
.cost-content {
    padding: 12px;
    background-color: #F8F1E7;
}
.cost-content:first-child {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
.cost-content:last-child {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}
.cost-content:not(:first-child) {
    margin-top: 2px;
}
.cost-content-title {
    color: #5B3E39;
    font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", sans-serif;
    font-weight: 700;
    font-size: 1.4rem;
    line-height: 1.5;
}
.cost-content-title.-red {
    color: #E8171D;
}
.cost-content-text {
    color: #5B3E39;
    font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", sans-serif;
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 1.5;
}
.cost-allow-wrap {
    margin-right: auto;
    margin-left: auto;
    width: 33px;
}
.cost-guideline-text {
    color: #5B3E39;
    font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", sans-serif;
    font-weight: 700;
    font-size: 2.3rem;
    line-height: 1.3;
    text-align: center;
}
.cost-guideline-num {
    color: #E8171D;
    font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", sans-serif;
    font-weight: 700;
    font-size: 3.2rem;
    line-height: 1.3;
    text-align: center;
}
.anchor-text {
    color: #5B3E39;
    font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", sans-serif;
    font-weight: 700;
    font-size: 1.4rem;
    line-height: 1.3;
    text-align: center;    
}
.anchor-link-wrap {
    margin-right: auto;
    margin-left: auto;
    display: block;
    width: calc((299 / 315) * 100%);
    max-width: 299px;
    background-color: #FF7E2F;
    border-radius: 40px;
}
.anchor-link {
    display: block;
    position: relative;
    padding-top: 20px;
    padding-bottom: 40px;
    color: #FFFFFF;
    font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", sans-serif;
    font-weight: 700;
    font-size: 2.0rem;
    line-height: 1.0;
    text-align: center;
}
.anchor-link::after {
    content: "";
    display: block;
    position: absolute;
    transform: translate(-50%,-50%);
    top: 65%;
    left: 50%;
    width: calc((16 / 315) * 100%);
    aspect-ratio: 1 / 1;
    background-image: url('/personal/loan/jutaku/housing_support/img/anchor-button-icon.svg');
    background-repeat: no-repeat;
    background-size: contain;
}
.helpful-title {
    color: #5B3E39;
    font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", sans-serif;
    font-weight: 700;
    font-size: 2.4rem;
    line-height: 1.3;
}
.helpful-list {
    border-bottom: solid 1px #EBE3D7;
}
.helpful-list-item {
    border-top: solid 1px #EBE3D7;
}
.helpful-list-item-link {
    padding-top: 24px;
    padding-bottom: 24px;
    display: flex;
}
.helpful-list-item-img-wrap {
    margin-right: calc((16 / 315) * 100%);
    width: calc((90 / 315) * 100%);
    border-radius: 2px;
}
.helpful-list-item-text-wrap {
    width: calc((209 / 315) * 100%);
}
.helpful-list-item-text, .helpful-list-item-date {
    color: #5B3E39;
    font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", sans-serif;
    font-weight: 400;
    font-size: 1.8rem;
    line-height: 1.3;
}
/* サキパス */
.sakipasu-title-wrap {
    position: relative;
    max-width: 400px;
    margin: 0 auto;
}
.sakipasu-heading {
    color: #5B3E39;
    font-family: "Zen Maru Gothic", "Hiragino Maru Gothic ProN", "Yu Gothic", "Meiryo", sans-serif;
    font-weight: 900;
    font-size: 3.0rem;
    line-height: 1.3;
}
.sakipasu-img-wrap {
    position: absolute;
    transform: translate(0%, -50%);
    top: 42%;
    left: calc((239 / 345) * 100%);
    width: 103px;
}
.sakipasu-step-wrap {
    background-color: #FFFFFF;
    box-shadow: 0px 0px 8px 0px #00000040;
    border-radius: 16px;
}
.sakipasu-step-title {
    padding: 16px;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    background-color: #FF7E2F;
}
.sakipasu-step-title-text {
    color: #FFFFFF;
    font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", sans-serif;
    font-weight: 700;
    font-size: 3.4rem;
    line-height: 1;
    text-align: center;
}
.sakipasu-step-content {
    padding: 16px 16px 24px 16px;
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
}
.sakipasu-step-content-item {
    position: relative;
    padding: 8px 8px 16px 8px;
    background-color: #F2EFEA;
    border-radius: 8px;
}
.sakipasu-step-content-item:not(:last-of-type)::after {
    content: "";
    display: block;
    position: absolute;
    transform: translate(-50%, 40%);
    top: 100%;
    left: 50%;
    width: 16px;
    aspect-ratio: 1 / 1;
    background-repeat: no-repeat;
    background-image: url('/personal/loan/jutaku/housing_support/img/flow-icon-triangle-02_vertical.svg');
    background-size: contain;
}
.sakipasu-step-content-item-step {
    color: #FF7E2F;
    font-family: "Inter", "Helvetica Neue", "Arial", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif;
    font-weight: 500;
    font-size: 2.2rem;
    line-height: 1.3;
    text-align: center;
}
.sakipasu-step-content-item-step span {
    margin-right: 2px;
    font-weight: 700;
    font-size: 1.2rem;
}
.sakipasu-step-content-item-text {
    color: #5B3E39;
    font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", sans-serif;
    font-weight: 700;
    font-size: 1.7rem;
    line-height: 1.3;
    text-align: center;    
}
.pre-screening-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
}
.pre-screening-icon {
    margin-left: calc((4 / 299) * 100%);
    width: calc((100 / 299) * 100%);
}
.pre-screening-text {
    margin-right: auto;
    margin-left: auto;
    width: 281px;
    color: #5B3E39;
    font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", sans-serif;
    font-weight: 700;
    font-size: 2.2rem;
    line-height: 1.3;  
}
/* 感想 */
.thought-title-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
}
.thought-title {
    width: 247px;
    color: #FFFFFF;
    font-family: "Zen Maru Gothic", "Hiragino Maru Gothic ProN", "Yu Gothic", "Meiryo", sans-serif;
    font-weight: 900;
    font-size: 3.0rem;
    line-height: 1.3;
}
.thought-title-icon-wrap {
    width: 68px;
}
.thought-content-wrap {
    padding: 24px;
    background-color: #FFFFFF;
    border-radius: 16px;
    box-shadow: 0px 0px 8px 0px #00000040;
}
.thought-person-wrap {
    display: flex;
    align-items: center;
}
.thought-person-img-wrap {
    margin-right: calc((8 / 267) * 100%);
    width: calc((48 / 267) * 100%);
}
.thought-person-text {
    color: #5B3E39;
    font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", sans-serif;
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 1;
}
/* SP 追従メニュー */
.anchor-wrap {
    display: none;
}
.anchor-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    z-index: 10001;
}
.fixed-anchor {
    position: fixed;
    display: flex;
    top: 62.09px;
    right: 0;
    width: calc((360 / 375) * 100%);
    z-index: 10002;
    transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1);
    transform: translateX(calc(100% - 75px));
    pointer-events: none;
}
.fixed-anchor.is-open {
    transform: translateX(0);
}
.fixed-anchor-heading {
    position: relative;
    padding: 12px 10px 8px;
    width: 75px;
    height: fit-content;
    align-self: flex-start;
    background-color: #FF7E2F;
    box-shadow: 0px 0px 16px 0px #000000B2;
    border-top-left-radius: 16px;
    border-bottom-left-radius: 16px;
    pointer-events: auto;
}
.fixed-anchor-heading::after {
    content: "";
    display: block;
    position: absolute;
    top: 10%;
    right: 10%;
    transform: translate(-50%, 0%);
    width: calc((13 / 75) * 100%);
    aspect-ratio: 1 / 1;
    background-image: url('/personal/loan/jutaku/housing_support/img/fixed-icon-star.svg');
    background-repeat: no-repeat;
}
.fixed-anchor-heading-text {
    color: #FFFFFF;
    font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", sans-serif;
    font-weight: 700;
    font-size: 1.2rem;
    line-height: 1.1;
}
.fixed-anchor-heading-text span {
    font-size: 1.8rem;
}
.fixed-anchor-list {
    background-color: #6D3F37;
    width: calc(100% - 75px);
    border-bottom-left-radius: 16px;
    box-shadow: none;
}
.is-open .fixed-anchor-list {
    box-shadow: 0px 0px 16px 0px #000000B2;
}
.fixed-anchor-list-item:not(:last-of-type) {
    border-bottom: solid 1px #C68440;
}
.fixed-anchor-list-link {
    display: flex;
    align-items: center;
    padding: 20px 0 20px 16px;
    color: #FFFFFF;
    font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", sans-serif;
    font-weight: 700;
    font-size: 2.4rem;
    line-height: 1;
    pointer-events: auto;
}
.fixed-anchor-list-link::before {
    content: "";
    display: block;
    margin-right: 4px;
    width: calc((32 / 285) * 100%);
    aspect-ratio: 1 / 1;
    background-image: url('/personal/loan/jutaku/housing_support/img/icon-star.svg');
    background-repeat: no-repeat;
}
.fixed-anchor-list-link span {
    margin-left: 8px;
    font-size: 1.2rem;
}
/* 追従CV */
.fixed-cv {
    position: fixed;
    bottom: 25px;
    right: 2.5%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 50;
    width: 64px;
    aspect-ratio: 1 / 1;
    background-color: #FF7E2F;
    box-shadow: 0px 0px 16px 0px #000000B2;
    border-radius: 16px;
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}
.fixed-cv.is-visible {
    opacity: 1;
    visibility: visible;
}
.fixed-cv-link {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}
.fixed-cv-link-text {
    font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", sans-serif;
    font-weight: 700;
    font-size: 1.8rem;
    line-height: 1.3;
    color: #FFFFFF;
    text-align: center;
}
/* SPデザイン */
@media screen and (max-width: 767px) {
    .pc-only {
        display: none;
    }
    /* 余白 */
    .mt-sp-4 {
        margin-top: 4px;
    }
    .mt-sp-6 {
        margin-top: 6px;
    }
    .mt-sp-8 {
        margin-top: 8px;
    }
    .mt-sp-10 {
        margin-top: 10px;
    }
    .mt-sp-12 {
        margin-top: 12px;
    }
    .mt-sp-16 {
        margin-top: 16px;
    }
    .mt-sp-24 {
        margin-top: 24px;
    }
    .mt-sp-26 {
        margin-top: 26px;
    }
    .mt-sp-30 {
        margin-top: 30px;
    }
    .mt-sp-32 {
        margin-top: 32px;
    }
    .mt-sp-40 {
        margin-top: 40px;
    }
    .mb-sp-24 {
        margin-bottom: 24px;
    }
    .mx-sp-15 {
        margin-left: 15px;
        margin-right: 15px;
    }
    .mx-sp-30 {
        margin-left: 30px;
        margin-right: 30px;
    }
    .mx-sp-38 {
        margin-left: 38px;
        margin-right: 38px;
    }
    .pt-sp-16 {
        padding-top: 16px;
    }
    .pt-sp-24 {
        padding-top: 24px;
    }
    .pt-sp-32 {
        padding-top: 32px;
    }
    .pt-sp-40 {
        padding-top: 40px;
    }
    .pt-sp-42 {
        padding-top: 42px;
    }
    .pb-sp-30 {
        padding-bottom: 30px;
    }
    .pb-sp-40 {
        padding-bottom: 40px;
    }
    .pb-sp-60 {
        padding-bottom: 60px;
    }
    .px-sp-15 {
        padding-left: 15px;
        padding-right: 15px;
    }
    .px-sp-16 {
        padding-left: 16px;
        padding-right: 16px;
    }
    .px-sp-30 {
        padding-left: 30px;
        padding-right: 30px;
    }
    /* フロー */
    .-ideal .flow-content {
        padding-bottom: 24px;
    }
    .flow-content .-bottom {
        padding-bottom: 34px;
    }
}
/* タブレットデザイン */
@media screen and (min-width: 418px) and (max-width: 767px) {
    .merrit-heading-sakipasu {
        letter-spacing: 0;
    }
}
@media screen and (min-width: 440px) and (max-width: 635px) {
    .-ideal .flow-content-item:nth-child(3) .flow-content-item-text {
        text-align: left;
        padding-left: 25px;
        max-width: 110px;
        margin-right: auto;
        height: auto;
    }
}
@media screen and (max-width: 440px) {
    .-ideal .flow-content-item:nth-child(3) .flow-content-item-text {
        padding-right: calc((25 / 170) * 100%);
    }
}
@media screen and (min-width: 636px) and (max-width: 767px) {
    .-ideal .flow-content-item:nth-child(3) .flow-content-item-text {
        text-align: left;
        padding-left: 45px;
        max-width: 110px;
        margin-right: auto;
        height: auto;
    }
}
@media screen and (min-width: 600px) and (max-width: 767px) {
    .-common .flow-content-item .flow-content-item-text-sub {
        padding-left: 25px;
        max-width: 130px;
    }
}
@media screen and (min-width: 400px) and (max-width: 439px) {
    .content-priority::before {
        top: -200px;
    }
}
@media screen and (min-width: 440px) and (max-width: 469px) {
    .content-priority::before {
        top: -225px;
    }
}
@media screen and (min-width: 470px) and (max-width: 489px) {
    .content-priority::before {
        top: -250px;
        width: 400px;
        height: auto;
        aspect-ratio: 112 / 177;
    }
}
@media screen and (min-width: 490px) and (max-width: 519px) {
    .content-priority::before {
        top: -275px;
        width: 450px;
        height: auto;
        aspect-ratio: 112 / 177;
    }
}
@media screen and (min-width: 520px) and (max-width: 700px) {
    .content-priority::before {
        top: -375px;
        width: 500px;
        height: auto;
        aspect-ratio: 112 / 177;
    }
}
@media screen and (min-width: 701px) and (max-width: 767px) {
    .content-priority::before {
        top: -450px;
        width: 550px;
        height: auto;
        aspect-ratio: 112 / 177;
    }
}
/* PCデザイン */
@media screen and (min-width: 768px) {
    /* 共通 */
    .sp-only {
        display: none;
    }
    .default-text {
        font-size: 1.8rem;
    }
    .default-text.-pc-center {
        text-align: center;
    }
    .emphasis-text {
        width: auto;
    }
    .emphasis-text.-width-pc-162 {
        margin-right: calc((4 / 1116) * 100%);
    }
    .emphasis-text .-dot {
        padding-top: 8px;
    }
    /* 吹き出し */
    .speechBubble {
        max-width: 335px;
    }
    /* モーダルウィンドウ */
    .modal-window {
        padding: 44px 40px 36px 40px;
        width: 571px;
        min-height: auto;
        max-height: none;
    }
    .button-close-img {
        top: 16px;
        right: 16px;
    }
    .modal-window-content-wrap {
        padding-right: 0px;
    }
    .modal-window-title {
        margin-bottom: 1.6rem;
    }
    .modal-window-text {
        text-align: center;
    }
    /* 余白 */
    .mt-pc-4 {
        margin-top: 4px;
    }
    .mt-pc-6 {
        margin-top: 6px;
    }
    .mt-pc-8 {
        margin-top: 8px;
    }
    .mt-pc-10 {
        margin-top: 10px;
    }
    .mt-pc-12 {
        margin-top: 12px;
    }
    .mt-pc-16 {
        margin-top: 16px;
    }
    .mt-pc-24 {
        margin-top: 24px;
    }
    .mt-pc-32 {
        margin-top: 32px;
    }
    .mt-pc-40 {
        margin-top: 40px;
    }
    .mb-pc-24 {
        margin-bottom: 24px;
    }
    .pt-pc-8 {
        padding-top: 8px;
    }
    .pt-pc-16 {
        padding-top: 16px;
    }
    .pt-pc-32 {
        padding-top: 32px;
    }
    .pt-pc-40 {
        padding-top: 40px;
    }
    .pt-pc-58 {
        padding-top: 58px;
    }
    .pt-pc-80 {
        padding-top: 80px;
    }
    .pb-pc-16 {
        padding-bottom: 16px;
    }
    .pb-pc-40 {
        padding-bottom: 40px;
    }
    .pb-pc-80 {
        padding-bottom: 80px;
    }
    /* KV */
    .kv-heading{
        left: 20px;
        margin-top: 16px;
        font-size: 1.6rem;
    }
    /* 不安ブロック */
    .worries-inner {
        margin-right: auto;
        margin-left: auto;
        padding-right: 20px;
        padding-left: 20px;
        max-width: 1220px;
    }
    .worries-img-wrap {
        position: relative;
    }
    .worries-text {
        position: absolute;
        bottom: -2%;
        left: calc((369 / 1180) * 100%);
        width: calc((570 / 1180) * 100%);
        font-size: 1.8rem;
    }
    .worries-heading {
        font-size: 4.0rem;
        line-height: 1.3;
    }
    .worries-heading span {
        font-size: 4.0rem;
    }
    /* フロー */
    .flow-inner {
        display: block;
    }
    .flow-item {
        display: flex;
        flex-direction: row;
        width: 100%;
    }
    .flow-content {
        display: flex;
    }
    .flow-heading {
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 20.5px 16px;
        width: calc((256 / 1180) * 100%);
        border-top-right-radius: 0px;
        border-bottom-left-radius: 16px;
    }
    .flow-heading-text {
        font-size: 1.8rem;
    }
    .flow-heading-icon {
        width: calc((36 / 224) * 100%);
    }
    .flow-heading-text-sub {
        justify-content: center;
        align-items: center;
        margin-right: auto;
        margin-left: auto;
        width: 100%;
        font-size: 2.4rem;
        line-height: 1.2;
    }
    .flow-heading-text-sub::before {
        width: calc((26 / 224) * 100%);
        background-position: center;
    }
    .flow-content {
        padding: 16px 18px;
        width: calc((924 / 1180) * 100%);
        border-top-right-radius: 16px;
        border-bottom-left-radius: 0px;
    }
    .flow-content-item {
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 8px;
        width: calc((156 / 888) * 100%);
    }
    .flow-content-item:nth-child(3) {
        width: calc((160 / 888) * 100%);
    }
    .flow-content-item:not(:last-child) {
        margin-right: calc((26 / 888) * 100%);
    }
    .flow-content-item:not(:last-child)::after {
        transform: translate(-50%, -50%);
        top: 50%;
        left: 110%;
        width: calc((16 / 156) * 100%);
    }
    .-common .flow-content-item:not(:last-child)::after {
        background-image: url('/personal/loan/jutaku/housing_support/img/flow-icon-triangle-01_pc.svg');
    }
    .-ideal .flow-content-item:not(:last-child)::after {
        background-image: url('/personal/loan/jutaku/housing_support/img/flow-icon-triangle-02_beside.svg');
    }
    .-common .flow-content-item:nth-child(3)::before {
        top: auto;
        bottom: 11%;
        left: -171%;
        width: calc((318 / 156) * 100%);
        aspect-ratio: 320 / 27;
        background-image: url('/personal/loan/jutaku/housing_support/img/flow-allow_pc.svg');
    }
    .-ideal .flow-content-item:nth-child(3) {
        justify-content: flex-start;
    }
    .flow-content-item-text {
        height: 44px;
        display: flex;
        justify-content: center;
        white-space: nowrap;
    }
    .-common .flow-content-item:nth-child(3) .flow-content-item-text {
        height: auto;
    }
    .-ideal .flow-content-item:nth-child(3) .flow-content-item-text {
        padding-right: calc((20 / 144) * 100%);
        height: auto;
        min-height: 44px;
        display: flex;
        align-items: center;
    }
    .-common .flow-content-item-text-sub {
        display: flex;
        justify-content: center;
        padding-right: 15px;
        white-space: nowrap;
        text-align: center;
    }
    .-ideal .flow-content-item-text-sub {
        line-height: 1.42857142857;
    }
    .-common .flow-content-img-wrap {
        bottom: 2%;
        right: -15%;
        width: calc((49 / 156) * 100%);
    }
    .-ideal .flow-content-img-wrap {
        bottom: 0%;
        right: 5%;
        width: calc((74 / 156) * 100%);
    }
    /* メリット */
    .merrit-inner {
        margin-right: auto;
        margin-left: auto;
        padding-right: 20px;
        padding-left: 20px;
        max-width: 1220px;
    }
    .merrit-icon-wrap {
        width: calc((48 / 1116) * 100%);
    }
    .merrit-content-wrap-inner {
        display: flex;
    }
    .merrit-content-wrap {
        width: calc((350 / 1116) * 100%);
    }
    .merrit-content-wrap:not(:last-child) {
        margin-right: calc((32 / 1116) * 100%);
    }
    .merrit-num-wrap {
        width: calc((50 / 350) * 100%);
    }
    .merrit-num-text {
        display: flex;
        align-items: center;
        justify-content: center;
        min-width: none;
        font-weight: 800;
        line-height: 0.75;
        letter-spacing: 0.04rem;
        white-space: nowrap;
    }
    .merrit-num {
        line-height: 1;
    }
    .merrit-text-wrap {
        margin-left: calc((16 / 350) * 100%);
        width: calc((286 / 350) * 100%);
    }
    .merrit-text {
        font-size: 1.8rem;
    }
    .merrit-namely-wrap {
        justify-content: center;
        padding: 0;
    }
    .merrit-namely-icon {
        margin-left: calc((8 / 1116) * 100%);
        width: calc((100 / 1116) * 100%);
    }
    .merrit-namely-text-wrap {
        margin-right: auto;
        margin-left: auto;
        width: calc((800 / 1116) * 100%);
    }
    /* 説明エリア */
    .about-inner {
        margin-right: auto;
        margin-left: auto;
        padding-right: 20px;
        padding-left: 20px;
        max-width: 1220px;
    }
    .about-title {
        width: auto;
        font-size: 4.0rem;
        text-align: center;
    }
    .about-content-wrap {
        display: flex;
        align-items: end;
        margin-right: auto;
        margin-left: auto;
        width: calc((720 / 1180) * 100%);
        min-width: 730px;
    }
    .about-content-inner {
        width: calc((496.79 / 720) * 100%);
        margin-right: calc((10 / 720) * 100%);
    }
    .pass-img-wrap {
        margin-right: calc((10 / 496.79) * 100%);
        width: calc((54 / 496.79) * 100%);
        max-width: none;
    }
    .pass-text-wrap {
        width: calc((432.79 / 496.79) * 100%);
    }
    .about-title-icon-wrap {
        margin-top: 0;
        margin-right: 0;
        width: calc((213.21 / 720) * 100%);
    }
    /* 優先エリア */
    .content-priority {
        background-image: url("/personal/loan/jutaku/housing_support/img/priority-background_pc.svg");
        background-repeat: no-repeat;
        background-position: 85% top;
        background-size: 90% auto;
        position: relative;
    }
    .content-priority::before {
        display: none;
    }
    .priority-inner {
        margin-right: auto;
        margin-left: auto;
        padding-right: 20px;
        padding-left: 20px;
        max-width: 1220px;
    }
    .priority-heading {
        font-size: 4.0rem;
    }
    .priority-heading span {
        font-size: 4.0rem;
    }
    .priority-content-wrap {
        display: flex;
        align-items: center;
        margin-right: auto;
        margin-left: auto;
        width: calc((924.61 / 1180) * 100%);
    }
    .priority-text-wrap {
        margin-right: calc((32 / 924.61) * 100%);
        width: calc((486.06 / 924.61) * 100%);
        width: calc((624 / 924.61) * 100%);
    }
    .priority-img {
        width: calc((268.61 / 924.61) * 100%);
        max-width: none;
    }
    .tab {
        position: relative;
    }
    .tab-menu {
        position: -webkit-sticky;
        position: sticky;
        display: flex;
        top: 0;
        z-index: 5;
        padding-bottom: 4px;
        min-height: 172px;
        transition: min-height 0.2s ease;
        background-color: #EBE3D7;
    }
    .is-tab-opened .tab-menu.is-sticky {
        min-height: 88px;
    }
    .is-tab-opened .tab-menu {
        border-bottom: solid 8px #6D3F37;
    }
    .priority-content-title {
        padding: 16px;
        width: calc((232 / 1180) * 100%);
    }
    .priority-content-title:not(:last-child) {
        margin-right: calc((5 / 1180) * 100%);
    }
    .is-tab-opened .priority-content-title.is-active {
        position: relative;
        background-color: #6D3F37;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }
    .is-tab-opened .priority-content-title.is-active::after {
        content: "";
        position: absolute;
        transform: translate(-50%, 0%);
        bottom: -4px;
        left: 50%;
        width: 100%;
        height: 4px;
        background-color: #6D3F37;
    }
    .is-tab-opened .priority-content-title {
        background-color: #6B6260;
    }
    .priority-content-title-text {
        padding-left: 1.5em;
        text-indent: -1.5em;
    }
    .priority-content-title-text span {
        margin-left: 0rem;
        line-height: 1;
        vertical-align: top;
    }
    .priority-content-title-text::before {
        margin-right: 0.4rem;
        width: 3.2rem;
    }
    .priority-content-title-explain {
        padding-right: 0;
        transition: all 0.3s ease;
        overflow: hidden;
    }
    .is-tab-opened .tab-menu.is-sticky .priority-content-title-explain {
        visibility: hidden;
        height: 0;
        margin-top: 0 !important;
        opacity: 0;
        pointer-events: none;
    }
    .tab-content {
        display: none;
        padding: 32px 32px 16px 32px;
        background-color: #FFFFFF;
    }
    .tab-content.is-active {
        display: block;
    }
    .priority-content-inner-title-icon {
        width: calc((52 / 1116) * 100%);
        max-width: none;
    }
    .priority-content-inner-title {
        margin-left: calc((6 / 1116) * 100%);
    }
    .priority-content-inner-text {
        font-size: 1.8rem;
    }
    .positive-negative-wrap {
        display: flex;
    }
    .positive-wrap, 
    .negative-wrap {
        width: calc((556 / 1116) * 100%);
    }
    .positive-wrap {
        margin-right: calc((4 / 1116) * 100%);
    }
    .cost-flex-wrap {
        display: flex;
    }
    .cost-flex-item {
        position: relative;
        display: flex;
        flex-direction: column;
        width: calc((344 / 1116) * 100%);
    }
    .cost-flex-item:not(:last-child) {
        margin-right: calc((42 / 1116) * 100%);
    }
    .cost-flex-item:first-of-type::after {
        content: "＋";
        position: absolute;
        display: flex;
        justify-content: center;
        align-items: center;
        transform: translate(0%, -50%);
        top: 50%;
        left: 100%;
        width: calc((42 / 344) * 100%);
        color: #FF7E2F;
        font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", sans-serif;
        font-weight: 900;
        font-size: 4.0rem;
        line-height: 1.3;
    }
    .cost-flex-item:nth-of-type(2)::after {
        content: "＝";
        position: absolute;
        display: flex;
        justify-content: center;
        align-items: center;
        transform: translate(0%, -50%);
        top: 50%;
        left: 100%;
        width: calc((42 / 344) * 100%);
        color: #FF7E2F;
        font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", sans-serif;
        font-weight: 900;
        font-size: 4.0rem;
        line-height: 1.3;
    }
    .cost-flex-item:nth-of-type(2) .cost-content-title.-red{
        padding-bottom: 11px;
    }
    .cost-content-wrap {
        overflow: hidden;
        display: flex;
        flex-direction: column;
        flex-grow: 1;
        background-color: #F8F1E7;
        border-radius: 8px;
    }
    .cost-content:not(:first-child) {
        margin-top: 0px;
        border-top: solid 2px #FFFFFF;
    }
    .guideline-content-wrap {
        overflow: hidden;
        display: flex;
        flex-direction: column;
        flex-grow: 1;
        background-color: #F9E7CE;
        border-radius: 8px;
    }
    .cost-guideline-text {
        text-align: left;
    }
    .guideline-content {
        padding: 12px;
        background-color: #F9E7CE;
    }
    .guideline-content:not(:first-child) {
        border-top: solid 2px #FFFFFF;
    }
    .guideline-content:first-child {
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
    }
    .guideline-content:last-child {
        padding-top: 25px;
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
    }
    .cost-allow-wrap {
        width: calc((34 / 320) * 100%);
    }
    .anchor-link-wrap {
        width: calc((299 / 320) * 100%);
    }
    .anchor-link {
        padding-left: calc((16 / 320) * 100%);
        padding-bottom: 20px;
        font-size: 1.5rem;
    }
    .anchor-link::after {
        width: calc((16 / 320) * 100%);
        transform: translate(50%, -50%);
        top: 50%;
        left: 0%;
    }
    .helpful-list {
        display: flex;
        border-top: solid 1px #EBE3D7;
        border-bottom: none;
    }
    .helpful-list-item {
        width: calc((256 / 1116) * 100%);
        border-top: none;
        border-bottom: solid 1px #EBE3D7;
    }
    .helpful-list-item:not(:last-child) {
        margin-right: calc((30 / 1116) * 100%);
    }
    .helpful-list-item-link {
        display: block;
    }
    .helpful-list-item-img-wrap {
        margin-right: 0;
        width: 100%;
    }
    .helpful-list-item-text-wrap {
        width: 100%;
    }
    /* サキパス */
    .sakipasu-inner {
        margin-right: auto;
        margin-left: auto;
        padding-right: 20px;
        padding-left: 20px;
        max-width: 1220px;
    }
    .sakipasu-content-wrap {
        display: flex;
        align-items: end;
        margin-right: auto;
        margin-left: auto;
        max-width: 750.76px;
    }
    .sakipasu-content-inner {
        margin-right: calc((16 / 750.76) * 100%);
        width: calc((520.22 / 750.76) * 100%);
        min-width: 542px;
    }
    .sakipasu-title-wrap {
        max-width: none;
    }
    .sakipasu-heading {
        font-size: 4.0rem;
    }
    .sakipasu-img-wrap {
        position: static;
        transform: none;
        width: calc((183.78 / 750.76) * 100%);
    }
    .sakipasu-step-title {
        padding: 12px 16px;
    }
    .sakipasu-step-content {
        padding: 16px 32px;
    }
    .sakipasu-step-content-item-inner {
        display: flex;
    }
    .sakipasu-step-content-item {
        padding: 24px 8px 28px 8px;
        width: calc((204 / 1116) * 100%);
    }
    .sakipasu-step-content-item:not(:last-of-type) {
        margin-right: calc((24 / 1116) * 100%);
    }
    .sakipasu-step-content-item:not(:last-of-type)::after {
        transform: translate(35%, 0%);
        top: 50%;
        left: 100%;
        width: calc((16 / 204) * 100%);
        background-image: url('/personal/loan/jutaku/housing_support/img/flow-icon-triangle-02_beside.svg');
    }
    .merrit-content-wrap-inner {
        display: flex;
    }
    .pre-screening-wrap {
        align-items: center;
    }
    .pre-screening-icon {
        width: calc((100 / 1116) * 100%);
    }
    .pre-screening-text {
        width: 100%;
        font-size: 1.8rem;
        line-height: 1.6;
        text-align: center;
    }
    /* 感想 */
    .thought-inner {
        margin-right: auto;
        margin-left: auto;
        padding-right: 20px;
        padding-left: 20px;
        max-width: 1220px;
    }
    .thought-title-wrap {
        justify-content: center;
        align-items: center;
        margin-right: auto;
        margin-left: auto;
        width: 100%;
    }
    .thought-title {
        margin-right: calc((24 / 1180) * 100%);
        width: auto;
        font-size: 4.0rem;
    }
    .thought-title-icon-wrap {
        width: calc((68.22 / 1180) * 100%);
    }
    .thought-content-wrap-inner {
        display: flex;
        justify-content: center;
    }
    .thought-content-wrap {
        width: calc((315 / 1180) * 100%);
    }
    .thought-content-wrap:not(:last-child) {
        margin-right: calc((8 / 1180) * 100%);
    }
    .thought-person-img-wrap {
        margin-right: calc((8 / 267) * 100%);
        width: calc((48 / 267) * 100%);
    }
    .thought-person-text {
        line-height: 1.4375;
    }
    /* バナー */
    .banner-inner {
        margin-right: auto;
        margin-left: auto;
        padding-right: 20px;
        padding-left: 20px;
        max-width: 1220px;
    }
    /* 追従CV */
    .fixed-cv {
        top: auto;
        bottom: 1.25rem;
        right: 3rem;
        width: 8.0rem;
        border-radius: 8px;
    }
    .fixed-cv-link-text {
        font-size: 2.0rem;
        line-height: 1.2;
    }
    /* footer */
    .list-wrap {
        margin-top: 0;
    }
}
@media screen and (min-width: 1180px) {
    /* KV */
    .kv-heading{
        left: 50%;
        margin-left: -590px;
        padding-left: 20px;
        font-size: 2.0rem;
    }
}
@media screen and (min-width: 1250px) {
    .content-priority {
        background-position: 107% top;
        background-size: 80% auto;
    }
}
@media screen and (min-width: 1275px) {
    .content-priority {
        background-position: 104.5% top;
    }
}
@media screen and (min-width: 1315px) {
    .content-priority {
        background-position: 90.5% top;
    }
}
@media screen and (min-width: 1400px) {
    .content-priority {
        background-position: 75% top;
    }
}
@media screen and (min-width: 1460px) {
    .content-priority {
        background-position: 80% top;
    }
}
@media screen and (min-width: 1500px) {
    .content-priority {
        background-position: 75% top;
        background-size: 70% auto;
    }
}
@media screen and (min-width: 1580px) {
    .content-priority {
        background-position: 66.5% top;
    }
}
@media screen and (min-width: 1750px) {
    .content-priority {
        background-position: 65% top;
        background-size: 60% auto;
    }
}
@media screen and (min-width: 1900px) {
    .content-priority {
        background-position: 58% top;
    }
}
@media screen and (max-width: 1000px) {
    .content-priority {
        background-position: 152% top;
    }
}
@media screen and (max-width: 960px) {
    .content-priority {
        background-position: 155% top;
    }
}
@media screen and (max-width: 935px) {
    .content-priority {
        background-position: 160% top;
    }
}
@media screen and (max-width: 900px) {
    .content-priority {
        background-position: 230% top;
        background-size: 95% auto;
    }
}
@media screen and (max-width: 875px) {
    .content-priority {
        background-position: 240% top;
    }
}
@media screen and (max-width: 835px) {
    .content-priority {
        background-position: 250% top;
    }
}
@media screen and (max-width: 810px) {
    .content-priority {
        background-position: 260% top;
    }
}