@charset "UTF-8";
/* CSS Document */
#ul-header {
  margin-bottom: 10rem; }
  #ul-header .container .ul-img {
    background-image: url(../img/ul-header02.jpg); }

#wrapper {
  overflow-x: hidden; }

#lowerlayer-nav div.d-flex {
  flex-wrap: wrap;
  justify-content: space-between; }
#lowerlayer-nav .general-course, #lowerlayer-nav .lifebusiness-course {
  width: 48%; }
  @media screen and (max-width: 575px) {
    #lowerlayer-nav .general-course, #lowerlayer-nav .lifebusiness-course {
      width: 100%;
      margin-bottom: 2rem; } }
  #lowerlayer-nav .general-course a.green-btn, #lowerlayer-nav .general-course a.blue-btn, #lowerlayer-nav .lifebusiness-course a.green-btn, #lowerlayer-nav .lifebusiness-course a.blue-btn {
    font-size: 18px;
    font-size: 1.8rem;
    position: relative;
    background-color: #00AE64;
    color: #fff;
    border-radius: 1rem;
    padding: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s; }
    @media screen and (max-width: 575px) {
      #lowerlayer-nav .general-course a.green-btn, #lowerlayer-nav .general-course a.blue-btn, #lowerlayer-nav .lifebusiness-course a.green-btn, #lowerlayer-nav .lifebusiness-course a.blue-btn {
        font-size: 16px;
        font-size: 1.6rem; } }
    #lowerlayer-nav .general-course a.green-btn::after, #lowerlayer-nav .general-course a.blue-btn::after, #lowerlayer-nav .lifebusiness-course a.green-btn::after, #lowerlayer-nav .lifebusiness-course a.blue-btn::after {
      font-family: "Font Awesome 5 Free";
      content: '\f063';
      font-weight: 900;
      color: #fff;
      position: absolute;
      right: 2rem; }
    #lowerlayer-nav .general-course a.green-btn:hover, #lowerlayer-nav .general-course a.blue-btn:hover, #lowerlayer-nav .lifebusiness-course a.green-btn:hover, #lowerlayer-nav .lifebusiness-course a.blue-btn:hover {
      background-color: rgba(0, 174, 100, 0.2);
      color: #00AE64; }
      #lowerlayer-nav .general-course a.green-btn:hover::after, #lowerlayer-nav .general-course a.blue-btn:hover::after, #lowerlayer-nav .lifebusiness-course a.green-btn:hover::after, #lowerlayer-nav .lifebusiness-course a.blue-btn:hover::after {
        color: #00AE64; }
  #lowerlayer-nav .general-course ul, #lowerlayer-nav .lifebusiness-course ul {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap; }
    #lowerlayer-nav .general-course ul li, #lowerlayer-nav .lifebusiness-course ul li {
      width: 31%;
      margin: 0.5em 5% 0; }
      @media screen and (max-width: 1199px) {
        #lowerlayer-nav .general-course ul li, #lowerlayer-nav .lifebusiness-course ul li {
          width: 40%; } }
      @media screen and (max-width: 767px) {
        #lowerlayer-nav .general-course ul li, #lowerlayer-nav .lifebusiness-course ul li {
          width: 60%; } }
      #lowerlayer-nav .general-course ul li a, #lowerlayer-nav .lifebusiness-course ul li a {
        position: relative;
        color: #000;
        font-size: 15px;
        font-size: 1.5rem;
        display: flex;
        align-items: center;
        transition: 0.3s; }
        #lowerlayer-nav .general-course ul li a:hover, #lowerlayer-nav .lifebusiness-course ul li a:hover {
          color: #00AE64; }
        #lowerlayer-nav .general-course ul li a::before, #lowerlayer-nav .lifebusiness-course ul li a::before {
          content: '●';
          font-weight: 900;
          color: rgba(0, 174, 100, 0.5);
          padding-right: 0.5rem; }
        #lowerlayer-nav .general-course ul li a::after, #lowerlayer-nav .lifebusiness-course ul li a::after {
          font-family: "Font Awesome 5 Free";
          content: '\f063';
          font-weight: 900;
          color: #00AE64;
          position: absolute;
          right: 0; }
      @media screen and (max-width: 767px) {
        #lowerlayer-nav .general-course ul li:nth-child(1), #lowerlayer-nav .lifebusiness-course ul li:nth-child(1) {
          order: 1; } }
      @media screen and (max-width: 767px) {
        #lowerlayer-nav .general-course ul li:nth-child(2), #lowerlayer-nav .lifebusiness-course ul li:nth-child(2) {
          order: 3; } }
      @media screen and (max-width: 767px) {
        #lowerlayer-nav .general-course ul li:nth-child(3), #lowerlayer-nav .lifebusiness-course ul li:nth-child(3) {
          order: 2; } }
      @media screen and (max-width: 767px) {
        #lowerlayer-nav .general-course ul li:nth-child(4), #lowerlayer-nav .lifebusiness-course ul li:nth-child(4) {
          order: 4; } }
@media screen and (max-width: 575px) {
  #lowerlayer-nav .lifebusiness-course {
    margin-bottom: 0; } }
#lowerlayer-nav .lifebusiness-course a.blue-btn {
  background-color: #1DA9DA; }
  #lowerlayer-nav .lifebusiness-course a.blue-btn:hover {
    background-color: rgba(29, 169, 218, 0.2);
    color: #1DA9DA; }
    #lowerlayer-nav .lifebusiness-course a.blue-btn:hover::after {
      color: #1DA9DA; }
#lowerlayer-nav .lifebusiness-course ul li {
  width: 37%;
  margin: 0.5em 10% 0; }
  @media screen and (max-width: 1199px) {
    #lowerlayer-nav .lifebusiness-course ul li {
      width: 50%; } }
  @media screen and (max-width: 767px) {
    #lowerlayer-nav .lifebusiness-course ul li {
      width: 70%; } }
  @media screen and (max-width: 575px) {
    #lowerlayer-nav .lifebusiness-course ul li {
      width: 60%; } }
  #lowerlayer-nav .lifebusiness-course ul li a:hover {
    color: #1DA9DA; }
  #lowerlayer-nav .lifebusiness-course ul li a::before {
    color: rgba(29, 169, 218, 0.5); }
  #lowerlayer-nav .lifebusiness-course ul li a::after {
    color: #1DA9DA; }

#courses-pdf .courses-pdf_bg {
  margin: 6rem 0;
  background-color: #F6F6F6;
  padding-bottom: 5rem; }
  @media screen and (max-width: 575px) {
    #courses-pdf .courses-pdf_bg {
      margin: 4rem 0;
      margin-bottom: 0; } }
  #courses-pdf .courses-pdf_bg h3 {
    padding-top: 5rem; }

.title-blueline {
  font-size: 27px;
  font-size: 2.7rem;
  font-weight: 700;
  position: relative;
  margin-bottom: 6rem; }
  .title-blueline::after {
    content: '';
    display: block;
    width: 55px;
    height: 2px;
    background-color: #4170D9;
    position: absolute;
    bottom: -2.5rem;
    left: 0; }

@media screen and (max-width: 575px) {
  #general-course, #lifebusiness-course {
    margin-top: 0; } }
#general-course h3, #lifebusiness-course h3 {
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: repeating-linear-gradient(315deg, #00ae64, #00ae64 5px, #4cc692 5px, #4cc692 7px);
  font-size: 35px;
  font-size: 3.5rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  border-radius: 1.5rem;
  color: #fff;
  width: 40%;
  padding: 3rem 0;
  margin: auto;
  flex-wrap: wrap; }
  @media screen and (max-width: 1199px) {
    #general-course h3, #lifebusiness-course h3 {
      padding: 2.5rem 0;
      width: 45%; } }
  @media screen and (max-width: 767px) {
    #general-course h3, #lifebusiness-course h3 {
      font-size: 30px;
      font-size: 3rem;
      padding: 2rem 0;
      width: 50%; } }
  @media screen and (max-width: 575px) {
    #general-course h3, #lifebusiness-course h3 {
      width: 90%; } }
  #general-course h3 span, #lifebusiness-course h3 span {
    width: 100%;
    text-align: center;
    font-size: 16px;
    font-size: 1.6rem;
    font-family: "Cabin", sans-serif;
    letter-spacing: 0.075em;
    display: block;
    margin-top: 1rem; }
    @media screen and (max-width: 767px) {
      #general-course h3 span, #lifebusiness-course h3 span {
        font-size: 14px;
        font-size: 1.4rem;
        margin-top: 0.5rem; } }
  #general-course h3::before, #lifebusiness-course h3::before {
    content: '';
    display: block;
    width: 25%;
    height: 3px;
    background-color: #00AE64;
    position: absolute;
    left: 5%; }
    @media screen and (max-width: 1199px) {
      #general-course h3::before, #lifebusiness-course h3::before {
        width: 23%; } }
    @media screen and (max-width: 767px) {
      #general-course h3::before, #lifebusiness-course h3::before {
        width: 20%; } }
    @media screen and (max-width: 575px) {
      #general-course h3::before, #lifebusiness-course h3::before {
        display: none; } }
  #general-course h3::after, #lifebusiness-course h3::after {
    content: '';
    display: block;
    width: 25%;
    height: 3px;
    background-color: #00AE64;
    position: absolute;
    right: 5%; }
    @media screen and (max-width: 1199px) {
      #general-course h3::after, #lifebusiness-course h3::after {
        width: 23%; } }
    @media screen and (max-width: 767px) {
      #general-course h3::after, #lifebusiness-course h3::after {
        width: 20%; } }
    @media screen and (max-width: 575px) {
      #general-course h3::after, #lifebusiness-course h3::after {
        display: none; } }
  #general-course h3 + p, #lifebusiness-course h3 + p {
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 500;
    text-align: center;
    margin-top: 3rem; }
    @media screen and (max-width: 767px) {
      #general-course h3 + p, #lifebusiness-course h3 + p {
        padding-right: 15px;
        padding-left: 15px;
        max-width: 540px;
        margin: 3rem auto 0;
        text-align: justify; } }
    @media screen and (max-width: 575px) {
      #general-course h3 + p, #lifebusiness-course h3 + p {
        font-size: 16px;
        font-size: 1.6rem; } }

.course-block {
  background-color: #F6F6F6;
  position: relative;
  padding: 8rem;
  margin-top: 8rem; }
  @media screen and (max-width: 991px) {
    .course-block {
      padding: 8rem 6rem 6rem; } }
  @media screen and (max-width: 767px) {
    .course-block {
      padding: 6rem 4rem 4rem; } }
  @media screen and (max-width: 575px) {
    .course-block {
      padding: 6rem 2rem 4rem;
      margin-top: 7rem; } }
  .course-block::before {
    content: '';
    display: block;
    width: 55px;
    height: 60px;
    clip-path: polygon(0 0, 0 100%, 100% 0);
    background-color: #00AE64;
    position: absolute;
    left: 0;
    top: 0; }
  .course-block::after {
    content: '';
    display: block;
    width: 55px;
    height: 60px;
    clip-path: polygon(100% 0, 100% 100%, 0 100%);
    background-color: #00AE64;
    position: absolute;
    right: 0;
    bottom: 0; }
  .course-block .course-block-title {
    display: flex;
    justify-content: center; }
    .course-block .course-block-title h4 {
      background-color: #fff;
      border: 2px solid #000;
      font-size: 29px;
      font-size: 2.9rem;
      font-weight: 700;
      color: #00AE64;
      padding: 1.5rem 4rem;
      display: inline-block;
      text-align: center;
      position: absolute;
      top: -30px;
      filter: drop-shadow(4px 4px 0px rgba(29, 169, 218, 0.6)); }
      @media screen and (max-width: 767px) {
        .course-block .course-block-title h4 {
          font-size: 25px;
          font-size: 2.5rem; } }
      @media screen and (max-width: 575px) {
        .course-block .course-block-title h4 {
          top: -20px;
          padding: 1rem 2rem 1.2rem; } }
      .course-block .course-block-title h4 i {
        color: #1DA9DA;
        padding-right: 1rem; }
        @media screen and (max-width: 575px) {
          .course-block .course-block-title h4 i {
            padding-right: 0.5rem; } }
  .course-block ol {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 5rem; }
    @media screen and (max-width: 575px) {
      .course-block ol {
        margin-top: 3rem; } }
    .course-block ol li {
      width: 48%; }
      @media screen and (max-width: 767px) {
        .course-block ol li {
          width: 100%;
          margin-bottom: 5rem; } }
      @media screen and (max-width: 575px) {
        .course-block ol li {
          margin-bottom: 3rem; } }
      .course-block ol li figure, .course-block ol li .youtube-block {
        position: relative; }
        @media screen and (max-width: 767px) {
          .course-block ol li figure, .course-block ol li .youtube-block {
            margin-bottom: 2rem; } }
        @media screen and (max-width: 575px) {
          .course-block ol li figure, .course-block ol li .youtube-block {
            margin-bottom: 2rem; } }
        .course-block ol li figure figcaption, .course-block ol li figure p, .course-block ol li .youtube-block figcaption, .course-block ol li .youtube-block p {
          font-size: 24px;
          font-size: 2.4rem;
          font-weight: 700;
          font-style: italic;
          font-family: "Cabin", sans-serif;
          color: #fff;
          position: absolute;
          top: -13%;
          left: 3%;
          text-shadow: 1px 1px 0 #00AE64, -1px -1px 0 #00AE64, -1px 1px 0 #00AE64, 1px -1px 0 #00AE64, 0px 1px 0 #00AE64, -1px 0 #00AE64, -1px 0 0 #00AE64, 1px 0 0 #00AE64; }
          @media screen and (max-width: 575px) {
            .course-block ol li figure figcaption, .course-block ol li figure p, .course-block ol li .youtube-block figcaption, .course-block ol li .youtube-block p {
              top: -15%;
              margin-bottom: 0; } }
          .course-block ol li figure figcaption span, .course-block ol li figure p span, .course-block ol li .youtube-block figcaption span, .course-block ol li .youtube-block p span {
            font-size: 40px;
            font-size: 4rem;
            padding-left: 0.5rem;
            width: 2em;
            display: inline-block; }
        @media screen and (max-width: 575px) {
          .course-block ol li figure p, .course-block ol li .youtube-block p {
            top: -15%; } }
        .course-block ol li figure img, .course-block ol li .youtube-block img {
          width: 100%; }
      .course-block ol li .youtube-block {
        height: 308px; }
        @media screen and (max-width: 1199px) {
          .course-block ol li .youtube-block {
            height: 250px; } }
        @media screen and (max-width: 991px) {
          .course-block ol li .youtube-block {
            height: 190px; } }
        @media screen and (max-width: 767px) {
          .course-block ol li .youtube-block {
            height: 297px; } }
        @media screen and (max-width: 575px) {
          .course-block ol li .youtube-block {
            height: 207px; } }
        .course-block ol li .youtube-block iframe {
          width: 100%;
          height: inherit; }
      .course-block ol li h5 {
        font-size: 22px;
        font-size: 2.2rem;
        font-weight: 700;
        color: #00AE64;
        margin: 2rem 0 1rem; }
        @media screen and (max-width: 575px) {
          .course-block ol li h5 {
            font-size: 20px;
            font-size: 2rem; } }

.subject {
  background-color: #fff;
  border: 1px solid #00AE64;
  border-radius: 1rem;
  margin: 1rem 0 5rem; }
  @media screen and (max-width: 767px) {
    .subject {
      margin: 0 0 4rem; } }
  @media screen and (max-width: 575px) {
    .subject {
      margin: 0 0 2rem; } }
  .subject h5 {
    background-color: #00AE64;
    color: #fff;
    font-size: 25px;
    font-size: 2.5rem;
    font-weight: 700;
    padding: 1.5rem 5rem 1.5rem 4rem;
    display: inline-block;
    margin: 2rem 0; }
    @media screen and (max-width: 767px) {
      .subject h5 {
        padding: 1rem 4rem 1rem 3rem;
        font-size: 23px;
        font-size: 2.3rem; } }
    @media screen and (max-width: 575px) {
      .subject h5 {
        padding: 1rem 3rem 1rem 2rem; } }
  .subject dl {
    margin: 0 4rem 4rem; }
    @media screen and (max-width: 767px) {
      .subject dl {
        margin: 0 3rem 3rem; } }
    @media screen and (max-width: 575px) {
      .subject dl {
        margin: 0 2rem 2rem; } }
    .subject dl dt {
      font-size: 20px;
      font-size: 2rem;
      font-weight: 700;
      position: relative; }
      @media screen and (max-width: 767px) {
        .subject dl dt {
          font-size: 18px;
          font-size: 1.8rem; } }
      @media screen and (max-width: 575px) {
        .subject dl dt {
          font-size: 16px;
          font-size: 1.6rem; } }
      .subject dl dt::before {
        font-family: "Font Awesome 5 Free";
        content: '\f0da';
        font-weight: 900;
        color: #00AE64;
        position: relative;
        right: 0;
        padding-right: 1rem; }

.certification {
  background-color: #fff;
  border: 1px solid #00AE64;
  border-radius: 1rem;
  margin: 1rem 0 5rem;
  padding: 4rem; }
  @media screen and (max-width: 767px) {
    .certification {
      padding: 3rem;
      margin: 1rem 0 4rem; } }
  @media screen and (max-width: 575px) {
    .certification {
      margin: 1rem 0 2rem; } }
  .certification h5 {
    color: #00AE64;
    font-size: 25px;
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 2rem; }
    @media screen and (max-width: 767px) {
      .certification h5 {
        font-size: 23px;
        font-size: 2.3rem; } }
  .certification ul {
    flex-wrap: wrap; }
    .certification ul li {
      position: relative;
      padding-right: 1em; }
      .certification ul li::before {
        content: '●';
        font-weight: 900;
        position: relative;
        right: 0;
        padding-right: 1rem; }

.timetable h5 {
  color: #00AE64;
  font-size: 25px;
  font-size: 2.5rem;
  font-weight: 700;
  padding: 1.5rem 0;
  display: inline-block;
  margin: 1rem 0; }
  @media screen and (max-width: 767px) {
    .timetable h5 {
      margin-bottom: 0;
      font-size: 23px;
      font-size: 2.3rem; } }
@media screen and (max-width: 575px) {
  .timetable .table-container {
    width: 100%;
    overflow: scroll; } }
.timetable table {
  width: 80%;
  background-color: #fff; }
  @media screen and (max-width: 1199px) {
    .timetable table {
      width: 90%; } }
  @media screen and (max-width: 991px) {
    .timetable table {
      width: 100%; } }
  @media screen and (max-width: 575px) {
    .timetable table {
      width: 500px;
      position: relative; } }
  .timetable table thead tr {
    border-top: 1px solid #353535; }
    .timetable table thead tr th {
      text-align: center;
      font-size: 15px;
      font-size: 1.5rem;
      color: #fff;
      background-color: #00AE64;
      border-left: 1px solid #fff; }
      .timetable table thead tr th:first-child {
        border-left: 1px solid #353535; }
      .timetable table thead tr th:last-child {
        border-right: 1px solid #353535; }
  .timetable table tbody tr {
    border-top: 1px solid #353535; }
    .timetable table tbody tr th {
      padding: 0 3rem;
      text-align: center;
      font-size: 15px;
      font-size: 1.5rem;
      font-weight: 400;
      color: #000;
      background-color: #80D6B1;
      border-left: 1px solid #353535; }
      @media screen and (max-width: 991px) {
        .timetable table tbody tr th {
          padding: 0 2rem; } }
      @media screen and (max-width: 767px) {
        .timetable table tbody tr th {
          padding: 0 0.5rem;
          font-size: 14px;
          font-size: 1.4rem; } }
      @media screen and (max-width: 575px) {
        .timetable table tbody tr th {
          position: sticky;
          left: 0; } }
      @media screen and (max-width: 575px) {
        .timetable table tbody tr th::before {
          content: "";
          position: absolute;
          top: -1px;
          left: -1px;
          width: 100%;
          height: 100%;
          border-right: 1px solid #353535;
          border-bottom: none; } }
    .timetable table tbody tr td {
      height: 55px;
      width: 18%;
      padding: 0.5rem 1rem;
      text-align: center;
      font-size: 15px;
      font-size: 1.5rem;
      font-weight: 400;
      line-height: normal;
      color: #000;
      border-left: 1px solid #353535; }
      @media screen and (max-width: 991px) {
        .timetable table tbody tr td {
          padding: 0.5rem;
          width: 19%; } }
      @media screen and (max-width: 767px) {
        .timetable table tbody tr td {
          height: 50px;
          font-size: 13px;
          font-size: 1.3rem;
          letter-spacing: 0; } }
      .timetable table tbody tr td:last-child {
        border-right: 1px solid #353535; }
    .timetable table tbody tr:last-child {
      border-bottom: 1px solid #353535; }
  .timetable table tbody .cell-none {
    background-image: linear-gradient(160deg, transparent 49%, #353535 49%, #353535 50%, transparent 50%, transparent); }

.achievements {
  margin-top: 5rem; }
  @media screen and (max-width: 767px) {
    .achievements {
      margin-top: 4rem; } }
  @media screen and (max-width: 575px) {
    .achievements {
      margin-top: 2rem; } }
  .achievements h5 {
    color: #00AE64;
    font-size: 25px;
    font-size: 2.5rem;
    font-weight: 700;
    padding: 1.5rem 0;
    display: inline-block;
    margin: 1rem 0; }
    @media screen and (max-width: 767px) {
      .achievements h5 {
        margin-bottom: 0;
        font-size: 23px;
        font-size: 2.3rem; } }

#lifebusiness-course h3 {
  margin-top: 8rem;
  background-image: repeating-linear-gradient(315deg, #1da9da, #1da9da 5px, #60c3e5 5px, #60c3e5 7px); }
  @media screen and (max-width: 575px) {
    #lifebusiness-course h3 {
      margin-top: 0; } }
  #lifebusiness-course h3::before {
    background-color: #1DA9DA; }
  #lifebusiness-course h3::after {
    background-color: #1DA9DA; }
#lifebusiness-course #information-business .course-block::before {
  background-color: #1DA9DA; }
#lifebusiness-course #information-business .course-block::after {
  background-color: #1DA9DA; }
#lifebusiness-course #information-business .course-block .course-block-title h4 {
  color: #1DA9DA;
  filter: drop-shadow(4px 4px 0px rgba(217, 48, 105, 0.6)); }
  #lifebusiness-course #information-business .course-block .course-block-title h4 i {
    color: #D93069; }
#lifebusiness-course #information-business ol li figure figcaption, #lifebusiness-course #information-business ol li figure p, #lifebusiness-course #information-business ol li .youtube-block figcaption, #lifebusiness-course #information-business ol li .youtube-block p {
  text-shadow: 1px 1px 0 #1DA9DA, -1px -1px 0 #1DA9DA, -1px 1px 0 #1DA9DA, 1px -1px 0 #1DA9DA, 0px 1px 0 #1DA9DA, 0 -1px 0 #1DA9DA, -1px 0 0 #1DA9DA, 1px 0 0 #1DA9DA; }
#lifebusiness-course #information-business ol li h5 {
  color: #1DA9DA; }
#lifebusiness-course #information-business .subject {
  border: 1px solid #1DA9DA; }
  #lifebusiness-course #information-business .subject h5 {
    background-color: #1DA9DA; }
  #lifebusiness-course #information-business .subject dl dt::before {
    color: #1DA9DA; }
#lifebusiness-course #information-business .certification {
  border: 1px solid #1DA9DA; }
  #lifebusiness-course #information-business .certification h5 {
    color: #1DA9DA; }
#lifebusiness-course #information-business .timetable h5 {
  color: #1DA9DA; }
#lifebusiness-course #information-business .timetable table thead tr th {
  background-color: #1DA9DA; }
#lifebusiness-course #information-business .timetable table tbody tr th {
  background-color: #8ED4EC; }
#lifebusiness-course #information-business .timetable table tbody tr td.blue-cell {
  background-color: rgba(29, 169, 218, 0.1); }
#lifebusiness-course #information-business .achievements h5 {
  color: #1DA9DA; }
#lifebusiness-course #childcare-food .course-block::before {
  background-color: #D93069; }
#lifebusiness-course #childcare-food .course-block::after {
  background-color: #D93069; }
#lifebusiness-course #childcare-food .course-block .course-block-title h4 {
  color: #D93069;
  filter: drop-shadow(4px 4px 0px rgba(29, 169, 218, 0.6)); }
  #lifebusiness-course #childcare-food .course-block .course-block-title h4 i {
    color: #1DA9DA; }
#lifebusiness-course #childcare-food ol li figure figcaption, #lifebusiness-course #childcare-food ol li figure p, #lifebusiness-course #childcare-food ol li .youtube-block figcaption, #lifebusiness-course #childcare-food ol li .youtube-block p {
  text-shadow: 1px 1px 0 #D93069, -1px -1px 0 #D93069, -1px 1px 0 #D93069, 1px -1px 0 #D93069, 0px 1px 0 #D93069, -1px 0 #D93069, -1px 0 0 #D93069, 1px 0 0 #D93069; }
#lifebusiness-course #childcare-food ol li h5 {
  color: #D93069; }
#lifebusiness-course #childcare-food .subject {
  border: 1px solid #D93069; }
  #lifebusiness-course #childcare-food .subject h5 {
    background-color: #D93069; }
  #lifebusiness-course #childcare-food .subject dl dt::before {
    color: #D93069; }
#lifebusiness-course #childcare-food .certification {
  border: 1px solid #D93069; }
  #lifebusiness-course #childcare-food .certification h5 {
    color: #D93069; }
#lifebusiness-course #childcare-food .timetable h5 {
  color: #D93069; }
#lifebusiness-course #childcare-food .timetable table thead tr th {
  background-color: #D93069; }
#lifebusiness-course #childcare-food .timetable table tbody tr th {
  background-color: #EC97B4; }
#lifebusiness-course #childcare-food .timetable table tbody tr td.pink-cell {
  background-color: rgba(217, 48, 105, 0.1); }
#lifebusiness-course #childcare-food .achievements h5 {
  color: #D93069; }

#humanities, #art, #science, #nursing,
#information-business, #childcare-food {
  position: relative;
  margin-top: -0.01rem;
  padding-top: 0.01rem; }
  @media screen and (max-width: 575px) {
    #humanities, #art, #science, #nursing,
    #information-business, #childcare-food {
      margin-top: -3rem;
      padding-top: 3rem; } }
  #humanities::before, #art::before, #science::before, #nursing::before,
  #information-business::before, #childcare-food::before {
    content: '';
    display: block;
    width: 360px;
    height: 360px;
    position: absolute;
    z-index: -1;
    top: -180px;
    right: -180px;
    background-image: url("../img/course-green.svg");
    background-repeat: no-repeat;
    background-size: contain; }
    @media screen and (max-width: 767px) {
      #humanities::before, #art::before, #science::before, #nursing::before,
      #information-business::before, #childcare-food::before {
        width: 300px;
        height: 300px;
        top: -150px;
        right: -150px; } }
    @media screen and (max-width: 575px) {
      #humanities::before, #art::before, #science::before, #nursing::before,
      #information-business::before, #childcare-food::before {
        display: none; } }

#art, #information-business, #childcare-food {
  position: relative;
  margin-top: -0.01rem;
  padding-top: 0.01rem; }
  @media screen and (max-width: 575px) {
    #art, #information-business, #childcare-food {
      margin-top: -3rem;
      padding-top: 3rem; } }
  #art::before, #information-business::before, #childcare-food::before {
    left: -180px;
    right: auto; }
    @media screen and (max-width: 767px) {
      #art::before, #information-business::before, #childcare-food::before {
        left: -150px;
        right: auto; } }
    @media screen and (max-width: 575px) {
      #art::before, #information-business::before, #childcare-food::before {
        display: none; } }
  #art::after, #information-business::after, #childcare-food::after {
    content: '';
    display: block;
    width: 360px;
    height: 360px;
    position: absolute;
    z-index: -1;
    bottom: 600px;
    right: -180px;
    background-image: url("../img/course-green.svg");
    background-repeat: no-repeat;
    background-size: contain; }
    @media screen and (max-width: 767px) {
      #art::after, #information-business::after, #childcare-food::after {
        width: 300px;
        height: 300px;
        bottom: 600px;
        right: -150px; } }
    @media screen and (max-width: 575px) {
      #art::after, #information-business::after, #childcare-food::after {
        display: none; } }
  #art .course-block, #information-business .course-block, #childcare-food .course-block {
    background-color: #F4F4EE; }

#science {
  margin-top: -0.01rem;
  padding-top: 0.01rem; }
  @media screen and (max-width: 575px) {
    #science {
      margin-top: -3rem;
      padding-top: 3rem; } }
  #science::before {
    top: 300px;
    left: -180px;
    right: auto; }
    @media screen and (max-width: 767px) {
      #science::before {
        top: 300px;
        left: -150px;
        right: auto; } }
    @media screen and (max-width: 575px) {
      #science::before {
        display: none; } }

#nursing .course-block {
  background-color: #F4F4EE; }

#information-business {
  margin-top: -0.01rem;
  padding-top: 0.01rem; }
  @media screen and (max-width: 575px) {
    #information-business {
      margin-top: -3rem;
      padding-top: 3rem; } }
  #information-business::before {
    background-image: url("../img/course-blue.svg"); }
  #information-business::after {
    top: 800px;
    bottom: auto;
    right: -180px;
    background-image: url("../img/course-blue.svg"); }
    @media screen and (max-width: 767px) {
      #information-business::after {
        right: -150px; } }
    @media screen and (max-width: 575px) {
      #information-business::after {
        display: none; } }
  #information-business .course-block {
    background-color: #F6F6F6; }

#childcare-food {
  margin-top: -0.01rem;
  padding-top: 0.01rem; }
  @media screen and (max-width: 575px) {
    #childcare-food {
      margin-top: -3rem;
      padding-top: 3rem; } }
  #childcare-food::before {
    top: -400px;
    background-image: url("../img/course-blue.svg"); }
  #childcare-food::after {
    top: 600px;
    bottom: auto;
    right: -180px;
    background-image: url("../img/course-pink.svg"); }
    @media screen and (max-width: 767px) {
      #childcare-food::after {
        right: -150px; } }
    @media screen and (max-width: 575px) {
      #childcare-food::after {
        display: none; } }
  #childcare-food .course-block {
    background-color: #F4F2F4; }

#exploration-activities {
  background-image: url("../img/tankyu-back.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom center;
  margin-top: 13rem;
  padding: 11rem 0 9rem;
  position: relative; }
  @media screen and (max-width: 575px) {
    #exploration-activities {
      margin-top: 6rem;
      padding: 10rem 0 5rem; } }
  #exploration-activities::before {
    content: '';
    display: block;
    width: 360px;
    height: 360px;
    position: absolute;
    z-index: -1;
    top: -410px;
    left: -80px;
    background-image: url("../img/course-pink.svg");
    background-repeat: no-repeat;
    background-size: contain; }
    @media screen and (max-width: 767px) {
      #exploration-activities::before {
        width: 300px;
        height: 300px;
        top: -350px;
        left: -140px; } }
    @media screen and (max-width: 575px) {
      #exploration-activities::before {
        display: none; } }
  #exploration-activities::after {
    content: '';
    display: block;
    width: 500px;
    height: 400px;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 2%;
    position: absolute;
    background-image: url("../img/tankyu-illust.svg");
    background-repeat: no-repeat;
    background-size: contain; }
    @media screen and (max-width: 991px) {
      #exploration-activities::after {
        width: 400px;
        height: 300px; } }
    @media screen and (max-width: 575px) {
      #exploration-activities::after {
        width: 250px;
        height: 200px;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto; } }
  #exploration-activities .wave {
    position: absolute;
    width: 100%;
    height: 11%;
    top: -1rem; }
    @media screen and (max-width: 1399px) {
      #exploration-activities .wave {
        height: 9%; } }
    #exploration-activities .wave::before {
      content: '';
      background-image: url("../img/wave.svg");
      background-repeat: no-repeat;
      background-size: cover;
      display: block;
      width: 100%;
      height: 100%;
      position: absolute;
      top: 1px; }
  #exploration-activities h3 {
    position: relative;
    z-index: 1; }
  #exploration-activities dl {
    position: relative;
    z-index: 1; }
    #exploration-activities dl dt {
      font-size: 25px;
      font-size: 2.5rem;
      font-weight: 700;
      display: inline-block;
      margin-bottom: 2rem; }
      @media screen and (max-width: 991px) {
        #exploration-activities dl dt {
          margin-bottom: 1rem; } }
      @media screen and (max-width: 767px) {
        #exploration-activities dl dt {
          font-size: 23px;
          font-size: 2.3rem; } }
    #exploration-activities dl dd {
      text-align: justify; }
      #exploration-activities dl dd span {
        font-weight: bold; }
  #exploration-activities .more-btn {
    justify-content: flex-start;
    margin-top: 2rem; }
    #exploration-activities .more-btn a {
      background-color: #4170D9;
      border-color: #4170D9; }
      #exploration-activities .more-btn a:hover {
        color: #4170D9;
        border: 2px solid #4170D9; }