@charset "UTF-8";
/* Scss Document */
.sub .sttl span.purple {
  color: #87399F; }

/* 
---------------------------------------
#course-child01
---------------------------------------
*/
#course-child01 {
  padding: 4rem 0 12rem; }
  @media (max-width: 999px) {
    #course-child01 {
      padding: 2rem 0 0; } }
  #course-child01 .deco {
    display: block;
    width: max-content;
    border: 1px solid #333;
    font-size: 1.6rem;
    border-radius: 999px;
    background: #F2F3F4;
    padding: 1rem 2rem;
    line-height: 1.5;
    text-align: center;
    margin: 0 auto 6rem; }
    @media (max-width: 999px) {
      #course-child01 .deco {
        margin-bottom: 3rem;
        font-size: 1.4rem;
        padding: 0.5rem 2rem;
        line-height: 1.5;
        text-align: center; } }
    #course-child01 .deco strong {
      padding: 0 1rem;
      font-size: 2rem; }
      @media (max-width: 999px) {
        #course-child01 .deco strong {
          padding: 0 0.4rem;
          font-size: 1.6rem; } }
  #course-child01 .boxs {
    display: flex;
    justify-content: space-between;
    gap: 8rem; }
    @media (max-width: 999px) {
      #course-child01 .boxs {
        flex-direction: column;
        gap: 0; } }
    #course-child01 .boxs .box {
      width: 51rem; }
      @media (max-width: 999px) {
        #course-child01 .boxs .box {
          width: 100%;
          margin-bottom: 2rem; } }
    #course-child01 .boxs .pic {
      width: 60rem;
      border-radius: clamp(10px, 1.4285714286vw, 20px);
      height: auto; }
      @media (max-width: 999px) {
        #course-child01 .boxs .pic {
          width: 100%; } }
    #course-child01 .boxs .sttl {
      position: relative;
      font-size: 2.4rem;
      margin-bottom: 2rem; }
      @media (max-width: 999px) {
        #course-child01 .boxs .sttl {
          font-size: 1.8rem;
          margin-bottom: 1rem; } }
      #course-child01 .boxs .sttl span {
        position: relative;
        z-index: 1;
        background: #fff;
        padding-right: 2rem; }
      #course-child01 .boxs .sttl::before {
        content: '';
        width: 100%;
        height: 2px;
        background: #333;
        position: absolute;
        top: 50%;
        left: 0%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%); }
    #course-child01 .boxs .sttlBox {
      margin-bottom: 4rem; }
      @media (max-width: 999px) {
        #course-child01 .boxs .sttlBox {
          margin-bottom: 2rem; } }

/* 
---------------------------------------
#course-child02
---------------------------------------
*/
#course-child02 {
  background: #FFF5D3;
  padding: 12rem 0 0;
  position: relative;
  margin-top: 12rem; }
  @media (max-width: 999px) {
    #course-child02 {
      padding: 4rem 0 0; } }
  #course-child02 .inner_M {
    position: relative;
    padding-bottom: 16rem; }
    @media (max-width: 999px) {
      #course-child02 .inner_M {
        padding-bottom: 8rem; } }
  #course-child02 .wave {
    position: absolute;
    top: -12rem;
    width: 100%;
    height: auto; }
    @media (max-width: 999px) {
      #course-child02 .wave {
        top: -4rem; } }
  #course-child02 .ico {
    position: absolute; }
  #course-child02 .ico1_1 {
    width: 20rem;
    left: -12rem;
    top: -26rem; }
    @media (max-width: 999px) {
      #course-child02 .ico1_1 {
        width: 8rem;
        left: -1rem;
        top: -12rem; } }
  #course-child02 .ico1_2 {
    width: 7rem;
    left: 11rem;
    top: -20rem; }
    @media (max-width: 999px) {
      #course-child02 .ico1_2 {
        width: 3rem;
        left: 8rem;
        top: -9rem; } }
  #course-child02 .ico2_1 {
    width: 9rem;
    right: 8rem;
    top: -19rem; }
    @media (max-width: 999px) {
      #course-child02 .ico2_1 {
        width: 5rem;
        right: 5rem;
        top: -9rem; } }
  #course-child02 .ico2_2 {
    width: 6rem;
    right: -1rem;
    top: -17rem; }
    @media (max-width: 999px) {
      #course-child02 .ico2_2 {
        width: 4rem;
        right: 0rem;
        top: -8rem; } }
  #course-child02 .ico3 {
    width: 23rem;
    left: -12rem;
    bottom: 0; }
    @media (max-width: 999px) {
      #course-child02 .ico3 {
        width: 11rem;
        left: -1rem; } }
  #course-child02 .ico4 {
    width: 8rem;
    left: 10rem;
    bottom: -4rem; }
    @media (max-width: 999px) {
      #course-child02 .ico4 {
        width: 4rem;
        left: 9rem;
        bottom: -2rem; } }
  #course-child02 .ico5 {
    width: 13rem;
    right: -10rem;
    bottom: -4rem; }
    @media (max-width: 999px) {
      #course-child02 .ico5 {
        width: 6rem;
        right: 0rem;
        bottom: -2rem; } }
  #course-child02 .txt {
    text-align: center;
    font-size: 2.4rem;
    margin-bottom: 4rem; }
    @media (max-width: 999px) {
      #course-child02 .txt {
        font-size: 1.6rem;
        margin-bottom: 2rem; } }
  #course-child02 .boxs {
    display: flex;
    flex-wrap: wrap;
    gap: 4%; }
    @media (max-width: 999px) {
      #course-child02 .boxs {
        flex-direction: column; } }
    #course-child02 .boxs .box {
      width: 48%;
      background: #fff;
      border-radius: clamp(35px, 5vw, 70px);
      margin-bottom: 6rem;
      overflow: hidden; }
      @media (max-width: 999px) {
        #course-child02 .boxs .box {
          width: 100%;
          margin-bottom: 3rem; } }
    #course-child02 .boxs .sbox {
      padding: 4rem; }
      @media (max-width: 999px) {
        #course-child02 .boxs .sbox {
          padding: 2rem; } }
    #course-child02 .boxs .ttl {
      font-size: 2.6rem;
      padding: 0.5rem 3rem;
      background: #FFA100;
      border-radius: 999px;
      color: #fff;
      margin: -8rem auto 4rem;
      width: max-content;
      font-weight: 700;
      position: relative;
      z-index: 1; }
      @media (max-width: 999px) {
        #course-child02 .boxs .ttl {
          font-size: 1.8rem;
          padding: 0.5rem 2rem;
          margin: -5rem auto 1rem; } }
    #course-child02 .boxs .lead {
      position: relative;
      font-size: 1.2rem;
      margin-bottom: 0.5rem; }
      #course-child02 .boxs .lead span {
        position: relative;
        z-index: 1;
        background: #fff;
        padding-right: 2rem; }
      #course-child02 .boxs .lead::before {
        content: '';
        width: 100%;
        height: 2px;
        background: #F2F3F4;
        position: absolute;
        top: 50%;
        left: 0%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%); }
    #course-child02 .boxs dt {
      font-size: 1.6rem;
      color: #FFA100;
      font-weight: 700; }
  #course-child02 .sstxt {
    font-size: 1.6rem; }
    @media (max-width: 999px) {
      #course-child02 .sstxt {
        font-size: 1.4rem; } }

/* 
---------------------------------------
エントリー、アドバンス、スタンダード
---------------------------------------
*/
#course-child02 .cards {
  background: #fff;
  padding: 6rem;
  border-radius: clamp(25px, 3.5714285714vw, 50px);
  margin-bottom: 4rem; }
  @media (max-width: 999px) {
    #course-child02 .cards {
      padding: 3rem;
      margin-bottom: 2rem; } }
#course-child02 .boxs2 {
  margin-bottom: 8rem; }
  @media (max-width: 999px) {
    #course-child02 .boxs2 {
      margin-bottom: 3rem; } }
  #course-child02 .boxs2 .box {
    display: flex;
    justify-content: space-between;
    gap: 6rem; }
    @media (max-width: 999px) {
      #course-child02 .boxs2 .box {
        flex-direction: column;
        gap: 2rem; } }
  #course-child02 .boxs2 .ttlBox {
    position: relative;
    margin-bottom: 4rem; }
    @media (max-width: 999px) {
      #course-child02 .boxs2 .ttlBox {
        margin-bottom: 2rem; } }
    #course-child02 .boxs2 .ttlBox .ttl {
      font-size: 2.6rem;
      text-align: center;
      padding: 1rem 5rem;
      background: #FFCC26;
      display: flex;
      justify-content: center;
      align-items: center;
      width: max-content;
      margin: 0 auto;
      border-radius: 999px;
      font-weight: 700;
      position: relative;
      z-index: 1;
      line-height: 1.5; }
      @media (max-width: 999px) {
        #course-child02 .boxs2 .ttlBox .ttl {
          font-size: 1.8rem;
          padding: 0.5rem 2rem; } }
    #course-child02 .boxs2 .ttlBox span {
      content: '';
      width: 100%;
      height: 0.5rem;
      background: #FFCC26;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      z-index: 0; }
      @media (max-width: 999px) {
        #course-child02 .boxs2 .ttlBox span {
          height: 0.2rem;
          padding: 0.2rem 1rem; } }
  #course-child02 .boxs2 .pic {
    width: 50rem;
    height: 100%; }
    @media (max-width: 999px) {
      #course-child02 .boxs2 .pic {
        width: 100%; } }
  #course-child02 .boxs2 .txtBox {
    margin-top: 1rem;
    width: 51rem; }
    @media (max-width: 999px) {
      #course-child02 .boxs2 .txtBox {
        width: 100%;
        margin-top: 0; } }
  #course-child02 .boxs2 dl {
    margin-bottom: 2rem;
    padding-bottom: 2rem;
    border-bottom: 0.2rem solid #F2F3F4; }
    @media (max-width: 999px) {
      #course-child02 .boxs2 dl {
        margin-bottom: 1rem;
        padding-bottom: 1rem; } }
  #course-child02 .boxs2 dt {
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 1rem;
    color: #FFA100; }
    @media (max-width: 999px) {
      #course-child02 .boxs2 dt {
        font-size: 1.6rem;
        margin-bottom: 0.5rem; } }
    #course-child02 .boxs2 dt span {
      color: #fff;
      font-size: 1.6rem;
      padding: 0.4rem 2rem;
      line-height: 1;
      margin-right: 1rem;
      background: #FFA100;
      border-radius: 999px; }
      @media (max-width: 999px) {
        #course-child02 .boxs2 dt span {
          font-size: 1.2rem;
          padding: 0.2rem 1rem;
          margin-right: 0.5rem; } }
  #course-child02 .boxs2 dd {
    font-size: 1.6rem; }
    @media (max-width: 999px) {
      #course-child02 .boxs2 dd {
        font-size: 1.4rem; } }
#course-child02 .boxs2.last {
  margin-bottom: 0; }

.tabNav {
  display: flex;
  gap: 1rem;
  justify-content: center; }

.tabBtn {
  padding: 2rem 2rem;
  border-radius: clamp(25px, 3.5714285714vw, 50px) clamp(25px, 3.5714285714vw, 50px) clamp(0px, 0vw, 0px) clamp(0px, 0vw, 0px);
  background: #FFDB94;
  cursor: pointer;
  font-size: 2.8rem;
  border: none;
  font-weight: 700;
  width: 48rem; }
  @media (max-width: 999px) {
    .tabBtn {
      font-size: 1.6rem;
      width: 40%;
      padding: 1rem 2rem; } }

.tabBtn.is-active {
  background: #fff;
  /* 後期の薄い黄色っぽい色 */ }

.tabPanel {
  display: none; }

.tabPanel.is-active {
  display: block; }

.explorer #course-child02 .boxs dt {
  font-size: 2rem;
  margin-bottom: 1rem;
  line-height: 1.5; }
  @media (max-width: 999px) {
    .explorer #course-child02 .boxs dt {
      font-size: 1.6rem;
      margin-bottom: 0.5rem; } }

/* 
---------------------------------------
#course-child03
---------------------------------------
*/
#course-child03 {
  padding: 16rem 0;
  position: relative; }
  @media (max-width: 999px) {
    #course-child03 {
      padding: 6rem 0; } }
  #course-child03 .deco {
    position: absolute;
    z-index: -1; }
    @media (max-width: 999px) {
      #course-child03 .deco {
        display: none; } }
  #course-child03 .deco1 {
    width: 24rem;
    height: auto;
    top: 40rem;
    left: 2rem; }
  #course-child03 .deco3 {
    width: 10rem;
    height: auto;
    top: 40rem;
    right: 22rem; }
  #course-child03 .deco4 {
    width: 16rem;
    height: auto;
    top: 48rem;
    right: 4rem; }
  #course-child03 .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) {
      #course-child03 .btn {
        width: 37.3%; } }
    @media (max-width: 999px) {
      #course-child03 .btn {
        width: 90%;
        position: relative;
        z-index: 3;
        font-size: 16px;
        border-radius: clamp(10px, 1.4285714286vw, 20px);
        max-width: 375px; } }
  #course-child03 .btn:hover {
    box-shadow: 0 0 0 0 #005400;
    transform: translateY(-2px); }
  #course-child03 .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) {
      #course-child03 .btn p {
        font-size: 16px;
        border-radius: clamp(10px, 1.4285714286vw, 20px); } }
  #course-child03 .btn:hover p {
    background: #0e7bdb;
    color: #fff; }

#course-child03 .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) {
    #course-child03 .boxs {
      column-count: 1;
      margin-bottom: 30px; } }

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

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

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

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

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

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

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

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

#course-child03 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; }

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

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

/* 
---------------------------------------
#course-child04
---------------------------------------
*/
#course-child04 {
  padding: 16rem 0 22rem;
  background-image: url("../../wp/wp-content/themes/daikoku_260115/img/startup/04_bg.jpg");
  background-repeat: repeat;
  position: relative; }
  @media (max-width: 999px) {
    #course-child04 {
      padding: 8rem 0 6rem; } }
  #course-child04 .wave {
    position: absolute;
    bottom: -3rem;
    width: 100%;
    height: auto; }
    @media (max-width: 999px) {
      #course-child04 .wave {
        bottom: 0; } }
  #course-child04 .inner_M {
    position: relative; }
  #course-child04 .ico {
    position: absolute; }
  #course-child04 .ico1 {
    width: 7rem;
    left: -12rem;
    top: -21rem; }
    @media (max-width: 999px) {
      #course-child04 .ico1 {
        width: 3.5rem;
        left: 0rem;
        top: -11rem; } }
  #course-child04 .ico2 {
    width: 7rem;
    right: -12rem;
    top: -21rem; }
    @media (max-width: 999px) {
      #course-child04 .ico2 {
        width: 4rem;
        right: 0rem;
        top: -11rem; } }
  #course-child04 .box {
    background: #fff;
    border-radius: clamp(25px, 3.5714285714vw, 50px);
    padding: 4rem 6rem;
    display: flex;
    gap: 6rem;
    align-items: center;
    margin-bottom: 2rem; }
    @media (max-width: 999px) {
      #course-child04 .box {
        flex-direction: column;
        padding: 3rem;
        gap: 0; } }
  #course-child04 .number {
    width: 20rem;
    height: auto; }
    @media (max-width: 999px) {
      #course-child04 .number {
        width: 50%;
        margin: 0 0 2rem -3rem; } }
  #course-child04 dt {
    font-size: 2.4rem;
    font-weight: 900;
    margin-bottom: 1rem;
    line-height: 1.5; }
    @media (max-width: 999px) {
      #course-child04 dt {
        font-size: 1.8rem;
        margin-bottom: 0.5rem; } }
  #course-child04 dd {
    font-size: 1.6rem; }
    @media (max-width: 999px) {
      #course-child04 dd {
        font-size: 1.4rem; } }

/* 
---------------------------------------
#course-child05
---------------------------------------
*/
#course-child05 {
  padding: 10rem 0 0; }
  @media (max-width: 999px) {
    #course-child05 {
      padding: 6rem 0 0; } }
  #course-child05 .ttlDeco {
    font-size: 2rem;
    text-align: center;
    color: #FFA100; }
    @media (max-width: 999px) {
      #course-child05 .ttlDeco {
        font-size: 1.4rem; } }
  #course-child05 .ttl {
    font-size: 3.8rem;
    text-align: center; }
    @media (max-width: 999px) {
      #course-child05 .ttl {
        font-size: 2.4rem; } }
  #course-child05 .cards {
    display: flex;
    flex-wrap: nowrap;
    gap: 2rem; }
    @media (max-width: 999px) {
      #course-child05 .cards {
        flex-direction: column;
        gap: 3rem; } }
  #course-child05 .boxs {
    display: flex;
    flex-direction: column;
    width: 20%; }
    @media (max-width: 999px) {
      #course-child05 .boxs {
        width: 100%; } }
  #course-child05 .boxs2 .box {
    border: 0.6rem solid #1C3EA6; }
  #course-child05 .boxs3 .box {
    border: 0.6rem solid #01771D; }
  #course-child05 .boxs4 .box {
    border: 0.6rem solid #BC1010; }
  #course-child05 .boxs5 .box {
    border: 0.6rem solid #FFA100; }
  #course-child05 .box {
    padding: 2rem;
    border: 0.6rem solid #FFD44A;
    border-radius: clamp(0px, 0vw, 0px) clamp(0px, 0vw, 0px) clamp(25px, 3.5714285714vw, 50px) clamp(25px, 3.5714285714vw, 50px);
    margin-top: -1.5rem; }
    @media (min-width: 1000px) {
      #course-child05 .box {
        flex: 1;
        display: flex;
        flex-direction: column; } }
    @media (max-width: 999px) {
      #course-child05 .box {
        width: 100%;
        padding: 2rem;
        margin-top: -1.5rem; } }
  #course-child05 .deco {
    margin-bottom: 2rem;
    font-size: 1.2rem;
    border-radius: 10px;
    background: #F2F3F4;
    padding: 1rem 0rem;
    text-align: center;
    line-height: 1.5; }
    #course-child05 .deco strong {
      font-size: 1.2rem;
      text-align: center; }
  #course-child05 .txt {
    font-size: 1.6rem;
    margin-bottom: 2rem; }
    @media (max-width: 999px) {
      #course-child05 .txt {
        font-size: 1.4rem;
        margin-bottom: 1rem; } }
  #course-child05 .btn {
    display: block;
    text-align: center;
    position: relative;
    color: #fff;
    background: #0E7BDB;
    border-radius: 999px;
    padding: 1rem;
    font-size: 1.6rem;
    font-weight: 900; }
    @media (min-width: 1000px) {
      #course-child05 .btn {
        margin-top: auto; } }
    @media (max-width: 999px) {
      #course-child05 .btn {
        font-size: 1.4rem; } }
    #course-child05 .btn i {
      position: absolute;
      top: 50%;
      right: 1rem;
      transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%); }