@charset "UTF-8";
body {
	background-color: var(--gray-color4);
	}
#newsWrap a:hover ,
#detail a:hover {
	text-decoration: underline;
	}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	}
.clearfix{
	display: inline-block;
	}
/* for macIE \*/
* html .clearfix{
	height: 1%;
	}
.clearfix{
	display: block;
	}
.topics_title-style a{
	color: #000;
	}
.topics_title-style .cat-0{/*お知らせ*/
	color: var(--red1);
	}
.topics_title-style .cat-1{/*セミナー*/
	color: var(--blue1);
	}
.topics_title-style .cat-2{/*相談会*/
	color: var(--orange1);
	}
.topics_title-style .cat-3{/*その他*/
	color: var(--green1);
	}
#newsWrap{
	width: 100%;
	}
.topics_title-style{
	display: grid;
	grid-template-columns: auto 3em 4em 4em 3em 3em;
	align-items: end;
	gap: 0 2em;
	margin: 0 2em;
	font-size: 1.4rem;
	}
ul#newsList{
	padding: 0;
	margin: 1em 0;
	}
ul#newsList li:nth-child(1){
	border-top: 1px dotted var(--gray-color1);
	}
ul#newsList li{
	margin: 0;
	padding: 1em 2em;
	border-bottom: 1px dotted var(--gray-color1);
	list-style-type: none;
	}
ul#newsList li a{
	color: #000;
	font-weight: bold;
	}
.catName{
	display: inline-block;
	font-size: 1.4rem;
	font-weight: normal;
	text-align: center;
	vertical-align: 2px;
	border-radius: 5px;
	margin: 0 10px;
	width: 5.5em;
	}
.catName{
	color: var(--gray-color1);
	border: 1px solid var(--gray-color1);	
	}
.cat-0 .catName{/*お知らせ*/
	color: var(--red1);
	border: 1px solid var(--red1);
	}
.cat-1 .catName{/*セミナー*/
	color: var(--blue1);
	border: 1px solid var(--blue1);
	}
.cat-2 .catName{/*相談会*/
	color: var(--orange1);
	border: 1px solid var(--orange1);
	}
.cat-3 .catName{/*その他*/
	color: var(--green1);
	border: 1px solid var(--green1);
	}
#newsList dl,
#newsList dl dd{
	margin: 0;
	}
#newsList dl dt{
	float: left;
	font-weight: normal;
	}
.detailUpfile{
	margin: 1em 0;
	}
.detailUpfile img{
	max-width: 1;
	height: auto;
	}
.backORcloseBtn{
	font-size: 1.4rem;
	text-align: left;
	margin: 1em 0;
	}
.backORcloseBtn a{
	color: #000;
	}
.backORcloseBtn::before{
	content: "";
	box-sizing: border-box;
	display: inline-block;
	width: 0.7em;
	height: 0.7em;
	margin-left: 1em;
	border-width: 0 0 1px 1px;
	border-style: solid;
	border-color: #000;
	transform: rotate(45deg);
	}
.pager{
	text-align: right;
	padding: 10px;
	clear: both;
	}
.detailUpfile a,
.pager a{
	border: 1px solid var(--gray-color1);
	border-radius: 5px;
	color: var(--gray-color1);
	font-size: 1.4rem;
	padding: 3px 7px 2px;
	text-decoration: none;
	margin: 0 5px;
	}
.pager a .current{
	background: var(--gray-color1);
	border: 1px solid var(--gray-color1);
	border-radius: 5px;
	color: #FFF;
	font-size: 1.4rem;
	padding: 3px 7px 2px;
	margin: 0 1px;
	text-decoration: none;
	}
.detailUpfile a:hover,
.pager a:hover{
	background: var(--gray-color1);
	color: #FFF;
	}
.overPagerPattern{
	padding: 0 2px;
	}
.btn-5{
	font-size: 1.4rem;
	padding: 0 2em;
	}
.btn-5 a{
	color: #000;
	}
.btn-5::after{
	content: "";
	box-sizing: border-box;
	display: inline-block;
	width: 0.7em;
	height: 0.7em;
	margin-left: 1em;
	border-width: 1px 1px 0 0;
	border-style: solid;
	border-color: #000;
	transform: rotate(45deg);
	}
#up_ymd{
	margin: 2em 0;
	}
#detail{
	margin-bottom: var(--space-m);
	}
.detailUpfile img{
	max-width: 100%;
	height: auto;
	}


/*------------------------------------------------------------------------------------------------------------------------タブレット-40-40*/
/*------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:687.98px){

.topics_title-style{
	grid-template-columns: 0.75fr 1fr 1fr 0.75fr 0.75fr;
	text-align: center;
	gap: 1em;
	margin: 0;
	}
.topics_title-style img{
	justify-self: center;
	grid-column: 1 / 6 ;/*右から*/
	grid-row: 1 / 2 ;/*上から*/
	}
ul#newsList li{
	padding: 1em 0;
	}
.catName{
	margin-bottom: 0.5em;
	}
#newsList dl dt{
	float: none;
	}
.btn-5{
	padding: 0 1em;
	}
}

/*------------------------------------------------------------------------------------------------------------------------スマホ*/
/*------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 300px){

.topics_title-style{
	grid-template-columns: 1fr 1fr 1fr;
	gap: 0.2em 1em;
	margin: 0 0 0.5em;
	}
.topics_title-style img{
	grid-column: 1 / 4 ;/*右から*/
	margin-bottom: 1em;
	}
}

/*------------------------------------------------------------プリント時のみ表示する*/
/*------------------------------------------------------------------------------------------------------------------------*/
@media print{

body {
	font-size: 1.4rem;
	}
#newsWrap{
	margin: 2em 0;
	}
}