.koip .koip-news__list-item {
  border-bottom: solid 1px #e6e9ee; }
  .koip .koip-news__list-item:first-child {
    border-top: solid 1px #e6e9ee; }

.koip .koip-news__list-link .koip-news__list-title {
  color: #0066aa; }

.koip .koip-news__list-head {
  display: flex; }

.koip .koip-news__list-date {
  color: #aab2be;
  font-size: 85.71429%;
  line-height: 1.4; }

.koip .koip-news__list-category {
  padding: 3px 10px;
  display: inline-block;
  min-width: 96px;
  background-color: #aab2be;
  text-align: center;
  color: #ffffff;
  font-size: 78.57143%;
  line-height: 1.4; }

.koip .koip-news__list-title {
  color: #555566; }

.koip .koip-news2__list-item {
  border-bottom: solid 1px #e6e9ee; }
  .koip .koip-news2__list-item:first-child {
    border-top: solid 1px #e6e9ee; }

.koip .koip-news2__list-link .koip-news2__list-title {
  color: #0066aa; }

.koip .koip-news2__list-head {
  display: flex; }

.koip .koip-news2__list-date {
  color: #aab2be;
  font-size: 85.71429%;
  line-height: 1.4; }

.koip .koip-news2__list-category {
  padding: 3px 10px;
  display: inline-block;
  background-color: #aab2be;
  text-align: center;
  color: #ffffff;
  font-size: 78.57143%;
  line-height: 1.4; }
  .koip .koip-news2__list-category + .koip-news2__list-category {
    margin-left: 8px; }

.koip .koip-news2__list-title {
  color: #555566; }

.koip .koip-news3__list-item {
  border-bottom: solid 1px #e6e9ee; }
  .koip .koip-news3__list-item:first-child {
    border-top: solid 1px #e6e9ee; }

.koip .koip-news3__list-link .koip-news__list-title {
  color: #0066aa; }

.koip .koip-news3__list-head {
  display: flex; }

.koip .koip-news3__list-date {
  color: #aab2be;
  font-size: 85.71429%;
  line-height: 1.4; }

.koip .koip-news3__list-category {
  padding: 3px 10px;
  display: inline-block;
  min-width: 96px;
  background-color: #aab2be;
  text-align: center;
  color: #ffffff;
  font-size: 78.57143%;
  line-height: 1.4; }

.koip .koip-news3__list-title {
  color: #555566; }

.koip .koip-news4__list-item {
  border-bottom: solid 1px #e6e9ee; }
  .koip .koip-news4__list-item:first-child {
    border-top: solid 1px #e6e9ee; }

.koip .koip-news4__list-link .koip-news__list-title {
  color: #0066aa; }

.koip .koip-news4__list-head {
  display: flex; }

.koip .koip-news4__list-date {
  color: #aab2be;
  font-size: 85.71429%;
  line-height: 1.4; }

.koip .koip-news4__list-category {
  padding: 3px 10px;
  display: inline-block;
  min-width: 96px;
  background-color: #aab2be;
  text-align: center;
  color: #ffffff;
  font-size: 78.57143%;
  line-height: 1.4; }

.koip .koip-news4__list-title {
  color: #555566; }

.koip .koip-magazine__list-item {
  cursor: pointer;
  position: relative;
  border: solid 1px #e6e9ee;
  background-color: #ffffff; }

.koip .koip-magazine__list-overlay {
  position: absolute;
  display: flex;
  flex-wrap: wrap;
  margin: -4px;
  z-index: 1; }
  .koip .koip-magazine__list-overlay > * {
    margin: 4px; }
  .koip .koip-magazine__list-overlay-genre, .koip .koip-magazine__list-overlay-attr {
    border-radius: 10px;
    font-size: 78.57143%;
    line-height: 1.4;
    padding: 3px 16px 2px; }
  .koip .koip-magazine__list-overlay-genre {
    background-color: #ffffff;
    color: #0e0d6a; }
  .koip .koip-magazine__list-overlay-attr {
    background-color: #0e0d6a;
    color: #ffffff; }

.koip .koip-magazine__list-img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover; }
  .koip .koip-magazine__list-img-wrap {
    overflow: hidden; }

.koip .koip-magazine__list-title {
  color: #555566;
  margin-bottom: 8px; }

.koip .koip-magazine__list-date {
  display: block;
  text-align: right;
  color: #aab2be; }

.koip .koip-magazine__hash {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -5px;
  line-height: 1.4; }
  .koip .koip-magazine__hash-wrap {
    /*overflow: hidden;*/
    margin-bottom: 8px; }
  .koip .koip-magazine__hash-item {
    margin: 0 5px; }
  .koip .koip-magazine__hash-link {
    color: #aab2be;
    font-size: 78.57143%; }

.koip .koip-related__list-link {
  display: block; }

.koip .koip-related__list-img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover; }
  .koip .koip-related__list-img-wrap {
    overflow: hidden;
    border: solid 1px #e6e9ee; }

.koip .koip-related__list-text {
  color: #555566; }

.koip .koip-kv {
  overflow: hidden;
  position: relative; }
  .koip .koip-kv__text {
    position: relative;
    display: flex;
    color: #ffffff;
    height: 100%; }
    .koip .koip-kv__text-01, .koip .koip-kv__text-02 {
      display: block;
      line-height: 1.4;
      font-weight: normal; }
    .koip .koip-kv__text-02 {
      font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-size: 3.75vw; }
  .koip .koip-kv__picture {
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; }
  .koip .koip-kv__img {
    pointer-events: none;
    width: 100%; }

.koip .koip-news .koip-box__medium {
  margin-bottom: 40px; }

.koip .koip-vision__body {
  background-color: #f1f2f6; }
  .koip .koip-vision__body .koip-box__inner {
    padding-top: 1px; }
  .koip .koip-vision__body .koip-btn__arrow-under {
    margin-left: auto; }

.koip .koip-vision__service-link {
  position: relative;
  overflow: hidden;
  display: block;
  background-color: #ffffff; }
  .koip .koip-vision__service-link:before {
    pointer-events: none;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: solid 1px #0e0d6a; }

.koip .koip-vision__service-img {
  width: 100%; }

.koip .koip-vision__service-description {
  text-align: center; }

.koip .koip-vision__business-item.-plus {
  position: relative;
  background-color: #4d94c4;
  color: #ffffff;
  text-align: center;
  line-height: 1.4; }
  .koip .koip-vision__business-item.-plus:before, .koip .koip-vision__business-item.-plus:after {
    content: "";
    position: absolute;
    display: block;
    background: url("/https/www.kddi.com/open-innovation-program/img/index/vision-business-plus.png") no-repeat;
    background-size: contain; }

.koip .koip-vision__business-item.-next {
  position: relative;
  background-color: #0066aa;
  color: #ffffff;
  text-align: center;
  line-height: 1.4; }
  .koip .koip-vision__business-item.-next:before {
    content: "";
    position: absolute;
    display: block;
    background: url("/https/www.kddi.com/open-innovation-program/img/index/vision-business-next.png") no-repeat;
    background-size: contain; }

.koip .koip-vision__business-img {
  width: 100%; }

.koip .koip-award__list-link {
  position: relative;
  overflow: hidden;
  display: flex;
  background-color: #ffffff; }
  .koip .koip-award__list-link:before {
    pointer-events: none;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: solid 1px #e6e9ee; }

.koip .koip-award__list-head {
  text-align: center;
  flex-grow: 0;
  flex-shrink: 0; }
  .koip .koip-award__list-head-img {
    max-width: 100%; }

.koip .koip-award__list-title {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #0e0d6a;
  line-height: 1.4; }

.koip .koip-award__list-note {
  font-size: 78.57143%; }

@media screen and (min-width: 769px) {
    .koip .koip-news__list-item {
      width: 800px; }
  .koip .koip-news__list-link, .koip .koip-news__list-text {
    padding-top: 24px;
    padding-bottom: 24px;
    display: flex; }
    .koip .koip-news__list-head {
      position: relative;
      flex: 0 0 320px; }
  .koip .koip-news__list-body {
    position: relative;
    flex: 1 1 auto;
    padding-right: 32px; }
    .koip .koip-news__list-date {
      padding-top: 2px; }
    .koip .koip-news__list-date-wrap {
      text-align: center;
      flex: 0 0 160px; }
    .koip .koip-news__list-category + .koip-news__list-category {
      margin-top: 8px; }
    .koip .koip-news__list-category-wrap {
      flex: 0 0 160px; }
  .koip .koip-news__btn {
    display: flex;
    justify-content: flex-end; }
  .koip .koip-news__btn-item:not(:last-child) {
    margin-right: 24px; }
  .koip .koip-news2__list-link, .koip .koip-news2__list-text {
    padding-top: 24px;
    padding-bottom: 24px;
    display: block; }
    .koip .koip-news2__list-head {
      margin-bottom: 8px;
      position: relative;
      flex: 0 0 320px; }
  .koip .koip-news2__list-body {
    position: relative;
    padding-left: 160px;
    padding-right: 32px; }
    .koip .koip-news2__list-date {
      padding-top: 2px; }
    .koip .koip-news2__list-date-wrap {
      text-align: center;
      flex: 0 0 160px; }
    .koip .koip-news2__list-category {
      min-width: 96px; }
  .koip .koip-news2__btn {
    display: flex;
    justify-content: flex-end; }
  .koip .koip-news2__btn-item:not(:last-child) {
    margin-right: 24px; }
    .koip .koip-news3__list-item {
      width: 800px; }
  .koip .koip-news3__list-link, .koip .koip-news3__list-text {
    padding-top: 24px;
    padding-bottom: 24px;
    display: flex; }
    .koip .koip-news3__list-head {
      position: relative;
      flex: 0 0 160px; }
  .koip .koip-news3__list-body {
    position: relative;
    flex: 1 1 640px;
    padding-right: 32px; }
    .koip .koip-news3__list-date {
      padding-top: 2px; }
    .koip .koip-news3__list-date-wrap {
      text-align: center;
      flex: 0 0 160px; }
    .koip .koip-news3__list-category + .koip-news__list-category {
      margin-top: 8px; }
    .koip .koip-news3__list-category-wrap {
      flex: 0 0 160px; }
  .koip .koip-news3__btn {
    display: flex;
    justify-content: flex-end; }
  .koip .koip-news3__btn-item:not(:last-child) {
    margin-right: 24px; }
    .koip .koip-news4__list-item {
      width: 720px; }
  .koip .koip-news4__list-link, .koip .koip-news4__list-text {
    padding-top: 24px;
    padding-bottom: 24px;
    display: flex; }
    .koip .koip-news4__list-head {
      position: relative;
      flex: 0 0 160px; }
  .koip .koip-news4__list-body {
    position: relative;
    flex: 1 1 560px;
    padding-right: 32px; }
    .koip .koip-news4__list-date {
      padding-top: 2px; }
    .koip .koip-news4__list-date-wrap {
      text-align: center;
      flex: 0 0 160px; }
    .koip .koip-news4__list-category + .koip-news__list-category {
      margin-top: 8px; }
    .koip .koip-news4__list-category-wrap {
      flex: 0 0 160px; }
  .koip .koip-news4__btn {
    display: flex;
    justify-content: flex-end; }
  .koip .koip-news4__btn-item:not(:last-child) {
    margin-right: 24px; }
  .koip .koip-magazine {
    position: relative;
    padding-top: 128px;
    padding-bottom: 80px; }
  .koip .koip-magazine:before {
    content: "";
    background-color: #f1f2f6;
    position: absolute;
    top: 0;
    left: 0;
    width: calc((100% - 960px) / 2 + 800px);
    height: 100%; }
  .koip .koip-magazine__list {
    margin: -20px;
    display: flex;
    flex-wrap: wrap; }
  .koip .koip-magazine__list-wrap {
    margin-bottom: 64px;
    overflow: hidden; }
    .koip .koip-magazine__list-item {
      margin: 20px;
      width: 293px; }
    .koip .koip-magazine__list-overlay {
      top: 8px;
      left: 8px; }
    .koip .koip-magazine__list-img {
      height: 100%; }
      .koip .koip-magazine__list-img-wrap {
        height: 180px; }
  .koip .koip-magazine__list-info {
    padding: 16px 24px; }
  .koip .koip-magazine__btn {
    display: flex;
    justify-content: flex-end; }
  .koip .koip-magazine__btn-item:not(:last-child) {
    margin-right: 24px; }
  .koip .koip-related__list {
    margin: -20px;
    display: flex;
    flex-wrap: wrap; }
  .koip .koip-related__list-wrap {
    margin-bottom: 64px;
    /*overflow: hidden;*/ }
  .koip .koip-related__list-item {
    margin: 20px;
    flex: 0 0 293px; }
    .koip .koip-related__list-text {
      font-size: 85.71429%; }
  .koip .koip-related__btn {
    display: flex;
    justify-content: flex-end; }
  .koip .koip-related__btn-item:not(:last-child) {
    margin-right: 24px; }
    .koip .koip-kv {
      height: 430px; }
      .koip .koip-kv__text {
        align-items: center; }
      .koip .koip-kv__text-01 {
        margin-bottom: 8px;
        font-size: 285.71429%; }
        .koip .koip-kv__text-02 {
          font-size: 171.42857%; }
      .koip .koip-kv__img {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 100%;
        min-width: 1280px;
        transform: translate(-50%, -50%); }
    .koip .koip-news .koip-box__medium {
      display: flex; }
      .koip .koip-news .koip-box__medium .koip-title {
        flex: 0 0 160px; }
      .koip .koip-vision__body .koip-box__inner {
        margin-top: 326px;
        padding-bottom: 160px; }
      .koip .koip-vision__body .koip-btn__arrow-under {
        margin-right: 56px; }
  .koip .koip-vision__service {
    margin: -20px;
    display: flex;
    flex-wrap: wrap; }
  .koip .koip-vision__service-wrap {
    /*overflow: hidden;*/
    margin-top: -282px;
    margin-bottom: 64px; }
  .koip .koip-vision__service-item {
    margin: 20px; }
  .koip .koip-vision__service-item.-labo .koip-vision__service-link {
    padding-top: 48px; }
  .koip .koip-vision__service-item.-labo .koip-vision__service-picture {
    margin-bottom: 24px;
    width: 310px; }
  .koip .koip-vision__service-item.-fund .koip-vision__service-link {
    padding-top: 41px; }
  .koip .koip-vision__service-item.-fund .koip-vision__service-picture {
    margin-bottom: 36px;
    width: 287px; }
    .koip .koip-vision__service-link {
      width: 460px;
      height: 524px; }
    .koip .koip-vision__service-link:after {
      pointer-events: none;
      content: "";
      display: block;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      border: solid 4px #0e0d6a;
      transform: scale(1.02); }
  .koip .koip-vision__service-picture {
    margin-left: auto;
    margin-right: auto; }
    .koip .koip-vision__service-description {
      margin-bottom: 64px;
      font-size: 114.28571%;
      line-height: 1.6; }
  .koip .koip-vision__business-item:not(:last-child) {
    margin-bottom: 4px; }
    .koip .koip-vision__business-item.-plus {
      padding-top: 27px;
      padding-bottom: 27px; }
      .koip .koip-vision__business-item.-plus:before, .koip .koip-vision__business-item.-plus:after {
        top: -22px;
        width: 40px;
        height: 40px; }
    .koip .koip-vision__business-item.-plus:before {
      left: calc(25% - 20px); }
    .koip .koip-vision__business-item.-plus:after {
      right: calc(25% - 20px); }
    .koip .koip-vision__business-item.-plus span {
      font-size: 171.42857%; }
    .koip .koip-vision__business-item.-next {
      padding-top: 37px;
      padding-bottom: 37px; }
      .koip .koip-vision__business-item.-next:before {
        top: -22px;
        width: 40px;
        height: 40px; }
    .koip .koip-vision__business-item.-next:before {
      left: calc(50% - 20px); }
    .koip .koip-vision__business-item.-next span {
      font-size: 228.57143%; }
    .koip .koip-vision__business-item.-next small {
      font-size: 114.28571%; }
  .koip .koip-award__list {
    padding-left: 160px; }
  .koip .koip-award__list-item:not(:last-child) {
    margin-bottom: 40px; }
  .koip .koip-award__list-item.-ils .koip-award__list-head-img {
    width: 112px; }
  .koip .koip-award__list-item.-mp .koip-award__list-head-img {
    width: 147px; }
    .koip .koip-award__list-link {
      align-items: center;
      padding-top: 48px;
      padding-bottom: 48px; }
    .koip .koip-award__list-link:after {
      pointer-events: none;
      content: "";
      display: block;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      border: solid 4px #e6e9ee;
      transform: scale(1.02, 1.04); }
    .koip .koip-award__list-head {
      flex-basis: 360px;
      padding-top: 12px;
      padding-bottom: 12px; }
  .koip .koip-award__list-body {
    flex: 1 1 auto;
    border-left: solid 1px #e6e9ee;
    padding-left: 40px;
    padding-top: 12px;
    padding-bottom: 12px; }
    .koip .koip-award__list-title {
      margin-bottom: 8px;
      font-size: 171.42857%; }
    .koip .koip-award__list-note {
      margin-bottom: 16px; } }

@media screen and (max-width: 768px) {
  .koip .koip-news__list-link, .koip .koip-news__list-text {
    display: block;
    padding: 24px 12px; }
    .koip .koip-news__list-head {
      margin-bottom: 8px;
      align-items: center; }
    .koip .koip-news__list-date-wrap {
      flex: 0 0 115px; }
    .koip .koip-news__list-category + .koip-news__list-category {
      margin-left: 16px; }
  .koip .koip-news__btn {
    text-align: center; }
  .koip .koip-news__btn-item:not(:last-child) {
    margin-bottom: 14px; }
  .koip .koip-news2__list-link, .koip .koip-news2__list-text {
    display: block;
    padding: 24px 12px; }
    .koip .koip-news2__list-head {
      margin-bottom: 8px;
      align-items: center; }
    .koip .koip-news2__list-date-wrap {
      flex: 0 0 115px; }
    .koip .koip-news2__list-category {
      min-width: 64px; }
  .koip .koip-news2__btn {
    text-align: center; }
  .koip .koip-news2__btn-item:not(:last-child) {
    margin-bottom: 14px; }
  .koip .koip-news3__list-link, .koip .koip-news3__list-text {
    display: block;
    padding: 24px 12px; }
    .koip .koip-news3__list-head {
      margin-bottom: 8px;
      align-items: center; }
    .koip .koip-news3__list-date-wrap {
      flex: 0 0 100%; }
    .koip .koip-news3__list-category + .koip-news__list-category {
      margin-left: 16px; }
  .koip .koip-news3__btn {
    text-align: center; }
  .koip .koip-news3__btn-item:not(:last-child) {
    margin-bottom: 14px; }
  .koip .koip-news4__list-link, .koip .koip-news4__list-text {
    display: block;
    padding: 24px 12px; }
    .koip .koip-news4__list-head {
      margin-bottom: 8px;
      align-items: center; }
    .koip .koip-news4__list-date-wrap {
      flex: 0 0 100%; }
    .koip .koip-news4__list-category + .koip-news__list-category {
      margin-left: 16px; }
  .koip .koip-news4__btn {
    text-align: center; }
  .koip .koip-news4__btn-item:not(:last-child) {
    margin-bottom: 14px; }
  .koip .koip-magazine {
    padding-top: 80px;
    padding-bottom: 64px;
    background-color: #f1f2f6; }
  .koip .koip-magazine__list-wrap {
    margin-bottom: 40px; }
    .koip .koip-magazine__list-item:not(:last-child) {
      margin-bottom: 24px; }
    .koip .koip-magazine__list-overlay {
      top: 12px;
      left: 12px; }
  .koip .koip-magazine__list-info {
    padding: 12px; }
    .koip .koip-magazine__list-date {
      font-size: 85.71429%; }
  .koip .koip-magazine__btn {
    text-align: center; }
  .koip .koip-magazine__btn-item:not(:last-child) {
    margin-bottom: 14px; }
  .koip .koip-related__list-wrap {
    margin-bottom: 40px; }
  .koip .koip-related__list-item:not(:last-child) {
    margin-bottom: 24px; }
    .koip .koip-related__list-text {
      padding-left: 12px;
      padding-right: 12px;
      font-size: 100%; }
  .koip .koip-related__btn {
    text-align: center; }
  .koip .koip-related__btn-item:not(:last-child) {
    margin-bottom: 14px; }
    .koip .koip-kv {
      height: 100vw; }
      .koip .koip-kv__text {
        padding: 8.75vw;
        align-items: flex-end; }
      .koip .koip-kv__text-01 {
        margin-bottom: 2.5vw;
        font-size: 7.5vw; }
      .koip .koip-vision__body .koip-box__inner {
        margin-top: 264px;
        padding-bottom: 64px; }
  .koip .koip-vision__service-wrap {
    margin-top: -232px;
    margin-bottom: 40px; }
  .koip .koip-vision__service-item:not(:last-child) {
    margin-bottom: 24px; }
  .koip .koip-vision__service-item.-labo .koip-vision__service-link {
    padding-top: 27px;
    padding-bottom: 33px; }
  .koip .koip-vision__service-item.-labo .koip-vision__service-picture {
    margin-bottom: 23px; }
  .koip .koip-vision__service-item.-fund .koip-vision__service-link {
    padding-top: 26.5px;
    padding-bottom: 33px; }
  .koip .koip-vision__service-item.-fund .koip-vision__service-picture {
    margin-bottom: 30px; }
    .koip .koip-vision__service-link {
      padding-left: 8.75vw;
      padding-right: 8.75vw; }
    .koip .koip-vision__service-description {
      margin-bottom: 32px; }
  .koip .koip-vision__business-item:not(:last-child) {
    margin-bottom: 0.625vw; }
    .koip .koip-vision__business-item.-plus {
      padding-top: 5.9375vw;
      padding-bottom: 5.9375vw; }
      .koip .koip-vision__business-item.-plus:before, .koip .koip-vision__business-item.-plus:after {
        top: -3.4375vw;
        width: 6.25vw;
        height: 6.25vw; }
    .koip .koip-vision__business-item.-plus:before {
      left: calc(25% - 3.125vw); }
    .koip .koip-vision__business-item.-plus:after {
      right: calc(25% - 3.125vw); }
    .koip .koip-vision__business-item.-plus span {
      font-size: 85.71429%; }
    .koip .koip-vision__business-item.-next {
      padding-top: 6.875vw;
      padding-bottom: 6.875vw; }
      .koip .koip-vision__business-item.-next:before {
        top: -3.4375vw;
        width: 6.25vw;
        height: 6.25vw; }
    .koip .koip-vision__business-item.-next:before {
      left: calc(50% - 3.125vw); }
    .koip .koip-vision__business-item.-next span {
      font-size: 142.85714%; }
    .koip .koip-vision__business-item.-next small {
      font-size: 85.71429%; }
  .koip .koip-award__list-item:not(:last-child) {
    margin-bottom: 16px; }
  .koip .koip-award__list-item.-ils .koip-award__list-head-img {
    width: 19.375vw; }
  .koip .koip-award__list-item.-mp .koip-award__list-head-img {
    width: 19.375vw; }
    .koip .koip-award__list-link {
      padding-top: 24px;
      padding-bottom: 24px; }
    .koip .koip-award__list-head {
      flex-basis: 31.25vw; }
    .koip .koip-award__list-title {
      margin-bottom: 8px;
      font-size: 100%; }
    .koip .koip-award__list-note {
      margin-bottom: 16px; }
  .koip .koip-award__list-result {
    font-size: 71.42857%; } }

@media screen and (hover: hover) and (min-width: 769px), screen and (-ms-high-contrast: active) and (min-width: 769px), screen and (-ms-high-contrast: none) and (min-width: 769px) {
  .koip .koip-news__list-link {
    position: relative;
    overflow: hidden; }
  .koip .koip-news__list-link:before {
    pointer-events: none;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    background-color: #f9fafb;
    transform: scale(0, 1);
    transform-origin: left;
    transition: transform 0.5s; }
  .koip .koip-news__list-link:hover:before {
    transform: scale(1, 1); }
  .koip .koip-news2__list-link {
    position: relative;
    overflow: hidden; }
  .koip .koip-news2__list-link:before {
    pointer-events: none;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    background-color: #f9fafb;
    transform: scale(0, 1);
    transform-origin: left;
    transition: transform 0.5s; }
  .koip .koip-news2__list-link:hover:before {
    transform: scale(1, 1); }
  .koip .koip-news3__list-link {
    position: relative;
    overflow: hidden; }
  .koip .koip-news3__list-link:before {
    pointer-events: none;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    background-color: #f9fafb;
    transform: scale(0, 1);
    transform-origin: left;
    transition: transform 0.5s; }
  .koip .koip-news3__list-link:hover:before {
    transform: scale(1, 1); }
  .koip .koip-news4__list-link {
    position: relative;
    overflow: hidden; }
  .koip .koip-news4__list-link:before {
    pointer-events: none;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    background-color: #f9fafb;
    transform: scale(0, 1);
    transform-origin: left;
    transition: transform 0.5s; }
  .koip .koip-news4__list-link:hover:before {
    transform: scale(1, 1); }
  .koip .koip-magazine__list-item .koip-magazine__list-img {
    transition: transform 0.5s; }
  .koip .koip-magazine__list-item:hover .koip-magazine__list-img {
    transform: scale(1.08); }
    .koip .koip-related__list-link .koip-related__list-img {
      transition: transform 0.5s; }
  .koip .koip-related__list-link:hover .koip-related__list-img {
    transform: scale(1.08); }
  .koip .koip-vision__service-link:hover:after {
    transform: scale(1); }
  .koip .koip-vision__service-link:hover .koip-ico__arrow2:before {
    -webkit-animation: koipArrowIn 0.5s forwards;
            animation: koipArrowIn 0.5s forwards; }
  .koip .koip-award__list-link:hover:after {
    transform: scale(1); } }

@media (hover: hover), (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .koip .koip-news__list-link .koip-ico__blank {
    fill: #0066aa; }
  .koip .koip-news2__list-link .koip-ico__blank {
    fill: #0066aa; }
  .koip .koip-news3__list-link .koip-ico__blank {
    fill: #0066aa; }
  .koip .koip-news4__list-link .koip-ico__blank {
    fill: #0066aa; }
    .koip .koip-related__list-link .koip-related__list-img {
      -webkit-backface-visibility: hidden; }
    .koip .koip-vision__service-link:after {
      transition: transform 0.5s; }
    .koip .koip-award__list-link:after {
      transition: transform 0.5s; } }