*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body, h1, h2, h3, p, figure, ul, ol { margin: 0; }
ul, ol { padding: 0; }
li { list-style: none; }
img { display: block; max-width: 100%; height: auto; }
a { color: inherit; text-decoration: none; }
button { padding: 0; border: 0; background: transparent; color: inherit; font: inherit; cursor: pointer; }
html { font-size: 62.5%; overflow-x: hidden; }
body { color: #000; font-size: 1.6rem; font-family: "Noto Sans JP", sans-serif; line-height: 1.8; position: relative; overflow-x: hidden; overflow-x: clip; }
html.is-modal-open, body.is-modal-open { overflow: hidden; }
html.is-modal-open .navi-right, html.is-modal-open .navi-left,
html.is-modal-close-guard .navi-right, html.is-modal-close-guard .navi-left { pointer-events: none; }
a:visited { outline: none; }
small { font-size: min( calc( ( 10 * 1.3636363636 )/600 * 100vw ), calc( 1rem * 1.3636363636 ) ); }
@media (min-width: 441px) {
 body::before { content: ""; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: url( "https://gigaplus.makeshop.jp/cueshopjp/lp/starterset/images/common/bg-lp.png" ) no-repeat left 10%/cover; z-index: -1; }
}
@media (min-width: 1440px) {
 body::before { background: url( "https://gigaplus.makeshop.jp/cueshopjp/lp/starterset/images/common/bg-lp.png" ) no-repeat left 20%/130% auto; }
}
.header { background: #fff; }
.header-inner { display: flex; align-items: center; justify-content: space-between; width: 100%; min-height: 4rem; margin-inline: auto; padding: 1.3rem 0; }
.header-logo { width: calc( 23.2rem * 1.3636363636 ); }
@media (max-width: 440px) {
 .header-logo { width: calc( 23.2rem * 1.3636363636 / 60rem * 100vw ); }
}
@media (min-width: 441px) {
 .header { max-width: 60rem; margin-top: 4.8rem; margin-inline: auto; }
}
.footer { padding-bottom: .5rem; background: url( "https://gigaplus.makeshop.jp/cueshopjp/lp/starterset/images/common/bg-common.png" ) no-repeat center top/cover; color: #fff; line-height: 1.4; text-align: center; }
@media (min-width: 441px) {
 .footer { max-width: 60rem; margin-inline: auto; }
}
.main { background: #fff; width: 100%; margin-inline: auto; margin-left: auto; margin-right: auto; }
.container { width: 100%; margin-inline: auto; margin-left: auto; margin-right: auto; position: relative; }
.section { padding: 5rem 0; }
.section-dark { background: #101613; color: #fff; }
.section-gray { background: #f3f0e9; }
@media (min-width: 441px) {
 .main { border: 2px solid #fff; width: 100%; max-width: 60rem; margin-inline: auto; margin-left: auto; margin-right: auto; }
 .container { width: 100%; max-width: 60rem; margin-inline: auto; margin-left: auto; margin-right: auto; }
}
.en { font-family: "Inter", sans-serif; }
.button { display: inline-flex; align-items: center; justify-content: center; padding: 1.8rem 2.5rem; border-radius: 2.3rem; background: #ff6536; color: #fff; font-size: min( calc( ( 24 * 1.3636363636 )/600 * 100vw ), calc( 2.4rem * 1.3636363636 ) ); font-weight: 700; line-height: 1.2; transition: opacity .3s ease; position: relative; }
.button:hover { opacity: .8; }
.button-center { display: flex; justify-content: center; }
.button-radius-s { border-radius: .8rem; padding: .4rem 2.5rem .8rem; min-height: auto; }
.button-arrow { padding-right: 6rem; padding-left: 5rem; }
.button-arrow::before { content: ""; display: block; position: absolute; top: calc( 50% - .4rem ); right: 2rem; transform: translateY( -50% ) rotate( -45deg ); width: 3px; height: 1.2rem; background: #fff; }
.button-arrow::after { content: ""; display: block; position: absolute; top: calc( 50% + .4rem ); right: 2rem; transform: translateY( -50% ) rotate( 45deg ); width: 3px; height: 1.2rem; background: #fff; }
.button-arrow-reverse { padding-right: 5rem; padding-left: 6rem; }
.button-arrow-reverse::before { content: ""; display: block; position: absolute; top: 50%; left: 1rem; transform: translateY( -50% ); width: 0; height: 0; border-style: solid; border-width: min( calc( ( 11 * 1.3636363636 )/600 * 100vw ), calc( 1.1rem * 1.3636363636 ) ) min( calc( ( 18 * 1.3636363636 )/600 * 100vw ), calc( 1.8rem * 1.3636363636 ) ) min( calc( ( 11 * 1.3636363636 )/600 * 100vw ), calc( 1.1rem * 1.3636363636 ) ) 0; border-color: transparent #fff transparent transparent; }
.button-border { border: 3px solid #ff6536; color: #ff6536; font-weight: 800; font-size: min( calc( ( 14 * 1.3636363636 )/600 * 100vw ), calc( 1.4rem * 1.3636363636 ) ); padding-top: calc( ( 3 * 1.3636363636 )/600 * 100% ); padding-inline: min( calc( ( 12 * 1.3636363636 )/600 * 100vw ), calc( 1.2rem * 1.3636363636 ) ); padding-bottom: calc( ( 3 * 1.3636363636 )/600 * 100% ); }
.button-border::before, .button-border::after { display: none; }
.button-w100 { display: block; width: 100%; }
.section-label { margin-bottom: calc( ( 13 * 1.3636363636 )/600 * 100% ); color: #d5a642; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.section-title { margin-bottom: calc( ( 45 * 1.3636363636 )/600 * 100% ); font-size: min( calc( ( 48 * 1.3636363636 )/600 * 100vw ), calc( 4.8rem * 1.3636363636 ) ); font-weight: 700; line-height: 1.3; letter-spacing: 0; }
@media (min-width: 441px) {
 .section-title { margin-bottom: calc( ( 64 * 1.3636363636 )/600 * 100% ); }
}
.modal { position: fixed; inset: 0; z-index: 100; display: flex; align-items: center; justify-content: center; padding-top: calc( ( 20 * 1.3636363636 )/600 * 100% ); padding-inline: min( calc( ( 20 * 1.3636363636 )/600 * 100vw ), calc( 2rem * 1.3636363636 ) ); padding-bottom: calc( ( 20 * 1.3636363636 )/600 * 100% ); overflow: hidden; opacity: 0; visibility: hidden; pointer-events: none; transition: opacity .3s ease, visibility .3s ease; }
.modal.is-open { opacity: 1; visibility: visible; pointer-events: auto; }
.modal.is-open .modal-overlay { opacity: 1; }
.modal.is-open .modal-content { opacity: 1; transform: translateY( 0 ); }
.modal.is-closing { opacity: 0; visibility: visible; pointer-events: auto; }
.modal.is-closing .modal-overlay { opacity: 0; }
.modal.is-closing .modal-content { opacity: 0; transform: translateY( min( calc( ( 12 * 1.3636363636 )/600 * 100vw ), calc( 1.2rem * 1.3636363636 ) ) ); }
.modal-overlay { position: fixed; inset: 0; background: rgba( 0, 0, 0, .72 ); opacity: 0; transition: opacity .3s ease; -webkit-tap-highlight-color: transparent; touch-action: manipulation; }
.modal-content { position: relative; z-index: 1; display: flex; flex-direction: column; width: 100%; max-height: 100%; color: #181818; max-width: 60rem; margin-inline: auto; opacity: 0; transform: translateY( min( calc( ( 12 * 1.3636363636 )/600 * 100vw ), calc( 1.2rem * 1.3636363636 ) ) ); transition: opacity .3s ease, transform .3s ease; }
.modal-body { position: relative; flex: 1 1 auto; background: #fff; overflow-y: auto; -webkit-overflow-scrolling: touch; }
.modal-close { position: absolute; top: 0; right: 0; transform: translate( 50%, -50% ); border-radius: 50%; width: min( calc( ( 63 * 1.3636363636 )/600 * 100vw ), calc( 6.3rem * 1.3636363636 ) ); height: min( calc( ( 63 * 1.3636363636 )/600 * 100vw ), calc( 6.3rem * 1.3636363636 ) ); background: #d9d9d9; color: #1e1e1e; font-size: min( calc( ( 32 * 1.3636363636 )/600 * 100vw ), calc( 3.2rem * 1.3636363636 ) ); font-weight: 900; line-height: 1; -webkit-tap-highlight-color: transparent; touch-action: manipulation; -webkit-user-select: none; -moz-user-select: none; user-select: none; z-index: 10; }
.modal-description { color: #fff; font-weight: 800; line-height: 1.2; padding-top: calc( ( 37 * 1.3636363636 )/600 * 100% ); padding-inline: min( calc( ( 16 * 1.3636363636 )/600 * 100vw ), calc( 1.6rem * 1.3636363636 ) ); padding-bottom: 0; height: min( calc( ( 901 * 1.3636363636 )/600 * 100vw ), calc( 90.1rem * 1.3636363636 ) ); }
.modal-description-rhino { background: url( "https://gigaplus.makeshop.jp/cueshopjp/lp/starterset/images/modal/modal-description-rhino-evo-bg.png" ) no-repeat center top/cover; }
.modal-description-dufferin400 { background: url( "https://gigaplus.makeshop.jp/cueshopjp/lp/starterset/images/modal/modal-description-dufferin400-bg.png" ) no-repeat center top/cover; }
.modal-description-dufferin300 { background: url( "https://gigaplus.makeshop.jp/cueshopjp/lp/starterset/images/modal/modal-description-dufferin300-bg.png" ) no-repeat center top/cover; }
.modal-description-intro { font-size: min( calc( ( 20 * 1.3636363636 )/600 * 100vw ), calc( 2rem * 1.3636363636 ) ); margin-bottom: calc( ( 12 * 1.3636363636 )/600 * 100% ); }
.modal-description-title { font-size: min( calc( ( 40 * 1.3636363636 )/600 * 100vw ), calc( 4rem * 1.3636363636 ) ); font-weight: 900; line-height: .9; margin-bottom: calc( ( 37 * 1.3636363636 )/600 * 100% ); }
.modal-description-title-highlight { font-size: min( calc( ( 70 * 1.3636363636 )/600 * 100vw ), calc( 7rem * 1.3636363636 ) ); }
.modal-description-text { font-size: min( calc( ( 20 * 1.3636363636 )/600 * 100vw ), calc( 2rem * 1.3636363636 ) ); line-height: 1.3; }
.modal-description-reason-title { font-size: min( calc( ( 20 * 1.3636363636 )/600 * 100vw ), calc( 2rem * 1.3636363636 ) ); font-weight: 800; margin-bottom: calc( ( 10 * 1.3636363636 )/600 * 100% ); }
.modal-description-reason-list { display: flex; justify-content: space-between; gap: min( calc( ( 10 * 1.3636363636 )/600 * 100vw ), calc( 1rem * 1.3636363636 ) ); }
.modal-description-reason-body { margin: 0; }
.modal-description-reason-item { width: calc( ( 100% - 2rem ) / 3 ); }
.modal-description-reason-image { margin-bottom: calc( ( 10 * 1.3636363636 )/600 * 100% ); }
.modal-description-reason-caption { font-size: min( calc( ( 16 * 1.3636363636 )/600 * 100vw ), calc( 1.6rem * 1.3636363636 ) ); font-weight: 400; line-height: 1.3; }
.modal-description-reason-text { font-size: min( calc( ( 20 * 1.3636363636 )/600 * 100vw ), calc( 2rem * 1.3636363636 ) ); font-weight: 500; line-height: 1.3; }
.modal-lineup { margin-top: calc( ( 37 * 1.3636363636 )/600 * 100% ); margin-inline: 0; margin-bottom: calc( ( 37 * 1.3636363636 )/600 * 100% ); padding: 0 min( calc( ( 20 * 1.3636363636 )/600 * 100vw ), calc( 2rem * 1.3636363636 ) ); }
.modal-lineup-title { font-size: min( calc( ( 24 * 1.3636363636 )/600 * 100vw ), calc( 2.4rem * 1.3636363636 ) ); font-weight: 800; line-height: 1.3; text-align: center; margin-bottom: calc( ( 32 * 1.3636363636 )/600 * 100% ); }
.modal-lineup-list { display: flex; flex-wrap: wrap; justify-content: space-between; gap: min( calc( ( 27 * 1.3636363636 )/600 * 100vw ), calc( 2.7rem * 1.3636363636 ) ) 0; margin-bottom: calc( ( 70 * 1.3636363636 )/600 * 100% ); }
.modal-lineup-item { text-align: center; width: calc( ( 100% - 1.2rem ) / 2 ); }
.modal-lineup-item-title { font-size: min( calc( ( 16 * 1.3636363636 )/600 * 100vw ), calc( 1.6rem * 1.3636363636 ) ); font-weight: 800; margin-top: calc( ( 4 * 1.3636363636 )/600 * 100% ); margin-inline: 0; margin-bottom: calc( ( 20 * 1.3636363636 )/600 * 100% ); }
.fv { display: flex; align-items: flex-end; }
.fv-inner { width: 100%; position: relative; }
.fv-slide { overflow: hidden; }
.fv-slide-item { position: absolute; top: 0; padding-top: calc( ( 160 * 1.3636363636 )/600 * 100% ); padding-inline: min( calc( ( 17 * 1.3636363636 )/600 * 100vw ), calc( 1.7rem * 1.3636363636 ) ); padding-bottom: 0; width: 100%; z-index: 10; }
.fv-slide-title { color: #fff; font-size: min( calc( ( 33 * 1.3636363636 )/600 * 100vw ), calc( 3.3rem * 1.3636363636 ) ); line-height: 1.4; font-weight: 700; letter-spacing: .25em; writing-mode: vertical-rl; text-orientation: upright; text-indent: -3.75em; margin-bottom: calc( ( 38 * 1.3636363636 )/600 * 100% ); }
.fv-slide-text { color: #fff; font-size: min( calc( ( 29 * 1.3636363636 )/600 * 100vw ), calc( 2.9rem * 1.3636363636 ) ); font-weight: 700; text-align: center; margin-bottom: calc( ( 12 * 1.3636363636 )/600 * 100% ); text-shadow: 0 .4rem .4rem rgba( 0, 0, 0, .56 ); }
.fv-visual { aspect-ratio: 60/35; position: relative; z-index: 10; }
.fv-visual-text { position: absolute; top: calc( ( 25 * 1.3636363636 )/600 * 100% ); right: min( calc( ( 60 * 1.3636363636 )/600 * 100vw ), calc( 6rem * 1.3636363636 ) ); color: #285939; display: flex; justify-content: center; font-size: min( calc( ( 19 * 1.3636363636 )/600 * 100vw ), calc( 1.9rem * 1.3636363636 ) ); line-height: 1.1; font-weight: 600; text-align: center; }
.fv-visual-image { border: 2px solid #fff; position: absolute; }
.fv-visual-image img { display: block; width: 100%; height: auto; }
.fv-visual-image-01 { border-left: none; bottom: calc( ( 172 * 1.3636363636 )/600 * 100% ); left: 0; width: 45.91%; }
.fv-visual-image-02 { border-right: none; bottom: 0; right: 0; width: 64.77%; }
.intro { padding-top: calc( ( 30 * 1.3636363636 )/600 * 100% ); position: relative; }
.intro::before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url( "https://gigaplus.makeshop.jp/cueshopjp/lp/starterset/images/intro/intro-bg.png" ) no-repeat top center/100% 100%; /*clip-path: polygon(0 0, 100% 10%, 100% 100%, 0% 90%);*/ margin-top: calc( ( -65 * 1.3636363636 )/600 * 100% ); }
.intro-title { color: #fff; font-size: min( calc( ( 22 * 1.3636363636 )/600 * 100vw ), calc( 2.2rem * 1.3636363636 ) ); line-height: 1.4; font-weight: 700; text-align: center; margin-bottom: calc( ( 13 * 1.3636363636 )/600 * 100% ); position: relative; z-index: 1; }
.intro-point { padding-bottom: calc( ( 165 * 1.3636363636 )/600 * 100% ); position: relative; }
.intro-point-pop { position: absolute; top: calc( ( -36 * 1.3636363636 )/600 * 100% ); left: 50%; transform: translateX( -50% ); display: flex; justify-content: center; width: -moz-max-content; width: max-content; color: #285939; background: #fff; border-radius: min( calc( ( 58 * 1.3636363636 )/600 * 100vw ), calc( 5.8rem * 1.3636363636 ) ); font-size: min( calc( ( 20 * 1.3636363636 )/600 * 100vw ), calc( 2rem * 1.3636363636 ) ); font-weight: 700; line-height: 1.2; padding: min( calc( ( 17 * 1.3636363636 )/600 * 100vw ), calc( 1.7rem * 1.3636363636 ) ); }
.intro-point-pop::after { content: ""; display: block; position: absolute; top: 100%; left: 50%; transform: translateX( -50% ); width: 0; height: 0; border-left: min( calc( ( 7 * 1.3636363636 )/600 * 100vw ), calc( .7rem * 1.3636363636 ) ) solid transparent; border-right: min( calc( ( 7 * 1.3636363636 )/600 * 100vw ), calc( .7rem * 1.3636363636 ) ) solid transparent; border-top: min( calc( ( 11 * 1.3636363636 )/600 * 100vw ), calc( 1.1rem * 1.3636363636 ) ) solid #fff; }
.intro-point-list { display: flex; justify-content: center; padding-top: calc( ( 20 * 1.3636363636 )/600 * 100% ); padding-inline: min( calc( ( 7 * 1.3636363636 )/600 * 100vw ), calc( .7rem * 1.3636363636 ) ); padding-bottom: 0; }
.intro-point-item { display: flex; flex-direction: column; align-items: center; gap: min( calc( ( 6 * 1.3636363636 )/600 * 100vw ), calc( .6rem * 1.3636363636 ) ); }
.intro-point-number { color: #fff; font-size: min( calc( ( 49 * 1.3636363636 )/600 * 100vw ), calc( 4.9rem * 1.3636363636 ) ); font-weight: 700; }
.intro-point-image { flex-shrink: 0; }
.intro-point-image img { width: min( calc( ( 129 * 1.3636363636 )/600 * 100vw ), calc( 12.9rem * 1.3636363636 ) ); height: min( calc( ( 129 * 1.3636363636 )/600 * 100vw ), calc( 12.9rem * 1.3636363636 ) ); margin-top: calc( ( -140 * 1.3636363636 )/600 * 100% ); }
.intro-point-text { color: #fff; font-size: min( calc( ( 13 * 1.3636363636 )/600 * 100vw ), calc( 1.3rem * 1.3636363636 ) ); font-weight: 700; line-height: 1.2; text-align: center; }
.lineup { margin-top: calc( ( -80 * 1.3636363636 )/600 * 100% ); padding-bottom: calc( ( 24 * 1.3636363636 )/600 * 100% ); }
.lineup-content { display: flex; flex-direction: column; gap: min( calc( ( 21 * 1.3636363636 )/600 * 100vw ), calc( 2.1rem * 1.3636363636 ) ); }
.lineup-content-01 .lineup-header { background: url( "https://gigaplus.makeshop.jp/cueshopjp/lp/starterset/images/lineup/lineup-content01-header-bg.png" ) no-repeat center/cover; }
.lineup-content-02 .lineup-header { background: url( "https://gigaplus.makeshop.jp/cueshopjp/lp/starterset/images/lineup/lineup-content02-header-bg.png" ) no-repeat center/cover; }
.lineup-content-03 .lineup-header { background: url( "https://gigaplus.makeshop.jp/cueshopjp/lp/starterset/images/lineup/lineup-content03-header-bg.png" ) no-repeat center/cover; }
.lineup-title { font-size: min( calc( ( 30 * 1.3636363636 )/600 * 100vw ), calc( 3rem * 1.3636363636 ) ); line-height: 1.2; font-weight: 800; text-align: center; margin-bottom: calc( ( 20 * 1.3636363636 )/600 * 100% ); }
.lineup-header { color: #fff; margin-bottom: calc( ( 20 * 1.3636363636 )/600 * 100% ); padding-top: calc( ( 24 * 1.3636363636 )/600 * 100% ); padding-inline: 0; padding-bottom: calc( ( 24 * 1.3636363636 )/600 * 100% ); }
.lineup-subtitle { font-size: min( calc( ( 32 * 1.3636363636 )/600 * 100vw ), calc( 3.2rem * 1.3636363636 ) ); line-height: 1.2; font-weight: 700; text-align: center; margin-bottom: calc( ( 10 * 1.3636363636 )/600 * 100% ); }
.lineup-subtext { font-size: min( calc( ( 16 * 1.3636363636 )/600 * 100vw ), calc( 1.6rem * 1.3636363636 ) ); line-height: 1.4; font-weight: 400; text-align: center; }
.lineup-image { margin-bottom: calc( ( 20 * 1.3636363636 )/600 * 100% ); }
.lineup-options { display: flex; flex-direction: column; justify-content: center; gap: min( calc( ( 8 * 1.3636363636 )/600 * 100vw ), calc( .8rem * 1.3636363636 ) ); }
.lineup-option { display: flex; align-items: flex-start; gap: min( calc( ( 14 * 1.3636363636 )/600 * 100vw ), calc( 1.4rem * 1.3636363636 ) ); padding: 0 min( calc( ( 5 * 1.3636363636 )/600 * 100vw ), calc( .5rem * 1.3636363636 ) ); }
.lineup-option-image { width: min( calc( ( 180 * 1.3636363636 )/600 * 100vw ), calc( 18rem * 1.3636363636 ) ); flex-shrink: 0; }
.lineup-option-title { font-size: min( calc( ( 19 * 1.3636363636 )/600 * 100vw ), calc( 1.9rem * 1.3636363636 ) ); line-height: 1.4; font-weight: 700; margin: 0; margin-bottom: calc( ( 5 * 1.3636363636 )/600 * 100% ); }
.lineup-option-text { font-size: min( calc( ( 16 * 1.3636363636 )/600 * 100vw ), calc( 1.6rem * 1.3636363636 ) ); line-height: 1.2; font-weight: 400; }
.lineup-price { margin-top: calc( ( 33 * 1.3636363636 )/600 * 100% ); margin-inline: 0; margin-bottom: calc( ( 33 * 1.3636363636 )/600 * 100% ); padding: 0 min( calc( ( 20 * 1.3636363636 )/600 * 100vw ), calc( 2rem * 1.3636363636 ) ); }
.lineup-price-text { font-size: min( calc( ( 20 * 1.3636363636 )/600 * 100vw ), calc( 2rem * 1.3636363636 ) ); line-height: 1.2; font-weight: 800; }
.lineup-price-value { font-size: min( calc( ( 36 * 1.3636363636 )/600 * 100vw ), calc( 3.6rem * 1.3636363636 ) ); line-height: 1.2; font-weight: 600; text-align: center; margin: 0; }
.lineup-price-tax { font-size: min( calc( ( 20 * 1.3636363636 )/600 * 100vw ), calc( 2rem * 1.3636363636 ) ); line-height: 1.2; text-align: center; }
.lineup-feature { display: flex; gap: min( calc( ( 15 * 1.3636363636 )/600 * 100vw ), calc( 1.5rem * 1.3636363636 ) ); margin-bottom: calc( ( 18 * 1.3636363636 )/600 * 100% ); padding: 0 min( calc( ( 20 * 1.3636363636 )/600 * 100vw ), calc( 2rem * 1.3636363636 ) ); }
.lineup-feature-title { font-size: min( calc( ( 27 * 1.3636363636 )/600 * 100vw ), calc( 2.7rem * 1.3636363636 ) ); line-height: 1.4; font-weight: 800; margin-bottom: calc( ( 5 * 1.3636363636 )/600 * 100% ); }
.lineup-feature-text { font-size: min( calc( ( 16 * 1.3636363636 )/600 * 100vw ), calc( 1.6rem * 1.3636363636 ) ); line-height: 1.4; font-weight: 400; }
.lineup-feature-image { width: min( calc( ( 106 * 1.3636363636 )/600 * 100vw ), calc( 10.6rem * 1.3636363636 ) ); height: min( calc( ( 139 * 1.3636363636 )/600 * 100vw ), calc( 13.9rem * 1.3636363636 ) ); }
@media (min-width: 441px) {
 .lineup-title { font-size: min( calc( ( 30 * 1.3636363636 )/600 * 100vw ), calc( 3rem * 1.3636363636 ) ); }
 .lineup-subtitle { font-size: min( calc( ( 32 * 1.3636363636 )/600 * 100vw ), calc( 3.2rem * 1.3636363636 ) ); }
 .lineup-subtext { font-size: min( calc( ( 16 * 1.3636363636 )/600 * 100vw ), calc( 1.6rem * 1.3636363636 ) ); }
 .lineup-option-image { width: min( calc( ( 180 * 1.3636363636 )/600 * 100vw ), calc( 18rem * 1.3636363636 ) ); }
 .lineup-option-title { font-size: min( calc( ( 19 * 1.3636363636 )/600 * 100vw ), calc( 1.9rem * 1.3636363636 ) ); }
 .lineup-option-text { font-size: min( calc( ( 16 * 1.3636363636 )/600 * 100vw ), calc( 1.6rem * 1.3636363636 ) ); }
 .lineup-price-text { font-size: min( calc( ( 20 * 1.3636363636 )/600 * 100vw ), calc( 2rem * 1.3636363636 ) ); }
 .lineup-price-value { font-size: min( calc( ( 36 * 1.3636363636 )/600 * 100vw ), calc( 3.6rem * 1.3636363636 ) ); }
 .lineup-price-tax { font-size: min( calc( ( 20 * 1.3636363636 )/600 * 100vw ), calc( 2rem * 1.3636363636 ) ); }
 .lineup-feature-title { font-size: min( calc( ( 27 * 1.3636363636 )/600 * 100vw ), calc( 2.7rem * 1.3636363636 ) ); }
 .lineup-feature-text { font-size: min( calc( ( 16 * 1.3636363636 )/600 * 100vw ), calc( 1.6rem * 1.3636363636 ) ); }
}
.recommend { background: url( "https://gigaplus.makeshop.jp/cueshopjp/lp/starterset/images/recommend/recommend-bg.png" ) no-repeat top center/100% 100%; padding: 18% min( calc( ( 20 * 1.3636363636 )/600 * 100vw ), calc( 2rem * 1.3636363636 ) ); position: relative; z-index: 2; }
.recommend-content { color: #fff; display: flex; flex-direction: column; gap: min( calc( ( 40 * 1.3636363636 )/600 * 100vw ), calc( 4rem * 1.3636363636 ) ); }
.recommend-pro-01 .recommend-pro-bio-body { left: min( calc( ( 10 * 1.3636363636 )/600 * 100vw ), calc( 1rem * 1.3636363636 ) ); }
.recommend-pro-01 .recommend-pro-bio-image { margin: 0 0 0 auto; }
.recommend-pro-01 .recommend-pro-bio-sign { width: calc( 27.2rem * 1.3636363636 ); }
@media (max-width: 440px) {
 .recommend-pro-01 .recommend-pro-bio-sign { width: calc( 27.2rem * 1.3636363636 / 60rem * 100vw ); }
}
.recommend-pro-02 .recommend-pro-bio-body { right: 0; }
.recommend-pro-02 .recommend-pro-bio-image { margin: 0 auto 0 0; }
.recommend-pro-02 .recommend-pro-bio-sign { width: calc( 21.7rem * 1.3636363636 ); }
@media (max-width: 440px) {
 .recommend-pro-02 .recommend-pro-bio-sign { width: calc( 21.7rem * 1.3636363636 / 60rem * 100vw ); }
}
.recommend-pro-bio { position: relative; }
.recommend-pro-bio-image { width: calc( 31rem * 1.3636363636 ); }
@media (max-width: 440px) {
 .recommend-pro-bio-image { width: calc( 31rem * 1.3636363636 / 60rem * 100vw ); }
}
.recommend-pro-bio-image { border-radius: min( calc( ( 20 * 1.3636363636 )/600 * 100vw ), calc( 2rem * 1.3636363636 ) ); }
.recommend-pro-bio-body { position: absolute; bottom: calc( ( 10 * 1.3636363636 )/600 * 100% ); }
.recommend-pro-bio-name { font-size: min( calc( ( 43 * 1.3636363636 )/600 * 100vw ), calc( 4.3rem * 1.3636363636 ) ); font-weight: 800; line-height: 1; }
.recommend-pro-comment { margin-top: calc( ( 24 * 1.3636363636 )/600 * 100% ); }
.recommend-pro-comment-text { font-size: min( calc( ( 16 * 1.3636363636 )/600 * 100vw ), calc( 1.6rem * 1.3636363636 ) ); font-weight: 300; line-height: 1.3; }
.quality { background: url( "https://gigaplus.makeshop.jp/cueshopjp/lp/starterset/images/quality/quality-bg.png" ) no-repeat center top/100% auto; color: #fff; margin-top: calc( ( -160 * 1.3636363636 )/600 * 100% ); padding-top: calc( ( 50 * 1.3636363636 )/600 * 100% ); }
.quality-content { display: flex; flex-direction: column; justify-content: center; align-items: center; min-height: min( calc( ( 817 * 1.3636363636 )/600 * 100vw ), calc( 81.7rem * 1.3636363636 ) ); gap: min( calc( ( 30 * 1.3636363636 )/600 * 100vw ), calc( 3rem * 1.3636363636 ) ); margin-top: calc( ( 50 * 1.3636363636 )/600 * 100% ); margin-bottom: 1.4rem; }
.quality-title { font-size: min( calc( ( 35 * 1.3636363636 )/600 * 100vw ), calc( 3.5rem * 1.3636363636 ) ); line-height: 1.4; font-weight: 800; text-align: center; }
.quality-logo { margin: 0 auto; width: calc( 25.3rem * 1.3636363636 ); }
@media (max-width: 440px) {
 .quality-logo { width: calc( 25.3rem * 1.3636363636 / 60rem * 100vw ); }
}
.quality-text { font-size: min( calc( ( 18 * 1.3636363636 )/600 * 100vw ), calc( 1.8rem * 1.3636363636 ) ); text-align: center; }
.players { background: url( "https://gigaplus.makeshop.jp/cueshopjp/lp/starterset/images/players/players-bg.png" ) no-repeat center top/100% 100%; color: #fff; margin-top: calc( ( -130 * 1.3636363636 )/600 * 100% ); padding-top: calc( ( 70 * 1.3636363636 )/600 * 100% ); padding-inline: 0; padding-bottom: calc( ( 100 * 1.3636363636 )/600 * 100% ); position: relative; z-index: 2; overflow: hidden; }
.players-title { font-size: min( calc( ( 30 * 1.3636363636 )/600 * 100vw ), calc( 3rem * 1.3636363636 ) ); font-weight: 700; text-align: center; }
.players-text { line-height: 1.2; margin: 0 auto; font-size: min( calc( ( 16 * 1.3636363636 )/600 * 100vw ), calc( 1.6rem * 1.3636363636 ) ); padding: 0 min( calc( ( 40 * 1.3636363636 )/600 * 100vw ), calc( 4rem * 1.3636363636 ) ); }
.players-list { padding-top: calc( ( 25 * 1.3636363636 )/600 * 100% ); padding-inline: 0; padding-bottom: calc( ( 25 * 1.3636363636 )/600 * 100% ); }
.step { background: url( "https://gigaplus.makeshop.jp/cueshopjp/lp/starterset/images/step/step-bg.png" ) no-repeat bottom center/100% 100%; margin-top: calc( ( -102 * 1.3636363636 )/600 * 100% ); padding-top: calc( ( 130 * 1.3636363636 )/600 * 100% ); padding-inline: 0; padding-bottom: calc( ( 224 * 1.3636363636 )/600 * 100% ); position: relative; }
.step-title { font-size: min( calc( ( 28 * 1.3636363636 )/600 * 100vw ), calc( 2.8rem * 1.3636363636 ) ); font-weight: 800; line-height: 1.4; text-align: center; margin-bottom: calc( ( 30 * 1.3636363636 )/600 * 100% ); }
.step-title-highlight { font-size: min( calc( ( 36 * 1.3636363636 )/600 * 100vw ), calc( 3.6rem * 1.3636363636 ) ); }
.step-content { padding: 0 min( calc( ( 45 * 1.3636363636 )/600 * 100vw ), calc( 4.5rem * 1.3636363636 ) ); }
.step-list { display: flex; flex-direction: column; justify-content: space-between; margin-bottom: calc( ( 55 * 1.3636363636 )/600 * 100% ); gap: 3em; }
.step-item { position: relative; }
.step-item:not(:last-child)::after { position: absolute; content: ""; display: block; bottom: -1.7em; left: min( calc( ( 14 * 1.3636363636 )/600 * 100vw ), calc( 1.4rem * 1.3636363636 ) ); width: 0; height: 0; border-style: solid; border-width: min( calc( ( 15 * 1.3636363636 )/600 * 100vw ), calc( 1.5rem * 1.3636363636 ) ) min( calc( ( 9 * 1.3636363636 )/600 * 100vw ), calc( .9rem * 1.3636363636 ) ) 0 min( calc( ( 9 * 1.3636363636 )/600 * 100vw ), calc( .9rem * 1.3636363636 ) ); border-color: #000 transparent transparent transparent; }
.step-item-wrap { display: flex; flex-direction: column; gap: min( calc( ( 3 * 1.3636363636 )/600 * 100vw ), calc( .3rem * 1.3636363636 ) ); }
.step-item-number { font-weight: 400; line-height: 1; -webkit-tap-highlight-color: transparent; touch-action: manipulation; -webkit-user-select: none; -moz-user-select: none; user-select: none; z-index: 10; }
.step-item-text { font-size: min( calc( ( 24 * 1.3636363636 )/600 * 100vw ), calc( 2.4rem * 1.3636363636 ) ); font-weight: 700; line-height: 1.2; margin: 0; }
.step-text { font-size: min( calc( ( 16 * 1.3636363636 )/600 * 100vw ), calc( 1.6rem * 1.3636363636 ) ); line-height: 1.2; }
.step-text + .step-text { margin-top: 1em; }
.message { margin-top: -2rem; padding-bottom: calc( ( 26 * 1.3636363636 )/600 * 100% ); }
.message-header { display: flex; align-items: flex-end; gap: min( calc( ( 10 * 1.3636363636 )/600 * 100vw ), calc( 1rem * 1.3636363636 ) ); margin-bottom: calc( ( 15 * 1.3636363636 )/600 * 100% ); padding: 0 min( calc( ( 20 * 1.3636363636 )/600 * 100vw ), calc( 2rem * 1.3636363636 ) ); }
.message-header-title { font-size: min( calc( ( 44 * 1.3636363636 )/600 * 100vw ), calc( 4.4rem * 1.3636363636 ) ); font-weight: 900; line-height: 1.2; margin-bottom: calc( ( 15 * 1.3636363636 )/600 * 100% ); }
.message-header-title-small { font-size: min( calc( ( 24 * 1.3636363636 )/600 * 100vw ), calc( 2.4rem * 1.3636363636 ) ); }
.message-header-text { font-size: min( calc( ( 24 * 1.3636363636 )/600 * 100vw ), calc( 2.4rem * 1.3636363636 ) ); font-weight: 700; line-height: 1.2; margin-left: .5em; text-indent: -1em; }
.message-header-image { width: calc( 10.7rem * 1.3636363636 ); }
@media (max-width: 440px) {
 .message-header-image { width: calc( 10.7rem * 1.3636363636 / 60rem * 100vw ); }
}
.message-body { margin-top: calc( ( 20 * 1.3636363636 )/600 * 100% ); margin-inline: 0; margin-bottom: calc( ( 20 * 1.3636363636 )/600 * 100% ); padding: 0 min( calc( ( 18 * 1.3636363636 )/600 * 100vw ), calc( 1.8rem * 1.3636363636 ) ); }
.message-body-text { font-size: min( calc( ( 20 * 1.3636363636 )/600 * 100vw ), calc( 2rem * 1.3636363636 ) ); line-height: 1.2; }
.message-body-text + .message-body-text { margin-top: 1em; }
.message-signature { width: calc( 19.8rem * 1.3636363636 ); }
@media (max-width: 440px) {
 .message-signature { width: calc( 19.8rem * 1.3636363636 / 60rem * 100vw ); }
}
.message-signature { margin-top: 0; margin-right: min( calc( ( 20 * 1.3636363636 )/600 * 100vw ), calc( 2rem * 1.3636363636 ) ); margin-bottom: calc( ( 39 * 1.3636363636 )/600 * 100% ); margin-left: auto; }
.bottom { padding-bottom: calc( ( 28 * 1.3636363636 )/600 * 100% ); }
.navi-right { display: none; }
.navi-left { display: none; }
@media (min-width: 1440px) {
 .navi-right { display: block; position: fixed; top: 9rem; right: 9rem; z-index: 10; margin: 0 calc( 50% - 50vw ); padding: 0 calc( 50vw - 50% ); }
 .navi-left { display: block; position: fixed; top: 4.5rem; left: 5.9rem; z-index: 10; margin: 0 calc( 50% - 50vw ); padding: 0 calc( 50vw - 50% ); }
 .navi-list { background: rgba( 0, 0, 0, .7 ); border-radius: 1rem; }
 .navi-link { color: #fff; display: flex; flex-direction: column; gap: 1.2rem; font-size: 2rem; line-height: 1.2; text-align: left; padding: 2.5rem 5rem 2.5rem 1.8rem; width: 100%; transition: opacity .3s ease; position: relative; }
 .navi-link::after { position: absolute; content: ""; display: block; right: 2rem; top: 50%; transform: translateY( -50% ) rotate( 45deg ); border-top: 3px solid #fff; border-right: 3px solid #fff; transition: transform .3s; width: 1.6rem; height: 1.6rem; }
 .navi-link:hover { opacity: .8; }
 .navi-link:hover::after { transform: translateY( -50% ) rotate( 135deg ); }
 .navi-link-title { font-weight: 600; }
 .navi-link-title-highlight { font-size: 2.4rem; }
 .navi-link-subtitle { font-size: 2rem; font-weight: 300; margin: 0; }
 .navi-item:not(:last-child) { border-bottom: 1px solid rgba( 255, 255, 255, .3 ); }
 .navi-top { display: flex; justify-content: center; margin-top: 23rem; }
 .navi-top-link { color: #fff; font-size: 2.8rem; font-weight: 600; position: relative; }
 .navi-top-link::before { content: ""; display: block; position: absolute; top: 50%; left: -5rem; transform: translateY( -50% ); background: url( "https://gigaplus.makeshop.jp/cueshopjp/lp/starterset/images/common/navi-top-arrow.svg" ) no-repeat center/cover; width: 3rem; height: 3rem; }
 .navi-top-link::after { content: ""; display: block; position: absolute; top: 50%; right: -5rem; transform: translateY( -50% ); background: url( "https://gigaplus.makeshop.jp/cueshopjp/lp/starterset/images/common/navi-top-arrow.svg" ) no-repeat center/cover; width: 3rem; height: 3rem; }
 .navi-brand { color: #fff; display: flex; flex-direction: column; line-height: 1.2; text-align: left; }
 .navi-brand-label { font-size: 2.7rem; font-weight: 300; }
 .navi-brand-name { font-size: 3.3rem; font-weight: 600; margin: 0; }
}
.u-hidden-sp { display: none !important; }
@media (min-width: 441px) {
 .u-hidden-sp { display: initial !important; }
 .u-hidden-pc { display: none !important; }
}
/* ---------- PCサイドナビ調整 ---------- */
/* 表示開始を1200pxに。1440pxだと最大化しても数px足りず消えるため。
   装飾も元は1440pxブロック内にあったので、ここで全て指定し直している */
@media (min-width: 1200px) {

  /* ---------- 左：ブランド名 ---------- */
  /* 本文カラム(600px)の端を基準に配置。画面幅が変わっても間隔が一定になる */
  .navi-left {
    display: block;
    position: fixed;
    top: 4.5rem;
    left: 50%;
    right: auto;
    margin: 0 0 0 -58rem;   /* 中央から58rem左。右端がカラム左端の2rem外に来る */
    width: 26rem;
    padding: 0;
    z-index: 10;
  }
  .navi-brand {
    color: #fff;
    display: flex;
    flex-direction: column;
    line-height: 1.2;
    text-align: left;
  }
  .navi-brand-label { font-size: 1.8rem; font-weight: 300; }
  .navi-brand-name  { font-size: 2.2rem; font-weight: 600; margin: 0; }

  /* ---------- 右：セットへのリンク ---------- */
  .navi-right {
    display: block;
    position: fixed;
    top: 9rem;
    left: 50%;
    right: auto;
    margin: 0 0 0 32rem;    /* 中央から32rem右。カラム右端の2rem外 */
    width: 26rem;
    padding: 0;
    z-index: 10;
  }
  .navi-list { background: rgba( 0, 0, 0, .7 ); border-radius: 1rem; }
  .navi-link {
    color: #fff;
    display: flex;
    flex-direction: column;
    gap: .6rem;
    font-size: 1.7rem;
    line-height: 1.2;
    text-align: left;
    padding: 2rem 4rem 2rem 1.6rem;
    width: 100%;
    transition: opacity .3s ease;
    position: relative;
  }
  .navi-link::after {
    position: absolute;
    content: "";
    display: block;
    right: 1.6rem;
    top: 50%;
    transform: translateY( -50% ) rotate( 45deg );
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    transition: transform .3s;
    width: 1.2rem;
    height: 1.2rem;
  }
  .navi-link:hover { opacity: .8; }
  .navi-link:hover::after { transform: translateY( -50% ) rotate( 135deg ); }
  .navi-link-title { font-weight: 600; }
  .navi-link-title-highlight { font-size: 2rem; }
  .navi-link-subtitle { font-size: 1.6rem; font-weight: 300; margin: 0; }
  .navi-item:not(:last-child) { border-bottom: 1px solid rgba( 255, 255, 255, .3 ); }

  /* ---------- PAGE UP ---------- */
  .navi-top { display: flex; justify-content: center; margin-top: 18rem; }
  .navi-top-link { color: #fff; font-size: 2.8rem; font-weight: 600; position: relative; }
  .navi-top-link::before,
  .navi-top-link::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY( -50% );
    background: url( "https://gigaplus.makeshop.jp/cueshopjp/lp/starterset/images/common/navi-top-arrow.svg" ) no-repeat center/cover;
    width: 3rem;
    height: 3rem;
  }
  .navi-top-link::before { left: -5rem; }
  .navi-top-link::after  { right: -5rem; }
}
/* ---------- PCサイドナビ調整end ---------- */
/* ---------- 見出し階層整理にともなう調整 ---------- */
/* h3→h4 に変更した見出しに、ブラウザ既定の上マージンが付くのを打ち消す */
h4, h5 { margin-top: 0; }

/* recommendセクションに追加した見出し */
.recommend-title {
  color: #fff;
  font-size: min( calc( ( 30 * 1.3636363636 )/600 * 100vw ), calc( 3rem * 1.3636363636 ) );
  font-weight: 700;
  line-height: 1.3;
  text-align: center;
  margin-bottom: calc( ( 30 * 1.3636363636 )/600 * 100% );
}
/* ---------- 見出し階層整理にともなう調整end ---------- */