@charset "UTF-8";

/* top */
.top_box { padding:60px 0 90px; }
.top_box.bg { background:#f6f6f6; }

#news dt,
#news2 dt { clear:left; float:left; }
#news dt .date,
#news2 dt .date { font-size:14px; }
#news dt .cat,
#news2 dt .cat  {
	display:inline-block; width:140px; margin-left:20px; padding:3px 14px; background:#e6e6e6;
	text-align:center; font-size:11px; white-space:nowrap; }
#news dd,
#news2 dd { margin-left:260px; font-size:13px; padding-top:3px; }
#news dd a,
#news2 dd a { text-decoration:underline; }
#news dd a:hover,
#news2 dd a:hover { text-decoration:none; }
#news dd .icon_blank,
#news2 dd .icon_blank { vertical-align:inherit; }
#news dl + dl,
#news2 dl + dl { margin-top:18px; }
#news .btn,
#news2 .btn { margin-top:50px; }

#news2{padding-top:0;}

.top_box .title_box { margin:40px 0 30px; display:flex; justify-content:space-between; }
.top_box .title_box h3 { padding-left:1em; border-left:2px solid #000; }
.top_box#contents .btn { display:inline-block; padding:5px 20px; font-size:14px; background:#e6e6e6; }
.top_box#contents .btn:hover { background:#999; color:#fff; }
.top_box#contents .btn:before { content:""; display:inline-block; width:6px; height:6px; margin-right:12px; border-top:1px solid #000; border-right:1px solid #000; transform:rotate(45deg); vertical-align:2px; }
.top_box#contents .btn:hover:before { border-color:#fff; }
.contents_box { display:flex; flex-wrap:wrap; justify-content:flex-start; }
.contents_box li img { margin-bottom:10px; }
.contents_box li h4 { font-size:15px; font-weight:normal; }
.contents_box li p { font-size:12px; }
.top_box .sp_btn { display:none; }

#message {margin-top: 60px;}
#message p {border: 1px solid #eee;background-color: #f9f9f9;padding: 1.5em 1em; font-size:14px;}

@media (min-width:1000px) {
	.contents_box li { width:23%; margin-right:2.6%; }
	.contents_box li:nth-child(4n) { margin-right:0; }
	.contents_box li:nth-child(n+5) { margin-top:3%; }
}
@media (max-width: 999px) {
	.top_box { padding:30px 0; }
	#message {margin-top: 30px;}
	#message p {font-size: 13px;}
}
@media (max-width: 999px) and (min-width: 641px) {
	#contents .title_box .btn { font-size:13px; }
	.contents_box li { width:32%; margin-right:2%; }
	.contents_box li:nth-child(3n) { margin-right:0; }
	.contents_box li:nth-child(n+4) { margin-top:3%; }
}
@media (max-width: 640px) {
	.top_box { padding:10px 0; }
	#news dl:nth-child(4), #news dl:nth-child(5),
	#news2 dl:nth-child(4), #news2 dl:nth-child(5) { display:none; }
	#news dt,
	#news2 dt { float:none; }
	#news dd,
	#news2 dd { margin-left:0; }
	#news .btn,
	#news2 .btn { margin-top:30px; }

	.top_box .title_box .btn { display:none; }
	.contents_box { justify-content:space-between; }
	.contents_box li { width:48%; margin-right:0; }
	.contents_box li:nth-child(n+3) { margin-top:4%; }
	.top_box .sp_btn { display:block; text-align:center; margin-top:15px; }
}



/*----- slider -----*/
#slider, .bx-wrapper { height:700px; position:relative; }
#slider > div { width:100%; height:100%; }
#slider .con { height:100%; }
#slider .txt { text-align:center; }

.morebtn a {
	display:block; padding:15px 0; border:1px solid #fff; text-align:center; letter-spacing:0.4em; font-size:13px;
 	background:rgba(0,0,0,0.3); color:#fff; }
.morebtn a:hover { background:#fff; color:#000; }

.bx-wrapper .bx-pager,.bx-wrapper .bx-controls-auto { bottom:40px; }
.bx-wrapper .bx-pager.bx-default-pager a { background:#606060; }
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background:#d7d7d7; }

@media (max-width: 999px) {
	#slider, .bx-wrapper { height:500px; }
	.bx-wrapper .bx-pager,.bx-wrapper .bx-controls-auto { bottom:30px; }
}
@media (max-width: 640px) {
	#slider, .bx-wrapper { height:400px; }
	.bx-wrapper .bx-pager,.bx-wrapper .bx-controls-auto { bottom:15px; }
}

/* slide01 */
#slide01 { background:url("../img/slide/01_bg.jpg") center center no-repeat; background-size:cover; }
#slide01 .txt { position:absolute; top:30%; right:0; width:253px; height:242px; }
#slide01 .morebtn a { margin-top:20px; border:1px solid #000; background:none; color:#000; }
#slide01 .morebtn a:hover { background:#000; color:#fff; }
@media (max-width: 999px) {
	#slide01 .txt { right:10%; }
}
@media (max-width: 640px) {
	#slide01 .txt { top:50%; left:50%; width:253px; height:242px; margin:-121px 0 0 -126px; }
	#slide01 .morebtn a { background:rgba(255,255,255,0.5); }
}
/* slide02 */
#slide02 { background:url("../img/slide/02_bg.jpg") center center no-repeat; background-size:cover; }
#slide02 .txt { position:absolute; top:35%; right:0; width:253px; height:210px; }
@media (max-width: 999px) {
	#slide02 .txt { right:10%; }
}
@media (max-width: 640px) {
	#slide02 .txt { top:50%; left:50%; width:253px; height:210px; margin:-105px 0 0 -126px; }
}
/* slide03 */
#slide03 { background:url("../img/slide/03_bg.jpg") center center no-repeat; background-size:cover; }
#slide03 .txt { position:absolute; top:35%; right:0; width:253px; height:210px; }
@media (max-width: 999px) {
	#slide03 .txt { right:10%; }
}
@media (max-width: 640px) {
	#slide03 .txt { top:50%; left:50%; width:253px; height:210px; margin:-105px 0 0 -126px; }
}
/* slide04 */
#slide04 { background:url("../img/slide/04_bg.jpg") center center no-repeat #000; }
#slide04 .txt { position:absolute; top:35%; left:0; width:253px; height:210px; }
@media (max-width: 999px) {
	#slide04 .txt { left:10%; }
}
@media (max-width: 640px) {
	#slide04 { background:url("../img/slide/04_bg_sp.jpg") center center no-repeat #000; background-size:cover; }
	#slide04 .txt { top:50%; left:50%; width:253px; height:210px; margin:-105px 0 0 -126px; }
}