@charset "utf-8";

@media screen and (min-width : 769px){ 

    /* =================================================================
    上書きCSS
    ================================================================= */
    /*------------------------------------------------------------------------------------------
    *
    *
        /webcatalog/equipment/navi/
        Responsive / PC
    *
    *
    ------------------------------------------------------------------------------------------ */
    .section h3{
        font-size: 39px;
    }
    .section h3.small{
        font-size: 32px;
    }
    #section_maker_option .section_desc{
        margin-bottom: 20px;
    }
    #section_maker_option .type{
        margin: 20px 0 10px;
        padding: 0 50px;
        font-size: 18px;
        font-weight: bold;
        line-height: 1.6em;
    }
    .ico_type{
        top: 2px;
        left:15px;
    }
    #section_maker_option .notes{
        margin: 0 0 30px;
        padding: 0 50px;
        font-size: 13px;
        line-height: 1.6;
    }
    #section_maker_option .maker_option{
        margin: 0 0 80px;
        padding: 0 50px;
        overflow: hidden;
    }
    #section_maker_option .maker_option .col_left{
        position: relative;
        width: 440px;
        float: left;
        overflow: hidden;
    }
    #section_maker_option .maker_option .pic{
        margin: 0;
        width: 440px;
    }
    #section_maker_option .maker_option .pic img{
        width: 440px;
        height: auto;
    }
    #section_maker_option .maker_option .col_right{
        position: relative;
        width: 405px;
        float: right;
        overflow: hidden;
    }
    #section_maker_option .maker_option .copy{
        margin: 0 0 25px;
        height: 80px;
        font-size: 30px;
        line-height: 1.4em;
    }
    #section_maker_option .maker_option .copy .sup{
        top: -1px;
    }
    #section_maker_option .maker_option .desc{
        margin: 0 0 20px;
        padding: 0;
        font-size: 17px;
        line-height: 1.7em;
    }
    #section_maker_option .maker_option .desc .sup{
        top:0;
    }
    #section_maker_option .desc{
        padding: 0 50px;
        font-size: 17px;
        line-height: 1.7em;
    }
    #section_maker_option .function_list{
        margin: 80px 0 100px;
        padding: 0;
        clear: both;
    }
    #section_maker_option .function_list .function_list_inner{
        margin: 30px 0 20px;
        padding: 0 50px;
        display: -webkit-box;
        clear: both;
    }
    #section_maker_option .function_list .function_list_inner:after{
        content: " ";
        clear:both;
        display: block;
    }
    #section_maker_option .function_list_inner li{
        position: relative;
        margin: 0 8px 12px 0;
        padding: 0;
        width: 168px;
        height: 98px;
        font-size: 15px;
        text-indent: inherit;
        text-align: center;
        vertical-align: middle;
        background-color: #EDEDED;
        float: left;
    }
    #section_maker_option .function_list_inner ul li:before{
        content: '';
        height: 100%; 
        display: inline-block;
        vertical-align: middle;
    }
    #section_maker_option .function_list_inner li:last-child{
        margin: 0;
    }
    #section_maker_option .function_list_inner li p{
        display: inline-block;
        vertical-align: middle;
    }

    /* Target Firefox only */
    @-moz-document url-prefix(){
        #section_maker_option .function_list_inner li br{
            display:inherit !important;
        }
    }
    #section_maker_option .caution{
        margin: 0 0 30px;
        padding: 0 50px;
        font-size: 13px;
        line-height: 1.6;
        clear:both;
    }
    #section_maker_option .maker_option .name{
        margin: 0 0 8px;
        font-size: 18px;
        font-weight: bold;
        line-height: 1.6em;
    }
    #section_maker_option .maker_option .type{
        padding: 0;
    }
    .section .addlink {
        padding: 25px 0 0;
    }
}