@charset "Shift_JIS";
/**
 :タイトル "TOPページ用スタイル（RWD）";
 :作成日 "2013-11-06";
*/
@media only screen and (min-width: 639px){
#footerCont #groupIndex h3.bizCat a {
	text-decoration: none !important;
	color: #232323 !important;
}
}
@media only screen and (max-width: 640px){
/* ▼SGH共通ヘッダー（/common/css_sgh/common.css）
   --------------------------------------------- */
#header{
	position: static;
	left: 0;
	width: auto;
	margin-left: 0;
	padding-top: 0;
	height: auto;
	background: #fff;
}

/* ▼モジュール（/common/css/module.css）
   --------------------------------------------- */



/* ▼領域別スタイル設定・モジュール調整（/common/css/layout.css）
   --------------------------------------------- */
#wrapper{
	position: static;
	min-width: 320px;
}

/* ▼TOPページ
   --------------------------------------------- */
#topMain{
	width: auto;
	margin: 0 auto 0;
	line-height: 1.5;
}
/*#topVisualWrap{
	display: none;
}
#topVisualWrap li.topVisual{
	display: none;
}*/
dl#businessNav{
	display: none;
}
#topVisualWrap div.businessInfo{
	display: none;
}

#spGlobalnav,
#spBusinessNav{
	display: block;
}

#spGlobalnav ul.spGlobalnav{
	display: table;
	width: 100%;
	list-style: none;
	margin: 0;
	padding: 0;
	border-top: 1px solid #d5d5d5;
}
#spGlobalnav ul.spGlobalnav li{
	display: table-cell;
	margin: 0;
	padding: 0;
	border-right: 1px solid #d5d5d5;
	text-align: center;
}
#spGlobalnav ul.spGlobalnav li:last-child{
	border-right: none;
}
#spGlobalnav ul.spGlobalnav li a{
	display: block;
	padding: 0.7em 0;
	font-weight: bold;
	background: #f8f8f8;
}
#spGlobalnav ul.spGlobalnav.spGlobalnav1 li{
	width: 33%;
}
#spGlobalnav ul.spGlobalnav.spGlobalnav1 li:last-child{
	width: 34%;
}
#spGlobalnav ul.spGlobalnav.spGlobalnav2 li{
	width: 50%;
}

#spBusinessNav,
#spBusinessNav dd{
	margin: 0;
	padding: 0;
}
#spBusinessNav{
	margin-bottom: 1.5em;
}
#spBusinessNav dt{
	display: none;
}
#spBusinessNav ul{
	list-style: none;
	margin: 0;
	padding: 0;
	letter-spacing: -0.4em;
}
#spBusinessNav li{
	display: inline-block;
	width: 50%;
	margin: 0;
	padding: 0;
	letter-spacing: normal;
	text-align: center;
}
#spBusinessNav li{
	border-bottom: 1px solid #d5d5d5;
}
#spBusinessNav li.nav00{
	background: #dfe2f0;
	color: #3645a2;
}
#spBusinessNav li.nav00 span,
#spBusinessNav li a{
	display:block;
	padding: 7px 0;
	font-weight: bold;
}
#spBusinessNav li a span{
	display:inline-block;
	vertical-align: middle;
	padding-top: 35px;
	background: url(/images/icn_biz-sp-delivery.png) no-repeat top center;
	background-size: 27px;
}
#spBusinessNav li.nav02 a span{
	background-image: url(/images/icn_biz-sp-logistics.png);
}
#spBusinessNav li.nav03 a span{
	background-image: url(/images/icn_biz-sp-international.png);
}
#spBusinessNav li.nav04 a span{
	background-image: url(/images/icn_biz-sp-estate.png);
}
#spBusinessNav li.nav05 a span{
	background-image: url(/images/icn_biz-sp-motors.png);
}
#spBusinessNav li.nav06 a span{
	background-image: url(/images/icn_biz-sp-staff.png);
}
#spBusinessNav li.nav07 a span{
	background-image: url(/images/icn_biz-sp-etc.png);
}
#spBusinessNav li.nav00 span:after,
#spBusinessNav li a:after{
	content : "";
	display:inline-block;
	height: 52px;
	vertical-align: middle;
}
#spBusinessNav li.nav00 span,
#spBusinessNav li:nth-child(odd) a{
	border-right: 1px solid #d5d5d5;
}


/* #topvisual */
#topVisualWrap{
	overflow: hidden;
	position: relative;
	height: 158px;
	margin-bottom: 0;
	border-top: 4px solid #3b499f;
	border-bottom: 4px solid #3b499f;
}
#topVisualWrap #topVisualInner{
	height: 123px;
}
#topVisualWrap ul.visualList{
	height: 123px;
}
#topVisualWrap li.topVisual{
	min-width: 320px;
	height: 123px;
}
#topVisualWrap li.topVisual div.inner{
	width: 320px;
	height: 123px;
}
#topVisualWrap li.topVisual.topVisual01{
	background: url(/images/pct_top-visual01.jpg) no-repeat center top;
	background-size: cover;
}
#topVisualWrap li.topVisual.topVisual02{
	background: url(/images/pct_top-visual03.jpg) no-repeat center bottom;
	background-size: cover;
}
#topVisualWrap li.topVisual.topVisual03{
	background: url(/images/pct_top-visual02.jpg) no-repeat center top;
	background-size: cover;
}

#topVisualWrap li.topVisual.topVisual01 p.ttl{
	top: 15px;
	left: auto;
	right: 24px;
}
#topVisualWrap li.topVisual.topVisual01 p.ttl img{
	width: 112px;
	height: auto;
}
#topVisualWrap li.topVisual.topVisual01 p.lead{
	top: 58px;
	left: auto;
	right: 10px;
}
#topVisualWrap li.topVisual.topVisual01 p.lead img{
	width: 125px;
	height: auto;
}
#topVisualWrap li.topVisual.topVisual03 p.ttl{
	top: 20px;
	right: 10px;
}
#topVisualWrap li.topVisual.topVisual03 p.ttl img{
	width: 173px;
	height: auto;
}
#topVisualWrap ul.slide-navs{
	z-index: 18;
	display: block !important;
	position: absolute;
	left: 0px;
	top: 134px;
	width: 100%;
	text-align: center;
	list-style: none;
	margin: 0 !important;
}
#topVisualWrap ul.slide-navs li{
	display: inline-block;
	margin: 0 14px;
	padding: 0;
	height: 12px;
	width: 12px;
	background:url(/images/btn_slide-nav.png);
	background-size: 12px;
}
#topVisualWrap ul.slide-navs li.current-slide{
	background-image:url(/images/btn_slide-nav-crt.png);
}
#topVisualWrap .prev{
	left: 84px;
	top: 134px;
	height: 16px;
	width: 10px;
	background: url(/images/btn_visual-back-sp.png) no-repeat left top;
	background-size: 10px 16px;
}
#topVisualWrap .next{
	right: 84px;
	top: 134px;
	height: 16px;
	width: 10px;
	background: url(/images/btn_visual-next-sp.png) no-repeat left top;
	background-size: 10px 16px;
}

/* 見出し */
h2.hdTxtTop01{
	position: relative;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0.95em 10px;
	border-top: 2px solid #ccc;
	border-bottom: 1px solid #ccc;
	line-height: 1.35;
}
h2.hdTxtTop01:after{
	width: 100px;
}
div.detail{
	width: auto;
}
div.detail ul.linkList01{
	top: -3.15em;
}
div.detail ul.linkList01 li{
	position: relative;
	top: 0.5em;
	float: none;
	margin: 0.15em 0 0 1em;
	}
div.detail ul.linkList01 li.rss{
	display: none;
}

/* ニュースリリース */
#newsSec{
	margin-bottom: 0;
}
#news dl{
	overflow: hidden;
	width: auto;
	margin: 0 10px;
	padding: 0;
}
#news .linkList01none{
	padding: 1em 10px 0;
	margin: 0 0 0;
	list-style: none;
}

/* SGホールディングスを知る */
#aboutSGH{
	margin-bottom: 3em;
	border-bottom: none;
}
ul.aboutList{
	letter-spacing: normal;
}
ul.aboutList li.about{
	display:  block;
	width: auto;
	margin: 0;
	padding: 10px;
	border-bottom: 1px solid #ccc;
}
ul.aboutList li a{
	display: block;
}
ul.aboutList li.about p.pct,
ul.aboutList li.about p.txt{
	display: table-cell;
	vertical-align: middle;
}
ul.aboutList li.about p.newwin{
	background: url(/common/images/icn_link-newwin.gif) no-repeat 120px 0.95em;
}


ul.aboutList li.about p.pct{
	width: 58px;
}
ul.aboutList li.about p.pct img{
	width: 40px;
	height: auto;
}

/* バナーリスト */
ul.topBnrList01{
	width: 316px;
	margin: 0 auto 2.5em;
}
ul.topBnrList01 li{
	margin: 0 6px 0;
}
ul.topBnrList01 li img{
	width: 146px;
	height: auto;
}

/* #footerCont */
#footerCont{
	padding: 0;
	border-top:  none;
	background-image: none;
}
#footerCont #groupIndex{
	width: auto;
	margin: 0 0 2em;
	border-top: 2px solid #cdced5;
}
#footerCont #groupIndex h2.hdTxtTop02{
	margin: 0;
	padding: 1em 10px;
}
#footerCont #groupIndex div.box{
	float: none;
	width: auto;
	margin-right: 0;
}
#footerCont #groupIndex div.section{
	margin: -1px 0 0;
}
#footerCont #groupIndex h3.bizCat{
	position: relative;
	margin: 0;
	padding: 8px 10px;
	border-bottom: 1px solid #cdced5;
	border-top: 1px solid #cdced5;
}
#footerCont #groupIndex h3.bizCat.active{
	background-color: #eaebf4;
}
#footerCont #groupIndex h3.bizCat a{
	display: block;
	/*color: #232323;*/
}
#footerCont #groupIndex h3.bizCat span{
	display: table-cell;
	vertical-align: middle;
}
#footerCont #groupIndex h3.bizCat span.pct{
	width: 40px;
}
#footerCont #groupIndex h3.bizCat span.ttl:after {
	content : "";
	display:inline-block;
	position:absolute;
	top:50%;
	right:10px;
	width:19px;
	height:19px;
	margin-top:-8px;
	background: url(/common/images/rwd/icn_accrodion-open.png) no-repeat;
	background-size: 19px;
	vertical-align:baseline;
}
#footerCont #groupIndex h3.bizCat.active span.ttl:after {
	background: url(/common/images/rwd/icn_accrodion-close.png) no-repeat;
	background-size: 19px;
}
#footerCont #groupIndex dl.companyList{
	margin: 0;
	padding: 0 10px;
	/*height: 0;
	opacity: 0;
	overflow: hidden;
	-webkit-transition: height 1s;*/
	/*display: none;*/
}
#footerCont #groupIndex dl.companyList.off{
	display: none;
}
#footerCont #groupIndex dl.companyList.active{
	background: #eaebf4;
}
#footerCont #groupIndex dl.companyList dt,
#footerCont #groupIndex dl.companyList dd{
	margin: 0;
}
#footerCont #groupIndex dl.companyList dt{
	margin: 0 -10px; 0;
	padding: 10px 30px 10px 28px;
	background: url(/images/icn_link-none.gif) no-repeat 13px 15px;
	font-weight: bold;
	line-height: 1.3;
}
#footerCont #groupIndex dl.companyList dt.newwin{
	background: url(/common/images/icn_link-newwin.gif) no-repeat 11px 14px;
}
#footerCont #groupIndex dl.companyList dd{
	margin: 0 -10px;
	padding: 0 30px 10px 28px;
	width: auto;
	border-bottom: 1px solid #cdced5;
}
#footerCont #groupIndex dl.companyList a{
	color: #3b499f;
}
#footerCont #groupIndex dl.companyList a:link{
	text-decoration: none;
}
#footerCont #groupIndex dl.companyList a:visited{
	text-decoration: none;
	color: #3b499f;
}
#footerCont #groupIndex dl.companyList a:hover{
	text-decoration: underline;
	color: #0099ff;
}
#footerCont #groupIndex dl.companyList a:active{
	text-decoration: underline;
}
#footer{
	width: auto;
}

/* CSS3 AccordionAnimation
-------------------------- */
/*@-webkit-keyframes ACD-Open {
	0% {height: 0;opacity: 0;}
	100% {height: auto;opacity: 1;}
}
:target{
	background-color: #eaebf4 !important;
}
:target dl.companyList{
	-webkit-animation-name: ACD-Open;
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count: 1;
	height: auto !important;
	opacity: 1 !important;
	overflow-y: auto !important;
}
:target h3.bizCat{
}
:target h3.bizCat a {
	text-decoration: none !important;
	color: #232323 !important;
}*/


}