/*--- 202507 pagination-wrapper　共通矢印
----------------------------**/

.common-swiper .swiper-wrapper {
  align-items: flex-end;
}

.common-swiper .swiper-slide,
.latest-event-swiper .swiper-slide {
  transition: transform 0.5s;
  transform-origin: bottom center;
}

.common-swiper .swiper-slide-active,
.latest-event-swiper .swiper-slide-active {
  transform: scale(1.2);
  z-index: 10;
}

.common-swiper .pagination-wrapper,
.latest-event-swiper .pagination-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  transform: translateY(20px);
}

.common-swiper .pagination-wrapper .swiper-button-prev,
.latest-event-swiper .pagination-wrapper .swiper-button-prev {
  order: 1;
  margin-right: 50px;
}

.common-swiper .pagination-wrapper .swiper-pagination,
.latest-event-swiper .pagination-wrapper .swiper-pagination {
  order: 2;
  position: static;
  width: auto;
  font-size: 16px;
}

.common-swiper .pagination-wrapper .swiper-button-next,
.latest-event-swiper .pagination-wrapper .swiper-button-next {
  order: 3;
  margin-left: 50px;
}

.common-swiper.swiper.swiper-initialized .pagination-wrapper .swiper-button-prev,
.common-swiper.swiper.swiper-initialized .pagination-wrapper .swiper-button-next,
.latest-event-swiper.swiper.swiper-initialized .pagination-wrapper .swiper-button-prev,
.latest-event-swiper.swiper.swiper-initialized .pagination-wrapper .swiper-button-next {
  width: 30px;
  height: 30px;
  border: 1px solid #8f8f8f;
  transform: translateY(0);
  box-shadow: none;
  position: static;
  margin-top: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  border-radius: 50%;
  background-color: #fff;
}

.common-swiper.swiper.swiper-initialized .pagination-wrapper .swiper-button-prev::after,
.common-swiper.swiper.swiper-initialized .pagination-wrapper .swiper-button-next::after,
.latest-event-swiper.swiper.swiper-initialized .pagination-wrapper .swiper-button-prev::after,
.latest-event-swiper.swiper.swiper-initialized .pagination-wrapper .swiper-button-next::after {
  content: "";
  position: absolute;
}

.common-swiper.swiper.swiper-initialized .pagination-wrapper .swiper-button-prev::after,
.latest-event-swiper.swiper.swiper-initialized .pagination-wrapper .swiper-button-prev::after {
  width: 10px;
  height: 10px;
  left: 11px;
  top: 12px;
  border-bottom: 2px solid #8f8f8f;
  border-left: 2px solid #8f8f8f;
  transform: translateY(-2px) rotate(45deg);
}

.common-swiper.swiper.swiper-initialized .pagination-wrapper .swiper-button-next::after,
.latest-event-swiper.swiper.swiper-initialized .pagination-wrapper .swiper-button-next::after {
  width: 10px;
  height: 10px;
  right: 11px;
  top: 12px;
  border-top: 2px solid #8f8f8f;
  border-right: 2px solid #8f8f8f;
  transform: translateY(-2px) rotate(45deg);
}

.common-swiper.swiper .swiper-button-next.swiper-button-disabled,
.common-swiper.swiper .swiper-button-prev.swiper-button-disabled,
.latest-event-swiper.swiper .swiper-button-next.swiper-button-disabled,
.latest-event-swiper.swiper .swiper-button-prev.swiper-button-disabled {
  opacity: 0;
}

/*----------------------------------
202507 当日の流れ
----------------------------------*/

.l-oc-section .flow-list{
    max-width: 94rem;
    position: relative;
    z-index: 10;
}

.l-oc-section .flow-list::after{
    content: " ";
    width: 0.2rem;
    height: 100%;
    display: block;
    background-color: #00c6ff;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    z-index: -1;
}

.l-oc-section .flow-list:not(.application-flow) .flow-list_title{
    font-weight: bold;
    padding-bottom: .5em;
    margin-left: 0;
    margin-bottom: 1em;
    border-bottom: 2px solid #000;
}

.l-oc-section .flow-list .special .flow-list_title{
    border: none;
}

.l-oc-section .flow-list .special .flow-list_title::after{
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background: linear-gradient(111deg, rgba(207,175,108,1) 0%, rgba(141,80,26,1) 14%, rgba(153,98,50,1) 23%, rgba(174,128,68,1) 39%, rgba(84,36,8,1) 52%, rgba(253,254,239,1) 64%, rgba(156,96,22,1) 74%, rgba(198,158,72,1) 85%, rgba(253,254,239,1) 91%, rgba(132,103,60,1) 100%);;
}

.l-oc-section .flow-list_body{
    padding: 4%;
    margin-bottom: 10px;
    background-color: #FFF;
    border-radius: 8px;
    text-align: left;
}

.l-oc-section .flow-list_body.special{
    background-color: #fffeb2;
    background: url(../images/bg_event-sp.png) repeat center top;
}

.l-oc-section .flow-list_title span{
    color: #FFF;
    font-size: 2.0rem;
    font-weight: 400;
    padding: 6.5px;
    margin-right: 0.5em;
    font-family:HelveticaNeue, nimbus-sans, sans-serif;
    background: linear-gradient(to right,  #65c4f3 0%, #df89bc 100%);
}

.l-oc-section .flow-list .flow-list_item{ border: none;}

figure{
    margin: 0 auto 1rem;
    padding: 4px;
    box-shadow: 2px 2px 3px 1px rgb(0 0 0 / 10%);
    background-color: #FFF;
}


@media not all and (min-width:768px){

    .l-oc-section .flow-list_title ~ p{ text-align: left;}
    .l-oc-section .flow-list_body figure{ width: 80%;}
    .l-oc-section .flow-list_body {max-width: 255px;}
}

@media (min-width:768px){

    .l-oc-section .flow-list_body{
        display: grid;
        grid-template-columns: repeat(2 ,48%);
        grid-auto-rows: 1fr;
        gap: 2% 4%;
    }
    
    .l-oc-section .flow-list_title{ font-size: 2.5rem;}
    .l-oc-section .flow-list_body{ margin-bottom: 2rem;}
    .heading-area{ align-self: center;}
}

.l-oc-section .flow-list-wrapper {
    margin-top: 40px;
    padding-top: 70px;
}
.l-oc-section .flow-list-wrapper .flow-list {
    max-width: none;
}
.l-oc-section .flow-list-wrapper .flow-list::after {
    content: none;
}
.l-oc-section .flow-list-wrapper .flow-list_body {
    padding: 0;
    margin-bottom: 0;
    color: #000;
}

.l-oc-section .flow-list-wrapper .heading-area {
    margin-bottom: 0;
}

.l-oc-section .flow-list-wrapper .flow-list .flow-list_title {
    text-align: center;
    border: none;
    margin-bottom: 0;
    padding-bottom: 10px;
    font-size: 17px;
}

.l-oc-section .flow-list-wrapper .flow-list_title span {
    display: block;
    margin-right: 0;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    margin-bottom: 10px;
    position: relative;
    font-size: 18px;
}

.l-oc-section .flow-list-wrapper .flow-list_body:not(:last-child) .flow-list_title span::before {
    content: '';
    display: block;
    position: absolute;
    right: 21px;
    top: 50%;
    background: #fff;
    width: 13px;
    height: 2px;
    transform: translate(0, -50%);
}

.l-oc-section .flow-list-wrapper .flow-list_body:not(:last-child) .flow-list_title span::after {
    content: '';
    position: absolute;
    right: 20px;
    top: 50%;
    width: 10px;
    height: 10px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: translate(0, -50%) rotate(45deg);
}

.l-oc-section .flow-list-wrapper .flow-list_body figure {
    width: 100%;
    box-shadow: none;
    margin-bottom: 0;
}

.l-oc-section .flow-list-wrapper .flow-list_body figure + p{
    padding: 10px;
    min-height: 85px;
    font-size: 14px;
}

@media (min-width: 768px) {
    .l-oc-section .flow-list-wrapper .flow-list_body {
        display: block;
        width: 280px
    }
}

.oc-onday .flow-list-wrapper {overflow: visible;}


/* course以下スクロール個別対応 */

   #taikai .common-swiper .swiper-wrapper,#game .common-swiper .swiper-wrapper ,#cg .common-swiper .swiper-wrapper{
    align-items: normal;
   }

   #project figure{
    background-color: initial;
   }

    .award .w-section__slider__inner .swiper-wrapper{
        width: 180px;
    }
    .award .award_manga_two .w-section__slider__inner .swiper-wrapper,.award .award_illust_two .w-section__slider__inner .swiper-wrapper,
    .award .award_illust_one .w-section__slider__inner .swiper-wrapper{
        width: 250px;
    }

    .award .w-section__slider .swiper{
        padding: 60px 40px;
    }

    .award .common-swiper .swiper-wrapper {
      align-items: flex-start;
    }

@media(max-width:767px) {
    .award .award_manga_two .w-section__slider__inner .swiper-wrapper,.award .award_illust_two .w-section__slider__inner .swiper-wrapper,
    .award .award_illust_one .w-section__slider__inner .swiper-wrapper{
        width: 200px;
    }
}

@media(max-width:767px) {

 #contest .p-section__item, #taikai .p-section__item, #game .p-section__item, #cg .p-section__item, #design .p-section__item{
    flex: 1 0 250px;
    margin-top: 70px;
  }
   #sketch .p-section__item,#project .p-section__item{
    flex: 1 0 160px;
    margin-top: 70px;
  }

   #taikai .company_comment{
    font-size: 14px;
    line-height: 1.8;
   }

   #game .project-title,#cg .project-title{
    font-size: 20px;
  }
  .award .award_illust_one .w-section__text{
       font-size: 10px;
  }



/* 在校生の1日スライダー対応 */

  .common-swiper .swiper-wrapper .p-facility-slider__slide {
    width: 250px;
  }

}

/* 施設・研修所 */

  .common-swiper-facility .c-facility__title {
    font-size: 20px;
  }
  .common-swiper-facility .c-facility__text {
    font-size: 14px;
  }

  .common-swiper-facility .p-facility-slider__slide {
    width: 420px;
  }

  .common-swiper-facility:after {
    left: calc(100% - 0rem);
  }

  #facility .common-swiper .swiper-wrapper {
      align-items: flex-start;
  }

  /* 当日の流れ　左揃え対応 */

  @media (min-width:768px){

  .oc-onday .pagination-wrapper{
   justify-content: left;
   margin-left: 6%;
  }

}
@media (min-width:1378px){

    .oc-onday .swiper-wrapper{
      margin-left: -36%;
  }
}

@media screen and (min-width: 1360px) and (max-width: 1610px){
    .oc-onday .swiper-wrapper{
      margin-left: -36%;
  }
    .oc-onday .pagination-wrapper{
     margin-left: 6%;
  }
}
@media screen and (min-width: 951px) and (max-width: 1360px){
    .oc-onday .swiper-wrapper{
     margin-left: -30%;
  }
    .oc-onday .pagination-wrapper{
     margin-left: 7%;
  }
}
@media screen and (min-width: 768px) and (max-width: 950px){
    .oc-onday .swiper-wrapper{
     margin-left: -20%;
  }
    .oc-onday .pagination-wrapper{
   margin-left: 13%;
  }
}