@charset "utf-8";

/*------------------------------
  common
------------------------------*/
/*-- リセット --*/
html { font-family: 'Avenir','Helvetica Neue','Helvetica','Arial', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro','メイリオ', 'Meiryo', '游ゴシック', 'Yu Gothic', 'ＭＳ Ｐゴシック', sans-serif; background-color: #352; }
body { min-width: 100vw; width: 100%; margin: 0; padding: 0; font-size: 10px; -webkit-text-size-adjust: 100%; color: #333; background-color: #FFF; overflow-x: hidden; }
* { margin: 0; padding: 0; text-align: left; line-height: 1.5em; box-sizing: border-box; }
a { text-decoration: none; }
img { width: 100%; border: none; display: block; }
li { list-style: none; }
dl, dt, dd { padding: 0; margin: 0; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
input, select { vertical-align: middle; }
header, main, footer { width: 100%; }
h1, h2, h3, h4, h5 { font-size: 1em; }
h2 { margin: .5em auto; font-size: 1.875em; font-weight: 800; text-align: center; color: #352; background-position: 50% 0; background-repeat: no-repeat; }
h2 span { font-size: .8em; }
h2 span.sub { font-size: .5em; font-weight: normal; line-height: 1em; text-align: center; display: block; }

.cf { zoom:100%; }
.cf:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both; }

/*-- main --*/
main { font-size: 1.6em; }
a { font-weight: bold; color: #36C; }
a:hover { color: #E63 }

/*-- HEADER --*/
header { background: #FFF; border-top: #ececec solid 1em; z-index: 10; }
.head_wrap { max-width: 1400px; min-width: 300px; width: auto; margin: 0 auto; display: flex; justify-content: space-between; align-items: flex-end; }
.head_logo { width: calc(100% - 22em); padding-left: 95px; background: url(/~ieas/common/img/ico/em_TUAT.svg) 0 100% no-repeat; background-size: 85px; display: inline-block; }
.head_logo h1 { width: 463px; }
.language a { margin-right: 1em; padding: 0 1.5em; font-size: 1.6em; font-weight: 800; line-height: 1.875em; color: #352; border-width: 0 1px; border-color: #352; border-style: solid; display: inline-block; }
.language a:hover { color: #FFF; background: #17a558; border-color: #17a558; }

/*-- パンくずリンク --*/
.bread { max-width: 1200px; min-width: 320px; width: auto; margin: 0 auto; padding: 1em 0 0 0; }
.bread ul { display: flex; flex-wrap: nowrap; white-space: nowrap; overflow-x: scroll; }
.bread ul li { margin: 0 1em; padding-right: 2em; line-height: 1.4em; background: url(/~ieas/common/img/ico/ico_next_bk.svg) 100% 50% no-repeat; background-size: .8em; }
.bread ul li:last-child { padding: 0; background: none; }
.bread ul li a:hover { text-decoration: underline; }
.bread ul li span { font-size: 1.4em; }
.head_logo .bread ul li a { color: #333; }
.head_logo .bread ul li a:hover { color: #36C; }

/*-- TUATタブ --*/
.wrap_tab { max-width: 1440px; min-width: 300px; width: auto; margin: 0 auto; position: relative; }
.wrap_tab.head { padding: 0; }
.wrap_tab.foot { padding-top: 6em; }
.tab_tuat a { width :21em; height: 6em; background-color: #ececec; transition: .3s; display: block; position: absolute; right: 1em; }
.wrap_tab.head .tab_tuat a { padding: 1em 1.75em; border-radius: 0 0 .5em .5em; top: 0; }
.wrap_tab.head .tab_tuat a:hover { height: 7em; padding: 2em 1.75em 2em 1.75em; transition: .15s; }
.wrap_tab.foot .tab_tuat a { padding: 1.5em 1.75em; border-radius: .5em .5em 0 0; bottom: 0; }
.wrap_tab.foot .tab_tuat a:hover { height: 7em; transition: .15s; }

/*-- ヘッダーメニュー --*/
.head_menu_wrap { width: 100%; margin-top: 5px; background-color: #352; z-index: 100; }
.head_menu_wrap .menu_logo_sp, .head_menu_wrap li.menu_logo { display: none; }
.head_menu_wrap.fixed { margin-top: 0; position: fixed; top: 0; }
.head_menu_wrap.fixed li.menu_logo { display: block; }
.head_menu { max-width: 1440px; min-width: 300px; width: auto; margin: 0 auto; font-size: 1.6em; line-height: 1.25em; color: #FFF; display: flex; justify-content: flex-start; align-items: stretch; }
.head_menu li { width: 16.66%; }
.head_menu li a, .head_menu li span { height: 100%; padding: 1.5625em .5em; font-weight: 800; text-align: center; color: #FFF; display: block; }
.head_menu li a:hover, .head_menu li span { background: #17a558; }
.head_menu li.menu_logo { padding: .6em .5em 0 2.5em; font-size: 2em; font-weight: 800; line-height: 1em; background: url(/~ieas/common/img/ico/em_TUAT.svg) 0 50% no-repeat; background-size: 2em; }
#headmenu-check { display: none; }

/*-- FOOTER --*/
.foot_body { color: #FFF; background-color: #352; border-top: #ececec solid 1.2em; }
.wrap_foot { max-width: 1440px; min-width: 320px; width: auto; margin: 0 auto; }
.foot_menu { width: 100%; margin: 1.2em auto; display: flex; flex-wrap: wrap; justify-content: center; align-items: stretch; }
.foot_menu li { border-right: #FFF solid 1px; }
.foot_menu li:last-child { border-right: none; }
.foot_menu li a { padding: 0 2em; font-size: 1.6em; line-height: 2.6em; color: #FFF; display: block; }
.foot_menu li a:hover { color: #CED; text-decoration: underline; }

.foot_logo { width: 9.6em; margin: 2em auto 1em; }
.foot_body .copy { font-size: 1.3em; text-align: center; }

/*-- リンクバナー --*/
ul[class^="banner"] { max-width: 1200px; min-width: 300px; width: 96%; margin: 0 auto; display: flex; justify-content: center; align-items: stretch; flex-wrap: wrap; }
ul[class^="banner"] li a { width: 100%; height: 100%; font-size: 1.5em; font-weight: 800; line-height: 1.25em; background-color: #FFF; border-width: 2px; border-style: solid; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; }
ul[class^="banner"] li a span { padding: 1.25em 0 1em 2.5em; background-position: 0 50%; background-repeat: no-repeat; background-size: 2em; }
ul[class^="banner"] li a i { margin: auto 0 auto 2em; font-size: .583em; font-weight: normal; font-style: normal; line-height: 1em; }
.banner .wide { width: 100%; margin: .2em auto; }
.banner2 .wide { width: 80%; margin: 2em auto; }
ul[class^="banner"] .half { width: 49.5%; margin: .2em 0; }
ul[class^="banner"] .half.left { margin-right: 1%; }
ul[class^="banner"] .red a { color: #cc2214; border-color: #cc2214; }
ul[class^="banner"] .red a:hover { background-color: #FED; }
ul[class^="banner"] .red.pdf a span { background-image: url(/~ieas/common/img/ico/ico_pdf_red.svg); }
ul[class^="banner"] .red.lib a span { background-image: url(/~ieas/common/img/ico/ico_library_red.svg); }
ul[class^="banner"] .red.mail a span { background-image: url(/~ieas/common/img/ico/ico_mail_red.svg); }
ul[class^="banner"] .red.attention a span { background-image: url(/~ieas/common/img/ico/ico_attention_red.svg); }
ul[class^="banner"] .green a { color: #352; border-color: #352; }
ul[class^="banner"] .green a:hover { background-color: #EFD; }
ul[class^="banner"] .green.pdf a span { background-image: url(/~ieas/common/img/ico/ico_pdf_green.svg); }
ul[class^="banner"] .green.lib a span { background-image: url(/~ieas/common/img/ico/ico_library_green.svg); }
ul[class^="banner"] .green.mail a span { background-image: url(/~ieas/common/img/ico/ico_mail_green.svg); }
ul[class^="banner"] .green.attention a span { background-image: url(/~ieas/common/img/ico/ico_attention_green.svg); }
ul[class^="banner"] .blue a { color: #36C; border-color: #36C; }
ul[class^="banner"] .blue a:hover { background-color: #DEF; }
ul[class^="banner"] .blue.pdf a span { background-image: url(/~ieas/common/img/ico/ico_pdf_blue.svg); }
ul[class^="banner"] .blue.lib a span { background-image: url(/~ieas/common/img/ico/ico_library_blue.svg); }
ul[class^="banner"] .blue.mail a span { background-image: url(/~ieas/common/img/ico/ico_mail_blue.svg); }
ul[class^="banner"] .blue.attention a span { background-image: url(/~ieas/common/img/ico/ico_attention_blue.svg); }
ul[class^="banner"] .gdrive a span { background-image: url(/~ieas/common/img/ico/ico_googledrive.svg); }
.banner3 { max-width: 680px !important; min-width: 300px; width: 96%; margin: 2em auto 0 auto !important; display: block; }
.banner3 li a { padding: 0 1em !important; font-size: 1em !important; font-weight: normal !important; }


/*-- リンクボタン --*/
.btn_link a { max-width: 660px; min-width: 300px; width: 70%; padding: 1em; margin: 2em auto; font-size: 1.125em; text-align: center; color: #FFF; background-color: #36C; border: #36C solid 2px; display: block; }
.btn_link a span { padding-left: 1.5em; background-image: url(/~ieas/common/img/ico/ico_next_white.svg); background-position: 0 50%; background-repeat: no-repeat; background-size: .6em; }
.btn_link a:hover { color: #36C; background-color: #FFF; }
.btn_link a:hover span { background-image: url(/~ieas/common/img/ico/ico_next_blue.svg); }
.btn_link.margin_top a { margin-top: 7em; }

/*-- ページタイトル --*/
.page_title_wrap { max-width: 1210px !important; min-width: 310px !important; width: 98% !important; padding-left: 5px !important; margin: 2em auto !important; border-left: #352 solid 5px; }
.page_title_wrap h2 { width: 100%; padding: .5em 0 0 .5em; text-align: left; }
.page_title_wrap h2 .update { margin: 1.5em 0 0 1em; font-size: .45em; font-weight: normal; color: #333; float: right; }
.page_title_wrap { max-width: 1200px; min-width: 300px; width: 100%; margin: 0 auto; }
.badge { padding: .25em .5em; font-size: .65em; color: #FFF; border-radius: .35em; display: inline-block; }
.badge.red { background-color: #cc2214; }
.badge.green { background-color: #17a552; }
.read {  font-weight: 600; }
.read::first-letter { font-size: 2em; line-height: 1em; }
.note { display: flex; justify-content: stretch; }
.note li { width: 99%; padding: 1.5em 1.5em; margin: .5em 0; background-color: #CED; border-radius: .35em; }
.note li:nth-child(2n+2) { margin-left: 2%; }

/*-- コンテンツページ共通 --*/
.pagebody div, .pagebody p, .pagebody ul { max-width: 1160px; min-width: 300px; width: 96%; margin: .5em auto; }
.pagebody h3, .pagebody h4 { max-width: 1200px; min-width: 300px; width: 98%; margin: 1em auto 0 auto; }
h3.topic { padding: 1.8em 0 .5em 3.25em; font-size: 1.125em; font-weight: 800; color: #352; background: url(/~ieas/common/img/ico/ico_book2.svg) 0 100% no-repeat; background-size: 3em; }



/*------------------------------
  index
------------------------------*/
.indexbody { background: -moz-linear-gradient(top, #ececec, #FFF 5em); background: -webkit-linear-gradient(top, #ececec, #FFF 5em); background: linear-gradient(to bottom, #ececec, #FFF 5em); }
.welcome_tit { padding: 16em 2em 0 2em; background: url(/~ieas/common/img/ico/em_TUAT_bk_transparent.svg) left 50% top 3em no-repeat; background-size: 20.625em; }
.welcome_tit h1, .welcome_tit p { text-align: center; }
.welcome_tit h1 { font-size: 1.5em; text-shadow: 0 2px 0 #FFF; }
.welcome_tit p { color: #352; }
.welcome_tit p span { font-size: 1.5em; font-weight: 800; text-align: center; display: inline-block; }
.portal { max-width: 600px; min-width: 300px; width: auto; margin: 4.5em auto 2.8em auto; display: flex; flex-wrap: wrap; justify-content: center; }
.portal dt, .portal dd a { font-weight: 800; text-align: center; }
.portal dt { width: 100%; font-size: 1.5em; letter-spacing: .05em; }
.portal dd a { width: 280px; margin: .6em 10px; font-size: 1.875em; line-height: 2.13em; color: #36C; background-color: #FFF; border: #36C solid 2px; transition: .6s; display: block; }
.portal dd a:hover { color: #FFF; background-color: #36C; border-color: #36C; transition: 0s; }
.morepage { max-width: 1200px; min-width: 320px; width: auto; padding: 3.25em 10px 0 10px; margin: 0 auto; position: relative; }
.morepage h3 { padding-left: 4.8em; margin-bottom: -1em; font-weight: 800; line-height: 3.9em; color: #352; background: url(/~ieas/common/img/ico/ico_book2.svg) 0 50% no-repeat; background-size: 4em; position: absolute; top: 0; left: 0; }
.morepage ul { width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; }
.morepage li { width: 270px; margin-right: 25px; }
.morepage li:last-child { margin-right: 0; }
.morepage li div a { width: 100%; min-height: 6em; padding: 1em .5em 1em 1.5em; color: #352; background-color: #CED; border-radius: .35em; transition: .6s; display: block; }
.morepage li div a:hover { text-decoration: underline; background-color: #AEC; box-shadow: 0 0 0 2px #AEC; transition: 0s; }
.morepage li p { padding: .5em .5em 0 .5em; font-size: .875em; line-height: 1.2em; }
.morepage li p a:hover { text-decoration: underline; }


/*------------------------------
  TOP
------------------------------*/
/*-- フォトギャラリー --*/
.gallery { max-width: 1440px; min-width: 320px; width: 100%; margin: .625em auto 0 auto; overflow: hidden; }
.gallery ul { float: left; }
.gallery ul li { width: calc(25% - .625em); margin-bottom: .625em; float: left; }
.gallery ul li.gallery01, .gallery ul li.gallery06 { width: 50%; margin-right: .625em; position: relative; }
.gallery ul li.gallery01::before, .gallery ul li.gallery06::before { content: ''; width: 100%; height: 100%; background: linear-gradient(to Right, rgba(0,0,0,0.5), rgba(0,0,0,0)); position: absolute; top: 0; left: 0; }
.gallery ul li.gallery01::after, .gallery ul li.gallery06::after { content: ''; width: 28.75em; height: 4.625em; background-position: 0 50%; background-repeat: no-repeat; background-size: 100%; position: absolute; left: 0; top: calc(50% - 2.3125em) }
.gallery ul li.gallery01::after { background-image: url(/~ieas/common/img/copy.png); }
.gallery ul li.gallery06::after { background-image: url(/~ieas/common/img/copy_en.png); }
.gallery ul li.gallery02, .gallery ul li.gallery04, .gallery ul li.gallery07, .gallery ul li.gallery09 { margin-right: .625em; }
/*-- コース概要 --*/
.overview { width: 100%; margin-top: 6em; padding-bottom: 5em; background-color: #CED; background-image: url(/~ieas/common/img/ico/em_TUAT_white_transparent.svg); background-position: right 3% top -2em; background-repeat: no-repeat; background-size: 20em; position: relative; }
.overview::before { content: 'Scroll'; width: 11.25em; height: 5em; font-weight: 600; line-height: 4.5em; text-align: center; color: #352; background: #CED url(../img/ico/ico_down.svg) left 50% top 3.5em no-repeat; background-size: 2.5em; border-top-left-radius: 120% 240%; border-top-right-radius: 120% 240%; display: block; position: absolute; top: -4.8em; left: calc(50% - 5.625em); z-index: 1; transition: .15s; }
.overview:hover::before { width: 13em; height: 5.5em; top: -5.2em; left: calc(50% - 6.5em); transition: .5s; }
h2.tit_overview { padding-top: 3.3em; background: url(/~ieas/common/img/ico/ico_seeds.svg) left 50% top .5em no-repeat; background-size: 2.6em; }
.overview_list { max-width: 1400px; min-width: 300px; width: 96%; margin: 0 auto; display: flex; flex-wrap: wrap; }
.overview_list li { width: 49%; margin: 1em .5% 0 .5%; padding: 1.5em 1.25em; background-color: rgba(255,255,255,0.8); border: #352 solid 2px; border-radius: .3em; }
.overview_list li a { padding-left: 4.125em; background-image: url(/~ieas/common/img/ico/ico_book_blue.svg); background-position: 0 50%; background-repeat: no-repeat; background-size: 4em; display: block; }
.overview_list li a h3 { padding-left: .25em;  font-size: 1.5em; line-height: 1.25em; border-bottom: #352 solid 2px; display: block; }
.overview_list li a p { margin: .125em .5em 0 0; text-align: right; color: #352; }
.overview_list li a p span { margin-right: .5em; padding: .125em .5em; font-size: .8em; line-height: 1em; color: #FFF; background-color: #352; border-radius: .3em; }
.overview_list li a:hover { background-image: url(/~ieas/common/img/ico/ico_book_orange.svg); }
.overview_list li a:hover h3 { border-color: #E63; }
.overview_list li a:hover p { color: #E63; }
.overview_list li a:hover p span { background-color: #E63; }
.overview_list li>p { margin: .875em 0 0 .5em; font-size: .875em; letter-spacing: .125em; line-height: 1.75em; text-indent: 1em; }
/*-- お知らせ --*/
.news { padding-bottom: 5em; position: relative; z-index: 2; }
.news::before { content: ''; width:20em; height: 20em; background-color: #FFF; border-radius: 50%; display: block; position: absolute; top: -4em; left: calc(50% - 10em); z-index: -1; }
h2.tit_news { margin-top: 0; padding-top: 2.35em; background-image: url(/~ieas/common/img/ico/ico_sprout.svg); background-size: 2.133em;  }
.news_list { max-width: 1200px; min-width: 300px; width: 96%; margin: 0 auto; }
.news_list li { margin-bottom: 1.875em; }
.news_list li dl { padding: 1.5em 5.5em 0 0; background-position: right 0 top 0; background-repeat: no-repeat; }
.news_list li:nth-child(1n+1) dl { background-image: url(/~ieas/common/img/ico/ico_tractor.svg); background-size: 6em; }
.news_list li:nth-child(2n+2) dl { background-image: url(/~ieas/common/img/ico/ico_drone.svg); background-size: 5em; }
.news_list li:nth-child(3n+3) dl { background-image: url(/~ieas/common/img/ico/ico_hoe.svg); background-position: right 1em top 0; background-size: 5em; }
.news_list li:nth-child(4n+4) dl { background-image: url(/~ieas/common/img/ico/ico_wheat.svg); background-position: right 1.5em top 0; background-size: 4.8em; }
.news_list li dt { display: flex; }
.news_list li dt .update { padding: 0 1em; font-size: .875em; line-height: 3.5em; color: #352; border: #352 solid 2px; }
.news_list li dt h3 { width: 100%; padding: .6em .5em .2em 1em; font-size: 1.5em; font-weight: 800; line-height: 1.2em; color: #FFF; background-color: #352; }
.news_list li dd { margin: 1em 0 0 7em; }
.news_list li dd a { padding: 0 .25em; color: #cc2214; }
.news_list li dd a:hover { text-decoration: underline; color: #E63; }
/*-- お問い合わせ --*/
.contact { width: 100%; padding: 2.5em 0 5em 0; border-top: #352 solid 1px; }
h2.tit_contact { padding-top: 2.6em; background-image: url(/~ieas/common/img/ico/ico_leaf.svg); background-size: 2.3em; }
.contact>p { max-width: 600px; min-width: 300px; width: 96%; margin: 3em auto; font-size: .875em; letter-spacing: .18em; text-align: center; }
.contact_wrap { max-width: 1400px; min-width: 300px; width: 96%; margin: 0 auto; display: flex; }
.contact_wrap div { width: 49%; margin-bottom: 1em; display: block; }
.contact_wrap dl.postal { margin-right: 2%; padding: .5em; font-weight: 800; background-color: #ececec; background-image: url(/~ieas/common/img/ico/em_TUAT_white_transparent.svg); background-position: right .5em bottom -1em; background-repeat: no-repeat; background-size: 8em; border-radius: .3em; display: flex; align-items: center; }
.contact_wrap dl.postal dt { width: 2em; height: 100%; line-height: 1em; text-align: center; transform: rotate(-90deg); }
.contact_wrap dl.postal.jp dt { width: 1.25em; height: 100%; padding-right: .25em; line-height: 1em; text-align: center; transform: rotate(0); }
.contact_wrap dl.postal dd { padding: 1.5em 0 1.5em 1.5em; border-left: #333 solid 1px; }
.contact_wrap dl.mail dt { width: 100%; padding-left: 1.5em; font-weight: 800; background: url(/~ieas/common/img/ico/ico_next_bk.svg) left .5em top 50% no-repeat; background-size: .6em; border-bottom: #333 solid 1px; }
.contact_wrap dl.mail ul { width: 98%; margin: .35em auto 0 auto; display: flex; flex-wrap: wrap; }
.contact_wrap dl.mail li { width: 49%; margin: 0 .5% .35em .5%; }
.contact_wrap dl.mail li a { padding: .65em .5em .65em 3.25em; color: #FFF; background-color: #36C; background-image: url(/~ieas/common/img/ico/ico_mail_white.svg); background-position: left .75em top 50%; background-repeat: no-repeat; background-size: 2em; border: #36C solid 2px; border-radius: .3em; display: block; }
.contact_wrap dl.mail li a:hover { color: #36C; background-color: #FFF; background-image: url(/~ieas/common/img/ico/ico_mail_blue.svg); }


/*------------------------------
  ABOUT IIAS
------------------------------*/
/*-- 冒頭文 --*/
.note.about li { font-weight: 600; color: #352; }
/*-- 大学院生の構成 --*/
.supplement { margin-top: 3em; }
.supplement h4 { padding: .5em 0 .25em 3.75em; font-size: 1.125em; font-weight: 800; letter-spacing: .125em; color: #FFF;  background: #352 url(../img/ico/ico_data.svg) left 1em bottom 0 no-repeat; background-size: 2.25em; }
.supplement h4 span { margin: 0 0 0 1em; padding: .1em .8em; font-size: .777em; font-weight: normal; letter-spacing: 0; border: #FFF solid 1px; display: inline-block; }
.supplement ul { display: flex; }
.supplement li.graph, .supplement li.origin { max-width: 747px; min-width: 300px; margin: 1em 0; }
.supplement li.graph { width: 100%; flex-grow: 2; }
.supplement li.origin { width: 380px; margin: 1em; flex-grow: 1; }
.graph table { width: 100%; border-collapse: collapse; }
.graph table th, .graph table td { padding: .25em .5em; font-weight: 600;  color: #352; border: #352 solid 1px; }
.graph table th { text-align: right; }
.graph table td, .graph table .label th { min-width: 6em; text-align: center; }
.graph table .label th { font-size: .875em; background-color: #CED; }
.graph table .total th, .graph table .total td { background-color: #ececec; }
.graph table th span { margin: 0 .5em; padding: .125em .75em; font-size: .8em; background-color: #CED; border-radius: .25em; display: inline-block; }
.origin dt { padding: .25em .75em; letter-spacing: .125em; background-color: #CED; }
.origin dd { padding: .5em; }
/*-- IIASの目的?人材育成の特徴?教育方針 --*/
.purpose { margin: 2.5em auto 2em auto; padding: 2.5em 0 5em 0; background-color: #CED; }
.feature { padding: 0 0 2em 0; }
.tit_purpose { padding-top: 2em; background-image: url(/~ieas/common/img/ico/ico_master.svg); background-size: 1.85em; }
.purpose p, .feature p { margin: 1em auto !important; text-indent: 1em; letter-spacing: .1em; line-height: 1.625em; }
.purpose li, .feature li { margin: 1.5em 1.5em 1.5em 3em; font-weight: 600; text-indent: -2em; color: #352; }


/*------------------------------
  FACULTY MEMBERS
------------------------------*/
.tit_faculty { max-width: 1200px; min-width: 320px; width: 100%; margin: 2em auto 0 auto; padding: .25em 0 .25em .5em; border-left: #352 solid 5px; text-align: left; }
div[class^="f_"]>dl, div[class^="f_"]>p { max-width: 1160px; min-width: 300px; width: 96%; margin: .5em auto; }
div[class^="f_"]>p { padding-left: 1em; letter-spacing: .05em; }
div[class^="f_"] dt, div[class^="f_"] dd { width: 100%; display: -webkit-flex; display: -webkit-box; display: -ms-flexbox; display: flex; }
div[class^="f_"] dt p { padding: .125em .5em; font-size: .875em; font-weight: 600; text-align: center; color: #352; background-color: #CED; border-color: #352; border-style: solid; border-width: 1px 1px 1px 0; }
div[class^="f_"] dt p:first-child { border-left-width: 1px; }
div[class^="f_"] dd { min-height: 4em; }
div[class^="f_"] dd p { padding: .5em 1em; font-weight: 600; border-color: #352; border-style: solid; border-width: 0 1px 1px 0; }
div[class^="f_"] dd p:first-child { border-left-width: 1px; }
.researcher, .special { width: 30%; display: -webkit-box; display: -ms-flexbox; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.laboratory { width: 40%; }
div[class^="f_"] dd .laboratory { padding-top: 1em; }
div[class^="f_"] dd p a, div[class^="f_"] dd span { margin: .125em 0; display: block; }
div[class^="f_"] dd p a { padding-left: 2em; color: #36C; background-image: url(/~ieas/common/img/ico/ico_next_blue.svg); background-position: left 1em top 45%; background-repeat: no-repeat; background-size: .6em; }
div[class^="f_"] dd p a:hover { color: #E63; background-image: url(/~ieas/common/img/ico/ico_next_orange.svg); }
.prof { padding: .6em 0 .4em 2em; background-position: 0 50%; background-repeat: no-repeat; background-size: .6em; }
.prof span { font-size: .875em; display: inline-block !important; }
a.prof { background-image: url(/~ieas/common/img/ico/ico_professor_blue.svg) !important; background-position: 0 50% !important; background-size: 1.8em !important; }
a.prof:hover { background-image: url(/~ieas/common/img/ico/ico_professor_orange.svg) !important; }
span.prof { background: url(/~ieas/common/img/ico/ico_professor.svg) 0 50% no-repeat; background-size: 1.8em; }


/*------------------------------
  LECTURES & EXERCISES
------------------------------*/
/*-- 科目タイトル --*/
.tit_lectures { max-width: 1200px; min-width: 320px; width: 100%; margin: 2em auto 0 auto; padding: .25em 0 .25em .5em; border-left: #352 solid 5px; text-align: left; }
.tit_lectures i { margin-left: .5em; padding: 0 .75em; font-size: .5em; font-weight: normal; font-style: normal; color: #352; background-color: #CED; border-radius: .3em; display: inline-block; }
.tit_lectures i span { font-size: 1em; font-weight: 600; }
.tit_lectures i span span { font-size: 1.6em; }
.tit_lectures_sub { max-width: 860px; min-width: 300px; width: 96%; margin: 2em auto 0 auto; padding-left: .5em; font-size: 1.125em; color: #352; }
/*-- 科目表 --*/
div[class^="s_"]>dl, div[class^="s_"]>p { max-width: 1160px; min-width: 300px; width: 96%; margin: .5em auto; }
div[class^="s_"]>p { padding-left: 1em; letter-spacing: .05em; }
div[class^="s_"] dt, div[class^="s_"] dd { width: 100%; display: -webkit-flex; display: -webkit-box; display: -ms-flexbox; display: flex; }
div[class^="s_"] dt p { padding: .25em .5em; font-size: .875em; font-weight: 600; text-align: center; color: #352; background-color: #CED; border-color: #352; border-style: solid; border-width: 1px 1px 1px 0; }
div[class^="s_"] dt p:first-child { border-left-width: 1px; }
div[class^="s_"] dt p:first-child { border-left-width: 1px; }
div[class^="s_"] dd { min-height: 4em; }
div[class^="s_"] dd p { padding: .5em 1em; border-color: #352; border-style: solid; border-width: 0 1px 1px 0; display: -webkit-box; display: -ms-flexbox; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
div[class^="s_"] dd p:first-child { border-left-width: 1px; }
div[class^="s_"] dd .instructor { padding: .75em .5em; }
.subject { width: 40%; font-weight: 600; }
.credit { width: 12.5%; font-weight: 600; }
.instructor { width: 35%; padding-left: 1em !important; }
.semester { width: 12.5%; font-weight: 600; }
.credit, .semester { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.subject { font-size: 1.25em; color: #352; }
.subject .description { font-size: .8em; font-weight: normal; color: #333; display: inline-block; }
.credit span { margin-left: .5em; font-size: .8em; }
.instructor a, .instructor span { margin-right: 1.5em; font-weight: 600; display: inline-block; }
.instructor .prof_c span { margin-right: .25em; padding: .2em .25em 0 .25em; font-size: .8em; color: #FFF; border-style: solid; border-width: 1px; border-radius: .3em; }
.instructor a.prof_c span { background-color: #36C; border-color: #36C; }
.instructor a.prof_c:hover span { color: #E63; background-color: #FFF; border-color: #E63; }
/*-- 国内実習 --*/
div[class^="s_"] dl.practice_sub { max-width: 860px; margin: .5em auto; }
div[class^="s_"] dl.practice_sub dd { min-height: 3em; }
.practice_sub .year, .practice_sub .prefecture { width: 10%; }
.practice_sub .theme, .practice_sub .site { width: 40%; }
.practice_sub dd .theme { font-weight: 600; }
.practice_sub dd .description { font-size: .875em; font-weight: normal; }


/*------------------------------
  TO PATHWAYS
------------------------------*/
.briefing, .past_sessions { width: 100%; margin: 3em auto 5em auto; border-top: #CCC solid 1px; }
/*-- コース説明会 --*/
.briefing dl { margin: .5em auto; font-weight: 600; display: flex; justify-content: flex-start; align-items: flex-start; }
.briefing dl:first-child { margin-top: 3em; }
.briefing dl:last-child { margin-bottom: 3em; }
.briefing dt, .briefing dd { padding: .5em 0; }
.briefing dt { min-width: 5em; padding-left: 1em; padding-right: 1em; text-align: center; color: #352; background-color: #CED; border-radius: .35em; }
.briefing dd { flex-grow: 1; }
.briefing dd p, .briefing ul { margin: 0 1em; padding: 0; }
.briefing dd p.caption { font-weight: normal; }
.briefing li { margin: -.5em 0 1em 2em; text-indent: -2em; }
.briefing .btn_link a { margin: .5em 0; }
/*--過去のコース説明会--*/
.past_sessions .banner2 li a { padding: .25em .5em .5em .75em; font-size: 1.25em; }




/*------------------------------
  MediaQuery
------------------------------*/
/*-- iPad：portrait --*/
@media screen and (min-width:600px) and (max-width:1025px){
/*-- common --*/
h2 { font-size: 1.5em; }
/*-- main --*/
main { font-size: 1.4em; }
/*-- TUAT TAB --*/
.wrap_tab.foot { padding-top: 5.5em; }
.tab_tuat a { width: 18em; height: 5.5em; padding: 1.5em 1em; }
.wrap_tab.head .tab_tuat a:hover { height: 6em; }
/*-- HEADER --*/
.head_logo { width: calc(100% - 19em); padding-left: 85px; background-position: left .5em bottom 0; background-size: 75px;  }
.head_logo h1 { width: 375px; }
.language a { font-size: 1.4em; }
/*-- head_menu --*/
.head_menu { font-size: 1.4em; }
.head_menu li a, .head_menu li span { padding: 1em .25em; }
.head_menu li.menu_logo { padding: .5em .5em 0 2.25em; font-size: 1.8em; font-weight: 800; line-height: 1em; background-position: left .25em top 50%;; background-size: 1.6em; }
/*-- FOOTER --*/
.foot_body { border-top-width: .8em; }
/*-- リンクバナー --*/
ul[class^="banner"] { width: 90%; }
ul[class^="banner"] li a { font-size: 1.4em; }
ul[class^="banner"] li a span { padding-left: 2.25em; }
.banner3 { width: 80% !important; }
/*-- index --*/
.welcome_tit { padding-top: 12em; background-size: 15em; }
.portal { margin: 3.5em auto 1em auto; }
.morepage { padding-left: 3em; padding-right: 3em; }
.morepage h2 { left: 1em; }
.morepage li { width: 48.5%; margin: 0 3% 1em 0; }
.morepage li:nth-child(even) { margin-right: 0; }
.morepage li div a { min-height: 5em; font-size: 1.2em; }
.morepage li p { font-size: 1.1em; }
/*-- TOP --*/
.gallery { margin: 0 auto; }
.gallery ul li { width: 25%; margin: 0; }
.gallery ul li.gallery01, .gallery ul li.gallery06 { width: 50%; margin: 0; }
.gallery ul li.gallery02, .gallery ul li.gallery03, .gallery ul li.gallery04, .gallery ul li.gallery05, .gallery ul li.gallery07, .gallery ul li.gallery08, .gallery ul li.gallery09, .gallery ul li.gallery10 { margin: 0; }
.gallery ul li.gallery01::after, .gallery ul li.gallery06::after { width: 26em; height: 4em; top: calc(50% - 2em) }
.overview { margin-top: 4em; background-position: right -3em top -1em; background-size: 15em; }
.overview::before { font-size: .75em; }
.overview_list li a { padding-left: 3.3em; background-size: 3.1em; }
.overview_list li a h3 { font-size: 1.25em; }
.news::before { font-size: .75em; }
.news_list li dt h3 { font-size: 1.25em; }
/*-- ABOUT IIAS --*/
.supplement ul { width: 90% !important; display: block; }
.supplement li.origin { width: 100%; margin: 1em 0; }
}


/*-- iPhone --*/
@media screen and (max-width:599px){
/*-- common --*/
body { overflow-x: hidden; }
h2 { font-size: 1.5em; }
/*-- main --*/
main { font-size: 1.3em; }
/*-- パンくずリンク --*/
.bread { padding: .5em 0; }
.bread ul li { margin: 0 .25em; padding-right: 1.5em; background-position: 100% 40%; background-size: .6em; }
.bread ul li:first-child { margin-left: 0; }
.bread ul li span { font-size: 1.3em; }
/*-- TUAT TAB --*/
.tab_tuat a { width: 13em; height: 4em; padding: .25em .25em; }
.wrap_tab.head { display: none; }
.wrap_tab.foot { padding-top: 4em; }
.wrap_tab.foot .tab_tuat a { padding: 1em .5em 0 .5em; }
.wrap_tab.foot .tab_tuat a:hover { padding: 1em .5em; height: 5em; }
/*-- HEADER --*/
header { border-top-width: .4em; overflow: hidden; }
.head_logo { width: 73%; padding-left: 16%; background-position: left .5em bottom 0; background-size: 18%;  }
.head_logo .bread ul { width: 82vw; }
.head_logo h1 { width: 98%; }
.language a { margin-right: 0; padding: 0 1em; font-size: 1.4em; border-right-width: 0; }
/*-- head_menu --*/
.head_menu_wrap { height: 4.5em; position: relative; }
.head_menu { height: 0; font-size: 1.5em; background: rgba(51,85,34,0.9); display: block; opacity: 0; transition: .3s; }
.head_menu li { width: 100%; height: 0; padding: 0; margin: 0 auto; border: none; }
.head_menu_wrap.fixed .menu_logo_sp { width: 26em; height: 100%; padding-left: 4.75em; background-image: url(/~ieas/common/img/ico/em_TUAT.svg), url(/~ieas/common/img/ico/logo_IIAS.svg); background-position: left .5em top 50%; background-repeat: no-repeat; background-size: 3.5em; display: block; }
.head_menu_wrap.fixed .menu_logo_sp img { padding: .75em 0 .5em 0; }
.head_menu li.menu_logo, .head_menu_wrap.fixed .head_menu li.menu_logo { display:none; }
.head_menu li a, .head_menu li span { padding: 0 .5em; line-height: 0; display: none; transition: .3s; }
.head_menu li span { background: rgba(23,165,88,0.8); }
.headmenu_btn { width: 50px; height: 45px; display: flex !important; justify-content: center; align-items: center; position: absolute; top: 0; right: 0; z-index: 100; }
.headmenu_btn span, .headmenu_btn span:before, .headmenu_btn span:after { content: ''; width: 25px; height: 3px; background-color: #FFF; border-radius: 3px; display: block; position: absolute; transition: .25s; }
.headmenu_btn span::before { bottom: 8px; transition: .5s; }
.headmenu_btn span::after { top: 8px; transition: .5s; }
#headmenu-check:checked ~ .headmenu_btn span { background-color: rgba(255,255,255,0); }
#headmenu-check:checked ~ .headmenu_btn span::before { bottom: 0; transform: rotate(45deg); }
#headmenu-check:checked ~ .headmenu_btn span::after { top: 0; transform: rotate(-45deg); }
#headmenu-check:checked ~ .head_menu { height: 24em; opacity: 1; }
#headmenu-check:checked ~ .head_menu li { height: 4em; }
#headmenu-check:checked ~ .head_menu li a, #headmenu-check:checked ~ .head_menu li span { margin: 0 auto; padding: 1.35em .5em; line-height: 1.25em; border-top: #352 groove 1px; display: block; }
/*-- FOOTER --*/
.foot_body { border-top-width: .5em; }
.foot_menu { width: 96%; margin: .5em auto; }
.foot_menu li { width: 50%; }
.foot_menu li:nth-child(even) { border-right: none; }
.foot_menu li:nth-child(1), .foot_menu li:nth-child(2), .foot_menu li:nth-child(3), .foot_menu li:nth-child(4) { border-bottom: #FFF solid 1px; }
.foot_menu li a { padding: 1em; font-size: 1.4em; text-align: center; }
.foot_body .copy { font-size: 1.2em; }
/*-- リンクバナー --*/
ul[class^="banner"] { width: 90%; display: block; }
ul[class^="banner"] li a { font-size: 1.2em; position: relative; }
ul[class^="banner"] li a span { margin: 0 .5em; padding: 1em 0 .75em 2.25em; }
ul[class^="banner"] li a i { font-size: .75em; margin: 0; position: absolute; left: auto; right: auto; bottom: .125em; top: auto; }
ul[class^="banner"] .wide, ul[class^="banner"] .half, ul[class^="banner"] .half.left { width: 100%; margin: .25em auto; }
.banner3 li a { padding: 0 .125em !important; }
/*-- ページタイトル --*/
.note { display: block; }
.note li:nth-child(2n+2) { margin-left: 0; }
/*-- index --*/
.welcome_tit { padding-top: 7em; background-size: 11em; background-position: left 50% top .5em; }
.welcome_tit h1 { font-size: 1.4em; }
.welcome_tit h1 span { text-align: center; display: block; }
.welcome_tit p span { font-size: 1.3em; line-height: 1.2em; }
.portal { width: 96%; margin: 1.5em auto 1em auto;  }
.portal dd { width: 48%; margin: .5em 1%; }
.portal dd a { width: 100%; margin: 0; }
.morepage h2 { left: .25em; }
.morepage ul { width: 90%; justify-content: center; }
.morepage li { width: 100%; margin: 0 0 1em 0; }
.morepage li div a { min-height: 3em; font-size: 1.2em; }
.morepage li p { font-size: 1.1em; }
/*-- TOP --*/
.gallery { margin: 0 auto; }
.gallery ul li { width: 33.33%; margin: 0; }
.gallery ul li.gallery01, .gallery ul li.gallery02, .gallery ul li.gallery06, .gallery ul li.gallery07 { width: 50%; margin: 0; }
.gallery ul li.gallery03, .gallery ul li.gallery04, .gallery ul li.gallery05, .gallery ul li.gallery08, .gallery ul li.gallery09, .gallery ul li.gallery10 { margin: 0; }
.gallery ul li.gallery01::before, .gallery ul li.gallery06::before { display: none; }
.gallery ul li.gallery01::after, .gallery ul li.gallery06::after { content: ''; width: 180%; height: 4em; background-position: 0 50%; background-repeat: no-repeat; background-size: 100%; position: absolute; left: 50%; top: 76%; transform: translate(-20%, 0); }
.overview { margin-top: 3.2em; background-position: right -2em bottom -3em; background-size: 10em; }
.overview::before { font-size: .6em; }
.overview_list { display: block; }
.overview_list li { width: 100%; margin: .5em auto 0 auto; }
.overview_list li a { padding-left: 3em; background-size: 2.85em; }
.overview_list li a h3 { font-size: 1.125em; }
.news::before { font-size: .5em; }
.news_list li dl { padding: 1.5em 0 0 0; }
.news_list li:nth-child(1n+1) dl { background-size: 4.5em; }
.news_list li:nth-child(2n+2) dl { background-size: 4em; }
.news_list li:nth-child(3n+3) dl { background-position: right 0 top 0; background-size: 4.5em; }
.news_list li:nth-child(4n+4) dl { background-position: right 0 top 0; background-size: 3.6em; }
.news_list li dt { display: block; }
.news_list li dt .update { padding: 0 0 0 .5em; line-height: 1.5em; border: none; }
.news_list li dt h3 { font-size: 1.25em; }
.news_list li dd { margin: .75em 0 0 .75em; }
.contact { padding: 1em 0 3em 0; }
.contact>p { margin: 2em auto; }
.contact_wrap { display: block; }
.contact_wrap div { width: 100%; }
.contact_wrap dl.postal { font-size: .875em; display: block; }
.contact_wrap dl.postal dt { width: 100%; height: auto; border-bottom: #333 solid .5px; transform: rotate(0deg); }
.contact_wrap dl.postal dd { padding: .5em 0 1em .5em; border: none; }
.contact_wrap dl.mail ul { display: block; }
.contact_wrap dl.mail li { width: 99%; }
/*-- ABOUT IIAS --*/
.supplement ul { width: 90% !important; display: block; }
.supplement li.origin { width: 100%; margin: 1em 0; }
.graph table td, .graph table .label th { padding: .25em 0; min-width: 5em; }
/*-- FACULTY MEMBERS --*/
div[class^="f_"] dt, div[class^="f_"] dd { flex-wrap: wrap; }
div[class^="f_"] dd { margin: .25em 0 .5em 0; }
div[class^="f_"] dt p, div[class^="f_"] dd p { padding: .25em .5em; text-align: left; border-width: 1px 1px 0 0; }
div[class^="f_"] dt p.laboratory, div[class^="f_"] dd p.laboratory { border-left-width: 1px; border-bottom-width: 1px; }
.researcher, .special { width: 50%; }
.laboratory { width: 100%; }
div[class^="f_"]>p { padding-right: 1em; }
/*-- LECTURES & EXERCISES --*/
div[class^="s_"] dt, div[class^="s_"] dd { flex-wrap: wrap; }
div[class^="s_"] dd { margin: .25em 0 .5em 0; }
div[class^="s_"] dt p, div[class^="s_"] dd p { padding: .25em .5em; text-align: left; border-width: 1px 1px 0 0; text-overflow: ellipsis; overflow-y: hidden; }
.subject { width: 70%; }
.credit { width:30%; }
.instructor { width: 70%; padding-left: .5em !important; border-left-width: 1px !important; border-bottom-width: 1px !important; }
.semester { width: 30%; border-bottom-width: 1px !important; }
div[class^="s_"] dl.practice_sub dt p { border-width: 1px 1px 1px 0; }
div[class^="s_"] dl.practice_sub dd { margin: 0 !important; }
div[class^="s_"] dl.practice_sub dd p { border-width: 0 1px 1px 0; }
div[class^="s_"] dl.practice_sub p.year { border-left-width: 1px; }
.practice_sub .year { width: 19%; }
.practice_sub .prefecture { width: 15%; }
.practice_sub .theme { width: 40%; }
.practice_sub .site { width: 26%; }
/*-- TO PATHWAYS --*/
.briefing dl { display: block; }
.briefing dd p, .briefing ul { margin: .5em 0; }
.past_sessions .banner2 .half { width: 100%; }
.past_sessions .banner2 li a { padding: .25em .25em .5em .25em }

}