@charset "UTF-8";
/* ----------------------------

	FileName : style.css

---------------------------- */
/* extend_set */
@import url(//fonts.googleapis.com/css?family=Oswald:400,700,300);
.clearfix {
  display: inline-block;
}

.clearfix {
  display: block;
}

.clearfix:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
}

.textOver {
  display: block;
  text-indent: 200%;
  white-space: nowrap;
  overflow: hidden;
}

/* mixin_SET */
.clearfix:before, .clearfix:after {
  display: table;
  content: '';
}

.clearfix:after {
  clear: both;
}

#wrapper {
  width: 1000px;
  margin: auto;
}

#wrapper:before, #wrapper:after {
  display: table;
  content: '';
}

#wrapper:after {
  clear: both;
}

#wrapper h1 {
  line-height: 1.2;
  margin: 35px 0;
  position: relative;
  font-weight: bold;
  font-size: 221.42857%;
}

#wrapper h1 small {
  font-size: 57.14286%;
  padding: 0;
  margin: 0 0 5px;
  display: block;
}

#wrapper h1.en {
  font-size: 235.71429%;
  line-height: 1.1;
}

#wrapper h1.en small {
  font-size: 50%;
  padding: 0;
  margin: 0;
  display: block;
}

#wrapper h1.en.top.international_students, #wrapper h1.en.top.about_nara, #wrapper h1.en.top.international_activities, #wrapper h1.en.top.education_research, #wrapper h1.en.top.about_naist, #wrapper h1.en.top.sitemap, #wrapper h1.en.top.ciss, #wrapper h1.en.top.research_achievements, #wrapper h1.en.top.news {
  position: relative;
  z-index: 0;
}

#wrapper h1.en.top.ciss .enTitle {
  padding: 74px 10px 74px 40px;
}

#wrapper h1.sentan {
  margin: 0 auto 30px;
  width: 1000px;
  height: 350px;
  background: url(/img/facilities/sentan/img_indexMain.jpg) left top no-repeat;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  position: relative;
  top: -1px;
}

#wrapper h1.sentan small {
  display: none;
}

#wrapper h1.sentan.en:before {
  content: "";
  display: inline-block;
  width: 480px;
  height: 150px;
  background: url('../en/img/education_research/science_technology/ttl.png') no-repeat;
  background-size: 480px 150px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -250px;
  margin-top: -75px;
}

#wrapper h1.sentan:before {
  content: "";
  display: inline-block;
  width: 480px;
  height: 150px;
  background: url('../img/facilities/sentan/ttl.png') no-repeat;
  background-size: 480px 150px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -250px;
  margin-top: -75px;
}

#wrapper.programCnt #wrapperInner main h2 {
  font-size: 171.42857%;
  border-bottom: 3px solid #dcf3f6;
  padding-bottom: 1em;
  margin-bottom: 1em;
}

#wrapper.programCnt #wrapperInner main h2:after {
  background: #21b2c7;
  height: 3px;
  width: 120px;
  bottom: -3px;
}

#wrapper.programCnt #wrapperInner main h3.imgTtl {
  border: none;
  background: none;
  text-align: center;
}

#wrapper.programCnt #wrapperInner main p, #wrapper.programCnt #wrapperInner main ul {
  font-size: 107.14286%;
}

#wrapper.programCnt #wrapperInner main div.wrapProgram {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

#wrapper.programCnt #wrapperInner main div.wrapProgram > div {
  width: 220px;
  height: 254px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  box-sizing: border-box;
  padding: 0 10px;
}

#wrapper.programCnt #wrapperInner main div.wrapProgram > div.program_01 {
  background: url("/img/facilities/sentan/program/programHex1.png") center top no-repeat;
}

#wrapper.programCnt #wrapperInner main div.wrapProgram > div.program_02 {
  background: url("/img/facilities/sentan/program/programHex2.png") center top no-repeat;
}

#wrapper.programCnt #wrapperInner main div.wrapProgram > div.program_03 {
  background: url("/img/facilities/sentan/program/programHex3.png") center top no-repeat;
}

#wrapper.programCnt #wrapperInner main div.wrapProgram > div.program_04 {
  background: url("/img/facilities/sentan/program/programHex4.png") center top no-repeat;
}

#wrapper.programCnt #wrapperInner main div.wrapProgram > div.program_05 {
  background: url("/img/facilities/sentan/program/programHex5.png") center top no-repeat;
}

#wrapper.programCnt #wrapperInner main div.wrapProgram > div.program_06 {
  background: url("/img/facilities/sentan/program/programHex6.png") center top no-repeat;
}

#wrapper.programCnt #wrapperInner main div.wrapProgram > div.program_07 {
  background: url("/img/facilities/sentan/program/programHex7.png") center top no-repeat;
}

#wrapper.programCnt #wrapperInner main div.wrapProgram > div a {
  text-decoration: none;
  text-align: center;
}

#wrapper.programCnt #wrapperInner main div.wrapProgram > div a dl dt {
  font-size: 114.28571%;
  margin-bottom: 10px;
}

#wrapper.programCnt #wrapperInner main ul.list_L {
  padding: 0;
  margin-bottom: 50px;
}

#wrapper.programCnt #wrapperInner main ul.list_L li {
  padding: 0 0 0 20px;
}

#wrapper.programCnt #wrapperInner main ul.list_L li:before {
  display: inline-block;
  width: 15px;
  height: 15px;
  background: url('../img/common/icon/icon_circle_l.png') no-repeat;
  background-size: 15px 15px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  top: 3px;
}

#wrapper #wrapperInner {
  position: relative;
}

#wrapper #wrapperInner:before, #wrapper #wrapperInner:after {
  display: table;
  content: '';
}

#wrapper #wrapperInner:after {
  clear: both;
}

#wrapper #wrapperInner.programCnt h1 {
  color: #dc6f05;
}

#wrapper #wrapperInner.programCnt h2 {
  font-size: 171.42857%;
  border-bottom: 3px solid #dcf3f6;
  padding-bottom: 1em;
  margin-bottom: 1em;
}

#wrapper #wrapperInner.programCnt h2:after {
  background: #21b2c7;
  height: 3px;
  width: 120px;
  bottom: -3px;
}

#wrapper #wrapperInner.enOneColum .contentsHeader {
  margin: 0 0 10px;
}

#wrapper #wrapperInner.enOneColum main {
  width: 100%;
}

#wrapper #wrapperInner.enOneColum main > p:first-child {
  margin-top: 0;
}

#wrapper.update .contentsHeader, #wrapper.singleImg .contentsHeader {
  border: none;
  margin: 0 0 20px;
}

#wrapper.update .contentsHeader:before, #wrapper.singleImg .contentsHeader:before {
  display: none;
}

#wrapper.update main, #wrapper.singleImg main {
  border-top: none;
}

#wrapper.update main h2:first-child, #wrapper.singleImg main h2:first-child {
  margin-top: 0px;
}

#wrapper.update .contentsHeader {
  margin: 0 0 10px;
}

#wrapper.update main, #wrapper.single main {
  width: 100%;
  margin: 0;
}

#wrapper.update main h2.sitemap, #wrapper.single main h2.sitemap {
  border-bottom: none;
  font-size: 171.42857%;
  border-left: 3px solid #21b2c7;
  margin: 50px 0 12px;
  padding: 5px 0 5px 10px;
}

#wrapper.update main h2.sitemap:after, #wrapper.single main h2.sitemap:after {
  display: none;
}

#wrapper.update main h2.sitemap a, #wrapper.single main h2.sitemap a {
  color: #333;
}

#wrapper.update main .colum03, #wrapper.single main .colum03 {
  margin: 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

#wrapper.update main .colum03 div, #wrapper.single main .colum03 div {
  width: 32%;
  margin: 0px 2% 20px 0;
}

#wrapper.update main .colum03 div:nth-child(3n), #wrapper.single main .colum03 div:nth-child(3n) {
  margin-right: 0;
}

#wrapper.update main .colum03 div.left, #wrapper.single main .colum03 div.left {
  width: 480px;
  margin: 0;
}

#wrapper.update main .colum03 div.right, #wrapper.single main .colum03 div.right {
  width: 480px;
  float: right;
  margin: 0;
}

#wrapper.update main .colum03 div h2, #wrapper.single main .colum03 div h2 {
  margin: 0 0 12px;
}

#wrapper.update main .colum03 div ul.link, #wrapper.single main .colum03 div ul.link {
  margin: 0;
}

#wrapper.update main .colum03 div ul.link li, #wrapper.single main .colum03 div ul.link li {
  font-size: 92.85714%;
  margin: 0 0 10px;
}

#wrapper.update main .colum03 div ul.link li.last-child, #wrapper.single main .colum03 div ul.link li.last-child {
  margin-bottom: 0;
}

#wrapper.update main .colum03 div ul.link li.none, #wrapper.single main .colum03 div ul.link li.none {
  padding: 0;
}

#wrapper.update main .colum03 div ul.link li.none:before, #wrapper.single main .colum03 div ul.link li.none:before {
  display: none;
}

#wrapper.update main .colum03 div ul.link li.none dl dd, #wrapper.single main .colum03 div ul.link li.none dl dd {
  padding: 0 0 0 18px;
}

#wrapper.update main .enIndex, #wrapper.single main .enIndex {
  margin: 30px 0 0 0;
}

#wrapper.update main .enIndex figure, #wrapper.single main .enIndex figure {
  margin: 0 auto;
  border: 1px solid #21b2c7;
  padding: 1px;
  box-sizing: border-box;
}

#wrapper.update main .enIndex h2.link, #wrapper.single main .enIndex h2.link {
  border-bottom: 1px solid #21b2c7;
  padding: 0 0 10px;
}

#wrapper.update main .enIndex h2.link a, #wrapper.single main .enIndex h2.link a {
  border-top: none !important;
}

#wrapper.update main .enIndex div > ul.link, #wrapper.single main .enIndex div > ul.link {
  margin-top: 0;
}

#wrapper.update main .internationalColum, #wrapper.single main .internationalColum {
  margin: 30px 0 0;
}

#wrapper.update main .internationalColum:before, #wrapper.update main .internationalColum:after, #wrapper.single main .internationalColum:before, #wrapper.single main .internationalColum:after {
  display: table;
  content: '';
}

#wrapper.update main .internationalColum:after, #wrapper.single main .internationalColum:after {
  clear: both;
}

#wrapper.update main .internationalColum h3, #wrapper.single main .internationalColum h3 {
  margin: 25px 0 10px;
}

#wrapper.update main .internationalColum ul.link, #wrapper.single main .internationalColum ul.link {
  margin-top: 10px;
}

#wrapper.update main .internationalColum div.left, #wrapper.single main .internationalColum div.left {
  float: left;
  width: 48%;
}

#wrapper.update main .internationalColum div.right, #wrapper.single main .internationalColum div.right {
  float: right;
  width: 48%;
}

#wrapper.update #sub, #wrapper.single #sub {
  display: none;
}

#wrapper.update h1.top, #wrapper.single h1.top {
  margin: 25px -60px -10px;
  position: relative;
  overflow: hidden;
}

#wrapper.update h1.top.about, #wrapper.update h1.top.facilities, #wrapper.update h1.top.admission, #wrapper.update h1.top.campuslife, #wrapper.update h1.top.international, #wrapper.update h1.top.collaboration, #wrapper.update h1.top.research, #wrapper.update h1.top.accessmap, #wrapper.update h1.top.topics, #wrapper.update h1.top.job, #wrapper.update h1.top.event, #wrapper.update h1.top.pressrelease, #wrapper.update h1.top.corporate, #wrapper.update h1.top.publications, #wrapper.update h1.top.sitemap, #wrapper.update h1.top.form, #wrapper.update h1.top.ciss, #wrapper.single h1.top.about, #wrapper.single h1.top.facilities, #wrapper.single h1.top.admission, #wrapper.single h1.top.campuslife, #wrapper.single h1.top.international, #wrapper.single h1.top.collaboration, #wrapper.single h1.top.research, #wrapper.single h1.top.accessmap, #wrapper.single h1.top.topics, #wrapper.single h1.top.job, #wrapper.single h1.top.event, #wrapper.single h1.top.pressrelease, #wrapper.single h1.top.corporate, #wrapper.single h1.top.publications, #wrapper.single h1.top.sitemap, #wrapper.single h1.top.form, #wrapper.single h1.top.ciss {
  position: relative;
  z-index: 0;
}

#wrapper.update h1.top.ciss span, #wrapper.single h1.top.ciss span {
  padding: 73px 50px;
  max-width: 320px;
}

#wrapper.update h1.top span, #wrapper.single h1.top span {
  padding: 90px 60px;
  max-width: 300px;
  height: 100%;
  color: #fff;
  display: table-cell;
  vertical-align: middle;
}

#wrapper.update h1.top span:after, #wrapper.single h1.top span:after {
  content: "";
  display: inline-block;
  width: 50%;
  height: 100%;
  background: #21b2c7;
  background: rgba(33, 178, 199, 0.85);
  -moz-transform: skewX(-30deg);
  -webkit-transform: skewX(-30deg);
  -o-transform: skewX(-30deg);
  -ms-transform: skewX(-30deg);
  z-index: -1;
  position: absolute;
  left: -100px;
  top: 0;
}

#wrapper.update h1.top span.enTitle, #wrapper.single h1.top span.enTitle {
  padding: 90px 10px 90px 40px;
  max-width: 450px;
}

#wrapper.update h1.top img, #wrapper.single h1.top img {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -2;
}

#wrapper.update main {
  width: 740px;
  margin-right: 40px;
  float: left;
  display: block;
}

#wrapper.update #sub {
  display: block;
  width: 220px;
  float: right;
  padding: 38px 0 0 0;
  box-sizing: border-box;
}

#wrapper.update #sub h2 {
  margin: 0;
  background: #21b2c7;
  color: #fff;
  text-align: center;
  padding: 13px 15px;
  font-weight: bold;
  font-size: 100%;
}

#wrapper.update #sub h2.exam {
  background: #ab015f;
}

#wrapper.update #sub h2.information {
  margin: 15px 0 0 0;
}

#wrapper.update #sub h2.updateSideTitle {
  color: #21b2c7;
  background: #fff;
  line-height: 1.2;
  border-top: 3px solid #21b2c7;
  border-bottom: 1px solid #21b2c7;
  padding: 17px 10px 19px;
  text-align: center;
  font-weight: bold;
  font-size: 121.42857%;
  color: #21b2c7;
  position: relative;
}

#wrapper.update #sub h2.updateSideTitle:after {
  content: "";
  display: inline-block;
  width: 66px;
  height: 35px;
  background: url("/img/common/bg_naist.png") left top no-repeat;
  position: absolute;
  right: 0;
  bottom: 3px;
}

#wrapper.update #sub h2.updateSideTitle a {
  color: #21b2c7;
  text-decoration: none;
}

#wrapper.update #sub h2.updateSideTitle a:hover {
  text-decoration: underline;
}

#wrapper.update #sub ul.updateSideList {
  margin: 0 0 20px;
  border-bottom: 1px solid #21b2c7;
}

#wrapper.update #sub ul.updateSideList li {
  border-bottom: 1px dotted #21b2c7;
  font-size: 100%;
}

#wrapper.update #sub ul.updateSideList li:last-child {
  border-bottom: none;
}

#wrapper.update #sub ul.updateSideList li.active > a {
  background: #eaf5f6;
}

#wrapper.update #sub ul.updateSideList li a {
  line-height: 1.3;
  display: block;
  padding: 9px 5px 9px 21px;
  position: relative;
  color: #313131;
  text-decoration: none;
}

#wrapper.update #sub ul.updateSideList li a:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 17px;
  left: 8px;
  display: inline-block;
  width: 5px;
  height: 5px;
  background: url('../img/common/arrow/arrow.png') no-repeat;
  background-size: 5px 5px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

#wrapper.update #sub ul.updateSideList li a:hover {
  background: #eaf5f6;
}

#wrapper.update #sub p.sat {
  margin-bottom: 1px;
}

#wrapper.update #sub p.sat a {
  display: block;
  position: relative;
  box-sizing: border-box;
}

#wrapper.update #sub ul.facultyBannerList {
  margin: 0 0 20px;
}

#wrapper.update #sub ul.facultyBannerList li {
  margin: 0 0 1px 0;
  position: relative;
}

#wrapper.update #sub ul.facultyBannerList li:last-child {
  margin-bottom: 0;
}

#wrapper.update #sub ul.facultyBannerList li a {
  display: block;
  position: relative;
  width: 220px;
  height: 56px;
}

#wrapper.update #sub ul.facultyBannerList li.isw a {
  background: #b31d4c;
}

#wrapper.update #sub ul.facultyBannerList li.isw a:before {
  display: inline-block;
  width: 220px;
  height: 56px;
  background: url('../img/index/bnr_side_isw.jpg') no-repeat;
  background-size: 220px 56px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
}

#wrapper.update #sub ul.facultyBannerList li.isw a:hover:after {
  background: #981941;
}

#wrapper.update #sub ul.facultyBannerList li.bsw a {
  background: #248074;
}

#wrapper.update #sub ul.facultyBannerList li.bsw a:before {
  display: inline-block;
  width: 220px;
  height: 56px;
  background: url('../img/index/bnr_side_bsw.jpg') no-repeat;
  background-size: 220px 56px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
}

#wrapper.update #sub ul.facultyBannerList li.bsw a:hover:after {
  background: #1f6d63;
}

#wrapper.update #sub ul.facultyBannerList li.msw a {
  background: #265b94;
}

#wrapper.update #sub ul.facultyBannerList li.msw a:before {
  display: inline-block;
  width: 220px;
  height: 56px;
  background: url('../img/index/bnr_side_msw.jpg') no-repeat;
  background-size: 220px 56px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
}

#wrapper.update #sub ul.facultyBannerList li.msw a:hover:after {
  background: #204d7e;
}

#wrapper.update #sub p.bnr {
  margin: 7px 0;
}

#wrapper.update #sub ul.navList {
  padding: 0;
  background: #f2f2f2;
  border-bottom: 1px solid #fff;
}

#wrapper.update #sub ul.navList li {
  border-bottom: 1px solid #fff;
}

#wrapper.update #sub ul.navList li:last-child {
  border-bottom: none;
}

#wrapper.update #sub ul.navList li a {
  padding: 17px 10px 17px 50px;
  display: block;
  font-size: 91%;
  line-height: 1.3;
  color: #313131;
  text-decoration: none;
  position: relative;
}

#wrapper.update #sub ul.navList li a img {
  position: absolute;
  left: 10px;
  top: 0;
  bottom: 0;
  margin: auto;
}

#wrapper.update #sub ul.navList li a.corporate {
  background: url("/img/index/icon/icon_corporate.png") 10px center no-repeat;
}

#wrapper.update #sub ul.navList li a.publish {
  background: url("/img/index/icon/icon_publish.png") 15px center no-repeat;
}

#wrapper.update #sub ul.navList li a.privacy {
  background: url("/img/index/icon/icon_privacy.png") 15px center no-repeat;
}

#wrapper.update #sub ul.navList li a.pressrelease {
  background: url("/img/index/icon/icon_pressrelease.png") 15px center no-repeat;
}

#wrapper.update #sub ul.navList li a.prize {
  background: url("/img/index/icon/icon_prize.png") 15px center no-repeat;
}

#wrapper.update #sub ul.navList li a.recruit {
  background: url("/img/index/icon/icon_recruit.png") 15px center no-repeat;
}

#wrapper.update #sub ul.navList li a.publications {
  background: url("/img/index/icon/icon_publications.png") 15px center no-repeat;
}

#wrapper.update #sub ul.navList li a.eventcalendar {
  background: url("/img/index/icon/icon_eventcalendar.png") 15px center no-repeat;
}

#wrapper.update #sub ul.navList li a.campusmap {
  background: url("/img/index/icon/icon_campusmap.png") 15px center no-repeat;
}

#wrapper.update #sub ul.navList li a.access {
  background: url("/img/index/icon/icon_access.png") 15px center no-repeat;
}

#wrapper.update #sub ul.navList li a.links {
  background: url("/img/index/icon/icon_links.png") 15px center no-repeat;
}

#wrapper.update #sub ul.navList li a.inquery {
  background: url("/img/index/icon/icon_inquery.png") 15px center no-repeat;
}

#wrapper.update #sub ul.navList li a.kikin {
  background: url("/img/index/icon/icon_kikin.png") 15px center no-repeat;
}

#wrapper.update #sub ul.navList li a.earthquake {
  background: url("/img/index/icon/icon_earthquake.png") 15px center no-repeat;
}

#wrapper.update #sub ul.navList li a.kenkyu {
  background: url("/img/index/icon/icon_kenkyu.png") 15px center no-repeat;
}

#wrapper.update #sub ul.navList li a:hover {
  background-color: #fff;
}

#wrapper.update #sub ul.subnavList {
  margin: 5px 0 0;
}

#wrapper.update #sub ul.subnavList li {
  font-size: 85.71429%;
}

#wrapper.update #sub ul.subnavList li a {
  line-height: 1.4;
  display: block;
  padding: 4px 5px 4px 24px;
  position: relative;
  color: #313131;
  text-decoration: none;
}

#wrapper.update #sub ul.subnavList li a:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 10px;
  left: 10px;
  display: inline-block;
  width: 5px;
  height: 5px;
  background: url('../img/common/arrow/arrow.png') no-repeat;
  background-size: 5px 5px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

#wrapper.update #sub ul.subnavList li a:hover {
  background: #eaf5f6;
}

main {
  width: 720px;
  margin-right: 40px;
  float: left;
  border-top: 1px solid #313131;
}

main.sentan h2 {
  font-size: 171.42857%;
  border-bottom: 3px solid #dcf3f6;
  padding-bottom: 1em;
  margin-bottom: 1em;
}

main.sentan h2:after {
  background: #21b2c7;
  height: 3px;
  width: 120px;
  bottom: -3px;
}

main.sentan ol.number {
  margin-bottom: 30px;
  counter-reset: section;
}

main.sentan ol.number li {
  background: url(/img/common/bg_border.png) left bottom repeat-x;
  padding-bottom: 1em;
  padding-left: 30px;
}

main.sentan ol.number li:before {
  counter-increment: section;
  content: counter(section, decimal-leading-zero);
}

main.sentan ul.indexLink {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 98%;
  margin: 0 auto;
  padding: 0;
}

main.sentan ul.indexLink li {
  padding: 0;
  -webkit-flex-basis: 48%;
  -ms-flex-preferred-size: 48%;
  flex-basis: 48%;
  margin-bottom: .5em;
}

main.sentan ul.indexLink li:before {
  display: none;
}

main.sentan ul.indexLink li a {
  text-decoration: none;
  display: block;
  border: 2px solid #e3e3e3;
  border-radius: 2px;
  box-sizing: border-box;
  padding: 20px 20px 20px 40px;
  position: relative;
  transition: all 0.4s;
}

main.sentan ul.indexLink li a:before {
  content: '';
  position: relative;
  display: inline-block;
  width: 13px;
  height: 13px;
  background: url('../img/common/arrow/arrow_circle.png') no-repeat;
  background-size: 13px 13px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  top: 1px;
  left: -10px;
}

main.sentan ul.indexLink li a:after {
  content: "";
  position: absolute;
  display: inline-block;
  width: 66px;
  height: 35px;
  background: url('../img/common/bg_naist.png') no-repeat;
  background-size: 66px 35px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  bottom: 0;
  right: 0;
}

main.sentan ul.indexLink li a:hover {
  background: #eaf5f6;
}

main.sentan ul.cntLink {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

main.sentan ul.cntLink li {
  margin-right: 2em;
}

main.sentan ul.cntLink li:before {
  display: none;
}

main.sentan ul.cntLink li a:before {
  content: '';
  position: relative;
  display: inline-block;
  width: 13px;
  height: 13px;
  background: url('../img/common/arrow/arrow_circle.png') no-repeat;
  background-size: 13px 13px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  top: 1px;
  left: -10px;
}

main.sentan ul.bnrLink {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

main.sentan ul.bnrLink.en li.isw a {
  display: inline-block;
  width: 230px;
  height: 50px;
  background: url('../en/img/education_research/science_technology/linkBnr01.png') no-repeat;
  background-size: 230px 50px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

main.sentan ul.bnrLink.en li.bsw a {
  display: inline-block;
  width: 230px;
  height: 50px;
  background: url('../en/img/education_research/science_technology/linkBnr02.png') no-repeat;
  background-size: 230px 50px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

main.sentan ul.bnrLink.en li.msw a {
  display: inline-block;
  width: 230px;
  height: 50px;
  background: url('../en/img/education_research/science_technology/linkBnr03.png') no-repeat;
  background-size: 230px 50px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

main.sentan ul.bnrLink li {
  padding: 0;
}

main.sentan ul.bnrLink li:before {
  display: none;
}

main.sentan ul.bnrLink li.isw a {
  display: inline-block;
  width: 230px;
  height: 50px;
  background: url('../img/facilities/sentan/linkBnr01.png') no-repeat;
  background-size: 230px 50px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

main.sentan ul.bnrLink li.bsw a {
  display: inline-block;
  width: 230px;
  height: 50px;
  background: url('../img/facilities/sentan/linkBnr02.png') no-repeat;
  background-size: 230px 50px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

main.sentan ul.bnrLink li.msw a {
  display: inline-block;
  width: 230px;
  height: 50px;
  background: url('../img/facilities/sentan/linkBnr03.png') no-repeat;
  background-size: 230px 50px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

main.sentan ul.bnrLink li a {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  transition: all 0.4s;
}

main.sentan ul.bnrLink li a:hover {
  opacity: .7;
}

main.sentan ul.bnrLink li a br {
  display: none;
}

main h2 {
  line-height: 1.1;
  margin: 35px 0 12px;
  padding: 0 0 8px 0;
  border-bottom: 1px solid #e5e5e5;
  font-weight: bold;
  position: relative;
  font-size: 157.14286%;
}

main h2:after {
  content: "";
  display: inline-block;
  width: 100px;
  height: 1px;
  background: #313131;
  position: absolute;
  left: 0;
  bottom: -1px;
}

main h2.isw:first-letter {
  font-size: 142.85714%;
}

main h2.isw span, main h2.isw a {
  color: #b31d4c;
}

main h2.isw:after {
  background: #b31d4c;
}

main h2.bsw:first-letter {
  font-size: 142.85714%;
}

main h2.bsw span, main h2.bsw a {
  color: #248074;
}

main h2.bsw:after {
  background: #248074;
}

main h2.msw:first-letter {
  color: #265b94;
  font-size: 142.85714%;
}

main h2.msw span, main h2.msw a {
  color: #265b94;
}

main h2.msw:after {
  background: #265b94;
}

main h2.link {
  padding: 0;
  border-bottom: none;
  font-size: 128.57143%;
}

main h2.link:after {
  display: none;
}

main h2.link a {
  color: #313131;
  display: block;
  border-top: 1px solid #21b2c7;
  position: relative;
  padding: 12px 0 0 22px;
  text-decoration: none;
}

main h2.link a:hover {
  text-decoration: underline;
}

main h2.link a:before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 3px;
  top: 14px;
  display: inline-block;
  width: 13px;
  height: 13px;
  background: url('../img/common/arrow/arrow_circle.png') no-repeat;
  background-size: 13px 13px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

main h3 {
  line-height: 1.2;
  margin: 35px 0 14px;
  padding: 11px 10px 11px 16px;
  background: #f2f2f2;
  border-left: 2px solid #21b2c7;
  font-weight: bold;
  font-size: 135.71429%;
  position: relative;
}

main h3.isw {
  border-left: 2px solid #b31d4c;
  padding: 11px 45px 11px 16px;
}

main h3.isw:before {
  content: "";
  position: absolute;
  bottom: 4px;
  right: 4px;
  display: inline-block;
  display: inline-block;
  width: 39px;
  height: 34px;
  background: url('../img/common/icon/iswMark.png') no-repeat;
  background-size: 39px 34px;
}

main h3.isw span, main h3.isw a {
  color: #b31d4c;
}

main h3.bsw {
  border-left: 2px solid #248074;
  padding: 11px 45px 11px 16px;
}

main h3.bsw:before {
  content: "";
  position: absolute;
  bottom: 4px;
  right: 4px;
  display: inline-block;
  display: inline-block;
  width: 39px;
  height: 34px;
  background: url('../img/common/icon/bswMark.png') no-repeat;
  background-size: 39px 34px;
}

main h3.bsw span, main h3.bsw a {
  color: #248074;
}

main h3.msw {
  border-left: 2px solid #265b94;
  padding: 11px 45px 11px 16px;
}

main h3.msw:before {
  content: "";
  position: absolute;
  bottom: 4px;
  right: 4px;
  display: inline-block;
  display: inline-block;
  width: 39px;
  height: 34px;
  background: url('../img/common/icon/mswMark.png') no-repeat;
  background-size: 39px 34px;
}

main h3.msw span, main h3.msw a {
  color: #265b94;
}

main h3.link {
  padding: 0;
  border: none;
  margin: 35px 0 8px;
  font-size: 128.57143%;
  background: none;
}

main h3.link:after {
  display: none;
}

main h3.link a {
  color: #313131;
  display: block;
  border-bottom: 1px solid #21b2c7;
  position: relative;
  padding: 0 0 8px 22px;
  text-decoration: none;
}

main h3.link a:hover {
  text-decoration: underline;
}

main h3.link a:before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 3px;
  top: 4px;
  display: inline-block;
  width: 13px;
  height: 13px;
  background: url('../img/common/arrow/arrow_circle.png') no-repeat;
  background-size: 13px 13px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

main h2 + h3 {
  margin-top: 20px !important;
}

main h3 + table {
  margin-top: 0 !important;
}

main h4 {
  line-height: 1.2;
  margin: 25px 0 15px;
  padding: 0 0 8px 0;
  border-bottom: 1px solid #e5e5e5;
  font-weight: bold;
  position: relative;
  font-size: 128.57143%;
}

main h5 {
  line-height: 1.2;
  margin: 25px 0 15px;
  padding: 3px 0 4px 12px;
  border-left: 2px solid #313131;
  font-weight: bold;
  font-size: 121.42857%;
}

main h6 {
  line-height: 1.2;
  margin: 20px 0 10px;
  color: #21b2c7;
  font-weight: bold;
  font-size: 114.28571%;
}

main p {
  margin: 1em 0 .7em;
}

main p.lead {
  font-size: 128.57143%;
  margin: 20px 0 10px;
  font-weight: bold;
}

main p.link {
  position: relative;
  padding: 0 0 0 18px;
}

main p.link:before {
  content: "";
  position: absolute;
  top: 4px;
  left: 0px;
  display: inline-block;
  display: inline-block;
  width: 13px;
  height: 13px;
  background: url('../img/common/arrow/arrow_circle.png') no-repeat;
  background-size: 13px 13px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

main p.notes {
  text-indent: -1.2em;
  padding-left: 1.2em;
  font-size: 85.71429%;
  margin-top: -5px;
}

main p.notesSP {
  text-indent: -1.2em;
  padding-left: 1.2em;
  font-size: 85.71429%;
  margin-top: -5px;
  color: #d83a3a;
}

main p.iswLink {
  position: relative;
  margin: 10px 0;
  padding: 0 0 0 18px;
}

main p.iswLink:before {
  content: "";
  position: absolute;
  top: 4px;
  left: 0px;
  display: inline-block;
  display: inline-block;
  width: 13px;
  height: 13px;
  background: url('../img/common/arrow/arrow_circle_isw.png') no-repeat;
  background-size: 13px 13px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

main p.iswLink a {
  color: #b31d4c;
}

main p.bswLink {
  margin: 10px 0;
  position: relative;
  padding: 0 0 0 18px;
}

main p.bswLink:before {
  content: "";
  position: absolute;
  top: 4px;
  left: 0px;
  display: inline-block;
  display: inline-block;
  width: 13px;
  height: 13px;
  background: url('../img/common/arrow/arrow_circle_bsw.png') no-repeat;
  background-size: 13px 13px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

main p.bswLink a {
  color: #248074;
}

main p.mswLink {
  margin: 10px 0;
  position: relative;
  padding: 0 0 0 18px;
}

main p.mswLink:before {
  content: "";
  position: absolute;
  top: 4px;
  left: 0px;
  display: inline-block;
  display: inline-block;
  width: 13px;
  height: 13px;
  background: url('../img/common/arrow/arrow_circle_msw.png') no-repeat;
  background-size: 13px 13px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

main p.mswLink a {
  color: #265b94;
}

main span.bold {
  font-weight: bold !important;
}

main em {
  font-weight: bold;
}

main strong {
  font-weight: bold;
  color: #21b2c7;
}

main *.isw {
  color: #b31d4c;
}

main *.bsw {
  color: #248074;
}

main *.msw {
  color: #265b94;
}

main *.inline-block {
  display: inline-block;
}

main .num {
  margin: 0 3px;
  font-family: 'Oswald',"Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
  font-weight: 400;
  font-size: 142.85714%;
}

main .big {
  font-size: 121.42857%;
}

main .bigSP {
  font-size: 171.42857%;
  font-weight: bold;
}

main .new:after {
  content: "NEW";
  display: inline-block;
  background: #fff;
  font-family: Arial, Helvetica, sans-serif;
  border: 1px solid #d83a3a;
  text-align: center;
  width: auto;
  margin: 0 0 0 5px;
  padding: 0 3px;
  color: #d83a3a;
  font-weight: bold;
  vertical-align: text-bottom;
  font-size: 64.28571%;
  border-radius: 3px;
}

main .maru {
  font-family: Meiryo, メイリオ, sans-serif;
}

main .red {
  color: #d83a3a;
}

main .gray {
  color: #888;
}

main .txtR {
  text-align: right !important;
}

main .txtL {
  text-align: left !important;
}

main .txtC,
main .center {
  text-align: center !important;
}

main ol, main ul {
  margin: 15px 0;
  padding: 0 0 0 4px;
}

main ol > li, main ul > li {
  position: relative;
  margin: 7px 0;
  padding: 0 0 0 15px;
  line-height: 1.4;
}

main ol > li ul, main ul > li ul {
  margin: 5px 0 10px;
}

main ol > li ul li, main ul > li ul li {
  font-size: 92.85714%;
  margin: 3px 0;
  padding: 0 0 0 13px;
}

main ol > li ol, main ul > li ol {
  margin: 6px 0 10px;
}

main ol > li ol li, main ul > li ol li {
  font-size: 92.85714%;
  margin: 6px 0;
  padding: 0 0 0 20px;
}

main ol > li .link, main ul > li .link {
  margin: 0 0 0.3em;
}

main ol.notes, main ul.notes {
  margin-top: -5px;
}

main ol.notes li, main ul.notes li {
  text-indent: -1.2em;
  padding-left: 1.2em !important;
  font-size: 85.71429%;
  margin: 0 0 5px;
}

main ol.notes li:before, main ul.notes li:before {
  display: none;
}

main ol.notes li ul li, main ol.notes li ol li, main ul.notes li ul li, main ul.notes li ol li {
  margin: 0 0 5px;
}

main ol.notesSP, main ul.notesSP {
  margin-top: -5px;
}

main ol.notesSP li, main ul.notesSP li {
  text-indent: -1.2em;
  padding-left: 1.2em !important;
  font-size: 85.71429%;
}

main ol.notesSP li:before, main ul.notesSP li:before {
  display: none;
}

main ol.notesSP li ul li, main ol.notesSP li ol li, main ul.notesSP li ul li, main ul.notesSP li ol li {
  margin: 0 0 5px;
}

main ol.notesSP li, main ul.notesSP li {
  text-indent: -1.2em;
  padding-left: 1.2em !important;
  font-size: 85.71429%;
  color: #d83a3a;
}

main ol.notesSP li:before, main ul.notesSP li:before {
  display: none;
}

main ol.notesSP li ul li, main ol.notesSP li ol li, main ul.notesSP li ul li, main ul.notesSP li ol li {
  margin: 0 0 5px;
}

main ol.none, main ul.none {
  padding-left: 0;
}

main ol.none li, main ul.none li {
  padding-left: 0;
}

main ol.none li:before, main ul.none li:before {
  display: none;
}

main ol.none li:before a, main ul.none li:before a {
  position: relative;
}

main ol.none li ul, main ul.none li ul {
  padding: 0 0 0 15px;
  font-size: 92.85714%;
}

main ol.type_a, main ol.type_I, main ul.type_a, main ul.type_I {
  list-style-type: upper-roman;
  list-style-position: outside;
  padding-left: 20px;
}

main ol.type_a li, main ol.type_I li, main ul.type_a li, main ul.type_I li {
  padding-left: 0;
}

main ol.type_a li:before, main ol.type_I li:before, main ul.type_a li:before, main ul.type_I li:before {
  display: none;
}

main ol.type_a li:before a, main ol.type_I li:before a, main ul.type_a li:before a, main ul.type_I li:before a {
  position: relative;
}

main ol.type_a li ul, main ol.type_I li ul, main ul.type_a li ul, main ul.type_I li ul {
  padding: 0 0 0 15px;
  font-size: 92.85714%;
}

main ol.type_a, main ul.type_a {
  list-style-type: lower-latin;
}

main ul > li {
  position: relative;
}

main ul > li:before {
  content: '';
  position: absolute;
  top: 6px;
  left: 2px;
  display: inline-block;
  width: 7px;
  height: 7px;
  background: url('../img/common/icon/icon_circle.png') no-repeat;
  background-size: 7px 7px;
}

main ul > li ul li {
  font-size: 92.85714%;
}

main ul > li ul li:before {
  width: 4px;
  height: 4px;
  top: 7px;
  background: #21b2c7;
}

main ul > li ul li li {
  font-size: 100%;
}

main ul > li ul li.none {
  padding: 0;
}

main ul > li ul li.none:before {
  display: none;
}

main ul.stripe {
  margin: 10px 0;
}

main ul.stripe li {
  margin: 0;
  padding: 0;
}

main ul.stripe li:nth-of-type(2n) {
  background: #f2f2f2;
}

main ul.stripe li:before {
  display: none;
}

main ul.stripe li dl {
  padding: 0;
  margin: 0;
}

main ul.stripe li dl:before, main ul.stripe li dl:after {
  display: table;
  content: '';
}

main ul.stripe li dl:after {
  clear: both;
}

main ul.stripe li dl dt {
  float: left;
  margin: 0;
  padding: 8px 0 8px 10px;
  font-size: 107.14286%;
  width: 120px;
  clear: left;
}

main ul.stripe li dl dd {
  margin: 0;
  padding: 8px 10px 8px 120px;
  font-size: 92.85714%;
}

main ul.stripe.wid20 dt {
  width: 20%;
}

main ul.stripe.wid25 dt {
  width: 25%;
}

main ul.stripe.wid30 dt {
  width: 30%;
}

main ul.stripe.wid35 dt {
  width: 35%;
}

main ul.stripe.wid40 dt {
  width: 40%;
}

main ul.colum {
  display: block;
  margin: 15px auto;
  padding: 0;
  text-align: center;
}

main ul.colum li {
  display: inline-block;
  max-width: 47%;
  min-width: 30%;
  margin: 0 2% 15px 0;
  padding: 0;
  vertical-align: top;
}

main ul.colum li:before {
  display: none;
}

main ul.link {
  margin: 15px 0 25px;
}

main ul.link li a.isw {
  color: #b31d4c;
}

main ul.link li a.bsw {
  color: #248074;
}

main ul.link li a.msw {
  color: #265b94;
}

main ul.link > li {
  padding: 0 0 0 18px;
}

main ul.link > li:before {
  content: '';
  position: absolute;
  top: 4px;
  left: 0px;
  display: inline-block;
  width: 13px;
  height: 13px;
  background: url('../img/common/arrow/arrow_circle.png') no-repeat;
  background-size: 13px 13px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

main ul.link > li a {
  color: #313131;
}

main ul.link > li.iswLink {
  position: relative;
  padding: 0 0 0 18px;
}

main ul.link > li.iswLink:before {
  content: "";
  position: absolute;
  top: 4px;
  left: 0px;
  display: inline-block;
  display: inline-block;
  width: 13px;
  height: 13px;
  background: url('../img/common/arrow/arrow_circle_isw.png') no-repeat;
  background-size: 13px 13px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

main ul.link > li.iswLink a {
  color: #b31d4c;
}

main ul.link > li.bswLink {
  position: relative;
  padding: 0 0 0 18px;
}

main ul.link > li.bswLink:before {
  content: "";
  position: absolute;
  top: 4px;
  left: 0px;
  display: inline-block;
  display: inline-block;
  width: 13px;
  height: 13px;
  background: url('../img/common/arrow/arrow_circle_bsw.png') no-repeat;
  background-size: 13px 13px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

main ul.link > li.bswLink a {
  color: #248074;
}

main ul.link > li.mswLink {
  position: relative;
  padding: 0 0 0 18px;
}

main ul.link > li.mswLink:before {
  content: "";
  position: absolute;
  top: 4px;
  left: 0px;
  display: inline-block;
  display: inline-block;
  width: 13px;
  height: 13px;
  background: url('../img/common/arrow/arrow_circle_msw.png') no-repeat;
  background-size: 13px 13px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

main ul.link > li.mswLink a {
  color: #265b94;
}

main ul.link > li ul li {
  padding: 0 0 0 15px;
}

main ul.link > li ul li:before {
  top: 8px;
  left: 4px;
  display: inline-block;
  width: 5px;
  height: 5px;
  background: url('../img/common/arrow/arrow.png') no-repeat;
  background-size: 5px 5px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

main ul.link > li ul li.iswLink a {
  color: #b31d4c;
}

main ul.link > li ul li.bswLink a {
  color: #248074;
}

main ul.link > li ul li.mswLink a {
  color: #265b94;
}

main ul.link > li ul li.none {
  padding: 0;
}

main ul.link > li ul li.none:before {
  display: none;
}

main ul.mainLink {
  margin: 20px auto;
  padding: 0;
}

main ul.mainLink:before, main ul.mainLink:after {
  display: table;
  content: '';
}

main ul.mainLink:after {
  clear: both;
}

main ul.mainLink li {
  float: left;
  width: 48.5%;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 0;
  margin: 0 0 10px;
}

main ul.mainLink li:nth-child(2n) {
  float: right;
}

main ul.mainLink li:before {
  content: '';
  position: absolute;
  top: 15px;
  left: 10px;
  display: inline-block;
  width: 13px;
  height: 13px;
  background: url('../img/common/arrow/arrow_circle.png') no-repeat;
  background-size: 13px 13px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

main ul.mainLink li a {
  display: block;
  padding: 12px 15px 12px 28px;
}

main ul.mainLink li a:hover {
  background: #f2f2f2;
}

main ul.colum02Mark {
  padding: 0;
  margin: 15px auto 0;
}

main ul.colum02Mark:before, main ul.colum02Mark:after {
  display: table;
  content: '';
}

main ul.colum02Mark:after {
  clear: both;
}

main ul.colum02Mark li {
  float: left;
  width: 48%;
  margin: 0 2% 15px 0;
  box-sizing: border-box;
}

main ul.colum02Mark li:nth-child(2n) {
  margin: 0 0 15px 2%;
}

main ul.colum02 {
  padding: 0;
  margin: 15px auto 0;
}

main ul.colum02:before, main ul.colum02:after {
  display: table;
  content: '';
}

main ul.colum02:after {
  clear: both;
}

main ul.colum02 li {
  float: left;
  width: 48%;
  margin: 0 2% 15px 0;
  padding: 0;
  box-sizing: border-box;
}

main ul.colum02 li.prof figure {
  text-align: left;
}

main ul.colum02 li:before {
  display: none;
}

main ul.colum02 li:nth-child(2n) {
  margin: 0 0 15px 2%;
}

main ul.colum02 li figure {
  text-align: center;
  margin: 0;
}

main ul.colum02 li li {
  width: 100%;
  margin: 7px 0;
}

main ul.colum03 {
  padding: 0;
  margin: 15px auto 0;
}

main ul.colum03:before, main ul.colum03:after {
  display: table;
  content: '';
}

main ul.colum03:after {
  clear: both;
}

main ul.colum03 li {
  float: left;
  width: 32%;
  margin: 0 2% 15px 0;
  box-sizing: border-box;
}

main ul.colum03 li:before {
  display: none;
}

main ul.colum03 li:nth-child(3n) {
  margin: 0 0 15px 0;
}

main ul.colum03 li figure {
  text-align: center;
  margin: 0;
}

main ul.colum03 li li {
  width: 100%;
  margin: 7px 0;
}

main ul.guideList {
  margin: 20px auto;
  padding: 0 20px;
}

main ul.guideList:before, main ul.guideList:after {
  display: table;
  content: '';
}

main ul.guideList:after {
  clear: both;
}

main ul.guideList li {
  float: left;
  width: 47%;
  padding: 0;
  margin: 0;
}

main ul.guideList li:nth-child(2n) {
  float: right;
}

main ul.guideList li:before {
  display: none;
}

main ul.guideList li dl {
  text-align: center;
}

main ul.guideList li dl dt img {
  border: 1px solid #e5e5e5;
}

main ul.guideList li dl dt img:hover {
  opacity: 0.6;
}

main ul.isw li {
  color: #333;
}

main ul.isw li:before {
  display: inline-block;
  width: 7px;
  height: 7px;
  background: url('../img/common/icon/icon_circle_isw.png') no-repeat;
  background-size: 7px 7px;
}

main ul.bsw li {
  color: #333;
}

main ul.bsw li:before {
  display: inline-block;
  width: 7px;
  height: 7px;
  background: url('../img/common/icon/icon_circle_bsw.png') no-repeat;
  background-size: 7px 7px;
}

main ul.msw li {
  color: #333;
}

main ul.msw li:before {
  display: inline-block;
  width: 7px;
  height: 7px;
  background: url('../img/common/icon/icon_circle_msw.png') no-repeat;
  background-size: 7px 7px;
}

main ul.dateList {
  padding: 0;
  margin: 0;
}

main ul.dateList li {
  margin: 0;
  padding: 12px 5px;
  border-bottom: 1px solid #ddd;
}

main ul.dateList li:first-child {
  padding-top: 0;
}

main ul.dateList li:before {
  display: none;
}

main ul.dateList li dl {
  margin: 0;
  padding: 0;
}

main ul.dateList li dl:before, main ul.dateList li dl:after {
  display: table;
  content: '';
}

main ul.dateList li dl:after {
  clear: both;
}

main ul.dateList li dl dt {
  float: left;
  font-family: 'Oswald',"Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
  font-weight: 400;
  font-size: 107.14286%;
  width: 5.5em;
  margin: 0;
  padding: 0;
}

main ul.dateList li dl dd {
  margin: 0;
  padding: 0;
  float: left;
}

main ul.categoryLink {
  display: table;
  width: 100%;
  padding: 0;
  font-size: 92.85714%;
}

main ul.categoryLink li {
  display: table-cell;
  height: 100%;
  margin: 0;
  padding: 0 4px 0 0;
  text-align: center;
  vertical-align: top;
}

main ul.categoryLink li:before {
  display: none;
}

main ul.categoryLink li:last-child {
  padding: 0;
}

main ul.categoryLink li.all a {
  border-color: #1991c3;
}

main ul.categoryLink li.all a:before {
  background: url("../img/common/arrow/arrow_circle_all.png") left top no-repeat;
}

main ul.categoryLink li.all.active a,
main ul.categoryLink li.all:hover a {
  color: #fff;
  border-bottom-color: #1991c3;
  background: #1991c3;
}

main ul.categoryLink li.all.active a:before,
main ul.categoryLink li.all:hover a:before {
  background: url("../img/common/arrow/arrow_circle_white.png") left top no-repeat;
}

main ul.categoryLink li.news a {
  border-color: #0d7ebf;
}

main ul.categoryLink li.news a:before {
  background: url("../img/common/arrow/arrow_circle_blue.png") left top no-repeat;
}

main ul.categoryLink li.news.active a,
main ul.categoryLink li.news:hover a {
  color: #fff;
  border-bottom-color: #0d7ebf;
  background: #0d7ebf;
}

main ul.categoryLink li.news.active a:before,
main ul.categoryLink li.news:hover a:before {
  background: url("../img/common/arrow/arrow_circle_white.png") left top no-repeat;
}

main ul.categoryLink li.award a {
  border-color: #dc9202;
}

main ul.categoryLink li.award a:before {
  background: url("../img/common/arrow/arrow_circle_orange.png") left top no-repeat;
}

main ul.categoryLink li.award.active a,
main ul.categoryLink li.award:hover a {
  color: #fff;
  border-bottom-color: #dc9202;
  background: #dc9202;
}

main ul.categoryLink li.award.active a:before,
main ul.categoryLink li.award:hover a:before {
  background: url("../img/common/arrow/arrow_circle_white.png") left top no-repeat;
}

main ul.categoryLink li.event a {
  border-color: #198d71;
}

main ul.categoryLink li.event a:before {
  background: url("../img/common/arrow/arrow_circle_green.png") left top no-repeat;
}

main ul.categoryLink li.event.active a,
main ul.categoryLink li.event:hover a {
  color: #fff;
  border-bottom-color: #198d71;
  background: #198d71;
}

main ul.categoryLink li.event.active a:before,
main ul.categoryLink li.event:hover a:before {
  background: url("../img/common/arrow/arrow_circle_white.png") left top no-repeat;
}

main ul.categoryLink li.study a {
  border-color: #a33257;
}

main ul.categoryLink li.study a:before {
  background: url("../img/common/arrow/arrow_circle_red.png") left top no-repeat;
}

main ul.categoryLink li.study.active a,
main ul.categoryLink li.study:hover a {
  color: #fff;
  border-bottom-color: #a33257;
  background: #a33257;
}

main ul.categoryLink li.study.active a:before,
main ul.categoryLink li.study:hover a:before {
  background: url("../img/common/arrow/arrow_circle_white.png") left top no-repeat;
}

main ul.categoryLink li a {
  display: block;
  padding: 16px;
  border: 1px solid #21b2c7;
  background: #f2f2f2;
  line-height: 1;
  font-weight: bold;
  text-decoration: none;
}

main ul.categoryLink li a:before {
  content: "";
  display: inline-block;
  width: 13px;
  height: 13px;
  margin: 0 4px 0 -13px;
  vertical-align: bottom;
}

main ul.categoryLink li a:hover {
  background: #ddd;
}

main ul.cissLink {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

main ul.cissLink li {
  -webkit-flex-basis: 48%;
  -ms-flex-preferred-size: 48%;
  flex-basis: 48%;
  border: 1px solid #ddd;
  box-sizing: border-box;
  padding: 0;
  margin: 0 0 15px;
}

main ul.cissLink li:before {
  display: none;
}

main ul.cissLink li.intro a:before {
  background: url(/en/img/ciss/ico_intro.svg) left top no-repeat;
}

main ul.cissLink li.accessmap a:before {
  background: url(/en/img/ciss/ico_accessmap.svg) left top no-repeat;
}

main ul.cissLink li.coming a:before {
  background: url(/en/img/ciss/ico_coming.svg) left top no-repeat;
}

main ul.cissLink li.living a:before {
  background: url(/en/img/ciss/ico_living.svg) left top no-repeat;
}

main ul.cissLink li.health a:before {
  background: url(/en/img/ciss/ico_health.svg) left top no-repeat;
}

main ul.cissLink li.safety a:before {
  background: url(/en/img/ciss/ico_safety.svg) left top no-repeat;
}

main ul.cissLink li.support a:before {
  background: url(/en/img/ciss/ico_support.svg) left top no-repeat;
}

main ul.cissLink li.family a:before {
  background: url(/en/img/ciss/ico_family.svg) left top no-repeat;
}

main ul.cissLink li.sightseeing a:before {
  background: url(/en/img/ciss/ico_sightseeing.svg) left top no-repeat;
}

main ul.cissLink li.contact a:before {
  background: url(/en/img/ciss/ico_contact.svg) left top no-repeat;
}

main ul.cissLink li a {
  display: block;
  position: relative;
  text-decoration: none;
  padding: 1em 2em 1em 3em;
  font-size: 128.57143%;
  box-sizing: border-box;
}

main ul.cissLink li a:before {
  position: absolute;
  top: 50%;
  margin-top: -17px;
  left: 10px;
  content: "";
  display: inline-block;
  width: 35px;
  height: 35px;
  background-size: contain;
}

main ul.cissLink li a:hover {
  background-color: #f2f2f2;
}

main ol {
  counter-reset: num;
}

main ol li {
  position: relative;
  margin: 0 0 12px;
  padding: 0 0 0 21px;
}

main ol li:before {
  font-family: 'Oswald','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', ‘游ゴシック体’, ‘Yu Gothic’, ‘YuGothic’ , Meiryo, メイリオ, sans-serif;
  font-weight: 400;
  counter-increment: num;
  content: counters(num, "-") ".";
  position: absolute;
  top: -1px;
  left: 4px;
  color: #21b2c7;
  font-size: 107.14286%;
}

main ol li ol li {
  padding: 0 0 0 23px;
}

main ol li ol li:before {
  left: 0px;
  font-size: 100%;
}

main ol li ul li:before {
  content: "";
  top: 6px;
  left: 0;
}

main dl {
  margin: 20px 0 15px;
}

main dl dt {
  font-weight: bold;
  line-height: 1.45;
}

main dl dd {
  margin: 0 0 15px;
  line-height: 1.45;
}

main dl dd ul {
  margin-top: 0;
}

main dl dd ul:last-child {
  margin-bottom: 0;
}

main dl dd ol {
  margin: 7px 0;
}

main dl.faqList {
  border-top: 1px solid #e5e5e5;
  padding: 20px 0 0 0;
}

main dl.faqList dt {
  padding: 0;
  font-size: 128.57143%;
  font-weight: bold;
  color: #21b2c7;
}

main dl.faqList dt span.question {
  display: block;
  text-indent: 120%;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
  margin: 0 6px 0 0;
  width: 32px;
  height: 38px;
  background: url("/img/common/icon_question.png") left bottom no-repeat;
}

main dl.faqList dd {
  border-bottom: 1px solid #e5e5e5;
  margin: 0 0 25px;
  padding: 0 0 25px;
}

main dl.faqList dd span.answer {
  display: block;
  text-indent: 120%;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
  margin: 0 6px 0 0;
  width: 32px;
  height: 36px;
  background: url("/img/common/icon_answer.png") left bottom no-repeat;
}

main dl.faqList02 dt {
  padding: 0 0 5px;
  font-size: 128.57143%;
  font-weight: bold;
  color: #21b2c7;
}

main dl.faqList02 dt span.question {
  display: block;
  text-indent: 120%;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
  margin: 0 6px 0 0;
  width: 32px;
  height: 38px;
  background: url("/img/common/icon_question.png") left bottom no-repeat;
}

main dl.faqList02 dd {
  margin: 0 0 40px;
}

main dl.faqList02 dd span.answer {
  display: block;
  text-indent: 120%;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
  margin: 0 6px 0 0;
  width: 32px;
  height: 36px;
  background: url("/img/common/icon_answer.png") left bottom no-repeat;
}

main dl.numList {
  font-size: 114.28571%;
}

main dl.numList:before, main dl.numList:after {
  display: table;
  content: '';
}

main dl.numList:after {
  clear: both;
}

main dl.numList dt {
  float: left;
  width: 10%;
  clear: left;
  border-bottom: 1px dotted #ddd;
  padding: 10px 0;
  font-family: 'Oswald',"Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
  font-weight: 400;
}

main dl.numList dd {
  float: left;
  margin: 0 0 0 20px;
  border-bottom: 1px dotted #ddd;
  padding: 10px 0;
  width: 60%;
  font-family: 'Oswald',"Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
  font-weight: 400;
}

main dl.box01 {
  border: 2px solid #ddd;
  padding: 20px;
}

main dl.box01 > dt {
  line-height: 1.2;
  margin: 0 0 12px;
  padding: 3px 0 4px 12px;
  border-left: 2px solid #313131;
  font-weight: bold;
  font-size: 128.57143%;
}

main dl.box01 > dd {
  margin: 12px 0 0;
}

main dl.box01 > dd dl {
  margin: 0;
}

main dl.box01.red {
  border: 2px solid #d83a3a;
}

main dl.box01.red dt {
  border-left: 2px solid #d83a3a;
}

main dl.box02 {
  border: 1px solid #21b2c7;
  padding: 20px;
}

main dl.box02 > dt {
  line-height: 1.2;
  margin: 0 0 12px;
  padding: 3px 0 4px 12px;
  border-left: 2px solid #21b2c7;
  font-weight: bold;
  font-size: 128.57143%;
}

main dl.box02 > dd {
  margin: 12px 0 0;
}

main dl.box02 > dd dl {
  margin: 0;
}

main dl.box02 > dd ul.update {
  margin: 0;
  padding: 0;
}

main dl.box02 > dd ul.update li {
  padding: 0;
  margin: 0 0 12px;
}

main dl.box02 > dd ul.update li:last-child {
  margin: 0;
}

main dl.box02 > dd ul.update li:before {
  display: none;
}

main dl.box02 > dd ul.update li dl:before, main dl.box02 > dd ul.update li dl:after {
  display: table;
  content: '';
}

main dl.box02 > dd ul.update li dl:after {
  clear: both;
}

main dl.box02 > dd ul.update li dl dt {
  float: left;
  width: 10%;
  font-family: 'Oswald',"Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
  font-size: 107.14286%;
  font-weight: 400;
}

main dl.box02 > dd ul.update li dl dd {
  float: left;
  width: 88%;
}

main dl.info {
  border: 1px solid #21b2c7;
  padding: 20px;
  position: relative;
}

main dl.info:after {
  content: "";
  display: inline-block;
  width: 66px;
  height: 35px;
  background: url("/img/common/bg_naist.png") left top no-repeat;
  position: absolute;
  right: 5px;
  bottom: 5px;
}

main dl.info dt {
  line-height: 1.2;
  margin: 0 0 10px;
  padding: 0 0 0 20px;
  font-weight: bold;
  position: relative;
  font-size: 121.42857%;
}

main dl.info dt:before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 3px;
  display: inline-block;
  width: 12px;
  height: 12px;
  background: url('../img/common/icon/icon_info.png') no-repeat;
  background-size: 12px 12px;
}

main dl.info dd {
  margin: 10px 0 0;
}

main table {
  margin: 20px 0 15px;
  width: 100%;
  border-left: 1px solid #e5e5e5;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  background: #fff;
  border-collapse: collapse;
  border-spacing: 0;
}

main table caption {
  font-weight: bold;
  font-size: 107.14286%;
}

main table tr:first-child th, main table tr:first-child td {
  border-top: 1px solid #e5e5e5;
}

main table tr th:last-child {
  border-right: 1px solid #e5e5e5;
}

main table tr:last-child th {
  border-bottom: 1px solid #e5e5e5;
}

main table th, main table td {
  padding: 10px 7px;
  border-right: 1px solid #e5e5e5;
  border-top: 1px solid #e5e5e5;
  font-size: 92.85714%;
  line-height: 1.3;
}

main table th.color01, main table td.color01 {
  background: #f2f2f2;
  border-top: 1px solid #fff;
}

main table th.color02, main table td.color02 {
  background: #eaf5f6;
}

main table th > p,
main table th > ul,
main table th > ol, main table td > p,
main table td > ul,
main table td > ol {
  margin: 0.2em 0;
}

main table th > ul.link, main table td > ul.link {
  margin: 0;
}

main table th {
  font-weight: bold;
  background: #f2f2f2;
  text-align: left;
  padding: 10px 8px;
  border-right: 1px solid #fff;
  border-top: 1px solid #fff;
  font-size: 100%;
}

main table th.color01 {
  background: #19adbf;
  color: #fff;
}

main table thead th, main table thead td {
  font-weight: bold;
  color: #fff;
  text-align: center;
  background: #21b2c7;
  font-size: 100%;
  padding: 10px 8px;
}

main table thead th.color01, main table thead td.color01 {
  background: #19adbf;
}

main table thead th a, main table thead td a {
  color: #fff;
}

main table tfoot th {
  font-size: 100%;
  padding: 10px 8px;
  background: #ddd;
}

main table tfoot td {
  font-size: 100%;
  padding: 10px 8px;
  background: #ddd;
}

main table + p.note {
  margin-top: 5px;
}

main table.fix {
  table-layout: fixed;
}

main table.stripe {
  border-left: none;
}

main table.stripe tbody tr {
  background: #fff;
}

main table.stripe tbody tr:nth-child(2n) {
  background: #f5f5f5;
}

main table.stripe tbody tr:nth-child(2n) th, main table.stripe tbody tr:nth-child(2n) td {
  border-right: none;
  border-bottom: 1px solid #fff;
}

main table.stripe tbody tr th, main table.stripe tbody tr td {
  background: none;
  border-right: none;
  border-bottom: 1px solid #f5f5f5;
  font-size: 92.85714%;
}

main table.stripe tbody tr th {
  font-size: 107.14286%;
  padding: 14px 10px;
  border-right: 1px solid #e5e5e5 !important;
}

main table.stripe tbody tr td {
  padding: 14px 10px 14px 20px;
}

main table.colorTable thead tr th, main table.colorTable thead tr td {
  background: #555;
}

main table.fontSmall {
  font-size: 85.71429%;
  margin: 15px 0 10px;
}

main table.txtC td, main table.txtC th {
  text-align: center;
}

main div.box01 {
  margin: 20px 0;
  padding: 20px;
  background: #f2f2f2;
}

main div.box01 *:first-child {
  margin-top: 0;
}

main div.box01 *:last-child {
  margin-bottom: 0;
}

main div.box01.red {
  border: 1px solid #d83a3a;
}

main div.box02 {
  margin: 20px 0 15px;
  padding: 20px;
  border: 1px solid #ddd;
}

main div.box02 *:first-child {
  margin-top: 0;
}

main div.box02 *:last-child {
  margin-bottom: 0;
}

main div.box02.red {
  border: 1px solid #d83a3a;
}

main div.box03 {
  margin: 20px 0 15px;
  padding: 20px;
  border: 1px solid #21b2c7;
}

main div.box03 h4 {
  border-bottom: 1px solid #21b2c7;
}

main div.box03 *:first-child {
  margin-top: 0;
}

main div.box03 *:last-child {
  margin-bottom: 0;
}

main div.recruitBox {
  margin: 15px 0;
  padding: 16px 20px 16px;
  background: #f2f2f2;
}

main div.recruitBox > p {
  margin: 0;
  line-height: 1.2;
  margin: 0 0 5px;
  padding: 3px 0 4px 12px;
  border-left: 2px solid #313131;
  font-weight: bold;
  font-size: 114.28571%;
}

main div.recruitBox dl {
  margin: 0;
}

main div.recruitBox dl > dt {
  line-height: 1.3;
  margin: 0 0 8px;
  padding: 3px 0 3px 12px;
  border-left: 2px solid #313131;
  font-weight: bold;
  font-size: 114.28571%;
}

main div.recruitBox dl > dd {
  margin: 8px 0 0;
}

main div.colum02:before, main div.colum02:after {
  display: table;
  content: '';
}

main div.colum02:after {
  clear: both;
}

main div.colum02 *.left {
  float: left;
  width: 48%;
  margin: 0;
  padding: 0;
}

main div.colum02 *.right {
  float: right;
  width: 48%;
  margin: 0;
  padding: 0;
}

main img.border {
  border: 1px solid #e5e5e5;
  padding: 15px;
  box-sizing: border-box;
}

main figure {
  margin: 25px auto;
}

main figure.border {
  border: 1px solid #e5e5e5;
}

main figure figcaption {
  text-align: center;
  padding: 5px 0 0 0;
  line-height: 1.4;
  font-size: 78.57143%;
}

main .profileArea:before, main .profileArea:after {
  display: table;
  content: '';
}

main .profileArea:after {
  clear: both;
}

main .profileArea figure {
  float: right;
  width: 15%;
}

main .profileArea div.message {
  float: left;
  width: 80%;
}

main .figCenter {
  text-align: center;
  margin: 25px 0 15px;
}

main .figRight > figure,
main .figRight > div {
  float: right;
  margin: 0 0 10px 20px;
}

main .figRight > figure > figure,
main .figRight > div > figure {
  margin: 25px 0 0;
}

main .figRight > figure > figure:first-child,
main .figRight > div > figure:first-child {
  margin: 0;
}

main .figRight p {
  margin: 0 0 1em;
}

main .figRight p:last-child {
  margin: 0;
}

main .figLeft > figure,
main .figLeft > div {
  float: left;
  margin: 0 20px 10px 0;
}

main .figLeft > figure > figure,
main .figLeft > div > figure {
  margin: 25px 0 0;
}

main .figLeft > figure > figure:first-child,
main .figLeft > div > figure:first-child {
  margin: 0;
}

main .figLeft p {
  margin: 0 0 1em;
}

main .figLeft p:last-child {
  margin: 0;
}

main .figLeft, main .figRight {
  margin: 1em 0;
}

main .figLeft:before, main .figLeft:after, main .figRight:before, main .figRight:after {
  display: table;
  content: '';
}

main .figLeft:after, main .figRight:after {
  clear: both;
}

main .figLeft > figure, main .figRight > figure {
  width: 30%;
  text-align: center;
}

main .figLeft > figure + *, main .figRight > figure + * {
  margin-top: 0;
}

main .figLeft > figure div, main .figRight > figure div {
  margin: 0 0 20px;
}

main .figLeft > figure div:last-child, main .figRight > figure div:last-child {
  margin: 0;
}

main .figLeft > figure.wid15, main .figRight > figure.wid15 {
  width: 15%;
}

main .figLeft > figure.wid20, main .figRight > figure.wid20 {
  width: 20%;
}

main .figLeft > figure.wid25, main .figRight > figure.wid25 {
  width: 25%;
}

main .figLeft > figure.wid30, main .figRight > figure.wid30 {
  width: 30%;
}

main .figLeft > figure.wid35, main .figRight > figure.wid35 {
  width: 35%;
}

main .figLeft > figure.wid40, main .figRight > figure.wid40 {
  width: 40%;
}

main .figLeft > figure.wid45, main .figRight > figure.wid45 {
  width: 45%;
}

main .figLeft > figure.wid50, main .figRight > figure.wid50 {
  width: 50%;
}

main .figLeft > figure.wid55, main .figRight > figure.wid55 {
  width: 55%;
}

main .figLeft > figure.wid60, main .figRight > figure.wid60 {
  width: 60%;
}

main .figLeft > div, main .figRight > div {
  width: 30%;
  text-align: center;
}

main .figLeft > div figure, main .figRight > div figure {
  width: 100%;
}

main .figLeft h3, main .figLeft h4, main .figLeft h5, main .figLeft dl, main .figLeft ul, main .figRight h3, main .figRight h4, main .figRight h5, main .figRight dl, main .figRight ul {
  overflow: hidden;
}

main .iswBox {
  border: 1px solid #b31d4c;
  background: rgba(179, 29, 76, 0.05);
  margin: 20px 0 15px;
  padding: 10px 15px;
  border-radius: 3px;
}

main .iswBox ul li:before {
  display: inline-block;
  width: 7px;
  height: 7px;
  background: url('../img/common/icon/icon_circle_isw.png') no-repeat;
  background-size: 7px 7px;
}

main .bswBox {
  border: 1px solid #248074;
  background: rgba(36, 128, 116, 0.05);
  margin: 20px 0 15px;
  padding: 10px 15px;
  border-radius: 3px;
}

main .bswBox ul li:before {
  display: inline-block;
  width: 7px;
  height: 7px;
  background: url('../img/common/icon/icon_circle_bsw.png') no-repeat;
  background-size: 7px 7px;
}

main .mswBox {
  border: 1px solid #265b94;
  background: rgba(38, 91, 148, 0.05);
  margin: 20px 0 15px;
  padding: 10px 15px;
  border-radius: 3px;
}

main .mswBox ul li:before {
  display: inline-block;
  width: 7px;
  height: 7px;
  background: url('../img/common/icon/icon_circle_msw.png') no-repeat;
  background-size: 7px 7px;
}

main .student {
  padding: 0 0 30px;
  margin: 30px 0 0;
  border-bottom: 1px solid #21b2c7;
}

main .student:first-child {
  margin: 0;
}

main .student .figLeft {
  margin-bottom: 0;
}

main .student p.name {
  margin: 0;
}

main .student p.name em {
  font-size: 142.85714%;
  font-family: 'Oswald',"Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
  font-weight: 400;
}

main .student p.department {
  font-size: 100%;
  font-family: 'Oswald',"Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
  font-weight: 400;
  margin: 0 0 0.7em;
}

main p.required {
  color: #a5005c;
}

main ul.errorList {
  border: 1px solid #a5005c;
  padding: 20px 30px;
  background: #fef4f4;
  margin: 0 0 30px;
}

main ul.errorList li {
  color: #a5005c;
  font-weight: bold;
}

main ul.errorList li:before {
  content: '';
  position: absolute;
  top: 6px;
  left: 2px;
  display: inline-block;
  width: 7px;
  height: 7px;
  background: url('../img/common/icon/icon_circle_error.png') no-repeat;
  background-size: 7px 7px;
}

main ul.flowList {
  margin: 30px auto;
  padding: 0;
  width: 100%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

main ul.flowList li {
  -webkit-flex-basis: 32%;
  -ms-flex-preferred-size: 32%;
  flex-basis: 32%;
  text-align: center;
  border-bottom: 1px solid #898989;
  padding: 0 0 25px;
  margin: 0;
  font-weight: bold;
  font-size: 100%;
}

main ul.flowList li:before {
  display: none;
}

main ul.flowList li.active {
  color: #21b2c7;
  border-bottom: 1px solid #21b2c7;
  background: url(../form/img/contactArrow_active.png) center 25px no-repeat;
}

main table.contact {
  margin: 10px 0 20px;
}

main table.contact th, main table.contact td {
  padding: 15px;
  font-size: 100%;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  box-sizing: border-box;
}

main table.contact th input[type="text"].length01,
main table.contact th textarea.length01, main table.contact td input[type="text"].length01,
main table.contact td textarea.length01 {
  width: 75%;
}

main table.contact th input[type="text"].length02,
main table.contact th textarea.length02, main table.contact td input[type="text"].length02,
main table.contact td textarea.length02 {
  width: 100%;
}

main table.contact th input[type="text"].length03,
main table.contact th textarea.length03, main table.contact td input[type="text"].length03,
main table.contact td textarea.length03 {
  width: 17%;
}

main table.contact th textarea,
main table.contact th input[type="text"], main table.contact td textarea,
main table.contact td input[type="text"] {
  display: inline-block;
  width: 100%;
  margin: 0 10px 0 0;
  padding: 1px 8px 0px;
  height: 39px;
  line-height: 39px;
  border: 1px solid #ddd;
  background-color: #f9f9f9;
  vertical-align: middle;
  box-sizing: border-box;
  box-shadow: #e5e5e5 0 1px 1px 0px inset;
}

main table.contact th textarea:focus,
main table.contact th input[type="text"]:focus, main table.contact td textarea:focus,
main table.contact td input[type="text"]:focus {
  box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 1px 1px inset;
  background: #f4f7fe;
}

main table.contact th textarea, main table.contact td textarea {
  height: 280px;
  line-height: 1.5;
  padding: 12px 8px;
}

main table.contact th .checkText, main table.contact td .checkText {
  display: block;
  font-size: 78.57143%;
  margin: 5px 0 0 0;
}

main table.contact th .success .checkText, main table.contact td .success .checkText {
  color: #0171bf;
}

main table.contact th .success textarea,
main table.contact th .success input[type="text"], main table.contact td .success textarea,
main table.contact td .success input[type="text"] {
  background: #f4f7fe;
}

main table.contact th .error .checkText, main table.contact td .error .checkText {
  color: #a5005c;
}

main table.contact th .error textarea,
main table.contact th .error input[type="text"], main table.contact td .error textarea,
main table.contact td .error input[type="text"] {
  background: #fef4f4;
}

main table.contact td {
  padding: 20px;
}

main table.contact th div {
  position: relative;
}

main table.contact th div span.required {
  border: 1px solid #a5005c;
  color: #a5005c;
  font-weight: normal;
  font-size: 78.57143%;
  line-height: 1;
  margin: auto;
  padding: 3px 5px;
  display: inline-block;
  background: #fff;
  line-height: 1;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
}

main .btnArea {
  text-align: center;
  margin: 30px 0;
}

main .btnArea .btn {
  display: inline-block;
  margin: 0 5px;
}

main .btnArea .btn button {
  display: inline-block;
  position: relative;
  background: #fff;
  padding: 15px 15px 15px 25px;
  min-width: 230px;
  line-height: 1;
  font-weight: bold;
  font-size: 100%;
  border-radius: 4px;
  cursor: pointer;
  border: 1px solid #21b2c7;
  color: #21b2c7;
}

main .btnArea .btn button:before {
  content: '';
  display: inline-block;
  position: relative;
  margin: 0 5px 0 0;
  top: 1px;
  display: inline-block;
  width: 13px;
  height: 13px;
  background: url('../img/common/arrow/arrow_circle.png') no-repeat;
  background-size: 13px 13px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

main .btnArea .btn button:hover {
  background: #eaf5f6;
}

main .btnArea .btn button.backBtn {
  border: 1px solid #898989;
  color: #898989;
}

main .btnArea .btn button.backBtn:before {
  display: inline-block;
  width: 13px;
  height: 13px;
  background: url('../img/common/arrow/arrow_circle_gray.png') no-repeat;
  background-size: 13px 13px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

main .btnArea .btn button.backBtn:hover {
  background: #f5f5f5;
}

/* 更新コンテンツ用スタイル
----------------------------------------------------------- */
main h2.update {
  font-size: 200%;
  border-bottom: 1px solid #313131;
  line-height: 1.2;
}

main h2.update .num {
  font-size: 92.85714%;
}

main h2.update:after {
  display: none;
}

main h2.rssIn {
  position: relative;
  padding: 0 60px 8px 0;
}

main h2.rssIn small.rss {
  line-height: 1;
  background: #f8ad31;
  position: absolute;
  right: 1px;
  bottom: 12px;
  font-size: 42.85714%;
  max-width: 45px;
}

main h2.rssIn small.rss a {
  padding: 5px 10px;
  display: block;
  color: #fff;
  text-decoration: none;
  font-weight: normal;
}

main h2.rssIn small.old {
  line-height: 1;
  position: absolute;
  right: 46px;
  bottom: 8px;
  font-size: 57.14286%;
}

main h2.rssIn small.old a {
  padding: 5px 10px;
  display: block;
  color: #21b2c7;
  font-weight: normal;
}

main article.updateArea ul.facultyLink {
  margin: 20px 0 30px;
  padding: 12px 5px 12px 20px;
  box-sizing: border-box;
  border: 3px solid #e5e5e5;
}

main article.updateArea ul.facultyLink li {
  display: inline-block;
  margin: 0 20px 0 0;
  font-size: 85.71429%;
  padding: 0 0 0 17px;
}

main article.updateArea ul.facultyLink li:last-child {
  margin: 0;
}

main article.updateArea ul.facultyLink li.isw:before {
  content: "";
  position: absolute;
  top: 2px;
  left: 0px;
  display: inline-block;
  display: inline-block;
  width: 13px;
  height: 13px;
  background: url('../img/common/arrow/arrow_circle_isw.png') no-repeat;
  background-size: 13px 13px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

main article.updateArea ul.facultyLink li.isw a {
  color: #b31d4c;
}

main article.updateArea ul.facultyLink li.bsw:before {
  content: "";
  position: absolute;
  top: 2px;
  left: 0px;
  display: inline-block;
  display: inline-block;
  width: 13px;
  height: 13px;
  background: url('../img/common/arrow/arrow_circle_bsw.png') no-repeat;
  background-size: 13px 13px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

main article.updateArea ul.facultyLink li.bsw a {
  color: #248074;
}

main article.updateArea ul.facultyLink li.msw:before {
  content: "";
  position: absolute;
  top: 2px;
  left: 0px;
  display: inline-block;
  display: inline-block;
  width: 13px;
  height: 13px;
  background: url('../img/common/arrow/arrow_circle_msw.png') no-repeat;
  background-size: 13px 13px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

main article.updateArea ul.facultyLink li.msw a {
  color: #265b94;
}

main article.updateArea ul.enfacultyLink {
  margin: 20px 0 30px;
  padding: 12px 5px 12px 20px;
  box-sizing: border-box;
  border: 3px solid #e5e5e5;
}

main article.updateArea ul.enfacultyLink li {
  display: inline-block;
  margin: 0 40px 0 0;
  font-size: 92.85714%;
  padding: 0 0 0 18px;
}

main article.updateArea ul.enfacultyLink li:last-child {
  margin: 0;
}

main article.updateArea ul.enfacultyLink li.isw:before {
  content: "";
  position: absolute;
  top: 4px;
  left: 0px;
  display: inline-block;
  display: inline-block;
  width: 13px;
  height: 13px;
  background: url('../img/common/arrow/arrow_circle_isw.png') no-repeat;
  background-size: 13px 13px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

main article.updateArea ul.enfacultyLink li.isw a {
  color: #b31d4c;
}

main article.updateArea ul.enfacultyLink li.bsw:before {
  content: "";
  position: absolute;
  top: 4px;
  left: 0px;
  display: inline-block;
  display: inline-block;
  width: 13px;
  height: 13px;
  background: url('../img/common/arrow/arrow_circle_bsw.png') no-repeat;
  background-size: 13px 13px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

main article.updateArea ul.enfacultyLink li.bsw a {
  color: #248074;
}

main article.updateArea ul.enfacultyLink li.msw:before {
  content: "";
  position: absolute;
  top: 4px;
  left: 0px;
  display: inline-block;
  display: inline-block;
  width: 13px;
  height: 13px;
  background: url('../img/common/arrow/arrow_circle_msw.png') no-repeat;
  background-size: 13px 13px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

main article.updateArea ul.enfacultyLink li.msw a {
  color: #265b94;
}

main article.updateArea ul.updateList {
  padding: 0;
  margin: 0;
}

main article.updateArea ul.updateList li {
  margin: 15px 0;
  padding: 0 7px 15px 0;
  border-bottom: 1px solid #e5e5e5;
}

main article.updateArea ul.updateList li:before, main article.updateArea ul.updateList li:after {
  display: table;
  content: '';
}

main article.updateArea ul.updateList li:after {
  clear: both;
}

main article.updateArea ul.updateList li:before {
  display: none;
}

main article.updateArea ul.updateList li figure {
  float: left;
  width: 70px;
}

main article.updateArea ul.updateList li dl {
  padding: 0;
  margin: 0;
}

main article.updateArea ul.updateList li dl dt {
  color: #313131;
  text-decoration: none;
  font-family: 'Oswald',"Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
  font-weight: 400;
  font-size: 107.14286%;
}

main article.updateArea ul.updateList li dl dt small {
  line-height: 1;
  display: inline-block;
  min-width: 70px;
  font-size: 64.28571%;
  padding: 4px 10px;
  margin: 2px 0 0 15px;
  color: #fff;
  text-align: center;
  vertical-align: text-top;
  font-family: "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
}

main article.updateArea ul.updateList li dl dt small.bsw {
  background: #248074;
}

main article.updateArea ul.updateList li dl dt small.isw {
  background: #b31d4c;
}

main article.updateArea ul.updateList li dl dt small.msw {
  background: #265b94;
}

main article.updateArea ul.updateList li dl dt small.news {
  background: #0d7ebf;
}

main article.updateArea ul.updateList li dl dt small.award {
  background: #dc9202;
}

main article.updateArea ul.updateList li dl dt small.event {
  background: #198d71;
}

main article.updateArea ul.updateList li dl dt small.study {
  background: #a33257;
}

main article.updateArea ul.updateList li dl dt span.website {
  text-decoration: underline;
  text-decoration: none;
  font-family: "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
  display: inline-block;
  margin: 0 0 0 14px;
}

main article.updateArea ul.updateList li dl dt span.website a {
  padding: 0 0 0 17px;
  display: block;
  position: relative;
  top: -3px;
  font-size: 78.57143%;
  line-height: 1;
}

main article.updateArea ul.updateList li dl dt span.website a.isw {
  color: #b31d4c;
}

main article.updateArea ul.updateList li dl dt span.website a.isw:before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  display: inline-block;
  display: inline-block;
  width: 13px;
  height: 13px;
  background: url('../img/common/arrow/arrow_circle_isw.png') no-repeat;
  background-size: 13px 13px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

main article.updateArea ul.updateList li dl dt span.website a.bsw {
  color: #248074;
}

main article.updateArea ul.updateList li dl dt span.website a.bsw:before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  display: inline-block;
  display: inline-block;
  width: 13px;
  height: 13px;
  background: url('../img/common/arrow/arrow_circle_bsw.png') no-repeat;
  background-size: 13px 13px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

main article.updateArea ul.updateList li dl dt span.website a.msw {
  color: #265b94;
}

main article.updateArea ul.updateList li dl dt span.website a.msw:before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  display: inline-block;
  display: inline-block;
  width: 13px;
  height: 13px;
  background: url('../img/common/arrow/arrow_circle_msw.png') no-repeat;
  background-size: 13px 13px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

main article.updateArea ul.updateList li dl dd {
  line-height: 1.5;
  margin: 0;
  color: #313131;
  text-decoration: underline;
  font-size: 92.85714%;
}

main article.updateArea ul.updateList li dl dd small.studyResult {
  line-height: 1;
  display: inline-block;
  min-width: 100px;
  font-size: 78.57143%;
  padding: 2px 4px;
  margin: 0 10px 0 0;
  text-align: center;
  vertical-align: text-top;
  border: 1px solid #ccc;
  color: #777;
  background: #f5f5f5;
}

main article.updateArea ul.updateList li:hover dl dd {
  text-decoration: none;
}

main article.updateArea ul.eventList {
  padding: 0;
  margin: 0;
}

main article.updateArea ul.eventList li {
  margin: 15px 0;
  padding: 0 7px 15px 0;
  border-bottom: 1px solid #e5e5e5;
}

main article.updateArea ul.eventList li:before, main article.updateArea ul.eventList li:after {
  display: table;
  content: '';
}

main article.updateArea ul.eventList li:after {
  clear: both;
}

main article.updateArea ul.eventList li:before {
  display: none;
}

main article.updateArea ul.eventList li > dl {
  padding: 0;
  margin: 0;
}

main article.updateArea ul.eventList li > dl > dt {
  line-height: 1.4;
  color: #313131;
  text-decoration: none;
  font-size: 107.14286%;
  margin: 0 0 8px;
  font-weight: normal;
}

main article.updateArea ul.eventList li > dl > dt small {
  line-height: 1;
  display: block;
  min-width: 130px;
  max-width: 130px;
  font-family: "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
  font-size: 64.28571%;
  padding: 4px;
  margin: 0 0 2px;
  color: #fff;
  text-align: center;
}

main article.updateArea ul.eventList li > dl > dt small.msw {
  background: #265b94;
}

main article.updateArea ul.eventList li > dl > dt small.bsw {
  background: #248074;
}

main article.updateArea ul.eventList li > dl > dt small.isw {
  background: #b31d4c;
}

main article.updateArea ul.eventList li > dl > dd {
  margin: 0;
}

main article.updateArea ul.eventList li > dl > dd dl {
  margin: 5px 0 0 0;
  padding: 0;
}

main article.updateArea ul.eventList li > dl > dd dl:before, main article.updateArea ul.eventList li > dl > dd dl:after {
  display: table;
  content: '';
}

main article.updateArea ul.eventList li > dl > dd dl:after {
  clear: both;
}

main article.updateArea ul.eventList li > dl > dd dl dt {
  line-height: 1.2;
  font-weight: normal;
  float: left;
  width: 40px;
  margin: 0;
  padding: 3px;
  background: #a0a0a0;
  color: #fff;
  text-align: center;
  font-size: 78.57143%;
  border-radius: 3px;
}

main article.updateArea ul.eventList li > dl > dd dl dd {
  color: #313131;
  padding: 0 0 0 60px;
  margin: 0;
  font-size: 92.85714%;
}

main article.updateArea ul.eventList li > dl > dd dl dd a {
  color: #313131;
}

main article.updateArea ul.pagenation {
  margin: 20px 0 0;
  padding: 0;
  -js-display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

main article.updateArea ul.pagenation li {
  margin: 1px;
  padding: 0;
}

main article.updateArea ul.pagenation li:before {
  display: none;
}

main article.updateArea ul.pagenation li a {
  display: inline-block;
  width: 21px;
  padding: 3px 0;
  border: 1px solid #ddd;
  text-align: center;
  text-decoration: none;
  color: #888;
  font-family: 'Oswald',"Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
  font-weight: 400;
  font-size: 85.71429%;
  box-sizing: border-box;
}

main article.updateArea ul.pagenation li a:hover {
  color: #fff;
  background: #21b2c7;
  border: 1px solid #21b2c7;
}

main article.updateArea ul.pagenation li a.link_first, main article.updateArea ul.pagenation li a.link_last {
  width: auto;
  padding: 3px 5px;
}

main article.updateArea ul.pagenation li span.current_page {
  display: inline-block;
  font-family: 'Oswald',"Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
  font-weight: 400;
  color: #fff;
  width: 21px;
  padding: 3px 0;
  background: #21b2c7;
  border: 1px solid #21b2c7;
  font-size: 85.71429%;
  text-align: center;
  box-sizing: border-box;
}

main article.updateArea p.dateArea {
  text-align: right;
  margin: 15px 0 10px;
  line-height: 1;
}

main article.updateArea p.dateArea .date {
  font-family: 'Oswald',"Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
  font-weight: 400;
  display: inline-block;
}

main article.updateArea p.dateArea .category {
  padding: 4px;
  display: inline-block;
  min-width: 70px;
  font-size: 78.57143%;
  text-align: center;
  background: #eee;
  margin: 0 12px 0 0;
  position: relative;
  top: -2px;
}

main article.updateArea p.dateArea .category.isw {
  background: #b31d4c;
  color: #fff;
}

main article.updateArea p.dateArea .category.bsw {
  background: #248074;
  color: #fff;
}

main article.updateArea p.dateArea .category.msw {
  background: #265b94;
  color: #fff;
}

main article.updateArea p.dateArea .category.news {
  background: #0d7ebf;
  color: #fff;
}

main article.updateArea p.dateArea .category.award {
  background: #dc9202;
  color: #fff;
}

main article.updateArea p.dateArea .category.event {
  background: #198d71;
  color: #fff;
}

main article.updateArea p.dateArea .category.study {
  background: #a33257;
  color: #fff;
}

main article.updateArea div.detail {
  min-height: 350px;
  padding: 0 0 50px;
}

main article.updateArea div.detail:before, main article.updateArea div.detail:after {
  display: table;
  content: '';
}

main article.updateArea div.detail:after {
  clear: both;
}

main article.updateArea div.detail > h2:first-child {
  margin-top: 30px !important;
}

main article.updateArea div.detail .leftContents {
  float: left;
  width: 535px;
}

main article.updateArea div.detail .leftContents.enArea {
  width: 690px;
}

main article.updateArea div.detail .leftContents p:first-child {
  margin-top: 0;
}

main article.updateArea div.detail .figureArea {
  float: right;
  width: 180px;
  margin: 0 0 0 25px;
  text-align: center;
}

main article.updateArea div.detail .figureArea figure {
  margin: 0 0 5px;
}

main article.updateArea div.detail .figureArea figure figcaption {
  text-align: center;
  display: block;
  margin: 0 0 15px;
}

main article.updateArea div.detail .figureArea.enArea {
  width: 280px;
}

main article.updateArea div.detail .figureArea.enArea figure figcaption {
  text-align: left;
}

main article.updateArea div.datePlace {
  border: 1px solid #e5e5e5;
  padding: 15px 20px;
  margin: -10px 0 20px;
}

main article.updateArea div.datePlace dl {
  margin: 5px 0 0 0;
  padding: 0;
}

main article.updateArea div.datePlace dl:before, main article.updateArea div.datePlace dl:after {
  display: table;
  content: '';
}

main article.updateArea div.datePlace dl:after {
  clear: both;
}

main article.updateArea div.datePlace dl:first-child {
  margin: 0;
}

main article.updateArea div.datePlace dl dt {
  line-height: 1.2;
  font-weight: normal;
  float: left;
  width: 40px;
  margin: 0;
  padding: 3px;
  background: #a0a0a0;
  color: #fff;
  text-align: center;
  font-size: 78.57143%;
  border-radius: 3px;
}

main article.updateArea div.datePlace dl dd {
  color: #313131;
  padding: 0 0 0 60px;
  margin: 0;
  font-size: 92.85714%;
}

main article.updateArea div.datePlace dl dd a {
  color: #313131;
}

main article.updateArea div.datePlace + p.link {
  margin-top: 30px;
}

main article.updateArea p.backBtn {
  text-align: center;
  border-top: 1px solid #313131;
  padding: 20px 0 0 0;
}

main article.updateArea p.backBtn a {
  display: inline-block;
  background: #eee;
  padding: 10px 20px 10px 40px;
  font-size: 85.71429%;
  text-decoration: none;
  position: relative;
}

main article.updateArea p.backBtn a:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 17px;
  left: 28px;
  display: inline-block;
  width: 5px;
  height: 5px;
  background: url('../img/common/arrow/arrow.png') no-repeat;
  background-size: 5px 5px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

main article.updateArea p.backBtn a:hover {
  background: #eaf5f6;
}

main article.updateArea h3.month {
  padding: 9px 10px 9px 16px;
  margin: 40px 0 12px;
}

main article.updateArea h3.month:first-child {
  margin-top: 25px;
}

/* Adobe reader用スタイル
----------------------------------------------------------- */
main dl.reader {
  margin: 2.5em auto 1em;
  border: 1px solid #ddd;
  padding: 15px;
  background: #f2f2f2;
}

main dl.reader:before, main dl.reader:after {
  display: table;
  content: '';
}

main dl.reader:after {
  clear: both;
}

main dl.reader dt {
  float: left;
}

main dl.reader dd {
  margin: 0 0 0 178px;
}

/* サイドメニュー用スタイル
----------------------------------------------------------- */
nav#sub {
  width: 240px;
  float: right;
}

nav#sub h2 {
  color: #21b2c7;
  line-height: 1.2;
  border-top: 3px solid #21b2c7;
  border-bottom: 1px solid #21b2c7;
  padding: 20px 10px 23px;
  text-align: center;
  font-weight: bold;
  font-size: 135.71429%;
  position: relative;
}

nav#sub h2:after {
  content: "";
  display: inline-block;
  width: 66px;
  height: 35px;
  background: url("/img/common/bg_naist.png") left top no-repeat;
  position: absolute;
  right: 0;
  bottom: 3px;
}

nav#sub h2 a {
  color: #21b2c7;
  text-decoration: none;
}

nav#sub h2 a:hover {
  text-decoration: underline;
}

nav#sub ul.local {
  margin: 0;
  border-bottom: 1px solid #21b2c7;
}

nav#sub ul.local li {
  border-bottom: 1px dotted #21b2c7;
  font-size: 100%;
}

nav#sub ul.local li:last-child {
  border-bottom: none;
}

nav#sub ul.local li.active > a {
  background: #eaf5f6;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
}

nav#sub ul.local li.active > ul {
  display: block;
}

nav#sub ul.local li.active > ul li:first-child a {
  border-top: none;
}

nav#sub ul.local li a {
  line-height: 1.3;
  display: block;
  padding: 9px 5px 9px 21px;
  position: relative;
  color: #313131;
  text-decoration: none;
}

nav#sub ul.local li a:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 17px;
  left: 8px;
  display: inline-block;
  width: 5px;
  height: 5px;
  background: url('../img/common/arrow/arrow.png') no-repeat;
  background-size: 5px 5px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

nav#sub ul.local li a:hover {
  background: #eaf5f6;
}

nav#sub ul.local li ul {
  display: none;
  padding: 0 0 3px;
  margin: 0;
}

nav#sub ul.local li ul:last-child {
  padding: 0;
}

nav#sub ul.local li ul li {
  border-bottom: none;
  font-size: 92.85714%;
}

nav#sub ul.local li ul li a {
  padding: 7px 5px 7px 33px;
}

nav#sub ul.local li ul li a:before {
  width: 6px;
  height: 1px;
  left: 20px;
  top: 14px;
  background: #21b2c7;
}

nav#sub ul.local li ul li li {
  font-size: 100%;
}

nav#sub ul.local li ul li li a {
  padding: 5px 5px 5px 46px;
}

nav#sub ul.local li ul li li a:before {
  left: 35px;
  top: 12px;
}

nav#sub ul.local li ul li li li {
  font-size: 92.85714%;
}

nav#sub ul.local li ul li li li a {
  padding: 5px 5px 5px 58px;
  line-height: 1.3;
}

nav#sub ul.local li ul li li li a:before {
  left: 47px;
  top: 13px;
}

nav#sub ul.info,
nav#sub ul.event {
  border-bottom: 1px solid #ddd;
}

nav#sub ul.info li,
nav#sub ul.event li {
  font-size: 85.71429%;
}

nav#sub ul.info li a,
nav#sub ul.event li a {
  line-height: 1.4;
  display: block;
  padding: 6px 5px 6px 21px;
  position: relative;
  color: #313131;
  text-decoration: none;
}

nav#sub ul.info li a:before,
nav#sub ul.event li a:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 10px;
  left: 8px;
  display: inline-block;
  width: 5px;
  height: 5px;
  background: url('../img/common/arrow/arrow.png') no-repeat;
  background-size: 5px 5px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

nav#sub ul.info li a:hover,
nav#sub ul.event li a:hover {
  background: #eaf5f6;
}

nav#sub ul.info {
  padding: 0 0 5px;
}

nav#sub ul.event {
  border-bottom: 1px solid #21b2c7;
  margin: 5px 0;
  padding: 0 0 5px;
}

nav#sub ul.bannerList {
  margin: 15px 0;
}

nav#sub ul.bannerList li {
  margin: 6px 0;
}

nav#sub ul.bannerList li a {
  display: block;
}

.fancyArea {
  display: none;
}

.fancybox-wrap {
  max-width: auto;
}

.fancybox-wrap .fancybox-inner {
  padding: 10px 0 20px;
}

.fancybox-wrap .fancybox-inner h2 {
  line-height: 1.1;
  margin: 35px 0 12px;
  padding: 0 0 8px 0;
  border-bottom: 1px solid #e5e5e5;
  font-weight: bold;
  position: relative;
  font-size: 157.14286%;
}

.fancybox-wrap .fancybox-inner h2:first-child {
  margin-top: 0;
}

.fancybox-wrap .fancybox-inner h2:after {
  content: "";
  display: inline-block;
  width: 100px;
  height: 1px;
  background: #313131;
  position: absolute;
  left: 0;
  bottom: -1px;
}

.fancybox-wrap .fancybox-inner h3 {
  line-height: 1.2;
  margin: 35px 0 14px;
  padding: 11px 10px 11px 16px;
  background: #f2f2f2;
  border-left: 2px solid #21b2c7;
  font-weight: bold;
  font-size: 135.71429%;
  position: relative;
}

.fancybox-wrap .fancybox-inner h2 + h3 {
  margin-top: 20px !important;
}

.fancybox-wrap .fancybox-inner h3 + table {
  margin-top: 0 !important;
}

.fancybox-wrap .fancybox-inner h4 {
  line-height: 1.2;
  margin: 25px 0 15px;
  padding: 0 0 8px 0;
  border-bottom: 1px solid #e5e5e5;
  font-weight: bold;
  position: relative;
  font-size: 128.57143%;
}

.fancybox-wrap .fancybox-inner h5 {
  line-height: 1.2;
  margin: 25px 0 15px;
  padding: 3px 0 4px 12px;
  border-left: 2px solid #313131;
  font-weight: bold;
  font-size: 121.42857%;
}

.fancybox-wrap .fancybox-inner h6 {
  line-height: 1.2;
  margin: 20px 0 10px;
  color: #21b2c7;
  font-weight: bold;
  font-size: 114.28571%;
}

.fancybox-wrap .fancybox-inner p {
  margin: 1em 0 .7em;
}

.fancybox-wrap .fancybox-inner figure {
  margin: 25px auto;
}

.fancybox-wrap .fancybox-inner figure.border {
  border: 1px solid #e5e5e5;
}

.fancybox-wrap .fancybox-inner figure figcaption {
  text-align: center;
  padding: 5px 0 0 0;
  line-height: 1.4;
  font-size: 78.57143%;
}

.fancybox-wrap .fancybox-inner .txtR {
  text-align: right !important;
}

.fancybox-wrap .fancybox-inner .txtL {
  text-align: left !important;
}

.fancybox-wrap .fancybox-inner .txtC,
.fancybox-wrap .fancybox-inner .center {
  text-align: center !important;
}

#newsArea {
  border-bottom: 1px solid #313131;
  box-sizing: border-box;
  padding: 10px 10px;
  margin-bottom: 40px;
}

#newsArea ul li {
  padding: 0;
  margin-bottom: 15px;
  border-bottom: 1px dotted #cccccc;
}

#newsArea ul li:before {
  display: none;
}

#newsArea ul li a {
  text-decoration: none;
}

#newsArea ul li a:hover dl dd {
  text-decoration: none;
}

#newsArea ul li dl {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
}

#newsArea ul li dl dt {
  font-family: 'Oswald',"Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
  font-weight: 400;
  font-size: 107.14286%;
  margin-right: 2em;
  white-space: nowrap;
}

#newsArea ul li dl dd {
  font-size: 107.14286%;
  text-decoration: underline;
}

div.swipe .swipe-icon {
  position: absolute;
  top: 120px;
  left: 50%;
  margin-left: -75px;
  margin-top: -75px;
  width: 150px;
  height: 150px;
  background: #333;
  text-align: center;
  opacity: 0.3;
  filter: alpha(opacity=30);
}

div.swipe .swipe-icon img {
  width: 91px;
  padding-top: 16px;
}

#facilities .txtRt {
  text-align: right;
}

#facilities div.popup p.ttl {
  position: relative;
  text-indent: .2em;
  margin-bottom: 1.5em;
  font-size: 157.14286%;
}

#facilities div.popup p.ttl:before {
  content: "";
  position: relative;
  display: inline-block;
  vertical-align: bottom;
  width: 37px;
  height: 30px;
  background-image: url("/img/facilities/sentan/program/popupTtlR.png");
  background-repeat: no-repeat;
  background-position: left bottom;
}

#facilities div.popup p.ttl.g:before {
  background-image: url("/img/facilities/sentan/program/popupTtlG.png");
}

#facilities div.popup p.ttl.b:before {
  background-image: url("/img/facilities/sentan/program/popupTtlB.png");
}

#facilities div.popup p.ttl.rg:before {
  background-image: url("/img/facilities/sentan/program/popupTtlRg.png");
}

#facilities div.popup p.ttl.rb:before {
  background-image: url("/img/facilities/sentan/program/popupTtlRb.png");
}

#facilities div.popup p.ttl.gb:before {
  background-image: url("/img/facilities/sentan/program/popupTtlGb.png");
}

#facilities div.popup p.ttl.rgb:before {
  background-image: url("/img/facilities/sentan/program/popupTtlRgb.png");
}

#facilities div.popup p.ttl span {
  line-height: 1.2;
  display: inline-block;
  vertical-align: bottom;
  border-bottom: 1px solid #a6a6a6;
}

#facilities div.popup p.sup {
  font-size: 121.42857%;
}

#facilities div.popup p.degree {
  font-size: 114.28571%;
  margin-bottom: 0;
}

#facilities div.popup p.degree:before {
  content: "授与される学位";
  display: inline-block;
  width: 10em;
  text-align: center;
  margin-bottom: 0.6em;
  margin-right: 1.3em;
  padding: 0.5em;
  color: #ffffff;
  background-color: #f88727;
  border-radius: 5px;
}

#facilities div.popup p.degreeSup {
  margin-top: 0;
  font-size: 107.14286%;
}

#facilities div div.btnWrap .btn {
  position: relative;
  display: inline-block;
  text-align: center;
}

#facilities div div.btnWrap .btn a {
  background-color: #989898;
  text-decoration: none;
  color: #ffffff;
  display: inline-block;
  font-size: 142.85714%;
  padding: 1em 4em;
  position: relative;
}

#facilities div div.btnWrap .btn a:before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 1.4em;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  border-right: 3px solid #fff;
  border-bottom: 3px solid #fff;
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#ciss p.ttl_ciss {
  margin-top: 3em;
  border-top: 1px solid #313131;
  padding-top: .5em;
}

.hopes {
  box-sizing: border-box;
  margin-bottom: 2rem;
}

.hopes * {
  box-sizing: border-box;
}

.hopes_List {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.hopes_List li {
  padding: 0;
  margin: 0;
  -webkit-flex: 0 0 49%;
  -ms-flex: 0 0 49%;
  flex: 0 0 49%;
  max-width: 49%;
  margin-right: 2%;
  margin-bottom: .5rem;
}

.hopes_List li:before {
  display: none;
}

.hopes_List li:nth-child(2n) {
  margin-right: 0;
}

.hopes_List li:nth-child(2n) label {
  border: 2px solid #43a404;
}

.hopes_List li input[type="radio"] {
  display: none;
}

.hopes_List li input[type="radio"]:checked + label {
  background-color: #fff7c3;
}

.hopes_List li input[type="radio"]:checked + label:before {
  display: inline-block;
}

.hopes_List li label {
  border: 2px solid #a4045a;
  background-color: #fff;
  display: block;
  padding: .5rem .5rem .5rem 25px;
  border-radius: 6px;
  transition: background-color 0.4s;
}

.hopes_List li label:hover {
  cursor: pointer;
}

.hopes_List li label:after {
  content: "";
  width: 16px;
  height: 16px;
  display: inline-block;
  border: 2px solid #888;
  border-radius: 8px;
  position: absolute;
  top: 8px;
  left: 11px;
}

.hopes_List li label:before {
  content: "";
  width: 8px;
  height: 8px;
  display: inline-block;
  background-color: #666;
  border-radius: 3px;
  position: absolute;
  top: 14px;
  left: 17px;
  display: none;
}

/* margin設定
-------------------------------------------------------------------- */
.mt0 {
  margin-top: 0 !important;
}

.mb0 {
  margin-bottom: 0 !important;
}

.mt5 {
  margin-top: 5px !important;
}

.mt6 {
  margin-top: 6px !important;
}

.mt7 {
  margin-top: 7px !important;
}

.mt8 {
  margin-top: 8px !important;
}

.mt9 {
  margin-top: 9px !important;
}

.mt10 {
  margin-top: 10px !important;
}

.mt11 {
  margin-top: 11px !important;
}

.mt12 {
  margin-top: 12px !important;
}

.mt13 {
  margin-top: 13px !important;
}

.mt14 {
  margin-top: 14px !important;
}

.mt15 {
  margin-top: 15px !important;
}

.mt16 {
  margin-top: 16px !important;
}

.mt17 {
  margin-top: 17px !important;
}

.mt18 {
  margin-top: 18px !important;
}

.mt19 {
  margin-top: 19px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.mt21 {
  margin-top: 21px !important;
}

.mt22 {
  margin-top: 22px !important;
}

.mt23 {
  margin-top: 23px !important;
}

.mt24 {
  margin-top: 24px !important;
}

.mt25 {
  margin-top: 25px !important;
}

.mt26 {
  margin-top: 26px !important;
}

.mt27 {
  margin-top: 27px !important;
}

.mt28 {
  margin-top: 28px !important;
}

.mt29 {
  margin-top: 29px !important;
}

.mt30 {
  margin-top: 30px !important;
}

.mt31 {
  margin-top: 31px !important;
}

.mt32 {
  margin-top: 32px !important;
}

.mt33 {
  margin-top: 33px !important;
}

.mt34 {
  margin-top: 34px !important;
}

.mt35 {
  margin-top: 35px !important;
}

.mt36 {
  margin-top: 36px !important;
}

.mt37 {
  margin-top: 37px !important;
}

.mt38 {
  margin-top: 38px !important;
}

.mt39 {
  margin-top: 39px !important;
}

.mt40 {
  margin-top: 40px !important;
}

.mt41 {
  margin-top: 41px !important;
}

.mt42 {
  margin-top: 42px !important;
}

.mt43 {
  margin-top: 43px !important;
}

.mt44 {
  margin-top: 44px !important;
}

.mt45 {
  margin-top: 45px !important;
}

.mt46 {
  margin-top: 46px !important;
}

.mt47 {
  margin-top: 47px !important;
}

.mt48 {
  margin-top: 48px !important;
}

.mt49 {
  margin-top: 49px !important;
}

.mt50 {
  margin-top: 50px !important;
}

.mt51 {
  margin-top: 51px !important;
}

.mt52 {
  margin-top: 52px !important;
}

.mt53 {
  margin-top: 53px !important;
}

.mt54 {
  margin-top: 54px !important;
}

.mt55 {
  margin-top: 55px !important;
}

.mt56 {
  margin-top: 56px !important;
}

.mt57 {
  margin-top: 57px !important;
}

.mt58 {
  margin-top: 58px !important;
}

.mt59 {
  margin-top: 59px !important;
}

.mt60 {
  margin-top: 60px !important;
}

.mt61 {
  margin-top: 61px !important;
}

.mt62 {
  margin-top: 62px !important;
}

.mt63 {
  margin-top: 63px !important;
}

.mt64 {
  margin-top: 64px !important;
}

.mt65 {
  margin-top: 65px !important;
}

.mt66 {
  margin-top: 66px !important;
}

.mt67 {
  margin-top: 67px !important;
}

.mt68 {
  margin-top: 68px !important;
}

.mt69 {
  margin-top: 69px !important;
}

.mt70 {
  margin-top: 70px !important;
}

.mt71 {
  margin-top: 71px !important;
}

.mt72 {
  margin-top: 72px !important;
}

.mt73 {
  margin-top: 73px !important;
}

.mt74 {
  margin-top: 74px !important;
}

.mt75 {
  margin-top: 75px !important;
}

.mt76 {
  margin-top: 76px !important;
}

.mt77 {
  margin-top: 77px !important;
}

.mt78 {
  margin-top: 78px !important;
}

.mt79 {
  margin-top: 79px !important;
}

.mt80 {
  margin-top: 80px !important;
}

.mt81 {
  margin-top: 81px !important;
}

.mt82 {
  margin-top: 82px !important;
}

.mt83 {
  margin-top: 83px !important;
}

.mt84 {
  margin-top: 84px !important;
}

.mt85 {
  margin-top: 85px !important;
}

.mt86 {
  margin-top: 86px !important;
}

.mt87 {
  margin-top: 87px !important;
}

.mt88 {
  margin-top: 88px !important;
}

.mt89 {
  margin-top: 89px !important;
}

.mt90 {
  margin-top: 90px !important;
}

.mt91 {
  margin-top: 91px !important;
}

.mt92 {
  margin-top: 92px !important;
}

.mt93 {
  margin-top: 93px !important;
}

.mt94 {
  margin-top: 94px !important;
}

.mt95 {
  margin-top: 95px !important;
}

.mt96 {
  margin-top: 96px !important;
}

.mt97 {
  margin-top: 97px !important;
}

.mt98 {
  margin-top: 98px !important;
}

.mt99 {
  margin-top: 99px !important;
}

.mt100 {
  margin-top: 100px !important;
}

.mb5 {
  margin-bottom: 5px !important;
}

.mb6 {
  margin-bottom: 6px !important;
}

.mb7 {
  margin-bottom: 7px !important;
}

.mb8 {
  margin-bottom: 8px !important;
}

.mb9 {
  margin-bottom: 9px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.mb11 {
  margin-bottom: 11px !important;
}

.mb12 {
  margin-bottom: 12px !important;
}

.mb13 {
  margin-bottom: 13px !important;
}

.mb14 {
  margin-bottom: 14px !important;
}

.mb15 {
  margin-bottom: 15px !important;
}

.mb16 {
  margin-bottom: 16px !important;
}

.mb17 {
  margin-bottom: 17px !important;
}

.mb18 {
  margin-bottom: 18px !important;
}

.mb19 {
  margin-bottom: 19px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.mb21 {
  margin-bottom: 21px !important;
}

.mb22 {
  margin-bottom: 22px !important;
}

.mb23 {
  margin-bottom: 23px !important;
}

.mb24 {
  margin-bottom: 24px !important;
}

.mb25 {
  margin-bottom: 25px !important;
}

.mb26 {
  margin-bottom: 26px !important;
}

.mb27 {
  margin-bottom: 27px !important;
}

.mb28 {
  margin-bottom: 28px !important;
}

.mb29 {
  margin-bottom: 29px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.mb31 {
  margin-bottom: 31px !important;
}

.mb32 {
  margin-bottom: 32px !important;
}

.mb33 {
  margin-bottom: 33px !important;
}

.mb34 {
  margin-bottom: 34px !important;
}

.mb35 {
  margin-bottom: 35px !important;
}

.mb36 {
  margin-bottom: 36px !important;
}

.mb37 {
  margin-bottom: 37px !important;
}

.mb38 {
  margin-bottom: 38px !important;
}

.mb39 {
  margin-bottom: 39px !important;
}

.mb40 {
  margin-bottom: 40px !important;
}

.mb41 {
  margin-bottom: 41px !important;
}

.mb42 {
  margin-bottom: 42px !important;
}

.mb43 {
  margin-bottom: 43px !important;
}

.mb44 {
  margin-bottom: 44px !important;
}

.mb45 {
  margin-bottom: 45px !important;
}

.mb46 {
  margin-bottom: 46px !important;
}

.mb47 {
  margin-bottom: 47px !important;
}

.mb48 {
  margin-bottom: 48px !important;
}

.mb49 {
  margin-bottom: 49px !important;
}

.mb50 {
  margin-bottom: 50px !important;
}

.mb51 {
  margin-bottom: 51px !important;
}

.mb52 {
  margin-bottom: 52px !important;
}

.mb53 {
  margin-bottom: 53px !important;
}

.mb54 {
  margin-bottom: 54px !important;
}

.mb55 {
  margin-bottom: 55px !important;
}

.mb56 {
  margin-bottom: 56px !important;
}

.mb57 {
  margin-bottom: 57px !important;
}

.mb58 {
  margin-bottom: 58px !important;
}

.mb59 {
  margin-bottom: 59px !important;
}

.mb60 {
  margin-bottom: 60px !important;
}

.mb61 {
  margin-bottom: 61px !important;
}

.mb62 {
  margin-bottom: 62px !important;
}

.mb63 {
  margin-bottom: 63px !important;
}

.mb64 {
  margin-bottom: 64px !important;
}

.mb65 {
  margin-bottom: 65px !important;
}

.mb66 {
  margin-bottom: 66px !important;
}

.mb67 {
  margin-bottom: 67px !important;
}

.mb68 {
  margin-bottom: 68px !important;
}

.mb69 {
  margin-bottom: 69px !important;
}

.mb70 {
  margin-bottom: 70px !important;
}

.mb71 {
  margin-bottom: 71px !important;
}

.mb72 {
  margin-bottom: 72px !important;
}

.mb73 {
  margin-bottom: 73px !important;
}

.mb74 {
  margin-bottom: 74px !important;
}

.mb75 {
  margin-bottom: 75px !important;
}

.mb76 {
  margin-bottom: 76px !important;
}

.mb77 {
  margin-bottom: 77px !important;
}

.mb78 {
  margin-bottom: 78px !important;
}

.mb79 {
  margin-bottom: 79px !important;
}

.mb80 {
  margin-bottom: 80px !important;
}

.mb81 {
  margin-bottom: 81px !important;
}

.mb82 {
  margin-bottom: 82px !important;
}

.mb83 {
  margin-bottom: 83px !important;
}

.mb84 {
  margin-bottom: 84px !important;
}

.mb85 {
  margin-bottom: 85px !important;
}

.mb86 {
  margin-bottom: 86px !important;
}

.mb87 {
  margin-bottom: 87px !important;
}

.mb88 {
  margin-bottom: 88px !important;
}

.mb89 {
  margin-bottom: 89px !important;
}

.mb90 {
  margin-bottom: 90px !important;
}

.mb91 {
  margin-bottom: 91px !important;
}

.mb92 {
  margin-bottom: 92px !important;
}

.mb93 {
  margin-bottom: 93px !important;
}

.mb94 {
  margin-bottom: 94px !important;
}

.mb95 {
  margin-bottom: 95px !important;
}

.mb96 {
  margin-bottom: 96px !important;
}

.mb97 {
  margin-bottom: 97px !important;
}

.mb98 {
  margin-bottom: 98px !important;
}

.mb99 {
  margin-bottom: 99px !important;
}

.mb100 {
  margin-bottom: 100px !important;
}

/* width設定
-------------------------------------------------------------------- */
.wid0 {
  width: 0%;
}

.wid1 {
  width: 1%;
}

.wid2 {
  width: 2%;
}

.wid3 {
  width: 3%;
}

.wid4 {
  width: 4%;
}

.wid5 {
  width: 5%;
}

.wid6 {
  width: 6%;
}

.wid7 {
  width: 7%;
}

.wid8 {
  width: 8%;
}

.wid9 {
  width: 9%;
}

.wid10 {
  width: 10%;
}

.wid11 {
  width: 11%;
}

.wid12 {
  width: 12%;
}

.wid13 {
  width: 13%;
}

.wid14 {
  width: 14%;
}

.wid15 {
  width: 15%;
}

.wid16 {
  width: 16%;
}

.wid17 {
  width: 17%;
}

.wid18 {
  width: 18%;
}

.wid19 {
  width: 19%;
}

.wid20 {
  width: 20%;
}

.wid21 {
  width: 21%;
}

.wid22 {
  width: 22%;
}

.wid23 {
  width: 23%;
}

.wid24 {
  width: 24%;
}

.wid25 {
  width: 25%;
}

.wid26 {
  width: 26%;
}

.wid27 {
  width: 27%;
}

.wid28 {
  width: 28%;
}

.wid29 {
  width: 29%;
}

.wid30 {
  width: 30%;
}

.wid31 {
  width: 31%;
}

.wid32 {
  width: 32%;
}

.wid33 {
  width: 33%;
}

.wid34 {
  width: 34%;
}

.wid35 {
  width: 35%;
}

.wid36 {
  width: 36%;
}

.wid37 {
  width: 37%;
}

.wid38 {
  width: 38%;
}

.wid39 {
  width: 39%;
}

.wid40 {
  width: 40%;
}

.wid41 {
  width: 41%;
}

.wid42 {
  width: 42%;
}

.wid43 {
  width: 43%;
}

.wid44 {
  width: 44%;
}

.wid45 {
  width: 45%;
}

.wid46 {
  width: 46%;
}

.wid47 {
  width: 47%;
}

.wid48 {
  width: 48%;
}

.wid49 {
  width: 49%;
}

.wid50 {
  width: 50%;
}

.wid51 {
  width: 51%;
}

.wid52 {
  width: 52%;
}

.wid53 {
  width: 53%;
}

.wid54 {
  width: 54%;
}

.wid55 {
  width: 55%;
}

.wid56 {
  width: 56%;
}

.wid57 {
  width: 57%;
}

.wid58 {
  width: 58%;
}

.wid59 {
  width: 59%;
}

.wid60 {
  width: 60%;
}

.wid61 {
  width: 61%;
}

.wid62 {
  width: 62%;
}

.wid63 {
  width: 63%;
}

.wid64 {
  width: 64%;
}

.wid65 {
  width: 65%;
}

.wid66 {
  width: 66%;
}

.wid67 {
  width: 67%;
}

.wid68 {
  width: 68%;
}

.wid69 {
  width: 69%;
}

.wid70 {
  width: 70%;
}

.wid71 {
  width: 71%;
}

.wid72 {
  width: 72%;
}

.wid73 {
  width: 73%;
}

.wid74 {
  width: 74%;
}

.wid75 {
  width: 75%;
}

.wid76 {
  width: 76%;
}

.wid77 {
  width: 77%;
}

.wid78 {
  width: 78%;
}

.wid79 {
  width: 79%;
}

.wid80 {
  width: 80%;
}

.wid81 {
  width: 81%;
}

.wid82 {
  width: 82%;
}

.wid83 {
  width: 83%;
}

.wid84 {
  width: 84%;
}

.wid85 {
  width: 85%;
}

.wid86 {
  width: 86%;
}

.wid87 {
  width: 87%;
}

.wid88 {
  width: 88%;
}

.wid89 {
  width: 89%;
}

.wid90 {
  width: 90%;
}

.wid91 {
  width: 91%;
}

.wid92 {
  width: 92%;
}

.wid93 {
  width: 93%;
}

.wid94 {
  width: 94%;
}

.wid95 {
  width: 95%;
}

.wid96 {
  width: 96%;
}

.wid97 {
  width: 97%;
}

.wid98 {
  width: 98%;
}

.wid99 {
  width: 99%;
}

.wid100 {
  width: 100%;
}

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
  padding: 0;
  margin: 0;
  border: 0;
  outline: none;
  vertical-align: top;
}

.fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8020;
}

.fancybox-skin {
  position: relative;
  background: #f9f9f9;
  color: #444;
  text-shadow: none;
  border-radius: 4px;
}

.fancybox-opened {
  z-index: 8030;
}

.fancybox-opened .fancybox-skin {
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
  position: relative;
}

.fancybox-inner {
  overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
  -webkit-overflow-scrolling: touch;
}

.fancybox-error {
  color: #444;
  font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
  margin: 0;
  padding: 15px;
  white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
  display: block;
  width: 100%;
  height: 100%;
}

.fancybox-image {
  max-width: 100%;
  max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
  background-image: url("/img/common/fancybox_sprite.png");
}

#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -22px;
  margin-left: -22px;
  background-position: 0 -108px;
  opacity: 0.8;
  cursor: pointer;
  z-index: 8060;
}

#fancybox-loading div {
  width: 44px;
  height: 44px;
  background: url("/img/common/fancybox_loading.gif") center center no-repeat;
}

.fancybox-close {
  position: absolute;
  top: -18px;
  right: -18px;
  width: 36px;
  height: 36px;
  cursor: pointer;
  z-index: 8040;
}

.fancybox-nav {
  position: absolute;
  top: 0;
  width: 40%;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
  background: transparent url("/img/common/blank.gif");
  /* helps IE */
  -webkit-tap-highlight-color: transparent;
  z-index: 8040;
}

.fancybox-prev {
  left: 0;
}

.fancybox-next {
  right: 0;
}

.fancybox-nav span {
  position: absolute;
  top: 50%;
  width: 36px;
  height: 34px;
  margin-top: -18px;
  cursor: pointer;
  z-index: 8040;
  visibility: hidden;
}

.fancybox-prev span {
  left: 10px;
  background-position: 0 -36px;
}

.fancybox-next span {
  right: 10px;
  background-position: 0 -72px;
}

.fancybox-nav:hover span {
  visibility: visible;
}

.fancybox-tmp {
  position: absolute;
  top: -99999px;
  left: -99999px;
  visibility: hidden;
  max-width: 99999px;
  max-height: 99999px;
  overflow: visible !important;
}

/* Overlay helper */
.fancybox-lock {
  overflow: hidden !important;
  width: auto;
}

.fancybox-lock body {
  overflow: hidden !important;
}

.fancybox-lock-test {
  overflow-y: hidden !important;
}

.fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
  z-index: 8010;
  background: url("/img/common/fancybox_overlay.png");
}

.fancybox-overlay-fixed {
  position: fixed;
  bottom: 0;
  right: 0;
}

.fancybox-lock .fancybox-overlay {
  overflow: auto;
  overflow-y: scroll;
}

/* Title helper */
.fancybox-title {
  visibility: hidden;
  font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
  position: relative;
  text-shadow: none;
  z-index: 8050;
}

.fancybox-opened .fancybox-title {
  visibility: visible;
}

.fancybox-title-float-wrap {
  position: absolute;
  bottom: 0;
  right: 50%;
  margin-bottom: -35px;
  z-index: 8050;
  text-align: center;
}

.fancybox-title-float-wrap .child {
  display: inline-block;
  margin-right: -100%;
  padding: 2px 20px;
  background: transparent;
  /* Fallback for web browsers that doesn't support RGBa */
  background: rgba(0, 0, 0, 0.8);
  border-radius: 15px;
  text-shadow: 0 1px 2px #222;
  color: #FFF;
  font-weight: bold;
  line-height: 24px;
  white-space: nowrap;
}

.fancybox-title-outside-wrap {
  position: relative;
  margin-top: 10px;
  color: #fff;
}

.fancybox-title-inside-wrap {
  padding-top: 10px;
}

.fancybox-title-over-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 10px;
  background: #000;
  background: rgba(0, 0, 0, 0.8);
}

/*Retina graphics!*/

@media only screen and (max-width: 768px){
  #wrapper{
    width: 100%;
    padding-top: 65px;
  }
  #wrapper h1{
    width: 95%;
    margin: 35px auto;
  }
  #wrapper h1.en.top.international_students, #wrapper h1.en.top.about_nara, #wrapper h1.en.top.international_activities, #wrapper h1.en.top.education_research, #wrapper h1.en.top.about_naist, #wrapper h1.en.top.sitemap, #wrapper h1.en.top.ciss, #wrapper h1.en.top.research_achievements, #wrapper h1.en.top.news{
    font-size: 171.42857%;
  }
  #wrapper h1.en.top.international_students img, #wrapper h1.en.top.about_nara img, #wrapper h1.en.top.international_activities img, #wrapper h1.en.top.education_research img, #wrapper h1.en.top.about_naist img, #wrapper h1.en.top.sitemap img, #wrapper h1.en.top.ciss img, #wrapper h1.en.top.research_achievements img, #wrapper h1.en.top.news img{
    display: none;
  }
  #wrapper h1.en.top.international_students{
    background: url("/en/img/main/ttl_international_students.jpg") right top no-repeat;
    background-size: cover;
  }
  #wrapper h1.en.top.about_nara{
    background: url("/en/img/main/ttl_about_nara.jpg") right top no-repeat;
    background-size: cover;
  }
  #wrapper h1.en.top.international_activities{
    background: url("/en/img/main/ttl_international_activities.jpg") right top no-repeat;
    background-size: cover;
  }
  #wrapper h1.en.top.education_research{
    background: url("/en/img/main/ttl_education_research.jpg") right top no-repeat;
    background-size: cover;
  }
  #wrapper h1.en.top.about_naist{
    background: url("/en/img/main/ttl_about_naist.jpg") right top no-repeat;
    background-size: cover;
  }
  #wrapper h1.en.top.sitemap{
    background: url("/en/img/main/ttl_sitemap.jpg") right top no-repeat;
    background-size: cover;
  }
  #wrapper h1.en.top.ciss{
    background: url("/en/img/main/ttl_ciss.jpg") right top no-repeat;
    background-size: cover;
  }
  #wrapper h1.en.top.research_achievements{
    background: url("/en/img/main/ttl_research_achievements.jpg") right top no-repeat;
    background-size: cover;
  }
  #wrapper h1.en.top.news{
    background: url("/en/img/main/ttl_news.jpg") right top no-repeat;
    background-size: cover;
  }
  #wrapper h1.sentan{
    width: 100%;
    height: 200px;
    background: url(/img/facilities/sentan/img_indexMain.jpg) center center no-repeat;
  }
  #wrapper h1.sentan.en:before{
    width: 240px;
    height: 75px;
    background: url('../en/img/education_research/science_technology/ttl.png') no-repeat;
    background-size: 240px 75px;
    margin-left: -120px;
    margin-top: -37px;
  }
  #wrapper h1.sentan:before{
    width: 240px;
    height: 75px;
    background: url('../img/facilities/sentan/ttl.png') no-repeat;
    background-size: 240px 75px;
    margin-left: -120px;
    margin-top: -37px;
  }
  #wrapper.programCnt #wrapperInner main ul.list_L li:before{
    width: 7.5px;
    height: 7.5px;
    background: url('../img/common/icon/icon_circle_l.png') no-repeat;
    background-size: 7.5px 7.5px;
    top: 7px;
  }
  #wrapper #wrapperInner.enOneColum .contentsHeader{
    margin: 0 auto 10px;
  }
  #wrapper #wrapperInner.enOneColum main{
    width: 95%;
    margin-left: auto;
    margin-right: auto;
  }
  #wrapper.update main, #wrapper.single main{
    width: 95%;
    margin-left: auto;
    margin-right: auto;
  }
  #wrapper.update main .colum03, #wrapper.single main .colum03{
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  #wrapper.update main .colum03 div, #wrapper.single main .colum03 div{
    width: 48%;
    margin-right: 0;
  }
  #wrapper.update main .enIndex figure img, #wrapper.single main .enIndex figure img{
    width: 100%;
  }
  #wrapper.update main .internationalColum div.left, #wrapper.single main .internationalColum div.left{
    float: none;
    width: 95%;
    margin: 0 auto;
  }
  #wrapper.update main .internationalColum div.right, #wrapper.single main .internationalColum div.right{
    float: none;
    width: 95%;
    margin: 0 auto;
  }
  #wrapper.update h1.top, #wrapper.single h1.top{
    width: 100%;
    margin: 0;
    overflow: visible;
  }
  #wrapper.update h1.top.about, #wrapper.update h1.top.facilities, #wrapper.update h1.top.admission, #wrapper.update h1.top.campuslife, #wrapper.update h1.top.international, #wrapper.update h1.top.collaboration, #wrapper.update h1.top.research, #wrapper.update h1.top.accessmap, #wrapper.update h1.top.topics, #wrapper.update h1.top.job, #wrapper.update h1.top.event, #wrapper.update h1.top.pressrelease, #wrapper.update h1.top.corporate, #wrapper.update h1.top.publications, #wrapper.update h1.top.sitemap, #wrapper.update h1.top.form, #wrapper.update h1.top.ciss, #wrapper.single h1.top.about, #wrapper.single h1.top.facilities, #wrapper.single h1.top.admission, #wrapper.single h1.top.campuslife, #wrapper.single h1.top.international, #wrapper.single h1.top.collaboration, #wrapper.single h1.top.research, #wrapper.single h1.top.accessmap, #wrapper.single h1.top.topics, #wrapper.single h1.top.job, #wrapper.single h1.top.event, #wrapper.single h1.top.pressrelease, #wrapper.single h1.top.corporate, #wrapper.single h1.top.publications, #wrapper.single h1.top.sitemap, #wrapper.single h1.top.form, #wrapper.single h1.top.ciss{
    font-size: 171.42857%;
  }
  #wrapper.update h1.top.about img, #wrapper.update h1.top.facilities img, #wrapper.update h1.top.admission img, #wrapper.update h1.top.campuslife img, #wrapper.update h1.top.international img, #wrapper.update h1.top.collaboration img, #wrapper.update h1.top.research img, #wrapper.update h1.top.accessmap img, #wrapper.update h1.top.topics img, #wrapper.update h1.top.job img, #wrapper.update h1.top.event img, #wrapper.update h1.top.pressrelease img, #wrapper.update h1.top.corporate img, #wrapper.update h1.top.publications img, #wrapper.update h1.top.sitemap img, #wrapper.update h1.top.form img, #wrapper.update h1.top.ciss img, #wrapper.single h1.top.about img, #wrapper.single h1.top.facilities img, #wrapper.single h1.top.admission img, #wrapper.single h1.top.campuslife img, #wrapper.single h1.top.international img, #wrapper.single h1.top.collaboration img, #wrapper.single h1.top.research img, #wrapper.single h1.top.accessmap img, #wrapper.single h1.top.topics img, #wrapper.single h1.top.job img, #wrapper.single h1.top.event img, #wrapper.single h1.top.pressrelease img, #wrapper.single h1.top.corporate img, #wrapper.single h1.top.publications img, #wrapper.single h1.top.sitemap img, #wrapper.single h1.top.form img, #wrapper.single h1.top.ciss img{
    display: none;
  }
  #wrapper.update h1.top.publications, #wrapper.single h1.top.publications{
    background: url("/img/main/ttl_publications.jpg") left top no-repeat;
    background-size: cover;
  }
  #wrapper.update h1.top.corporate, #wrapper.single h1.top.corporate{
    background: url("/img/main/ttl_corporate.jpg") left top no-repeat;
    background-size: cover;
  }
  #wrapper.update h1.top.about, #wrapper.single h1.top.about{
    background: url("/img/main/ttl_about.jpg") left top no-repeat;
    background-size: cover;
  }
  #wrapper.update h1.top.facilities, #wrapper.single h1.top.facilities{
    background: url("/img/main/ttl_facilities.jpg") left top no-repeat;
    background-size: cover;
  }
  #wrapper.update h1.top.admission, #wrapper.single h1.top.admission{
    background: url("/img/main/ttl_admission.jpg") right top no-repeat;
    background-size: cover;
  }
  #wrapper.update h1.top.campuslife, #wrapper.single h1.top.campuslife{
    background: url("/img/main/ttl_campuslife.jpg") right bottom no-repeat;
    background-size: cover;
  }
  #wrapper.update h1.top.international, #wrapper.single h1.top.international{
    background: url("/img/main/ttl_inter.jpg") center bottom no-repeat;
    background-size: cover;
  }
  #wrapper.update h1.top.collaboration, #wrapper.single h1.top.collaboration{
    background: url("/img/main/ttl_collaboration.jpg") center top no-repeat;
    background-size: cover;
  }
  #wrapper.update h1.top.research, #wrapper.single h1.top.research{
    background: url("/img/main/ttl_research.jpg") right bottom no-repeat;
    background-size: cover;
  }
  #wrapper.update h1.top.accessmap, #wrapper.single h1.top.accessmap{
    background: url("/img/main/ttl_accessmap.jpg") right bottom no-repeat;
    background-size: cover;
  }
  #wrapper.update h1.top.topics, #wrapper.single h1.top.topics{
    background: url("/img/main/ttl_news.jpg") right bottom no-repeat;
    background-size: cover;
  }
  #wrapper.update h1.top.job, #wrapper.single h1.top.job{
    background: url("/img/main/ttl_recruit.jpg") right bottom no-repeat;
    background-size: cover;
  }
  #wrapper.update h1.top.event, #wrapper.single h1.top.event{
    background: url("/img/main/ttl_event.jpg") right bottom no-repeat;
    background-size: cover;
  }
  #wrapper.update h1.top.pressrelease, #wrapper.single h1.top.pressrelease{
    background: url("/img/main/ttl_pressrelease.jpg") right bottom no-repeat;
    background-size: cover;
  }
  #wrapper.update h1.top.sitemap, #wrapper.single h1.top.sitemap{
    background: url("/img/main/ttl_sitemap.jpg") right bottom no-repeat;
    background-size: cover;
  }
  #wrapper.update h1.top.form, #wrapper.single h1.top.form{
    background: url("/img/main/ttl_form.jpg") right bottom no-repeat;
    background-size: cover;
  }
  #wrapper.update h1.top.ciss, #wrapper.single h1.top.ciss{
    background: url("/img/main/ttl_ciss.jpg") right bottom no-repeat;
    background-size: cover;
  }
  #wrapper.update h1.top span, #wrapper.single h1.top span{
    padding: 45px 30px;
  }
  #wrapper.update h1.top span:after, #wrapper.single h1.top span:after{
    width: 100%;
  }
  #wrapper.update h1.top span.enTitle, #wrapper.single h1.top span.enTitle{
    min-width: auto;
    padding: 45px 10px 45px 20px;
  }
  #wrapper.update main{
    float: none;
    width: 95%;
    margin: 0 auto;
  }
  #wrapper.update #sub{
    width: 100%;
    float: none;
    margin-top: 20px;
  }
  #wrapper.update #sub p.sat{
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    z-index: 0;
    width: 85%;
    margin: 0 auto;
    background: #dc6f05;
  }
  #wrapper.update #sub p.sat:before{
    content: "";
    display: inline-block;
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 8px 0 0;
    border-color: #ffffff transparent transparent transparent;
  }
  #wrapper.update #sub p.sat a em{
    font-size: 121.42857%;
  }
  #wrapper.update #sub ul.facultyBannerList{
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 85%;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 0;
    padding-bottom: 0;
    margin-left: auto;
    margin-right: auto;
  }
  #wrapper.update #sub ul.facultyBannerList li{
    -webkit-flex-basis: 33%;
    -ms-flex-preferred-size: 33%;
    flex-basis: 33%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0;
  }
  #wrapper.update #sub ul.facultyBannerList li a{
    text-indent: 0;
    white-space: normal;
    width: 100%;
    height: 100%;
    height: auto;
    color: #fff;
    text-decoration: none;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    text-align: center;
    line-height: 1.2;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    box-sizing: border-box;
    padding: 10px 5px;
  }
  #wrapper.update #sub ul.facultyBannerList li a img{
    width: 100%;
  }
  #wrapper.update #sub ul.facultyBannerList li.isw a:before{
    width: 10px;
    height: 8.5px;
    background: url('../img/index/icon_blank.png') no-repeat;
    background-size: 10px 8.5px;
    content: "";
    display: inline-block;
    position: absolute;
    bottom: 4px;
    right: 4px;
    top: auto;
    left: auto;
  }
  #wrapper.update #sub ul.facultyBannerList li.bsw a:before{
    width: 10px;
    height: 8.5px;
    background: url('../img/index/icon_blank.png') no-repeat;
    background-size: 10px 8.5px;
    content: "";
    display: inline-block;
    position: absolute;
    bottom: 4px;
    right: 4px;
    top: auto;
    left: auto;
  }
  #wrapper.update #sub ul.facultyBannerList li.msw a:before{
    width: 10px;
    height: 8.5px;
    background: url('../img/index/icon_blank.png') no-repeat;
    background-size: 10px 8.5px;
    content: "";
    display: inline-block;
    position: absolute;
    bottom: 4px;
    right: 4px;
    top: auto;
    left: auto;
  }
  #wrapper.update #sub ul.navList{
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  #wrapper.update #sub ul.navList li{
    -webkit-flex-basis: 49%;
    -ms-flex-preferred-size: 49%;
    flex-basis: 49%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  #wrapper.update #sub ul.navList li a{
    background: #f2f2f2;
    width: 100%;
    box-sizing: border-box;
  }
  main{
    width: 95%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
  }
  main.sentan ul.bnrLink{
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  main.sentan ul.bnrLink li{
    margin-right: 1em;
  }
  main ul.colum03{
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  main ul.categoryLink li a{
    padding: 5px;
  }
  main ul.categoryLink li a:before{
    display: none;
  }
  main .figRight > figure,
  main .figRight > div{
    float: none;
    margin: 0 auto 1em;
  }
  main .figLeft > figure, main .figRight > figure{
    width: auto;
  }
  main article.updateArea{
    width: 95%;
    margin: 0 auto;
  }
  main article.updateArea div.detail .leftContents.enArea{
    width: 100%;
  }
  main article.updateArea div.detail .leftContents{
    width: 100%;
    float: none;
  }
  main article.updateArea div.detail .figureArea{
    float: none;
    width: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0;
  }
  main article.updateArea div.detail .figureArea figure{
    -webkit-flex-basis: 48%;
    -ms-flex-preferred-size: 48%;
    flex-basis: 48%;
  }
  main article.updateArea div.detail .figureArea.enArea{
    width: 100%;
  }
  nav#sub{
    float: none;
    width: 95%;
    margin-left: auto;
    margin-right: auto;
  }
  #newsArea ul li dl{
    display: block;
  }
  div.swipe{
    overflow-x: scroll;
    width: 100%;
    position: relative;
  }
  div.swipe table{
    width: 900px;
  }
  #facilities div.popup p.ttl{
    font-size: 121.42857%;
  }
  #facilities div.popup p.sup{
    font-size: 107.14286%;
  }
  #facilities div.popup p.degree{
    font-size: 107.14286%;
  }
  #facilities div.popup p.degree:before{
    padding: 0.3em;
    display: block;
  }
  #facilities div div.btnWrap .btn a{
    font-size: 114.28571%;
    margin-right: auto;
    margin-left: auto;
  }
  .hopes_List{
    display: block;
  }
  .hopes_List li{
    max-width: 100%;
    margin-right: 0;
  }
}

@media only screen and (max-width: 413px){
  #wrapper.update main .colum03, #wrapper.single main .colum03{
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  #wrapper.update main .colum03 div, #wrapper.single main .colum03 div{
    width: 100%;
  }
  main.sentan ul.indexLink li{
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
  }
  main.sentan ul.bnrLink li{
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    text-align: center;
  }
  main ul.cissLink{
    display: block;
  }
  main dl.box02 > dd ul.update li dl dt{
    float: none;
    width: 100%;
  }
  main dl.box02 > dd ul.update li dl dd{
    float: none;
    width: 100%;
  }
  main table.contact th, main table.contact td{
    width: 100%;
    display: block;
  }
  main table.contact th input[type="text"].length01,
  main table.contact th textarea.length01, main table.contact td input[type="text"].length01,
  main table.contact td textarea.length01{
    width: 100%;
  }
  main article.updateArea div.detail .figureArea{
    display: block;
  }
}

@media screen and (-webkit-min-device-pixel-ratio: 0){
  main h3 ruby{
/*    display: block;*/
  }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5){
  #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span{
    background-image: url("/img/common/fancybox_sprite@2x.png");
    background-size: 44px 152px;
    /*The size of the normal image, half the size of the hi-res image*/
  }
  #fancybox-loading div{
    background-image: url("/img/common/fancybox_loading@2x.gif");
    background-size: 24px 24px;
    /*The size of the normal image, half the size of the hi-res image*/
  }
}