/* =============================================================
serina
============================================================= */

body{color: #333;}

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

a{color: #c75454;}
a:hover{color: #cf7777;}

.fCChange{color: #456e84;}
.fCSubChange{color: #c75454;}

.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: #456e84;}

.flowLst .num{background-color: #456e84;}

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

.faqArea dl{border-color: #456e84;}

.faqArea dt::before,
.faqArea dd::before{background-color: #456e84;}

.faqArea dt a{color: #333;}

.faqArea dt a::before,
.faqArea dt a::after{background-color: #456e84;}

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

.cmnTtl_2::after{background-color: #c75454;}
.cmnTtl_3::before{background-color: #c75454;}

.cmnBtn_1{color: #c75454;}
.cmnBtn_1::after{border-left-color: #c75454;}
.cmnBtn_1:hover::after{border-left-color: #cf7777;}

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

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

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

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

.wrap800{
    width: 800px;
    margin-left: auto;
    margin-right: auto;
}

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

/* style
------------------------------------------------------- */
.benefits .photodate{
	width: 200px;
	transform: rotate(5deg);
}

.partClmLst{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.partClmLst li{
    width: 180px;
    margin: 12px 0 0 12px;
}

.partClmLst li:nth-child(4n-3){margin-left: 0;}

.partClmLst li img{width: 100%;}

@media only screen and (max-width:640px){
    .partClmLst li{
        width: calc(50% - 4px);
        margin: 8px 0 0 8px;
    }

    .partClmLst li:nth-child(4n-3){margin-left: 8px;}
    .partClmLst li:nth-child(2n-1){margin-left: 0;}
}


/* EOF */