/* CSS Document */

			.about-image{
						position: relative;
			padding: clamp(1em, calc(100% / 13.4), 6rem);
			padding-bottom: 0;
/*			margin: 3em auto 2.5em;*/
			text-align: center;
			}
			.page-lp .about-type{
			margin: 2em auto 1em;
			}
		#cosme p.fc-accent{
			color: #dec168;
		}
		/*2026 リニューアル分*/
		/* Lists & Tables */
.list-circle li { padding-left: 1.2em; text-indent: -1.2em; }
.list-circle li::before { content: "●"; color: var(--circle, var(--accent)); margin-right: 0.2em; }
.ta_c ul.ta_l.list-indent { max-width: 100%; margin: 0 auto; }
.ta_c ul#question li::before {
content: "\2611\FE0E"; 
color: var(--accent);
font-size: clamp(20px, 1.28vw + 11.38px, 28px);
margin-right: 8px; 
vertical-align: middle;
}
.ta_c ul#answer li::before {
content: "\2611\FE0E"; 
color: var(--accent);
font-size: clamp(20px, 1.28vw + 11.38px, 28px);
margin-right: 8px; 
vertical-align: baseline;
}
.ta_c ul.ta_l.list-indent li { padding-left: 1em; text-indent: -1.4em; line-height: 1.5; margin-bottom: 2rem; }
	#question li h3{
	color:var(--color-def);
	display: inline;
	}
		#answer li h3{
		 color: var(--accent);display: inline;
			font-size: clamp(18px, 1.28vw + 11.38px, 22px);
			margin-bottom: 0.5rem;
		}
		#answer li p{
	text-indent: 0;
	margin-top: 0.5rem;
	margin-left: 8px;
		}
		.wrap.bg-gray {
    padding: 2rem 1.5rem;
}
.page-lp .supports-box.stepstudy{
padding: 0;
}
.page-lp .supports-list .no {
  font-family: var(--ff-mincho); font-size: clamp(16px, 4vmin, 22px); background-color: #e284c6; color: #fff;
  display: grid; align-items: center; justify-content: center; width: 2.72em; height: 2.72em;
}
.supports-box.stepstudy #studystep .no{
  font-family: var(--ff-mincho); font-size: clamp(16px, 4vmin, 22px); background-color: #e284c6; color: #fff;
  display: grid; align-items: center; justify-content: center; /*width: 2.72em; */width: 3.72em;height: 2.72em;
}
.page-lp .supports-box.stepstudy .text{
line-height: 1;
text-indent: 0;
}
.faq-no{
font-size: clamp(16px, 4vmin, 22px);background-color: #e284c6; color: #fff;padding: 1rem;margin-right: 0.5rem;
}


/* アコーディオンのヘッド部分をFlexbox化 */
.flow-head {
  display: flex;          /* 横並びにする */
  align-items: flex-start;    /* 上下中央揃え（必要に応じて flex-start に変更） */
  position: relative;     /* アイコン配置の基準 */
  /* paddingなどは既存のまま */
}

/* Q1などのラベル部分 */
.faq-no {
  flex-shrink: 0;         /* 幅が縮まないように固定 */
  /* 既存のスタイル */
  font-size: clamp(16px, 4vmin, 22px);
  background-color: #e284c6; 
  color: #fff;
  padding: 1rem;
  margin-right: 1rem;     /* テキストとの間隔を少し広めに */
  
  /* 高さや行揃えの微調整（お好みで） */
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  height: auto;           /* または固定の高さを指定 */
}

.faq-ans {
  flex-shrink: 0;         /* 幅が縮まないように固定 */
  /* 既存のスタイル */
  font-size: clamp(16px, 4vmin, 22px);
  background-color: #f6f6f6; 
  color: #e284c6;
  padding: 1rem;
  margin-right: 1rem;     /* テキストとの間隔を少し広めに */
  
  /* 高さや行揃えの微調整（お好みで） */
  display: inline-block;
  line-height: 1;
}


/* 質問テキスト部分 */
.flow-head .text {
  flex-grow: 1;           /* 残りの幅をすべて使う */
  padding-right: 3em;     /* 右側の＋アイコンとかぶらないように余白確保 */
  line-height: 1.5;       /* 行間を読みやすく */
}
@media print, screen and (min-width: 768px) {
		.wrap.bg-gray {
    padding: 3rem ;
}
/* アコーディオンのヘッド部分をFlexbox化 */
.flow-head {
  display: flex;          /* 横並びにする */
  align-items: center;    /* 上下中央揃え（必要に応じて flex-start に変更） */
  position: relative;     /* アイコン配置の基準 */
  /* paddingなどは既存のまま */
}
.supports-box.stepstudy #studystep .no{
  font-family: var(--ff-mincho); font-size: clamp(16px, 4vmin, 22px); background-color: #e284c6; color: #fff;
  display: grid; align-items: center; justify-content: center; /*width: 2.72em; */width: 4.72em;height: 2.72em;
}
}
@media print, screen and (min-width: 1021px){
.supports-box.stepstudy .supports-list        {
display: block;
max-width: 790px;
margin: 0 auto;
}
.supports-box.stepstudy  .supports-list li{
margin: 2rem 0;
}

}


		@media print, screen and (max-width: 1020px) {
    .page-lp .course-title{
				margin-top: 0;
				}
				}