@charset "UTF-8";


/* #### レスポンシブWebデザイン ################################# */

/* 1190px以上用（PC用）の記述 */
@media screen and (min-width: 1190px) {
	/* 全体の横幅を固定 */
	.boxTop, .boxContents, .boxSlider {
		width: 1150px;
		margin-left: auto;
		margin-right: auto
	}
	 .tableH3 td { 
	 	width: 25%;
	 }
	 
	//PCのデフォルトスタイルは割愛します
	.tbl-r06 tr:nth-child(even) {
	  
	}
	.tbl-r06 td {
	  border: none;
	  
	}
	.tbl-r06 .last {
	  border-bottom: solid 1px #ccc;
	}	 
}


/* 768px以上用（タブレット・PC用）の記述 */
@media screen and (min-width: 769px) {
	/* トグルボタン */
	#topMenubtn {
		display: none;
	}
	/* ナビゲーション */
	.topMenu {
		display: block !important
	}

	/* boxContents LeftとRightを横に並べる設定 */
	.boxContents:after {
		content: "";
		display: block;
		clear: both;
	}
	.boxContentsR {
		float: right;
		width: 80%;
		padding-left: 20px;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.boxContentsL {
		float: left;
		width: 20%;
	}

	.tableH {
		width: 80%;
	}

	.tableH2 {
		width: 45%;
	}}

/* sideMenuのため */
@media screen and (max-width: 930px) and (min-width: 769px){
	.boxContentsL {
	width: 25%;
	}
	.boxContentsR {
	width:75%;
	}
}

/* 767px以下用（タブレット／スマートフォン用）の記述 */
@media screen and (max-width: 768px) {
	/* トグルボタン */
	#topMenubtn {
		padding: 6px 15px;
		border: solid 1px #aaaaaa;
		border-radius: 5px;
		background-color: #ffffff;
		position: absolute;
		top: 20px;
		right: 15px;
		cursor: pointer;
	}
	#topMenubtn:hover {
		background-color: #dddddd;
	}
	#topMenubtn:focus {
		outline: none;
	}
	#topMenubtn i {
		color: #888888;
		font-size: 18px;
	}
	#topMenubtn span {
		display: inline-block;
		text-indent: -9999px;
	}

	/* ナビゲーションメニュー（縦並び） */
	.topMenu {
		display: none;
	}
	.topMenu ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	.topMenu li {
		background-color: #eef8ff;
		width: auto;
	}
	.topMenu li a {
		display: block;
		padding: 5px;
		color: #000000;
		font-size: 14px;
		text-decoration: none;
	}
	.topMenu li a:hover {
		background-color: #005151;
		color: #ffffff
	}
	.sideMenu {
		border: none;
		min-width: 180px;
	}
	.boxContentsR, .boxSliderR {
		width: 100%;
	}
	.boxContentsL, .boxSliderL {
		width: 100%;
	}

	/* 記事 */
	.kiji h1 {
		font-size: 26px
	}
	.kiji h2 {
		font-size: 20px
	}
	.kiji .lead {
		font-size: 16px
	}

	/*  */
	.imglist {
		max-width: 100%
	}
	.imglist img {
		max-width: 100%
	}
	.ullist li img {
		width: 100%;
		height: 100%;
	}

	.tableH {
		width: 100%;
	}

	  .tbl-r06 {
	    width: 90%;
	  }
	  .tbl-r06 .thead {
	    display: none;
	  }
	  .tbl-r06 td {
	    display: inline-block;
	  }
	  .tbl-r06 span {
	    font-weight: bold;
	  }
	  .tbl-r06 .last {
	    border-bottom: none;
	  }
	 .tableH3 td { 
	 	width: 30%;
	 }

}

@media ( max-width : 376px){
		.tableH2 {
		width: 100%;
	}
}

/* ########### 599px以下 ########### */
@media ( max-width : 599px) {
	/* お知らせ　関連記事メニュー */
	.workslist li {
		width: 100%
	}
	.workslist li:nth-child(1) {
		clear: both
	}
}

/**********************************************/


@media screen and (max-width: 768px) {

}