/*-------------------------------------------------

オープンキャンパス2026用

-------------------------------------------------*/
/*___________________________________
▶ ページ全体レイアウト
　・ハンバーガーメニュー

▶ OCトップページ
　・ファーストビュー(FV)
　　└メインビジュアル(MV)
　　└トピックス
　・スケジュール
　　└アクセス
　・プログラム
　・About
　・ブリッジ画像
　・ガイド　
　・QA　
　・リンク
　・あしらい

▶ 新宿・岩槻：詳細ページ
　共通レイアウト
　・インデックス
　・各タイトル
　・メインビジュアル
　・イベント概要
　・見どころポイント
　・タイムテーブル
　・モデルコース
　・予約・来校時の注意事項
　・アクセス

▶ 新宿：各詳細ページ
　・4月
　・6月
　・7月
　・8月
　・9月
　・12月

▶ 岩槻：詳細ページ
　・4月
　・6月
　・8月
　・9月
_____________________________________*/

/*_______________________

OCトップページ全体レイアウト
_______________________*/

/* =========================
   Design Token
========================= */

:root{

  /* =========================
     Background
  ========================= */
  --bg-base: #ffffff;
  --bg-soft-20: #FDFBF9;
  --bg-soft-30: #FCF9F6;

  /* =========================
     Color
  ========================= */
  --color-text-base: #333333;
  --color-title-primary: #3EB4C7;

  --color-campus-sc: #8FDAE0;
  --color-campus-ic: #B8DEA4;
  --color-cta: #F9B10B;

  /* campus soft tone */
  --color-campus-sc-10: #F4FBFC;
  --color-campus-sc-20: #E9F8F9;
  --color-campus-sc-30: #DDF4F6;

  --color-campus-ic-10: #F8FCF6;
  --color-campus-ic-20: #F1F8ED;
  --color-campus-ic-30: #EAF5E4;

  /* =========================
     Spacing (section scale)
  ========================= */

  --space-tight: 48px;
  --space-normal: 80px;
  --space-wide: 120px;

  /* component spacing */

  --space-8: 8px;
  --space-16: 16px;
  --space-24: 24px;
  --space-32: 32px;
  --space-40: 40px;
  --space-48: 48px;
  --space-64: 64px;

  /* =========================
     Layout
  ========================= */

  --container-width: 600px;
  --section-pad-x: 24px;

  --title-gap-left: clamp(24px, 2vw, 80px);    
  --title-gap: 24px;

  /* =========================
     Radius
  ========================= */

  --radius-sm: 12px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-pill: 999px;

  /* =========================
     Typography
  ========================= */

  --fz-14: 0.875rem;
  --fz-16: 1rem;
  --fz-18: 1.125rem;
  --fz-24: 1.5rem;
  --fz-32: 2rem;

  --lh-base: 1.7;
  --lh-tight: 1.4;
}

/* =========================
   Responsive Token
========================= */

@media (max-width: 768px){

  :root{

    --space-tight: 32px;
    --space-normal: 56px;
    --space-wide: 88px;

    --title-gap: 18px;
    --section-pad-x: 16px;

  }
}

body {
    font-family: "Noto Sans JP", serif !important;
    font-optical-sizing: auto;
    font-style: normal;
    color: #231815;;
}
.oc_breadcrumb.breadcrumb {
    display: none;
}
.container.container_oc {
    padding-top: 0;
}


@media screen and (max-width: 1023px) {
.pc_meji_logo,.pc_title_container,.pc_menu_container {
    display: none;
}
.page_event_opencampus .footer {
    margin-top: 0;
}
}
@media screen and (max-width:600px) {
.page_event_opencampus .container.container_oc{
    padding-top: 0;
}
}

/*
ハンバーガーメニュー
--------------------------------------*/
.inner_header_oc {
    padding-top: 30px;
    height: auto;
}
.header.header_oc {
    width: 90px ;
    height: 110px;
    left: inherit;
    right: 0;
    box-shadow: none;
    background-color: transparent;
}
.header.header_oc.open {
    width: 100%;
}
.header_oc_menu {
    display: none;
    transform: translateX(-100%);
}
.header_oc_menu.open {
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100vh;
    background-color: #FDFAF2;
    color: #333;
    transform: translateX(0);
    transition: all 1.6s;
    z-index: 8888;
}
.header_oc_menu_item_container {
    width: 100%;
    height: 100%;
}
.header_oc_menu_item {
    width: 90%;
    max-width: 580px;
    height: auto;
    margin: 0 auto;
    transform: translateY(30%);
}
.header_oc_menu_item>li {
    padding: .8em .8em .8em 1.6em; 
    border-bottom: 1px dotted #3f4685;
    font-size: 1.1em;
}
.oc_menu_bullet:before {
    display: inline-block;
    width: 1.2em;
    height: 1.2em;
    position: absolute;
    top: 50%;
    left: 0;
    margin-right: .5em;
    background: url(/univ/jyukensei/images/event/ocmenu_bullet26.png) no-repeat center / contain;
    transform: translateY(-50%);
    content: '';
}
.header_oc_menu_item li.oc_top:before {
    top: 1.7em;
}
.oc_menu_list {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}
.header_oc_menu_button {
    display: block;
    width: 90px;
    height: 110px;
    margin-right: 14px;
    z-index: 9999;
}
.header_oc_menu_button a {
    display: block;
    width: 100%;
    height: 100%;
}
.header_oc_menu_button span {
    display: block;
    width: 58%;
    height: 4px;
    position: absolute;
    left: 50%;
    border-radius: 4px;
    background-color: #FED600;
    transform: translateX(-50%);
    transition: all .4s;
}
.header_oc_menu_button span:nth-of-type(1) {
    top: 10px;
}
.header_oc_menu_button span:nth-of-type(2) {
    top: 30px;
}
.header_oc_menu_button span:nth-of-type(3) {
    top: 50px;
    transition: all .6s;
}
.header_oc_menu_button a.active span:nth-of-type(1) {
    transform: translate(-50%,30px) rotate(-45deg);
}
.header_oc_menu_button a.active span:nth-of-type(2) {

    opacity: 0;
}
.header_oc_menu_button a.active span:nth-of-type(3) {
    top: 20px;
    transform: translate(-50%,20px) rotate(45deg);
}
.header_oc_menu_button a:after {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 14px;
    color: #FED600;
    font-size: 12px;
    text-decoration: none;
    text-align: center;
    content: 'MENU';
    transition: all .4s;
}
.header_oc_menu_button a.active:after {
    content: 'CLOSE';
}
@media screen and (max-width: 1024px) {
.header_oc_menu_item {
    transform: translateY(16%);
}
.header_oc_menu_item>li {
    font-size: 1em;
}
}
@media screen and (max-width:600px){
    .header.header_oc{
        height: 84px;
        background: inherit;
    }
    .inner_header_oc{
        padding-top: 12px;
    }
    .header_oc_menu_item {
        transform :translateY(20%);
    }
    .header_oc_menu_button span:nth-of-type(2) {
        top: 20px;
    }
    .header_oc_menu_button span:nth-of-type(3){
        top: 30px;
    }
    .header_oc_menu_button a.active span:nth-of-type(1) {
        transform: translate(-50%,15px) rotate(-45deg);
    }
    .header_oc_menu_button a.active span:nth-of-type(3){
        transform: translate(-50%,5px) rotate(45deg)
    }
    .header_oc_menu_button {
        width: 60px;
        height: 70px;
        margin-right: 0;
        background-color: rgba(253, 251, 249, 0.9);
        border-radius: 14px;
    }
}
@media screen and (max-width:481px){
    .header_oc_menu_item li{
        font-size: 14px;
    }
}


/*_______________________

メインコンテンツ
_______________________*/

.main_contents {
    margin-left: auto;
    margin-right: auto;
    font-style: normal;
    position: relative;
    width: 100%;
    overflow: hidden;
    background-color: #FFF;
}

/* =========================
   背景の基本
========================= */
.oc2026_program,
.oc2026_guide{
  background: var(--bg-base);
}
.oc2026_schedule,
.loop-banner,
.oc2026_qa{
  background: var(--bg-soft-20);
}

.oc2026_about{
  background:
    radial-gradient(
      60% 45% at 85% 5%,
      rgba(255,255,255,.55),
      rgba(255,255,255,0) 70%
    ),
    #F7F5F3;
}

/* =========================
   Section rhythm (3段階)
========================= */
.oc2026_schedule,
.oc2026_program,
.oc2026_about{
  padding-block: var(--space-normal);
}

.oc2026_guide,
.oc2026_qa{
  padding-block: var(--space-tight);
}

.oc2026_program{
  padding-block: var(--space-wide);
}

hr {
    border-bottom: 1px solid #ccc;
    margin-top: 25px;
    margin-bottom: 25px;
}

/* =========================
   Exceptions
========================= */
/* FVは既に成立してるので、余白は“後続”との関係だけを設計 */
.fv{
  padding-inline: 0;
  padding-block: 0;
}

.loop-banner{
  padding-block: var(--space-tight);
  padding-inline: 0;
}
.section-soft{
  background: var(--bg-soft-20);
  position: relative;
  overflow: hidden;
  /* ここは“紙の反射”だけ */
  background-image:
    radial-gradient(circle at 20% 10%, rgba(255,255,255,0.75), transparent 55%);
}

.section-soft::before{
  content:"";
  position:absolute;
  inset:-20% -10% auto -10%;
  height:220px;
  background: linear-gradient(
    to bottom,
    rgba(255,255,255,0.55),
    rgba(255,255,255,0)
  );

  filter: blur(26px); 
  opacity: 0.8; 
  pointer-events:none;
  z-index:0;
}
.section-soft > *{ position:relative; z-index:1; }

.section-seam{
  position: relative;
}
.section-seam::before{
  content:"";
  position:absolute;
  top:0; left:0;
  width:100%;
  height:60px;
  background: linear-gradient(to bottom, rgba(0,0,0,0.02), rgba(0,0,0,0));
  pointer-events:none;
}

/*
TOP_各タイトル
--------------------------------------*/

.oc2026title {
    width: 80%;
    max-width: 500px;
    font-size: 4em;
    font-family: all-round-gothic, sans-serif !important;
    font-weight: 700;
    font-style: normal;
    margin: 0;
    padding-top: 0; 
    margin-left: var(--title-gap-left);
}
/*各セクションのタイトル一文字ずつ表示*/
.oc2026title span {
  display: inline-block;
  opacity: 0;
  transform: translateY(14px);
  transition:
    transform 800ms cubic-bezier(.2,.8,.2,1),
    opacity 800ms cubic-bezier(.2,.8,.2,1);
  will-change: transform, opacity;
}

.oc2026title.is-active span {
  opacity: 1;
  transform: translateY(0);
}

.title_txt {
    width: 85% !important;
    font-size: 1.2em !important;
    margin-left: var(--title-gap-left);
    margin-bottom: var(--title-gap);
}
.title_txt.prog {
    margin-bottom: 4rem;
}
.reveal {
  opacity: 0;
  transform: translateY(14px);
  transition: 
    opacity 700ms cubic-bezier(.22,1,.36,1),
    transform 700ms cubic-bezier(.22,1,.36,1);
}

.reveal.is-inview {
  opacity: 1;
  transform: translateY(0);
}


/*
ファーストビュー
--------------------------------------*/
.logo {
    top: .3%;
    left: 2%;
    width: 40%;
    max-width: 187px;
    height: auto;
    z-index:3;
}
.logo .img_container {
    background: no-repeat url(/univ/jyukensei/images/common/mejiro_site_logo03.png) center / 100%;
}
.logo .img_container:before {
    padding-top: 38%;
}

.fv{
  position: relative;
  width: 100%;
  max-width: 100%;
  overflow: visible;
  --topicsH: 419px;
  background: transparent;
  margin-top :-2em;
}

/* SP */
@media (max-width: 600px){
  .fv{ --topicsH: clamp(300px, 88vw, 360px); }
}


/* -----------------------------------------------
FV_メインビジュアル
------------------------------------------------*/
.mv_visual{
  position: relative;
  --planetW: 92%;
  --planetR: -24%;
  --planetB: 0%;
  --bg: #FDFBF9;
  min-height: 70svh;
  background: var(--bg);
  overflow: hidden; 
}

.mv_visual__clip{
  inset: 0;
  overflow: hidden;
}

.mv-planet{
  position: absolute;
  right: var(--planetR);
  bottom: var(--planetB);
  width: var(--planetW);
  aspect-ratio: 1 / 1;
}

.mv-photoClip{
  position: absolute;
  inset: 0;
  overflow: hidden;
  z-index: 1;
}
@supports (clip-path: circle(50% at 55% 55%)){
  .mv-photoClip{
    clip-path: circle(50% at 55% 55%);
    border-radius: 0;
  }
}

.mv-photo{
  inset: 0;
  z-index: 1;
}
.mv-photo img{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  opacity: 0;
  transition: opacity 2.6s ease;
  filter: brightness(1.05) contrast(1.03) saturate(1.05);
}

.mv img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
img.mv01 { object-position: 96% center; }
img.mv02 { /*transform: scale(0.95);*/ object-position: 62% center; }
img.mv03 { object-position: 102% center; }

/* 表示中 */
.mv-photo img.is-active{ opacity: 1; }

.fv-ring{
  position: absolute;
  inset: -5%;
  z-index: 2;
  pointer-events: none;
  transform: translate(5%, 5%);
}
.fv-ring__svg{ width:100%; height:100%; z-index: 2;}

.fv-ring__text{
  fill: rgba(62,180,199,0.12);
  letter-spacing: 0.28em;
  font-size: 8px;
  font-family: system-ui, -apple-system, "Noto Sans JP", sans-serif;
}
.fv-ring__text:nth-of-type(2){ opacity: 0.15; }

.fv-ring__rot{
  transform-origin: 100px 100px;
  animation: ringSpin 50s linear infinite;
}
@keyframes ringSpin{ to{ transform: rotate(360deg); } }

.fv-ring__svg{
  overflow: visible;
  display: block;
  position: relative;
}

.fv-ring::before,
.fv-ring::after{ display:none; }

.mv-inner{
  position: relative;
  z-index: 2;
  width: 94.5%;
  max-width: 600px;
  margin-left: var(--title-gap-left);
  padding-top: clamp(32px, 9vh, 120px);
}

/* =====================================
   OPEN行（全端末共通）
===================================== */
.mv-openrow{
  display: grid;
  grid-template-columns: max-content minmax(0, 1fr);
  column-gap: 16px;
  align-items: center;
}

.mv-open{
  font-family: all-round-gothic, sans-serif;
  font-weight: 700;
  color: #3eb4c7;
  line-height: 1.05;
  font-size: 4.5em;
  
  /* 動き */
  opacity: 0;
  transform: translateY(14px);
  animation: mvTitleIn 0.8s cubic-bezier(0.22,1,0.36,1) forwards;
}

.mv_copy{
  position: static;
  margin: 0;
  min-width: 0;
  width: min(29ch, 100%);
  font-size: 12px;
  line-height: 1.7;
  opacity: 0;
  animation: mvCopyIn 0.9s ease forwards;
  animation-delay: 0.4s;
  overflow-wrap: anywhere;
}

@keyframes mvCopyIn{ to{ opacity:0.65; } }

/* title */
.mv-title{
  margin: 0;
  color: #3eb4c7;
  line-height: 0.92;    
  font-family: all-round-gothic, sans-serif !important;
  font-weight: 700;
  font-size: 4.5em;
  text-align: left;

  /* 動き */
  opacity: 0;
  transform: translateY(14px);
  animation: mvTitleIn 0.8s cubic-bezier(0.22,1,0.36,1) forwards;
}

@keyframes mvTitleIn{
  to{
    opacity: 1;
    transform: translateY(0);
  }
}
.mv-title > span{
  display: block;
}
.mv-title br{
  display: none;
}

/* h1内のOPENは見た目から消す（読み上げ用に残す） */
.mv-title .is-hide{
  position: absolute;
  width: 1px; height: 1px;
  margin: -1px; padding: 0;
  overflow: hidden; clip: rect(0 0 0 0);
  white-space: nowrap; border: 0;
}


@media (min-width: 1025px){
  .mv_copy{ width: 34ch; }
}
@media (max-width: 600px){
  .mv-inner{
    padding-top: clamp(32px, 15vh, 120px);
  }
  .mv_copy{ width: clamp(18ch, 47vw, 29ch); }
}

@media (max-width: 400px) and (max-height: 700px){
  .mv_visual{
    min-height: 88svh;
  }
}

@media (max-width: 360px){
  .mv_visual{
    min-height: 80svh;
  }
  .mv-openrow{ column-gap: 10px; }
  .mv_copy{ width: 26ch; font-size: .75em; }
}

@media (max-width: 350px){
  .mv_visual {
    min-height: 75svh;
    }
}

@media (min-width: 520px) and (max-height: 740px){
  .mv_visual{
    min-height: 100svh;
  }
}

@media (width: 1024px) and (height: 600px){
  .mv_visual{
    --planetW: 100% !important;
    --planetR: -23% !important;
    --planetB: 0% !important;
  }
  .mv-inner{
    padding-top: 24px !important;
  }
  .mv_copy{
    width: 25ch !important;
    max-width: 100%;
    overflow-wrap: anywhere;
    line-height: 1.45 !important;
    font-size: .7em;
  }
}
/* iPad Pro縦長 */
@media (min-width: 768px) and (min-height: 1000px){
  .mv_visual{
    height: clamp(620px, 70svh, 720px);
    min-height: 0;
    overflow: hidden;
  }
}

@media (min-width: 1100px) and (max-height: 860px){
  .mv-inner{
    padding-top: clamp(20px, 4vh, 56px);
  }
}

@media (min-width: 1200px) and (max-height: 820px){
  .mv_visual{
    --planetW: 80%; 
    --planetR: -20%;
    --planetB: 0%;
  }

  .mv-inner{
    padding-top: 40px;
  }

  .mv_copy{
    width: 28ch;
    line-height: 1.55;
    font-size: .9em;
  }
}




/* -----------------------------------------------
FV_トピックススライダー
------------------------------------------------*/

.topics_anchor{
  position: relative;
  height: var(--topicsH);
}


.oc2026_topics {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  width: 100%;
  max-width: 600px;
  margin: 0 auto;

  height: 100%;
  z-index: 50;
  background: transparent;
  contain: layout;
}

.oc2026_topics{ --gap: 16px; } 



.oc2026_topics .swiper{
  width: 100%; 
  overflow: visible; 
}
.oc2026_topics .swiper-wrapper{
  transition-timing-function: linear !important;
}

.oc2026_topics .swiper-slide{
  width: calc((100% - var(--gap)) / 2) !important;
  flex-shrink: 0;
  display: block;
}
.topics_slide {
  overflow: hidden;
  width:100%;
  height: 100%;
  border-radius: 35px;
}
.topics_slide .img_container:before {
  padding-top: 96%;
}
.topics_slide.for_parents .img_container {
  background: no-repeat url(/univ/jyukensei/images/event/oc2026brn_topics_parents.png) center 0% / 100%;
}
.topics_slide.meji_lab .img_container {
  background: no-repeat url(/univ/jyukensei/images/home/home_mejilab_brn.png) center 0% / 100%;
}
.topics_slide.meji_navi .img_container {
  background: no-repeat url(/univ/jyukensei/images/home/home_mejinavi2026_sm.png) center 0% / 100%;
}
.topics_slide.oc2026_0330ic .img_container {
  background: no-repeat url(/univ/jyukensei/images/home/home_oc2026_ic0330_brn.png) center 0% / 100%;
}
.topics_slide.request .img_container {
  background: no-repeat url(/univ/jyukensei/images/event/oc2026brn_topics_request.png) center 0% / 100%;
}
.topics_slide.sakidori .img_container {
  background: no-repeat url(/univ/jyukensei/images/home/home_sakidori2026_brn.png) center 0% / 100%;
}
.topics_slide.seminar_navi .img_container {
  background: no-repeat url(/univ/jyukensei/images/home/home_seminavi_sm.png) center 0% / 100%;
}
.topics_slide.web_oc .img_container {
  background: no-repeat url(/univ/jyukensei/images/home/home_weboc_big_bnr03.png) center 0% / 100%;
}
.topics_slide.test01 .img_container {
  background: no-repeat url(/univ/jyukensei/images/event/test_swiper_brn01.png) center 0% / 100%;
}
.topics_slide.test02 .img_container {
  background: no-repeat url(/univ/jyukensei/images/event/test_swiper_brn02.png) center 0% / 100%;
}

@media (min-width: 1025px){
  .oc2026_topics{ --gap: 20px; } 
}

@media (min-width: 768px) and (max-width: 1366px){
  .topics_anchor{
    height: auto; 
  }
  .oc2026_topics{
    position: relative; 
    height: auto;
  }
  .topics_slide{
    height: auto; 
  }
}


/*
スケジュール
--------------------------------------*/
.oc2026_schedule {
    padding-bottom: unset;
    z-index: 0;
}
.sakidori_brn,
.s_soudan_brn {
    width: 90%;
    margin: 2em auto;
    height: auto;
    padding-bottom: 8.1em;
    cursor: pointer;
    transition: all 0.3s ease 0s;
}
.sakidori_brn:hover,
.s_soudan_brn:hover {
    transform: translateY(-0.1875em);
}
.sakidori_brn .img_container:before,
.s_soudan_brn .img_container:before {
    padding-top: 21.8%;
}
.sakidori_brn .img_container {
    background: no-repeat url(/univ/jyukensei/images/event/oc2025brn_sakidori.png) center 0% / 100%;
    box-shadow: 3px 2px 5px 0 rgb(0 0 0 / 15%);
}
.s_soudan_brn .img_container {
    background: no-repeat url(/univ/jyukensei/images/event/s_soudan_brn.png) center 0% / 100%;
    box-shadow: 3px 2px 5px 0 rgb(0 0 0 / 15%);
}
.oc2026schedule_all {
    width:90%;
    margin: .5em auto 3.5em;
    padding-bottom: 19em;
}
.oc2026schedule_all .img_container:before {
    padding-top: 50%;
}
.oc2026schedule_all .img_container {
    background: no-repeat url(/univ/jyukensei/images/event/oc2026_schedule_all.png) center 0% / 100%;
}
.sche_sc,
.sche_ic {
    width: 43%;
    margin: 0 auto;
}
.sche_title.sc,.sche_title.ic {
    width: 100%;
    margin: 0 auto;
}
.sche_title.sc .img_container {
    background: no-repeat url(/univ/jyukensei/images/event/oc2024_campus_sc.png) center  / 100%;
}
.sche_title.ic .img_container {
    background: no-repeat url(/univ/jyukensei/images/event/oc2024_campus_ic.png) center  / 100%;
}
.sche_title.sc .img_container:before,
.sche_title.ic .img_container:before {
    padding-top: 50%;
}
.oc_txt {
    font-size: .9em;
}
/*スケジュール スライダー*/
  .sche-inner {
    position: relative;
    -webkit-box-sizing: content-box;
     box-sizing: content-box;
    max-width: 600px;
    margin: 0 auto;
    padding: 0 5rem;
  }

  .oc2026_sche .sche-inner {
    padding-top: 5rem;
    padding-bottom: 3rem;
  }

  .oc2026_sche {
    overflow: hidden;
  }
  .oc2026_sche .swiper {
    overflow: visible;
  }
  .oc2026_sche .swiper-slide {
    width: -webkit-max-content;
    width: max-content;
    margin-right: 16px !important;
  }
  .oc2026_sche .slide {
    overflow: hidden;
    width: 17rem;
    border-radius: 8px;
    -webkit-box-shadow: .8rem .8rem 1.2rem rgba(0, 0, 0, .05), -.8rem -.8rem 1.2rem #fff;
     box-shadow: .8rem .8rem 1.2rem rgba(0, 0, 0, .05), -.8rem -.8rem 1.2rem #fff;
  }

/*各スライド*/
.swiper_slide .slide_img {
  overflow: hidden;
  position: relative;
  width:100%;
  max-width: 340px;
  filter: brightness(1.05) contrast(1.03) saturate(1.05);
}
.slide_img.oc250420sc .img_container{
    background: no-repeat url(/univ/jyukensei/images/news/oc2025_0608_00.jpg) center 100% / 100%;
}
.slide_img.oc250420ic .img_container{
    background: no-repeat url(/univ/jyukensei/images/news/oc2025_0615_03.jpg) center 100% / 100%;
}
.slide_img.oc250608sc .img_container{
    background: no-repeat url(/univ/jyukensei/images/news/oc2025_0420_01.jpg) center 100% / 100%;
}
.slide_img.oc250615ic .img_container{
    background: no-repeat url(/univ/jyukensei/images/news/oc2025_08ic_05.jpg) center 100% / 100%;
}
.slide_img.oc250720sc .img_container{
    background: no-repeat url(/univ/jyukensei/images/event/oc2025_0831sc_mejitalk.jpg) center 100% / 100%;
}
.slide_img.oc250808sc .img_container{
    background: no-repeat url(/univ/jyukensei/images/news/oc2025_0608_04.jpg) center 100% / 100%;
}
.slide_img.oc250809sc .img_container{
    background: no-repeat url(/univ/jyukensei/images/news/oc2025_0831_03.jpg) center 100% / 100%;
}
.slide_img.oc250809ic .img_container{
    background: no-repeat url(/univ/jyukensei/images/news/oc2025_08ic_02.jpg) center 100% / 100%;
}
.slide_img.oc250810ic .img_container{
    background: no-repeat url(/univ/jyukensei/images/news/oc2025_08ic_02.jpg) center 100% / 100%;
}
.slide_img.oc250831sc .img_container{
    background: no-repeat url(/univ/jyukensei/images/news/oc2025_0831_00.jpg) center 100% / 100%;
}
.slide_img.oc250831ic .img_container{
    background: no-repeat url(/univ/jyukensei/images/news/oc2025_0615_01.jpg) center 100% / 100%;
}
.slide_img.towa .img_container{
    background: no-repeat url(/univ/jyukensei/images/event/20241108_towa_02.jpg) center 100% / 100%;
}
.slide_img.toei .img_container{
    background: no-repeat url(/univ/jyukensei/images/event/fes_toei2022_pic01.jpg) center 100% / 100%;
}
.slide_img.oc251207sc .img_container{
    background: no-repeat url(/univ/jyukensei/images/news/oc2025_1207_00.jpg) center 100% / 100%;
}
.slide .slide_img :before{
  padding-top:  67%;
}
.cps_lavel {
    background-color: #42a5c3;
    color: #fff !important;
    font-size: .85em;
    border-radius: 24px;
    padding: .4em;
    z-index: 2;
    top: 72%;
    left: 7%;
}
.cps_lavel.ic {
    background-color: #00c4b3;
}
.slide_contents {
    padding: 1.5em;
    background: var(--bg-base);
}
.slide_contents.fin {
    background-color: #ddd;
}
.notice {
    color: #1D1DE0;
    margin-top: 4em;
}
.comming_soon {
    margin-top: 4.5em;
}
.oc_date2026 {
    padding-left: unset !important;
    background-image: none;
    border-left: none;
    font-size: 1.5em !important;
}
.oc_date2026.festival {
    font-size: 1.3em !important;
}

.fes_name {
    font-size: 1.3em;
    font-weight: bold;
}
/*ページネーション*/
  .oc2026_sche .swiper-controller {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 1.6rem;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin-top: 5.2rem;
    position: relative;
  }
  .oc2026_sche .swiper-pagination {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 1.2rem 0.8rem;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: 0 auto 0 0;
    text-align: center;
  }
  .oc2026_sche .swiper-pagination-bullet {
    width: 1.6rem;
    height: 3px;
    cursor: pointer;
    -webkit-transition: .8s cubic-bezier(.2, 1, .2, 1);
    transition: .8s cubic-bezier(.2, 1, .2, 1);
    vertical-align: top;
    background-color: #aaa;
    border-radius: 0 !important;
  }
  .oc2026_sche .swiper-pagination-bullet-active {
    width: 4rem;
    background-color: #eabd28;
  }
@media screen and (max-width: 1024px) {
.sakidori_brn,
.s_soudan_brn {
    padding-bottom: 5.1em;
}
.oc2026_schedule {
    padding-bottom: 0 !important;
}
.oc2026schedule_all {
  padding-bottom: 12em;
  margin-bottom: 2em;
}
.sche-inner {
    padding: 0 3rem;
}
 .oc2026_sche .slide {
    width: 12rem;
}
.sche_sc,
.sche_ic {
    width: 45%;
    margin: 0 auto;
}
.cps_lavel {
    top: 65.3%;
}
.cps_lavel.sche_line_break {
    top: 58% !important;
}
.oc2026_sche .swiper-controller {
    margin-top: 2.2rem !important;
    padding-top: 4em !important;
}
}

@media screen and (max-width: 960px) {
.sakidori_brn,
.s_soudan_brn {
    padding-bottom: 8.5em;
}
.oc2026schedule_all {
  padding-bottom: 19em;
  margin-bottom: 3em;
}
.oc_txt {
    font-size: 1.2em;
}
.sche-inner {
    padding: 0 5rem;
}
 .oc2026_sche .slide {
    width: 17rem;
}
.cps_lavel {
    top: 72% !important;
}
.cps_lavel.sche_line_break {
    top: 72% !important;
}
}
@media only screen and (max-width: 600px) {
.oc2026schedule_all {
    padding-bottom: 17em;
}
.oc_txt {
    font-size: 1em;
}
.sche-inner {
    padding: 0 2rem;
}
.sche_sc, .sche_ic {
    width: 48%;
}
.oc2026_sche .slide {
    width: 12.5rem;
}
.cps_lavel {
    top: 67% !important;
}
.cps_lavel.sche_line_break {
    top: 55% !important;
}
.cps_lavel.sche_line_break.secondary {
    top: 69% !important;
}
.cps_lavel.sche_line_break.fes {
    top: 71% !important;
}
.fes_name {
    font-weight: normal !important;
}
}
  @media only screen and (max-width: 481px) {
 .sakidori_brn,
 .s_soudan_brn {
    padding-bottom: 6em;
 }
.oc2026schedule_all {
    padding-bottom: 12em;
    margin-bottom: 3em;
}
}

/*
アクセス
--------------------------------------*/

.oc2025title.access {
    width: 85%;
    background: no-repeat url(/univ/jyukensei/images/event/oc2025title_access.webp) center 47% / 47%;
    padding-top: 44%;
    margin: 1em auto 0;
}
.oc2025title.access .img_container.sc {
    background: no-repeat url(/univ/jyukensei/images/event/oc2025title_access_sc.webp) center 23% / 80%;
    top: 22%;
    right: -3%;
}
.oc2025title.access .img_container.sc:before {
    padding-top: 33%;
}
.oc2025title.access .img_container.ic {
    background: no-repeat url(/univ/jyukensei/images/event/oc2025title_access_ic.webp) center 23% / 80%;
    top: 5%;
    right: -1%;
}
.oc2025title.access .img_container.ic:before {
    padding-top: 40%;
}
.access_list {
    width:100%;
    background: no-repeat url(/univ/jyukensei/images/event/oc2024_access_bg.png)center / 100%;
    background-size: cover;
    padding-top:3.1em;
}
.access_container {
    width:90%;
    margin:2em auto 3em;
    padding-top: 2em;
    padding-bottom: 2em;
    background-color:rgba(255,255,255,0.8);
    border-radius: 65px;
}
.access_ic {
    margin: 1.4em auto 3.2em;
}
.border_inner_shadow.oc2024 {
    width: 60%;
    /*padding-right: 1.5em;*/
    margin-top: 1em;
    border-radius: 60px;
    background-color: #fff;
    text-align: center;
    margin:0 auto;
}
.border_inner_shadow.sc_campus {
    border: 2px solid #42a5c3;
    color: #42a5c3;
    background-color: #e7f4f7;
    margin-top: 1em;
}
.border_inner_shadow.ic_campus {
    border: 2px solid #00c4b3;
    color: #00c4b3;
    background-color: #E9F7F3;
    margin-top: 1em;
}
.border_inner_shadow.oc_other_link:hover {
    box-shadow: inset 0px 0px 0px 3px #fff;
}
.border_inner_shadow.oc2024 a {
    padding: .5em;
}
.oc2024_link_btn:after{
    position: absolute;
    top: 50%;
    right: -38px;
    width: 12px;
    height: 12px;
    border: 3px solid;
    border-radius: 4px;
    transform: translate(100%, -50%) rotate(45deg);
    content: '';
}
.oc2024_link_btn.sc_campus:after {
    border-color: #42a5c3 #42a5c3 transparent transparent;
}
.oc2024_link_btn.ic_campus:after {
    border-color: #00c4b3 #00c4b3 transparent transparent;
}

@media screen and (max-width: 1024px) {
.access_ic {
    margin: 2.4em auto 3.7em;
}
.oc2024_link_btn:after{
    right: 8% !important;
}
}
@media screen and (max-width: 960px) {
.access_ic {
    margin: 1.5em auto 2.6em;
}
.oc2024_link_btn:after{
    right: 1% !important;
}
}
@media screen and (max-width: 600px) {
.access_ic {
    margin: 1.5em auto 3em;
}
.oc2024_link_btn {
    font-size: .9em !important;
}
.oc2024_link_btn:after{
    right: 0% !important;
}
}
@media screen and (max-width: 481px) {
.border_inner_shadow.oc2024 {
    width: 85%;
}
.border_inner_shadow.oc2024.ic_campus {
    margin: 2em auto 0 !important;
}
.access_ic {
    margin: 2.4em auto 3.25em;
}
.oc2024_link_btn:after{
    right: -20px;
}
}

/*
プログラム
--------------------------------------*/
.oc2026prog .prog_title{
  transition: color 0.3s ease;
  color: #333;
  font-size: 1.6em;
  padding-left: unset !important;
  background-image: unset !important;
  background-position: unset !important;
  background-repeat: unset !important;
  border-left: unset !important;
}

/* ===============================
   Program Section
==================================*/

.oc2026_program{
  position: relative;
  background:
    radial-gradient(circle at 60% 40%, rgba(62,180,199,0.03), transparent 65%),
    #ffffff;
  overflow: hidden;
}

.oc2026_program::before{
  content: "";
  position: absolute;
  inset: 9% -22% auto auto;
  width: 60vw;
  height: 60vw;
  border-radius: 60% 40% 70% 30% / 40% 60% 40% 60%;
  opacity: 0.22;
  background: radial-gradient(
    circle at 30% 30%,
    #f9d423,
    #00c6ff 60%,
    transparent 75%
  );
  filter: blur(40px);
  z-index: 0;
}

.oc2026_program::after{
  content: "";
  position: absolute;
  inset: auto auto -15% -5%;
  width: 55%;
  height: 55%;
  background: radial-gradient(
    circle at 40% 60%,
    rgba(0,198,255,0.18),
    rgba(249,212,35,0.12),
    transparent 70%
  );
  filter: blur(80px);
  z-index: 0;
  animation: floatLight 10s ease-in-out infinite alternate;
}

.oc2026_program > *{
  position: relative;
  z-index: 1;
}

@keyframes floatLight{
  from{ transform: translateY(0px) scale(1); }
  to{ transform: translateY(8px) scale(1.05); }
}

/* ===============================
   Program Card Layout
==================================*/

.oc2026prog{
  overflow: visible;

  --topPad: clamp(40px, 6vw, 80px);
  --imgSpace: clamp(220px, 26vw, 340px);

  padding: calc(var(--topPad) + var(--imgSpace)) 0 56px;

  opacity: 0;
  transform: translateY(18px);
  transition:
    opacity 1000ms cubic-bezier(.22,1,.36,1),
    transform 1000ms cubic-bezier(.22,1,.36,1);
}

.oc2026prog.is-inview{
  opacity: 1;
  transform: translateY(0);
}

/* ===============================
   Image
==================================*/

.prog_img{
  position: absolute;
  left: 50%;
  top: var(--topPad);
  transform: translateX(-50%);
  width: min(85%, 520px);
  height: auto;
  z-index: 1;
  pointer-events: none;
}

.contents01 .prog_img{ transform: translateX(calc(-50% - 50px)); }
.contents03 .prog_img{ transform: translateX(calc(-50% + 65px)); }


/* ===============================
   Text
==================================*/

.prog_text{
  width: min(340px, 92%);
  margin: 0 auto;
  text-align: center;
  position: relative;
  z-index: 2;
}

/* ===============================
   Aspect ratios
==================================*/

.prog_img.demo .img_container:before{ padding-top: 40%; }
.prog_img.meji_talk .img_container:before{ padding-top: 72%; }
.prog_img.booth .img_container:before{ padding-top: 61%; }
.prog_img.info_session .img_container:before{ padding-top: 59%; }


/*仮のオブジェクト
.prog_img.demo .img_container {
    background: no-repeat url(/univ/jyukensei/images/event/oc2026prog_img_demo.png) center 0% / 100%;
}
.prog_img.meji_talk .img_container {
    background: no-repeat url(/univ/jyukensei/images/event/oc2026prog_img_mejitalk.png) center 0% / 85%;
}
.prog_img.booth .img_container {
    background: no-repeat url(/univ/jyukensei/images/event/oc2026prog_img_booth.png) center 0% / 100%;
}
.prog_img.info_session .img_container {
    background: no-repeat url(/univ/jyukensei/images/event/oc2026prog_img_infosession.png) center 0% / 100%;
}*/

.prog_img.demo .img_container {
    background: no-repeat url(/univ/jyukensei/images/event/oc2026_prog01.png) center 0% / 100%;
}
.prog_img.meji_talk .img_container {
    background: no-repeat url(/univ/jyukensei/images/event/oc2026_prog02.png) center 0% / 85%;
}
.prog_img.booth .img_container {
    background: no-repeat url(/univ/jyukensei/images/event/oc2026_prog03.png) center 0% / 100%;
    filter: brightness(1.05) contrast(1.03) saturate(1.05);
}
.prog_img.info_session .img_container {
    background: no-repeat url(/univ/jyukensei/images/event/oc2026_prog04.png) center 0% / 100%;
    filter: brightness(1.05) contrast(1.03) saturate(1.05);
}

/* ===============================
   PC
==================================*/

@media (min-width: 1025px){
  .oc2026prog{ --topPad: 36px; }

  .oc2026prog.contents01{ --imgSpace: 160px; }
  .oc2026prog.contents02{ --imgSpace: 310px; }
  .oc2026prog.contents03{ --imgSpace: 250px; }
  .oc2026prog.contents04{ --imgSpace: 235px; }

  .oc2026prog.contents01{ --imgSpace: 200px; }
  .oc2026prog.contents02{ --imgSpace: 350px; } 
  .oc2026prog.contents03{ --imgSpace: 280px; } 
  .oc2026prog.contents04{ --imgSpace: 280px; }
}

@media (min-width: 768px){
  .contents01 .prog_img{ width: min(80%, 433px); }
  .contents02 .prog_img{ width: min(85%, 433px); }
  .contents03 .prog_img{ width: min(75%, 433px); }
  .contents04 .prog_img{ width: min(80%, 433px); }
}

/* ===============================
   iPad Pro、Air
==================================*/

@media (min-width: 900px) and (max-width: 1024px){
  .oc2026prog{ --topPad: 36px; }

  .oc2026prog.contents01{ --imgSpace: 180px; }
  .oc2026prog.contents02{ --imgSpace: 250px; } /* ↓ */
  .oc2026prog.contents03{ --imgSpace: 210px; } /* ↓ */
  .oc2026prog.contents04{ --imgSpace: 205px; } /* ↓ */
}

@media (min-width: 768px) and (max-width: 899px){
  .oc2026prog{ --topPad: 36px; }

  .oc2026prog.contents01{ --imgSpace: 210px; }

  .oc2026prog.contents02{ --imgSpace: 350px; } 
  .oc2026prog.contents03{ --imgSpace: 300px; }
  .oc2026prog.contents04{ --imgSpace: 290px; }
}

/* ===============================
   SP
==================================*/

@media (max-width: 600px){
  .oc2026prog{ --topPad: 24px; }

  .oc2026prog.contents01{ --imgSpace: 170px; }
  .oc2026prog.contents02{ --imgSpace: 280px; } /* ↑ */
  .oc2026prog.contents03{ --imgSpace: 250px; } /* ↑ */
  .oc2026prog.contents04{ --imgSpace: 240px; } /* ↑ */
}

@media (max-width: 375px){
  .oc2026prog{ --topPad: 24px; }

  .oc2026prog.contents01{ --imgSpace: 160px; }
  .oc2026prog.contents02{ --imgSpace: 250px; } 
  .oc2026prog.contents03{ --imgSpace: 200px; } 
  .oc2026prog.contents04{ --imgSpace: 200px; } 
}

/* ===============================
   Surface Duo
==================================*/

@media (min-width: 520px) and (max-height: 740px){
  .oc2026prog{ --topPad: 28px; }

  .oc2026prog.contents01{ --imgSpace: 200px; }
  .oc2026prog.contents02{ --imgSpace: 350px; }
  .oc2026prog.contents03{ --imgSpace: 310px; }
  .oc2026prog.contents04{ --imgSpace: 300px; }
}


/*
About目白大学
--------------------------------------*/
.oc2026_about{
  --cap-h: 48px;
    position: relative;
    background: linear-gradient(to bottom, #ffffff 0%, var(--bg-soft-20) 180px);
    overflow: visible;
    box-shadow: inset 0 24px 40px rgba(0, 0, 0, 0.02);
    padding-top: var(--space-tight);
    padding-bottom: unset;
}

.oc2026_about::before{
  content:"";
  position:absolute;
  top:-60px;
  left:-12%;
  width:65%;
  height:220px;
  background: radial-gradient(
  circle at 0% 0%,
  rgba(120,190,200,0.12),
  rgba(120,190,200,0.04) 50%,
  transparent 70%
);

  filter: blur(46px);
  pointer-events:none;
  z-index:0;
}

.oc2026_about::after{
  content:"";
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  width:min(900px,100%);
  height: calc(var(--cap-h) + 1px);
  background: var(--bg-soft-20);
  border-radius: 0 0 999px 999px;
  z-index:3;
  pointer-events:none;
  top:auto;
  bottom: calc(-1 * var(--cap-h) );
  /*bottom: calc(-1 * var(--cap-h) - 1px);*/
}
.oc2026_about > *{
  position:relative;
  z-index:1;
}

/*sliderのエリア*/
.short_erea {
  width: calc(100% - 40px);
  margin: 0 21px;
}
.swiper_short {
  padding-top: 24px;
}
/*各スライド*/
.swiper_short .slide_img {
  overflow: hidden;
  width:100%;
  max-width: 340px;
  border-radius: 34px;
  z-index: 0;
}
.slide_img.about01 .img_container{
    background: no-repeat url(/univ/jyukensei/images/movie/shortm_gakka02.png) center 100% / 100%;
}
.slide_img.about02 .img_container{
    background: no-repeat url(/univ/jyukensei/images/movie/shortm_oc_qa.png) center 100% / 100%;
}
.slide_img.about03 .img_container{
    background: no-repeat url(/univ/jyukensei/images/movie/shortm_gakka01.png) center 100% / 100%;
}
.swiper_short .slide_img :before{
  padding-top:  180%;
}
.swiper_short .slide_txt {
  font-size: .93em;
  font-weight: 700;
  text-align: center;
  margin-top:10px;
}
.swiper_short .slide_txt strong {
  font-size: 18px;
  display: block;
  margin-bottom: 4px !important;
}

/*about_ショート動画の下*/
.about_container {
 width: 100%;
 max-width: 600px;
 padding-bottom: 25px;
    background: var(--bg-soft-20);
}
.about_list {
 padding-top: 2rem;
 padding-bottom: 2rem;
 margin-left: var(--title-gap-left);
 margin-right: 1rem;
 align-items: center;
 justify-content: space-between;
}
.about_txt h3{
 font-size: 1.5em;
 padding-left: unset !important;
 background-image: unset;
}
.about_txt p {
 font-size: 1em;
 margin-top: 1rem;
}
.about_txt .small70 {
 font-size: 70%;
}
.about_txt.korean {
 font-size: 1em;
 margin-top: 1rem;
 color: #231815 !important;
}
.about_img {
 width: 35%;
 height: auto;
}
.about_img .img_container:before {
	padding-top: 100%;
}
.about_img.korean .img_container {
	background: no-repeat url(/univ/jyukensei/images/event/about_korean.png) center / 100%;
}
.about_img.campus_life .img_container {
	background: no-repeat url(/univ/jyukensei/images/event/about_campuslife.png) center / 100%;
}
.about_img.career .img_container {
	background: no-repeat url(/univ/jyukensei/images/event/about_career.png) center / 100%;
}
@media screen and (max-width: 600px) {
.swiper_short .slide_img {
  width:100%;
  max-width: 235px;
}
.about_txt {
    width: 65%;
}
.about_txt h3{
 font-size: 1.3em;
}
}
@media screen and (max-width: 481px) {
.swiper_short .slide_img {
  max-width: 181px;
  border-radius: 18px !important;
}
.swiper_short .slide_txt strong {
  font-size: 1em;
}
.swiper_short .slide_txt {
  font-size: .9em;
}
}


/*
AboutとGuide間のブリッジ写真
--------------------------------------*/
.section-bridge {
  margin: 0 auto;
  width: 100%;
}
.section-bridge img {
  width: 100%;
  height: 400px;
  object-fit: cover;
  display: block;
  /* 少し落ち着かせる */
  filter: brightness(0.72) contrast(1.05);
  transform: scale(1.3);
}

.bridge-text {
    top: 23%;
    left: 0;
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: clamp(24px, 4vw, 30px);
    font-weight: 600;
    letter-spacing: 0.08em;
    transform: none;
}
@media (max-width: 768px) {
  .section-bridge img {
    height: 240px;
  }
}

/*
ガイド
--------------------------------------*/
.oc2026_guide{
  position: relative;
    padding-block: var(--space-tight);
    padding-top: unset;
  --cap-h: 48px;
}
.oc2026_guide::before {
  content:"";
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  width:min(900px, 100%);
  background:#fff;
  border-radius: 999px 999px 0 0;
  z-index: 3;
  pointer-events:none;
  top: calc(-1 * var(--cap-h) );
height: calc(var(--cap-h) + 1px); 
}

/* Guide: 背景のアーチ + short */
.guide_video__arch{
  background:#FCF9F6;
  border-radius:999px 999px 24px 24px;
  width: clamp(320px, 82%, 520px);
  margin:0 auto;
  position:relative;
  overflow:hidden;
  aspect-ratio: 3 / 4;
}

.youtube_short{
  position:absolute;
  width:min(70%, 380px);
  left:50%;
  transform:translateX(-50%);
  top: clamp(16px, 6%, 40px);
  z-index:2;
  border-radius: 999px 999px 24px 24px;
  overflow: hidden;
  background: #000;
}

.youtube_short iframe{
  width:100%;
  aspect-ratio: 9 / 16;
  height:auto;
  display:block;
  border:0;
}


.guide_txt {
    width: 78% !important;
    margin: 2em auto 1em !important;
    font-size: 1.2em !important;
    text-align: center;
}
.meji_btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 250px;
    margin:0 auto;
    padding: .9em 2em;
    border: none;
    border-radius: 25px;
    box-shadow: 0 2px 3px rgb(0 0 0 / 25%), 0 2px 3px -2px rgb(0 0 0 / 15%);
    background-color: #2589d0;
    color: #fff;
    font-weight: 600;
    font-size: 1.2em;
}
.meji_btn::after {
    transform: rotate(45deg);
    width: 5px;
    height: 5px;
    margin-left: 10px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    content: '';
}
.meji_btn:hover {
    background-color: #1579c0;
}
@media screen and (max-width: 1024px) {
.guide_txt {
    font-size: .9em !important;
}
}
@media screen and (max-width: 960px) {
.guide_txt {
    font-size: 1.2em !important;
}
}
@media screen and (max-width: 600px) {
.guide_txt {
    width: 67%;
    font-size: 1em !important;
}
}
@media screen and (max-width: 481px) {
.meji_btn {
    width: 70%;
    max-width: 228px;
    font-size: 1em;
}
}
@media screen and (max-width: 320px) {
.meji_btn {
    font-size: .8em;
}
}



/*
Q & A
--------------------------------------*/

.ocqa_list {
    max-width: 500px;
	margin-left: auto;
	margin-right: auto;
    margin-bottom: 10px;
    border: none;
    border-radius: 5px;
    box-shadow: 0 4px 4px rgb(0 0 0 / 2%), 0 2px 3px -2px rgba(0 0 0 / 5%);
    background-color: #fff;
}

.ocqa_list summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 1em 2em 1em 3em;
    font-size: 1.2em;
    font-weight: 600;
    cursor: pointer;
}

.ocqa_list summary::before,
.ocqa_list p::before {
    position: absolute;
    left: 1em;
    font-weight: 600;
    font-size: 1.3em;
}

.ocqa_list summary::before {
    color: #75bbff;
    content: "Q";
    font-family: all-round-gothic, sans-serif !important;
}

.ocqa_list summary::after {
    transform: translateY(-25%) rotate(45deg);
    width: 7px;
    height: 7px;
    margin-left: 10px;
    border-bottom: 3px solid #333333b3;
    border-right: 3px solid #333333b3;
    content: '';
    transition: transform .5s;
}

.ocqa_list[open] summary::after {
    transform: rotate(225deg);
}

.ocqa_list p {
    position: relative;
    transform: translateY(-10px);
    opacity: 0;
    margin: 0;
    padding: .3em 3em 1.5em;
    color: #333;
    line-height: 1.7;
    transition: transform .5s, opacity .5s;
}

.ocqa_list[open] p {
    transform: none;
    opacity: 1;
}

.ocqa_list p::before {
    color: #ff8d8d;
    line-height: 1.2;
    content: "A";
}
details summary::-webkit-details-marker {
  display: none;
}
@media screen and (max-width: 1024px) {
.ocqa_list summary {
    font-size: 1em;
}
}
@media screen and (max-width: 960px) {
.ocqa_list summary {
    font-size: 1.2em;
}
}
@media screen and (max-width: 320px) {
.ocqa_list summary {
    font-size: 12px;
}
}


@media screen and (min-width: 751px){
body {
    background-color: #f1f4e6;
    /*ackground-image: url("https://cms.mejiro.ac.jp/univ/jyukensei/images/event/mejiro_bg.jpg");*/
    background: radial-gradient(circle at 80% 15%, rgba(249, 177, 11, 0.03), transparent 45%), radial-gradient(circle at 20% 80%, rgba(62, 180, 199, 0.04), transparent 50%), #ffffff;
    background-size: cover;
    background-attachment: fixed;
    position: relative;
}
.main_contents {
    width: 37.1%;
    max-width: 600px;
    height: 100%;
    background-color: #FFF;
    margin-left: auto;
    margin-right: 22.9%;
    overflow: hidden;
}
.main_contents:not(.is-top){
    webkit-box-shadow: 0px 0px 15px 1px rgba(0, 0, 0, 0.20);
    box-shadow: 0px 0px 15px 1px rgba(0, 0, 0, 0.20);	
}
}


@media screen and (min-width: 1024px){
.pc_wrapper {
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.logo {
    display: none;
}
.pc_meji_logo {
    top: 3%;
    left: 1%;
    width: 40%;
    max-width: 178px;
    height: auto;
    position: fixed;
}
.pc_meji_logo .img_container {
    background: no-repeat url(/univ/jyukensei/images/common/mejiro_site_logo03.png) center / 100%;
}
.pc_meji_logo .img_container:before {
    padding-top: 38%;
}
.pc_title_container {
    width: calc(100% - 37.1% - 22.9%);
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    padding-top: 9.5em;
}
/*最新情報*/
.link_list.mejilab {
  width: 90%;
    max-width: 450px;
    margin: 0 2em 0 auto;
}
.glass {
  width: 90%;
    margin: 0 auto 2rem;
    background-color: rgba(255, 255, 255, 0.25);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border-radius: 20px;
    border: 0.5px solid rgba(255, 255, 255, 0.2);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    color: #332e13;
    padding: 1rem 2rem;
}
.mejilab_thumb {
    width: 100%;
    margin: 1em auto; 
}
.mejilab_thumb .img_container {
    border-radius: 16px;
}
.mejilab_thumb.column15 .img_container {
    background: no-repeat url(/univ/jyukensei/images/course/mejilab_column15.png) center / 100%;
}
.mejilab_thumb .img_container:before {
    padding-top: 70%;
}
.update_title {
    display: block;
    margin: 0 auto;
}

.sns_list {
    width: 80%;
    max-width: 340px;
    margin: 4em 6em 0 auto;
}
.oc_sns{
  padding: 0 10px;
  vertical-align: middle;
}
.oc_sns li,
.oc_sns.sc_ic li{
  display: inline-block;
}
.oc_sns li:nth-of-type(n+2),
.oc_sns.sc_ic li:nth-of-type(n+2){
  margin-left: 6px;
}
.oc_sns img,
.oc_sns.sc_ic img {
    height: 2.4vw;
    width: auto;
}

/*インデックス*/
.pc_menu_container {
    width: 22.9%;
    height: 100%;
    display: block;
    font-size: 1.65vw;
    position: fixed;
    top: 0;
    right: 0;
    padding-top: 6em;
}
.pc_menu_container a {
  position: relative;
  display: inline-block;
  text-decoration: none;
}
.menu_wrapper {
    width: 64%;
    max-width: 286px;
    margin-left: 12%;
}
.menu_wrapper li {
  margin-bottom: .38em;
    padding-bottom: 3px;
    background-image: linear-gradient(#000, #000);
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: 0 1px;
    transition: background-size 0.3s;
    color: #332e13;
    font-family: all-round-gothic, sans-serif !important;
    font-weight: 500;
    font-size: 1.2em;
}
.menu_wrapper li:hover {
   background-position: bottom left;
  background-size: 100% 1px;
}
}

@media screen and (max-width: 1024px) {
.main_contents {
     width: 35vw;
     margin: 0 20vw 0 45vw;
}
.pc_title_container {
     width: 45vw;
}
.pc_menu_container {
    width: 20vw;
}
.menu_wrapper {
    margin-left: 10%;
    margin-top: 3rem;
}
}
@media screen and (max-width: 960px) {
.main_contents {
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
}
}

/*_______________________

新宿・岩槻 詳細 共通レイアウト
_______________________*/

.page_opencampus_child {
  --detail-section-gap: var(--space-normal);
  --detail-title-gap: var(--space-40);
  --detail-card-gap: var(--space-16);
  --detail-cta-gap: var(--space-40);

  --detail-gradient-height: 64px;
}

@media (max-width:768px){

  .page-event-detail{

    --detail-title-gap: 32px;
    --detail-cta-gap: 32px;
    --detail-gradient-height: 48px;

  }

}



.page_oc_20260419sc .section{
  padding-top: var(--detail-section-gap);
  padding-bottom: var(--detail-section-gap);
  padding-inline: var(--section-pad-x);
}
.page_opencampus_child .section-title{
  margin-bottom: var(--detail-title-gap);
}
.page_opencampus_child .section-cta{
  margin-top: var(--detail-cta-gap);
}

/*境界線グラデ*/
.page_opencampus_child .section--campus-b{
  position: relative;
  background: var(--color-campus-ic-20);
}

.page_opencampus_child .section--campus-b::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:var(--detail-gradient-height);

  background:linear-gradient(
    to bottom,
    var(--bg-base) 0%,
    rgba(241,248,237,0.65) 55%,
    var(--color-campus-b-20) 100%
  );

  pointer-events:none;
}


/*
インデックス
--------------------------------------*/
.menu_wrapper .menu02_bg.img_container:before {
    padding-top: 220%;
}
.menu_wrapper .menu03_bg.img_container:before {
    padding-top: 226%;
}
.menu_wrapper .menu02_bg.img_container {
    background: no-repeat url(/univ/jyukensei/images/event/oc2025_menu02_bg.webp) center 0% / 77%;
}
.menu_wrapper .menu03_bg.img_container {
    background: no-repeat url(/univ/jyukensei/images/event/oc2025_menu03_bg.webp) center 0% / 80%;
}

.menu.info02 {
    top: 18.5%;
    left: 4.5%;
}
.menu.info03 {
    top: 19.5%;
    left: 4.5%;
}
.menu.point02 {
    top: 27.5%;
    left: 5%;
    right: 0;
}
.menu.point03 {
    top: 28.7%;
    left: 4%;
    right: 0;
}
.menu.timetable02 {
    top: 38%;
    left: 5%;
    right: 0;
}
.menu.timetable03 {
    top: 38%;
    left: 4%;
    right: 0;
}
.menu.modelcourse {
    top: 47.7%;
    left: 3%;
    right: 0;
}
.menu.attention02 {
    top: 49%;
    left: 5%;
    right: 0;
}
.menu.attention03 {
    top: 56%;
    left: 5%;
    right: 0;
}
.menu.access02 {
    top: 62%;
    left: 4%;
}
.menu.access03 {
    top: 70%;
    left: 4%;
}
.menu.oc_link02 {
    top: 68.5%;
    left: 7%;
    right: 0;
}
.menu.oc_link03 {
    top: 76.5%;
    left: 7%;
    right: 0;
}
.menu.info02 .img_container:before,
.menu.info03 .img_container:before {
    padding-top: 24%;
}
.menu.info02 .img_container,
.menu.info03 .img_container {
    background: no-repeat url(/univ/jyukensei/images/event/oc2025_menu02_txt.webp) center 1.5% / 70%;
}
.menu.point02 .img_container:before,
.menu.point03 .img_container:before {
    padding-top: 17%;
}
.menu.point02 .img_container {
    background: no-repeat url(/univ/jyukensei/images/event/oc2025_menu02_txt.webp) center 18.8% / 70%;
}
.menu.point03 .img_container {
    background: no-repeat url(/univ/jyukensei/images/event/oc2025_menu02_txt.webp) center 20.8% / 70%;
}
.menu.timetable02 .img_container:before,
.menu.timetable03 .img_container:before {
    padding-top: 21%;
}
.menu.timetable02 .img_container,
.menu.timetable03 .img_container {
    background: no-repeat url(/univ/jyukensei/images/event/oc2025_menu02_txt.webp) center 40% / 70%;
}
.menu.modelcourse .img_container:before {
    padding-top: 20%;
}
.menu.modelcourse .img_container {
    background: no-repeat url(/univ/jyukensei/images/event/oc2025_menu03_txt.webp) center 35% / 68%;
}
.menu.attention02 .img_container:before,
.menu.attention03 .img_container:before {
    padding-top: 31%;
}
.menu.attention02 .img_container,
.menu.attention03 .img_container {
    background: no-repeat url(/univ/jyukensei/images/event/oc2025_menu02_txt.webp) center 68% / 70%;
}
.menu.access02 .img_container:before,
.menu.access03 .img_container:before {
    padding-top: 16%;
}
.menu.access02 .img_container,
.menu.access03 .img_container {
    background: no-repeat url(/univ/jyukensei/images/event/oc2025_menu02_txt.webp) center 86% / 70%;
}
.menu.oc_link02 .img_container:before,
.menu.oc_link03 .img_container:before {
    padding-top: 13%;
}
.menu.oc_link02 .img_container,
.menu.oc_link03 .img_container {
    background: no-repeat url(/univ/jyukensei/images/event/oc2025_menu02_txt.webp) center 98% / 70%;
}
/*
各タイトル
--------------------------------------*/
.oc2025info,.oc2025point,.oc2025timetable,.oc2025attention,.oc2025access,.oc2025_link {
    padding-top: 2em;
    padding-bottom: 3em;
    width: 100%;
}

.oc2025title.point {
    margin-top: 0;
    margin-left: -1em;
}
.oc2025title.point .img_container {
    background: no-repeat url(/univ/jyukensei/images/event/oc2025title_point.webp) center 82% / 100%;
    top: -4%;
    left: 22%;
    right: 0;
}
.oc2025title.point .img_container:before {
    padding-top: 62%;
}

/*
メインビジュアル
--------------------------------------*/

.oc2025_title.mv_date {
    width: 37% !important;
    max-width: 200px !important;
}
.oc2025_title.mv_date.sc0420,
.oc2025_title.mv_date.sc0608,
.oc2025_title.mv_date.sc0720,
.oc2025_title.mv_date.sc0831,
.oc2025_title.mv_date.sc1207 {
    top: 40%;
    right: 11%;
}
.oc2025_title.mv_date.sc08_0809 {
    top: 40%;
    right: 11%;
}
.oc2025_title.mv_date.ic0420 {
    top: 39%;
    right: 9%;
}
.oc2025_title.mv_date.ic0615,
.oc2025_title.mv_date.ic0831 {
    top: 39%;
    right: 3%;
}
.oc2025_title.mv_date.ic08_0910 {
    top: 38%;
    right: 4%;
}
.mv_date.sc0420 .img_container {
    background: no-repeat url(/univ/jyukensei/images/event/oc2025_0420sc.png) center 0% / 100%;
}
.mv_date.ic0420 .img_container {
    background: no-repeat url(/univ/jyukensei/images/event/oc2025_0420ic.png) center 0% / 88%;
}
.mv_date.sc0608 .img_container {
    background: no-repeat url(/univ/jyukensei/images/event/oc2025_0608sc.png) center 0% / 100%;
}
.mv_date.ic0615 .img_container {
    background: no-repeat url(/univ/jyukensei/images/event/oc2025_0615ic.png) center 0% / 88%;
}
.mv_date.sc0720 .img_container {
    background: no-repeat url(/univ/jyukensei/images/event/oc2025_0720sc.png) center 0% / 100%;
}
.mv_date.sc08_0809 .img_container {
    background: no-repeat url(/univ/jyukensei/images/event/oc2025aug_0809sc.png) center 0% / 100%;
}
.mv_date.ic08_0910 .img_container {
    background: no-repeat url(/univ/jyukensei/images/event/oc2025aug_0910ic.png) center 0% / 88%;
}
.mv_date.sc0831 .img_container {
    background: no-repeat url(/univ/jyukensei/images/event/oc2025_0831sc.png) center 0% / 100%;
}
.mv_date.ic0831 .img_container {
    background: no-repeat url(/univ/jyukensei/images/event/oc2025_0831ic.png) center 0% / 88%;
}
.mv_date.sc1207 .img_container {
    background: no-repeat url(/univ/jyukensei/images/event/oc2025_1207sc.png) center 0% / 100%;
}
.mv_date .img_container:before {
    padding-top: 72%;
}
.meji.ic {
    width: 73%;
    max-width: 400px;
    top: 55%;
    left: 21%;
    z-index: 1;
}
.meji.ic .img_container {
    background: no-repeat url(/univ/jyukensei/images/event/oc2025mv_meji_ic02.png) center 0% / 43%;
}
.meji.ic .img_container:before {
    padding-top: 70%;
}
@media screen and (max-width: 1024px) {
.meji.ic {
    top: 59%;
    left: 18%;
}
.oc2025_title.mv_date.ic0420 {
    top: 37%;
    right: 4%;
}
}
@media screen and (max-width: 960px) {
.meji.ic {
    top: 60%;
    left: 24%;
}
.oc2025_title.mv_date.ic0420 {
    right: 10%;
}
}
@media screen and (max-width: 600px) {
.oc2025_title.main.sc {
    top: 26% !important;
}
.mejista_mens.sc {
    top: 73% !important;
}
.oc2025_title.mv_date.ic0420 {
    top: 40%;
    right: 0%;
}
.oc2025_title.mv_date.sc0720 {
    top: 48%;
    right: 11%;
}
.oc2025_title.mv_date.sc08_0809 {
    top: 45%;
}
.oc2025_title.mv_date.sc0831 {
    top: 46%;
}
.oc2025_title.mv_date.ic0831 {
    top: 43%;
    right: 0%;
}
.oc2025_title.mv_date.sc1207 {
    top: 46%;
}
}
@media screen and (max-width: 481px) {
.meji.ic {
    top: 67%;
    left: 25%;
}
.oc2025_title.mv_date.ic0420 {
    top: 44%;
    right: 1%;
}
.oc2025_title.mv_date.sc08_0809 {
    top: 48%;
}
.oc2025_title.mv_date.sc0831 {
    top: 50%;
}
.oc2025_title.mv_date.ic0831 {
    top: 48%;
    right: 0%;
}
.oc2025_title.mv_date.sc1207 {
    top: 50%;
}
}

/*
イベント概要
--------------------------------------*/
.oc2025title.information {
    width: 69%;
    background: no-repeat url(/univ/jyukensei/images/event/oc2025title_schedule01.webp) center 0% / 60%;
    padding-top: 32%;
    margin: 0em auto 1em;
}
.oc2025title.information .img_container {
    background: no-repeat url(/univ/jyukensei/images/event/oc2025title_info.webp) center 37% / 100%;
    top: 13%;
    left: 0;
    right: 0;
}
.oc2025title.information .img_container:before {
    padding-top: 43%;
}

.emergency_oc {
    position: relative;
    bottom: inherit;
    right: inherit;
    width: 80%;
    max-width: 960px;
    margin: 2.5rem auto 2rem;
    padding: 1em 2em 1em 1.5em;
    font-size: 1.3em;
    background-color: #f6bcbc;
}
/*ページ内リンク*/
#page-link,
#page-link_ic{
  display: flex;
  justify-content: center;
  padding: 1rem;
  font-size: 1em;
}

#page-link li,
#page-link_ic li{
  list-style: none;
  margin-top: .5em;
}
#page-link li a{
  color: #333;
  padding:0 15px;
  text-decoration: none;
  position: relative; /*アンダーラインの位置を決めるための基準 */
}

#page-link_ic li a{
  color: #333;
  padding:0 20px;
  text-decoration: none;
  position: relative; /*アンダーラインの位置を決めるための基準 */
}
#page-link li a::before,
#page-link_ic li a::before{
  content:'▼';
  font-size:0.8rem;

  padding:0 10px 0 0;
  color: #ccc;
}
#page-link li a::after,
#page-link_ic li a::after {
position: absolute;
left: 20%;
content: '';
width: 70%;
height: 1px;
background: #777777;
bottom: -1px;
transform: scale(0, 1);
transform-origin: center top; /*変形（アンダーラインの伸長）の原点がaタグ（各メニュー）の右端*/
transition: transform 0.3s;   /*変形の時間*/
}
#page-link li a:hover::after,
#page-link_ic li a:hover::after {
transform: scale(1, 1); /*ホバー後、x軸方向に1（相対値）伸長*/
}
@media screen and (max-width:600px){
#page-link,
#page-link_ic{
  font-size: 15px;
}
}
@media screen and (max-width:481px){
#page-link,
#page-link_ic{
  font-size: 16px;
  padding-bottom: 10px;
}
#page-link,
#page-link_ic {
    display: block;
}
}
/*イベント概要一覧*/
.info_container{
    position: relative;
    width: 92%;
    margin: 2rem auto 3rem;
    padding-top: 58%;
    padding-bottom: 8%;
}
.info_container.overview {
    background: no-repeat url(/univ/jyukensei/images/event/oc2025info_overview.png) center 0% / 95%;
    padding-top: 51%;
}
.info_container.program {
    background: no-repeat url(/univ/jyukensei/images/event/oc2025info_program.png) center 0% / 95%;
}
.info_container.reserve {
    background: no-repeat url(/univ/jyukensei/images/event/oc2025info_reserve.png) center 0% / 95%;
    padding-top: 51%;
}
.info_txtbox {
    width: 90%;
    margin: 0 auto;
    color: #231815;
}
.info_txt.date {
    font-size: 1.4em;
    text-align: center;
}
.info_txt.pro_all {
    text-align: center;
}
.ocbox {
  width: 92%;
  background-color: white;
  border-radius: 18px;
  padding: 2em;
  margin: 2em auto 1em;
  text-align: center;
}
.ocbox.lecture {
  width: 100%;
}
.info_title {
  font-size: 1.3em !important;
}
.infobox_line {
  width: 2em;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  border-bottom: 3px solid #FFE487;
  margin-top: 22px;
  margin-bottom: 22px;
} 
.infobox_line.ic{
  border-bottom: 3px solid #F7B574;
}
.info_txt {
    font-size: 1.2em;
    margin: 0 auto;
}
.info_title {
    font-size: 1.1em !important;
}
@media screen and (max-width: 600px) {
.emergency_oc {
    width: 90%;
    margin: 3.5rem auto 2rem;
}
.info_title {
    font-size: 1.2em !important;
}
.info_txt {
  width: 100%;
  text-align: justify;
  word-break: break-all;
  font-size: 1.1em;
}
.info_txt.department {
  text-align: start;
}
.info_txt.date {
    font-size: 1.2em;
}
.info_txt.pro_all {
    text-align: justify;
    letter-spacing: -0.07em;
}
}

/*OCガイド*/
.oc2025_sc_guide_link_container {
    width: 92%;
    padding: .5em;
    margin: 3em auto 0;
    background-color: rgb(255 255 255 / 70%);
    border-radius: 11px;
    font-size: 1.2em;
}
.oc2025_sc_guide_link_wrapper {
    width: 100%;
    padding: .5em 2em .5em 3em;
    background: no-repeat url(/univ/jyukensei/images/event/oc2025_brackets_right.png) center right / contain, no-repeat url(/univ/jyukensei/images/event/oc2025_brackets_left.png) center left / contain;
    border-radius: 7px;
}
.oc2025_sc_guide_icon {
    width: 30%;
}
.oc2025_sc_guide_icon.dec {
    width: 18%;
    margin-left: 4px;
}
.oc2025_sc_guide_icon .img_container {
    transform: rotate(2deg);
}
.oc2025_sc_guide_icon .img_container:before {
    padding-top: 76%;
}
.oc2025_sc_guide_icon.dec .img_container:before {
    padding-top: 146%;
}
.oc2025_sc_guide_icon.apr .img_container {
    background: no-repeat url(/univ/jyukensei/images/event/oc2025_apr_sc_guide.png) center / 100%;
}
.oc2025_sc_guide_icon.jun .img_container {
    background: no-repeat url(/univ/jyukensei/images/event/oc2025_jun_sc_guide.png) center / 100%;
}
.oc2025_sc_guide_icon.jul .img_container {
    background: no-repeat url(/univ/jyukensei/images/event/oc2025_jul_sc_guide.png) center / 100%;
}
.oc2025_sc_guide_icon.aug08 .img_container {
    background: no-repeat url(/univ/jyukensei/images/event/oc2025_aug08_sc_guide.png) center / 100%;
}
.oc2025_sc_guide_icon.aug09 .img_container {
    background: no-repeat url(/univ/jyukensei/images/event/oc2025_aug09_sc_guide.png) center / 100%;
}
.oc2025_sc_guide_icon.aug31 .img_container {
    background: no-repeat url(/univ/jyukensei/images/event/oc2025_aug31_sc_guide.png) center / 100%;
}
.oc2025_sc_guide_icon.dec .img_container {
    background: no-repeat url(/univ/jyukensei/images/event/oc2025_dec_guide.png) center / 100%;
}
.oc2025_sc_guide_text {
    width: 63%;
    text-align: center;
    color: #454545;
}
.oc2025_sc_guide_text a:hover {
    color: #ca1d2c;
}

/*申込みボタン*/
.app_btn {
  border-radius: 60px;
  color: #fff !important;
  display: block;
  font-weight: bold;
  max-width: 300px;
  padding: 15px 40px;
  text-align: center;
  margin: 2em auto 0;
  font-size: 1.3em;
  cursor: pointer;
  transition: .2s cubic-bezier(0.45, 0, 0.55, 1);
}
.app_btn.sc {
  background: #45C0E6;
  border: 2px solid #45C0E6;
}
.app_btn.ic {
  max-width: 316px;
  background: #ff701e;
  border: 2px solid #ff701e;
}
.app_btn.ic0811 {
  max-width: 316px;
  background: #ADB315;
  border: 2px solid #ADB315;
}
.app_btn.sc:hover {
  background: #fff;
  color: #45C0E6 !important;
}
.app_btn.ic:hover {
  background: #fff;
  color: #ff701e !important;
}
.app_btn.ic0811:hover {
  background: #fff;
  color: #ADB315 !important;
}
.app_btn .fin_highlight:hover {
  /*background: linear-gradient(to bottom, transparent 69%, #fcf286 70%, #fcf286 100%);*/
  color:red;
}
/*学生会館 体験入館*/
.dormitory2025 {
    width: 80%;
    margin:3em auto 0;
}
.dormitory2025 .img_container:before {
    padding-top: 19.5%;
}
.dormitory2025 .img_container {
    background: no-repeat url(/univ/jyukensei/images/event/oc2025dormitory_brn.png) center 0% / 100%;
    box-shadow: 0px 0px 12px -5px #aaa;
}
@media screen and (max-width: 481px) {
.dormitory2025 {
    width: 90%;
}
}

/*
見どころポイント
--------------------------------------*/
.oc2025point {
    background-color: #d7b883;
    border-left: 2rem solid #fdd000;
}
.oc2025_inner {
    margin-top: 2em;
    padding: 0 1.6vw;
}
.point_container {
   /*width: 73%;*/
   width: 80%;
   margin: 0 auto;
}
.point_txt {
   font-size: 1.1em;
   font-size: 16px;
   text-align: justify;
}

/*modal006は講師プロフィール用です*/
.modal-006__wrap input {
    display: none;
}

.modal-006__open-label,
.modal-006__close-label {
    cursor: pointer;
}

.modal-006__open-label{
    justify-content: center;
    align-items: center;
    width: 250px;
    margin: 1.5em auto 0;
    padding: .8em 2em;
    border: 3px solid #316ceb;
    border-radius: 25px;
    background-color: #fff;
    color: #316ceb;
    font-size: 1em;
    box-shadow: 1px 2px 5px 0 rgb(0 0 0 / 20%);
}
.modal-006__open-label::after {
    transform: rotate(45deg);
    width: 5px;
    height: 5px;
    margin-left: 10px;
    border-top: 2px solid #316ceb;
    border-right: 2px solid #316ceb;
    content: '';
}
.modal-006__open-label:hover{
    background-color: #fff;
    color: #316ceb;
    outline: 1px solid #316ceb;
}

.modal-006 {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    display: none;
}

.modal-006__open-input:checked + label + input + .modal-006 {
    display: block;
    animation: modal-002-animation .6s;
}

.modal-006__content-wrap{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 80%;
    max-width: 960px;
    background-color: #fefefe;
   height: cover;
    z-index: 2;
    border-radius: 5px;
}


.modal-006__close-label {
    background-color: #777;
    color: #fff;
    border: 2px solid #fff;
    border-radius: 20px;
    width: 36px;
    height: 36px;
    line-height: 1.6;
    text-align: center;
    display: table-cell;
    position: fixed;
    top: -15px;
    right: -2%;
    z-index: 99999;
    font-size: 1.3em;
}

.modal-006__content {
    max-height: 65vh;
    overflow-y: auto;
    padding: 39px 45px 40px;
}

.modal-006__background {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .45);
    z-index: 1;
}


@keyframes modal-006-animation {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}


.point1_prof_container {
    /*max-width: 400px;*/
    width: 100%;
    margin: 2em auto;
    border: 2px solid #316ceb;
    border-radius: 3px;
    overflow: hidden;
}

.point1_prof_container span {
    padding: .4em .8em;
    background-color: #316ceb;
    color: #fff;
}
.oc_point_inner {
    width: 90%;
    margin: 2em auto 0;
}
.prof_txt {
    width: 60%;
　　padding: 0 1.5em 0 0;
    font-weight: 700;
    font-size: 1.1em;
}
.prof_txt.secondary {
    width: 80%;
    margin: 1em auto 0;
　　padding: unset;
}
.prof_txt h5 {
    font-size:18px !important;
}
.oc_jul_point1_prof {
    width: 40%;
    height: auto;
    background: no-repeat url(/univ/jyukensei/images/event/oc2023_jul_aoi.png) center / 75%;
}
.oc_jul_point1_prof .img_container:before {
    padding-top: 70%;
}
.oc_sep_point1_prof {
    width: 40%;
    height: auto;
    background: no-repeat url(/univ/jyukensei/images/event/oc2023_sep_miyazaki.png) center / 90%;
}
.oc_sep_point1_prof .img_container:before {
    padding-top: 82%;
}
.point1_prof_container p {
    margin: 0;
    padding: 1em 1.5em;
    color: #333;
}
.prof_txt2 {
    margin-top: 0;
    padding: 1em 1.5em 0 0 !important;
    font-size: 16px;
    text-align: justify;
}
@media screen and (max-width:800px) {
.oc_point_inner {
    width: 80%;
    margin: 2em auto 0;
}
    .oc_jul_point1_prof, .oc_sep_point1_prof{
        width: 100%;
        padding-top:1em;
    }
    .prof_txt, 
    .prof_txt.aug {
        width: 100% !important;
　　　　padding:0 0.5em;
        margin-top: 2em;
}
    .prof_txt h5,
    .prof_txt2 {
        padding: 1em 0.5em !important;
}
}


@media only screen and (max-width: 520px) {
	.modal-006__open-label {
        max-width: 90%;
        padding: .94em 2.1em .94em 2.6em;
    }

	.modal-006__close-label {
        top: -17px;
        right: -4%;
    }

	.modal-006__content-wrap {
        width: 90vw;
    }

	.modal-006__content {
        padding: 33px 21px 35px;
        max-width: 100%;
    }
}
@media screen and (max-width:481px) {
    .modal-006__wrap {
        margin: 2em auto;
}
.prof_txt h5,
    .prof_txt2 {
    font-size:14px;
}
}

/*イメージムービー*/
.youtube_wrapper.oc2022_top {
    width: 98%;
    max-width: 780px;
    padding: 12px;
    margin-top: 3em;
    border: 1px solid #69381b;
    background-color: #fff;
}
@media screen and (max-width:600px) {
.youtube_wrapper.oc2022_top{
    width: 95%;
}
}
@media screen and (max-width:481px){
.youtube_wrapper.oc2022_top{
    margin-top: -1em;
}
}

/*学食体験・レモネード*/
.oc2025cafeteria,
.lemonade {
    width: 95%;
    margin: 2em auto 0;
}
.oc2025cafeteria .img_container:before,
.lemonade .img_container:before {
    padding-top: 19.4%;
}
.oc2025cafeteria .img_container {
    background: no-repeat url(/univ/jyukensei/images/event/oc2025gakushoku.png) center / 100%;
    box-shadow: 0px 0px 12px -5px #aaa;
}
.oc2025cafeteria.secondary .img_container {
    background: no-repeat url(/univ/jyukensei/images/event/oc2025gakushoku02.png) center / 100%;
    box-shadow: 0px 0px 12px -5px #aaa;
}
.oc2025cafeteria.thirdly .img_container {
    background: no-repeat url(/univ/jyukensei/images/event/oc2025gakushoku03.png) center / 100%;
    box-shadow: 0px 0px 12px -5px #aaa;
}
.oc2025cafeteria.fourthly .img_container {
    background: no-repeat url(/univ/jyukensei/images/event/oc2025gakushoku04.png) center / 100%;
    box-shadow: 0px 0px 12px -5px #aaa;
}
/*レモネード販売*/
.lemonade .img_container:before {
    padding-top: 19.4%;
}
.lemonade .img_container {
    background: no-repeat url(/univ/jyukensei/images/event/lemonade02_brn.png) center 0% / 100%;
    box-shadow: 0px 0px 12px -5px #aaa;
}

@media screen and (max-width:600px) {
.oc2025cafeteria,
.lemonade {
    width: 95%;
    margin: 2em auto 0;
}
}

/*来場特典プレゼント*/
.oc2025_present {
    width: 100%;
    margin: 4em auto 0;
    padding: .5em;
}
.oc2025_present.original {
    margin: 1em auto 0;
}
.oc2025_present .img_container:before {
    padding-top: 46%;
}
.oc2025_present.original .img_container:before {
    padding-top: 22%;
}
.oc2025_present.apr_sc .img_container {
    background: no-repeat url(/univ/jyukensei/images/event/oc2025present_apl.png) center / 100%;
    border-radius: 10px;
}
.oc2025_present.ic .img_container {
    background: no-repeat url(/univ/jyukensei/images/event/oc2025present_ic.png) center / 100%;
    border-radius: 10px;
}
.oc2025_present.ic02 .img_container {
    background: no-repeat url(/univ/jyukensei/images/event/oc2025present_ic02.png) center / 100%;
    border-radius: 10px;
}
.oc2025_present.jun_sc {
    margin: 3em auto 2em;
}
.oc2025_present.jun_sc .img_container {
    background: no-repeat url(/univ/jyukensei/images/event/oc2025present_jun.png) center / 100%;
    border-radius: 10px;
}
.oc2025_present.jul .img_container {
    background: no-repeat url(/univ/jyukensei/images/event/oc2025present_jul.png) center / 100%;
    border-radius: 10px;
}
.oc2025_present.aug .img_container {
    background: no-repeat url(/univ/jyukensei/images/event/oc2025present_aug.png) center / 81%;
    border-radius: 10px;
}
.oc2025_present.aug .img_container:before {
    padding-top: 102%;
}
.oc2025_present.aug31 .img_container {
    background: no-repeat url(/univ/jyukensei/images/event/oc2025present_aug31.png) center / 100%;
    border-radius: 10px;
}
.oc2025_present.original .img_container {
    background: no-repeat url(/univ/jyukensei/images/event/original_present.png) center / 100%;
    border-radius: 10px;
}
@media screen and (max-width:600px) {
    .oc2025_present {
    width: 95%;
    margin: 2em auto 0;
    }
}
/*来場特典下、SNSアイコン*/
.sns_list.sc_ic {
  width: 85%;
  max-width: 450px;
  margin: 0 auto;
}
.oc_sns.sc_ic {
  margin: .7em auto 1em; 
  justify-content: space-around;
}
@media screen and (max-width: 1024px) {
.oc_sns.sc_ic img {
  height: 3.4vw;
}
}
@media screen and (max-width: 960px) {
.oc_sns.sc_ic img {
  height: 5.4vw;
}
}
@media screen and (max-width: 600px) {
.oc_sns.sc_ic img {
  height: 8.4vw;
}
}

/*
タイムテーブル
--------------------------------------*/
.oc2025timetable {
    background-image: radial-gradient(#F5F5F5 5px, #FFF 5px);
    background-size: 20px 20px;
}
.oc2025title.timetable {
    width: 85%;
    background: no-repeat url(/univ/jyukensei/images/event/oc2025title_timetable.webp) center 25% / 80%;
    padding-top: 51%;
    margin: 1rem auto;
}
.oc2025title.timetable.ic {
    width: 85%;
    background: no-repeat url(/univ/jyukensei/images/event/oc2025title_timetable_ic02.png) center 25% / 80%;
    padding-top: 51%;
    margin: 1rem auto 1rem .5rem;
}
.oc2025title.timetable .img_container {
    background: no-repeat url(/univ/jyukensei/images/event/oc2025title_timetable02_02.webp) center 23% / 70%;
    top: 15%;
    right: -19%;
}
.oc2025title.timetable.ic .img_container {
    background: no-repeat url(/univ/jyukensei/images/event/oc2025title_timetable02_02.webp) center 23% / 70%;
    top: 15%;
    right: -24%;
}
.oc2025title.timetable .img_container:before {
    padding-top: 36%;
}

/*新宿タイムテーブル*/
.oc_timetable {
    position: relative;
    overflow: auto;
}
.oc2025_timetable {
    max-width: none;
}
.oc2025_timetable.apl_sc .img_container {
    background: no-repeat url(/univ/jyukensei/images/event/test_oc2025apr_sc_timetable.png) center / 100%;
    width:auto !important;
}
.oc2025_timetable.apl_sc .img_container:before {
    padding-top: 84%;
}
.oc2025_timetable.jun_sc .img_container {
    background: no-repeat url(/univ/jyukensei/images/event/test_oc2025apr_sc_timetable.png) center / 100%;
    width:auto !important;
}
.oc2025_timetable.jun_sc .img_container:before {
    padding-top: 84%;
}

/*チア企画*/
.oc_cheer_event {
    margin: 4em auto 3em;
    background-color: rgb(255 255 255 / 50%);
}
.oc_cheer_img {
    width: 80%;
    margin: 0 auto;
}
.oc_cheer_img .img_container {
    background: no-repeat url(/univ/jyukensei/images/event/oc_quakes.png) center top / 96%;
}
.oc_cheer_img .img_container:before {
    padding-top: 75%;
}
.oc_cheer_text {
    width: 90%;
    font-weight: 700;
    font-size: 1.1em;
    line-height: 1.8;
    text-align: justify;
    margin: 1rem auto 0;
    color: #555;
}

/*チア リンクボタン*/
.button_cheer {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 78%;
    margin: 1.5rem auto 0;
    padding: .9em 3em .9em 2em;
    border: 1px solid #ffec00;
    border-radius: 5px;
    background-color: #ffec00;
    color: #333;
    font-size: 1em;
}

.button_cheer::after {
    position: absolute;
    right: 2em;
    transform: translateY(-50%);
    transform-origin: left;
    width: 2em;
    height: .5em;
    background-color: #333;
    clip-path: polygon(0 100%, 100% 100%, 70% 40%, 70% 90%, 0% 90%);
    content: '';
    transition: transform .3s;
}

.button_cheer:hover::after {
    transform: translateY(-50%) scaleX(1.4);
}

@media screen and (max-width:1024px){
    .oc_cheer_event {
    width: 80%;
    margin: 4em auto 0;
}
    .oc_cheer_img{
       width: 100%;
}
    .oc_cheer_text {
        width: 96%;
        margin:.7em auto 0;
        font-size: 16px;
}
}
@media screen and (max-width:800px){
    .oc_cheer_img{
       width: 100%;
}
    .oc_cheer_text {
        width: 96%;
        margin:.7em auto 0;
        font-size: 16px;
}
}
@media screen and (max-width: 600px) {
    .oc_cheer_event {
    width: 90%;
    margin: 4em auto 0;
}
    .oc_cheer_text {
        width: 95%;
        margin:.7em auto 0;
        font-size: 14px;
}
}

@keyframes infinity-scroll-right {
from {
  transform: translateX(-100%);
}
  to {
  transform: translateX(0%);
}
}
.scroll-infinity.ph_roll {
  margin-top: 3rem;
  margin-bottom: 2rem;
}
.scroll-infinity__wrap {
  display: flex;
  overflow: hidden;
}
.scroll-infinity__list {
  display: flex;
  list-style: none;
  padding: 0
}
.scroll-infinity__list--right{
  animation :infinity-scroll-right 80s infinite linear 0.5s both;
}
.scroll-infinity__item01 {
  width: calc(100vw / 6);
}
.scroll-infinity__item01>img {
  width: 100%;
}
@media screen and (max-width: 481px) {
.program_title {
    font-size: 1em;
}
.scroll-infinity.ph_roll {
  margin-top: 2em;
  margin-bottom: 2em;
}
}
@media screen and (max-width: 320px) {
.scroll-infinity__item01 {
  width: calc(100vw / 4);
}
}

@media screen and (min-width: 1024px) {
.scroll-infinity__item01 {
  width: calc(44vw / 6);
}
}

@keyframes infinity-scroll-left {
from {
  transform: translateX(0);
}
  to {
  transform: translateX(-100%);
}
}
.scroll-infinity__wrap {
  display: flex;
  overflow: hidden;
}
.scroll-infinity__list {
  display: flex;
  list-style: none;
  padding: 0
}
.scroll-infinity__list--left {
  animation: infinity-scroll-left 160s infinite linear 0.8s both;
}
.scroll-infinity__item {
  width: calc(100vw / 6);
}
.scroll-infinity__item>img {
  width: 100%;
}


/*
予約・来校時の注意事項
--------------------------------------*/
.separator_box .img_container {
    background: no-repeat url(/univ/jyukensei/images/event/attention_separator.png) center top / 100%;
}
.separator_box .img_container:before {
    padding-top:20.5%;
}
.oc2025attention {
   background-color: #FFE487;
   padding-top: 3rem;
}

.oc2025title.attention {
    width: 60%;
    background: no-repeat url(/univ/jyukensei/images/event/oc2025title_attention01.webp) center 0% / 96%;
    padding-top: 37%;
    margin: 0 3rem 2em 2rem;
}
.oc2025title.attention .img_container {
    background: no-repeat url(/univ/jyukensei/images/event/oc2025title_attention02.webp) center 23% / 100%;
    top: -10%;
    right: -11%;
}
.oc2025title.attention .img_container:before {
    padding-top: 57%;
}
.qa_list{
    display: block;
    width: 100%;
    font-size: 0;
    text-align: left;
    padding: 0 2.5vw;
    margin-top: 1.4vw;
    color:#514438;
}
.qa_area {
    list-style:none; 
    display: inline-block; 
    width: 100%; 
    vertical-align: top; 
    padding: 0 1.2vw 2.8vw; 
    position: relative;
    font-family: "Zen Kaku Gothic New", serif !important;
}
.qa_question {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0.1em;
    position: relative;
}
dd.oc_notes {
    margin-top: 1.1rem;
    font-size: 16px;
    text-align: justify;
}
@media screen and (max-width: 600px) {
.qa_list{
    padding: 0 4.5vw;
}
}

/*
アクセス
--------------------------------------*/
/*岩槻アクセス*/
.oc_monthly_map_wrapper {
    width: 96%;
    max-width: 1024px;
    padding: 2em .5em;
    margin: 1em auto 3em;
    background-color: #fff;
    border-radius: 8px;
}
.oc_monthly_ic_access_text {
    width: 90%;
    max-width: 600px;
    margin: 0 auto 3em;
    font-size: 1.2em;
}
.oc_ic_bus_container {
    padding: 2em .5em;
    margin: 2em auto 3em;
    border-radius: 8px;
    background-color: #fff;
}
.oc_ic_bus_title {
    font-size: 1.3em;
    color: #84bf2d;
}
.oc_ic_bus_table {
    width: 90%;
    padding: 0 1.5em 1.5em;
    margin: 2em auto;
    background-color: #fff;
}
.oc_ic_bus_table li {
    width: 40%;
}
.oc_ic_bus_table dl {
    margin-top: 4em;
}
.oc_ic_bus_table dl.mjr_urwmsn {
    margin-top: 4em;
    /*margin-top: 6.3em;*/
    /*margin-top: 9em;*/
}
.oc_ic_bus_table dt{
    font-size: 1.2em;
    color: #454545;
}
.oc_ic_bus_table dd{
    line-height: 2.5;
    border-bottom: 1px dotted #B3A98D;
}
.oc_ic_bus_table figure {
    margin: 1em auto;
}
@media screen and (max-width:600px) {
    .oc_ic_bus_table li {
        width: 100%;
    }
    .oc_ic_bus_table dl{
        margin-top: 3em;
    }
}
@media screen and (max-width: 481px) {
.oc_monthly_ic_access_text {
    font-size: 1em;
}
.oc_ic_bus_table dl.mjr_urwmsn {
    margin-top: 3.7em;
}
}
@media screen and (max-width: 320px) {
.oc_monthly_map_wrapper {
    margin: 2em auto 3em;
}
}
/*アクセスはこちら*/
.border_inner_shadow.oc2024 {
    max-width: 27em;
    width: 100%;
    margin: 2em auto 0;
    padding-right: 1.5em;
    border-radius: 60px;
}
.border_inner_shadow.oc2024.sc {
    border: 2px solid #5ab1cb;
    color: #5ab1cb;
    background-color: #e7f4f7;
}
.border_inner_shadow.oc2024.ic {
    border: 2px solid #00c4b3;
    color: #00c4b3;
    background-color: #E9F7F3;
}
.oc2024_link_btn {
    display: block;
    padding: .5em 1em;
    font-weight: 700;
}
.oc2024_link_btn:after {
    position: absolute;
    top: 50%;
    right: 25px;
    width: 12px;
    height: 12px;
    border: 3px solid;
    border-radius: 4px;
    transform: translate(100%, -50%) rotate(45deg);
    content: '';
}
.oc2024_link_btn.oc_monthly_link:after {
    border-color: #5ab1cb #5ab1cb transparent transparent;
}
.oc2024_link_btn.oc_monthly_link.ic:after {
    border-color: #00c4b3 #00c4b3 transparent transparent;
}
@media screen and (max-width: 1024px) {
.oc2024_link_btn {
    font-size: .8em;
}
}
@media screen and (max-width: 600px) {
.oc2024_link_btn {
    font-size: 1em;
}
}
@media screen and (max-width: 320px) {
.oc2024_link_btn:after {
    right: 10px;
}
}

/* ---------------------------------------------------------
新宿_4月詳細
----------------------------------------------------------*/
.oc2025point_scic .img_container{
    background: no-repeat url(/univ/jyukensei/images/event/oc2025apr_point_sc01.webp) center top / 78%;
}
.oc2025point_scic .img_container:before {
    padding-top: 73%;
}
.oc2025apl_point_sc02 .img_container{
    background: no-repeat url(/univ/jyukensei/images/event/oc2025apr_point_sc02.webp) center top / 100%;
}
.oc2025apl_point_sc02 .img_container:before {
    padding-top: 89%;
}


/* ---------------------------------------------------------
新宿_6月詳細
----------------------------------------------------------*/
.oc2025jun_point_sc01 .img_container{
    background: no-repeat url(/univ/jyukensei/images/event/oc2025jun_point_sc01.webp) center top / 78%;
}
.oc2025jun_point_sc01 .img_container:before {
    padding-top: 81%;
}
.oc2025jun_point_sc03 .img_container{
    background: no-repeat url(/univ/jyukensei/images/event/oc2025point_scic03.png) center top / 94%;
}
.oc2025jun_point_sc03 .img_container:before {
    padding-top: 98%;
}

/*見どころポイント2_円が回るよ*/
.point_layer_container {
    margin: 4em auto 2em;
    align-items: stretch;
}
.oc2025jun_point_sc02,
.oc2025jul_point_sc01,
.oc2025aug_point_sc02,
.oc2025aug31_point_sc01 {
    width: 100%;
    height: auto;
    z-index: 1;
    flex-grow: 1;
}
.oc2025jun_point_sc02 .img_container {
    background: no-repeat url(/univ/jyukensei/images/event/oc2025jun_point_sc02.png) center top / 100%;
}
.oc2025jun_point_sc02 .img_container:before {
    padding-top: 91%;
}
.check_circle {
    width: 16%;
    animation: rotate 12s infinite linear;
    top: 83%;
    left: 0%;
    z-index: 2;
}
.check_circle .img_container {
    background: no-repeat url(/univ/jyukensei/images/event/oc2025point_check_circle.webp) center top / 100%;
}
.check_circle .img_container:before {
    padding-top: 100%;
}
@keyframes rotate {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}
.check_txt {
    font-size: 76%;
    color: #fff;
    letter-spacing: 0.12em;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
    top: 89%;
    left: 3%;
    z-index: 3;
}
.check_txt.aug {
    top: 88%;
}
@media screen and (max-width: 1024px) {
.check_txt {
    font-size: 49%;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
    top: 89%;
    left: 3%;
}
}
@media screen and (max-width: 960px) {
.check_txt {
    font-size: .9em;
    top: 89%;
    left: 2.5%;
    z-index: 3;
}
}
@media screen and (max-width: 600px) {
.check_txt {
    font-size: .8em;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
    top: 89%;
    left: 2.5%;
}
}
@media screen and (max-width: 481px) {
.check_txt {
    font-size: .6em;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
    top: 89%;
    left: 2.5%;
}
}
/*来場特典*/
.deco_bottle {
    width: 32.5%;
    bottom: 3.2%;
    right: 25%;
}
.deco_bottle .img_container:before {
    padding-top: 151%;
}
.deco_bottle .img_container {
    background: no-repeat url(/univ/jyukensei/images/event/glass_bottle.png) center 68% / 100%;
}
@media screen and (max-width: 1024px) {
.deco_bottle {
    bottom: 3.5%;
}
}

/* ---------------------------------------------------------
新宿_7月詳細
----------------------------------------------------------*/
.oc2025jul_point_sc01 .img_container{
    background: no-repeat url(/univ/jyukensei/images/event/oc2025jul_point_sc01.png) center top / 100%;
}
.oc2025jul_point_sc01 .img_container:before {
    padding-top: 97%;
}
.oc2025jul_point_sc02 .img_container{
    background: no-repeat url(/univ/jyukensei/images/event/oc2025jul_point_sc02.png) center top / 95%;
}
.oc2025jul_point_sc02 .img_container:before {
    padding-top: 74%;
}
.oc2025jul_point_sc03 .img_container{
    background: no-repeat url(/univ/jyukensei/images/event/oc2025jul_point_sc03.png) center top / 94%;
}
.oc2025jul_point_sc03 .img_container:before {
    padding-top: 98%;
}
/*見どころポイント1_円が回るよ*/
.check_circle.jul {
    top: 79%;
    left: 0%;
    z-index: 2;
}
.check_txt.jul {
    top: 85%;
    left: 3%;
    z-index: 3;
}
@media screen and (max-width: 1024px) {
.check_txt.jul {
    font-size: 49%;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
    top: 85%;
    left: 3%;
}
}
@media screen and (max-width: 960px) {
.check_txt.jul {
    font-size: .9em;
    top: 85%;
    left: 2.5%;
    z-index: 3;
}
}
@media screen and (max-width: 600px) {
.check_txt.jul {
    font-size: .8em;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
    top: 85%;
    left: 2.5%;
}
}
@media screen and (max-width: 481px) {
.check_txt.jul {
    font-size: .6em;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
    top: 85%;
    left: 2.5%;
}
}

/*来場特典*/
.deco_handyfan {
    width: 26.5%;
    bottom: 2.5%;
    left: 31%;
}
.deco_handyfan .img_container:before {
    padding-top: 201%;
}
.deco_handyfan .img_container {
    background: no-repeat url(/univ/jyukensei/images/event/handyfan.png) center 68% / 100%;
    transform: rotate(-16deg); 
}
@media screen and (max-width: 1024px) {
.deco_handyfan {
    bottom: 2.5%;
}
}


/* ---------------------------------------------------------
新宿_8月詳細
----------------------------------------------------------*/
.oc2025aug_point01sc_img {
    width: 100%;
    height: auto;
    background: no-repeat url(/univ/jyukensei/images/event/oc2025aug_point01sc_bg.png)center top / 100%;
}
.oc2025aug_point01sc_img .img_container:before {
    padding-top: 128%;
}

.image.sc_aug,
.image.sc_aug31 {
  position: absolute;
  width: 67%;
  opacity: 0;
  animation: change-img-anim 30s infinite;
  top: 28.8%;
  left: 28%;
}
.image.sc_aug31 {
  top: 32%;
}
.image.sc_aug:nth-of-type(1),
.image.sc_aug31:nth-of-type(1) {
  animation: change-img-anim-first 30s infinite;
  animation-delay: 0s;
}
.image.sc_aug:nth-of-type(2),
.image.sc_aug31:nth-of-type(2) {
  animation-delay: 10s;
}
.image.sc_aug:nth-of-type(3),
.image.sc_aug31:nth-of-type(3) {
  animation-delay: 20s;
}
@keyframes change-img-anim-first {
  0%{ opacity: 1;}
  30%{ opacity: 1;}
  36%{ opacity: 1;}
  45%{ opacity: 0;}
  100%{ opacity: 0;}
}
@keyframes change-img-anim {
  0%{ opacity: 0;}
  30%{ opacity: 1;}
  36%{ opacity: 1;}
  45%{ opacity: 0;}
  100%{ opacity: 0;}
}

.oc2025aug_point_sc02 .img_container {
    width: 100%;
    height: auto;
    background: no-repeat url(/univ/jyukensei/images/event/oc2025aug_point02sc.png)center top / 100%;
}
.oc2025aug_point_sc02 .img_container:before {
    padding-top: 112%;
}
.oc2025aug_point_sc03 .img_container{
    background: no-repeat url(/univ/jyukensei/images/event/oc2025aug_point03sc.png) center top / 94%;
}
.oc2025aug_point_sc03 .img_container:before {
    padding-top: 98%;
}

/* ---------------------------------------------------------
新宿_8/31詳細
----------------------------------------------------------*/

.oc2025aug31_point_sc01 .img_container {
    width: 100%;
    height: auto;
    background: no-repeat url(/univ/jyukensei/images/event/oc2025aug31_point01sc.png)center top / 100%;
}
.oc2025aug31_point_sc01 .img_container:before {
    padding-top: 112%;
}
/*見どころポイント1_円が回るよ*/
.check_circle.aug31 {
    right: 33% !important;
    left: unset;
}
.check_txt.aug31 {
    top: 88% !important;
    right: 36.5% !important;
    left: unset;
    z-index: 3;
}
@media screen and (max-width: 1024px) {
.check_txt.aug31 {
    font-size: 49%;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
    top: 85%;
    left: unset;
}
}
@media screen and (max-width: 960px) {
.check_txt.aug31 {
    font-size: .9em;
    top: 85%;
    left: unset;
    z-index: 3;
}
}
@media screen and (max-width: 600px) {
.check_txt.aug31 {
    font-size: .8em;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
    top: 85%;
    left: unset;
}
}
@media screen and (max-width: 481px) {
.check_txt.aug31 {
    font-size: .6em;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
    top: 85%;
    left: unset;
    right: 36% !important;
}
}
.oc2025aug31_point02sc_img {
    width: 100%;
    height: auto;
    background: no-repeat url(/univ/jyukensei/images/event/oc2025aug31_point02sc.png)center top / 100%;
}
.oc2025aug31_point02sc_img .img_container:before {
    padding-top: 128%;
}
.oc2025aug31_point_sc03 .img_container{
    background: no-repeat url(/univ/jyukensei/images/event/oc2025aug31_point03sc.png) center top / 100%;
}
.oc2025aug31_point_sc03 .img_container:before {
    padding-top: 96%;
}
.oc2025aug31_point_sc04 .img_container{
    background: no-repeat url(/univ/jyukensei/images/event/oc2025aug31_point04sc.png) center top / 94%;
}
.oc2025aug31_point_sc04 .img_container:before {
    padding-top: 82%;
}


/* ---------------------------------------------------------
岩槻_4月詳細
----------------------------------------------------------*/
.oc2025point_ic02 .img_container{
    background: no-repeat url(/univ/jyukensei/images/event/oc2025point_ic04.png) center top / 96%;
}
.oc2025point_ic02 .img_container:before {
    padding-top: 72%;
}
.oc2025point_ic03 .img_container{
    background: no-repeat url(/univ/jyukensei/images/event/oc2025point_ic03.webp) center top / 100%;
}
.oc2025point_ic03 .img_container:before {
    padding-top: 64%;
}
.oc2025_timetable.ic0420 .img_container {
    background: no-repeat url(/univ/jyukensei/images/event/oc2025apr_ic_timetable.png) center / 100%;
}
.oc2025_timetable.ic0420 .img_container:before{
    padding-top: 118%;
}


/* ---------------------------------------------------------
岩槻_6月詳細
----------------------------------------------------------*/
.oc2025jun_point_ic01 .img_container{
    background: no-repeat url(/univ/jyukensei/images/event/oc2025jun_point_ic01.webp) center top / 100%;
}
.oc2025jun_point_ic01 .img_container:before {
    padding-top: 95%;
}
.oc2025_timetable.ic0615 .img_container {
    background: no-repeat url(/univ/jyukensei/images/event/oc2025jun_ic_timetable.png) center / 94%;
}
.oc2025_timetable.ic0615 .img_container:before{
    padding-top: 118%;
}

/* ---------------------------------------------------------
岩槻_8月詳細
----------------------------------------------------------*/
.oc2025point_ic04 .img_container{
    background: no-repeat url(/univ/jyukensei/images/event/oc2025point_ic04.webp) center top / 100%;
}
.oc2025point_ic04 .img_container:before {
    padding-top: 71%;
}
.oc2025_timetable.ic080910 .img_container {
    background: no-repeat url(/univ/jyukensei/images/event/oc2025aug_ic_timetable.png) center / 94%;
}
.oc2025_timetable.ic080910 .img_container:before{
    padding-top: 133%;
}

/* ---------------------------------------------------------
岩槻_8/31詳細
----------------------------------------------------------*/
.oc2025_timetable.ic0831 .img_container {
    background: no-repeat url(/univ/jyukensei/images/event/oc2025aug31_ic_timetable.png) center / 94%;
}
.oc2025_timetable.ic0831 .img_container:before{
    padding-top: 120%;
}

/* ---------------------------------------------------------
全学部_12/7詳細(一般選抜対策講座)
----------------------------------------------------------*/

.oc2025dec_about_lecture {
    margin-top: 4em;
}
.oc2025dec_about_lecture  .img_container{
    background: no-repeat url(/univ/jyukensei/images/event/oc2025dec_lecture.png) center top / 93%;
}
.oc2025dec_about_lecture .img_container:before {
    padding-top: 93%;
}
.new_dep_kr {
    width: 95%;
    margin: .5rem auto;
}
.new_dep_kr .img_container:before {
    padding-top: 70%;
}
.new_dep_kr .img_container {
    background: no-repeat url(/univ/jyukensei/images/event/new_dep_kr.png) center 0% / 100%;
}
.oc2025_timetable.lecture1208 .img_container {
    background: no-repeat url(/univ/jyukensei/images/event/oc2024dec_lecture_timetable.png) center / 100%;
}
.oc2025_timetable.lecture1208 .img_container:before{
    padding-top: 103%;
}


/*
申込はこちら　ボタン
_______________________________________*/
.oc_reservation_icon {
    display: block;
    position: fixed;
    bottom: 20px;
    left: 30px;
    width: 160px;
    height: auto;
    z-index: 100;
}
.oc_reservation_icon.hide {
    transform: translateX(2000px);
}
.oc_reservation_icon.sc {
    background: no-repeat url(/univ/jyukensei/images/event/oc2025rev_icon.png) center top / 100%;
}
.oc_reservation_icon.sc .img_container:before {
    padding-top: 104%;
}
.oc_reservation_icon.ic {
    background: no-repeat url(/univ/jyukensei/images/event/oc2025rev_icon02.png) center 101% / 100%;
}
.oc_reservation_icon.ic .img_container:before {
    padding-top: 112%;
}
@media screen and (max-width:600px) {
    .oc_reservation_icon{
        width: 23%;
}
}
@media screen and (max-width:481px) {
    .oc_reservation_icon{
        width:100px;
        left: 5px;
    }
}

/*
テスト ボタン
_______________________________________*/
.about_btn {
  background: #f9b10b; /* オレンジ */
  color: #fff;
  border-radius: 999px;
  padding: 12px 28px;
  margin-top: 2rem;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  transition: background-color .25s ease, transform .25s ease;
}
.about_btn.secondary {
    display: block;
    width: fit-content;
    margin: 2rem 0 0 auto;
}
.about_btn.thirdly {
    display: block;
    width: fit-content;
    margin: 2rem auto 0;
}
.about_btn.secondary .about_btn__arrow,
.about_btn.secondary .about_btn__arrow,
.about_btn .about_btn__arrow{
  transition: transform .25s ease;
}

.about_btn:hover{
  background: #e0a300; /* 少しトーンダウン */
}

.about_btn.secondary:hover .about_btn__arrow,
.about_btn:hover .about_btn__arrow{
  transform: translateX(3px);
}