@charset 'UTF-8';
/* CSS Document */

/* -------------------------------------------------------- common */
html { scroll-behavior: smooth; }

body { min-width: 1200px; background: #fff; }
body.modal { min-width: inherit; width: 100%; background: #fff; }
div.wrapper { box-sizing: border-box; overflow: hidden; }
div.inner { width: 1200px; margin: 0 auto; }
.fl { float: left; }
.fr { float: right; }
a { outline: none; }
a:focus, *:focus { outline: none; }
.default { display: block; }
.responsive { display: none;  }

/* -------------------------------------------------------- header */
header { background: #fff;  }

/* -------------------------------------------------------- div.utility */
header div.top { background: #00a18b; }
header div.utility ul li { font-size: 1.4rem; /* 14px */ display: inline; color: #fff; vertical-align: top; }
header div.utility ul li a { text-decoration: none; /*color: #7a7a7a;*/
 padding: 0 0.5em; color: #fff; }
header div.utility ul li a:hover { text-decoration: underline; color: #fff; }
header div.bottom { height: 100px; max-height: 100px; border-bottom: 5px solid #ccc; background: #fff; /* transition: all .1s ease-in-out; */ overflow: hidden; }
header div.bottom.fixed { position: fixed; z-index: 9999; top: 0; width: 100%; /* background: rgba(255,255,255,.5);  box-shadow: 0 3px 0 rgba(0,0,0,.1); */ height: 55px; max-height: none; overflow: visible; }
header div.bottom.fixed div.logo a { padding: 12px 0 10px; }
header div.bottom.fixed div.logo a img { width: 160px; height: 30px; }
header div.bottom.fixed nav.default > ul.clearfix > li > a { padding: 0.7em 1.8em; height: 55px; }
header div.bottom.fixed nav.default > ul.clearfix > li.form { max-height: 55px; padding: 0.5em 1.2em; }
header div.bottom.fixed nav.default > ul.clearfix > li > a::before { height: 55px; }
header div.bottom.fixed nav.default > ul.clearfix > li:nth-child(3) > a::after { height: 55px; }
header div.bottom.fixed nav.default > ul.clearfix > li.form::after { height: 55px; }
header div.bottom.fixed:hover { background: #fff; }
header div.logo h1 { font-size: 2.4rem; /* 24px */ }
header div.logo a { display: block; color: #003e6c; padding: 22px 0 20px; transition: all .1s ease-in-out; }
header div.logo a img, 
footer div.logo a img { display: block; width: 320px; height: 60px; transition: all .1s ease-in-out;  }

/* -------------------------------------------------------- nav */
/* -------------------------------------------------------- nav Level1 */
header nav.default { display: block; }
header nav.default > ul.clearfix {}
header nav.default > ul.clearfix > li { display: block; float: left; background-color: #fff; }
header nav.default > ul.clearfix > li.form { max-width: 250px; }
header nav.default > ul.clearfix > li > a { display: block; height: 100px; width: 100%; font-weight: bold; padding: 2.0em 1.8em; box-sizing: border-box; position: relative; font-size: 1.8rem; transition: all 0.2s ease-in-out; color: #333; max-height: 100px; }
header nav.default > ul.clearfix > li > a.current { color: #ff8158; }
header nav.default > ul.clearfix > li > a:before { content: ""; width: 1px; height: 100px; position: absolute; background: #e9e9e9; left: 0; top: 0; }
header nav.default > ul.clearfix > li:nth-child(3) > a:after { content: ""; width: 1px; height: 100px; position: absolute; background: #e9e9e9; right: 0; top: 0; }
header nav.default > ul.clearfix > li:hover > a { background: #fff; color: #00a18b; position: relative; }
header nav.default > ul.clearfix > li.bnr a:before { /* display: none; */ }
header nav.default > ul.clearfix > li.bnr a:before { content: ""; width: 1px; height: 100px; position: absolute; background: #e9e9e9; left: 0; top: 0; }
header nav.default > ul.clearfix > li.bnr:hover a { background: #f0f0f0;  }

/* -------------------------------------------------------- nav div.sub common */
header nav.default > ul.clearfix > li div.sub { display: none; position: absolute; width: 100%; background: #333; left: 0; right: 0; margin: 0 auto; font-size: 1.4rem; box-sizing: border-box; height: auto; overflow: visible; z-index: 9999; }
header nav.default > ul.clearfix > li div.sub div.inner { position: relative; }
header nav.default > ul.clearfix > li div.sub div.title { font-size: 2.2rem; font-weight: bold; text-align: left; padding: 0.8em; border-bottom: 1px solid #262626; color: #fff; }
header nav.default > ul.clearfix > li div.sub a:hover { color: #ff8158; }
header nav.default > ul.clearfix > li div.sub div.title span.caption { font-size: 1.3rem; color: #fff; padding-left: 1em; font-family: Gill Sans, 
sans-serif; }
header nav.default > ul.clearfix > li div.sub div.close { font-weight: bold; /*text-align: left;*/
 padding: 0.4em 1em; background: #ffb600; text-align: center; margin: 1.5em 0.8em 0; cursor: pointer; position: absolute; right: 0; color: #333; }
header nav.default > ul.clearfix > li div.sub div.close:hover { opacity: 0.9;  }

/* -------------------------------------------------------- nav div.sub div.wrap */
header nav.default > ul.clearfix > li div.sub div.wrap { padding: 10px 0 20px; }
header nav.default > ul.clearfix > li div.sub div.wrap ul li a { position: relative; color: #fff; width: 100%; display: block; }
header nav.default > ul.clearfix > li div.sub div.wrap ul li a:after { position: absolute; top: 50%; right: 0; display: block; content: ''; width: 4px; height: 4px; margin-top: -3px; border-top: 1px solid #fff; border-right: 1px solid #fff; transform: rotate(45deg); }
header nav.default > ul.clearfix > li div.sub div.wrap ul li:hover > a { color: #ccc; text-decoration: underline; }
header nav.default > ul.clearfix > li div.sub div.wrap div.fl div.head div.spot { width: 100%; margin-bottom: 0.2em; }
header nav.default > ul.clearfix > li div.sub div.wrap div.fl div.head div.spot img { width: 100%; height: auto; display: block;  }

/*　医学部の紹介 */
header nav.default > ul.clearfix > li.introduction div.sub div.wrap div.fl { width: 200px; padding: 0 10px; box-sizing: border-box; border-right: 1px solid #262626; }
header nav.default > ul.clearfix > li.introduction div.sub div.wrap div.fl div.head { border-bottom: 1px solid #999; margin-bottom: 0.5em; }
header nav.default > ul.clearfix > li.introduction div.sub div.wrap div.fl div.head span { font-size: 1.2rem; }
header nav.default > ul.clearfix > li.introduction div.sub div.wrap div.fl div.head div.course { font-size: 1.8rem; color: #fff; padding-bottom: 0.2em; }
header nav.default > ul.clearfix > li.introduction div.sub div.wrap div.fl div.head div.course.medicine a { color: #00a28c; }
header nav.default > ul.clearfix > li.introduction div.sub div.wrap div.fl div.head div.course.lifeSciences a { color: #ff6363; }
header nav.default > ul.clearfix > li.introduction div.sub div.wrap div.fl div.head div.course.healthSciencesNurse a { color: #ffbe0a; }
header nav.default > ul.clearfix > li.introduction div.sub div.wrap div.fl div.head div.course.healthSciencesInspection a { color: #b962cc; }
header nav.default > ul.clearfix > li.introduction div.sub div.wrap div.fl div.head div.course.healthSciences a { color: #ffb2ec;  }

/*　入試情報 */
header nav.default > ul.clearfix > li.admissions div.sub div.wrap div.fl { width: 240px; padding: 0 10px; box-sizing: border-box; border-right: 1px solid #262626; }
header nav.default > ul.clearfix > li.admissions div.sub div.wrap div.fl div.head { border-bottom: 1px solid #999; margin-bottom: 0.5em; }
header nav.default > ul.clearfix > li.admissions div.sub div.wrap div.fl div.head span { font-size: 1.2rem;  }

/* header nav.default>ul.clearfix>li.admissions div.sub div.wrap div.fl div.head div.course {
	font-size: 1.8rem; color: #fff; padding-bottom: 0.2em; } */
/*　研究情報 */
header nav.default > ul.clearfix > li.research div.sub div.wrap { white-space: nowrap; }
header nav.default > ul.clearfix > li.research div.sub div.wrap div.fl { /* width: 171px; */ padding: 0 5px; box-sizing: border-box; border-right: 1px solid #262626; float: none; display: inline-block; }
header nav.default > ul.clearfix > li.research div.sub div.wrap div.fl a { padding-right: 0.75em; box-sizing: border-box; font-size: 1.30rem; }
header nav.default > ul.clearfix > li.research div.sub div.wrap div.fl div.head { border-bottom: 1px solid #999; margin-bottom: 0.5em; }
header nav.default > ul.clearfix > li.research div.sub div.wrap div.fl div.head span { font-size: 1.2rem; }
header nav.default > ul.clearfix > li.research div.sub div.wrap div.fl div.head div.pickup { font-size: 1.8rem; color: #fff; padding-bottom: 0.2em; }
header nav.default > ul.clearfix > li.research div.sub div.wrap div.fl div.head div.pickup a { color: #fff;  }

/*　検索 */
header nav.default > ul.clearfix > li.form { background: #f2f4f6; padding: 1.8em 1.2em; position: relative; height: 100px; max-height: 100px; box-sizing: border-box; }
header nav.default > ul.clearfix > li.form div.inputWrap { position: relative; }
header nav.default > ul.clearfix > li.form input { background: #fff; border: none; border-radius: 5px; box-sizing: border-box; padding: 0.5em 2em 0.5em 0.5em; transition: all 0.2s ease-in-out 0s; max-height: 38px; width: 100%; }
header nav.default > ul.clearfix > li.form div.inputWrap span { position: absolute; right: 10px; top: 10px; color: #00a18b; }
header nav.default > ul.clearfix > li.form:after { content: ""; width: 1px; height: 100px; position: absolute; background: #e9e9e9; right: 0; top: 0;  }

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- section common */
section { padding: 30px 0 0; }
section.wrapper {}
section.wrapper div.mainColumn {}
section.wrapper div.subColumn {}
section div.title h2 { font-size: 5.4rem; font-weight: bold; line-height: 1; position: relative; margin-bottom: 20px; text-align: center;  }

/* -------------------------------------------------------- section common div.link */
section div.link { width: 100%; text-align: center; margin: 0 0 40px; }
section div.link a { color: #333; background: #ffb600; display: inline-block; padding: 0.5em 2em; box-sizing: border-box; text-decoration: none; line-height: 1.5; transition: all 0.1s ease-in-out; position: relative; font-weight: bold; }
section div.link a:hover { filter: brightness(85%); }
section div.link a::after { background: rgba(0,0,0,0) none repeat scroll 0 0; border-right: 1px solid #333; border-top: 1px solid #333; content: ""; display: block; height: 5px; left: inherit; margin-top: -4px; position: absolute; right: 15px; top: 50%; transform: rotate(45deg); transition: all 0.2s ease-in-out 0s; width: 5px;  }

/* -------------------------------------------------------- section common div.panel */
section div.panel { position: relative; }
section div.panel a { display: block; position: relative; transition: all 0.2s ease-in-out 0s; }
section div.panel a:hover { filter: brightness(85%); }
section div.panel div.caption { position: absolute; width: 100px; height: 100px; top: 0; left: 0; color: #fff; font-weight: bold; text-align: center; display: table; }
section div.panel div.caption span { display: table-cell; vertical-align: middle; }
section div.panel div.spot { width: 100%; height: auto; }
section div.panel div.spot img { width: 100%; height: auto; display: block; }
section div.panel div.wrap { padding: 1em; box-sizing: border-box; }
section div.panel div.wrap div.headline, 
section div.panel div.wrap div.headline h2 { font-size: 2.8rem; margin-bottom: 0.2em; font-weight: normal; }
section div.panel div.wrap div.description { font-size: 1.6rem; margin-bottom: 1em;  }

/* -------------------------------------------------------- section mainVisual */
section.mainVisual { /* background: url(../img/mainvisual_bg.jpg) no-repeat; */ background: #000; background-size: cover; background-position: center; height: 300px; padding: 0; overflow: hidden; }
section.mainVisual div.inner { position: relative; height: 600px; }
section.mainVisual div.inner h2.copy { color: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, 
-50%); font-size: 7.2rem; text-align: center; width: 100%; }
section.mainVisual div.movie { position: relative; width: 100% !important; margin: -120px auto 0; /* */ height: 600px; background: #000; }
section.mainVisual div.movie a.iframe { position: relative; width: 100%; height: 100%; display: block; z-index: 100; cursor: pointer; background: url(../img/btn_play.png) right 500px / 100px no-repeat, 
url(../img/bg_movie.png) 3px /* rgba(0,0,0,0.5)*/ ;  opacity: 1; }
section.mainVisual div.movie iframe { height: 100% !important; position: absolute; right: 0; left: 0; top: 0; width: 100% !important; max-width: 800px; margin: 0 auto; }
section.mainVisual div.movie:hover iframe { opacity: 0.5; }
section.mainVisual div.movie div { margin: 0 auto; width: 1000px; height: 500px; display: block; }
section.mainVisual img { display: block;  }

/* -------------------------------------------------------- div.target */
div.targetLink { background: #f2f4f6; }
div.targetLink ul li { float: left; width: 300px; }
div.targetLink ul li a { display: block; padding: 1em 0; text-align: center; color: #00a18b; }
div.targetLink ul li a:hover { background: #00a18b; color: #fff;  }

/* -------------------------------------------------------- section.introduction */
section.introduction { /* padding-bottom: 0; */ }
section.introduction div.introduction { /* margin-bottom: 40px; */  }

/* ------------------------------------------------------------------------------------------ section.introduction div.course common */
section.introduction div.course { margin-bottom: 40px; }
section.introduction div.inner > div.title + div.link + div.course + div.course { margin-bottom: 0; }
section.introduction div.course div.panel { background-color: #f2f4f6; }
section.introduction div.course div.panel div.wrap div.sub { font-weight: bold; border-bottom: 1px solid; margin-bottom: 0.5em; }
section.introduction div.course div.panel div.wrap div.description { color: #333; }
section.introduction div.course div.panel div.wrap { position: relative; width: 100%; background-color: #f2f4f6; min-height: 190px; }
section.introduction div.course div.panel div.wrap div.sub { font-weight: bold; border-bottom: 1px solid; margin-bottom: 0.5em; }
section.introduction div.course div.panel div.wrap div.description { color: #333; }
section.introduction div.course div.panel { width: 25%;  }

/* ------------------------------------------------------------------------------------------ graduate */
section.introduction div.course div.panel.graduate { width: 100%; overflow: hidden; max-height: 120px; }
section.introduction div.course div.panel.graduate div.wrap div.headline { margin-bottom: 0em; }
section.introduction div.course div.panel.graduate div.wrap { width: 50%; }
section.introduction div.course div.panel.graduate div.spot { height: auto; width: 50%; float: right; }
section.introduction div.course div.panel.graduate div.spot img { display: block; height: auto; width: 100%;  }

/* ------------------------------------------------------------------------------------------ div.course div.panel */
section.introduction div.course div.panel div.wrap div.headline { color: #333; }
section.introduction div.course div.panel div.wrap div.headline span { font-size: 1.6rem;  }

/* ------------------------------------------------------------------------------------------ div.course */
section.introduction div.course div.panel.medicine div.wrap div.sub { color: #00a28c; border-bottom: 1px solid #00a28c; margin-bottom: 0.5em; }
section.introduction div.course div.panel.lifeSciences div.wrap div.sub { color: #ff6363; border-bottom: 1px solid #ff6363; margin-bottom: 0.5em; }
section.introduction div.course div.panel.healthSciencesNurse div.wrap div.sub { color: #ffbe0a; border-bottom: 1px solid #ffbe0a; margin-bottom: 0.5em; font-size: 1.4rem; }
section.introduction div.course div.panel.healthSciencesInspection div.wrap div.sub { color: #b962cc; border-bottom: 1px solid #b962cc; margin-bottom: 0.5em; font-size: 1.4rem; }
section.introduction div.course div.panel.graduate div.wrap div.sub { color: #4e9dff; border-bottom: 1px solid #4e9dff; margin-bottom: 0.5rem;  }

/* ------------------------------------------------------------------------------------------ specialBnr */
div.specialBnr { background: url(https://www.med.tottori-u.ac.jp/_new2016/img/special_bg.png) no-repeat; background-size: cover; height: 240px; background-position: center; }
div.specialBnr a { display: block; height: 240px; }
div.specialBnr a:hover { opacity: 0.8; }
div.specialBnr div.link { padding-top: 100px; text-align: center; }
div.specialBnr div.link span { font-size: 2.8rem; font-weight: bold; color: #fff; position: relative; font-family: "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ 明朝", "MS Mincho", serif; }
div.specialBnr div.link span::after { background: rgba(0,0,0,0) none repeat scroll 0 0; border-right: 2px solid #fff; border-top: 2px solid #fff; content: ""; display: block; height: 5px; left: inherit; margin-top: -4px; right: -15px; top: 50%; transform: rotate(45deg); transition: all 0.2s ease-in-out 0s; width: 5px; position: absolute;  }

/* -------------------------------------------------------- section topics */
section.topics {}
section.topics ul { width: 60%; margin: 0 auto; }
section.topics ul li { width: 100%; border-bottom: 1px solid #ccc; margin-bottom: 1em; }
section.topics ul li a { padding: .5em 0; }
section.topics ul li a div.update { font-size: 1.5rem; color: #848484; float: left; padding-right: 1em; }
section.topics ul li a div.headline { font-size: 1.5rem; font-weight: bold; margin-bottom: .3em; color: #333; overflow: hidden; }
section.topics ul li a:hover div.headline { text-decoration: underline;  }

/* -------------------------------------------------------- section.aboutTop */
section.aboutTop { background: #f2f4f6;  }

/* message */
section.aboutTop div.panel.message { width: 50%; }
section.aboutTop div.panel.message div.caption { background: #00a28c; }
section.aboutTop div.panel.message div.wrap { background: #fff; }
section.aboutTop div.panel.message div.wrap div.headline { color: #333; }
section.aboutTop div.panel.message div.wrap div.description { color: #838384; }
section.aboutTop div.panel.message img.default { display: block; }
section.aboutTop div.panel.message img.responsive { display: none;  }

/* vision */
section.aboutTop div.panel.vision { width: 25%; }
section.aboutTop div.panel.vision div.caption { background: #009bd8; }
section.aboutTop div.panel.vision div.wrap { background: #fff; }
section.aboutTop div.panel.vision div.wrap div.headline { color: #333; }
section.aboutTop div.panel.vision div.wrap div.description { color: #838384;  }

/* history */
section.aboutTop div.panel.history { width: 25%; }
section.aboutTop div.panel.history div.caption { background: #333; }
section.aboutTop div.panel.history div.wrap { background: #fff; }
section.aboutTop div.panel.history div.wrap div.headline { color: #333; }
section.aboutTop div.panel.history div.wrap div.description { color: #838384;  }

/* -------------------------------------------------------- section.admissions */
section.admissions { background: #72c8e9; padding: 0; }
section.admissions div.title h2 { text-align: left; color: #fff; }
section.admissions div.link { text-align: left; margin-bottom: 0; }
section.admissions div.inner { position: relative; }
section.admissions div.fl { display: block; height: 570px; margin-right: -600px; width: 600px; position: absolute; background: #b8dbe9; box-sizing: border-box; overflow: hidden; }
section.admissions div.fl div.point { padding: 60px 40px 40px; }
section.admissions div.fl div.point div.headline { font-size: 2.8rem; margin-bottom: 0.2em; }
section.admissions div.fl div.point div.sub { color: #72c8e9; margin-bottom: 0.5em; font-weight: bold; }
section.admissions div.fl div.point div.description {}
section.admissions div.fl div.details { background: #fff; padding: 20px 40px 60px; }
section.admissions div.fl div.details div.sub { color: #023156; font-size: 2.4rem; font-weight: bold; border-bottom: 1px solid #023156; margin-bottom: 0.5em; }
section.admissions div.fl div.details ul { width: 50%; float: left; }
section.admissions div.fl div.details ul li { font-size: 1.4rem; }
section.admissions div.fl div.details ul li a { color: #023156; }
section.admissions div.fl div.details ul li a:hover { text-decoration: underline; }
section.admissions div.fr { display: block; height: 570px; width: 100%; }
section.admissions div.fr div.spot { background: url("https://www.med.tottori-u.ac.jp/_new2016/img/admissions_spot.jpg") no-repeat; background-size: cover; display: block; height: 570px; margin-left: 50%; }
section.admissions div.fl div.details ul li a { display: block; width: 100%; }
section.admissions div.fl div.details ul li ul { width: 100%; }
section.admissions div.fl div.details ul li ul li { padding-left: 0.75em; white-space: nowrap; position: relative; margin-left: 1em; color: #023156; }
section.admissions div.fl div.details ul li ul li:before { background: #333; border-radius: 1000px; width: 5px; height: 5px; content: ""; position: absolute; top: 0.60em; left: 0; }
section.admissions div.fl div.details ul li ul li span { /* font-size: 1.15rem; */ font-size: 1.4rem; }
section.admissions div.fl div.details ul li ul li > span { display: block; margin-left: -1em; }
section.admissions div.fl div.details ul li ul li span a { display: inline-block; width: auto;  }

/* -------------------------------------------------------- div.forAdmissions */
div.forAdmissions {}
div.forAdmissions section { padding: 50px 0; position: relative; min-height: 200px; box-sizing: border-box; }
div.forAdmissions section div.title h2 { color: #fff; margin-bottom: 20px; }
div.forAdmissions section div.link { margin-bottom: 0; }
div.forAdmissions section.opencampus { width: 50%; background: url("https://www.med.tottori-u.ac.jp/_new2016/img/opencampus_bg.png") no-repeat; background-size: cover; background-position: center; }
div.forAdmissions section.access { width: 50%; background: url("https://www.med.tottori-u.ac.jp/_new2016/img/access_bg.png") no-repeat; background-size: cover; background-position: center; }
div.forAdmissions section div.inner { width: 600px; position: absolute; }
div.forAdmissions section.opencampus div.inner { right: 0; }
div.forAdmissions section.access div.inner { left: 0;  }

/* -------------------------------------------------------- section.campusLife */
section.campusLife { background: #98cd8f; position: relative; margin-bottom: 40px; overflow: hidden; z-index: 0; padding-bottom: 30px; }
section.campusLife:after { background: #add7a5; bottom: -450px; height: 900px; position: absolute; right: -450px; transform: rotate(45deg); width: 900px; z-index: 1; content: ""; }
section.campusLife:before { background: #add7a5; bottom: -450px; height: 900px; position: absolute; left: -450px; transform: rotate(45deg); width: 900px; z-index: 1; content: ""; }
section.campusLife div.title h2 { color: #fff; white-space: nowrap; }
section.campusLife ul { width: 100%; position: relative; z-index: 2; }
section.campusLife ul li { float: left; width: 33.33%; position: relative; }
section.campusLife ul li:hover { opacity: 0.8; }
section.campusLife ul li div.spot img { width: 100%; display: block; }
section.campusLife ul li div.headline { font-size: 2.8rem; position: absolute; bottom: -20px; width: 100%; margin: auto; right: 0; left: 0; text-align: center; box-sizing: border-box; color: #333; }
section.campusLife ul li div.headline span { background: #fff; padding: 1em;  }

/* -------------------------------------------------------- section.research */
section.research { background: #00a28b; position: relative; overflow: hidden; z-index: 0; }
section.research:after { background: #33b5a2; bottom: 0; height: 400px; position: absolute; width: 100%; z-index: 1; content: ""; }
section.research div.title h2 { color: #fff; }
section.research div.headline { font-size: 2.8rem; font-weight: bold; text-align: center; color: #333; }
section.research div.categoryList div.headline { text-align: left; }
div.categoryList div.article div.description { text-align: left; }
section.research div.en { font-size: 4.8rem; font-weight: bold; line-height: 1; margin-bottom: 20px; position: relative; text-align: center; color: #333; }
section.research div.description { text-align: center; margin-bottom: 40px; color: #333; }
section.research div.inner { position: relative; z-index: 2; }

section.research div.inner div.information { margin-bottom: 40px; }
section.research div.inner div.information div.headline { text-align: left;  }

/* common */
section.research > div.inner > div.clearfix > div.fl { width: 50%;  }

/* 社会貢献及び教育活動 */
section.research > div.inner > div.clearfix div.panel.books, 
section.research > div.inner > div.clearfix div.panel.social { max-height: 140px; min-height: 140px; overflow: hidden; }
section.research > div.inner > div.clearfix div.panel.books div.fr, 
section.research > div.inner > div.clearfix div.panel.social div.fr { background: #fff; width: 50%; padding: 35px; box-sizing: border-box; min-height: 140px; }
section.research > div.inner > div.clearfix div.panel.books div.fr div.headline, 
section.research > div.inner > div.clearfix div.panel.social div.fr div.headline { font-size: 2.4rem; letter-spacing: -1px; margin-bottom: 0.2em; color: #333; }
section.research > div.inner > div.clearfix div.panel.books div.spot, 
section.research > div.inner > div.clearfix div.panel.social div.spot { width: 50%; }
section.research div.panel.books div.sub, 
section.research div.panel.social div.sub { line-height: 1.5; font-size: 1.4rem; color: #00a28b; font-weight: bold;  }

/* rightColumn */
section.research > div.inner > div.clearfix > div.fr { width: 50%; }
section.research > div.inner > div.clearfix > div.fl > div.panel.lecture, 
section.research > div.inner > div.clearfix > div.fr > div.panel.cooperation { max-height: 140px; min-height: 140px; overflow: hidden; }
section.research > div.inner > div.clearfix > div.fl > div.panel.lecture:nth-child(odd) div.fl, 
section.research > div.inner > div.clearfix > div.fr > div.panel.cooperation:nth-child(odd) div.fl { background: #fff; width: 50%; padding: 25px; box-sizing: border-box; min-height: 140px; }
section.research > div.inner > div.clearfix > div.fl > div.panel.lecture div.spot, 
section.research > div.inner > div.clearfix > div.fr > div.panel.cooperation div.spot { width: 50%; }
section.research > div.inner > div.clearfix > div.fl div.panel.lecture div.headline, 
section.research > div.inner > div.clearfix > div.fr div.panel.cooperation div.headline { font-size: 2.8rem; letter-spacing: -1px; margin-bottom: 0.2em; color: #333; }
section.research > div.inner > div.clearfix > div.fl div.panel.lecture div.description, 
section.research > div.inner > div.clearfix > div.fr div.panel.cooperation div.description { color: #333; }
section.research > div.inner > div.clearfix > div.fl div.panel.lecture div.sub, 
section.research > div.inner > div.clearfix > div.fr div.panel.cooperation div.sub { margin-bottom: 0.5em; color: #00a28b; font-weight: bold; }
section.research > div.inner > div.clearfix > div.fl > div.panel.lecture:nth-child(even) div.fr, 
section.research > div.inner > div.clearfix > div.fr > div.panel.cooperation:nth-child(even) div.fr { background: #fff; width: 50%; padding: 35px; box-sizing: border-box; min-height: 140px; }




/*CSS追加 20250206*/
section.research:after { background: #33b5a2; bottom: 0; height: 420px; position: absolute; width: 100%; z-index: 1; content: ""; }

section.research div.information { display: flex; flex-flow: row wrap;  }
section.research div.information a.panel { display: flex;  flex-flow: row wrap; width:50%; /*border:0.5px solid transparent; box-sizing: border-box;*/ }
section.research div.information a.panel .text { aspect-ratio:2/1; background: #fff; width: 50%; padding:0 clamp(1.2rem,2.4vw,2.4rem); box-sizing: border-box; display: flex; flex-flow:column nowrap; align-items: flex-start; justify-content: center; }
section.research div.information a.panel .text .headline { font-size:clamp(1.8rem,1.6vw,2.4rem); letter-spacing:normal; color: #333; line-height: 1.3; }
section.research div.information a.panel .text .headline span { font-size:1.2rem; letter-spacing: normal;  }
section.research div.information a.panel.cooperation .text .headline { letter-spacing: -0.15rem; }
section.research div.information a.panel .text .sub  { line-height: 1.5; font-size: clamp(1rem,1vw,1.3rem); color: #00a28b; font-weight: bold;  }
section.research div.information a.panel .photo { width: 50%; box-sizing: border-box; aspect-ratio:2/1; }
section.research div.information a.panel .photo img { width: 100%; height: 100%; object-fit: cover; vertical-align: bottom; object-position:50% 20%; }
section.research div.information a.panel.books,
section.research div.information a.panel.donation{ flex-flow: row-reverse wrap; }
section.research div.information a.panel.lecture { order:1; }
section.research div.information a.panel.cooperation { order:2; }
section.research div.information a.panel.books { order:3; }
section.research div.information a.panel.donation { order:4; }

@media only screen and (max-width: 1200px) {
section.research div.information a.panel { flex-flow:column nowrap; width:25%; }
section.research div.information a.panel .text { width: 100%; aspect-ratio:auto; min-height:8rem; align-items: center; padding:0rem; }
section.research div.information a.panel .photo { width: 100%; aspect-ratio:5/3 }
section.research div.information a.panel.lecture {  }
section.research div.information a.panel.cooperation { order:3; }
section.research div.information a.panel.books { order:2; }
section.research div.information a.panel.donation { }
}

@media only screen and (max-width: 768px) {
section.research div.information a.panel { flex-flow:column nowrap; width:50%; }
section.research div.information a.panel .text { aspect-ratio:auto; min-height:8rem; }
section.research div.information a.panel.lecture { }
section.research div.information a.panel.cooperation { order:2; }
section.research div.information a.panel.books { order:3; }
section.research div.information a.panel.donation {  }
}

@media only screen and (max-width: 640px) {
section.research div.information a.panel { width:100%; margin-bottom:1px; }
section.research div.information a.panel .photo { display: none; }
}


/*CSS追加 20250206ここまで*/









/* 研究成果 プレスリリース */
section.research > div.inner > div.clearfix > div.fr div.panel.cooperation div.headline { line-height: 1; letter-spacing: -3px; white-space: nowrap; padding-bottom: 0.3em; }
section.research > div.inner > div.clearfix > div.fr div.panel.cooperation div.headline span { font-size: 1.3rem; letter-spacing: 0; white-space: nowrap; }
section.research > div.inner > div.clearfix > div.fr div.panel.cooperation div.sub { font-size: 1.3rem; white-space: nowrap;  }

/* -------------------------------------------------------- scrollTop */
div.scroller { bottom: 0; display: block; height: 100px; position: fixed; right: 0; width: 50px; z-index: 9999; transition: all 0.2s ease-in-out 0s; }
div.scroller div.button { height: 50px; width: 50px; position: absolute; top: 0; }
div.scroller div.button:last-child { top: 50px; }
div.scroller div.button a { background: #ffb600; display: block; height: 50px; position: relative; width: 50px; }
div.scroller div.button a.scrollTop::before { border-right: 3px solid #333; border-top: 3px solid #333; content: ""; display: block; height: 8px; left: inherit; margin-top: -3px; position: absolute; right: 19px; top: 50%; transform: rotate(-45deg); transition: all 0.2s ease-in-out 0s; width: 8px; }
div.scrollNext { background: #ffb600; display: block; height: 50px; position: relative; width: 50px; cursor: pointer; }
div.scroller div.button div.scrollNext::before { border-right: 3px solid #333; border-top: 3px solid #333; content: ""; display: block; height: 8px; left: inherit; margin-top: -3px; position: absolute; right: 19px; top: 50%; transform: rotate(135deg); transition: all 0.2s ease-in-out 0s; width: 8px;  }

/* -------------------------------------------------------- footer */
footer { background: #f2f4f6; }
footer div.inner { padding: 60px 0 20px; }
footer div.inner div.fl { width: 34%; position: relative; padding-left: 10px; box-sizing: border-box; }
footer div.inner div.fl:first-child { padding-left: 0; }
footer div.inner div.fl:nth-child(2) { width: 18%; }
footer div.inner div.fl:nth-child(3){ width: 22%; }
footer div.inner div.fl:nth-child(4) { width: 25%; }
footer div.inner div.fl::after { width: 1px; height: 140px; background: #ddd; display: block; position: absolute; right: 0; top: 0; content: ""; }
footer div.inner div.fl:last-child::after { display: none; }
footer div.logo { margin-bottom: 10px; }
footer div.information { padding-left: 70px; margin-bottom: 40px; font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
footer div.information table { text-align: left; }
footer div.information table tr td:nth-child(2n) { padding-left: 0.25em; }
footer div.fl:nth-child(2) ul { margin-bottom: 40px; font-size: 1.4rem; }
footer div.fl:nth-child(3) ul { margin-bottom: 1em; font-size: 1.4rem; }
footer div.fl:nth-child(4) ul { margin-bottom: 1em; font-size: 1.4rem; }
footer div.banner img { width: 300px; height: auto; display: block; }
footer div.fl:first-child div.banner { padding-left: 70px; margin-bottom: 10px; }
footer div.fl:nth-child(2) div.banner { margin-bottom: 10px; }
footer div.copyright { color: #fff; background: #333; text-align: center; padding: 1rem; font-size:clamp(1rem,1.2vw,1.2rem); }
footer a { color: #023156; white-space: nowrap; }
footer a:hover { text-decoration: underline; }
footer div.banner-wrap { max-width: 1200px; margin-left: auto; margin-right: auto; display: flex; flex-wrap: wrap; justify-content: center; }
footer div.banner-wrap div.banner { width: 32%; margin-right: 2%; float: left; text-align: center; }
footer div.banner-wrap div.banner img { margin-left: auto; margin-right: auto; margin-bottom: 20px; }
footer div.banner-wrap div.banner:nth-child(3n) { margin-right: 0;  }

/* -------------------------------------------------------- categoryVisual */
div.categoryVisual { background: #00a18b;  }

/* courses */
div.wrapper.medicine div.categoryVisual { background: #00a28c; }
div.wrapper.lifeSciences div.categoryVisual { background: #ff6363; }
div.wrapper.healthSciencesNurse div.categoryVisual { background: #ffbe0a; }
div.wrapper.healthSciencesInspection div.categoryVisual { background: #b962cc; }
div.wrapper.dementia div.categoryVisual { background: #125690;  }

/* */
div.categoryVisual img { width: 100%; display: block;  }

/* -------------------------------------------------------- topicPath */
.topicPath { font-size: 1.2rem; display: block; margin: 0 auto 40px; background: #f2f4f6; }
.topicPath ul { padding: 10px; list-style: none; }
.topicPath ul li { display: inline; white-space: nowrap; }
.topicPath ul li a { color: #00a18b; font-weight: bold; text-decoration: underline; }
.topicPath ul li a:hover { text-decoration: none;  }

/* -------------------------------------------------------- contentsTitles */
div.contentsTitles { margin-bottom: 40px; }
div.contentsTitles div.title { font-size: 3.6rem; border-bottom: 2px solid #f2f4f6; margin-bottom: 0.5em; }
div.contentsTitles div.title h1 { font-size: 3.6rem; }
div.contentsTitles div.description h2 { font-weight: normal; font-size: 1.4rem; }
div.contentsTitles div.description { font-size: 1.4rem;  }

/* -------------------------------------------------------- categoryList */
div.categoryList {}
div.categoryList ul { margin: 0 auto 20px; }
div.categoryList ul li { background: #fff; position: relative; border: 1px solid #e0e0e0; width: 580px; margin: 0 40px 20px 0; float: left; box-sizing: border-box; transition: all .1s ease-in-out; }
div.categoryList ul li:nth-child(even) { margin-right: 0; }
div.categoryList ul li:hover { background: #f2f4f6; }
div.categoryList ul li a { display: block; width: 100%; height: 100%; position: relative; color: #f67370; }
div.categoryList div.article { padding: 20px; }
div.categoryList div.article div.spot { width: 250px; height: 150px; background: #f2f4f6; float: left; margin-right: 20px; overflow: hidden; }
div.categoryList div.article div.spot span { display: table-cell; height: 150px; text-align: center; vertical-align: middle; width: 250px; }
div.categoryList div.article div.spot span img { display: inline; height: auto; max-height: 150px; max-width: 250px; vertical-align: middle; width: auto; }
div.categoryList div.article div.wrap { overflow: hidden; }
div.categoryList.clinic div.article div.headline, 
div.categoryList.clinic div.article div.description, 
div.categoryList.clinic div.article div.clearfix { margin-left: 0; }
div.categoryList div.article div.headline { margin-bottom: 10px; font-weight: bold; position: relative; padding-right: 1em; }
div.categoryList div.article div.headline::after { background: rgba(0,0,0,0) none repeat scroll 0 0; border-right: 1px solid #333; border-top: 1px solid #333; content: ""; display: block; height: 5px; left: inherit; margin-top: -4px; position: absolute; right: 5px; top: 50%; transform: rotate(45deg); transition: all 0.2s ease-in-out 0s; width: 5px; }
div.categoryList div.article div.headline h2 { font-size: 2.4rem; line-height: 1.3; color: #023156; }
div.categoryList div.article div.description { font-size: 1.4rem; margin-bottom: 10px; color: #333; }
div.categoryList div.article div.update { color: #8f8f8f; font-weight: bold;  }



/* ------------------------------------------------------------------ .categoryListTreeView */
div.categoryListTreeView { max-width: 1200px; margin-left: auto; margin-right: auto; margin-bottom: 40px; padding: 0; box-sizing: border-box; }
div.categoryListTreeView div.listWrap { width: 32%; margin-right: 2%; margin-bottom: 20px; float: left; box-sizing: border-box; border: 1px solid #e0e0e0; padding: 0 1.5em; }
div.categoryListTreeView div.listWrap:nth-child(3n) { margin-right: 0; }
div.categoryListTreeView div.listWrap div.headline { border-bottom: 1px solid #00a18b; display: block; font-size: 2.4rem; font-weight: bold; line-height: 1.5; margin: 0 0 0.5em; padding: 1em 0 0.5em; color: #333; transition: all 0.1s; position: relative; }
div.categoryListTreeView div.listWrap div.headline a { color: #333; padding-left: 1em; }
div.categoryListTreeView div.listWrap div.headline a:after { position: absolute; top: 50%; left: 0; display: block; content: ''; width: 10px; height: 10px; border-top: 1px solid #00a18b; border-right: 1px solid #00a18b; transform: rotate(45deg); }
div.categoryListTreeView div.listWrap div.headline a:hover { color: #00a18b; }
div.categoryListTreeView div.listWrap ul { margin-bottom: 2em; }
div.categoryListTreeView div.listWrap ul li { position: relative; padding-left: 0.8em; }
div.categoryListTreeView div.listWrap ul li::before { /* background: #e0e0e0; border-radius: 50%; content: ""; height: 8px; left: 0; position: absolute; top: 8px; width: 8px; */ position: absolute; top: 0.8em; left: 0; display: block; content: ''; width: 5px; height: 5px; margin-top: -3px; border-top: 1px solid #00a18b; border-right: 1px solid #00a18b; transform: rotate(45deg); }
div.categoryListTreeView div.listWrap ul li a { color: #023156; }
div.categoryListTreeView div.listWrap ul li a:hover { text-decoration: underline;  }



/* ------------------------------------------------------------ @end .categoryListTreeView */
/* pagination */
ul.pagination { clear: both; text-align: center; margin: 0; padding: 0; padding: 1em 0; margin-bottom: 1em; }
ul.pagination li { margin: 0; padding: 0; display: inline; }
ul.pagination li::before { background: none; content: ""; height: auto; left: 0; margin: 0; position: relative; top: 0; transition: none; width: auto; }
ul.pagination li a, 
ul.pagination li span { display: inline-block; padding: 0.3em 0.7em; margin: 0.5em 0.1em; border: 1px solid #f0f0f0; background: #f0f0f0; font-weight: bold; text-decoration: none; color: #333; }
ul.pagination li a:hover, 
ul.pagination li.active a, 
ul.pagination li.active span { background: #ffb600; color: #fff;  }

/* detail */
div.detail { box-sizing: border-box; width: 1200px; margin: 0 auto 40px; }
div.detail div.main { width: 880px; margin: 0 auto; float: left; }
div.detail aside { width: 260px; float: right; margin-bottom: 40px; }
div.detail aside div.head { font-size: 2.0rem; padding: 1em 0; border-top: 2px solid #f2f4f6; border-bottom: 2px solid #f2f4f6; text-align: center;  }

/* courses */
div.wrapper.medicine div.detail aside div.head { border-top: 2px solid #00a28c; border-bottom: 2px solid #00a28c; }
div.wrapper.lifeSciences div.detail aside div.head { border-top: 2px solid #ff6363; border-bottom: 2px solid #ff6363; }
div.wrapper.healthSciences div.detail aside div.head { border-top: 2px solid #ffb2ec; border-bottom: 2px solid #ffb2ec; }
div.wrapper.healthSciencesNurse div.detail aside div.head { border-top: 2px solid #ffbe0a; border-bottom: 2px solid #ffbe0a; }
div.wrapper.healthSciencesInspection div.detail aside div.head { border-top: 2px solid #b962cc; border-bottom: 2px solid #b962cc;  }

/* */
div.detail aside ul li {}
div.detail aside ul li a { position: relative; width: 100%; box-sizing: border-box; display: block; padding: 1em; border-bottom: 1px solid #ccc; background: #fff; transition: all .1s ease-in-out; color: #333; }
div.detail aside ul li a:hover { background: #f2f4f6; }
div.detail aside ul li a::after { background: rgba(0,0,0,0) none repeat scroll 0 0; border-right: 1px solid #333; border-top: 1px solid #333; content: ""; display: block; height: 5px; left: inherit; margin-top: -4px; position: absolute; right: 15px; top: 50%; transform: rotate(45deg); transition: all 0.2s ease-in-out 0s; width: 5px;  }

/* -------------------------------------------------------- subtop */
div.wrapper.subtop { }

/* about */
section.about { padding: 0; margin-bottom: 40px; }
section.about div.panel { background: #f2f4f6; }
section.about div.panel div.fl.spot { width: 50%; }
section.about div.panel div.fr.wrap { padding:20px 40px; box-sizing: border-box; width: 50%; }
section.about div.panel div.fr.wrap div.enTitle { font-size: 5.4rem; font-weight: bold;  }

/* courses */
div.wrapper.medicine div.enTitle { color: #00a28c; }
div.wrapper.lifeSciences div.enTitle { color: #ff6363; }
div.wrapper.healthSciences div.enTitle { color: #ffb2ec; }
div.wrapper.healthSciencesNurse div.enTitle { color: #ffbe0a; }
div.wrapper.healthSciencesInspection div.enTitle { color: #b962cc;  }

/* */
section.about div.details div.sub { font-size: 2.4rem; font-weight: bold; margin-bottom: 0.5em;  }

/* courses */
div.wrapper.medicine div.sub { color: #00a28c; border-bottom: 1px solid #00a28c; }
div.wrapper.lifeSciences div.sub { color: #ff6363; border-bottom: 1px solid #ff6363; }
div.wrapper.healthSciences div.sub { /*color: #ffb2ec;*/
 border-bottom: 1px solid #ffb2ec; }
div.wrapper.healthSciencesNurse div.sub { color: #ffbe0a; border-bottom: 1px solid #ffbe0a; }
div.wrapper.healthSciencesInspection div.sub { color: #b962cc; border-bottom: 1px solid #b962cc;  }

/* */
section.about div.details .clearfix { display: flex; flex-flow: row wrap; justify-content: space-between; }
section.about div.details .clearfix::after { display: none; }
section.about div.details ul { width: 49%; /*float: left;*/ }
section.about div.details ul li { font-size: 1.5rem; }
section.about div.details ul li a { color: #023156; position: relative; width: 100%; padding:0.2rem 2rem 0.2rem 0; box-sizing: border-box; }
section.about div.details ul li a:after { position: absolute; top: 50%; right: 10px; left: inherit; display: block; width: 5px; height: 5px; margin-top: -3px; content: ''; transition: all .2s ease-in-out; transform: rotate(45deg); border-top: 1px solid #023156; border-right: 1px solid #023156; background: none; }
section.about div.details ul li a:hover { text-decoration: underline; }
section.about div.wrap { position: relative; }
section.about div.wrap div.life-science-banner { position: absolute; top: 40px; right: 40px; width: 300px; height: auto; /* border: 1px solid #ccc; */ box-sizing: border-box; /* margin-top: -40px; */ overflow: hidden; }
section.about div.wrap div.life-science-banner a { z-index: 100; position: relative; }
section.about div.wrap div.life-science-banner img { width: 100%; display: block; z-index: 100; position: relative; }
section.about div.wrap div.life-science-banner a:hover, 
section.about div.wrap div.life-science-banner img:hover { opacity: 1; }
section.about div.wrap div.life-science-banner:before { background: #fff; width: 100%; /* height: calc( 100% - 2.3rem); */ height: 100%; position: absolute; content: ""; z-index: 0; bottom: 0; left: 0; }
section.about div.wrap div.life-science-banner:after { /*width: 100%;*/
 position: absolute; top: calc(50%); right: -4rem; /* */ transform: translateX(0) translateY(-50%); border-top: 5rem solid transparent; border-right: 5rem solid transparent; border-bottom: 5rem solid transparent; border-left: 10rem solid #40ddff; content: ""; width: 0; height: 0; animation-iteration-count: infinite; animation-duration: 1.5s; animation-fill-mode: both; animation-name: banner-action; z-index: 0; pointer-events: none; }

@keyframes banner-action { 0% {  opacity: 0;  border-left: 10rem solid #40ddff; }
 10% {  opacity: 0; }
 90% {  opacity: 1; }
 100% {  opacity: 1;  border-left: 30rem solid #40ddff; }
 }

/* subtop section.other */
/* movie */
section.movie div.title h2 { font-size: 5.4rem; text-align: center; }
section.movie .display { /* padding-top: 56.25%; */ padding-top: 50%; position: relative; width: 100%; background: #333; }
section.movie .display iframe { height: 100% !important; position: absolute; right: 0; left: 0; top: 0; width: 80% !important; margin: auto; border: none; }
section.movie div#slider { overflow: hidden;  }

/* subtop section.other */
section.other { padding: 0; margin-bottom: 40px; }
section.other div.panel.large { width: 50%; }
section.other div.panel.small { width: 25%; }
section.other div.panel { background: #f2f4f6;  }

/* courses */
div.medicine section.other div.panel div.caption { background: #00a28c; }
div.lifeSciences section.other div.panel div.caption { background: #ff6363; }
div.healthSciences section.other div.panel div.caption { background:#ffb2ec; }
div.healthSciencesNurse section.other div.panel div.caption { background: #ffbe0a; }
div.healthSciencesInspection section.other div.panel div.caption { background: #b962cc;  }

/* */
section.other div.panel div.wrap {}
section.other div.panel div.wrap div.headline { color: #333; }
section.other div.panel div.headline a { color: #333; position: relative; }
section.other div.panel div.headline a:after { position: absolute; top: 50%; right: 10px; left: inherit; display: block; width: 5px; height: 5px; margin-top: -3px; content: ''; transition: all .2s ease-in-out; transform: rotate(45deg); border-top: 1px solid #023156; border-right: 1px solid #023156; background: none; }
section.other div.panel div.headline a:hover { text-decoration: underline; }
section.other div.panel div.wrap div.description { color: #333; }
section.other div.details { padding-top: 0.5em;  }

/* courses */
div.medicine section.other div.details { border-top: 1px solid #00a28c; }
div.lifeSciences section.other div.details { border-top: 1px solid #ff6363; }
div.healthSciences section.other div.details { border-top: 1px solid #ffb2ec; }
div.healthSciencesNurse section.other div.details { border-top: 1px solid #ffbe0a; }
div.healthSciencesInspection section.other div.details { border-top: 1px solid #b962cc;  }

/* */
section.other div.details div.sub { color: #023156; font-size: 2.4rem; font-weight: bold; border-bottom: 1px solid #023156; margin-bottom: 0.5em; }
section.other div.panel.large div.details ul { width: 50%; float: left; }
section.other div.panel.small div.details ul { width: 100%; float: none;  }

/* data */
section.other div.panel.small.data { position: relative; min-height: 600px; }
section.other div.panel.small.data div.spot { position: absolute; bottom: 0; }
section.other div.panel.small.data div.headline { font-size: 4.8rem; font-weight: bold;  }

/* courses */
div.medicine section.other div.panel.small.data div.headline { color: #00a28c; }
div.lifeSciences section.other div.panel.small.data div.headline { color: #ff6363; }
div.healthSciences section.other div.panel.small.data div.headline { color: #ffb2ec; }
div.healthSciencesNurse section.other div.panel.small.data div.headline { color: #ffbe0a; }
div.healthSciencesInspection section.other div.panel.small.data div.headline { color: #b962cc;  }

/* */
section.other div.panel.small.data div.head { font-size: 1.8rem; margin-top: 0.5em; }
section.other div.panel.small.data ul { margin: 0 0 20px; padding: 0; }
section.other div.panel.small.data ul li { margin: 0; padding: 0 0 0 15px; position: relative; }
section.other div.panel.small.data ul li::before { border-radius: 50%; content: ""; height: 8px; left: 0; margin-right: 0.5em; position: absolute; top: 7px; transition: all 0.3s ease-out 0s; width: 8px;  }

/* courses */
div.medicine section.other div.panel.small.data ul li::before { background: #00a28c; }
div.lifeSciences section.other div.panel.small.data ul li::before { background: #ff6363; }
div.healthSciences section.other div.panel.small.data ul li::before { background: #ffb2ec; }
div.healthSciencesNurse section.other div.panel.small.data ul li::before { background: #ffbe0a; }
div.healthSciencesInspection section.other div.panel.small.data ul li::before { background: #b962cc;  }

/* */
section.other div.details ul li { font-size: 1.5rem; }
section.other div.details ul li a { color: #023156; position: relative; width: 100%; padding:0.2rem 2rem 0.2rem 0; box-sizing: border-box; }
section.other div.details ul li a:after { position: absolute; top: 50%; right: 10px; left: inherit; display: block; width: 5px; height: 5px; margin-top: -3px; content: ''; transition: all .2s ease-in-out; transform: rotate(45deg); border-top: 1px solid #023156; border-right: 1px solid #023156; background: none; }
section.other div.details ul li a:hover { text-decoration: underline;  }

/* banner */
div.wrapper.subtop div.banner { padding: 20px 0; margin-bottom: 40px; background: #f2f4f6; }
div.wrapper.subtop div.banner ul { width: 100%; padding: 0 20px; box-sizing: border-box; text-align: center; }
div.wrapper.subtop div.banner ul li { /* float: left; width: 32%; margin-right: 2%; */ display: inline-block; width: 100%; max-width: 390px; }
div.wrapper.subtop div.banner ul li img { display: block; width: 100%; }
div.wrapper.subtop div.banner ul li:last-child { margin-right: 0;  }

/* 印刷用 */
@media print { header div.bottom.fixed {  display: none; }
 }

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- graduate-courses */
div.graduate-courses {}
div.graduate-courses ul {}
div.graduate-courses ul li { float: left; width: 20.00%; margin-right: 0; margin-bottom: 20px; position: relative; height: 100px; /* */ background: #f2f4f6; }
div.graduate-courses ul li:nth-child(7n) { margin-right: 0; }
div.graduate-courses ul li div.spot { width: 100%; height: 200px; background: #f2f4f6; overflow: hidden; }
div.graduate-courses ul li div.spot img { width: 100%; display: block; }
div.graduate-courses ul li a { position: relative; width: 100%; height: 100px; display: block; background: #f2f4f6; border: 1px solid #e9e9e9; border-right: none; box-sizing: border-box; transition: all 0.1s; }
div.graduate-courses ul li:last-child a { border-right: 1px solid #e9e9e9; }
div.graduate-courses ul li a:hover { filter: brightness(85%); }
div.graduate-courses ul li a div.graduate-courses-wrap { text-align: center; display: block; box-sizing: border-box; position: absolute; transform: translate(-50%, 
0); /* top: 50%; */ left: 50%; padding-top: 0.8em; }
div.graduate-courses ul li a div.headline { font-size: 1.8rem; white-space: nowrap; color: #333; }
div.graduate-courses ul li div.en { white-space: nowrap; font-size: 1rem; color: #4e9dff; font-weight: bold; }
div.graduate-courses ul li div.schedule { font-size: 1.2rem; color: #333;  }

/* ------------------------------------------------------------------------------------------------------ css 上書き部分 ----- */
header nav.default > ul.clearfix > li > a { padding: 2em 1.2em; }
header div.bottom.fixed nav.default > ul.clearfix > li.bnr { display: none; }
header nav.default > ul.clearfix > li.bnr > a { padding: 0; }
header nav.default > ul.clearfix > li.bnr > a img { display: block; max-width: 150px; }
header nav.default > ul.clearfix > li:nth-child(3) > a::after { display: none; }
header nav.default > ul.clearfix > li:nth-child(4) > a::after { background: #e9e9e9 none repeat scroll 0 0; content: ""; height: 100px; position: absolute; right: 0; top: 0; width: 1px; }
header div.bottom.fixed nav.default > ul.clearfix > li:nth-child(4) > a::after { height: 55px;  }

/*
section.admissions div.fl div.details ul li a { display: block; width: 100%; }
section.admissions div.fl div.details ul li ul {  width: 100%; }
section.admissions div.fl div.details ul li ul li {padding-left: 1em; white-space: nowrap; }
section.admissions div.fl div.details ul li ul li span {font-size: 1.15rem; }
section.admissions div.fl div.details ul li ul li span a { display: inline-block; width: auto; }
 */
 
div.corona-banner { margin-top: 40px; margin-bottom: 40px; text-align: center; margin-left: auto; margin-right: auto; max-width: 1200px; }
div.corona-banner a { padding: 1em; display: inline-block; border: 3px solid #d34937; color: #d34937; width: 60%; box-sizing: border-box; font-size: 2.2rem; font-weight: bold; position: relative; background: #fff; transition: all 0.2s; }
div.corona-banner a:hover { /* background: #d34937; color: #fff; */ text-decoration: underline; }
div.corona-banner a:after { border-right: 2px solid #d34937; border-top: 2px solid #d34937; content: ""; display: block; height: 20px; right: 1em; position: absolute; top: 50%; transform: translateY(-50%) rotate(45deg); transition: all 0.2s ease-in-out 0s; width: 20px;  }

/* -------------------------------------------------------------------------------------------------- */
div.graduate-banner { margin-top: 40px; margin-bottom: 40px; text-align: center; margin-left: auto; margin-right: auto; max-width: 1200px; }
div.graduate-banner a { padding: 1em; display: inline-block; border: 3px solid #023156; color: #023156; width: 60%; box-sizing: border-box; font-size: 2.2rem; font-weight: bold; position: relative; background: #fff; transition: all 0.2s; }
div.graduate-banner a:hover { /* background: #d34937; color: #fff; */ text-decoration: underline; }
div.graduate-banner a:after { border-right: 2px solid #023156; border-top: 2px solid #023156; content: ""; display: block; height: 20px; right: 1em; position: absolute; top: 50%; transform: translateY(-50%) rotate(45deg); transition: all 0.2s ease-in-out 0s; width: 20px;  }


/* -------------------------------------------------------------------------------------------------------------------------------- */
div.faculty-panel-wrap {}
div.faculty-panel-wrap div.faculty-panel { float: left; width: 32%; margin-right: 2%; overflow: hidden; position: relative; }
div.faculty-panel-wrap div.faculty-panel:nth-child(3) { margin-right: 0; }
div.faculty-panel-wrap div.faculty-panel a { color: #333; background: #f2f4f6; transition: all 0.25s; display: block; }
div.faculty-panel-wrap div.faculty-panel a:hover { background: #cfd1d3; }
div.faculty-panel-wrap div.faculty-panel a div.spot { overflow: hidden; /* border-radius: 0.5rem 0.5rem 0 0; */ /* margin-bottom: 1rem; */ }
div.faculty-panel-wrap div.faculty-panel a div.spot img { width: 100%; display: block; transition: all 0.25s; }
div.faculty-panel-wrap div.faculty-panel a:hover div.spot img { opacity: 0.75; }
div.faculty-panel-wrap div.faculty-panel div.wrap { padding: 1rem; padding-left: 1rem; position: relative; }
div.faculty-panel-wrap div.faculty-panel div.wrap:before { position: absolute; top: 0; left: 0; width: 0.1rem; height: 100%; content: ""; }
div.faculty-panel-wrap div.faculty-panel div.wrap div.headline { font-size: 2.8rem; /* letter-spacing: 1px; */ margin-bottom: 0.5rem; position: relative; }
div.faculty-panel-wrap div.faculty-panel div.wrap div.headline:after { /* border-right: 1px solid #333; border-top: 1px solid #333; content: ""; display: block; height: 2rem; position: absolute; right: 1rem; top: 45%; transform: translateY(-50%) rotate(45deg); transition: all 0.2s ease-in-out 0s; width: 2rem; */ }
div.faculty-panel-wrap div.faculty-panel.medicine div.wrap div.headline:after { /* border-right: 1px solid #23a18c; border-top: 1px solid #23a18c; */ }
div.faculty-panel-wrap div.faculty-panel.life-sciences div.wrap div.headline:after { /* border-right: 1px solid #fa6566; border-top: 1px solid #fa6566; */ }
div.faculty-panel-wrap div.faculty-panel.health-sciences div.wrap div.headline:after { /* border-right: 1px solid #ffb2ec; border-top: 1px solid #ffb2ec; */ }
div.faculty-panel-wrap div.faculty-panel div.wrap div.sub { font-size: 1.4rem; margin-bottom: 0.5rem; padding-bottom: 0.5rem; /* letter-spacing: 0.1rem; */ font-weight: bold; }
div.faculty-panel-wrap div.faculty-panel div.wrap div.description { color: #555; }
div.faculty-panel-wrap div.faculty-panel.medicine div.wrap div.sub { color: #23a18c; border-bottom: 0.1rem solid #23a18c; }
div.faculty-panel-wrap div.faculty-panel.life-sciences div.wrap div.sub { color: #fa6566; border-bottom: 0.1rem solid #fa6566; }
div.faculty-panel-wrap div.faculty-panel.health-sciences div.wrap div.sub { color: #ffb2ec; border-bottom: 0.1rem solid #ffb2ec; }
div.faculty-panel-wrap div.faculty-panel.medicine div.wrap:before { /* background: #23a18c; color: #fff; */ }
div.faculty-panel-wrap div.faculty-panel.life-sciences div.wrap:before { /* background: #fa6566; color: #fff; */ }
div.faculty-panel-wrap div.faculty-panel.health-sciences div.wrap:before { /* background: #ffb2ec; color: #fff; */ }

/* */
div.wrapper.healthsciences {}
div.wrapper.healthsciences div.categoryVisual, 
div.wrapper.healthSciences div.categoryVisual { background: #ffb2ec; }

div.category-health-sciences { margin-bottom: 4rem; }
div.category-health-sciences ul li { float: left; width: 32%; margin-right: 2%; margin-bottom: 2rem; }
div.category-health-sciences ul li:nth-child(3n) { margin-right: 0; }
div.category-health-sciences ul li a { display: block; position: relative; color: #023156; padding: 2rem; box-sizing: border-box; border: 0.1rem solid #e0e0e0; /* border: 1px solid ; */ font-size: 2.4rem; text-align: left; font-weight: bold; transition: 0.25s all; }
div.category-health-sciences ul li a:hover { background: #f2f4f6; }
div.category-health-sciences ul li a:after { /* border-right: 1px solid #023156; border-top: 1px solid #023156; content: ""; display: block; height: 1rem; position: absolute; right: 1rem; top: 50%; transform: translateY(-50%) rotate(45deg); transition: all 0.2s ease-in-out 0s; width: 1rem; */ background: none; border-right: 1px solid #333; border-top: 1px solid #333; content: ""; display: block; height: 5px; left: inherit; margin-top: -4px; position: absolute; right: 25px; top: 50%; transform: rotate(45deg); transition: all 0.2s ease-in-out 0s; width: 5px;  }




/* -------------------------------------------------------------------- 保健学科(看護学専攻) */
.b_nursing { width: 100%; position: absolute; top: 20px; right: 20px; max-width: 370px; overflow: hidden; background: #fff; }
.b_nursing img { width: 100%; vertical-align: bottom; position: relative; z-index: 100; }
section div.panel .b_nursing.rotation a:hover { filter: brightness(100%); opacity: 0.9; }
.b_nursing.rotation .bg { position: absolute; top: -150px; left: -50px; width: 500px; height: 500px; opacity: 0.25; background: url(https://www.med.tottori-u.ac.jp/_new2016/img/bg02.jpg) center center /cover no-repeat; animation: 3s linear infinite rotation; }
@keyframes rotation { 
0% { transform: rotate(0); }
100% { transform: rotate(360deg); }
}





/*CSS追記20241125*/

/*保健学科*/
div.healthSciences section .movie { aspect-ratio:16/9; }
div.healthSciences section .movie iframe { width: 100%; height: 100%; object-fit: cover; }
div.healthSciences section .b_nursing { position: relative; top:0; right:0; max-width: 372px; }
div.healthSciences section.about div.details ul { width: 100%; float: none; }
div.healthSciences section.about div.panel div.fr.wrap { width: 100%; padding:1.6rem; }

div.healthSciences section .b_inspection { width: 100%; max-width: 372px; overflow: hidden; }
div.healthSciences section .b_inspection img { width: 100%; vertical-align: bottom; position: relative; z-index: 100; }

div.healthSciences section .course_link {}
div.healthSciences section .course_link li { display: block; max-width: 372px;}
div.healthSciences section .course_link li a { display: block; width: 100%; background: #fff; position: relative; border: 1px solid #e0e0e0; box-sizing: border-box; transition: all .1s ease-in-out;  color:#333;  }
div.healthSciences section .course_link li a img { width: 100%; vertical-align: bottom; }

.mceContentBody .page-link ul { width: 100%; }
.mceContentBody .page-link ul li { display: inline-block; padding-right: 1.6rem; }

div.healthSciences section.info a { color: #023156; font-size: 1.4rem; }
div.healthSciences section.info a::after { position:relative; display: inline-block; width: 5px; height: 5px; content: ''; transition: all .2s ease-in-out; transform: rotate(45deg); border-top: 1px solid #023156; border-right: 1px solid #023156; vertical-align: middle; margin-left: 1rem; }
div.healthSciences section.info ul li a { font-size: 1.5rem; padding:0.5rem 2.5rem 0.5rem 0; border-bottom: 1px solid #e0e0e0; box-sizing: border-box; }
div.healthSciences section.info div.details { border-top: none; }



.flex { display:flex; flex-flow:row wrap; justify-content:space-between; }
.flex.aic { align-items: center; }
.flex.aifs { align-items: flex-start; }
.flex.aife { align-items: flex-end; }
.flex.jcfs { justify-content: flex-start; }
.flex.jcfe { justify-content: flex-end; }
.flex.jcc { justify-content: center; }
.flex.jcsa { justify-content: space-around; }
.flex.ffrn { flex-flow: row nowrap; }

.anchor { height:7rem; margin-top:-7rem; position:relative; z-index:-10; width:1px; }
br.pc_no { display: none; }
br.sp_no { display: inline; }

.w100 { width: 100%; margin-right:0 !important; margin-left:0 !important; }
.w95 { width: 95%; }
.w90 { width: 90%; }
.w85 { width: 85%; }
.w80 { width: 80%; }
.w75 { width: 75%; }
.w70 { width: 70%; }
.w67 { width: 67%; }
.w66 { width: 66%; }
.w65 { width: 65%; }
.w60 { width: 60%; }
.w55 { width: 55%; }
.w50 { width: 50%; }
.w49 { width: 49%; }
.w48 { width: 48%; }
.w47 { width: 47%; }
.w45 { width: 45%; }
.w40 { width: 40%; }
.w35 { width: 35%; }
.w34 { width: 34%; }
.w33 { width: 33%; }
.w32 { width: 32%; }
.w31 { width: 31%; }
.w30 { width: 30%; }
.w25 { width: 25%; }
.w24 { width: 24%; }
.w22 { width: 22%; }
.w20 { width: 20%; }
.w19 { width: 19%; }
.w18 { width: 18%; }
.w15 { width: 15%; }
.w10 { width: 10%; }
.w5 { width: 5%; }

.m_u0 { margin-bottom: 0px !important; }
.m_u10 { margin-bottom: 10px !important; }
.m_u20 { margin-bottom: 20px !important; }
.m_u30 { margin-bottom: 30px !important; }
.m_u40 { margin-bottom: 40px !important; }
.m_u50 { margin-bottom: 50px !important; }
.m_u60 { margin-bottom: 60px !important; }
.m_u80 { margin-bottom: 80px !important; }

.m_t0 { margin-top: 0px !important; }
.m_t10 { margin-top: 10px !important; }
.m_t20 { margin-top: 20px !important; }
.m_t30 { margin-top: 30px !important; }
.m_t40 { margin-top: 40px !important; }
.m_t50 { margin-top: 50px !important; }
.m_t60 { margin-top: 60px !important; }
.m_t80 { margin-top: 80px !important; }

.col2 { column-count:2; column-gap:2rem; }
.col3 { column-count:3; column-gap:2rem; }





/*20250107information追加CSS*/
.insta{display: none;}
.newslist { background: #015CA6 !important; color: white !important; }
.newslist::after { border-right: 1px solid white !important; border-top: 1px solid white !important; }
.tab-2 ul { width: 100% !important; }
.tab-2 { display: flex; flex-wrap: wrap; max-width: 100%; margin: 0 auto; padding: 0 150px; }
.tab-2 > label { flex: 1 1; order: -1; min-width: 100px; padding: .6em 1em; border-radius: 0px; font-size: .9em; text-align: center; cursor: pointer; position: relative; border-bottom: 1px solid #ccc; font-weight: bold; }
.tab-2 > label:not(:first-of-type)::before { content: ''; position: absolute; display: block; top: 12px; width: 1px; height: 15px; background-color: #ccc; left: -1px; z-index: -100; }
.tab-2 input { display: none; }
.tab-2 > div { display: none; width: 100%; padding: 2em 1em 1.5em 1em; background-color: #fff; }
.tab-2 label:has(:checked) + div { display: block; }
.tab-2 label.lab01:has(:checked) { color: #015CA6; background-color: #fff; border-color: #015CA6 #ccc #fff; border-style: solid; border-width: 4px 1px 1px; border-radius: 5px 5px 0 0; }
.lab01 { color: #015CA6; }
.tab-2 label.lab02:has(:checked) { color: #fa6566; background-color: #fff; border-color: #fa6566 #ccc #fff; border-style: solid; border-width: 4px 1px 1px; border-radius: 5px 5px 0 0; }
.lab02 { color: #fa6566; }
.c_02 { background-color: #fa6566; color: #fff; padding: 5px 17px; margin-right: 10px; font-size: 1.3rem; font-weight: normal; }
.tab-2 label.lab03:has(:checked) { color: #4e9dff; background-color: #fff; border-color: #4e9dff #ccc #fff; border-style: solid; border-width: 4px 1px 1px; border-radius: 5px 5px 0 0; }
.lab03 { color: #4e9dff; }
.c_03 { background-color: #4e9dff; color: #fff; padding: 5px 23px; margin-right: 10px; font-size: 1.3rem; font-weight: normal; }
.tab-2 label.lab04:has(:checked) { color: #00a28c; background-color: #fff; border-color: #00a28c #ccc #fff; border-style: solid; border-width: 4px 1px 1px; border-radius: 5px 5px 0 0; }
.lab04 { color: #00a28c; }
.c_04 { background-color: #00a28c; color: #fff; padding: 5px 23px; margin-right: 10px; font-size: 1.3rem; font-weight: normal; }
.tab-2 label.lab05:has(:checked) { color: #f08300; background-color: #fff; border-color: #f08300 #ccc #fff; border-style: solid; border-width: 4px 1px 1px; border-radius: 5px 5px 0 0; }
.lab05 { color: #f08300; }
.c_05 { background-color: #f08300; color: #fff; padding: 5px; margin-right: 10px; font-size: 1.3rem; font-weight: normal; }
.lab06 { display: none; }
section.topics ul li a:hover div.headline { text-decoration: none !important; opacity: 0.7 !important; }
@media only screen and (max-width: 640px) { .tab-2 {  padding: 0; }
 .lab06 {  display: block; }
 .tab-2 > label:not(:first-of-type)::before {  display: none; }
}