@charset "UTF-8";

/*MV調整*/
#mv_outer:before {
    content: none;
}

#top_banner + section {}

/*mv_txt*/
#mv .mv_textimg {
    padding: 0 20px;
}
#mv .mv_textimg img {
    width: 80%;
    margin: 0 auto;
}
@media (max-width:900px) {
    #mv .mv_textimg {
        padding: 0;
    }
    #mv .mv_textimg img {
        width: 90%;
    }
}

/* top見出し */
.index .heading.block_header_1 p:before {
    display: none;
}
.index .heading.block_header_1 p {
    padding-bottom: 0;
    margin-bottom: 10px;
}
a[id^="top"] + section .heading.block_header_2 {
    position: relative;
    padding-top: 50px;
}
#top_left + section .heading.block_header_2:after {
    position: absolute;
    display: block;
    content: "MODEL HOUSE";
    top: 10px;
    left: 50%;
    transform: translateX(-50%);
    color: var(--i_main_color);
    font-size: 2.5rem;
    pointer-events: none;
    font-family: "Zen Maru Gothic", serif, "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: 500;
    line-height: 1;
    z-index: -1;
    width: auto;
    letter-spacing: 0.1rem;
}
#seo_w + section .heading::after,
#concept + div .heading.block_header_1 p::after,
#voice + div .heading::after, 
#voice + section .heading::after,
#column + div .heading::after, 
#blog + div .heading::after,
#access + div .heading.block_header_1 p::after,
#seo_c + section .heading::after,
#review + div .heading::after,
#link + div .heading.block_header_1 p::after {
    content: "";
    display: block;
    position: absolute;
    content: "INTRODUCTION";
    top: -30px;
    left: 50%;
    transform: translateX(-50%);
    color: var(--i_main_color);
    font-size: 2.5rem;
    pointer-events: none;
    font-family: "Zen Maru Gothic", serif, "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: 500;
    line-height: 1;
    z-index: -1;
    width: auto;
    letter-spacing: 0.1rem;
    white-space: pre;
}
#voice + div .heading::after, 
#voice + section .heading::after {
    content: "VOICE";
}
#concept + div .heading.block_header_1 p::after {
    content: "CONCEPT";
}
#review + div .heading::after {
    content: "REVIEWS";
}
#column + div .heading::after {
    content: "COLUMN";
}
#blog + div .heading::after {
    content: "BLOG";
}
#seo_c + section .heading::after {
    content: "FEATURE";
}
#access + div .heading.block_header_1 p::after {
    content: "ACCESS";
}
#link + div .heading.block_header_1 p::after {
    content: "LINK";
}
@media screen and (min-width: 901px) {
    #concept + div .heading.block_header_1 p::after,
    #top_left + section .heading.block_header_2:after,
    #column + div .heading::after {
        left: 0;
        transform: none;
    }
}
@media screen and (max-width: 900px) {
    #seo_w + section .heading::after,
    #concept + div .heading.block_header_1 p::after,
    #voice + div .heading::after, 
    #voice + section .heading::after, 
    #column + div .heading::after,
    #blog + div .heading::after,
    #access + div .heading.block_header_1 p::after,
    #seo_c + section .heading::after,
    #review + div .heading::after,
    #link + div .heading.block_header_1 p::after,
    a[id^="top"] + section .heading.block_header_2:after {
        font-size: 1.4rem !important;
        top: -20px !important;
    }
    a[id^="top"] + section .heading.block_header_2 {
        padding-top: 15px;
    }
    a[id^="top"] + section .heading.block_header_2:after {
        top: -5px !important;
    }
}


/* ---------------20250529修正＞トップページに参考プラン追加---------------- */
/* --------top_plan-------- */
#top_plan + div .heading.block_header_1 .h,
#top_plan + div .heading.block_header_6 p {
    font-size: 7rem !important;
    font-weight: 600;
    line-height: 1;
    color: var(--i_txt_color);
}
#top_plan + div .heading.block_header_1 p,
#top_plan + div .heading.block_header_6 .h {
    font-size: 3.5rem !important;
    font-weight: 600;
}
#top_plan + div .heading.block_header_1 .h span {
    color: var(--i_btn_color);
    font-size: 8rem !important;
}

/* no.123 */
#top_plan + div .inner_item {
    position: relative;
    transition: .4s ease-in-out;
}
#top_plan + div .inner_item:before {
    position: absolute;
    display: block;
    content: "";
    pointer-events: none;
    transition: .4s ease-in-out;
    width: 100%;
    height: 100%;
    top: -10px;
    left: 0;
    z-index: 3;
}
#top_plan + div .inner_item:nth-of-type(1)::before {
    background: url("/common/upload_data/kanekokoumuten-hirayacom/image/no1.png") no-repeat top left / 100px;
}
#top_plan + div .inner_item:nth-of-type(2)::before {
    background: url("/common/upload_data/kanekokoumuten-hirayacom/image/no2.png") no-repeat top left / 100px;
}
#top_plan + div .inner_item:nth-of-type(3)::before {
    background: url("/common/upload_data/kanekokoumuten-hirayacom/image/no3.png") no-repeat top left / 100px;
}

#top_plan + div.dec2_1.composite_box01 .inner_item:hover {
    background-color: #FFF6B7;
}

#top_plan + div .inner_item_img img {
    border-radius: 15px 15px 0 0;
}

#top_plan + div .heading.block_header_4 .h {
    font-size: 2.2rem !important;
    color: var(--i_txt_color);
}
#top_plan + div .heading.block_header_4 p {
    text-align: left;
}
/* 矢印装飾 */
#top_plan + div .inner_item .heading:before,
#top_plan + div .inner_item .heading:after {
    position: absolute;
    display: block;
    content: "";
    pointer-events: none;
    transition: .4s ease-in-out;
    width: 25px;
    height: 25px;
}
#top_plan + div .inner_item .heading:before {
    background: var(--i_txt_color);
    border-radius: 50%;
    top: calc(50% - 15px);
    right: 0px;
}
#top_plan + div .inner_item .heading:after {
    background: var(--i_bg_color);
    top: calc(50% - 20px);
    right: -5px;
    mask-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMCIgdmlld0JveD0iMCAwIDUxMiA1MTIiPgogIDxwYXRoIGQ9Ik0yMzcgNTdhMjA3IDIwNyAwIDAgMC0xNDAgNzggMjAwIDIwMCAwIDEgMCAxNDAtNzh6bTUwIDE3YTE4NSAxODUgMCAxIDEtMTYxIDMxMkExODQgMTg0IDAgMCAxIDI4NyA3NHoiLz4KICA8cGF0aCBkPSJNMzA4IDIxNmMtMyAyLTUgNi00IDkgMCAyIDUgNyAxMCAxM2wxMCAxMGgtNzRsLTc3IDFjLTYgMy02IDExIDAgMTRsNzcgMWg3NGwtMTEgMTJjLTEwIDEwLTEyIDEyLTEyIDE1IDAgNCA0IDggOCA4IDMgMCA2LTIgMjMtMjAgMTgtMTggMjAtMjAgMjAtMjNzLTItNS0xNy0yMWMtMTYtMTUtMjEtMjAtMjQtMjBsLTMgMXoiLz4KPC9zdmc+');
    width: 35px;
    height: 35px;
}
/* 料金 */
#top_plan + div .inner_item_txt p span {
    font-size: 4.0rem;
    font-weight: bold;
    line-height: 1;
    padding-left: 5px;
}
#top_plan + div .inner_item_txt p small {
    font-size: 2.0rem;
}

@media screen and (max-width: 800px) {
    #top_plan + div .heading.block_header_1 .h,
    #top_plan + div .heading.block_header_6 p {
        font-size: 5rem !important;
    }
    #top_plan + div .heading.block_header_1 .h span {
        color: var(--i_btn_color);
        font-size: 6rem !important;
    }
    #top_plan + div .heading.block_header_1 p,
    #top_plan + div .heading.block_header_6 .h {
        font-size: 2.0rem !important;
    }
}