@charset "utf-8";
@media screen and (min-width : 801px) and (max-width : 1000px) {
	#tmp_infor .sns_col{
		padding-left: 20px;
	}
}
@media screen and (max-width : 800px) {
/* ==================================================
Mainvs Section
================================================== */
#tmp_mainvisual {
	margin-bottom: 15px;
}
#tmp_mainvisual .splide__controls{
	padding-bottom: 5px;
}
#tmp_mainvisual .top_image_box .splide__slide{
	border-radius: 0;
}
/* ==================================================
News Section
================================================== */
#tmp_infor{
	margin-bottom: 56px;
}
#tmp_infor:first-child {
    margin-top: 20px;
}
#tmp_infor .infor_row{
	display: block;
	padding: 0;
	margin-bottom: 0;
}
#tmp_infor .infor_col{
	margin-bottom: 50px;
}
.infor_box{
	margin-bottom: 35px;
}
.infor_box,
.infor_box.event{
	padding: 0;
}
.infor_box .news_ttl h2{
	width: 130px;
	height: 30px;
	font-size: 175%;
}
.infor_box .infor_box_inner{
	margin-top: -11px;
	padding: 30px 16px 17px;
}
.infor_box .news_list li:first-child {
	margin-top: 3px;
}
.infor_box .news_list li:last-child {
    margin-bottom: 14px;
}
.infor_box .more{
	padding: 0 33px;
	margin-top: 18px;
}
.infor_box .more > a{
	max-width: 224px;
	font-size: 100%;
	background-size: 8px auto;
	background-position: right 10px center;
	padding: 10px 22px 8px;
	border-radius: 32px;
}
/* event */
.infor_box.event{
	margin-top: 11px;
}
/* news */
.infor_box.news .news_ttl h2  {
    width: 97px;
	height: 30px;
}
.infor_box.news .infor_box_inner{
	margin-top: -11px;
	padding-top: 29px;
	padding-bottom: 16px;
}
.infor_box.news .more {
	margin-top: 14px;
}
/* sns */
#tmp_infor .sns_col{
	width: 100%;
	padding: 0 25px;
}
#tmp_infor .people_banner{
	max-width: 330px;
	margin: 0 auto 58px;
	padding: 0;
}
#tmp_infor .sns_links{
	max-width: 330px;
	margin: 0 auto;
}
/* ==================================================
Article Section
================================================== */
#tmp_article{
	padding-top: 0;
	padding-bottom: 25px;
}
#tmp_article .container{
	padding: 0 10px;
}
#tmp_article .article_ttl{
	margin-bottom: 11px;
}
#tmp_article .article_ttl h2{
	display: block;
	min-width: auto;
	font-size: 100%;
	padding-right: 0;
	line-height: 1.5;
}
#tmp_article .article_ttl h2 > span{
	display: inline-block;
	padding-top: 18px;
	padding-right: 11px;
}
#tmp_article .article_ttl h2 span.system_txt{
	width: 94px;
	height: 32px;
	top: -8px;
	left: 13px;
}
#tmp_article .article_ttl .check_icon{
    max-width: 16px;
	margin: 0 1px 8px 3px;
}
#tmp_article .article_ttl h2 span.mirai{
	padding-top: 10px;
}
#tmp_article .article_ttl h2 span.big{
	font-size: 228.6%;
	width: 30px;
    height: 30px;
	margin: 0 2px 6px;
}
#tmp_article .article_cnt{
	background-position: center calc(50% + 31px);
}
#tmp_article .article_list{
	gap: 0 10px;
}
#tmp_article .article_list > li{
	width: calc((100% - 10px) / 2);
	margin-bottom: 14px;
}
#tmp_article .article_list > li > span.des{
	font-size: 78.6%;
	line-height: 1.5;
	padding: 0 3px;
	margin-bottom: 14px;
}
#tmp_article .article_list > li > span.img{
	margin-bottom: 3px;
}
#tmp_article .article_list span.link_btn_common{
	padding: 0 5px;
}
#tmp_article .article_list span.link_btn_common > a{
	padding-top: 12px;
	padding-bottom: 11px;
	background-size: 8px auto;
}
/* ==================================================
Sec banner
================================================== */
.top_banner {
    padding-bottom: 10px;
}
.top_links {
    margin-top: 20px;
}
.top_links ul{
	display: block;
	margin-bottom: 21px;
}
.top_links ul li{
	width: 100%;
}
.top_links a{
	margin: 0 auto 10px;
}
.top_banner ul{
	gap: 20px;
}
.link_btn_common > a{
	font-size: 100%;
	max-width: 202px;
	padding-top: 12px;
	padding-bottom: 12px;
}
/* ==================================================
Reset Hover
================================================== */
#tmp_article .article_list span.link_btn_common > a:hover{
	background-color: #EE0000;
	background-position: right 20px center;
}
.link_btn_common.link_green > a:hover {
    background-color: #45852A;
    background-position: right 20px center;
}
.top_banner ul a:before,
#tmp_infor .people_banner a:before {
	content: none;
}
/* ==================================================
accessibility style change:fsize
================================================== */
.color_blue.fsize_big2 #tmp_article .article_ttl h2 span.system_txt,
.color_black.fsize_big2 #tmp_article .article_ttl h2 span.system_txt,
.color_yellow.fsize_big2 #tmp_article .article_ttl h2 span.system_txt{
	top: -25px;
}
.fsize_small #tmp_article .article_ttl h2 > span,
.furigana_on #tmp_article .article_ttl h2 > span {
    padding-top: 24px;
}
}