@charset "UTF-8";
/*--------------------------
blogLst
---------------------------- */
.blogLst{
}
.blogLst__item{
}
.blogLst__item a{
	
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	border-bottom:solid 1px #F0F0F0;
	text-decoration:none;
	padding:15px 0;
}
.blogLst__item .date{
	flex-basis:140px;
	color:#999999;
	font-size:15px;
}
.blogLst__item .tit{
	flex-basis:calc(100% - 140px);
	color:#111111;
	font-size:16px;
}

.blogLst__item a:hover .tit{
	color:#f11;
}


/* ----------
blogLst02
  ---------- */
.blogLst02 {
	display:flex;
	flex-wrap:wrap;
	gap:50px 7%;
}

/* ---- */
.blogLst02 .item {
	width:calc( (100% - 7%) / 2);
	display:block;
	border-radius:10px;
	overflow:hidden;

	background:#EEF6FF;
}

.blogLst02.blogDetail{
	gap:50px 2%;
	margin-bottom:80px;
}
.blogLst02.blogDetail .item {
	width:calc( (100% - 4%) / 3);
}
.blogLst02 .item a {

	text-decoration:none;
	color:#000;
}

.blogLst02 .item .pic {
}

.blogLst02 .item .pic img {
	width:100%;
	height:100%;
	aspect-ratio: 380 / 210;
	object-fit:cover;
}


/* ---- */
.blogLst02 .item .cnt {
	padding:7%;

	display:flex;
	flex-wrap:wrap;
	flex-direction:column;
	gap:15px;
}

.blogLst02 .item .cnt .blogLst_cnt_head {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	aling-items:center;
}

.blogLst02 .item .cnt .blogLst_cnt_head .cat {
	background: #036EB7;
	color:#fff;
	font-size:14px;
	padding:2px 10px 5px;
	border-radius:5px;
}

.blogLst02 .item .cnt .blogLst_cnt_head .date {
	font-weight:bold;
}
.blogLst02 .item .cnt .blogLst_cnt_head:not(:has(.cat)) {
	justify-content: flex-end;
}

.blogLst02 .item .cnt .tit {
}

.blogLst02 .item .cnt .txt {
}

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

/* SP */
@media screen and (max-width: 767px) {
	.blogLst02.blogDetail .item {
		width:calc( (100% - 0%) / 1);
	}
}




/*--------------------------
blogArea
---------------------------- */
.blogArea{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
.blogMain{
	flex-basis:65%;
}
.blogSide{
	flex-basis:30.5%;
}
@media screen and (max-width: 767px) { /* Smartphone */
	.blogMain{
		flex-basis:100%;
	}
	.blogSide{
		flex-basis:100%;
	}
}

/*--------------------------
blogBox
---------------------------- */
.blogBox{
	margin-bottom:100px;
}
.blogDate{
	text-align:right;
	margin-bottom:30px;
	color:#999999;
}
.blogDate.catSet{
	display:flex;
	gap:5px;
	align-items:center;
	justify-content:flex-end;
}
.blogDate.catSet .cat-lbl{
}
.blogDate.catSet .cat-lbl a{
	display:inline-block;
	background:#036EB7;
	color:#fff;
	padding:3px 0.5em 5px;
	border-radius:5px;
	text-decoration:none;
}
.blogDate.catSet .date{
}


.blogBox h2{
	font-size:23px;
	font-weight:bold;
	border-bottom:dashed 1px #000;
	padding-bottom:15px;
	margin-bottom:30px;
}
.blogBox h3{
	font-size:20px;
	font-weight:bold;
	margin-bottom:30px;
	border-left: solid 5px #000;
	padding-left:10px;
}
.blogBox h4{
	font-size:18px;
	font-weight:bold;
	margin-bottom:30px;
}
.blogBox p{
	line-height:1.7;
	margin-bottom:30px;
}
.blogBox ul{
	margin-bottom:35px;
	margin-left:1.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:1.2em;
}
.blogBox ol li{
	list-style:number;
	padding-left:0em;
	margin-bottom:15px;

	letter-spacing: 0.1em;
	text-align: left;
	color: #000;
}
.blogBox 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;
}
.blogBox p img{
	max-width:750px;
	height:auto;
}
@media screen and (max-width: 767px) { /* Smartphone */
	.blogBox p img{
		display:block;
		width:90%;
		height:auto;
		max-width:1050px;
		margin-left:auto;
		margin-right:auto;
	}
}

/*--------------------------
blogSide
---------------------------- */
.blogSide{
}
.blogSide_cnt{
	margin-bottom:40px;
	background:#FAF9E7;
	padding:20px;
	border-radius:10px;
}
.blogSide_cnt .tit04:before{
	width:30% ;
}
.blogSide_detailList{
}
.blogSide_detailList li{
	margin-bottom:15px;
}
.blogSide_detailList li a{
	color:#489EDB;
	text-decoration:none;
	font-size:14px;
}

/*--------------------------
article-navigation
---------------------------- */
.article-navigation {
  overflow: hidden; /* clearfi */
}

.article-navigation .previous {
  float: left;
  width:48%;
}

.article-navigation .next {
  float: right;
  width:48%;
}

.article-navigation .previous a,
.article-navigation .next a{
	display:block;
	background:#7AC3CD;
	font-size:14px;
	border-radius:100px;
	padding:5px;
	text-align:center;
	text-decoration:none;
	color:#fff;
}
.article-navigation .previous a:hover,
.article-navigation .next a:hover{
	background:#558e96;
}


@media screen and (max-width: 767px) { /* Smartphone */
	.article-navigation .previous {
	  float: none;
	  width:100%;
	  margin-bottom:5px;
	}

	.article-navigation .next {
	  float: none;
	  width:100%;
	  margin-bottom:5px;
	}
}

/*--------------------------
pageNation
---------------------------- */
.pageNation{
	width:100%;
	max-width:1200px;
	margin:0 auto;
}
.pageNation ul{
	text-align:center;
}
.pageNation ul li{
	display:inline-block;
	margin-right:10px;
}
.pageNation ul li:last-child{
	margin-right:0;
}
.pageNation ul li a{
	border-radius:2px;
	display:block;
	padding:5px 5px;
	color:#fff;
	background:#7AC3CD;
	text-decoration:none;
	min-width:20px;
	font-size:13px;
}
@media screen and (max-width: 767px) { /* Smartphone */
	.pageNation ul li{
		margin-right:5px;
	}
}
/*--------------------------
blogSideArcBox
---------------------------- */
.blogSideArcBox{
}
.blogSideArcBox__lst{
}
.blogSideArcBox__lstItem{
}
.blogSideArcBox__lstItem__year{
	color:#479EDA;
	font-size:14px;
	margin-bottom:10px;
}
.blogSideArcBox__lstItem__monthLst{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	margin-bottom:30px;
}
.blogSideArcBox__lstItem__monthLst__item{
	flex-basis:22%;
}
.blogSideArcBox__lstItem__monthLst__item a{
	display:block;
	background:#fff;
	color:#479EDA;
	font-size:14px;
	text-align:center;
	text-decoration:none;
	padding:5px 0;
}

/* 親要素の疑似要素 */
.blogSideArcBox__lstItem__monthLst::after {
    content: "";
    display:block;
    width:22%; /* 子要素と同じ幅 */
}
.blogSideArcBox__lstItem__monthLst::before { 
    content: ""; 
    display:block; 
    width:22%; /* 子要素と同じ幅 */
    order: 1; /* アイテムの並び順 */
}

/* ----------
.blogSide_cnt02{
  ---------- */
.blogSide_cnt02{
	margin-bottom:40px;
	padding:0;
}
.blogSide_cnt02 .tit04{
	text-align:center;
	background:#FAF9E7;
	border-radius:10px;
	border:none;
	padding:10px ;
	margin-bottom:20px;
}
.blogSide_cnt02 .tit04:before{
	content:none;
}



/* ----------
blogSideArcBox__lst__pic
  ---------- */
.blogSideArcBox__lst__pic {
	display:flex;
	flex-direction:column;
	gap:15px;
}

/* ---- */
.blogSideArcBox__lst__pic .item {
}

.blogSideArcBox__lst__pic .item a {
	text-decoration:none;
	display:flex;
	flex-wrap:wrap;
	gap:10px;
	align-items: flex-start;

	color:#000000;
}

.blogSideArcBox__lst__pic .item .pic {
	width:70px;
	aspect-ratio: 1 / 1;
}

.blogSideArcBox__lst__pic .item .pic img {
	width:100%;
	height:100%;
	object-fit:cover;
	background:#ddd;
	border-radius:5px;
}

.blogSideArcBox__lst__pic .item .cnt {
	width:calc( 100%  - (10px + 70px));
	font-size:14px;
}

.blogSideArcBox__lst__pic .item .cnt .data {
	display:block;
}

.blogSideArcBox__lst__pic .item .cnt .tit {
	display:block;
}


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

/* SP */
@media screen and (max-width: 767px) {
}

/* ----------
blogSideArcBox__cat__list
  ---------- */
.blogSideArcBox__cat__list {
	display:flex;
	flex-direction:column;
	gap:10px;
}

/* ---- */
.blogSideArcBox__cat__list .item {
}

.blogSideArcBox__cat__list .item a {
	display:inline-block;
	margin-right:5px;
}

.blogSideArcBox__cat__list .item span {
	display:inline-block;
}


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

/* SP */
@media screen and (max-width: 767px) {
}



.blogPageNation{
	margin-bottom:50px;
}