/*	.philosophy
================================================ */
.philosophy #contents section h2 { font-size: 3rem; line-height: 1.3; }

@media all and (max-width: 767px) { .philosophy #contents section h2 { font-size: 2rem; } }

.philosophy #contents section h3 span { padding-right: 20px; line-height: 1.4; font-size: 2.2rem; }

@media all and (max-width: 767px) { .philosophy #contents section h3 span { font-size: 1.8rem; } }

.ttlImg > div .ttl { padding-left: 0; }

@media all and (max-width: 767px) { .ttlImg > div .ttl a > span, .ttlImg > div .ttl > span > span { padding-top: 11px; } }

@media all and (max-width: 360px) { .ttlImg > div .ttl a > span, .ttlImg > div .ttl > span > span { padding-top: 8px; } }

.philosophy p { letter-spacing: 0.035em; }

/*	.history
================================================ */
.history #contents section .inner h2 { font-size: 3rem; line-height: 1.3; }

@media all and (max-width: 767px) { .history #contents section .inner h2 { font-size: 2rem; } }

.history #contents section#timeLine .ttlStyle04 { letter-spacing: 0.035em; }

@media all and (max-width: 767px) { .history #contents section#timeLine .ttlStyle04 span { font-size: 1.2rem; } }

@media all and (max-width: 767px) { .history #contents section#timeLine table th { width: 80px; } }

/*  Academic Calendar
================================================ */
.schedule #contents .anchor li a { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; text-align: left; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }

.schedule #contents .anchor li a svg { position: relative; top: 5px; -ms-flex-negative: 0; flex-shrink: 0; }

.schedule #contents #department table::after { left: 149px; }

.schedule #contents #department th:nth-child(1) { width: 150px; }

.schedule #contents #specialist tr th:nth-child(1), .schedule #contents #foreign tr th:nth-child(1) { width: 150px; }

@media print, screen and (min-width: 768px) { .schedule #contents .anchor { width: 80%; }
	.schedule #contents .anchor li { min-width: 49%; margin-right: 0; } }

@media all and (max-width: 767px) { .schedule #contents .anchor li a svg { top: 3px; }
	.schedule #contents #department table::after { left: 94px; }
	.schedule #contents #department th:nth-child(1) { width: 95px; }
	.schedule #contents #department td { font-size: 1.3rem; }
	.schedule #contents #specialist tr th:nth-child(1), .schedule #contents #foreign tr th:nth-child(1) { width: 95px; font-size: 1.3rem; }
	.schedule #contents #specialist tr td, .schedule #contents #foreign tr td { font-size: 1.3rem; } }

@media all and (max-width: 767px) { .schedule #contents .anchor { padding-right: 14px; } }

/*	school_badge_color_song
================================================ */
@media all and (max-width: 767px) { .badge #contents > section .download a { font-size: 1.2rem; }
	.badge #contents > section .download a:after { right: 12px; } }

/*	campus
================================================ */
@media print, screen and (min-width: 768px) { .campus #contents .anchor li { width: 31% !important; min-width: auto; }
.campus #contents .anchor {
	padding-right: 19px;
}
}

.campus #contents .accordion { letter-spacing: 0.035em; }

.campus #contents .anchor li a { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; }

.campus #contents .anchor li a svg { top: 5px; }

@media print, screen and (min-width: 768px) { .access02.has-mt { margin-top: 150px !important; } }

.approach p { letter-spacing: 0.035em; }



/*	outline
================================================ */
.outline p { letter-spacing: 0.035em; }

.campus #contents .access { width: 100%; }


@media all and (max-width: 767px) { .campus #contents .info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; }
	.campus #contents .info .note { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } }

@media print, screen and (min-width: 768px) { .campus #contents .info { display: block; }
	.campus #contents .info .note { float: right; margin-bottom: 20px; margin-left: 20px; }
	.campus #contents .info > p { width: auto; } }

@media print, screen and (min-width: 768px) { .campus #contents #takatsuki .access02.has-mt { margin-top: calc(150px + 1em) !important; } }

.philosophy #contents section h2 { letter-spacing: 0.042em; }

.philosophy #contents section h3 span { letter-spacing: 0.042em; }

.philosophy #contents section h3 span b { letter-spacing: 0.042em; }

.history #contents section .inner h2 { letter-spacing: 0.042em; }

.topics.detail #contents .ttl time { letter-spacing: 0.028em; }

.topics.detail #contents .ttl h1 { letter-spacing: 0.042em; }

.news #contents article > div time { letter-spacing: 0.042em; }

.news #contents article > div h3 a { letter-spacing: 0.028em; }


@media screen and (max-width: 767px) {
	.campus #contents .accessMap p {
		padding: 20px;
		background: #fff;
	}
	.campus #contents .accessMap ul li:nth-child(1) {
		top: 28.6%;
		left: 19%;
	}
	.campus #contents .accessMap ul li:nth-child(2) {
		top: 7.5%;
		left: 38%;
		width: 19.7%;
	}
	.campus #contents .accessMap ul li:nth-child(3) {
		top: 4.5%;
		left: 57.5%;
	}
	.campus #contents .accessMap ul li:nth-child(4) {
			width: 19.8%;
			top: 81.1%;
			left: 27.5%;
	}
	.campus #contents .accessMap ul li:nth-child(5) {
		top: 38.6%;
		left: 52.5%;
		width: 19.9%;
	}
	.campus #contents .accessMap ul li:nth-child(6) {
			top: 44%;
	}
	.campus #contents .accessMap ul li:nth-child(7) {
			top: 22.2%;
			left: 19%;
			width: 21.5%;
	}
	.campus #contents .accessMap ul li:nth-child(8) {
		top: 24.2%;
		left: 55.5%;
		width: 22.5%;
	}
}
@media print, screen and (min-width: 768px){
	.campus #contents .accessMap p {
		padding: 40px;
		background: #fff;
	}
	.campus #contents .accessMap ul li:nth-child(1) {
		top: 277px;
		left: 138px;
		width: 207px;
	}
	
	.campus #contents .accessMap ul li:nth-child(2) {
		top: 65px;
		left: 323px;
		width: 190px;
	}
	.campus #contents .accessMap ul li:nth-child(3) {
			top: 32px;
			left: 516px;
			width: 230px;
	}
	.campus #contents .accessMap ul li:nth-child(4) {
		top: 776px;
		left: 225px;
		width: 190px;
	}
	.campus #contents .accessMap ul li:nth-child(5) {
		top: 363px;
		left: 468px;
		width: 188px;
	}
	.campus #contents .accessMap ul li:nth-child(6) {
		top: 421px;
		left: 313px;
		width: 170px;
	}
	
	.campus #contents .accessMap ul li:nth-child(7) {
			top: 186px;
			left: 138px;
			width: 207px;
	}
	.campus #contents .accessMap ul li:nth-child(8) {
			top: 225px;
			width: 214px;
	}
}