@charset "UTF-8";
/* =====================
  mv
===================== */
.main .mv {
    background: var(--black);
    padding-top: 64.966667vw;
    position: relative;
}
.main .mv .mv-bg {
    background-image: url('/assets/image/items/items_bg_2x.png');
    min-height: 66.8vw;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center bottom;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    pointer-events: none;
    z-index: 2;
}
.main .mv h1 {
    font-family: var(--mincho);
    font-size: 10.666666666666666vw;
    color: var(--white);
    margin-top: 3.4vw;
    padding-inline: 4.666666666666667vw;
    position: relative;
    z-index: 2;
    line-height: 1;
}
.main .about {
    display: flex;
    flex-direction: column;
    padding-inline: 4.666666666666667vw;
    align-items: center;
    gap: 10.066667vw;
    margin-top: 26.4vw;
    margin-inline: auto;
    position: relative;
    z-index: 2;
}
.main .about::before {
    content: attr(data-text);
    display: block;
    font-family: var(--mincho);
    font-size: 13.333333333333334vw;
    color: var(--white);
    text-align: center;
    position: absolute;
    top: -18vw;
    opacity: 0.08;
    line-height: 1;
    width: 80vw;
}
.main .about::after {
    content: '';
    background-image: url('/assets/image/items/book_2x.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 31.733333333333334vw;
    height: 26vw;
    display: block;
    position: absolute;
    right: 5vw;
    top: -19vw;
    opacity: 0.5;
}
.main .about-container .about .kv01 {
    width: 65.33333333333333vw;
    padding-top: 8vw;
}
.main .mv .about p {
    color: var(--white);
    padding-top: 5.7vw;
    line-height: 1.8;
}
.main .mv .kv02 {
    margin-top: 6.1vw;
    position: relative;
    z-index: 2;
    width: 41.333333333333336vw;
    left: 16.933333333333334vw;
}
.main .about-container {
    position: relative;
}
.bg {
    pointer-events: none;
    position: absolute;
    top: 2.3vw;
    left: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-image: url('/assets/image/common/bg.png');
    width: 100%;
    height: 213vw;
    transform: skewY(-10deg);
}
/* =====================
  製品一覧
===================== */
.item-list {
    background: var(--black);
    color: var(--white);
    padding-inline: 4.666666666666667vw;
    padding-top: 17vw;
    padding-bottom: 62vw;
}
.item-list .items {
    margin-inline: auto;
}
.item-list .items ul {
    margin-top: 7.733333333333333vw;
}
.item-list .items ul li {
    position: relative;
}
.item-list .items ul li + li {
    margin-top: 56vw;
}
.item-list .items .item-wrapper {
    background: var(--red);
    padding: 6.933333vw 4.933333333333334vw 8.633333vw;
    width: 80.8vw;
    position: absolute;
    top: 53vw;
    left: 50%;
    transform: translateX(-50%);
}
.item-list .items .item-wrapper .item-name {
    font-family: var(--mincho);
    font-size: 4.533333333333333vw;
}
.item-list .items .item-wrapper .item-p {
    padding-top: 4.166667vw;
    font-size: 3.7333333333333334vw;
}