@charset "utf-8";
/*メイン画像*/
#main_area{position:relative; width:100%;height:clamp(200px,calc(300/1500*100vw),300px);overflow: hidden;}
#main_area picture,#main_area  img{display:block;object-fit: cover;width:100%;height:100% !important;object-position: left center;}
#main_area p{position: absolute;left:50%;top:50%; white-space: nowrap;transform: translateX(-50%) translateY(-50%);background:#004da1;border:2px solid #FFF;border-radius: 12px; padding:clamp(15px,calc(30/1500*100vw),30px) clamp(25px,calc(50/1500*100vw),50px);text-align: center;font-size:clamp(20px,calc(30/1500*100vw),30px);color:#FFF;width:min(70%,430px);}
#main_area span{font-size:clamp(14px,calc(16/1025*100vw),16px); font-family: Arial, Helvetica, "sans-serif";font-weight: bold;}

/*このページ固有のCSS*/
#pager{display:flex; align-items: center;gap:10px;}
#pager li a.entrynav{display:block;width:200px !important; border-radius: 5px !important;background:#004da1;color:#FFF;text-align: center;padding:clamp(0.063rem, -0.045rem + 0.38vw, 0.313rem);}
.prev img{transform: scaleX(-1);}
.flexcenter{justify-content:center;}
/*記事詳細------------------------*/
.ti2 {max-width:800px;margin-left:auto;margin-right:auto;}
.entry time{display: block;text-align: right;}
.entry{border:1px solid #004da1;padding:clamp(10px,calc(30/920*100vw),30px);border-radius: clamp(8px,calc(20/1280*100vw),20px);}
.entry p{margin-bottom: 20px;}
.entry a{text-decoration:underline;}
.entry a img{text-decoration:none;}
/*見出し*/
.entry h2 {position: relative; margin-bottom: 20px;font-size:clamp(20px, calc(26/1280*100vw),26px);/*最小20最大26px*/}
.entry h2::after {content: "";display: block; height: 3px;margin-top:0.5em;  background: linear-gradient(to right, #004da1 20%, #d1d8e5 20%);}
.entry h3{border-bottom:2px solid #004da1;ont-size:clamp(18px,calc(22/1280*100vw),22px);margin-bottom:20px;padding:10px 0;}
.entry h4{color:#3078b7; font-weight: 500;font-size:clamp(16px, calc(20/1280*100vw), 20px);margin-bottom: 1rem; }
.entry h4::before{content:"●";margin-right:10px; }

/*箇条書き*/
.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-color:#004da1; 
    background-size: 6px 6px; 
    background-repeat: no-repeat;
    border-radius:50%;
    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;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #004da1;
  position: absolute;
  top: 1.5px;
  left: 0;
}
.cta{max-width:1000px;margin:30px auto 0;border-radius: 12px;}
.cta .linkbtn{text-decoration:none;border-radius: 12px;width:90%;max-width:400px;padding:15px;}
/* レスポンシブ
------------------------------------------------------------*/
/* 1025px以下から
------------------------------------------------------------*/
@media only screen and (max-width:1025px){

}
/* 768px以下から
------------------------------------------------------------*/
@media only screen and (max-width:768px){
    .entrylist time{}
    .entrylist li{flex-wrap: wrap;align-items: flex-start; flex-direction: column;}
    .entrylist a{padding:0;position:relative;}
    .entrylist a::after{position:absolute;bottom:0; right:0;width:16px; height: 16px;}
}
/* 450px以下から
------------------------------------------------------------*/
@media only screen and (max-width:450px){
    /*お知らせ・トピックス*/
    .entrylist a{display:block;}    /*お知らせ・トピックス*/
}