@charset "utf-8";
/*------------ ------------ ------------
 b-topbnr 全ページ共通のバナー
------------ ------------ ------------*/

.b-topbnr {
    display: flex;
    align-items: center;
    min-height: 280px;
    overflow: hidden;
    border: 1px solid #dcdcdc;
    letter-spacing: -.4em;
}

.b-topbnr:before, .b-topbnr:after {
    content: '';
    display: inline-block;
    width: 200px;
    height: 280px;
}

.b-topbnr .p-topbnrbox {
    max-width: 558px;
    margin: 0 auto;
    background: #fff;
    padding: 20px 50px;
    display: inline-block;
    letter-spacing: normal;
    vertical-align: top;
}

.b-topbnr .p-topbnrbox .e-topbnrbox_title {
    text-align: center;
    font-size: 1.846rem;
    position: relative;
    margin-bottom: 50px;
    font-weight: bold;
}

.b-topbnr .p-topbnrbox .e-topbnrbox_title:after, .b-topbnr .p-topbnrbox .e-topbnrbox_title:before {
    content: '';
    width: 5px;
    height: 100%;
    border: 1px solid #959595;
    position: absolute;
    top: 0;
}

.b-topbnr .p-topbnrbox .e-topbnrbox_title:after {
    border-right: none;
    left: 0;
}

.b-topbnr .p-topbnrbox .e-topbnrbox_title:before {
    border-left: none;
    right: 0;
}

/*------------ ------------ ------------
 トップページ各記事へのリンクブロック
------------ ------------ ------------*/

.b-taxarticleitem {
    width: 100%;
    max-width: 300px;
    border: 1px solid #c9c9c9;
    margin-right: 30px;
}

.b-taxarticleitem:last-child {
    margin: 0;
}

.b-taxarticleitem .b-articlelink {
    text-decoration: none;
    color: #000000;
    transition: all ease .3s;
    display: block;
}

.b-taxarticleitem .b-articlelink:hover {
    transition: all ease .3s;
    opacity: .6;
}

.b-taxarticleitem .e-articleimg>img {
    width: 100%;
}

.b-taxarticleitem .p-article_titlearea {
    background: #3c83b1;
    padding: 7px 5px;
    color: #fff;
    display: flex;
    align-items: center;
    font-size: 1.153rem;
}

.b-taxarticleitem .p-article_titlearea .e-article_number {
    width: 60px;
    height: 60px;
    background: #fff;
    color: #3c83b1;
    margin-right: 15px;
    text-align: center;
    line-height: 60px;
}

.b-taxarticleitem .p-article_titlearea .e-article_title {
    width: calc(100% - 75px);
}

.b-taxarticleitem .e-article_text {
    padding: 8px 20px;
}

/*------------ ------------ ------------
 記事タイトル
------------ ------------ ------------*/

.e-article-title {
    font-size: 1.846rem;
    text-align: center;
    color: #3c83b1;
    margin-bottom: 32px;
}

/*------------ ------------ ------------
 記事セクション
------------ ------------ ------------*/

.b-section-title-area {
    text-align: center;
}

.b-section-title-area .e-section-title {
    text-align: center;
    font-size: 1.692rem;
    position: relative;
    margin-bottom: 30px;
    padding: 6px 15px;
    font-weight: 500;
    display: inline-block;
    color: #2d2d2d;
}

.b-section-title-area .e-section-title:after, .b-section-title-area .e-section-title:before {
    content: '';
    width: 5px;
    height: 100%;
    border: 1px solid #959595;
    position: absolute;
    top: 0;
}

.b-section-title-area .e-section-title:after {
    border-right: none;
    left: 0;
}

.b-section-title-area .e-section-title:before {
    border-left: none;
    right: 0;
}

.e-lead-text {
    display: block;
    margin-bottom: 30px;
    font-size: 1.076rem;
}

.e-lead-text:last-child {
    margin-bottom: 0;
}

.e-section-subtitle {
    font-size: 1.384rem;
    font-weight: 800;
    padding-bottom: 22px;
}

/*------------ ------------ ------------
 ケースリスト
------------ ------------ ------------*/

.b-case-list .e-caseitem {
    margin-bottom: 36px;
}

.b-case-list .e-caseitem:last-child {
    margin-bottom: 0;
}

.b-case-list .e-caseitem img {
    max-width: 100%;
}

/*------------ ------------ ------------
 タイミングリスト
------------ ------------ ------------*/

.b-timing-list {
    margin-bottom: 36px;
}

.b-timing-list .e-timingitem {
    margin-bottom: 96px;
}

.b-timing-list .e-timingitem:last-child {
    margin-bottom: 0;
}

.b-timing-list .e-timingitem img {
    max-width: 100%;
}

/*------------ ------------ ------------
 ポイントブロック
------------ ------------ ------------*/

.b-point-area {
    display: flex;
    justify-content: center;
    align-items: center;
}

.b-point-area .e-icon {
    width: 100px;
    height: 100px;
    margin-right: 15px;
}

.b-point-area .p-point-text {
    width: 690px;
    padding: 15px 17px;
    position: relative;
    border: 3px solid #c03f3f;
    border-radius: 10px;
}

.b-point-area .p-point-text:before {
    content: "";
    position: absolute;
    top: 50%;
    left: -9px;
    width: 14px;
    height: 14px;
    margin-top: -7px;
    display: block;
    border: 3px solid #c03f3f;
    background: #ffffff;
    border-top: none;
    border-right: none;
    transform: rotate(45deg);
}

.b-point-area .p-point-text .e-pointtitle {
    font-size: 1.384rem;
    padding-bottom: 3px;
    font-weight: bold;
}

.b-point-area .p-point-text .e-pointdetaile {
    font-size: 1.076em;
}

/*------------ ------------ ------------
 テーブルレイアウト
------------ ------------ ------------*/

.b-table-area {
    display: flex;
    justify-content: space-between;
}

.b-table-area .b-table-block {
    width: 370px;
    font-size: 1.076rem;
}

.b-table-area .b-table-block:first-child{
    margin-right: 15px;
}

.b-table-area .b-table-block .e-table-block-title {
    padding: 12px 30px;
    margin-bottom: 20px;
    font-weight: bold;
    border-radius: 10px;
    vertical-align: bottom;
    font-size: 1.076rem;
}

.b-table-area .b-table-block>ul {
    display: block;
    padding: 0 30px;
}

.b-table-area .b-table-block>ul li {
    margin-bottom: 10px;
}

.b-table-area .b-table-block>ul li:before {
    content: '';
    background: #b5b5b5;
    width: 10px;
    height: 10px;
    display: inline-block;
    margin-right: 10px;
}

.b-table-area .b-table-block>ul li:last-child {
    margin-bottom: 0;
}

/*------------ ------------ ------------
 プロフィール作成
------------ ------------ ------------*/

.b-profile {
    margin-bottom: 30px;
}

.b-profile .e-profile-title {
    text-align: center;
    padding: 20px 0;
    color: #fff;
    font-size: 1.384rem;
    font-weight: bold;
    background: #3c83b1;
}

.b-profile .b-profile-area {
    border: 1px solid #b5b5b5;
    padding: 20px;
    display: flex;
    align-items: center;
}

.b-profile .b-profile-area .e-profile-img {
    max-width: 99px;
    max-height: 99px;
    margin-right: 20px;
    border: 1px solid #b5b5b5;
}

.b-profile .b-profile-area .p-profile-text-area {
    width: calc(100% - 119px);
}

.b-profile .b-profile-area .p-profile-text-area .e-consal-profile-title {
    font-size: 1.23rem;
    font-weight: bold;
    margin-bottom: 10px;
}

.b-profile .b-profile-area .p-profile-text-area .e-profile-name {
    font-weight: bold;
    font-size: 1rem;
}

.b-profile .b-profile-area .p-profile-text-area .e-profile-detaile {
    font-size: 0.923rem;
}

/*------------ ------------ ------------
 マイホームを探す
------------ ------------ ------------*/

.b-searchlinkarea .e-searchlink_title {
    text-align: center;
    border-bottom: 1px dotted #000;
    padding-bottom: 3px;
    margin-bottom: 20px;
    font-size: 1.384rem;
}

.is-clumtow > .b-searchlinklist {
    margin: 20px 0px;
}

.b-searchlinkarea .b-searchlinklist {
    display: flex;
    justify-content: space-between;
}

.b-searchlinkarea .b-searchlinklist .e-searchlink {
    width: 225px;
    margin-right: 20px;
    display: flex;
}

.b-searchlinkarea .b-searchlinklist .e-searchlink:last-child {
    margin: 0;
}

.b-searchlinkarea .b-searchlinklist .e-searchlink a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 12px 25px;
    text-align: center;
    text-decoration: none;
    background: #c6d7e3;
    color: #000000;
    border-radius: 10px;
    box-shadow: 5px 5px 5px -5px #c6d7e3;
    font-size: 1.23rem;
    font-weight: bold;
    transition: all ease .3s;
}

.b-searchlinkarea .b-searchlinklist .e-searchlink a:hover {
    transition: all ease .3s;
    opacity: .6;
}

/*------------ ------------ ------------
 消費税増税ページのトップに戻る
------------ ------------ ------------*/

.e-home-link {
    text-align: center;
    font-size: 1.076rem;
}

.e-home-link a {
    color: #000;
    text-decoration: none;
    display: inline-block;
    border-bottom: 1px solid #9f9f9f;
}

.e-home-link a:hover{
    color: #747474;
}

.e-home-link p:before {
    content: '>';
    display: inline-block;
    margin-right: 3px;
}

/*------------ ------------ ------------
 ベーシックリストスタイル
------------ ------------ ------------*/

/* リストマーク「●」 */

.b-basic-list {
    display: flex;
    flex-wrap: wrap;
}

.b-basic-list .e-basicitem {
    width: 100%;
    padding: 10px 15px;
    border-radius: 10px;
    margin-bottom: 25px;
    font-size: 1.23rem;
    text-indent: -1.2em;
    padding-left: 2.2em;
    font-weight: bold;
}

.b-basic-list .e-basicitem:before {
    content: '●';
    padding-right: .2em;
}

.b-basic-list .e-basicitem:last-child {
    margin-bottom: 0;
}

/* リストマーク「①、②、③...」
数字記号は直接記述 */
.b-basic-number{
    list-style: none;
}

.b-basic-list a{
    color: #464d25;
}
.b-basic-list a:hover{
    color: #73803d;
}


/*------------ ------------ ------------
 ベーシックリストスタイル
------------ ------------ ------------*/

.b-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 50px;
}

.b-table th, .b-table td {
    padding: 10px;
    border: 1px solid #000;
    text-align: center;
}

/*------------ ------------ ------------
 免責事項
------------ ------------ ------------*/

.e-annot {
    font-size: 1.076rem;
}

/* ResponsiveStyle
------------ ------------ ------------*/

@media only screen and (max-width: 896px) {
    /*------------ ------------ ------------
     SP b-topbnr 全ページ共通のバナー
    ------------ ------------ ------------*/
    .b-topbnr {
        display: block;
        min-height: auto;
        border: none;
        letter-spacing: normal;
    }
    .b-topbnr:before {
        content: "";
        width: 100%;
        height: auto;
        display: block;
        padding-top: 25%;
        margin-bottom: 30px;
    }
    .b-topbnr:after {
        content: '';
        display: none;
    }
    .b-topbnr .p-topbnrbox {
        max-width: 100%;
        padding: 0;
        display: block;
    }
    .b-topbnr .p-topbnrbox .e-topbnrbox_title {
        padding: 0 10px;
        margin-bottom: 30px;
    }
    /*------------ ------------ ------------
     SP トップページ各記事へのリンクブロック
    ------------ ------------ ------------*/
    .b-taxarticleitem {
        max-width: 100%;
        margin: 0 0 50px;
    }
    /*------------ ------------ ------------
     SP マイホームを探す
    ------------ ------------ ------------*/
    .b-searchlinkarea .b-searchlinklist {
        display: block;
    }
    .b-searchlinkarea .b-searchlinklist .e-searchlink {
        width: 100%;
        margin: 0 0 20px;
    }
    .b-searchlinkarea .b-searchlinklist .e-searchlink a {
        display: block;
        width: 100%;
        padding: 12px 30px;
        text-align: center;
        text-decoration: none;
        background: #c6d7e3;
        color: #000000;
        border-radius: 10px;
        box-shadow: 0px 5px 5px 0px #86adc1;
        font-size: 1.23rem;
        font-weight: bold;
        transition: all ease .3s;
    }
    /*------------ ------------ ------------
     SP テーブルレイアウト
    ------------ ------------ ------------*/
    .b-table-area {
        flex-wrap: wrap;
    }
    .b-table-area .b-table-block {
        width: 100%;
        padding-bottom: 30px;
    }
    .b-table-area .b-table-block:first-child{
        margin-right: 0;
    }
    .b-table-area .b-table-block:last-child {
        padding-bottom: 0;
    }
    /*------------ ------------ ------------
    　SP ポイントブロック
    ------------ ------------ ------------*/
    .b-point-area {
        align-items: start;
    }
    .b-point-area .p-point-text:before {
        top: 34px;
    }
    .b-point-area .e-icon {
        width: 64px;
    }
    .b-point-area .p-point-text {
        width: calc(100% - 80px);
    }
    /*------------ ------------ ------------
     SP ケースリスト
    ------------ ------------ ------------*/
    .b-case-list .e-caseitem {
        margin-bottom: 30px;
    }
    /*------------ ------------ ------------
     SP タイミングリスト
    ------------ ------------ ------------*/
    .b-timing-list .e-timingitem {
        margin-bottom: 30px;
    }
    /*------------ ------------ ------------
     SP プロフィール作成
    ------------ ------------ ------------*/
    .b-profile .e-profile-title {
        padding: 20px;
    }
    .b-profile .b-profile-area {
        display: block;
        text-align: center;
    }
    .b-profile .b-profile-area .e-profile-img {
        width: auto;
        display: inline-block;
        max-width: 100%;
        max-height: 100%;
        margin: 0 auto 20px;
    }
    .b-profile .b-profile-area .p-profile-text-area {
        text-align: left;
        width: 100%;
    }
    /*------------ ------------ ------------
     SP 消費税増税ページのトップに戻る
    ------------ ------------ ------------*/
    .e-home-link {
        text-align: left;
    }
    .e-home-link p {
        display: flex;
    }
    .e-home-link a {
        text-decoration: underline;
        text-decoration-color: #9f9f9f;
        display: inline-block;
        border-bottom: none;
    }
    .e-home-link p:before {
        content: '>';
        display: inline-block;
        margin-right: 3px;
    }
}