@charset "utf-8";
/*各ページ共通
------------------------------------------------------------*/
/*メイン画像エリア*/
#main_area,#main_area2{position: relative;top: 0; width:100%;z-index: 1;overflow: hidden;}
#main_area {
  position: relative;
  width: 100%;
  height: 420px;
  background-image: url('../images/topics/main.webp'); /*ページごとに変更*/
  background-size: cover;     
  background-position: left; /* ページによって変更OK */
  background-repeat: no-repeat;
}
#main_area2 {
  position: relative;
  width: 100%;
  height: 420px;
  background-image: url('../images/part/main.webp'); /*ページごとに変更*/
  background-size: cover;     
  background-position: left; /* ページによって変更OK */
  background-repeat: no-repeat;
}
.pageti{display:block;position:absolute;top:50%;left:50%;transform: translateX(-50%);background:rgba(25,35,80,0.5);color:#FFF;text-align: center;width:clamp(18.75rem, 12.054rem + 23.81vw, 34.375rem);/*最大550最小300*/padding:2rem;font-size:clamp(1.25rem, 0.848rem + 1.43vw, 2.188rem);/*最大30最小20*/font-family:YuMincho,"Yu Mincho", "Hiragino Mincho ProN", "serif";}

/*パンくず*/
#pankuzu {display:flex;justify-content:  flex-end; max-width:1500px;margin:10px auto 30px; list-style: none;}
#pankuzu li:not(:last-child)::after{content:">";padding:0 5px;}


/*このページ単体のCSS------------------------------------------------------------*/
.inner-box{max-width:1280px;}
/*記事一覧*/
.newslist li:not(:last-child){border-bottom:1px dotted #5c6587;}
.newslist{border-top:1px solid #5c6587;border-bottom:1px solid #5c6587;}
.newslist li{
	position: relative;
	display:flex;
	padding:30px 0;
}
.newslist li::after{
    content: "";
    background-image: url("../images/topics/arrow.webp"); 
    background-size: 35px 35px; 
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
	right:0;
    transform: translateY(-50%);
    width: 35px;
    height: 35px;
	}
.newslist time {
	width:150px;
	color:#192350;
    font-size:clamp(0.875rem, 0.714rem + 0.57vw, 1.25rem);
}
.newslist a{display:block;font-size:clamp(1rem, 0.839rem + 0.57vw, 1.375rem);margin:0 2em 0 0;width:calc(100% - 150px);}

#pager{display:flex; justify-content: center;align-items: center;}
#pager li:not(.prev):not(.next){
	font-size: clamp(1rem, 0.946rem + 0.19vw, 1.125rem);
	margin:0 1%;
}
#pager li:not(.prev):not(.next) a,#pager li span{
	display:block;
	width:clamp(1.875rem, 1.607rem + 0.95vw, 2.5rem);
	height:clamp(1.875rem, 1.607rem + 0.95vw, 2.5rem);
	padding:clamp(0.063rem, -0.045rem + 0.38vw, 0.313rem);
	text-align: center;
	border:1px solid #2350b5;
	border-radius: 50%;
	color:#FFF;
}
#pager li span{color:#2350b5;}
#pager li:not(.prev):not(.next) a{background:#2350b5;}
#pager .prev img{transform: rotate(180deg);}
#pager li a.entrynav{width:200px !important; border-radius: 5px !important;}

/*記事詳細------------------------*/
.tih2 span{display:inline-block;width:400px;}
.entry time{display:block;text-align:right;margin-bottom: 1em;color:#2350b5;}
.entry p{margin-bottom: 20px;}
/*見出し*/
.entry h2 {position: relative; margin-bottom: 20px;font-size:clamp(1.25rem, 0.857rem + 0.82vw, 1.625rem);/*最小20最大26px*/}
.entry h2::after {content: "";display: block; height: 3px;margin-top:0.5em;  background: linear-gradient(to right, #008ac8 20%, #d1d8e5 20%);}
.entry h3{border-left:5px solid #2350b5;color:#2350b5;font-size:clamp(1.125rem, 1.018rem + 0.38vw, 1.375rem);/*最小18最大22px*/margin-bottom:20px;padding:8px 10px;}
.entry h4{color:#2350b5; font-weight: 700;font-size:clamp(1rem, 0.893rem + 0.38vw, 1.25rem);margin-bottom: 20px; }
/*箇条書き*/
.entry ol li:not(:last-child),.entry ul li:not(:last-child){margin-bottom: 10px;}
.entry ul li {position: relative; padding-left: 15px;}
.entry ul li:not(:last-child){margin-bottom:0.3rem;}
.entry ul li::before {
  content: "";
  background-image: url("../images/li-circle.webp"); 
  background-size: 6px 6px; 
  background-repeat: no-repeat;
  position: absolute;
  left: 0; 
  top: 12px;
  width: 6px;
  height: 6px;
}
.entry ol,.entry ul{background:#f7f7f7;border-radius: 10px;	padding:20px;	margin-bottom:2rem;}
.entry ol {
	counter-reset: my-counter;
	list-style: none;
}
.entry ol li {
  line-height: 1.5;
  padding-left: 30px;
  position: relative;
}
.entry ol li:before {
  content: counter(my-counter);
  counter-increment: my-counter;
  border: 1px solid #2350b5;
  border-radius: 50%;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 22px;
  width: 22px;
  color: #2350b5;
  font-size: 85%;
  line-height: 1;
  position: absolute;
  top: 1.5px;
  left: 0;
}
/* レスポンシブ
------------------------------------------------------------*/
@media screen and (max-width: 1025px) {
	
}
/* 768px以下から
------------------------------------------------------------*/
@media only screen and (max-width:768px){
	/*記事一覧*/
    .newslist li::after{
        background-size: 20px 20px;
        width: 20px;
        height: 20px;
        }
	.newslist time{width:6em;}
    .newslist a{margin:0 1.5em 0 0;width:calc(100% - 7em);}
	/*記事詳細*/
	.tientry span{font-size:18px;}
	.entry time{font-size:14px;}
	.entry h3,.entry h4{font-size:18px;}
	.entry h3::before{width:25px;height: 25px;}
}
/* 450px以下から
------------------------------------------------------------*/
@media only screen and (max-width:450px){
    /*メイン画像*/
    #main_area {background-image: url('../images/topics/mainSP.webp');}
    #main_area2 {background-image: url('../images/part/mainSP.webp');}
    #pager img{width:26px; height: 26px;}
    #pager li:not(.prev):not(.next){ margin:0 1.5%;}
    /*記事詳細*/
	.entry{padding:10px;border-radius: 10px;}
	.entry h3::before{
		display: block;
		width:30px;
		height: 30px;
	}
	.entry ol,.entry ul {
		padding:10px;
	}
}