@charset "utf-8";

.maingraphic {
	height:530px;
	padding-top:20px;
	background:#111;
	overflow:hidden;
	box-sizing-border-box;
}
.maingraphic .copy {
	width:950px;
	margin:0 auto;
	position:relative;
	z-index:999;
	top:-515px;
	left:30px;
}
.maingraphic .copy img {
	position:absolute;
	z-index:999;
	top:0;
}
.wideslider ul li img {
	padding:0 !important;
}
.widslider.pc {
	display:block;
}
.widslider.sp {
	display:none;
}

@media screen and (max-width: 950px) {
	.maingraphic {
		height:auto;
		padding-bottom:20px;
	}
	.widslider.pc {
		display:none;
	}
	.widslider.sp {
		display:block;
	}
}
.pagination a {
	border-radius:100px;
}
/*----------------------[lead]-------------------------*/
.lead {
	padding:20px 0 54px 0;
	border-bottom:1px #111 solid;
	background:url('../img/pages/home/lead-bg.png') repeat-x;
}

.lead .wrapper {
	width:980px;
	margin:0 auto;
	background-image: url('../img/pages/home/lead-frame1.png'), url('../img/pages/home/lead-frame2.png');
	background-position: left top, right top;
	background-repeat: no-repeat, no-repeat;
	background-size: 166px 168px, 166px 168px;
}

.lead h2 {
	width:238px;
	padding:40px 20px 26px 20px;
	margin:0 auto;
}

.lead object {
	width:100%;
}

.lead p {
	padding:0 85px;
	font-size:16px;
	text-align:center;
	line-height:200%;
}

@media screen and (max-width: 950px) {
	.lead .wrapper {
		width:auto;
		margin:0 20px;
	}
	.lead p {
		padding:0 65px;
	}
}

@media screen and (max-width: 600px) {
	.lead .wrapper {
		background-size: 128px 128px, 128px 128px;
	}
	.lead p {
		padding:0 45px;
	}
}

@media screen and (max-width: 414px) {
	.lead h2 {
		width:220px;
	}
	.lead .wrapper {
		margin:0 15px;
		background-size: 108px 108px, 108px 108px;
	}
	.lead p {
		padding:0 25px;
	}
}

@media screen and (max-width: 375px) {
	.lead h2 {
		width:220px;
	}
	.lead .wrapper {
		margin:0 10px;
		background-size: 100px 100px, 100px 100px;
	}
	.lead p {
		padding:0 24px;
		font-size:14px;
	}
}

/*----------------------[latestnews]-------------------------*/
.latestnews {
	padding:54px 20px 54px 20px;
	border-bottom:1px #111 solid;
	background:url('../img/pages/home/latestnews-bg.png');
}

.latestnews .wrapper {
	width:980px;
	margin:0 auto;
}

.latestnews h3 {
	margin-bottom:16px;
	background:url('../img/pages/home/latestnews-title-bg.png') no-repeat center center;
	font-size:26px;
	color:#264a63;
	text-align:center;
	font-family:Verdana,Arial,Helveticca,"メイリオ",Meiryo,"ヒラギノ角ゴ ProN W3","メイリオ","ＭＳ Ｐゴシック","MS PGothic","MS UI Gothic",sans-serif;
}

.latestnews h3:after {
	content: '';
	display:none;
	background:none;
	height:auto;
	width:auto;
	margin:0;
}

.latestnews p.date {
	margin-top:25px;
}

.latestnews a {
	color:#274b64;
}

.latestnews a:hover {
	opacity:0.70;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)"
}

.news-list {
	padding:10px 30px 28px 30px;
	border:6px #ddd2b4 solid;
	background:#fff;
}

.news-list p {
	padding:24px 0 14px 0;
	border-bottom:1px #666 dotted;
}

.news-list span:last-child {
	display:block;
	padding-top:3px;
}

.news-list time {
	display:inline-block;
}

.news-list .label {
	display:inline-block;
	padding:1px 4px;
	margin-left:8px;
	background:#830016;
	font-size:12px;
	color:#fff;
	border-radius:3px;
}

@media screen and (max-width: 950px) {
	.latestnews .wrapper {
		width:auto;
	}
}

@media screen and (max-width: 560px) {
	.news-list {
		padding:10px 20px 28px 20px;
	}
}

@media screen and (max-width: 360px) {
	.news-list p {
		font-size:14px;
	}
	.news-list .label {
		font-size:10px;
	}
}

/*-----------------[company]-----------------*/
#company {
	padding:54px 0;
}

#company .wrapper {
	width:980px;
	margin:0 auto;
}

#company table {
	width:100%;
	margin-top:37px;
	margin-bottom:50px;
	border-collapse:collapse;
	border:0;
	border-top:1px #d3dbdc solid;
}

#company table th,
#company table td {
	padding:15px;
	border-bottom:1px #d3dbdc solid;
}

#company table th {
	width:100px;
	background:#f4f4f4;
	text-align:left;
}

@media (max-width:768px) {
	#company table th,
	#company table td {
		width:auto;
		display:block;
	}
}

.company h4 {
	padding:0 0 20px 0;
	font-size:20px;
	text-align:center;
}
.company .google-map iframe {
	width:100%;
}

.company .address h5 {
	padding-top:30px;
	padding-bottom:6px;
	text-align:center;
}

.company .address h5 img {
	display:inline-block;
}

.company .address p {
	font-size:16px;
	text-align:center;
}

.company .address a {
	display:block;
	padding-top:12px;
	font-size:16px;
	text-align:center;
}

@media screen and (max-width: 980px) {
	#company .wrapper {
		width:auto;
	}
}

@media screen and (max-width: 375px) {
	.company .address h5 img {
		width:250px;
	}
	.company .address p {
		font-size:14px;
	}
	.company .address a {
		font-size:14px;
	}
	#company table th,
	#company table td {
		font-size:14px;
	}
}
