/* メリットの箱のリスト */
.s-merit-list{
    margin: 0 0 0 -28px;
}

/* メリットの箱 */
.s-merit-box{
    border: solid #f6f6f6 2px;
    padding:32px;
    margin: 0 0 28px 28px;
}

/* メリットの文字色 */
.s-text-merit{
    color: #003d7c;
}

/* 計算式の箱 */
.s-formula-box{
    width: fit-content;
    width: -moz-fit-content;
    padding: 13px 18px;
    font-size: 18px;
    font-weight: bold;
    background-color: #e2f6fd;
}

/* 収益シミュレーション部分の三角矢印 */
.s-triangle{
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 13px 0 13px;
    border-color: #dddddd transparent transparent transparent;
    margin: 28px auto 24px auto;
}

/* 「お気軽ご相談ください」テキスト */
.s-head-soudan{
    color: #003d7c;
    font-size: 24px;
    margin-bottom: 24px;
    text-align: center;
}

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

    /* SPの場合のみwidth100% */
    .s-width100-sp{
        width: 100%;
    }
}

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

    /* PCの場合のみ横並び */
    .s-flex-horizontal-pc{
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .s-merit-box{
        margin: 0 0 0 28px;
    }

    /* PCの場合のみサイズ変更 */
    .s-width-half-pc{
        width: 546px;
    }

    /* PCの場合のみテキスト中央寄せ */
    .s-align-center-pc{
        text-align: center;
    }

    .s-formula-box{
        padding: 26px 40px;
        font-size: 24px;
    }

    .s-triangle{
        border-width: 20px 0 20px 20px;
        border-color: transparent transparent transparent #ddd;
        margin: 156px 56px 0 64px;
    }

    /* flexで横なら実の際、要素の上側をそろえる */
    .s-align-flex-start{
        align-items: flex-start;
    }

    /* PCの場合のみボタン領域のwidth変更 */
    .s-width692-pc{
        width: 692px
    }

    /* PCの場合のみボタンのwidth変更 */
    .m-two-buttons__item .s-button{
        width: 330px;
    }

    .s-head-soudan{
        font-size: 30px;
        margin-bottom: 40px;
    }
}

/*IE11で適応するスタイル*/
@media all and (-ms-high-contrast:none) {
    *::-ms-backdrop, .s-formula-box {
        display: inline-block;
    }
}

/*Edgeで適応するスタイル*/
@supports (-ms-ime-align:auto) {
	.s-formula-box {
        display: inline-block;
    }
}