@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;
	}
	
/* ===== ページ毎イメージ小画面用 :: Privacy=プライバシーポリシー ===== */


	body#privacy div#image_box{
	background-color:#38342a;
	background-image:url(../img/privacy_bg_top_01sml_2x.jpg);
	 }

/* ===== 中画面用キャッチフレーズ周りの指定 =====*/
section.main_copy{
	box-sizing:border-box;
	width:100%;/* 400px */
	height:auto;
	margin:72px auto 360px;
}
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_04.jpg) repeat scroll center 0; 
}
#bg_05{
  background:url(../img/bg_01.jpg) repeat scroll center 0;
}
#bg_06{
  background:url(../img/bg_04.jpg) repeat scroll center 0; 
}

/* ======= カテゴリーごとの仕様 ======= */


/* プライバシーポリシー本文 */

/* 本文 */
 body#privacy .content_box p{
	 box-sizing:border-box;
 width:100%;
 height:auto;
 padding:0 3% 0;
 }
 
 /* 本文最下部の連絡先 */
 body#privacy .content_box p span{
	 display:block;
	 margin-bottom:24px;
 }
 
 
 /* 定義リスト */
dl{
	box-sizing:border-box;
	width:100%;
	height:100%;
	padding:0 5% 0;
}
dl dt{
      font-size:118.75%;/* 18px 行間を開けるため24pxより小さく設定 */
      line-height:1.33333333;/* 1L=24px */
	  color: #00a094;
}
dl dd{
	box-sizing:border-box;
	padding-left:1em;
	width:98%;
	height:auto;
	text-align:left;
	margin-bottom:24px;
}

dd ul{
	box-sizing:border-box;
	width:100%;
	height:auto;
	padding-left:1em;
}


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


/* =====中画面・PC画面用カテゴリーナビ、アイコン ===== */



/*div#image_box{
	padding:120px 0 0;
}*/

/* ===== ページ毎イメージ中画面用 :: company=会社案内 ===== */
body#privacy div#image_box{
	background-color:#5f5848;
	background-image:url(../img/privacy_bg_top_02mdl_1x.jpg);
	}

/* ===== 中画面用キャッチフレーズ周りの指定 =====*/

section.main_copy{
	width:100%;
	height:auto;
	margin:96px auto 72px;
}


ul.item_list li{
	width:48.5%;/* 幅指定で一行の表示アイテム数を変化させる ||ここは中画面用 */
	height:auto;
	margin:	0 0 24px 0;
}


}

/*@media screen and (min-width: 750px) and (resolution: 2dppx), (-webkit-min-device-pixel-ratio:2){
	body#company div#image_box{
	background-image:url(../img/comp_bgjp_top_02mdl_2x.jpg);
	}
}*/



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




/* ===== ページ毎イメージ小画面用 :: company=会社案内 ===== */
body#privacy div#image_box{
	background-color:#5f5848;
	background-image:url(../img/privacy_bg_top_03lag_1x.jpg);
	}

/* ===== PC画面用キャッチフレーズ周りの指定 =====*/

section.main_copy{
	width:100%;
	height:auto;
	margin:96px auto 136px;
}





ul.item_list li{
	width:32%;/* 幅指定で一行の表示アイテム数を変化させる ||ここはPC画面用 */
	height:auto;
}


}


/*@media only screen and (-webkit-min-device-pixel-ratio:2){

	body#company div#image_box{
	background-image:url(../img/comp_bgjp_top_03lag_1x.jpg);
	}
}*/