@charset "utf-8";

/*=========================================*/
/* お知らせ */
/*=========================================*/


/*-- NEWS LIST --*/

.news_list_area{
	margin:0px 0px 75px 0px;
	width:100%;
	border-top:1px solid rgba(225,220,215,1.0);
	box-sizing:border-box;
}

.news_list{
	width:100%;
	border-bottom:1px solid rgba(225,220,215,1.0);
	box-sizing:border-box;
}

.news_list a{
	padding:25px 55px 25px 0px;
	background-image:url(../images/common/common_list_icon.svg);
	background-repeat:no-repeat;
	background-position:right 25px center;
	background-size:auto 12px;
	text-decoration:none;
	transition:0.25s ease-out;
	display:block;
}

.news_list a:hover{
	background-color:rgba(243,240,237,1.0);
}

.news_list .date{
	padding:0px 20px 0px 10px;
	font-size:100%;
	line-height:150%;
	letter-spacing:-0.01em;
	color:rgba(10,10,10,1.0);
	display:inline-block;
}

.news_list .text{
	font-size:100%;
	line-height:150%;
	letter-spacing:-0.01em;
	color:rgba(10,10,10,1.0);
	transition:0.25s ease-out;
	display:inline-block;
}

.news_list a:hover .text{
	color:rgba(0,150,60,1.0);
}

@media screen and (max-width:1280px){

.news_list_area{
	margin:0px 0px 60px 0px;
}

.news_list a{
	padding:20px 45px 20px 0px;
	background-position:right 20px center;
	background-size:auto 10px;
}

.news_list .date{
	padding:0px 15px 0px 10px;
	font-size:87.5%;
}

.news_list .text{
	font-size:87.5%;
}

}

@media all and (max-width:960px), print{

.news_list_area{
	margin:0px 0px 45px 0px;
}

.news_list a{
	padding:15px 35px 15px 0px;
	background-position:right 15px center;
	background-size:auto 8px;
}

.news_list a:hover{
	background-color:rgba(248,245,242,1.0);
}

.news_list .date{
	padding:0px 0px 2px 5px;
	font-size:75%;
	display:block;
}

.news_list .text{
	padding:0px 0px 0px 5px;
	font-size:75%;
	display:block;
}

.news_list a:hover .text{
	color:rgba(10,10,10,1.0);
}

}


/*-- PAGER --*/

.list_pager_area{
	padding:0px 10px 50px 10px;
	width:100%;
}

.list_pager{
	overflow:hidden;
}

.list_pager li{
	float:left;
	margin:0px 2px 2px 0px;
	background-color:rgba(225,220,215,1.0);
	overflow:hidden;
	/* radius */
	-webkit-border-radius:3px;
	   -moz-border-radius:3px;
	        border-radius:3px;
}

.list_pager li a{
	padding:16px 20px 14px 20px;
	font-size:100%;
	font-family:'Overpass', sans-serif;
	color:rgba(10,10,10,1.0);
	transition:0.25s ease-out;
	text-align:center;
	display:block;
}

.list_pager li a:link{ text-decoration:none; }
.list_pager li a:visited{ text-decoration:none; }
.list_pager li a:hover{ color:rgba(255,255,255,1.0); background-color:rgba(0,150,60,1.0); text-decoration:none; }
.list_pager li a:active{ color:rgba(255,255,255,1.0); background-color:rgba(0,150,60,1.0); text-decoration:none; }

.list_pager .mo_over{
	background-color:rgba(0,150,60,1.0);
}

.list_pager .mo_over a{
	color:rgba(255,255,255,1.0);
}

@media screen and (max-width:1280px){

.list_pager_area{
	padding:0px 10px 40px 10px;
}

.list_pager li a{
	padding:14px 18px 12px 18px;
	font-size:87.5%;
}

}

@media all and (max-width:960px), print{

.list_pager_area{
	padding:0px 5px 30px 5px;
}

.list_pager li a{
	padding:11px 14px 9px 14px;
	font-size:75%;
}

.list_pager li a:hover{ color:rgba(10,10,10,1.0); background-color:rgba(225,220,215,1.0); }
.list_pager li a:active{ color:rgba(10,10,10,1.0); background-color:rgba(225,220,215,1.0); }

.list_pager .mo_over a:hover{ color:rgba(255,255,255,1.0); background-color:rgba(0,150,60,1.0); }
.list_pager .mo_over a:active{ color:rgba(255,255,255,1.0); background-color:rgba(0,150,60,1.0); }

}


/*-- NEWS ARTICLE --*/

.news_article_flame{
	position:relative;
	margin:0px auto 0px auto;
	padding:65px 35px 100px 35px;
	max-width:1024px;
}

@media screen and (max-width:1280px){

.news_article_flame{
	padding:55px 25px 75px 25px;
}

}

@media all and (max-width:960px), print{

.news_article_flame{
	padding:45px 15px 50px 15px;
}

}


/*-- ARTICLE TITLE --*/

.article_title_area{
	position:relative;
	margin:0px 0px 45px 0px;
}

.article_title_area:before{
	position:absolute;
	top:0px;
	left:0px;
	border-top:1px solid rgba(155,150,145,1.0);
	box-sizing:border-box;
	width:100%;
	content:"";
}

.article_title_area:after{
	position:absolute;
	top:0px;
	left:0px;
	border-top:2px solid rgba(0,150,60,1.0);
	box-sizing:border-box;
	width:25%;
	content:"";
}

.article_title_area .title{
	padding:25px 10px 25px 10px;
	border-bottom:1px solid rgba(225,220,215,1.0);
	box-sizing:border-box;
	font-size:175%;
	line-height:150%;
	letter-spacing:-0.01em;
	color:rgba(10,10,10,1.0);
	font-weight:500;
	text-align:left;
}

@media screen and (max-width:1280px){

.article_title_area{
	margin:0px 0px 35px 0px;
}

.article_title_area .title{
	padding:20px 10px 20px 10px;
	font-size:150%;
}

}

@media all and (max-width:960px), print{

.article_title_area{
	margin:0px 0px 25px 0px;
}

.article_title_area .title{
	padding:15px 5px 15px 5px;
	font-size:125%;
}

}

@media screen and (max-width:640px){

.article_title_area .title{
	font-size:100%;
}

}


/*-- ARTICLE MAIN IMAGE --*/

.article_main_img{
	padding:0px 0px 75px 0px;
	text-align:center;
}

.article_main_img img{
	max-width:100%;
	max-height:1024px;
}

@media screen and (max-width:1280px){

.article_main_img{
	padding:0px 0px 60px 0px;
}

}

@media all and (max-width:960px), print{

.article_main_img{
	padding:0px 0px 45px 0px;
}

}


/*-- ARTICLE SUB TITLE --*/

.article_sub_title{
	margin:0px 0px 30px 0px;
	padding:0px 10px 15px 10px;
	border-bottom:1px solid rgba(155,150,145,1.0);
	box-sizing:border-box;
	text-align:left;
}

.article_sub_title .title{
	font-size:135%;
	line-height:150%;
	color:rgba(10,10,10,1.0);
	font-weight:500;
}

@media screen and (max-width:1280px){

.article_sub_title{
	margin:0px 0px 25px 0px;
	padding:0px 10px 13px 10px;
}

.article_sub_title .title{
	font-size:122.5%;
}

}

@media all and (max-width:960px), print{

.article_sub_title{
	margin:0px 0px 20px 0px;
	padding:0px 5px 11px 5px;
}

.article_sub_title .title{
	font-size:110%;
}

}

@media screen and (max-width:640px){

.article_sub_title .title{
	font-size:97.5%;
}

}


/*-- ARTICLE TEXT --*/

.article_text_area{
	padding:0px 10px 50px 10px;
	font-size:100%;
	line-height:175%;
	color:rgba(10,10,10,1.0);
}

.article_text_area strong{
	font-weight:500;
}

.article_text_area a{
	transition:0.25s ease-out;
}

.article_text_area a:link{ color:rgba(10,10,10,1.0); text-decoration:underline; }
.article_text_area a:visited{ color:rgba(10,10,10,1.0); text-decoration:underline; }
.article_text_area a:hover{ color:rgba(0,150,60,1.0); text-decoration:underline; }
.article_text_area a:active{ color:rgba(0,150,60,1.0); text-decoration:underline; }

@media screen and (max-width:1280px){

.article_text_area{
	padding:0px 10px 40px 10px;
	font-size:87.5%;
}

}

@media all and (max-width:960px), print{

.article_text_area{
	padding:0px 5px 30px 5px;
	font-size:75%;
}

.article_text_area a:hover{ color:rgba(10,10,10,1.0); }
.article_text_area a:active{ color:rgba(10,10,10,1.0); }

}


/*-- ARTICLE IMAGE --*/

.article_img_area{
	padding:0px 0px 50px 0px;
	text-align:center;
}

.article_img_area .img img{
	max-width:100%;
	max-height:1024px;
}

.article_img_area .catch{
	padding:15px 5px 0px 5px;
	font-size:87.5%;
	line-height:150%;
	color:rgba(50,50,50,1.0);
	text-align:center;
}

@media screen and (max-width:1280px){

.article_img_area{
	padding:0px 0px 40px 0px;
}

.article_img_area .catch{
	padding:13px 4px 0px 4px;
	font-size:75%;
}

}

@media all and (max-width:960px), print{

.article_img_area{
	padding:0px 0px 30px 0px;
}

.article_img_area .catch{
	padding:11px 3px 0px 3px;
	font-size:65%;
}

}


/*-- ARTICLE MOVIE --*/

.article_movie_area{
	padding:0px 0px 50px 0px;
}

.article_movie_area .movie{
	position:relative;
	margin:0px auto 0px auto;
	width:100%;
	padding-top:56.25%;
}

.article_movie_area .movie iframe{
	position:absolute;
	top:0;
	right:0;
	width:100%;
	height:100%;
}

@media screen and (max-width:1280px){

.article_movie_area{
	padding:0px 0px 40px 0px;
}

}

@media all and (max-width:960px), print{

.article_movie_area{
	padding:0px 0px 30px 0px;
}

}


/*-- ARTICLE FILE --*/

.article_file_area{
	margin:0px 0px 50px 0px;
}

.download_file{
	border-top:1px solid rgba(225,220,215,1.0);
	border-bottom:1px solid rgba(225,220,215,1.0);
	box-sizing:border-box;
	transition:0.25s ease-out;
}

.download_file:hover{
	background-color:rgba(243,240,237,1.0);
}

.download_file a{
	padding:25px 75px 25px 10px;
	font-size:100%;
	line-height:150%;
	color:rgba(10,10,10,1.0);
	transition:0.25s ease-out;
	display:block;
}

.download_file a:link{ color:rgba(10,10,10,1.0); text-decoration:none; }
.download_file a:visited{ color:rgba(10,10,10,1.0); text-decoration:none; }
.download_file a:hover{ color:rgba(0,150,60,1.0); text-decoration:none; }
.download_file a:active{ color:rgba(0,150,60,1.0); text-decoration:none; }

.icon_pdf{
	background-image:url(../news/images/article_files_icon.svg);
	background-repeat:no-repeat;
	background-position:right 25px center;
	background-size:24px auto;
}

@media screen and (max-width:1280px){

.article_file_area{
	margin:0px 0px 40px 0px;
}

.download_file a{
	padding:20px 60px 20px 10px;
	font-size:87.5%;
}

.icon_pdf{
	background-position:right 20px center;
	background-size:22px auto;
}

}

@media all and (max-width:960px), print{

.article_file_area{
	margin:0px 0px 30px 0px;
}

.download_file:hover{
	background-color:rgba(248,245,242,1.0);
}

.download_file a{
	padding:15px 50px 15px 5px;
	font-size:75%;
}

.download_file a:hover{ color:rgba(10,10,10,1.0); }
.download_file a:active{ color:rgba(10,10,10,1.0); }

.icon_pdf{
	background-position:right 15px center;
	background-size:20px auto;
}

}


/*-- ARTICLE DATE --*/

.article_date_area{
	margin:0px 0px 50px 0px;
	padding:20px 20px 20px 20px;
	border-bottom:1px solid rgba(225,220,215,1.0);
	box-sizing:border-box;
	overflow:hidden;
}

.article_date_area .article_date{
	float:right;
	padding:0px 0px 0px 20px;
	font-size:87.5%;
	line-height:150%;
	color:rgba(50,50,50,1.0);
}

@media screen and (max-width:1280px){

.article_date_area{
	margin:0px 0px 40px 0px;
	padding:15px 15px 15px 15px;
}

.article_date_area .article_date{
	padding:0px 0px 0px 15px;
	font-size:75%;
}

}

@media all and (max-width:960px), print{

.article_date_area{
	margin:0px 0px 30px 0px;
	padding:10px 10px 10px 10px;
}

.article_date_area .article_date{
	padding:0px 0px 0px 10px;
	font-size:65%;
}

}


/*-- ARTICLE BUTTON --*/

.article_btn{
	margin:0px 0px 50px 0px;
	width:100%;
	text-align:center;
}

.article_btn_return{
	margin:0px 5px 0px 5px;
	width:40%;
	display:inline-block;
}

.article_btn_return a{
	padding:25px 0px 25px 0px;
	background-color:rgba(225,220,215,1.0);
	font-size:112.5%;
	line-height:150%;
	color:rgba(10,10,10,1.0);
	font-weight:500;
	display:block;
	transition:0.25s ease-out;
	text-align:center;
	/* radius */
	-webkit-border-radius:100px;
	   -moz-border-radius:100px;
	        border-radius:100px;
}

.article_btn_return a:link{ text-decoration:none; }
.article_btn_return a:visited{ text-decoration:none; }
.article_btn_return a:hover{ color:rgba(255,255,255,1.0); background-color:rgba(0,150,60,1.0); text-decoration:none; }
.article_btn_return a:active{ color:rgba(255,255,255,1.0); background-color:rgba(0,150,60,1.0); text-decoration:none; }

@media screen and (max-width:1280px){

.article_btn{
	margin:0px 0px 40px 0px;
}

.article_btn_return{
	width:45%;
}

.article_btn_return a{
	padding:20px 0px 20px 0px;
	font-size:100%;
}

}

@media all and (max-width:960px), print{

.article_btn{
	margin:0px 0px 30px 0px;
}

.article_btn_return{
	margin:0px auto 10px auto;
	width:50%;
	display:block;
}

.article_btn_return a{
	padding:15px 0px 15px 0px;
	font-size:87.5%;
}

.article_btn_return a:hover{ color:rgba(10,10,10,1.0); background-color:rgba(225,220,215,1.0); }
.article_btn_return a:active{ color:rgba(10,10,10,1.0); background-color:rgba(225,220,215,1.0); }

}


/*-- NONE DATA --*/

.none_data_area{
	margin:0px 0px 75px 0px;
	width:100%;
	border-top:1px solid rgba(225,220,215,1.0);
	border-bottom:1px solid rgba(225,220,215,1.0);
	box-sizing:border-box;
}

.none_data_area .text{
	padding:150px 10px 150px 10px;
	font-size:100%;
	line-height:175%;
	letter-spacing:-0.01em;
	color:rgba(10,10,10,1.0);
	text-align:center;
}

@media screen and (max-width:1280px){

.none_data_area{
	margin:0px 0px 60px 0px;
}

.none_data_area .text{
	padding:125px 10px 125px 10px;
	font-size:87.5%;

}

}

@media all and (max-width:960px), print{

.none_data_area{
	margin:0px 0px 45px 0px;
}

.none_data_area .text{
	padding:100px 5px 100px 5px;
	font-size:75%;

}

}