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

/*  ヘッダー
------------------------------------------------------------ */
#logo {
    left: 15px;
}
/*  コンテンツフレーム
------------------------------------------------------------ */
#mainContents .cont_inner_wide {
	padding-right: 15px; /* ガーター */
	padding-left: 15px;  /* ガーター */
}
/*  メニューページタイトル
------------------------------------------------------------ */
#mainVisualArea div{
	padding-right: 15px; /* ガーター */
	padding-left: 15px; /* ガーター */
}

/*  ぱんくずリスト
------------------------------------------------------------ */
#topicPath p {
	padding: 0 15px; /* ガーター */
}

/*  サブナビゲーション
------------------------------------------------------------ */
#sNav {
    width: 100%;
	padding-right: 15px; /* ガーター */
	padding-left: 15px; /* ガーター */
}

/*  slick
------------------------------------------------------------ */
.slick-prev {
    left: 0;
}
.slick-next {
    right: 0;
}

/*  フッター
------------------------------------------------------------ */
#footerWrapper .cont_inner {
	padding-right: 15px; /* ガーター */
	padding-left: 15px; /* ガーター */
}

/*  ジェムグループの地域貢献活動（TOPページ）
------------------------------------------------------------ */
#csrArea .lpitem{
    overflow: hidden;
}
#csrArea .slider {
    width: calc(100% - 50px);
}

/*  事業領域コンテンツ共通
------------------------------------------------------------ */
#mainContents .container.bgV{
    background-size: auto 400px;
}

/*  スタッフの声
------------------------------------------------------------ */
#voice #voiceTop .staffBg{
    width: calc(66% - 15px);
    right: 15px;
}

}







/*-------------------------------------------*/
/*	1024px 以下の画面幅で適用する CSS
/*-------------------------------------------*/
@media screen and (max-width:1024px){/*1024px 以下の画面幅で適用する CSS*/
/*  ヘッダー
------------------------------------------------------------ */
#overlay {
    background-color: #000;
    display: none;
    height: 100%;
    left: 0;
    opacity: 0.7;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 300;
}
#headerWrapper {
}
#headerContents {
    height: 70px;
}
#headerContents > p{
    display: none;
}

/*  メニューページタイトル
------------------------------------------------------------ */
#mainVisualArea {
    height: 120px;
    margin-top: 70px;
    margin-bottom: 5px;
}

/* グローバルナビゲーション
------------------------------------------------------------ */
#gNavArea{
	display: none;
}

/*  サブエリア　※サブエリアなし
------------------------------------------------------------ */
#subArea {
    display: none;
}


}




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

/*  コンテンツフレーム
------------------------------------------------------------ */
#mainContents .cont_inner {
	padding-right: 15px; /* ガーター */
	padding-left: 15px;  /* ガーター */
}


}