@charset "utf-8";
/*******************************************/
/* Topics                                 */
/*******************************************/
.hdg-title-topics{ border-bottom:2px solid #d4dbdf; color:#0069b7; font-size:3.2rem; line-height:4.0rem; margin-bottom:32px; padding-bottom:12px; }
.topics-list{ font-size:2.0rem; margin-bottom:16px; }
.ul-topics{ border-top:2px solid #71afdf; padding-top:24px; }
.topics-box ul li{ margin-bottom:20px; }
.topics-box ul li:last-child{ margin-bottom:0; }
.topics-box ul li dl{ display:table; }
.topics-box ul li dl dt{ display:table-cell; font-size:1.4rem; font-weight:bold; line-height:24px; width:148px; }
.topics-box ul li dl dt::before{ background:#46b2e7; content:""; display:inline-block; margin-right:8px; position:relative; top:-4px; width:10px; height:1px; }
.topics-box dl dd{ display:table-cell; vertical-align:top; }
.topics-box dl dd.ddCat1, .topics-box dl dd.ddCat2{ width:88px; }
.topics-box dl dd.ddCat1 span, .topics-box dl dd.ddCat2 span{ color:#fff; display:block; font-size:1.2rem; line-height:24px; text-align:center; width:100%; height:24px; }
.topics-box dl dd.ddCat1 span{ background:#71afdf; }
.topics-box dl dd.ddCat2 span{ background:#90bdc1; }
.topics-box dl dd.ddHed{ padding-left:16px; width:calc(100% - 208px); }
.topics-box dl dd.ddHed a{ font-weight:500; line-height:2.6rem; }
.topics-box dl dd.ddHed a:hover{ color:#0068b7; }
.topics-type{ display:table; margin-bottom:32px; }
.topics-type dt{ color:#fff; display:table-cell; font-size:1.4rem; line-height:26px; text-align:center; width:100px; height:26px; }
.topics-type dt.ddCat1{ background:#71afdf; }
.topics-type dt.ddCat2{ background:#90bdc1; }
.topics-type dd{ display:table-cell; font-size:1.8rem; line-height:2.6rem; padding-left:16px; }

.topics-border{ background:#f3f8b2; border:solid 1px #aaa; padding:24px; }

/* Transition */
.topics-contents p a{ transition:all 0.3s ease; }

/* Hover */
.topics-contents p a:hover{ color:#0069b7; }

/* 20241015 */
.topics-20241015-1, .topics-20241015-2{ display: flex; align-items: center; justify-content: center; margin: 0 auto; width: 280px; height: 280px; }
.topics-20241015-1 img{ width: 138px; }


/*******************************************/
/* responsive                              */
/*******************************************/

@media screen and (max-width:767px){
	.hdg-title-topics{ font-size:2.4rem; line-height:3.2rem; }
	.topics-box ul li dl dt{ display:block; line-height:24px; }
	.topics-box dl{ position:relative; width:100%; }
	.topics-box dl dd{ display:block; }
	.topics-box dl dd.ddCat1, .topics-box dl dd.ddCat2{ position:absolute; top:0; left:136px; }
	.topics-box dl dd.ddHed{ padding-top:8px; padding-left:0; width:100%; }
}