@charset "UTF-8";

  img.aligncenter{
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignright{
margin-left: auto;
display:block;
}
img.alignleft{
text-align: left;
} body,div,pre,p,blockquote,
form,fieldset,input,textarea,select,option,
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
table,th,td,embed,object{
margin: 0;
padding: 0;
}
body{
font-family:'Zen Kaku Gothic New', 'IBM Plex Sans JP', 'Roboto', 'ヒラギノ角ゴシック','Hiragino Sans','メイリオ','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','Osaka' ,'Yu Gothic','Arial', sans-serif , serif;
font-size:98%;
color:#4c4948;
font-weight:400;
line-height:2.0em;
-webkit-text-size-adjust: 100%;
word-break:break-all;
letter-spacing: 1px;
-webkit-text-size-adjust: 100%;
word-break:break-all;
-webkit-font-smoothing: antialiased;
-webkit-font-smoothing: subpixel-antialiased;
scroll-behavior: smooth;
}
.win body{
font-weight:500;
}
.gecko body{
font-weight:400;
}
img{
border:none;
vertical-align:bottom;
max-width:100%;
height:auto;
-webkit-backface-visibility: hidden;
pointer-events: none;
-webkit-touch-callout:none;
-webkit-user-select:none;
-moz-touch-callout:none;
-moz-user-select:none;
user-select:none;
}
li{
list-style-type:none;	
}
a{
backface-visibility: hidden; 
color:#4c4948;
text-decoration:none;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
a:hover{
color:#2d999c;
text-decoration:underline;
}
a img{
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
outline:none;
box-shadow: #000 0 0 0;
}
a:hover img{
opacity:0.7;
-moz-opacity:0.7;
-webkit-opacity:0.7;
}
table{
border-collapse:collapse;
border-color: #333333;
}
th{
font-weight:500;
}
td{
vertical-align:top;
}
.pc{
display:block!important;
}
.tab{
display:none!important;
}
.sp{
display:none!important;
}
.fadeUp{
animation-name:fadeUpAnime;
animation-duration:0.5s;
animation-fill-mode:forwards;
opacity:0;
}
@keyframes fadeUpAnime{
from {
opacity: 0;
transform: translateY(100px);
}
to {
opacity: 1;
transform: translateY(0);
}
} .fadeUpTrigger{
opacity: 0;
}
video {
top:0;
width: 100%;
height: 100%;
background: #000;
max-width: 100%;
} .UpMove{
animation: UpAnime 0.5s forwards;
}
@keyframes UpAnime{
from {
opacity: 1;
transform: translateY(0);
}
to {
opacity: 0;
transform: translateY(-100px);
}
} .DownMove{
animation: DownAnime 0.5s forwards;
}
@keyframes DownAnime{
from {
opacity: 0;
transform: translateY(-100px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@media screen and (max-width: 1160px) {
.pc{
display:none!important;
}
.tab{
display:block!important;
}
.sp{
display:none!important;
}
}
@media screen and (max-width: 770px) {
.pc{
display:none!important;
}
.tab{
display:none!important;
}
.sp{
display:block!important;
}
}
.pc1{
display:block;
}
.sp1{
display:none;
}
@media screen and (max-width: 640px) {
.pc1{
display:none;
}
.sp1{
display:block;
}
} .float_left{
float:left;
}
.float_right{
float:right;
}
.clear{
clear:both;
height:40px;
}
.cenclear{
clear:both;
text-align:center;
padding-top:30px;
}
.txt_center{
text-align:center;
}
.resizeimage{
width:100%;
}
.button{
width:600px;
margin:0 auto;
}
.button a{
display: inline-block; 
color: #c1282d;
background: #fff;
padding: 30px 0 27px 0;
text-decoration: none;
transition: .3s;
border:2px solid #c1282d;
text-align:center;
width:100%;
font-size:125%;
}
.button a:hover {
background: #c1282d;
color:  #fff;
border:2px solid #c1282d;
}
.button a span{
padding-right:2%;
}
@media screen and (min-width: 851px)  and (max-width: 1200px) {
.button{
width:70%;
}
}
@media screen and (max-width: 850px) {
.button{
width:80%;
}
.button a{
padding: 23px 0 20px 0;
font-size:115%;
}
.clear{
height:30px;
}
} #wrapperTop,#wrapper{
width:100%;
} @media screen and (max-width:900px) {
body{
font-size:97%;
color:#111;
font-weight:500;
}
} #header-sp{
display:none;
}
.mainSp{
display:none;
}
#wrapperTop{
position:relative;
width:100%;
overflow:hidden;
}
#wrapper{
position:relative;
width:100%;
overflow:hidden;
}
.headerWaku{
position:fixed;
width:100%;	
z-index:1000;
background:#fff;
box-shadow: 0 3px 10px rgba(0,0,0,0.1);
-moz-box-shadow: 0 3px 10px rgba(0,0,0,0.1);
-webkit-box-shadow: 0 3px 10px rgba(0,0,0,0.1);
}
.headerWakuSp{
display:none;
}
.headerL{
float:left;
width:18%;
margin:1.25% 0 0 1%;
}
.headerL img{
max-width:100%;
margin:0 auto;
height:auto;
display:block;
}
.headerL a img:hover{
opacity:1!important;
-moz-opacity:1!important;
-webkit-opacity:1!important;
}
.headerR{
float:right;
width:65%;
margin:1% 2% 0 0;
}
.headerUp{
float:right;
width:65%;
}
.headerUpL{
float:left;
width:75%;
padding:1% 0 0 0;
}
.headerUpR{
float:right;
width:22%;
}
.headerUpL ul li{
float:left;
width:30%;
}
.headerUpL ul li:nth-child(even){
width:20%;
}
.headerUpL ul li a{
display:block;
width:100%;
color:#2d999c;
font-size:90%;
}
.headerUpL ul li a i{
padding:0 2% 0 0;
}
.headerContact a{
display:block;
border:2px solid #2d999c;
color:#2d999c;
padding:2px 2% 3px 2%;
width:94%;
text-align:center;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
transition:.3s;
font-size:90%;
}
.headerContact a:hover{
display:block;
border:2px solid #2d999c;
color:#fff;
background:#2d999c;
text-decoration:none;
}
.headerContact a i{
padding:0 2% 0 0;
font-weight:600;
}
.headerMenu{
clear:both;
width:100%;
position:relative;
}
.gnav-wrapper {
position: relative;
width:100%;
margin:0 auto;
}
.gnav {
display: block;
}
.gnav ul {
box-sizing: border-box;
width: 100%;
list-style: none;
text-align: center;
}
.gnav li {
text-align: right;
transition: all .3s ease-in-out;
display:block;
width:21%;
float:left;
padding:20px 0;
letter-spacing:1px;
}
.gnav li:last-child {
width:16%;
}
.gnav li a {
text-decoration: none;
display:block;
position: relative;
font-size:100%;
line-height:140%;
color:#4c4948;
transition: all .3s ;
display: inline-block;
text-decoration: none;
}
.gnav li a:hover {
color:#111;
}
.gnav li a::after {
position: absolute;
bottom: -8px;
left: 0;
content: '';
width: 100%;
height: 2px;
background:#2d999c;
opacity: 0;
visibility: hidden;
transition: .3s;
}
.gnav li a:hover::after {
bottom: -4px;
opacity: 1;
visibility: visible;
}
.gnav li:first-child a:hover::after , .gnav li:nth-child(2) a:hover::after{
opacity: 0;
}
.gnav li i{
padding:0 0 0 5px;
}
.gnav li:nth-child(2) .megamenu {
left: 20%;
}
.gnav li:nth-child(3) .megamenu {
left: 40%;
}
#wrapperTop .gnav > li:hover .megamenu {
max-height: 9999px;
opacity: 1;
padding: 10px 0;
}
#wrapper .gnav > li:hover .megamenu {
max-height: 9999px;
opacity: 1;
padding: 10px 0 13px 0;
}
.megamenu {
max-height: 0;
opacity: 0;
overflow: hidden;
width: 30%;
position: absolute;
top: 60px;
left: 0;
transition: all .2s ease-in;
z-index: 999;
background:#fff;
box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.05) inset, 0px 3px 2px rgba(0, 0, 0, 0.1);
border-radius:10px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
}
.megamenu-inner {
display: block;
width: 94%!important;
padding:0 0 0 5%!important;
overflow:hidden;
}
.megamenu-inner li {
width: 100%;
display: inline-block;
text-align:left!important;
transition: all .3s ease-in-out;
border-bottom: 1px dashed #D3CFCB;
padding:5% 0;
}
.megamenu-inner li:last-child{
width: 100%;
border-bottom: none;
}
.megamenu-inner a {
border-left: none;
}
.megamenu-inner ul {
box-sizing: border-box;
list-style: none;
text-align: left;
}
.megamenu-inner li a {
text-decoration: none;
display: block;
position: relative;
color:#111;
font-size:95%;
text-indent: -0.45em;
padding: 0 8%;
}
.megamenu-inner li a:hover {
color:#2d999c;
}
.megamenu-inner li a:hover::after{
opacity:1!important;
-moz-opacity:1!important;
-webkit-opacity:1!important;
}
.megamenu-inner li a::after {
display: inline-block;
content: '\f101';
font-family: 'FontAwesome';
transition: 0.3s;
position: absolute;
left: 95%;
color: #2d999c;
opacity: 1;
height: auto;
visibility: inherit;
background: transparent;
bottom: 3%;
}
.megamenu-inner li a:hover::after {
bottom: 3%;
left: 97%;
}
.sp-main{
display:none;
}
@media screen and (max-width: 1540px) {
.headerL{
width:22%;
margin:1.25% 0 0 1%;
}
.headerR {
width: 70%;
}
.gnav li {
text-align: center;
}
.gnav li a {
font-size: 95%;
}
}
@media screen and (max-width: 1350px) {
.headerR {
width: 73%;
}
.headerUp{
width:70%;
}
}
@media screen and (max-width: 1250px) {
} @media screen and (max-width:1200px) {
.headerWaku{
display:none;
}
.headerWakuNaka{
display:none;
}
.headerWakuSp{
display:block;
position:relative;
width:100%;	
z-index:10000;
height: auto;
box-shadow: 0 2px 2px 0px rgb(0 0 0 / 20%);
padding: 1% 0 1.5% 0;
position: fixed;
background: #fff;
}
#nav-content {
overflow: auto;
position: fixed;
top: 0;
left: 0;
z-index: 9999;
width: 90%;
max-width: 80%;
height: 100%;
background:#fff;
transition: .3s ease-in-out;
-webkit-transform: translateX(-105%);
transform: translateX(-105%);
}
#nav-input:checked ~ #nav-close {
display: block;
opacity: .5;
}
#nav-input:checked ~ #nav-content {
-webkit-transform: translateX(0%);
transform: translateX(0%);
box-shadow: 6px 0 25px rgba(0,0,0,.15);
background: #fff;
}
.headerWaku{
display:none;
}
.tSMainNaka{
display:none;
}
header {
padding:2% 2% 1% 2%;
background:#fff;
position:relative;
}
@media screen and (max-width: 770px) {
header {
padding:2%;
}
}
@media screen and (max-width: 540px) {
.headerWakuSp{
padding: 2% 0 2.5% 0;
}
header {
padding:1% 2% ;
}
}
#nav-drawer {
position: relative;
top:0;
}
.nav-unshown {
display:none;
}
#nav-open {
display: inline-block;
width: 30px;
height: 25px;
vertical-align: middle;
}
#nav-open span, #nav-open span:before, #nav-open span:after {
position: absolute;
height: 3px;
width: 34px;
border-radius: 3px;
background: #2d999c;
display: block;
content: '';
cursor: pointer;
}
#nav-open span:before {
bottom: -8px;
}
#nav-open span:after {
bottom: -16px;
}
#nav-close {
display: none;
position: fixed;
z-index: 99;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: black;
opacity: 0;
transition: .3s ease-in-out;
}
#nav-open:checked  {
transform: rotate(135deg);
}
#nav-open:checked:checked span:before,
#nav-open:checked:checked span:after {
top: 0;
transform: rotate(90deg);
}
#nav-open:checked:checked span:after {
opacity: 0;
}
@media screen and (max-width:850px) {
#nav-drawer {
position: relative;
top:-1px;
}
}
@media screen and (max-width: 540px) {
#nav-drawer {
top:3px;
}
} #nav-content {
overflow: auto;
position: fixed;
top: 0;
left: 0;
z-index: 9999;
width: 90%;
max-width: 80%;
height: 100%;
background:#fff;
transition: .3s ease-in-out;
-webkit-transform: translateX(-105%);
transform: translateX(-105%);
}
#nav-input:checked ~ #nav-close {
display: block;
opacity: .5;
}
#nav-input:checked ~ #nav-content {
-webkit-transform: translateX(0%);
transform: translateX(0%);
box-shadow: 6px 0 25px rgba(0,0,0,.15);
background: #fff;
}
#h-logo{
width:26%;
z-index:9000;
position:absolute;
right:0;
left:0;
margin:0 auto;
top: 10%;
}
#h-logo img{
width:100%;
margin:auto;
display:block;
}
@media screen and (max-width: 1000px) {
#h-logo{
width:30%;
}
}
@media screen and (max-width: 770px) {
#h-logo{
width:35%;
}
}
@media screen and (max-width: 640px) {
#h-logo{
width:40%;
}
}
@media screen and (max-width: 540px) {
#h-logo{
width:48%;
top: 3%;
}
}
@media screen and (max-width: 420px) {
#h-logo{
width:55%;
}
}
.sp-menu ul li a{
display:block;
padding:15px 4%;
color:#1a1a1a;
font-size:100%;
text-decoration:none;
}
.sp-menu ul li a:hover{
text-decoration:none;
}
.sp-menu ul li a i{
color:#2d999c;
padding-right:2%;
}
.sp-menu ul li a span{
font-size:75%;
color:#2d999c;
}
.sp-menu ul li a br{
display:none;
}
.sp-menu ul li a:hover{
background-color:#e3fcfc;
text-decoration:none;
}
.sp-menu ul li ul li a{
padding:12px 2% 12px 3%;
font-size:95%;
}
.spMenuUnder{
clear:both;
width:90%;
margin: 30px auto 0 auto;
}
.menuLogo{
width:35%;
margin:0 0 25px 0;
}
.spAdd {
font-size:95%;
line-height:170%;
}
.spAdd a{
color:#111;
pointer-events:none;
}
@media screen and (max-width: 640px) {
.menuLogo{
width:45%;
margin:0 0 20px 0;
}
.spAdd a{
pointer-events:inherit;
}
}
@media screen and (max-width: 580px) {
.sp-menu ul li a br{
display:block;
}
}
@media screen and (max-width: 480px) {
.menuLogo{
width:70%;
}
.spMenuSns{
margin:5px auto;
}
}
.sp-under{
width:90%;
margin:30px auto 0 auto;
}
.spmenuUp{
background-color:#2d999c;
height:5px;
}
.sp-add{
text-align:left;
line-height:150%;
font-size:100%;
padding-bottom:20px;
}
.sp-add a , .sp-add a:hover{
text-decoration:none;
}
.accBtn {
}
.accBtn:after {
display: inline-block;
content: '\f107';
font-family: 'FontAwesome';
transition: 0.2s;
position:absolute;
right: 3%;
color:#357d54;
font-weight:bold;
}
.active:after{
content: '\f106';
-ms-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
color:#357d54;
}
.spSunbMenu {
display: none;
}
.spSunbMenu ul{
padding:0 0 0 5%!important;
}
.spSunbMenu ul li{
padding:0!important;
}
.spSunbMenu ul li a{
width:90%;
font-size:95%!important;
padding: 7px 2% 7px 7%;
}
} #wrapper .contents {
width:100%;
overflow:hidden;
margin:0 auto;
clear:both;
position:relative;
z-index:1;	
}
#wrapperTop .contents{
width:100%;
margin:0 auto;
overflow:hidden;
clear:both;
position:relative;
}
#wrapperTop .contentsGr{
width:100%;
margin:0 auto;
overflow:hidden;
clear:both;
position:relative;
background:url(https://chiken.med.saga-u.ac.jp/cms/wp-content/themes/chiken/images/top/top-business-bg.png) no-repeat left top;
background-size:cover;
}
#wrapperTop .contentsIcr{
width:100%;
margin:0 auto;
overflow:hidden;
clear:both;
position:relative;
background:url(https://chiken.med.saga-u.ac.jp/cms/wp-content/themes/chiken/images/top/top-icr-bg.png) no-repeat left top;
background-size:cover;
}
#wrapperTop .main {
width:80%;
margin:0 auto;
overflow:hidden;
padding:80px 0;
}
#wrapper .main {
width:80%;
margin:0 auto;
overflow:hidden;
padding:60px 0 80px 0;
}
@media screen and (max-width: 1260px) {
#wrapperTop .main {
width: 90%;
padding:60px 0;
}
#wrapper .main {
width:90%;
padding:40px 0 60px 0;
}
}
@media screen and (max-width: 950px) {
#wrapper .main {
padding:30px 0 50px 0;
}
}
@media screen and (max-width: 850px) {
#wrapperTop .main {
padding:50px 0;
}
}
@media screen and (max-width: 770px) {
#wrapperTop .contentsIcr{
background:url(https://chiken.med.saga-u.ac.jp/cms/wp-content/themes/chiken/images/top/top-icr-bg-sp.png) no-repeat left top;
background-size:cover;
}
#wrapper .main {
padding:40px 0 50px 0;
}
}
@media screen and (max-width: 540px) {
#wrapper .main {
padding:20px 0 50px 0;
}
} .commonBt{
width:260px;
margin:40px auto 0 auto;
}
.commonBt span{
padding-right:3%;
}
.commonBt2{
float:right;
margin:30px 1% 0 0;
width:260px;
}
.commonBt2 span{
padding-right:3%;
}
.btn{
border: none;
font-family: inherit;
font-size: inherit;
color: inherit;
background: none;
cursor: pointer;
padding: 10px 0 8px 0;
display: inline-block;
text-transform: uppercase;
letter-spacing: 1px;
outline: none;
position: relative;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
color: #004297;
background: transparent;
border: 1px solid #004297;
width:98%;
text-align:center;
}
.btn:hover {
background: rgba(0,66,151,.9);
color: #fff;
}
.btn::after {
content: '';
position: absolute;
z-index: -1;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.btn span{
padding-left:3%;
}
@media screen and (max-width: 750px) {
.commonBt{
width:86%;
margin:0 auto;
padding-top:5%;
}
.commonBt2{
float:none;
width:86%;
margin:0 auto;
padding-top:5%;
}
.btn{
padding: 10px 0 8px 0;
}
} .footer{
width:100%;
overflow:hidden;
margin:0 auto;
position: relative;
background:#edf3f4;
}
.footerNaka{
width:80%;
overflow:hidden;
margin:0 auto;
position: relative;
padding:60px 0 10px 0;
color:#4c4948;
}
.footerL{
float:left;
width:30%;
overflow:hidden;
margin:0 auto;
}
.footerR{
float:right;
width:65%;
overflow:hidden;
margin:0 auto;
position: relative;
}
.footerLogo{
width:70%;
margin:0 0 20px 0;
overflow:hidden;
}
.footerLogo img{
max-width:100%;
display:block;
margin:0;
height:auto;
}
.footerAdd{
font-size:85%;
line-height:170%;
width:100%;
}
.footerAdd span{
font-size:85%;
}
.footerAdd a{
pointer-events: none;
color:#4c4948;
}
.fMenu{
width:100%;
margin:0 auto;
overflow:hidden;
}
.fMenu a{
color:#4c4948;
}
.fMenu ul{
width:100%;
margin:0 auto;
overflow:hidden;
}
.fMenu ul li{
float:left;
width:33.3333%;
font-size:85%;
padding: 0 0 10px 0;
}
.fMenu ul li a:hover{
color:#2d999c;
text-decoration:none;
}
.copy{
clear:both;
text-align:center;
margin:0 auto;
overflow:hidden;
font-size:70%;
padding:10px 0 0 0;
}
.copy br{
display:none;
}
#pageTopBtn{
clear:both;
z-index:9000;
display:block;
position: fixed;
bottom: 15px;
right: 15px;
}
#pageTopBtn img{
max-width:100%;
height:auto;
display:block;
}
#sideBtn{
clear:both;
z-index:9000;
display:block;
position: fixed;
bottom: 0;
left: 0;
}
#sideBtn img{
max-width:100%;
height:auto;
display:block;
}
@media screen and (max-width:1300px) {
.footerL{
width:35%;
}
.footerR{
width:60%;
}
}
@media screen and (max-width:1160px) {
.footerNaka{
width:90%;
padding:50px 0 10px 0;
}
.footerL{
width:45%;
}
.footerR{
width:55%;
}
.fMenu ul li{
width:49%;
padding: 0 0 5px 0;
}
}
@media screen and (max-width:850px) {
}
@media screen and (max-width:770px) {
.footerNaka {
padding: 40px 0 15px 0;
}
.footerL{
float:none;
width:100%;
}
.footerR{
float:none;
display:none;
}
.footerLogo{
width:40%;
margin:0 auto 15px auto;
}
.footerAdd{
text-align:center;
font-size:90%;
}
.footerAdd a{
pointer-events: unset;
}
#pageTopBtn{
right: -5px;
bottom:5px;
}
#pageTopBtn img{
max-width:80%;
height:auto;
display:block;
}
#sideBtn img{
max-width:70%;
}
.copy{
padding:20px 0 0 0;
}
}
@media screen and (max-width:640px) {
.footerLogo {
width: 50%;
}
}
@media screen and (max-width:540px) {
.footerLogo {
width: 60%;
}
.copy{
line-height:155%;
font-size:55%;
}
}
@media screen and (max-width:440px) {
.footerLogo {
width: 70%;
}
.copy br{
display:block;
}
} .catTopInfo {
float: left;
width: 12%;
text-align: center;
font-size: 80%;
margin: 0 4% 0 2%;
display: block;
color: #fff;
font-weight:500;
}
.miz{
background-color:#357d54;
}
.pharmacy {
background-color: #357d54;
}
.soiyokaneshiroishi {
background-color: #dea83b;
}
.mizugaie {
background-color: #459ac1;
}
.kanpoumizudou{
background-color: #987378;
}
.mizcosme{
background-color: #76bebb;
}
.lawsonmiz{
background-color: #7192b8;
}
.kamata{
background-color: #f2a277;
}
@media screen and (max-width:1000px) {
.catTopInfo {
width: 20%;
margin: 0 0 0 2%;
}
}
@media screen and (max-width:750px) {
.catTopInfo {
width: 30%;
}
}
@media screen and (max-width:540px) {
.catTopInfo {
width: 45%;
}
}
@media screen and (max-width:440px) {
.catTopInfo {
float: right;
}
}
@media print{
body{
width:100%;
}
#wrapperTop,#wrapper{
padding-top:0;
width:1000px;
margin:0 auto;
}
.headerWaku{
width: 1000px;
margin: 0 auto;
position:relative!important;
}
.headerWakuNaka{
width: 1000px;
margin: 0 auto;
}
.header{
width:1000px!important;
margin: 0 auto;
}
.headerL{
width: 20%!important;
}
.headerR {
width: 75%!important;
margin: 1% 1% 0 0!important;
}
.headerUp {
width: 75%!important;
}
.headerMenu {
width: 100%!important;
margin: 0!important;
}
.gnav li{
padding:10px 0 15px 0!important;
}
.gnav li a {
font-size: 75%;
}
.tsMain {
padding:0!important;
}
.topMainInfoWrap{
width:70%!important;
}
.topMainMidashi {
font-size: 140%!important;
margin: 0 0 20px 0!important;
}
.fadeUp{
animation-name:fadeUpAnime;
animation-duration:0.5s;
animation-fill-mode:forwards;
opacity:1!important;
}
@keyframes fadeUpAnime{
from {
opacity: 1;
transform: translateY(0)!important;
}
to {
opacity: 1;
transform: translateY(0);
}
}
.fadeUpTrigger {
opacity: 1!important;
}
.topCenterL {
width: 40%!important;
}
.topCenterR {
width: 56%!important;
padding:0!important;
}
.topMidashi {
font-size: 140%!important;
margin: 0 0 25px 0!important;
}
.topBusiness {
width: 90%!important;
}
.topBusinessUnder {
width: 90%!important;
}
.topBusinessTxt {
font-size: 95%!important;
}
.topInfoMidashi{
font-size: 130%!important;
}
.topInfoMore {
width: 70%!important;
}
.topMiddleTxt {
font-size: 160%!important;
line-height:180%!important;
padding: 25px 0 0 0!important;
}
.topIcr {
margin: 5% 3% 2% 1%!important;
}
.topUnder {
width: 90%!important;
}
.topUnderTxt {
font-size: 95%!important;
}
.megamenu {
top: 40px!important;
}
.breadWaku {
margin:107px 0 0 0!important;
width:1000px!important;
}
h2 {
font-size: 160%!important;
width:96%!important;
}
#wrapperTop .main {
width: 100%!important;
padding:50px 0;
}
#wrapper .contents {
width:1000px!important
}
#wrapper .main {
width: 96%!important;
padding: 20px 0;
}
.gm{
width:100%!important;
height:auto!important;
border:none!important;
}
.footerNaka {
width: 94%!important;
padding: 30px 0 10px 0!important;
}
.footerUp {
width: 24%!important;
}
.fSbMenu ul li {
font-size: 72%!important;
position: relative;
}
.footerUnderMenu {
width: 44%!important;
}
.tenpoMore a {
font-size: 80%!important;
}
#pageTopBtn{
display:none!important;
}
.bread {
width:98%!important;
padding:0!important;
}
.sfmNaka{
width:70%!important;
}
}
@page{
margin: 16mm 10mm;
}
@-moz-document url-prefix(){
@page{
margin: auto;
}
}
@media screen and (-webkit-min-device-pixel-ratio:0){
@page{
margin: auto;
}
}.tsMain{
display:block;
padding:110px 0 0 0;
position:relative;
}
.topMain img{
min-height: calc(100vh - 100px);
object-fit: cover;
}
.topMainInfoWrap{
width:40%;
margin:0 auto;
overflow: hidden;
background: #fff;
position:absolute;
bottom:0;
right:0;
border-radius:20px 0 0 0;
-moz-border-radius:20px 0 0 0;
-webkit-border-radius:20px 0 0 0;
padding:1.5% 1.5% 0 1.5%;
}
.topMainMidashi{
font-weight:400;
font-size:160%;
color:#2d999c;
margin:0 auto 10px auto;
}
.topMainMidashi span{
font-weight:400;
font-size:60%;
padding:0 0 0 3%;
font-family:'Roboto', 'Zen Kaku Gothic New', 'IBM Plex Sans JP', sans-serif , serif;
}
.topMainInfo{
width:100%;
margin:0 auto;
overflow:hidden;
}
.topMainInfo ul{
width:100%;
margin:0 auto;
overflow:hidden;
}
.topMainInfo ul li{
clear:both;
border-bottom:2px dotted #2d999c;
width:100%;
padding:1% 0;
overflow:hidden;
}
.topMainInfo ul li:first-child{
clear:both;
border-top:2px dotted #2d999c;
}
.topMainInfoDate{
float:left;
width:10%;
display:block;
font-size:90%;
margin:0 0 0 1%;
}
.topMainInfoTtl{
float:right;
width:84%;
display:block;
}
@media screen and (max-width: 1540px){
.topMainInfoWrap{
width:50%;
}
}
@media screen and (max-width: 1300px){
.topMainInfoWrap{
width:60%;
}
}
@media screen and (max-width: 1200px){
.tsMain{
padding:90px 0 0 0;
}
}
@media screen and (max-width: 1050px){
.tsMain{
padding:80px 0 0 0;
}
.topMainInfoWrap{
width:80%;
padding: 3% 2% 0 3%;
}
.topMainMidashi {
margin: 0 auto 10px auto;
font-size: 140%;
}
}
@media screen and (max-width: 950px){
.tsMain{
padding:70px 0 0 0;
}
.topMainInfoWrap{
width:90%;
}
}
@media screen and (max-width:770px){
.topMainInfoWrap {
width: 82%;
margin:auto;
bottom: 0;
right: 0;
left:0;
border-radius: 20px 20px 0 0;
-moz-border-radius: 20px 20px 0 0;
-webkit-border-radius: 20px 20px 0 0;
padding: 4% 4% 0 4%;
}
.topMainMidashi {
font-size: 130%;
}
.topMainInfoDate{
float:none;
width:100%;
margin:0;
}
.topMainInfoTtl{
float:none;
width:100%;
}
}
@media screen and (max-width:540px){
.topMainInfoWrap {
width: 78%;
padding: 6% 6% 0 6%;
bottom: -50px;
}
.topMain img{
min-height: auto;
object-fit: contain;
}
}
@media screen and (max-width:480px){
.tsMain{
padding:55px 0 0 0;
}
}
@media screen and (max-width:400px){
.tsMain{
padding:50px 0 0 0;
}
.topMainInfoWrap {
bottom: -80px;
}
} .topUp{
width:80%;
margin:0 auto;
overflow:hidden;
position:relative;
}
.topUpTxt{
font-size:160%;
text-align:center;
font-weight:600;	
position:absolute;
left:0;
right:0;
margin:auto;
letter-spacing:1px;
padding:70px 0 0 0;
}
.topUpTxt br{
display:none;
}
.topUpBg{
width:13%;
margin:0 auto;
overflow:hidden;
position:relative;
}
.topCenter{
width:100%;
margin:0 auto;
overflow:hidden;
padding:190px 0 0 0;
}
.topCenterL{
float:left;
width:50%;
}
.topCenterR{
float:right;
width:40%;
padding:5%;
}
.topCenterL img{
max-width:100%;
margin:0 auto;
display:block;
height:auto;
}
.topMidashi{
font-size:150%;
margin:0 auto 25px auto;
font-weight:500;
color:#00989c;
}
.topCenterBtn{
width:40%;
float:right;
margin:40px 0.5% 20px 0;
}
.topCenterBtn a{
display:block;
border:1px solid #00989c;
width:93%;
border-radius:30px;
-moz-border-radius:30px;
-webkit-border-radius:30px;
padding:8px 3%;
text-align:center;
color:#00989c;
transition:.3s;
font-size:95%;
}
.topCenterBtn a i{
padding:0 3% 0 0;
font-size:90%;
}
.topCenterBtn a:hover{
text-decoration:none;
background:#00989c;
color:#fff;
}
.topBusiness{
width:100%;
margin:0 auto;
overflow:hidden;
padding:30px 0;
position:relative;
}
.topBusinessOne{
float:left;
width:23.5%;
margin:0 2% 0 0;
}
.topBusinessOne:nth-child(4n){
float:right;
margin:0;
}
.topBusinessOne a{
display:block;
}
.topBusinessOne a:hover{
text-decoration:none;
transform:translateY(-10px);
-moz-transform:translateY(-10px);
-webkit-transform:translateY(-10px);
}
.topBusinessOne a:hover .tboUnder{
background:#ebfcfc;
}
.topBusinessPic{
display:block;
width:100%;
margin:0 auto;
}
.topBusinessPic img{
display:block;
max-width:100%;
margin:0 auto;
height:auto;
border-radius:20px 20px 0 0 ;
-webkit-border-radius:20px 20px 0 0 ;
-moz-border-radius:20px 20px 0 0 ;
}
.tboUnder{
width:90%;
padding:8% 5% 5% 5%;
background:#fff;
overflow:hidden;
}
.topBusinessIcon{
display:block;
width:20%;
margin:0 auto 15px auto;
}
.topBusinessTxt{
display:block;
text-align:center;
color:#4c4948;
margin:0 auto 20px auto;
font-size:105%;
}
.topBusinessTxt br{
display:none;
}
.topBusinessArrow{
display:block;
width:5%;
float:right;
border:1px solid #4c4948;
padding: 0 3px 4px 5px;
text-align:center;
color:#4c4948;
line-height:120%;
}
.topBusinessUnder{
width:100%;
margin:30px auto 0 auto;
overflow:hidden;
position:relative;
z-index:80;
}
.topBusinessUnderOne{
float:left;
width:49%;
margin:1% 0 2% 0;
}
.topBusinessUnderOne:nth-child(2n){
float:right;
}
.topBusinessUnderOne:nth-child(2n+1){
clear:both;
}
.topBusinessUnderOne a{
display:block;
background:#fff;
padding:5% 15%;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
width:70%;
overflow:hidden;
display: flex;
justify-content: center;
align-items: center;
}
.topBusinessUnderIcon{
display:block;
float:left;
width:18%;
margin:0 auto;
}
.topBusinessUnderTxt{
display:block;
text-align:center;
color:#4c4948;
margin:0 1%;
float:left;
width:77%;
font-size:105%;
}
.topBusinessUnderArrow{
display:block;
float:right;
width:3%;
float:right;
border:1px solid #4c4948;
padding: 0 3px 4px 5px;
text-align:center;
color:#4c4948;
line-height:120%;
}
.topBusinessUnderOne a:hover{
text-decoration:none;
transform:translateY(-10px);
-moz-transform:translateY(-10px);
-webkit-transform:translateY(-10px);
background:#ebfcfc;
}
.topBusinessMark{
position:absolute;
right:0;
bottom:0;
width:18%;
z-index:5;
}
.topInfoWrap{
width:100%;
margin:0 auto;
overflow: hidden;
position:relative;
}
.topInfoOne{
float:left;
width:30%;
margin:0 5% 0 0;
position:relative;
}
.topInfoOne:nth-child(3n){
float:right;
margin:0;
}
.topInfoMidashi{
font-size:150%;
margin:0 auto 5px auto;
font-weight:400;
letter-spacing: 1px;
line-height: 120%;
color:#00999d;
background:url(https://chiken.med.saga-u.ac.jp/cms/wp-content/themes/chiken/images/top/info1-icon.png) no-repeat left top;
background-size:35px 30px;
padding:0 0 10px 45px;
}
.tiSemi{
color:#ee8593;
background:url(https://chiken.med.saga-u.ac.jp/cms/wp-content/themes/chiken/images/top/info2-icon.png) no-repeat left top;
background-size:35px 30px;
}
.tiGakunai{
color:#2990d0;
background:url(https://chiken.med.saga-u.ac.jp/cms/wp-content/themes/chiken/images/top/info3-icon.png) no-repeat left top;
background-size:35px 30px;
}
.topInfoBg{
position: absolute;
width: 84%;
height: 90%;
background:rgba(231,241,211,.6);
top: 12%;
left: 0;
right: 0;
margin: auto;
box-shadow: inset 0 0 70px 80px #FFF;
-moz-box-shadow: inset 0 0 70px 80px #FFF;
-webkit-box-shadow: inset 0 0 70px 80px #FFF;
z-index:-1;
}
.semiBg{
background:rgba(252,232,230,.6);
}
.gakuBg{
background:rgba(201,220,241,.6);
}  
.topInfo{
width:100%;
margin:0 auto;
overflow:hidden;
position:relative;
}
.topInfo ul{
width:100%;
margin:0 auto;
overflow:hidden;
}
.topInfo ul li{
clear:both;
border-bottom:1px dashed #00999d;
width:100%;
padding:4% 0;
overflow:hidden;
}
.infoDate{
width:100%;
display:block;
font-size:85%;
}
.infoTitle{
width:100%;
display: flex;
align-items: center;
height: 60px;
line-height:170%;
}
.topInfoMore{
clear:both;
float:right;
width:50%;
margin:30px 0.5% 0 0;
position:relative;
}
.topInfoMore a{
display:block;
width:99%;
margin: 0 auto;
border:1px solid #00999d;
background:#fff;
padding:7px 0;
text-align:center;
color:#00999d;
transition:.3s;
border-radius:30px;
-moz-border-radius:30px;
-webkit-border-radius:30px;
font-size:90%;
position:relative;
}
.topInfoMore a:hover{
border:1px solid #00999d;
color:#fff;
background:#00999d;
text-decoration:none;
}
.topInfoMore a i{
padding:0 3% 0 0 ;
}
.semiMore a{
color:#ee8593;
border:1px solid #ee8593;
}
.semiMore a:hover{
border:1px solid #ee8593;
background:#ee8593;
}
.gakuMore a{
color:#2990d0;
border:1px solid #2990d0;
}
.gakuMore a:hover{
border:1px solid #2990d0;
background:#2990d0;
}
.topMiddle{
width:80%;
margin:100px auto 0 auto;
overflow:hidden;
position:relative;
}
.topMiddleTxt {
font-size: 160%;
text-align: center;
font-weight: 600;
position: absolute;
left: 0;
right: 0;
margin: auto;
letter-spacing: 1px;
padding: 45px 0 0 0;
}
.topMiddleTxt br {
display:none;
}
.topMiddleBg{
width: 10%;
margin: 0 auto;
overflow: hidden;
position: relative;
}
.topIcr{
width:50%;
float:right;
margin:5% 1% 2% 1%;
padding:4%;
background:#e1eecd;
box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.35);
-moz-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.35);
-webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.35);
border-radius:30px 30px 0 0;
-moz-border-radius:30px 30px 0 0;
-webkit-border-radius:30px 30px 0 0;
}
.topIcrTtl{
width:50%;
margin:0 0 30px 0;
}
.topIcrTtl img{
max-width:100%;
margin:0 auto;
display:block;
height:auto;
}
.topIcr ul{
width:100%;
margin:0 auto;
overflow:hidden;
}
.topIcr ul li{
float:left;
width:47%;
margin:0 0 3% 0;
}
.topIcr ul li:nth-child(2n){
float:right;
}
.topIcr ul li:nth-child(2n+1){
clear:both;
}
.topIcr ul li a{
display:block;
background:#77b3b6;
text-align:center;
padding:10px 2%;
width:96%;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
color:#fff;
display: flex;
align-items: center;
transition:.3s;
}
.topIcr ul li a:hover{
background:#489b9b;
text-decoration:none;
}
.topIcr ul li:nth-child(2) a{
background:#7aa4d7;
}
.topIcr ul li:nth-child(2) a:hover{
background:#3771aa;
}
.topIcr ul li:nth-child(3) a{
background:#f39d75;
}
.topIcr ul li:nth-child(3) a:hover{
background:#e0693b;
}
.topIcr ul li:nth-child(4) a{
background:#b29ac8;
}
.topIcr ul li:nth-child(4) a:hover{
background:#8761af;
}
.icrIcon{
width:18%;
margin:0 2% 0 4%;
}
.icrTxt{
width:76%;
line-height:160%;
}
.topIcr ul li a:hover .icrIcon img{
opacity:1!important;
-moz-opacity:1!important;
-webkit-opacity:1!important;
}
.topUnder{
width:100%;
margin:0 auto;
overflow:hidden;
padding:30px 0;
position:relative;
}
.topUnderOne{
float:left;
width:23.5%;
margin:0 2% 0 0;
}
.topUnderOne:nth-child(4n){
float:right;
margin:0;
}
.topUnderOne a{
display:block;
box-shadow: 0px 10px 10px -6px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 10px 10px -6px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0px 10px 10px -6px rgba(0, 0, 0, 0.3);
border-radius: 20px 20px 0 0;
-webkit-border-radius: 20px 20px 0 0;
-moz-border-radius: 20px 20px 0 0;
}
.topUnderOne a:hover{
text-decoration:none;
transform:translateY(-10px);
-moz-transform:translateY(-10px);
-webkit-transform:translateY(-10px);
}
.topUnderOne a:hover .tboUnder{
background:#ebfcfc;
}
.topUnderPic{
display:block;
width:100%;
margin:0 auto;
}
.topUnderPic img{
display:block;
max-width:100%;
margin:0 auto;
height:auto;
border-radius:20px 20px 0 0 ;
-webkit-border-radius:20px 20px 0 0 ;
-moz-border-radius:20px 20px 0 0 ;
}
.topUnderIcon{
display:block;
width:20%;
margin:0 auto 15px auto;
}
.topUnderTxt{
display:block;
text-align:center;
color:#4c4948;
margin:0 auto 20px auto;
font-size:105%;
}
.topUnderTxt br{
display:none;
}
@media screen and (max-width: 1460px){
.topMiddle {
width: 100%;
}
}
@media screen and (max-width: 1260px){
.topUp{
width:100%;
}
.topUpTxt {
font-size: 150%;
padding: 60px 0 0 0;
}
.topCenterR{
padding:1% 5% 5% 5%;
}
.topCenterBtn {
width: 50%;
margin: 30px 0.5% 20px 0;
}
.topBusiness {
padding: 0 0 10px 0;
}
.topMiddleTxt {
font-size: 150%;
line-height:165%;
padding: 20px 0 0 0;
}
}
@media screen and (max-width: 1200px){
.topCenter{
padding:150px 0 0 0;
}
}
@media screen and (max-width: 1160px){
.topBusinessTxt {
font-size: 100%;
line-height:165%;
}
.topBusinessUnderOne a {
padding: 5% 10%;
width: 80%;
}
.topBusinessUnderTxt {
font-size: 95%;
}
.topMiddleTxt br {
display:block;
}
.topIcr {
width: 60%;
}
.topUnderTxt {
font-size: 95%;
margin:0 auto 10px auto;
}
}
@media screen and (max-width: 1000px){
.topCenter{
padding:120px 0 0 0;
}
.topUpTxt {
padding: 20px 0 0 0;
}
.topUpTxt br{
display:block;
}
.topBusinessTxt br{
display:block;
}
.topBusinessIcon {
width: 25%;
}
.topBusinessUnderOne a {
padding: 5% 7%;
width: 86%;
}
.topInfoOne{
clear:both;
float:none;
width:100%;
margin:0 auto 50px auto;
}
.topInfoOne:last-child{
margin:0 auto ;
}
.topInfoOne:nth-child(3n){
float:none;
width:100%;
margin:0 auto;
}
.topInfo ul li {
padding: 2% 0;
}
.infoTitle {
width: 100%;
display: block;
align-items: unset;
height:auto;
}
.topInfoMore {
float: none;
width: 40%;
margin: 40px auto  0 auto;
}
.topMiddleBg{
width: 15%;
}
.topMiddleTxt {
padding: 25px 0 0 0;
}
.topIcr {
width: 80%;
float:none;
margin:5% auto 2% auto;
}
.topIcrTtl {
width: 40%;
margin: 0 0 25px 0;
}
.topUnderTxt {
font-size: 95%;
margin: 0 auto 10px auto;
line-height:165%;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
}
.topUnderTxt br{
display:block;
}
}
@media screen and (max-width: 850px){
.topCenter{
padding:100px 0 0 0;
}
}
@media screen and (max-width: 770px){
.topUpBg {
width: 20%;
}
.topUpTxt {
padding:50px 0 0 0;
}
.topCenterL{
float:none;
width:90%;
margin:0 0 25px 0;
}
.topCenterR{
float:none;
width:90%;
padding:0;
margin:0 auto;
}
.topBusiness {
padding: 0;
}
.topBusinessOne {
width: 48%;
margin: 2% 0 4% 0;
}
.topBusinessOne:nth-child(2n){
float:right;
margin: 2% 0 4% 0;
}
.topBusinessOne:nth-child(2n+1){
clear:both;
}
.topBusinessOne:nth-child(4n){
margin: 2% 0 4% 0;
}
.topBusinessTxt{
margin:0 auto 10px auto;
}
.topBusinessUnder {
margin: 0 auto;
}
.topBusinessUnderOne{
float:none;
width:100%;
margin:2.5% 0 2% 0;
}
.topBusinessUnderOne:nth-child(2n){
float:none;
}
.topBusinessUnderOne a {
padding: 2% 15%;
width: 70%;
}
.topBusinessMark {
width: 25%;
}
.topInfo ul li {
padding: 3% 0;
}
.topInfoMore {
width: 60%;
margin: 30px auto  0 auto;
}
.topInfoMidashi {
font-size: 130%;
background: url(https://chiken.med.saga-u.ac.jp/cms/wp-content/themes/chiken/images/top/info1-icon.png) no-repeat left top;
background-size: 30px 26px;
padding: 0 0 10px 35px;
}
.tiSemi{
color:#ee8593;
background:url(https://chiken.med.saga-u.ac.jp/cms/wp-content/themes/chiken/images/top/info2-icon.png) no-repeat left top;
background-size:30px 26px;
}
.tiGakunai{
color:#2990d0;
background:url(https://chiken.med.saga-u.ac.jp/cms/wp-content/themes/chiken/images/top/info3-icon.png) no-repeat left top;
background-size:30px 26px;
}
.topMiddleBg{
width: 20%;
}
.topIcr {
width: 60%;
float: none;
margin: 5% auto 2% auto;
}
.topIcrTtl {
width: 70%;
}
.topIcr ul li {
float: none;
width: 100%;
margin: 0 auto 3% auto;
}
.topIcr ul li:last-child {
margin: 0 auto;
}
.topUnder{
padding:10px 0 0 0;
}
.topUnderOne{
width:46%;
margin:0 2% 4% 2%;
}
.topUnderOne:nth-child(2n){
float:right;
margin:0 2% 4% 2%;
}
.topUnderOne:nth-child(2n+1){
clear:both;
}
.topUnderOne:nth-child(4n){
margin:0 2% 4% 2%;
}
}
@media screen and (max-width: 640px){
.topUpTxt {
font-size:140%;
line-height:175%;
}
.topUpBg {
width: 25%;
}
.topMiddleTxt{
font-size:140%;
}
}
@media screen and (max-width: 540px){
.topCenter{
padding:80px 0 0 0;
}
.topUp{
margin: 80px auto 0 auto;
}
.topUpTxt {
padding: 30px 0 0 0;
}
.topCenterBtn {
width: 90%;
margin: 20px auto ;
float: none;
}
.topBusinessUnderOne a {
padding: 3% 10%;
width: 80%;
}
.topInfo ul li {
padding: 4% 0;
}
.topInfoMore {
width: 90%;
}
.topMiddle{
clear:both;
margin: 80px auto 0 auto;
}
.topMiddleTxt{
padding:20px 0 0 0;
}
.topIcr {
width: 75%;
padding: 5%;
}
.topUnderIcon {
width: 25%;
margin: 0 auto 5px auto;
}
}
@media screen and (max-width: 480px){
.topUp{
margin: 60px auto 0 auto;
}
.topUpBg {
width: 30%;
}
.topUpTxt {
font-size:120%;
padding: 40px 0 0 0;
}
.topMiddleTxt {
font-size:120%;
}
.topMiddleBg{
width: 30%;
}
}
@media screen and (max-width: 400px){
.topUpTxt {
font-size:115%;
}
.topUpBg {
width: 40%;
}
.topBusinessUnderOne a {
padding: 3% 5%;
width: 90%;
}
.topMiddleTxt {
font-size:115%;
}
.topMiddle{
margin: 70px auto 0 auto;
}
.topMiddleTxt {
font-size: 110%;
}
.topIcr {
width: 80%;
}
}
@media screen and (max-width: 360px){
.topBusinessUnderTxt {
font-size: 90%;
}
.topMiddleBg{
width: 35%;
}
}
@media screen and (max-width: 320px){
.topUpTxt {
padding: 25px 0 0 0;
}
}