/* =============================================================
rosefarm
============================================================= */

body{color: #333;}
a{color: #2a8784;}
a:hover{color: #f49ec5;}

.fCChange{color: #dd2177;}
.fCSubChange{color: #2a8784;}

.benefits .number::before{background-color: #f49ec5;}

.flowLst > li::after{border-left-color: #2a8784;}
.flowLst .num{background-color: #2a8784;}
.flowLst .txtArea .ttl{color: #2a8784;}

.cmnTtl_1 > span{
    font-family: 'Zen Maru Gothic', 'Noto Sans JP', sans-serif;
    border-radius: 0;
    background-color: #e978ab;
    color: #fff;
    font-weight: 500;
}

.cmnTtl_2::after{background-color: #2a8784;}

.cmnBtn_1{color: #2a8784;}
.cmnBtn_1::after{border-left-color: #2a8784;}
.cmnBtn_1:hover::after{border-left-color: #f49ec5;}

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

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

.cmnTtl_1 > span,
.checkCircleLst > li,
.btnTtl{
    border-radius: 5px;
}

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

.fCGray{color: #666;}
.fSize18sp16{font-size:18px !important;}

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

.wrap800 .twoClm .clm{width: 390px;}

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

/* EOF */