/* Scss Document */
.sub .sttl span.purple {
  color: #87399F; }

/* 
---------------------------------------
#course01
---------------------------------------
*/
#course01 {
  position: relative;
  padding: 2rem 0 8rem; }
  @media (max-width: 999px) {
    #course01 {
      padding: 6rem 0 4rem; } }
  #course01 .txt {
    text-align: center; }
  #course01 .boxs1 {
    margin: 0 auto 4rem;
    position: relative; }
    @media (max-width: 999px) {
      #course01 .boxs1 .fig {
        width: 82%;
        height: auto;
        margin: 0 auto 4rem; } }
    #course01 .boxs1 .box {
      padding: 6rem 0;
      background: #FFF9E8;
      border-radius: clamp(25px, 3.5714285714vw, 50px); }
      @media (max-width: 999px) {
        #course01 .boxs1 .box {
          padding: 3rem 0;
          position: relative; } }
    #course01 .boxs1 .sttlBox {
      text-align: center;
      position: relative;
      max-width: 75rem;
      margin: 0 auto 4rem; }
      @media (max-width: 999px) {
        #course01 .boxs1 .sttlBox {
          margin: 0 auto 2rem; } }
    #course01 .boxs1 .sttl {
      font-size: 3.2rem;
      line-height: 1.5; }
      @media (max-width: 999px) {
        #course01 .boxs1 .sttl {
          font-size: 1.8rem; } }
    #course01 .boxs1 .deco {
      position: absolute;
      top: 0; }
      @media (max-width: 999px) {
        #course01 .boxs1 .deco {
          width: 3rem;
          top: 4rem; } }
    #course01 .boxs1 .deco.left {
      left: 0; }
      @media (max-width: 999px) {
        #course01 .boxs1 .deco.left {
          left: 0.4rem; } }
    #course01 .boxs1 .deco.right {
      right: 0; }
      @media (max-width: 999px) {
        #course01 .boxs1 .deco.right {
          right: 0.4rem; } }
    #course01 .boxs1 .stxt {
      font-size: 1.6rem;
      text-align: center;
      font-weight: 400; }
      @media (max-width: 999px) {
        #course01 .boxs1 .stxt {
          font-size: 1.4rem; } }
    @media (max-width: 999px) {
      #course01 .boxs1 .stxt2 {
        width: 88%;
        margin: 0 auto;
        text-align: left; } }
    #course01 .boxs1 .ico1 {
      position: absolute;
      top: 64%;
      left: -8vw;
      transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      width: 20rem; }
      @media (max-width: 999px) {
        #course01 .boxs1 .ico1 {
          display: none; } }
    #course01 .boxs1 .ico3 {
      position: absolute;
      right: 0rem;
      bottom: -6rem;
      width: 7rem; }
      @media (max-width: 999px) {
        #course01 .boxs1 .ico3 {
          right: 4rem;
          top: -2rem;
          width: 3.5rem;
          bottom: inherit; } }
    #course01 .boxs1 .ico4 {
      position: absolute;
      right: -11rem;
      bottom: -2rem;
      width: 8rem; }
      @media (max-width: 999px) {
        #course01 .boxs1 .ico4 {
          right: -2rem;
          top: -4rem;
          width: 4rem;
          bottom: inherit; } }
  #course01 .pics {
    display: flex;
    justify-content: center;
    flex-wrap: nowrap;
    gap: 3rem; }
    @media (max-width: 999px) {
      #course01 .pics {
        flex-direction: column;
        width: 88%;
        margin: 0 auto;
        gap: 1rem;
        margin-bottom: 2rem; } }
    #course01 .pics .pic {
      width: 38rem;
      height: auto; }

/* 
---------------------------------------
#course02
---------------------------------------
*/
#course02 {
  position: relative;
  padding-bottom: 12rem; }
  @media (max-width: 999px) {
    #course02 {
      padding-bottom: 2rem; } }
  #course02 .ico {
    position: absolute; }
  #course02 .ico4 {
    left: -16rem;
    top: 30rem;
    width: 9rem;
    height: auto; }
    @media (max-width: 999px) {
      #course02 .ico4 {
        display: none; } }
  #course02 .ico5 {
    left: -22rem;
    top: 42rem;
    width: 9rem;
    height: auto; }
    @media (max-width: 999px) {
      #course02 .ico5 {
        display: none; } }
  #course02 .ico2 {
    left: -28rem;
    bottom: 3rem;
    width: 24rem;
    height: auto; }
  #course02 .ico6 {
    right: -9rem;
    bottom: 6rem;
    width: 10rem;
    height: auto; }
    @media (max-width: 999px) {
      #course02 .ico6 {
        display: none; } }
  #course02 .ico7 {
    right: -25rem;
    bottom: 12rem;
    width: 16rem;
    height: auto; }
    @media (max-width: 999px) {
      #course02 .ico7 {
        display: none; } }
  #course02 .boxs {
    border: 0.6rem solid #FFD44A;
    display: flex;
    align-items: center;
    gap: 4rem;
    border-radius: clamp(25px, 3.5714285714vw, 50px);
    justify-content: space-between;
    margin-bottom: 4rem; }
    @media (max-width: 999px) {
      #course02 .boxs {
        flex-direction: column;
        gap: 2rem;
        margin-bottom: 3rem; } }
  #course02 .boxs2 {
    border: 0.6rem solid #1C3EA6; }
  #course02 .boxs3 {
    border: 0.6rem solid #01771D; }
  #course02 .boxs4 {
    border: 0.6rem solid #BC1010; }
  #course02 .boxs5 {
    border: 0.6rem solid #FFA100; }
  #course02 .ttlPic {
    width: 45rem;
    height: auto; }
    @media (max-width: 999px) {
      #course02 .ttlPic {
        width: 100%; } }
  #course02 .box {
    width: 64rem;
    padding: 4rem 6rem 4rem 0; }
    @media (max-width: 999px) {
      #course02 .box {
        width: 100%;
        padding: 0 2rem 3rem; } }
  #course02 .deco {
    display: inline-block;
    margin-bottom: 2rem;
    border: 1px solid #333;
    font-size: 1.4rem;
    border-radius: 999px;
    background: #F2F3F4;
    padding: 1rem 2rem; }
    @media (max-width: 999px) {
      #course02 .deco {
        margin-bottom: 1rem;
        font-size: 1rem;
        padding: 0.5rem 2rem;
        line-height: 1.5;
        text-align: center; } }
    #course02 .deco strong {
      padding: 0 1rem;
      font-size: 1.7rem; }
      @media (max-width: 999px) {
        #course02 .deco strong {
          padding: 0 0.4rem;
          font-size: 1.2rem; } }
  #course02 .txt {
    font-size: 1.6rem;
    margin-bottom: 4rem; }
    @media (max-width: 999px) {
      #course02 .txt {
        font-size: 1.4rem;
        margin-bottom: 2rem; } }
  #course02 .btn {
    display: block;
    text-align: center;
    position: relative;
    color: #fff;
    background: #0E7BDB;
    border-radius: 999px;
    padding: 1rem; }
    #course02 .btn i {
      position: absolute;
      top: 50%;
      right: 3rem;
      transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%); }

#course03 {
  padding: 16rem 0;
  background: #FFF5D3; }
  @media (max-width: 999px) {
    #course03 {
      padding: 6rem 0; } }
  #course03 .txt {
    text-align: center; }
    @media (max-width: 999px) {
      #course03 .txt {
        text-align: left; } }
  #course03 .btn {
    display: block;
    width: 440px;
    margin: 0 auto;
    text-align: center;
    border-radius: clamp(12.5px, 1.7857142857vw, 25px);
    box-shadow: 4px 4px 0 0 #0e7bdb;
    transform: translateY(-4px);
    transition: 0.3s all; }
    @media screen and (max-width: 1470px) and (min-width: 1000px) {
      #course03 .btn {
        width: 37.3%; } }
    @media (max-width: 999px) {
      #course03 .btn {
        width: 90%;
        position: relative;
        z-index: 3;
        font-size: 16px;
        border-radius: clamp(10px, 1.4285714286vw, 20px);
        max-width: 375px; } }
  #course03 .btn:hover {
    box-shadow: 0 0 0 0 #005400;
    transform: translateY(-2px); }
  #course03 .btn p {
    background: #fff;
    border: 4px solid #0E7BDB;
    border-radius: clamp(10px, 1.4285714286vw, 20px);
    color: #0e7bdb;
    font-size: 20px;
    font-family: Noto Sans JP, sans-serif;
    font-optical-sizing: auto;
    font-weight: 900;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    padding: 20px;
    white-space: nowrap; }
    @media (max-width: 999px) {
      #course03 .btn p {
        font-size: 16px;
        border-radius: clamp(10px, 1.4285714286vw, 20px); } }
  #course03 .btn:hover p {
    background: #0e7bdb;
    color: #fff; }

#course03 .boxs {
  column-count: 1;
  margin: 0 auto 6rem;
  background: #fff;
  border-radius: clamp(25px, 3.5714285714vw, 50px);
  border: 4px solid #FFD079;
  overflow: hidden; }
  @media (max-width: 999px) {
    #course03 .boxs {
      column-count: 1;
      margin-bottom: 30px; } }

@media (max-width: 999px) {
  #course03 dl {
    margin-bottom: 20px; } }

@media (max-width: 999px) {
  #course03 dl:last-child {
    margin-bottom: 0; } }

#course03 dt {
  font-size: 26px;
  text-align: center;
  padding: 20px;
  background: rgba(255, 161, 0, 0.1); }
  @media (max-width: 999px) {
    #course03 dt {
      font-size: 20px;
      padding: 10px; } }

#course03 dd {
  text-align: center;
  font-size: 30px;
  height: 135px; }
  @media (max-width: 999px) {
    #course03 dd {
      font-size: 22px;
      height: 80px; } }

#course03 dd small {
  font-size: 20px; }
  @media (max-width: 999px) {
    #course03 dd small {
      font-size: 14px; } }

#course03 dl:nth-child(2) dd .black {
  font-size: 40px; }
  @media (max-width: 999px) {
    #course03 dl:nth-child(2) dd .black {
      font-size: 32px; } }

@media (max-width: 999px) {
  #course03 dl:nth-child(3) dd .black {
    margin-bottom: 5px; } }

#course03 dl:nth-child(2) dd {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }

#course03 dl:nth-child(2) dd .entry {
  display: unset;
  font-size: 14px;
  font-family: Noto Sans JP, sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  -webkit-font-smoothing: antialiased; }

#course03 dl:last-child dd {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }

#course03 dd span {
  display: block;
  font-size: 14px; }

/* 
---------------------------------------
course04
---------------------------------------
*/
#course04 {
  position: relative;
  background: #FFCC26;
  padding: 16rem 0 8rem; }
  @media (max-width: 999px) {
    #course04 {
      padding: 6rem 0 4rem; } }
  #course04 .inner_M {
    position: relative; }
  #course04 .ico {
    position: absolute; }
  #course04 .ico1 {
    left: -8rem;
    top: -20rem;
    width: 16rem;
    height: auto; }
    @media (max-width: 999px) {
      #course04 .ico1 {
        left: 0rem;
        top: -8rem;
        width: 7rem;
        height: auto; } }
  #course04 .ico2 {
    right: -8rem;
    top: -30rem;
    width: 20rem;
    height: auto; }
    @media (max-width: 999px) {
      #course04 .ico2 {
        right: 0rem;
        top: -11rem;
        width: 8rem;
        height: auto; } }
  #course04 .bgDeco {
    background: url(../../wp/wp-content/themes/daikoku_260115/img/04_bg_deco.png) repeat-y top center;
    background-size: 95%; }
  #course04 .boxs2 {
    border-radius: clamp(25px, 3.5714285714vw, 50px);
    background: #FFF9E8;
    padding: 10rem 4vw 10rem;
    position: relative; }
    @media (max-width: 999px) {
      #course04 .boxs2 {
        padding: 4rem 2rem;
        max-width: 38rem;
        margin: 0 auto 3rem; } }
    #course04 .boxs2 .sttl {
      font-size: 3.2rem;
      text-align: center;
      background: #FFF9E8;
      color: #FFA100;
      margin-top: -7rem;
      width: max-content;
      margin: -7rem auto 4rem;
      padding: 0 6rem; }
      @media (max-width: 999px) {
        #course04 .boxs2 .sttl {
          font-size: 2rem;
          padding: 1rem 0.4rem;
          margin: -6.6rem auto 1rem;
          line-height: 1.5; } }
    #course04 .boxs2 .box {
      padding: 4rem 6rem;
      border-radius: clamp(25px, 3.5714285714vw, 50px);
      border: 0.6rem solid #FFCC26;
      margin-bottom: 8rem; }
      @media (max-width: 999px) {
        #course04 .boxs2 .box {
          padding: 4rem 2rem 0;
          margin-bottom: 4rem;
          border: 0.3rem solid #FFCC26; } }
      @media (max-width: 999px) {
        #course04 .boxs2 .box .stxt {
          font-size: 1.4rem;
          margin-bottom: 4rem; } }
    #course04 .boxs2 .box.last {
      margin-bottom: 0; }
    #course04 .boxs2 .pics {
      margin-bottom: 4rem; }
    #course04 .boxs2 .pics.pics2,
    #course04 .boxs2 .pics.pics3 {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 4rem; }
      @media (max-width: 999px) {
        #course04 .boxs2 .pics.pics2,
        #course04 .boxs2 .pics.pics3 {
          flex-direction: column;
          gap: 1rem;
          margin-bottom: 2rem; } }
      #course04 .boxs2 .pics.pics2 .pic,
      #course04 .boxs2 .pics.pics3 .pic {
        width: 38rem; }
        @media (max-width: 999px) {
          #course04 .boxs2 .pics.pics2 .pic,
          #course04 .boxs2 .pics.pics3 .pic {
            width: 100%;
            height: auto; } }
  #course04 .cards {
    display: flex;
    gap: 3rem; }
    @media (max-width: 999px) {
      #course04 .cards {
        flex-direction: column;
        gap: 2rem;
        width: 88%;
        margin: 0 auto 4rem; } }
    #course04 .cards .pic {
      border-radius: clamp(10px, 1.4285714286vw, 20px); }
  #course04 .dotto {
    position: absolute;
    width: 2.8rem;
    height: 2.8rem;
    background: #ff9800;
    border-radius: 50%; }
    @media (max-width: 999px) {
      #course04 .dotto {
        width: 1.5rem;
        height: 1.5rem; } }
  #course04 .dotto1 {
    top: 4rem;
    left: 4rem; }
  #course04 .dotto2 {
    top: 4rem;
    right: 4rem; }
  #course04 .dotto3 {
    bottom: 4rem;
    right: 4rem; }
  #course04 .dotto4 {
    bottom: 4rem;
    left: 4rem; }
  @media (max-width: 999px) {
    #course04 .dotto1 {
      top: 2rem;
      left: 2rem; }
    #course04 .dotto2 {
      top: 2rem;
      right: 2rem; }
    #course04 .dotto3 {
      bottom: 2rem;
      right: 2rem; }
    #course04 .dotto4 {
      bottom: 2rem;
      left: 2rem; } }
  #course04 .ssttl, #course04 .sstxt {
    font-size: 1.6rem; }
    @media (max-width: 999px) {
      #course04 .ssttl, #course04 .sstxt {
        font-size: 1.4rem; } }
  #course04 .wave.top {
    position: absolute;
    top: -0.7vw; }

/* 
---------------------------------------
course05
---------------------------------------
*/
#course05 {
  padding: 16rem 0;
  background-image: url("../../wp/wp-content/themes/daikoku_260115/img/course/05_bg.png");
  background-repeat: repeat;
  position: relative; }
  @media (max-width: 999px) {
    #course05 {
      padding: 8rem 0 6rem; } }
  #course05 .inner_M {
    position: relative; }
  #course05 .ico {
    position: absolute; }
  #course05 .ico1 {
    top: -24rem;
    left: -19rem;
    width: 20rem;
    height: auto; }
    @media (max-width: 999px) {
      #course05 .ico1 {
        display: none; } }
  #course05 .ico2 {
    top: -26rem;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 20rem;
    height: auto; }
    @media (max-width: 999px) {
      #course05 .ico2 {
        top: -13rem;
        width: 10rem; } }
  #course05 .ico3 {
    top: -22rem;
    right: -16rem;
    width: 11rem;
    height: auto; }
    @media (max-width: 999px) {
      #course05 .ico3 {
        display: none; } }
  #course05 .ico4 {
    bottom: -6rem;
    left: 20rem;
    width: 22rem;
    height: auto; }
    @media (max-width: 999px) {
      #course05 .ico4 {
        display: none; } }
  #course05 .ico5 {
    bottom: -6rem;
    right: 20rem;
    width: 24rem;
    height: auto; }
    @media (max-width: 999px) {
      #course05 .ico5 {
        display: none; } }
  #course05 .bnr img {
    width: 80rem;
    margin: 0 auto;
    height: auto;
    display: flex; }
    @media (max-width: 999px) {
      #course05 .bnr img {
        width: 90%; } }
  #course05 .boxs {
    padding: 6rem;
    background: #fff;
    border: 0.6rem solid #F2F3F4;
    border-radius: clamp(25px, 3.5714285714vw, 50px); }
    @media (max-width: 999px) {
      #course05 .boxs {
        padding: 3rem;
        border: 0.3rem solid #F2F3F4; } }
    #course05 .boxs .box {
      margin-bottom: 4rem;
      padding-bottom: 4rem;
      border-bottom: 0.6rem solid #F2F3F4; }
      @media (max-width: 999px) {
        #course05 .boxs .box {
          border-bottom: 0.3rem solid #F2F3F4;
          margin-bottom: 2rem;
          padding-bottom: 2rem; } }
    #course05 .boxs .box3 {
      border-bottom: none;
      margin-bottom: 0;
      padding-bottom: 0; }
    #course05 .boxs .ttl {
      font-size: 3.2rem;
      line-height: 1.5;
      margin-bottom: 2rem; }
      @media (max-width: 999px) {
        #course05 .boxs .ttl {
          font-size: 2.2rem;
          margin-bottom: 1rem; } }
    #course05 .boxs .txt {
      font-size: 1.6rem; }
      @media (max-width: 999px) {
        #course05 .boxs .txt {
          font-size: 1.4rem; } }
    #course05 .boxs .box2, #course05 .boxs .box3 {
      display: flex;
      justify-content: space-between;
      gap: 4rem;
      align-items: flex-end; }
      @media (max-width: 999px) {
        #course05 .boxs .box2, #course05 .boxs .box3 {
          flex-direction: column;
          gap: 2rem; } }
    #course05 .boxs .txtBox {
      width: 58rem; }
      @media (max-width: 999px) {
        #course05 .boxs .txtBox {
          width: 100%; } }
    #course05 .boxs .btn {
      color: #fff;
      font-size: 1.8rem;
      font-weight: 700;
      text-align: center;
      padding: 2rem 0;
      border-radius: 999px;
      background: #0E7BDB;
      width: 35rem; }
      @media (max-width: 999px) {
        #course05 .boxs .btn {
          width: 100%;
          padding: 1rem 0;
          font-size: 1.4rem; } }
      #course05 .boxs .btn i {
        margin-right: 1rem; }

/* 
---------------------------------------
course06
---------------------------------------
*/
#course06 {
  padding: 16rem 0; }
  @media (max-width: 999px) {
    #course06 {
      padding: 6rem 0 4rem; } }
  #course06 .txt1 {
    text-align: center; }
    @media (max-width: 999px) {
      #course06 .txt1 {
        margin-bottom: 4rem; } }
  #course06 .inner_M {
    position: relative; }
    #course06 .inner_M::before {
      content: '';
      border-left: 0.2rem dashed #FFA100;
      position: absolute;
      left: 5.8rem;
      top: 35rem;
      height: 65%;
      z-index: -1; }
      @media (max-width: 999px) {
        #course06 .inner_M::before {
          display: none; } }
  #course06 .boxs {
    display: flex;
    justify-content: space-between;
    gap: 4rem;
    align-items: flex-start;
    margin-bottom: 4rem; }
    @media (max-width: 999px) {
      #course06 .boxs {
        gap: 2rem;
        position: relative; } }
    #course06 .boxs .number {
      width: 12rem;
      height: auto; }
      @media (max-width: 999px) {
        #course06 .boxs .number {
          width: 7rem;
          height: auto;
          position: absolute;
          left: 0;
          top: -2rem; } }
    #course06 .boxs .box {
      width: 104rem;
      padding: 6rem;
      border-radius: clamp(25px, 3.5714285714vw, 50px);
      background: #FFF9E8; }
      @media (max-width: 999px) {
        #course06 .boxs .box {
          width: 100%;
          padding: 3rem; } }
    #course06 .boxs .ttl {
      font-size: 3.2rem;
      line-height: 1.5;
      margin-bottom: 2rem; }
      @media (max-width: 999px) {
        #course06 .boxs .ttl {
          font-size: 2.2rem;
          margin-bottom: 1rem;
          text-align: center; } }
    #course06 .boxs .txt {
      font-size: 1.6rem; }
      @media (max-width: 999px) {
        #course06 .boxs .txt {
          font-size: 1.4rem; } }
  #course06 .btn {
    display: block;
    width: 44rem;
    margin-top: 2rem;
    text-align: center;
    border-radius: clamp(12.5px, 1.7857142857vw, 25px);
    box-shadow: 4px 4px 0 0 #0e7bdb;
    transform: translateY(-4px);
    transition: 0.3s all; }
    @media (max-width: 999px) {
      #course06 .btn {
        width: 100%;
        position: relative;
        z-index: 3;
        font-size: 16px;
        border-radius: clamp(10px, 1.4285714286vw, 20px);
        max-width: 375px; } }
  #course06 .btn:hover {
    box-shadow: 0 0 0 0 #005400;
    transform: translateY(-2px); }
  #course06 .btn p {
    background: #fff;
    border: 4px solid #0E7BDB;
    border-radius: clamp(10px, 1.4285714286vw, 20px);
    color: #0e7bdb;
    font-size: 20px;
    font-family: Noto Sans JP, sans-serif;
    font-optical-sizing: auto;
    font-weight: 900;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    padding: 20px;
    white-space: nowrap; }
    @media (max-width: 999px) {
      #course06 .btn p {
        font-size: 16px;
        border-radius: clamp(10px, 1.4285714286vw, 20px); } }
  #course06 .btn:hover p {
    background: #0e7bdb;
    color: #fff; }

/* 
---------------------------------------
course07
---------------------------------------
*/
#course07 {
  padding: 10rem 0 20rem;
  position: relative;
  background: #FFCC26; }
  @media (max-width: 999px) {
    #course07 {
      padding: 6rem 0 20rem; } }
  #course07 .inner_M {
    position: relative; }
  #course07 .ico {
    position: absolute; }
  #course07 .ico1 {
    top: -21rem;
    left: -10rem;
    width: 10rem; }
    @media (max-width: 999px) {
      #course07 .ico1 {
        top: -10rem;
        left: 0rem;
        width: 6rem; } }
  #course07 .ico2 {
    top: -30rem;
    right: -10rem;
    width: 20rem; }
    @media (max-width: 999px) {
      #course07 .ico2 {
        top: -13rem;
        right: 0rem;
        width: 9rem; } }
  #course07 .ico3 {
    top: -6rem;
    left: -16rem;
    width: 9rem; }
    @media (max-width: 999px) {
      #course07 .ico3 {
        display: none; } }
  #course07 .ico4 {
    top: 30rem;
    right: -16rem;
    width: 10rem; }
    @media (max-width: 999px) {
      #course07 .ico4 {
        display: none; } }
  #course07 .bg {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: auto;
    z-index: 0; }
  #course07 .txt1 {
    text-align: center; }
  #course07 .wave {
    position: absolute;
    top: -6rem;
    width: 100%;
    height: auto; }
    @media (max-width: 999px) {
      #course07 .wave {
        top: -2rem; } }
  #course07 .boxs {
    display: flex;
    justify-content: space-between;
    gap: 6rem;
    margin-bottom: 6rem; }
    @media (max-width: 999px) {
      #course07 .boxs {
        flex-direction: column;
        gap: 4rem;
        margin-bottom: 4rem; } }
    #course07 .boxs .box {
      border-radius: clamp(25px, 3.5714285714vw, 50px);
      background: #fff;
      padding: 6rem 3rem;
      width: 57rem; }
      @media (max-width: 999px) {
        #course07 .boxs .box {
          width: 100%;
          padding: 3rem 2rem; } }
    #course07 .boxs dd {
      padding: 2rem 0;
      border-bottom: 0.2rem dashed #FFD079;
      font-size: 1.6rem; }
      @media (max-width: 999px) {
        #course07 .boxs dd {
          font-size: 1.4rem; } }
    #course07 .boxs dt {
      color: #FFA100;
      border-bottom: 0.4rem solid;
      padding-bottom: 1rem;
      font-size: 2.4rem; }
      @media (max-width: 999px) {
        #course07 .boxs dt {
          font-size: 1.8rem; } }
    #course07 .boxs .deco {
      margin-top: -10rem; }
  #course07 .pics {
    display: flex;
    justify-content: space-between;
    gap: 3rem;
    position: relative; }
    @media (max-width: 999px) {
      #course07 .pics {
        flex-direction: column; } }
    #course07 .pics .pic {
      width: 38rem;
      height: auto;
      border-radius: clamp(10px, 1.4285714286vw, 20px); }
      @media (max-width: 999px) {
        #course07 .pics .pic {
          width: 100%; } }

/* 
---------------------------------------
course08
---------------------------------------
*/
#course08 {
  margin-top: -15rem; }
  #course08 .btn2 {
    position: relative;
    z-index: 5;
    display: block;
    margin: 0 auto;
    text-align: center;
    border-radius: clamp(25px, 3.5714285714vw, 50px);
    box-shadow: 6px 6px 0 0 #0E7BDB;
    transform: translateY(-4px);
    transition: 0.3s all; }
    @media (max-width: 999px) {
      #course08 .btn2 {
        margin: 0 auto;
        border-radius: clamp(12.5px, 1.7857142857vw, 25px);
        width: 90%;
        max-width: 375px; } }
  #course08 .btn2:hover {
    box-shadow: 0 0 0 0 #0E7BDB;
    transform: translateY(-2px); }
  #course08 .btn2 .outer {
    position: relative;
    background: #fff;
    border: 4px solid #0E7BDB;
    border-radius: clamp(25px, 3.5714285714vw, 50px);
    color: #0e7bdb;
    overflow: hidden; }
    @media (max-width: 999px) {
      #course08 .btn2 .outer {
        border-radius: clamp(10px, 1.4285714286vw, 20px); } }
  #course08 .btn2 .circle {
    background-color: #0E7BDB;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 30px; }
    @media screen and (max-width: 1300px) and (min-width: 1000px) {
      #course08 .btn2 .circle {
        width: 60px;
        height: 60px;
        margin-left: 20px; } }
    @media (max-width: 999px) {
      #course08 .btn2 .circle {
        width: 35px;
        height: 35px;
        margin-left: 10px; } }
  #course08 .btn2 .circle i {
    font-size: 20px;
    color: #fff; }
    @media (max-width: 999px) {
      #course08 .btn2 .circle i {
        font-size: 10px; } }
  #course08 .btn2 .outer img {
    display: block; }
  #course08 .btn2 .txtBox {
    position: absolute;
    z-index: 6;
    right: 9%;
    top: 55%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateX(-50%); }
    @media screen and (max-width: 1300px) and (min-width: 1000px) {
      #course08 .btn2 .txtBox {
        right: 5%; } }
    @media (max-width: 999px) {
      #course08 .btn2 .txtBox {
        width: 100%;
        top: 77%;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -moz-transform: translateX(-50%, -50%); } }
  #course08 .btn2 .txtBox .TrialTxt1 {
    font-size: 48px;
    margin-bottom: 10px;
    font-family: Noto Sans JP, sans-serif;
    font-optical-sizing: auto;
    font-weight: 900;
    font-style: normal;
    -webkit-font-smoothing: antialiased; }
    @media screen and (max-width: 1300px) and (min-width: 1000px) {
      #course08 .btn2 .txtBox .TrialTxt1 {
        font-size: 44px;
        margin-bottom: 10px; } }
    @media (max-width: 999px) {
      #course08 .btn2 .txtBox .TrialTxt1 {
        font-size: 32px;
        margin-bottom: 10px; } }
  #course08 .btn2 .txtBox .TrialTxt1 span {
    color: #2B9A33; }
  #course08 .btn2 .txtBox .TrialTxt2 {
    display: flex;
    justify-content: center;
    align-items: center; }
  #course08 .btn2 .txtBox .TrialTxt2 p {
    font-size: 20px;
    color: #0E7BDB;
    font-family: Noto Sans JP, sans-serif;
    font-optical-sizing: auto;
    font-weight: 900;
    font-style: normal;
    -webkit-font-smoothing: antialiased; }
    @media screen and (max-width: 1300px) and (min-width: 1000px) {
      #course08 .btn2 .txtBox .TrialTxt2 p {
        font-size: 16px; } }
    @media (max-width: 999px) {
      #course08 .btn2 .txtBox .TrialTxt2 p {
        font-size: 16px; } }
  #course08 .btn2 .txtBox .TrialTxt3 {
    font-family: Noto Sans JP, sans-serif;
    font-optical-sizing: auto;
    font-weight: 900;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    margin-bottom: 16px; }
    @media (max-width: 999px) {
      #course08 .btn2 .txtBox .TrialTxt3 {
        font-size: 12px;
        margin-bottom: 10px; } }