@charset "utf-8";

/* ---------------------------------------- 
 - mainvisual
---------------------------------------- */
#mainvisual {
	background: url(../images/main_pc.jpg) center top no-repeat;
	background-size: cover;
}
@media screen and (max-width: 768px) {
#mainvisual {
}
}

/* ---------------------------------------- 
 - main
---------------------------------------- */
/* main */
#contents #contentsCol #main {
    float: none;
    width: 1000px;
	margin:0 auto;
}
#contents #contentsCol #main .ttlBox {
	text-align:center;
}
#contents #contentsCol #main .ttlBox h3 {
	display:inline-block;
	width: auto;
	margin:0 auto;
}
#contents #contentsCol #main .ttlBox .lead {
	padding: 2.66em 0;
	margin: 0 auto;
}
#contents #contentsCol #main #modal ul {
	overflow:hidden;
}
#contents #contentsCol #main #modal ul li {
	float:left;
	padding-right:30px;
	width:313px;
	margin-top:30px;
	text-align:center;
}
#contents #contentsCol #main #modal ul li:first-child {
	margin-top:0;
}
#contents #contentsCol #main #modal ul li:nth-child(2) {
	margin-top:0;
}
#contents #contentsCol #main #modal ul li:nth-child(3) {
	margin-top:0;
}
#contents #contentsCol #main #modal ul li:nth-child(3n) {
	padding-right:0;
}
#contents #contentsCol #main #modal ul li img {
	width:100%;
}
#contents #contentsCol #main #modal ul li a:hover img {
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}	
@media screen and (max-width: 768px) {
#contents #contentsCol #main {
    width:90%;
}
#contents #contentsCol #main .ttlBox {
	width:100%;
	min-height: inherit;
	padding-bottom: 2em;
}
#contents #contentsCol #main .ttlBox .lead {
	width: 90%;
	padding: 1em 0;
	font-size:13px;
}
#contents #contentsCol #main #modal ul li {
	padding-right:4%;
	width:48%;
	margin-top:1.5em;
}
#contents #contentsCol #main #modal ul li:nth-child(3) {
	margin-top:1.5em;
}
#contents #contentsCol #main #modal ul li:nth-child(3n) {
	padding-right:4%;
}
#contents #contentsCol #main #modal ul li:nth-child(even) {
	padding-right:0;
}
}