@charset "UTF-8";

/* ==========================================================================
   top.css
   ========================================================================== */
/* body */
body {
	color: #ffffff;
	background: #616161;
}

#header,
#contents {
	margin: 0 auto;
	width: 800px;
}

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

	#header,
	#contents {
		width: 90%;
	}
}


/*----------
	header
  ----------*/
#header {
	padding-top: 10px;
}

/* nav */
#nav {
	width: 801px;
	margin-top: 53px;
	text-align: center;
}

@media screen and (max-width: 767px) {
	#header {
		padding-top: 10vw;
	}

	#header h1 img {
		width: 70%;
		height: auto;
	}

	#nav {
		display: none;
		margin-top: 0;
	}
}

#nav li {
	display: inline-block;
	text-align: left;
}

/*------------
	contents
  ------------*/
#contents {
	margin: 38px auto 75px;
}

/* visual */
#visual {
	padding: 24px;
	border: 1px solid #959595;
}

@media screen and (max-width: 767px) {
	#contents {
		margin: 10vw auto 10vw;
	}

	#visual {
		padding: 3vw;
	}

	#visual img {
		width: 84vw;
		height: 84vw;
		object-fit: cover;
	}
}

/* section */
#contents .section {
	margin-top: 40px;
	padding: 0 0 0 25px;
}

@media screen and (max-width: 767px) {
	#contents .section {
		margin-top: 10vw;
		padding: 0;
	}
}


/* list */
#contents .section .list {
	margin-top: 26px;
	font-size: 11px;
	line-height: 1.5;
}

#contents .section .list li {
	float: left;
	width: 250px;
	margin-right: 12px;
}

#contents .section .list li:last-child {
	margin-right: 0;
}

@media screen and (max-width: 767px) {
	#contents .section .list {
		margin-top: 5vw;
		font-size: 12px;
	}

	#contents .section .list li {
		float: none;
		width: 100%;
		margin-right: 0;
	}
}




#contents .section .list td {
	vertical-align: middle;
}

#contents .section .list td.img {
	padding-right: 15px;
}

#contents .section .list td a {
	color: #ffffff;
}

#contents .section .list td a:hover {
	color: #cccccc;
	text-decoration: none;
}

@media screen and (max-width: 767px) {
	#contents .section .list td {
		border-bottom: 5vw solid #616161;
	}
}


/* pd_menu */
#pd_menu {
	padding: 3px 0 0 1px;
}