@charset "UTF-8";
/* ========================================
  @media screen and (min-width: 768px),print
======================================== */
@media screen and (min-width: 768px), print {
#info .system-list {
    display: grid;
    gap: 64px 40px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-bottom: 80px;
}

#info .system-list li a {
    display: grid;
    gap: 0 30px;
    grid-template-columns: 200px minmax(0, 1fr);
}

#info .system-pic.fit img {
    height: 150px;
    width: 100%;
}

#info .p-info__list-con .top {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0 20px;
    margin-bottom: 8px;
}

#info .system_year {
    color: #939393;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 2;
}

#info .system_year.single {
    margin-bottom: 16px;
    text-align: center;
}

#info .system_category {
    align-items: center;
    color: #E94A08;
    display: flex;
    font-size: 18px;
    font-weight: 400;
    gap: 0 8px;
    letter-spacing: 0px;
    line-height: 1;
}

#info .system_category.single {
    gap: 0 16px;
    justify-content: center;
    margin-bottom: 24px;
    text-align: center;
}

#info .system_ttl {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0px;
    line-height: 1.5;
}

}

/* ========================================
  @media screen and (max-width: 767px)
======================================== */
@media screen and (max-width: 767px) {
#info .system-list {
    display: grid;
    gap: 5.797vw 0;
    grid-template-columns: repeat(1, minmax(0, 1fr));
}

#info .system-list li a {
    border-bottom: 1px dotted #808080;
    display: grid;
    gap: 0 2.899vw;
    grid-template-columns: 120px minmax(0, 1fr);
    padding-block: 0 2.899vw;
}

#info .system-pic.fit img {
    height: 21.739vw;
    width: 100%;
}

#info .p-info__list-con .top {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0 2.899vw;
    margin-bottom: 1.932vw;
}

#info .system_year {
    color: #939393;
    font-size: 3.14vw;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 2.4615384615;
}

#info .system_year.single {
    text-align: center;
}

#info .system_category {
    align-items: center;
    color: #E94A08;
    display: flex;
    font-size: 3.623vw;
    font-weight: 400;
    gap: 0 1.932vw;
    letter-spacing: 0px;
    line-height: 1;
}

#info .system_category.single {
    gap: 0 3.865vw;
    justify-content: center;
    margin-bottom: 3.865vw;
}

#info .system_ttl {
    font-size: 3.382vw;
    font-weight: 600;
    letter-spacing: 0px;
    line-height: 1.7857142857;
}

#info .p-main__ttl-inner .en {
    font-size: 6.763vw;
}
    
}