@charset "UTF-8";
/* メインビジュアル */
@keyframes revealTextFromTop { 0% { opacity: 0; clip-path: inset(0 0 100% 0); }
  100% { opacity: 1; clip-path: inset(0 0 0 0); } }
@keyframes revealFadeInOutA { 0% { opacity: 0; clip-path: inset(0 0 100% 0); }
  10% { opacity: 1; clip-path: inset(0 0 0% 0); }
  45% { opacity: 1; }
  50% { opacity: 0; }
  100% { opacity: 0; } }
@keyframes revealFadeInOutB { 0%, 49% { opacity: 0; clip-path: inset(0 0 100% 0); }
  50% { opacity: 0; clip-path: inset(0 0 100% 0); }
  60% { opacity: 1; clip-path: inset(0 0 0% 0); }
  95% { opacity: 1; }
  100% { opacity: 0; } }
@media (min-width: 768px) { .main_img_box { width: 100%; padding-top: 45%; position: relative; overflow: hidden; }
  .main_img_box .text { position: absolute; z-index: 3; display: flex; justify-content: center; align-items: center; top: 0; left: 0; width: 100%; height: 100%; }
  .main_img_box .text img { width: 50%; }
  .image { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-size: cover; background-position: center; opacity: 0; transition: opacity 1s ease-in-out; }
  .image.active { opacity: 1; }
  .image:first-child { opacity: 1; }
  .box1 .src4, .box1 .src5, .box1 .src6, .box2 .src5, .box3 .src4, .box4 .src5, .box8 .src4, .box8 .src5, .box10 .src4, .box10 .src5 { display: none; }
  .box1 { width: 34%; padding-top: 18.5%; position: absolute; top: 0; left: 0; }
  .box1 .src1 { background-image: url("../images/main/ichigo/img1.jpg"); animation-delay: 0s; }
  .box1 .src2 { background-image: url("../images/main/ichigo/img2.jpg"); animation-delay: 6s; }
  .box1 .src3 { background-image: url("../images/main/ichigo/img3.jpg"); animation-delay: 14s; }
  .box2 { width: 16.1%; padding-top: 18.5%; position: absolute; top: 0; left: 34%; }
  .box2 .src1 { background-image: url("../images/main/1-8/k-i-01.jpg"); animation-delay: 0s; }
  .box2 .src2 { background-image: url("../images/main/2-8/k-r-03.jpg"); animation-delay: 5s; }
  .box2 .src3 { background-image: url("../images/main/3-8/f-k-02.jpg"); animation-delay: 10s; }
  .box2 .src4 { background-image: url("../images/main/4-7/k-q-03.jpg"); animation-delay: 15s; }
  .box3 { width: 17%; padding-top: 18.5%; position: absolute; top: 0; left: 50%; }
  .box3 .src1 { background-image: url("../images/main/1-8/k-q-06.jpg"); animation-delay: 0s; }
  .box3 .src2 { background-image: url("../images/main/2-8/f-i-01.jpg"); animation-delay: 6s; }
  .box3 .src3 { background-image: url("../images/main/3-8/k-q-02.jpg"); animation-delay: 11s; }
  .box3 .src4 { background-image: url("../images/main/4-7/f-i-02.jpg"); animation-delay: 16s; }
  .box4 { width: 17%; padding-top: 18.5%; position: absolute; top: 0; left: 67%; }
  .box4 .src1 { background-image: url("../images/main/1-8/k-r-02.jpg"); animation-delay: 0s; }
  .box4 .src2 { background-image: url("../images/main/2-8/f-k-01.jpg"); animation-delay: 5s; }
  .box4 .src3 { background-image: url("../images/main/3-8/f-r-01.jpg"); animation-delay: 10s; }
  .box4 .src4 { background-image: url("../images/main/4-7/k-q-04.jpg"); animation-delay: 15s; }
  .box5 { width: 17%; padding-top: 18.5%; position: absolute; top: 0; left: 84%; }
  .box5 .src1 { background-image: url("../images/main/1-8/k-r-08.jpg"); animation-delay: 0s; }
  .box5 .src2 { background-image: url("../images/main/2-8/k-r-06.jpg"); animation-delay: 6s; }
  .box5 .src3 { background-image: url("../images/main/3-8/k-q-07.jpg"); animation-delay: 11s; }
  .box5 .src4 { background-image: url("../images/main/4-7/k-r-01.jpg"); animation-delay: 16s; }
  .box6 { width: 100%; height: 18%; position: absolute; top: 42%; left: 0%; background-color: #fff; display: flex; justify-content: center; align-items: center; flex-direction: column; }
  .box6 div { position: absolute; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; }
  .box6 img { position: absolute; z-index: 2; opacity: 0; }
  .text_a { top: -38%; }
  .text_b { top: -35%; }
  .text_a img { width: 73%; animation: revealFadeInOutA 9s linear infinite; }
  .text_b img { width: 92%; animation: revealFadeInOutB 9s linear infinite; }
  .box7 { width: 17%; padding-top: 18.5%; position: absolute; top: 61%; left: 0%; }
  .box7 .src1 { background-image: url("../images/main/1-8/k-k-03.jpg"); animation-delay: 0s; }
  .box7 .src2 { background-image: url("../images/main/2-8/f-q-01.jpg"); animation-delay: 5s; }
  .box7 .src3 { background-image: url("../images/main/3-8/k-i-02.jpg"); animation-delay: 10s; }
  .box7 .src4 { background-image: url("../images/main/4-7/k-r-09.jpg"); animation-delay: 15s; }
  .box8 { width: 17%; padding-top: 18.5%; position: absolute; top: 61%; left: 17%; }
  .box8 .src1 { background-image: url("../images/main/1-8/k-q-01.jpg"); animation-delay: 0s; }
  .box8 .src2 { background-image: url("../images/main/2-8/k-k-02.jpg"); animation-delay: 6s; }
  .box8 .src3 { background-image: url("../images/main/3-8/k-r-04.jpg"); animation-delay: 12s; }
  .box8 .src4 { background-image: url("../images/main/4-7/f-k-03.jpg"); animation-delay: 16s; }
  .box9 { width: 17%; padding-top: 18.5%; position: absolute; top: 61%; left: 34%; }
  .box9 .src1 { background-image: url("../images/main/1-8/k-q-08.jpg"); animation-delay: 0s; }
  .box9 .src2 { background-image: url("../images/main/2-8/f-r-02.jpg"); animation-delay: 5s; }
  .box9 .src3 { background-image: url("../images/main/3-8/k-r-07.jpg"); animation-delay: 10s; }
  .box9 .src4 { background-image: url("../images/main/4-7/f-q-02.jpg"); animation-delay: 15s; }
  .box10 { width: 17%; padding-top: 18.5%; position: absolute; top: 61%; left: 51%; }
  .box10 .src1 { background-image: url("../images/main/1-8/k-r-05.jpg"); animation-delay: 0s; }
  .box10 .src2 { background-image: url("../images/main/2-8/k-q-05.jpg"); animation-delay: 8s; }
  .box10 .src3 { background-image: url("../images/main/3-8/k-k-01.jpg"); animation-delay: 16s; }
  .box11 { width: 33%; padding-top: 18.5%; position: absolute; top: 61%; left: 68%; }
  .box11 .src1 { background-image: url(../images/main/ichigo/img4.jpg); animation-delay: 0s; }
  .box11 .src2 { background-image: url(../images/main/ichigo/img5.jpg); animation-delay: 7s; }
  .box11 .src3 { background-image: url(../images/main/ichigo/img6.jpg); animation-delay: 15s; } }
@media (max-width: 767px) { .main_img_box { width: 100%; padding-top: 130%; position: relative; margin: 60px 0 0 0; overflow: hidden; }
  .main_img_box .text { position: absolute; z-index: 3; display: flex; justify-content: center; align-items: center; top: 0; left: 0; width: 100%; height: 100%; }
  .main_img_box .text img { width: 50%; }
  .main_img_box .logo30 { position: absolute; z-index: 4; right: 7px; top: calc(50% - 21%); }
  .main_img_box .logo30 img { width: 21vw; height: auto; }
  .image { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-size: cover; background-position: center; opacity: 0; transition: opacity 1s ease-in-out; }
  .image.active { opacity: 1; }
  .image:first-child { opacity: 1; }
  .box1 { width: 100%; padding-top: 50%; position: absolute; top: 36%; left: 0; }
  .box1 .src1 { background-image: url("../images/main/ichigo/img1.jpg"); animation-delay: 0s; }
  .box1 .src2 { background-image: url("../images/main/ichigo/img2.jpg"); animation-delay: 4s; }
  .box1 .src3 { background-image: url("../images/main/ichigo/img3.jpg"); animation-delay: 8s; }
  .box1 .src4 { background-image: url("../images/main/ichigo/img4.jpg"); animation-delay: 12s; }
  .box1 .src5 { background-image: url("../images/main/ichigo/img5.jpg"); animation-delay: 16s; }
  .box1 .src6 { background-image: url("../images/main/ichigo/img6.jpg"); animation-delay: 20s; }
  .box2 { width: 34%; padding-top: 34%; position: absolute; top: 0; left: 0%; }
  .box2 .src1 { background-image: url("../images/main/4-7/k-q-03.jpg"); animation-delay: 0s; }
  .box2 .src2 { background-image: url("../images/main/4-7/f-i-02.jpg"); animation-delay: 5s; }
  .box2 .src3 { background-image: url("../images/main/3-8/k-r-07.jpg"); animation-delay: 10s; }
  .box2 .src4 { background-image: url("../images/main/2-8/k-k-02.jpg"); animation-delay: 15s; }
  .box2 .src5 { background-image: url("../images/main/1-8/k-r-08.jpg"); animation-delay: 20s; }
  .box3 { width: 34%; padding-top: 34%; position: absolute; top: 0; left: 34%; }
  .box3 .src1 { background-image: url("../images/main/4-7/k-q-04.jpg"); animation-delay: 0s; }
  .box3 .src2 { background-image: url("../images/main/3-8/f-k-02.jpg"); animation-delay: 6s; }
  .box3 .src3 { background-image: url("../images/main/3-8/k-k-01.jpg"); animation-delay: 11s; }
  .box3 .src4 { background-image: url("../images/main/2-8/f-r-02.jpg"); animation-delay: 16s; }
  .box3 .src5 { background-image: url("../images/main/1-8/k-k-03.jpg"); animation-delay: 18s; }
  .box4 { width: 34%; padding-top: 34%; position: absolute; top: 0; left: 68%; }
  .box4 .src1 { background-image: url("../images/main/4-7/k-r-01.jpg"); animation-delay: 0s; }
  .box4 .src2 { background-image: url("../images/main/3-8/f-r-01.jpg"); animation-delay: 4.8s; }
  .box4 .src3 { background-image: url("../images/main/2-8/f-i-01.jpg"); animation-delay: 9.6s; }
  .box4 .src4 { background-image: url("../images/main/2-8/k-q-05.jpg"); animation-delay: 14.4s; }
  .box4 .src5 { background-image: url("../images/main/1-8/k-q-01.jpg"); animation-delay: 19.2s; }
  .box5 { display: none; }
  .box6 { width: 100%; position: absolute; top: 28.5%; left: 0%; background-color: #fff; display: flex; justify-content: center; align-items: center; flex-direction: column; }
  .box6 div { position: absolute; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; }
  .box6 img { position: absolute; z-index: 2; opacity: 0; }
  .text_a { top: -42%; }
  .text_b { top: -40%; }
  .text_a img { width: 87%; animation: revealFadeInOutA 9s linear infinite; }
  .text_b img { width: 97%; animation: revealFadeInOutB 9s linear infinite; }
  .box7 { display: none; }
  .box8 { width: 34%; padding-top: 34%; position: absolute; top: 74%; left: 0%; }
  .box8 .src1 { background-image: url("../images/main/4-7/k-r-09.jpg"); animation-delay: 0s; }
  .box8 .src2 { background-image: url("../images/main/3-8/k-q-07.jpg"); animation-delay: 4.8s; }
  .box8 .src3 { background-image: url("../images/main/2-8/f-k-01.jpg"); animation-delay: 9.6s; }
  .box8 .src4 { background-image: url("../images/main/1-8/k-i-01.jpg"); animation-delay: 14.4s; }
  .box8 .src5 { background-image: url("../images/main/1-8/k-q-08.jpg"); animation-delay: 19.2s; }
  .box9 { width: 34%; padding-top: 34%; position: absolute; top: 74%; left: 34%; }
  .box9 .src1 { background-image: url("../images/main/4-7/f-k-03.jpg"); animation-delay: 0s; }
  .box9 .src2 { background-image: url("../images/main/3-8/k-i-02.jpg"); animation-delay: 6s; }
  .box9 .src3 { background-image: url("../images/main/2-8/k-r-06.jpg"); animation-delay: 11s; }
  .box9 .src4 { background-image: url("../images/main/2-8/k-r-03.jpg"); animation-delay: 16s; }
  .box9 .src5 { background-image: url("../images/main/1-8/k-q-06.jpg"); animation-delay: 20s; }
  .box9 .src6 { background-image: url("../images/main/1-8/k-r-05.jpg"); animation-delay: 20s; }
  .box10 { width: 34%; padding-top: 34%; position: absolute; top: 74%; left: 68%; }
  .box10 .src1 { background-image: url("../images/main/4-7/f-q-02.jpg"); animation-delay: 0s; }
  .box10 .src2 { background-image: url("../images/main/3-8/k-r-04.jpg"); animation-delay: 4.8s; }
  .box10 .src3 { background-image: url("../images/main/3-8/k-q-02.jpg"); animation-delay: 9.6s; }
  .box10 .src4 { background-image: url("../images/main/2-8/f-q-01.jpg"); animation-delay: 14.4s; }
  .box10 .src5 { background-image: url("../images/main/1-8/k-r-02.jpg"); animation-delay: 19.2s; } }
/* 参加者の声 */
@media (min-width: 768px) { .voice_box { background-color: #fff; padding: 90px 0; background-image: url("../images/voice/back.png"), url("../images/voice/back2.png"); background-repeat: no-repeat; background-position: top left, bottom right; }
  .voice_box .voice_sub { margin: 0 0 15px 0; }
  .voice_box .voice_sub h3 { font-size: 22px; }
  .voice_box .voice_flex { display: flex; justify-content: space-between; flex-wrap: wrap; margin: 0 0 30px 0; }
  .voice_box .voice_flex li { width: 33%; height: 204px; background-image: url("../images/voice/img1.png"); background-repeat: no-repeat; background-size: 312px 147px; position: relative; }
  .voice_box .voice_flex li img { width: 110px; position: absolute; right: 0; bottom: 0; }
  .voice_box .voice_flex li p { position: absolute; top: 20px; left: 23px; font-size: 15px; width: 256px; height: 68px; display: flex; justify-content: center; align-items: center; } }
@media (max-width: 767.98px) { .voice_box { background-color: #fff; padding: 40px 0; background-image: url("../images/voice/back.png"), url("../images/voice/back2.png"); background-repeat: no-repeat; background-position: top left, bottom right; background-size: 270px; }
  .voice_box .voice_sub { margin: 0 0 15px 0; text-align: center; }
  .voice_box .voice_sub h3 { font-size: 18px; font-weight: bold; }
  .voice_box .voice_flex { display: flex; justify-content: center; flex-wrap: wrap; margin: 0 0 30px 0; }
  .voice_box .voice_flex li { width: calc(50% - 6px); max-width: 200px; height: 130px; background-image: url("../images/voice/img1.png"); background-repeat: no-repeat; background-size: contain; background-position: top center; position: relative; margin: 0 3px 15px; }
  .voice_box .voice_flex li:last-child { margin-bottom: 0; }
  .voice_box .voice_flex li img { width: 60px; position: absolute; right: 15px; bottom: 0; }
  .voice_box .voice_flex li p { position: absolute; top: 11px; left: calc(50% - 77px); font-size: 10px; width: 150px; height: 45px; display: flex; justify-content: center; align-items: center; letter-spacing: -0.5px; } }
@media (max-width: 420px) { .voice_box .voice_flex p { top: 1.6vw !important; } }
/* 目指せる職種 */
@media (min-width: 768px) { .kinds_box { background-color: #eef6fd; padding: 90px 0; }
  .kinds_box .white_box { margin: 0 0 40px 0; }
  .kinds_box .white_box .kinds_sub { text-align: center; margin: 0 0 20px 0; }
  .kinds_box .white_box .kinds_sub h3 { margin: 0; }
  .kinds_box .white_box .kinds_sub img { height: 40px; }
  .kinds_box .white_box .kinds_flex { margin: 0; padding: 0; list-style: none; display: flex; justify-content: center; flex-wrap: wrap; }
  .kinds_box .white_box .kinds_flex li { border-radius: 40px; margin: 10px 10px 0; padding: 2px 20px; }
  .kinds_box .white_box .kinds_flex.blue li { background-color: #cfe6fb; }
  .kinds_box .white_box .kinds_flex.red li { background-color: #ffdbe2; }
  .kinds_box .white_box .kinds_flex.green li { background-color: #d5f2f2; }
  .kinds_box .white_box .kinds_flex.yellow li { background-color: #fef3d7; }
  .kinds_box .white_box .kinds_flex.gray li { background-color: #eddbf4; }
  .kinds_box .white_box .kinds_flex li.jitsumu { background-color: #e8e8e8; }
  .kinds_box .kinds_memo { margin: 15px 0 0 0; text-align: right; } }
@media (max-width: 767.98px) { .kinds_box { background-color: #eef6fd; padding: 40px 0; }
  .kinds_box .white_box { margin: 0 0 20px 0; }
  .kinds_box .white_box .kinds_sub { text-align: center; margin: 0 0 5px 0; }
  .kinds_box .white_box .kinds_sub h3 { margin: 0; }
  .kinds_box .white_box .kinds_sub img { height: 35px; }
  .kinds_box .white_box .kinds_flex { margin: 0; padding: 0; list-style: none; display: flex; justify-content: center; flex-wrap: wrap; }
  .kinds_box .white_box .kinds_flex li { border-radius: 40px; margin: 10px 5px 0; padding: 2px 10px; }
  .kinds_box .white_box .kinds_flex.blue li { background-color: #cfe6fb; }
  .kinds_box .white_box .kinds_flex.red li { background-color: #ffdbe2; }
  .kinds_box .white_box .kinds_flex.green li { background-color: #d5f2f2; }
  .kinds_box .white_box .kinds_flex.yellow li { background-color: #fef3d7; }
  .kinds_box .white_box .kinds_flex.gray li { background-color: #eddbf4; }
  .kinds_box .white_box .kinds_flex li.jitsumu { background-color: #e8e8e8; }
  .kinds_box .kinds_memo { margin: 10px 0 0 0; text-align: right; font-size: 13px; } }
/* 鹿児島から進学された先輩 Research */
@media (min-width: 768px) { .research_box { background-color: #fff; padding: 90px 0; background-image: radial-gradient(#c1ecec 12%, transparent 12%), radial-gradient(#c1ecec 12%, transparent 12%); background-size: 26px 26px; background-position: 0 0, 13px 13px; position: relative; }
  .research_box::before { content: ""; background-image: url("../images/research/back.png"); width: 100%; height: 100%; position: absolute; background-size: 1090px 576px; background-position: top -20px left -20px; top: 0; left: 0; opacity: 0.4; }
  .research_box .contents_inbox { width: 900px; margin: 55px auto 0; }
  .research_box .contents_inbox .factor_box { position: relative; }
  .research_box .contents_inbox .factor_box h3 { background-color: #2d84ea; color: #fff; font-size: 30px; width: 262px; height: 65px; display: flex; justify-content: center; align-items: center; border-radius: 20px 20px 0 0; margin: 0; }
  .research_box .contents_inbox .factor_box .factor_main { background-color: #eef6fd; border: 3px solid #2d84ea; width: 700px; height: 350px; border-radius: 0 20px 20px 20px; display: flex; align-items: center; z-index: 2; position: relative; padding: 0 0 0 90px; }
  .research_box .contents_inbox .factor_box .factor_main ul { list-style: none; margin: 0; padding: 0; font-size: 24px; }
  .research_box .contents_inbox .factor_box .factor_main ul li { margin: 0 0 20px 0; position: relative; padding: 0 0 0 50px; }
  .research_box .contents_inbox .factor_box .factor_main ul li:last-child { margin: 0; }
  .research_box .contents_inbox .factor_box .factor_main ul li::before { content: ""; background-image: url("../images/research/check.svg"); background-size: 31px 23px; width: 31px; height: 23px; position: absolute; left: 0; top: 7px; }
  .research_box .contents_inbox .factor_box .factor_main ul li > span { background: linear-gradient(transparent 70%, #fcdb8f 70%); }
  .research_box .contents_inbox .factor_box .factor_shadow { width: 700px; height: 350px; background-color: #2d84ea; position: absolute; top: 75px; z-index: 1; border-radius: 0 0 20px 20px; }
  .research_box .contents_inbox .factor_box .deco1 { z-index: 2; position: absolute; width: 218px; top: -20px; left: 360px; }
  .research_box .contents_inbox .factor_box .deco2 { z-index: 2; position: absolute; width: 209px; bottom: -135px; left: 15px; }
  .research_box .contents_inbox .factor_box .deco3 { z-index: 2; position: absolute; width: 190px; top: -20px; right: 50px; }
  .research_box .contents_inbox .factor_box .deco4 { z-index: 2; position: absolute; width: 220px; top: 180px; right: 60px; }
  .research_box .contents_inbox .factor_box .deco5 { z-index: 2; position: absolute; width: 156px; top: 190px; left: -90px; }
  .research_box .contents_inbox .factor_box .deco6 { z-index: 1; position: absolute; width: 173px; top: 110px; right: -50px; }
  .research_box .contents_inbox .factor_box .deco7 { z-index: 2; position: absolute; width: 218px; top: 95px; right: -10px; }
  .research_box .contents_inbox .factor_box .deco8 { z-index: 2; position: absolute; width: 209px; bottom: -155px; right: 235px; }
  .research_box .contents_inbox .factor_box .deco9 { z-index: 2; position: absolute; width: 244px; bottom: -90px; right: -40px; }
  .research_box .contents_inbox .factor_box .deco10 { z-index: 2; position: absolute; width: 191px; top: 90px; left: -100px; }
  .research_box .contents_inbox .factor_box .deco11 { z-index: 2; position: absolute; width: 220px; bottom: -90px; left: -180px; }
  .research_box .contents_inbox .factor_box .deco12 { z-index: 1; position: absolute; width: 171px; bottom: 60px; left: -240px; }
  .research_box .contents_inbox .factor_box .deco13 { display: none; }
  .research_box .factor_box2 { float: right; margin: 54px 0 0 0; }
  .research_box .factor_box2 h3 { margin: 0 0 0 auto !important; }
  .research_box .factor_box2 .factor_main { border-radius: 20px 0 20px 20px !important; padding: 0 0 0 135px !important; }
  .research_box .map { margin: 140px 0 0 0; }
  .research_box .map img { width: 1027px; } }
@media (max-width: 767.98px) { .research_box { background-color: #fff; padding: 40px 0; background-image: radial-gradient(#c1ecec 11%, transparent 11%), radial-gradient(#c1ecec 11%, transparent 11%); background-size: 22px 22px; background-position: 0 0, 11px 11px; position: relative; overflow: hidden; }
  .research_box::before { content: ""; background-image: url("../images/research/back_sp.png"); width: 100%; height: 100%; position: absolute; background-size: 337px 311px; background-position: top -20px left -20px; top: 0; left: 0; opacity: 0.4; }
  .research_box .contents_inbox { width: 100%; max-width: 500px; margin: 0 auto; }
  .research_box .contents_inbox .factor_box { position: relative; }
  .research_box .contents_inbox .factor_box h3 { background-color: #2d84ea; color: #fff; font-size: 20px; width: 220px; height: 48px; display: flex; justify-content: center; align-items: center; border-radius: 20px 20px 0 0; margin: 0; z-index: 2; position: relative; }
  .research_box .contents_inbox .factor_box .factor_main { background-color: #eef6fd; border: 3px solid #2d84ea; width: 320px; height: 320px; border-radius: 0 20px 20px 20px; display: flex; align-items: flex-start; z-index: 2; position: relative; padding: 30px 15px 15px; }
  .research_box .contents_inbox .factor_box .factor_main ul { list-style: none; margin: 0; padding: 0; font-size: 17px; }
  .research_box .contents_inbox .factor_box .factor_main ul li { margin: 0 0 20px 0; position: relative; padding: 0 0 0 40px; }
  .research_box .contents_inbox .factor_box .factor_main ul li:last-child { margin: 0; }
  .research_box .contents_inbox .factor_box .factor_main ul li::before { content: ""; background-image: url("../images/research/check.svg"); background-size: 26px 20px; background-repeat: no-repeat; width: 26px; height: 20px; position: absolute; left: 0; top: 7px; }
  .research_box .contents_inbox .factor_box .factor_main ul li > span { background: linear-gradient(transparent 70%, #fcdb8f 70%); }
  .research_box .contents_inbox .factor_box .factor_shadow { width: 320px; height: 320px; background-color: #2d84ea; position: absolute; top: 60px; z-index: 1; border-radius: 0 0 20px 20px; }
  .research_box .contents_inbox .factor_box .deco1 { z-index: 2; position: absolute; width: 120px; top: 60px; left: 220px; }
  .research_box .contents_inbox .factor_box .deco2 { z-index: 2; position: absolute; width: 116px; bottom: 90px; left: 240px; }
  .research_box .contents_inbox .factor_box .deco3 { z-index: 2; position: absolute; width: 110px; bottom: -50px; left: 155px; }
  .research_box .contents_inbox .factor_box .deco4 { z-index: 2; position: absolute; width: 130px; bottom: -80px; left: 20px; }
  .research_box .contents_inbox .factor_box .deco5 { display: none; }
  .research_box .contents_inbox .factor_box .deco6 { z-index: 1; position: absolute; width: 90px; top: 20px; left: 260px; }
  .research_box .contents_inbox .factor_box .deco7 { z-index: 2; position: absolute; width: 130px; top: 110px; right: -20px; }
  .research_box .contents_inbox .factor_box .deco8 { z-index: 2; position: absolute; width: 120px; bottom: -120px; left: 65px; }
  .research_box .contents_inbox .factor_box .deco9 { z-index: 2; position: absolute; width: 150px; bottom: -90px; left: 190px; }
  .research_box .contents_inbox .factor_box .deco10 { z-index: 2; position: absolute; width: 100px; top: -10px; left: -45px; }
  .research_box .contents_inbox .factor_box .deco11 { z-index: 2; position: absolute; width: 120px; bottom: -90px; left: -30px; }
  .research_box .contents_inbox .factor_box .deco12 { z-index: 1; position: absolute; width: 110px; top: 150px; left: -50px; }
  .research_box .contents_inbox .factor_box .deco13 { z-index: 1; position: absolute; width: 90px; top: -73px; left: 252px; }
  .research_box .factor_box2 { float: right; margin: 110px 0 0 0; }
  .research_box .factor_box2 h3 { margin: 0 0 0 auto !important; }
  .research_box .factor_box2 .factor_main { border-radius: 20px 0 20px 20px !important; padding: 50px 15px 15px !important; }
  .research_box .map { margin: 140px 0 0 0; }
  .research_box .map img { width: 1027px; } }
/* 現地説明会 */
@media (min-width: 768px) { .local_box { background-color: #eef6fd; padding: 90px 0; }
  .local_box .local_img { text-align: center; margin: 50px 0 44px 0; }
  .local_box .local_img img { width: 860px; position: relative; left: 30px; }
  .local_flex { display: flex; flex-wrap: wrap; justify-content: center; }
  .local_flex > li { width: 344px; border: 3px solid #f7cb41; background-color: #fff; border-radius: 20px; margin: 0 34px 34px 0; padding: 0 0 90px 0; position: relative; display: flex; flex-direction: column; }
  .local_flex > li:nth-child(3n) { margin-right: 0; }
  .local_flex > li h3 { background-color: #f7cb41; color: #fff; height: 65px; border-radius: 15px 15px 0 0; display: flex; justify-content: center; align-items: center; margin: 0; }
  .local_flex > li .local_list { padding: 20px 20px; }
  .local_flex > li .local_list ul { margin: 0; padding: 0; list-style: none; }
  .local_flex > li .local_list ul li { padding: 0 0 0 15px; position: relative; margin: 0 0 10px 0; min-height: 42px; }
  .local_flex > li .local_list ul li::before { content: ""; display: inline-block; width: 3px; height: 42px; background-color: #bcbcbc; position: absolute; left: 0; top: 0; }
  .local_flex > li .local_list ul li:last-child { margin: 0; }
  .local_flex > li .local_list ul li time { font-size: 14px; display: block; line-height: 1.0; }
  .local_flex > li .place { background-color: #fef3d7; display: flex; flex-wrap: wrap; align-items: center; padding: 10px; position: relative; margin-top: auto; }
  .local_flex > li .place p { display: flex; align-items: center; padding: 0; width: 100%; margin: 0 0 5px 0; line-height: 1.4; font-size: 15px; }
  .local_flex > li .place p span { display: block; white-space: nowrap; }
  .local_flex > li .place a { border: 1px solid #222; border-radius: 40px; width: 79px; height: 33px; background-image: url("../common/images/map.svg"); background-size: 10px 15px; background-repeat: no-repeat; background-color: #fff; background-position: top 7px right 9px; width: 78px; height: 32px; padding: 3px 0 3px 10px; font-size: 15px; margin: 0 auto; }
  .local_flex > li .btn2 { border: 3px solid #f7cb41; background-color: #f7cb41; color: #fff; width: 310px; height: 50px; display: flex; justify-content: center; align-items: center; border-radius: 10px; font-size: 18px; font-weight: 500; position: absolute; left: calc(50% - 155px); bottom: 0; margin: 20px auto 22px; }
  .local_flex > li .btn2::before { content: ""; background-image: url("../common/images/arrow_btn2.svg"); background-size: 25px 25px; width: 25px; height: 25px; bottom: 20px; position: absolute; right: 10px; top: 9px; }
  .local_flex > li .btn2:hover { background-color: #fff; color: #f7cb41; }
  .local_flex > li .btn2:hover::before { background-image: url("../common/images/arrow_btn3.svg"); }
  .present_box.request .title { width: 560px; position: absolute; top: -80px; left: calc(50% - 265px); } }
@media (max-width: 767.98px) { .local_box { background-color: #eef6fd; padding: 40px 0; }
  .local_box .local_img { text-align: center; margin: 0 0 30px; }
  .local_box .local_img img { width: 100%; max-width: 500px; }
  .local_flex { display: flex; flex-wrap: wrap; justify-content: center; }
  .local_flex > li { width: 96%; max-width: 400px; border: 3px solid #f7cb41; background-color: #fff; border-radius: 20px; margin: 0 0 30px 0; }
  .local_flex > li:last-child { margin-bottom: 0; }
  .local_flex > li h3 { background-color: #f7cb41; color: #fff; height: 50px; border-radius: 13px 13px 0 0; display: flex; justify-content: center; align-items: center; margin: 0; font-size: 20px; }
  .local_flex > li .local_list { padding: 15px 20px 15px; }
  .local_flex > li .local_list ul { margin: 0; padding: 0; list-style: none; }
  .local_flex > li .local_list ul li { padding: 0 0 0 15px; position: relative; margin: 0 0 10px 0; min-height: 42px; }
  .local_flex > li .local_list ul li::before { content: ""; display: inline-block; width: 3px; height: 42px; background-color: #bcbcbc; position: absolute; left: 0; top: 0; }
  .local_flex > li .local_list ul li:last-child { margin: 0; }
  .local_flex > li .local_list ul li time { font-size: 14px; display: block; line-height: 1.0; }
  .local_flex > li .place { background-color: #fef3d7; display: flex; flex-wrap: wrap; align-items: center; padding: 10px; position: relative; }
  .local_flex > li .place p { display: flex; align-items: center; padding: 0; width: 100%; margin: 0 0 5px 0; line-height: 1.4; }
  .local_flex > li .place p span { display: block; white-space: nowrap; }
  .local_flex > li .place a { border: 1px solid #222; border-radius: 40px; width: 79px; height: 33px; background-image: url("../common/images/map.svg"); background-size: 10px 15px; background-repeat: no-repeat; background-color: #fff; background-position: top 5px right 9px; width: 74px; height: 28px; padding: 2px 0 2px 10px; font-size: 13px; margin: 0 auto; }
  .local_flex > li .btn2 { border: 3px solid #f7cb41; background-color: #f7cb41; color: #fff; width: 90%; max-width: 300px; height: 50px; display: flex; justify-content: center; align-items: center; border-radius: 10px; font-size: 16px; font-weight: 500; position: relative; margin: 15px auto; }
  .local_flex > li .btn2::before { content: ""; background-image: url("../common/images/arrow_btn2.svg"); background-size: 25px 25px; width: 25px; height: 25px; bottom: 20px; position: absolute; right: 10px; top: 9px; }
  .local_flex > li .btn2:hover { background-color: #fff; color: #f7cb41; }
  .local_flex > li .btn2:hover::before { background-image: url("../common/images/arrow_btn3.svg"); }
  .present_box.request { padding: 20px 0 35px; }
  .present_box.request .title { width: 96%; width: 316px; position: relative; left: 5px; } }
/* オープンキャンパス */
@media (min-width: 768px) { .open_box { background-color: #fff; padding: 90px 0; background-image: repeating-linear-gradient(90deg, #c1ecec, #c1ecec 1px, transparent 1px, transparent 24px), repeating-linear-gradient(0deg, #c1ecec, #c1ecec 1px, #fff 1px, #fff 24px); }
  .open_box .open_img { text-align: center; margin: 0 0 44px 0; }
  .open_box .open_img img { width: 662px; position: relative; left: -135px; }
  .open_box .tokuten_img { text-align: center; margin: 0 0 60px 0; }
  .open_box .tokuten_img img { width: 1000px; }
  .open_flex { display: flex; flex-wrap: wrap; }
  .open_flex > li { width: 344px; border: 3px solid #25cac8; background-color: #fff; border-radius: 20px; margin: 0 34px 34px 0; display: flex; flex-direction: column; }
  .open_flex > li:nth-child(3n) { margin-right: 0; }
  .open_flex > li h3 { background-color: #25cac8; color: #fff; height: 65px; border-radius: 15px 15px 0 0; display: flex; justify-content: center; align-items: center; margin: 0; }
  .open_flex > li .open_list { padding: 20px 30px; }
  .open_flex > li .open_list ul { margin: 0; padding: 0; list-style: none; }
  .open_flex > li .open_list ul li { padding: 0 0 0 15px; position: relative; margin: 0 0 5px 0; }
  .open_flex > li .open_list ul li::before { content: ""; display: inline-block; width: 10px; height: 10px; border-radius: 50%; background-color: #b4b4b4; position: absolute; left: 0; top: 8px; }
  .open_flex > li .open_list ul li.cl1 { color: #009fe3; }
  .open_flex > li .open_list ul li.cl2 { color: #ec0022; }
  .open_flex > li .open_list ul li.cl3 { color: #00974b; }
  .open_flex > li .open_list ul li.cl4 { color: #ef5323; }
  .open_flex > li .open_list ul li.cl5 { color: #83015a; }
  .open_flex > li .btn2 { border: 3px solid #25cac8; background-color: #25cac8; color: #fff; width: 310px; height: 50px; display: flex; justify-content: center; align-items: center; border-radius: 10px; font-size: 18px; font-weight: 500; position: relative; margin: auto auto 22px; }
  .open_flex > li .btn2::before { content: ""; background-image: url("../common/images/arrow_btn2.svg"); background-size: 25px 25px; width: 25px; height: 25px; bottom: 20px; position: absolute; right: 10px; top: 9px; }
  .open_flex > li .btn2:hover { background-color: #fff; color: #25cac8; }
  .open_flex > li .btn2:hover::before { background-image: url("../common/images/arrow_btn.svg"); }
  .present_box { width: 806px; background-color: #fff; font-size: 20px; position: relative; margin: 96px auto 0; padding: 70px 0 40px; }
  .present_box .title { width: 408px; position: absolute; top: -60px; left: calc(50% - 205px); }
  .present_box .top_left { position: absolute; top: 0; left: 0; width: 56px; }
  .present_box .top_right { position: absolute; top: 0; right: 0; width: 56px; transform: rotate(90deg); }
  .present_box .bottom_left { position: absolute; bottom: 0; left: 0; width: 56px; transform: rotate(270deg); }
  .present_box .bottom_right { position: absolute; bottom: 0; right: 0; width: 56px; transform: rotate(180deg); }
  .present_box p { text-align: center; font-size: 18px; }
  .present_box p span { color: #ff6683; font-size: 26px; background: linear-gradient(transparent 50%, #fef3d7 50%); font-weight: bold; }
  .present_box .p2 { margin: 10px 0 0 0; }
  .present_box .btn1 { margin: 32px auto 0; } }
@media (max-width: 767.98px) { .open_box { background-color: #fff; padding: 40px 0; background-image: repeating-linear-gradient(90deg, #c1ecec, #c1ecec 1px, transparent 1px, transparent 20px), repeating-linear-gradient(0deg, #c1ecec, #c1ecec 1px, #fff 1px, #fff 20px); }
  .open_box .open_img { text-align: center; margin: 0 0 20px 0; }
  .open_box .open_img img { width: 60%; max-width: 300px; position: relative; left: 12px; }
  .open_box .tokuten_img { text-align: center; margin: 0 0 40px 0; }
  .open_box .tokuten_img img { width: 96%; max-width: 360px; }
  .open_flex { display: flex; flex-wrap: wrap; justify-content: center; }
  .open_flex > li { width: 96%; max-width: 400px; border: 3px solid #25cac8; background-color: #fff; border-radius: 20px; margin: 0 0 30px 0; }
  .open_flex > li:last-child { margin-bottom: 0; }
  .open_flex > li h3 { background-color: #25cac8; color: #fff; height: 50px; border-radius: 13px 13px 0 0; display: flex; justify-content: center; align-items: center; margin: 0; font-size: 20px; }
  .open_flex > li .open_list { padding: 15px 20px; }
  .open_flex > li .open_list ul { margin: 0; padding: 0; list-style: none; }
  .open_flex > li .open_list ul li { padding: 0 0 0 15px; position: relative; margin: 0 0 5px 0; }
  .open_flex > li .open_list ul li::before { content: ""; display: inline-block; width: 10px; height: 10px; border-radius: 50%; background-color: #b4b4b4; position: absolute; left: 0; top: 8px; }
  .open_flex > li .open_list ul li.cl1 { color: #009fe3; }
  .open_flex > li .open_list ul li.cl2 { color: #ec0022; }
  .open_flex > li .open_list ul li.cl3 { color: #00974b; }
  .open_flex > li .open_list ul li.cl4 { color: #ef5323; }
  .open_flex > li .open_list ul li.cl5 { color: #83015a; }
  .open_flex > li .btn2 { border: 3px solid #25cac8; background-color: #25cac8; color: #fff; width: 90%; max-width: 300px; height: 50px; display: flex; justify-content: center; align-items: center; border-radius: 10px; font-size: 16px; font-weight: 500; position: relative; margin: 0 auto 15px; }
  .open_flex > li .btn2::before { content: ""; background-image: url("../common/images/arrow_btn2.svg"); background-size: 25px 25px; width: 25px; height: 25px; bottom: 20px; position: absolute; right: 10px; top: 9px; }
  .open_flex > li .btn2:hover { background-color: #fff; color: #25cac8; }
  .open_flex > li .btn2:hover::before { background-image: url("../common/images/arrow_btn.svg"); }
  .present_box { width: 100%; max-width: 500px; background-color: #fff; font-size: 20px; position: relative; margin: 40px auto 0; padding: 30px 0 35px; text-align: center; }
  .present_box .title { width: 75%; max-width: 300px; position: relative; left: 20px; }
  .present_box .top_left { position: absolute; top: 0; left: 0; width: 40px; }
  .present_box .top_right { position: absolute; top: 0; right: 0; width: 40px; transform: rotate(90deg); }
  .present_box .bottom_left { position: absolute; bottom: 0; left: 0; width: 40px; transform: rotate(270deg); }
  .present_box .bottom_right { position: absolute; bottom: 0; right: 0; width: 40px; transform: rotate(180deg); }
  .present_box p { text-align: center; font-size: 15px; margin: 15px 0 0 0; padding: 0 20px; }
  .present_box p span { color: #ff6683; font-size: 22px; background: linear-gradient(transparent 50%, #fef3d7 50%); font-weight: bold; }
  .present_box .p2 { margin: 10px 0 0 0; font-size: 14px; }
  .present_box .btn1 { margin: 25px auto 0; } }
@media (min-width: 768px) { .oc_search_box { padding: 50px; border-radius: 20px; background-color: #eef6fd; border: 3px solid #2d84ea; margin: 80px 0 100px 0; }
  .oc_search_box h3 { font-size: 18px; margin: 0 0 15px 0; font-weight: 600; position: relative; padding: 0 0 0 20px; }
  .oc_search_box h3:before { content: ""; display: block; width: 13px; height: 13px; background-color: #ff6683; position: absolute; left: 0; top: 4px; border-radius: 50%; }
  .oc_search_box .date_flex { display: flex; align-items: center; margin: 0 0 40px 0; }
  .oc_search_box .date_flex .form-control { width: 400px; }
  .oc_search_box .date_flex span { margin: 0 10px; }
  .oc_search_box .oc_check_flex { display: flex; align-items: center; flex-wrap: wrap; margin: 0; }
  .oc_search_box .oc_check_flex label { margin: 0 30px 10px 0; }
  .oc_search_box .btn1 { background-color: #2d84ea; color: #fff; margin: 40px auto 0; }
  .oc_search_box .btn1:before { background-image: url("../common/images/arrow_btn2.svg"); }
  .oc_search_box .btn1:hover { background-color: #fff; color: #2d84ea !important; outline: none; cursor: pointer; }
  .oc_search_box .btn1:hover:before { background-image: url("../common/images/arrow_btn.svg"); }
  .oc_search_box .btn1:focus { outline: none; } }
@media (max-width: 767.98px) { .oc_search_box { padding: 20px; border-radius: 20px; background-color: #eef6fd; border: 3px solid #2d84ea; margin: 40px 0; }
  .oc_search_box h3 { font-size: 16px; margin: 0 0 15px 0; font-weight: 600; position: relative; padding: 0 0 0 17px; }
  .oc_search_box h3:before { content: ""; display: block; width: 12px; height: 12px; background-color: #ff6683; position: absolute; left: 0; top: 3px; border-radius: 50%; }
  .oc_search_box .date_flex { display: flex; align-items: center; flex-wrap: wrap; margin: 0 0 40px 0; }
  .oc_search_box .date_flex span { margin: 0 10px; text-align: center; width: 100%; }
  .oc_search_box .oc_check_flex { display: flex; align-items: center; flex-wrap: wrap; margin: 0; }
  .oc_search_box .oc_check_flex label { margin: 0 0 7px 0; display: block; width: 100%; }
  .oc_search_box .btn1 { background-color: #2d84ea; color: #fff; margin: 20px auto 0; }
  .oc_search_box .btn1:before { background-image: url("../common/images/arrow_btn2.svg"); }
  .oc_search_box .btn1:hover { background-color: #fff; color: #2d84ea !important; outline: none; cursor: pointer; }
  .oc_search_box .btn1:hover:before { background-image: url("../common/images/arrow_btn.svg"); }
  .oc_search_box .btn1:focus { outline: none; } }
/* 在校生の声 */
@media (min-width: 768px) { .student_box { background-color: #eef6fd; padding: 90px 0; }
  .student_flex { display: flex; flex-wrap: wrap; }
  .student_flex > li { width: 250px; border: 3px solid #f7cb41; background-color: #fff; border-radius: 20px 20px 20px 0; margin: 40px 33px 24px 0; position: relative; transition: all 0.5s ease 0s; will-change: transform; transform: translateZ(0); }
  .student_flex > li:hover { opacity: 0.8; }
  .student_flex > li::before { content: ""; background-image: url("../common/images/check_pink.svg"); position: absolute; background-size: contain; width: 130px; height: 24px; bottom: -25px; left: -3px; }
  .student_flex > li:nth-child(4n) { margin-right: 0; }
  .student_flex > li:nth-child(-n+4) { margin-top: 0; }
  .student_flex > li > a { height: calc(100% + 24px); display: block; z-index: 2; position: relative; }
  .student_flex > li > a > div { background-size: cover; background-repeat: no-repeat; background-color: #e5e5e5; background-position: center; width: 100%; height: 184px; border-radius: 17px 17px 0 0; }
  .student_flex > li > a > p { padding: 0; font-size: 14px; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 3; max-height: 70px; margin: 10px; line-height: 1.3; }
  .student_flex > li > a > p .cl1 { color: #009fe3; }
  .student_flex > li > a > p .cl2 { color: #ec0022; }
  .student_flex > li > a > p .cl3 { color: #00974b; }
  .student_flex > li > a > p .cl4 { color: #ef5323; }
  .student_flex > li > a > p .cl5 { color: #83015a; }
  .student_memo { text-align: right; margin: 15px 0 0 0; } }
@media (max-width: 767.98px) { .student_box { background-color: #eef6fd; padding: 40px 0; }
  .student_flex { display: flex; flex-wrap: wrap; }
  .student_flex > li { width: 49%; border: 3px solid #f7cb41; background-color: #fff; border-radius: 20px 20px 20px 0; position: relative; transition: all 0.5s ease 0s; will-change: transform; transform: translateZ(0); }
  .student_flex > li:nth-child(odd) { margin: 30px 1% 23px 0; }
  .student_flex > li:nth-child(even) { margin: 30px 0 23px 1%; }
  .student_flex > li:nth-child(1), .student_flex > li:nth-child(2) { margin-top: 0; }
  .student_flex > li:hover { opacity: 0.8; }
  .student_flex > li::before { content: ""; background-image: url("../common/images/check_pink.svg"); position: absolute; background-size: contain; width: 119px; height: 22px; bottom: -24px; left: -3px; }
  .student_flex > li > a { height: calc(100% + 24px); display: block; z-index: 2; position: relative; }
  .student_flex > li > a > div { background-size: cover; background-repeat: no-repeat; background-color: #e5e5e5; background-position: center; width: 100%; min-height: 120px; padding-top: 76%; border-radius: 17px 17px 0 0; }
  .student_flex > li > a > p { padding: 0; font-size: 13px; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 4; max-height: 76px; margin: 8px; }
  .student_flex > li > a > p .cl1 { color: #009fe3; }
  .student_flex > li > a > p .cl2 { color: #ec0022; }
  .student_flex > li > a > p .cl3 { color: #00974b; }
  .student_flex > li > a > p .cl4 { color: #ef5323; }
  .student_flex > li > a > p .cl5 { color: #83015a; }
  .student_memo { text-align: right; margin: 10px 0 0 0; font-size: 13px; } }
/* 卒業生の現在地 */
@media (min-width: 768px) { .graduate_box { background-color: #fff; padding: 90px 0; background-image: repeating-linear-gradient(90deg, #c1ecec, #c1ecec 1px, transparent 1px, transparent 24px), repeating-linear-gradient(0deg, #c1ecec, #c1ecec 1px, #fff 1px, #fff 24px); }
  .student_flex.blue > li { border: 3px solid #25cac8; }
  .student_flex.blue > li::before { background-image: url("../common/images/check_blue.svg"); } }
@media (max-width: 767.98px) { .graduate_box { background-color: #fff; padding: 40px 0; background-image: repeating-linear-gradient(90deg, #c1ecec, #c1ecec 1px, transparent 1px, transparent 24px), repeating-linear-gradient(0deg, #c1ecec, #c1ecec 1px, #fff 1px, #fff 24px); }
  .student_flex.blue > li { border: 3px solid #25cac8; }
  .student_flex.blue > li::before { background-image: url("../common/images/check_blue.svg"); } }
/* 鹿児島県Uターン就職採用実績 */
@media (min-width: 768px) { .uturn_box { background-color: #f5f5f5; padding: 90px 0; }
  .uturn_box .uturn_flex { display: flex; background-color: #fff; margin: 0 0 50px 0; }
  .uturn_box .uturn_flex > div:first-child { width: 170px; color: #fff; display: flex; justify-content: center; align-items: center; font-size: 20px; }
  .uturn_box .uturn_flex > div:last-child { width: calc(100% - 170px); padding: 30px 30px 20px; }
  .uturn_box .uturn_flex ul { display: flex; flex-wrap: wrap; }
  .uturn_box .uturn_flex ul li { width: 25%; padding: 0 15px; position: relative; font-size: 13px; margin: 0 0 10px 0; line-height: 1.3; }
  .uturn_box .uturn_flex ul li:before { content: ""; background-color: #bbb; width: 10px; height: 10px; display: inline-block; border-radius: 50%; position: absolute; left: 0; top: 5px; }
  .uturn_box .uturn_flex ul li:nth-child(4n) { padding: 0 0 0 15px; }
  .uturn_box .uturn_flex.blue > div:first-child { background-color: #6ea9f0; }
  .uturn_box .uturn_flex.blue li:before { background-color: #6ea9f0; }
  .uturn_box .uturn_flex.green > div:first-child { background-color: #25cac8; }
  .uturn_box .uturn_flex.green li:before { background-color: #25cac8; }
  .uturn_box .uturn_flex.red > div:first-child { background-color: #fe99ac; }
  .uturn_box .uturn_flex.red li:before { background-color: #fe99ac; } }
@media (max-width: 767.98px) { .uturn_box { background-color: #f5f5f5; padding: 40px 0; }
  .uturn_box .uturn_flex { display: flex; flex-wrap: wrap; background-color: #fff; margin: 0 auto 30px; max-width: 500px; }
  .uturn_box .uturn_flex > div:first-child { width: 100%; height: 40px; color: #fff; display: flex; justify-content: center; align-items: center; font-size: 17px; }
  .uturn_box .uturn_flex > div:last-child { width: 100%; padding: 15px; }
  .uturn_box .uturn_flex ul { display: flex; flex-wrap: wrap; justify-content: space-between; }
  .uturn_box .uturn_flex ul li { width: 48%; padding: 0 0 0 10px; position: relative; font-size: 12px; margin: 0 0 10px 0; line-height: 1.3; }
  .uturn_box .uturn_flex ul li:before { content: ""; background-color: #bbb; width: 8px; height: 8px; display: inline-block; border-radius: 50%; position: absolute; left: 0; top: 4px; }
  .uturn_box .uturn_flex.blue > div:first-child { background-color: #6ea9f0; }
  .uturn_box .uturn_flex.blue li:before { background-color: #6ea9f0; }
  .uturn_box .uturn_flex.green > div:first-child { background-color: #25cac8; }
  .uturn_box .uturn_flex.green li:before { background-color: #25cac8; }
  .uturn_box .uturn_flex.red > div:first-child { background-color: #fe99ac; }
  .uturn_box .uturn_flex.red li:before { background-color: #fe99ac; } }
/* モーダル */
@media (min-width: 768px) { .modal-dialog { --bs-modal-width: 950px; max-width: 950px; height: 488px; }
  .modal-content { width: 950px; height: 488px; border-radius: 20px; border: 3px solid #2d84ea; }
  .modal-header { border: 0; padding: 0; }
  .modal-header .close { position: absolute; right: -20px; top: -20px; border: 0; background-color: transparent; background-image: url("../images/student/bt-close.png"); width: 67px; height: 67px; background-size: 67px 67px; z-index: 2; opacity: 1.0; }
  .modal-body { font-size: 14px; padding: 50px; }
  .modal-header .close:focus { outline: none; }
  .modal-body .modal_student_flex { display: flex; align-items: flex-start; margin: 0; }
  .modal-body .modal_student_flex > div:nth-child(1) { width: 300px; padding: 0 25px 0 0; }
  .modal-body .modal_student_flex > div:nth-child(1) p { margin: 20px 0 0 0; font-size: 15px; }
  .modal-body .modal_student_flex > div:nth-child(1) img { width: 230px; height: 230px; object-fit: cover; border-radius: 20px; }
  .modal-body .modal_student_flex > div:nth-child(2) { width: calc(100% - 300px); height: 380px; padding: 0; background-color: #eef6fd; padding: 35px; overflow: scroll; }
  .modal-body .modal_student_flex > div:nth-child(2) div { font-size: 16px; }
  .modal-body .modal_student_flex > div:nth-child(2) .q_box { font-size: 16px; margin: 0 0 5px 0; position: relative; padding: 0 0 0 20px; }
  .modal-body .modal_student_flex > div:nth-child(2) .q_box::before { content: ""; background-color: #ff6695; width: 13px; height: 13px; display: inline-block; border-radius: 50%; position: absolute; left: 0; top: 7px; }
  .modal-body .modal_student_flex > div:nth-child(2) .a_box { font-size: 15px; font-weight: normal; margin: 0 0 30px 0; padding: 0 0 0 20px; }
  .modal-body .modal_student_ul { padding: 0; list-style: none; margin: 0; }
  .modal-body .modal_student_ul li { margin: 0; }
  #myModal_b .modal-body, #myModal_b2 .modal-body { padding: 40px; }
  .modal-body .alma_mater_box { height: 400px; padding: 0; padding: 0; overflow: scroll; }
  .modal-body .alma_mater_box > .alma_mater { margin: 0 0 40px 0; padding: 35px; }
  .modal-body .alma_mater_box > .alma_mater.blue { background-color: #eef6fd; }
  .modal-body .alma_mater_box > .alma_mater.red { background-color: #fff2f4; }
  .modal-body .alma_mater_box > .alma_mater.green { background-color: #f3fcfb; }
  .modal-body .alma_mater_box > .alma_mater.yellow { background-color: #fffbf1; }
  .modal-body .alma_mater_box .kinds_sub { text-align: center; margin: 0 0 20px 0; }
  .modal-body .alma_mater_box .kinds_sub h3 { margin: 0; font-size: 22px; }
  .modal-body .alma_mater_box .kinds_sub img { height: 40px; }
  .modal-body .alma_mater_box ul { display: flex; flex-wrap: wrap; margin: 0; }
  .modal-body .alma_mater_box ul > li { width: 264px; position: relative; padding: 0 0 2px 16px; font-size: 13px; }
  .modal-body .alma_mater_box ul > li:before { content: ""; background-color: #bbb; width: 10px; height: 10px; display: inline-block; border-radius: 50%; position: absolute; left: 0; top: 5px; }
  .modal-body .alma_mater_box ul.red > li { width: 396px; }
  .modal-body .alma_mater_box ul.ul2 li:nth-child(odd) { width: 406px; padding: 0 20px 2px 16px; }
  .modal-body .alma_mater_box ul.ul2 li:nth-child(even) { width: 386px; padding: 0 0 2px 16px; }
  .modal-body .alma_mater_box ul.blue > div:first-child { background-color: #6ea9f0; }
  .modal-body .alma_mater_box ul.blue li:before { background-color: #6ea9f0; }
  .modal-body .alma_mater_box ul.green > div:first-child { background-color: #25cac8; }
  .modal-body .alma_mater_box ul.green li:before { background-color: #25cac8; }
  .modal-body .alma_mater_box ul.red > div:first-child { background-color: #fe99ac; }
  .modal-body .alma_mater_box ul.red li:before { background-color: #fe99ac; }
  .modal-body .alma_mater_box ul.yellow > div:first-child { background-color: #fcdb8f; }
  .modal-body .alma_mater_box ul.yellow li:before { background-color: #fcdb8f; } }
@media (max-width: 767.98px) { .modal-dialog { --bs-modal-width: 100%; margin: 15px auto; }
  .modal-content { width: 100%; border-radius: 20px 0 20px 0; margin: 0 10px; border-radius: 20px; border: 3px solid #2d84ea; }
  .modal-header { border: 0; padding: 0; }
  .modal-header .close { position: absolute; right: 5px; top: 5px; border: 0; background-color: transparent; background-image: url("../images/student/bt-close.png"); width: 42px; height: 42px; background-size: 42px 42px; z-index: 2; opacity: 1.0; }
  .modal-header .close:focus { outline: none; }
  .modal-body { font-size: 14px; padding: 15px; }
  .modal-body .modal_student_flex { display: flex; flex-wrap: wrap; }
  .modal-body .modal_student_flex > div:nth-child(1) { width: 100%; text-align: center; margin: 0; }
  .modal-body .modal_student_flex > div:nth-child(1) p { margin: 20px 0 0 0; font-size: 15px; text-align: left; margin: 20px auto 0; font-size: 15px; text-align: left; width: 230px; }
  .modal-body .modal_student_flex > div:nth-child(1) img { width: 208px; height: 230px; object-fit: cover; border-radius: 20px; }
  .modal-body .modal_student_flex > div:nth-child(2) { width: 100%; padding: 0; background-color: #eef6fd; padding: 15px; margin: 20px 0 0 0; }
  .modal-body .modal_student_flex > div:nth-child(2) .q_box { font-size: 15px; margin: 0 0 5px 0; position: relative; padding: 0 0 0 15px; }
  .modal-body .modal_student_flex > div:nth-child(2) .q_box::before { content: ""; background-color: #ff6695; width: 11px; height: 11px; display: inline-block; border-radius: 50%; position: absolute; left: 0; top: 5px; }
  .modal-body .modal_student_flex > div:nth-child(2) .a_box { font-size: 14px; font-weight: normal; margin: 0 0 20px 0; padding: 0 0 0 15px; }
  .modal-body .modal_student_ul { padding: 0; list-style: none; margin: 0; }
  .modal-body .modal_student_ul li { margin: 0; }
  .modal-body .alma_mater_box { padding: 0; padding: 0; overflow: scroll; }
  .modal-body .alma_mater_box > .alma_mater { margin: 0 0 20px 0; padding: 15px; }
  .modal-body .alma_mater_box > .alma_mater.blue { background-color: #eef6fd; }
  .modal-body .alma_mater_box > .alma_mater.red { background-color: #fff2f4; }
  .modal-body .alma_mater_box > .alma_mater.green { background-color: #f3fcfb; }
  .modal-body .alma_mater_box > .alma_mater.yellow { background-color: #fffbf1; }
  .kinds_sub { text-align: center; margin: 0 0 15px 0; }
  .kinds_sub h3 { margin: 0; font-size: 16px; }
  .kinds_sub img { height: 35px; }
  .modal-body .alma_mater_box ul { display: flex; flex-wrap: wrap; margin: 0; }
  .modal-body .alma_mater_box ul > li { padding: 0 10px; min-width: 50%; position: relative; font-size: 12px; }
  .modal-body .alma_mater_box ul > li:before { content: ""; background-color: #bbb; width: 7px; height: 7px; display: inline-block; border-radius: 50%; position: absolute; left: 0; top: 5px; }
  .modal-body .alma_mater_box ul.red > li { width: 100%; }
  .modal-body .alma_mater_box ul.ul2 li:nth-child(odd) { width: 100%; padding: 0 0 0 10px; }
  .modal-body .alma_mater_box ul.blue > div:first-child { background-color: #6ea9f0; }
  .modal-body .alma_mater_box ul.blue li:before { background-color: #6ea9f0; }
  .modal-body .alma_mater_box ul.green > div:first-child { background-color: #25cac8; }
  .modal-body .alma_mater_box ul.green li:before { background-color: #25cac8; }
  .modal-body .alma_mater_box ul.red > div:first-child { background-color: #fe99ac; }
  .modal-body .alma_mater_box ul.red li:before { background-color: #fe99ac; }
  .modal-body .alma_mater_box ul.yellow > div:first-child { background-color: #fcdb8f; }
  .modal-body .alma_mater_box ul.yellow li:before { background-color: #fcdb8f; } }
@media (max-width: 575.98px) { .modal-content { max-width: 480px; margin: 0 auto; } }
@media (max-width: 500px) { .modal-content { margin: 0 15px; } }