@charset "UTF-8";
#notice-box,
#topics-box {
	border: 1px solid #4d4d4d;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: wrap;
	    flex-flow: wrap;
	-webkit-box-align: stretch;
	    -ms-flex-align: stretch;
	        align-items: stretch;
	padding: 15px 0;
	grid-row-gap: 30px;
}
@media screen and (max-width: 767px) {
	#notice-box,
	#topics-box {
		grid-row-gap: 20px;
	}
}
/*#################################
Notice 近日開催される展示会、イベントのお知らせ
#################################*/
#notice-box {
	height: 460px;
	overflow-y: scroll;
}
#notice-box .item {
	width: 33.33%;
	border-right: 1px solid #000;
	padding: 0 20px;
}
@media screen and (max-width: 767px) {
	#notice-box .item {
		width: 50%;
		padding: 20px 10px;
	}
}
@media screen and (min-width: 768px) {
	#notice-box .item:nth-of-type(3n) {
		border: none;
	}
}
@media screen and (max-width: 767px) {
	#notice-box .item:nth-of-type(2n) {
		border: none;
	}
}
#notice-box .item .txt-block {
	padding-bottom: 15px;
}
#notice-box .item .txt-block .date {
	color: #e10707;
	padding-bottom: 10px;
	font-weight: bold;
}
#notice-box .item .txt-block a {
	font-size: 18px;
	font-weight: bold;
	text-decoration: underline;
}
@media screen and (max-width: 767px) {
	#notice-box .item .txt-block a {
		font-size: 16px;
	}	
}
#notice-box .item .thumb {
	text-align: center;
}
#notice-box .item .thumb img {
	/* 高さor横幅を合わせるために入れてます。不要でしたら削除を */
	width: 100%;
	-o-object-fit: contain;
	   object-fit: contain;
	aspect-ratio: 26/17; 
	/* ************* */
}

/*#################################
Topics 注目！イラストレーターのお仕事
#################################*/
#topics-box {
	padding-bottom: 80px; /* ボックス外の注釈テキストが入るので下に余白を */
}
#topics-box .item {
	width: 33.33%;
	border-right: 1px solid #000;
	padding: 0 20px;
}
@media screen and (max-width: 767px) {
	#topics-box .item {
		width: 50%;
		padding: 20px 10px;
	}
}
@media screen and (min-width: 768px) {
	#topics-box .item:nth-of-type(3n) {
		border: none;
	}
}
@media screen and (max-width: 767px) {
	#topics-box .item:nth-of-type(2n) {
		border: none;
	}
}
#topics-box .item .txt-block {
	padding-bottom: 15px;
}
#topics-box .item .txt-block .date {
	padding-bottom: 10px;
	font-weight: bold;
}
#topics-box .item .txt-block .txt-1 {
	font-size: 18px;
	font-weight: bold;
	text-decoration: underline;
}
@media screen and (max-width: 767px) {
	#topics-box .item .txt-block .txt-1 {
		font-size: 16px;
	}	
}
#topics-box .item .thumb {
	text-align: center;
}
#topics-box .item .thumb img {
	/* 高さor横幅を合わせるために入れてます。不要でしたら削除を */
	width: 100%;
	-o-object-fit: contain;
	   object-fit: contain;
	aspect-ratio: 26/17; 
	/* ************* */
}
/*# sourceMappingURL=change-style.css.map */