@charset "UTF-8";

.wrapper,
.header {
  opacity:0;
}
.p-top__bnr__wrap {
  display:none !important;
}
#first_anime {
  width:100vw;
  height:100vh;
  background:#fff;
  position:fixed;
  top:0;
  left:0;
  z-index:9999;
  display:none;
}
#first_anime h1 {
  width:350px;
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  z-index:1;
  opacity:0;
  animation:fadein 2s ease-out forwards;
}
@keyframes fadein {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}
#first_anime::before {
  content:"";
  width:100vw;
  height:100vh;
  position:absolute;
  bottom:-100px;
  left:-100px;
  z-index:2;
  background:#fff100;
  transform:scale(0);
  transform-origin:bottom left;
}
#first_anime.active::before {
  animation:firstanime 2s ease-out 0.4s forwards;
}
@keyframes firstanime {
  0% {
    transform:scale(0);
  }
  100% {
    transform:scale(2);
  }
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
/*  -ms-touch-action: pan-y;
      touch-action: pan-y;*/
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  position: relative;
  display: block;
  margin:0;
  padding:0 !important;
  overflow:visible;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
     -moz-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
       -o-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: flex;
}
.slick-track:before,
.slick-track:after {
  display: table;
  content: '';
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  display: none;
  float: left;
  height: auto !important;
  min-height: 1px;
}
[dir='rtl'] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}

/* Arrows */
.slick-prev,
.slick-next {
  font-size: 0;
  line-height: 0;
  position:absolute;
  top:50%;
  display:block;
  width:62px;
  height:62px;
  padding:0;
  transform: translate(0, -50%) rotateY(180deg);
  cursor: pointer;
  color: transparent;
  border:0;
  background:url(../images/slide_arrow.png) no-repeat 0 0;
	background-size:100% auto;
  z-index:3;
  opacity:1;
  transition:ease .3s;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: .25;
}

.slick-prev {
  left:-470px;
}
[dir='rtl'] .slick-prev {
  right:-450px;
  left: auto;
}
.slick-next {
  right:-450px;
	transform: translate(0, -50%);
}
[dir='rtl'] .slick-next {
  right: auto;
  left:-470px;
}
.slick-next:before {
  content: '→';
}
[dir='rtl'] .slick-next:before {
  content: '←';
}
.slick-prev.slick-disabled,
.slick-next.slick-disabled {
  visibility:hidden;
}

/* Dots */
.slick-dots {
  position: absolute;
  bottom:4px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style:none;
  text-align:center;
  z-index:5;
}
.slick-dots li {
  position:relative;
  display:inline-block;
	width:11px;
  height:11px;
  margin:0 7.5px;
  padding:0;
  list-style:none;
  cursor:pointer;
}
.slick-dots li button {
  font-size:0;
  line-height:0;
  display:block;
  width:11px;
  height:11px;
  padding:0;
  cursor:pointer;
  color:transparent;
  border:0;
  border-radius:50%;
  background:#ddd9d1;
  box-sizing:border-box;
}
.slick-dots li.slick-active button {
  background:#253f87;
}
.slick-dots li button:before {
  display:none !important;
}

.sp {
  display:none;
}
.top_mv {
  position:relative
}
.top_mv .main_area {
  max-width:1440px;
  padding:0 50px;
  margin:0 auto;
  display:flex;
  align-items:center;
}
.top_mv .image {
  max-width:732px;
  width:100%;
  margin:0;
  position:relative
}
.top_mv .image img {
  width:100%;
}
.top_mv .image p {
  width:204px;
  position:absolute;
  top:28px;
  left:56px;
}
.main_plus_icon {
  width:157px;
  height:185px;
  position:absolute;
  top:22px;
  right:109px;
}
.plus1,
.plus2 {
  position:absolute;
}
.plus1 {
  animation:plus1ani 4s ease-in-out infinite alternate-reverse;
}
@keyframes plus1ani {
  0% {
    transform: translateY(-2%);
  }
  100% {
    transform: translateY(2%);
  }
}
.plus2 {
  animation:plus2ani 2.8s ease-in-out infinite alternate-reverse;
}
@keyframes plus2ani {
  0% {
    transform: translateY(-4%);
  }
  100% {
    transform: translateY(4%);
  }
}
.plus1 img,
.plus2 img {
  width:100%;
}
.main_plus_icon .plus1 {
  width:124px;
  top:0;
  right:0;
  animation-delay:.2s;
}
.main_plus_icon .plus2 {
  width:50px;
  bottom:0;
  left:0;
  animation-delay:.6s;
}
.main_area h1 {
  width:382px;
  margin:0 0 0 68px;
}

.lead_area {
  width:100%;
  max-width:1024px;
  margin:85px auto 0;
  padding:0 45px 130px 44px;
  display:flex;
  align-items:flex-start;
}
.lead_area .image_box {
  width:406px;
  min-width:406px;
  margin:16px 122px 0 0;
  position:relative;
}
.lead_img1 {
  margin:0 0 140px;
}
.lead_img1 img {
  width:216px;
}
.lead_img2 {
  text-align:right;
}
.lead_img2 img {
  width:384px;
  display:inline-block;
}
.lead_plus_icon {
  width:210px;
  height:184px;
  position:absolute;
  top:-142px;
  left:-187px;
}
.lead_plus_icon .plus1 {
  width:164px;
  top:0;
  right:0;
  animation-delay:.7s;
}
.lead_plus_icon .plus2 {
  width:55px;
  bottom:0;
  left:0;
  animation-delay:.1s;
}
.lead_plus_icon2 {
  width:84px;
  height:116px;
  position:absolute;
  top:136px;
  left:341px;
}
.lead_plus_icon2 .plus1 {
  width:29px;
  bottom:0;
  left:0;
  animation-delay:.4s;
}
.lead_plus_icon2 .plus2 {
  width:77px;
  top:0;
  right:0;
  animation-delay:.9s;
}
.people_img1 {
  width:54px;
  position:absolute;
  top:176px;
  left:263px;
}
.people_img2 {
  width:120px;
  position:absolute;
  top:268px;
  left:325px;
}
.lead_area .text {
  position:relative;
}
.lead_area .text p {
  font-size:18px;
  font-weight:500;
  line-height:2.05;
  margin:0;
}
.lead_area .text p + p {
  margin-top:50px;
}
.people_img3 {
  width:34px;
  position:absolute;
  bottom:-40px;
  left:390px;
}
.people_img4 {
  width:114px;
  position:absolute;
  bottom:-118px;
  left:397px;
}
.people_img5 {
  width:138px;
  position:absolute;
  bottom:-190px;
  left:285px;
}
.lead_plus_icon3 {
  width:112px;
  height:112px;
  position:absolute;
  bottom:84px;
  left:342px;
}
.lead_plus_icon3 .plus1 {
  width:80px;
  top:0;
  right:0;
  animation-delay:0s;
}
.lead_plus_icon3 .plus2 {
  width:35px;
  bottom:0;
  left:0;
  animation-delay:.3s;
}

.plus_ttl {
  color:#10378e;
  font-size:2.125rem;
  font-weight:700;
  line-height:1;
  letter-spacing:.1em;
  width:fit-content;
  padding:4px 0 20px 69px;
  margin:0 auto;
  position:relative;
  background:url(../img/common/mark_plus.svg) no-repeat 0 0;
  background-size:41px auto;
  position:relative;
  left:-15px;
}
.plus_ttl::before,
.plus_ttl::after {
  content:"";
  width:calc(100% - 53px);
  height:3px;
  display:block;
  background:#10378e;
  position:absolute;
  bottom:0;
  left:60px;
}
.plus_ttl::after {
  width:16px;
  transform:rotate(-45deg);
  bottom:5px;
  left:auto;
  right:-20px;
}
.pickup_area h2 {
  margin:0 auto 63px;
}
.pickup_bnr {
  background:rgba(221,217,209,.7);
  padding:68px 0 0 !important
}
#pickup_slide {
  width:100%;
  max-width:1258px;
  margin:0 auto;
  padding:0 0 90px;
}
#pickup_slide .slick-dots {
  bottom:50px;
}
#pickup_slide .slick-dots li button {
  background:#fff;
}
#pickup_slide .slick-dots li.slick-active button {
  background:#253f87;
}
.pickup_bnr .slick-slide {
  margin:0 25px !important;
}
.pickup_bnr .slick-slide a {
  color:#13388e;
  font-weight:700;
  text-decoration:none;
}
.pickup_bnr .slick-slide h3 {
  font-size:1.125rem;
  font-weight:500;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  margin:15px 0 0;
}
.pickup_bnr .slick-slide p {
  font-weight:400;
  line-height:1.375;
  margin:20px 0 10px;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden
}
.pickup_bnr .slick-slide .img {
  overflow:hidden;
  border-radius:0 20px 0 0;
  margin-bottom:23px;
  aspect-ratio:16/9;
  box-shadow:0 0 5px 0 rgba(0, 0, 0, 0.2);
}
.pickup_bnr .slick-slide .img img {
  object-fit:cover;
  height:100%
}
.pickup_bnr .slick-slide .col {
  display:flex;
  align-items:center;
  gap:0 10px;
  padding:0 5px;
}
.pickup_bnr .slick-slide .col span:first-child {
  background:#10378e;
  color:#fff;
  padding:5px 8px;
  font-size:1rem;
  font-weight:700;
  letter-spacing:.1em;
  border-radius:0 8px 0 0
}
.pickup_bnr .slick-slide .col span:last-child {
  font-size:.875rem;
  font-weight:500;
  letter-spacing:.1em;
}
.pickup_bnr .swiper-pagination {
  --swiper-pagination-bottom:40px
}
.pickup_bnr .swiper-pagination-bullet {
  --swiper-pagination-bullet-inactive-opacity:1;
  --swiper-pagination-bullet-size:16px;
  --swiper-pagination-bullet-horizontal-gap:8px;
  --swiper-pagination-bullet-inactive-color:#FFF
}
.pickup_bnr .swiper-pagination-bullet-active {
  --swiper-pagination-color:#13388E
}

.brand_area {
  width:824px;
  height:348px;
  padding:60px 0 0;
  margin:105px auto 110px;
  border:solid 2px #d2d2e9;
  border-radius:0 20px 0 20px;
  box-shadow:0 0 5px 0 rgba(0, 0, 0, 0.2);
  background:url(../img/common/brand_icon.svg) no-repeat right 85px center;
  background-size:197px auto;
}
.brand_area h2 {
  color:#10378e;
  font-size:1.125rem;
  font-weight:700;
  line-height:1;
  letter-spacing:.1em;
  width:fit-content;
  padding:0 75px;
  margin:0 auto 25px;
  position:relative;
  z-index:2;
}
.brand_area h2::after,
.brand_area h2::before {
  content:"";
  width:53px;
  height:2px;
  background:#767aba;
  display:block;
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  left:0;
}
.brand_area h2::after {
  left:auto;
  right:0;
}
.brand_area .text {
  width:470px;
  margin:0 auto;
  position:relative;
  z-index:2;
}
.brand_area .text h3 {
  color:#10378e;
  font-size:1.5rem;
  font-weight:700;
  line-height:1.66;
  letter-spacing:.1em;
  margin:0;
}
.brand_area .text p {
  color:#10378e;
  font-size:1rem;
  font-weight:500;
  line-height:2.18;
  letter-spacing:.05em;
  margin:20px 0 0;
}

.promise_area h2 {
  margin:0 auto 63px;
}
.promise_area .imgcol {
  width:100%;
  max-width:1440px;
  margin:0 auto;
  display:flex;
  align-items:center;
}
.promise_area .imgcol .image {
  width:788px;
  min-width:788px;
  margin:0 30px 0 0;
}
.promise_area .imgcol .text {
  width:456px;
  padding:90px 40px 15px 68px;
  position:relative;
}
.promise_area .imgcol .text::before,
.promise_area .imgcol .text::after {
  content:"";
  display:block;
  background:#ddd9d1;
  position:absolute;
}
.promise_area .imgcol .text::before {
  width:2px;
  height:100%;
  top:0;
  left:35px;
}
.promise_area .imgcol .text::after {
  width:100%;
  height:2px;
  top:60px;
  left:0;
}
.promise_area .imgcol .text p {
  font-size:1rem;
  font-weight:400;
  line-height:2.06;
  margin:0;
}
.promise_area .imgcol .text p .st {
  color:#10378e;
  font-size:33px;
  font-weight:700;
  line-height:1;
  display:inline-block;
  margin:0 7px 0 0;
}
.promise_plus_icon {
  width:112px;
  height:112px;
  position:absolute;
  bottom:-24px;
  right:-62px;
}
.promise_plus_icon .plus1 {
  width:80px;
  top:0;
  right:0;
  animation-delay:.5s;
}
.promise_plus_icon .plus2 {
  width:34px;
  bottom:0;
  left:0;
  animation-delay:.1s;
}

.promise_slide {
  width:1024px;
  margin:67px auto 0;
  padding:0 0 75px;
  overflow:visible !important;
}
.promise_slide .slick-list,
.achievements_slide .slick-list {
  overflow:visible !important;
}
.promise_slide .slick-track,
.achievements_slide .slick-track {
  display:block;
  overflow:visible !important;
}
.promise_slide .slick-slide,
.achievements_slide .slick-slide {
  margin:0 108px 0 0;
  overflow:visible !important;
}
.achievements_slide .slick-slide {
  width:100% !important;
  max-width:916px;
}
.promise_slide .slick-dots {
  bottom:0;
  padding-right:10px;
}
.achievements_slide .slick-dots {
  bottom:0;
}
.promise_system,
.promise_environment {
  border-radius:0 30px 0 0;
  background:#fff;
  box-shadow:0 0 5px 0 rgba(0, 0, 0, 0.2);
}
.promise_environment {
  display: none;
}
.promise_slide h3,
.achievements_slide h3 {
  height:62px;
  margin:0;
  display:flex;
  justify-content:center;
  align-items:center;
  background:#10378e;
  border-radius:0 30px 0 0;
}
.promise_slide h3 .ibk,
.achievements_slide h3 .ibk {
  color:#fff;
  font-size:1.4375rem;
  font-weight:700;
  line-height:1;
  letter-spacing:.1em;
  padding:0 34px;
  display:inline-block;
  position:relative;
}
.promise_slide h3 .ibk::after, .promise_slide h3 .ibk::before,
.achievements_slide h3 .ibk::after, .achievements_slide h3 .ibk::before {
  content:"";
  width:17px;
  height:1px;
  background:#fff;
  display:block;
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  left:0;
}
.promise_slide h3 .ibk::after,
.achievements_slide h3 .ibk::after {
  left:auto;
  right:0;
}
.promise_slide .box,
.achievements_slide .box {
  padding:40px 50px 38px;
  display:flex;
  align-items:flex-start;
  position:relative;
}
.promise_slide .box h4 {
  width:77px;
  margin:0 55px 0 0;
}
.promise_slide .box .image {
  width:322px;
  margin:0 50px 0 0;
  border:solid 3px #767aba;
  border-radius:30px;
  overflow:hidden;
}
.promise_slide .box .image img {
  transition:ease .3s;
}
.promise_slide .box .text {
  width:308px;
}
.promise_slide .box .text p {
  font-size:1rem;
  font-weight:400;
  line-height:2.0625;
  padding:0 20px 0 18px;
  margin:0;
}
.promise_slide .promise_environment .box .text p {
  padding:0;
  margin:0 0 0 -5px;
}
.promise_slide .box .text p .st,
.promise_slide .box .text p .cl {
  color:#253f87;
  font-size:1rem;
  font-weight:700;
}
.promise_slide .box .text p .cl {
  font-weight:500;
}
.promise_slide .box .text .digest {
  margin:40px 0 0;
  background:rgba(221,217,209,.4);
  border-radius:30px;
  position: relative;
}
.promise_slide .box .text .digest h5 {
  margin:0;
  padding:0 0 0 35px;
  position:absolute;
  top:-13px;
  left:32px;
}
.promise_slide .box .text .digest h5::before {
  content:"";
  width:21px;
  height:25px;
  display:block;
  background:url(../img/common/icon_hata.svg) no-repeat 0 0;
  background-size:100% auto;
  position: absolute;
  top:0;
  left:0;
}
.promise_slide .box .text .digest h5 .mark {
  color:#10378e;
  font-size:18px;
  font-weight:700;
  line-height:1;
  letter-spacing:.1em;
  width:79px;
  height:23px;
  display:flex;
  justify-content:center;
  align-items:center;
  background:#fff100;
  border-radius:4px;
}
.promise_slide .box .text .digest ul {
  padding:30px 25px;
}
.promise_slide .promise_environment .box .text .digest ul {
  padding:15px 25px;
}
.promise_slide .box .text .digest ul li {
  color:#10378e;
  font-size:17px;
  font-weight:500;
  line-height:1.57;
  letter-spacing:.1em;
  margin:10px 0 0;
  padding:0 0 0 14px;
  position: relative;
}
.promise_slide .promise_environment .box .text .digest ul li {
  letter-spacing:0;
}
.promise_slide .box .text .digest ul li .st {
  font-size:20px;
  font-weight:700;
  letter-spacing:0;
  display:block;
}
.promise_slide .box .text .digest ul li::before {
  content:"";
  width:8px;
  height:8px;
  display: block;
  background:#10378e;
  border-radius:50%;
  position: absolute;
  top:14px;
  left:0;
}
.promise_slide .box .button,
.achievements_slide .box .button,
.news_area .news_inner .button {
  position:absolute;
  left:50%;
  bottom:0;
  transform:translate(-50%,50%);
}
.promise_slide a {
  color:#000;
  text-decoration:none;
}
.promise_slide .box .button a,
.promise_slide .box .button button,
.achievements_slide .box .button a,
.news_area .news_inner .button a {
  color:#fff;
  font-size:1.125rem;
  font-weight:700;
  line-height:1;
  letter-spacing:.1em;
  text-decoration:none;
  width:212px;
  height:60px;
  padding:0 20px 0 0;
  display:flex;
  justify-content:center;
  align-items:center;
  position:relative;
  background:#10378e;
  border-radius:30px;
  transition:ease .3s;
}
.promise_slide .box .button button {
  border:0;
  cursor:pointer;
}
.promise_slide .box .button a::before,
.promise_slide .box .button button::before,
.achievements_slide .box .button a::before,
.news_area .news_inner .button a::before {
  content:"";
  display:block;
  width:20px;
  height:20px;
  background:url(../img/common/icon_link_arrow_w.svg) no-repeat 0 0;
  background-size:100% auto;
  position:absolute;
  top:50%;
  right:24px;
  transform:translateY(-50%);
  opacity:.6;
}

.after_area {
  max-width:1440px;
  margin:110px auto 0;
  padding:34px 0 57px;
  background:rgba(221,217,209,.7);
  border-radius:80px;
}
.students_area h2 {
  height:274px;
  margin:0;
  position:relative;
}
.students_area h2 img {
  width:1333px;
  position:absolute;
  left:0;
}
.students_area h2 .text {
  font-size:2.5rem;
  font-weight:700;
  line-height:1.525;
  letter-spacing:.1em;
  padding:0 2px 0 0;
  position:absolute;
  top:55px;
  left:50%;
  transform:translateX(-50%);
}
.students {
  max-width:1024px;
  margin:-30px auto 0;
  padding:60px 0 75px;
  background:transparent;
  border-radius:30px;
  box-shadow:0 0 5px 0 rgba(0, 0, 0, 0.2);
  position:relative;
}
.students::after,
.students::before {
  content:"";
  width:100%;
  height:100%;
  display:block;
  position:absolute;
  top:0;
  left:0;
  border-radius:30px;
  background:#fff;
  z-index:1;
}
.students::before {
  top:45px;
  background:#10378e;
  z-index:0;
}
.students h2 {
  height:auto;
  margin:0 auto 62px;
  position:relative;
  z-index:2;
}
.students ul {
  width:100%;
  padding:0 25px;
  display:flex;
  justify-content:center;
  position:relative;
  z-index:2;
}
.students ul li {
  width:264px;
}
.students ul li + li {
  margin-left:32px;
}
.students ul li .image {
  width:194px;
  margin:0 auto;
  position: relative;
}
.students ul li .image > img {
  display:block;
  border:solid 3px #767aba;
  border-radius:30px;
}
.students ul li .image .mark {
  width:65px;
  height:69px;
  position: absolute;
  top:-23px;
  left:0;
}
.students ul li .text h3,
.area_modal .interview_top .text h3 {
  color:#10378e;
  font-size:.875rem;
  line-height:1;
  font-weight:700;
  letter-spacing:.1em;
  padding:0 0 0 24px;
  margin:25px 0 15px;
  position:relative;
}
.students ul li .text h3::before,
.area_modal .interview_top .text h3::before {
  content:"";
  width:14px;
  height:17px;
  display: block;
  background:url(../img/common/icon_hata.svg) no-repeat 0 0;
  background-size:100% auto;
  position: absolute;
  top:0;
  left:3px;
}
.students ul li .details,
.area_modal .interview_top .text .details {
  padding:10px 0 5px 15px;
  border-left:solid 9px #ddd9bf;
}
.students ul li .details h4 {
  font-size:1.25rem;
  line-height:1.5;
  font-weight:700;
  letter-spacing:.05em;
  margin:0 0 15px;
}
.students ul li .details p {
  font-size:.75rem;
  line-height:1.42;
  font-weight:400;
  letter-spacing:.1em;
  margin:0;
}
.students ul li .link {
  text-align:right;
  max-width:194px;
  margin:20px auto 0;
}
.students ul li .link a {
  color:#10378e;
  font-size:.875rem;
  font-weight:700;
  line-height:1;
  text-decoration:none;
  padding:2px 28px 2px 0;
  display:inline-block;
  background:url(../img/common/icon_link_arrow_p.svg) no-repeat right 0 center;
  background-size:16px auto;
  position:relative;
}
.students ul li .link a::before {
  content:"";
  width:calc(100% - 28px);
  height:1px;
  display:block;
  background:#10378e;
  position:absolute;
  bottom:-1px;
  left:0;
  transform:scaleX(0);
  transition:ease .3s;
}

.interview_top {
  display:flex;
}
.interview_top .image {
  width:266px;
  min-width:266px;
  margin:11px 54px 0 0;
  position:relative;
}
.interview_top .image img {
  border:solid 3px #767aba;
  border-radius:52px;
}
.interview_top .image .mark img {
  border:0 !important;
  border-radius:0 !important;
}
.interview_top .image .mark {
  width:82px;
  height:88px;
  position:absolute;
  top:-30px;
  left:12px;
}
.interview_top .text h3 {
  margin:0;
}
.interview_top .text .details {
  margin:17px 0 0;
  position:relative;
}
.interview_top .text .details .interview_plus_icon {
  width:65px;
  height:49px;
  position:absolute;
  bottom:-10px;
  right:42px;
}
.interview_plus_icon .plus1 {
  width:41px;
  top:0;
  right:0;
  animation-delay:.7s;
}
.interview_plus_icon .plus2 {
  width:18px;
  bottom:0;
  left:0;
  animation-delay:.2s;
}
.interview_top .text .details h4 {
  font-size:1.375rem;
  line-height:1.63;
  font-weight:700;
  letter-spacing:.05em;
  margin:0 0 20px;
}
.interview_top .text .details p {
  font-size:1rem;
  line-height:1.625;
  letter-spacing:.1em;
  margin:0;
}
.interview_top .text .profile {
  margin:40px 0 0;
  padding:27px 27px 25px 30px;
  background:rgba(221,217,209,.7);
  border-radius:10px;
  position:relative;
}
.interview_top .text .profile h5 {
  color:#10378e;
  font-size:1.125rem;
  line-height:1;
  font-weight:700;
  letter-spacing:.05em;
  margin:0;
  position:absolute;
  top:0;
  left:30px;
  transform:translateY(-70%);
}
.interview_top .text .profile p {
  font-size:.875rem;
  line-height:1.92;
  letter-spacing:.05em;
  margin:0;
}
.comments {
  width:587px;
  margin:65px auto 0;
}
.comments .comm_block {
  margin:45px 0 0;
}
.comments .comm_block h3 {
  width:100%;
  padding:2px 0 28px;
  margin:0 0 35px;
  display:flex;
  justify-content:center;
  position:relative;
}
.comments .comm_block h3::before,
.comments .comm_block h3::after {
  content:"";
  width:calc(100% - 13px);
  height:3px;
  display:block;
  background:#10378e;
  position:absolute;
  bottom:0;
  left:0;
}
.comments .comm_block h3::after {
  width:13px;
  transform:rotate(-45deg);
  bottom:4px;
  left:auto;
  right:4px;
}
.comments .comm_block h3 .plus {
  color:#10378e;
  font-size:1.25rem;
  font-weight:700;
  letter-spacing:.1em;
  line-height:1.6;
  padding:0 0 0 37px;
  margin:0;
  display:block;
  position:relative;
}
.comments .comm_block h3 .plus::before {
  content:"";
  width:26px;
  height:26px;
  display:block;
  background:url(../img/common/mark_plus.svg) no-repeat 0 0;
  background-size:100% auto;
  position:absolute;
  top:50%;
  left:0;
  transform:translateY(-50%);
}
.comments .comm_block p {
  font-size:1rem;
  letter-spacing:.05em;
  line-height:2.06;
  padding:0 13px;
  margin:0;
}
.comments .comm_block p .st {
  color:#10378e;
  font-size:1.375rem;
  font-weight:700;
  letter-spacing:.1em;
  line-height:1;
  margin:0 3px 0 0;
  display:inline-block;
}
.modal_close {
  position:absolute;
  bottom:0;
  left:50%;
  transform:translate(-50%,50%);
}
.modal_close button {
  color:#fff;
  font-size:1.125rem;
  font-weight:700;
  line-height:1;
  letter-spacing:.1em;
  width:212px;
  height:60px;
  border-radius:30px;
  appearance:none;
	border:none;
  display:flex;
  justify-content:center;
  align-items:center;
  background:#10378e;
  cursor:pointer;
  transition:ease .3s;
}

.achievements_area {
  margin:155px auto 0;
}
.achievements_area h2 {
  margin:0 auto 63px;
}
.achievements_slide {
  width:100%;
  max-width:1024px;
  margin:0 auto;
  padding:0 0 130px;
}
.achievements_slide .slick-dots li button {
  background:#99a8b1;
}
.achievements_slide .slick-dots li.slick-active button {
  background:#253f87;
}
.junior_high_school,
.high_school {
  border-radius: 0 30px 0 0;
  background:#fff;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
}
.achievements_slide .junior_high_school .box {
  padding:20px 30px 55px 50px;
}
.achievements_slide .box .spimg {
  display:none;
}
.achievements_slide .twocol {
  display:flex;
}
.achievements_slide .result {
  padding:55px 40px 0 0;
}
.achievements_slide .result p {
  color:#10378e;
  font-size:1.5625rem;
  font-weight:700;
  line-height:1;
  letter-spacing:.05em;
  position:relative;
}
.achievements_slide .result p .icon {
  width:95px;
  height:132px;
  position:absolute;
  top:-70px;
  right:-18px;
}
.achievements_slide .result h4 {
  width:404px;
  margin:30px 0 40px;
}
.achievements_slide .result h4 + p {
  font-size:1.8125rem;
  line-height:1.58;
}
.schools .pcimg {
  width:154px;
  margin:0 auto;
  border:solid 3px #767aba;
  border-radius:50%;
  overflow:hidden;
}
.schools .list {
  margin:20px 0 0;
  display:flex;
  flex-wrap:wrap;
}
.high_school .schools_sec .list li,
.schools .list li {
  font-size:.875rem;
  font-weight:500;
  line-height:1;
  letter-spacing:.05em;
  margin:5px 0 0 0;
  width:138px;
  padding:0 10px;
  position:relative;
}
.high_school .schools_sec .list li {
  width:124px;
}
.schools .list li:nth-child(3n-2) {
  width:127px;
}
.schools .list li:nth-child(3n-1) {
  width:127px;
}
.high_school .schools_sec .list li::before,
.schools .list li::before {
  content:"";
  width:6px;
  height:6px;
  display:block;
  background:#003894;
  border-radius:50%;
  position:absolute;
  top:4px;
  left:0;
}
.schools p {
  color:#10378e;
  font-size:.875rem;
  font-weight:700;
  line-height:1.78;
  letter-spacing:.05em;
  margin:20px 0 5px;
}
.schools .otlist li,
.schools_sec .otlist li {
  font-size:.875rem;
  font-weight:500;
  line-height:1.42;
  letter-spacing:.05em;
  display:inline-block;
  margin:5px 0 0;
}
.schools .otlist li:nth-child(2),
.schools .otlist li:nth-child(5),
.schools .otlist li:nth-child(6),
.schools_sec .otlist li:nth-child(2),
.schools_sec .otlist li:nth-child(3),
.schools_sec .otlist li:nth-child(4) {
  padding-left:22px;
  position:relative;
}
.schools .otlist li:nth-child(2)::before,
.schools .otlist li:nth-child(5)::before,
.schools .otlist li:nth-child(6)::before,
.schools_sec .otlist li:nth-child(2)::before,
.schools_sec .otlist li:nth-child(3)::before,
.schools_sec .otlist li:nth-child(4)::before {
  content:"/";
  position:absolute;
  left:8px;
}
.achievements_slide .high_school .box {
  padding:70px 40px 55px 65px;
}
.high_school .percent {
  width:422px;
  min-width:422px;
  padding:45px 0 0;
}
.high_school .percent p {
  color:#10378e;
  font-size:1.5625rem;
  font-weight:700;
  line-height:1.68;
  letter-spacing:.05em;
  margin:0;
}
.high_school .percent h4 {
  width:354px;
  margin:35px 0 0;
}
.high_school .schools_sec h5 {
  color:#10378e;
  font-size:1.8125rem;
  font-weight:700;
  line-height:1.58;
  margin:0;
  position:relative;
}
.high_school .schools_sec h5 .icon {
  width:95px;
  height:132px;
  position:absolute;
  top:-46px;
  right:-8px;
}
.high_school .schools_sec .twocol {
  margin:20px 0 0;
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
}
.high_school .schools_sec .twocol .pcimg {
  width:154px;
  border:solid 3px #767aba;
  border-radius:50%;
}
.high_school .schools_sec .twocol .text {
  width:185px;
}
.high_school .schools_sec .list {
  margin:0;
  display:flex;
  flex-wrap:wrap;
}
.high_school .schools_sec .list li {
  font-size:.875rem;
  font-weight:500;
  line-height:1;
  letter-spacing:.05em;
  margin:10px 0 0;
  width:50%;
  padding:0 10px;
  position:relative;
}
.high_school .schools_sec .twocol .text p.chushaku {
  font-size:8px;
  font-weight:400;
  line-height:1.5;
  margin:15px 0 0;
}
.high_school .schools_sec .twocol + p {
  color:#10378e;
  font-size:.875rem;
  font-weight:700;
  line-height:1.78;
  letter-spacing:.05em;
  margin:20px 0 0;
}

.course_area {
  margin:110px auto 0;
}
.course_area h2 {
  margin:0 auto 63px;
}
.course_area ul {
  width:790px;
  margin:0 auto;
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
}
.course_area ul li {
  margin:0 11.5px;
}
.course_area ul li:nth-child(1) {
  margin-left:0;
}
.course_area ul li:nth-child(4) {
  margin-right:0;
}
.course_area ul li:nth-child(5),
.course_area ul li:nth-child(6) {
  margin-top:27px;
}
.course_area ul li a {
  color:#fff;
  font-size:20px;
  font-weight:500;
  line-height:1.9;
  letter-spacing:.1em;
  text-align:center;
  text-decoration:none;
  width:180px;
  height:180px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  border-radius:50%;
  background:linear-gradient(135deg, rgba(69, 86, 164, 1), rgba(0, 56, 148, 1));
  position:relative;
  transition:ease .3s;
}
.course_area ul li a::before {
  content:"";
  width:25px;
  height:25px;
  display:block;
  background:url(../img/common/icon_btn_arrow2.svg) no-repeat 0 0;
  background-size:100% auto;
  position:absolute;
  bottom:24px;
  right:50px;
}
.course_area ul li a .st {
  font-size:26px;
  font-weight:500;
  line-height:1.46;
  letter-spacing:.1em;
  display:block;
}

.search_area {
  scroll-margin-top:90px;
  margin:113px auto 0;
}
.search_area h2 {
  margin:0 auto 35px;
}
.school_list ul {
  width:894px;
  margin:0 auto;
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-start;
}
.school_list ul li {
  margin:28px 11px 0;
}
.school_list ul li a {
  color:#fff;
  font-size:26px;
  font-weight:500;
  line-height:1;
  letter-spacing:.05em;
  text-decoration:none;
  width:240px;
  height:64px;
  padding:0 0 0 36px;
  display:flex;
  justify-content:center;
  align-items:center;
  border-bottom:solid 8px #353793;
  border-radius:32px;
  box-sizing:content-box;
  background:linear-gradient(180deg, rgba(122, 159, 209, 1), rgba(63, 116, 189, 1));
  position:relative;
  top:0;
  transition:ease .3s;
}
.school_list ul li a::before {
  content:"";
  width:24px;
  height:24px;
  display:block;
  background:url(../img/common/icon_btn_arrow.svg) no-repeat 0 0;
  background-size:100% auto;
  position:absolute;
  top:50%;
  left:23px;
  transform:translateY(-50%);
}
.img_slider {
  display:flex;
  margin:59px 0 0;
}
.img_slider ul {
  width:2604px;
  min-width:2604px;
  display:flex;
  animation:infiniteSlide 25s linear infinite;
}
.img_slider ul li {
  width:404px;
  height:272px;
  min-width:404px;
  min-height:272px;
  margin:0 30px 0 0;
}
@keyframes infiniteSlide {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-2604px);
  }
}

.news_area {
  margin:110px 0 0;
}
.news_area .news_inner {
  padding:34px 0;
  background:rgba(221,217,209,.7);
}
.news_area h2 {
  margin:0 auto 63px;
}
.news_area ul {
  width:100%;
  max-width:742px;
  margin:0 auto;
}
.news_area ul li {
  padding:12px;
  background:url(../img/common/circle_line_w.png) repeat-x left 0 bottom 0;
  background-size:auto 2px;
}
.news_area ul li:last-child {
  background:none;
}
.news_area ul li a {
  color:#10378e;
  width:100%;
  display:flex;
  align-items:center;
  text-decoration:none;
}
.news_area ul li a .img {
  width:160px;
  min-width:160px;
  margin:0 38px 0 0;
  background:#fff;
  overflow:hidden;
}
.news_area ul li a .img img {
  transition:ease .3s;
  transform:scale(1);
}
.news_area .catcol {
  display:flex;
  align-items:center;
  margin:0 0 10px;
}
.news_area .catcol .cat {
  display:flex;
}
.news_area .catcol .cat span {
  color:#fff;
  font-size:1rem;
  font-weight:500;
  line-height:1;
  width:82px;
  height:24px;
  margin:0 10px 0 0;
  padding:0 0 2px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#10378e;
  border-radius:4px;
}
.news_area .catcol .date {
  color:#10378e;
  font-size:.875rem;
  font-weight:500;
  line-height:1;
  letter-spacing:.1em;
}
.news_area .detail p {
  color:#10378e;
  font-size:1rem;
  font-weight:500;
  line-height:1.25;
  margin:10px 0 0;
}


@media screen and (max-width:1440px) {
  #first_anime h1 {
    width:24.3vw;
  }
  .top_mv .main_area {
    padding:0 3.47vw;
  }
  .top_mv .image {
    max-width:50.83vw;
  }
  .top_mv .image p {
    width:14.16vw;
    top:1.94vw;
    left:3.88vw;
  }
  .main_plus_icon {
    width:10.9vw;
    height:12.84vw;
    top:1.52vw;
    right:7.56vw;
  }
  .main_plus_icon .plus1 {
    width:8.61vw;
  }
  .main_plus_icon .plus2 {
    width:3.47vw;
  }
  .main_area h1 {
    width:26.52vw;
    margin:0 0 0 4.72vw;
  }

  .promise_area .imgcol .image {
    width:54.72%;
    max-width:788px;
    min-width:inherit;
    margin:0 30px 0 0;
  }

  .students_area h2 {
    height:19.02vw;
  }
  .students_area h2 img {
    width:92.56vw;
  }
  .students_area h2 .text {
    font-size:2.77vw;
    padding:0 .13vw 0 0;
    top:3.81vw;
  }
  .students h2 {
    height:auto;
  }

}


@media screen and (max-width:1240px) {
.pickup_bnr .slick-slide {
  margin:0 2.01vw !important;
}

}


@media screen and (max-width:1074px) {
.students {
  margin:-1.86vw 2.32vw 0;
}
.promise_slide,
.achievements_slide {
  margin-left:25px;
}

}


@media screen and (min-width:768px) and (max-width:1100px) {
.search_area {
  scroll-margin-top:8.18vw;
}

}


@media screen and (max-width:1024px) {
.lead_area {
  margin:8.3vw auto 0;
  padding:0 4.39vw 12.69vw 4.29vw;
}
.lead_area .image_box {
  width:39.64vw;
  min-width:39.64vw;
  margin:1.56vw 11.91vw 0 0;
}
.lead_img1 {
  margin:0 0 13.67vw;
}
.lead_img1 img {
  width:21.09vw;
}
.lead_img2 img {
  width:37.5vw;
}
.lead_plus_icon {
  width:20.5vw;
  height:17.96vw;
  top:-13.86vw;
  left:-18.26vw;
}
.lead_plus_icon .plus1 {
  width:16.01vw;
}
.lead_plus_icon .plus2 {
  width:5.37vw;
}
.lead_plus_icon2 {
  width:8.2vw;
  height:11.32vw;
  top:13.28vw;
  left:33.3vw;
}
.lead_plus_icon2 .plus1 {
  width:2.83vw;
}
.lead_plus_icon2 .plus2 {
  width:7.51vw;
}
.people_img1 {
  width:5.07vw;
  top:17.18vw;
  left:25.68vw;
}
.people_img2 {
  width:11.71vw;
  top:26.17vw;
  left:31.73vw;
}
.lead_area .text p {
  font-size:1.75vw;
}
.lead_area .text p + p {
  margin-top:4.88vw;
}
.people_img3 {
  width:3.02vw;
  bottom:-3.9vw;
  left:38.08vw;
}
.people_img4 {
  width:11.13vw;
  bottom:-11.52vw;
  left:38.76vw;
}
.people_img5 {
  width:13.47vw;
  bottom:-18.55vw;
  left:27.83vw;
}
.lead_plus_icon3 {
  width:10.93vw;
  height:10.93vw;
  bottom:8.2vw;
  left:33.39vw;
}
.lead_plus_icon3 .plus1 {
  width:7.81vw;
  top:0;
  right:0;
}
.lead_plus_icon3 .plus2 {
  width:3.41vw;
  bottom:0;
  left:0;
}

.promise_area h2 {
  margin:0 auto 6.15vw;
}
.promise_area .imgcol .image {
  margin:0 2.92vw 0 0;
}
.promise_area .imgcol .text {
  width:44.53vw;
  padding:8.78vw 3.9vw 1.46vw 6.64vw;
}
.promise_area .imgcol .text::before {
  width:2px;
  left:3.41vw;
}
.promise_area .imgcol .text::after {
  top:5.85vw;
}
.promise_area .imgcol .text p {
  font-size:1.56vw;
}
.promise_area .imgcol .text p .st {
  font-size:3.22vw;
  margin:0 .68vw 0 0;
}
.promise_plus_icon {
  width:10.93vw;
  height:10.93vw;
  bottom:-2.34vw;
  right:-6.05vw;
}
.promise_plus_icon .plus1 {
  width:7.81vw;
}
.promise_plus_icon .plus2 {
  width:3.32vw;
}
.promise_slide {
  width:97.56vw;
  margin:6.54vw 0 0 2.44vw;
  padding:0 0 7.32vw;
}
.promise_slide .slick-slide,
.achievements_slide .slick-slide {
  width:89.45vw !important;
  margin:0 10.54vw 0 0;
}
.promise_slide .slick-dots {
  padding-right:.97vw;
}
.promise_system,
.promise_environment {
  border-radius:0 2.92vw 0 0;
}
.promise_slide h3,
.achievements_slide h3 {
  height:6.05vw;
  border-radius:0 2.92vw 0 0;
}
.promise_slide h3 .ibk,
.achievements_slide h3 .ibk {
  font-size:2.24vw;
  padding:0 3.32vw;
}
.promise_slide h3 .ibk::after, .promise_slide h3 .ibk::before,
.achievements_slide h3 .ibk::after, .achievements_slide h3 .ibk::before {
  width:1.66vw;
}
.promise_slide .box,
.achievements_slide .box {
  padding:3.9vw 4.88vw 3.71vw;
}
.promise_slide .box h4 {
  width:7.51vw;
  margin:0 5.37vw 0 0;
}
.promise_slide .box .image {
  width:31.44vw;
  margin:0 4.88vw 0 0;
}
.promise_slide .box .text {
  width:30.07vw;
}
.promise_slide .box .text p {
  font-size:1.56vw;
  padding:0 1.95vw 0 1.75vw;
}
.promise_slide .promise_environment .box .text p {
  margin:0 0 0 -.48vw;
}
.promise_slide .box .text p .st,
.promise_slide .box .text p .cl {
  font-size:1.56vw;
}
.promise_slide .box .text .digest {
  margin:3.9vw 0 0;
}
.promise_slide .box .text .digest h5 {
  padding:0 0 0 3.41vw;
  top:-1.26vw;
  left:3.125vw;
}
.promise_slide .box .text .digest h5::before {
  width:2.05vw;
  height:2.44vw;
}
.promise_slide .box .text .digest h5 .mark {
  font-size:1.75vw;
  width:7.71vw;
  height:2.24vw;
}
.promise_slide .box .text .digest ul {
  padding:2.92vw 2.44vw;
}
.promise_slide .promise_environment .box .text .digest ul {
  padding:1.46vw 2.44vw;
}
.promise_slide .box .text .digest ul li {
  font-size:1.66vw;
  margin:.97vw 0 0;
  padding:0 0 0 1.36vw;
}
.promise_slide .box .text .digest ul li .st {
  font-size:1.95vw;
}
.promise_slide .box .text .digest ul li::before {
  width:.78vw;
  height:.78vw;
  top:1.36vw;
}
.promise_slide .box .button a,
.promise_slide .box .button button,
.achievements_slide .box .button a {
  font-size:1.75vw;
  width:20.7vw;
  height:5.85vw;
  padding:0 1.95vw 0 0;
}
.promise_slide .box .button a::before,
.promise_slide .box .button button::before,
.achievements_slide .box .button a::before {
  width:1.95vw;
  height:1.95vw;
  right:2.34vw;
}

.students {
  margin:-.97vw 2.44vw 0;
}
.students ul {
  padding:0 2.44vw;
}
.students ul li {
  width:25.78vw;
}
.students ul li + li {
  margin-left:3.12vw;
}
.students ul li .image {
  width:18.94vw;
}

.achievements_area h2 {
  margin:0 auto 6.15vw;
}
.achievements_slide {
  padding:0 0 12.69vw;
}
.junior_high_school,
.high_school {
  border-radius: 0 2.92vw 0 0;
}
.achievements_slide .junior_high_school .box {
  padding:1.95vw 2.92vw 5.37vw 4.88vw;
}
.achievements_slide .result {
  padding:5.37vw 3.9vw 0 0;
}
.achievements_slide .result p {
  font-size:2.44vw;
}
.achievements_slide .result p .icon {
  width:9.27vw;
  height:12.89vw;
  top:-6.83vw;
  right:-1.75vw;
}
.achievements_slide .result h4 {
  width:39.45vw;
  margin:2.92vw 0 3.9vw;
}
.achievements_slide .result h4 + p {
  font-size:2.83vw;
}
.schools .pcimg {
  width:15.03vw;
}
.schools .list {
  margin:1.95vw 0 0;
}
.high_school .schools_sec .list li,
.schools .list li {
  font-size:1.36vw;
  margin:.48vw 0 0 0;
  width:13.47vw;
  padding:0 .97vw;
}
.high_school .schools_sec .list li {
  width:12.1vw;
}
.schools .list li:nth-child(3n-2) {
  width:12.4vw;
}
.schools .list li:nth-child(3n-1) {
  width:12.4vw;
}
.high_school .schools_sec .list li::before,
.schools .list li::before {
  width:.58vw;
  height:.58vw;
  top:.39vw;
}
.schools p {
  font-size:1.36vw;
  margin:1.95vw 0 .48vw;
}
.schools .otlist li,
.schools_sec .otlist li {
  font-size:1.36vw;
  margin:.48vw 0 0;
}
.schools .otlist li:nth-child(2),
.schools .otlist li:nth-child(5),
.schools .otlist li:nth-child(6),
.schools_sec .otlist li:nth-child(2),
.schools_sec .otlist li:nth-child(3),
.schools_sec .otlist li:nth-child(4) {
  padding-left:2.14vw;
}
.schools .otlist li:nth-child(2)::before,
.schools .otlist li:nth-child(5)::before,
.schools .otlist li:nth-child(6)::before,
.schools_sec .otlist li:nth-child(2)::before,
.schools_sec .otlist li:nth-child(3)::before,
.schools_sec .otlist li:nth-child(4)::before {
  left:.78vw;
}
.achievements_slide .high_school .box {
  padding:6.83vw 3.9vw 5.37vw 6.34vw;
}
.high_school .percent {
  width:41.21vw;
  min-width:41.21vw;
  padding:4.39vw 0 0;
}
.high_school .percent p {
  font-size:2.44vw;
}
.high_school .percent h4 {
  width:34.57vw;
  margin:3.41vw 0 0;
}
.high_school .schools_sec h5 {
  font-size:2.83vw;
}
.high_school .schools_sec h5 .icon {
  width:9.27vw;
  height:12.89vw;
  top:-4.49vw;
  right:-.78vw;
}
.high_school .schools_sec .twocol {
  margin:1.95vw 0 0;
}
.high_school .schools_sec .twocol .pcimg {
  width:15.03vw;
}
.high_school .schools_sec .twocol .text {
  width:18.06vw;
}
.high_school .schools_sec .list li {
  font-size:1.36vw;
  margin:.97vw 0 0;
  padding:0 .97vw;
}
.high_school .schools_sec .twocol .text p.chushaku {
  font-size:.78vw;
  margin:1.46vw 0 0;
}
.high_school .schools_sec .twocol + p {
  font-size:1.36vw;
  margin:1.95vw 0 0;
}

.interview_top .image {
  width:25.97vw;
  min-width:25.97vw;
  margin:1.07vw 5.27vw 0 0;
}
.interview_top .image img {
  border-radius:5.07vw;
}
.interview_top .image .mark {
  width:8vw;
  height:8.59vw;
  top:-2.92vw;
  left:1.17vw;
}
.interview_top .text .details {
  margin:1.66vw 0 0;
}
.interview_top .text .details .interview_plus_icon {
  width:6.34vw;
  height:4.78vw;
  bottom:-.97vw;
  right:4.1vw;
}
.interview_plus_icon .plus1 {
  width:4vw;
}
.interview_plus_icon .plus2 {
  width:1.75vw;
}
.interview_top .text .details h4 {
  font-size:2.14vw;
  margin:0 0 1.95vw;
}
.interview_top .text .details p {
  font-size:1.56vw;
}
.interview_top .text .profile {
  margin:3.9vw 0 0;
  padding:2.63vw 2.63vw 2.44vw 2.92vw;
  border-radius:.97vw;
}
.interview_top .text .profile h5 {
  font-size:1.75vw;
  left:2.92vw;
}
.interview_top .text .profile p {
  font-size:1.36vw;
}
.comments {
  width:57.32vw;
  margin:6.34vw auto 0;
}
.comments .comm_block {
  margin:4.39vw 0 0;
}
.comments .comm_block h3 {
  padding:.19vw 0 2.73vw;
  margin:0 0 3.41vw;
}
.comments .comm_block h3::before,
.comments .comm_block h3::after {
  width:calc(100% - 1.26vw);
  height:.29vw;
}
.comments .comm_block h3::after {
  width:1.26vw;
  bottom:.39vw;
  right:.39vw;
}
.comments .comm_block h3 .plus {
  font-size:1.95vw;
  padding:0 0 0 3.61vw;
}
.comments .comm_block h3 .plus::before {
  width:2.53vw;
  height:2.53vw;
}
.comments .comm_block p {
  font-size:1.56vw;
  padding:0 1.26vw;
}
.comments .comm_block p .st {
  font-size:2.14vw;
  margin:0 .29vw 0 0;
}
.modal_close button {
  font-size:1.75vw;
  width:20.7vw;
  height:5.85vw;
  border-radius:2.92vw;
}
.course_area {
  margin:10.74vw auto 0;
}
.course_area h2 {
  margin:0 auto 6.15vw;
}
.course_area ul {
  width:77.14vw;
}
.course_area ul li {
  margin:0 1.12vw;
}
.course_area ul li:nth-child(1) {
  margin-left:0;
}
.course_area ul li:nth-child(4) {
  margin-right:0;
}
.course_area ul li:nth-child(5),
.course_area ul li:nth-child(6) {
  margin-top:2.63vw;
}
.course_area ul li a {
  font-size:1.95vw;
  width:17.57vw;
  height:17.57vw;
}
.course_area ul li a::before {
  width:2.44vw;
  height:2.44vw;
  bottom:2.34vw;
  right:4.88vw;
}
.course_area ul li a .st {
  font-size:2.53vw;
}

.search_area {
  scroll-margin-top:8.78vw;
  margin:11.03vw auto 0;
}
.search_area h2 {
  margin:0 auto 3.41vw;
}
.school_list ul {
  width:87.3vw;
}
.school_list ul li {
  margin:2.73vw 1.07vw 0;
}
.school_list ul li a {
  font-size:2.53vw;
  width:23.43vw;
  height:6.25vw;
  padding:0 0 0 3.51vw;
  border-bottom:solid .78vw #353793;
  border-radius:3.13vw;
}
.school_list ul li a::before {
  width:2.34vw;
  height:2.34vw;
  left:2.24vw;
}

}


@media screen and (max-width:767px) {
  #first_anime h1 {
    width:50.4vw;
  }
  @keyframes firstanime {
    0% {
      transform:scale(0,0);
    }
    60% {
      transform:scale(3,1.8);
    }
    100% {
      transform:scale(3,3);
    }
  }
  .ispc, .pc {
    display:none
  }
  .sp {
    display:block;
  }
  .issp {
    display:block!important
  }
  .tlsp {
    text-align:left!important
  }
  .fn {
    font-weight:400!important
  }
  .l-col {
    width:calc(100% - 40px)
  }

  .top_mv .main_area {
    padding:0 4.26vw;
    display:block;
    position:relative;
  }
  .top_mv .image {
    max-width:100%;
  }
  .top_mv .image p {
    width:34.13vw;
    top:3.2vw;
    left:2.13vw;
  }
  .main_plus_icon {
    width:23.2vw;
    height:24.8vw;
    top:auto;
    bottom:7.73vw;
    right:7.56vw;
  }
  .main_plus_icon .plus1 {
    width:16.26vw;
    right:auto;
    left:0;
  }
  .main_plus_icon .plus2 {
    width:8vw;
    left:auto;
    right:0;
  }
  .main_area h1 {
    width:60.26vw;
    margin:-8vw 0 0 3.2vw;
    position:relative;
    z-index:2;
  }

  .lead_area {
    margin:0 auto;
    padding:10.13vw 0 60vw;
    display:block;
  }
  .lead_area .image_box {
    width:100%;
    min-width:inherit;
    margin:0;
  }
  .lead_img1 {
    width:26.66vw;
    margin:0;
    position:absolute;
    top:-11.2vw;
    right:4.26vw;
  }
  .lead_img2 {
    width:58.66vw;
    margin:0 0 16vw 6.4vw;
  }
  .lead_img1 img,
  .lead_img2 img {
    width:100%;
  }
  .lead_plus_icon {
    width:40.26vw;
    height:40.26vw;
    top:48.26vw;
    left:-4.26vw;
  }
  .lead_plus_icon .plus1 {
    width:100%;
  }
  .people_img1 {
    width:17.06vw;
    top:40.53vw;
    left:52.8vw;
  }
  .people_img2 {
    width:23.73vw;
    top:62.93vw;
    left:70.66vw;
  }
  .lead_area .text {
    padding:0 0 0 12vw;
  }
  .lead_area .text p {
    font-size:4.8vw;
    line-height:1.88;
    margin:0;
  }
  .lead_area .text p + p {
    margin-top:12vw;
  }
  .people_img3 {
    width:8.53vw;
    bottom:-4vw;
    left:auto;
    right:13.33vw;
    z-index:2;
  }
  .people_img4 {
    width:34.66vw;
    bottom:-26.66vw;
    left:53.33vw;
  }
  .people_img5 {
    width:32vw;
    bottom:-42.66vw;
    left:20.53vw;
  }
  .lead_plus_icon3 {
    width:26.66vw;
    height:32vw;
    bottom:-5.33vw;
    left:auto;
    right:4.26vw;
  }
  .lead_plus_icon3 .plus1 {
    width:25.33vw;
  }
  .lead_plus_icon3 .plus2 {
    width:8vw;
  }

  .plus_ttl {
    font-size:5.6vw;
    padding: .8vw 0 4vw 11.2vw;
    margin: 0 auto;
    background: url(../img/common/mark_plus.svg) no-repeat 0 0;
    background-size: 6.93vw auto;
    position: relative;
    left: -10px;
  }
  .plus_ttl::before,
  .plus_ttl::after {
    content:"";
    width:calc(100% - 7.73vw);
    height:2px;
    left:9.6vw;
  }
  .plus_ttl::after {
    width:2.93vw;
    bottom:1.06vw;
    left:auto;
    right:-4.26vw;
  }

  .pickup_area h2 {
    margin: 0 auto 7.2vw;
  }
  .pickup_bnr {
    padding:6.13vw 0 0 !important
  }
  #pickup_slide {
    width:160vw;
    max-width:160vw;
    margin:0 0 0 4vw;
    padding:0 0 24vw;
  }
  #pickup_slide .slick-dots {
    width:92vw;
    bottom:6.66vw;
  }
  .pickup_bnr .slick-slide {
    margin:0 4vw 0 0 !important;
  }
  .pickup_bnr .slick-slide h3 {
    font-size:4.8vw;
    margin:2.66vw 0 0;
  }
  .pickup_bnr .slick-slide p {
    font-size:4.26vw;
    margin:5.33vw 0 0;
  }
  .pickup_bnr .slick-slide .col span:first-child {
    padding:;
    font-size:4.26vw;
    border-radius:0 2.13vw 0 0;
  }
  .pickup_bnr .slick-slide .col span:last-child {
    font-size:3.73vw;
  }
  .pickup_bnr .slick-slide .img {
    border-radius:0 5.33vw 0 0;
    margin-bottom:6.13vw;
    box-shadow:0 0 1.33vw 0 rgba(0, 0, 0, 0.2);
  }

  .brand_area {
    width:auto;
    height:auto;
    padding:9.33vw 0 13.33vw;
    margin:19.2vw 4.26vw 17.33vw;
    border:solid 2px #d2d2e9;
    border-radius:0 8vw 0 8vw;
    box-shadow:0 0 1.33vw 0 rgba(0, 0, 0, 0.2);
    background:url(../img/common/brand_icon.svg) no-repeat right 5.33vw top 18.66vw;
    background-size:28.26vw auto;
  }
  .brand_area h2 {
    font-size:4.26vw;
    padding:0 13.86vw;
    margin:0 auto 6.66vw;
  }
  .brand_area h2::after,
  .brand_area h2::before {
    width:9.86vw;
    height:1px;
  }
  .brand_area .text {
    width:100%;
    padding:0 8.53vw;
  }
  .brand_area .text h3 {
    font-size:5.33vw;
  }
  .brand_area .text p {
    font-size:4.26vw;
    letter-spacing:0;
    margin:4vw 0 0;
  }

  .promise_area h2 {
    margin: 0 auto 7.46vw;
  }
  .promise_area .imgcol {
    display:block;
  }
  .promise_area .imgcol .image {
    width:95.73vw;
    min-width:95.73vw;
    margin:0 0 6.66vw;
  }
  .promise_area .imgcol .text {
    width:89.33vw;
    padding:9.33vw 0 0 7.73vw;
    margin:0 0 0 1.33vw;
  }
  .promise_area .imgcol .text::before {
    width: 1px;
    height: 100%;
    top: 0;
    left: 2.66vw;
  }
  .promise_area .imgcol .text::after {
    width: 100%;
    height: 1px;
    top: 2.93vw;
    left: 0;
  }
  .promise_area .imgcol .text p {
    font-size:4.26vw;
    line-height:1.87;
  }
  .promise_area .imgcol .text p .st {
    font-size:8.26vw;
    margin:0 .8vw 0 0;
  }
  .promise_plus_icon {
    width:17.33vw;
    height:13.06vw;
    bottom:-8vw;
    right:0;
  }
  .promise_plus_icon .plus1 {
    width:10.93vw;
  }
  .promise_plus_icon .plus2 {
    width:4.8vw;
  }

  .promise_slide {
    width:85.6vw;
    margin:16vw 0 0 3.2vw;
    padding:0 0 16.8vw;
  }
  .promise_slide .slick-slide,
  .achievements_slide .slick-slide {
    width:85.6vw !important;
    margin:0 5.6vw 0 0;
  }
  .promise_slide .slick-dots {
    width:100vw;
    padding:0;
    margin-left:-3.2vw;
  }
  .promise_system,
  .promise_environment {
    width:80vw;
    border-radius:0 8vw 0 0;
    box-shadow:0 0 1.33vw 0 rgba(0, 0, 0, 0.2);
  }
  .promise_slide h3,
  .achievements_slide h3 {
    height:18.13vw;
    border-radius:0 8vw 0 0;
  }
  .promise_slide h3 .ibk,
  .achievements_slide h3 .ibk {
    font-size:4.8vw;
    line-height:1.22;
    padding:0 8.26vw;
  }
  .promise_slide h3 .ibk::after, .promise_slide h3 .ibk::before,
  .achievements_slide h3 .ibk::after, .achievements_slide h3 .ibk::before {
    width:4.53vw;
  }
  .promise_slide .box,
  .achievements_slide .box {
    padding:5.06vw 4.8vw 12.53vw;
    flex-wrap:wrap;
  }
  .promise_slide .box h4 {
    width:16vw;
    margin:0 .53vw 0 -1.87vw;
  }
  .promise_slide .box .image {
    width:55.46vw;
    margin:3.46vw 0 0;
    border:solid 2px #767aba;
    border-radius:8vw;
    overflow:hidden;
  }
  .promise_slide .box .text {
    width:100%;
    margin:6.66vw 0 0;
  }
  .promise_slide .box .text p {
    font-size:4.26vw;
    line-height:1.625;
    padding:0 5.33vw;
    margin:0;
  }
  .promise_slide .promise_environment .box .text p {
    padding:0 5.33vw;
    margin:0;
  }
  .promise_slide .box .text p .st,
  .promise_slide .box .text p .cl {
    font-size:4.26vw;
  }
  .promise_slide .box .text .digest {
    min-height:73.06vw;
    margin:9.33vw 0 0;
    padding:0;
    display:flex;
    justify-content:center;
    align-items:center;
    border-radius:8vw;
  }
  .promise_slide .box .text .digest h5 {
    margin:0;
    padding:0 0 0 6.13vw;
    top:-2.13vw;
    left:9.6vw;
  }
  .promise_slide .box .text .digest h5::before {
    width:3.73vw;
    height:4.53vw;
    top:0;
  }
  .promise_slide .box .text .digest h5 .mark {
    font-size:4.26vw;
    width:16.8vw;
    height:4vw;
    border-radius:.8vw;
  }
  .promise_slide .promise_environment .box .text .digest ul {
    padding:2.66vw 0 2.66vw 2.66vw;
  }
  .promise_slide .box .text .digest ul li {
    font-size:4.26vw;
    margin:1.86vw 0 0;
    padding:0 0 0 4vw;
  }
  .promise_slide .box .text .digest ul li .st {
    font-size:4.53vw;
  }
  .promise_slide .box .text .digest ul li::before {
    width:2.13vw;
    height:2.13vw;
    top:2.4vw;
  }
  .promise_slide .box .button a,
  .promise_slide .box .button button,
  .achievements_slide .box .button a,
  .news_area .news_inner .button a {
    font-size:3.73vw;
    width:41.6vw;
    height:11.73vw;
    padding:0 3.2vw 0 0;
    border-radius:5.9vw;
  }
  .promise_slide .box .button a::before,
  .promise_slide .box .button button::before,
  .achievements_slide .box .button a::before,
  .news_area .news_inner .button a::before {
    width:4vw;
    height:4vw;
    right:4.8vw;
  }

  .after_area {
    margin:19.2vw 0 0;
    padding:3.2vw 0 9.33vw;
    border-radius:8vw;
  }
  .students_area h2 {
    height:31.73vw;
  }
  .students_area h2 img {
    width:95.73vw;
  }
  .students_area h2 .text {
    font-size:6.66vw;
    white-space:nowrap;
    letter-spacing:0;
    padding:0;
    top:8vw;
    left:auto;
    right:6.13vw;
    transform:none;
  }
  .students {
    margin:9.33vw 4.26vw 0;
    padding:9.33vw 0;
    border-radius:8vw;
    box-shadow:0 0 1.33vw 0 rgba(0, 0, 0, 0.2);
    position:relative;
  }
  .students::after,
  .students::before {
    border-radius:8vw;
  }
  .students::before {
    top:7.2vw;
  }
  .students h2 {
    line-height:1.71;
    height:auto;
    margin:0 auto 62px;
    position:relative;
    z-index:2;
    background: url(../img/common/mark_plus.svg) no-repeat 0 6.66vw;
    background-size: 6.93vw auto;
  }
  .students ul {
    padding:0 0 0 3.2vw;
    display:block;
  }
  .students ul li {
    width:100%;
    display:flex;
  }
  .students ul li + li {
    margin-top:5.86vw;
    padding-top:5.86vw;
    margin-left:0;
    background:url(../img/common/circle_line.png) repeat-x 0 0;
    background-size:.8vw auto;
  }
  .students ul li .image {
    width:36.26vw;
    min-width:36.26vw;
    margin:0 3.73vw 0 0;
  }
  .students ul li .image > img {
    border:solid 2px #767aba;
    border-radius:8vw;
  }
  .students ul li .image .mark {
    width:11.2vw;
    height:12vw;
    top:-4vw;
    left:1.33vw;
  }
  .students ul li .text h3 {
    font-size:3.46vw;
    padding:.53vw 0 0 6.13vw;
    margin:.8vw 0 2.13vw;
  }
  .students ul li .text h3::before {
    width:3.73vw;
    height:4.53vw;
    top:0;
    left:.8vw;
  }
  .students ul li .details {
    padding:0 0 0 1.86vw;
    display:flex;
    flex-direction:column;
    align-items:center;
    border-left:solid 2.4vw #ddd9bf;
  }
  .students ul li .details h4 {
    font-size:4vw;
    line-height:1.46;
    margin:0 0 2.66vw;
  }
  .students ul li .details p {
    font-size:3.46vw;
    letter-spacing:0;
  }
  .students ul li .link {
    text-align:right;
    max-width:none;
    padding:0 3.2vw;
    margin:3.2vw auto 0;
  }
  .students ul li .link a {
    font-size:3.46vw;
    padding:.53vw 6.13vw .53vw 0;
    background:url(../img/common/icon_link_arrow_p.svg) no-repeat right 0 center;
    background-size:4vw auto;
  }
  .students ul li .link a::before {
    display:none;
  }

  .achievements_area {
    margin:19.2vw auto 0;
    padding:0 0 0 3.2vw;
  }
  .achievements_area h2 {
    margin:0 auto 6.66vw;
  }
  .achievements_slide {
    width:85.6vw;
    max-width:85.6vw;
    margin:0;
    padding:0 0 14.93vw;
  }
  .junior_high_school,
  .high_school {
    border-radius: 0 8vw 0 0;
    box-shadow: 0 0 1.33vw 0 rgba(0, 0, 0, 0.2);
  }
  .achievements_slide .junior_high_school .box {
    padding:6.13vw 5.33vw 12.53vw 6.4vw;
  }
  .achievements_slide .box .pcimg {
    display:none;
  }
  .achievements_slide .box .spimg {
    width:40.53vw;
    margin:0 auto 6.66vw;
    border:solid 2px #767aba;
    border-radius:50%;
    display:block;
  }
  .achievements_slide .twocol {
    display:block;
  }
  .achievements_slide .result {
    padding:0;
  }
  .achievements_slide .result p {
    font-size:4vw;
    padding-left:2.13vw;
  }
  .achievements_slide .result p .icon {
    width:21.86vw;
    height:30.4vw;
    top:-18.66vw;
    right:-3.2vw;
  }
  .achievements_slide .result h4 {
    width:63.2vw;
    margin:4.53vw 0 5.33vw;
    padding-left:2.13vw;
  }
  .achievements_slide .result h4 + p {
    font-size:4.8vw;
    line-height:1.5;
  }
  .schools .pcimg {
    display:none;
  }
  .schools .list {
    margin:5.33vw 0 0;
    flex-wrap:wrap;
    display:flex;
    margin-left:-1.33vw;
    margin-right:-4vw;
  }
  .high_school .schools_sec .list li,
  .schools .list li {
    font-size:3.73vw;
    letter-spacing:0;
    margin:5px 0 0 0;
    width:37.06vw !important;
    padding:0 0 0 2.93vw;
  }
  .high_school .schools_sec .list li:nth-child(even),
  .schools .list li:nth-child(even) {
    width:31.2vw !important;
  }
  .high_school .schools_sec .list li::before,
  .schools .list li::before {
    width:1.6vw;
    height:1.6vw;
    top:1.33vw;
  }
  .schools p {
    font-size:3.73vw;
    line-height:1.35;
    margin:5.33vw 0 2.66vw;
  }
  .schools .otlist li,
  .schools_sec .otlist li {
    font-size:3.46vw;
    line-height:1.53;
    display:inline-block;
    margin:0;
  }
  .schools .otlist li:nth-child(2),
  .schools .otlist li:nth-child(5),
  .schools_sec .otlist li:nth-child(2),
  .schools_sec .otlist li:nth-child(3),
  .schools_sec .otlist li:nth-child(4) {
    padding-left:5.6vw;
  }
  .schools .otlist li:nth-child(2)::before,
  .schools .otlist li:nth-child(5)::before,
  .schools_sec .otlist li:nth-child(2)::before,
  .schools_sec .otlist li:nth-child(3)::before,
  .schools_sec .otlist li:nth-child(4)::before {
    left:1.6vw;
  }
  .schools .otlist li:nth-child(6) {
    padding-left:0;
  }
  .schools .otlist li:nth-child(6)::before {
    display:none;
  }
  .achievements_slide .high_school .box {
    padding:6.13vw 8vw 18.66vw;
  }
  .high_school .percent {
    width:100%;
    min-width:inherit;
    padding:0;
  }
  .high_school .percent p {
    font-size:4vw;
    margin:0;
  }
  .high_school .percent h4 {
    width:61.06vw;
    margin:4vw 0 8vw;
  }
  .high_school .schools_sec h5 {
    font-size:4.8vw;
    line-height:1.5;
  }
  .high_school .schools_sec h5 .icon {
    width:21.86vw;
    height:30.4vw;
    top:14.66vw;
    right:-4vw;
  }
  .high_school .schools_sec .twocol {
    margin:6.66vw 0 0;
    display:block;
  }
  .high_school .schools_sec .twocol .pcimg {
    display:none;
  }
  .high_school .schools_sec .twocol .text {
    width:100%;
  }
  .high_school .schools_sec .list {
    width:45.33vw;
    margin:0;
    display:flex;
    flex-wrap:wrap;
  }
  .high_school .schools_sec .list li {
    font-size:3.73vw;
    margin:2.66vw 0 0;
    width:21.86vw !important;
    padding:0 0 0 2.93vw;
  }
  .high_school .schools_sec .list li:nth-child(even) {
    width:23.2vw !important;
  }
  .high_school .schools_sec .twocol .text p.chushaku {
    font-size:2.13vw;
    margin:4vw 0 0;
  }
  .high_school .schools_sec .twocol + p {
    font-size:3.73vw;
    line-height:1.64;
    margin:9.33vw 0 2.66vw;
  }

  .course_area {
    margin:18.13vw auto 0;
  }
  .course_area h2 {
    margin:0 auto 7.46vw;
  }
  .course_area ul {
    width:93.6vw;
  }
  .course_area ul li {
    width:calc(33.33% - 2.12vw);
    margin:0 1.06vw;
  }
  .course_area ul li:nth-child(1) {
    margin-left:1.06vw;
  }
  .course_area ul li:nth-child(4) {
    margin-right:1.06vw;
  }
  .course_area ul li:nth-child(4),
  .course_area ul li:nth-child(5),
  .course_area ul li:nth-child(6) {
    margin-top:2.13vw;
  }
  .course_area ul li a {
    font-size:3.46vw;
    line-height:1.76;
    width:29.06vw;
    height:29.06vw;
  }
  .course_area ul li a::before {
    width:4vw;
    height:4vw;
    bottom:3.46vw;
    right:7.73vw;
  }
  .course_area ul li a .st {
    font-size:4.26vw;
    line-height:1.43;
  }

  .search_area {
    scroll-margin-top:54px;
    margin:18.13vw auto 0;
  }
  .search_area h2 {
    margin:0 auto 2.66vw;
  }
  .school_list ul {
    width:95.4667vw;
    justify-content:flex-start;
  }
  .school_list ul li {
    width:calc(50% - 4vw);
    margin:4.53vw 2vw 0;
  }
  .school_list ul li a {
    font-size:4.26vw;
    width:100%;
    height:11.46vw;
    padding:0 0 0 3.2vw;
    border-bottom:solid 1.33vw #353793;
    border-radius:5.73vw;
    box-sizing:border-box;
  }
  .school_list ul li a::before {
    width:4vw;
    height:4vw;
    left:3.46vw;
  }
  .img_slider {
    margin:9.86vw 0 0;
  }
  .img_slider ul {
    width:486.4vw;
    min-width:486.4vw;
    display:flex;
    animation:infiniteSlide 25s linear infinite;
  }
  .img_slider ul li {
    width:75.73vw;
    height:51.2vw;
    min-width:75.73vw;
    min-height:51.2vw;
    margin:0 5.33vw 0 0;
  }
  @keyframes infiniteSlide {
    from {
      transform: translateX(0);
    }
    to {
      transform: translateX(-486.4vw);
    }
  }

  .news_area {
    margin:18.13vw 0 0;
  }
  .news_area .news_inner {
    padding:9.86vw 3.2vw 6.66vw 4.26vw;
  }
  .news_area h2 {
    margin:0 auto 7.46vw;
  }
  .news_area ul {
    width:100%;
    max-width:none;
    margin:0 auto;
  }
  .news_area ul li {
    padding:5.33vw 0;
  }
  .news_area ul li a {
    align-items:flex-start;
  }
  .news_area ul li a .img {
    width:26.13vw;
    min-width:26.13vw;
    margin:0 3.46vw 0 0;
  }
  .news_area .catcol {
    margin:0 0 2.66vw;
    flex-wrap:wrap;
  }
  .news_area .catcol .cat {
    display:flex;
  }
  .news_area .catcol .cat span {
    font-size:4.26vw;
    width:21.86vw;
    height:6.4vw;
    margin:0 2.13vw 0 0;
    padding:0 0 .53vw;
    border-radius:.8vw;
  }
  .news_area .catcol .date {
    font-size:3.73vw;
    margin:1vw 0;
    display:block;
  }
  .news_area .detail p {
    font-size:4.26vw;
    margin:0;
  }

  .interview_top {
    display:block;
  }
  .interview_top .image {
    width:53.86vw;
    min-width:inherit;
    margin:0 auto 6.66vw;
  }
  .interview_top .image img {
    border:solid 3px #767aba;
    border-radius:10.66vw;
  }
  .interview_top .image .mark {
    width:16.53vw;
    height:17.6vw;
    top:-6.13vw;
    left:2.13vw;
  }
  .area_modal .interview_top .text h3 {
    font-size:3.46vw;
    padding: 0 0 0 7.46vw;
    margin: 0;
  }
  .area_modal .interview_top .text h3::before {
    width: 3.73vw;
    height: 4.53vw;
    left: .8vw;
  }
  .interview_top .text .details {
    margin:3.73vw 0 0;
  }
  .interview_top .text .details .interview_plus_icon {
    width:17.33vw;
    height:13.06vw;
    bottom:0;
    right:1.86vw;
  }
  .interview_plus_icon .plus1 {
    width:10.93vw;
  }
  .interview_plus_icon .plus2 {
    width:4.8vw;
  }
  .area_modal .interview_top .text .details {
    padding: 1.33vw 0 1.33vw 3.2vw;
    border-left: solid 2.4vw #ddd9bf;
  }
  .interview_top .text .details h4 {
    font-size:5.33vw;
    margin:0 0 5.33vw;
  }
  .interview_top .text .details p {
    font-size:4.26vw;
  }
  .interview_top .text .profile {
    margin:9.33vw 0 0;
    padding:6.66vw 7.73vw 5.33vw;
    border-radius:2.66vw;
  }
  .interview_top .text .profile h5 {
    font-size:4.8vw;
    left:8.53vw;
  }
  .interview_top .text .profile p {
    font-size:3.73vw;
  }
  .comments {
    width:100%;
    margin:13.33vw auto 0;
  }
  .comments .comm_block {
    margin:13.33vw 0 0;
  }
  .comments .comm_block h3 {
    padding:.8vw 0 6.13vw;
    margin:0 0 5.86vw;
    justify-content: flex-start;
  }
  .comments .comm_block h3::before,
  .comments .comm_block h3::after {
    width:90.93vw;
    height:.53vw;
    left:-6.93vw;
  }
  .comments .comm_block h3::after {
    width:2.66vw;
    bottom:.8vw;
    left:auto;
    right:0;
  }
  .comments .comm_block h3 .plus {
    font-size:5.33vw;
    padding:0 0 0 10.66vw;
  }
  .comments .comm_block h3 .plus::before {
    width:6.93vw;
    height:6.93vw;
  }
  .comments .comm_block p {
    font-size:4.26vw;
    padding:0 1.6vw;
  }
  .comments .comm_block p .st {
    font-size:5.86vw;
    margin:0 .53vw 0 0;
  }
  .modal_close {
    bottom:10.66vw;
    transform: translate(-50%, 0);
  }
  .modal_close button {
    font-size:4vw;
    width:41.6vw;
    height:11.73vw;
    border-radius:5.865vw;
  }

}

@media (hover: hover) {
.students ul li .link a:hover::before {
  transform:scaleX(1);
}
.promise_slide .box .button a:hover,
.achievements_slide .box .button a:hover,
.course_area ul li a:hover,
.news_area .news_inner .button a:hover,
.modal_close button:hover {
  opacity:.7;
}
.school_list ul li a:hover {
  top:8px;
  border-bottom:solid 0px #353793;
}
.pickup_bnr .slick-slide a:hover,
.news_area ul li a:hover {
  text-decoration:underline;
}
.news_area ul li a:hover .img img {
  transform:scale(1.1);
  opacity:.7;
}
.promise_slide a:hover .box .button button {
  background-color:#5773b0;
}
.promise_slide a:hover .box .image img {
  transform:scale(1.1);
  opacity:.85;
}

}