@charset "UTF-8";

/* PC
------------------------------------------------------------------------------------*/
@media(min-width:768px) {
	
	main h2{
		width: 960px;
		margin: 0 auto 20px;
		padding: 0;
		font-size: 20px;
		line-height: 1em;
		font-weight: 700;
		letter-spacing:0.3em;
		color: #fff;
	}
	main h2 span{
		display: block;
		margin: 0 auto 20px;
		padding: 10px 0 0;
		font-size: 14px;
		line-height: 1em;
		font-weight: 100;
		letter-spacing: 0.3em;
	}
	main p{
		width:960px;
		margin: 0 auto;
		font-size:14px;
	}
	main > section {
		padding-bottom: 40px;
		border-bottom: 2px dotted #fff;
	}
	main > section:nth-of-type(3) {
		width: 960px;
		margin: 0 auto;
		padding: 40px 0;
		border-bottom: 2px dotted #fff;
		}
	main > section:nth-of-type(3) > section {
		width: 960px;
		height: 200px;
		margin: 0 auto 20px;
		background: #444;
	}
	main > section:nth-of-type(3) > section a {
		display: block;
		float: left;
	}
	main > section:nth-of-type(3) > section a:hover {
		opacity: 0.8;
	}
	main > section:last-of-type {
		padding-bottom: 0;
		border: none;
	}
	
}
		
/* SP
------------------------------------------------------------------------------------*/
@media(max-width:767px) {
	
	main h2{
		margin: 0 auto;
		padding: 0;
		font-size: 20px;
		line-height: 1em;
		font-weight: 700;
		letter-spacing:0.3em;
		color: #fff;
	}
	main h2 span{
		display: block;
		margin: 0 auto;
		padding: 10px 0 0;
		font-size: 14px;
		line-height: 1em;
		font-weight: 100;
		letter-spacing: 0.3em;
	}
	main p{
		margin: 10px auto 0;
	}
	main > section {
		padding-bottom: 20px;
		border-bottom: 2px dotted #fff;
	}
	main > section:nth-of-type(3) {
		margin: 0 auto;
		padding: 20px 0;
		border-bottom: 2px dotted #fff;
	}
	main > section:nth-of-type(3) > section {
		overflow: hidden;
		margin: 0 auto 20px;
	}
	main > section:nth-of-type(3) > section a {
		display: block;
		margin-top: 20px;
	}
	main > section:nth-of-type(3) > section a img {
		max-width: 320px;
		max-height: 200px;
		background: #444;
	}
	main > section:nth-of-type(3) > section a:hover {
		opacity: 0.8;
	}
	main > section:last-of-type {
		padding-bottom: 0;
		border: none;
	}

}