/*
  Activities
*/
/*------------------------
  Hero
------------------------*/
.activities #hero {
  background-image: url(../images/activities/kv.jpg); }

/*------------------------
  01
------------------------*/
#activity01 p {
  color: #fff;
  font-weight: 500; }
  #activity01 p + p {
    margin-top: 25px; }
#activity01 ul.link-box {
  border: 1px solid #f8f7f4;
  border-radius: 10px;
  background: #fa4e66;
  color: #f8f7f4;
  overflow: hidden;
  font-weight: 500;
  margin-top: 30px; }
  #activity01 ul.link-box li:nth-child(1) {
    padding: 10px;
    text-align: center; }
  #activity01 ul.link-box a {
    display: block;
    padding: 10px;
    font-size: 1.8rem;
    color: #fa4e66;
    text-align: center;
    background-color: #f8f7f4;
    background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2215px%22%20height%3D%2215px%22%20viewBox%3D%220%200%2015%2015%22%20style%3D%22enable-background%3Anew%200%200%2015%2015%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23fa4e66%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M11.3%2C8.1c-0.4%2C0-0.8%2C0.4-0.8%2C0.8v3.3c0%2C0.6-0.5%2C1.2-1.2%2C1.2H2.8c-0.6%2C0-1.2-0.5-1.2-1.2V5.6%20c0-0.6%2C0.5-1.2%2C1.2-1.2h2.8C6%2C4.4%2C6.4%2C4%2C6.4%2C3.6S6%2C2.8%2C5.6%2C2.8H2.8C1.2%2C2.9%2C0%2C4.1%2C0%2C5.6v6.6C0%2C13.7%2C1.2%2C15%2C2.8%2C15h6.6%20c1.5%2C0%2C2.8-1.2%2C2.8-2.8V8.9C12.1%2C8.5%2C11.7%2C8.1%2C11.3%2C8.1z%20M15%2C7.6V0.8c0-0.1%2C0-0.2-0.1-0.3c0-0.1-0.1-0.2-0.1-0.2l0%2C0l0%2C0%20c-0.1-0.1-0.1-0.1-0.2-0.1C14.4%2C0%2C14.3%2C0%2C14.2%2C0H7.3C6.9%2C0%2C6.6%2C0.4%2C6.6%2C0.8S7%2C1.6%2C7.4%2C1.6h4.9L5.5%2C8.4c-0.3%2C0.3-0.3%2C0.8%2C0%2C1.1%20s0.8%2C0.3%2C1.1%2C0l6.8-6.8v4.9c0%2C0.4%2C0.4%2C0.8%2C0.8%2C0.8S15%2C8%2C15%2C7.6L15%2C7.6z%22%2F%3E%20%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: center right 20px; }
    #activity01 ul.link-box a:hover {
      background-color: #fff; }
#activity01 .gallery {
  padding-top: 50px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -20px; }
  #activity01 .gallery .column-3 {
    padding: 0 20px; }
    #activity01 .gallery .column-3 .inner {
      position: relative;
      border-radius: 10px;
      overflow: hidden; }
      #activity01 .gallery .column-3 .inner::before {
        content: '';
        display: block;
        padding-bottom: 65.5%; }
    #activity01 .gallery .column-3 img {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      z-index: 10; }

@media screen and (max-width: 768px) {
  #activity01 .column-2:nth-child(2) {
    padding-top: 20px; }
  #activity01 p + p {
    margin-top: 20px; }
  #activity01 ul.link-box a {
    font-size: 1.6rem; }
  #activity01 .gallery {
    padding-top: 50px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -5px; }
    #activity01 .gallery .column-3 {
      padding: 5px;
      width: 50%; }
      #activity01 .gallery .column-3:nth-child(1) {
        width: 100%; } }
/*------------------------
  02
------------------------*/
#activity02 {
  padding-top: 100px;
  margin-top: -100px; }
  #activity02 p {
    color: #293962;
    font-weight: 500; }
    #activity02 p + p {
      margin-top: 25px; }
  #activity02 .row.default {
    margin: 0 -30px; }
  #activity02 .column-2 {
    padding: 0 30px;
    position: relative;
    z-index: 10; }
  #activity02 img {
    border-radius: 10px;
    overflow: hidden; }

@media screen and (max-width: 768px) {
  #activity02 {
    padding-top: 0;
    margin-top: 0; }
    #activity02 p + p {
      margin-top: 20px; }
    #activity02 .row.default {
      margin: 0; }
    #activity02 .column-2 {
      padding: 0; }
    #activity02 .column-2:nth-child(2) {
      padding-top: 20px; } }
/*------------------------
  03
------------------------*/
#activity03 {
  margin-top: -100px;
  padding-top: 100px; }
  #activity03 .lead {
    max-width: 720px;
    margin: 0 auto; }
    #activity03 .lead p + p {
      margin-top: 25px; }
  #activity03 p {
    color: #293962;
    font-weight: 500; }
  #activity03 .column-2 .image {
    margin: 50px 0 30px;
    position: relative; }
    #activity03 .column-2 .image img {
      border-radius: 10px;
      overflow: hidden;
      width: 100%;
      height: auto; }
    #activity03 .column-2 .image .circle {
      position: absolute;
      bottom: -30px;
      right: -10px;
      width: 140px;
      height: 140px;
      border-radius: 50%;
      overflow: hidden; }
  #activity03 .column-2 h3 {
    color: #fa4e66;
    font-size: 2.0rem; }
  #activity03 .column-2 h4 {
    font-weight: 500;
    font-size: 1.6rem;
    color: #293962;
    margin: 20px 0 10px; }
  #activity03 .column-2 p {
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.5; }
  #activity03 .column-2 .link-btn {
    max-width: 360px;
    width: 100%;
    margin-top: 30px; }
    #activity03 .column-2 .link-btn a {
      display: block;
      color: #fff;
      font-weight: 500;
      line-height: 50px;
      padding: 0 30px;
      background-color: #fa4e66;
      background-image: url("../images/common/icon-blank.svg");
      background-repeat: no-repeat;
      background-position: right 30px center;
      border-radius: 10px; }
      #activity03 .column-2 .link-btn a:hover {
        background-color: #293962; }

@media screen and (max-width: 768px) {
  #activity03 {
    margin-top: 0;
    padding-top: 0; }
    #activity03 .lead p + p {
      margin-top: 20px; }
    #activity03 .column-2 .image {
      margin: 20px 0 35px; }
      #activity03 .column-2 .image .circle {
        position: absolute;
        bottom: -20px;
        right: -10px;
        width: 110px;
        height: 110px; }
    #activity03 .column-2 h3 {
      font-size: 1.8rem; }
    #activity03 .column-2 h4 {
      line-height: 1.5; }
    #activity03 .column-2 .link-btn {
      max-width: 360px;
      width: 100%;
      margin-top: 30px; }
      #activity03 .column-2 .link-btn a {
        background-position: right 20px center; } }