@charset "UTF-8";
/* ----------------------------------------------------------mv */
#case-study {
  background-color: #f3fcfc;
  color: #333;
}

.student .interview_headings {
  color: #ff6e82;
  border-left: #ff6e82 solid 8px;
}
.student .interview_list-headings {
  background-color:#ff9daa;
}

.student .interview_name {
  background-color: #ff6e82;
}

.student .line {
  background-image: -webkit-linear-gradient(left, transparent 50%, rgba(255, 107, 107, 0.3) 50%);
  background-image: -moz-linear-gradient(left, transparent 50%, rgba(255, 107, 107, 0.3) 50%);
  background-image: -ms-linear-gradient(left, transparent 50%, rgba(255, 107, 107, 0.3) 50%);
  background-image: -o-linear-gradient(left, transparent 50%, rgba(255, 107, 107, 0.3) 50%);
  background-image: linear-gradient(left, transparent 50%, rgba(255, 107, 107, 0.3) 50%);
  background-repeat: repeat-x;
  background-size: 200% 50%;
  background-position: 0 bottom;
  transition: all 1.5s ease .5s;
}

.is-active .student .line {
  background-position: -100% bottom;
}

/* ----------------------------------------------------------school */
.school {
  padding-top: 15.333333333333334vw;
  margin-bottom: 6.666666666666667vw;
}

.school .inner {
  width: 100vw;
}

.school_headings {
  font-size: 8.533333333333333vw;
  letter-spacing: 0.1em;
  color: #5bd1d6;
  text-align: center;
  position: relative;
  margin-bottom: 10.666666666666666vw;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translate(0, 30px);
  -webkit-transform-style: preserve-3d;
  backface-visibility: hidden;
  filter: alpha(opacity=0);
  opacity: 0;
  transform: translate(0, 30px);
  transform-style: preserve-3d;
  -webkit-transition: all .8s linear 0s;
  -ms-transition: all .8s linear 0s;
  -moz-transition: all .8s linear 0s;
  transition: all .8s linear 0s;
}

.school_headings.is-show {
  -webkit-transform: translate(0, 0);
  filter: alpha(opacity=100);
  opacity: 1;
  transform: translate(0, 0);
  text-align: center;
}

.school_headings::before {
  display: block;
  content: '';
  background-image: url(../images/icon_voice_sp@2x.png);
  background-size: 8.8vw 5.6vw;
  width: 8.8vw;
  height: 5.6vw;
  position: absolute;
  top: -9.333333333333334vw;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  z-index: 1;
}

.school_inner {
  display: block;
  height: 165.66666666666666vw;
  background-color: #fff;
  border-radius: 0 80px 80px 0;
  width: 94.66666666666667vw;
  z-index: -1;
  overflow: hidden;
}

.school02 .school_inner {
  height: 172.5vw;
}

.school03 .school_inner {
  height: 190vw;
}

.school04 .school_inner {
  height: 180vw;
}

.school05 .school_inner {
  height: 176vw;
}

.school06 .school_inner {
  height: 180vw;
}

.school07 .school_inner {
  height: 178vw;
}

.school08 .school_inner {
  height: 208vw;
}

.school09 .school_inner {
  height: 185vw;
}

.school10 .school_inner {
  height: 190vw;
}

.school11 .school_inner {
  height: 195vw;
}

.school12 .school_inner {
  height: 198vw;
}

.school_left {
  width: 78.4vw;
  padding-top: 9.333333333333334vw;
  margin: 0 10.666666666666666vw;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translate(0, 30px);
  -webkit-transform-style: preserve-3d;
  backface-visibility: hidden;
  filter: alpha(opacity=0);
  opacity: 0;
  transform: translate(0, 30px);
  transform-style: preserve-3d;
  -webkit-transition: all .8s linear 0s;
  -ms-transition: all .8s linear 0s;
  -moz-transition: all .8s linear 0s;
  transition: all .8s linear 0s;
}

.school_left.is-show {
  -webkit-transform: translate(0%, 0);
  filter: alpha(opacity=100);
  opacity: 1;
  transform: translate(0%, 0);
}

.school_text {
  font-size: 3.7333333333333334vw;
  line-height: 1.78;
  letter-spacing: 0.05em;
}

.school_title {
  font-size: 5.866666666666666vw;
  line-height: 1.59;
  font-weight: 800;
  letter-spacing: 0.05em;
  margin: 0 auto 4vw;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translate(0, 30px);
  -webkit-transform-style: preserve-3d;
  backface-visibility: hidden;
  filter: alpha(opacity=0);
  opacity: 0;
  transform: translate(0, 30px);
  transform-style: preserve-3d;
  -webkit-transition: all 1s linear 0s;
  -ms-transition: all 1s linear 0s;
  -moz-transition: all 1s linear 0s;
  transition: all 1s linear 0s;
}

.is-show .school_title {
  -webkit-transform: translate(0, 0);
  filter: alpha(opacity=100);
  opacity: 1;
  transform: translate(0, 0);
}

.school_title::before,
.school04 .school_title::after,
.school08 .school_title::after,
.school10 .school_title::after {
	display: block;
	position: absolute;
	content: '';
	bottom: 4px;
	left: -2px;
	height: 10px;
	background-color: rgba(91, 209, 214, 0.75);
  border-radius: 5px;
	z-index: -1;
	width: 0;
	transition: all .5s ease .5s;
}

.is-show .school_title::before {
	width: 49.6vw;
	position: absolute;
	left: -2px;
	bottom: 4px;
}

.school02 .is-show .school_title::before {
  width: 69vw;
}

.school04 .is-show .school_title::after {
  width: 56vw;
	position: absolute;
	left: -2px;
	top: 22px;
}

.school05 .is-show .school_title::before,
.school06 .is-show .school_title::before {
  width: 63vw;
}

.school08 .is-show .school_title::after {
  width: 38vw;
	position: absolute;
	left: -2px;
	top: 22px;
}

.school10 .is-show .school_title::after {
  width: 57vw;
	position: absolute;
	left: -2px;
	top: 22px;
}

.school09 .is-show .school_title::before {
  width: 75vw;
}

.school10 .is-show .school_title::before {
  width: 26vw;
}

.school11 .is-show .school_title::before {
  width: 63vw;
}

.school12 .is-show .school_title::before {
  width: 38vw;
}

.name_list {
  font-size: 3.466666666666667vw;
  line-height: 1.61;
  letter-spacing: 0.05em;
  margin-top: 2vw;
}

.name_list-item {
  display: flex;
  justify-content: start;
}

.name_list-item .position {
  width: 21.333333333333332vw;
}

.school03 .name_list-item .position,
.school05 .name_list-item .position,
.school08 .name_list-item .position,
.school12 .name_list-item .position {
  width: 50%;
}
.school08 .name_list-item .position {
  margin-right: 2vw;
}

.school_right {
  width: 78.4vw;
  margin: 6.666666666666667vw 10.666666666666666vw 0;
  position: relative;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translate(0%, 30px);
  -webkit-transform-style: preserve-3d;
  backface-visibility: hidden;
  filter: alpha(opacity=0);
  opacity: 0;
  transform: translate(0%, 30px);
  transform-style: preserve-3d;
  -webkit-transition: all .8s linear 0s;
  -ms-transition: all .8s linear 0s;
  -moz-transition: all .8s linear 0s;
  transition: all .8s linear 0s;
}

.school_right.is-show {
  -webkit-transform: translate(0%, 0);
  filter: alpha(opacity=100);
  opacity: 1;
  transform: translate(0%, 0);
}

.school_ph {
  width: 53.333333333333336vw;
  height: 40vw;
  box-shadow: 0 5px 8px 5px rgba(0,0,0,.05);
}

.school_ph.ph-1 {
  -webkit-backface-visibility: hidden;
  -webkit-transform: translate(0, 30px);
  -webkit-transform-style: preserve-3d;
  backface-visibility: hidden;
  filter: alpha(opacity=0);
  opacity: 0;
  transform: translate(0, 30px);
  transform-style: preserve-3d;
  -webkit-transition: all 1s linear 0s;
  -ms-transition: all 1s linear 0s;
  -moz-transition: all 1s linear 0s;
  transition: all 1s linear 0s;
}

.school_ph.ph-2 {
  -webkit-backface-visibility: hidden;
  -webkit-transform: translate(0, 30px);
  -webkit-transform-style: preserve-3d;
  backface-visibility: hidden;
  filter: alpha(opacity=0);
  opacity: 0;
  transform: translate(0, 30px);
  transform-style: preserve-3d;
  -webkit-transition: all 1s linear .5s;
  -ms-transition: all 1s linear .5s;
  -moz-transition: all 1s linear .5s;
  transition: all 1s linear .5s;
}

.is-show .school_ph.ph-1 {
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transform: translate(0, 0);
  filter: alpha(opacity=100);
  opacity: 1;
  transform: translate(0, 0);
}

.is-show .school_ph.ph-2 {
  position: absolute;
  top: 22.666666666666668vw;
  left: 0;
  z-index: 5;
  box-shadow: 0 5px 8px 5px rgba(0,0,0,.05);
  -webkit-transform: translate(0, 0);
  filter: alpha(opacity=100);
  opacity: 1;
  transform: translate(0, 0);
}

.school03 .is-show .school_ph.ph-2 {
  top: 32vw;
}

.school05 .is-show .school_ph.ph-2 {
  top: 33vw;
}

.school11 .is-show .school_ph.ph-2 {
  top: 25vw;
}

.school12 .is-show .school_ph.ph-2 {
  top: 28vw;
}

.school .caption {
  font-size: 2.6666666666666665vw;
  line-height: 20px;
  letter-spacing: 0.05em;
  position: absolute;
  left: 0;
  top: 66vw;
}

.school03 .school .caption {
  top: 73vw;
}

.school05 .school .caption {
  top: 75vw;
}

.school12 .school .caption {
  top: 70vw;
}

/* ----------------------------------------------------------interview */
.interview .inner {
  background-color: #fff;
  width: 94.66666666666667vw;
  margin: 0 auto 15.333333333333334vw;
  padding: 10.666666666666666vw 2.6666666666666665vw;
}

.interview_headings {
  /* margin-left: 5.333333333333333vw; */
  font-size: 5.866666666666666vw;
  line-height: 1.59;
  letter-spacing: 0.05em;
  font-weight: 800;
  color: #5bd1d6;
  padding-left: 5.333333333333333vw;
  border-left: #5bd1d6 solid 8px;
  margin-bottom: 5.333333333333333vw;
}

.interview_wrap {
  display: flex;
}

.interview_left {
  width: 16vw;
  margin-right: 4vw;
}

.interview_ph {
  width: 16vw;
  margin-bottom: 2.6666666666666665vw;
}

.interview_right {
  width: 69.33333333333333vw;
}

.interview_name {
  text-align: center;
  font-size: 2.6666666666666665vw;
  line-height: 1.5;
  letter-spacing: 0.05em;
  color: #fff;
  background-color: #5bd1d6;
  padding: 1.3333333333vw 2vw;
  border-radius: 6px;
}

.interview_text {
  font-size: 3.7333333333333334vw;
  line-height: 1.785;
  letter-spacing: 0.05em;
}

.interview_credit {
  font-size: 3.466666666666667vw;
  line-height: 1.6;
  letter-spacing: 0.05em;
  margin-top: 4vw;
}

.interview_text span {
  font-weight: 800;
}

.interview_sub {
  margin-left: 20vw;
}

.school02 .interview_sub,
.school03 .interview_sub,
.school04 .interview_sub {
  margin-left: 10vw;
}

.interview_list-headings {
  font-size: 3.7333333333333334vw;
  letter-spacing: 0.05em;
  width: 69.33333333333333vw;
  border-radius: 15px;
  background-color: #ade8ea;
  color: #333;
  padding: 1.33333vw 4vw;
  margin: 4vw auto 2vw;
}

.school02 .interview_list-headings {
  padding: 1.33333vw 3.2vw;
}

.school03 .interview_list-headings,
.school04 .interview_list-headings {
  width: 78vw;
  padding: 1.33333vw 3.2vw;
}

.school04 .interview_list-headings,
.school05 .interview_list-headings,
.school06 .interview_list-headings,
.school07 .interview_list-headings,
.school09 .interview_list-headings,
.school10 .interview_list-headings,
.school11 .interview_list-headings,
.school12 .interview_list-headings {
  width: 100%;
}

.interview_list-lead {
  font-size: 4.266666666666667vw;
  line-height: 1.375;
  letter-spacing: 0.05em;
  font-weight: 800;
  color: #5bd1d6;
  margin: 3.3333333333333335vw 0;
}

.interview_1,
.interview_2,
.interview_3,
.interview_4,
.interview_5,
.interview_6,
.interview_detail {
  margin-bottom: 8vw;
}

.interview_illust {
  margin: 4vw auto 2vw;
}

.school01 .interview_1 .interview_illust {
  width: 78.33333333333333vw;
  height: 36.6vw;
}

.school02 .interview_1 .interview_illust {
  width: 77vw;
  height: 37vw;
}

.interview_3 .interview_illust {
  width: 77vw;
  height: 37vw;
}

.interview_4 .interview_illust {
  width: 88.26666666666667vw;
  height: 36.8vw;
}

.school08 .interview_3 .interview_illust,
.school09 .interview_3 .interview_illust,
.school08 .interview_4 .interview_illust,
.school09 .interview_4 .interview_illust,
.school11 .interview_3 .interview_illust,
.school11 .interview_4 .interview_illust,
.school12 .interview_3 .interview_illust,
.school12 .interview_4 .interview_illust {
  width: auto;
  height: auto;
}

.school03 .interview_3,
.school06 .interview_10,
.school07 .interview_8 {
  border-top: 2px solid #5bd1d6;
  padding-top: 8vw;
  width: 100%;
}

.school02 .interview_sub .interview_illust {
  height: 45vw;
}

.school02 .interview_sub .interview_illust img {
  margin: 0 0 0 -35%;
  width: 400px;
}

.other_school_list-ph {
  width: 78.66666666666667vw;
}

.interview_share .headings {
  font-size: 4.266666666666667vw;
  line-height: 1.375;
  letter-spacing: 0.05em;
  text-align: center;
  margin-bottom: 4.666666666666667vw;
}

.interview_share {
  width: 53.333333333333336vw;
  padding: 4vw 8vw;
  border-radius: 10px;
  border: 2px solid #5bd1d6;
  margin: 0 auto;
}

.interview_share .share_list {
  display: flex;
}

.school02 .interview_sub .interview_left{
  display:inline-block;
  vertical-align: top;
}

.school02 .interview_sub .interview_text{
  display:inline-block;
  width: 60%;
  margin-bottom: 2vw;
}

.share_list-item {
  margin: 0 auto;
}

.share_list-item a {
  width: 7.066666666666666vw;
  height: 7.066666666666666vw;
  margin-right: 6.666666666666667vw;
}

.share_list-item:last-child a {
  margin-right: 0;
}

.share_icon {
  font-size: 7.066666666666666vw;
}

.icon_line {
  color: #00b800;
}

.icon_facebook {
  color: #1877f2;
}

.icon_twitter::before {
  font: var(--fa-font-brands);
  content: '\e61a';
  font-size: 7.066666666666666vw;
  color: #000;
  display: block;
}

/* ----------------------------------------------------- other_school */
.other_school .inner {
  position: relative;
  padding-bottom: 18vw;
}

.btn-school {
  display:block;
  width: 64vw;
  margin:0 auto;
  position: relative;
}

.btn-school a {
  display: inline-block;
  text-align: center;
  color: #fff;
  width: 64vw;
  height: 13.333333333333334vw;
  background-color: #5bd1d6;
  letter-spacing: 0.03em;
  font-size: 4vw;
  line-height: 13.333333333333334vw;
  border-radius: 5px;
}

.btn-school::after {
  display: block;
  content: '';
  background-image: url('../images/school_btn-arrow_sp@2x.png');
  background-size: 1.3333333333333333vw 2.6666666666666665vw;
  width: 1.3333333333333333vw;
  height: 2.6666666666666665vw;
  position: absolute;
  top: 50%;
  right: 4vw;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}

/* ----------------------------------------------------------swiper */
.swiper {
  margin: 10.666vw auto 0;
  overflow: hidden;
  width: 100%;
}

.swiper-inner {
  width: 100%;
  margin: 0 auto;
}

.swiper-wrapper {
  width: 100%;
  margin: 0 auto;
}

.swiper-wrapper.no-swiper {
  display: flex;
  justify-content: center;
}

.swiper-slide {
  width: 78.66666666666667vw;
  height: auto;
  box-sizing: border-box;
  margin: 0 auto 8vw;
  padding: 0 10.6666vw;
  display: inline-block;
}

.swiper-slide .slider_wrapper {
  width: 100%;
  height: 100%;
  background-color: #fff;
  border-radius: 14px;
  box-shadow: 0 5px 8px 5px rgb(0 0 0 / 5%);
}

.swiper-button-next:after,
.swiper-button-prev:after {
  content:''
}

.swiper-button-next,
.swiper-button-prev {
  display: block;
  top: 50%;
  transform: translateY(-50%);
  background-size: 12vw 12vw;
  width: 12vw;
  height: 12vw;
  z-index: 5;
}

.swiper-button-next {
  background-image: url('../images/arrow_next@2x.png');
  right: 2.4vw;
}

.swiper-button-prev {
  background-image: url('../images/arrow_prev@2x.png');
  left: 2.4vw;
}

.school_list-text {
  padding: 6.666666666666667vw 4.666666666666667vw 8vw;
}

.school_list-name {
  font-size: 5.333333333333333vw;
  letter-spacing: 0.1em;
  font-weight: 900;
  margin-bottom: 3.3333333333333335vw;
}

.school_list-caption {
  font-size: 3.466666666666667vw;
  letter-spacing: 0.05em;
  margin-bottom: 3.3333333333333335vw;
}

.btn-top {
  position: relative;
  margin-top: 25vw;
}

.btn-top a {
  z-index: 10;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 16vw;
  height: 16vw;
  font-size: 3.7333333333333334vw;
  letter-spacing: 0.03em;
  text-align: center;
  display: block;
  background-color: #fff;
  border-radius: 50%;
  box-shadow: 0 10px 10px rgba(0,0,0,.1);
  color: #5bd1d6;
  position: absolute;
  bottom: 4.333vw;
  left: 50%;
  transform: translateX(-50%);
  padding-top: 7vw;
}

.btn-top a::before {
  z-index: 10;
  display: block;
  content: "";
  background-image: url(../images/btn_top-arrow@2x.png);
  background-size: 3.2vw 2.1333333333333333vw;
  width: 3.2vw;
  height: 2.1333333333333333vw;
  position: absolute;
  top: 4vw;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}

.other_school .btn-top a {
  bottom: 0;
}


/* ----------------------------------------------------------contact */
.contact {
  background: linear-gradient( to right, #6acffe, #5bd1d6);
  color: #fff;
  padding: 13.333333vw 0;
  text-align: center;
}

.contact_lead {
  font-size: 6.13333vw;
  line-height: 1.527139;
  margin-bottom: 10vw;
  letter-spacing: 0.05em;
}

.btn-request-contact {

}

.btn-request-contact a {
  color: #5bd1d6;
  font-size: 5.3333vw;
  line-height: 16vw;
  background-color: #fff;
  width: 78.66666vw;
  height: 16vw;
}

.line {
  background-image: -webkit-linear-gradient(left, transparent 50%, rgba(91, 209, 214, 0.3) 50%);
  background-image: -moz-linear-gradient(left, transparent 50%, rgba(91, 209, 214, 0.3) 50%);
  background-image: -ms-linear-gradient(left, transparent 50%, rgba(91, 209, 214, 0.3) 50%);
  background-image: -o-linear-gradient(left, transparent 50%, rgba(91, 209, 214, 0.3) 50%);
  background-image: linear-gradient(left, transparent 50%, rgba(91, 209, 214, 0.3) 50%);
  background-repeat: repeat-x;
  background-size: 200% 50%;
  background-position: 0 bottom;
  transition: all 1.5s ease .5s;
}

.is-active .line {
  background-position: -100% bottom;
}

.school_movie {
  margin: 4vw auto 0;
  text-align: center;
}
.school_movie iframe {
  width: 89.33333333333333vw;
  height: 50.666666666666664vw;
}


/* ----------------------------------------------------- 採用校の声TOP */
.other_school-list {
  margin-top: 16vw;
}

.other_school-list .voice_headings {
  font-size: 8.533333333333333vw;
  letter-spacing: 0.1em;
  color: #5bd1d6;
  text-align: center;
  position: relative;
  margin-bottom: 10.666666666666666vw;
}

.other_school-list .voice_headings::before {
  display: block;
  content: '';
  background-image: url(../images/icon_voice_sp@2x.png);
  background-size: 8.8vw 5.6vw;
  width: 8.8vw;
  height: 5.6vw;
  position: absolute;
  top: -9.333333333333334vw;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  z-index: 1;
}

.other_school-list .voice_lead {
  font-size: 4vw;
  line-height: 1.66666;
  letter-spacing: 0.05em;
  text-align: center;
  margin: 2.6666666666666665vw auto 8vw;
}

.other_school-list .school_list {
  margin: 10vw auto 26vw;
  width: 89.3333vw;
}

.other_school-list .school_list-item {
  width: 78.66666666666667vw;
  height: auto;
  box-sizing: border-box;
  margin: 0 auto 8vw;
}

.other_school-list .school_list_wrapper {
  width: 100%;
  height: 100%;
  background-color: #fff;
  border-radius: 14px;
  box-shadow: 0 5px 8px 5px rgb(0 0 0 / 5%);
}