#keyvisual.st-kv { height: auto; padding: 0; aspect-ratio: inherit;}
#keyvisual h1{ display: inline-block; line-height: 1; position: relative;}
#keyvisual h1::after{ content: ""; display: block; width: 105px; height: 1px; background-color: #fff; position: absolute; left: 0; bottom: 0;}
#keyvisual h1 .txt-en{ font-weight: 500; margin-bottom: 0;}
#keyvisual h1 .txt-en::after{content: "／"; padding-inline: 0.5em;}
.kv-creators-inner,.st-main02 #keyvisual p.kv-lead{text-align: left;}

#keyvisual h1 small,#keyvisual h1 span{ display: inline-block;}
#keyvisual p.kv-lead{ margin-bottom: 0; font-weight: 700;}
#keyvisual .kv-lead small,#keyvisual .kv-lead span{ display: block;}

.st-icn-creators{background-image: url(/assets/image/creators/icn-creators.svg); background-position: 0 50%;}
.st-icn-members{background-image: url(/assets/image/creators/icn-members.svg); background-position: 0 50%;}

.bg02{background-color: #fff;}
.creators-ttl02{ text-align: center; font-weight: 700;}
.creators-lead{ font-weight: 500;}

.btn-creators-wrap{position: relative; z-index: 3;}

.modal .btn-creators-wrap{position: relative; background-color: transparent; padding: 0;}
.modal .entry-btn-wrap{ gap: 0;}
.btn-creators-wrap .st-btn01,.entry-btn-wrap .st-btn02{ gap: 14px;}
.entry-btn-wrap .st-btn02{ font-weight: 700; justify-content: flex-start; padding-block: 0; border: none;}
.entry-btn-wrap .st-btn02:hover{ background-color: #0F5392; color: #fff;}
.entry-btn-wrap .st-btn02 span{text-align: left;}

.st-anchorNav03_link::after{ background-image: url(/assets/image/icon/icn-arrow09.svg);}

.modal-entry-wrap .modal__content{max-width: 900px;}
.modal-entry-wrap .modal__content .st-box01{ background-color: #F5F5F5;}
.st-main .modal-entry-wrap .modal__content .st-box01 p,.modal-entry-wrap .modal__content .st-box01 ol{ margin-bottom: 1em;}
.st-main .modal-entry-wrap .modal__content .st-box01 p:last-child{margin-bottom: 0;}
.modal-entry-wrap .modal__content .st-box01 ol{margin-left: 1.5em; font-size: 0.875rem;}
.modal-entry-wrap .modal__content .st-box01 ol li{list-style: decimal; line-height: 1.4;}
.modal-entry-wrap .modal__content .st-box01 ol li + li{ margin-top: 1em;}

.modal-entry-wrap .modal__content .st-btn02 > span,.modal-entry-wrap .modal__content .st-btn02 small{ transition: all 0.1s ease;}
.modal-entry-wrap .modal__content .st-btn02 > span,.modal-entry-wrap .modal__content .st-btn02 small{ color:rgb(41, 41, 41);}
.modal-entry-wrap .modal__content .st-btn02 small{ font-size: 80%; font-weight: 700;}

.btn-creators-wrap .st-btn01 small,.btn-creators-wrap .st-btn01:hover small,
.btn-creators-wrap .st-btn02 small,.btn-creators-wrap .st-btn02:hover small,
.entry-btn-wrap .st-btn01 small,.entry-btn-wrap .st-btn01:hover small,
.entry-btn-wrap .st-btn02 small,.entry-btn-wrap .st-btn02:hover small{opacity: 1;}

.modal-entry-wrap .modal-content .st-btn02 + .st-link01{display: block; margin-top: 1em;}

@media print, screen and (min-width: 1920.98px) {
#keyvisual.st-kv{ overflow: inherit;}
}
@media print, screen and (min-width: 1301px) {
.st-main02 #keyvisual h1 .txt-en,#keyvisual h1 .txt-en{ font-size: clamp(1.375rem, 0.3266rem + 1.2903vw, 1.875rem);}
#keyvisual h1 .txt-ja,#keyvisual h1 .txt-ja,#keyvisual h1 .txt-en::after,.st-main02 #keyvisual h1 .txt-en::after{ font-size: clamp(0.9375rem, 0.1512rem + 0.9677vw, 1.3125rem);}
}
@media screen and (min-width: 899.98px) and (max-width: 1300px){
#keyvisual.st-kv .st-container{ max-height: 489px;}
.st-main02 #keyvisual h1 .txt-en, #keyvisual h1 .txt-en{ font-size: 1.375rem;}
#keyvisual h1 .txt-ja,#keyvisual h1 .txt-en::after,.st-main02 #keyvisual h1 .txt-en::after{ font-size: 0.9375rem;}
}
@media print, screen and (min-width: 899.98px) {
.st-main02 #keyvisual h1,#keyvisual h1{ margin-bottom: 3.75em; padding-bottom: 1.68em;}
#keyvisual h1 .txt-en{ margin-bottom: 0;}

#keyvisual h1::after{ font-size: 0.87rem;}

.creators-ttl02{ font-size: 2.5rem; margin-bottom: 2em;}
.creators-lead{ font-size: 1.125rem; text-align: center;}

.fixed-btnArea button.og-btn-hasIcon{font-size: 100%; line-height: 1;}
.og-btn-hasIcon .st-icn{width: 40px;}
.og-btn-hasIcon:after, .og-btn-img > .og-btn-img-title:after, .og-btn-default:after{width: 28px; height: 28px;}

.st-anchorNav03_link::after{width: 14px; height: 8px;}

.entry-btn-wrap{ justify-content: center; gap: 16px;}
.st-kv .entry-btn-wrap,#entry .entry-btn-wrap{ justify-content: center; gap: 16px;}
.entry-btn-wrap .st-btn02{ height: 80px; border-radius: 40px; font-size: 1.25rem;}
.entry-btn-wrap .st-btn02 .st-icn{ width: 56px; height: 56px;}

.modal-entry-wrap .modal-content h2{font-size: 1.5em;}
.modal-entry-wrap .modal-content h2 + p{text-align: center;}
.modal-entry-wrap .modal__content .st-text01{ font-size: 1em;}
.modal-entry-wrap .entry-btn-wrap{margin-block: 30px;}
.modal-entry-wrap .modal-content .entry-btn-wrap .col-2{padding-block: 10px; text-align: center;}
.modal-entry-wrap .modal-content .st-btn02{margin-inline: auto;}

#modal-entry-creator .modal-content .st-btn02,
#modal-entry-publisher .modal-content .st-btn02{ width: 74%;}
.modal-entry-wrap .modal__content .st-btn02 small{display: inline-block;}
.modal-entry-wrap .modal__content .st-btn02:hover > span,
.modal-entry-wrap .modal__content .st-btn02:hover small{ color: #fff;}
}
@media screen and (min-width: 899.98px) and (max-height: 710px) {
.st-main02 #keyvisual h1,#keyvisual h1{margin-bottom: 2em;}
}
@media screen and (max-width: 899px){
#keyvisual .st-container{ padding-top: 0; height: 100vw;}
.st-main02 #keyvisual h1,#keyvisual h1{ margin-bottom: min(8vw, 30px); padding-bottom: 1em;}
#keyvisual h1 .txt-en::after::after{ font-size: 0.87rem;}
.creators-ttl02{ font-size: 1.5rem; margin-bottom: 1.2em;}
.creators-lead{ font-size: min(4vw, 15px);}
.st-kv .btn-creators-wrap{padding: 1em;}

.st-anchorNav03_link::after{width: 18px; height: 18px; background-position: 50%;}
.st-anchorNav03_item + .st-anchorNav03_item::before{width: 100%; left: 0; background-color: #E8EDE0; transform: translateX(0);}

.modal-entry-wrap .modal__container{max-width: 92%; max-height: 90dvh;}
main .modal__content{ padding: 1em;}
.modal-entry-wrap .modal-content .col-2{ padding: min(3.78vw, 14px) 0 0;}
.modal-entry-wrap .modal-content .col-2 + .col-2{border-top: none; padding-bottom: min(3.78vw, 14px);}
.modal-entry-wrap .modal-content h2{margin-bottom: 1em; font-size: 1.25rem; font-feature-settings: 'palt';}
.modal-entry-wrap .modal-content h2 + p{text-align: left; margin-bottom: 1em;}
.modal-entry-wrap.modal .btn-creator{margin-bottom: 0;}
.modal-entry-wrap .entry-btn-wrap{margin-bottom: 1em;}

.btn-creators-wrap .st-btn01,.entry-btn-wrap .st-btn02{border-radius: min(8vw,30px); height: min(16vw,60px);}
.entry-btn-wrap .st-btn02 .st-icn{ width: min(13.3vw,50px); height: min(13.3vw,50px);}
.entry-btn-wrap .st-btn02{ padding: 0 50px 0 18px;}
#modal-entry-creator .modal-content .st-btn02 span,
#modal-entry-publisher .modal-content .st-btn02 span{line-height: 1.4;}
.modal-entry-wrap .modal__content .st-btn02 small{display: block;}

}

.step-item{ position: relative; text-align: center; background-color: rgba(15,83,146,.05);}
.step-ttl{ font-weight: 900; line-height: 1;}
.step-item + .step-item:before{
display: block;
content: "";
background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="48" viewBox="0 0 32 48"><path d="M24,0,48,32H0Z" transform="translate(32) rotate(90)" fill="%230f5392"/></svg>') no-repeat 0 0;
background-size: contain;
width: 48px;
height: 32px;
position: absolute;
}

.step-wrap .step-ttl{ margin: 0; background-color: #0F5392; color: #fff; text-align: center; line-height: 1;}

@media print, screen and (min-width: 899.98px) {
.step-wrap .step-ttl{ padding: 0.68em 1em; font-size: 1.5rem;}
.step-wrap .col-2{ max-width: 560px; width: 46.66%;}
.step-img{width: 140px; margin: 24px auto 32px;}

.step-item + .step-item:before{
top: 0;
bottom: 0;
left:min(-10.35%,-58px);
margin: auto 0;
}
}

@media screen and (max-width: 899px){

.step-item{width: 90%; margin-inline: auto; padding-bottom: 1em;}
.step-item + .step-item{margin-top: min(13vw,48px);}

.step-wrap .step-ttl{ margin-bottom: 1em; padding: 0.7em 0; font-weight: 900;}
.step-wrap .step-ttl span{ font-size: min(5.3vw,20px); line-height: 1.3;}
.step-item p{ font-size: min(3.7vw, 14px); margin: 0 1em; font-weight: 500;}

.step-img{width: 20%; margin: 0 auto min(5.3vw,20px);}

.step-item + .step-item:before{ transform: rotate(90deg); margin: 1em auto; top: min(-10.66vw,-40px); left: 0; right: 0;}
}

.member_im01{margin: 0 auto; background-color: #fff; border: 3px solid #BFBFBF; border-radius: 10px;}
.member_im01 h3,.member_im01 p{ font-weight: 700; text-align: center;}
.member_im01 picture{ margin-inline: auto;}

@media print, screen and (min-width: 899.98px) {
.member_im01 {padding-block: 30px;}
.member_im01 h3{ font-size: 2rem;}
.member_im01 p{ font-size: 1.125rem;}
.member_im01 figure{width: 80%; margin: 34px auto;}
}
@media print, screen and (max-width: 899px) {
.member_im01{width: 100%;}
.member_im01 {padding-block: min(4.8vw,18px);}
.member_im01 h3{ font-size: min(5.8vw,22px);}
.st-main .member_im01 p{ font-size: min(4.2vw,16px); margin: 0 auto; line-height: 1.62;}
.member_im01 figure{width: 90%; margin: 16px auto;}

}

/* sec02
========================================= */
.st-main .point-txt{ color: #D21E43; font-weight: 700;}

.merit-item .card-inner{ width: 100%; position: relative; z-index: 2; box-sizing: border-box;}
.merit-label{background-color: #0F5392; color: #fff; font-weight: 700; line-height: 1; padding: 6px 1em 8px; display: inline-block;}
.merit-title-txt{display: block;}

.card p{ padding: 0;}

.merit-detail,.card .merit-detail .card-title{text-align: left;}
.card .merit-detail .card-title{ padding-inline: 0; margin-top: 0;}

.btn-wrap{ text-align: center;}
.btn-wrap h3::before{content: "＼";}
.btn-wrap h3::after{content: "／";}
.btn-primary{ font-weight: 700;}

.list-article-img{ aspect-ratio:488/152}

@media print, screen and (min-width: 899.98px) {
.st-main .sec02-lead{ margin-bottom: 64px; text-align: center;}
.card{ border-radius: 4px; padding:3em 4em;}
.card + .card{margin-top: 32px;}
.merit-item .card-inner{ align-items: center;}
.merit-label{ font-size: 0.875rem; border-radius: 4px;}
.merit-title-txt{ font-size: 2rem; line-height: 1.5; margin-block: 30px;}
.merit-title-lg{ font-size: 3rem;}
.sec02-img,.merit-detail{ width: 47%;}
.card p strong{ font-size: 1.25rem;}

.reverce{ flex-direction: row-reverse;}
.btn-wrap{margin-top: 60px;}
.btn-wrap h3{ font-size: 1.125rem; margin-bottom: 24px;}
.btn-wrap h3::before{padding-right: 1em;}
.btn-wrap h3::after{padding-left: 1em;}
.btn-primary{ font-size: 1.5rem; height: 82px; padding-inline: 2.79em;}
.st-btn01.btn-primary::before{right: 1.66em;}
.btn-primary.btn-primary-reverce{ padding-inline: 2em  3.5em;}
.st-btn01.btn-primary.btn-primary-reverce::before{right: 1em;}
.btn-primary small{ font-size: 1.125rem;}

#sec02 .btn-wrap .st-btn01{width: 580px;}
}

@media screen and (max-width: 899px){
.st-main .sec02-lead{ font-size: min(4vw,15px); text-align: left;}
.card + .card{margin-top: 10px;}
.card{ border-radius: 4px;}
.card-inner{ display: flex; flex-wrap: wrap; flex-direction: column; gap: 4%; padding: 1em;}
.merit-label{ font-size: 0.875rem; border-radius: 4px;}


#main .card .card-inner .card-title{ text-align: left; margin-bottom: 1em; font-size: min(4.8vw,18px);}
.merit-title-txt{margin-top: 0.5em; font-size: min(4.8vw,18px); line-height: 1.5; font-feature-settings: 'palt';}
.merit-title-lg{ font-size: min(6.4vw,24px);}

#main .card  .card-inner .sec02-img{ width: 100%;}
.merit-detail,.merit-detail-02{ text-align: center;}
.merit-detail .card-title,.merit-detail p,.merit-detail-02 .card-title-02,.merit-detail-02 p{text-align: left;}
#main .card .card-inner p{ width: 100%; line-height: 1.5;}
#main .card .st-btn01{margin-inline: auto;}
.card p strong{ font-size: 1rem;}

.btn-wrap{margin-top: min(8vw,30px); display: flex; flex-direction: column;}
.btn-wrap h3{ display: inline-block; padding-inline: 2em; position: relative; margin: 0 auto 1em;}
.btn-wrap h3::before,.btn-wrap h3::after{ position: absolute; bottom: 0;}
.btn-wrap h3::before{ left: 0;}
.btn-wrap h3::after{ right: 0;}

.st-btn01.btn-primary{ min-height: min(16vw,60px);}
.btn-primary small{ font-size: min(3.7vw,14px);}
}

.st-box04 .st-title01{text-align: center;}
@media print, screen and (min-width: 899.98px) {
.st-box04 .st-title01{margin: -30px -30px 30px; width: calc(100% + 60px);}
}
@media print, screen and (max-width: 899px) {
.st-box04 .st-title01{margin: -20px -20px 30px; width: calc(100% + 40px);}
}

.btn-primary-reverce{ background-color: #BDFF00; border-color: #BDFF00;}
.btn-primary-reverce:hover{background-color: #fff; border-color: #292929;}