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


a:link,
a:visited{
  color:#006655; /* サイトによって標準色を設定のこと */  
}

/*a:hover{
  color:#00a094;
}*/


body#kdwr section.content_box h3{
	font-family: 'Sawarabi Mincho', sans-serif;
}

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

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

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;
	}
	
/* ===== ページ毎イメージ :: kdwr=こだわり ===== */
body#kdwr div#image_box{
	background-color:#c1bdab;
	background-image:url(../img/kdwr_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_02.jpg) repeat scroll center 0; 
}
#bg_02{
  background:url(../img/bg_01.jpg) repeat scroll center 0; 
}
#bg_03{
  background:url(../img/bg_wh2_paper) repeat scroll center 0;
}
#bg_04{
  background:url(../img/bg_01.jpg) repeat scroll center 0; 
}
#bg_05{
  background:url(../img/bg_02.jpg) repeat scroll center 0;
}
#bg_06{
  background:url(../img/bg_01.jpg) repeat scroll center 0; 
}

/* ======= セクション共通の仕様 ======= */

figure{
	float:right;
	width:100%;
	height:auto;
	margin:0 auto 12px;
}

section.content_box p{
	margin-bottom:24px;
}
figure img{
	width:100%;
	height:auto;
	text-align:center

}

/*body#kdwr section.content_box a:link, body#kdwr section.content_box a:visited{
	color:#00a094;
}*/
/*body#kdwr section.content_box a:hover{	
		color:#9C0;
}*/




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

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

/* 中画面用カテナビ背景ボックス：画面に現れるので背景に色を指定 */
/* nav#cate_navbox{
	background:rgba(102,102,102,0.8);
} */

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

a:hover{
  color:#00a094;
}

/* ===== ページ毎イメージ中画面用 :: kdwr=こだわり ===== */
body#kdwr div#image_box{
	background-color:#c1bdab;
	background-image:url(../img/kdwr_bg_top_02mdl_1x.jpg);
	}

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

section.main_copy{
	width:900px;
	height:auto;
	margin:96px auto 72px;
}
section.main_copy div.hdgroup{
	padding-left:5%;
}



/* ======= セクション中画面の仕様 ======= */

figure{
	width:50%;
	height:auto;
	margin-bottom:0;
}
figure.right{
	float:right;
	margin-left:2%;
}
figure.left{
	float:left;
	margin-right:2%;
}
/*section.content_box p{
	margin-bottom:24px;
}*/


}



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



/* ===== ページ毎イメージ大画面用 :: kdwr=こだわり ===== */
body#kdwr div#image_box{
	background-color:#c1bdab;
	background-image:url(../img/kdwr_bg_top_03lag_1x.jpg);
	}

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

section.main_copy{
	width:900px;
	height:auto;
	margin:96px auto 136px;
}
section.main_copy div.hdgroup{
	padding-left:5%;
}


/* ======= セクション共通の仕様 ======= */
figure{
	width:50%;
	height:auto;
}
figure.right{
	float:right;
	margin-left:2%;
}
figure.left{
	float:left;
	margin-right:2%;
}
/*section.content_box p{
	margin-bottom:24px;
}*/


/*body#kdwr section.content_box a:link, body#kdwr section.content_box a:visited{
	color:#00a094;
}
body#kdwr section.content_box a:hover{	
		color:#9C0;
}*/

}