.creators_contract_kv.st-kv{position: relative;}
#keyvisual .st-container{ padding-top: 0; display: flex; flex-direction: column; align-items:flex-start; justify-content: center;}

.st-kv .btn-creators-wrap{ width: 100%; flex-direction: column; background-color: rgba(0,0,0,1); z-index: 10;}
.st-main p.kv-lead{ margin-bottom: 0; letter-spacing: 0; font-weight: 700;}

.member_im01{margin: 0 auto;}
.modal:not(#modal-entry) .modal__container{max-width: 680px; width: 94%;}

.list-contract-group dd .st-icn{ margin: 0 auto; background-position: 50%; background-size: 100% auto;}

.st-anchorNav03{background-color: transparent;}
.st-anchorNav03_link{background-color: #fff;}
.st-anchorNav03_link:hover{ background-color:#BDFF00}
.st-anchorNav03_link::after{ background-image: url(/assets/image/icon/icn-arrow09.svg);}

.contact-main-lead{ font-weight: 700; line-height: 2; margin-bottom: 1em;}

.st-anchorNav03_link small{display: inline-block; background-color: #0F5392; color: #fff; margin-bottom: 0.5em; padding: 0.26em 1em; line-height: 1; border-radius: 0.7em; font-size: 75%; font-weight: 400;}

.og-btn-hasIcon:after{background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 13 13"><g id="icn-window" transform="translate(0.5 0.5)"><rect width="8.211" height="8.211" rx="2" transform="translate(3.789)" fill="none" stroke="%23fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><path d="M1.895,8.211H1.263A1.263,1.263,0,0,1,0,6.947V1.263A1.263,1.263,0,0,1,1.263,0H6.947A1.263,1.263,0,0,1,8.211,1.263v.632" transform="translate(0 12) rotate(-90)" fill="none" stroke="%23fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/></g></svg>'); background-size: 50% auto;}
.og-btn-hasIcon:hover:after{background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 13 13"><g id="icn-window" transform="translate(0.5 0.5)"><rect width="8.211" height="8.211" rx="2" transform="translate(3.789)" fill="none" stroke="%23292929" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><path d="M1.895,8.211H1.263A1.263,1.263,0,0,1,0,6.947V1.263A1.263,1.263,0,0,1,1.263,0H6.947A1.263,1.263,0,0,1,8.211,1.263v.632" transform="translate(0 12) rotate(-90)" fill="none" stroke="%23292929" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/></g></svg>');}

.list-contract-group{ background-color: #f5f5f5; padding: 10px 5px; display: flex; flex-wrap: wrap;}
.list-contract-group#list-contract-group-01{ background-color: #f8e6ea;}
.list-contract-group#list-contract-group-02{ background-color: #e9edf5;}
.list-contract-group#list-contract-group-03{ background-color: #f1ecde;}
.list-contract-group#list-contract-group-04{ background-color: #eedfef;}
.list-contract-group#list-contract-group-05{ background-color: #ebf3e1;}

.list-contract-group dt{font-weight: 700;}
.list-contract-group dd{padding: 1em; text-align: center; line-height: 1.3; font-weight: 500; position: relative; box-sizing: border-box;}
.list-contract-group dd + dd::after{ content: ""; display: block; width: 1px; height: 100%; background-color: #ccc; position: absolute; top: 0; left: 0;}

.list-contract-group dd.bdr-btm{ border-bottom: 1px solid #ccc;}
.list-contract-group dd:nth-child(5)::after{display: none;}


.st-title02::before{ display: none;}

.list-contract-group dd.full{width: 100%;}

.list-contract-group dd:has(.st-icn-game){ border-left: none;}

#keyvisual.creators_contract_kv .kv-creators-outer{background-color: #292929;}

@media screen and (min-width: 1301px){
#keyvisual p.kv-lead{ font-size: clamp(2.75rem, 1.1774rem + 1.9355vw, 3.5rem);}
}
@media screen and (min-width: 899.98px) and (max-width: 1300px){
#keyvisual p.kv-lead{ font-size: 2.75rem;}
}
@media print, screen and (min-width: 1200.98px) {
 .st-row-lg .col-4{width:23.75%;}
}
@media print, screen and (min-width: 899.98px) and (max-width: 1200px) {
 .st-row-lg .col-4{width: 32%;}
}
@media print, screen and (min-width: 899.98px) {
#keyvisual.creators_contract_kv .kv-creators-outer{ height: calc(100dvh - 280px); max-height: 640px; background-image: url(/assets/image/creators/contract/kv_pc.jpg); background-position: center; background-size: cover; background-repeat: no-repeat;}
.st-main #keyvisual p.kv-lead{ font-size: 3.5em; line-height: 1.5;}

.st-bread-list{ bottom: 30px;}

.contact-main{ margin-bottom: 80px; justify-content: center; gap: 40px; align-items: center;}
.contact-main-lead{ font-size: 1.7rem;}
.contact-main-img{ width: 440px;}

.st-anchorNav03{margin-top: 68px;}
.st-anchorNav03_list{ margin-bottom: 100px; justify-content: space-between;}
.st-anchorNav03_item{ flex: 0 0 24%;}
.st-anchorNav03_link{ padding: 10px 0 40px; height: 100%; align-items: start; justify-content: center;}
.st-anchorNav03_link::after{ width: 14px; height: 8px; top: inherit; left: 0; right: 0; bottom: 10px; margin: 0 auto;}
.st-anchorNav03_link_inner,.st-anchorNav03_link_title{display: block; text-align: center;}

.list-contract{gap: 20px; justify-content: flex-start;}
.list-contract-group-wrap{gap: 14px 0;}
.list-contract-group{ padding-left: 7em; position: relative;}
/*
.list-contract-group + .list-contract-group,.list-contract-group-wrap .st-row + .list-contract-group{margin-top: 16px;}
*/
.list-contract-group dt{ padding: 1em 0 0 1em; position: absolute; top: 0; left: 0; font-size: 1.15rem;}
.list-contract-group dd{ width: 33.3%; font-size: 0.87rem;}

.list-contract-group dd .st-icn{ width: 40px; height: 50px;}


.list-contract-group-wrap {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(3, 1fr);
grid-column-gap: 16px;
grid-row-gap: 10px;
}
.list-contract-group-wrap dd{ display: flex; flex-direction: column; justify-content: center; align-items: center;}

.list-contract-group-wrap .list-contract-group:nth-child(1) { grid-area: 1 / 1 / 2 / 2; }
.list-contract-group-wrap .list-contract-group:nth-child(2) { grid-area: 2 / 1 / 4 / 2; }
.list-contract-group-wrap .st-row:nth-child(3) { grid-area: 1 / 2 / 2 / 3; }
.list-contract-group-wrap .list-contract-group:nth-child(4) { grid-area: 2 / 2 / 3 / 3; }
.list-contract-group-wrap .list-contract-group:nth-child(5) { grid-area: 3 / 2 / 4 / 3; }

.list-contract-group-wrap > .list-contract-group dd{ padding-block: 0;}

.og-btn-hasIcon.horizontal{padding: 0 3.3%;}
.og-btn-hasIcon.horizontal.og-btn-hasIcon--md{height: 80px;}
.og-btn-hasIcon.horizontal.og-btn-hasIcon--md .link-txt {font-size: 1.25rem;}
.entry-step{ align-items: center;}
.card{ height: 100%;}
.card .st-row{ padding: 0 20px 20px}
.card .card-title{ font-size: 1.5rem;}
.contract-step-img{width: 200px;}
.contract-step-img + p{ width: calc(100% - 200px);}
}
@media screen and (min-width: 899.98px) and (max-height: 920px) {
.creators_contract_kv{background-size: auto calc(100% - 200px);}
}
@media screen and (min-width: 899.98px) and (max-height: 710px) {
.creators_contract_kv{background-size: auto calc(100% - 152px);}
.st-main #keyvisual h1 .txt-en{ font-size: min(3.6vh,1.375rem);}
.st-main p.kv-lead{ font-size: min(9.3vh,2.75rem);}
.st-main #keyvisual .entry-wrap{ padding-block: min(1.6vh,10px);}
.st-main #keyvisual .entry-wrap h3{ font-size: min(6.6vh,1.625em);}
.br{display: none;}
}

@media print, screen and (max-width: 899px) {
#keyvisual.creators_contract_kv .kv-creators-outer{ background-image: url(/assets/image/creators/contract/kv_sp.jpg); background-size: cover;}

#keyvisual h1,.st-main p.kv-lead{ text-align: left;}
#keyvisual h1 .txt-en {font-size: 1rem; font-weight: 500; margin-bottom: 0.3em;}
#keyvisual h1 .txt-ja {font-size: 0.87rem; display: block;}
.st-main p.kv-lead{font-size: 1.6rem; line-height: 1.3;}

.contact-main-lead{ font-size: 1.1875rem; margin-bottom: 1em;}
.contact-main-text{ text-align: center;}
.contact-main-img{ width: 70%; margin: 20px auto 40px;}

.st-anchorNav03{ margin-bottom: 1px;}
.st-anchorNav03_item:not(:first-child){margin-top: 1px;}
.st-anchorNav03_link{text-align: left;}
.st-anchorNav03_link::after{ background-position: 50%; width: 18px; height: 18px;}
.st-anchorNav03_link_inner{display: flex; align-items: center;}
.st-anchorNav03_link_title{ flex: 1; text-align: left;}
.st-anchorNav03_link small{width: 10em; margin-right: 1em; padding: 0.4em 1em; border-radius: 1em; text-align: center;}

.list-contract-group + .list-contract-group,
.list-contract-group + .st-row,.st-row + .list-contract-group{margin-top: 1em;}
.list-contract-group dt{ font-size: 1rem; width: 100%; text-align: center;}
.list-contract-group dd{ width:33.3%; font-size: min(3.4vw,0.875rem); padding-inline: 0.5em;}
.list-contract-group dd .st-icn{ width: 40px; height: 50px; margin-bottom: 6px;}
.list-contract-group-wrap .col-2 .st-row{margin-block: 12px;}
.list-contract-group-wrap .col-2 .st-row dd{width: 70%; margin-inline: auto;}

.list-contract.liog-btn-hasIcon{gap: min(4.8vw, 18px);}
.list-contract.st-row li.col-4{width: calc(50% - 2.4vw);}
.list-contract.liog-btn-hasIcon li + li{margin-top: 0;}

.list-contract .og-btn-hasIcon .st-icn{ margin-inline: auto; width: min(6.4vw, 24px);}

.list-contract .og-btn-hasIcon .link-txt{ margin-top: 0.3em; width: 100%; text-align: center; font-size: min(4vw, 15px); font-feature-settings: 'palt';}
.list-contract .og-btn-hasIcon:after{ margin: 0; width: min(5.3vw, 20px); height: min(5.3vw, 20px); position: absolute; top: 10px; right: 10px;}

.contract-img-01{width: 86%; margin-inline: auto;}

.og-btn-hasIcon.horizontal.og-btn-hasIcon--md{ flex-direction: column; justify-content: center; align-items: center; min-height: 60px;}
.contract-step-img{width: 50%;}

.entry-step{ align-items: center;}
.card{ padding: 0 3.3% 20px}
.st-title02.card-title{margin: 20px 0;}
.contract-step-img{width: 30%;}
.contract-step-img + p{ width: 64%;}
.arrow-right{margin: 0 auto;}
}

/* entry
========================================= */
.entry-lead{ text-align: center; font-weight: 700; line-height: 1;}
.entry-lead .txt-lg{ font-size: 180%;}
.entry-lead::before{content: "＼";}
.entry-lead::after{content: "／";}
.entry-notice{ text-align: center;}

.js-fixed-btnArea.js-active{ position: fixed; bottom: 0; left: 0; right: 0; margin: 0 auto; z-index: 100; max-width: 100%;}

.js-entry .st-box01--border.js-active{ border: none;}
.entry-btn-wrap .st-btn02{ font-weight: 700; justify-content: center; padding-block: 0; border: none; transition: all 0.5s ease;}

.entry-btn-wrap .st-btn02 span{ text-align: left; display: block; padding-right: min(13.3vw,50px);}
.entry-btn-wrap .st-btn02 small{ display: block; color: #535353; font-weight: 400;}
.arrow-right{ border-top-width: 40px; border-bottom-width: 40px; border-left-width: 30px;}

.step-item::after {content: ''; display: block; clear: both;}
.step-item .step-img,.step-item p{ float: left;}
.step-item p{text-align: left;}

.entry-wrap { padding-block: min(5.1vw,20px);}
#entry.entry-wrap{background-color: rgba(0,0,0,1);}
.entry-wrap h3{color: #fff; text-align: center;}

@media print, screen and (min-width: 899.98px) {
.st-main p.entry-lead{ font-size: 1.5rem; margin-bottom: 0;}
.entry-lead::before{padding-right: 1em;}
.entry-lead::after{padding-left: 1em;}
.entry-notice{ margin-bottom: 30px;}

.st-row-lg.entry-step .col-2{width: 47%;}

.step-item p{ width: calc(100% - 200px); margin: 20px 0 0;}
.step-item .step-img{ margin: 20px;}

.entry-wrap h3{ font-size: 2.5rem; margin-bottom: 0.5em;}
.entry-wrap .js-fixed-btnArea.js-active h3{ font-size: 1.875em;}
}
@media print, screen and (max-width: 899px) {
#main > #entry:last-child{ padding-block: min(16vw,60px);}

#entry .ly-inner02{text-align: center;}
.st-main p.entry-lead{position: relative; display: inline-block; margin: 0 auto 0.8em; padding-inline: 2em;}
.entry-lead::before,.entry-lead::after{ position: absolute; bottom: 0;}
.entry-lead::before{ left: 0;}
.entry-lead::after{ right: 0;}
.entry-notice{margin-bottom: 2em;}

.step-item p{ width: 65%; margin: 0;}
.step-item .step-img{ margin: 0 5%;}

.entry-wrap h3{margin-bottom: 0.5em;}
.entry-btn-wrap .st-btn02{ padding: 0 14px;}
.entry-btn-wrap .st-btn02 small{ font-size: 0.75rem; margin-top: 0.3em;}
.btn-creator{ margin-bottom: 10px;}

#entry .entry-btn-wrap{ width: 92%; margin: 0 auto;}
#entry.entry-wrap h3{font-size: 1.33em;}
}