@charset "UTF-8";
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document ========================================================================== */
/** 1. Correct the line height in all browsers. 2. Prevent adjustments of font size after orientation changes in iOS. */
html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ }

/* Sections ========================================================================== */
/** Remove the margin in all browsers. */
body { margin: 0; }

/** Correct the font size and margin on `h1` elements within `section` and `article` contexts in Chrome, Firefox, and Safari. */
h1 { font-size: 2em; margin: 0.67em 0; }

/* Grouping content ========================================================================== */
/** 1. Add the correct box sizing in Firefox. 2. Show the overflow in Edge and IE. */
hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ }

/** 1. Correct the inheritance and scaling of font size in all browsers. 2. Correct the odd `em` font sizing in all browsers. */
pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ }

/* Text-level semantics ========================================================================== */
/** Remove the gray background on active links in IE 10. */
a { background-color: transparent; }

/** 1. Remove the bottom border in Chrome 57- 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */
abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ }

/** Add the correct font weight in Chrome, Edge, and Safari. */
b, strong { font-weight: bolder; }

/** 1. Correct the inheritance and scaling of font size in all browsers. 2. Correct the odd `em` font sizing in all browsers. */
code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ }

/** Add the correct font size in all browsers. */
small { font-size: 80%; }

/** Prevent `sub` and `sup` elements from affecting the line height in all browsers. */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sub { bottom: -0.25em; }

sup { top: -0.5em; }

/* Embedded content ========================================================================== */
/** Remove the border on images inside links in IE 10. */
img { border-style: none; }

/* Forms ========================================================================== */
/** 1. Change the font styles in all browsers. 2. Remove the margin in Firefox and Safari. */
button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ }

/** Show the overflow in IE. 1. Show the overflow in Edge. */
button, input { /* 1 */ overflow: visible; }

/** Remove the inheritance of text transform in Edge, Firefox, and IE. 1. Remove the inheritance of text transform in Firefox. */
button, select { /* 1 */ text-transform: none; }

/** Correct the inability to style clickable types in iOS and Safari. */
button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; }

/** Remove the inner border and padding in Firefox. */
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; }

/** Restore the focus styles unset by the previous rule. */
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; }

/** Correct the padding in Firefox. */
fieldset { padding: 0.35em 0.75em 0.625em; }

/** 1. Correct the text wrapping in Edge and IE. 2. Correct the color inheritance from `fieldset` elements in IE. 3. Remove the padding so developers are not caught out when they zero out `fieldset` elements in all browsers. */
legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ }

/** Add the correct vertical alignment in Chrome, Firefox, and Opera. */
progress { vertical-align: baseline; }

/** Remove the default vertical scrollbar in IE 10+. */
textarea { overflow: auto; }

/** 1. Add the correct box sizing in IE 10. 2. Remove the padding in IE 10. */
[type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

/** Correct the cursor style of increment and decrement buttons in Chrome. */
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }

/** 1. Correct the odd appearance in Chrome and Safari. 2. Correct the outline style in Safari. */
[type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ }

/** Remove the inner padding in Chrome and Safari on macOS. */
[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/** 1. Correct the inability to style clickable types in iOS and Safari. 2. Change font properties to `inherit` in Safari. */
::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ }

/* Interactive ========================================================================== */
/* Add the correct display in Edge, IE 10+, and Firefox. */
details { display: block; }

/* Add the correct display in all browsers. */
summary { display: list-item; }

/* Misc ========================================================================== */
/** Add the correct display in IE 10+. */
template { display: none; }

/** Add the correct display in IE 10. */
[hidden] { display: none; }

/*--Layout--*/
body, h1, h2, h3, h4, h5, h6 { font-size: 1.125rem; font-weight: normal; }
@media (max-width: 960px) { body, h1, h2, h3, h4, h5, h6 { font-size: 1rem; } }

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, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; }

ul, ol { list-style: none; padding: 0; }

html { scroll-behavior: smooth; }

body { position: relative; font-family: "Noto Sans JP", sans-serif; line-height: 1.6; line-break: strict; color: #2d2350; }
body * { box-sizing: border-box; }
body img { max-width: 100%; }
body img { display: block; margin: auto; max-width: 100%; }

a { color: #214cc5; text-decoration: none; transition: 0.4s; }
a:hover { color: #c00; }
a:hover img { transform: translateY(-8px); opacity: 0.9; transition: 0.2s; }

.LP { position: relative; overflow: hidden; }

.header { max-width: 1600px; width: auto; margin: auto; display: flex; align-items: center; justify-content: space-between; padding: 20px 0; }
@media (max-width: 1600px) { .header { width: auto; margin-right: 10px; margin-left: 10px; } }
.header > div:nth-child(1) { display: flex; align-items: center; }
.header > div:nth-child(1) p { padding-left: 10px; margin-left: 20px; border-left: solid 10px #2d2350; }
@media (max-width: 1200px) { .header > div:nth-child(1) img { width: 150px; }
  .header > div:nth-child(2) img { width: 40vw; } }
@media (max-width: 960px) { .header { flex-direction: column; }
  .header > div:nth-child(1) { margin-bottom: 20px; }
  .header > div:nth-child(1) img { width: 20vw; }
  .header > div:nth-child(1) p { font-size: 0.875rem; }
  .header > div:nth-child(1) br { display: none; }
  .header > div:nth-child(2) img { width: 60vw; } }

@keyframes mv { 0% { transform: translateX(0); }
  100% { transform: translateX(calc( -100% - 100vw)); } }
.LP-mv { position: relative; background: #ff00fe; }
.LP-mv .LP-mv-img { width: 70%; margin: auto; }
.LP-mv .LP-mv-copy { position: absolute; z-index: 1; font-size: 6vw; font-weight: 900; color: #fff; top: 0; left: auto; bottom: 0; right: -100em; width: 100em; height: 100%; animation: mv 40s linear infinite; }
.LP-mv .LP-mv-copy1 { position: absolute; top: 10%; }
.LP-mv .LP-mv-copy2 { position: absolute; bottom: 10%; }
@media (max-width: 960px) { .LP-mv .LP-mv-img { width: 100%; }
  .LP-mv .LP-mv-copy { font-size: 3rem; } }

.contents { padding-top: 20px; max-width: 1600px; width: auto; margin: auto; }
@media (max-width: 1600px) { .contents { width: auto; margin-right: 10px; margin-left: 10px; } }

.LP-sec1 { padding: 40px 0; position: relative; }
.LP-sec1 > h2 { width: 1000px; margin-left: 0; margin-right: auto; margin-bottom: 40px; }
.LP-sec1 > h3 { width: 600px; margin-left: 0; margin-right: auto; margin-bottom: 80px; }
@media (max-width: 1200px) { .LP-sec1 { padding: 5vw 0; }
  .LP-sec1 > h2 { width: 60vw; }
  .LP-sec1 > h3 { width: 50vw; margin-bottom: 5vw; } }

.LP-sec1-img { position: absolute; top: 0; right: -15%; width: 38%; z-index: -1; }
.LP-sec1-img img { height: 100%; }
@media (max-width: 768px) { .LP-sec1-img { display: none; } }

.LP-sec1-body p { font-size: 2rem; font-weight: bold; margin-bottom: 1.5em; }
.LP-sec1-body p small { font-size: 50%; vertical-align: top; }
@media (max-width: 960px) { .LP-sec1-body p { font-size: 1.25rem; } }
@media (max-width: 768px) { .LP-sec1-body p { font-size: 1.125rem; } }

.LP-sec2 { position: relative; background: #2d2350; color: #fff; padding: 40px 0; }
.LP-sec2:before { content: ''; position: absolute; inset: 0; display: block; width: 100vw; height: 100%; margin: 0 calc(50% - 50vw); background: #2d2350; z-index: -1; }

.LP-sec2-lead h2 { width: 1000px; margin-bottom: 40px; }
.LP-sec2-lead p { font-size: 2rem; font-weight: bold; }
.LP-sec2-lead h3 { width: 1100px; margin: 80px 0; }
@media (max-width: 1200px) { .LP-sec2-lead h2 { width: 70vw; margin-bottom: 5vw; }
  .LP-sec2-lead h3 { width: 90vw; margin: 8vw 0; } }
@media (max-width: 960px) { .LP-sec2-lead p { font-size: 1.4rem; } }
@media (max-width: 768px) { .LP-sec2-lead br { display: none; }
  .LP-sec2-lead p { font-size: 1rem; }
  .LP-sec2-lead h2 { width: 90vw; margin-bottom: 5vw; } }

@media (max-width: 960px) { .LP-sec1 ol li { font-size: 0.875rem; } }

.LP-sec2-scene { display: flex; flex-wrap: wrap; }
.LP-sec2-scene > li { width: 33.3%; padding: 20px; }
.LP-sec2-scene > li h4, .LP-sec2-scene > li p { text-align: center; }
.LP-sec2-scene > li h4 { font-size: 1.5rem; font-weight: bold; }
.LP-sec2-scene .LP-sec2-coin { margin-top: -20px; }
@media (max-width: 960px) { .LP-sec2-scene { margin-top: 5vw; }
  .LP-sec2-scene > li { width: 49%; padding: 10px; }
  .LP-sec2-scene > li h4 { font-size: 1.125rem; }
  .LP-sec2-scene > li p { font-size: 0.875rem; }
  .LP-sec2-scene > li:nth-child(2n - 1) { padding-left: 0; }
  .LP-sec2-scene > li:nth-child(2n) { padding-right: 0; } }

.LP-sec3 { padding: 80px 0; }
.LP-sec3 img { width: 200px; }
.LP-sec3 h2 { text-align: center; font-weight: 900; font-size: 2rem; margin-bottom: 20px; }
.LP-sec3 table { border-collapse: collapse; max-width: 1200px; width: auto; margin: auto; }
@media (max-width: 1200px) { .LP-sec3 table { width: auto; margin-right: 10px; margin-left: 10px; } }
.LP-sec3 table tr { border-top: solid 1px #2d2350; border-bottom: solid 1px #2d2350; }
.LP-sec3 table th, .LP-sec3 table td { display: block; text-align: left; padding: 0.5em 2em; font-weight: bold; }
.LP-sec3 table th { font-size: 1.4rem; }
.LP-sec3 table td { padding-top: 0; font-size: 1.6rem; }
.LP-sec3 table + p { max-width: 1200px; width: auto; margin: auto; margin-top: 1em; }
@media (max-width: 1200px) { .LP-sec3 table + p { width: auto; margin-right: 10px; margin-left: 10px; } }
.LP-sec3 table + p img { display: inline; vertical-align: middle; height: 1.6em; width: auto; margin: 0 10px; }
@media (max-width: 960px) { .LP-sec3 table th, .LP-sec3 table td { padding-left: 0; padding-right: 0; font-size: 1.25rem; } }

.LP-sec3-btn { text-align: center; margin-bottom: 40px; }
.LP-sec3-btn a { display: inline-block; padding: 1em 4em; border-radius: 1.5em; margin: auto; background: #2d2350; color: #fff; line-height: 1; font-size: 2rem; font-weight: bold; }
.LP-sec3-btn a:hover { transform: translateY(-10%); }
@media (max-width: 768px) { .LP-sec3-btn a { width: 80vw; padding-left: 0; padding-right: 0; } }

.footer { max-width: 1600px; width: auto; margin: auto; padding-bottom: 40px; }
@media (max-width: 1600px) { .footer { width: auto; margin-right: 10px; margin-left: 10px; } }
.footer ul { display: flex; justify-content: center; margin-bottom: 100px; }
.footer ul li:after { content: "/"; margin-left: 1em; margin-right: 1em; }
.footer ul li:last-child:after { content: none; }
@media (max-width: 768px) { .footer ul { flex-wrap: wrap; } }
.footer .copyright { text-align: center; }

/*--CPU--*/
/*@keyframes bg1 { 0% {
	left: -30vw;
	top: -40vh;
	transform: scale(0);
	opacity: 1; }
 100% {
	left: 0;
	top:0;
	transform: scale(5);
	  opacity: 0.5; }
}

@keyframes bg2 { 0% {
	  transform: scale(0) translatex(-40px); }
	50%{
		opacity: 0;
	} 100% {
	
	transform: scale(3) translatex(40px);
	  
	  //border-width: 3px; }
}

@keyframes bg3 { 0% {
	  transform: scale(0.4); }
	80%{
		opacity: 0;
	} 100% {
	transform: scale(1.2) translateX(-60%) translateY(-100%) rotate(180deg);
	  opacity: 0; }
}

@keyframes bg4 { 0% {
	  transform: scale(0) translatex(-40px); }
 100% {
	
	transform: scale(3) translatex(40px);
	  opacity: 0.5;
	  //border-width: 3px; }
}

@keyframes bg5 { 0% {
	opacity: 1; }
	50% {
	opacity: 0; } 100% {
	opacity: 1; }
}

.bg1,.bg2,.bg3,.bg4,.bg5{
	position: fixed;
	z-index: -1;
	margin: auto;
}
.bg1{
	width: 100vw;
	height: 100vw;
	border-radius: 50vw;
	border: solid 1px #ccc;
	opacity: 0;
	mix-blend-mode: multiply;
	animation: bg1 30s 2s infinite;
}

.bg2{
	width: 100vw;
	height: 100vw;
	border-radius: 50vw;
	background: #fff;
	top: 50%; left: 20%;
	animation: bg2 18s infinite;
	z-index: -2;
}

.bg3{
	width: 100vw;
	height: 100vw;
	border-radius: 50vw;
	background: linear-gradient(120deg, #d8d8d8, #eee);
	//border: solid 1px #ccc;
	right: 0; bottom:0;
	mix-blend-mode: multiply;
	animation: bg3 10s infinite linear;
	z-index: -3;
}

.bg4{
	width: 100vw;
	height: 100vw;
	border-radius: 50vw;
	border: solid 1px #ccc;
	top: 0; left: 0; right: 0; bottom: 0;
	mix-blend-mode: multiply;
	animation: bg4 20s infinite;
	z-index: -4;
}

.bg5{
	background: #e9e9e9;
	width: 100%; height: 100%;
	top: 0; bottom: 0; left: 0; right: 0;
	animation: bg5 8s infinite;
	z-index: -5;
}
*/
.u-mg0 { margin: 0px !important; }

.u-mt0 { margin-top: 0px !important; }

.u-mr0 { margin-right: 0px !important; }

.u-mb0 { margin-bottom: 0px !important; }

.u-ml0 { margin-left: 0px !important; }

.u-pd0 { padding: 0px !important; }

.u-pt0 { padding-top: 0px !important; }

.u-pr0 { padding-right: 0px !important; }

.u-pb0 { padding-bottom: 0px !important; }

.u-pl0 { padding-left: 0px !important; }

.u-mg10 { margin: 10px !important; }

.u-mt10 { margin-top: 10px !important; }

.u-mr10 { margin-right: 10px !important; }

.u-mb10 { margin-bottom: 10px !important; }

.u-ml10 { margin-left: 10px !important; }

.u-pd10 { padding: 10px !important; }

.u-pt10 { padding-top: 10px !important; }

.u-pr10 { padding-right: 10px !important; }

.u-pb10 { padding-bottom: 10px !important; }

.u-pl10 { padding-left: 10px !important; }

.u-mg20 { margin: 20px !important; }

.u-mt20 { margin-top: 20px !important; }

.u-mr20 { margin-right: 20px !important; }

.u-mb20 { margin-bottom: 20px !important; }

.u-ml20 { margin-left: 20px !important; }

.u-pd20 { padding: 20px !important; }

.u-pt20 { padding-top: 20px !important; }

.u-pr20 { padding-right: 20px !important; }

.u-pb20 { padding-bottom: 20px !important; }

.u-pl20 { padding-left: 20px !important; }

.u-mg30 { margin: 30px !important; }

.u-mt30 { margin-top: 30px !important; }

.u-mr30 { margin-right: 30px !important; }

.u-mb30 { margin-bottom: 30px !important; }

.u-ml30 { margin-left: 30px !important; }

.u-pd30 { padding: 30px !important; }

.u-pt30 { padding-top: 30px !important; }

.u-pr30 { padding-right: 30px !important; }

.u-pb30 { padding-bottom: 30px !important; }

.u-pl30 { padding-left: 30px !important; }

.u-mg40 { margin: 40px !important; }

.u-mt40 { margin-top: 40px !important; }

.u-mr40 { margin-right: 40px !important; }

.u-mb40 { margin-bottom: 40px !important; }

.u-ml40 { margin-left: 40px !important; }

.u-pd40 { padding: 40px !important; }

.u-pt40 { padding-top: 40px !important; }

.u-pr40 { padding-right: 40px !important; }

.u-pb40 { padding-bottom: 40px !important; }

.u-pl40 { padding-left: 40px !important; }

.u-mg50 { margin: 50px !important; }

.u-mt50 { margin-top: 50px !important; }

.u-mr50 { margin-right: 50px !important; }

.u-mb50 { margin-bottom: 50px !important; }

.u-ml50 { margin-left: 50px !important; }

.u-pd50 { padding: 50px !important; }

.u-pt50 { padding-top: 50px !important; }

.u-pr50 { padding-right: 50px !important; }

.u-pb50 { padding-bottom: 50px !important; }

.u-pl50 { padding-left: 50px !important; }

.u-fs-xxsmall { font-size: 0.75rem; }

.u-fs-xsmall { font-size: 0.875rem; }

.u-fs-small { font-size: 0.9375rem; }

.u-fs-normal { font-size: 1rem; }

.u-fs-large { font-size: 1.125rem; }

.u-fs-xlarge { font-size: 1.25rem; }

.u-fs-xxlarge { font-size: 1.5rem; }

.u-fs-xxxlarge { font-size: 1.75rem; }

.u-fc-text { color: #2d2350; }

.u-fc-strong { color: #9691a8; }

.u-fc-coution { color: #ff9900; }

.u-fc-hover { color: #c00; }

.u-ls-disc { list-style-type: disc !important; padding-left: 1.5em !important; }

.u-ls-circle { list-style-type: circle !important; padding-left: 1.5em !important; }

.u-ls-square { list-style-type: square !important; padding-left: 1.5em !important; }

.u-ls-decimal { list-style-type: decimal !important; padding-left: 1.5em !important; }

.u-ls-ur { list-style-type: upper-roman !important; padding-left: 1.5em !important; }

.u-ls-none { list-style-type: none !important; padding-left: 1.5em !important; }

.u-ls-play li:before { font-family: 'FontAwesome'; margin-right: 0.5em; content: ""; }

.u-ls-cog li:before { font-family: 'FontAwesome'; margin-right: 0.5em; content: ""; }

.u-require { padding: 2px 5px; background: #c20f17; color: #fff; border-radius: 4px; margin: 0 4px; }

a.u-btn { background-color: #fff; color: #2a71b9; border: solid 1px #2a71b9; border-radius: 4px; display: inline-block; padding: 0.3em 1em; text-decoration: none; }

.u-fb { font-weight: bold; }

.u-tr { text-align: right; }

.u-tc { text-align: center; }

.u-tl { text-align: left; }

.u-w100 { width: 100% !important; }

/*# sourceMappingURL=d8_style.css.map */


@media (max-width: 960px) {
  .LP-mv .LP-mv-copy { font-size: 4rem; } }

@media (max-width: 768px)  {
	.LP-mv .LP-mv-copy { font-size: 3rem; } }
/*---------------------------------
左側にマージン
---------------------------------*/

/* スマホ（767px以下）では左マージンなし */
.LP .LP-sec1 {
	margin-left:0;
}

/* タブレット以上（768px以上）で左マージンを設定 */
@media (min-width: 768px) and (max-width: 1710px) {
	.LP .LP-sec1 {
		margin-left: 40px; /* 任意の値に調整 */
	}
}

@media (min-width: 1711px) {
	.LP .LP-sec1 {
		margin-left: auto;
	}
}

/* スマホ（767px以下）では左マージンなし */
.LP .LP-sec2 {
	margin:0;
}

/* タブレット以上（768px以上）で左マージンを設定 */
@media (min-width: 768px) and (max-width: 1710px) {
	.LP .LP-sec2 {
		margin:0 40px; /* 任意の値に調整 */
	}
}

@media (min-width: 1711px) {
	.LP .LP-sec2 {
		margin:0 auto;
	}
}


.LP-footer { max-width: 1200px; width: auto; margin: auto; padding: 50px 0 30px; }
@media (max-width: 1200px) { .LP-footer { width: auto; margin-right: 0; margin-left: 0; } }
@media (max-width: 768px) { .LP-footer { padding-left: 20px; padding-right: 20px; } }
.LP-footer > div { display: flex; justify-content: space-between; }
.LP-footer > div ul { list-style: none; }
.LP-footer > div a { color: #444; }
@media (max-width: 768px) { .LP-footer > div { flex-direction: column; }
  .LP-footer > div ul { margin-top: 2rem; } }
.LP-footer .LP-footer-logo img { display: inline-block; margin-right: 20px; vertical-align: top; }
@media (max-width: 768px) { .LP-footer .LP-footer-logo img:nth-child(1) { width: 35vw; }
  .LP-footer .LP-footer-logo img:nth-child(2) { width: 70vw; } }
.LP-footer .copyright { margin-top: 80px; text-align: center; }

.scm-page-header { max-width: 1200px; width: auto; margin: auto; width: 100%; padding: 10px 0; display: flex; justify-content: space-between; align-items: center; }
@media (max-width: 1200px) { .scm-page-header { width: auto; margin-right: 10px; margin-left: 10px; } }

.scm-page-contents { position: relative; overflow: hidden; min-height: 50vh; padding: 80px 0; border-top: solid 1px #000; border-bottom: solid 1px #000; }
.scm-page-contents > div { max-width: 1200px; width: auto; margin: auto; }
@media (max-width: 1200px) { .scm-page-contents > div { width: auto; margin-right: 10px; margin-left: 10px; } }
.scm-page-contents > div h2 { font-size: 1.5rem; font-weight: 900; margin-bottom: 20px; border-left: 5px solid #000; padding-left: 20px; }
.scm-page-contents > div ul { padding-left: 1.5em; }
.scm-page-contents > div p + p, .scm-page-contents > div p + ul { margin-top: 1em; }

#privacy_policy > div + div, #terms_of_service > div + div { margin-top: 2em; }