.p-speedio-section-cn .cn-wrapper .cn-left .cn-left-bg { background-image: url(/-/media/cojp/product/machine/speedio/img/bluetech-bg.jpg); background-size: cover; } .p-speedio-section-cn .cn-wrapper .cn-right .cn-right-wrapper .cn-right-title { color: #66ccff; } .p-speedio-section-cn .cn-wrapper .cn-right .cn-right-wrapper .cn-right-text { width: fit-content; } .p-speedio-section-cn .cn-wrapper .cn-right .cn-right-wrapper .cn-button .line { background-color: #37a0da; } .p-speedio-section-cn .cn-wrapper .cn-right .cn-right-wrapper .cn-button:hover .text { color: #37a0da; } .p-speedio-section-support .card-wrapper .card.lineup { background-color: #000; } .p-speedio-section-support .card-wrapper .card.lineup a { text-align: center; } @media screen and (min-width: 768px) { .p-speedio-section-cn { width: min(100%, 141rem); margin-inline: auto; } .p-speedio-section-support { height: 60rem; } .p-speedio-section-support .card-wrapper { height: 50%; } .p-speedio-section-support .card-wrapper .card.lineup { width: calc(35.25rem * 2); } .p-speedio-section-support .card-wrapper .card.lineup .card-img { width: 50%; } .dsp-pc { display: block;} .dsp-sp { display: none;} } @media screen and (max-width: 767px) { .p-speedio-section-cn .cn-wrapper .cn-right { height: auto; } .p-speedio-section-support .card-wrapper + .card-wrapper { margin-top: 1.09375rem; } .p-speedio-section-support .card-wrapper .card.lineup .card-text { height: calc(7.8125rem / 2); } .p-speedio-section-support .card-wrapper .card.lineup .card-text .card-title { margin-bottom: 0; } .dsp-pc { display: none;} .dsp-sp { display: block;} }