/* CSS Document */
#ul-header {
  margin-bottom: 10rem; }
  #ul-header .container .ul-img {
    background-image: url(../img/ul-header05.jpg); }

#paths {
  margin-bottom: 10rem; }
  @media screen and (max-width: 991px) {
    #paths {
      margin-bottom: 8rem; } }
  @media screen and (max-width: 575px) {
    #paths {
      margin-bottom: 6rem; } }
  #paths ul li {
    margin-bottom: 2rem; }
    @media screen and (max-width: 575px) {
      #paths ul li {
        margin-bottom: 1rem; } }

#message {
  margin-bottom: 8rem; }
  @media screen and (max-width: 575px) {
    #message {
      margin-bottom: 6rem; } }
  #message h3.h3-wave span {
    color: #D93069; }
  #message h3.h3-wave::before {
    background-image: url("../img/wave-pink.svg"); }
  #message ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
    #message ul li {
      width: 45%;
      margin-top: 12rem; }
      @media screen and (max-width: 767px) {
        #message ul li {
          width: 47%;
          margin-top: 8rem; } }
      @media screen and (max-width: 575px) {
        #message ul li {
          width: 100%;
          margin-top: 6rem; } }
      #message ul li figure {
        text-align: center;
        position: relative; }
        #message ul li figure::before {
          content: '';
          display: block;
          width: 126px;
          height: 122px;
          position: absolute;
          top: -3rem;
          left: 5rem;
          z-index: -1;
          background-image: url("../img/paths-point-01.svg");
          background-size: contain;
          background-repeat: no-repeat; }
          @media screen and (max-width: 1399px) {
            #message ul li figure::before {
              top: -4rem;
              left: 4rem; } }
          @media screen and (max-width: 1199px) {
            #message ul li figure::before {
              left: 0rem; } }
          @media screen and (max-width: 991px) {
            #message ul li figure::before {
              left: -4rem; } }
          @media screen and (max-width: 767px) {
            #message ul li figure::before {
              top: -3rem;
              left: -3rem;
              width: 100px;
              height: 95px; } }
          @media screen and (max-width: 575px) {
            #message ul li figure::before {
              left: 0; } }
        #message ul li figure img {
          border-radius: 1rem; }
          @media screen and (max-width: 575px) {
            #message ul li figure img {
              width: 80%;
              margin: auto; } }
        #message ul li figure figcaption {
          font-weight: 700;
          padding: 1.5rem 0;
          margin-bottom: 1.5rem;
          position: relative; }
          @media screen and (max-width: 767px) {
            #message ul li figure figcaption {
              font-size: 13px;
              font-size: 1.3rem;
              letter-spacing: normal; } }
          #message ul li figure figcaption::after {
            content: '';
            display: block;
            width: 125px;
            height: 2px;
            background-color: #4170D9;
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            margin: auto; }
            @media screen and (max-width: 767px) {
              #message ul li figure figcaption::after {
                width: 100px; } }
        #message ul li figure .green-messageline::after {
          background-color: #00AE64; }
        #message ul li figure .blue-messageline::after {
          background-color: #1DA9DA; }
        #message ul li figure .orange-messageline::after {
          background-color: #FF801E; }
      #message ul li p {
        margin: 0;
        text-align: justify;
        letter-spacing: normal; }
      #message ul li:nth-child(1) {
        margin-top: 3rem; }
        @media screen and (max-width: 991px) {
          #message ul li:nth-child(1) {
            margin-top: 0; } }
      #message ul li:nth-child(2) {
        margin-top: 3rem; }
        @media screen and (max-width: 991px) {
          #message ul li:nth-child(2) {
            margin-top: 0; } }
        @media screen and (max-width: 575px) {
          #message ul li:nth-child(2) {
            margin-top: 6rem; } }
      #message ul li:nth-child(1) figure::before {
        background-image: url("../img/paths-point-01.svg"); }
      #message ul li:nth-child(2) figure::before {
        background-image: url("../img/paths-point-02.svg"); }
      #message ul li:nth-child(3) figure::before {
        background-image: url("../img/paths-point-03.svg"); }
      #message ul li:nth-child(4) figure::before {
        background-image: url("../img/paths-point-04.svg"); }
      #message ul li:nth-child(5) figure::before {
        background-image: url("../img/paths-point-05.svg"); }
      #message ul li:nth-child(6) figure::before {
        background-image: url("../img/paths-point-06.svg"); }