/* CSS Document */
/* ====================================================================
contents
==================================================================== */
article {
  line-height: 1.3;
  font-size: 14px;
  color: #1e1e1e;
}
article h2.ttl {
  height: 0;
  padding-top: 53px;
  margin: 0 30px;
  border-bottom: solid 2px #65696a;
  overflow: hidden;
}
article h2.ttl.support {
  background: url(https://static.nexon.co.jp/nexon/ver2017/support/ttl_support.svg) no-repeat;
  background-size: auto 32px;
}
article h3 {
  margin: 0 30px;
  padding: 25px 0 21px;
  font-size: 22px;
  border-bottom: solid 1px #c8cdd1;
}
article h4 {
  margin: 24px 30px 0;
  font-size: 16px;
}
article h4 strong {
  color: #e9520a;
}
article a.blank {
  margin-right: 2px;
  padding-right: 18px;
  background: url(https://static.nexon.co.jp/nexon/ver2017/common/icn_window_black.svg) no-repeat right center;
  background-size: 16px 12px;
}
article > p {
  margin: 0 30px;
}
article > p.lead {
  margin-top: 27px;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
}
article > p.lead strong {
  color: #e9520a;
}
article > p.lead.important {
  color: #0aa0d2;
}
article > p.lead-s {
  margin-top: 27px;
  font-weight: bold;
}
article > p.lead-s strong {
  color: #e9520a;
}
article > p.lead-s.important {
  color: #0aa0d2;
}
article > p.lead-ss {
  margin-top: 27px;
}
article > p.lead-ss strong {
  color: #e9520a;
}
article > p.lead-ss.important {
  color: #0aa0d2;
}
article > p.enquete-lead {
  margin-top: 11px;
}
article > ul.notes {
  margin: 15px 30px 0;
  text-align: left;
  line-height: 1.3;
  color: #707070;
}
article > ul.notes li {
  padding-left: 10px;
  text-indent: -10px;
}
article > ul.notes li strong {
  font-weight: normal;
  color: #e5520a;
}
article > ul.notes li strong a {
  color: #e5520a;
}
article > ul.notes li a.blank {
  margin-right: 2px;
  padding-right: 16px;
  background: url(https://static.nexon.co.jp/nexon/ver2017/common/icn_window_gray.svg) no-repeat right center;
  background-size: 14px 11px;
}
article .lead-caution {
  margin-top: 4px;
  line-height: 1.3;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  color: #e9520a;
}
article .enq-em {
  color: #d20000 !important;
}

br.sp {
  display: none;
}

.left .submenu dt {
  height: 23px;
  background: url(https://static.nexon.co.jp/nexon/ver2017/support/submenu_sttl.svg) no-repeat center top;
  background-size: 90px 27px;
  text-indent: 110%;
  white-space: nowrap;
  overflow: hidden;
}

.contents {
  margin: 24px 30px 0;
  padding: 30px;
  background-color: #fff;
  /*
  p+h5,
  ul+h5,
  hr+h5,
  div+h5{
  	margin-top:15px;
  }
  */
}
.contents h5 {
  font-size: 16px;
  color: #0aa0d2;
}
.contents h5 + ul, .contents h5 + ol, .contents h5 + p {
  margin-top: 5px;
}
.contents h5 .recommend {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
  padding: 1px 0 0px 6px;
  background-color: #e5520a;
  font-size: 11px;
  color: #fff;
}
.contents h5 .recommend::before {
  content: "";
  position: absolute;
  top: 4px;
  left: -3px;
  display: block;
  width: 7px;
  height: 7px;
  background-color: #e5520a;
  transform: rotateZ(-28deg) skewX(30deg);
}
.contents h5 span.no1, .contents h5 span.no2, .contents h5 span.no3, .contents h5 span.no4 {
  vertical-align: middle;
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-right: 5px;
  text-indent: 110%;
  overflow: hidden;
}
.contents h5 span.no1 {
  background: url(https://static.nexon.co.jp/nexon/ver2017/common/icn_no1.svg) no-repeat;
  background-size: 100%;
}
.contents h5 span.no2 {
  background: url(https://static.nexon.co.jp/nexon/ver2017/common/icn_no2.svg) no-repeat;
  background-size: 100%;
}
.contents h5 span.no3 {
  background: url(https://static.nexon.co.jp/nexon/ver2017/common/icn_no3.svg) no-repeat;
  background-size: 100%;
}
.contents h5 span.no4 {
  background: url(https://static.nexon.co.jp/nexon/ver2017/common/icn_no4.svg) no-repeat;
  background-size: 100%;
}
.contents h5 strong {
  color: #e9520a;
}
.contents h5.annotation {
  font-size: 14px;
  font-weight: normal;
  color: #1e1e1e;
}
.contents h5.annotation strong {
  color: #1e1e1e;
}
.contents * + h5 {
  margin-top: 15px;
}
.contents hr + div {
  margin-top: 15px;
}
.contents p {
  font-size: 14px;
  word-break: break-all;
}
.contents p strong {
  color: #e9520a;
}
.contents p + p {
  margin-top: 9px;
}
.contents p + ul {
  margin-top: 9px;
}
.contents p.lead {
  line-height: 1.3;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  color: #0aa0d2;
}
.contents p.lead span {
  margin-top: 4px;
  line-height: 1.3;
  text-align: center;
  font-size: 14px;
  font-weight: normal;
  color: #000;
}
.contents p.lead.important strong {
  color: #0aa0d2;
}
.contents p.lead.complete {
  color: #000;
}
.contents p.lead.complete strong {
  color: #0aa0d2;
}
.contents p.lead.complete + p {
  margin-top: 18px;
  text-align: center;
}
.contents p.lead.suspend strong {
  color: #0aa0d2;
}
.contents ul + p {
  margin-top: 9px;
}
.contents ul + ul {
  margin-top: 9px;
}
.contents ul li {
  padding-left: 14px;
  text-indent: -14px;
}
.contents ul.suspend-caution li {
  padding-left: 18px;
  text-indent: -18px;
}
.contents ul.suspend-caution li + li {
  margin-top: 10px;
}
.contents ul.suspend-caution strong {
  color: #e9520a;
}
.contents ol + p {
  margin-left: 18px;
}
.contents ol li {
  padding-left: 18px;
  text-indent: -18px;
}
.contents .error {
  color: #e9520a;
}
.contents .explain {
  padding-bottom: 15px;
  border-bottom: solid 1px #95989a;
}
.contents .explain p {
  text-align: left;
  font-size: 14px;
  font-weight: normal;
  color: #1e1e1e;
}
.contents .explain + .error {
  margin-top: 20px;
}
.contents .caution ul li + li {
  margin-top: 16px;
}
.contents .caution dl {
  padding-top: 15px;
}
.contents .caution dl dt {
  font-weight: bold;
  color: #1a1a1a;
}
.contents .caution dl dd {
  margin-top: 16px;
}
.contents .caution dl dd strong {
  color: #e5520a;
}
.contents .caution-s {
  margin-top: 20px;
}
.contents .caution-s li {
  font-size: 11px;
}
.contents .alert {
  margin: 0 0 15px;
  padding: 15px 20px 14px;
  background-color: #e9520a;
  font-weight: bold;
  color: #fff;
}
.contents .alert.openid {
  margin: 10px 0 0;
}
.contents div.notes {
  margin-top: 9px;
  text-align: left;
  font-size: 11px;
  font-weight: bold;
  line-height: 1.2;
}
.contents div.notes ul {
  width: 480px;
  margin: 0 auto;
}
.contents ul.notes {
  margin-top: 9px;
  text-align: left;
  font-size: 11px;
  line-height: 1.2;
  color: #707070;
}
.contents ul.notes li {
  padding-left: 10px;
  text-indent: -10px;
}
.contents ul.notes li strong {
  font-weight: normal;
  color: #e5520a;
}
.contents ul.notes li strong a {
  color: #e5520a;
}
.contents .exclamation {
  margin-top: 20px;
  padding: 20px 20px 20px 74px;
  background: #e9520a url(https://static.nexon.co.jp/nexon/ver2017/login/icn_exclamation.svg) no-repeat 13px 20px;
}
.contents .exclamation p {
  font-weight: bold;
  color: #fff;
}
.contents .exclamation li {
  margin-top: 8px;
  padding-left: 10px;
  text-indent: -10px;
  font-size: 10px;
  line-height: 1.0;
}
.contents .exclamation a {
  color: #1a1a1a;
}
.contents .mail-address {
  padding-bottom: 15px;
  border-bottom: solid 1px #95989a;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  color: #e9520a;
}
.contents .radio-box {
  margin-top: 15px;
  padding: 15px 10px 14px 20px;
  background-color: #f0f1f2;
}
.contents .radio-box ul {
  display: flex;
  flex-wrap: wrap;
  line-height: 1.8;
}
.contents .radio-box ul li {
  padding: 0;
  text-indent: 0;
}
.contents .radio-box ul.gametitle li {
  width: 170px;
}
.contents .radio-box ul.reason li {
  width: 285px;
}
.contents .radio-box ul.reason li.size2 {
  width: 570px;
}
.contents .radio-box ul.enquete li {
  width: 170px;
}
.contents .radio-box ul.enquete li.free {
  width: 472px;
}
.contents .radio-box ul.enquete li.free input[type="text"] {
  width: 380px;
  margin-left: 6px;
}
.contents .radio-box div.enquete2 {
  position: relative;
}
.contents .radio-box div.enquete2 > div {
  position: absolute;
  top: 3px;
  line-height: 1.6;
}
.contents .radio-box div.enquete2 > div:first-child {
  left: 0px;
  text-align: right;
}
.contents .radio-box div.enquete2 > div:not(:first-child) {
  right: 10px;
}
.contents .radio-box div.enquete2 ul {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  line-height: 1.8;
}
.contents .radio-box div.enquete2 ul li {
  width: 48px;
  text-align: center;
}
.contents .radio-box div.enquete2 ul li label {
  width: 100%;
  display: block;
}
.contents .radio-box div.enquete2 ul li input {
  margin: 0;
}
.contents .radio-box input {
  margin-right: 6px;
}
.contents .select-box {
  margin-top: 15px;
  padding: 15px 10px 14px 20px;
  background-color: #f0f1f2;
}
.contents .select-box select {
  width: 370px;
}
.contents .input-box {
  margin-top: 15px;
  padding: 15px 10px 14px 20px;
  background-color: #f0f1f2;
}
.contents .input-box input {
  width: 370px;
}
.contents .textarea {
  margin-top: 15px;
}
.contents .textarea:first-child {
  margin-top: 0px;
}
.contents .textarea textarea {
  box-sizing: border-box;
  width: 100%;
  padding: 10px 15px;
}
.contents .textarea textarea + span {
  display: flex;
  justify-content: flex-end;
}
.contents .textarea textarea + span.error span {
  color: #d20000;
}
.contents .textarea > div {
  overflow-y: scroll;
  height: 280px;
  border: solid 1px #95989a;
}
.contents .textarea > div ul, .contents .textarea > div p {
  padding: 20px;
}
.contents.inquiry .btn {
  margin-top: 15px;
}
.contents.otp-guide::before {
  content: "";
  float: right;
  margin: 0 0 20px 20px;
  display: block;
  width: 117px;
  height: 100px;
  background: url(https://static.nexon.co.jp/nexon/ver2017/support/img_otp_guide.svg) no-repeat;
  background-size: contain;
}
.contents.otp-guide li {
  margin-top: 10px;
  font-weight: bold;
}
.contents.otp-guide li .notes > li {
  font-weight: normal;
}
.contents .img-box {
  margin-top: 15px;
}
.contents .img-box .sp {
  display: none;
}
.contents .img-box img {
  width: 100%;
}
.contents .img-box + p {
  margin-top: 15px;
}
.contents.suspend h5 {
  font-size: 14px;
  color: #1f1f1f;
}
.contents.suspend-precomp > div {
  padding-bottom: 15px;
  background: url(https://static.nexon.co.jp/nexon/ver2017/common/img_dotline_gray.png) repeat-x left bottom;
}
.contents.suspend-precomp > div > p {
  text-align: center;
  font-size: 14px;
}
.contents.suspend-precomp > div > p:first-child {
  font-size: 17px;
  font-weight: bold;
  color: #e9520a;
}
.contents.suspend-precomp > div > p:nth-child(2) {
  font-size: 17px;
  font-weight: bold;
  color: #0aa0d2;
}
.contents.enquete h5 {
  font-size: 14px;
  color: #1f1f1f;
}
.contents.enquete h5 span {
  font-weight: normal;
  color: #1f1f1f;
}
.contents.enquete-confirm h5 {
  font-size: 14px;
  color: #1f1f1f;
}
.contents.enquete-confirm h5 span {
  font-weight: normal;
}
.contents.enquete-confirm .radio-box {
  background: none;
  border: solid 1px #8c8c8c;
}
.contents.enquete-confirm .radio-box li span {
  color: #8c8c8c;
}
.contents.nps-guide::before {
  content: "";
  float: right;
  margin: 0 0 20px 20px;
  display: block;
  width: 112px;
  height: 100px;
  background: url(https://static.nexon.co.jp/nexon/ver2017/support/img_nps_guide.svg) no-repeat;
  background-size: contain;
}
.contents.parent p:nth-of-type(1) {
  font-weight: bold;
  color: #0aa0d2;
}
.contents.parent p:nth-of-type(1)::after {
  content: "";
  float: right;
  margin: 10px 0 20px 20px;
  display: block;
  width: 277px;
  height: 288px;
  background: url(https://static.nexon.co.jp/nexon/ver2017/support/img_parent.svg) no-repeat;
  background-size: contain;
}
.contents.netcafe-index {
  position: relative;
}
.contents.netcafe-index::before {
  content: "";
  float: right;
  margin: 0 0 20px 20px;
  display: block;
  width: 90px;
  height: 90px;
  background: url(https://static.nexon.co.jp/nexon/ver2017/support/img_netcafe.svg) no-repeat;
  background-size: contain;
}
.contents.name > p, .contents.complete > p, .contents.error > p {
  text-align: center;
}
.contents.name > p:first-child, .contents.complete > p:first-child, .contents.error > p:first-child {
  font-size: 18px;
  font-weight: bold;
  color: #0aa0d2;
}
.contents .agreement-cnt * {
  text-align: left;
  font-size: 14px;
  font-weight: normal;
}
.contents .agreement-cnt strong {
  font-weight: bold;
}
.contents .agreement-cnt .txt-agreement a {
  margin-right: 2px;
  padding-right: 22px;
  background: url(https://static.nexon.co.jp/nexon/ver2017/common/icn_window_black.svg) no-repeat right center;
}
.contents .agreement-cnt .agreement-box {
  height: 150px;
  margin-top: 20px;
  border: solid 1px #ccc;
  overflow-y: scroll;
}
.contents .agreement-cnt .agreement-box > div {
  padding: 18px;
}
.contents .agreement-cnt .agree-check {
  margin-top: 8px;
}
.contents .agreement-cnt .agree-check input {
  vertical-align: middle;
}

h2 + .contents {
  margin: 24px 30px 0;
}

.step {
  background: #fff;
  margin: 30px 30px 0;
}
.step ol {
  display: flex;
  justify-content: center;
  padding: 28px 0 25px;
}
.step ol li {
  position: relative;
  width: 215px;
  padding-top: 28px;
  text-align: center;
  font-weight: bold;
}
.step ol li span {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -30px;
  display: block;
  width: 60px;
  height: 20px;
  background: #000 url(https://static.nexon.co.jp/nexon/ver2017/login/txt_step.png) no-repeat;
  text-indent: 110%;
  white-space: nowrap;
  overflow: hidden;
}
.step ol li::after {
  content: "";
  position: absolute;
  top: 15px;
  right: -5px;
  display: block;
  width: 10px;
  height: 15px;
  background: url(https://static.nexon.co.jp/nexon/ver2017/login/icn_arrow_step.svg) no-repeat;
}
.step ol li:nth-child(1) span {
  background-position: 0 0;
}
.step ol li:nth-child(2) span {
  background-position: 0 -20px;
}
.step ol li:nth-child(3) span {
  background-position: 0 -40px;
}
.step ol li:nth-child(4) span {
  background-position: 0 -60px;
}
.step ol li:nth-child(4)::after {
  display: none;
}
.step ol li.active {
  color: #0aa0d2;
}
.step ol li.active span {
  background-color: #0aa0d2;
}

.support-index {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 0 30px;
}
.support-index > div {
  box-sizing: border-box;
  width: 465px;
  margin: 30px 0 0 0;
  padding: 30px;
  background-color: #fff;
}
.support-index > div:nth-child(1)::before {
  content: "";
  float: right;
  width: 83px;
  height: 90px;
  background: url(https://static.nexon.co.jp/nexon/ver2017/support/img_index_1.svg) no-repeat;
  background-size: contain;
  margin: 0 0 20px 20px;
  display: block;
}
.support-index > div:nth-child(2)::before {
  content: "";
  float: right;
  width: 82px;
  height: 90px;
  background: url(https://static.nexon.co.jp/nexon/ver2017/support/img_index_2.svg) no-repeat;
  background-size: contain;
  margin: 0 0 20px 20px;
  display: block;
}
.support-index > div p:first-child {
  font-size: 16px;
  font-weight: bold;
  color: #0aa0d2;
}
.support-index > div p + p {
  margin-top: 9px;
}
.support-index > div p strong {
  color: #e5520a;
}

.support-index-quick {
  position: relative;
  margin: 30px 30px 0;
}
.support-index-quick.new::before {
  content: "";
  position: absolute;
  top: -10px;
  left: 13px;
  z-index: 2;
  display: block;
  width: 40px;
  height: 0;
  padding-top: 26px;
  background: url(https://static.nexon.co.jp/nexon/ver2017/support/icn_new.svg) no-repeat center top/contain;
}
.support-index-quick > div {
  position: relative;
  box-sizing: border-box;
  padding: 30px;
  background-color: #fff;
}
.support-index-quick > div:nth-child(1)::before {
  content: "";
  position: absolute;
  right: 18px;
  top: 33px;
  width: 150px;
  height: 133px;
  background: url(https://static.nexon.co.jp/nexon/ver2017/support/img_index_3.svg) no-repeat;
  background-size: contain;
  display: block;
}
.support-index-quick > div p {
  padding-right: 130px;
}
.support-index-quick > div p:first-child {
  font-size: 16px;
}
.support-index-quick > div p + p {
  margin-top: 9px;
}
.support-index-quick > div p strong {
  color: #0aa0d2;
}
.support-index-quick > div ul.caution {
  margin-top: 10px;
  padding-right: 130px;
}
.support-index-quick > div ul.caution li {
  font-size: 12px;
  color: #909090;
  padding-left: 12px;
  text-indent: -12px;
}

.inquiry-index {
  margin: 24px 30px 0;
}
.inquiry-index::before {
  content: "";
  float: right;
  width: 236px;
  height: 60px;
  background: url(https://static.nexon.co.jp/nexon/ver2017/support/img_inquiry.svg) no-repeat;
  background-size: contain;
  margin: 0 0 20px 20px;
  display: block;
}
.inquiry-index p {
  font-weight: bold;
}
.inquiry-index p a {
  /*
  &::after{
  	content:"";
  	display:inline-block;
  	width:16px;
  	height:12px;
  	background:url(https://static.nexon.co.jp/nexon/ver2017/common/icn_window_orange.svg) 0 0;				
  }
  */
  margin-right: 2px;
  padding-right: 18px;
  background: url(https://static.nexon.co.jp/nexon/ver2017/common/icn_window_orange.svg) no-repeat right center;
  background-size: 16px 12px;
}
.inquiry-index p strong {
  color: #e5520a;
}
.inquiry-index p strong a {
  color: #e5520a;
}

.inquiry-gamelist {
  text-align: center;
}
.inquiry-gamelist select {
  margin-top: 15px;
  width: 300px;
}
.inquiry-gamelist + .btn {
  margin-top: 10px !important;
}

.security-index {
  margin: 24px 30px 0;
}
.security-index::before {
  content: "";
  float: right;
  width: 124px;
  height: 100px;
  background: url(https://static.nexon.co.jp/nexon/ver2017/support/img_security.svg) no-repeat;
  background-size: contain;
  margin: 0 0 20px 20px;
  display: block;
}
.security-index p + p {
  margin-top: 0;
}

.security-list {
  padding-left: 14px;
  text-indent: -14px;
}

.howtouse {
  margin: 24px 30px 0;
  padding: 25px 30px;
  background-color: #e9520a;
}
.howtouse p {
  font-size: 14px;
  font-weight: bold;
  color: #fff;
}
.howtouse p a {
  color: #fff;
}

.original-token {
  margin-top: 20px;
  padding: 20px;
  background-color: #f0f1f2;
}
.original-token img {
  float: left;
  margin-right: 20px;
}
.original-token strong {
  color: #1e1e1e !important;
}
.original-token::after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

dl.shop-search-form dd > div {
  background-color: #f0f1f2;
}
dl.shop-search-form dd > div ul {
  display: flex;
  flex-wrap: wrap;
}
dl.shop-search-form dd > div ul li {
  width: 20%;
  padding-top: 6px;
}
dl.shop-search-form dd > div ul li input[type="checkbox"] {
  margin-right: 10px;
}
dl.shop-search-form dd.select-game > div {
  padding: 9px 20px 12px;
}
dl.shop-search-form dd.select-game > div ul li {
  text-indent: 0;
}
dl.shop-search-form dd.input-keyword > div {
  display: flex;
  justify-content: space-between;
  padding: 20px;
}
dl.shop-search-form dd.input-keyword > div select {
  width: 250px;
}
dl.shop-search-form dd.input-keyword > div input {
  box-sizing: border-box;
  width: 470px;
}
dl.shop-search-form dd + dt {
  margin-top: 15px;
}
dl.shop-search-form dt {
  font-weight: bold;
}
dl.shop-search-form dt + dd {
  margin-top: 15px;
}

ul.shop-list {
  margin: 24px 30px 30px;
}
ul.shop-list li {
  padding: 10px 30px;
  background-color: #fff;
}
ul.shop-list li + li {
  margin-top: 30px;
}
ul.shop-list dl {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
ul.shop-list dt {
  width: 30%;
  font-weight: bold;
}
ul.shop-list dd {
  width: 70%;
}
ul.shop-list dd:first-of-type {
  font-weight: bold;
  color: #e5520a;
}
ul.shop-list dt,
ul.shop-list dd {
  margin: 0;
  padding: 18px 0 15px;
}
ul.shop-list dd + dt,
ul.shop-list dd + dt + dd {
  background: url(https://static.nexon.co.jp/nexon/ver2017/common/img_dotline_gray.png) repeat-x left top;
}

dl.support-form {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin: 20px auto 0;
  line-height: 1.6;
  word-break: break-all;
}
dl.support-form dt {
  width: 215px;
  padding: 0;
  font-size: 16px;
  font-weight: bold;
  color: #14aae5;
}
dl.support-form dt ul {
  display: inline-block;
  margin-left: 4px;
  vertical-align: middle;
}
dl.support-form dt ul .necessary,
dl.support-form dt ul .nochange {
  width: 46px;
  margin-right: 5px;
  padding: 2px 0;
  line-height: 1.1;
  text-align: center;
  font-size: 10px;
  font-weight: bold;
  color: #fff;
  text-indent: 0;
}
dl.support-form dt ul .necessary {
  background-color: #e9520a;
}
dl.support-form dt ul .nochange {
  background-color: #238c0a;
}
dl.support-form dt.wide {
  width: 100% !important;
  display: block;
}
dl.support-form dd + dt {
  margin-top: 20px;
}
dl.support-form dd + dt + dd {
  margin-top: 20px;
}
dl.support-form dd {
  width: 685px;
  padding: 0;
}
dl.support-form dd label + label {
  margin-left: 30px;
}
dl.support-form dd input {
  width: 100%;
  height: 25px;
  box-sizing: border-box;
  text-indent: 6px;
}
dl.support-form dd input[type="radio"] {
  width: auto;
  height: auto;
  margin-right: 10px;
}
dl.support-form dd textarea {
  box-sizing: border-box;
  width: 100%;
  height: 100px;
  padding: 10px 15px;
}
dl.support-form dd.notes {
  width: 100%;
  padding-top: 8px;
  font-size: 11px;
  line-height: 1.2;
}
dl.support-form dd .notes {
  margin-top: 9px;
  text-align: left;
  font-size: 11px;
  font-weight: normal;
  line-height: 1.2;
}
dl.support-form dd .error {
  font-size: 11px;
  font-weight: bold;
}
dl.support-form dd .name-box {
  display: flex;
  justify-content: flex-start;
}
dl.support-form dd .name-box span {
  display: inline-block;
  width: 35px;
}
dl.support-form dd .name-box span:not(:first-child) {
  margin-left: 30px;
}
dl.support-form dd .name-box input {
  width: 100px;
}
dl.support-form dd.wide {
  width: 100% !important;
  display: block;
}
dl.support-form.old dt {
  color: #000;
}
dl.support-form.inquiry dt, dl.support-form.confirm dt {
  color: #000;
}
dl.support-form.confirm {
  margin: 0 auto;
}
dl.support-form.confirm dt,
dl.support-form.confirm dd {
  margin: 0;
  padding: 18px 0 15px;
  background: url(https://static.nexon.co.jp/nexon/ver2017/common/img_dotline_gray.png) repeat-x left bottom;
}
dl.support-form.suspend {
  margin: 0 auto;
}
dl.support-form.suspend dt,
dl.support-form.suspend dd {
  margin: 0;
  padding: 18px 0 15px;
  color: #1e1e1e;
}
dl.support-form.suspend dt:first-child,
dl.support-form.suspend dd:first-child {
  padding-top: 0;
}
dl.support-form.suspend dt:first-child + dd,
dl.support-form.suspend dd:first-child + dd {
  padding-top: 0;
}
dl.support-form.suspend dt:last-child,
dl.support-form.suspend dd:last-child {
  padding-bottom: 0;
}
dl.support-form.suspend dd + dt {
  background: url(https://static.nexon.co.jp/nexon/ver2017/common/img_dotline_gray.png) repeat-x left top;
}
dl.support-form.suspend dd + dt + dd {
  background: url(https://static.nexon.co.jp/nexon/ver2017/common/img_dotline_gray.png) repeat-x left top;
}
dl.support-form.suspend-confirm {
  margin: 0 auto;
}
dl.support-form.suspend-confirm dt,
dl.support-form.suspend-confirm dd {
  margin: 0;
  padding: 18px 0 15px;
  background: url(https://static.nexon.co.jp/nexon/ver2017/common/img_dotline_gray.png) repeat-x left bottom;
  font-size: 14px;
  color: #1e1e1e;
}
dl.support-form.suspend-confirm dt:first-child,
dl.support-form.suspend-confirm dd:first-child {
  padding-top: 0;
}
dl.support-form.suspend-confirm dt:first-child + dd,
dl.support-form.suspend-confirm dd:first-child + dd {
  padding-top: 0;
}
dl.support-form.hacking dt,
dl.support-form.hacking dd, dl.support-form.hacking-confirm dt,
dl.support-form.hacking-confirm dd {
  color: #1e1e1e;
}
dl.support-form.hacking dt, dl.support-form.hacking-confirm dt {
  width: 235px;
}
dl.support-form.hacking dd, dl.support-form.hacking-confirm dd {
  width: 665px;
}
dl.support-form.hacking dd a, dl.support-form.hacking-confirm dd a {
  margin-left: 5px;
  color: #0aa0d2;
}
dl.support-form.hacking dd select, dl.support-form.hacking-confirm dd select {
  width: 100%;
  height: 25px;
}
dl.support-form.hacking dd select.date, dl.support-form.hacking-confirm dd select.date {
  width: 70px;
}
dl.support-form.hacking-confirm dt:not(.wide),
dl.support-form.hacking-confirm dd:not(.wide) {
  background: url(https://static.nexon.co.jp/nexon/ver2017/common/img_dotline_gray.png) repeat-x left bottom;
}
dl.support-form.hacking-confirm dt:not(.wide) {
  padding-bottom: 15px;
}
dl.support-form.hacking-confirm dd.wide {
  margin-top: 15px;
}
dl.support-form.suspend .notes, dl.support-form.suspend-confirm .notes, dl.support-form.hacking .notes, dl.support-form.hacking-confirm .notes {
  color: #e5520a;
}
dl.support-form:first-child {
  margin-top: 0;
}

div.inquiry-form {
  margin-top: 20px;
  padding: 20px;
  background-color: #f0f1f2;
}
div.inquiry-form dl {
  display: flex;
  flex-wrap: wrap;
}
div.inquiry-form dl > dt {
  width: 29.5%;
  font-weight: bold;
}
div.inquiry-form dl > dd {
  padding: 0;
  width: 70.5%;
}
div.inquiry-form dl dd input {
  box-sizing: border-box;
  width: 100%;
}
div.inquiry-form dl dd span.error {
  font-size: 11px;
  font-weight: bold;
}

.tel-contact {
  box-sizing: border-box;
  width: 620px;
  height: 180px;
  padding: 75px 0 0 220px;
  margin: 0 auto 15px;
  background: url(https://static.nexon.co.jp/nexon/ver2017/support/img_tel_contact.svg) no-repeat;
  background-size: 200px 180px;
}
.tel-contact p:first-child {
  width: 345px;
  height: 40px;
  background: url(https://static.nexon.co.jp/nexon/ver2017/support/txt_tel_no.svg) no-repeat;
  text-indent: 110%;
  white-space: nowrap;
  overflow: hidden;
}
.tel-contact p + p {
  margin-top: 15px;
}

div.help {
  margin-top: 20px;
  padding-top: 18px;
  background-image: linear-gradient(to right, #8c8c8c, #8c8c8c 1px, transparent 1px, transparent 3px);
  background-size: 4px 1px;
  background-position: top;
  background-repeat: repeat-x;
}
div.help div {
  margin: 0 auto;
}
div.help h4 {
  margin: 0;
  font-size: 16px;
}
div.help li {
  margin-top: 3px;
  padding-left: 10px;
  text-indent: 0;
  background: url(https://static.nexon.co.jp/nexon/ver2017/login/icn_arrow_help.png) no-repeat 0 7px;
}
div.help li a {
  font-size: 11px;
  color: #1e1e1e;
}

hr.dotline {
  display: block;
  width: 100%;
  height: 1px;
  margin: 16px 0 0;
  border: none;
  background-image: linear-gradient(to right, #8c8c8c, #8c8c8c 1px, transparent 1px, transparent 3px);
  background-size: 4px 1px;
  background-position: top;
  background-repeat: repeat-x;
}

.safety-top {
  position: relative;
}
.safety-top h2,
.safety-top dt,
.safety-top a span,
.safety-top .hide {
  display: none;
}
.safety-top p,
.safety-top dd,
.safety-top li {
  line-height: 24px;
  font-size: 14px;
  color: #333435;
}
.safety-top .safety-top-ttl {
  background: url(https://static.nexon.co.jp/nexon/ver2017/support/safety/bg_ttl.gif) repeat-x left top;
  overflow: hidden;
}
.safety-top .safety-top-ttl > div {
  position: relative;
  margin: 0 auto;
  width: 1000px;
  height: 480px;
  background: url(https://static.nexon.co.jp/nexon/ver2017/support/safety/ttl.png) no-repeat left top;
}
.safety-top .bnr-container {
  position: absolute;
  top: 164px;
  width: 1000px;
}
.safety-top .bnr-container .swiper-container {
  overflow: visible;
}
.safety-top .bnr-container .swiper-container div.swiper-wrapper {
  width: 800px;
  margin: 0 auto;
}
.safety-top .bnr-container .swiper-container div.swiper-wrapper .swiper-slide {
  opacity: 0;
  transition: opacity .5s linear 0s;
}
.safety-top .bnr-container .swiper-container div.swiper-wrapper .swiper-slide a {
  display: block;
  width: 800px;
  border: solid 2px #fcfcfc;
  border-radius: 15px;
  overflow: hidden;
}
.safety-top .bnr-container .swiper-container div.swiper-wrapper .swiper-slide-active {
  opacity: 1;
}
.safety-top .bnr-container .swiper-container div.swiper-pagination {
  bottom: -30px;
}
.safety-top .bnr-container .swiper-container div.swiper-pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  display: inline-block;
  border-radius: 100%;
  background: #f9f8f3;
  opacity: 1;
}
.safety-top .bnr-container .swiper-container div.swiper-pagination .swiper-pagination-bullet-active {
  opacity: 1;
  background: #111213;
}
.safety-top .bnr-container .swiper-container div.control {
  position: absolute;
  width: 80px;
  height: 80px;
  z-index: 2;
  background: url(https://static.nexon.co.jp/nexon/ver2017/support/safety/btn_banner_control.png) no-repeat;
  cursor: pointer;
  text-indent: 110%;
  white-space: nowrap;
  overflow: hidden;
}
.safety-top .bnr-container .swiper-container div.control.prev {
  left: -10px;
  top: 60px;
  background-position: 0 0;
}
.safety-top .bnr-container .swiper-container div.control.prev:hover {
  background-position: 0 -80px;
}
.safety-top .bnr-container .swiper-container div.control.next {
  right: -10px;
  top: 60px;
  background-position: -80px 0;
}
.safety-top .bnr-container .swiper-container div.control.next:hover {
  background-position: -80px -80px;
}
.safety-top .bnr-container ul.viewer {
  position: relative;
  margin: 0 auto;
  width: 800px;
  height: 200px;
}
.safety-top .bnr-container ul.viewer li {
  display: none;
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
}
.safety-top .bnr-container ul.control li {
  position: absolute;
  width: 80px;
  height: 80px;
  background: url(https://static.nexon.co.jp/nexon/ver2017/support/safety/btn_banner_control.png) no-repeat;
  cursor: pointer;
}
.safety-top .bnr-container ul.control li.prev {
  left: -10px;
  top: 60px;
  background-position: 0 0;
}
.safety-top .bnr-container ul.control li.prev:hover {
  background-position: 0 -80px;
}
.safety-top .bnr-container ul.control li.next {
  right: -10px;
  top: 60px;
  background-position: -80px 0;
}
.safety-top .bnr-container ul.control li.next:hover {
  background-position: -80px -80px;
}
.safety-top .bnr-container ul.list {
  margin: 10px auto 0;
  overflow: hidden;
}
.safety-top .bnr-container ul.list li {
  float: left;
  display: block;
  margin: 0 auto;
  width: 23px;
  height: 12px;
  background: url(https://static.nexon.co.jp/nexon/ver2017/support/safety/btn_bannelist.png) no-repeat center 0;
}
.safety-top .bnr-container ul.list li.active {
  background-position: center -12px;
}
.safety-top .safety-top-menu {
  position: absolute;
  left: 0;
  top: 410px;
  width: 100%;
  min-width: 1000px;
  background: url(https://static.nexon.co.jp/nexon/ver2017/support/safety/bg_ttl.gif) repeat-x left bottom;
  z-index: 2;
}
.safety-top .safety-top-menu > div {
  margin: 0 auto;
  width: 1000px;
  height: 70px;
}
.safety-top .safety-top-menu > div ul {
  overflow: visible;
}
.safety-top .safety-top-menu > div ul li {
  float: left;
}
.safety-top .safety-top-menu > div ul li.active {
  background: url(https://static.nexon.co.jp/nexon/ver2017/support/safety/menu.png) no-repeat;
}
.safety-top .safety-top-menu > div ul li.menu-password.active {
  background-position: 0 -140px;
}
.safety-top .safety-top-menu > div ul li.menu-rule.active {
  background-position: -187px -140px;
}
.safety-top .safety-top-menu > div ul li.menu-myinfo.active {
  background-position: -381px -140px;
}
.safety-top .safety-top-menu > div ul li.menu-usepoint.active {
  background-position: -549px -140px;
}
.safety-top .safety-top-menu > div ul li.menu-playtime.active {
  background-position: -715px -140px;
}
.safety-top .safety-top-menu > div ul li.menu-player.active {
  background-position: -851px -140px;
}
.safety-top .safety-top-menu > div ul li a {
  display: block;
  height: 70px;
  background: url(https://static.nexon.co.jp/nexon/ver2017/support/safety/menu.png) no-repeat;
}
.safety-top .safety-top-menu > div ul li.menu-password a {
  width: 187px;
  background-position: 0 0;
}
.safety-top .safety-top-menu > div ul li.menu-password a:hover {
  background-position: 0 -70px;
}
.safety-top .safety-top-menu > div ul li.menu-rule a {
  width: 194px;
  background-position: -187px 0;
}
.safety-top .safety-top-menu > div ul li.menu-rule a:hover {
  background-position: -187px -70px;
}
.safety-top .safety-top-menu > div ul li.menu-myinfo a {
  width: 168px;
  background-position: -381px 0;
}
.safety-top .safety-top-menu > div ul li.menu-myinfo a:hover {
  background-position: -381px -70px;
}
.safety-top .safety-top-menu > div ul li.menu-usepoint a {
  width: 166px;
  background-position: -549px 0;
}
.safety-top .safety-top-menu > div ul li.menu-usepoint a:hover {
  background-position: -549px -70px;
}
.safety-top .safety-top-menu > div ul li.menu-playtime a {
  width: 136px;
  background-position: -715px 0;
}
.safety-top .safety-top-menu > div ul li.menu-playtime a:hover {
  background-position: -715px -70px;
}
.safety-top .safety-top-menu > div ul li.menu-player a {
  width: 149px;
  background-position: -851px 0;
}
.safety-top .safety-top-menu > div ul li.menu-player a:hover {
  background-position: -851px -70px;
}
.safety-top .cnt-password {
  background: url(https://static.nexon.co.jp/nexon/ver2017/support/safety/bg_password.gif) repeat-x left top;
}
.safety-top .cnt-password > div {
  position: relative;
  margin: 0 auto;
  width: 1000px;
  height: 541px;
  background: url(https://static.nexon.co.jp/nexon/ver2017/support/safety/cnt_password.png) no-repeat center top;
}
.safety-top .cnt-password > div dl.point01 {
  position: absolute;
  left: 95px;
  top: 374px;
}
.safety-top .cnt-password > div dl.point02 {
  position: absolute;
  left: 515px;
  top: 374px;
}
.safety-top .cnt-password > div a {
  position: absolute;
  display: block;
}
.safety-top .cnt-password > div a.btn-security-detail {
  left: 100px;
  top: 459px;
  width: 329px;
  height: 42px;
  background: url(https://static.nexon.co.jp/nexon/ver2017/support/safety/btn_security_detail.png) no-repeat center top;
}
.safety-top .cnt-password > div a.btn-otp-detail {
  left: 520px;
  top: 459px;
  width: 363px;
  height: 42px;
  background: url(https://static.nexon.co.jp/nexon/ver2017/support/safety/btn_otp_detail.png) no-repeat center top;
}
.safety-top .cnt-rule {
  background: url(https://static.nexon.co.jp/nexon/ver2017/support/safety/bg_rule.gif) repeat-x left top;
}
.safety-top .cnt-rule > div {
  position: relative;
  margin: 0 auto;
  width: 1000px;
  height: 565px;
  background: url(https://static.nexon.co.jp/nexon/ver2017/support/safety/cnt_rule.png) no-repeat center top;
}
.safety-top .cnt-rule > div dl.point01 {
  position: absolute;
  left: 95px;
  top: 398px;
}
.safety-top .cnt-rule > div a.btn-rule-detail {
  position: absolute;
  left: 100px;
  top: 483px;
  display: block;
  width: 217px;
  height: 42px;
  background: url(https://static.nexon.co.jp/nexon/ver2017/support/safety/btn_rule_detail.png) no-repeat center top;
}
.safety-top .cnt-myinfo {
  background: url(https://static.nexon.co.jp/nexon/ver2017/support/safety/bg_myinfo.gif) repeat-x left top;
}
.safety-top .cnt-myinfo > div {
  position: relative;
  margin: 0 auto;
  width: 1000px;
  height: 533px;
  background: url(https://static.nexon.co.jp/nexon/ver2017/support/safety/cnt_myinfo_160720.png) no-repeat center top;
}
.safety-top .cnt-myinfo > div p.point01 {
  position: absolute;
  left: 100px;
  top: 378px;
}
.safety-top .cnt-myinfo > div ul.txt01 {
  position: absolute;
  left: 100px;
  top: 450px;
}
.safety-top .cnt-usepoint {
  background: url(https://static.nexon.co.jp/nexon/ver2017/support/safety/bg_usepoint.gif) repeat-x left top;
}
.safety-top .cnt-usepoint > div {
  position: relative;
  margin: 0 auto;
  width: 1000px;
  height: 545px;
  background: url(https://static.nexon.co.jp/nexon/ver2017/support/safety/cnt_usepoint.png) no-repeat center top;
}
.safety-top .cnt-usepoint > div p.point01 {
  position: absolute;
  left: 100px;
  top: 354px;
}
.safety-top .cnt-usepoint > div a.btn-point-detail {
  position: absolute;
  left: 100px;
  top: 463px;
  display: block;
  width: 386px;
  height: 42px;
  background: url(https://static.nexon.co.jp/nexon/ver2017/support/safety/btn_point_detail.png) no-repeat center top;
}
.safety-top .cnt-playtime {
  background: url(https://static.nexon.co.jp/nexon/ver2017/support/safety/bg_playtime.gif) repeat-x left top;
}
.safety-top .cnt-playtime > div {
  position: relative;
  margin: 0 auto;
  width: 1000px;
  height: 757px;
  background: url(https://static.nexon.co.jp/nexon/ver2017/support/safety/cnt_playtime.png) no-repeat center top;
}
.safety-top .cnt-playtime > div dl.point01 {
  position: absolute;
  left: 95px;
  top: 386px;
}
.safety-top .cnt-playtime > div dl.point02 {
  position: absolute;
  left: 520px;
  top: 386px;
}
.safety-top .cnt-playtime > div dl.check {
  position: absolute;
  left: 100px;
  top: 638px;
}
.safety-top .cnt-playtime > div a.btn-parent-detail {
  position: absolute;
  left: 100px;
  top: 472px;
  display: block;
  width: 152px;
  height: 42px;
  background: url(https://static.nexon.co.jp/nexon/ver2017/support/safety/btn_parent_detail.png) no-repeat center top;
}
.safety-top .cnt-playtime > div a.btn-anshin-detail {
  position: absolute;
  left: 520px;
  top: 472px;
  display: block;
  width: 348px;
  height: 42px;
  background: url(https://static.nexon.co.jp/nexon/ver2017/support/safety/btn_anshin_detail.png) no-repeat center top;
}
.safety-top .cnt-playtime > div a.btn-police-detail {
  position: absolute;
  left: 100px;
  top: 675px;
  display: block;
  width: 218px;
  height: 42px;
  background: url(https://static.nexon.co.jp/nexon/ver2017/support/safety/btn_police_detail.png) no-repeat center top;
}
.safety-top .cnt-player {
  background: url(https://static.nexon.co.jp/nexon/ver2017/support/safety/bg_player.gif) repeat-x left top;
}
.safety-top .cnt-player > div {
  position: relative;
  margin: 0 auto;
  width: 1000px;
  height: 550px;
  background: url(https://static.nexon.co.jp/nexon/ver2017/support/safety/cnt_player.png) no-repeat center top;
}
.safety-top .cnt-player > div p.point01 {
  position: absolute;
  left: 100px;
  top: 354px;
}
.safety-top .cnt > div a:hover {
  background-position: left bottom;
}

.safety-police {
  background: url(https://static.nexon.co.jp/nexon/ver2017/support/safety/bg_police.gif) repeat;
}
.safety-police h2 {
  display: none;
}
.safety-police .sp {
  display: none;
}
.safety-police > div {
  margin: 0 auto;
  padding: 40px 0;
  width: 904px;
}
.safety-police > div div.jikenbo {
  position: relative;
  z-index: 1;
  width: 904px;
  height: 618px;
  background: url(https://static.nexon.co.jp/nexon/ver2017/support/safety/bg_police_contents.png) repeat;
}
.safety-police > div div.jikenbo ul.tab {
  position: absolute;
  left: 0;
  top: 0;
}
.safety-police > div div.jikenbo ul.tab li {
  position: absolute;
}
.safety-police > div div.jikenbo ul.tab li a {
  display: block;
  width: 179px;
  height: 48px;
  background: no-repeat left top;
}
.safety-police > div div.jikenbo ul.tab li.jiken01 {
  left: 34px;
  top: 107px;
}
.safety-police > div div.jikenbo ul.tab li.jiken01 a {
  background-image: url(https://static.nexon.co.jp/nexon/ver2017/support/safety/tab_police01.png);
}
.safety-police > div div.jikenbo ul.tab li.jiken02 {
  left: 217px;
  top: 107px;
}
.safety-police > div div.jikenbo ul.tab li.jiken02 a {
  background-image: url(https://static.nexon.co.jp/nexon/ver2017/support/safety/tab_police02.png);
}
.safety-police > div div.jikenbo ul.tab li.jiken03 {
  left: 400px;
  top: 107px;
}
.safety-police > div div.jikenbo ul.tab li.jiken03 a {
  background-image: url(https://static.nexon.co.jp/nexon/ver2017/support/safety/tab_police03.png);
}
.safety-police > div div.jikenbo ul.tab li.jiken04 {
  left: 582px;
  top: 107px;
}
.safety-police > div div.jikenbo ul.tab li.jiken04 a {
  background-image: url(https://static.nexon.co.jp/nexon/ver2017/support/safety/tab_police04.png);
}
.safety-police > div div.jikenbo .jikenbo-top ul.tab li.jiken01 a {
  width: 199px;
  height: 421px;
  background-image: url(https://static.nexon.co.jp/nexon/ver2017/support/safety/tab_police_top01.png);
}
.safety-police > div div.jikenbo .jikenbo-top ul.tab li.jiken02 a {
  width: 202px;
  height: 349px;
  background-image: url(https://static.nexon.co.jp/nexon/ver2017/support/safety/tab_police_top02.png);
}
.safety-police > div div.jikenbo .jikenbo-top ul.tab li.jiken03 a {
  width: 210px;
  height: 381px;
  background-image: url(https://static.nexon.co.jp/nexon/ver2017/support/safety/tab_police_top03.png);
}
.safety-police > div div.jikenbo .jikenbo-top ul.tab li.jiken04 a {
  width: 217px;
  height: 384px;
  background-image: url(https://static.nexon.co.jp/nexon/ver2017/support/safety/tab_police_top04.png);
}
.safety-police > div div.jikenbo .btn-return {
  position: absolute;
  left: 767px;
  top: 124px;
}
.safety-police > div div.jikenbo .btn-return a {
  display: block;
  width: 95px;
  height: 20px;
  background: url(https://static.nexon.co.jp/nexon/ver2017/support/safety/btn_police_return_top.png) no-repeat left top;
}
.safety-police > div div.jikenbo ul.tab li a:hover,
.safety-police > div div.jikenbo .btn-return a:hover {
  background-position: center bottom;
}
.safety-police > div div.jikenbo ul.tab li a span,
.safety-police > div div.jikenbo .btn-return a span {
  display: none;
}
.safety-police > div div.jikenbo .jikenbo-episode01,
.safety-police > div div.jikenbo .jikenbo-episode02,
.safety-police > div div.jikenbo .jikenbo-episode03,
.safety-police > div div.jikenbo .jikenbo-episode04 {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
}
.safety-police > div div.jikenbo .jikenbo-episode01 .episode-wrapper > ul > li > ul {
  left: 174px;
  top: 311px;
}
.safety-police > div div.jikenbo .jikenbo-episode03 .episode-wrapper > ul > li > ul {
  left: 172px;
  top: 336px;
}
.safety-police > div div.jikenbo .jikenbo-episode04 .episode-wrapper > ul > li > ul {
  left: 173px;
  top: 277px;
}
.safety-police .episode-wrapper {
  position: absolute;
  left: 34px;
  top: 158px;
  width: 839px;
  height: 420px;
  background: #000;
  overflow: hidden;
}
.safety-police .episode-wrapper > ul > li {
  position: absolute;
}
.safety-police .episode-wrapper > ul > li img {
  position: absolute;
}
.safety-police .episode-wrapper > ul > li > ul {
  position: absolute;
}
.safety-police .episode-wrapper > ul > li > ul > li {
  line-height: 18px;
  white-space: nowrap;
}
.safety-police .episode-wrapper > ul > li > ul > li a {
  color: #fbf8ab;
}
.safety-police ul.btn-next-back li {
  position: absolute;
  top: 193px;
}
.safety-police ul.btn-next-back li.btn-back {
  left: 36px;
}
.safety-police ul.btn-next-back li.btn-next {
  left: 819px;
}
.safety-police ul.btn-next-back li a {
  display: block;
  width: 48px;
  height: 52px;
}
.safety-police .jikenbo-episode01 ul.btn-next-back li.btn-back a {
  background: url(https://static.nexon.co.jp/nexon/ver2017/support/safety/btn_safety_episode_left.jpg) no-repeat left top;
}
.safety-police .jikenbo-episode01 ul.btn-next-back li.btn-next a {
  background: url(https://static.nexon.co.jp/nexon/ver2017/support/safety/btn_safety_episode_right.jpg) no-repeat left top;
}
.safety-police .jikenbo-episode02 ul.btn-next-back li.btn-back a {
  background: url(https://static.nexon.co.jp/nexon/ver2017/support/safety/btn_safety_episode02_left.jpg) no-repeat left top;
}
.safety-police .jikenbo-episode02 ul.btn-next-back li.btn-next a {
  background: url(https://static.nexon.co.jp/nexon/ver2017/support/safety/btn_safety_episode02_right.jpg) no-repeat left top;
}
.safety-police .jikenbo-episode03 ul.btn-next-back li.btn-back a {
  background: url(https://static.nexon.co.jp/nexon/ver2017/support/safety/btn_safety_episode03_left.jpg) no-repeat left top;
}
.safety-police .jikenbo-episode03 ul.btn-next-back li.btn-next a {
  background: url(https://static.nexon.co.jp/nexon/ver2017/support/safety/btn_safety_episode03_right.jpg) no-repeat left top;
}
.safety-police .jikenbo-episode04 ul.btn-next-back li.btn-back a {
  background: url(https://static.nexon.co.jp/nexon/ver2017/support/safety/btn_safety_episode04_left.jpg) no-repeat left top;
}
.safety-police .jikenbo-episode04 ul.btn-next-back li.btn-next a {
  background: url(https://static.nexon.co.jp/nexon/ver2017/support/safety/btn_safety_episode04_right.jpg) no-repeat left top;
}
.safety-police .jikenbo-episode01 ul.btn-next-back li a:hover,
.safety-police .jikenbo-episode02 ul.btn-next-back li a:hover,
.safety-police .jikenbo-episode03 ul.btn-next-back li a:hover,
.safety-police .jikenbo-episode04 ul.btn-next-back li a:hover {
  background-position: left bottom;
}
.safety-police ul.btn-next-back li a span {
  display: none;
}

/* ====================================================================
btn
==================================================================== */
.btn-area {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.btn-area .btn {
  margin: 0 10px;
}

.btn {
  width: 480px;
  margin: 0 auto;
  /* white btn */
}
.btn a {
  display: block;
  box-sizing: border-box;
  text-decoration: none;
}
.btn + p {
  margin-top: 18px;
}
.btn.shop-search {
  width: 120px;
  margin: 0;
  text-align: center;
}
.btn.shop-search a {
  height: 25px;
  padding: 4px 0 0;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  background-color: #0aa0d2;
}
.btn.shop-search a:hover {
  background-color: #14aae5;
}
.btn.common-b, .btn.common-g {
  margin-top: 30px;
  width: 300px;
}
.btn.common-b a, .btn.common-g a {
  position: relative;
  height: 60px;
  padding: 19px 20px 0;
  background-color: #0aa0d2;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
}
.btn.common-b a::after, .btn.common-g a::after {
  content: "";
  position: absolute;
  display: block;
  width: 12px;
  height: 19px;
  background: url(https://static.nexon.co.jp/nexon/ver2017/common/icn_arrow_next.svg) no-repeat;
}
.btn.common-b.blank a::after, .btn.common-g.blank a::after {
  width: 25px;
  height: 18px;
  background: url(https://static.nexon.co.jp/nexon/ver2017/common/icn_window.svg) no-repeat;
}
.btn.common-b a {
  background-color: #0aa0d2;
}
.btn.common-b a::after {
  top: 21px;
  right: 20px;
}
.btn.common-b a:hover {
  background-color: #14aae5;
}
.btn.common-g a {
  background-color: #6e6e70;
  text-align: right;
}
.btn.common-g a::after {
  top: 21px;
  left: 22px;
}
.btn.common-g a:hover {
  background-color: #87878a;
}
.btn.common-g:not(.blank) a::after {
  transform: rotateZ(180deg);
}
.btn.common-b2l, .btn.common-g2l {
  margin-top: 30px;
  width: 300px;
}
.btn.common-b2l a, .btn.common-g2l a {
  position: relative;
  height: 60px;
  padding: 10px 20px 0;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
}
.btn.common-b2l a span, .btn.common-g2l a span {
  font-size: 14px;
}
.btn.common-b2l a::after, .btn.common-g2l a::after {
  content: "";
  position: absolute;
  display: block;
  width: 12px;
  height: 19px;
  background: url(https://static.nexon.co.jp/nexon/ver2017/login/icn_arrow_next.svg) no-repeat;
}
.btn.common-b2l a {
  background-color: #0aa0d2;
}
.btn.common-b2l a::after {
  top: 21px;
  right: 20px;
}
.btn.common-b2l a:hover {
  background-color: #14aae5;
}
.btn.m20 {
  margin-top: 20px;
}
.btn.back, .btn.login-page {
  width: 200px;
  height: 40px;
  margin: 30px auto 0;
}
.btn.back a, .btn.login-page a {
  position: relative;
  height: 40px;
  border: solid 1px #95989a;
  background: #fff;
  font-size: 16px;
  font-weight: bold;
  color: #6e6e70;
}
.btn.back a::before, .btn.login-page a::before {
  content: "";
  display: block;
  width: 8px;
  height: 13px;
  background: url(https://static.nexon.co.jp/nexon/ver2017/login/icn_arrow_whitebtn.png) no-repeat;
  position: absolute;
  top: 12px;
}
.btn.back a:hover, .btn.login-page a:hover {
  border: solid 1px #0aa0d2;
  background: #0aa0d2;
  color: #fff;
}
.btn.back a {
  padding: 7px 0 0 51px;
}
.btn.back a::before {
  background-position: 0 0;
  left: 19px;
}
.btn.back a:hover::before {
  background-position: 0 -13px;
}
.btn.sp-back {
  display: none;
}

.token .btn {
  width: 290px;
  margin: 30px 10px 0;
}

/* ====================================================================
modal
==================================================================== */
.inline-modal {
  display: none;
}

#cboxContent {
  padding: 0;
}

.dialog {
  background-color: #f0f3f6;
  padding: 30px;
  text-align: left;
}
.dialog div.lead,
.dialog p.lead {
  margin-top: 30px;
  padding: 30px 0;
  background-color: #fff;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  color: #000;
}
.dialog div.lead span.important,
.dialog p.lead span.important {
  font-size: 18px;
  font-weight: bold;
  color: #14aae5;
}
.dialog div.lead div.mailaddress,
.dialog p.lead div.mailaddress {
  margin: 20px 30px;
  padding: 20px 0 18px;
  background-color: #e1e6ea;
}
.dialog h3 {
  height: 21px;
  padding-bottom: 30px;
  border-bottom: solid 2px #65696a;
  text-indent: 110%;
  white-space: nowrap;
  overflow: hidden;
}
.dialog .caution {
  font-size: 14px;
  color: #000;
}
.dialog h4.caution {
  margin-top: 28px;
  font-weight: bold;
}
.dialog ul.caution {
  margin-top: 5px;
}
.dialog ul.caution li {
  line-height: 1.3;
  padding-left: 14px;
  text-indent: -14px;
}
.dialog#dialog-confirm {
  width: 960px;
}
.dialog#dialog-confirm h3 {
  background: url(https://static.nexon.co.jp/nexon/ver2017/login/ttl_send_complete.svg) no-repeat;
  background-size: auto 21px;
}

/*
#cboxContent{
	background:none;
}
*/
/* ====================================================================
resize
==================================================================== */
@media screen and (max-width: 1147px) and (min-width: 808px) {
  .contents .radio-box ul.enquete li {
    width: 190px;
  }
  .contents .radio-box ul.enquete li.free {
    width: 100%;
  }
  .contents .radio-box ul.enquete li.free input[type="text"] {
    width: 290px;
  }
  .contents .radio-box div.enquete2 {
    padding-right: 10px;
  }
  .contents .radio-box div.enquete2 > div {
    top: 60px;
  }
  .contents .radio-box div.enquete2 > div:first-child {
    left: 14px;
  }
  .contents .radio-box div.enquete2 > div:not(:first-child) {
    right: 24px;
  }
  .contents .radio-box div.enquete2 ul {
    width: 100%;
    justify-content: space-around;
    padding-bottom: 40px;
  }
  .contents .radio-box div.enquete2 ul li {
    width: auto;
  }
  .contents.parent::before {
    width: 207px;
    height: 216px;
  }

  .support-index > div {
    width: 100%;
  }

  .token {
    justify-content: center;
  }
  .token .btn {
    width: 285px;
    margin: 30px 0 0;
  }

  .original-token .btn {
    padding-top: 20px;
    clear: both;
    width: 100%;
  }

  dl.shop-search-form dd div ul li {
    width: 50%;
  }
  dl.shop-search-form dd.input-keyword > div {
    display: flex;
    justify-content: space-between;
    padding: 20px;
  }
  dl.shop-search-form dd.input-keyword > div select {
    width: 120px;
  }
  dl.shop-search-form dd.input-keyword > div input {
    width: 170px;
  }

  .btn.shop-search {
    width: 60px;
  }

  ul.shop-list dt {
    width: 100%;
    padding: 18px 0 6px;
  }
  ul.shop-list dd {
    width: 100%;
    padding: 0 0 15px;
  }
  ul.shop-list dd + dt + dd {
    background: none;
  }

  dl.support-form dt {
    width: 100%;
  }
  dl.support-form dd {
    width: 100%;
  }
  dl.support-form dd + dt + dd {
    margin-top: 6px;
  }
  dl.support-form.suspend {
    margin: 0 auto;
  }
  dl.support-form.suspend dt,
  dl.support-form.suspend dd {
    margin: 0;
    padding: 0 0 15px;
    color: #1e1e1e;
  }
  dl.support-form.suspend dt:last-child,
  dl.support-form.suspend dd:last-child {
    padding-bottom: 0;
  }
  dl.support-form.suspend dd + dt {
    background: url(https://static.nexon.co.jp/nexon/ver2017/common/img_dotline_gray.png) repeat-x left top;
    padding-top: 18px;
  }
  dl.support-form.suspend dd + dt + dd {
    background: none;
  }
  dl.support-form.suspend-confirm {
    margin: 0 auto;
  }
  dl.support-form.suspend-confirm dt,
  dl.support-form.suspend-confirm dd {
    margin: 0;
    padding: 0 0 15px;
    background: url(https://static.nexon.co.jp/nexon/ver2017/common/img_dotline_gray.png) repeat-x left bottom;
    font-size: 14px;
    color: #1e1e1e;
  }
  dl.support-form.suspend-confirm dt:first-child,
  dl.support-form.suspend-confirm dd:first-child {
    padding-top: 0;
  }
  dl.support-form.suspend-confirm dt:first-child + dd,
  dl.support-form.suspend-confirm dd:first-child + dd {
    padding-top: 0;
  }
  dl.support-form.suspend-confirm dt {
    background: none;
    padding-top: 18px;
  }
  dl.support-form.hacking dt, dl.support-form.hacking-confirm dt {
    width: 100%;
  }
  dl.support-form.hacking dd, dl.support-form.hacking-confirm dd {
    width: 100%;
  }
  dl.support-form.hacking dd select.date, dl.support-form.hacking-confirm dd select.date {
    width: 55px;
  }
  dl.support-form.hacking-confirm dd:not(.wide) {
    background: url(https://static.nexon.co.jp/nexon/ver2017/common/img_dotline_gray.png) repeat-x left bottom;
  }
  dl.support-form.hacking-confirm dt:not(.wide) {
    background: none;
    padding: 0;
  }
  dl.support-form.hacking-confirm dd {
    padding-bottom: 15px;
  }
  dl.support-form.hacking-confirm dd.wide {
    margin-top: 0;
    padding: 0;
  }

  div.inquiry-form dl > dt {
    width: 100%;
  }
  div.inquiry-form dl > dd {
    margin-top: 15px;
    width: 100%;
  }

  .tel-contact {
    box-sizing: border-box;
    width: auto;
    height: auto;
    padding: 200px 0 0 0;
    margin: 0 auto 15px;
    background: url(https://static.nexon.co.jp/nexon/ver2017/support/img_tel_contact.svg) no-repeat center top;
    background-size: 200px 180px;
  }
  .tel-contact p:first-child {
    width: 345px;
    height: 40px;
    background: url(https://static.nexon.co.jp/nexon/ver2017/support/txt_tel_no.svg);
    text-indent: 110%;
    white-space: nowrap;
    overflow: hidden;
  }

  .btn-area {
    flex-wrap: nowrap;
    margin: 0 20px;
  }
  .btn-area.token {
    flex-wrap: wrap;
  }

  .netcafe-index .btn-area {
    flex-wrap: wrap;
  }

  .support-index-quick > div p {
    padding-right: 110px;
  }
}
@media screen and (max-width: 1579px) and (min-width: 1148px) {
  .contents .radio-box ul.enquete li {
    width: 200px;
  }
  .contents .radio-box ul.enquete li.free {
    width: 400px;
  }
  .contents .radio-box ul.enquete li.free input[type="text"] {
    width: 200px;
  }
  .contents .radio-box div.enquete2 > div {
    top: 60px;
  }
  .contents .radio-box div.enquete2 > div:first-child {
    left: 58px;
  }
  .contents .radio-box div.enquete2 > div:not(:first-child) {
    right: 58px;
  }
  .contents .radio-box div.enquete2 ul {
    padding-bottom: 40px;
  }
  .contents .radio-box div.enquete2 ul li {
    width: 50px;
  }

  ul.login-openid li {
    width: 282px;
  }

  .support-index > div {
    width: 350px;
  }

  .token .btn {
    width: 290px;
    margin: 30px 10px 0;
  }
  .token .btn a {
    font-size: 15px !important;
  }
  .token .btn span {
    font-size: 12px !important;
  }

  .original-token .btn {
    padding-top: 20px;
    clear: both;
    width: 390px;
  }

  dl.shop-search-form dd div ul li {
    width: 30%;
  }
  dl.shop-search-form dd.input-keyword > div select {
    width: 180px;
  }
  dl.shop-search-form dd.input-keyword > div input {
    width: 300px;
  }

  dl.support-form dt {
    width: 215px;
  }
  dl.support-form dd {
    width: 440px;
  }
  dl.support-form.hacking dt, dl.support-form.hacking-confirm dt {
    width: 235px;
  }
  dl.support-form.hacking dd, dl.support-form.hacking-confirm dd {
    width: 420px;
  }
  dl.support-form.hacking dd select, dl.support-form.hacking-confirm dd select {
    width: 100%;
  }
  dl.support-form.hacking dd select.date, dl.support-form.hacking-confirm dd select.date {
    width: 55px;
  }

  div.inquiry-form dl > dt {
    width: 35%;
  }
  div.inquiry-form dl > dd {
    width: 65%;
  }

  .support-index-quick > div p {
    padding-right: 90px;
  }
}
@media screen and (min-width: 1580px) {
  .original-token .btn {
    width: 390px;
  }
}
/* ====================================================================
	sp detail
==================================================================== */
@media screen and (max-width: 807px) {
  article {
    font-size: 3.3333333333vw;
  }
  article h2.ttl {
    position: relative;
    margin: 0% 4.1666666667% 0% 4.1666666667%;
    padding: 0% 0% 11.1111111111% 0%;
    background: none !important;
    font-size: 0;
  }
  article h2.ttl::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
  }
  article h2.ttl.support::after {
    padding: 5.6944444444vw 0vw 0vw 0vw;
    background: url(https://static.nexon.co.jp/nexon/ver2017/support/ttl_support.svg) no-repeat;
    background-size: contain;
  }
  article h3 {
    margin: 0vw 4.1666666667vw 0vw 4.1666666667vw;
    padding: 5.5555555556% 0% 5.5555555556% 0%;
    font-size: 3.8888888889vw;
    border-bottom: solid 2px #c8cdd1;
  }
  article h4 {
    margin: 4.8611111111vw 4.1666666667vw 0vw 4.1666666667vw;
    font-size: 3.8888888889vw;
  }
  article a.blank {
    margin: 0vw 0vw 1.3888888889vw 0vw;
    padding: 0vw 5.2777777778vw 0vw 0vw;
    background-size: 4.5833333333vw 3.3333333333vw;
  }
  article > p {
    margin: 0vw 4.1666666667vw 0vw 4.1666666667vw;
  }
  article > p.lead {
    margin: 3.75vw 4.1666666667vw 0vw 4.1666666667vw;
    font-size: 3.3333333333vw;
  }
  article > p.lead-s {
    margin: 3.75vw 4.1666666667vw 0vw 4.1666666667vw;
  }
  article > p.lead-ss {
    margin: 3.75vw 4.1666666667vw 0vw 4.1666666667vw;
  }
  article > p.enquete-lead {
    margin: 1.6666666667vw 4.1666666667vw 0vw 4.1666666667vw;
  }
  article > ul.notes {
    margin: 2.0833333333vw 4.1666666667vw 0vw 4.1666666667vw;
    font-size: 2.5vw;
  }
  article > ul.notes li {
    padding: 0vw 0vw 0vw 2.5vw;
    text-indent: -2.5vw;
  }
  article > ul.notes li a.blank {
    margin: 0vw 0vw 1.3888888889vw 0vw;
    padding: 0vw 2.9166666667vw 0vw 0vw;
    background-size: 2.6388888889vw 2.0833333333vw;
  }
  article .lead-caution {
    margin: 1.3888888889% 0% 0% 0%;
    font-size: 3.3333333333vw;
  }

  br.sp {
    display: inline;
  }
  br.pc {
    display: none;
  }

  .contents {
    margin: 5.5555555556vw 4.1666666667vw 0vw 4.1666666667vw;
    padding: 5.5555555556vw 2.7777777778vw 5.5555555556vw 2.7777777778vw;
    /*
    p+h5,
    ul+h5,
    hr+h5,
    div+h5{
    	@include marginVw($baseWidth,35,0,0,0);
    }
    */
  }
  .contents h5 {
    font-size: 3.3333333333vw;
  }
  .contents h5 + ul, .contents h5 + ol, .contents h5 + p {
    margin: 1.3888888889vw 0vw 0vw 0vw;
  }
  .contents h5 .recommend {
    margin: 0vw 0vw 0vw 1.3888888889vw;
    padding: 0.1388888889vw 0vw 0vw 1.3888888889vw;
    font-size: 1.6666666667vw;
  }
  .contents h5 span.no1, .contents h5 span.no2, .contents h5 span.no3, .contents h5 span.no4 {
    width: 3.4722222222vw;
    height: 0;
    padding: 3.4722222222vw 0vw 0vw 0vw;
    margin: 0vw 0.6944444444vw 0vw 0vw;
  }
  .contents h5.annotation {
    font-size: 3.3333333333vw;
  }
  .contents * + h5 {
    margin: 4.8611111111vw 0vw 0vw 0vw;
  }
  .contents hr + div {
    margin: 4.8611111111vw 0vw 0vw 0vw;
  }
  .contents p {
    font-size: 3.3333333333vw;
  }
  .contents p + p {
    margin: 4.8611111111vw 0vw 0vw 0vw;
  }
  .contents p + ul {
    margin: 1.3888888889vw 0vw 0vw 0vw;
  }
  .contents p.lead {
    font-size: 3.3333333333vw;
  }
  .contents p.lead span {
    margin-top: 0;
    font-size: 2.5vw;
  }
  .contents ul {
    /*
    &+p{
    	margin-top:9px;
    }
    &+ul{
    	margin-top:9px;
    }
    */
  }
  .contents ul li {
    padding: 0vw 0vw 0vw 4.1666666667vw;
    text-indent: -4.1666666667vw;
  }
  .contents ul.suspend-caution li {
    padding: 0vw 0vw 0vw 4.8611111111vw;
    text-indent: -4.8611111111vw;
  }
  .contents ul.suspend-caution li + li {
    margin: 2.7777777778vw 0vw 0vw 0vw;
  }
  .contents ol + p {
    margin: 0vw 0vw 0vw 4.1666666667vw;
  }
  .contents ol li {
    padding: 0vw 0vw 0vw 4.1666666667vw;
    text-indent: -4.1666666667vw;
  }
  .contents .explain {
    padding: 0% 0% 5.5555555556% 0%;
  }
  .contents .explain p {
    font-size: 3.3333333333vw;
  }
  .contents .explain + .error {
    margin: 5.5555555556vw 0vw 0vw 0vw;
  }
  .contents .caution ul li + li {
    margin: 5.5555555556vw 0vw 0vw 0vw;
  }
  .contents .caution-s {
    margin: 2.7777777778vw 0vw 0vw 0vw;
  }
  .contents .caution-s li {
    font-size: 2.5vw;
  }
  .contents .alert {
    margin: 0vw 0vw 2.0833333333vw 0vw;
    padding: 2.0833333333vw 2.7777777778vw 1.9444444444vw 2.7777777778vw;
  }
  .contents .alert.openid {
    margin: 2.7777777778vw 0vw 0vw 0vw;
  }
  .contents div.notes {
    margin: 2.7777777778vw 0vw 0vw 0vw;
    font-size: 2.5vw;
    font-weight: normal;
  }
  .contents div.notes ul {
    width: 100%;
  }
  .contents ul.notes {
    margin: 2.0833333333vw 0vw 0vw 0vw;
    font-size: 2.5vw;
  }
  .contents ul.notes li {
    padding: 0vw 0vw 0vw 2.5vw;
    text-indent: -2.5vw;
  }
  .contents .exclamation {
    margin: 5.5555555556vw 0vw 0vw 0vw;
    padding: 2.7777777778vw 2.7777777778vw 2.7777777778vw 11.8055555556vw;
    background-position: 2.7777777778vw 2.7777777778vw;
    background-size: 6.9444444444vw 6.9444444444vw;
  }
  .contents .exclamation li {
    margin: 2.0833333333vw 0vw 0vw 0vw;
    padding: 0vw 0vw 0vw 1.9444444444vw;
    text-indent: -1.9444444444vw;
    font-size: 1.9444444444vw;
  }
  .contents .mail-address {
    padding: 0vw 0vw 4.1666666667vw 0vw;
    font-size: 3.3333333333vw;
  }
  .contents .radio-box {
    margin: 4.8611111111vw 0vw 0vw 0vw;
    padding: 4.8611111111vw 2.7777777778vw 4.8611111111vw 2.7777777778vw;
  }
  .contents .radio-box ul.gametitle li {
    width: 50%;
  }
  .contents .radio-box ul.reason li {
    width: 100%;
  }
  .contents .radio-box ul.reason li.size2 {
    width: 100%;
  }
  .contents .radio-box ul.enquete li {
    width: 50%;
  }
  .contents .radio-box ul.enquete li.free {
    width: 100%;
  }
  .contents .radio-box ul.enquete li.free input[type="text"] {
    width: 70%;
    height: 5.5555555556vw;
    margin: 0vw 0vw 0vw 1.3888888889vw;
    font-size: 2.5vw;
  }
  .contents .radio-box div.enquete2 {
    position: relative;
  }
  .contents .radio-box div.enquete2 > div {
    position: absolute;
    top: 12vw;
    line-height: 1.6;
  }
  .contents .radio-box div.enquete2 > div:first-child {
    left: 0;
    text-align: right;
  }
  .contents .radio-box div.enquete2 > div:not(:first-child) {
    right: 0;
  }
  .contents .radio-box div.enquete2 ul {
    padding: 0vw 0vw 5.5555555556vw 0vw;
  }
  .contents .radio-box div.enquete2 ul li {
    width: 10%;
    text-align: center;
  }
  .contents .radio-box div.enquete2 ul li input {
    margin: 0;
  }
  .contents .radio-box input {
    margin: 0vw 1.3888888889vw 0vw 0vw;
  }
  .contents .select-box {
    margin: 2.0833333333vw 0vw 0vw 0vw;
    padding: 2.0833333333vw 2.7777777778vw 2.0833333333vw 2.7777777778vw;
  }
  .contents .select-box select {
    width: 100%;
    font-size: 2.7777777778vw;
  }
  .contents .textarea {
    margin: 2.0833333333vw 0vw 0vw 0vw;
  }
  .contents .textarea:first-child {
    margin: 0vw 0vw 0vw 0vw;
  }
  .contents .textarea textarea {
    width: 100%;
    font-size: 2.5vw;
    padding: 1.3888888889vw 2.0833333333vw 1.3888888889vw 2.0833333333vw;
  }
  .contents .textarea > div {
    height: 41.6666666667vw;
  }
  .contents .textarea > div ul, .contents .textarea > div p {
    padding: 2.7777777778vw 2.7777777778vw 2.7777777778vw 2.7777777778vw;
  }
  .contents .textarea > div ul li {
    text-indent: -3.3333333333vw;
  }
  .contents.inquiry .btn {
    margin: 4.8611111111vw auto 0vw auto;
  }
  .contents.otp-guide::before {
    content: "";
    margin: 0vw 0vw 2.7777777778vw 2.7777777778vw;
    width: 24.3055555556vw;
    height: 0;
    padding: 20.8333333333vw 0vw 0vw 0vw;
  }
  .contents .img-box .pc {
    display: none;
  }
  .contents .img-box .sp {
    display: block;
  }
  .contents.suspend h5 {
    font-size: 3.3333333333vw;
  }
  .contents.suspend-precomp > div {
    padding: 0vw 0vw 5.5555555556vw 0vw;
  }
  .contents.suspend-precomp > div > p {
    font-size: 3.3333333333vw;
  }
  .contents.suspend-precomp > div > p:first-child {
    font-size: 3.3333333333vw;
  }
  .contents.suspend-precomp > div > p:nth-child(2) {
    font-size: 3.3333333333vw;
  }
  .contents.enquete h5 {
    font-size: 3.3333333333vw;
  }
  .contents.enquete-confirm h5 {
    font-size: 3.3333333333vw;
  }
  .contents.nps-guide::before {
    content: "";
    margin: 0vw 0vw 2.7777777778vw 2.7777777778vw;
    width: 23.3333333333vw;
    height: 0;
    padding: 20.8333333333vw 0vw 0vw 0vw;
  }
  .contents.parent::after {
    margin: 0vw 0vw 2.7777777778vw 2.7777777778vw;
    width: 38.4722222222vw;
    height: 0;
    padding: 40vw 0vw 0vw 0vw;
  }
  .contents.parent p:nth-of-type(1)::after {
    margin: 0vw 0vw 2.7777777778vw 2.7777777778vw;
    width: 38.4722222222vw;
    height: 0;
    padding: 40vw 0vw 0vw 0vw;
  }
  .contents.netcafe-index {
    position: relative;
  }
  .contents.netcafe-index::before {
    content: "";
    float: right;
    margin: 0vw 0vw 2.7777777778vw 2.7777777778vw;
    display: block;
    width: 20.5555555556vw;
    height: 20.8333333333vw;
  }
  .contents.name > p, .contents.complete > p, .contents.error > p {
    font-size: 3.3333333333vw;
  }
  .contents.name > p:first-child, .contents.complete > p:first-child, .contents.error > p:first-child {
    font-size: 3.3333333333vw;
    font-weight: bold;
    color: #0aa0d2;
  }
  .contents .agreement-cnt * {
    font-size: 2.5vw;
  }
  .contents .agreement-cnt .txt-agreement {
    font-size: 3.3333333333vw;
  }
  .contents .agreement-cnt .txt-agreement strong {
    font-size: 3.3333333333vw;
  }
  .contents .agreement-cnt .txt-agreement a {
    font-size: 3.3333333333vw;
    padding: 0vw 3.0555555556vw 0vw 0vw;
    background: url(https://static.nexon.co.jp/nexon/ver2017/common/icn_window_sp.svg) no-repeat right top;
    background-size: 2.7777777778vw 2.2222222222vw;
  }
  .contents .agreement-cnt .agreement-box {
    height: 41.6666666667vw;
    margin: 2.0833333333vw 0vw 0vw 0vw;
  }
  .contents .agreement-cnt .agreement-box > div {
    padding: 2.5vw 2.5vw 2.5vw 2.5vw;
  }
  .contents .agreement-cnt .agree-check {
    margin: 1.3888888889vw 0vw 0vw 0vw;
  }
  .contents .agreement-cnt .agree-check input {
    margin: 0vw 1.3888888889vw 0vw 0vw;
  }

  h2 + .contents {
    margin: 5.5555555556vw 4.1666666667vw 0vw 4.1666666667vw;
  }

  .step {
    background: #fff;
    margin: 30px 30px 0;
    margin: 5.5555555556vw 4.1666666667vw 0vw 4.1666666667vw;
    font-size: 2.5vw;
  }
  .step ol {
    display: flex;
    justify-content: center;
    padding: 5vw 0vw 5vw 0vw;
  }
  .step ol li {
    position: relative;
    width: 23%;
    padding: 5.8333333333vw 0vw 0vw 0vw;
  }
  .step ol li span {
    margin: 0vw 0vw 0vw -5vw;
    width: 10vw;
    height: 3.3333333333vw;
    background-size: 100% 400%;
  }
  .step ol li::after {
    top: 4.3055555556vw;
    right: -0.6944444444vw;
    width: 1.6666666667vw;
    height: 2.5vw;
    background-size: 100%;
  }
  .step ol li:nth-child(1) span {
    background-position: 0 0;
  }
  .step ol li:nth-child(1)::after {
    right: -1.1111111111vw;
  }
  .step ol li:nth-child(2) span {
    background-position: 0 33.3%;
  }
  .step ol li:nth-child(3) span {
    background-position: 0 66.6%;
  }
  .step ol li:nth-child(4) span {
    background-position: 0 100%;
  }
  .step ol li:nth-child(4)::after {
    display: none;
  }
  .step ol li.active {
    color: #0aa0d2;
  }
  .step ol li.active span {
    background-color: #0aa0d2;
  }

  .support-index {
    margin: 0vw 4.1666666667vw 0vw 4.1666666667vw;
    padding: 0;
  }
  .support-index > div {
    box-sizing: border-box;
    width: 100%;
    margin: 5.5555555556vw 0vw 0vw 0vw;
    padding: 5.5555555556vw 2.7777777778vw 6.9444444444vw 2.7777777778vw;
  }
  .support-index > div:nth-child(1)::before {
    width: 19.1666666667vw;
    height: 0;
    padding: 20.8333333333vw 0vw 0vw 0vw;
    margin: 0vw 0vw 0vw 2.7777777778vw;
  }
  .support-index > div:nth-child(2)::before {
    width: 18.75vw;
    height: 0;
    padding: 20.8333333333vw 0vw 0vw 0vw;
    margin: 0vw 0vw 0vw 2.7777777778vw;
  }
  .support-index > div p:first-child {
    font-size: 3.3333333333vw;
  }
  .support-index > div p + p {
    margin: 1.3888888889vw 0vw 0vw 0vw;
  }

  .support-index-quick {
    margin: 5.5555555556vw 4.1666666667vw 0vw 4.1666666667vw;
  }
  .support-index-quick.new::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 11.1111111111vw;
    padding-top: 7.2222222222vw;
    margin: -2.2222222222vw 0vw 0vw 2.7777777778vw;
  }
  .support-index-quick > div {
    width: 100%;
    margin: 5.5555555556vw 0vw 0vw 0vw;
    padding: 5.5555555556vw 2.7777777778vw 6.9444444444vw 2.7777777778vw;
  }
  .support-index-quick > div:nth-child(1)::before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    margin: 7.5vw 1.3888888889vw 0vw 0vw;
    width: 22.3611111111vw;
    height: 0;
    padding: 19.8611111111vw 0vw 0vw 0vw;
  }
  .support-index-quick > div p {
    padding: 0vw 22.2222222222vw 0vw 0vw;
  }
  .support-index-quick > div p:first-child {
    font-size: 3.3333333333vw;
  }
  .support-index-quick > div p + p {
    margin: 1.3888888889vw 0vw 0vw 0vw;
  }
  .support-index-quick > div ul.caution {
    margin: 1.3888888889vw 0vw 0vw 0vw;
    padding: 0vw 22.2222222222vw 0vw 0vw;
  }
  .support-index-quick > div ul.caution li {
    font-size: 2.7777777778vw;
    padding: 0vw 0vw 0vw 2.7777777778vw;
    text-indent: -1em;
  }

  .inquiry-index {
    margin: 5.5555555556vw 4.1666666667vw 0vw 4.1666666667vw;
    background: url(https://static.nexon.co.jp/nexon/ver2017/support/img_inquiry.svg) no-repeat center bottom;
    background-size: 80% auto;
    padding: 0vw 0vw 19.4444444444vw 0vw;
  }
  .inquiry-index::before {
    /*
    content:"";
    float:right;
    width:236px;
    height:60px;
    background:url(https://static.nexon.co.jp/nexon/ver2017/support/img_inquiry.svg) no-repeat;
    background-size:contain;
    margin:0 0 20px 20px;
    display:block;
    */
    display: none;
  }
  .inquiry-index p a {
    margin: 0vw 0vw 1.3888888889vw 0vw;
    padding: 0vw 5.2777777778vw 0vw 0vw;
    background-size: 4.5833333333vw 3.3333333333vw;
  }

  .inquiry-gamelist select {
    margin: 2.7777777778vw 0vw 0vw 0vw;
    width: 69.4444444444vw;
  }
  .inquiry-gamelist + .btn {
    margin: 4.8611111111vw 0vw 0vw 0vw;
  }

  .security-index {
    margin: 5.5555555556vw 4.1666666667vw 0vw 4.1666666667vw;
  }
  .security-index::before {
    width: 25.6944444444vw;
    height: 0;
    padding: 20.8333333333vw 0vw 0vw 0vw;
    margin: 0vw 0vw 5.5555555556vw 1.6666666667vw;
  }

  .security-list {
    padding: 0vw 0vw 0vw 3.3333333333vw;
    text-indent: -3.3333333333vw;
  }

  .howtouse {
    margin: 5.5555555556vw 4.1666666667vw 0vw 4.1666666667vw;
    padding: 5.5555555556vw 2.7777777778vw 5.5555555556vw 2.7777777778vw;
  }
  .howtouse p {
    font-size: 3.3333333333vw;
  }

  .original-token {
    margin: 5.5555555556vw 0vw 0vw 0vw;
    padding: 5.5555555556vw 2.7777777778vw 5.5555555556vw 2.7777777778vw;
  }
  .original-token img {
    margin: 0vw 1.3888888889vw 0vw 0vw;
    width: 21.5277777778vw;
  }
  .original-token .btn {
    padding: 4.8611111111vw 0vw 0vw 0vw;
    clear: both;
  }
  .original-token .btn.common-b2l a {
    font-size: 2.9166666667vw;
  }

  dl.shop-search-form dd > div ul li {
    width: 50%;
    padding: 0.5555555556vw 0vw 0vw 0vw;
  }
  dl.shop-search-form dd > div ul li input[type="checkbox"] {
    margin: 0vw 1.25vw 0vw 0vw;
  }
  dl.shop-search-form dd.select-game > div {
    padding: 4.3055555556vw 2.7777777778vw 4.7222222222vw 2.7777777778vw;
  }
  dl.shop-search-form dd.input-keyword > div {
    flex-wrap: wrap;
    padding: 4.3055555556vw 2.7777777778vw 4.7222222222vw 2.7777777778vw;
  }
  dl.shop-search-form dd.input-keyword > div select {
    width: 100%;
    height: 5.8333333333vw;
    font-size: 3.3333333333vw;
    margin: 0vw 0vw 2.7777777778vw 0vw;
  }
  dl.shop-search-form dd.input-keyword > div input {
    box-sizing: border-box;
    width: 59.7222222222vw;
  }
  dl.shop-search-form dd + dt {
    margin-top: 15px;
  }
  dl.shop-search-form dt {
    font-weight: bold;
  }
  dl.shop-search-form dt + dd {
    margin-top: 15px;
  }

  ul.shop-list {
    margin: 5.5555555556vw 4.1666666667vw 5.5555555556vw 4.1666666667vw;
  }
  ul.shop-list li {
    padding: 5.5555555556vw 2.7777777778vw 0vw 2.7777777778vw;
    background-color: #fff;
  }
  ul.shop-list li + li {
    margin: 5.5555555556vw 0vw 0vw 0vw;
  }
  ul.shop-list dl {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
  }
  ul.shop-list dt {
    width: 100%;
    font-weight: bold;
  }
  ul.shop-list dd {
    width: 100%;
  }
  ul.shop-list dd:first-of-type {
    font-weight: bold;
    color: #e5520a;
  }
  ul.shop-list dt,
  ul.shop-list dd {
    margin: 0;
    padding: 0;
  }
  ul.shop-list dd + dt {
    margin: 0;
    padding: 4.8611111111vw 0vw 0vw 0vw;
  }
  ul.shop-list dt + dd {
    margin: 0;
    padding: 1.3888888889vw 0vw 4.8611111111vw 0vw;
  }
  ul.shop-list dd + dt + dd {
    margin-top: 0;
    background: none;
  }

  dl.support-form {
    display: block;
    width: 100%;
    margin: 4.1666666667vw 0vw 0vw 0vw;
  }
  dl.support-form dt {
    width: 100%;
    padding: 0;
    font-size: 3.8888888889vw;
    display: flex;
  }
  dl.support-form dt ul {
    display: flex;
    align-items: center;
    margin: 0vw 0vw 0vw 2.5vw;
    padding-top: 0;
  }
  dl.support-form dt ul .necessary,
  dl.support-form dt ul .nochange {
    width: 11.1111111111vw;
    margin: 0vw 1.3888888889vw 0vw 0vw;
    padding: 0.5555555556vw 0vw 0.4166666667vw 0vw;
    font-size: 1.9444444444vw;
    white-space: nowrap;
  }
  dl.support-form dt.oldotp {
    padding: 0vw 0vw 0vw 0vw;
    font-size: 3.8888888889vw;
  }
  dl.support-form dd + dt {
    margin: 5% 0% 0% 0%;
  }
  dl.support-form dd + dt + dd {
    margin-top: 0;
  }
  dl.support-form dt + dd {
    margin: 2.7777777778% 0% 0% 0%;
  }
  dl.support-form dd {
    width: 100%;
    padding: 0;
  }
  dl.support-form dd label + label {
    margin: 0vw 0vw 0vw 5.5555555556vw;
  }
  dl.support-form dd input {
    width: 100%;
    height: 5.5555555556vw;
    text-indent: 1em;
    font-size: 2.5vw;
  }
  dl.support-form dd input[type="radio"] {
    width: auto;
    height: auto;
    margin-right: 10px;
  }
  dl.support-form dd textarea {
    height: 13.8888888889vw;
    padding: 1.3888888889vw 2.0833333333vw 1.3888888889vw 2.0833333333vw;
    font-size: 2.5vw;
  }
  dl.support-form dd.notes {
    width: 100%;
    padding: 2.7777777778vw 0vw 0vw 0vw;
    font-size: 2.5vw;
  }
  dl.support-form dd .notes {
    margin: 2.7777777778vw 0vw 0vw 0vw;
    font-size: 2.5vw;
  }
  dl.support-form dd .error {
    font-size: 2.5vw;
  }
  dl.support-form dd .name-box {
    display: flex;
    justify-content: space-between;
  }
  dl.support-form dd .name-box span {
    display: inline-block;
    width: 8.3333333333vw;
  }
  dl.support-form dd .name-box input {
    width: 31.9444444444vw;
  }
  dl.support-form dd.openid-icon {
    text-align: center;
  }
  dl.support-form dd.openid-icon .alert {
    text-align: left;
  }
  dl.support-form.inquiry dt, dl.support-form.confirm dt {
    color: #000;
  }
  dl.support-form.confirm dt,
  dl.support-form.confirm dd {
    margin: 0;
    padding: 0;
  }
  dl.support-form.confirm dt {
    padding: 4.8611111111vw 0vw 0vw 0vw;
    background: none;
  }
  dl.support-form.confirm dd {
    padding: 0vw 0vw 4.8611111111vw 0vw;
  }
  dl.support-form.suspend {
    margin: 0 auto;
  }
  dl.support-form.suspend dt,
  dl.support-form.suspend dd {
    margin: 0;
    padding: 1.3888888889vw 0vw 4.8611111111vw 0vw;
  }
  dl.support-form.suspend dt:first-child,
  dl.support-form.suspend dd:first-child {
    padding: 0;
  }
  dl.support-form.suspend dt:first-child + dd,
  dl.support-form.suspend dd:first-child + dd {
    padding-top: 0;
  }
  dl.support-form.suspend dt:last-child,
  dl.support-form.suspend dd:last-child {
    padding-bottom: 0;
  }
  dl.support-form.suspend dd + dt {
    background: url(https://static.nexon.co.jp/nexon/ver2017/common/img_dotline_gray.png) repeat-x left top;
    padding: 4.8611111111vw 0vw 0vw 0vw;
  }
  dl.support-form.suspend dd + dt + dd {
    background: none;
  }
  dl.support-form.suspend-confirm {
    margin: 0 auto;
  }
  dl.support-form.suspend-confirm dt,
  dl.support-form.suspend-confirm dd {
    margin: 0;
    padding: 1.3888888889vw 0vw 4.8611111111vw 0vw;
    background: url(https://static.nexon.co.jp/nexon/ver2017/common/img_dotline_gray.png) repeat-x left bottom;
    font-size: 3.3333333333vw;
  }
  dl.support-form.suspend-confirm dt:first-child,
  dl.support-form.suspend-confirm dd:first-child {
    padding-top: 0;
  }
  dl.support-form.suspend-confirm dt:first-child + dd,
  dl.support-form.suspend-confirm dd:first-child + dd {
    padding-top: 0;
  }
  dl.support-form.suspend-confirm dt {
    background: none;
    padding: 4.8611111111vw 0vw 0vw 0vw;
  }
  dl.support-form.hacking dt, dl.support-form.hacking-confirm dt {
    width: 100%;
  }
  dl.support-form.hacking dt.wide ul, dl.support-form.hacking-confirm dt.wide ul {
    display: inline-block !important;
  }
  dl.support-form.hacking dd, dl.support-form.hacking-confirm dd {
    margin: 0;
    width: 100%;
  }
  dl.support-form.hacking dd a, dl.support-form.hacking-confirm dd a {
    margin: 0vw 0vw 0vw 1.3888888889vw;
  }
  dl.support-form.hacking dd select, dl.support-form.hacking-confirm dd select {
    width: 100%;
    height: 5.5555555556vw;
    font-size: 3.3333333333vw;
  }
  dl.support-form.hacking dd select.date, dl.support-form.hacking-confirm dd select.date {
    width: 12%;
  }
  dl.support-form.hacking dd select.date:first-child, dl.support-form.hacking-confirm dd select.date:first-child {
    width: 16%;
  }
  dl.support-form.hacking dd textarea, dl.support-form.hacking-confirm dd textarea {
    height: 41.6666666667vw;
  }
  dl.support-form.hacking-confirm dd:not(.wide) {
    background: url(https://static.nexon.co.jp/nexon/ver2017/common/img_dotline_gray.png) repeat-x left bottom;
  }
  dl.support-form.hacking-confirm dt:not(.wide) {
    background: none;
    padding: 0vw 0vw 0vw 0vw;
  }
  dl.support-form.hacking-confirm dd {
    padding: 0vw 0vw 4.8611111111vw 0vw;
  }
  dl.support-form.hacking-confirm dd.wide {
    margin-top: 0;
    padding: 0;
  }
  dl.support-form:first-child {
    margin-top: 0;
  }

  div.inquiry-form {
    margin: 4.1666666667vw 0vw 0vw 0vw;
    padding: 20px;
    padding: 5.5% 2.7%;
    padding: 5.5555555556vw 2.7777777778vw 5.5555555556vw 2.7777777778vw;
    background-color: #f0f1f2;
  }
  div.inquiry-form dl {
    display: flex;
    flex-wrap: wrap;
  }
  div.inquiry-form dl > dt {
    width: 100%;
    font-weight: bold;
  }
  div.inquiry-form dl > dd {
    margin: 2.0833333333vw 0vw 0vw 0vw;
    padding: 0;
    width: 100%;
  }
  div.inquiry-form dl dd input {
    box-sizing: border-box;
    width: 100%;
    height: 5.8333333333vw;
  }
  div.inquiry-form dl dd span.error {
    font-size: 2.5vw;
  }

  .tel-contact {
    width: 100%;
    height: auto;
    padding: 25vw 0vw 0vw 0vw;
    margin: 0vw 0vw 5.5555555556vw 0vw;
    background-position: center top;
    background-size: 30%;
  }
  .tel-contact p:first-child {
    width: 100%;
    height: 8.3333333333vw;
    margin: 0 auto;
    background-position: center top;
    background-size: contain;
  }
  .tel-contact p + p {
    margin: 2.0833333333vw 0vw 0vw 0vw;
    text-align: center;
  }
  .tel-contact p + ul li {
    text-align: center;
  }

  div.help {
    margin: 5.5555555556vw 0vw 0vw 0vw;
    padding: 5.5555555556vw 0vw 0vw 0vw;
    background-image: linear-gradient(to right, #8c8c8c, #8c8c8c 1px, transparent 1px, transparent 3px);
    background-size: 4px 1px;
    background-position: top;
    background-repeat: repeat-x;
  }
  div.help div {
    width: 100%;
  }
  div.help h4 {
    font-size: 3.3333333333vw;
  }
  div.help li {
    margin: 2.0833333333vw 0vw 0vw 0vw;
    padding: 0vw 0vw 0vw 2.5vw;
    background: url(https://static.nexon.co.jp/nexon/ver2017/common/icn_arrow_help.svg) no-repeat 0 1.2vw;
    background-size: auto 1.8vw;
  }
  div.help li a {
    font-size: 2.5vw;
  }

  .safety-top {
    position: relative;
  }
  .safety-top h2,
  .safety-top dt,
  .safety-top a span,
  .safety-top .hide {
    display: none;
  }
  .safety-top p,
  .safety-top dd,
  .safety-top li {
    line-height: 1.6;
    font-size: 3.3333333333vw;
    color: #333435;
  }
  .safety-top .safety-top-ttl {
    background: url(https://static.nexon.co.jp/nexon/ver2017/support/safety/bg_ttl.gif) repeat-x left top;
    background-size: auto 100%;
    overflow: hidden;
  }
  .safety-top .safety-top-ttl > div {
    position: relative;
    margin: 0 auto;
    width: 100%;
    height: auto;
    background: url(https://static.nexon.co.jp/nexon/ver2017/support/safety/ttl_sp.png) no-repeat;
    background-size: 100%;
    background-position: 0vw 5.2777777778vw;
  }
  .safety-top .bnr-container {
    position: relative;
    top: 0;
    width: 100%;
    padding: 38.8888888889vw 0vw 11.1111111111vw 0vw;
  }
  .safety-top .bnr-container .swiper-container {
    overflow: visible;
  }
  .safety-top .bnr-container .swiper-container div.swiper-wrapper {
    width: 100%;
    margin: 0 auto;
  }
  .safety-top .bnr-container .swiper-container div.swiper-wrapper .swiper-slide {
    width: 100%;
    opacity: 1;
  }
  .safety-top .bnr-container .swiper-container div.swiper-wrapper .swiper-slide a {
    width: 100%;
    border: none;
    border-radius: 0;
  }
  .safety-top .bnr-container .swiper-container div.swiper-wrapper .swiper-slide img {
    width: 100%;
  }
  .safety-top .bnr-container .swiper-container div.swiper-wrapper .swiper-slide-active {
    opacity: 1;
  }
  .safety-top .bnr-container .swiper-container div.swiper-pagination {
    bottom: -8vw;
  }
  .safety-top .bnr-container .swiper-container div.swiper-pagination .swiper-pagination-bullet {
    width: 3.3333333333vw;
    height: 3.3333333333vw;
  }
  .safety-top .bnr-container .swiper-container div.control {
    display: none;
  }
  .safety-top .safety-top-menu {
    display: none;
  }
  .safety-top .cnt-password {
    background: #f8f2e0 url(https://static.nexon.co.jp/nexon/ver2017/support/safety/bg_password.gif) repeat-x left bottom;
  }
  .safety-top .cnt-password > div {
    position: relative;
    margin: 0 auto;
    width: 100%;
    height: auto;
    padding: 47.9166666667vw 0vw 8.3333333333vw 0vw;
    background: url(https://static.nexon.co.jp/nexon/ver2017/support/safety/cnt_password_sp.png) no-repeat center top;
    background-position: 0vw 2.7777777778vw;
    background-size: 100%;
  }
  .safety-top .cnt-password > div dl dt {
    display: block;
    position: relative;
    text-indent: 110%;
    white-space: nowrap;
    overflow: hidden;
    padding: 8.3333333333vw 0vw 0vw 0vw;
  }
  .safety-top .cnt-password > div dl dt::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 10.4166666667vw;
    height: 5.9722222222vw;
    background: url(https://static.nexon.co.jp/nexon/ver2017/support/safety/icn_point.png) no-repeat;
    background-size: 100%;
  }
  .safety-top .cnt-password > div dl.point01 {
    position: static;
    left: auto;
    top: auto;
  }
  .safety-top .cnt-password > div dl.point01 dt {
    margin: 0vw 0vw 2.2222222222vw 4.4444444444vw;
    background: url(https://static.nexon.co.jp/nexon/ver2017/support/safety/txt_password_sp_1.png) no-repeat left bottom;
    background-size: 42.7777777778vw 4.1666666667vw;
  }
  .safety-top .cnt-password > div dl.point02 {
    position: static;
    left: auto;
    top: auto;
  }
  .safety-top .cnt-password > div dl.point02 dt {
    margin: 3.8888888889vw 0vw 2.2222222222vw 4.4444444444vw;
    background: url(https://static.nexon.co.jp/nexon/ver2017/support/safety/txt_password_sp_2.png) no-repeat left bottom;
    background-size: 7.7777777778vw 3.8888888889vw;
  }
  .safety-top .cnt-password > div dl dd {
    margin: 0vw 0vw 0vw 4.4444444444vw;
  }
  .safety-top .cnt-password > div a {
    position: static;
    display: block;
  }
  .safety-top .cnt-password > div a.btn-security-detail {
    left: auto;
    top: auto;
    width: 88.3333333333vw;
    height: 8.0555555556vw;
    margin: 3.3333333333vw auto 0vw auto;
    background: url(https://static.nexon.co.jp/nexon/ver2017/support/safety/btn_security_detail_sp.png) no-repeat center top;
    background-size: 100% 200%;
  }
  .safety-top .cnt-password > div a.btn-otp-detail {
    left: auto;
    top: auto;
    width: 88.3333333333vw;
    height: 8.0555555556vw;
    margin: 3.3333333333vw auto 0vw auto;
    background: url(https://static.nexon.co.jp/nexon/ver2017/support/safety/btn_otp_detail_sp.png) no-repeat center top;
    background-size: 100% 200%;
  }
  .safety-top .cnt-rule {
    background: #dff2f8 url(https://static.nexon.co.jp/nexon/ver2017/support/safety/bg_rule.gif) repeat-x left bottom;
  }
  .safety-top .cnt-rule > div {
    position: relative;
    margin: 0 auto;
    width: 100%;
    height: auto;
    padding: 58.0555555556vw 0vw 8.3333333333vw 0vw;
    background: url(https://static.nexon.co.jp/nexon/ver2017/support/safety/cnt_rule_sp.png) no-repeat;
    background-size: 100%;
    background-position: 0vw 8.3333333333vw;
  }
  .safety-top .cnt-rule > div dl dt {
    display: block;
    position: relative;
    text-indent: 110%;
    white-space: nowrap;
    overflow: hidden;
    padding: 8.3333333333vw 0vw 0vw 0vw;
  }
  .safety-top .cnt-rule > div dl dt::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 10.4166666667vw;
    height: 5.9722222222vw;
    background: url(https://static.nexon.co.jp/nexon/ver2017/support/safety/icn_point.png) no-repeat;
    background-size: 100%;
  }
  .safety-top .cnt-rule > div dl.point01 {
    position: static;
    left: auto;
    top: auto;
  }
  .safety-top .cnt-rule > div dl.point01 dt {
    margin: 0vw 0vw 2.2222222222vw 5.2777777778vw;
    background: url(https://static.nexon.co.jp/nexon/ver2017/support/safety/txt_rule_sp.png) no-repeat left bottom;
    background-size: 49.3055555556vw 4.0277777778vw;
  }
  .safety-top .cnt-rule > div dl dd {
    margin: 0vw 0vw 0vw 4.4444444444vw;
  }
  .safety-top .cnt-rule > div a.btn-rule-detail {
    position: static;
    left: auto;
    top: auto;
    display: block;
    width: 88.3333333333vw;
    height: 8.0555555556vw;
    margin: 3.3333333333vw auto 0vw auto;
    background: url(https://static.nexon.co.jp/nexon/ver2017/support/safety/btn_rule_detail_sp.png) no-repeat center top;
    background-size: 100% 200%;
  }
  .safety-top .cnt-myinfo {
    background: url(https://static.nexon.co.jp/nexon/ver2017/support/safety/bg_myinfo.gif) repeat-x left top;
  }
  .safety-top .cnt-myinfo > div {
    position: relative;
    margin: 0 auto;
    width: 100%;
    height: auto;
    padding: 59.4444444444vw 0vw 8.3333333333vw 0vw;
    background: url(https://static.nexon.co.jp/nexon/ver2017/support/safety/cnt_myinfo_sp.png) no-repeat center top;
    background-size: 100%;
    background-position: 0vw 8.3333333333vw;
  }
  .safety-top .cnt-myinfo > div p.point01 {
    position: relative;
    left: auto;
    top: auto;
    margin: 0vw 5.2777777778vw 2.2222222222vw 5.2777777778vw;
    padding: 6.9444444444vw 0vw 0vw 0vw;
  }
  .safety-top .cnt-myinfo > div p.point01::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 10.4166666667vw;
    height: 5.9722222222vw;
    background: url(https://static.nexon.co.jp/nexon/ver2017/support/safety/icn_point.png) no-repeat;
    background-size: 100%;
  }
  .safety-top .cnt-myinfo > div ul.txt01 {
    position: static;
    left: auto;
    top: auto;
    margin: 0vw 4.4444444444vw 0vw 4.4444444444vw;
  }
  .safety-top .cnt-usepoint {
    background: #f4f9cb url(https://static.nexon.co.jp/nexon/ver2017/support/safety/bg_usepoint.gif) repeat-x left bottom;
  }
  .safety-top .cnt-usepoint > div {
    position: relative;
    margin: 0 auto;
    width: 100%;
    height: auto;
    padding: 56.9444444444vw 0vw 8.3333333333vw 0vw;
    background: url(https://static.nexon.co.jp/nexon/ver2017/support/safety/cnt_usepoint_sp.png) no-repeat center top;
    background-size: 100%;
    background-position: 0vw 8.3333333333vw;
  }
  .safety-top .cnt-usepoint > div p.point01 {
    position: relative;
    left: auto;
    top: auto;
    margin: 0vw 5.2777777778vw 2.2222222222vw 5.2777777778vw;
    padding: 6.9444444444vw 0vw 0vw 0vw;
  }
  .safety-top .cnt-usepoint > div p.point01::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 10.4166666667vw;
    height: 5.9722222222vw;
    background: url(https://static.nexon.co.jp/nexon/ver2017/support/safety/icn_point.png) no-repeat;
    background-size: 100%;
  }
  .safety-top .cnt-usepoint > div a.btn-point-detail {
    position: static;
    left: auto;
    top: auto;
    display: block;
    width: 88.3333333333vw;
    height: 8.0555555556vw;
    margin: 3.3333333333vw auto 0vw auto;
    background: url(https://static.nexon.co.jp/nexon/ver2017/support/safety/btn_point_detail_sp.png) no-repeat center top;
    background-size: 100% 200%;
  }
  .safety-top .cnt-playtime {
    background: #e6e2f0 url(https://static.nexon.co.jp/nexon/ver2017/support/safety/bg_playtime.gif) repeat-x left bottom;
  }
  .safety-top .cnt-playtime > div {
    position: relative;
    margin: 0 auto;
    width: 100%;
    height: auto;
    padding: 65.2777777778vw 0vw 8.3333333333vw 0vw;
    background: url(https://static.nexon.co.jp/nexon/ver2017/support/safety/cnt_playtime_sp.png) no-repeat center top;
    background-size: 100%;
    background-position: 0vw 8.3333333333vw;
  }
  .safety-top .cnt-playtime > div dl dt {
    display: block;
    position: relative;
    height: 0;
    text-indent: 110%;
    white-space: nowrap;
    overflow: hidden;
    margin: 0vw 0vw 0vw 4.4444444444vw;
    padding: 6.9444444444vw 0vw 0vw 0vw;
  }
  .safety-top .cnt-playtime > div dl.point01 {
    position: static;
    left: auto;
    top: auto;
  }
  .safety-top .cnt-playtime > div dl.point01 dt::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 10.4166666667vw;
    height: 5.9722222222vw;
    background: url(https://static.nexon.co.jp/nexon/ver2017/support/safety/icn_point.png) no-repeat;
    background-size: 100%;
  }
  .safety-top .cnt-playtime > div dl.point02 {
    position: static;
    left: auto;
    top: auto;
  }
  .safety-top .cnt-playtime > div dl.point02 dt::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 10.4166666667vw;
    height: 5.9722222222vw;
    background: url(https://static.nexon.co.jp/nexon/ver2017/support/safety/icn_point.png) no-repeat;
    background-size: 100%;
  }
  .safety-top .cnt-playtime > div dl.check {
    position: static;
    left: auto;
    top: auto;
  }
  .safety-top .cnt-playtime > div dl.check dt::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 10.4166666667vw;
    height: 5.9722222222vw;
    background: url(https://static.nexon.co.jp/nexon/ver2017/support/safety/icn_check.png) no-repeat;
    background-size: 100%;
  }
  .safety-top .cnt-playtime > div dl dd {
    margin: 0vw 0vw 0vw 4.4444444444vw;
  }
  .safety-top .cnt-playtime > div a.btn-parent-detail {
    position: static;
    left: auto;
    top: auto;
    display: block;
    width: 88.3333333333vw;
    height: 8.0555555556vw;
    margin: 3.3333333333vw auto 5.5555555556vw auto;
    background: url(https://static.nexon.co.jp/nexon/ver2017/support/safety/btn_parent_detail_sp.png) no-repeat center top;
    background-size: 100% 200%;
  }
  .safety-top .cnt-playtime > div a.btn-anshin-detail {
    position: static;
    left: auto;
    top: auto;
    display: block;
    width: 88.3333333333vw;
    height: 8.0555555556vw;
    margin: 3.3333333333vw auto 5.5555555556vw auto;
    background: url(https://static.nexon.co.jp/nexon/ver2017/support/safety/btn_anshin_detail_sp.png) no-repeat center top;
    background-size: 100% 200%;
  }
  .safety-top .cnt-playtime > div a.btn-police-detail {
    position: static;
    left: auto;
    top: auto;
    display: block;
    width: 88.3333333333vw;
    height: 8.0555555556vw;
    margin: 3.3333333333vw auto 0vw auto;
    background: url(https://static.nexon.co.jp/nexon/ver2017/support/safety/btn_police_detail_sp.png) no-repeat center top;
    background-size: 100% 200%;
  }
  .safety-top .cnt-player {
    background: #e6e7e8 url(https://static.nexon.co.jp/nexon/ver2017/support/safety/bg_player.gif) repeat-x left bottom;
  }
  .safety-top .cnt-player > div {
    position: relative;
    margin: 0 auto;
    width: 100%;
    height: auto;
    padding: 70.8333333333vw 0vw 8.3333333333vw 0vw;
    background: url(https://static.nexon.co.jp/nexon/ver2017/support/safety/cnt_player_sp.png) no-repeat center top;
    background-size: 100%;
    background-position: 0vw 6.25vw;
  }
  .safety-top .cnt-player > div p.point01 {
    position: relative;
    left: auto;
    top: auto;
    margin: 0vw 5.2777777778vw 2.2222222222vw 5.2777777778vw;
    padding: 6.9444444444vw 0vw 0vw 0vw;
  }
  .safety-top .cnt-player > div p.point01::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 10.4166666667vw;
    height: 5.9722222222vw;
    background: url(https://static.nexon.co.jp/nexon/ver2017/support/safety/icn_point.png) no-repeat;
    background-size: 100%;
  }
  .safety-top .cnt > div a:hover {
    background-position: left bottom;
  }

  .safety-police {
    background: none;
    background-color: #000;
  }
  .safety-police h2 {
    display: block;
    width: 100%;
    height: 58.3333333333vw;
    background: url(https://static.nexon.co.jp/nexon/ver2017/support/safety/ttl_police_sp.jpg) no-repeat center top;
    background-size: cover;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
  .safety-police .sp {
    display: block;
    padding-top: 15.2%;
  }
  .safety-police > div {
    margin: 0 auto;
    padding: 0;
    width: 100%;
  }
  .safety-police > div div.jikenbo {
    position: relative;
    width: 100%;
    height: auto;
    background: none;
  }
  .safety-police > div div.jikenbo ul.tab {
    position: static;
    left: auto;
    top: auto;
    width: 91.6666666667vw;
    margin: 0 auto;
  }
  .safety-police > div div.jikenbo ul.tab li {
    position: static;
    width: 100%;
    height: 20vw;
    margin: 2.7777777778vw 0vw 0vw 0vw;
  }
  .safety-police > div div.jikenbo ul.tab li:first-child {
    margin: 0;
  }
  .safety-police > div div.jikenbo ul.tab li a {
    display: block;
    width: 100% !important;
    height: 100% !important;
    background-image: url(https://static.nexon.co.jp/nexon/ver2017/support/safety/tab_police_sp.jpg) !important;
    background-size: 100% 800%;
  }
  .safety-police > div div.jikenbo ul.tab li.jiken01 {
    left: auto;
    top: auto;
  }
  .safety-police > div div.jikenbo ul.tab li.jiken01 a {
    background-position: 0 0;
  }
  .safety-police > div div.jikenbo ul.tab li.jiken01 a:hover {
    background-position: 0 14.2%;
  }
  .safety-police > div div.jikenbo ul.tab li.jiken02 {
    left: auto;
    top: auto;
  }
  .safety-police > div div.jikenbo ul.tab li.jiken02 a {
    background-position: 0 28.5%;
  }
  .safety-police > div div.jikenbo ul.tab li.jiken02 a:hover {
    background-position: 0 42.8%;
  }
  .safety-police > div div.jikenbo ul.tab li.jiken03 {
    left: auto;
    top: auto;
  }
  .safety-police > div div.jikenbo ul.tab li.jiken03 a {
    background-position: 0 57.1%;
  }
  .safety-police > div div.jikenbo ul.tab li.jiken03 a:hover {
    background-position: 0 71.4%;
  }
  .safety-police > div div.jikenbo ul.tab li.jiken04 {
    left: auto;
    top: auto;
  }
  .safety-police > div div.jikenbo ul.tab li.jiken04 a {
    background-position: 0 85.6%;
  }
  .safety-police > div div.jikenbo ul.tab li.jiken04 a:hover {
    background-position: 0 100%;
  }
  .safety-police > div div.jikenbo .btn-return {
    display: none;
  }
  .safety-police > div div.jikenbo .jikenbo-episode01,
  .safety-police > div div.jikenbo .jikenbo-episode02,
  .safety-police > div div.jikenbo .jikenbo-episode03,
  .safety-police > div div.jikenbo .jikenbo-episode04 {
    display: block;
    position: static;
    left: auto;
    top: auto;
    font-size: 3.3333333333vw;
    color: #fff;
  }
  .safety-police > div div.jikenbo .jikenbo-episode01 .sp .sttl,
  .safety-police > div div.jikenbo .jikenbo-episode02 .sp .sttl,
  .safety-police > div div.jikenbo .jikenbo-episode03 .sp .sttl,
  .safety-police > div div.jikenbo .jikenbo-episode04 .sp .sttl {
    width: 100%;
    height: 39.5833333333vw;
    background: no-repeat center top;
    background-size: cover;
  }
  .safety-police > div div.jikenbo .jikenbo-episode01 .sp .sttl *,
  .safety-police > div div.jikenbo .jikenbo-episode02 .sp .sttl *,
  .safety-police > div div.jikenbo .jikenbo-episode03 .sp .sttl *,
  .safety-police > div div.jikenbo .jikenbo-episode04 .sp .sttl * {
    display: none;
  }
  .safety-police > div div.jikenbo .jikenbo-episode01 .sp .slide,
  .safety-police > div div.jikenbo .jikenbo-episode02 .sp .slide,
  .safety-police > div div.jikenbo .jikenbo-episode03 .sp .slide,
  .safety-police > div div.jikenbo .jikenbo-episode04 .sp .slide {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding: 0vw 0vw 13.8888888889vw 0vw;
  }
  .safety-police > div div.jikenbo .jikenbo-episode01 .sp .slide .swiper-container,
  .safety-police > div div.jikenbo .jikenbo-episode02 .sp .slide .swiper-container,
  .safety-police > div div.jikenbo .jikenbo-episode03 .sp .slide .swiper-container,
  .safety-police > div div.jikenbo .jikenbo-episode04 .sp .slide .swiper-container {
    width: 91.6666666667vw;
  }
  .safety-police > div div.jikenbo .jikenbo-episode01 .sp .slide .swiper-container .swiper-wrapper,
  .safety-police > div div.jikenbo .jikenbo-episode02 .sp .slide .swiper-container .swiper-wrapper,
  .safety-police > div div.jikenbo .jikenbo-episode03 .sp .slide .swiper-container .swiper-wrapper,
  .safety-police > div div.jikenbo .jikenbo-episode04 .sp .slide .swiper-container .swiper-wrapper {
    z-index: 1;
  }
  .safety-police > div div.jikenbo .jikenbo-episode01 .sp .slide .swiper-container .swiper-wrapper .swiper-slide,
  .safety-police > div div.jikenbo .jikenbo-episode02 .sp .slide .swiper-container .swiper-wrapper .swiper-slide,
  .safety-police > div div.jikenbo .jikenbo-episode03 .sp .slide .swiper-container .swiper-wrapper .swiper-slide,
  .safety-police > div div.jikenbo .jikenbo-episode04 .sp .slide .swiper-container .swiper-wrapper .swiper-slide {
    width: 100%;
  }
  .safety-police > div div.jikenbo .jikenbo-episode01 .sp .slide .swiper-container .swiper-wrapper .swiper-slide img,
  .safety-police > div div.jikenbo .jikenbo-episode02 .sp .slide .swiper-container .swiper-wrapper .swiper-slide img,
  .safety-police > div div.jikenbo .jikenbo-episode03 .sp .slide .swiper-container .swiper-wrapper .swiper-slide img,
  .safety-police > div div.jikenbo .jikenbo-episode04 .sp .slide .swiper-container .swiper-wrapper .swiper-slide img {
    width: 100%;
  }
  .safety-police > div div.jikenbo .jikenbo-episode01 .sp .slide .swiper-pagination,
  .safety-police > div div.jikenbo .jikenbo-episode02 .sp .slide .swiper-pagination,
  .safety-police > div div.jikenbo .jikenbo-episode03 .sp .slide .swiper-pagination,
  .safety-police > div div.jikenbo .jikenbo-episode04 .sp .slide .swiper-pagination {
    width: 100%;
    margin: 2.7777777778vw 0vw 0vw 0vw;
  }
  .safety-police > div div.jikenbo .jikenbo-episode01 .sp .slide .swiper-pagination .swiper-pagination-bullet,
  .safety-police > div div.jikenbo .jikenbo-episode02 .sp .slide .swiper-pagination .swiper-pagination-bullet,
  .safety-police > div div.jikenbo .jikenbo-episode03 .sp .slide .swiper-pagination .swiper-pagination-bullet,
  .safety-police > div div.jikenbo .jikenbo-episode04 .sp .slide .swiper-pagination .swiper-pagination-bullet {
    width: 2.7777777778vw;
    height: 2.7777777778vw;
    margin: 0vw 1.3888888889vw 0vw 1.3888888889vw;
    transition: width .2s linear 0s;
    background: #666;
    opacity: 1;
  }
  .safety-police > div div.jikenbo .jikenbo-episode01 .sp .slide .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,
  .safety-police > div div.jikenbo .jikenbo-episode02 .sp .slide .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,
  .safety-police > div div.jikenbo .jikenbo-episode03 .sp .slide .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,
  .safety-police > div div.jikenbo .jikenbo-episode04 .sp .slide .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 5.5555555556vw;
    background: #fff;
    border-radius: 2.7vw;
  }
  .safety-police > div div.jikenbo .jikenbo-episode01 .sp .slide .control,
  .safety-police > div div.jikenbo .jikenbo-episode02 .sp .slide .control,
  .safety-police > div div.jikenbo .jikenbo-episode03 .sp .slide .control,
  .safety-police > div div.jikenbo .jikenbo-episode04 .sp .slide .control {
    display: block;
    position: absolute;
    top: 50%;
    z-index: 2;
    width: 9.1666666667vw;
    height: 9.1666666667vw;
    margin: -11.1111111111vw 0vw 0vw 0vw;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
  .safety-police > div div.jikenbo .jikenbo-episode01 .sp .slide .control.next,
  .safety-police > div div.jikenbo .jikenbo-episode02 .sp .slide .control.next,
  .safety-police > div div.jikenbo .jikenbo-episode03 .sp .slide .control.next,
  .safety-police > div div.jikenbo .jikenbo-episode04 .sp .slide .control.next {
    right: 1.3%;
    background: url(https://static.nexon.co.jp/nexon/ver2017/support/safety/btn_slide_control.png) no-repeat;
    background-size: 100% 200%;
  }
  .safety-police > div div.jikenbo .jikenbo-episode01 .sp .slide .control.next:hover,
  .safety-police > div div.jikenbo .jikenbo-episode02 .sp .slide .control.next:hover,
  .safety-police > div div.jikenbo .jikenbo-episode03 .sp .slide .control.next:hover,
  .safety-police > div div.jikenbo .jikenbo-episode04 .sp .slide .control.next:hover {
    background-position: 0 100%;
  }
  .safety-police > div div.jikenbo .jikenbo-episode01 .sp .slide .control.prev,
  .safety-police > div div.jikenbo .jikenbo-episode02 .sp .slide .control.prev,
  .safety-police > div div.jikenbo .jikenbo-episode03 .sp .slide .control.prev,
  .safety-police > div div.jikenbo .jikenbo-episode04 .sp .slide .control.prev {
    left: 1.3%;
    background: url(https://static.nexon.co.jp/nexon/ver2017/support/safety/btn_slide_control.png) no-repeat;
    background-size: 100% 200%;
    transform: rotateZ(180deg);
  }
  .safety-police > div div.jikenbo .jikenbo-episode01 .sp .slide .control.prev:hover,
  .safety-police > div div.jikenbo .jikenbo-episode02 .sp .slide .control.prev:hover,
  .safety-police > div div.jikenbo .jikenbo-episode03 .sp .slide .control.prev:hover,
  .safety-police > div div.jikenbo .jikenbo-episode04 .sp .slide .control.prev:hover {
    background-position: 0 100%;
  }
  .safety-police > div div.jikenbo .jikenbo-episode01 .sp .alert,
  .safety-police > div div.jikenbo .jikenbo-episode02 .sp .alert,
  .safety-police > div div.jikenbo .jikenbo-episode03 .sp .alert,
  .safety-police > div div.jikenbo .jikenbo-episode04 .sp .alert {
    width: 94.4444444444vw;
    margin: 0 auto;
    background: no-repeat center top;
    background-size: 100% 100%;
  }
  .safety-police > div div.jikenbo .jikenbo-episode01 .sp .alert *,
  .safety-police > div div.jikenbo .jikenbo-episode02 .sp .alert *,
  .safety-police > div div.jikenbo .jikenbo-episode03 .sp .alert *,
  .safety-police > div div.jikenbo .jikenbo-episode04 .sp .alert * {
    display: none;
  }
  .safety-police > div div.jikenbo .jikenbo-episode01 .sp .detail,
  .safety-police > div div.jikenbo .jikenbo-episode01 .sp .more,
  .safety-police > div div.jikenbo .jikenbo-episode02 .sp .detail,
  .safety-police > div div.jikenbo .jikenbo-episode02 .sp .more,
  .safety-police > div div.jikenbo .jikenbo-episode03 .sp .detail,
  .safety-police > div div.jikenbo .jikenbo-episode03 .sp .more,
  .safety-police > div div.jikenbo .jikenbo-episode04 .sp .detail,
  .safety-police > div div.jikenbo .jikenbo-episode04 .sp .more {
    margin: 4.1666666667vw 4.1666666667vw 0vw 4.1666666667vw;
  }
  .safety-police > div div.jikenbo .jikenbo-episode01 .sp .detail * + p,
  .safety-police > div div.jikenbo .jikenbo-episode01 .sp .detail * + ul,
  .safety-police > div div.jikenbo .jikenbo-episode01 .sp .more * + p,
  .safety-police > div div.jikenbo .jikenbo-episode01 .sp .more * + ul,
  .safety-police > div div.jikenbo .jikenbo-episode02 .sp .detail * + p,
  .safety-police > div div.jikenbo .jikenbo-episode02 .sp .detail * + ul,
  .safety-police > div div.jikenbo .jikenbo-episode02 .sp .more * + p,
  .safety-police > div div.jikenbo .jikenbo-episode02 .sp .more * + ul,
  .safety-police > div div.jikenbo .jikenbo-episode03 .sp .detail * + p,
  .safety-police > div div.jikenbo .jikenbo-episode03 .sp .detail * + ul,
  .safety-police > div div.jikenbo .jikenbo-episode03 .sp .more * + p,
  .safety-police > div div.jikenbo .jikenbo-episode03 .sp .more * + ul,
  .safety-police > div div.jikenbo .jikenbo-episode04 .sp .detail * + p,
  .safety-police > div div.jikenbo .jikenbo-episode04 .sp .detail * + ul,
  .safety-police > div div.jikenbo .jikenbo-episode04 .sp .more * + p,
  .safety-police > div div.jikenbo .jikenbo-episode04 .sp .more * + ul {
    margin: 4.1666666667vw 0vw 0vw 0vw;
  }
  .safety-police > div div.jikenbo .jikenbo-episode01 .sp .more h4,
  .safety-police > div div.jikenbo .jikenbo-episode02 .sp .more h4,
  .safety-police > div div.jikenbo .jikenbo-episode03 .sp .more h4,
  .safety-police > div div.jikenbo .jikenbo-episode04 .sp .more h4 {
    height: 4.8611111111vw;
    background: url(https://static.nexon.co.jp/nexon/ver2017/support/safety/txt_more.png) no-repeat;
    background-size: contain;
    text-indent: 110%;
    white-space: nowrap;
    overflow: hidden;
  }
  .safety-police > div div.jikenbo .jikenbo-episode01 .sp .more .btn,
  .safety-police > div div.jikenbo .jikenbo-episode02 .sp .more .btn,
  .safety-police > div div.jikenbo .jikenbo-episode03 .sp .more .btn,
  .safety-police > div div.jikenbo .jikenbo-episode04 .sp .more .btn {
    width: 100%;
  }
  .safety-police > div div.jikenbo .jikenbo-episode01 .sp .more .btn a,
  .safety-police > div div.jikenbo .jikenbo-episode02 .sp .more .btn a,
  .safety-police > div div.jikenbo .jikenbo-episode03 .sp .more .btn a,
  .safety-police > div div.jikenbo .jikenbo-episode04 .sp .more .btn a {
    width: 100%;
    text-align: left;
    flex-direction: row !important;
  }
  .safety-police > div div.jikenbo .jikenbo-episode01 .sp .sttl {
    background-image: url(https://static.nexon.co.jp/nexon/ver2017/support/safety/sttl_police01_sp.jpg);
  }
  .safety-police > div div.jikenbo .jikenbo-episode01 .sp .alert {
    background-image: url(https://static.nexon.co.jp/nexon/ver2017/support/safety/img_caution_police01_sp.png);
    height: 20.8333333333vw;
  }
  .safety-police > div div.jikenbo .jikenbo-episode02 .sp .sttl {
    background-image: url(https://static.nexon.co.jp/nexon/ver2017/support/safety/sttl_police02_sp.jpg);
  }
  .safety-police > div div.jikenbo .jikenbo-episode02 .sp .alert {
    background-image: url(https://static.nexon.co.jp/nexon/ver2017/support/safety/img_caution_police02_sp.png);
    height: 31.6666666667vw;
  }
  .safety-police > div div.jikenbo .jikenbo-episode03 .sp .sttl {
    background-image: url(https://static.nexon.co.jp/nexon/ver2017/support/safety/sttl_police03_sp.jpg);
  }
  .safety-police > div div.jikenbo .jikenbo-episode03 .sp .alert {
    background-image: url(https://static.nexon.co.jp/nexon/ver2017/support/safety/img_caution_police03_sp.png);
    height: 15.1388888889vw;
  }
  .safety-police > div div.jikenbo .jikenbo-episode04 {
    padding: 0vw 0vw 13.8888888889vw 0vw;
  }
  .safety-police > div div.jikenbo .jikenbo-episode04 .sp .sttl {
    background-image: url(https://static.nexon.co.jp/nexon/ver2017/support/safety/sttl_police04_sp.jpg);
  }
  .safety-police > div div.jikenbo .jikenbo-episode04 .sp .alert {
    background-image: url(https://static.nexon.co.jp/nexon/ver2017/support/safety/img_caution_police04_sp.png);
    height: 20.9722222222vw;
  }
  .safety-police .episode-wrapper {
    display: none;
  }
  .safety-police ul.btn-next-back {
    display: none;
  }

  /* ====================================================================
  btn
  ==================================================================== */
  .btn-area {
    display: flex;
    flex-wrap: nowrap;
    margin: 0% 0% 0% 0%;
    padding: 0vw 2.7777777778vw 0vw 2.7777777778vw;
  }
  .btn-area .btn {
    padding: 0vw 1.3888888889vw 0vw 1.3888888889vw;
  }
  .btn-area.token {
    flex-wrap: wrap;
  }

  .netcafe-index .btn-area {
    flex-wrap: wrap;
  }

  .btn {
    width: 100%;
    /* white btn */
  }
  .btn + p {
    margin: 5.5555555556vw 0vw 0vw 0vw;
  }
  .btn.shop-search {
    width: 16.6666666667vw;
  }
  .btn.shop-search a {
    height: 5.8333333333vw;
    padding: 1.3888888889vw 0vw 0vw 0vw;
    font-size: 2.5vw;
  }
  .btn.common-b, .btn.common-g {
    margin: 5.5555555556% auto 0% auto;
    width: 69.4444444444vw;
  }
  .btn.common-b a, .btn.common-g a {
    position: relative;
    height: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 4.1666666667vw 3.4722222222vw 4.1666666667vw 3.4722222222vw;
    font-size: 3.8888888889vw;
  }
  .btn.common-b a::after, .btn.common-g a::after {
    position: static;
    top: auto;
    left: auto;
    width: 1.6666666667vw;
    height: 2.6388888889vw;
    background: url(https://static.nexon.co.jp/nexon/ver2017/login/icn_arrow_next.svg) no-repeat;
    background-size: 100%;
  }
  .btn.common-b.blank a::after, .btn.common-g.blank a::after {
    width: 5vw;
    height: 3.6111111111vw;
    background: url(https://static.nexon.co.jp/nexon/ver2017/common/icn_window.svg) no-repeat;
    background-size: 100%;
  }
  .btn.common-g a {
    flex-direction: row-reverse;
  }
  .btn.common-b2l, .btn.common-g2l {
    margin: 5.5555555556% auto 0% auto;
    width: 69.4444444444vw;
  }
  .btn.common-b2l a, .btn.common-g2l a {
    position: relative;
    height: auto;
    padding: 10px 20px 0;
    padding: 1.5277777778vw 4.1666666667vw 1.1111111111vw 4.1666666667vw;
    font-size: 3.8888888889vw;
    font-weight: bold;
    color: #fff;
  }
  .btn.common-b2l a span, .btn.common-g2l a span {
    font-size: 3.3333333333vw;
  }
  .btn.common-b2l a::after, .btn.common-g2l a::after {
    content: "";
    position: absolute;
    display: block;
    width: 2.3611111111vw;
    height: 3.6111111111vw;
    background: url(https://static.nexon.co.jp/nexon/ver2017/login/icn_arrow_next.svg) no-repeat;
    background-size: 100%;
  }
  .btn.common-b2l a {
    background-color: #0aa0d2;
  }
  .btn.common-b2l a::after {
    top: 50%;
    left: auto;
    right: 8%;
    margin: -1.25vw 0vw 0vw 0vw;
  }
  .btn.common-b2l a:hover {
    background-color: #14aae5;
  }
  .btn.m20 {
    margin-top: 20px;
  }
  .btn.back, .btn.login-page {
    width: 200px;
    height: 40px;
    margin: 30px auto 0;
  }
  .btn.back a, .btn.login-page a {
    position: relative;
    height: 40px;
    border: solid 1px #95989a;
    background: #fff;
    font-size: 16px;
    font-weight: bold;
    color: #6e6e70;
  }
  .btn.back a::before, .btn.login-page a::before {
    content: "";
    display: block;
    width: 8px;
    height: 13px;
    background: url(https://static.nexon.co.jp/nexon/ver2017/login/icn_arrow_whitebtn.png) no-repeat;
    position: absolute;
    top: 12px;
  }
  .btn.back a:hover, .btn.login-page a:hover {
    border: solid 1px #0aa0d2;
    background: #0aa0d2;
    color: #fff;
  }
  .btn.back {
    display: none;
  }
  .btn.login-page {
    display: none;
  }
  .btn.sp-back {
    position: relative;
    z-index: 5;
    display: block;
    background-color: #f0f3f6;
    height: 4.1666666667vw;
  }
  .btn.sp-back > span {
    display: block;
    position: fixed;
    bottom: 0;
    z-index: 1;
    height: 4.1666666667vw;
  }
  .btn.sp-back > div {
    position: fixed;
    bottom: 0;
    z-index: 5;
    width: 100%;
    height: 4.1666666667vw;
  }
  .btn.sp-back > div > span {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background-color: #f0f3f6;
  }
  .btn.sp-back > div > span a {
    position: absolute;
    top: -6.9444444444vw;
    left: 50%;
    z-index: 3;
    display: block;
    border-radius: 50%;
    padding: 5.5555555556vw 0vw 0vw 0vw;
    width: 19.4444444444vw;
    height: 19.4444444444vw;
    margin: 0vw 0vw 0vw -9.7222222222vw;
    background-color: #0aa0d2;
    text-align: center;
    font-size: 3.3333333333vw;
    font-weight: bold;
    color: #fff;
  }
  .btn.sp-back > div > span a::after {
    content: "";
    display: block;
    position: absolute;
    top: 1.3888888889vw;
    left: 50%;
    margin: 0vw 0vw 0vw -1.8055555556vw;
    width: 3.6111111111vw;
    height: 3.6111111111vw;
    background: url(https://static.nexon.co.jp/nexon/ver2017/common/icn_arrow_sp_back.svg) no-repeat;
    background-size: 100%;
  }
  .btn.sp-back > div > span::before {
    content: "";
    position: relative;
    z-index: 2;
    display: block;
    width: 100%;
    height: 100%;
    background-color: #f0f3f6;
  }
  .btn.sp-back > div > span::after {
    content: "";
    position: absolute;
    top: -8.3333333333vw;
    left: 50%;
    z-index: 1;
    display: block;
    border-radius: 50%;
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
    margin: 0vw 0vw 0vw -11.1111111111vw;
    width: 22.2222222222vw;
    height: 22.2222222222vw;
    background-color: #f0f3f6;
  }
  .btn.sp-back > div::before {
    content: "";
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    height: 100%;
    background-color: #f0f3f6;
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
    border-radius: 50%;
  }

  /* ====================================================================
  modal
  ==================================================================== */
  .dialog {
    padding: 2.7777777778vw 0vw 2.7777777778vw 0vw;
    text-align: left;
  }
  .dialog div.lead,
  .dialog p.lead {
    margin: 5.5555555556vw 5.5555555556vw 0vw 5.5555555556vw;
    padding: 6.25vw 2.7777777778vw 6.25vw 2.7777777778vw;
    font-size: 3.3333333333vw;
  }
  .dialog div.lead span.important,
  .dialog p.lead span.important {
    font-size: 3.3333333333vw;
  }
  .dialog div.lead div.mailaddress,
  .dialog p.lead div.mailaddress {
    margin: 5.5555555556vw 5.5555555556vw 5.5555555556vw 5.5555555556vw;
    padding: 2.7777777778vw 0vw 2.7777777778vw 0vw;
  }
  .dialog h3 {
    height: 4.1666666667vw;
    padding: 0vw 0vw 5.5555555556vw 0vw;
    margin: 0vw 5.5555555556vw 0vw 5.5555555556vw;
  }
  .dialog .caution {
    font-size: 2.5vw;
  }
  .dialog h4.caution {
    margin: 5.5555555556vw 0vw 0vw 5.5555555556vw;
  }
  .dialog ul.caution {
    margin: 2.0833333333vw 0vw 0vw 5.5555555556vw;
  }
  .dialog ul.caution li {
    line-height: 1.3;
    padding-left: 14px;
    text-indent: -14px;
  }
  .dialog#dialog-send-mail {
    width: 100%;
  }
  .dialog#dialog-send-mail h3 {
    background: url(https://static.nexon.co.jp/nexon/ver2017/login/ttl_send_complete.svg) no-repeat;
    background-size: auto 4.1vw;
  }
  .dialog#dialog-membership-refer {
    width: 100%;
  }
  .dialog#dialog-membership-refer h3 {
    background: url(https://static.nexon.co.jp/nexon/ver2017/login/ttl_send_inquiry.svg) no-repeat;
    background-size: auto 4.1vw;
  }
  .dialog#dialog-confirm {
    width: 100%;
  }
  .dialog#dialog-confirm h3 {
    background: url(https://static.nexon.co.jp/nexon/ver2017/login/ttl_send_complete.svg) no-repeat;
    background-size: auto 4.1vw;
  }
}