@charset "UTF-8";
:root {
  --clr-main: #F49222;
  --clr-sub: #75B600;
  --clr-black: #333333;
  --clr-white: #fff;
  --clr-pink: #F88598;
  --clr-blue: #74CEE1;
  --fw-thin: 100;
  --fw-light: 300;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-bold: 700;
  --fw-black: 900;
  --cubic: cubic-bezier(0.13, 1.05, 0.96, 1);
  --cubicHigh: cubic-bezier(.18,1.07,.55,1.07);
}

@media screen and (min-width: 768px), print {
  .articleContents h2:not([class]) {
    font-size: 2.4rem;
    font-weight: 500;
    line-height: 1.5;
    background: var(--clr-main);
    color: var(--clr-white);
    padding: 0.9rem 0.9rem 0.9rem 3.2rem;
    position: relative;
  }
  .articleContents h2:not([class])::before {
    content: "";
    width: 0.4rem;
    height: 3rem;
    background: #f9b337;
    position: absolute;
    left: 1.8rem;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
  .articleContents h3:not([class]) {
    font-size: 2rem;
    font-weight: 500;
    line-height: 1.5;
    padding: 0 0 0.9rem 0;
    position: relative;
  }
  .articleContents h3:not([class])::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0.2rem;
    background: #e3e3e3;
  }
  .articleContents h3:not([class])::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    width: 5rem;
    height: 0.2rem;
    background: var(--clr-main);
  }
  .articleContents p:not([class]),
  .articleContents p[class*="u-"] {
    font-size: 1.5rem;
  }
  .articleContents table th,
  .articleContents table td {
    border: solid 1px #e3e3e3;
    padding: 1rem 2rem;
    vertical-align: top;
    font-size: 1.5rem;
  }
  .articleContents table th {
    font-weight: 500;
    background: #f6f6f6;
  }
  .articleContents table a img {
    vertical-align: sub;
    margin-right: 0.6rem;
  }
  .articleContents table:not([class]) th {
    width: 26rem;
  }
  .articleContents table:not([class]) td {
    width: 62rem;
  }
  .articleContents .note__item {
    display: block;
    font-size: 1.5rem;
    padding-left: 1em;
    text-indent: -1em;
  }
  .articleContents .note__item--sm {
    display: block;
    font-size: 1.4rem;
    padding-left: 1em;
    text-indent: -1em;
  }
  .articleContents .note__text {
    font-size: 1.5rem;
    padding-left: 1em;
    margin-bottom: 2rem;
    margin-top: 0.5rem;
  }
  .articleContents .note__inner {
    padding-left: 1em;
  }
  .articleContents .note > :first-child {
    margin-top: 0 !important;
  }
  .articleContents .note > :last-child {
    margin-bottom: 0 !important;
  }
  .articleContents .note + .note {
    margin-top: 3rem;
  }
  .articleContents > h2 {
    margin: 10rem 0 4rem;
  }
  .articleContents > h3 {
    margin: 4rem 0 2rem;
  }
  .articleContents > p {
    margin-bottom: 2rem;
  }
  .articleContents > figure {
    margin-bottom: 4rem;
  }
  .articleContents > table {
    margin: 4rem 0 1.4rem;
  }
  .articleContents > :first-child {
    margin-top: 0 !important;
  }
  .articleContents > :last-child {
    margin-bottom: 0 !important;
  }
  .articleContents__bottom {
    margin-top: 6rem;
  }
}

@media screen and (max-width: 767px) {
  .articleContents h2:not([class]) {
    font-size: 4.8vw;
    font-weight: 500;
    line-height: 1.5;
    background: var(--clr-main);
    color: var(--clr-white);
    padding: 2.4vw 2.4vw 2.4vw 6.4vw;
    position: relative;
  }
  .articleContents h2:not([class])::before {
    content: "";
    width: 1.06667vw;
    height: 8vw;
    background: #f9b337;
    position: absolute;
    left: 2.66667vw;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
  .articleContents h3:not([class]) {
    font-size: 4.26667vw;
    font-weight: 500;
    line-height: 1.5;
    padding: 0 0 2.4vw 0;
    position: relative;
  }
  .articleContents h3:not([class])::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0.53333vw;
    background: #e3e3e3;
  }
  .articleContents h3:not([class])::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    width: 13.33333vw;
    height: 0.53333vw;
    background: var(--clr-main);
  }
  .articleContents p:not([class]),
  .articleContents p[class*="u-"] {
    font-size: 4vw;
  }
  .articleContents table th,
  .articleContents table td {
    border: solid 1px #e3e3e3;
    padding: 3.73333vw;
    vertical-align: top;
    font-size: 3.46667vw;
  }
  .articleContents table th {
    font-weight: 500;
    background: #f6f6f6;
  }
  .articleContents table a img {
    vertical-align: sub;
    margin-right: 0.6rem;
  }
  .articleContents table:not([class]) th {
    width: 35.29%;
  }
  .articleContents table:not([class]) td {
    width: 64.71%;
  }
  .articleContents .note__item {
    display: block;
    font-size: 3.46667vw;
    padding-left: 1em;
    text-indent: -1em;
  }
  .articleContents .note__item--sm {
    display: block;
    font-size: 3.2vw;
    padding-left: 1em;
    text-indent: -1em;
  }
  .articleContents .note__text {
    font-size: 3.46667vw;
    padding-left: 1em;
    margin-bottom: 5.33333vw;
    margin-top: 1.33333vw;
  }
  .articleContents .note__inner {
    padding-left: 1em;
  }
  .articleContents .note > :first-child {
    margin-top: 0 !important;
  }
  .articleContents .note > :last-child {
    margin-bottom: 0 !important;
  }
  .articleContents .note + .note {
    margin-top: 8vw;
  }
  .articleContents > h2 {
    margin: 13.33333vw 0 8vw;
  }
  .articleContents > h3 {
    margin: 10.66667vw 0 3.73333vw;
  }
  .articleContents > p {
    margin-bottom: 5.33333vw;
  }
  .articleContents > figure {
    margin-bottom: 5.33333vw;
  }
  .articleContents > table {
    margin: 5.33333vw 0;
  }
  .articleContents > :first-child {
    margin-top: 0 !important;
  }
  .articleContents > :last-child {
    margin-bottom: 0 !important;
  }
  .articleContents__bottom {
    margin-top: 8vw;
  }
}

:root {
  --clr-main: #F49222;
  --clr-sub: #75B600;
  --clr-black: #333333;
  --clr-white: #fff;
  --clr-pink: #F88598;
  --clr-blue: #74CEE1;
  --fw-thin: 100;
  --fw-light: 300;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-bold: 700;
  --fw-black: 900;
  --cubic: cubic-bezier(0.13, 1.05, 0.96, 1);
  --cubicHigh: cubic-bezier(.18,1.07,.55,1.07);
}

@media screen and (min-width: 768px), print {
  .articleContents h2:not([class]) {
    font-size: 2.4rem;
    font-weight: 500;
    line-height: 1.5;
    background: var(--clr-main);
    color: var(--clr-white);
    padding: 0.9rem 0.9rem 0.9rem 3.2rem;
    position: relative;
  }
  .articleContents h2:not([class])::before {
    content: "";
    width: 0.4rem;
    height: 3rem;
    background: #f9b337;
    position: absolute;
    left: 1.8rem;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
  .articleContents h3:not([class]) {
    font-size: 2rem;
    font-weight: 500;
    line-height: 1.5;
    padding: 0 0 0.9rem 0;
    position: relative;
  }
  .articleContents h3:not([class])::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0.2rem;
    background: #e3e3e3;
  }
  .articleContents h3:not([class])::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    width: 5rem;
    height: 0.2rem;
    background: var(--clr-main);
  }
  .articleContents p:not([class]),
  .articleContents p[class*="u-"] {
    font-size: 1.5rem;
  }
  .articleContents table th,
  .articleContents table td {
    border: solid 1px #e3e3e3;
    padding: 1rem 2rem;
    vertical-align: top;
    font-size: 1.5rem;
  }
  .articleContents table th {
    font-weight: 500;
    background: #f6f6f6;
  }
  .articleContents table a img {
    vertical-align: sub;
    margin-right: 0.6rem;
  }
  .articleContents table:not([class]) th {
    width: 26rem;
  }
  .articleContents table:not([class]) td {
    width: 62rem;
  }
  .articleContents .note__item {
    display: block;
    font-size: 1.5rem;
    padding-left: 1em;
    text-indent: -1em;
  }
  .articleContents .note__item--sm {
    display: block;
    font-size: 1.4rem;
    padding-left: 1em;
    text-indent: -1em;
  }
  .articleContents .note__text {
    font-size: 1.5rem;
    padding-left: 1em;
    margin-bottom: 2rem;
    margin-top: 0.5rem;
  }
  .articleContents .note__inner {
    padding-left: 1em;
  }
  .articleContents .note > :first-child {
    margin-top: 0 !important;
  }
  .articleContents .note > :last-child {
    margin-bottom: 0 !important;
  }
  .articleContents .note + .note {
    margin-top: 3rem;
  }
  .articleContents > h2 {
    margin: 10rem 0 4rem;
  }
  .articleContents > h3 {
    margin: 4rem 0 2rem;
  }
  .articleContents > p {
    margin-bottom: 2rem;
  }
  .articleContents > figure {
    margin-bottom: 4rem;
  }
  .articleContents > table {
    margin: 4rem 0 1.4rem;
  }
  .articleContents > :first-child {
    margin-top: 0 !important;
  }
  .articleContents > :last-child {
    margin-bottom: 0 !important;
  }
  .articleContents__bottom {
    margin-top: 6rem;
  }
}

@media screen and (max-width: 767px) {
  .articleContents h2:not([class]) {
    font-size: 4.8vw;
    font-weight: 500;
    line-height: 1.5;
    background: var(--clr-main);
    color: var(--clr-white);
    padding: 2.4vw 2.4vw 2.4vw 6.4vw;
    position: relative;
  }
  .articleContents h2:not([class])::before {
    content: "";
    width: 1.06667vw;
    height: 8vw;
    background: #f9b337;
    position: absolute;
    left: 2.66667vw;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
  .articleContents h3:not([class]) {
    font-size: 4.26667vw;
    font-weight: 500;
    line-height: 1.5;
    padding: 0 0 2.4vw 0;
    position: relative;
  }
  .articleContents h3:not([class])::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0.53333vw;
    background: #e3e3e3;
  }
  .articleContents h3:not([class])::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    width: 13.33333vw;
    height: 0.53333vw;
    background: var(--clr-main);
  }
  .articleContents p:not([class]),
  .articleContents p[class*="u-"] {
    font-size: 4vw;
  }
  .articleContents table th,
  .articleContents table td {
    border: solid 1px #e3e3e3;
    padding: 3.73333vw;
    vertical-align: top;
    font-size: 3.46667vw;
  }
  .articleContents table th {
    font-weight: 500;
    background: #f6f6f6;
  }
  .articleContents table a img {
    vertical-align: sub;
    margin-right: 0.6rem;
  }
  .articleContents table:not([class]) th {
    width: 35.29%;
  }
  .articleContents table:not([class]) td {
    width: 64.71%;
  }
  .articleContents .note__item {
    display: block;
    font-size: 3.46667vw;
    padding-left: 1em;
    text-indent: -1em;
  }
  .articleContents .note__item--sm {
    display: block;
    font-size: 3.2vw;
    padding-left: 1em;
    text-indent: -1em;
  }
  .articleContents .note__text {
    font-size: 3.46667vw;
    padding-left: 1em;
    margin-bottom: 5.33333vw;
    margin-top: 1.33333vw;
  }
  .articleContents .note__inner {
    padding-left: 1em;
  }
  .articleContents .note > :first-child {
    margin-top: 0 !important;
  }
  .articleContents .note > :last-child {
    margin-bottom: 0 !important;
  }
  .articleContents .note + .note {
    margin-top: 8vw;
  }
  .articleContents > h2 {
    margin: 13.33333vw 0 8vw;
  }
  .articleContents > h3 {
    margin: 10.66667vw 0 3.73333vw;
  }
  .articleContents > p {
    margin-bottom: 5.33333vw;
  }
  .articleContents > figure {
    margin-bottom: 5.33333vw;
  }
  .articleContents > table {
    margin: 5.33333vw 0;
  }
  .articleContents > :first-child {
    margin-top: 0 !important;
  }
  .articleContents > :last-child {
    margin-bottom: 0 !important;
  }
  .articleContents__bottom {
    margin-top: 8vw;
  }
}

@media screen and (min-width: 768px), print {
  .articleContents .note__item--sm {
    display: block;
    padding-left: 0;
    text-indent: 0;
  }
  .c-link-btn {
    min-width: 32.9rem;
  }
  .course-mokuji {
    width: 100%;
    border: solid 1px #e3e3e3;
    margin-bottom: 4rem;
  }
  .course-mokuji__head {
    font-size: 1.6rem;
    font-weight: 500;
    text-align: center;
    padding: 0.6rem 0;
    background: #e3e3e3;
  }
  .course-mokuji__body {
    padding: 2rem;
  }
  .course-mokuji__item a {
    color: #f49222;
    text-decoration: underline;
  }
  .course-mokuji__item a::before {
    content: "●";
  }
  .course-mokuji__item + .course-mokuji__item {
    margin-top: 0.4rem;
  }
  .course-fee {
    border-radius: 1rem;
    background: #ffffd3;
    padding: 2rem;
    letter-spacing: -0.02em;
    margin-bottom: 4rem;
  }
  .course-fee__head {
    font-size: 2.4rem;
    font-weight: 500;
    padding-left: 3.2rem;
    margin-bottom: 0.8rem;
    position: relative;
  }
  .course-fee__head::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 2.4rem;
    width: 2.4rem;
    background: url(../images/course/course-yen-solid.svg) no-repeat;
  }
  .course-fee__head span {
    font-size: 1.4rem;
    font-weight: normal;
    margin-left: 1em;
  }
  .course-fee__main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-bottom: 1rem;
  }
  .course-fee__main__head {
    font-size: 2rem;
    font-weight: 500;
    background: #fff;
    border: solid 1px #e3e3e3;
    width: 42.8%;
    padding: 1.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .course-fee__main__head span {
    font-size: 1.6rem;
  }
  .course-fee__main__head__2row {
    font-size: 2rem;
    font-weight: 500;
    background: #fff;
    border: solid 1px #e3e3e3;
    width: 42.8%;
    padding: 1.5rem;
  }
  .course-fee__main__head__2row span {
    font-size: 1.6rem;
  }
  .course-fee__main__body {
    font-size: 1.6rem;
    font-weight: 500;
    background: #e3e3e3;
    border: solid 1px #e3e3e3;
    width: 57.2%;
    padding: 1.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .course-fee__main__body span {
    font-size: 1.2rem;
    font-weight: normal;
    margin-left: 2em;
  }
  .course-fee__main__body__2row {
    font-size: 1.6rem;
    font-weight: 500;
    background: #e3e3e3;
    border: solid 1px #e3e3e3;
    width: 57.2%;
    padding: 1.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .course-fee__main__body__2row span {
    font-size: 1.2rem;
    font-weight: normal;
  }
  .course-fee__sub {
    border: solid 1px #f49222;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding: 1rem;
    margin-bottom: 1rem;
  }
  .course-fee__sub__head {
    font-size: 1.6rem;
    font-weight: 500;
    color: #f49222;
    width: 42.8%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .course-fee__sub__body {
    font-size: 2rem;
    font-weight: 500;
    color: #f49222;
    width: 57.2%;
    padding: 0 0 0 1.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-left: solid 1px #f49222;
  }
  .course-fee__sub__body span {
    font-size: 1.6rem;
  }
  .course-fee__sub__body__wide {
    font-size: 2rem;
    font-weight: 500;
    color: #f49222;
    width: 57.2%;
    padding: 0 0 0 1.5rem;
    border-left: solid 1px #f49222;
  }
  .course-fee__sub__body__wide__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .course-fee__sub__body__wide span {
    font-size: 1.6rem;
  }
  .course-fee__sub__body__wide .course-fee__detail-link {
    margin-left: auto !important;
  }
  .course-fee__sub .course-fee__detail-link {
    font-size: 1.2rem;
    font-weight: 500;
    color: #f49222;
    margin-left: 4em;
    padding-right: 1.5rem;
    position: relative;
  }
  .course-fee__sub .course-fee__detail-link::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 1.1rem;
    width: 1.1rem;
    background: url(../images/common/arrow_orange.svg) no-repeat;
  }
  .course-fee__note {
    font-size: 1.4rem;
  }
  .course-fee__kyoiku {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .course-fee__kyoiku img {
    width: 2.4rem;
  }
  .course-fee__kyoiku p {
    margin-left: .5rem;
  }
  .course-fee__kyoiku a {
    position: relative;
    font-size: 1.2rem;
    margin-left: 1rem;
    color: #F49222;
    font-weight: 500;
    padding-right: 1.5rem;
  }
  .course-fee__kyoiku a::after {
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    background: url(../images/common/arrow_orange.svg) no-repeat;
    width: 1.1rem;
    height: 1.1rem;
  }
  .course-head-btn__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 4rem;
  }
  .course-head-btn__wrap.fixed {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    margin-bottom: 0;
    z-index: 2;
    background: rgba(0, 0, 0, 0.7);
    padding: 1.2rem 0;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: .3s;
    transition: .3s;
  }
  .course-head-btn__wrap.fixed a {
    width: 40.2rem;
    max-width: inherit;
    height: 5.6rem;
  }
  .course-head-btn__wrap.fixed.is-active {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  .course-head-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 40rem;
    width: 100%;
    height: 7rem;
    padding: 0 2rem;
    border-radius: 0.6rem;
    font-size: 1.8rem;
    font-weight: 500;
  }
  .course-head-btn img {
    margin-right: 0.6rem;
  }
  .course-head-btn + .course-head-btn {
    margin-left: 2rem;
  }
  .course-head-btn--course {
    background: var(--clr-pink);
    color: var(--clr-white);
  }
  .course-head-btn--document {
    background: var(--clr-blue);
    color: var(--clr-white);
  }
  .course-clip-board {
    border-radius: 1rem;
    background: #fcefd4;
    padding: 4rem;
    position: relative;
  }
  .course-clip-board__wrap {
    margin-top: 6rem;
    margin-bottom: 6rem;
  }
  .course-clip-board__desc {
    font-size: 1.4rem;
    text-align: right;
    margin-top: 2rem;
  }
  .course-clip-board::before {
    content: "";
    position: absolute;
    top: -3rem;
    left: 1.8rem;
    background-image: url(/assets/images/course/lecture_clip.svg);
    width: 4.7rem;
    height: 4rem;
  }
  .course-clip-board__title {
    font-size: 1.8rem;
    font-weight: 500;
    color: #f49222;
    margin-bottom: 0.5rem;
  }
  .course-clip-board__text {
    font-size: 1.4rem;
  }
  .course-clip-board__point {
    display: inline-block;
    font-size: 1.4rem;
    font-weight: 500;
    padding: 0.3rem 0.8rem;
    border-radius: 1.7rem;
    background: #f49222;
    color: #fff;
    margin: 2rem 0 0 1rem;
  }
  .course-clip-board__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .course-clip-board__list__item {
    width: 48%;
    padding-right: 2rem;
  }
  .course-clip-board__list__item:nth-child(2n) {
    width: 52%;
    padding-right: 0;
  }
  .course-clip-board__list .course-clip-board__point__wrap {
    margin-left: auto;
  }
  .course-clip-board__col2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .course-clip-board__col2__item {
    width: 50%;
  }
  .course-clip-board__col2__item:nth-child(odd) {
    width: 50%;
    padding-right: 2rem;
  }
  .course-clip-board--neko::after {
    content: "";
    position: absolute;
    bottom: -7rem;
    right: 0;
    background-image: url(/assets/images/course/neco.png);
    background-size: cover;
    width: 10.9rem;
    height: 10.8rem;
  }
  .course-number-list {
    counter-reset: item;
    background: #f6f6f6;
    border-radius: 1rem;
    padding: 4.5rem 2.5rem;
  }
  .course-number-list__item {
    font-size: 1.8rem;
    font-weight: 500;
    padding-left: 3.5rem;
    position: relative;
  }
  .course-number-list__item:before {
    counter-increment: item;
    content: "0" counter(item) ".";
    font-size: 2rem;
    font-weight: 500;
    color: #f49222;
    position: absolute;
    top: -0.3rem;
    left: 0;
  }
  .course-number-list__item + .course-number-list__item {
    margin-top: 3rem;
  }
  .course-number-list__text--sm {
    font-size: 1.6rem;
    font-weight: normal;
  }
  .course-voice {
    background: #f0f9e0;
    border-radius: 2rem;
    padding: 2.5rem 4rem 4rem;
  }
  .course-voice__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    border-bottom: solid 2px #8fc615;
    margin-bottom: 2rem;
    position: relative;
  }
  .course-voice__img {
    max-width: 11.2rem;
    width: 100%;
  }
  .course-voice__school {
    font-size: 1.4rem;
    font-weight: 500;
    margin-left: auto;
    margin-bottom: 0.7rem;
    position: absolute;
    right: 0;
    bottom: 0;
  }
  .course-voice__title {
    color: #1ca312;
    font-size: 2rem;
    font-weight: 500;
    padding-bottom: 0;
    margin-left: 6.75rem;
    margin-bottom: 2rem;
    position: relative;
  }
  .course-voice__title::before, .course-voice__title::after {
    display: none;
  }
  .course-voice__title::before {
    content: "";
    display: block;
    width: 7rem;
    height: 1.7rem;
    background: url(/assets/images/course/course_voice_comment.svg);
    background-size: cover;
    position: absolute;
    top: -2.4rem;
    left: -3.4rem;
  }
  .course-voice__text {
    font-size: 1.5rem;
  }
  .course-box {
    padding: 3rem 2.5rem;
    background: #f6f6f6;
    border-radius: 1rem;
    margin-top: 3rem;
  }
  .course-box .course-number-list {
    padding: 0;
  }
  .course-box__title {
    font-size: 2rem;
    font-weight: 500;
    margin-bottom: 0.4rem;
    color: #f49222;
  }
  .course-box__text {
    font-size: 1.5rem;
  }
  .course-box__text + .course-box__title {
    margin-top: 1rem;
  }
  .course-box--pink {
    background: #fff3fa;
  }
  .course-box--pink .course-box__title {
    color: inherit;
  }
  .course-test-btn__wrap {
    margin: 4rem auto 7rem;
  }
  .course-test-btn__wrap .c-btn {
    width: 38rem;
    height: 5rem;
    font-size: 1.4rem;
    font-weight: 500;
  }
  .course-test-btn__wrap .c-btn svg {
    width: 1.6rem;
    height: 1.6rem;
  }
  .course-test-btn__note {
    margin-top: 1rem;
    font-size: 1.3rem;
  }
  .course-modalcashback {
    padding: 6rem 5rem;
    max-height: 80vh;
    overflow-y: auto;
  }
  .course-modalcashback__head-list__title {
    font-size: 1.6rem;
    font-weight: 500;
  }
  .course-modalcashback__head-list__item {
    font-size: 1.5rem;
    padding-left: 3em;
    text-indent: -3em;
  }
  .course-modalcashback__head-list__wrap + * {
    margin-top: 1.6rem;
  }
  .course-modalcashback__head-list__date {
    padding-left: 3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1.5rem;
  }
  .course-modalcashback__head-list__date__title {
    min-width: 19rem;
    max-width: 19rem;
    text-align: right;
  }
  .course-modalcashback__list__title {
    font-size: 1.6rem;
    font-weight: 500;
  }
  .course-modalcashback__list__item {
    font-size: 1.5rem;
    padding-left: 1em;
    text-indent: -1em;
  }
  .course-care-txt {
    position: relative;
    border: 1px solid #E3E3E3;
    border-radius: 1rem;
    padding: 1.5rem 2rem;
    margin-bottom: 2rem;
  }
  .course-care-txt::before {
    content: "";
    position: relative;
    display: inline-block;
    top: .2rem;
    width: 1.7rem;
    height: 1.7rem;
    background: url(../images/course/info-icon.png) no-repeat center center/contain;
  }
}

@media screen and (max-width: 767px), print {
  .fixedBtn {
    display: none;
  }
  .articleContents .note__item--sm {
    display: block;
    padding-left: 0;
    text-indent: 0;
  }
  .course-mokuji {
    width: 100%;
    border: solid 1px #e3e3e3;
    margin-bottom: 10.66667vw;
  }
  .course-mokuji__head {
    font-size: 4.26667vw;
    font-weight: 500;
    text-align: center;
    padding: 1.6vw 0;
    background: #e3e3e3;
  }
  .course-mokuji__body {
    padding: 5.33333vw;
  }
  .course-mokuji__item a {
    position: relative;
    font-size: 3.73333vw;
    color: #f49222;
    text-decoration: underline;
    display: block;
  }
  .course-mokuji__item a::before {
    content: "●";
    letter-spacing: -0.6vw;
  }
  .course-mokuji__item + .course-mokuji__item {
    margin-top: 1.33333vw;
  }
  .course-fee {
    border-radius: 2.66667vw;
    background: #ffffd3;
    padding: 5.33333vw 4vw;
    margin-bottom: 5.33333vw;
    letter-spacing: -0.02em;
  }
  .course-fee__head {
    font-size: 4.8vw;
    font-weight: 500;
    padding-left: 5.33333vw;
    margin-bottom: 2.66667vw;
    position: relative;
    line-height: 1.3;
  }
  .course-fee__head::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.8vw;
    height: 4.26667vw;
    width: 4.26667vw;
    background: url(../images/course/course-yen-solid.svg) no-repeat center center;
    background-size: contain;
  }
  .course-fee__head span {
    font-size: 3.46667vw;
    font-weight: normal;
  }
  .course-fee__main {
    width: 100%;
    margin-bottom: 2.66667vw;
  }
  .course-fee__main__head {
    font-size: 5.33333vw;
    font-weight: 500;
    background: #fff;
    border: solid 1px #e3e3e3;
    width: 100%;
    padding: 3.73333vw 4vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .course-fee__main__head span {
    font-size: 4.26667vw;
  }
  .course-fee__main__head__2row {
    font-size: 5.33333vw;
    font-weight: 500;
    background: #fff;
    border: solid 1px #e3e3e3;
    width: 100%;
    padding: 3.73333vw 4vw;
    line-height: 1.5;
  }
  .course-fee__main__head__2row span {
    font-size: 4.26667vw;
  }
  .course-fee__main__body {
    font-size: 4.26667vw;
    font-weight: 500;
    line-height: 1.5;
    background: #e3e3e3;
    border: solid 1px #e3e3e3;
    width: 100%;
    padding: 3.73333vw 4vw;
    text-align: center;
  }
  .course-fee__main__body span {
    font-size: 1.2rem;
    font-weight: normal;
    display: block;
  }
  .course-fee__main__body__2row {
    font-size: 4.26667vw;
    font-weight: 500;
    line-height: 1.5;
    background: #e3e3e3;
    border: solid 1px #e3e3e3;
    width: 100%;
    padding: 3.73333vw 4vw;
    text-align: center;
  }
  .course-fee__main__body__2row span {
    font-size: 1.2rem;
    font-weight: normal;
    display: block;
  }
  .course-fee__sub {
    border: solid 1px #f49222;
    background: #fff;
    width: 100%;
    padding: 4vw;
    margin-bottom: 1rem;
  }
  .course-fee__sub__head {
    font-size: 4.26667vw;
    font-weight: 500;
    color: #f49222;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 0 4vw;
  }
  .course-fee__sub__body {
    font-size: 5.33333vw;
    font-weight: 500;
    color: #f49222;
    width: 100%;
    border-top: solid 1px #f49222;
    text-align: center;
    line-height: 1.2;
    padding: 4vw 0 0;
  }
  .course-fee__sub__body span {
    display: block;
  }
  .course-fee__sub__body__wide {
    font-size: 5.33333vw;
    font-weight: 500;
    color: #f49222;
    width: 100%;
    border-top: solid 1px #f49222;
    line-height: 1.2;
    padding: 4vw 0 0;
  }
  .course-fee__sub__body__wide__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
  }
  .course-fee__sub__body__wide__item + .course-fee__sub__body__wide__item {
    margin-top: 2.66667vw;
  }
  .course-fee__sub__body__wide span {
    display: block;
    font-size: 4.26667vw;
  }
  .course-fee__sub__body__wide .course-fee__detail-link {
    margin-top: 2.66667vw;
  }
  .course-fee__sub .course-fee__detail-link {
    white-space: nowrap;
    font-size: 3.2vw;
    font-weight: 500;
    color: #f49222;
    padding-right: 4vw;
    position: relative;
    display: block;
    text-align: center !important;
    margin: 2.66667vw auto 0;
    width: 58vw;
  }
  .course-fee__sub .course-fee__detail-link::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 2.93333vw;
    width: 2.93333vw;
    background: url(../images/common/arrow_orange.svg) no-repeat;
  }
  .course-fee__note {
    font-size: 3.73333vw;
  }
  .course-fee__kyoiku {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .course-fee__kyoiku img {
    width: 6.4vw;
  }
  .course-fee__kyoiku p {
    margin-left: 1.33333vw;
    font-size: 3.73333vw;
  }
  .course-fee__kyoiku a {
    position: relative;
    font-size: 3.2vw;
    margin-left: 2.66667vw;
    color: #F49222;
    font-weight: 500;
    padding-right: 4vw;
  }
  .course-fee__kyoiku a::after {
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    background: url(../images/common/arrow_orange.svg) no-repeat;
    width: 2.93333vw;
    height: 2.93333vw;
  }
  .course-head-btn__wrap {
    margin-bottom: 10.66667vw;
  }
  .course-head-btn__wrap.fixed {
    position: fixed;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    bottom: 0;
    left: 0;
    width: 100%;
    margin-bottom: 0;
    z-index: 2;
    background: rgba(0, 0, 0, 0.7);
    padding: 3.2vw 1.6vw;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: .3s;
    transition: .3s;
  }
  .course-head-btn__wrap.fixed a {
    margin-top: 0;
    padding: 0 2.13333vw;
    font-size: 4vw;
    width: 42%;
  }
  .course-head-btn__wrap.fixed a:last-of-type {
    width: 56%;
  }
  .course-head-btn__wrap.fixed.is-active {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  .course-head-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 14.93333vw;
    padding: 0 5.33333vw;
    border-radius: 1.6vw;
    font-size: 4.8vw;
    font-weight: 500;
  }
  .course-head-btn img {
    margin-right: 1.6vw;
  }
  .course-head-btn + .course-head-btn {
    margin-top: 2.66667vw;
  }
  .course-head-btn--course {
    background: var(--clr-pink);
    color: var(--clr-white);
  }
  .course-head-btn--course img {
    width: 4.26667vw;
    height: 4.26667vw;
  }
  .course-head-btn--document {
    background: var(--clr-blue);
    color: var(--clr-white);
  }
  .course-head-btn--document img {
    width: 4.66667vw;
    height: 5.33333vw;
  }
  .course-clip-board {
    border-radius: 2.66667vw;
    background: #fcefd4;
    padding: 8vw 5.33333vw;
    position: relative;
  }
  .course-clip-board__wrap {
    margin-top: 14.66667vw;
    margin-bottom: 10.66667vw;
  }
  .course-clip-board__desc {
    font-size: 3.2vw;
    text-align: left;
    margin-top: 5.33333vw;
  }
  .course-clip-board::before {
    content: "";
    position: absolute;
    top: -8vw;
    left: 5.33333vw;
    background-image: url(/assets/images/course/lecture_clip.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 12.53333vw;
    height: 10.66667vw;
  }
  .course-clip-board__title {
    font-size: 4.8vw;
    font-weight: 500;
    color: #f49222;
    margin-bottom: 1.33333vw;
  }
  .course-clip-board__text {
    font-size: 3.73333vw;
  }
  .course-clip-board__point {
    display: inline-block;
    font-size: 3.73333vw;
    font-weight: 500;
    padding: 0.3rem 0.8rem;
    border-radius: 4.53333vw;
    background: #f49222;
    color: #fff;
    margin: 4.26667vw 0 0 auto;
  }
  .course-clip-board__point__wrap {
    text-align: right;
  }
  .course-clip-board .course-clip-board__col2__item + .course-clip-board__col2__item {
    margin-top: 8vw;
  }
  .course-clip-board--neko {
    margin-bottom: 21.33333vw;
  }
  .course-clip-board--neko::after {
    content: "";
    position: absolute;
    bottom: -10.66667vw;
    right: 0;
    background-image: url(/assets/images/course/neco.png);
    background-size: cover;
    width: 21.06667vw;
    height: 20.8vw;
  }
  .course-number-list {
    counter-reset: item;
    background: #f6f6f6;
    border-radius: 2.66667vw;
    padding: 8vw 4vw;
  }
  .course-number-list__item {
    font-size: 3.73333vw;
    font-weight: 500;
    padding-left: 8.8vw;
    position: relative;
  }
  .course-number-list__item:before {
    counter-increment: item;
    content: "0" counter(item) ".";
    font-size: 4.26667vw;
    font-weight: 500;
    color: #f49222;
    position: absolute;
    top: -0.53333vw;
    left: 0;
  }
  .course-number-list__item + .course-number-list__item {
    margin-top: 3rem;
  }
  .course-number-list__text--sm {
    font-size: 3.2vw;
    font-weight: normal;
  }
  .course-voice {
    background: #f0f9e0;
    border-radius: 2.66667vw;
    padding: 5.33333vw 4vw;
  }
  .course-voice__head {
    border-bottom: solid 2px #8fc615;
    margin-bottom: 5.33333vw;
    position: relative;
  }
  .course-voice__img {
    max-width: 21.33333vw;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
  }
  .course-voice__school {
    font-size: 3.2vw;
    font-weight: 500;
    text-align: right;
    padding-left: 23.46667vw;
    padding-bottom: 1.6vw;
  }
  .course-voice__title {
    color: #1ca312;
    font-size: 4.26667vw;
    font-weight: 500;
    padding-top: 2.66667vw;
    padding-left: 23.46667vw;
    padding-bottom: 1.06667vw;
    position: relative;
  }
  .course-voice__title::before, .course-voice__title::after {
    display: none;
  }
  .course-voice__title::before {
    content: "";
    display: block;
    width: 18.66667vw;
    height: 4.53333vw;
    background: url(/assets/images/course/course_voice_comment.svg);
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
  }
  .course-voice__text {
    font-size: 4vw;
  }
  .course-box {
    padding: 5.33333vw;
    background: #f6f6f6;
    border-radius: 2.66667vw;
    margin-top: 8vw;
  }
  .course-box .course-number-list {
    padding: 0;
  }
  .course-box__title {
    font-size: 4.8vw;
    font-weight: 500;
    margin-bottom: 1.06667vw;
    color: #f49222;
  }
  .course-box__text {
    font-size: 3.73333vw;
  }
  .course-box__text + .course-box__title {
    margin-top: 9.33333vw;
  }
  .course-box--pink {
    background: #fff3fa;
  }
  .course-box--pink .course-box__title {
    color: inherit;
  }
  .course-test-btn__wrap {
    margin: 10.66667vw auto 16vw;
  }
  .course-test-btn__wrap .c-btn {
    width: 100%;
    height: 13.33333vw;
    font-size: 3.73333vw;
    font-weight: 500;
  }
  .course-test-btn__wrap .c-btn svg {
    width: 4.26667vw;
    height: 4.26667vw;
  }
  .course-test-btn__note {
    margin-top: 2.66667vw;
    font-size: 3.46667vw;
  }
  .course-modalcashback {
    padding: 4vw 5.33333vw;
    max-height: 75vh;
    overflow-y: auto;
  }
  .course-modalcashback__head-list__title {
    font-size: 4.26667vw;
    font-weight: 500;
  }
  .course-modalcashback__head-list__item {
    font-size: 4vw;
    padding-left: 3em;
    text-indent: -3em;
  }
  .course-modalcashback__head-list__wrap + * {
    margin-top: 4.26667vw;
  }
  .course-modalcashback__head-list__date {
    padding-left: 3em;
    font-size: 4vw;
  }
  .course-modalcashback__head-list__date__title {
    display: block;
  }
  .course-modalcashback__list__title {
    font-size: 4.26667vw;
    font-weight: 500;
  }
  .course-modalcashback__list__item {
    font-size: 4vw;
    padding-left: 1em;
    text-indent: -1em;
    line-height: 1.7;
  }
  .course-care-txt {
    position: relative;
    border: 1px solid #E3E3E3;
    border-radius: 2vw;
    padding: 2.5vw 2.5vw;
    margin-bottom: 4.5vw;
    font-size: 3.73333vw;
  }
  .course-care-txt::before {
    content: "";
    position: relative;
    display: inline-block;
    top: .2vw;
    width: 3.3vw;
    height: 3.3vw;
    background: url(../images/course/info-icon.png) no-repeat center center/contain;
  }
}

@media screen and (max-width: 767px), print {
  .course-mokuji__body {
    position: relative;
    overflow: hidden;
  }
  .course-mokuji__more {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 17vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255 255 255 / 50%)), color-stop(50%, rgba(255 255 255 / 100%)), to(#ffffff));
    background: linear-gradient(rgba(255 255 255 / 50%) 0%, rgba(255 255 255 / 100%) 50%, #ffffff 100%);
  }
  .course-mokuji__more span {
    margin-bottom: 4vw;
    margin-right: 5vw;
    position: relative;
    font-size: 3.6vw;
    padding-right: 5vw;
    font-weight: 500;
  }
  .course-mokuji__more span em {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 4vw;
    width: 4vw;
  }
  .course-mokuji__more span em::after, .course-mokuji__more span em::before {
    content: "";
    position: absolute;
    height: 80%;
    width: .5vw;
    background: #f49222;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  .course-mokuji__more span em::before {
    -webkit-transform: translate(-50%, -50%) rotate(90deg);
    -ms-transform: translate(-50%, -50%) rotate(90deg);
    transform: translate(-50%, -50%) rotate(90deg);
  }
}

@media screen and (min-width: 768px), print {
  .course-box__title {
    font-size: 1.8rem;
    font-weight: 500;
    color: inherit;
  }
  .course-box__title + .course-number-list,
  .course-box__text + .course-number-list {
    margin-top: 2rem;
  }
  .course-btn {
    display: block;
    background: #FCEFD4;
    border-radius: .6rem;
    width: 64.4rem;
    text-align: center;
    padding: 2rem;
    margin-left: auto;
    margin-right: auto;
    font-weight: 500;
  }
  .course-btn__top {
    font-size: 1.6rem;
  }
  .course-btn__bottom {
    font-size: 2rem;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .course-btn__bottom span {
    color: #F49222;
  }
  .course-btn__bottom span small {
    font-size: 1.6rem;
  }
  .course-btn__bottom em {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .course-btn__bottom em::after {
    content: "";
    width: 1.7rem;
    height: 1.7rem;
    background: url(../images/common/arrow_orange.svg) no-repeat center center/contain;
    display: block;
    margin-left: .8rem;
  }
  .course-clip-board__col2__item:nth-child(2) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  .course-clip-board__point__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .course-clip-board__point {
    margin: 0;
  }
  .course-clip-board__point.--jitaku {
    background: #8fc615;
  }
  .course-clip-board__point__plus {
    font-size: 2.6rem;
    font-weight: 500;
    margin: 0 1.8rem;
  }
  .course-fee-table {
    width: 100%;
    background: #FFFFFF;
    border: 1px solid #E3E3E3;
    border-collapse: collapse;
  }
  .course-fee-table__wrap {
    position: relative;
  }
  .course-fee-table__txt {
    position: absolute;
    right: 16rem;
    font-size: 1.4rem;
    background: #FF4444;
    color: #fff;
    padding: .8rem 2rem;
    border-radius: 9999px;
    -webkit-transform: translateY(-100%) translateY(-1.3rem);
    -ms-transform: translateY(-100%) translateY(-1.3rem);
    transform: translateY(-100%) translateY(-1.3rem);
  }
  .course-fee-table__txt::after {
    content: "";
    position: absolute;
    border: 1rem solid transparent;
    border-top: 1rem solid #FF4444;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(1.7rem);
    -ms-transform: translateX(-50%) translateY(1.7rem);
    transform: translateX(-50%) translateY(1.7rem);
    bottom: 0;
  }
  .course-fee-table tr td {
    border: 1px solid #E3E3E3;
    padding: 1rem;
    line-height: 1.5;
  }
  .course-fee-table tr td:first-of-type {
    width: 15rem;
  }
  .course-fee-table tr td:last-of-type {
    width: 21rem;
  }
  .course-fee-table tr td:last-of-type .red {
    font-size: 1.2rem;
    color: #FF4444;
  }
  .course-fee-table tr:first-of-type {
    background: #F6F6F6;
  }
  .course-fee-table tr:first-of-type th {
    text-align: center;
    font-size: 1.2rem;
    height: 3.6rem;
    border: 1px solid #E3E3E3;
  }
  .course-fee-table tr:first-of-type th:nth-of-type(1) {
    width: 37.8rem;
  }
  .course-fee-table tr [rowspan="2"] {
    text-align: center;
  }
  .course-fee-table__price {
    text-align: center;
    font-size: 1.8rem;
  }
  .course-fee-table__price small {
    font-size: 1.3rem;
  }
  .course-fee-table__price--red {
    color: #FF4444;
  }
  .course-fee-table .width-half {
    width: 27rem;
    padding-right: 3rem;
    font-size: 1.4rem;
  }
  .course-fee-table .width-half.p-zero {
    padding-top: 0;
    padding-bottom: 0;
  }
  .course-fee-table b {
    font-weight: 500;
  }
  .course-fee-table .c-red {
    color: #FF4444;
  }
  .course-fee-table .icon01, .course-fee-table .icon02, .course-fee-table .icon03 {
    position: relative;
    display: inline-block;
    padding-right: 1.5rem;
  }
  .course-fee-table .icon01::after, .course-fee-table .icon02::after, .course-fee-table .icon03::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1.8rem;
    height: 1.8rem;
    background: url(../images/common/kyoiku_icon.png) no-repeat center center/contain;
  }
  .course-fee-table .icon02 {
    padding-right: 0;
    padding-bottom: 2.2rem;
  }
  .course-fee-table .icon02::after {
    content: "";
    position: absolute;
    bottom: 0;
    top: auto;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .course-fee-table .icon03 {
    padding-right: 3rem;
  }
  .course-fee-table .icon03::after {
    height: 2.5rem;
    width: 2.4rem;
    background: url(../images/common/ai-icon.png) no-repeat center center/contain;
  }
  .course-fee-table .icon04 {
    background: url(../images/common/ai-icon.png) no-repeat 97% center/2.5rem 2.5rem;
    width: 2rem;
  }
  .course-fee-table .bg-red {
    background: #FFF4F4;
  }
  .course-fee > p:not(.course-fee__head) {
    font-size: 1.4rem;
  }
  .course-fee > p:not(.course-fee__head) .c-red {
    color: #FF4444;
  }
  .course-fee h5 {
    font-weight: 500;
    font-size: 1.8rem;
  }
  .course-fee .course-fee-cacheback {
    background: #fff;
    width: 100%;
    border: 1px solid #E3E3E3;
    border-collapse: collapse;
  }
  .course-fee .course-fee-cacheback td, .course-fee .course-fee-cacheback th {
    border: 1px solid #E3E3E3;
  }
  .course-fee .course-fee-cacheback th {
    text-align: center;
    padding: 1rem;
    font-size: 1.4rem;
    background: #F6F6F6;
  }
  .course-fee .course-fee-cacheback td {
    padding: 2rem;
    font-size: 1.4rem;
    font-weight: 500;
  }
  .course-fee .course-fee-cacheback td:last-of-type {
    padding: 2rem 4rem;
  }
  .course-fee .course-fee-cacheback td:last-of-type div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 2rem;
  }
  .course-fee .course-fee-cacheback td:last-of-type div, .course-fee .course-fee-cacheback td:last-of-type div * {
    color: #F49222;
  }
  .course-fee .course-fee-cacheback td:last-of-type div a {
    position: relative;
    font-size: 1.4rem;
    padding-right: 1.5rem;
  }
  .course-fee .course-fee-cacheback td:last-of-type div a::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1.2rem;
    height: 1.2rem;
    background: url(../images/common/arrow_orange.svg) no-repeat center center/contain;
  }
  h2[data-class="ai"] span {
    position: relative;
    display: inline-block;
    padding-left: 3.6rem;
  }
  h2[data-class="ai"] span::before {
    content: "";
    height: 2.9rem;
    width: 2.9rem;
    background: url(../images/common/ai-icon.png) no-repeat center center/contain;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%) translateY(-0.1rem);
    -ms-transform: translateY(-50%) translateY(-0.1rem);
    transform: translateY(-50%) translateY(-0.1rem);
  }
  .articleContents table:not([class]) th {
    width: 22rem;
  }
  .articleContents table:not([class]) td {
    width: calc(100% - 22rem);
  }
  .border_less, .border_less * {
    border: none !important;
    padding: 0 !important;
  }
  .border_less tr:nth-of-type(n + 2) {
    margin-top: .3rem;
  }
  .border_less tr td:first-of-type {
    font-weight: 500;
    width: 8.3rem;
  }
  .video-el {
    margin-top: 1rem;
    margin-bottom: 1rem;
    text-align: center;
  }
  .video-el p {
    font-weight: 500;
  }
  .video-el p span {
    font-size: 1.8rem;
  }
  .video-el video {
    width: 65%;
  }
}

@media screen and (max-width: 767px), print {
  .course-box__title {
    font-size: 4.26667vw;
    font-weight: 500;
    color: inherit;
  }
  .course-box__title + .course-number-list__item,
  .course-box__text + .course-number-list__item {
    margin-top: 5.33333vw;
  }
  .course-clip-board__point {
    margin: 0;
  }
  .course-clip-board__point.--jitaku {
    background: #8fc615;
  }
  .course-btn {
    display: block;
    background: #FCEFD4;
    border-radius: 2vw;
    width: 100%;
    text-align: center;
    padding: 5vw 0;
    margin-left: auto;
    margin-right: auto;
    font-weight: 500;
  }
  .course-btn__top {
    font-size: 3.8vw;
  }
  .course-btn__bottom {
    font-size: 4.9vw;
    margin-top: 0.3rem;
    display: inline-block;
  }
  .course-btn__bottom span {
    color: #F49222;
  }
  .course-btn__bottom span small {
    font-size: 4.4vw;
  }
  .course-btn__bottom em {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .course-btn__bottom em::after {
    content: "";
    width: 1.7rem;
    height: 1.7rem;
    background: url(../images/common/arrow_orange.svg) no-repeat center center/contain;
    display: block;
    margin-left: .8rem;
  }
  .course-clip-board__point__plus {
    font-size: 5.33333vw;
    font-weight: 500;
    margin: 0 4vw;
  }
  .course-fee-table {
    background: #fff;
    border-collapse: collapse;
    width: 100%;
  }
  .course-fee-table__deal {
    background: #FFF4F4;
  }
  .course-fee-table__txt {
    position: relative;
    font-size: 3.2vw;
    background: #FF4444;
    color: #fff;
    padding: 2.13333vw 0;
    border-radius: 9999px;
    text-align: center;
    margin-bottom: 4vw;
  }
  .course-fee-table__txt::after {
    content: "";
    position: absolute;
    border: 1rem solid transparent;
    border-top: 1rem solid #FF4444;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(1.7rem);
    -ms-transform: translateX(-50%) translateY(1.7rem);
    transform: translateX(-50%) translateY(1.7rem);
    bottom: 0;
  }
  .course-fee-table--red {
    color: #FF4444;
  }
  .course-fee-table:nth-of-type(n + 2) {
    margin-top: 2.66667vw;
  }
  .course-fee-table td {
    border: 1px solid #E3E3E3;
  }
  .course-fee-table__ttl td {
    position: relative;
    padding: 4.26667vw;
    font-size: 4.26667vw;
  }
  .course-fee-table__ttl--ic td::after {
    content: "";
    position: absolute;
    right: 4.26667vw;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 4.8vw;
    width: 4.8vw;
    background: url(../images/common/kyoiku_icon.png) no-repeat center center/contain;
  }
  .course-fee-table__separate td {
    text-align: center;
    font-size: 3.2vw;
    padding: 1.06667vw;
    background: #F6F6F6;
  }
  .course-fee-table__item td {
    font-size: 4vw;
    padding: 4vw 6.66667vw;
    min-height: 14.4vw;
    position: relative;
  }
  .course-fee-table__item td:not(.an)::after {
    content: "";
    position: absolute;
    right: 4vw;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 6.4vw;
    height: 6.4vw;
    background: url(../images/common/ai-icon.png) no-repeat center center/contain;
  }
  .course-fee-table--ai-right {
    display: inline-block;
    padding-right: 2rem;
  }
  .course-fee-table--ai-right::after {
    right: 2rem !important;
  }
  .course-fee-table__price {
    position: relative;
  }
  .course-fee-table__price td {
    padding: 4vw 0;
    text-align: center;
    font-size: 5.33333vw;
    line-height: 1.3;
    font-weight: 300;
  }
  .course-fee-table__price td small {
    font-size: 4.26667vw;
  }
  .course-fee-table__price td .red {
    font-size: 3.2vw;
    color: #FF4444;
    font-weight: lighter;
    margin-top: 1.33333vw;
  }
  .course-fee > p:not(.course-fee__head) {
    font-size: 3.73333vw;
  }
  .course-fee > p:not(.course-fee__head) .c-red {
    color: #FF4444;
  }
  .course-fee h5 {
    font-weight: 500;
    font-size: 4.8vw;
  }
  .course-fee .course-fee-cacheback {
    background: #fff;
    width: 100%;
    border-collapse: collapse;
  }
  .course-fee .course-fee-cacheback td {
    border: 1px solid #E3E3E3;
    display: block;
  }
  .course-fee .course-fee-cacheback td {
    padding: 2.66667vw;
    font-size: 3.73333vw;
    font-weight: 500;
  }
  .course-fee .course-fee-cacheback td:last-of-type {
    line-height: 1.5;
    padding: 5.33333vw 0;
    text-align: center;
  }
  .course-fee .course-fee-cacheback td:last-of-type div {
    font-size: 5.86667vw;
  }
  .course-fee .course-fee-cacheback td:last-of-type div, .course-fee .course-fee-cacheback td:last-of-type div * {
    color: #F49222;
  }
  .course-fee .course-fee-cacheback td:last-of-type div a {
    position: relative;
    font-size: 3.73333vw;
    padding-right: 5.33333vw;
  }
  .course-fee .course-fee-cacheback td:last-of-type div a::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 3.2vw;
    height: 3.2vw;
    background: url(../images/common/arrow_orange.svg) no-repeat center center/contain;
  }
  h2[data-class="ai"] span {
    position: relative;
    display: inline-block;
    padding-left: 3.6rem;
  }
  h2[data-class="ai"] span::before {
    content: "";
    height: 2.9rem;
    width: 2.9rem;
    background: url(../images/common/ai-icon.png) no-repeat center center/contain;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%) translateY(-0.1rem);
    -ms-transform: translateY(-50%) translateY(-0.1rem);
    transform: translateY(-50%) translateY(-0.1rem);
  }
  .articleContents table:not([class]) th {
    width: 26.66667vw;
  }
  .articleContents table:not([class]) td {
    width: calc(100% - vw(100));
  }
  .border_less, .border_less * {
    border: none !important;
    padding: 0 !important;
  }
  .border_less tr:nth-of-type(n + 2) {
    margin-top: .3rem;
  }
  .border_less tr td:first-of-type {
    font-weight: 500;
    width: 8.3rem;
  }
  .video-el {
    margin-top: 2.66667vw;
    margin-bottom: 2.66667vw;
    text-align: left;
  }
  .video-el p {
    font-weight: 500;
  }
  .video-el p span {
    font-size: 3.1vw !important;
  }
  .video-el video {
    width: 100%;
  }
}

.care-manager-hikki__table {
  background: #fff;
  width: 100%;
  border: 1px solid #E3E3E3;
  border-collapse: collapse;
  table-layout: fixed;
}

.care-manager-hikki__table td {
  padding: 2rem;
  font-size: 2rem;
  border: 1px solid #E3E3E3;
  font-weight: 500;
  text-align: center;
}

.care-manager-hikki__table td.care-manager-hikki__table--td-last {
  text-align: left;
  font-size: 1.6rem;
  background: #E3E3E3;
}

.care-manager-hikki__flex {
  display: flex;
  align-items: flex-start;
  gap: 2rem;
}

.care-manager-hikki__box {
  width: calc((100% - 20px) /2);
  border: 1px solid #E3E3E3;
}

.care-manager-hikki__box-hd {
  padding: 1.2rem;
  font-size: 1.5rem;
  line-height: 1.46;
  text-align: center;
  background: #FFFFD3;
}

.care-manager-hikki__box-txt {
  padding: 2rem 1.5rem;
  font-size: 1.5rem;
  line-height: 1.8;
}

@media screen and (max-width: 767px), print {
  .care-manager-hikki__table td {
    display: block;
    padding: 4vw;
    font-size: 4.3vw;
  }

  .care-manager-hikki__table td.care-manager-hikki__table--td-last {
    text-align: center;
  }

  .care-manager-hikki__flex {
    flex-direction: column;
    gap: 4vw;
  }

  .care-manager-hikki__box {
    width: 100%;
  }

  .care-manager-hikki__box-hd {
    padding: 3.3vw;
    font-size: 3.8vw;
  }
  
  .care-manager-hikki__box-txt {
    padding: 4vw;
    font-size: 3.8vw;
  }
}