/*-------------------------------------------*/
/*	420px 以下の画面幅で適用する CSS
/*-------------------------------------------*/
@media screen and (max-width:420px){/*420px 以下の画面幅で適用する CSS*/

/*  基本設定
------------------------------------------------------------ */
body{
}
h1 {
}
h2 {
    font-size: 160%;/*24px*/
}
h3 {
    font-size: 120%;/*18px*/
}
h4 {
    font-size: 106%;/*16px*/
}
h5 {
    font-size: 106%;/*16px*/
}

/*  汎用クラス
------------------------------------------------------------ */
ul.bannerList li {
    display: inline-block;
    margin: 0 0 16px 0;
    width: 100%;
}
ul.bannerList li:last-child{
	margin-bottom: 0;
}
p.txt {
    line-height: 1.6;
}
img.fl{
    float: none;
    max-width: 100%;
    margin-right: 0;
}
img.fr{
    float: none;
    max-width: 100%;
    margin-left: 0;
}
.sp_inline {
    display: none;
}
.pc_inline {
    display: none;
}
table.line th,
table.line td{
	display: block;
	width: 100%;
}
strong.slogan {
    margin-bottom: 24px;
    font-size: 140%;
}

/*  ヘッダー
------------------------------------------------------------ */
#logo {
    max-width: 60%;
}

/*  コンテンツフレーム
------------------------------------------------------------ */
#mainContents h2 {
    margin: 0 0 24px;
}
#toppage #mainContents h2 {
    margin: 0 0 24px;
    font-size: 160%;/*24px*/
}
#mainContents h3 {
    margin-bottom: 24px;
    font-size: 24px;
    letter-spacing: 2px;
}
#mainContents h4 {
}
#mainContents h5 {
    margin-bottom: 24px;
}

/*  記事
------------------------------------------------------------ */
.article h2 small {
	font-size: 60%;/*14px*/
}
.article h3 small {
    font-size: 84%;/*14px*/
}

/*  社長メッセージ
------------------------------------------------------------ */
#greetingMvArea .item p.signature{
    max-width: 130px;
}

/*  採用TOP、求人情報、スペシャルコンテンツ共通
------------------------------------------------------------ */
#mainContents #menuTop.container {
    padding: 100px 0 0;
/*
    padding: 100px 15px 0;
*/
}
#mainContents #menuTop.container {
    padding: 100px 0 0;
/*
    padding: 100px 15px 0;
*/
}
#mainContents #menuTop h3{
    margin-bottom: 100px;
}
#mainContents #menuTop .cont_inner_wide{
    padding-right: 0;
}
#recruit #vision .item {
    display: block;
}
#recruit #vision .item p {
    width: 100%;
    margin-bottom: 20px;
}
#recruit #vision .item img {
    width: 100%;
}

/*  スタッフの声
------------------------------------------------------------ */
#voice #voiceTop .staffBg{
    height: 208px;
}
#voice #voiceTop .lcol{
    margin-top: 18px;
}
#voice #voiceTop .lcol .staffImg{
    height: 205px;
}
#voice #voiceTop .rcol .staffInfo{
    padding-bottom: 18px;
}
}