@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);
@font-face { font-family: "icons"; src: url("../font/icons.eot?72589855"); src: url("../font/icons.eot?72589855#iefix") format("embedded-opentype"), url("../font/icons.woff?72589855") format("woff"), url("../font/icons.ttf?72589855") format("truetype"), url("../font/icons.svg?72589855#icons") format("svg"); font-weight: normal; font-style: normal; }
/* --------------------------------------------------- */
/* 01: reset */
/* --------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

body { line-height: 1; color: #222; font-size: 14px; font-family: "Lato", "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; background: #fff; }

ul, ol, dl, li, dt, dd { list-style: none; }

blockquote { quotes: none; }
blockquote:before, blockquote:after { content: ""; content: none; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }

ins { text-decoration: none; }

del { text-decoration: line-through; }

table { border-collapse: collapse; border-spacing: 0; }

a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; outline: 0; text-decoration: none; }
a img, a:link img, a:visited img, a:hover img, a:active img { border: none; text-decoration: none; }

i { font-style: oblique;}

/* --------------------------------------------------- */
/* 02: base */
/* --------------------------------------------------- */
.sm, #form { display: none; visibility: hidden; }

@media (-webkit-min-device-pixel-ratio: 2) { body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } }
body { background-size: 1200px; }

.sp { display: none; }

img { vertical-align: top; display: block; width: 100%; }

.en { color: #707070; }

@media screen and (max-width: 480px) { .sp { display: inline-block; }
  .pc { display: none; } }
/* menu button for mobile layout  */
@media screen and (max-width: 480px) { #menubtn { background: #F6F6F6; border-bottom: 1px solid #EDEDED; position: absolute; width: 25%; height: 32px; right: 0; -webkit-transition-duration: 0.25s; transition-duration: 0.25s; }
  #menubtn .icon { -webkit-transition-duration: 0.25s; transition-duration: 0.25s; position: absolute; left: 50%; margin-left: -8px; height: 2px; width: 16px; top: 15px; background-color: #4c4c4c; }
  #menubtn .icon:before { -webkit-transition-duration: 0.25s; transition-duration: 0.25s; position: absolute; width: 16px; height: 2px; background-color: #4c4c4c; content: ""; top: -5px; }
  #menubtn .icon:after { -webkit-transition-duration: 0.25s; transition-duration: 0.25s; position: absolute; width: 16px; height: 2px; background-color: #4c4c4c; content: ""; top: 5px; }
  #menubtn.open .icon { -webkit-transition-duration: 0.25s; transition-duration: 0.25s; background: transparent; }
  #menubtn.open .icon:before { -webkit-transform: rotateZ(45deg) scaleX(1.25) translate(4px, 4px); transform: rotateZ(45deg) scaleX(1.25) translate(4px, 4px); background-color: #FFB200; }
  #menubtn.open .icon:after { -webkit-transform: rotateZ(-45deg) scaleX(1.25) translate(2px, -2px); transform: rotateZ(-45deg) scaleX(1.25) translate(2px, -2px); background-color: #FFB200; }
  #menubtn:hover { cursor: pointer; } }
/* --------------------------------------------------- */
/* 03: header */
/* --------------------------------------------------- */
header { width: 1200px; height: 128px; margin: 0 auto; position: relative; }
header .en { letter-spacing: 0.5px; display: block; font-weight: normal; }
@media screen and (max-width: 1280px) { header { width: 960px; } }
@media screen and (max-width: 480px) { header { width: 100%; height: 120px; } }
@media screen and (max-width: 375px) { header { height: 112px; } }
@media screen and (max-width: 320px) { header { height: 104px; } }

/* logo */
header h1 { position: absolute; top: 40px; height: 48px; font-family: "Lato", "游明朝", YuMincho, "Hiragino Mincho ProN", Meiryo, serif; font-size: 22px; line-height: 32px; font-weight: bolder; }
header h1 .en { margin: 0; font-size: 14px; line-height: 16px; }
header h1 a { padding: 16px 0 0 87px; background: url(../img/logo.png) no-repeat 0 0; display: block; }
header h1 a:link, header h1 a:visited { color: #222; }
header h1 a:hover, header h1 a:active { opacity: 0.8; }
@media screen and (max-width: 1280px) { header h1 { top: 48px; font-size: 18px; line-height: 28px; }
  header h1 a { padding: 12px 0 0 72px; background-size: 66px; } }
@media screen and (max-width: 480px) { header h1 { top: 52px; left: 3.75%; height: 44px; font-size: 17px; line-height: 24px; }
  header h1 .en { font-size: 12px; line-height: 12px; }
  header h1 a { padding: 8px 0 0 60px; background-size: 52px 44px; } }
@media screen and (max-width: 375px) { header h1 { height: 40px; font-size: 15px; line-height: 24px; }
  header h1 .en { font-size: 11px; }
  header h1 a { padding: 4px 0 0 55px; background-size: 47px 40px; } }
@media screen and (max-width: 320px) { header h1 { height: 32px; font-size: 14px; line-height: 16px; }
  header h1 .en { font-size: 10px; line-height: 12px; }
  header h1 a { padding: 4px 0 0 41px; background-size: 37px 32px; } }

/* primary nav */
ul#pnav { position: absolute; top: 8px; right: 0; }
ul#pnav li { float: left; margin-left: 40px; font-size: 10px; line-height: 24px; color: #707070; text-transform: uppercase; letter-spacing: 0.5px; }
ul#pnav li a { display: block; color: #707070; }
ul#pnav li a:hover, ul#pnav li a:active { color: #FFA400; }
ul#pnav li#search { margin: 0; padding: 0 20px 8px 40px; display: block; }
ul#pnav li#search i:before { display: inline-block; font-family: "icons"; content: ""; vertical-align: top; font-size: 14px; color: #4c4c4c; display: block; }
ul#pnav li#search i.active:before { color: #FFA400; }
@media screen and (max-width: 480px) { ul#pnav { position: relative; top: 0; }
  ul#pnav li { margin: 0; line-height: 32px; width: 25%; border-bottom: 1px solid #EDEDED; box-shadow: inset -1px 0px #EDEDED; text-align: center; }
  ul#pnav li span { display: none; }
  ul#pnav li#search { padding: 0; }
  ul#pnav li#search i:before { width: 100%; height: 32px; font-size: 14px; line-height: 32px; display: inline-block; } }

/* primary nav - balloon */
ul#pnav #form { position: absolute; top: 27px; right: 0; display: inline-block; padding: 8px 20px 12px; width: 240px; background: #fff; box-shadow: inset 0px 0px 0px 2px #FFC540; z-index: 10; }
ul#pnav #form:before { content: ""; display: block; position: absolute; top: -3px; right: 20px; margin-left: -6px; width: 0px; height: 0px; border-style: solid; border-width: 0 6px 6px 6px; border-color: transparent transparent #fff transparent; z-index: 0; }
ul#pnav #form:after { content: ""; display: block; position: absolute; top: -6px; right: 20px; margin-left: -6px; width: 0px; height: 0px; border-style: solid; border-width: 0 6px 6px 6px; border-color: transparent transparent #FFC540 transparent; z-index: -1; }
ul#pnav #form input[type=text] { font-size: 14px; width: 100%; padding: 8px 0 4px; border: 0; border-bottom: 1px solid #EDEDED; }
ul#pnav #form input[type=text]:focus { outline: none; }
@media screen and (max-width: 480px) { ul#pnav #form { top: 32px; width: 92%; padding: 16px 4%; }
  ul#pnav #form:before, ul#pnav #form:after { position: relative; top: 0; margin: 0; border-style: none; border-width: 0; border-color: transparent; }
  ul#pnav #form input[type=text] { font-size: 16px; } }

/* global nav - main menu */
#gnav { width: 100%; position: absolute; top: 64px; left: 0; }
#gnav li { float: left; }
#gnav .btn { position: absolute; font-size: 16px; line-height: 24px; font-weight: bolder; padding-left: 16px; padding-bottom: 20px; }
#gnav .btn .en { text-transform: uppercase; font-size: 10px; line-height: 16px; }
#gnav .btn:before { text-indent: -16px; display: inline-block; font-family: "icons"; content: ""; vertical-align: top; color: #4c4c4c; font-size: 8px; float: left; }
#gnav .btn:hover { color: #FFA400; }
#gnav .btn:hover:before, #gnav .btn:hover .en { color: #FFA400; }
#gnav .btn.active { color: #FFA400; }
#gnav .btn.active:before, #gnav .btn.active .en { color: #FFA400; }
#gnav #mm01 .btn { width: 150px; left: 585px; }
#gnav #mm02 .btn { width: 93px; left: 735px; }
#gnav #mm03 .btn { width: 101px; left: 828px; }
#gnav #mm04 .btn { width: 94px; left: 929px; }
#gnav #mm05 .btn { width: 84px; left: 1023px; }
#gnav #mm06 .btn { width: 93px; left: 1107px; }
@media screen and (max-width: 1280px) { #gnav .btn { font-size: 14px; }
  #gnav #mm01 .btn { width: 126px; left: 429px; }
  #gnav #mm02 .btn { width: 79px; left: 555px; }
  #gnav #mm03 .btn { width: 87px; left: 634px; }
  #gnav #mm04 .btn { width: 80px; left: 721px; }
  #gnav #mm05 .btn { width: 70px; left: 801px; }
  #gnav #mm06 .btn { width: 89px; left: 871px; } }
@media screen and (max-width: 480px) { #gnav { z-index: 2; top: 32px; padding: 16px 0; background: #fff; box-shadow: inset 0px 0px 0px 2px #FFC540; }
  #gnav li { float: none; }
  #gnav .btn { position: relative; padding: 8px 10%; }
  #gnav .btn:hover { color: #222 !important; }
  #gnav .btn:hover:before, #gnav .btn:hover .en { color: #222 !important; }
  #gnav .btn.active { color: #FFA400 !important; }
  #gnav .btn.active:before { display: inline-block; font-family: "icons"; content: ""; vertical-align: top; color: #FFA400 !important; }
  #gnav .btn.active .en { color: #FFA400 !important; }
  #gnav #mm01 .btn, #gnav #mm02 .btn, #gnav #mm03 .btn, #gnav #mm04 .btn, #gnav #mm05 .btn, #gnav #mm06 .btn { width: 80%; left: 0; } }

/* global nav - balloon */
#gnav .sm { margin-top: 52px; width: 100%; position: absolute; right: 0; display: block; background: #fff; box-shadow: inset 0px 0px 0px 2px #FFC540; z-index: 10; }
#gnav .sm:before { content: ""; display: block; position: absolute; top: -5px; margin-left: -8px; width: 0px; height: 0px; border-style: solid; border-width: 0 8px 8px 8px; border-color: transparent transparent #fff transparent; z-index: 10; }
#gnav .sm:after { content: ""; display: block; position: absolute; top: -8px; margin-left: -8px; width: 0px; height: 0px; border-style: solid; border-width: 0 8px 8px 8px; border-color: transparent transparent #FFC540 transparent; z-index: 9; }
#gnav #mm01 .sm:before, #gnav #mm01 .sm:after { right: 585px; }
#gnav #mm02 .sm:before, #gnav #mm02 .sm:after { right: 435px; }
#gnav #mm03 .sm:before, #gnav #mm03 .sm:after { right: 342px; }
#gnav #mm04 .sm:before, #gnav #mm04 .sm:after { right: 241px; }
#gnav #mm05 .sm:before, #gnav #mm05 .sm:after { right: 147px; }
#gnav #mm06 .sm:before, #gnav #mm06 .sm:after { right: 63px; }
@media screen and (max-width: 1280px) { #gnav #mm01 .sm:before, #gnav #mm01 .sm:after { right: 501px; }
  #gnav #mm02 .sm:before, #gnav #mm02 .sm:after { right: 375px; }
  #gnav #mm03 .sm:before, #gnav #mm03 .sm:after { right: 296px; }
  #gnav #mm04 .sm:before, #gnav #mm04 .sm:after { right: 209px; }
  #gnav #mm05 .sm:before, #gnav #mm05 .sm:after { right: 129px; }
  #gnav #mm06 .sm:before, #gnav #mm06 .sm:after { right: 59px; } }
@media screen and (max-width: 480px) { #gnav .sm { margin-top: 0; width: 85%; position: relative; padding: 8px 7.5%; }
  #gnav .sm:before, #gnav .sm:after { position: relative; top: 0; margin: 0; border-style: none; border-width: 0; border-color: transparent; }
  #gnav #mm01 .sm, #gnav #mm02 .sm, #gnav #mm03 .sm, #gnav #mm04 .sm, #gnav #mm05 .sm, #gnav #mm06 .sm { width: auto; }
  #gnav #mm01 .sm:before, #gnav #mm01 .sm:after, #gnav #mm02 .sm:before, #gnav #mm02 .sm:after, #gnav #mm03 .sm:before, #gnav #mm03 .sm:after, #gnav #mm04 .sm:before, #gnav #mm04 .sm:after, #gnav #mm05 .sm:before, #gnav #mm05 .sm:after, #gnav #mm06 .sm:before, #gnav #mm06 .sm:after { left: 0; } }

/* global nav - sub menu */
#gnav .sm { font-weight: normal; }
#gnav .sm li { float: none; position: absolute; font-size: 14px; line-height: 24px; font-weight: bolder; padding-left: 12px; }
#gnav .sm li:before { text-indent: -12px; display: inline-block; font-family: "icons"; content: ""; vertical-align: top; font-size: 8px; color: #FFB200; float: left; }
#gnav .sm li.ex_link:before { display: inline-block; font-family: "icons"; content: ""; vertical-align: top; font-size: 8px; color: #FFB200; }
#gnav .sm a { display: block; color: #222; }
#gnav .sm a:hover, #gnav .sm a:hover .en { color: #FFA400; }
#gnav .sm a .en { display: block; font-size: 12px; line-height: 16px; font-weight: normal; }
@media screen and (max-width: 480px) { #gnav .sm { box-shadow: inset 2px 0px #FFC540, inset -2px 0px #FFC540; }
  #gnav .sm li { position: relative; padding: 8px 0 8px 7.5%; font-size: 12px; line-height: 18px; }
  #gnav .sm li .en { font-size: 10px; line-height: 12px; } }

#gnav .sm .socio a, #gnav .sm .socio a .en { color: #5CA93F; }
#gnav .sm .cultural a, #gnav .sm .cultural a .en { color: #119DBA; }
#gnav .sm .emerging a, #gnav .sm .emerging a .en { color: #6756E4; }
#gnav .sm .applied a, #gnav .sm .applied a .en { color: #AD2BB8; }
#gnav .sm .itasia a, #gnav .sm .itasia a .en { color: #CC3041; }
#gnav .sm .undergrad a, #gnav .sm .undergrad a .en { color: #54596F; }
#gnav .sm .biostat a, #gnav .sm .biostat a .en { color: #ff5821; }
#gnav .sm .biostat a:hover, #gnav .sm .biostat a:hover .en, #gnav .sm .socio a:hover, #gnav .sm .socio a:hover .en, #gnav .sm .cultural a:hover, #gnav .sm .cultural a:hover .en, #gnav .sm .emerging a:hover, #gnav .sm .emerging a:hover .en, #gnav .sm .applied a:hover, #gnav .sm .applied a:hover .en, #gnav .sm .itasia a:hover, #gnav .sm .itasia a:hover .en, #gnav .sm .undergrad a:hover, #gnav .sm .undergrad a:hover .en { color: #FFA400; }

/* global nav - sub menu - about */
#mm01 .sm { background: #fff url(../img/menu01.jpg) no-repeat 4% 88px; background-size: 22%; height: 256px; }
#mm01 .sm li:nth-child(1) img { margin: 16px 0 0 -14px; width: 105%; }
#mm01 .sm li { width: 21%; }
#mm01 .sm li:nth-child(1) { top: 32px; left: 3.33%; }
#mm01 .sm li:nth-child(2) { top: 32px; left: 28.66%; }
#mm01 .sm li:nth-child(3) { top: 88px; left: 28.66%; }
#mm01 .sm li:nth-child(4) { top: 32px; left: 51.99%; }
#mm01 .sm li:nth-child(5) { top: 88px; left: 51.99%; }
#mm01 .sm li:nth-child(6) { top: 144px; left: 51.99%; }
#mm01 .sm li:nth-child(7) { top: 32px; left: 75.32%; }
#mm01 .sm li:nth-child(8) { top: 88px; left: 75.32%; }
#mm01 .sm li:nth-child(9) { top: 144px; left: 75.32%; }
@media screen and (max-width: 1280px) { #mm01 .sm { height: 224px; } }

/* global nav - sub menu - facilities */
#mm02 .sm { background: #fff url(../img/menu02.jpg) no-repeat 4% 88px; background-size: 22%; height: 256px; }
#mm02 .sm li { width: 21%; }
#mm02 .sm li:nth-child(1) { top: 32px; left: 3.33%; }
#mm02 .sm li:nth-child(2) { top: 32px; left: 28.66%; }
#mm02 .sm li:nth-child(3) { top: 88px; left: 28.66%; }
#mm02 .sm li:nth-child(4) { top: 160px; left: 28.66%; }
#mm02 .sm li:nth-child(5) { top: 32px; left: 51.99%; }
#mm02 .sm li:nth-child(6) { top: 104px; left: 51.99%; }
#mm02 .sm li:nth-child(7) { top: 160px; left: 51.99%; }
#mm02 .sm li:nth-child(8) { top: 32px; left: 75.32%; }
#mm02 .sm li:nth-child(9) { top: 88px; left: 75.32%; }
#mm02 .sm li:nth-child(10) { top: 144px; left: 75.32%; }
@media screen and (max-width: 1280px) { #mm02 .sm { height: 296px; }
  #mm02 .sm li:nth-child(4) { top: 184px; }
  #mm02 .sm li:nth-child(5) { top: 32px; }
  #mm02 .sm li:nth-child(6) { top: 104px; }
  #mm02 .sm li:nth-child(7) { top: 184px; }
  #mm02 .sm li:nth-child(8) { top: 32px; }
  #mm02 .sm li:nth-child(9) { top: 104px; } }

/* global nav - sub menu - education */
#mm03 .sm { background: #fff url(../img/menu03.jpg) no-repeat 4% 88px; background-size: 22%; height: 256px; }
#mm03 .sm li { width: 21%; }
#mm03 .sm li:nth-child(1) { top: 32px; left: 3.33%; }
#mm03 .sm li:nth-child(2) { top: 32px; left: 28.66%; }
#mm03 .sm li:nth-child(3) { top: 104px; left: 28.66%; }
#mm03 .sm li:nth-child(4) { top: 176px; left: 28.66%; }
#mm03 .sm li:nth-child(5) { top: 32px; left: 51.99%; }
#mm03 .sm li:nth-child(6) { top: 88px; left: 51.99%; }
#mm03 .sm li:nth-child(7) { top: 144px; left: 51.99%; }
#mm03 .sm li:nth-child(8) { top: 196px; left: 51.99%; }
#mm03 .sm li:nth-child(9) { top: 32px; left: 75.32%; }
#mm03 .sm li:nth-child(10) { top: 88px; left: 75.32%; }
#mm03 .sm li:nth-child(11) { top: 144px; left: 75.32%; }
@media screen and (max-width: 1280px) { #mm03 .sm { height: 264px; } }

/* global nav - sub menu - research */
#mm04 .sm { background: #fff url(../img/menu04.jpg) no-repeat 10% 88px; background-size: 41.25%; width: 53.33%; height: 256px; }
#mm04 .sm li { width: 39.375%; }
#mm04 .sm li:nth-child(1) { top: 32px; left: 6.25%; }
#mm04 .sm li:nth-child(2) { top: 32px; left: 53.75%; }
#mm04 .sm li:nth-child(3) { top: 88px; left: 53.75%; }
@media screen and (max-width: 1280px) { #mm04 .sm { height: 224px; } }

/* global nav - sub menu - faculty */
#mm05 .sm { background: #fff url(../img/menu05.jpg) no-repeat 6.09% 88px; background-size: 28.7%; width: 76.66%; height: 256px; }
#mm05 .sm li { width: 27.39%; }
#mm05 .sm li:nth-child(1) { top: 32px; left: 4.35%; }
#mm05 .sm li:nth-child(2) { top: 32px; left: 37.4%; }
#mm05 .sm li:nth-child(3) { top: 104px; left: 37.4%; }
#mm05 .sm li:nth-child(4) { top: 176px; left: 37.4%; }
#mm05 .sm li:nth-child(5) { top: 32px; left: 67.84%; }
#mm05 .sm li:nth-child(6) { top: 88px; left: 67.84%; }
#mm05 .sm li:nth-child(7) { top: 144px; left: 67.84%; }
#mm05 .sm li:nth-child(8) { top: 196px; left: 67.84%; }
@media screen and (max-width: 1280px) { #mm05 .sm { height: 264px; } }

/* global nav - sub menu - admissions */
#mm06 .sm { background: #fff url(../img/menu06.jpg) no-repeat 6.09% 88px; background-size: 28.7%; width: 76.66%; height: 256px; }
#mm06 .sm li { width: 27.39%; }
#mm06 .sm li:nth-child(1) { top: 32px; left: 4.35%; }
#mm06 .sm li:nth-child(2) { top: 32px; left: 37.4%; }
#mm06 .sm li:nth-child(3) { top: 88px; left: 37.4%; }
#mm06 .sm li:nth-child(4) { top: 32px; left: 67.84%; }
#mm06 .sm li:nth-child(5) { top: 88px; left: 67.84%; }
#mm06 .sm li:nth-child(6) { top: 144px; left: 67.84%; }
@media screen and (max-width: 1280px) { 
  #mm02 .sm { height: 296px; }
  #mm02 .sm li:nth-child(4) { top: 184px; }
  #mm02 .sm li:nth-child(5) { top: 32px; }
  #mm02 .sm li:nth-child(6) { top: 114px; }
  #mm02 .sm li:nth-child(7) { top: 184px; }
  #mm02 .sm li:nth-child(8) { top: 32px; }
  #mm02 .sm li:nth-child(9) { top: 104px; }
  #mm02 .sm li:nth-child(10) { top: 184px; } 
  #mm06 .sm { height: 248px; }
  #mm06 .sm li:nth-child(6) { top: 160px; } }

@media screen and (max-width: 480px) { 
  #mm01 .sm, #mm02 .sm, #mm03 .sm, #mm04 .sm, #mm05 .sm, #mm06 .sm { background: #fff; height: auto; }
  #mm01 .sm li, #mm02 .sm li, #mm03 .sm li, #mm04 .sm li, #mm05 .sm li, #mm06 .sm li { width: 100%; }
  #mm01 .sm li:nth-child(1), #mm01 .sm li:nth-child(2), #mm01 .sm li:nth-child(3), #mm01 .sm li:nth-child(4), #mm01 .sm li:nth-child(5), #mm01 .sm li:nth-child(6), #mm01 .sm li:nth-child(7), #mm01 .sm li:nth-child(8), #mm01 .sm li:nth-child(9), #mm01 .sm li:nth-child(10), #mm02 .sm li:nth-child(1), #mm02 .sm li:nth-child(2), #mm02 .sm li:nth-child(3), #mm02 .sm li:nth-child(4), #mm02 .sm li:nth-child(5), #mm02 .sm li:nth-child(6), #mm02 .sm li:nth-child(7), #mm02 .sm li:nth-child(8), #mm02 .sm li:nth-child(9), #mm02 .sm li:nth-child(10), #mm03 .sm li:nth-child(1), #mm03 .sm li:nth-child(2), #mm03 .sm li:nth-child(3), #mm03 .sm li:nth-child(4), #mm03 .sm li:nth-child(5), #mm03 .sm li:nth-child(6), #mm03 .sm li:nth-child(7), #mm03 .sm li:nth-child(8), #mm03 .sm li:nth-child(9), #mm03 .sm li:nth-child(10), #mm03 .sm li:nth-child(11), #mm04 .sm li:nth-child(1), #mm04 .sm li:nth-child(2), #mm04 .sm li:nth-child(3), #mm04 .sm li:nth-child(4), #mm04 .sm li:nth-child(5), #mm04 .sm li:nth-child(6), #mm04 .sm li:nth-child(7), #mm04 .sm li:nth-child(8), #mm04 .sm li:nth-child(9), #mm04 .sm li:nth-child(10), #mm05 .sm li:nth-child(1), #mm05 .sm li:nth-child(2), #mm05 .sm li:nth-child(3), #mm05 .sm li:nth-child(4), #mm05 .sm li:nth-child(5), #mm05 .sm li:nth-child(6), #mm05 .sm li:nth-child(7), #mm05 .sm li:nth-child(8), #mm05 .sm li:nth-child(9), #mm05 .sm li:nth-child(10), #mm06 .sm li:nth-child(1), #mm06 .sm li:nth-child(2), #mm06 .sm li:nth-child(3), #mm06 .sm li:nth-child(4), #mm06 .sm li:nth-child(5), #mm06 .sm li:nth-child(6), #mm06 .sm li:nth-child(7), #mm06 .sm li:nth-child(8), #mm06 .sm li:nth-child(9), #mm06 .sm li:nth-child(10) { top: 0; left: 0; width: auto; } }

/* --------------------------------------------------- */
/* 04: footer */
/* --------------------------------------------------- */
footer { width: 100%; font-size: 12px; line-height: 16px; }
footer .in { width: 1200px; margin: 0 auto; }
footer .in:after { content: ""; display: block; clear: both; }
footer a { color: #fff; }
footer a:link, footer a:visited { color: #fff; text-decoration: none; }
footer a:hover, footer a:active, footer a:hover .en, footer a:active .en { color: #b7b7b7 !important; }
@media screen and (max-width: 1280px) { footer { min-width: 960px; }
  footer .in { width: 960px; } }
@media screen and (max-width: 480px) { footer { width: 100%; min-width: 100%; }
  footer .in { width: 95%; } }

footer #info { padding: 32px 0; box-shadow: inset 0px 1px #707070; background: #373737; color: #fff; }
footer #info .campus { float: left; width: 60%; }
footer #info .campus .en { margin-top: 16px; display: block; font-size: 12px; line-height: 16px; color: #B7B7B7; }
footer #info .campus dt { font-weight: bolder; float: left; width: 50%; font-size: 18px; line-height: 24px; }
footer #info .campus dd { float: left; width: 25%; }
footer #info .bnr { float: right; width: 216px;position: relative; }
footer #info .bnr li.movie { position: absolute;left: -210px;}
footer #info .bnr li { margin-bottom: 2px; }
footer #info .bnr li a:hover img { opacity: 0.8; }
@media screen and (max-width: 1280px) { footer #info .campus { width: 75%; }
  footer #info .bnr li.movie { position: initial; } }
@media screen and (max-width: 480px) { footer #info { padding: 16px 0; }
  footer #info .campus { float: none; width: 100%; }
  footer #info .campus .en { margin-top: 8px; }
  footer #info .campus dt { float: none; width: 100%; }
  footer #info .campus dd { width: 49.34%; margin: 16px 0; }
  footer #info .campus dd:last-child { float: right; }
  footer #info .bnr { float: none; width: 100%; }
  footer #info .bnr li { float: left; width: 49.34%; }
  footer #info .bnr li:last-child { float: right; } 
  footer #info .bnr li { float: left; width: 48.5%; margin: 2px 2px 2.5px; }
  footer #info .bnr li:last-child { float: left; } }

footer #menu { box-shadow: inset 0px 1px #707070; background: #4b4b4b; color: #fff; font-weight: bolder; }
footer #menu a { display: inline-block; }
footer #menu .en { display: block; color: #fff; font-size: 10px; color: #EDEDED; letter-spacing: 0.5px; text-transform: uppercase; font-weight: normal; }
footer #menu .fnav { float: left; padding: 20px 0; }
footer #menu .fnav li { float: left; margin-right: 40px; }
footer #menu .link { float: right; padding: 12px 0; font-size: 14px; }
footer #menu .link li { float: left; margin-left: 2px; }
footer #menu .link li i:before { display: inline-block; font-family: "icons"; content: ""; vertical-align: top; font-size: 10px; margin-left: 4px; }
footer #menu .link li a { display: block; padding: 8px 16px; box-shadow: inset 0px 0px 0px 1px #EDEDED; }
footer #menu .link li a:hover { box-shadow: inset 0px 0px 0px 1px #b7b7b7; }
@media screen and (max-width: 1280px) { footer #menu .fnav li { margin-right: 16px; }
  footer #menu .link li a { padding: 8px 12px; } }
@media screen and (max-width: 480px) { footer #menu { padding: 8px 0; }
  footer #menu .fnav { float: none; padding: 0; }
  footer #menu .fnav li { float: left; width: 49.34%; margin: 4px 0; }
  footer #menu .fnav li:nth-child(2n) { float: right; }
  footer #menu .link { float: none; padding: 8px 0; font-size: 12px; }
  footer #menu .link li { width: 49.34%; margin: 8px 0; }
  footer #menu .link li:last-child { float: right; }
  footer #menu .link li a { padding: 8px; } }
@media screen and (max-width: 480px) and (max-width: 320px) { footer #menu .en { letter-spacing: 0; } }

footer #copyright { background: #fff; padding: 16px 0; }

/* --------------------------------------------------- */
/* 05: contents - common */
/* --------------------------------------------------- */
/* breadcrumb */
#breadcrumb { width: 1200px; margin: 0 auto; font-size: 10px; line-height: 12px; }
#breadcrumb:after { content: ""; display: block; clear: both; }
#breadcrumb li { float: left; margin-right: 12px; }
#breadcrumb li:before { display: inline-block; font-family: "icons"; content: ""; vertical-align: top; color: #DBDBDB; width: 18px; font-size: 8px; float: left; padding-top: 6px; }
#breadcrumb li:first-child:before { content: none; }
#breadcrumb li .en { display: block; font-size: 9px; padding-left: 18px; }
#breadcrumb li:first-child .en { padding: 0; }
#breadcrumb li a { color: #222; }
#breadcrumb li a:link, #breadcrumb li a:visited { color: #222; }
#breadcrumb li a:hover, #breadcrumb li a:active, #breadcrumb li a:hover .en, #breadcrumb li a:active .en { color: #FFA400; }
@media screen and (max-width: 1280px) { #breadcrumb { width: 960px; } }
@media screen and (max-width: 480px) { #breadcrumb { display: none; } }

/* contents area */
#contents { width: 1200px; margin: 16px auto 48px; }
#contents #main { margin-top: 2px; box-shadow: inset 0px 0px 0px 1px #DBDBDB; position: relative; }
#contents #main .content { padding: 16px 2.67% 48px; min-height: 400px; }
#contents #main .content:after { content: ""; display: block; clear: both; }
@media screen and (max-width: 1280px) { #contents { width: 960px; } }
@media screen and (max-width: 480px) { #contents { width: 100%; margin: 0; }
  #contents #main { margin: 0; box-shadow: inset 0px 0px 0px 0 #DBDBDB; }
  #contents #main .content { padding: 8px 3.75% 48px; } }

/* heading */
#contents h1, #contents h2, #contents h3, #contents h4, #contents h5, #contents h6 { font-weight: bolder; }
#contents h2 .en, #contents h3 .en, #contents h4 .en { display: block; padding-top: 4px; font-weight: normal; }
#contents h1 { box-shadow: inset 0px 0px 0px 1px #99B8E2; padding: 7px 16px; font-size: 18px; line-height: 32px; }
#contents h1 .en { font-size: 14px; margin-left: 16px; line-height: 24px; font-weight: normal; }
#contents h2 { padding-left: 12px; border-left: 4px solid #6796D5; font-size: 24px; line-height: 28px; margin-left: 2.67%; }
#contents h2 .en { font-size: 16px; line-height: 20px; }
#contents #txt { padding-top: 48px; margin-bottom: 4px; }
#contents .nav + #txt { padding-top: 40px; }
#contents #vi { z-index: -1; position: relative; box-shadow: inset 1px 1px #DBDBDB, inset -1px 0 #DBDBDB; height: 240px; background-position: center 0; background-repeat: no-repeat; margin-bottom: 8px; }
#contents #vi .grd { height: 100%; background: linear-gradient(10deg, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0)); }
#contents #vi .grd h2 { position: absolute; color: #fff; bottom: 32px; }
#contents #vi .grd h2 .en { color: #fff; }
@media screen and (max-width: 480px) { #contents h1 { background: #F5F8FC; box-shadow: inset 0 1px 0px 0px #99B8E2, inset 0 -1px #99B8E2; padding: 8px 3.75%; font-size: 12px; line-height: 16px; }
  #contents h1 .en { font-size: 11px; margin-left: 2.5%; }
  #contents h2 { font-size: 22px; margin: 0 3.75%; }
  #contents #txt { padding: 32px 0 16px; }
  #contents #vi { box-shadow: inset 0 0 #DBDBDB, inset 0 0 #DBDBDB; height: auto; background-size: cover; }
  #contents #vi .grd { background: rgba(103, 150, 213, 0.25); padding: 32px 0 16px; }
  #contents #vi .grd h2 { padding-left: 0; border: 0; position: relative; bottom: 0; } }

.content h3 { padding-left: 13px; border-left: 3px solid #6796D5; font-size: 20px; line-height: 24px; margin: 80px 0 32px; }
.content h3 .en { font-size: 18px; line-height: 20px; }
.content .nav + h3, .content .date + h3, .content > h3:first-child { margin: 24px 0 32px; }
.content h4 { padding-left: 14px; border-left: 2px solid #6796D5; font-size: 16px; line-height: 20px; margin: 64px 0 32px; }
.content h4 .en { font-size: 15px; line-height: 18px; }
.content h5 { font-size: 16px; line-height: 24px; margin: 48px 0 16px; }
.content h5 .en { font-size: 15px; line-height: 20px; }
.content h6 { font-size: 14px; line-height: 24px; margin: 32px 0 8px; }
.content h6 .en { font-size: 13px; line-height: 20px; }
@media screen and (max-width: 480px) { .content h3 { font-size: 18px; line-height: 22px; margin: 40px 0 16px; }
  .content h3 .en { font-size: 16px; line-height: 18px; }
  .content h4 { margin: 32px 0 16px; }
  .content h5 { margin: 32px 0 8px; }
  .content h6 { margin: 24px 0 8px; } }

#contents .label { font-size: 10px; line-height: 16px; letter-spacing: 1px; text-transform: uppercase; font-weight: bolder; }
#contents .nav .label { background: #F6F6F6; padding: 0 24px 0 8px; display: inline-block; }
@media screen and (max-width: 480px) { #contents .nav .label { margin-bottom: 8px; } }

/* link */
.content a { color: #FFA400; }
.content a:link { color: #FFA400; }
.content a:visited { color: #FFA400; }
.content a:hover, .content a:active { color: #FFA400; text-decoration: underline; }
.content a.ex_link:after { display: inline-block; font-family: "icons"; content: ""; vertical-align: top; font-size: 8px; margin: 0 4px; color: #FFB200; }
.content .pagelink { position: relative; }
.content .pagelink a.ex_link:after { position: absolute; right: 16px; top: 20px; }
.content .link:before { display: inline-block; font-family: "icons"; content: ""; vertical-align: top; font-size: 8px; color: #FFB200; padding-right: 4px; }
.content h3 a, .content h4 a, .content h5 a, .content h6 a { color: #222; }
.content h3 a:link, .content h4 a:link, .content h5 a:link, .content h6 a:link { color: #222; }
.content h3 a:visited, .content h4 a:visited, .content h5 a:visited, .content h6 a:visited { color: #222; }
.content h3 a:hover, .content h3 a:active, .content h4 a:hover, .content h4 a:active, .content h5 a:hover, .content h5 a:active, .content h6 a:hover, .content h6 a:active { color: #FFA400; text-decoration: none; }
.content h3 a:hover .en, .content h3 a:active .en, .content h4 a:hover .en, .content h4 a:active .en, .content h5 a:hover .en, .content h5 a:active .en, .content h6 a:hover .en, .content h6 a:active .en { color: #FFA400; }

/* link button */
.content .linkbtn { line-height: 24px; box-shadow: inset 0 0 0 1px #EDEDED; background: #fff; font-weight: bolder; }
.content .linkbtn .en { display: block; font-weight: normal; }
.content .linkbtn a { color: #222; display: block; padding: 8px 16px 12px 16px; position: relative; }
.content .linkbtn a:hover { color: #FFA400; text-decoration: none; }
.content .linkbtn a:hover .en { color: #FFA400; }
.content .linkbtn a:after { display: inline-block; font-family: "icons"; content: ""; vertical-align: top; color: #FFB200; font-size: 8px; position: absolute; right: 16px; top: 8px; font-weight: normal; }

/* text style */
.content p { margin-bottom: 1em; }
.content b, .content strong { font-weight: bolder; }
.content .ja { line-height: 24px; }
.content .en { font-size: 13px; line-height: 20px; }
.content .ja .s, .content .ja .note { font-size: 12px; line-height: 20px; }
.content .en .s, .content .en .note { font-size: 11px; line-height: 18px; }
.content *:not(ul).note, .content .note li { padding-left: 24px; }
.content *:not(ul).note:before, .content .note li:before { text-indent: -24px; text-align: center; display: inline-block; content: "※"; color: #4c4c4c; font-size: 10px; }
.content .attention, .content .red { color: #E1463C; }

/* ja/en column */
.content .scol { margin: 24px 0; }
.content .scol:after { content: ""; display: block; clear: both; }
.content .scol > *:first-child { margin-top: 0; }
.content .scol > *:last-child { margin-bottom: 0; }
.content .mcol { margin: 24px 0; }
.content .mcol:after { content: ""; display: block; clear: both; }
.content .mcol div.ja { float: left; width: 48.94%; }
.content .mcol div.en { float: right; width: 48.94%; }
.content .mcol div.ja > *:first-child, .content .mcol div.en > *:first-child { margin-top: 0; }
.content .mcol div.ja > *:last-child, .content .mcol div.en > *:last-child { margin-bottom: 0; }
.content .mcol div .box { padding: 4.32%; }
@media screen and (max-width: 480px) { .content .mcol div.ja, .content .mcol div.en { float: none; width: 100%; margin-bottom: 24px; } }

/* image */
.content a img:hover { opacity: 0.8; }
.content .alignleft { float: left; width: 23.42%; margin: 0 2.11% 8px 0; }
.content .alignright { float: right; width: 23.42%; margin: 0 0 8px 2.11%; }
.content .aligncenter, .content .alignnone { width: auto; margin: 0 auto 16px; }
.content .mcol .alignleft { width: 47.84%; margin: 0 4.32% 8px 0; }
.content .mcol .alignright { width: 47.84%; margin: 0 0 8px 4.32%; }
@media screen and (max-width: 480px) { .content .alignleft { width: 48.65%; margin: 0 2.7% 8px 0; }
  .content .alignright { width: 48.65%; margin: 0 0 8px 2.7%; }
  .content .aligncenter, .content .alignnone { width: 100%; } }
.content .wp-caption { width: 22.01%; padding: 8px; background: #F6F6F6; }
.content .wp-caption p { margin: 8px 0 0; font-size: 12px; line-height: 20px; }
.content .wp-caption p .en { display: block; font-size: 11px; line-height: 18px; }
.content .wp-caption.aligncenter { width: 44.02%; }
.content .mcol .wp-caption { width: 44.02%; }
.content .mcol .wp-caption.aligncenter { width: 47.12%; }
@media screen and (max-width: 480px) { .content .mcol .wp-caption { width: 43.25%; padding: 8px 2.7%; }
  .content .mcol .wp-caption img { margin: 0; width: 100%; }
  .content .mcol .wp-caption p { margin: 8px 2.7%; }
  .content .mcol .wp-caption.aligncenter { width: 94.6%; } }
.content .gallery { margin: 24px 0; }
.content .gallery:after { content: ""; display: block; clear: both; }
.content .gallery div { float: left; width: 24.48%; margin: 0 0.69% 16px 0; padding: 0; text-align: center; font-size: 12px; }
.content .gallery div:nth-child(4) { margin: 0; }
.content .gallery div p { margin: 8px 0 0; font-size: 12px; line-height: 20px; }
.content .gallery div p .en { display: block; font-size: 11px; line-height: 18px; }
@media screen and (max-width: 480px) { .content .gallery div { width: 48.65%; margin: 0 2.7% 8px 0; }
  .content .gallery div:nth-child(2n) { margin: 0; } }

/* list */
.content ul { margin: 24px 0; }
.content ul li { padding-left: 24px; margin: 0.3em 0; }
.content ul li:before { text-indent: -24px; text-align: center; display: inline-block; content: "●"; color: #4c4c4c; font-size: 6px; vertical-align: top; }
.content .links li:before { display: inline-block; font-family: "icons"; content: ""; vertical-align: top; font-size: 8px; color: #FFB200; }
.content .links li.ex_link:before { display: inline-block; font-family: "icons"; content: ""; vertical-align: top; font-size: 8px; color: #FFB200; }
.content .links li a.ex_link:after { content: none; }
.content .ja .links a { color: #222; }
.content .ja .links a:link { color: #222; }
.content .ja .links a:visited { color: #222; }
.content .ja .links a:hover, .content .ja .links a:active { color: #FFA400; }
.content .en .links a { color: #707070; }
.content .en .links a:link { color: #707070; }
.content .en .links a:visited { color: #707070; }
.content .en .links a:hover, .content .en .links a:active { color: #FFA400; }
.content .courses li { padding: 0; margin: 0; }
.content .courses li:before { content: ""; margin: 8px 8px 0 0; display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: #DBDBDB; }
.content .courses li.socio:before { background: #5CA93F; }
.content .courses li.cultural:before { background: #119DBA; }
.content .courses li.emerging:before { background: #6756E4; }
.content .courses li.applied:before { background: #AD2BB8; }
.content .courses li.itasia:before { background: #CC3041; }
.content .courses li.undergrad:before { background: #54596F; }
.content .courses li.biostat:before { background: #FF5821; }
.content ol { margin: 24px 0 24px 24px; }
.content ol li { list-style-type: decimal; }
.content dl.box dt { font-weight: bold; margin: 24px 0 4px; }
.content dl.box dd { overflow: hidden; }
.content dl.box dd > * { margin-top: 0; }
.content dl.box dd dt { font-weight: normal; width: 80px; float: left; clear: both; margin: 0; }
.content dl.box dd dt dd { margin-left: 80px; }

/* navigations */
.nav { margin: 0 16px; padding-top: 16px; border-bottom: 2px solid #EDEDED; }
@media screen and (max-width: 480px) { .nav { padding: 8px 3.75%; margin: 0; } }

.content .nav { margin: 16px 0 32px; padding-top: 0; border-bottom: 1px solid #EDEDED; }
@media screen and (max-width: 480px) { .content .nav { padding: 8px 0; margin: 0 0 32px; } }

.nav:after { content: ""; display: block; clear: both; }
.nav ul { margin: 0; }
.nav ul:after { content: ""; display: block; clear: both; }
.nav ul li { float: left; font-size: 12px; line-height: 16px; font-weight: bolder; padding-left: 20px; margin-right: 1.5%; }
.nav ul li:before { text-indent: 0; content: ""; float: left; }
.nav ul li .en { display: block; font-size: 9px; line-height: 14px; font-weight: normal; text-transform: uppercase; letter-spacing: 0.5px; }
.nav ul li a { color: #222; }
.nav ul li a .en { color: #707070; }
.nav ul li a:link { color: #222; }
.nav ul li a:visited { color: #222; }
.nav ul li a:hover, .nav ul li a:active, .nav ul li a:hover .en, .nav ul li a:active .en { color: #FFA400; text-decoration: none; }
@media screen and (max-width: 1280px){ .nav ul li { margin-right: 1%; }  }
@media screen and (max-width: 480px) { .nav ul li { margin-right: 16px; } }
.nav ul.archive { margin: 14px 2.11% 12px 0; }
.nav ul.archive li { font-weight: normal; }
.research .nav ul.archive li:nth-child(n + 6) { display:none;}
.nav ul.filtering { margin: 14px 0% 12px; }
.nav ul.filtering li { padding: 0; cursor: pointer; }
.nav ul.filtering li:before { margin: 2px 8px 0 0; display: inline-block; width: 12px; height: 12px; border-radius: 50%; background: #DBDBDB; }
.nav ul.filtering li.socio:before { background: #5CA93F; }
.nav ul.filtering li.cultural:before { background: #119DBA; }
.nav ul.filtering li.emerging:before { background: #6756E4; }
.nav ul.filtering li.applied:before { background: #AD2BB8; }
.nav ul.filtering li.itasia:before { background: #CC3041; }
.nav ul.filtering li.undergrad:before { background: #54596F; }
.nav ul.filtering li.master:before, .nav ul.filtering li.phd:before { background: #FFB200; }
.nav ul.filtering li.old:before { background: #6796D5; }
.nav ul.filtering li.biostat:before { background: #ff5821; }
.nav ul.filtering li .en { margin-left: 20px; }
.nav ul.filtering li.active.all, .nav ul.filtering li.active.all a, .nav ul.filtering li:hover.all, .nav ul.filtering li:hover.all a { color: #DBDBDB !important; }
.nav ul.filtering li.active.all .en, .nav ul.filtering li.active.all a .en, .nav ul.filtering li:hover.all .en, .nav ul.filtering li:hover.all a .en { color: #DBDBDB; }
.nav ul.filtering li.active.socio, .nav ul.filtering li.active.socio a, .nav ul.filtering li:hover.socio, .nav ul.filtering li:hover.socio a { color: #5CA93F; }
.nav ul.filtering li.active.socio .en, .nav ul.filtering li.active.socio a .en, .nav ul.filtering li:hover.socio .en, .nav ul.filtering li:hover.socio a .en { color: #5CA93F; }
.nav ul.filtering li.active.cultural, .nav ul.filtering li.active.cultural a, .nav ul.filtering li:hover.cultural, .nav ul.filtering li:hover.cultural a { color: #119DBA; }
.nav ul.filtering li.active.cultural .en, .nav ul.filtering li.active.cultural a .en, .nav ul.filtering li:hover.cultural .en, .nav ul.filtering li:hover.cultural a .en { color: #119DBA; }
.nav ul.filtering li.active.emerging, .nav ul.filtering li.active.emerging a, .nav ul.filtering li:hover.emerging, .nav ul.filtering li:hover.emerging a { color: #6756E4; }
.nav ul.filtering li.active.emerging .en, .nav ul.filtering li.active.emerging a .en, .nav ul.filtering li:hover.emerging .en, .nav ul.filtering li:hover.emerging a .en { color: #6756E4; }
.nav ul.filtering li.active.applied, .nav ul.filtering li.active.applied a, .nav ul.filtering li:hover.applied, .nav ul.filtering li:hover.applied a { color: #AD2BB8; }
.nav ul.filtering li.active.applied .en, .nav ul.filtering li.active.applied a .en, .nav ul.filtering li:hover.applied .en, .nav ul.filtering li:hover.applied a .en { color: #AD2BB8; }
.nav ul.filtering li.active.itasia, .nav ul.filtering li.active.itasia a, .nav ul.filtering li:hover.itasia, .nav ul.filtering li:hover.itasia a { color: #CC3041; }
.nav ul.filtering li.active.itasia .en, .nav ul.filtering li.active.itasia a .en, .nav ul.filtering li:hover.itasia .en, .nav ul.filtering li:hover.itasia a .en { color: #CC3041; }
.nav ul.filtering li.active.undergrad, .nav ul.filtering li.active.undergrad a, .nav ul.filtering li:hover.undergrad, .nav ul.filtering li:hover.undergrad a { color: #54596F; }
.nav ul.filtering li.active.undergrad .en, .nav ul.filtering li.active.undergrad a .en, .nav ul.filtering li:hover.undergrad .en, .nav ul.filtering li:hover.undergrad a .en { color: #54596F; }
.nav ul.filtering li.active.master, .nav ul.filtering li.active.master a, .nav ul.filtering li:hover.master, .nav ul.filtering li:hover.master a { color: #FFA400; }
.nav ul.filtering li.active.master .en, .nav ul.filtering li.active.master a .en, .nav ul.filtering li:hover.master .en, .nav ul.filtering li:hover.master a .en { color: #FFA400; }
.nav ul.filtering li.active.phd, .nav ul.filtering li.active.phd a, .nav ul.filtering li:hover.phd, .nav ul.filtering li:hover.phd a { color: #FFA400; }
.nav ul.filtering li.active.phd .en, .nav ul.filtering li.active.phd a .en, .nav ul.filtering li:hover.phd .en, .nav ul.filtering li:hover.phd a .en { color: #FFA400; }
.nav ul.filtering li.active.old, .nav ul.filtering li:hover.old { color: #6796D5; }
.nav ul.filtering li.active.old .en, .nav ul.filtering li:hover.old .en { color: #6796D5; }
@media screen and (max-width: 1280px) { .nav ul.filtering li span:not(.en) { display: none; } }

/* box */
.content .box { margin: 24px 0; background: #F6F6F6; padding: 2.11%; }
.content .box > *:first-child { margin-top: 0; }
.content .box > *:last-child { margin-bottom: 0; }
.content .box.attention, .content .box.red { background: #FDF2F1; font-weight: bolder; }
.content .hbox { margin: 24px 0; background: #F6F6F6; padding: 2.11%; }
.content .hbox:after { content: ""; display: block; clear: both; }
.content .hbox div *:first-child { margin-top: 0 !important; }
.content .hbox div *:last-child { margin-bottom: 0; }
.content .hbox .head { float: left; width: 16.18%; }
.content .hbox .head h6 .en { display: block; font-weight: normal; padding-top: 8px; }
.content .hbox .mcol { float: right; width: 78.77%; box-shadow: -1px 0 0 #EDEDED; padding-left: 2.11%; margin: 0; }
.content .hbox .mcol h5 { margin: 0 0 8px !important; }
@media screen and (max-width: 480px) { .content .hbox { padding: 4.22%; }
  .content .hbox .head, .content .hbox .mcol { float: none; width: 100%; }
  .content .hbox .head h6 .en, .content .hbox .mcol h6 .en { padding-top: 0; }
  .content .hbox .mcol { box-shadow: 0 0 0 #EDEDED; padding-left: 0; margin-top: 24px; }
  .content .hbox .mcol h5 { margin: 0 0 4px !important; } }
.content .course { margin-bottom: 24px; padding: 2.82%; }
.content .course:after { content: ""; display: block; clear: both; }
.content .course.socioinfocom, .content .course.socio { background: #F9FCF8; box-shadow: inset 0px 0px 0px 1px #5CA93F; }
.content .course.socioinfocom h4, .content .course.socio h4 { border-color: #5CA93F; }
.content .course.culturalhuman, .content .course.cultural { background: #F8FCFD; box-shadow: inset 0px 0px 0px 1px #119DBA; }
.content .course.culturalhuman h4, .content .course.cultural h4 { border-color: #119DBA; }
.content .course.emergingdi, .content .course.emerging { background: #FAFAFE; box-shadow: inset 0px 0px 0px 1px #6756E4; }
.content .course.emergingdi h4, .content .course.emerging h4 { border-color: #6756E4; }
.content .course.appliedcs, .content .course.applied { background: #FDFBFE; box-shadow: inset 0px 0px 0px 1px #AD2BB8; }
.content .course.appliedcs h4, .content .course.applied h4 { border-color: #AD2BB8; }
.content .course.itasia { background: #FDF8F9; box-shadow: inset 0px 0px 0px 1px #CC3041; }
.content .course.itasia h4 { border-color: #CC3041; }
.content .course.undergrad { background: #F8F9F9; box-shadow: inset 0px 0px 0px 1px #54596F; }
.content .course.undergrad h4 { border-color: #54596F; }

/* table */
.content table { margin: 24px 0; width: 100%; border-top: 1px solid #EDEDED; }
.content table tr { border-bottom: 1px solid #EDEDED; }
.content table th, .content table td { padding: 16px 0; vertical-align: top; }
.content table th > *:first-child, .content table td > *:first-child { margin-top: 0; }
.content table th > *:last-child, .content table td > *:last-child { margin-bottom: 0; }
.content table th { text-align: left; font-weight: bolder; white-space: nowrap; }
.content table td { padding-left: 2.88%; }

/* pdf icon */
.content .pdf, .content .pdf_ja, .content .pdf_en { color: #707070 !important; font-size: 12px; }
.content .pdf:hover, .content .pdf_ja:hover, .content .pdf_en:hover { color: #FFA400 !important; text-decoration: none; }
.content .pdf:before, .content .pdf_ja:before, .content .pdf_en:before { display: inline-block; font-family: "icons"; content: ""; vertical-align: top; color: #E1463C; font-size: 14px; line-height: 24px; text-align: left; }
.content .pdf_ja:before { content: " Ja "; }
.content .pdf_en:before { content: " En "; }
.content .pdf:before { content: " "; }

.icns .icn { display: inline-block; border-radius: 50%; margin: 0 2px; }
.icns .icn.socio { background: #5CA93F; }
.icns .icn.cultural { background: #119DBA; }
.icns .icn.emerging { background: #6756E4; }
.icns .icn.applied { background: #AD2BB8; }
.icns .icn.itasia { background: #CC3041; }
.icns .icn.undergrad { background: #54596F; }
.icns .icn.biostat { background: #ff5821; }

/* child pages, external pages */
.pages { margin: 48px 0; }
.pages:after { content: ""; display: block; clear: both; }
.pages .pagelink { float: left; width: 48.94%; margin-top: 24px; }
.pages .pagelink:nth-child(2n) { float: right; }
.pages .pagelink a { color: #222; text-decoration: none; display: block; }
.pages .pagelink a:hover h4, .pages .pagelink a:hover h4 .en { color: #FFA400; }
.pages .pagelink p { margin: 8px 0; }
.pages .pagelink .vi { z-index: -1; position: relative; height: 200px; background-color: #EDEDED; background-position: center 0; background-repeat: no-repeat; background-size: cover; margin-bottom: 16px; }
.pages .pagelink .vi h4 { position: absolute; bottom: 16px; margin: 0; background: rgba(255, 255, 255, 0.9); padding: 12px 6% 12px 4%; max-width: 82%; z-index: 1; color: #222; border: 0; }
@media screen and (max-width: 480px) { .pages .pagelink { float: none; width: 100%; }
  .pages .pagelink:nth-child(2n) { float: none; } }

/* misc. */
.single .date { margin: 16px 0; color: #707070; }
.single .sns { float: right; margin: 16px 0; }
.single .sns:after { content: ""; display: block; clear: both; }
.single .sns .fb-like { float: right; margin-left: 8px; }
@media screen and (max-width: 480px) { .single .sns { float: none; margin: 8px 0 16px; text-align: right; } }

hr { border: 0; border-top: 2px solid #EDEDED; margin: 64px 0 24px; }
hr + h3 { margin: 24px 0 32px !important; }
hr + h4 { margin: 0 0 24px !important; }

.tinynav { display: none; }

@media screen and (max-width: 480px) { .tinynav { display: block; }
  #archive, #filter1, #filter2 { display: none; } }
/* --------------------------------------------------- */
/* 06: contents - home */
/* --------------------------------------------------- */
/* top page */
.home #contents .heading { margin-bottom: 2px; }
.home #contents .heading:after { content: ""; display: block; clear: both; }
.home #contents .link { box-shadow: inset 0px 0px 0px 1px #FFC540; padding: 7px 16px; font-size: 12px; line-height: 32px; text-transform: uppercase; letter-spacing: 0.5px; display: block; text-align: center; color: #FFA400; background: #fff; }
.home #contents .link:after { display: inline-block; font-family: "icons"; content: ""; vertical-align: top; font-size: 8px; margin-left: 8px; color: #FFB200; }
.home #contents .link:hover { background: #FFFCF5; }
@media screen and (max-width: 480px) { .home #contents .link { box-shadow: 0 0 0 0; padding: 0; margin: -32px 1.85% 0; line-height: 24px; font-size: 10px; } }
.home #research h1 { float: left; width: 1086px; }
@media screen and (max-width: 1280px) { .home #research h1 { width: 846px; } }
.home #research .link { float: right; width: 49px; }
.home #research #slider { height: 294px; overflow: hidden; }
.home #research #slider:after { content: ""; display: block; clear: both; }
.home #research #slider .item { position: relative; float: left; width: calc(33.33% - 1px); height: 294px; margin-right: 1px; }
.home #research #slider .item a:hover img { opacity: 0.8; }
.home #research #slider .item a:hover h4, .home #research #slider .item a:hover h4 .en { color: #FFA400; }
.home #research #slider .item img { margin-top: -53px; }
@media screen and (max-width: 1280px) { .home #research #slider .item img { margin-top: -13px; } }
.home #research #slider .item h4 { font-size: 16px; line-height: 24px; position: absolute; bottom: 14px; background: rgba(255, 255, 255, 0.8); padding: 12px 6% 12px 4%; max-width: 82%; z-index: 1; color: #222; }
.home #research #slider .item h4 .en { font-size: 15px; line-height: 18px; }
.home #research #slider .item .icns { position: absolute; top: 8px; left: 8px; font-size: 0; z-index: 1; }
.home #research #slider .item .icns .icn { width: 12px; height: 12px; }
@media screen and (max-width: 480px) { .home #research h1 { float: none; width: 92.6%; }
  .home #research h1:after { content: ""; display: block; clear: both; }
  .home #research .link { width: 56px; }
  .home #research #slider { height: 236px; }
  .home #research #slider .item { width: 100%; height: 236px; margin: 0; }
  .home #research #slider .item h4 { font-size: 14px; line-height: 20px; }
  .home #research #slider .item h4 .en { font-size: 13px; } }
.home #research .slider-container nav { height: 12px; padding: 6px 0 6px 16px; margin-top: 2px; background: #EDEDED; }
.home #research .slider-container nav:after { content: ""; display: block; clear: both; }
.home #research .slider-container nav #dots { float: left; }
.home #research .slider-container nav #dots li { float: left; margin: 2px 12px 2px 0; }
.home #research .slider-container nav #dots li button { font-size: 0; line-height: 0; display: block; cursor: pointer; width: 8px; height: 8px; padding: 0; color: transparent; border: 0; outline: none; border-radius: 50%; background: #DBDBDB; }
.home #research .slider-container nav #dots li.slick-active button, .home #research .slider-container nav #dots li:hover button { background: #FFB200; }
.home #research .slider-container nav #arrows { float: right; }
.home #research .slider-container nav #arrows .slick-arrow { float: left; font-size: 0; line-height: 0; display: block; cursor: pointer; width: 32px; height: 12px; border: 0; outline: none; background: transparent; color: #FFB200; }
.home #research .slider-container nav #arrows .slick-arrow:hover { color: #FFFCF5; }
.home #research .slider-container nav #arrows .slick-prev:before { display: inline-block; font-family: "icons"; content: ""; vertical-align: top; font-size: 12px; }
.home #research .slider-container nav #arrows .slick-next:after { display: inline-block; font-family: "icons"; content: ""; vertical-align: top; font-size: 12px; }
.home .col { margin: 32px 0; }
.home .col:after { content: ""; display: block; clear: both; }
.home .col .scroll { height: 646px; border-top: 1px solid #EDEDED; border-bottom: 1px solid #EDEDED; }
.home .col .scroll .box { min-height: 647px; border-right: 1px solid #EDEDED; border-left: 1px solid #EDEDED; }
.home .col .scroll .sp-scrollbar { margin: -1px 0; border-left: 1px solid #fff; width: 16px; background-color: #EDEDED; cursor: pointer; }
.home .col .scroll .sp-scrollbar .sp-thumb { background-color: #FFC540; }
.home .col .scroll .sp-scrollbar.active .sp-thumb { background-color: #FFC540; }
.home .col .scroll li { padding: 8px 0; margin: 0 8px; box-shadow: inset 0 -1px #EDEDED; }
.home .col .scroll li a { display: block; }
.home .col .scroll li a:after { content: ""; display: block; clear: both; }
.home .col .scroll li a:hover .ttl { color: #FFA400; }
.home .col .scroll li a:hover .ttl .en { color: #FFA400; }
.home .col .scroll li a.ex_link .ttl:before { display: inline-block; font-family: "icons"; content: ""; vertical-align: top; font-size: 8px; margin: 0 4px; color: #FFB200; }
.home .col .scroll li a .date { width: 96px; float: left; color: #707070; }
.home .col .scroll li a .ttl { width: calc(100% - 96px - 24px); float: right; color: #222; line-height: 24px; padding: 4px 8px; }
.home .col .scroll li a .ttl .en { display: block; font-size: 13px; line-height: 20px; }
@media screen and (max-width: 480px) { .home .col .scroll { height: 400px; }
  .home .col .scroll .box { height: 401px; }
  .home .col .scroll .sp-scrollbar { width: 8px; } }
.home #news { width: 588px; float: left; }
.home #news:after { content: ""; display: block; clear: both; }
.home #news h1 { float: left; width: 474px; }
@media screen and (max-width: 1280px) { .home #news { width: 468px; }
  .home #news h1 { width: 354px; } }
.home #news .link { float: right; width: 49px; }
.home #news li.sticky a { background: #FDF2F1; }
.home #news li.sticky a .date:before { display: inline-block; font-family: "icons"; content: ""; vertical-align: top; font-size: 12px; margin-right: 4px; color: #E1463C; }
.home #news li .date { font-size: 12px; line-height: 24px; width: 87px; padding: 4px 0 8px 8px; }
@media screen and (max-width: 480px) { .home #news { width: 100%; float: none; }
  .home #news h1 { float: none; width: 92.6%; }
  .home #news h1:after { content: ""; display: block; clear: both; }
  .home #news .link { width: 56px; }
  .home #news li .date, .home #news li .ttl { float: none; width: 95%; }
  .home #news li .date { padding-bottom: 0; } }
.home #event { width: 588px; float: right; }
.home #event:after { content: ""; display: block; clear: both; }
.home #event h1 { float: left; width: 430px; }
@media screen and (max-width: 1280px) { .home #event { width: 468px; }
  .home #event h1 { width: 310px; } }
.home #event .link { float: right; width: 93px; }
.home #event li.sticky .date { background: #FDF2F1; }
.home #event li .date { background: #F6F6F6; font-size: 12px; line-height: 24px; text-align: center; width: 80px; padding: 8px; display: table; }
.home #event li .date > div:first-child { display: table-cell; vertical-align: middle; }
.home #event li .date .month { display: block; font-size: 12px; line-height: 16px; text-transform: uppercase; }
.home #event li .date .day { display: block; font-size: 18px; line-height: 24px; }
.home #event li .date.period:after { content: ""; display: block; clear: both; }
.home #event li .date.period div:nth-of-type(2) { width: 45%; float: left; margin: -10px 0 -10px; }
.home #event li .date.period div:nth-last-of-type(2) { width: 45%; float: right; margin: -10px 0 -10px; }
.home #event li .date.period .dash { line-height: 24px; margin-top: 16px; display: inline-block; margin: -10px 0 -10px; }
@media screen and (max-width: 480px) { .home #event { width: 100%; float: none; margin-top: 32px; }
  .home #event h1 { float: none; width: 92.6%; }
  .home #event h1:after { content: ""; display: block; clear: both; }
  .home #event .link { width: 88px; }
  .home #event li .date { width: 25%; padding: 8px 2.5%; }
  .home #event li .date .month { font-size: 10px; }
  .home #event li .date .day { font-size: 16px; }
  .home #event li .ttl { width: 62.5%; } }
.home #links:after { content: ""; display: block; clear: both; }
.home #links li { float: left; width: calc(16.66% - 1px); margin-right: 1px; font-size: 16px; line-height: 20px; font-weight: bolder; }
.home #links li .en { font-size: 12px; line-height: 14px; font-weight: normal; display: block; }
.home #links li a { box-shadow: inset 0 0 0 1px #FFC540; display: block; background-position: right bottom; background-repeat: no-repeat; padding: 16px; height: 62px; color: #222; }
.home #links li a:hover { color: #FFA400; }
.home #links li a:hover .en { color: #FFA400; }
.home #links li.link01 a { background-image: url(../img/link01.png); }
.home #links li.link02 a { background-image: url(../img/link02.png); }
.home #links li.link03 a { background-image: url(../img/link03.png); }
.home #links li.link04 a { background-image: url(../img/link04.png); }
.home #links li.link05 a { background-image: url(../img/link05.png); }
.home #links li.link06 a { background-image: url(../img/link06.png); }
@media screen and (max-width: 1280px) { .home #links li { font-size: 14px; line-height: 18px; }
  .home #links li .en { font-size: 10px; }
  .home #links li a { padding: 12px; height: 62px; background-size: 100%; } }
@media screen and (max-width: 480px) { .home #links { width: 95%; margin: 0 auto 44px; }
  .home #links li { width: 49.34%; margin: 0 1.32% 4px 0; }
  .home #links li:nth-child(2n) { margin-right: 0; } }

/* access */
.access .nav { border: 0; }
.access .nav ul li { margin-right: 0; margin-left: 24px; }
@media screen and (max-width: 480px) { .access .nav ul li { margin-right: 0; margin-left: 16px; } }
.access .nav .anchor { float: right; }
.access .nav .anchor li:before { text-indent: -24px; text-align: center; display: inline-block; font-family: "icons"; content: ""; vertical-align: top; font-size: 6px; color: #4c4c4c; padding-top: 2px; }
.access .nav .anchor li:hover:before { color: #FFB200; }

/* faculty meeting minutes */
.meetingminutes .col { float: left; width: 31.86%; margin-right: 2.11%; }
.meetingminutes .col:last-child { margin-right: 0; }
.meetingminutes .col h3 { margin: 32px 0 24px; }
@media screen and (max-width: 480px) { .meetingminutes .col { float: none; width: 100%; margin-right: 0; } }

/* search */
.search h4 { margin-top: 48px !important; }
.search p { word-wrap: break-word; }
.search .more { text-align: right; }

/* --------------------------------------------------- */
/* 07: contents - about */
/* --------------------------------------------------- */
/* about - message */
.about.message #contents #vi { height: 400px; background-position: right 0; }
.about.message #contents #vi .grd { background: linear-gradient(10deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)); }
.about.message #contents #vi .grd h2 { color: #222; bottom: 188px; }
.about.message #contents #vi .grd h2 .en { color: #707070; }
.about.message #contents h6#name { margin: -164px 0 80px; }
.about.message #contents h6#name .en { display: block; padding-top: 16px; }
@media screen and (max-width: 480px) { .about.message #contents #vi { height: auto; }
  .about.message #contents #vi .grd { background: none; padding: 64px 0 16px; }
  .about.message #contents #vi .grd h2 { bottom: 0; }
  .about.message #contents h6#name { margin: 12px 0 24px; }
  .about.message #contents h6#name .en { padding-top: 8px; } }

/* about - history */
.about.history .content table { margin-top: 48px; }
.about.history .content table th { font-size: 16px; line-height: 24px; display: inline-block; width: 100%; padding-bottom: 0; }
.about.history .content table td { display: inline-block; width: 100%; padding: 0; }
@media screen and (max-width: 480px) { .about.history .content table th { font-size: 18px; margin-top: 8px; }
  .about.history .content table td .en { margin: 16px 0 0; } }

/* about - bulletin - all */
.about.bulletin .nav { margin: 48px 0; border: 0; }
.about.bulletin .nav ul { margin: 8px 0; display: flex; }
.about.bulletin .nav ul li { width: 18.872%; padding: 0; margin-right: 1.41%; text-align: center; }
.about.bulletin .nav ul li img { width: auto; height: 120px; margin: 0 auto 8px; }
.about.bulletin .nav ul li p { margin: 0; }
.about.bulletin .nav ul li:last-child { margin-right: 0; }
.about.bulletin .nav ul li:before { text-indent: 0; }
@media screen and (max-width: 480px) { 
  .about.bulletin .nav ul { display: block; }
  .about.bulletin .nav ul li { float: none; width: 100%; margin: 0 0 8px 0; text-align: left; }
  .about.bulletin .nav ul li:after { content: ""; display: block; clear: both; }
  .about.bulletin .nav ul li img { float: left; height: 56px; margin: 0; }
  .about.bulletin .nav ul li p { float: right; width: 83.78%; } }
.about.bulletin .bookttl { margin: 120px 0 32px; }
.about.bulletin .bookttl:after { content: ""; display: block; clear: both; }
.about.bulletin .bookttl > a img { float: left; width: auto; height: 80px; }
.about.bulletin .bookttl > a h3 { color: #222; float: left; border: 0 !important; margin: 8px 0 !important; padding-left: 2.11% !important; }
.about.bulletin .bookttl > a:hover h3, .about.bulletin .bookttl > a:active h3 { color: #FFA400; }
.about.bulletin .bookttl > a:hover h3 .en, .about.bulletin .bookttl > a:active h3 .en { color: #FFA400; }
.about.bulletin .bookttl > a:hover img, .about.bulletin .bookttl > a:active img { opacity: 0.8; }
.about.bulletin .bookttl .linkbtn { float: right; width: 160px; margin-top: 8px; }
@media screen and (max-width: 480px) { .about.bulletin .bookttl { margin: 60px 0 16px; }
  .about.bulletin .bookttl > a:after { content: ""; display: block; clear: both; }
  .about.bulletin .bookttl > a img { height: 72px; }
  .about.bulletin .bookttl > a h3 { float: right; width: 78.38%; margin: 0 !important; }
  .about.bulletin .bookttl .linkbtn { display: none; } }
.about.bulletin dl.toc { border-bottom: 1px solid #EDEDED; line-height: 24px; }
.about.bulletin dl.toc:after { content: ""; display: block; clear: both; }
.about.bulletin dl.toc .en { display: block; line-height: 20px; }
.about.bulletin dl.toc dt { float: left; width: 15.5%; padding: 16px 2.11% 16px 0; clear: both; border-top: 1px solid #EDEDED; font-weight: bolder; }
.about.bulletin dl.toc dt.issue { width: 33.1%; padding: 24px 2.11% 16px 0; border-top: 2px solid #EDEDED; font-size: 20px; }
.about.bulletin dl.toc dt.issue .label { display: block; color: #707070; margin-bottom: 8px; margin-top: -16px; }
.about.bulletin dl.toc dd { float: left; width: 82.39%; padding: 8px 0; border-top: 1px solid #EDEDED; }
.about.bulletin dl.toc dd.issue { width: 52.12%; border-top: 2px solid #EDEDED; padding: 32px 2.11% 16px 0; }
.about.bulletin dl.toc dd.issue_dl { width: 10.56%; border-top: 2px solid #EDEDED; padding: 32px 0 16px; }
.about.bulletin dl.toc dd.ttl { width: 73.24%; padding: 16px 2.11% 16px 0; }
.about.bulletin dl.toc dd.dl { width: 10.56%; padding: 16px 0; }
.about.bulletin dl.toc dd dl { border-bottom: 0; }
.about.bulletin dl.toc dd dl dt { width: 18.81%; padding: 8px 2.56% 8px 0; border-top: none; font-weight: normal; }
.about.bulletin dl.toc dd dl dd { padding: 0; border-top: none; }
.about.bulletin dl.toc dd dl dd.ttl { width: 63.25%; padding: 8px 2.56% 8px 0; }
.about.bulletin dl.toc dd dl dd.dl { width: 12.82%; padding: 8px 0; }
@media screen and (max-width: 480px) { .about.bulletin dl.toc dt { float: none; width: 100%; padding: 16px 2.11% 16px 0; border-top: 1px solid #EDEDED; }
  .about.bulletin dl.toc dt.issue { width: 100%; padding: 24px 0 0 0; }
  .about.bulletin dl.toc dd { float: none; width: 100%; padding: 8px 0; border-top: 1px solid #EDEDED; }
  .about.bulletin dl.toc dd.issue { width: 100%; border-top: 0; padding: 16px 0 0; }
  .about.bulletin dl.toc dd.issue_dl { width: 100%; border-top: 0; padding: 8px 0 16px; }
  .about.bulletin dl.toc dd.ttl { width: 100%; padding: 16px 0 0; }
  .about.bulletin dl.toc dd.dl { width: 100%; padding: 0 0 16px; }
  .about.bulletin dl.toc dd dl dt { width: 100%; padding: 8px 0; }
  .about.bulletin dl.toc dd dl dd.ttl { width: 100%; padding: 8px 0 0; }
  .about.bulletin dl.toc dd dl dd.dl { width: 100%; padding: 8px 0; } }
.about.bulletin dl.toc.type01 { margin-top: 80px; }
.about.bulletin dl.toc.type02 { margin-top: 80px; }
.about.bulletin dl.toc.type02 dt.issue { font-weight: bolder; }
.about.bulletin dl.toc.type02 dt { width: 33.1%; font-weight: normal; }
.about.bulletin dl.toc.type02 dd.ttl { width: 52.12%; }
.about.bulletin dl.toc.type03 { margin-top: 80px; }
.about.bulletin dl.toc.type03 dt { width: 19.02%; }
.about.bulletin dl.toc.type03 dd.ttl { width: 66.2%; }
.about.bulletin dl.toc.type03 + .type03 { margin-top: -1px; }
@media screen and (max-width: 480px) { .about.bulletin dl.toc.type01 dt, .about.bulletin dl.toc.type01 dd.ttl, .about.bulletin dl.toc.type02 dt, .about.bulletin dl.toc.type02 dd.ttl { width: 100%; }
  .about.bulletin dl.toc.type02 td { padding: 8px 0 0; }
  .about.bulletin dl.toc.type02 dd.ttl { border: 0; padding: 0; }
  .about.bulletin dl.toc.type02 dd.dl { border: 0; padding: 8px 0 16px; }
  .about.bulletin dl.toc.type03 { margin-top: 32px; }
  .about.bulletin dl.toc.type03 dt, .about.bulletin dl.toc.type03 dd, .about.bulletin dl.toc.type03 dd.ttl { width: 100%; }
  .about.bulletin dl.toc.type03 dd.dl { width: 100%; border: 0; padding: 8px 0 16px; } }

/* about - bulletin - detail */
.about.bulletin #contents #vi { padding-top: 32px; height: 208px; background-color: transparent; background-position: 2.82% 32px; background-size: auto 208px; }
.about.bulletin #contents #vi .grd { background: linear-gradient(10deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)); }
.about.bulletin #contents #vi .grd h2 { color: #222; bottom: 120px; left: 228px; border: 0; margin: 0; padding: 0; }
.about.bulletin #contents #vi .grd h2 .en { color: #707070; }
.about.bulletin #contents .lead { position: absolute; left: 228px; top: 160px; font-size: 14px; font-weight: bolder; line-height: 24px; }
.about.bulletin #contents .lead .en { line-height: 20px; display: block; font-weight: normal; }
@media screen and (max-width: 480px) { .about.bulletin #contents #vi { padding: 16px 0 0; height: auto; background-position: 3.75% 16px; background-size: auto 104px; }
  .about.bulletin #contents #vi .grd { background: none; padding: 0; min-height: 104px; }
  .about.bulletin #contents #vi .grd h2 { position: relative; bottom: 0; top: 0; left: 0; width: calc(92.5% - 96px); padding-left: 96px; }
  .about.bulletin #contents .lead { position: relative; left: 0; top: 0; } }

/* about - recruiting */
.recruiting hr:last-of-type { display: none; }

/* --------------------------------------------------- */
/* 08: contents - facilities */
/* --------------------------------------------------- */
/* --------------------------------------------------- */
/* 09: contents - education */
/* --------------------------------------------------- */
/* list of courses */
.education .courses .course a { color: #222; display: block; }
.education .courses .course div.thumb { width: 21.64%; height: 232px; overflow: hidden; margin-right: 2.99%; float: left; }
.education .courses .course div.thumb img { position: relative; top: 0; left: 50%; width: auto; height: 100%; margin: 0 auto; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
.education .courses .course div.txt { width: 75.37%; float: left; }
.education .courses .course h4 { margin: 24px 0 32px; }
.education .courses .course.itasia { margin-bottom: 48px; }
@media screen and (max-width: 1280px) { .education .courses .course div.thumb { width: 27.55%; }
  .education .courses .course div.txt { width: 69.46%; }
  .education .courses .course h4 { margin: 16px 0 32px; } }
@media screen and (max-width: 480px) { .education .courses .course img, .education .courses .course div { width: 100%; } }
.education .pagelink.socioinfocom h4 { background: rgba(249, 252, 248, 0.95); color: #5CA93F; }
.education .pagelink.socioinfocom h4 .en { color: #5CA93F; }
.education .pagelink.culturalhuman h4 { background: rgba(248, 252, 253, 0.95); color: #119DBA; }
.education .pagelink.culturalhuman h4 .en { color: #119DBA; }
.education .pagelink.emergingdi h4 { background: rgba(250, 250, 254, 0.95); color: #6756E4; }
.education .pagelink.emergingdi h4 .en { color: #6756E4; }
.education .pagelink.appliedcs h4 { background: rgba(253, 251, 254, 0.95); color: #AD2BB8; }
.education .pagelink.appliedcs h4 .en { color: #AD2BB8; }
.education .pagelink.itasia h4 { background: rgba(253, 248, 249, 0.95); color: #CC3041; }
.education .pagelink.itasia h4 .en { color: #CC3041; }
.education .pagelink.undergrad h4 { background: rgba(248, 249, 249, 0.95); color: #54596F; }
.education .pagelink.undergrad h4 .en { color: #54596F; }

.education.socioinfocom h2, .education.socioinfocom h3, .education.socioinfocom h4 { border-color: #5CA93F !important; }
.education.socioinfocom .linkbox { background: #F9FCF8; }
.education.culturalhuman h2, .education.culturalhuman h3, .education.culturalhuman h4 { border-color: #119DBA !important; }
.education.culturalhuman .linkbox { background: #F8FCFD; }
.education.emergingdi h2, .education.emergingdi h3, .education.emergingdi h4 { border-color: #6756E4 !important; }
.education.emergingdi .linkbox { background: #FAFAFE; }
.education.appliedcs h2, .education.appliedcs h3, .education.appliedcs h4 { border-color: #AD2BB8 !important; }
.education.appliedcs .linkbox { background: #FDFBFE; }
.education.itasia h2, .education.itasia h3, .education.itasia h4 { border-color: #CC3041 !important; }
.education.itasia .linkbox { background: #FDF8F9; }
.education.undergrad h2, .education.undergrad h3, .education.undergrad h4 { border-color: #54596F !important; }
.education.undergrad .linkbox { background: #F8F9F9; }
.education.biostat h2, .education.biostat h3, .education.biostat h4 { border-color: #ff5821 !important; }
.education.biostat .linkbox { background: #fff9f7; }
.education .pagelink.biostat h4 { background: rgba(255,249,247, 0.95); color: #ff5821; }
.education .pagelink.biostat h4 .en { color: #ff5821; }
.education .linkbox { padding: 32px 5.28%; margin: 64px 0; }
.education .linkbox:after { content: ""; display: block; clear: both; }
.education .linkbox .linkbtn { width: 47.24%; }
.education .linkbox .linkbtn:nth-child(1) { float: left; }
.education .linkbox .linkbtn:nth-child(2) { float: right; }
@media screen and (max-width: 480px) { .education .linkbox { padding: 16px 5.28%; }
  .education .linkbox .linkbtn { width: 100%; }
  .education .linkbox .linkbtn:first-child, .education .linkbox .linkbtn:last-child { float: none; margin: 8px 0; } }

.education #container .mix { display: block; }

/* career paths */
.career .scroll table { table-layout: fixed; width: 100%; }
.career .scroll table th, .career .scroll table td { padding: 8px 0; }
.career .scroll table dl dt { float: left; width: 85%; clear: both; }
.career .scroll table dl dd { float: right; width: 15%; text-align: center; }
@media screen and (max-width: 480px) { .career .scroll { overflow: auto; white-space: whitespace; }
  .career .scroll table { table-layout: auto; }
  .career .scroll table td { min-width: 120px; }
  .career .scroll::-webkit-scrollbar { height: 8px; }
  .career .scroll::-webkit-scrollbar-track { background: #EDEDED; }
  .career .scroll::-webkit-scrollbar-thumb { background: #FFC540; } }

/* --------------------------------------------------- */
/* 10: contents - research */
/* --------------------------------------------------- */
.research #container .mix { display: none; }
.research #container .item { position: relative; float: left; width: 22.94%; margin: 0 1% 24px; }
.research #container .item a:hover img { opacity: 0.8; }
.research #container .item a:hover h4, .research #container .item a:hover h4 .en { color: #FFA400; }
.research #container .item h4 { border: 0; margin: 0; font-size: 14px; line-height: 24px; position: absolute; bottom: 14px; background: rgba(255, 255, 255, 0.8); padding: 12px 6% 12px 4%; max-width: 80.98%; z-index: 1; color: #222; }
.research #container .item h4 .date { display: block; font-size: 12px; color: #707070; text-transform: uppercase; font-weight: normal; }
.research #container .item h4 .en { font-size: 13px; line-height: 20px; padding: 0 !important; }
.research #container .item .icns { position: absolute; top: 8px; left: 8px; font-size: 0; z-index: 1; }
.research #container .item .icns .icn { width: 12px; height: 12px; }
.research #container .item h4 { border: 0;margin: 0;font-size: 14px;line-height: 24px;position: absolute;bottom: 14px;background: rgba(255, 255, 255, 0.8);padding: 12px 6% 12px 4%;max-width: 80.98%; max-height: 70%;overflow: hidden;z-index: 1;color: #222;}
@media screen and (max-width: 480px) { .research #container .item { width: 98%; } }

/* research - detail */
.research.single .imgs { background: #F6F6F6; text-align: center; }
.research.single .imgs:after { content: ""; display: block; clear: both; }
.research.single .imgs .mainimg { float: left; width: 48.94%; height: 372px; margin: 0.7% 0 0.7% 0.7%; background: #fff; display: table; }
.research.single .imgs .mainimg .cell { display: table-cell; vertical-align: middle; }
.research.single .imgs .mainimg .cell img { width: auto; height: auto; max-width: 556px; max-height: 372px; margin: 0 auto; }
.research.single .imgs .subimgs { float: right; width: 49.64%; }
.research.single .imgs .subimgs:after { content: ""; display: block; clear: both; }
.research.single .imgs .subimgs .subimg { float: left; width: 48.58%; height: 182px; margin: 1.42% 1.42% 0 0; background: #fff; display: table; }
.research.single .imgs .subimgs .subimg .cell { display: table-cell; vertical-align: middle; }
.research.single .imgs .subimgs .subimg .cell img { width: auto; height: auto; max-width: 269px; max-height: 181px; margin: 0 auto; }
@media screen and (max-width: 1280px) { .research.single .imgs .mainimg .cell img { max-width: 436px; }
  .research.single .imgs .subimgs .subimg .cell img { max-width: 213px; } }
@media screen and (max-width: 480px) { .research.single .imgs .mainimg .cell img { max-width: 100%; }
  .research.single .imgs .subimgs .subimg .cell img { max-width: 100%; } }
.research.single .fac_img { position: relative; }
.research.single .fac_img:hover img { opacity: 0.5; }
.research.single .fac_img:hover a { opacity: 1; }
.research.single .fac_img a { opacity: 0; position: absolute; left: 15.385%; width: 69.23%; display: block; font-size: 12px; line-height: 16px; letter-spacing: 0.5px; text-transform: uppercase; text-decoration: none; text-align: center; padding: 16px 0; background: rgba(255, 255, 255, 0.8); }
.research.single .fac_img a.prof { box-shadow: inset 0 0 0 1px #FFB200; top: 32px; }
.research.single .fac_img a.prof:after { display: inline-block; font-family: "icons"; content: ""; vertical-align: top; font-size: 8px; margin-left: 6px; color: #FFB200; }
.research.single .fac_img a.prof:hover { background: #FFFCF5; }
.research.single .fac_img a.lab { box-shadow: inset 0 0 0 1px #707070; top: 102px; color: #4c4c4c; }
.research.single .fac_img a.lab.ex_link:after { color: #4c4c4c; margin-left: 6px; }
.research.single .fac_img a.lab:hover { background: #F6F6F6; }
@media screen and (max-width: 1280px) { .research.single .fac_img a { padding: 12px; left: 6.5%; width: 70%; }
  .research.single .fac_img a.prof { top: 24px; }
  .research.single .fac_img a.lab { top: 78px; } }
@media screen and (max-width: 480px) { .research.single .imgs { padding: 8px 0 0; }
  .research.single .imgs .mainimg { float: none; width: 94.6%; height: auto; margin: 0 2.7% 8px; }
  .research.single .imgs .subimgs { float: none; width: 94.6%; margin: 0 2.7%; }
  .research.single .imgs .subimgs .subimg { float: left; width: 48.58%; height: 96px; margin: 0 0 8px 0; }
  .research.single .imgs .subimgs .subimg:nth-child(2n) { float: right; }
  .research.single .imgs .subimgs .subimg .cell img { max-height: 96px; }
  .research.single .fac_img:after { content: ""; display: block; clear: both; }
  .research.single .fac_img:hover img { opacity: 1; }
  .research.single .fac_img a { opacity: 1; position: relative; left: 0; width: 40%; margin: 16px 0; }
  .research.single .fac_img a.prof { top: 0; float: left; }
  .research.single .fac_img a.lab { top: 0; float: right; } }

/* research - area */
.researcharea .course a { color: #222; display: block; }
.researcharea .course img { width: 53.73%; float: left; margin-right: 2.99%; margin-bottom: 0; }
.researcharea .course div { width: 43.28%; float: left; }
.researcharea .course h4 { margin: 48px 0 32px; }
@media screen and (max-width: 1280px) { .researcharea .course h4 { margin: 24px 0 32px; } }
@media screen and (max-width: 480px) { .researcharea .course img, .researcharea .course div { width: 100%; }
  .researcharea .course h4 { margin: 16px 0 16px; } }

/* research - dissertation */
.dissertation #container { margin: 0; }
.dissertation #container .mix { display: none; width: 100%; }
.dissertation #container h3 { margin-top: 40px; }
.dissertation #container h3.socio { margin-top: 32px; border-color: #5CA93F; }
.dissertation #container h3.cultural { border-color: #119DBA; }
.dissertation #container h3.emerging { border-color: #6756E4; }
.dissertation #container h3.applied { border-color: #AD2BB8; }
.dissertation #container h3.itasia { border-color: #CC3041; }
.dissertation #container h3.undergrad { border-color: #54596F; }
.dissertation #container h3.biostat { margin-top: 32px; border-color: #ff5821; }
.dissertation #container h4 { border-color: #FFB200; margin-top: 0 !important; }
.dissertation #container dl { margin-bottom: 48px; }
.dissertation #container dt { width: 10.56%; float: left; font-weight: bolder; line-height: 24px; }
.dissertation #container dd { margin: 0 0 16px 10.56%; line-height: 24px; }
.dissertation #container dd:after { content: ""; display: block; clear: both; }
.dissertation #container p { margin-bottom: 48px; }
@media screen and (max-width: 480px) { .dissertation #container dt { width: 100%; float: none; }
  .dissertation #container dd { width: 100%; margin: 0 0 8px 0; } }

/* --------------------------------------------------- */
/* 11: contents - faculty */
/* --------------------------------------------------- */
.faculty #container .mix { display: none; }

dl.cat { float: right; }
dl.cat:after { content: ""; display: block; clear: both; }
dl.cat dt, dl.cat dd { float: left; font-size: 12px; line-height: 16px; }
dl.cat dt { margin: 6px 4px 6px 12px; width: 30px; height: 4px; display: block; }
dl.cat dt.cat01 { background: #7F8393; }
dl.cat dt.cat02 { background: #6796D5; }
dl.cat dt.cat03 { background: #ED8078; }
@media screen and (max-width: 480px) { dl.cat { float: none; }
  dl.cat dd { float: none; } }

/* faculty - grid */
#container { margin: 0 -1%; }
#container:after { content: ""; display: block; clear: both; }
#container .fac { position: relative; width: 18%; height: 392px; float: left; margin: 0 1% 24px 1%; }
@media screen and (max-width: 1280px) { #container .fac { height: 344px; } }
#container .fac h4 { border: 0; padding: 0; margin: 10px 0 4px 0; }
#container .fac .icns { width: 100%; margin-bottom: 16px; height: 8px; }
#container .fac .icns .icn { width: 8px; height: 8px; }
#container .fac:hover img, #container .fac:hover h4, #container .fac:hover p, #container .fac:hover .icns { opacity: 0.5; }
#container .fac:hover a { opacity: 1; }
#container .fac.cat01 img { border-bottom: 4px solid #7F8393; }
#container .fac.cat02 img { border-bottom: 4px solid #6796D5; }
#container .fac.cat03 img { border-bottom: 4px solid #ED8078; }
#container .fac p { font-size: 12px; line-height: 20px; max-height: 96px; overflow: hidden; }
#container .fac p .en { font-size: 11px; line-height: 18px; display: block; }
#container .fac a { opacity: 0; position: absolute; left: 15.385%; width: 69.23%; display: block; font-size: 12px; line-height: 16px; letter-spacing: 0.5px; text-transform: uppercase; text-decoration: none; text-align: center; padding: 16px 0; background: rgba(255, 255, 255, 0.8); }
#container .fac a.prof { box-shadow: inset 0 0 0 1px #FFB200; top: 56px; }
#container .fac a.prof:after { display: inline-block; font-family: "icons"; content: ""; vertical-align: top; font-size: 8px; margin-left: 6px; color: #FFB200; }
#container .fac a.prof:hover { background: #FFFCF5; text-decoration: none; }
#container .fac a.lab { box-shadow: inset 0 0 0 1px #707070; top: 118px; color: #4c4c4c; }
#container .fac a.lab.ex_link:after { color: #4c4c4c; margin-left: 6px; }
#container .fac a.lab:hover { background: #F6F6F6; text-decoration: none; }
@media screen and (max-width: 1280px) { #container .fac a { padding: 12px 0; }
  #container .fac a.prof { top: 40px; }
  #container .fac a.lab { top: 94px; } }
@media screen and (max-width: 480px) { #container .fac { width: 48%; height: 432px; }
  #container .fac:hover img, #container .fac:hover h4, #container .fac:hover p, #container .fac:hover .icns { opacity: 1; }
  #container .fac a { opacity: 1; position: relative; left: 0; width: 100%; padding: 8px 0; }
  #container .fac a.prof { top: 0; }
  #container .fac a.lab { top: 0; margin-top: 4px; } }
@media screen and (max-width: 375px) { #container .fac { height: 416px; } }
@media screen and (max-width: 320px) { #container .fac { height: 392px; } }

/* faculty - detail */
.profile .basic { margin: 16px 0; position: relative; }
.profile .basic:after { content: ""; display: block; clear: both; }
.profile .basic .mcol { float: right; width: 62.68%; margin: 24px 0 0; }
.profile .basic .mcol .ja, .profile .basic .mcol .en { line-height: 24px; }
.profile .basic .mcol .title { font-weight: bolder; }
.profile .basic .mcol h3 { margin: 0; padding: 0; border: 0; font-size: 24px; line-height: 28px; }
.profile .basic .mcol .en h3 { font-weight: normal !important; }
.profile .basic .mcol ul.theme { margin: -12px 0 24px; }
.profile .basic .web { width: 31.69%; float: left; line-height: 24px; margin-right: 5.63%; }
.profile .basic .web img { margin-bottom: 16px; }
.profile .basic .web .label { color: #707070; line-height: 16px; background: #F6F6F6; display: inline-block; padding: 0 24px 0 8px; }
.profile .basic dl dt { float: left; }
.profile .basic dl dd:after { content: ""; display: block; clear: both; }
@media screen and (max-width: 480px) { .profile .basic .mcol, .profile .basic .web { width: 100%; float: none; }
  .profile .basic .mcol .title { margin: 0; }
  .profile .basic .mcol h3 { margin: 0; }
  .profile .basic .mcol .en h3 { margin: 0 0 16px; }
  .profile .basic .mcol:first-of-type .ja { margin-bottom: 8px; }
  .profile .basic .mcol:first-of-type .en { margin-bottom: 24px; }
  .profile .basic .web { padding-bottom: 8px; box-shadow: inset 0 -1px #EDEDED; } }
.profile .comment { margin: 48px 0; }

/* --------------------------------------------------- */
/* 12: contents - admissions */
/* --------------------------------------------------- */
@media screen and (max-width: 480px) { .admissions .info { margin-top: 4px; padding-top: 16px; } }
.admissions .linkbtn { width: 21.13%; display: inline-block; margin-right: 8px; }
.admissions .linkbtn a { padding: 12px 16px 16px 16px; height: 100%; display: block; }
.admissions .linkbtn a:after { top: 12px; }
@media screen and (max-width: 480px) { .admissions .linkbtn { width: 100%; margin: 0 0 8px 0; } }
.admissions .guidebook th { width: 12.68%;padding: 24px 0;line-height: 1.5; }
.admissions .guidebook th .en { display: block; padding-top: 8px; line-height: 18px; }
.admissions .guidebook td { width: 17.25%; padding: 14px 0 14px 0.4%; }
.admissions .guidebook td div { float: right; width: 100%; height: 130px; background: #F6F6F6; position: relative; }
.admissions .guidebook td div:after { content: ""; display: block; clear: both; }
.admissions .guidebook td div .en { color: #707070; display: block; font-weight: normal; padding-top: 8px; line-height: 18px; }
.admissions .guidebook td div.socio { background: #F9FCF8; box-shadow: inset 0px 0px 0px 1px #5CA93F; }
.admissions .guidebook td div.cultural { background: #F8FCFD; box-shadow: inset 0px 0px 0px 1px #119DBA; }
.admissions .guidebook td div.emerging { background: #FAFAFE; box-shadow: inset 0px 0px 0px 1px #6756E4; }
.admissions .guidebook td div.applied { background: #FDFBFE; box-shadow: inset 0px 0px 0px 1px #AD2BB8; }
.admissions .guidebook td div.biostat { background: #fff9f7; box-shadow: inset 0px 0px 0px 1px #ff5821; }
.admissions .guidebook td div a { color: #222; text-decoration: none; display: block; width: 100%; height: 100%; }
.admissions .guidebook td div a:hover { color: #FFA400; }
.admissions .guidebook td div a:hover .en { color: #FFA400; }
.admissions .guidebook td div p { margin: 16px 16px 8px; font-weight: bolder; line-height: 20px; font-size: 95%; }
.admissions .guidebook td div .pdf, .admissions .guidebook td div .pdf_ja, .admissions .guidebook td div .pdf_en { position: absolute; left: 16px; bottom: 8px; line-height: 24px; }
.admissions .guidebook td div .new { float: right; padding-right: 16px; line-height: 20px; font-size: 12px; color: #E1463C; }
@media screen and (max-width: 1280px) { .admissions .guidebook td div { height: 152px; }
  .admissions .guidebook td div p { margin: 16px 12px 8px; }
  .admissions .guidebook td div .pdf, .admissions .guidebook td div .pdf_ja, .admissions .guidebook td div .pdf_en { left: 11px; }
  .admissions .guidebook td div .new { padding-right: 12px; } }
@media screen and (max-width: 480px) { .admissions .guidebook th, .admissions .guidebook td { width: 100%; padding: 4px 0; display: inline-block; }
  .admissions .guidebook th { padding: 24px 0 16px; }
  .admissions .guidebook th br { display: none; }
  .admissions .guidebook td:last-child { padding-bottom: 12px; }
  .admissions .guidebook td div.nodl { display: none; } }
.admissions .itasia h3 { border-color: #CC3041; }
.admissions .itasia p:first-of-type { margin: 0; }
.admissions .itasia .linkbtn { width: 240px; height: 96px; background: #FDF8F9; box-shadow: inset 0px 0px 0px 1px #CC3041; }
.admissions .itasia .linkbtn a.ex_link:after { display: inline-block; font-family: "icons"; content: ""; vertical-align: top; color: #CC3041; font-size: 10px; }
@media screen and (max-width: 480px) { .admissions .itasia .linkbtn { width: 100%; } }
.admissions .inter h3 { border-color: #6796D5; }
.admissions .inter p:first-of-type { margin: 0; }
.admissions .inter .linkbtn { width: 240px; height: 96px; background: #F5F8FC; box-shadow: inset 0px 0px 0px 1px #6796D5; }
.admissions .inter .linkbtn a:after { color: #6796D5; }
@media screen and (max-width: 480px) { .admissions .inter .linkbtn { width: 100%; } }
.admissions .undergrad h3 { border-color: #54596F; }
.admissions .undergrad .linkbtn { width: 240px; height: 96px; background: #F8F9F9; box-shadow: inset 0px 0px 0px 1px #54596F; }
.admissions .undergrad .linkbtn a:after { color: #54596F; }
@media screen and (max-width: 480px) { .admissions .undergrad .linkbtn { width: 100%; } }

/* --------------------------------------------------- */
/* 13: contents - news, event */
/* --------------------------------------------------- */
.news.single .date { margin: 16px 0; color: #707070; }

.news.archive .content ul, .event.archive .content ul { border-top: 1px solid #EDEDED; margin: 8px 0; }
.news.archive .content ul li, .event.archive .content ul li { padding: 8px 0; border-bottom: 1px solid #EDEDED; }
.news.archive .content ul li:before, .event.archive .content ul li:before { text-indent: 0; content: ""; display: inherit; }
.news.archive .content ul li a, .event.archive .content ul li a { display: block; }
.news.archive .content ul li a:after, .event.archive .content ul li a:after { content: ""; display: block; clear: both; }
.news.archive .content ul li a:hover .ttl, .event.archive .content ul li a:hover .ttl { color: #FFA400; }
.news.archive .content ul li a:hover .ttl .en, .event.archive .content ul li a:hover .ttl .en { color: #FFA400; }
.news.archive .content ul li .date, .event.archive .content ul li .date { width: 10.56%; float: left; color: #707070; font-size: 13px; line-height: 24px; }
.news.archive .content ul li .ttl, .event.archive .content ul li .ttl { width: 87.32%; float: right; color: #222; line-height: 24px; }
.news.archive .content ul li .ttl .en, .event.archive .content ul li .ttl .en { display: block; font-size: 13px; line-height: 20px; }

@media screen and (max-width: 480px) { .news.archive .date, .news.archive .ttl { width: 100% !important; float: none; }
  .news.archive .date { margin-bottom: 4px; font-size: 12px !important; } }
.event.archive .content li .date { width: 9.86% !important; background: #F6F6F6; font-size: 12px; line-height: 24px; text-align: center; padding: 8px; display: table; }
.event.archive .content li .date > div:first-child { display: table-cell; vertical-align: middle; }
.event.archive .content li .date .month { display: block; font-size: 12px; line-height: 16px; text-transform: uppercase; }
.event.archive .content li .date .day { display: block; font-size: 18px; line-height: 24px; }
.event.archive .content li .date.period:after { content: ""; display: block; clear: both; }
.event.archive .content li .date.period div:nth-of-type(2) { width: 45%; float: left; margin: -10px 0 -10px; }
.event.archive .content li .date.period div:nth-last-of-type(2) { width: 45%; float: right; margin: -10px 0 -10px; }
.event.archive .content li .date.period .dash { line-height: 24px; margin-top: 16px; display: inline-block; margin: -10px 0 -10px; }
@media screen and (max-width: 480px) { .event.archive .content li { width: 100%; }
  .event.archive .content li .date { width: 25% !important; padding: 8px 2.5%; }
  .event.archive .content li .date .month { font-size: 10px; }
  .event.archive .content li .date .day { font-size: 16px; }
  .event.archive .content li .date.period:after { content: ""; display: block; clear: both; }
  .event.archive .content li .date.period div:nth-of-type(2) { width: 44%; }
  .event.archive .content li .date.period div:nth-last-of-type(2) { width: 44%; }
  .event.archive .content li .ttl { width: 65% !important; } }

/*youtube*/

.youtube {
position: relative;
padding-bottom: 50.5%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.youtube iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}