@charset "UTF-8";
* {
  box-sizing: border-box;
  margin: 0;
}

html {
  scroll-behavior: smooth;
}

.mincho {
  font-family: "Zen Old Mincho", serif;
  font-weight: 400;
  font-style: normal;
}

.sans-serif {
  font-family: "Noto Sans JP", sans-serif;
}

main {
  overflow: hidden;
}

img {
  width: 100%;
  height: auto;
  vertical-align: middle;
}

@media screen and (max-width: 960px) {
  .sp_delete {
    display: none;
  }
}

.pc_delete {
  display: none;
}
@media screen and (max-width: 960px) {
  .pc_delete {
    display: block;
  }
}

.button {
  text-align: center;
  width: 100%;
  max-width: 460px;
  height: 103px;
  border: #212121 solid 2px;
  border-radius: 10px;
  box-shadow: 6px 6px 0 #080808;
  margin: auto;
}
@media screen and (max-width: 960px) {
  .button {
    width: 90vw;
    height: 83px;
  }
}

.button_blue {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #7CA4D7;
}

.button_pink {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #E67273;
}

/* ヘッダー */
.header {
  background-color: #EEEDE3;
  width: 100vw;
  height: 82px;
  padding: 16px 0 16px 46px;
}
@media screen and (max-width: 960px) {
  .header {
    height: 60px;
    padding: 13px 0 13px 20px;
  }
}
.header img {
  width: 240px;
  height: auto;
}
@media screen and (max-width: 960px) {
  .header img {
    width: 159px;
  }
}

/* fv */
.fv {
  position: relative;
  background-image: url(/exam/lp/2027_03/assets/image/fv_back.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 650px;
}
@media screen and (max-width: 960px) {
  .fv {
    background-image: url(/exam/lp/2027_03/assets/image/fv_back_sp.jpg);
    height: auto;
    padding: 40px 0 30px;
  }
}

.fv_wrap {
  display: flex;
  width: 80vw;
  max-width: 1200px;
  height: 650px;
  margin: auto;
}
@media screen and (max-width: 960px) {
  .fv_wrap {
    display: block;
    width: 90vw;
    height: auto;
  }
}

.fv_left {
  display: flex;
  align-items: center;
  position: relative;
  top: -30px;
  width: 43%;
  max-width: 558px;
  min-width: 400px;
  height: auto;
  margin-right: 40px;
}
@media screen and (max-width: 1200px) {
  .fv_left {
    margin-right: 70px;
  }
}
@media screen and (max-width: 1200px) {
  .fv_left {
    margin-right: 30px;
    top: -80px;
  }
}
@media screen and (max-width: 960px) {
  .fv_left {
    width: 100%;
    min-width: 300px;
    padding-top: 30px;
    margin: auto;
  }
}

.fv_right {
  display: flex;
  position: relative;
  width: 55%;
  max-width: 648px;
  height: auto;
}
@media screen and (max-width: 1000px) {
  .fv_right {
    width: 47%;
  }
}
@media screen and (max-width: 960px) {
  .fv_right {
    top: -30px;
    width: 50%;
    margin: auto;
  }
}
@media screen and (max-width: 600px) {
  .fv_right {
    top: -40px;
  }
}

.fv_video_wrap {
  margin: 60px auto;
}
@media screen and (max-width: 1200px) {
  .fv_video_wrap {
    margin: 50px auto;
  }
}
@media screen and (max-width: 1100px) {
  .fv_video_wrap {
    margin: 50px auto 0 30px;
  }
}
@media screen and (max-width: 960px) {
  .fv_video_wrap {
    position: relative;
    left: 50%;
    transform: translateX(-65%);
    margin: auto;
  }
}
@media screen and (max-width: 900px) {
  .fv_video_wrap {
    transform: translateX(-60%);
  }
}
@media screen and (max-width: 800px) {
  .fv_video_wrap {
    transform: translateX(-55%);
  }
}
@media screen and (max-width: 700px) {
  .fv_video_wrap {
    transform: translateX(-50%);
  }
}
.fv_video_wrap p {
  font-size: clamp(0.813rem, 0.772rem + 0.2vw, 0.938rem);
  text-align: center;
}

.fv_video_title {
  width: 50%;
  max-width: 322px;
  min-width: 264px;
  margin: auto;
}

.fv_video_outer {
  text-align: center;
  background-image: url(/exam/lp/2027_03/assets/image/video_back.png);
  background-repeat: no-repeat;
  background-size: contain;
  width: 400px;
  height: 390px;
  margin: auto;
}
@media screen and (max-width: 1100px) {
  .fv_video_outer {
    width: 330px;
    height: 320px;
  }
}
@media screen and (max-width: 960px) {
  .fv_video_outer {
    background-image: url(/exam/lp/2027_03/assets/image/video_back_sp.png);
    height: 320px;
  }
}
@media screen and (max-width: 500px) {
  .fv_video_outer {
    width: 340px;
    height: 290px;
  }
}

.fv_video {
  position: relative;
  top: 39px;
  left: -4px;
}
@media screen and (max-width: 960px) {
  .fv_video {
    top: 19px;
  }
}

.fv video {
  width: 306px;
  height: auto;
}
@media screen and (max-width: 1100px) {
  .fv video {
    width: 236px;
  }
}
@media screen and (max-width: 500px) {
  .fv video {
    width: 246px;
  }
}

.fv_mizunyan {
  position: absolute;
  bottom: 100px;
  left: -20px;
  width: 189px;
  height: auto;
  z-index: 2;
}
@media screen and (max-width: 1400px) {
  .fv_mizunyan {
    left: -40px;
    width: 159px;
  }
}
@media screen and (max-width: 1200px) {
  .fv_mizunyan {
    left: -70px;
  }
}
@media screen and (max-width: 1100px) {
  .fv_mizunyan {
    bottom: 190px;
    left: -60px;
    width: 149px;
  }
}
@media screen and (max-width: 960px) {
  .fv_mizunyan {
    bottom: -20px;
    left: -60px;
    width: 100px;
  }
}
@media screen and (max-width: 800px) {
  .fv_mizunyan {
    bottom: 20px;
  }
}
@media screen and (max-width: 500px) {
  .fv_mizunyan {
    left: -40px;
  }
}

.fv_mizunyan_txt {
  position: absolute;
  bottom: 35px;
  left: -10px;
  width: 245px;
  height: auto;
}
@media screen and (max-width: 1400px) {
  .fv_mizunyan_txt {
    bottom: 32px;
  }
}
@media screen and (max-width: 1300px) {
  .fv_mizunyan_txt {
    width: 220px;
  }
}
@media screen and (max-width: 1200px) {
  .fv_mizunyan_txt {
    bottom: 40px;
    left: -30px;
  }
}
@media screen and (max-width: 1100px) {
  .fv_mizunyan_txt {
    bottom: 114px;
    left: -70px;
  }
}

.name_wrap {
  width: 50%;
}

.name-modal-mizunyan {
  position: absolute;
  bottom: -90px;
  left: 10px;
  width: 203px;
  z-index: 2;
}
@media screen and (max-width: 500px) {
  .name-modal-mizunyan {
    bottom: -72px;
    width: 173px;
  }
}

#mizunyan-name-open {
  display: none;
  opacity: 0;
}

.name-modal-mizuki {
  position: absolute;
  bottom: -90px;
  right: 10px;
  width: 203px;
  z-index: 2;
}
@media screen and (max-width: 500px) {
  .name-modal-mizuki {
    bottom: -70px;
    width: 173px;
  }
}

#mizuki-name-open {
  display: none;
  opacity: 0;
}

.fv_mizuki_wrap {
  display: flex;
  justify-content: space-around;
  position: relative;
  width: 0px;
}

.fv_mizuki {
  position: absolute;
  bottom: -80px;
  left: 340px;
  width: 191px;
  height: auto;
  z-index: 2;
}
@media screen and (max-width: 1100px) {
  .fv_mizuki {
    left: 280px;
    width: 171px;
  }
}
@media screen and (max-width: 960px) {
  .fv_mizuki {
    bottom: -20px;
    left: 270px;
    width: 155px;
  }
}

.fv_mizuki_txt {
  position: absolute;
  bottom: -100px;
  left: 170px;
  width: 205px;
  height: auto;
}
@media screen and (max-width: 1500px) {
  .fv_mizuki_txt {
    width: 200px;
  }
}
@media screen and (max-width: 1300px) {
  .fv_mizuki_txt {
    left: 220px;
    bottom: -100px;
    width: 180px;
  }
}
@media screen and (max-width: 1200px) {
  .fv_mizuki_txt {
    bottom: -100px;
    left: 190px;
  }
}
@media screen and (max-width: 1100px) {
  .fv_mizuki_txt {
    left: 170px;
  }
}
@media screen and (max-width: 1000px) {
  .fv_mizuki_txt {
    left: 150px;
  }
}

.fv_border {
  position: relative;
  bottom: 0;
  background-color: #163D5C;
  color: #FFFFFF;
  text-align: center;
  height: 130px;
}
@media screen and (max-width: 500px) {
  .fv_border {
    height: 106px;
  }
}
.fv_border p {
  font-size: clamp(1.375rem, 0.875rem + 2vw, 2.5rem);
  line-height: 2.1;
}
@media screen and (max-width: 960px) {
  .fv_border p {
    line-height: 1.4;
  }
}
@media screen and (max-width: 800px) {
  .fv_border p {
    line-height: 1.5;
  }
}
.fv_border::before, .fv_border::after {
  content: "";
  display: inline-block;
  width: 100vw;
  height: 1px;
  background-image: url(/exam/lp/2027_03/assets/image/border_dotted.svg);
  background-repeat: repeat-x;
}

.contents_wrap {
  background-image: url(/exam/lp/2027_03/assets/image/footprints_left.png), url(/exam/lp/2027_03/assets/image/footprints_right.png), url(/exam/lp/2027_03/assets/image/footprints_top.png), url(/exam/lp/2027_03/assets/image/back.jpg);
  background-repeat: no-repeat, no-repeat, no-repeat, repeat-y;
  background-size: contain, contain, contain, cover;
  background-position: left, right, top, top;
}
@media screen and (max-width: 960px) {
  .contents_wrap {
    background-image: url(/exam/lp/2027_03/assets/image/footprints_sp.png), url(/exam/lp/2027_03/assets/image/back.jpg);
    background-repeat: no-repeat, repeat-y;
    background-size: cover, cover;
    background-position: top, top;
  }
}

/* about */
.about {
  text-align: center;
  width: 80vw;
  max-width: 1200px;
  margin: auto;
  padding-top: 100px;
}
@media screen and (max-width: 960px) {
  .about {
    width: 90vw;
    padding-top: 20px;
  }
}

.floating_btn {
  display: flex;
  position: fixed;
  right: 20px;
  bottom: 30px;
  width: 305px;
  height: 114px;
  filter: drop-shadow(6px 6px 0 #080808);
  z-index: 10;
}
@media screen and (max-width: 960px) {
  .floating_btn {
    left: 50%;
    bottom: 10px;
    transform: translateX(-50%);
    width: 340px;
    height: auto;
  }
}
.floating_btn p {
  position: absolute;
  left: 30px;
}
.floating_btn:hover {
  transition: 0.2s;
  transform: translate(6px, 6px);
  box-shadow: 0 0 0 #080808;
}

.about_challenger {
  width: 80vw;
  max-width: 900px;
  height: auto;
  margin: auto;
}
@media screen and (max-width: 960px) {
  .about_challenger {
    width: 100%;
    max-width: 550px;
  }
}

.about .button {
  margin-top: 60px;
}
@media screen and (max-width: 960px) {
  .about .button {
    margin-top: 40px;
  }
}
.about .button figure {
  width: 26px;
  height: 26px;
  margin-left: 20px;
}
.about .button p {
  font-size: clamp(1.375rem, 1.293rem + 0.41vw, 1.625rem);
  font-weight: 600;
  color: #FFFFFF;
  line-height: 1.3;
}

.button:hover {
  transition: 0.2s;
  transform: translate(6px, 6px);
  box-shadow: 0 0 0 #080808;
}

.about_title {
  width: 63vw;
  max-width: 935px;
  min-width: 300px;
  margin: 80px auto 0;
}
@media screen and (max-width: 960px) {
  .about_title {
    width: 100%;
  }
}

.about_sub-title {
  width: 50vw;
  max-width: 686px;
  min-width: 300px;
  margin: auto;
}
@media screen and (max-width: 960px) {
  .about_sub-title {
    width: 100%;
  }
}

/* story */
.story {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 80vw;
  max-width: 1200px;
  margin: 90px auto 0;
}
@media screen and (max-width: 960px) {
  .story {
    display: block;
    width: 90vw;
    margin: 20px auto 0;
  }
}
.story h2 {
  color: #163D5C;
  font-size: 46px;
}

.story_text {
  width: 43%;
  max-width: 534px;
}
@media screen and (max-width: 960px) {
  .story_text {
    text-align: center;
    width: 100%;
    margin: auto;
  }
}
.story_text p {
  text-align: justify;
  line-height: 2;
  margin-top: 30px;
}
@media screen and (max-width: 960px) {
  .story_text p {
    margin-top: 20px;
  }
}

.story_question {
  position: relative;
  width: 52%;
  max-width: 622px;
  height: 549px;
}
@media screen and (max-width: 960px) {
  .story_question {
    width: 100%;
    max-width: 700px;
    margin: auto;
  }
}

.story_question_wrap {
  position: relative;
  width: 100%;
  max-width: 622px;
  height: 549px;
  background-image: url(/exam/lp/2027_03/assets/image/question_back.png);
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 90px;
  overflow-y: auto;
}
@media screen and (max-width: 960px) {
  .story_question_wrap {
    width: 90vw;
    max-width: 700px;
    padding-top: 54px;
    margin: 50px auto 0;
  }
}

.story_question_p {
  text-align: center;
  color: #FFFFFF;
  font-size: clamp(1.375rem, 1.314rem + 0.31vw, 1.563rem);
  font-weight: 600;
  line-height: 1.5;
  filter: drop-shadow(0px 0px 10px rgb(255, 255, 255));
}

.story_question_img {
  width: 66%;
  max-width: 372px;
  height: auto;
  margin: auto;
}
@media screen and (max-width: 960px) {
  .story_question_img {
    width: 100%;
  }
}

.story_question_title {
  position: absolute;
  top: -20px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 3;
}
.story_question_title img {
  min-width: 190px;
}

.question_text {
  width: 66%;
  max-width: 350px;
  margin: auto;
}
@media screen and (max-width: 960px) {
  .question_text {
    width: 90%;
  }
}

/* アコーディオン */
.question_accordion {
  max-width: 360px;
  width: 66%;
  text-align: left;
  margin: 0 auto 20px;
}
@media screen and (max-width: 960px) {
  .question_accordion {
    width: 90%;
  }
}
.question_accordion dd {
  margin: 0;
}

dt, p {
  margin: 0;
}

.question_accordion_title {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #F3EBDC;
  border: #163D5C solid 1px;
  color: #163D5C;
  font-size: 15px;
  padding: 14px;
}

.question_accordion_title_text {
  margin-left: 20px;
  color: #163D5C;
  line-height: 2;
}

.question_accordion_title::after {
  content: "";
  display: inline-block;
  width: 39px;
  height: 39px;
  background-image: url(/exam/lp/2027_03/assets/image/question_grass.png);
  background-repeat: no-repeat;
  background-size: cover;
}

.question_accordion_inner {
  display: none;
  background-color: #fff;
  border: #163D5C solid 1px;
  color: #163D5C;
  font-size: 16px;
  padding: 14px;
}

.question_accordion_inner_text {
  position: relative;
  line-height: 1.5;
}

.question_accordion_title_answer {
  background-color: #163D5C;
  color: #FFFFFF;
  font-size: 18px;
}

.question_accordion_inner_text_answer {
  text-align: center;
  font-size: 30px;
}

.question_accordion_title_answer::after {
  content: "▼";
  display: inline-block;
  width: 10px;
  height: 10px;
  color: #FFFFFF;
  font-size: 10px;
}

/* event */
.event {
  position: relative;
  border: #212121 solid 2px;
  box-shadow: 6px 6px 0 #7CA4D7;
  width: 90vw;
  max-width: 1200px;
  height: 440px;
  margin: 80px auto 0;
}
@media screen and (max-width: 960px) {
  .event {
    max-width: 700px;
    height: auto;
  }
}

.event_title {
  position: absolute;
  top: -20px;
  left: 18px;
  width: 80vw;
  max-width: 464px;
  height: auto;
  z-index: 2;
}
@media screen and (max-width: 960px) {
  .event_title {
    left: 50%;
    transform: translateX(-50%);
  }
}

.event_wrap {
  display: flex;
  align-items: center;
  gap: 30px;
  background-image: url(/exam/lp/2027_03/assets/image/event_back.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #FFFFFF;
  padding: 30px;
  height: 436px;
}
@media screen and (max-width: 960px) {
  .event_wrap {
    display: block;
    width: calc(90vw - 4px);
    max-width: 696px;
    height: auto;
    padding: 14px;
  }
}

.event_img {
  position: relative;
  bottom: -80px;
  left: 0;
  width: 132px;
  height: auto;
}
@media screen and (max-width: 1200px) {
  .event_img {
    bottom: -120px;
    left: -20px;
  }
}
@media screen and (max-width: 960px) {
  .event_img {
    width: 40%;
    bottom: -10px;
    left: 10px;
    margin-left: 10px;
  }
}

.event_text {
  color: #12377A;
  text-align: justify;
  font-size: clamp(1.125rem, 0.958rem + 0.67vw, 1.5rem);
  font-weight: 600;
  line-height: 1.7;
  width: 60%;
  max-width: 690px;
}
@media screen and (max-width: 960px) {
  .event_text {
    width: 95%;
    margin: 40px auto 0;
  }
}
@media screen and (max-width: 500px) {
  .event_text {
    margin: 20px auto 0;
  }
}
.event_text span {
  color: #E67273;
}

.event_poster_wrap {
  width: 100%;
  max-width: 250px;
  height: auto;
}
@media screen and (max-width: 960px) {
  .event_poster_wrap {
    display: flex;
    width: 50%;
    max-width: 500px;
    min-width: 280px;
    margin: 20px auto 30px;
  }
}

.event_poster {
  filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));
}
@media screen and (max-width: 960px) {
  .event_poster {
    width: 80%;
  }
}

/* schedule */
.schedule {
  position: relative;
  border: #212121 solid 2px;
  background-color: #FDFFE2;
  box-shadow: 6px 6px 0 #080808;
  width: 90vw;
  max-width: 1200px;
  margin: 100px auto 0;
}
@media screen and (max-width: 960px) {
  .schedule {
    max-width: 700px;
    margin: 60px auto 0;
  }
}

.schedule_p_wrap {
  line-height: 1.5;
}
@media screen and (max-width: 960px) {
  .schedule_p_wrap {
    width: 80vw;
    margin: auto;
  }
}

.schedule_p {
  text-align: center;
  color: #12377A;
  font-size: clamp(1.125rem, 0.962rem + 0.82vw, 1.625rem);
  font-weight: 600;
  margin-top: 40px;
}
@media screen and (max-width: 960px) {
  .schedule_p {
    font-size: 15px;
  }
}

.schedule_title {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  background-image: url(/exam/lp/2027_03/assets/image/schedule_title.png);
  background-repeat: repeat-y;
  background-size: cover;
  color: #FFFFFF;
  font-size: clamp(1.625rem, 1.462rem + 0.82vw, 2.125rem);
  height: 80px;
}

.schedule_wrap {
  width: 80vw;
  max-width: 1030px;
  margin: 40px auto 0;
  padding-bottom: 80px;
}
@media screen and (max-width: 960px) {
  .schedule_wrap {
    margin: 0 auto;
    padding-bottom: 40px;
  }
}

.schedule_outer {
  display: flex;
  flex-wrap: wrap;
  gap: 50px 22px;
  justify-content: flex-start;
}
@media screen and (max-width: 1300px) {
  .schedule_outer {
    width: 70vw;
    margin: auto;
  }
}
@media screen and (max-width: 1100px) {
  .schedule_outer {
    width: 77vw;
    margin: auto;
    gap: 30px 22px;
  }
}
@media screen and (max-width: 1000px) {
  .schedule_outer {
    width: 79vw;
    margin: auto;
  }
}
@media screen and (max-width: 500px) {
  .schedule_outer {
    gap: 2px 22px;
  }
}
.schedule_outer img {
  width: 100%;
  height: auto;
  margin-top: 10px;
}
@media screen and (max-width: 960px) {
  .schedule_outer img {
    width: 100%;
    margin-top: 30px;
  }
}

.schedule_inner {
  position: relative;
  width: calc((100% - 45px) / 3);
}
@media screen and (max-width: 960px) {
  .schedule_inner {
    text-align: center;
    width: 46%;
  }
}

.schedule .button {
  width: 100%;
}
@media screen and (max-width: 1200px) {
  .schedule .button {
    width: 95%;
  }
}

.schedule_btn a {
  color: #FFFFFf;
  font-size: clamp(1.25rem, 1.083rem + 0.67vw, 1.625rem);
  font-weight: 600;
  line-height: 1.5;
}

.schedule_img {
  position: absolute;
  right: 22px;
  bottom: 90px;
}
@media screen and (max-width: 960px) {
  .schedule_img {
    right: -210px;
    top: -78px;
  }
}
@media screen and (max-width: 486px) {
  .schedule_img {
    right: -34px;
    bottom: -20px;
    width: 30%;
  }
}
.schedule_img img {
  width: 29vw;
  max-width: 490px;
  height: auto;
  margin-top: 10px;
}
@media screen and (max-width: 1300px) {
  .schedule_img img {
    max-width: 400px;
  }
}
@media screen and (max-width: 1200px) {
  .schedule_img img {
    max-width: 360px;
  }
}
@media screen and (max-width: 960px) {
  .schedule_img img {
    width: 50%;
    margin-top: 30px;
  }
}
@media screen and (max-width: 500px) {
  .schedule_img img {
    width: 100%;
    margin-top: 30px;
  }
}

.schedule_btn {
  display: flex;
  position: relative;
  margin-top: 60px;
  z-index: 3;
}

@media screen and (max-width: 960px) {
  .schedule_btn_pc {
    display: none;
  }
}

.schedule_btn_sp {
  display: none;
}
@media screen and (max-width: 960px) {
  .schedule_btn_sp {
    display: block;
  }
}

@media screen and (max-width: 960px) {
  .schedule_btn .button_blue {
    margin-top: 20px;
  }
}

.schedule_allow img {
  width: 26px;
  height: 26px;
  margin-left: 20px;
}

/* 終了スクリーン（.is-ended が付いたときのみ表示／JSで付与） */
.schedule_inner .box-layer,
.schedule_inner .box-layer_txt {
  display: none;
}

.schedule_inner.is-ended .box-layer,
.schedule_inner.is-ended .box-layer_txt {
  display: block;
}

.box-layer {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.7;
}

.box-layer_txt {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 18px;
  font-weight: 600;
  color: #fff;
}
@media screen and (max-width: 960px) {
  .box-layer_txt {
    font-size: 12px;
  }
}

/* link */
.link {
  margin-top: 80px;
  padding-bottom: 145px;
}
@media screen and (max-width: 960px) {
  .link {
    padding-bottom: 105px;
  }
}
.link a {
  color: #FFFFFf;
}

.link_wrap {
  display: flex;
  align-items: center;
  border: #212121 solid 2px;
  width: 100%;
  max-width: 1130px;
  width: 90vw;
  height: 123px;
  margin: 0 auto 40px;
  font-size: clamp(0.875rem, 0.671rem + 1.02vw, 1.5rem);
  line-height: 1.3;
  box-shadow: 6px 6px 0 #080808;
}
@media screen and (max-width: 960px) {
  .link_wrap {
    display: block;
    max-width: 700px;
    height: auto;
  }
}
.link_wrap:hover {
  box-shadow: 0 0 0 #080808;
  transform: translate(6px, 6px);
  transition: 0.2s;
}

.link_top_title {
  background-color: #235BCB;
  width: 40%;
  height: 119px;
  padding: 27px 0 27px 50px;
}
@media screen and (max-width: 960px) {
  .link_top_title h2 {
    font-size: 13px;
  }
}
@media screen and (max-width: 960px) {
  .link_top_title {
    text-align: center;
    width: 100%;
    height: auto;
    padding: 10px 5px;
  }
}

.link_top_outer, .link_bottom_outer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 60%;
  padding: 0 60px 0 50px;
}
@media screen and (max-width: 960px) {
  .link_top_outer, .link_bottom_outer {
    justify-content: center;
    width: 100%;
    padding: 0 20px 0 20px;
  }
}

.link_top_outer figure, .link_bottom_outer figure {
  width: 26px;
  height: 26px;
  line-height: 0;
}

.link_top_outer {
  background-color: #F5F2EC;
  height: 119px;
}
@media screen and (max-width: 960px) {
  .link_top_outer {
    height: 80px;
  }
}

.link_bottom_outer {
  background-color: #D7F8FA;
  height: 119px;
}
@media screen and (max-width: 960px) {
  .link_bottom_outer {
    height: 80px;
  }
}

.link_bottom_title {
  background-color: #CC3E39;
  width: 40%;
  height: 119px;
  padding: 27px 0 0 50px;
}
@media screen and (max-width: 960px) {
  .link_bottom_title h2 {
    font-size: 13px;
  }
}
@media screen and (max-width: 960px) {
  .link_bottom_title {
    text-align: center;
    width: 100%;
    height: auto;
    padding: 10px 5px;
  }
}

.link_1min {
  width: 300px;
  height: auto;
}
@media screen and (max-width: 960px) {
  .link_1min {
    margin-right: 16px;
  }
}

.link_course {
  width: 310px;
  height: auto;
}
@media screen and (max-width: 960px) {
  .link_course {
    margin-right: 16px;
  }
}

/* フッター */
.footer {
  background-color: #EFEFEF;
  width: 100%;
}
.footer a {
  color: #212121;
}

.florting_top {
  background-color: #EFEFEF;
  width: 92px;
  height: 92px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  bottom: 50px;
  left: 50%;
  transform: translate(-50%, 0);
  border-radius: 50px;
  font-size: 22px;
  font-weight: 600;
  color: #212121;
}

.florting_arrow {
  display: inline-block;
  vertical-align: middle;
  color: #212121;
  line-height: 1;
  width: 18px;
  height: 18px;
  border: 2px solid currentColor;
  border-left: 0;
  border-bottom: 0;
  box-sizing: border-box;
  transform: translateY(25%) rotate(-45deg);
  margin: auto;
}

.florting_top span {
  display: block;
  margin-top: 8px;
}

.footer_wrap {
  display: flex;
  justify-content: space-between;
  width: 90vw;
  max-width: 1200px;
  margin: auto;
  padding: 0 0 140px;
}
@media screen and (max-width: 960px) {
  .footer_wrap {
    display: block;
    max-width: 330px;
    padding: 0 0 100px;
    text-align: center;
  }
}

.footer_left img {
  width: 288px;
  height: auto;
  margin-top: 6px;
}
@media screen and (max-width: 960px) {
  .footer_left img {
    width: 208px;
  }
}
@media screen and (max-width: 960px) {
  .footer_left img:last-of-type {
    width: 288px;
  }
}
.footer_left p:first-of-type {
  margin-top: 20px;
}
.footer_left p:last-of-type {
  margin-top: 26px;
}

.footer_right li {
  display: block;
  list-style-type: none;
  line-height: 1.5;
  margin-left: 15px;
}
.footer_right p {
  font-weight: 600;
  line-height: 1.5;
  margin: 20px auto 10px;
}
.footer_right span {
  font-size: 14px;
  font-weight: 400;
  margin-top: 20px;
}