*,::before,::after {box-sizing: border-box;}
::before,::after {text-decoration: inherit; /* 1 */vertical-align: inherit; /* 2 */}
html {cursor: default; /* 1 */line-height: 1.5; /* 2 */-moz-tab-size: 4; /* 3 */tab-size: 4; /* 3 */-webkit-tap-highlight-color: transparent /* 4 */;-ms-text-size-adjust: 100%; /* 5 */-webkit-text-size-adjust: 100%; /* 5 */word-break: break-word; /* 6 */}
body {margin: 0;}
h1 {font-size: 1rem;margin: 0 0;}
dl dl,dl ol,dl ul,ol dl,ul dl {margin: 0;}
ol ol,ol ul,ul ol,ul ul {margin: 0;}
hr {height: 0; /* 1 */overflow: visible; /* 2 */}
main {display: block;}
nav ol,nav ul {list-style: none;padding: 0;}
pre {font-family: monospace, monospace; /* 1 */font-size: 1em; /* 2 */}
a {background-color: transparent;}
abbr[title] {text-decoration: underline;text-decoration: underline dotted;}
b,strong {font-weight: bolder;}
code,kbd,samp {font-family: monospace, monospace; /* 1 */font-size: 1em; /* 2 */}
small {font-size: 80%;}
audio,canvas,iframe,img,svg,video {vertical-align: middle;}
audio,video {display: inline-block;}
audio:not([controls]) {display: none;height: 0;}
iframe {border-style: none;}
img {border-style: none;}
svg:not([fill]) {fill: currentColor;}
svg:not(:root) {overflow: hidden;}
table {border-collapse: collapse;margin: 0 auto;}
button,input,select {margin: 0;}
button {overflow: visible; /* 1 */text-transform: none; /* 2 */}
button,[type="button"],[type="reset"],[type="submit"] {-webkit-appearance: button;}
fieldset {border: 1px solid #a0a0a0; /* 1 */padding: 0.35em 0.75em 0.625em; /* 2 */}
input {overflow: visible;}
legend {color: inherit; /* 2 */display: table; /* 1 */max-width: 100%; /* 1 */white-space: normal; /* 1 */}
progress {display: inline-block; /* 1 */vertical-align: baseline; /* 2 */}
select {text-transform: none;}
textarea {margin: 0; /* 1 */overflow: auto; /* 2 */resize: vertical; /* 3 */}
[type="checkbox"],[type="radio"] {padding: 0;}
[type="search"] {-webkit-appearance: textfield; /* 1 */outline-offset: -2px; /* 2 */}
::-webkit-inner-spin-button,::-webkit-outer-spin-button {height: auto;}
::-webkit-input-placeholder {color: inherit;opacity: 0.54;}
::-webkit-search-decoration {-webkit-appearance: none;}
::-webkit-file-upload-button {-webkit-appearance: button; /* 1 */font: inherit; /* 2 */}
::-moz-focus-inner {border-style: none;padding: 0;}
:-moz-focusring {outline: 1px dotted ButtonText;}
:-moz-ui-invalid {box-shadow: none;}
details {display: block;}
dialog {background-color: white;border: solid;color: black;display: block;height: -moz-fit-content;height: -webkit-fit-content;height: fit-content;left: 0;margin: auto;padding: 1em;position: absolute;right: 0;width: -moz-fit-content;width: -webkit-fit-content;width: fit-content;}
dialog:not([open]) {display: none;}
summary {display: list-item;}
canvas {display: inline-block;}
template {display: none;}
a,area,button,input,label,select,summary,textarea,[tabindex] {-ms-touch-action: manipulation; /* 1 */touch-action: manipulation; /* 2 */}
[hidden] {display: none;}
[aria-busy="true"] {cursor: progress;}
[aria-controls] {cursor: pointer;}
[aria-disabled="true"],[disabled] {cursor: not-allowed;}
[aria-hidden="false"][hidden] {display: initial;}
[aria-hidden="false"][hidden]:not(:focus) {clip: rect(0, 0, 0, 0);position: absolute;}

*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}:where([hidden]:not([hidden='until-found'])){display:none!important}:where(html){-webkit-text-size-adjust:none;color-scheme:dark light}@supports not (min-block-size:100dvb){:where(html){block-size:100%}}@media (prefers-reduced-motion:no-preference){:where(html:focus-within){scroll-behavior:smooth}}:where(body){block-size:100%;block-size:100dvb;line-height:1.5;font-family:system-ui,sans-serif;-webkit-font-smoothing:antialiased}:where(input,button,textarea,select){font:inherit;color:inherit}:where(textarea){resize:vertical;resize:block}:where(button,label,select,summary,[role='button'],[role='option']){cursor:pointer}:where(:disabled){cursor:not-allowed}:where(label:has(>input:disabled),label:has(+input:disabled)){cursor:not-allowed}:where(button){border-style:solid}:where(a){text-underline-offset:.2ex}:where(ul,ol){list-style:none}:where(img,svg,video,canvas,audio,iframe,embed,object){display:block}:where(img,picture,svg){max-inline-size:100%;block-size:auto}:where(p,h1,h2,h3,h4,h5,h6){overflow-wrap:break-word}:where(h1,h2,h3){line-height:calc(1em + 0.5rem)}:where(hr){border:none;border-block-start:1px solid;color:inherit;block-size:0;overflow:visible}:where(:focus-visible){outline:2px solid var(--focus-color,Highlight);outline-offset:2px}:where(.visually-hidden:not(:focus,:active,:focus-within,.not-visually-hidden)){clip-path:inset(50%)!important;height:1px!important;width:1px!important;overflow:hidden!important;position:absolute!important;white-space:nowrap!important;border:0!important}

body{font-size:20px;background:#000;font-family: 'Kanit', 'Noto Sans JP', sans-serif;}
.pg{margin-left:80px;width:calc(100% - 80px);padding:1rem;}

.bar{height:100dvh;width:80px;background:#000;display:flex;padding:32px 16px;flex-direction: column;justify-content: space-between;position: fixed;top:0;left:0;bottom:0;z-index: 999;}
.bar2 img{width:20px;margin:0 auto;opacity: .4;}

.pg1{height:100svh;background:url(./bg.jpg) no-repeat 50% 50%;background-size:cover;position: relative;}
.pg1a{position: absolute;bottom:16px;right:16px;z-index:1;width:46%;mix-blend-mode:overlay;max-width:650px;}
.pg1b{position: absolute;bottom:32px;right:32px;z-index:2;width:45%;max-width:640px;}
.pg1c{position: absolute;bottom:32px;left:32px;width:30%;opacity: .8;max-width:440px;}

.pg2{min-height:100lvh;background:#fff;}
.pgh1{text-align:center;font-size:3.5rem;margin:2.5em 0 1.5em;line-height:1;}

.nimg{width:70%;max-width:720px;margin:1rem auto;}

.glist{width:90%;max-width:440px;margin:0 auto 6rem;}
.slist_wrap{width:90%;max-width:440px;margin:0 auto 2rem;}
.slist_wrap h3{font-weight:700;font-size:1.4;text-align: center;}
.slist{margin-top:1.5rem;}
.gl1,
.sl1{border-bottom:1px solid #888;font-size:1rem;font-weight:bold;padding:0 .5rem;}
.gl2,
.sl2{font-size:1rem;margin-bottom:.5em;padding:.5rem;}

.walist{width:90%;max-width:1000px;margin:1rem auto 4.5rem;display: flex;align-items: center;justify-content: space-around;}
.wl1{width:45%;padding:1.5rem;font-size:1rem;}
.wl2{width:50%;padding:1rem;font-size:1rem;}
.wlimg{border:2px solid #ddd;border-radius:6px;width:100%;position: relative;padding:1rem;font-weight:bold;color:#aaa;aspect-ratio: 5 / 3;}
.wlimg img{width:45%;opacity: .4;position: absolute;bottom:-1.25rem;right:-1rem;}

.wlimg:before{border:2px solid #cba;position: absolute;top:-.5rem;bottom:.5rem;left:-.5rem;right:.5rem;border-radius:6px;content:"";opacity: .4;}
.wlimg:after {border:2px solid #abc;position: absolute;top:.5rem;bottom:-.5rem;left:.5rem;right:-.5rem;border-radius:6px;content:"";opacity: .2;}

.footer{background:#000;color:#fff;display:flex;justify-content: space-between;align-items: center;padding:3rem 1rem;}
.footer_l img{max-width:35vw;}
.footer_r{font-size:.85rem;opacity: .4;font-weight:bold;}

iframe{width:90%;max-width:720px;height:50vh;margin:1rem auto 2.5rem;}

@media (max-width:820px){
    body{font-size:16px;}
    .pg{margin-left:48px;width:calc(100% - 48px);}
	.bar{width:48px;padding:32px 4px 32px 2px;}
    .bar2 img{width:18px;}
    .pg1a{bottom:16px;right:8px;z-index:1;width:75.5%;}
    .pg1b{bottom:32px;right:24px;z-index:2;width:75%;}
    .pg1c{position: absolute;bottom:52%;left:16px;width:55%;}

	.pgh1{font-size:2.25rem;}
	.nimg{width:90%;max-width:800px;margin:1rem auto;}

	.walist{flex-direction: column;}
	.wl1,.wl2{width:100%;}

	.footer{flex-direction: column;}
	.footer_l img{max-width:65vw;}
	.footer_r{font-size:.8rem;margin-top:.5rem;}
}