@charset "utf-8";

/* スライダー */

.slider_area {
	width: 100%;
}
.slick-slide img {
	width: 100%;
}
.slick-slide iframe {
	display: block;
	width: 1px;
	min-width: 100%;
 *width: 100%;
}

#container p {
	line-height:1.6;
	}
#container {
	max-width: 1200px;
	}
#container .inner {
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	max-width:1200px;
	width:100%;
	margin:80px auto 20px;
	}
	
#top-content {
	width:70%;
	}

#top-content h2 {
 margin-bottom:1.2em;
 padding:10px;
 color:#8fc31f;
 background:url(../common/images/h2_bg.gif) left top no-repeat;
 background-size:100%;
 font-size:20px;
}

#top-content h2 {
	display:flex;
	justify-content:space-between;
	}

#top-content h2 span {
 display:block;
 padding-left:15px;
 border-left:5px solid #8fc31f;
}

#top-content h2 span a {
	text-decoration:none;
	color:#8fc31f;
	padding-left:30px;
	}

#top-content h2 span:last-of-type {
	border-left:none;
	padding:5px 10px 0 0;
	font-size:16px;
	}

#top-content .link-list {
	padding-left:15px;
    background: url(../common/images/for_ctop_ico.gif) 10px center no-repeat;
	}

.top-note {
	margin-bottom:20px;
	clear:both;
	}

.top-note > p {
	margin-bottom:10px;
	}

.top-note p span {
	color:#cc1414;
	font-weight:bold;
	}

#card-list {
	width:100%;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	}

#card-list .card {
	width:31%;
	padding:15px 15px 5px 15px;
	background-color:#fff;
	border-radius:10px;
	box-shadow: 0 0 8px #ccc;
	box-sizing:border-box;
	margin-bottom:30px;
	}

#card-list .card .image {
	margin-bottom:15px;
	}

#card-list .card .image img {
	max-width:100%;
	height:auto;
	border-radius:10px;
	}

#card-list .card .category {
	display:inline-block;
	padding:6px 12px 4px;
	margin-bottom:20px;
	font-size:14px;
	color:#fff;
	border-radius:10px;
	}

#card-list .card .category.news {
	background-color:#cc2929;
	}

#card-list .card .category.report {
	background-color:#1a801a;
	}

#card-list .card .category.kifu {
	background-color:#5e1a80;
	}

#card-list .card .category.other {
	background-color:#29b1cc;
	}

#card-list .card .title {
	font-size:18px;
	font-weight:bold;
	margin-bottom:15px;
	}

#card-list .card .sub-title {
	font-size:16px;
	}

#card-list .card .text {
	margin-bottom:15px;
	font-size:14px;
	}

#card-list .card a {
	text-decoration:none;
	color:#709918;
	}

#top-side {
	width:300px;
	text-align:center;
	}

#top-side #fb,
#top-side #tw {
	margin-bottom:30px;
	}

#top-side #bnr li {
	margin-bottom:15px;
	}

#top-side #bnr img {
	max-width:100%;
	height:auto;
	}
@media screen and (max-width: 1024px) {
#top-content {
	width:100%;
	}
	}
@media screen and (max-width: 480px) {


.catch {
	background:none;
	background-color:#f2f2f2;
	}
	
#top-content,	
#card-list,
#card-list .card,
#top-side {
	width:100%;
	}

#top-content h2 {
	margin-bottom:5px;
	}

#top-content .link-list {
	float:right;
	text-align:left;
	margin-bottom:20px;
	font-size:16px;
	padding-left:15px;
	background: url(../common/images/for_ctop_ico.gif) left center no-repeat;
	}

#top-content .link-list a {
	text-decoration:none;
	color:#8fc31f;
	}
	
}