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

#keycolumn { width: 100%; padding-bottom: 10em; background: url("/images/index/keycolumn_bg.gif") no-repeat; background-size: 100% 100%; background-position: left 0 top 10em; position: relative; }
#keycolumn h1 { width: 30px; height: auto; position: absolute; top: 3em; right: 12%; }
#keycolumn h1 img { width: 100%; height: auto; }
#keycolumn h1 strong { display: none; }
#video { width: 75%; min-height: auto;  background: url("/video/video_thumb.jpg") no-repeat; background-attachment: fixed; background-size: cover; background-position: center center; }
#keycolumn ul { width: 75%; display: flex; flex-wrap: nowrap; justify-content: space-between; position: absolute; right: 0; bottom: 5em; }
#keycolumn ul li { width: 22%; position: relative; }
#keycolumn ul li a { width: 90%; padding: 30% 5%; background: rgba(48,113,183,0.8); display: block; }
#keycolumn ul li a:hover { background: rgba(48,113,183,0.9); }
#keycolumn ul li a img { width: 100%; height: auto; }
#keycolumn ul li ul { width: 100%; padding: 0; margin-bottom: 90%; background: rgba(48,113,183,0.8); display: block; left: 0; bottom: 0; visibility: hidden; opacity: 0; -webkit-transition: all .5s ease; transition: all .5s ease; transform: scaley(0.1); transform-origin: bottom;  }
#keycolumn ul li:hover ul { padding: 5% 0; visibility: visible; opacity: 1; transform: scaley(1); }
#keycolumn ul li ul li { line-height: 1.3; width: 100%; }
#keycolumn ul li ul li a { color: #FFF; width: 90%; padding: 2% 5%; background: none; }
#keycolumn ul li ul li a:hover { background: rgba(255,255,255,0.3); }



#keycolumn ul li div:hover ul { display: block; }
@media only screen and (max-width: 768px) and (orientation: portrait) {
  #keycolumn { padding-bottom: 1em; }
  #video { width: 100%; }
  #keycolumn h1 { width: 40%; margin: .5em auto 1em auto; position: relative; top: 0; right: 0; }
  #keycolumn h1 span { display: none; }
  #keycolumn h1 strong { display: block; }
  #keycolumn ul { width: 100%; margin: 0 auto; position: relative; bottom: 0; }
  #keycolumn ul li { width: 24.8%; }
  #keycolumn ul li a { width: 80%; padding: 5% 10%; }
  #keycolumn ul li ul { display: none; }
}
@media only screen and (max-width: 680px) {
  #keycolumn { padding-bottom: 0; }
  #video { width: 100%; }
  #keycolumn h1 { width: 40%; margin: .5em auto 1em auto; position: relative; top: 0; right: 0; }
  #keycolumn h1 span { display: none; }
  #keycolumn h1 strong { display: block; }
  #keycolumn ul { width: 100%; margin: 0 auto; position: relative; bottom: 0; }
  #keycolumn ul li { width: 24.8%; }
  #keycolumn ul li a { width: 80%; padding: 5% 10%; }
}
@media only screen and (max-width: 680px) and (orientation: portrait) {
  #keycolumn h1 { width: 60%; margin: .5em auto 1em auto; position: relative; top: 0; right: 0; }
  #keycolumn ul { flex-wrap: wrap; }
  #keycolumn ul li { width: 49.8%; margin-bottom: .4%; }
}

/* ---------- 2025.4.16書き換え ---------- */
/* Index Caution */
#index-caution { background: url("/images/index/keycolumn_bg.gif"); }
#index-caution ul { width: min(94%,960px); margin: 0 auto; padding: 4rem 0 1rem 0; display: flex; flex-wrap: wrap; justify-content: center; }
#index-caution ul li { width: 48%; margin-bottom: .5rem; }
#index-caution ul li:nth-child(2n) { margin-left: 4%; }
#index-caution ul li a { display: block; transition: .3s; }
#index-caution ul li a:hover { opacity: .8; }
#index-caution ul li a img { width: 100%; height: auto; }
@media only screen and (max-width: 768px) {
  #index-caution ul { padding: 0 0 .5rem 0; }
}
@media only screen and (max-width: 520px) and (orientation: portrait) {
  #index-caution ul { padding: 0; flex-direction: column; }
  #index-caution ul li { width: 100%; }
  #index-caution ul li:nth-child(2n) { margin-left: 0; }
  #index-caution ul li:last-child { margin-bottom: 0; }
}
/* ---------- 2025.4.16書き換え ---------- */

#index-caution .banner-solo { width: min(94%,450px); margin: 0 auto; padding-top: 4em; }
#index-caution .banner-solo img { width: 100%; height: auto; }
#index-caution .banner-solo a:hover { opacity: .8; }


/* Common */
.index-column { width: 94%; max-width: 960px; margin: 0 auto; }


/* News */
#news { padding-bottom: 1.5em; background: url("/images/index/keycolumn_bg.gif") no-repeat; background-size: 100% 40px; }

.news-head { height: 75px; position:relative; zoom: 1; overflow: hidden; }
.news-head:after { content: ""; clear: both; display: block; }
.news-head h1 { width: 220px; height: auto; float: left; }
.news-head h1 img { width: 100%; height: auto;}
.tab-buttons { width: 150px; float: left; }
.tab-buttons span { text-align: center; width: 60px; margin-top: 46px; padding: 0 5px; display: block; float: left; cursor: pointer; }
.tab-buttons span.content1 { border-right: solid 1px #999; }
#lamp { width: 60px; height: 2px; background: #3071B7; display: block; position:absolute; top: 38px; transition: all .3s ease-in; -o-transition: all .3s ease-in; -webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in; }
.tab-content { width: 100%; padding: 1em 0 1.5em 0; display: block; }
.tab-content div { width: 100%; display: block; }
#lamp.content2 { left: 295px; transition: all .3s ease-in; -o-transition: all .3s ease-in; -webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in; }
#lamp.content1{ left: 225px; transition: all .3s ease-in; -o-transition: all .3s ease-in; -webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in; }

.tab-content ul { border-top: solid 1px #666; }
.tab-content ul li { font-size: 105%; line-height: 1.3; padding: .8em 0 .8em 14em; border-bottom: solid 1px #666; position: relative; }
.tab-content ul li h3 { position: absolute; top: .8em; left: 0; }
.tab-content ul li strong { font-size: 93%; line-height: 1.2em; font-weight: bold; text-align: center; color: #FFF; width: 7em; padding: .2em  0; border-radius: .5em; display: block; position: absolute; top: .7em; left: 7em; }
.tab-content ul li strong.category01 { background: #00A0E9; }
.tab-content ul li strong.category02 { background: #00479D; }
.tab-content ul li strong.category03 { background: #81959F; }
.tab-content ul li a { color: #333; }
.tab-content ul li a:hover { color: #F60; }

#news .more-btn a { font-size: 123%; line-height: 1.2; text-align: center; color: #00479D; width: 20em; margin: 0 auto; padding: .6em 0; box-shadow: 0 0 0 1px #3071B7 inset; display: block; position: relative; }
#news .more-btn a:after { content: ""; width: .6em; height: .6em; margin-top: -.3em; border-top: 1px solid #3071B7; border-right: 1px solid #3071B7; position: absolute; top: 50%; right: 1em; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
#news .more-btn a:hover { color: #FFF; background: #3071B7; }
#news .more-btn a:hover::after { border-top: 1px solid #FFF; border-right: 1px solid #FFF; }
@media only screen and (max-width: 680px) and (orientation: portrait) {
  .news-head h1 { width: 150px; height: auto; padding-top: 1.5em; float: left; }
  #lamp.content2 { left: 225px; transition: all .3s ease-in; -o-transition: all .3s ease-in; -webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in; }
  #lamp.content1 { left: 155px; }
  .tab-content ul li { padding: 2.5em 0em .8em 0; }
  #news .more-btn a { width: 100%; }
}


/* Topics */
#topics { padding: 2em 0 1.5em 0; background: #3071B7; }
.topics-head { padding-bottom: 1.5em; position: relative; zoom: 1; overflow: hidden; }
.topics-head:after { content: ""; clear: both; display: block; }
#topics h1 { width: 220px; height: auto; float: left; }
#topics h1 img { width: 100%; height: auto; }
#topics h2 { font-size: 105%; line-height: 1.2; color: #FFF; padding: 3em 0 0 1em; float: left; }
#topics-content { display: flex; flex-wrap: wrap; justify-content: space-between; }
/* :::::::::::::::::::: 9/24変更 :::::::::::::::::::: */
#topics-content dl { width: 22.75%; margin-bottom: 3%; background: #FFF; box-shadow: 0 0 3px 0 rgba(0,0,0,0.5); position: relative; }

#topics-content dl a { color: #333; padding: 1em 1em 3em 1em; display: block; }
#topics-content dl a:hover dt { opacity: .8; }
#topics-content dl dt { width: 100%; height: 60%; margin-bottom: .8em; background: url("/images/topics/noimages.jpg") no-repeat center center; background-size: cover; position: relative; overflow: hidden; }
#topics-content dl dt:before { content:""; padding-top: 75%; display: block; }
#topics-content dl dt img { width: auto; height: 100%; position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); -webkit-transform: translateY(-50%) translateX(-50%); }
#topics-content dl dt span { font-size: 93%; line-height: 1.2; color: #FFF; text-shadow: -1px -1px 1px rgba(0,0,0,.8), 1px -1px .1em rgba(0,0,0,.8), -1px 1px .1em rgba(0,0,0,.8), 1px 1px .1em rgba(0,0,0,.8), -1px -1px 0 rgba(0,0,0,1), 1px -1px 0 rgba(0,0,0,1), -1px 1px 0 rgba(0,0,0,1), 1px 1px 0 rgba(0,0,0,1); position: absolute; right: .5em; bottom: .3em; z-index: 2; }
#topics-content dl dd { }
#topics-content dl dd { font-size: 105%; line-height: 1.4; text-align: justify; }
#topics-content dl dd h3 { }
#topics-content dl dd p.department { font-size: 85%; line-height: 1.3; text-align: center; color: #FFF; width: calc(100% - 2em); padding: .4em 0 .2em 0; position: absolute; bottom: 1em; display: flex; align-items: center; justify-content: center; }
#topics-content dl dd p.department strong { font-weight: normal; padding: 0 .4em; }
#topics-content dl dd p.department15 { background: #8DC21F; }
#topics-content dl dd p.department13 { background: #EC6D80; }
#topics-content dl dd p.department14 { background: #3071b7; }
#topics-content dl dd p.department10 { background: #56A8C8; }
#topics-content dl dd p.department12 { background: #F2971B; }

#topics-content dl dd p.department8 { background: #DC96667; }
#topics-content dl dd p.department17 { background: #6DD9B2; }
#topics-content dl dd p.department18 { background: #A06DEC; }
#topics-content dl dd p.department19 { background: #EF8DE9; }
#topics-content dl dd p.department6 {/* background: #77AAAA; */}
#topics-content dl dd p.department6 { background: #77AAAA; }
#topics-content dl dd p.department6.jimu { background: #AA8855; }
#topics-content dl dd p.department6.nyusi { background: #3071B7; }
#topics-content dl dd p.department6.gakusei { background: #EE5555; }


/* :::::::::::::::::::: 9/24変更 :::::::::::::::::::: */


#topics .more-btn a { font-size: 123%; line-height: 1.2; text-align: center; color: #FFF; width: 20em; margin: 0 auto; padding: .6em 0; box-shadow: 0 0 0 1px #FFF inset; display: block; position: relative; }
#topics .more-btn a:after { content: ""; width: .6em; height: .6em; margin-top: -.3em; border-top: 1px solid #FFF; border-right: 1px solid #FFF; position: absolute; top: 50%; right: 1em; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
#topics .more-btn a:hover { color: #3071B7; background: #FFF; }
#topics .more-btn a:hover::after { border-top: 1px solid #3071B7; border-right: 1px solid #3071B7; }
@media only screen and (max-width: 680px) and (orientation: portrait) {
  #topics { padding: 0 0 1.5em 0; }
  #topics h1 { width: 150px; height: auto; padding-top: 1.5em; float: none; }
  #topics h2 { font-size: 100%; line-height: 1.2; padding: .5em 0 0 0; float: none; }
  #topics-content dl { width: 49%; margin-bottom: 2%; }
  #topics .more-btn a { width: 100%; }
}

#sp-contents { margin-top: .5em; padding: 2em 0; background: #83AAD4; }
.sp-head { padding-bottom: 1.5em; position: relative; zoom: 1; overflow: hidden; }
.sp-head:after { content: ""; clear: both; display: block; }
#sp-contents h1 { width: 400px; height: auto; float: left; }
#sp-contents h1 img { width: 100%; height: auto; }
#sp-contents h2 { font-size: 105%; line-height: 1.2; color: #FFF; padding: 2em 0 0 1em; float: left; }
#slider-box { width: 100%; max-width: 980px; margin: 0 auto; }
@media only screen and (max-width: 680px) and (orientation: portrait) {
  #sp-contents { padding: 1em 0; }
  .sp-head { padding-bottom: .5em; }
  #sp-contents h1 { width: 80%; height: auto; float: none; }
  #sp-contents h2 { font-size: 100%; line-height: 1.2; padding: .2em 0 0 0; float: none; }
}

#faculties { padding: 3em 0; }
.faculties-head { width: 94%; max-width: 960px; margin: 0 auto; padding-bottom: 1.5em; position: relative; zoom: 1; overflow: hidden; }
.faculties-head:after { content: ""; clear: both; display: block; }
#faculties h1 { width: 300px; height: auto; float: left; }
#faculties h1 img { width: 100%; height: auto; }
#faculties h2 { font-size: 105%; line-height: 1.2; padding: 3em 0 0 1em; float: left; }
#faculties-box { display: flex; flex-wrap: wrap; justify-content: space-between; }
#faculties-box div.faculties-item { width: 49.8%; margin-bottom: 0.4%; }
#faculties-box div#psychology { background: url("/images/index/faculties_psychology2023.jpg") no-repeat center center; background-size: cover; }
#faculties-box div#communication { background: url("/images/index/faculties_communication2023.jpg") no-repeat center center; background-size: cover; }
#faculties-box div#dietetics { background: url("/images/index/faculties_dietetics2023.jpg") no-repeat center center; background-size: cover; }
#faculties-box div#education { background: url("/images/index/faculties_education2023.jpg") no-repeat center center; background-size: cover; }
#faculties-box div#graduateschool { width: 100%; background: url("/images/index/faculties_postgraduate.jpg") no-repeat center center; background-size: cover; }
#faculties-box a dl { color: #FFF; padding: 6em 0; background: rgba(98,122,134,0.6); display: block; }
#faculties-box a:hover dl { background: rgba(98,122,134,0.4); }
#faculties-box a dl dt { font-size: 180%; line-height: 1.2; text-align: center; padding-bottom: 1em; }
#faculties-box a dl dt strong { font-weight: bold; padding: 0 .2em .2em .2em; border-bottom: solid 3px #FFF; }
#faculties-box a dl dd { }
#faculties-box a dl dd p { font-size: 115%; line-height: 1.2; padding-bottom: .8em; }
#faculties-box a dl dd h3 { font-size: 250%; line-height: 1.2; }
#faculties-box a dl dd p, #faculties-box a dl dd h3 { font-weight: bold; text-align: center; }
#faculties-box div#graduateschool dl { padding: 2em 0; }
#faculties-box div#graduateschool dl dt { font-size: 250%; line-height: 1.2; padding-bottom: .8em; }
#faculties-box div#graduateschool dl dd p { font-size: 123%; line-height: 1.2; padding-bottom: 0; }
@media only screen and (max-width: 680px) {
  #faculties-box a dl dt { font-size: 160%; line-height: 1.2; }
  #faculties-box a dl dd p { font-size: 100%; line-height: 1.2; }
  #faculties-box a dl dd h3 { font-size: 180%; line-height: 1.2; }
  #faculties-box div#graduateschool dl dt { font-size: 180%; line-height: 1.2; }
  #faculties-box div#graduateschool dl dd p { font-size: 100%; line-height: 1.2; }
}
@media only screen and (max-width: 680px) and (orientation: portrait) {
  .faculties-head { width: 94%; max-width: 960px; margin: 0 auto; padding-bottom: 1em; }
  #faculties h1 { width: 180px; height: auto; float: none; }
  #faculties h2 { font-size: 100%; line-height: 1.2; padding: 0; float: none; }
  #faculties-box div.faculties-item { width: 100%; }
  #faculties-box a dl { padding: 2em 0; }
  #faculties-box div#graduateschool dl { padding: 3em 0; }
}
/*
     FILE ARCHIVED ON 04:51:44 May 16, 2025 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 23:55:17 Sep 08, 2025.
     
*/
/*
playback timings (ms):
  captures_list: 0.504
  exclusion.robots: 0.027
  exclusion.robots.policy: 0.017
  esindex: 0.011
  cdx.remote: 10.455
  LoadShardBlock: 130.641 (3)
  PetaboxLoader3.datanode: 217.319 (5)
  PetaboxLoader3.resolve: 151.741 (2)
  load_resource: 265.882
  loaddict: 82.244
*/