@charset "utf-8";

#school.history #contents {
    max-width: 100%;
}

#school.history h2 {
    max-width: 85%;
	margin: 0 auto 3em;
    padding: 0 0 0.5em 1em;
    text-indent: -1em;
}

/*******************************
history
*******************************/
#school.history .historyBox01 {
	margin-bottom: 5em;
}

#school.history .historyBox02 {
    width: 700px;
	max-width: 100%;
	margin: 0 auto;
}

#school.history .historyBox02 dl {
	display: flex;
	font-size: 112.5%;
	color: #000;
	font-weight: 500;
	font-family: 'Noto Serif JP', serif;
	padding: 1em 0;
}

#school.history .historyBox02 dl:nth-child(odd) {
	background: #F2F5F8;
}

#school.history .historyBox02 dl dt {
	width: 20%;
	text-align: center;
}

#school.history .historyBox02 dl dt span.year {
	font-size: 80%;
}

#school.history .historyBox02 dl dd {
	width: 80%;
}

#school.history .historyBox02 dl dd .list01 {
	font-size: 88.88%;
	color: #00336A;
	margin-top: 0.25em;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: normal;
}

#school.history .historyBox02 dl dd .list01 li {
	display: inline-block;
	text-indent: -1.35em;
    margin: 0 1em 0 1.35em;
}

#school.history .historyBox02 dl dd .list01 li::before {
	content: "●";
	margin-right: 0.35em;
}

#school.history .historyBox02 dl dd .list01 li:not(:first-child) {
	margin-left: 1em;
}

#school.history .historyBox02 dl dd .other01 {
	font-size: 88.88%;
	color: #00336A;
	margin-top: 0.25em;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: normal;
}

#school.history .historyBox02 dl dd .txt01 {
	color: #00336A;
}

/*******************************
senmon
*******************************/
#school.history .senmonBox02 {
	width: 1000px;
	max-width: 95%;
	text-align: center;
	margin: 0 auto 3.5em;
}

#school.history .senmonBox02 dt {
	font-weight: 500;
	text-align: center;
	font-size: 150%;
	color: #00336A;
	margin-bottom: 1em;
}

#school.history .senmonBox02 dd ul {
	display: flex;
	justify-content: space-between;
	width: 820px;
	max-width: 100%;
	margin: 0 auto;
}

#school.history .senmonBox02 dd ul li {
	width: 48%;
}

#school.history .senmonBox02 dd ul li a {
	display: block;
	font-weight: 700;
	color: #00336A;
	font-size: 137.5%;
	background: #DED7B9;
	border-radius: 300px;
	padding: 1em 0;
	letter-spacing: 0.08em;
}

#school.history .senmonBox02 dd ul li a::after {
	content: '';
	display: inline-block;
	width: 0.65em;
	height: 0.75em;
	background-image: url(/common/images/arrow_10.svg);
	background-size: contain;
	vertical-align: middle;
	margin: 0 0 0.25em 0.75em;
}

#school.history .senmonBox03 {
	width: 1000px;
	max-width: 90%;
	margin: 0 auto 2.5rem;
}

#school.history .senmonBox03 h3 {
	font-size: 162.5%;
	font-weight: 500;
	color: #00336A;
	margin-bottom: 0.65em;
}

#school.history .senmonBox03 p {
	color: #000;
	font-size: 125%;
	line-height: 1.8;
}

#school.history .senmonBox04 {
	width: 1000px;
	max-width: 90%;
	margin: 0 auto;
}

#school.history .senmonBox04 h4 {
	font-size: 137.5%;
	font-weight: 500;
	color: #000;
	margin-bottom: 0.75em;
}

#school.history .senmonBox04 ol li:not(:last-child) {
	margin-bottom: 0.25em;
}

#school.history .senmonBox04 ol li dl {
	display: flex;
	align-items: flex-start;
}

#school.history .senmonBox04 ol li dl dt {
	font-size: 125%;
	font-weight: 700;
	color: #00336A;
	margin-right: 1em;
}

#school.history .senmonBox04 ol li dl dt b.number {
	font-size: 80%;
	width: 1.65em;
	height: 1.25em;
	background: #00336A;
	display: inline-block;
	vertical-align: middle;
	color: #fff;
	text-align: center;
	padding-bottom: 0.4em;
	border-radius: 100%;
	margin: 0 0.5em 0.25em 0;
}

#school.history .senmonBox04 ol li dl dd {
	color: #000;
	font-size: 112.5%;
}

#school.history .senmonBox04 ol li dl dd a {
	color: #00336A;
	display: inline-block;
	margin-left: 1em;
}