/*
 * Theme Name: * Theme Name: 東進模試(模試詳細ページ以外) PC
 * Theme URI:
 * Description: カスタムスタイル
 * Created Date: 2018.04.27
 * Update Date:
 */

/*------------------------------------
Clear
------------------------------------*/

/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
 */

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	font: inherit;
	font-size: 100%;
}

/* HTML5 display-role reset for older browsers */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}

body {
	line-height: 1;
}

ol,
ul {
	list-style: none;
}

blockquote,
q {
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
	content: none;
}

table {
	border-spacing: 0;
	border-collapse: collapse;
}

/*------------------------------------
common
------------------------------------*/

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	line-height: 1.7;
}

/*------------------------------------
共通パーツ
------------------------------------*/

body {
	font-family: "Meiryo", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Osaka",
		sans-serif;
}

/* タイトル */

.title-primary-band {
	position: relative;
	display: inline-block;
	padding: 10px 15px;
	width: 100%;
	background-color: #001f71;
}

.title-primary-band:before {
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -15px;
	border: 15px solid transparent;
	border-top: 15px solid #001f71;
	content: "";
}

.title-primary {
	color: #fff;
	text-align: center;
	font-weight: bold;
	font-size: 28px;
	line-height: 1.3;
}

.title-primary .fas {
	margin-right: 0.5em;
}

.title-secondary {
	margin-bottom: 1em;
	padding-left: 0.5em;
	border-left: solid 7px #333;
	font-weight: bold;
	font-size: 18px;
}

/* テーブル */

table {
	width: 100%;
}

table,
th,
td {
	padding: 5px 10px;
	border: solid 1px #ccc;
	vertical-align: middle;
	font-size: 14px;
}

th {
	font-weight: bold;
}

/* flex-box */

.display-flex {
	display: flex;
}

/* リンク */

a {
	color: #333;
}

a:hover {
	opacity: 0.8;
}

/*------------------------------------
ページナビゲーション
------------------------------------*/

.page-navigation ul {
	display: flex;
	background-color: rgba(0, 31, 113, 1);

	/*    background-color: #001f71;*/
	justify-content: space-between;
}

.page-navigation li {
	padding: 15px 0;
	width: 25%;
	border-right: solid 1px #ccc;
}

.page-navigation li .fas {
	margin-left: 1rem;
}

.page-navigation li:last-child {
	border-right: none;
}

.page-navigation .li-top-child a {
	padding: 0 15px;
	/*border-left: dashed 1px #ccc;*/
	/*font-weight: normal;*/
}

.page-navigation .li-top:first-of-type a {
	border-left: none;
}

.page-navigation .li-top:first-of-type {
	background-color: rgba(0, 31, 113, 1);
}

.page-navigation .li-under {
	/*border-left: solid 1px #ccc;*/
	background-color: rgba(0, 31, 113, 1);
}

.page-navigation li a {
	display: block;
	color: #fff;
	text-align: center;
	font-weight: bold;
	font-size: 16px;
	width: 100%;
}

/*------------------------------------
page-nav - スクロール固定時
------------------------------------*/
.is-fixed {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 2;
	margin-top: 0 !important;
}

/* TOP共通パーツ
------------------------------------*/

.section-title {
	margin-bottom: 1em;
	color: #001f71;
	text-align: center;
	font-weight: bold;
	font-size: 28px;
}

.title-medium {
	margin-bottom: 1em;
	text-align: center;
	font-weight: bold;
	font-size: 24px;
}

.th-col {
	padding: 0.8em;
	letter-spacing: 0.3em;
}

.vertical-center {
	vertical-align: middle;
}

li {
	line-height: 1.7;
}

.moshi-top-remark {
	margin: 20px 0;
	font-size: 14px;
}

/* バナーエリア */

.banner .container {
	justify-content: center;
	align-items: center;
}

/* メインビジュアル
------------------------------------*/

.page-header {
	position: relative;
	z-index: -1;
}

.page-header img {
	width: 1000px;
	height: auto;
}

.page-header .container {
	position: relative;
}

.page-header .title-year {
	position: absolute;
	top: 70px;
	left: 120px;
	color: #001f71;
	text-shadow: 1.1px 0px 0px #fff, 0px 1.1px 0px #fff, -1.1px 0px 0px #fff,
		0px -1.1px 0px #fff;
	font-weight: bold;
	font-size: 32px;
}

.page-header .title-text {
	position: absolute;
	top: 100px;
	left: 75px;
	color: #001f71;
	text-shadow: 1.1px 0px 0px #fff, 0px 1.1px 0px #fff, -1.1px 0px 0px #fff,
		0px -1.1px 0px #fff;
	font-weight: bold;
	font-size: 64px;
}

.title-grade {
	position: absolute;
	top: 20px;
	right: 185px;
	background-color: #009380;
	color: #fff;
	font-size: 14px;
	padding: 0.5rem 1rem;
	border-radius: 50px;
}

.page-header .text-catch {
	width: 900px;
	position: absolute;
	background-color: rgba(255, 255, 255, 0.7);
	font-size: 16px;
	font-weight: bold;
	padding: 0.25rem 1rem;
	top: 160px;
	left: 50px;
	color: #000;
}

.page-header .accepting {
	position: absolute;
	color: #fff;
	font-size: 14px;
	top: 23px;
	left: 107px;
	line-height: 1.3;
	letter-spacing: 0.1em;
	text-align: center;
}

.page-header .object {
	position: absolute;
	top: 65px;
	left: 460px;
}

.page-header .object li .mark {
	color: #001f71;
	font-size: 10px;
	margin-right: 0.5rem;
	position: relative;
	top: -1px;
}

.page-header .object .emphasis {
	color: #cc0000;
}

.page-header-wrap {
	position: relative;
	width: 100%;
	height: 100%;
}

/* お知らせ
------------------------------------*/

.section-recommend {
	margin-top: 60px;
}

.section-recommend li {
	margin-bottom: 20px;
	border-bottom: solid 1px #ccc;
	clear: both;
}

.section-recommend li a {
	display: block;
	margin-left: 1rem;
}

.section-recommend li .fas {
	color: #001f71;
	float: right;
	margin-right: 1rem;
}

.section-recommend li .fas:hover {
	opacity: 0.6;
}

.recommend-date {
	margin-right: 15px;
	color: #666;
	font-size: 13px;
}

/* 模試説明
------------------------------------*/

.section-description {
	text-align: center;
}

.description-sub-title {
	margin-bottom: 1em;
	color: #cc0000;
	font-weight: bold;
	font-size: 18px;
	text-align: center;
}

.description-sub-title span {
	color: #009380;
}

.description-text {
	margin: 0 auto;
	width: 96%;
	text-align: left;
	font-size: 16px;
	line-height: 1.7;
}

.button-moshi-induction {
	margin: 0 auto;
	padding: 0.7em 1em;
	width: 60%;
	border: 1px solid #001f71;
	background-color: #001f71;
}

.description-box {
	margin-bottom: 40px;
	padding: 25px 25px;
	background: rgba(0, 147, 128, 0.1);
}

.description-roadmap {
	display: flex;
	justify-content: space-around;
	align-items: center;
	background: #fff;
	padding: 20px 50px;
}

.roadmap-image img {
	width: 200px;
	height: auto;
}

.description-roadmap .button-moshi-induction {
	font-size: 18px;
	width: 350px;
	margin-top: 30px;
}

/* 模試一覧
------------------------------------*/

/* 一覧表 */

.section-index table {
	margin-top: 40px;
}

.section-index .th-col {
	background-color: #001f71;
	color: #fff;
	letter-spacing: 0;
}

.th-col-index-first {
	width: 43%;
}

.th-col-index-secondary {
	width: 12%;
}

.th-col-index-tertiary {
	width: 7%;
}

.th-col-index-quaternary {
	width: 37%;
}

.section-index td {
	padding: 1em 1em;
	vertical-align: middle;
	font-size: 14px;
	border-top: solid 1px #ccc;
}

.index-date-year {
	clear: both;
}

.index-date-detail {
	float: left;
	word-break: break-all;
}

.index-date-detail.second-row {
	margin-left: 0.3em;
}

.index-detail-name {
	margin-bottom: 1em;
}

.index-icon-write,
.index-icon-mark,
.index-icon-synthesis,
.index-icon-listening,
.index-icon-lesson {
	margin: 0.4em;
	width: 18px;
	height: 18px;
}

.index-date-list {
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}

.index-date-detail {
	margin-right: 20px;
	letter-spacing: 0;
	font-size: 14px;
	line-height: 2.2;
}

.index-date-detail:nth-child(even) {
	margin-right: 0;
}

.index-date-heading {
	color: #009380;
	font-weight: bold;
}

.index-date-year {
	margin-right: 0.5em;
}

/* 模試名ボタン */

.section-index .index-detail-name-button {
	width: 395px;
	padding: 0.5em 1em;
	font-size: 16px;
}

.index-detail-name-button {
	display: block;
	border-radius: 5px;
	color: #fff;
	letter-spacing: 0.05em;
	transition: none;
}

.index-detail-name-button .fa-caret-right {
	float: right;
	margin-top: 0.3em;
	font-weight: 900;
}

.index-detail-button01 {
	border: 0.5px solid #333;
	background-color: #888;
	background-image: linear-gradient(to bottom, #888, #333);
}

/* 高校レベル模試 */

.index-detail-name.HighSchoolLevel {
	width: 44%;
}

.td-HighSchoolLevel p {
	display: inline-block;
}

.index-detail-name.HighSchoolLevel {
	display: inline-block;
	margin: 0 1em 0 0;
}

.section-index td.td-HighSchoolLevel {
	border: dashed 1px #ccc;
	border-spacing: 0;
	border-collapse: separate;
}

.td-HighSchoolLevel .index-detail-name {
	margin-bottom: 0;
}

.HighSchoolLevel-heading {
	color: #5bbbc9;
	font-weight: bold;
	font-size: 16px;
}

/* アイコン解説 */

.IconInfo-box {
	margin-top: 1em;
	border: 1px solid #ddd;
	border-radius: 5px;
}

.icon-list.IconInfo {
	margin: 0 0.5em;
}

.IconInfo.tooltip {
	visibility: hidden;
	text-align: center;
	position: absolute;
	z-index: 1;
	opacity: 0;
	transition: opacity 500ms;
	width: 110px;
	left: 50%;
	margin-left: -55px;
}
.tooltip > .text {
	background-color: black;
	color: #fff;
	padding: 5px 10px;
	border-radius: 6px;
	font-size: 12px;
	display: inline-block;
}
.tooltip > .text::after {
	content: " ";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: black transparent transparent transparent;
}
button:hover > .tooltip {
	visibility: visible;
	opacity: 1;
}
-detail {
	margin: 0.5em;
}

.IconInfo-detail .test-type {
	margin-right: 0;
}

.partition-border-bottom {
	border-bottom: 1px dashed #ddd;
}

.partition-border-right {
	border-right: 1px dashed #ddd;
}

.IconInfo-block {
	align-items: center;
}

.index-icon-write.IconInfo,
.index-icon-mark.IconInfo,
.index-icon-synthesis.IconInfo,
.index-icon-listening.IconInfo,
.index-icon-lesson.IconInfo {
	margin: 0.4em;
	width: 21px;
	height: 21px;
}

.IconInfo-heading.icon-mark {
	color: #00548e;
}

.IconInfo-heading.icon-write {
	color: #007f3d;
}

.IconInfo-heading.icon-listening {
	color: #b76e10;
}

.IconInfo-heading.icon-lesson {
	color: #b01016;
}

.IconInfo-heading.icon-synthesis {
	color: #b35381;
}

.IconInfo-text {
	margin: 0 0.5em;
	font-size: 14px;
}

.index-icon-list {
    position: relative;
}

.index-list-pdf {
    position: absolute;
    display: flex;
    align-items: center;
    margin-right: 1em;
    right: 0;
}

.index-list-pdf a{
    text-decoration: underline;
}

.index-pdf-img {
    color: #c1272d;
    font-size: 20px;
    margin-left: 0.5em;
}

.tooltip {
	visibility: hidden;
	text-align: center;
	position: absolute;
	z-index: 1;
	opacity: 0;
	transition: opacity 500ms;
	width: 100px;
	bottom: 120%;
	left: 50%;
	margin-left: -50px;

	background-color: #fff;
	border: solid 1px #007f3d;
	padding: 5px 10px;
	border-radius: 6px;
	font-size: 12px;
	display: inline-block;
}

.tooltip::after {
	content: " ";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: black transparent transparent transparent;
}

.index-icon-list li:hover > .tooltip {
	visibility: visible;
	opacity: 1;
}

.tooltip-mark {
	border: solid 1px #00548e;
}

.tooltip-mark::after {
	border-color: #00548e transparent transparent transparent;
}

.tooltip-write {
	border: solid 1px #007f3d;
}

.tooltip-write::after {
	border-color: #007f3d transparent transparent transparent;
}

.tooltip-listening {
	border: solid 1px #b76e10;
}

.tooltip-listening::after {
	border-color: #b76e10 transparent transparent transparent;
}

.tooltip-lesson {
	border: solid 1px #b01016;
}

.tooltip-lesson::after {
	border-color: #b01016 transparent transparent transparent;
}

.tooltip-synthesis {
	border: solid 1px #b35381;
}

.tooltip-synthesis::after {
	border-color: #b35381 transparent transparent transparent;
}

/* 模試年間スケジュール
------------------------------------*/

/*対象者切り替えタブ*/

.tab-moshi {
	margin-top: 40px;
}

.schedule-table-tab {
	justify-content: space-between;
}

.schedule-table-tab-target a {
	padding: 0.8em 2em;
	border-radius: 10px 10px 0 0;
	background-color: #ddd;
	color: #001f71;
	text-align: center;
	font-weight: bold;
}

.schedule-table-tab-target a.current {
	background-color: #009380;
	color: #fff;
}

.schedule-table-tab-target.Final {
	width: 65%;
}

.schedule-table-tab-target.FirstAndSecond {
	margin-left: 0.5em;
	width: 340px;
}

.schedule-table-tab-target.Final a,
.schedule-table-tab-target.FirstAndSecond a {
	display: block;
}

/*スクロール用*/

thead.schedule-table-thead,
tbody.schedule-table-tbody {
	display: block;
}

tbody.schedule-table-tbody {
	overflow-y: scroll;
	height: 500px;
}

.th-col-schedule-first,
.td-col-schedule-first {
	width: 70px;
}

.th-col-schedule-secondary,
.td-col-schedule-secondary {
	width: 120px;
}

.th-col-schedule-tertiary {
	width: 456px;
}

.td-col-schedule-tertiary {
	width: 470px;
}

.th-col-schedule-quaternary,
.td-col-schedule-quaternary {
	width: 120px;
}

.th-col-schedule-quinary,
.td-col-schedule-quinary {
	width: 110px;
}

.th-col-schedule-senary {
	width: 124px;
}

.td-col-schedule-senary {
	width: 110px;
}

.section-schedule .th-col {
	font-size: 15px;
	color: #fff;
	background-color: #009380;
	letter-spacing: 0.05em;
}

.th-col-schedule-first {
	width: 70px;
}

.th-col-schedule-secondary {
	width: 120px;
}

.th-col-schedule-quaternary {
	width: 120px;
}

.th-col-schedule-quinary {
	width: 110px;
}

.section-scheduletd {
	padding: 0.5em;
	vertical-align: middle;
	font-size: 14px;
}

/*テーブル内容*/

.schedule-table {
	border: none;
	border-bottom: solid 1px #ccc;
}

.schedule-date {
	font-weight: bold;
}

.schedule-detail-label {
	display: inline-block;
	width: 25%;
	font-size: 14px;
}

.schedule-detail-label.on {
	background-color: #009380;
	color: #fff;
}

.schedule-detail-label.off {
	background-color: #ccc;
}

.schedule-detail-label.before {
	color: #009380;
	border: solid 1px #009380;
}

.schedule-moshi-name {
	display: inline;
}

.schedule-moshi-name a {
	border-bottom: solid 1px #ccc;
	padding-bottom: 0.1rem;
}

.schedule-moshi-name:before {
	display: inline-block;
	margin: 0 0.25em;
	width: 1em;
	height: 1em;
	border-radius: 50%;
	content: "";
	vertical-align: middle;
}

.schedule-date .schedule-moshi-name-year {
	font-size: 12px;
}

.schedule-moshi-link {
	text-decoration: underline;
	font-weight: bold;
	font-size: 16px;
}

.schedule-button-revision.on {
	padding: 0.5em 2em;
	background-color: #001f71;
	color: #fff;
}

.schedule-button-revision.off {
	padding: 0;
	background-color: none;
}

/* 復習ツール
------------------------------------*/

.reviewInduction-block {
	margin-top: 40px;
}

.reviewInduction-item img {
	margin-right: 40px;
}

.reviewInduction-block .button-moshi-induction {
	font-size: 18px;
}

.section-reviewInduction .button-basic {
	margin-top: 30px;
}

/*------------------------------------
リマケバナー
------------------------------------*/

.remarketing-banner-top {
	display: block;
	margin: 20px auto 0 auto !important;
	text-align: center;
}

.remarketing-banner-bottom {
	margin: 0 auto 30px auto !important;
	text-align: center;
}

.remarketing-banner img {
	display: block;
	margin-right: auto;
	margin-left: auto;
}

.remarketing-banner-side {
	margin-top: 20px;
	text-align: center;
}

/*------------------------------------
フッター固定
------------------------------------*/

.fixed-banner .button-basic {
	display: flex;
	padding: 10px 25px;
	width: 700px;
	justify-content: space-around;
}

.fixed-banner-box {
	padding-right: 40px;
	border-right: dashed 1px #fff;
}

.fixed-banner-box span {
	display: block;
}

.fixed-banner a {
	font-size: 16px;
}

.fixed-banner-title {
	font-size: 24px;
}

.fixed-banner-description02 {
	position: relative;
	top: 20px;
	font-size: 18px;
}

.fixed-banner-description02 .fas {
	margin-left: 0.5em;
	padding: 5px;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background-color: #fff;
	color: #cc1338;
}

/*------------------------------------
模試カラー
------------------------------------*/

/* 01 センター試験本番レベル模試
------------------------------------*/

.color-center_pr {
	color: #009c88;
}

.schedule-detail-center_pr:before {
	background: #009c88;
}

.button-center_pr {
	background-color: #009c88;
	background-image: linear-gradient(to bottom, #009c88, #006463);
}

/* 02 難関大本番レベル記述模試
------------------------------------*/

.color-nankan_level {
	color: #961521;
}

.schedule-detail-nankan_level:before {
	background: #961521;
}

.button-nankan_level {
	background-color: #961521;
	background-image: linear-gradient(to bottom, #961521, #550000);
}

/* 03 有名大本番レベル記述模試
------------------------------------*/

.color-yumei_level {
	color: #822d73;
}

.schedule-detail-yumei_level:before {
	background: #822d73;
}

.button-yumei_level {
	background-color: #822d73;
	background-image: linear-gradient(to bottom, #822d73, #4d0543);
}

/* 04 東大本番レベル記述模試
------------------------------------*/

.color-todai_level {
	color: #00b1cd;
}

.schedule-detail-todai_level:before {
	background: #00b1cd;
}

.button-todai_level {
	background-color: #00b1cd;
	background-image: linear-gradient(to bottom, #00b1cd, #007182);
}

/* 05 京大本番レベル記述模試
------------------------------------*/

.color-kyodai_level {
	color: #175286;
}

.schedule-detail-kyodai_level:before {
	background: #175286;
}

.button-kyodai_level {
	background-color: #175286;
	background-image: linear-gradient(to bottom, #175286, #002e55);
}

/* 06 北大本番レベル記述模試
------------------------------------*/

.color-hokudai_honban {
	color: #187c36;
}

.schedule-detail-hokudai_honban:before {
	background: #187c36;
}

.button-hokudai_honban {
	background-color: #187c36;
	background-image: linear-gradient(to bottom, #187c36, #004211);
}

/* 07 東北大本番レベル模試
------------------------------------*/

.color-tohokudai_honban {
	color: #45317d;
}

.schedule-detail-tohokudai_honban:before {
	background: #45317d;
}

.button-tohokudai_honban {
	background-color: #45317d;
	background-image: linear-gradient(to bottom, #45317d, #291351);
}

/* 08 名大本番レベル記述模試
------------------------------------*/

.color-meidai_honban {
	color: #366f3e;
}

.schedule-detail-meidai_honban:before {
	background: #366f3e;
}

.button-meidai_honban {
	background-color: #366f3e;
	background-image: linear-gradient(to bottom, #366f3e, #154521);
}

/* 09 阪大本番レベル記述模試
------------------------------------*/

.color-handai_honban {
	color: #3a337e;
}

.schedule-detail-handai_honban:before {
	background: #3a337e;
}

.button-handai_honban {
	background-color: #3a337e;
	background-image: linear-gradient(to bottom, #3a337e, #211552);
}

/* 10 九大本番レベル記述模試
------------------------------------*/

.color-kyudai_honban {
	color: #7b1141;
}

.schedule-detail-kyudai_honban:before {
	background: #7b1141;
}

.button-kyudai_honban {
	background-color: #7b1141;
	background-image: linear-gradient(to bottom, #7b1141, #410017);
}

/* 11 センター試験同日体験受験
------------------------------------*/

.color-doujitsu {
	color: #009c88;
}

.schedule-detail-doujitsu:before {
	background: #009c88;
}

.button-doujitsu {
	background-color: #009c88;
	background-image: linear-gradient(to bottom, #009c88, #006463);
}

/* 12 東大入試同日体験受験
------------------------------------*/

.color-todai_doujitsu {
	color: #00b1cd;
}

.schedule-detail-todai_doujitsu:before {
	background: #00b1cd;
}

.button-todai_doujitsu {
	background-color: #00b1cd;
	background-image: linear-gradient(to bottom, #00b1cd, #007182);
}

/* 13 大学合格基礎力判定
------------------------------------*/

.color-basic_ex {
	color: #0068b5;
}

.schedule-detail-basic_ex:before {
	background: #0068b5;
}

.button-basic_ex {
	background-color: #0068b5;
	background-image: linear-gradient(to bottom, #0068b5, #003f75);
}

/* 14 高校レベル模試
------------------------------------*/

.color-center_high {
	color: #5bbbc9;
}

.schedule-detail-center_high:before {
	background: #5bbbc9;
}

.button-center_high {
	background-color: #5bbbc9;
	background-image: linear-gradient(to bottom, #5bbbc9, #377a83);
}

/* 15 全国統一高校生テスト
------------------------------------*/

.color-toitsutest-koukou {
	color: #009c88;
}

.schedule-detail-toitsutest-koukou:before {
	background: #009c88;
}

.button-toitsutest-koukou {
	background-color: #009c88;
	background-image: linear-gradient(to bottom, #009c88, #00695c);
}

/* 16 共通テスト対応高１模試
------------------------------------*/

.color-moshi_kyotuu {
	color: #5bbbc9;
}

.schedule-detail-moshi_kyotuu:before {
	background: #5bbbc9;
}

.button-moshi_kyotuu {
	background-color: #5bbbc9;
	background-image: linear-gradient(to bottom, #5bbbc9, #377a83);
}

/* 17 全国統一中学生
------------------------------------*/

.color-toitsutest-chugaku {
	color: #0b41a0;
}

.schedule-detail-toitsutest-chugaku:before {
	background: #0b41a0;
}

.button-toitsutest-chugaku {
	background-color: #0b41a0;
	background-image: linear-gradient(to bottom, #0b41a0, #082e70);
}

/* 18 千葉大本番レベル模試
------------------------------------*/
.color-chibadai_level {
	color: #c6002f;
}
.schedule-detail-chibadai_level:before {
	background: #c6002f;
}
.button-chibadai_level {
	background-color: #c6002f;
	background-image: linear-gradient(to bottom, #c6002f, #860118);
}
/* 19 神戸大本番レベル模試
------------------------------------*/
.color-koubedai_level {
	color: #c6002f;
}
.schedule-detail-koubedai_level:before {
	background: #c6002f;
}
.button-koubedai_level {
	background-color: #c6002f;
	background-image: linear-gradient(to bottom, #c6002f, #860118);
}
/* 20 広島大本番レベル模試
------------------------------------*/
.color-hiroshimadai_level {
	color: #00a051;
}
.schedule-detail-hiroshimadai_level:before {
	background: #00a051;
}
.button-hiroshimadai_level {
	background-color: #00a051;
	background-image: linear-gradient(to bottom, #00a051, #004a37);
}
/* 21 全国統一医学部テスト toitsutest_igakubu
------------------------------------*/
.color-toitsutest_igakubu {
	color: #002e73;
}
.schedule-detail-toitsutest_igakubu:before {
	background: #002e73;
}
.button-toitsutest_igakubu {
	background-color: #002e73;
	background-image: linear-gradient(to bottom, #002e73, #000e53);
}
/* 22 中学学力判定テスト chugaku_hantei
------------------------------------*/
.color-chugaku_hantei {
	color: #2e73a0;
}
.schedule-detail-chugaku_hantei:before {
	background: #2e73a0;
}
.button-chugaku_hantei {
	background-color: #2e73a0;
	background-image: linear-gradient(to bottom, #2e73a0, #1c4a6b);
}

/* 23 共通テスト本番レベル模試　kyotsu
------------------------------------*/
.color-kyotsu {
	color: #009c88;
}

.schedule-detail-kyotsu:before {
	background: #009c88;
}

.button-kyotsu {
	background-color: #009c88;
	background-image: linear-gradient(to bottom, #009c88, #006463);
}

/* 24 名大本番レベル記述模試
------------------------------------*/

.color-meidai_doujitsu {
	color: #366f3e;
}

.schedule-detail-meidai_doujitsu:before {
	background: #366f3e;
}

.button-meidai_doujitsu {
	background-color: #366f3e;
	background-image: linear-gradient(to bottom, #366f3e, #154521);
}

/* 25 東北大本番レベル模試
------------------------------------*/

.color-tohokudai_doujitsu {
	color: #45317d;
}

.schedule-detail-tohokudai_doujitsu:before {
	background: #45317d;
}

.button-tohokudai_doujitsu {
	background-color: #45317d;
	background-image: linear-gradient(to bottom, #45317d, #291351);
}

/* 26 新大学合格基礎力判定テスト
------------------------------------*/

.color-new_basic_ex {
	color: #0068b5;
}

.schedule-detail-new_basic_ex:before {
	background: #0068b5;
}

.button-new_basic_ex {
	background-color: #0068b5;
	background-image: linear-gradient(to bottom, #0068b5, #003f75);
}

/* 27 一橋大本番レベル模試
------------------------------------*/

.color-hitotsubashi_level {
	color: #b7190c;
}

.schedule-detail-hitotsubashi_level:before {
	background: #b7190c;
}

.button-hitotsubashi_level {
	background-color: #b7190c;
	background-image: linear-gradient(to bottom, #b7190c, #770000);
}

/* 28 東京科学大本番レベル模試
------------------------------------*/

.color-toukyoukagakudai_level {
	color: #052d5d;
}

.schedule-detail-toukyoukagakudai_level:before {
	background: #052d5d;
}

.button-toukyoukagakudai_level {
	background-color: #052d5d;
	background-image: linear-gradient(to bottom, #052d5d, #00002d);
}

/* 29 共通テスト同日体験受験
------------------------------------*/

.color-kyotsu_doujitsu {
	color: #009c88;
}

.schedule-detail-kyotsu_doujitsu:before {
	background: #009c88;
}

.button-kyotsu_doujitsu {
	background-color: #009c88;
	background-image: linear-gradient(to bottom, #009c88, #006463);
}

/* 30 医学部82大学判定テスト igakubu
------------------------------------*/
.color-igakubu {
	color: #002e73;
}
.schedule-detail-igakubu:before {
	background: #002e73;
}
.button-igakubu {
	background-color: #002e73;
	background-image: linear-gradient(to bottom, #002e73, #000e53);
}

/* 31 高2東大本番レベル模試 todai_level_h2
------------------------------------*/
.color-todai_level_h2 {
	color: #00b1cd;
}
.schedule-detail-todai_level_h2:before {
	background: #00b1cd;
}
.button-todai_level_h2 {
	background-color: #00b1cd;
	background-image: linear-gradient(to bottom, #00b1cd, #0081ad);
}

/* 33 全国新高1ハイレベルテスト h1_highleveltest
------------------------------------*/
.color-h1_highleveltest {
	color: #2c9c88;
}
.schedule-detail-h1_highleveltest:before {
	background: #2c9c88;
}
.button-h1_highleveltest {
	background-color: #2c9c88;
	background-image: linear-gradient(to bottom, #2c9c88, #2c7c88);
}

/* 34 大学入学共通テスト「情報Ⅰ」体験模試 information1_taiken
------------------------------------*/
.color-information1_taiken {
	color: #38486c;
}
.schedule-detail-information1_taiken:before {
	background: #38486c;
}
.button-information1_taiken {
	background-color: #38486c;
	background-image: linear-gradient(to bottom, #38486c, #26335b);
}

/* 35 京大直近日体験受験
------------------------------------*/

.color-kyodai_tyokkinbi {
	color: #175286;
}

.schedule-detail-kyodai_tyokkinbi:before {
	background: #175286;
}

.button-kyodai_tyokkinbi {
	background-color: #175286;
	background-image: linear-gradient(to bottom, #175286, #002e55);
}

/* 36 北大直近日体験受験
------------------------------------*/

.color-hokudai_tyokkinbi {
	color: #187c36;
}

.schedule-detail-hokudai_tyokkinbi:before {
	background: #187c36;
}

.button-hokudai_tyokkinbi {
	background-color: #187c36;
	background-image: linear-gradient(to bottom, #187c36, #004211);
}

/* 37 阪大直近日体験受験
------------------------------------*/

.color-handai_tyokkinbi {
	color: #3a337e;
}

.schedule-detail-handai_tyokkinbi:before {
	background: #3a337e;
}

.button-handai_tyokkinbi {
	background-color: #3a337e;
	background-image: linear-gradient(to bottom, #3a337e, #211552);
}

/* 38 九大直近日体験受験
------------------------------------*/

.color-kyudai_tyokkinbi {
	color: #7b1141;
}

.schedule-detail-kyudai_tyokkinbi:before {
	background: #7b1141;
}

.button-kyudai_tyokkinbi {
	background-color: #7b1141;
	background-image: linear-gradient(to bottom, #7b1141, #410017);
}

/* 39 東京科学大直近日体験受験
------------------------------------*/

.color-toukyoukagakudai_tyokkinbi {
	color: #052d5d;
}

.schedule-detail-toukyoukagakudai_tyokkinbi:before {
	background: #052d5d;
}

.button-toukyoukagakudai_tyokkinbi {
	background-color: #052d5d;
	background-image: linear-gradient(to bottom, #052d5d, #00002d);
}

/* 40 一橋大直近日体験受験
------------------------------------*/

.color-hitotsubashi_tyokkinbi {
	color: #b7190c;
}

.schedule-detail-hitotsubashi_tyokkinbi:before {
	background: #b7190c;
}

.button-hitotsubashi_tyokkinbi {
	background-color: #b7190c;
	background-image: linear-gradient(to bottom, #b7190c, #770000);
}

/* 42 早大・慶大レベル模試
------------------------------------*/

.color-soukei {
	color: #9b071d;
}

.schedule-detail-soukei:before {
	background: #9b071d;
}

.button-soukei {
	background-color: #9b071d;
	background-image: linear-gradient(to bottom, #9b071d, #660614);
}

/* 43 全国国公立大記述模試
------------------------------------*/

.color-kokuritsu {
	color: #355ba6;
}

.schedule-detail-kokuritsu:before {
	background: #355ba6;
}

.button-kokuritsu {
	background-color: #355ba6;
	background-image: linear-gradient(to bottom, #355ba6, #1a3469);
}

/* 44 上理・明青立法中レベル模試
------------------------------------*/

.color-jrmsrhc {
	color: #8a2374;
}

.schedule-detail-jrmsrhc:before {
	background: #8a2374;
}

.button-jrmsrhc {
	background-color: #8a2374;
	background-image: linear-gradient(to bottom, #8a2374, #500e42);
}

/* 45 関関同立レベル模試
------------------------------------*/

.color-kkdr {
	color: #8a2374;
}

.schedule-detail-kkdr:before {
	background: #8a2374;
}

.button-kkdr {
	background-color: #8a2374;
	background-image: linear-gradient(to bottom, #8a2374, #440436);
}

/* 46 高2京大本番レベル模試
------------------------------------*/

.color-kyodai_level_h2 {
	color: #175286;
}

.schedule-detail-kyodai_level_h2:before {
	background: #175286;
}

.button-kyodai_level_h2 {
	background-color: #175286;
	background-image: linear-gradient(to bottom, #175286, #002e55);
}

/* 47 高2北大本番レベル模試
------------------------------------*/

.color-hokudai_honban_h2 {
	color: #187c36;
}

.schedule-detail-hokudai_honban_h2:before {
	background: #187c36;
}

.button-hokudai_honban_h2 {
	background-color: #187c36;
	background-image: linear-gradient(to bottom, #187c36, #004211);
}

/* 48 高2東北大本番レベル模試
------------------------------------*/

.color-tohokudai_honban_h2 {
	color: #45317d;
}

.schedule-detail-tohokudai_honban_h2:before {
	background: #45317d;
}

.button-tohokudai_honban_h2 {
	background-color: #45317d;
	background-image: linear-gradient(to bottom, #45317d, #291351);
}

/* 49 高2名大本番レベル模試
------------------------------------*/

.color-meidai_honban_h2 {
	color: #366f3e;
}

.schedule-detail-meidai_honban_h2:before {
	background: #366f3e;
}

.button-meidai_honban_h2 {
	background-color: #366f3e;
	background-image: linear-gradient(to bottom, #366f3e, #154521);
}

/* 50 高2阪大本番レベル模試
------------------------------------*/

.color-handai_honban_h2 {
	color: #3a337e;
}

.schedule-detail-handai_honban_h2:before {
	background: #3a337e;
}

.button-handai_honban_h2 {
	background-color: #3a337e;
	background-image: linear-gradient(to bottom, #3a337e, #211552);
}

/* 51 高2九大本番レベル模試
------------------------------------*/

.color-kyudai_honban_h2 {
	color: #7b1141;
}

.schedule-detail-kyudai_honban_h2:before {
	background: #7b1141;
}

.button-kyudai_honban_h2 {
	background-color: #7b1141;
	background-image: linear-gradient(to bottom, #7b1141, #410017);
}

/* 52 高2東京科学大本番レベル模試
------------------------------------*/

.color-toukyoukagakudai_level_h2 {
	color: #052d5d;
}

.schedule-detail-toukyoukagakudai_level_h2:before {
	background: #052d5d;
}

.button-toukyoukagakudai_level_h2 {
	background-color: #052d5d;
	background-image: linear-gradient(to bottom, #052d5d, #00002d);
}

/* 53 高2一橋大本番レベル模試
------------------------------------*/

.color-hitotsubashi_level_h2 {
	color: #b7190c;
}

.schedule-detail-hitotsubashi_level_h2:before {
	background: #b7190c;
}

.button-hitotsubashi_level_h2 {
	background-color: #b7190c;
	background-image: linear-gradient(to bottom, #b7190c, #770000);
}

/*------------------------------------
模試の特長
------------------------------------*/

.section-measure {
	margin-top: 30px;
}

#page-moshi-features img {
	max-width: 1000px;
	height: auto;
}

.section-featuresTop {
	margin: 30px 0 0;
	position: relative;
	z-index: -1;
}
.featuresTop {
	border: rgba(0, 31, 113, 0.5) dashed 3px;
	padding: 10px 25px;
}

.featuresTop.display-flex {
	align-items: center;
	justify-content: center;
	position: relative;
}

.featuresTop .img-box {
	width: 15%;
}

.featuresTop .img-box img {
	position: absolute;
	top: 5px;
}

.featuresTop .text-box {
	margin-top: 15px;
	/*  width: 75%;*/
	text-align: center;
}

.featuresTop .text-main {
	color: #001f71;
	letter-spacing: 0.3rem;
	font-weight: bold;
	font-size: 46px;
	margin-left: -100px;
}

.featuresTop .emphasis {
	color: #cc0000;
	font-size: 24px;
}

.featuresTop .text-note {
	display: inline-block;
	border-bottom: #cc0000 solid 2px;
	font-size: 20px;
	font-weight: bold;
}

#page-moshi-features h3 {
	margin-bottom: 20px;
	padding: 10px 10px;
	border-top: solid 3px #001f71;
	border-bottom: solid 1px #001f71;
	text-align: left;
	font-weight: bold;
}

#page-moshi-features h4 {
	margin-bottom: 1em;
	padding-left: 0.5em;
	border-left: solid 7px #333;
	border-left: solid 7px #001f71;
	font-weight: bold;
	font-size: 18px;
}

.text-catch {
	margin: 40px 0 20px;
	color: #001f71;
	text-align: center;
	font-weight: bold;
	font-size: 24px;
}

.text-lead {
	text-align: center;
	font-weight: bold;
	color: #001f71;
}

.point-box-commentary {
	padding: 15px 25px;
	background-color: rgba(0, 147, 128, 0.1);
}

.point-box-commentary h3 {
	color: #f47b20;
}

.point-box-commentary p:last-of-type {
	margin-top: 10px;
}

/*ローカルナビゲーション
------------------------------------*/
.local-navigation {
	margin: 40px 0 20px 0;
	padding: 0 10px;
}

.local-navigation ul {
	display: flex;
	justify-content: space-between;
}

.local-navigation li {
	width: 13.5%;
	margin-bottom: 0.3rem;
}

.local-navigation li a {
	display: block;
	padding: 0.25em 0;
	border-radius: 2px;
	background-color: rgba(0, 31, 113, 0.2);
	color: #001f71;
	text-align: center;
	letter-spacing: 0;
	font-weight: bold;
}

.local-navigation li .fas {
	display: block;
}

.local-navigation .fa-angle-down {
	margin-left: 0.5em;
}

.local-navigation .fas-left {
	margin-right: 0.5em;
}

.page-anchor {
	margin-top: -120px;
	padding-top: 120px;
}

/* 学力を測る
------------------------------------*/

.judgment-box {
	margin-bottom: 40px;
}

/*
.judgment-box h3 {
font-weight: bold;
padding: 10px 10px;
text-align: left;
border-top: solid 3px #001f71;
border-bottom: solid 1px #001f71;
margin-bottom: 20px;
}
 */

.text-emphasis {
	color: #cc0000;
	font-weight: bold;
	font-size: 21px;
}

/* 学力を伸ばす
------------------------------------*/

.section-chart .display-flex {
	justify-content: space-between;
}

.section-chart-item {
	width: 48%;
	text-align: center;
}

#page-moshi-features .section-chart-item h3 {
	text-align: center;
}

.section-chart-item img {
	margin-bottom: 20px;
	width: 350px;
	height: auto;
}

.section-chart-item p {
	text-align: left;
}

.answer-rate {
	margin-top: 30px;
}

/* 東進模試の特長
------------------------------------*/

#page-moshi-features .section-point h3 {
	padding: 0;
	border: none;
	font-size: 21px;
}

.point-box {
	margin-bottom: 40px;
	padding-bottom: 40px;
	border-bottom: dashed 1px #ccc;
}

.point-number {
	margin-right: 0.25em;
	padding: 5px;
	border-radius: 50%;
	background-color: #f47b20;
	color: #fff;
	font-weight: bold;
	font-size: 20px;
}

/* ロードマップ
------------------------------------*/

#page-moshi-features .section-roadmap h3 {
	text-align: center;
}

.roadmap-box {
	margin-bottom: 40px;

	justify-content: space-between;
}

.roadmap-box .roadmap-item img {
	display: block;
	margin: 0 auto 20px auto;
	width: 310px;
	height: auto;
}

.roadmap-box01 .roadmap-item {
	width: 31%;
}

.roadmap-box02 .roadmap-item {
	width: 48%;
}

/* 早期の模試受験で学力UP！
------------------------------------*/

.ability-box {
	margin-top: 40px;
}
.ability-box img {
	display: block;
	margin: 20px auto;
	width: 800px;
	height: auto;
}

/* 東進模試の成績表
------------------------------------*/

.section-judgment .display-flex {
	justify-content: space-between;
	align-items: center;
}

.section-judgment .section-secondary {
	padding-bottom: 40px;
	border-bottom: dashed 1px #ccc;
}

.judgment-item-second {
	padding: 25px 25px;
	background-color: rgba(125, 170, 229, 0.1);
}

/* １段目 */

.judgment-01 .judgment-item-frist {
	width: 400px;
}

.judgment-01 .judgment-item-frist img {
	width: 400px;
	height: auto;
}

.judgment-01 .judgment-item-second {
	width: 560px;
}

/* 2段目 */

.judgment-02 .judgment-item-frist {
	width: 400px;
}

.judgment-02 .judgment-item-frist img {
	width: 400px;
	height: auto;
}

.judgment-02 .judgment-item-second {
	width: 560px;
}

/* 3段目 */

.judgment-03 img {
	margin-bottom: 20px;
}

.judgment-05 .judgment-box {
	padding: 25px 25px;
	border: solid 3px #001f71;
	border-radius: 5px;
}

.section-review h3 {
	margin-bottom: 15px;
	font-weight: bold;
	font-size: 18px;
}

.section-review .text-lead {
	margin: 50px 0 40px;
}

.answer-booklet-box {
	margin: 0 auto;
	padding: 25px;
	width: 700px;

	justify-content: space-between;
	align-items: center;
	background-color: rgba(0, 147, 128, 0.1);
}

.review-img-booklet {
	width: 20%;
	height: auto;
}
.review-img-booklet img {
	width: 100%;
}

.answer-booklet-box .text-box {
	width: 75%;
}

.review-box-lecturer {
	padding: 25px 25px;
	background-color: rgba(0, 147, 128, 0.1);
}

#page-moshi-features .review-box-lecturer img {
	margin-right: 40px;
	max-width: 200px;
	height: auto;
}

#page-moshi-features .section-review h3 {
	padding: 10px 10px;
	border-top: solid 5px #001f71;
	border-bottom: solid 1px #001f71;
	text-align: left;
}

.review-box-tool {
	flex-wrap: wrap;
	justify-content: space-between;
}

.review-box-tool .review-box-item {
	width: 48%;
}

.review-box .lead-box {
	align-items: center;
}

.review-box .lead-box img {
	margin-right: 40px;
}

.review-box-tool .review-box-item {
	padding: 20px 25px;
	border: solid 1px #001f71;
	border-radius: 5px;
	margin: 20px 0;
}

.section-review .button-moshi-induction {
	margin-top: 40px;
}

#page-moshi-features .section-review h4 {
	margin-bottom: 1em;
	padding-left: 0.5em;
	border-left: solid 7px #333;
	border-left: solid 7px #001f71;
	text-align: left;
	font-weight: bold;
	font-size: 18px;
}

.judgment-05 li:before {
	position: relative;
	top: -2px;
	display: inline-block;
	margin: 0 0.5em;
	width: 1em;
	height: 1em;
	border-radius: 50%;
	background-color: #001f71;
	content: "";
	vertical-align: middle;
}

/*------------------------------------
FAQページ
------------------------------------*/

/* TOP
------------------------------------*/

.section-reviewTop {
	margin: 30px 0 0;
}

.reviewTop {
	padding: 0.3rem 0 0.3rem 2em;
	border: rgba(0, 31, 113, 0.5) dashed 3px;
	font-weight: bold;

	justify-content: center;
	align-items: center;
}

.reviewTop-img-box {
	display: flex;

	justify-content: center;
	align-items: center;
}

.reviewTop-img-box img {
	width: 120px;
}

.reviewTop-text-box {
	width: 60%;
	text-align: center;
}

.reviewTop-text-main {
	display: inline-block;
	color: #001f71;
	letter-spacing: 0.3rem;
	font-weight: bold;
	font-size: 46px;
}

.reviewTop-text-note {
	display: inline-block;
	border-bottom: #f47b20 solid 2px;
	font-size: 18px;
}

.reviewTop-text-note-emphasis {
	margin-right: 0.15em;
	color: #f47b20;
	font-size: 32px;
}

/* 復習ツール
------------------------------------*/

.section-description {
	margin-top: -20px;
}

.section-description .fas.fa-pencil-alt {
	margin-right: 0.5em;
}

.description {
	padding: 0rem 2rem;
	font-size: 18px;
}

/* FAQ
------------------------------------*/

.faq {
	margin: 40px 0;
}

.faq-info {
	margin-bottom: 20px;
	padding: 15px 25px;
	border-radius: 3px;
	background-color: rgba(0, 31, 113, 0.1);
	text-align: center;
	font-weight: bold;
}

.faq-block {
	margin-top: 1.5rem;
	padding: 2rem;
	border: solid 3px #001f71;
	border-radius: 5px;
}

.question {
	padding-bottom: 1rem;
	font-weight: bold;
}

.question-text {
	padding-bottom: 0.3rem;
	border-bottom: rgba(0, 31, 113, 0.3) solid 3px;
	font-size: 18px;
}

.faq .question-mark {
	position: relative;
	display: inline-block;
	margin-right: 0.5em;
	width: 37px;
	height: 37px;
	border-radius: 50%;
	background-color: #001f71;
	color: #fff;
	vertical-align: middle;
	font-size: 24px;
}

.faq .question-mark-position {
	position: absolute;
	top: -0.1rem;
	left: 0.55rem;
}

.answer {
	margin-left: 3rem;
}

.faq .answer-mark {
	position: relative;
	display: inline-block;
	margin-right: 0.5em;
	width: 35px;
	height: 35px;
	border-radius: 50%;
	background-color: #cc1338;
	color: #fff;
	vertical-align: middle;
	font-weight: bold;
	font-size: 24px;
}

.faq .answer-mark-position {
	position: absolute;
	top: -0.155rem;
	left: 0.5rem;
}

.example {
	margin-top: 20px;
	padding: 15px 25px;
	background-color: #f5f5f5;
}

.example-heading {
	display: inline-block;
	margin-bottom: 0.3rem;
	padding: 0 0.5rem;
	border: #2e3192 solid 1px;
	border-radius: 5px;
	color: #2e3192;
	font-weight: bold;
}

.example-box {
	justify-content: center;
	align-items: center;
}

.example-text {
	display: inline-block;
	margin-left: 1rem;
}

.example-mark-box {
	display: inline-block;
	margin-left: 1rem;
	color: #2e3192;
}

.example-mark {
	font-size: 30px;
}

.example-mark-position {
	font-size: 24px;
}

/* 模試一覧
------------------------------------*/

#page-moshi-features .reviewTop-img {
	padding: 0;
	width: 120px;
}

#page-moshi-features .reviewTop {
	padding: 20px;

	align-items: center;
}

#page-moshi-features .reviewTop-text-box {
	margin-left: 0;
	width: 80%;
}

#page-moshi-features .reviewTop-text-note-emphasis {
	font-size: 24px;
}

.kouhyou-index .moshiIndex-heading {
	padding: 15px;
	border: rgba(0, 31, 113, 0.3);
	border-style: dashed none;

	justify-content: center;
	align-items: center;
}

.kouhyou-index .moshiIndex-heading-img-box {
	display: flex;
	width: 20%;

	justify-content: center;
	align-items: center;
}

.kouhyou-index .moshiIndex-heading-text-box {
	width: 65%;
	text-align: center;
}

.kouhyou-index .moshiIndex-heading-text-main {
	padding: 0 0 10px 0;
	letter-spacing: 0.3rem;
	font-weight: bold;
	font-size: 28px;
}

.kouhyou-index .moshiIndex-emphasis {
	color: #f47b20;
}

.kouhyou-index .moshiIndex-heading-text-note {
	font-size: 14px;
}

.kouhyou-index .moshiIndex-heading-img {
	display: block;
	width: 100px;
}

.kouhyou-index .moshiIndex-list {
	margin-top: 40px;

	flex-wrap: wrap;
	justify-content: space-between;
}

.kouhyou-index .index-detail-name {
	width: 48.5%;
	max-width: 100%;
	box-sizing: border-box;
	float: left;
}

.kouhyou-index .index-detail-name:nth-child(odd) {
	margin-right: 2.5%;
}

.kouhyou-index .moshiImg {
	display: flex;
	width: 15%;

	justify-content: center;
	align-items: center;
}

.kouhyou-index .moshiText {
	width: 75%;
	text-align: center;
}

.kouhyou-index .moshiCaretRight {
	display: flex;
	width: 10%;

	align-items: center;
}

.kouhyou-index .index-detail-name-button {
	padding: 15px 15px;
}

.kouhyou-index .moshiImg-sample-img {
	display: block;
	width: 80%;
	border: solid 1px #f5f5f5;
}

.kouhyou-index .index-detail-name-button .fa-caret-right {
	margin-left: 2em;
}

.kouhyou-index .review-tool {
	margin: 0.3em 3em;
	background-color: rgba(245, 245, 245, 0.7);
	color: #555;
}

/*模試一覧　復習ツール文字カラー*/

/* 01 センター試験本番レベル模試*/

.tool-text-center_pr {
	color: #006463;
}

/* 02 難関大本番レベル記述模試*/

.tool-text-nankan_level {
	color: #550000;
}

/* 03 有名大本番レベル記述模試*/

.tool-text-yumei_level {
	color: #822d73;
}

/* 04 東大本番レベル記述模試*/

.tool-text-todai_level {
	color: #007182;
}

/* 05 京大本番レベル記述模試*/

.tool-text-kyodai_level {
	color: #002e55;
}

/* 06 北大本番レベル記述模試*/

.tool-text-hokudai_honban {
	color: #004211;
}

/* 07 東北大本番レベル模試*/

.tool-text-tohokudai_honban {
	color: #291351;
}

/* 08 名大本番レベル記述模試*/

.tool-text-meidai_honban {
	color: #154521;
}

/* 09 阪大本番レベル記述模試*/

.tool-text-handai_honban {
	color: #211552;
}

/* 10 九大本番レベル記述模試*/

.tool-text-kyudai_honban {
	color: #410017;
}

/* 11 センター試験同日体験受験*/

.tool-text-doujitsu {
	color: #006463;
}

/* 12 東大入試同日体験受験*/
.tool-text-touaiDoujitu {
	color: #007182;
}

/* 13 大学合格基礎力判定*/

.tool-text-basic_ex {
	color: #003f75;
}

/* 14 高校レベル模試*/

.tool-text-center_high {
	color: #377a83;
}

/* 15 全国統一高校生テスト,全国統一中学生テスト*/

.tool-text-toitsutest-koukou,
.tool-text-toitsutest-tyuugaku {
	color: #009c88;
}

/* 18 千葉大本番レベル模試 */
.tool-text-chibadai_level {
	color: #c6002f;
}
/* 19 神戸大本番レベル模試 */
.tool-text-koubedai_level {
	color: #c6002f;
}
/* 20 広島大本番レベル模試 */
.tool-text-hiroshimadai_level {
	color: #00a051;
}
/* 21 全国統一医学部テスト */
.tool-text-toitsutest_igakubu {
	color: #002e73;
}
/* 22 中学学力判定テスト chugaku_hantei */
.tool-text-chugaku_hantei {
	color: #2e73a0;
}

/* 23 共通テスト本番レベル模試 */
.tool-text-center_pr {
	color: #006463;
}

/* 24 名大入試同日体験受験 */
.tool-text-meidai_honban {
	color: #154521;
}

/* 25 東北大入試同日体験受験 */
.tool-text-tohokudai_honban {
	color: #291351;
}

/* 26 新大学合格基礎力判定テスト */
.tool-text-new_basic_ex {
	color: #003f75;
}

/* 27 一橋大本番レベル模試 */
.tool-text-hitotsubashi_level {
	color: #770000;
}

/* 28 東京科学大本番レベル模試 */
.tool-text-toukyoukagakudai_level {
	color: #00002d;
}

/* 29 共通テスト同日体験受験 */
.tool-text-kyotsu_doujitsu {
	color: #006463;
}

/* 30 医学部82大学判定テスト */
.tool-text-igakubu {
	color: #002e73;
}

/* 31 高2東大本番レベル模試 */
.tool-text-igakubu {
	color: #00b1cd;
}

/* 33 全国新高1ハイレベルテスト h1_highleveltest */
.tool-text-h1_highleveltest {
	color: #2c9c88;
}

/* 34 大学入学共通テスト「情報Ⅰ」体験模試 information1_taiken */
.tool-text-information1_taiken {
	color: #38486c;
}

/* 35 京大直近日体験受験 kyodai_tyokkinbi */
.tool-text-kyodai_tyokkinbi {
	color: #175286;
}

/* 36 北大直近日体験受験 hokudai_tyokkinbi */
.tool-text-hokudai_tyokkinbi {
	color: #187c36;
}

/* 37 阪大直近日体験受験 handai_tyokkinbi */
.tool-text-handai_tyokkinbi {
	color: #3a337e;
}

/* 38 九大直近日体験受験 kyudai_tyokkinbi */
.tool-text-kyudai_tyokkinbi {
	color: #7b1141;
}

/* 39 東京科学大直近日体験受験 toukyoukagakudai_tyokkinbi */
.tool-text-toukyoukagakudai_tyokkinbi {
	color: #052d5d;
}

/* 40 一橋大直近日体験受験 hitotsubashi_tyokkinbi */
.tool-text-hitotsubashi_tyokkinbi {
	color: #b7190c;
}

.exam-difference-guide-link {
	display: inline-block;
	margin-top: 10px;
	font-size: 12px;
	font-weight: bold;
	font-size: 20px;
	border-bottom: solid 1px #ccc;
}

/* 46 高2京大本番レベル模試*/

.tool-text-kyodai_level_h2 {
	color: #002e55;
}

/* 47 高2北大本番レベル模試*/

.tool-text-hokudai_honban_h2 {
	color: #004211;
}

/* 48 高2東北大本番レベル模試*/

.tool-text-tohokudai_honban_h2 {
	color: #291351;
}

/* 49 高2名大本番レベル模試*/

.tool-text-meidai_honban_h2 {
	color: #154521;
}

/* 50 高2阪大本番レベル模試*/

.tool-text-handai_honban_h2 {
	color: #211552;
}

/* 51 高2九大本番レベル模試*/

.tool-text-kyudai_honban_h2 {
	color: #410017;
}

/* 52 高2東京科学大本番レベル模試 */
.tool-text-toukyoukagakudai_level_h2 {
	color: #00002d;
}

/* 53 高2一橋大本番レベル模試 */
.tool-text-hitotsubashi_level_h2 {
	color: #770000;
}

/* 202208 取り急ぎ追加 */
.margin-top-0 {
	margin-top: 30px;
}

/*------------------------------------
  guidance
------------------------------------*/
#guidance {
	background-color: #f6f7fa;
	margin-top: 50px;
}

.scrollfix {
	max-height: 100vh;
	overflow-y: hidden;
	width: 100vw;
}

:root {
	--underline: linear-gradient(transparent 70%, #ffe656 70%);
}

.content-container {
	width: 1000px;
	margin: 0 auto;
	padding: 40px 0;
	letter-spacing: -0.5px;
}
.guidance-unit {
	margin: 0 auto 20px;
}

.guidance-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.guidance-button-box {
	background-color: #fff;
	overflow: hidden;
	width: 1000px;
	height: 430px;
	border: solid 5px #1149ae;
	position: relative;
	text-align: center;
}

.smallbox {
	width: 330px;
	height: 225px;
	cursor: pointer;
}

.smallbox:hover .guidance-button-box-img {
	transform: scale(1.1);
}

.guidance-button-box-img {
	width: 100%;
	transition: transform 0.3s;
	margin: 0 auto;
}

.guidance-greenback {
	position: absolute;
	width: 101%;
	left: 50%;
	transform: translateX(-50%);
	bottom: -20px;
}

.guidance-greenback[src*="small"] {
	bottom: 0;
}

.guidance-unit-title-box {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	text-align: center;
	justify-content: center;
	align-items: center;
	width: 100%;
	bottom: 0;
	background-color: #1149ae;
}
.guidance-yellow {
	color: #ffe000;
}
.guidance-unit-title {
	display: inline-block;
	text-align: center;
	font-size: 28px;
	color: #fff;
	line-height: 1.3;
	font-weight: bold;
}

.hosoku-txt {
	font-size: 16px;
	text-align-last: center;
	color: #fff;
}

.b-10 {
	bottom: 10px;
}

.b-20 {
	bottom: 20px;
}

.b-30 {
	bottom: 30px;
}

.guidance-unit-title-underline {
	background: var(--underline);
}

.fz-16 {
	font-size: 16px;
}

.fz-28 {
	font-size: 28px;
}

.fz-36 {
	font-size: 36px;
}

.fz-38 {
	font-size: 38px;
}

.fz-44 {
	font-size: 44px;
}

.modal-overlay {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(128, 128, 128, 0.7);
	z-index: 100000;
}

.guidance-modal-dialog {
	background: #fff;
	width: 1000px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	padding: 20px 50px;
	font-size: 20px;
}

.guidance-modal-dialog p {
	font-size: 20px;
}

.guidance-modal-dialog-img {
	width: 100%;
	display: block;
	margin: 0 auto 20px;
	border: 2px solid #1149ae;
}

.w-mini {
	width: 60%;
}

.w-large {
	width: 120%;
}

.w-small {
	width: 80%;
}

.guidance-modal-dialog-note {
	font-size: 0.8em;
	margin-top: 5px;
}

.guidance-modal-close-button {
	font-size: 24px;
	text-align: center;
	color: #1149ae;
	width: 200px;
	border: solid 2px #1149ae;
	margin: 20px auto 5px;
}
.guidance-modal-close-button:hover {
	cursor: pointer;
	color: #fff;
	background-color: #1149ae;
}

.js-modal-overlay[data-open="false"] {
	display: none;
}

/*------------------------------------
  concept
------------------------------------*/
.contents-ttl {
	width: 1000px;
	margin: 0 auto 30px;
	text-align: center;
}

.contents-ttl img {
	width: 70%;
	height: auto;
}
.concept-block {
	display: flex;
	width: 1000px;
	margin: 0 auto;
	justify-content: space-around;
}
#concept {
	text-align: center;
	margin-top: 75px;
}
#concept a {
	font-size: 20px;
	text-decoration: underline;
	color: #0000ee;
	cursor: pointer;
}