@charset "UTF-8";

/*--------------------------
VAR
--------------------------*/
:root {
  --main-text: #454552;
	--main-color: #E85A71;
	--base-color: #454552;
	--accent-color: #E8765A;
	--school-base-color: #3F61B3;
	--main-linear: linear-gradient(270deg, #E8765A 0%, rgba(232, 118, 90, 0) 100%), #E85A71;
	--blue-linear: linear-gradient(270deg, #413FB3 0%, rgba(63, 97, 179, 0) 100%), #3F61B3;
	--green-linear: linear-gradient(90deg, #3F9EB3 0%, rgba(63, 109, 179, 0) 100%), #3F9EB3;
	--side-text: rgba(69,69,82,0.5);
	--sub-accent-blue: #5A82E8;
	--white: #ffffff;
	--admin-base: #2B3E54;
	--main-background: #F6F6F6;
	--sub-background: rgba(69,69,82,0.1);
	--button-gray: #8f8f97;
}

/*====================================================
BASE
====================================================*/
* {
	/*word-wrap: break-word;*/
	word-break: break-all;
}
html {
	font-size: 16px;
	font-family: 'Noto Sans JP', sans-serif, Arial, Helvetica;
}
body {
	margin: 0;
	color: #454552;
	color: var(--main-text);
}
section {
	display: block;
}
p,pre {
	line-height: 1.6;
}
a {
	color: #3F61B3;
	color: var(--school-base-color);
}
a:hover {
	color: #3F61B3;
	color: var(--school-base-color);
	opacity: 0.8;
}
ul{
	list-style-type: disc;
	list-style-position: inside;
}
ol{
	list-style-type: decimal;
	list-style-position: inside;
}
li{
	line-height: 1.6;
}
strong {
	font-weight: bold;
}
.container {
	width: 100%;
	margin-right:auto;
	margin-left:auto;
}
.spview{ 
	display: initial;
}
.pcview{
	display: none;
}
.display-none{
	display: none;
}
.display-block{
	display: block;
}
.display-inline-block{
	display: inline-block;
}
.display-inline{
	display: inline;
}

/*--------------------------
LAYOUT
--------------------------*/
.spview{
	display: none;
}
.pcview{
	display: initial;
}
.container {
	width: 960px;
}

@media (max-width:991px){
  .container{
		width: 96%;
	}
}
@media (max-width:767px){
  .spview{
		display: initial;
	}
  .pcview{
		display: none;
	}
  .container{
		max-width:100%;
	}
}
@media (max-width:575px){
  .container{
		max-width:100%;
	}
}
.container-fluid{
	width:100%;
	padding-right:15px;
	padding-left:15px;
	margin-right:auto;
	margin-left:auto;
}
.row{
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	margin-right:-15px;
	margin-left:-15px;
}
.no-gutters{
	margin-right:0;
	margin-left:0;
}
.no-gutters>.col,.no-gutters>[class*=col-]{
	padding-right:0;
	padding-left:0;
}
.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{
	position:relative;
	width:100%;
	padding-right:15px;
	padding-left:15px;
}
.col{
	-ms-flex-preferred-size:0;
	flex-basis:0;
	-ms-flex-positive:1;
	flex-grow:1;
	max-width:100%;
}
.col-auto{
	-ms-flex:0 0 auto;
	flex:0 0 auto;
	width:auto;
	max-width:100%;
}
.col-1{
	-ms-flex:0 0 8.333333%;
	flex:0 0 8.333333%;
	max-width:8.333333%;
}
.col-2{
	-ms-flex:0 0 16.666667%;
	flex:0 0 16.666667%;
	max-width:16.666667%;
}
.col-3{
	-ms-flex:0 0 25%;
	flex:0 0 25%;
	max-width:25%;
}
.col-4{
	-ms-flex:0 0 33.333333%;
	flex:0 0 33.333333%;
	max-width:33.333333%;
}
.col-5{
	-ms-flex:0 0 41.666667%;
	flex:0 0 41.666667%;
	max-width:41.666667%;
}
.col-6{
	-ms-flex:0 0 50%;
	flex:0 0 50%;
	max-width:50%;
}
.col-7{
	-ms-flex:0 0 58.333333%;
	flex:0 0 58.333333%;
	max-width:58.333333%;
}
.col-8{
	-ms-flex:0 0 66.666667%;
	flex:0 0 66.666667%;
	max-width:66.666667%;
}
.col-9{
	-ms-flex:0 0 75%;
	flex:0 0 75%;
	max-width:75%;
}
.col-10{
	-ms-flex:0 0 83.333333%;
	flex:0 0 83.333333%;
	max-width:83.333333%;
}
.col-11{
	-ms-flex:0 0 91.666667%;
	flex:0 0 91.666667%;
	max-width:91.666667%;
}
.col-12{
	-ms-flex:0 0 100%;
	flex:0 0 100%;
	max-width:100%;
}
.order-first{
	-ms-flex-order:-1;
	order:-1;
}
.order-last{
	-ms-flex-order:13;
	order:13;
}
.order-0{
	-ms-flex-order:0;
	order:0;
}
.order-1{
	-ms-flex-order:1;
	order:1;
}
.order-2{
	-ms-flex-order:2;
	order:2;
}
.order-3{
	-ms-flex-order:3;
	order:3;
}
.order-4{
	-ms-flex-order:4;
	order:4;
}
.order-5{
	-ms-flex-order:5;
	order:5;
}
.order-6{
	-ms-flex-order:6;
	order:6;
}
.order-7{
	-ms-flex-order:7;
	order:7;
}
.order-8{
	-ms-flex-order:8;
	order:8;
}
.order-9{
	-ms-flex-order:9;
	order:9;
}
.order-10{
	-ms-flex-order:10;
	order:10;
}
.order-11{
	-ms-flex-order:11;
	order:11;
}
.order-12{
	-ms-flex-order:12;
	order:12;
}
.offset-1{
	margin-left:8.333333%;
}
.offset-2{
	margin-left:16.666667%;
}
.offset-3{
	margin-left:25%;
}
.offset-4{
	margin-left:33.333333%;
}
.offset-5{
	margin-left:41.666667%;
}
.offset-6{
	margin-left:50%;
}
.offset-7{
	margin-left:58.333333%;
}
.offset-8{
	margin-left:66.666667%;
}
.offset-9{
	margin-left:75%;
}
.offset-10{
	margin-left:83.333333%;
}
.offset-11{
	margin-left:91.666667%;
}
@media (min-width:576px){
  .col-sm{
		-ms-flex-preferred-size:0;
		flex-basis:0;
		-ms-flex-positive:1;
		flex-grow:1;
		max-width:100%;
	}
  .col-sm-auto{
		-ms-flex:0 0 auto;
		flex:0 0 auto;
		width:auto;
		max-width:100%;
	}
  .col-sm-1{
		-ms-flex:0 0 8.333333%;
		flex:0 0 8.333333%;
		max-width:8.333333%;
	}
  .col-sm-2{
		-ms-flex:0 0 16.666667%;
		flex:0 0 16.666667%;
		max-width:16.666667%;
	}
  .col-sm-3{
		-ms-flex:0 0 25%;
		flex:0 0 25%;
		max-width:25%;
	}
  .col-sm-4{
		-ms-flex:0 0 33.333333%;
		flex:0 0 33.333333%;
		max-width:33.333333%;
	}
  .col-sm-5{
		-ms-flex:0 0 41.666667%;
		flex:0 0 41.666667%;
		max-width:41.666667%;
	}
  .col-sm-6{
		-ms-flex:0 0 50%;
		flex:0 0 50%;
		max-width:50%;
	}
  .col-sm-7{
		-ms-flex:0 0 58.333333%;
		flex:0 0 58.333333%;
		max-width:58.333333%;
	}
  .col-sm-8{
		-ms-flex:0 0 66.666667%;
		flex:0 0 66.666667%;
		max-width:66.666667%;
	}
  .col-sm-9{
		-ms-flex:0 0 75%;
		flex:0 0 75%;
		max-width:75%;
	}
  .col-sm-10{
		-ms-flex:0 0 83.333333%;
		flex:0 0 83.333333%;
		max-width:83.333333%;
	}
  .col-sm-11{
		-ms-flex:0 0 91.666667%;
		flex:0 0 91.666667%;
		max-width:91.666667%;
	}
  .col-sm-12{
		-ms-flex:0 0 100%;
		flex:0 0 100%;
		max-width:100%;
	}
  .order-sm-first{
		-ms-flex-order:-1;
		order:-1;
	}
  .order-sm-last{
		-ms-flex-order:13;
		order:13;
	}
  .order-sm-0{
		-ms-flex-order:0;
		order:0;
	}
  .order-sm-1{
		-ms-flex-order:1;
		order:1;
	}
  .order-sm-2{
		-ms-flex-order:2;
		order:2;
	}
  .order-sm-3{
		-ms-flex-order:3;
		order:3;
	}
  .order-sm-4{
		-ms-flex-order:4;
		order:4;
	}
  .order-sm-5{
		-ms-flex-order:5;
		order:5;
	}
  .order-sm-6{
		-ms-flex-order:6;
		order:6;
	}
  .order-sm-7{
		-ms-flex-order:7;
		order:7;
	}
  .order-sm-8{
		-ms-flex-order:8;
		order:8;
	}
  .order-sm-9{
		-ms-flex-order:9;
		order:9;
	}
  .order-sm-10{
		-ms-flex-order:10;
		order:10;
	}
  .order-sm-11{
		-ms-flex-order:11;
		order:11;
	}
  .order-sm-12{
		-ms-flex-order:12;
		order:12;
	}
  .offset-sm-0{
		margin-left:0;
	}
  .offset-sm-1{
		margin-left:8.333333%;
	}
  .offset-sm-2{
		margin-left:16.666667%;
	}
  .offset-sm-3{
		margin-left:25%;
	}
  .offset-sm-4{
		margin-left:33.333333%;
	}
  .offset-sm-5{
		margin-left:41.666667%;
	}
  .offset-sm-6{
		margin-left:50%;
	}
  .offset-sm-7{
		margin-left:58.333333%;
	}
  .offset-sm-8{
		margin-left:66.666667%;
	}
  .offset-sm-9{
		margin-left:75%;
	}
  .offset-sm-10{
		margin-left:83.333333%;
	}
  .offset-sm-11{
		margin-left:91.666667%;
	}
}
@media (min-width:768px){
  .col-md{
		-ms-flex-preferred-size:0;
		flex-basis:0;
		-ms-flex-positive:1;
		flex-grow:1;
		max-width:100%
;	}
  .col-md-auto{
		-ms-flex:0 0 auto;
		flex:0 0 auto;
		width:auto;
		max-width:100%;
	}
  .col-md-1{
		-ms-flex:0 0 8.333333%;
		flex:0 0 8.333333%;
		max-width:8.333333%;
	}
  .col-md-2{
		-ms-flex:0 0 16.666667%;
		flex:0 0 16.666667%;
		max-width:16.666667%;
	}
  .col-md-3{
		-ms-flex:0 0 25%;
		flex:0 0 25%;
		max-width:25%;
	}
  .col-md-4{
		-ms-flex:0 0 33.333333%;
		flex:0 0 33.333333%;
		max-width:33.333333%;
	}
  .col-md-5{
		-ms-flex:0 0 41.666667%;
		flex:0 0 41.666667%;
		max-width:41.666667%;
	}
  .col-md-6{
		-ms-flex:0 0 50%;
		flex:0 0 50%;
		max-width:50%;
	}
  .col-md-7{
		-ms-flex:0 0 58.333333%;
		flex:0 0 58.333333%;
		max-width:58.333333%;
	}
  .col-md-8{
		-ms-flex:0 0 66.666667%;
		flex:0 0 66.666667%;
		max-width:66.666667%;
	}
  .col-md-9{
		-ms-flex:0 0 75%;
		flex:0 0 75%;
		max-width:75%;
	}
  .col-md-10{
		-ms-flex:0 0 83.333333%;
		flex:0 0 83.333333%;
		max-width:83.333333%;
	}
  .col-md-11{
		-ms-flex:0 0 91.666667%;
		flex:0 0 91.666667%;
		max-width:91.666667%;
	}
  .col-md-12{
		-ms-flex:0 0 100%;
		flex:0 0 100%;
		max-width:100%;
	}
  .order-md-first{
		-ms-flex-order:-1;
		order:-1;
	}
  .order-md-last{
		-ms-flex-order:13;
		order:13;
	}
  .order-md-0{
		-ms-flex-order:0;
		order:0;
	}
  .order-md-1{
		-ms-flex-order:1;
		order:1;
	}
  .order-md-2{
		-ms-flex-order:2;
		order:2;
	}
  .order-md-3{
		-ms-flex-order:3;
		order:3;
	}
  .order-md-4{
		-ms-flex-order:4;
		order:4;
	}
  .order-md-5{
		-ms-flex-order:5;
		order:5;
	}
  .order-md-6{
		-ms-flex-order:6;
		order:6;
	}
  .order-md-7{
		-ms-flex-order:7;
		order:7;
	}
  .order-md-8{
		-ms-flex-order:8;
		order:8;
	}
  .order-md-9{
		-ms-flex-order:9;
		order:9;
	}
  .order-md-10{
		-ms-flex-order:10;
		order:10;
	}
  .order-md-11{
		-ms-flex-order:11;
		order:11;
	}
  .order-md-12{
		-ms-flex-order:12;
		order:12;
	}
  .offset-md-0{
		margin-left:0;
	}
  .offset-md-1{
		margin-left:8.333333%;
	}
  .offset-md-2{
		margin-left:16.666667%;
	}
  .offset-md-3{
		margin-left:25%;
	}
  .offset-md-4{
		margin-left:33.333333%;
	}
  .offset-md-5{
		margin-left:41.666667%;
	}
  .offset-md-6{
		margin-left:50%;
	}
  .offset-md-7{
		margin-left:58.333333%;
	}
  .offset-md-8{
		margin-left:66.666667%;
	}
  .offset-md-9{
		margin-left:75%;
	}
  .offset-md-10{
		margin-left:83.333333%;
	}
  .offset-md-11{
		margin-left:91.666667%;
	}
}
@media (min-width:992px){
  .col-lg{
		-ms-flex-preferred-size:0;
		flex-basis:0;
		-ms-flex-positive:1;
		flex-grow:1;
		max-width:100%;
	}
  .col-lg-auto{
		-ms-flex:0 0 auto;
		flex:0 0 auto;
		width:auto;
		max-width:100%;
	}
  .col-lg-1{
		-ms-flex:0 0 8.333333%;
		flex:0 0 8.333333%;
		max-width:8.333333%;
	}
  .col-lg-2{
		-ms-flex:0 0 16.666667%;
		flex:0 0 16.666667%;
		max-width:16.666667%;
	}
  .col-lg-3{
		-ms-flex:0 0 25%;
		flex:0 0 25%;
		max-width:25%;
	}
  .col-lg-4{
		-ms-flex:0 0 33.333333%;
		flex:0 0 33.333333%;
		max-width:33.333333%;
	}
  .col-lg-5{
		-ms-flex:0 0 41.666667%;
		flex:0 0 41.666667%;
		max-width:41.666667%;
	}
  .col-lg-6{
		-ms-flex:0 0 50%;
		flex:0 0 50%;
		max-width:50%;
	}
  .col-lg-7{
		-ms-flex:0 0 58.333333%;
		flex:0 0 58.333333%;
		max-width:58.333333%;
	}
  .col-lg-8{
		-ms-flex:0 0 66.666667%;
		flex:0 0 66.666667%;
		max-width:66.666667%;
	}
  .col-lg-9{
		-ms-flex:0 0 75%;
		flex:0 0 75%;
		max-width:75%;
	}
  .col-lg-10{
		-ms-flex:0 0 83.333333%;
		flex:0 0 83.333333%;
		max-width:83.333333%;
	}
  .col-lg-11{
		-ms-flex:0 0 91.666667%;
		flex:0 0 91.666667%;
		max-width:91.666667%;
	}
  .col-lg-12{
		-ms-flex:0 0 100%;
		flex:0 0 100%;
		max-width:100%;
	}
  .order-lg-first{
		-ms-flex-order:-1;
		order:-1;
	}
  .order-lg-last{
		-ms-flex-order:13;
		order:13;
	}
  .order-lg-0{
		-ms-flex-order:0;
		order:0;
	}
  .order-lg-1{
		-ms-flex-order:1;
		order:1;
	}
  .order-lg-2{
		-ms-flex-order:2;
		order:2;
	}
  .order-lg-3{
		-ms-flex-order:3;
		order:3;
	}
  .order-lg-4{
		-ms-flex-order:4;
		order:4;
	}
  .order-lg-5{
		-ms-flex-order:5;
		order:5;
	}
  .order-lg-6{
		-ms-flex-order:6;
		order:6;
	}
  .order-lg-7{
		-ms-flex-order:7;
		order:7;
	}
  .order-lg-8{
		-ms-flex-order:8;
		order:8;
	}
  .order-lg-9{
		-ms-flex-order:9;
		order:9;
	}
  .order-lg-10{
		-ms-flex-order:10;
		order:10;
	}
  .order-lg-11{
		-ms-flex-order:11;
		order:11;
	}
  .order-lg-12{
		-ms-flex-order:12;
		order:12;
	}
  .offset-lg-0{
		margin-left:0;
	}
  .offset-lg-1{
		margin-left:8.333333%;
	}
  .offset-lg-2{
		margin-left:16.666667%;
	}
  .offset-lg-3{
		margin-left:25%;
	}
  .offset-lg-4{
		margin-left:33.333333%;
	}
  .offset-lg-5{
		margin-left:41.666667%;
	}
  .offset-lg-6{
		margin-left:50%;
	}
  .offset-lg-7{
		margin-left:58.333333%;
	}
  .offset-lg-8{
		margin-left:66.666667%;
	}
  .offset-lg-9{
		margin-left:75%;
	}
  .offset-lg-10{
		margin-left:83.333333%;
	}
  .offset-lg-11{
		margin-left:91.666667%;
	}
}
@media (min-width:1200px){
  .col-xl{
		-ms-flex-preferred-size:0;
		flex-basis:0;
		-ms-flex-positive:1;
		flex-grow:1;
		max-width:100%;
	}
  .col-xl-auto{
		-ms-flex:0 0 auto;
		flex:0 0 auto;
		width:auto;
		max-width:100%;
	}
  .col-xl-1{
		-ms-flex:0 0 8.333333%;
		flex:0 0 8.333333%;
		max-width:8.333333%;
	}
  .col-xl-2{
		-ms-flex:0 0 16.666667%;
		flex:0 0 16.666667%;
		max-width:16.666667%;
	}
  .col-xl-3{
		-ms-flex:0 0 25%;
		flex:0 0 25%;
		max-width:25%;
	}
  .col-xl-4{
		-ms-flex:0 0 33.333333%;
		flex:0 0 33.333333%;
		max-width:33.333333%;
	}
  .col-xl-5{
		-ms-flex:0 0 41.666667%;
		flex:0 0 41.666667%;
		max-width:41.666667%;
	}
  .col-xl-6{
		-ms-flex:0 0 50%;
		flex:0 0 50%;
		max-width:50%;
	}
  .col-xl-7{
		-ms-flex:0 0 58.333333%;
		flex:0 0 58.333333%;
		max-width:58.333333%;
	}
  .col-xl-8{
		-ms-flex:0 0 66.666667%;
		flex:0 0 66.666667%;
		max-width:66.666667%;
	}
  .col-xl-9{
		-ms-flex:0 0 75%;
		flex:0 0 75%;
		max-width:75%;
	}
  .col-xl-10{
		-ms-flex:0 0 83.333333%;
		flex:0 0 83.333333%;
		max-width:83.333333%;
	}
  .col-xl-11{
		-ms-flex:0 0 91.666667%;
		flex:0 0 91.666667%;
		max-width:91.666667%;
	}
  .col-xl-12{
		-ms-flex:0 0 100%;
		flex:0 0 100%;
		max-width:100%;
	}
  .order-xl-first{
		-ms-flex-order:-1;
		order:-1;
	}
  .order-xl-last{
		-ms-flex-order:13;
		order:13;
	}
  .order-xl-0{
		-ms-flex-order:0;
		order:0;
	}
  .order-xl-1{
		-ms-flex-order:1;
		order:1;
	}
  .order-xl-2{
		-ms-flex-order:2;
		order:2;
	}
  .order-xl-3{
		-ms-flex-order:3;
		order:3;
	}
  .order-xl-4{
		-ms-flex-order:4;
		order:4;
	}
  .order-xl-5{
		-ms-flex-order:5;
		order:5;
	}
  .order-xl-6{
		-ms-flex-order:6;
		order:6;
	}
  .order-xl-7{
		-ms-flex-order:7;
		order:7;
	}
  .order-xl-8{
		-ms-flex-order:8;
		order:8;
	}
  .order-xl-9{
		-ms-flex-order:9;
		order:9;
	}
  .order-xl-10{
		-ms-flex-order:10;
		order:10;
	}
  .order-xl-11{
		-ms-flex-order:11;
		order:11;
	}
  .order-xl-12{
		-ms-flex-order:12;
		order:12;
	}
  .offset-xl-0{
		margin-left:0;
	}
  .offset-xl-1{
		margin-left:8.333333%;
	}
  .offset-xl-2{
		margin-left:16.666667%;
	}
  .offset-xl-3{
		margin-left:25%;
	}
  .offset-xl-4{
		margin-left:33.333333%;
	}
  .offset-xl-5{
		margin-left:41.666667%;
	}
  .offset-xl-6{
		margin-left:50%;
	}
  .offset-xl-7{
		margin-left:58.333333%;
	}
  .offset-xl-8{
		margin-left:66.666667%;
	}
  .offset-xl-9{
		margin-left:75%;
	}
  .offset-xl-10{
		margin-left:83.333333%;
	}
  .offset-xl-11{
		margin-left:91.666667%;
	}
}
.w-0 {
	width: 0%!important;
}
.w-10 {
	width: 10%!important;
}
.w-15 {
	width: 15%!important;
}
.w-20 {
	width: 20%!important;
}
.w-25 {
	width: 25%!important;
}
.w-30 {
	width: 30%!important;
}
.w-40 {
	width: 40%!important;
}
.w-50 {
	width: 50%!important;
}
.w-60 {
	width: 60%!important;
}
.w-70 {
	width: 70%!important;
}
.w-75 {
	width: 75%!important;
}
.w-80 {
	width: 80%!important;
}
.w-85 {
	width: 85%!important;
}
.w-90 {
	width: 90%!important;
}
.w-100 {
	width: 100%!important;
}
.w-350 {
	width: 350px!important;
}

/*--------------------------
MARGIN
--------------------------*/
.m-auto {
	margin: 0 auto !important;
}



/*top*/
.mt-0 {
	margin-top: 0!important;
}
.mt-4 {
	margin-top: 0.25rem!important;
}
.mt-8 {
	margin-top: 0.5rem!important;
}
.mt-12 {
	margin-top: 0.75rem!important;
}
.mt-16 {
	margin-top: 1rem!important;
}
.mt-20 {
	margin-top: 1.25rem!important;
}
.mt-24 {
	margin-top: 1.5rem!important;
}
.mt-28 {
	margin-top: 1.75rem!important;
}
.mt-32 {
	margin-top: 2rem!important;
}
.mt-36 {
	margin-top: 2.25rem!important;
}
.mt-40 {
	margin-top: 2.5rem!important;
}
.mt-48 {
	margin-top: 3rem!important;
}
.mt-56 {
	margin-top: 3.5rem!important;
}
.mt-64 {
	margin-top: 4rem!important;
}
.mt-72 {
	margin-top: 4.5rem!important;
}
.mt-80 {
	margin-top: 5rem!important;
}
.mt-96 {
  margin-top: 6rem;
}
.mt-120 {
	margin-top: 7.5rem!important;
}
.mt-160 {
	margin-top: 10rem!important;
}
.mt-200 {
	margin-top: 12.5rem!important;
}
.mt-240 {
	margin-top: 15rem!important;
}

/*bottom*/
.mb-0 {
	margin-bottom: 0!important;
}
.mb-4 {
	margin-bottom: 0.25rem!important;
}
.mb-8 {
	margin-bottom: 0.5rem!important;
}
.mb-12 {
	margin-bottom: 0.75rem!important;
}
.mb-16 {
	margin-bottom: 1rem!important;
}
.mb-20 {
	margin-bottom: 1.25rem!important;
}
.mb-24 {
	margin-bottom: 1.5rem!important;
}
.mb-28 {
	margin-bottom: 1.75rem!important;
}
.mb-32 {
	margin-bottom: 2rem!important;
}
.mb-36 {
	margin-bottom: 2.25rem!important;
}
.mb-40 {
	margin-bottom: 2.5rem!important;
}
.mb-48 {
	margin-bottom: 3rem!important;
}
.mb-56 {
	margin-bottom: 3.5rem!important;
}
.mb-64 {
	margin-bottom: 4rem!important;
}
.mb-72 {
	margin-bottom: 4.5rem!important;
}
.mb-80 {
	margin-bottom: 5rem!important;
}
.mb-96 {
  margin-bottom: 6rem;
}
.mb-120 {
	margin-bottom: 7.5rem!important;
}
.mb-160 {
	margin-bottom: 10rem!important;
}
.mb-200 {
	margin-bottom: 12.5rem!important;
}
.mb-240 {
	margin-bottom: 15rem!important;
}

/*right*/
.mr-0 {
	margin-right: 0!important;
}
.mr-4 {
	margin-right: 0.25rem!important;
}
.mr-8 {
	margin-right: 0.5rem!important;
}
.mr-12 {
	margin-right: 0.75rem!important;
}
.mr-16 {
	margin-right: 1rem!important;
}
.mr-20 {
	margin-right: 1.25rem!important;
}
.mr-24 {
	margin-right: 1.5rem!important;
}
.mr-28 {
	margin-right: 1.75rem!important;
}
.mr-32 {
	margin-right: 2rem!important;
}
.mr-36 {
	margin-right: 2.25rem!important;
}
.mr-40 {
	margin-right: 2.5rem!important;
}
.mr-48 {
	margin-right: 3rem!important;
}
.mr-80 {
	margin-right: 5rem!important;
}
.mr-160 {
	margin-right: 10rem!important;
}


/*left*/
.ml-0 {
	margin-left: 0!important;
}
.ml-4 {
	margin-left: 0.25rem!important;
}
.ml-8 {
	margin-left: 0.5rem!important;
}
.ml-12 {
	margin-left: 0.75rem!important;
}
.ml-16 {
	margin-left: 1rem!important;
}
.ml-20 {
	margin-left: 1.25rem!important;
}
.ml-24 {
	margin-left: 1.5rem!important;
}
.ml-28 {
	margin-left: 1.75rem!important;
}
.ml-32 {
	margin-left: 2rem!important;
}
.ml-36 {
	margin-left: 2.25rem!important;
}
.ml-40 {
	margin-left: 2.5rem!important;
}
.ml-48 {
	margin-left: 3rem!important;
}
.ml-80 {
	margin-left: 5rem!important;
}
.ml-160 {
	margin-left: 10rem!important;
}

/*--------------------------
PADDING
--------------------------*/
.p-0 {
	padding: 0!important;
}
.p-4 {
	padding: 0.25rem!important;
}
.p-8 {
	padding: 0.5rem!important;
}
.p-10 {
	padding: 0.625rem!important;
}
.p-16 {
	padding: 1rem!important;
}
.p-20 {
	padding: 1.25rem!important;
}
.p-30 {
	padding: 1.875rem!important;
}
.p-32 {
	padding: 2rem!important;
}
.p-40 {
	padding: 2.5rem!important;
}
.p-48 {
	padding: 3rem!important;
}

/*top*/
.pt-0 {
	padding-top: 0!important;
}
.pt-4 {
	padding-top: 0.25rem!important;
}
.pt-8 {
	padding-top: 0.5rem!important;
}
.pt-12 {
	padding-top: 0.75rem!important;
}
.pt-16 {
	padding-top: 1rem!important;
}
.pt-20 {
	padding-top: 1.25rem!important;
}
.pt-24 {
	padding-top: 1.5rem!important;
}
.pt-28 {
	padding-top: 1.75rem!important;
}
.pt-32 {
	padding-top: 2rem!important;
}
.pt-36 {
	padding-top: 2.25rem!important;
}
.pt-40 {
	padding-top: 2.5rem!important;
}
.pt-48 {
	padding-top: 3rem!important;
}
.pt-56 {
	padding-top: 3.5rem!important;
}
.pt-64 {
	padding-top: 4rem!important;
}
.pt-72 {
	padding-top: 4.5rem!important;
}
.pt-80 {
	padding-top: 5rem!important;
}
.pt-96 {
  padding-top: 6rem;
}
.pt-120 {
	padding-top: 7.5rem!important;
}
.pt-160 {
	padding-top: 10rem!important;
}
.pt-200 {
	padding-top: 12.5rem!important;
}
.pt-240 {
	padding-top: 15rem!important;
}

/*bottom*/
.pb-0 {
	padding-bottom: 0!important;
}
.pb-4 {
	padding-bottom: 0.25rem!important;
}
.pb-8 {
	padding-bottom: 0.5rem!important;
}
.pb-12 {
	padding-bottom: 0.75rem!important;
}
.pb-16 {
	padding-bottom: 1rem!important;
}
.pb-20 {
	padding-bottom: 1.25rem!important;
}
.pb-24 {
	padding-bottom: 1.5rem!important;
}
.pb-28 {
	padding-bottom: 1.75rem!important;
}
.pb-32 {
	padding-bottom: 2rem!important;
}
.pb-36 {
	padding-bottom: 2.25rem!important;
}
.pb-40 {
	padding-bottom: 2.5rem!important;
}
.pb-48 {
	padding-bottom: 3rem!important;
}
.pb-56 {
	padding-bottom: 3.5rem!important;
}
.pb-64 {
	padding-bottom: 4rem!important;
}
.pb-72 {
	padding-bottom: 4.5rem!important;
}
.pb-80 {
	padding-bottom: 5rem!important;
}
.pb-96 {
  padding-bottom: 6rem;
}
.pb-120 {
	padding-bottom: 7.5rem!important;
}
.pb-160 {
	padding-bottom: 10rem!important;
}
.pb-200 {
	padding-bottom: 12.5rem!important;
}
.pb-240 {
	padding-bottom: 15rem!important;
}

.py-80{
	padding-top: 5rem!important;
	padding-bottom: 5rem!important;
}

/*--------------------------
POSITION
--------------------------*/
.p-absolute {
	position: absolute;
}
.p-relateve {
	position: relative;
}
.p-fixed {
	position: fixed;
}
.center-y {
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}

/*--------------------------
DISPLAY
--------------------------*/
.flex {
	display: flex !important;
}
.space-between {
	justify-content: space-between;
}
.space-around {
	justify-content: space-around;
}
.space-evenly {
	justify-content: space-evenly;
}
.justify-end {
	justify-content: flex-end;
}
.justify-center {
	justify-content: center;
}
.align-items-center {
	align-items: center;
}
.align-items-start {
	align-items: flex-start;
}
.align-items-end {
	align-items: flex-end;
}
.align-flex-end {
	align-self: flex-end;
}

/*--------------------------
ALIGN
--------------------------*/
.text-center {
	text-align: center!important;
}
.text-left {
	text-align: left!important;
}
.text-right {
	text-align: right!important;
}

/*--------------------------
BACKGROUND
--------------------------*/
.bg-base {
	background: #454552!important;
	background: var(--base-color)!important;
}
.bg-main {
	background: #F6F6F6!important;
	background: var(--main-background)!important;
}
.bg-blue {
	background: #3F61B3!important;
	background: var(--school-base-color)!important;
}
.bg-red {
	background: #E85A71!important;
	background: var(--main-color)!important;
}
.bg-accent-blue {
	background: #5A82E8!important;
	background: var(--sub-accent-blue)!important;
}
.bg-white {
	background: #FFFFFF!important;
	background: var(--white)!important;
}
.bg-admin {
	background: #2B3E54!important;
	background: var(--admin-base)!important;
}
.bg-main-linear {
	background: #E85A71!important;
	background: var(--main-linear)!important;
}
.bg-blue-linear {
  background: #3F61B3!important;
	background: var(--blue-linear)!important;
}
.bg-green-linear {
  background: #3F9EB3!important;
	background: var(--green-linear)!important;
}
.bg-gray {
  background: #8f8f97!important;
	background: var(--button-gray)!important;
}
.bg-none {
	background: none!important;
}

/*--------------------------
RADIUS
--------------------------*/
.radius-6 {
	border-radius: 6px;
}
.radius-10 {
	border-radius: 10px;
}
.radius-20 {
	border-radius: 20px;
}
.radius-30 {
	border-radius: 30px;
}

/*--------------------------
SHADOW
--------------------------*/
.box-shadow{
	box-shadow: 0px 0px 15px rgba(33, 42, 57, 0.16);
	box-sizing: border-box;
}
.btn-shadow{
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	box-sizing: border-box;
}

/*--------------------------
FONT
--------------------------*/
.noto {
	font-family: 'Noto Sans JP';
}
.sans-serif{
	font-family: sans-serif;
}
@font-face {
	font-family: "Quicksand";
	src: url("/assets/font/quicksand.ttf");
}
.quicksand {
	font-family: "Quicksand";
	font-style: normal;
}

/*--------------------------
TEXT
--------------------------*/
h1,.h1 {
	font-weight: 900;
	font-size: 3rem;
	line-height: 1.6;
	letter-spacing: 0.1em;
	margin: 4rem 0 2rem;
}
h2,.h2 {
	font-weight: 900;
	font-size: 2rem;
	line-height: 1.6;
	letter-spacing: 0.03em;
	margin: 0;
	margin: 3.5rem 0 1.5rem;
}
h3,.h3 {
	font-weight: bold;
	font-size: 1.5rem;
	line-height: 1.6;
	letter-spacing: 0.05em;
	margin: 3.5rem 0 1rem;
}
h4,.h4 {
	font-weight: bold;
	font-size: 1.25rem;
	line-height: 1.6;
	letter-spacing: 0.05em;
	margin: 3.5rem 0 1rem;
}
h5,.h5 {
	font-weight: bold;
	font-size: 1rem;
	line-height: 1.6;
	letter-spacing: 0.05em;
	margin: 2rem 0 1rem;
}
.h6 {
	font-weight: bold;
	font-size: 1rem;
	line-height: 1.6;
	letter-spacing: 0.05em;
	margin: 1rem 0 0.7rem;
}

* > h1:first-child,
* > h2:first-child,
* > h3:first-child,
* > h4:first-child,
* > h5:first-child,
* > .h1:first-child,
* > .h2:first-child,
* > .h3:first-child,
* > .h4:first-child,
* > .h5:first-child {
  margin-top: 0;
}
h1 + h2,
h1 + .h2,
h2 + h3,
h2 + .h3,
h3 + h4,
h3 + .h4,
h4 + h5,
h4 + .h5{
	margin-top: 0;
}
.text-10 {
	font-size: 0.625rem;
	line-height: 1.6;
	letter-spacing: 0.03em;
}
.text-12 {
	font-size: 0.75rem;
	line-height: 1.6;
	letter-spacing: 0.03em;
}
.text-14 {
	font-size: 0.875rem;
	line-height: 1.6;
	letter-spacing: 0.03em;
}
.text-16 {
	font-size: 1rem;
	line-height: 1.6;
	letter-spacing: 0.03em;
}
.text-18 {
	font-size: 1.125rem;
	line-height: 1.6;
	letter-spacing: 0.03em;
}
.text-20 {
	font-size: 1.25rem;
	line-height: 1.6;
	letter-spacing: 0.03em;
}
.text-24 {
	font-size: 1.5rem;
	line-height: 1.6;
	letter-spacing: 0.03em;
}
.text-32 {
	font-size: 2rem;
	line-height: 1.6;
	letter-spacing: 0.05em;
}
.text-36 {
	font-size: 2.25rem;
	line-height: 1.6;
	font-weight: normal;
	letter-spacing: 0.05em;
}
.text-48 {
	font-size: 3rem;
	line-height: 1.6;
	letter-spacing: 0.05em;
}
.text-10-bold {
	font-weight: bold;
	font-size: 0.625rem;
	line-height: 1.6;
	letter-spacing: 0.03em;
}
.text-12-bold {
	font-weight: bold;
	font-size: 0.75rem;
	line-height: 1.6;
	letter-spacing: 0.03em;
}
.text-14-bold {
	font-weight: bold;
	font-size: 0.875rem;
	line-height: 1.6;
	letter-spacing: 0.03em;
}
.text-16-bold {
	font-weight: bold;
	font-size: 1rem;
	line-height: 1.6;
	letter-spacing: 0.03em;
}
.text-18-bold {
	font-weight: bold;
	font-size: 1.125rem;
	line-height: 1.6;
	letter-spacing: 0.03em;
}
.text-20-bold {
	font-weight: bold;
	font-size: 1.25rem;
	line-height: 1.6;
	letter-spacing: 0.03em;
}
.text-24-bold {
	font-weight: bold;
	font-size: 1.5rem;
	line-height: 1.6;
	letter-spacing: 0.03em;
}
.text-32-bold {
	font-weight: bold;
	font-size: 2rem;
	line-height: 1.6;
	letter-spacing: 0.05em;
}
.text-36-bold {
	font-weight: bold;
	font-size: 2.25rem;
	line-height: 1.6;
	letter-spacing: 0.05em;
}
.text-48-bold {
	font-weight: bold;
	font-size: 3rem;
	line-height: 1.6;
	letter-spacing: 0.05em;
}

.text-10-black {
	font-weight: 900;
	font-size: 0.625rem;
	line-height: 1.6;
	letter-spacing: 0.03em;
}
.text12-black {
	font-weight: 900;
	font-size: 0.75rem;
	line-height: 1.6;
	letter-spacing: 0.03em;
}
.text-14-black {
	font-weight: 900;
	font-size: 0.875rem;
	line-height: 1.6;
	letter-spacing: 0.03em;
}
.text-16-black {
	font-weight: 900;
	font-size: 1rem;
	line-height: 1.6;
	letter-spacing: 0.03em;
}
.text-18-black {
	font-weight: 900;
	font-size: 1.125rem;
	line-height: 1.6;
	letter-spacing: 0.03em;
}
.text-20-black {
	font-weight: 900;
	font-size: 1.25rem;
	line-height: 1.6;
	letter-spacing: 0.03em;
}
.text-24-black {
	font-weight: 900;
	font-size: 1.5rem;
	line-height: 1.6;
	letter-spacing: 0.03em;
}
.text-32-black {
	font-weight: 900;
	font-size: 2rem;
	line-height: 1.6;
	letter-spacing: 0.05em;
}
.text-36-black {
	font-weight: 900;
	font-size: 2.25rem;
	line-height: 1.6;
	letter-spacing: 0.05em;
}
.text-48-black {
	font-weight: 900;
	font-size: 3rem;
	line-height: 1.6;
	letter-spacing: 0.05em;
}

/*text eng*/
.text-10-eng {
	font-family: 'Quicksand', sans-serif;
	font-size: 0.625rem;
	line-height: 1.6;
	letter-spacing: 0.03em;
}
.text-12-eng {
	font-family: 'Quicksand', sans-serif;
	font-size: 0.75rem;
	line-height: 1.6;
	letter-spacing: 0.03em;
}
.text12-eng {
	font-family: 'Quicksand', sans-serif;
	font-size: 0.75rem;
	line-height: 1.6;
	letter-spacing: 0.03em;
}
.text-14-eng {
	font-family: 'Quicksand', sans-serif;
	font-size: 0.875rem;
	line-height: 1.6;
	letter-spacing: 0.03em;
}
.text-16-eng {
	font-family: 'Quicksand', sans-serif;
	font-size: 1rem;
	line-height: 1.6;
	letter-spacing: 0.03em;
}
.text-18-eng {
	font-family: 'Quicksand', sans-serif;
	font-weight: bold;
	font-size: 1.125rem;
	line-height: 1.6;
	letter-spacing: 0.03em;
}
.text-20-eng {
	font-family: 'Quicksand', sans-serif;
	font-weight: bold;
	font-size: 1.25rem;
	line-height: 1.6;
	letter-spacing: 0.03em;
}
.text-24-eng {
	font-family: 'Quicksand', sans-serif;
	font-weight: bold;
	font-size: 1.5rem;
	line-height: 1.6;
	letter-spacing: 0.03em;
}
.text-32-eng {
	font-family: 'Quicksand', sans-serif;
	font-weight: bold;
	font-size: 2rem;
	line-height: 1.6;
	letter-spacing: 0.05em;
}
.text-36-eng {
	font-family: 'Quicksand', sans-serif;
	font-weight: bold;
	font-size: 2.25rem;
	line-height: 1.6;
	letter-spacing: 0.05em;
}
.text-48-eng {
	font-family: 'Quicksand', sans-serif;
	font-weight: bold;
	font-size: 3rem;
	line-height: 1.6;
	letter-spacing: 0.05em;
}

/*各フォントカラー*/
.text-black,.text-base {
	color: #454552!important;
}
.text-red,.text-main {
	color: #E85A71!important;
}
.text-white {
	color: #FFFFFF!important;
}
.text-accent {
	color: #E8765A!important;
}
.text-blue {
	color: #3F61B3!important;
}
.text-accent-blue {
	color: #5A82E8!important;
}

/*--------------------------
ソースコード
--------------------------*/
pre {
  line-height: 0;
}
pre code {
	display: block;
	position: relative;
	background: #F6F6F6;
	padding: 1.5rem;
	border-radius: 10px;
	font-family: Menlo,Consolas,'DejaVu Sans Mono',monospace;
	font-size: 13px!important;
	font-weight: bold;
	line-height: 1.4;
}

/*--------------------------
その他
--------------------------*/
/*テキスト装飾*/
.underline {
	text-decoration: underline;
}

/*ボーダー*/
.border-bottom-white {
	border-bottom: 2px solid #fff;
}
.border-bottom-palegray {
    border-bottom: 2px solid #F6F6F6;
}
/*リストスタイル*/
.list-style-none {
	list-style: none;
}

/*====================================================
	TABLET
====================================================*/
@media screen and (max-width: 991px) {

.wrapper {
	width: 100%;
	min-width: auto;
}
section {
	margin: 0 auto;
}
.tab-w-100 {
	width: 100%;
	box-sizing: border-box;
}

}


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

html {
	font-size: 14px;
}

.sp-none {
	display: none;
}
.wrapper {
	width: 100%;
	min-width: auto;
	overflow: hidden;
}
section {
	width: auto;
	margin: 0 auto;
}

/*--------------------------
幅
--------------------------*/
.w-100 {
	width: 100%; /*col-6*/
}
.w-166 {
	width: 166px; /*col-1*/
}
.w-220 {
	width: 220px;
}
.w-246 {
	width: 246px;
}
.w-332 {
	width: 332px; /*col-2*/
}
.w-500 {
	width: 500px; /*col-3*/
}
.w-672 {
	width: 672px; /*col-4*/
}
.sp-w-50 {
	width: 50%;
}
.sp-m-auto {
	margin: 0 auto !important;
}
.sp-mb-0 {
	margin-bottom: 0!important;
}
.sp-mb-12 {
	margin-bottom: 12px!important;
}
.sp-mb-24 {
	margin-bottom: 24px!important;
}
.sp-mb-36 {
	margin-bottom: 36px!important;
}
.sp-mb-48 {
	margin-bottom: 48px!important;
}
.sp-mb-72 {
	margin-bottom: 72px!important;
}
.sp-mt-16 {
	margin-top: 16px!important;
}
.sp-mt-72 {
	margin-top: 72px!important;
}
.sp-mr-0 {
	margin-right: 0!important;
}
.sp-mr-12 {
	margin-right: 12px!important;
}
.sp-ml-0 {
	margin-left: 0!important;
}
.sp-p-24 {
	padding: 24px;
}
.sp-pb-24 {
	padding-bottom: 24px;
}

.sp-text-center {
	text-align: center!important;
}

}

/*====================================================
	SP
====================================================*/
@media screen and (max-width: 575px) {

.sp-w-100 {
	width: 100%;
}
.tab-w-100 {
	box-sizing: unset;
}
.w-350 {
	width: 100%!important;
}

}