@charset "UTF-8";
/* CSS Document */

/* =============== 背景画像ボックス指定 =============== */

/* ===== 背景画像ボックス共通仕様 ===== */

div#image_box{/* トップページの最初の背景表示用のボックス */
	width:100%;
	height:auto;
	overflow:hidden;
	/*padding:72px 0 0; #header_boxの高さ＋アキを逃げる。小画面用 */
	background-repeat:no-repeat;
	background-attachment:scroll;
	background-position:center 0;
	}
	
/* ===== ページ毎イメージ :: company=会社案内 ===== */
body#access div#image_box{
	background-image:url(../img/aces_bg_top_01sml_2x.jpg);
	}

/* ===== pc画面用キャッチフレーズ周りの指定 =====*/
section.main_copy{
	box-sizing:border-box;
	width:100%;/* 400px */
	height:auto;
	margin:192px auto 240px;
}
section.main_copy div.hdgroup{
	padding-left:5%;
}


/* ===== 小画面用：各背景画像ボックスの指定 ===== */
/* paralaxの為のセクションごとのボックス。上から#bg_01〜 */
#bg_01,#bg_02,#bg_03,#bg_04,#bg_05,#bg_06{
	box-sizing:border-box;
	width:100%;
	height:auto;
}

#bg_01{
  background:url(../img/bg_lg_paper.gif) repeat scroll center 0; 
}
#bg_02{
  background:url(../img/bg_wh2_paper.gif) repeat scroll center 0; 
}
#bg_03{
  background:url(../img/bg_vag_paper.gif) repeat scroll center 0;
}
#bg_04{
  background:url(../img/bg_lg_paper.gif) repeat scroll center 0; 
}
#bg_05{
  background:url(../img/bg_wh2_paper.gif) repeat scroll center 0;
}
#bg_06{
  background:url(../img/bg_vag_paper.gif) repeat scroll center 0; 
}
#bg_07{
  background:url(../img/bg_lg_paper.gif) repeat scroll center 0; 
}


/* =========== 地図配置 ============ */
article.base_box p.map img{
	display:block;
	width:594px;
	height:450px;
	margin:0;
}
/* =========== テキスト及び住所表示 ============ */
span.use{
	display:block;
	margin:6px 0 0;
	color:#333;
}
span.attention{
	display:block;
	font-size:93.75%; /* 15px */
	margin:0 0 24px;
	font-weight:bold;
	color:#fa3366;
}

span.attention a:link,
span.attention a:visited{
	color:#fa3366;
}
span.attention a:hover{
	color:#fa3366;
}

span.address{
	display:block;
	margin:12px 0 12px;
}

/* === GmapとPDF === */
span.googlemap,
span.pdf{
	display:block;
	/*font-size:93.75%;  15px */
}
span.googlemap{
	margin:12px 0 24px 24px;
}
span.pdf{
	margin:24px 0 24px 24px;
}


/* =========== 地図中のリンク設定 ============ */
p.map_kouiki {
	position:relative;
	width:100%;
	height:100%;
}

p.map_kouiki a.fact_map{
	display:block;
	width:11.08%;
	height:8.3102%;
	position:absolute;
	top:1.662%;
	left:20.7253%;
}
p.map_kouiki a.fact_map span.fact_txt{
	z-index:1001;
	visibility:hidden;
}

p.map_kouiki a.ware_map{
	display:block;
	width:11.08%;
	height:8.3102%;
	position:absolute;
	top:12.9533%;
	left:16.8393%;
}
p.map_kouiki a.ware_map span.ware_txt{
	z-index:1001;
	visibility:hidden;
}

p.map_kouiki a.hocho_map{
	display:block;
	width:11.08%;
	height:8.3102%;
	position:absolute;
	top:3.886%;
	left:51.8134%;
}
p.map_kouiki a.hocho_map span.hocho_txt{
	z-index:1001;
	visibility:hidden;
}




@media screen and (min-width:760px){

/* ===== ページ毎イメージ中画面用 :: kdwr=こだわり ===== */
body#access div#image_box{
	background-color:#c1bdab;
	background-image:url(../img/aces_bg_top_02mdl_1x.jpg);
	}
	
	/* ===== pc画面用キャッチフレーズ周りの指定 =====*/
section.main_copy{
	width:500px;
	margin:96px auto 72px;
}
section.main_copy div.hdgroup{
	padding-left:5%;
}

	
}



@media screen and (min-width:1024px){

/* ===== ページ毎イメージ大画面用 :: kdwr=こだわり ===== */
body#access div#image_box{
	background-color:#c1bdab;
	background-image:url(../img/aces_bg_top_03lag_1x.jpg);
	}
	
	/* ===== pc画面用キャッチフレーズ周りの指定 =====*/
section.main_copy{
	width:900px;
	margin:120px auto 112px;
}
section.main_copy div.hdgroup{
	padding-left:5%;
}

}