/* =============================================================
hem
============================================================= */

body{color: #333;}

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

a{color: #df5c80;}
a:hover{color: #f18faa;}

.fCChange{color: #4a7f9d;}
.fCSubChange{color: #df5c80;}

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

.benefits .number::before{background-color: #e1ceaa;}
.benefits .number > span{font-family: 'Noto Serif JP', serif;}

.checkCircleLst > li {
    margin-top: 15px;
    border-color: #666;
    border-radius: 0;
    background-image: url(../images/icon_checkmark_black.png);
}

.flowLst > li::after{border-left-color: #4a7f9d;}

.flowLst .num{background-color: #4a7f9d;}

.flowLst .txtArea .ttl{
    font-family: 'Noto Serif JP', serif;
    color: #4a7f9d;
}

.cmnTtl_1 > span{
    font-family: 'Noto Serif JP', serif;
    border-radius: 0;
    background-color: #e1809b;
    color: #fff;
}

.cmnTtl_2::after{background-color: #df5c80;}

.cmnBtn_1{color: #df5c80;}
.cmnBtn_1::after{border-left-color: #df5c80;}
.cmnBtn_1:hover::after{border-left-color: #f18faa;}

.cmnBtn_2 > a{
    background-color: #e1ceaa;
    color: #333;
}
.cmnBtn_2 > a:hover{color: #333;}
.cmnBtn_2 > a::after{border-left-color: #333;}

.cmnTbl th,
.cmnTbl td{border-color:#e1809b;}
.cmnTbl th{background-color:#e1809b;}
.cmnTbl tr:last-child th{border-bottom-color: #e1809b!important;}

@media only screen and (max-width:640px){
    .cmnTbl.row tr:last-child td{border-bottom-color: #e1809b;}
    .cmnTbl th{border-bottom: 0!important;}
}

.fSize18sp16{font-size:18px !important;}

@media only screen and (max-width:640px){
    .fSize18sp16{font-size:16px !important;}
    .cmnTtl_1 > span{width: 100%;}
}


/* EOF */