@charset "UTF-8";
* {
  box-sizing: border-box;
  font-family: "ヒラギノ角ゴ W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif; }

html, body {
  width: 100vw;
  overflow-x: hidden;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0;
  overflow-y: scroll;
  -ms-overflow-style: none;
  /* IE, Edge 対応 */
  scrollbar-width: none;
  /* Firefox 対応 */ }

body::-webkit-scrollbar {
  /* Chrome, Safari 対応 */
  display: none; }

@media screen and (max-width: 800px) {
  body {
    min-height: 100vh;
    /* mobile viewport bug fix */
    min-height: -webkit-fill-available;
  }
  html {
    height: -webkit-fill-available;
  }
}


h1, h2, h3, p {
  margin: 0; }

a {
  text-decoration: none;
  color: inherit;
  transition: 0.75s all; }
  a svg {
    width: 13px; }
  a:hover {
    color: #c99e20; }
    a:hover svg {
      fill: #c99e20; }

.mt-5 {
  margin-top: 5px; }

.mb-5 {
  margin-bottom: 5px; }

.mr-5 {
  margin-right: 5px; }

.ml-5 {
  margin-left: 5px; }

.pt-5 {
  padding-top: 5px; }

.pb-5 {
  padding-bottom: 5px; }

.pr-5 {
  padding-right: 5px; }

.pl-5 {
  padding-left: 5px; }

@media screen and (min-width: 801px) {
  .pc-mt-5 {
    margin-top: 5px; } }

@media screen and (min-width: 801px) {
  .pc-mb-5 {
    margin-bottom: 5px; } }

@media screen and (min-width: 801px) {
  .pc-ml-5 {
    margin-left: 5px; } }

@media screen and (min-width: 801px) {
  .pc-mr-5 {
    margin-right: 5px; } }

@media screen and (max-width: 800px) {
  .sp-mt-5 {
    margin-top: 5px; } }

@media screen and (max-width: 800px) {
  .sp-mb-5 {
    margin-bottom: 5px; } }

@media screen and (max-width: 800px) {
  .sp-ml-5 {
    margin-left: 5px; } }

@media screen and (max-width: 800px) {
  .sp-mr-5 {
    margin-right: 5px; } }

@media screen and (min-width: 801px) {
  .pc-pt-5 {
    padding-top: 5px; } }

@media screen and (min-width: 801px) {
  .pc-pb-5 {
    padding-bottom: 5px; } }

@media screen and (max-width: 800px) {
  .sp-pt-5 {
    padding-top: 5px; } }

@media screen and (max-width: 800px) {
  .sp-pb-5 {
    padding-bottom: 5px; } }

.mt-10 {
  margin-top: 10px; }

.mb-10 {
  margin-bottom: 10px; }

.mr-10 {
  margin-right: 10px; }

.ml-10 {
  margin-left: 10px; }

.pt-10 {
  padding-top: 10px; }

.pb-10 {
  padding-bottom: 10px; }

.pr-10 {
  padding-right: 10px; }

.pl-10 {
  padding-left: 10px; }

@media screen and (min-width: 801px) {
  .pc-mt-10 {
    margin-top: 10px; } }

@media screen and (min-width: 801px) {
  .pc-mb-10 {
    margin-bottom: 10px; } }

@media screen and (min-width: 801px) {
  .pc-ml-10 {
    margin-left: 10px; } }

@media screen and (min-width: 801px) {
  .pc-mr-10 {
    margin-right: 10px; } }

@media screen and (max-width: 800px) {
  .sp-mt-10 {
    margin-top: 10px; } }

@media screen and (max-width: 800px) {
  .sp-mb-10 {
    margin-bottom: 10px; } }

@media screen and (max-width: 800px) {
  .sp-ml-10 {
    margin-left: 10px; } }

@media screen and (max-width: 800px) {
  .sp-mr-10 {
    margin-right: 10px; } }

@media screen and (min-width: 801px) {
  .pc-pt-10 {
    padding-top: 10px; } }

@media screen and (min-width: 801px) {
  .pc-pb-10 {
    padding-bottom: 10px; } }

@media screen and (max-width: 800px) {
  .sp-pt-10 {
    padding-top: 10px; } }

@media screen and (max-width: 800px) {
  .sp-pb-10 {
    padding-bottom: 10px; } }

.mt-15 {
  margin-top: 15px; }

.mb-15 {
  margin-bottom: 15px; }

.mr-15 {
  margin-right: 15px; }

.ml-15 {
  margin-left: 15px; }

.pt-15 {
  padding-top: 15px; }

.pb-15 {
  padding-bottom: 15px; }

.pr-15 {
  padding-right: 15px; }

.pl-15 {
  padding-left: 15px; }

@media screen and (min-width: 801px) {
  .pc-mt-15 {
    margin-top: 15px; } }

@media screen and (min-width: 801px) {
  .pc-mb-15 {
    margin-bottom: 15px; } }

@media screen and (min-width: 801px) {
  .pc-ml-15 {
    margin-left: 15px; } }

@media screen and (min-width: 801px) {
  .pc-mr-15 {
    margin-right: 15px; } }

@media screen and (max-width: 800px) {
  .sp-mt-15 {
    margin-top: 15px; } }

@media screen and (max-width: 800px) {
  .sp-mb-15 {
    margin-bottom: 15px; } }

@media screen and (max-width: 800px) {
  .sp-ml-15 {
    margin-left: 15px; } }

@media screen and (max-width: 800px) {
  .sp-mr-15 {
    margin-right: 15px; } }

@media screen and (min-width: 801px) {
  .pc-pt-15 {
    padding-top: 15px; } }

@media screen and (min-width: 801px) {
  .pc-pb-15 {
    padding-bottom: 15px; } }

@media screen and (max-width: 800px) {
  .sp-pt-15 {
    padding-top: 15px; } }

@media screen and (max-width: 800px) {
  .sp-pb-15 {
    padding-bottom: 15px; } }

.mt-20 {
  margin-top: 20px; }

.mb-20 {
  margin-bottom: 20px; }

.mr-20 {
  margin-right: 20px; }

.ml-20 {
  margin-left: 20px; }

.pt-20 {
  padding-top: 20px; }

.pb-20 {
  padding-bottom: 20px; }

.pr-20 {
  padding-right: 20px; }

.pl-20 {
  padding-left: 20px; }

@media screen and (min-width: 801px) {
  .pc-mt-20 {
    margin-top: 20px; } }

@media screen and (min-width: 801px) {
  .pc-mb-20 {
    margin-bottom: 20px; } }

@media screen and (min-width: 801px) {
  .pc-ml-20 {
    margin-left: 20px; } }

@media screen and (min-width: 801px) {
  .pc-mr-20 {
    margin-right: 20px; } }

@media screen and (max-width: 800px) {
  .sp-mt-20 {
    margin-top: 20px; } }

@media screen and (max-width: 800px) {
  .sp-mb-20 {
    margin-bottom: 20px; } }

@media screen and (max-width: 800px) {
  .sp-ml-20 {
    margin-left: 20px; } }

@media screen and (max-width: 800px) {
  .sp-mr-20 {
    margin-right: 20px; } }

@media screen and (min-width: 801px) {
  .pc-pt-20 {
    padding-top: 20px; } }

@media screen and (min-width: 801px) {
  .pc-pb-20 {
    padding-bottom: 20px; } }

@media screen and (max-width: 800px) {
  .sp-pt-20 {
    padding-top: 20px; } }

@media screen and (max-width: 800px) {
  .sp-pb-20 {
    padding-bottom: 20px; } }

.mt-25 {
  margin-top: 25px; }

.mb-25 {
  margin-bottom: 25px; }

.mr-25 {
  margin-right: 25px; }

.ml-25 {
  margin-left: 25px; }

.pt-25 {
  padding-top: 25px; }

.pb-25 {
  padding-bottom: 25px; }

.pr-25 {
  padding-right: 25px; }

.pl-25 {
  padding-left: 25px; }

@media screen and (min-width: 801px) {
  .pc-mt-25 {
    margin-top: 25px; } }

@media screen and (min-width: 801px) {
  .pc-mb-25 {
    margin-bottom: 25px; } }

@media screen and (min-width: 801px) {
  .pc-ml-25 {
    margin-left: 25px; } }

@media screen and (min-width: 801px) {
  .pc-mr-25 {
    margin-right: 25px; } }

@media screen and (max-width: 800px) {
  .sp-mt-25 {
    margin-top: 25px; } }

@media screen and (max-width: 800px) {
  .sp-mb-25 {
    margin-bottom: 25px; } }

@media screen and (max-width: 800px) {
  .sp-ml-25 {
    margin-left: 25px; } }

@media screen and (max-width: 800px) {
  .sp-mr-25 {
    margin-right: 25px; } }

@media screen and (min-width: 801px) {
  .pc-pt-25 {
    padding-top: 25px; } }

@media screen and (min-width: 801px) {
  .pc-pb-25 {
    padding-bottom: 25px; } }

@media screen and (max-width: 800px) {
  .sp-pt-25 {
    padding-top: 25px; } }

@media screen and (max-width: 800px) {
  .sp-pb-25 {
    padding-bottom: 25px; } }

.mt-30 {
  margin-top: 30px; }

.mb-30 {
  margin-bottom: 30px; }

.mr-30 {
  margin-right: 30px; }

.ml-30 {
  margin-left: 30px; }

.pt-30 {
  padding-top: 30px; }

.pb-30 {
  padding-bottom: 30px; }

.pr-30 {
  padding-right: 30px; }

.pl-30 {
  padding-left: 30px; }

@media screen and (min-width: 801px) {
  .pc-mt-30 {
    margin-top: 30px; } }

@media screen and (min-width: 801px) {
  .pc-mb-30 {
    margin-bottom: 30px; } }

@media screen and (min-width: 801px) {
  .pc-ml-30 {
    margin-left: 30px; } }

@media screen and (min-width: 801px) {
  .pc-mr-30 {
    margin-right: 30px; } }

@media screen and (max-width: 800px) {
  .sp-mt-30 {
    margin-top: 30px; } }

@media screen and (max-width: 800px) {
  .sp-mb-30 {
    margin-bottom: 30px; } }

@media screen and (max-width: 800px) {
  .sp-ml-30 {
    margin-left: 30px; } }

@media screen and (max-width: 800px) {
  .sp-mr-30 {
    margin-right: 30px; } }

@media screen and (min-width: 801px) {
  .pc-pt-30 {
    padding-top: 30px; } }

@media screen and (min-width: 801px) {
  .pc-pb-30 {
    padding-bottom: 30px; } }

@media screen and (max-width: 800px) {
  .sp-pt-30 {
    padding-top: 30px; } }

@media screen and (max-width: 800px) {
  .sp-pb-30 {
    padding-bottom: 30px; } }

.mt-35 {
  margin-top: 35px; }

.mb-35 {
  margin-bottom: 35px; }

.mr-35 {
  margin-right: 35px; }

.ml-35 {
  margin-left: 35px; }

.pt-35 {
  padding-top: 35px; }

.pb-35 {
  padding-bottom: 35px; }

.pr-35 {
  padding-right: 35px; }

.pl-35 {
  padding-left: 35px; }

@media screen and (min-width: 801px) {
  .pc-mt-35 {
    margin-top: 35px; } }

@media screen and (min-width: 801px) {
  .pc-mb-35 {
    margin-bottom: 35px; } }

@media screen and (min-width: 801px) {
  .pc-ml-35 {
    margin-left: 35px; } }

@media screen and (min-width: 801px) {
  .pc-mr-35 {
    margin-right: 35px; } }

@media screen and (max-width: 800px) {
  .sp-mt-35 {
    margin-top: 35px; } }

@media screen and (max-width: 800px) {
  .sp-mb-35 {
    margin-bottom: 35px; } }

@media screen and (max-width: 800px) {
  .sp-ml-35 {
    margin-left: 35px; } }

@media screen and (max-width: 800px) {
  .sp-mr-35 {
    margin-right: 35px; } }

@media screen and (min-width: 801px) {
  .pc-pt-35 {
    padding-top: 35px; } }

@media screen and (min-width: 801px) {
  .pc-pb-35 {
    padding-bottom: 35px; } }

@media screen and (max-width: 800px) {
  .sp-pt-35 {
    padding-top: 35px; } }

@media screen and (max-width: 800px) {
  .sp-pb-35 {
    padding-bottom: 35px; } }

.mt-40 {
  margin-top: 40px; }

.mb-40 {
  margin-bottom: 40px; }

.mr-40 {
  margin-right: 40px; }

.ml-40 {
  margin-left: 40px; }

.pt-40 {
  padding-top: 40px; }

.pb-40 {
  padding-bottom: 40px; }

.pr-40 {
  padding-right: 40px; }

.pl-40 {
  padding-left: 40px; }

@media screen and (min-width: 801px) {
  .pc-mt-40 {
    margin-top: 40px; } }

@media screen and (min-width: 801px) {
  .pc-mb-40 {
    margin-bottom: 40px; } }

@media screen and (min-width: 801px) {
  .pc-ml-40 {
    margin-left: 40px; } }

@media screen and (min-width: 801px) {
  .pc-mr-40 {
    margin-right: 40px; } }

@media screen and (max-width: 800px) {
  .sp-mt-40 {
    margin-top: 40px; } }

@media screen and (max-width: 800px) {
  .sp-mb-40 {
    margin-bottom: 40px; } }

@media screen and (max-width: 800px) {
  .sp-ml-40 {
    margin-left: 40px; } }

@media screen and (max-width: 800px) {
  .sp-mr-40 {
    margin-right: 40px; } }

@media screen and (min-width: 801px) {
  .pc-pt-40 {
    padding-top: 40px; } }

@media screen and (min-width: 801px) {
  .pc-pb-40 {
    padding-bottom: 40px; } }

@media screen and (max-width: 800px) {
  .sp-pt-40 {
    padding-top: 40px; } }

@media screen and (max-width: 800px) {
  .sp-pb-40 {
    padding-bottom: 40px; } }

.mt-45 {
  margin-top: 45px; }

.mb-45 {
  margin-bottom: 45px; }

.mr-45 {
  margin-right: 45px; }

.ml-45 {
  margin-left: 45px; }

.pt-45 {
  padding-top: 45px; }

.pb-45 {
  padding-bottom: 45px; }

.pr-45 {
  padding-right: 45px; }

.pl-45 {
  padding-left: 45px; }

@media screen and (min-width: 801px) {
  .pc-mt-45 {
    margin-top: 45px; } }

@media screen and (min-width: 801px) {
  .pc-mb-45 {
    margin-bottom: 45px; } }

@media screen and (min-width: 801px) {
  .pc-ml-45 {
    margin-left: 45px; } }

@media screen and (min-width: 801px) {
  .pc-mr-45 {
    margin-right: 45px; } }

@media screen and (max-width: 800px) {
  .sp-mt-45 {
    margin-top: 45px; } }

@media screen and (max-width: 800px) {
  .sp-mb-45 {
    margin-bottom: 45px; } }

@media screen and (max-width: 800px) {
  .sp-ml-45 {
    margin-left: 45px; } }

@media screen and (max-width: 800px) {
  .sp-mr-45 {
    margin-right: 45px; } }

@media screen and (min-width: 801px) {
  .pc-pt-45 {
    padding-top: 45px; } }

@media screen and (min-width: 801px) {
  .pc-pb-45 {
    padding-bottom: 45px; } }

@media screen and (max-width: 800px) {
  .sp-pt-45 {
    padding-top: 45px; } }

@media screen and (max-width: 800px) {
  .sp-pb-45 {
    padding-bottom: 45px; } }

.mt-50 {
  margin-top: 50px; }

.mb-50 {
  margin-bottom: 50px; }

.mr-50 {
  margin-right: 50px; }

.ml-50 {
  margin-left: 50px; }

.pt-50 {
  padding-top: 50px; }

.pb-50 {
  padding-bottom: 50px; }

.pr-50 {
  padding-right: 50px; }

.pl-50 {
  padding-left: 50px; }

@media screen and (min-width: 801px) {
  .pc-mt-50 {
    margin-top: 50px; } }

@media screen and (min-width: 801px) {
  .pc-mb-50 {
    margin-bottom: 50px; } }

@media screen and (min-width: 801px) {
  .pc-ml-50 {
    margin-left: 50px; } }

@media screen and (min-width: 801px) {
  .pc-mr-50 {
    margin-right: 50px; } }

@media screen and (max-width: 800px) {
  .sp-mt-50 {
    margin-top: 50px; } }

@media screen and (max-width: 800px) {
  .sp-mb-50 {
    margin-bottom: 50px; } }

@media screen and (max-width: 800px) {
  .sp-ml-50 {
    margin-left: 50px; } }

@media screen and (max-width: 800px) {
  .sp-mr-50 {
    margin-right: 50px; } }

@media screen and (min-width: 801px) {
  .pc-pt-50 {
    padding-top: 50px; } }

@media screen and (min-width: 801px) {
  .pc-pb-50 {
    padding-bottom: 50px; } }

@media screen and (max-width: 800px) {
  .sp-pt-50 {
    padding-top: 50px; } }

@media screen and (max-width: 800px) {
  .sp-pb-50 {
    padding-bottom: 50px; } }

.mt-55 {
  margin-top: 55px; }

.mb-55 {
  margin-bottom: 55px; }

.mr-55 {
  margin-right: 55px; }

.ml-55 {
  margin-left: 55px; }

.pt-55 {
  padding-top: 55px; }

.pb-55 {
  padding-bottom: 55px; }

.pr-55 {
  padding-right: 55px; }

.pl-55 {
  padding-left: 55px; }

@media screen and (min-width: 801px) {
  .pc-mt-55 {
    margin-top: 55px; } }

@media screen and (min-width: 801px) {
  .pc-mb-55 {
    margin-bottom: 55px; } }

@media screen and (min-width: 801px) {
  .pc-ml-55 {
    margin-left: 55px; } }

@media screen and (min-width: 801px) {
  .pc-mr-55 {
    margin-right: 55px; } }

@media screen and (max-width: 800px) {
  .sp-mt-55 {
    margin-top: 55px; } }

@media screen and (max-width: 800px) {
  .sp-mb-55 {
    margin-bottom: 55px; } }

@media screen and (max-width: 800px) {
  .sp-ml-55 {
    margin-left: 55px; } }

@media screen and (max-width: 800px) {
  .sp-mr-55 {
    margin-right: 55px; } }

@media screen and (min-width: 801px) {
  .pc-pt-55 {
    padding-top: 55px; } }

@media screen and (min-width: 801px) {
  .pc-pb-55 {
    padding-bottom: 55px; } }

@media screen and (max-width: 800px) {
  .sp-pt-55 {
    padding-top: 55px; } }

@media screen and (max-width: 800px) {
  .sp-pb-55 {
    padding-bottom: 55px; } }

.mt-60 {
  margin-top: 60px; }

.mb-60 {
  margin-bottom: 60px; }

.mr-60 {
  margin-right: 60px; }

.ml-60 {
  margin-left: 60px; }

.pt-60 {
  padding-top: 60px; }

.pb-60 {
  padding-bottom: 60px; }

.pr-60 {
  padding-right: 60px; }

.pl-60 {
  padding-left: 60px; }

@media screen and (min-width: 801px) {
  .pc-mt-60 {
    margin-top: 60px; } }

@media screen and (min-width: 801px) {
  .pc-mb-60 {
    margin-bottom: 60px; } }

@media screen and (min-width: 801px) {
  .pc-ml-60 {
    margin-left: 60px; } }

@media screen and (min-width: 801px) {
  .pc-mr-60 {
    margin-right: 60px; } }

@media screen and (max-width: 800px) {
  .sp-mt-60 {
    margin-top: 60px; } }

@media screen and (max-width: 800px) {
  .sp-mb-60 {
    margin-bottom: 60px; } }

@media screen and (max-width: 800px) {
  .sp-ml-60 {
    margin-left: 60px; } }

@media screen and (max-width: 800px) {
  .sp-mr-60 {
    margin-right: 60px; } }

@media screen and (min-width: 801px) {
  .pc-pt-60 {
    padding-top: 60px; } }

@media screen and (min-width: 801px) {
  .pc-pb-60 {
    padding-bottom: 60px; } }

@media screen and (max-width: 800px) {
  .sp-pt-60 {
    padding-top: 60px; } }

@media screen and (max-width: 800px) {
  .sp-pb-60 {
    padding-bottom: 60px; } }

.mt-65 {
  margin-top: 65px; }

.mb-65 {
  margin-bottom: 65px; }

.mr-65 {
  margin-right: 65px; }

.ml-65 {
  margin-left: 65px; }

.pt-65 {
  padding-top: 65px; }

.pb-65 {
  padding-bottom: 65px; }

.pr-65 {
  padding-right: 65px; }

.pl-65 {
  padding-left: 65px; }

@media screen and (min-width: 801px) {
  .pc-mt-65 {
    margin-top: 65px; } }

@media screen and (min-width: 801px) {
  .pc-mb-65 {
    margin-bottom: 65px; } }

@media screen and (min-width: 801px) {
  .pc-ml-65 {
    margin-left: 65px; } }

@media screen and (min-width: 801px) {
  .pc-mr-65 {
    margin-right: 65px; } }

@media screen and (max-width: 800px) {
  .sp-mt-65 {
    margin-top: 65px; } }

@media screen and (max-width: 800px) {
  .sp-mb-65 {
    margin-bottom: 65px; } }

@media screen and (max-width: 800px) {
  .sp-ml-65 {
    margin-left: 65px; } }

@media screen and (max-width: 800px) {
  .sp-mr-65 {
    margin-right: 65px; } }

@media screen and (min-width: 801px) {
  .pc-pt-65 {
    padding-top: 65px; } }

@media screen and (min-width: 801px) {
  .pc-pb-65 {
    padding-bottom: 65px; } }

@media screen and (max-width: 800px) {
  .sp-pt-65 {
    padding-top: 65px; } }

@media screen and (max-width: 800px) {
  .sp-pb-65 {
    padding-bottom: 65px; } }

.mt-70 {
  margin-top: 70px; }

.mb-70 {
  margin-bottom: 70px; }

.mr-70 {
  margin-right: 70px; }

.ml-70 {
  margin-left: 70px; }

.pt-70 {
  padding-top: 70px; }

.pb-70 {
  padding-bottom: 70px; }

.pr-70 {
  padding-right: 70px; }

.pl-70 {
  padding-left: 70px; }

@media screen and (min-width: 801px) {
  .pc-mt-70 {
    margin-top: 70px; } }

@media screen and (min-width: 801px) {
  .pc-mb-70 {
    margin-bottom: 70px; } }

@media screen and (min-width: 801px) {
  .pc-ml-70 {
    margin-left: 70px; } }

@media screen and (min-width: 801px) {
  .pc-mr-70 {
    margin-right: 70px; } }

@media screen and (max-width: 800px) {
  .sp-mt-70 {
    margin-top: 70px; } }

@media screen and (max-width: 800px) {
  .sp-mb-70 {
    margin-bottom: 70px; } }

@media screen and (max-width: 800px) {
  .sp-ml-70 {
    margin-left: 70px; } }

@media screen and (max-width: 800px) {
  .sp-mr-70 {
    margin-right: 70px; } }

@media screen and (min-width: 801px) {
  .pc-pt-70 {
    padding-top: 70px; } }

@media screen and (min-width: 801px) {
  .pc-pb-70 {
    padding-bottom: 70px; } }

@media screen and (max-width: 800px) {
  .sp-pt-70 {
    padding-top: 70px; } }

@media screen and (max-width: 800px) {
  .sp-pb-70 {
    padding-bottom: 70px; } }

.mt-75 {
  margin-top: 75px; }

.mb-75 {
  margin-bottom: 75px; }

.mr-75 {
  margin-right: 75px; }

.ml-75 {
  margin-left: 75px; }

.pt-75 {
  padding-top: 75px; }

.pb-75 {
  padding-bottom: 75px; }

.pr-75 {
  padding-right: 75px; }

.pl-75 {
  padding-left: 75px; }

@media screen and (min-width: 801px) {
  .pc-mt-75 {
    margin-top: 75px; } }

@media screen and (min-width: 801px) {
  .pc-mb-75 {
    margin-bottom: 75px; } }

@media screen and (min-width: 801px) {
  .pc-ml-75 {
    margin-left: 75px; } }

@media screen and (min-width: 801px) {
  .pc-mr-75 {
    margin-right: 75px; } }

@media screen and (max-width: 800px) {
  .sp-mt-75 {
    margin-top: 75px; } }

@media screen and (max-width: 800px) {
  .sp-mb-75 {
    margin-bottom: 75px; } }

@media screen and (max-width: 800px) {
  .sp-ml-75 {
    margin-left: 75px; } }

@media screen and (max-width: 800px) {
  .sp-mr-75 {
    margin-right: 75px; } }

@media screen and (min-width: 801px) {
  .pc-pt-75 {
    padding-top: 75px; } }

@media screen and (min-width: 801px) {
  .pc-pb-75 {
    padding-bottom: 75px; } }

@media screen and (max-width: 800px) {
  .sp-pt-75 {
    padding-top: 75px; } }

@media screen and (max-width: 800px) {
  .sp-pb-75 {
    padding-bottom: 75px; } }

.mt-80 {
  margin-top: 80px; }

.mb-80 {
  margin-bottom: 80px; }

.mr-80 {
  margin-right: 80px; }

.ml-80 {
  margin-left: 80px; }

.pt-80 {
  padding-top: 80px; }

.pb-80 {
  padding-bottom: 80px; }

.pr-80 {
  padding-right: 80px; }

.pl-80 {
  padding-left: 80px; }

@media screen and (min-width: 801px) {
  .pc-mt-80 {
    margin-top: 80px; } }

@media screen and (min-width: 801px) {
  .pc-mb-80 {
    margin-bottom: 80px; } }

@media screen and (min-width: 801px) {
  .pc-ml-80 {
    margin-left: 80px; } }

@media screen and (min-width: 801px) {
  .pc-mr-80 {
    margin-right: 80px; } }

@media screen and (max-width: 800px) {
  .sp-mt-80 {
    margin-top: 80px; } }

@media screen and (max-width: 800px) {
  .sp-mb-80 {
    margin-bottom: 80px; } }

@media screen and (max-width: 800px) {
  .sp-ml-80 {
    margin-left: 80px; } }

@media screen and (max-width: 800px) {
  .sp-mr-80 {
    margin-right: 80px; } }

@media screen and (min-width: 801px) {
  .pc-pt-80 {
    padding-top: 80px; } }

@media screen and (min-width: 801px) {
  .pc-pb-80 {
    padding-bottom: 80px; } }

@media screen and (max-width: 800px) {
  .sp-pt-80 {
    padding-top: 80px; } }

@media screen and (max-width: 800px) {
  .sp-pb-80 {
    padding-bottom: 80px; } }

.mt-85 {
  margin-top: 85px; }

.mb-85 {
  margin-bottom: 85px; }

.mr-85 {
  margin-right: 85px; }

.ml-85 {
  margin-left: 85px; }

.pt-85 {
  padding-top: 85px; }

.pb-85 {
  padding-bottom: 85px; }

.pr-85 {
  padding-right: 85px; }

.pl-85 {
  padding-left: 85px; }

@media screen and (min-width: 801px) {
  .pc-mt-85 {
    margin-top: 85px; } }

@media screen and (min-width: 801px) {
  .pc-mb-85 {
    margin-bottom: 85px; } }

@media screen and (min-width: 801px) {
  .pc-ml-85 {
    margin-left: 85px; } }

@media screen and (min-width: 801px) {
  .pc-mr-85 {
    margin-right: 85px; } }

@media screen and (max-width: 800px) {
  .sp-mt-85 {
    margin-top: 85px; } }

@media screen and (max-width: 800px) {
  .sp-mb-85 {
    margin-bottom: 85px; } }

@media screen and (max-width: 800px) {
  .sp-ml-85 {
    margin-left: 85px; } }

@media screen and (max-width: 800px) {
  .sp-mr-85 {
    margin-right: 85px; } }

@media screen and (min-width: 801px) {
  .pc-pt-85 {
    padding-top: 85px; } }

@media screen and (min-width: 801px) {
  .pc-pb-85 {
    padding-bottom: 85px; } }

@media screen and (max-width: 800px) {
  .sp-pt-85 {
    padding-top: 85px; } }

@media screen and (max-width: 800px) {
  .sp-pb-85 {
    padding-bottom: 85px; } }

.mt-90 {
  margin-top: 90px; }

.mb-90 {
  margin-bottom: 90px; }

.mr-90 {
  margin-right: 90px; }

.ml-90 {
  margin-left: 90px; }

.pt-90 {
  padding-top: 90px; }

.pb-90 {
  padding-bottom: 90px; }

.pr-90 {
  padding-right: 90px; }

.pl-90 {
  padding-left: 90px; }

@media screen and (min-width: 801px) {
  .pc-mt-90 {
    margin-top: 90px; } }

@media screen and (min-width: 801px) {
  .pc-mb-90 {
    margin-bottom: 90px; } }

@media screen and (min-width: 801px) {
  .pc-ml-90 {
    margin-left: 90px; } }

@media screen and (min-width: 801px) {
  .pc-mr-90 {
    margin-right: 90px; } }

@media screen and (max-width: 800px) {
  .sp-mt-90 {
    margin-top: 90px; } }

@media screen and (max-width: 800px) {
  .sp-mb-90 {
    margin-bottom: 90px; } }

@media screen and (max-width: 800px) {
  .sp-ml-90 {
    margin-left: 90px; } }

@media screen and (max-width: 800px) {
  .sp-mr-90 {
    margin-right: 90px; } }

@media screen and (min-width: 801px) {
  .pc-pt-90 {
    padding-top: 90px; } }

@media screen and (min-width: 801px) {
  .pc-pb-90 {
    padding-bottom: 90px; } }

@media screen and (max-width: 800px) {
  .sp-pt-90 {
    padding-top: 90px; } }

@media screen and (max-width: 800px) {
  .sp-pb-90 {
    padding-bottom: 90px; } }

.mt-95 {
  margin-top: 95px; }

.mb-95 {
  margin-bottom: 95px; }

.mr-95 {
  margin-right: 95px; }

.ml-95 {
  margin-left: 95px; }

.pt-95 {
  padding-top: 95px; }

.pb-95 {
  padding-bottom: 95px; }

.pr-95 {
  padding-right: 95px; }

.pl-95 {
  padding-left: 95px; }

@media screen and (min-width: 801px) {
  .pc-mt-95 {
    margin-top: 95px; } }

@media screen and (min-width: 801px) {
  .pc-mb-95 {
    margin-bottom: 95px; } }

@media screen and (min-width: 801px) {
  .pc-ml-95 {
    margin-left: 95px; } }

@media screen and (min-width: 801px) {
  .pc-mr-95 {
    margin-right: 95px; } }

@media screen and (max-width: 800px) {
  .sp-mt-95 {
    margin-top: 95px; } }

@media screen and (max-width: 800px) {
  .sp-mb-95 {
    margin-bottom: 95px; } }

@media screen and (max-width: 800px) {
  .sp-ml-95 {
    margin-left: 95px; } }

@media screen and (max-width: 800px) {
  .sp-mr-95 {
    margin-right: 95px; } }

@media screen and (min-width: 801px) {
  .pc-pt-95 {
    padding-top: 95px; } }

@media screen and (min-width: 801px) {
  .pc-pb-95 {
    padding-bottom: 95px; } }

@media screen and (max-width: 800px) {
  .sp-pt-95 {
    padding-top: 95px; } }

@media screen and (max-width: 800px) {
  .sp-pb-95 {
    padding-bottom: 95px; } }

.mr-auto {
  margin-right: auto; }

.d-block {
  display: block; }

.d-flex {
  display: flex; }

.jc-space-between {
  justify-content: space-between; }

.jc-flex-end {
  justify-content: flex-end; }

.jc-center {
  justify-content: center; }

.fd-column {
  flex-direction: column; }

.align-items-center {
  align-items: center; }

.color-grey {
  color: #797979; }

.bg-white {
  background-color: #fff; }

.bg-grey {
  background-color: #EDEDED; }

.bg-black {
  background-color: #000; }

.bg-navy {
  background-color: #181b38;
  color: #fff; }

.bg-gold {
  background-color: #c99e20;
  color: #fff; }

.text-underline {
  text-decoration: underline; }

.text-strikethrough {
  text-decoration: line-through; }

.font-weight-bold {
  font-weight: bold; }

.typography-h1 {
  line-height: 1.4;
  font-size: 24px;
  font-weight: bold; }

.typography-body-1 {
  line-height: 1.4;
  font-size: 14px; }

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

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

.text-align-center {
  text-align: center; }

.text-align-right {
  text-align: right; }

.img-box {
  position: relative;
  overflow: hidden; }
  .img-box img {
    width: auto;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }

.round-box {
  border-radius: 50%; }

.container {
  width: 100%;
  height: 100%;
  max-width: 1200px;
  margin: auto; }

.contentInner {
  width: calc(100% - 40px);
  max-width: 1050px;
  margin: auto; }
  @media screen and (max-width: 800px) {
    .contentInner {
      max-width: 380px; } }

.chip {
  padding: 2px 6px;
  font-weight: bold;
  border-radius: 3px;
  display: inline-block; }

.wpcf7-form-control-wrap {
  padding: 10px; }

.slider {
  display: none; }

.slider.slick-initialized {
  display: block;
  /*slick-initializedが付与されたら表示*/ }

header {
  width: 100vw;
  height: 94px;
  position: fixed;
  z-index: 999;
  background-color: rgba(255, 255, 255, 0.9);
  top: 0;
  left: 0;
  padding: 16px 0;
  transition: 0.5s all;
}
@media screen and (max-width: 800px) {
  header {
    height: 64px;
    padding: 0;
    z-index: 997;
  }
}

header .headerInner {
  height: 64px;
}
header .headerInner__box--logo {
  transition: 0.75s all;
}
header .headerInner__box--logo:hover {
  opacity: 0.5;
}
header .headerInner__box--logo img {
  height: 26px;
}
@media screen and (max-width: 800px) {
  header .headerInner__box--logo img {
    height: 18px;
  }
}


header .headerInner__box--stop {
    color: #181b38;
    font-size: 17px;
    font-weight: bold;
    line-height: 1;
    text-align: center;
    border-right: #181b38 1px solid;
    border-left: #181b38 1px solid;
    padding: 4px 20px 5px;
}
header .headerInner__box--stop span {
    display: block;
    font-size: 12px;
    font-weight: normal;
    margin-top: 12px;
}
@media screen and (max-width: 500px) {
  header .headerInner__box--stop {
      width: 210px;
      font-size: 14px;
      padding: 5px 0;
  }
  header .headerInner__box--stop span {
      font-size: 12px;
      margin-top: 6px;
  }
}
@media screen and (max-width: 350px) {
  header .headerInner__box--stop {
      width: 185px;
      font-size: 3.5vw;
      padding: 5px 0;
  }
  header .headerInner__box--stop span {
      font-size: 3vw;
      margin-top: 6px;
  }
}

header .headerInner__box--schedule {
  height: 40px;
}
/*-- header .headerInner__box--schedule dt {
  line-height: 50px;
  padding: 0 16px;
  border-right: 1px solid #181b38;
  font-size: 16px;
  font-weight: bold;
  color: #181b38;
} --*/
header .headerInner__box--schedule dt {
    line-height: 25px;
    padding: 0 16px;
    border-right: 1px solid #181b38;
    font-size: 15px;
    font-weight: bold;
    color: #181b38;
}
@media screen and (max-width: 1040px) {
  header .headerInner__box--schedule dt {
    line-height: 1.5;
    font-size: 12px;
    padding: 0 8px;
  }
}
@media screen and (max-width: 800px) {
  header .headerInner__box--schedule dt {
  }
}
@media screen and (max-width: 370px) {
  header .headerInner__box--schedule dt {
  }
}

header .headerInner__box--schedule dd {
  padding: 0 16px;
  line-height: 25px;
  margin-left: 0;
  border-right: 1px solid #181b38;
  font-size: 15px;
  font-weight: bold;
  color: #181b38;
}
@media screen and (max-width: 1040px) {
  header .headerInner__box--schedule dd {
    line-height: 1.5;
    font-size: 12px;
    padding: 0 8px;
  }
}
@media screen and (max-width: 800px) {
  header .headerInner__box--schedule dd {
    padding: 0 0 0 8px;
    border-right: none;
  }
}
@media screen and (max-width: 370px) {
  header .headerInner__box--schedule dd {
    letter-spacing: -1px;
  }
}

header .hdr_right {
    column-gap: 20px;
}
header .headerInner__box--navigation a {
  border: 3px solid #c99e20;
  border-radius: 48px;
  font-size: 14px;
  font-weight: 600;
  color: #c99e20;
  box-shadow: 0 0 12px rgb(158 159 160 / 40%);
  position: relative;
  transition: 0.75s all;
  overflow: hidden;
  z-index: 0;
  background: #fff;
  display: block;
  padding: 10.5px 45px 10.5px 40px;
}
header .headerInner__box--navigation a::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  content: '';
  background: #c99e20;
  transform-origin: right top;
  transform: scale(0, 1);
  transition: transform .3s;
}
header .headerInner__box--navigation a svg {
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
  transition: 0.75s all;
}
header .headerInner__box--navigation a:hover {
  color: #fff;
}
header .headerInner__box--navigation a:hover svg {
  color: #fff;
  fill: #fff;
}
header .headerInner__box--navigation a:hover::before {
  transform-origin: left top;
  transform: scale(1, 1);
}
@media screen and (max-width: 1040px) {
  header .headerInner__box--navigation a {
    font-size: 12px;
  }
}
@media screen and (max-width: 800px) {
  header .headerInner__box--navigation {
    display: none;
  }
}

.breadcrumb {
  font-size: 14px; }

#mv {
  padding: 94px 0 0 0;
  background-image: url(https://20064382.fs1.hubspotusercontent-na1.net/hubfs/20064382/website_assets/academy/mv_bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  overflow: hidden; }
  @media screen and (max-width: 800px) {
    #mv {
      padding: 32px 0 0 0; } }
  #mv .mvMain .container {
    position: relative; }
    #mv .mvMain .container .scrollBtn {
      position: absolute;
      top: 210px;
      left: -80px;
      transform: rotate(-90deg);
      font-size: 16px;
      letter-spacing: 1px;
      font-weight: 600;
      font-family: objektiv-mk2, sans-serif;
      color: #181b38; }
      #mv .mvMain .container .scrollBtn:hover {
        color: inherit;
        opacity: 0.5; }
    #mv .mvMain .container .arrowIcon {
      height: 50px;
      position: absolute; }
      @media screen and (max-width: 1040px) {
        #mv .mvMain .container .arrowIcon {
          height: 40px; } }
      #mv .mvMain .container .arrowIcon01 {
        top: 6%;
        right: 60%;
        opacity: 0;
        transition: 2s all;
        transition-delay: 0.5s; }
        #mv .mvMain .container .arrowIcon01.active {
          transform: translateY(-20px);
          opacity: 1; }
        @media screen and (max-width: 800px) {
          #mv .mvMain .container .arrowIcon01 {
            top: 30px;
            left: 0;
            right: inherit;
            width: 26px;
            height: auto; } }
      #mv .mvMain .container .arrowIcon02 {
        bottom: -25%;
        right: 20px;
        opacity: 0;
        transition: 2s all;
        transition-delay: 0.5s; }
        #mv .mvMain .container .arrowIcon02.active {
          transform: translateY(-20px);
          opacity: 1; }
        @media screen and (max-width: 800px) {
          #mv .mvMain .container .arrowIcon02 {
            top: 300px;
            right: 20px;
            width: 26px;
            height: auto; } }
        @media screen and (max-width: 400px) {
          #mv .mvMain .container .arrowIcon02 {
            top: 74vw; } }
      #mv .mvMain .container .arrowIcon03 {
        bottom: -15%;
        left: 2%;
        opacity: 0;
        transition: 2s all;
        transition-delay: 0.5s; }
        #mv .mvMain .container .arrowIcon03.active {
          transform: translateY(-20px);
          opacity: 1; }
        @media screen and (max-width: 800px) {
          #mv .mvMain .container .arrowIcon03 {
            display: none; } }
  #mv .mvMainInner {
    padding: 0 20px; }
    @media screen and (max-width: 800px) {
      #mv .mvMainInner {
        padding: 40px 0 0;
        flex-direction: column; } }
    #mv .mvMainInner__box--copy {
      width: 40%; }
      @media screen and (max-width: 800px) {
        #mv .mvMainInner__box--copy {
          width: 100%;
          max-width: 400px;
          padding: 0 20px; } }
      #mv .mvMainInner__box--copy h2 {
        line-height: 1.3;
        font-size: 56px;
        font-weight: 600;
        font-family: objektiv-mk2, sans-serif;
        color: #181b38; }
        @media screen and (max-width: 1200px) {
          #mv .mvMainInner__box--copy h2 {
            font-size: 42px; } }
        @media screen and (max-width: 900px) {
          #mv .mvMainInner__box--copy h2 {
            font-size: 38px; } }
        @media screen and (max-width: 800px) {
          #mv .mvMainInner__box--copy h2 {
            line-height: 1.1;
            font-size: 40px; } }
        @media screen and (max-width: 370px) {
          #mv .mvMainInner__box--copy h2 {
            font-size: 32px; } }
      #mv .mvMainInner__box--copy p {
        font-size: 18px;
        font-weight: bold;
        color: #181b38; }
        @media screen and (max-width: 1040px) {
          #mv .mvMainInner__box--copy p {
            font-size: 14px; } }
        @media screen and (max-width: 800px) {
          #mv .mvMainInner__box--copy p {
            font-size: 14px; } }
    #mv .mvMainInner__box--img {
      width: 60%; }
      @media screen and (max-width: 800px) {
        #mv .mvMainInner__box--img {
          width: calc(100% - 20px);
          max-width: 380px;
          text-align: center;
          position: relative; } }
      #mv .mvMainInner__box--img img {
        width: 100%; }
        @media screen and (max-width: 800px) {
          #mv .mvMainInner__box--img img {
            max-width: 420px;
            height: auto; } }
  @media screen and (max-width: 800px) {
    #mv .mvBtnArea {
      margin-top: -15px;
    }
   }
  .mvBtnAreaInner {
    max-width: 530px;
    margin: auto;
    flex-wrap: wrap; }
  .mvBtnArea__btn {
    width: 49%;
    height: 60px;
    border-radius: 60px;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    background: #181b38;
    box-shadow: 0 0 12px rgba(158, 159, 160, 0.4);
    position: relative;
    overflow: hidden;
    z-index: 0; }
    .mvBtnArea__btn svg:nth-child(1) {
      width: 16px;
      color: #c99e20; }
    .mvBtnArea__btn svg:nth-child(3) {
      position: absolute;
      top: 50%;
      right: 20px;
      transform: translateY(-50%); }
    @media screen and (max-width: 800px) {
      .mvBtnArea__btn {
        width: 100%;
        height: 40px;
        font-size: 12px;
        margin-bottom: 5px; } }
    .mvBtnArea__btn::before {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: -1;
      content: '';
      background: #c99e20;
      transform-origin: right top;
      transform: scale(0, 1);
      transition: transform .3s; }
    .mvBtnArea__btn:hover {
      color: #181b38; }
      .mvBtnArea__btn:hover svg:nth-child(1) {
        color: #181b38;
        fill: #181b38; }
      .mvBtnArea__btn:hover svg:nth-child(3) {
        color: #181b38;
        fill: #181b38; }
      .mvBtnArea__btn:hover::before {
        transform-origin: left top;
        transform: scale(1, 1); }


.mvBtnAreaInner .mv_btn_text {
    color: #181b38;
    font-size: 16px;
    font-weight: bold;
    line-height: 1;
    letter-spacing: 0.02em;
    position: relative;
    margin: 0 auto 12px;
}
.mvBtnAreaInner .mv_btn_text:before,
.mvBtnAreaInner .mv_btn_text:after {
    content: '';
    width: 2px;
    height: 16px;
    background: #181b38;
    position: absolute;
    top: 1px;
}
.mvBtnAreaInner .mv_btn_text:before {
    transform: skew(30deg);
    left: -22px;
}
.mvBtnAreaInner .mv_btn_text:after {
    transform: skew(-30deg);
    right: -22px;
}
@media screen and (max-width: 800px) {
  .mvBtnAreaInner .mv_btn_text {
      font-size: 14px;
  }
}
  .mvBtnArea__imgBox {
    width: 100%;
    padding: 12px 0; }
    @media screen and (max-width: 800px) {
      .mvBtnArea__imgBox {
        padding: 8px 0; } }
    .mvBtnArea__imgBox img {
      width: 60%;
      margin: auto; }
      @media screen and (max-width: 800px) {
        .mvBtnArea__imgBox img {
          width: 100%; } }


#mv .mvSlider .mv_slider {
  background-color: #fff;
}
#mv .mvSlider__imgBox {
  padding: 40px 0;
  margin: 0 32px;
}
#mv .mvSlider__imgBox img {
  height: 36px;
}
#mv .mvSlider__imgBox.rakusu {
  padding: 33px 0;
}
#mv .mvSlider__imgBox.rakusu img {
  height: 50px;
}
@media screen and (max-width: 800px) {
  #mv .mvSlider .mv_slider {
  }
  #mv .mvSlider__imgBox {
    padding: 20px 0;
    margin: 0 16px;
  }
  #mv .mvSlider__imgBox img {
    height: 16px;
  }
  #mv .mvSlider__imgBox.rakusu {
    padding: 13px 0;
  }
  #mv .mvSlider__imgBox.rakusu img {
    height: 30px;
  }

}

#mv .mvMainInner__box--copy .mv_circle {
    padding: 0;
    list-style: none;
    margin: 20px 0 0 0;
}
@media screen and (max-width: 800px) {
  #mv .mvMainInner__box--copy .mv_circle {
      margin: 20px 0;
  }
}
#mv .mvMainInner__box--copy .mv_circle li {
    width: 32%;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    background: #c99e20;
    position: relative;
    padding: 16%;
}
#mv .mvMainInner__box--copy .mv_circle li span {
    width: 100%;
    color: #fff;
    font-weight: 700;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
@media screen and (min-width:800px) and ( max-width:960px) {
  #mv .mvMainInner__box--copy .mv_circle li span {
    font-size: 15px;
  }
}
@media screen and (max-width: 340px) {
  #mv .mvMainInner__box--copy .mv_circle li span {
    font-size: 14px;
  }
}

#message {
  background-color: #181b38;
  padding: 132px 0;
  overflow: hidden; }
  @media screen and (max-width: 800px) {
    #message {
      padding: 60px 0; } }
  #message .container {
    position: relative; }
    #message .container .arrowIcon {
      height: 70px;
      position: absolute; }
      @media screen and (max-width: 1040px) {
        #message .container .arrowIcon {
          height: 40px; } }
      @media screen and (max-width: 800px) {
        #message .container .arrowIcon {
          display: none; } }
      #message .container .arrowIcon01 {
        top: 30%;
        right: 15%;
        opacity: 0;
        transition: 2s all;
        transition-delay: 0.5s; }
        #message .container .arrowIcon01.active {
          transform: translateY(-20px);
          opacity: 1; }
      #message .container .arrowIcon02 {
        bottom: 15%;
        right: 20px;
        opacity: 0;
        transition: 2s all;
        transition-delay: 0.5s; }
        #message .container .arrowIcon02.active {
          transform: translateY(-20px);
          opacity: 1; }
      #message .container .arrowIcon03 {
        bottom: -5%;
        left: 10%;
        opacity: 0;
        transition: 2s all;
        transition-delay: 0.5s; }
        #message .container .arrowIcon03.active {
          transform: translateY(-20px);
          opacity: 1; }
  #message .messageInner {
    position: relative; }
    #message .messageInner h2 {
      line-height: 1.8;
      letter-spacing: 3px;
      font-size: 40px;
      font-weight: 600;
      color: #c99e20; }
      @media screen and (max-width: 1040px) {
        #message .messageInner h2 {
          font-size: 32px; } }
      @media screen and (max-width: 800px) {
        #message .messageInner h2 {
          font-size: 18px;
          margin-bottom: 20px; } }
      @media screen and (max-width: 370px) {
        #message .messageInner h2 {
          font-size: 16px; } }
    #message .messageInner .messageInner__box--worries {
      padding-left: 0; }
      #message .messageInner .messageInner__box--worries svg {
        width: 22.5px;
        height: 20px;
        margin-right: 12px; }
      #message .messageInner .messageInner__box--worries p {
        width: calc(100% - 22.5px);
        line-height: 1;
        letter-spacing: 2px;
        font-size: 18px;
        font-weight: 600;
        color: #fff;
        margin-bottom: 36px; }
        @media screen and (max-width: 800px) {
          #message .messageInner .messageInner__box--worries p {
            line-height: 1.5;
            font-size: 13px;
            margin-bottom: 20px; } }
    #message .messageInner .messageInner__box--leader {
      padding-left: 300px;
      padding-right: 90px; }
      @media screen and (max-width: 1040px) {
        #message .messageInner .messageInner__box--leader {
          padding-right: 0; } }
      @media screen and (max-width: 800px) {
        #message .messageInner .messageInner__box--leader {
          padding-left: 0;
          padding-right: 0; } }
      #message .messageInner .messageInner__box--leader p {
        line-height: 3.4;
        letter-spacing: 2px;
        font-size: 16px;
        font-weight: 600;
        color: #fff; }
        @media screen and (max-width: 800px) {
          #message .messageInner .messageInner__box--leader p {
            line-height: 2;
            font-size: 13px; } }
      #message .messageInner .messageInner__box--leader img {
        height: 110px; }
        @media screen and (max-width: 800px) {
          #message .messageInner .messageInner__box--leader img {
            width: 100%;
            height: auto; } }

#message .messageInner .messageInner__box--leader .leader_sign {
    display: flex;
    align-items: flex-end;
    column-gap: 40px;
}
#message .messageInner .messageInner__box--leader .leader_sign dl {
    color: #fff;
    font-weight: 600;
    margin: 0;
}
#message .messageInner .messageInner__box--leader .leader_sign dt {
    font-size: 18px;
}
#message .messageInner .messageInner__box--leader .leader_sign dd {
    font-size: 14px;
    margin: 0 0 15px 0;
}
@media screen and (max-width: 800px) {
  #message .messageInner .messageInner__box--leader .leader_sign {
      column-gap: 2%;
  }
  #message .messageInner .messageInner__box--leader .leader_sign img {
      width: 47%;
  }
}

  #message .message__image {
    position: absolute; }
    #message .message__image--person {
      width: 410px;
      top: 442px;
      left: -180px; }
    #message .message__image--message {
      width: 240px;
      top: 0;
      right: -220px; }
      @media screen and (max-width: 1040px) {
        #message .message__image--message {
          display: none; } }
  #message .accordionBtn {
    width: fit-content;
    color: #fff;
    font-weight: bold;
    font-size: 13px;
    margin: auto;
    border-bottom: 2px solid #fff; }
    #message .accordionBtn span {
      width: calc(100% - 24px); }
    #message .accordionBtn svg {
      transform: scale(0.5); }
      #message .accordionBtn svg.hide {
        display: none; }

.sectionTitle img {
  width: 18px; }
  @media screen and (max-width: 800px) {
    .sectionTitle img {
      width: 16px; } }

.sectionTitle .title-ja {
  font-size: 20px;
  margin-left: 5px;
  color: #181b38; }
  @media screen and (max-width: 800px) {
    .sectionTitle .title-ja {
      font-size: 17spx; } }

.sectionTitle .title-en {
  font-size: 62px;
  font-weight: bold;
  font-family: objektiv-mk2, sans-serif;
  margin-left: 24px;
  color: #181b38; }
  @media screen and (max-width: 800px) {
    .sectionTitle .title-en {
      line-height: 1.3;
      font-size: 36px;
      margin-left: 20px; } }

.sectionDetail {
  line-height: 1.6;
  font-size: 16px;
  font-weight: bold;
  color: #333; }
  @media screen and (max-width: 800px) {
    .sectionDetail {
      font-size: 14px; } }

#program {
  margin-top: 160px; }
  @media screen and (max-width: 800px) {
    #program {
      margin-top: 80px; } }
  @media screen and (max-width: 800px) {
    #program .programInner .programContentWrapper .programContent {
      flex-direction: column; } }
  #program .programInner .programContentWrapper .programContent__img {
    width: 70%; }
    @media screen and (max-width: 800px) {
      #program .programInner .programContentWrapper .programContent__img {
        width: 100%;
        margin-bottom: 10px; } }
  #program .programInner .programContentWrapper .programContent__box {
    width: 30%;
    flex-wrap: wrap;
    flex-direction: column; }
    @media screen and (max-width: 800px) {
      #program .programInner .programContentWrapper .programContent__box {
        width: 100%; } }
    #program .programInner .programContentWrapper .programContent__box h3 .step-number {
      font-size: 40px;
      font-weight: bold;
      font-family: objektiv-mk2, sans-serif;
      color: #c99e20; }
      @media screen and (max-width: 800px) {
        #program .programInner .programContentWrapper .programContent__box h3 .step-number {
          font-size: 30px;
          letter-spacing: 1px; } }
    #program .programInner .programContentWrapper .programContent__box h3 .title-ja {
      font-size: 20px;
      color: #fff;
      background-color: #181b38;
      padding: 12px; }
      @media screen and (max-width: 800px) {
        #program .programInner .programContentWrapper .programContent__box h3 .title-ja {
          font-size: 16px;
          padding: 10px 12px; } }
    #program .programInner .programContentWrapper .programContent__box p {
      line-height: 1.8;
      font-size: 14px;
      color: #333333; }
      @media screen and (max-width: 800px) {
        #program .programInner .programContentWrapper .programContent__box p {
          line-height: 1.6; } }
  #program .programInner .programContentWrapper .programContent--step02 {
    flex-direction: row-reverse; }
    @media screen and (max-width: 800px) {
      #program .programInner .programContentWrapper .programContent--step02 {
        flex-direction: column; } }
  @media screen and (max-width: 800px) {
    #program .programInner .programContentWrapper svg {
      transform: scale(0.7); } }



.program_cts02 ul, .program_cts02 dl, .program_cts02 dt, .program_cts02 dd {
    list-style: none;
    padding: 0;
    margin: 0;
}
#program .program_cts01 {
    margin: 100px 0 130px;
}
#program .program_cts01 h3 {
    color: #181b38;
    font-size: 34px;
    font-weight: bold;
    text-align: center;
    line-height: 1.45;
    margin-bottom: 50px;
}
#program .program_cts01 h3 .small {
    font-size: 30px;
}
#program .program_cts01 h3 .large {
    font-size: 44px;
}
@media screen and (max-width: 800px) {
  #program .program_cts01 {
    margin: 60px 0 100px;
  }
  #program .program_cts01 h3 {
    font-size: 6vw;
    line-height: 1.3;
  }
  #program .program_cts01 h3 .small {
    font-size: 4.8vw;
  }
  #program .program_cts01 h3 .large {
    font-size: 7.5vw;
  }
}

/*-- モーダル共通 --*/
.program_overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(43,46,56,0.9);
    overflow: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    z-index: 99999;
    padding: 50px 0;
}
.modal .modal_close {
    width: 50px;
    height: 50px;
    color: #fff;
    font-weight: 400;
    font-size: 16px;
    text-align: center;
    line-height: 1;
    border: #fff 1px solid;
    border-radius: 50%;
    cursor: pointer;
    position: fixed;
    top: 50px;
    right: 8%;
    transition: 0.75s all;
    padding-top: 16px;
}
@media screen and (min-width: 1024px) {
  .modal .modal_close:hover {
      color: #181b38;
      background: #fff;
  }
}
@media screen and (max-width: 800px) {
  .program_overlay {
      padding: 40px 0;
      height: 100vh;
  }
  .modal .modal_close {
      background: rgb(24 27 56 / 40%);
      top: 30px;
  }
  .modal .modal_close_spbtm {
    width: 100%;
    font-size: 14px;
    line-height: 40px;
    position: absolute;
    bottom: -60px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 999;
    color: #fff;
    text-align: center;
    border: 1px solid #fff;
    border-radius: 100px;
    justify-content: center;
    font-weight: bold;
    transition: 0.25s all;
  }
  .modal .modal_close_spbtm svg {
    fill: #fff;
    width: 11px;
    height: 10px;
  }
  .program_modal_cts .cv_btnArea.sp {
    margin-top: 20px;
  }
}

.program_modal_btn, .program_modal_btn dl,
.program_modal_btn dt, .program_modal_btn dd,
.program_modal_cts ul, .program_modal_cts dl,
.program_modal_cts dt, .program_modal_cts dd {
    list-style: none;
    padding: 0;
    margin: 0;
}

/*-- プログラムモーダル｜ボタン --*/
.program_modal_btn {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: 20px 2%;
}
.program_modal_btn li {
    width: 32%;
    height: 224px;
    box-shadow: 0 0 8px rgb(24 27 56 / 30%);
    padding: 26px 3% 30px;
    position: relative;
    cursor: pointer;
    transition: 0.75s all;
}
.program_modal_btn li:after {
    content: '\f067';
    width: 27px;
    height: 27px;
    color: #fff;
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
    font-size: 12px;
    text-align: center;
    border-radius: 50%;
    background: #181b38;
    padding-top: 7px;
    box-sizing: border-box;
    display: inline-block;
    position: absolute;
    bottom: 15px;
    right: 15px;
    transition: 0.75s all;
}
@media screen and (min-width: 1024px) {
  .program_modal_btn li:hover {
      box-shadow: 0 0 10px rgb(201 158 32 / 80%);
  }
  .program_modal_btn li:hover:after {
      background-color: #c99e20;
  }
}
.program_modal_btn li dl {
    width: 100%;
    display: block;
}
.program_modal_btn li dt {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}
.program_modal_btn li dt img {
    width: 80px;
    margin-right: 13px;
}
.program_modal_btn li dt p {
    color: #181b38;
    font-family: objektiv-mk2, sans-serif;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.1;
    letter-spacing: 0.04em;
}
.program_modal_btn li dt p span {
    font-family: "ヒラギノ角ゴ W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
    font-size: 14px;
    letter-spacing: 0.02em;
    display: block;
    margin-top: 7px;
}
.program_modal_btn li dd {
    color: #333;
    font-size: 14px;
    line-height: 1.7;
    letter-spacing: 0.04em;
}
@media screen and (max-width: 800px) {
  .program_modal_btn {
    flex-direction: column;
    gap: 15px;
  }
  .program_modal_btn li {
    width: 100%;
    height: auto;
    padding: 28px 8% 44px;
  }
  .program_modal_btn li dt img {
    width: 20%;
    margin-right: 13px;
  }
  .program_modal_btn li dt p {
    font-size: 21px;
  }
}

/*-- プログラムモーダル｜コンテンツ --*/
.program_modal_cts .modal {
    max-width: 808px;
    text-align: left;
    background-color: #fff;
    padding: 40px 3% 60px;
    margin: 0 auto;
}
.program_modal_cts .modal .ttlArea {
    display: flex;
    align-items: center;
    border-bottom: #b9bac3 1px solid;
    padding-bottom: 20px;
}
.program_modal_cts .modal .ttlArea.sp {
    display: none;
}
.program_modal_cts .modal .ttlArea img {
    width: 80px;
    margin-right: 27px;
}
.program_modal_cts .modal .ttlArea .ttl_txt h4 {
    color: #181b38;
    font-family: objektiv-mk2, sans-serif;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.1;
    letter-spacing: 0.04em;
    margin: 0;
}
.program_modal_cts .modal .ttlArea .ttl_txt h4 span {
    font-family: "ヒラギノ角ゴ W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
    font-size: 16px;
    letter-spacing: 0.02em;
}
.program_modal_cts .modal .ttlArea .ttl_txt h4 span:before {
    content: '|';
    display: inline-block;
    margin: 0 8px 0 20px;
}
.program_modal_cts .modal .ttlArea p {
    color: #333;
    font-size: 14px;
    margin-top: 7px;
}
.program_modal_cts .modal .detailArea {
    display: flex;
    justify-content: space-between;
    padding: 40px 0;
}
.program_modal_cts .modal .detailArea dl {
    width: 50%;
}
.program_modal_cts .modal .detailArea dl:first-child {
    padding-right: 50px;
}
.program_modal_cts .modal .detailArea dl:last-child {
    border-left: #b9bac3 1px solid;
    padding-left: 50px;
}
.program_modal_cts .modal .detailArea dt,
.program_modal_cts .modal .tutorArea p.ttl {
    color: #181b38;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 15px;
}
.program_modal_cts .modal .detailArea dd {
    color: #333;
    font-size: 14px;
}
.program_modal_cts .modal .detailArea dd ul li {
    position: relative;
    padding-left: 16px;
    margin-bottom: 7px;
}
.program_modal_cts .modal .detailArea dd>ul li:last-child {
    margin-bottom: 0;
}
.program_modal_cts .modal .detailArea dd ul li:before {
    content: '';
    width: 8px;
    height: 2px;
    background: #181b38;
    position: absolute;
    top: 0.5rem;
    left: 0;
}
.program_modal_cts .modal .tutorArea {
    border-top: #b9bac3 1px solid;
    padding: 40px 0;
}
.program_modal_cts .modal .tutorArea ul {
    display: flex;
    justify-content: space-between;
}
.program_modal_cts .modal .tutorArea ul.tutor_wrap {
    flex-wrap: wrap;
    row-gap: 25px;
}
.program_modal_cts .modal .tutorArea li {
    display: flex;
}
.program_modal_cts .modal .tutorArea ul.tutor_1 li {
    width: 100%;
}
.program_modal_cts .modal .tutorArea ul.tutor_2 li {
    width: 48%;
}
.program_modal_cts .modal .tutorArea ul.tutor_3 li {
    width: 32%;
}
.program_modal_cts .modal .tutorArea li img {
    width: 80px;
    height: 80px;
    margin-right: 10px;
}
.program_modal_cts .modal .tutorArea li dt {
    color: #181b38;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 3px;
}
.program_modal_cts .modal .tutorArea li dd {
    color: #333;
    font-size: 13px;
}
@media screen and (max-width: 800px) {
  .program_modal_cts .modal {
    width: 90%;
    padding: 35px 5%;
    margin: 0 auto;
    position: relative;
  }
  .program_modal_cts .modal .ttlArea.pc {
    display: none;
  }
  .program_modal_cts .modal .ttlArea.sp {
    display: block;
    padding-bottom: 30px;
  }
  .program_modal_cts .modal .ttlArea .d-flex {
    align-items: center;
  }
  .program_modal_cts .modal .ttlArea img {
    width: 20%;
    margin-right: 13px;
  }
  .program_modal_cts .modal .ttlArea h4 {
    color: #181b38;
    font-family: objektiv-mk2, sans-serif;
    font-size: 21px;
    font-weight: bold;
    line-height: 1.1;
    letter-spacing: 0.04em;
    margin: 0;
  }
  .program_modal_cts .modal .ttlArea h4 span {
    font-family: "ヒラギノ角ゴ W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
    font-size: 14px;
    letter-spacing: 0.02em;
    display: block;
    margin-top: 5px;
  }
  .program_modal_cts .modal .ttlArea p {
    margin-top: 13px;
  }
  .program_modal_cts .modal .detailArea {
    display: block;
    padding: 0;
  }
  .program_modal_cts .modal .detailArea dl {
    width: 100%;
    padding: 30px 0;
  }
  .program_modal_cts .modal .detailArea dl:last-child {
    border-top: #b9bac3 1px solid;
    border-left: none;
    padding-left: 0;
  }
  .program_modal_cts .modal .tutorArea {
    border-top: #b9bac3 1px solid;
    padding: 30px 0 0;
  }
  .program_modal_cts .modal .tutorArea ul {
    flex-direction: column;
    row-gap: 15px;
  }
  .program_modal_cts .modal .tutorArea li {
    width: 100%!important;
  }
  .program_modal_cts .modal .cv_btnArea {
    display: none;
  }
}

#program .program_cts02 h3 {
    margin-bottom: 60px;
}
#program .program_cts02 ul {
}
#program .program_cts02 ul li {
    width: 32%;
    position: relative;
}
#program .program_cts02 ul li .num {
    color: #fff;
    font-family: objektiv-mk2, sans-serif;
    font-size: 20px;
    font-weight: bold;
    background: #181b38;
    position: absolute;
    top: -7px;
    left: -7px;
    padding: 6px 14px;
}
#program .program_cts02 ul li img {
    width: 100%;
    margin-bottom: 20px;
}
#program .program_cts02 ul li dl dt {
    color: #181b38;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 13px;
}
#program .program_cts02 ul li dl dd {
    color: #333;
    font-size: 14px;
    line-height: 1.8;
    letter-spacing: 0.02em;
}
#program .program_cts02 ul li dl dd span {
    font-size: 13px;
}
@media screen and (max-width: 800px) {
  #program .program_cts02 h3 {
    margin-bottom: 25px;
  }
  #program .program_cts02 h3 p {
    line-height: 1.4;
  }
  #program .program_cts02 h3 p:before,
  #program .program_cts02 h3 p:after {
    height: 6rem;
    top: 50%;
  }
  #program .program_cts02 h3 p:before {
    left: -30px;
  }
  #program .program_cts02 h3 p:after {
    right: -30px;
  }
  #program .program_cts02 h3 p span {
    margin-top: 5px;
  }
  #program .program_cts02 ul {
    flex-direction: column;
  }
  #program .program_cts02 ul li {
    width: 100%;
    margin-bottom: 40px;
  }
  #program .program_cts02 ul li img {
    margin-bottom: 15px;
  }
  #program .program_cts02 ul li dl dt {
    margin-bottom: 10px;
  }
}

#reason .reason_cts {
    margin-top: 75px;
}
#reason .reason_cts .reasonBox {
    display: flex;
    justify-content: space-between;
    margin-bottom: 60px;
}
#reason .reason_cts .reasonBox:last-child {
    margin-bottom: 0;
}
#reason .reason_cts .reasonBox .imgArea {
    width: 336px;
}
#reason .reason_cts .reasonBox .imgArea img {
    width: 100%;
}
#reason .reason_cts .reasonBox .tArea {
    width: 665px;
}
#reason .reason_cts .reasonBox .tArea .number {
    color: #c99e20;
    font-size: 14px;
    font-weight: bold;
    font-family: objektiv-mk2, sans-serif;
    line-height: 1;
    letter-spacing: 0.05em;
}
#reason .reason_cts .reasonBox .tArea .number span {
    font-size: 20px;
}
#reason .reason_cts .reasonBox .tArea h3 {
    display: inline-block;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0.05em;
    background: #181b38;
    padding: 7px 20px;
    margin: 13px 0 23px;
}
#reason .reason_cts .reasonBox .tArea h3 span {
}
#reason .reason_cts .reasonBox .tArea .txt {
    color: #333;
    font-size: 14px;
    line-height: 1.8;
}
@media screen and (max-width: 800px) {
  #reason .reason_cts {
    margin-top: 40px;
  }
  #reason .reason_cts .reasonBox {
    display: block;
    margin-bottom: 40px;
  }
  #reason .reason_cts .reasonBox .imgArea {
    width: 100%;
    margin-bottom: 17px;
  }
  #reason .reason_cts .reasonBox .tArea {
    width: 100%;
  }
  #reason .reason_cts .reasonBox .tArea h3 {
    color: #fff;
    background: none;
    letter-spacing: 0.05em;
    padding: 0;
    margin: 5px 0 15px;
  }
  #reason .reason_cts .reasonBox .tArea h3 span {
    font-size: 18px;
    background: #181b38;
    display: inline-block;
    padding: 7px 15px;
    margin-top: 8px;
  }
}
@media screen and (max-width: 360px) {
  #reason .reason_cts .reasonBox .tArea h3 span {
    font-size: 16px;
    padding: 7px 10px;
  }
}


  #course .courseInner {
    position: relative;
    overflow: hidden; }
    #course .courseInner .courseContentWrapper .courseContent {
      width: 590px; }
      @media screen and (max-width: 800px) {
        #course .courseInner .courseContentWrapper .courseContent {
          width: 100%; } }
      #course .courseInner .courseContentWrapper .courseContent__box--schedule {
        border: 2px solid #181b38;
        padding: 12px 24px; }
        @media screen and (max-width: 370px) {
          #course .courseInner .courseContentWrapper .courseContent__box--schedule {
            padding: 12px 12px; } }
        #course .courseInner .courseContentWrapper .courseContent__box--schedule > span {
          font-weight: bold;
          color: #181b38; }
          #course .courseInner .courseContentWrapper .courseContent__box--schedule > span:nth-child(1) {
            padding: 4px 8px;
            background-color: #ededef;
            border-radius: 3px; }
            @media screen and (max-width: 800px) {
              #course .courseInner .courseContentWrapper .courseContent__box--schedule > span:nth-child(1) {
                width: 35%;
                font-size: 13px;
                text-align: center; } }
            @media screen and (max-width: 370px) {
              #course .courseInner .courseContentWrapper .courseContent__box--schedule > span:nth-child(1) {
                width: 40%;
                font-size: 11px; } }
          @media screen and (max-width: 800px) {
            #course .courseInner .courseContentWrapper .courseContent__box--schedule > span:nth-child(2) {
              width: 65%;
              font-size: 13px; } }
          @media screen and (max-width: 370px) {
            #course .courseInner .courseContentWrapper .courseContent__box--schedule > span:nth-child(2) {
              width: 60%;
              font-size: 11px; } }
      @media screen and (max-width: 800px) {
        #course .courseInner .courseContentWrapper .courseContent__box--tableWrapper {
          overflow-x: auto;
          white-space: nowrap;
          -webkit-overflow-scrolling: touch;
          /*スクロールバーの軌道*/
          /*スクロールバーの動く部分*/ }
          #course .courseInner .courseContentWrapper .courseContent__box--tableWrapper::-webkit-scrollbar {
            width: 10px;
            height: 10px; }
          #course .courseInner .courseContentWrapper .courseContent__box--tableWrapper::-webkit-scrollbar-track {
            border-radius: 10px;
            background-color: #e7e8eb;
            margin-left: 110px; }
          #course .courseInner .courseContentWrapper .courseContent__box--tableWrapper::-webkit-scrollbar-thumb {
            background-color: #181b38;
            border-radius: 10px;
            margin-left: 110px; } }
      #course .courseInner .courseContentWrapper .courseContent__box--table {
        width: 590px; }
        @media screen and (max-width: 800px) {
          #course .courseInner .courseContentWrapper .courseContent__box--table {
            width: 530px; } }
      #course .courseInner .courseContentWrapper .courseContent__table--row {
        justify-content: start;
        align-items: flex-start; }
        @media screen and (max-width: 800px) {
          #course .courseInner .courseContentWrapper .courseContent__table--row {
            justify-content: space-between; } }
        #course .courseInner .courseContentWrapper .courseContent__table--row * {
          flex-wrap: wrap; }
        #course .courseInner .courseContentWrapper .courseContent__table--row > *:nth-child(1) {
          width: 150px;
          font-weight: bold;
          color: #181b38; }
          @media screen and (max-width: 800px) {
            #course .courseInner .courseContentWrapper .courseContent__table--row > *:nth-child(1) {
              width: 105px; } }
        #course .courseInner .courseContentWrapper .courseContent__table--row > *:nth-child(2) {
          width: 225px;
          margin: 0 5px; }
          @media screen and (max-width: 800px) {
            #course .courseInner .courseContentWrapper .courseContent__table--row > *:nth-child(2) {
              width: 100%;
              max-width: 200px; } }
        #course .courseInner .courseContentWrapper .courseContent__table--row > *:nth-child(3) {
          width: 225px;
          margin: 0 5px; }
          @media screen and (max-width: 800px) {
            #course .courseInner .courseContentWrapper .courseContent__table--row > *:nth-child(3) {
              width: 100%;
              max-width: 200px; } }
        #course .courseInner .courseContentWrapper .courseContent__table--row:nth-child(1) {
          text-align: center; }
          #course .courseInner .courseContentWrapper .courseContent__table--row:nth-child(1) > *:nth-child(2) {
            background-color: #181b38;
            font-weight: bold;
            padding: 20px;
            margin: 0 5px;
            color: #fff; }
          #course .courseInner .courseContentWrapper .courseContent__table--row:nth-child(1) > *:nth-child(3) {
            background-color: #c99e20;
            font-weight: bold;
            padding: 20px;
            margin: 0 5px;
            color: #fff; }
        #course .courseInner .courseContentWrapper .courseContent__table--row:not(:nth-child(1)) {
          border-top: 1px solid #181b38; }
          #course .courseInner .courseContentWrapper .courseContent__table--row:not(:nth-child(1)) * {
            font-size: 14px; }
            @media screen and (max-width: 800px) {
              #course .courseInner .courseContentWrapper .courseContent__table--row:not(:nth-child(1)) * {
                font-size: 13px; } }
      #course .courseInner .courseContentWrapper .courseContent__table--col {
        word-break: break-all; }
        #course .courseInner .courseContentWrapper .courseContent__table--col p {
          color: #181b38; }
          #course .courseInner .courseContentWrapper .courseContent__table--col p a {
            font-weight: bold; }
        #course .courseInner .courseContentWrapper .courseContent__table--col svg {
          width: 12px; }
        #course .courseInner .courseContentWrapper .courseContent__table--col .courseContent__txt--price01 {
          line-height: 1.3;
          font-weight: bold;
          color: #181b38; }
        #course .courseInner .courseContentWrapper .courseContent__table--col .courseContent__txt--price02 {
          line-height: 1.3;
          font-weight: bold;
          color: #c99e20; }
    #course .courseInner__img {
      position: absolute;
      top: 20px;
      left: 660px; }
      @media screen and (max-width: 800px) {
        #course .courseInner__img {
          width: 100%;
          position: relative;
          top: inherit;
          left: inherit; } }


#voice .voice_cts {
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 22px 2%;
    list-style: none;
    padding: 0;
    margin: 45px 0 160px;
}
#voice .voice_cts li {
    width: 49%;
    color: #333;
    font-size: 14px;
    line-height: 1.9;
    box-shadow: 0 0 8px rgb(24 27 56 / 30%);
    display: flex;
    justify-content: space-between;
    padding: 50px;
}
#voice .voice_cts li .imgArea {
    width: 174px;
}
#voice .voice_cts li .imgArea img {
    max-width: 100%;
    margin-bottom: 20px;
}
#voice .voice_cts li .imgArea .name {
    color: #181b38;
    font-weight: bold;
}
#voice .voice_cts li .txt {
    width: 218px;
}
@media screen and (max-width: 800px) {
  #voice .voice_cts {
    flex-direction: column;
    margin: 45px 0 80px;
  }
  #voice .voice_cts li {
    width: 100%;
    flex-direction: column;
    padding: 30px 8%;
  }
  #voice .voice_cts li .imgArea,
  #voice .voice_cts li .txt {
    width: 100%;
  }
  #voice .voice_cts li .imgArea img {
    margin-bottom: 10px;
  }
  #voice .voice_cts li .imgArea .name {
  }
  #voice .voice_cts li .txt {
    margin-top: 6px;
  }
}

/*-- faq --*/
#faq ul,#faq dl,#faq dt,#faq dd {
    list-style: none;
    padding: 0;
    margin: 0;
}
#faq .faq_cts {
    margin: 45px 0 160px;
}
#faq .faq_cts li {
    margin-bottom: 20px;
}
#faq .faq_cts li:last-child {
    margin-bottom: 0;
}
#faq .faq_cts li dl {
    font-size: 16px;
}
#faq .faq_cts li dl dt {
    display: flex;
    align-items: center;
    column-gap: 12px;
    background: #ededef;
    position: relative;
    padding: 14px 30px;
}
#faq li dl dt:after {
    content: "";
    width: 10px;
    height: 7px;
    position: absolute;
    top: 50%;
    right: 22px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
#faq li dl dt.open_btn:after {
    background: url(https://20064382.fs1.hubspotusercontent-na1.net/hubfs/20064382/website_assets/academy/faq_arrow_open.svg) center no-repeat;
    background-size: 100%;
}
#faq li dl dt.open:after {
    background: url(https://20064382.fs1.hubspotusercontent-na1.net/hubfs/20064382/website_assets/academy/faq_arrow_close.svg) center no-repeat;
    background-size: 100%;
}
#faq .faq_cts li dl dt .icon_q {
    width: 43px;
    height: 43px;
    color: #181b38;
    font-weight: bold;
    font-family: objektiv-mk2, sans-serif;
    text-align: center;
    line-height: 1;
    background: #fff;
    border-radius: 50%;
    cursor: pointer;
    transition: 0.75s all;
    padding-top: 13px;
}
#faq .faq_cts li dl dt p {
    color: #181b38;
    font-weight: bold;
}
#faq .faq_cts li dl dd {
    display: flex;
    column-gap: 16px;
    padding: 30px 30px 10px;
}
#faq .faq_cts li dl dd .icon_a {
    color: #181b38;
    font-weight: bold;
    font-family: objektiv-mk2, sans-serif;
    padding-top: 2px;
}
#faq .faq_cts li dl dd p {
    color: #333;
    font-size: 14px;
    line-height: 1.9;
}
@media screen and (max-width: 800px) {
  #faq .faq_cts {
      margin: 45px 0 80px;
  }
  #faq .faq_cts li {
      margin-bottom: 10px;
  }
  #faq .faq_cts li dl {
      font-size: 15px;
  }
  #faq .faq_cts li dl dt {
      padding: 14px 40px 14px 20px;
  }
  #faq li dl dt:after {
      width: 9px;
      height: 6px;
      right: 20px;
  }
  #faq .faq_cts li dl dt .icon_q {
      width: 40px;
      height: 40px;
      padding-top: 12px;
  }
  #faq .faq_cts li dl dt p {
      max-width: 222px;
  }
  #faq .faq_cts li dl dd {
      padding: 20px 20px 10px;
  }
  #faq .faq_cts li dl dd .icon_a {
      padding-top: 2px;
  }
  #faq .faq_cts li dl dd p {
      line-height: 1.6;
  }

}
@media screen and (max-width: 360px) {
  #faq .faq_cts li dl dt p {
      max-width: 168px;
  }
}



.cv_btnArea {
    width: 400px;
    text-align: center;
    margin: 0 auto;
}
.cv_btnArea.cv_btnArea_space {
    padding: 140px 0;
}
.cv_btnArea a {
    width: 100%;
    color: #fff;
    font-weight: bold;
    text-align: center;
    letter-spacing: 0.03em;
    border-radius: 100px;
    position: relative;
    padding: 16px 1% 16px 0;
    display: block;
    transition: 0.3s;
    overflow: hidden;
    z-index: 0;
}
.cv_btnArea a.btn_blue {
    background: #181b38;
}
.cv_btnArea a.btn_gold {
    background: #c99e20;
}
.cv_btnArea a svg {
    position: absolute;
    top: 50%;
    right: 6%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transition: 0.3s;
}
.cv_btnArea a.btn_blue::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    content: '';
    background: #c99e20;
    transform-origin: right top;
    transform: scale(0, 1);
    transition: transform .3s;
}
@media screen and (min-width: 1024px) {
  .cv_btnArea a.btn_blue:hover {
      color: #181b38;
  }
  .cv_btnArea a.btn_blue:hover::before {
      transform-origin: left top;
      transform: scale(1, 1);
  }
}
@media screen and (max-width: 800px) {
  .cv_btnArea {
      width: 100%;
  }
  .cv_btnArea.cv_btnArea_space {
      padding: 80px 0;
  }
  .cv_btnArea a {
      width: calc(100% - 40px);
      max-width: 380px;
      font-size: 14px;
      margin: 0 auto;
  }
}
@media screen and (max-width: 370px) {
  .cv_btnArea a {
    font-size: 3.9vw;
    padding-right: 4%;
  }
  .cv_btnArea a svg {
    right: 5%;
  }
}

h3.line_h3 {
    color: #181b38;
    font-size: 26px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 40px;
}
h3.line_h3 .line_h3_inner {
    position: relative;
    display: inline-block;
}
h3.line_h3 .line_h3_inner:before,
h3.line_h3 .line_h3_inner:after {
    content: '';
    width: 2px;
    height: 60px;
    background: #181b38;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
h3.line_h3 .line_h3_inner:before {
    left: -64px;
}
h3.line_h3 .line_h3_inner:after {
    right: -64px;
}
h3.line_h3 .line_h3_inner span {
    font-size: 14px;
    font-family: objektiv-mk2, sans-serif;
    display: block;
    margin-top: 10px;
}
@media screen and (max-width: 800px) {
  h3.line_h3 {
      font-size: 21px;
      margin-bottom: 25px;
  }
  h3.line_h3 .line_h3_inner:before,
  h3.line_h3 .line_h3_inner:after {
      top: 56%;
  }
  h3.line_h3 .line_h3_inner:before {
      left: -30px;
  }
  h3.line_h3 .line_h3_inner:after {
      right: -30px;
  }
  h3.line_h3 .line_h3_inner span {
      font-size: 13px;
      margin-top: 3px;
  }
}

#course .course_cts01 {
    margin: 45px 0 140px;
}
#course .course_cts01 .topBox {
    font-weight: bold;
    color: #181b38;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #181b38;
    padding: 12px 10px;
    margin: 0;
}
#course .course_cts01 .topBox dt {
    background-color: #ededef;
    border-radius: 3px;
    padding: 4px 8px;
}
#course .course_cts01 .topBox dd {
    margin: 0 0 0 20px;
}
#course .course_cts01 .topBox dd .pc {
    display: inline-block;
}
#course .course_cts01 .btmBox {
    font-size: 14px;
    display: flex;
    justify-content: space-between;
}
#course .course_cts01 .btmBox .btmBox_left,
#course .course_cts01 .btmBox .btmBox_right {
    width: 46.5%;
}
#course .course_cts01 .btmBox dl {
    display: flex;
    border-bottom: #333333 1px solid;
    padding: 40px 0;
    margin: 0;
}
#course .course_cts01 .btmBox_left dl:nth-child(1),
#course .course_cts01 .btmBox_right dl:nth-child(1) {
    border-top: #333333 1px solid;
}
@media screen and (max-width: 800px) {
  #course .course_cts01 .btmBox_right dl:nth-child(1) {
      border-top: none;
  }
}


#course .course_cts01 .btmBox dl dt {
    width: 30%;
    color: #181b38;
    font-weight: bold;
}
#course .course_cts01 .btmBox dl dt svg {
    height: 14px;
    vertical-align: text-top;
    margin-right: 17px;
}
#course .course_cts01 .btmBox dl dd {
    color: #333;
    margin: 0;
}
#course .course_cts01 .btmBox dl dd p.mark_txt {
    display: flex;
    align-items: baseline;
}
#course .course_cts01 .btmBox dl dd p.mark_txt span {
    display: block;
}
#course .course_cts01 .btmBox dl:first-child dd p:first-child {
    margin-bottom: 3px;
}
#course .course_cts01 .btmBox dl:last-child dd p {
    margin: 7px 0;
}

#course .course_cts01 .btmBox dl dd p.mark_txt span.mark {
    background-color: #181b38;
    color: #fff;
    font-weight: bold;
    text-align: center;
    border-radius: 2px;
    display: inline-block;
    padding: 0.6px 0 0.4px;
    margin-right: 7px;
}
#course .course_cts01 .btmBox dl:first-child dd p span.mark {
    width: 39px;
}
#course .course_cts01 .btmBox dl:last-child dd p span.mark {
    width: 21px;
}

#course .course_cts01 .btmBox dl dd .note {
    font-size: 13px;
    display: inline-block!important;
    margin: 0!important;
}
#course .course_cts01 .btmBox dl.price .line {
    text-decoration: line-through;
}
#course .course_cts01 .btmBox dl.price .bold {
    color: #181b38;
    font-size: 16px;
    font-weight: bold;
}
#course .course_cts01 .btmBox dl.price .small {
    font-size: 13px;
}
#course .course_cts01 .btmBox dl dd a {
    font-weight: bold;
}

#course .course_cts02 {
    text-align: center;
}
#course .course_cts02 .lead_txt {
    color: #333;
    margin-bottom: 50px;
}
#course .course_cts02 dl {
    margin: 0;
}
#course .course_cts02 dl dt {
    color: #fff;
    font-weight: bold;
    background: #181b38;
    padding: 13px 0;
}
#course .course_cts02 dl dt span {
    font-size: 14px;
}
#course .course_cts02 dl dd {
    background: #ededef;
    padding: 80px 75px;
    margin: 0;
}
#course .course_cts02 dl dd img {
    width: 100%;
}

@media screen and (max-width: 800px) {
  #course .course_cts01 {
      margin: 45px 0 90px;
  }
  #course .course_cts01 .topBox {
      font-weight: bold;
      color: #181b38;
      display: flex;
      align-items: center;
      column-gap: 2%;
      justify-content: center;
      border: 2px solid #181b38;
      padding: 12px 10px;
      margin: 0;
  }
  #course .course_cts01 .topBox dt {
      font-size: 3.7vw;
      background-color: #ededef;
      border-radius: 3px;
      padding: 6px 8px;
  }
  #course .course_cts01 .topBox dd {
      font-size: 3.5vw;
      margin: 0;
  }


  #course .course_cts01 .topBox dd .pc {
      display: none;
  }
  #course .course_cts01 .btmBox {
      display: block;
  }
  #course .course_cts01 .btmBox .btmBox_left,
  #course .course_cts01 .btmBox .btmBox_right {
      width: 100%;
  }
  #course .course_cts01 .btmBox dl {
      width: 100%;
      padding: 20px 0;
  }
  #course .course_cts01 .btmBox dl dt {
      width: 35%;
  }
  #course .course_cts01 .btmBox dl dt svg {
      margin-right: 0;
  }
  #course .course_cts01 .btmBox dl dd {
      width: 65%;
  }
  #course .course_cts01 .btmBox dl:first-child dd p span.mark {
      padding: 0.4px 0;
  }
  #course .course_cts01 .btmBox dl:last-child dd p span.mark {
  }
  #course .course_cts01 .btmBox dl dd p span:nth-child(2n) {
      width: 100%;
  }
  #course .course_cts01 .btmBox dl dd p span:nth-child(2n) span {
      width: auto;
  }
  #course .course_cts02 .lead_txt {
      text-align: left;
      line-height: 1.7;
      margin-bottom: 25px;
  }
  #course .course_cts02 dl dd {
      padding: 35px 8%;
  }
}
@media screen and (max-width: 340px) {
  #course .course_cts01 .btmBox dl dt {
      width: 38%;
      font-size: 13px;
  }
  #course .course_cts01 .btmBox dl dd {
      width: 62%;
      font-size: 13px;
  }
  #course .course_cts02 dl dt {
      font-size: 14px;
  }
}

#supervision {
  height: 455px;
  margin-top: 160px; }
  @media screen and (max-width: 800px) {
    #supervision {
      height: inherit;
      margin-top: 80px; }}
  #supervision .supervisionInner {
    height: 100%;
    position: relative; }
    #supervision .supervisionInner::before {
      content: "";
      position: absolute;
      bottom: 0;
      left: -80px;
      width: calc(100vw + 80px);
      height: 300px;
      background-color: #f8f8f9;
      z-index: -1; }
      @media screen and (max-width: 800px) {
        #supervision .supervisionInner::before {
          height: 80%; } }
    #supervision .supervisionInner .sectionTitle {
      position: relative; }
      #supervision .supervisionInner .sectionTitle .title-en {
        position: absolute;
        transform: rotate(-90deg) translate(-50%, -50%);
        top: 40px;
        left: -145px;
        font-size: 30px;
        line-height: 1;
        width: 350px;
        border-bottom: 3px solid #000;
        text-align: right;
        padding-bottom: 20px; }
        @media screen and (max-width: 800px) {
          #supervision .supervisionInner .sectionTitle .title-en {
            left: -165px;
            font-size: 20px;
            padding-bottom: 10px; } }
    #supervision .supervisionInner .supervisionSlider {
      width: calc(100vw + 170px);
      padding-left: 170px; }
      @media screen and (max-width: 800px) {
        #supervision .supervisionInner .supervisionSlider {
          width: calc(100vw - 40px);
          padding-left: 50px;
          padding-bottom: 100px; } }
      #supervision .supervisionInner .supervisionSlider__content {
        width: 210px;
        padding: 8px;
        position: relative;
        transition: 0.75s all; }
        @media screen and (max-width: 800px) {
          #supervision .supervisionInner .supervisionSlider__content {
            width: calc(50vw - 45px) !important;
            max-width: 175px;
            min-height: 250px; } }
        @media screen and (min-width: 1024px) {
          #supervision .supervisionInner .supervisionSlider__content:hover {
            opacity: 0.5; } }
        #supervision .supervisionInner .supervisionSlider__content img {
          width: 100%;
          height: auto;
          margin-bottom: 16px;
          }
          @media screen and (max-width: 800px) {
            #supervision .supervisionInner .supervisionSlider__content img {
              margin-bottom: 5px; } }


#supervision .supervisionInner .supervisionSlider__content:after {
    content: '\f067';
    color: #fff;
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
    font-size: 12px;
    text-align: center;
    border-radius: 50%;
    background: #181b38;
    padding: 7.5px 8.5px;
    border: #fff 3px solid;
    box-sizing: border-box;
    display: inline-block;
    position: absolute;
    top: 160px;
    right: 20px;
}
@media screen and (min-width: 1024px) {
  #supervision .supervisionInner .supervisionSlider__content:hover:after {
      background: #c99e20;
  }
}
@media screen and (max-width: 800px) {
  #supervision .supervisionInner .supervisionSlider__content:after {
    top: 39%;
    right: 0%;
  }
}
@media screen and (max-width: 340px) {
  #supervision .supervisionInner .supervisionSlider__content:after {
    top: 30%;
    right: 0%;
    padding: 5.5px 6.5px;
  }
}
        #supervision .supervisionInner .supervisionSlider__content h3 {
          font-size: 18px;
          color: #181b38;
          margin-bottom: 8px; }
          @media screen and (max-width: 800px) {
            #supervision .supervisionInner .supervisionSlider__content h3 {
              margin-bottom: 5px; } }
        #supervision .supervisionInner .supervisionSlider__content p {
          font-size: 14px;
          color: #333333; }
          @media screen and (max-width: 800px) {
            #supervision .supervisionInner .supervisionSlider__content p {
              font-size: 11px; } }
      #supervision .supervisionInner .supervisionSlider .slick-arrow {
        display: block;
        width: 40px;
        height: 40px;
        border: 1px solid #181b38;
        border-radius: 100px;
        display: flex;
        align-items: center;
        justify-content: center; }
      #supervision .supervisionInner .supervisionSlider .prev-arrow {
        position: absolute;
        top: 45px;
        left: 100px; }
        @media screen and (max-width: 800px) {
          #supervision .supervisionInner .supervisionSlider .prev-arrow {
            top: inherit;
            bottom: 40px;
            left: 0px; } }
        @media screen and (min-width: 1024px) {
        #supervision .supervisionInner .supervisionSlider .prev-arrow:hover {
          cursor: pointer;
          transition: 0.5s all;
          transform: translateX(-5px); } }
      #supervision .supervisionInner .supervisionSlider .next-arrow {
        position: absolute;
        top: 105px;
        left: 100px; }
        @media screen and (max-width: 800px) {
          #supervision .supervisionInner .supervisionSlider .next-arrow {
            top: inherit;
            bottom: 40px;
            left: 50px; } }
        @media screen and (min-width: 1024px) {
        #supervision .supervisionInner .supervisionSlider .next-arrow:hover {
          cursor: pointer;
          transition: 0.5s all;
          transform: translateX(5px); } }
      #supervision .supervisionInner .supervisionSlider .slick-counter {
        font-size: 14px; }
        #supervision .supervisionInner .supervisionSlider .slick-counter .pc_current, #supervision .supervisionInner .supervisionSlider .slick-counter .sp_current {
          font-family: objektiv-mk2, sans-serif;
          font-weight: bold;
          position: absolute;
          top: 160px;
          left: 100px;
          color: #181b38; }
          @media screen and (max-width: 800px) {
            #supervision .supervisionInner .supervisionSlider .slick-counter .pc_current, #supervision .supervisionInner .supervisionSlider .slick-counter .sp_current {
              top: inherit;
              bottom: 60px;
              left: 110px; } }
        #supervision .supervisionInner .supervisionSlider .slick-counter .border {
          position: absolute;
          top: 180px;
          left: 108px;
          width: 20px;
          height: 1px;
          background-color: #181b38;
          transform: rotate(-35deg); }
          @media screen and (max-width: 800px) {
            #supervision .supervisionInner .supervisionSlider .slick-counter .border {
              top: inherit;
              bottom: 60px;
              left: 120px; } }
        #supervision .supervisionInner .supervisionSlider .slick-counter .pc_total, #supervision .supervisionInner .supervisionSlider .slick-counter .sp_total {
          font-family: objektiv-mk2, sans-serif;
          font-weight: bold;
          position: absolute;
          top: 180px;
          left: 120px;
          color: #181b38; }
          @media screen and (max-width: 800px) {
            #supervision .supervisionInner .supervisionSlider .slick-counter .pc_total, #supervision .supervisionInner .supervisionSlider .slick-counter .sp_total {
              top: inherit;
              bottom: 42px;
              left: 134px; } }
      #supervision .supervisionInner .supervisionSlider .slick-slide > div > * {
        display: inline-block;
        vertical-align: top; }

.supervisionModal {
  padding: 0; }
  .supervisionModal__box--head {
    min-height: 352px;
    overflow: hidden;
    position: relative;
    overflow: hidden;
    position: relative; }
    @media screen and (max-width: 800px) {
      .supervisionModal__box--head {
        min-height: 146px;
        height: 45vw; } }
    .supervisionModal__box--head img {
      height: 100%;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }
    .supervisionModal__box--head h3 {
      position: absolute;
      bottom: 0;
      left: 0;
      padding: 12px 48px;
      font-size: 24px; }
      @media screen and (max-width: 800px) {
        .supervisionModal__box--head h3 {
          padding: 8px 32px;
          font-size: 20px; } }
  .supervisionModal__box--body {
    text-align: left;
    color: #181b38;
    padding: 60px 40px;
    font-size: 14px; }
    @media screen and (max-width: 800px) {
      .supervisionModal__box--body {
        padding: 30px 20px;
        font-size: 14px; } }
    .supervisionModal__box--body h4 {
      margin-top: 0;
      font-size: 16px; }
    .supervisionModal__box--body p {
      font-size: 13px; }


.remodal-wrapper.remodal-is-opened {
    padding: 50px 0;
}


.supervisionModal .closeBtn {
    width: 50px;
    height: 50px;
    color: #fff;
    font-weight: 400;
    font-size: 16px;
    text-align: center;
    line-height: 1;
    border: #fff 1px solid;
    border-radius: 50%;
    cursor: pointer;
    position: fixed;
    top: 0;
    right: -120px;
    transition: 0.75s all;
    padding-top: 16px;
}
@media screen and (max-width: 800px) {
  .remodal {
    width: 90%;
    margin-bottom: 60px;
  }
  .remodal-wrapper.remodal-is-opened {
    padding: 35px 0;
  }
  .supervisionModal .closeBtn {
    background: rgb(24 27 56 / 40%);
    top: -15px;
    right: 15px;
  }
  .supervisionModal .closeBtn_sponly {
    width: 100%;
    font-size: 14px;
    line-height: 40px;
    position: absolute;
    bottom: -60px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 999;
    color: #fff;
    text-align: center;
    border: 1px solid #fff;
    border-radius: 100px;
    justify-content: center;
    font-weight: bold;
    transition: 0.25s all;
  }
  .supervisionModal .closeBtn_sponly svg {
    fill: #fff;
    width: 11px;
    height: 10px;
  }
}
@media screen and (min-width: 1024px) {
  .supervisionModal .closeBtn:hover {
    color: #181b38;
    background: #fff;
  }
}


#reservationForm {
  padding-top: 160px;
  padding-bottom: 160px;
  background-image: url(https://20064382.fs1.hubspotusercontent-na1.net/hubfs/20064382/website_assets/academy/form_background@2x.png);
  background-size: cover;
  background-repeat: no-repeat; }
  @media screen and (max-width: 800px) {
    #reservationForm {
      padding-top: 80px;
      padding-bottom: 80px; } }
  #reservationForm .reservationFormBtn {
    width: 260px;
    height: 60px;
    border-radius: 30px;
    color: #fff;
    background-color: #c99e20;
    font-weight: bold;
    position: relative;
    border: none;
    transition: 0.75s all; }
    @media screen and (max-width: 800px) {
      #reservationForm .reservationFormBtn {
        height: 48px; } }
    #reservationForm .reservationFormBtn svg {
      position: absolute;
      top: 50%;
      right: 20px;
      transform: translateY(-50%); }
    #reservationForm .reservationFormBtn:not(:disabled):hover {
      transform: scale(90%);
      cursor: pointer; }
    #reservationForm .reservationFormBtn:disabled {
      background-color: #8e8f99; }
  #reservationForm .reservationFormBackBtn {
    min-width: 360px;
    height: 60px;
    border-radius: 30px;
    color: #fff;
    background-color: #8e8f99;
    font-weight: bold;
    position: relative;
    border: none;
    transition: 0.75s all; }
    @media screen and (max-width: 800px) {
      #reservationForm .reservationFormBackBtn {
        width: 100%;
        min-width: inherit;
        height: 48px;
        font-size: 14px; } }
    #reservationForm .reservationFormBackBtn svg {
      position: absolute;
      top: 50%;
      right: 20px;
      transform: translateY(-50%); }
      @media screen and (max-width: 800px) {
        #reservationForm .reservationFormBackBtn svg {
          right: 10px; } }
    #reservationForm .reservationFormBackBtn:not(:disabled):hover {
      transform: scale(90%);
      cursor: pointer; }
    #reservationForm .reservationFormBackBtn:disabled {
      background-color: #8e8f99; }
  #reservationForm .wpcf7-submit {
    width: 260px;
    height: 60px;
    border-radius: 30px;
    color: #fff;
    background-color: #c99e20;
    margin: auto;
    position: relative;
    border: none;
    transition: 0.75s all;
    font-weight: bold;
    display: block; }
    #reservationForm .wpcf7-submit:hover {
      cursor: pointer; }
    #reservationForm .wpcf7-submit svg {
      position: absolute;
      top: 50%;
      right: 20px;
      transform: translateY(-50%); }
    #reservationForm .wpcf7-submit:not(:disabled):hover {
      transform: scale(90%); }
    #reservationForm .wpcf7-submit:disabled {
      background-color: #8e8f99; }
  #reservationForm .reservationFormInner {
    max-width: 810px;
    margin: auto;
    padding: 0 20px; }
    @media screen and (max-width: 800px) {
      #reservationForm .reservationFormInner {
        width: 100%;
      }
    }
    #reservationForm .reservationFormInner h2 {
      font-size: 38px;
      font-weight: bold;
      color: #fff; }
      @media screen and (max-width: 800px) {
        #reservationForm .reservationFormInner h2 {
          font-size: 20px; } }
    @media screen and (max-width: 800px) {
      #reservationForm .reservationFormInner h3 {
        flex-direction: column; } }
    #reservationForm .reservationFormInner h3 .step-number {
      font-size: 18px;
      padding: 6px 16px;
      background-color: #fff;
      font-weight: bold;
      font-family: objektiv-mk2, sans-serif;
      margin-right: 20px;
      border-radius: 3px; }
      @media screen and (max-width: 800px) {
        #reservationForm .reservationFormInner h3 .step-number {
          font-size: 14px;
          margin-right: 0;
          margin-bottom: 20px; } }
    #reservationForm .reservationFormInner h3 .title-ja {
      font-size: 18px;
      color: #fff; }
      @media screen and (max-width: 800px) {
        #reservationForm .reservationFormInner h3 .title-ja {
          font-size: 14px; } }
    #reservationForm .reservationFormInner .reservationFormStep01__box--select > div {
      width: 48%;
      height: 340px;
      background-color: #fff;
      border: 3px solid #c99e20;
      border-radius: 4px;
      position: relative; }
      @media screen and (max-width: 800px) {
        #reservationForm .reservationFormInner .reservationFormStep01__box--select > div {
          height: 180px; } }
      #reservationForm .reservationFormInner .reservationFormStep01__box--select > div input[type=radio] {
        opacity: 0;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2; }
        #reservationForm .reservationFormInner .reservationFormStep01__box--select > div input[type=radio]:hover {
          cursor: pointer; }
      #reservationForm .reservationFormInner .reservationFormStep01__box--select > div label {
        width: 100%;
        height: 100%;
        display: block; }
        @media screen and (max-width: 800px) {
          #reservationForm .reservationFormInner .reservationFormStep01__box--select > div label {
            padding: 8px; } }
        #reservationForm .reservationFormInner .reservationFormStep01__box--select > div label img {
          height: 60px; }
          @media screen and (max-width: 800px) {
            #reservationForm .reservationFormInner .reservationFormStep01__box--select > div label img {
              height: 30px; } }
        #reservationForm .reservationFormInner .reservationFormStep01__box--select > div label h4 {
          font-size: 24px;
          font-weight: bold;
          border-bottom: 1px solid #181b38; }
          @media screen and (max-width: 800px) {
            #reservationForm .reservationFormInner .reservationFormStep01__box--select > div label h4 {
              font-size: 14px; } }
          @media screen and (max-width: 395px) {
            #reservationForm .reservationFormInner .reservationFormStep01__box--select > div label h4 {
              font-size: 4vw; } }
        #reservationForm .reservationFormInner .reservationFormStep01__box--select > div label > div {
          height: 100%;
          font-weight: bold;
          color: #181b38; }
          @media screen and (max-width: 800px) {
            #reservationForm .reservationFormInner .reservationFormStep01__box--select > div label > div {
              font-size: 12px;
              letter-spacing: -1px; } }
    #reservationForm .reservationFormInner .reservationFormStep02__box--select {
      padding: 0 100px;
      flex-wrap: wrap; }
      @media screen and (max-width: 800px) {
        #reservationForm .reservationFormInner .reservationFormStep02__box--select {
          padding: 0; } }
      #reservationForm .reservationFormInner .reservationFormStep02__box--select > div {
        width: 48%;
        height: 60px;
        background-color: #fff;
        border: 3px solid #c99e20;
        border-radius: 4px;
        position: relative;
        margin: 10px 0; }
        #reservationForm .reservationFormInner .reservationFormStep02__box--select > div input[type=radio] {
          opacity: 0;
          width: 100%;
          height: 100%;
          position: absolute;
          top: 0;
          left: 0;
          z-index: 2; }
          #reservationForm .reservationFormInner .reservationFormStep02__box--select > div input[type=radio]:hover {
            cursor: pointer; }
        #reservationForm .reservationFormInner .reservationFormStep02__box--select > div label {
          width: 100%;
          height: 100%;
          display: block; }
          @media screen and (max-width: 800px) {
            #reservationForm .reservationFormInner .reservationFormStep02__box--select > div label {
              font-size: 12px; } }
          #reservationForm .reservationFormInner .reservationFormStep02__box--select > div label img {
            height: 60px; }
          #reservationForm .reservationFormInner .reservationFormStep02__box--select > div label h4 {
            font-size: 24px;
            font-weight: bold;
            border-bottom: 1px solid #181b38; }
          #reservationForm .reservationFormInner .reservationFormStep02__box--select > div label > div {
            height: 100%;
            font-weight: bold;
            color: #181b38; }
      #reservationForm .reservationFormInner .reservationFormStep02__box--select input:checked + label {
        background: #c99e20;
        font-weight: 500;
        color: #fff; }
    #reservationForm .reservationFormInner .reservationFormStep03__box--dateConfirm {
      border: 2px solid #fff;
      padding: 16px 24px; }
      @media screen and (max-width: 800px) {
        #reservationForm .reservationFormInner .reservationFormStep03__box--dateConfirm {
          flex-direction: column; } }
      #reservationForm .reservationFormInner .reservationFormStep03__box--dateConfirm p {
        color: #fff;
        font-size: 16px;
        font-weight: bold; }
        @media screen and (max-width: 800px) {
          #reservationForm .reservationFormInner .reservationFormStep03__box--dateConfirm p {
            font-size: 14px; } }
      #reservationForm .reservationFormInner .reservationFormStep03__box--dateConfirm .backDateSelectBtn {
        width: 136px;
        height: 40px;
        border-radius: 30px;
        color: #fff;
        background-color: #c99e20;
        font-weight: bold;
        position: relative;
        border: none; }
        @media screen and (max-width: 800px) {
          #reservationForm .reservationFormInner .reservationFormStep03__box--dateConfirm .backDateSelectBtn {
            margin-top: 10px; } }
        #reservationForm .reservationFormInner .reservationFormStep03__box--dateConfirm .backDateSelectBtn svg {
          position: absolute;
          top: 50%;
          right: 20px;
          transform: translateY(-50%); }
        #reservationForm .reservationFormInner .reservationFormStep03__box--dateConfirm .backDateSelectBtn:disabled {
          background-color: #8e8f99; }
        #reservationForm .reservationFormInner .reservationFormStep03__box--dateConfirm .backDateSelectBtn:hover {
          cursor: pointer; }
    #reservationForm .reservationFormInner .reservationFormStep03__box--input > div {
      width: 100%; }
      @media screen and (max-width: 800px) {
        #reservationForm .reservationFormInner .reservationFormStep03__box--input > div {
          flex-direction: column; } }
      @media screen and (max-width: 800px) {
        #reservationForm .reservationFormInner .reservationFormStep03__box--input > div > div {
          flex-direction: column; } }
      #reservationForm .reservationFormInner .reservationFormStep03__box--input > div > div:nth-child(1) {
        width: 100%; }
      #reservationForm .reservationFormInner .reservationFormStep03__box--input > div > div:nth-child(2) {
        width: 100%;
        padding-left: 20px; }
        @media screen and (max-width: 800px) {
          #reservationForm .reservationFormInner .reservationFormStep03__box--input > div > div:nth-child(2) {
            padding-left: 0px; } }
      #reservationForm .reservationFormInner .reservationFormStep03__box--input > div > div > div:nth-child(1) > div:nth-child(1) {
        width: 140px;
        color: #fff;
        font-weight: bold; }
        @media screen and (max-width: 800px) {
          #reservationForm .reservationFormInner .reservationFormStep03__box--input > div > div > div:nth-child(1) > div:nth-child(1) {
            width: 100%;
            margin-bottom: 10px;
            font-size: 13px; } }
      #reservationForm .reservationFormInner .reservationFormStep03__box--input > div > div > div:nth-child(1) span:not(.wpcf7-form-control-wrap) {
        display: inline-block;
        font-size: 14px; }
      #reservationForm .reservationFormInner .reservationFormStep03__box--input > div > div > div:nth-child(1) .wpcf7-form-control-wrap {
        display: block;
        width: 100%; }
      #reservationForm .reservationFormInner .reservationFormStep03__box--input > div > div > div:nth-child(2) {
        width: calc(100% - 140px - 20px); }
        @media screen and (max-width: 800px) {
          #reservationForm .reservationFormInner .reservationFormStep03__box--input > div > div > div:nth-child(2) {
            width: 100%; } }
      #reservationForm .reservationFormInner .reservationFormStep03__box--input > div span {
        color: #fff; }
    #reservationForm .reservationFormInner .reservationFormStep03__inputTxt {
      width: 100%;
      height: 60px;
      border-radius: 3px;
      padding: 20px;
      font-size: 16px;
      background-color: #fff;
      border: none; }
      @media screen and (max-width: 800px) {
        #reservationForm .reservationFormInner .reservationFormStep03__inputTxt {
          height: 40px;
          padding: 8px 12px; } }
      #reservationForm .reservationFormInner .reservationFormStep03__inputTxt--w100 {
        width: 100%; }
      #reservationForm .reservationFormInner .reservationFormStep03__inputTxt--w50 {
        width: 48%; }
    #reservationForm .reservationFormInner .reservationFormStep03__select {
      height: 60px;
      border-radius: 3px;
      padding: 20px;
      font-size: 16px;
      background-color: #fff;
      border: none;
      -webkit-appearance: none;
      appearance: none;
      /* デフォルトのスタイルを無効 */
      background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="%23000000"><path d="M24 24H0V0h24v24z" fill="none" opacity=".87"/><path d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41z" fill="%23000000" /></svg>');
      background-position: right 10px center;
      background-repeat: no-repeat;
      background-size: 20px 20px; }
      @media screen and (max-width: 800px) {
        #reservationForm .reservationFormInner .reservationFormStep03__select {
          height: 40px;
          padding: 8px 12px; } }
      #reservationForm .reservationFormInner .reservationFormStep03__select--w100 {
        width: 100%; }
      #reservationForm .reservationFormInner .reservationFormStep03__select--w50 {
        width: 48%; }
      #reservationForm .reservationFormInner .reservationFormStep03__select--year {
        width: 13%; }
      #reservationForm .reservationFormInner .reservationFormStep03__select--monthAndDay {
        width: 11%; }
    #reservationForm .reservationFormInner .reservationFormStep03__textfield {
      height: 120px;
      border-radius: 3px;
      padding: 20px;
      font-size: 16px;
      background-color: #fff; }
      @media screen and (max-width: 800px) {
        #reservationForm .reservationFormInner .reservationFormStep03__textfield {
          padding: 8px 12px; } }
      #reservationForm .reservationFormInner .reservationFormStep03__textfield--w100 {
        width: 100%; }
    @media screen and (max-width: 800px) {
      #reservationForm .reservationFormInner .reservationFormStep03 .formParentRow {
        flex-direction: column; } }
    @media screen and (max-width: 800px) {
      #reservationForm .reservationFormInner .reservationFormStep03 .formRow {
        flex-direction: column;
        margin-right: 0 !important; } }
    #reservationForm .reservationFormInner .reservationFormStep03 .formRow > div:nth-child(1) {
      width: 140px;
      font-weight: bold;
      color: #fff;
      font-size: 15px; }
      @media screen and (max-width: 800px) {
        #reservationForm .reservationFormInner .reservationFormStep03 .formRow > div:nth-child(1) {
          width: 100%;
          padding: 0 10px;
          font-size: 13px; } }
    #reservationForm .reservationFormInner .reservationFormStep03 .formRow > div:nth-child(2) {
      width: calc(100% - 140px);
      font-weight: bold;
      color: #fff; }
      @media screen and (max-width: 800px) {
        #reservationForm .reservationFormInner .reservationFormStep03 .formRow > div:nth-child(2) {
          width: 100%; } }
    #reservationForm .reservationFormInner .reservationFormStep03 .formRow .birthYear {
      width: 20%; }
      @media screen and (max-width: 800px) {
        #reservationForm .reservationFormInner .reservationFormStep03 .formRow .birthYear {
          width: 30%; } }
    #reservationForm .reservationFormInner .reservationFormStep03 .formRow .birthMonth, #reservationForm .reservationFormInner .reservationFormStep03 .formRow .birthDate {
      width: 18%; }
      @media screen and (max-width: 800px) {
        #reservationForm .reservationFormInner .reservationFormStep03 .formRow .birthMonth, #reservationForm .reservationFormInner .reservationFormStep03 .formRow .birthDate {
          width: 30%; } }
    #reservationForm .reservationFormInner .reservationFormStep03 .formRow .sales_experience_in_the_it_industry,
    #reservationForm .reservationFormInner .reservationFormStep03 .formRow .time_to_change_jobs,
    #reservationForm .reservationFormInner .reservationFormStep03 .formRow .get_to_know_zenforce,
    #reservationForm .reservationFormInner .reservationFormStep03 .formRow .reason_to_interested_in_zenforce {
      width: 100%; }
    #reservationForm .reservationFormInner .reservationFormStep03 .formRow .wpcf7-not-valid {
      border: 3px solid red; }
    #reservationForm .reservationFormInner .cautionTxt {
      color: #fff;
      font-size: 12px;
      line-height: 1.8; }
      #reservationForm .reservationFormInner .cautionTxt a {
        font-weight: bold; }

#supporter {
  margin-top: 160px;
  margin-bottom: 160px;
}
#supporter h2 .title-ja span {
  font-size: 14px;
}
#supporter .logoWrapper {
  flex-wrap: wrap;
  margin: auto;
}
#supporter .logoWrapper div {
  width: 200px;
  text-align: center;
}
#supporter .logoWrapper div img {
  height: 30px;
}
#supporter .logoWrapper div.rakusu {
  padding: 5px 0;
}
#supporter .logoWrapper div.rakusu img {
  height: 60px!important;
}

@media screen and (max-width: 800px) {
  #supporter {
    margin-top: 80px;
    margin-bottom: 80px;
  }
  #supporter .logoWrapper div {
    width: 33%;
  }
  #supporter .logoWrapper div img {
    height: 16px;
  }
  #supporter .logoWrapper div.rakusu {
    padding: 9px 0;
  }
  #supporter .logoWrapper div.rakusu img {
    height: 40px!important;
  }
}

footer .footerInner {
  width: calc(100% - 20px);
  max-width: 800px;
  margin: auto;
  padding-top: 100px;
  padding-bottom: 100px; }
  @media screen and (max-width: 800px) {
    footer .footerInner {
      flex-direction: column;
      justify-content: center;
      padding-top: 60px;
      padding-bottom: 60px; } }
  footer .footerInner__box--logo {
    transition: 0.75s all; }
    footer .footerInner__box--logo:hover {
      opacity: 0.5; }
    footer .footerInner__box--logo img {
      width: 350px; }
      @media screen and (max-width: 800px) {
        footer .footerInner__box--logo img {
          width: 240px;
          display: block;
          margin: 0 auto 30px auto; } }
  @media screen and (max-width: 800px) {
    footer .footerInner nav {
      width: 100%; } }
  footer .footerInner nav ul {
    margin: 0;
    padding: 0;
    list-style: none; }
    footer .footerInner nav ul li {
      margin: 0 0 16px 0;
      font-weight: bold;
      font-size: 14px; }
      @media screen and (max-width: 800px) {
        footer .footerInner nav ul li {
          text-align: center; } }

footer .copy {
  color: #000;
  font-size: 14px;
  font-family: objektiv-mk2, sans-serif; }
  @media screen and (max-width: 800px) {
    footer .copy {
      font-size: 10px;
      padding-bottom: 95px; } }

@media screen and (max-width: 800px) {
  .thanks_page footer .copy {
    padding-bottom: 10px; } }

#thanks .thanks {
  width: 100%;
  max-width: 1028px;
  margin: auto;
  padding-top: 120px; }
  @media screen and (max-width: 800px) {
    #thanks .thanks {
      padding-top: 80px; } }
  #thanks .thanks .thanksInner {
    max-width: 800px;
    width: 100%;
    margin: auto; }
    #thanks .thanks .thanksInner img {
      width: 100%;
      max-width: 200px; }
    #thanks .thanks .thanksInner h1 {
      font-size: 22px;
      color: #181b38;
      letter-spacing: 1px; }
    #thanks .thanks .thanksInner p {
      line-height: 1.8;
      font-size: 14px;
      font-weight: bold;
      color: #181b38;
      letter-spacing: 1px; }

#bottomNavigation {
    width: 100vw;
    position: fixed;
    bottom: -100px;
    left: 0;
    z-index: 9999;
    padding: 17px 0;
    transition: 0.5s all;
    background: rgb(24 27 56 / 90%);
}
#bottomNavigation.active {
    transform: translateY(-100px);
}

/*-- #bottomNavigation .cv_btnArea {
    padding-left: 16px;
}
#bottomNavigation .cv_btnArea a {
    width: 72%;
    padding: 20px 1% 20px 0;
    margin: 0;
} --*/
#bottomNavigation .cv_btnArea a {
    width: 90%;
    padding: 20px 1% 20px 0;
    margin: 0 auto;
}


#lowerPage .lowerPage {
  width: 100%;
  max-width: 1028px;
  margin: auto;
  padding-top: 120px; }
  @media screen and (max-width: 800px) {
    #lowerPage .lowerPage {
      padding-top: 80px; } }
  #lowerPage .lowerPage .lowerPageInner {
    max-width: 800px;
    width: 100%;
    margin: auto; }
    #lowerPage .lowerPage .lowerPageInner h1 {
      text-align: center;
      color: #181b38; }
      #lowerPage .lowerPage .lowerPageInner h1 span:nth-child(1) {
        display: block;
        font-size: 46px;
        letter-spacing: 2px; }
        @media screen and (max-width: 800px) {
          #lowerPage .lowerPage .lowerPageInner h1 span:nth-child(1) {
            font-size: 24px; } }
      #lowerPage .lowerPage .lowerPageInner h1 span:nth-child(2) {
        display: block;
        font-size: 16px;
        font-family: objektiv-mk2, sans-serif;
        letter-spacing: 0px; }
    #lowerPage .lowerPage .lowerPageInner h2 {
      font-size: 14px;
      margin-bottom: 10px;
      color: #181b38; }
    #lowerPage .lowerPage .lowerPageInner p, #lowerPage .lowerPage .lowerPageInner li {
      line-height: 1.8;
      font-size: 14px;
      color: #181b38;
      letter-spacing: 1px; }
    #lowerPage .lowerPage .lowerPageInner ul {
      padding-left: 0; }
      #lowerPage .lowerPage .lowerPageInner ul li {
        list-style: none; }
    #lowerPage .lowerPage .lowerPageInner ol {
      padding-left: 20px; }
    #lowerPage .lowerPage .lowerPageInner a {
      font-size: 14px;
      color: #181b38;
      font-weight: bold;
      word-break: break-all; }
      #lowerPage .lowerPage .lowerPageInner a:hover {
        color: #c99e20; }
    #lowerPage .lowerPage .lowerPageInner svg {
      width: 14px;
      height: 14px; }
    #lowerPage .lowerPage .lowerPageInner .companyInner {
      max-width: 550px;
      width: 100%;
      margin: auto; }
      #lowerPage .lowerPage .lowerPageInner .companyInner img {
        width: 100%;
        margin: auto;
        display: block; }
        @media screen and (max-width: 800px) {
          #lowerPage .lowerPage .lowerPageInner .companyInner img {
            width: 80%; } }
      #lowerPage .lowerPage .lowerPageInner .companyInner span {
        font-family: objektiv-mk2, sans-serif;
        font-weight: bold;
        font-size: 18px;
        color: #181b38; }
        @media screen and (max-width: 800px) {
          #lowerPage .lowerPage .lowerPageInner .companyInner span {
            font-size: 14px; } }
      #lowerPage .lowerPage .lowerPageInner .companyInner .missionArea {
        line-height: 1.2;
        align-items: flex-start; }
        #lowerPage .lowerPage .lowerPageInner .companyInner .missionArea span:nth-child(1) {
          width: 100px;
          border-right: 2px solid #181b38;
          margin-right: 20px; }
          @media screen and (max-width: 800px) {
            #lowerPage .lowerPage .lowerPageInner .companyInner .missionArea span:nth-child(1) {
              width: 80px; } }
        #lowerPage .lowerPage .lowerPageInner .companyInner .missionArea span:nth-child(2) {
          width: calc(100% - 120px); }
          @media screen and (max-width: 800px) {
            #lowerPage .lowerPage .lowerPageInner .companyInner .missionArea span:nth-child(2) {
              width: calc(100% - 100px); } }
    #lowerPage .lowerPage .lowerPageInner__table {
      border-bottom: 1px solid #181b38;
      color: #181b38; }
    #lowerPage .lowerPage .lowerPageInner__tableRow {
      padding: 50px 0;
      border-top: 1px solid #181b38; }
    #lowerPage .lowerPage .lowerPageInner__tableCol * {
      word-break: break-all; }
    #lowerPage .lowerPage .lowerPageInner__tableCol:nth-child(1) {
      width: 150px;
      font-weight: bold;
      font-size: 14px; }
      @media screen and (max-width: 800px) {
        #lowerPage .lowerPage .lowerPageInner__tableCol:nth-child(1) {
          width: 60px; } }
    #lowerPage .lowerPage .lowerPageInner__tableCol:nth-child(2) {
      width: calc(100% - 150px);
      font-size: 14px; }
      @media screen and (max-width: 800px) {
        #lowerPage .lowerPage .lowerPageInner__tableCol:nth-child(2) {
          width: calc(100% - 80px);
          margin-left: 20px; } }
      #lowerPage .lowerPage .lowerPageInner__tableCol:nth-child(2) a {
        font-weight: bold; }



@media screen and (max-width: 800px) {
#hubspot-messages-iframe-container {
    bottom: 10%!important;
}