@charset "utf-8";

/* PC & SP コントロール */

.reform-pc {
	display: block;
}
.reform-sp {
	display: none;
}

@media screen and (max-width: 768px) {
	.reform-pc {
		display: none;
	}
	.reform-sp {
		display: block;
	}
}

/* PC レイアウト */

.reform-pc .header {
	position: relative;
}
.reform-pc .header .gradeup-nav {
	width: 100%;
	padding: 20px 0;
	display: flex;
	justify-content: center;
	gap: 60px;
	position: absolute;
	bottom: 0;
	z-index: 1001;
	background: rgba(255, 255, 255, 0.6);
}
@media screen and (max-width: 768px) {
	.reform-pc .header .gradeup-nav {
		padding: 10px 0;
		gap: 20px;
	}
}
.reform-pc .header .gradeup-nav.scrollOut {
	position: fixed;
	bottom: 0;
}
@media screen and (max-width: 768px) {
	.reform-pc .header .gradeup-nav.scrollOut {
		bottom: 10vw;
	}
}
.reform-pc .width {
	max-width: 1000px;
	margin: 0 auto;
}
.reform-pc .header .gradeup-nav .gradeup-nav-item {
	width: 407px;
	font-family: "Sawarabi Mincho", serif;
	color: #ffffff;
	font-size: 3.5rem;
	text-align: center;
	border-radius: 50px;
}
@media screen and (max-width: 768px) {
	.reform-pc .header .gradeup-nav .gradeup-nav-item {
		width: 220px;
		font-size: 1.5rem;
	}
}
.reform-pc .header .gradeup-nav .gradeup-nav-item-1 {
	background: #ea545d;
}
.reform-pc .header .gradeup-nav .gradeup-nav-item-1:hover {
	opacity: 0.6;
}
.reform-pc .header .gradeup-nav .gradeup-nav-item-1 a {
}
.reform-pc .header .gradeup-nav .gradeup-nav-item-2 {
	background: #f39800;
}
.reform-pc .header .gradeup-nav .gradeup-nav-item-2:hover {
	opacity: 0.6;
}
.reform-pc .header .gradeup-nav .gradeup-nav-item-2 a {
}
.reform-pc .gradeup-1 div {
	padding: 0 32px 0 32px;
}
.reform-pc .gradeup-1 .gradeup-1-01 {
	padding-bottom: 100px;
}
.reform-pc .gradeup-1 .gradeup-1-02 {
	padding-bottom: 70px;
}
.reform-pc .gradeup-1 .gradeup-1-03 {
	padding-bottom: 80px;
}
.reform-pc .gradeup-1 .gradeup-1-04 {
	padding-bottom: 120px;
}
.reform-pc .gradeup-1 .gradeup-1-05 {
	padding: 0 0 105px 0;
}
.reform-pc .gradeup-1 .gradeup-1-06 {
	padding-bottom: 80px;
}
.reform-pc .gradeup-1 .gradeup-1-07 {
	padding-bottom: 185px;
	text-align: center;
}
.reform-pc .gradeup-1 .gradeup-1-07 a {
}
.reform-pc .gradeup-1 .gradeup-1-07 a:hover {
	opacity: 0.6;
}
.reform-pc .gradeup-2 div {
	padding: 0 32px 0 32px;
}
.reform-pc .gradeup-2 .gradeup-2-01 {
	padding-bottom: 35px;
}
.reform-pc .gradeup-2 .gradeup-2-02 {
	padding-bottom: 50px;
}
.reform-pc .gradeup-2 .gradeup-2-03 {
	padding-bottom: 60px;
}
.reform-pc .gradeup-2 .gradeup-2-04 {
	padding-bottom: 95px;
}
.reform-pc .gradeup-2 .gradeup-2-05 {
	padding: 0 0 80px 0;
}
.reform-pc .gradeup-2 .gradeup-2-06 {
	padding-bottom: 55px;
}
.reform-pc .gradeup-2 .gradeup-2-07 {
	padding-bottom: 75px;
}
.reform-pc .gradeup-2 .gradeup-2-08 {
	padding-bottom: 70px;
}
.reform-pc .gradeup-2 .gradeup-2-09 {
	padding-bottom: 150px;
}
.reform-pc .gradeup-2 .gradeup-2-10 {
	padding-bottom: 120px;
}
.reform-pc .gradeup-2 .gradeup-2-11 {
	padding-bottom: 95px;
	text-align: center;
}
.reform-pc .gradeup-2 .gradeup-2-11 a {
}
.reform-pc .gradeup-2 .gradeup-2-11 a:hover {
	opacity: 0.6;
}

/* SP レイアウト */

.reform-sp .header {
}
.reform-sp .header .gradeup-nav {
	width: 100%;
	padding: 25px 0;
	display: flex;
	justify-content: center;
	gap: 40px;
	background: rgba(255, 255, 255, 0.6);
}
@media screen and (max-width: 500px) {
	.reform-sp .header .gradeup-nav {
		padding: 10px 0;
		gap: 20px;
	}
}
.reform-sp .header .gradeup-nav.scrollOut {
	position: fixed;
	bottom: 0;
}
@media screen and (max-width: 768px) {
	.reform-sp .header .gradeup-nav.scrollOut {
		bottom: 10vw;
	}
}
.reform-sp .width {
	max-width: 1000px;
	margin: 0 auto;
}
.reform-sp .header .gradeup-nav .gradeup-nav-item {
	width: 310px;
	font-family: "Sawarabi Mincho", serif;
	color: #ffffff;
	font-size: 2.8rem;
	text-align: center;
	border-radius: 50px;
}
@media screen and (max-width: 500px) {
	.reform-sp .header .gradeup-nav .gradeup-nav-item {
		width: 220px;
		font-size: 1.8rem;
	}
}
.reform-sp .header .gradeup-nav .gradeup-nav-item-1 {
	background: #ea545d;
}
.reform-sp .header .gradeup-nav .gradeup-nav-item-1:hover {
	opacity: 0.6;
}
.reform-sp .header .gradeup-nav .gradeup-nav-item-1 a {
}
.reform-sp .header .gradeup-nav .gradeup-nav-item-2 {
	background: #f39800;
}
.reform-sp .header .gradeup-nav .gradeup-nav-item-2:hover {
	opacity: 0.6;
}
.reform-sp .header .gradeup-nav .gradeup-nav-item-2 a {
}
.reform-sp .gradeup-1 div {
	padding: 0 32px 0 32px;
}
@media screen and (max-width: 500px) {
	.reform-sp .gradeup-1 div {
		padding: 0 20px 0 20px;
	}
}
.reform-sp .gradeup-1 .gradeup-1-01 {
	padding-bottom: 60px;
}
.reform-sp .gradeup-1 .gradeup-1-02 {
	padding-bottom: 70px;
}
.reform-sp .gradeup-1 .gradeup-1-03 {
	padding-bottom: 80px;
}
.reform-sp .gradeup-1 .gradeup-1-04 {
	padding-bottom: 120px;
}
.reform-sp .gradeup-1 .gradeup-1-05 {
	padding-bottom: 90px;
}
.reform-sp .gradeup-1 .gradeup-1-06 {
	padding-bottom: 80px;
}
.reform-sp .gradeup-1 .gradeup-1-07 {
	padding-bottom: 155px;
	text-align: center;
}
.reform-sp .gradeup-1 .gradeup-1-07 a {
}
.reform-sp .gradeup-1 .gradeup-1-07 a:hover {
	opacity: 0.6;
}
.reform-sp .gradeup-2 div {
	padding: 0 32px 0 32px;
}
@media screen and (max-width: 500px) {
	.reform-sp .gradeup-2 div {
		padding: 0 20px 0 20px;
	}
}
.reform-sp .gradeup-2 .gradeup-2-01 {
	padding-bottom: 35px;
}
.reform-sp .gradeup-2 .gradeup-2-02 {
	padding-bottom: 60px;
}
.reform-sp .gradeup-2 .gradeup-2-03 {
	padding-bottom: 40px;
}
.reform-sp .gradeup-2 .gradeup-2-04 {
	padding-bottom: 110px;
}
.reform-sp .gradeup-2 .gradeup-2-05 {
	padding: 0 0 80px 0;
}
.reform-sp .gradeup-2 .gradeup-2-06 {
	padding-bottom: 55px;
}
.reform-sp .gradeup-2 .gradeup-2-07 {
	padding-bottom: 150px;
}
.reform-sp .gradeup-2 .gradeup-2-08 {
	padding-bottom: 30px;
}
.reform-sp .gradeup-2 .gradeup-2-09 {
	padding-bottom: 110px;
}
.reform-sp .gradeup-2 .gradeup-2-10 {
	padding-bottom: 130px;
}
.reform-sp .gradeup-2 .gradeup-2-11 {
	padding-bottom: 95px;
	text-align: center;
}
.reform-sp .gradeup-2 .gradeup-2-11 a {
}
.reform-sp .gradeup-2 .gradeup-2-11 a:hover {
	opacity: 0.6;
}

/* PC & SP 共通レイアウト */

.gradeup-3 {
	background: url('../img/gradeup-3-01.jpg') no-repeat;
	background-size: cover;
}
.gradeup-3 div {
	max-width: 1000px;
	padding: 40px 20px;
	margin: 0 auto;
	color: #ffffff;
}
.gradeup-3 div h2 {
	padding: 0 0 4px 0;
	margin: 0 0 20px 0;
	font-size: 1.8rem;
	border-bottom: 1px #ffffff solid;
	text-align: center;
}
.gradeup-3 div dl {
	max-width: 650px;
	padding: 8px 0;
	margin: 0 auto;
	font-size: 1.5rem;
	line-height: 1.4;
}
.gradeup-3 div dl dt {
	display: inline-block;
	vertical-align: top;
}
.gradeup-3 div dl dd {
	display: inline-block;
	vertical-align: top;
}

/* footer */

footer {
	margin-top: 0;
}