@charset "utf-8";
/* CSS Document */
		
		.main_wrapper {
			width: 90vw;
			margin: 0px auto;
		}		
	

		.mainTitle_wrapper {
			display: flex;
			flex-direction: column;
			width: 90vw;
			margin: 0px auto;
		}
		
		.sabTitle01 {
			background-color: rgba(0,0,0,1.00);
			color: white;
			padding: 1vw 1.5vw;
			border-radius: 10px;
			margin: 0vw 0vw;
		}
		
		.sabTitle02 {
			padding: 0px 2vw;
		}		
		
		.mainTitle_text{
			font-size: max(1.33vw , 8px);
		}
		
		.page_title{
			font-size: min(4.8vw, 52px);
			line-height: 8.8vw;
		}
		
		.page_titleSap {
			font-size: min(4.8vw, 52px);
			line-height: 8.8vw;
			color:rgb(23 67 78);
		}	
		
		.mainTitle_banner {
			width: 90vw;
			height: 20vw;
			margin: 0px auto;
			object-fit: cover;
		}
		
		.month_section {
            display: flex;
            flex-wrap: wrap;
        }
		
		.month_title {
			width: 90vw;
			text-align: center;
			display: block;
			border-bottom: solid 0.5px;
			margin: 1vw 0px;			
			
		}		
		
		.article_title,
		.article_text
		{
			padding: 0px 1vw;
		}
		
		.article_title {
			margin: 5px 0;
		}		
		
		.article_card {
			display: flex;
			flex-direction: column;
			width: calc( 90vw/ 4 - 10px);
			margin: 9px 5px;
			border-radius: 10px 10px 10px 10px;
			/* border: solid 0.1px #e4e4e4; */
			overflow: hidden;
			background-color: #e4e4e46b;
		}
		
		.article_wrap {
			height: 100%;
			display: flex;
			flex-direction: column;
		}

        .article-image {
            width: 100%;
            height: 21.5vw;
            object-fit: cover;
            margin: 0px auto;
        }
				
		
		.article_siteUrl_wrapper{
			margin: auto 0px 1.5vw 1.5vw;
		}
		
		.article_content.article_siteUrl {
			display: flex;
			align-items: center;
		}
		
		.article_creatdate {
			font-size: max(1.2vw , 12px);
			line-height: 2vw;
			padding: 17px 0px 0px 0px;
		}		
		
		.site_rogo {
			width: 3vw;
			max-width: 35px;
		}
	
		#article_siteUrl {
			display: flex;
			align-items: center;
		}