@property --vw-1{syntax:"<length>";inherits:true;initial-value:0px}:root{--vw-1: 1vw;--vw-to-px: calc(tan(atan2(var(--vw-1), 1px)));--ratio-em: (1em / 16)}:root{--chara-color-theme: var(--color-japan);--chara-color-pattern: #fff;--chara-opacity-pattern: 0.08;--chara-hover-bd-w: calc(15vw / var(--deviceWide) * 100)}.p-character.--japan,.p-character-button.--japan{--chara-color-theme: var(--color-japan);--chara-color-pattern: #fff;--chara-opacity-pattern: 0.15}.p-character.--brazil,.p-character-button.--brazil{--chara-color-theme: var(--color-brazil);--chara-color-pattern: #fff;--chara-opacity-pattern: 0.25}.p-character.--germany,.p-character-button.--germany{--chara-color-theme: var(--color-germany);--chara-color-pattern: #000;--chara-opacity-pattern: 0.05}.p-character.--saudi-arabia,.p-character-button.--saudi-arabia{--chara-color-theme: var(--color-saudi-arabia);--chara-color-pattern: #fff;--chara-opacity-pattern: 0.1}.p-character.--sweden,.p-character-button.--sweden{--chara-color-theme: var(--color-sweden);--chara-color-pattern: #fff;--chara-opacity-pattern: 0.08}.p-character.--france,.p-character-button.--france{--chara-color-theme: var(--color-france);--chara-color-pattern: #fff;--chara-opacity-pattern: 0.08}.p-character.--mexico,.p-character-button.--mexico{--chara-color-theme: var(--color-mexico);--chara-color-pattern: #fff;--chara-opacity-pattern: 0.15}.p-character.--china,.p-character-button.--china{--chara-color-theme: var(--color-china);--chara-color-pattern: #fff;--chara-opacity-pattern: 0.1}.p-character.--uzbekistan,.p-character-button.--uzbekistan{--chara-color-theme: var(--color-uzbekistan);--chara-color-pattern: #fff;--chara-opacity-pattern: 0.08}.p-character.--thailand,.p-character-button.--thailand{--chara-color-theme: var(--color-thailand);--chara-color-pattern: #fff;--chara-opacity-pattern: 0.08}.p-character.--uruguay,.p-character-button.--uruguay{--chara-color-theme: var(--color-uruguay);--chara-color-pattern: #fff;--chara-opacity-pattern: 0.15}.p-character.--cameroon,.p-character-button.--cameroon{--chara-color-theme: var(--color-cameroon);--chara-color-pattern: #fff;--chara-opacity-pattern: 0.15}.p-character.--argentina,.p-character-button.--argentina{--chara-color-theme: var(--color-argentina);--chara-color-pattern: #fff;--chara-opacity-pattern: 0.2}.p-character.--the-netherlands,.p-character-button.--the-netherlands{--chara-color-theme: var(--color-the-netherlands);--chara-color-pattern: #fff;--chara-opacity-pattern: 0.2}.p-character-button{position:relative;display:block;background:#000;box-shadow:min(10px,10vw/var(--device)*100) min(10px,10vw/var(--device)*100) 0 rgba(0,0,0,.5);width:100%;height:100%;min-height:min(200px,200vw/var(--device)*100);text-decoration:none;color:#fff}.p-character-button::before,.p-character-button::after{content:"";display:block;position:absolute;inset:0;z-index:1;clip-path:polygon(0 80%, 100% 15%, 100% 100%, 0 100%)}.p-character-button::before{background-color:var(--chara-color-theme)}.p-character-button::after{-webkit-mask-image:url("../images/common/bg_pattern.webp");-webkit-mask-size:100% auto;-webkit-mask-repeat:repeat;-webkit-mask-position:left top;mask-image:url("../images/common/bg_pattern.webp");mask-size:100% auto;mask-repeat:repeat;mask-position:left top;background-color:var(--chara-color-pattern);opacity:var(--chara-opacity-pattern)}.p-character-button>.border{pointer-events:none;position:absolute;inset:0;z-index:7;border:0 solid var(--chara-color-theme);opacity:.8;transition:border-width .2s}.p-character-button .c-icon-new{position:absolute;top:0;left:0%;z-index:10;translate:-10% -50%}.p-character-button__text{position:relative;z-index:5;display:flex;flex-direction:column;line-height:1;text-shadow:-1px -1px 0 #000,1px 1px 0 #000,0 0 2px #000,0 0 5px #000,0 0 8px #000;padding:min(20px,20vw/var(--device)*100) min(30px,30vw/var(--device)*100)}.p-character-button__text .eng{font-family:var(--font-eng);text-transform:uppercase;font-weight:500;line-height:1;font-size:min(54*var(--ratio-em),var(--vw-to-px)*1rem/16*54/var(--device)*100)}.p-character-button__text .jp{margin-top:.2em;font-weight:500;line-height:1;font-size:min(28*var(--ratio-em),var(--vw-to-px)*1rem/16*28/var(--device)*100)}.p-character-button__thumb{overflow:clip;position:absolute;bottom:0;display:flex;align-items:flex-end;z-index:4;padding-left:min(160px,160vw/var(--device)*100);width:100%;height:100%}.p-character-button__thumb::after{display:inline-block;width:1em;aspect-ratio:1/1;opacity:1;rotate:0deg;transition:opacity .15s;vertical-align:middle;background-image:none;-webkit-mask-image:url("../images/common/icon_arrow.svg");mask-image:url("../images/common/icon_arrow.svg");-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;mask-size:contain;mask-repeat:no-repeat;mask-position:center;content:"";display:block;position:absolute;top:50%;right:min(10px,10vw/var(--device)*100);z-index:5;width:min(30px,30vw/var(--device)*100);background:#000;translate:0 -50%}.p-character-button.is-current>.border{border-width:var(--chara-hover-bd-w)}@media(any-hover: hover),(-ms-high-contrast: none){.p-character-button:hover img{opacity:1}.p-character-button:hover>.border{border-width:var(--chara-hover-bd-w)}}.p-character-button__nav-local.c-nav-local__inner{gap:min(25px,25vw/var(--device)*100)}@media screen and (max-width: 750px){.p-character-button__nav-local.c-nav-local__inner{gap:min(30px,30vw/var(--device)*100)}}@media screen and (min-width: 751px){.p-character-button__nav-local.c-nav-local__inner>*{max-width:calc((100% - min(100px, 100vw / var(--device) * 100))/5)}}.p-character-button__nav-local.c-nav-local__inner .p-character-button{--chara-hover-bd-w: calc(9vw / var(--deviceWide) * 100);aspect-ratio:unset;min-height:unset}.p-character-button__nav-local.c-nav-local__inner .p-character-button::before,.p-character-button__nav-local.c-nav-local__inner .p-character-button::after{clip-path:polygon(40% 100%, 100% 40%, 100% 100%)}.p-character-button__nav-local.c-nav-local__inner .p-character-button .c-icon-new{transform-origin:left center;scale:.6}.p-character-button__nav-local.c-nav-local__inner .p-character-button__text{padding:min(15px,15vw/var(--device)*100) min(20px,20vw/var(--device)*100)}.p-character-button__nav-local.c-nav-local__inner .p-character-button__text .eng{font-size:min(28*var(--ratio-em),var(--vw-to-px)*1rem/16*28/var(--device)*100)}@media screen and (max-width: 750px){.p-character-button__nav-local.c-nav-local__inner .p-character-button__text .eng{font-size:min(30.8*var(--ratio-em),var(--vw-to-px)*1rem/16*30.8/var(--device)*100)}}.p-character-button__nav-local.c-nav-local__inner .p-character-button__text .jp{font-size:min(20*var(--ratio-em),var(--vw-to-px)*1rem/16*20/var(--device)*100)}@media screen and (max-width: 750px){.p-character-button__nav-local.c-nav-local__inner .p-character-button__text .jp{font-size:min(22*var(--ratio-em),var(--vw-to-px)*1rem/16*22/var(--device)*100)}}.p-character-button__nav-local.c-nav-local__inner .p-character-button__thumb{padding-left:50%}.p-character-button__nav-local.c-nav-local__inner .p-character-button__thumb::after{display:inline-block;width:1em;aspect-ratio:1/1;opacity:1;rotate:0deg;transition:opacity .15s;vertical-align:middle;background-image:none;-webkit-mask-image:url("../images/common/icon_arrow.svg");mask-image:url("../images/common/icon_arrow.svg");-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;mask-size:contain;mask-repeat:no-repeat;mask-position:center;top:min(10px,10vw/var(--device)*100);right:min(10px,10vw/var(--device)*100);background:#fff;translate:0 0;width:min(14px,14vw/var(--device)*100)}.p-character-header{position:relative;background:#000;border-bottom:min(10px,10vw/var(--device)*100) inset var(--chara-color-theme)}.p-character-header::before,.p-character-header::after{content:"";display:block;position:absolute;inset:0;z-index:1;clip-path:polygon(50% 100%, 100% 30%, 100% 100%)}@media screen and (max-width: 750px){.p-character-header::before,.p-character-header::after{clip-path:polygon(25% 100%, 100% 30%, 100% 100%)}}.p-character-header::before{background-color:var(--chara-color-theme)}.p-character-header::after{-webkit-mask-image:url("../images/common/bg_pattern.webp");-webkit-mask-size:min(600px,600vw/var(--device)*100) auto;-webkit-mask-repeat:repeat;-webkit-mask-position:left top;mask-image:url("../images/common/bg_pattern.webp");mask-size:min(600px,600vw/var(--device)*100) auto;mask-repeat:repeat;mask-position:left top;background-color:var(--chara-color-pattern);opacity:var(--chara-opacity-pattern)}.p-character-header .l-container{position:relative}.p-character-header__text{position:relative;z-index:3;display:flex;flex-direction:column;justify-content:center;gap:min(10px,10vw/var(--device)*100);text-shadow:-1px -1px 0 #000,1px 1px 0 #000,0 0 2px #000,0 0 5px #000;line-height:1;padding:min(40px,40vw/var(--device)*100) 0;color:#fff}@media screen and (min-width: 751px){.p-character-header__text{min-width:min(400px,400vw/var(--device)*100);min-height:min(240px,240vw/var(--device)*100)}}@media screen and (max-width: 750px){.p-character-header__text{padding:min(40px,40vw/var(--device)*100) 0 0 calc(10vw/var(--deviceWide)*100)}}.p-character-header__text .eng{display:block;margin-top:-0.15em;margin-bottom:-0.05em;font-family:var(--font-eng);text-transform:uppercase;font-weight:500;line-height:1;font-size:min(80*var(--ratio-em),var(--vw-to-px)*1rem/16*80/var(--device)*100)}@media screen and (max-width: 750px){.p-character-header__text .eng{font-size:min(56*var(--ratio-em),var(--vw-to-px)*1rem/16*56/var(--device)*100)}}.p-character-header__text .jp{display:block;font-weight:600;line-height:1;font-size:min(36*var(--ratio-em),var(--vw-to-px)*1rem/16*36/var(--device)*100)}@media screen and (max-width: 750px){.p-character-header__text .jp{font-size:min(25.2*var(--ratio-em),var(--vw-to-px)*1rem/16*25.2/var(--device)*100)}}.p-character-header__image{overflow:clip;position:absolute;top:0;bottom:0;right:min(60px,60vw/var(--device)*100);z-index:2;display:flex;align-items:flex-end;margin-left:auto;padding-top:calc(20vw/var(--deviceWide)*100);padding-left:calc(200vw/var(--deviceWide)*100);width:min(800px,800vw/var(--device)*100);max-width:60%}@media screen and (max-width: 750px){.p-character-header__image{position:relative;right:max(-60px,-60vw/var(--device)*100);margin-top:max(-120px,-120vw/var(--device)*100);margin-left:auto;padding-left:0;width:70%;max-width:400px}}#js-ruby-reader{z-index:40}.p-character-person{position:relative;display:flex;align-items:center;background:#fff;box-shadow:0 0 min(15px,15vw/var(--device)*100) rgba(0,0,0,.2);padding:min(10px,10vw/var(--device)*100)}.p-character-person::before{content:"";display:block;position:absolute;inset:min(4px,4vw/var(--device)*100);border:2px solid var(--chara-color-theme)}.--germany .p-character-person::before{border-color:rgba(0,0,0,.2)}.p-character-person .c-icon-new{position:absolute;top:0;z-index:10;transform-origin:left top;translate:-15% -15%;scale:.7}.p-character-person__text{flex:1;position:relative;display:flex;flex-direction:column;padding-inline:min(13px,13vw/var(--device)*100) min(4px,4vw/var(--device)*100);text-align:left;line-height:1}.p-character-person__text>.name{margin-bottom:.25em;font-size:clamp(12*var(--ratio-em),var(--vw-to-px)*1rem/16*18/var(--device)*100,18*var(--ratio-em));font-weight:800;line-height:1.2}@media screen and (max-width: 750px){.p-character-person__text>.name{font-size:min(20*var(--ratio-em),var(--vw-to-px)*1rem/16*20/var(--device)*100)}}.p-character-person__text>.name .is-hidden+rt{font-size:clamp(13*var(--ratio-em),var(--vw-to-px)*1rem/16*18/var(--device)*100,18*var(--ratio-em));font-weight:800;line-height:1.2}@media screen and (max-width: 750px){.p-character-person__text>.name .is-hidden+rt{font-size:min(20*var(--ratio-em),var(--vw-to-px)*1rem/16*20/var(--device)*100)}}.p-character-person__text .cv{font-size:clamp(12*var(--ratio-em),var(--vw-to-px)*1rem/16*16/var(--device)*100,16*var(--ratio-em));font-weight:600;line-height:1.2;padding-left:1.8em;text-indent:-1.8em}@media screen and (max-width: 750px){.p-character-person__text .cv{font-size:min(19*var(--ratio-em),var(--vw-to-px)*1rem/16*19/var(--device)*100)}}.p-character-person__image{position:relative;display:flex;align-items:flex-end;width:40%;aspect-ratio:1/1;background-color:var(--chara-color-theme)}@media screen and (max-width: 750px){.p-character-person__image{width:36%}}
/*# sourceMappingURL=maps/character.css.map */