@charset "shift-jis";
/* --------------------------------------------------------------------
  Financial Academy

  Style Info: /event/240521/index.html
  /event/240521/css/index.css
-------------------------------------------------------------------- */
*,*::before,*::after {
  box-sizing: border-box;
}
body{
  overflow-x: hidden;
  font-size: 16px;
}
@media screen and (max-width: 599px) {
  body {
    font-size: 14px;
  }
}

/* inner */
section .inner {
  width: 92%;
  max-width: 1000px;
  margin: 0 auto;
  padding: 80px 0;
}
@media screen and (max-width: 599px) {
  section .inner {
    padding: 45px 0;
  }
}

/* img */
img{
  max-width: 100%;
  height: auto;
}

/* text */
.txt_bold {
  font-weight: bold;
}
.txt_gold {
  color: #a99d55;
}
.txt_red {
  color: #ef4848;
}

/* display */
.pc {
  display: inherit;
}
.tab {
  display: none;
}
.sp {
  display: none;
}
.sp_tab {
  display: none;
}
@media screen and (min-width: 600px) {
  .tab_pc {
    display: inherit;
  }
}
@media screen and (max-width: 999px) {
  .pc {
    display: none;
  }
  .tab {
    display: inherit;
  }
  .sp {
    display: none;
  }
  .sp_tab {
    display: inherit;
  }
}
@media screen and (max-width: 599px) {
  .pc {
    display: none;
  }
  .tab {
    display: none ;
  }
  .sp {
    display: inherit;
  }
  .tab_pc {
    display: none;
  }
}

/* background */
.bg_grd_blue {
  background: linear-gradient(135deg,  #e7f6fb 0%,#eeeefb 100%);
}
.bg_yellow {
  background-color: #fbfbf3;
}

/* heading */
.heading_01 {
  margin-bottom: 2em;
  padding-bottom: 0.8em;
  border-bottom: 4px dotted #a99d55;
  color: #a99d55;
  font-size: 30px;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.05em;
}
.heading_02 {
  margin-bottom: 1.5em;
  color: #a99d55;
  font-size: 30px;
  font-weight: bold;
  text-align: center;
}
.heading_02.size_s {
  font-size: 25px;
}
@media screen and (max-width: 599px) {
  .heading_01 {
    font-size: 20px;
  }
  .heading_02 {
    font-size: 20px;
  }
  .heading_02.size_s {
    font-size: 18px;
  }
}

/* ------------------------------
mv
------------------------------ */
.mv {
  position: relative;
  height: 530px;
  background: url(/event/240521/img/bg_mv_pc.png) no-repeat #f9f9ec center / contain;
}
.mv h1 {
  position: absolute;
  top: 20px;
  left: 50%;
  transform: translateX(-50%);
  color: #ef4848;
  font-family: fot-tsukuardgothic-std, sans-serif;
  font-style: normal;
  font-size: 72px;
  font-weight: bold;
  text-align: center;
}
.mv h1 .narrow {
  letter-spacing: -0.15em;
}
.mv h1 .circle {
  display: inline-block;
  width: 117px;
  height: 117px;
  padding-left: 0.14em;
  background: #ef4848;
  border-radius: 50%;
  color: #fff;
  text-align: left;
  line-height: 114px;
}
.mv h1 .circle + .circle {
  margin-left: -25px;
}
.mv h1 .txt_s {
  font-size: 40px;
}
.mv h1 .txt_l {
  display: inline-block;
  margin-top: 0.2em;
  font-size: 87px;
}
.mv .logo_22nd {
  position: absolute;
  bottom: 15px;
  left: 50%;
  transform: translateX(-50%);
}
.mv .period {
  position: absolute;
  top: 233px;
  left: calc(50% + 410px);
  transform: translateX(-50%);
}
.mv .extend_pc {
  position: absolute;
  top: 144px;
  left: calc(50% + 475px);
  transform: translateX(-50%);
}
.mv .extend_sp {
  display: none;
}
@media screen and (max-width: 1439px) {
  .mv {
    height: 36.81vw;
    background-size: cover;
  }
  .mv h1 {
    top: 1.39vw;
    font-size: 5vw;
  }
  .mv h1 svg {
    width: 24.72vw;
    height: auto;
  }
  .mv h1 .circle {
    width: 8.13vw;
    height: 8.13vw;
    line-height: 7.92vw;
  }
  .mv h1 .circle + .circle {
    margin-left: -1.74vw;
  }
  .mv h1 .txt_s {
    font-size: 2.78vw;
  }
  .mv h1 .txt_l {
    font-size: 6.04vw;
  }
  .mv .logo_22nd {
    bottom: 1.04vw;
    width: 9.87vw;
    height: auto;
  }
  .mv .period {
    top: 16.18vw;
    left: auto;
    right: 13.89vw;
    transform: unset;
    width: 15vw;
    height: auto;
  }
  .mv .extend_pc {
    position: absolute;
    top: 10vw;
    left: auto;
    right: 10vw;
    transform: unset;
    width: 15.28vw;
    height: auto;
  }
}
@media screen and (max-width: 599px) {
  .mv {
    height: 60.3vw;
    background: url(/event/240521/img/bg_mv_sp.png) no-repeat center / cover;
  }
  .mv h1 {
    width: 100%;
    top: 5vw;
    font-size: 8vw;
  }
  .mv h1 svg {
    width: 46.34vw;
  }
  .mv h1 .narrow {
    margin-left: -0.5em;
    font-size: 7.73vw;
    letter-spacing: -0.18em;
  }
  .mv h1 .circle {
    width: 12.8vw;
    height: 12.8vw;
    line-height: 12vw;
  }
  .mv h1 .circle + .circle {
    margin-left: -1.74vw;
  }
  .mv h1 .txt_s {
    font-size: 4.8vw;
  }
  .mv h1 .txt_l {
    font-size: 9.33vw;
  }
  .mv .logo_22nd {
    bottom: 1.33vw;
    width: 12.96vw;
  }
  .mv .period {
    top: auto;
    bottom: 0;
    right: 1.33vw;
    width: 24.53vw;
  }
  .mv .extend_pc {
    display: none;
  }
  .mv .extend_sp {
    display: block;
    position: absolute;
    top: 21vw;
    right: -1vw;
    width: 26vw;
    height: auto;
  }
}

/* close */
.mv::after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.5);
  content: '';
}
.mv .close {
  position: absolute;
  top: 50%;
  bottom: auto;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 5;
  width: 18em;
  padding: 1.2em;
  background: rgba(0, 0, 0, 0.7);
  border-radius: 10px;
  color: #fff;
  font-size: 2.78vw;
  text-align: center;
  line-height: 1;
}
@media screen and (max-width: 599px) {
  .mv .close {
    width: 10em;
    padding: 1em 0.5em;
    font-size: 8vw;
    line-height: 1.6;
  }
}

/* ------------------------------
intro
------------------------------ */
.intro.inner {
  padding-top: 170px;
  padding-bottom: 170px;
}
.intro {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22114.209%22%20height%3D%2231.232%22%20viewBox%3D%220%200%20114.209%2031.232%22%3E%3Cg%20transform%3D%22translate(0.532%200.532)%22%3E%3Cpath%20d%3D%22M8.306%2C41.691a9.946%2C9.946%2C0%2C0%2C1-1.195-.071%2C9.04%2C9.04%2C0%2C0%2C1-5.432-2.282A5.61%2C5.61%2C0%2C0%2C1%2C0%2C35.35a6.419%2C6.419%2C0%2C0%2C1%2C.95-3.434%2C3.822%2C3.822%2C0%2C0%2C1%2C2.542-1.9%2C1%2C1%2C0%2C1%2C1%2C.29%2C1.979c-.733.107-1.8%2C1.553-1.782%2C3.331a3.655%2C3.655%2C0%2C0%2C0%2C1.088%2C2.594%2C7.14%2C7.14%2C0%2C0%2C0%2C4.263%2C1.715c2.573.311%2C5.642-.654%2C9.383-2.95A96.152%2C96.152%2C0%2C0%2C0%2C27.059%2C28.87a102.148%2C102.148%2C0%2C0%2C1%2C8.1-6.283c2.994-1.987%2C5.328-2.914%2C7.345-2.917a11.094%2C11.094%2C0%2C0%2C1%2C5.273%2C1.19A8.276%2C8.276%2C0%2C0%2C1%2C50.946%2C23.8a8.057%2C8.057%2C0%2C0%2C1%2C1.1%2C6%2C33.892%2C33.892%2C0%2C0%2C1%2C5.06%2C3.771%2C33.892%2C33.892%2C0%2C0%2C1%2C5.06-3.771%2C8.057%2C8.057%2C0%2C0%2C1%2C1.1-6%2C8.276%2C8.276%2C0%2C0%2C1%2C3.173-2.935%2C11.1%2C11.1%2C0%2C0%2C1%2C5.273-1.19c2.017%2C0%2C4.351.93%2C7.345%2C2.917a102.135%2C102.135%2C0%2C0%2C1%2C8.1%2C6.283%2C96.148%2C96.148%2C0%2C0%2C0%2C10.325%2C7.814c3.741%2C2.3%2C6.81%2C3.261%2C9.383%2C2.95a7.14%2C7.14%2C0%2C0%2C0%2C4.263-1.715%2C3.656%2C3.656%2C0%2C0%2C0%2C1.088-2.594c.022-1.778-1.049-3.224-1.782-3.331a1%2C1%2C0%2C1%2C1%2C.29-1.979%2C3.822%2C3.822%2C0%2C0%2C1%2C2.542%2C1.9%2C6.418%2C6.418%2C0%2C0%2C1%2C.95%2C3.434%2C5.61%2C5.61%2C0%2C0%2C1-1.679%2C3.988A9.04%2C9.04%2C0%2C0%2C1%2C107.1%2C41.62c-3.039.367-6.529-.69-10.669-3.231a97.557%2C97.557%2C0%2C0%2C1-10.554-7.978c-2.811-2.327-5.467-4.524-7.928-6.158-2.615-1.736-4.657-2.581-6.242-2.583h-.018c-3.909%2C0-5.817%2C1.733-6.731%2C3.189A6.3%2C6.3%2C0%2C0%2C0%2C64%2C28.685a11.627%2C11.627%2C0%2C0%2C1%2C5.043-1.373%2C8.775%2C8.775%2C0%2C0%2C1%2C4.6%2C1.041A3.464%2C3.464%2C0%2C0%2C1%2C75.669%2C31.3c-.021.685-.442%2C1.917-3.023%2C2.468a13.712%2C13.712%2C0%2C0%2C1-5.591-.087%2C7.225%2C7.225%2C0%2C0%2C1-3.98-2.1c-4.008%2C2.585-5.025%2C3.862-5.125%2C3.995a.955.955%2C0%2C0%2C1-1.691%2C0c-.1-.133-1.118-1.41-5.125-3.995a7.225%2C7.225%2C0%2C0%2C1-3.981%2C2.1%2C13.712%2C13.712%2C0%2C0%2C1-5.591.086c-2.581-.551-3-1.782-3.023-2.468a3.465%2C3.465%2C0%2C0%2C1%2C2.022-2.951%2C8.776%2C8.776%2C0%2C0%2C1%2C4.6-1.04%2C11.628%2C11.628%2C0%2C0%2C1%2C5.043%2C1.373%2C6.3%2C6.3%2C0%2C0%2C0-.956-3.827c-.914-1.455-2.823-3.189-6.732-3.189H42.5c-1.585%2C0-3.626.847-6.241%2C2.583-2.461%2C1.634-5.116%2C3.831-7.928%2C6.158A97.56%2C97.56%2C0%2C0%2C1%2C17.78%2C38.389C14.172%2C40.6%2C11.058%2C41.691%2C8.306%2C41.691ZM40.538%2C31.211c.188.271%2C1.475.85%2C3.79.8a8.119%2C8.119%2C0%2C0%2C0%2C5.06-1.5%2C9.658%2C9.658%2C0%2C0%2C0-4.285-1.2%2C6.862%2C6.862%2C0%2C0%2C0-3.541.773C40.87%2C30.485%2C40.554%2C30.931%2C40.538%2C31.211Zm24.282-.7a8.118%2C8.118%2C0%2C0%2C0%2C5.059%2C1.5c2.316.045%2C3.6-.534%2C3.791-.8-.015-.28-.331-.726-1.023-1.126a6.862%2C6.862%2C0%2C0%2C0-3.541-.773A9.657%2C9.657%2C0%2C0%2C0%2C64.82%2C30.515Z%22%20transform%3D%22translate(-0.531%20-10.991)%22%20fill%3D%22%23b7a664%22%2F%3E%3Cpath%20d%3D%22M45.385%2C43.554c-2.163%2C0-5.427-1.476-9.2-3.178-3.229-1.459-6.567-2.968-8.941-3.351-3.546-.572-6.2.263-7.505%2C1.234a2.6%2C2.6%2C0%2C0%2C0-1.116%2C1.615%2C1.185%2C1.185%2C0%2C0%2C0%2C.217.984%2C2.6%2C2.6%2C0%2C0%2C0%2C1.561.7%2C1%2C1%2C0%2C1%2C1-.148%2C1.995%2C4.534%2C4.534%2C0%2C0%2C1-2.964-1.429%2C3.208%2C3.208%2C0%2C0%2C1-.649-2.506%2C4.455%2C4.455%2C0%2C0%2C1%2C1.9-2.959c2.113-1.575%2C5.485-2.175%2C9.019-1.605%2C2.637.425%2C6.1%2C1.99%2C9.446%2C3.5%2C3.319%2C1.5%2C6.752%2C3.051%2C8.449%2C3a1%2C1%2C0%2C0%2C1%2C.061%2C2Z%22%20transform%3D%22translate(-9.363%20-19.057)%22%20fill%3D%22%23b7a664%22%2F%3E%3Cpath%20d%3D%22M164.58%2C43.554l-.138%2C0a1%2C1%2C0%2C1%2C1%2C.061-2c1.7.051%2C5.13-1.5%2C8.449-3%2C3.348-1.513%2C6.81-3.078%2C9.446-3.5%2C3.535-.57%2C6.906.03%2C9.02%2C1.606a4.454%2C4.454%2C0%2C0%2C1%2C1.9%2C2.959%2C3.207%2C3.207%2C0%2C0%2C1-.649%2C2.506%2C4.534%2C4.534%2C0%2C0%2C1-2.964%2C1.429l-.148-1.995h-.005a2.555%2C2.555%2C0%2C0%2C0%2C1.57-.7%2C1.187%2C1.187%2C0%2C0%2C0%2C.213-.98%2C2.6%2C2.6%2C0%2C0%2C0-1.116-1.614c-1.3-.972-3.96-1.806-7.506-1.235-2.374.383-5.712%2C1.892-8.941%2C3.351C170.007%2C42.078%2C166.742%2C43.554%2C164.58%2C43.554Z%22%20transform%3D%22translate(-87.455%20-19.057)%22%20fill%3D%22%23b7a664%22%2F%3E%3Cpath%20d%3D%22M105.909%2C28.292q-.288%2C0-.577-.008c-4.608-.128-8.683-2.508-11.289-4.483a29.883%2C29.883%2C0%2C0%2C1-4.3-3.965%2C29.883%2C29.883%2C0%2C0%2C1-4.3%2C3.965c-2.607%2C1.974-6.681%2C4.355-11.289%2C4.483a18.021%2C18.021%2C0%2C0%2C1-7.708-1.4%2C9.239%2C9.239%2C0%2C0%2C1-4.518-3.734%2C3.834%2C3.834%2C0%2C0%2C1%2C.147-4.192%2C3.8%2C3.8%2C0%2C0%2C1%2C2.956-1.845%2C4.921%2C4.921%2C0%2C0%2C1%2C3.57%2C1.776%2C1%2C1%2C0%2C1%2C1-1.53%2C1.288%2C2.97%2C2.97%2C0%2C0%2C0-1.957-1.066%2C1.954%2C1.954%2C0%2C0%2C0-1.4%2C1%2C1.878%2C1.878%2C0%2C0%2C0-.022%2C2.1%2C7.4%2C7.4%2C0%2C0%2C0%2C3.562%2C2.851%2C16.015%2C16.015%2C0%2C0%2C0%2C6.846%2C1.23c4.078-.113%2C7.764-2.28%2C10.137-4.078a28.229%2C28.229%2C0%2C0%2C0%2C4.239-3.964c-.107-.156-.2-.3-.271-.422a30.282%2C30.282%2C0%2C0%2C1-2.369-6.847c-.925-4.024-.867-7%2C.174-8.857A4.1%2C4.1%2C0%2C0%2C1%2C89.731%2C0h.033a4.1%2C4.1%2C0%2C0%2C1%2C3.715%2C2.117c1.041%2C1.853%2C1.1%2C4.833.174%2C8.857a30.269%2C30.269%2C0%2C0%2C1-2.369%2C6.846c-.073.125-.164.266-.271.422a28.231%2C28.231%2C0%2C0%2C0%2C4.239%2C3.964c2.373%2C1.8%2C6.059%2C3.964%2C10.137%2C4.078a16.014%2C16.014%2C0%2C0%2C0%2C6.846-1.23A7.4%2C7.4%2C0%2C0%2C0%2C115.8%2C22.2a1.878%2C1.878%2C0%2C0%2C0-.022-2.1%2C1.954%2C1.954%2C0%2C0%2C0-1.4-1%2C2.971%2C2.971%2C0%2C0%2C0-1.96%2C1.069%2C1%2C1%2C0%2C1%2C1-1.527-1.291%2C4.921%2C4.921%2C0%2C0%2C1%2C3.57-1.776%2C3.8%2C3.8%2C0%2C0%2C1%2C2.956%2C1.845%2C3.834%2C3.834%2C0%2C0%2C1%2C.147%2C4.192%2C9.239%2C9.239%2C0%2C0%2C1-4.518%2C3.734A17.8%2C17.8%2C0%2C0%2C1%2C105.909%2C28.292ZM89.747%2C2a2.113%2C2.113%2C0%2C0%2C0-1.988%2C1.1c-.768%2C1.366-.757%2C4%2C.031%2C7.429a32.207%2C32.207%2C0%2C0%2C0%2C1.957%2C5.919A32.194%2C32.194%2C0%2C0%2C0%2C91.7%2C10.526c.788-3.424.8-6.063.031-7.429A2.113%2C2.113%2C0%2C0%2C0%2C89.747%2C2Z%22%20transform%3D%22translate(-33.174%20-0.532)%22%20fill%3D%22%23b7a664%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E'), url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22114.209%22%20height%3D%2231.232%22%20viewBox%3D%220%200%20114.209%2031.232%22%3E%3Cg%20transform%3D%22translate(113.677%2030.7)%20rotate(180)%22%3E%3Cpath%20d%3D%22M7.306%2C21.021a9.946%2C9.946%2C0%2C0%2C1-1.195-.071A9.04%2C9.04%2C0%2C0%2C1%2C.679%2C18.668%2C5.61%2C5.61%2C0%2C0%2C1-1%2C14.68a6.419%2C6.419%2C0%2C0%2C1%2C.95-3.434%2C3.822%2C3.822%2C0%2C0%2C1%2C2.542-1.9%2C1%2C1%2C0%2C1%2C1%2C.29%2C1.979c-.733.107-1.8%2C1.553-1.782%2C3.331a3.655%2C3.655%2C0%2C0%2C0%2C1.088%2C2.594%2C7.14%2C7.14%2C0%2C0%2C0%2C4.263%2C1.715c2.573.311%2C5.642-.654%2C9.383-2.95A96.152%2C96.152%2C0%2C0%2C0%2C26.059%2C8.2a102.141%2C102.141%2C0%2C0%2C1%2C8.1-6.283C37.149-.07%2C39.483-1%2C41.5-1A11.1%2C11.1%2C0%2C0%2C1%2C46.774.19a8.276%2C8.276%2C0%2C0%2C1%2C3.173%2C2.936%2C8.057%2C8.057%2C0%2C0%2C1%2C1.1%2C6A33.892%2C33.892%2C0%2C0%2C1%2C56.1%2C12.9a33.892%2C33.892%2C0%2C0%2C1%2C5.06-3.771%2C8.057%2C8.057%2C0%2C0%2C1%2C1.1-6A8.276%2C8.276%2C0%2C0%2C1%2C65.436.19%2C11.107%2C11.107%2C0%2C0%2C1%2C70.708-1c2.017%2C0%2C4.351.93%2C7.345%2C2.917A102.138%2C102.138%2C0%2C0%2C1%2C86.15%2C8.2a96.149%2C96.149%2C0%2C0%2C0%2C10.325%2C7.814c3.741%2C2.3%2C6.81%2C3.261%2C9.383%2C2.95a7.14%2C7.14%2C0%2C0%2C0%2C4.263-1.715%2C3.656%2C3.656%2C0%2C0%2C0%2C1.088-2.594c.022-1.778-1.049-3.224-1.782-3.331a1%2C1%2C0%2C1%2C1%2C.29-1.979%2C3.822%2C3.822%2C0%2C0%2C1%2C2.542%2C1.9%2C6.418%2C6.418%2C0%2C0%2C1%2C.95%2C3.434%2C5.61%2C5.61%2C0%2C0%2C1-1.679%2C3.988A9.04%2C9.04%2C0%2C0%2C1%2C106.1%2C20.95c-3.039.367-6.529-.69-10.669-3.231A97.557%2C97.557%2C0%2C0%2C1%2C84.875%2C9.741c-2.811-2.327-5.467-4.524-7.928-6.158C74.332%2C1.847%2C72.29%2C1%2C70.706%2C1h-.018c-3.909%2C0-5.817%2C1.733-6.731%2C3.189A6.3%2C6.3%2C0%2C0%2C0%2C63%2C8.015a11.627%2C11.627%2C0%2C0%2C1%2C5.043-1.373%2C8.775%2C8.775%2C0%2C0%2C1%2C4.6%2C1.041%2C3.464%2C3.464%2C0%2C0%2C1%2C2.022%2C2.951c-.021.685-.442%2C1.917-3.023%2C2.468a13.712%2C13.712%2C0%2C0%2C1-5.591-.087%2C7.225%2C7.225%2C0%2C0%2C1-3.98-2.1c-4.008%2C2.586-5.026%2C3.863-5.125%2C4a.955.955%2C0%2C0%2C1-1.691%2C0c-.1-.132-1.117-1.409-5.125-4a7.225%2C7.225%2C0%2C0%2C1-3.981%2C2.1%2C13.712%2C13.712%2C0%2C0%2C1-5.591.086c-2.581-.551-3-1.782-3.023-2.468a3.465%2C3.465%2C0%2C0%2C1%2C2.022-2.951%2C8.776%2C8.776%2C0%2C0%2C1%2C4.6-1.04%2C11.628%2C11.628%2C0%2C0%2C1%2C5.043%2C1.373%2C6.3%2C6.3%2C0%2C0%2C0-.956-3.827C47.339%2C2.733%2C45.43%2C1%2C41.521%2C1H41.5c-1.585%2C0-3.626.847-6.241%2C2.583C32.8%2C5.217%2C30.146%2C7.414%2C27.334%2C9.741A97.558%2C97.558%2C0%2C0%2C1%2C16.78%2C17.719C13.172%2C19.933%2C10.058%2C21.021%2C7.306%2C21.021ZM39.539%2C10.541c.188.271%2C1.475.85%2C3.79.8a8.119%2C8.119%2C0%2C0%2C0%2C5.06-1.5%2C9.658%2C9.658%2C0%2C0%2C0-4.285-1.2%2C6.862%2C6.862%2C0%2C0%2C0-3.541.773C39.87%2C9.815%2C39.554%2C10.261%2C39.539%2C10.541Zm24.282-.7a8.118%2C8.118%2C0%2C0%2C0%2C5.059%2C1.5c2.316.045%2C3.6-.534%2C3.791-.8-.015-.28-.331-.726-1.023-1.126a6.862%2C6.862%2C0%2C0%2C0-3.541-.773A9.657%2C9.657%2C0%2C0%2C0%2C63.821%2C9.845Z%22%20transform%3D%22translate(0.468%209.679)%22%20fill%3D%22%23b7a664%22%2F%3E%3Cpath%20d%3D%22M27.775%2C7.714c-2.163%2C0-5.427-1.476-9.2-3.178-3.229-1.459-6.567-2.968-8.941-3.351-3.546-.572-6.2.263-7.505%2C1.234A2.6%2C2.6%2C0%2C0%2C0%2C1.018%2C4.034a1.187%2C1.187%2C0%2C0%2C0%2C.213.98%2C2.555%2C2.555%2C0%2C0%2C0%2C1.57.7H2.8L2.648%2C7.71A4.534%2C4.534%2C0%2C0%2C1-.316%2C6.281%2C3.207%2C3.207%2C0%2C0%2C1-.965%2C3.775%2C4.455%2C4.455%2C0%2C0%2C1%2C.939.816C3.052-.76%2C6.423-1.36%2C9.958-.79c2.637.425%2C6.1%2C1.99%2C9.446%2C3.5%2C3.319%2C1.5%2C6.751%2C3.051%2C8.449%2C3a1%2C1%2C0%2C0%2C1%2C.061%2C2Z%22%20transform%3D%22translate(8.246%2016.783)%22%20fill%3D%22%23b7a664%22%2F%3E%3Cpath%20d%3D%22M.108%2C7.714l-.138%2C0A1%2C1%2C0%2C0%2C1-1%2C6.682%2C1%2C1%2C0%2C0%2C1%2C.03%2C5.713c1.7.051%2C5.13-1.5%2C8.449-3%2C3.348-1.513%2C6.81-3.078%2C9.446-3.5%2C3.535-.57%2C6.906.03%2C9.02%2C1.606a4.454%2C4.454%2C0%2C0%2C1%2C1.9%2C2.959A3.207%2C3.207%2C0%2C0%2C1%2C28.2%2C6.281%2C4.534%2C4.534%2C0%2C0%2C1%2C25.235%2C7.71l-.148-1.995h-.005a2.555%2C2.555%2C0%2C0%2C0%2C1.57-.7%2C1.187%2C1.187%2C0%2C0%2C0%2C.213-.98A2.6%2C2.6%2C0%2C0%2C0%2C25.75%2C2.419c-1.3-.972-3.96-1.806-7.506-1.235C15.87%2C1.568%2C12.532%2C3.077%2C9.3%2C4.536%2C5.535%2C6.239%2C2.27%2C7.714.108%2C7.714Z%22%20transform%3D%22translate(77.016%2016.783)%22%20fill%3D%22%23b7a664%22%2F%3E%3Cpath%20d%3D%22M43.521%2C27.292q-.288%2C0-.577-.008c-4.608-.128-8.683-2.508-11.289-4.483a29.884%2C29.884%2C0%2C0%2C1-4.3-3.965%2C29.884%2C29.884%2C0%2C0%2C1-4.3%2C3.965c-2.607%2C1.974-6.681%2C4.355-11.289%2C4.483a18.021%2C18.021%2C0%2C0%2C1-7.708-1.4A9.239%2C9.239%2C0%2C0%2C1-.453%2C22.152a3.834%2C3.834%2C0%2C0%2C1%2C.147-4.192A3.8%2C3.8%2C0%2C0%2C1%2C2.65%2C16.114%2C4.922%2C4.922%2C0%2C0%2C1%2C6.22%2C17.89a1%2C1%2C0%2C1%2C1-1.53%2C1.288%2C2.969%2C2.969%2C0%2C0%2C0-1.957-1.066%2C1.954%2C1.954%2C0%2C0%2C0-1.4%2C1%2C1.878%2C1.878%2C0%2C0%2C0-.022%2C2.1%2C7.4%2C7.4%2C0%2C0%2C0%2C3.562%2C2.851%2C16.015%2C16.015%2C0%2C0%2C0%2C6.846%2C1.23c4.078-.113%2C7.764-2.28%2C10.137-4.078a28.229%2C28.229%2C0%2C0%2C0%2C4.239-3.964c-.107-.156-.2-.3-.271-.422a30.282%2C30.282%2C0%2C0%2C1-2.369-6.847c-.925-4.024-.867-7%2C.174-8.857A4.1%2C4.1%2C0%2C0%2C1%2C27.342-1h.033A4.1%2C4.1%2C0%2C0%2C1%2C31.09%2C1.117c1.041%2C1.853%2C1.1%2C4.833.174%2C8.857a30.27%2C30.27%2C0%2C0%2C1-2.369%2C6.846c-.073.125-.164.266-.271.422a28.231%2C28.231%2C0%2C0%2C0%2C4.239%2C3.964C35.236%2C23%2C38.921%2C25.172%2C43%2C25.285a16.014%2C16.014%2C0%2C0%2C0%2C6.846-1.23A7.4%2C7.4%2C0%2C0%2C0%2C53.408%2C21.2a1.878%2C1.878%2C0%2C0%2C0-.022-2.1%2C1.954%2C1.954%2C0%2C0%2C0-1.4-1%2C2.972%2C2.972%2C0%2C0%2C0-1.96%2C1.069A1%2C1%2C0%2C1%2C1%2C48.5%2C17.89a4.922%2C4.922%2C0%2C0%2C1%2C3.57-1.776%2C3.8%2C3.8%2C0%2C0%2C1%2C2.956%2C1.845%2C3.834%2C3.834%2C0%2C0%2C1%2C.147%2C4.192%2C9.239%2C9.239%2C0%2C0%2C1-4.518%2C3.734A17.8%2C17.8%2C0%2C0%2C1%2C43.521%2C27.292ZM27.359%2C1a2.113%2C2.113%2C0%2C0%2C0-1.988%2C1.1c-.768%2C1.366-.757%2C4%2C.031%2C7.429a32.207%2C32.207%2C0%2C0%2C0%2C1.957%2C5.919%2C32.2%2C32.2%2C0%2C0%2C0%2C1.957-5.919c.788-3.424.8-6.063.031-7.429A2.113%2C2.113%2C0%2C0%2C0%2C27.359%2C1Z%22%20transform%3D%22translate(29.215%200.468)%22%20fill%3D%22%23b7a664%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat, no-repeat;
  background-position: top 85px center, bottom 85px center;
}
.intro p {
  font-size: 18px;
  line-height: 2.2;
  text-align: center;
}
.intro p + p {
  margin-top: 2em;
}
@media screen and (max-width: 599px) {
  .intro.inner {
    padding-top: 105px;
    padding-bottom: 105px;
  }
  .intro {
    background-size: 88px auto, 88px auto;
    background-position: top 45px center, bottom 45px center;
  }
  .intro p {
    font-size: 14px;
    text-align: left;
  }
}

/* ------------------------------
campaign_benefits
------------------------------ */
.campaign_benefits .benefit_box {
  position: relative;
  max-width: 885px;
  margin: 0 auto;
  padding: 15px;
  border: 2px solid;
  background: #fff;
  overflow: hidden;
}
.campaign_benefits .benefit_box .label {
  position: absolute;
  left: -70px;
  top: 20px;
  transform: rotate(-45deg);
  padding: 0.7em 3em;
  background: #ef4848;
  color: #fff;
  font-size: 23px;
  font-weight: bold;
  text-align: center;
  line-height: 1;
  letter-spacing: 0.1em;
}
.campaign_benefits .benefit_note {
  margin-top: 1em;
  font-size: 12px;
}
@media screen and (max-width: 599px) {
  .campaign_benefits .benefit_box {
    padding: 6px;
  }
  .campaign_benefits .benefit_box .label {
    padding: 0.9em 3em;
    font-size: 14px;
    left: -40px;
    top: 10px;
  }
}

/* limited */
.campaign_benefits .benefit_box.limited {
  border-color: #1c2569;
}
.campaign_benefits .benefit_box.limited .box_inner {
  padding: 30px 4% 15px;
  background: #ececf0;
  color: #1c2569;
  text-align: center;
}
.campaign_benefits .benefit_box.limited h3 {
  font-size: 30px;
  font-weight: normal;
  color: #1c2569;
  letter-spacing: 0.3em;
}
.campaign_benefits .benefit_box.limited h3 .strong {
  margin-left: 0.3em;
  font-size: 40px;
  font-weight: bold;
}
.campaign_benefits .benefit_box.limited h3 svg {
  margin-top: 0.5em;
  vertical-align: bottom;
}
.campaign_benefits .benefit_box.limited .txt {
  display: inline-block;
  margin-top: 10px;
  padding: 15px 4%;
  background: #fff;
  text-align: left;
}
.campaign_benefits .benefit_box.limited h4 {
  position: relative;
  margin-bottom: 0.5em;
  color: #1c2569;
  text-align: center;
}
.campaign_benefits .benefit_box.limited h4::before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 1px;
  border-top: 1px dashed #1c2569;
  content: '';
}
.campaign_benefits .benefit_box.limited h4 span {
  position: inherit;
  z-index: 2;
  padding: 0 1em;
  background: #fff;
}
.campaign_benefits .benefit_box.limited dl {
  font-size: 14px;
}
.campaign_benefits .benefit_box.limited dt {
  font-weight: normal;
}
@media screen and (max-width: 729px) {
  .campaign_benefits .benefit_box.limited h3 .sub {
    margin-left: 1.2em;
    letter-spacing: 0.1em;
  }
}
@media screen and (max-width: 649px) {
  .campaign_benefits .benefit_box.limited h3 {
    letter-spacing: 0.15em;
  }
}
@media screen and (max-width: 599px) {
  .campaign_benefits .benefit_box.limited .box_inner {
    padding: 20px 5% 15px;
  }
  .campaign_benefits .benefit_box.limited h3 {
    font-size: 18px;
    letter-spacing: 0.05em;
  }
  .campaign_benefits .benefit_box.limited h3 .sub {
    margin-left: 1.5em;
    letter-spacing: 0.04em;
  }
  .campaign_benefits .benefit_box.limited h3 .strong {
    font-size: 25px;
  }
  .campaign_benefits .benefit_box.limited h3 svg {
    width: 210px;
  }
  .campaign_benefits .benefit_box.limited dl {
    font-size: 12px;
  }
}

/* moreover */
.campaign_benefits .benefit_box.moreover  {
  margin-top: 65px;
  border-color: #ef4848;
}
.campaign_benefits .benefit_box.moreover .box_inner {
  padding: 60px 3% 35px;
  background-color: #fbfbf3;
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22150.831%22%20height%3D%2274.218%22%20viewBox%3D%220%200%20150.831%2074.218%22%3E%3Cg%20transform%3D%22translate(159.835%2040.936)%20rotate(161)%22%3E%3Cpath%20d%3D%22M0%2C10.871%2C11.293%2C0l6.894%2C14.078Z%22%20transform%3D%22translate(87.387%201.795)%22%20fill%3D%22%23c36380%22%2F%3E%3Cpath%20d%3D%22M0%2C8.744%2C13.009%2C0l4.345%2C15.06Z%22%20transform%3D%22translate(105.576%207.129)%22%20fill%3D%22%237e678d%22%2F%3E%3Cpath%20d%3D%22M14.147%2C15.638%2C0%2C3.768%2C15.215%2C0Z%22%20transform%3D%22translate(138.922%2027.655)%22%20fill%3D%22%2344a1c5%22%2F%3E%3Cpath%20d%3D%22M0%2C6.353%2C14.33%2C0l1.663%2C15.586Z%22%20transform%3D%22translate(122.93%2015.837)%22%20fill%3D%22%236276a3%22%2F%3E%3Cpath%20d%3D%22M18.468%2C12.666%2C9.233%2C0%2C0%2C12.666Z%22%20transform%3D%22translate(66.75%200)%22%20fill%3D%22%23e16f4e%22%2F%3E%3Cpath%20d%3D%22M18.187%2C10.871%2C6.894%2C0%2C0%2C14.078Z%22%20transform%3D%22translate(48.561%201.795)%22%20fill%3D%22%23d7ba41%22%2F%3E%3Cpath%20d%3D%22M17.354%2C8.744%2C4.345%2C0%2C0%2C15.06Z%22%20transform%3D%22translate(31.208%207.129)%22%20fill%3D%22%238a9f55%22%2F%3E%3Cpath%20d%3D%22M1.068%2C15.638%2C15.215%2C3.768%2C0%2C0Z%22%20transform%3D%22translate(0%2027.656)%22%20fill%3D%22%235e76a7%22%2F%3E%3Cpath%20d%3D%22M15.993%2C6.353%2C1.663%2C0%2C0%2C15.586Z%22%20transform%3D%22translate(15.214%2015.837)%22%20fill%3D%22%2344a1c5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E'), url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22150.831%22%20height%3D%2274.217%22%20viewBox%3D%220%200%20150.831%2074.217%22%3E%3Cg%20transform%3D%22translate(5.091%20-0.001)%20rotate(19)%22%3E%3Cpath%20d%3D%22M0%2C3.207%2C11.293%2C14.077%2C18.187%2C0Z%22%20transform%3D%22translate(87.388%2027.422)%22%20fill%3D%22%23c36380%22%2F%3E%3Cpath%20d%3D%22M0%2C6.316%2C13.009%2C15.06%2C17.354%2C0Z%22%20transform%3D%22translate(105.575%2021.106)%22%20fill%3D%22%237e678d%22%2F%3E%3Cpath%20d%3D%22M14.147%2C0%2C0%2C11.87l15.215%2C3.768Z%22%20transform%3D%22translate(138.922%200.001)%22%20fill%3D%22%2344a1c5%22%2F%3E%3Cpath%20d%3D%22M0%2C9.233l14.33%2C6.353L15.993%2C0Z%22%20transform%3D%22translate(122.93%2011.872)%22%20fill%3D%22%236276a3%22%2F%3E%3Cpath%20d%3D%22M18.468%2C0%2C9.233%2C12.666%2C0%2C0Z%22%20transform%3D%22translate(66.749%2030.629)%22%20fill%3D%22%23e16f4e%22%2F%3E%3Cpath%20d%3D%22M18.187%2C3.207%2C6.894%2C14.077%2C0%2C0Z%22%20transform%3D%22translate(48.562%2027.422)%22%20fill%3D%22%23d7ba41%22%2F%3E%3Cpath%20d%3D%22M17.354%2C6.316%2C4.345%2C15.06%2C0%2C0Z%22%20transform%3D%22translate(31.208%2021.106)%22%20fill%3D%22%238a9f55%22%2F%3E%3Cpath%20d%3D%22M1.068%2C0%2C15.215%2C11.87%2C0%2C15.638Z%22%20transform%3D%22translate(0%200.001)%22%20fill%3D%22%235e76a7%22%2F%3E%3Cpath%20d%3D%22M15.993%2C9.233%2C1.663%2C15.586%2C0%2C0Z%22%20transform%3D%22translate(15.215%2011.872)%22%20fill%3D%22%2344a1c5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat, no-repeat;
  background-position: left -3px top, right top;
}
.campaign_benefits .benefit_box.moreover h3 {
  margin-bottom: 0.6em;
  color: #1b2669;
  font-family: fot-tsukuardgothic-std, sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 40px;
  text-align: center;
  line-height: 1.3;
}
.campaign_benefits .benefit_box.moreover h3 .strong {
  color: #ef4848;
  font-size: 60px;
}
@media screen and (max-width: 599px) {
  .campaign_benefits .benefit_box.moreover {
    margin-top: 25px;
  }
  .campaign_benefits .benefit_box.moreover .box_inner {
    padding: 50px 2% 30px;
    background-size: 108px auto, 108px auto;
  }
  .campaign_benefits .benefit_box.moreover h3 {
    font-size: 24px;
  }
  .campaign_benefits .benefit_box.moreover h3 .strong {
    font-size: 34px;
  }
}

/* example */
.campaign_benefits .example {
  padding: 20px 4%;
  background: #fff;
}
.campaign_benefits .example .ttl {
  margin-bottom: 1.25em;
  color: #1c2569;
  font-size: 20px;
  text-align: center;
}
.campaign_benefits .example .ttl span {
  display: inline-block;
  padding: 0 0.5em 0.3em;
  border-bottom: 2px dotted #ef4848;
}
.campaign_benefits .example .list_school {
  background-color: #fff;
  border-radius: 5px;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.campaign_benefits .example .list_school .name {
  min-height: 3em;
  padding: 0.2em;
  border: 4px solid;
  border-radius: 5px;
  font-size: 22px;
  font-weight: bold;
  text-align: center;
  line-height: 1.1;
}
.campaign_benefits .example .list_school .name .txt_s {
  font-size: 16px;
}
.campaign_benefits .example .list_school .name.kabu{ color: #5e76a7;}
.campaign_benefits .example .list_school .name.fudo{ color: #44a1c5;}
.campaign_benefits .example .list_school .name.mf{ color: #8a9f55;}
.campaign_benefits .example .list_school .name.semi{ color: #d7ba41;}
.campaign_benefits .example .area_price {
  padding: 30px 0 15px;
  color: #1b2669;
  text-align: center;
  line-height: 1;
}
.campaign_benefits .example .area_price .txt_l {
  font-size: 20px;
}
.campaign_benefits .example .area_price .price{
  font-size: 2.3em;
  font-weight: bold;
  line-height: 1.6;
}
.campaign_benefits .example .area_price .cashback::before{
  content: "";
  display: block;
  width: fit-content;
  border-top: 14px solid #1b2669;
  border-left: 14px solid transparent;
  border-right: 14px solid transparent;
  margin: -50px auto 40px;
}
.campaign_benefits .example .area_price .cashback {
  background-color: #ef4848;
  border-radius: 10px;
  color: #fff;
  font-size: 23px;
  font-weight: bold;
  line-height: 1.6;
  padding: .8em 1em;
  margin-top: 55px;
}
.campaign_benefits .example .area_price .cashback .ratio {
  display: block;
  width: fit-content;
  margin: 0 auto 0.5em;
  padding: 0 1.2em;
  background-color: #fff;
  border-radius: 2em;
  color: #ef4848;
  font-size: 20px;
}
@media screen and (min-width: 780px) {
  .campaign_benefits .example_inner{
    display: grid;
    column-gap: 7%;
    grid-template-columns: repeat(2, 50% 42%);
  }
  .campaign_benefits .example .list_school .name + .name{ margin-top: 5px;}
  .campaign_benefits .example .list_school .name.large {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 5em;
  }
}
@media screen and (max-width: 779px) {
  .campaign_benefits .example {
    padding: 20px 2%;
  }
  .campaign_benefits .example .list_school{
    flex-wrap: wrap;
    flex-direction: initial;
    justify-content: space-between;
  }
  .campaign_benefits .example .list_school .name{ width: 49.3%;}
  .campaign_benefits .example .list_school .name:nth-child(n+3){ margin-top: 5px;}
  .campaign_benefits .example .list_school .name.large{ width: 100%;}
}
@media screen and (max-width: 599px) {
  .campaign_benefits .example{ padding: 15px 2%;}
  .campaign_benefits .example .ttl {
    margin-bottom: 1.5em;
    font-size: 14px;
  }
  .campaign_benefits .example .ttl span {
    padding: 0 0 0.4em 0;
  }
  .campaign_benefits .example .ttl span.narrow {
    letter-spacing: -0.04em;
  }
  .campaign_benefits .example .list_school{ padding: 0;}
  .campaign_benefits .example .list_school .name{
    padding: 0.5em 0.1em;
    font-size: 12px;
    border-width: 2px;
  }
  .campaign_benefits .example .list_school .name .txt_s {
    font-size: 10px;
  }
  .campaign_benefits .example .area_price {
    padding-bottom: 0;
    font-size: 14px;
  }
  .campaign_benefits .example .area_price .price {
    font-size: 28px;
  }
  .campaign_benefits .example .area_price .txt_l {
    font-size: 14px;
  }
  .campaign_benefits .example .area_price .cashback {
    column-gap: 8px;
    width: 88%;
    margin-left: auto;
    margin-right: auto;
    font-size: 15px;
    padding: 10px;
    margin-top: 30px;
    position: relative;
  }
  .campaign_benefits .example .area_price .cashback::before{
    border-top-width: 9px;
    border-left-width: 9px;
    border-right-width: 9px;
    position: absolute;
    top: -18px;
    left: 0;
    right: 0;
    margin: auto;
  }
  .campaign_benefits .example .area_price .cashback .ratio {
    padding-top: 0.2em;
    font-size: 13px;
  }
}

/* ------------------------------
outline
------------------------------ */
.outline .box_campaign {
  padding: 40px 5%;
  background: #fff;
  border-radius: 10px;
}
.outline .box_campaign + .box_campaign {
  margin-top: 50px;
}
.outline .outline_list_box dl {
  border-top: 1px solid #a99d55;
}
.outline .outline_list_box dl:last-child {
  border-bottom: 1px solid #a99d55;
}
.outline .outline_list_box dt {
  padding: 1.5em 0.5em;
  font-weight: normal;
}
.outline .outline_list_box dd {
  padding: 1.5em 0.5em;
}
.outline .outline_list_box dd .mb {
  margin-bottom: 0.8em;
}
.outline .outline_list_box dd .txt_s {
  font-size: 12px;
}
.outline .cashback dt {
  font-weight: normal;
}
.outline .cashback dd + dt {
  margin-top: 2em;
}
@media screen and (min-width: 700px) {
  .outline .outline_list_box dl {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
  .outline .outline_list_box dt {
    width: 23%;
    text-align: center;
  }
  .outline .outline_list_box dd {
    width: 77%;
  }
}
@media screen and (max-width: 999px) {
  .outline .box_campaign {
    padding: 40px 2%;
  }
}
@media screen and (max-width: 699px) {
  .outline .outline_list_box dt {
    padding: 1em 0.5em;
  }
  .outline .outline_list_box dd {
    padding: 1em 0.5em;
    border-top: 1px dashed #a99d55;
  }
}
@media screen and (max-width: 599px) {
  .outline .box_campaign {
    padding: 40px 4%;
  }
  .outline .box_campaign + .box_campaign {
    margin-top: 35px;
  }
  .outline .outline_list_box dt {
    padding: 0.8em 0.5em;
    font-size: 16px;
  }
}

/* ------------------------------
entry_form
------------------------------ */
.entry_form .select_area {
  padding: 30px 2%;
  background-color: #f3f3f2;
  border-radius: 20px;
}
.entry_form h3 {
  font-size: 23px;
}
@media screen and (max-width: 599px) {
  .entry_form h3 {
    font-size: 18px;
  }
}
.bg-w {
  background-color: #fff;
}
.bg-brand {
  background-color: #1c236d;
}
.fc-w{ color: #fff;}
.school_ttl{
  font-size: 1.25rem;
  text-align: center;
  margin-bottom: 0;
}
.school_ttl::after{
  content: "";
  display: block;
  border-bottom: 2px solid;
  width: 100px;
  margin: 20px auto 0;
}
.school_ttl.kabu{ color: #5e76a7;}
.school_ttl.kabu::before{
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 1.25em;
  height: 1.25em;
  background: url(https://preview-mypage.f-academy.jp/img/common/fa/icn_kabu.svg) center/contain no-repeat;
  margin-right: .5em;
}
.school_ttl.fudo{ color: #45A1C5;}
.school_ttl.fudo::before{
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 1.25em;
  height: 1.25em;
  background: url(https://preview-mypage.f-academy.jp/img/common/fa/icn_fudo.svg) center/contain no-repeat;
  margin-right: .5em;
}
.school_ttl.fx{ color: #C36280;}
.school_ttl.fx::before{
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 1.25em;
  height: 1.25em;
  background: url(https://preview-mypage.f-academy.jp/img/common/fa/icn_fx.svg) center/contain no-repeat;
  margin-right: .5em;
}
@media (min-width: 640px) {
  .top_txt{ text-align: center;}
}
/* caution */
.list_caution li{
  list-style: none;
  text-indent: -1em;
  color: #DB191A;
  margin-left: 20px;
}
.list_caution li::before{ content: "※";}
.list_caution li + li{ margin-top: 1em;}
/* price area */
.box_price .inner {
  width: 100%;
  padding: 10px;
}
.box_total_price .ttl{
  color: inherit;
  font-size: 1rem;
  font-weight: normal;
  text-align: left;
  border-bottom: 1px solid #5f76a7;
  margin-bottom: 5px;
  padding-bottom: 5px;
}
.offprice_baloon{
  display: none;
  background: #F9E2DB;
  padding: 10px;
  margin: 1em 0;
}
.offprice_baloon.show {
  display: block;
}
.offprice_baloon p{
  margin: 0;
}
@media (min-width: 640px) {
  .box_price{
    display: block;
    padding-left: 10px;
    position: sticky;
    top: 100px;
    float: right;
  }
}
@media (max-width: 639px) {
  .box_price{ margin-bottom: 1em;}
  .box_total_price.fixed{
    background: rgba(206,206,206,.7);
    padding: 10px;
    width: 100%;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 1;
    box-sizing: border-box;
  }
  .fixed .inputbox{
    background: #fff;
    padding: 10px;
    border: 1px solid;
    border-radius: 5px;
  }
  .fixed .offprice_baloon{
    border: 1px solid #DB191A;
    border-radius: 5px;
    margin-right: 80px;
    position: relative;
  }
  .fixed .offprice_baloon::before{
    content: "";
    border: 5px solid transparent;
    border-bottom: 16px solid #DB191A;
    position: absolute;
    top: -21px;
    left: 50%;
    transform: translateX(-50%);
  }
  .fixed .offprice_baloon::after{
    content: "";
    border: 5px solid transparent;
    border-bottom: 16px solid #F9E2DB;
    position: absolute;
    top: -18px;
    left: 50%;
    transform: translateX(-50%);
  }
}
.btn_submit{
  background: #DB191A;
  color: #fff;
  box-shadow: 0 3px 0 #9D1112;
  border-radius: 5px;
}
.uk-button.btn_submit:hover{
  text-decoration: none;
  opacity: .8;
}
.btn_submit.close{
  background: #ccc;
  box-shadow: 0 3px 0 #c0c0c0;
  pointer-events: none;
}
/* tab */
.tab_list_school{ margin-bottom: 20px;}
.tab_list_school > li{ margin: 5px 0;}
.tab_list_school > li{
  width: 130px;
  height: 55px;
  color: #1c236d;
  font-size: .875rem;
  background: #fff;
  border: 1px solid;
  border-radius: 5px;
  padding: 0;
  margin-left: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1.6;
}
.tab_list_school > li.active{
  color: #fff;
  background: #1c236d;
  border-color: #1c236d;
  box-shadow: 0 3px 0 #9b9b9b;
}
@media (max-width: 639px) {
  .tab_list_school{ justify-content: center;}
}
/* list_school */
.entry_form .list_school li {
  border-bottom: 1px solid #c0c0c0;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.entry_form .list_school .ttl {
  color: inherit;
  font-size: 16px;
  font-weight: normal;
  text-align: left;
  margin-bottom: 10px;
}
.entry_form .list_school .ttl.kabu {
  color: #5e76a7;
}
.entry_form .list_school .ttl.fudo {
  color: #44a1c5;
}
.entry_form .list_school .ttl.mf {
  color: #8a9f55;
}
.entry_form .list_school .ttl.kyouyou {
  color: #7e678c;
}
.entry_form .list_school .ttl.retire {
  color: #e16f4e;
}
.entry_form .list_school .notes{
  color: #E16F4E;
  font-size: 12px;
  padding-left: 40px;
  margin-top: 1em;
  margin-bottom: 1em;
}
.entry_form .txt_s {
  font-size: 12px;
}
.checklist_app_area > div{ display: none;}
.checklist_app_area > .active{ display: inherit;}
.checklist_app_area label{
  padding-left: 40px;
  font-size: 12px;
  position: relative;
}
.checklist_app_area label .name{
  border: 1px solid;
  padding: 5px 5px 5px 25px;
  position: relative;
}
.checklist_app_area .kabu .name{ border-color: #5E76A7;}
.checklist_app_area .fudo .name{ border-color: #45A1C5;}
.checklist_app_area .fx .name{ border-color: #C36280;}
.checklist_app_area .mf .name{ border-color: #8A9F55;}
.checklist_app_area .kyouyou .name{ border-color: #7E678D;}
.checklist_app_area .retire .name{ border-color: #E16E4E;}
.checklist_app_area .semi .name{ border-color: #D7BA41;}
.checklist_app_area label .name::after{
  content: "";
  border: 18px solid transparent;
  border-bottom: 18px solid;
  position: absolute;
  left: -18px;
  top: -18px;
  transform: rotate(-45deg);
}
.checklist_app_area .kabu .name::after{ border-bottom-color: #5E76A7;}
.checklist_app_area .fudo .name::after{ border-bottom-color: #45A1C5;}
.checklist_app_area .fx .name::after{ border-bottom-color: #C36280;}
.checklist_app_area .mf .name::after{ border-bottom-color: #8A9F55;}
.checklist_app_area .kyouyou .name::after{ border-bottom-color: #7E678D;}
.checklist_app_area .retire .name::after{ border-bottom-color: #E16E4E;}
.checklist_app_area .semi .name::after{ border-bottom-color: #D7BA41;}
.checklist_app_area label .price{
  border-bottom: 1px solid;
  padding-left: 5px;
  align-self: end;
  text-align: right;
}
.checklist_app_area input[type="checkbox"],
.checklist_app_area input[type="radio"]{ display: none;}
.checklist_app_area input[type="checkbox"] + label::before{
  content: "";
  width: 20px;
  height: 20px;
  border: 1px solid #9D9D9D;
  background: #fff;
  position: absolute;
  left: 10px;
  top: 0;
  bottom: 0;
  margin: auto;
}
.checklist_app_area input[type="checkbox"]:not(.radio):checked + label::after{
  content: "";
  width: 18px;
  height: 8px;
  border-left: 2px solid #FF1950;
  border-bottom: 2px solid #FF1950;
  transform: rotate(-45deg);
  position: absolute;
  left: 11px;
  top: -5px;
  bottom: 0;
  margin: auto;
}
.checklist_app_area input.default[type="checkbox"]:not(.radio):checked + label::after{
  border-left-color: #FAB7C7;
  border-bottom-color: #FAB7C7;
}
.checklist_app_area input[type="radio"] + label::before,
.checklist_app_area .radio + label::before{
  content: "";
  width: 20px;
  height: 20px;
  border: 1px solid #9D9D9D;
  background: #fff;
  border-radius: 100%;
  position: absolute;
  left: 10px;
  top: 0;
  bottom: 0;
  margin: auto;
}
.checklist_app_area input[type="radio"]:checked + label::after,
.checklist_app_area .radio:checked + label::after{
  content: "";
  width: 14px;
  height: 14px;
  border-radius: 100%;
  background: #FF1950;
  position: absolute;
  left: 14px;
  top: 0;
  bottom: 0;
  margin: auto;
}
.checklist_app_area input.default[type="radio"]:checked + label::after,
.checklist_app_area input.default.radio:checked + label::after{ background: #FAB7C7;}
.checklist_app_area label + input + label{ margin-top: 10px;}
@media (min-width: 960px) {
  .checklist_app_area label{
    display: grid;
    grid-template-columns: auto 190px;
    gap: 10px;
  }
}
@media (max-width: 959px) {
  .checklist_app_area label{
    display: flex;
    flex-wrap: wrap;
  }
  .checklist_app_area label .name {
    flex: 1 1 100%;
  }
  .checklist_app_area label .price{
    width: 220px;
    margin: 10px 0 0 auto;
  }
  .checklist_app_area input[type="checkbox"] + label::before {
    top: 1em;
    bottom: auto;
  }
  .checklist_app_area input[type="checkbox"]:not(.radio):checked + label::after,
  .checklist_app_area input[type="radio"]:checked + label::after,
  .checklist_app_area .radio:checked + label::after{
    top: calc(1em + 4px);
    bottom: auto;
  }
}
@media (min-width: 640px){
  .uk-list.list_school>li::after{ clear: inherit;}
}
@media (max-width: 639px) {
  .wrap_list_school{ padding-bottom: 130px;}
}

/* ------------------------------
faq
------------------------------ */
/* qaClm */
.qaClm {
  padding: 20px 2% 0;
  background: #fff;
}

/* box_question */
.box_question{
  font-weight: normal;
  padding-bottom: 15px;
  border-bottom: 1px solid #cfcfcf;
  cursor: pointer;
}
.box_question > div{ display: table-cell;}
.box_question .txt{
  line-height: 1.6;
  padding-left: 10px;
  vertical-align: middle;
  width: 100%;
  word-break: break-word;
  position: relative;
  transition: all .3s;
}
.box_question:hover .txt{
  font-size: .998em;
  font-weight: bold;
}
.box_question .txt p{ padding-right: 40px;}
.box_question .txt .arw{
  width: 30px;
  height: 30px;
  background-color: transparent;
  border-radius: 100%;
  position: absolute;
  right: 0;
  top: 0;
  transition: all .3s;
}
.box_question .txt .arw::before{
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  border-right: 2px solid #1c236d;
  border-bottom: 2px solid #1c236d;
  margin: .5em 0 auto auto;
  transform: rotate(-45deg);
  position: absolute;
  right: 12px;
  top: 3px;
}
.box_question:hover .txt .arw,
.box_question.active .txt .arw{ background-color: #ae792e;}
.box_question:hover .txt .arw::before{ border-color: #fff;}
.box_question.active .txt .arw::before{
  border-color: #fff;
  transform: rotate(45deg);
  right: 10px;
  top: 1px;
}
@media screen and (max-width: 701px){
  .box_question{ font-size: 16px;}
}

/* box_answer */
.box_answer {
  margin-top: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #cfcfcf;
}
.box_answer > div{ display: table-cell;}
.box_answer .txt{
  line-height: 1.6;
  padding-left: 10px;
  vertical-align: middle;
  width: 100%;
  word-break: break-word;
  position: relative;
  transition: all .3s;
}
.box_answer .txt p{
  background: rgba(174, 121, 46, .1);
  padding: 1em;
}
.box_answer .link_mail{
  text-decoration: underline;
  color: #333;
}
.box_answer .link_mail:hover{ color: #009;}
.icn_mail > svg{ height: 1em;}

/* icn */
.box_question .icn,
.box_answer .icn{ width: 30px;}

.circle_q {
  color: #fff;
  background-color:#1c236d;
  padding: 0;
  margin: 0;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  display: inline-block;
  border-radius: 50%;
  font-size:18px;
}
.circle_a {
  color: #fff;
  background-color:#ae792e;
  padding: 0;
  margin: 0;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  display: inline-block;
  border-radius: 50%;
  font-size:18px;
}

/* ------------------------------
bnr_seminarlist
------------------------------ */
.bnr_seminarlist {
  width: 94%;
  max-width: 1000px;
  margin: 0 auto 50px;
  background: url(/event/240101/img/bg_bnr_seminarlist.jpg) no-repeat center / cover;
  border-radius: 5px;
  text-align: center;
}
.bnr_seminarlist a {
  display: block;
  padding: 10px;
}
.bnr_seminarlist a:hover {
  text-decoration: none;
  opacity: 0.7;
  outline: none;
}
.bnr_seminarlist .bnr_seminarlist_inner {
  position: relative;
  width: 100%;
  min-height: calc(400px - 20px);
  padding: 35px 4% 10px;
  border: 1px solid #fff;
  border-radius: 5px;
}
.bnr_seminarlist .ttl span {
  color: #fff;
  font-size: 55px;
  font-weight: bold;
  line-height: 1.6;
  text-shadow: 0 3px 6px rgba(0, 0, 0, 0.49);
}
.bnr_seminarlist .txt_01 {
  max-width: 577px;
  margin: 5px auto 0;
  padding: 10px 0;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
}
.bnr_seminarlist .txt_01 span {
  display: block;
  padding: 0.75em;
  background: rgba(255, 255, 255, 0.8);
  color: #000;
  font-size: 18px;
  font-weight: bold;
}
.bnr_seminarlist .bnr_btn {
  display: block;
  position: relative;
  max-width: 306px;
  margin: 25px auto 0;
  padding: 0.75em 40px 0.75em 1em;
  background: #f2ca24;
  border: 1px solid #fff;
  border-radius: 9999px;
  color: #fff;
  font-size: 18px;
  text-align: center;
  line-height: 1.2;
}
.bnr_seminarlist .bnr_btn::before {
  position: absolute;
  top: 50%;
  right: 14px;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  border: 1px solid #fff;
  border-radius: 50%;
  content: '';
}
.bnr_seminarlist .bnr_btn::after {
  position: absolute;
  top: 50%;
  right: 24px;
  transform: translateY(-50%) rotate(45deg);
  width: 10px;
  height: 10px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  content: '';
}
.bnr_seminarlist .icn_free {
  position: absolute;
  top: 10px;
  right: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 130px;
  height: 130px;
  background: #f2ca24;
  border: 1px solid #fff;
  border-radius: 50%;
  color: #fff;
  font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro";
  font-size: 30px;
  text-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  text-align: center;
}
@media screen and (max-width: 699px) {
  .bnr_seminarlist .icn_free {
    width: 100px;
    height: 100px;
  }
}
@media screen and (max-width: 599px) {
  .bnr_seminarlist {
    background: url(/event/240101/img/bg_bnr_seminarlist_sp.jpg) no-repeat top center / cover;
  }
  .bnr_seminarlist .bnr_seminarlist_inner {
    min-height: calc(454px - 20px);
    padding-top: 80px;
  }
  .bnr_seminarlist .ttl svg {
    width: 268px;
    height: auto;
  }
  .bnr_seminarlist .ttl span {
    font-size: 43px;
    line-height: 1.2;
  }
  .bnr_seminarlist .txt_01 {
    padding: 5px 0;
  }
  .bnr_seminarlist .txt_01 span {
    padding: 0.5em;
    font-size: 16px;
    line-height: 1.5;
  }
  .bnr_seminarlist .bnr_btn {
    max-width: none;
    margin-top: 100px;
  }
  .bnr_seminarlist .icn_free {
    right: auto;
    left: 10px;
    width: 66px;
    height: 66px;
    font-size: 18px;
  }
}

/* ------------------------------
クローズ対応
------------------------------ */
.end_campaign {
  padding: 0.5em;
  background: rgba(51, 51, 51, 0.8);
  border-radius: 10px;
  color: #fff;
  font-size: 30px;
  text-align: center;
}
@media screen and (max-width: 599px) {
  .end_campaign {
    font-size: 20px;
  }
}


/* ------------------------------
当選者発表
------------------------------ */
.notice{
  background-color: #fff;
  margin-top: 30px;
  position: relative;
}
.notice::before,
.notice::after{
  content: "";
  width: 57px;
  padding-top: 58px;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
}
.notice::before{
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22img%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2256.85%22%20height%3D%2257.65%22%20viewBox%3D%220%200%2056.85%2057.65%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_14%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2014%22%20width%3D%2211.66%22%20height%3D%2211.66%22%20transform%3D%22translate(45.19%2011.67)%20rotate(-90)%22%20fill%3D%22%23c10100%22%2F%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_15%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2015%22%20width%3D%2211.66%22%20height%3D%2211.66%22%20transform%3D%22translate(45.19%2034.66)%20rotate(-90)%22%20fill%3D%22%23c10100%22%2F%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_16%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2016%22%20width%3D%2211.66%22%20height%3D%2211.66%22%20transform%3D%22translate(45.19%2057.65)%20rotate(-90)%22%20fill%3D%22%23c10100%22%2F%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_17%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2017%22%20width%3D%2211.66%22%20height%3D%2211.66%22%20transform%3D%22translate(22.59%2011.66)%20rotate(-90)%22%20fill%3D%22%23c10100%22%2F%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_18%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2018%22%20width%3D%2211.66%22%20height%3D%2211.66%22%20transform%3D%22translate(22.59%2034.65)%20rotate(-90)%22%20fill%3D%22%23c10100%22%2F%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_19%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2019%22%20width%3D%2211.66%22%20height%3D%2211.66%22%20transform%3D%22translate(0%2011.67)%20rotate(-90)%22%20fill%3D%22%23c10100%22%2F%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_20%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2020%22%20width%3D%2211.66%22%20height%3D%2211.66%22%20transform%3D%22translate(33.89%2023.16)%20rotate(-90)%22%20fill%3D%22%23c10100%22%2F%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_21%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2021%22%20width%3D%2211.66%22%20height%3D%2211.66%22%20transform%3D%22translate(11.3%2023.13)%20rotate(-90)%22%20fill%3D%22%23c10100%22%2F%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_22%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2022%22%20width%3D%2211.66%22%20height%3D%2211.66%22%20transform%3D%22translate(33.93%2046.16)%20rotate(-90)%22%20fill%3D%22%23c10100%22%2F%3E%3C%2Fsvg%3E');
  background-position: right top;
  right: 25px;
  top: 32px;
}
.notice::after{
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22img%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2256.85%22%20height%3D%2257.65%22%20viewBox%3D%220%200%2056.85%2057.65%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_14%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2014%22%20width%3D%2211.66%22%20height%3D%2211.66%22%20transform%3D%22translate(11.66%2045.98)%20rotate(90)%22%20fill%3D%22%23c8b478%22%2F%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_15%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2015%22%20width%3D%2211.66%22%20height%3D%2211.66%22%20transform%3D%22translate(11.66%2022.99)%20rotate(90)%22%20fill%3D%22%23c8b478%22%2F%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_16%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2016%22%20width%3D%2211.66%22%20height%3D%2211.66%22%20transform%3D%22translate(11.66)%20rotate(90)%22%20fill%3D%22%23c8b478%22%2F%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_17%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2017%22%20width%3D%2211.66%22%20height%3D%2211.66%22%20transform%3D%22translate(34.26%2045.99)%20rotate(90)%22%20fill%3D%22%23c8b478%22%2F%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_18%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2018%22%20width%3D%2211.66%22%20height%3D%2211.66%22%20transform%3D%22translate(34.26%2023)%20rotate(90)%22%20fill%3D%22%23c8b478%22%2F%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_19%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2019%22%20width%3D%2211.66%22%20height%3D%2211.66%22%20transform%3D%22translate(56.85%2045.98)%20rotate(90)%22%20fill%3D%22%23c8b478%22%2F%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_20%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2020%22%20width%3D%2211.66%22%20height%3D%2211.66%22%20transform%3D%22translate(22.96%2034.49)%20rotate(90)%22%20fill%3D%22%23c8b478%22%2F%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_21%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2021%22%20width%3D%2211.66%22%20height%3D%2211.66%22%20transform%3D%22translate(45.55%2034.52)%20rotate(90)%22%20fill%3D%22%23c8b478%22%2F%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_22%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2022%22%20width%3D%2211.66%22%20height%3D%2211.66%22%20transform%3D%22translate(22.92%2011.49)%20rotate(90)%22%20fill%3D%22%23c8b478%22%2F%3E%3C%2Fsvg%3E');
  background-position: left bottom;
  left: 25px;
  bottom: 32px;
}
.notice .line{
  background-color: #fff;
  display: flex;
}
.notice .line > div{
  flex: 1 1;
  background-size: contain;
  padding-top: 10px;
}
.notice .line .gold{
  background-image: url(/event/240101/img/line_gold.png);
}
.notice .line .red{
  background-image: url(/event/240101/img/line_red.png);
}
.notice .inner{
  padding-top: 50px;
  padding-bottom: 60px;
}
.notice h2{
  color: #C10100;
  font-size: 30px;
  font-weight: bold;
  line-height: 1.7;
  text-align: center;
  margin-bottom: 2.2em;
}
.notice p{
  font-size: 20px;
  letter-spacing: .08em;
}
@media screen and (max-width: 1199px) {
  .notice .inner{
    padding-top: 75px;
    padding-bottom: 75px;
  }
}
@media screen and (max-width: 599px) {
  .notice::before,
  .notice::after{
    width: 38px;
    padding-top: 39px;
  }
  .notice::before{
    right: 12px;
    top: 20px;
  }
  .notice::after{
    left: 12px;
    bottom: 20px;
  }

  .notice h2{ font-size: 20px;}
  .notice p{ font-size: 14px;}
}