@charset "utf-8";

/* CSS Document */

ul.topic_path {

	display: block;

	width: 1280px;

	margin: 20px auto 60px;

}

ul.topic_path li {

	display: inline-block;

	letter-spacing: 0;

}

ul.topic_path li a {

	text-decoration: none;

	color: #000;

}

ul.topic_path li a::after {

	content: ">";

	padding: 0 5px;

}



article h3 {

	font-size: 24px;

	font-weight: bold;

	text-align: center;

	margin-bottom: 20px;

}



article .inner {

	width: 911px;

	margin: 0 auto 60px;

	padding: 0 0 0 26px;

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff0000+0,0000ff+100 */

	background: #ff0000; /* Old browsers */

	background: -moz-linear-gradient(top,  #ff0000 0%, #0000ff 100%); /* FF3.6-15 */

	background: -webkit-linear-gradient(top,  #ff0000 0%,#0000ff 100%); /* Chrome10-25,Safari5.1-6 */

	background: linear-gradient(to bottom,  #ff0000 0%,#0000ff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#0000ff',GradientType=0 ); /* IE6-9 */

	opacity: 0;

}



article table {

	background: #FFF;

	width: 100%;

}



article th,

article td {

	padding: 25px 30px;

	font-size: 14px;

	line-height: 200%;

}

article th {

	border-top: 1px solid #999999;

	border-right: 1px solid #999999;

	border-bottom: 1px solid #999999;

}

article td {

	border: 1px solid #999999;

}

article td.noborder {

	padding: 0;

	border: none;

}



article td.logo {

	text-align: center;

	padding: 10% 0;

}



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

	ul.topic_path {

		width: auto;

		margin: 5% 0 5% 5%;

	}



	article .inner {

		width: 85%;

		margin: 0 auto 6%;

		padding: 0 0 0 5%;

	}



	article h3 {

		margin: 5% 0 2%;

		font-size: 16px;

	}



	article th,

	article td {

		padding: 3% 5%;

		font-size: 12px;

		line-height: 150%;

	}

	article th {

		width: 29%;

	}



	article td.logo {

		padding: 20% 0;

	}

	article td.logo img {

		height: 20vw;

		width: auto;

	}

}