@charset "UTF-8";


/*--------------------------
sectionNews-detail
---------------------------- */
.sectionNews-detail {
	position:relative;
	padding:80px 0;
}
/* ----- Layout ----- */
.sectionNews-detail .inner{
	position:relative;
	z-index:10;
	width:100%;
	max-width:1100px;
	margin:0 auto;
}

@media screen and (max-width: 1100px) {
	.sectionNews-detail .inner{
		max-width:calc(100% - 30px);
	}
}



/*--------------------------
blogHeader
---------------------------- */
.blogHeader{
	border-bottom:solid 1px #ccc;
  margin-bottom: clamp(22px, 1.5306vw + 16.2602px, 28px); /* Vary between 375px and 767px */
  padding-bottom: clamp(22px, 1.5306vw + 16.2602px, 28px); /* Vary between 375px and 767px */
}

.blogHeader_info{
  margin-bottom: clamp(22px, 1.5306vw + 16.2602px, 28px); /* Vary between 375px and 767px */
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  justify-content:flex-start;
}
.blogHeader_date{
  font-family: "Jost", sans-serif;
  font-weight:bold;
}
.blogHeader_lbl{
	background:#DDDDDD;
}

.blogHeader_tit{
  font-family: "Noto Serif JP", serif;
  font-size: clamp(22px, 1.5306vw + 16.2602px, 28px); /* Vary between 375px and 767px */
}

/*--------------------------
blogDetail
---------------------------- */
.blogDetailContent{
	margin-bottom:100px;
	display:flex;
	flex-wrap:wrap;
	gap:30px ;
}
.blogDetailContent > *{
	width:100%;
}

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

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


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

.blogDetailContent h6{
	font-size:16px;
	font-weight:bold;
	margin-bottom:30px;
}
.blogDetailContent p{
	line-height:1.7;
	margin-bottom:30px;
}
.blogDetailContent ul{
	margin-bottom:35px;
	margin-left:2em;
}
.blogDetailContent ul li{
	list-style:disc;
	padding-left:0em;
	margin-bottom:15px;
	letter-spacing: 0.1em;
	text-align: left;
	color: #000;
}
.blogDetailContent ol{
	margin-bottom:35px;
	margin-left:2em;
}
.blogDetailContent ol li{
	list-style:number;
	padding-left:0em;
	margin-bottom:15px;
	letter-spacing: 0.1em;
	text-align: left;
	color: #000;
}
.blogDetailContent a[href$=".pdf"]:after {
	content:"";
	display:inline-block;
	width:12px;
	height:15px;
	margin-bottom:-1px;
	margin:0 5px;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_559%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%20559%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2211.92%22%20height%3D%2214.651%22%20viewBox%3D%220%200%2011.92%2014.651%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_192%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%20192%22%20transform%3D%22translate(0%200)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_36%22%20data-name%3D%22%E3%83%91%E3%82%B9%2036%22%20d%3D%22M293.246%2C153.323a7.94%2C7.94%2C0%2C0%2C0-1.618.15%2C7.291%2C7.291%2C0%2C0%2C1-.972-1.294c.8-2.295.293-2.947-.388-2.947-.534%2C0-.8.564-.742%2C1.187a5.857%2C5.857%2C0%2C0%2C0%2C.622%2C1.6%2C18.049%2C18.049%2C0%2C0%2C1-.914%2C2.064%2C8.19%2C8.19%2C0%2C0%2C0-1.028.385c-1.275.593-1.377%2C1.384-1.112%2C1.72.5.637%2C1.577.087%2C2.654-1.838.737-.21%2C1.707-.489%2C1.795-.489a.143.143%2C0%2C0%2C1%2C.04.008%2C4.122%2C4.122%2C0%2C0%2C0%2C1.694%2C1.088.931.931%2C0%2C0%2C0%2C1.156-.785C294.4%2C153.828%2C294.206%2C153.38%2C293.246%2C153.323Zm-4.772%2C2.077c-.312.37-.815.726-.993.608s-.208-.459.193-.845a3.352%2C3.352%2C0%2C0%2C1%2C1.171-.623c.119-.044.149%2C0%2C.149.059A2.947%2C2.947%2C0%2C0%2C1%2C288.474%2C155.4Zm1.364-4.982c-.03-.371.044-.727.356-.771s.46.311.341.889a4.761%2C4.761%2C0%2C0%2C1-.237%2C1.009c-.059.044-.118-.1-.118-.1A3.064%2C3.064%2C0%2C0%2C1%2C289.839%2C150.418Zm.119%2C3.484c.163-.267.578-1.349.578-1.349.089.163.785.993.785.993S290.253%2C153.784%2C289.957%2C153.9Zm3.231.474a3.936%2C3.936%2C0%2C0%2C1-1.2-.593%2C3.566%2C3.566%2C0%2C0%2C1%2C1.186-.148c.46.03.623.223.623.415S293.634%2C154.436%2C293.188%2C154.376Z%22%20transform%3D%22translate(-284.496%20-145.559)%22%20fill%3D%22%23ff2116%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_37%22%20data-name%3D%22%E3%83%91%E3%82%B9%2037%22%20d%3D%22M197.822%2C3.081%2C195.008.266%2C194.741%2C0h-6.116a2.46%2C2.46%2C0%2C0%2C0-2.457%2C2.458v9.735a2.46%2C2.46%2C0%2C0%2C0%2C2.457%2C2.458h7.005a2.46%2C2.46%2C0%2C0%2C0%2C2.458-2.458V3.347Zm-.643%2C9.112a1.548%2C1.548%2C0%2C0%2C1-1.548%2C1.548h-7.005a1.548%2C1.548%2C0%2C0%2C1-1.548-1.548V2.458A1.548%2C1.548%2C0%2C0%2C1%2C188.625.91h5.521l3.032%2C3.032Z%22%20transform%3D%22translate(-186.168)%22%20fill%3D%22%23ff2116%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat;
}
.blogDetailContent p img {
  display: block;            /* ブロック要素化して margin:auto で中央寄せ */
  max-width: 100%;           /* 親要素の幅を超えない */
  height: auto;              /* アスペクト比を保つ */
  margin: 0 auto 40px;       /* 上0 / 左右自動 / 下40px */
  float: none !important;    /* 必要に応じて解除 */
}

.blogDetailContent img.mt-image-none{
}

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

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

.blogDetailContent img {
  /* 親要素の横幅を上限にして縮小も拡大もしない */
  max-width: 100%;
  height: auto;

  /* あると便利なオプション */
  display: block;      /* インライン要素の下にできる余白をなくす & margin が扱いやすい */
  margin: 0 auto;      /* 画像を中央寄せしたい時 */
}


@media screen and (max-width: 767px) { /* Smartphone */
	.blogDetailContent p{
		margin-bottom:15px;
	}

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




/* ----------
newsNavi
   ---------- */
.newsNavi {
	border-top:dotted 1px #000;
	padding-top:20px;
	margin-top:20px;
}

/* ---- */
.newsNavi ul {
  display: grid;
  width: 100%;                  /* 親コンテナいっぱいに */
  grid-template-columns: 1fr auto 1fr;
  align-items: center;          /* 縦中央揃え */
  list-style: none;
  margin: 50px 0;               /* お好みで上下マージン */
  padding: 0;
}

.newsNavi ul li.prevpost {
  grid-column: 1;               /* 左のセル */
  justify-self: start;          /* 左寄せ */
}

.newsNavi ul li.lnkBtn {
  grid-column: 2;               /* 真ん中のセル */
  justify-self: center;         /* 真ん中寄せ */
}

.newsNavi ul li.nextpost {
  grid-column: 3;               /* 右のセル */
  justify-self: end;            /* 右寄せ */
}


.newsNavi ul li{
	display:block;
	background:#006633;
	border:solid 1px #006633;
	color:#fff;
	padding:10px 2em;
	text-decoration:none;
	font-size:16px;
	text-align:center;
}
.newsNavi ul li.lnkBtn {
	color:#006633 !important;
	background:#fff !important;
}
.newsNavi ul li a{
	color:#fff;
	text-decoration:none;
	display:block;
	width:100%;
}
.newsNavi ul li.lnkBtn a{
	color:#006633 !important;
	background:#fff !important;
}


/* ---- */
.newsNavi ul li span {
}

/* Wide Breakpoint */
@media screen and (max-width: 1100px) {
  .example {
    width: calc(100% - 30px);
  }
}

/* SP */
@media screen and (max-width: 767px) {
	.newsNavi ul {
		column-gap: 5px;    /* お好みの数値に */
		grid-template-columns: 1fr 1fr 1fr;
	}

	.newsNavi ul li{
		padding:5px 10px;
		font-size:14px;
	}

}