@charset "utf-8";
@import url("/css/common.css");
@import url("/css/contents.css");

/**************   PC   **************/
/****** 各ページ共通 ******/
#maincontents_in div.right{
    margin-top: 3.1%;
}
#maincontents_in div.right h1{
    margin-bottom: 3.8%;
}
#maincontents_in div.right div.boxInner{
    margin-bottom: 3%;
    background-color: #FFFFFF;
    padding: 3.6% 3% 3% 3%;
    border: 1px solid #DDDDDD;
}
div.boxInner h2{
    font-size: 1.45em;
    font-weight: normal;
    margin-bottom: 3%;
    color: #8E57A0;
    border-bottom: 1px solid #8E57A0;
}
div.boxInner h3{
    font-size: 1.13em;
    font-weight: normal;
    margin-bottom: 1.2%;
    border-bottom: 1px solid #999999;
}
div.boxInner h3.top{
    margin-top: 2.2%;
}
div.boxInner p{
    font-size: 14px;
    line-height: 160%;
    margin-bottom: 2.2%;
}
div.boxInner p.n_btm{
    margin-bottom: 0;
}
div.boxInner ul li{
    font-size: 14px;
    line-height: 160%;
    margin-left: 3.2%;
}
div.boxInner ol li{
    font-size: 14px;
}

/******  システム技術者  ******/
div#productdeveloper{
    margin: 0 auto 2.5%;
}
/****** システムサポート ******/
div#systemsupport{
    margin: 0 auto 2.5%;
}
#systemsupport div.boxInner div#syswork ul li{
    margin-bottom: 1.2%;
    line-height: 145%;
}
#systemsupport div.boxInner div#syswork ul li.nbtm{
    margin-bottom: 0;
}
/****** サポートセンター ******/
div#supportcenter{
    margin: 0 auto 2.5%;
}
/****** ITソリューション ******/
div#itsolution{
    margin: 0 auto 2.5%;
}
/******      営業       ******/
div#sales{
    margin: 0 auto 2.5%;
}
div#sales div.boxInner ol{
    margin-left: 4.2%;
}
div#sales div.boxInner ul.disc{
    margin-bottom: 1.75%;
}
div#sales div.boxInner ul.disc li,div#sales div.boxInner ul.disc_nbtm li{
    list-style-type: disc;
}
div#sales div.boxInner ul.no_ml li.nodisc{
    margin-left: 0;
    list-style-type: none;
}


/**************   tablet   **************/
@media only screen and (min-width:541px) and (max-width: 768px){
    /****** 各ページ共通 ******/
    #maincontents_in div.right h1{
        margin-bottom: 3.3%;
    }
    #maincontents_in div.right div.boxInner{
        margin-bottom: 3.3%;
        padding: 4.2%;
    }
    div.boxInner h2{
        font-size: 1.05em;
        margin-bottom: 3.3%;
    }
    div.boxInner h3{
        font-size: 0.9em;
    }
    div.boxInner p{
        font-size: 12px;
        line-height: 140%;
        margin-bottom: 3.3%;
    }
    div.boxInner ul li{
        font-size: 12px;
        line-height: 140%;
        margin-left: 4.5%;
    }
    div#sales div.boxInner ol{
        margin-left: 5.2%;
    }
    div.boxInner ol li{
        font-size: 12px;
    }
    #systemsupport div.boxInner div#syswork ul li{
        margin-bottom: 1.5%;
        line-height: 130%;
    }
}



/**************   smartphone   **************/
@media only screen and (max-width: 540px){
    /****** 各ページ共通 ******/
    #maincontents_in div.right h1{
        margin: 1% auto 3.8%;
    }
    #maincontents_in div.right div.boxInner{
        background-color: #FFFFFF;
        padding: 3.5% 2.5%;
        border: 1px solid #DDDDDD;
        width: 88%;
        margin: 0 auto 3.5%;
    }
    div.boxInner h2{
        font-size: 1em;
        margin-bottom: 4.5%;
    }
    div.boxInner h3{
        font-size: 0.9em;
    }
    div.boxInner p{
        font-size: 13px;
        line-height: 140%;
        margin-bottom: 3.5%;
    }
    div.boxInner ul li{
        font-size: 13px;
        line-height: 140%;
        margin-left: 7.5%;
    }
    div.boxInner ol li{
        font-size: 13px;
        line-height: 140%;
    }
    #systemsupport div.boxInner div#syswork ul li{
        margin-bottom: 3%;
    }
    div.boxInner li.wbtm{
        margin-bottom: 3%;
    }
    div.boxInner h3.top{
        margin-top: 4.8%;
    }
    div#sales div.boxInner ol{
        margin-left: 8%;
    }
    /****** システム技術者 ******/
    div#productdeveloper{
        margin: 0 auto 7%;
    }
    /****** システムサポート ******/
    div#systemsupport{
        margin: 0 auto 7%;
    }
    /****** サポートセンター ******/
    div#supportcenter{
        margin: 0 auto 7%;
    }
    /****** ITソリューション ******/
    div#itsolution{
        margin: 0 auto 7%;
    }
    /******      営業       ******/
    div#sales{
        margin: 0 auto 7%;
    }
}