﻿    body,html,div,ul,li,p{ padding:0; margin:0;}
    ul,li{ list-style:none;}
    a{ text-decoration:none}
    #proposalArea{ width:952px; padding:30px 20px; box-sizing:border-box}
    #proposalArea *{ letter-spacing:-0.05em; line-height:1}
    #proposalArea .tabBox{ width:800px; margin:0 auto; overflow:hidden}
    #proposalArea .tabBox:after{ content:""; display:block; clear:both}
    #proposalArea .tabBox a{ display:block; float:left; width:400px; height:40px; line-height:40px; font-size:14px; font-weight:bold; color:#333; text-align:center; border:1px solid #ddd; box-sizing:border-box}
    #proposalArea .tabBox a:last-child{ margin-left:-1px;}
    #proposalArea .tabBox a.active{ color:#fff; background-color:#2c5892; border-color:#2c5892;}
    #proposalArea .proposal_main{ width:100%; padding:40px 26px 80px; box-sizing:border-box; margin-top:40px; border:3px solid #b5cce8; border-radius:20px;}
    #proposalArea .proposal_main .subTitle{ font-size:18px; font-weight:bold; color:#0e2f5b; text-align:center}
    #proposalArea .proposal_main .title{ font-size:30px; font-weight:bold; color:#0e2f5b; text-align:center; margin-top:5px; padding-bottom:40px;}
    #proposalArea .proposal_main .main_text{ font-size:11px; font-weight:bold; color:#333; line-height:1.6; padding-top:40px; border-top:1px solid #ddd; letter-spacing:-0.15em}
    #proposalArea .proposal_main .main_text span{ color:#286db6}
    #proposalArea .proposal_main .subject01{ font-size:18px; font-weight:bold; color:#0e2f5b; padding-top:40px;}
    #proposalArea .proposal_main .subject02{ font-size:16px; font-weight:bold; color:#0e2f5b; padding-top:40px;}
    #proposalArea .proposal_main .subject02 img{}
    #proposalArea .proposal_main .join_process{ overflow:hidden; padding-bottom:50px; border-bottom:1px solid #ddd; margin-top:10px}
    #proposalArea .proposal_main .join_process:after{ content:""; display:block; clear:both}
    #proposalArea .proposal_main .join_process li{ position:relative; float:left; width:200px; height:215px; margin-right:15px; background-color:#f6f6f6;}
    #proposalArea .proposal_main .join_process li:before{ position:absolute; content:""; top:67px; right:-21px; width:27px; height:27px; background-image:url(/static/images/body/icon_arrow.png); background-position:center; background-repeat:no-repeat; background-size:contain; z-index:1}
    #proposalArea .proposal_main .join_process li:last-child{ margin-right:0}
    #proposalArea .proposal_main .join_process li:last-child:before{ display:none;}
    #proposalArea .proposal_main .join_process li .titleBox{ position:relative; width:100%; padding:10px 10px 5px; border-bottom:1px solid #2c5892; box-sizing:border-box}
    #proposalArea .proposal_main .join_process li .titleBox img{ display:inline-block}
    #proposalArea .proposal_main .join_process li .titleBox p{ position:absolute; bottom:10px; right:10px; font-size:13px; font-weight:bold; color:#0e2f5b; }
    #proposalArea .proposal_main .join_process li .textBox{ width:100%; padding:10px; box-sizing:border-box; font-size:12px; font-weight:bold; color:#999; line-height:1.6;}
    #proposalArea .proposal_main .text01{ font-size:13px; font-weight:bold; color:#333; line-height:1.6; margin-top:5px;}
    #proposalArea .proposal_main .value_list{ text-align:center; margin-top:60px; padding-bottom:60px; border-bottom:1px solid #ddd;}
    #proposalArea .proposal_main .value_list li{ position:relative; display:inline-block; width:32%; padding:0 15px; box-sizing:border-box; vertical-align:top;}
    #proposalArea .proposal_main .value_list li:before{ position:absolute; content:""; bottom:0; right:0; width:1px; height:45%; background-color:#ddd;}
    #proposalArea .proposal_main .value_list li:last-child:before{ display:none;}
    #proposalArea .proposal_main .value_list li img{ display:inline-block;}
    #proposalArea .proposal_main .value_list li p{ font-size:16px; font-weight:bold; color:#0e2f5b; margin-top:15px;}
    #proposalArea .proposal_main .value_list li .textBox{ font-size:13px; font-weight:bold; color:#999; line-height:1.6; margin-top:10px; text-align:left; letter-spacing:-0.07em;}
    #proposalArea .proposal_main .product_cate_list{ text-align:center; margin-top:30px; padding-left:10px;}
    #proposalArea .proposal_main .product_cate_list li{ display:inline-block; width:140px; text-align:center; vertical-align:top; margin-right:20px;}
    #proposalArea .proposal_main .product_cate_list li img{}
    #proposalArea .proposal_main .product_cate_list li p{ font-size:13px; font-weight:bold; color:#333; margin-top:10px;}
    #proposalArea .proposal_main .btnBox{ text-align:center; margin-top:60px;}
    #proposalArea .proposal_main .btnBox a{ display:inline-block; width:215px; height:40px; line-height:40px; font-size:14px; font-weight:bold; color:#fff; text-align:center; border-radius:10px; vertical-align:middle; margin:0 5px;}
    #proposalArea .proposal_main .btnBox a.new_join_btn{ background-color:#0e2f5b}
    #proposalArea .proposal_main .btnBox a.product_proposal_btn{ background-color:#2d578b}
    #proposalArea .proposal_main .skil_list{ overflow:hidden; margin-top:20px; padding-bottom:80px; border-bottom:1px solid #ddd;}
    #proposalArea .proposal_main .skil_list:after{ content:""; display:block; clear:both}
    #proposalArea .proposal_main .skil_list li{ float:left; width:25%; margin-bottom:15px}
    #proposalArea .proposal_main .skil_list li img{ display:inline-block; vertical-align:middle; margin-right:5px;}
    #proposalArea .proposal_main .skil_list li p{ display:inline-block; font-size:11px; font-weight:bold; color:#0e2f5b; vertical-align:middle; letter-spacing:-0.1em;}
    #proposalArea .proposal_main.viewBox02 .text01{ margin-top:20px}
    #proposalArea .proposal_main.viewBox02 .text01 a{ display:inline-block; padding:3px 10px; font-size:12px; color:#fff; background-color:#0e2f5b; border-radius:3px; margin-left:10px;}
