/*: clrfix
---------------------------------------------------- */
.clrfix:after{
	content:".";
	display:block;
	height:0;
	font-size:0;
	clear:both;
	visibility:hidden;
}

.clrfix{
	display:inline-block;
}

.clrfix{
	display:block;
}

/* element */
.main-section{
	padding:120px 20px;
	display: flex
}

.main-section section + section{
	margin-top:60px;
}

.main-section section section + section{
	margin-top:40px;
}

.container{
	max-width:1200px;
	margin:auto;
}

.top-main-heading{
	text-align:center;
	margin-bottom:60px;
}

.top-main-heading h2{
	color:#E39400;
	font-size:25px;
	font-weight:bold;
	line-height:1.4;
}

.top-main-heading h2 + p{
	font-size:15px;
	margin-top:30px;
}

.top-information-category-list-section-inner{
	margin:-30px;
	display: flex;
}

.top-information-category-section{
	/* width:25%;
	float:left; */
	padding:15px;
	position:relative;
	flex: 1;
}

.top-information-category-section + .top-information-category-section{
	margin:0;
	flex: 1;
}

.top-information-category-section h3{
	font-size:16px;
	font-weight:bold;
	line-height:1.5;
	color:#FA9C88;
	border-bottom:2px solid #FA9C88;
	padding:0 0 10px;
}

.top-information-category-section .more-btn a{
	position:absolute;
	top:16px;
	right:30px;
	background:#FA9C88;
	text-align:center;
	width:80px;
	line-height:20px;
	font-size:11px;
	color:#fff;
	display:inline-block;
	padding:0;
	margin:auto;
}

.top-information-category-section .more-btn_p a{
	position:absolute;
	top:16px;
	right:30px;
	background:rgb(237,149,167);
	text-align:center;
	width:80px;
	line-height:20px;
	font-size:11px;
	color:#fff;
	display:inline-block;
	padding:0;
	margin:auto;
}

.top-information-category-section .more-btn_t a{
	position:absolute;
	top:16px;
	right:30px;
	background:#B7DF55;
	text-align:center;
	width:80px;
	line-height:20px;
	font-size:11px;
	color:#fff;
	display:inline-block;
	padding:0;
	margin:auto;
}

.top-information-category-section .more-btn_d a{
	position:absolute;
	top:16px;
	right:30px;
	background:rgb(72,132,234);
	text-align:center;
	width:80px;
	line-height:20px;
	font-size:11px;
	color:#fff;
	display:inline-block;
	padding:0;
	margin:auto;
}

.top-information-category-section .more-btn a:hover{
	background:#CC8500;
}

.top-information-category-section .more-btn_p a:hover {
    background: rgb(219, 129, 147); /* 優しいピンク */
}

.top-information-category-section .more-btn_d a:hover {
    background: rgb(94, 155, 255); /* 明るいブルー */
}

.top-information-category-section .more-btn_t a:hover {
    background: rgb(172, 203, 72); /* 穏やかなグリーン */
}


.top-information-article-list-section{
	border-bottom:1px solid #ccc;
}

.top-information-article-list-section article + article{
	border-top:1px dotted #ccc;
}

.top-information-article-list-section article a{
	display:block;
	padding:15px 0;
}

.top-information-article-list-section article time{
	display:inline-block;
	font:13px 'Roboto', sans-serif;
	color:#888;
}


/* 各種ボタン色 */ 
/* .press_coler_btn{
	background-color: rgb(237,149,167)!important;
	border-bottom: 2px solid rgb(237,149,167)!important;
} */

/* .top-information-category-section + .tenzi_coler h3{
	color: rgb(20,159,146)!important;
	border-bottom: 2px solid rgb(20,159,146)!important;
} */

/* .top-information-category-section + .dounyu_coler h3{
	color: rgb(72,132,234)!important;
	border-bottom: 2px solid rgb(72,132,234)!important;
} */ 

/* 文字色 */
.press_coler{
	color: rgb(237,149,167)!important;
	border-bottom: 2px solid rgb(237,149,167)!important;
}

.tenzi_coler{
	color: #B7DF55!important;
	border-bottom: 2px solid #B7DF55!important;
}

.dounyu_coler{
	color: rgb(72,132,234)!important;
	border-bottom: 2px solid rgb(72,132,234)!important;
}

.news_title{
	color: #5E3F2F!important;
}

.hundred-million{
	font-size: 40px;
	vertical-align: baseline; /* デフォルトではこれ */
	position: relative;
  	top: -1px; /* 数値は調整して見た目で合わせてください */
}

@media screen and (max-width: 959px){
	.hundred-million{
		font-size: 28px;
	}
}

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


    .main-section{
        padding:60px;
		display: flex
    }

	/* .main-section{
        padding:60px 40px;
		display: flex
    } */
    .main-section section + section{
        margin-top:40px;
    }
    
    .main-section section section + section{
        margin-top:30px;
    }
	.container{
		max-width:auto;
		margin:auto;
	}

	.top-main-heading{
		text-align:center;
		margin-bottom:40px;
	}
	
	.top-main-heading h2{
		font-size:20px;
		line-height:1.5;
	}
	
	.top-main-heading h2 + p{
		font-size:13px;
		margin-top:20px;
	}

	.top-information-category-list-section-inner{
		/* margin:-20px; */
		/* adding-top: 55px; */
		/* padding-bottom: 80px; */
		/* display: flex;
		flex-direction: column;
		align-items: center; */
	}
	.top-information-category-section{
		padding:20px;
		flex: 1
		/* width:calc(50%); */
	}
	
	.top-information-category-section h3{
		font-size:16px;
	}
	.top-information-category-section .more-btn a{
		top:20px;
		right:20px;
		font-size:10px;
	}

	.top-information-category-section .more-btn_p a{
		top:20px;
		right:20px;
		font-size:10px;
	}

	.top-information-category-section .more-btn_t a{
		top:20px;
		right:20px;
		font-size:10px;
	}

	.top-information-category-section .more-btn_d a{
		top:20px;
		right:20px;
		font-size:10px;
	}

	.top-information-article-list-section article time{
		font:12px 'Roboto', sans-serif;
	}
    
    }

@media screen and (max-width: 1024px){
    .main-section{
        padding:60px 40px;
		display: flex
    }
    .main-section section + section{
        margin-top:40px;
    }
    
    .main-section section section + section{
        margin-top:30px;
    }
	.container{
		max-width:auto;
		margin:auto;
	}

	.top-main-heading{
		text-align:center;
		margin-bottom:40px;
	}
	
	.top-main-heading h2{
		font-size:20px;
		line-height:1.5;
	}
	
	.top-main-heading h2 + p{
		font-size:13px;
		margin-top:20px;
	}

	.top-information-category-list-section-inner{
		/* margin:-20px; */
		/* adding-top: 55px; */
		/* padding-bottom: 80px; */
		/* display: flex;
		flex-direction: column;
		align-items: center; */

		display: grid;
		grid-template-columns: repeat(2, 1fr);
	}
	.top-information-category-section{
		padding:20px;
		/* width:calc(50%); */
	}
	
	.top-information-category-section h3{
		font-size:16px;
	}
	.top-information-category-section .more-btn a{
		top:20px;
		right:20px;
		font-size:10px;
	}
	.top-information-article-list-section article time{
		font:12px 'Roboto', sans-serif;
	}
}

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

    
    .main-section{
        padding:40px 10px;
		display: flex
    }
    
    .container{
        max-width:auto;
        margin:auto;
    }
    
    .main-section section + section{
        margin-top:30px;
    }
    
    .main-section section section + section{
        margin-top:20px;
    }
	.container{
		max-width:auto;
		margin:auto;
	}

	.top-main-heading{
		text-align:center;
		margin-bottom:20px;
	}
	
	.top-main-heading h2{
		font-size:18px;
		line-height:1.5;
	}
	
	.top-main-heading h2 + p{
		font-size:13px;
		margin-top:20px;
	}

	.top-information-category-list-section-inner{
		/* adding-top: 55px; */
		/* padding-bottom: 80px; */
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.top-information-category-list-section-inner{
		margin:30px;
	}

	.top-information-category-section{
		padding:15px;
	}
	
	.top-information-category-section h3{
		font-size:14px;
	}
	.top-information-category-section .more-btn a{
		top:20px;
		right:15px;
		font-size:9px;
		line-height:18px;
		width:80px;
	}
	.top-information-article-list-section article a{
		padding:15px 10px;
	}
	
	.top-information-article-list-section article time{
		font:11px 'Roboto', sans-serif;
	}
	
}