@charset "UTF-8";
/*
* style_license.css
* description : 
*
* Created  2018/11/26.
* Last Update 2019/12/03.
*/





/* INDEX */
/*[[[ Page Header ]]] */
/*----- [[[ Image ]]] -----*/


/*[[[ Title Header ]]]*/
/*----- [[[ Title ]]] -----*/





/*
[[[ Page Header ]]] 
*/

/*----- [[[ Image ]]] -----*/

/*[ Background Image ]*/
#page-header .page-image .bg-image {
	/*background: url(../images/p_image_head.jpg) no-repeat center center;*/
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	width:100%;
}


@media screen and (min-width:768px) {
	#page-header .page-image .bg-image.pc {
		padding-top: 25%;
		height: 160px;
	}

} /* @media screen and (min-width:768px) end */


@media screen and (max-width:767px) {
	#page-header .page-image .bg-image.spn {
		padding-top: 42.66666%;
	}

} /* @media screen and (max-width:767px) end */


@media screen and (max-width:767px) and (min-width:360px) {
	#page-header .page-image .bg-image.spn {
		height: 160px;
	}

} /* @media screen and (max-width:767px) and (min-width:360px) end */


@media screen and (max-width:359px) {
	#page-header .page-image .bg-image.spn {
		height: 140px;
	}

} /* @media screen and (max-width:359px) end */










/*
[[[ Title Header ]]]
*/

/*----- [[[ Title ]]] -----*/
/*[ text ]*/
@media screen and (max-width:767px) {
	#prologue .main-ttl-header {
		line-height: 1.2;
		margin-top:6px;
	}

} /* @media screen and (max-width:767px) end */










/*
[[[ School schedule ]]]
*/

/*----- [[[ schedule List ]]] -----*/

/*[[[ Table Type 1 ]]]*/
#content-group1 .table-basic.type1,
#content-group1 .table-basic.type1 .bg-cell-even {
	background: rgba(248,252,254,1); /*#F8FCF8*/
}
#content-group1 .table-basic.type1 tr:nth-child(even),
#content-group1 .table-basic.type1 .bg-cell-odd  {
	background: rgba(234,243,248,1); /*#EAF3F8*/
}
#content-group1 .table-basic.type1 tr th {
	background: rgba(179,179,179,1); /*#b3b3b3*/
}
#content-group1 .table-basic.type1 th,
#content-group1 .table-basic.type1 td {
	padding: .7rem;
	border-bottom: 1px solid #FFF;
}
#content-group1 .table-basic.type1 tr th:not(:last-child),
#content-group1 .table-basic.type1 tr td:not(:last-child) {
	border-right: 1px solid #FFF;
}
#content-group1 .table-basic.type1 tr th:nth-child(1) {
	width:22%;
}
#content-group1 .table-basic.type1 tr th:nth-child(n+2) {
	width:26%;
}

#content-group1 .table-basic.type1 .nowrap {
	white-space: nowrap;
}










/*
[[[ About Update ]]]
*/

/*[[[ Attention ]]]*/
@media screen and (min-width:768px) {
	#attention .flex-box {
		display: flex;
		display: -webkit-flex;
		justify-content: center;
		align-items: center;
	}

} /* @media screen and (min-width:768px) end */

/*[ Back Ground ]*/
#attention .bg-att {
	background: rgba(255,249,226,1); /*#fff9e2*/
}

/*[ Text Color ]*/
#attention .att-text {
	padding-left: 2rem;
	color: rgba(230,0,18,1); /*#e60012*/
}

@media screen and (max-width:767px) {
	#attention .att-text {
		padding-left: 0;
		margin-top: 7px;
		line-height: 1.4;
	}

} /* @media screen and (max-width:767px) end */










/*
[[[ School Entry ]]]
*/

/*[ Boarder ]*/
#school-entry .ttl-border {
	box-sizing: border-box;
	border:1px solid rgba(0,81,147,1);
}


/*[ Blank Link List ]*/
#school-entry .blank-list > li:not(:last-child) {
	margin-bottom:7px;
}










/*----- [[[ schedule List ]]] -----*/

#content-group1 .table-basic.type2 .nowrap {
	white-space: nowrap;
}


/*[[[ Table Type 2 ]]]*/
@media screen and (min-width:768px) {
	#content-group1 .table-basic.type2 {
		background: rgba(248,252,254,1); /*#F8FCF8*/
	}
	#content-group1 .table-basic.type2 tr:nth-child(even) {
		background: rgba(234,243,248,1); /*#EAF3F8*/
	}
	#content-group1 .table-basic.type2 tr td:first-child {
		background: rgba(141,195,226,1); /*#8dc3e2*/
	}
	#content-group1 .table-basic.type2 th,
	#content-group1 .table-basic.type2 td {
		padding: .7rem;
		border-bottom: 1px solid #FFF;
	}
	#content-group1 .table-basic.type2 tr th:not(:last-child),
	#content-group1 .table-basic.type2 tr td:not(:last-child) {
		border-right: 1px solid #FFF;
	}
	#content-group1 .table-basic.type2 tr th:nth-child(1),
	#content-group1 .table-basic.type2 tr th:nth-child(4) {
		width:12%;
	}
	#content-group1 .table-basic.type2 tr th:nth-child(2),
	#content-group1 .table-basic.type2 tr th:nth-child(3) {
		width:22%;
	}
	#content-group1 .table-basic.type2 tr th:nth-child(5) {
		width:32%;
	}

} /* @media screen and (min-width:768px) end */


@media screen and (max-width:767px) {
	#content-group1 .table-basic.type2 {
		background: rgba(248,252,254,1); /*#F8FCF8*/
	}
	#content-group1 .table-basic.type2 tr:nth-child(even) {
		background: rgba(234,243,248,1); /*#EAF3F8*/
	}
	#content-group1 .table-basic.type2 .bg-cell1 {
		background: rgba(141,195,226,1); /*#8dc3e2*/
	}
	#content-group1 .table-basic.type2 th,
	#content-group1 .table-basic.type2 td {
		padding: .7rem;
		border-bottom: 1px solid #FFF;
	}
	#content-group1 .table-basic.type2 tr th:not(:last-child),
	#content-group1 .table-basic.type2 tr td:not(:last-child) {
		border-right: 1px solid #FFF;
	}
	#content-group1 .table-basic.type2 tr td:nth-child(1) {
		width:22%;
	}
	#content-group1 .table-basic.type2 tr td:nth-child(2) {
		width:78%;
	}
	#content-group1 .table-basic.type2 tr:nth-child(5n):not(:last-child) td {
	border-bottom: 12px solid rgba(255,255,255,1); /*#FFFFFF*/
	}

} /* @media screen and (max-width:767px) end */



/*[[[ Add Place ]]]*/ /* 2019.12.3 */
@media screen and (min-width: 768px) {
	.schedule-col {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}

}


@media screen and (max-width: 767px) {
	.schedule-col .schedule-col-2 {
		margin-top: 8px;
		display: inline-block;
	}

}

.schedule-col .schedule-col-2 > div {
	border-radius: 18px;
}










/*
[[[ YouTube Movie ]]]
*/

/*----- [[[ Header ]]] -----*/

@media screen and (min-width: 768px) {
 #content-movie .cnt-ttl-header-line .header4 {
  position: relative;
 }
 #content-movie .cnt-ttl-header-line .header4::before {
  position: absolute;
  top: calc(50% - 1px);
  left: 0;
  width: 100%;
  height: 2px;
  content: '';
  background: rgba(0,111,187,1);
 }
 #content-movie .cnt-ttl-header-line .header4 .in-line {
  position: relative;
  padding: 0 1em;
  background: #fff;
 }

} /* @media screen and (min-width: 768px) end */

.cl-pickup-red {
 color: rgba(230,0,18,1); /*#e60012*/
}