@charset "utf-8";
/* CSS Document */

		.main_wrapper {
			width: 80vw;
			margin: 0px auto;
		}

		.mainTitle_wrapper {
			display: flex;
			align-items: center;
			width: 80vw;
			margin: 0px auto;
		}		

		.mainTitle,
		.mainTitle{
			width:40vw
		}

		.mainTitle_secClass {
			margin: 5vw 0;
		}		

		.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.5vw, 25px);
			line-height: 8.8vw;
			display: flex;
			align-items: center;
		}

		.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: 80vw;
			margin: 1vw 0px;
			text-align: center;
			display: block;
			border-bottom: solid 0.5px;
		}		

		.article_title,
		.article_text
		{
			padding: 0px 1vw;
		}

		.article_title {
			margin: 5px 0;
		}		

		.article_card {
			display: flex;
			flex-direction: column;
			width: calc( 80vw/ 6 - 10px);
			margin: 9px 5px;
			border-radius: 10px 10px 10px 10px;
			overflow: hidden;
			background-color: #e4e4e46b;
		}

		.article_wrap {
			height: 100%;
			display: flex;
			flex-direction: column;
		}

		.article-image {
			width: 100%;
			height: 14.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;
		}