@charset "UTF-8";

/*--------------------------
blogBox
---------------------------- */
.blogBox{
	margin-bottom:100px;
	overflow:hidden;
}
.blogBox table{
	float:none;
	width:100% !important;
}
th .blogBox,
td .blogBox{
	margin-bottom:0px;
}
.blogBox{
	/*border:solid 1px #ccc;*/
	border-width:1px ;

}
.blogBox .tit03{
	margin-bottom:30px;
}
.blogBox .blogDate{
	margin-bottom:30px;
	color:#333;
}

.blogBox h1{
	font-size: 30px;
    padding: 5px 15px;
    background: #FAF8F2;
    color: #366658;
    border-left: solid 5px #366658;
	margin-bottom:30px;
}

.blogBox h2{
	font-size:23px;
	font-weight:bold;
	border-bottom:dashed 1px #366658;
	padding-bottom:15px;
	margin-bottom:30px;
}
.blogBox h3{
	font-size:20px;
	font-weight:bold;
	margin-bottom:30px;
	border-left: solid 5px #366658;
	padding-left:10px;
}
.blogBox h4{
	font-size:18px;
	font-weight:bold;
	margin-bottom:30px;
	background: #ebf3de;
	padding: 5px;
}


.blogBox h5{
	font-size:16px;
	font-weight:bold;
	margin-bottom:30px;
}
.blogBox h5::before{
	content: "◆";
   color: #366658;
   margin-right: 5px;
}

.blogBox h6{
	font-size:16px;
	font-weight:bold;
	margin-bottom:30px;
}
.blogBox p{
	line-height:1.7;
	margin-bottom:30px;
}
.blogBox ul{
	margin-bottom:35px;
	margin-left:2em;
}
.blogBox ul li{
	list-style:disc;
	padding-left:0em;
	margin-bottom:15px;
	letter-spacing: 0.1em;
	text-align: left;
	color: #000;
}
.blogBox ol{
	margin-bottom:35px;
	margin-left:2em;
}
.blogBox ol li{
	list-style:number;
	padding-left:0em;
	margin-bottom:15px;
	letter-spacing: 0.1em;
	text-align: left;
	color: #000;
}
.blogBox p img{

	max-width:1050px;
	height:auto;
	display:inline-block;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:40px;
	float:none !important;
}

.blogBox img.mt-image-none{
}

.blogBox em{
	font-style:italic !important;
}

.blogBox strong{
	font-weight:bold !important;
}
.blogBox table{
	margin:0 auto 30px;
	width:100%;
	max-width:1000px;
}
.blogBox table th{
	border:solid 1px #ccc;
	padding:10px;
	background:#f5f5f5;
}
.blogBox table td{
	border:solid 1px #ccc;
	padding:10px;
}

.blogBox p a{
	color:#00f;
	text-decoration:underline;
}
@media screen and (max-width: 767px) { /* Smartphone */
	.blogBox p{
		margin-bottom:15px;
	}
	.blogBox p img{
		display:inline-block;
		height:auto;
		max-width:400px;
		margin-left:auto;
		margin-right:auto;
	}
	.blogBox p img[src$="icon_1r_24.png"] {
		display:none;
	}

	.blogBox table{
		width:100%;
	}
	.blogBox table th{
		padding:10px;
	}
	.blogBox table td{
		padding:10px;
	}
	.blogBox table img{
		width:100%;
		height:auto;
	}
}

.hanaBox .blogBox a{
	text-decoration:underline;
}
.hanaBox .blogBox a[href$=".pdf"] {
	  display: inline-block;
  padding-right: 20px; /* アイコン分の余白 */
  background: url("/shared/img/icon_pdf_lnk.png") no-repeat right center;
  background-size: auto 17px; /* 必要に応じて調整 */
}





/* お知らせ詳細メタ */
.noticeDetailMeta{
	margin: 0 0 20px;
}

.noticeDetailMeta__category{
	margin-bottom: 12px;
}

.noticeDetailMeta__targets{
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

/* PC時：カテゴリ左、対象ラベル右 */
@media screen and (min-width: 768px){
	.noticeDetailMeta{
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		gap: 16px;
	}

	.noticeDetailMeta__category{
		margin-bottom: 0;
		flex: 0 0 auto;
	}

	.noticeDetailMeta__targets{
		flex: 1 1 auto;
		justify-content: flex-end;
	}
}

/* カテゴリラベル */
.noticeDetailMeta__label{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 26px;
	padding: 0 14px;
	border-radius: 4px;
	font-size: 12px;
	line-height: 1;
	font-weight: 700;
	color: #fff;
	white-space: nowrap;
}

.noticeDetailMeta__label--other{
	background: #5C6CC0;
}

.noticeDetailMeta__label--maintenance{
	background: #FFC001;
	color: #222222;
}

.noticeDetailMeta__label--event{
	background: #82C05C;
}

.noticeDetailMeta__label--failure{
	background: #b92b2b;
}

/* 対象ラベル */
.noticeDetailMeta__target{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 26px;
	padding: 0 12px;
	border-radius: 4px;
	font-size: 12px;
	line-height: 1.2;
	font-weight: 700;
	white-space: nowrap;
	border: 1px solid #d9d9d9;
	background: #f7f7f7;
	color: #333333;
}

.noticeDetailMeta__target--student{
	background: #eef6ff;
	border-color: #bcd9ff;
	color: #245a9b;
}

.noticeDetailMeta__target--teacher{
	background: #f3f0ff;
	border-color: #d2c7ff;
	color: #5a43b5;
}

.noticeDetailMeta__target--staff{
	background: #eefaf0;
	border-color: #bfe2c5;
	color: #2f7d3f;
}

.noticeDetailMeta__target--general{
	background: #fff7ea;
	border-color: #f0d4a4;
	color: #9a6400;
}

.noticeDetailMeta__target--important{
	background: #fff0f0;
	border-color: #e2b1b1;
	color: #b92b2b;
}/* お知らせ詳細メタ */
.noticeDetailMeta{
	margin: 0 0 20px;
}

.noticeDetailMeta__category{
	margin-bottom: 12px;
}

.noticeDetailMeta__targets{
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

/* PC時：カテゴリ左、対象ラベル右 */
@media screen and (min-width: 768px){
	.noticeDetailMeta{
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		gap: 16px;
	}

	.noticeDetailMeta__category{
		margin-bottom: 0;
		flex: 0 0 auto;
	}

	.noticeDetailMeta__targets{
		flex: 1 1 auto;
		justify-content: flex-end;
	}
}

/* カテゴリラベル */
.noticeDetailMeta__label{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 26px;
	padding: 0 14px;
	border-radius: 4px;
	font-size: 12px;
	line-height: 1;
	font-weight: 700;
	color: #fff;
	white-space: nowrap;
}

.noticeDetailMeta__label--other{
	background: #5C6CC0;
}

.noticeDetailMeta__label--maintenance{
	background: #FFC001;
	color: #222222;
}

.noticeDetailMeta__label--event{
	background: #82C05C;
}

.noticeDetailMeta__label--failure{
	background: #b92b2b;
}

/* 対象ラベル */
.noticeDetailMeta__target{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 26px;
	padding: 0 12px;
	border-radius: 4px;
	font-size: 12px;
	line-height: 1.2;
	font-weight: 700;
	white-space: nowrap;
	border: 1px solid #d9d9d9;
	background: #f7f7f7;
	color: #333333;
}

.noticeDetailMeta__target--student{
	background: #eef6ff;
	border-color: #bcd9ff;
	color: #245a9b;
}

.noticeDetailMeta__target--teacher{
	background: #f3f0ff;
	border-color: #d2c7ff;
	color: #5a43b5;
}

.noticeDetailMeta__target--staff{
	background: #eefaf0;
	border-color: #bfe2c5;
	color: #2f7d3f;
}

.noticeDetailMeta__target--general{
	background: #fff7ea;
	border-color: #f0d4a4;
	color: #9a6400;
}

.noticeDetailMeta__target--important{
	background: #fff0f0;
	border-color: #e2b1b1;
	color: #b92b2b;
}