@charset "UTF-8";

.red {color:#f36;}

/* トップ */

[class*="dpt_homeIndex"] a {text-decoration:none; transition:filter .2s; color:inherit;}
[class*="dpt_homeIndex"] a:hover {filter:brightness(1.08);}
[class*="dpt_homeIndex"] ._label {border-radius:.6rem; text-align:center; overflow:hidden;}
[class*="dpt_homeIndex"] ._label a {display:grid; place-content:center; height:100%; background:var(--dptGrd1);}
[class*="dpt_homeIndex"] ._label a > span {display:inline-grid;}
[class*="dpt_homeIndex"] ._label b {font-weight:600; color:#fff; font-size:1.62em;}
[class*="dpt_homeIndex"] ._label b:before {content:""; display:block; width:1em; aspect-ratio:1; position:absolute; left:0; top:0; border:#fff solid; border-width:0 1px 1px 0; border-radius:0 0 .4rem 0;}
[class*="dpt_homeIndex"] ._label b:after {content:""; display:block; width:.4em; aspect-ratio:5/2; position:absolute; left:.5em; top:.5em; translate:-50% calc(-100% + 1px); border:#fff solid; border-width:0 1px 1px 0; transform:skew(45deg); transform-origin:100% 100%;}
[class*="dpt_homeIndex"] ._label i {display:block; margin-top:.6em; padding:.4em .5em; border-radius:.5rem; background:#fffb; font-size:.85rem; font-style:normal; color:#000;}
.dpt_homeIndex-ug {display:grid;}
.dpt_homeIndex-ug dl {display:grid; gap:1.8rem;}
.dpt_homeIndex-ug dl > div[class*="dp-"],
.dpt_homeIndex-gs > li {position:relative; overflow:hidden; border-radius:.8rem; background:#f7f7f7; line-height:1.2;}
.dpt_homeIndex-ug ._label {position:absolute; left:1em; bottom:1em; width:calc(14em - 50px); height:8.5em;}
.dpt_homeIndex-ug ._img img {width:100%; aspect-ratio:2.895/1; object-fit:cover;}
.dpt_homeIndex-ug dd ul {display:flex; flex-direction:column; justify-content:center; gap:.8em; margin-left:calc(17em - 35px); padding-bottom:.3em;}
.dpt_homeIndex-ug dd ul:has(li:nth-child(3)) {gap:.3em;}
.dpt_homeIndex-ug dd ul > li > a:before {content:""; display:inline-block; width:1.2em; aspect-ratio:1; margin-inline:-1.5em .3em; border:1px #ccc solid; border-radius:50%; background:#fff url(../images/common2023/arrow01.svg) no-repeat 50% 50% / 50%; translate:0 15%;}
.dpt_homeIndex-gs {display:flex; flex-wrap:wrap; justify-content:center;}
.dpt_homeIndex-gs > li {padding:1em;}
.dpt_homeIndex-gs ._label {position:relative; height:10.5em;}
.dpt_homeIndex-gs ._label small {display:block;}

@media (min-width:769px){
  .dpt_homeIndex-ug {grid-template-columns:1fr 1fr; gap:4cqw;}
  .dpt_homeIndex-ug ._area {position:relative;}
  .dpt_homeIndex-ug ._area + ._area:before {content:""; display:block; height:100%; position:absolute; left:-2cqw; top:0; border-left:1px #ccc solid;}
  .dpt_homeIndex-ug dl > div[class*="dp-"],
  .dpt_homeIndex-gs > li {font-size:min(1.6cqw, 1.3rem); font-weight:600;}
  .dpt_homeIndex-ug dd ul {height:8em;}
  .dpt_homeIndex-gs {gap:3cqw;}
  .dpt_homeIndex-gs > li {width:calc((100% - 9cqw - 1px) / 4);}
}
@media (max-width:768px){
  [class*="dpt_homeIndex"] ._label i {letter-spacing:-.01em; font-size:80%;}
  .dpt_homeIndex-ug ._area + ._area {margin-top:calc(var(--fs2vs) * 3);}
  .dpt_homeIndex-ug ._label {width:clamp(9.4em, 5em + 15vw, 12em); height:7.5em; bottom:unset; top:27.5vw;}
  .dpt_homeIndex-ug dd ul {margin-left:clamp(13em, 8.6em + 15vw, 15.6em); padding:1em 1em 1.5em 0;}
  .dpt_homeIndex-gs {gap:1em;}
  .dpt_homeIndex-ug dd ul {min-height:7em;}
  .dpt_homeIndex-gs li {padding:min(.8em, calc((100% - 8vw - 19.8em) / 2));}
  .dpt_homeIndex-gs ._label {width:max(9.4em, calc(46vw - 2.1rem));}
  .dpt_homeIndex-gs ._label b {font-size:1.5em;}
}


/* 大学院 */

.gshe_about {display:grid; gap:2rem;}
.gshe_about ._left dl {display:grid; grid-template-columns:auto 1fr; grid-template-rows:auto auto; border:#ccc solid; border-width:1px 0 0 1px;}
.gshe_about ._left dt {grid-row:1/-1; display:grid; place-content:center; writing-mode:vertical-rl; padding:.6em; border:#ccc solid; border-width:0 1px 1px 0;}
.gshe_about ._left dd {grid-column:2/3; padding:.6em 1em; border:#ccc solid; border-width:0 1px 1px 0;}
.gshe_about .innerSection {background:var(--sbtlBlue);}

.gsh3-otherFields > .innerSection:nth-child(1) {background:var(--sbtlBlue);}
.gsh3-otherFields > .innerSection:nth-child(1) .H3 {color:var(--blue1)}
.gsh3-otherFields > .innerSection:nth-child(2) {background:var(--sbtlGreen);}
.gsh3-otherFields > .innerSection:nth-child(2) .H3 {color:var(--green1)}

@media (min-width:769px){
  .gshe_about {grid-template-columns:5fr 4fr;}
  .gshe_points {display:grid; grid-template-columns:1fr 1fr; gap:3cqw;}
  .gshe_points > .innerSection {margin:0;}
  .gshe_points > .innerSection:nth-child(1) {grid-column:1/-1;}
  .gsh3-otherFields {display:flex; flex-wrap:wrap; gap:2cqw;}
  .gsh3-otherFields > .innerSection {flex-grow:1; margin:0;}
}
@media (max-width:768px){
}

.gsmp_5flds_list {display:flex; flex-wrap:wrap; justify-content:center; gap:.4em;}
.gsmp_5flds_list li {padding:.2em .5em; border-radius:1em; background:var(--dptColor); color:#fff; font-weight:700;}
.gsmp_5flds_venues {display:grid; text-align:center; gap:1rem;}
.gsmp_5flds_venues > div {position:relative; padding-top:1.5rem;}
.gsmp_5flds_venues dt {position:absolute; left:50%; top:0; translate:-50% 0; width:4em; height:4em; display:flex; flex-direction:column; align-items:center; justify-content:center; border:2px currentColor solid; border-radius:50%; background:#fff; line-height:1.2; color:var(--dptColor); font-weight:bold; white-space:nowrap;}
.gsmp_5flds_venues img {margin-bottom:.6em;}

@media (min-width:769px){
  .gsmp_5flds_venues {grid-template-columns:1fr 1fr 1fr 1fr 1fr;}
}
@media (min-width:480px) and (max-width:768px){
  .gsmp_5flds_venues {grid-template-columns:repeat(auto-fill,minmax(180px,1fr));}
}

/* 学部・学科 */

.dp-okp .gakubuTopIndex ._bgSplitter {background:url(./psychology-okzk/images/index_bg.webp) no-repeat 50% 50%  / cover;}
.dp-oke .gakubuTopIndex ._bgSplitter {background:url(./environment-okzk/images/index_bg.webp) no-repeat 50% 50%  / cover;}
.dp-mdp .gakubuTopIndex ._bgSplitter {background:url(./psychology-mtym/images/index_bg.webp) no-repeat 50% 50%  / cover;}
.dp-mde .gakubuTopIndex ._bgSplitter {background:url(./environment-mtym/images/index_bg.webp) no-repeat 50% 50%  / cover;}

.admission-okp-ps ._bgSplitter {background:url(./psychology-okzk/psychology/images/adm_bg.webp) no-repeat 50% 50%  / cover;}
.admission-okp-cp ._bgSplitter {background:url(./psychology-okzk/criminal_psychology/images/adm_bg.webp) no-repeat 50% 50%  / cover;}
.admission-oke-fe ._bgSplitter {background:url(./environment-okzk/field_echology/images/adm_bg.webp) no-repeat 50% 50%  / cover;}
.admission-oke-eds ._bgSplitter {background:url(./environment-okzk/environmental_data_science/images/adm_bg.webp) no-repeat 50% 50%  / cover;}
.admission-obn ._bgSplitter {background:url(./nursing-obu/images/adm_bg.webp) no-repeat 50% 50%  / cover;}
.admission-mdp-ps ._bgSplitter {background:url(./psychology-mtym/psychological_science/images/adm_bg.webp) no-repeat 50% 50%  / cover;}
.admission-mdp-cp ._bgSplitter {background:url(./psychology-mtym/crime_and_psychology/images/adm_bg.webp) no-repeat 50% 50%  / cover;}
.admission-mde-fs ._bgSplitter {background:url(./environment-mtym/field_science/images/adm_bg.webp) no-repeat 50% 50%  / cover;}
.admission-mde-ei ._bgSplitter {background:url(./environment-mtym/environmental_information/images/adm_bg.webp) no-repeat 50% 50%  / cover;}
.admission-mhn ._bgSplitter {background:url(./nursing-mtym/images/adm_bg.webp) no-repeat 50% 50%  / cover;}

.dpt_topIndex {display:grid;}
.dpt_topIndex > section {display:grid; grid-template-columns:1fr auto; border-radius:.6rem; background:#fff; overflow:hidden;}
.dpt_topIndex a {display:contents; text-decoration:none; color:inherit;}
.dpt_topIndex .H3 {font-size:calc(var(--fs2vs) * 1);}
.dpt_topIndex :is(._exp, ._pic) {grid-column:1/-1;}
.dpt_topIndex ._pic:before {content:""; display:block; width:100%; height:.35em; background:var(--dptGrd1);}
.dpt_topIndex ._pic img {width:100%; aspect-ratio:17/16;}

@media (min-width:769px){
  .dpt_topIndex {grid-template-columns:1fr 1fr; gap:calc(var(--fs2vs) * 2);}
  .dpt_topIndex > section {grid-row:span 3; grid-template-rows:subgrid; gap:0;}
  .dpt_topIndex ._name {padding:3cqw 2cqw 0 calc(3cqw + 1em);}
  .dpt_topIndex ._btn {padding:3cqw 2.5cqw 0 0;}
  .dpt_topIndex ._exp {padding:0 4cqw 2.5cqw;}
}
@media (max-width:768px){
  .dpt_topIndex {gap:5vw; padding-inline:4vw;}
  .dpt_topIndex ._name {padding:4vw 5vw 0 calc(5vw + 1em);}
  .dpt_topIndex .H3 {font-size:1.5rem;}
  .dpt_topIndex ._btn {padding:5.2vw 4vw 0 0;}
  .dpt_topIndex ._exp {padding:0 6vw 4vw;}
}

.dpt_admPolicy {position:relative; display:grid; gap:1rem; margin-block:2.5rem;}
.dpt_admPolicy > div {position:relative; border-radius:.6rem .6rem 0 0; background:#fff;}
.dpt_admPolicy > div:after {content:""; display:block; width:100%; height:.3rem; background:var(--dptGrd1);}
.dpt_admPolicy dt {text-align:center; line-height:1; font-family:"Kanit"; font-size:3.5em; color:#fff; -webkit-text-stroke:.01em var(--dptColor); text-stroke:.01em var(--dptColor);}
.dpt_admPolicy dd {font-weight:bold;}

@media (min-width:769px){
  .dpt_admPolicy {font-size:calc(var(--fs2v) * .7);}
  .dpt_admPolicy > div {display:grid; grid-template-columns:5em 1fr;}
  .dpt_admPolicy > div:after {grid-column:1/-1;}
  .dpt_admPolicy dt {display:grid; place-content:center;}
  .dpt_admPolicy dd {padding: .8em 1em .8em 0;}
}
@media (max-width:768px){
  .bgSplitOnH2Border:has(.dpt_admPolicy) {padding-inline:4vw;}
  .dpt_admPolicy {gap:2.5rem; font-size:1.16rem;}
  .dpt_admPolicy dt {line-height:.6; translate:0 -50%;}
  .dpt_admPolicy dd {padding:0 3vw .8em}
}

.pageTitleTxt ._venueBadge {position:absolute; right:0; top:0; z-index:3;}

@media (min-width:769px){
  .pageTitleTxt ._venueBadge {width:calc(var(--fs2vs) * 3.6); translate:min(-1vw,-1.5rem) -40%;}
}
@media (max-width:768px){
  .pageTitleTxt ._venueBadge {width:min(16vw); translate:-.5vw -60%;}
}

.topGrdBoxes > section:before {background:var(--dptGrd2);}

.dpt_classFeatures ._pic {position:relative;}
.dpt_classFeatures ._pic img {width:100%; aspect-ratio:3/2; border-radius:.6rem;}
.dpt_classFeatures ._pic ._badge {position:absolute; right:0; bottom:0; translate:.3rem .3rem; padding-inline:.4em; border:1px #ccc solid; border-radius:.5rem; background:#fff; color:#606060; font-size:.9rem;}
.dpt_classFeatures ._pic ._badge b {font-size:130%; font-weight:500;}
.dpt_classFeatures .H4 {margin-bottom:.6em;}
.dpt_classFeatures .H4 ~ * {margin-inline:.6rem;}
.dpt_classFeatures .lg1 {font-weight:600;}

@media (min-width:769px){
  .dpt_classFeatures {gap:5cqw 2.8cqw;}
}
@media (max-width:768px){
  .dpt_classFeatures {gap:3rem;}
  .dpt_classFeatures li {padding-inline:4vw;}
}

.dpt_emplList .-lastVisible ~ *:not(._togglerBlock) {max-height:1000px; overflow:hidden; transition:.3s all;}
.dpt_emplList .-lastVisible ~ *[aria-hidden="true"] {margin-block:0; padding-block:0; max-height:0; opacity:0;}

.dpt_lifeFeatures :is(> section, ._txt, ._pic) {position:relative;}
.dpt_lifeFeatures > section ._txt {display:flex; flex-direction:column; justify-content:center;}
.dpt_lifeFeatures ._txt:before {content:""; position:absolute; display:block; aspect-ratio:7/27; background:url(./images/life_label.webp) no-repeat 50% 50% / contain;}
.dpt_lifeFeatures > section ._ttl {margin-bottom:.5em; line-height:1.33;}
.dpt_lifeFeatures ._pic:before,
.dpt_lifeFeatures ._pic:after {content:''; position:absolute; display:block; aspect-ratio:1; background:url(./images/life_circle.svg) no-repeat 50% 50% / contain;}
.dpt_lifeFeatures > section:nth-of-type(2n+1) > ._pic:before {right:0; top:0; translate:10% -10%; width:60%;}
.dpt_lifeFeatures > section:nth-of-type(2n+1) > ._pic:after {left:0; bottom:0; translate:-33% -40%; width:35%;}
.dpt_lifeFeatures > section:nth-of-type(2n) > ._pic:before {left:0; top:0; translate:-10% -10%; width:60%;}
.dpt_lifeFeatures > section:nth-of-type(2n) > ._pic:after {right:0; bottom:0; translate:33% -40%; width:35%;}

.dpt_lifeFeatures ._pic  {min-width:0;}
.dpt_lifeFeatures ._pic ._wrap {position:relative; z-index:5; aspect-ratio:1; padding:7%; border:1px var(--dptColor) solid; border-radius:.8rem;}
.dpt_lifeFeatures ._pic img {width:100%; aspect-ratio:1; border-radius:.6rem;}
.dpt_lifeFeatures ._pic a {position:absolute; right:0; top:50%; z-index:10; translate:50% -50%; display:block; width:12%; aspect-ratio:1; border-radius:50%; border:1px #ccc solid; background:#fff; text-indent:200%; overflow:hidden; white-space:nowrap;}
.dpt_lifeFeatures ._pic a:before {content:""; position:absolute; left:50%; top:50%; translate:-50% -50%; display:block; width:35%; aspect-ratio:1; background:url(../images/common2023/arrow01.svg) no-repeat 50% 50%  / 100%;}

.dpt_lifeFeatures ._slider .slick-list{border-radius:.6rem;}
.dpt_lifeFeatures ._slider ._slide img{border-radius:0;}
.dpt_lifeFeatures ._slider .slick-arrow{display:block;width:12%;height:auto;aspect-ratio:1 / 1;border-radius:50%;border:1px #ccc solid;background:#fff;text-indent:200%;overflow:hidden;white-space:nowrap;}
.dpt_lifeFeatures ._slider .slick-arrow::before{content:"";position:absolute;left:50%;top:50%;translate:-50% -50%;display:block;width:35%;aspect-ratio:1;background:url(/images/common2023/arrow01.svg) no-repeat 50% 50% / 100%;}
.dpt_lifeFeatures ._slider .slick-prev{left:-6%;}
.dpt_lifeFeatures ._slider .slick-next{right:-6%;}
.dpt_lifeFeatures ._slider .slick-prev::before{transform:scale(-1, 1);}

.dp-okp .dpt_lifeFeatures ._pic:before,
.dp-okp .dpt_lifeFeatures ._pic:after {filter:invert(86%) sepia(30%) saturate(344%) hue-rotate(352deg) brightness(97%) contrast(96%);}
.dp-oke .dpt_lifeFeatures ._pic:before,
.dp-oke .dpt_lifeFeatures ._pic:after {filter:invert(89%) sepia(33%) saturate(278%) hue-rotate(81deg) brightness(97%) contrast(88%);}
.dp-obn .dpt_lifeFeatures ._pic:before,
.dp-obn .dpt_lifeFeatures ._pic:after {filter:invert(90%) sepia(56%) saturate(2030%) hue-rotate(286deg) brightness(120%) contrast(98%);}
.dp-mdp .dpt_lifeFeatures ._pic:before,
.dp-mdp .dpt_lifeFeatures ._pic:after {filter:invert(91%) sepia(8%) saturate(2655%) hue-rotate(337deg) brightness(97%) contrast(103%);}
.dp-mde .dpt_lifeFeatures ._pic:before,
.dp-mde .dpt_lifeFeatures ._pic:after {filter:invert(91%) sepia(16%) saturate(1147%) hue-rotate(26deg) brightness(108%) contrast(91%);}
.dp-mhn .dpt_lifeFeatures ._pic:before,
.dp-mhn .dpt_lifeFeatures ._pic:after {filter:invert(93%) sepia(12%) saturate(1807%) hue-rotate(196deg) brightness(97%) contrast(96%);}

@media (min-width:769px){
  .dpt_lifeFeatures > section {display:grid; gap:6cqw; padding-inline:2cqw;}
  .dpt_lifeFeatures > section ._txt:before {width:5.5cqw;}
  .dpt_lifeFeatures > section ._ttl {font-size:calc(var(--fs2v) * 1.33);}
  .dpt_lifeFeatures > section:nth-of-type(2n+1) {grid-template-columns:4fr 3fr;}
  .dpt_lifeFeatures > section:nth-of-type(2n+3) {margin-top:4cqw;}
  .dpt_lifeFeatures > section:nth-of-type(2n+1) ._txt {padding:0 0 8cqw 8.5cqw;}
  .dpt_lifeFeatures > section:nth-of-type(2n+1) ._txt:before {left:0; top:calc(50% - 2.75cqw); translate:0 -60%;}
  .dpt_lifeFeatures > section:nth-of-type(2n) {grid-template-columns:3fr 4fr; margin-top:calc(-12cqw + 4rem);}
  .dpt_lifeFeatures > section:nth-of-type(2n) ._pic {grid-column:1/2; display:block; align-items:end;}
  .dpt_lifeFeatures > section:nth-of-type(2n) ._txt {grid-column:2/3; grid-row:1/2; padding:8cqw 8.5cqw 0 0;}
  .dpt_lifeFeatures > section:nth-of-type(2n) ._txt:before {top:calc(50% + 2.75cqw); right:0; translate:0 -40%;}
}
@media (max-width:768px){
  .dpt_lifeFeatures > section + section {margin-top:3.5rem;}
  .dpt_lifeFeatures ._pic {margin-inline:5vw;}
  .dpt_lifeFeatures ._txt {min-height:43vw; padding-bottom:1.3rem;}
  .dpt_lifeFeatures ._txt:before {width:10vw;}
  .dpt_lifeFeatures ._ttl {font-size:calc(.6rem + 4vw);}
  .dpt_lifeFeatures > section:nth-of-type(2n+1) ._txt {padding-left:15vw;}
  .dpt_lifeFeatures > section:nth-of-type(2n+1) ._txt:before {left:0;}
  .dpt_lifeFeatures > section:nth-of-type(2n) ._txt {padding-right:15vw;}
  .dpt_lifeFeatures > section:nth-of-type(2n) ._txt:before {right:0;}

}

.dpt_facultyList > article {position:relative; display:grid; grid-template-columns:1fr min(38%,150px); grid-template-rows:auto auto auto 1fr; background:#f8f8f8;}
.dpt_facultyList > article > img[src*=".svg"] {position:absolute; top:0; right:0; translate:20% -20%;}
.dpt_facultyList ._pic {position:relative; grid-column:2/3; grid-row:1/3;}
.dpt_facultyList ._pic img {border-radius:.5rem;}
.dpt_facultyList ._name {grid-column:1/2; grid-row:1/2;}
.dpt_facultyList ._name b {display:block; font-weight:normal;}
.dpt_facultyList ._btn {grid-column:1/2; grid-row:2/3; display:flex; align-items:end; padding-top:1rem;}
.dpt_facultyList ._btn .grdBtn {width:10em; min-width:0;}
.dpt_facultyList :is(._body, dl) {grid-column:1/-1;}
.dpt_facultyList ._body {margin-top:1.5rem;}
.dpt_facultyList dl {max-height:0; margin-block:0; overflow:hidden; opacity:0; transition:.2s all;}
.dpt_facultyList > article:has(._toggler.-on) dl {max-height:1000px; margin-top:1.6rem; opacity:1;}
.dpt_facultyList dt {color:#888;}
.dpt_facultyList dt:after {content:""; display:block; width:1.5em; border-top:1px currentColor solid; margin-block:.6em;}
.dpt_facultyList dd p:has(a) {margin-top:1.5rem; padding-left:1.2rem;}
.dpt_facultyList dd p:has(a):before {content:""; display:inline-block; width:.4rem; aspect-ratio:1; margin-inline:-1rem .6rem; border:currentColor solid; border-width:1px 1px 0 0; rotate:45deg;}
.dpt_facultyList dd p a {text-decoration-style:dotted;}
.dpt_facultyList ._toggler {position:absolute; right:0; bottom:0; translate:-50% -50%; width:2.5rem; aspect-ratio:1; background:#fff; border:1px #ccc solid; border-radius:50%; text-indent:110%; overflow:hidden; white-space:nowrap; cursor:pointer;}
.dpt_facultyList ._toggler:before,
.dpt_facultyList ._toggler:after {content:""; display:block; position:absolute; left:50%; top:50%; width:40%; border-top:1px #333 solid; translate:-50% 0; transition:.1s all;}
.dpt_facultyList ._toggler:not(.-on):after {rotate:90deg;} 
.dpt_facultyList .slashed li:after {margin-inline:.7em .4em; scale:1.2 1; opacity:.75;}

@media (min-width:769px){
  .dpt_facultyList {display:grid; grid-template-columns:1fr 1fr; gap:4.5cqw;}
  .dpt_facultyList > article {gap:0 2cqw; padding:3.5cqw 4cqw calc(3.5cqw + 1.5rem);}
  .dpt_facultyList ._name b {padding-left:1rem; font-size:calc(var(--fs2v) * 1);}
}
@media (max-width:768px){
  .dpt_facultyList > article {gap:0 1.4rem; padding:2rem 0 4rem; box-shadow:-100px 0 0 #f8f8f8, 100px 0 0 #f8f8f8;}
  .dpt_facultyList > article + article {margin-top:2rem;}
  .dpt_facultyList :is(._pic, ._body, dl) {padding-right:4vw;}
  .dpt_facultyList :is(._name b, ._btn, ._body, dl) {padding-left:4vw;}
  .dpt_facultyList ._name b {font-size:calc(.6rem + 3vw);}
}




/*
@media (min-width:769px){
}
@media (max-width:768px){
}
*/