html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
body {
line-height: 1;
}
ol,
ul {
list-style: none;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
body {
-webkit-text-size-adjust: none
}
mark {
background-color: transparent;
color: inherit
}
input::-moz-focus-inner {
border: 0;
padding: 0
}
input[type="text"],
input[type="email"],
select,
textarea {
-moz-appearance: none;
-webkit-appearance: none;
-ms-appearance: none;
appearance: none
}
*,
*:before,
*:after {
box-sizing: border-box;
}
body {
line-height: 1.0;
min-height: var(--viewport-height);
min-width: 320px;
overflow-x: hidden;
word-wrap: break-word;
}
body:before {
background-attachment: scroll;
content: '';
display: block;
height: var(--background-height);
left: 0;
pointer-events: none;
position: fixed;
top: 0;
transform: scale(1);
width: 100vw;
z-index: 0;
background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%22640%22%20height%3D%22480%22%20viewBox%3D%220%200%20640%20480%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20preserveAspectRatio%3D%22none%22%3E%20%3Cstyle%3E%20line%20%7B%20stroke-width%3A%201.01px%3B%20stroke%3A%20rgba(0,37,168,0.239)%3B%20vector-effect%3A%20non-scaling-stroke%3B%20%7D%20%3C%2Fstyle%3E%20%3Cline%20x1%3D%22640.08%22%20y1%3D%22242.0103%22%20x2%3D%22629.9606%22%20y2%3D%22240.0%22%20opacity%3D%221%22%20%2F%3E%20%3Cline%20x1%3D%22640.9808%22%20y1%3D%22249.2743%22%20x2%3D%22598.9646%22%20y2%3D%22240.0%22%20opacity%3D%221%22%20%2F%3E%20%3Cline%20x1%3D%22642.1139%22%20y1%3D%22258.4121%22%20x2%3D%22567.9685%22%20y2%3D%22240.0%22%20opacity%3D%221%22%20%2F%3E%20%3Cline%20x1%3D%22643.5825%22%20y1%3D%22270.2558%22%20x2%3D%22536.9724%22%20y2%3D%22240.0%22%20opacity%3D%221%22%20%2F%3E%20%3Cline%20x1%3D%22645.5617%22%20y1%3D%22286.2164%22%20x2%3D%22505.9764%22%20y2%3D%22240.0%22%20opacity%3D%221%22%20%2F%3E%20%3Cline%20x1%3D%22648.3735%22%20y1%3D%22308.8922%22%20x2%3D%22474.9803%22%20y2%3D%22240.0%22%20opacity%3D%221%22%20%2F%3E%20%3Cline%20x1%3D%22652.6836%22%20y1%3D%22343.65%22%20x2%3D%22443.9843%22%20y2%3D%22240.0%22%20opacity%3D%221%22%20%2F%3E%20%3Cline%20x1%3D%22660.124%22%20y1%3D%22403.6525%22%20x2%3D%22412.9882%22%20y2%3D%22240.0%22%20opacity%3D%221%22%20%2F%3E%20%3Cline%20x1%3D%22648.2466%22%20y1%3D%22504.4691%22%20x2%3D%22381.9921%22%20y2%3D%22240.0%22%20opacity%3D%221%22%20%2F%3E%20%3Cline%20x1%3D%22484.1233%22%20y1%3D%22504.4691%22%20x2%3D%22350.9961%22%20y2%3D%22240.0%22%20opacity%3D%221%22%20%2F%3E%20%3Cline%20x1%3D%22320.0%22%20y1%3D%22504.4691%22%20x2%3D%22320.0%22%20y2%3D%22240.0%22%20opacity%3D%221%22%20%2F%3E%20%3Cline%20x1%3D%22155.8767%22%20y1%3D%22504.4691%22%20x2%3D%22289.0039%22%20y2%3D%22240.0%22%20opacity%3D%221%22%20%2F%3E%20%3Cline%20x1%3D%22-8.2466%22%20y1%3D%22504.4691%22%20x2%3D%22258.0079%22%20y2%3D%22240.0%22%20opacity%3D%221%22%20%2F%3E%20%3Cline%20x1%3D%22-20.124%22%20y1%3D%22403.6525%22%20x2%3D%22227.0118%22%20y2%3D%22240.0%22%20opacity%3D%221%22%20%2F%3E%20%3Cline%20x1%3D%22-12.6836%22%20y1%3D%22343.65%22%20x2%3D%22196.0157%22%20y2%3D%22240.0%22%20opacity%3D%221%22%20%2F%3E%20%3Cline%20x1%3D%22-8.3735%22%20y1%3D%22308.8922%22%20x2%3D%22165.0197%22%20y2%3D%22240.0%22%20opacity%3D%221%22%20%2F%3E%20%3Cline%20x1%3D%22-5.5617%22%20y1%3D%22286.2164%22%20x2%3D%22134.0236%22%20y2%3D%22240.0%22%20opacity%3D%221%22%20%2F%3E%20%3Cline%20x1%3D%22-3.5825%22%20y1%3D%22270.2558%22%20x2%3D%22103.0276%22%20y2%3D%22240.0%22%20opacity%3D%221%22%20%2F%3E%20%3Cline%20x1%3D%22-2.1139%22%20y1%3D%22258.4121%22%20x2%3D%2272.0315%22%20y2%3D%22240.0%22%20opacity%3D%221%22%20%2F%3E%20%3Cline%20x1%3D%22-0.9808%22%20y1%3D%22249.2743%22%20x2%3D%2241.0354%22%20y2%3D%22240.0%22%20opacity%3D%221%22%20%2F%3E%20%3Cline%20x1%3D%22-0.08%22%20y1%3D%22242.0103%22%20x2%3D%2210.0394%22%20y2%3D%22240.0%22%20opacity%3D%221%22%20%2F%3E%20%3Cline%20x1%3D%22-0.6801%22%20y1%3D%22246.8498%22%20x2%3D%22640.6801%22%20y2%3D%22246.8498%22%20opacity%3D%221%22%3E%20%3Canimate%20attributeName%3D%22x1%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20values%3D%22-0.6801%3B-0.7695%3B-0.8608%3B-0.9541%3B-1.0494%3B-1.1468%3B-1.2463%3B-1.3481%3B-1.4523%3B-1.5588%3B-1.6678%22%20%2F%3E%20%3Canimate%20attributeName%3D%22y1%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20values%3D%22246.8498%3B247.5708%3B248.307%3B249.0592%3B249.8277%3B250.6131%3B251.416%3B252.2369%3B253.0765%3B253.9355%3B254.8144%22%20%2F%3E%20%3Canimate%20attributeName%3D%22x2%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20values%3D%22640.6801%3B640.7695%3B640.8608%3B640.9541%3B641.0494%3B641.1468%3B641.2463%3B641.3481%3B641.4523%3B641.5588%3B641.6678%22%20%2F%3E%20%3Canimate%20attributeName%3D%22y2%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20values%3D%22246.8498%3B247.5708%3B248.307%3B249.0592%3B249.8277%3B250.6131%3B251.416%3B252.2369%3B253.0765%3B253.9355%3B254.8144%22%20%2F%3E%20%3C%2Fline%3E%20%3Cline%20x1%3D%22-1.6678%22%20y1%3D%22254.8144%22%20x2%3D%22641.6678%22%20y2%3D%22254.8144%22%20opacity%3D%221%22%3E%20%3Canimate%20attributeName%3D%22x1%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20values%3D%22-1.6678%3B-1.7793%3B-1.8935%3B-2.0105%3B-2.1303%3B-2.2531%3B-2.379%3B-2.508%3B-2.6404%3B-2.7762%3B-2.9156%22%20%2F%3E%20%3Canimate%20attributeName%3D%22y1%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20values%3D%22254.8144%3B255.714%3B256.6351%3B257.5784%3B258.5447%3B259.5349%3B260.5499%3B261.5906%3B262.6581%3B263.7533%3B264.8773%22%20%2F%3E%20%3Canimate%20attributeName%3D%22x2%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20values%3D%22641.6678%3B641.7793%3B641.8935%3B642.0105%3B642.1303%3B642.2531%3B642.379%3B642.508%3B642.6404%3B642.7762%3B642.9156%22%20%2F%3E%20%3Canimate%20attributeName%3D%22y2%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20values%3D%22254.8144%3B255.714%3B256.6351%3B257.5784%3B258.5447%3B259.5349%3B260.5499%3B261.5906%3B262.6581%3B263.7533%3B264.8773%22%20%2F%3E%20%3C%2Fline%3E%20%3Cline%20x1%3D%22-2.9156%22%20y1%3D%22264.8773%22%20x2%3D%22642.9156%22%20y2%3D%22264.8773%22%20opacity%3D%221%22%3E%20%3Canimate%20attributeName%3D%22x1%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20values%3D%22-2.9156%3B-3.0587%3B-3.2057%3B-3.3567%3B-3.5119%3B-3.6715%3B-3.8356%3B-4.0045%3B-4.1784%3B-4.3575%3B-4.542%22%20%2F%3E%20%3Canimate%20attributeName%3D%22y1%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20values%3D%22264.8773%3B266.0314%3B267.2166%3B268.4344%3B269.6861%3B270.973%3B272.2968%3B273.659%3B275.0613%3B276.5056%3B277.9936%22%20%2F%3E%20%3Canimate%20attributeName%3D%22x2%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20values%3D%22642.9156%3B643.0587%3B643.2057%3B643.3567%3B643.5119%3B643.6715%3B643.8356%3B644.0045%3B644.1784%3B644.3575%3B644.542%22%20%2F%3E%20%3Canimate%20attributeName%3D%22y2%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20values%3D%22264.8773%3B266.0314%3B267.2166%3B268.4344%3B269.6861%3B270.973%3B272.2968%3B273.659%3B275.0613%3B276.5056%3B277.9936%22%20%2F%3E%20%3C%2Fline%3E%20%3Cline%20x1%3D%22-4.542%22%20y1%3D%22277.9936%22%20x2%3D%22644.542%22%20y2%3D%22277.9936%22%20opacity%3D%221%22%3E%20%3Canimate%20attributeName%3D%22x1%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20values%3D%22-4.542%3B-4.7322%3B-4.9284%3B-5.1308%3B-5.3397%3B-5.5555%3B-5.7785%3B-6.0091%3B-6.2476%3B-6.4945%3B-6.7503%22%20%2F%3E%20%3Canimate%20attributeName%3D%22y1%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20values%3D%22277.9936%3B279.5275%3B281.1094%3B282.7416%3B284.4265%3B286.1667%3B287.965%3B289.8244%3B291.748%3B293.7391%3B295.8015%22%20%2F%3E%20%3Canimate%20attributeName%3D%22x2%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20values%3D%22644.542%3B644.7322%3B644.9284%3B645.1308%3B645.3397%3B645.5555%3B645.7785%3B646.0091%3B646.2476%3B646.4945%3B646.7503%22%20%2F%3E%20%3Canimate%20attributeName%3D%22y2%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20values%3D%22277.9936%3B279.5275%3B281.1094%3B282.7416%3B284.4265%3B286.1667%3B287.965%3B289.8244%3B291.748%3B293.7391%3B295.8015%22%20%2F%3E%20%3C%2Fline%3E%20%3Cline%20x1%3D%22-6.7503%22%20y1%3D%22295.8015%22%20x2%3D%22646.7503%22%20y2%3D%22295.8015%22%20opacity%3D%221%22%3E%20%3Canimate%20attributeName%3D%22x1%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20values%3D%22-6.7503%3B-7.0153%3B-7.2902%3B-7.5755%3B-7.8717%3B-8.1797%3B-8.4999%3B-8.8332%3B-9.1805%3B-9.5426%3B-9.9204%22%20%2F%3E%20%3Canimate%20attributeName%3D%22y1%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20values%3D%22295.8015%3B297.9391%3B300.1559%3B302.4565%3B304.8457%3B307.3288%3B309.9114%3B312.5996%3B315.4%3B318.3197%3B321.3667%22%20%2F%3E%20%3Canimate%20attributeName%3D%22x2%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20values%3D%22646.7503%3B647.0153%3B647.2902%3B647.5755%3B647.8717%3B648.1797%3B648.4999%3B648.8332%3B649.1805%3B649.5426%3B649.9204%22%20%2F%3E%20%3Canimate%20attributeName%3D%22y2%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20values%3D%22295.8015%3B297.9391%3B300.1559%3B302.4565%3B304.8457%3B307.3288%3B309.9114%3B312.5996%3B315.4%3B318.3197%3B321.3667%22%20%2F%3E%20%3C%2Fline%3E%20%3Cline%20x1%3D%22-9.9204%22%20y1%3D%22321.3667%22%20x2%3D%22649.9204%22%20y2%3D%22321.3667%22%20opacity%3D%221%22%3E%20%3Canimate%20attributeName%3D%22x1%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20values%3D%22-9.9204%3B-10.315%3B-10.7277%3B-11.1595%3B-11.612%3B-12.0866%3B-12.585%3B-13.1089%3B-13.6606%3B-14.2421%3B-14.856%22%20%2F%3E%20%3Canimate%20attributeName%3D%22y1%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20values%3D%22321.3667%3B324.5494%3B327.877%3B331.3596%3B335.0085%3B338.8358%3B342.8548%3B347.0804%3B351.5289%3B356.2184%3B361.169%22%20%2F%3E%20%3Canimate%20attributeName%3D%22x2%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20values%3D%22649.9204%3B650.315%3B650.7277%3B651.1595%3B651.612%3B652.0866%3B652.585%3B653.1089%3B653.6606%3B654.2421%3B654.856%22%20%2F%3E%20%3Canimate%20attributeName%3D%22y2%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20values%3D%22321.3667%3B324.5494%3B327.877%3B331.3596%3B335.0085%3B338.8358%3B342.8548%3B347.0804%3B351.5289%3B356.2184%3B361.169%22%20%2F%3E%20%3C%2Fline%3E%20%3Cline%20x1%3D%22-14.856%22%20y1%3D%22361.169%22%20x2%3D%22654.856%22%20y2%3D%22361.169%22%20opacity%3D%221%22%3E%20%3Canimate%20attributeName%3D%22x1%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20values%3D%22-14.856%3B-15.505%3B-16.1924%3B-16.9215%3B-17.6963%3B-18.5212%3B-19.4013%3B-20.3422%3B-21.3506%3B-22.4339%3B-23.6008%22%20%2F%3E%20%3Canimate%20attributeName%3D%22y1%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20values%3D%22361.169%3B366.4033%3B371.9463%3B377.8261%3B384.0743%3B390.7268%3B397.8241%3B405.4124%3B413.5443%3B422.2805%3B431.691%22%20%2F%3E%20%3Canimate%20attributeName%3D%22x2%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20values%3D%22654.856%3B655.505%3B656.1924%3B656.9215%3B657.6963%3B658.5212%3B659.4013%3B660.3422%3B661.3506%3B662.4339%3B663.6008%22%20%2F%3E%20%3Canimate%20attributeName%3D%22y2%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20values%3D%22361.169%3B366.4033%3B371.9463%3B377.8261%3B384.0743%3B390.7268%3B397.8241%3B405.4124%3B413.5443%3B422.2805%3B431.691%22%20%2F%3E%20%3C%2Fline%3E%20%3Cline%20x1%3D%22-23.6008%22%20y1%3D%22431.691%22%20x2%3D%22663.6008%22%20y2%3D%22431.691%22%20opacity%3D%221%22%3E%20%3Canimate%20attributeName%3D%22x1%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20values%3D%22-23.6008%3B-24.8615%3B-26.2275%3B-27.7128%3B-29.3336%3B-31.1094%3B-31.1094%3B-31.1094%3B-31.1094%3B-31.1094%3B-31.1094%22%20%2F%3E%20%3Canimate%20attributeName%3D%22y1%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20values%3D%22431.691%3B441.857%3B452.8732%3B464.851%3B477.9219%3B492.2429%3B492.2429%3B492.2429%3B492.2429%3B492.2429%3B492.2429%22%20%2F%3E%20%3Canimate%20attributeName%3D%22x2%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20values%3D%22663.6008%3B664.8615%3B666.2275%3B667.7128%3B669.3336%3B671.1094%3B671.1094%3B671.1094%3B671.1094%3B671.1094%3B671.1094%22%20%2F%3E%20%3Canimate%20attributeName%3D%22y2%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20values%3D%22431.691%3B441.857%3B452.8732%3B464.851%3B477.9219%3B492.2429%3B492.2429%3B492.2429%3B492.2429%3B492.2429%3B492.2429%22%20%2F%3E%20%3Canimate%20attributeName%3D%22opacity%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20values%3D%221%3B1%3B1%3B1%3B1%3B1%3B0%3B0%3B0%3B0%3B0%22%20%2F%3E%20%3C%2Fline%3E%20%3Cline%20x1%3D%220.0%22%20y1%3D%22240.0%22%20x2%3D%22640.0%22%20y2%3D%22240.0%22%20%2F%3E%20%3Cline%20x1%3D%22-0.0269%22%20y1%3D%22241.5819%22%20x2%3D%22640.0269%22%20y2%3D%22241.5819%22%20opacity%3D%220%22%3E%20%3Canimate%20attributeName%3D%22x1%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20values%3D%22-0.0269%3B-0.0269%3B-0.0269%3B-0.103%3B-0.1806%3B-0.2597%3B-0.3404%3B-0.4228%3B-0.5068%3B-0.5926%3B-0.6801%22%20%2F%3E%20%3Canimate%20attributeName%3D%22y1%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20values%3D%22241.5819%3B241.5819%3B241.5819%3B242.1956%3B242.8213%3B243.4595%3B244.1104%3B244.7745%3B245.4521%3B246.1438%3B246.8498%22%20%2F%3E%20%3Canimate%20attributeName%3D%22x2%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20values%3D%22640.0269%3B640.0269%3B640.0269%3B640.103%3B640.1806%3B640.2597%3B640.3404%3B640.4228%3B640.5068%3B640.5926%3B640.6801%22%20%2F%3E%20%3Canimate%20attributeName%3D%22y2%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20values%3D%22241.5819%3B241.5819%3B241.5819%3B242.1956%3B242.8213%3B243.4595%3B244.1104%3B244.7745%3B245.4521%3B246.1438%3B246.8498%22%20%2F%3E%20%3Canimate%20attributeName%3D%22opacity%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20values%3D%220%3B0%3B1%3B1%3B1%3B1%3B1%3B1%3B1%3B1%3B1%22%20%2F%3E%20%3C%2Fline%3E%3C%2Fsvg%3E'), radial-gradient(50% 50% at 50% 50%, #000463 0%, #000000 100%);
background-size: 100% 150%, auto;
background-position: center, 0% 0%;
background-repeat: no-repeat, repeat;
}
:root {
--background-height: 100vh;
--site-language-alignment: left;
--site-language-direction: ltr;
--site-language-flex-alignment: flex-start;
--site-language-indent-left: 1;
--site-language-indent-right: 0;
--site-language-margin-left: 0;
--site-language-margin-right: auto;
--viewport-height: 100vh;
}
html {
font-size: 17pt;
}
u {
text-decoration: underline;
}
strong {
color: inherit;
font-weight: bolder;
}
em {
font-style: italic;
}
code {
background-color: rgba(144, 144, 144, 0.25);
border-radius: 0.25em;
font-family: 'Lucida Console', 'Courier New', monospace;
font-size: 0.9em;
font-weight: normal;
letter-spacing: 0;
margin: 0 0.25em;
padding: 0.25em 0.5em;
text-indent: 0;
}
mark {
background-color: rgba(144, 144, 144, 0.25);
}
spoiler-text {
-webkit-text-stroke: 0;
background-color: rgba(32, 32, 32, 0.75);
text-shadow: none;
text-stroke: 0;
color: transparent;
cursor: pointer;
transition: color 0.1s ease-in-out;
}
spoiler-text.active {
color: #FFFFFF;
cursor: text;
}
s {
text-decoration: line-through;
}
sub {
font-size: smaller;
vertical-align: sub;
}
sup {
font-size: smaller;
vertical-align: super;
}
a {
color: inherit;
text-decoration: underline;
transition: none;
}
a[onclick]:not([href]) {
cursor: pointer;
}
unloaded-script {
display: none;
}
#wrapper {
-webkit-overflow-scrolling: touch;
align-items: center;
display: flex;
flex-direction: column;
justify-content: center;
min-height: var(--viewport-height);
overflow: hidden;
position: relative;
z-index: 2;
}
#main {
--alignment: var(--site-language-alignment);
--flex-alignment: var(--site-language-flex-alignment);
--indent-left: var(--site-language-indent-left);
--indent-right: var(--site-language-indent-right);
--margin-left: var(--site-language-margin-left);
--margin-right: var(--site-language-margin-right);
--border-radius-tl: 0;
--border-radius-tr: 0;
--border-radius-br: 0;
--border-radius-bl: 0;
align-items: center;
display: flex;
flex-grow: 0;
flex-shrink: 0;
justify-content: center;
max-width: 100%;
position: relative;
text-align: var(--alignment);
z-index: 1;
}
#main>.inner {
--padding-horizontal: 10.125rem;
--padding-vertical: 7.25rem;
--spacing: 0.75rem;
--width: 80rem;
border-radius: var(--border-radius-tl) var(--border-radius-tr) var(--border-radius-br) var(--border-radius-bl);
max-width: 100%;
position: relative;
width: var(--width);
z-index: 1;
padding: var(--padding-vertical) var(--padding-horizontal);
}
#main>.inner>* {
margin-top: var(--spacing);
margin-bottom: var(--spacing);
}
#main>.inner> :first-child {
margin-top: 0 !important;
}
#main>.inner> :last-child {
margin-bottom: 0 !important;
}
#main>.inner>.full {
margin-left: calc(var(--padding-horizontal) * -1);
max-width: calc(100% + calc(var(--padding-horizontal) * 2) + 0.4725px);
width: calc(100% + calc(var(--padding-horizontal) * 2) + 0.4725px);
}
#main>.inner>.full:first-child {
border-top-left-radius: inherit;
border-top-right-radius: inherit;
margin-top: calc(var(--padding-vertical) * -1) !important;
}
#main>.inner>.full:last-child {
border-bottom-left-radius: inherit;
border-bottom-right-radius: inherit;
margin-bottom: calc(var(--padding-vertical) * -1) !important;
}
#main>.inner>.full.screen {
border-radius: 0 !important;
max-width: 100vw;
position: relative;
width: 100vw;
left: 50%;
margin-left: -50vw;
right: auto;
}
body.is-instant #main,
body.is-instant #main>.inner>*,
body.is-instant #main>.inner>section>* {
transition: none !important;
}
body.is-instant:after {
display: none !important;
transition: none !important;
}
@keyframes loading-spinner {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.deferred:before {
content: '';
display: block;
width: 4rem;
height: 4rem;
position: absolute;
top: 50%;
left: 50%;
margin: -2rem 0 0 -2rem;
animation: loading-spinner 1s infinite linear;
transition: opacity 0.25s ease;
transition-delay: 0.5s;
opacity: 0;
z-index: -1;
background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iOTZweCIgaGVpZ2h0PSI5NnB4IiB2aWV3Qm94PSIwIDAgOTYgOTYiIHpvb21BbmRQYW49ImRpc2FibGUiPjxzdHlsZT5jaXJjbGUge2ZpbGw6IHRyYW5zcGFyZW50OyBzdHJva2U6ICNmZmY7IHN0cm9rZS13aWR0aDogMS41cHg7IH08L3N0eWxlPjxkZWZzPjxjbGlwUGF0aCBpZD0iY29ybmVyIj48cG9seWdvbiBwb2ludHM9IjAsMCA0OCwwIDQ4LDQ4IDk2LDQ4IDk2LDk2IDAsOTYiIC8+PC9jbGlwUGF0aD48L2RlZnM+PGcgY2xpcC1wYXRoPSJ1cmwoI2Nvcm5lcikiPjxjaXJjbGUgY3g9IjQ4IiBjeT0iNDgiIHI9IjMyIi8+PC9nPjwvc3ZnPg==');
background-position: center;
background-repeat: no-repeat;
background-size: 3rem;
}
.deferred.loading:before {
opacity: 0.35;
z-index: 0;
}
.image {
display: block;
line-height: 0;
max-width: 100%;
position: relative;
}
.image .frame {
-webkit-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
display: inline-block;
max-width: 100%;
overflow: hidden;
vertical-align: top;
width: 100%;
}
.image .frame img {
border-radius: 0 !important;
max-width: 100%;
vertical-align: top;
width: inherit;
}
.image.full .frame {
display: block;
}
.image.full:first-child .frame {
border-top-left-radius: inherit;
border-top-right-radius: inherit;
}
.image.full:last-child .frame {
border-bottom-left-radius: inherit;
border-bottom-right-radius: inherit;
}
.image.style1 {
text-align: center;
}
.image.style1:not(:first-child) {
margin-top: 0.375rem !important;
}
.image.style1:not(:last-child) {
margin-bottom: 0.375rem !important;
}
.image.style1 .frame {
width: 7.875rem;
border-radius: 100%;
border-color: #0047FF;
border-style: solid;
border-width: 8px;
box-shadow: -0rem 0rem 4.625rem 0rem transparent;
transition: transform 0.875s ease, z-index 0.875s ease;
}
.image.style1 img {
border-radius: inherit !important;
padding: 0.375rem;
}
.image.style1 .frame:hover {
transform: scale(1.2);
z-index: 1;
}
.image.style2 {
text-align: center;
}
.image.style2 .frame {
max-width: 100%;
width: 806px;
border-radius: 2.25rem;
border-color: transparent;
border-style: solid;
border-width: 7px;
box-shadow: -0rem 0rem 4.625rem 0rem transparent;
transition: transform 0.875s ease, z-index 0.875s ease;
}
.image.style2 .frame img:first-child {
border-radius: calc(2.25rem - 7px) !important;
}
.image.style2 img {
height: 100% !important;
object-fit: cover;
object-position: center;
width: 100% !important;
}
.image.style2 .frame:hover {
transform: scale(1.2);
z-index: 1;
}
h1,
h2,
h3,
p {
direction: var(--site-language-direction);
position: relative;
}
h1 span.p,
h2 span.p,
h3 span.p,
p span.p {
display: block;
position: relative;
}
h1 span[style],
h2 span[style],
h3 span[style],
p span[style],
h1 strong,
h2 strong,
h3 strong,
p strong,
h1 a,
h2 a,
h3 a,
p a,
h1 code,
h2 code,
h3 code,
p code,
h1 mark,
h2 mark,
h3 mark,
p mark,
h1 spoiler-text,
h2 spoiler-text,
h3 spoiler-text,
p spoiler-text {
-webkit-text-fill-color: currentcolor;
}
h1.style4,
h2.style4,
h3.style4,
p.style4 {
text-align: center;
max-width: 38.5rem;
margin-left: var(--margin-left);
margin-right: var(--margin-right);
--margin-left: auto;
--margin-right: auto;
font-variant: small-caps;
color: #6E6E6E;
font-family: 'Plus Jakarta Sans', sans-serif;
font-size: 1.125em;
line-height: 1.125;
font-weight: 800;
background-image: linear-gradient(101deg, #FFFFFF 25%, #6E6E6E 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
h1.style4 mark,
h2.style4 mark,
h3.style4 mark,
p.style4 mark {
background-color: transparent;
}
h1.style4 a,
h2.style4 a,
h3.style4 a,
p.style4 a {
color: #7A82FF;
text-decoration: none;
}
h1.style4 a:hover,
h2.style4 a:hover,
h3.style4 a:hover,
p.style4 a:hover {
color: #747989;
}
h1.style4 span.p:nth-child(n + 2),
h2.style4 span.p:nth-child(n + 2),
h3.style4 span.p:nth-child(n + 2),
p.style4 span.p:nth-child(n + 2) {
margin-top: 1rem;
-webkit-text-fill-color: currentcolor;
}
h1.style4 span.p,
h2.style4 span.p,
h3.style4 span.p,
p.style4 span.p {
background-image: linear-gradient(101deg, #FFFFFF 25%, #6E6E6E 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent !important;
}
h1.style3,
h2.style3,
h3.style3,
p.style3 {
text-align: center;
text-transform: uppercase;
color: #00E0FF;
font-family: 'Kodchasan', sans-serif;
font-size: 4.25em;
line-height: 0.875;
font-weight: 700;
background-image: linear-gradient(137deg, #0020C4 0%, #00E0FF 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-text-stroke: 0.03em transparent;
text-stroke: 0.03em transparent;
}
h1.style3 mark,
h2.style3 mark,
h3.style3 mark,
p.style3 mark {
background-color: transparent;
}
h1.style3 a,
h2.style3 a,
h3.style3 a,
p.style3 a {
color: #7A82FF;
text-decoration: none;
}
h1.style3 a:hover,
h2.style3 a:hover,
h3.style3 a:hover,
p.style3 a:hover {
color: #747989;
}
h1.style3 span.p:nth-child(n + 2),
h2.style3 span.p:nth-child(n + 2),
h3.style3 span.p:nth-child(n + 2),
p.style3 span.p:nth-child(n + 2) {
margin-top: 1rem;
-webkit-text-fill-color: currentcolor;
}
h1.style3 span.p,
h2.style3 span.p,
h3.style3 span.p,
p.style3 span.p {
background-image: linear-gradient(137deg, #0020C4 0%, #00E0FF 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent !important;
}
h1.style9:not(:first-child),
h2.style9:not(:first-child),
h3.style9:not(:first-child),
p.style9:not(:first-child) {
margin-top: 4.375rem !important;
}
h1.style9:not(:last-child),
h2.style9:not(:last-child),
h3.style9:not(:last-child),
p.style9:not(:last-child) {
margin-bottom: 4.375rem !important;
}
h1.style9,
h2.style9,
h3.style9,
p.style9 {
text-align: center;
max-width: 48.5rem;
margin-left: var(--margin-left);
margin-right: var(--margin-right);
--margin-left: auto;
--margin-right: auto;
font-variant: small-caps;
color: #00FFE0;
font-family: 'Plus Jakarta Sans', sans-serif;
font-size: 3.375em;
line-height: 0.875;
font-weight: 800;
background-image: linear-gradient(101deg, #0029FF 25%, #00FFE0 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
h1.style9 mark,
h2.style9 mark,
h3.style9 mark,
p.style9 mark {
background-color: transparent;
}
h1.style9 a,
h2.style9 a,
h3.style9 a,
p.style9 a {
color: #7A82FF;
text-decoration: none;
}
h1.style9 a:hover,
h2.style9 a:hover,
h3.style9 a:hover,
p.style9 a:hover {
color: #747989;
}
h1.style9 span.p:nth-child(n + 2),
h2.style9 span.p:nth-child(n + 2),
h3.style9 span.p:nth-child(n + 2),
p.style9 span.p:nth-child(n + 2) {
margin-top: 1rem;
-webkit-text-fill-color: currentcolor;
}
h1.style9 span.p,
h2.style9 span.p,
h3.style9 span.p,
p.style9 span.p {
background-image: linear-gradient(101deg, #0029FF 25%, #00FFE0 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent !important;
}
h1.style8:not(:first-child),
h2.style8:not(:first-child),
h3.style8:not(:first-child),
p.style8:not(:first-child) {
margin-top: 3.75rem !important;
}
h1.style8:not(:last-child),
h2.style8:not(:last-child),
h3.style8:not(:last-child),
p.style8:not(:last-child) {
margin-bottom: 3.75rem !important;
}
h1.style8,
h2.style8,
h3.style8,
p.style8 {
text-align: center;
max-width: 36.125rem;
margin-left: var(--margin-left);
margin-right: var(--margin-right);
--margin-left: auto;
--margin-right: auto;
font-variant: small-caps;
color: #808080;
font-family: 'Plus Jakarta Sans', sans-serif;
font-size: 1.5em;
line-height: 0.875;
font-weight: 800;
background-image: linear-gradient(101deg, #FFFFFF 25%, #808080 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
h1.style8 mark,
h2.style8 mark,
h3.style8 mark,
p.style8 mark {
background-color: transparent;
}
h1.style8 a,
h2.style8 a,
h3.style8 a,
p.style8 a {
color: #7A82FF;
text-decoration: none;
}
h1.style8 a:hover,
h2.style8 a:hover,
h3.style8 a:hover,
p.style8 a:hover {
color: #747989;
}
h1.style8 span.p:nth-child(n + 2),
h2.style8 span.p:nth-child(n + 2),
h3.style8 span.p:nth-child(n + 2),
p.style8 span.p:nth-child(n + 2) {
margin-top: 1rem;
-webkit-text-fill-color: currentcolor;
}
h1.style8 span.p,
h2.style8 span.p,
h3.style8 span.p,
p.style8 span.p {
background-image: linear-gradient(101deg, #FFFFFF 25%, #808080 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent !important;
}
h1.style11:not(:first-child),
h2.style11:not(:first-child),
h3.style11:not(:first-child),
p.style11:not(:first-child) {
margin-top: 4.375rem !important;
}
h1.style11:not(:last-child),
h2.style11:not(:last-child),
h3.style11:not(:last-child),
p.style11:not(:last-child) {
margin-bottom: 4.375rem !important;
}
h1.style11,
h2.style11,
h3.style11,
p.style11 {
text-align: center;
max-width: 30.125rem;
margin-left: var(--margin-left);
margin-right: var(--margin-right);
--margin-left: auto;
--margin-right: auto;
font-variant: small-caps;
color: #00FFE0;
font-family: 'Plus Jakarta Sans', sans-serif;
font-size: 3.125em;
line-height: 0.875;
font-weight: 800;
background-image: linear-gradient(101deg, #0029FF 25%, #00FFE0 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
h1.style11 mark,
h2.style11 mark,
h3.style11 mark,
p.style11 mark {
background-color: transparent;
}
h1.style11 a,
h2.style11 a,
h3.style11 a,
p.style11 a {
color: #7A82FF;
text-decoration: none;
}
h1.style11 a:hover,
h2.style11 a:hover,
h3.style11 a:hover,
p.style11 a:hover {
color: #747989;
}
h1.style11 span.p:nth-child(n + 2),
h2.style11 span.p:nth-child(n + 2),
h3.style11 span.p:nth-child(n + 2),
p.style11 span.p:nth-child(n + 2) {
margin-top: 1rem;
-webkit-text-fill-color: currentcolor;
}
h1.style11 span.p,
h2.style11 span.p,
h3.style11 span.p,
p.style11 span.p {
background-image: linear-gradient(101deg, #0029FF 25%, #00FFE0 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent !important;
}
h1.style10:not(:first-child),
h2.style10:not(:first-child),
h3.style10:not(:first-child),
p.style10:not(:first-child) {
margin-top: 3.75rem !important;
}
h1.style10:not(:last-child),
h2.style10:not(:last-child),
h3.style10:not(:last-child),
p.style10:not(:last-child) {
margin-bottom: 3.75rem !important;
}
h1.style10,
h2.style10,
h3.style10,
p.style10 {
text-align: center;
max-width: 29.25rem;
margin-left: var(--margin-left);
margin-right: var(--margin-right);
--margin-left: auto;
--margin-right: auto;
font-variant: small-caps;
color: #808080;
font-family: 'Plus Jakarta Sans', sans-serif;
font-size: 1.5em;
line-height: 0.875;
font-weight: 800;
background-image: linear-gradient(101deg, #FFFFFF 25%, #808080 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
h1.style10 mark,
h2.style10 mark,
h3.style10 mark,
p.style10 mark {
background-color: transparent;
}
h1.style10 a,
h2.style10 a,
h3.style10 a,
p.style10 a {
color: #7A82FF;
text-decoration: none;
}
h1.style10 a:hover,
h2.style10 a:hover,
h3.style10 a:hover,
p.style10 a:hover {
color: #747989;
}
h1.style10 span.p:nth-child(n + 2),
h2.style10 span.p:nth-child(n + 2),
h3.style10 span.p:nth-child(n + 2),
p.style10 span.p:nth-child(n + 2) {
margin-top: 1rem;
-webkit-text-fill-color: currentcolor;
}
h1.style10 span.p,
h2.style10 span.p,
h3.style10 span.p,
p.style10 span.p {
background-image: linear-gradient(101deg, #FFFFFF 25%, #808080 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent !important;
}
.buttons {
cursor: default;
display: flex;
justify-content: var(--flex-alignment);
letter-spacing: 0;
padding: 0;
}
.buttons li {
max-width: 100%;
text-align: var(--alignment);
}
.buttons li a {
align-items: center;
justify-content: center;
max-width: 100%;
text-align: center;
text-decoration: none;
vertical-align: middle;
white-space: nowrap;
}
#buttons01 {
--flex-alignment: center;
--alignment: center;
gap: 0.75rem;
flex-direction: row;
flex-wrap: wrap;
}
#buttons01 li a {
display: inline-flex;
width: 13.75rem;
height: 3.25rem;
line-height: 3.25rem;
padding: 0 0.5rem;
vertical-align: middle;
text-transform: uppercase;
font-family: 'Plus Jakarta Sans', sans-serif;
letter-spacing: 0.05rem;
padding-left: calc(0.05rem + 0.5rem);
font-size: 0.875em;
font-weight: 800;
border-radius: 2.5rem;
box-shadow: 0rem 0rem 1.25rem 0rem transparent;
transition: transform 0.75s ease, color 0.75s ease, background-color 0.75s ease, border-color 0.75s ease;
}
#buttons01 li a svg {
display: block;
fill: #FFFFFF;
flex-grow: 0;
flex-shrink: 0;
height: 100%;
min-width: 18px;
width: 1.5625em;
margin-left: -0.125em;
margin-right: calc(0.5em + 0.05rem);
transition: fill 0.75s ease;
}
#buttons01 li a .label {
direction: var(--site-language-direction);
overflow: hidden;
}
#buttons01 .button {
background-color: rgba(0, 240, 255, 0.788);
color: #FFFFFF;
background-image: linear-gradient(45deg, #3300FF 0%, rgba(0, 240, 255, 0.008) 100%);
background-position: 0% 0%;
background-repeat: repeat;
background-size: cover;
}
#buttons01 li a:hover {
transform: scale(1.2);
}
.buttons.style4 {
--flex-alignment: center;
--alignment: center;
gap: 0.75rem;
flex-direction: row;
flex-wrap: wrap;
}
.buttons.style4:not(:first-child) {
margin-top: 2.25rem !important;
}
.buttons.style4:not(:last-child) {
margin-bottom: 2.25rem !important;
}
.buttons.style4 li a {
display: inline-flex;
width: 23.875rem;
height: 3.5rem;
line-height: 3.5rem;
padding: 0 0.5rem;
vertical-align: middle;
font-family: 'Plus Jakarta Sans', sans-serif;
letter-spacing: 0.05rem;
padding-left: calc(0.05rem + 0.5rem);
font-size: 1.25em;
font-weight: 800;
border-radius: 2.5rem;
box-shadow: 0rem 0rem 1.25rem 0rem transparent;
transition: transform 0.75s ease, color 0.75s ease, background-color 0.75s ease, border-color 0.75s ease;
}
.buttons.style4 li a svg {
display: block;
fill: #FFFFFF;
flex-grow: 0;
flex-shrink: 0;
height: 100%;
min-width: 16px;
width: 1.25em;
margin-left: -0.125em;
margin-right: calc(0.5em + 0.05rem);
transition: fill 0.75s ease;
}
.buttons.style4 li a .label {
direction: var(--site-language-direction);
overflow: hidden;
}
.buttons.style4 .button {
background-color: rgba(0, 25, 255, 0.361);
color: #FFFFFF;
background-image: linear-gradient(45deg, transparent 0%, transparent 100%);
background-position: 0% 0%;
background-repeat: repeat;
background-size: cover;
}
.buttons.style4 li a:hover {
transform: scale(1.2);
}
.video {
position: relative;
}
.video video {
display: inline-block;
max-width: 100%;
vertical-align: top;
}
.video .frame {
display: inline-block;
max-width: 100%;
overflow: hidden;
position: relative;
vertical-align: top;
}
.video .frame:before {
content: '';
display: block;
width: 100%;
}
.video .frame iframe {
bottom: 0px;
height: 100%;
left: 0px;
position: absolute;
right: 0px;
top: 0px;
width: 100%;
background-color: #000000;
}
.video.full video {
display: block;
}
.video.full:first-child video {
border-top-left-radius: inherit;
border-top-right-radius: inherit;
}
.video.full:last-child video {
border-bottom-left-radius: inherit;
border-bottom-right-radius: inherit;
}
.video.full .frame {
display: block;
}
.video.full:first-child .frame {
border-top-left-radius: inherit;
border-top-right-radius: inherit;
}
.video.full:last-child .frame {
border-bottom-left-radius: inherit;
border-bottom-right-radius: inherit;
}
#video03 {
text-align: center;
}
#video03:not(:first-child) {
margin-top: 12rem !important;
}
#video03:not(:last-child) {
margin-bottom: 12rem !important;
}
#video03 video {
width: 50.25rem;
}
#video03 .frame {
width: 50.25rem;
}
#video03 .frame:before {
padding-top: 56.25%;
}
#video09 {
text-align: center;
}
#video09:not(:first-child) {
margin-top: 2.75rem !important;
}
#video09:not(:last-child) {
margin-bottom: 2.75rem !important;
}
#video09 video {
width: 18.875rem;
}
#video09 .frame {
width: 18.875rem;
}
#video09 .frame:before {
padding-top: 177.77777777778%;
}
#video10 {
text-align: center;
}
#video10:not(:first-child) {
margin-top: 2.75rem !important;
}
#video10:not(:last-child) {
margin-bottom: 2.75rem !important;
}
#video10 video {
width: 18.875rem;
}
#video10 .frame {
width: 18.875rem;
}
#video10 .frame:before {
padding-top: 177.77777777778%;
}
#video02 {
text-align: center;
}
#video02:not(:first-child) {
margin-top: 0.625rem !important;
}
#video02:not(:last-child) {
margin-bottom: 0.625rem !important;
}
#video02 video {
width: 18.875rem;
}
#video02 .frame {
width: 18.875rem;
}
#video02 .frame:before {
padding-top: 177.77777777778%;
}
#video04 {
text-align: center;
}
#video04:not(:first-child) {
margin-top: 5rem !important;
}
#video04:not(:last-child) {
margin-bottom: 5rem !important;
}
#video04 video {
width: 18.875rem;
}
#video04 .frame {
width: 18.875rem;
}
#video04 .frame:before {
padding-top: 177.77777777778%;
}
#video05 {
text-align: center;
}
#video05:not(:first-child) {
margin-top: 2.75rem !important;
}
#video05:not(:last-child) {
margin-bottom: 2.75rem !important;
}
#video05 video {
width: 18.875rem;
}
#video05 .frame {
width: 18.875rem;
}
#video05 .frame:before {
padding-top: 177.77777777778%;
}
#video08 {
text-align: center;
}
#video08:not(:first-child) {
margin-top: 4.875rem !important;
}
#video08:not(:last-child) {
margin-bottom: 4.875rem !important;
}
#video08 video {
width: 47.75rem;
}
#video08 .frame {
width: 47.75rem;
}
#video08 .frame:before {
padding-top: 56.25%;
}
#video07 {
text-align: center;
}
#video07:not(:first-child) {
margin-top: 4.875rem !important;
}
#video07:not(:last-child) {
margin-bottom: 4.875rem !important;
}
#video07 video {
width: 47.75rem;
}
#video07 .frame {
width: 47.75rem;
}
#video07 .frame:before {
padding-top: 56.25%;
}
#video06 {
text-align: center;
}
#video06:not(:first-child) {
margin-top: 4.75rem !important;
}
#video06:not(:last-child) {
margin-bottom: 4.75rem !important;
}
#video06 video {
width: 47.75rem;
}
#video06 .frame {
width: 47.75rem;
}
#video06 .frame:before {
padding-top: 56.25%;
}
#video01 {
text-align: center;
}
#video01:not(:first-child) {
margin-top: 5rem !important;
}
#video01:not(:last-child) {
margin-bottom: 5rem !important;
}
#video01 video {
width: 47.75rem;
}
#video01 .frame {
width: 47.75rem;
}
#video01 .frame:before {
padding-top: 56.25%;
}
.gallery .inner {
display: inline-block;
max-width: 100%;
vertical-align: middle;
}
.gallery ul {
display: flex;
flex-wrap: wrap;
justify-content: var(--flex-alignment);
}
.gallery ul li {
position: relative;
}
.gallery ul li .thumbnail {
border-radius: inherit;
position: relative;
}
.gallery ul li .frame {
-webkit-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
display: inline-block;
overflow: hidden;
vertical-align: top;
}
.gallery ul li img {
margin: 0;
max-width: 100%;
vertical-align: top;
width: auto;
}
.gallery ul li .caption {
width: 100%;
}
.gallery ul li .caption p {
width: 100%;
}
.gallery ul li .caption a,
.gallery ul li .caption spoiler-text {
pointer-events: auto;
}
#gallery01 {
text-align: center;
}
#gallery01 .inner {
max-width: 100%;
}
#gallery01 ul {
justify-content: center;
gap: 4rem;
}
#gallery01 ul li {
border-radius: 11.75rem;
display: inline-block;
}
#gallery01 ul li .frame {
border-radius: 11.75rem;
border-color: #0029FF;
border-style: solid;
border-width: 6px;
}
#gallery01 ul li .thumbnail {
display: block;
transition: transform 0.25s ease, z-index 0.25s ease;
}
#gallery01 ul li img {
height: auto;
max-height: 8.625rem;
}
#gallery01 ul li .thumbnail:hover {
transform: rotate(10deg);
z-index: 1;
}
.icons {
display: flex;
flex-wrap: wrap;
justify-content: var(--flex-alignment);
letter-spacing: 0;
padding: 0;
}
.icons li {
position: relative;
z-index: 1;
}
.icons li a {
align-items: center;
display: flex;
justify-content: center;
}
.icons li a svg {
display: block;
position: relative;
}
.icons li a+svg {
display: block;
height: 100%;
left: 0;
pointer-events: none;
position: absolute;
top: 0;
width: 100%;
z-index: -1;
}
.icons li a .label {
display: none;
}
.icons.style1 {
justify-content: center;
font-size: 2.375em;
gap: 2rem;
}
.icons.style1:not(:first-child) {
margin-top: 1.625rem !important;
}
.icons.style1:not(:last-child) {
margin-bottom: 1.625rem !important;
}
.icons.style1 li a {
border-radius: 100%;
height: 2em;
width: 2em;
transition: transform 1s ease, color 1s ease, background-color 1s ease, border-color 1s ease;
}
.icons.style1 li a svg {
height: 60%;
width: 60%;
transition: fill 1s ease;
}
.icons.style1 a {
background-color: rgba(15, 10, 255, 0.349);
}
.icons.style1 a svg {
fill: #FFFFFF;
}
.icons.style1 li a+svg {
transition: transform 1s ease, fill 1s ease, stroke 1s ease;
}
.icons.style1 li a:hover {
transform: scale(1.2);
}
.icons.style1 li a:hover+svg {
transform: scale(1.2);
}
.icc-credits {
display: block;
opacity: 1 !important;
position: relative;
transition-delay: 0s !important;
}
.icc-credits span {
border-radius: 24px;
cursor: pointer;
display: inline-block;
font-family: Arial, sans-serif;
font-size: 12px;
letter-spacing: 0;
line-height: 1;
position: relative;
text-decoration: none;
width: auto;
}
.icc-credits span a {
display: inline-block;
padding: 0.5em 0.375em;
position: relative;
text-decoration: none;
transition: color 0.25s ease, transform 0.25s ease;
z-index: 1;
}
.icc-credits span a:before {
content: '( ';
opacity: 1;
transition: opacity 0.25s ease;
}
.icc-credits span a:after {
content: ' )';
opacity: 1;
transition: opacity 0.25s ease;
}
.icc-credits span::after {
background-image: linear-gradient(30deg, #A464A1 15%, #3B5DAD 85%);
border-radius: inherit;
box-shadow: 0 0.25em 1.25em 0 rgba(0, 0, 0, 0.25);
content: '';
display: block;
height: calc(100% + 2px);
left: -1px;
opacity: 0;
pointer-events: none;
position: absolute;
top: -1px;
transition: opacity 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease;
width: calc(100% + 2px);
}
.icc-credits span:hover {
text-transform: none !important;
}
.icc-credits span:hover a {
color: #ffffff !important;
transform: scale(1.1) translateY(-0.05rem);
}
.icc-credits span:hover a:before {
opacity: 0;
}
.icc-credits span:hover a:after {
opacity: 0;
}
.icc-credits span:hover::after {
opacity: 1;
transform: scale(1.1) translateY(-0.05rem);
}
#credits span {
color: rgba(0, 255, 224, 0.498);
margin-top: 0.75rem !important;
}
@media (max-width: 1920px) {}
@media (max-width: 1680px) {
html {
font-size: 12pt;
}
}
@media (max-width: 1280px) {
html {
font-size: 12pt;
}
}
@media (max-width: 1024px) {}
@media (max-width: 980px) {
html {
font-size: 11pt;
}
}
@media (max-width: 736px) {
html {
font-size: 12pt;
}
#main {
--alignment: center;
--flex-alignment: center;
--indent-left: 1;
--indent-right: 1;
--margin-left: auto;
--margin-right: auto;
}
#main>.inner {
--padding-horizontal: 2rem;
--padding-vertical: 2.25rem;
--spacing: 0.875rem;
}
.image.style1:not(:first-child) {
margin-top: 1.125rem !important;
}
.image.style1:not(:last-child) {
margin-bottom: 1.125rem !important;
}
.image.style1 .frame {
width: 7rem;
}
.image.style2:not(:first-child) {
margin-top: 2.25rem !important;
}
.image.style2:not(:last-child) {
margin-bottom: 2.25rem !important;
}
.image.style2 img {
height: 100% !important;
object-fit: cover;
object-position: center;
width: 100% !important;
}
h1.style4:not(:first-child),
h2.style4:not(:first-child),
h3.style4:not(:first-child),
p.style4:not(:first-child) {
margin-top: 0.25rem !important;
}
h1.style4:not(:last-child),
h2.style4:not(:last-child),
h3.style4:not(:last-child),
p.style4:not(:last-child) {
margin-bottom: 0.25rem !important;
}
h1.style4,
h2.style4,
h3.style4,
p.style4 {
letter-spacing: 0rem;
width: 100%;
font-size: 1.25em;
line-height: 1.125;
}
h1.style3,
h2.style3,
h3.style3,
p.style3 {
letter-spacing: 0rem;
width: 100%;
font-size: 3.25em;
line-height: 0.875;
}
h1.style9:not(:first-child),
h2.style9:not(:first-child),
h3.style9:not(:first-child),
p.style9:not(:first-child) {
margin-top: 3rem !important;
}
h1.style9:not(:last-child),
h2.style9:not(:last-child),
h3.style9:not(:last-child),
p.style9:not(:last-child) {
margin-bottom: 3rem !important;
}
h1.style9,
h2.style9,
h3.style9,
p.style9 {
letter-spacing: 0rem;
width: 100%;
font-size: 1.375em;
line-height: 1;
}
h1.style8:not(:first-child),
h2.style8:not(:first-child),
h3.style8:not(:first-child),
p.style8:not(:first-child) {
margin-top: 2.375rem !important;
}
h1.style8:not(:last-child),
h2.style8:not(:last-child),
h3.style8:not(:last-child),
p.style8:not(:last-child) {
margin-bottom: 2.375rem !important;
}
h1.style8,
h2.style8,
h3.style8,
p.style8 {
letter-spacing: 0rem;
width: 100%;
font-size: 0.875em;
line-height: 1;
}
h1.style11:not(:first-child),
h2.style11:not(:first-child),
h3.style11:not(:first-child),
p.style11:not(:first-child) {
margin-top: 3rem !important;
}
h1.style11:not(:last-child),
h2.style11:not(:last-child),
h3.style11:not(:last-child),
p.style11:not(:last-child) {
margin-bottom: 3rem !important;
}
h1.style11,
h2.style11,
h3.style11,
p.style11 {
letter-spacing: 0rem;
width: 100%;
font-size: 1.875em;
line-height: 1;
}
h1.style10:not(:first-child),
h2.style10:not(:first-child),
h3.style10:not(:first-child),
p.style10:not(:first-child) {
margin-top: 2.375rem !important;
}
h1.style10:not(:last-child),
h2.style10:not(:last-child),
h3.style10:not(:last-child),
p.style10:not(:last-child) {
margin-bottom: 2.375rem !important;
}
h1.style10,
h2.style10,
h3.style10,
p.style10 {
letter-spacing: 0rem;
width: 100%;
font-size: 0.875em;
line-height: 1;
}
#buttons01 {
gap: 0.75rem;
}
#buttons01:not(:first-child) {
margin-top: 1.25rem !important;
}
#buttons01:not(:last-child) {
margin-bottom: 1.25rem !important;
}
#buttons01 li a {
letter-spacing: 0.05rem;
padding-left: calc(0.05rem + 0.5rem);
font-size: 1em;
}
#buttons01 li a svg {
width: 1.5625em;
}
.buttons.style4 {
gap: 0.75rem;
}
.buttons.style4:not(:first-child) {
margin-top: 1.375rem !important;
}
.buttons.style4:not(:last-child) {
margin-bottom: 1.375rem !important;
}
.buttons.style4 li a {
letter-spacing: 0.05rem;
padding-left: calc(0.05rem + 0.5rem);
font-size: 1em;
}
.buttons.style4 li a svg {
width: 2.125em;
}
#video03:not(:first-child) {
margin-top: 1.375rem !important;
}
#video03:not(:last-child) {
margin-bottom: 1.375rem !important;
}
#video03 video {
width: 50.25rem;
}
#video03 .frame {
width: 50.25rem;
}
#video09:not(:first-child) {
margin-top: 2.5rem !important;
}
#video09:not(:last-child) {
margin-bottom: 2.5rem !important;
}
#video09 video {
width: 18.875rem;
}
#video09 .frame {
width: 18.875rem;
}
#video10:not(:first-child) {
margin-top: 2.5rem !important;
}
#video10:not(:last-child) {
margin-bottom: 2.5rem !important;
}
#video10 video {
width: 18.875rem;
}
#video10 .frame {
width: 18.875rem;
}
#video02:not(:first-child) {
margin-top: 2.5rem !important;
}
#video02:not(:last-child) {
margin-bottom: 2.5rem !important;
}
#video02 video {
width: 18.875rem;
}
#video02 .frame {
width: 18.875rem;
}
#video04:not(:first-child) {
margin-top: 2.5rem !important;
}
#video04:not(:last-child) {
margin-bottom: 2.5rem !important;
}
#video04 video {
width: 18.875rem;
}
#video04 .frame {
width: 18.875rem;
}
#video05:not(:first-child) {
margin-top: 2.5rem !important;
}
#video05:not(:last-child) {
margin-bottom: 2.5rem !important;
}
#video05 video {
width: 18.875rem;
}
#video05 .frame {
width: 18.875rem;
}
#video08:not(:first-child) {
margin-top: 2.5rem !important;
}
#video08:not(:last-child) {
margin-bottom: 2.5rem !important;
}
#video08 video {
width: 47.75rem;
}
#video08 .frame {
width: 47.75rem;
}
#video07:not(:first-child) {
margin-top: 2.5rem !important;
}
#video07:not(:last-child) {
margin-bottom: 2.5rem !important;
}
#video07 video {
width: 47.75rem;
}
#video07 .frame {
width: 47.75rem;
}
#video06:not(:first-child) {
margin-top: 2.5rem !important;
}
#video06:not(:last-child) {
margin-bottom: 2.5rem !important;
}
#video06 video {
width: 47.75rem;
}
#video06 .frame {
width: 47.75rem;
}
#video01:not(:first-child) {
margin-top: 2.5rem !important;
}
#video01:not(:last-child) {
margin-bottom: 2.5rem !important;
}
#video01 video {
width: 47.75rem;
}
#video01 .frame {
width: 47.75rem;
}
#gallery01 ul li img {
max-height: 6.46875rem;
}
#gallery01 ul {
gap: 2rem;
}
.icons.style1 {
font-size: 1.875em;
gap: 2rem;
}
.icons.style1:not(:first-child) {
margin-top: 1.21875rem !important;
}
.icons.style1:not(:last-child) {
margin-bottom: 1.21875rem !important;
}
}
@media (max-width: 480px) {
#main>.inner {
--spacing: 0.875rem;
}
#buttons01 li a {
width: 13.75rem;
}
.buttons.style4 {
flex-direction: column;
flex-wrap: nowrap;
}
.buttons.style4 li a {
max-width: 32rem;
width: 100%;
}
}
@media (max-width: 360px) {
#main>.inner {
--padding-horizontal: 1.5rem;
--padding-vertical: 1.6875rem;
--spacing: 0.765625rem;
}
h1.style4,
h2.style4,
h3.style4,
p.style4 {
font-size: 1.25em;
}
h1.style3,
h2.style3,
h3.style3,
p.style3 {
font-size: 3.25em;
}
h1.style9,
h2.style9,
h3.style9,
p.style9 {
font-size: 1.375em;
}
h1.style8,
h2.style8,
h3.style8,
p.style8 {
font-size: 0.875em;
}
h1.style11,
h2.style11,
h3.style11,
p.style11 {
font-size: 1.875em;
}
h1.style10,
h2.style10,
h3.style10,
p.style10 {
font-size: 0.875em;
}
#buttons01 {
gap: 0.5625rem;
}
.buttons.style4 {
gap: 0.5625rem;
}
#gallery01 ul {
gap: 1.5rem;
}
.icons.style1 {
gap: 1.5rem;
}
}