@charset "utf-8";

	img.top{
		display: block;
	}

	img.top{
		width: 100%;
		height: auto;
		display: block;
		margin: 0 auto;
	}

	p.text1{
		font-size: 20px;
		line-height: 1.5;
		margin-bottom:50px;
	}

	p.text2{
		margin-bottom:100px;
	}


/* 研修施設について（2F 多目的ホール） --------------------------- */

table.trainingRoomNew{
  background: #fff;
  border: solid 1px #000;
  margin: 2rem 0 1rem;
  table-layout: fixed;
  width: 100%;
}
table.trainingRoomNew caption{
  font-weight: 700;
  font-size: 1.2em;
}
table.trainingRoomNew th,
table.trainingRoomNew td{
  border: solid 1px #000;
  padding: .5em;
	}
table.trainingRoomNew th{
  background: #fafad2;
	}

/*	table.trainingRoom{
		width: 100%;
		border: solid 1px #000;
		margin-bottom: 5px;
		background: #fff;
	}

	table.trainingRoom p{
		margin: 7px 0 7px 7px;
		display: block;
	}

	table.trainingRoom tr{
		border: solid 1px #000;
		background: #fff;
	}

	table.trainingRoom th{
		width: 20%;
		background: #fafad2;
		border: solid 1px #000;
	}

	table.trainingRoom td{
		width: 80%;
	}*/


/* 研修プラン料金について ---------------------*/

	table.trainingPrice{
		width: 100%;
		border: solid 1px #000;
		margin-bottom: 5px;
	}

	table.trainingPrice p{
		margin: 7px 0 7px 7px;
		display: block;
	}

	table.trainingPrice tr{
		border: solid 1px #000;
	}

	table.trainingPrice th{
		width: 45%;
		background: #fafad2;
		border: solid 1px #000;
	}

	table.trainingPrice td{
		width: 25%;
		border: solid 1px #000;
	}



/* 研修実施例（都内某L社） ----------------------- */
/* 研修プラン実施例1日目 --------------------- */

	div.trainingEx1{
		width: 47%;
		float: left;
	}

	table.trainingEx1{
		width: 100%;
		border-left: solid 1px #000;
	}

	table.trainingEx1 p{
		margin: 7px 0 7px 7px;
		display: block;
	}

	table.trainingEx1 th{
		width: 45%;
		background: #ccc;
	}

	table.trainingEx1 td{
		width: 25%;
	}

	table.trainingEx1 li{
		margin-top: 10px;
		margin-left: 7px;
	}


/* 研修プラン実施例2日目 ---------------------*/

	div.trainingEx2{
		width: 47%;
		float: right;
	}

	table.trainingEx2{
		width: 100%;
		border-left: solid 1px #000;
	}

	table.trainingEx2 p{
		margin: 7px 0 7px 7px;
		display: block;
	}

	table.trainingEx2 th{
		width: 45%;
		background: #ccc;
	}

	table.trainingEx2 td{
		width: 25%;
	}

	table.trainingEx2 li{
		margin-top: 10px;
		margin-left: 7px;
	}


/* 研修プラン風景 ----------------------------------------*/

	.gridWrapper{
		clear:both;
		max-width: 1000px;
		padding:20px 0 0 0;
		overflow:hidden;
		margin: 10px auto 80px;
		display:table;
		background: #fff;
	}

	.grid{
		width:30%;
		display:table-cell;
		background: #fff;
	}

	.grid:first-child{
		border-right: solid 1px #bbb;
	}

	.grid:last-child{
		border-left: solid 1px #bbb;
	}

	.box{
		background: #fff;
		padding:8px;
		margin: 5px;
	}

	.box img{
		width:100%;
		display: block;
		margin: 0 auto 15px;
	}

	.box p.readmore{
		padding:10px 10px 5px;
		text-align:right;
	}

	.box p.readmore a{
		padding:3px 7px;
		border-radius:3px;
	}



/* 研修プラン食事 ---------------------*/

	table.food{
		width: 100%;
		margin-bottom: 100px;
	}

	table.food td{
		width: 50%;
	/*	border: solid 1px #000;*/
	}

	table.food td img{
		display: block;
		margin: 10px auto;
		width: 96%;
	}

	table.food td p{
		margin-left: 10px;
	/*	border: solid 1px #000;*/
	}


/* 講演講師ナビ -------------------------*/

	div.koushi{
		width:100%;
		background: #fff;
	}

	img.koushi_logo{
		border: solid 1px #888;
	}



/* レスポンシブ -------------------------*/

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

	body{
		font-size: 14px;
	}

	/* 文字・余白調整 */
	p.text1{
		font-size: 15px;
		margin-bottom:50px;
	}
}


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

	/* 文字・余白調整 */
	p.text2{
		margin-bottom:50px;
	}

	.gridWrapper{
		margin: 10px auto 50px;
	}

	.grid{
		width: 99%;
		display: block;
		border: solid 1px #ccc;
		margin: 0 auto 15px;
	}

	table.food{
		margin-bottom: 50px;
	}
}

@media screen and (max-width:360px){
	.trainingImg{
		width: 100%;
	}

}