@charset "UTF-8";
/* ===========================================
common
============================================ */
body{ font-family: Arial, Helvetica, sans-serif;}
.globalNav-item,h1,h2,h3,.dl-sns dt,.st-btn01,#menu_user dl,#kv_copy,.list-label{ font-family: "Poppins", sans-serif; font-style: normal;}
h1,h2,h3,.dl-sns dt{font-weight: 700;}
.st-kv_txt-ja{letter-spacing: 0.1em;}
.globalNav-item{ font-weight: 500;}

#footerNav a{ font-weight: 500;}
#footerSubNav li{margin: 0 1em;}

#rights_holders .skew-inner h2 .txt-en{line-height: 1.4;}

@media print, screen and (min-width: 1300px){
.st-headerNav{ width: 919px;}
}
@media print, screen and (min-width: 1024px){
.st-logo{ margin-right: min(7.4%,96px);}
}
@media print, screen and (min-width: 1024px) and (max-width: 1299.98px){
.st-headerNav{ width: min(76.58%,919px);}
}
@media print, screen and (min-width: 1024px) {
.st-subNav{position: relative; top: inherit; right: inherit; left: inherit;}
}
@media print, screen and (min-width: 899.98px){
.st-globalNav{width: 620px;}
.st-globalNav > li{ width: 33.3%;}
.st-subNav{ width: 72px;}

#menu_user li.st-menu-user-lg span {line-height: 1;}

.st-kv_txt-ja{ font-size: 3rem;}

.dl-sns dt{ font-size: 1rem;}
#footerNavWrap{ margin-bottom: 30px; justify-content: center; gap: 16px; align-items: center;}
#footerNav{ margin-bottom: 0;}
#footerNav a{ font-size: 0.9375rem;}
#footerSubNav{ border-left: 1px solid #BFBFBF;}
#footerSubNav a{ font-size: 0.8125rem; transition: opacity 0.5s ease;}
#footerSubNav a:hover{ opacity: 0.6;}
}

@media print, screen and (max-width: 899px){
#footerSubNav{ margin-bottom: 2em; justify-content: center; width: 100%;}
}

/* ===========================================
TOP
============================================ */
#kv_copy{ font-weight: 500; color: #fff;}

#menu_user .st-icn-search{ background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 47.842 47.841"><g id="icn-work-search" transform="translate(-76.8 -16.8)"><g id="icn-music" transform="translate(84 26)"><path d="M5.071,13.383S.725,13.238,1.014,15.9c.332,3.06,5.7,1.189,5.7-1.714V3.658L17,1V11.809a3.649,3.649,0,0,1-3.393,2.973c-2.133.155-3.6-4.268,1.924-3.988" transform="translate(-1 -1)" fill="none" stroke="%23547844" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/></g><g transform="translate(78 18)"><g transform="translate(0 0)"><path d="M104.715,74.477a15.926,15.926,0,1,1-22.523,0A15.925,15.925,0,0,1,104.715,74.477Z" transform="translate(-77.528 -69.812)" fill="none" stroke="%23547844" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.4"/><line x2="17.757" y2="17.757" transform="translate(27.187 27.187)" fill="none" stroke="%23547844" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.4"/></g></g></g></svg>');}
#menu_user a:hover .st-icn-search{ background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 47.842 47.841"><g id="icn-work-search" transform="translate(-76.8 -16.8)"><g id="icn-music" transform="translate(84 26)"><path d="M5.071,13.383S.725,13.238,1.014,15.9c.332,3.06,5.7,1.189,5.7-1.714V3.658L17,1V11.809a3.649,3.649,0,0,1-3.393,2.973c-2.133.155-3.6-4.268,1.924-3.988" transform="translate(-1 -1)" fill="none" stroke="%23ffffff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/></g><g transform="translate(78 18)"><g transform="translate(0 0)"><path d="M104.715,74.477a15.926,15.926,0,1,1-22.523,0A15.925,15.925,0,0,1,104.715,74.477Z" transform="translate(-77.528 -69.812)" fill="none" stroke="%23ffffff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.4"/><line x2="17.757" y2="17.757" transform="translate(27.187 27.187)" fill="none" stroke="%23ffffff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.4"/></g></g></g></svg>');}

#menu_user a .st-icn-faq{ background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 45 45"><path d="M-1.78-8a.354.354,0,0,1-.4-.4v-2.36a4.43,4.43,0,0,1,.84-2.8A15.3,15.3,0,0,1,1.22-16q1.16-.92,1.84-1.58A5.781,5.781,0,0,0,4.2-19.16a4.774,4.774,0,0,0,.46-2.16,4.243,4.243,0,0,0-1.28-3.22,4.723,4.723,0,0,0-3.4-1.22,4.8,4.8,0,0,0-3.46,1.24,4.274,4.274,0,0,0-1.3,3.24v1.24a.354.354,0,0,1-.4.4l-2.04-.12a.354.354,0,0,1-.4-.4v-1.12A6.649,6.649,0,0,1-5.5-26.4,7.865,7.865,0,0,1,.06-28.36a7.558,7.558,0,0,1,5.4,1.92A6.7,6.7,0,0,1,7.5-21.32a7.318,7.318,0,0,1-.58,3.04A6.978,6.978,0,0,1,5.54-16.2a24.471,24.471,0,0,1-2.12,1.84,13.448,13.448,0,0,0-2.04,1.84A2.867,2.867,0,0,0,.7-10.6v2.2A.354.354,0,0,1,.3-8Zm1,7.92a2.171,2.171,0,0,1-1.6-.64,2.171,2.171,0,0,1-.64-1.6,2.154,2.154,0,0,1,.64-1.62,2.208,2.208,0,0,1,1.6-.62,2.191,2.191,0,0,1,1.62.62,2.191,2.191,0,0,1,.62,1.62A2.171,2.171,0,0,1,.82-.72,2.171,2.171,0,0,1-.78-.08Z" transform="translate(22.621 36.359)" fill="%23547844"/><g fill="none" stroke="%23547844" stroke-width="2.4"><circle cx="22.5" cy="22.5" r="22.5" stroke="none"/><circle cx="22.5" cy="22.5" r="21.3" fill="none"/></g></svg>');}
#menu_user a:hover .st-icn-faq{ background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 45 45"><path d="M-1.78-8a.354.354,0,0,1-.4-.4v-2.36a4.43,4.43,0,0,1,.84-2.8A15.3,15.3,0,0,1,1.22-16q1.16-.92,1.84-1.58A5.781,5.781,0,0,0,4.2-19.16a4.774,4.774,0,0,0,.46-2.16,4.243,4.243,0,0,0-1.28-3.22,4.723,4.723,0,0,0-3.4-1.22,4.8,4.8,0,0,0-3.46,1.24,4.274,4.274,0,0,0-1.3,3.24v1.24a.354.354,0,0,1-.4.4l-2.04-.12a.354.354,0,0,1-.4-.4v-1.12A6.649,6.649,0,0,1-5.5-26.4,7.865,7.865,0,0,1,.06-28.36a7.558,7.558,0,0,1,5.4,1.92A6.7,6.7,0,0,1,7.5-21.32a7.318,7.318,0,0,1-.58,3.04A6.978,6.978,0,0,1,5.54-16.2a24.471,24.471,0,0,1-2.12,1.84,13.448,13.448,0,0,0-2.04,1.84A2.867,2.867,0,0,0,.7-10.6v2.2A.354.354,0,0,1,.3-8Zm1,7.92a2.171,2.171,0,0,1-1.6-.64,2.171,2.171,0,0,1-.64-1.6,2.154,2.154,0,0,1,.64-1.62,2.208,2.208,0,0,1,1.6-.62,2.191,2.191,0,0,1,1.62.62,2.191,2.191,0,0,1,.62,1.62A2.171,2.171,0,0,1,.82-.72,2.171,2.171,0,0,1-.78-.08Z" transform="translate(22.621 36.359)" fill="%23ffffff"/><g fill="none" stroke="%23ffffff" stroke-width="2.4"><circle cx="22.5" cy="22.5" r="22.5" stroke="none"/><circle cx="22.5" cy="22.5" r="21.3" fill="none"/></g></svg>');}


.home #keyvisual .og-btn-lg span small{ padding-left: 1em; font-size: 70%;}

.skew-inner .txt-ja{ font-weight: 500;}
#about_us{position: relative;}
#about_us::after{ content: ""; display: block; position: absolute; top: -9.5vw; left: 0; width: 100%; height: calc(100% + 19vw); z-index: -1; webkit-transform: skewY(-5deg); transform: skewY(-5deg);}

.og-btn-img-title{ font-weight: 700;}


#kv_copy{letter-spacing: 0.02em; width: auto; height: auto;}

.list-link-txt-nolink{display: block;}

@media print, screen and (min-width: 900px){
#kv_copy{ font-size: 4rem; line-height: 1.36}
#menu_user .st-icn,#menu_user .st-icn.st-icn-faq{ width: 44px; height: 44px; margin: 0 auto 10px; background-size: cover;}

#menu_user .st-menu-user-xl a {height: 190px;}

.skew-inner .txt-ja{ font-size: 1.25rem;}
#about_us::after{ background: url("/en/assets/image/bg-about-pc.jpg") no-repeat 50% 50%;}
.og-btn-img.has-desc .og-btn-img-desc{ padding: 1em;}

}
@media print, screen and (min-width: 900px) and (max-width: 1920px) {
#about_us::after{background-size: 1920px auto; background-position:50% 50%;}
}
@media print, screen and (min-width: 900px) {
.home .bg-dark h2{ margin-bottom: 40px;}
.home .lead-txt,.og-btn-img.has-desc .og-btn-img-desc,.st-btn01,.og-btn-md,.st-text01{ font-size: 1.125rem;}
.og-btn-img.has-desc .og-btn-img-desc{ line-height: 1.6;}
}
@media print, screen and (min-width: 899.98px) {
.st-main02 #keyvisual h1 .txt-en{ font-size: 2.75rem;}
.st-table{ font-size: 1.125rem;}
}
@media print, screen and (max-width: 899px){
#about_us::after{ background: url("/en/assets/image/bg-about-sp.jpg") no-repeat 0 0; background-size: cover;}
#kv_copy{ font-size: 2.2rem; line-height: 1.5}

.home #keyvisual .og-btn-lg{ bottom: 4vw;}
.home #keyvisual .og-btn-lg02{ bottom: 20.5vw;}
.home #keyvisual .og-btn-lg:after{ background-size: 60% auto;}
.home #keyvisual .og-btn-lg span small{display: block;}

.st-main02 #keyvisual h1 .txt-en{ font-size: 1.875rem;}
.list-link-txt li:has(.list-link-txt-nolink) a{ padding-bottom: 0;}
.list-link-txt .list-link-txt-nolink{padding: 0 4% 1rem min(10.4%, 36px);}
}

@media only screen and (max-width: 899.98px) {
#important_news .list-news .list-label{ width: 7em;}
.st-main02 #keyvisual p{ padding: 0 1em 1em;}
.liog-btn-hasIcon .og-btn-hasIcon{ height: min(23.4vw,88px);}
.st-main p.st-step_head_number01{margin-bottom: 0;}
.st-step_body01 .st-title03:first-child{ margin-top: 0;}
.users-bridal_faq .users-bridal_faq_inner{ padding: 1em 0; box-sizing: border-box;}
}

/* ===========================================
users
============================================ */
.og-btn-hasIcon.horizontal .link-txt{ font-weight: 700; line-height: 1.27;}
.st-step_head01{box-sizing: border-box;}
h4.st-step_title01{ padding-top: 0; white-space: wrap;}
h4.st-step_title01::before{display: none;}

@media print, screen and (min-width: 899.98px) {
.st-row-lg.liog-btn-hasIcon{margin-bottom: -30px;}
.st-row-lg .col-3{margin-bottom: 30px;}
.og-btn-hasIcon.horizontal .link-txt{ font-size: 1.375rem; letter-spacing: 0;}
.og-btn-hasIcon .st-icn{width: min(16.4%,64px); height: auto; aspect-ratio:1/1; margin-right: 1em;}
.og-btn-hasIcon:after{ width: min(9.4%,37px); height: auto; aspect-ratio:1/1; margin-left: auto;}

h4.st-step_title01{font-size:  1.375rem;}
}

/* ===========================================
creators:top
============================================ */
.og-btn-hasIcon.horizontal.bg-primary{ background-color: #BDFF00; box-shadow: 3px 3px 6px rgba(0,0,0,.48); transition: all 0.3s ease;}
.og-btn-hasIcon.horizontal.bg-primary:hover{ background-color: #fff; box-shadow: 0 0 6px rgba(0,0,0,.48);}

.og-btn-hasIcon.horizontal.bg-primary:after{
background-color: #fff;
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 24 24" fill="none" stroke="%23000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="ai ai-ArrowRight"><path d="M4 12h16"/><path d="M13 5l7 7-7 7"/></svg>');

}
.og-btn-hasIcon.horizontal.bg-primary:hover:after{
background-color: #0F5392;
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 24 24" fill="none" stroke="%23fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="ai ai-ArrowRight"><path d="M4 12h16"/><path d="M13 5l7 7-7 7"/></svg>');
}
.og-btn-hasIcon.horizontal.bg-primary .link-txt{text-align: left;}
.og-btn-hasIcon.horizontal.bg-primary small{ margin-top: 10px; display: block; color: #535353;}

.st-icn-creater{ background-image: url(../image/creators/icn-creater.svg); aspect-ratio:1/1}

@media print, screen and (min-width: 899.98px) {
.st-main02 #keyvisual h1 span.txt-ja{ font-size: 1.375rem;}
.kv-creators{ background-image: url(../image/creators/kv-creators.jpg);}

.creators-img-01{max-width: 1000px; margin: 0 auto;}
.og-btn-hasIcon.horizontal.bg-primary{ padding-right: 1em; max-width: 489px; width: 100%; height: 80px; border-radius: 40px;}
.og-btn-hasIcon.horizontal.bg-primary .link-txt{ font-size: 1.125em; width: 16em;}
}
@media print, screen and (max-width: 899px){
.kv-creators{ background-image: url(../image/creators/kv-creators-sp.jpg); background-size: cover;}
.og-btn-hasIcon.horizontal.bg-primary{padding-top: 1em; padding-bottom: 1em; height: auto; border-radius: min(5.3vw,20px);}
}

/* ===========================================
about:top
============================================ */
@media print, screen and (min-width: 899.98px){
.st-main02 .section.p-b{ padding-bottom: 120px!important;}
.kv-about .catch-copy{ font-size: 3rem; letter-spacing: 0.04em;}
.og-btn-xl.og-btn-lg{max-width: 444px; padding-right: 52px;}
.bg-dark.og-btn-img > .og-btn-img-inner{ padding-bottom: 12.5%;}
}
@media print, screen and (max-width: 899px){
.st-main02 #keyvisual.kv-about{background-size: cover; padding-bottom: 1px;}
.st-main02 .section.p-b{ padding-bottom: min(16vw,60px)!important;}
}
/* ===========================================
about:message
============================================ */

.aboutus-chairman{ display: block;}
.aboutus-chairman-name,.aboutus-chairman-job{  display: block;}
.aboutus-chairman-job{margin-right: 0; font-weight: 400;}
.aboutus-office_map iframe{max-width: 100%; height: auto; aspect-ratio:600/450}
@media print, screen and (min-width: 899.98px){
.aboutus-chairman-name{ font-size: 1.25rem;}
.aboutus-chairman-job{ font-size: 1rem;}

.about-aboutus_section .st-list02 li{ font-size: 1.125rem;}
.about-aboutus_section th{width: 282px;}

.aboutus-offierlist-item_desc{ font-size: 1rem;}
}

@media print, screen and (max-width: 899px){
.aboutus-chairman-name{ font-size: 2rem;}
.aboutus-chairman-job{ font-size: 0.8125rem;}

.aboutus-offierlist-item_name{font-size: 1.125rem;}
.about-aboutus_section .st-list02 li,.aboutus-offierlist-item_desc{ font-size: 0.875rem;}
}

/* ===========================================
article
============================================ */
.article-main01 a{text-decoration: underline;}
.article-main01 a:hover{ text-decoration: none;}

.article-main01 table {
  border-collapse: separate;
  border-spacing: 2px;
  background-color: #E8EDE0;
}
.article-main01 table th {
  background-color: #F5F5F5;
  font-weight: bold;
  text-align: left;
}
.article-main01 table td {
  background-color: #fff;
  text-align: left;
}

.box-contact{ padding: 1.5em; border: 2px solid #FFF; background: rgba(255, 255, 255, .5);}

@media print, screen and (min-width: 900px) {
.article-main01 p{ font-size: 1.125rem;}
.article-main01 table th,.article-main01 table td{ padding: 20px;}
}
@media print, screen and (max-width: 899.98px){
.article-main01 p{ font-size: 1rem;}
.article-main01 table {font-size: 0.9375rem;}
.article-main01 table th,.article-main01 table td{ padding: 1em;}
}

.st-orglist{ display: block;}
.st-orglist__item + .st-orglist__item{ margin-top: 30px;}

.st-orglist__description .st-box01 {background-color: #F5F5F5;}

@media print, screen and (min-width: 900px) {
.st-orglist__description .st-box01 {padding: 20px;}
.st-orglist__description .st-box01{ display: flex; justify-content: space-between;}
.st-orglist__description__inner{width: 60%;}
.st-orglist__description__img{width: 36%;}
}
@media print, screen and (max-width: 899.98px){
.st-orglist__description .st-box01 {padding: 10px;}
.st-main .st-orglist__description .st-box01 p{margin-bottom: min(4vw,15px);}

}