@charset "utf-8";/*放課後用*/
/* ------------------------------------------------ */
#hokago {
}
.hokagotitle {
	margin-bottom: 40px;
}
.hokagotitle h2 {
	display: block;
	font-size: 30px;
	font-size: 3vmin;
	font-size: clamp(24px, 3vmin, 30px);
	font-weight: 700;
	line-height: 1em;
	color: var(--white);
	background-color: var(--blue1);
	padding: 10px;
}
/* ------------------------------------------------ */
#hokago-about {
}
.hokago-about {
}
.hokago-about-bloc {
	margin-bottom: 40px;
}
.hokago-about-bloc:last-child {
	margin-bottom: 0px;
}
.hokago-about-mokutaki {
}
.hokago-about-mokutaki dl {
}
.hokago-about-mokutaki dl dt {
	color: var(--blue1);
	font-size: 24px;
	font-weight: 700;
	border-bottom: 1px solid var(--blue1);
	margin-bottom: 20px;
}
.hokago-about-mokutaki dl dd {
}
.hokago-about-mokutaki dl dd ul {
}
.hokago-about-mokutaki dl dd ul li {
	position: relative;
	font-size: 30px;
	font-size: 3vmin;
	font-size: clamp(20px, 3vmin, 30px);
	font-weight: 700;
	line-height: 1.2em;
	padding: 10px 10px 10px 30px;
}
.hokago-about-mokutaki dl dd ul li::before {
	content: "■";
	position: absolute;
	left: 0px;
	top: 50%;
	color: var(--blue1);
	font-size: 16px;
	line-height: 1em;
	margin-top: -5px;
}
.hokago-about-mokutaki-img {
}
.hokago-about-mokutaki-img img {
	margin: 0px auto;
}
@media screen and (max-width: 767px) {
	.hokago-about-mokutaki dl dd {
		text-align: center;
	}
	.hokago-about-mokutaki dl dd ul {
		display: inline-block;
	}
	.hokago-about-mokutaki dl dd ul li {
		text-align: left;
	}
}
@media screen and (min-width: 768px) {
	.hokago-about-mokutaki {
		position: relative;
		min-height: 300px;
		padding-left: 550px;
	}
	.hokago-about-mokutaki dl {
		padding-top: 70px;
	}
	.hokago-about-mokutaki dl dt {
	}
	.hokago-about-mokutaki dl dd {
	}
	.hokago-about-mokutaki-img {
		position: absolute;
		left: 0px;
		top: 0px;
	}
}
.hokago-about-flow {
}
.hokago-about-flow dl {
	margin-bottom: 20px;
}
.hokago-about-flow dl:last-child {
}
.hokago-about-flow dl dt {
	color: var(--blue1);
	font-size: 24px;
	font-weight: 700;
	padding: 10px 10px;
}
.hokago-about-flow dl dd {
	padding: 10px 10px;
}
@media screen and (max-width: 767px) {
	.hokago-about-flow dl dt {
		margin-bottom: 20px;
	}
	.hokago-about-flow dl dt {
		color: var(--blue1);
		font-size: 24px;
		font-weight: 700;
		border-bottom: 1px solid var(--blue1);
		margin-bottom: 20px;
		padding: 0px;
	}
}
@media screen and (min-width: 768px) {
	.hokago-about-flow dl {
		display: table;
		width: 100%;
		table-layout: fixed;
		border-spacing: 0px;
	}
	.hokago-about-flow dl dt,
	.hokago-about-flow dl dd {
		display: table-cell;
		vertical-align: middle;
	}
	.hokago-about-flow dl dt {
		width: 20%;
	border-right: 1px solid var(--blue1);
	}
}
/* ------------------------------------------------ */
#hokago-naiyo {
}
.hokago-naiyo {
}
.hokago-naiyo-bloc {
}
.hokago-naiyo dl {
	margin-bottom: 30px;
}
.hokago-naiyo dl:last-child {
	margin-bottom: 0px;
}
.hokago-naiyo dl dt {
}
.hokago-naiyo dl dt h3 {
	color: var(--blue1);
	font-size: 24px;
	border-bottom: 2px solid var(--blue1);
	margin-bottom: 10px;
	padding-bottom: 10px;
}
.hokago-naiyo dl dd {
	padding: 10px;
}
.hokago-naiyo dl dd p {
}
.hokago-naiyo dl dd strong {
	color: var(--red2);
	font-size: 24px;
}
.hokago-naiyo-img {
	margin-bottom: 30px;
}
.hokago-naiyo-img img {
	margin: 0px auto;
}
@media screen and (min-width: 768px) {
	.hokago-naiyo-bloc dl dd {
		position: relative;
		min-height: 350px;
	}
	.hokago-naiyo-bloc:nth-child(1) dl dd,
	.hokago-naiyo-bloc:nth-child(3) dl dd {
		padding-left: 350px;
	}
	.hokago-naiyo-bloc:nth-child(2) dl dd {
		padding-right: 350px;
	}
	.hokago-naiyo-img {
		position: absolute;
		top: 0px;
	}
	.hokago-naiyo-img img {
		-moz-border-radius: 50%;
		-webkit-border-radius: 50%;
		border-radius: 50%;
	}
	.hokago-naiyo-bloc:nth-child(1) .hokago-naiyo-img,
	.hokago-naiyo-bloc:nth-child(3) .hokago-naiyo-img {
		left: 0px;
	}
	.hokago-naiyo-bloc:nth-child(2) .hokago-naiyo-img {
		right: 0px;
	}
	.hokago-naiyo-bloc:nth-child(2) .hokago-naiyo-img,
	.hokago-naiyo-bloc:nth-child(3) .hokago-naiyo-img {
		top: 40px;
	}
}
.hokago-about-link {
	text-align: center;
}
.hokago-about-link ul {
}
.hokago-about-link ul li {
}
.hokago-about-link ul li a {
	position: relative;
	display: block;
	color: var(--white);
	font-size: 18px;
	font-weight: 700;
	background-color: var(--blue1);
	text-decoration: none;
}
.hokago-about-link ul li a:hover,
.hokago-about-link ul li a:active {
	background-color: #5bb7e5;
}
.hokago-about-link ul li a::after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 7px 0 7px;
	border-color: #fff transparent transparent transparent;
}
@media screen and (max-width: 767px) {
.hokago-about-link {
	text-align: left;
}
	.hokago-about-link ul li {
		padding: 2px 10px;
	}
	.hokago-about-link ul li a {
		padding: 10px 10px;
	}
	.hokago-about-link ul li a::after {
		right: 10px;
		top: 50%;
		margin-top: -5px;
	}
}
@media screen and (min-width: 768px) {
	.hokago-about-link ul li {
		display: inline-block;
	}
	.hokago-about-link ul li a {
		position: relative;
		width: 160px;
		height: 160px;
		-moz-border-radius: 50%;
		-webkit-border-radius: 50%;
		border-radius: 50%;
		margin: 0px 5px;
	}
	.hokago-about-link ul li a span {
		display: block;
		position: absolute;
		left: 50%;
		top: 50%;
		-webkit-transform: translate(-50%,-50%);
		-moz-transform: translate(-50%,-50%);
		-ms-transform: translate(-50%,-50%);
		-o-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
		width: 180px;
	}
	.hokago-about-link ul li a::after {
		left: 50%;
		bottom: 30px;
		margin-left: -7px;
	}
}
/* ------------------------------------------------ */
#hokago-form {
}
.hokago-about {
}
/* ------------------------------------------------ */
#hokago-jikanwari {
}
#jikanwari {
}
.jikanwari {
}
.jikanwari-bloc {
}
@media screen and (max-width: 767px) {
	.jikanwari-bloc {
		margin-bottom: 30px;
	}
}
@media screen and (min-width: 768px) {
	.jikanwari {
		display: table;
		width: 100%;
		table-layout: fixed;
		border-spacing: 0px;
	}
	.jikanwari#jikanwari1 {
		margin-bottom: 30px;
	}
	.jikanwari-bloc {
		display: table-cell;
		vertical-align: top;
	}
	.jikanwari-bloc#jikanwari-hei {
		margin-bottom: 30px;
	}
	.jikanwari-bloc#jikanwari-sut {
		padding-right: 10px;
	}
	.jikanwari-bloc#jikanwari-yasumi {
		padding-left: 10px;
	}
}
.jikanwari-box {
	padding: 0px 5px;
}
.jikanwari-box.jikanwari-box-am {
	margin-bottom: 20px;
}
.jikanwari-bloc h3 {
	color: var(--blue1);
	font-size: 30px;
	font-size: 3vmin;
	font-size: clamp(24px, 3vmin, 30px);
	border-bottom: 2px solid var(--blue1);
	margin-bottom: 30px;
	padding-bottom: 10px;
}
.jikanwari-box h4 {
	display: block;
	width: 150px;
	color: var(--white);
	font-size: 22px;
	line-height: 1em;
	text-align: center;
	background-color: var(--blue1);
	padding: 5px 10px;
}
.jikanwari-bloc ul {
	border: 2px solid #000;
}
.jikanwari-bloc ul li {
	border-bottom: 1px solid #000;
}
.jikanwari-bloc ul li:last-child {
	border-bottom: none;
}
.jikanwari-bloc ul li.jikanwari-degi,
.jikanwari-bloc ul li#jikanwari-degiweek {
	background-color: #e2f9f4;
}

.jikanwari-bloc ul li dl {
	display: table;
	width: 100%;
	table-layout: fixed;
	border-spacing: 0px;
}
.jikanwari-bloc ul li dl dt,
.jikanwari-bloc ul li dl dd {
	display: table-cell;
	vertical-align: middle;
	padding: 10px;
}
.jikanwari-bloc ul li dl dt {
	width: 150px;
	font-weight: 700;
	text-align: center;
	background-color: #fffced;
	border-right: 1px solid #000;
}
@media screen and (max-width: 767px) {
	.jikanwari-bloc ul li dl dt {
		width: 70px;
	}
}
.jikanwari-bloc#jikanwari-hei ul li dl dt {
}
.jikanwari-bloc ul li dl dd {
}
#jikanwari-degiweek {
}
.jikanwari-degiweek {
	background-color: #fff;
/*
	border: 1px solid #000;
*/
}
.jikanwari-degiweek-week {
}
.jikanwari-degiweek-class {
}
.jikanwari-degiweek-week,
.jikanwari-degiweek-class {
}
.jikanwari-degiweek-week div {
	font-weight: 700;
}
.jikanwari-degiweek-week div,
.jikanwari-degiweek-class strong,
.jikanwari-degiweek-class div {
	font-size: 14px;
	line-height: 1.4em;
	text-align: center;
}
.jikanwari-degiweek-class span {
	display: block;
	font-size: 0.8em;
	line-height: 1em;
	padding-top: 5px;
}
.jikanwari-degiweek-class strong:nth-child(1) {
	background-color: #fff;
}
.jikanwari-degiweek-week div:nth-child(2),
.jikanwari-degiweek-class div:nth-child(2) {
	background-color: #fcc;
}
.jikanwari-degiweek-week div:nth-child(3),
.jikanwari-degiweek-class div:nth-child(3) {
	background-color: #ffedb7;
}
.jikanwari-degiweek-week div:nth-child(4),
.jikanwari-degiweek-class div:nth-child(4) {
	background-color: #ceffd3;
}
.jikanwari-degiweek-week div:nth-child(5),
.jikanwari-degiweek-class div:nth-child(5) {
	background-color: #c9fcff;
}
.jikanwari-degiweek-week div:nth-child(6),
.jikanwari-degiweek-class div:nth-child(6) {
	background-color: #d1e2ff;
}
.jikanwari-degiweek-week div:nth-child(7),
.jikanwari-degiweek-class div:nth-child(7) {
	background-color: #d3d1ff;
}
@media screen and (max-width: 767px) {
	#jikanwari-degiweek {
		padding: 5px;
	}
	.jikanwari-degiweek {
		display: table;
		width: 100%;
		table-layout: fixed;
		border-spacing: 2px 0px;
	}
	.jikanwari-degiweek-week,
	.jikanwari-degiweek-class {
		display: table-cell;
		text-align: center;
		vertical-align: top;
	}
	.jikanwari-degiweek-week {
		width: 55px;
	}
	.jikanwari-degiweek-week:last-child,
	.jikanwari-degiweek-class:last-child {
		border-right: none;
	}
	.jikanwari-degiweek-week div,
	.jikanwari-degiweek-class strong,
	.jikanwari-degiweek-class div {
		display: block;
		padding: 5px;
		margin-bottom: 2px;
	}
	.jikanwari-degiweek-week div,
	.jikanwari-degiweek-class div {
		height: 45px;
	}
	.jikanwari-degiweek-week div:nth-child(1) {
		display: block;
		height: auto;
	}
	.jikanwari-degiweek-week div:last-child,
	.jikanwari-degiweek-class strong:last-child,
	.jikanwari-degiweek-class div:last-child {
		display: block;
		border-bottom: none;
		margin-bottom: 0px;
	}
}
@media screen and (min-width: 768px) {
	#jikanwari-degiweek {
		padding: 10px;
	}
	.jikanwari-degiweek-week,
	.jikanwari-degiweek-class {
/*
		border-bottom: 1px solid #000;
*/
	}
	.jikanwari-degiweek-week,
	.jikanwari-degiweek-class {
		display: table;
		width: 100%;
		table-layout: fixed;
		border-spacing: 2px 1px;
	}
	.jikanwari-degiweek-class:last-child {
		border-bottom: none;
	}
	.jikanwari-degiweek-week div,
	.jikanwari-degiweek-class strong,
	.jikanwari-degiweek-class div {
		display: table-cell;
		vertical-align: middle;
/*
		border-right: 1px solid #000;
*/
		padding: 5px;
	}
	.jikanwari-degiweek-class strong,
	.jikanwari-degiweek-week div:nth-child(1) {
		width: 80px;
	}
	.jikanwari-degiweek-class:last-child strong,
	.jikanwari-degiweek-class:last-child div {
		padding: 15px 5px;
	}
	.jikanwari-degiweek-week div:last-child,
	.jikanwari-degiweek-class strong:last-child,
	.jikanwari-degiweek-class div:last-child {
		border-right: none;
	}
}
/* ------------------------------------------------ */
#hokago-syllabus {
}
.syllabus {
}
.syllabus ul {
	max-width: 550px;
	margin: 0px auto;
}
.syllabus ul li {
	margin-bottom: 10px;
}
.syllabus ul li a {
	display: block;
	color: var(--blue1);
	font-weight: 500;
	text-decoration: none;
	background-color: var(--white);
	border: 2px solid var(--blue1);
	background-image: url("./img/parts/pdf.png");
	background-repeat: no-repeat;
	background-position: 5px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	padding: 5px 5px 5px 35px;
}
.syllabus ul li a:hover {
	background-color: var(--blue2);
}
/* ------------------------------------------------ */
#hokago-sns {
	padding-bottom: 100px;
}
.hokago-sns-insta {
	text-align: center;
}
.hokago-sns-insta strong {
	display: block;
	font-size: 20px;
	margin-bottom: 10px;
}
.hokago-sns-insta a {
	display: inline-block;
	color: #fff;
	text-decoration: none;
	background-color: var(--blue3);
	padding: 10px 10px;
	box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.1);
	-moz-box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.1);
}
.hokago-sns-insta a svg {
	display: inline-block;
	width: 30px;
	vertical-align: middle;
	margin-right: 15px;
}
.hokago-sns-insta a svg#insta path {
	fill: #fff;
}
.hokago-sns-insta a span {
	display: inline-block;
	font-size: 18px;
	font-weight: 700;
	vertical-align: middle;
}
/* ------------------------------------------------ */