@charset "utf-8";

@import url("normalize.css");
@import url("common.css");
@import url("layout.css");
@import url("header-image.css");
@import url("etc.css");
/*------------------------------------------------------------------------------------------------*/
/* MAIN COLOR #131C57 RGBA rgba(19,28,87,0.8)
	サブ　#424979 RGBA rgba(66,73,121,1.0) */
/*------------------------------------------------------------------------------------------------*/
.tbl, .tbl div { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.tbl { display: table; table-layout: fixed; width: 100%; margin-top: -1px; border: 1px solid #AAA; }
.tbl.first { margin-top: 0px; }
.tbl div { display: table-cell; padding: 10px; vertical-align: top; }
.tbl div.th { width: 25%; background-color: rgba(220,220,220,0.5); border-right: 1px solid #AAA; }
.tbl div.td { width: 75%; background-color: rgba(255,255,255,0.5); }
.tbl div.th.kome:before { content: "※"; color: #F00; }
.tbl div.td.works li:before { content: "●"; margin: 3px; color: #CCC; }
.small { font-size: 80%; padding-right: 15px; }
.red { color: #F66; fontweight: 700; }

ol.num { counter-reset: count 0; }
ol.num li {  }
ol.num li:before { content: counter(count) ". "; counter-increment: count 1; }
ol.num h3 { color: #F33; font-size: 100%; }


/*------------------------------------------------------------------------------------------------*/
/*　画面幅960px以上　ＰＣ用
--------------------------------------------------------------------------------------------------*/
@media screen and (min-width: 960px) {
	
	/*------------------------------------------------------------------------------------------*/
	.etc .headerContents .message { width: 100%; height: auto; text-align: center; font-size: 150%; font-weight: 700; color: rgba(255,255,255,1); position: absolute; bottom: 15px; left: 0px; z-index: 1; cursor: default; }
	
}
/*------------------------------------------------------------------------------------------------*/
/*　画面幅800px以上960px迄　ミニＰＣ＆タブレット用
--------------------------------------------------------------------------------------------------*/
@media screen and (min-width: 800px) and (max-width: 959.9px) {
	
	/*------------------------------------------------------------------------------------------*/
	.etc .headerContents .message { width: 100%; height: auto; text-align: center; font-size: 150%; font-weight: 700; color: rgba(255,255,255,1); position: absolute; bottom: 15px; left: 0px; z-index: 1; cursor: default; }
	
}

/*------------------------------------------------------------------------------------------------*/
/*　画面幅800px未満　スマホ用
--------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 799.9px) {
	
	/*------------------------------------------------------------------------------------------*/
	.etc .headerContents .message { width: 100%; height: auto; text-align: center; font-weight: 400; font-size: 150%; color: rgba(255,255,255,1); position: absolute; bottom: 10px; left: 0px; z-index: 1; cursor: default; }
	
}