@charset "UTF-8";
:root {--v40:clamp(2.8rem, -2.738rem + 4.615vw, 4rem); --theme1:#005038; --theme2:#cfc286; --theme2b:#a29452; --theme3:#f8f7f2;}
.IB {display:inline-block;}
.txC {text-align:center;}
.sml {font-size:85%;}
.secTtl {margin-block:4em 2.5em; padding-top:1.2em; border-top:4px var(--theme1) solid; line-height:1.33; font-size:2.2em;}
.secTtl:has(._icon) {display:flex; align-items:flex-start; justify-content:center; gap:.33em;}
.secTtl ._icon {flex-shrink:0; position:relative; display:grid; place-content:center; width:1.3em; height:revert; aspect-ratio:1;}
.secTtl ._icon svg {width:100%; scale:1.2;}
.btn1 :is(a,button) {display:inline-grid; place-items:center; min-width:20rem; min-height:4rem; padding-inline:1.5rem; border-radius:10rem; background:var(--theme1); line-height:1.4; text-align:center; font-weight:500; font-size:1.5rem; letter-spacing:.06em; color:#fff; transition:.3s ease;}
.btn1 :is(a,button).-noMin, .btn1.-noMin :is(a,button) {min-width:revert;}
.btn1 :is(a,button).-rev, .btn1.-rev :is(a,button) {background:transparent; color:var(--theme1); box-shadow:0 0 0 2px var(--theme1) inset;}
.btn1 is(a,button):hover {background:#013727;}
.btn1.-altn :is(a,button) {border:1px var(--theme2b) solid; background:#fff; color:var(--theme2b);}
.btn1.-altn :is(a,button):hover {background:var(--theme2b); color:#fff;}
ul.disc, ul.kome {padding-left:1.5em;}
ul.disc > li {list-style:disc outside;}
ul.kome > li:before {content:"※"; display:inline-block; width:1em; margin:0 .4em 0 -1.4em;}
@media (min-width:768px){
.sp {display:none!important;}
.pcC {text-align:center;}
}
@media (max-width:767px){
.pc {display:none!important;}
.secTtl {font-size:2em;}
}
/* ===========================
OCインデックス
=========================== */
body .l-content:has(.oc_index) {padding-bottom:0;}
@media (min-width:768px){
.oc_index {width:clamp(1140px,90%,1400px); margin-inline:auto;}
}
@media (max-width:767px){
.oc_index {--spPI:4.2666666667vw; padding-inline:var(--spPI);}
}
/* 導入部 */
.oc_index ._header ._ttl {display:flex;}
.oc_index ._header ._ttl h3 {display:revert; margin:0;}
.oc_index ._header ._ttl h3:after {display:none;}
.oc_index ._header ._ttl h3 .ja {width:auto; padding-inline:0!important;}
.oc_index ._header ._ttl h3 img {width:100%;}
.oc_index ._header ._ttl ._pics {position:relative;}
.oc_index ._header ._ttl ._pics picture {overflow:hidden; border-radius:.6rem;}
.oc_index ._header ._ttl ._pics picture img {border-radius:.6rem;}
.oc_index ._header ._ttl ._pics.-first {order:-1;}
.oc_index ._header ._nav dt a {width:100%; justify-content:revert; gap:0;}
.oc_index ._header ._nav dt a .icon-chv {margin-left:auto;}
.oc_index ._header ._nav dd li {list-style-type:disc; list-style-position:outside;}
.oc_index ._header ._nav dd li::marker {position:absolute; color:var(--theme1);}
.oc_index ._header ._nav h4 {margin-bottom:.3em; color:var(--theme1); font-size:108%;}
.oc_index ._header ._nav li:where(:not(:first-child):has(h4)) {margin-top:1.2em;}
@media (min-width:768px){
.oc_index ._header ._ttl {gap:3%; translate:0 -4rem; margin-bottom:calc(var(--v40) * 1);}
.oc_index ._header ._ttl h3 {width:45%;}
.oc_index ._header ._ttl ._pics {flex-grow:1;}
.oc_index ._header ._ttl ._pics picture {position:absolute; width:50%;}
.oc_index ._header ._ttl ._pics.-first picture:nth-of-type(1) {left:50%; top:50%; z-index:3; scale:1.1; transform-origin:100% 50%; translate:0 -53%;}
.oc_index ._header ._ttl ._pics.-first picture:nth-of-type(2) {right:50%; bottom:50%; scale:1.2; translate:0 -14%;}
.oc_index ._header ._ttl ._pics.-first picture:nth-of-type(3) {left:50%; bottom:50%; scale:.9; translate:30% -70%;}
.oc_index ._header ._ttl ._pics.-last picture:nth-of-type(1) {left:50%; top:50%; scale:.9; transform-origin:0 50%; translate:12% -56%;}
.oc_index ._header ._ttl ._pics.-last picture:nth-of-type(2) {right:50%; bottom:50%; z-index:3; scale:1.1;}
.oc_index ._header ._ttl ._pics.-last picture:nth-of-type(3) {left:50%; bottom:50%; scale:1.25; translate:0 -85%;}
.oc_index ._header ._nav {display:grid; grid-template-columns:5fr 4fr; grid-template-rows:1fr 1fr; gap:2rem 3%;}
.oc_index ._header ._nav > div:nth-of-type(1) {grid-row:1/3;}
.oc_index ._header ._nav > div:nth-of-type(2) {grid-column:2/3; grid-row:1/2;}
.oc_index ._header ._nav > div:nth-of-type(3) {grid-column:2/3; grid-row:2/3;}
.oc_index ._header ._nav dd {margin-top:2rem;}
.oc_index ._header ._nav dd ul {padding-left:1.5em;}
}
@media (max-width:767px){
.oc_index ._header ._ttl {flex-direction:column; margin-block:-4vw 12vw;}
.oc_index ._header ._ttl ._pics {display:flex;}
.oc_index ._header ._ttl ._pics.-last {justify-content:flex-end;}
.oc_index ._header ._ttl ._pics picture {position:relative; width:28%;}
.oc_index ._header ._ttl ._pics.-first picture:nth-of-type(1) {scale:1.08; translate:5% -20%;}
.oc_index ._header ._ttl ._pics.-first picture:nth-of-type(2) {order:-1; scale:1.16; transform-origin:0 50%;}
.oc_index ._header ._ttl ._pics.-first picture:nth-of-type(3) {scale:.93; transform-origin:0 100%;}
.oc_index ._header ._ttl ._pics.-last picture:nth-of-type(1) {z-index:3; scale:.9; transforom-origin:0 0; translate:-3% 30%;}
.oc_index ._header ._ttl ._pics.-last picture:nth-of-type(2) {order:-1; translate:8% 0;}
.oc_index ._header ._ttl ._pics.-last picture:nth-of-type(3) {scale:1.3; transform-origin:100% 30%;}
.oc_index ._header ._ttl h3 {margin-block:6vw;}
.oc_index ._header ._nav {display:grid; gap:6vw;}
.oc_index ._header ._nav dd {margin:1.2rem 0 0;}
.oc_index ._header ._nav dd ul {display:flex; flex-wrap:wrap; gap:0 2em; padding-left:1.5em;}
}
/* 来校イベント */
.oc_index ._pickup {margin-top:10rem;}
.oc-event-pickup__cont {transition:opacity .5s; margin-top:-3rem;}
.oc-event-pickup__cont:not(.slick-initialized) {opacity:0;}
.oc-event-pickup__cont .oc-event-pickup__item {flex-grow:1;}
.oc-event-pickup .c-card-article__pht {margin-bottom:0;}
.oc_index .slick-track {display:flex;}
.oc_index .slick-track:before,
.oc_index .slick-track:after {display:none;}
.oc_index .slick-slide {height:revert;}
.oc_index .slick-arrow {left:unset; right:0; top:unset; top:.3rem; height:auto; aspect-ratio:1; translate:0;}
.oc_index .slick-prev {translate:-110% 0;}
@media (min-width:768px){
.oc-event-pickup__cont {padding-top:4rem;}
.oc_index .slick-slide {padding:1.4rem;}
.oc_index .slick-arrow {width:3.5rem;}
.oc_index .slick-arrow:before {font-size:3.5rem;}
}
@media (max-width:767px){
.oc-event-pickup, .oc-event-pickup__cont {width:calc(100% + var(--spPI) * 2); margin-left:calc(var(--spPI) * -1.0001);}
.oc-event-pickup__cont {overflow:hidden; padding:4rem .6rem;}
.oc_index .slick-list {width:80%; padding-top:1.5rem; overflow:visible;}
.oc_index .slick-slide {padding:.6rem;}
.oc_index .slick-slide article {height:100%;}
.oc_index .slick-arrow {width:3rem; right:var(--spPI);}
.oc_index .slick-arrow:before {font-size:3rem;}
}
/* 交通費補助誘導、無料送迎バス */
._trnsSptLink {width:min(93%, 1000px); margin-inline:auto; border-radius:1.5rem; background:var(--theme2);}
._trnsSptLink {margin-block:8rem;}
._trnsSptLink ._icon {border-radius:50%; background:#fff;}
._trnsSptLink ._icon svg {scale:.8;}
._trnsSptLink ._icon svg path {fill:var(--theme1);}
._trnsSptLink ._ttl {font-size:1.4em; color:#fff;}
@media (min-width:768px){
._trnsSptLink {display:grid; grid-template-columns:auto 1fr auto; grid-template-rows:auto 1fr; gap:.4rem 4%; padding:2rem 3rem;}
._trnsSptLink ._head {display:contents;}
._trnsSptLink ._icon {grid-column:1/2; grid-row:1/3; width:8rem; align-self:start;}
._trnsSptLink ._ttl {grid-column:2/3; grid-row:1/2; margin:0;}
._trnsSptLink ._txt {grid-column:2/3; grid-row:2/3;}
._trnsSptLink ._btn {grid-column:3/4; grid-row:1/3; display:flex; align-items:flex-end;}
}
@media (max-width:767px){
._trnsSptLink, ._busLink {padding:2rem var(--spPI);}
._trnsSptLink ._head {display:flex; justify-content:center; align-items:center; gap:1.4rem; margin-bottom:1.4rem;}
._trnsSptLink ._icon {width:8rem;}
._trnsSptLink ._ttl {margin-block:.4rem 1rem;}
:is(._trnsSptLink, ._busLink) ._btn {margin-top:2rem; text-align:center;}
}
/* イベント一覧 */
.oc_index ._stepIndicator {display:grid; grid-template-columns:1fr 1fr 1fr; gap:2.6%; padding-inline:2%;}
.oc_index ._stepIndicator button {position:relative; display:block; background:#c6c3b5; text-align:center; color:#fff; font-weight:700; box-shadow:-1px 0 0 #c6c3b5, 1px 0 0 #c6c3b5;}
.oc_index ._stepIndicator button:before,
.oc_index ._stepIndicator button:after {content:""; display:block; position:absolute; top:0; width:6%; height:100%; background:inherit;}
.oc_index ._stepIndicator button:before {right:100%; clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%, 100% 50%);}
.oc_index ._stepIndicator button:after {left:100%; clip-path:polygon(0 0, 100% 50%, 0 100%);}
[data-switch-step-state="1"] .oc_index ._stepIndicator button[data-switch-step-to="1"],
[data-switch-step-state="2"] .oc_index ._stepIndicator button[data-switch-step-to="2"],
[data-switch-step-state="3"] .oc_index ._stepIndicator button[data-switch-step-to="3"] {background:var(--theme1); box-shadow:-1px 0 0 var(--theme1), 1px 0 0 var(--theme1);}
.oc_index ._stepContents ul:has(label) {display:grid; grid-template-columns:repeat(auto-fill, minmax(24rem,1fr)); font-weight:bold;}
.oc_index ._stepContents label {display:block; padding-left:1.3em; line-height:1.4;}
.oc_index ._stepContents label:before {content:""; display:inline-block; width:1em; aspect-ratio:1; margin:0 .3em 0 -1.3em; border-radius:.2em; border:2px #77a192 solid; translate:0 15%;}
.oc_index ._stepContents label:has(input:checked):before {background:var(--theme1) url('data:image/svg+xml;charset=UTF-8,') no-repeat 50% 50% / contain; border:0;}
.oc_index ._stepContents label input {display:none;}
.oc_index ._stepContents label .-bus {position:relative; display:block; width:fit-content; margin-left:.3em; padding:.1em .4em; border-radius:2px; background:#28459f; font-style:normal; font-size:77%; color:#fff; translate:0 15%;}
.oc_index ._stepContents label .-bus:before {content:""; display:block; position:absolute; left:2rem; top:0; width:.4em; aspect-ratio:1; background:inherit; clip-path:polygon(50% 0, 100% 100%, 0 100%); translate:1px -90%;}
.oc_index ._stepContents ul:has(label) + *:not(.btn1) {margin-top:3rem; padding-top:2rem; border-top:1px #0002 solid;}
.oc_index ._stepContents p:where(:not(.btn1)) a {text-decoration:underline;}
.oc_index ._stepContents .btn1 {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:1rem 1.5rem;}
.oc_index ._stepContents ._step3 ._busExp {padding:1rem 1.6rem; border-radius:1rem; background:var(--theme2);}
.oc_index ._stepContents ._step3 ._busExp p ~ p {margin-top:.6em;}
.oc_index ._stepContents ._step3:not(:has(i.-bus)) ._busExp {display:none;}
.oc-event-search__filter {position:relative; overflow:hidden; max-height:0; margin-block:0; opacity:0; transition:max-height .15s, margin .15s, opacity .3s;}
.oc-event-search__filter .filter-inner .ttl {padding-block:.2em; background:#c6ad5e;}
.oc-event-search__filter:has(.filter-list li) {max-height:50rem; padding-top:2rem; opacity:1; overflow:visible;}
.oc-event-search__filter .filter-inner .filter-list {display:flex; flex-wrap:wrap; gap:.1em .5em;}
.oc-event-search__filter .filter-inner .filter-list li:not(:last-child):after {content:""; display:inline-block; width:1em; aspect-ratio:1; background:#a29452; scale:.3; rotate:45deg; margin-left:.5em; translate:0 10%;}
.oc-event-search .result-list :is(.result-list__item:not([data-show="true"]), .result-list__item:not([data-show="true"]) article) {display:none;}
.oc-event-search .result-nothing {display:none!important;}
.oc-event-search:not(:has(.result-list [data-show="true"])) .result-nothing {display:revert!important;}
@media (min-width:768px){
.oc-event-search {margin-top:14rem;}
.oc_index ._stepIndicator {margin-bottom:4rem; font-size:130%;}
.oc_index ._stepIndicator button {padding-block:1.4em;}
.oc_index ._stepContents {display:grid;}
.oc_index ._stepContents > section {grid-column:1/2; grid-row:1/2; visibility:hidden; display:flex; flex-direction:column;}
[data-switch-step-state="1"] .oc_index ._stepContents ._step1,
[data-switch-step-state="2"] .oc_index ._stepContents ._step2,
[data-switch-step-state="3"] .oc_index ._stepContents ._step3 {z-index:10; background:#fff; visibility:revert;}
.oc_index ._stepContents ul:has(label) {grid-template-columns:repeat(auto-fill, minmax(21rem,1fr)); gap:1.5rem 2rem;}
.oc_index ._stepContents ul:has(label)._ocDateList {grid-template-columns:repeat(auto-fill, minmax(16rem,1fr));}
.oc_index ._stepContents label {font-size:118%;}
.oc_index ._stepContents > section > .btn1:last-child {margin-top:auto; padding-top:3rem;}
.oc_index ._stepContents ._step3 ._wrap {display:grid; grid-template-columns:1fr 33%; gap:0 3%;}
.oc-event-search__filter:has(.filter-list li) {margin-block:6rem;}
.oc-event-search .result-list .result-list__item {display:contents;}
}
@media (max-width:767px){
.oc-event-search {margin-top:8rem;}
.oc_index ._stepIndicator {margin-bottom:2.5rem;}
.oc_index ._stepIndicator button {padding-block:1rem; line-height:1.2;}
.oc_index ._stepIndicator button b {display:block; font-size:130%;}
.oc_index ._stepContents > section {display:none;}
[data-switch-step-state="1"] .oc_index ._stepContents ._step1,
[data-switch-step-state="2"] .oc_index ._stepContents ._step2 {display:block;}
[data-switch-step-state="3"] .oc_index ._stepContents ._step3 {display:grid;}
.oc_index ._stepContents ul:has(label) {grid-template-columns:repeat(auto-fill, minmax(15rem,1fr)); gap:1.1rem 1rem;}
.oc_index ._stepContents > section > .btn1:last-child {margin-top:2.5rem;}
.oc_index ._stepContents ._step3 ._wrap {display:contents;}
.oc_index ._stepContents ._step3 ._busExp {order:10; margin-top:3rem;}
.oc-event-search__filter {width:calc(100% + var(--spPI) * 2); margin-left:calc(var(--spPI) * -1);}
.oc-event-search__filter:has(.filter-list li) {margin-block:4rem 2rem;}
.oc-event-search__filter .filter-inner {border-radius:0;}
.oc-event-search .result-list .result-list__item {display:block;}
.oc-event-search .result-nothing {padding-inline:var(--spPI);}
}
.c-card-article__pht {position:relative; overflow:visible;}
.c-card-article__pht a {overflow:hidden; border-radius:.8rem;}
.c-card-article__pht img {width:100%; height:100%; object-fit:cover; border-radius:.8rem;}
article.c-card-article:has(a:hover) .c-card-article__pht img {scale:1.1;}
.c-card-article__pht ._courses li {display:block; padding:0 .4em; border-radius:3px; font-size:85%;color:#fff;}
.c-card-article__pht ._courses li.-railway {background:#355d9d;}
.c-card-article__pht ._courses li:is(.-airport,.-airline) {background:#00b39c;}
.c-card-article__pht ._courses li.-hotel {background:#3ed45a;}
.c-card-article__pht ._courses li.-travel {background:#3bd6db;}
.c-card-article__pht ._courses li.-bridal {background:#fc7749;}
.c-card-article__pht ._courses li.-bridal-beauty {background:#f56e89;}
.c-card-article__pht ._courses li.-funeraldirector {background:#8a80bd;}
.c-card-article__pht ._courses li.-global {background:#7ac826;}
.c-card-article__pht ._courses li.-korean {background:#f23b3b;}
.c-card-article__pht ._courses li.-business {background:var(--theme1);}
.c-card-article__pht ._courses li.-all {background:#bb7a34;}
.result-list__item .c-card-article__desc {display:contents;}
.c-card-article__desc .date .day-week {margin-left:-.4em;}
.c-card-article {position:relative;}
.c-card-article__desc :is(.cat, .tag) {align-items:flex-start;}
/*.c-card-article .btn a:after {content:""; display:block; width:100%; height:100%; position:absolute; left:0; bottom:0;}*/
.oc-event-pickup__article .btn {order:20; display:grid; grid-template-columns:1fr 1fr;}
.oc-event-pickup__article .btn > a+a {margin:0;}
@media (min-width:768px){
.oc-event-search__result .l-inner {max-width:revert;}
.oc-event-search__result .result-list {gap:0 2.4rem}
.js-result-list > li {display:contents;}
.result-list__item article {display:contents; grid-row:span 7; display:grid; grid-template-rows:subgrid; gap:0; margin-bottom:6rem;}
.c-card-article__pht {margin-bottom:2rem;}
.c-card-article__pht ._courses {position:absolute; bottom:0; right:.8rem; translate:0 .5rem; display:flex; flex-direction:column; align-items:flex-end; gap:2px;}
.c-card-article__desc .option {grid-row:-4/-3;}
.c-card-article__desc .tag {grid-row:-3/-2;}
.c-card-article__desc .btn {grid-row:-2/-1;}
}
@media (max-width:767px){
.oc-event-search__result {width:calc(100% + var(--spPI) * 2); margin-left:calc(var(--spPI) * -1.0001);}
.oc-event-search__result .l-inner {display:contents;}
.oc-event-search__result .result-list {gap:0;}
.oc-event-search__result article.c-card-article {display:grid; grid-template-columns:3fr 5fr; grid-template-rows:auto 1fr auto auto auto auto auto; gap:1rem 1.6rem; margin-bottom:-1px; padding:4rem var(--spPI); border-block:1px #888 solid; border-radius:0; box-shadow:none;}
.oc-event-search__result .c-card-article__pht {display:contents;}
.oc-event-search__result .c-card-article__pht ._courses {grid-column:1/3; grid-row:1/2; display:flex; flex-wrap:wrap; gap:2px;}
.oc-event-search__result .c-card-article__pht a {grid-column:1/2; grid-row:2/4; align-self:start;}
.oc-event-search__result .c-card-article__pht a img {aspect-ratio:1; height:auto;}
.oc-event-search__result .c-card-article__desc .date {grid-column:2/3; grid-row:2/3;}
.oc-event-search__result .c-card-article__desc .tag {grid-column:2/3; grid-row:3/4;}
.oc-event-search__result .c-card-article__desc .cat {grid-column:1/3; grid-row:4/5;}
.oc-event-search__result .c-card-article__desc .ttl {grid-column:1/3; grid-row:5/6;}
.oc-event-search__result .c-card-article__desc .option {grid-column:1/3; grid-row:6/7;}
.oc-event-search__result .c-card-article__desc .btn {grid-column:1/3; grid-row:7/8; margin:0;}
}
/* 来校型説明会、オンラインイベント */
.eventTypes :is(._outline, ._outline > * , ._desc) {align-self:start;}
.eventTypes :is(._outline ._txt, ._desc > dd) :where(p,ul,ol,dl,div) ~ :where(p,ul,ol,dl,div) {margin-top:.6em;}
.eventTypes ._ttl {display:flex; align-items:center; border:2px var(--theme1) solid; line-height:1.3; font-size:2rem; color:var(--theme1);}
.eventTypes ._ttl button {width:100%; padding:.4em .5em;}
.eventTypes ._tgt {display:flex; flex-wrap:wrap; gap:.3em 1em; align-items:flex-start; margin-top:1.5rem; font-size:93%;}
.eventTypes ._tgt > li {padding:0 1em; border-radius:2em; background:var(--theme2);}
.eventTypes ._outline {display:grid; gap:1.4rem; margin-block:2.5rem 3rem;}
.eventTypes ._outline ._txt strong {color:var(--theme1);}
.eventTypes ._outline ._pic img {width:100%; aspect-ratio:4/3; border-radius:1.4rem; object-fit:cover;}
.eventTypes ._ttl + ._outline {margin-top:3rem;}
.eventTypes ._desc {display:grid; grid-template-columns:auto 1fr; gap:0 0; border-bottom:1px #0004 solid;}
.eventTypes ._desc > * {padding-block:.8em; border-top:1px #0004 solid;}
.eventTypes ._desc > dt {font-weight:bold; color:var(--theme1);}
.eventTypes ._desc > dd {padding-left:1.4em;}
.eventTypes ._desc a {text-decoration:underline;}
.eventTypes .-dates > p:has(time:only-child) {display:inline-block; margin:0 1em 0 0!important;}
.eventTypes .-dates > p:empty {display:none;}
.eventTypes .btn1 {text-align:center;}
.eventTypes .btn1 a {width:100%;}
.eventTypes ._txt .-option {display:grid; grid-template-columns:48px 1fr; align-items:center; margin-top:16px; gap:10px; font-weight:500; font-size:1.3rem; line-height:1.6923076923; letter-spacing:.03em;}
.eventTypes ._txt .-option .icon {display:grid; place-items:center; height:48px; border-radius:50%; background-color:#fff;}
.eventTypes ._txt .-option .icon img {width:26px}
@media (min-width:768px){
.eventTypes {display:grid; grid-template-columns:1fr 1fr; gap:0 2%;}
.eventTypes ._type {grid-row:span 4; display:grid; grid-template-rows:subgrid; gap:0; padding:2.6rem 3rem; background:var(--theme3);}
.eventTypes ._type:has(._tgt) {grid-row:span 5;}
.eventTypes ._type:nth-child(n+3) {margin-top:4rem;}
.eventTypes ._ttl button {pointer-events:none;}
.eventTypes ._outline:has(._txt) {grid-template-columns:1fr 1fr;}
.eventTypes ._outline ._txt {grid-column:1/2; grid-row:1/2;}
.eventTypes ._outline ._txt ~ ._pic {grid-column:2/3; grid-row:1/2;}
.eventTypes ._outline ._pic:only-child {width:50%; margin-inline:auto;}
.eventTypes ._desc {margin-bottom:4rem;}
}
@media (max-width:767px){
.eventTypes ._type:has(._ttl button:not(.-on)) ._ttl ~ * {display:none;}
.eventTypes ._type:has(._ttl button.-on) {padding-bottom:6rem;}
.eventTypes ._type ~ ._type {margin-top:2rem;}
.eventTypes ._ttl button {position:relative; text-align:left; padding-right:3rem;}
.eventTypes ._ttl button:before,
.eventTypes ._ttl button:after {content:""; display:block; width:10px; height:2px; background:var(--theme1); position:absolute; right:1rem; top:calc(50% - 1px); transition:.2s all;}
.eventTypes ._ttl button:not(.-on):after {rotate:90deg;}
.eventTypes ._desc {margin-bottom:3rem;}
.eventTypes ._txt .-option {grid-template-columns:12.8vw 1fr; margin-top:4.2666666667vw; gap:2.6666666667vw;}
.eventTypes ._txt .-option .icon {height:12.8vw; background:#f8f4e4;}
.eventTypes ._txt .-option .icon img {width:6.9333333333vw;}
}
/* 交通費サポート */
.oc_index ._trnsSptCnt {position:relative; margin-top:12rem; padding-block:8rem 12rem;}
.oc_index ._trnsSptCnt:before {content:""; display:block; width:120vw; height:100%; position:absolute; right:50%; top:0; background:var(--theme3); box-shadow:119.9vw 0 0 var(--theme3);}
.oc_index ._trnsSptCnt > * {position:relative;}
.oc_index ._trnsSptCnt .secTtl {margin-top:0; padding:0; border:0;}
.oc_index ._trnsSptCnt .secTtl ._icon path {fill:var(--theme1);}
.oc_index ._trnsSptCnt ._fees {display:grid; margin-block:3rem 2rem; border:#0004 solid; border-width:0 0 1px; line-height:1.4;}
.oc_index ._trnsSptCnt ._fees > * {display:flex; align-items:center; padding:1.6rem; border-top:1px #0004 solid;}
.oc_index ._trnsSptCnt ._fees dt {justify-content:center; background:#5401; text-align:center;}
.oc_index ._trnsSptCnt ._fees dd {justify-content:end; text-align:right;}
@media (min-width:768px){
.oc_index ._trnsSptCnt ._fees {grid-template-columns:22rem 1fr 22rem 1fr;}
.oc_index ._trnsSptCnt ._fees dd {padding-right:20%;}
}
@media (max-width:767px){
.oc_index ._trnsSptCnt ._fees {grid-template-columns:16rem 1fr;}
}
/* ===========================
来校OC個別ページ
=========================== */
.l-page-box:has(.oc_desc) {padding-block:0;}
.oc-detail-article__head .tag-wrap .year {align-items:flex-start;}
.oc_desc ._datesOuter {margin-top:2rem; padding-top:1.5rem; border-top:1px #ccc solid;}
.oc_desc ._datesOuter .btn a {min-width:224px; min-height:42px; font-size:1.5rem;}
.oc_desc ._datesOuter ._dates {font-size:125%; font-weight:bold;}
.oc-detail-article__head {border:none;}
.oc-detail-article__head .tag-wrap {margin-top:.6rem;}
.oc-detail-article__head h1 {margin-top:1rem;}
.oc_desc ._outline {display:grid; gap:2rem;}
.oc_desc ._descTable {display:grid; margin-top:4rem;}
.oc_desc ._descTable > dt {background:#f6f6f6; font-weight:bold;}
.oc_form {position:relative; margin-block:0 12rem; padding-block:8rem; background:var(--theme3);}
.oc_desc:has(.oc-detail-article__head ~ *) + .oc_form {margin-top:12rem;}
.oc_form:before {content:""; display:block; width:120vw; height:100%; position:absolute; right:50%; top:0; background:var(--theme3); box-shadow:119.9vw 0 0 var(--theme3);}
.oc_form:after {content:""; display:block; width:max(35%, 200px); aspect-ratio:6/1; background:#fff; position:absolute; left:50%; top:0; translate:-50% 0; clip-path:polygon(0 0, 100% 0, 50% 100%);}
.oc_form > * {position:relative;}
.oc_form h2 {text-align:center; color:var(--theme1);}
.oc_form dl {display:grid;}
.oc_form dl > :is(dt,dd):nth-of-type(2n) {background:#00000008;}
.oc_form i.-req {display:inline-block; padding:.2em .3em; background:#e54; line-height:1; color:#fff; font-size:85%; font-style:normal;}
.oc_form :where(input, select, textarea) {all:revert; margin:.2rem; font:inherit; color:inherit;}
.oc_form input:where([type="radio"],[type="checkbox"]) {margin:0 .3rem 0 0}
.oc_form textarea {width:93%; height:10em}
.oc_form label {display:inline-block; margin-right:1.2em}
.oc_form :where(input[type="text"],input:not(:where([type="checkbox"],[type="radio"],[type="file"])),select,textarea) {padding:.3em .5em; border:1px #0005 solid; box-sizing:border-box;}
.oc_form ::placeholder {font-size:85%}
.oc_form select {-webkit-appearance:none; -moz-appearance:none; appearance:none; padding-right:1.875rem; border-radius:0; background:#fff url('data:image/svg+xml;charset=UTF-8,') no-repeat 100% 50%; background-size:1.125rem auto}
.oc_form select:after {content:""; position:absolute; right:.625rem; top:calc(50% - .3125rem); display:block; border-left:.625rem transparent solid; border-bottom:.625rem #1a1a1a solid; rotate:45deg}
.sizeL {width:98%} .sizeM {width:70%} .sizeS {width:48%; min-width:9.375rem} .sizeSS {width:12%; min-width:5rem}
.oc_form .-note {color:#555; font-size:85%;}
.oc_form .prvcChk {margin-block:3rem;}
.oc_form .prvcChk p:has(input) {margin-bottom:1rem; font-size:108%;}
.oc_form .prvcChk a {text-decoration:underline;}
.oc_form:not(:has(.prvcChk input:checked)) button[type="submit"] {pointer-events:none; opacity:.4;}
@media (min-width:768px){
.oc-detail-lead {flex-direction:row; gap:1.5rem;}
.oc-detail-article__head .tag-wrap {display:flex; gap:1rem;}
.oc-detail-article__head .tag-wrap .year {flex-shrink:0; margin:0;}
.oc_desc ._datesOuter {display:flex; justify-content:space-between; align-items:center;}
.oc_desc ._outline {grid-template-columns:1fr 1fr;}
.oc_desc ._descTable:has(dd) {grid-template-columns:auto 1fr; border-bottom:1px #ccc solid;}
.oc_desc ._descTable > * {padding:1rem; border-top:1px #ccc solid;}
.oc_desc ._descTable > dd {padding-left:2rem;}
.oc_form dl {grid-template-columns:auto 1fr;}
.oc_form dl > * {padding-block:2rem;}
.oc_form dt {padding-inline:2rem 1rem;}
.oc_form dd {padding-inline:1rem 2rem;}
.oc_form .prvcChk {text-align:center;}
}
@media (max-width:767px){
.oc-detail-article__head {display:flex; flex-direction:column;}
.oc-detail-lead {align-items:revert; gap:.6rem;}
.oc_desc ._datesOuter {display:contents;}
.oc_desc ._datesOuter ._dates {margin-top:.6em;}
.oc_desc ._datesOuter .btn {order:999; margin-top:1em;}
.oc_desc ._datesOuter .btn a {min-width: 59.7333333333vw; min-height: 11.2vw;}
.oc_desc ._descTable > dt {padding:.3em .8em; border-left:.3em #005038 solid;}
.oc_desc ._descTable > dd {padding:.6em .3em 1.8em;}
.oc_form dl > :is(dt,dd):nth-of-type(2n) {box-shadow:100px 0 0 #00000008, -100px 0 0 #00000008;}
.oc_form dl dt {padding-block:1.2rem .6rem;}
.oc_form dl dd {padding-bottom:1.8rem;}
.sizeM {width:98%;}
}
@media (min-width:768px){
}
@media (max-width:767px){
}
@media (min-width:768px){
}
@media (max-width:767px){
}
/* PLUGINS %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* ----- slick */
/* slider */
.slick-slider {position:relative; display:block; box-sizing:border-box; -webkit-user-select:none; -moz-user-select:none; user-select:none; -webkit-touch-callout:none; -khtml-user-select:none; touch-action:pan-y; -webkit-tap-highlight-color:transparent}
.slick-list {position:relative; display:block; overflow:hidden; margin:0; padding:0}
/*.slick-list:focus {outline:none}*/
.slick-list.dragging {cursor:pointer}
.slick-slider .slick-track,.slick-slider .slick-list {translate:0 0 0}
.slick-track {position:relative; top:0; left:0; display:block; margin-left:auto; margin-right:auto}
.slick-track:before,.slick-track:after {display:table; content:''} .slick-track:after {clear:both}
.slick-loading .slick-track {visibility:hidden}
.slick-slide {display:none; float:left; height:100%; min-height:1px} [dir='rtl'] .slick-slide {float:right}
.slick-slide img {display:block}
.slick-slide.slick-loading img {display:none}
.slick-slide.dragging img {pointer-events:none}
.slick-initialized .slick-slide {display:block}
.slick-loading .slick-slide {visibility:hidden}
.slick-vertical .slick-slide {display:block; height:auto; border:1px solid transparent}
.slick-arrow.slick-hidden {display:none}
.slick-loading .slick-list {background:#fff url('./slick/ajax-loader.gif') center center no-repeat}
/* Icons */
@font-face {font-family:'slick'; font-weight:normal; font-style:normal; src:url('./slick/slick.eot'); src:url('./slick/slick.eot?#iefix') format('embedded-opentype'),url('./slick/slick.woff') format('woff'),url('./slick/slick.ttf') format('truetype'),url('./slick/slick.svg#slick') format('svg')}
/* Arrows */
.slick-prev,.slick-next {font-size:0; line-height:0; position:absolute; top:50%; z-index:100; display:block; width:1.25rem; height:1.25rem; padding:0; translate:0 -50%; cursor:pointer; color:transparent; border:none; background:transparent}
.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus {color:transparent; /*outline:none;*/ background:transparent}
.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before {opacity:1}
.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before {opacity:.25}
.slick-prev:before,.slick-next:before {font-family:'slick'; font-size:1.25rem; line-height:1; opacity:.75; color:rgba(100,100,100,.5); /*-webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;*/}
.slick-prev {left:.625rem} [dir='rtl'] .slick-prev {right:-1.5625rem; left:auto}
.slick-prev:before {content:'←'} [dir='rtl'] .slick-prev:before {content:'→'}
.slick-next {right:.625rem} [dir='rtl'] .slick-next {right:auto; left:-1.5625rem}
.slick-next:before {content:'→'} [dir='rtl'] .slick-next:before {content:'←'}
/* Dots */
.slick-dotted.slick-slider {margin-bottom:1.875rem}
.slick-dots {position:absolute; bottom:-1.5625rem; display:block; width:100%; padding:0; margin:0; list-style:none; text-align:center}
.slick-dots li {position:relative; display:inline-block; width:.875rem; height:.875rem; margin:0 .3125rem; padding:0; cursor:pointer}
.slick-dots li button {font-size:0; line-height:0; display:block; width:1.25rem; height:1.25rem; padding:.3125rem; cursor:pointer; color:transparent; border:0; background:transparent}
/*.slick-dots li button:hover,.slick-dots li button:focus {outline:none}*/
.slick-dots li button:hover:before, .slick-dots li button:focus:before {opacity:1}
.slick-dots li button:before {font-family:'slick'; font-size:.375rem; line-height:1.25rem; position:absolute; top:0; left:0; width:1.25rem; height:1.25rem; content:'•'; text-align:center; opacity:.25; color:black; /*-webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;*/}
.slick-dots li.slick-active button:before {opacity:.75; color:black}