.backdrop_blog_list_page{
  background: #F5F5F5;
}

.global_container_blog_list_page {
  padding-top: 87px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 84px;
  max-width: 560px;
  margin-left: auto;
  margin-right: auto;
}

.title_blog_list_page{
  color: #1A1A1A;
  font-family: var(--font-family-minor);
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin: 20px 0;
}

.list_blog_list_page {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  margin-bottom: 24px;
}

.link_item_blog_list_page{
  display: flex;
  padding-bottom: 20px;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
  border-radius: 36px;
  background: #FFF;
  overflow: hidden;
  box-shadow: 0px 2px 5px 0px rgba(83, 110, 151, 0.25);
  transition: all var(--transition-time-default);
}

.photo_item_blog_list_page {
  border-radius: 36px;
  max-width: none;
  width: 100%;
}

.container_content_item_blog_list_page {
  display: flex;
  padding: 0px 20px;
  flex-direction: column;
  align-items: flex-start;
  gap: 14px;
  align-self: stretch;
}


.date_item_blog_list_page {
  color: #526278;
  font-family: var(--font-family-minor);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.title_item_blog_list_page {
  height: 40px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #141414;
  font-family: var(--font-family-minor);
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.42;
  transition: all var(--transition-time-default);
}

.box_title_icon_item_blog_list_page {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  align-self: stretch;
}

.icon_arrow_item_blog_list_page {
  min-width: 30px;
  max-width: 30px;
  min-height: 30px;
  max-height: 30px;
  fill: #141414;
  transition: all var(--transition-time-default);
  transform: rotate(-45deg);
}


.show_more_item_blog_list_page {
  display: flex;
  align-items: center;
  gap: 6px;
  color: #141414;
  font-family: var(--font-family-minor);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.78;
  /* 178.571% */
  opacity: 0.6;
  transition: all var(--transition-time-default);
}

.show_more_item_blog_list_page:hover {
  opacity: 1;
  color:  #EB1C24;
}

.show_more_item_blog_list_page::after {
  content: '';
  width: 20px;
  height: 20px;
  display: inline-block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  transition: all var(--transition-time-default);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='21' viewBox='0 0 20 21' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.274175 17.5885C0.0986117 17.4127 0 17.1744 0 16.926C0 16.6775 0.0986117 16.4393 0.274175 16.2635L5.86042 10.676 0.272924 5.08848C0.102233 4.91159 0.0078483 4.67473 0.0100994 4.42892C0.0123505 4.18311 0.111057 3.94802 0.28496 3.77428C0.458863 3.60054 0.694047 3.50205 0.939859 3.50003C1.18567 3.49801 1.42244 3.59262 1.59917 3.76348L7.84917 10.0135C8.02474 10.1893 8.12335 10.4275 8.12335 10.676C8.12335 10.9244 8.02474 11.1627 7.84917 11.3385L1.59918 17.5885C1.51211 17.6756 1.40874 17.7447 1.29495 17.7919C1.18117 17.839 1.05921 17.8633 0.93605 17.8633C0.812885 17.8633 0.690928 17.839 0.577146 17.7919C0.463364 17.7447 0.359988 17.6756 0.272925 17.5885Z' fill='%23141414'/%3E%3C/svg%3E");
}

.show_more_item_blog_list_page:hover::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='21' viewBox='0 0 20 21' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.2742 17.5885C11.0986 17.4127 11 17.1744 11 16.926C11 16.6775 11.0986 16.4393 11.2742 16.2635L16.8604 10.676L11.2729 5.08848C11.1022 4.91159 11.0078 4.67473 11.0101 4.42892C11.0124 4.18311 11.1111 3.94802 11.285 3.77428C11.4589 3.60054 11.694 3.50205 11.9399 3.50003C12.1857 3.49801 12.4224 3.59262 12.5992 3.76348L18.8492 10.0135C19.0247 10.1893 19.1233 10.4275 19.1233 10.676C19.1233 10.9244 19.0247 11.1627 18.8492 11.3385L12.5992 17.5885C12.5121 17.6756 12.4087 17.7447 12.295 17.7919C12.1812 17.839 12.0592 17.8633 11.936 17.8633C11.8129 17.8633 11.6909 17.839 11.5771 17.7919C11.4634 17.7447 11.36 17.6756 11.2729 17.5885Z' fill='%23EB1C24'/%3E%3C/svg%3E");
}

.link_item_blog_list_page:hover {
  box-shadow: 0px 7px 19px 0px rgba(83, 110, 151, 0.25);
}

.link_item_blog_list_page:hover .icon_arrow_item_blog_list_page{
  fill: #E22833;
  transform: rotate(-180deg);
}

.link_item_blog_list_page:hover .title_item_blog_list_page{
  color: #E22833;
  text-decoration: underline;
}


@media screen and (min-width: 768px) {
  .global_container_blog_list_page {
    padding-top: 87px;
    padding-bottom: 80px;
    padding-left: 20px;
    padding-right: 20px;
    max-width: 900px;
  }

  .title_blog_list_page {
    font-size: 32px;
    margin-bottom: 38px;
  }

  .list_blog_list_page{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    row-gap: 38px;
    column-gap: 24px;
    margin-bottom: 38px;
  }
}

@media screen and (min-width: 1280px) {
  .global_container_blog_list_page{
    padding-left: 60px;
    padding-right: 60px;
    padding-top: 87px;
    max-width: 1440px;
  }

  .title_blog_list_page{
    margin-bottom: 20px;
  }

  .list_blog_list_page{
    grid-template-columns: repeat(4, 1fr);
  }

}