@charset "UTF-8";
/* CSS Document */
.language ul {
  display: flex;
  justify-content: center;
  list-style: none;
  font-size: 10px;
}
.chara-cv-title {
  padding-left: 0px;
  color: #3a54d9;
  background-image: none;
}
.dl-list {
  margin-bottom: 20px;
}
.dl-list.steam {
  border-top: dashed 1px rgba(255, 255, 255, 1);
  padding-top: 20px;
}
.dl-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 20px;
}
/*PC*/
@media (min-width: 960px) {
  .story-txt-en {
    width: 600px;
  }
  .story-photo02 {
    top: 400px;
    right: -100px;
  }
  .chara-words {
    position: absolute;
    top: 580px;
    right: -50px;
    transform: rotate(-5deg);
  }
  .gallery-card-right {
    left: auto;
    right: -100px;
  }
}
/*------ スマホ版 ------ */
@media (max-width: 959px) {
  .chara-words {
    position: absolute;
    top: auto;
    bottom: 100px;
    right: 0px;
    z-index: 3;
    width: calc(418 / 375 * 100vw);
    max-width: 90%;
    text-align: right;
    transform: rotate(-5deg);
  }
  #dl-area h2 {
   
    margin: 0 auto 10px auto;
  }
}
@media (min-width:960px) and (max-width:1300px) {
  .story-txt-en {
    width: calc(600 / 1300 * 100vw);
  }
}
@media (max-width: 1200px) {
  .dl-list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: 20px;
    padding: 0 30px;
  }
}
@media (max-width: 600px) {
  .dl-list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 20px;
    padding: 0px;
  }