/******************************************************************************
common
******************************************************************************/
.at-box {
  position: relative;
  padding: 20px;
  margin: 0 auto 30px;
  border: 1px solid #e50101;
}
.at-box__ssttl {
  position: relative;
  padding: 0 0 10px 37px;
  text-indent: -37px;
  font-size: 22px;
  color: #e50101;
  font-weight: bold;
}
.at-box__ssttl--no-sp {
  padding-bottom: 0;
}
.at-box__ssttl:before {
  content: "";
  display: inline-block;
  width: 26px;
  height: 0;
  margin-right: 10px;
  padding-top: 23px;
  background: url(https://static.nexon.co.jp/arad/ver2023/common//icon_at.svg) no-repeat 0 0/contain;
}
.at-box__txt {
  line-height: 1.6;
  font-size: 16px;
}
.at-box__txt a {
  color: #1558d6;
  text-decoration: underline;
}
.at-box__txt a:hover {
  text-decoration: none;
}
.at-box__txt .c1 {
  color: #e50101;
}

.txt-desc {
  line-height: 1.6;
}
.txt-desc--sp {
  padding-bottom: 30px;
}
.txt-desc .c1 {
  color: #4479c1;
}

.img-area {
  position: relative;
  width: 100%;
}
.img-area--sp {
  margin: 30px 0;
}
.img-area img {
  width: 100%;
  height: auto;
}

.sc-common-box__inner .btn {
  position: relative;
  width: 168px;
  height: 0;
  margin: 0 auto;
  padding-top: 48px;
}
.sc-common-box__inner .btn.apply a {
  background: url(https://static.nexon.co.jp/arad/ver2023/support/btn_apply_login.png) no-repeat 0 0/100% 200%;
}
.sc-common-box__inner .btn.apply a::after {
  background: url(https://static.nexon.co.jp/arad/ver2023/support/btn_apply_login.png) no-repeat 0 bottom/100% 200%;
}
.sc-common-box__inner .btn.apply button {
  background: url(https://static.nexon.co.jp/arad/ver2023/support/btn_apply.png) no-repeat 0 0/100% 200%;
}
.sc-common-box__inner .btn.apply button::after {
  background: url(https://static.nexon.co.jp/arad/ver2023/support/btn_apply.png) no-repeat 0 bottom/100% 200%;
}
.sc-common-box__inner .btn.id a, .sc-common-box__inner .btn.id button {
  background: url(https://static.nexon.co.jp/arad/ver2023/support/btn_id.png) no-repeat 0 0/100% 200%;
}
.sc-common-box__inner .btn.id a::after, .sc-common-box__inner .btn.id button::after {
  background: url(https://static.nexon.co.jp/arad/ver2023/support/btn_id.png) no-repeat 0 bottom/100% 200%;
}
.sc-common-box__inner .btn.id-login a {
  background: url(https://static.nexon.co.jp/arad/ver2023/support/btn_id_login.png) no-repeat 0 0/100% 200%;
}
.sc-common-box__inner .btn.id-login a::after {
  background: url(https://static.nexon.co.jp/arad/ver2023/support/btn_id_login.png) no-repeat 0 bottom/100% 200%;
}
.sc-common-box__inner .btn.goblinoff-lift {
  width: 192px;
  padding-top: 47px;
}
.sc-common-box__inner .btn.goblinoff-lift a, .sc-common-box__inner .btn.goblinoff-lift button {
  background: url(https://static.nexon.co.jp/arad/ver2023/support/btn_goblinoff_lift.png) no-repeat 0 0/100% 200%;
}
.sc-common-box__inner .btn.goblinoff-lift a::after, .sc-common-box__inner .btn.goblinoff-lift button::after {
  background: url(https://static.nexon.co.jp/arad/ver2023/support/btn_goblinoff_lift.png) no-repeat 0 bottom/100% 200%;
}
.sc-common-box__inner .btn.receive-login a {
  background: url(https://static.nexon.co.jp/arad/ver2023/support/btn_receive_login.png) no-repeat 0 0/100% 200%;
}
.sc-common-box__inner .btn.receive-login a::after {
  background: url(https://static.nexon.co.jp/arad/ver2023/support/btn_receive_login.png) no-repeat 0 bottom/100% 200%;
}
.sc-common-box__inner .btn.receive a, .sc-common-box__inner .btn.receive button {
  background: url(https://static.nexon.co.jp/arad/ver2023/support/btn_receive.png) no-repeat 0 0/100% 200%;
}
.sc-common-box__inner .btn.receive a::after, .sc-common-box__inner .btn.receive button::after {
  background: url(https://static.nexon.co.jp/arad/ver2023/support/btn_receive.png) no-repeat 0 bottom/100% 200%;
}
.sc-common-box__inner .btn.event-detail {
  width: 184px;
  margin-bottom: 30px;
  padding-top: 36px;
}
.sc-common-box__inner .btn.event-detail a {
  background: url(https://static.nexon.co.jp/arad/ver2023/support/btn_event_detail.png) no-repeat 0 0/100% 200%;
}
.sc-common-box__inner .btn.event-detail a::after {
  background: url(https://static.nexon.co.jp/arad/ver2023/support/btn_event_detail.png) no-repeat 0 bottom/100% 200%;
}
.sc-common-box__inner .btn.answer-login a {
  background: url(https://static.nexon.co.jp/arad/ver2023/support/btn_answer_login.png) no-repeat 0 0/100% 200%;
}
.sc-common-box__inner .btn.answer-login a::after {
  background: url(https://static.nexon.co.jp/arad/ver2023/support/btn_answer_login.png) no-repeat 0 bottom/100% 200%;
}
.sc-common-box__inner .btn.answer a, .sc-common-box__inner .btn.answer button {
  background: url(https://static.nexon.co.jp/arad/ver2023/support/btn_answer.png) no-repeat 0 0/100% 200%;
}
.sc-common-box__inner .btn.answer a::after, .sc-common-box__inner .btn.answer button::after {
  background: url(https://static.nexon.co.jp/arad/ver2023/support/btn_answer.png) no-repeat 0 bottom/100% 200%;
}
.sc-common-box__inner .btn.entry-login a {
  background: url(https://static.nexon.co.jp/arad/ver2023/support/btn_entry_login.png) no-repeat 0 0/100% 200%;
}
.sc-common-box__inner .btn.entry-login a::after {
  background: url(https://static.nexon.co.jp/arad/ver2023/support/btn_entry_login.png) no-repeat 0 bottom/100% 200%;
}
.sc-common-box__inner .btn.entry a, .sc-common-box__inner .btn.entry button {
  background: url(https://static.nexon.co.jp/arad/ver2023/support/btn_entry.png) no-repeat 0 0/100% 200%;
}
.sc-common-box__inner .btn.entry a::after, .sc-common-box__inner .btn.entry button::after {
  background: url(https://static.nexon.co.jp/arad/ver2023/support/btn_entry.png) no-repeat 0 bottom/100% 200%;
}
.sc-common-box__inner .btn.form a {
  background: url(https://static.nexon.co.jp/arad/ver2023/support/btn_form.png) no-repeat 0 0/100% 200%;
}
.sc-common-box__inner .btn.form a::after {
  background: url(https://static.nexon.co.jp/arad/ver2023/support/btn_form.png) no-repeat 0 bottom/100% 200%;
}
.sc-common-box__inner .btn p {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
}

.toggle {
  display: flex;
  justify-content: flex-end;
}
.toggle span {
  display: flex;
  position: relative;
  color: #363848;
  cursor: pointer;
  align-items: center;
}
.toggle span::selection {
  background-color: transparent;
}
.toggle span::after {
  content: "";
  width: 30px;
  height: 30px;
  margin-left: 10px;
  background: url(https://static.nexon.co.jp/arad/ver2023/support/icon_plus.png) no-repeat 0 0/contain;
  transition: all 0.1s linear;
}
.toggle span.is-show::after {
  background: url(https://static.nexon.co.jp/arad/ver2023/support/icon_minus.png) no-repeat 0 0/contain;
}
.toggle span.is-hover::after {
  opacity: 0.8;
}

.toggle-contents {
  display: none;
}
.toggle-contents.is-show {
  display: block;
}

.none {
  padding: 30px 20px 0;
  font-size: 16px;
  border-top: 1px solid #b7b7b7;
}

/******************************************************************************
disconnect_report_regist
******************************************************************************/
/******************************************************************************
goblinoff
******************************************************************************/
.at-list {
  padding: 25px 0 35px;
}
.at-list__item {
  line-height: 1.8;
  padding-left: 16px;
  text-indent: -16px;
}

/******************************************************************************
coupon
******************************************************************************/
.txt-c-at {
  padding: 20px 0 30px;
  color: #e50101;
}

/******************************************************************************
enquete
******************************************************************************/
.form-enquete {
  margin-top: 30px;
  padding: 30px 30px 0;
}
.form-enquete__question {
  display: flex;
  position: relative;
  width: 100%;
  font-weight: normal;
  padding-bottom: 20px;
  align-items: flex-start;
}
.form-enquete__question .q {
  display: block;
  margin: -5px 0 0 0;
  padding-right: 10px;
  font-size: 22px;
  color: #4479c1;
  font-weight: bold;
  white-space: nowrap;
}
.form-enquete__question .q-txt {
  display: block;
}
.form-enquete__question .q-txt a {
  text-decoration: underline;
}
.form-enquete__question .q-txt a:hover {
  text-decoration: none;
}
.form-enquete__answer {
  padding-bottom: 30px;
}
.form-enquete__answer .item-list li {
  display: flex;
  padding-bottom: 10px;
}
.form-enquete__answer .item-list li:last-child {
  padding-bottom: 0;
}
.form-enquete__answer .item-list li input {
  display: inline-block;
  margin-right: 10px;
  transform: scale(1.3);
}
.form-enquete__answer input[type=text] {
  width: 100%;
  height: 32px;
  padding: 0 5px;
  border: 1px solid #546172;
  font-size: 14px;
}
.form-enquete__answer textarea {
  width: 100%;
  height: 96px;
  padding: 5px;
  border: 1px solid #546172;
  font-size: 14px;
}
.form-enquete__answer textarea:placeholder-shown {
  color: #c3cdda;
}
.form-enquete__answer textarea::-webkit-input-placeholder {
  color: #c3cdda;
}
.form-enquete__answer textarea:-moz-placeholder {
  color: #c3cdda;
  opacity: 1;
}
.form-enquete__answer textarea::-moz-placeholder {
  color: #c3cdda;
  opacity: 1;
}
.form-enquete__answer textarea:-ms-input-placeholder {
  color: #c3cdda;
}

/******************************************************************************
entry
******************************************************************************/
.outline {
  padding: 40px 0 30px;
}
.outline__ssttl {
  padding: 30px 0 15px;
  color: #4479c1;
  font-size: 22px;
}
.outline__ssttl:first-child {
  border-top: 1px solid #b7b7b7;
}
.outline__detail {
  padding: 0 0 30px;
  border-bottom: 1px solid #b7b7b7;
}
.outline__detail .list li {
  padding-left: 8px;
  text-indent: -8px;
}

/******************************************************************************
hg faq
******************************************************************************/
.search {
  margin-top: 30px;
}

.tab {
  display: flex;
  padding-bottom: 40px;
}
.tab__item {
  position: relative;
  width: 156px;
  height: 0;
  padding-top: 60px;
}
.tab__item a, .tab__item span {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  background: #f7f7fa;
  color: #8594aa;
  border-top: 1px solid #d5dde7;
  border-right: 1px solid #d5dde7;
  border-bottom: 1px solid #c3cdda;
  transition: all 0.3s linear;
  font-size: 14px;
}
.tab__item a.is-hover, .tab__item span.is-hover {
  background: #ebebf3;
}
.tab__item a::after, .tab__item span::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  padding-top: 1px;
  background: #fff;
}
.tab__item:first-child a {
  border-left: 1px solid #d5dde7;
}
.tab__item.current a {
  background: #fff;
  border-bottom: none;
}
.tab__item.current a::after {
  content: none;
}

.faq-list {
  position: relative;
  width: 100%;
}
.faq-list__item {
  width: 100%;
  padding-top: 18px;
  border-bottom: 1px solid #e1e1e1;
}
.faq-list__item:first-child {
  padding-top: 0;
}
.faq-list__item details {
  display: block;
  position: relative;
  width: 100%;
}
.faq-list__item .question {
  display: flex;
  position: relative;
  width: 100%;
  margin: 0 0 20px 0;
  cursor: pointer;
  font-size: 14px;
}
.faq-list__item .question::after {
  content: "";
  position: absolute;
  top: -5px;
  right: 0;
  width: 30px;
  height: 30px;
  background: url(https://static.nexon.co.jp/arad/ver2023/support/icon_plus.png) no-repeat 0 0/contain;
  transition: all 0.1s linear;
}
.faq-list__item .question::selection {
  background-color: transparent;
}
.faq-list__item .question span {
  display: block;
  position: relative;
  width: 130px;
  height: 20px;
  margin-right: 22px;
  padding: 1px 8px 0 14px;
  background: #363848;
  font-size: 12px;
  color: #fff;
  text-align: center;
  overflow: hidden;
}
.faq-list__item .question span::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 10px;
  height: 100%;
  background: url(https://static.nexon.co.jp/arad/ver2023/support/icon_category_deco.png) no-repeat 0 0;
}
.faq-list__item .question span::selection {
  background-color: transparent;
}
.faq-list__item .question.is-hover::after {
  opacity: 0.8;
}
.faq-list__item details[open] .question::after {
  background: url(https://static.nexon.co.jp/arad/ver2023/support/icon_minus.png) no-repeat 0 0/contain;
}
.faq-list__item .answer {
  width: 100%;
  margin: 0 0 18px 0;
  padding: 20px;
  line-height: 1.6;
  background: #f7f7fa;
  font-size: 16px;
}

/******************************************************************************
hg inquiry
******************************************************************************/
.inquiry {
  width: 210px !important;
  margin-top: 30px !important;
  padding-top: 46px !important;
}
.inquiry.game a {
  background: url(https://static.nexon.co.jp/arad/ver2023/support/btn_inquiry_game.png) no-repeat 0 0/100% 200%;
}
.inquiry.game a::after {
  background: url(https://static.nexon.co.jp/arad/ver2023/support/btn_inquiry_game.png) no-repeat 0 bottom/100% 200%;
}
.inquiry.other a {
  background: url(https://static.nexon.co.jp/arad/ver2023/support/btn_inquiry_other.png) no-repeat 0 0/100% 200%;
}
.inquiry.other a::after {
  background: url(https://static.nexon.co.jp/arad/ver2023/support/btn_inquiry_other.png) no-repeat 0 bottom/100% 200%;
}

/******************************************************************************
hg agreement
******************************************************************************/
.agreement p {
  padding-bottom: 30px;
  line-height: 1.6;
}
.agreement h4 {
  padding-bottom: 5px;
  font-weight: bold;
}
.agreement ol {
  padding-bottom: 30px;
}
.agreement li {
  line-height: 1.6;
}
.agreement a {
  text-decoration: underline;
}
.agreement a:hover {
  text-decoration: none;
}
.agreement .enact-day p {
  padding-bottom: 0;
}

@media (max-width: 750px) {
  body.nexon {
    /******************************************************************************
    common
    ******************************************************************************/
    /******************************************************************************
    disconnect_report_regist
    ******************************************************************************/
    /******************************************************************************
    goblinoff
    ******************************************************************************/
    /******************************************************************************
    coupon
    ******************************************************************************/
    /******************************************************************************
    enquete
    ******************************************************************************/
    /******************************************************************************
    entry
    ******************************************************************************/
  }
  body.nexon .at-box {
    padding: 4.6153846154%;
    margin: 0 auto 7.6923076923%;
  }
  body.nexon .at-box__ssttl {
    padding: 0 0 3.3898305085% 7.1186440678%;
    text-indent: -7.1186440678%;
    font-size: 3.7333333333vw;
  }
  body.nexon .at-box__ssttl--no-sp {
    padding-bottom: 0;
  }
  body.nexon .at-box__ssttl::before {
    width: 4.2666666667vw;
    margin-right: 0.6666666667vw;
    padding-top: 3.6vw;
  }
  body.nexon .at-box__txt {
    font-size: 3.2vw;
  }
  body.nexon .txt-desc {
    line-height: 1.6;
  }
  body.nexon .txt-desc--sp {
    padding-bottom: 6.1538461538%;
  }
  body.nexon .img-area--sp {
    margin: 7.6923076923% 0;
  }
  body.nexon .sc-common-box__inner .btn {
    width: 43.0769230769%;
    padding-top: 12.3076923077%;
  }
  body.nexon .sc-common-box__inner .btn.goblinoff-lift {
    width: 49.2307692308%;
    padding-top: 12%;
  }
  body.nexon .sc-common-box__inner .btn.event-detail {
    width: 47.0769230769%;
    margin-bottom: 7.6923076923%;
    padding-top: 9.2307692308%;
  }
  body.nexon .toggle span::after {
    width: 6.6666666667vw;
    height: 6.6666666667vw;
    margin-left: 2.6666666667vw;
  }
  body.nexon .none {
    padding: 7.2463768116% 2.8985507246% 0;
    font-size: 3.7333333333vw;
  }
  body.nexon .at-list {
    padding: 7.6923076923% 0 6.1538461538%;
  }
  body.nexon .at-list__item {
    padding-left: 3.8461538462%;
    text-indent: -3.8461538462%;
  }
  body.nexon .txt-c-at {
    padding: 4.6153846154% 0 12.3076923077% 3.8461538462%;
    text-indent: -3.8461538462%;
  }
  body.nexon .form-enquete {
    margin-top: 7.6923076923%;
    padding: 6.1538461538% 4.6153846154% 0;
  }
  body.nexon .form-enquete__question {
    display: block;
    padding-bottom: 5.0847457627%;
  }
  body.nexon .form-enquete__question span {
    display: block;
    margin: 0;
    padding: 0 0 3.3898305085% 0;
    font-size: 4.5333333333vw;
  }
  body.nexon .form-enquete__answer {
    padding-bottom: 13.5593220339%;
  }
  body.nexon .form-enquete__answer .item-list li {
    padding-bottom: 3.3898305085%;
  }
  body.nexon .form-enquete__answer .item-list li:last-child {
    padding-bottom: 0;
  }
  body.nexon .form-enquete__answer .item-list li label {
    display: block;
    width: 100%;
    padding: 1.6949152542% 5.0847457627%;
    background: #fff;
    border: 1px solid #546172;
  }
  body.nexon .form-enquete__answer .item-list li input {
    margin-right: 2.4vw;
    transform: scale(1.5);
  }
  body.nexon .form-enquete__answer input[type=text] {
    padding: 0 1.3333333333vw;
    height: 8vw;
    font-size: 20px;
  }
  body.nexon .form-enquete__answer textarea {
    height: 24vw;
    padding: 1.3333333333vw;
    font-size: 20px;
  }
  body.nexon .outline {
    padding: 12.3076923077% 0 7.6923076923%;
  }
  body.nexon .outline__ssttl {
    padding: 7.6923076923% 0 4.6153846154%;
    font-size: 4.5333333333vw;
  }
  body.nexon .outline__detail {
    padding: 0 0 7.6923076923%;
  }
  body.nexon .outline__detail .list li {
    padding-left: 2%;
    text-indent: -2%;
  }
}

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