.choice-nav a{ display: block; background-color: #fff; font-weight: 700; position: relative; transition: background-color 0.3s ease;}
.choice-nav a:after{content: ""; display: block; width: 12px; height: 7px; background: url(/assets/image/icon/icn-arrow09.svg) no-repeat 0 0; background-size: contain; position: absolute; right: 1em; top: 0; bottom: 0; margin: auto 0;}
.choice-nav li + li{margin-top: 10px;}

.choice-nav .merit-title-txt{ display: inline; margin: 0;}
@media print, screen and (min-width: 899.98px) {
.choice-main{align-items: center;}
.choice-nav a{ border-radius: 16px; padding: 24px 30px; font-size: 1em;}
.choice-nav a:hover{background-color: #BDFF00;}
.choice-nav .merit-title-txt{ font-size: 1.5em;}
.choice-main-img{ aspect-ratio:299/344}

.choice-nav-01,.choice-nav-02{ width: min(33.75%,360px);}
.choice-nav-01 li,.choice-nav-02 li{ width: 100%; position: relative;}
.choice-nav-01 li:nth-child(2){left: min(5.9%,24px);}
.choice-nav-01 li:nth-child(3){left: min(2.9%,12px);}
.choice-nav-01 li:nth-child(4){left: min(11.1%,45px);}

.choice-nav-02 li:nth-child(1){right: min(6%,24px);}
.choice-nav-02 li:nth-child(3){right: min(10%,40px);}
.choice-nav-02 li:nth-child(4){right: min(2%,8px);}

.choice-main-img{width: min(24.9%,299px);}
.reason-head-txt{margin-bottom: 63px;}
}

@media print, screen and (max-width: 899px) {
.choice-main{ flex-direction: column;}
.choice-nav-01{order: 2;}
.choice-nav-02{order: 3;}
.choice-main-img{ margin-inline: auto; width: min(100%,400px); order: 1; text-align: center; aspect-ratio:413/216}
.reason-head-txt,.reason-head-img{margin-bottom: 1em;}
.reason-head-txt img{ width: 90%;}
.reason-head-img img{ width: 50%;}

.choice-nav-02{margin-top: 10px;}
.choice-nav{width: 90%; margin-inline: auto;}
.choice-nav a{ border-radius: 8px; padding: 0.6em 1em; font-size: min(3.4vw,13px);}
.choice-nav .merit-title-txt{ font-size: min(4.8vw,18px);}
}

.creators_choice .merit-title-txt{font-feature-settings: 'palt';}

.card-inner02{ background-color: #F2F6F9;}
.card-dl dt{ font-weight: 700; position: relative;}
.card-dl dt::before{ display: inline-block; content: ""; background-color: #0F5392; border-radius: 50%; line-height: 1; vertical-align: middle; position: absolute; top: 0.46em; left: 0;}
.card-dl dd{margin-top: 0.8em;}
.card-dl dd + dt{margin-top: 1.5em;}

@media print, screen and (min-width: 899.98px) {
.creators_choice_kv{ background-image: url(/assets/image/creators/choice/kv_pc.jpg);}

.creators_choice .merit-title-txt{ font-size: 1.68em;}

.card-inner02,.sec02-img02,.sec02-img03{ border-radius: 8px; overflow: hidden}

.card-inner02{ margin-top: 66px; padding: 40px; align-items: center;}
.merit-detail-02{width: min(57.5%,570px);}
.card-title-02{ font-size: 1.25em; margin-bottom: 30px;}
.card-dl dt{ padding-left: 20px;}
.card-dl dt::before{width: 12px; height: 12px; margin-right: 8px;}
.sec02-img02{width: min(38.3%,380px);}

.card-inner > .card-title{text-align: center;}
.card div:not(.merit-detail) .card-title,
.card div:not(.merit-detail) .merit-title-txt{margin-top: 0;}

.card-inner-row .col-2{width: 47.7%;}
.sec02-img03{margin-bottom: 30px;}
.card-title-03{ margin-bottom: 20px; font-size: 1.5em; text-align: center;}
.card .card-inner-row .col-2 p:last-child{ margin-bottom: 0;}
}
@media print, screen and (max-width: 899px) {
.creators_choice_kv{ background-image: url(/assets/image/creators/choice/kv_sp.jpg);}

.card-inner02{padding: 20px; border-radius: 0 0 4px 4px;}
.card-title-02{ margin-bottom: 1em;}
.card-dl{ text-align: left;}
.card-dl dt,.card-title-03{ font-size: min(3.75vw, 15px); line-height: 1.3;}
.card-dl dt{ padding-left: 20px;}
.card-dl dt::before{width: 12px; height: 12px; margin-right: 8px;}

.card-dl dd{ font-size: min(3.7vw, 14px); line-height: 1.5;}

.sec02-img02{ margin-top: 2em;}
.sec02-img03{margin-bottom: 1.5em;}
.card-title-03{ margin-bottom: 0.5em;}
}