/*---------------------------------------
    リスト   
  -----------------------------------------*/
.responsive-list dt, .responsive-list dd {
	padding: 8px 16px;
	margin: 0;
}
.responsive-list dt {
	font-weight: bold;
	font-size: 1.1em;
}
.responsive-list dd {
	margin: 0px;
	padding-left: 31px; /* 内容は少し右にずらす */;
	color: #555;
}
.responsive-list dt:last-of-type, .responsive-list dd:last-of-type {
	border-bottom: none;
}
/*---------------------------------------
    習えること  
  -----------------------------------------*/
.study-grid {
	display: block;
	width: 100%;
}
.study-timeline-info {
	display: inline-block;
	vertical-align: top;
	margin-left: 5em;
}
.study-timeline-info h3 {
  margin-top: 0;
  margin-bottom: 0.3em; /* ← 見出しの下余白を小さく */
}
.study-timeline-info p {
  margin-top:0px;
  }


/*---------------------------------------
    新しいクラス .class-card の定義  
  -----------------------------------------*/
.class-card {
	background: #f9f9f9;
	padding: 1.5rem;
	border-radius: 8px;
	box-shadow: 0 0 5px rgba(0,0,0,0.1);
	overflow: hidden;
	display: flex;
	flex-direction: column;
	gap: 1rem;
}
.class-card img {
    width: 200px;
	height: auto;
	flex-shrink: 0;
}

.class-card h4, .class-card p {
	margin: 0;
}
.top-content {
}
.bottom-content {
	display: flex;
	align-items: center;
	gap: 1rem;
}
.bottom-content img {
	width: 200px;
	height: auto;
	flex-shrink: 0;
}
.bottom-content .text-block {
	flex-grow: 1;
}
.top-content a {
	font-weight: bold;
	color: #0077cc;
}

/*---------------------------------------
    FAQページ  
  -----------------------------------------*/
  .faq-icon {
  width: 1.2em;
  vertical-align: middle;
  display: inline-block !important;
}