@charset "utf-8";

/* var */
:root {
  --c_white: #ffffff;
  --c_purple: #3E1485;
  --f_base: "Noto Sans",sans-serif;
  --f_base--ja: "Noto Sans","Noto Sans JP",sans-serif;
  --f_title: "avenir-lt-pro", sans-serif;
  --f_title--ja: "avenir-lt-pro", sans-serif;
}

/* reset */
* { padding: 0; margin: 0; box-sizing: border-box; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
address, caption, cite, code, dfn, var { font-style: normal; }
ol, ul { list-style: none; padding:0; margin:0; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: 500; }
q:before, q:after { content: ''; }
section, article { display: block; }
html,body { overscroll-behavior: none; }
input, textarea, select { display: block; margin: 0; padding: 0; width: auto; border: none; border-radius: 0; -webkit-appearance: none; }
form { margin:0; padding:0; border:0; font-style:normal; font-weight:normal; vertical-align:baseline;}

/* base */
html { position: relative; -webkit-text-size-adjust: 100%; }
body {
  position: relative; -webkit-font-smoothing: antialiased; -webkit-font-feature-settings: 'palt'; font-feature-settings: 'palt';
  word-wrap : break-word; overflow-wrap : break-word; font-kerning: normal; -webkit-font-kerning: normal;
  font-family: var(--f_base);
  line-height: 1.5; letter-spacing: 0; font-weight: 400;
  background-color: var(--c_purple); color: var(--c_white);
  box-sizing: border-box; padding: 0; margin: 0; }
html[lang="ja"] body { font-family: var(--f_base--ja); letter-spacing: 0.05em; }
img { vertical-align: bottom; height: auto; max-width: 100%; user-select: none; -webkit-user-select: none; }
::selection { background: var(--c_white); color: var(--c_purple); }
::-moz-selection { background: var(--c_purc_whiteple); color: var(--c_purple); }

@media (prefers-reduced-motion: no-preference) {
  body { animation: fadeIn 1.5s ease 0s 1 both; }
}
@keyframes fadeIn { 0% { opacity: 0 } 100% { opacity: 1 } }

/* link */
a[href] { cursor: pointer !important; }
.l-urex-main a { transition: background-color .1s ease-in-out, color .1s ease-in-out, border-color .1s ease-in-out; text-decoration: none; }
.l-urex-main a:link,.l-urex-main a:active,.l-urex-main a:visited { }
.l-urex-main a:hover { color:var(--c_purple); background-color:var(--c_white); }

/* u */
.u-pc { display:inline; }
.u-sp { display:none; }
.u-br-pc { display:block; }
.u-br-sp { display:none; }

/* styles */
.l-urex-wrap { padding: 3.5rem 4rem; max-width: 1680px; margin:0 auto; }
.l-urex-header { margin: 0 0 7.5rem 0; position: relative; }
.l-urex-header__main-title { width:64%; margin:1rem 0; }
.l-urex-header__logo { position: absolute; top:-0.75rem; right:0; width:7rem; }
.l-urex-header__lang { position: absolute; bottom:0; right: 0.5rem; font-size: 1.5em; line-height: 1; letter-spacing: 0.05em; font-weight: 600 }
.l-urex-header__lang ul { margin: 0 0 0 auto; display:flex; justify-content: center; align-items: center; }
.l-urex-header__lang li { font-family: var(--f_title); }
.l-urex-header__lang li a:hover { opacity: 1 !important; }
.l-urex-header__lang li:first-child::after { content:"/"; margin:0 0.5em; }
html[lang="ja"] .l-urex-header__lang li:first-child a,
html[lang="en"] .l-urex-header__lang li:last-child a { opacity: 0.25; }
.l-urex-txt { padding: 0 0 0 0; margin:auto; }
.l-urex-txt+.l-urex-txt { padding: 3rem 0; }
.l-urex-txt__lead { font-family: var(--f_title); font-size: 3.25em; line-height: 1.4; font-weight: 600; margin:15rem 0 5rem 0; }
.l-urex-txt__lead span { display:inline-block; margin:0 0.5em 0 0; }
.l-urex-txt__title { font-family: var(--f_title); font-size: 2.25em; line-height: 1.4; font-weight: 600; letter-spacing: 0.05em; margin:1em 0; }
.l-urex-txt__title span { display:inline-block; margin: 0 0.5em 0 0; }
html[lang="ja"] .l-urex-txt__title { font-size: 2em; line-height: 1.4; font-weight: 500; }
.l-urex-txt p { font-size: 1.45em; line-height: 1.55; margin:0 0 0.75em 0; font-weight: 500; }
html[lang="ja"] .l-urex-txt p { font-size: 1.5em; line-height: 1.75; margin:0 0 0.75em 0; font-weight: 400; text-align: justify; }
.l-urex-txt__links { margin:3em 0; }
.l-urex-txt__links li { font-family: var(--f_title); font-size: 1.75em; line-height: 1.4; font-weight: 500; margin:0.25em 0; }
html[lang="ja"] .l-urex-txt__links li { font-size: 1.5em; font-weight: 400; }
.l-urex-txt__links li a { display:inline-flex; align-items: flex-start; gap:0 0.35em; padding:0 0.25em 0 0; }
.l-urex-txt__links li a::before { font-family: 'Material Symbols Outlined'; content: 'arrow_forward'; font-variation-settings:'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24; font-size: 1.2em; line-height: 1.1em; }
.l-urex-txt__links li a .material-symbols-outlined { font-size: 1.1em; line-height: 1.1em; margin:0 0 0 0.25em; }
.l-urex-txt__point { margin:3em 0; }
.l-urex-txt__point dt { font-family: var(--f_title); font-size: 1.75em; line-height: 1.4; font-weight: 600; margin:0.7em 0; }
.l-urex-txt__point dd { font-size: 1.4em; line-height: 1.2; font-weight: 600; margin:0.5em 0; padding:0 0 0 0; display: flex; align-items: flex-start; }
.l-urex-txt__point dd::before { font-family: 'Material Symbols Outlined'; content: 'horizontal_rule'; font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24; margin: 0 0.75em 0 0; font-size: 1.1em; }
.l-urex-txt__commit { display:flex; justify-content: space-between; flex-wrap: wrap; margin:3em 0; }
.l-urex-txt__commit dt { font-family: var(--f_title); width:22%; font-size: 2.25em; line-height:1.7; font-weight: 500; padding:0 0 0 0.5em; }
.l-urex-txt__commit dd { width:78%; font-size: 1.45em; line-height:1.7; font-weight: 400; margin:0 0 1.25em 0; }
.l-urex-txt__news { margin:3rem 0; }
.l-urex-txt__news li { display: flex; flex-wrap: wrap; font-size: 1.2em; line-height: 1.5; font-weight: 400; margin:0.5em 0; }
.l-urex-txt__news li span:first-child { width: 8em; font-size: 0.9em; font-weight: 500; }
.l-urex-txt__news li span:last-child {  }
.l-urex-fig figure { margin:5rem 0 0 0; }
.l-urex-photo { margin:5rem 0; }
.l-urex-photo .l-urex-photo__item img { width:100%; }
.l-urex-footer { display: flex; justify-content: space-between; align-items: center; margin:10rem 0 0 0; }
.l-urex-footer-title { font-family: var(--f_title); font-size: 1.15em; line-height:1.4; letter-spacing: 0.03em; font-weight: 500; }
.l-urex-footer-tu { font-family: var(--f_title); font-size: 2em; line-height:1.4; letter-spacing: 0.05em; font-weight: 400; }

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

/* u */
.u-pc { display:none; }
.u-sp { display:inline; }
.u-br-pc { display:none; }
.u-br-sp { display:block; }

/* styles */
.l-urex-wrap { padding: 3rem 1.5rem; margin:auto; }
.l-urex-header { padding: 13.5rem 0 3rem 0; margin:auto; }
.l-urex-header__main-title { width:100%; margin:0 0; }
.l-urex-header__logo { top:-0.25rem; left:-0.15rem; width:6rem; }
.l-urex-header__lang { bottom:auto; top:0 }
.l-urex-txt { padding: 0 0; }
.l-urex-txt+.l-urex-txt { padding: 2.5rem 0; }
.l-urex-txt__lead { font-size: 2.25em; line-height: 1.3; margin:7.5rem 0 3.5rem 0; }
.l-urex-txt__title { font-size: 1.85em; line-height: 1.3; margin:0.75em 0; }
html[lang="ja"] .l-urex-txt__title { font-size: 1.7em; line-height: 1.7; }
.l-urex-txt p { font-size: 1.2em; line-height: 1.5; margin:0 0 1em 0; }
html[lang="ja"] .l-urex-txt p { font-size: 1.25em; line-height: 1.7; margin:0 0 1em 0; }
.l-urex-txt__links { margin:2em 0; }
.l-urex-txt__links li { font-size: 1.25em; }
html[lang="ja"] .l-urex-txt__links li { font-size: 1.15em; }
.l-urex-txt__point { margin:2em 0; }
.l-urex-txt__point dt { font-size: 1.4em; }
.l-urex-txt__point dd { font-size: 1.1em; line-height: 1.3; margin:0.75em 0; }
.l-urex-txt__commit dt { width:100%; font-size: 1.85em; margin:0 0 0.25em 0; padding:0 0 0 0; }
.l-urex-txt__commit dd { width:100%; font-size: 1.1em; }
.l-urex-txt__news li { justify-content: space-between; font-size: 1.1em; margin:0.75em 0; }
.l-urex-txt__news li span:first-child { width: 25%; }
.l-urex-txt__news li span:last-child { width: 73%; }
.l-urex-photo { margin:5rem -1.5rem; }
.l-urex-footer { flex-direction: column; gap:1em 0; }
.l-urex-footer-title { width:100%; font-size: 1em; }
.l-urex-footer-tu { width: 100%; font-size: 1.8em; }

}

/* size */
html,body {
  font-size: clamp(11px, 1.1vw, 17px) !important;
}

@media screen and (max-width: 600px) {
  html,body {
    font-size: clamp(0px, 3.3vw, 100px) !important;
  }
}