@charset "utf-8";
@import url("common.css");
@import url("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: #E16254;
    border-bottom: 1px solid #E16254;
}
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: 2.2%;
}
div.boxInner ol li{
    font-size: 14px;
    line-height: 160%;
}
div.boxInner ol.w_btm li{
    line-height: 160%;
}
span.bold{
    font-weight: bold;
    font-size: 1.15em;
}
/****** 採用担当者より ******/
div#saiyo{
    margin: 0 auto 2.5%;
}
#saiyo div.boxInner ol li{
    margin-bottom: 1.9%;
    line-height: 145%;
}
#saiyo div.boxInner ol li.n_btm{
    margin-bottom: 0;
}
#saiyo div.boxInner div.inner{
    padding: 2.5% 2%;
    background-color: #F5F5F5;
    margin-bottom: 2.4%;
    border: 1px solid #E16254;
}
#saiyo div.boxInner div.inner ol{
    margin-left: 4.5%;
}
#saiyo div.boxInner div.inner a{
    color: #E16254;
    text-decoration: underline;
}
#saiyo div.boxInner ol#henkan{
    margin-bottom: 2.5%;
    margin-left: 4.5%;
}
#saiyo div.boxInner ol#henkan li{
    margin-bottom: 0;
}
/****** 採用ミスマッチを軽減する ******/
div#missmatch{
    margin: 0 auto 2.5%;
}
div#missmatch ol{
    margin-left: 4.5%;
}
div#missmatch p.n_btm{
    margin-top: 2.5%;
}
/****** マインドクオリティー ******/
div#mindquality{
    margin: 0 auto 2.5%;
}
/****** 東経システム・ベーシック ******/
div#basic{
    margin: 0 auto 2.5%;
}
div#basic div.boxInner ol{
    margin-left: 5.5%;
}


/**************   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: 145%;
        margin-bottom: 3.3%;
    }
    div.boxInner ul li{
        font-size: 12px;
        line-height: 140%;
        margin-left: 4.5%;
    }
    div.boxInner ol li{
        font-size: 12px;
        line-height: 150%;
    }
    span.bold{
        font-size: 14px;
    }
    /****** 採用担当者より ******/
    #saiyo div.boxInner ol li{
        margin-bottom: 2.3%;
        line-height: 140%;
    }
    /****** 採用ミスマッチを軽減する ******/
    div#missmatch ol li{
        line-height: 140%;
    }
    div#missmatch p.n_btm{
        margin-top: 4%;
    }

}
/**************   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: 130%;
    }
    div.boxInner h3.top{
        margin-top: 4.8%;
    }
    /****** 採用担当者より ******/
    div#saiyo{
        margin: 0 auto 7%;
    }
    #saiyo div.boxInner div.inner ol{
        margin-left: 9.5%;
    }
    #saiyo div.boxInner ol#henkan{
        margin-left: 9.5%;
    }
    /****** 採用ミスマッチを軽減する ******/
    div#missmatch{
        margin: 0 auto 7%;
    }
    div#missmatch ol{
        margin-left: 9.5%;
    }
    div#missmatch ol li{
        margin-bottom: 3%;
        line-height: 135%;
    }
    div#missmatch p.n_btm{
        margin-top: 4%;
    }
    /****** マインドクオリティー ******/
    div#mindquality{
        margin: 0 auto 7%;
    }
    /****** 東経システム・ベーシック ******/
    div#basic{
        margin: 0 auto 7%;
    }
    div#basic div.boxInner ol{
        margin-left: 10.5%;
    }
}