@charset "utf-8";

/* ------------------------------ メインビジュアル------------------------------ */
#submain_area h2::after{content:"Clinic Information";}

/* ------------------------------ お知らせ一覧------------------------------ */
#intro h2::before{content:"Greeting";}
/*記事一覧*/
.topicslist li{border-bottom:1px dotted #269117;}
.topicslist li a{
	position: relative;
	display:flex;
	align-items: center;
	padding:clamp(10px,calc(20/1500*100vw),20px) 0;
}
.topicslist li a::after{position: absolute;	top:50%;right:0px;transform: translateY(-50%);content:"";display:inline-block;background:url("../images/arrow.svg") no-repeat center/cover; width:clamp(18px,calc(28/1500*100vw),28px); height: clamp(18px,calc(28/1500*100vw),28px);}
.topicslist time {
	background:#269117;
	padding:5px 30px;
	border-radius:30px;
	text-align:center;
	margin-right:clamp(15px,calc(1500*100vw),30px);
	color:#FFF !important;
}
.topicslist time,.topicslist p{color:#4d4d4d;}
.topicslist time{display: block;margin-right: 20px;}
.topicslist p{margin-right:1em;}
#pager{display:flex;align-items: center;gap:15px;}
#pager li:not(.prev):not(.next){
	font-size: clamp(1rem, 0.946rem + 0.19vw, 1.125rem);}
#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-radius: 50%;
	color:#FFF;
}
#pager li span{background:#269117}
#pager li:not(.prev):not(.next) a{background:#a6d296;color:#269117;}
#pager .next img{transform: rotate(180deg);}
/*記事詳細------------------------*/
.inner-box2{width:93%;max-width:1280px;padding:clamp(40px,calc(100/1500*100vw),100px) 0; margin:auto;}
.entryti span{display:inline-block;width:clamp(360px,calc(700/1280*100vw),700px);font-size:clamp(18px,calc(26/1280*100vw),26px);}
.entry time{display:block;text-align:right;margin-bottom: 1em;}
.entry p{margin-bottom: 20px;}
.entry strong{font-weight:bold;}
/*見出し*/
.entry h2 {position: relative; margin-bottom: clamp(15px,calc(30/1500*100vw),30px);font-size:clamp(18px,calc(26/1500*100vw),26px);}
.entry h2::after {content: "";display: block; height: 3px;margin-top:0.5em;  background: linear-gradient(to right, #269117 20%, #dcdcdc 20%);}
.entry h3{border-left:5px solid #269117;color:#269117;font-size:clamp(18px, calc(24/1500*100vw), 24px);margin-bottom: clamp(12px,calc(24/1500*100vw),24px);padding: clamp(4px,calc(8/1500*100vw),8px) 15px;}
.entry h4{color:#269117; font-weight: 700;font-size:clamp(18px, calc(22/1500*100vw), 22px);margin-bottom: 20px; }
.entry h4:before {content: "●"; display:inline-block;}
/*箇条書き*/
.entry ol li:not(:last-child),.entry ul li:not(:last-child){margin-bottom: 10px;}
.entry ul li {position: relative; padding-left: 10px;}
.entry ul li:not(:last-child){margin-bottom:0.3rem;}
.entry ul li::before {content:""; display: inline-block;background:#a6d296;width:8px;height:8px;border-radius:50%;margin-right: 10px; }
.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 #269117;
  border-radius: 50%;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 22px;
  width: 22px;
  color: #269117;
  font-size: 85%;
  line-height: 1;
  position: absolute;
  top: 1.5px;
  left: 0;
}
.flexcenter{justify-content: center;}
#pager li a.entrynav{width:200px !important; border-radius: 30px !important;}

/* ------------------------------ レスポンシブ------------------------------------------------------------*/
/* 1024px以下から------------------------------------------------------------*/
@media only screen and (max-width:1024px){
}

/* 768px以下から------------------------------------------------------------*/
@media only screen and (max-width:768px){
    .topicslist li a{
        flex-direction: column;
        justify-content:center;
        align-items: flex-start;
    }
    .topicslist time {
        padding:0px 20px;
        margin:0 0 10px 0;
    }
}
/* 450px以下から------------------------------------------------------------*/
@media only screen and (max-width:450px){
}