/* add-2025 */

* { font-size:100%; letter-spacing:unset; }
html { overflow-y: initial; }
body {
  position: relative; -webkit-font-smoothing: antialiased; -webkit-font-feature-settings: 'palt'; font-feature-settings: 'palt';
  word-wrap : break-word; overflow-wrap : break-word; font-kerning: normal; -webkit-font-kerning: normal;
  font-family: var(--f_base);
  line-height: 1.5; letter-spacing: .05em; font-weight: 400;
  background-color: var(--c_white); color: var(--c_black);
  box-sizing: border-box; padding: 0; margin: 0; }
hr { margin: 2rem 0; }
img { vertical-align:bottom; }

#wrapper { font-size: 120%; }

#headerWrapper,
.googleSearch .search-query,
.googleSearch .btn,
.pageTop a,
.rightCol h4,
.rightCol .readMore a,
.rightCol .moreNews a,
.category,
.category a,
.event_calendar ul li .date,
.itemWrapper .text h1,
.itemWrapper .text h2,
.itemWrapper .text .excerpt,
.topPage h2,
.imageIndex h2,
.titleGroup h1,
article h2,
.articleText .caption,
.contact h4,
.additional h4,
.researchers_profile .ResearchersName,
.researchers_profile2 .ResearchersName,
.researchers_profile .profiletext p,
.researchers_profile .profiletext2 p,
.researchers_profile .awards,
.researchers_profile .awards h6,
.newsIndex ul li .category,
.eventsIndex ul li .category,
.well button,
.siteMap h3,
.presidentName { font-family: var(--f_title); }

#slideArea { width:100%; }

.itemWrapper { width: 100%; height:auto; display:flex; align-items: stretch; aspect-ratio: 960/315; }
.itemWrapper .bgImage { width: 66.25%; height:100%; }
.itemWrapper .bgImage img { object-fit: cover; width:100%; height:100%; }
.itemWrapper .text { width: 33.75%; height:100%; padding:3rem; }
.itemWrapper .text .excerpt { margin:1em 0; padding: 1.5em 0; font-size: 91%; line-height: 1.6; }

.contentsWrapper { width: 100%; margin: 0 0; background: none; display:flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; }

.breadcrumb { width: 100%; padding:1rem 0; }

.leftCol { order:1; float: none; width:var(--w_content); }
.rightCol { order:2; float: none; width:27%; padding:0; margin:0; }
.rightCol h3 { font-size: 1.2em; }

.defaultWidget { width:100%; padding: 1rem; }
.defaultWidget .thumbnail { margin-bottom:1rem; }
.defaultWidget .thumbnail img { width:100%; }
.defaultWidget.handbook .thumbnail { width: 50%; height: auto; margin-left: 1rem; }

ul.flipBoxWrapper { width:100%; display:flex; flex-wrap: wrap; align-items: stretch; gap:1rem; }
ul.flipBoxWrapper li { width:calc(50% - (1rem / 2 )); float:none; margin:0; background-color: #f2f2f2;; }
.flipBox .front { width:100%; height:auto; aspect-ratio: 300 / 147; }
.flipBox .front img { object-fit: cover; width:100%; height:100%; }
.flipBox .card { height: auto; }
.flipBox h3 { padding: 1rem 1rem 0.75rem 1rem; }
.flipBox .card .back p { padding: 0 1rem 1rem 1rem; }

.campusMap { width: 100%; display:flex; flex-wrap: wrap; gap:1rem; }
.mapBox { float: none; width: calc( ( 100% - 1rem ) / 2 ); margin: 0; }
.mapBox img { width:100%; height:auto; }
.campusMap .clearfix { display:none; }

.topPage h2,
.imageIndex h2,
.titleGroup h1 { font-weight: 400; }

ul.circle li { margin:0.25em 0 0.25em 1.5em; }

@media screen and (min-width:568px) and (max-width:959px) {

#wrapper { margin: 0; }

#slideArea { width: 100%; margin: 0; }
#slideArea div.itemWrapper .bgImage { width: 66.25%; height:100%; }
#slideArea div.itemWrapper .bgImage img { width: 100% !important; height: 100% !important; }
#slideArea div.itemWrapper .text { width: 33.75%; height: 100%; padding: 3rem; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; }

.imageIndex ul li:nth-child(odd){ padding-right:0; }
.imageIndex ul li:nth-child(even){ padding-left:0; }

}


@media screen and (max-width: 600px) {

#wrapper { margin: 0; }

#slideArea { width: 100%; margin: 0 0 2rem 0; }
#slideArea div.itemWrapper { flex-direction: column; }
#slideArea div.itemWrapper .bgImage { width: 100%; height:auto; }
#slideArea div.itemWrapper .text { width: 100%; height:auto; padding: 1.5rem; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; }

.contentsWrapper { width: 100%; margin: 0 0; flex-direction: column; flex-wrap: wrap; justify-content: space-between; }

ul.flipBoxWrapper { width:100%; flex-direction: column; gap:1rem 0; }
ul.flipBoxWrapper li { width:100%; float:none; margin:0; padding:0 !important; }
.leftCol { order:1; float: none; width:100%; padding: 0; margin: 0; }
.rightCol { order:2; float: none; width:100%; padding:0; margin:0; }

}