@charset "utf-8";

/* --------------------------------------------

育脳学童

---------------------------------------------- */

.pagetitle h1 {
	font-weight: bold;
}

.pagetitle h1 img {
    width: 30%;
    max-width: 130px;
	margin: 4.5em auto 1em !important;
}

.pagetitle small {
	padding-top: 1em;
}

.gakudouWrap {
	max-width: 960px;
	width: 90%;
	margin: -5rem auto 0;
}

.gakudouWrap > section {
	margin-bottom: 7rem;
}

.gakudouWrap > section > h2 {
	display: block;
	clear: both;
	margin: 2rem 0 1rem;
	text-align: left;
	font-size: 2rem;
	color: #894987;
	font-weight: bold;
	border-bottom: 2px dotted;

}

.gakudou__title .gakudou__box {
	display: flex;
	align-items: center;
}

.gakudou__title p {
	margin-bottom: 1rem;
}

.gakudou__title .gakudou__box img {
	display: block;
	margin-left: 50px;
}

.gakudou__hoikusi {
	float: right;
	margin: 10px 0 0 0;
}

.gakudou__aim dl {
	padding: 4rem 10%;
	margin: 5rem auto;
	background: rgba(229, 199, 232, 0.3);
	border-radius: 30px;
}

.gakudou__aim dt > h2 {
	padding: 0 0 2rem;
}

.gakudou__aim dd {
	display: flex;
	margin: 1em;
	line-height: 1.6em;
}

.gakudou__aim dd .year {
	margin-right: 1em;
	white-space: nowrap;
}


.gakudou__course div {
	display: flex;
	justify-content: space-between;
	margin: 10px 0;
}

.gakudou__course dl {
	width: 48%;
	padding: 2rem 3rem;
	background: rgba(229, 199, 232, 0.3);
	border-radius: 10px;
}

.gakudou__course dt {
	margin-bottom: 1rem;
	font-weight: bold;
	font-size: 1.8rem;
}


.gakudou__schedule {
	margin-bottom: 2rem;
}

.gakudou__schedule h3 {
	padding-top: 2rem;
	color: #894987;
}

.gakudou__schedule > div {
	display: flex;
	justify-content: space-between;
}

.gakudou__schedule dl {
	width: 46%;
	margin-bottom: 5rem;
}

.gakudou__schedule dl h4 {
	padding: 2rem 0 1rem;
}

.gakudou__schedule dl dt ,
.gakudou__schedule dl dd {
	padding: 1rem;
	padding-left: 1rem;
}

.gakudou__schedule dl dt {
	float: left;
	width: 30%;
	font-weight: bold;
	text-align: center;
}

.gakudou__schedule dl dd {
	padding-left: 9rem;
	border-top: 1px dotted #bebebe;
}

.gakudou__schedule dl dt:last-of-type {
	/*border-bottom: 1px solid #bebebe;*/
}

.gakudou__schedule dl dd:last-of-type {
	border-bottom: 1px dotted #bebebe;
}


.supportTable {
	width: 100%;
	margin-top: 20px;
	background: #fff;
}

.supportTable th,
.supportTable td {
	padding: 1em 2em;
	border: #BBBBBB solid 1px;
}

.supportTable th {
	width: 25%;
	background: rgb(247, 238, 248);
}

.supportTable td a {
	margin-top: 1rem;

}



.gakudou__societyBox,
.gakudou__activityBox {
	display: flex;
	flex-wrap: wrap;
}

.gakudou__societyBox div,
.gakudou__activityBox div {
	width: 33%;
	padding: 2rem 0.5% 2rem;
}

.gakudou__societyBox div img,
.gakudou__activityBox div img {
	display: block;
	width: 100%;
	margin-bottom: 1rem;
}



@media screen and (max-width:640px) {
	/* .pagetitle__butterfly-left {
        top: 14rem;
        left: -5%;
    }

	.pagetitle__butterfly-right {
        top: -1rem;
        right: -5%;
    } */

	.pagetitle h1 {
        font-size: 2.5rem;
	}

	.pagetitle h1 br {
		display: block;
	}

	.pagetitle small {
		padding: 1.5em 0;
	}

	.gakudouWrap > section {
		margin-bottom: 5rem;
	}

	.gakudou__title .gakudou__box {
		flex-direction: column;
	}

	.gakudou__title .gakudou__box img {
		width: 100%;
		max-width: 400px;
		margin: 30px 0 0 0;
	}

	.gakudou__course div {
		flex-direction: column;
	}

	.gakudou__course dl {
		width: 100%;
		margin: 10px 0;
	}

	.gakudou__open table th,
	.gakudou__open table td {
		display: block;
		width: 100%;
	}

	.gakudou__schedule div {
		display: block;
	}

	.gakudou__schedule dl {
		width: 90%;
		margin: 3rem auto;
	}

	.gakudou__schedule dl dt {
		width: 30%;
		text-align: center;
	}

	.gakudou__societyBox div,
	.gakudou__activityBox div {
		width: 100%;
	}

	.gakudou__activityBox div {
		width: 100%;
		max-width: 300px;
		margin: 1% auto;
	}
}