@charset "utf-8";
/*------------------------------------------------------------
	トープページ
------------------------------------------------------------*/
#gHeader .hBox {
	background-color: #2E1400;
}

#gNavi ul li a {
	border-top: 4px solid #2E1400;
	border-bottom: 4px solid #2E1400;
}

#gNavi ul .navi04 a {
	border-top: 4px solid #fff;
	border-bottom: 4px solid #fff;
}

#gNavi ul .navi04 a:hover {
	color: #fff;
}

#main .tableBox01 {
	background: url(../img/table/index/table_bg01.jpg) no-repeat center center fixed;
	background-size: cover;
}

#main .comBox {
	 cursor: default;
}

#main .comBox:hover p {
	color: #fff;
}

#main .comBox01 .info {
	padding-top: 293px;
}

#main .tableBox01 .comImg {
	margin-bottom: 65px;
	text-align: center;
}

#main .tableBox01 h2 {
	text-align: center;
}

#main .tableBox02 {
	background: url(../img/table/index/table_bg02.jpg) no-repeat center center fixed;
	background-size: cover;
}

#main .tableBox02 .title {
	margin-bottom: 20px;
	font-size: 23px;
	line-height: 1.95;
}

#main .tableBox02 .textP {
	margin-bottom: 25px;
	font-size: 14px;
	line-height: 1.95;
}

#main .tableBox02 .photoBox {
	margin-bottom: 14px;
}

#main .tableBox02 .link {
	width: 311px;
	font-size: 13px;
}

#main .tableBox02 .link a {
	padding: 10px 10px 12px;
	display: block;
	text-align: center;
	border: 1px solid #fff;
}

#main .tableBox02 .link a:hover {
	color: #808080;
	text-decoration: none;
	background-color: #fff;
}

figure {
  margin: 0;
  float: left;
}
figure:nth-of-type(1) {
  margin-right: 40px;
  margin-bottom: 14px;
}
figure .photoBox {
}
.hide-pc {
  display: none;
}

@media all and (min-width: 0) and (max-width: 736px)  {
	#main .comBox01 .info {
		padding-top: 180px;
	}	

	#main .tableBox01 .comImg {
  	margin-top: -120px;
		margin-bottom: 38px;
	}
	
	#main .tableBox01 .comImg img {
		width: 97px;
	}
	
	#main .tableBox02 .title {
		margin-bottom: 30px;
		font-size: 15px;
		line-height: 1.7;
	}
	
	#main .tableBox02 .textP {
		margin-bottom: 15px;
		font-size: 11px;
		line-height: 1.3;
	}
	
	#main .tableBox02 .photoBox {
/* 		width: 285px; */
	}
	
	#main .tableBox02 .photoBox img {
		width: 100%;
	}
	
	#main .tableBox02 .link {
		width: 285px;
		font-size: 15px;
	}
	
	#main .tableBox02 .link a {
		padding: 8px 10px 10px;
	}
	
	#main .tableBox01 {
		background: url(../img/table/index/sp_table_bg01.jpg) no-repeat center center;
		background-size: cover;
	}
	
	#main .tableBox02 {
		background: url(../img/table/index/sp_table_bg02.jpg) no-repeat center center;
		background-size: cover;
	}


	
#main .winH {
  min-height: /* 520px */650px !important;
}
figure {
  width: 100%;
  max-width: 400px;
  margin: 0 auto;
  float: none;
}
figure:nth-of-type(1) {
  margin: 0 auto;
}
figure .link {
  display: none;
}
.hide-pc {
  display: block;
}
.hide-sp {
  display: none;
}
#main .tableBox02 .photoBox:nth-of-type(1) {
  margin-bottom: 20px;
}
}
@media all and (min-width: 736px) and (max-width: 1068px)  {
	#main .tableBox02 .title {
		font-size: 19px;
	}
	
	#main .tableBox02 .textP {
		font-size: 12px;
		line-height: 1.6 !important;
	}
	#main .comBox {
    min-height: 900px!important;
}

@media screen and (max-device-width: 1024px)  {
	#main .tableBox01 {
		background: url(../img/table/index/sp_table_bg01.jpg) no-repeat center center;
		background-size: cover;
	}
	
	#main .tableBox02 {
		background: url(../img/table/index/sp_table_bg02.jpg) no-repeat center center;
		background-size: cover;
	}
}