@charset "utf-8";
/*理塾公式CSS*/
/*----スマホ用と各デバイス共通CSS======================================================================================================================================================--*/
html {
	font-size: 14px;
}
body {
	color: #333;
	line-height: 1.7;
	font-family: "Helvetica Neue", Arial, "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}
.font-face-serif {
	font-family: "Yu Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
}
a {
	color: #333;
	text-decoration: none;
}
.cf:after {
	content: "";
	clear: both;
	display: block;
}
.a-opacity:hover {
	opacity: 0.9;
	cursor: pointer;
}
img {
	max-width: 100%;
	width: auto;
	height: auto;
}
.pc-none {
	display: block;
}
.sp-none {
	display: none;
}
.mk-yellow {
	background: linear-gradient(rgba(255, 249, 133, 0) 60%, #FFF985 50%);
}
.mb-05rem {
	margin-bottom: 0.5rem;
}
.mb-1rem {
	margin-bottom: 1rem;
}
.mb-2rem {
	margin-bottom: 2rem;
}
.mb-3rem {
	margin-bottom: 3rem;
}
.mb-4rem {
	margin-bottom: 4rem;
}
.mb-5rem {
	margin-bottom: 5rem;
}
.mb-6rem {
	margin-bottom: 6rem;
}
.fw-bold {
	font-weight: bold;
}
.c-red {
	color: #f00;
}
#wrap {
	width: 100%;
}
.basic-btn {
	display: block;
	width: 100%;
	padding: 1.5rem 0;
	font-size: 1rem;
	color: #fff;
	text-align: center;
	background-color: #012060;
	border-radius: 9999px;
	background-repeat: no-repeat;
	background-size: 12px auto;
}
.basic-btn:hover {
	opacity: 0.8;
}
.basic-btn.arrow-right {
	background-image: url("../images/arrow_right_white.svg");
	background-position: right 8px center;
}
.basic-btn.arrow-left {
	background-image: url("../images/arrow_left_white.svg");
	background-position: left 8px center;
}
.btn-box_1.long {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
/*--==================================================
ページトップへ戻るボタン
==================================================--*/
#pagetop {
	display: none;
	position: fixed;
	z-index: 999;
	right: 15px;
	bottom: 60px;
}
#pagetop a {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 0;
	width: 50px;
	height: 50px;
	text-align: center;
	background: #5772AB;
	border-radius: 50%;
	line-height: 50px;
	opacity: 0.7;
}
#pagetop a img {
	width: 20px;
	height: auto;
	margin-bottom: 2px;
}
/*--==================================================
グローバルメニュー
==================================================--*/
#header {
	position: fixed;
	display: flex;
	justify-content: space-between;
	align-items: center;
	z-index: 9999;
	height: 70px;
	width: 100%;
	padding: 0.3rem;
	background-color: #012060;
	color: #fff;
}
#header .logo {
	width: 100px;
	height: auto;
}
/*ハンバーガーアイコン*/
#header .btn-burger {
	cursor: pointer;
	display: block;
	width: 56px;
	height: 60px;
	position: absolute;
	top: 5px;
	right: 0;
}
/*ハンバーガーアイコンを作る三本線*/
#header .icon, #header .icon:before, #header .icon:after {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	height: 2px;
	width: 35px;
	background-color: #fff;
	border-radius: 2px;
	display: block;
	content: '';
	cursor: pointer;
	margin: auto;
}
/*三本線の間隔*/
#header .icon:before {
	top: 20px;
}
#header .icon:after {
	top: -20px;
}
#header .nav-toggle {
	display: none;
}
/*アイコンをクリックしたら*/
#header .nav-toggle:checked ~ .btn-burger .icon {
	background: transparent;
}
#header .nav-toggle:checked ~ .btn-burger .icon:before {
	transform: rotate(-45deg);
	top: 0;
}
#header .nav-toggle:checked ~ .btn-burger .icon:after {
	transform: rotate(45deg);
	top: 0;
}
#header .icon, #header .icon:before, #header .icon:after {
	transition: all .3s;
}
.drawer {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
#header .nav {
	position: absolute;
	top: 70px;
	left: 0;
	width: 100%;
	background-color: #012060;
}
#header .nav-list {
	display: none;
}
/*
#header .nav-list a {
  display: block;
  text-decoration: none;
  color: #fff;
}
#header .nav-list {
  list-style: none;
  margin: 0;
  padding-left: 20px;
}
#header .nav-list li {
  margin: 0;
  padding: 10px;
}
*/
#header .nav-toggle:checked ~ .nav .nav-list {
	display: block;
}
#header .btn-box {
	display: flex;
	justify-content: flex-end;
	width: auto;
	margin-right: 50px;
}
#header .btn-box .btn {
	border-radius: 5px;
}
#header .btn-box .btn.tel {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 40px;
	margin-right: 5px;
	color: #fff;
	background-color: #03803B;
	background-image: url("../images/icon_tel_white.svg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 30px auto;
}
#header .btn-box .btn.tel div {
	display: none;
}
#header .btn-box .btn.tel img {
	width: 27px;
	height: auto;
}
#header .btn-box .btn.trial {
	display: flex;
	align-items: center;
	padding: 5px;
	background-color: #A10000;
	font-size: 0.7rem;
	font-weight: bold;
	line-height: 1.3;
	color: #fff;
}
#header .btn-box .btn.trial span.after-arrow::after {
	content: '';
	display: inline-block;
	width: 10px;
	height: 10px;
	background-image: url("../images/arrow_right_white.svg");
	background-size: contain;
	vertical-align: middle;
}
#header .btn-box .btn.trial span.text-sp-none {
	display: none;
}
/*ナビゲーションを横並びに*/
#header nav ul {
	/*2階層目の基点にするためrelativeを指定*/
	position: relative;
	list-style: none;
	display: flex;
	justify-content: center;
}
/*2階層目以降は横並びにしない*/
#header nav ul ul {
	display: block;
}
#header nav ul li a {
	/*矢印の基点にするためrelativeを指定*/
	position: relative;
	display: block;
	color: #fff;
	padding: 0 2rem;
	transition: all .3s;
	font-size: 0.9rem;
	font-weight: bold;
	line-height: 1.2;
}
#header nav ul li li a {
	padding: 20px;
}
#header nav ul li a:hover {
	color: #fff;
}
/*==矢印の設定*/
/*2階層目を持つliの矢印の設定*/
#header nav ul li.has-child > a::before {
	content: '';
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	top: 20px;
	width: 6px;
	height: 6px;
	border-top: 2px solid #999;
	border-right: 2px solid #999;
	transform: rotate(135deg);
}
/*==2階層目以降の画像設定*/
#header nav ul li.has-child img {
	max-width: 100%;
	height: auto;
	transition: all .5s;
	vertical-align: bottom;
}
#header nav ul li.has-child img:hover {
	transform: scale(1.2);
}
#header nav ul li.has-child dt {
	overflow: hidden;
	height: 105px;
	margin: 0 0 20px 0;
}
/*== 2層目の設定 */
#header nav li.has-child ul {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	top: 43px;
	z-index: 4;
	display: flex;
	/*justify-content: space-between;*/
	/*	flex-wrap: wrap;*/
	background: #012060;
	width: auto;
	visibility: hidden;
	opacity: 0;
	transition: all .3s;
}
#header nav li.has-child:hover > ul {
	visibility: visible;
	opacity: 1;
}
#header nav li.has-child ul li {
	width: 250px;
}
#header nav li.has-child ul li a {
	color: #fff;
}
#header nav li.has-child ul li a:hover, #header nav li.has-child ul li a:active {
	background: #3e6ba5;
}
/*==ヘッダー nav部分 1260px以下のメニューのpaddingの調整*/
@media screen and (max-width:1260px) {
	#header nav ul li a {
		padding: 0 0.8rem;
	}
}
/*==ヘッダー nav部分 1024px以下の形状*/
@media screen and (max-width:1024px) {
	#header nav ul {
		display: block;
	}
	#header nav > ul {
		overflow: auto;
		height: 100vh;
		padding-bottom: 40px;
	}
	#header nav li.has-child:last-child{
		margin-bottom: 40px;
	}
	#header nav li.has-child ul {
		position: relative;
		/*	left:0;*/
		top: 0;
		width: auto;
		visibility: visible;
		opacity: 1;
		display: none;
		transition: none;
	}
	#header nav li.has-child ul li {
		width: auto;
		text-align: left;
	}
	#header nav li.has-child ul li dl {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	#header nav li.has-child ul li dt {
		width: 30%;
		height: auto;
		margin: 0;
	}
	#header nav li.has-child ul li dd {
		width: 68%;
	}
	#header nav ul li a {
		padding: 20px 30px 20px;
		border-bottom: 1px solid #ccc;
	}
	#header nav ul li li a {
		padding: 0;
	}
	#header nav ul li.has-child > a::before {
		top: 21px;
		left: 13px;
		right: 0;
		transform: rotate(135deg);
	}
	#header nav ul li.has-child.active > a::before {
		transform: rotate(-45deg);
	}
}
/*--==================================================
フッター
==================================================--*/
#footer {
	width: 100%;
	color: #fff;
}
#footer a {
	color: #fff;
}
#footer ul {
	list-style: none;
}
#footer .upper {
	width: 100%;
	padding: 2rem;
	background-color: #012060;
}
#footer .upper .link-box {
	display: none;
}
#footer .upper .info-box {
	/*	width: 90%;
	margin:0 auto;*/
}
#footer .upper .info-box .map-box {
	width: 100%;
	height: 250px;
	margin-bottom: 2rem;
	background-color: #ccc;
	overflow: hidden;
	position: relative;
}
#footer .upper .info-box .map-box iframe {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
}
#footer .upper .info-box .details {
	width: 100%;
}
#footer .upper .info-box .details .logo {
	width: 130px;
	height: auto;
	margin-bottom: 1rem;
}
#footer .upper .info-box .details .text {
	font-size: 1rem;
	line-height: 2;
}
#footer .upper .info-box .details .text span {
	display: block;
}
#footer .upper .info-box .details .btn-box {
	display: none;
}
#footer .under {
	padding: 2rem;
	background-color: #090A0F;
}
#footer .under .inner {
	display: flex;
	justify-content: space-between;
	width: 100%;
}
#footer .under .inner .link {
	font-size: 1rem;
}
#footer .under .inner .link li {
	margin-bottom: 0.5rem;
}
#footer .under .inner .link li a {
	color: #fff;
}
#footer .under .inner .copy {
	display: flex;
	align-items: center;
}
/*--==================================================
CTA
==================================================--*/
.cta-box {
	width: 94%;
	margin-right: auto;
	margin-left: auto;
	padding: 25px 10px 10px 10px;
	border: 5px solid #F2F2F2;
	background-color: #fff;
}
.cta-box .title {
	display: block;
	width: 100%;
	margin-bottom: 0.5rem;
	font-size: 2.1rem;
	text-align: center;
	font-weight: bold;
	color: #012060;
	line-height: 1.3;
}
.cta-box .catch {
	display: block;
	width: 100%;
	margin-bottom: 1.8rem;
	font-size: 1.1rem;
	text-align: center;
	line-height: 1.4;
}
.cta-box .btn-box {
	width: 100%;
	margin-bottom: 0.8rem;
}
.cta-box .btn-box a.btn {
	position: relative;
	display: block;
	padding: 0.5rem;
	text-align: center;
	letter-spacing: 0.1em;
	border-radius: 5px;
	color: #fff;
	box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
}
.cta-box .btn-box a.btn-trial {
	margin-bottom: 1.5rem;
	padding: 0.5rem 0 1rem;
	background: #B50000;
	font-size: 1.1rem;
	font-weight: bold;
}
.cta-box .btn-box a.btn-tel {
	padding: 0.5rem 0 1rem;
	background: #009844;
	line-height: 1.3;
}
.cta-box .btn-box a.btn-tel .number {
	font-size: 1.8rem;
	font-weight: bold;
}
.cta-box .btn-box a.btn-tel .time {
	font-size: 0.7rem;
}
.cta-box .btn-box a.btn span.copy {
	position: absolute;
	top: -0.5rem;
	left: calc(50% - 40%);
	display: block;
	width: 80%;
	padding: 0.3em 0;
	font-size: 0.8rem;
	color: #333;
	font-weight: bold;
	border-radius: 100vh;
	background: #fff;
	-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}
.cta-box .btn-box a.btn-trial span.copy {
	border: 2px solid #B50000;
}
.cta-box .btn-box a.btn-tel span.copy {
	border: 2px solid #009844;
}
.cta-box .btn-box a.btn span.copy:before, .cta-box .btn-box a.btn span.copy:after {
	position: absolute;
	left: calc(50% - 10px);
	content: "";
}
.cta-box .btn-box a.btn span.copy:before {
	bottom: -10px;
	border-width: 10px 10px 0 10px;
	border-style: solid;
}
.cta-box .btn-box a.btn-trial span.copy:before {
	border-color: #d44114 transparent transparent transparent;
}
.cta-box .btn-box a.btn-tel span.copy:before {
	border-color: #009844 transparent transparent transparent;
}
.cta-box .btn-box a.btn span.copy:after {
	bottom: -7px;
	border-width: 10px 10px 0 10px;
	border-style: solid;
	border-color: #fff transparent transparent transparent;
}
.cta-box .online-btn {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding: 0.5rem;
	border-radius: 5px;
	background-color: #fff;
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	border: 1px solid #ddd;
}
.cta-box .online-btn .all {
	margin-right: 0.5rem;
	padding: 0.8rem;
	background-color: #012060;
	font-size: 0.8rem;
	color: #fff;
	font-weight: bold;
	white-space: nowrap;
	letter-spacing: 0.1em;
}
.cta-box .online-btn .text {
	font-size: 0.9rem;
	line-height: 1.5;
}
/*--==================================================
トップページ
==================================================--*/
#top {
	width: 100%;
}
#top .eyecatch-box {
	width: 100%;
	padding-top: 50px;
	/*height: 500px;*/
}
#top .eyecatch-box .slick-slide {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	/*	height: 500px;*/
	background-size: cover;
	background-position: top center;
	background-repeat: no-repeat;
	font-size: 2rem;
}
#top .eyecatch-box.slick-dotted.slick-slider {
	margin-bottom: 0;
}
#top .eyecatch-box .main {
	background-image: url("../images/top_eyecatch_main_sp_bg.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
}
#top .eyecatch-box .main .sp {
	display: block;
}
#top .eyecatch-box .main .tb {
	display: none;
}
#top .eyecatch-box .main .pc {
	display: none;
}
#top .eyecatch-box .result {}
#top .eyecatch-box .result .sp {
	display: block;
}
#top .eyecatch-box .result .tb {
	display: none;
}
#top .eyecatch-box .result .pc {
	display: none;
}
#top .eyecatch-box .slick-dots {
	bottom: 3px;
}
#top .go-btn-box {
	width: 60%;
	margin: 0 auto;
}
#top .go-btn-box .btn {
	display: block;
	width: 100%;
	padding: 1rem 0.3rem;
	color: #fff;
	font-weight: bold;
	text-align: center;
	border-radius: 5px;
	background-color: #012060;
	background-image: url("../images/arrow_right_white.svg");
	background-position: center right 7px;
	background-repeat: no-repeat;
	background-size: 12px auto;
	box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
}
#top .rijuku-desc {
	width: 100%;
	padding-top: 70%;
	background-size: 100% auto;
	background-position: top left;
	background-repeat: no-repeat;
}
#top .rijuku-desc.about {
	background-image: url("../images/top_photo_about_sp.jpg");
	background-position: top -5px center;
}
#top .rijuku-desc.lead {
	margin-bottom: 2rem;
	background-image: url("../images/top_photo_lead_sp.jpg");
}
#top .rijuku-desc .inner {
	width: 90%;
	margin: 0 auto;
}
#top .rijuku-desc .box {
	display: flex;
	flex-direction: column;
	width: 100%;
}
#top .rijuku-desc .box .pc-br {
	display: none;
}
#top .rijuku-desc .box .title, #top .rijuku-desc .box .text {
	text-shadow:
		3px 3px 3px #ffffff, -3px 3px 3px #ffffff, 3px -3px 3px #ffffff, -3px -3px 3px #ffffff, 3px 0px 3px #ffffff, 0px 3px 3px #ffffff, -3px 0px 3px #ffffff, 0px -3px 3px #ffffff;
}
#top .rijuku-desc .box .title {
	width: 100%;
	font-size: 2.3rem;
	line-height: 1.4;
	font-weight: bold;
	color: #012060;
	/*background-color: rgba(255, 255, 255, 0.6);*/
}
#top .rijuku-desc .box .title .large-text {
	font-size: 1.2em;
}
#top .rijuku-desc .box .title .small-text {
	font-size: 0.9em;
}
#top .rijuku-desc .box .title .brackets {
	display: none;
}
#top .rijuku-desc.whats .box .title {
	text-align: right;
}
#top .rijuku-desc .box .text {
	font-size: 1.3rem;
	margin-bottom: 0.5rem;
}
#top .rijuku-desc .box .go-btn-box {
	margin: 0 auto 0 0;
}
#top .news-box {
	width: 90%;
	margin: 0 auto;
	padding: 4rem 0;
}
#top .news-box .title {
	width: 100%;
	font-size: 2rem;
	line-height: 1.4;
	font-weight: bold;
	color: #012060;
	text-align: center;
}
#top #info .info-box {
	width: 100%;
	margin: 0 auto 1rem;
}
#top #info .info-box .column:last-child {
	border-bottom: none;
}
#top .student-box {
	width: 100%;
	margin-bottom: 4rem;
	padding-bottom: 4rem;
	background-color: #FFF5FB;
}
/*
#top .student-box .section-title{
	font-size: 2rem;
	font-weight: bold;
	text-align: center;
	color: #012060;
}

*/
#top .student-box .result-box {
	position: relative;
	z-index: 1;
	width: 90%;
	margin: 0 auto;
	padding-bottom: 3.5rem;
}
#top .student-box .result-box .section-title {
	position: absolute;
	z-index: 10;
	top: -0.5em;
	left: 0;
	right: 0;
	font-size: 2.4rem;
	font-weight: bold;
	text-align: center;
	color: #012060;
}
#top .student-box .result-box .inner {
	width: 95%;
	margin: 0 auto;
	padding-top: 2rem;
}
#top .student-box .result-box .inner .column {
	width: 100%;
	margin-bottom: 1rem;
	padding: 1.5rem;
	background-color: #fff;
}
#top .student-box .result-box .inner .column .course-title {
	font-size: 1.2rem;
	font-weight: bold;
}
#top .student-box .result-box .inner .column table {
	width: 100%;
	border-collapse: collapse;
}
#top .student-box .result-box .inner .column table th, #top .student-box .result-box .inner .column table td {
	padding: 0.4em;
	border: solid 1px #000;
	background-color: #fff;
	white-space: nowrap;
	font-size: 0.8rem;
}
#top .student-box .result-box .inner .column table th {
	font-weight: bold;
	text-align: center;
}
#top .student-box .result-box .inner .column table.sp {
	display: table;
}
#top .student-box .result-box .inner .column table tr td:last-child {
	text-align: center;
}
#top .student-box .result-box .inner .column .pc-box {
	display: none;
}
#top .student-box .result-box .section-title > span {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}
#top .student-box .result-box .section-title > span::before, #top .student-box .result-box .section-title > span::after {
	content: "";
	display: inline-block;
	width: 60px;
	height: 50px;
	margin: 0 5px;
	background: url("../images/top_message_sakura_upper.png");
	background-repeat: no-repeat;
	background-size: contain;
}
#top .student-box .result-box .section-title-small {
	display: block;
	width: 100%;
	padding-top: 2.5rem;
	text-align: center;
	font-size: 1rem;
}
.slick-track {
	display: flex;
}
#top .student-box .message-box .slick-slide {
	height: auto !important;
}
.slick-prev {
	z-index: 10;
	left: 40px;
}
.slick-next {
	z-index: 10;
	right: 40px;
}
.slick-prev:before, .slick-next:before {
	font-size: 30px;
	color: #333;
	opacity: 0.4;
}
.slick-prev, .slick-next {
	width: 30px;
	height: 30px;
}
#top .student-box .message-box {
	/*display: flex;*/
	width: 100%;
	margin-bottom: 2rem;
}
#top .student-box .message-box .section-title {
	font-size: 2rem;
	font-weight: bold;
	text-align: center;
	color: #012060;
}
#top .student-box .message-box .massege-slide {
	width: 100%;
}
#top .student-box .message-box .column {
	display: flex;
	flex-wrap: wrap;
	align-content: space-between;
	z-index: 1;
	position: relative;
	width: 100%;
	height: auto;
	margin: 0 1rem 1rem;
	padding: 1rem 1.3rem;
	background-color: #fff;
	border: 1px solid #f5f5f5;
	box-shadow: 0px 2px 8px -2px rgba(10, 10, 10, 0.15);
}
#top .student-box .message-box .column .sakura-upper {
	z-index: 10;
	position: absolute;
	top: -5px;
	right: -5px;
	width: 70px;
	height: auto;
}
#top .student-box .message-box .column .sakura-under {
	z-index: 10;
	position: absolute;
	bottom: 2px;
	left: 5px;
	width: 45px;
	height: auto;
}
#top .student-box .message-box .column .title {
	position: relative;
	z-index: 100;
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
	width: 100%;
	height: 4em;
	margin-bottom: 1rem;
	font-size: 1.1rem;
	color: #1F64BC;
	font-weight: bold;
	text-align: center;
	line-height: 1.5;
}
#top .student-box .message-box .column .text-box {
	width: 100%;
	font-size: 0.9rem;
}
#top .student-box .message-box .column .profile-box {
	width: 100%;
	text-align: center;
}
#top .student-box .message-box .column .profile-box img {
	display: block;
	width: 35%;
	margin: 0 auto;
}
#top .student-box .message-box .column .profile-box .university {
	display: block;
	font-size: 0.8rem;
	line-height: 1.3;
}
#top .student-box .message-box .column .profile-box .name {
	display: block;
	font-size: 1rem;
}
#top .guidance-box {
	width: 100%;
	margin-bottom: 5rem;
}
#top .guidance-box .section-title {
	font-size: 2.3rem;
	text-align: center;
	font-weight: bold;
	color: #012060;
	line-height: 1.4;
}
#top .guidance-box .section-title .small-text {
	display: block;
	font-size: 0.6em;
}
#top .guidance-box .main-figure-sp {
	display: block;
	width: 90%;
	margin: 0 auto;
}
#top .guidance-box .main-figure-pc {
	display: none;
}
#top .guidance-box .content-box {
	width: 100%;
	color: #fff;
	margin-bottom: 1rem;
}
#top .guidance-box .content-box .column {
	width: 100%;
	padding-bottom: 1rem;
}
#top .guidance-box .content-box .column.guiding-school {
	background-color: #DCB634;
}
#top .guidance-box .content-box .column.guiding-school span.mk {
	background: linear-gradient(transparent 70%, #BF8E55 70%);
}
#top .guidance-box .content-box .column.guiding-strength {
	background-color: #8DC21F;
}
#top .guidance-box .content-box .column.guiding-strength span.mk {
	background: linear-gradient(transparent 70%, #00B0AD 70%);
}
#top .guidance-box .content-box .column.course-individual {
	background-color: #4894CF;
}
#top .guidance-box .content-box .column.course-individual span.mk {
	background: linear-gradient(transparent 70%, #0068B6 70%);
}
#top .guidance-box .content-box .column.course-theme {
	background-color: #00B0AD;
}
#top .guidance-box .content-box .column.course-theme span.mk {
	background: linear-gradient(transparent 70%, #8DC21F 70%);
}
#top .guidance-box .content-box .column .inner {
	width: 80%;
	margin: 0 auto;
	padding-top: 2rem;
}
#top .guidance-box .content-box .column .inner .text-box {
	width: 100%;
	font-size: 1.2rem;
	color: #fff;
	margin-bottom: 1rem;
	font-weight: bold;
}
#top .guidance-box .content-box .column .inner .text-box .title {
	margin-bottom: 0.5em;
	font-size: 1.6rem;
	font-weight: bold;
	text-align: center;
}
#top .guidance-box .content-box .column .inner .illust-box {
	width: 70%;
	margin: 0 auto;
}
/*--==================================================
下層ページのグローバルメニューの下
==================================================--*/
#page-header {
	width: 100%;
	padding: 0 1rem;
}
#breadcrumb {
	width: 100%;
	padding: 75px 1rem 0;
}
#breadcrumb ul {
	margin: 0;
}
#breadcrumb li {
	display: inline;
	list-style: none;
	font-size: 0.9rem;
}
#breadcrumb li::after {
	padding: 0 6px;
	content: ">";
	font-size: 1rem;
}
#breadcrumb li:last-child::after {
	content: " ";
}
#breadcrumb li a:hover {
	text-decoration: none;
}
#page-header #page-title-box {
	display: flex;
	align-items: center;
	width: 100%;
	height: 90px;
}
#page-header #page-title-box h1 {
	font-size: 1.9rem;
	font-weight: bold;
	line-height: 1.4;
	color: #0F3284;
}
#page-eyecatch {
	display: flex;
	align-items: flex-end;
	width: 100%;
	height: 350px;
	margin-bottom: 2rem;
	padding: 1.5rem;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
}
#page-eyecatch.about {
	background-image: url("../images/page_header-photo_about_sp.jpg");
}
#page-eyecatch.guiding {
	background-image: url("../images/page_header-photo_guiding_sp.jpg");
}
#page-eyecatch.course {
	background-image: url("../images/page_header-photo_course_sp.jpg");
}
#page-eyecatch.online {
	background-image: url("../images/page_header-photo_course-online_sp.jpg");
}
#page-eyecatch.result-latest {
	background-image: url("../images/page_header-photo_result-latest_sp.jpg");
}
#page-eyecatch.result-5 {
	background-image: url("../images/page_header-photo_result-5_sp.jpg");
}
#page-eyecatch.students-data {
	background-image: url("../images/page_header-photo_students-data_sp.jpg");
}
#page-eyecatch.message_student {
	background-image: url("../images/page_header-photo_message_student_sp.jpg");
}
#page-eyecatch.message_parent {
	background-image: url("../images/page_header-photo_message_parent_sp.jpg");
}
#page-eyecatch.message_single {
	background-image: url("../images/page_header-photo_message_single_sp.jpg");
	align-items: center;
	height: 250px;
}
#page-eyecatch.flow {
	background-image: url("../images/page_header-photo_flow_sp.jpg");
}
#page-eyecatch.inquiry {
	background-image: url("../images/page_header-photo_inquiry_sp.jpg");
}
#page-eyecatch.inquiry_thanks {
	background-image: url("../images/page_header-photo_inquiry_thanks_sp.jpg");
	height: 200px;
}
#page-eyecatch.access {
	background-image: url("../images/page_header-photo_access_sp.jpg");
}
#page-eyecatch.recruit {
	background-image: url("../images/page_header-photo_recruit_sp.jpg");
}
#page-eyecatch.recruit_office-staff {
	background-image: url("../images/page_header-photo_recruit_office-staff_sp.jpg");
}
#page-eyecatch.recruit_teacher {
	background-image: url("../images/page_header-photo_recruit_teacher_sp.jpg");
}
#page-eyecatch.policy {
	background-image: url("../images/page_header-photo_policy_sp.jpg");
}
#page-eyecatch.corporate {
	background-image: url("../images/page_header-photo_corporate_sp.jpg");
}
#page-eyecatch.info {
	background-image: url("../images/page_header-photo_info_sp.jpg");
	align-items: center;
	height: 200px;
}
#page-eyecatch .box {
	width: 100%;
}
#page-eyecatch .text {
	display: block;
	padding: 1rem;
	margin: 0 auto;
	font-size: 1.5rem;
	font-weight: bold;
	text-align: center;
	background-color: rgba(255, 255, 255, 0.8);
}
#page-eyecatch.message_single .text {
	background-color: inherit;
	font-size: 1.5rem;
}
#page-eyecatch .text .small {
	font-size: 0.8em;
}
/*--==================================================
理塾とは
==================================================--*/
#about {
	width: 100%;
	margin-bottom: 5rem;
}
#about .column {
	width: 100%;
}
#about .column .photo {
	position: relative;
	z-index: 10;
	width: 80%;
	height: auto;
}
#about .column .photo.right {
	margin-left: 20%;
}
#about .column .photo.left {
	margin-right: 20%;
}
#about .column .text-box {
	position: relative;
	z-index: 20;
	width: 90%;
	height: auto;
	padding: 1.5rem;
	background-color: rgba(255, 255, 255, 0.9);
}
#about .column .text-box.left {
	margin: -100px 10% 0 0;
}
#about .column .text-box.right {
	margin: -100px 0 0 10%;
}
#about .column .text-box .title {
	font-size: 1.3rem;
	font-weight: bold;
	line-height: 1.4;
	color: #0F3284;
}
#about .column .text-box .text {
	font-size: 1rem;
}
#about .column .text-box .text p{
	margin-bottom: 1em;
}


/*--==================================================
指導方針
==================================================--*/
#guiding {
	width: 100%;
	margin-bottom: 3rem;
}
#guiding .page-title {
	margin-bottom: 2rem;
	font-size: 2rem;
	text-align: center;
	/*color: #0F3284;*/
	font-weight: bold;
	line-height: 1.4;
}
#guiding .page-title .small-text {
	font-size: 0.7em;
}
#guiding .guide-box {
	width: 90%;
	margin: auto auto 3rem auto;
	background-repeat: no-repeat;
	background-size: 80% auto;
}
#guiding .guide-box.guide1 {
	background-image: url("../images/guiding-principles_illust_1.png");
	background-position: bottom right;
}
#guiding .guide-box.guide2 {
	background-image: url("../images/guiding-principles_illust_2.png");
	background-position: top 80px right;
}
#guiding .guide-box:last-child {
	margin-bottom: 0;
}
#guiding .guide-box .label {
	display: inline-block;
	margin-bottom: 0.5rem;
	padding: 0.6em 1.1em;
	font-size: 0.8rem;
	font-weight: bold;
	color: #fff;
	background-color: #0F3284;
}
#guiding .guide-box .guide-title {
	margin-bottom: 0.5rem;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.4;
	color: #0F3284;
}
#guiding .guide-box .text-box {
	margin-bottom: 1rem;
	font-size: 1.1rem;
}
#guiding .guide-box .text-box p {
	margin-bottom: 1.7em;
}
#guiding .guide-box .power-box {
	width: 100%;
}
#guiding .guide-box .power-box .column {
	width: 100%;
	margin-bottom: 2rem;
}
#guiding .guide-box .power-box .column .title {
	width: 100%;
	font-size: 1.5rem;
	font-weight: bold;
	color: #0F3284;
	margin-bottom: 0.3rem;
}
#guiding .guide-box .power-box .column .text-box {
	width: 100%;
	font-size: 1rem;
}
/*--==================================================
コース紹介
==================================================--*/
#course {
	width: 100%;
	margin-bottom: 5rem;
}
#course .section-title {
	margin-bottom: 1.3rem;
	font-size: 2rem;
	text-align: center;
	color: #012060;
	font-weight: bold;
	line-height: 1.4;
}
#course .section-title .small-text {
	font-size: 0.7em;
}
#course .style-box {
	width: 90%;
	margin: auto auto 4rem auto;
}
#course .style-box .inner {
	width: 100%;
}
#course .style-box .inner .title-box {
	width: 100%;
}
#course .style-box .inner .title-box .label {
	display: inline-block;
	margin-bottom: 0.5rem;
	padding: 0.6em 1.1em;
	font-size: 0.8rem;
	font-weight: bold;
	color: #fff;
	background-color: #012060;
}
#course .style-box .inner .title-box .style-title {
	margin-bottom: 0.5rem;
	font-size: 1.9rem;
	font-weight: bold;
	line-height: 1.4;
}
#course .style-box .inner .img-box {
	display: block;
	width: 100%;
	height: auto;
	margin-bottom: 0.5rem;
	text-align: center;
}
#course .style-box .inner .img-box img {
	width: auto;
	height: 140px;
}
#course .style-box .inner .text-box {
	width: 100%;
}
#course .style-box .inner .text-box p {
	margin-bottom: 1rem;
}
#course .style-box .inner .text-box .title {
	font-size: 1.4rem;
	font-weight: bold;
	color: #012060;
}
#course .style-box .img-box_pc {
	display: none;
}
#course .subject-text {
	width: 90%;
	margin: 0 auto 1rem;
	font-size: 1.1rem;
}
#course .subject-box {
	display: flex;
	flex-wrap: wrap;
	width: 90%;
	margin: auto;
}
#course .subject-box span {
	width: 33%;
	text-align: center;
	padding: 1rem 0;
	border-right: 3px solid #fff;
	border-bottom: 3px solid #fff;
	background-color: #F0F2F5;
}
/*--==================================================
オンライン指導について
==================================================--*/
#online {
	width: 100%;
}
#online .online-title {
	margin-bottom: 2rem;
	font-size: 2rem;
	text-align: center;
/*	color: #012060;*/
	font-weight: bold;
	line-height: 1.4;
}
#online .column {
	width: 90%;
	margin: 0 auto 3rem;
}
#online .column .title {
	width: 100%;
	font-size: 1.9rem;
	color: #012060;
	font-weight: bold;
	line-height: 1.4;
}
#online .column .title .small-text {
	font-size: 0.8em;
}
#online .column .photo {
	width: 100%;
	margin-bottom: 1rem;
}
#online .column .text-box {
	width: 100%;
	font-size: 1rem;
}
#online .column .text-box p {
	margin-bottom: 1em;
}
/*--==================================================
受講生のデータ
==================================================--*/
#students-data {
	width: 100%;
}
#students-data section {
	width: 90%;
	margin: 0 auto 3rem;
}
#students-data .title {
	width: 100%;
	margin-bottom: 0.5rem;
	padding-left: 0.2em;
	font-size: 1.5rem;
	font-weight: bold;
	line-height: 1.4;
	border-left: 5px solid #012060;
}
#students-data .text-box {
	width: 100%;
}
#students-data .data-box {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	margin: auto;
}
#students-data .data-box span {
	width: 49%;
	text-align: center;
	padding: 1rem 0;
	border-right: 3px solid #fff;
	border-bottom: 3px solid #fff;
	background-color: #F0F2F5;
}
/*--==================================================
合格実績
==================================================--*/
#result {
	width: 100%;
}
#result .result-box {
	width: 90%;
	margin: auto auto 3rem;
}
#result .title {
	width: 100%;
	margin-bottom: 0.2rem;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.4;
	color: #012060;
}
#result .table-box {
	width: auto;
	min-width: 100%;
	overflow: scroll;
}
#result table.exam {
	width: 100%;
	border-collapse: collapse;
}
#result table.exam th, #result table.exam td {
	padding: 0.4em;
	border: solid 1px #000;
	background-color: #fff;
	white-space: nowrap;
}
#result table.exam th {
	font-weight: bold;
	text-align: center;
	background-color: #012060;
	color: #fff;
}
#result table.exam tr td:last-child {
	text-align: center;
}
#result table.exam tr th:first-child, #result table.exam tr td:first-child {
	position: sticky;
	left: 0;
}
#result table.exam tr th:first-child:before, #result table.exam tr td:first-child:before {
	content: "";
	position: absolute;
	top: -1px;
	left: -1px;
	width: 100%;
	height: 100%;
	border: 1px solid #000;
}
/*--==================================================
合格者からの声・保護者様からの声
==================================================--*/
#message {
	width: 100%;
}
#message .page-catch {
	width: 90%;
	margin: 0 auto 2rem;
	font-size: 1.5rem;
	font-weight: bold;
	text-align: center;
	line-height: 1.4;
}
#message .wrap {
	width: 90%;
	margin: 0 auto 3.5rem;
}
#message .content {
	width: 100%;
	margin-bottom: 3.5rem;
}
#message .content .column-a {
	display: block;
	width: 100%;
	margin-bottom: 1.5rem;
}
#message .content .column-a:last-child {
	margin-bottom: 0;
}
#message .content .column {
	display: flex;
	justify-content: space-between;
	padding: 1rem;
	border: 1px solid #999999;
	border-radius: 7px;
}
#message .content .column {
	width: 100%;
}
#message .content .column .icon {
	display: flex;
	align-items: center;
	width: 20%;
}
#message .content .column .icon img {
	width: 80%;
	height: auto;
}
#message .content .column .text-box {
	width: 80%;
}
#message .content .column .text-box .title {
	width: 100%;
	font-size: 1.1rem;
	font-weight: bold;
	line-height: 1.5;
}
#message .content .column .text-box .name-btn-box {
	width: 100%;
}
#message .content .column .text-box .name-btn-box .name {
	display: block;
	font-size: 0.9rem;
	margin-bottom: 0.5rem;
}
#message .content .column .text-box .name-btn-box .btn {
	display: block;
	width: 160px;
	color: #fff;
	text-align: center;
	background-color: #0F3284;
	margin: 0 auto;
	padding: 0.5rem 1.5rem;
	font-size: 0.9rem;
	border-radius: 5px;
	background-image: url("../images/arrow_right_white.svg");
	background-repeat: no-repeat;
	background-position: right 8px center;
	background-size: 12px auto;
}
.sidebar {
	display: none; /*後で消す*/
	width: 100%;
}
.sidebar .nav-title {
	display: block;
	width: 100%;
	margin-bottom: 0.5rem;
	padding-left: 0.3em;
	font-size: 1.1rem;
	font-weight: bold;
	border-left: 5px solid #0F3284;
}
.sidebar .nav-box {
	width: 100%;
	border: 1px solid #BFBFBF;
}
.sidebar .nav-box .column {
	display: block;
	padding: 0.9rem 1rem;
	font-size: 1rem;
	border-bottom: 1px solid #BFBFBF;
	background-image: url("../images/arrow_right_navy.svg");
	background-repeat: no-repeat;
	background-position: right 12px center;
	background-size: 11px auto;
}
.sidebar .nav-box .column:last-child {
	border-bottom: none;
}
#message .content-single {
	width: 100%;
	margin-bottom: 3.5rem;
}
#message .profile-box {
	width: 100%;
	text-align: center;
	margin-bottom: 2rem;
}
#message .profile-box .icon {
	display: block;
	width: 100px;
	height: auto;
	margin: 0 auto 0.2rem;
}
#message .profile-box .university {
	display: block;
	font-size: 0.9rem;
}
#message .profile-box .name {
	display: block;
	font-size: 0.9rem;
}
#message .content-single .text-box {
	margin-bottom: 2rem;
}
#message .content-single .text-box h2 {
	margin: 2.5rem 0 0.5rem;
	padding-left: 0.25rem;
	font-size: 1.1rem;
	font-weight: bold;
	border-left: 5px solid #FFBBDD;
}
#message .content-single .text-box h2:first-of-type {
	margin-top: 0;
}
#message .content-single .text-box p {
	font-size: 1rem;
}
.post-navigation {
	display: none; /*後で消す*/
	margin-bottom: 1.5rem;
}
.post-navigation .nav-links {
	display: flex;
	justify-content: space-between;
}
.post-navigation .nav-links div {
	width: 48%;
	padding: 0.7rem 0.3rem;
	font-size: 0.8rem;
}
#message .post-navigation .nav-links div {
	background-color: #FEF4F8;
}
.post-navigation .nav-links div a {
	display: flex;
	align-items: center;
}
.post-navigation .nav-links .nav-next a {
	justify-content: flex-end;
}
.post-navigation .nav-links .nav-subtitle {
	padding: 0 0.3rem;
	font-size: 1.7rem;
}
#message .nav-links .nav-subtitle {
	color: #FFBBD4;
}
#message .btn-box_go-message-top {
	width: 90%;
	margin: 0 auto;
}
#message .btn-box_go-message-top .btn {
	display: block;
	width: 100%;
	padding: 1.5rem 0;
	font-size: 1rem;
	font-weight: bold;
	color: #fff;
	text-align: center;
	background-color: #FAACC3;
	border-radius: 9999px;
	background-image: url("../images/arrow_left_white.svg");
	background-repeat: no-repeat;
	background-position: left 10px center;
	background-size: 12px auto;
}
/*--==================================================
入塾の流れ
==================================================--*/
#flow {
	width: 100%;
	margin-bottom: 4rem;
}
#flow .inner {
	width: 90%;
	margin: 0 auto;
}
#flow .inner .flow-title {
	font-size: 1.5rem;
	font-weight: bold;
}
#flow .inner .text-box {
	width: 100%;
	margin-bottom: 0.7rem;
	padding: 1.5rem;
	font-size: 1rem;
	background-color: #F5F7FA;
}
#flow .inner .text-box a {
	text-decoration: underline;
	color: #197FE2;
}
#flow .inner .arrow-box {
	width: 100%;
	margin: 0 0 0.5rem 0.5rem;
	line-height: 1;
}
#flow .inner .arrow-box img {
	width: 25px;
	height: auto;
}
/*--==================================================
お申し込みフォーム
==================================================--*/
#inquiry {
	width: 100%;
	margin-bottom: 3rem;
}
#inquiry .inner {
	width: 90%;
	margin: 0 auto;
}
#inquiry .inner .page-catch {
	width: 100%;
	font-size: 1.6rem;
	font-weight: bold;
	text-align: center;
	margin-bottom: 1rem;
}
#inquiry .inner .info-text {
	width: 100%;
	margin-bottom: 3rem;
}
#inquiry .flow {
	width: 90%;
	display: flex;
	justify-content: space-between;
	margin: 0 auto 2rem;
	list-style: none;
}
#inquiry .flow li {
	width: calc(100% / 3);
	background: #E5E5E5;
	line-height: 50px;
	text-align: center;
	position: relative;
}
#inquiry .flow li:not(:first-child):not(:last-child) {
	padding: 0 0 0 10px;
}
#inquiry .flow li::before, #inquiry .flow li::after {
	content: "";
	width: 0;
	height: 0;
	display: block;
	position: absolute;
}
#inquiry .flow li::before {
	border: solid 32px transparent;
	border-right: solid 18px transparent;
	border-left: solid 18px #FFF;
	top: -7px;
	left: 0;
	z-index: 1;
}
#inquiry .flow li::after {
	border: solid 25px transparent;
	border-left: solid 15px #E5E5E5;
	border-right: solid 15px transparent;
	top: 0;
	right: -29px;
	z-index: 2;
}
#inquiry .flow li:first-child::before, #inquiry .flow li:last-child::after {
	content: none;
}
#inquiry .flow li.current {
	color: #FFF;
	background: #012060;
}
#inquiry .flow li.current::after {
	border-left: solid 14px #012060;
}
#form {
	width: 100%;
	padding: 1rem 0;
}
#form .label-box {
	position: relative;
	display: flex;
	align-items: center;
	width: 100%;
	margin: 2em 0 0.2rem 0;
}
#form .label-box .label {
	padding: 0 0.4em 0 3.5rem;
	border-left: 5px solid #012060;
	font-weight: bold;
	font-size: 1.1rem;
}
#form .label-box .label .small-text {
	font-size: 0.8rem;
	font-weight: bold;
}
#form .label-box .label.border-none {
	border-left: none;
	margin-left: 5px;
	padding-left: 3.5rem;
}
#form .require {
	position: absolute;
	left: 10px;
	padding: 3px 9px;
	background-color: #F00303;
	font-size: 0.8rem;
	font-weight: bold;
	color: #fff;
}
#form .optional {
	position: absolute;
	left: 10px;
	padding: 3px 9px;
	background-color: #969696;
	font-size: 0.8rem;
	font-weight: bold;
	color: #fff;
}
#form .vertical {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-left: 10px;
}
#form .postalcode {
	margin-left: 10px;
}
#form .postalcode .yubin {
	margin-right: 4px;
	font-size: 1.2rem;
}
#form .caution-text {
	font-size: 0.9rem;
	padding-left: 10px;
}
#form .vertical.left {
	justify-content: flex-start;
}
#form .vertical.left label {
	margin-right: 2rem;
}
#form .vertical.left label:last-child {
	margin-right: 0;
}
#form .vertical .column {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 48%;
}
#form .vertical.sp-wrap {
	flex-wrap: wrap;
}
#form .vertical.wrap {
	flex-wrap: wrap;
}
#form .vertical.wrap .checkbox-box {
	width: 100%;
}
#form input[type="text"], #form input[type="email"], #form textarea, #form select {
	height: 3.5rem;
	width: 100%;
	font-size: 16px;
	padding: 0.3em;
	color: #333;
	background-color: #FFFFFF;
	border-radius: 0.3em;
	margin-top: 0.2em;
	border: solid 1px #B0B0B0;
}
#form select {
	font-size: 13px;
	padding: 0.3em 0.1em;
}
#form input[type=checkbox], #form input[type=radio] {
	cursor: pointer;
	width: 30px;
	height: 30px;
	border: solid 1px #B0B0B0;
	margin-right: 0.2rem;
}
#form textarea {
	height: 12em;
	margin: 0.2em 0 0;
}
#form select {
	width: auto;
	padding: 0.3em 1em;
}
#form .vertical.jc-start {
	justify-content: flex-start;
}
#form .checkbox-box {}
#form .checkbox-box label {
	display: flex;
	align-items: center;
	margin-bottom: 0.5rem;
}
/*
.form .checkbox-box.wrap{
	flex-wrap: wrap;
}
*/
#form .checkbox-wrap {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	align-content: flex-start;
	margin-left: 10px;
}
#form .checkbox-wrap .checkbox-box {
	margin-bottom: 1rem;
}
#form .error-text {
	margin-left: 10px;
	font-size: 1rem;
	font-weight: bold;
	color: #f00;
}
#form input[type="text"].error, #form textarea.error, #form select.error, #form input[type="email"].error {
	border: 3px solid #f00;
	background: #FFF0F0;
	color: #333;
	font-weight: normal;
	font-size: 16px;
	/*color: #f00;
	font-weight: bold;
	font-size: 1rem;*/
}
#form input[type=checkbox].error, #form input[type=radio].error {
	border: 3px solid #f00;
}
::placeholder {
	color: #aaa;
}
/* 旧Edge対応 */ ::-ms-input-placeholder {
	color: #aaa;
}
/* IE対応 */ :-ms-input-placeholder {
	color: #aaa;
}
#form .privacy-text {
	margin-bottom: 1.5rem;
	padding-top: 1rem;
	font-size: 0.9rem;
	text-align: center;
}
#form .submit-box {
	width: 80%;
	margin: 0 auto;
}
#form .btn {
	width: 100%;
	padding: 0.5em;
	font-size: 1.2rem;
	color: #fff;
	border: none;
	background-color: #012060;
	border-radius: 9999px;
}
#form input[type="submit"], #form input[type="button"] {
	text-align: center;
	width: 100%;
	font-size: 1rem;
	border-radius: 9999px;
	padding: 1.5rem 0;
}
#form input[type="submit"]:hover, #form input[type="button"]:hover {
	opacity: 0.8;
}
#form input[type="submit"].col1, #form input[type="button"].col1 {
	width: 80%;
	margin: 0 auto;
}
#form .btn-box {
	width: 90%;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}
#form input[type="submit"].col2, #form input[type="button"].col2 {
	width: 48%;
}
#form .col2-space {
	margin-right: 6px;
}
#form input[type="submit"].go, #form input[type="button"].go {
	background: #012060;
	box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
	border: none;
	color: #fff;
}
#form input[type="submit"].back, #form input[type="button"].back {
	background-color: #eee;
	color: #555;
	border: 1px solid #aaa;
	box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
}
#trial.trial-form {
	margin: 2.5rem auto 1.5rem;
}
#formWrap {
	width: 90%;
	margin: 1.5rem auto;
}
#form table.formTable {
	width: 94%;
	margin: 15px auto 1.2rem;
	font-size: 0.9rem;
}
#form table.formTable th, #form table.formTable td {
	display: block;
	width: 100%;
	padding: 0.8rem 0.5rem;
}
#form table.formTable th {
	background-color: #E0EBFC;
	font-weight: bold;
	margin-bottom: 0;
}
#form table.formTable td {
	background-color: #F4F7FC;
	margin-bottom: 0;
}
#formWrap h4 {
	color: #f00;
	margin-bottom: 15px;
}
#formWrap .error_messe {
	margin-bottom: 15px;
}
/*サンクスページ*/
#inquiry .thanks-text {
	width: 100%;
	margin-bottom: 4rem;
	padding-top: 2rem;
	font-size: 1.1rem;
	text-align: center;
	font-weight: bold;
}
/*--==================================================
アクセス
==================================================--*/
#access {
	width: 100%;
}
#access .inner {
	width: 90%;
	margin: 0 auto;
}
#access .inner section {
	margin-bottom: 3rem;
}
#access .inner .section-title {
	margin-bottom: 0.5rem;
	padding-left: 0.3rem;
	font-size: 1.5rem;
	font-weight: bold;
	line-height: 1.2;
	border-left: 5px solid #012060;
}
#access .inner .basic-info {
	width: 100%;
	margin-bottom: 1rem;
}
#access .inner .basic-info .text-box {
	width: 100%;
	margin-bottom: 0.5rem;
}
#access .inner .basic-info .text-box ul {
	list-style: none;
}
#access .inner .basic-info .photo-box {
	width: 100%;
	margin-bottom: 1rem;
}
#access .inner .basic-info .photo-box img {
	width: 100%;
	height: auto;
}
#access .inner .map {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 350px;
}
#access .inner .map iframe {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
}
#access .inner .station .guide-text-box p {
	margin-bottom: 1rem;
}
#access .inner .photo-box {
	width: 100%;
}
#access .inner .photo-box .column {
	width: 100%;
	margin-bottom: 1.5rem;
}
#access .inner .photo-box .column .photo {
	width: 100%;
	height: auto;
	margin-bottom: 0.5rem;
}
#access .inner .photo-box .column .text {
	width: 100%;
}
/*--==================================================
プライバシーポリシー
==================================================--*/
#policy {
	width: 100%;
	margin-bottom: 4rem;
}
#policy .inner {
	width: 90%;
	margin: 0 auto;
}
#policy .inner .desc-text {
	width: 100%;
	font-size: 1rem;
	margin-bottom: 1.5rem;
}
#policy .inner ol.policy {
	padding-left: 1em;
}
#policy .inner ol.policy > li {
	margin-bottom: 1.5rem;
}
#policy .inner ol.policy li ul {
	list-style-type: disc;
	padding-left: 1em;
}
#policy .inner .day {
	display: block;
	width: 100%;
	margin-bottom: 1rem;
	text-align: right;
}
#policy .inner .signature {
	width: 100%;
}
/*--==================================================
会社概要
==================================================--*/
#corporate {
	width: 100%;
	margin-bottom: 4rem;
}
#corporate .inner {
	width: 90%;
	margin: 0 auto;
}
#corporate .inner table {
	width: 100%;
}
#corporate .inner table, #corporate .inner table th, #corporate .inner table td {
	border: 2px solid #fff;
	border-collapse: collapse;
}
#corporate .inner table th, #corporate .inner table td {
	display: block;
	width: 100%;
	padding: 0.8rem 1rem;
}
#corporate .inner table th {
	font-weight: bold;
	color: #fff;
	background-color: #012060;
}
#corporate .inner table td {
	background-color: #F0F2F5;
}
/*--==================================================
採用情報
==================================================--*/
#recruit {
	width: 100%;
	margin-bottom: 4rem;
}
#recruit .inner {
	width: 90%;
	margin: 1rem auto 0;
}
#recruit .inner .message {
	width: 100%;
	margin-bottom: 4rem;
	padding: 1.5rem 1rem 1rem;
	background-color: #F5F7FA;
}
#recruit .inner .message .message-title {
	margin-bottom: 0.6rem;
	font-size: 1.7rem;
	font-weight: bold;
	text-align: center;
}
#recruit .inner .message .president {
	width: 100%;
	margin-bottom: 2rem;
	padding: 1.5rem;
	background-color: #fff;
}
#recruit .inner .message .president .introduction .desc-name-box .desc {
	font-size: 0.9rem;
	line-height: 1.4;
}
#recruit .inner .message .president .introduction .desc-name-box .name {
	font-size: 1.5rem;
}
#recruit .inner .message .president .introduction .photo-box {
	margin-bottom: 1rem;
}
#recruit .inner .message .president .introduction .photo-box img {
	display: block;
	width: 100%;
	max-width: 350px;
	height: auto;
	margin: 0 auto;
}
#recruit .inner .message .president .profile .title {
	font-weight: bold;
}
#recruit .inner .message .personnel-title {
	margin-bottom: 0.5rem;
	font-size: 1.4rem;
	font-weight: bold;
	text-align: center;
}
#recruit .inner .message .personnel-text-box {
	width: 92%;
	margin: 0 auto;
}
#recruit .inner .message .personnel-text-box p {
	margin-bottom: 1.7em;
}
#recruit .inner .jobs .jobs-title {
	margin-bottom: 2rem;
	font-size: 1.9rem;
	font-weight: bold;
	text-align: center;
}
#recruit .inner .jobs .jobs-list-title {
	margin-bottom: 0.6rem;
	font-size: 1.4rem;
	font-weight: bold;
	text-align: center;
}
#recruit .inner .jobs .bnr-box {
	width: 250px;
	margin: 0 auto 3rem;
}
#recruit .inner .jobs .bnr-box img {
	width: 250px;
	height: auto;
}
#recruit .inner .jobs .bnr-box img:hover {
	opacity: 0.7;
}
#recruit .inner .jobs .btn-box {
	width: 90%;
	margin: 0 auto;
}
#recruit .inner .jobs .btn-box a {
	margin-bottom: 1rem;
}
#recruit-single {
	width: 100%;
	margin-bottom: 4rem;
}
#recruit-single .inner {
	width: 90%;
	margin: 0 auto;
}
#recruit-single .inner .detail {
	margin-bottom: 2rem;
}
#recruit-single .inner .detail h2.title {
	margin-bottom: 0.4rem;
	padding-left: 0.2em;
	font-size: 1.5rem;
	font-weight: bold;
	line-height: 1.2;
	border-left: 5px solid #012060;
}
#recruit-single .inner .detail .text-box {
	margin-bottom: 2rem;
}
#recruit-single .inner .detail .text-box p {
	margin-bottom: 1.6em;
}
#recruit-single .inner .btn-box {
	width: 90%;
	margin: 0 auto;
}
#recruit-single .inner .btn-box a {
	margin-bottom: 1rem;
}
/*--==================================================
お知らせ
==================================================--*/
#info {
	width: 100%;
}
#info .wrap {
	width: 90%;
	margin: 0 auto 3.5rem;
}
#info .content {
	width: 100%;
	margin-bottom: 3.5rem;
}
#info .info-box {
	width: 100%;
}
#info .info-box .column {
	width: 100%;
	padding: 1rem;
	border-bottom: 1px solid #D9D9D9;
}
#info .info-box .column .day-cat-box {
	display: flex;
	margin-bottom: 0.2rem;
	line-height: 1;
}
#info .info-box .column .day-cat-box .day {
	display: flex;
	align-items: center;
	margin-right: 0.5em;
}
#info .info-box .column .day-cat-box .cat {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0.4rem 0;
	width: 12em;
	font-size: 0.7rem;
	color: #fff;
}
#info .single-box {
	width: 100%;
}
#info .single-box .title-box {
	width: 100%;
	margin-bottom: 1.5rem;
	padding-bottom: 1rem;
	border-bottom: 1px solid #D9D9D9;
}
#info .single-box .title-box .cat {
	margin-bottom: 0.5rem;
	padding: 0.5rem 0;
	width: 12em;
	font-size: 0.9rem;
	color: #fff;
	text-align: center;
	line-height: 1;
}
#info .single-box .title-box .title-day-box {
	width: 100%;
}
#info .single-box .title-box .title-day-box .title {
	font-size: 1.3rem;
	font-weight: bold;
}
#info .single-box .title-box .title-day-box .day {
	display: block;
	font-size: 1rem;
}
#info .single-box .text-box {
	width: 100%;
}
#info .single-box .text-box p {
	margin-bottom: 1rem;
}
#info .single-box .text-box a {
	text-decoration: underline;
	color: #197FE2;
}
#info .cat-color_rijuku-calendar {
	background-color: #0F3284;
}
#info .cat-color_result {
	background-color: #F28393;
}
#info .cat-color_seasonal-course {
	background-color: #02AFB0;
}
#info .cat-color_other {
	background-color: #999999;
}
#info .info-column .text-box {
	width: 100%;
}
.pagination {
	overflow: hidden;
	width: 90%;
	margin: 20px auto;
	text-align: center;
	clear: both;
}
.pagination h2.screen-reader-text {
	display: none;
}
.pagination li {
	display: inline-block;
	padding: 5px;
	font-size: 14px;
}
.pagination a {
	display: inline-block;
	padding: 10px;
	background-color: #E5E5E5;
}
.pagination span.current {
	padding: 10px 15px;
	background-color: #0F3284;
	color: #fff;
}
/*----------------------------------------------------
iOSでのデフォルトスタイルをリセット
----------------------------------------------------*/
input[type="submit"], input[type="button"] {
	-webkit-appearance: button;
	appearance: button;
	border: none;
	cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration, input[type="button"]::-webkit-search-decoration {
	display: none;
}
input[type="submit"]::focus, input[type="button"]::focus {
	outline-offset: -2px;
}
/*----画面サイズが小さいスマホ用CSS======================================================================================================================================================--*/
@media screen and (max-width:360px) {
	html {
		font-size: 12px;
	}
	/*↓画面サイズが小さいスマホ用CSS閉じタグ*/
}
/*----タブレット用CSS======================================================================================================================================================-*/
@media screen and (min-width: 481px) and (max-width: 1024px) {
	html {
		font-size: 16px;
	}
	.pc-none {
		display: none;
	}
	.pc-block {
		display: block;
	}
	.sp-none {
		display: block;
	}
	.btn-box_1.long {
		width: 65%;
	}
	/*--==================================================
CTA
==================================================--*/
	.cta-box {
		width: 80%;
		padding: 2rem 3rem;
	}
	.cta-box .btn-box {
		width: 100%;
	}
	/*--==================================================
トップページ
==================================================--*/
	#top .go-btn-box {
		width: 270px;
	}
	#top .eyecatch-box {
		padding-top: 50px;
		height: auto;
	}
	#top .eyecatch-box .main {
		background-image: url("../images/top_eyecatch_main_tb_bg.jpg");
	}
	#top .eyecatch-box .main .sp {
		display: none;
	}
	#top .eyecatch-box .main .tb {
		display: block;
	}
	#top .eyecatch-box .main .pc {
		display: none;
	}
	#top .eyecatch-box .result .sp {
		display: none;
	}
	#top .eyecatch-box .result .tb {
		display: block;
	}
	#top .eyecatch-box .result .pc {
		display: none;
	}
	#top .rijuku-desc {
		padding: 1.5rem 0;
	}
	#top .rijuku-desc.about {
		background-image: url("../images/top_photo_about_pc.jpg");
		background-size: auto 100%;
		background-position: top right -185px;
	}
	#top .rijuku-desc.lead {
		background-image: url("../images/top_photo_lead_pc.jpg");
		background-size: auto 100%;
		background-position: top left -185px;
	}
	#top .rijuku-desc .inner {
		width: 70%;
		padding: 1rem;
		/*background-color: rgba(255, 255, 255, 0.8);*/
	}
	#top .rijuku-desc.about .inner {
		margin: 0 auto 0 5%;
	}
	#top .rijuku-desc.lead .inner {
		margin: 0 5% 0 auto;
	}
	#top .rijuku-desc .box .text {
		font-size: 1.15rem;
	}
	#top .guidance-box .main-figure-sp {
		display: block;
		width: 70%;
		margin: 0 auto;
	}
	#top .guidance-box .content-box .column .inner {
		width: 70%;
	}
	#top .guidance-box .content-box .column .inner .illust-box {
		width: 45%;
	}
	/*--==================================================
下層ページのグローバルメニューの下+パンくず
==================================================--*/
	#page-eyecatch {
		background-size: cover;
	}
	#page-eyecatch.about {
		background-image: url("../images/page_header-photo_about_pc.jpg");
	}
	#page-eyecatch.guiding {
		background-image: url("../images/page_header-photo_guiding_pc.jpg");
	}
	#page-eyecatch.course {
		background-image: url("../images/page_header-photo_course_pc.jpg");
	}
	#page-eyecatch.online {
		background-image: url("../images/page_header-photo_course-online_pc.jpg");
	}
	#page-eyecatch.result-latest {
		background-image: url("../images/page_header-photo_result-latest_pc.jpg");
	}
	#page-eyecatch.result-5 {
		background-image: url("../images/page_header-photo_result-5_pc.jpg");
	}
	#page-eyecatch.students-data {
		background-image: url("../images/page_header-photo_students-data_pc.jpg");
	}
	#page-eyecatch.message_student {
		background-image: url("../images/page_header-photo_message_student_pc.jpg");
	}
	#page-eyecatch.message_parent {
		background-image: url("../images/page_header-photo_message_parent_pc.jpg");
	}
	#page-eyecatch.message_single {
		background-image: url("../images/page_header-photo_message_single_pc.jpg");
	}
	#page-eyecatch.flow {
		background-image: url("../images/page_header-photo_flow_pc.jpg");
	}
	#page-eyecatch.inquiry {
		background-image: url("../images/page_header-photo_inquiry_pc.jpg");
	}
	#page-eyecatch.inquiry_thanks {
		background-image: url("../images/page_header-photo_inquiry_thanks_pc.jpg");
	}
	#page-eyecatch.access {
		background-image: url("../images/page_header-photo_access_pc.jpg");
	}
	#page-eyecatch.recruit {
		background-image: url("../images/page_header-photo_recruit_pc.jpg");
	}
	#page-eyecatch.recruit_office-staff {
		background-image: url("../images/page_header-photo_recruit_office-staff_pc.jpg");
	}
	#page-eyecatch.recruit_teacher {
		background-image: url("../images/page_header-photo_recruit_teacher_pc.jpg");
	}
	#page-eyecatch.policy {
		background-image: url("../images/page_header-photo_policy_pc.jpg");
	}
	#page-eyecatch.corporate {
		background-image: url("../images/page_header-photo_corporate_pc.jpg");
		background-position: top right;
	}
	#page-eyecatch.info {
		background-image: url("../images/page_header-photo_info_pc.jpg");
	}
	/*--==================================================
理塾とは
==================================================--*/
	#about {
		margin-bottom: 5rem;
	}
	#about .column {
		width: 100%;
		margin: auto;
	}
	#about .column .photo {
		width: 70%;
	}
	#about .column .photo.right {
		margin-left: 30%;
	}
	#about .column .photo.left {
		margin-right: 30%;
	}
	#about .column .text-box {
		width: 85%;
		padding: 2em 2rem;
	}
	#about .column .text-box.left {
		margin: -200px 10% 5rem auto;
	}
	#about .column .text-box.right {
		margin: -200px auto 100px 10%;
	}
	#about .column .text-box .title {
		font-size: 1.5rem;
	}
	#about .column .text-box .text {
		font-size: 1rem;
	}
	/*--==================================================
指導方針
==================================================--*/
	#guiding .guide-box {
		width: 80%;
	}
	#guiding .guide-box {
		background-size: 50% auto;
	}
	/*--==================================================
コース紹介
==================================================--*/
	#course .style-box {
		width: 80%;
	}
	#course .subject-box {
		width: 80%;
	}
	/*--==================================================
オンライン指導について
==================================================--*/
	#online .column {
		width: 80%;
	}
	/*--==================================================
受講生のデータ
==================================================--*/
	#students-data section {
		width: 80%;
	}
	/*--==================================================
合格実績
==================================================--*/
	#result .result-box {
		width: 80%;
	}
	/*--==================================================
合格者からの声・保護者様からの声
==================================================--*/
	#message .page-catch {
		width: 80%;
	}
	#message .wrap {
		width: 80%;
	}
	#message .content .column .text-box .name-btn-box .btn {
		width: 200px;
	}
	#message .btn-box_go-message-top {
		width: 70%;
	}
	/*--==================================================
入塾の流れ
==================================================--*/
	#flow .inner {
		width: 80%;
	}
	/*--==================================================
お申し込みフォーム
==================================================--*/
	#inquiry .inner {
		width: 80%;
	}
	/*--==================================================
アクセス
==================================================--*/
	#access .inner {
		width: 80%;
	}
	/*--==================================================
プライバシーポリシー
==================================================--*/
	#policy .inner {
		width: 80%;
	}
	/*--==================================================
会社概要
==================================================--*/
	#corporate .inner {
		width: 80%;
	}
	/*--==================================================
採用情報
==================================================--*/
	#recruit .inner {
		width: 80%;
	}
	#recruit .inner .jobs .btn-box {
		width: 75%;
		margin: 0 auto;
	}
	#recruit-single .inner {
		width: 80%;
	}
	#recruit-single .inner .btn-box {
		width: 75%;
		margin: 0 auto;
	}
	/*↓タブレット用CSS閉じタグ*/
}
/*----PC用CSS======================================================================================================================================================---*/
@media screen and (min-width:1025px) {
	html {
		font-size: 18px;
	}
	img {
		/*max-width: initial;*/
		width: auto;
		height: auto;
	}
	.pc-none {
		display: none;
	}
	.pc-block {
		display: block;
	}
	.sp-none {
		display: block;
	}
	.btn-box_1.long {
		width: 500px;
	}
	/*--==================================================
グローバルメニュー
==================================================--*/
	#header {
		/*		min-width: 1500px;*/
		width: 98%;
		left: 50%;
		transform: translateX(-50%);
		top: 12px;
		margin: 0 auto;
		padding: 0.3rem 0.5rem;
		border-radius: 5px;
	}
	#header .btn-box {
		order: 3;
	}
	#header .btn-box .btn:hover {
		opacity: 0.9;
	}
	#header .logo {
		object-fit: 1;
		width: 125px;
	}
	#header .btn-burger {
		display: none;
	}
	#header .drawer {
		order: 2;
		position: static;
		width: auto;
	}
	#header .nav-toggle:checked ~ .nav .nav-list {
		display: none;
	}
	#header .btn-box {
		margin-right: 0;
	}
	#header .btn-box .btn.tel {
		width: auto;
		padding: 0 5px 0 23px;
		background-position: left 1px center;
		background-size: 20px auto;
	}
	#header .btn-box .btn.tel div {
		display: block;
		line-height: 1.3;
	}
	#header .btn-box .btn.tel div span {
		display: block;
		line-height: 1;
	}
	#header .btn-box .btn.tel div .number {
		font-size: 0.9rem;
		font-weight: bold;
	}
	#header .btn-box .btn.tel div .time {
		font-size: 0.6rem;
	}
	#header .btn-box .btn.trial {
		width: auto;
		padding: 7px 5px 7px 27px;
		background-image: url("../images/icon_mail_white.svg");
		background-repeat: no-repeat;
		background-position: left 5px center;
		background-size: 17px auto;
	}
	#header .nav {
		position: static;
		width: auto;
		height: auto;
	}
	#header .nav-list {
		display: flex;
		justify-content: center;
		height: auto;
		align-items: center;
		padding-top: 0;
	}
	#header .nav-list li {
		position: relative;
	}
	#header .nav-list li:not(:last-child) {
		border-right: 1px solid #fff;
	}
	/*--==================================================
フッター
==================================================--*/
	#footer .upper {
		margin: 0 auto;
		padding: 4rem 0 1rem;
	}
	#footer .upper .link-box {
		display: block;
		width: 1200px;
		margin: 0 auto 3rem;
		padding-bottom: 3rem;
		border-bottom: 1px solid #fff;
	}
	#footer .upper .link-box a {
		color: #fff;
	}
	#footer .upper .link-box > ul {
		display: flex;
		justify-content: space-between;
	}
	#footer .upper .link-box ul li span {
		font-weight: bold;
	}
	#footer .upper .link-box ul li ul li {
		padding: 0.5em 0;
		line-height: 1;
		font-size: 0.9rem;
	}
	#footer .upper .link-box ul li ul li:before {
		content: '';
		display: inline-block;
		width: 1rem;
		height: 1rem;
		background-repeat: no-repeat;
		background-image: url("../images/arrow_right_white.svg");
		background-size: 8px 8px;
		background-position: center;
		vertical-align: middle;
	}
	#footer .upper .info-box {
		display: flex;
		justify-content: space-between;
		width: 1200px;
		margin: 0 auto 2rem;
	}
	#footer .upper .info-box .map-box {
		width: 40%;
		height: auto;
		margin-bottom: 0;
	}
	#footer .upper .info-box .details {
		width: 58%;
		margin-bottom: 0;
	}
	#footer .upper .info-box .details .text {
		margin-bottom: 1rem;
		font-size: 0.9rem;
		line-height: 2;
	}
	#footer .upper .info-box .details .btn-box {
		display: flex;
		justify-content: space-between;
		align-items: center;
		width: 100%;
		padding: 0.3rem;
		border: 1px solid #fff;
	}
	#footer .upper .info-box .details .btn-box .catch {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 45%;
		font-size: 0.9rem;
	}
	#footer .upper .info-box .details .btn-box .btn {
		display: block;
		width: 55%;
		padding: 0.5rem 1rem 0.5rem 3rem;
		text-align: center;
		color: #fff;
		background-color: #A10000;
		background-repeat: no-repeat;
		background-image: url("../images/icon_mail_white.svg"), url("../images/arrow_right_white.svg");
		background-size: 25px 25px, 11px 11px;
		background-position: left 15px center, right 10px center;
	}
	#footer .upper .info-box .details .btn-box .btn:hover {
		opacity: 0.9;
	}
	#footer .under {
		padding: 1rem 1.5rem;
	}
	#footer .under .inner {
		flex-direction: row-reverse;
	}
	#footer .under .inner .link {
		font-size: 0.9rem;
	}
	#footer .under .inner .link li {
		display: inline-block;
		margin-bottom: 0;
		padding: 0 1rem;
		border-right: 1px solid #fff;
		line-height: 1.2;
	}
	#footer .under .inner .link li:last-child {
		border-right: none;
	}
	/*--==================================================
CTA
==================================================--*/
	.cta-box {
		width: 1000px;
	}
	.cta-box .title br, .cta-box .catch br {
		display: none;
	}
	.cta-box .btn-box {
		display: flex;
		justify-content: space-between;
		width: 90%;
		margin: 0 auto 1rem;
	}
	.cta-box .btn-box .btn {
		width: 48%;
	}
	.cta-box .btn-box a.btn-trial {
		margin-bottom: 0;
	}
	.cta-box .btn-box a.btn-tel {
		padding-bottom: 0;
		background: #fff;
		color: #009844;
		box-shadow: none;
	}
	.cta-box .online-btn {
		width: 90%;
		margin: 0 auto;
	}
	.cta-box .btn-box a.btn-trial:hover, .cta-box .online-btn:hover {
		-webkit-transform: translate(0, 2px);
		transform: translate(0, 2px);
		box-shadow: none;
	}
	.cta-box .online-btn .all {
		margin-right: 1rem;
		padding: 0.5rem 1rem;
		font-size: 1rem;
	}
	.cta-box .online-btn .text {
		font-size: 1.1rem;
	}
	.cta-box .online-btn .all {
		margin-right: 0.5rem;
	}
	/*--==================================================
トップページ
==================================================--*/
	#top .go-btn-box {
		width: 260px;
	}
	#top .go-btn-box .btn {
		padding: 0.8rem 0.3rem;
	}
	#top .eyecatch-box {
		padding-top: 0;
	}
	#top .eyecatch-box .main {
		background-image: url("../images/top_eyecatch_main_pc_bg.jpg");
		background-size: cover;
	}
	#top .eyecatch-box .main .sp {
		display: none;
	}
	#top .eyecatch-box .main .tb {
		display: none;
	}
	#top .eyecatch-box .main .pc {
		display: block;
		width: auto;
		height: auto;
	}
	#top .eyecatch-box .result .sp {
		display: none;
	}
	#top .eyecatch-box .result .tb {
		display: none;
	}
	#top .eyecatch-box .result .pc {
		display: block;
	}
	#top .rijuku-desc {
		padding: 2rem;
	}
	#top .rijuku-desc.about {
		background-image: url("../images/top_photo_about_pc.jpg");
		background-size: auto 100%;
		background-position: top right;
		box-shadow: 0 2px 5px 0px #f8f8f8;
	}
	#top .rijuku-desc.lead {
		margin-bottom: 3rem;
		background-image: url("../images/top_photo_lead_pc.jpg");
		background-size: auto 100%;
		background-position: top left;
	}
	#top .rijuku-desc .inner {
		width: 1200px;
		padding: 1rem;
		/*	background-color: rgba(255, 255, 255, 0.8);*/
	}
	#top .rijuku-desc.about .inner {
		margin: 0 auto;
	}
	#top .rijuku-desc.lead .inner {
		display: flex;
		justify-content: flex-end;
		margin: 0 auto;
	}
	#top .rijuku-desc .box {
		width: 70%;
	}
	#top .rijuku-desc .box .pc-br {
		display: block;
	}
	#top .rijuku-desc .box .title br {
		display: none;
	}
	#top .rijuku-desc .box .title .large-text {
		padding-left: 0.2em;
		font-size: 1em;
	}
	#top .rijuku-desc .box .title .brackets {
		display: inline;
	}
	#top .news-box {
		position: relative;
		z-index: 10;
		width: 100%;
		box-shadow: 0 2px 5px 0px #f8f8f8;
	}
	#top #info .info-box {
		width: 1000px;
		margin: 0 auto 1rem;
	}
	#top .student-box .result-box {
		width: 100%;
	}
	#top .student-box .result-box .inner {
		display: flex;
		justify-content: space-between;
		width: 100%;
		overflow: hidden;
		margin-bottom: 1rem;
		padding-top: 2rem;
	}
	#top .student-box .result-box .inner .column {
		margin: 0 0.5rem;
	}
	#top .student-box .result-box .inner .column table th, #top .student-box .result-box .inner .column table td {
		font-size: 0.6rem;
	}
	#top .student-box .result-box .inner .column table.sp {
		display: none;
	}
	#top .student-box .result-box .inner .column .pc-box {
		display: flex;
		justify-content: space-between;
	}
	#top .student-box .result-box .inner .column .pc-box table {
		width: 49%;
		margin: 0 0.3rem;
	}
	#top .guidance-box .main-figure-sp {
		display: none;
	}
	#top .guidance-box .main-figure-pc {
		position: relative;
		z-index: 10;
		display: block;
		width: 900px;
		margin: 0 auto;
	}
	#top .guidance-box .content-box {
		display: flex;
		justify-content: space-between;
		margin-top: -2.3rem;
	}
	#top .guidance-box .content-box .column {
		display: flex;
		width: 50%;
		padding-top: 2rem;
	}
	#top .guidance-box .content-box .column:first-child {
		justify-content: flex-end;
		border-right: 3px solid #fff;
	}
	#top .guidance-box .content-box .column:last-child {
		border-left: 3px solid #fff;
	}
	#top .guidance-box .content-box .column .inner {
		width: 600px;
		display: flex;
		justify-content: space-between;
		margin: inherit;
		/*	align-items: flex-end;*/
	}
	#top .guidance-box .content-box .column:first-child .inner {
		flex-direction: row-reverse;
		justify-content: flex-end;
		padding-right: 1rem;
	}
	#top .guidance-box .content-box .column:last-child .inner {
		justify-content: flex-start;
		padding-left: 1rem;
	}
	#top .guidance-box .content-box .column .inner .text-box {
		width: 60%;
		padding: 0 2.5%;
		font-size: 1rem;
	}
	#top .guidance-box .content-box .column .inner .text-box .title {
		font-size: 1.3rem;
	}
	#top .guidance-box .content-box .column .inner .illust-box {
		display: flex;
		align-items: flex-end;
		width: 40%;
	}
	#top .go-btn-box .btn:hover {
		opacity: 0.8;
	}
	/*--==================================================
下層ページのグローバルメニューの下+パンくず
==================================================--*/
	#breadcrumb {
		width: 1200px;
		margin: 0 auto;
		padding-top: 90px;
	}
	#page-header {
		width: 1200px;
		margin: 0 auto;
	}
	#page-header #page-title-box {
		width: 1200px;
		height: 90px;
	}
	#page-eyecatch {
		align-items: center;
		height: 450px;
		margin-bottom: 3rem;
		padding: 0;
	}
	#page-eyecatch.narrow {
		height: 350px;
	}
	#page-eyecatch .box {
		width: 1200px;
		margin: 0 auto;
	}
	#page-eyecatch .text {
		display: inline-block;
		margin: 0 auto 0 0;
		padding: 1em 2em;
		font-size: 1.9rem;
		text-align: left;
	}
	#page-eyecatch.about {
		background-image: url("../images/page_header-photo_about_pc.jpg");
	}
	#page-eyecatch.guiding {
		background-image: url("../images/page_header-photo_guiding_pc.jpg");
	}
	#page-eyecatch.course {
		background-image: url("../images/page_header-photo_course_pc.jpg");
	}
	#page-eyecatch.online {
		background-image: url("../images/page_header-photo_course-online_pc.jpg");
	}
	#page-eyecatch.result-latest {
		background-image: url("../images/page_header-photo_result-latest_pc.jpg");
	}
	#page-eyecatch.result-5 {
		background-image: url("../images/page_header-photo_result-5_pc.jpg");
	}
	#page-eyecatch.students-data {
		background-image: url("../images/page_header-photo_students-data_pc.jpg");
	}
	#page-eyecatch.message_student {
		background-image: url("../images/page_header-photo_message_student_pc.jpg");
	}
	#page-eyecatch.message_parent {
		background-image: url("../images/page_header-photo_message_parent_pc.jpg");
	}
	#page-eyecatch.message_single {
		background-image: url("../images/page_header-photo_message_single_pc.jpg");
	}
	#page-eyecatch.flow {
		background-image: url("../images/page_header-photo_flow_pc.jpg");
	}
	#page-eyecatch.inquiry {
		background-image: url("../images/page_header-photo_inquiry_pc.jpg");
	}
	#page-eyecatch.inquiry_thanks {
		background-image: url("../images/page_header-photo_inquiry_thanks_pc.jpg");
	}
	#page-eyecatch.access {
		background-image: url("../images/page_header-photo_access_pc.jpg");
	}
	#page-eyecatch.recruit {
		background-image: url("../images/page_header-photo_recruit_pc.jpg");
	}
	#page-eyecatch.recruit_office-staff {
		background-image: url("../images/page_header-photo_recruit_office-staff_pc.jpg");
	}
	#page-eyecatch.recruit_teacher {
		background-image: url("../images/page_header-photo_recruit_teacher_pc.jpg");
	}
	#page-eyecatch.policy {
		background-image: url("../images/page_header-photo_policy_pc.jpg");
	}
	#page-eyecatch.corporate {
		background-image: url("../images/page_header-photo_corporate_pc.jpg");
		background-position: top right;
	}
	#page-eyecatch.info {
		background-image: url("../images/page_header-photo_info_pc.jpg");
	}
	#page-eyecatch.message_single .text {
		display: block;
		text-align: center;
	}
	/*--==================================================
理塾とは
==================================================--*/
	#about {
		margin-bottom: 5rem;
	}
	#about .column {
		width: 1300px;
		margin: auto;
	}
	#about .column .photo {
		width: 500px;
	}
	#about .column .photo.right {
		margin-left: 800px;
	}
	#about .column .photo.left {
		margin-right: 800px;
	}
	#about .column .text-box {
		width: 1000px;
		padding: 3rem 5rem;
	}
	#about .column .text-box.left {
		margin: -300px 150px 5rem auto;
	}
	#about .column .text-box.right {
		margin: -450px auto 300px 250px;
	}
	#about .column .text-box .title {
		font-size: 1.5rem;
	}
	#about .column .text-box .text {
		font-size: 1rem;
	}
	/*--==================================================
指導方針
==================================================--*/
	#guiding .guide-box {
		width: 1000px;
		background-size: 400px auto;
		background-position: right bottom;
	}
	#guiding .guide-box .power-box .column {
		display: flex;
		margin-bottom: 1rem;
	}
	#guiding .guide-box .power-box .column .title {
		max-width: 5em;
		font-size: 1.4rem;
		margin-bottom: 0;
	}
	#guiding .guide-box .power-box .column .text-box {
		width: auto;
		font-size: 1rem;
	}
	/*--==================================================
コース紹介
==================================================--*/
	#course .style-box {
		display: flex;
		justify-content: space-between;
		width: 1000px;
		margin: 0 auto 3rem;
	}
	#course .style-box .inner {
		width: 80%;
	}
	#course .style-box .inner .img-box {
		display: none;
	}
	#course .style-box .img-box_pc {
		display: flex;
		align-items: center;
		width: 18%;
		height: auto;
		margin-bottom: 0.5rem;
		text-align: center;
	}
	#course .subject-text {
		width: 1000px;
	}
	#course .subject-box {
		width: 1000px;
		flex-wrap: nowrap;
	}
	#course .subject-box span {
		width: calc(1000px / 6);
	}
	/*--==================================================
オンライン指導について
==================================================--*/
	#online .column {
		width: 1000px;
	}
	#online .online-title {
		font-size: 2.4rem;
	}
	#online .column .title {
		font-size: 2.2rem;
	}
	/*--==================================================
受講生のデータ
==================================================--*/
	#students-data section {
		width: 1000px;
	}
	#students-data .data-box span {
		width: 24.5%;
	}
	/*--==================================================
合格実績
==================================================--*/
	#result .result-box {
		width: 1000px;
	}
	/*--==================================================
合格者からの声・保護者様からの声
==================================================--*/
	#message .wrap {
		display: flex;
		/* justify-content: space-between; サイドバーを作った時にコメントアウトを取る */
		justify-content: center; /*後で消す*/
		/*width: 1200px; サイドバーを作った時にコメントアウトを取る */
		width: 800px; /*後で消す*/
		margin: 0 auto 2rem;
	}
	#message .content {
		/*width: 70%; サイドバーを作った時にコメントアウトを取る */
		width: 100%; /*後で消す*/
	}
	#message .content .column {
		align-items: center;
		padding: 1.5rem;
	}
	#message .content .column:hover {
		opacity: 0.7;
	}
	#message .content .column .icon {
		width: 15%;
	}
	#message .content .column .text-box {
		width: 85%;
	}
	#message .content .column .text-box .name-btn-box {
		display: flex;
		justify-content: space-between;
	}
	#message .content .column .text-box .name-btn-box .name {
		margin-bottom: 0;
	}
	#message .content .column .text-box .name-btn-box .btn {
		align-self: center;
		width: 200px;
		margin: 0;
		padding: 0.5rem;
		font-size: 0.8rem;
	}
	#message .content-single {
		/*width: 70%; サイドバーを作った時にコメントアウトを取る */
		width: 100%; /*後で消す*/
	}
	#message .btn-box_go-message-top {
		width: 450px;
	}
	.sidebar {
		width: 26%;
	}
	.sidebar .column:hover {
		opacity: 0.7;
	}
	/*--==================================================
入塾の流れ
==================================================--*/
	#flow .inner {
		width: 1000px;
	}
	/*--==================================================
お申し込みフォーム
==================================================--*/
	#inquiry .inner {
		width: 800px;
	}
	#inquiry .flow {
		width: 70%;
	}
	#form .label-box {
		margin: 2em 0 0.2rem 0;
	}
	#form input[type="text"], #form textarea, #form select {
		font-size: 1rem;
	}
	#form input[type="text"]#postalcode {
		font-size: 1.1rem;
	}
	#form .checkbox-wrap {
		flex-direction: row;
	}
	#form .checkbox-wrap .checkbox-box:nth-child(even) {
		margin-left: 2rem;
	}
	#form .label-box .label {
		padding: 0 0.4em 0 5px;
	}
	#form .label-box .label.border-none {
		margin-left: 5px;
		padding-left: 0;
	}
	#form .require, #form .optional {
		top: 50%;
		transform: translateY(-50%);
		left: -50px;
	}
	#form .vertical.sp-wrap {
		flex-wrap: nowrap;
		justify-content: flex-start;
	}
	#form .submit-box {
		width: 400px;
	}
	#form table.formTable th, #form table.formTable td {
		display: table-cell;
		width: auto;
		border: 2px solid #fff;
		/*  padding: 0.8rem 0.5rem;*/
	}
	#form table.formTable th {
		width: 30%;
	}
	#form table.formTable td {
		width: 70%;
	}
	/*--==================================================
アクセス
==================================================--*/
	#access .inner {
		width: 800px;
	}
	#access .inner .section-title {
		font-size: 1.8rem;
	}
	#access .inner .basic-info {
		display: flex;
		justify-content: space-between;
	}
	#access .inner .basic-info .text-box {
		width: 60%;
		margin-bottom: 0;
	}
	#access .inner .basic-info .photo-box {
		width: 38%;
		margin-bottom: 0;
	}
	#access .inner .basic-info .text-box ul {
		font-size: 1.1rem;
	}
	#access .inner .photo-box {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	#access .inner .photo-box .column {
		width: 48%;
	}
	/*--==================================================
プライバシーポリシー
==================================================--*/
	#policy .inner {
		width: 800px;
	}
	/*--==================================================
会社概要
==================================================--*/
	#corporate .inner {
		width: 800px;
	}
	#corporate .inner table th, #corporate .inner table td {
		display: table-cell;
	}
	#corporate .inner table th {
		width: 30%;
	}
	#corporate .inner table td {
		width: 70%;
	}
	/*--==================================================
採用情報
==================================================--*/
	#recruit .inner {
		width: 800px;
	}
	#recruit .inner .message .president .introduction {
		display: flex;
		justify-content: space-between;
	}
	#recruit .inner .message .president .introduction .desc-name-box {
		width: 60%;
	}
	#recruit .inner .message .president .introduction .photo-box {
		width: 38%;
		margin-bottom: 0;
	}
	#recruit .inner .jobs .btn-box {
		display: flex;
		justify-content: space-between;
		width: 90%;
		margin: 0 auto;
	}
	#recruit .inner .jobs .btn-box a {
		width: 48%;
	}
	#recruit .inner .message {
		padding: 2.5rem 2rem 2rem;
	}
	#recruit .inner .message .president {
		padding: 2.5rem;
	}
	#recruit-single .inner {
		width: 800px;
	}
	#recruit-single .inner .btn-box {
		width: 50%;
	}
	/*--==================================================
お知らせ
==================================================--*/
	#info .wrap {
		display: flex;
		/*justify-content: space-between;*/
		justify-content: center;
		/*width: 1200px;*/
		width: 1000px;
		margin: 0 auto 2rem;
	}
	#info .content {
		/*width: 70%;*/
		width: 100%;
	}
	#info .info-box .column {
		display: flex;
		align-items: center;
	}
	#info .info-box .column .day-cat-box {
		margin-bottom: 0;
		margin-right: 0.6rem;
	}
	/*↓PC用CSS閉じタグ*/
}
/*----幅1800px以上のPC用CSS======================================================================================================================================================---*/
@media screen and (min-width:1800px) {
	#header {
		max-width: 1900px;
	}
	#wrap {
		width: 100%;
		height: 100%;
		max-width: 1920px;
		margin: 0 auto;
		background: #fff;
		box-shadow: 0px 0px 50px #dadada;
	}
	/*↓幅2000px以上のPC用CSS閉じタグ*/
}