/*======================================
共通部分（ヘッダー・サイドメニュー・CTAボタン）のcssは
「style.css」に記載してあります。
========================================*/

body #main_buntan .main_contents {
    background-color: #EBF3F7;
    overflow: hidden;
    letter-spacing: 0;
}

body #main_buntan .main_contents * {
    box-sizing: content-box;
}

/*タイトルエリア*/
#page_three_features_ttl_area {
    width: 100%;
    height: 333px;
    background-image: url(../img/three_features/buntan_page_three_features_title_bg.png);
    background-size: cover;
    background-position: top;
    padding-top: 80px;
}

#page_three_features_ttl_area .p_t_f_ttl_content {
    padding-top: 137px;
    text-align: center;
}

#page_three_features_ttl_area .p_t_f_ttl_content .p_t_f_ttl_h2 {
    font-size: 48px;
    font-weight: bold;
    color: #003893;
}

/*
原本管理のカスタマイズ
事務代行のカスタマイズ
システムのカスタマイズ
*/
#page_three_features_original_custom_area,
#page_three_features_office_work_custom_area,
#page_three_features_sistem_custom_area {
    width: 100%;
}

#page_three_features_original_custom_area .p_t_f_original_custom_content,
#page_three_features_office_work_custom_area .p_t_f_office_work_custom_content,
#page_three_features_sistem_custom_area .p_t_f_sistem_custom_content {
    max-width: 1000px;
    width: 90%;
    margin: 0 auto;
    padding-top: 83px;
}

#page_three_features_sistem_custom_area .p_t_f_sistem_custom_content {
    padding-bottom: 56px;
}

#page_three_features_original_custom_area .p_t_f_original_custom_content .p_t_f_original_custom_h2,
#page_three_features_office_work_custom_area .p_t_f_office_work_custom_content .p_t_f_office_work_custom_h2,
#page_three_features_sistem_custom_area .p_t_f_sistem_custom_content .p_t_f_sistem_custom_h2 {
    font-size: 30px;
    color: #003893;
    font-weight: bold;
    text-align: center;
    position: relative;
    margin-bottom: 52px;
}

#page_three_features_original_custom_area .p_t_f_original_custom_content .p_t_f_original_custom_h2::after,
#page_three_features_office_work_custom_area .p_t_f_office_work_custom_content .p_t_f_office_work_custom_h2::after,
#page_three_features_sistem_custom_area .p_t_f_sistem_custom_content .p_t_f_sistem_custom_h2::after {
    content: '';
    display: block;
    width: 120px;
    height: 1px;
    background-color: #109954;
    position: absolute;
    left: calc(50% - 60px);
}

#page_three_features_original_custom_area .p_t_f_original_custom_content .p_t_f_original_custom_txt,
#page_three_features_office_work_custom_area .p_t_f_office_work_custom_content .p_t_f_office_work_custom_txt,
#page_three_features_sistem_custom_area .p_t_f_sistem_custom_content .p_t_f_sistem_custom_txt {
    font-size: 18px;
    color: #4D4D4D;
    text-align: center;
    line-height: 2;
    margin-bottom: 58px;
}

#page_three_features_original_custom_area .p_t_f_original_custom_content .p_t_f_original_custom_point_area,
#page_three_features_office_work_custom_area .p_t_f_office_work_custom_content .p_t_f_office_work_custom_point_area,
#page_three_features_sistem_custom_area .p_t_f_sistem_custom_content .p_t_f_sistem_custom_point_area {
    width: 100%;
    background-color: #fff;
    box-shadow: rgba(0, 0, 0, 0.35) 0 3px 6px;
    border-radius: 20px;
    padding-top: 20px;
    padding-bottom: 35px;
    position: relative;
}

#page_three_features_original_custom_area .p_t_f_original_custom_content .p_t_f_original_custom_point_area::after {
    content: '';
    max-width: 140px;
    max-height: 140px;
    width: 14vw;
    height: 14vw;
    display: block;
    position: absolute;
    top: -44px;
    left: -50px;
    background-image: url(../img/three_features/buntan_page_three_features_custom_point_01.png);
    background-size: contain;

}
#page_three_features_office_work_custom_area .p_t_f_office_work_custom_content .p_t_f_office_work_custom_point_area::after {
    content: '';
    max-width: 140px;
    max-height: 140px;
    width: 14vw;
    height: 14vw;
    display: block;
    position: absolute;
    top: -44px;
    left: -50px;
    background-image: url(../img/three_features/buntan_page_three_features_custom_point_02.png);
    background-size: contain;

}
#page_three_features_sistem_custom_area .p_t_f_sistem_custom_content .p_t_f_sistem_custom_point_area::after {
    content: '';
    max-width: 140px;
    max-height: 140px;
    width: 14vw;
    height: 14vw;
    display: block;
    position: absolute;
    top: -44px;
    left: -50px;
    background-image: url(../img/three_features/buntan_page_three_features_custom_point_03.png);
    background-size: contain;
}

.p_t_f_original_custom_point_area .p_t_f_original_custom_point_contents,
.p_t_f_office_work_custom_point_area .p_t_f_office_work_custom_point_contents,
.p_t_f_sistem_custom_point_area .p_t_f_sistem_custom_point_contents {
    list-style: none;
    max-width: 800px;
    width: 80%;
    margin: 0 auto;
}

.p_t_f_original_custom_point_area .p_t_f_original_custom_point_contents .p_t_f_original_custom_point_contents_01,
.p_t_f_office_work_custom_point_area .p_t_f_office_work_custom_point_contents .p_t_f_office_work_custom_point_contents_01,
.p_t_f_sistem_custom_point_area .p_t_f_sistem_custom_point_contents .p_t_f_sistem_custom_point_contents_01 {
    margin-bottom: 70px;
}

.p_t_f_original_custom_point_contents .p_t_f_original_custom_point_contents_01 .point_contents_01_txt_area,
.p_t_f_original_custom_point_contents .p_t_f_original_custom_point_contents_02 .point_contents_02_txt_area,
.p_t_f_office_work_custom_point_contents .p_t_f_office_work_custom_point_contents_01 .point_contents_01_txt_area,
.p_t_f_office_work_custom_point_contents .p_t_f_office_work_custom_point_contents_02 .point_contents_02_txt_area,
.p_t_f_sistem_custom_point_contents .p_t_f_sistem_custom_point_contents_01 .point_contents_01_txt_area,
.p_t_f_sistem_custom_point_contents .p_t_f_sistem_custom_point_contents_02 .point_contents_02_txt_area {
    list-style: none;
}

.p_t_f_original_custom_point_contents_01 .point_contents_01_txt_area .point_contents_01_txt,
.p_t_f_original_custom_point_contents_02 .point_contents_02_txt_area .point_contents_02_txt,
.p_t_f_office_work_custom_point_contents_01 .point_contents_01_txt_area .point_contents_01_txt,
.p_t_f_office_work_custom_point_contents_02 .point_contents_02_txt_area .point_contents_02_txt,
.p_t_f_sistem_custom_point_contents_01 .point_contents_01_txt_area .point_contents_01_txt,
.p_t_f_sistem_custom_point_contents_02 .point_contents_02_txt_area .point_contents_02_txt {
    color: #003893;
    font-size: 18px;
    font-weight: bold;
    line-height: 2;
    margin-bottom: 19px;
}

.p_t_f_original_custom_point_contents_01 .point_contents_01_txt_area .point_contents_01_label,
.p_t_f_original_custom_point_contents_02 .point_contents_02_txt_area .point_contents_02_label,
.p_t_f_office_work_custom_point_contents_01 .point_contents_01_txt_area .point_contents_01_label,
.p_t_f_office_work_custom_point_contents_02 .point_contents_02_txt_area .point_contents_02_label,
.p_t_f_sistem_custom_point_contents_01 .point_contents_01_txt_area .point_contents_01_label,
.p_t_f_sistem_custom_point_contents_02 .point_contents_02_txt_area .point_contents_02_label {
    background-color: #CCAC46;
    border-radius: 5px;
    text-align: center;
    width: 155px;
    height: 32px;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 20px;
}

.p_t_f_original_custom_point_contents_01 .point_contents_01_txt_area .point_contents_01_img img,
.p_t_f_original_custom_point_contents_02 .point_contents_02_txt_area .point_contents_02_img img,
.p_t_f_office_work_custom_point_contents_01 .point_contents_01_txt_area .point_contents_01_img img,
.p_t_f_office_work_custom_point_contents_02 .point_contents_02_txt_area .point_contents_02_img img,
.p_t_f_sistem_custom_point_contents_01 .point_contents_01_txt_area .point_contents_01_img img,
.p_t_f_sistem_custom_point_contents_02 .point_contents_02_txt_area .point_contents_02_img img {
    width: 100%;
    object-fit: cover;
}

@media screen and (max-width:960px) {
    #page_three_features_ttl_area {
        padding-top: 60px;
    }
    #page_three_features_original_custom_area .p_t_f_original_custom_content .p_t_f_original_custom_point_area::after,
    #page_three_features_office_work_custom_area .p_t_f_office_work_custom_content .p_t_f_office_work_custom_point_area::after,
    #page_three_features_sistem_custom_area .p_t_f_sistem_custom_content .p_t_f_sistem_custom_point_area::after {
        width: 11vw;
        height: 11vw;
    }
}

@media screen and (max-width:800px) {
    #page_three_features_ttl_area {
        height: 250px;
    }
    #page_three_features_ttl_area .p_t_f_ttl_content {
        padding-top: 100px;
    }
    #page_three_features_ttl_area .p_t_f_ttl_content .p_t_f_ttl_h2 {
        font-size: 3rem;
    }
    #page_three_features_original_custom_area .p_t_f_original_custom_content .p_t_f_original_custom_h2, 
    #page_three_features_office_work_custom_area .p_t_f_office_work_custom_content .p_t_f_office_work_custom_h2, 
    #page_three_features_sistem_custom_area .p_t_f_sistem_custom_content .p_t_f_sistem_custom_h2 {
        font-size: 2.5rem;
    }
    #page_three_features_original_custom_area .p_t_f_original_custom_content .p_t_f_original_custom_txt, 
    #page_three_features_office_work_custom_area .p_t_f_office_work_custom_content .p_t_f_office_work_custom_txt, 
    #page_three_features_sistem_custom_area .p_t_f_sistem_custom_content .p_t_f_sistem_custom_txt {
        font-size: 1.7rem;
    }
    .p_t_f_original_custom_point_contents_01 .point_contents_01_txt_area .point_contents_01_txt, 
    .p_t_f_original_custom_point_contents_02 .point_contents_02_txt_area .point_contents_02_txt, 
    .p_t_f_office_work_custom_point_contents_01 .point_contents_01_txt_area .point_contents_01_txt, 
    .p_t_f_office_work_custom_point_contents_02 .point_contents_02_txt_area .point_contents_02_txt, 
    .p_t_f_sistem_custom_point_contents_01 .point_contents_01_txt_area .point_contents_01_txt, 
    .p_t_f_sistem_custom_point_contents_02 .point_contents_02_txt_area .point_contents_02_txt {
        font-size: 1.7rem;
    }
    .p_t_f_original_custom_point_contents_01 .point_contents_01_txt_area .point_contents_01_label, 
    .p_t_f_original_custom_point_contents_02 .point_contents_02_txt_area .point_contents_02_label, 
    .p_t_f_office_work_custom_point_contents_01 .point_contents_01_txt_area .point_contents_01_label, 
    .p_t_f_office_work_custom_point_contents_02 .point_contents_02_txt_area .point_contents_02_label, 
    .p_t_f_sistem_custom_point_contents_01 .point_contents_01_txt_area .point_contents_01_label, 
    .p_t_f_sistem_custom_point_contents_02 .point_contents_02_txt_area .point_contents_02_label {
        font-size: 1.7rem;
        height: 25px;
    }
    #page_three_features_original_custom_area .p_t_f_original_custom_content .p_t_f_original_custom_point_area::after, 
    #page_three_features_office_work_custom_area .p_t_f_office_work_custom_content .p_t_f_office_work_custom_point_area::after, 
    #page_three_features_sistem_custom_area .p_t_f_sistem_custom_content .p_t_f_sistem_custom_point_area::after {
        width: 15vw;
        height: 15vw;
        left: -16px;
    }
    
}
@media screen and (max-width:600px) {
    #page_three_features_ttl_area {
        height: 150px;
    }
    #page_three_features_ttl_area .p_t_f_ttl_content {
        padding-top: 60px;
    }
    #page_three_features_original_custom_area .p_t_f_original_custom_content .p_t_f_original_custom_point_area::after, 
    #page_three_features_office_work_custom_area .p_t_f_office_work_custom_content .p_t_f_office_work_custom_point_area::after, 
    #page_three_features_sistem_custom_area .p_t_f_sistem_custom_content .p_t_f_sistem_custom_point_area::after {
        width: 100px;
        height: 100px;
        left: -16px;
        top: -65px;
    }
    .p_t_f_original_custom_point_area .p_t_f_original_custom_point_contents, 
    .p_t_f_office_work_custom_point_area .p_t_f_office_work_custom_point_contents, 
    .p_t_f_sistem_custom_point_area .p_t_f_sistem_custom_point_contents {
        width: 90%;
    }
}