@charset "UTF-8";
/* ====================================================
Font
==================================================== */
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;600;700;800;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Jost:wght@300;400;500;600;700&display=swap");
/* ====================================================
reset style
==================================================== */
html {
  overflow-y: scroll;
  overflow-x: hidden;
  font-size: 10px;
  /* Base font size, change to 14px or 16px if needed */
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0;
}

* {
  box-sizing: border-box;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

fieldset, img {
  border: 0;
}

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

address, caption, cite, code, dfn, var {
  font-style: normal;
  font-weight: normal;
}

li {
  list-style: none;
}

caption, th {
  text-align: left;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}

q:before, q:after {
  content: "";
}

abbr, acronym {
  border: 0;
  font-variant: normal;
}

sup {
  vertical-align: text-top;
}

sub {
  vertical-align: text-bottom;
}

input, textarea, select, button {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

/*to enable resizing for IE*/
input, textarea, select {
  font-size: 100%;
}

/*because legend doesn't inherit in IE */
legend {
  color: #000;
}

del, ins {
  text-decoration: none;
}

main {
  display: block;
}

section {
  position: relative;
}

/* ====================================================
Media Quary
==================================================== */
/* ====================================================
// flexセット
==================================================== */
/* ====================================================
画像などを縦横比を維持したままレスポンシブ対応
*画像やGoogle Map、YouTubeの埋め込みなどを縦横比を維持したままレスポンシブ対応
.photo {
  // 画像を16:9にトリミングして縦横比を常に保つ
  @include aspect-ratio(16, 9);

  & > .image {
    @include object-fit(cover);
  }
}
==================================================== */
@media screen and (min-width: 835px) {
  .mbpc-0 {
    margin-bottom: 0px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-0 {
    margin-bottom: 0px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-1 {
    margin-bottom: 1px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-1 {
    margin-bottom: 1px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-2 {
    margin-bottom: 2px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-2 {
    margin-bottom: 2px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-3 {
    margin-bottom: 3px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-3 {
    margin-bottom: 3px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-4 {
    margin-bottom: 4px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-4 {
    margin-bottom: 4px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-5 {
    margin-bottom: 5px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-5 {
    margin-bottom: 5px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-6 {
    margin-bottom: 6px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-6 {
    margin-bottom: 6px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-7 {
    margin-bottom: 7px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-7 {
    margin-bottom: 7px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-8 {
    margin-bottom: 8px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-8 {
    margin-bottom: 8px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-9 {
    margin-bottom: 9px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-9 {
    margin-bottom: 9px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-10 {
    margin-bottom: 10px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-10 {
    margin-bottom: 10px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-11 {
    margin-bottom: 11px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-11 {
    margin-bottom: 11px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-12 {
    margin-bottom: 12px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-12 {
    margin-bottom: 12px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-13 {
    margin-bottom: 13px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-13 {
    margin-bottom: 13px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-14 {
    margin-bottom: 14px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-14 {
    margin-bottom: 14px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-15 {
    margin-bottom: 15px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-15 {
    margin-bottom: 15px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-16 {
    margin-bottom: 16px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-16 {
    margin-bottom: 16px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-17 {
    margin-bottom: 17px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-17 {
    margin-bottom: 17px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-18 {
    margin-bottom: 18px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-18 {
    margin-bottom: 18px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-19 {
    margin-bottom: 19px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-19 {
    margin-bottom: 19px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-20 {
    margin-bottom: 20px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-20 {
    margin-bottom: 20px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-21 {
    margin-bottom: 21px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-21 {
    margin-bottom: 21px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-22 {
    margin-bottom: 22px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-22 {
    margin-bottom: 22px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-23 {
    margin-bottom: 23px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-23 {
    margin-bottom: 23px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-24 {
    margin-bottom: 24px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-24 {
    margin-bottom: 24px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-25 {
    margin-bottom: 25px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-25 {
    margin-bottom: 25px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-26 {
    margin-bottom: 26px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-26 {
    margin-bottom: 26px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-27 {
    margin-bottom: 27px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-27 {
    margin-bottom: 27px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-28 {
    margin-bottom: 28px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-28 {
    margin-bottom: 28px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-29 {
    margin-bottom: 29px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-29 {
    margin-bottom: 29px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-30 {
    margin-bottom: 30px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-30 {
    margin-bottom: 30px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-31 {
    margin-bottom: 31px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-31 {
    margin-bottom: 31px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-32 {
    margin-bottom: 32px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-32 {
    margin-bottom: 32px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-33 {
    margin-bottom: 33px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-33 {
    margin-bottom: 33px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-34 {
    margin-bottom: 34px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-34 {
    margin-bottom: 34px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-35 {
    margin-bottom: 35px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-35 {
    margin-bottom: 35px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-36 {
    margin-bottom: 36px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-36 {
    margin-bottom: 36px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-37 {
    margin-bottom: 37px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-37 {
    margin-bottom: 37px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-38 {
    margin-bottom: 38px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-38 {
    margin-bottom: 38px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-39 {
    margin-bottom: 39px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-39 {
    margin-bottom: 39px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-40 {
    margin-bottom: 40px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-40 {
    margin-bottom: 40px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-41 {
    margin-bottom: 41px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-41 {
    margin-bottom: 41px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-42 {
    margin-bottom: 42px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-42 {
    margin-bottom: 42px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-43 {
    margin-bottom: 43px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-43 {
    margin-bottom: 43px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-44 {
    margin-bottom: 44px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-44 {
    margin-bottom: 44px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-45 {
    margin-bottom: 45px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-45 {
    margin-bottom: 45px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-46 {
    margin-bottom: 46px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-46 {
    margin-bottom: 46px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-47 {
    margin-bottom: 47px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-47 {
    margin-bottom: 47px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-48 {
    margin-bottom: 48px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-48 {
    margin-bottom: 48px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-49 {
    margin-bottom: 49px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-49 {
    margin-bottom: 49px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-50 {
    margin-bottom: 50px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-50 {
    margin-bottom: 50px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-51 {
    margin-bottom: 51px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-51 {
    margin-bottom: 51px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-52 {
    margin-bottom: 52px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-52 {
    margin-bottom: 52px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-53 {
    margin-bottom: 53px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-53 {
    margin-bottom: 53px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-54 {
    margin-bottom: 54px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-54 {
    margin-bottom: 54px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-55 {
    margin-bottom: 55px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-55 {
    margin-bottom: 55px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-56 {
    margin-bottom: 56px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-56 {
    margin-bottom: 56px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-57 {
    margin-bottom: 57px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-57 {
    margin-bottom: 57px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-58 {
    margin-bottom: 58px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-58 {
    margin-bottom: 58px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-59 {
    margin-bottom: 59px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-59 {
    margin-bottom: 59px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-60 {
    margin-bottom: 60px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-60 {
    margin-bottom: 60px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-61 {
    margin-bottom: 61px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-61 {
    margin-bottom: 61px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-62 {
    margin-bottom: 62px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-62 {
    margin-bottom: 62px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-63 {
    margin-bottom: 63px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-63 {
    margin-bottom: 63px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-64 {
    margin-bottom: 64px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-64 {
    margin-bottom: 64px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-65 {
    margin-bottom: 65px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-65 {
    margin-bottom: 65px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-66 {
    margin-bottom: 66px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-66 {
    margin-bottom: 66px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-67 {
    margin-bottom: 67px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-67 {
    margin-bottom: 67px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-68 {
    margin-bottom: 68px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-68 {
    margin-bottom: 68px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-69 {
    margin-bottom: 69px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-69 {
    margin-bottom: 69px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-70 {
    margin-bottom: 70px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-70 {
    margin-bottom: 70px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-71 {
    margin-bottom: 71px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-71 {
    margin-bottom: 71px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-72 {
    margin-bottom: 72px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-72 {
    margin-bottom: 72px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-73 {
    margin-bottom: 73px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-73 {
    margin-bottom: 73px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-74 {
    margin-bottom: 74px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-74 {
    margin-bottom: 74px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-75 {
    margin-bottom: 75px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-75 {
    margin-bottom: 75px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-76 {
    margin-bottom: 76px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-76 {
    margin-bottom: 76px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-77 {
    margin-bottom: 77px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-77 {
    margin-bottom: 77px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-78 {
    margin-bottom: 78px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-78 {
    margin-bottom: 78px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-79 {
    margin-bottom: 79px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-79 {
    margin-bottom: 79px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-80 {
    margin-bottom: 80px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-80 {
    margin-bottom: 80px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-81 {
    margin-bottom: 81px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-81 {
    margin-bottom: 81px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-82 {
    margin-bottom: 82px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-82 {
    margin-bottom: 82px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-83 {
    margin-bottom: 83px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-83 {
    margin-bottom: 83px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-84 {
    margin-bottom: 84px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-84 {
    margin-bottom: 84px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-85 {
    margin-bottom: 85px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-85 {
    margin-bottom: 85px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-86 {
    margin-bottom: 86px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-86 {
    margin-bottom: 86px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-87 {
    margin-bottom: 87px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-87 {
    margin-bottom: 87px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-88 {
    margin-bottom: 88px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-88 {
    margin-bottom: 88px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-89 {
    margin-bottom: 89px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-89 {
    margin-bottom: 89px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-90 {
    margin-bottom: 90px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-90 {
    margin-bottom: 90px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-91 {
    margin-bottom: 91px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-91 {
    margin-bottom: 91px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-92 {
    margin-bottom: 92px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-92 {
    margin-bottom: 92px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-93 {
    margin-bottom: 93px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-93 {
    margin-bottom: 93px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-94 {
    margin-bottom: 94px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-94 {
    margin-bottom: 94px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-95 {
    margin-bottom: 95px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-95 {
    margin-bottom: 95px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-96 {
    margin-bottom: 96px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-96 {
    margin-bottom: 96px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-97 {
    margin-bottom: 97px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-97 {
    margin-bottom: 97px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-98 {
    margin-bottom: 98px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-98 {
    margin-bottom: 98px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-99 {
    margin-bottom: 99px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-99 {
    margin-bottom: 99px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-100 {
    margin-bottom: 100px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-100 {
    margin-bottom: 100px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-101 {
    margin-bottom: 101px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-101 {
    margin-bottom: 101px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-102 {
    margin-bottom: 102px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-102 {
    margin-bottom: 102px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-103 {
    margin-bottom: 103px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-103 {
    margin-bottom: 103px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-104 {
    margin-bottom: 104px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-104 {
    margin-bottom: 104px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-105 {
    margin-bottom: 105px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-105 {
    margin-bottom: 105px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-106 {
    margin-bottom: 106px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-106 {
    margin-bottom: 106px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-107 {
    margin-bottom: 107px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-107 {
    margin-bottom: 107px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-108 {
    margin-bottom: 108px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-108 {
    margin-bottom: 108px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-109 {
    margin-bottom: 109px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-109 {
    margin-bottom: 109px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-110 {
    margin-bottom: 110px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-110 {
    margin-bottom: 110px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-111 {
    margin-bottom: 111px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-111 {
    margin-bottom: 111px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-112 {
    margin-bottom: 112px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-112 {
    margin-bottom: 112px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-113 {
    margin-bottom: 113px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-113 {
    margin-bottom: 113px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-114 {
    margin-bottom: 114px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-114 {
    margin-bottom: 114px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-115 {
    margin-bottom: 115px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-115 {
    margin-bottom: 115px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-116 {
    margin-bottom: 116px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-116 {
    margin-bottom: 116px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-117 {
    margin-bottom: 117px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-117 {
    margin-bottom: 117px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-118 {
    margin-bottom: 118px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-118 {
    margin-bottom: 118px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-119 {
    margin-bottom: 119px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-119 {
    margin-bottom: 119px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-120 {
    margin-bottom: 120px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-120 {
    margin-bottom: 120px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-121 {
    margin-bottom: 121px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-121 {
    margin-bottom: 121px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-122 {
    margin-bottom: 122px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-122 {
    margin-bottom: 122px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-123 {
    margin-bottom: 123px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-123 {
    margin-bottom: 123px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-124 {
    margin-bottom: 124px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-124 {
    margin-bottom: 124px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-125 {
    margin-bottom: 125px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-125 {
    margin-bottom: 125px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-126 {
    margin-bottom: 126px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-126 {
    margin-bottom: 126px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-127 {
    margin-bottom: 127px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-127 {
    margin-bottom: 127px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-128 {
    margin-bottom: 128px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-128 {
    margin-bottom: 128px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-129 {
    margin-bottom: 129px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-129 {
    margin-bottom: 129px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-130 {
    margin-bottom: 130px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-130 {
    margin-bottom: 130px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-131 {
    margin-bottom: 131px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-131 {
    margin-bottom: 131px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-132 {
    margin-bottom: 132px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-132 {
    margin-bottom: 132px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-133 {
    margin-bottom: 133px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-133 {
    margin-bottom: 133px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-134 {
    margin-bottom: 134px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-134 {
    margin-bottom: 134px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-135 {
    margin-bottom: 135px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-135 {
    margin-bottom: 135px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-136 {
    margin-bottom: 136px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-136 {
    margin-bottom: 136px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-137 {
    margin-bottom: 137px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-137 {
    margin-bottom: 137px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-138 {
    margin-bottom: 138px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-138 {
    margin-bottom: 138px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-139 {
    margin-bottom: 139px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-139 {
    margin-bottom: 139px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-140 {
    margin-bottom: 140px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-140 {
    margin-bottom: 140px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-141 {
    margin-bottom: 141px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-141 {
    margin-bottom: 141px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-142 {
    margin-bottom: 142px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-142 {
    margin-bottom: 142px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-143 {
    margin-bottom: 143px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-143 {
    margin-bottom: 143px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-144 {
    margin-bottom: 144px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-144 {
    margin-bottom: 144px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-145 {
    margin-bottom: 145px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-145 {
    margin-bottom: 145px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-146 {
    margin-bottom: 146px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-146 {
    margin-bottom: 146px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-147 {
    margin-bottom: 147px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-147 {
    margin-bottom: 147px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-148 {
    margin-bottom: 148px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-148 {
    margin-bottom: 148px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-149 {
    margin-bottom: 149px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-149 {
    margin-bottom: 149px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-150 {
    margin-bottom: 150px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-150 {
    margin-bottom: 150px !important;
  }
}
.mb0 {
  margin-bottom: 0 !important;
}


body {
  color: black;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 100%;
  -webkit-font-smoothing: antialiased;
  line-height: 1.4;
}

a {
  color: inherit;
  text-decoration: none;
  -webkit-backface-visibility: hidden;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
a:hover {
  opacity: 0.7;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  a {
    display: inline-block;
  }
}
@media screen and (min-width: 835px) {
  a[href^=tel] {
    pointer-events: none;
  }
}
@media screen and (max-width: 834px) {
  a {
    -webkit-tap-highlight-color: transparent;
  }
}

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

.clearfix {
  zoom: 1;
}
.clearfix:before {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
  content: "";
  display: table;
}

@media screen and (max-width: 834px) {
  .pc {
    display: none !important;
  }
}
@media screen and (max-width: 1245px) {
  .pc-xl {
    display: none !important;
  }
}
@media screen and (max-width: 1024px) {
  .pc-tb {
    display: none !important;
  }
}
@media screen and (max-width: 990px) {
  .pc-lg {
    display: none !important;
  }
}
@media screen and (max-width: 640px) {
  .pc-sm {
    display: none !important;
  }
}
@media screen and (max-width: 374px) {
  .pc-xs {
    display: none !important;
  }
}

@media screen and (min-width: 835px) {
  .sp {
    display: none !important;
  }
}
@media screen and (min-width: 1246px) {
  .sp-xl {
    display: none !important;
  }
}
@media screen and (min-width: 1025px) {
  .sp-tb {
    display: none !important;
  }
}
@media screen and (min-width: 991px) {
  .sp-lg {
    display: none !important;
  }
}
@media screen and (min-width: 641px) {
  .sp-sm {
    display: none !important;
  }
}
@media screen and (min-width: 375px) {
  .sp-xs {
    display: none !important;
  }
}

.u-fn-hover {
  display: inline-block;
}
@media screen and (min-width: 835px) {
  .u-fn-hover {
    transition: all 0.2s;
  }
  .u-fn-hover:hover {
    opacity: 0.7;
  }
}

.u-pull--left {
  margin-left: calc((100vw - 100%) / 2 * -1);
}
.u-pull--right {
  margin-right: calc((100vw - 100%) / 2 * -1);
}

.js-fadeUp {
  opacity: 0;
  transform: translate3d(0, 20px, 0) rotate(0.001deg);
  transition: 800ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition-property: opacity, transform;
}
.js-fadeUp.is-active {
  opacity: 1;
  transform: translate3d(0, 0, 0) rotate(0.001deg);
}

.js-split-cell {
  display: inline-block;
}
.js-split-effect {
  display: inline-block;
  opacity: 0;
  transform: translate3d(0, 0.4em, 0);
  transition: 680ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition-property: opacity, transform;
}
.js-split-effect.is-active {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.sec-mv__list {
  font-size: 1.2rem;
  line-height: 1.75;
  color: #fff;
}

.c-fc--white {
  color: white !important;
}
.c-fc--black {
  color: black !important;
}
.c-fc--black02 {
  color: #211815 !important;
}
.c-fc--blue {
  color: #5A9FD5 !important;
}
.c-fc--blue02 {
  color: #4CAEB0 !important;
}
.c-fc--blue03 {
  color: #85B4E0 !important;
}
.c-fc--red {
  color: #CF2C25 !important;
}
.c-fc--pink {
  color: #D2476F !important;
}
.c-fc--pink02 {
  color: #D8758D !important;
}
.c-fc--purple {
  color: #B77FAE !important;
}
.c-fc--green {
  color: #81B75D !important;
}
.c-fc--orange {
  color: #E39A3E !important;
}
.c-fc--red {
  color: #D3535D !important;
}

.c-bg--pink {
  background: #D8758D !important;
}
.c-bg--pinkop2 {
  background: rgba(216, 117, 141, 0.2) !important;
}
.c-bg--purple {
  background: #B77FAE !important;
}
.c-bg--purpleop2 {
  background: rgba(182, 127, 173, 0.2) !important;
}
.c-bg--green {
  background: #81B75D !important;
}
.c-bg--orange {
  background: #E39A3E !important;
}
.c-bg--blue02 {
  background: #4CAEB0 !important;
}
.c-bg--blue03 {
  background: #85B4E0 !important;
}
.c-bg--gray {
  background: #E5E5E6 !important;
}
.c-bg--blue {
  background: #5A9FD5 !important;
}
.c-bg--blueop2 {
  background: rgba(90, 159, 213, 0.2) !important;
}

.c-ft--en {
  font-family: "Jost", sans-serif;
}
.c-ft--jp {
  font-family: "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "Meiryo", "メイリオ", "MS Pゴシック", Arial, Helvetica, Verdana, sans-serif;
}
.c-ft--gothic {
  font-family: "Kozuka Gothic Pr6N R", sans-serif;
}

.c-fw--lt {
  font-weight: 300 !important;
}
.c-fw--rg {
  font-weight: 400 !important;
}
.c-fw--md {
  font-weight: 500 !important;
}
.c-fw--sbd {
  font-weight: 600 !important;
}
.c-fw--bd {
  font-weight: 700 !important;
}
.c-fw--bk {
  font-weight: 900 !important;
}

.c-tx--v {
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
}
@media screen and (min-width: 835px) {
  .c-tx--v-pc {
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
  }
}

.c-al--c {
  text-align: center !important;
}
.c-al--r {
  text-align: right !important;
}
.c-al--l {
  text-align: left !important;
}

.c-pull--left {
  margin-left: calc((100vw - 100%) / 2 * -1);
}
.c-pull--right {
  margin-right: calc((100vw - 100%) / 2 * -1);
}

/* ====================================================
Component
==================================================== */
.c-txt__01 {
  font-size: 1.4rem;
  line-height: 1.7142857143;
}
@media screen and (max-width: 834px) {
  .c-txt__01 {
    font-size: 1.2rem;
    line-height: 1.6666666667;
  }
}
.c-txt__02 {
  font-size: 1.6rem;
  line-height: 2;
}
@media screen and (max-width: 834px) {
  .c-txt__02 {
    font-size: 1.3rem;
    line-height: 1.9692307692;
  }
}
.c-txt__03 {
  font-size: 1.2rem;
  line-height: 1.5;
}
@media screen and (max-width: 834px) {
  .c-txt__03 {
    font-size: 1rem;
    line-height: 1.5;
  }
}
.c-txt__04 {
  font-size: 1.5rem;
  line-height: 2.2666666667;
}
@media screen and (max-width: 834px) {
  .c-txt__04 {
    font-size: 1.3rem;
    line-height: 2.1538461538;
  }
}
.c-txt__05 {
  font-size: 1.8rem;
  line-height: 2.2222222222;
  font-weight: 500;
}
@media screen and (max-width: 834px) {
  .c-txt__05 {
    font-size: 1.6rem;
    line-height: 2;
  }
}
.c-txt__06 {
  font-size: 1.6rem;
  line-height: 2;
  font-weight: 500;
}
@media screen and (max-width: 834px) {
  .c-txt__06 {
    font-size: 1.4rem;
    line-height: 1.7142857143;
  }
}

.c-ttl__01 {
  font-weight: 500;
  font-size: 3.8rem;
}
@media screen and (max-width: 1245px) {
  .c-ttl__01 {
    font-size: 3.1rem;
  }
}
@media screen and (max-width: 834px) {
  .c-ttl__01 {
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 374px) {
  .c-ttl__01 {
    font-size: 2rem;
  }
}
.c-ttl__01--lg {
  font-size: 4rem;
}
@media screen and (max-width: 1245px) {
  .c-ttl__01--lg {
    font-size: 3.2rem;
  }
}
@media screen and (max-width: 834px) {
  .c-ttl__01--lg {
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 374px) {
  .c-ttl__01--lg {
    font-size: 2rem;
  }
}
.c-ttl__02 {
  font-family: "Jost", sans-serif;
  font-size: 2.4rem;
  color: #211815;
  font-weight: 500;
}
.c-ttl__02--line {
  border-top: 5px solid #E6E6E6;
  font-family: "Noto Sans JP", sans-serif;
  position: relative;
  padding-top: 11px;
  margin-bottom: 26px;
  line-height: 1.4;
}
@media screen and (max-width: 834px) {
  .c-ttl__02--line {
    font-size: 2rem;
    padding-top: 24px;
    margin-bottom: 14px;
  }
}
.c-ttl__02--line:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 140px;
  height: 5px;
  background: #D2476F;
  left: 0;
  top: -5px;
}
@media screen and (max-width: 640px) {
  .c-ttl__02--line:before {
    width: 50px;
  }
}
.c-ttl__02--line span {
  font-size: 1.8rem;
}
@media screen and (max-width: 834px) {
  .c-ttl__02--line span {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 834px) {
  .c-ttl__02--spDif {
    font-size: 1.8rem;
    line-height: 1.5555555556;
    padding-top: 13px;
  }
}
.c-ttl__02--spDif:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 140px;
  height: 5px;
}
@media screen and (max-width: 640px) {
  .c-ttl__02--spDif:before {
    width: 110px;
  }
}
.c-ttl__02--white {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-family: "Noto Sans JP", sans-serif;
  background: #85B4E0;
  color: #fff;
  border-radius: 8px;
  padding: 6px 20px;
  margin-bottom: 18px;
}
@media screen and (max-width: 834px) {
  .c-ttl__02--white {
    font-size: 1.9rem;
  }
}
.c-ttl__02--white span {
  font-size: 1.4rem;
  padding-top: 2px;
}
@media screen and (max-width: 834px) {
  .c-ttl__02--white span {
    font-size: 1.2rem;
  }
}
.c-ttl__02--center {
  font-size: 2.6rem;
  text-align: center;
  font-family: "Noto Sans JP", sans-serif;
  background: #85B4E0;
  color: #fff;
  padding: 4px 20px;
  margin-bottom: 39px;
}
@media screen and (max-width: 834px) {
  .c-ttl__02--center {
    font-size: 1.9rem;
  }
}
.c-ttl__03 {
  padding: 30px 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 51px;
}
@media screen and (max-width: 834px) {
  .c-ttl__03 {
    display: block;
    padding: 13px 0 0;
    text-align: center;
    margin-bottom: 35px;
  }
}
.c-ttl__03 small {
  position: relative;
  width: 186px;
  display: block;
  color: #fff;
  font-weight: 500;
  z-index: 2;
  text-align: center;
  font-size: 2.5rem;
}
.c-ttl__03 small:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 186px;
  height: 186px;
  background: #CD1C7D;
  left: 0;
  top: -104px;
  border-radius: 50%;
  z-index: -1;
}
@media screen and (max-width: 834px) {
  .c-ttl__03 small:before {
    width: 95px;
    height: 95px;
    top: -52px;
  }
}
@media screen and (max-width: 834px) {
  .c-ttl__03 small {
    width: 95px;
    margin: 0 auto 34px;
    font-size: 1.4rem;
  }
}
.c-ttl__03 > span {
  color: #CD1C7D;
  font-weight: 500;
  font-feature-settings: "palt" 1;
  width: calc(100% - 186px);
  padding-left: 8px;
  font-size: 2.5rem;
}
@media screen and (max-width: 834px) {
  .c-ttl__03 > span {
    font-size: 1.4rem;
  }
}
.c-ttl__03 > span span {
  margin-top: 10px;
  border: 1px solid #CD1C7D;
  border-radius: 10px;
  font-size: 2.05rem;
  padding: 1px 27px;
  display: inline-block;
  background: #FFFF00;
}
@media screen and (max-width: 834px) {
  .c-ttl__03 > span span {
    margin-top: 15px;
    padding: 1px 22px;
    border-radius: 7px;
    font-size: 1.4rem;
  }
}
@media screen and (min-width: 835px) {
  .c-ttl__03--02 {
    padding-top: 17px;
    padding-bottom: 17px;
  }
}
@media screen and (max-width: 834px) {
  .c-ttl__03--02 {
    padding-top: 6px;
  }
}
@media screen and (min-width: 835px) {
  .c-ttl__03--02 small:before {
    top: -91px;
  }
}
@media screen and (max-width: 834px) {
  .c-ttl__03--02 small:before {
    top: -46px;
  }
}
.c-ttl__04 {
  color: #211815;
  font-weight: 500;
  margin-bottom: 27px;
  line-height: 1.2;
  font-size: 2.4rem;
}
@media screen and (max-width: 1024px) {
  .c-ttl__04 {
    font-size: 2rem;
  }
}
@media screen and (max-width: 834px) {
  .c-ttl__04 {
    margin-bottom: 14px;
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 374px) {
  .c-ttl__04 {
    font-size: 1.2rem;
  }
}
.c-ttl__04 > span {
  display: block;
  color: #CD1C7D;
  margin-top: 17px;
  font-size: 4.4rem;
}
@media screen and (max-width: 1024px) {
  .c-ttl__04 > span {
    font-size: 3.6rem;
  }
}
@media screen and (max-width: 834px) {
  .c-ttl__04 > span {
    margin-top: 7px;
    font-size: 2.4rem;
  }
}
.c-ttl__04 > span span {
  font-size: 3.2rem;
}
@media screen and (max-width: 1024px) {
  .c-ttl__04 > span span {
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 834px) {
  .c-ttl__04 > span span {
    font-size: 1.7rem;
  }
}
.c-ttl__05 {
  margin-bottom: 30px;
  text-align: center;
  color: #fff;
}
@media screen and (max-width: 834px) {
  .c-ttl__05 {
    margin-bottom: 27px;
  }
}
.c-ttl__05 span {
  display: block;
}
.c-ttl__05 .c-ft--jp {
  margin-bottom: 4px;
  font-weight: 500;
  font-size: 3rem;
}
@media screen and (max-width: 834px) {
  .c-ttl__05 .c-ft--jp {
    margin-bottom: -1px;
    font-size: 1.8rem;
  }
}
.c-ttl__05 .c-ft--en {
  font-family: "Jost", sans-serif;
  font-size: 1.4rem;
}
@media screen and (max-width: 834px) {
  .c-ttl__05 .c-ft--en {
    font-size: 1.2rem;
  }
}
.c-ttl__06 {
  font-size: 3rem;
  font-weight: 500;
}
@media screen and (max-width: 1245px) {
  .c-ttl__06 {
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 834px) {
  .c-ttl__06 {
    font-size: 1.8rem;
  }
}
.c-ttl__06 .c-ft--en {
  display: block;
  font-weight: normal;
  font-size: 1.4rem;
  margin-top: 6px;
  color: #989898;
}
@media screen and (max-width: 834px) {
  .c-ttl__06 .c-ft--en {
    font-size: 1.2rem;
    margin-top: 2px;
  }
}
.c-ttl__06 em {
  color: #74b4e3;
  font-style: normal;
}
.c-ttl__07 {
  font-size: 7.6rem;
  line-height: 1;
  color: #5A9FD5;
  border-bottom: 3px solid #5A9FD5;
  padding: 0 0 36px;
}
@media screen and (max-width: 1245px) {
  .c-ttl__07 {
    font-size: 5.6rem;
    padding: 0 0 20px;
  }
}
@media screen and (max-width: 834px) {
  .c-ttl__07 {
    font-size: 3.6rem;
    padding: 0 0 11px;
  }
}
@media screen and (max-width: 374px) {
  .c-ttl__07 {
    font-size: 3rem;
  }
}
.c-ttl__07--pink {
  color: #D8758D;
  border-bottom-color: #D8758D;
}
.c-ttl__07--purple {
  color: #B77FAE;
  border-bottom-color: #B77FAE;
}
.c-ttl__07--green {
  color: #81B75D;
  border-bottom-color: #81B75D;
}
.c-ttl__07--orange {
  color: #E39A3E;
  border-bottom-color: #E39A3E;
}
.c-ttl__08 {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin-bottom: 23px;
}
@media screen and (max-width: 834px) {
  .c-ttl__08 {
    margin-bottom: 27px;
  }
}
.c-ttl__08 .en {
  font-size: 2.302rem;
  line-height: 1;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  min-width: 138px;
  border-right: 2px solid #5A9FD5;
  min-height: 66px;
  padding: 8px 10px 0 0;
}
@media screen and (max-width: 1245px) {
  .c-ttl__08 .en {
    font-size: 2.05rem;
  }
}
@media screen and (max-width: 834px) {
  .c-ttl__08 .en {
    font-size: 1.842rem;
    min-height: 60px;
    min-width: 98px;
  }
}
@media screen and (max-width: 374px) {
  .c-ttl__08 .en {
    font-size: 1.4rem;
    min-width: 70px;
  }
}
.c-ttl__08 .en > * {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 13px;
}
@media screen and (max-width: 834px) {
  .c-ttl__08 .en > * {
    gap: 9px;
  }
}
@media screen and (max-width: 374px) {
  .c-ttl__08 .en > * {
    gap: 4px;
  }
}
.c-ttl__08 .en .number {
  font-size: 4.583rem;
  position: relative;
  top: -4px;
}
@media screen and (max-width: 1245px) {
  .c-ttl__08 .en .number {
    font-size: 4.1rem;
  }
}
@media screen and (max-width: 834px) {
  .c-ttl__08 .en .number {
    font-size: 3.666rem;
  }
}
@media screen and (max-width: 834px) {
  .c-ttl__08 .en .number {
    font-size: 3rem;
  }
}
.c-ttl__08 .jp {
  font-size: 3rem;
  line-height: 1.735;
  padding: 0 0 0 36px;
  font-feature-settings: "palt" 1;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: -10px;
}
@media screen and (max-width: 1245px) {
  .c-ttl__08 .jp {
    font-size: 2.55rem;
  }
}
@media screen and (max-width: 834px) {
  .c-ttl__08 .jp {
    font-size: 2.1rem;
    line-height: 1.220952381;
    padding: 0 0 0 21px;
  }
}
@media screen and (max-width: 374px) {
  .c-ttl__08 .jp {
    font-size: 1.8rem;
    padding: 0 0 0 10px;
  }
}
@media screen and (max-width: 834px) {
  .c-ttl__08 .jp .txt-sm-sm {
    font-size: 1.9rem;
    display: block;
    margin-left: -5px;
  }
}
@media screen and (max-width: 374px) {
  .c-ttl__08 .jp .txt-sm-sm {
    font-size: 1.6rem;
    padding: 0 0 0 10px;
  }
}
.c-ttl__08--pink {
  color: #D8758D;
}
.c-ttl__08--pink .en {
  border-right-color: #D8758D;
}
.c-ttl__08--purple {
  color: #B77FAE;
}
.c-ttl__08--purple .en {
  border-right-color: #B77FAE;
}
.c-ttl__08--green {
  color: #81B75D;
}
.c-ttl__08--green .en {
  border-right-color: #81B75D;
}
.c-ttl__08--orange {
  color: #E39A3E;
}
.c-ttl__08--orange .en {
  border-right-color: #E39A3E;
}
.c-ttl__09 {
  font-weight: 500;
}
.c-ttl__09 > * {
  display: block;
}
.c-ttl__09 > *.c-ft--en {
  font-size: 1.4rem;
}
@media screen and (max-width: 834px) {
  .c-ttl__09 > *.c-ft--en {
    font-size: 1.162rem;
  }
}
.c-ttl__09 > *.c-ft--jp {
  font-size: 2.6rem;
  line-height: 1.6923076923;
  line-height: 1.2;
}
@media screen and (max-width: 834px) {
  .c-ttl__09 > *.c-ft--jp {
    font-size: 2.158rem;
    letter-spacing: -1px;
  }
}
@media screen and (max-width: 374px) {
  .c-ttl__09 > *.c-ft--jp {
    font-size: 1.8rem;
  }
}
.c-ttl__10 {
  color: #211815;
  font-weight: 500;
  margin-bottom: 20px;
  line-height: 1.2;
  font-size: 1.8rem;
  background-color: #e5e5e5;
  padding: 10px 2%;
}
@media screen and (max-width: 834px) {
  .c-ttl__10 {
    font-size: 1.6rem;
  }
}

.c-btn__01 {
  display: inline-flex;
  font-size: 1.2rem;
  line-height: 2.8333333333;
  border-radius: 17px;
  min-width: 209px;
  padding: 0 35px 0 22px;
  position: relative;
  background: #E6E6E6;
}
@media screen and (max-width: 834px) {
  .c-btn__01 {
    font-size: 1rem;
    line-height: 2.8;
    min-width: 173px;
    padding: 0 30px 0 13px;
  }
}
.c-btn__01::after {
  position: absolute;
  content: "";
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: url(../../img/common/ico-link-white.png) 50%/contain no-repeat;
  top: calc(50% - 11px);
  right: 7px;
}
@media screen and (max-width: 834px) {
  .c-btn__01::after {
    right: 4px;
  }
}
.c-btn__03 {
  max-width: 725px;
  margin: 0 auto;
  border: 1px solid #666666;
  width: 100%;
  height: 54px;
  padding: 10px;
  font-weight: 500;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (max-width: 834px) {
  .c-btn__03 {
    height: 45px;
  }
}
.c-btn__03 span {
  color: #666666;
  display: inline-block;
  padding-left: 25px;
  position: relative;
  font-size: 1.3rem;
}
@media screen and (max-width: 834px) {
  .c-btn__03 span {
    font-size: 1rem;
  }
}
.c-btn__03 span:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 15px;
  height: 15px;
  background: url("../../img/opencampus/icon-view.png") center no-repeat;
  background-size: contain;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.c-btn__04 {
  border: 2px solid #000;
  padding: 20px;
  background-color: #fff;
  border-radius: 6px;
  font-size: 2.4rem;
  font-weight: 500;
  max-width: 360px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  text-align: center;
  position: relative;
}
@media screen and (max-width: 834px) {
  .c-btn__04 {
    font-size: 1.8rem;
  }
}
.c-btn__04 span {
  font-size: 1.6rem;
  display: inline-block;
  width: 100%;
  margin-top: 8px;
}
@media screen and (max-width: 834px) {
  .c-btn__04 span {
    font-size: 1.4rem;
  }
}
.c-btn__04:before {
  position: absolute;
  content: "";
  width: 17px;
  height: 17px;
  background: url(../../img/common/ico-link-black.svg) 80%/contain no-repeat;
  right: 20px;
}
.c-btn__05 {
  padding: 50px 0 100px;
}
@media screen and (max-width: 640px) {
  .c-btn__05 {
    padding: 30px 0 60px;
  }
}

.js-scrollin {
  opacity: 0;
  -webkit-transform: translate(0, 70px);
  -ms-transform: translate(0, 70px);
  transform: translate(0, 70px);
}
.js-scrollin.active {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.inner {
  display: block;
  width: 90%;
  max-width: 1170px;
  margin: 0 auto;
}
@media screen and (max-width: 834px) {
  .inner {
    width: 100%;
    padding: 0 6.66%;
  }
}
.inner--1200 {
  max-width: 1200px;
}
.inner--850 {
  max-width: 850px;
}
.inner--1120 {
  max-width: 1120px;
}
.inner--1145 {
  max-width: 1145px;
}

.wrapper {
  overflow: hidden;
  margin-top: 90px;
}
@media screen and (max-width: 1024px) {
  .wrapper {
    margin-top: 50px;
  }
}

.info-box {
  background: #EFF3F6;
  padding: 70px 0 84px;
}
@media screen and (max-width: 834px) {
  .info-box {
    width: 86.66%;
    margin: 0 auto 36px;
    padding: 29px 0 76px;
  }
}
.info-box__inner {
  max-width: 1060px;
}
@media screen and (max-width: 640px) {
  .info-box__inner {
    padding: 0;
  }
}
.info-box__list {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 70px 36px;
  padding-right: 6px;
}
@media screen and (max-width: 640px) {
  .info-box__list {
    width: 210px;
    margin: 0 auto;
    gap: 34px;
  }
}
.info-box__list > * {
  width: calc(33.33% - 24px);
  color: #5A9FD5;
}
@media screen and (max-width: 834px) {
  .info-box__list > * {
    width: calc(50% - 18px);
  }
}
@media screen and (max-width: 640px) {
  .info-box__list > * {
    width: 100%;
  }
}
.info-box__list > *:nth-child(5n+2) {
  color: #D8758D;
}
.info-box__list > *:nth-child(5n+2) .info-box__list-ttl .number {
  border-right-color: #D8758D;
}
.info-box__list > *:nth-child(5n+2) .info-box__list-img img {
  box-shadow: 9px 9px 0 #D8758D;
}
@media screen and (max-width: 834px) {
  .info-box__list > *:nth-child(5n+2) .info-box__list-img img {
    box-shadow: 8px 7px 0 #D8758D;
  }
}
.info-box__list > *:nth-child(5n+3) {
  color: #B77FAE;
}
.info-box__list > *:nth-child(5n+3) .info-box__list-ttl .number {
  border-right-color: #B77FAE;
}
.info-box__list > *:nth-child(5n+3) .info-box__list-img img {
  box-shadow: 9px 9px 0 #B77FAE;
}
@media screen and (max-width: 834px) {
  .info-box__list > *:nth-child(5n+3) .info-box__list-img img {
    box-shadow: 8px 7px 0 #B77FAE;
  }
}
.info-box__list > *:nth-child(5n+4) {
  color: #81B75D;
}
.info-box__list > *:nth-child(5n+4) .info-box__list-ttl .number {
  border-right-color: #81B75D;
}
.info-box__list > *:nth-child(5n+4) .info-box__list-img img {
  box-shadow: 9px 9px 0 #81B75D;
}
@media screen and (max-width: 834px) {
  .info-box__list > *:nth-child(5n+4) .info-box__list-img img {
    box-shadow: 8px 7px 0 #81B75D;
  }
}
.info-box__list > *:nth-child(5n+5) {
  color: #E39A3E;
}
.info-box__list > *:nth-child(5n+5) .info-box__list-ttl .number {
  border-right-color: #E39A3E;
}
.info-box__list > *:nth-child(5n+5) .info-box__list-img img {
  box-shadow: 9px 9px 0 #E39A3E;
}
@media screen and (max-width: 834px) {
  .info-box__list > *:nth-child(5n+5) .info-box__list-img img {
    box-shadow: 8px 7px 0 #E39A3E;
  }
}
.info-box__list-link {
  display: block;
  position: relative;
}
.info-box__list-ttl {
  position: relative;
  font-size: 2rem;
  line-height: 1.75;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  top: 50%;
  left: 10%;
  width: 80%;
  text-align: center;
  z-index: 2;
  color: #fff;
}
@media screen and (max-width: 1245px) {
  .info-box__list-ttl {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 834px) {
  .info-box__list-ttl {
    font-size: 1.6rem;
  }
}
.info-box__list-ttl > * {
  display: block;
}
.info-box__list-ttl .number {
  display: block;
  font-size: 5.8rem;
  line-height: 1;
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 1px solid #fff;
}
@media screen and (max-width: 1245px) {
  .info-box__list-ttl .number {
    font-size: 3.6rem;
  }
}
@media screen and (max-width: 834px) {
  .info-box__list-ttl .number {
    font-size: 2.8rem;
  }
}
.info-box__list-ttl .en {
  font-size: 1.2rem;
  margin-top: -4px;
}
@media screen and (max-width: 1245px) {
  .info-box__list-ttl .en {
    font-size: 1.1rem;
  }
}
@media screen and (max-width: 834px) {
  .info-box__list-ttl .en {
    font-size: 0.96rem;
  }
}
.info-box__list-img {
  position: relative;
  z-index: 1;
}
.info-box__list-img::before {
  display: block;
  content: "";
  padding-bottom: 116.862745098%;
}
.info-box__list-img:after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  top: 0;
  left: 0;
}
.info-box__list-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  font-family: "object-fit: cover";
  box-shadow: 9px 9px 0 #5a9fd5;
}
@media screen and (max-width: 834px) {
  .info-box__list-img img {
    box-shadow: 8px 7px 0 #5a9fd5;
  }
}

.gap-10 {
  gap: 10px;
}
.gap-30 {
  gap: 30px;
}

.w-max-321 {
  max-width: 321px;
}
.w-max-280 {
  max-width: 280px;
}

.mv-page03 {
  position: relative;
  z-index: 1;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 678px;
}
@media screen and (max-width: 834px) {
  .mv-page03 {
    height: 641px;
    margin-top: -17px;
  }
}
.mv-page03__ttl {
  color: white;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  text-align: center;
  padding: 15px 15px 32px;
  gap: 4px;
}
@media screen and (max-width: 834px) {
  .mv-page03__ttl {
    padding: 15px 15px 65px;
    gap: 16px;
  }
}
.mv-page03__ttl .jp {
  font-size: 4.8rem;
  font-weight: 600;
}
@media screen and (max-width: 834px) {
  .mv-page03__ttl .jp {
    line-height: 1.2377083333;
  }
}
.mv-page03__ttl .c-ft--en {
  font-size: 1.8rem;
}
.mv-page03__img {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.mv-page03__img::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #C8C8C8;
  mix-blend-mode: multiply;
}
.mv-page03__img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  font-family: "object-fit: cover";
}

.main-header {
  background: white;
  color: #231815;
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  right: 0;
}
.main-header__inner {
  height: 90px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding-right: 82px;
}
@media screen and (min-width: 1025px) {
  .main-header__inner {
    flex-direction: row-reverse;
  }
}
@media screen and (max-width: 1245px) {
  .main-header__inner {
    padding-right: 15px;
  }
}
@media screen and (max-width: 1024px) {
  .main-header__inner {
    padding: 4px 16px 0;
    height: 50px;
    position: relative;
  }
}
.main-header__logo {
  width: 339px;
  margin: 0 0 1px;
}
@media screen and (max-width: 1024px) {
  .main-header__logo {
    width: 199px;
    margin: 0;
  }
}
.main-header__nav {
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  bottom: 0;
  height: 100vh;
  overflow-y: auto;
  overflow-x: hidden;
  background: white;
  color: #999999;
  width: 0;
  transition: width cubic-bezier(0.165, 0.84, 0.44, 1);
}
@media screen and (min-width: 641px) {
  .main-header__nav {
    transition-duration: 600ms;
  }
}
@media screen and (min-width: 1025px) {
  .main-header__nav.is-show {
    width: 880px;
  }
}
@media screen and (max-width: 1024px) {
  .main-header__nav.is-show {
    width: 100%;
  }
}
.main-header__nav.is-show .main-header__menu > *,
.main-header__nav.is-show .main-header__row,
.main-header__nav.is-show .main-header__copyright {
  transition-duration: 1100ms;
  opacity: 1;
  transform: translateY(0rem) rotate(0.0001deg);
}
.main-header__wrap {
  padding: 175px 123px 0;
}
@media screen and (min-width: 1025px) {
  .main-header__wrap {
    width: 880px;
  }
}
@media screen and (max-width: 1024px) {
  .main-header__wrap {
    margin: 0 auto 100px;
    padding: 61px 30px 0;
  }
}
@media screen and (max-width: 374px) {
  .main-header__wrap {
    width: 320px;
    padding: 61px 15px 0;
  }
}
.main-header__wrap-btn {
  line-height: 2;
  font-size: 1rem;
  background: #E6E6E6;
  color: #000;
  min-height: 25px;
  border-radius: 5px;
  max-width: 80px;
  width: 100%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 14px;
}
.main-header__btnsp {
  padding-left: 25px;
  position: relative;
  font-size: 1.2rem;
  margin-left: auto;
  margin-right: 42px;
}
.main-header__btnsp::before {
  position: absolute;
  content: "";
  width: 17px;
  height: 17px;
  background: url(../../img/common/ico-link-black.svg) 50%/contain no-repeat;
  left: 0;
  top: 0;
}
.main-header__menu {
  font-size: 1.8rem;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 60px;
  margin-bottom: 36px;
}
@media screen and (max-width: 1024px) {
  .main-header__menu {
    font-size: 1.2rem;
    gap: 0px;
    margin-bottom: 28px;
  }
}
.main-header__menu > * {
  width: calc(33.33% - 40px);
  opacity: 0;
  transform: translateY(-1rem) rotate(0.0001deg);
  transform-origin: 0 0;
  transition: 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-property: opacity, transform;
}
@media screen and (max-width: 1024px) {
  .main-header__menu > * {
    width: 100%;
  }
}
.main-header__menu > *:nth-child(1) {
  transition-delay: 440ms !important;
}
.main-header__menu > *:nth-child(2) {
  transition-delay: 520ms !important;
}
.main-header__menu > *:nth-child(3) {
  transition-delay: 600ms !important;
}
.main-header__menu > * > a {
  color: black;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  padding: 0 0 15px 26px;
  border-bottom: 1px solid #999999;
}
@media screen and (max-width: 1024px) {
  .main-header__menu > * > a {
    padding: 10px 0 10px 30px;
  }
}
.main-header__menu > * > a:last-child {
  margin-bottom: 0;
}
.main-header__menu > * > a::before {
  position: absolute;
  content: "";
  width: 19px;
  height: 19px;
  background: url(../../img/common/ico-link-02.svg) center/contain no-repeat;
  top: 5px;
  left: 0;
}
@media screen and (max-width: 1024px) {
  .main-header__menu > * > a::before {
    width: 16px;
    height: 16px;
    top: 11px;
    left: 6px;
  }
}
.main-header__menu > * > a:hover {
  opacity: 1;
}
.main-header__menu > * > a:hover::before {
  background: url(../../img/common/ico-link-02-black.svg) center/contain no-repeat;
}
.main-header__menu > * > a.is-close .main-header__menu-icon::after {
  opacity: 0;
}
.main-header__menu > * .main-header__menu-sub {
  padding: 18px 0 0 23px;
  display: block;
}
@media screen and (max-width: 1024px) {
  .main-header__menu > * .main-header__menu-sub {
    padding: 0;
    background: #F7F7F8;
    display: none;
  }
}
@media screen and (max-width: 1024px) {
  .main-header__menu > * .main-header__menu-sub > * {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 1024px) {
  .main-header__menu > * .main-header__menu-sub a {
    width: 100%;
    border-bottom: 1px solid #DCDDDD;
    padding: 13px 31px 10px;
  }
  .main-header__menu > * .main-header__menu-sub a::before {
    display: none;
  }
}
@media screen and (max-width: 1024px) {
  .main-header__menu-icon {
    position: absolute;
    width: 44px;
    height: 38px;
    top: 0;
    right: 0;
    cursor: pointer;
  }
  .main-header__menu-icon::before, .main-header__menu-icon::after {
    position: absolute;
    content: "";
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: #999999;
    -webkit-backface-visibility: hidden;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  .main-header__menu-icon::before {
    width: 12px;
    height: 1px;
  }
  .main-header__menu-icon::after {
    width: 1px;
    height: 12px;
  }
}
.main-header__row {
  opacity: 0;
  transform: translateY(-1rem) rotate(0.0001deg);
  transform-origin: 0 0;
  transition: 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-property: opacity, transform;
  transition-delay: 480ms !important;
}
@media screen and (min-width: 1025px) {
  .main-header__row {
    border-top: 1px solid #999999;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    padding: 23px 146px 0 26px;
  }
}
@media screen and (max-width: 1024px) {
  .main-header__row {
    padding: 0 14px;
  }
}
.main-header__menu-sub {
  font-size: 1.4rem;
}
@media screen and (max-width: 1024px) {
  .main-header__menu-sub {
    font-size: 1rem;
    margin-bottom: 13px;
  }
  .main-header__menu-sub:last-child {
    margin-bottom: 0;
  }
}
.main-header__menu-sub > * {
  display: flex;
  margin-bottom: 11px;
}
@media screen and (max-width: 1024px) {
  .main-header__menu-sub > * {
    margin-bottom: 13px;
  }
}
.main-header__menu-sub > *:last-child {
  margin-bottom: 0;
}
.main-header__menu-sub > * a {
  position: relative;
  padding-left: 15px;
}
.main-header__menu-sub > * a::before {
  position: absolute;
  content: "";
  width: 6px;
  height: 6px;
  top: 7px;
  left: 0;
  transform: rotate(45deg);
  border-top: 1px solid #999;
  border-right: 1px solid #999;
}
@media screen and (max-width: 834px) {
  .main-header__menu-sub > * a::before {
    width: 7px;
    height: 7px;
    top: 4px;
  }
}
.main-header__copyright {
  font-size: 1.359rem;
  padding: 79px 38px 100px;
  opacity: 0;
  transform: translateY(-1rem) rotate(0.0001deg);
  transform-origin: 0 0;
  transition: 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-property: opacity, transform;
  transition-delay: 480ms !important;
}
@media screen and (max-width: 1024px) {
  .main-header__copyright {
    font-size: 1rem;
    padding: 47px 27px 0;
  }
}
.main-header__link {
  font-size: 1.4rem;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 35px;
  margin: 1px 0 0 26px;
}
@media screen and (max-width: 1245px) {
  .main-header__link {
    margin: 0 0 0 15px;
    gap: 15px;
  }
}
.main-header__link a {
  padding-left: 25px;
  position: relative;
}
.main-header__link a::before {
  position: absolute;
  content: "";
  width: 17px;
  height: 17px;
  background: url(../../img/common/ico-link-black.svg) 50%/contain no-repeat;
  left: 0;
  top: 2px;
}
.main-header__link02 {
  font-size: 1.2rem;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  gap: 24px;
  margin: 2px 70px 0 auto;
}
@media screen and (max-width: 1245px) {
  .main-header__link02 {
    gap: 15px;
    margin: 0 30px 0 auto;
  }
}
.main-header__link02 .btn-header {
  display: block;
  color: white;
  background: black;
  border-radius: 4px;
  padding: 8px 20px;
}
.main-header__mobile {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 90px;
  height: 90px;
  cursor: pointer;
  position: relative;
  z-index: 12;
  background: #E6E6E6;
}
@media screen and (max-width: 1024px) {
  .main-header__mobile {
    position: absolute;
    top: 0;
    right: 0;
    width: 49px;
    height: 50px;
    padding: 0 0 1px;
  }
}
.main-header__mobile span {
  width: 24px;
  height: 2px;
  background: #333;
  border-radius: 2px;
  -webkit-backface-visibility: hidden;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .main-header__mobile span {
    width: 18px;
  }
}
.main-header__mobile span:before, .main-header__mobile span:after {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  background: #333;
  content: "";
  transition: transform 0.3s;
  border-radius: 2px;
  -webkit-backface-visibility: hidden;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.main-header__mobile span:before {
  top: -6px;
}
@media screen and (max-width: 1024px) {
  .main-header__mobile span:before {
    top: -4px;
  }
}
.main-header__mobile span:after {
  bottom: -6px;
}
@media screen and (max-width: 1024px) {
  .main-header__mobile span:after {
    bottom: -4px;
  }
}
.main-header__mobile.is-close {
  background: #211815;
}
@media screen and (max-width: 1024px) {
  .main-header__mobile.is-close {
    background: white;
  }
}
.main-header__mobile.is-close span {
  background-color: transparent;
}
.main-header__mobile.is-close span:before, .main-header__mobile.is-close span:after {
  width: 100%;
  background: white;
}
@media screen and (max-width: 1024px) {
  .main-header__mobile.is-close span:before, .main-header__mobile.is-close span:after {
    background: #201714;
  }
}
.main-header__mobile.is-close span:before {
  transform: translateY(0) rotate(45deg);
  top: 2px;
}
.main-header__mobile.is-close span:after {
  transform: translateY(0) rotate(-45deg);
  bottom: -2px;
}
.main-header.is-top {
  background: transparent;
  color: white;
}
.main-header.is-top .main-header__logo .hover {
  display: none;
}
.main-header.is-top .main-header__link a::before {
  background: url(../../img/common/ico-link.svg) center/contain no-repeat;
}
.main-header.is-top .main-header__link02 .btn-header {
  color: #666666;
  background: white;
}
.main-header.is-top .main-header__mobile {
  background: transparent;
}
@media screen and (max-width: 1024px) {
  .main-header.is-top .main-header__mobile {
    width: 60px;
    height: 60px;
  }
}
.main-header.is-top .main-header__mobile span {
  background: white;
}
@media screen and (max-width: 1024px) {
  .main-header.is-top .main-header__mobile span {
    width: 24px;
  }
}
.main-header.is-top .main-header__mobile span::before, .main-header.is-top .main-header__mobile span::after {
  background: white;
}
.main-header.is-top .main-header__mobile span::before {
  top: -6px;
}
.main-header.is-top .main-header__mobile span::after {
  bottom: -6px;
}
.main-header.is-top .main-header__mobile.is-close {
  background: #211815;
}
@media screen and (max-width: 1024px) {
  .main-header.is-top .main-header__mobile.is-close {
    background: white;
  }
}
.main-header.is-top .main-header__mobile.is-close span {
  background: transparent;
}
.main-header.is-top .main-header__mobile.is-close span:before, .main-header.is-top .main-header__mobile.is-close span:after {
  background: white;
}
@media screen and (max-width: 1024px) {
  .main-header.is-top .main-header__mobile.is-close span:before, .main-header.is-top .main-header__mobile.is-close span:after {
    background: #201714;
    padding: 0;
  }
}
.main-header.is-top .main-header__mobile.is-close span::before {
  top: 2px;
}
.main-header.is-top .main-header__mobile.is-close span::after {
  bottom: -2px;
}
.main-header.is-top .main-header__btnsp::before {
  background: url(../../img/common/ico-link-white.png) 50%/contain no-repeat;
}
.main-header.is-active {
  background: white;
  color: #231815;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.main-header.is-active .main-header__btnsp::before {
  background: url(../../img/common/ico-link-black.svg) 50%/contain no-repeat;
}
.main-header.is-active .main-header__logo .main {
  display: none;
}
.main-header.is-active .main-header__logo .hover {
  display: block;
}
.main-header.is-active .main-header__link a::before {
  background: url(../../img/common/ico-link-black.svg) center/contain no-repeat;
}
.main-header.is-active .main-header__link02 .btn-header {
  background: black;
  color: white;
}
.main-header.is-active .main-header__mobile {
  background: #E6E6E6;
}
@media screen and (max-width: 1024px) {
  .main-header.is-active .main-header__mobile {
    width: 49px;
    height: 50px;
  }
}
.main-header.is-active .main-header__mobile span {
  background: #333;
}
@media screen and (max-width: 1024px) {
  .main-header.is-active .main-header__mobile span {
    width: 18px;
  }
}
.main-header.is-active .main-header__mobile span::before, .main-header.is-active .main-header__mobile span::after {
  background: #333;
}
@media screen and (max-width: 1024px) {
  .main-header.is-active .main-header__mobile span::before {
    top: -4px;
  }
}
@media screen and (max-width: 1024px) {
  .main-header.is-active .main-header__mobile span::after {
    bottom: -4px;
  }
}
.main-header.is-active .main-header__mobile.is-close {
  background: #211815;
}
@media screen and (max-width: 1024px) {
  .main-header.is-active .main-header__mobile.is-close {
    background: white;
  }
}
.main-header.is-active .main-header__mobile.is-close span {
  background: transparent;
}
@media screen and (max-width: 1024px) {
  .main-header.is-active .main-header__mobile.is-close span {
    padding: 0;
  }
}
.main-header.is-active .main-header__mobile.is-close span:before, .main-header.is-active .main-header__mobile.is-close span:after {
  background: white;
}
@media screen and (max-width: 1024px) {
  .main-header.is-active .main-header__mobile.is-close span:before, .main-header.is-active .main-header__mobile.is-close span:after {
    background: #201714;
  }
}
.main-header.is-active .main-header__mobile.is-close span::before {
  top: 2px;
}
.main-header.is-active .main-header__mobile.is-close span::after {
  bottom: -2px;
}

.js-locked {
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
}
.js-locked body {
  -webkit-overflow-scrolling: auto;
}

.banner-box {
  background: #F8F4E4;
  padding: 59px 0 58px;
}
@media screen and (max-width: 834px) {
  .banner-box {
    padding: 45px 0 39px;
  }
}
.banner-box__inner {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 19px;
}
@media screen and (max-width: 834px) {
  .banner-box__inner {
    grid-template-columns: repeat(1, 1fr);
    gap: 41px;
  }
}
.banner-box__link {
  position: relative;
}
.banner-box__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.banner-box__bg img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  font-family: "object-fit: cover";
}
.banner-box__img {
  position: absolute;
}
.banner-box__img--first {
  bottom: 0;
  right: 0px;
  width: 50.6%;
}
@media screen and (max-width: 834px) {
  .banner-box__img--first {
    width: 164px;
  }
}
.banner-box__img--second {
  bottom: -17px;
  right: -7px;
  width: 48.4%;
}
@media screen and (max-width: 834px) {
  .banner-box__img--second {
    width: 157px;
    bottom: -11px;
  }
}
.banner-box__ct {
  position: relative;
  z-index: 1;
  padding: 35px 32% 50px 20px;
}
@media screen and (max-width: 640px) {
  .banner-box__ct {
    padding: 12px 32% 21px 13px;
  }
}
.banner-box__ttl {
  font-size: 3.278rem;
  line-height: 1;
  margin-bottom: 4px;
}
@media screen and (max-width: 640px) {
  .banner-box__ttl {
    font-size: 2.265rem;
    line-height: 1.059602649;
    margin-bottom: 3px;
  }
}
.banner-box__ttl small {
  font-size: 2.603rem;
  position: relative;
  top: -7px;
}
@media screen and (max-width: 640px) {
  .banner-box__ttl small {
    font-size: 1.809rem;
    line-height: 1.3266998342;
    top: -2px;
    display: block;
  }
}
.banner-box__txt {
  font-size: 1.35rem;
  line-height: 1.4281481481;
}
@media screen and (max-width: 1245px) {
  .banner-box__txt {
    text-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
  }
}
@media screen and (max-width: 640px) {
  .banner-box__txt {
    font-size: 0.933rem;
    line-height: 1.4276527331;
  }
}

.main-footer {
  background: #333333;
  color: white;
  position: relative;
  padding: 46px 0 33px;
}
@media screen and (max-width: 640px) {
  .main-footer {
    background: #231815;
    padding: 0 0 24px;
  }
}
.main-footer__backtop {
  width: 65px;
  height: 65px;
  background: #D2476F;
  border-radius: 4px;
  position: fixed;
  z-index: 10;
  bottom: 20px;
  right: 20px;
  cursor: pointer;
  transition: opacity 0.3s;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 16px 5px 0;
}
@media screen and (max-width: 834px) {
  .main-footer__backtop {
    bottom: 50px;
    width: 47px;
    height: 47px;
    padding: 10px 5px 0;
  }
}
.main-footer__backtop::before {
  display: block;
  content: "";
  width: 20px;
  height: 20px;
  border-top: 2px solid white;
  border-left: 2px solid white;
  transform: rotate(45deg);
}
@media screen and (max-width: 834px) {
  .main-footer__backtop::before {
    width: 13px;
    height: 13px;
  }
}
.main-footer__backtop:hover {
  opacity: 0.7;
}
.main-footer__backtop.is-ab {
  position: absolute;
  bottom: calc(100% + 55px);
  right: 82px;
}
@media screen and (max-width: 1245px) {
  .main-footer__backtop.is-ab {
    bottom: calc(100% + 20px);
    right: 20px;
  }
}
@media screen and (max-width: 834px) {
  .main-footer__backtop.is-ab {
    right: 6.2%;
  }
}
@media screen and (max-width: 640px) {
  .main-footer__backtop.is-ab {
    bottom: 236px;
  }
}
.main-footer__inner {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (max-width: 1024px) {
  .main-footer__inner > * {
    width: 100%;
  }
}
.main-footer__info {
  display: grid;
  gap: 11px;
}
@media screen and (max-width: 1024px) {
  .main-footer__info {
    order: 1;
  }
}
@media screen and (max-width: 640px) {
  .main-footer__info {
    gap: 6px;
  }
}
.main-footer__logo {
  width: 409px;
  margin-top: 6px;
}
@media screen and (max-width: 1245px) {
  .main-footer__logo {
    width: 320px;
  }
}
@media screen and (max-width: 640px) {
  .main-footer__logo {
    width: 100%;
    max-width: 314px;
    margin-top: 0;
  }
}
.main-footer__txt {
  font-size: 1.4rem;
  line-height: 1.5714285714;
  margin-bottom: 12px;
}
@media screen and (max-width: 834px) {
  .main-footer__txt {
    font-size: 1.2rem;
    line-height: 1.8333333333;
    margin-bottom: 8px;
  }
}
.main-footer__tel {
  font-size: 3.592rem;
  line-height: 1;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 14px;
  letter-spacing: 0.07em;
}
@media screen and (max-width: 834px) {
  .main-footer__tel {
    font-size: 3rem;
  }
}
.main-footer__tel-ico {
  position: relative;
  top: -6px;
}
@media screen and (max-width: 834px) {
  .main-footer__tel-ico {
    top: -4px;
    left: 2px;
    width: 15px;
  }
}
.main-footer__right {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}
@media screen and (max-width: 1024px) {
  .main-footer__right {
    order: 0;
    margin-bottom: 29px;
  }
}
@media screen and (max-width: 640px) {
  .main-footer__right {
    position: relative;
    z-index: 1;
    flex-wrap: wrap;
    padding: 11px 0 33px;
  }
  .main-footer__right::before {
    position: absolute;
    z-index: -1;
    content: "";
    background: #333;
    top: 0;
    bottom: 0;
    width: 100vw;
    left: 50%;
    transform: translateX(-50%);
  }
}
.main-footer__menu {
  font-size: 1.4rem;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 44px;
  margin-right: 42px;
}
@media screen and (max-width: 1245px) {
  .main-footer__menu {
    gap: 20px;
    margin-right: 20px;
  }
}
@media screen and (max-width: 1024px) {
  .main-footer__menu {
    width: calc(100% - 300px);
  }
}
@media screen and (max-width: 640px) {
  .main-footer__menu {
    font-size: 1.2rem;
    width: 100%;
    margin: 0 0 40px;
    gap: 2px;
  }
}
.main-footer__menu > * {
  width: 126px;
}
@media screen and (max-width: 1024px) {
  .main-footer__menu > * {
    width: calc(33.33% - 14px);
  }
}
@media screen and (max-width: 640px) {
  .main-footer__menu > * {
    width: 100%;
  }
}
.main-footer__menu > * > a {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  padding: 3px 0 9px 17px;
  border-bottom: 1px solid white;
}
@media screen and (max-width: 640px) {
  .main-footer__menu > * > a {
    padding: 14px 0 14px 19px;
    border-bottom-color: #989898;
  }
}
.main-footer__menu > * > a:last-child {
  margin-bottom: 0;
}
.main-footer__menu > * > a::before {
  position: absolute;
  content: "";
  width: 13px;
  height: 13px;
  background: url(../../img/common/ico-link-02.svg) 50%/contain no-repeat;
  top: 7px;
  left: -2px;
}
@media screen and (max-width: 640px) {
  .main-footer__menu > * > a::before {
    width: 14px;
    height: 14px;
    top: 16px;
    left: 1px;
    background: url(../../img/common/ico-link-02-white.svg) 50%/contain no-repeat;
  }
}
.main-footer__menu > * > a.is-close .main-footer__menu-icon::after {
  opacity: 0;
}
.main-footer__menu > * .main-footer__menu-sub {
  padding: 13px 0 0 15px;
}
@media screen and (max-width: 640px) {
  .main-footer__menu > * .main-footer__menu-sub {
    width: 100vw;
    padding: 0 7.7%;
    position: relative;
    z-index: 1;
    left: 50%;
    transform: translateX(-50%);
    display: none;
  }
}
@media screen and (max-width: 640px) {
  .main-footer__menu > * .main-footer__menu-sub::before {
    content: "";
    position: absolute;
    z-index: -1;
    background: #231815;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }
}
@media screen and (max-width: 640px) {
  .main-footer__menu > * .main-footer__menu-sub > * {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 640px) {
  .main-footer__menu > * .main-footer__menu-sub a {
    width: 100%;
    border-bottom: 1px solid #989898;
    padding: 12px 0 11px 30px;
  }
  .main-footer__menu > * .main-footer__menu-sub a::before {
    width: 7px;
    height: 4px;
    background: url(../../img/common/menu-footer-ico.png) 50%/contain no-repeat;
    top: calc(50% - 2px);
    border: none;
    transform: none;
    left: 20px;
  }
}
@media screen and (max-width: 640px) {
  .main-footer__menu-icon {
    position: absolute;
    width: 30px;
    height: 46px;
    top: 0;
    right: 0;
    cursor: pointer;
  }
  .main-footer__menu-icon::before, .main-footer__menu-icon::after {
    position: absolute;
    content: "";
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: white;
    -webkit-backface-visibility: hidden;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  .main-footer__menu-icon::before {
    width: 12px;
    height: 1px;
  }
  .main-footer__menu-icon::after {
    width: 1px;
    height: 12px;
  }
}
.main-footer__menu-sub {
  font-size: 1rem;
}
@media screen and (max-width: 640px) {
  .main-footer__menu-sub {
    width: 100%;
    color: #989898;
  }
}
.main-footer__menu-sub > * {
  display: flex;
  margin-bottom: 9px;
}
.main-footer__menu-sub > *:last-child {
  margin-bottom: 0;
}
.main-footer__menu-sub > * a {
  position: relative;
  padding-left: 11px;
}
.main-footer__menu-sub > * a::before {
  position: absolute;
  content: "";
  width: 4px;
  height: 4px;
  top: 5px;
  left: 0;
  transform: rotate(45deg);
  border-top: 1px solid #999;
  border-right: 1px solid #999;
}
@media screen and (max-width: 640px) {
  .main-footer__menu-sub > * a::before {
    border-top-color: #989898;
    border-bottom-color: #989898;
  }
}
.main-footer__copyright {
  width: 100%;
  font-size: 1rem;
  line-height: 2.2;
  color: #999;
  margin-top: 9px;
}
@media screen and (max-width: 1024px) {
  .main-footer__copyright {
    order: 2;
    margin-top: 28px;
  }
}
.main-footer__flex {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 5px;
}
@media screen and (max-width: 834px) {
  .main-footer__flex {
    flex-direction: column-reverse;
    align-items: center;
    gap: 0;
  }
}
.main-footer__address {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 14px;
}
@media screen and (max-width: 834px) {
  .main-footer__address {
    flex-direction: column;
    align-items: center;
    gap: 0;
  }
}
.main-footer__address-phone {
  position: relative;
  font-family: "Jost", sans-serif;
  padding-left: 15px;
  font-weight: 500;
  letter-spacing: 2.2px;
}
@media screen and (max-width: 834px) {
  .main-footer__address-phone {
    font-size: 1.3rem;
    letter-spacing: 1.2px;
  }
}
.main-footer__address-phone:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 10px;
  height: 15px;
  background: url(../../img/common/icon-phone.png) no-repeat center/contain;
  left: 0;
  top: 4px;
}
@media screen and (max-width: 834px) {
  .main-footer__address-phone:before {
    width: 9px;
    height: 12px;
    left: 3px;
    top: 3px;
  }
}
.main-footer--index {
  background: #E6E6E6;
  font-size: 1.4rem;
  line-height: 1.5714285714;
  color: black;
  padding: 20px 0 15px;
}
@media screen and (max-width: 834px) {
  .main-footer--index {
    font-size: 1rem;
    padding: 12px 0 2px;
    text-align: center;
  }
}
.main-footer--index .main-footer__copyright {
  width: 116px;
  color: inherit;
  font-size: inherit;
  margin-top: 0;
  order: inherit;
  line-height: inherit;
}
@media screen and (min-width: 835px) {
  .main-footer--index .main-footer__copyright {
    font-size: 1.2rem;
  }
}

.mv-top img, .mv-line img {
  display: block;
  width: 100%;
}
@media screen and (min-width: 835px) {
  .mv-top img, .mv-line img {
    width: calc(100% + 244px);
    max-width: calc(100% + 244px);
    margin-left: -144px;
  }
}

.mv-top {
  position: relative;
}
.mv-top__img {
  overflow: hidden;
  position: relative;
}
.mv-top__img-02 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-backface-visibility: hidden;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.mv-top__img-02.active {
  opacity: 1;
  visibility: visible;
}
.mv-top__img-03 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.mv-top__ttl {
  width: 87.9%;
  position: absolute;
  z-index: 1;
  font-style: italic;
  font-size: 2.8rem;
  top: 29%;
  text-align: right;
  left: 50%;
  transform: translateX(-50%);
  letter-spacing: 0.12em;
  transition: all 0.6s ease;
  opacity: 0;
  visibility: hidden;
}
.mv-top__ttl.active {
  top: 25%;
  opacity: 1;
  visibility: visible;
}
@media screen and (max-width: 640px) {
  .mv-top__ttl.active {
    top: 13.4%;
  }
}
@media screen and (max-width: 1245px) {
  .mv-top__ttl {
    display: grid;
    font-size: 2.1rem;
  }
}
@media screen and (max-width: 640px) {
  .mv-top__ttl {
    font-size: 3.74vw;
    line-height: 1.4285714286;
    width: 80.9%;
    top: 16%;
    text-align: left;
  }
}
@media screen and (min-width: 641px) and (max-width: 1245px) {
  .mv-top__ttl > *:first-child {
    padding-right: 50px;
  }
}
@media screen and (max-width: 640px) {
  .mv-top__ttl > *:last-child {
    padding-left: 13.2%;
  }
}

.side-right {
  position: fixed;
  font-size: 2.2rem;
  font-weight: 500;
  color: white;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  z-index: 999;
}
@media screen and (min-width: 835px) {
  .side-right {
    width: 60px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
  }
}
@media screen and (max-width: 834px) {
  .side-right {
    right: 0;
    left: 0;
    bottom: 0;
    font-size: 1.4rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .side-right.off {
    display: none;
  }
}
@media screen and (min-width: 835px) {
  .side-right a {
    width: 60px;
    height: 250px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
  }
}
@media screen and (max-width: 834px) {
  .side-right a {
    width: 50%;
    display: block;
    text-align: center;
    padding: 11px;
  }
}
.side-right .bnr-01 {
  background: #ff88b8;
}
.side-right .bnr-02 {
  background: #465DA3;
}

@media screen and (max-width: 834px) {
  .bnr-fix {
    top: auto;
    left: 0;
    bottom: 0;
    display: flex;
    text-align: center;
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 834px) {
  .bnr-fix.is-static {
    position: static;
  }
}
.bnr-fix > * {
  display: block;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (min-width: 835px) {
  .bnr-fix > * {
    width: 60px;
    height: 250px;
    writing-mode: vertical-rl;
    text-orientation: mixed;
  }
}
@media screen and (max-width: 834px) {
  .bnr-fix > * {
    height: 57px;
    flex: 1;
  }
}
.bnr-fix > *:nth-child(odd) {
  background: #FF88B8;
}
.bnr-fix > *:nth-child(even) {
  background: #465DA3;
}

.pickup-top {
  padding: 89px 0 100px;
  overflow: hidden;
}
@media screen and (max-width: 834px) {
  .pickup-top {
    padding: 51px 0 100px;
  }
}
@media screen and (max-width: 640px) {
  .pickup-top {
    padding-bottom: 80px;
  }
}
.pickup-top__inner {
  max-width: 1024px;
}
.pickup-top__list {
  overflow: visible;
}
@media screen and (min-width: 641px) {
  .pickup-top__list {
    padding-bottom: 90px;
  }
}
@media screen and (max-width: 640px) {
  .pickup-top__list {
    width: 81.55%;
    margin: 0 auto;
    padding-bottom: 56px;
    position: relative;
  }
  .pickup-top__list::before {
    position: absolute;
    content: "";
    border-left: 11px solid #808080;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
    bottom: 23px;
    right: -30px;
  }
}
.pickup-top__list-item {
  padding: 0 14px;
  transform: scale(0.9) !important;
  -webkit-backface-visibility: hidden;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media screen and (max-width: 834px) {
  .pickup-top__list-item {
    padding: 0 11px;
  }
}
.pickup-top__list-item.slick-current + .slick-active {
  transform: scale(1.05) !important;
}
.pickup-top__list-item.swiper-slide-active {
  transform: scale(1.05) !important;
}
.pickup-top__list-item--first .pickup-top__list-ct {
  background: #FF88B8;
}
.pickup-top__list-item--second .pickup-top__list-ct {
  background: #8CC63F;
}
.pickup-top__list-item--three .pickup-top__list-ct {
  background: #AF639C;
}
.pickup-top__list-item--four .pickup-top__list-ct {
  background: #00BFEF;
}
.pickup-top__list-item--five .pickup-top__list-ct {
  background: #F9BB00;
}
.pickup-top__list-img {
  position: relative;
}
.pickup-top__list-img::before {
  display: block;
  content: "";
  padding-bottom: 59.6%;
}
.pickup-top__list-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  font-family: "object-fit: cover";
  border-radius: 30px 30px 0 0;
}
@media screen and (max-width: 834px) {
  .pickup-top__list-img img {
    border-radius: 23px 23px 0 0;
  }
}
.pickup-top__list-ct {
  border-radius: 0 0 30px 30px;
  padding: 28px 15px 32px;
}
@media screen and (max-width: 834px) {
  .pickup-top__list-ct {
    border-radius: 0 0 23px 23px;
    padding: 21px 15px 23px;
  }
}
.pickup-top__list-ttl {
  font-size: 2.2rem;
  margin-bottom: 13px;
}
@media screen and (max-width: 834px) {
  .pickup-top__list-ttl {
    font-size: 1.8rem;
    margin-bottom: 7px;
  }
}
.pickup-top__list .swiper-scrollbar {
  left: 50%;
  transform: translateX(-50%);
  height: 4px;
  width: calc(100% + 60px);
  border-radius: 0;
  background: #DCDDDD;
}
.pickup-top__list .swiper-scrollbar .swiper-scrollbar-drag {
  border-radius: 0;
  background: #9FA0A0;
}
.pickup-top__list .slick-track {
  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1) !important;
}
.pickup-top__list .slick-list {
  overflow: inherit;
}
.pickup-top__list .slick-arrow {
  width: 73px;
  height: 45px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  z-index: 1;
  top: auto;
  bottom: 0;
  transform: none;
}
.pickup-top__list .slick-arrow::before {
  content: "";
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
}
.pickup-top__list .slick-prev {
  right: 50%;
  left: auto;
  border-right: 1px solid #808080;
}
.pickup-top__list .slick-prev::before {
  border-right: 17px solid #808080;
}
.pickup-top__list .slick-next {
  right: auto;
  left: 50%;
}
.pickup-top__list .slick-next::before {
  border-left: 17px solid #808080;
}

.news-top {
  background: #F1F3F4;
  padding: 67px 0 100px;
}
@media screen and (max-width: 834px) {
  .news-top {
    padding: 63px 0 34px;
  }
}
.news-top__inner {
  position: relative;
}
.news-top__list > * {
  border-bottom: 1px solid #B3B3B3;
}
@media screen and (max-width: 834px) {
  .news-top__list > * {
    display: none;
  }
  .news-top__list > *:nth-child(1), .news-top__list > *:nth-child(2), .news-top__list > *:nth-child(3), .news-top__list > *:nth-child(4) {
    display: block;
  }
}
.news-top__list > *:first-child {
  border-top: 1px solid #B3B3B3;
}
.news-top__list a {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 7px 26px 6px 0;
}
@media screen and (max-width: 834px) {
  .news-top__list a {
    flex-direction: column;
    padding: 12px 10px 10px 0;
  }
}
.news-top__list-date {
  color: #211815;
  min-width: 65px;
  padding-top: 9px;
}
@media screen and (max-width: 834px) {
  .news-top__list-date {
    padding: 0 0 7px;
  }
}
.news-top__list-ttl {
  font-size: 1.2rem;
  line-height: 2.5;
  height: 30px;
  display: block;
  display: -webkit-box;
  height: 30px;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  letter-spacing: 0.015em;
}
@media screen and (max-width: 834px) {
  .news-top__list-ttl {
    font-size: 1rem;
    line-height: 1.6;
    height: auto;
    max-height: 32px;
    -webkit-line-clamp: 2;
  }
}
.news-top__link {
  color: #211815;
  font-weight: 500;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 835px) {
  .news-top__link {
    position: absolute;
    top: 16px;
    right: -2px;
  }
}
@media screen and (max-width: 834px) {
  .news-top__link {
    text-align: right;
    margin: 0 -2px;
  }
}

.point-top {
  padding: 92px 0 100px;
  overflow: hidden;
}
@media screen and (max-width: 834px) {
  .point-top {
    padding: 21px 0 0;
  }
}
@media screen and (min-width: 641px) {
  .point-top__ttl {
    text-align: center;
  }
}
@media screen and (max-width: 640px) {
  .point-top__ttl {
    margin: 0 0 -7px -12px;
  }
}
@media screen and (min-width: 641px) {
  .point-top__des {
    text-align: center;
  }
}
@media screen and (max-width: 640px) {
  .point-top__des {
    margin-left: -12px;
  }
}
.point-top__list {
  color: #211815;
}
.point-top__list > * {
  position: relative;
  padding: 43px 0 0;
  margin-bottom: 30px;
}
@media screen and (max-width: 640px) {
  .point-top__list > * {
    padding: 0;
    margin-bottom: 0;
  }
}
.point-top__list > *:nth-child(5n+2)::before {
  background: rgb(216, 117, 141);
  background: linear-gradient(90deg, rgb(216, 117, 141) 0%, rgb(247, 234, 236) 100%);
}
.point-top__list > *:nth-child(5n+2) .point-top__list-str__number, .point-top__list > *:nth-child(5n+2) .point-top__list-ttl {
  color: #D8758D;
}
.point-top__list > *:nth-child(5n+3)::before {
  background: rgb(183, 127, 174);
  background: linear-gradient(90deg, rgb(183, 127, 174) 0%, rgb(231, 218, 231) 100%);
}
.point-top__list > *:nth-child(5n+3) .point-top__list-str__number, .point-top__list > *:nth-child(5n+3) .point-top__list-ttl {
  color: #B77FAE;
}
.point-top__list > *:nth-child(5n+4)::before {
  background: rgb(129, 183, 93);
  background: linear-gradient(90deg, rgb(129, 183, 93) 0%, rgb(230, 237, 220) 100%);
}
.point-top__list > *:nth-child(5n+4) .point-top__list-str__number, .point-top__list > *:nth-child(5n+4) .point-top__list-ttl {
  color: #81B75D;
}
.point-top__list > *:nth-child(5n+5)::before {
  background: rgb(227, 154, 62);
  background: linear-gradient(90deg, rgb(227, 154, 62) 0%, rgb(247, 235, 217) 100%);
}
.point-top__list > *:nth-child(5n+5) .point-top__list-str__number, .point-top__list > *:nth-child(5n+5) .point-top__list-ttl {
  color: #E39A3E;
}
.point-top__list > *:last-child {
  margin-bottom: 0;
}
.point-top__list > *::before {
  content: "";
  position: absolute;
  top: 19px;
  left: 18px;
  right: calc((100% - 100vw) / 2 + 21px);
  bottom: 0;
  background: rgb(90, 159, 213);
  background: linear-gradient(90deg, rgb(90, 159, 213) 0%, rgb(229, 236, 246) 100%);
  border-radius: 30px;
}
@media screen and (max-width: 640px) {
  .point-top__list > *::before {
    display: none;
  }
}
.point-top__list-img {
  position: absolute;
  top: 0;
  bottom: 19px;
  left: 38px;
  right: calc((100% - 100vw) / 2 - 60px);
  overflow: hidden;
  border-radius: 30px;
}
@media screen and (max-width: 640px) {
  .point-top__list-img {
    position: relative;
    bottom: auto;
    right: auto;
    left: 0;
    width: calc(100% + 35px);
    border-radius: 0;
  }
}
.point-top__list-img img {
  width: 100%;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
@media screen and (min-width: 641px) {
  .point-top__list-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    font-family: "object-fit: cover";
  }
}
@media screen and (max-width: 640px) {
  .point-top__list-img img {
    display: block;
    width: 100%;
  }
}
.point-top__list-ct {
  width: 70%;
  max-width: 474px;
  position: relative;
  z-index: 1;
  background: rgba(255, 255, 255, 0.9);
  padding: 17px 88px 21px;
}
@media screen and (min-width: 641px) {
  .point-top__list-ct {
    min-height: 312px;
  }
}
@media screen and (max-width: 834px) {
  .point-top__list-ct {
    padding: 17px 40px 21px;
  }
}
@media screen and (max-width: 640px) {
  .point-top__list-ct {
    width: 100%;
    padding: 19px 0 26px 4px;
  }
}
@media screen and (max-width: 834px) {
  .point-top__list-ct .c-btn__01 {
    margin-left: 2px;
  }
}
.point-top__list-str {
  font-size: 2rem;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 17px;
  margin-bottom: 8px;
}
@media screen and (max-width: 834px) {
  .point-top__list-str {
    margin-bottom: 4px;
  }
}
.point-top__list-str__number {
  font-size: 3.4rem;
  margin-left: 2px;
  position: relative;
  top: -2px;
  color: #5A9FD5;
}
.point-top__list-str-ico {
  position: relative;
  top: -3px;
}
.point-top__list-txt {
  font-size: 1.8rem;
}
@media screen and (max-width: 834px) {
  .point-top__list-txt {
    font-size: 1.2rem;
    margin-bottom: 2px;
  }
}
.point-top__list-ttl {
  font-size: 2.8rem;
  margin-bottom: 9px;
  color: #5A9FD5;
}
@media screen and (max-width: 834px) {
  .point-top__list-ttl {
    font-size: 1.8rem;
    margin-bottom: 3px;
  }
}
.point-top__list-des {
  margin-bottom: 39px;
}
@media screen and (max-width: 834px) {
  .point-top__list-des {
    font-size: 1rem;
    line-height: 1.7;
    margin-bottom: 14px;
    min-height: 34px;
  }
}
.point-top__list a {
  display: block;
  opacity: 1;
}
.point-top__list li.hv .point-top__list-img {
  border-radius: 30px;
  opacity: 1;
}
.point-top__list li.hv .point-top__list-img img {
  -webkit-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}

.course-top {
  background: #F1F3F4;
  padding: 93px 0 105px;
}
@media screen and (max-width: 834px) {
  .course-top {
    padding: 26px 0 92px;
  }
}
@media screen and (max-width: 640px) {
  .course-top {
    padding-bottom: 39px;
  }
}
@media screen and (max-width: 834px) {
  .course-top__ttl {
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 834px) {
  .course-top__des {
    font-size: 1.2rem;
    line-height: 2.0833333333;
  }
}
.course-top__wrap {
  overflow: hidden;
}
@media screen and (max-width: 640px) {
  .course-top__wrap {
    margin-left: calc((100% - 100vw) / 2);
    margin-right: calc((100% - 100vw) / 2);
    padding: 0 6.66%;
  }
}
.course-top__box {
  position: relative;
}
@media screen and (max-width: 640px) {
  .course-top__box {
    padding-bottom: 52px;
  }
  .course-top__box-icon {
    position: absolute;
    right: 5px;
    bottom: 21px;
    border-left: 11px solid #808080;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
  }
}
.course-top__list {
  max-width: 400px;
  margin: 0 auto;
  padding-bottom: 91px;
}
@media screen and (max-width: 640px) {
  .course-top__list {
    margin-left: 2px;
    max-width: 287px;
    padding-bottom: 0;
  }
}
.course-top__list-item {
  /* padding: 0 3px; */
}
@media screen and (max-width: 640px) {
  .course-top__list-item {
    /* padding: 0 1px; */
  }
}
.course-top__list-item.swiper-slide-active .course-top__list-wrap {
  transform: scale(1);
}
.course-top__list .pink .course-top__list-ttl {
  background: #D8758D;
}
.course-top__list .violet .course-top__list-ttl {
  background: #B67FAD;
}
.course-top__list .green .course-top__list-ttl {
  background: #81B75D;
}
.course-top__list .orange .course-top__list-ttl {
  background: #E39A3E;
}
.course-top__list-wrap {
  border-radius: 24px;
  overflow: hidden;
  position: relative;
  /* transform: scale(0.8348); */
  transition: transform 0.3s;
}
@media screen and (max-width: 640px) {
  .course-top__list-wrap {
    transform: scale(0.8419);
  }
}
.course-top__list-img {
  position: relative;
}
.course-top__list-img::before {
  display: block;
  content: "";
  padding-bottom: 116.8168168168%;
}
@media screen and (max-width: 640px) {
  .course-top__list-img::before {
    padding-bottom: 118.6%;
  }
}
.course-top__list-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  font-family: "object-fit: cover";
}
.course-top__list-ttl {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: #5A9FD5;
  color: white;
  text-align: center;
  font-size: 1.6rem;
  padding: 4px 15px;
}
@media screen and (max-width: 834px) {
  .course-top__list-ttl {
    font-size: 1.5rem;
    padding: 6px 15px 5px;
  }
}
.course-top__list-ttl .c-ft--en {
  display: block;
  font-weight: normal;
  font-size: 1.2rem;
  margin-top: -2px;
}
@media screen and (max-width: 834px) {
  .course-top__list-ttl .c-ft--en {
    font-size: 1rem;
  }
}
.course-top__list .swiper-scrollbar {
  height: 4px;
  border-radius: 0;
  background: #DCDDDD;
}
.course-top__list .swiper-scrollbar .swiper-scrollbar-drag {
  border-radius: 0;
  background: #9FA0A0;
}
.course-top__list .slick-list {
  overflow: inherit;
}
.course-top__list .slick-slide .course-top__list-wrap {
  transform: scale(0.8348);
  transition: transform 0.3s;
}
@media screen and (max-width: 640px) {
  .course-top__list .slick-slide .course-top__list-wrap {
    transform: scale(0.8419);
  }
}
.course-top__list .slick-slide.slick-active .course-top__list-wrap {
  transform: scale(1);
}
.course-top__list .slick-arrow {
  width: 73px;
  height: 45px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  z-index: 1;
  top: auto;
  bottom: 0;
  transform: none;
}
.course-top__list .slick-arrow::before {
  content: "";
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
}
.course-top__list .slick-prev {
  right: 50%;
  left: auto;
  border-right: 1px solid #808080;
}
.course-top__list .slick-prev::before {
  border-right: 17px solid #808080;
}
.course-top__list .slick-next {
  right: auto;
  left: 50%;
}
.course-top__list .slick-next::before {
  border-left: 17px solid #808080;
}

.mv-top {
  z-index: 2;
}

.pickup-top, .news-top, .course-top, .banner-box, footer {
  z-index: 3;
  position: relative;
}

.point-top__ttl, .point-top__des {
  position: relative;
  z-index: 2;
}

.point-top__list--all {
  position: relative;
}
.point-top__list--custom01 .point-top__list-ct {
  opacity: 0;
}
.point-top__list--custom02 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 3;
}
.point-top__list--custom02 li:before {
  opacity: 0;
}
.point-top__list--custom02 .point-top__list-img {
  opacity: 0;
}
@media screen and (max-width: 640px) {
  .point-top__list--custom02 .point-top__list-ct {
    background: white;
  }
}

/* > .point-top__list:before { */
* > .point-top__list:before {
  z-index: 2;
}
.point-top__list-img {
  z-index: 3;
}
.point-top__list-ct {
  z-index: 4;
}

.mv-line {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  height: 0;
  min-height: 1px;
  overflow: hidden;
  z-index: 1;
  transition: ease 0.4s;
}
@media screen and (max-width: 640px) {
  .mv-line {
    /* right: -1.7vw; */
  }
	.mv-line picture {
		display: block;
		margin-right: -1.7vw;
	}
}

.mv-page {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  overflow: hidden;
}
@media screen and (min-width: 835px) {
  .mv-page {
    z-index: -1;
    position: fixed;
    top: 50px;
    left: 0;
    right: 0;
    height: 100%;
    max-height: 100vh;
  }
}
@media screen and (min-width: 1025px) {
  .mv-page {
    top: 90px;
  }
}
.mv-page__ct {
  width: 49.7%;
  background: #5A9FD5;
  padding: 25px 30px 30px 84px;
  color: #fff;
  position: relative;
}
@media screen and (max-width: 1245px) {
  .mv-page__ct {
    padding: 15px 15px 30px 40px;
  }
}
@media screen and (max-width: 1024px) {
  .mv-page__ct {
    width: 55%;
    padding: 15px 15px 30px 30px;
  }
}
@media screen and (max-width: 834px) {
  .mv-page__ct {
    width: 100%;
    padding: 12px 6.66% 35px;
  }
}
.mv-page__number {
  font-size: 12rem;
  line-height: 0.9;
  font-family: "Jost", sans-serif;
  font-weight: 300;
  margin-bottom: 2px;
}
@media screen and (max-width: 1366px) {
  .mv-page__number {
    font-size: 7rem;
  }
}
@media screen and (max-width: 834px) {
  .mv-page__number {
    font-size: 5rem;
  }
}
.mv-page__ttl {
  font-size: 5.6rem;
  position: relative;
  padding-bottom: 30px;
  margin-bottom: 36px;
  font-feature-settings: "palt" 1;
}
@media screen and (max-width: 1366px) {
  .mv-page__ttl {
    font-size: 3.5rem;
    padding-bottom: 10px;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 834px) {
  .mv-page__ttl {
    font-size: 2.8rem;
  }
}
@media screen and (max-width: 834px) {
  .mv-page__ttl {
    padding-bottom: 17px;
    margin-bottom: 11px;
  }
}
.mv-page__ttl::before {
  position: absolute;
  content: "";
  background: white;
  height: 1px;
  bottom: 0;
  right: -30px;
  left: -84px;
}
@media screen and (max-width: 1245px) {
  .mv-page__ttl::before {
    right: -15px;
  }
}
@media screen and (max-width: 834px) {
  .mv-page__ttl::before {
    right: 0;
  }
}
.mv-page__info {
  letter-spacing: 0.005em;
  font-size: 1.5rem;
}
@media screen and (min-width: 835px) {
  .mv-page__info {
    position: absolute;
    top: 33px;
    left: 49px;
    writing-mode: vertical-rl;
    text-orientation: mixed;
  }
}
@media screen and (max-width: 1366px) {
  .mv-page__info {
    font-size: 1rem;
    top: 10px;
    left: 20px;
  }
}
@media screen and (max-width: 1024px) {
  .mv-page__info {
    left: 10px;
  }
}
@media screen and (max-width: 834px) {
  .mv-page__info {
    text-align: right;
    margin: 0 -5% -10px 0;
  }
}
.mv-page__txt {
  font-size: 2.7rem;
  line-height: 1.8518518519;
  margin-bottom: 50px;
  font-feature-settings: "palt" 1;
}
@media screen and (max-width: 1366px) {
  .mv-page__txt {
    font-size: 1.8rem;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 834px) {
  .mv-page__txt {
    font-size: 1.6rem;
    line-height: 2;
    margin-bottom: 22px;
  }
}
.mv-page__lead {
  font-size: 2.2rem;
  margin-bottom: 25px;
  display: flex;
  padding: 0 22px 0 1px;
  font-feature-settings: "palt" 1;
}
@media screen and (max-width: 1366px) {
  .mv-page__lead {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 834px) {
  .mv-page__lead {
    font-size: 1.76rem;
    margin: 0 -1px 23px;
    padding: 0;
  }
}
.mv-page__lead > * {
  width: 100%;
  position: relative;
  border: 1px #fff solid;
  padding: 10px 10px 11px 18px;
}
@media screen and (max-width: 834px) {
  .mv-page__lead > * {
    padding: 8px 14px;
  }
}
.mv-page__lead > *:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 100%;
  height: 100%;
  border-bottom: 1px #fff solid;
  border-right: 1px #fff solid;
  bottom: -7px;
  right: -6px;
}
@media screen and (max-width: 834px) {
  .mv-page__lead > *:before {
    bottom: -6px;
  }
}
.mv-page__list {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 12px 0;
  font-size: 2rem;
  font-feature-settings: "palt" 1;
}
@media screen and (max-width: 1366px) {
  .mv-page__list {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 834px) {
  .mv-page__list {
    font-size: 1.3rem;
    gap: 14px 0;
  }
}
.mv-page__list > * {
  position: relative;
  padding: 0 12px;
}
.mv-page__list > *:nth-child(odd) {
  width: 47.2%;
}
@media screen and (max-width: 834px) {
  .mv-page__list > *:nth-child(odd) {
    width: 53%;
  }
}
@media screen and (max-width: 374px) {
  .mv-page__list > *:nth-child(odd) {
    width: 100%;
  }
}
.mv-page__list > *:nth-child(even) {
  width: 52.8%;
}
@media screen and (max-width: 834px) {
  .mv-page__list > *:nth-child(even) {
    width: 55%;
    margin-right: -8%;
  }
}
@media screen and (max-width: 374px) {
  .mv-page__list > *:nth-child(even) {
    width: 100%;
    margin-right: 0;
  }
}
.mv-page__list > *::before {
  content: "・";
  position: absolute;
  left: 2px;
  top: 0;
}
@media screen and (max-width: 834px) {
  .mv-page__list > *::before {
    left: 1px;
  }
}
.mv-page__img {
  width: 50.3%;
}
@media screen and (max-width: 1024px) {
  .mv-page__img {
    width: 45%;
  }
}
@media screen and (max-width: 834px) {
  .mv-page__img {
    width: 100%;
  }
}
.mv-page__img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  font-family: "object-fit: cover";
}

.sec-comp {
  background: #fff;
  padding: 41px 0 0;
  overflow: hidden;
}
@media screen and (min-width: 835px) {
  .sec-comp {
    margin-top: 100vh;
  }
}
@media screen and (max-width: 834px) {
  .sec-comp {
    padding: 25px 0 0;
  }
}
.sec-comp__item {
  margin-bottom: 83px;
}
@media screen and (max-width: 834px) {
  .sec-comp__item {
    margin-bottom: 19px;
  }
}
.sec-comp__item:last-child {
  margin-bottom: 0;
}
.sec-comp__item-head {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-bottom: 29px;
}
@media screen and (max-width: 834px) {
  .sec-comp__item-head {
    margin-bottom: 31px;
  }
}
.sec-comp__item-head__square {
  width: 123px;
  height: 123px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #5A9FD5;
  border: 1px solid #5A9FD5;
  font-size: 2.6rem;
  line-height: 1.4;
}
@media screen and (max-width: 1245px) {
  .sec-comp__item-head__square {
    width: 90px;
    height: 90px;
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 834px) {
  .sec-comp__item-head__square {
    position: relative;
    top: 2px;
    width: 61px;
    height: 61px;
    font-size: 1.282rem;
  }
}
.sec-comp__item-head__square small {
  font-size: 2.4rem;
}
@media screen and (max-width: 1245px) {
  .sec-comp__item-head__square small {
    font-size: 1.75rem;
  }
}
@media screen and (max-width: 834px) {
  .sec-comp__item-head__square small {
    font-size: 1.183rem;
  }
}
.sec-comp__item-head__square--blue {
  background: #5A9FD5;
  color: white;
}
.sec-comp__item-head__square--purple {
  border-color: #B77FAE;
  color: #B77FAE;
}
.sec-comp__item-head__square--bgPurple {
  border-color: #B77FAE;
  background: #B77FAE;
  color: white;
}
.sec-comp__item-head__square--green {
  border-color: #81B75D;
  color: #81B75D;
}
.sec-comp__item-head__square--bgGreen {
  border-color: #81B75D;
  background: #81B75D;
  color: white;
}
.sec-comp__item-head__square--orange {
  border-color: #E39A3E;
  color: #E39A3E;
}
.sec-comp__item-head__square--bgOrange {
  border-color: #E39A3E;
  background: #E39A3E;
  color: white;
}
.sec-comp__item-head__square--pink {
  border-color: #D8758D;
  color: #D8758D;
}
.sec-comp__item-head__square--bgPink {
  border-color: #D8758D;
  background: #D8758D;
  color: white;
}
.sec-comp__item-head__number {
  font-size: 4.6rem;
}
@media screen and (max-width: 1245px) {
  .sec-comp__item-head__number {
    font-size: 3.4rem;
  }
}
@media screen and (max-width: 834px) {
  .sec-comp__item-head__number {
    font-size: 2.268rem;
  }
}
.sec-comp__item-head__ttl {
  width: calc(100% - 123px);
  padding: 2px 0 0 40px;
  font-size: 3.4rem;
  line-height: 1.6470588235;
  color: #5A9FD5;
  font-feature-settings: "palt" 1;
}
@media screen and (max-width: 1245px) {
  .sec-comp__item-head__ttl {
    font-size: 2.5rem;
    width: calc(100% - 90px);
  }
}
@media screen and (max-width: 834px) {
  .sec-comp__item-head__ttl {
    font-size: 1.6rem;
    line-height: 1.8;
    width: calc(100% - 48px);
    padding: 0 0 0 22px;
    margin-right: -13px;
  }
}
@media screen and (max-width: 374px) {
  .sec-comp__item-head__ttl {
    padding: 0 0 0 15px;
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 834px) and (min-width: 375px) {
  .sec-comp__item-head__ttl .txt-sp-sm {
    font-size: 1.5rem;
    line-height: 1.92;
  }
}
.sec-comp__item-body {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 32px;
  color: #211815;
}
@media screen and (max-width: 834px) {
  .sec-comp__item-body {
    gap: 15px;
  }
}
.sec-comp__item-body--revert {
  flex-direction: row-reverse;
}
.sec-comp__item-ct {
  width: calc(50.72% - 32px);
}
@media screen and (max-width: 834px) {
  .sec-comp__item-ct {
    width: calc(55% - 15px);
  }
}
@media screen and (max-width: 640px) {
  .sec-comp__item-ct {
    width: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column-reverse;
  }
}
.sec-comp__item-ct--bg01 {
  background-image: url(../../img/2024/subject/creator/img-03.png);
  background-size: 113px auto;
  background-position: top 63% right 10px;
  background-repeat: no-repeat;
}
@media screen and (max-width: 834px) {
  .sec-comp__item-ct--bg01 {
    background-image: url(../../img/2024/subject/creator/img-03-sp.png);
    background-size: 133px auto;
    background-position: top 2px right 0;
    background-repeat: no-repeat;
  }
}
.sec-comp__item-des {
  line-height: 2.375;
  letter-spacing: 0.015em;
  margin-bottom: 67px;
}
@media screen and (max-width: 834px) {
  .sec-comp__item-des {
    font-size: 1.2rem;
    line-height: 2.2;
  }
}
@media screen and (max-width: 640px) {
  .sec-comp__item-des {
    margin: 0 -10px 0 0;
  }
}
.sec-comp__item-txt {
  line-height: 1.5714285714;
  margin: 0 0 14px -2px;
  font-feature-settings: "palt" 1;
}
@media screen and (max-width: 834px) {
  .sec-comp__item-txt {
    font-size: 1.12rem;
    line-height: 1.5714285714;
  }
}
@media screen and (max-width: 640px) {
  .sec-comp__item-txt {
    margin: 0 0 2px 1px;
  }
}
.sec-comp__item-name {
  font-size: 3rem;
  line-height: 1.4786666667;
  margin: 0 0 43px -2px;
}
@media screen and (max-width: 1245px) {
  .sec-comp__item-name {
    font-size: 2.7rem;
  }
}
@media screen and (max-width: 834px) {
  .sec-comp__item-name {
    font-size: 2.4rem;
    line-height: 1.47875;
  }
}
@media screen and (max-width: 640px) {
  .sec-comp__item-name {
    margin: 0 0 29px 1px;
  }
}
.sec-comp__item-img {
  width: 49.28%;
  margin-top: 12px;
}
@media screen and (max-width: 834px) {
  .sec-comp__item-img {
    width: 45%;
    margin-top: 0;
  }
}
@media screen and (max-width: 640px) {
  .sec-comp__item-img {
    width: 100%;
    margin-bottom: 31px;
  }
}
.sec-comp__item-info {
  border-top: 1px solid #211815;
  border-bottom: 1px solid #211815;
  line-height: 1.8571428571;
}
@media screen and (max-width: 834px) {
  .sec-comp__item-info {
    font-size: 1.12rem;
    line-height: 1.8571428571;
  }
}
@media screen and (max-width: 640px) {
  .sec-comp__item-info {
    margin: 0 0 23px;
  }
}
.sec-comp__item-info dl {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #211815;
  padding: 6px 0;
}
@media screen and (max-width: 834px) {
  .sec-comp__item-info dl {
    padding: 7px 0;
  }
}
.sec-comp__item-info dl:last-child {
  border-bottom: none;
}
.sec-comp__item-info dl dt {
  width: 95px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  border-right: 1px solid #5A9FD5;
  padding: 0 24px 0 0;
}
@media screen and (max-width: 834px) {
  .sec-comp__item-info dl dt {
    width: 75px;
    padding: 0 10px 0 0;
  }
}
@media screen and (max-width: 640px) {
  .sec-comp__item-info dl dt {
    width: 78px;
    padding: 0 19px 0 0;
  }
}
.sec-comp__item-info dl dt > * {
  width: 100%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.sec-comp__item-info dl dd {
  width: calc(100% - 95px);
  padding: 0 0 0 22px;
  font-feature-settings: "palt" 1;
}
@media screen and (max-width: 834px) {
  .sec-comp__item-info dl dd {
    width: calc(100% - 75px);
    padding: 0 0 0 10px;
  }
}
@media screen and (max-width: 640px) {
  .sec-comp__item-info dl dd {
    width: calc(100% - 79px);
    padding: 0 0 0 17px;
  }
}
.sec-comp__item-info--pink dl dt {
  border-right-color: #D8758D;
}
.sec-comp__item-info--purple dl dt {
  border-right-color: #b77fae;
}
.sec-comp__item-info--green dl dt {
  border-right-color: #81B75D;
}
.sec-comp__item-info--orange dl dt {
  border-right-color: #E39A3E;
}
.sec-comp__item-flex {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (max-width: 640px) {
  .sec-comp__item-flex {
    max-width: 215px;
    margin: 0 auto;
    gap: 30px;
  }
}
.sec-comp__item-flex-item {
  width: calc(50% - 5px);
}
@media screen and (max-width: 640px) {
  .sec-comp__item-flex-item {
    width: 100%;
  }
}
.sec-comp__item-flex-item img {
  width: 100%;
  margin-bottom: 10px;
}
.sec-comp__item-flex-item p {
  line-height: 1.8;
  font-weight: 400;
}
@media screen and (max-width: 834px) {
  .sec-comp__item-flex-item p {
    font-size: 1.152rem;
    line-height: 1.6666666667;
  }
}
@media screen and (max-width: 640px) {
  .sec-comp__item-flex-img {
    margin-bottom: -5px;
  }
}
.sec-comp__item-wrap {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 30px;
}
.sec-comp__item-wrap-ct {
  width: 202px;
  padding-right: 15px;
}
@media screen and (max-width: 834px) {
  .sec-comp__item-wrap-ct {
    width: 100%;
    padding-right: 0;
  }
}
.sec-comp__item-wrap-ct p {
  margin-bottom: 15px;
}
.sec-comp__item-wrap-ct p:last-child {
  margin-bottom: 10px;
}
.sec-comp__item-wrap-img {
  width: calc(100% - 202px);
}
@media screen and (max-width: 834px) {
  .sec-comp__item-wrap-img {
    width: 100%;
  }
}
.sec-comp__info {
  position: relative;
  z-index: 1;
  padding: 86px 0;
}
@media screen and (max-width: 834px) {
  .sec-comp__info {
    padding: 21px 0 28px;
  }
}
.sec-comp__info::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;
  background: rgba(90, 159, 213, 0.2);
}
.sec-comp__info--pink::before {
  background: rgba(216, 117, 141, 0.2);
}
.sec-comp__info--purple::before {
  background: rgba(182, 127, 173, 0.2);
}
.sec-comp__info--green::before {
  background: rgba(129, 183, 93, 0.2);
}
.sec-comp__info--orange::before {
  background: rgba(227, 154, 62, 0.2);
}
.sec-comp__info-item {
  background: white;
}
@media screen and (max-width: 834px) {
  .sec-comp__info-item {
    margin-bottom: 31px;
  }
  .sec-comp__info-item:last-child {
    margin-bottom: 0;
  }
}
.sec-comp__info-ttl {
  background: #5A9FD5;
  color: white;
  padding: 17px 55px;
  font-size: 2.2rem;
  line-height: 1.2;
  font-feature-settings: "palt" 1;
}
@media screen and (max-width: 834px) {
  .sec-comp__info-ttl {
    font-size: 1.76rem;
    line-height: 1.2;
    text-align: center;
    padding: 14px;
  }
}
@media screen and (max-width: 374px) {
  .sec-comp__info-ttl {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 834px) {
  .sec-comp__info-ttl--second {
    margin-left: calc((100% - 100vw) / 2);
    margin-right: calc((100% - 100vw) / 2);
  }
}
@media screen and (max-width: 834px) {
  .sec-comp__info-txt {
    font-size: 1.28rem;
    line-height: 2;
    font-feature-settings: "palt" 1;
  }
}
.sec-comp__info-ct {
  padding: 24px 55px 72px;
  color: #211815;
}
@media screen and (max-width: 834px) {
  .sec-comp__info-ct {
    padding: 24px 22px 27px;
  }
}
.sec-comp__info-ct--bg01 {
  background-image: url(../../img/2024/subject/business/bg-business.png);
  background-size: 413px auto;
  background-position: right 50px bottom 60px;
  background-repeat: no-repeat;
}
@media screen and (max-width: 834px) {
  .sec-comp__info-ct--bg01 {
    background-size: 279px auto;
    background-position: right 10px bottom 30px;
  }
  .sec-comp__info-ct--bg01 .sec-comp__info-flex {
    margin-bottom: 150px;
  }
}
.sec-comp__info-ct--bg02 {
  background-image: url(../../img/2024/subject/design/bg-design.png);
  background-size: 761px auto;
  background-position: right 37.5% bottom 92px;
  background-repeat: no-repeat;
}
@media screen and (max-width: 834px) {
  .sec-comp__info-ct--bg02 {
    background-image: url(../../img/2024/subject/design/bg-design-sp.png);
    background-size: 282px auto;
    background-position: center bottom 69px;
  }
}
@media screen and (max-width: 834px) {
  .sec-comp__info-ct__txt {
    font-size: 1.3rem;
    line-height: 1.9692307692;
    font-feature-settings: "palt" 1;
  }
}
.sec-comp__info-point {
  display: grid;
  gap: 38px;
  counter-reset: counterPoint;
}
@media screen and (max-width: 834px) {
  .sec-comp__info-point {
    gap: 30px;
  }
}
.sec-comp__info-point--mr0 {
  margin-right: 0;
}
.sec-comp__info-point > * {
  position: relative;
  padding: 0 0 0 131px;
}
@media screen and (max-width: 834px) {
  .sec-comp__info-point > * {
    padding: 0;
  }
}
.sec-comp__info-point__item {
  min-height: 95px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (max-width: 834px) {
  .sec-comp__info-point__item {
    min-height: 70px;
  }
}
.sec-comp__info-point__item .sec-comp__info-point__circle {
  top: 0;
}
@media screen and (max-width: 834px) {
  .sec-comp__info-point__item .sec-comp__info-point__ttl {
    margin-bottom: 0;
    min-height: 0;
  }
}
.sec-comp__info-point__circle {
  position: absolute;
  top: 13px;
  left: 0;
  width: 95px;
  height: 95px;
  border-radius: 50%;
  background: #5A9FD5;
  color: white;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  font-size: 1.552rem;
  line-height: 1;
  padding: 22px 10px 10px;
}
@media screen and (max-width: 834px) {
  .sec-comp__info-point__circle {
    width: 70px;
    height: 70px;
    font-size: 1.149rem;
    top: 0;
    left: -7px;
  }
}
.sec-comp__info-point__circle > *::after {
  counter-increment: counterPoint;
  content: counter(counterPoint);
  display: block;
  font-size: 3.089rem;
  margin: 4px 0 0;
}
@media screen and (max-width: 834px) {
  .sec-comp__info-point__circle > *::after {
    font-size: 2.287rem;
  }
}
.sec-comp__info-point__ttl {
  font-size: 3rem;
  line-height: 1.8;
  color: #5A9FD5;
  margin-bottom: 6px;
  font-feature-settings: "palt" 1;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (max-width: 834px) {
  .sec-comp__info-point__ttl {
    font-size: 1.8rem;
    line-height: 1.4;
    min-height: 70px;
    padding: 0 0 0 78px;
    margin-bottom: 10px;
  }
}
.sec-comp__info-point__txt {
  margin-bottom: -2px;
}
@media screen and (max-width: 834px) {
  .sec-comp__info-point__txt {
    margin-bottom: 3px;
  }
}
.sec-comp__info-point__txt:last-child {
  margin-bottom: 0;
}
.sec-comp__info-flex {
  padding: 7px 0 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 11px;
}
@media screen and (max-width: 834px) {
  .sec-comp__info-flex {
    padding-top: 3px;
    margin-bottom: 16px;
  }
}
.sec-comp__info-flex + .sec-comp__info-note {
  margin-bottom: -51px;
}
@media screen and (max-width: 834px) {
  .sec-comp__info-flex + .sec-comp__info-note {
    margin: 0 -11px -21px;
  }
}
.sec-comp__info-flex--second {
  margin-bottom: 187px;
}
@media screen and (max-width: 1245px) {
  .sec-comp__info-flex--second {
    margin-bottom: 347px;
  }
}
@media screen and (max-width: 834px) {
  .sec-comp__info-flex--second {
    margin-bottom: 201px;
  }
}
.sec-comp__info-flex--second + .sec-comp__info-note {
  margin-bottom: -54px;
}
@media screen and (max-width: 834px) {
  .sec-comp__info-flex--second + .sec-comp__info-note {
    margin-bottom: -15px;
  }
}
.sec-comp__info-flex__left {
  width: 191px;
}
@media screen and (max-width: 1245px) {
  .sec-comp__info-flex__left {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 640px) {
  .sec-comp__info-flex__left {
    width: calc(100% + 29px);
    margin: 0 -29px 32px 0;
  }
}
@media screen and (max-width: 1245px) {
  .sec-comp__info-flex__left:last-child {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 1246px) {
  .sec-comp__info-flex__left--second {
    width: 165px;
  }
}
.sec-comp__info-flex__left--three {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 33px;
}
@media screen and (min-width: 1246px) {
  .sec-comp__info-flex__left--three {
    width: 309px;
  }
}
.sec-comp__info-flex__item {
  margin-bottom: 30px;
}
@media screen and (max-width: 1245px) {
  .sec-comp__info-flex__item {
    margin-bottom: 0;
  }
}
.sec-comp__info-flex__item:last-child {
  margin-bottom: 0;
}
.sec-comp__info-flex__link {
  display: block;
  margin-bottom: 3px;
  pointer-events: none;
}
@media screen and (max-width: 834px) {
  .sec-comp__info-flex__link {
    font-size: 1.28rem;
    line-height: 1.5;
    margin-bottom: 5px;
  }
}
.sec-comp__info-flex__link:last-child {
  margin-bottom: 0;
}
.sec-comp__info-flex__sub {
  line-height: 2;
}
@media screen and (max-width: 834px) {
  .sec-comp__info-flex__sub {
    font-size: 1.2rem;
    line-height: 1.8666666667;
  }
}
.sec-comp__info-flex__sub a {
  display: block;
  font-feature-settings: "palt" 1;
  pointer-events: none;
}
.sec-comp__info-flex__right {
  width: calc(100% - 191px);
  margin: -2px 0 0;
}
@media screen and (max-width: 1245px) {
  .sec-comp__info-flex__right {
    width: 100%;
    margin: 0;
  }
}
@media screen and (max-width: 640px) {
  .sec-comp__info-flex__right {
    width: calc(100% + 18px);
    margin: 0 -12px 0 -6px;
  }
}
@media screen and (min-width: 1246px) {
  .sec-comp__info-flex__right--second {
    width: calc(100% - 165px);
  }
}
@media screen and (min-width: 1246px) {
  .sec-comp__info-flex__right--three {
    width: calc(100% - 309px);
    padding-left: 85px;
  }
}
.sec-comp__info-flex__grid {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 2px 8px;
  margin-top: 10px;
}
@media screen and (max-width: 834px) {
  .sec-comp__info-flex__grid {
    margin-top: 8px;
    gap: 4px 8px;
  }
}
.sec-comp__info-flex__grid-item {
  width: calc(33.33% - 6px);
  display: grid;
  gap: 2px;
}
@media screen and (max-width: 834px) {
  .sec-comp__info-flex__grid-item {
    width: calc(50% - 4px);
  }
}
.sec-comp__info-flex__grid-item--second {
  width: calc(50% - 4px);
}
.sec-comp__info-flex__grid-ttl {
  background: #5A9FD5;
  color: white;
  display: block;
  padding: 4px 14px;
  font-feature-settings: "palt" 1;
  pointer-events: none;
}
@media screen and (max-width: 834px) {
  .sec-comp__info-flex__grid-ttl {
    font-size: 0.961rem;
    padding: 3px 10px;
  }
}
.sec-comp__info-flex__grid-list {
  display: grid;
  gap: 2px;
}
@media screen and (max-width: 834px) {
  .sec-comp__info-flex__grid-list {
    font-size: 0.824rem;
  }
}
.sec-comp__info-flex__grid-list a {
  pointer-events: none;
  display: block;
  background: #E7EBED;
  color: #211815;
  padding: 0 0 0 14px;
  font-feature-settings: "palt" 1;
}
@media screen and (max-width: 834px) {
  .sec-comp__info-flex__grid-list a {
    padding: 3px 0 2px 9px;
  }
}
.sec-comp__info-flex__grid-img {
  max-width: 672px;
  margin: 0 auto;
}
@media screen and (max-width: 834px) {
  .sec-comp__info-flex__grid-img {
    margin: -76px auto -5px;
    padding: 0 2% 0 2.2%;
  }
}
.sec-comp__info-note {
  font-feature-settings: "palt" 1;
}
@media screen and (max-width: 834px) {
  .sec-comp__info-note {
    font-size: 1.12rem;
    line-height: 2;
  }
}

.sec-point {
  background: #fff;
  padding: 100px 0 84px;
}
@media screen and (max-width: 834px) {
  .sec-point {
    padding: 30px 0 12px;
  }
}
.sec-point__str {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 2.2rem;
  line-height: 1.4545454545;
}
@media screen and (max-width: 834px) {
  .sec-point__str {
    margin-left: calc((100% - 100vw) / 2);
    font-size: 1.76rem;
    line-height: 1.4545454545;
  }
}
.sec-point__str > * {
  background: #5A9FD5;
  color: white;
  min-width: 313px;
  padding: 8px 15px;
  font-feature-settings: "palt" 1;
}
@media screen and (max-width: 834px) {
  .sec-point__str > * {
    min-width: 252px;
    padding: 7px 13px;
  }
}
.sec-point__ttl {
  font-feature-settings: "palt" 1;
}
@media screen and (min-width: 1025px) {
  .sec-point__ttl {
    padding: 0 55px;
  }
}
.sec-point__ttl02 {
  font-feature-settings: "palt" 1;
  margin-bottom: 21px;
}
@media screen and (max-width: 834px) {
  .sec-point__ttl02 {
    font-size: 2.4rem;
    line-height: 1.3333333333;
    margin-bottom: 12px;
  }
}
.sec-point__item {
  padding: 0 55px;
  margin-bottom: 102px;
}
@media screen and (max-width: 1024px) {
  .sec-point__item {
    padding: 0;
  }
}
@media screen and (max-width: 834px) {
  .sec-point__item {
    margin-bottom: 29px;
  }
}
.sec-point__item:last-child {
  margin-bottom: 0;
}
.sec-point__item-img {
  margin: 0 -1px;
}
@media screen and (max-width: 834px) {
  .sec-point__item-img {
    margin: 0;
  }
}
.sec-point__item-img--second {
  margin: 0;
}
@media screen and (max-width: 834px) {
  .sec-point__item-img--second {
    margin: 0 0 0 -1px;
  }
}
.sec-point__item marker {
  background-image: linear-gradient(transparent 60%, #fff100 60%);
}
.sec-point__item-box {
  background: #E7EBED;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-feature-settings: "palt" 1;
}
@media screen and (max-width: 640px) {
  .sec-point__item-box {
    flex-direction: column-reverse;
    padding: 19px 13px 0;
  }
}
.sec-point__item-box__ct {
  width: 64%;
  padding: 25px 26px 19px 37px;
}
@media screen and (max-width: 640px) {
  .sec-point__item-box__ct {
    width: 100%;
    padding: 23px 0 17px 8px;
  }
}
.sec-point__item-box__ttl {
  font-size: 1.8rem;
  line-height: 1.4444444444;
  margin-bottom: 22px;
}
@media screen and (max-width: 834px) {
  .sec-point__item-box__ttl {
    font-size: 1.44rem;
    line-height: 1.4444444444;
    margin-bottom: 9px;
  }
}
.sec-point__item-box__txt {
  line-height: 2.1428571429;
  letter-spacing: 0.04em;
  color: #211815;
}
@media screen and (max-width: 834px) {
  .sec-point__item-box__txt {
    font-size: 1.2rem;
    line-height: 2;
    letter-spacing: 0;
  }
}
.sec-point__item-box__img {
  width: 36%;
}
@media screen and (max-width: 640px) {
  .sec-point__item-box__img {
    width: 100%;
  }
}
.sec-point__item-box__img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  font-family: "object-fit: cover";
}
.sec-point__txt {
  font-size: 2.2rem;
  line-height: 1.5;
  font-feature-settings: "palt" 1;
  margin-bottom: 33px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 22px;
}
@media screen and (max-width: 834px) {
  .sec-point__txt {
    font-size: 1.7rem;
    line-height: 1.5;
    margin-bottom: 28px;
    gap: 2px;
  }
}
@media screen and (max-width: 374px) {
  .sec-point__txt {
    font-size: 1.4rem;
  }
}
.sec-point__txt--hight {
  line-height: 1.4545454545;
}
.sec-point__txt-sm {
  margin-top: 2px;
}
@media screen and (max-width: 834px) {
  .sec-point__txt-sm {
    font-size: 1.12rem;
    line-height: 1.8571428571;
  }
}
.sec-point__txt--sm {
  font-size: 2rem;
  line-height: 1.55;
}
@media screen and (max-width: 834px) {
  .sec-point__txt--sm {
    font-size: 1.6rem;
    line-height: 1.55;
  }
}
@media screen and (max-width: 374px) {
  .sec-point__txt--sm {
    font-size: 1.3rem;
  }
}
.sec-point__txt02 {
  font-size: 1.571rem;
  font-feature-settings: "palt" 1;
  letter-spacing: 0.006em;
  margin-bottom: 52px;
  color: #211815;
}
@media screen and (max-width: 834px) {
  .sec-point__txt02 {
    font-size: 1.3rem;
    line-height: 1.2746153846;
    margin-bottom: 25px;
  }
}
.sec-point__des {
  line-height: 2.1428571429;
  color: #211815;
}
@media screen and (max-width: 834px) {
  .sec-point__des {
    font-size: 1.2rem;
    line-height: 1.6666666667;
    font-feature-settings: "palt" 1;
  }
}
.sec-point__des02 {
  font-size: 1.3rem;
  line-height: 1.9692307692;
}
.sec-point__img {
  margin-right: -3px;
}
@media screen and (max-width: 834px) {
  .sec-point__img {
    margin-right: -2px;
  }
}
.sec-point__route {
  display: grid;
  gap: 49px;
  font-feature-settings: "palt" 1;
}
@media screen and (max-width: 834px) {
  .sec-point__route {
    gap: 75px;
  }
}
.sec-point__route--purple .sec-point__route-item {
  border-color: #B77FAE;
}
.sec-point__route--purple .sec-point__route-item::after {
  border-top-color: #B77FAE;
}
.sec-point__route--pink .sec-point__route-item {
  border-color: #d8758d;
}
.sec-point__route--pink .sec-point__route-item::after {
  border-top-color: #d8758d;
}
.sec-point__route-item {
  border: 1px solid #5A9FD5;
  position: relative;
}
.sec-point__route-item:last-child::after {
  display: none;
}
.sec-point__route-item::after {
  position: absolute;
  content: "";
  border-top: 15px solid #5A9FD5;
  border-right: 51px solid transparent;
  border-left: 51px solid transparent;
  top: calc(100% + 18px);
  left: calc(50% - 51px);
}
@media screen and (max-width: 834px) {
  .sec-point__route-item::after {
    border-top: 12px solid #5A9FD5;
    border-right: 41px solid transparent;
    border-left: 41px solid transparent;
    top: calc(100% + 33px);
    left: calc(50% - 41px);
  }
}
.sec-point__route-ttl {
  font-size: 2rem;
  line-height: 1.6;
  background: #5A9FD5;
  color: white;
  padding: 5px 10px;
}
@media screen and (max-width: 834px) {
  .sec-point__route-ttl {
    font-size: 1.6rem;
    line-height: 1.6;
  }
}
.sec-point__route-ttl--purple {
  background: #B77FAE;
}
.sec-point__route-ttl--pink {
  background: #d8758d;
}
.sec-point__route-ct {
  padding: 24px 30px;
}
@media screen and (max-width: 834px) {
  .sec-point__route-ct {
    padding: 22px 10px 12px;
  }
}
.sec-point__route-list {
  display: grid;
  gap: 45px;
  margin-bottom: 20px;
}
@media screen and (max-width: 834px) {
  .sec-point__route-list {
    font-size: 1.28rem;
    line-height: 1.5;
    gap: 29px;
    margin-bottom: 16px;
  }
}
.sec-point__route-list > * {
  position: relative;
}
.sec-point__route-list > *:last-child::before, .sec-point__route-list > *:last-child::after {
  display: none;
}
.sec-point__route-list > *::before, .sec-point__route-list > *::after {
  position: absolute;
  content: "";
  border-top: 18px solid;
  border-right: 28px solid transparent;
  border-left: 28px solid transparent;
  left: calc(50% - 28px);
}
@media screen and (max-width: 834px) {
  .sec-point__route-list > *::before, .sec-point__route-list > *::after {
    border-top: 16px solid;
    border-right: 26px solid transparent;
    border-left: 26px solid transparent;
    left: calc(50% - 26px);
  }
}
.sec-point__route-list > *::before {
  border-top-color: #5A9FD5;
  top: calc(100% + 20px);
}
@media screen and (max-width: 834px) {
  .sec-point__route-list > *::before {
    top: calc(100% + 5px);
  }
}
.sec-point__route-list > *::after {
  border-top-color: white;
  top: calc(100% + 18px);
}
@media screen and (max-width: 834px) {
  .sec-point__route-list > *::after {
    top: calc(100% + 3px);
  }
}
.sec-point__route-list--purple > *::before {
  border-top-color: #B77FAE;
}
.sec-point__route-list--pink > *::before {
  border-top-color: #d8758d;
}
.sec-point__route-list-item {
  padding: 11px 10px;
}
.sec-point__route-list-item:last-child::before {
  display: block;
  top: 100%;
  left: calc(50% - 5px);
}
.sec-point__route-list-item::before {
  position: absolute;
  content: "";
  border-top: 10px solid;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
}
@media screen and (max-width: 834px) {
  .sec-point__route-list-item::before {
    border-top: 13px solid;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
  }
}
.sec-point__route-list-item--blue::before {
  border-top-color: rgba(90, 159, 213, 0.2);
}
@media screen and (max-width: 834px) {
  .sec-point__route-list-item--blue::before {
    border-top-color: rgba(90, 159, 213, 0.2);
  }
}
.sec-point__route-list-item--purple::before {
  border-top-color: rgba(183, 127, 174, 0.2);
}
@media screen and (max-width: 834px) {
  .sec-point__route-list-item--purple::before {
    border-top-color: rgba(183, 127, 174, 0.2);
  }
}
.sec-point__route-list-item--pink::before {
  border-top-color: rgba(216, 117, 141, 0.2);
}
@media screen and (max-width: 834px) {
  .sec-point__route-list-item--pink::before {
    border-top-color: rgba(90, 159, 213, 0.2);
  }
}
.sec-point__route-box {
  background: rgba(90, 159, 213, 0.2);
  padding: 0 7px 22px;
}
@media screen and (max-width: 834px) {
  .sec-point__route-box {
    padding: 0 7px 19px;
  }
}
.sec-point__route-box--pink {
  background: rgba(216, 117, 141, 0.2);
}
.sec-point__route-box__str {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  line-height: 1.8333333333;
  margin-bottom: 22px;
}
@media screen and (max-width: 834px) {
  .sec-point__route-box__str {
    font-size: 0.96rem;
    line-height: 2;
    margin-bottom: 17px;
  }
}
.sec-point__route-box__str > * {
  min-width: 236px;
  background: #5A9FD5;
  color: white;
}
@media screen and (max-width: 834px) {
  .sec-point__route-box__str > * {
    min-width: 188px;
  }
}
.sec-point__route-box__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
@media screen and (max-width: 767px) {
  .sec-point__route-box__list {
    grid-template-columns: repeat(1, 1fr);
    gap: 36px;
  }
}
.sec-point__route-box__list > * {
  position: relative;
}
.sec-point__route-box__list > *:last-child::after {
  display: none;
}
.sec-point__route-box__list > *::after {
  position: absolute;
  content: "";
  border-left: 7px solid #5A9FD5;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  left: calc(100% - 3px);
  top: calc(50% - 11px);
}
@media screen and (max-width: 767px) {
  .sec-point__route-box__list > *::after {
    border-top: 6px solid #5A9FD5;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    top: 114%;
    left: calc(50% - 10px);
  }
}
.sec-point__route-box__list-ttl {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1.85;
  margin-bottom: 12px;
}
@media screen and (max-width: 834px) {
  .sec-point__route-box__list-ttl {
    font-size: 0.96rem;
    line-height: 1.6875;
    margin-bottom: 9px;
  }
}
.sec-point__route-box__list-ttl > * {
  border: 1px solid #5A9FD5;
  background: white;
  color: #5A9FD5;
  border-radius: 13px;
  min-width: 102px;
}
@media screen and (max-width: 834px) {
  .sec-point__route-box__list-ttl > * {
    min-width: 82px;
  }
}
.sec-point__route-box__list-ttl--blue > * {
  background: #5A9FD5;
  color: white;
}
.sec-point__route-box__list-ttl--pink > * {
  border-color: #D8758D;
  color: #D8758D;
}
.sec-point__route-box__list-ttl--bgPink > * {
  border-color: #D8758D;
  background: #D8758D;
  color: white;
}
.sec-point__route-box__list-txt {
  line-height: 1.3333333333;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #211815;
}
@media screen and (max-width: 834px) {
  .sec-point__route-box__list-txt {
    font-size: 1.2rem;
    line-height: 1.3333333333;
    min-height: 32px;
  }
}
.sec-point__route-box__list--pink > *::after {
  border-left-color: #D8758D;
}
@media screen and (max-width: 767px) {
  .sec-point__route-box__list--pink > *::after {
    border-top-color: #D8758D;
    border-left-color: transparent;
  }
}
.sec-point__route-defined {
  line-height: 1.95;
  margin-bottom: 3px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  text-align: center;
}
@media screen and (max-width: 834px) {
  .sec-point__route-defined {
    font-size: 1.2rem;
    line-height: 1.9333333333;
  }
}
@media screen and (max-width: 640px) {
  .sec-point__route-defined {
    justify-content: flex-start;
    text-align: left;
  }
}
@media screen and (max-width: 374px) {
  .sec-point__route-defined {
    flex-direction: column;
    text-align: center;
  }
}
@media screen and (min-width: 835px) {
  .sec-point__route-defined--second {
    padding: 0 20px;
  }
}
@media screen and (max-width: 640px) {
  .sec-point__route-defined--purple {
    max-width: 148px;
    margin: 0 auto 3px;
  }
}
.sec-point__route-note {
  margin-bottom: -1px;
  text-align: center;
}
@media screen and (max-width: 834px) {
  .sec-point__route-note {
    text-align: left;
    font-size: 0.96rem;
    line-height: 1.6666666667;
    margin-bottom: 12px;
    padding: 0 7px;
  }
}
.sec-point__course {
  background: #E7EBED;
  padding: 0 61px 15px;
}
@media screen and (max-width: 834px) {
  .sec-point__course {
    padding: 0 11px 19px 15px;
  }
}
.sec-point__course-ttl {
  font-size: 2.2rem;
  line-height: 1.4545454545;
  color: #5A9FD5;
  position: relative;
  font-feature-settings: "palt" 1;
  padding: 23px 20px 6px;
  margin: 0 -26px 14px;
}
@media screen and (max-width: 834px) {
  .sec-point__course-ttl {
    font-size: 1.76rem;
    line-height: 1.4545454545;
    padding: 12px 17px 0;
    margin: 0 0 7px;
  }
}
.sec-point__course-ttl::before {
  position: absolute;
  content: "";
  width: 5px;
  left: 0;
  top: 0;
  bottom: 0;
  background: #5A9FD5;
}
@media screen and (max-width: 834px) {
  .sec-point__course-ttl::before {
    left: 3px;
    bottom: 3px;
  }
}
.sec-point__course-ttl--pink {
  color: #D8758D;
}
.sec-point__course-ttl--pink::before {
  background: #D8758D;
}
@media screen and (max-width: 834px) {
  .sec-point__course-txt {
    font-size: 1.2rem;
    line-height: 1.8333333333;
  }
}
.sec-point__flex {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 15px;
  padding: 6px 0 57px;
}
@media screen and (max-width: 640px) {
  .sec-point__flex {
    gap: 31px;
    padding: 6px 0 32px;
  }
}
.sec-point__flex-txt {
  width: calc(53.15% - 15px);
  max-width: 410px;
}
@media screen and (max-width: 640px) {
  .sec-point__flex-txt {
    width: 100%;
    max-width: 100%;
  }
}
.sec-point__flex-img {
  width: 46.85%;
  margin-top: 9px;
}
@media screen and (max-width: 640px) {
  .sec-point__flex-img {
    width: 100%;
    margin-top: 0;
  }
}
.sec-point__note {
  font-feature-settings: "palt" 1;
  margin-bottom: 2px;
  color: #211815;
}
@media screen and (max-width: 834px) {
  .sec-point__note {
    font-size: 1.3rem;
    line-height: 1.9692307692;
    margin-bottom: -2px;
  }
}
.sec-point__note--lh {
  line-height: 1.8333333333;
}
@media screen and (max-width: 834px) {
  .sec-point__note--02 {
    font-size: 1.3rem;
    line-height: 1.9692307692;
  }
}
@media screen and (max-width: 640px) {
  .sec-point__note--02 {
    font-size: 0.9rem;
    line-height: 1.6666666667;
    white-space: nowrap;
  }
}
.sec-point__tbl {
  width: 100%;
  margin-bottom: -5px;
  font-feature-settings: "palt" 1;
  color: #211815;
}
@media screen and (max-width: 834px) {
  .sec-point__tbl {
    font-size: 1rem;
    margin-bottom: 7px;
  }
}
.sec-point__tbl thead th {
  border: solid white;
  border-width: 1px 1px 6px;
  background: #5A9FD5;
  color: white;
  font-weight: 500;
  text-align: center;
  padding: 2px 5px;
}
.sec-point__tbl tbody {
  border-top: 1px solid #211815;
  position: relative;
}
.sec-point__tbl tbody::before {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  height: 1px;
  background: #211815;
}
.sec-point__tbl tbody tr:first-child {
  border-top: 1px solid #211815;
}
.sec-point__tbl tbody tr:nth-child(even) td:first-child {
  background: #E7EBED;
}
.sec-point__tbl tbody td {
  border-bottom: 1px solid #211815;
  border-right: 1px solid #211815;
  position: relative;
  padding: 3px;
  background: #fff;
}
.sec-point__tbl tbody td:first-child {
  padding-left: 25px;
  border-left: 1px solid #211815;
}
@media screen and (max-width: 834px) {
  .sec-point__tbl tbody td:first-child {
    padding-left: 10px;
  }
}
.sec-point__tbl tbody td .sec-point__circle {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.sec-point__tbl-comp {
  width: 41px;
}
@media screen and (max-width: 834px) {
  .sec-point__tbl-comp {
    width: 20px;
  }
}
.sec-point__tbl--second .sec-point__tbl-comp {
  width: 107px;
}
@media screen and (max-width: 834px) {
  .sec-point__tbl--second .sec-point__tbl-comp {
    width: 57px;
  }
}
.sec-point__tbl--three .sec-point__tbl-comp {
  width: 163px;
}
@media screen and (max-width: 834px) {
  .sec-point__tbl--three .sec-point__tbl-comp {
    width: 80px;
  }
}
.sec-point__circle {
  display: inline-block;
  border: 1px solid #5A9FD5;
  width: 15px;
  height: 15px;
  border-radius: 50%;
}
@media screen and (max-width: 834px) {
  .sec-point__circle {
    width: 7px;
    height: 7px;
  }
}
.sec-point__circle--white {
  background: white;
}
.sec-point__circle--blue {
  background: #5A9FD5;
}
.sec-point__circle--purple {
  border-color: #C27BB0;
  background: #C27BB0;
}
.sec-point__circle--pink {
  border-color: #D8758D;
  background: white;
}
.sec-point__circle--bgPink {
  border-color: #D8758D;
  background: #D8758D;
}
.sec-point__circle--green {
  border-color: #81B75D;
  background: white;
}
.sec-point__circle--bgGreen {
  border-color: #81B75D;
  background: #81B75D;
}
.sec-point__circle--orange {
  border-color: #E39A3E;
  background: white;
}
.sec-point__circle--bgOrange {
  border-color: #E39A3E;
  background: #E39A3E;
}
.sec-point__circle--sm {
  width: 12px;
  height: 12px;
}
@media screen and (max-width: 834px) {
  .sec-point__circle--sm {
    width: 10px;
    height: 10px;
  }
}
.sec-point__define {
  line-height: 1.9425;
  font-feature-settings: "palt" 1;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 23px;
}
@media screen and (max-width: 834px) {
  .sec-point__define {
    font-size: 0.96rem;
    line-height: 1.9427083333;
    gap: 17px;
  }
}
.sec-point__define > * {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 5px;
}
.sec-point__define > * .sec-point__circle {
  margin-top: 7px;
}
@media screen and (max-width: 834px) {
  .sec-point__define > * .sec-point__circle {
    margin: 5px 0 0 1px;
  }
}
.sec-point__explain {
  font-feature-settings: "palt" 1;
  letter-spacing: 0.01em;
  line-height: 1.6666666667;
  color: #211815;
}
@media screen and (max-width: 834px) {
  .sec-point__explain {
    font-size: 0.96rem;
    line-height: 1.6666666667;
    margin-bottom: -1px;
  }
}
.sec-point__program {
  background: #5A9FD5;
  padding: 27px 46px 50px;
}
@media screen and (max-width: 834px) {
  .sec-point__program {
    margin-left: calc((100% - 100vw) / 2);
    margin-right: calc((100% - 100vw) / 2);
    padding: 23px 6.66%;
  }
}
.sec-point__program-ttl {
  font-size: 2.59rem;
  line-height: 1.5;
  font-feature-settings: "palt" 1;
}
@media screen and (max-width: 834px) {
  .sec-point__program-ttl {
    font-size: 2rem;
    line-height: 1.554;
  }
}
@media screen and (max-width: 374px) {
  .sec-point__program-ttl {
    font-size: 1.6rem;
  }
}
.sec-point__program-list {
  display: grid;
  gap: 21px;
  color: #211815;
}
@media screen and (max-width: 834px) {
  .sec-point__program-list {
    width: 98.5%;
    margin: 0 1px 0 auto;
    gap: 29px;
  }
}
.sec-point__program-list > * {
  background: white;
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 15px;
  padding: 14px 34px 27px 40px;
}
@media screen and (max-width: 834px) {
  .sec-point__program-list > * {
    padding: 20px 5% 20px 32px;
  }
}
@media screen and (max-width: 374px) {
  .sec-point__program-list > * {
    padding: 20px 5%;
  }
}
.sec-point__program-list > *:last-child::before {
  display: none;
}
.sec-point__program-list > *::before {
  position: absolute;
  content: "";
  top: 100%;
  border-top: 14px solid white;
  border-right: 20px solid transparent;
  border-left: 20px solid transparent;
  left: calc(50% - 20px);
}
@media screen and (max-width: 834px) {
  .sec-point__program-list > *::before {
    border-top: 13px solid #fff;
    border-right: 18px solid transparent;
    border-left: 18px solid transparent;
    left: calc(50% - 18px);
  }
}
.sec-point__program-list__left {
  width: 127px;
}
@media screen and (max-width: 834px) {
  .sec-point__program-list__left {
    width: 101px;
  }
}
.sec-point__program-list__lead {
  font-size: 1.7rem;
  line-height: 1.2705882353;
}
@media screen and (max-width: 834px) {
  .sec-point__program-list__lead {
    font-size: 1.34rem;
    line-height: 1.2895522388;
  }
}
.sec-point__program-list__number {
  font-size: 3.4rem;
}
@media screen and (max-width: 834px) {
  .sec-point__program-list__number {
    font-size: 2.72rem;
  }
}
.sec-point__program-list__container {
  display: grid;
  gap: 10px;
  line-height: 1.88;
}
@media screen and (max-width: 834px) {
  .sec-point__program-list__container {
    font-size: 0.96rem;
    line-height: 1.95;
    gap: 6px;
    margin-bottom: 8px;
  }
}
.sec-point__program-list__container > * {
  border: 1px solid #5A9FD5;
  position: relative;
  border-radius: 12px;
}
.sec-point__program-list__container > *:last-child::before {
  display: none;
}
.sec-point__program-list__container > *::before {
  position: absolute;
  content: "";
  width: 6px;
  height: 6px;
  border-right: 1px solid #5A9FD5;
  border-bottom: 1px solid #5A9FD5;
  transform: rotate(45deg);
  top: 100%;
  left: 47%;
}
@media screen and (max-width: 834px) {
  .sec-point__program-list__container > *::before {
    width: 4px;
    height: 4px;
  }
}
.sec-point__program-list__container-blue {
  background: #5A9FD5;
  color: white;
}
.sec-point__program-list__txt {
  font-feature-settings: "palt" 1;
  width: calc(100% - 142px);
  max-width: 487px;
  line-height: 1.8571428571;
  letter-spacing: 0.08em;
  padding-top: 13px;
}
@media screen and (max-width: 834px) {
  .sec-point__program-list__txt {
    font-size: 1.2rem;
    line-height: 1.5666666667;
    width: calc(100% - 116px);
    max-width: calc(100% - 133px);
    padding-top: 0;
  }
}
@media screen and (max-width: 374px) {
  .sec-point__program-list__txt {
    max-width: calc(100% - 116px);
  }
}
.sec-point__box {
  background: rgba(90, 159, 213, 0.2);
  color: #211815;
  font-feature-settings: "palt" 1;
  padding: 18px 24px 13px 20px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 3px 17px;
}
@media screen and (max-width: 1245px) {
  .sec-point__box {
    justify-content: center;
  }
}
@media screen and (max-width: 834px) {
  .sec-point__box {
    justify-content: space-between;
    font-size: 1rem;
    margin: 0 -3% 0;
    padding: 18px 4% 17px;
    gap: 3px 0;
  }
}
.sec-point__box-list {
  line-height: 2.2142857143;
}
@media screen and (max-width: 834px) {
  .sec-point__box-list {
    line-height: 1.2;
    letter-spacing: -0.3px;
    display: grid;
    gap: 13px;
  }
}
.sec-point__box-list:nth-child(3) {
  padding-left: 12px;
}
.sec-point__box-list > * {
  position: relative;
  padding-left: 18px;
}
@media screen and (max-width: 834px) {
  .sec-point__box-list > * {
    padding-left: 11px;
  }
}
.sec-point__box-list > *::before {
  position: absolute;
  content: "●";
  color: #5A9FD5;
  top: 0;
  left: 0;
}
.sec-point__box-item {
  width: 48%;
}
@media screen and (max-width: 640px) {
  .sec-point__box-item {
    width: 100%;
    max-width: 100%;
  }
}
@media screen and (max-width: 640px) {
  .sec-point__box-item:first-child {
    margin-bottom: 20px;
  }
}
.sec-point__box-item .sec-point__box-list {
  margin-right: -6px;
}
@media screen and (min-width: 641px) {
  .sec-point__box-item--second {
    width: 62.5%;
  }
}
@media screen and (min-width: 641px) {
  .sec-point__box-item--three {
    width: 34.15%;
    margin-left: auto;
  }
}
@media screen and (min-width: 991px) {
  .sec-point__box-item--four {
    margin-right: 99px;
    margin-left: auto;
  }
}
.sec-point__box-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2px;
}
.sec-point__box-ttl {
  font-feature-settings: "palt" 1;
  font-size: 1.4rem;
  line-height: 2.2142857143;
  border-bottom: 1px solid #5A9FD5;
  margin-bottom: 5px;
}
.sec-point__box-ttl--purple {
  color: #B77FAE;
  border-bottom-color: #B77FAE;
}
.sec-point__box-ttl--pink {
  color: #D8758D;
  border-bottom-color: #D8758D;
}
.sec-point__box-note {
  width: 100%;
}
@media screen and (max-width: 834px) {
  .sec-point__box-note {
    margin-top: 9px;
    padding: 0 4px;
  }
}
.sec-point__box--purple {
  background: rgba(183, 127, 174, 0.2);
}
.sec-point__box--purple .sec-point__box-list > *::before {
  color: #B77FAE;
}
.sec-point__box--pink {
  background: rgba(216, 117, 141, 0.2);
}
.sec-point__box--pink .sec-point__box-list > *::before {
  color: #D8758D;
}
.sec-point__list {
  color: #211815;
}
.sec-point__list > * {
  padding: 27px 0 44px;
}
@media screen and (max-width: 834px) {
  .sec-point__list > * {
    padding: 22px 0 30px;
  }
}
.sec-point__list > *:nth-child(odd) {
  position: relative;
  z-index: 1;
}
.sec-point__list > *:nth-child(odd)::before {
  position: absolute;
  z-index: -1;
  content: "";
  top: 0;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;
  background: #EFF3F6;
}
.sec-point__list-flex {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 15px;
  margin-bottom: 34px;
}
@media screen and (max-width: 834px) {
  .sec-point__list-flex {
    margin-bottom: 21px;
  }
}
.sec-point__list-ct {
  width: calc(63.4% - 15px);
  max-width: 490px;
}
@media screen and (max-width: 640px) {
  .sec-point__list-ct {
    width: 100%;
    max-width: 100%;
  }
}
@media screen and (max-width: 640px) {
  .sec-point__list-ct__img {
    padding-left: 3px;
    margin-right: -21px;
  }
}
.sec-point__list-ct__img img {
  display: block;
  width: 100%;
}
.sec-point__list-ct__img--second {
  max-width: 361px;
  margin: 5px -2px 0 auto;
}
@media screen and (max-width: 640px) {
  .sec-point__list-ct__img--second {
    margin: 5px -12px 0 0;
  }
}
.sec-point__list-ct-img {
  text-align: right;
}
@media screen and (max-width: 834px) {
  .sec-point__list-ct-img {
    text-align: center;
    padding: 0 22.2%;
  }
}
.sec-point__list-img {
  width: 36.6%;
  position: relative;
  margin-top: 12px;
}
@media screen and (max-width: 640px) {
  .sec-point__list-img {
    width: 76.3%;
    margin: 0 auto 18px;
  }
}
.sec-point__list-img::before {
  display: block;
  content: "";
  padding-bottom: 93.8709677419%;
}
.sec-point__list-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  font-family: "object-fit: cover";
}
.sec-point__list-img--02::before {
  display: none;
}
.sec-point__list-img--02 img {
  position: static;
}
.sec-point__list-img--02 .sec-point__list-img-thumb {
  margin-bottom: 15px;
}
.sec-point__list-img--02 .sec-point__list-img-thumb:last-child {
  margin-bottom: 0;
}
.sec-point__list-ttl {
  font-size: 3rem;
  line-height: 1.735;
  font-feature-settings: "palt" 1;
  margin-bottom: 19px;
}
@media screen and (max-width: 1245px) {
  .sec-point__list-ttl {
    font-size: 2.6rem;
  }
}
@media screen and (max-width: 834px) {
  .sec-point__list-ttl {
    font-size: 2.4rem;
    line-height: 1.735;
    margin: 0 -10px 14px;
  }
}
@media screen and (max-width: 640px) {
  .sec-point__list-ttl {
    text-align: center;
  }
}
@media screen and (max-width: 374px) {
  .sec-point__list-ttl {
    font-size: 2.2rem;
  }
}
.sec-point__list-ttl small {
  font-size: 1.7rem;
  line-height: 1.7058823529;
  display: block;
  margin-top: -3px;
}
@media screen and (max-width: 1245px) {
  .sec-point__list-ttl small {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 834px) {
  .sec-point__list-ttl small {
    font-size: 1.36rem;
    line-height: 1.7058823529;
  }
}
.sec-point__list-txt {
  line-height: 1.8571428571;
  margin-bottom: 35px;
}
@media screen and (max-width: 834px) {
  .sec-point__list-txt {
    font-size: 1.2rem;
    line-height: 1.7333333333;
    margin-bottom: 18px;
  }
}
.sec-point__list-info {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 22px;
  line-height: 1.5;
  font-feature-settings: "palt" 1;
}
@media screen and (max-width: 834px) {
  .sec-point__list-info {
    font-size: 0.96rem;
    line-height: 1.5;
    gap: 6px;
  }
}
.sec-point__list-info > * {
  width: calc(50% - 11px);
  background: #5A9FD5;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 6px 13px;
}
@media screen and (max-width: 834px) {
  .sec-point__list-info > * {
    width: 100%;
    min-height: 52px;
    padding: 5px 11px;
  }
}
.sec-point__list-info > *:nth-child(even) {
  background: #336EB1;
}
@media screen and (min-width: 835px) {
  .sec-point__list-info--second > *:nth-child(odd) {
    width: calc(38% - 11px);
  }
}
@media screen and (min-width: 835px) {
  .sec-point__list-info--second > *:nth-child(even) {
    width: calc(62% - 11px);
  }
}
.sec-point__list-info__ttl {
  min-width: 119px;
  height: 100%;
  border-right: 1px solid white;
  font-size: 2rem;
  line-height: 2.35;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (max-width: 1245px) {
  .sec-point__list-info__ttl {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 834px) {
  .sec-point__list-info__ttl {
    font-size: 1.6rem;
    line-height: 1.8125;
    min-height: 38px;
    min-width: 95px;
  }
}
@media screen and (max-width: 374px) {
  .sec-point__list-info__ttl {
    font-size: 1.4rem;
    min-width: 80px;
  }
}
.sec-point__list-info__ct {
  padding: 0 0 0 12px;
}
@media screen and (max-width: 834px) {
  .sec-point__list-info__ct {
    padding: 0 0 0 10px;
  }
}
.sec-point__list-info__ct-flex {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 640px) {
  .sec-point__list-info__ct-flex {
    display: block;
  }
}
.sec-point__list-info--pink > * {
  background: #D8758D;
}
.sec-point__list-info--pink > *:nth-child(even) {
  background: #D1456E;
}
.sec-point__list-info--purple > * {
  background: #B77FAE;
}
.sec-point__list-info--purple > *:nth-child(even) {
  background: #952D82;
}
.sec-point__list-info--green > * {
  background: #81B75D;
}
.sec-point__list-info--green > *:nth-child(even) {
  background: #44A34A;
}
.sec-point__list-info--orange > * {
  background: #E39A3E;
}
.sec-point__list-info--orange > *:nth-child(even) {
  background: #D55E2D;
}
.sec-point__list-dl {
  background: #DADFE2;
  padding: 15px;
}
.sec-point__list-app {
  text-align: center;
  background: #E7EBED;
}
.sec-point__list-app__ttl {
  font-size: 1.7rem;
  line-height: 1.4705882353;
  color: white;
  font-feature-settings: "palt" 1;
}
@media screen and (max-width: 834px) {
  .sec-point__list-app__ttl {
    font-size: 1.128rem;
    line-height: 1.5070921986;
  }
}
.sec-point__list-app__list {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.6rem;
  line-height: 1.25;
  padding: 10px 0;
  letter-spacing: 0.13em;
}
@media screen and (max-width: 834px) {
  .sec-point__list-app__list {
    font-size: 1.062rem;
    line-height: 1.2495291902;
    padding: 6px 0;
  }
}
@media screen and (max-width: 640px) {
  .sec-point__list-app__list {
    margin-bottom: 8px;
  }
}
.sec-point__list-app__list > * {
  flex: 1;
  border-right: 1px solid;
  padding: 10px 0;
}
@media screen and (max-width: 834px) {
  .sec-point__list-app__list > * {
    padding: 8px 0 7px;
  }
}
.sec-point__list-app__list > *:last-child {
  border-right: none;
}
.sec-point__list-app__list small {
  font-size: 1.2rem;
  line-height: 1.6666666667;
  display: block;
  margin-bottom: 3px;
  letter-spacing: 0;
}
@media screen and (max-width: 834px) {
  .sec-point__list-app__list small {
    font-size: 0.796rem;
    line-height: 1.6670854271;
    margin-bottom: 2px;
  }
}
.sec-point__list-app--orange .sec-point__list-app__ttl {
  background: #E39A3E;
}
.sec-point__list-app--orange .sec-point__list-app__list > * {
  border-right-color: #E39A3E;
}
.sec-point__wrap {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 50px;
}
@media screen and (max-width: 834px) {
  .sec-point__wrap {
    margin-bottom: 5px;
  }
}
.sec-point__wrap-item {
  width: calc(50% - 18px);
  margin-bottom: 23px;
}
@media screen and (max-width: 834px) {
  .sec-point__wrap-item {
    width: 100%;
    margin-bottom: 22px;
  }
}
.sec-point__wrap-item p {
  padding-left: 10px;
}
.sec-point__wrap-ttl {
  font-weight: 400;
  position: relative;
  padding-left: 10px;
  line-height: 1.4;
  border-bottom: 2px #81B75D dotted;
  padding-bottom: 14px;
  margin-bottom: 11px;
}
@media screen and (max-width: 834px) {
  .sec-point__wrap-ttl {
    font-size: 1.12rem;
    line-height: 1.4285714286;
    padding: 0 0 11px;
    margin-bottom: 8px;
  }
}
.sec-point__wrap-ttl:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 2px;
  height: 48px;
  background: #81B75D;
  top: 7px;
  left: -1px;
}
@media screen and (max-width: 834px) {
  .sec-point__wrap-ttl:before {
    height: 40px;
    top: 7px;
    left: 2px;
  }
}
.sec-point__wrap-ttl span {
  font-weight: 500;
  font-size: 2.4rem;
}
@media screen and (max-width: 834px) {
  .sec-point__wrap-ttl span {
    font-size: 1.92rem;
  }
}
.sec-point__wrap-ttl--orange {
  border-bottom: 2px #E39A3E dotted;
}
.sec-point__wrap-ttl--orange::before {
  background: #E39A3E;
}
@media screen and (max-width: 834px) {
  .sec-point__manga {
    padding-bottom: 25px;
  }
}
.sec-point__manga-item {
  background: url(../../img/2024/subject/creator/line.png) repeat-x;
  padding: 46px 0 47px;
}
@media screen and (max-width: 834px) {
  .sec-point__manga-item {
    padding: 32px 0 28px;
  }
}
.sec-point__manga-item:last-child {
  background: url(../../img/2024/subject/creator/line.png) repeat-x, url(../../img/2024/subject/creator/line.png) bottom repeat-x;
}
@media screen and (max-width: 834px) {
  .sec-point__manga-item:last-child {
    background: url(../../img/2024/subject/creator/line.png) repeat-x;
  }
}
.sec-point__manga-list {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -2px 4px;
  line-height: 1.875;
  font-feature-settings: "palt" 1;
}
@media screen and (max-width: 834px) {
  .sec-point__manga-list {
    font-size: 1.3rem;
    line-height: 1.8461538462;
    margin: 0 0 10px;
  }
}
@media screen and (max-width: 640px) {
  .sec-point__manga-list {
    display: grid;
    gap: 34px;
  }
}
.sec-point__manga-list > *:nth-child(odd) {
  border-left: 4px solid #81B75D;
  width: 310px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 0 5px 15px;
  min-height: 110px;
}
@media screen and (max-width: 640px) {
  .sec-point__manga-list > *:nth-child(odd) {
    width: 100%;
    padding: 0 0 3px 11px;
    min-height: 88px;
  }
}
.sec-point__manga-list > *:nth-child(even) {
  border-left: 2px solid #81B75D;
  width: calc(100% - 310px);
  padding-left: 16px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (max-width: 640px) {
  .sec-point__manga-list > *:nth-child(even) {
    width: 100%;
    padding-left: 12px;
  }
}
.sec-point__manga-list > *:nth-child(even) > * {
  display: block;
  margin-top: -3px;
}
@media screen and (max-width: 834px) {
  .sec-point__manga-list > *:nth-child(even) > * {
    margin: -2px 0 -6px;
    min-height: 88px;
  }
}
.sec-point__manga-list__txt {
  font-size: 1.8rem;
  line-height: 1.2;
  font-weight: 500;
  margin-bottom: 8px;
}
@media screen and (max-width: 834px) {
  .sec-point__manga-list__txt {
    font-size: 1.44rem;
  }
}
.sec-point__manga-list__txt:last-child {
  margin-bottom: 0;
}
.sec-point__manga-list__txt .lg {
  font-size: 2.4rem;
  line-height: 2;
}
@media screen and (max-width: 834px) {
  .sec-point__manga-list__txt .lg {
    font-size: 1.92rem;
  }
}
.sec-point__manga-list__txt .lg02 {
  font-size: 2rem;
  line-height: 1.85;
}
@media screen and (max-width: 834px) {
  .sec-point__manga-list__txt .lg02 {
    font-size: 1.6rem;
    line-height: 1.85;
  }
}
.sec-point__manga-list__txt .lg03 {
  font-size: 2.095rem;
  line-height: 1.2501193317;
}
@media screen and (max-width: 834px) {
  .sec-point__manga-list__txt .lg03 {
    font-size: 1.676rem;
    line-height: 1.2505966587;
  }
}
@media screen and (min-width: 641px) {
  .sec-point__manga-list--second > *:nth-child(odd) {
    width: 345px;
  }
}
@media screen and (min-width: 641px) {
  .sec-point__manga-list--second > *:nth-child(even) {
    width: calc(100% - 345px);
  }
}
@media screen and (min-width: 641px) {
  .sec-point__manga-list--three > *:nth-child(odd) {
    width: 401px;
  }
}
@media screen and (min-width: 641px) {
  .sec-point__manga-list--three > *:nth-child(even) {
    width: calc(100% - 401px);
  }
}
@media screen and (max-width: 834px) {
  .sec-point__manga-img {
    max-width: 450px;
    margin: 0 auto;
  }
}
.sec-point__manga-img--first {
  max-width: 830px;
  margin: 0 auto;
  position: relative;
  left: 3px;
}
@media screen and (max-width: 834px) {
  .sec-point__manga-img--first {
    left: 0;
  }
}
@media screen and (max-width: 834px) {
  .sec-point__manga-img--second {
    padding: 24px 0 0 6px;
  }
}
.sec-point__manga-img--three {
  padding: 0 3px 0 0;
}
@media screen and (max-width: 834px) {
  .sec-point__manga-img--three {
    padding: 14px 0 0 1px;
  }
}
@media screen and (max-width: 834px) {
  .sec-point__manga-img--four {
    padding: 14px 0 0;
  }
}
@media screen and (max-width: 834px) {
  .sec-point__manga-img--five {
    padding: 7px 0 0;
  }
}
.sec-point__manga-img--six {
  padding-top: 59px;
}
.sec-point__manga-img--seven {
  padding-top: 26px;
}
.sec-point__manga-img--eight {
  max-width: 808px;
  margin: 0 auto;
  padding-top: 17px;
}
.sec-point__manga-img--nine {
  max-width: 708px;
  margin: 0 auto;
  padding-top: 8px;
}
.sec-point__manga--orange .sec-point__manga-item {
  background: url(../../img/2024/subject/design/line.png) repeat-x;
}
.sec-point__manga--orange .sec-point__manga-item:last-child {
  background: url(../../img/2024/subject/design/line.png) repeat-x, url(../../img/2024/subject/design/line.png) bottom repeat-x;
}
.sec-point__manga--orange .sec-point__manga-list > *:nth-child(odd) {
  border-left: 4px solid #E39A3E;
}
.sec-point__manga--orange .sec-point__manga-list > *:nth-child(even) {
  border-left: 2px solid #E39A3E;
}

.sec-digital {
  background: #FFFBDD;
  color: #211815;
  padding: 37px 0 38px;
  margin-bottom: 101px;
}
@media screen and (max-width: 834px) {
  .sec-digital {
    padding: 25px 0 32px;
    margin-bottom: 10px;
  }
}
.sec-digital__inner {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.sec-digital__ct {
  width: 61%;
  padding-top: 35px;
}
@media screen and (max-width: 640px) {
  .sec-digital__ct {
    width: 100%;
    padding-top: 0;
    margin-bottom: 22px;
  }
}
.sec-digital__ct .c-txt__01 {
  line-height: 1.8571428571;
}
@media screen and (max-width: 834px) {
  .sec-digital__ct .c-txt__01 {
    line-height: 1.7333333333;
  }
}
.sec-digital__ttl {
  font-size: 1.7rem;
  line-height: 1.7058823529;
  font-feature-settings: "palt" 1;
  margin-bottom: 23px;
}
@media screen and (max-width: 834px) {
  .sec-digital__ttl {
    font-size: 1.6rem;
    line-height: 1.45;
    margin-bottom: 11px;
  }
}
.sec-digital__img {
  width: 36.5%;
}
@media screen and (max-width: 640px) {
  .sec-digital__img {
    width: 76.2%;
    margin: 0 auto;
  }
}

.mv-page02 {
  padding: 132px 0 108px;
  background: url("../../img/opencampus/mv.jpg") center no-repeat;
  background-size: cover;
}
@media screen and (max-width: 834px) {
  .mv-page02 {
    padding: 39px 0 38px;
    background: url("../../img/opencampus/mv-sp.jpg") center no-repeat;
    background-size: cover;
  }
}
.mv-page02__flex {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 834px) {
  .mv-page02__flex {
    flex-wrap: wrap;
    margin-bottom: 18px;
  }
}
.mv-page02__ttl {
  width: calc(100% - 186px);
  color: #fff;
  margin-bottom: 24px;
  line-height: 1.3;
  margin-right: -100px;
  font-weight: 500;
  font-feature-settings: "palt" 1;
  font-size: 4rem;
}
@media screen and (max-width: 1245px) {
  .mv-page02__ttl {
    font-size: 3.6rem;
  }
}
@media screen and (max-width: 1024px) {
  .mv-page02__ttl {
    width: calc(100% - 250px);
    font-size: 2.4rem;
    margin-right: 0;
  }
}
@media screen and (max-width: 834px) {
  .mv-page02__ttl {
    text-align: center;
    width: 100%;
    line-height: 1.5;
    font-size: 2rem;
  }
}
.mv-page02__ttl span {
  line-height: 0.86;
  margin-bottom: 31px;
  font-family: "Jost", sans-serif;
  display: block;
  font-weight: 600;
  font-size: 15rem;
}
@media screen and (max-width: 1245px) {
  .mv-page02__ttl span {
    font-size: 13rem;
  }
}
@media screen and (max-width: 1024px) {
  .mv-page02__ttl span {
    font-size: 9rem;
  }
}
@media screen and (max-width: 834px) {
  .mv-page02__ttl span {
    margin-bottom: 23px;
    font-size: 7.5rem;
  }
}
@media screen and (max-width: 374px) {
  .mv-page02__ttl span {
    font-size: 6.5rem;
  }
}
.mv-page02__img {
  width: 286px;
  margin-top: -46px;
  transform: translateX(-8px);
}
@media screen and (max-width: 1024px) {
  .mv-page02__img {
    width: 250px;
    transform: translateX(0);
  }
}
@media screen and (max-width: 834px) {
  .mv-page02__img {
    margin-top: 0;
    width: 100%;
    text-align: center;
  }
  .mv-page02__img img {
    max-width: 142px;
  }
}
.mv-page02__img img {
  width: 100%;
}
.mv-page02__desc {
  margin-bottom: 39px;
  padding-left: 6px;
  color: #fff;
  line-height: 1.8;
  font-size: 2rem;
}
@media screen and (max-width: 1245px) {
  .mv-page02__desc {
    padding-left: 0;
    margin-bottom: 25px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 834px) {
  .mv-page02__desc {
    line-height: 1.75;
    margin-bottom: 21px;
    text-align: center;
    font-size: 1.2rem;
  }
}
.mv-page02__note span {
  line-height: 1.7;
  background: #fff;
  border-radius: 15px;
  padding: 13px 16px 13px 23px;
  display: inline-block;
  color: #CD1C7D;
  font-size: 1.8rem;
}
@media screen and (max-width: 834px) {
  .mv-page02__note span {
    line-height: 1.5;
    border-radius: 8px;
    padding: 9px 10px 12px 26px;
    font-size: 1rem;
  }
}
@media screen and (max-width: 374px) {
  .mv-page02__note span {
    padding: 10px 5px;
    letter-spacing: -0.5px;
  }
}

.sec-campus {
  padding: 44px 0 55px;
}
@media screen and (max-width: 834px) {
  .sec-campus {
    padding: 26px 0 194px;
  }
}

.campus-flex {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.campus-flex__img {
  width: 47.25%;
  position: absolute;
  right: 5.8%;
  bottom: -55px;
}
@media screen and (max-width: 1245px) {
  .campus-flex__img {
    right: 0;
  }
}
@media screen and (max-width: 1024px) {
  .campus-flex__img {
    right: -30px;
    width: 40%;
  }
}
@media screen and (max-width: 834px) {
  .campus-flex__img {
    right: auto;
    left: 44.5%;
    transform: translateX(-50%);
    bottom: -321px;
    width: 88%;
    max-width: 300px;
  }
}
.campus-flex__img img {
  width: 100%;
}

@media screen and (max-width: 834px) {
  .campus-list {
    padding-left: 4px;
  }
}
.campus-list__item {
  border-left: 6px solid #CD1C7D;
  display: block;
  padding: 2px 0 10px;
  font-feature-settings: "palt" 1;
  padding-left: 16px;
  font-weight: 500;
  font-size: 1.8rem;
}
@media screen and (max-width: 834px) {
  .campus-list__item {
    padding: 0 0 1px;
    padding-left: 8px;
    border-width: 3px;
    font-size: 1.2rem;
  }
}
.campus-list__item:not(:last-child) {
  margin-bottom: 29px;
}
@media screen and (max-width: 834px) {
  .campus-list__item:not(:last-child) {
    margin-bottom: 11px;
  }
}
.campus-list__item:last-child {
  padding-bottom: 0;
}
.campus-list__item > span {
  color: #CD1C7D;
  margin-bottom: 6px;
  font-weight: 500;
  display: flex;
  align-items: center;
  font-size: 2.6rem;
}
@media screen and (max-width: 834px) {
  .campus-list__item > span {
    margin-bottom: 2px;
    margin-top: -1px;
    font-size: 1.6rem;
  }
}
.campus-list__item > span span {
  line-height: 1;
  font-family: "Jost", sans-serif;
  font-weight: 400;
  font-size: 4.6rem;
}
@media screen and (max-width: 834px) {
  .campus-list__item > span span {
    font-size: 2.8rem;
  }
}
.campus-list__item > span small {
  display: inline-block;
  font-weight: 500;
  color: #fff;
  padding: 4px 17px;
  margin-left: 8px;
  line-height: 1;
  background: #CD1C7D;
  border-radius: 20px;
  font-size: 1.6rem;
}
@media screen and (max-width: 834px) {
  .campus-list__item > span small {
    padding: 3px 12px;
    margin-left: 6px;
    font-size: 1.2rem;
  }
}

.sec-advance {
  padding: 54px 0 60px;
  background: #f9e3ea;
}
@media screen and (max-width: 834px) {
  .sec-advance {
    padding: 46px 0 41px;
  }
}
.sec-advance--02 {
  padding: 105px 0 75px;
  background: #FFFCDE;
}
@media screen and (max-width: 834px) {
  .sec-advance--02 {
    padding: 64px 0 43px;
  }
}
.sec-advance--03 {
  padding-bottom: 66px;
}
@media screen and (max-width: 834px) {
  .sec-advance--03 {
    padding: 41px 0;
  }
}
.sec-advance--03 .advance-box {
  padding-bottom: 68px;
}
@media screen and (max-width: 834px) {
  .sec-advance--03 .advance-box {
    padding-bottom: 30px;
  }
}
.sec-advance--04 {
  padding: 70px 0 72px;
  font-feature-settings: "palt" 1;
}
@media screen and (max-width: 834px) {
  .sec-advance--04 {
    padding: 68px 0 43px;
  }
  .sec-advance--04 .c-ttl__04 span {
    letter-spacing: -1.5px;
  }
  .sec-advance--04 .advance-box__desc {
    margin-bottom: 25px;
  }
}
.advance-box {
  background: #fff;
  padding: 0 56px 54px 53px;
  overflow: hidden;
}
@media screen and (max-width: 1024px) {
  .advance-box {
    padding: 0 30px 50px;
  }
}
@media screen and (max-width: 834px) {
  .advance-box {
    padding: 0 22px 23px;
  }
}
@media screen and (max-width: 374px) {
  .advance-box {
    padding: 0 12px 23px;
  }
}
.advance-box__desc {
  line-height: 1.75;
  color: #211815;
  font-feature-settings: "palt" 1;
  margin-bottom: 30px;
  font-size: 1.6rem;
}
@media screen and (max-width: 834px) {
  .advance-box__desc {
    margin-bottom: 18px;
    line-height: 1.4;
    font-size: 1rem;
  }
}
.advance-box__img {
  position: relative;
  z-index: 3;
}
.advance-box__img img {
  width: 100%;
}
.advance-box__list {
  padding: 56px 20px 29px 50px;
  background: #EFF3F6;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 40px;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .advance-box__list {
    gap: 30px;
    padding: 50px 20px 30px;
  }
}
@media screen and (max-width: 834px) {
  .advance-box__list {
    gap: 0;
    flex-wrap: wrap;
    padding: 49px 26px 20px;
  }
}
@media screen and (max-width: 374px) {
  .advance-box__list {
    padding: 49px 15px 20px;
  }
}
.advance-box__list:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 100px;
  height: 65px;
  content: "START";
  background: #0067B0;
  border-radius: 50%;
  color: #fff;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  top: -45px;
  left: 35px;
  padding-top: 35px;
  font-family: "Jost", sans-serif;
  font-size: 2rem;
}
@media screen and (max-width: 834px) {
  .advance-box__list:before {
    left: 50%;
    width: 65px;
    height: 41px;
    transform: translateX(-50%);
    padding-top: 24px;
    top: -30px;
    font-size: 1.2rem;
  }
}
.advance-box__list-item {
  position: relative;
}
.advance-box__list-item:nth-child(1) {
  width: 37%;
}
.advance-box__list-item:nth-child(2) {
  width: 27%;
}
.advance-box__list-item:nth-child(3) {
  width: 22%;
}
.advance-box__list-item:nth-child(4) {
  width: 14%;
}
.advance-box__list-item:nth-child(4) .advance-box__list-ttl {
  text-align: center;
}
@media screen and (max-width: 834px) {
  .advance-box__list-item {
    width: 100% !important;
  }
}
.advance-box__list-item p {
  line-height: 1.7857;
  color: #211815;
  font-size: 1.4rem;
}
@media screen and (max-width: 1024px) {
  .advance-box__list-item p {
    line-height: 1.667;
    font-size: 1.2rem;
  }
}
@media screen and (max-width: 834px) {
  .advance-box__list-item:not(:last-child) {
    margin-bottom: 37px;
  }
}
.advance-box__list-item:not(:last-child):after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 12px;
  height: 55px;
  background: url("../../img/opencampus/icon-01.png") center no-repeat;
  background-size: contain;
  right: -22px;
  top: 7px;
}
@media screen and (max-width: 834px) {
  .advance-box__list-item:not(:last-child):after {
    width: 29px;
    height: 7px;
    bottom: -25px;
    left: 50%;
    right: auto;
    top: auto;
    transform: translateX(-50%);
    background: url("../../img/opencampus/icon-01-sp.png") center no-repeat;
    background-size: contain;
  }
}
@media screen and (max-width: 834px) {
  .advance-box__list-item:last-child {
    /* background: #0067b5;
    color: #fff;
    padding: 15px;
    text-align: center;
    font-size: 1.6rem;
    margin: 10px -10px 0;
    width: calc(100% + 20px) !important;
    font-size: 1.6rem; */
  }
  .advance-box__list-item:last-child .advance-box__list-ttl {
    /* margin-bottom: 0;
    text-align: center;
    justify-content: center;
    color: #fff;
    border: 0;
    padding: 0; */
  }
}
.advance-box__list-ttl {
  margin-bottom: 14px;
  color: #0067B0;
  font-weight: 500;
  display: flex;
  align-items: center;
  line-height: 1.5625;
  font-size: 1.6rem;
  border-bottom: 3px dotted;
  padding: 10px 0;
}
@media screen and (max-width: 1024px) {
  .advance-box__list-ttl {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 834px) {
  .advance-box__list-ttl {
    font-feature-settings: "palt" 1;
    margin-bottom: 12px;
    text-align: left !important;
    font-size: 1.6rem;
  }
}
.advance-box__list--02 {
  padding-bottom: 23px;
}
.advance-box__list--02 .advance-box__list-item:nth-child(1) {
  width: 22%;
}
.advance-box__list--02 .advance-box__list-item:nth-child(2) {
  width: 22%;
}
.advance-box__list--02 .advance-box__list-item:nth-child(3) {
  width: 22%;
}
.advance-box__list--02 .advance-box__list-item:nth-child(4) {
  width: 22%;
}
.advance-box__list--02 .advance-box__list-item:nth-child(5) {
  width: 12%;
}
.advance-box__list--02 .advance-box__list-item:nth-child(5) .advance-box__list-ttl {
  text-align: center;
}
.advance-box__list--03 {
  font-feature-settings: "palt" 1;
}
.advance-box__list--03 .advance-box__list-item:nth-child(1) {
  width: 22%;
}
.advance-box__list--03 .advance-box__list-item:nth-child(2) {
  width: 26%;
}
.advance-box__list--03 .advance-box__list-item:nth-child(3) {
  width: 26%;
}
.advance-box__list--03 .advance-box__list-item:nth-child(4) {
  width: 16%;
}
.advance-box__list--03 .advance-box__list-item:nth-child(5) {
  width: 10%;
}
.advance-box__list--03 .advance-box__list-item:nth-child(5) .advance-box__list-ttl {
  text-align: center;
}
.advance-box__entry {
  padding: 11px 25px 0 24px;
  background: #f9e3ea;
  margin-top: 23px;
}
@media screen and (max-width: 1024px) {
  .advance-box__entry {
    padding: 20px;
  }
}
@media screen and (max-width: 834px) {
  .advance-box__entry {
    margin-top: 0;
    padding: 14px 20px 20px;
  }
}
@media screen and (max-width: 374px) {
  .advance-box__entry {
    padding: 14px 15px 20px;
  }
}
.advance-box__entry-ttl {
  color: #CD1C7D;
  font-weight: 500;
  text-align: center;
  margin-bottom: 14px;
  font-size: 1.8rem;
}
@media screen and (max-width: 834px) {
  .advance-box__entry-ttl {
    margin-bottom: 8px;
    padding: 3px 10px;
    font-size: 1.2rem;
  }
}
.advance-box__entry-list {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 54px;
}
@media screen and (max-width: 834px) {
  .advance-box__entry-list {
    gap: 0;
    flex-wrap: wrap;
  }
}
.advance-box__entry-list-item {
  width: calc(50% - 27px);
}
@media screen and (max-width: 834px) {
  .advance-box__entry-list-item {
    width: 100%;
  }
  .advance-box__entry-list-item:not(:last-child) {
    margin-bottom: 10px;
  }
}
.advance-box__entry-list-ttl {
  background: #fff;
  padding: 4px 10px;
  color: #000;
  text-align: center;
  margin-bottom: -3px;
  font-size: 1.8rem;
}
@media screen and (max-width: 1024px) {
  .advance-box__entry-list-ttl {
    margin-bottom: 6px;
  }
}
@media screen and (max-width: 834px) {
  .advance-box__entry-list-ttl {
    font-size: 1.2rem;
  }
}
.advance-box__entry-list-desc {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #CD1C7D;
  font-family: "Jost", sans-serif;
  font-size: 2.2rem;
}
@media screen and (max-width: 1024px) {
  .advance-box__entry-list-desc {
    font-size: 2rem;
  }
}
@media screen and (max-width: 834px) {
  .advance-box__entry-list-desc {
    font-size: 1.2rem;
  }
}
.advance-box__entry-list-desc span {
  margin: 0 2px;
  font-size: 5rem;
}
@media screen and (max-width: 1024px) {
  .advance-box__entry-list-desc span {
    line-height: 1;
    font-size: 3.6rem;
  }
}
@media screen and (max-width: 834px) {
  .advance-box__entry-list-desc span {
    font-size: 2.8rem;
  }
}
.advance-box__entry-list-desc small {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 25px;
  height: 25px;
  padding: 3px;
  border-radius: 50%;
  background: #CD1C7D;
  color: #fff;
  margin: 0 4px;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.4rem;
}
@media screen and (max-width: 1024px) {
  .advance-box__entry-list-desc small {
    width: 20px;
    height: 20px;
    margin: 0 2px;
    font-size: 1.2rem;
  }
}
@media screen and (max-width: 834px) {
  .advance-box__entry-list-desc small {
    width: 18px;
    height: 18px;
    font-size: 1rem;
  }
}
.advance-box__flex {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  margin-bottom: 21px;
  margin-top: -86px;
}
@media screen and (max-width: 1024px) {
  .advance-box__flex {
    margin-top: -50px !important;
  }
}
@media screen and (max-width: 834px) {
  .advance-box__flex {
    flex-wrap: wrap;
    margin-bottom: 0;
    margin-top: 0 !important;
  }
}
.advance-box__flex-ct {
  width: 40%;
}
.advance-box__flex-ct .c-ttl__04 {
  margin-bottom: 8px;
}
@media screen and (max-width: 834px) {
  .advance-box__flex-ct .c-ttl__04 {
    margin-bottom: 14px;
  }
}
@media screen and (max-width: 834px) {
  .advance-box__flex-ct {
    width: 100%;
    margin-bottom: -5px;
  }
}
.advance-box__flex-img {
  width: 60%;
}
@media screen and (max-width: 834px) {
  .advance-box__flex-img {
    width: 100%;
  }
}
.advance-box__flex-img img {
  width: 100%;
}
.advance-box__flex-list {
  margin-bottom: 14px;
  margin-top: 29px;
  font-feature-settings: "palt" 1;
}
@media screen and (max-width: 834px) {
  .advance-box__flex-list {
    margin-bottom: 8px;
  }
}
.advance-box__flex-list-item {
  color: #211815;
  font-size: 2rem;
}
.advance-box__flex-list-item:not(:last-child) {
  margin-bottom: 15px;
}
@media screen and (max-width: 834px) {
  .advance-box__flex-list-item:not(:last-child) {
    margin-bottom: 2px;
  }
}
@media screen and (max-width: 834px) {
  .advance-box__flex-list-item {
    font-size: 1.4rem;
  }
}
.advance-box__flex-list-item span {
  color: #CD1C7D;
  font-weight: 500;
  margin-left: 10px;
  font-size: 3.2rem;
}
@media screen and (max-width: 834px) {
  .advance-box__flex-list-item span {
    font-size: 2rem;
  }
}
.advance-box__flex--02 {
  margin-bottom: 28px;
}
@media screen and (max-width: 834px) {
  .advance-box__flex--02 {
    flex-wrap: wrap-reverse;
  }
}
.advance-box__flex--02 .advance-box__flex-img {
  width: 51.75%;
}
@media screen and (max-width: 834px) {
  .advance-box__flex--02 .advance-box__flex-img {
    width: 100%;
    margin-bottom: 16px;
    padding-left: 15px;
    transform: translateX(6px);
  }
}
.advance-box__flex--02 .advance-box__flex-ct {
  margin-bottom: -9px;
  width: 48.25%;
}
@media screen and (max-width: 834px) {
  .advance-box__flex--02 .advance-box__flex-ct {
    width: 100%;
    margin-bottom: -14px;
  }
}
.advance-box__flex--03 {
  margin-top: 0px;
  margin-bottom: 0;
  align-items: flex-start;
}
.advance-box__flex--03 .advance-box__desc {
  margin-bottom: 0;
}
.advance-box__flex--03 .advance-box__flex-ct {
  width: 61%;
  padding-right: 20px;
}
@media screen and (max-width: 834px) {
  .advance-box__flex--03 .advance-box__flex-ct {
    width: 100%;
    padding-right: 0;
    margin-bottom: 39px;
  }
}
.advance-box__flex--03 .advance-box__flex-img {
  width: 39%;
}
@media screen and (max-width: 834px) {
  .advance-box__flex--03 .advance-box__flex-img {
    width: 100%;
  }
}
.advance-box__note {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background: #fff;
  border: 1px solid #cd1c7d;
  margin-top: 26px;
  font-feature-settings: "palt" 1;
}
@media screen and (max-width: 834px) {
  .advance-box__note {
    margin: 0;
    flex-wrap: wrap;
  }
}
.advance-box__note-ttl {
  width: 264px;
  background: #CD1C7D;
  font-size: 1.6rem;
  color: #fff;
  line-height: 1.5625;
  font-weight: 500;
  padding: 12px 10px 13px 78px;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .advance-box__note-ttl {
    padding: 20px 10px 20px 78px;
  }
}
@media screen and (max-width: 834px) {
  .advance-box__note-ttl {
    padding: 12px 10px 13px 68px;
    width: 100%;
    font-size: 1.2rem;
  }
}
@media screen and (max-width: 374px) {
  .advance-box__note-ttl {
    padding: 12px 10px 13px 59px;
  }
}
.advance-box__note-ttl:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 60px;
  height: 60px;
  background: url("../../img/opencampus/icon-note.png") center no-repeat;
  background-size: contain;
  top: 62%;
  left: 9px;
  transform: translateY(-50%);
}
@media screen and (max-width: 834px) {
  .advance-box__note-ttl:before {
    width: 30px;
    height: 30px;
    left: 33px;
    top: 59%;
  }
}
@media screen and (max-width: 374px) {
  .advance-box__note-ttl:before {
    left: 21px;
  }
}
.advance-box__note-desc {
  color: #211815;
  padding: 9px 28px;
  line-height: 1.75;
  width: calc(100% - 264px);
  font-size: 1.6rem;
}
@media screen and (max-width: 1024px) {
  .advance-box__note-desc {
    line-height: 1.6;
    padding: 9px 15px;
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 834px) {
  .advance-box__note-desc {
    padding: 12px 24px 17px;
    width: 100%;
    line-height: 1.667;
    font-size: 1.2rem;
  }
}
.advance-box__contact {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 36px -15px 0;
}
@media screen and (max-width: 1024px) {
  .advance-box__contact {
    margin: 35px -10px 0;
  }
}
@media screen and (max-width: 834px) {
  .advance-box__contact {
    margin: 34px -5px -6px;
  }
}
.advance-box__contact-item {
  width: 33.33%;
  text-align: center;
  padding: 0 15px;
}
@media screen and (max-width: 1024px) {
  .advance-box__contact-item {
    padding: 0 10px;
  }
}
@media screen and (max-width: 834px) {
  .advance-box__contact-item {
    padding: 0 5px;
  }
}
.advance-box__contact-item p {
  color: #CD1C7D;
  font-weight: 500;
  line-height: 1.444;
  font-size: 1.8rem;
}
@media screen and (max-width: 1024px) {
  .advance-box__contact-item p {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 834px) {
  .advance-box__contact-item p {
    line-height: 1.4;
    font-size: 1rem;
  }
}
.advance-box__contact-icon {
  margin-bottom: 12px;
}
@media screen and (max-width: 834px) {
  .advance-box__contact-icon {
    margin-bottom: 8px;
  }
}
.advance-box__contact-icon img {
  width: auto;
  height: 51px;
}
@media screen and (max-width: 834px) {
  .advance-box__contact-icon img {
    height: 35px;
  }
}

.sec-apply {
  padding: 82px 0 80px;
  background: #8E65A1;
}
@media screen and (max-width: 834px) {
  .sec-apply {
    padding: 56px 0 51px;
  }
}

.apply-heading {
  margin-bottom: 90px;
  text-align: center;
}
@media screen and (max-width: 834px) {
  .apply-heading {
    margin-bottom: 49px;
  }
}
.apply-heading span {
  display: inline-block;
  font-weight: 500;
  color: #fff;
  position: relative;
  font-size: 3rem;
}
@media screen and (max-width: 834px) {
  .apply-heading span {
    font-size: 1.8rem;
  }
}
.apply-heading span:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 436px;
  height: 84px;
  background: url("../../img/opencampus/bg-ttl.png") center no-repeat;
  background-size: contain;
  left: 51%;
  top: 80%;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 834px) {
  .apply-heading span:before {
    width: 262px;
    height: 50px;
  }
}

.apply-list {
  padding-left: 9px;
}
@media screen and (max-width: 374px) {
  .apply-list {
    padding-left: 0;
  }
}
.apply-list__item:not(:last-child) {
  margin-bottom: 57px;
}
@media screen and (max-width: 834px) {
  .apply-list__item:not(:last-child) {
    margin-bottom: 52px;
  }
}
.apply-list__item a {
  font-feature-settings: "palt" 1;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
}
@media screen and (max-width: 834px) {
  .apply-list__item a {
    flex-wrap: wrap;
    text-align: center;
    justify-content: center;
  }
}
.apply-list__item a small {
  width: 294px;
  display: block;
  margin-right: 6px;
  color: #fff;
  font-weight: 500;
  font-size: 2rem;
}
@media screen and (max-width: 834px) {
  .apply-list__item a small {
    width: 100%;
    margin-right: 11px;
    margin-bottom: 9px;
    text-align: center;
    font-size: 1.4rem;
  }
}
.apply-list__item a small img {
  margin-right: 3px;
  width: 41px;
}
@media screen and (max-width: 834px) {
  .apply-list__item a small img {
    width: 20px;
  }
}
.apply-list__item a > span {
  line-height: 1;
  color: #fff;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: calc(100% - 294px);
  font-weight: 500;
  font-family: "Jost", sans-serif;
  font-size: 4.8rem;
}
@media screen and (max-width: 1024px) {
  .apply-list__item a > span {
    font-size: 3.6rem;
  }
}
@media screen and (max-width: 834px) {
  .apply-list__item a > span {
    text-align: center;
    width: 100%;
    flex-wrap: wrap;
    justify-content: center;
    font-size: 2.6rem;
  }
}
.apply-list__item a > span > span {
  letter-spacing: -1px;
  font-size: 5.6rem;
}
@media screen and (max-width: 1024px) {
  .apply-list__item a > span > span {
    font-size: 3.6rem;
  }
}
@media screen and (max-width: 834px) {
  .apply-list__item a > span > span {
    line-height: 1;
    margin-top: 10px;
    font-size: 3.4rem;
  }
}
.apply-list__item a > span > span span {
  margin-left: 32px;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.8rem;
  display: inline-block;
  transform: translateY(-11px);
}
@media screen and (max-width: 1024px) {
  .apply-list__item a > span > span span {
    margin-left: 20px;
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 834px) {
  .apply-list__item a > span > span span {
    transform: translateY(0);
    margin-top: 7px;
    display: block;
    margin-left: 0;
    text-align: center;
    font-size: 1.2rem;
  }
}

.sec-event {
  padding: 95px 0 100px;
  background: rgb(222, 140, 167);
  background: linear-gradient(180deg, rgb(222, 140, 167) 15%, rgb(202, 105, 148) 100%);
}
@media screen and (max-width: 834px) {
  .sec-event {
    padding: 30px 0 39px;
  }
}

.event-box {
  background: #fff;
  border-radius: 28px;
  padding: 39px 20px 36px;
}
@media screen and (max-width: 834px) {
  .event-box {
    border-radius: 18px;
    padding: 16px 22px 27px;
  }
}
@media screen and (max-width: 374px) {
  .event-box {
    padding: 16px 12px 27px;
  }
}
.event-box__desc {
  text-align: center;
  margin-bottom: 37px;
  font-weight: 500;
  color: #000;
  line-height: 1.6428;
  font-size: 1.4rem;
}
@media screen and (max-width: 834px) {
  .event-box__desc {
    margin-bottom: 28px;
    line-height: 1.8333;
    text-align: left;
    font-size: 1.2rem;
  }
}
.event-box__desc span {
  display: block;
  margin-top: 16px;
  color: #F15A24;
  line-height: 1.7;
  font-size: 1rem;
}
@media screen and (max-width: 834px) {
  .event-box__desc span {
    line-height: 1.6;
  }
}
.event-box__list {
  max-width: 725px;
  width: 100%;
  margin: 0 auto 39px;
  font-feature-settings: "palt" 1;
}
@media screen and (max-width: 834px) {
  .event-box__list {
    margin: 0 auto 24px;
  }
}
.event-box__list-item {
  display: none;
}
.event-box__list-item:not(:last-child) {
  margin-bottom: 20px;
}
@media screen and (max-width: 834px) {
  .event-box__list-item:not(:last-child) {
    margin-bottom: 6px;
  }
}
.event-box__list-item a {
  min-height: 148px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #666666;
}
@media screen and (max-width: 834px) {
  .event-box__list-item a {
    min-height: 90px;
  }
}
.event-box__list-item.is-active {
  display: block;
}
.event-box__list-date {
  width: 161px;
  line-height: 1.2;
  background: rgb(222, 140, 167);
  background: linear-gradient(180deg, rgb(222, 140, 167) 15%, rgb(202, 105, 148) 100%);
  padding: 43px 29px 19px;
  color: #fff;
  font-family: "Jost", sans-serif;
  font-size: 1.4rem;
}
@media screen and (max-width: 834px) {
  .event-box__list-date {
    width: 80px;
    padding: 10px;
    font-size: 1rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
  }
}
@media screen and (max-width: 374px) {
  .event-box__list-date {
    width: 60px;
  }
}
.event-box__list-date > span {
  margin-top: 0;
  display: block;
  font-size: 3.6rem;
}
@media screen and (max-width: 834px) {
  .event-box__list-date > span {
    width: 100%;
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 374px) {
  .event-box__list-date > span {
    font-size: 1.7rem;
  }
}
.event-box__list-date > span span {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  font-size: 1.6rem;
}
@media screen and (max-width: 834px) {
  .event-box__list-date > span span {
    font-size: 1rem;
  }
}
.event-box__list-flex {
  width: calc(100% - 161px);
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 16px 25px 12px 31px;
}
@media screen and (max-width: 834px) {
  .event-box__list-flex {
    padding: 8px;
    width: calc(100% - 80px);
    flex-wrap: wrap;
    position: relative;
  }
}
@media screen and (max-width: 374px) {
  .event-box__list-flex {
    width: calc(100% - 60px);
  }
}
.event-box__list-ct {
  width: calc(100% - 118px);
}
@media screen and (max-width: 834px) {
  .event-box__list-ct {
    width: calc(100% - 80px);
  }
}
@media screen and (max-width: 834px) {
  .event-box__list-ct {
    width: 100%;
  }
}
.event-box__list-ttl {
  line-height: 1.2;
  font-weight: 500;
  margin-bottom: 2px;
  font-size: 2.4rem;
}
@media screen and (max-width: 834px) {
  .event-box__list-ttl {
    margin-bottom: 1px;
    font-size: 1.4rem;
  }
}
.event-box__list-ttl span {
  display: block;
  color: #F15A24;
  margin-bottom: 4px;
  font-size: 1.6rem;
}
@media screen and (max-width: 834px) {
  .event-box__list-ttl span {
    margin-bottom: 0;
    font-size: 1rem;
  }
}
.event-box__list-ttl small {
  display: inline-block;
  border-radius: 10px;
  margin-top: 2px;
  background: rgb(255, 255, 0);
  background: linear-gradient(90deg, rgb(255, 255, 0) 15%, rgb(242, 199, 72) 100%);
  padding: 4px 15px;
  letter-spacing: 0.9px;
  font-size: 1.2rem;
}
@media screen and (max-width: 834px) {
  .event-box__list-ttl small {
    border-radius: 4px;
    padding: 4px 6px;
    letter-spacing: 0;
    font-size: 0.7rem;
  }
}
.event-box__list-ttl strong {
  background: rgb(222, 140, 167);
  background: linear-gradient(180deg, rgb(222, 140, 167) 15%, rgb(202, 105, 148) 100%);
  display: inline-block;
  padding: 4px 17px;
  border-radius: 7px;
  transform: translateY(-5px);
  font-weight: 500;
  color: #fff;
  margin-left: 7px;
  font-size: 1.2rem;
}
@media screen and (max-width: 834px) {
  .event-box__list-ttl strong {
    padding: 3px 10px;
    border-radius: 4px;
    transform: translateY(-2px);
    font-size: 0.8rem;
  }
}
.event-box__list-time {
  color: #808080;
  font-weight: 500;
  font-size: 1.2rem;
}
@media screen and (max-width: 834px) {
  .event-box__list-time {
    font-size: 0.8rem;
  }
}
.event-box__list-time span {
  font-family: "Jost", sans-serif;
  margin-left: 15px;
  font-size: 2.4rem;
}
@media screen and (max-width: 834px) {
  .event-box__list-time span {
    margin-left: 4px;
    font-size: 1.5rem;
  }
}
.event-box__list-reserve {
  width: 118px;
  text-align: center;
  padding-top: 4px;
  font-size: 1.2rem;
}
@media screen and (max-width: 834px) {
  .event-box__list-reserve {
    display: inline-block;
    width: auto;
    position: absolute;
    right: 10px;
    bottom: 12px;
    letter-spacing: 0;
    padding-right: 21px;
    font-size: 0.8rem;
  }
  .event-box__list-reserve:after {
    content: "";
    display: inline-block;
    position: absolute;
    width: 16px;
    height: 16px;
    background: url("../../img/opencampus/icon-reserve.png") center no-repeat;
    background-size: contain;
    right: 0;
    top: 1px;
  }
}
.event-box__list-reserve small {
  display: block;
  background: #B3B3B3;
  border-radius: 20px;
  padding: 5px 10px;
  margin-bottom: 3px;
  color: #fff;
  font-weight: 500;
  font-size: 1.2rem;
}
@media screen and (max-width: 834px) {
  .event-box__list-reserve small {
    display: none;
  }
}
.event-box__list-reserve span {
  font-weight: 500;
  font-family: "Jost", sans-serif;
  margin-right: 4px;
}
@media screen and (max-width: 834px) {
  .event-box__list-reserve span {
    margin-right: 0;
  }
}

.advance-btn {
  font-size: 2rem;
  font-weight: 400;
  color: #fff;
  text-align: center;
  border-radius: 5px;
  background: #CD1C7D;
  padding: 20px;
  max-width: 600px;
  display: block;
  margin: 0 auto 30px;
  position: relative;
}
@media screen and (max-width: 834px) {
  .advance-btn {
    max-width: 400px;
    padding: 10px;
    font-size: 1.6rem;
    margin-bottom: 20px;
  }
}
.advance-btn span {
  display: inline-block;
  padding-left: 20px;
  position: relative;
}
.advance-btn span:before {
  position: absolute;
  content: "";
  width: 12px;
  height: 12px;
  top: calc(50% - 6px);
  left: 0;
  transform: rotate(45deg);
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
}
@media screen and (max-width: 834px) {
  .advance-btn span:before {
    width: 8px;
    height: 8px;
    top: calc(50% - 4px);
  }
}

.advance-link {
  font-size: 2rem;
}
@media screen and (max-width: 834px) {
  .advance-link {
    font-size: 1.6rem;
  }
}
.advance-link__list {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 10px;
}
.advance-link__list a {
  font-size: 1.4rem;
  padding: 5px 10px;
  color: #fff;
  background-color: #d9d9d9;
  border-radius: 15px;
}
.advance-link__list .active {
  background-color: #808080;
}

.sec-mv:before {
  content: "";
  background: rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}
.sec-mv__ttl {
  margin-bottom: 8px;
}
@media screen and (max-width: 834px) {
  .sec-mv__ttl {
    margin-bottom: 21px;
  }
}
.sec-mv__ttl > * {
  display: block;
}
.sec-mv__ttl > *.jp {
  font-size: 4.8rem;
  line-height: 1.6458333333;
  font-weight: 500;
  color: #fff;
}
@media screen and (max-width: 834px) {
  .sec-mv__ttl > *.jp {
    line-height: 1.2;
    margin-bottom: 10px;
  }
}
.sec-mv__ttl > *.c-ft--en {
  color: #fff;
  font-size: 1.8rem;
  line-height: 1.2;
}
.sec-mv__img img {
  width: 100%;
  min-height: 625px;
  object-fit: cover;
}
.sec-mv .inner {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  right: 0;
  z-index: 2;
  text-align: center;
}
.sec-mv--02 .inner {
  top: 80px;
}
@media screen and (max-width: 1024px) {
  .sec-mv--02 .inner {
    top: 50px;
  }
}
.sec-mv--02::before {
  display: none;
}
.sec-mv--02 .inner {
  position: relative;
  top: 0;
  transform: translateY(0);
}
.sec-mv--02 .sec-mv__ttl {
  text-align: left;
  margin-bottom: 10px;
}
.sec-mv--02 .sec-mv__ttl .jp {
  color: #211815;
}
@media screen and (max-width: 834px) {
  .sec-mv--02 .sec-mv__ttl .jp {
    font-size: 2.4rem;
    line-height: 1.4;
  }
}
.sec-mv--02 .sec-mv__ttl .c-ft--en {
  color: #999;
}
@media screen and (max-width: 834px) {
  .sec-mv--02 .sec-mv__ttl .c-ft--en {
    font-size: 1.2rem;
  }
}
@media screen and (max-width: 640px) {
  .sec-mv--02 .sec-mv__img {
    position: relative;
    z-index: 2;
    margin-bottom: -8px;
  }
}
.sec-mv--02 .sec-mv__img img {
  min-height: 228px;
}
.sec-mv--job {
  padding-bottom: 64px;
}
.sec-mv--job::before {
  display: none;
}
@media screen and (max-width: 834px) {
  .sec-mv--job {
    padding-top: 8px;
    padding-bottom: 29px;
  }
}
.sec-mv--job .inner {
  position: relative;
  top: 0;
  transform: translateY(0);
}
.sec-mv--job .sec-mv__img {
  max-width: 994px;
  margin: 0 auto;
  padding: 0 17px;
}
.sec-mv--job .sec-mv__img img {
  min-height: 228px;
}
.sec-mv--job .sec-mv__ttl {
  text-align: left;
  margin-bottom: 76px;
}
@media screen and (max-width: 834px) {
  .sec-mv--job .sec-mv__ttl {
    margin-bottom: 35px;
  }
}
.sec-mv--job .sec-mv__ttl .jp {
  color: #211815;
}
@media screen and (max-width: 834px) {
  .sec-mv--job .sec-mv__ttl .jp {
    font-size: 2.4rem;
    line-height: 1.4;
  }
}
.sec-mv--job .sec-mv__ttl .c-ft--en {
  color: #999;
}
@media screen and (max-width: 834px) {
  .sec-mv--job .sec-mv__ttl .c-ft--en {
    font-size: 1.2rem;
  }
}

.sec-school {
  padding: 55px 0 119px;
  color: #211815;
}
@media screen and (max-width: 834px) {
  .sec-school {
    padding: 29px 0 73px;
  }
}
.sec-school__ttl {
  font-size: 2rem;
  font-weight: 500;
  margin-bottom: 20px;
}

.school-heading {
  font-size: 1.5rem;
  line-height: 2.2666666667;
  text-align: center;
  margin-bottom: 99px;
}
@media screen and (max-width: 640px) {
  .school-heading {
    font-size: 1.2rem;
    font-weight: 500;
    text-align: left;
    border-bottom: 5px #E5E5E5 solid;
    padding-bottom: 24px;
    margin-bottom: 28px;
  }
  .school-heading p {
    line-height: 2.08;
  }
}
.school-heading__ttl {
  text-align: center;
  line-height: 1.667;
  margin-bottom: 25px;
}
@media screen and (max-width: 834px) {
  .school-heading__ttl {
    font-size: 2.4rem;
    line-height: 1.5833333333;
    margin-bottom: 21px;
  }
}
@media screen and (max-width: 640px) {
  .school-heading__ttl {
    text-align: left;
  }
}

.school-column {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 42px 0;
  margin: 0 -19px;
}
@media screen and (max-width: 834px) {
  .school-column {
    margin: 0 -10px;
    gap: 34px 0;
  }
}
.school-column__item {
  width: 50%;
  padding: 0 19px;
}
@media screen and (max-width: 834px) {
  .school-column__item {
    padding: 0 10px;
  }
}
@media screen and (max-width: 640px) {
  .school-column__item {
    width: 100%;
  }
}
.school-column__item--02 .school-column__img {
  border: 2px rgba(77, 77, 77, 0.5) solid;
}
.school-column__ttl {
  font-size: 3.1rem;
  font-weight: 400;
  color: #fff;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  top: 40%;
  width: 100%;
  text-align: center;
  z-index: 2;
}
@media screen and (max-width: 834px) {
  .school-column__ttl {
    font-size: 1.6rem;
  }
}
.school-column__img {
  position: relative;
  overflow: hidden;
}
.school-column__img::before {
  content: "";
  padding-top: 65%;
  display: block;
}
.school-column__img img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  left: 0;
  top: 0;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.school-column__wrap {
  display: block;
  position: relative;
}
.school-column__wrap:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  top: 0;
  left: 0;
  z-index: 2;
}
.school-column__wrap:after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 100%;
  height: 55px;
  background: rgba(0, 0, 0, 0.4);
  bottom: 0;
  left: 0;
  z-index: 2;
}
@media screen and (max-width: 834px) {
  .school-column__wrap:after {
    height: 50px;
  }
}
.school-column__wrap:hover .school-column__img img {
  -webkit-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}
.school-column__btn {
  font-size: 1.2rem;
  line-height: 1.3333333333;
  font-weight: 500;
  position: absolute;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0 6px;
  bottom: 20px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 4;
  color: #fff;
}
@media screen and (max-width: 834px) {
  .school-column__btn {
    font-size: 1.2rem;
    bottom: 17px;
  }
}
.school-column__btn:after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 12px;
  height: 6.5px;
  background: #fff;
  clip-path: polygon(0 0, 0% 100%, 100% 50%);
  position: relative;
}
.school-column--small .school-column__ttl {
  font-size: 2rem;
}
@media screen and (max-width: 834px) {
  .school-column--small .school-column__ttl {
    font-size: 1.6rem;
  }
}
.school-column--small .school-column__btn {
  font-size: 1rem;
}
@media screen and (max-width: 834px) {
  .school-column--small .school-column__btn {
    font-size: 1.2rem;
  }
}
@media screen and (max-width: 834px) {
  .school-column--small .school-column__img {
    margin-bottom: 14px;
  }
}
.school-column--small .school-column__img::before {
  padding-top: 67.4876847291%;
}
@media screen and (max-width: 834px) {
  .school-column--small .school-column__img::before {
    padding-top: 67.3846153846%;
  }
}

.sec-school-map {
  padding-top: 68px;
  padding-bottom: 93px;
}
@media screen and (max-width: 834px) {
  .sec-school-map {
    padding-top: 43px;
    padding-bottom: 38px;
  }
}
.sec-school-map__brief {
  font-size: 1.4rem;
  line-height: 1.5;
  font-weight: 500;
  margin-bottom: 10px;
}

.map-block:not(:last-child) {
  margin-bottom: 110px;
}
@media screen and (max-width: 834px) {
  .map-block:not(:last-child) {
    margin-bottom: 28px;
  }
}
.map-block__ct {
  max-width: 850px;
  margin: 0 auto;
}
.map-block__default iframe {
  width: 100%;
  height: 537px;
}
@media screen and (max-width: 834px) {
  .map-block__default iframe {
    height: 205px;
  }
}
.map-block__img {
  margin-bottom: 64px;
}
@media screen and (max-width: 834px) {
  .map-block__img {
    margin-bottom: 28px;
  }
}
.map-block__flex {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (min-width: 835px) {
  .map-block__flex > *:first-child {
    width: 280px;
  }
  .map-block__flex > *:nth-child(2) {
    width: calc(100% - 315px);
  }
}
@media screen and (max-width: 834px) {
  .map-block__flex > * {
    width: 100%;
  }
  .map-block__flex > *:not(:last-child) {
    margin-bottom: 12px;
  }
}
.map-block__list {
  font-size: 2rem;
  line-height: 1.9;
  font-weight: 500;
  color: #211815;
}
@media screen and (max-width: 834px) {
  .map-block__list {
    font-size: 1.4rem;
    line-height: 1.7857142857;
  }
}
.map-block__list-item:not(:last-child) {
  margin-bottom: 23px;
}
@media screen and (max-width: 834px) {
  .map-block__list-item:not(:last-child) {
    margin-bottom: 12px;
  }
}
.map-block__list-ttl {
  border: 1px solid #5F76B3;
  border-radius: 0 50px 50px 0;
  border-left-width: 0;
  padding: 4px 0 4px 6px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (max-width: 834px) {
  .map-block__list-ttl {
    padding: 8px 0 6px 4px;
  }
}
.map-block__list-ttl .ico {
  width: 30px;
  line-height: 0;
}
.map-block__list-ttl .txt {
  width: calc(100% - 45px);
}
@media screen and (max-width: 834px) {
  .map-block__list-ttl .txt {
    width: calc(100% - 37px);
  }
}
.map-block__list-ttl.txt-blue {
  color: #6380BD;
}
.map-block__list-ct {
  padding: 16px 0 0 53px;
}
.map-block__list-ct .c-fc--pink {
  color: #E6366E !important;
}
@media screen and (max-width: 834px) {
  .map-block__list-ct {
    padding: 11px 0 0 43px;
  }
}
.map-block__ttl {
  font-size: 2.8rem;
  margin-bottom: 46px;
  padding-top: 8px;
}
@media screen and (max-width: 834px) {
  .map-block__ttl {
    font-size: 2rem;
    text-align: center;
    margin-bottom: 22px;
    padding-top: 18px;
  }
}
.map-block__ttl::before {
  display: none;
}

.sec-school-about {
  padding-top: 67px;
  padding-bottom: 93px;
  color: #211815;
}
@media screen and (max-width: 834px) {
  .sec-school-about {
    padding-top: 34px;
    padding-bottom: 60px;
  }
}

.about-info {
  margin-bottom: 88px;
}
@media screen and (max-width: 834px) {
  .about-info {
    margin-bottom: 35px;
  }
}
.about-info .c-ttl__02--line {
  padding: 13px 54px 0;
  margin-bottom: 30px;
}
@media screen and (max-width: 834px) {
  .about-info .c-ttl__02--line {
    text-align: center;
    padding: 33px 0 0;
    margin-bottom: 25px;
  }
}
.about-info__list {
  padding: 0 54px;
}
@media screen and (max-width: 834px) {
  .about-info__list {
    padding: 0;
    font-size: 1.1rem;
  }
}
.about-info__list-item {
  border-bottom: 1px solid #E6E6E6;
  padding: 10px 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (max-width: 834px) {
  .about-info__list-item {
    padding: 8px 0 13px;
  }
}
.about-info__list-item:first-child {
  border-top: 1px solid #E6E6E6;
}
.about-info__list-dt {
  width: 148px;
  font-weight: 500;
}
@media screen and (max-width: 834px) {
  .about-info__list-dt {
    width: 62px;
  }
}
.about-info__list-dd {
  width: calc(100% - 148px);
}
@media screen and (max-width: 834px) {
  .about-info__list-dd {
    width: calc(100% - 62px);
  }
}

.about-person {
  margin-bottom: 85px;
}
@media screen and (max-width: 834px) {
  .about-person {
    margin-bottom: 28px;
  }
}
.about-person .c-ttl__02--line {
  margin-bottom: 41px;
}
@media screen and (max-width: 834px) {
  .about-person .c-ttl__02--line {
    text-align: center;
    padding-top: 28px;
    margin-bottom: 18px;
  }
}
.about-person .c-ttl__02 {
  font-family: "Noto Sans JP", sans-serif;
  letter-spacing: 5px;
}
@media screen and (max-width: 834px) {
  .about-person .c-ttl__02 {
    font-size: 2rem;
    letter-spacing: 0;
  }
}
.about-person__flex {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (min-width: 835px) {
  .about-person__flex {
    padding-right: 55px;
  }
}
.about-person__info {
  width: 280px;
  font-size: 1rem;
  line-height: 1.4;
}
@media screen and (max-width: 640px) {
  .about-person__info {
    width: 100%;
    text-align: center;
    margin-bottom: 32px;
  }
}
.about-person__info-img {
  margin-bottom: 12px;
}
@media screen and (max-width: 640px) {
  .about-person__info-img {
    margin-bottom: 17px;
  }
  .about-person__info-img img {
    height: 82vw;
  }
}
.about-person__info-ct p:not(:last-child) {
  margin-bottom: 5px;
}
@media screen and (max-width: 834px) {
  .about-person__info-ct p:not(:last-child) {
    margin-bottom: 3px;
  }
}
.about-person__info-ttl {
  margin-bottom: 5px;
}
.about-person__desc {
  width: calc(100% - 348px);
  margin-top: -6px;
}
@media screen and (max-width: 640px) {
  .about-person__desc {
    width: 100%;
  }
}
.about-person__desc-ttl {
  margin-bottom: 17px;
}
@media screen and (max-width: 834px) {
  .about-person__desc-ttl {
    margin-bottom: 13px;
  }
}
.about-person__desc .c-txt__01 {
  line-height: 2;
}
@media screen and (max-width: 834px) {
  .about-person__desc .c-txt__01 {
    line-height: 1.833;
  }
}
.about-person__career {
  font-size: 1.2rem;
  line-height: 2;
  border-top: 1px solid #333;
  margin-top: 32px;
  padding-top: 27px;
}
@media screen and (max-width: 834px) {
  .about-person__career {
    font-size: 1.1rem;
    line-height: 1.6363636364;
  }
}
.about-person__career-dt {
  color: #D2476F;
  margin-bottom: 5px;
}
.about-person__career-dt::before {
  content: "■";
}
@media screen and (max-width: 834px) {
  .about-person__career-dd {
    letter-spacing: 1px;
  }
}

.about-block:not(:last-child) {
  margin-bottom: 86px;
}
@media screen and (max-width: 834px) {
  .about-block:not(:last-child) {
    margin-bottom: 32px;
  }
}
.about-block .c-ttl__02 {
  font-family: "Noto Sans JP", sans-serif;
}
@media screen and (max-width: 834px) {
  .about-block .c-ttl__02 {
    font-size: 2rem;
  }
}
.about-block .c-ttl__02--line {
  margin-bottom: 44px;
}
@media screen and (max-width: 834px) {
  .about-block .c-ttl__02--line {
    text-align: center;
    margin-bottom: 22px;
  }
}
.about-block__ct {
  padding: 0 55px;
}
@media screen and (max-width: 834px) {
  .about-block__ct {
    padding: 0;
  }
}
.about-block__heading:not(:last-child) {
  margin-bottom: 43px;
}
@media screen and (max-width: 834px) {
  .about-block__heading:not(:last-child) {
    margin-bottom: 20px;
  }
}
.about-block__heading-ttl {
  margin-bottom: 14px;
}
@media screen and (max-width: 834px) {
  .about-block__heading-ttl {
    margin-bottom: 20px;
  }
}
.about-block__heading .c-txt__01 {
  line-height: 2;
}
@media screen and (max-width: 834px) {
  .about-block__heading .c-txt__01 {
    line-height: 1.833;
  }
}
.about-block__heading-sttl {
  font-size: 1.8rem;
  line-height: 2;
}
@media screen and (max-width: 834px) {
  .about-block__heading-sttl {
    font-size: 1.1rem;
    line-height: 2;
  }
}
.about-block__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 46px 35px;
  font-size: 1.4rem;
  line-height: 2;
}
@media screen and (max-width: 834px) {
  .about-block__list {
    font-size: 1.2rem;
    line-height: 1.6666666667;
    gap: 24px;
  }
}
@media screen and (max-width: 640px) {
  .about-block__list {
    grid-template-columns: 1fr;
  }
}
.about-block__list-ttl {
  font-size: 2.4rem;
  line-height: 1.3333333333;
  color: #3D90B3;
  margin-bottom: 16px;
}
@media screen and (max-width: 834px) {
  .about-block__list-ttl {
    font-size: 2rem;
    margin-bottom: 12px;
  }
}
.about-block__list-img {
  position: relative;
  margin-bottom: 12px;
}
@media screen and (max-width: 834px) {
  .about-block__list-img {
    margin-bottom: 9px;
  }
}
.about-block__list-f {
  min-width: 44px;
  min-height: 44px;
  background: #3D90B3;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: white;
  font-family: "Jost", sans-serif;
  font-size: 2.3rem;
  line-height: 1;
  position: absolute;
  left: 0;
  top: 0;
}
@media screen and (max-width: 834px) {
  .about-block__list-f {
    min-width: 35px;
    min-height: 35px;
    font-size: 1.835rem;
  }
}

.scroll-box {
  min-height: 100px;
}
@media screen and (max-width: 1024px) {
  .scroll-box {
    min-height: 74px;
  }
}
@media screen and (max-width: 834px) {
  .scroll-box {
    min-height: 52px;
  }
}
.scroll-box__list {
  background: #74B4E3;
  border-radius: 0 0 20px 20px;
  padding: 34px 40px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (max-width: 1024px) {
  .scroll-box__list {
    padding: 20px;
    border-radius: 0 0 10px 10px;
  }
}
@media screen and (max-width: 834px) {
  .scroll-box__list {
    padding: 10px 20px;
  }
}
.scroll-box__list-item {
  margin-right: 40px;
}
@media screen and (max-width: 834px) {
  .scroll-box__list-item {
    margin-right: 20px;
  }
}
.scroll-box__list-item a {
  color: #fff;
  font-weight: 500;
  padding-left: 20px;
  position: relative;
}
@media screen and (max-width: 834px) {
  .scroll-box__list-item a {
    padding-left: 15px;
  }
}
.scroll-box__list-item a:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 16px;
  height: 16px;
  background: url(../../img/2024/school/map/icon-arrow.png) no-repeat 50%/contain;
  left: 0;
  top: 4px;
}
@media screen and (max-width: 834px) {
  .scroll-box__list-item a:before {
    width: 8px;
    height: 8px;
  }
}
.scroll-box__list-item a.active::before {
  background: url(../../img/2024/school/map/icon-arrow02.png) no-repeat 50%/contain;
}
.scroll-box__list-item:last-child {
  margin-right: 0;
}
.scroll-box.is-active .scroll-box__list {
  position: fixed;
  top: 90px;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 9;
}
@media screen and (max-width: 1024px) {
  .scroll-box.is-active .scroll-box__list {
    top: 50px;
  }
}
.scroll-box--02 .scroll-box__list {
  padding: 14px 22% 14px 62px;
}
@media screen and (max-width: 1245px) {
  .scroll-box--02 .scroll-box__list {
    padding: 20px;
  }
}
@media screen and (max-width: 834px) {
  .scroll-box--02 .scroll-box__list {
    padding: 10px 20px;
  }
}
.scroll-box--02 .scroll-box__list-item {
  margin-bottom: 4px;
}
.scroll-box--02 .scroll-box__list-item:nth-child(5) {
  min-width: 212px;
}
@media screen and (max-width: 834px) {
  .scroll-box--02 .scroll-box__list-item:nth-child(5) {
    min-width: inherit;
  }
}
@media screen and (max-width: 834px) {
  .scroll-box--02 .scroll-box__list-item {
    margin-bottom: 0;
  }
}

.sec-news {
  padding-top: 82px;
  padding-bottom: 144px;
}
@media screen and (max-width: 834px) {
  .sec-news {
    padding-top: 30px;
    padding-bottom: 48px;
  }
}

.news-list {
  margin-bottom: 60px;
}
@media screen and (max-width: 834px) {
  .news-list {
    margin-bottom: 26px;
  }
}
.news-list__item {
  border-bottom: 1px solid #CCCCCC;
}
.news-list__item:first-child {
  border-top: 1px solid #CCCCCC;
}
.news-list__wrap {
  display: block;
  color: inherit;
  padding: 21px 57px;
}
@media screen and (max-width: 834px) {
  .news-list__wrap {
    padding: 18px 9px 15px;
  }
}
.news-list__date {
  font-family: "Jost", sans-serif;
  font-size: 1.3rem;
  line-height: 1;
  display: block;
  margin-bottom: 22px;
}
@media screen and (max-width: 834px) {
  .news-list__date {
    font-size: 1rem;
    margin-bottom: 15px;
  }
}
.news-list__ttl {
  min-height: 21px;
  font-size: 1.6rem;
  line-height: 1.25;
  font-family: "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "Meiryo", "メイリオ", "MS Pゴシック", Arial, Helvetica, Verdana, sans-serif;
  padding-left: 25px;
  position: relative;
}
@media screen and (max-width: 834px) {
  .news-list__ttl {
    font-size: 1.3rem;
    line-height: 1.2307692308;
    padding-left: 19px;
  }
}
.news-list__ttl:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 22px;
  height: 22px;
  background: url(../../img/2024/news/ico-arrow.png) no-repeat center/contain;
  left: 0;
  top: -3px;
}
@media screen and (max-width: 834px) {
  .news-list__ttl:before {
    width: 17px;
    height: 17px;
    left: -1px;
    top: 0px;
  }
}

.wp-pagenavi {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #B3B3B3;
  font-family: "Jost", sans-serif;
  font-size: 1.6rem;
  line-height: 1;
  position: relative;
  padding: 0 84px;
}
@media screen and (max-width: 834px) {
  .wp-pagenavi {
    font-size: 1.3rem;
    line-height: 1;
    padding: 0 70px;
  }
}
.wp-pagenavi > *:not(.nextpostslink, .previouspostslink)::after {
  content: "/";
  color: #B3B3B3;
  margin: 0 8px;
}
.wp-pagenavi .current {
  color: black;
}
.wp-pagenavi .nextpostslink {
  font-family: "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "Meiryo", "メイリオ", "MS Pゴシック", Arial, Helvetica, Verdana, sans-serif;
  color: black;
  position: absolute;
  right: 81px;
  top: 0;
}
@media screen and (max-width: 834px) {
  .wp-pagenavi .nextpostslink {
    right: 15px;
    top: 2px;
  }
}
.wp-pagenavi .nextpostslink:after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 5px;
  height: 3px;
  background: currentColor;
  right: -26px;
  top: 50%;
  transform: translateY(-50%);
  clip-path: polygon(0 0, 0% 100%, 100% 50%);
}

.sec-news-detail {
  padding: 150px 0 107px;
}
@media screen and (max-width: 834px) {
  .sec-news-detail {
    padding: 29px 0 33px;
  }
}

.news-detail__ttl {
  font-size: 2.7rem;
  line-height: 2.0740740741;
  text-align: center;
  margin-bottom: 74px;
}
@media screen and (max-width: 834px) {
  .news-detail__ttl {
    font-size: 2.4rem;
    line-height: 1.8666666667;
    margin-bottom: 19px;
  }
}
.news-detail__ct {
  font-size: 1.4rem;
  line-height: 2;
  margin-bottom: 131px;
}
@media screen and (max-width: 834px) {
  .news-detail__ct {
    font-size: 1.2rem;
    line-height: 1.8666666667;
    margin-bottom: 52px;
  }
}
.news-detail__ct ol, .news-detail__ct ul, .news-detail__ct p, .news-detail__ct blockquote {
  margin-block-start: 1em;
  margin-block-end: 1em;
}
.news-detail__ct ul {
  padding-inline-start: 40px;
}
@media screen and (max-width: 834px) {
  .news-detail__ct ul {
    padding-inline-start: 20px;
  }
}
.news-detail__ct ul li {
  position: relative;
  padding-left: 15px;
}
.news-detail__ct ul li::before {
  content: "●";
  position: absolute;
  left: 0;
  top: 0;
}
.news-detail__ct ol {
  padding-left: 55px;
}
@media screen and (max-width: 834px) {
  .news-detail__ct ol {
    padding-inline-start: 35px;
  }
}
.news-detail__ct ol li {
  list-style-type: decimal;
}
.news-detail__ct h1, .news-detail__ct h2, .news-detail__ct h3, .news-detail__ct h4, .news-detail__ct h5, .news-detail__ct h6 {
  font-weight: bold;
  unicode-bidi: isolate;
}
.news-detail__ct h1 {
  font-size: 3em;
  margin-block-start: 0.67em;
  margin-block-end: 0.67em;
}
@media screen and (max-width: 834px) {
  .news-detail__ct h1 {
    font-size: 2em;
  }
}
.news-detail__ct h2 {
  font-size: 2.25em;
  margin-block-start: 0.83em;
  margin-block-end: 0.83em;
}
@media screen and (max-width: 834px) {
  .news-detail__ct h2 {
    font-size: 1.5em;
  }
}
.news-detail__ct h3 {
  font-size: 1.75em;
  margin-block-start: 1em;
  margin-block-end: 1em;
}
@media screen and (max-width: 834px) {
  .news-detail__ct h3 {
    font-size: 1.17em;
  }
}
.news-detail__ct h4 {
  font-size: 1.5em;
  margin-block-start: 1.33em;
  margin-block-end: 1.33em;
}
@media screen and (max-width: 834px) {
  .news-detail__ct h4 {
    font-size: 1em;
  }
}
.news-detail__ct h5 {
  font-size: 1.245em;
  margin-block-start: 1.67em;
  margin-block-end: 1.67em;
}
@media screen and (max-width: 834px) {
  .news-detail__ct h5 {
    font-size: 0.83em;
  }
}
.news-detail__ct h6 {
  font-size: 1em;
  margin-block-start: 2.33em;
  margin-block-end: 2.33em;
}
@media screen and (max-width: 834px) {
  .news-detail__ct h6 {
    font-size: 0.67em;
  }
}
.news-detail__ct a {
  color: -webkit-link;
  cursor: pointer;
  text-decoration: underline;
}
.news-detail__ct del {
  text-decoration: line-through;
}
.news-detail__ct blockquote {
  margin-inline-start: 40px;
  margin-inline-end: 40px;
  unicode-bidi: isolate;
}
@media screen and (max-width: 834px) {
  .news-detail__ct blockquote {
    padding-inline-start: 20px;
    margin-inline-end: 20px;
  }
}
.news-detail__btn {
  font-size: 1.4rem;
  line-height: 2;
  text-align: center;
  display: block;
}
@media screen and (max-width: 834px) {
  .news-detail__btn {
    font-size: 1.3rem;
    line-height: 1.7230769231;
  }
}

#page-2024_subject_index .sec-mv {
  height: 90vh;
}
#page-2024_subject_index .sec-mv__img {
  height: 90vh;
}
#page-2024_subject_index .sec-mv__img img {
  height: 100%;
  min-height: auto;
}

.sec-subject {
  padding-top: 72px;
  padding-bottom: 216px;
}
@media screen and (max-width: 834px) {
  .sec-subject {
    padding-top: 81px;
    padding-bottom: 87px;
  }
}
.sec-subject .inner {
  max-width: 994px;
}

.subject-heading {
  margin-bottom: 82px;
  color: #211815;
}
@media screen and (max-width: 834px) {
  .subject-heading {
    margin-bottom: 40px;
  }
}
.subject-heading__ttl {
  font-size: 3rem;
  line-height: 1.6666666667;
  font-weight: 500;
  margin-bottom: 21px;
}
@media screen and (max-width: 834px) {
  .subject-heading__ttl {
    margin-bottom: 17px;
  }
}
.subject-heading__ttl > * {
  display: block;
}
.subject-heading__ttl small {
  font-size: 2rem;
  margin-bottom: 4px;
}
@media screen and (max-width: 834px) {
  .subject-heading__ttl small {
    display: none;
  }
}
@media screen and (max-width: 834px) {
  .subject-heading__ttl-xl {
    text-align: center;
    font-size: 2rem;
  }
}
.subject-heading .c-txt__04 {
  margin-bottom: 9px;
}
@media screen and (max-width: 834px) {
  .subject-heading .c-txt__04 {
    margin-bottom: 11px;
    letter-spacing: -1px;
  }
}
@media screen and (max-width: 834px) {
  .subject-heading .c-txt__03 {
    line-height: 1.8;
  }
}

.subject-column {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  counter-reset: number;
  gap: 119px 11%;
}
@media screen and (max-width: 834px) {
  .subject-column {
    gap: 60px 8%;
  }
}
@media screen and (max-width: 640px) {
  .subject-column {
    grid-template-columns: 1fr;
    gap: 44px 5%;
  }
}
.subject-column__item {
  display: grid;
  grid-template-rows: subgrid;
  gap: 0;
  grid-row: 2 span;
  color: #5A9FD5;
}
.subject-column__item:nth-child(-n+9) .subject-column__ttl-jp::before {
  content: "0" counter(number);
}
.subject-column__item._pink {
  color: #D8758D;
}
.subject-column__item._purple {
  color: #B77FAE;
}
.subject-column__item._green {
  color: #81B75D;
}
.subject-column__item._orange {
  color: #E39A3E;
}
.subject-column__ttl {
  margin-bottom: 14px;
}
.subject-column__ttl-jp {
  position: relative;
  display: block;
  font-size: 3.866rem;
  font-weight: 500;
  border-bottom: 1px solid currentColor;
  padding-bottom: 31px;
  margin-bottom: 13px;
  padding-left: 90px;
}
@media screen and (max-width: 1245px) {
  .subject-column__ttl-jp {
    font-size: 2.4rem;
    padding-bottom: 16px;
    margin-bottom: 16px;
    padding-left: 63px;
  }
}
@media screen and (max-width: 374px) {
  .subject-column__ttl-jp {
    font-size: 2.2rem;
    padding-left: 55px;
  }
}
.subject-column__ttl-jp::before {
  counter-increment: number;
  content: counter(number);
  position: absolute;
  font-weight: 300;
  left: 0;
  top: 0;
  font-size: 6.283rem;
  line-height: 0.3819831291;
  line-height: 1;
  font-family: "Jost", sans-serif;
}
@media screen and (max-width: 1245px) {
  .subject-column__ttl-jp::before {
    font-size: 4rem;
  }
}
@media screen and (max-width: 374px) {
  .subject-column__ttl-jp::before {
    top: -3px;
  }
}
.subject-column__ttl-en {
  font-size: 1.933rem;
  line-height: 1.5519917227;
  font-family: "Jost", sans-serif;
}
@media screen and (max-width: 1245px) {
  .subject-column__ttl-en {
    font-size: 1.4rem;
  }
}
.subject-column__img {
  position: relative;
  overflow: hidden;
}
@media screen and (min-width: 835px) {
  .subject-column__img {
    padding: 0 10px 10px 0;
  }
}
.subject-column__img:after {
  content: "";
  display: inline-block;
  position: absolute;
  width: calc(100% - 10px);
  height: calc(100% - 10px);
  background: currentColor;
  left: 14px;
  top: 14px;
  z-index: 1;
}
@media screen and (max-width: 834px) {
  .subject-column__img:after {
    width: 100%;
    height: 100%;
  }
}
.subject-column__img img {
  position: relative;
  z-index: 4;
  width: 100%;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.subject-column a:hover img {
  -webkit-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}

.sec-user {
  padding: 69px 0 110px;
}
@media screen and (max-width: 834px) {
  .sec-user {
    padding: 31px 0 42px;
  }
}

.user-block__ttl {
  color: #1F1815;
}
@media screen and (max-width: 834px) {
  .user-block__ttl {
    font-size: 2.4rem;
    line-height: 1.5833333333;
    margin-bottom: 21px;
  }
  .user-block__ttl::before {
    display: none;
  }
}
.user-block__area {
  color: #211815;
  min-height: 686px;
  margin-bottom: 56px;
}
@media screen and (max-width: 834px) {
  .user-block__area {
    min-height: auto;
  }
}
.user-block__area h2, .user-block__area h3, .user-block__area h4, .user-block__area h5 {
  font-weight: 500;
  letter-spacing: 0.12rem;
}
.user-block__area h2 {
  font-size: 1.8rem;
}
.user-block__area h3 {
  font-size: 1.7rem;
}
.user-block__area h4 {
  font-size: 1.6rem;
}
.user-block__area h5 {
  font-size: 1.5rem;
}
.user-block__area p {
  line-height: 1.8;
  font-weight: 400;
  padding: 0 23px;
  margin-bottom: 30px;
}
@media screen and (max-width: 834px) {
  .user-block__area p {
    padding: 0;
    font-weight: 500;
    line-height: 2.08;
    margin-bottom: 15px;
  }
}
.user-block__area ul {
  padding-left: 20px;
}
.user-block__area ul li {
  list-style-type: circle;
}
.user-block__area ol {
  padding-left: 20px;
}
.user-block__area ol li {
  list-style-type: decimal;
}
.user-block__btn {
  font-weight: 400;
}

.sec-saitamacp-index {
  padding-bottom: 55px;
}
@media screen and (max-width: 834px) {
  .sec-saitamacp-index {
    padding-bottom: 46px;
  }
}

.saitamacp-heading {
  text-align: center;
  margin-bottom: 40px;
}
@media screen and (max-width: 834px) {
  .saitamacp-heading {
    margin-bottom: 29px;
  }
}
.saitamacp-heading__logo {
  margin-bottom: 48px;
}
@media screen and (max-width: 834px) {
  .saitamacp-heading__logo {
    margin-bottom: 41px;
  }
}
@media screen and (max-width: 834px) {
  .saitamacp-heading__logo img {
    width: 248px;
  }
}
.saitamacp-heading__desc {
  font-size: 2rem;
  line-height: 1.5;
}
@media screen and (max-width: 834px) {
  .saitamacp-heading__desc {
    font-size: 1.4rem;
    line-height: 1.5714285714;
  }
}

.saitamacp-column {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 40px;
}
@media screen and (max-width: 640px) {
  .saitamacp-column {
    grid-template-columns: 1fr;
    gap: 31px;
  }
}
.saitamacp-column__wrap {
  background: #D55973;
  border-radius: 12px;
  display: block;
  height: 100%;
  color: white;
  text-align: center;
  padding: 13px 0 23px;
}
.saitamacp-column__wrap.blue {
  background: #3071B7;
}
@media screen and (max-width: 834px) {
  .saitamacp-column__wrap {
    padding: 9px 0 14px;
    border-radius: 7px;
  }
}
.saitamacp-column__ttl {
  font-size: 4.156rem;
  line-height: 1.2848893167;
  text-align: center;
  margin-bottom: -12px;
}
@media screen and (max-width: 990px) {
  .saitamacp-column__ttl {
    font-size: 2.6rem;
    margin-bottom: -7px;
  }
}
.saitamacp-column__ttl .c-ft--en {
  font-size: 6.8rem;
}
@media screen and (max-width: 990px) {
  .saitamacp-column__ttl .c-ft--en {
    font-size: 4rem;
  }
}
.saitamacp-column__sttl {
  font-size: 2.2rem;
  margin-bottom: 18px;
}
@media screen and (max-width: 834px) {
  .saitamacp-column__sttl {
    font-size: 1.4rem;
    margin-bottom: 9px;
  }
}
.saitamacp-column__img {
  margin-bottom: 23px;
}
@media screen and (max-width: 834px) {
  .saitamacp-column__img {
    margin-bottom: 15px;
  }
}
.saitamacp-column__btn > span {
  position: relative;
  font-size: 2.4rem;
  line-height: 1.75;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 14px;
}
@media screen and (max-width: 990px) {
  .saitamacp-column__btn > span {
    font-size: 1.4rem;
    gap: 11px;
  }
}
.saitamacp-column__btn > span:after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 30px;
  height: 30px;
  background: url(../../img/index_page14/ico-arrow.png) no-repeat center/contain;
  position: relative;
}
@media screen and (max-width: 990px) {
  .saitamacp-column__btn > span:after {
    width: 18px;
    height: 18px;
  }
}

.sec-price {
  padding: 69px 0 76px;
}
@media screen and (max-width: 834px) {
  .sec-price {
    padding: 35px 0 46px;
  }
  .sec-price .inner--850 {
    padding: 0;
  }
}
.sec-price__ttl {
  color: #1F1815;
}
@media screen and (max-width: 834px) {
  .sec-price__ttl {
    font-size: 1.992rem;
    margin-bottom: 30px;
  }
}

.price-ttl {
  color: #1F1815;
  border-top: 5px solid #E5E5E5;
  position: relative;
  padding-top: 10px;
  margin-bottom: 27px;
}
@media screen and (max-width: 834px) {
  .price-ttl {
    margin-bottom: 23px;
  }
}
.price-ttl:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 140px;
  height: 5px;
  background: #BF516F;
  left: 0;
  top: -5px;
}
@media screen and (max-width: 640px) {
  .price-ttl:before {
    width: 50px;
  }
}
.price-ttl > span {
  font-size: 2.4rem;
  font-weight: 500;
  margin-right: 11px;
}
@media screen and (max-width: 834px) {
  .price-ttl > span {
    font-size: 1.992rem;
  }
}
.price-ttl small {
  font-size: 1.4rem;
  font-weight: 400;
}
@media screen and (max-width: 834px) {
  .price-ttl small {
    font-size: 1.162rem;
  }
}
@media screen and (max-width: 640px) {
  .price-ttl small {
    display: block;
  }
}

.price-box {
  border: 5px rgba(116, 180, 227, 0.2) solid;
  padding: 15px;
  text-align: center;
  margin-bottom: 14px;
}
@media screen and (max-width: 640px) {
  .price-box {
    padding: 10px;
    margin-bottom: 28px;
  }
}
.price-box__ttl {
  color: #85B4E0;
  margin-bottom: 6px;
}
@media screen and (max-width: 834px) {
  .price-box__ttl {
    font-size: 1.992rem;
  }
}
.price-box__txt {
  line-height: 1.75;
  color: #85B4E0;
}
@media screen and (max-width: 834px) {
  .price-box__txt {
    font-size: 1.162rem;
    line-height: 1.5;
  }
}
.price-box p {
  color: #211815;
  line-height: 1.75;
}
@media screen and (max-width: 834px) {
  .price-box p {
    font-size: 1rem;
  }
}

.table-price {
  color: #211815;
  width: 100%;
  margin-bottom: 12px;
}
@media screen and (max-width: 834px) {
  .table-price {
    font-size: 1rem;
    margin-bottom: 15px;
  }
}
.table-price thead tr th {
  width: 36.25%;
  padding: 2px;
  text-align: center;
}
@media screen and (max-width: 834px) {
  .table-price thead tr th {
    padding: 1px;
  }
}
@media screen and (max-width: 640px) {
  .table-price thead tr th {
    width: 39.5%;
  }
}
.table-price thead tr th:first-child {
  width: 27.5%;
}
@media screen and (max-width: 640px) {
  .table-price thead tr th:first-child {
    width: 21%;
  }
}
.table-price thead tr th span {
  display: block;
  background: #85B4E0;
  color: #fff;
  font-weight: 500;
  text-align: center;
  padding: 7px 0;
}
@media screen and (max-width: 640px) {
  .table-price thead tr th span {
    padding: 0;
    line-height: 1.8;
  }
}
.table-price tbody tr td {
  padding: 2px;
  width: 36.25%;
  text-align: center;
  font-weight: 500;
}
@media screen and (max-width: 834px) {
  .table-price tbody tr td {
    padding: 1px;
  }
}
@media screen and (max-width: 640px) {
  .table-price tbody tr td {
    width: 39.5%;
    line-height: 2;
  }
}
.table-price tbody tr td span {
  padding: 20px 0;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 640px) {
  .table-price tbody tr td span {
    padding: 5px 0;
  }
}
.table-price tbody tr td .number {
  font-size: 1.6rem;
  line-height: 1;
  display: inline-block;
  vertical-align: middle;
  width: 22px;
  height: 22px;
  font-weight: 400;
  border-radius: 50%;
  padding: 0;
  color: #fff;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-top: -4px;
  margin-right: 5px;
  margin-left: -27px;
}
@media screen and (max-width: 834px) {
  .table-price tbody tr td .number {
    font-size: 1rem;
    width: 12px;
    height: 12px;
    margin-left: -17px;
  }
}
@media screen and (max-width: 640px) {
  .table-price tbody tr td .number {
    margin-top: -2px;
    margin-right: 3px;
    margin-left: -15px;
  }
}
.table-price tbody tr td .number-plus {
  margin-left: 0;
}
.table-price tbody tr td .plus {
  margin-top: -4px;
  margin-right: 5px;
}
@media screen and (max-width: 640px) {
  .table-price tbody tr td .plus {
    margin-right: 3px;
  }
}
.table-price tbody tr td:first-child {
  width: 27.5%;
}
@media screen and (max-width: 640px) {
  .table-price tbody tr td:first-child {
    width: 21%;
  }
}
.table-price tbody tr td:first-child span {
  display: block;
  background: #E5E5E6;
}
.table-price tbody tr td:nth-child(2) {
  border-right: 1px #888 dotted;
  border-bottom: 1px #888 dotted;
  font-size: 2.4rem;
  font-family: "Jost", sans-serif;
}
@media screen and (max-width: 834px) {
  .table-price tbody tr td:nth-child(2) {
    font-size: 1.1rem;
  }
}
.table-price tbody tr td:last-child {
  border-bottom: 1px #888 dotted;
  font-size: 2.4rem;
  font-family: "Jost", sans-serif;
}
@media screen and (max-width: 834px) {
  .table-price tbody tr td:last-child {
    font-size: 1.1rem;
  }
}
.table-price tbody tr:nth-last-child(2) td:nth-child(2), .table-price tbody tr:nth-last-child(2) td:last-child {
  border-bottom: none;
}
.table-price tbody tr:last-child td span {
  padding: 15px 0;
}
@media screen and (max-width: 640px) {
  .table-price tbody tr:last-child td span {
    padding: 5px 0;
  }
}
.table-price tbody tr:last-child td .number {
  padding: 0;
}
.table-price tbody tr:last-child td:first-child span {
  color: #fff;
  font-size: 2rem;
}
@media screen and (max-width: 834px) {
  .table-price tbody tr:last-child td:first-child span {
    font-size: 1rem;
  }
}
.table-price tbody tr:last-child td:nth-child(2), .table-price tbody tr:last-child td:last-child {
  border: none;
}
.table-price tbody tr:last-child td.table-price__bg::before {
  height: calc(100% - 4px);
}
@media screen and (max-width: 834px) {
  .table-price tbody tr:last-child td.table-price__bg::before {
    height: calc(100% - 2px);
  }
}
.table-price tbody tr:last-child td.table-price__bg .c-fc--red {
  padding-left: 10px;
}
@media screen and (max-width: 834px) {
  .table-price tbody tr:last-child td.table-price__bg .c-fc--red {
    padding-left: 0;
  }
}
.table-price__bg {
  position: relative;
}
.table-price__bg:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: calc(100% - 6px);
  height: calc(100% - 6px);
  background: rgba(116, 180, 227, 0.2);
  top: 3px;
  left: 3px;
}
@media screen and (max-width: 834px) {
  .table-price__bg:before {
    top: 1px;
    left: 1px;
    width: calc(100% - 3px);
    height: calc(100% - 3px);
  }
}

.price-list {
  margin-bottom: 92px;
}
@media screen and (max-width: 640px) {
  .price-list {
    margin-bottom: 38px;
  }
}
.price-list__item {
  position: relative;
  line-height: 1.6;
  padding-left: 37px;
  margin-bottom: 6px;
}
@media screen and (max-width: 834px) {
  .price-list__item {
    font-size: 1.162rem;
    line-height: 1.6;
    padding-left: 0;
    margin-bottom: 10px;
  }
}
.price-list__item .number {
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (max-width: 834px) {
  .price-list__item .number {
    position: relative;
  }
}
.price-list__item ul li {
  position: relative;
  padding-left: 20px;
}
@media screen and (max-width: 834px) {
  .price-list__item ul li {
    padding-left: 0;
  }
}
.price-list__item ul li .number {
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (max-width: 834px) {
  .price-list__item ul li .number {
    position: relative;
  }
}

.sec-procedure {
  padding: 67px 0 76px;
}
@media screen and (max-width: 834px) {
  .sec-procedure {
    padding: 36px 0 25px;
  }
}
.sec-procedure__ttl {
  color: #1F1815;
  margin-bottom: 27px;
}
@media screen and (max-width: 834px) {
  .sec-procedure__ttl {
    padding-top: 11px;
    margin-bottom: 21px;
  }
}
.sec-procedure__btn {
  font-size: 1.4rem;
}

.procedure-list {
  color: #211815;
  margin-bottom: 96px;
}
@media screen and (max-width: 834px) {
  .procedure-list {
    font-size: 1.4rem;
    margin-bottom: 35px;
  }
}
.procedure-list__item {
  margin-bottom: 32px;
}
@media screen and (max-width: 834px) {
  .procedure-list__item {
    margin-bottom: 11px;
  }
}
.procedure-list__item-ttl {
  font-size: 1.8rem;
  font-weight: 500;
  margin-left: -8px;
  margin-bottom: 3px;
}
@media screen and (max-width: 834px) {
  .procedure-list__item-ttl {
    margin-left: -11px;
  }
}
@media screen and (max-width: 374px) {
  .procedure-list__item-ttl {
    font-size: 1.6rem;
  }
}
.procedure-list__item-txt {
  padding-left: 23px;
  line-height: 1.357;
}
@media screen and (max-width: 834px) {
  .procedure-list__item-txt {
    line-height: 1.8;
    padding-left: 30px;
  }
}
.procedure-list__item-txt p {
  margin-bottom: 6px;
}
.procedure-list__item-txt ol {
  counter-reset: section;
}
.procedure-list__item-txt ol li {
  padding-left: 20px;
  position: relative;
  margin-bottom: 9px;
}
@media screen and (max-width: 834px) {
  .procedure-list__item-txt ol li {
    margin-bottom: 2px;
  }
}
.procedure-list__item-txt ol li::before {
  counter-increment: section;
  content: "(" counter(section) ")";
  position: absolute;
  top: 0;
  left: 0;
}
.procedure-list__item-txt ul li {
  padding-left: 15px;
  position: relative;
  margin-bottom: 5px;
}
@media screen and (max-width: 834px) {
  .procedure-list__item-txt ul li {
    margin-bottom: 2px;
  }
}
.procedure-list__item-txt ul li::before {
  content: "○";
  position: absolute;
  top: 0;
  left: 0;
}

.sec-other {
  padding: 67px 0 76px;
}
@media screen and (max-width: 834px) {
  .sec-other {
    padding: 35px 0 36px;
  }
}
.sec-other__ttl {
  color: #1F1815;
  margin-bottom: 42px;
}
@media screen and (max-width: 834px) {
  .sec-other__ttl {
    padding-top: 13px;
    margin-bottom: 10px;
  }
}
.sec-other__flex {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
@media screen and (max-width: 834px) {
  .sec-other__flex {
    flex-wrap: wrap;
  }
}
.sec-other__txt {
  min-width: 50%;
}
.sec-other__comment {
  max-width: 500px;
  display: flex;
  align-items: end;
}
@media screen and (max-width: 834px) {
  .sec-other__comment {
    padding-left: calc(95% - 500px);
  }
}
@media screen and (max-width: 640px) {
  .sec-other__comment {
    padding-left: 20%;
  }
}
.sec-other__subttl {
  color: #85B4E0;
  margin-bottom: 10px;
  position: relative;
  padding-left: 1.9rem;
}
@media screen and (max-width: 834px) {
  .sec-other__subttl {
    padding-left: 1.7rem;
  }
}
.sec-other__subttl:before {
  content: "";
  display: inline-block;
  width: 1.4rem;
  height: 1.4rem;
  background: #85B4E0;
  position: absolute;
  top: 30%;
  left: 0;
}
@media screen and (max-width: 834px) {
  .sec-other__subttl:before {
    width: 1.2rem;
    height: 1.2rem;
  }
}
@media screen and (max-width: 834px) {
  .sec-other__subttl__btn {
    font-size: 1.3rem;
  }
}
.sec-other .other-block__item {
  margin-bottom: 68px;
}
@media screen and (max-width: 834px) {
  .sec-other .other-block__item {
    margin-bottom: 30px;
  }
  .sec-other .other-block__item:last-child {
    margin-bottom: 12px;
  }
}
.sec-other .other-block__ttl {
  color: #211815;
  font-weight: 500;
  font-size: 1.8rem;
  margin-left: -10px;
  margin-bottom: 6px;
}
@media screen and (max-width: 834px) {
  .sec-other .other-block__ttl {
    font-size: 1.5rem;
  }
  .sec-other .other-block__ttl span {
    font-size: 1.2rem;
  }
}
.sec-other p {
  color: #211815;
  font-size: 1.5rem;
  margin-bottom: 15px;
}
@media screen and (max-width: 834px) {
  .sec-other p {
    font-size: 1.3rem;
    line-height: 1.2130769231;
    margin-bottom: 18px;
  }
}
.sec-other__wrap {
  color: #211815;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.sec-other__wrap-item {
  width: calc(50% - 15px);
}
@media screen and (max-width: 834px) {
  .sec-other__wrap-item {
    width: 100%;
  }
}

.table-other {
  width: 100%;
  line-height: 1.5;
}
@media screen and (max-width: 834px) {
  .table-other {
    margin-bottom: 32px;
  }
}
.table-other thead tr th {
  color: #fff;
  font-weight: 400;
  text-align: center;
  padding: 9px 0;
}
@media screen and (max-width: 834px) {
  .table-other thead tr th {
    padding: 7px 0;
  }
}
.table-other thead tr:first-child th:first-child {
  width: 47%;
  border-right: 1px #fff solid;
}
.table-other thead tr:first-child th:nth-child(2) {
  width: 36%;
  border-bottom: 1px #fff dotted;
}
.table-other thead tr:first-child th:last-child {
  width: 17%;
  border-left: 1px #fff solid;
}
.table-other thead tr:last-child th {
  font-size: 1rem;
  line-height: 1.4;
}
@media screen and (max-width: 834px) {
  .table-other thead tr:last-child th {
    font-size: 0.788rem;
  }
}
.table-other thead tr:last-child th:first-child {
  border-right: 1px #fff dotted;
}
.table-other tbody tr td {
  text-align: center;
  padding: 10px 5px;
  border-bottom: 1px #888 dotted;
  border-right: 1px #888 dotted;
}
@media screen and (max-width: 834px) {
  .table-other tbody tr td {
    padding: 7px 0;
  }
}
.table-other tbody tr td:last-child {
  border-right: none;
}
.table-other tbody tr td.c-al--l {
  padding-left: 12px;
}
.table-other tbody tr:first-child td:first-child {
  width: 9%;
  writing-mode: vertical-lr;
  border: none;
  border-bottom: 1px solid #888;
}
@media screen and (max-width: 640px) {
  .table-other tbody tr:first-child td:first-child {
    padding: 7px 10px;
    max-width: 29px;
    writing-mode: lr;
  }
}
.table-other tbody tr:first-child td:nth-child(2) {
  width: 38%;
}
.table-other tbody tr:first-child td:nth-child(3), .table-other tbody tr:first-child td:nth-child(4) {
  width: 18%;
}
.table-other tbody tr:first-child td:last-child {
  width: 17%;
}
.table-other tbody tr:last-child {
  border-bottom: 1px #888 solid;
}
.table-other--02 thead tr:first-child th:first-child {
  width: 64%;
  border-right: 1px #fff solid;
}
.table-other--02 thead tr:first-child th:nth-child(2) {
  width: 18%;
  border-bottom: 1px #fff dotted;
}
.table-other--02 thead tr:first-child th:last-child {
  width: 18%;
  border-left: 1px #fff solid;
}
.table-other--02 thead tr:last-child th {
  font-size: 1.2rem;
}
@media screen and (max-width: 834px) {
  .table-other--02 thead tr:last-child th {
    font-size: 1rem;
  }
}
.table-other--02 tbody tr:first-child td:first-child {
  width: 9%;
  writing-mode: vertical-lr;
  border: none;
}
@media screen and (max-width: 640px) {
  .table-other--02 tbody tr:first-child td:first-child {
    padding: 7px 10px;
    max-width: 29px;
    writing-mode: lr;
  }
}
.table-other--02 tbody tr:first-child td:nth-child(2) {
  width: 55%;
}
.table-other--02 tbody tr:first-child td:nth-child(3) {
  width: 18%;
}
.table-other--02 tbody tr:first-child td:last-child {
  width: 18%;
}
.table-other__blue {
  background: rgba(90, 159, 213, 0.2);
}
.table-other__pink {
  background: rgba(216, 117, 141, 0.2);
}
.table-other__purple {
  background: rgba(182, 127, 173, 0.2);
  color: #B67FAD;
  writing-mode: vertical-lr;
}
@media screen and (max-width: 640px) {
  .table-other__purple {
    padding: 7px 10px !important;
    max-width: 29px;
    writing-mode: lr;
  }
}
.table-other__green {
  background: rgba(129, 183, 93, 0.2);
  writing-mode: vertical-lr;
}
@media screen and (max-width: 640px) {
  .table-other__green {
    padding: 7px 10px !important;
    max-width: 29px;
    writing-mode: lr;
  }
}
.table-other__orange {
  background: rgba(227, 154, 62, 0.2);
  writing-mode: vertical-lr;
}
@media screen and (max-width: 640px) {
  .table-other__orange {
    padding: 7px 10px !important;
    max-width: 29px;
    writing-mode: lr;
  }
}
.table-other__border {
  border-bottom: 1px #888 solid;
}
.table-other__border + tr td:first-child {
  border: none;
}
.table-other__border--02 td {
  border-right: 1px #888 dotted !important;
}
.table-other__bordersp {
  border-bottom: 1px #888 solid !important;
}

.sec-support {
  color: #211815;
  font-weight: 500;
  padding: 70px 0 76px;
}
@media screen and (max-width: 834px) {
  .sec-support {
    padding: 35px 0 36px;
  }
}
.sec-support__ttl {
  margin-bottom: 35px;
}
@media screen and (max-width: 834px) {
  .sec-support__ttl {
    padding-top: 13px;
    margin-bottom: 18px;
  }
}
.sec-support__lead {
  color: #211815;
  display: inline-block;
  font-size: 1.6rem;
  font-weight: 500;
  background: #E3EFF0;
  padding: 0 19px 9px;
  border-radius: 10px;
  margin-bottom: 22px;
}
@media screen and (max-width: 834px) {
  .sec-support__lead {
    font-size: 1.328rem;
    padding: 0 13px 9px;
    margin-bottom: 26px;
  }
}
@media screen and (max-width: 640px) {
  .sec-support__lead {
    display: block;
  }
}
.sec-support__lead span {
  font-size: 1.8rem;
}
@media screen and (max-width: 834px) {
  .sec-support__lead span {
    font-size: 1.494rem;
  }
}
.sec-support__lead span.c-ft--en {
  font-size: 3.8rem;
  line-height: 0.8;
  padding-top: 6px;
  display: inline-block;
  vertical-align: bottom;
}
@media screen and (max-width: 834px) {
  .sec-support__lead span.c-ft--en {
    font-size: 3.154rem;
  }
}
.sec-support__lead small {
  font-size: 1.2rem;
}
@media screen and (max-width: 834px) {
  .sec-support__lead small {
    font-size: 1rem;
  }
}
.sec-support__txt {
  text-align: center;
  font-weight: 500;
  font-size: 1.3rem;
  border: 1px #211815 solid;
  color: #211815;
  padding: 4px 10px;
  margin-bottom: 28px;
}
@media screen and (max-width: 834px) {
  .sec-support__txt {
    font-size: 1.079rem;
    padding: 5px 10px 7px;
    margin-bottom: 35px;
  }
}
@media screen and (max-width: 834px) {
  .sec-support__txt02 {
    font-size: 1.328rem;
  }
}

.table-support {
  width: 100%;
  margin-bottom: 7px;
}
@media screen and (max-width: 834px) {
  .table-support {
    margin-bottom: 21px;
  }
}
.table-support tr th {
  color: #fff;
  background: #4CAEB0;
  font-weight: 500;
  text-align: center;
  padding: 4px 0;
}
@media screen and (max-width: 834px) {
  .table-support tr th {
    font-size: 1.162rem;
  }
}
.table-support tr th:first-child {
  width: 29%;
  border-right: 1px #fff solid;
}
@media screen and (max-width: 834px) {
  .table-support tr th:first-child {
    width: 39%;
  }
}
.table-support tr th:last-child {
  width: 71%;
}
@media screen and (max-width: 834px) {
  .table-support tr th:last-child {
    width: 61%;
  }
}
.table-support tr td {
  border-bottom: 1px #888 solid;
}
.table-support tr td:first-child {
  border-right: 1px #888 dotted;
}
@media screen and (max-width: 834px) {
  .table-support tr td:first-child {
    padding: 16px 0;
  }
}
.table-support tr td:first-child p {
  font-size: 1.3rem;
  line-height: 1.3846153846;
  border-bottom: 1px #888 dotted;
  padding: 0 6px 5px;
  margin-bottom: 6px;
}
@media screen and (max-width: 834px) {
  .table-support tr td:first-child p {
    font-size: 1.079rem;
    padding: 0 0 5px 12px;
  }
}
.table-support tr td:nth-child(2) {
  padding: 33px 0 28px 25px;
}
@media screen and (max-width: 834px) {
  .table-support tr td:nth-child(2) {
    padding: 12px 0 13px 16px;
  }
}
.table-support tr td:nth-child(2) p {
  font-size: 1.6rem;
  line-height: 1.625;
}
@media screen and (max-width: 834px) {
  .table-support tr td:nth-child(2) p {
    font-size: 1.328rem;
    line-height: 1.5;
    margin-bottom: 5px;
  }
}
.table-support tr td:nth-child(2) p small {
  font-size: 1.3rem;
  line-height: 1.3846153846;
}
@media screen and (max-width: 834px) {
  .table-support tr td:nth-child(2) p small {
    font-size: 1.079rem;
  }
}
.table-support tr td:nth-child(2) ul {
  line-height: 1.3;
}
.table-support tr td:nth-child(2) .txt-list {
  line-height: 1.6;
}
.table-support tr td:nth-child(2) .txt-list .dot {
  font-size: 10px;
  padding: 1px 2px;
}
.table-support tr td:nth-child(2) .txt-list--02 .dot {
  padding: 5px 4px 4px;
}
.table-support tr td:nth-child(2) .bg span {
  background: rgba(211, 83, 93, 0.2);
  padding-left: 2px;
}
.table-support tr:nth-child(2n) td:first-child {
  background: #E3EFF0;
}
.table-support__ttl {
  text-align: center;
  font-weight: 500;
  line-height: 1.4;
  margin-bottom: 3px;
}
@media screen and (max-width: 834px) {
  .table-support__ttl {
    font-size: 1.162rem;
  }
}
.table-support__ttl .c-ft--en {
  font-size: 3rem;
}
@media screen and (max-width: 834px) {
  .table-support__ttl .c-ft--en {
    font-size: 2.49rem;
  }
}
.table-support__txt {
  text-align: center;
  font-size: 1.5rem;
  font-weight: 500;
  padding-bottom: 2px;
}
@media screen and (max-width: 834px) {
  .table-support__txt {
    font-size: 1.245rem;
  }
}
.table-support__txt span {
  font-size: 1.9rem;
}
@media screen and (max-width: 834px) {
  .table-support__txt span {
    font-size: 1.577rem;
  }
}
.table-support__txt small {
  font-size: 1.1rem;
}
@media screen and (max-width: 834px) {
  .table-support__txt small {
    font-size: 1rem;
  }
}

.txt-list {
  font-size: 1.3rem;
  line-height: 1.3846153846;
}
@media screen and (max-width: 834px) {
  .txt-list {
    font-size: 1.079rem;
    line-height: 1.4;
  }
}
.txt-list__item {
  padding-left: 14px;
  position: relative;
}
@media screen and (max-width: 834px) {
  .txt-list__item {
    padding-left: 12px;
    margin-bottom: -2px;
  }
}
.txt-list__item .dot {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 1px;
}
.txt-list__item.bg .dot {
  line-height: 1.5;
  padding: 0 1px;
}
.txt-list__item.bg span {
  background: rgba(211, 83, 93, 0.2);
  padding-left: 2px;
}
.txt-list--02 {
  font-size: 1.6rem;
  line-height: 1.625;
}
@media screen and (max-width: 834px) {
  .txt-list--02 {
    font-size: 1.328rem;
  }
}
.txt-list--02 li {
  padding-left: 18px;
}
@media screen and (max-width: 834px) {
  .txt-list--02 li .dot {
    padding: 3px 4px !important;
  }
}
.txt-list--03 {
  font-size: 1.4rem;
  line-height: 1.3571428571;
}
@media screen and (max-width: 834px) {
  .txt-list--03 {
    font-size: 1.162rem;
  }
}

.support-list {
  margin-bottom: 10px;
}
.support-list__item {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.support-list__item-ttl {
  padding: 15px 0;
  width: 89px;
  margin-right: 5px;
  color: #fff;
  font-weight: 500;
  font-size: 1.4rem;
  text-align: center;
  line-height: 1;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  flex-direction: column;
}
@media screen and (max-width: 834px) {
  .support-list__item-ttl {
    width: 74px;
    font-size: 1.162rem;
    border-bottom: 2px #fff solid;
  }
}
.support-list__item-ttl span {
  font-size: 3.4rem;
}
@media screen and (max-width: 834px) {
  .support-list__item-ttl span {
    font-size: 2.822rem;
  }
}
.support-list__item-ct {
  padding: 18px 0 25px 18px;
  width: calc(100% - 95px);
  border-bottom: 1px #888 solid;
}
@media screen and (max-width: 834px) {
  .support-list__item-ct {
    width: calc(100% - 79px);
    padding: 20px 0 14px 14px;
  }
}
@media screen and (max-width: 834px) {
  .support-list__item-ct .txt-list {
    line-height: 1.8;
  }
}
.support-list__item-lead {
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.4;
}
@media screen and (max-width: 834px) {
  .support-list__item-lead {
    font-size: 1.666rem;
    line-height: 1;
    margin-bottom: 17px;
  }
}
.support-list__item-lead .c-ft--en {
  font-size: 3rem;
}
@media screen and (max-width: 834px) {
  .support-list__item-lead .c-ft--en {
    font-size: 2.49rem;
  }
}
.support-list__item p {
  line-height: 1.5;
}
@media screen and (max-width: 834px) {
  .support-list__item p {
    font-size: 1.328rem;
  }
}
@media screen and (max-width: 834px) {
  .support-list__item-txt {
    font-size: 1.236rem;
    line-height: 1.4;
    margin-bottom: 5px;
  }
}
.support-list__item:first-child .support-list__item-ct {
  border-top: 1px #888 solid;
}

.support-wrap {
  margin-bottom: 96px;
}
@media screen and (max-width: 834px) {
  .support-wrap {
    font-size: 1.328rem;
    margin-bottom: 10px;
  }
}
.support-wrap__item {
  margin-bottom: 30px;
}
@media screen and (max-width: 834px) {
  .support-wrap__item {
    margin-bottom: 18px;
  }
}
.support-wrap__item-ttl {
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.4;
  margin-bottom: 5px;
}
@media screen and (max-width: 834px) {
  .support-wrap__item-ttl {
    font-size: 1.66rem;
  }
}
.support-wrap__item-txt {
  line-height: 1.4;
}
.support-wrap__item-txt p {
  margin-bottom: 8px;
}
@media screen and (max-width: 834px) {
  .support-wrap__item-txt p {
    margin-bottom: 31px;
  }
}
.support-wrap__item-txt span {
  font-weight: 500;
}

.sec-mv--job .sec-mv__img {
  position: relative;
}

.sec-mv__img-human {
  position: absolute;
  top: 20%;
  left: 0;
  display: flex;
  align-items: end;
  justify-content: center;
}
@media screen and (max-width: 834px) {
  .sec-mv__img-human {
    top: 14%;
    flex-wrap: wrap;
  }
}

.delay-time03 {
  animation-delay: 0.3s;
}
@media screen and (max-width: 834px) {
  .delay-time03 {
    width: 30%;
  }
}

.delay-time05 {
  animation-delay: 0.5s;
}
@media screen and (max-width: 834px) {
  .delay-time05 {
    width: 23%;
    margin-right: 1%;
  }
}

.delay-time07 {
  animation-delay: 0.7s;
}
@media screen and (max-width: 834px) {
  .delay-time07 {
    width: 24.3%;
  }
}

.delay-time09 {
  animation-delay: 0.9s;
}
@media screen and (max-width: 834px) {
  .delay-time09 {
    width: 24.3%;
  }
}

.delay-time11 {
  animation-delay: 1.1s;
}
@media screen and (max-width: 834px) {
  .delay-time11 {
    width: 31%;
  }
}

.box {
  opacity: 0;
}

.fadeUp {
  animation-name: fadeUpAnime;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  opacity: 0;
}

@keyframes fadeUpAnime {
  from {
    opacity: 0;
    transform: translateY(100px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.sec-job-course {
  counter-reset: number;
  color: #211815;
}

.job-course {
  background: rgba(90, 159, 213, 0.2);
  padding: 67px 0 102px;
}
@media screen and (max-width: 834px) {
  .job-course {
    padding: 31px 0 37px;
  }
}
.job-course._pink {
  background: rgba(216, 117, 141, 0.2);
}
.job-course._pink .job-course__heading {
  margin-bottom: 0;
}
@media screen and (min-width: 835px) {
  .job-course._pink .job-course__heading-img {
    margin-top: -13px;
    width: 253px;
  }
}
.job-course._pink .job-course__heading-ttl {
  color: #D8758D;
}
.job-course._pink .job-course__explanation-ttl {
  background: #D8758D;
}
.job-course._pink .job-course__explanation-list dl dt {
  color: #D8758D;
}
.job-course._pink .job-course__list-ttl, .job-course._pink .job-course__list-txt {
  color: #D8758D;
}
.job-course._purple {
  background: rgba(183, 127, 174, 0.2);
}
@media screen and (min-width: 835px) {
  .job-course._purple .job-course__heading-img {
    margin-top: -13px;
    width: 253px;
  }
}
.job-course._purple .job-course__heading-ttl {
  color: #B77FAE;
}
.job-course._purple .job-course__explanation-ttl {
  background: #B77FAE;
}
.job-course._purple .job-course__explanation-list dl dt {
  color: #B77FAE;
}
.job-course._purple .job-course__list-ttl, .job-course._purple .job-course__list-txt {
  color: #B77FAE;
}
.job-course._purple .job-course__list-course {
  background: #B77FAE;
}
.job-course._purple .job-course__list-txt:after {
  background: #B77FAE;
}
.job-course._purple .job-course__list-txt a {
  color: #B77FAE;
}
.job-course._green {
  background: rgba(129, 183, 93, 0.2);
}
@media screen and (min-width: 835px) {
  .job-course._green .job-course__heading-img {
    margin-top: -13px;
    width: 253px;
  }
}
.job-course._green .job-course__heading-ttl {
  color: #81B75D;
}
.job-course._green .job-course__explanation-ttl {
  background: #81B75D;
}
@media screen and (min-width: 991px) {
  .job-course._green .job-course__explanation-ttl {
    width: 83px;
  }
}
@media screen and (min-width: 991px) {
  .job-course._green .job-course__explanation-list {
    width: calc(100% - 90px);
  }
}
.job-course._green .job-course__explanation-list dl dt {
  color: #81B75D;
}
.job-course._green .job-course__list-ttl, .job-course._green .job-course__list-txt {
  color: #81B75D;
}
.job-course._green .job-course__list-course {
  background: #81B75D;
}
.job-course._green .job-course__list-txt:after {
  background: #81B75D;
}
.job-course._green .job-course__list-txt a {
  color: #81B75D;
}
.job-course._orange {
  background: rgba(227, 154, 62, 0.2);
}
@media screen and (min-width: 835px) {
  .job-course._orange .job-course__heading-img {
    margin-top: -13px;
    width: 253px;
  }
}
.job-course._orange .job-course__heading-ttl, .job-course._orange .job-course__heading-txt {
  color: #E39A3E;
}
.job-course._orange .job-course__explanation-ttl {
  background: #E39A3E;
}
.job-course._orange .job-course__explanation-list dl dt {
  color: #E39A3E;
}
.job-course._orange .job-course__list-ttl, .job-course._orange .job-course__list-txt {
  color: #E39A3E;
}
.job-course._orange .job-course__list-course {
  background: #E39A3E;
}
.job-course._orange .job-course__list-txt:after {
  background: #E39A3E;
}
.job-course._orange .job-course__list-txt a {
  color: #E39A3E;
}
.job-course__box {
  background: white;
  border-radius: 10px;
  padding: 46px 55px;
}
@media screen and (max-width: 834px) {
  .job-course__box {
    padding: 24px 27px 37px;
  }
}
.job-course__box-img {
  padding: 0 42px;
  margin-top: -16px;
  margin-bottom: 51px;
}
@media screen and (max-width: 834px) {
  .job-course__box-img {
    padding: 0;
    margin: 28px -17px 42px;
  }
}
.job-course__heading {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 49px;
}
@media screen and (max-width: 834px) {
  .job-course__heading {
    margin-bottom: 11px;
  }
}
.job-course__heading-ttl {
  display: block;
  position: relative;
  padding-left: 100px;
  color: #5A9FD5;
  text-align: left;
  margin-bottom: 0;
}
@media screen and (max-width: 834px) {
  .job-course__heading-ttl {
    padding-left: 64px;
    margin-right: -19px;
    margin-bottom: 14px;
  }
}
@media screen and (max-width: 374px) {
  .job-course__heading-ttl {
    padding-top: 5px;
  }
}
.job-course__heading-ttl span {
  display: inline;
}
.job-course__heading-ttl > *.c-ft--en {
  display: block;
}
@media screen and (max-width: 834px) {
  .job-course__heading-ttl > *.c-ft--en {
    font-size: 1rem;
  }
}
.job-course__heading-ttl > *.c-ft--jp {
  display: block;
}
@media screen and (max-width: 834px) {
  .job-course__heading-ttl > *.c-ft--jp {
    font-size: 2.5rem;
  }
}
@media screen and (max-width: 374px) {
  .job-course__heading-ttl > *.c-ft--jp {
    font-size: 1.8rem;
  }
}
.job-course__heading-ttl::before {
  counter-increment: number;
  content: "0" counter(number);
  position: absolute;
  left: -2px;
  top: -4px;
  font-family: "Jost", sans-serif;
  font-size: 6.5rem;
  line-height: 1;
}
@media screen and (max-width: 834px) {
  .job-course__heading-ttl::before {
    font-size: 5.4rem;
  }
}
.job-course__heading-ct {
  width: calc(100% - 271px);
}
@media screen and (max-width: 834px) {
  .job-course__heading-ct {
    width: 100%;
  }
}
.job-course__heading-ct .c-txt__02 {
  line-height: 1.5;
}
@media screen and (max-width: 834px) {
  .job-course__heading-ct .c-txt__02 {
    font-size: 1.328rem;
    line-height: 1.5;
  }
}
.job-course__heading-img {
  width: 271px;
  margin-top: -35px;
}
@media screen and (max-width: 834px) {
  .job-course__heading-img {
    width: -webkit-fill-available;
    text-align: right;
    margin-right: -13px;
    margin-top: -4px;
  }
}
.job-course__list:not(:last-child) {
  margin-bottom: 71px;
}
.job-course__list-item {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (min-width: 835px) {
  .job-course__list-item:nth-child(odd) {
    flex-direction: row-reverse;
  }
  .job-course__list-item:nth-child(odd) .job-course__list-ttl::after {
    left: auto;
    right: 0;
    width: calc(100% + 80px);
  }
  .job-course__list-item:nth-child(odd) .job-course__list-ttl::before {
    right: auto;
    left: -89px;
  }
}
@media screen and (min-width: 835px) and (min-width: 835px) {
  .job-course__list-item:nth-child(odd) .job-course__list-img {
    text-align: right;
  }
}
.job-course__list-item:not(:last-child) {
  margin-bottom: 48px;
}
@media screen and (max-width: 834px) {
  .job-course__list-item:not(:last-child) {
    margin-bottom: 5px;
  }
}
.job-course__list-img {
  width: 44%;
}
@media screen and (min-width: 835px) {
  .job-course__list-img {
    text-align: left;
  }
}
@media screen and (max-width: 834px) {
  .job-course__list-img {
    width: 100%;
    text-align: center;
  }
}
.job-course__list-ct {
  width: 53%;
  font-size: 1.222rem;
  line-height: 1.5008183306;
  padding-top: 29px;
}
@media screen and (max-width: 834px) {
  .job-course__list-ct {
    width: 100%;
    margin-bottom: 20px;
  }
}
.job-course__list-ttl {
  color: #5A9FD5;
  border-left: 2px solid currentColor;
  padding-left: 6px;
  margin-bottom: 11px;
  position: relative;
}
.job-course__list-ttl:after {
  content: "";
  display: inline-block;
  position: absolute;
  width: calc(100% + 52px);
  height: auto;
  border-bottom: 2px dotted currentColor;
  left: 0;
  bottom: -4px;
}
@media screen and (max-width: 834px) {
  .job-course__list-ttl:after {
    width: 100%;
  }
}
.job-course__list-ttl:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 9px;
  height: 9px;
  background: currentColor;
  border-radius: 50%;
  right: -62px;
  bottom: -8px;
}
@media screen and (max-width: 834px) {
  .job-course__list-ttl:before {
    display: none;
  }
}
.job-course__list-flex {
  display: flex;
  flex-wrap: nowrap;
  margin-top: 27px;
  gap: 5px 10px;
  letter-spacing: -1px;
  box-shadow: 3px 3px 0 #E6E6E6;
  border-radius: 6px;
}
@media screen and (max-width: 834px) {
  .job-course__list-flex {
    margin-top: 17px;
  }
}
@media screen and (max-width: 640px) {
  .job-course__list-flex {
    flex-wrap: wrap;
  }
}
@media screen and (min-width: 835px) {
  .job-course__list-flex--02 {
    margin-right: -35px;
  }
}
.job-course__list-flex--02 .job-course__list-txt p a {
  display: inline;
}
.job-course__list-course {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 170px;
  background: #5A9FD5;
  border-radius: 6px 0 0 6px;
  border-left-width: 0;
  font-size: 1.4rem;
  font-weight: 500;
  position: relative;
  color: #fff;
  padding: 4px 4px 3px 70px;
  clip-path: polygon(100% 0%, 94% 50%, 100% 100%, 0 100%, 0% 50%, 0 0);
}
@media screen and (max-width: 834px) {
  .job-course__list-course {
    font-size: 1.2rem;
  }
}
@media screen and (max-width: 640px) {
  .job-course__list-course {
    width: 100%;
  }
}
.job-course__list-course:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 35px;
  height: 26px;
  background: url(../../img/2024/job-course/ico-stars.png) no-repeat left/27px;
  left: 26px;
  top: calc(50% - 13px);
}
.job-course__list-course:after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 2px;
  height: 70%;
  background: #fff;
  border-radius: 3px;
  top: 15%;
  left: 12px;
}
.job-course__list-course small {
  font-size: 1rem;
  display: block;
}
.job-course__list-txt {
  width: calc(100% - 170px);
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 50px;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media screen and (max-width: 640px) {
  .job-course__list-txt {
    width: 100%;
    padding-bottom: 5px;
  }
}
.job-course__list-txt:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 20px;
  height: 18px;
  background: url(../../img/2024/job-course/ico-triangle.png) no-repeat left/cover;
  left: 0;
  top: calc(50% - 10px);
}
.job-course__list-txt:after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 2px;
  height: 30px;
  background: #379FD9;
  border-radius: 3px;
  top: calc(50% - 15px);
  left: 30px;
}
.job-course__list-txt a {
  color: #379FD9;
  display: block;
  text-decoration: underline;
}
@media screen and (max-width: 834px) {
  .job-course__list-txt {
    font-size: 1rem;
  }
}
@media screen and (min-width: 835px) {
  .job-course__list--style2 .job-course__list-item:nth-child(odd) {
    flex-direction: row;
  }
  .job-course__list--style2 .job-course__list-item:nth-child(odd) .job-course__list-ttl::after {
    right: auto;
    left: 0;
    bottom: -4px;
    width: calc(100% + 52px);
  }
  .job-course__list--style2 .job-course__list-item:nth-child(odd) .job-course__list-ttl::before {
    left: auto;
    right: -62px;
  }
  .job-course__list--style2 .job-course__list-item:nth-child(2n) {
    flex-direction: row-reverse;
  }
  .job-course__list--style2 .job-course__list-item:nth-child(2n) .job-course__list-ttl::after {
    left: auto;
    right: 0;
    width: calc(100% + 80px);
  }
  .job-course__list--style2 .job-course__list-item:nth-child(2n) .job-course__list-ttl::before {
    right: auto;
    left: -89px;
  }
}
.job-course__number {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  counter-reset: number-ol;
  line-height: 1.416;
  gap: 35px 0;
  margin-bottom: 36px;
}
@media screen and (max-width: 640px) {
  .job-course__number {
    margin-bottom: 30px;
  }
}
.job-course__number-item {
  width: calc((100% - 62px) / 2);
}
@media screen and (max-width: 834px) {
  .job-course__number-item {
    width: 100%;
  }
}
@media screen and (min-width: 641px) {
  .job-course__number-item:nth-child(1) {
    order: 1;
  }
  .job-course__number-item:nth-child(2) {
    order: 3;
  }
  .job-course__number-item:nth-child(3) {
    order: 5;
  }
  .job-course__number-item:nth-child(4) {
    order: 7;
  }
  .job-course__number-item:nth-child(5) {
    order: 9;
  }
  .job-course__number-item:nth-child(6) {
    order: 2;
  }
  .job-course__number-item:nth-child(7) {
    order: 4;
  }
  .job-course__number-item:nth-child(8) {
    order: 6;
  }
  .job-course__number-item:nth-child(9) {
    order: 8;
  }
  .job-course__number-item:nth-child(10) {
    order: 10;
  }
}
.job-course__number-ttl {
  color: #D8758D;
  position: relative;
  padding-left: 48px;
  padding-bottom: 3px;
  margin-bottom: 6px;
  border-bottom: 1px dotted currentColor;
}
@media screen and (max-width: 834px) {
  .job-course__number-ttl {
    padding-left: 40px;
  }
}
.job-course__number-ttl::before {
  counter-increment: number-ol;
  content: counter(number-ol);
  width: 35px;
  height: 35px;
  background: #D8758D;
  font-size: 2.2rem;
  line-height: 1;
  font-family: "Jost", sans-serif;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  left: 0;
  top: 8px;
  color: white;
}
@media screen and (max-width: 834px) {
  .job-course__number-ttl::before {
    font-size: 1.8rem;
    width: 30px;
    height: 30px;
  }
}
.job-course__explanation {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  background: #E7EBED;
  padding: 9px 10px;
}
@media screen and (max-width: 834px) {
  .job-course__explanation {
    padding: 8px 4px 14px;
  }
}
.job-course__explanation-ttl {
  font-size: 1.4rem;
  line-height: 1.2857142857;
  color: white;
  text-align: center;
  width: 53px;
  background: #D8758D;
  padding: 9px 12px;
  margin-right: 7px;
}
@media screen and (max-width: 990px) {
  .job-course__explanation-ttl {
    font-size: 1.16rem;
    width: 100%;
    padding: 3px 12px 6px;
    margin-bottom: 5px;
  }
}
.job-course__explanation-list {
  line-height: 1.416;
  width: calc(100% - 65px);
}
@media screen and (max-width: 990px) {
  .job-course__explanation-list {
    width: 100%;
  }
}
.job-course__explanation-list dl {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.job-course__explanation-list dl dt {
  color: #D8758D;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 126px;
  font-weight: 500;
}
@media screen and (max-width: 990px) {
  .job-course__explanation-list dl dt {
    width: 100%;
  }
}
.job-course__explanation-list dl dt::after {
  content: "";
  flex: 1;
  border-bottom: 1px dotted currentColor;
}
@media screen and (max-width: 990px) {
  .job-course__explanation-list dl dt::after {
    display: none;
  }
}
.job-course__explanation-list dl dd {
  width: calc(100% - 134px);
}
@media screen and (max-width: 990px) {
  .job-course__explanation-list dl dd {
    width: 100%;
    padding-left: 10px;
  }
}
.job-course__link a {
  display: inline-block;
  max-width: 450px;
  width: 90%;
  padding: 20px;
  color: #fff;
  text-decoration: underline;
  border-radius: 6px;
  font-size: 1.6rem;
  line-height: 1;
  text-align: center;
  position: relative;
}
@media screen and (max-width: 640px) {
  .job-course__link a {
    font-size: 1.4rem;
    line-height: 1;
    width: 100%;
    width: 300px;
    text-align: right;
  }
}
.job-course__link a:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 35px;
  height: 26px;
  background: url(../../img/2024/job-course/ico-stars.png) no-repeat left/27px;
  left: 26px;
  top: calc(50% - 13px);
}
.job-course__link a:after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 2px;
  height: 70%;
  background: #fff;
  border-radius: 3px;
  top: 15%;
  left: 12px;
}
.job-course__link--pink a {
  background: #D8758D;
  max-width: 240px;
  width: 100%;
  text-decoration: none;
  text-align: right;
  margin-top: 20px;
}

#page-2024_campuslife_index {
  overflow: hidden;
}

.sec-life {
  padding: 70px 0 106px;
  margin-bottom: 70px;
  background: url(../../img/2024/campuslife/bg-01.jpg) no-repeat center/cover;
}
@media screen and (max-width: 834px) {
  .sec-life {
    padding: 30px 0 33px;
    margin-bottom: 30px;
    background: url(../../img/2024/campuslife/bg-01sp.png) no-repeat center/cover;
  }
}
.sec-life__wrap {
  background: #fff;
  padding: 43px 55px 77px;
}
@media screen and (max-width: 834px) {
  .sec-life__wrap {
    padding: 10px 0 32px;
  }
}

.life-block {
  margin-bottom: 61px;
}
@media screen and (max-width: 834px) {
  .life-block {
    margin-bottom: 36px;
    padding: 0 20px;
  }
}
.life-block__ttl {
  margin-bottom: -6px;
}
@media screen and (max-width: 834px) {
  .life-block__ttl {
    margin-bottom: 2px;
  }
}
.life-block__wrap {
  background: #D5699B;
  border-radius: 30px;
  text-align: center;
  padding: 50px 60px;
}
@media screen and (max-width: 1245px) {
  .life-block__wrap {
    padding: 30px;
  }
}
@media screen and (max-width: 834px) {
  .life-block__wrap {
    padding: 20px 15px 40px;
  }
}
.life-block__wrap-ttl {
  text-align: center;
}
.life-block__wrap-ttl span {
  font-size: 7rem;
  font-weight: 500;
  color: #D5699B;
  text-shadow: rgb(255, 239, 52) 4px 0px 0px, rgb(255, 239, 52) 3.87565px 0.989616px 0px, rgb(255, 239, 52) 3.51033px 1.9177px 0px, rgb(255, 239, 52) 2.92676px 2.72656px 0px, rgb(255, 239, 52) 2.16121px 3.36588px 0px, rgb(255, 239, 52) 1.26129px 3.79594px 0px, rgb(255, 239, 52) 0.282949px 3.98998px 0px, rgb(255, 239, 52) -0.712984px 3.93594px 0px, rgb(255, 239, 52) -1.66459px 3.63719px 0px, rgb(255, 239, 52) -2.51269px 3.11229px 0px, rgb(255, 239, 52) -3.20457px 2.39389px 0px, rgb(255, 239, 52) -3.69721px 1.52664px 0px, rgb(255, 239, 52) -3.95997px 0.56448px 0px, rgb(255, 239, 52) -3.97652px -0.432781px 0px, rgb(255, 239, 52) -3.74583px -1.40313px 0px, rgb(255, 239, 52) -3.28224px -2.28625px 0px, rgb(255, 239, 52) -2.61457px -3.02721px 0px, rgb(255, 239, 52) -1.78435px -3.57996px 0px, rgb(255, 239, 52) -0.843183px -3.91012px 0px, rgb(255, 239, 52) 0.150409px -3.99717px 0px, rgb(255, 239, 52) 1.13465px -3.8357px 0px, rgb(255, 239, 52) 2.04834px -3.43574px 0px, rgb(255, 239, 52) 2.83468px -2.82216px 0px, rgb(255, 239, 52) 3.44477px -2.03312px 0px, rgb(255, 239, 52) 3.84068px -1.11766px 0px, rgb(255, 239, 52) 3.9978px -0.132717px 0px;
  position: relative;
  padding: 0 80px;
}
@media screen and (max-width: 1245px) {
  .life-block__wrap-ttl span {
    font-size: 5rem;
  }
}
@media screen and (max-width: 990px) {
  .life-block__wrap-ttl span {
    font-size: 4rem;
  }
}
@media screen and (max-width: 834px) {
  .life-block__wrap-ttl span {
    display: inline-block;
    vertical-align: top;
    font-size: 2.87rem;
    padding: 0 40px;
    text-shadow: rgb(255, 239, 62) 1px 0px 0px, rgb(255, 239, 62) 0.540302px 0.841471px 0px, rgb(255, 239, 62) -0.416147px 0.909297px 0px, rgb(255, 239, 62) -0.989992px 0.14112px 0px, rgb(255, 239, 62) -0.653644px -0.756802px 0px, rgb(255, 239, 62) 0.283662px -0.958924px 0px, rgb(255, 239, 62) 0.96017px -0.279415px 0px;
  }
}
@media screen and (max-width: 374px) {
  .life-block__wrap-ttl span {
    font-size: 2rem;
  }
}
.life-block__wrap-ttl span:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 61px;
  height: 54px;
  background: url(../../img/2024/campuslife/icon-star02.png) no-repeat center/cover;
  top: 15px;
  right: 0;
}
@media screen and (max-width: 834px) {
  .life-block__wrap-ttl span:before {
    width: 26px;
    height: 22px;
    top: 0;
  }
}
.life-block__wrap-ttl span:after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 61px;
  height: 54px;
  background: url(../../img/2024/campuslife/icon-star.png) no-repeat center/cover;
  top: 15px;
  left: 0;
}
@media screen and (max-width: 834px) {
  .life-block__wrap-ttl span:after {
    width: 26px;
    height: 22px;
    top: 0;
  }
}
.life-block__wrap__img {
  margin-top: -30px;
}
@media screen and (max-width: 834px) {
  .life-block__wrap__img {
    margin-top: -50px;
  }
  .life-block__wrap__img img {
    width: 300px;
  }
}
.life-block__wrap-calendar {
  position: relative;
}
.life-block__wrap-calendar-img01 {
  position: absolute;
  top: 13%;
  right: 3%;
}
@media screen and (max-width: 1245px) {
  .life-block__wrap-calendar-img01 {
    right: 0;
  }
}
@media screen and (max-width: 834px) {
  .life-block__wrap-calendar-img01 {
    width: 60px;
    top: 15%;
  }
}
@media screen and (max-width: 767px) {
  .life-block__wrap-calendar-img01 {
    top: 24%;
  }
}
.life-block__wrap-calendar-img02 {
  position: absolute;
  bottom: 29%;
  right: 24%;
}
@media screen and (max-width: 1245px) {
  .life-block__wrap-calendar-img02 {
    bottom: 26%;
    right: 22%;
  }
}
@media screen and (max-width: 990px) {
  .life-block__wrap-calendar-img02 {
    width: 100px;
  }
}
@media screen and (max-width: 767px) {
  .life-block__wrap-calendar-img02 {
    bottom: 30%;
    right: auto;
    left: 13%;
  }
}
.life-block__wrap-calendar-img03 {
  position: absolute;
  bottom: -1%;
  right: -3%;
}
@media screen and (max-width: 1245px) {
  .life-block__wrap-calendar-img03 {
    right: -5%;
  }
}
@media screen and (max-width: 990px) {
  .life-block__wrap-calendar-img03 {
    width: 100px;
  }
}
@media screen and (max-width: 834px) {
  .life-block__wrap-calendar-img03 {
    width: 80px;
  }
}
@media screen and (max-width: 767px) {
  .life-block__wrap-calendar-img03 {
    right: -40px;
    bottom: -2%;
  }
}
@media screen and (max-width: 834px) {
  .life-block__img {
    padding: 0 19px;
  }
}

.life-box {
  margin-bottom: 49px;
}
@media screen and (max-width: 834px) {
  .life-box {
    margin-bottom: 56px;
  }
}
.life-box__ttl {
  position: relative;
  color: #5D4D41;
  font-weight: 500;
  font-size: 2.8rem;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 8px;
}
@media screen and (max-width: 990px) {
  .life-box__ttl {
    font-size: 2.324rem;
    line-height: 1.1475903614;
  }
}
@media screen and (max-width: 834px) {
  .life-box__ttl {
    margin-bottom: 24px;
  }
}
@media screen and (max-width: 374px) {
  .life-box__ttl {
    font-size: 2.2rem;
  }
}
.life-box__ttl:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 44px;
  height: 51px;
  background: url(../../img/2024/campuslife/icon-border.png) no-repeat center/cover;
  left: -74px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media screen and (max-width: 834px) {
  .life-box__ttl:before {
    left: -18px;
    width: 32px;
    height: 45px;
    transform: translateY(-18%);
  }
}
.life-box__ttl:after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 44px;
  height: 51px;
  background: url(../../img/2024/campuslife/icon-border.png) no-repeat center/cover;
  right: -64px;
  top: 50%;
  transform: rotate(75deg) translate(-65%);
}
@media screen and (max-width: 834px) {
  .life-box__ttl:after {
    right: -26px;
    width: 32px;
    height: 45px;
    transform: rotate(75deg) translate(-29%, 11%);
  }
}
.life-box__txt {
  color: #211815;
  line-height: 1.5;
}
@media screen and (max-width: 990px) {
  .life-box__txt {
    font-size: 1.328rem;
    line-height: 1.5;
  }
}

.life-list {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  border-bottom: 2px #5D4D41 solid;
  position: relative;
  padding-bottom: 40px;
}
@media screen and (max-width: 834px) {
  .life-list {
    padding: 0 25px;
  }
}
.life-list:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 100%;
  height: 6px;
  background: #5D4D41;
  bottom: -12px;
  left: 0;
}
.life-list__item {
  width: calc(25% - 8px);
  background: #FFFBDD;
  padding: 43px 10px 20px;
  position: relative;
  color: #211815;
}
@media screen and (max-width: 834px) {
  .life-list__item {
    width: calc(50% - 3px);
    padding: 30px 6px 17px;
    margin-bottom: 27px;
  }
}
.life-list__item:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 0px;
  height: 0px;
  border-left: 6px solid transparent;
  border-top: 6px solid #ffef34;
  top: 25px;
  left: -6px;
  z-index: 2;
}
.life-list__number {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-family: "Jost", sans-serif;
  color: #FFEF34;
  font-weight: 500;
  background: #D5699B;
  position: absolute;
  padding: 5px 31px 5px 8px;
  top: -10px;
  left: -6px;
  clip-path: polygon(0% 0%, 100% 1%, 91% 50%, 100% 100%, 0% 100%);
  line-height: 1;
}
@media screen and (max-width: 834px) {
  .life-list__number {
    padding: 4px 16px 4px 6px;
    top: -5px;
    left: -4px;
    font-size: 1rem;
  }
}
.life-list__number span {
  font-size: 2.5rem;
  line-height: 1;
  margin-left: 6px;
}
@media screen and (max-width: 834px) {
  .life-list__number span {
    font-size: 1.631rem;
    margin-left: 1px;
  }
}
.life-list__ttl {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-size: 1.8rem;
  line-height: 1.3333333333;
  font-weight: 500;
  text-align: center;
  letter-spacing: 0.1rem;
  margin-bottom: 13px;
}
@media screen and (max-width: 990px) {
  .life-list__ttl {
    font-size: 1.3rem;
  }
}
@media screen and (max-width: 834px) {
  .life-list__ttl {
    font-size: 1.174rem;
    line-height: 1.3330494037;
    letter-spacing: 0;
    margin-bottom: 8px;
  }
}
@media screen and (max-width: 374px) {
  .life-list__ttl {
    font-size: 1rem;
  }
}
.life-list__img {
  margin-bottom: 10px;
}
@media screen and (max-width: 834px) {
  .life-list__img {
    margin-bottom: 7px;
  }
}
.life-list p {
  line-height: 1.75;
}
@media screen and (max-width: 834px) {
  .life-list p {
    line-height: 1.3;
  }
}

.sec-campuslife {
  padding: 96px 0 109px;
  background: url(../../img/2024/campuslife/bg-02.jpg) no-repeat center/cover;
}
@media screen and (max-width: 834px) {
  .sec-campuslife {
    padding: 30px 0 39px;
  }
}
@media screen and (max-width: 834px) {
  .sec-campuslife {
    background: url(../../img/2024/campuslife/bg-02sp.png) no-repeat center #FDF5E9;
    background-size: cover;
  }
}
.sec-campuslife__wrap {
  background: #fff;
  padding: 76px 52px;
}
@media screen and (max-width: 834px) {
  .sec-campuslife__wrap {
    padding: 34px 19px 26px;
  }
}
.sec-campuslife__ttl {
  text-align: center;
  margin-bottom: 90px;
}
@media screen and (max-width: 834px) {
  .sec-campuslife__ttl {
    margin-bottom: 62px;
  }
}
.sec-campuslife__ttl span {
  font-size: 3.8rem;
  line-height: 1.3421052632;
  font-weight: 500;
  color: #211815;
  position: relative;
  z-index: 2;
  display: inline-block;
}
@media screen and (max-width: 834px) {
  .sec-campuslife__ttl span {
    font-size: 2.825rem;
  }
}
@media screen and (max-width: 374px) {
  .sec-campuslife__ttl span {
    font-size: 2.4rem;
  }
}
.sec-campuslife__ttl span:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 367px;
  height: 102px;
  background: url(../../img/2024/campuslife/bg-ttl.png) no-repeat center/cover;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -36%);
  z-index: -1;
}
@media screen and (max-width: 834px) {
  .sec-campuslife__ttl span:before {
    width: 272px;
    height: 73px;
  }
}
@media screen and (max-width: 374px) {
  .sec-campuslife__ttl span:before {
    width: calc(100% + 20px);
    background-size: 100% 100%;
    height: calc(100% + 25px);
    left: -9px;
    top: 0;
    transform: unset;
  }
}

.campuslife-block {
  color: #211815;
}
.campuslife-block__item {
  position: relative;
  padding-bottom: 32px;
  margin-bottom: 55px;
}
@media screen and (max-width: 834px) {
  .campuslife-block__item {
    margin-bottom: 34px;
  }
}
.campuslife-block__item:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 59px;
  height: 19px;
  background: url(../../img/2024/campuslife/icon-arr.png) no-repeat center/cover;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
@media screen and (max-width: 834px) {
  .campuslife-block__item:before {
    width: 52px;
  }
}
.campuslife-block__item:last-child {
  padding-bottom: 14px;
  margin-bottom: 0;
}
.campuslife-block__item:last-child::before {
  display: none;
}
.campuslife-block__dl {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (max-width: 834px) {
  .campuslife-block__dl {
    padding-left: 10px;
    margin-bottom: 30px;
  }
}
.campuslife-block__dl-dt {
  width: 262px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
@media screen and (max-width: 834px) {
  .campuslife-block__dl-dt {
    width: 100%;
  }
}
.campuslife-block__dl-dd {
  line-height: 1.5;
  width: calc(100% - 262px);
  letter-spacing: -0.08em;
}
@media screen and (max-width: 834px) {
  .campuslife-block__dl-dd {
    width: 100%;
    font-size: 1.328rem;
    line-height: 1.5;
    letter-spacing: 0;
  }
}
.campuslife-block__dl-img img {
  width: 40px;
}
@media screen and (max-width: 834px) {
  .campuslife-block__dl-img img {
    width: 34px;
  }
}
.campuslife-block__dl-number {
  font-size: 2.2rem;
  font-family: "Jost", sans-serif;
  padding: 0 16px;
}
@media screen and (max-width: 834px) {
  .campuslife-block__dl-number {
    font-size: 1.826rem;
    padding: 0 13px;
  }
}
.campuslife-block__dl-txt {
  font-size: 2rem;
  line-height: 1.2;
  font-weight: 500;
  padding-left: 22px;
  border-left: 1px #211815 solid;
  letter-spacing: -0.05rem;
}
@media screen and (max-width: 834px) {
  .campuslife-block__dl-txt {
    font-size: 1.66rem;
  }
}
@media screen and (max-width: 374px) {
  .campuslife-block__dl-txt {
    font-size: 1.4rem;
  }
}
.campuslife-block__dl-txt small {
  font-size: 1.3rem;
  color: #fff;
  background: #211815;
  border-radius: 3px;
  padding: 2px 11px;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 3px;
}
.campuslife-block__dl-txt span {
  letter-spacing: -0.05rem;
}
.campuslife-block__dl--02 .campuslife-block__dl-dt {
  width: 315px;
}
@media screen and (max-width: 834px) {
  .campuslife-block__dl--02 .campuslife-block__dl-dt {
    width: 100%;
  }
}
.campuslife-block__dl--02 .campuslife-block__dl-dd {
  width: calc(100% - 315px);
}
@media screen and (max-width: 834px) {
  .campuslife-block__dl--02 .campuslife-block__dl-dd {
    width: 100%;
  }
}
.campuslife-block__wrap {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-top: 54px;
  margin: 0 -15px 33px;
}
@media screen and (max-width: 640px) {
  .campuslife-block__wrap {
    padding: 6px 35px;
    margin-bottom: 9px;
  }
}
.campuslife-block__wrap-item {
  width: 33.33%;
  padding: 0 15px;
  position: relative;
}
@media screen and (max-width: 834px) {
  .campuslife-block__wrap-item {
    width: 50%;
    margin-bottom: 36px;
  }
  .campuslife-block__wrap-item:last-child {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 640px) {
  .campuslife-block__wrap-item {
    width: 100%;
  }
}
.campuslife-block__wrap-item:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 0px;
  height: 0px;
  border-left: 6px solid transparent;
  border-top: 6px solid #9e9e9f;
  top: 15px;
  left: 10px;
  z-index: 2;
}
@media screen and (max-width: 834px) {
  .campuslife-block__wrap-item:before {
    top: 13px;
  }
}
.campuslife-block__wrap-ttl {
  width: 70%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  color: #fff;
  background: #5A9FD5;
  font-weight: 500;
  position: absolute;
  padding: 7px 25px 7px 15px;
  top: -12px;
  left: 10px;
  clip-path: polygon(0% 0%, 100% 1%, 92% 50%, 100% 100%, 0% 100%);
}
@media screen and (max-width: 834px) {
  .campuslife-block__wrap-ttl {
    padding: 7px 18px 7px 8px;
  }
}
.campuslife-block__wrap-ttl--pink {
  background: #B77FAE;
}
.campuslife-block__wrap-ttl span {
  font-size: 1.3778rem;
  line-height: 1;
}
@media screen and (max-width: 834px) {
  .campuslife-block__wrap-ttl span {
    font-size: 1.143rem;
  }
}
@media screen and (max-width: 834px) {
  .campuslife-block__wrap-img img {
    width: 100%;
  }
}
.campuslife-block__img {
  margin-bottom: 15px;
}
@media screen and (max-width: 834px) {
  .campuslife-block__img {
    margin-bottom: 12px;
  }
}
@media screen and (max-width: 834px) {
  .campuslife-block__img--02 {
    padding: 0 5px;
  }
}
.campuslife-block__box {
  max-width: 565px;
  margin: 0 auto;
}
@media screen and (max-width: 834px) {
  .campuslife-block__box {
    padding: 0 6px;
  }
}
.campuslife-block__box-item {
  margin-bottom: 65px;
}
@media screen and (max-width: 834px) {
  .campuslife-block__box-item {
    margin-bottom: 11px;
  }
}
.campuslife-block__box-item:last-child {
  margin-bottom: 0;
}
.campuslife-block__box-img {
  margin-bottom: 17px;
}
@media screen and (max-width: 834px) {
  .campuslife-block__box-img {
    margin-bottom: 14px;
  }
}

.sec-facility {
  margin-bottom: 50px;
}
@media screen and (max-width: 834px) {
  .sec-facility {
    margin-bottom: 30px;
  }
}
.sec-facility:last-child {
  margin-bottom: 90px;
}
@media screen and (max-width: 834px) {
  .sec-facility:last-child {
    margin-bottom: 50px;
  }
}

.facility-lead {
  font-size: 2.4rem;
  line-height: 1;
  margin-bottom: 20px;
}
@media screen and (max-width: 640px) {
  .facility-lead {
    font-size: 1.8rem;
    line-height: 1.3333333333;
  }
}

.facility-txt {
  font-size: 1.8rem;
  line-height: 1.3333333333;
  margin-bottom: 40px;
}
@media screen and (max-width: 640px) {
  .facility-txt {
    font-size: 1.4rem;
    line-height: 1.7142857143;
  }
}

.facility-list {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 30px 6%;
}
.facility-list__item {
  width: 47%;
}
@media screen and (max-width: 640px) {
  .facility-list__item {
    width: 100%;
  }
}
.facility-list__ttl {
  color: #d5699b;
  font-size: 2.4rem;
  line-height: 1;
  font-weight: 500;
  margin-bottom: 10px;
}
@media screen and (max-width: 640px) {
  .facility-list__ttl {
    font-size: 2rem;
    line-height: 1.2;
  }
}
.facility-list__img {
  position: relative;
  margin-bottom: 8px;
}
.facility-list__tag {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #d5699b;
  color: #fff;
  font-size: 2.3rem;
  line-height: 1.0434782609;
  font-family: "Jost", sans-serif;
  font-weight: 500;
  padding: 8px 12px;
}
@media screen and (max-width: 640px) {
  .facility-list__tag {
    font-size: 1.9rem;
    line-height: 1.2631578947;
  }
}

.facility-btn {
  padding: 50px 0;
}

.sec-course {
  padding: 81px 0 119px;
}
@media screen and (max-width: 834px) {
  .sec-course {
    padding: 46px 0 50px;
  }
}
.sec-course__inner {
  max-width: 1146px;
}
.sec-course__list {
  line-height: 1.65;
}
@media screen and (max-width: 834px) {
  .sec-course__list {
    line-height: 1.64;
    margin: 0 -8px 0 -2px;
  }
}
.sec-course__list a {
  color: #83B2DE;
}
.sec-course__tbl {
  margin-right: -23px;
}
@media screen and (max-width: 834px) {
  .sec-course__tbl {
    margin-right: 0;
  }
}

.sec-flow {
  padding: 81px 0 0;
}
@media screen and (max-width: 834px) {
  .sec-flow {
    padding: 46px 0 50px;
  }
}
.sec-flow__inner {
  max-width: 1146px;
}
.sec-flow__list {
  line-height: 1.65;
}
@media screen and (max-width: 834px) {
  .sec-flow__list {
    line-height: 1.64;
    margin: 0 -8px 0 -2px;
  }
}
.sec-flow__list a {
  color: #83B2DE;
}
.sec-flow__list--block {
  position: relative;
  max-width: 850px;
  border: 2px solid #85b4e0;
  border-radius: 5px;
  padding: 20px;
  margin: 0 auto 25px;
  max-width: 850px;
}
.sec-flow__list--block:after {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 10px solid #85b4e0;
  left: 49.5%;
  bottom: -20px;
}
.sec-flow__list--block:last-child:after {
  display: none;
}
.sec-flow__list--block h3 {
  font-size: 2.2rem;
  color: #85b4e0;
  font-weight: 400;
  text-align: center;
}
.sec-flow__list--block h3 span {
  font-size: 1.4rem;
}
@media screen and (max-width: 834px) {
  .sec-flow__list--block h3 {
    font-size: 1.6rem;
  }
}
.sec-flow__list--block p {
  font-size: 1.4rem;
  text-align: center;
}
@media screen and (max-width: 834px) {
  .sec-flow__list--block p {
    font-size: 1.2rem;
    margin-top: 10px;
  }
}
.sec-flow__list--block .wrap {
  display: flex;
  flex-wrap: wrap;
}
.sec-flow__list--block .wrap_content {
  background-color: #d3535d;
  border-radius: 5px;
  width: 33%;
}
.sec-flow__list--block .flow-img {
  width: 100%;
  max-width: 681px;
  margin: 10px auto 0;
}
@media screen and (max-width: 640px) {
  .sec-flow__list--block .flow-img {
    max-width: 190px;
  }
}
.sec-flow__tbl {
  margin-right: -23px;
}
@media screen and (max-width: 834px) {
  .sec-flow__tbl {
    margin-right: 0;
  }
}

.sec-type {
  padding: 81px 0 0;
}
@media screen and (max-width: 834px) {
  .sec-type {
    padding: 0 0 50px;
  }
}
.sec-type__inner {
  max-width: 1146px;
}
.sec-type__list {
  line-height: 1.65;
}
@media screen and (max-width: 834px) {
  .sec-type__list {
    line-height: 1.64;
    margin: 0 -8px 0 -2px;
  }
}
.sec-type__list a {
  color: #83B2DE;
}
.sec-type .linkarea {
  max-width: 1000px;
  margin: 0 auto 75px;
}
@media screen and (max-width: 640px) {
  .sec-type .linkarea {
    max-width: 280px;
  }
}
.sec-type .linkarea__wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 1000px;
}
.sec-type .linkarea__wrap:after {
  content: "";
  display: block;
  width: 33%;
}
.sec-type .linkarea__wrap a {
  font-size: 2.2rem;
  font-weight: 400;
  color: #fff;
  text-align: center;
  border-radius: 5px;
  background: #85b4e0;
  padding: 20px;
  width: 325px;
  margin-bottom: 20px;
}
@media screen and (max-width: 640px) {
  .sec-type .linkarea__wrap a {
    width: 100%;
  }
}
.sec-type__content {
  margin-bottom: 80px;
}
@media screen and (max-width: 834px) {
  .sec-type__content {
    margin-bottom: 20px;
  }
}
.sec-type h3 {
  font-size: 2.2rem;
  color: #85b4e0;
  font-weight: 400;
  text-align: center;
  border: 2px solid #85b4e0;
  border-radius: 5px;
  text-align: center;
  padding: 20px;
  margin-bottom: 20px;
}
.sec-type table {
  width: 100%;
}
@media screen and (max-width: 834px) {
  .sec-type table tr {
    display: flex;
    flex-wrap: wrap;
  }
}
.sec-type table th {
  width: 148px;
  background: #e5e5e6;
  padding: 10px;
  border-bottom: 2px solid #fff;
  font-size: 2rem;
  text-align: center;
}
@media screen and (max-width: 834px) {
  .sec-type table th {
    width: 100%;
  }
}
.sec-type table td {
  width: calc(100% - 148px);
  padding: 10px 0px 10px 40px;
  position: relative;
}
@media screen and (max-width: 834px) {
  .sec-type table td {
    width: 100%;
    margin-bottom: 20px;
    padding: 10px 0 10px;
  }
}
.sec-type table td:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  border-bottom: 1px dotted #888888;
}
@media screen and (max-width: 834px) {
  .sec-type table td:after {
    border-bottom: none;
  }
}
.sec-type table td ul li {
  position: relative;
}
@media screen and (max-width: 834px) {
  .sec-type table td ul li {
    font-size: 1.5rem;
    margin-left: 15px;
    text-indent: -15px;
  }
}
@media screen and (max-width: 834px) {
  .sec-type table td ul li.mg-break {
    font-size: 1.2rem;
    margin-right: -10px;
  }
}
.sec-type table td ul li:before {
  content: "";
  display: inline-block;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background-color: #000;
}
@media screen and (max-width: 834px) {
  .sec-type table td ul li:before {
    width: 12px;
    height: 12px;
  }
}
.sec-type table td .bg-red {
  background: rgba(211, 83, 93, 0.2);
}
.sec-type dl {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.sec-type dl dt {
  width: 100px;
}
.sec-type dl dd {
  width: calc(100% - 100px);
}
.sec-type .flow_txt {
  font-size: 1.8rem;
  line-height: 1.75;
}
@media screen and (max-width: 834px) {
  .sec-type .flow_txt {
    font-size: 1.5rem;
    line-height: 1.66;
  }
}
.sec-type .flow_txt--lg {
  font-size: 2.2rem;
  font-weight: 400;
  line-height: 1.5;
}
@media screen and (max-width: 834px) {
  .sec-type .flow_txt--lg {
    font-size: 1.8rem;
    margin-bottom: 15px;
  }
}
.sec-type .flow_txt--mid {
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.75;
}
@media screen and (max-width: 834px) {
  .sec-type .flow_txt--mid {
    font-size: 1.7rem;
  }
}
.sec-type .flow_txt--sm {
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 1.75;
}
.sec-type .flow_txt--sm.note {
  margin-left: 30px;
}
@media screen and (max-width: 834px) {
  .sec-type .flow_txt--sm.note {
    font-size: 1.5rem;
    margin-left: 0;
  }
}
.sec-type .flow_txt--desc {
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 1.44;
}
@media screen and (max-width: 834px) {
  .sec-type .flow_txt--desc {
    font-size: 1.2rem;
    text-indent: -12px;
    margin-left: 12px;
  }
}
.sec-type .flow_txt--howto {
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 1.44;
}
@media screen and (max-width: 834px) {
  .sec-type .flow_txt--howto {
    font-size: 1.5rem;
    text-indent: -12px;
    margin-left: 12px;
  }
}
.sec-type .flow_txt--howto.strong {
  margin-bottom: 10px;
}
@media screen and (max-width: 834px) {
  .sec-type .flow_txt--howto.strong {
    font-size: 1.7rem;
  }
}
.sec-type .flow_txt--indent {
  padding-left: 20px;
}
@media screen and (max-width: 834px) {
  .sec-type .flow_txt--indent .flow_txt--indent.flow_txt--howto {
    padding-left: 0;
    margin-left: 0;
    text-indent: 0;
  }
}
.sec-type .flow_txt--note {
  font-size: 1.5rem;
  line-height: 1.6;
}
@media screen and (max-width: 834px) {
  .sec-type .flow_txt--note {
    font-size: 1.2rem;
  }
}
.sec-type .flow_txt--num {
  padding-left: 20px;
}
@media screen and (max-width: 834px) {
  .sec-type .flow_txt--num {
    padding-left: 0;
  }
}
.sec-type .flow_ttl {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 0.625;
  margin-bottom: 12px;
}
@media screen and (max-width: 834px) {
  .sec-type .flow_ttl {
    font-size: 1.4rem;
  }
}
.sec-type .flow_ttl span {
  font-size: 1.2rem;
}
@media screen and (max-width: 834px) {
  .sec-type .flow_ttl span {
    font-size: 1rem;
  }
}
@media screen and (max-width: 834px) {
  .sec-type .flow_ttl.mg-break {
    margin-right: -15px;
  }
}
.sec-type .flow_content--wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.sec-type .flow_content--wrap .content-right {
  width: 85%;
}
@media screen and (max-width: 834px) {
  .sec-type .flow_content--wrap .content-right {
    width: 100%;
  }
}
.sec-type .flow_content--wrap .content-right .content-desc {
  font-size: 1.5rem;
  text-indent: -15px;
  margin-left: 15px;
}
.sec-type .flow_content--wrap .content-left {
  width: 15%;
}
@media screen and (max-width: 834px) {
  .sec-type .flow_content--wrap .content-left {
    width: 100%;
  }
}
.sec-type ol {
  padding-left: 20px;
}
.sec-type ol li {
  position: relative;
  counter-increment: cnt;
  font-size: 1.6rem;
  line-height: 1.5;
  margin-left: 26px;
  text-indent: -26px;
}
@media screen and (max-width: 834px) {
  .sec-type ol li {
    font-size: 1.3rem;
  }
}
.sec-type ol li:before {
  counter-increment: listnum;
  content: "(" counter(cnt) ") ";
  margin-right: 3px;
}
.sec-type ol li .note {
  font-size: 1.2rem;
  line-height: 1.66;
}
@media screen and (max-width: 834px) {
  .sec-type ol li .note {
    font-size: 1rem;
    line-height: 1.8;
  }
}

.sec-ao {
  padding: 81px 0 119px;
}

@media screen and (max-width: 834px) {
  .sec-ao {
    padding: 46px 0 50px;
  }
}
.sec-ao__inner {
  max-width: 1146px;
}

.sec-ao__ttl-sub {
  border: 1px solid #211815;
  border-radius: 5px;
  padding: 2px 5px;
  font-size: 1.4rem;
  line-height: 1.7142857143;
  line-height: 1.7142857143;
  margin-left: 20px;
}

.sec-ao h3 {
  font-size: 2.6rem;
  line-height: 0.9230769231;
  font-weight: 500;
  color: #fff;
  padding: 5px 10px;
  text-align: center;
  background: #83b2de;
}

@media screen and (max-width: 834px) {
  .sec-ao h3 {
    font-size: 2rem;
    line-height: 1.2;
  }
}
.sec-ao h4 {
  font-size: 2.1rem;
  line-height: 1.1428571429;
  line-height: 1;
  font-weight: 400;
  color: #83b2de;
  padding: 10px 0 20px;
}

.sec-ao h4 .label {
  font-size: 1.8rem;
  line-height: 1.3333333333;
  line-height: 1.6111111111;
  font-weight: 400;
  background: #d2476f;
  padding: 5px 15px;
  color: #fff;
  margin-left: 20px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

@media screen and (max-width: 834px) {
  .sec-ao h4 {
    font-size: 1.8rem;
    line-height: 1.3333333333;
  }

  .sec-ao h4 .label {
    font-size: 1.6rem;
    line-height: 1.5;
    line-height: 1;
    margin-top: 10px;
    padding: 5px 10px;
  }
}
.sec-ao__content {
  margin-bottom: 90px;
}

@media screen and (max-width: 834px) {
  .sec-ao__content {
    margin-bottom: 50px;
  }
}
.sec-ao__content .schedule-container {
  background: rgba(236, 183, 77, 0.1);
  padding: 25px;
  margin-bottom: 20px;
}

.sec-ao__content .schedule-container ul {
  max-width: 925px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 10px 2%;
}

@media screen and (max-width: 834px) {
  .sec-ao__content .schedule-container ul {
    gap: 10px 5%;
  }
}
.sec-ao__content .schedule-container ul li {
  width: 15%;
}

@media screen and (max-width: 834px) {
  .sec-ao__content .schedule-container ul li {
    width: 30%;
  }
}
@media screen and (max-width: 640px) {
  .sec-ao__content .schedule-container ul li {
    width: 47.5%;
  }
}
.sec-ao__content .schedule-container ul li .date_title {
  background: #d66987;
  color: #fff;
  font-size: 1.4rem;
  line-height: 1.7142857143;
  text-align: center;
  line-height: 1.714;
}

.sec-ao__content .schedule-container ul li .date_wrap {
  font-family: Jost, sans-serif;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 15px 5px 10px 0;
}

.sec-ao__content .schedule-container ul li .date_wrap--date {
  font-size: 3.8rem;
  line-height: 0.6315789474;
  padding-left: 7%;
}

.sec-ao__content .schedule-container ul li .date_wrap--date span {
  font-size: 3.5rem;
  line-height: 0.6857142857;
}

.sec-ao__content .schedule-container ul li .date_wrap--day {
  background: #211815;
  color: #fff;
  border-radius: 50%;
  font-size: 1.4rem;
  line-height: 1.7142857143;
  line-height: 1.4;
  margin-left: auto;
  width: 25px;
  height: 25px;
  text-align: center;
  padding-top: 3px;
  white-space: nowrap;
}

.sec-ao__content .schedule-container ul li .date_wrap--day.wide {
  border-radius: 12.5px;
  width: auto;
  padding-right: 5px;
  padding-left: 5px;
}

.sec-ao__content .schedule-container ul .date_note {
  font-size: 1.6rem;
  line-height: 1.5;
  width: auto;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 20px;
}

@media screen and (max-width: 834px) {
  .sec-ao__content .schedule-container ul .date_note {
    font-size: 1.4rem;
    line-height: 1.7142857143;
    flex-wrap: wrap;
  }
}
.sec-ao__content .schedule-container ul .date_note p {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.sec-ao__content .schedule-container ul .date_note a {
  width: 230px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.schedule-point {
  width: 94%;
  margin: 0 auto;
}

@media screen and (max-width: 834px) {
  .schedule-point {
    width: 100%;
    max-width: 500px;
  }
}
.sec-ao__content .entry_flow {
  position: relative;
}

.entry_flow__ttl {
  margin-left: 10%;
  font-size: 2.1rem;
  line-height: 1.1428571429;
  margin-top: 40px;
}

@media screen and (max-width: 834px) {
  .entry_flow__ttl {
    font-size: 1.8rem;
    line-height: 1.3333333333;
    margin-top: 20px;
  }
}
.sec-ao__content .entry_flow .direction {
  position: absolute;
  border: 2px solid #000;
  height: 86%;
  left: 32px;
  top: 25px;
}

@media screen and (max-width: 990px) {
  .sec-ao__content .entry_flow .direction {
    left: 30px;
    height: 84%;
  }
}
@media screen and (max-width: 834px) {
  .sec-ao__content .entry_flow .direction {
    border: 1px solid #000;
    left: 4%;
  }
}
.sec-ao__content .entry_flow .direction:before {
  content: "";
  width: 20px;
  height: 20px;
  border: 4px solid currentColor;
  border-top: 0;
  border-right: 0;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transform-origin: bottom left;
  -ms-transform-origin: bottom left;
  transform-origin: bottom left;
  position: absolute;
  left: 50%;
  bottom: -0.5vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 834px) {
  .sec-ao__content .entry_flow .direction:before {
    border-width: 2px;
  }
}
.sec-ao__content .entry_flow ol {
  counter-reset: listnum;
  margin-top: 30px;
}

.sec-ao__content .entry_flow ol li {
  position: relative;
  margin-left: 10%;
  margin-bottom: 20px;
}

.sec-ao__content .entry_flow ol li:before {
  position: absolute;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  left: -10%;
  top: 0;
  counter-increment: listnum;
  content: counter(listnum);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  font-size: 2.6rem;
  line-height: 0.9230769231;
  line-height: 1.1923076923;
  color: #fff;
  font-family: Jost, sans-serif;
  background: #83b2de;
  border: 3px solid #fff;
}

@media screen and (max-width: 834px) {
  .sec-ao__content .entry_flow ol li:before {
    left: -10%;
  }
}
@media screen and (max-width: 640px) {
  .sec-ao__content .entry_flow ol li:before {
    top: 3px;
    left: -14%;
    width: 30px;
    height: 30px;
    font-size: 2.2rem;
    line-height: 1.0909090909;
  }
}
.sec-ao__content .entry_flow--txt {
  font-size: 1.4rem;
  line-height: 1.7142857143;
  line-height: 1.2142857143;
  margin-bottom: 10px;
}

.sec-ao__content .entry_flow--txt .note {
  font-size: 1.3rem;
  line-height: 1.8461538462;
  line-height: 1.8461538462;
}

.sec-ao__content .entry_flow--txt .num_img {
  background: url(../../img/2024/admission/ao/3.svg) no-repeat;
  background-size: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: bottom;
  margin-bottom: 1px;
  width: 14px;
  height: 14px;
}

.sec-ao__content .entry_flow--desc {
  font-size: 1.4rem;
  line-height: 1.7142857143;
  line-height: 1.7142857143;
  text-indent: -14px;
  margin-left: 14px;
}

.sec-ao__content .entry_flow--desc .c-fc--pink {
  font-weight: 500;
}

.sec-ao__content .entry_flow .wrap_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  border: 1px solid #83b2de;
  padding: 5px 0;
  width: 100%;
  max-width: 864px;
  margin-bottom: 10px;
}

@media screen and (max-width: 834px) {
  .sec-ao__content .entry_flow .wrap_container {
    padding: 20px;
  }
}
.sec-ao__content .entry_flow .wrap_container .content-ttl {
  width: 200px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-right: 2px dotted #83b2de;
  font-size: 1.7rem;
  line-height: 1.4117647059;
  line-height: 1.2352941176;
  color: #83b2de;
}

@media screen and (max-width: 834px) {
  .sec-ao__content .entry_flow .wrap_container .content-ttl {
    width: 100%;
    border-right: none;
    border-bottom: 2px dotted #83b2de;
    padding-bottom: 20px;
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
  }
}
.sec-ao__content .entry_flow .wrap_container .content-desc {
  width: calc(100% - 200px);
  margin: 0 auto;
  font-size: 1.7rem;
  line-height: 1.4117647059;
  line-height: 1.2352941176;
  color: #83b2de;
  padding: 0 2vw;
}

@media screen and (max-width: 834px) {
  .sec-ao__content .entry_flow .wrap_container .content-desc {
    width: 100%;
    padding-top: 20px;
  }
}
.sec-ao__content .entry-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 1092px;
  margin: 0 auto;
  justify-content: space-between;
  margin-top: 40px;
}

@media screen and (max-width: 834px) {
  .sec-ao__content .entry-wrap {
    max-width: 480px;
  }
}
.sec-ao__content .entry-wrap .left {
  width: 40%;
}

@media screen and (max-width: 834px) {
  .sec-ao__content .entry-wrap .left {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    width: 100%;
  }
}
.sec-ao__content .entry-wrap .left-txt {
  max-width: 378px;
  margin-bottom: 120px;
}

.sec-ao__content .entry-wrap .left-button {
  font-size: 2rem;
  line-height: 1.2;
  font-weight: 500;
  color: #85b4e0;
  text-align: center;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 2px solid #85b4e0;
  border-radius: 5px;
  max-width: 400px;
  height: 100px;
  margin: 0 auto;
}

@media screen and (max-width: 834px) {
  .sec-ao__content .entry-wrap .left-button {
    font-size: 1.8rem;
    line-height: 1.3333333333;
    height: 85px;
  }
}
.sec-ao__content .entry-wrap .right {
  width: 50%;
}

@media screen and (max-width: 834px) {
  .sec-ao__content .entry-wrap .right {
    width: 100%;
    max-width: 630px;
    margin: 0 auto;
  }
}
.sec-ao__content .entry-wrap .right .order1 {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  max-width: 630px;
  margin-bottom: 50px;
}

.sec-ao__content .entry-wrap .right .order3 {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
  max-width: 630px;
}

.sec-ao__content .ao-admission {
  max-width: 1092px;
  margin: 0 auto;
}

.sec-ao__content .ao-admission .admission-block {
  margin-top: 40px;
}

.sec-ao__content .ao-admission h4 {
  font-size: 2.2rem;
  line-height: 1.0909090909;
  line-height: 0.9545454545;
  font-weight: 500;
  background: rgba(138, 178, 222, 0.3);
  width: 100%;
  padding: 5px 10px;
  color: #211815;
  margin-bottom: 30px;
}

@media screen and (max-width: 834px) {
  .sec-ao__content .ao-admission h4 {
    font-size: 2rem;
    line-height: 1.2;
  }
}
.sec-ao__content .ao-admission .admission-block__ttl {
  width: 100%;
  border-bottom: 1px dotted #83b2de;
  padding: 5px 0;
  margin-bottom: 5px;
}

.sec-ao__content .ao-admission .admission-block__ttl h5 {
  font-size: 1.8rem;
  line-height: 1.3333333333;
  line-height: 1.1666666667;
  font-weight: 400;
  color: #83b2de;
}

@media screen and (max-width: 834px) {
  .sec-ao__content .ao-admission .admission-block__ttl h5 {
    font-size: 1.6rem;
    line-height: 1.5;
    line-height: 1;
  }
}
.sec-ao__content .ao-admission p {
  margin-bottom: 15px;
}

.strong {
  font-size: 2.2rem;
  line-height: 1.0909090909;
  line-height: 0.9545454545;
  font-weight: 400;
}

.support-block {
  margin-bottom: 100px;
}
@media screen and (max-width: 834px) {
  .support-block {
    margin-bottom: 30px;
  }
}
.support-block__subttl {
  position: relative;
  font-weight: 500;
  color: #85b4e0;
  font-size: 3rem;
  line-height: 1.3333333333;
  margin-bottom: 30px;
}
@media screen and (max-width: 834px) {
  .support-block__subttl {
    font-size: 2.4rem;
    line-height: 1.25;
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 835px) {
  .support-block__subttl:after {
    position: absolute;
    bottom: 0;
    right: 1%;
    content: "";
    display: inline-block;
    width: 267px;
    height: 148px;
    background-image: url(../../img/2024/employment/support/img-bg.png);
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: middle;
  }
}
.support-block__note {
  font-size: 1.2rem;
  line-height: 2;
}
.support-block__anc-ttl {
  font-weight: 500;
  font-size: 2rem;
  line-height: 1.5;
  margin-bottom: 20px;
}
@media screen and (max-width: 834px) {
  .support-block__anc-ttl {
    font-size: 1.8rem;
    line-height: 1.3333333333;
  }
}
.support-block__base img {
  margin: 0 auto;
  display: block;
}
.support-block__plus {
  width: 181px;
  margin: 0 auto 30px;
  padding-left: 50px;
}
@media screen and (max-width: 834px) {
  .support-block__plus {
    width: 118px;
    margin-top: 15px;
    margin-bottom: 30px;
    padding-left: 30px;
  }
}

.support-event {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 30px;
  margin-bottom: 30px;
}
@media screen and (min-width: 641px) {
  .support-event__part--01 {
    width: 35%;
  }
}
@media screen and (min-width: 641px) {
  .support-event__part--02 {
    width: calc(65% - 30px);
  }
}
@media screen and (min-width: 641px) {
  .support-event__part--03 {
    width: calc(50% - 15px);
  }
}
@media screen and (min-width: 641px) {
  .support-event__part--04 {
    width: calc(50% - 15px);
  }
}
.support-event__ttl {
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 1.3333333333;
  color: #85b4e0;
  margin-bottom: 10px;
}
@media screen and (max-width: 834px) {
  .support-event__ttl {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.support-event__ttl--bk {
  color: #211815;
  font-size: 1.8rem;
  line-height: 1.3333333333;
  margin-bottom: 10px;
}
@media screen and (max-width: 834px) {
  .support-event__ttl--bk {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.support-event__txt {
  margin-bottom: 20px;
}
.support-event__cap {
  margin: 10px 0 20px;
}

@media screen and (max-width: 640px) {
  .support-message {
    background-color: #e7ebed;
    padding: 30px 0;
  }
}
.support-message__bg {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 30px;
}
@media screen and (min-width: 641px) {
  .support-message__bg {
    padding: 30px 5%;
    background-color: #e7ebed;
  }
}
@media screen and (min-width: 641px) {
  .support-message__ct {
    width: 60%;
  }
}
.support-message__ttl {
  font-weight: 500;
  font-size: 2rem;
  line-height: 1.2;
  color: #85b4e0;
  margin-bottom: 10px;
}
@media screen and (max-width: 834px) {
  .support-message__ttl {
    font-size: 1.8rem;
    line-height: 1.3333333333;
  }
}
.support-message__txt {
  margin-bottom: 30px;
}
.support-message__note {
  font-size: 1.2rem;
  line-height: 2;
}
@media screen and (min-width: 641px) {
  .support-message__img {
    width: calc(40% - 30px);
  }
}
@media screen and (max-width: 640px) {
  .support-message__img {
    margin-bottom: 10px;
  }
}

.support-info {
  margin-bottom: 50px;
}
.support-info__ttl {
  font-size: 1.8rem;
  line-height: 1.3333333333;
  margin-bottom: 10px;
  font-weight: 500;
}
@media screen and (max-width: 834px) {
  .support-info__ttl {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.support-info__note {
  margin-bottom: 50px;
  display: block;
  font-weight: 500;
}
@media screen and (max-width: 640px) {
  .support-info__note {
    margin-bottom: 30px;
  }
}
.support-info__dl {
  border-top: 1px solid #b3b3b3;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.support-info__dl-ttl {
  font-weight: 500;
  display: block;
  font-style: normal;
  color: #85b4e0;
  font-size: 1.8rem;
  line-height: 1.3333333333;
  margin-bottom: 10px;
}
@media screen and (max-width: 834px) {
  .support-info__dl-ttl {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.support-info__dl-ttl--02 {
  color: #85b4e0;
}
.support-info__dl-ttl--02 {
  color: #d8758d;
}
.support-info__dl-ttl--03 {
  color: #b77fae;
}
.support-info__dl-ttl--04 {
  color: #81b75d;
}
.support-info__dl-ttl--05 {
  color: #e39a3e;
}
.support-info__dl dt, .support-info__dl dd {
  padding: 30px 0;
}
@media screen and (max-width: 834px) {
  .support-info__dl dt, .support-info__dl dd {
    width: 100%;
    padding: 15px 5%;
  }
}
.support-info__dl dt {
  color: #808080;
}
@media screen and (min-width: 835px) {
  .support-info__dl dt {
    width: 40%;
    padding-left: 5%;
    border-bottom: 1px solid #b3b3b3;
  }
}
.support-info__dl dd {
  border-bottom: 1px solid #b3b3b3;
}
@media screen and (min-width: 835px) {
  .support-info__dl dd {
    width: 60%;
    padding-right: 5%;
  }
}

.achievement-ttl {
  font-size: 1.8rem;
  font-weight: 500;
}

@media screen and (max-width: 834px) {
  .achievement-ttl {
    font-size: 1.4rem;
  }
}
.achievement-block__list {
  border-bottom: 1px solid #e6e6e6;
  padding: 20px 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media screen and (max-width: 834px) {
  .achievement-block__list {
    padding-top: 5px;
  }
}
.achievement-block__list:first-child {
  border-top: 1px solid #e6e6e6;
}

.achievement-block__list-dt {
  width: 300px;
}

@media screen and (max-width: 834px) {
  .achievement-block__list-dt {
    width: 100%;
    margin-bottom: 10px;
  }
}
.achievement-block__list-dd {
  padding-left: 2rem;
  width: calc(100% - 300px);
}

@media screen and (max-width: 834px) {
  .achievement-block__list-dd {
    width: 100%;
  }
}
.achievement-block__list-li {
  list-style-type: disc;
}

.achievement-block__list-li::marker {
  color: #85b4e0;
  font-size: 150%;
  font-weight: bold;
  line-height: 0.1;
}

.achievement-block__list-li span {
  vertical-align: 0.15em;
}

summary::-webkit-details-marker {
  display: none;
}

.diploma-ct {
  margin-bottom: 70px;
}
@media screen and (max-width: 834px) {
  .diploma-ct {
    margin-bottom: 40px;
  }
}
.diploma-ct__q {
  font-size: 2.4rem;
  line-height: 1.5;
  font-weight: 500;
  color: #d2476f;
  padding: 20px;
  text-align: center;
  border: 1px solid #d2476f;
  border-radius: 5px;
}
@media screen and (max-width: 834px) {
  .diploma-ct__q {
    padding: 20px 5px;
    font-size: 2.2rem;
    line-height: 1.0909090909;
  }
}
.diploma-ct__q--a {
  color: #fff;
  background-color: #d2476f;
}
.diploma-ct__flow {
  width: 80%;
  margin: 0 auto 10px;
  padding-left: 10px;
}
@media screen and (max-width: 834px) {
  .diploma-ct__flow {
    width: 90%;
  }
}
@media screen and (max-width: 640px) {
  .diploma-ct__flow {
    width: 100%;
    padding-left: 5%;
  }
}

.diploma-list {
  margin-bottom: 20px;
  padding-left: 3rem;
}
@media screen and (max-width: 640px) {
  .diploma-list {
    padding-left: 1.5rem;
  }
}
.diploma-list li {
  list-style-type: disc;
  margin-bottom: 10px;
}
.diploma-list li small {
  font-size: 1.3rem;
  line-height: 1.8461538462;
}
@media screen and (max-width: 834px) {
  .diploma-list li small {
    font-size: 1.1rem;
    line-height: 2.1818181818;
  }
}
.diploma-list a {
  color: #009ee2;
}

.diploma-linkto {
  padding-left: 2rem;
}
@media screen and (max-width: 640px) {
  .diploma-linkto {
    padding-left: 0;
  }
}
.diploma-linkto a {
  color: #009ee2;
}

.sec-disclosure {
  padding: 80px 0 15px;
}
@media screen and (max-width: 834px) {
  .sec-disclosure {
    padding: 40px 0 10px;
  }
}

.disclosure-block__item {
  margin-bottom: 79px;
}
@media screen and (max-width: 834px) {
  .disclosure-block__item {
    margin-bottom: 40px;
  }
}
.disclosure-block__item-txt {
  font-size: 1.8rem;
  font-weight: 500;
  padding-left: 15px;
  color: #211815;
}
.disclosure-block__item-txt a {
  color: #009EE2;
}
.disclosure-block__item-txt02 {
  font-size: 2rem;
  font-weight: 500;
  color: #211815;
  margin-bottom: 39px;
}
.disclosure-block__wrap {
  margin-bottom: 68px;
}
@media screen and (max-width: 834px) {
  .disclosure-block__wrap {
    margin-bottom: 30px;
  }
}
.disclosure-block__wrap-ttl {
  font-size: 2.6rem;
  font-weight: 500;
  color: #85B4E0;
  border: 1px #85B4E0 solid;
  padding: 31px 10px;
  text-align: center;
  border-radius: 4px;
}
@media screen and (max-width: 834px) {
  .disclosure-block__wrap-ttl {
    font-size: 2.2rem;
    padding: 15px 10px;
  }
}
.disclosure-block__wrap-ttl--white {
  color: #fff;
  background: #D2476F;
  border-color: #D2476F;
}
.disclosure-block__wrap-list {
  text-align: center;
  padding: 57px 12.6% 50px 22.4%;
  position: relative;
  margin-bottom: 8px;
}
@media screen and (max-width: 834px) {
  .disclosure-block__wrap-list {
    padding: 30px 10% 30px 12%;
  }
}
.disclosure-block__wrap-list:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 14px;
  height: 99%;
  background: url(../../img/2024/school/disclosure/icon-arr.png) no-repeat center/cover;
  top: 0;
  left: 13.5%;
}
@media screen and (max-width: 834px) {
  .disclosure-block__wrap-list:before {
    left: 6%;
  }
}
.disclosure-block__wrap-list-item {
  font-size: 2.2rem;
  font-weight: 500;
  background: rgba(133, 180, 224, 0.1);
  border-radius: 4px;
  padding: 18px 10px;
  margin-bottom: 36px;
  position: relative;
}
@media screen and (max-width: 834px) {
  .disclosure-block__wrap-list-item {
    font-size: 1.8rem;
  }
}
.disclosure-block__wrap-list-item:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 0px;
  height: 0px;
  border: 15px transparent solid;
  border-top: 15px #85b4e0 solid;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: -30px;
}
.disclosure-block__wrap-list-item:last-child {
  margin-bottom: 0;
}
.disclosure-block__wrap-list-item:last-child::before {
  display: none;
}
.disclosure-block__flex {
  padding-left: 25px;
}
.disclosure-block__flex-item {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  color: #211815;
}
.disclosure-block__flex-item-ttl {
  width: 115px;
  padding-right: 10px;
}
.disclosure-block__flex-item-txt {
  width: calc(100% - 115px);
}
.disclosure-block__flex-item-txt small {
  font-size: 1rem;
  display: inline-block;
  vertical-align: top;
  margin-top: 5px;
}
.disclosure-block__box {
  padding: 0 24px;
}
.disclosure-block__box p {
  font-weight: 500;
  margin-bottom: 33px;
}
.disclosure-block__box ul {
  background: #f2f2f2;
  padding: 24px 24px;
  margin: 0 -24px 16px -24px;
}
.disclosure-block__box ul li {
  position: relative;
  padding-left: 15px;
  margin-bottom: 5px;
}
.disclosure-block__box ul li:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 10px;
  height: 10px;
  background: #D2476F;
  border-radius: 50%;
  top: 8px;
  left: 0;
}

.disclosure-list {
  padding-left: 20px;
}
.disclosure-list__item a {
  color: #009EE2;
  position: relative;
  display: block;
  padding-left: 10px;
}
.disclosure-list__item a:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 4px;
  height: 4px;
  background: #211815;
  border-radius: 50%;
  top: 19px;
  left: 0;
}
@media screen and (max-width: 834px) {
  .disclosure-list__item a:before {
    top: 15px;
  }
}
.disclosure-list__item a span {
  font-size: 1.4rem;
}
.disclosure-list__item--underline a {
  text-decoration: underline;
}

.disclosure-tag {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 10px;
}
.disclosure-tag__item {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-weight: 500;
  color: #5A9FD5;
  margin-bottom: 10px;
}
.disclosure-tag__item-ttl {
  font-size: 1.8rem;
  background: #F2F2F2;
  padding: 5px 30px;
  border-left: 3px #5A9FD5 solid;
  border-right: 3px #5A9FD5 solid;
}
@media screen and (max-width: 834px) {
  .disclosure-tag__item-ttl {
    padding: 5px 20px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 374px) {
  .disclosure-tag__item-ttl {
    padding: 5px 10px;
    font-size: 1.4rem;
  }
}
.disclosure-tag__item-txt {
  font-size: 2.4rem;
  padding: 0 21px;
}
@media screen and (max-width: 834px) {
  .disclosure-tag__item-txt {
    padding: 0 15px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 374px) {
  .disclosure-tag__item-txt {
    font-size: 1.8rem;
  }
}
.disclosure-tag--orange .disclosure-tag__item {
  color: #E39A3E;
}
.disclosure-tag--orange .disclosure-tag__item-ttl {
  border-color: #E39A3E;
}
.disclosure-tag--green .disclosure-tag__item {
  color: #81B75D;
}
.disclosure-tag--green .disclosure-tag__item-ttl {
  border-color: #81B75D;
}
.disclosure-tag--pink .disclosure-tag__item {
  color: #D8758D;
}
.disclosure-tag--pink .disclosure-tag__item-ttl {
  border-color: #D8758D;
}
.disclosure-tag--purple .disclosure-tag__item {
  color: #B77FAE;
}
.disclosure-tag--purple .disclosure-tag__item-ttl {
  border-color: #B77FAE;
}

.table-scroll {
  overflow-x: auto;
  padding-bottom: 10px;
  margin-bottom: 23px;
}

.table-disclosure {
  width: 100%;
  min-width: 650px;
}
.table-disclosure thead tr th {
  color: #fff;
  padding: 0 10px;
  background: #5A9FD5;
  border: 2px #211815 solid;
  font-weight: 500;
  line-height: 2;
}
.table-disclosure thead tr th:first-child {
  width: 31%;
}
.table-disclosure thead tr th:nth-child(2) {
  width: 27%;
}
.table-disclosure thead tr th:nth-child(3) {
  width: 25.5%;
}
.table-disclosure thead tr th:last-child {
  width: 16.5%;
}
.table-disclosure tbody tr td {
  line-height: 1.7;
  font-weight: 500;
  padding: 7px 9px 8px;
  border: 2px #211815 solid;
}
.table-disclosure tbody tr:last-child td {
  background: #DEE6EC;
}

.disclosure-sitemap {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -15px;
  max-width: 860px;
}
.disclosure-sitemap__item {
  width: 48%;
  padding: 0 15px;
}
@media screen and (max-width: 834px) {
  .disclosure-sitemap__item {
    width: 100%;
  }
}
.disclosure-sitemap__item:last-child {
  width: 52%;
}
@media screen and (max-width: 834px) {
  .disclosure-sitemap__item:last-child {
    width: 100%;
  }
}

.sitemap-list {
  font-weight: 500;
  padding-left: 15px;
}
.sitemap-list a, .sitemap-list summary {
  color: #211815;
  position: relative;
}
.sitemap-list summary {
  font-size: 1.8rem;
  padding-left: 12px;
  display: block;
}
.sitemap-list summary:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 6px;
  height: 6px;
  border-top: 1px #211815 solid;
  border-right: 1px #211815 solid;
  left: 0;
  top: 9px;
  transform: rotate(45deg);
}
.sitemap-list details {
  padding-top: 15px;
  padding-left: 52px;
}
.sitemap-list details summary {
  font-size: 1.6rem;
  padding-left: 18px;
}
.sitemap-list details details {
  padding-left: 48px;
  padding-top: 13px;
}
.sitemap-list details details ul {
  padding-left: 21px;
  padding-top: 5px;
}
.sitemap-list details details ul > li {
  font-size: 1.4rem;
  margin-bottom: 4px;
  font-weight: 400;
  padding-left: 14px;
}
.sitemap-list details details ul > li a {
  color: #999;
  padding-left: 12px;
}
.sitemap-list details details ul > li a:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 6px;
  height: 6px;
  border-top: 1px #211815 solid;
  border-right: 1px #211815 solid;
  left: 0;
  transform: rotate(45deg);
  background: #211815;
  top: 6px;
  transform: rotate(0);
}
.sitemap-list > li {
  font-size: 1.8rem;
  margin-bottom: 30px;
}
.sitemap-list > li a {
  padding-left: 12px;
}
.sitemap-list > li a:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 6px;
  height: 6px;
  border-top: 1px #211815 solid;
  border-right: 1px #211815 solid;
  left: 0;
  top: 9px;
  transform: rotate(45deg);
}
.sitemap-list > li ul {
  padding-top: 15px;
  padding-left: 52px;
}
.sitemap-list > li ul > li {
  font-size: 1.6rem;
  margin-bottom: 30px;
}
.sitemap-list > li ul > li a {
  padding-left: 18px;
}
.sitemap-list > li ul > li a::before {
  transform: rotate(135deg);
  top: 7px;
}
.sitemap-list > li ul > li ul {
  padding-left: 48px;
  padding-top: 13px;
}
.sitemap-list > li ul > li ul > li {
  font-size: 1.6rem;
  margin-bottom: 17px;
}
.sitemap-list > li ul > li ul > li a {
  color: #999;
}
.sitemap-list > li ul > li ul > li ul {
  padding-left: 21px;
  padding-top: 5px;
}
.sitemap-list > li ul > li ul > li ul > li {
  font-size: 1.4rem;
  margin-bottom: 4px;
}
.sitemap-list > li ul > li ul > li ul > li a {
  color: #999;
  font-weight: 400;
  padding-left: 14px;
}
.sitemap-list > li ul > li ul > li ul > li a::before {
  background: #211815;
  top: 6px;
  transform: rotate(0);
}

details[open] > summary:before {
  transform: rotate(135deg);
  top: 7px;
}

.sec-detail {
  padding: 80px 0 101px;
  color: #211815;
}
@media screen and (max-width: 834px) {
  .sec-detail {
    padding: 50px 0;
  }
}

.detail-box {
  font-weight: 500;
}
.detail-box:not(:first-child) {
  padding-top: 150px;
  margin-bottom: -50px;
}
@media screen and (max-width: 834px) {
  .detail-box:not(:first-child) {
    padding-top: 100px;
    margin-bottom: 0;
  }
}
.detail-box__ttl {
  color: #1F1815;
}
.detail-box p {
  margin-bottom: 29px;
}
@media screen and (max-width: 834px) {
  .detail-box p {
    margin-bottom: 15px;
  }
}
.detail-box__lead {
  background: rgba(133, 180, 224, 0.3);
  padding: 1px 11px 3px;
  margin-bottom: 27px;
}
.detail-box__list {
  margin-bottom: 34px;
}
.detail-box__list-item {
  color: #29ABE2;
  font-weight: 500;
  margin-bottom: 8px;
}
@media screen and (max-width: 834px) {
  .detail-box__list-item {
    margin-bottom: 0;
  }
}
.detail-box__list-item a {
  color: #29ABE2;
}
.detail-box__list-item a span {
  font-size: 1.2rem;
}
.detail-box__list--02 {
  margin-bottom: 18px;
}
.detail-box__list--02 .detail-box__list-item {
  margin-bottom: 0;
}
.detail-box__txt {
  line-height: 1.4;
}
.detail-box__txt span {
  font-size: 2rem;
}
@media screen and (max-width: 834px) {
  .detail-box__txt span {
    font-size: 1.6rem;
  }
}
.detail-box__txt span a {
  font-size: 2.8rem;
  line-height: 1;
  color: #29ABE2;
  pointer-events: none;
}
@media screen and (max-width: 834px) {
  .detail-box__txt span a {
    font-size: 2rem;
  }
}
.detail-box__wrap {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 19px 38px;
  background: #F2F2F2;
}
@media screen and (max-width: 834px) {
  .detail-box__wrap {
    padding: 20px;
  }
}
.detail-box__wrap-lt {
  width: 148px;
}
@media screen and (max-width: 834px) {
  .detail-box__wrap-lt {
    width: 100%;
    margin-bottom: 15px;
  }
}
.detail-box__wrap-lt span {
  display: block;
  text-align: center;
  color: #fff;
  font-weight: 500;
  background: #85B4E0;
  padding: 20px 15px;
  border-radius: 4px;
}
@media screen and (max-width: 834px) {
  .detail-box__wrap-lt span {
    padding: 15px;
  }
}
.detail-box__wrap-rt {
  width: calc(100% - 148px);
  padding-left: 30px;
  font-size: 2rem;
}
@media screen and (max-width: 834px) {
  .detail-box__wrap-rt {
    font-size: 1.6rem;
    width: 100%;
    padding-left: 0;
  }
}
.detail-box__wrap-rt-ttl {
  font-weight: 500;
  padding-left: 10px;
}
.detail-box__wrap-rt-txt {
  font-size: 1.6rem;
  padding-left: 10px;
}
@media screen and (max-width: 834px) {
  .detail-box__wrap-rt-txt {
    font-size: 1.4rem;
  }
}
.detail-box__wrap-rt-flex {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  line-height: 1.4;
}
.detail-box__wrap-rt-flex span {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.detail-box__wrap-rt-flex span a, .detail-box__wrap-rt-flex span span {
  font-weight: 500;
  font-size: 2.8rem;
  color: #85B4E0;
}
@media screen and (max-width: 834px) {
  .detail-box__wrap-rt-flex span a, .detail-box__wrap-rt-flex span span {
    font-size: 1.8rem;
  }
}
.detail-box__wrap-rt p {
  line-height: 1.3;
  margin-bottom: 8px;
}
@media screen and (max-width: 834px) {
  .detail-box__wrap-rt p {
    margin-bottom: 0;
  }
}
.detail-box__wrap-rt p a {
  font-weight: 500;
  font-size: 2.8rem;
  color: #85B4E0;
  pointer-events: none;
}
@media screen and (max-width: 834px) {
  .detail-box__wrap-rt p a {
    font-size: 1.8rem;
  }
}
@media screen and (min-width: 835px) {
  .detail-box__wrap--02 {
    padding: 28px 38px;
  }
}
.detail-box__mail {
  display: inline-block;
  width: 327px;
}
@media screen and (max-width: 834px) {
  .detail-box__mail {
    width: 200px;
  }
}
.detail-box__mail img {
  padding: 3px 0 0 5px;
}
.detail-box.mbpc-161 {
  margin-bottom: 161px;
}
@media screen and (max-width: 834px) {
  .detail-box.mbpc-161 {
    margin-bottom: 50px;
  }
}

.detail-block__item:not(:last-of-type) {
  margin-bottom: 81px;
}
@media screen and (max-width: 834px) {
  .detail-block__item:not(:last-of-type) {
    margin-bottom: 40px;
  }
}
.detail-block__img {
  margin-bottom: 13px;
}
.detail-block__img img {
  width: 100%;
}
.detail-block__ttl {
  font-size: 2rem;
  font-weight: 500;
  color: #85B4E0;
  margin-bottom: 3px;
}
.detail-block p {
  font-weight: 500;
  margin-bottom: 36px;
}

.detail-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-bottom: 78px;
}
@media screen and (max-width: 1245px) {
  .detail-list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 834px) {
  .detail-list {
    grid-template-columns: repeat(1, 1fr);
    margin-bottom: 40px;
  }
}
.detail-list__ttl {
  text-align: center;
  font-size: 2.2rem;
  font-weight: 500;
  color: #83B2DE;
  padding: 5px;
  background: rgba(131, 178, 222, 0.2);
  margin-bottom: 11px;
}
.detail-list__ct {
  border: 1px #83B2DE solid;
  padding: 10px 33px 22px;
  font-size: 1.5rem;
  font-weight: 500;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  flex-direction: column;
  gap: 5px;
}
@media screen and (max-width: 990px) {
  .detail-list__ct {
    padding: 20px;
  }
}
.detail-list__ct-ttl {
  color: #83B2DE;
}
.detail-list__ct p span {
  color: #D2476F;
  font-size: 2.6rem;
}
@media screen and (max-width: 834px) {
  .detail-list__ct p span {
    font-size: 2rem;
  }
}
.detail-list__ct p span small {
  font-size: 1.5rem;
}
@media screen and (max-width: 834px) {
  .detail-list__ct p span small {
    font-size: 1.4rem;
  }
}
.detail-list__ct-wrap {
  padding-top: 12px;
}
.detail-list__ct-dl {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.detail-list__ct-dl:last-child {
  border-top: 1px #211815 solid;
  padding-top: 5px;
  margin-top: 5px;
}
.detail-list__ct-dt {
  width: calc(100% - 120px);
  padding-left: 27px;
}
@media screen and (max-width: 834px) {
  .detail-list__ct-dt {
    padding-left: 7px;
  }
}
.detail-list__ct-dd {
  width: 120px;
  color: #83B2DE;
}
.detail-list__ct-dd span {
  font-size: 2.6rem;
  min-width: 30px;
  display: inline-block;
  text-align: right;
}
@media screen and (max-width: 834px) {
  .detail-list__ct-dd span {
    font-size: 2rem;
  }
}
.detail-list__ct-note {
  font-size: 1.3rem;
  line-height: 1.5;
}

.detail-banner {
  position: relative;
  margin-bottom: 79px;
}
@media screen and (max-width: 834px) {
  .detail-banner {
    margin-bottom: 40px;
  }
}
.detail-banner__ttl {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 7.2%;
  font-size: 2.6rem;
  line-height: 2.2692307692;
  color: #83B2DE;
  font-weight: 500;
}
@media screen and (max-width: 990px) {
  .detail-banner__ttl {
    font-size: 2rem;
    line-height: 2;
  }
}
@media screen and (max-width: 834px) {
  .detail-banner__ttl {
    font-size: 1.6rem;
    left: 15px;
  }
}
.detail-banner__img img {
  width: 100%;
  object-fit: cover;
}

.detail-wrap {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 31px 20px 10px;
  background: rgba(90, 159, 213, 0.3);
  margin-bottom: 39px;
}
@media screen and (max-width: 834px) {
  .detail-wrap {
    padding: 20px;
  }
}
.detail-wrap__lt {
  width: 273px;
  margin-bottom: 20px;
}
@media screen and (max-width: 834px) {
  .detail-wrap__lt {
    width: 100%;
  }
}
.detail-wrap__lt img {
  width: 100%;
}
.detail-wrap__rt {
  width: calc(100% - 273px);
  padding-left: 5.4%;
  max-width: 800px;
  margin-bottom: 30px;
}
@media screen and (max-width: 834px) {
  .detail-wrap__rt {
    width: 100%;
    padding-left: 0;
  }
}
.detail-wrap__ttl {
  font-size: 2.4rem;
  text-align: center;
  color: #fff;
  background: #5A9FD5;
  border-radius: 0 0 8px 8px;
  padding: 1px 5px;
  margin-bottom: 18px;
}
@media screen and (max-width: 834px) {
  .detail-wrap__ttl {
    font-size: 1.8rem;
  }
}
.detail-wrap__img {
  padding: 0 15px;
  margin-bottom: 20px;
}
@media screen and (max-width: 834px) {
  .detail-wrap__img {
    max-width: 360px;
    margin: 0 auto 20px;
  }
}
.detail-wrap__name {
  font-size: 2.4rem;
  line-height: 1;
  margin-bottom: 10px;
}
@media screen and (max-width: 834px) {
  .detail-wrap__name {
    font-size: 1.8rem;
  }
}
.detail-wrap__list-item {
  margin-bottom: 25px;
}
.detail-wrap__list-item:last-child {
  margin-bottom: 0;
}
.detail-wrap__list-ttl {
  font-size: 1.6rem;
  font-weight: 500;
  position: relative;
  background: #fff;
  padding-left: 47px;
  line-height: 2.2;
  margin-bottom: 5px;
}
.detail-wrap__list-ttl span {
  width: 33px;
  height: 100%;
  line-height: 1;
  text-align: center;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-size: 2rem;
  color: #fff;
  background: #5A9FD5;
  position: absolute;
  top: 0;
  left: 0;
}
.detail-wrap__list p {
  font-weight: 500;
}
.detail-wrap--pink {
  background: rgba(216, 117, 141, 0.3);
}
.detail-wrap--orange {
  background: rgba(227, 154, 62, 0.3);
}
.detail-wrap--green {
  background: rgba(129, 183, 93, 0.3);
  margin-bottom: -50px;
}

.mv-game {
  position: relative;
  height: 838px;
  background: url("../../img/2024/game/mv.png") center bottom no-repeat;
  background-size: cover;
}
@media screen and (max-width: 640px) {
  .mv-game {
    height: 510px;
  }
}
.mv-game__ttl {
  position: absolute;
  text-align: center;
  width: 100%;
  padding: 0 6.6%;
  top: 45.1%;
  left: -3px;
  transform: translateY(-50%);
}
@media screen and (max-width: 640px) {
  .mv-game__ttl {
    max-width: 400px;
    top: 45.1%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}

.sec-intro {
  margin-top: -126px;
}
@media screen and (max-width: 640px) {
  .sec-intro {
    margin-top: -15vw;
  }
}

.intro-ttl {
  text-align: center;
  margin-bottom: 59px;
}
@media screen and (max-width: 640px) {
  .intro-ttl {
    margin-bottom: 2vw;
  }
}

.intro-desc {
  display: inline-block;
  background: #374EA6;
  padding: 2px 85px 0 28px;
  clip-path: polygon(0 0, 85.7% 0, 100% 100%, 0 100%);
  transform: skewY(-10deg);
  margin-left: -15px;
}
@media screen and (max-width: 640px) {
  .intro-desc {
    margin: 0 0 17px 0;
  }
}
.intro-desc img {
  transform: skewY(10deg);
}

.intro-list {
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: max(-82px, -6vw) 0 max(-211px, -15.5vw);
  padding-top: 25px;
  transform: skewY(-10deg);
}
@media screen and (max-width: 1024px) {
  .intro-list {
    margin-bottom: -10vw;
  }
}
.intro-list:before {
  content: "";
  position: absolute;
  width: 100vw;
  height: 100%;
  background: #374EA6;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: -1;
}
.intro-list__item {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 50%;
}
@media screen and (max-width: 1024px) {
  .intro-list__item {
    width: 48%;
    padding-bottom: 30px;
  }
}
@media screen and (max-width: 640px) {
  .intro-list__item {
    width: 100%;
    margin-bottom: 20px;
  }
  .intro-list__item:last-child {
    margin-bottom: 0;
  }
}
.intro-list__img {
  width: 52%;
  transform: skewY(10deg);
}
@media screen and (max-width: 1024px) {
  .intro-list__img {
    width: 100%;
    max-width: 265px;
    clip-path: polygon(0 0, 100% 0%, 100% 86%, 0% 100%);
  }
}
@media screen and (max-width: 640px) {
  .intro-list__img {
    margin: 0 auto;
  }
}
.intro-list__ct {
  width: 48%;
  color: white;
  font-size: 1.8rem;
  line-height: 1.7777777778;
  padding-top: 31px;
}
@media screen and (max-width: 1245px) {
  .intro-list__ct {
    font-size: 1.4rem;
    padding-top: 20px;
  }
}
@media screen and (max-width: 1024px) {
  .intro-list__ct {
    width: 100%;
  }
}
.intro-list__ct-ttl {
  transform: skewY(10deg);
}
@media screen and (max-width: 640px) {
  .intro-list__ct-ttl {
    text-align: center;
    margin: -20px 0 6px;
  }
}

.intro-main {
  position: relative;
  margin: 0 min(-6.6vw, (1170px - 100vw) / 2);
  overflow: hidden;
}
.intro-main > picture img {
  width: 100%;
}
.intro-main__ttl {
  position: absolute;
  width: max-content;
  background: rgba(255, 255, 255, 0.59);
  padding: 33px 91px 0 max(6.6vw, (100vw - 1144px) / 2);
  left: 0;
  top: 56%;
  transform: translateY(-50%) skewY(-10deg);
}
@media screen and (max-width: 640px) {
  .intro-main__ttl {
    width: 100%;
    max-width: 300px;
    padding: 21px 6.6vw 0;
    top: 54%;
  }
}
.intro-main__ttl img {
  transform: skewY(10deg);
}

.sec-learn {
  padding-top: 2px;
}
@media screen and (max-width: 834px) {
  .sec-learn {
    padding-top: 30px;
  }
}

.learn-ttl {
  text-align: center;
  margin-bottom: 74px;
}
@media screen and (max-width: 834px) {
  .learn-ttl {
    margin-bottom: 30px;
  }
}

.learn-list {
  max-width: 1146px;
  margin: 0 auto;
}
.learn-list__item {
  background: url("../../img/2024/game/learn-sub1.jpg") center no-repeat;
  background-size: cover;
  padding: 48px 15px 87px;
  margin-bottom: 78px;
}
@media screen and (max-width: 834px) {
  .learn-list__item {
    padding: 30px 15px;
    margin-bottom: 50px;
  }
}
.learn-list__item:last-child {
  margin-bottom: 0;
}
.learn-list__item:nth-child(even) {
  background: url("../../img/2024/game/learn-sub2.jpg") center no-repeat;
  background-size: cover;
}
.learn-list__ttl {
  text-align: center;
  margin-bottom: 39px;
}
@media screen and (max-width: 834px) {
  .learn-list__ttl {
    margin-bottom: 30px;
  }
}
.learn-list__sub {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 976px;
  margin: 0 auto 114px;
}
@media screen and (max-width: 640px) {
  .learn-list__sub {
    margin-bottom: 80px;
  }
}
.learn-list__sub-item {
  width: calc(33.333% - 16px);
  background: white;
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 2;
  padding: 3px 3px 64px;
  margin: 0 8px;
}
@media screen and (min-width: 1246px) {
  .learn-list__sub-item {
    min-height: 513px;
  }
}
@media screen and (max-width: 834px) {
  .learn-list__sub-item {
    font-size: 1.3rem;
  }
}
@media screen and (max-width: 640px) {
  .learn-list__sub-item {
    width: 100%;
    padding-bottom: 25px;
    margin: 0 0 20px;
  }
  .learn-list__sub-item:last-child {
    margin-bottom: 0;
  }
}
.learn-list__sub-item p {
  max-width: 260px;
  padding: 0 10px;
  margin: 0 auto;
}
.learn-list__sub-item:nth-child(3n+2) .learn-list__sub-tag {
  background: #E6366E;
}
.learn-list__sub-item:nth-child(3n+2) .learn-list__sub-ttl {
  color: #E6366E;
}
.learn-list__sub-item:nth-child(3n+3) .learn-list__sub-tag {
  background: #374EA6;
}
.learn-list__sub-item:nth-child(3n+3) .learn-list__sub-ttl {
  color: #374EA6;
}
.learn-list__sub-tag {
  text-align: center;
  background: #3B78F5;
  color: white;
  font-weight: 500;
  font-size: 1.8rem;
  padding: 4px 15px 2px;
  margin-bottom: 12px;
}
.learn-list__sub-ttl {
  text-align: center;
  color: #3B78F5;
  font-weight: 500;
  font-size: 2.2rem;
  padding: 0 10px;
  margin-bottom: 18px;
}
@media screen and (max-width: 834px) {
  .learn-list__sub-ttl {
    font-size: 1.8rem;
  }
}
.learn-list__wrap {
  text-align: center;
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 960px;
  min-height: 175px;
  background: white;
  border: 2px solid #374EA6;
  border-radius: 5px;
  padding: 20px 15px 15px;
  margin: 0 auto;
}
@media screen and (max-width: 834px) {
  .learn-list__wrap {
    min-height: 100px;
  }
}
.learn-list__wrap-ttl {
  position: absolute;
  width: max-content;
  max-width: 100%;
  background: #374EA6;
  color: white;
  border-radius: 5px;
  font-weight: 500;
  font-size: 2rem;
  padding: 11px 39px 13px;
  bottom: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
@media screen and (max-width: 834px) {
  .learn-list__wrap-ttl {
    font-size: 1.4rem;
    padding: 10px;
  }
}
@media screen and (max-width: 374px) {
  .learn-list__wrap-ttl {
    font-size: 1.2rem;
    padding: 11px 10px;
  }
}
.learn-list__wrap-ttl:before, .learn-list__wrap-ttl:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-bottom: 50px solid #374ea6;
  border-right: 23px solid transparent;
  bottom: 0;
}
@media screen and (max-width: 834px) {
  .learn-list__wrap-ttl:before, .learn-list__wrap-ttl:after {
    border-bottom: 38px solid #374ea6;
  }
}
.learn-list__wrap-ttl:after {
  right: -22px;
}
.learn-list__wrap-ttl:before {
  left: -22px;
  transform: scaleX(-1);
}

.game-btn {
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  max-width: 490px;
  height: 90px;
  background: #E6366E;
  color: white;
  border-radius: 3px;
  font-weight: 500;
  font-size: 2rem;
  line-height: 1.45;
  padding: 8px 12px 10px 12px;
  margin: 0 auto;
}
@media screen and (max-width: 834px) {
  .game-btn {
    height: 75px;
    font-size: 1.3rem;
  }
}
@media screen and (max-width: 374px) {
  .game-btn {
    font-size: 1rem;
  }
}
.game-btn:after {
  content: "";
  display: inline-block;
  width: 22px;
  height: 22px;
  background: url("../../img/2024/game/icon-arrow.svg") center no-repeat;
  background-size: contain;
  margin: 6px 0 0 12px;
}
@media screen and (max-width: 834px) {
  .game-btn:after {
    margin-left: 6px;
  }
}

.sec-methods {
  padding: 126px 0 74px;
}
@media screen and (max-width: 834px) {
  .sec-methods {
    padding: 50px 0;
  }
}

.game-ttl {
  position: relative;
  text-align: center;
  padding: 29px 15px 31px;
  margin-bottom: 35px;
}
@media screen and (max-width: 834px) {
  .game-ttl {
    padding: 20px 10px;
    margin-bottom: 20px;
  }
}
.game-ttl:before {
  content: "";
  position: absolute;
  width: 100vw;
  height: 100%;
  background: #374EA6;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: -1;
}

.methods-desc {
  text-align: center;
  color: #374EA6;
  font-weight: bold;
  font-size: 2rem;
  margin-bottom: 23px;
}
@media screen and (max-width: 834px) {
  .methods-desc {
    font-size: 1.8rem;
    margin-bottom: 20px;
  }
}

.methods-list {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 81px;
}
@media screen and (max-width: 834px) {
  .methods-list {
    margin-bottom: 50px;
  }
}
.methods-list__item {
  width: calc(33.333% - 60px);
  font-family: "Kozuka Gothic Pr6N R", sans-serif;
}
@media screen and (max-width: 1024px) {
  .methods-list__item {
    width: calc(33.333% - 20px);
  }
}
@media screen and (max-width: 640px) {
  .methods-list__item {
    width: 100%;
    margin-bottom: 30px;
  }
  .methods-list__item:last-child {
    margin-bottom: 0;
  }
}
.methods-list__img {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 22px;
}
@media screen and (max-width: 834px) {
  .methods-list__img {
    margin-bottom: 10px;
  }
}

.sec-trigger {
  background: #E6E6E6;
  padding: 68px 0 70px;
}
@media screen and (max-width: 834px) {
  .sec-trigger {
    padding: 50px 0;
  }
}

.trigger-wrap {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 1148px;
  margin: 0 auto;
}
@media screen and (max-width: 1245px) {
  .trigger-wrap {
    align-items: center;
  }
}
.trigger-wrap__img {
  width: 56.6%;
}
@media screen and (max-width: 1024px) {
  .trigger-wrap__img {
    width: 100%;
    margin-bottom: 10px;
  }
}
.trigger-wrap__ct {
  width: 40.2%;
  font-family: "Kozuka Gothic Pr6N R", sans-serif;
  margin-bottom: -8px;
}
@media screen and (max-width: 1024px) {
  .trigger-wrap__ct {
    width: 100%;
  }
}
.trigger-wrap__ct-ttl {
  color: #374EA6;
  font-size: 3rem;
  line-height: 1.715;
  margin-bottom: 54px;
}
@media screen and (min-width: 1320px) {
  .trigger-wrap__ct-ttl {
    margin-right: -80px;
  }
}
@media screen and (max-width: 834px) {
  .trigger-wrap__ct-ttl {
    font-size: 1.8rem;
    margin-bottom: 15px;
  }
}
.trigger-wrap__ct-logo {
  mix-blend-mode: multiply;
  margin-bottom: 20px;
}
@media screen and (max-width: 834px) {
  .trigger-wrap__ct-logo {
    margin-bottom: 10px;
  }
}
.trigger-wrap__ct p {
  padding: 0 10px;
}

.compare-list {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (min-width: 1025px) {
  .compare-list {
    margin-bottom: -37px;
  }
}
.compare-list__item {
  text-align: center;
  width: calc(33.333% - 16px);
  margin: 0 8px 49px;
  border: 3px solid #CCCCCC;
  font-family: "Jost", sans-serif;
  font-weight: 500;
  font-size: 4rem;
  line-height: 1;
}
@media screen and (max-width: 1024px) {
  .compare-list__item {
    font-size: 3rem;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 640px) {
  .compare-list__item {
    width: 100%;
    margin-bottom: 20px;
  }
  .compare-list__item:last-child {
    margin-bottom: 10px;
  }
}
.compare-list__item p {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 93px;
  padding: 10px;
}
@media screen and (max-width: 1024px) {
  .compare-list__item p {
    min-height: 70px;
  }
}
.compare-list__item--blue {
  color: #374EA6;
  border-color: #374EA6;
  font-size: 5.5rem;
}
@media screen and (max-width: 1024px) {
  .compare-list__item--blue {
    font-size: 3.2rem;
  }
}
@media screen and (max-width: 640px) {
  .compare-list__item--blue {
    font-size: 4rem;
  }
}
.compare-list__item--blue .compare-list__tag {
  background: #374EA6;
}
.compare-list__tag {
  display: block;
  background: #333333;
  color: white;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 2.6rem;
  padding: 9px 15px 12px;
}

.compare-txt {
  text-align: center;
  font-size: 1.2rem;
  line-height: 1.8033333333;
  margin-bottom: 75px;
}
@media screen and (max-width: 834px) {
  .compare-txt {
    font-size: 1rem;
    margin-bottom: 30px;
  }
}

.compare-banner {
  background: url("../../img/2024/game/compare-banner.jpg") center no-repeat;
  background-size: cover;
  padding: 75px 6.6% 61px;
}
@media screen and (max-width: 834px) {
  .compare-banner {
    padding: 30px 6.6%;
  }
}
.compare-banner__ttl {
  text-align: center;
  margin-bottom: 61px;
}
@media screen and (max-width: 834px) {
  .compare-banner__ttl {
    margin-bottom: 30px;
  }
}
.compare-banner__img {
  margin: 0 -6.6vw 86px;
}
@media screen and (max-width: 834px) {
  .compare-banner__img {
    margin-bottom: 30px;
  }
}
.compare-banner__img img {
  width: 100%;
}

/* ====================================================
Page faq
==================================================== */
.sec-faq {
  padding: 50px 0 25px;
}
@media screen and (max-width: 640px) {
  .sec-faq {
    padding: 60px 0 0;
  }
}

.faq-block__toggle {
  display: none;
}
.faq-block__label {
  padding: 0.75em 0 0.75em 1.5em;
  display: block;
  color: #85b4e0;
  font-size: 2rem;
  line-height: 1.2;
}
@media screen and (max-width: 640px) {
  .faq-block__label {
    font-size: 1.7rem;
    line-height: 1.4117647059;
    padding: 0.5em 0 0.5em 1.2em;
  }
}
.faq-block__label:before {
  content: "";
  width: 6px;
  height: 6px;
  border-top: 2px solid #85b4e0;
  border-right: 2px solid #85b4e0;
  -webkit-transform: rotate(45deg);
  position: absolute;
  top: 1.15em;
  left: 5px;
  transform: rotate(45deg);
  transition: all 0.6s;
}
@media screen and (max-width: 640px) {
  .faq-block__label:before {
    top: 1em;
  }
}
.faq-block__label, .faq-block__content {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: translateZ(0);
  transition: all 1.2s;
}
.faq-block__content {
  height: 0;
  margin-bottom: 30px;
  padding-left: 2em;
  overflow: hidden;
  font-size: 1.6rem;
  line-height: 1.25;
}
@media screen and (max-width: 640px) {
  .faq-block__content {
    font-size: 1.3rem;
    line-height: 1.8461538462;
    margin-bottom: 20px;
    padding-left: 1.75em;
  }
}
.faq-block__content small {
  font-size: 1.2rem;
  line-height: 1.25;
}
.faq-block__toggle:checked + .faq-block__label + .faq-block__content {
  height: auto;
}
.faq-block__toggle:checked + .faq-block__label::before {
  transform: rotate(135deg) !important;
}

/* ====================================================
Page Privacy
==================================================== */
.policy__ttl {
  text-align: center;
  border-bottom: 2px solid #b3b3b3;
  padding: 120px 0 100px;
  margin-bottom: 60px;
}
@media screen and (max-width: 834px) {
  .policy__ttl {
    padding: 60px 0 50px;
    margin-bottom: 30px;
  }
}
.policy__ttl .jp {
  display: inline-block;
  width: 100%;
  font-weight: 500;
  font-size: 3.2rem;
  margin-bottom: 20px;
}
.policy__ttl .c-ft--en {
  font-size: 1.4rem;
  color: #b3b3b3;
}

.policy-info__brief {
  margin-bottom: 50px;
}
.policy-info__item {
  margin-bottom: 30px;
}
.policy-info__ttl {
  margin-bottom: 30px;
}
.policy-info__ct {
  margin-bottom: 50px;
}
.policy-info__ct a {
  color: #009ee2;
  text-decoration: underline;
}

/* ====================================================
Page voice
==================================================== */
.sec-voice {
  padding: 30px 0 60px;
}

.voice-ttl {
  font-size: 3vw;
  line-height: 1;
  margin-bottom: 20px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 20px 0;
}
@media screen and (min-width: 1246px) {
  .voice-ttl {
    font-size: 4.2rem;
  }
}
@media screen and (max-width: 640px) {
  .voice-ttl {
    font-size: 3.6rem;
  }
}
.voice-ttl span {
  font-size: 2vw;
  padding: 6px;
  border-width: 2px;
  border-style: solid;
  display: block;
}
@media screen and (min-width: 1246px) {
  .voice-ttl span {
    font-size: 3rem;
  }
}
@media screen and (max-width: 640px) {
  .voice-ttl span {
    font-size: 2.6rem;
  }
}
.voice-ttl span:not(:last-child) {
  border-right: 0;
}
.voice-ttl span:last-child {
  margin-right: 10px;
}

.voice-block {
  padding: 10px 2% 30px;
  background-repeat: no-repeat;
  background-size: auto 95%;
}
@media screen and (max-width: 1024px) {
  .voice-block {
    background-size: auto 80%;
    padding-bottom: 20px;
  }
}
@media screen and (max-width: 640px) {
  .voice-block {
    padding: 10px 5% 270px;
    background-size: auto 250px;
    background-position: bottom center;
  }
}
@media screen and (min-width: 641px) {
  /* .voice-block:nth-of-type(odd) {
    background-position: bottom left;
    padding-left: 33.3%;
  } */
  .voice-block:nth-of-type(odd) .voice-block__info-name {
    min-width: 21%;
  }
  .voice-block:nth-of-type(odd) .voice-block__info-data {
    min-width: 29%;
  }
  .voice-block:nth-of-type(odd) .voice-block__info-dt {
    min-width: 14%;
  }
}
@media screen and (min-width: 641px) {
  .voice-block:nth-of-type(even) {
    background-position: bottom right;
  }
  .voice-block:nth-of-type(even) .voice-block__txt {
    /* padding-right: 33.3%; */
  }
  .voice-block:nth-of-type(even) .voice-block__info-name {
    min-width: 13%;
  }
  .voice-block:nth-of-type(even) .voice-block__info-data {
    min-width: 17%;
  }
  .voice-block:nth-of-type(even) .voice-block__info-dt {
    min-width: 9%;
  }
}
.voice-block__ttl {
  font-size: 1.8vw;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 20px;
}
@media screen and (min-width: 1246px) {
  .voice-block__ttl {
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 640px) {
  .voice-block__ttl {
    font-size: 1.8rem;
  }
}
.voice-block__ttl span {
  font-size: 5vw;
  font-family: "Jost", sans-serif;
}
@media screen and (min-width: 1246px) {
  .voice-block__ttl span {
    font-size: 8.2rem;
  }
}
@media screen and (max-width: 640px) {
  .voice-block__ttl span {
    font-size: 6.4rem;
  }
}
.voice-block__txt {
  color: #000;
  margin-bottom: 20px;
}
@media screen and (min-width: 1025px) {
  .voice-block__txt {
    /* min-height: 160px; */
  }
}
@media screen and (min-width: 641px) {
  .voice-block__txt {
    /* min-height: 100px; */
    /* padding-right: 3%; */
  }
}
.voice-block__txt small {
  font-size: 1.2rem;
}
.voice-block__info {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
@media screen and (max-width: 640px) {
  .voice-block__info {
    flex-wrap: wrap;
    gap: 20px 0;
  }
}
.voice-block__info > * {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.voice-block__info * {
  white-space: nowrap;
}
.voice-block__info-name {
  padding: 10px 5px 10px 0;
  color: #000;
  font-size: 1.6vw;
  min-width: 20%;
  flex-wrap: nowrap;
}
@media screen and (min-width: 1246px) {
  .voice-block__info-name {
    font-size: 2rem;
  }
}
@media screen and (max-width: 640px) {
  .voice-block__info-name {
    font-size: 1.7rem;
    min-width: 39%;
    max-width: 41%;
  }
}
.voice-block__info-name span {
  font-size: 1.3vw;
}
@media screen and (min-width: 1246px) {
  .voice-block__info-name span {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 640px) {
  .voice-block__info-name span {
    font-size: 1.4rem;
  }
}
.voice-block__info-data {
  border-left: 1px solid #000;
  padding: 0 8px;
  color: #000;
  font-size: 1.3vw;
  min-width: 28%;
}
@media screen and (min-width: 1246px) {
  .voice-block__info-data {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 640px) {
  .voice-block__info-data {
    width: 59%;
    font-size: 1.4rem;
    padding-right: 0;
  }
}
.voice-block__info-dt {
  border-left-width: 3px;
  border-left-style: solid;
  font-size: 1.2vw;
  padding: 0 8px;
  min-width: 14%;
}
@media screen and (min-width: 1246px) {
  .voice-block__info-dt {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 640px) {
  .voice-block__info-dt {
    min-width: 20%;
    max-width: 30%;
    font-size: 1.25rem;
  }
}
.voice-block__info-dd {
  font-size: 1.2vw;
  padding-left: 5px;
}
@media screen and (min-width: 1246px) {
  .voice-block__info-dd {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 640px) {
  .voice-block__info-dd {
    width: 70%;
    font-size: 1.25rem;
  }
}
.voice-block__info-dd span {
  color: #000;
  font-size: 1vw;
  width: 100%;
}
@media screen and (min-width: 1246px) {
  .voice-block__info-dd span {
    font-size: 1.2rem;
  }
}
@media screen and (max-width: 640px) {
  .voice-block__info-dd span {
    font-size: 1.05rem;
  }
}

.voice-blue {
  color: #5a9fd5;
}
.voice-blue .voice-ttl span {
  border-color: #5a9fd5;
}
.voice-blue .voice-block:nth-of-type(odd) {
  background-color: rgba(90, 159, 213, 0.2);
}
.voice-blue .voice-block:nth-of-type(odd) .voice-block__info-name {
  text-shadow: 1px 1px 0 #ddedf7, -1px -1px 0 #ddedf7, -1px 1px 0 #ddedf7, 1px -1px 0 #ddedf7, 0px 1px 0 #ddedf7, 0 -1px 0 #ddedf7, -1px 0 0 #ddedf7, 1px 0 0 #ddedf7;
}
.voice-blue .voice-block:nth-of-type(1) {
  background-image: url(../../img/2024/voice/blue01.png);
}
.voice-blue .voice-block:nth-of-type(2) {
  background-image: url(../../img/2024/voice/blue02.png);
}
.voice-blue .voice-block:nth-of-type(3) {
  background-image: url(../../img/2024/voice/blue03.png);
}
.voice-blue .voice-block:nth-of-type(4) {
  background-image: url(../../img/2024/voice/blue04.png);
}
.voice-blue .voice-block:nth-of-type(5) {
  background-image: url(../../img/2024/voice/blue05.png);
}
@media screen and (min-width: 1025px) {
  .voice-blue .voice-block:nth-of-type(5) {
    background-size: auto 90%;
  }
}
.voice-blue .voice-block:nth-of-type(6) {
  background-image: url(../../img/2024/voice/blue06.png);
}
@media screen and (max-width: 640px) {
  .voice-blue .voice-block:nth-of-type(6) {
    background-image: url(../../img/2024/voice/blue06-sp.png);
  }
}
.voice-blue .voice-block:nth-of-type(7) {
  background-image: url(../../img/2024/voice/blue07.png);
}
@media screen and (min-width: 1025px) {
  .voice-blue .voice-block:nth-of-type(7) {
    background-size: auto 90%;
  }
}
.voice-blue .voice-block:nth-of-type(8) {
  background-image: url(../../img/2024/voice/blue08.png);
}
@media screen and (min-width: 1025px) {
  .voice-blue .voice-block:nth-of-type(8) {
    background-size: auto 90%;
  }
}
.voice-blue .voice-block__info-dt {
  border-color: #5a9fd5;
}

.voice-pink {
  color: #e96e8c;
}
.voice-pink .voice-ttl span {
  border-color: #e96e8c;
}
.voice-pink .voice-block:nth-of-type(odd) {
  background-color: rgba(233, 110, 140, 0.2);
}
.voice-pink .voice-block:nth-of-type(odd) .voice-block__info-name {
  text-shadow: 1px 1px 0 #fce4e9, -1px -1px 0 #fce4e9, -1px 1px 0 #fce4e9, 1px -1px 0 #fce4e9, 0px 1px 0 #fce4e9, 0 -1px 0 #fce4e9, -1px 0 0 #fce4e9, 1px 0 0 #fce4e9;
}
.voice-pink .voice-block:nth-of-type(1) {
  background-image: url(../../img/2024/voice/pink-01.png);
}
.voice-pink .voice-block:nth-of-type(2) {
  background-image: url(../../img/2024/voice/pink-02.png);
}
.voice-pink .voice-block:nth-of-type(3) {
  background-image: url(../../img/2024/voice/pink-03.png);
}
.voice-pink .voice-block:nth-of-type(4) {
  background-image: url(../../img/2024/voice/pink-04.png);
}
.voice-pink .voice-block:nth-of-type(5) {
  background-image: url(../../img/2024/voice/pink-05.png);
}
@media screen and (min-width: 1025px) {
  .voice-pink .voice-block:nth-of-type(5) {
    background-size: auto 90%;
  }
}
.voice-pink .voice-block:nth-of-type(6) {
  background-image: url(../../img/2024/voice/pink-06.png);
}
.voice-pink .voice-block:nth-of-type(7) {
  background-image: url(../../img/2024/voice/pink-07.png);
}
.voice-pink .voice-block:nth-of-type(8) {
  background-image: url(../../img/2024/voice/pink-08.png);
}
.voice-pink .voice-block__info-dt {
  border-color: #e96e8c;
}

.voice-purple {
  color: #c27bb0;
}
.voice-purple .voice-ttl span {
  border-color: #c27bb0;
}
.voice-purple .voice-block:nth-of-type(odd) {
  background-color: rgba(194, 123, 176, 0.2);
}
.voice-purple .voice-block:nth-of-type(odd) .voice-block__info-name {
  text-shadow: 1px 1px 0 #f3e6f0, -1px -1px 0 #f3e6f0, -1px 1px 0 #f3e6f0, 1px -1px 0 #f3e6f0, 0px 1px 0 #f3e6f0, 0 -1px 0 #f3e6f0, -1px 0 0 #f3e6f0, 1px 0 0 #f3e6f0;
}
/* .voice-purple .voice-block:nth-of-type(1) {
  background-image: url(../../img/2024/voice/purple-01.png);
}
.voice-purple .voice-block:nth-of-type(2) {
  background-image: url(../../img/2024/voice/purple-02.png);
}
.voice-purple .voice-block:nth-of-type(3) {
  background-image: url(../../img/2024/voice/purple-03.png);
}
.voice-purple .voice-block:nth-of-type(4) {
  background-image: url(../../img/2024/voice/purple-04.png);
}
.voice-purple .voice-block:nth-of-type(5) {
  background-image: url(../../img/2024/voice/purple-05.png);
}
.voice-purple .voice-block:nth-of-type(6) {
  background-image: url(../../img/2024/voice/purple-06.png);
}
.voice-purple .voice-block:nth-of-type(7) {
  background-image: url(../../img/2024/voice/purple-07.png);
} */
@media screen and (min-width: 1025px) {
  .voice-purple .voice-block:nth-of-type(7) {
    background-size: auto 90%;
  }
}
.voice-purple .voice-block:nth-of-type(8) {
  background-image: url(../../img/2024/voice/purple-08.png);
}
.voice-purple .voice-block__info-dt {
  border-color: #c27bb0;
}

.voice-green {
  color: #6cb94f;
}
.voice-green .voice-ttl span {
  border-color: #6cb94f;
}
.voice-green .voice-block:nth-of-type(odd) {
  background-color: rgba(108, 185, 79, 0.2);
}
.voice-green .voice-block:nth-of-type(odd) .voice-block__info-name {
  text-shadow: 1px 1px 0 #e4f2df, -1px -1px 0 #e4f2df, -1px 1px 0 #e4f2df, 1px -1px 0 #e4f2df, 0px 1px 0 #e4f2df, 0 -1px 0 #e4f2df, -1px 0 0 #e4f2df, 1px 0 0 #e4f2df;
}
.voice-green .voice-block:nth-of-type(1) {
  background-image: url(../../img/2024/voice/green-01.png);
}
.voice-green .voice-block:nth-of-type(2) {
  background-image: url(../../img/2024/voice/green-02.png);
}
.voice-green .voice-block:nth-of-type(3) {
  background-image: url(../../img/2024/voice/green-03.png);
}
.voice-green .voice-block:nth-of-type(4) {
  background-image: url(../../img/2024/voice/green-04.png);
}
.voice-green .voice-block:nth-of-type(5) {
  background-image: url(../../img/2024/voice/green-05.png);
}
.voice-green .voice-block:nth-of-type(6) {
  background-image: url(../../img/2024/voice/green-06.png);
}
.voice-green .voice-block:nth-of-type(7) {
  background-image: url(../../img/2024/voice/green-07.png);
}
.voice-green .voice-block:nth-of-type(8) {
  background-image: url(../../img/2024/voice/green-08.png);
}
.voice-green .voice-block__info-dt {
  border-color: #6cb94f;
}

.voice-orange {
  color: #f1961c;
}
.voice-orange .voice-ttl span {
  border-color: #f1961c;
}
.voice-orange .voice-block:nth-of-type(odd) {
  background-color: rgba(241, 150, 28, 0.2);
}
.voice-orange .voice-block:nth-of-type(odd) .voice-block__info-name {
  text-shadow: 1px 1px 0 #fdebda, -1px -1px 0 #fdebda, -1px 1px 0 #fdebda, 1px -1px 0 #fdebda, 0px 1px 0 #fdebda, 0 -1px 0 #fdebda, -1px 0 0 #fdebda, 1px 0 0 #fdebda;
}
.voice-orange .voice-block:nth-of-type(1) {
  background-image: url(../../img/2024/voice/orange-01.png);
}
@media screen and (min-width: 1025px) {
  .voice-orange .voice-block:nth-of-type(1) {
    background-size: auto 85%;
  }
}
@media screen and (min-width: 641px) {
  .voice-orange .voice-block:nth-of-type(1) .voice-block__info-name {
    min-width: 18%;
  }
  .voice-orange .voice-block:nth-of-type(1) .voice-block__info-data {
    min-width: 32%;
  }
}
.voice-orange .voice-block:nth-of-type(2) {
  background-image: url(../../img/2024/voice/orange-02.png);
}
.voice-orange .voice-block:nth-of-type(3) {
  background-image: url(../../img/2024/voice/orange-03.png);
}
@media screen and (min-width: 1025px) {
  .voice-orange .voice-block:nth-of-type(3) {
    background-size: auto 80%;
  }
}
.voice-orange .voice-block:nth-of-type(3) .voice-block__info-name {
  max-width: none;
  font-size: 1.4vw;
}
@media screen and (min-width: 641px) {
  .voice-orange .voice-block:nth-of-type(3) .voice-block__info-name {
    min-width: 25%;
  }
}
@media screen and (min-width: 1246px) {
  .voice-orange .voice-block:nth-of-type(3) .voice-block__info-name {
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 640px) {
  .voice-orange .voice-block:nth-of-type(3) .voice-block__info-name {
    font-size: 1.5rem;
    min-width: 45%;
  }
}
.voice-orange .voice-block:nth-of-type(3) .voice-block__info-name span {
  font-size: 1vw;
}
@media screen and (min-width: 1246px) {
  .voice-orange .voice-block:nth-of-type(3) .voice-block__info-name span {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 640px) {
  .voice-orange .voice-block:nth-of-type(3) .voice-block__info-name span {
    font-size: 1.3rem;
  }
}
.voice-orange .voice-block:nth-of-type(3) .voice-block__info-data {
  font-size: 1.2vw;
}
@media screen and (min-width: 1246px) {
  .voice-orange .voice-block:nth-of-type(3) .voice-block__info-data {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 640px) {
  .voice-orange .voice-block:nth-of-type(3) .voice-block__info-data {
    font-size: 1.2rem;
  }
}
@media screen and (max-width: 640px) {
  .voice-orange .voice-block:nth-of-type(3) .voice-block__info-data {
    width: 50%;
  }
}
.voice-orange .voice-block:nth-of-type(4) {
  background-image: url(../../img/2024/voice/orange-04.png);
}
.voice-orange .voice-block:nth-of-type(5) {
  background-image: url(../../img/2024/voice/orange-05.png);
}
.voice-orange .voice-block:nth-of-type(6) {
  background-image: url(../../img/2024/voice/orange-06.png);
}
.voice-orange .voice-block:nth-of-type(7) {
  background-image: url(../../img/2024/voice/orange-07.png);
}
.voice-orange .voice-block:nth-of-type(8) {
  background-image: url(../../img/2024/voice/orange-08.png);
}
.voice-orange .voice-block__info-dt {
  border-color: #f1961c;
}

/* ====================================================
Page Nitiatives
==================================================== */
#page-2024_nitiatives {
  color: #534741;
}
#page-2024_nitiatives .mv-article {
  background-color: #c5e6f0;
}

.mv-article {
  position: relative;
}
.mv-article__ttl {
  position: absolute;
  left: 10%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 3.4rem;
  line-height: 1.5294117647;
  font-weight: bold;
}
.mv-article__ttl .c-ft--en {
  display: block;
  font-size: 2.2rem;
  line-height: 1;
}
.mv-article img {
  width: 100%;
  min-height: 625px;
  object-fit: cover;
}
@media screen and (max-width: 834px) {
  .mv-article img {
    min-height: 400px;
  }
}

.nitiatives-heading {
  padding: 90px 0;
  line-height: 2;
  font-size: 2.2rem;
  font-weight: 500;
}
@media screen and (min-width: 641px) {
  .nitiatives-heading {
    text-align: center;
  }
}
@media screen and (max-width: 640px) {
  .nitiatives-heading {
    padding: 50px 0;
  }
}
@media screen and (max-width: 834px) {
  .nitiatives-heading {
    font-size: 1.6rem;
  }
}
.nitiatives-heading em {
  color: #74b4e3;
  font-style: normal;
}

.sec-nitiatives {
  counter-reset: section;
}

.nitiatives-block {
  padding: 30px 0;
}
@media screen and (max-width: 640px) {
  .nitiatives-block {
    padding-bottom: 50px;
  }
}
.nitiatives-block:nth-of-type(odd) {
  background-color: rgba(204, 229, 239, 0.3);
}
.nitiatives-block__inner {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.nitiatives-block__img {
  width: 45%;
}
@media screen and (min-width: 641px) {
  .nitiatives-block__img {
    border-right: 1px solid #5d6275;
    padding-right: 5%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
@media screen and (max-width: 640px) {
  .nitiatives-block__img {
    width: 100%;
    border-bottom: 1px solid #5d6275;
    padding-bottom: 30px;
  }
}
.nitiatives-block__ct {
  width: 55%;
}
@media screen and (min-width: 641px) {
  .nitiatives-block__ct {
    padding-left: 5%;
  }
}
@media screen and (max-width: 640px) {
  .nitiatives-block__ct {
    width: 100%;
    padding-top: 20px;
  }
}
.nitiatives-block__ttl {
  font-size: 3.2rem;
  line-height: 1.3125;
  margin-bottom: 50px;
}
@media screen and (max-width: 834px) {
  .nitiatives-block__ttl {
    font-size: 2.8rem;
    line-height: 1.2857142857;
  }
}
@media screen and (max-width: 640px) {
  .nitiatives-block__ttl {
    margin-bottom: 30px;
  }
}
.nitiatives-block__ttl:before {
  counter-increment: section;
  content: "0" counter(section);
  display: block;
  font-size: 7.3rem;
  line-height: 1;
  margin-bottom: 10px;
}
@media screen and (max-width: 834px) {
  .nitiatives-block__ttl:before {
    font-size: 6.3rem;
    line-height: 1;
  }
}
.nitiatives-block__txt {
  font-size: 1.8rem;
  line-height: 1.8888888889;
}
@media screen and (max-width: 834px) {
  .nitiatives-block__txt {
    font-size: 1.6rem;
    line-height: 1.875;
  }
}
.nitiatives-block__note {
  font-size: 1.2rem;
  line-height: 1.5;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 10px;
}
.nitiatives-block__note-img {
  width: 140px;
}
.nitiatives-block__note ul {
  width: calc(100% - 150px);
  counter-reset: note;
}
@media screen and (max-width: 640px) {
  .nitiatives-block__note ul {
    width: 100%;
  }
}
.nitiatives-block__note li {
  padding-left: 3.6rem;
  text-indent: -1.6rem;
}
.nitiatives-block__note li:before {
  counter-increment: note;
  content: "※" counter(note);
  display: inline-block;
  padding-right: 1.2rem;
}
.nitiatives-block__sub {
  margin-top: 20px;
}
.nitiatives-block__sub-ttl {
  font-size: 1.2rem;
  line-height: 1.5;
  font-weight: bold;
}
.nitiatives-block__sub-img {
  max-width: 220px;
  display: inline-block;
}
.nitiatives-block__sub-img02 {
  max-width: 110px;
  display: inline-block;
}
.nitiatives-block__sub-note {
  font-size: 1.2rem;
  line-height: 1.5;
}
.nitiatives-block__sub-list {
  font-size: 1.8rem;
  line-height: 1.2777777778;
}
.nitiatives-block__sub-list li {
  margin-top: 10px;
  padding-left: 1.8rem;
  text-indent: -0.9rem;
}
.nitiatives-block__sub-list li:before {
  content: "◾️";
  display: inline-block;
  padding-right: 0.9rem;
}