body{
    font-family: 'Noto Serif JP', serif;
}

.asset-main{
    overflow-x: hidden;
    margin: 100px 0;
}

.asset-header{
    display: flex;
}

.asset-title h2{
    font-size: .80rem;
    font-family: "Cormorant Garamond", serif;
    color: #B49A6D;
    letter-spacing: 0.18em;
    margin-bottom: 7px;
    margin-top: 10px;
	text-align: left;
}

.asset-sub-title{
    color: #B49A6D;
    font-size: .22rem;
    margin-bottom: 30px;
}

.asset-title--lead{
    font-size: .24rem;
    line-height: 1.6;
}

.asset-header{
    position: relative;
    justify-content: space-between;
    width: 1366px;
    max-width: 100%;
    margin: 0 auto 64px;
    /* padding: 0 60px; */
    padding: 92px 100px 0 60px;
}

.asset-title--block{
    position: absolute;
    display: block;
    background-color: #F2F2F2;
    left: -1998px;
    top: 0;
    width: 2984px;
    height: 100px;
}

.asset-border{
    position: absolute;
    left: 565px;
    /* right: 0; */
    bottom: 8px;
    margin: auto;
    object-fit: cover;
    object-position: left;
    width: 1554px;
}

.asset-title--right{
    width: 16.4%;
    margin-top: 21px;
}


/* アセットアバウト */
.asset-about {
    background-color: #F2F2F2;
    margin-bottom: 78px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.asset-about p {
    font-size: .16rem;
    width: fit-content;
    line-height: 2.6;
    margin-left: calc((100vw - 1250px) / 2);
    letter-spacing: -0.03em;
}

.asset-about img {
    width: 40%;
    height: 336px;
    object-fit: cover;
    object-position: bottom;
}



/* アセット内容 */

.asset-consent--list{
    width: 1100px;
    max-width: 100%;
    margin: 0 auto;
}


.asset-consent--heading {
    display: flex;
    align-items: center;
    margin-bottom: 34px;
}

.asset-consent--heading h3{
    font-size: .36rem;
    letter-spacing: -0.02em;
    margin-right: 26px;
}

.asset-consent--heading p{
    font-size: .24rem;
    color: #B49A6D;
    letter-spacing: -0.037em;
}

.asset-consent--text {
    width: 1000px;
    max-width: 100%;
    justify-content: flex-end;
}

/* 安定した現物資産価値
家賃収入が得られる */
.asset-value .asset-consent--text p,
.asset-income .asset-consent--text p{
    width: 40%;
    width: 40%;
    line-height: 2.27;
    margin-top: -8px;
}

.asset-value .asset-consent--text .asset-consent--img,
.asset-income .asset-consent--text .asset-consent--img{
    width: 42.4%;
    margin-left: 72px;
}

.asset-value .asset-consent--text,
.asset-income  .asset-consent--text{
    display: flex;
}

.asset-value,
.asset-income{
    margin-bottom: 55px;
}


/* 私的年金になる
相続税対策になる
生命保険の替わりになる
将来の売りやすさが期待できる */
.asset-pension .asset-consent--text,
.asset-inheritance .asset-consent--text,
.asset-insurance .asset-consent--text,
.asset-future .asset-consent--text{
    width: 82%;
    margin: 0 auto;
}

.asset-pension .asset-consent--text p,
.asset-inheritance .asset-consent--text p,
.asset-insurance .asset-consent--text p{
    line-height: 2.1;
    margin-bottom: 37px;
}

.asset-future .asset-consent--text p {
    line-height: 2.1;
    margin-bottom: 27px;
}


.asset-pension {
    margin-bottom: 71px;
}

.asset-inheritance {
    margin-bottom: 63px;
}

.asset-insurance .asset-consent--text p{
    margin-bottom: 8px;
}

.asset-consent--text small{
    font-size: .13rem;
    margin-bottom: 38px;
    display: block;
}

.asset-insurance {
    margin-bottom: 85px;
}


.asset-caution{
    max-width: 900px;
    margin: 90px auto 0;
    text-indent: -.13rem;
    padding-left: .13rem;
    font-size: .14rem;
    line-height: 1.8;
    border: 1px solid #000;
    padding: 25px 28px 26px 40px;
}


@media screen and (max-width:1355px){
	.asset-about p{
		margin:0;
		padding: 30px 50px;
	}

}



@media screen and (max-width:800px){
    .asset-header {
        padding: 0 17px;
        flex-direction: column-reverse;
        margin: 0px auto 53px;
    }


    .asset-title h2{
        font-size: .40rem;
        order: 2;
        line-height: 1.1;
        padding: 0 6px;
        margin-bottom: 40px;
    }

    .asset-sub-title{
        font-size: .14rem;
        order: 1;
        writing-mode: vertical-lr;
        margin-bottom: 13px;
        position: relative;
        width: fit-content;
    }

    .asset-sub-title::before{
        content: "";
        width: 1px;
        background-color: #B49A6D;
        height: 70px;
        position: absolute;
        top: -79px;
        left: -3px;
        right: 0;
        margin: auto;
    }

    .asset-title--lead{
        font-size: .16rem;
        order: 3;
        padding: 0 17px;
        text-align: justify;
        line-height: 2;
        letter-spacing: 0.14em;
    }

    .asset-title {
        display: flex;
        flex-direction: column;
        margin-top: -107px;
        position: relative;
        z-index: 1;
    }

    .asset-title--block {
        left: 0;
        top: 0;
        width: 28%;
        height: 140px;
    }

    .asset-title--right{
        margin-left: auto;
        width: 29.4%;
        margin-top: 78px;
        margin-right: 27px;
    }

    .asset-border {
        position: absolute;
        left: initial;
        right: 0;
        bottom: initial;
        top: 0;
        width: 68%;
    }
    .asset-about{
        flex-direction: column;
        padding: 42px 0 45px;
        margin-bottom: 42px;
    }

    .asset-about p {
        font-size: .14rem;
        width: 100%;
        line-height: 2.15;
        margin-right: 0;
        letter-spacing: -0.001em;
        text-align: center;
        margin-bottom: 27px;
        padding: 0;
    }

	.asset-about img {
        width: 82%;
        height: auto;
        object-fit: unset;
        object-position: unset;
    }

    .asset-consent--heading h3{
        font-size: .21rem;
        margin-bottom: 7px;
    }

    .asset-consent--heading p{
        font-size: .16rem;
        margin-left: 13px;
        margin-bottom: 3px;
    }

    .asset-consent--heading{
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: 14px;
    }





    /* アセット内容 */
    .asset-value .asset-consent--text, .asset-income .asset-consent--text {
        display: flex;
        flex-direction: column;
    }

    .asset-consent {
        padding: 0 20px;
    }

    .asset-consent--text p{
        font-size: .14rem;
    }

    /* 安定した現物資産価値
家賃収入が得られる */

    .asset-value .asset-consent--text p, .asset-income .asset-consent--text p {
        width: 100%;
        line-height: 1.75;
        margin: 0 auto 33px;
        padding: 0 12px;
    }

    .asset-value .asset-consent--text .asset-consent--img, .asset-income .asset-consent--text .asset-consent--img {
        margin-right: 0;
        width: 95%;
        margin-left: auto;
        margin-right: 4px;
    }

    .asset-income .asset-consent--text .asset-consent--img {
        margin-right: 0;
        width: 96%;
        margin-left: auto;
        margin-right: 2px;
    }

    .asset-value, .asset-income {
        margin-bottom: 43px;
    }


    /* 私的年金になる
相続税対策になる
生命保険の替わりになる
将来の売りやすさが期待できる */

    .asset-pension .asset-consent--text, .asset-inheritance .asset-consent--text, .asset-insurance .asset-consent--text, .asset-future .asset-consent--text {
        width: 100%;
        margin: 0 auto;
        padding: 0 14px;
    }

    .asset-pension .asset-consent--text p, .asset-inheritance .asset-consent--text p, .asset-insurance .asset-consent--text p {
        line-height: 1.75;
        margin-bottom: 37px;
    }

    .asset-pension .asset-consent--text p{
        margin-bottom: 31px;
    }

    .asset-insurance .asset-consent--text p {
        margin-bottom: 3px;
    }

    .asset-future .asset-consent--text p{
        letter-spacing: -0.001em;
        line-height: 2.0;
        margin-bottom: 33px;
    }

    .asset-inheritance {
        margin-bottom: 35px;
    }

    .asset-insurance {
        margin-bottom: 46px;
    }

    .asset-pension img{
        width: 679px;
    }

    .asset-inheritance img{
        width: 675px;
    }

        .asset-insurance img{
        width: 673px;
    }

    .asset-future img{
        width: 663px;
    }

    .asset-consent--img{
        overflow-x: scroll;
        width: calc(100vw - 34px);
    }


    /* スクロール部分 */
    .asset-consent--img::-webkit-scrollbar {
        width: 1px;
        background-color: #fff;
        height: 4px;
      }

      .asset-consent--img::-webkit-scrollbar-thumb{
        background-color: #000;
        border-radius: 8px;
      }

      .asset-consent--text small {
        line-height: 2.1;
        margin-bottom: 30px;
    }
	.asset-caution {
		margin: 70px auto 0;
		text-indent: -.11rem;
		padding-left: .13rem;
		font-size: .12rem;
		padding: 15px 21px 16px 27px;
	}

}