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

/*------------------------
  Chart
------------------------*/
#chart .row {
  background: url("../images/cooperation/bg-chart.png") no-repeat center top;
  margin: 0 -25px;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  position: relative; }
#chart .column-3 {
  padding: 0 25px; }
  #chart .column-3:nth-child(1) {
    position: absolute;
    top: 60px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0); }
    #chart .column-3:nth-child(1) h3 {
      background: #fa4e66; }
  #chart .column-3:nth-child(2) .tag {
    padding: 0;
    border: none; }
    #chart .column-3:nth-child(2) .tag a {
      display: block;
      padding: 15px 30px 15px 5px;
      border: 1px solid #293962;
      border-radius: 5px;
      background-color: #fff;
      background-repeat: no-repeat;
      background-position: right 15px center;
      background-size: 12px auto;
      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%23293962%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");
      color: #293962; }
      #chart .column-3:nth-child(2) .tag a:hover {
        border-color: #fa4e66;
        background-color: #fa4e66;
        background-image: url("../images/common/icon-blank.svg");
        color: #fff; }
#chart h3 {
  background: #293962;
  border-radius: 10px;
  color: #fff;
  font-size: 2.0rem;
  text-align: center;
  letter-spacing: .05em;
  padding: 15px 5px;
  position: relative; }
#chart h3.link {
  padding: 0;
  background: none; }
  #chart h3.link a {
    padding: 15px 5px;
    border-radius: 10px;
    display: block;
    background: #293962;
    color: #fff; }
    #chart h3.link a:hover {
      background: #fa4e66; }
#chart .image {
  border-radius: 10px;
  overflow: hidden;
  position: relative;
  margin: 10px 0 20px; }
  #chart .image::before {
    content: '';
    padding-bottom: 61%;
    display: block; }
  #chart .image img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 10px;
    overflow: hidden; }
#chart .tag {
  border: 1px solid #293962;
  background: #fff;
  border-radius: 5px;
  font-size: 1.6rem;
  font-weight: 500;
  text-align: center;
  color: #293962;
  line-height: 1.3;
  padding: 15px 5px;
  margin: 20px 0 5px;
  position: relative; }
  #chart .tag + p {
    font-size: 1.4rem;
    color: #293962;
    line-height: 1.5;
    position: relative; }

@media screen and (max-width: 999px) {
  #chart h3 {
    font-size: 2vw; }
  #chart .tag {
    font-size: 1.8vw; }
  #chart .column-3:nth-child(2) .tag a br {
    display: block; } }
@media screen and (max-width: 768px) {
  #chart .chart-wrap {
    padding-bottom: 10px; }
    #chart .chart-wrap .row {
      width: 720px;
      margin: 0 -10px;
      background-size: 80% auto; }
    #chart .chart-wrap .column-3 {
      padding: 0 10px;
      width: 33.33%; }
      #chart .chart-wrap .column-3:nth-child(1) {
        top: 0; }
    #chart .chart-wrap h3 {
      font-size: 1.7rem; }
    #chart .chart-wrap .tag {
      font-size: 1.5rem; } }