@charset "UTF-8";
/*スマホ*/
/*　++++++++++++++++++++++++++++++
共通パーツ類
++++++++++++++++++++++++++++++　*/
.ribbon {
  background: linear-gradient(-90deg, #32B5D2 15%, #E46FA5 65%);
  color: white;
  padding: min(3.8461538462vw, 15px) min(7.6923076923vw, 30px);
  font-weight: bold;
  display: block;
  width: 100%;
  max-width: min(85.8974358974vw, 335px);
  margin: 0 auto;
  text-align: center;
  clip-path: polygon(0% 0%, 5% 50%, 0% 100%, 100% 100%, 95% 50%, 100% 0%);
  font-size: min(5.1282051282vw, 20px);
}

.accordion-header {
  cursor: pointer;
}

.accordion-content {
  display: none;
}

.container {
  max-width: min(115.3846153846vw, 450px);
}
@media (min-width: 768px) {
  .container {
    max-width: 1000px;
  }
}

.more-btn {
  font-size: min(4.1025641026vw, 16px);
  font-weight: bold;
  text-align: center;
  background-color: #fff;
  border-radius: min(5.1282051282vw, 20px);
  border: solid 1px #000;
  display: block;
  padding: min(4.6153846154vw, 18px) 0;
  position: relative;
}
.more-btn:after {
  content: "";
  display: inline-block;
  width: min(5.1282051282vw, 20px);
  height: min(5.1282051282vw, 20px);
  background-image: url(../img/opencampus/btn_arrow.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  right: min(3.8461538462vw, 15px);
  top: 50%;
  transform: translate(0, -50%);
}

.fade-in-up {
  opacity: 0;
  transform: translateY(30px);
}

main .head {
  background-image: url(../img/campuslife/stripes_bg.jpg);
  padding-top: min(20.5128205128vw, 80px);
  padding-bottom: min(8.9743589744vw, 35px);
}
@media (min-width: 768px) {
  main .head {
    padding-top: min(10.8333333333vw, 130px);
    padding-bottom: min(4.1666666667vw, 50px);
  }
}
main .head h1 {
  max-width: min(81.5384615385vw, 318px);
  width: 82%;
  margin: 0 auto;
  text-align: center;
}
@media (min-width: 768px) {
  main .head h1 {
    max-width: min(31.6666666667vw, 380px);
  }
}
main .head h1 span {
  display: block;
  margin-bottom: min(2.5641025641vw, 10px);
  font-size: min(5.1282051282vw, 20px);
  font-family: "c-logo";
  font-weight: normal;
}
@media (min-width: 768px) {
  main .head h1 span {
    font-size: min(2.3333333333vw, 28px);
    margin-bottom: min(1.6666666667vw, 20px);
  }
}
main .head h1 img {
  max-width: min(123.0769230769vw, 480px);
}

#main-event {
  background: linear-gradient(to bottom, #D276AA, #60A2C7);
}
@media (min-width: 768px) {
  #main-event .container {
    max-width: 1200px;
  }
}
#main-event .container h2 {
  max-width: min(87.1794871795vw, 340px);
  margin: 0 auto;
  position: relative;
}
@media (min-width: 768px) {
  #main-event .container h2 {
    max-width: min(43.3333333333vw, 500px);
  }
}
#main-event .container h2:before {
  content: "";
  display: inline-block;
  width: min(22.0205128205vw, 85.88px);
  height: min(12.4794871795vw, 48.67px);
  background-image: url(../img/campuslife/main-event_h2_before.gif);
  background-size: cover;
  position: absolute;
  left: -20px;
  top: -25px;
}
@media (min-width: 768px) {
  #main-event .container h2:before {
    width: min(9.99vw, 119.88px);
    height: min(5.7225vw, 68.67px);
    left: -42px;
    top: -28px;
  }
}
#main-event .container h2:after {
  content: "";
  display: inline-block;
  width: min(10.3025641026vw, 40.18px);
  height: min(7.8948717949vw, 30.79px);
  background-image: url(../img/campuslife/main-event_h2_after.png);
  background-size: cover;
  position: absolute;
  right: -10px;
  top: -15px;
}
@media (min-width: 768px) {
  #main-event .container h2:after {
    width: min(5.5983333333vw, 67.18px);
    height: min(4.2325vw, 50.79px);
    right: -40px;
    top: -25px;
  }
}
#main-event .container > p {
  font-size: min(4.1025641026vw, 16px);
  font-weight: bold;
  line-height: 1.5;
  width: 83%;
  margin: min(2.5641025641vw, 10px) auto;
  color: #fff;
}
@media (min-width: 768px) {
  #main-event .container > p {
    text-align: center;
    font-size: min(1.6666666667vw, 20px);
    margin: min(1.6666666667vw, 20px) auto;
  }
}
#main-event .sl-Box #main-event-sl .sl-item {
  margin: 0 5px;
  border-radius: 5px;
  overflow: hidden;
}
@media (min-width: 768px) {
  #main-event .flex-Box {
    display: flex;
    justify-content: space-between;
  }
}
@media (min-width: 768px) {
  #main-event .flex-Box > div {
    width: 48%;
  }
}
#main-event .flex-Box > div h3 {
  margin-bottom: min(2.5641025641vw, 10px);
}
@media (min-width: 768px) {
  #main-event .flex-Box > div h3 {
    margin-bottom: min(2.5vw, 30px);
  }
}
#main-event .flex-Box > div.ac-open > .accordion-header::before {
  content: "ー";
  transform: translate(0, -50%) rotate(180deg);
}
#main-event .flex-Box > div .accordion-header {
  background: #fff;
  border-radius: min(4.8717948718vw, 19px);
  border: solid 1px #000;
  z-index: 2;
  position: relative;
}
@media (min-width: 768px) {
  #main-event .flex-Box > div .accordion-header {
    width: 60%;
    margin: 0 auto;
    min-width: 250px;
  }
}
#main-event .flex-Box > div .accordion-header::before {
  position: absolute;
  content: "＋";
  display: block;
  width: min(3.8461538462vw, 15px);
  height: min(3.8461538462vw, 15px);
  background-color: #000;
  color: #fff;
  right: min(3.8461538462vw, 15px);
  top: 50%;
  border-radius: 50%;
  transform: translate(0, -50%);
  line-height: 1;
  font-size: min(3.8461538462vw, 15px);
  padding: min(1.2820512821vw, 5px);
  transition: all 0.3s;
}
#main-event .flex-Box > div .accordion-header .ac-title {
  text-align: center;
  font-size: min(4.1025641026vw, 16px);
  font-weight: bold;
  padding: min(3.8461538462vw, 15px) 0;
}
#main-event .flex-Box > div .accordion-content {
  margin-top: min(4.6153846154vw, 18px);
  border: solid 2px #fff;
  border-radius: min(3.8461538462vw, 15px);
  padding: min(3.8461538462vw, 15px) 12px;
  background: repeating-linear-gradient(125deg, #9884B8, #856EAC 2px, #856EAC 7px, #856EAC 4px);
}
@media (min-width: 768px) {
  #main-event .flex-Box > div .accordion-content {
    padding: 25px;
  }
}
#main-event .flex-Box > div .accordion-content .content-title {
  text-align: center;
  margin-bottom: min(3.8461538462vw, 15px);
}
@media (min-width: 768px) {
  #main-event .flex-Box > div .accordion-content .content-title {
    width: 320px;
    margin: 0 auto 20px;
  }
}
#main-event .flex-Box > div .accordion-content .content-title img {
  width: min(51.0846153846vw, 199.23px);
  height: auto;
}
#main-event .flex-Box > div .accordion-content .youtube iframe {
  height: min(47.9487179487vw, 187px);
}
@media (min-width: 768px) {
  #main-event .flex-Box > div .accordion-content .youtube iframe {
    height: min(24.4166666667vw, 293px);
  }
}
#main-event .flex-Box > div .accordion-content .youtube + .youtube {
  margin-top: min(5.1282051282vw, 20px);
}
#main-event .flex-Box > div .accordion-content .youtube + p {
  font-size: min(4.1025641026vw, 16px);
  line-height: 1.5;
  font-weight: bold;
  color: #fff;
  width: 90%;
  margin: min(2.5641025641vw, 10px) auto;
}
#main-event .flex-Box .summer-review .accordion .accordion-content .content-title {
  position: relative;
}
#main-event .flex-Box .summer-review .accordion .accordion-content .content-title:before {
  content: "";
  display: inline-block;
  width: min(11.1641025641vw, 43.54px);
  height: min(8.5564102564vw, 33.37px);
  background-image: url(../img/campuslife/summer-review_title_before.gif);
  background-size: cover;
  position: absolute;
  left: min(0.5128205128vw, 2px);
  top: min(1.2820512821vw, 5px);
}
#main-event .flex-Box .summer-review .accordion .accordion-content .content-title:after {
  content: "";
  display: inline-block;
  width: min(11.1666666667vw, 43.55px);
  height: min(8.5564102564vw, 33.37px);
  background-image: url(../img/campuslife/summer-review_title_after.gif);
  background-size: cover;
  position: absolute;
  right: 0px;
  top: min(2.5641025641vw, 10px);
}
#main-event .flex-Box .grand-concert {
  margin-top: min(5.1282051282vw, 20px);
}
@media (min-width: 768px) {
  #main-event .flex-Box .grand-concert {
    margin-top: 0;
  }
}
#main-event .flex-Box .grand-concert .accordion .accordion-content .content-title {
  position: relative;
}
#main-event .flex-Box .grand-concert .accordion .accordion-content .content-title:before {
  content: "";
  display: inline-block;
  width: min(11.1641025641vw, 43.54px);
  height: min(8.5564102564vw, 33.37px);
  background-image: url(../img/campuslife/summer-review_title_before.gif);
  background-size: cover;
  position: absolute;
  left: min(0.5128205128vw, 2px);
  top: min(1.2820512821vw, 5px);
}
#main-event .flex-Box .grand-concert .accordion .accordion-content .content-title:after {
  content: "";
  display: inline-block;
  width: min(8.5564102564vw, 33.37px);
  height: min(11.1666666667vw, 43.55px);
  background-image: url(../img/campuslife/grand-concert_title_after.gif);
  background-size: cover;
  position: absolute;
  right: 0px;
  top: min(2.5641025641vw, 10px);
}

/*
@keyframes scalePulse {
      0% {
        transform: scale(1);
      }
      50% {
        transform: scale(1.2);
      }
      100% {
        transform: scale(1);
      }
    }
*/
#event {
  background-image: url(../img/campuslife/stripes_bg.jpg);
  padding: min(3.8461538462vw, 15px) 0;
  overflow: hidden;
}
@media (min-width: 768px) {
  #event {
    padding: min(4.1666666667vw, 50px) 0;
  }
}
#event h2 {
  margin-left: min(2.5641025641vw, 10px);
  height: 11px;
}
@media (min-width: 768px) {
  #event h2 {
    margin-left: min(4.1666666667vw, 50px);
    height: 33px;
  }
}
#event h2 img {
  width: auto;
}
#event h2::after {
  left: 90px;
}
@media (min-width: 768px) {
  #event h2::after {
    left: 230px;
  }
}
@media (min-width: 768px) {
  #event .container {
    max-width: 1000px;
    padding: 50px 0;
  }
}
@media (min-width: 768px) {
  #event .container ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
#event .container ul li {
  position: relative;
  padding-top: min(6.4102564103vw, 25px);
  z-index: 1;
}
@media (min-width: 768px) {
  #event .container ul li {
    width: 48%;
  }
}
#event .container ul li h3 {
  min-width: min(38.4615384615vw, 150px);
  background: linear-gradient(to bottom right, #E46FA5, #32B5D2);
  text-align: center;
  padding: min(5.1282051282vw, 20px) min(4.6153846154vw, 18px);
  display: inline-block;
  font-size: min(4.6153846154vw, 18px);
  color: #fff;
  box-shadow: 5px 5px 0px 0px rgb(137, 137, 137);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  font-family: "c-logo";
  font-weight: normal;
}
@media (min-width: 768px) {
  #event .container ul li h3 {
    font-size: min(2vw, 24px);
  }
}
#event .container ul li .item-Box .fig {
  position: relative;
}
#event .container ul li .item-Box .fig:after {
  content: "";
  display: inline-block;
  width: 100%;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1;
  transition: all 0.8s;
}
#event .container ul li .item-Box .fig.active:after {
  bottom: -10px;
  right: -5px;
}
#event .container ul li .item-Box .fig .month {
  position: absolute;
  font-size: min(26.9230769231vw, 105px);
  line-height: 1;
  font-weight: bold;
}
@media (min-width: 768px) {
  #event .container ul li .item-Box .fig .month {
    font-size: min(11.25vw, 135px);
  }
}
#event .container ul li .item-Box .fig .month > img {
  width: auto;
}
#event .container ul li .item-Box .fig .month span {
  font-size: 0.3em;
  margin-left: min(1.2820512821vw, 5px);
  font-weight: bold;
}
#event .container ul li .item-Box > p {
  font-size: min(3.3333333333vw, 13px);
  margin-top: min(5.1282051282vw, 20px);
  line-height: 1.5;
}
@media (min-width: 768px) {
  #event .container ul li .item-Box > p {
    font-size: min(1.5vw, 18px);
  }
}
#event .container ul li + li {
  margin-top: min(6.4102564103vw, 25px);
}
@media (min-width: 768px) {
  #event .container ul li + li {
    margin-top: min(2.9166666667vw, 35px);
  }
}
#event .container ul .event_a .item-Box .fig:before {
  content: "";
  display: inline-block;
  width: min(32.3076923077vw, 126px);
  height: min(10.5128205128vw, 41px);
  background-image: url(../img/campuslife/event_a_item.gif);
  background-size: cover;
  position: absolute;
  right: min(5.1282051282vw, 20px);
  top: -20px;
}
@media (min-width: 768px) {
  #event .container ul .event_a .item-Box .fig:before {
    width: min(15.8516666667vw, 190.22px);
    height: min(5.1358333333vw, 61.63px);
    right: min(1.6666666667vw, 20px);
  }
}
#event .container ul .event_a .item-Box .fig:after {
  background-image: url(../img/campuslife/event_5_sh.png);
}
#event .container ul .event_a .item-Box .fig .month {
  bottom: -65px;
  left: min(2.5641025641vw, 10px);
  color: #8A73B3;
}
@media (min-width: 768px) {
  #event .container ul .event_a .item-Box .fig .month {
    bottom: -90px;
    left: min(0.8333333333vw, 10px);
  }
}
#event .container ul .event_a .item-Box > p {
  width: 65%;
  margin-left: auto;
}
#event .container ul .event_b .item-Box .fig:before {
  content: "";
  display: inline-block;
  width: min(17.6923076923vw, 69px);
  height: min(76.1538461538vw, 297px);
  background-image: url(../img/campuslife/event_b_item.gif);
  background-size: cover;
  position: absolute;
  right: min(28.2051282051vw, 110px);
  top: -14px;
}
@media (min-width: 768px) {
  #event .container ul .event_b .item-Box .fig:before {
    width: min(7.5758333333vw, 90.91px);
    height: min(32.7491666667vw, 392.99px);
    right: min(14.5833333333vw, 175px);
  }
}
#event .container ul .event_b .item-Box .fig:after {
  background-image: url(../img/campuslife/event_8_sh.png);
}
#event .container ul .event_b .item-Box .fig .month {
  right: 0;
  top: -35px;
  color: #05BCF2;
}
@media (min-width: 768px) {
  #event .container ul .event_b .item-Box .fig .month {
    top: -35px;
  }
}
#event .container ul .event_c .item-Box .fig:before {
  content: "";
  display: inline-block;
  width: min(72.5641025641vw, 283px);
  height: min(90.7692307692vw, 354px);
  background-image: url(../img/campuslife/event_c_item.gif);
  background-size: cover;
  position: absolute;
  left: min(10.2564102564vw, 40px);
  top: -5px;
}
@media (min-width: 768px) {
  #event .container ul .event_c .item-Box .fig:before {
    width: min(31.4166666667vw, 377px);
    height: min(39.3333333333vw, 472px);
    left: min(3.3333333333vw, 40px);
  }
}
#event .container ul .event_c .item-Box .fig:after {
  background-image: url(../img/campuslife/event_9_sh.png);
}
#event .container ul .event_c .item-Box .fig .month {
  right: 0;
  bottom: -60px;
  color: #01B7C1;
}
@media (min-width: 768px) {
  #event .container ul .event_c .item-Box .fig .month {
    right: min(-0.8333333333vw, -10px);
    bottom: -90px;
  }
}
#event .container ul .event_d .item-Box .fig-a:before {
  content: "";
  display: inline-block;
  width: min(11.0256410256vw, 43px);
  height: min(10.2564102564vw, 40px);
  background-image: url(../img/campuslife/event_d1_item.gif);
  background-size: cover;
  position: absolute;
  right: min(3.8461538462vw, 15px);
  top: min(2.5641025641vw, 10px);
}
@media (min-width: 768px) {
  #event .container ul .event_d .item-Box .fig-a:before {
    width: min(5.3333333333vw, 64px);
    height: min(4.9166666667vw, 59px);
    right: min(1.25vw, 15px);
  }
}
#event .container ul .event_d .item-Box .fig-a:after {
  background-image: url(../img/campuslife/event_9-2-1_sh.png);
}
#event .container ul .event_d .item-Box .fig-b:before {
  content: "";
  display: inline-block;
  width: min(7.1794871795vw, 28px);
  height: min(8.7179487179vw, 34px);
  background-image: url(../img/campuslife/event_d2_item.gif);
  background-size: cover;
  position: absolute;
  right: min(3.8461538462vw, 15px);
  bottom: min(16.6666666667vw, 65px);
}
@media (min-width: 768px) {
  #event .container ul .event_d .item-Box .fig-b:before {
    width: min(4.0833333333vw, 49px);
    height: min(4.9166666667vw, 59px);
    right: min(1.25vw, 15px);
  }
}
#event .container ul .event_d .item-Box .fig-b:after {
  background-image: url(../img/campuslife/event_9-2-2_sh.png);
}
#event .container ul .event_d .item-Box .fig + .fig {
  margin-top: -20px;
}
#event .container ul .event_d .item-Box > p {
  width: 90%;
  margin: min(5.1282051282vw, 20px) auto 0;
}
@media (min-width: 768px) {
  #event .container ul .event_e {
    margin-top: -100px;
  }
}
#event .container ul .event_e .item-Box .fig:before {
  content: "";
  display: inline-block;
  width: min(10.5128205128vw, 41px);
  height: min(117.1794871795vw, 457px);
  background-image: url(../img/campuslife/event_e_item.gif);
  background-size: cover;
  position: absolute;
  left: min(6.4102564103vw, 25px);
  top: min(10.5128205128vw, 41px);
}
@media (min-width: 768px) {
  #event .container ul .event_e .item-Box .fig:before {
    width: min(4.25vw, 51px);
    height: min(47.5vw, 570px);
    left: min(2.5vw, 30px);
    top: min(4.9166666667vw, 59px);
  }
}
#event .container ul .event_e .item-Box .fig:after {
  background-image: url(../img/campuslife/event_11_sh.png);
}
#event .container ul .event_e .item-Box .fig .month {
  color: #71BF44;
  right: 0;
  bottom: -60px;
}
@media (min-width: 768px) {
  #event .container ul .event_e .item-Box .fig .month {
    right: min(-1.6666666667vw, -20px);
    bottom: -35px;
  }
}
#event .container ul .event_f h3 {
  top: -10px;
}
#event .container ul .event_f .item-Box .fig:before {
  content: "";
  display: inline-block;
  width: min(89.2307692308vw, 348px);
  height: min(59.4871794872vw, 232px);
  background-image: url(../img/campuslife/event_f_item.gif);
  background-size: cover;
  position: absolute;
  right: 0px;
  top: min(5.1282051282vw, 20px);
}
@media (min-width: 768px) {
  #event .container ul .event_f .item-Box .fig:before {
    width: min(42.3333333333vw, 508px);
    height: min(28.1666666667vw, 338px);
  }
}
#event .container ul .event_f .item-Box .fig:after {
  background-image: url(../img/campuslife/event_11-2_sh.png);
}
#event .container ul .event_f .item-Box .fig .month {
  color: #71BF44;
  right: 0;
  top: -80px;
}
@media (min-width: 768px) {
  #event .container ul .event_f .item-Box .fig .month {
    top: min(-6.6666666667vw, -80px);
  }
}
#event .container ul .event_g h3 {
  top: -25px;
}
#event .container ul .event_g .item-Box .fig:before {
  content: "";
  display: inline-block;
  width: min(84.8717948718vw, 331px);
  height: min(97.4358974359vw, 380px);
  background-image: url(../img/campuslife/event_g_item.gif);
  background-size: cover;
  position: absolute;
  right: 0;
  top: -20px;
}
@media (min-width: 768px) {
  #event .container ul .event_g .item-Box .fig:before {
    width: min(33.1666666667vw, 398px);
    height: min(37.9166666667vw, 455px);
    left: min(6.6666666667vw, 80px);
  }
}
#event .container ul .event_g .item-Box .fig:after {
  background-image: url(../img/campuslife/event_3_sh.png);
}
#event .container ul .event_g .item-Box .fig .month {
  color: #F7941D;
  right: 0;
  bottom: -47px;
}
@media (min-width: 768px) {
  #event .container ul .event_g .item-Box .fig .month {
    right: min(-1.6666666667vw, -20px);
    bottom: -48px;
  }
}
#event .container ul .event_other .item-Box .fig {
  text-align: center;
}
#event .container ul .event_other .item-Box .fig img {
  width: 70%;
}

#schedule {
  background-image: url(../img/campuslife/stripes_bg.jpg);
  overflow: hidden;
}
@media (min-width: 768px) {
  #schedule {
    padding: 50px 0;
  }
}
#schedule h2 {
  margin-left: min(2.5641025641vw, 10px);
  height: 11px;
}
@media (min-width: 768px) {
  #schedule h2 {
    margin-left: min(4.1666666667vw, 50px);
    height: 33px;
  }
}
#schedule h2 img {
  width: auto;
}
#schedule h2::after {
  left: 115px;
}
@media (min-width: 768px) {
  #schedule h2::after {
    left: 320px;
  }
}
#schedule > p {
  font-size: min(7.6923076923vw, 30px);
  font-weight: bold;
  margin-top: min(5.1282051282vw, 20px);
  margin-left: min(3.8461538462vw, 15px);
  font-family: "c-logo";
  font-weight: normal;
}
@media (min-width: 768px) {
  #schedule > p {
    margin-left: min(5vw, 60px);
    font-size: min(3.75vw, 45px);
    margin-top: min(3.3333333333vw, 40px);
  }
}
#schedule > p span {
  display: block;
  font-size: min(5.1282051282vw, 20px);
  margin-top: min(3.8461538462vw, 15px);
}
@media (min-width: 768px) {
  #schedule > p span {
    font-size: min(2.5vw, 30px);
    margin-top: min(1.6666666667vw, 20px);
  }
}
#schedule .container {
  padding: 30px 0 50px;
}
@media (min-width: 768px) {
  #schedule .container {
    max-width: 1200px;
    padding: 50px 0;
  }
}
@media (min-width: 768px) {
  #schedule .container dl {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
#schedule .container dl > div {
  display: flex;
  padding: min(4.8717948718vw, 19px) 0 min(1.2820512821vw, 5px);
  border-bottom: solid 1px #9B9B9B;
}
@media (min-width: 768px) {
  #schedule .container dl > div {
    width: 48%;
  }
}
#schedule .container dl > div dt {
  width: 20%;
  font-size: min(10.2564102564vw, 40px);
  font-weight: bold;
}
@media (min-width: 768px) {
  #schedule .container dl > div dt {
    font-size: min(5.25vw, 63px);
    max-width: 100px;
  }
}
#schedule .container dl > div dt img {
  width: auto;
  height: auto;
}
#schedule .container dl > div dt span {
  font-size: 0.4em;
  margin-left: min(1.2820512821vw, 5px);
}
#schedule .container dl > div dd {
  width: 80%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#schedule .container dl > div dd ul {
  font-size: min(3.5897435897vw, 14px);
}
@media (min-width: 768px) {
  #schedule .container dl > div dd ul {
    font-size: min(1.75vw, 21px);
  }
}
#schedule .container dl > div dd ul li {
  padding: min(0.5128205128vw, 2px) 0px;
}
@media (min-width: 768px) {
  #schedule .container dl > div dd ul li {
    padding: min(0.4166666667vw, 5px) 0;
  }
}
#schedule .container dl > div dd > p {
  width: min(23.0769230769vw, 90px);
  text-align: center;
  line-height: 1.2;
  font-size: min(3.5897435897vw, 14px);
  background: #FF88FF;
  color: #fff;
  font-weight: bold;
  border-radius: 20px;
  padding: min(1.2820512821vw, 5px) 0;
  font-weight: 500;
}
@media (min-width: 768px) {
  #schedule .container dl > div dd > p {
    font-size: min(1.5vw, 18px);
    width: min(12.25vw, 147px);
  }
}
#schedule .container dl .apr dt {
  color: #F186A7;
}
#schedule .container dl .apr dd ul li span {
  color: #F186A7;
}
#schedule .container dl .may dt {
  color: #8A73B3;
}
#schedule .container dl .may dd ul li span {
  color: #8A73B3;
}
#schedule .container dl .jul dt {
  color: #007DC6;
}
#schedule .container dl .jul dd ul li span {
  color: #007DC6;
}
#schedule .container dl .aug dt {
  color: #05BCF2;
}
#schedule .container dl .aug dd ul li span {
  color: #05BCF2;
}
#schedule .container dl .sep dt {
  color: #01B7C1;
}
#schedule .container dl .sep dd ul li span {
  color: #01B7C1;
}
#schedule .container dl .nov dt {
  color: #71BF44;
}
#schedule .container dl .nov dd ul li span {
  color: #71BF44;
}
#schedule .container dl .feb dt {
  color: #A6CE38;
}
#schedule .container dl .feb dd ul li span {
  color: #A6CE38;
}
#schedule .container dl .mar dt {
  color: #F7941D;
}
#schedule .container dl .mar dd ul li span {
  color: #F7941D;
}

#shownews .container {
  max-width: 1000px;
}
#shownews .container h2 {
  width: 85%;
  max-width: min(89.7435897436vw, 350px);
  margin: 0 auto;
}
@media (min-width: 768px) {
  #shownews .container h2 {
    max-width: 450px;
  }
}
#shownews .container .newsbox .tabs {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: min(2.5641025641vw, 10px);
  width: 95%;
  max-width: min(153.8461538462vw, 600px);
  margin: min(7.6923076923vw, 30px) auto;
}
#shownews .container .newsbox .tabs .tab {
  width: 48%;
  cursor: pointer;
  font-weight: bold;
  font-size: min(3.5897435897vw, 14px);
  text-align: center;
  padding: min(3.0769230769vw, 12px) 0;
  background: #000;
  border-radius: min(4.6153846154vw, 18px);
  line-height: 1;
  color: #fff;
  transition: opacity 0.3s ease;
}
@media (min-width: 768px) {
  #shownews .container .newsbox .tabs .tab:hover {
    opacity: 0.8 !important;
  }
}
@media (min-width: 768px) {
  #shownews .container .newsbox .tabs .tab {
    font-size: clamp(18px, 1.6666666667vw, 20px);
    padding: 15px 0;
    border-radius: 26px;
  }
}
#shownews .container .newsbox .tabs .all {
  background: linear-gradient(#5FC706, #8ED3AE);
}
#shownews .container .newsbox .tabs .open-campus {
  background: linear-gradient(#E677AF, #F441E5);
}
#shownews .container .newsbox .tabs .info {
  background: linear-gradient(#2FBFD9, #77F5FA);
}
#shownews .container .newsbox .tabs .campus-life {
  background: linear-gradient(#9677E6, #6131F1);
}
#shownews .container .newsbox .tab-content {
  display: none;
}
#shownews .container .newsbox .tab-content.active {
  display: block;
}
@media (min-width: 768px) {
  #shownews .container .newsbox .tab-content .content .flex-Box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 35px 0;
  }
}
@media (min-width: 768px) {
  #shownews .container .newsbox .tab-content .content .flex-Box li {
    width: 48%;
  }
}
#shownews .container .newsbox .tab-content .content .flex-Box li a {
  display: block;
  position: relative;
  transition: all 0.3s;
}
@media (min-width: 768px) {
  #shownews .container .newsbox .tab-content .content .flex-Box li a:hover figure img {
    transform: scale(1.05);
  }
}
#shownews .container .newsbox .tab-content .content .flex-Box li a::after {
  content: "";
  width: 33px;
  height: 33px;
  background-image: url(../img/front-page/shownews_arrow.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  bottom: 0;
  right: 0;
}
#shownews .container .newsbox .tab-content .content .flex-Box li a figure {
  overflow: hidden;
}
#shownews .container .newsbox .tab-content .content .flex-Box li a figure img {
  aspect-ratio: 326/212;
  object-fit: cover;
  transition: all 0.5s ease;
}
#shownews .container .newsbox .tab-content .content .flex-Box li a .other {
  margin-top: 10px;
}
#shownews .container .newsbox .tab-content .content .flex-Box li a .other .catego {
  font-size: 14px;
  line-height: 1;
  background: #000000;
  padding: 8px 15px;
  border-radius: 18px;
  min-width: 100px;
  display: inline-block;
  text-align: center;
  color: #fff;
  font-weight: bold;
  margin-right: 10px;
  margin-bottom: 5px;
}
#shownews .container .newsbox .tab-content .content .flex-Box li a .other .open-campus {
  background: linear-gradient(#E677AF, #F441E5);
}
#shownews .container .newsbox .tab-content .content .flex-Box li a .other .campus-life {
  background: linear-gradient(#9677E6, #6131F1);
}
#shownews .container .newsbox .tab-content .content .flex-Box li a .other .internship {
  background: linear-gradient(#77D0E6, #4E80FF);
}
#shownews .container .newsbox .tab-content .content .flex-Box li a .other .lesson {
  background: linear-gradient(#77E6A7, #01B826);
}
#shownews .container .newsbox .tab-content .content .flex-Box li a .other .current-student {
  background: linear-gradient(#C8E677, #D6B006);
}
#shownews .container .newsbox .tab-content .content .flex-Box li a .other .graduate {
  background: linear-gradient(#E67777, #BD3900);
}
#shownews .container .newsbox .tab-content .content .flex-Box li a .other .info {
  background: linear-gradient(#2FBFD9, #77F5FA);
}
#shownews .container .newsbox .tab-content .content .flex-Box li a .other .offer {
  background: linear-gradient(#9677E6, #6131F1);
}
#shownews .container .newsbox .tab-content .content .flex-Box li a .other .today {
  background: linear-gradient(#77D0E6, #4E80FF);
}
#shownews .container .newsbox .tab-content .content .flex-Box li a .other .other {
  background: linear-gradient(#77E6A7, #01B826);
}
#shownews .container .newsbox .tab-content .content .flex-Box li a .other .kpop {
  background: linear-gradient(#E677AF, #F441E5);
}
#shownews .container .newsbox .tab-content .content .flex-Box li a .other .vocal {
  background: linear-gradient(#E67777, #BD3900);
}
#shownews .container .newsbox .tab-content .content .flex-Box li a .other .sound {
  background: linear-gradient(#77D0E6, #4E80FF);
}
#shownews .container .newsbox .tab-content .content .flex-Box li a .other .soundc {
  background: linear-gradient(#9677E6, #6131F1);
}
#shownews .container .newsbox .tab-content .content .flex-Box li a .other .dance {
  background: linear-gradient(#C8E677, #D6B006);
}
#shownews .container .newsbox .tab-content .content .flex-Box li a .other .musician {
  background: linear-gradient(#77E6A7, #01B826);
}
#shownews .container .newsbox .tab-content .content .flex-Box li a .other .video {
  background: linear-gradient(#C8E677, #D6B006);
}
#shownews .container .newsbox .tab-content .content .flex-Box li a .other .business {
  background: linear-gradient(#E67777, #BD3900);
}
#shownews .container .newsbox .tab-content .content .flex-Box li a .other .lighting {
  background: linear-gradient(#E677AF, #F441E5);
}
#shownews .container .newsbox .tab-content .content .flex-Box li a .other .day {
  display: block;
  margin: 7px 0;
}
#shownews .container .newsbox .tab-content .content .flex-Box li a .text {
  line-height: 1.5;
  font-weight: 500;
  width: 89%;
}
#shownews .container .newsbox .tab-content .content .flex-Box li + li {
  margin-top: 30px;
}
@media (min-width: 768px) {
  #shownews .container .newsbox .tab-content .content .flex-Box li + li {
    margin-top: 0;
  }
}
#shownews .container .shownews_more {
  margin: 35px auto 0;
  max-width: 400px;
}
#shownews .container .shownews_more a {
  display: block;
  background: #fff;
  border: solid 1px #000;
  border-radius: 19px;
  font-size: 19px;
  text-align: center;
  color: #000;
  font-weight: bold;
  line-height: 1;
  padding: 15px 20px;
  position: relative;
  transition: all 0.3s;
}
@media (min-width: 768px) {
  #shownews .container .shownews_more a:hover {
    transform: scale(1.05);
  }
}
#shownews .container .shownews_more a:after {
  content: "";
  display: inline;
  width: 20px;
  height: 20px;
  background-image: url(../img/front-page/lineBtn_arrow.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translate(0, -50%);
}

/* shownews */
#sns {
  background: linear-gradient(to bottom right, #fdffd1, #f8ff56, #FE89D5);
}
#sns .container h2 {
  text-align: center;
  font-size: min(6.9230769231vw, 27px);
  line-height: 1.4;
  font-family: "c-logo";
  font-weight: normal;
}
@media (min-width: 768px) {
  #sns .container h2 {
    font-size: min(3.3333333333vw, 40px);
  }
}
#sns .container .tiktok-Box {
  margin: min(11.5384615385vw, 45px) auto;
}
@media (min-width: 768px) {
  #sns .container .tiktok-Box .flex-Box {
    gap: 50px;
    display: flex;
    justify-content: center;
  }
}
#sns .container .tiktok-Box .flex-Box .tiktok-item {
  border-radius: min(3.0769230769vw, 12px);
  overflow: hidden;
  /* box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); */
  background-color: #ffffff;
  padding: min(3.0769230769vw, 12px) 0;
  max-width: min(89.7435897436vw, 350px);
  width: 89.7435897436vw;
  margin: min(5.1282051282vw, 20px) auto;
}
@media (min-width: 768px) {
  #sns .container .tiktok-Box .flex-Box .tiktok-item {
    margin: 0;
    width: 350px;
  }
}
#sns .container .tiktok-Box .flex-Box .tiktok-item blockquote {
  margin: 0;
}
#sns .container .tiktok-Box .flex-Box .tiktok-item + .tiktok-item {
  margin-top: min(5.1282051282vw, 20px);
}
@media (min-width: 768px) {
  #sns .container .tiktok-Box .flex-Box .tiktok-item + .tiktok-item {
    margin-top: 0;
  }
}
#sns .container .tiktok-Box > a {
  display: block;
  max-width: min(102.5641025641vw, 400px);
  margin: min(12.8205128205vw, 50px) auto 0;
}
@media (min-width: 768px) {
  #sns .container .tiktok-Box > a {
    transition: all 0.3s;
  }
  #sns .container .tiktok-Box > a:hover {
    transform: scale(1.05) !important;
  }
}
#sns .container .sns-Box {
  background: #fff;
  border-radius: 17px;
  padding: min(3.8461538462vw, 15px);
  margin: min(5.1282051282vw, 20px) auto 0;
  max-width: min(102.5641025641vw, 400px);
}
#sns .container .sns-Box > p {
  text-align: center;
  font-size: min(4.1025641026vw, 16px);
  margin-bottom: min(2.5641025641vw, 10px);
  font-weight: bold;
}
#sns .container .sns-Box ul {
  display: flex;
  justify-content: center;
  gap: 5%;
}
#sns .container .sns-Box ul li {
  width: 18%;
}
#sns .container .sns-Box ul li a {
  display: block;
  transition: all 0.3s;
}
#sns .container .sns-Box ul li a:hover {
  transform: scale(1.1);
}

#contact {
  background-image: url(../img/front-page/contact_bg.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
@media (min-width: 768px) {
  #contact {
    background-image: url(../img/front-page/contact_bg_pc.jpg);
  }
}
#contact .container {
  padding: 70px 0 110px;
}
@media (min-width: 768px) {
  #contact .container {
    padding: 100px 0 110px;
  }
}
#contact .container h2 {
  font-size: 25px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  font-family: "c-logo";
  font-weight: normal;
}
@media (min-width: 768px) {
  #contact .container h2 {
    font-size: clamp(45px, 4.1666666667vw, 50px);
  }
}
#contact .container .contact-list {
  margin: 45px auto 0;
  display: flex;
  align-items: center;
  flex-direction: column;
}
@media (min-width: 768px) {
  #contact .container .contact-list {
    margin: 100px auto 0;
    justify-content: space-between;
    flex-direction: row;
  }
}
#contact .container .contact-list li {
  max-width: 400px;
  width: 100%;
}
@media (min-width: 768px) {
  #contact .container .contact-list li {
    width: 32%;
  }
}
#contact .container .contact-list li a {
  display: block;
  border: solid 1px #fff;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  padding: 20px 0;
  border-radius: 18px;
  color: #fff;
  position: relative;
  transition: all 0.3s;
}
@media (min-width: 768px) {
  #contact .container .contact-list li a:hover {
    background: #4540a8;
  }
}
@media (min-width: 768px) {
  #contact .container .contact-list li a {
    font-size: clamp(16px, 2.0833333333vw, 25px);
    padding: 30px 0;
  }
}
#contact .container .contact-list li a:after {
  content: "";
  display: inline;
  width: 20px;
  height: 20px;
  background-image: url(../img/front-page/btn_arrow.svg);
  filter: invert(100%);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translate(0, -50%);
}
#contact .container .contact-list li + li {
  margin-top: 30px;
}
@media (min-width: 768px) {
  #contact .container .contact-list li + li {
    margin-top: 0;
  }
}

/* #contact *//*# sourceMappingURL=campuslife.css.map */