@charset "utf-8";

.rel-a {
  max-width: 900px;
  margin: 30px auto; 
}

.rel-a h3 {
  background-color: #54a4a6;
  color: #ffffff;
  padding-top: 10px;
  padding-left: 20px;
  padding-bottom: 5px;
}

.rel-a p {
  line-height: 2;
  padding-top: 20px;
  padding-left: 50px;
  padding-right: 50px;
  padding-bottom: 30px;
}


.rel-a-01-1 {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.rel-a-01-11  {
  flex-basis: 70%;
}

.rel-a-01-12 img {
  padding-right: 20px;
}

.rel-a-01-12  {
  flex-basis: 30%
}

.rel-b-01-12 img {
  padding-left: 20px;
}



.rel-b-01-1a {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-start;
  padding-left: 20px;
  padding-bottom: 20px;
}

.rel-b-01-11  {
  flex-basis: 70%;
}

.rel-a-01-12  {
  flex-basis: 30%
}
.rel-b-01-11 ol {
  line-height: 2;
  padding-left: 50px;
  padding-right: 30px;
  padding-bottom: 5px;
  list-style-type: square;
}

.rel-b-01-13a {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding-left: 20px;
  padding-bottom: 20px;
}

.rel-b-01-11-1 {
  flex-basis: 80%;
}

.rel-b-01-12-1 {
  flex-basis: 20%;
}

.rel-b-01-12-1 img {
width: 120px;
}




.rel-b-01-11-1 ol {
  line-height: 2;
  padding-left: 50px;
  padding-right: 30px;
  list-style-type: square;
}

.rel-c {
  display: flex;
  justify-content: center;
  align-items: center; 
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: #fffafa;
}

.rel-c-01 {
  margin-right: 30px;
}


.rel-c-01 img {
  width: 70px;
}

.rel-c-012 P {
text-align: center;
}

.rel-c-012 P {
  padding-bottom: 30px;
  font-size: 22pt;
  font-weight: bold;
}

.rel-c-022 img {
  width: 400px;
}

.rel-c-022 a :hover {
  transform: scale(1.05);
}

.rel-c-022 a {
  transition-duration: 0.2s;
}



@media (max-width: 768px) {


 .rel-a-01-1 {
  display: block;
  text-align: center;
 }

 .rel-a-01-1 p {
  text-align: left;
  padding-left: 0px;
  padding-right: 0px;
 }

 .rel-a-01-1 img {
  width: 60%;
  padding-bottom: 10px;
 }

 .rel-b-01-1a {
  display: flex;
  flex-direction: column-reverse;
  justify-content: center;
  align-items: center;
 }

 .rel-b-01-1a img {
  padding-left: 0px;
  padding-right: 20px;
  padding-bottom: 10px;
 }
.rel-b-01-13a {
  display: flex;
  flex-direction: column-reverse;
  justify-content: center;
  align-items: center;
}

.rel-b-01-13 p {
  padding-bottom: 20px;
  padding-left: 0px;
  padding-right: 0px;
}

.rel-b-01-12-1 img {
  width: 30%;
}
.rel-b-01-11 ol {
  padding-left: 20px;
  padding-right: 0px;
  padding-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}

.rel-b-01-11-1 ol {
  padding-left: 30px;
  padding-right: 0px;
}


.rel-b-01-12-1 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-bottom: 20px;
  }

  .rel-b-01-13a {
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
  }
 .rel-c {
  padding-left: 30px;
  padding-top: 10px;
  padding-bottom: 5px;
}

  .rel-c-01 img {
  padding-right: 0px;
  width: 90%;
}
  .rel-c-02 {
    text-align: center;
  }

  .rel-c-012 P {
    font-size: 90%;
  }

  .rel-c-02 img {
    width: 90%;
  }

  .rel-c-022 img {
    width: 90%;
  }
  
  .link-button {
    margin-top: 20px;
   }
  

}