@charset 'UTF-8';

/*CSS Document*/


/*校正用CSS*/
div.test, section.test { display: none; }
body.test div.test,
body.test section.test { display: block; }





/*------------------------ html & body*/
html { height: 100%; background-position: center; position: relative; }
body:after { /*width: calc(100%); height: calc(100%); border: 0.5rem solid #39454f; position: fixed; top: 0; left: 0; pointer-events: none; content: ""; box-sizing: border-box; z-index: 100000;*/ }
body { /*min-width: 1200px;*//*background: #f0f0f0;*/ height: 100%; width: 100%; /*overflow-x: hidden;*/ box-sizing: border-box; position: relative; }
body:before { /*position: fixed;  content: "";  top: 0;  left: 0;  height: 100%;  width: 4rem;  background: #ffec00;  z-index: -1;*/ }
body:after { /*position: fixed;  content: "";  top: 0;  right: 0;  height: 100%;  width: 4rem;  background: #ffec00;  z-index: -1;*/ }
div.wrapper { padding-top: 11rem; }
body.top div.contents-wrapper { box-sizing: border-box; overflow: hidden; background: #fff; }
div.contents-wrapper { box-sizing: border-box; overflow: hidden;/*background: #f8f8f8;*//*padding-top: 1rem;*//*padding-bottom: 1rem;*/ padding-left: 1rem; padding-right: 1rem; }
div.contents-wrapper div.inner { max-width: 100rem; }

/*body.top div.inner { max-width: 1200px; }*/
div.inner { /*width: 1000px;*/ width: 100%; max-width: 1200px; margin-left: auto; margin-right: auto; position: relative; z-index: 1; padding: 0; }

/*-------------------------------------------------------------------------------------------------------- loading*/
/*loading*/
.loader-bg { background: #fff; height: 100%; width: 100%; position: fixed; top: 0; left: 0; z-index: 100000; }

/*.loader-bg.is-inview { opacity: 1 !important; }*/
.loader-bg .loading-logo div.loading-logo-wrap { position: fixed; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); z-index: 10000; display: block; width: 75%; max-width: 72rem; height: auto; /*background: url(../img/loading-logo-pre.png) no-repeat; background-size: 22.5rem 8rem;*/ }

/*.loader-bg .loading-logo div.loading-logo-wrap > div { width: 22.5rem; max-height: 0; transition: 1s all; overflow: hidden; }*/
/*.loader-bg.animate__animated .loading-logo div.loading-logo-wrap > div { width: 100%; height: auto; }*/
.loader-bg .loading-logo div.loading-logo-wrap > div img { width: 50%; margin-left: auto; margin-right: auto; height: auto; display: block; }

/*.loader-bg-figure { width: 100%; height: 100%; position: relative; overflow: hidden; }
.loader-bg-figure img { width: auto; height: 100%; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%);transition: 10s all; }*/
/*.loader-bg.is-inview.animate__animated .loader-bg-figure img { transform: translateX(-50%) translateY(-50%) scale(1.1); opacity: 0; }*/

/*-------------------------------------------------------------------------------------------------------- header*/
header { width: 100%; z-index: 9999; /*background: #fff;*/ position: fixed; top: 0; /*box-shadow: 0 2px 4px rgba(0, 0, 0, 0.09);*//*box-shadow: 0 0 0 2px #fff inset, 5px 5px 25px #e7ecf1;*//*box-shadow: 5px 5px 25px #e7ecf1;*//*height: 6rem;*//*border-top: 0.1rem solid #303030;*//*padding-top: 1rem; padding-bottom: 1rem;*/ box-sizing: border-box;/*background: #fff;*//*background: #f4f5f6;*/ max-height: 12rem; padding-top: 1rem; padding-bottom: 1rem;/*background: rgba(255,255,255,0.90);*//*box-shadow: 0 2px 4px rgba(0, 0, 0, 0.09);*//*backdrop-filter: blur(0.25rem);*/ background: #fff; }
body.top header { /*width: 100%; position: fixed; z-index: 9999; background: #39454f; background:; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.09);box-shadow: 0 0 0 2px #fff inset, 5px 5px 25px #e7ecf1;box-shadow: 5px 5px 25px #e7ecf1; height: 6rem; border-top: 0.1rem solid #303030; padding-top: 1rem; padding-bottom: 1rem; box-sizing: border-box;*//*background: #fff;*//*background: #f4f5f6;*/ }
header div.inner { /*overflow: hidden;*//*max-height: 100px;*/ width: 1200px; max-width: 1200px; margin-left: auto; margin-right: auto; box-sizing: border-box; padding-left: 1rem; padding-right: 1rem; }
header div.logo { /*margin-bottom: 1.5rem;*/ float: left; width: 28rem; margin-right: 2%; position: relative;/*top: -0.5rem;*/ }
header div.logo h1 { /*display: none;*/ }
header div.logo a { display: block; padding: 0; color: #000; text-decoration: none; float: left; font-size: 1.8rem; letter-spacing: 0.25rem; font-weight: normal; white-space: nowrap; position: relative; transform: scaleY(0.975); top: -0.4rem; line-height: 1.25; }
header div.logo a span { display: block; font-size: 1.4rem; margin-bottom: 0.2rem; }

/*header*/


/*div.header-top*/
header div.header-top { margin-bottom: 0.5rem; }

/**/

header div.header-top div.utility { float: right; }
header div.header-top div.utility div.utility-top { text-align: right; }
header div.header-top div.utility div.utility-top ul { font-size: 0; margin-bottom: 1rem; }
header div.header-top div.utility div.utility-top ul li { display: inline-block; }

/*-------------------------- アクセス*/
header div.header-top div.utility div.utility-top ul li a { font-size: 1.3rem; position: relative; padding-left: 2rem; padding-right: 2rem; padding-top: 0.5rem; padding-bottom: 0.5rem; color: #000; display: block; text-decoration: none; }
header div.header-top div.utility div.utility-top ul li a::before { position: absolute; top: 50%; left: 0; width: 0.5rem; height: 0.5rem; margin: auto; content: ''; -webkit-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); border-top: 0.1rem solid #a3a37c; border-right: 0.1rem solid #a3a37c; z-index: 1; }

/*-------------------------- 鳥取大学医学部*/

header div.header-top div.utility div.utility-top ul li:last-child a { background: #1c3c55; color: #e0e5e8; /*border: 0.1rem solid #2f4858;*/ border-radius: 1000rem; }
header div.header-top div.utility div.utility-top ul li:last-child a::before { position: relative; top: 0; left: 0; width: 0; height: 0; margin: auto; content: ''; -webkit-transform: none; transform: none; border-top: none; border-right: none; z-index: 1; display: none; }
header div.header-top div.utility div.utility-bottom { text-align: right; }
header div.header-top div.utility div.utility-bottom ul { font-size: 0; }
header div.header-top div.utility div.utility-bottom ul li { display: inline-block; }
header div.header-top div.utility div.utility-bottom ul li a { font-size: 1.3rem; position: relative; padding-left: 2rem; padding-right: 1rem; color: #000; text-decoration: none; display: block; }
header div.header-top div.utility div.utility-bottom ul li a::before { position: absolute; top: 50%; left: 0.45rem; width: 0.5rem; height: 0.5rem; margin: auto; content: ''; -webkit-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); border-top: 0.1rem solid #fff; border-right: 0.1rem solid #fff; z-index: 1; }
header div.header-top div.utility div.utility-bottom ul li a::after { position: absolute; top: 50%; left: 0; width: 1.75rem; /**/ height: 1.75rem; /**/ margin: auto; content: ''; -webkit-transform: translateY(-50%); transform: translateY(-50%); background: #a3a37c; border-radius: 100rem; z-index: 0; }

/*------------------------------------------------------------------------------------------------------------------- nav*/

header div.header-bottom { }
header div.menu-button { display: none; }
nav { /*border-top: 0.1rem solid #a3a37c;*/ /*border-bottom: 0.1rem solid #a3a37c;*/ position: relative; height: 100%; /*background: #f1deb4;*//*border-top: 0.1rem solid #e9ebec;*//*border-bottom: 0.2rem solid #f3f3f3;*//*width: calc(98% - 18rem);*//*float: left;*/ }
nav ul { width: 100%; height: 100%; white-space: nowrap; font-size: 0;/*height: 2rem;*//*padding-top: 1rem; padding-bottom: 1rem;*/ }
nav ul li { position: relative; display: inline-block; /*float: left; width: 16.6%;*/ width: calc(100% / 7); /*height: 80px;*/ vertical-align: middle;/*width: 25%;*//*padding-top: 2rem; padding-bottom: 2rem;*/ }
nav ul li:after { /*position: absolute; content: ""; top: 50%; right: 0; transform: translateY(-50%) rotate(30deg); -webkit-transform: translateY(-50%) rotate(30deg); transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 0.1rem; height: 1.5rem; background: #a3a37c;*/ }
nav ul li:first-child:before { /*position: absolute; content: ""; top: 50%; left: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 0.1rem; height: 1.5rem; background: #a3a37c;*/ }
nav > div.inner > ul > li > a:hover::after { }
nav ul li a { font-size: 1.6rem; line-height: 1.2; position: relative; display: block; box-sizing: border-box; width: 100%; text-align: center; white-space: nowrap; text-decoration: none; color: #303030; /*padding-left: 2.0rem; padding-right: 2.0rem;*/ font-weight: normal; transition: 0.25s all; padding:0.75rem; }
nav ul li a span { display: none; }
nav ul li a:hover { opacity: 0.75; }
nav ul li a::after { }
nav ul li:first-child a::before { }

/*-------------------------------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------------------------------------*/
a.anchor { position: absolute; top: -6rem; }
body.top section { /*border-top: 0.5rem solid #39454f;*//*background:;*/ }
section { font-size: 1.8rem; line-height: 2; padding-top: 6rem; padding-bottom: 6rem; }
section div.inner { max-width: 100rem; margin-left: auto; margin-right: auto; clear: both; overflow: hidden; }
section div.titles-wrap { /*float: left; width: 28%; margin-right: 4%;*/ }
section div.titles-wrap + div { /*float: left; width: 68%;*/ }
section div.title { text-align: center; margin-bottom: 3rem;/*margin-top: -10rem;*//*border-bottom: 0.1rem solid #b09c7a;*//*border-bottom: 0.3rem double #484838;*/ position: relative; }
section div.title h2 { /*width: 15rem;*/ margin-left: auto; margin-right: auto; /*height: 15rem;*/
 /*background: #fff;*/ display: block; /*background: #fff;*/
 /*border: 0.1rem double #dddedc; border-right: none; border-bottom: none;*/ text-align: center; font-size: 2.4rem; font-weight: bold; letter-spacing: 0.25rem; /*color: #484838;*/ position: relative; z-index: 1; line-height: 1.5; color: #1c3c55; }
section div.title:after { /*position: absolute; left: 0; top: 50%; width: 100%; transform: translateY(-50%); -webkit-transform: translateY(-50%); height: 0.1rem; background: #484838; content: ""; z-index: 0;*/ }
section div.title:before { /*position: absolute; left: calc(50% + 0.3rem); top: calc(50% + 0.3rem); width: 100%; transform: translateX(-50%) translateY(-50%); width: 15rem; height: 15rem; border: 0.1rem solid #adac9a; content: ""; z-index: 2;*/ }
section div.title h2 span { /*position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%) scaleX(0.975); -webkit-transform: translateX(-50%) translateY(-50%) scaleX(0.975); white-space: nowrap;*/ }
section div.title span.material-icons { display: block; color: #000; font-size: 4rem; }
section div.title span.en { /*display: none;*/ color: #9b9b9b; font-size: 2rem; /*transform: scaleY(0.95);*/ display: block; }
section div.titles-wrap div.description { margin-bottom: 4rem; font-size: 1.6rem; }
div.link a { display: block; /*border: 0.1rem solid #000;*/ padding-top: 1rem; padding-bottom: 1rem; box-sizing: border-box; text-align: center; color: #e0e5e8; text-decoration: none; font-weight: normal; position: relative; background: #1c3c55; transition: 0.25s all;/*border-radius: 0.5rem;*//*border-radius: 0.25rem;*/ border-radius: 1000rem; }
div.link a:before { border-right: 0.1rem solid #e0e5e8; border-top: 0.1rem solid #e0e5e8; content: ""; display: block; height: 1rem; right: 1rem; position: absolute; top: 50%; transform: translateX(-50%) translateY(-50%) rotate(45deg); transition: all 0.2s ease-in-out 0s; width: 1rem; }
div.link a[href$=".pdf"]:after { display: none; }
div.link a:hover { background: #e0e5e8; color: #1c3c55; }
div.link a:hover:before { border-right: 0.1rem solid #1c3c55; border-top: 0.1rem solid #1c3c55; }
div.link a.active { background: #e0e5e8; color: #e0e5e8; pointer-events: none; }
div.link a.active:hover:after { display: none; }
div.link a.active:after { display: none; }
section .strong { color: #6c5025; }

/**/

/*-------------------------------------------------------------------------------------------------------------------*/
section.main-visual { position: relative; padding: 0; /*height: calc(100vh - 12rem);*/ min-height: 50rem; /**/ max-height: 50rem; /**//*border-top: 0;	
border-left: 0; border-right: 0;*/ box-sizing: border-box; z-index: 100; margin-bottom: 4rem; }
section.main-visual div.inner { height: 50rem; max-width: 1200px; }

/*section.main-visual div.main-visual-bg { position: absolute; z-index: 0; left: 50%; top: 5rem; transform: translateX(0) translateY(0); -webkit-transform: translateX(0) translateY(0); overflow: hidden; pointer-events: none; }
section.main-visual div.main-visual-bg img { width: 100%; opacity: 0.75; position: relative; transform: translateX(20%); -webkit-transform: translateX(20%); }*/
section.main-visual div.inner { position: relative; padding-top: 8rem; padding-bottom: 8rem; padding-left: 2rem; padding-right: 2rem; z-index: 1; box-sizing: border-box; overflow: visible; }
section.main-visual div.titles-wrap { margin-top: 0; position: relative; height: 100%; z-index: 100;/*padding-left: 10rem;*/ pointer-events: none; }
section.main-visual div.titles-wrap div.title { border: none; text-align: left; padding-left: 1rem; }
section.main-visual div.titles-wrap div.title:after, section.main-visual div.titles-wrap div.title:before { display: none; }
section.main-visual div.titles-wrap div.title h1 { font-size: 1.8rem; letter-spacing: 0.125rem; white-space: nowrap;/*reset*//*transform: scaleY(0.975);  -webkit-transform: scaleY(0.975);*/ line-height: 1.5; font-weight: normal; }
section.main-visual div.titles-wrap div.title h1 span { font-size: 1.4rem; }
section.main-visual div.titles-wrap div.en-name { font-size: 1rem; /*color: #a3a37c;*/ color: #2f4858; }
section.main-visual div.titles-wrap div.description { font-size: 2.4rem; font-weight: bold; white-space: nowrap; letter-spacing: 0.25rem; margin-top: 2rem; margin-bottom: 4rem; }
section.main-visual div.titles-wrap div.description div.copy { width: 70rem; position: relative; }
section.main-visual div.titles-wrap div.description div.copy:before { width: 20rem; height: 20rem; background: #e1f0fa; border-radius: 1000rem 0 0 0; position: absolute; top: 0; left: 0; transform: translateX(-50%) translateY(-25%); content: ""; z-index: 0; opacity: 0.4; }
section.main-visual div.titles-wrap div.description div.copy:after { width: 15rem; height: 15rem; background: #89d83f; border-radius: 0 0 1000rem 0; position: absolute; top: 30rem; left: 30rem; transform: translateX(-50%) translateY(-25%); content: ""; z-index: 0; opacity: 0.125; }
section.main-visual div.titles-wrap div.description div.copy img { z-index: 1; position: relative; }
section.main-visual div.main-visual-figure { position: absolute; top: 50%; /*left: 50%;*/ right: 0; transform: translateX(0) translateY(-50%); /*width: 60vw;*/ z-index: 0; width: 64rem; }
section.main-visual div.main-visual-figure img { border-radius: 0 0 0 10rem; display: block; height: 64rem; position: relative; top: -10rem; box-shadow: -3rem 3rem 4rem rgba(0,22,38,0.09); }

/*-------------------------------------------------------------------------------------------------------------------*/
section.topics { /*background: #155573;*/ position: relative; }
section.topics div.inner { position: relative; z-index: 1; }
section.topics:before { width: calc(100%); height: 40vw; max-height: 40rem; position: absolute; content: ""; background: #ebf4fa; z-index: 0; top: 0; left: 0; border-radius: 0 1000rem 1000rem 0; }
section.topics:after { width: 40%; max-width: 40rem; height: 40vw; max-height: 40rem; position: absolute; content: ""; background: #e1f0fa; z-index: 0; top: 0; right: 0; border-radius: 1000rem; opacity: 0.75; }
div.topics { position: relative; margin-top: -10rem; }
div.topics div.title h2 { font-size: 2.5rem; text-align: left; font-weight: normal; margin-bottom: 4rem; position: relative; }
div.topics div.title h2:before { display: block; height: 150px; position: absolute; right: 125px; top: -12.5rem; transform: scale(0.5, 0.5);  width: 500px; z-index: 1; pointer-events: none; }

/**/
div.topics-list { text-align: center; }
div.topics-list ul { margin-bottom: 4rem; position: relative; padding-left: 1rem; padding-right: 1rem; min-height: 15rem; }
div.topics-list ul li { text-align: left; }
div.topics-list ul li:first-child a { /*border-top: 0.1rem solid #8c8c74;*/ }
div.topics-list ul li a { display: block; border-bottom: 0.2rem dotted #1c3c55; font-size: 1.6rem; position: relative; width: 100%; box-sizing: border-box; transition: 0.25s all; color: #000; text-decoration: none; padding: 2rem; padding-right: 4rem;/*background: #fff;*//*box-shadow: 0 4px 8px rgba(0, 0, 0, 0.25);*//*margin-bottom: 2rem;*/ }
div.topics-list ul li a:before { border-right: 1px solid #000; border-top: 1px solid #000; content: ""; display: block; height: 0.75rem; position: absolute; right: 0.5rem; top: 50%; transform: translateX(-50%) translateY(-50%) rotate(45deg); width: 0.75rem; z-index: 1; }
div.topics-list ul li a:after { background: #000; bottom: 0; content: ""; height: 1px; margin: auto; position: absolute; right: 0.9rem; top: 0; width: 10px; }
div.topics-list ul li a div.update { margin-bottom: 0.5rem; position: relative; z-index: 1; letter-spacing: 0.2rem; color: #000; font-size: 1.4rem; opacity: 0.5; }
div.topics-list ul li a div.heading { letter-spacing: 0.2rem;/*font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;*/ }
div.topics-list ul li a div.update span.update-label { font-size: 1.2rem; }
div.topics-list ul li a:hover { background: #f8f8f8; }
/*div.topics div.link { text-align: center; margin-left: auto; margin-right: auto; margin-bottom: 3rem; }*/
section.topics div.inner { position: relative; /*padding-bottom: 8rem;*/ z-index: 200; }
section.topics div.inner div.link { /*position: absolute;*//*left: 0; bottom: 0;*/ width: 28%; margin-left: auto; margin-right: auto; }


/*-------------------------------------------------------------------------------------------------------------------*/
section.event { position: relative; }
section.event div.inner { position: relative; z-index: 1; }
section.event:before { width: calc(100%); height: 40vw; max-height: 40rem; position: absolute; content: ""; background: #89d83f; z-index: 0; top: 0; right: 0; border-radius: 1000rem 0 0 1000rem; opacity: 0.1;}
section.event:after { width: 40%; max-width: 40rem; height: 40vw; max-height: 40rem; position: absolute; content: ""; background: #89d83f; z-index: 0; top: 0; left: 0; border-radius: 1000rem; opacity: 0.08; }
div.event { position: relative; margin-top: -10rem; }
div.event div.title h2 { font-size: 2.5rem; text-align: left; font-weight: normal; margin-bottom: 4rem; position: relative; }
div.event div.title h2:before { display: block; height: 150px; position: absolute; right: 125px; top: -12.5rem; transform: scale(0.5, 0.5);  width: 500px; z-index: 1; pointer-events: none; }

/**/
/*
div.event-list { text-align: center; }
div.event-list ul { margin-bottom: 2rem; position: relative; padding:0; display: flex; flex-flow: row wrap; }
div.event-list ul li { text-align: left; width:33%; line-height:1.5; }
div.event-list ul li:first-child a {  }
div.event-list ul li a { display: block; font-size: 1.6rem; position: relative; width: 100%; box-sizing: border-box; transition: 0.25s all; color: #000; text-decoration: none; padding: clamp(1rem,2vw,2rem); }
div.event-list ul li a:before {  }
div.event-list ul li a:after {}
div.event-list ul li a div.update { margin-bottom: 0.5rem; position: relative; z-index: 1; letter-spacing: 0.2rem; color: #000; font-size: 1.4rem; opacity: 0.5; display: none; }
div.event-list ul li a div.heading { letter-spacing: 0.2rem; }
div.event-list ul li a div.update span.update-label { font-size: 1.2rem; }
div.event-list ul li a:hover { background: #f8f8f8; }
div.event-list ul li .photo { margin-bottom: 1rem; }
section.event div.inner { position: relative; z-index: 200; }
section.event div.inner div.link {  width: 28%; margin-left: auto; margin-right: auto; }

body.event div.article-list ul { display: flex; flex-flow:row wrap; }
body.event div.article-list ul li { width:33.3%; margin:0; padding:0 2% 2rem 2%; box-sizing: border-box;  line-height:1.5; }
body.event div.article-list ul li a { padding: clamp(1rem,2vw,2rem) clamp(2rem,5vw,4rem) clamp(1rem,2vw,2rem) clamp(1rem,2vw,2rem) }
*/



/**/
div.event-list { text-align: center; }
div.event-list ul { margin-bottom: 4rem; position: relative; padding-left: 1rem; padding-right: 1rem; min-height: 15rem; }
div.event-list ul li { text-align: left; }
div.event-list ul li:first-child a { }
div.event-list ul li a { display: block; border-bottom: 0.2rem dotted #1c3c55; font-size: 1.6rem; position: relative; width: 100%; box-sizing: border-box; transition: 0.25s all; color: #000; text-decoration: none; padding: 2rem; padding-right: 4rem; }
div.event-list ul li a:before { border-right: 1px solid #000; border-top: 1px solid #000; content: ""; display: block; height: 0.75rem; position: absolute; right: 0.5rem; top: 50%; transform: translateX(-50%) translateY(-50%) rotate(45deg); width: 0.75rem; z-index: 1; }
div.event-list ul li a:after { background: #000; bottom: 0; content: ""; height: 1px; margin: auto; position: absolute; right: 0.9rem; top: 0; width: 10px; }
div.event-list ul li a div.photo { display: none; }
div.event-list ul li a div.update { margin-bottom: 0.5rem; position: relative; z-index: 1; letter-spacing: 0.2rem; color: #000; font-size: 1.4rem; opacity: 0.5; }
div.event-list ul li a div.heading { letter-spacing: 0.2rem; }
div.event-list ul li a div.update span.update-label { font-size: 1.2rem; }
div.event-list ul li a:hover { background: #f8f8f8; }
section.event div.inner { position: relative; z-index: 200; }
section.event div.inner div.link {  width: 28%; margin-left: auto; margin-right: auto; }

@media only screen and (max-width: 768px) {
 section.event div.inner div.link { width: 100%; }
body.event div.article-list ul { margin: 0 -5%; }
/*body.event div.article-list ul li { width:50%; }*/
/*div.event-list ul li { width:50%; }*/
 }



/*-------------------------------------------------------------------------------------------------------------------*/

section.outline { /*background: #155573;*//*background: #155573;*//*background: #fff;*//*mix-blend-mode: multiply;*//*mix-blend-mode: difference;*//*background: #30596f;*/ position: relative; z-index: 200; /*color: #d7ab9c;*//*font-size: 2rem;*/ overflow: hidden; }
section.outline:before { /*position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; background: #155573; mix-blend-mode: multiply; z-index: 1;*/ }
section.outline:after { /*background: rgba(244,243,204,0.80);*//*background: #fff;*//*content: ""; height: 100rem; left: 0; position: absolute; top: 0; transform: translateX(-50%) translateY(-50%); width: 100%; z-index: 1;*/ }
section.outline div.inner { position: relative; z-index: 200; overflow: visible; }
section.outline div.figure { position: relative; }
section.outline div.figure:after { background: #f8f8f8; position: absolute; content: ""; top: 50%; transform: translateX(-50%) translateY(-50%); width: 100vw; height: 10rem; left: 50%; z-index: 0; }
section.outline div.figure img { position: relative; z-index: 1; }
section.outline div.outline-list { position: relative; }
section.outline div.outline-list:before { background: #f8f8f8; top: 10rem; width: 100vw; height: 10rem; left: 50%; transform: translateX(-50%); position: absolute; content: ""; }
section.outline div.outline-list ul { position: relative; z-index: 0; }
section.outline div.outline-list ul li { float: left; width: 30.66%; margin-right: 4%; margin-bottom: 4rem; }
section.outline div.outline-list ul li a { text-decoration: none; /*color: #dddedc;*/ color: #555; }
section.outline div.outline-list ul li:nth-child(3n) { margin-right: 0; }
section.outline div.outline-list ul li div.thumbnail { margin-bottom: -2.5rem; overflow: hidden; border-radius: 2rem; }
section.outline div.outline-list ul li div.thumbnail span {}
section.outline div.outline-list ul li div.headline { text-align: center; font-size: 2.1rem; margin-bottom: 1rem; }
section.outline div.outline-list ul li div.description { font-size: 1.4rem; opacity: 0.75; line-height: 1.75; }
section.outline div.inner div.link { /*position: absolute;*//*left: 0; bottom: 0;*/ width: 28%; margin-left: auto; margin-right: auto; }

/*-------------------------------------------------------------------------------------------------------------------*/

section.staff { /*background: rgba(255,255,255,0.90);*/ position: relative; z-index: 1; }
section.staff div.inner { overflow: visible; }
section.staff:before { width: calc(100%); height: 40vw; max-height: 40rem; position: absolute; content: ""; background: #ebf4fa; z-index: 0; top: 0; right: 0; border-radius: 1000rem 0 0 1000rem; }
section.staff:after { width: 40%; max-width: 40rem; height: 40vw; max-height: 40rem; position: absolute; content: ""; background: #e1f0fa; z-index: 0; top: 0; left: 0; border-radius: 1000rem; opacity: 0.75; }

/*section.staff div.greeting-bg { position: absolute; z-index: 0; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); overflow: hidden; width: 100%; height: 100%; }
section.staff div.greeting-bg img { height: 100%; position: absolute; opacity: 0.25; left: 25%; transform: translateX(50%); -webkit-transform: translateX(50%); }
section.staff div.greeting-figure {}
section.staff div.greeting-name { letter-spacing: 0.25rem; }*/

section.staff div.staff-list ul li { float: left; width: 48%; margin-right: 4%; }
section.staff div.staff-list ul li a { text-decoration: none; color: #303030; }
section.staff div.staff-list ul li:nth-child(2n) { margin-right: 0; }
section.staff div.staff-list ul li div.thumbnail { border-radius: 2rem; overflow: hidden;/*margin-bottom: 1rem; overflow: hidden; border-radius: 2rem; transform: skewY(-5deg); max-width: calc(100% - 12rem); margin-left: auto; margin-right: auto; position: relative;*/ }
section.staff div.staff-list ul li div.thumbnail span { /*transform: skewY(5deg); display: block; width: calc(100%); padding-bottom: 75.00%;*/ }
section.staff div.staff-list ul li div.thumbnail span img { /*position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); width: calc(100% + 4rem); max-width: calc(100% + 4rem);*/ }
section.staff div.staff-list ul li div.name { text-align: center; font-size: 2.1rem; }
section.staff div.staff-list ul li div.name span.position { font-size: 1.6rem; }
section.staff div.staff-list ul li div.en-name { text-align: center; font-size: 1.4rem; color: #a3a37c; }
section.staff div.staff-list ul li div.link { text-align: center; }
section.staff div.staff-list ul li div.link span { display: inline-block; position: relative; padding-left: 1.5rem; }
section.staff div.staff-list ul li div.link span::before { position: absolute; top: 50%; left: 0; width: 0.5rem; height: 0.5rem; margin: auto; content: ''; -webkit-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); border-top: 0.1rem solid #a3a37c; border-right: 0.1rem solid #a3a37c; z-index: 1; }

/**/



/*-------------------------------------------------------------------------------------------------------------------*/
section.achievement { position: relative; z-index: 1; /*background: rgba(255,255,255,0.90);  background: #1e3d54;*/ background: #f8f8f8;/*color: #fff;*/ }
section.achievement div.title h2 { /*color: #fff;*/ }
section.achievement div.inner { /*padding-bottom: 8rem;*/ }
section.achievement div.achievement-bg { position: absolute; z-index: 0; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); overflow: hidden; width: 100%; height: 100%; }
section.achievement div.achievement-bg img { width: 100%; position: absolute; opacity: 0.75; }
section.achievement ol { /*margin: 0 0 1em 0;*/ margin-left: 1em; /*padding: 0;*/ counter-reset: number; list-style: none; margin: 0; padding: 0; /*border-top: 0.1rem solid #162b3a;*/ border-top: 0.1rem solid #dfddde; line-height: 1.5; padding-top: 1rem; }
section.achievement ol li { margin: 0; padding: 0;/*padding: 0;*/ padding-left: 2rem; font-size: 1.5rem; /*padding-top: 1rem;*/ padding-bottom: 1rem; margin-bottom: 1rem; /*border-bottom: 0.1rem solid #162b3a;*/ border-bottom: 0.1rem solid #dfddde; }
section.achievement ol li:before { counter-increment: number; content: counter(number)"."; /*background: #333;*/ display: inline-block; text-align: center; /*border-radius: 1000px;*/ position: absolute; left: 0; }
section.achievement h3 { margin: 0; padding: 0; border: none; text-align: center;/*color: #fff;*/ }
section.achievement h4 { margin: 0; padding: 0; font-size: 1.8rem; /*background: #a3a37c;*/ color: #303030; /*border: 0.1rem solid #303030;*//*border: 0.1rem solid #ccc;*/ border: none; margin-bottom: 1rem; padding-left: 1rem; padding-right: 1rem; /*color: #fff;*/ margin-top: 4rem; text-align: center; }

/*section.achievement h5 { margin: 0; padding: 0; font-size: 1.6rem; text-align: center; color: #fff; }*/
section.achievement h5 { margin: 0; padding: 0; font-size: 1.6rem; /*padding-left: 2rem;*/ position: relative; text-align: center; display: block; }
section.achievement h5:before { /*content: "●";*//*background: #333;*/ display: inline-block; /*color: #303030;*/ margin-right: 0.5rem;/*color: #fff;*/ }
div.achievement-list ul li a { padding: 1rem; display: block; border-top: 0.1rem solid #dfddde; position: relative; padding-right: 3rem;/*color: #ccc;*//*color: #fff;*/ }
div.achievement-list ol li a { /*color: #fff;*/ }
div.achievement-list ul li a:before { border-right: 0.1rem solid #a3a37c; border-top: 0.1rem solid #a3a37c; content: ""; display: block; height: 2rem; right: 0; position: absolute; top: 50%; transform: translateX(-50%) translateY(-50%) rotate(45deg); transition: all 0.2s ease-in-out 0s; width: 2rem; }
div.achievement-list ul li:last-child { border-bottom: 0.1rem solid #dfddde; }
section.achievement div.inner { text-align: center; }
section.achievement div.inner div.link {/*bottom: 0; left: 0; position: absolute; width: 28%;*/ }
section.achievement div.inner div.link a { border: 0.1rem solid #000; }
section.achievement div.inner div.link { width: 30%; /*margin-left: auto; margin-right: auto;*/ display: inline-block; margin-left: 1rem; margin-right: 1rem; }

/*-------------------------------------------------------------------------------------------------------------------*/
div.scroller { background: #1c3c55; bottom: 0.5rem; display: block; height: 6rem; position: fixed; right: 0.5rem; width: 6rem; z-index: 10000; border-radius: 10000rem 10000rem 0 0; }
div.scroller div.button { height: 6rem; position: absolute; top: 0; width: 6rem; }
div.scroller div.button a { display: block; height: 6rem; position: relative; width: 6rem; }
div.scroller div.button a::before { border-right: 0.1rem solid #fff; border-top: 0.1rem solid #fff; content: ""; display: block; height: 2rem; left: 50%; position: absolute; top: 60%; /**/ transform: translateX(-50%) translateY(-50%) rotate(-45deg); transition: all 0.2s ease-in-out 0s; width: 2rem; }
footer { background: #1c3c55; padding-top: 2rem; padding-bottom: 4rem; z-index: 1000; position: relative; /*border-top: 0.1rem solid #a3a37c;*/ border-top: 0.1rem solid #f8f8f8; width: calc(100% - 4rem); margin-top: 4rem; margin-left: auto; margin-right: auto; color: #fff; border-radius: 5rem 5rem 0 0; box-shadow: 4rem -3rem 4rem rgba(0,22,38,0.1); }
footer div.inner { padding-left: 1rem; padding-right: 1rem; box-sizing: border-box; }
footer div.logo { float: left; width: calc(50% - 4rem); padding-left: 4rem; font-size: 3.0rem; line-height: 1.25; max-width: 30rem; }
footer div.logo span { display: block; font-size: 1.6rem; margin-bottom: 0.2rem; }
footer div.logo a { text-decoration: none; letter-spacing: 0.2rem; color: #fff; }
footer div.logo img { width: 100%; max-width: 40rem; }
footer div.footer-information { float: right; width: 50%; text-align: left; }
footer a { color: #000; }
footer a span { font-size: 3rem; }

/*-------------------------------------------------------------------------------------------------------------------*/

div.article-list ul { margin-bottom: 4rem; position: relative; margin-left: auto; margin-right: auto; max-width: 90rem; clear: both; overflow: hidden; }

/*body.top div.article-list ul:before {
 position: absolute; right: 0; top: -3rem; content: "Recent Articles"; white-space: nowrap; font-size: 2.4rem; }*/
div.article-list ul li { float: left; width: 48%; margin-right: 4%; margin-bottom: 2rem; }
div.article-list ul li:nth-child(2n) { float: left; width: 48%; margin-right: 0; }
div.article-list ul li:first-child a { /*border-top: 0.1rem solid #cacaca;*/ }
div.article-list ul li a { color: #000; display: block; padding-top: 1.25rem; padding-bottom: 1.25rem; border: 0.1rem solid #ddd; font-size: 1.6rem; position: relative; width: 100%; padding-right: 4rem; padding-left: 2rem; box-sizing: border-box; transition: 0.125s all; text-decoration: none; }
div.article-list ul li a:before { border-right: 0.1rem solid #cacaca; border-top: 0.1rem solid #cacaca; content: ""; display: block; height: 1rem; right: 1rem; position: absolute; top: 50%; transform: translateX(-50%) translateY(-50%) rotate(45deg); transition: all 0.2s ease-in-out 0s; width: 1rem; }
div.article-list ul li a div.headline { position: relative; z-index: 1; }
div.article-list ul li a div.headline {}
div.article-list ul li a:hover { background: #f3f3f3; text-decoration: none; }

/*-------------------------------------------------------------------------------------------------------- topicPath*/
.topicPath { font-size: 1.2rem; display: block; /*margin: 0 auto 40px;*//*background: #4568DC;*//*background: -webkit-linear-gradient(to right, #B06AB3, #4568DC); background: linear-gradient(to right, #B06AB3, #4568DC);*//*	background: #f8f8f8;*/ background: #ebf4fa; text-align: left; margin-bottom: 1rem; }
.topicPath ul { padding: 1rem; /*padding-left: 0.5em; padding-right: 0.5em;	*/ list-style: none; }
.topicPath ul li { display: inline; }
.topicPath ul li a { font-size: 1.2rem; /*font-weight: bold;*/ position: relative; padding-right: 1rem; padding-left: 1rem; /*color: #689d38;*//*color: #003e6c;*/ color: #006cbc; font-weight: bold; text-decoration: underline; }
.topicPath ul li:first-child a { padding-left: 0; }
.topicPath ul li span { padding-right: 1rem; padding-left: 1rem; }
.topicPath ul li a:before { width: 0.4rem; height: 0.4rem; position: absolute; top: 50%; right: 0; content: ""; /*border-top: 1px solid #003e6c; border-right: 1px solid #003e6c;*/ border-top: 1px solid #39454f; border-right: 1px solid #39454f; transform: translateX(-50%) translateY(-50%) rotate(45deg); transition: all .2s ease-in; }
.topicPath ul li a:hover { text-decoration: none; }



/*-------------------------------------------------------------------------------------------------------- div.page-title*/
div.page-title {/*
 margin-top: 2rem;*//*margin-bottom: 2rem;*/ padding-top: 1rem; padding-bottom: 1rem;/*background: #39454f;*/ }
div.page-title div.title { /*border: 0.2rem solid #39454f;*/ padding-top: 2rem; padding-bottom: 2rem; text-align: center; background: #fff;/*box-shadow: 0 2px 4px rgba(0, 0, 0, 0.09);*//*border-top: 1rem solid #a4d4ed; border-right: 1rem solid #cba5bd; border-bottom: 1rem solid #e9afbd; border-left: 1rem solid #aed071;*/ }
div.page-title div.title h1 { font-size: 3.0rem; letter-spacing: 0.5rem; font-weight: bold;/*display: none;*/ }
div.page-title div.title h1 div { display: inline-block; }
div.page-title div.title h1 span { color: #39454f; display: inline-block; }
div.page-title div.description h2 { background: #fff; font-weight: normal; text-align: center; padding-bottom: 1rem; }
div.page-title div.update { /*background: #f8f8f8;*/ color: #a3a37c; text-align: center; font-size: 1.4rem;/*
 font-family: oswald;*/ }
div.page-title div.description div.number { border-radius: 100rem; border: 0.1rem solid #f0f0f0; display: inline-block; padding-left: 1rem; padding-right: 1rem; background: #f8f8f8; white-space: nowrap; }
div.page-title div.description span.material-icons { color: #39454f; font-size: 1.8rem; vertical-align: middle; position: relative; top: -0.1rem; }

/*-------------------------------------------------------------------------------------------------------- div.map*/
div.anchor-wrap { position: relative; }
div.anchor-wrap a { position: absolute; top: -8rem; }
div.areamap { max-width: 76.8rem; margin-left: auto; margin-right: auto; }
div.areamap img { width: 76.8rem; }

/**/
div.menu-select { padding-top: 4rem; padding-bottom: 4rem; }
div.menu-select ul li { width: 48%; float: left; margin-right: 4%; }
div.menu-select ul li:nth-child(2) { margin-right: 0; }

/*-------------------------------------------------------------------------------------------------------- div.map*/

div.agree-text { padding: 2rem 4rem; border: 0.2rem solid #ccc; height: 30rem; overflow-y: scroll; margin-bottom: 2rem; font-size: 1.6rem; background: #fff; }


/*-----------------20240722トップページ外部リンクボタンCSS追記---------------------------------------------------*/
section.external {  position: relative;  z-index: 1;  background: #ebf4fa; } 
section.external div.inner div.link_e {  width: 32%;  display: inline-block;  margin-left: 1rem;  margin-right: 1rem; } 
div.link_e a {  display: block;  padding-top: 1rem;  padding-bottom: 1rem;  box-sizing: border-box;  text-align: center;  color: #e0e5e8;  text-decoration: none;  font-weight: normal;  position: relative;  background: #1c3c55;  transition: 0.25s all;  border-radius: 1000rem; } 
div.link_e a:before {  content: "";  position: absolute; 	top:30%; 	right: 1rem;  display: inline-block;  vertical-align: middle;  width: 1.2em;  height: 1.2em;  margin: 0 0.25em; background: url(https://www.med.tottori-u.ac.jp/dementia/files/56853.svg) center bottom / 100% no-repeat; } 
section.external div.inner {  text-align: center; }
/*--------------------------------------------------------------------------------------------------------*/

@media print { header div.bottom, div.banners, footer { display: none; }
body { width: 1200px !important; }
}