@charset "UTF-8";
@keyframes sdb {
  0% {
    transform: translate(0, -1.953vw);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: translate(0, 0vw);
    opacity: 0;
  }
}
@keyframes sdbpc {
  0% {
    transform: translate(0, -20px);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: translate(0, 0);
    opacity: 0;
  }
}
@keyframes sdb {
  0% {
    transform: translate(0, -1.953vw);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: translate(0, 0vw);
    opacity: 0;
  }
}
@keyframes sdbpc {
  0% {
    transform: translate(0, -20px);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: translate(0, 0);
    opacity: 0;
  }
}
/*
	Base
		section
		header
		footer
	animation
	blog-parts
*/
html, body, p, ol, ul, li, dl, dt, dd, blockquote, figure, fieldset, legend, textarea, pre, iframe, hr, h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}

ul {
  list-style: none;
}

button, input, select, textarea {
  margin: 0;
}

html {
  box-sizing: border-box;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

embed, iframe, object {
  height: auto;
  max-width: 100%;
}

audio {
  max-width: 100%;
}

iframe {
  border: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td, th {
  padding: 0;
  text-align: left;
}

textarea, input[type=email], input[type=password], input[type=text], input[type=button], input[type=submit] {
  -webkit-appearance: none;
}

textarea {
  resize: vertical;
}

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 1000px white inset;
  outline: none;
}

input, button {
  outline: none;
}

area {
  border: none;
  outline: none;
}

img {
  -ms-interpolation-mode: bicubic;
}

* {
  -webkit-tap-highlight-color: rgba(242, 75, 68, 0.25);
  max-height: 999999px;
}
*::before, *::after { /*will-change:all;*/
  box-sizing: border-box;
}

em, i, b {
  font-weight: normal;
  font-style: normal;
}

body {
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  font-family: "Noto Sans JP", "Noto Sans", sans-serif, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
}

input, textarea, select {
  font-family: "Noto Sans JP", "Noto Sans", sans-serif, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
}

a {
  cursor: pointer;
  text-decoration: none;
  color: #000;
}

.clr {
  clear: both;
}

.hide {
  position: absolute !important;
  left: -9999px !important;
  top: -9999px !important;
}

section {
  clear: both;
  zoom: 1;
}

article:after, section:after, .clrFx:after {
  content: "";
  clear: both;
  display: block;
}

main dt,
main dd,
main p,
main li {
  transform: rotate(0.05deg);
}

.-korolev {
  font-family: korolev, sans-serif;
  font-weight: 300;
  font-style: normal;
}

html {
  background-color: #272727;
}

body {
  font-family: "Noto Sans JP", "Noto Sans", sans-serif, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
  font-size: 0;
  line-height: 1;
  text-align: center;
  background: #272727;
  color: #fff;
}

html[lang*=kr] body {
  font-family: "Noto Sans KR", "Noto Sans JP", "Noto Sans", sans-serif;
}

html[lang*=chs] body {
  font-family: "Noto Sans SC", "Noto Sans JP", "Noto Sans", sans-serif;
}

html[lang*=cht] body {
  font-family: "Noto Sans TC", "Noto Sans JP", "Noto Sans", sans-serif;
}

main {
  display: block;
  position: relative;
  z-index: 100;
}

.ggsthead {
  width: 100%;
  background: #fff;
  position: relative;
  z-index: 20;
}
.ggsthead img {
  width: 100%;
  height: auto;
  max-width: 100%;
}

@media (hover: hover) and (pointer: fine) {
  .eula a {
    transition: 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
  .eula a:hover {
    transition: 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    opacity: 0.5;
  }
}
.eula_bg {
  position: relative;
}
.eula_bg::before {
  content: "";
  background: url("/ggst/eula/assets/bg@sp.jpg") center top no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  pointer-events: none;
}
.eula_links {
  background-color: rgba(0, 0, 0, 0.2);
  width: 100%;
  padding: 7.813vw 0 3.906vw;
}
.eula_links_li {
  margin-bottom: 3.906vw;
}
.eula_links_btn[src*=ps] {
  height: 11.328vw;
  width: auto;
}
.eula_links_btn[src*=xbox] {
  height: 11.328vw;
  width: auto;
}
.eula_links_btn[src*=steam] {
  height: 11.328vw;
  width: auto;
}
.eula_links_btn[src*=switch] {
  height: 11.328vw;
  width: auto;
}
.eula_btn {
  text-align: center;
  padding: 9.766vw 0;
}
.eula_btn_link {
  display: flex;
  font-size: 2.637vw;
  letter-spacing: 0.04em;
  color: #fff;
  background-color: #000;
  border: 1px solid #fff;
  height: 7.617vw;
  justify-content: center;
  align-items: center;
  width: 49.609vw;
  margin: 0 auto;
}
.eula_btn_link.-back {
  font-size: 3.711vw;
  font-weight: 700;
  width: 48.535vw;
  height: 10.547vw;
  position: relative;
  padding: 0.977vw 0 0;
  border: none;
  margin-top: 1.953vw;
}
.eula_btn_link.-back::before {
  content: "";
  background: url(/ggst/eula/assets/mark.webp) no-repeat center center/100% 100%;
  width: 3.418vw;
  height: 5.273vw;
  position: absolute;
  left: 2.441vw;
  top: 2.637vw;
}
.eula_archive {
  padding: 12.012vw 0;
}
.eula_archive_head {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding-bottom: 2.637vw;
  pointer-events: none;
}
.eula_archive_head_img[src*=ps] {
  height: 7.227vw;
  width: auto;
}
.eula_archive_head_img[src*=xbox] {
  height: 6.055vw;
  width: auto;
}
.eula_archive_head_img[src*=steam] {
  height: 6.934vw;
  width: auto;
}
.eula_archive_head_img[src*=switch] {
  height: 9.473vw;
  width: auto;
}
.eula_archive_head_img ~ img {
  margin-top: 2.93vw;
}
.eula_archive_sub {
  font-weight: 500;
  font-size: 4.004vw;
  color: #ff4248;
  letter-spacing: 0.04em;
  margin: 3.32vw auto 3.906vw;
  line-height: 1.7;
  pointer-events: none;
}
.eula_langLinks {
  text-align: center;
  padding: 0 0 0 2.93vw;
  width: 100vw;
}
.eula_langLinks_wrap {
  overflow: hidden;
}
.eula_langLinks_item {
  display: inline-block;
  width: 33.333%;
  box-sizing: border-box;
  margin: 0 0 3.32vw 0;
}
.eula_langLinks_link {
  font-size: 3.027vw;
  height: 8.594vw;
  width: 28.906vw;
  border: 0.098vw solid #fff;
  background-color: #000;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.eula .eula_archive_head + .eula_langLinks_wrap {
  margin-top: 8.984vw;
}
.eula_detail {
  padding: 13.184vw 2.93vw 0;
  text-align: left;
}
.eula_detail_head {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding-bottom: 7.813vw;
  pointer-events: none;
}
.eula_detail_head_img[src*=ps] {
  height: 7.227vw;
  width: auto;
}
.eula_detail_head_img[src*=xbox] {
  height: 6.055vw;
  width: auto;
}
.eula_detail_head_img[src*=steam] {
  height: 6.934vw;
  width: auto;
}
.eula_detail_head_img[src*=switch] {
  height: 9.473vw;
  width: auto;
}
.eula_detail_head_img ~ img {
  margin-top: 2.93vw;
}
.eula_detail_title {
  background-color: #000;
  color: #ff4248;
  font-size: 3.125vw;
  line-height: 1.5;
  letter-spacing: 0.02em;
}
.eula_detail_title span {
  display: block;
}
.eula_detail_title span ~ span {
  font-size: 3.906vw;
}
.eula_detail_title {
  padding: 4.883vw 3.906vw;
  pointer-events: none;
}
.eula_body {
  background-color: #fff;
  color: #000;
  font-size: 2.93vw;
  line-height: 4.883vw;
  letter-spacing: 0.02em;
  padding: 5.273vw 3.906vw 14.648vw;
}
.eula_body a {
  text-decoration: underline;
}
.eula_body * {
  word-break: break-word;
}
.eula_body h2 {
  font-size: 3.027vw;
  letter-spacing: 0.02em;
  line-height: 4.883vw;
  font-weight: 700;
  margin-bottom: 5.371vw;
}
.eula_body h4, .eula_body h3, .eula_body b {
  font-weight: 500;
}
.eula_body ol li {
  list-style: none;
}
.eula_body ul + p,
.eula_body li ~ li {
  margin-top: 4.883vw;
}
.eula_body li ~ li {
  margin-top: 4.883vw;
}
.eula_body ul + h3,
.eula_body p + h3 {
  margin-top: 7.813vw;
}
.eula_body ul + ul,
.eula_body p + ul,
.eula_body p + ol,
.eula_body p ~ p {
  margin-top: 4.883vw;
}
.eula_body p ~ h4 {
  margin-top: 4.883vw;
}
.eula_body h4 + p,
.eula_body h3 + p {
  margin-top: 0;
}
.eula_body li.inline {
  margin-top: 0 !important;
}
.eula_body .inline {
  margin-top: 0 !important;
}
.eula_body .inline li {
  margin-top: 0 !important;
}
.eula_body .l1 {
  margin-left: 0;
}
.eula_body .l2 {
  padding-left: 0;
}
.eula_body .l2 li {
  margin-top: 0 !important;
}
.eula_body .l3 {
  padding-left: 0;
}

@media screen and (max-width: 768px) {
  .pcItem {
    display: none;
  }
}
@media screen and (min-width: 769px) {
  /*
  	PC STYLE
  **************************************************************/
  .spItem {
    display: none;
  }
  .ggsthead {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    min-width: 1280px;
  }
  .ggsthead img {
    max-width: inherit;
    height: clamp(250px, 13.021vw, 150vw);
    width: auto;
  }
  .eula {
    min-width: 1280px;
  }
  .eula_bg::before {
    content: "";
    background: url("/ggst/eula/assets/bg.jpg") center top no-repeat;
    background-size: cover;
  }
  .eula_links {
    padding: clamp(80px, 4.167vw, 150vw) 0 clamp(60px, 3.125vw, 150vw);
  }
  .eula_links_li {
    margin-bottom: clamp(20px, 1.042vw, 150vw);
  }
  .eula_links_btn[src*=ps] {
    height: clamp(70px, 3.646vw, 150vw);
    width: auto;
  }
  .eula_links_btn[src*=xbox] {
    height: clamp(70px, 3.646vw, 150vw);
    width: auto;
  }
  .eula_links_btn[src*=steam] {
    height: clamp(70px, 3.646vw, 150vw);
    width: auto;
  }
  .eula_links_btn[src*=switch] {
    height: clamp(70px, 3.646vw, 150vw);
    width: auto;
  }
  .eula_btn {
    padding: clamp(71px, 3.698vw, 150vw) 0;
  }
  .eula_btn_link {
    font-size: clamp(21px, 1.094vw, 150vw);
    height: clamp(60px, 3.125vw, 150vw);
    width: clamp(390px, 20.313vw, 150vw);
    margin: 0 auto;
  }
  .eula_btn_link.-back {
    font-size: clamp(24px, 1.25vw, 150vw);
    width: clamp(310px, 16.146vw, 150vw);
    height: clamp(65px, 3.385vw, 150vw);
    padding: clamp(5px, 0.26vw, 150vw) 0 0;
    border: none;
    margin-top: clamp(9px, 0.469vw, 150vw);
  }
  .eula_btn_link.-back::before {
    width: clamp(22px, 1.146vw, 150vw);
    height: clamp(34px, 1.771vw, 150vw);
    left: clamp(15px, 0.781vw, 150vw);
    top: clamp(17px, 0.885vw, 150vw);
  }
  .eula_archive {
    padding: clamp(78px, 4.063vw, 150vw) 0;
  }
  .eula_archive_head {
    padding-bottom: clamp(24px, 1.25vw, 150vw);
    flex-direction: row;
  }
  .eula_archive_head_img[src*=ps] {
    height: clamp(56px, 2.917vw, 150vw);
    width: auto;
  }
  .eula_archive_head_img[src*=xbox] {
    height: clamp(48px, 2.5vw, 150vw);
    width: auto;
  }
  .eula_archive_head_img[src*=steam] {
    height: clamp(55px, 2.865vw, 150vw);
    width: auto;
  }
  .eula_archive_head_img[src*=switch] {
    height: clamp(75px, 3.906vw, 150vw);
    width: auto;
  }
  .eula_archive_head_img {
    margin: 0 clamp(25px, 1.302vw, 150vw);
  }
  .eula_archive_head_img ~ img {
    margin-top: clamp(0px, 0vw, 150vw);
  }
  .eula_archive_sub {
    font-size: clamp(26px, 1.354vw, 150vw);
    margin: clamp(50px, 2.604vw, 150vw) auto clamp(35px, 1.823vw, 150vw);
    line-height: 1;
  }
  .eula_langLinks {
    text-align: center;
    padding: 0 0 0 clamp(15px, 0.781vw, 150vw);
    width: clamp(1280px, 66.667vw, 150vw);
    margin: 0 auto;
  }
  .eula_langLinks_wrap {
    overflow: hidden;
  }
  .eula_langLinks_item {
    display: inline-block;
    width: 20%;
    box-sizing: border-box;
    margin: 0 0 clamp(30px, 1.563vw, 150vw) 0;
  }
  .eula_langLinks_link {
    font-size: clamp(21px, 1.094vw, 150vw);
    height: clamp(60px, 3.125vw, 150vw);
    width: clamp(200px, 10.417vw, 150vw);
    border: 1px solid #fff;
  }
  .eula .eula_archive_head + .eula_langLinks_wrap {
    margin-top: clamp(50px, 2.604vw, 150vw);
  }
  .eula_detail {
    padding: clamp(78px, 4.063vw, 150vw) clamp(0px, 0vw, 150vw) 0;
    width: clamp(1200px, 62.5vw, 150vw);
    margin: 0 auto;
  }
  .eula_detail_head {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: clamp(58px, 3.021vw, 150vw);
    margin: 0 auto;
    flex-direction: row;
  }
  .eula_detail_head img {
    margin: 0 clamp(25px, 1.302vw, 150vw);
  }
  .eula_detail_head_img[src*=ps] {
    height: clamp(56px, 2.917vw, 150vw);
    width: auto;
  }
  .eula_detail_head_img[src*=xbox] {
    height: clamp(48px, 2.5vw, 150vw);
    width: auto;
  }
  .eula_detail_head_img[src*=steam] {
    height: clamp(55px, 2.865vw, 150vw);
    width: auto;
  }
  .eula_detail_head_img[src*=switch] {
    height: clamp(75px, 3.906vw, 150vw);
    width: auto;
  }
  .eula_detail_title {
    font-size: clamp(26px, 1.354vw, 150vw);
    line-height: 1;
    display: flex;
    align-items: flex-end;
    justify-content: center;
  }
  .eula_detail_title span {
    display: inline-flex;
    padding: 0;
  }
  .eula_detail_title em.pcItem {
    display: block;
    padding: 0 0.5em;
  }
  .eula_detail_title span ~ span {
    font-size: clamp(36px, 1.875vw, 150vw);
    padding-top: 0;
    position: relative;
    bottom: clamp(3px, 0.156vw, 150vw);
  }
  .eula_detail_title {
    padding: clamp(25px, 1.302vw, 150vw) clamp(30px, 1.563vw, 150vw) clamp(26px, 1.354vw, 150vw);
  }
  .eula_body {
    width: clamp(1200px, 62.5vw, 150vw);
    margin: 0 auto;
    font-size: clamp(15px, 0.781vw, 150vw);
    line-height: clamp(23px, 1.198vw, 150vw);
    padding: clamp(82px, 4.271vw, 150vw) clamp(90px, 4.688vw, 150vw) clamp(100px, 5.208vw, 150vw);
  }
  .eula_body h2 {
    font-size: clamp(15px, 0.781vw, 150vw);
    line-height: 1.533;
    margin-bottom: clamp(23px, 1.198vw, 150vw);
  }
  .eula_body h4, .eula_body h3, .eula_body b {
    font-weight: 500;
  }
  .eula_body ul + p,
  .eula_body li ~ li {
    margin-top: clamp(25px, 1.302vw, 150vw);
  }
  .eula_body li ~ li {
    margin-top: clamp(25px, 1.302vw, 150vw);
  }
  .eula_body ul + h3,
  .eula_body p + h3 {
    margin-top: clamp(25px, 1.302vw, 150vw);
  }
  .eula_body ul + ul,
  .eula_body p + ul,
  .eula_body p + ol,
  .eula_body p ~ p {
    margin-top: clamp(25px, 1.302vw, 150vw);
  }
  .eula_body p ~ h4 {
    margin-top: clamp(25px, 1.302vw, 150vw);
  }
  .eula_body h4 + p,
  .eula_body h3 + p {
    margin-top: 0;
  }
  .eula_body li.inline {
    margin-top: 0 !important;
  }
  .eula_body .inline {
    margin-top: 0 !important;
  }
  .eula_body .inline li {
    margin-top: 0 !important;
  }
  .eula_body .l1 {
    margin-left: 0;
  }
  .eula_body .l2 {
    padding-left: 0;
  }
  .eula_body .l2 li {
    margin-top: 0 !important;
  }
  .eula_body .l3 {
    padding-left: 0;
  }
}/*# sourceMappingURL=style.css.map */