@charset "utf-8";

*{ box-sizing:border-box;}
a {
	color: #878787;
}
.pcDisplay {
	display:block !important;
}
.spDisplay {
	display:none !important;
}
@media screen and (max-width:768px) {
.pcDisplay {display:none !important;}
.spDisplay {display:block !important;}
}


/* [sttl01] ----------*/
.sttl01 { margin-bottom:20px; }

/* [keyv] ----------*/
#keyv {
	width:100%;
	margin-bottom:20px;
}
#keyv img {
	width:100%;
}

/* [contentInner] ----------*/
.contentInner {
	padding-top:35px;
}
.contentInnerWide {
	padding-top:35px;
}
.txt p {

}
.ttl {
	font-weight: bold;
}
.box {
	width:100%;
	margin-top:30px;
	margin-right:auto;
	margin-left:auto;
}
#cont01 .box1,
#cont01 .box2,
#cont01 .box3,
#cont01 .box4{
	margin-top:30px;
}
#cont01 .box1 {
	clear:both;
}
/* cont01 */
#cont01 .box1 .boxLeft,
#cont01 .box2 .boxLeft {
	margin-right:4%;
}
/*#cont01 .box1 .boxLeft {
	float:left;
}*/

#cont01 .box1 .photo,
#cont01 .box2 .photo {
	width:41.2%;
	float:left;
	text-align:center;
	background-color:#e6e6e6;
}
#cont01 .box1 .photo img,
#cont01 .box2 .photo img,
#cont01 .box3 .photo img,
#cont01 .box4 .photo img {
	height:200px;
}
#cont01 .box1 .txt,
#cont01 .box2 .txt {
	width:54.6%;
	float:left;
}
#cont01 .box1 .txt p:first-child,
#cont01 .box2 .txt p:first-child {
	margin-top:0;
}
#cont01 .box3 {
	width:46.3%;
	margin-right:7%;
	float:left;
}
#cont01 .box3:nth-child(even) {
	margin-right:0;
}
#cont01 .box3 .photo {
	width:100%;
	height: 300px;
	text-align:center;
	background-color:#e6e6e6;
}
#cont01 .box3 p {
	width:100%;
	margin-top:15px;
}
#cont01 .box4 {
	width:100%;
	float:left;
}
#cont01 .box4 .photo {
	width:100%;
	text-align:center;
	background-color:#e6e6e6;
}

#cont01 .box4 p {
	width:100%;
	margin-top:15px;
}

/* cont02 */
#cont02 .box li {
	width:46.3%;
	margin-right:7%;
	float:left;
}
#cont02 .box li:nth-child(even) {
	margin-right:0;
}
#cont02 .box li .photo {
	width:100%;
}
#cont02 .box li .photo img {
	width:100%;
}
#cont02 .box li p {
	width:100%;
	margin-top:15px;
}

/* cont03 */
#cont03 .box {
	background:#000;
	padding-top:20px;
	padding-bottom:30px;
}
#cont03 .box h2 {
	color:#fff;
	font-size:30px;
	text-align:center;
}
#cont03 .movie {
	margin-top:20px;
	text-align:center;
}
#cont03 .movie img {
	margin-left:auto;
	margin-right:auto;
}

/* cont04 */
/* cont05 */
#cont04 .box h2,
#cont05 .box h2 {
	font-size:20px;
	padding-bottom:5px;
	border-bottom:solid 3px #000;
}

table {
	max-width:800px;
	width:100%;
	margin: 10px auto;
	border-collapse: collapse;
	border-spacing: 0;
	}
table th {
	width:20%;
	border-bottom:2px solid #9f9f9f;
	white-space: nowrap;
	font-weight: normal;
	padding: 20px 8px;
	text-align:left;
	vertical-align:top;
}
table td {
	width:80%;
	border-bottom:2px solid #9f9f9f;
	padding: 20px 8px;
	vertical-align:top;
}

/* cont06 */
#cont06 .box {
	background:#e6e6e6;
	padding:15px;
}
#cont06 p {
	color:#8e8e8e
}

/* cont07 */
#cont07 .box {
}
#cont07 .box p {
	margin-bottom:10px;
}
#cont07 .bnr {
}
#cont07 .btn {
	position:relative;
	width:400px;
	height:60px;
	background:#000;
	text-align:center;
}
#cont07 .btn a {
	position:absolute;
	top:15px;
	left:0;
	width:100%;
	height:100%;
	color:#fff;
}


@media screen and (max-width:768px) {
	.sttl01 { margin-bottom:45 !important; }

/* [keyv] ----------*/
	.keyv img {
		width:90.6%;
		padding-top:45px;
		padding-right:4%;
		padding-left:4%;
	}
	.keyv img {
		max-width:initial !important;
	}

/* [contentInner] ----------*/
	.contentInner {
		padding-top:0
	}
	.contentInnerWide {
		padding-top:0;
	}
	.txt p {
		margin-top:10px;
	}
	.box {
		width:100%;
	}
	.box1 p {
		margin-top: 10px;
	}

/* cont01 */
	#cont01 .box1 .boxLeft,
	#cont01 .box2 .boxLeft {
		margin-right:0;
	}
	#cont01 .box1 .photo,
	#cont01 .box2 .photo,
	#cont01 .box3 .photo,
	#cont01 .box4 .photo {
		width:100%;
		float:none;
		text-align:center;
		background-color:transparent;
	}
	#cont01 .box1 .photo img,
	#cont01 .box2 .photo img,
	#cont01 .box3 .photo img,
	#cont01 .box4 .photo img {
		height:200px;
	}
	#cont01 .box1 .txt,
	#cont01 .box2 .txt,
	#cont01 .box3 .txt,
	#cont01 .box4 .txt {
		width:100%;
		float:none;
	}
	#cont01 .box1 .txt p:first-child,
	#cont01 .box2 .txt p:first-child{
		margin-top:20px;
	}
	#cont01 .box3 .photo{
		height: auto;
	}

/* cont02 */
	#cont02 .box li {
		width:100%;
		margin-top:0;
		margin-bottom:30px;
		margin-right:0;
		float:none;
	}
	#cont02 .box li:nth-child(even) {
		margin-right:0;
	}
	#cont02 .box li:last-child {
		margin-bottom:0;
	}
	#cont02 .box li .photo {
		width:100%;
	}
	#cont02 .box li .photo img {
		width:100%;
	}
	#cont02 .box li p {
		width:100%;
		margin-top:15px;
	}

/* cont03 */
	#cont03 .box {
		padding-top:20px;
		padding-bottom:20px;
	}
	#cont03 .box h2 {
		font-size:20px;
	}
	#cont03 .movie {
		margin-top:20px;
		text-align:center;
	}
	#cont03 .movie img {
		margin-left:auto;
		margin-right:auto;
	}

/* cont04 */
/* cont05 */
	#cont05 .box {
		margin-top:0;
	}
	#cont04 .box h2,
	#cont05 .box h2 {
		font-size:14px;
	}
	table {
		width:100%;
		margin-bottom:10px;
	}
	table tr{
		display: block;
	}
	table th,
	table td {
		display:list-item;
		list-item:none;
		list-style-type:none;
		border:none;
	}
	table th {
		width:100%;
		border-bottom:none;
		padding: 10px 8px 5px;
		font-size:13px;
		font-weight:bold;
	}
	table td {
		width:100%;
		border-bottom:1px dotted #9f9f9f;
		padding: 0 8px 10px;
	}

/* cont06 */
	#cont06 .box {
		margin-top:0;
	}

/* cont07 */
	#cont07 .box {
		margin-top:20px;
	}
	#cont07 .box p {
		margin-bottom:5px;
	}

/* cont07 */
	#cont07 .box {
	}
	#cont07 .box p {
		margin-bottom:10px;
	}
	#cont07 .bnr {
	}
	#cont07 .btn {
		width:100%;
	}
	#cont07 .btn a {
		top:20px;
	}
	

}