#page_title .page_title-head .en > span:nth-child(5) {
    color: var(--color_1);
}

/*====================================================
////id |  archive
====================================================*/
#column_archive {
  max-width: none;
}
.column_archive-item-wrapper {
  display: grid;
    grid-gap: min(8vw, 40px) min(3vw, 30px);
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));        
}
.column_archive-item-text .category {
    font-size: .85em;
    margin-top: 15px;
}
.column_archive-item-text .title {
    font-size: 1.15em;
    margin-top: 10px;
}
/* ////////// mobile ////////// */
@media screen and (max-width: 769px) {
}

/* ////////// PC ////////// */
@media print, screen and (min-width: 769px) {
}

@media screen and (min-width: 1550px) {
  .column_archive-item-wrapper {
      grid-template-columns: repeat(3, 1fr);        
  }
}

@media (hover: hover) {}

/*====================================================
////id |  column_nav
====================================================*/
.column_nav-wrapper {
}
.column_nav-inner {
  display: flex;
    flex-wrap: wrap;
    gap: min(1.5vw, .8em);
    justify-content: center;
  padding: min(10vw, 40px) 0 0;
}
.column_nav-item {
  background: #fff;
  border: solid 1px var(--color_1);
  border-radius: 2em;
  color: var(--color_1);
  display: flex;
    align-items: center;
    justify-content: center;
  font-weight: 500;
  line-height: 1.2;
  min-height: 2.5em;
  min-width: 9em;
  padding: .2em 1.5em;
}
/* ////////// mobile ////////// */
@media screen and (max-width: 769.0px) {
  .column_nav-item {
    flex-grow: 1;
  }
}

@media (hover: hover) {
  .column_nav-item:hover {
    background: var(--color_5);

  }
}


/*====================================================
////id |  recommendation
====================================================*/
#recommendation {
  padding-top: min(15vw, 100px);
}
#recommendation .column_archive-item-text .title {
  font-size: 1em;
}
/* ////////// mobile ////////// */
@media screen and (max-width: 769.0px) {
  #recommendation .column_archive-item-wrapper {
    grid-template-columns: repeat(2, 1fr);   
    font-size: min(3.7333vw, 1.5rem);     
  }
}

/* ////////// PC ////////// */
@media print, screen and (min-width: 769.1px) {
}

/* ////////// tablet ////////// */
@media screen and (min-width: 960.1px) and (max-width: 1220.0px) {
}

@media (hover: hover) {
}