@charset "UTF-8";

/* ========================================
   Trial Area Reset
======================================== */

.trial-kv,
.trial-kv *,
.trial-content,
.trial-content *,
.trial-about,
.trial-about * {
  box-sizing: border-box;
}

#contents {
	font-feature-settings: "palt";
	font-family: "Noto Serif JP", "Yu Mincho", "Hiragino Mincho ProN", serif;
	color: #333333;
	padding-top: 0 !important;
  }
  
  /* パンくず */
  #contents .breadcrumb {
	font-family: "Noto Sans JP", sans-serif;
	color: #333333;
  }
  
  /* KV内のPだけ白 */
  #contents .trial-kv p {
	color: #fff;
  }
  
  /* パンくずは黒 */
  #contents .breadcrumb,
  #contents .breadcrumb a {
	color: #333333;
  }
#contents .mainVisualArea {
	/* background-image: url(/event/images/2025/renga_bg.png);
	background-repeat: repeat;
	background-size: 100px 100px; */
	background-color: #aebfe6;
}

@media screen and (max-width: 767px) {
	#contents .breadcrumb {
	  font-size: 11px;
	}
  }


#contents .indent01 {
	margin-top: 10px;
}

#contents .ev_cv_area2_bg2 {
	margin-bottom: 100px;
}

#contents .ev_flow_area_bg2 {
	margin-top: 50px;
}


#contents .inner01_red {
	background-color: rgba(217, 239, 250, 0.3);
	padding: 30px 60px 50px;
	margin-bottom: 50px;
}

.spSection .inner01 .tab-contents-wrap .koshi_red {
	margin-top: 0;
	text-align: left;
	font-weight: normal;
}

  
  /* ========================================
	 KV
  ======================================== */
  
  
  .trial-kv {
	position: relative;
  
	width: 100%;
	max-width: none;
  
	margin: 0 auto;
  
	background: #183063;
  
	overflow: hidden;
  }
  
  
  /* ========================================
	 写真
  ======================================== */
  
  .trial-kv__image {
	position: relative;
  
	width: 100%;
	height: 450px;

  
	overflow: hidden;
  }
  
  .trial-kv__image img {
	display: block;
  
	width: 100%;
	height: 100%;
  
	object-fit: cover;
	object-position: center top;
  }
  
  /* スマホ */
  @media screen and (max-width: 767px) {
	.trial-kv__image {
	  width: 100%;
	  height: auto !important;
	  min-height: 0 !important;
	  overflow: visible !important;
	}
  
	.trial-kv__image picture {
	  display: block;
	  width: 100%;
	  height: auto !important;
	}
  
	.trial-kv__image img {
	  display: block;
	  width: 100%;
	  height: auto !important;
	  min-height: 0 !important;
	  object-fit: contain !important;
	  object-position: center top !important;
	}
  }
 
  
  
  /* ========================================
	 対象バッジ
  ======================================== */
 
.trial-kv__target {
	position: absolute;

	/* 右上 */
	top: 35px;
	right: 45px;

	width: 125px;

	z-index: 3;

	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 8px;
}

.trial-kv__target img {
	display: block;

	width: 125px;
	height: 125px;

	object-fit: contain;
}

/* スマホでは非表示 */
@media screen and (max-width: 767px) {
	.trial-kv__target {
		display: none;
	}
}
  
  /* ========================================
	 無料バッジ
  ======================================== */
  
  /*.trial-kv__free {
	position: absolute;
  
	top: 180px;
	right: 45px;
  
	width: 125px;
	height: 125px;
  
	border-radius: 50%;
  
	background: #f6c932;
  
	border: 3px solid rgba(255, 255, 255, 0.45);
  
	color: #222;
  
	display: flex;
  
	align-items: center;
	justify-content: center;
  
	font-size: 32px;
	font-weight: 900;
  
	z-index: 3;
  
	box-shadow:
	  0 2px 8px rgba(0, 0, 0, 0.15);
  }*/
  
  
  /* ========================================
	 タイトルエリア
  ======================================== */
  
  .trial-kv__title {
	position: relative;
  
	margin-top: 2px;
  
	padding:
	  20px 40px 15px;
  
	text-align: center;
  
	z-index: 2;
  }
  
  
  /* 東大・京大・医学部 */
  
  .title__category {
	margin: 0;
  
	font-size: 30px;
	font-weight: 900;
  
	letter-spacing: 0.04em;
  }
  
  
  /* 難関国公立・早慶 */
  
  .title__target {
	margin: 0;
  
	font-size: 20px;
	font-weight: 700;
  
	line-height: 1.4;
  }
  @media screen and (max-width: 767px) {
	.title__lead,
	.trial-kv__title {
	  display: none;
	}
  }
  
  /* メインタイトル */
  .trial-kv__title {
	position: relative;
	padding: 5px 40px 15px;
	text-align: center;
	z-index: 2;
  }
  
  
  /* メインタイトル部分 */
  .title__main {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 25px;
  }
  
  側の説明 */
  .title__lead p {
	margin: 0;
	color: #fff;
  
	font-size: 30px; /* 17px → 22px */
	font-weight: 700;
  
	line-height: 1.6;
	letter-spacing: 0.03em;
  }
  
  
  /* 難関大入試トライアル */
  .trial-kv__title h1 {
	margin: 0;
  
	font-family:
	  "Noto Serif JP",
	  "Yu Mincho",
	  "Hiragino Mincho ProN",
	  serif;
  
	font-weight: 900;
  
  
	/* 左上 → 右下に向かって濃く */
	background: linear-gradient(
	  135deg,
	  #fffbd5 0%,
	  #f8e78a 20%,
	  #e1bd45 45%,
	  #e1bd45 70%,
	  #e1bd45 100%
	);
  
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
  
	filter:
	  drop-shadow(0 1px 0 rgba(255, 255, 255, 0.5))
	  drop-shadow(1px 2px 2px rgba(0, 0, 0, 0.3));
  
	font-size: clamp(36px, 4.4vw, 56px); /* 小さく */
	line-height: 1.15;
	letter-spacing: 0.05em;
  }
  
  
  /* グラデ */

  .title__page {
	padding-top: 20px;
  }
  
  .title__page::before {
	content: "";
	display: block;
	width: 80%;
	max-width: 700px;
	height: 3px;
	margin: 0 auto 18px;
  
	background: linear-gradient(
	  90deg,
	  rgba(255,255,255,0) 0%,
	  rgba(255,255,255,0.15) 20%,
	  rgba(255,255,255,0.5) 35%,
	  rgba(255,255,255,0.9) 45%,
	  rgba(255,255,255,1) 50%,
	  rgba(255,255,255,0.9) 55%,
	  rgba(255,255,255,0.5) 65%,
	  rgba(255,255,255,0.15) 80%,
	  rgba(255,255,255,0) 100%
	);
  
	filter: blur(0.3px);
  }

  /* 河合塾マナビス */
  .title__page {
	margin: 12px 0 0;
  
	color: #fff;
  
	font-size: 27px;
	font-weight: 700;
  
	letter-spacing: .05em;
  }
  
  
  /* ========================================
	 3つの特徴
  ======================================== */
  
  .trial-kv__features {
	display: grid;
  
	grid-template-columns:
	  repeat(3, 1fr);
  
	width: 100%;
  
	padding:
	  12px 60px 28px;
  }
  
  
  /* 各項目 */
  
  .feature {
	position: relative;
  
	min-height: 65px;
  
	display: flex;
  
	align-items: center;
	justify-content: center;
  
	text-align: center;
  }
  
  
  /* 区切り線 */
  
  .feature + .feature {
	border-left:
	  1px solid
	  rgba(255, 255, 255, 0.4);
  }
  
  
  /* テキスト */
  
  .feature p {
	margin: 0;
  
	color: #fff;
  
	font-family:
	  "Yu Gothic",
	  "YuGothic",
	  "Hiragino Kaku Gothic ProN",
	  Meiryo,
	  sans-serif;
  
	font-size: 17px;
	font-weight: 500;
  
	line-height: 1.6;
  
	letter-spacing: 0.09em;
  }
  
  
  /* 強調部分 */
  
  .feature p span {
	color: #fae096;
  }

  .trial-kv__features-sp {
	display: none;
  }
  
  /* スマホ用画像：PCでは非表示 */
/* スマホ用画像：PCでは非表示 */
.trial-kv__features-sp {
	display: none;
  }
  
  @media screen and (max-width: 767px) {
  
	/* PC用の3つのテキストを非表示 */
	.trial-kv__features {
	  display: none !important;
	}
  
	/* スマホ用画像を表示 */
	.trial-kv__features-sp {
	  display: block !important;
	  width: 100%;
	  padding: 0;
	}
  
	.trial-kv__features-sp img {
	  display: block;
	  width: 100%;
	  height: auto;
	}
  
  }

  /* ========================================
   PC用 注記
======================================== */

.trial-kv__note {
	margin: 0;
	padding: 0 60px 25px;

	background: #183063;

	color: #fff !important;

	font-family:
		"Yu Gothic",
		"YuGothic",
		"Hiragino Kaku Gothic ProN",
		Meiryo,
		sans-serif;

	font-size: 11px;
	font-weight: 400;
	line-height: 1.6;

	letter-spacing: 0.03em;

	text-align: center;
}


/* ========================================
   スマホでは注記を非表示
======================================== */

@media screen and (max-width: 767px) {

	.trial-kv__note {
		display: none !important;
	}

}
  
  
  /* ========================================
	 PC
  ======================================== */
  
  @media screen and (min-width: 768px) {

	/* 東大・京大・医学部だけ大きく */
	.trial-kv__title .title__lead p:first-child {
	  font-size: 28px !important;
	}
  
	.trial-kv__title .title__lead p:first-child {
		font-size: 28px !important;
		font-weight: 900;
	  }

  }
	.trial-kv__title h1 {
	  font-size: 52px !important;
	}
	.title__lead p:nth-child(2) {
		font-size: 20px;
	  }
  
  /* ========================================
	 Tablet
  ======================================== */
  
  @media screen and (max-width: 900px) {
  
	.trial-kv__target,
	.trial-kv__free {
	  right: 25px;
	}
  
	.trial-kv__title {
	  padding-left: 20px;
	  padding-right: 20px;
	}
  
	.trial-kv__features {
	  padding-left: 30px;
	  padding-right: 30px;
	}
  
  }
  
  
  /* ========================================
	 Smartphone
  ======================================== */
  
  @media screen and (max-width: 767px) {
  
	.trial-kv {
	  width: 100%;
  
	  max-width: none;
	}
  
  
	/* -------------------------
	   写真
	------------------------- */
  
	.trial-kv__image {
	  height: 250px;
	}
  
  
	/* -------------------------
	   縦書き
	------------------------- */
  
	.trial-kv__catch {
  
	  top: 18px;
	  left: auto;
	  right: 105px;
  
	  font-size: 14px;
  
	  letter-spacing: 0.08em;
	}
  
  
	/* -------------------------
	   対象バッジ
	------------------------- */
  
	.trial-kv__target {
  
	  top: 18px;
	  right: 15px;
  
	  width: 85px;
	  height: 85px;
  
	  border-width: 2px;
	}
  
	.target__title {
	  font-size: 12px;
	}
  
	.target__text {
	  font-size: 10px;
	}
  
  
	/* -------------------------
	   無料バッジ
	------------------------- */
  
	.trial-kv__free {
  
	  top: 112px;
	  right: 15px;
  
	  width: 85px;
	  height: 85px;
  
	  border-width: 2px;
  
	  font-size: 23px;
	}
  
  
	/* -------------------------
	   タイトル
	------------------------- */
  
	.trial-kv__title {
  
	  padding:
		15px 15px 10px;
	}
  
  
	.title__category {
  
	  font-size: 19px;
  
	  line-height: 1.3;
	}
  
  
	.title__target {
  
	  font-size: 11px;
  
	  margin-top: 2px;
	}
  
  
	.trial-kv__title h1 {
  
	  margin-top: 4px;
  
	  font-size: 30px;
  
	  line-height: 1.2;
  
	  white-space: nowrap;
	}
  
  
	.title__page {
  
	  margin-top: 7px;
  
	  font-size: 17px;
	}
  
  
	/* -------------------------
	   3つの特徴
	------------------------- */
  
	.trial-kv__features {
  
	  display: grid;
  
	  grid-template-columns:
		repeat(3, 1fr);
  
	  padding:
		10px 8px 20px;
	}
  
  
	.feature {
  
	  min-height: 55px;
  
	  padding:
		0 5px;
	}
  
  
	.feature p {
  
	  font-size: 10px;
  
	  line-height: 1.5;
  
	  letter-spacing: 0;
	}
  
  }

  /* ========================================
   申込ページ本体
======================================== */

.trial-content {
	width: 100%;
	background: #19396d;
  
	color: #fff;
  
	font-family:
	  "Noto Serif JP",
	  "Yu Mincho",
	  "Hiragino Mincho ProN",
	  serif;
  }
  
  /* ========================================
   申込エリア
======================================== */

.trial-apply {
	width: 100%;
  
	background: #fff;
  
	text-align: center;
  
	padding-top: 20px;
  }
  
  
  /* ========================================
	 キャッチコピー
  ======================================== */
  
  .trial-apply__catch {
	margin: 0 0 8px;
  
	color: #19396d !important;
  
	font-family:
	  "Noto Serif JP",
	  "Yu Mincho",
	  "Hiragino Mincho ProN",
	  serif;
  
	font-size: 35px;
  
	font-weight: 900;
  
	line-height: 1.5;
  
	letter-spacing: 0.05em;
  }
  
  
  /* ========================================
	 申込ボタン
  ======================================== */
  
  .trial-apply__button {
	position: relative;
	letter-spacing: 0.12em;

    display: inline-flex;
  align-items: center;
  justify-content: center;

  min-width: 450px;

  padding: 9px 60px 9px 40px;

  border-radius: 8px;

  background: linear-gradient(
    180deg,
    #ff6a50 0%,
    #f0442b 45%,
    #d72b18 100%
  );

  

  color: #fff;

  font-family:
    "Noto Sans JP",
    sans-serif;

  font-size: 25px;
  font-weight: 700;

  letter-spacing: 0.12em;

  text-decoration: none;

  box-shadow:
    0 4px 7px rgba(0, 0, 0, .25),
    inset 0 1px 2px rgba(255, 255, 255, .5);

	transition:
    background 0.3s ease,
    box-shadow 0.3s ease;
}

.trial-apply__button:hover {
  background: linear-gradient(
    180deg,
    #ff8068 0%,
    #f95a43 45%,
    #e63a24 100%
  );

  box-shadow:
    0 6px 12px rgba(0, 0, 0, .3),
    inset 0 1px 3px rgba(255, 255, 255, .6);
}


/* 矢印 */
.trial-apply__button span {
  position: absolute;
  right: 22px;

  font-size: 15px;
}
  

/* ========================================
   スマホ表示
======================================== */

@media screen and (max-width: 767px) {

	.trial-apply {
	  padding-top: 15px;
	  padding-left: 15px;
	  padding-right: 15px;
	}
  
	/* キャッチコピー */
	.trial-apply__catch {
	  margin: 0 0 12px;
  
	  font-size: 20px;
	  line-height: 1.5;
	  letter-spacing: 0.04em;
	}
  
	/* 申込ボタン */
	.trial-apply__button {
	  width: 80%;
	  min-width: 0;
	  box-sizing: border-box;
  
	  padding: 10px 45px 10px 25px;
  
	  font-size: 20px;
	  letter-spacing: 0.08em;
	}
  
	/* 矢印 */
	.trial-apply__button span {
	  right: 18px;
	  font-size: 13px;
	}
  
  }
  /* ========================================
   注意事項エリア
======================================== */

.trial-apply__notice {
	display: flex;
	justify-content: center;
	align-items: center;

	width: 100%;

	margin-top: 22px;
	padding: 10px 20px 18px;

	/* background: #d7dce5;
	border-top: 1px solid #c3cad5;*/

	background: #fff;
	
}


/* 完全無料の項目 */

.trial-apply__notice-item {
	display: flex;
	align-items: center;
	justify-content: center;

	width: auto;

	text-align: center;
}


/* 黒いラベル */

.trial-apply__label {
	display: inline-block;

	width: 160px;

	padding: 3px 12px;

	background: #000;
	color: #fff;

	font-family:
		"Noto Sans JP",
		sans-serif;

	font-size: 16px;
	font-weight: 700;

	text-align: center;

	border-radius: 20px;
}


/* ラベル横の文章 */

.trial-apply__parent-note {
	display: inline-block;

	margin-left: 8px;

	color: #000;

	font-family:
		"Noto Sans JP",
		sans-serif;

	font-size: 10px;
	line-height: 1.5;

	text-align: left;
}


/* ========================================
   スマホ
======================================== */

@media screen and (max-width: 767px) {

	.trial-apply__notice {
		margin-left: -15px;
		margin-right: -15px;

		width: calc(100% + 30px);

		padding: 10px 15px 18px;
	}

	.trial-apply__notice-item {
		width: 100%;
		justify-content: center;
	}

	.trial-apply__label {
		width: 120px;

		font-size: 13px;
	}

	.trial-apply__parent-note {
		font-size: 9px;
		margin-left: 6px;
	}

}
  
  /* CTAボタン */
  
  .trial-cta__button {
	position: relative;
  
	display: inline-flex;
  
	align-items: center;
	justify-content: center;
  
	min-width: 240px;
  
	padding: 10px 45px 10px 30px;
  
	border-radius: 30px;
  
	background: linear-gradient(
	  180deg,
	  #ff684c 0%,
	  #ed351f 55%,
	  #c82013 100%
	);
  
	color: #fff;
  
	font-family:
	  "Noto Sans JP",
	  sans-serif;
  
	font-size: 16px;
	font-weight: 700;
  
	text-decoration: none;
  
	box-shadow:
	  0 3px 5px rgba(0, 0, 0, .2),
	  inset 0 1px 1px rgba(255,255,255,.4);
  }
  
  
  .trial-cta__button span {
	position: absolute;
  
	right: 18px;
  
	font-size: 24px;
  
	line-height: 1;
  }
  @media screen and (max-width: 767px) {

	.trial-apply__notice {
	  margin-left: -15px;
	  margin-right: -15px;
  
	  width: calc(100% + 30px);
	}
  
  }
  
  /* ========================================
	 申込の流れ
  ======================================== */
  
  .trial-flow {
	padding: 55px 20px 50px;
  
	background: #19396d;
  }
  
  
  .trial-flow__box {
	width: 100%;
	max-width: 900px;
  
	margin: 0 auto;
  
	padding: 45px 55px 50px;
  
	background: #fff;
  
	color: #19396d;
  
	box-shadow:
	  0 3px 12px rgba(0,0,0,.15);
  }
  
  
  /* タイトル */
  .trial-flow__title {
	margin: 0;
  
	text-align: center;
  
	font-size: 25px;
	font-weight: 900;
  
	line-height: 1.5;
  }
  
  
  
  /* ロゴ画像 */
  .trial-flow__title img {
	width: 30%;
	height: auto;
  }
  
  
  
/* 難関大入試トライアル お申込みの流れ */
.trial-flow__title span {
	display: inline-block;
  
	margin-top: 15px;
  
	font-size: 30px;
	font-weight: 900;
  
	letter-spacing: 0.08em;
  
	padding-bottom: 6px;
  
	background:
	  linear-gradient(
		90deg,
		#d6a800 0%,
		#ffe56b 50%,
		#d6a800 100%
	  ) bottom / 100% 2px no-repeat;
  }
  
  /* ========================================
   お申込みの流れ タイトル：スマホ調整
======================================== */

@media screen and (max-width: 767px) {

	/* タイトル全体 */
	.trial-flow__title {
	  margin: 0;
  
	  font-size: 20px;
	  line-height: 1.4;
  
	  text-align: center;
	}
  
	/* 河合塾マナビス ロゴ */
	.trial-flow__title img {
	  display: inline-block;
  
	  width: 42%;
	  max-width: 180px;
	  height: auto;
  
	  margin-bottom: 8px;
	}
  
	/* お申込みの流れ */
	.trial-flow__title span {
	  display: inline-block;
  
	  margin-top: 0;
  
	  font-size: 21px;
	  line-height: 1.5;
  
	  letter-spacing: 0.04em;
  
	  padding-bottom: 5px;
	}
  
  }
  .sp-only {
	display: none;
  }
  
  @media screen and (max-width: 767px) {
  
	.trial-flow__title {
	  margin: 0;
	  text-align: center;
	  line-height: 1.4;
	}
  
	.trial-flow__title img {
	  display: block;
  
	  width: 42%;
	  max-width: 180px;
  
	  height: auto;
  
	  margin: 0 auto 10px;
	}
  
	.trial-flow__title span {
	  display: inline-block;
  
	  margin-top: 0;
  
	  font-size: 20px;
	  line-height: 1.55;
  
	  letter-spacing: 0.04em;
  
	  padding-bottom: 5px;
	}
  
	.sp-only {
	  display: block;
	}
  
  }
  
  
  /* 説明 */
  
  .trial-flow__lead {
	margin: 15px 0 30px;

	font-family:
	"Noto Sans JP",
	sans-serif;
  
	text-align: center;
  
	color: #000 !important;
  
	font-size: 16px;
  
	line-height: 1.7;

    /* 文字間を広げる */
	letter-spacing: 0.08em;

	/* 行間を狭める */
	line-height: 1.4;
  }

  .sp-br {
	display: none;
  }
  
  .pc-br {
	display: inline;
  }

  @media screen and (max-width: 767px) {

	.sp-br {
	  display: inline;
	}
  
	.pc-br {
	  display: none;
	}
  
  }
  
  /* ========================================
	 STEP
  ======================================== */
  
  .trial-step {
	margin-top: 25px;
  }
  
  
  .trial-step__heading {
	display: flex;
  
	align-items: center;
  
	gap: 10px;
  
	margin-bottom: 15px;
  
	color: #19396d;
  }
  
  
  .trial-step__heading > span {
	display: flex;
  
	align-items: center;
	justify-content: center;
  
	width: 32px;
	height: 32px;
	flex-shrink: 0;
  
	border-radius: 0; /* 丸 → 四角 */
  
	background: #19396d;
  
	color: #fff;
  
	font-family:
	  "Noto Sans JP",
	  sans-serif;
  
	font-size: 18px;
	font-weight: 700;
  }
  
  
  .trial-step__heading strong {
	font-size: 18px;
	font-weight: 900;
  }

  @media screen and (max-width: 767px) {

	.trial-step__heading strong {
	  font-size: 14px;
	}
  
  }

     .trial-step__heading small {
	font-size: 11px;
	font-weight: 500;
  }
  
  
  .trial-points {
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
  }
  
  .trial-points picture {
	display: block;
	width: 100%;
  }
  
  .trial-points img {
	display: block;
	width: 100%;
	max-width: none;
	height: auto;
  }

  .trial-step__heading small,
.trial-step__text {
  font-family:
    "Yu Gothic",
    "YuGothic",
    "Hiragino Kaku Gothic ProN",
    Meiryo,
    sans-serif;
}
.trial-step__heading-text {
	display: flex;
	align-items: center;
	gap: 10px;
  }
  
  @media screen and (max-width: 767px) {
  
	.trial-step__heading-text {
	  display: flex;
	  flex-direction: column;
	  align-items: flex-start;
	  gap: 2px;
	}
  
  }


  /* ========================================
	 写真
  ======================================== */
  
  .trial-step__image-text {
	display: flex !important;
	align-items: center;
	gap: 30px;
  }
  
  
  /* 画像 */
  .trial-step__image {
	width: calc(60% - 15px) !important;
	flex-shrink: 0;
  }
  
  .trial-step__image img {
	width: 100%;
	height: auto;
	display: block;
  }
  
  
  /* テキスト */
  .trial-step__text {
	display: block !important;
	width: calc(50% - 15px) !important;
  
	color: #000 !important;
	font-size: 16px !important;
	line-height: 1.7;
  
	text-align: left;
  }
  
  .trial-step__text p {
	display: block !important;
	margin: 0 0 12px;
	color: #000 !important;
  }

  .trial-step__heading strong {
	font-size: 22px;
	font-weight: 700;
	letter-spacing: 0.1em;
	line-height: 1.3;
  }

  .trial-step__heading small {
	color: #000;
  }

/* 画像は親要素の幅いっぱい */
.trial-step__image picture {
	display: block;
	width: 100%;
  }
  
  .trial-step__image img {
	display: block;
	width: 100%;
	height: auto;
  }

  .trial-step__image--points {
	width: 100% !important;
  }
  
  .trial-step__image--points picture,
  .trial-step__image--points img {
	display: block;
	width: 100%;
	height: auto;
  }

  @media screen and (max-width: 767px) {

	.trial-step__image-text {
	  display: flex !important;
	  flex-direction: column;
	  align-items: stretch;
	  gap: 15px;
	}
  
	/* 画像 */
	.trial-step__image {
	  width: 100% !important;
	}
  
	/* テキスト */
	.trial-step__text {
	  width: 100% !important;
	  font-size: 14px !important;
	  line-height: 1.7;
	}
  
	.trial-step__text p {
	  margin: 0 0 8px;
	}
  
  }


  
  /* ========================================
	 3つのポイント
  ======================================== */
  
  .trial-points {
	display: grid;
  
	grid-template-columns:
	  repeat(3, 1fr);
  
	gap: 12px;
  
	margin-top: 20px;
  }
  
  
  .trial-point {
	position: relative;
  
	padding: 25px 15px 20px;
  
	border: 1px solid #d5dbe5;
  
	background: #fff;
  
	text-align: center;
  
	box-shadow:
	  0 2px 5px rgba(0,0,0,.05);
  }
  
  
  .trial-point__number {
	display: inline-flex;
  
	align-items: center;
	justify-content: center;
  
	width: 38px;
	height: 38px;
  
	margin-bottom: 8px;
  
	border-radius: 50%;
  
	background: #19396d;
  
	color: #fff;
  
	font-family:
	  "Noto Sans JP",
	  sans-serif;
  
	font-size: 12px;
	font-weight: 700;
  }
  
  
  .trial-point h3 {
	margin: 0;
  
	color: #19396d;
  
	font-size: 14px;
	font-weight: 900;
  
	line-height: 1.5;
  }
  
  
  .trial-point p {
	margin: 10px 0 0;
  
	color: #333;
  
	font-size: 11px;
  
	line-height: 1.6;
  }
  
  
  /* ========================================
	 概要
  ======================================== */
  
  .trial-summary {
	width: 100%;
	max-width: 900px;
	box-sizing: border-box;
  
	margin: 0 auto;
	padding: 25px 55px 55px;
  
	background: #19396d;
  
	font-family:
	  "Yu Gothic",
	  "游ゴシック",
	  YuGothic,
	  sans-serif;
  }
  
  
  /* 概要タイトル */
  .trial-summary__title {
	margin: 0 0 30px;
  
	text-align: center;
  
	color: #fff;
  
	font-size: 24px;
	font-weight: 700;
	line-height: 1.5;
  }
  
  
  /* 概要一覧 */
  .trial-summary__list {
	width: fit-content;
	max-width: 100%;
	margin: 0 auto;
  }
  
  .trial-summary__list > div {
	display: grid;
	grid-template-columns: 120px auto;
  
	margin-bottom: 10px;
  
	font-size: 16px;
	line-height: 1.7;
  }
  
  
  /* 項目名 */
  .trial-summary__list dt {
	display: flex;
  
	align-items: center;
	justify-content: center;
  
	min-height: 35px;
	padding: 5px 8px;
  
	background: #fff;
  
	color: #19396d;
  
	font-size: 18px;
	font-weight: 700;
  
	text-align: center;
  }
  
  
  /* 詳細 */
  .trial-summary__list dd {
	margin: 0;
	padding: 5px 0 5px 20px;
  
	color: #fff;
  
	font-size: 20px;
	font-weight: 500;
  
	text-align: left;
  }
  
  
  /* SP */
  @media screen and (max-width: 767px) {
	.trial-summary {
	  padding: 20px 20px 35px;
	}
  
	.trial-summary__title {
	  margin-bottom: 25px;
  
	  font-size: 21px;
	}
  
	.trial-summary__list > div {
	  grid-template-columns: 90px 1fr;
  
	  margin-bottom: 8px;
  
	  font-size: 14px;
	  line-height: 1.6;
	}
  
	.trial-summary__list dt {
	  min-height: 32px;
  
	  padding: 4px;
  
	  font-size: 13px;
	}
  
	.trial-summary__list dd {
	  padding: 4px 0 4px 12px;
  
	  font-size: 14px;
	}
  }
  
  
  /* ========================================
	 下部CTA
  ======================================== */
  
  .trial-cta--bottom {
	padding-top: 20px;
	padding-bottom: 35px;
  }


  .pc-br {
	display: inline;
  }
  
  @media screen and (max-width: 767px) {
	.pc-br {
	  display: none;
	}
  }

  /* ========================================
   難関大入試トライアル 補足コンテンツ
======================================== */

.trial-about {
	width: 100%;
	background: #19396d;
	color: #fff;
  }
  
  .trial-about__inner {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	padding: 70px 30px 100px;
  }
  
  
  /* ========================================
	 メインコピー
  ======================================== */
  
  .trial-about__intro {
	display: grid;
	grid-template-columns: 38% 62%;
	align-items: center;
	margin-bottom: 45px;
  }
  
  .trial-about__intro-copy {
	text-align: center;
  }
  
  .trial-about__intro-copy p {
	margin: 0;
  
	background: linear-gradient(
		90deg,
		#f6c84b 0%,
		#ffdf6b 45%,
		#f6a623 100%
	  );
	  
	  -webkit-background-clip: text;
	  background-clip: text;
	  -webkit-text-fill-color: transparent;
	  color: transparent;
	
  
	font-size: 26px;
	font-weight: 900;
	line-height: 1.7;
	letter-spacing: .08em;
  }
  
  .trial-about__intro-image img {
	display: block;
	width: 100%;
	height: auto;
  }

/* PC */
.pc {
	display: block;
  }
  
  .sp {
	display: none;
  }
  
  /* スマホ */
  @media screen and (max-width: 767px) {
	.pc {
	  display: none;
	}
  
	.sp {
	  display: block;
	}
  
	.trial-about__intro-copy p {
	  max-width: 100%;
	}
  
	.trial-about__intro-copy span {
	  display: inline;
	}
  }
  
  
  /* ========================================
	 2つの特徴
  ======================================== */
  
  .trial-about__features {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 40px;
  }
  
  .trial-about__feature h2 {
	margin: 0 0 12px;
	padding: 10px 5px;
  
	border-top: 1px solid rgba(255,255,255,.15);
	border-bottom: 1px solid rgba(255,255,255,.15);
  
	color: #fff;
  
	font-size: 21px;
	font-weight: 500;
	line-height: 1.4;
    letter-spacing: 0.03em; /* ← ここ */

	text-align: center;
  }
  
  .trial-about__feature img {
	display: block;
	width: 100%;
	height: auto;
  }
  
  
  /* ========================================
	 メッセージ
  ======================================== */
  
  .trial-about__message {
	margin: 55px 0 85px;
  
	background: linear-gradient(
    90deg,
    #f6c84b 0%,
    #ffdf6b 45%,
    #f6a623 100%
  );

  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;

  
	font-size: 27px;
	font-weight: 900;
	line-height: 1.6;
	letter-spacing: .05em;
  
	text-align: center;
  }
   /* スマホ */
  @media screen and (max-width: 767px) {
	.pc {
	  display: none;
	}
  
	.sp {
	  display: block;
	}
  
	.trial-about__intro-copy p {
	  max-width: 100%;
	}
  
	.trial-about__intro-copy span {
	  display: inline;
	}
  }
  
  
  
  /* ========================================
	 Q&A
  ======================================== */
  
  .trial-about__qa {
	width: 100%;
	max-width: 700px;
	margin: 0 auto;
  }
  
  .trial-about__qa-item {
	margin-bottom: 25px;
  }
  
  
  /* Q */
  
  .trial-about__q {
	display: grid;
	grid-template-columns: 40px 1fr;
	gap: 0 5px;
	align-items: start;
  
	padding-bottom: 8px;
  
	border-bottom: 1px solid rgba(255,255,255,.3);
  }
  
  .trial-about__q span {
	color: #f6c84b;
  
	font-family: "Times New Roman", serif;
	font-size: 30px;
	font-weight: bold;
	line-height: 1;
  }
  
  .trial-about__q p {
	margin: 0;
  
	color: #f6c84b !important;
  
	font-size: 20px;
	font-weight: 900;
	line-height: 1.6;
  }
  
  
  /* A */
  
  .trial-about__a {
	display: grid;
	grid-template-columns: 40px 1fr;
	gap: 0 5px;
  
	margin-top: 10px;
  }
  
  .trial-about__a span {
	color: #fff;
  
	font-family: "Times New Roman", serif;
	font-size: 30px;
	font-weight: bold;
	line-height: 1;
  }
  
  .trial-about__a p {
	margin: 0;
  
	color: #fff !important;
  
	font-family:
	  "Noto Sans JP",
	  "Yu Gothic",
	  "YuGothic",
	  sans-serif;
  
	font-size: 16px;
	font-weight: 600;
	line-height: 1.6;
  }
  
  
  /* ========================================
	 スマホ
  ======================================== */
  
  @media screen and (max-width: 767px) {
  
	.trial-about__inner {
	  padding: 45px 18px 60px;
	}
  
  
	/* メイン */
	.trial-about__intro {
	  display: flex;
	  flex-direction: column;
  
	  margin-bottom: 35px;
	}
  
	.trial-about__intro-copy {
	  width: 100%;
	  padding-bottom: 25px;
	}
  
	.trial-about__intro-copy p {
	  font-size: 20px;
	  line-height: 1.65;
	}
  
	.trial-about__intro-image {
	  width: 100%;
	}
  
  
	/* 2つの特徴 */
	.trial-about__features {
	  display: flex;
	  flex-direction: column;
	  gap: 35px;
	}
  
	.trial-about__feature h2 {
	  font-size: 17px;
	  line-height: 1.45;
	}
  
  
	/* メッセージ */
	.trial-about__message {
	  margin: 40px 0 55px;
  
	  font-size: 20px;
	  line-height: 1.6;
	}
  
  
	/* Q&A */
	.trial-about__qa {
	  width: 100%;
	}
  
	.trial-about__q {
	  grid-template-columns: 35px 1fr;
	}
  
	.trial-about__q span {
	  font-size: 25px;
	}
  
	.trial-about__q p {
	  font-size: 15px;
	  line-height: 1.55;
	}
  
	.trial-about__a {
	  grid-template-columns: 35px 1fr;
	}
  
	.trial-about__a span {
	  font-size: 25px;
	}
  
	.trial-about__a p {
	  font-size: 11px;
	  line-height: 1.65;
	}
  
  }

  #pcHeader_01 {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

@media screen and (max-width: 767px) {
	.trial-step__heading-text strong {
	  font-size: 15px !important;
	}
  }