@charset "utf-8";

/* CSS Document */

/*タイトルの余白調整*

--------------------------------------------------------*/

.page_title_text .sub_title {

    display: block;

    line-height: 1;

}

/*三角背景の色変更*

--------------------------------------------------------*/

.risk_list > li:nth-child(even) .risk_list_li:before {

    background: url(../images/risk/risk_tri_pd_02_ff.svg) no-repeat;

    background-size: cover;

}

.risk_list > li:nth-child(even) .risk_list_li {

    background: #ffffff;

}

.risk_2 .risk_list > li:nth-child(even) .risk_list_li:before {

    background: url(../images/risk/risk_tri_pd_04_ff.svg) no-repeat;

    background-size: cover;

}

.risk_2 .risk_list > li:nth-child(even) .risk_list_li {

    background: #fff;

}

.risk_3 .risk_list > li:nth-child(even) .risk_list_li:before {

    background: url(../images/risk/risk_tri_pd_06_ff.svg) no-repeat;

    background-size: cover;

}

.risk_3 .risk_list > li:nth-child(even) .risk_list_li {

    background: #fff;

}

.risk_list > li:nth-child(odd) .risk_list_li:before {

    background: url(../images/risk/risk_tri_pd_01_light.svg) no-repeat;

    background-size: cover;

}

.risk_list > li:nth-child(odd) .risk_list_li {

    background: #f7f7f7;

}

.risk_3 .risk_list > li:nth-child(odd) .risk_list_li:before {

    background: url(../images/risk/risk_tri_pd_05_light.svg) no-repeat;

    background-size: cover;

}

.risk_3 .risk_list > li:nth-child(odd) .risk_list_li {

    background: #f0eff4;

}

/*三角余白*

--------------------------------------------------------*/

.risk_list > li:first-child .risk_list_li {

    padding: 30px 0 150px 0;

}



/*アニメション初期位置*

--------------------------------------------------------*/

.rist-view > * {

    animation: fadein 0.5s;

}

@keyframes fadein {

    from {

        opacity: 0;

        transform: translateY(10rem);

    }

    to {

        display: block;

        opacity: 1;

        transform: translateY(00rem);

    }

}

/*merit　アイコン

--------------------------------------------------------*/



.risk_list_inner_title_ll{

    padding-right: 2em;

   /*  word-break: keep-all; */

}



.point_merit {

    display: block;

    position: absolute;

    top: -1.8em;

    font-size: 1.4rem;

    right: -1em;

    padding: 0.2em 0.5em;

    font-weight: 900;

    color: #fff;

    z-index: 3;

}

.point_merit:before {

    content: "";

    width: 100%;

    height: 100%;

    background: linear-gradient(to right, #0080e5 0%, #0080e5 24%, #004e9d 100%);

    position: absolute;

    z-index: -1;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    /*  transform: translate(-50%, -50%)  skew(-30deg);*/

}

@media screen and (max-width: 960px) {

    .point_merit {

        right: -0em;

    }

}

/*タイトル　背景画像

--------------------------------------------------------*/

.risk_list_inner_title_num_bg {

    background: url(../images/risk_title_bg_ora.svg) no-repeat;

    background-size: cover;

}

.ico_merit_hand {

    position: absolute;

    right: 0em;

   bottom:0.3em;

    display: block;

    background: url("../images/ico_good_ora.svg") no-repeat;

    background-size: contain;

    background-position: top 0 right 0;

    width: 1.8em;

    height: 1.8em;

}



.ico_ptop{

    bottom:auto;

    top: -0.5em;

}



@media screen and (min-width: 961px) {

    .risk_list_inner .text_box {

        width: 58%;

    }



    .risk_list_inner .img {

        width: 38%;

    }

}

/* leave_it_block

------------------------------------------------ */

.leave_it_block {

    padding: 1em 0;

}

/* leave_it_block_title */

.leave_it_block_title {

    padding-left: 2em;

    background: url(../images/ico_point_check.svg) no-repeat;

    background-size: 1.5em;

    background-position: top 50% left 0;

    font-weight: bold;

    color: #004e9d;

    margin-bottom: 0.8em;

}

/* leave_it_block_diagonal */

.leave_it_block_diagonal {

    display: flex;

    flex-flow: column;

    justify-content: left;

    align-items: flex-start;

}

.leave_it_block_diagonal_01,

.leave_it_block_diagonal_02 {

    position: relative;

    display: inline-block;

    padding: 1rem 3.5rem;

    font-weight: bold;

    letter-spacing: 1px;

    -webkit-font-feature-settings: normal; 

    font-feature-settings: normal;

}

.leave_it_block_diagonal_01 {

    color: #fff;

    margin-bottom: 0;

    z-index: 1;

}

.leave_it_block_diagonal_02 {

    color: #ff5c0b;

    padding: 3rem 3.5rem 0rem 3.5rem;

    transform: translate(3rem, -3.2rem);

    z-index: 0;

}

.leave_it_block_diagonal_01:before,

.leave_it_block_diagonal_02:before {

    content: "";

    width: 100%;

    height: 100%;

    transform: skewX(-25deg);

    position: absolute;

    top: 0;

    z-index: -1;

    left: 0;

}

.leave_it_block_diagonal_01:before {

    background: linear-gradient(45deg, rgba(247, 163, 62, 1) 0%, rgba(242, 114, 23, 1) 34%);

}

.leave_it_block_diagonal_02:before {

    border: solid 2px #ff5c0b;

    width: 104%;

}

@media screen and (max-width: 480px) {

    .leave_it_block_diagonal {

        max-width: 88%;

        margin: auto;

    }

    .leave_it_block_diagonal_01,

    .leave_it_block_diagonal_02 {

        letter-spacing: 2px;

    }



    .leave_it_block_diagonal_01 {

        padding: 0.5rem 1.5rem;

    }

    .leave_it_block_diagonal_02 {

        padding: 2rem 1.0rem 0rem 1.0rem;

        transform: translate(3%, -2rem);

    }

}

@media screen and (max-width: 320px) {

    .leave_it_block_diagonal_01 {

      font-size: 1.4rem;

    }

    .leave_it_block_diagonal_02 {

        font-size: 1.0rem;

    }

}