@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#company div#image_box{
	background-color:#38342a;
	background-image:url(../img/comp_bg_top_01sml_2x.jpg);
	 }

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

/* ===== 小画面用：各背景画像ボックスの指定 ===== */
/* paralaxの為のセクションごとのボックス。上から#bg_01〜 */

#bg_01{
  background:url(../img/bg_02.jpg) repeat scroll center 0; /* bg_lg_paper.gif */
}
#bg_02{
  background:url(../img/bg_01.jpg) repeat scroll center 0; /* bg_wh2_paper.gif */
}
#bg_03{
  background:url(../img/bg_02.jpg) 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; 
}


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

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

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

/* ごあいさつ */
 
p.aisatu{
	margin-bottom:24px;/* .signとの間を調整 */
}
p.sign{
	text-align:right;
	font-family:'Noto Serif JP', serif;;
	
	margin:0 32px 48px;
	/*background:#F30;*/
}
p.sign span.president{
	font-size:112.5%; /* 18px */
}



/* 会社概要 */
dl dt,dl dd{
	text-align:center;
}

dl.summary dt{
	font-size:112.5%; /* 18px */
	margin:0 0 12px 0;
}
dl.summary dd{
	margin:0 0 24px;
	padding-bottom:24px;
	border-bottom:solid 1px rgba(0,160,148,1);
}
dl.summary dd.represent{
	line-height:1.8em;
}
dl.summary dd.end_dd{
	border-bottom:none;
	padding:0;
	margin:0 0 48px;
}

dl.site dt{
	font-size:100%;
	padding-top:24px;
	margin: 0 10% 0;
	border-top:solid 1px rgba(0,160,148,1);
}
dl.site dd{
	margin:0 10% 12px;
	line-height:1.65em;
}
dl.site dd#end_site_dd{
	padding:0;
	border-bottom:none;
}
dl.site dd span.address{
	/*letter-spacing:0.1em;*/
}

dl.summary dd.represent{
	line-height:1.8em;
}



/* 事業内容 */
ul.business{
	margin:0 0 48px;
}
ul.works{
	display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
	justify-content:space-between;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
	
	padding:0 3% 0;
	margin:0 0 48px;
}

ul.works li{
	display:block;
	width:49.5%;/* 幅指定で一行の表示アイテム数を変化させる ||ここは小画面用 */
	height:auto;
	font-size:75%; /* 12px */
	/*text-indent:1em;*/
	margin:0 0 12px 0;
}
ul.works li.text_short_11{
	display:block;
	width:49.5%;/* 幅指定で一行の表示アイテム数を変化させる ||ここは小画面用 */
	height:auto;
	font-size:68.75%; /* 11px */
	/*text-indent:1em;*/
	margin:0 0 12px 0;
}



ul.business li h4{
	font-size:93.75%; /* 15px */
	margin:0 0 12px;
	font-weight:bold;
	line-height:1em;
}

/*ul.business li h4 a{
	color:#00a094;
	text-decoration:underline;
}*/


aside{
	width:90%;
	height:auto;
	font-size:87.5%; /* 14px */
	text-align:center;
	padding:0 5% 0;
}






/* 資格 */
ul.license_list{
	margin:0 12px 24px 24px;
}

ul.license_list li{
	font-size:87.5%; /* 14px */
	margin:0 0 12px 0;
	/*text-indent:1em;*/
}



/* 会社のあゆみ */
ol.history{
	padding:0 3% 0;
	margin:0 0 24px 0;
}
ol.history li{
	font-size:75%; /* 12px */
	margin:0 0 8px 0;
	list-style-type:disc;
	/*text-indent:1em;*/
	/*padding-left:1em;*/
}




#content #hist{
	margin-bottom:0;
}




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


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



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

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

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

section.main_copy{
	box-sizing:border-box;
	width:500px;
	height:auto;
	margin:96px auto 72px;
}


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


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

/* 事業内容 */
ul.business{
	padding:0 5% 0;
}

ul.works li{
	font-size:87.5%; /* 14px */
}

aside{
	text-align:center;
}

/* 会社のあゆみ */
ol.history{
	padding:0 3% 0;
	margin:0 0 24px 0;
}
ol.history li{
	font-size:93.75%; /* 15px */
}



}





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


a:hover{
  color:#00a094;
}

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

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

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


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


/* 事業内容 */

ul.works {
	padding:0 8% 0;
}
ul.works li{
	font-size:100%; /* 16px */
}



ul.business li h4{
	font-size:93.75%; /* 15px */
	margin:0 0 24px;
}

ul.business li h4 a{
	color:#00a094;
	text-decoration:underline;
}
ul.business li h4 a:hover{	
		color:#9C0;
}

aside{
	text-align:center;
	padding:0 5% 0;
}






/* 資格 */

ul.license_list li{
	font-size:93.75%; /* 15px */
	text-align:center;
}



/* 会社のあゆみ */

ol.history{
	padding:0 3% 0;
	margin:0 0 24px 0;
}
ol.history li{
	font-size:100%; /* 16px */
	margin:0 0 8px 0;
	list-style-type:disc;
	/*text-indent:1em;*/
	/*padding-left:1em;*/
}




#content #hist{
	margin-bottom:0;
}


}


/*@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);
	}
}*/