﻿.contents[data-lang="jp"] .features article li {
    width: calc(33.3% - 20px);
    margin: 0 10px 90px 10px;
}

/* banner */
.banner_bg {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    align-content: center;
    justify-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.banner_bg img {
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%;
}

.banner_bg .pad,
.banner_bg .mb {
    display: none;
}

.banner_box {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    align-content: center;
    justify-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.banner_box_logo {
    display: block;
    width: calc(100% - 120px);
    max-width: 526px;
    margin: -25px auto 30px auto
}

.banner_box_logo img {
    display: block;
    width: 100%;
    height: auto;
}

.banner_box_text1 {
    display: block;
    width: 100%;
    font-size: 20px;
    color: #fff;
    font-weight: 100;
}

.banner_box_text2 {
    display: block;
    width: 100%;
    font-size: 30px;
    color: #fff;
    font-weight: bold;
    margin: 25px 0 20px
}

.banner_box_product {
    position: relative;
    display: block;
    width: calc(100% - 60px);
    max-width: 700px;
    margin: -25px 0 0 0;
    transform: translateX(3.5%);
    pointer-events: none;
}

.banner_box_product img {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
}

.banner_box_product .shadow {
    position: absolute;
    bottom: 0;
    left: -6.56%;
    width: 113.12%;
    mix-blend-mode: overlay;
    opacity: .7;
}

/* speed */
.speed {
    position: relative;
    display: flex;
    align-items: center;
    align-content: center;
    justify-items: center;
    justify-content: center;
    width: 100%;
    min-height: 900px;
    padding: 100px 0;
    background: #000;
    overflow: hidden;
}

.speed_bg {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    align-content: center;
    justify-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background: #000;
}

.speed_bg img {
    object-fit: cover;
    object-position: center;
    display: block;
    width: 100%;
    height: 100%;
}

.speed_bg .pad,
.speed_bg .mb {
    display: none;
}

.speed_inner {
    position: relative;
    display: block;
    width: calc(100% - 120px);
    max-width: 1600px;
    margin: 0 auto;
}

.speed_inner_box {
    position: relative;
    display: flex;
    align-items: center;
    align-content: center;
    justify-items: flex-start;
    justify-content: space-between;
    width: 100%;
    margin: 0 0 60px 0;
}

.speed_inner_box:last-child {
    margin: 0;
}

.speed_inner_box_title {
    position: relative;
    width: 100%;
    max-width: 675px;
    margin: 0 0 0 30px;
    z-index: 10;
    flex: 0 1 auto;
}

.speed_inner_box:nth-child(even) .speed_inner_box_title {
    margin: 0 30px 0 0;
}

/* .contents:not([data-lang="en"]) .speed_inner_box_title .mainTitle01_text {
    text-align: justify;
} */

.contents[data-lang="en"] .speed_inner_box_title .mainTitle01_text {
    max-width: 515px;
}

.speed_inner_box:nth-child(2) .speed_inner_box_title .mainTitle01_text {
    max-width: 635px;
}

.contents[data-lang="jp"] .speed_inner_box:nth-child(2) .speed_inner_box_title .mainTitle01_text {
    max-width: 645px;
}

.speed_inner_box_product {
    position: relative;
    display: block;
    width: 50%;
    max-width: 766px;
    margin: -15px 0 max(-120px, -4vw) -1%;
    flex: 0 0 auto;
    order: -10;
}

.speed_inner_box_product_item {
    position: relative;
    display: block;
    width: 100%;
    z-index: 10;
}

.speed_inner_box_product_item img {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: auto;
}

.speed_inner_box_product_item img:nth-child(1) {
    position: relative;
}

.speed_inner_box_product_item .light01,
.speed_inner_box_product_item .light02 {
    mix-blend-mode: overlay;
    opacity: 0;
}


.speed_inner_box_product_bg {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
}

.speed_inner_box_product_bg img {
    position: absolute;
    display: block;
    width: 100%;
    height: auto;
}

.speed_inner_box_product_bg.pad,
.speed_inner_box_product_bg.mb {
    display: none;
}

.speed_inner_box_product_bg.pc .light01 {
    top: -107%;
    left: -24%;
    width: 162.372%;
    mix-blend-mode: exclusion;
}

.speed_inner_box_product_bg.pc .light02 {
    top: -10%;
    left: -2%;
    width: 127.852%;
    mix-blend-mode: overlay;
    opacity: 0;
}

.speed_inner_box_product_bg.pc .light03 {
    top: 5%;
    left: -28%;
    width: 200.446%;
    mix-blend-mode: exclusion;
}

.speed_inner_box_product_bg.pad,
.speed_inner_box_product_bg.mb {
    left: calc(50% - 50vw);
    width: 100vw;
}

.speed_inner_box_product_bg.pad img {
    top: 50%;
    transform: translateY(-39%);
}

.speed_inner_box_product_bg.mb img {
    top: 50%;
    transform: translateY(-37%);
}

.speed_inner_box_table {
    display: block;
    width: 675px;
    flex: 0 0 auto;
    z-index: 10;
}

.speed_inner_box_table_note {
    display: block;
    width: 100%;
    margin: 10px 0 0 0;
    font-size: 16px;
    line-height: 1.6;
    color: #fff;
    font-family: inherit;
    font-weight: 400;
    text-align: left;
    letter-spacing: -.5px;
}

.speed_inner_box_table_main {
    display: block;
    width: 100%;
    padding: 50px 35px 50px 50px;
    background: rgba(1, 1, 3, .47);
    border-radius: 30px;
    border: 1px solid rgba(255, 255, 255, .5);
    z-index: 10;
}

.speed_inner_box_table_main_title {
    display: block;
    width: 100%;
    font-size: 19px;
    line-height: 1.2;
    color: #fff;
    font-weight: 700;
    text-align: left;
}

.speed_inner_box_table_main_item {
    display: block;
    width: 100%;
    margin: 0 0 30px 0;
    line-height: 1;
    color: #fff;
    font-weight: 500;
    text-align: left;
}

.speed_inner_box_table_main_item:last-child {
    margin: 0;
}

.speed_inner_box_table_main_item_title {
    display: flex;
    align-items: flex-end;
    align-content: flex-end;
    justify-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    margin: 0 0 10px 0;
}

.speed_inner_box_table_main_item_title_main {
    display: block;
    width: 100%;
    margin: 0 0 -.375em 0;
    font-size: 17px;
    line-height: 1.375;
    flex: 0 1 auto;
}

.speed_inner_box_table_main_item_title_count {
    position: relative;
    top: 20px;
    display: block;
    width: auto;
    max-width: 100%;
    margin: 0 0 0 20px;
    font-size: 66px;
    font-weight: 700;
    flex: 0 0 auto;
}

.speed_inner_box_table_main_item_inner {
    display: flex;
    align-items: center;
    align-content: center;
    justify-items: flex-start;
    justify-content: flex-start;
    width: 100%;
}

.speed_inner_box_table_main_item_inner_bar {
    display: block;
    width: auto;
    max-width: 100%;
    height: 13px;
    background: linear-gradient(to right, #ebd000 0%, #84ff4d 50%, #32aff4 100%);
    border-radius: 6.5px;
    flex: 0 1 auto;
}

.speed_inner_box_table_main_item_inner_text {
    display: block;
    width: auto;
    max-width: 100%;
    font-size: 17px;
    margin: 0 0 0 20px;
    flex: 0 0 auto;
}

.speed_inner_box_table_main_item:nth-child(2) .speed_inner_box_table_main_item_inner_bar {
    width: 79.5%;
}

.speed_inner_box_table_main_item:nth-child(3) .speed_inner_box_table_main_item_title,
.speed_inner_box_table_main_item:nth-child(3) .speed_inner_box_table_main_item_inner_text {
    color: #7a7a7a;
}

.speed_inner_box_table_main_item:nth-child(3) .speed_inner_box_table_main_item_inner_bar {
    width: 77.35%;
    background: linear-gradient(to right, #222 0%, #595959 100%);
}

.speed_inner_box_table_main_item:nth-child(4) .speed_inner_box_table_main_item_title,
.speed_inner_box_table_main_item:nth-child(4) .speed_inner_box_table_main_item_inner_text {
    color: #7a7a7a;
}

.speed_inner_box_table_main_item:nth-child(4) .speed_inner_box_table_main_item_inner_bar {
    width: 51.57%;
    background: linear-gradient(to right, #222 0%, #595959 100%);
}

/* rgb */
.rgb {
    display: flex;
    align-items: center;
    align-content: center;
    justify-items: center;
    justify-content: center;
    width: 100%;
    min-height: 600px;
    padding: 100px 0;
    background:
        url(../../../../kimg/prd_details/memory/CrasVRGB_ROG/CrasVRGB_ROG_rgb.png) calc(50% - 400px) center no-repeat #000;
    background-size: auto 100%;
}

.rgb_inner {
    display: flex;
    align-items: center;
    align-content: center;
    justify-items: flex-end;
    justify-content: flex-end;
    width: calc(100% - 100px);
    max-width: 1560px;
    margin: 0 auto;
}

.rgb_inner_title {
    width: calc(50% - 30px);
    max-width: 530px;
}

.contents[data-lang="jp"] .rgb_inner_title {
    max-width: 680px;
}

.contents[data-lang="ko"] .rgb_inner_title {
    max-width: 540px;
}

/* .contents:not([data-lang="en"]) .rgb_inner_title .mainTitle01_text {
    text-align: justify;
} */

.rgb_inner_title .mainTitle_main::before {
    left: auto;
    right: -90px;
    transform: scaleX(-1);
}

/* design */
.design {
    display: block;
    width: 100%;
    padding: 110px 0;
    background: #f5f5f5;
}

.design_inner {
    display: flex;
    align-items: center;
    align-content: center;
    justify-items: flex-start;
    justify-content: space-around;
    width: calc(100% - 100px);
    max-width: 1600px;
    margin: 0 auto;
}

.design_inner_title {
    width: calc(50% - 60px);
    max-width: 575px;
    flex: 0 1 auto;
}

/* .contents:not([data-lang="en"]) .design_inner_title .mainTitle01_text {
    text-align: justify;
} */

.contents[data-lang="sc"] .design_inner_title .mainTitle01_text {
    max-width: 540px;
}

.contents[data-lang="jp"] .design_inner_title {
    max-width: none;
}

.design_inner_pic {
    position: relative;
    display: block;
    width: 530px;
    margin: 0 0 0 60px;
    flex: 0 0 auto;
}

.design_inner_pic_item {
    display: block;
    width: 100%;
    filter: drop-shadow(-10px 25px 50px rgba(0, 0, 0, .1));
}

.design_inner_pic_item img {
    display: block;
    width: 100%;
    height: auto;
}

.design_inner_pic_box {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
}

.design_inner_pic_box_item {
    position: absolute;
    display: block;
    width: auto;
    max-width: 100%;
    font-size: 14.5px;
    line-height: 1.3;
    color: #6c6c6c;
    font-family: inherit;
    font-weight: 700;
    text-align: left;
    letter-spacing: -.033em;
}

.design_inner_pic_box_item:nth-child(1) {
    top: 2.8%;
    left: 3.5%;
}

.design_inner_pic_box_item:nth-child(2) {
    top: 2.8%;
    left: 57.2%;
}

.design_inner_pic_box_item:nth-child(3) {
    bottom: 2.3%;
    left: 3.5%;
}

.design_inner_pic_box_item:nth-child(4) {
    bottom: 2.3%;
    left: 57.2%;
}

/* ultra */
.ultra {
    display: block;
    width: 100%;
    height: 750px;
    background: #efefef;
    background: url(../../../../kimg/prd_details/memory/CrasVRGB_ROG/CrasVRGB_ROG_ultra_product.png?20240726) right bottom no-repeat #eee;
    background-size: auto 100%;
}

.ultra_inner {
    display: block;
    width: calc(100% - 100px);
    max-width: 1600px;
    margin: 0 auto;
    padding: 200px 0 0 0;
}

.ultra_inner_title {
    width: calc(50% - 30px);
    max-width: 700px;
}

.ultra_inner_title .mainTitle01_text {
    max-width: 430px;
}

.contents[data-lang="jp"] .ultra_inner_title .mainTitle01_text {
    max-width: 630px;
}

.contents[data-lang="ko"] .ultra_inner_title .mainTitle01_text {
    max-width: 470px;
}

/* .contents:not([data-lang="en"]) .ultra_inner_title .mainTitle01_text {
    text-align: justify;
} */

/* partner */
.partner {
    display: block;
    width: 100%;
    height: 800px;
    background: url(../../../../kimg/prd_details/memory/CrasVRGB_ROG/CrasVRGB_ROG_partner_bg.png) center top no-repeat #000;
    background-size: cover;
}

.partner_inner {
    display: flex;
    align-items: flex-start;
    align-content: flex-start;
    justify-items: center;
    justify-content: center;
    width: calc(100% - 100px);
    margin: 0 auto;
    padding: 75px 0 0 0;
}

.partner_inner_title {
    width: auto;
    text-align: center;
}

.partner_inner_title .mainTitle_main::before {
    left: -160px;
}

.partner_inner_title .mainTitle01_text {
    max-width: 580px;
    margin: 15px auto 0 auto;
}

/* .contents:not([data-lang="en"]) .partner_inner_title .mainTitle01_text {
    text-align: justify;
} */

.contents[data-lang="jp"] .partner_inner_title .mainTitle01_text {
    max-width: 650px;
}

.contents[data-lang="tw"] .partner_inner_title .mainTitle01_text {
    max-width: 590px;
}

/* light */
.light {
    display: block;
    width: 100%;
    padding: 150px 0 180px 0;
}

.light_inner {
    display: flex;
    align-items: center;
    align-content: center;
    justify-items: flex-start;
    justify-content: space-between;
    width: calc(100% - 100px);
    max-width: 1600px;
    margin: 0 auto;
}

.light_inner_pic {
    display: block;
    width: calc(50% - 30px);
    max-width: 750px;
}

.light_inner_pic img {
    display: block;
    width: 100%;
    height: auto;
}

.light_inner_content {
    display: block;
    width: calc(50% - 30px);
    max-width: 550px;
    margin: 40px 0 0 0;
}

.contents[data-lang="sc"] .light_inner_content_title .mainTitle01_text {
    max-width: 500px;
}

.contents[data-lang="jp"] .light_inner_content_title .mainTitle01_text {
    max-width: 550px;
}

.contents[data-lang="ko"] .light_inner_content_title .mainTitle01_text {
    max-width: 485px;
}

.contents[data-lang="tw"] .light_inner_content_title .mainTitle01_text {
    max-width: 535px;
}

.light_inner_content_logo {
    display: block;
    width: 100%;
    margin: 75px 0 0 0;
}

.light_inner_content_logo_pic {
    display: block;
    width: 100%;
    height: auto;
    max-width: 290px;
}

.light_inner_content_logo_text {
    display: block;
    width: 100%;
    margin: 20px 0 0 0;
    font-size: 13px;
    line-height: 1.2;
    color: #4d4d4d;
    font-weight: 500;
    text-align: left;
    opacity: .77;
}

/* compatible */
.compatible {
    display: block;
    width: 100%;
    height: 760px;
    background: #111;
    overflow: hidden;
}

.compatible_inner {
    display: flex;
    align-items: center;
    align-content: center;
    justify-items: flex-start;
    justify-content: space-between;
    width: calc(100% - 100px);
    height: 100%;
    max-width: 1400px;
    margin: 0 auto;
}

.compatible_inner_title {
    width: calc(50% - 60px);
    max-width: 570px;
    z-index: 10
}

.contents[data-lang="sc"] .compatible_inner_title {
    max-width: 595px;
}

.contents[data-lang="jp"] .compatible_inner_title {
    max-width: 590px;
}

.contents[data-lang="ko"] .compatible_inner_title {
    max-width: 590px;
}

.contents[data-lang="tw"] .compatible_inner_title {
    max-width: 595px;
}

/* .contents:not([data-lang="en"]) .compatible_inner_title .mainTitle01_text {
    text-align: justify;
} */

.compatible_inner_pic {
    position: relative;
    top: -20%;
    display: block;
    width: 50%;
    padding: 106% 0 0 0;
}

.compatible_inner_pic img {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 150%;
    height: auto;
    transform: translate(-50%, -50%);
}

/* part */
.part {
    display: block;
    width: 100%;
    padding: 125px 0;
    background: #f5f5f5;
    overflow: hidden;
}

.part_inner {
    position: relative;
    display: flex;
    align-items: center;
    align-content: center;
    justify-items: flex-start;
    justify-content: space-between;
    width: calc(100% - 100px);
    max-width: 1500px;
    margin: 0 auto;
}

.part_inner_title {
    width: calc(50% - 30px);
    max-width: 580px;
}

.contents[data-lang="sc"] .part_inner_title {
    max-width: 620px;
}

.contents[data-lang="ko"] .part_inner_title {
    max-width: 675px;
}

.contents[data-lang="tw"] .part_inner_title {
    max-width: 600px;
}

/* .contents:not([data-lang="en"]) .part_inner_title .mainTitle01_text {
    text-align: justify;
} */

.part_inner_pic {
    position: relative;
    display: block;
    width: calc(50% - 30px);
}

.part_inner_pic img {
    display: block;
    width: 100%;
    height: auto;
}

.part_inner_pic_box {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    font-size: 17px;
    line-height: 1.2;
    color: #545454;
    font-family: inherit;
    font-weight: 700;
    z-index: 10;
}

.part_inner_pic_box__item {
    position: absolute;
    display: block;
    width: auto;
    font-size: min(17px, 1.07vw);
    line-height: inherit;
    color: inherit;
    font-family: inherit;
    font-weight: inherit;
    letter-spacing: -.033px;
    transform: translateY(-.6em);
    text-align: right;
}

.part_inner_pic_box__item:nth-child(1) {
    top: 2.1%;
    right: 39%;
}

.part_inner_pic_box__item:nth-child(2) {
    top: 8.6%;
    right: 44%;
}

.part_inner_pic_box__item:nth-child(3) {
    top: 14.5%;
    right: 55.5%;
}

.part_inner_pic_box__item:nth-child(4) {
    top: 22.3%;
    right: 62.92%;
    max-width: 19%;
}

.part_inner_pic_box__item:nth-child(5) {
    top: 22.2%;
    right: 87.3%;
    white-space: nowrap;
}

.part_inner_pic_box__item:nth-child(6) {
    top: 66.9%;
    right: 79.2%;
}

.part_inner_pic_box__item:nth-child(7),
.part_inner_pic_box__item:nth-child(8) {
    text-align: left;
}

.part_inner_pic_box__item:nth-child(7) {
    top: 97.5%;
    left: 62.5%;
}

.part_inner_pic_box__item:nth-child(8) {
    top: 90%;
    left: 69%;
}

/* brand */
.brand {
    display: block;
    width: 100%;
    padding: 140px 0;
    background: #000;
    overflow: hidden;
}

.brand_bg {
    position: absolute;
    bottom: 0;
    left: 25%;
    display: flex;
    align-items: center;
    align-content: center;
    justify-items: flex-start;
    justify-content: flex-start;
    width: auto;
    height: 100%;
    max-width: 1920px;
    transform: translateX(-41%);
}

.brand_bg img {
    display: block;
    width: auto;
    height: 100%;
}

.brand_bg .pad,
.brand_bg .mb {
    display: none;
}

.brand_inner {
    display: block;
    width: calc(100% - 100px);
    max-width: 1400px;
    margin: 0 auto;
}

.brand_inner_content {
    width: 50%;
    max-width: 630px;
    margin: 0 0 0 auto;
}

.contents[data-lang="sc"] .brand_inner_content {
    max-width: 670px;
}

.contents[data-lang="tw"] .brand_inner_content {
    max-width: 660px;
}

/* .contents:not([data-lang="en"]) .brand_inner_content_title .mainTitle01_text {
    text-align: justify;
} */

.brand_inner_content_logo {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    align-content: flex-start;
    justify-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    margin: 50px 0 0 0;
}

.brand_inner_content_logo_item {
    display: block;
    width: auto;
    height: 17px;
    max-width: 100%;
    margin: 0 25px 20px 0;
}

.brand_inner_content_logo_item img {
    display: block;
    width: auto;
    height: 100%;
    filter: brightness(0) invert(1);
}

/* 商品規格 */
.specTable {
    padding: 115px 0 100px 0;
}

@media all and (max-width:1300px) {

    /* ultra */
    .ultra {
        height: 750px;
        background: url(../../../../kimg/prd_details/memory/CrasVRGB_ROG/CrasVRGB_ROG_ultra_product_pad.png?20240726) right bottom no-repeat #eee;
        background-size: auto 100%;
    }

    .ultra_inner {
        width: calc(100% - 100px);
        max-width: 1600px;
        margin: 0 auto;
        padding: 100px 0 0 0;
    }

    .ultra_inner_title {
        width: calc(100% - 250px);
    }
}

@media all and (max-width:1200px) {
    article {
        width: 100%;
        padding-left: 2%;
        padding-right: 2%
    }

    /* speed */
    .speed {
        padding: 120px 0 90px 0;
    }

    .speed_bg {
        top: -3vw;
    }

    .speed_bg img {
        object-fit: fill;
        height: auto;
        margin: 0 0 -5px 0;
    }

    .speed_bg .pc {
        display: none;
    }

    .speed_bg .pad {
        display: block;
    }

    .speed_inner_box {
        display: block;
        margin: 0;
    }

    .speed_inner_box_title {
        width: 100%;
        max-width: none;
        margin: 0 0 30px 0;
    }

    .contents[data-lang="en"] .speed_inner_box_title .mainTitle01_text {
        max-width: 520px;
    }

    .speed_inner_box:nth-child(even) .speed_inner_box_title {
        margin: 0 0 30px 0;
    }

    .speed_inner_box_product {
        width: 100%;
        max-width: 690px;
        margin: max(-53px, -7vw) auto max(-23px, -3vw) auto;
    }

    .speed_inner_box_product_bg.pc {
        display: none;
    }

    .speed_inner_box_product_bg.pad {
        display: block;
    }

    .speed_inner_box_table {
        width: calc(100% - 40px);
        margin: 30px auto 0 auto;
    }

    .speed_inner_box_table_main {
        padding: 50px 25px 50px 35px;
    }

    .speed_inner_box:nth-child(2) .speed_inner_box_title .mainTitle01_text {
        max-width: 630px;
    }

    .contents[data-lang="jp"] .speed_inner_box:nth-child(2) .speed_inner_box_title .mainTitle01_text {
        max-width: none;
    }

    .speed_inner_box_table_main_item:nth-child(2) .speed_inner_box_table_main_item_inner_bar {
        width: 80.5%;
    }

    .speed_inner_box_table_main_item:nth-child(3) .speed_inner_box_table_main_item_inner_bar {
        width: 78.32%;
    }

    .speed_inner_box_table_main_item:nth-child(4) .speed_inner_box_table_main_item_inner_bar {
        width: 52.22%;
    }
}

@media all and (max-width:1024px) {
    .contents[data-lang="jp"] .features article li {
        width: calc(50% - 20px);
    }
}

@media all and (max-width:991px) {

    /* speed */
    .speed_inner {
        width: calc(100% - 60px);
    }

    .speed_inner_box_table_main_item_title_main {
        font-size: 16px;
    }

    /* rgb */
    .rgb {
        display: block;
        min-height: 0;
        padding: 110px 0 73vw 0;
        background:
            url(../../../../kimg/prd_details/memory/CrasVRGB_ROG/CrasVRGB_ROG_rgb_product_pad.png) center bottom no-repeat,
            url(../../../../kimg/prd_details/memory/CrasVRGB_ROG/CrasVRGB_rgb_bg_pad.png) top left no-repeat #000;
        background-size: 100% auto, 100% auto;
    }

    .rgb_inner {
        display: block;
        width: calc(100% - 60px);
    }

    .rgb_inner_title {
        width: 100%;
        max-width: none;
    }

    .contents[data-lang="jp"] .rgb_inner_title {
        max-width: none;
    }

    .rgb_inner_title .mainTitle_main::before {
        right: auto;
        left: -90px;
        transform: none;
    }

    /* design */
    .design {
        padding: 90px 0;
    }

    .design_inner {
        display: block;
        width: calc(100% - 60px);
    }

    .design_inner_title {
        width: 100%;
    }

    .design_inner_pic {
        width: calc(100% - 40px);
        margin: 20px auto 0 auto;
    }

    .design_inner_pic_item {
        filter: drop-shadow(10px 10px 30px rgba(0, 0, 0, .15))
    }

    .design_inner_pic_box_item {
        font-size: 2.34vw;
    }

    /* ultra */
    .ultra_inner {
        width: calc(100% - 60px);
    }

    .ultra_inner_title {
        width: calc(100% - 160px);
        max-width: 430px;
    }

    .contents[data-lang="ko"] .ultra_inner_title {
        width: calc(100% - 120px);
        max-width: 500px;
    }

    .ultra_inner_title .mainTitle_main_color {
        display: block;
        max-width: 355px;
    }

    /* partner */
    .partner {
        background-image: url(../../../../kimg/prd_details/memory/CrasVRGB_ROG/CrasVRGB_ROG_partner_bg_pad.png);
        background-position: center;
    }

    .partner_inner {
        width: calc(100% - 60px);
        padding: 115px 0 0 0;
    }

    .partner_inner_title {
        width: 100%;
        text-align: left;
    }

    .partner_inner_title .mainTitle01_text {
        max-width: none;
        margin: 15px auto 0 auto;
    }

    .contents[data-lang="jp"] .partner_inner_title .mainTitle01_text,
    .contents[data-lang="tw"] .partner_inner_title .mainTitle01_text {
        max-width: none;
    }

    /* light */
    .light {
        padding: 80px 0 90px 0;
    }

    .light_inner {
        display: block;
        width: calc(100% - 60px);
    }

    .light_inner_pic {
        width: calc(100% + 10px);
        max-width: none;
    }

    .light_inner_content {
        width: 100%;
        margin: 60px 0 0 0;
    }

    .light_inner_content_logo {
        margin: 40px 0 0 0;
    }

    /* compatible */
    .compatible {
        height: auto;
        padding: 115px 0 90vw 0;
        background: url(../../../../kimg/prd_details/memory/CrasVRGB_ROG/CrasVRGB_ROG_compatible_pad.png?20240729) center bottom no-repeat #111;
        background-size: 100% auto;
    }

    .compatible_inner {
        display: block;
        width: calc(100% - 60px);
        height: auto;
    }

    .compatible_inner_title {
        width: 100%;
        max-width: none;
    }

    .contents[data-lang="sc"] .compatible_inner_title,
    .contents[data-lang="jp"] .compatible_inner_title,
    .contents[data-lang="tw"] .compatible_inner_title {
        max-width: none;
    }

    .compatible_inner_pic {
        display: none;
    }

    /* part */
    .part {
        padding: 95px 0 115px 0;
    }

    .part_inner {
        display: block;
        width: calc(100% - 60px);
    }

    .part_inner_title {
        width: 100%;
    }

    .contents[data-lang="jp"] .part_inner_title {
        max-width: none;
    }

    .part_inner_pic {
        width: 100%;
        max-width: 685px;
        margin: 60px auto 0 auto;
    }

    .part_inner_pic_box__item {
        font-size: min(17px, 2.281vw);
    }

    /* brand */
    .brand {
        padding: 115px 0 78.5vw 0;
    }

    .brand_bg {
        left: 0;
        width: 100%;
        height: auto;
        transform: none;
    }

    .brand_bg img {
        width: 100%;
        height: auto;
    }

    .brand_bg .pc {
        display: none;
    }

    .brand_bg .pad {
        display: block;
    }

    .brand_inner {
        display: block;
        width: calc(100% - 60px);
    }

    .brand_inner_content {
        width: 100%;
        max-width: none;
    }

    .contents[data-lang="sc"] .brand_inner_content,
    .contents[data-lang="tw"] .brand_inner_content {
        max-width: none;
    }

    .brand_inner_content_logo {
        margin: 30px 0 -40px 0;
    }

    /* 商品規格 */
    .specTable {
        padding: 85px 0 60px 0;
    }
}

@media all and (max-width:812px) {
    .contents[data-lang="jp"] .features article li {
        margin: 0 10px 50px 10px;
    }

    /* banner */
    .banner {
        padding: 10em 0
    }

    .banner_bg .pc {
        display: none;
    }

    .banner_bg .pad {
        display: block;
    }

    .banner_box_text2 {
        font-size: 30px;
        line-height: 1
    }

    .banner_box_product {
        transform: none;
    }
}

@media all and (max-width:767px) {

    /* speed */
    .speed_inner_box_table_main_title {
        margin: 0 0 30px 0;
    }

    .speed_inner_box_table_main_item_title_count {
        top: 14px;
        font-size: 50px;
    }
}

@media all and (max-width:640px) {

    /* banner */
    .banner {
        max-height: 524px;
        padding: 15em 0;
    }

    .banner_box_logo {
        width: calc(100% - 40px);
        max-width: 275px;
        margin: 0 auto 20px auto
    }

    .banner_box_text1 {
        font-size: 13px;
    }

    .banner_box_text2 {
        font-size: 18px;
        margin: 15px 0 0 0;
    }

    .banner_box_product {
        width: calc(100% - 30px);
        max-width: 350px;
        margin: max(-16px, -5vw) 0 0 0;
    }

    /* features */
    .features li p br {
        display: none;
    }

    /* speed */
    .speed {
        padding: 70px 0 45px 0;
    }

    .speed_bg {
        top: -8vw;
    }

    .speed_bg .pad {
        display: none;
    }

    .speed_bg .mb {
        display: block;
    }

    .speed_inner {
        width: calc(100% - 40px);
    }

    .speed_inner_box_title,
    .speed_inner_box:nth-child(even) .speed_inner_box_title {
        margin: 0 0 20px 0;
    }

    .contents[data-lang="ko"] .speed_inner_box_title .mainTitle01_text .c-inlineBlock {
        display: inline;
    }

    .speed_inner_box_product {
        margin: -7vw 0 -1.8vw 0;
    }

    .speed_inner_box_product_bg.pad {
        display: none;
    }

    .speed_inner_box_product_bg.mb {
        display: block;
    }

    .speed_inner_box_table {
        width: 100%;
        margin: 20px auto 0 auto;
    }

    .speed_inner_box_table_note {
        margin: 5px 0 0 0;
        font-size: 12px;
    }

    .speed_inner_box_table_main {
        padding: 30px 15px;
    }

    .speed_inner_box_table_main_title {
        margin: 0 0 15px 0;
        font-size: 15px;
    }

    .speed_inner_box_table_main_item_title_main {
        margin: 0 0 calc(-.25em - 3.5px) 0;
        font-size: 12px;
        line-height: 1.25;
    }

    .speed_inner_box_table_main_item_title_count {
        top: 12px;
        font-size: 20px;
    }

    .speed_inner_box_table_main_item_inner_text {
        font-size: 12px;
    }

    .speed_inner_box_table_main_item:nth-child(2) .speed_inner_box_table_main_item_inner_bar {
        width: 89.5%;
    }

    .speed_inner_box_table_main_item:nth-child(3) .speed_inner_box_table_main_item_inner_bar {
        width: 87.08%;
    }

    .speed_inner_box_table_main_item:nth-child(4) .speed_inner_box_table_main_item_inner_bar {
        width: 58.05%;
    }

    /* rgb */
    .rgb {
        padding: 50px 0 80vw 0;
    }

    .rgb_inner {
        width: calc(100% - 30px);
    }

    .contents[data-lang="sc"] .rgb_inner_title .mainTitle01_text br,
    .contents[data-lang="jp"] .rgb_inner_title .mainTitle01_text br,
    .contents[data-lang="ko"] .rgb_inner_title .mainTitle01_text br .contents[data-lang="tw"] .rgb_inner_title .mainTitle01_text br {
        display: none;
    }

    .contents[data-lang="sc"] .rgb_inner_title .mainTitle01_text .c-inlineBlock,
    .contents[data-lang="jp"] .rgb_inner_title .mainTitle01_text .c-inlineBlock,
    .contents[data-lang="ko"] .rgb_inner_title .mainTitle01_text .c-inlineBlock,
    .contents[data-lang="tw"] .rgb_inner_title .mainTitle01_text .c-inlineBlock {
        display: inline;
    }

    /* design */
    .design {
        padding: 50px 0;
    }

    .design_inner {
        width: calc(100% - 30px);
    }

    .design_inner_pic {
        width: 100%;
    }

    .contents[data-lang="sc"] .design_inner_title .mainTitle01_text .c-inlineBlock,
    .contents[data-lang="jp"] .design_inner_title .mainTitle01_text .c-inlineBlock,
    .contents[data-lang="ko"] .design_inner_title .mainTitle01_text .c-inlineBlock {
        display: inline;
    }

    .contents[data-lang="tw"] .design_inner_title .mainTitle01_text .c-inlineBlock {
        display: inline;
    }

    /* ultra */
    .ultra {
        height: 440px;
        background: url(../../../../kimg/prd_details/memory/CrasVRGB_ROG/CrasVRGB_ROG_ultra_product_mb.png?20240726) right bottom no-repeat #eee;
        background-size: auto 100%;
    }

    .ultra_inner {
        width: calc(100% - 40px);
    }

    .ultra_inner {
        padding: 60px 0 0 0;
    }

    .ultra_inner_title {
        width: calc(100% - 75px);
        max-width: none;
    }

    .contents[data-lang="ko"] .ultra_inner_title {
        width: calc(100% - 75px);
        max-width: none;
    }

    .ultra_inner_title .mainTitle_text {
        max-width: 200px;
    }

    .contents[data-lang="sc"] .ultra_inner_title .mainTitle01_text .c-inlineBlock,
    .contents[data-lang="jp"] .ultra_inner_title .mainTitle01_text .c-inlineBlock,
    .contents[data-lang="ko"] .ultra_inner_title .mainTitle01_text .c-inlineBlock,
    .contents[data-lang="tw"] .ultra_inner_title .mainTitle01_text .c-inlineBlock {
        display: inline;
    }

    /* partner */
    .partner {
        height: 585px;
        min-height: 0;
        background-image: url(../../../../kimg/prd_details/memory/CrasVRGB_ROG/CrasVRGB_ROG_partner_bg_mb.png);
    }

    .partner_inner {
        width: calc(100% - 40px);
        padding: 55px 0 0 0;
    }

    .partner_inner_title .mainTitle_text br {
        display: none;
    }

    .contents[data-lang="sc"] .partner_inner_title .mainTitle01_text .c-inlineBlock,
    .contents[data-lang="jp"] .partner_inner_title .mainTitle01_text .c-inlineBlock,
    .contents[data-lang="ko"] .partner_inner_title .mainTitle01_text .c-inlineBlock,
    .contents[data-lang="tw"] .partner_inner_title .mainTitle01_text .c-inlineBlock {
        display: inline;
    }

    /* light */
    .light {
        padding: 50px 0;
    }

    .light_inner {
        width: calc(100% - 40px);
    }

    .light_inner_pic {
        left: -5px;
    }

    .light_inner_content {
        margin: 50px 0 0 0;
    }

    .contents[data-lang="sc"] .light_inner_content_title .mainTitle01_text br,
    .contents[data-lang="jp"] .light_inner_content_title .mainTitle01_text br,
    .contents[data-lang="ko"] .light_inner_content_title .mainTitle01_text br,
    .contents[data-lang="tw"] .light_inner_content_title .mainTitle01_text br {
        display: none;
    }

    .contents[data-lang="sc"] .light_inner_content_title .mainTitle01_text .c-inlineBlock,
    .contents[data-lang="jp"] .light_inner_content_title .mainTitle01_text .c-inlineBlock {
        display: inline;
    }

    .light_inner_content_logo {
        margin: 20px 0 0 0;
    }

    .light_inner_content_logo_pic {
        max-width: 180px;
    }

    .light_inner_content_logo_text {
        margin: 15px 0 0 0;
        font-size: 12px;
    }

    /* compatible */
    .compatible {
        padding: 50px 0 90vw 0;
    }

    .contents[data-lang="sc"] .compatible_inner_title .mainTitle01_text .c-inlineBlock,
    .contents[data-lang="jp"] .compatible_inner_title .mainTitle01_text .c-inlineBlock,
    .contents[data-lang="ko"] .compatible_inner_title .mainTitle01_text .c-inlineBlock .contents[data-lang="tw"] .compatible_inner_title .mainTitle01_text .c-inlineBlock {
        display: inline;
    }

    /* part */
    .part {
        padding: 60px 0;
    }

    .part_inner {
        width: calc(100% - 40px);
    }

    .contents[data-lang="sc"] .part_inner_title .mainTitle01_text .c-inlineBlock,
    .contents[data-lang="jp"] .part_inner_title .mainTitle01_text .c-inlineBlock,
    .contents[data-lang="ko"] .part_inner_title .mainTitle01_text .c-inlineBlock,
    .contents[data-lang="tw"] .part_inner_title .mainTitle01_text .c-inlineBlock {
        display: inline;
    }

    .part_inner_pic {
        margin: 25px auto 0 auto;
    }

    /* brand */
    .brand {
        padding: 60px 0 84vw 0;
    }

    .brand_inner {
        width: calc(100% - 40px);
    }

    .brand_inner_content_logo {
        margin: 15px 0 -30px 0;
    }

    .brand_inner_content_logo_item {
        height: 11px;
        margin: 0 20px 15px 0;
    }

    .contents[data-lang="sc"] .brand_inner_content_title .mainTitle01_text .c-inlineBlock,
    .contents[data-lang="jp"] .brand_inner_content_title .mainTitle01_text .c-inlineBlock,
    .contents[data-lang="ko"] .brand_inner_content_title .mainTitle01_text .c-inlineBlock {
        display: inline;
    }

    /* 商品規格 */
    .specTable {
        padding: 70px 0 20px 0;
    }
}

@media all and (max-width:414px) {
    .contents[data-lang="jp"] .features article li {
        margin: 0 10px 30px 10px;
    }
}

@media all and (max-width:414px) {

    .Content1 .text_box {
        width: 32rem
    }
}

@media all and (max-width:340px) {
    .banner_box_product {
        margin: 0;
    }
}