/*=====================================
 COMMON
=====================================*/

.brOnly576 { display: none;}

.about-content-btn__link::before { background: #E6217B;
  border: 5px solid #E6217B;}
.about-content-btn__link::after { border-color: transparent transparent transparent #E6217B; }

section { padding: 150px 0;}

.voice-title__lead { margin-bottom: 8vmax;}
.number-title__lead { margin-bottom: 5vmax;}


/*=====================================
 header
=====================================*/

.header-gnav-sns-list__item a { color: #E6217B}
.header-gnav-list__item a:hover { color: #E6217B; }

.header-gnav { position: relative;
  .topVisualLogo { position: absolute;
    width: 80%; height: 100%;
    inset: 1rem 0 0 0;
    margin: auto;
    opacity: .1;
    z-index: -1;}
}

.header-gnav__wrapper { width: min(880px, 90%);}

/*=====================================
 hero
=====================================*/

.hero {background: rgba(209,255,209,1);}

.hero__footer { background: #A6F0A6;}
.hero__footer p{ color: black;}
  
.hero__inner { text-align: center;}

.imgHeroLogo { width: clamp(576px, 95%, 100vw);}

/*=====================================
 about
=====================================*/

.about-figure img { width: 100%;}

/*=====================================
 facrity
=====================================*/

.faculty { padding: 100px 0; }

.faculty-title::before { top: -125px;
  left: -43rem;
  width: min(36rem, 45%);
  height: 28rem; }

.faculty-content-detail { width: 100%; max-width: none;
  margin: 0 0.4vw 0 0;}


.faculty-content-detail p:first-child { font-size: clamp(24px, 0.75rem + 1.5vw, 29px); }
.faculty-content-detail p:nth-child(2) { text-align: justify; }

.faculty-figure img { width: 100%;}

.faculty__01 .faculty-figure { margin-top: -8%;}

.faculty__03 .faculty-figure { margin-top: 50px;}



/*=====================================
 voice
=====================================*/
.voice { background: #D1FFD1;}

.voice-figure-person__ph picture { overflow: hidden;}

.voice-figure-person { width: 20vw;}

.img-voice_lead { width: 65%;}

.phVoiceImg { width: 95%;
  box-shadow: 7px 7px 0 #FFA1A1;
  /*border-radius: 0 0 25px;*/ }

.voice-figure-person__company { letter-spacing: 0;}

.voice__stack { margin-top: -5rem;
  padding-bottom: 5rem; }

.voice-content { margin-top: -3rem;}

.voice-content-title { margin-bottom: 3vmax;}



/*
.voice-content-detail {
  --x-gradient: linear-gradient(90deg, #E6217B 0 20px, transparent 0 calc(100% - 20px), #E6217B calc(100% - 20px));
  --y-gradient: linear-gradient(#E6217B 0 20px, transparent 0 calc(100% - 20px), #E6217B calc(100% - 20px));
  margin: 0.5rem;
  padding: 1rem 0.5rem 1rem 1.5rem;
  background-image:
      var(--x-gradient),
      var(--y-gradient),
      var(--x-gradient),
      var(--y-gradient);
  background-repeat: no-repeat;
  background-size: 100% 3px, 3px 100%, 100% 3px, 3px 100%;
  background-position: top, right, bottom, left;
}
*/

.voice-obj.__05 { width: 23rem;
  max-width: 20rem; height: 21rem;} /*width: 13vw*/

.voice-description__header { background: #FFA1A1;}

.voice-description-btn__link::before { background: #E6217B;
  border: 5px solid #E6217B; }

.voice-description-btn__link::after { border-color: transparent transparent transparent #E6217B;}

/*=====================================
CAMPUS
=====================================*/

.campus { background: #D1FFD1;}

.campus-video-btn__link::before { background: #E6217B;
  border: 5px solid #E6217B; }

.campus-video-btn__link::after { border-color: transparent transparent transparent #E6217B; }


/*=====================================
MEDIA
=====================================*/

@media screen and (max-width: 960px) {

  section { padding: 60px 0;}

  .brNon960 { display: none;}

  .faculty { padding-top: 0; }

  .faculty__header { margin-bottom: 50px;}

  .faculty__inner { overflow: hidden;}

  .faculty-title::before { position: static;
    width: 27rem;
    transform: inherit;
    height: 17rem;
    margin-left: -8rem; }

  .faculty-figure { position: absolute;
    top: 3rem; right: 3vw; }

  .faculty__01 { margin-top: 100px;}

  .faculty__01 .faculty-figure { margin-top: -15%;}

  .faculty__03 .faculty-figure { margin-top: -150px;
    margin-right: -15px;}

  .img-voice_lead { width: 100%;}


  } /* media 960 end*/

@media screen and (max-width: 768px) {

  .about-content-btn__link { padding: 15px 30px 15px 15px; }

  .faculty { padding: 0 0 50px 0; }

  .faculty__header { margin-bottom: 0;}

  .faculty-figure { position: static;}

  .voice-figure-person { width: 100vw;}

  .faculty__01 .faculty-figure, .faculty__02 .faculty-figure, .faculty__03 .faculty-figure 
  { width: 100%; margin: auto auto 3rem;}

  .voice-content { margin-top: 0;}

  .voice-obj.__05 { width: -webkit-fill-available;}

  .campus-obj.__01 { top: -3%;}
  
} /* media 768 end*/

@media screen and (max-width: 576px) {

.brNon576 { display: none;}
.brOnly576 { display: block;}

.header-gnav__wrapper { padding: 120px 31px;}

.hero { height: 924px;}

.voice-title__lead { margin-bottom: 9rem;}
.number-title__lead { margin-bottom: 0;}

.number__body { margin-top: -2rem;}

.faculty-title::before { margin-left: -8rem; 
  width: 31rem;
  height: 15rem;}
 
.faculty-title__h3 { font-size: 21px; }  

.faculty__stack { padding: 0 5% 140px;}

.faculty__01::after, .faculty__02::after, .faculty__03::after { top:-6rem;
  height: 103%;
  width: 120vw;
  left: -3rem;}

.img-voice_lead { width: 75%;}

.voice-obj.__05 { max-width: 15rem; height: 16rem;}

.voice-content { width: 86%;}

.voice-figure-person-content { position: relative; top: 1rem;}

.voice-figure-person__career li { margin-top: -1rem;}

.voice-figure-person__company { margin-top: 1rem;}

/*
.voice__stack:nth-child(even) .phVoiceImg { border-radius: 0 0 0 25px;}
*/

.voice__stack:nth-child(2n) .voice-figure-person { margin-top: -60px;}

.campus-obj.__01 { top: 2%;}

.about-figure  { width: 106vw; overflow: hidden;
  margin: 0 calc(45% - 50vw) 6rem;}

} /* media 576 end*/