@charset "UTF-8";

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

知っておきたい生命保険の基本 - STEP2 がんに備える保険

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

/* #bloCancerPercentage がんと診断される人の割合
----------------------------------------------- */
#bloCancerPercentage {
    margin: 0 auto 8px;
    text-align: center;
}
#bloCancerPercentage > #imgCancerPercentage {
    border-radius: 6px;
    background: #ffffff;
}
#bloCancerPercentage > #textCancerPercentage {
    font-weight: bold;
    color: black;
}
@media print, screen and (min-width: 768px) {   /* PC */
    #bloCancerPercentage {
        width: 700px;
        padding: 7px 8px 0 8px;
    }
    #bloCancerPercentage > #imgCancerPercentage {
        padding: 12px 0 10px;;
    }
    #bloCancerPercentage > #imgCancerPercentage > img {
        width: 370px;
    }
    #bloCancerPercentage > #textCancerPercentage {
        padding: 12px 0 10px;
        font-size: 20px;
    }
}
@media only screen and (max-width: 767px) {     /* SP */
    #bloCancerPercentage {
        padding: 6px 5px 0 5px;
    }
    #bloCancerPercentage > #imgCancerPercentage {
        padding: 12px 25px 10px;;
    }
    #bloCancerPercentage > #textCancerPercentage {
        padding: 12px 30px 10px;
        font-size: 16px;
    }
}


/* #textContractCancer がんにかかる割合
----------------------------------------------- */
#textContractCancer {
    font-weight: bold;
}
@media print, screen and (min-width: 768px) {   /* PC */
    #textContractCancer {
        font-size: 20px;;
    }
}
@media only screen and (max-width: 767px) {     /* SP */
    #textContractCancer {
        font-size: 17px;;
    }
}


/* #bloCauseDeth 死亡の原因
----------------------------------------------- */
@media print, screen and (min-width: 768px) {   /* PC */
    #bloCauseDeth.bloTwoContents {
        flex-flow: row-reverse nowrap;
        justify-content: flex-end;
        margin: 15px 0 0;
    }
    #bloCauseDeth.bloTwoContents > .bloOneOfTwoContents:last-child {
        box-sizing: content-box;
        width: 285px;
        padding: 0 50px 0 40px;
    }
    #textCauseDeth {
        margin-bottom: 10px;
    }
}
@media only screen and (max-width: 767px) {     /* SP */
    #bloCauseDeth.bloTwoContents > .bloOneOfTwoContents:last-child {
        padding: 0 30px;
        margin-bottom: 0;
    }
}


/* #bloTwelvePrecentCancer ・がんを防ぐための新12か条
----------------------------------------------- */
#bloTwelvePrecentCancer {
    border-top: none;
    background: #0065bf;
}
#bloTwelvePrecentCancer > #titleTwelvePrecentCancer {
    text-align: center;
    font-weight: bold;
    color: #ffffff;
}
/* 箇条書き */
#bloTwelvePrecentCancer > #listTwelvePrecentCancer {
    background: #ffffff;
}
#bloTwelvePrecentCancer > #listTwelvePrecentCancer li {
    display: flex;
}
#bloTwelvePrecentCancer > #listTwelvePrecentCancer span {
    display: block;
    text-align: right;
}
@media print, screen and (min-width: 768px) {   /* PC */
    #bloTwelvePrecentCancer {
        width: 550px;
        border: 4px solid #0065bf;
        margin: 36px auto 15px;
    }
    #bloTwelvePrecentCancer > #titleTwelvePrecentCancer {
        padding: 20px 0;
        font-size: 20px;
    }
    /* 箇条書き */
    #bloTwelvePrecentCancer > #listTwelvePrecentCancer {
        padding: 28px 32px;
    }
    #bloTwelvePrecentCancer > #listTwelvePrecentCancer li {
        margin-bottom: 8px;
    }
    #bloTwelvePrecentCancer > #listTwelvePrecentCancer span {
        width: 40px;
        margin-right: 15px;
    }
    /* 注釈 */
    #bloTwelvePrecentCancer + .ulNoteList  {
        width: 550px;
        margin: 0 auto;
    }
}
@media only screen and (max-width: 767px) {     /* SP */
    #bloTwelvePrecentCancer {
        border: 2px solid #0065bf;
        margin: 15px 2px 14px;
    }
    #bloTwelvePrecentCancer > #titleTwelvePrecentCancer {
        padding: 10px 0;
        font-size: 18px;
    }
    #bloTwelvePrecentCancer > #listTwelvePrecentCancer {
        padding: 15px 10px 20px;
    }
    #bloTwelvePrecentCancer > #listTwelvePrecentCancer span {
        flex: none;
        width: 40px;
        margin-right: 7px;
    }
}


/* #textMedicalSearch 先進医療サーチ
----------------------------------------------- */
#textMedicalSearch {
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
}
@media print, screen and (min-width: 768px) {   /* PC */
    #textMedicalSearch {
        font-size: 20px;
    }
}
@media only screen and (max-width: 767px) {     /* SP */
    #textMedicalSearch {
        font-size: 18px;
    }
}


/* #btnMedicalSearch 先進医療サーチ
----------------------------------------------- */
@media print, screen and (min-width: 768px) {   /* PC */
    #btnMedicalSearch {
        margin-bottom: 40px;
    }
}
@media only screen and (max-width: 767px) {     /* SP */
    #btnMedicalSearch {
        padding: 0 40px;
        margin-bottom: 20px;
    }
}


/* #imgCopaymentHospitalization 入院時の自己負担
----------------------------------------------- */
@media print, screen and (min-width: 768px) {   /* PC */
    #imgCopaymentHospitalization {
        padding: 10px 0 30px;
    }
}
@media only screen and (max-width: 767px) {     /* SP */
    #imgCopaymentHospitalization {
        padding: 10px 0 20px;
    }
}