@charset "UTF-8";
/*@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;600&display=swap');*/
:root {--pcMaxW:1200px; --pcMinW:980px; --pcMinW2:950px; --spPI:20px; 
  --initFonts:"Noto Sans JP","游ゴシック Medium","Yu Gothic Medium","Yu Gothic","Hiragino Kaku Gothic ProN","Hiragino Sans","BIZ UDPGothic",Meiryo,sans-serif; 
  --initFontsB:"Noto Sans JP","Yu Gothic","Hiragino Kaku Gothic ProN","Hiragino Sans","BIZ UDPGothic",Meiryo,sans-serif; --boldFonts:"Inter",var(--initFontsB);}
strong,.bold {font-family:var(--boldFonts);}
.container {display:flow-root; position:relative; margin-inline:auto; container-type:inline-size;} .navBackdrop {display:none;}
@media (min-width:600px){:where(body,.pageHeader,main,.pageFooter) {min-width:var(--pcMinW);} .container {width:calc(100% - 50px); max-width:var(--pcMaxW); min-width:var(--pcMinW2);}}
@media (max-width:599px){html {font-size:90%;} .pageHeader,main,.pageFooter {min-width:320px;} .container {margin-inline:var(--spPI);} body.-navOpen .navBackdrop {width:100%; height:100dvh; position:fixed; top:0; left:0; display:block; background:#0007; z-index:500; -webkit-backdrop-filter:blur(2px); backdrop-filter:blur(2px);}}
/* BASE %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */


@media (min-width:600px){html {scroll-padding-top:10vh;}}
@media (max-width:599px){html {scroll-padding-top:50px;}}
body {background:#f8f8f0 url(../images/bg.png) 50% 50%; font-size:1rem; line-height:1.8; font-family:"Inter",var(--initFonts); font-feature-settings:"pkna"; color:#1a1a1a;
  --themeGreen:#00C696; --themeNavy:#154068; --themeRed:#ff5065; --themeGrad:linear-gradient(90deg, #0e94b8 0%, #1e78bf 50%, #5154c0 100%); --themeYellow:#ffcd4e;}
a {text-decoration:underline; text-decoration-skip-ink:none; text-underline-offset:.24em; color:inherit;}

/* =============== ヘッダ */

.pageHeader {position:relative; z-index:998;}
.pageHeader img {max-width:100%;}
.pageHeader ._bg {position:absolute; left:50%; top:50%; opacity:.5;}
.pageHeader ._inner {width:fit-content; position:relative; margin-inline:auto;}
.pageHeader h1 {font-weight:900; color:var(--themeGreen);}
.pageHeader h1 b {display:block; width:fit-content; padding:0 .2em; background:var(--themeGrad); line-height:1.4; color:#fff;}
.pageHeader ._date {line-height:.8; font-weight:1000; color:var(--themeNavy);}
.pageHeader ._date .-yyyy {position:absolute;}
.pageHeader ._date .-md span {display:inline-block; vertical-align:2%; font-weight:400; scale:.85;}
.pageHeader ._date i {display:inline-block; vertical-align:24%; width:1.5em; aspect-ratio:1/1; margin-left:.2em; border-radius:50%; background:#0888fd; line-height:1.5; text-align:center; font-style:normal; color:#fff;}
.pageHeader ._program {columns:2; column-gap:12%; column-rule:1px #0008 solid;}
.pageHeader ._program dt {line-height:1.2; color:var(--themeNavy); font-weight:900;}
.pageHeader ._program dd {line-height:1.4; font-weight:900;}
.pageHeader ._campus {background:var(--themeRed); font-weight:bold;}
.pageHeader ._campus dt {padding:.15em .3em; background:#fff; text-align:center; line-height:1.3; color:var(--themeRed);}
.pageHeader ._campus dd {line-height:1.5; color:#fff;}
.pageHeader ._txt {background:#fff; line-height:2; text-align:center; font-weight:bold;}
.pageHeader ._txt em {background:linear-gradient(180deg, #fff0 30%, #FFFCB0 30%);}
.pageHeader ._txt u {background:linear-gradient(180deg, #fff0 30%, #B5FFED 30%); text-decoration:none;}
.pageHeader ._txt strong {color:var(--themeRed);}

@media (min-width:600px){
  .pageHeader ._bg {width:749px; translate:-35% calc(-50% - 4rem);}
  .pageHeader ._siteName {width:305px; padding-top:10px;}
  .pageHeader ._anv70 {position:absolute; right:0; top:10px; width:77px;}
  .pageHeader ._inner {display:grid; grid-template-columns:1fr 1fr; gap:6.7cqw 3.5cqw; padding-top:6cqw;}
  .pageHeader h1 {grid-column:1/-1; font-size:clamp(2.438rem, calc(.031rem + 3.929vw), 3.125rem);}
  .pageHeader h1 b {font-size:clamp(4.861rem, 7.936vw, 6.25rem);}
  .pageHeader ._date .-yyyy {font-size:clamp(3.138rem, calc(.009rem + 5.107vw), 4.031rem);}
  .pageHeader ._date .-md {font-size:clamp(7.794rem, calc(.006rem + 12.714vw), 10.019rem);}
  .pageHeader ._date b {font-size:clamp(12.469rem, 20.357vw, 16.031rem);}
  .pageHeader ._date i {font-size:clamp(2.75rem, calc(-.094rem + 4.643vw), 3.563rem);}
  .pageHeader ._outline {display:flex; flex-direction:column; justify-content:space-between;}
  .pageHeader ._program dt {font-size:clamp(1.188rem, calc(.094rem + 1.786vw), 1.5rem);}
  .pageHeader ._program dd {font-size:clamp(1.938rem, calc(-.031rem + 3.214vw), 2.5rem);}
  .pageHeader ._campus {padding:.8rem 1.4rem; display:flex; align-items:center; gap:.8em;}
  .pageHeader ._campus dt {flex-shrink:0;}
  .pageHeader ._campus dd b {font-size:clamp(1.25rem, calc(-.063rem + 2.143vw), 1.625rem);}
  .pageHeader ._txt {grid-column:1/-1; padding-block:2em; font-size:var(--fs20);}
}
@media (max-width:599px){
  .pageHeader ._bg {width:130vw; translate:-50% -80%;}
  .pageHeader ._siteName {width:min(280px,70%); padding-top:8px;}
  .pageHeader ._anv70 {position:absolute; right:0; top:10px; width:40px;}
  .pageHeader ._inner {display:flex; flex-direction:column; gap:8vw; padding-top:10vw;}
  .pageHeader h1 {font-size:7vw;}
  .pageHeader h1 b {font-size:10.2vw;}
  .pageHeader ._date .-yyyy {font-size:10vw; translate:0 -15%;}
  .pageHeader ._date .-md {font-size:28vw;}
  .pageHeader ._date b {font-size:40vw;}
  .pageHeader ._date i {font-size:9vw;}
  .pageHeader ._outline {display:flex; flex-direction:column; justify-content:space-between;}
  .pageHeader ._program dt {font-size:4vw;}
  .pageHeader ._program dd {font-size:7vw;}
  .pageHeader ._campus {display:flex; align-items:center; gap:.8em; flex-direction:column; margin-top:1.2rem; padding:1rem 1.4rem; text-align:center;}
  .pageHeader ._campus dt br {display:none}
  .pageHeader ._campus dd b {font-size:5.5vw;}
  .pageHeader ._txt {padding:2em 1.4em;}
  .pageHeader ._txt br:not(:last-of-type) {display:none;}
}


/* =============== メイン */

main {overflow-x:hidden;}


/* H2～H6 */
:root {--fsH2:var(--fs24); --fsH3:var(--fs21); --fsH4:var(--fs19); --fsH5:var(--fs17); --fsH6:1rem; --hllh:calc(1em + .625rem);}
.fsH2 {font-size:var(--fsH2);} .fsH3 {font-size:var(--fsH3);} .fsH4 {font-size:var(--fsH4);} .fsH5 {font-size:var(--fsH5);} .fsH6 {font-size:var(--fsH6);}
h2, .h2 {/*initialize*/ all:unset; display:block; line-height:var(--hllh); font-size:var(--fsH2); font-family:var(--boldFonts); font-weight:bold;
  /*specific style   */ margin:2em 0 .8em;}
h3, .h3 {/*initialize*/ all:unset; display:block; line-height:var(--hllh); font-size:var(--fsH3); font-family:var(--boldFonts); font-weight:bold;
  /*specific style   */ margin:1.5em 0 .75em;}
h4, .h4 {/*initialize*/ all:unset; display:block; line-height:var(--hllh); font-size:var(--fsH4); font-family:var(--boldFonts); font-weight:bold;
  /*specific style   */ margin:1.5em 0 .6em;}
h5, .h5 {/*initialize*/ all:unset; display:block; line-height:var(--hllh); font-size:var(--fsH5); font-family:var(--boldFonts); font-weight:bold;
  /*specific style   */ margin:1.2em 0 .4em;}
h6, .h6 {/*initialize*/ all:unset; display:block; line-height:var(--hllh); font-size:var(--fsH6); font-family:var(--boldFonts); font-weight:bold;
  /*specific style   */ margin:.8em 0 .2em;}
:is(h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6):first-child:not(.-mtInit) {margin-top:0;}

@media (max-width:599px){
}

/* .btn */
.btn1 :is(a,button), :is(a,button).btn1 {position:relative; display:inline-block; padding:.4em 2em .5em 1em; border:0; border-radius:10px; background:var(--themeGreen); text-decoration:none; line-height:1.4; font-weight:bold; color:#fff;}
.btn1 :is(a,button):after, :is(a,button).btn1:after {content:""; display:block; position:absolute; right:.5em; top:50%; height:16px; width:16px; margin-right:.4em; border:#fff solid; border-width:5px 5px 0 0; rotate:45deg; translate:0 -50%;}
.btn2 a, a.btn2 {}
.btn2 a:before, a.btn2:before {content:""; display:inline-block; height:10px; width:10px; margin-right:.4em; border:var(--arwClr) solid; border-width:2px 2px 0 0; rotate:45deg; scale:.8;}

@media (min-width:600px){
  .btn1 :is(a,button), :is(a,button).btn1 {font-size:var(--fs20);}
}
@media (max-width:599px){
  .btn1 :is(a,button), :is(a,button).btn1 {font-size:var(--fs18);}
  .btn1 :is(a,button):after, :is(a,button).btn1:after {scale:.8;}
}

:root {--bg1:#f4f4f4; --bg2:#eef3fa; --bg3:#eefaf2; --bgNotice:#fceef3;}
.-bg1 {background:var(--bg1);} .-bg2 {background:var(--bg2);} .-bg2 {background:var(--bg3);} .-bgNotice {background:var(--bgNotice);}


.present {background:var(--themeYellow); box-shadow:-950px 0 0 var(--themeYellow), -280px 0 0 var(--themeYellow), 280px 0 0 var(--themeYellow), 950px 0 0 var(--themeYellow);}
.present ._txt dt {background:#fcb43a; font-weight:bold; color:#fff;}
.present ._txt dd {position:relative; padding-left:2rem;}
/*.present ._txt dd:before {content:attr(data-num); display:block; position:absolute; left:.2em; width:1.2em; aspect-ratio:1/1; border:1px #333 solid; border-radius:50%; line-height:1.1; text-align:center; translate:0 20%;}*/
.present ._txt dd[data-num="1"] ul {display:flex; gap:15px;}
.present ._txt dd[data-num="1"] ul img {height:40px;}
.present ._txt dd[data-num="1"] b.IB {padding:0 .3em; background:#fff4;}
.present ._submit .btn1 a {display:block; padding-block:1em; font-size:var(--fs24);}
.present ._submit i {display:block; font-style:normal; font-size:1rem;}

@media (min-width:600px){
  main {margin-top:-85px;}
/*  .present {display:grid; grid-template-columns:auto auto auto; grid-template-rows:auto auto auto; gap:3cqw 5cqw; padding-block:180px 120px;}*/
  .present {display:grid; grid-template-columns:auto auto auto; grid-template-rows:auto auto auto; gap:3cqw 5cqw; padding-block:120px 120px;}	
  .present h2 {grid-column:1/3; grid-row:1/2; display:flex; align-items:center; gap:2cqw; font-size:clamp(1.75rem, 2.857vw, 2.25rem); font-weight:900;}
  .present h2 img {width:clamp(11.25rem, calc(.094rem + 18.214vw), 14.438rem);}
  .present h2 > span {white-space:nowrap;}
  .present ._items {grid-column:3/4; grid-row:1/3;}
  .present ._txt {grid-column:1/2; grid-row:2/4;}
  .present ._txt dl {display:grid; grid-template-columns:4em 1fr; gap:0 1.5em;}
  .present ._txt dt {grid-row:1/3; display:flex; align-items:center; justify-content:center;}
  .present ._txt dt span {display:inline-block; writing-mode:vertical-rl;}
  .present ._txt dd {grid-column:2/3; padding-block:.6em; border-top:1px #0002 solid;}
  .present ._txt dd:last-child {border-bottom:1px #0002 solid;}
  .present ._submit {grid-column:2/4; grid-row:3/4;}
}
@media (max-width:599px){
  main {margin-top:-80px;}
  .present {padding-block:100px 60px;}
  .present h2 {text-align:center; font-size:6vw; font-weight:900;}
  .present h2 img {display:block; width:160px; margin:0 auto .6rem;}
  .present ._items {margin-bottom:2rem; text-align:center;}
  .present ._items img {max-width:300px;}
  .present ._txt dt {padding:.3em .8em; font-size:var(--fs18);}
  .present ._txt dd {padding-block:1rem;}
  .present ._txt dd + dd {border-top:1px #0002 solid;}
  .present ._submit .btn1 a {font-size:var(--fs24);}
}


.program ._block {background:#fff; text-align:center;}
.program ._block + ._block {margin-top:40px;}
.program h3 {position:relative; margin-bottom:2em; padding:.4em; background:var(--themeGrad); color:#fff;}
.program h3:after {content:""; display:block; position:absolute; left:50%; top:100%; border:8px transparent solid; border-top:12px #1e78bf solid; translate:-50% 0;}
.program .catch {font-weight:900; color:var(--themeGreen);}
.program ._tt {display:grid;}
.program ._tt > dt {position:relative; font-weight:600; color:var(--themeGreen);}
.program ._tt > dd > b {display:inline-block; margin-right:.2em; padding:0 .4em; background:var(--themeNavy); color:#fff;}
.program ._tt ._desc {margin-top:1rem; padding:1rem 1.4rem; background:#B7B4ED33;}

@media (min-width:600px){
  .program {padding-block:120px;}
  .program ._ttl {display:flex; justify-content:space-between; align-items:center; margin-bottom:.5rem;}
  .program ._block {padding:50px;}
  .program h3 {font-size:clamp(1.5rem, calc(.188rem + 2.143vw), 1.875rem);}
  .program .catch {font-size:var(--fs24);}
  .program ._tt {grid-template-columns:10rem 1fr; gap:1rem 2rem; text-align:left;}
  .program ._tt > dt {font-size:var(--fs20);}
  .program ._tt > dt:not(:last-of-type):before {content:""; display:block; height:calc(100% + 1rem); border-left:2px #222 solid; position:absolute; right:0; top:1rem;}
  .program ._tt > dt:after {content:""; display:block; width:12px; aspect-ratio:1/1; border:2px #222 solid; border-radius:50%; background:#fff; position:absolute; right:0; top:1rem; translate:calc(50% - 1px) -50%;}
  .program ._tt > dd {padding-top:.25rem;}
}
@media (max-width:599px){
  .program {padding-block:80px;}
  .program ._block {padding:1rem 1.4rem;}
  .program h3 {font-size:5vw;}
  .program .catch {line-height:1.5; font-size:var(--fs20);}
  .program ._tt {text-align:left;}
  .program ._tt > dd {margin-left:1rem; padding:.5rem 0 .5rem 1.5rem; border-left:2px #222 solid;}
  .program ._tt > dd > b {display:block; width:fit-content; margin-bottom:.3em;}
  .program .dlTable {display:flex; flex-direction:column;}
  .program .dlTable dt {padding-bottom:0;}
  .program .dlTable dd {padding:.3em 0 .6em; border-top:0;}
}


.video {background:#5552; text-align:center;}
.video iframe {width:100%; aspect-ratio:16/9;}
.video ._cs {font-size:var(--fs36); font-weight:bold; color:var(--themeNavy);}

@media (min-width:600px){
  .video {margin-bottom:120px;}
  .video ._inner {padding:4rem;}
}
@media (max-width:599px){
  .video {margin-bottom:80px;}
  .video ._inner {padding:3rem 1rem;}
}


.campus {position:relative;}
.campus:before {content:""; display:block; width:max(100vw,980px); height:100%; position:absolute; left:50%; top:0; background:url(../images/campus_bg.png) no-repeat 50% 50% / cover; translate:-50% 0;}
.campus > * {position:relative; color:#fff;}
.campus .catch {width:fit-content; margin-inline:auto; padding:.2em .8em; border:2px #fff solid; font-weight:bold;}
.campus ._supl {padding:1em 1.4em; background:#15406833;}

@media (min-width:600px){
  .campus {padding-block:80px; text-align:center;}
  .campus h2 {font-size:var(--fs30);}
}
@media (max-width:599px){
  .campus {padding-block:40px;}
  .campus h2 {margin-bottom:1.5em; text-align:center; font-size:var(--fs24);}
  .campus .lg2 {font-size:1rem;}
}

.banners {margin-top:-1px; padding:30px 0; background:#526068; box-shadow:-950px 0 0 #526068,-280px 0 0 #526068,280px 0 0 #526068,950px 0 0 #526068;}

@media (max-width:599px){
  .banners ul {max-width:280px; margin-inline:auto;}
}

/* =============== フッタ */

.pageFooter {position:sticky; top:100vh; background:var(--themeNavy); color:#fff; font-size:var(--fs15);}
.pageFooter .container {padding:35px 0;}
.pageFooter a {text-decoration:none;}
.pageFooter .copyright {margin-bottom:0; font-size:var(--fs11); text-align:center;}