@charset "utf-8";

/*==================================================================== home
*/

.slick img { width: 100%;}

/*-------------------------------------------------------------------- news_area
*/
.news_area { padding: 4rem 0 2rem;}
.news_hl {
	position: relative;
	font-size: 1.4em;
	font-weight: bold;
	text-align: center;
	letter-spacing: 0.1em;
	padding: 0.1rem 0 0.1rem 1.5rem;
	margin: 2rem 0;
}
.news_hl:first-child { margin-top: 0;}
.news_hl:before {
	display: block;
	content: attr(aria-label);
	color: #26823a;
	font-family: "FV Almelo", Arial, Helvetica, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", 'Hiragino Sans', "ヒラギノ角ゴ", Meiryo UI, "メイリオ UI", Meiryo, "メイリオ", Osaka, sans-serif;
	font-size: 3em;
	font-weight: normal;
	letter-spacing: 0;
	line-height: 1;
	text-transform: uppercase;
	transform: rotate(0.05deg);
}

@media only screen and (max-width:600px){
.news_area { padding: 2rem 0 1rem;}
.news_hl {
	font-size: 1.25em;
	padding-left: 1.2rem;
}
.news_hl:after {
	width: 12px;
	border-left-width: 8px;
}
.news_hl:before { font-size: 2.4em;}
}
@media only screen and (max-width:480px){
.news_area { padding-top: 1rem;}
}

.news_list {
	width: 700px;
	max-width: 100%;
	margin: 0 auto 1rem;
	overflow: hidden;
}
.news_list li {
	width: 33.33%;
	float: left;
	padding: 0 0.5rem;
	margin-bottom: 1rem;
}
.news_list li a {
	display: block;
	background: url("../cmn/cmn_img/arw_white.png") no-repeat 98% 50% / 20px auto;
	color: #fff;
	text-align: center;
	padding: 0.4rem 0.5rem;
}
.news_list li a:hover { opacity: 0.6;}

@media only screen and (max-width:600px){
.news_list { width: auto; max-width: inherit; margin-left: -0.2rem; margin-right: -0.2rem;}
.news_list li { width: 50%; padding: 0 0.2rem; margin-bottom: 0.4rem;}
}
@media only screen and (max-width:480px){
.news_list li { width: auto; float: none;}
}

.ico_cate {
	display: inline-block;
	color: #fff;
	text-decoration: none;
}
.ico_cate.type1 { background-color: #26823a;}
.ico_cate.type2 { background-color: #004180;}
.ico_cate.type3 { background-color: #ff8f41;}

.news_box dl { padding: 0;}
.news_box i {
	display: inline-block;
	width: 120px;
	background-color: #393a34;
	color: #fff;
	font-size: 0.85em;
	font-weight: normal;
	font-style: normal;
	text-align: center;
	padding: 0.2rem 0.5rem;
}
.news_box .ico_cate { width: 160px;}
.news_box dt { float: left; clear: left;}
.news_box dd {
	border-bottom: 1px solid #ccc;
	padding: 0 0 1rem 300px;
	margin-bottom: 1rem;
}
.news_box dd a:hover { text-decoration: none;}
.news_more { text-align: right;}
.news_more a {
	display: inline-block;
	color: #393a34;
	font-weight: bold;
	font-size: 1.1em;
	line-height: 1.2;
	text-decoration: none;
	background: url("../cmn/cmn_img/arw1.png") no-repeat 100% 50% / contain;
	padding-right: 1.5rem;
}
.news_more a:hover {
	color: #26823a;
	background-image: url("../cmn/cmn_img/arw2.png");
}

@media only screen and (max-width:600px){
	.news_box i { width: 90px;}
	.news_box .ico_cate { width: 160px;}
	.news_box dt { float: none;  margin-bottom: 0.5rem;}
	.news_box dd { padding-left: 0; margin-bottom: 1rem;}
}

/*-------------------------------------------------------------------- topics_area
*/
.topics_area { overflow: hidden;}
.topics_area ul { margin: 0 -10px;}
.topics_area li {
	float: left;
	width: 25%;
	padding: 10px;
}
.topics_area li a {
	position: relative;
	display: block;
	background: no-repeat 50% 50% / cover;
	color: #26823a;
	font-weight: bold;
	font-size: 1.25em;
	text-align: center;
	vertical-align: middle;
	padding-top: 100%;
}
.topics_area li a:hover { opacity: 0.6;}
.topics_area .topics1 a { background-image: url("../img/cate_img1.jpg");}
.topics_area .topics2 a { background-image: url("../img/cate_img2.jpg");}
.topics_area .topics3 a { background-image: url("../img/cate_img3.jpg");}
.topics_area .topics4 a { background-image: url("../img/cate_img4.jpg");}
.topics_area .topics5 a { background-image: url("../img/cate_img5.jpg");}
.topics_area .topics6 a { background-image: url("../img/cate_img6.jpg");}
.topics_area .topics7 a { background-image: url("../img/cate_img7.jpg");}
.topics_area .topics8 a { background-image: url("../img/cate_img8.jpg");}
.topics_area li .fas { font-size: 0.75em; vertical-align: middle;}

.topics_area li a > span {
	position: absolute;
	top: 50%;
	right: 0;
	left: 0;
	display: block;
	width: 95%;
	background-color: rgba(255,255,255,0.8);
	padding: 0.2em 0.5em;
	margin: -0.4em auto 0;
}
/*
.topics_area .topics8 a {
	background-image: url("../img/cate_img8.png");
	border: 6px solid #26823a;
	padding-top: 95%;
}
.topics_area .topics8 span { display: none;}
*/

@media only screen and (max-width:960px){
.topics_area ul { margin: 0 -5px;}
.topics_area li { width: 33.33%; padding: 5px;}
.topics_area li a { font-size: 1rem;}
}
@media only screen and (max-width:480px){
.topics_area li { width: 50%;}
}
@media only screen and (max-width:360px){
.topics_area li a { font-size: 0.85rem;}
}

/*==================================================================== privacy
*/

.privacy .hl6 { padding-top: 1rem;}
.privacy .sec2 { margin: 1rem 0;}
.privacy .dl_box2 dd { font-size: 0.85em;}
.privacy ol li { padding: 0.5rem 0;}
.privacy ol ol { color: #555; list-style: upper-roman; font-size: 0.85em;}
.privacy ol ol li { padding: 0.2rem 0;}

/*==================================================================== sitemap
*/

.sitemap_area {
	margin: 0 -1rem;
	overflow: hidden;
}
.sitemap_area .fl,
.sitemap_area .fr {
	width: 50%;
	padding: 0 1rem;
}
.sitemap_area .fl > li,
.sitemap_area .fr > li {
	border-bottom: 1px dotted #666;
	padding-bottom: 1rem;
	margin: 1rem 0;
}
.sitemap_area a { text-decoration: none;}
.sitemap_area ul {
	font-weight: bold;
	font-size: 1.25em;
	text-decoration: none;
}

.sitemap_area .sub_page,
.sitemap_area .sub2_page {
	font-size: 0.85em;
	font-weight: normal;
}
.sitemap_area .sub_page > li > a { display: inline-block; color: #333; margin-bottom: 0.5rem;}
.sitemap_area .sub_page > li > a:before {
	display: inline-block;
	width: 0.5rem;
	height: 0.5rem;
	content: "";
	background-color: #26823a;
	vertical-align: middle;
	margin: -0.2rem 0.5rem 0 0;
}
.sitemap_area .sub_page .prj1 > a { color: #e496af;}
.sitemap_area .sub_page .prj2 > a { color: #ff9141;}
.sitemap_area .sub_page .prj3 > a { color: #a5c936;}
.sitemap_area .sub_page .prj4 > a { color: #7dc7ee;}
.sitemap_area .sub_page .prj5 > a { color: #be8ab8;}

.sitemap_area .sub2_page {
	border: 1px solid #ccc;
	padding: 1rem;
	margin-bottom: 1rem;
}
.sitemap_area .sub2_page > li { margin: 0.5rem 0;}
.sitemap_area .sub2_page a {
	position: relative;
	display: block;
	color: #333;
	padding-left: 1em;
}
.sitemap_area .sub2_page a:hover { text-decoration: underline;}
.sitemap_area .sub2_page a:before {
	position: absolute;
	top: 0.5em;
	left: 0;
	display: inline-block;
	width: 0;
	height: 0;
	content: "";
	border-style: solid;
	border-width: 4px 0 4px 5px;
	border-color: transparent transparent transparent #ff9933;
}

.sitemap_area .prj1 .sub2_page a:before { border-color: transparent transparent transparent #e496af;}
.sitemap_area .prj2 .sub2_page a:before { border-color: transparent transparent transparent #ff9141;}
.sitemap_area .prj3 .sub2_page a:before { border-color: transparent transparent transparent #a5c936;}
.sitemap_area .prj4 .sub2_page a:before { border-color: transparent transparent transparent #7dc7ee;}
.sitemap_area .prj5 .sub2_page a:before { border-color: transparent transparent transparent #be8ab8;}

@media only screen and (max-width:768px){
	.sitemap_area  { margin: 0;}
	.sitemap_area .fl,
	.sitemap_area .fr {
		width: auto;
		padding: 0;
		float: none !important;
	}
	.sitemap_area ul { font-size: 1.1em;}
	.sitemap_area .sub_page,
	.sitemap_area .sub2_page { font-size:0.9em;}
	.sitemap_area .sub2_page { padding: 0.5rem 1rem;}
}