@charset "utf-8";
* {
  margin: 0;
  padding: 0;
}
*[class] {
  box-sizing: border-box;
}
*[class]:before {
  box-sizing: border-box;
}
*[class]:after {
  box-sizing: border-box;
}
*[class]._hidden {
  overflow: hidden;
  white-space: nowrap;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  position: absolute;
  width: 1px;
  height: 1px;
  margin: 0;
  padding: 0;
  border: 0;
}
*[class]._inherit {
  color: inherit;
  font-style: inherit;
  font-weight: inherit;
  font-size: inherit;
}
*[class]._ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
*[class]._left {
  text-align: left !important;
}
*[class]._center {
  text-align: center !important;
}
*[class]._right {
  text-align: right !important;
}
*[class]._top {
  vertical-align: top !important;
}
*[class]._middle {
  vertical-align: middle !important;
}
*[class]._bottom {
  vertical-align: bottom !important;
}
@media (max-width: 1059px) {
  *[class]._mo-hidden {
    display: none !important;
  }
}
@media (min-width: 1060px) {
  *[class]._pc-hidden {
    display: none !important;
  }
}
*[class]._relative {
  position: relative !important;
}
*[class]._absolute {
  position: absolute !important;
}
*[class]._upper {
  text-transform: uppercase !important;
}
*[class]._lower {
  text-transform: lowercase !important;
}
*[class]::placeholder {
  color: #767676;
}
ul[class],
ol[class] {
  list-style: none;
}
fieldset {
  margin: 0;
  padding: 0;
  border: 0;
}
input:focus::-moz-focus-inner,
button::-moz-focus-inner {
  border: 0;
}
:root {
  font-size: 62.5%;
}
html {
  height: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  overflow-y: scroll;
  margin: 0;
  height: 100%;
  font-size: 1.6rem;
  line-height: 1.5;
  word-break: break-word;
  -webkit-text-size-adjust: none;
}
button,
input[type="text"],
input[type="password"],
select,
textarea {
  line-height: 1.5;
}
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="search"],
input[type="password"] {
  word-break: normal;
}
@media print {
  html,
  body {
    width: 210mm;
    height: 297mm;
    font-size: 10px;
  }
}
body,
button,
input,
select,
textarea {
  font-family: "Noto Sans", "Noto Sans KR", sans-serif, Verdana, Arial;
}
:lang(ko) body,
:lang(ko) button,
:lang(ko) input,
:lang(ko) select,
:lang(ko) textarea {
  font-family: "Noto Sans KR", "Malgun Gothic", sans-serif;
}
:lang(en) body,
:lang(en) button,
:lang(en) input,
:lang(en) select,
:lang(en) textarea {
  font-family: "Noto Sans", "Noto Sans KR", sans-serif, Verdana, Arial;
}
:lang(ja-jp) body,
:lang(ja-jp) button,
:lang(ja-jp) input,
:lang(ja-jp) select,
:lang(ja-jp) textarea {
  font-family: Meiryo, "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Osaka, "Noto Sans", Verdana, Arial, Helvetica, sans-serif;
}
:lang(zh-cn) body,
:lang(zh-cn) button,
:lang(zh-cn) input,
:lang(zh-cn) select,
:lang(zh-cn) textarea {
  font-family: "Microsoft YaHei", "Heiti SC", Verdana, PMingLiU, Arial, Helvetica, sans-serif;
}
:lang(zh-hk) body,
:lang(zh-hk) button,
:lang(zh-hk) input,
:lang(zh-hk) select,
:lang(zh-hk) textarea {
  font-family: "Microsoft JhengHei", "Heiti  TC", Verdana, PMingLiU, Arial, Helvetica, sans-serif;
}
:lang(fr-fr) body,
:lang(fr-fr) button,
:lang(fr-fr) input,
:lang(fr-fr) select,
:lang(fr-fr) textarea {
  font-family: "Noto Sans", sans-serif, Verdana, Arial;
}
:lang(de-de) body,
:lang(de-de) button,
:lang(de-de) input,
:lang(de-de) select,
:lang(de-de) textarea {
  font-family: "Noto Sans", sans-serif, Verdana, Arial;
}
:lang(ru-ru) body,
:lang(ru-ru) button,
:lang(ru-ru) input,
:lang(ru-ru) select,
:lang(ru-ru) textarea {
  font-family: "Noto Sans", sans-serif, Verdana, Arial;
}
:lang(pt-BR) body,
:lang(pt-BR) button,
:lang(pt-BR) input,
:lang(pt-BR) select,
:lang(pt-BR) textarea {
  font-family: "Noto Sans", sans-serif, Verdana, Arial;
}
:lang(es-es) body,
:lang(es-es) button,
:lang(es-es) input,
:lang(es-es) select,
:lang(es-es) textarea {
  font-family: "Noto Sans", sans-serif, Verdana, Arial;
}
:lang(id-id) body,
:lang(id-id) button,
:lang(id-id) input,
:lang(id-id) select,
:lang(id-id) textarea {
  font-family: "Noto Sans", "Malgun Gothic", "맑은 고딕", Dotum, Gulim, Arial;
}
:lang(th-th) body,
:lang(th-th) button,
:lang(th-th) input,
:lang(th-th) select,
:lang(th-th) textarea {
  font-family: tahoma, sans-serif, Arial;
}
:lang(vi-vn) body,
:lang(vi-vn) button,
:lang(vi-vn) input,
:lang(vi-vn) select,
:lang(vi-vn) textarea {
  font-family: Calibri, tahoma, arial, sans-serif;
}
.app .head,
.app .notify,
.app .gnb,
.app .breadcrumbs,
.app .footer,
.app .error__buttons > a.button.-ghost {
  display: none !important;
}
.app *:hover,
.app *:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.app *:hover:before,
.app *:focus:before,
.app *:hover:after,
.app *:focus:after {
  outline: 0 !important;
  box-shadow: none !important;
}
.app *:focus ~ label {
  outline: 0 !important;
  box-shadow: none !important;
}
.app .contents,
.app .layout {
  padding-top: 2rem !important;
}
@media (min-width: 1060px) {
  .app .contents,
  .app .layout {
    padding-top: 3rem !important;
  }
}
.app .ib-h1 {
  top: 2.8rem !important;
}
@media (min-width: 1060px) {
  .app .ib-h1 {
    top: 4.6rem !important;
  }
}
.h1 {
  margin-bottom: 0.8rem;
  color: #000;
  font-weight: 700;
  font-size: 2rem;
}
@media (min-width: 1060px) {
  .h1 {
    font-weight: 400;
    font-size: 3.2rem;
  }
}
.terms .h1 {
  font-size: 1.6rem;
}
@media (min-width: 1060px) {
  .terms .h1 {
    font-size: 1.8rem;
  }
}
.h1[tabindex]:hover,
.h1[tabindex]:focus {
  outline: 0;
}
.h2 {
  margin: 2rem 0 0.8rem;
  color: #00256c;
  font-weight: 700;
  font-size: 1.8rem;
  line-height: 1.56;
}
.h2:first-child {
  margin-top: 0;
}
.h2:last-child {
  margin-bottom: 0;
}
@media (min-width: 1060px) {
  .h2 {
    margin: 4rem 0 0.8rem;
    font-size: 2.4rem;
    line-height: 1.5;
  }
}
.h2[tabindex]:hover,
.h2[tabindex]:focus {
  outline: 0;
}
.h2:first-child {
  margin-top: 0;
}
.h1 + .h2 {
  margin-top: 2rem;
}
.steps + .h2 {
  margin-top: 1.2rem;
}
.terms .h2 {
  font-size: 1.6rem;
}
@media (min-width: 1060px) {
  .terms .h2 {
    font-size: 1.8rem;
  }
}
.tab + .h2,
.menu + .h2 {
  margin-top: 4rem;
}
.popover__edge + .h2 {
  margin-top: 0;
}
._h3 {
  display: block;
  margin: 2rem 0 0.8rem;
}
@media (min-width: 1060px) {
  ._h3 {
    margin: 4rem 0 0.8rem;
  }
}
._h3:first-child {
  margin-top: 0;
}
._h3:last-child {
  margin-bottom: 0;
}
.h3 {
  margin: 2rem 0 0.8rem;
  color: #000;
  font-weight: 700;
  font-size: 1.6rem;
}
@media (min-width: 1060px) {
  .h3 {
    margin: 4rem 0 0.8rem;
    font-size: 1.8rem;
    line-height: 1.56;
  }
}
.h3:first-child {
  margin-top: 0;
}
.h3:last-child {
  margin-bottom: 0;
}
.h3[tabindex]:hover,
.h3[tabindex]:focus {
  outline: 0;
}
.h3:first-child {
  margin-top: 0;
}
.h2 + .h3,
.hgroup.-h2 + .h3,
.ib-title-aside + .h3 {
  margin-top: 1.6rem;
}
.terms .h3 {
  font-size: 1.4rem;
}
@media (min-width: 1060px) {
  .terms .h3 {
    font-size: 1.6rem;
  }
}
.popover__edge + .h3 {
  margin-top: 0;
}
.h4 {
  margin: 2rem 0 0.8rem;
  color: #000;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .h4 {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.h4:first-child {
  margin-top: 0;
}
.h4[tabindex]:hover,
.h4[tabindex]:focus {
  outline: 0;
}
.p {
  display: block;
  margin: 0.8rem 0;
  color: #555;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .p {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.p:first-child {
  margin-top: 0;
}
.p:last-child {
  margin-bottom: 0;
}
.bundle.-flex .p {
  margin: 0;
}
.bag__info .p {
  margin: 0;
}
.caption {
  margin: 0.8rem 0;
  padding-left: 2rem;
  text-indent: -2rem;
  color: #555;
  font-weight: 400;
  font-size: 1.2rem;
}
@media (min-width: 1060px) {
  .caption {
    font-size: 1.4rem;
    line-height: 1.58;
  }
}
.caption:first-child {
  margin-top: 0;
}
.caption:last-child {
  margin-bottom: 0;
}
.caption:before {
  content: "";
  display: inline-block;
  width: 1.6rem;
  height: 1.6rem;
  margin-right: 0.4rem;
  background: url(../images/common/ico-caption.svg) no-repeat center center;
  background-size: 16px 16px;
  vertical-align: -0.3rem;
}
ul.caption {
  padding-left: 0;
  text-indent: 0;
}
ul.caption:before {
  display: none;
}
.caption .caption {
  margin-top: 0.4rem;
  padding-left: 0.5rem;
}
.caption .caption .caption__item {
  position: relative;
  padding-left: 1.2rem;
  text-indent: 0;
}
.caption .caption .caption__item:before {
  content: "";
  position: absolute;
  top: 1rem;
  left: 0;
  width: 0.6rem;
  height: 0.1rem;
  background: #555;
}
.caption .caption .caption__item + .caption__item {
  margin-top: 0.4rem;
}
.caption__item {
  padding-left: 2rem;
  text-indent: -2rem;
  font-size: 1.2rem;
  line-height: 1.5;
}
@media (min-width: 1060px) {
  .caption__item {
    font-size: 1.4rem;
    line-height: 1.58;
  }
}
.caption__item:before {
  content: "";
  display: inline-block;
  width: 1.6rem;
  height: 1.6rem;
  margin-right: 0.4rem;
  background: url(../images/common/ico-caption.svg) no-repeat center center;
  background-size: 16px 16px;
  vertical-align: -0.3rem;
}
.caption__item + .caption__item {
  margin-top: 0.8rem;
}
.caption[aria-live] {
  padding-left: 0;
  font-size: 0;
}
.caption[aria-live]:before {
  display: none;
}
.caption[aria-live] p {
  text-indent: 0;
  font-size: 1.2rem;
  line-height: 1.5;
}
@media (min-width: 1060px) {
  .caption[aria-live] p {
    font-size: 1.4rem;
    line-height: 1.58;
  }
}
.caption[aria-live] p:before {
  content: "";
  display: inline-block;
  width: 1.6rem;
  height: 1.6rem;
  margin-right: 0.4rem;
  background: url(../images/common/ico-caption.svg) no-repeat center center;
  background-size: 16px 16px;
  vertical-align: -0.3rem;
}
.caption[aria-live] p + p {
  margin-top: 0.8rem;
}
.captions {
  display: block;
  margin: 0.8rem 0;
}
.captions:first-child {
  margin-top: 0;
}
.captions:last-child {
  margin-bottom: 0;
}
.captions.-number {
  counter-reset: number;
}
.captions__item {
  display: block;
  position: relative;
  color: #0064de;
  font-weight: 400;
  font-size: 1.2rem;
}
@media (min-width: 1060px) {
  .captions__item {
    font-size: 1.4rem;
    line-height: 1.58;
  }
}
.list .captions__item {
  color: #0064de;
  font-weight: 400;
  font-size: 1.2rem;
}
@media (min-width: 1060px) {
  .list .captions__item {
    font-size: 1.4rem;
    line-height: 1.58;
  }
}
.captions__item + .captions__item {
  margin-top: 0.8rem;
}
.captions__item:first-child {
  margin-top: 0;
}
.captions__item:last-child {
  margin-bottom: 0;
}
.captions__item[tabindex]:focus {
  outline: 0;
  border-radius: 0.2rem;
  box-shadow: 0 0 0 0.1rem #0064de;
}
.captions.-disc > .captions__item {
  padding-left: 1.2rem;
}
.captions.-disc > .captions__item:before {
  content: "";
  position: absolute;
  top: 0.6rem;
  left: 0;
  width: 1rem;
  height: 1rem;
  background: url(../images/common/ico-captions-disc.svg) no-repeat 0 -0.1rem;
  background-size: 10px 10px;
}
.captions.-dash > .captions__item {
  padding-left: 1.2rem;
}
.captions.-dash > .captions__item:before {
  content: "";
  position: absolute;
  top: 1.1rem;
  left: 0;
  width: 0.6rem;
  height: 0.1rem;
  background-color: #0064de;
}
.captions.-number > .captions__item {
  padding-left: 2rem;
  background-repeat: no-repeat;
  background-position: 0 0.3rem;
  background-size: 16px 16px;
}
.captions.-number > .captions__item:nth-child(1),
.captions.-number > .captions__item.-no1 {
  background-image: url(../images/common/ico-captions-1.svg);
}
.captions.-number > .captions__item:nth-child(2),
.captions.-number > .captions__item.-no2 {
  background-image: url(../images/common/ico-captions-2.svg);
}
.captions.-number > .captions__item:nth-child(3),
.captions.-number > .captions__item.-no3 {
  background-image: url(../images/common/ico-captions-3.svg);
}
.captions.-number > .captions__item:nth-child(4),
.captions.-number > .captions__item.-no4 {
  background-image: url(../images/common/ico-captions-4.svg);
}
.captions.-number > .captions__item:nth-child(5),
.captions.-number > .captions__item.-no5 {
  background-image: url(../images/common/ico-captions-5.svg);
}
.captions.-number > .captions__item:nth-child(6),
.captions.-number > .captions__item.-no6 {
  background-image: url(../images/common/ico-captions-6.svg);
}
.captions.-number > .captions__item:nth-child(7),
.captions.-number > .captions__item.-no7 {
  background-image: url(../images/common/ico-captions-7.svg);
}
.captions.-number > .captions__item:nth-child(8),
.captions.-number > .captions__item.-no8 {
  background-image: url(../images/common/ico-captions-8.svg);
}
.captions.-number > .captions__item:nth-child(9),
.captions.-number > .captions__item.-no9 {
  background-image: url(../images/common/ico-captions-9.svg);
}
.captions__item div:focus:hover,
.captions__item div:focus:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .captions__item div:focus:hover,
.app .captions__item div:focus:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.captions .caption {
  margin: 0;
}
.list .captions {
  margin: 1.2rem 0 1.6rem;
}
.footnote {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  width: 1.6rem;
  background-repeat: no-repeat;
  background-position: 0 0.2rem;
  background-size: 16px 16px;
  vertical-align: bottom;
}
.footnote:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.footnote.-no1 {
  background-image: url(../images/common/ico-captions-1.svg);
}
.footnote.-no2 {
  background-image: url(../images/common/ico-captions-2.svg);
}
.footnote.-no3 {
  background-image: url(../images/common/ico-captions-3.svg);
}
.footnote.-no4 {
  background-image: url(../images/common/ico-captions-4.svg);
}
.footnote.-no5 {
  background-image: url(../images/common/ico-captions-5.svg);
}
.footnote.-no6 {
  background-image: url(../images/common/ico-captions-6.svg);
}
.footnote.-no7 {
  background-image: url(../images/common/ico-captions-7.svg);
}
.footnote.-no8 {
  background-image: url(../images/common/ico-captions-8.svg);
}
.footnote.-no9 {
  background-image: url(../images/common/ico-captions-9.svg);
}
.footnote__return {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  position: relative;
  width: 2.6rem;
  height: 2.6rem;
  vertical-align: middle;
  background: url(../images/footnote__return.svg) no-repeat center center;
}
.footnote__return:hover,
.footnote__return:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .footnote__return:hover,
.app .footnote__return:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.table {
  margin: 1.2rem 0;
  border-top: 1px solid #00256c;
  border-bottom: 1px solid #dee0e2;
}
.table[tabindex]:hover,
.table[tabindex]:focus {
  outline: 0;
}
.table:first-child {
  margin-top: 0;
}
.table:last-child {
  margin-bottom: 0;
}
.table table {
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  empty-cells: show;
}
.table caption {
  overflow: hidden;
  white-space: nowrap;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  width: 1px;
  height: 1px;
  margin: 0 0 -1px;
  padding: 0;
  border: 0;
}
.table.-scroll {
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  width: 100%;
  height: auto;
}
@media (min-width: 1060px) {
  .table.-scroll {
    overflow-x: hidden;
  }
}
.table.-scroll.-medium table {
  width: 100%;
  min-width: 130%;
  height: auto;
}
@media (min-width: 1060px) {
  .table.-scroll.-medium table {
    min-width: auto;
  }
}
.table.-scroll.-large table {
  width: 100%;
  min-width: 190%;
  height: auto;
}
@media (min-width: 1060px) {
  .table.-scroll.-large table {
    min-width: auto;
  }
}
.table.-scroll.-auto table {
  width: auto;
}
@media (min-width: 1060px) {
  .table.-scroll.-auto table {
    width: 100%;
  }
}
.table.-no-transform {
  transform: none;
  -webkit-transform: none;
}
.thead__th {
  padding: 1.6rem;
  border-bottom: 1px solid #dee0e2;
  background-color: #f8f9fc;
  color: #00256c;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 1.58;
  text-align: center;
}
@media (min-width: 1060px) {
  .thead__th {
    padding: 2rem;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.thead__th[rowspan] {
  border-right: 1px solid #dee0e2;
}
.thead__th[rowspan]:last-child {
  border-right: 0;
}
.thead__th + .thead__th {
  border-left: 1px solid #dee0e2;
}
.-sm .thead__th {
  padding: 1.2rem;
}
.list .thead__th {
  background: #f3f4f8;
  font-size: 1.4rem;
}
.thead__td {
  padding: 1.6rem;
  border-bottom: 1px solid #dee0e2;
  background-color: #fff;
  color: #555;
  font-weight: 400;
  font-size: 1.4rem;
  text-align: center;
}
@media (min-width: 1060px) {
  .thead__td {
    padding: 2rem;
    font-size: 1.6rem;
  }
}
.thead__td + .thead__td {
  border-left: 1px solid #dee0e2;
}
.thead__th + .thead__td {
  border-left: 1px solid #dee0e2;
}
.-sm .thead__td {
  padding: 1.2rem;
}
.list .thead__td {
  font-size: 1.4rem;
}
.tbody__th {
  padding: 1.6rem;
  border-top: 1px solid #dee0e2;
  background-color: #f8f9fc;
  color: #00256c;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 1.58;
  text-align: left;
}
@media (min-width: 1060px) {
  .tbody__th {
    padding: 2rem;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.tbody__th[rowspan] {
  border-right: 1px solid #dee0e2;
}
.tbody__th + .tbody__th {
  border-left: 1px solid #dee0e2;
}
.tbody__tr:first-child .tbody__th {
  border-top: 0;
}
.-xy .tbody__th {
  text-align: center;
}
.-sm .tbody__th {
  padding: 1.2rem;
}
.list .tbody__th {
  font-size: 1.4rem;
}
.tbody__td {
  padding: 1.6rem;
  border-top: 1px solid #dee0e2;
  background-color: #fff;
  color: #555;
  font-weight: 400;
  font-size: 1.4rem;
  text-align: left;
}
@media (min-width: 1060px) {
  .tbody__td {
    padding: 2rem;
    font-size: 1.6rem;
  }
}
.tbody__td[rowspan] {
  border-right: 1px solid #dee0e2;
}
.tbody__td[rowspan]:last-child {
  border-right: 0;
}
.tbody__td + .tbody__td {
  border-left: 1px solid #dee0e2;
}
.tbody__th + .tbody__td {
  border-left: 1px solid #dee0e2;
}
.tbody__tr:first-child .tbody__td {
  border-top: 0;
}
.-sm .tbody__td {
  padding: 1.2rem;
}
.list .tbody__td {
  font-size: 1.4rem;
}
.total {
  display: table;
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  empty-cells: show;
  border-top: 1px solid #dee0e2;
  border-bottom: 1px solid #dee0e2;
}
.table + .total {
  margin-top: -1.2rem;
  border-top: 0;
}
.total__th {
  display: table-cell;
  width: 50%;
  padding: 1.6rem;
  border-right: 1px solid #dee0e2;
  color: #00256c;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 1.58;
  text-align: left;
}
@media (min-width: 1060px) {
  .total__th {
    padding: 2rem;
    font-size: 1.6rem;
    line-height: 1.5rem;
  }
}
.total__td {
  display: table-cell;
  width: 50%;
  padding: 1.6rem;
  color: #000;
  font-weight: 400;
  font-size: 1.4rem;
  text-align: left;
}
@media (min-width: 1060px) {
  .total__td {
    padding: 2rem;
    font-size: 1.6rem;
  }
}
.list {
  margin: 1.6rem 0;
  padding: 0;
  list-style: none;
}
.list:first-child {
  margin-top: 0;
}
.list:last-child {
  margin-bottom: 0;
}
.list.-circle {
  counter-reset: number;
}
.list.-number {
  list-style: decimal;
  padding-left: 2.2rem;
}
@media (min-width: 1060px) {
  .list.-number {
    padding-left: 2.5rem;
  }
}
.list.-upper-roman {
  list-style: upper-roman;
  padding-left: 2.2rem;
}
@media (min-width: 1060px) {
  .list.-upper-roman {
    padding-left: 2.5rem;
  }
}
.list.-lower-roman {
  list-style: lower-roman;
  padding-left: 2.2rem;
}
@media (min-width: 1060px) {
  .list.-lower-roman {
    padding-left: 2.5rem;
  }
}
.list.-upper-alpha {
  list-style: upper-alpha;
  padding-left: 2.2rem;
}
@media (min-width: 1060px) {
  .list.-upper-alpha {
    padding-left: 2.5rem;
  }
}
.list.-lower-alpha {
  list-style: lower-alpha;
  padding-left: 2.2rem;
}
@media (min-width: 1060px) {
  .list.-lower-alpha {
    padding-left: 2.5rem;
  }
}
.list.-bracket {
  counter-reset: number;
}
.list.-small {
  margin-top: 0;
}
@media (min-width: 1060px) {
  .list.-col2 {
    display: flex;
    flex-wrap: wrap;
  }
  .list.-col2 > .list__item {
    width: 50%;
  }
  .list.-col2 > .list__item:nth-child(2) {
    margin-top: 0;
  }
}
@media (min-width: 1060px) {
  .list.-col3 {
    display: flex;
    flex-wrap: wrap;
  }
  .list.-col3 > .list__item {
    width: 33.33%;
  }
  .list.-col3 > .list__item:nth-child(2),
  .list.-col3 > .list__item:nth-child(3) {
    margin-top: 0;
  }
}
.list .list {
  padding-bottom: 0.8rem;
}
.list .list.-padless {
  padding-bottom: 0;
}
.list .list {
  margin-top: 0.8rem;
}
.p + .list {
  margin-top: 1.6rem;
}
.list li {
  position: relative;
  color: #555;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 1.58;
  text-indent: 0;
}
@media (min-width: 1060px) {
  .list li {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.list li.-bold {
  font-weight: 700;
}
.list li + li {
  margin-top: 0.8rem;
}
.list.-disc > li {
  padding-left: 1.2rem;
}
.list.-disc > li:before {
  content: "";
  position: absolute;
  top: 0.9rem;
  left: 0;
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50%;
  background-color: #555;
}
@media (min-width: 1060px) {
  .list.-disc > li:before {
    top: 1.2rem;
  }
}
.list__item {
  position: relative;
  color: #555;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 1.58;
  text-indent: 0;
}
@media (min-width: 1060px) {
  .list__item {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.list__item.-bold {
  font-weight: 700;
}
.list__item + .list__item {
  margin-top: 0.8rem;
}
.list.-disc > .list__item {
  padding-left: 1.2rem;
}
.list.-disc > .list__item:before {
  content: "";
  position: absolute;
  top: 0.9rem;
  left: 0;
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50%;
  background-color: #555;
}
@media (min-width: 1060px) {
  .list.-disc > .list__item:before {
    top: 1.2rem;
  }
}
.list.-dash > .list__item {
  padding-left: 1.2rem;
}
.list.-dash > .list__item:before {
  content: "";
  position: absolute;
  top: 1rem;
  left: 0;
  width: 0.6rem;
  height: 0.1rem;
  background-color: #555;
}
@media (min-width: 1060px) {
  .list.-dash > .list__item:before {
    top: 1.3rem;
  }
}
.list.-dot > .list__item {
  padding-left: 1.2rem;
}
.list.-dot > .list__item:before {
  content: "";
  position: absolute;
  top: 1rem;
  left: 0;
  width: 0.2rem;
  height: 0.2rem;
  background-color: #555;
}
@media (min-width: 1060px) {
  .list.-dot > .list__item:before {
    top: 1.3rem;
  }
}
.list.-circle > .list__item {
  padding-left: 2rem;
}
.list.-circle > .list__item:before {
  content: counter(number);
  counter-increment: number 1;
  position: absolute;
  top: 0.3rem;
  left: 0;
  width: 1.5rem;
  color: #555;
  font-size: 1rem;
  text-align: center;
}
@media (min-width: 1060px) {
  .list.-circle > .list__item:before {
    top: 0.6rem;
  }
}
.list.-circle > .list__item:after {
  content: "";
  position: absolute;
  top: 0.3rem;
  left: 0;
  width: 1.6rem;
  height: 1.6rem;
  border: 1px solid #555;
  border-radius: 50%;
  text-align: center;
}
@media (min-width: 1060px) {
  .list.-circle > .list__item:after {
    top: 0.6rem;
  }
}
.list.-bracket > .list__item:before {
  content: counter(number) ") ";
  counter-increment: number 1;
}
.list.-small > .list__item {
  margin-top: 0.4rem;
  font-size: 1.4rem;
}
.list.-small > .list__item:before {
  top: 0.9rem;
}
.list.-hangul > .list__item:nth-of-type(1):before {
  content: "가. ";
}
.list.-hangul > .list__item:nth-of-type(2):before {
  content: "나. ";
}
.list.-hangul > .list__item:nth-of-type(3):before {
  content: "다. ";
}
.list.-hangul > .list__item:nth-of-type(4):before {
  content: "라. ";
}
.list.-hangul > .list__item:nth-of-type(5):before {
  content: "마. ";
}
.list.-hangul > .list__item:nth-of-type(6):before {
  content: "바. ";
}
.list.-hangul > .list__item:nth-of-type(7):before {
  content: "사. ";
}
.list.-hangul > .list__item:nth-of-type(8):before {
  content: "아. ";
}
.list.-hangul > .list__item:nth-of-type(9):before {
  content: "자. ";
}
.list.-hangul > .list__item:nth-of-type(10):before {
  content: "차. ";
}
.list.-hangul > .list__item:nth-of-type(12):before {
  content: "카. ";
}
.list.-hangul > .list__item:nth-of-type(13):before {
  content: "타. ";
}
.list.-hangul > .list__item:nth-of-type(14):before {
  content: "파. ";
}
.list.-hangul > .list__item:nth-of-type(15):before {
  content: "하. ";
}
.list.-square > .list__item {
  padding-left: 1.2rem;
}
.list.-square > .list__item:before {
  content: "";
  position: absolute;
  top: 0.9rem;
  left: 0;
  width: 0.4rem;
  height: 0.4rem;
  background-color: #555;
}
@media (min-width: 1060px) {
  .list.-square > .list__item:before {
    top: 1.2rem;
  }
}
.h2 + .list {
  margin-top: 0.8rem;
}
@media (min-width: 1060px) {
  .notice .list > .list__item {
    font-size: 1.4rem;
    line-height: 1.58;
  }
}
.notice .list.-disc > .list__item:before {
  top: 0.9rem;
  background-color: #767676;
}
.notice .list.-dash > .list__item:before {
  top: 0.9rem;
  background-color: #767676;
}
.notice .list.-dot > .list__item:before {
  top: 1rem;
  background-color: #767676;
}
.info .list.-dot > .list__item:before {
  background-color: #767676;
}
@media (min-width: 1060px) {
  .notice .list__item + .list__item {
    margin-top: 0.4rem;
  }
}
.link {
  display: inline-block;
  border: 0;
  background: none transparent;
  color: #0064de;
  text-decoration: underline;
  text-decoration-skip-ink: auto;
  text-indent: 0;
}
.link:hover,
.link:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .link:hover,
.app .link:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.link.-secondary {
  color: #000;
}
.link.-inner {
  position: relative;
  font-size: 1.4rem;
  text-decoration: none;
}
@media (min-width: 1060px) {
  .link.-inner {
    font-size: 1.6rem;
  }
}
.link.-inner:after {
  content: "";
  display: inline-block;
  width: 1.6rem;
  height: 1.6rem;
  margin-left: 0.4rem;
  background: url(../images/common/ico-link-inner.svg) no-repeat;
  background-size: 16px 16px;
  vertical-align: -0.3rem;
}
@media (min-width: 1060px) {
  .link.-inner:after {
    vertical-align: -0.2rem;
  }
}
.link.-outer {
  position: relative;
  font-size: 1.4rem;
}
@media (min-width: 1060px) {
  .link.-outer {
    font-size: 1.6rem;
  }
}
.link.-outer:after {
  content: "";
  display: inline-block;
  width: 1.6rem;
  height: 1.6rem;
  margin-left: 0.4rem;
  background: url(../images/common/ico-link-outer.svg) no-repeat;
  background-size: 16px 16px;
  vertical-align: -0.3rem;
}
@media (min-width: 1060px) {
  .link.-outer:after {
    vertical-align: -0.2rem;
  }
}
.link.-lineless {
  text-decoration: none;
}
.selection .link {
  font-size: inherit;
  line-height: inherit;
}
.forms + .link {
  margin-top: 1.6rem;
}
.remark {
  font-style: normal;
}
.remark.-expand {
  display: block;
}
.remark.-small {
  font-size: 1.2rem;
}
@media (min-width: 1060px) {
  .remark.-small {
    font-size: 1.4rem;
  }
}
.remark.-medium {
  font-size: 1.4rem;
}
@media (min-width: 1060px) {
  .remark.-medium {
    font-size: 1.6rem;
  }
}
.remark.-bold {
  font-weight: 700;
}
.remark.-normal {
  font-weight: 400;
}
.remark.-primary {
  color: #00256c;
}
.remark.-secondary {
  color: #000;
}
.remark.-secondary2 {
  color: #555;
}
.remark.-secondary3 {
  color: #767676;
}
.remark.-gray {
  color: #555;
}
.remark.-positive {
  color: #0064de;
}
.remark.-negative {
  color: #de001b;
}
.remark.-success {
  color: #00256c;
}
.mark.-loading {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  position: relative;
  width: 1.6rem;
  height: 1.6rem;
  background: url(../images/common/ico-mark-loading.svg) no-repeat;
  animation: markloading 1s linear infinite;
}
.folders.-ck.-active .mark {
  background: url(../images/common/ico-mark-loading-white.svg) no-repeat;
}
@keyframes markloading {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.unit {
  box-sizing: border-box;
  width: 100%;
  height: auto;
  margin: 1.2rem 0;
  color: #555;
  font-size: 1.2rem;
}
.unit:first-child {
  margin-top: 0;
}
.unit:last-child {
  margin-bottom: 0;
}
@media (min-width: 1060px) {
  .unit {
    font-size: 1.4rem;
    line-height: 1.58;
  }
}
.arrow {
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  display: inline-block;
  width: 2.4rem;
  background: url(../images/common/ico-arrow.svg) no-repeat 50% 50%;
  background-size: 16px 16px;
  vertical-align: bottom;
}
.arrow.-positive {
  background: url(../images/common/ico-arrow-positive.svg) no-repeat 50% 50%;
  background-size: 16px 16px;
}
.required {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  position: relative;
  width: 0.5rem;
  font-size: inherit;
  vertical-align: bottom;
}
.required:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background-color: #de001b;
}
.requires .required {
  top: 0.75rem;
}
@media (min-width: 1060px) {
  .requires .required {
    top: 0.95rem;
  }
}
.requires {
  margin: 0.8rem 0;
  color: #555;
  font-weight: normal;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .requires {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.requires:first-child {
  margin-top: 0;
}
.requires:last-child {
  margin-bottom: 0;
}
.requires:before {
  content: "";
  display: inline-block;
  width: 0.8rem;
  height: 2.2rem;
  vertical-align: top;
  margin: 0;
  background: url(../images/requires--before.svg) no-repeat center;
  background-size: 8px 22px;
}
@media (min-width: 1060px) {
  .requires:before {
    background-size: 8px 24px;
  }
}
.requires:after {
  content: "";
  display: inline-block;
  width: 0.8rem;
  height: 2.2rem;
  vertical-align: top;
  margin: 0;
  background: url(../images/requires--after.svg) no-repeat center;
  background-size: 8px 22px;
}
@media (min-width: 1060px) {
  .requires:after {
    background-size: 8px 24px;
  }
}
.bag__util .requires {
  margin: 0;
}
.optional {
  display: inline-block;
  color: #767676;
  font-weight: 400;
  font-size: 1.4rem;
}
.optional:before {
  content: "(";
}
.optional:after {
  content: ")";
}
.code-share {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  margin-right: 0.4rem;
  background: url(../images/common/codeshare.png) no-repeat 50% 50%;
  background-size: 16px 16px;
}
.code-share.-other9w {
  background: url(../images/common/codeshare-9w.png) no-repeat 50% 50%;
  background-size: 16px 16px;
}
.code-share.-other9w.-disabled {
  background-image: url(../images/common/codeshare-9w-disabled.png);
}
.code-share.-aa {
  background: url(../images/common/codeshare-aa.png) no-repeat 50% 50%;
  background-size: 16px 16px;
}
.code-share.-aa.-disabled {
  background-image: url(../images/common/codeshare-aa-disabled.png);
}
.code-share.-ab {
  background: url(../images/common/codeshare-ab.png) no-repeat 50% 50%;
  background-size: 16px 16px;
}
.code-share.-ab.-disabled {
  background-image: url(../images/common/codeshare-ab-disabled.png);
}
.code-share.-ac {
  background: url(../images/common/codeshare-ac.png) no-repeat 50% 50%;
  background-size: 16px 16px;
}
.code-share.-ac.-disabled {
  background-image: url(../images/common/codeshare-ac-disabled.png);
}
.code-share.-ae {
  background: url(../images/common/codeshare-ae.png) no-repeat 50% 50%;
  background-size: 16px 16px;
}
.code-share.-ae.-disabled {
  background-image: url(../images/common/codeshare-ae-disabled.png);
}
.code-share.-af {
  background: url(../images/common/codeshare-af.png) no-repeat 50% 50%;
  background-size: 16px 16px;
}
.code-share.-af.-disabled {
  background-image: url(../images/common/codeshare-af-disabled.png);
}
.code-share.-am {
  background: url(../images/common/codeshare-am.png) no-repeat 50% 50%;
  background-size: 16px 16px;
}
.code-share.-am.-disabled {
  background-image: url(../images/common/codeshare-am-disabled.png);
}
.code-share.-ar {
  background: url(../images/common/codeshare-ar.png) no-repeat 50% 50%;
  background-size: 16px 16px;
}
.code-share.-ar.-disabled {
  background-image: url(../images/common/codeshare-ar-disabled.png);
}
.code-share.-as {
  background: url(../images/common/codeshare-as.png) no-repeat 50% 50%;
  background-size: 16px 16px;
}
.code-share.-as.-disabled {
  background-image: url(../images/common/codeshare-as-disabled.png);
}
.code-share.-ay {
  background: url(../images/common/codeshare-ay.png) no-repeat 50% 50%;
  background-size: 16px 16px;
}
.code-share.-ay.-disabled {
  background-image: url(../images/common/codeshare-ay-disabled.png);
}
.code-share.-az {
  background: url(../images/common/codeshare-az.png) no-repeat 50% 50%;
  background-size: 16px 16px;
}
.code-share.-az.-disabled {
  background-image: url(../images/common/codeshare-az-disabled.png);
}
.code-share.-ba {
  background: url(../images/common/codeshare-ba.png) no-repeat 50% 50%;
  background-size: 16px 16px;
}
.code-share.-ba.-disabled {
  background-image: url(../images/common/codeshare-ba-disabled.png);
}
.code-share.-ca {
  background: url(../images/common/codeshare-ca.png) no-repeat 50% 50%;
  background-size: 16px 16px;
}
.code-share.-ca.-disabled {
  background-image: url(../images/common/codeshare-ca-disabled.png);
}
.code-share.-ci {
  background: url(../images/common/codeshare-ci.png) no-repeat 50% 50%;
  background-size: 16px 16px;
}
.code-share.-ci.-disabled {
  background-image: url(../images/common/codeshare-ci-disabled.png);
}
.code-share.-co {
  background: url(../images/common/codeshare-co.png) no-repeat 50% 50%;
  background-size: 16px 16px;
}
.code-share.-co.-disabled {
  background-image: url(../images/common/codeshare-co-disabled.png);
}
.code-share.-cx {
  background: url(../images/common/codeshare-cx.png) no-repeat 50% 50%;
  background-size: 16px 16px;
}
.code-share.-cx.-disabled {
  background-image: url(../images/common/codeshare-cx-disabled.png);
}
.code-share.-cz {
  background: url(../images/common/codeshare-cz.png) no-repeat 50% 50%;
  background-size: 16px 16px;
}
.code-share.-cz.-disabled {
  background-image: url(../images/common/codeshare-cz-disabled.png);
}
.code-share.-db {
  background: url(../images/common/codeshare-db.png) no-repeat 50% 50%;
  background-size: 16px 16px;
}
.code-share.-db.-disabled {
  background-image: url(../images/common/codeshare-db-disabled.png);
}
.code-share.-dl {
  background: url(../images/common/codeshare-dl.png) no-repeat 50% 50%;
  background-size: 16px 16px;
}
.code-share.-dl.-disabled {
  background-image: url(../images/common/codeshare-dl-disabled.png);
}
.code-share.-ek {
  background: url(../images/common/codeshare-ek.png) no-repeat 50% 50%;
  background-size: 16px 16px;
}
.code-share.-ek.-disabled {
  background-image: url(../images/common/codeshare-ek-disabled.png);
}
.code-share.-ey {
  background: url(../images/common/codeshare-ey.png) no-repeat 50% 50%;
  background-size: 16px 16px;
}
.code-share.-ey.-disabled {
  background-image: url(../images/common/codeshare-ey-disabled.png);
}
.code-share.-fm {
  background: url(../images/common/codeshare-fm.png) no-repeat 50% 50%;
  background-size: 16px 16px;
}
.code-share.-fm.-disabled {
  background-image: url(../images/common/codeshare-fm-disabled.png);
}
.code-share.-g3 {
  background: url(../images/common/codeshare-g3.png) no-repeat 50% 50%;
  background-size: 16px 16px;
}
.code-share.-g3.-disabled {
  background-image: url(../images/common/codeshare-g3-disabled.png);
}
.code-share.-ga {
  background: url(../images/common/codeshare-ga.png) no-repeat 50% 50%;
  background-size: 16px 16px;
}
.code-share.-ga.-disabled {
  background-image: url(../images/common/codeshare-ga-disabled.png);
}
.code-share.-ha {
  background: url(../images/common/codeshare-ha.png) no-repeat 50% 50%;
  background-size: 16px 16px;
}
.code-share.-ha.-disabled {
  background-image: url(../images/common/codeshare-ha-disabled.png);
}
.code-share.-hy {
  background: url(../images/common/codeshare-hy.png) no-repeat 50% 50%;
  background-size: 16px 16px;
}
.code-share.-hy.-disabled {
  background-image: url(../images/common/codeshare-hy-disabled.png);
}
.code-share.-ib {
  background: url(../images/common/codeshare-ib.png) no-repeat 50% 50%;
  background-size: 16px 16px;
}
.code-share.-ib.-disabled {
  background-image: url(../images/common/codeshare-ib-disabled.png);
}
.code-share.-jl {
  background: url(../images/common/codeshare-jl.png) no-repeat 50% 50%;
  background-size: 16px 16px;
}
.code-share.-jl.-disabled {
  background-image: url(../images/common/codeshare-jl-disabled.png);
}
.code-share.-kl {
  background: url(../images/common/codeshare-kl.png) no-repeat 50% 50%;
  background-size: 16px 16px;
}
.code-share.-kl.-disabled {
  background-image: url(../images/common/codeshare-kl-disabled.png);
}
.code-share.-kq {
  background: url(../images/common/codeshare-kq.png) no-repeat 50% 50%;
  background-size: 16px 16px;
}
.code-share.-kq.-disabled {
  background-image: url(../images/common/codeshare-kq-disabled.png);
}
.code-share.-ke {
  background: url(../images/common/codeshare-ke.png) no-repeat 50% 50%;
  background-size: 16px 16px;
}
.code-share.-ke.-disabled {
  background-image: url(../images/common/codeshare-ke-disabled.png);
}
.code-share.-ku {
  background: url(../images/common/codeshare-ku.png) no-repeat 50% 50%;
  background-size: 16px 16px;
}
.code-share.-ku.-disabled {
  background-image: url(../images/common/codeshare-ku-disabled.png);
}
.code-share.-la {
  background: url(../images/common/codeshare-la.png) no-repeat 50% 50%;
  background-size: 16px 16px;
}
.code-share.-la.-disabled {
  background-image: url(../images/common/codeshare-la-disabled.png);
}
.code-share.-lh {
  background: url(../images/common/codeshare-lh.png) no-repeat 50% 50%;
  background-size: 16px 16px;
}
.code-share.-lh.-disabled {
  background-image: url(../images/common/codeshare-lh-disabled.png);
}
.code-share.-lj {
  background: url(../images/common/codeshare-lj.png) no-repeat 50% 50%;
  background-size: 16px 16px;
}
.code-share.-lj.-disabled {
  background-image: url(../images/common/codeshare-lj-disabled.png);
}
.code-share.-me {
  background: url(../images/common/codeshare-me.png) no-repeat 50% 50%;
  background-size: 16px 16px;
}
.code-share.-me.-disabled {
  background-image: url(../images/common/codeshare-me-disabled.png);
}
.code-share.-mf {
  background: url(../images/common/codeshare-mf.png) no-repeat 50% 50%;
  background-size: 16px 16px;
}
.code-share.-mf.-disabled {
  background-image: url(../images/common/codeshare-mf-disabled.png);
}
.code-share.-mh {
  background: url(../images/common/codeshare-mh.png) no-repeat 50% 50%;
  background-size: 16px 16px;
}
.code-share.-mh.-disabled {
  background-image: url(../images/common/codeshare-mh-disabled.png);
}
.code-share.-mi {
  background: url(../images/common/codeshare-mi.png) no-repeat 50% 50%;
  background-size: 16px 16px;
}
.code-share.-mi.-disabled {
  background-image: url(../images/common/codeshare-mi-disabled.png);
}
.code-share.-mu {
  background: url(../images/common/codeshare-mu.png) no-repeat 50% 50%;
  background-size: 16px 16px;
}
.code-share.-mu.-disabled {
  background-image: url(../images/common/codeshare-mu-disabled.png);
}
.code-share.-ok {
  background: url(../images/common/codeshare-ok.png) no-repeat 50% 50%;
  background-size: 16px 16px;
}
.code-share.-ok.-disabled {
  background-image: url(../images/common/codeshare-ok-disabled.png);
}
.code-share.-oz {
  background: url(../images/common/codeshare-oz.png) no-repeat 50% 50%;
  background-size: 16px 16px;
}
.code-share.-oz.-disabled {
  background-image: url(../images/common/codeshare-oz-disabled.png);
}
.code-share.-pr {
  background: url(../images/common/codeshare-pr.png) no-repeat 50% 50%;
  background-size: 16px 16px;
}
.code-share.-pr.-disabled {
  background-image: url(../images/common/codeshare-pr-disabled.png);
}
.code-share.-qf {
  background: url(../images/common/codeshare-qf.png) no-repeat 50% 50%;
  background-size: 16px 16px;
}
.code-share.-qf.-disabled {
  background-image: url(../images/common/codeshare-qf-disabled.png);
}
.code-share.-qr {
  background: url(../images/common/codeshare-qr.png) no-repeat 50% 50%;
  background-size: 16px 16px;
}
.code-share.-qr.-disabled {
  background-image: url(../images/common/codeshare-qr-disabled.png);
}
.code-share.-rj {
  background: url(../images/common/codeshare-rj.png) no-repeat 50% 50%;
  background-size: 16px 16px;
}
.code-share.-rj.-disabled {
  background-image: url(../images/common/codeshare-rj-disabled.png);
}
.code-share.-ro {
  background: url(../images/common/codeshare-ro.png) no-repeat 50% 50%;
  background-size: 16px 16px;
}
.code-share.-ro.-disabled {
  background-image: url(../images/common/codeshare-ro-disabled.png);
}
.code-share.-rv {
  background: url(../images/common/codeshare-rv.png) no-repeat 50% 50%;
  background-size: 16px 16px;
}
.code-share.-rv.-disabled {
  background-image: url(../images/common/codeshare-rv-disabled.png);
}
.code-share.-sk {
  background: url(../images/common/codeshare-sk.png) no-repeat 50% 50%;
  background-size: 16px 16px;
}
.code-share.-sk.-disabled {
  background-image: url(../images/common/codeshare-sk-disabled.png);
}
.code-share.-sq {
  background: url(../images/common/codeshare-sq.png) no-repeat 50% 50%;
  background-size: 16px 16px;
}
.code-share.-sq.-disabled {
  background-image: url(../images/common/codeshare-sq-disabled.png);
}
.code-share.-su {
  background: url(../images/common/codeshare-su.png) no-repeat 50% 50%;
  background-size: 16px 16px;
}
.code-share.-su.-disabled {
  background-image: url(../images/common/codeshare-su-disabled.png);
}
.code-share.-sv {
  background: url(../images/common/codeshare-sv.png) no-repeat 50% 50%;
  background-size: 16px 16px;
}
.code-share.-sv.-disabled {
  background-image: url(../images/common/codeshare-sv-disabled.png);
}
.code-share.-tg {
  background: url(../images/common/codeshare-tg.png) no-repeat 50% 50%;
  background-size: 16px 16px;
}
.code-share.-tg.-disabled {
  background-image: url(../images/common/codeshare-tg-disabled.png);
}
.code-share.-tk {
  background: url(../images/common/codeshare-tk.png) no-repeat 50% 50%;
  background-size: 16px 16px;
}
.code-share.-tk.-disabled {
  background-image: url(../images/common/codeshare-tk-disabled.png);
}
.code-share.-ua {
  background: url(../images/common/codeshare-ua.png) no-repeat 50% 50%;
  background-size: 16px 16px;
}
.code-share.-ua.-disabled {
  background-image: url(../images/common/codeshare-ua-disabled.png);
}
.code-share.-ux {
  background: url(../images/common/codeshare-ux.png) no-repeat 50% 50%;
  background-size: 16px 16px;
}
.code-share.-ux.-disabled {
  background-image: url(../images/common/codeshare-ux-disabled.png);
}
.code-share.-vn {
  background: url(../images/common/codeshare-vn.png) no-repeat 50% 50%;
  background-size: 16px 16px;
}
.code-share.-vn.-disabled {
  background-image: url(../images/common/codeshare-vn-disabled.png);
}
.code-share.-tn {
  background: url(../images/common/codeshare-tn.svg) no-repeat 50% 50%;
  background-size: 16px 16px;
}
.code-share.-tn.-disabled {
  background-image: url(../images/common/codeshare-tn-disabled.svg);
}
.hidden-code {
  color: #fff;
  font-size: 1rem;
  text-align: right;
  word-break: break-all;
}
.hidden-code__uuid {
  margin-right: 1rem;
}
.alert .hidden-code {
  color: #fff6f6;
}
@media (min-width: 1060px) {
  .alert .hidden-code {
    right: 2rem;
  }
}
.ts__h1 {
  margin: 4rem 0 2rem;
  color: #000;
  font-weight: 400;
  font-size: 2.2rem;
}
@media (min-width: 1060px) {
  .ts__h1 {
    margin: 4rem 0 2.4rem;
    font-size: 2.4rem;
  }
}
.ts__h1.-bold {
  font-weight: 700;
}
.ts__h1.-colored {
  color: #00256c;
}
.ts__h1.-underline {
  text-decoration: underline;
}
.ts__h1:first-child {
  margin-top: 0;
}
.ts__h1:last-child {
  margin-bottom: 0;
}
.ts__h2 {
  margin: 2rem 0 1.2rem;
  color: #000;
  font-weight: 400;
  font-size: 1.6rem;
}
@media (min-width: 1060px) {
  .ts__h2 {
    margin: 2.4rem 0 1.6rem;
    font-size: 1.8rem;
  }
}
.ts__h2.-bold {
  font-weight: 700;
}
.ts__h2.-colored {
  color: #00256c;
}
.ts__h2.-underline {
  text-decoration: underline;
}
.ts__h2:first-child {
  margin-top: 0;
}
.ts__h2:last-child {
  margin-bottom: 0;
}
.ts__h3 {
  margin: 1.2rem 0 0.8rem;
  color: #000;
  font-weight: 400;
  font-size: 1.2rem;
}
@media (min-width: 1060px) {
  .ts__h3 {
    margin: 1.6rem 0 0.8rem;
    font-size: 1.4rem;
  }
}
.ts__h3.-bold {
  font-weight: 700;
}
.ts__h3.-colored {
  color: #00256c;
}
.ts__h3.-underline {
  text-decoration: underline;
}
.ts__h3:first-child {
  margin-top: 0;
}
.ts__h3:last-child {
  margin-bottom: 0;
}
.ts__subject {
  display: block;
}
.ts__subject.-large {
  font-size: 1.5rem;
}
@media (min-width: 1060px) {
  .ts__subject.-large {
    font-size: 1.7rem;
  }
}
.ts__subject.-bold {
  font-weight: 700;
}
.ts__subject.-colored {
  color: #0064de;
}
.ts__subject.-underline {
  text-decoration: underline;
}
.ts__p {
  display: block;
  margin: 0.8rem 0;
  color: #555;
  font-weight: 400;
  font-size: 1.2rem;
}
@media (min-width: 1060px) {
  .ts__p {
    font-size: 1.4rem;
    line-height: 1.58;
  }
}
.ts__p.-large {
  font-size: 1.5rem;
}
@media (min-width: 1060px) {
  .ts__p.-large {
    font-size: 1.7rem;
  }
}
.ts__p.-bold {
  font-weight: 700;
}
.ts__p.-colored {
  color: #0064de;
}
.ts__p.-underline {
  text-decoration: underline;
}
.ts__list .ts__p {
  margin: 0;
}
.ts__list .ts__p + .ts__p {
  margin-top: 0.8rem;
}
.ts__item .ts__p {
  padding-top: 0.4rem;
  padding-bottom: 0.4rem;
}
.ts__remark.-large {
  font-size: 1.5rem;
}
@media (min-width: 1060px) {
  .ts__remark.-large {
    font-size: 1.7rem;
  }
}
.ts__remark.-bold {
  font-weight: 700;
}
.ts__remark.-colored {
  color: #0064de;
}
.ts__remark.-underline {
  text-decoration: underline;
}
.ts__list {
  margin: 0.8rem 0;
}
.ts__list.-number {
  list-style: decimal;
  padding-left: 2.2rem;
}
.ts__list.-number-circle {
  list-style: none;
}
.ts__list.-number-roman {
  list-style: lower-roman;
  padding-left: 1.6rem;
}
.ts__item .ts__list {
  padding-top: 0.4rem;
  padding-bottom: 0.4rem;
}
.ts__list .ts__list {
  margin: 0.4rem 0;
}
.ts__list .ts__p + .ts__list {
  margin-top: 0;
}
.ts__list .ts__p > .ts__list {
  margin-top: 0;
}
.ts__list:first-child {
  margin-top: 0;
}
.ts__list:last-child {
  margin-bottom: 0;
}
.ts__item {
  color: #555;
  font-weight: 400;
  font-size: 1.2rem;
}
@media (min-width: 1060px) {
  .ts__item {
    font-size: 1.4rem;
    line-height: 1.58;
  }
}
.ts__item[href]:hover,
.ts__item[href]:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .ts__item[href]:hover,
.app .ts__item[href]:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.ts__item[type="button"] {
  display: block;
  background: none;
  border: none;
  cursor: pointer;
}
.ts__item[type="button"]:hover,
.ts__item[type="button"]:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .ts__item[type="button"]:hover,
.app .ts__item[type="button"]:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.ts__item.-large {
  font-size: 1.5rem;
}
@media (min-width: 1060px) {
  .ts__item.-large {
    font-size: 1.7rem;
  }
}
.ts__item.-bold {
  font-weight: 700;
}
.ts__item.-colored {
  color: #0064de;
}
.ts__item.-underline {
  text-decoration: underline;
}
.ts__item.-download:before {
  content: "";
  display: inline-block;
  width: 1.6rem;
  height: 1.6rem;
  margin-right: 0.4rem;
  background: url(../images/common/option--pdf.svg) no-repeat;
  background-size: cover;
  vertical-align: -0.2rem;
}
.ts__item.-download:hover,
.ts__item.-download:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .ts__item.-download:hover,
.app .ts__item.-download:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.ts__list.-disc > .ts__item {
  position: relative;
  padding-left: 1.2rem;
}
.ts__list.-disc > .ts__item:before {
  content: "";
  position: absolute;
  top: 0.7rem;
  left: 0;
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50%;
  background-color: #555;
}
@media (min-width: 1060px) {
  .ts__list.-disc > .ts__item:before {
    top: 0.9rem;
  }
}
.ts__list.-dash > .ts__item {
  position: relative;
  padding-left: 1rem;
}
.ts__list.-dash > .ts__item:before {
  content: "";
  position: absolute;
  top: 0.9rem;
  left: 0;
  width: 0.5rem;
  height: 0.1rem;
  background-color: #555;
}
@media (min-width: 1060px) {
  .ts__list.-dash > .ts__item:before {
    top: 1.1rem;
  }
}
.ts__list.-dash > .ts__item.-large:before {
  top: 1.1rem;
}
@media (min-width: 1060px) {
  .ts__list.-dash > .ts__item.-large:before {
    top: 1.3rem;
  }
}
.ts__list.-dash > .ts__item.-colored:before {
  background-color: #0064de;
}
.ts__list.-number-circle > .ts__item {
  position: relative;
  padding-left: 2rem;
}
.ts__list.-number-circle > .ts__item:before {
  content: "";
  position: absolute;
  top: 0.3rem;
  left: 0;
  width: 1.4rem;
  height: 1.4rem;
  background-repeat: no-repeat;
  background-size: 14px 14px;
}
@media (min-width: 1060px) {
  .ts__list.-number-circle > .ts__item:before {
    top: 0.4rem;
    width: 1.6rem;
    height: 1.6rem;
    background-size: 16px 16px;
  }
}
.ts__list.-number-circle > .ts__item.-large {
  padding-left: 2.2rem;
}
.ts__list.-number-circle > .ts__item.-large:before {
  top: 0.3rem;
  width: 1.7rem;
  height: 1.7rem;
  background-size: 17px 17px;
}
@media (min-width: 1060px) {
  .ts__list.-number-circle > .ts__item.-large:before {
    top: 0.4rem;
    width: 1.9rem;
    height: 1.9rem;
    background-size: 19px 19px;
  }
}
.ts__list.-number-circle > .ts__item:nth-child(1):before {
  background-image: url(../images/common/ico-nc1.svg);
}
.ts__list.-number-circle > .ts__item:nth-child(2):before {
  background-image: url(../images/common/ico-nc2.svg);
}
.ts__list.-number-circle > .ts__item:nth-child(3):before {
  background-image: url(../images/common/ico-nc3.svg);
}
.ts__list.-number-circle > .ts__item:nth-child(4):before {
  background-image: url(../images/common/ico-nc4.svg);
}
.ts__list.-number-circle > .ts__item:nth-child(5):before {
  background-image: url(../images/common/ico-nc5.svg);
}
.ts__list.-number-circle > .ts__item:nth-child(6):before {
  background-image: url(../images/common/ico-nc6.svg);
}
.ts__list.-number-circle > .ts__item:nth-child(7):before {
  background-image: url(../images/common/ico-nc7.svg);
}
.ts__list.-number-circle > .ts__item:nth-child(8):before {
  background-image: url(../images/common/ico-nc8.svg);
}
.ts__list.-number-circle > .ts__item:nth-child(9):before {
  background-image: url(../images/common/ico-nc9.svg);
}
.ts__list.-number-circle > .ts__item:nth-child(10):before {
  background-image: url(../images/common/ico-nc10.svg);
}
.ts__list.-number-circle > .ts__item.-bold:nth-child(1):before {
  background-image: url(../images/common/ico-nc1-bold.svg);
}
.ts__list.-number-circle > .ts__item.-bold:nth-child(2):before {
  background-image: url(../images/common/ico-nc2-bold.svg);
}
.ts__list.-number-circle > .ts__item.-bold:nth-child(3):before {
  background-image: url(../images/common/ico-nc3-bold.svg);
}
.ts__list.-number-circle > .ts__item.-bold:nth-child(4):before {
  background-image: url(../images/common/ico-nc4-bold.svg);
}
.ts__list.-number-circle > .ts__item.-bold:nth-child(5):before {
  background-image: url(../images/common/ico-nc5-bold.svg);
}
.ts__list.-number-circle > .ts__item.-bold:nth-child(6):before {
  background-image: url(../images/common/ico-nc6-bold.svg);
}
.ts__list.-number-circle > .ts__item.-bold:nth-child(7):before {
  background-image: url(../images/common/ico-nc7-bold.svg);
}
.ts__list.-number-circle > .ts__item.-bold:nth-child(8):before {
  background-image: url(../images/common/ico-nc8-bold.svg);
}
.ts__list.-number-circle > .ts__item.-bold:nth-child(9):before {
  background-image: url(../images/common/ico-nc9-bold.svg);
}
.ts__list.-number-circle > .ts__item.-bold:nth-child(10):before {
  background-image: url(../images/common/ico-nc10-bold.svg);
}
.ts__list.-number-circle > .ts__item.-colored:nth-child(1):before {
  background-image: url(../images/common/ico-nc1-colored.svg);
}
.ts__list.-number-circle > .ts__item.-colored:nth-child(2):before {
  background-image: url(../images/common/ico-nc2-colored.svg);
}
.ts__list.-number-circle > .ts__item.-colored:nth-child(3):before {
  background-image: url(../images/common/ico-nc3-colored.svg);
}
.ts__list.-number-circle > .ts__item.-colored:nth-child(4):before {
  background-image: url(../images/common/ico-nc4-colored.svg);
}
.ts__list.-number-circle > .ts__item.-colored:nth-child(5):before {
  background-image: url(../images/common/ico-nc5-colored.svg);
}
.ts__list.-number-circle > .ts__item.-colored:nth-child(6):before {
  background-image: url(../images/common/ico-nc6-colored.svg);
}
.ts__list.-number-circle > .ts__item.-colored:nth-child(7):before {
  background-image: url(../images/common/ico-nc7-colored.svg);
}
.ts__list.-number-circle > .ts__item.-colored:nth-child(8):before {
  background-image: url(../images/common/ico-nc8-colored.svg);
}
.ts__list.-number-circle > .ts__item.-colored:nth-child(9):before {
  background-image: url(../images/common/ico-nc9-colored.svg);
}
.ts__list.-number-circle > .ts__item.-colored:nth-child(10):before {
  background-image: url(../images/common/ico-nc10-colored.svg);
}
.ts__list.-number-circle > .ts__item.-bold.-colored:nth-child(1):before {
  background-image: url(../images/common/ico-nc1-colored-bold.svg);
}
.ts__list.-number-circle > .ts__item.-bold.-colored:nth-child(2):before {
  background-image: url(../images/common/ico-nc2-colored-bold.svg);
}
.ts__list.-number-circle > .ts__item.-bold.-colored:nth-child(3):before {
  background-image: url(../images/common/ico-nc3-colored-bold.svg);
}
.ts__list.-number-circle > .ts__item.-bold.-colored:nth-child(4):before {
  background-image: url(../images/common/ico-nc4-colored-bold.svg);
}
.ts__list.-number-circle > .ts__item.-bold.-colored:nth-child(5):before {
  background-image: url(../images/common/ico-nc5-colored-bold.svg);
}
.ts__list.-number-circle > .ts__item.-bold.-colored:nth-child(6):before {
  background-image: url(../images/common/ico-nc6-colored-bold.svg);
}
.ts__list.-number-circle > .ts__item.-bold.-colored:nth-child(7):before {
  background-image: url(../images/common/ico-nc7-colored-bold.svg);
}
.ts__list.-number-circle > .ts__item.-bold.-colored:nth-child(8):before {
  background-image: url(../images/common/ico-nc8-colored-bold.svg);
}
.ts__list.-number-circle > .ts__item.-bold.-colored:nth-child(9):before {
  background-image: url(../images/common/ico-nc9-colored-bold.svg);
}
.ts__list.-number-circle > .ts__item.-bold.-colored:nth-child(10):before {
  background-image: url(../images/common/ico-nc10-colored-bold.svg);
}
.ts__list.-word > .ts__item {
  position: relative;
  padding-left: 1.8rem;
}
.ts__list.-word > .ts__item:before {
  content: "";
  position: absolute;
  top: 0.4rem;
  left: 0;
  width: 1.2rem;
  height: 1.2rem;
  background-repeat: no-repeat;
  background-size: 12px 12px;
}
@media (min-width: 1060px) {
  .ts__list.-word > .ts__item:before {
    top: 0.5rem;
    width: 1.4rem;
    height: 1.4rem;
    background-size: 14px 14px;
  }
}
[lang="ko"] .ts__list.-word > .ts__item:before {
  top: 0.3rem;
  width: 1.4rem;
  height: 1.4rem;
  background-size: 14px 14px;
}
@media (min-width: 1060px) {
  [lang="ko"] .ts__list.-word > .ts__item:before {
    top: 0.4rem;
    width: 1.6rem;
    height: 1.6rem;
    background-size: 16px 16px;
  }
}
.ts__list.-word > .ts__item.-large {
  padding-left: 2.1rem;
}
.ts__list.-word > .ts__item.-large:before {
  top: 0.6rem;
  left: 0;
  width: 1.4rem;
  height: 1.4rem;
  background-repeat: no-repeat;
  background-size: 12px 12px;
}
@media (min-width: 1060px) {
  .ts__list.-word > .ts__item.-large:before {
    top: 0.8rem;
    width: 1.6rem;
    height: 1.6rem;
    background-size: 14px 14px;
  }
}
[lang="ko"] .ts__list.-word > .ts__item.-large:before {
  top: 0.3rem;
  width: 1.7rem;
  height: 1.7rem;
  background-size: 17px 17px;
}
@media (min-width: 1060px) {
  [lang="ko"] .ts__list.-word > .ts__item.-large:before {
    top: 0.4rem;
    width: 1.9rem;
    height: 1.9rem;
    background-size: 19px 19px;
  }
}
.ts__list.-word > .ts__item:nth-child(1):before {
  background-image: url(../images/common/ico-alphabet1.svg);
}
.ts__list.-word > .ts__item:nth-child(2):before {
  background-image: url(../images/common/ico-alphabet2.svg);
}
.ts__list.-word > .ts__item:nth-child(3):before {
  background-image: url(../images/common/ico-alphabet3.svg);
}
.ts__list.-word > .ts__item:nth-child(4):before {
  background-image: url(../images/common/ico-alphabet4.svg);
}
.ts__list.-word > .ts__item:nth-child(5):before {
  background-image: url(../images/common/ico-alphabet5.svg);
}
.ts__list.-word > .ts__item:nth-child(6):before {
  background-image: url(../images/common/ico-alphabet6.svg);
}
.ts__list.-word > .ts__item:nth-child(7):before {
  background-image: url(../images/common/ico-alphabet7.svg);
}
.ts__list.-word > .ts__item:nth-child(8):before {
  background-image: url(../images/common/ico-alphabet8.svg);
}
.ts__list.-word > .ts__item:nth-child(9):before {
  background-image: url(../images/common/ico-alphabet9.svg);
}
.ts__list.-word > .ts__item.-bold:nth-child(1):before {
  background-image: url(../images/common/ico-alphabet1-bold.svg);
}
.ts__list.-word > .ts__item.-bold:nth-child(2):before {
  background-image: url(../images/common/ico-alphabet2-bold.svg);
}
.ts__list.-word > .ts__item.-bold:nth-child(3):before {
  background-image: url(../images/common/ico-alphabet3-bold.svg);
}
.ts__list.-word > .ts__item.-bold:nth-child(4):before {
  background-image: url(../images/common/ico-alphabet4-bold.svg);
}
.ts__list.-word > .ts__item.-bold:nth-child(5):before {
  background-image: url(../images/common/ico-alphabet5-bold.svg);
}
.ts__list.-word > .ts__item.-bold:nth-child(6):before {
  background-image: url(../images/common/ico-alphabet6-bold.svg);
}
.ts__list.-word > .ts__item.-bold:nth-child(7):before {
  background-image: url(../images/common/ico-alphabet7-bold.svg);
}
.ts__list.-word > .ts__item.-bold:nth-child(8):before {
  background-image: url(../images/common/ico-alphabet8-bold.svg);
}
.ts__list.-word > .ts__item.-bold:nth-child(9):before {
  background-image: url(../images/common/ico-alphabet9-bold.svg);
}
.ts__list.-word > .ts__item.-colored:nth-child(1):before {
  background-image: url(../images/common/ico-alphabet1-colored.svg);
}
.ts__list.-word > .ts__item.-colored:nth-child(2):before {
  background-image: url(../images/common/ico-alphabet2-colored.svg);
}
.ts__list.-word > .ts__item.-colored:nth-child(3):before {
  background-image: url(../images/common/ico-alphabet3-colored.svg);
}
.ts__list.-word > .ts__item.-colored:nth-child(4):before {
  background-image: url(../images/common/ico-alphabet4-colored.svg);
}
.ts__list.-word > .ts__item.-colored:nth-child(5):before {
  background-image: url(../images/common/ico-alphabet5-colored.svg);
}
.ts__list.-word > .ts__item.-colored:nth-child(6):before {
  background-image: url(../images/common/ico-alphabet6-colored.svg);
}
.ts__list.-word > .ts__item.-colored:nth-child(7):before {
  background-image: url(../images/common/ico-alphabet7-colored.svg);
}
.ts__list.-word > .ts__item.-colored:nth-child(8):before {
  background-image: url(../images/common/ico-alphabet8-colored.svg);
}
.ts__list.-word > .ts__item.-colored:nth-child(9):before {
  background-image: url(../images/common/ico-alphabet9-colored.svg);
}
.ts__list.-word > .ts__item.-bold.-colored:nth-child(1):before {
  background-image: url(../images/common/ico-alphabet1-colored-bold.svg);
}
.ts__list.-word > .ts__item.-bold.-colored:nth-child(2):before {
  background-image: url(../images/common/ico-alphabet2-colored-bold.svg);
}
.ts__list.-word > .ts__item.-bold.-colored:nth-child(3):before {
  background-image: url(../images/common/ico-alphabet3-colored-bold.svg);
}
.ts__list.-word > .ts__item.-bold.-colored:nth-child(4):before {
  background-image: url(../images/common/ico-alphabet4-colored-bold.svg);
}
.ts__list.-word > .ts__item.-bold.-colored:nth-child(5):before {
  background-image: url(../images/common/ico-alphabet5-colored-bold.svg);
}
.ts__list.-word > .ts__item.-bold.-colored:nth-child(6):before {
  background-image: url(../images/common/ico-alphabet6-colored-bold.svg);
}
.ts__list.-word > .ts__item.-bold.-colored:nth-child(7):before {
  background-image: url(../images/common/ico-alphabet7-colored-bold.svg);
}
.ts__list.-word > .ts__item.-bold.-colored:nth-child(8):before {
  background-image: url(../images/common/ico-alphabet8-colored-bold.svg);
}
.ts__list.-word > .ts__item.-bold.-colored:nth-child(9):before {
  background-image: url(../images/common/ico-alphabet9-colored-bold.svg);
}
[lang="ko"] .ts__list.-word > .ts__item:nth-child(1):before {
  background-image: url(../images/common/ico-hangul1.svg);
}
[lang="ko"] .ts__list.-word > .ts__item:nth-child(2):before {
  background-image: url(../images/common/ico-hangul2.svg);
}
[lang="ko"] .ts__list.-word > .ts__item:nth-child(3):before {
  background-image: url(../images/common/ico-hangul3.svg);
}
[lang="ko"] .ts__list.-word > .ts__item:nth-child(4):before {
  background-image: url(../images/common/ico-hangul4.svg);
}
[lang="ko"] .ts__list.-word > .ts__item:nth-child(5):before {
  background-image: url(../images/common/ico-hangul5.svg);
}
[lang="ko"] .ts__list.-word > .ts__item:nth-child(6):before {
  background-image: url(../images/common/ico-hangul6.svg);
}
[lang="ko"] .ts__list.-word > .ts__item:nth-child(7):before {
  background-image: url(../images/common/ico-hangul7.svg);
}
[lang="ko"] .ts__list.-word > .ts__item:nth-child(8):before {
  background-image: url(../images/common/ico-hangul8.svg);
}
[lang="ko"] .ts__list.-word > .ts__item:nth-child(9):before {
  background-image: url(../images/common/ico-hangul9.svg);
}
[lang="ko"] .ts__list.-word > .ts__item.-bold:nth-child(1):before {
  background-image: url(../images/common/ico-hangul1-bold.svg);
}
[lang="ko"] .ts__list.-word > .ts__item.-bold:nth-child(2):before {
  background-image: url(../images/common/ico-hangul2-bold.svg);
}
[lang="ko"] .ts__list.-word > .ts__item.-bold:nth-child(3):before {
  background-image: url(../images/common/ico-hangul3-bold.svg);
}
[lang="ko"] .ts__list.-word > .ts__item.-bold:nth-child(4):before {
  background-image: url(../images/common/ico-hangul4-bold.svg);
}
[lang="ko"] .ts__list.-word > .ts__item.-bold:nth-child(5):before {
  background-image: url(../images/common/ico-hangul5-bold.svg);
}
[lang="ko"] .ts__list.-word > .ts__item.-bold:nth-child(6):before {
  background-image: url(../images/common/ico-hangul6-bold.svg);
}
[lang="ko"] .ts__list.-word > .ts__item.-bold:nth-child(7):before {
  background-image: url(../images/common/ico-hangul7-bold.svg);
}
[lang="ko"] .ts__list.-word > .ts__item.-bold:nth-child(8):before {
  background-image: url(../images/common/ico-hangul8-bold.svg);
}
[lang="ko"] .ts__list.-word > .ts__item.-bold:nth-child(9):before {
  background-image: url(../images/common/ico-hangul9-bold.svg);
}
[lang="ko"] .ts__list.-word > .ts__item.-colored:nth-child(1):before {
  background-image: url(../images/common/ico-hangul1-colored.svg);
}
[lang="ko"] .ts__list.-word > .ts__item.-colored:nth-child(2):before {
  background-image: url(../images/common/ico-hangul2-colored.svg);
}
[lang="ko"] .ts__list.-word > .ts__item.-colored:nth-child(3):before {
  background-image: url(../images/common/ico-hangul3-colored.svg);
}
[lang="ko"] .ts__list.-word > .ts__item.-colored:nth-child(4):before {
  background-image: url(../images/common/ico-hangul4-colored.svg);
}
[lang="ko"] .ts__list.-word > .ts__item.-colored:nth-child(5):before {
  background-image: url(../images/common/ico-hangul5-colored.svg);
}
[lang="ko"] .ts__list.-word > .ts__item.-colored:nth-child(6):before {
  background-image: url(../images/common/ico-hangul6-colored.svg);
}
[lang="ko"] .ts__list.-word > .ts__item.-colored:nth-child(7):before {
  background-image: url(../images/common/ico-hangul7-colored.svg);
}
[lang="ko"] .ts__list.-word > .ts__item.-colored:nth-child(8):before {
  background-image: url(../images/common/ico-hangul8-colored.svg);
}
[lang="ko"] .ts__list.-word > .ts__item.-colored:nth-child(9):before {
  background-image: url(../images/common/ico-hangul9-colored.svg);
}
[lang="ko"] .ts__list.-word > .ts__item.-bold.-colored:nth-child(1):before {
  background-image: url(../images/common/ico-hangul1-colored-bold.svg);
}
[lang="ko"] .ts__list.-word > .ts__item.-bold.-colored:nth-child(2):before {
  background-image: url(../images/common/ico-hangul2-colored-bold.svg);
}
[lang="ko"] .ts__list.-word > .ts__item.-bold.-colored:nth-child(3):before {
  background-image: url(../images/common/ico-hangul3-colored-bold.svg);
}
[lang="ko"] .ts__list.-word > .ts__item.-bold.-colored:nth-child(4):before {
  background-image: url(../images/common/ico-hangul4-colored-bold.svg);
}
[lang="ko"] .ts__list.-word > .ts__item.-bold.-colored:nth-child(5):before {
  background-image: url(../images/common/ico-hangul5-colored-bold.svg);
}
[lang="ko"] .ts__list.-word > .ts__item.-bold.-colored:nth-child(6):before {
  background-image: url(../images/common/ico-hangul6-colored-bold.svg);
}
[lang="ko"] .ts__list.-word > .ts__item.-bold.-colored:nth-child(7):before {
  background-image: url(../images/common/ico-hangul7-colored-bold.svg);
}
[lang="ko"] .ts__list.-word > .ts__item.-bold.-colored:nth-child(8):before {
  background-image: url(../images/common/ico-hangul8-colored-bold.svg);
}
[lang="ko"] .ts__list.-word > .ts__item.-bold.-colored:nth-child(9):before {
  background-image: url(../images/common/ico-hangul9-colored-bold.svg);
}
.ts__item + .ts__item {
  margin-top: 0.4rem;
}
.ts__box {
  margin: 2rem 0;
  padding: 2rem;
  background-color: #f8f9fc;
}
@media (min-width: 1060px) {
  .ts__box {
    padding: 1.4rem 3rem;
  }
}
.ts .thead__th,
.ts .tbody__th,
.ts .tbody__td {
  font-weight: 400;
  font-size: 1.2rem;
}
@media (min-width: 1060px) {
  .ts .thead__th,
  .ts .tbody__th,
  .ts .tbody__td {
    font-size: 1.4rem;
    line-height: 1.58;
  }
}
.ts .thead__th.-large,
.ts .tbody__th.-large,
.ts .tbody__td.-large {
  font-size: 1.5rem;
}
@media (min-width: 1060px) {
  .ts .thead__th.-large,
  .ts .tbody__th.-large,
  .ts .tbody__td.-large {
    font-size: 1.7rem;
  }
}
.ts .thead__th.-bold,
.ts .tbody__th.-bold,
.ts .tbody__td.-bold {
  font-weight: 700;
}
.ts .thead__th.-colored,
.ts .tbody__th.-colored,
.ts .tbody__td.-colored {
  color: #0064de;
}
.ts .thead__th.-underline,
.ts .tbody__th.-underline,
.ts .tbody__td.-underline {
  text-decoration: underline;
}
.ts .thead__th,
.ts .tbody__th {
  color: #000;
}
.ts .tbody__td {
  color: #555;
}
.label {
  display: block;
  margin-bottom: 0.2rem;
  color: #767676;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .label {
    margin-bottom: 0.9rem;
  }
}
.forms {
  position: relative;
}
@media (min-width: 1060px) {
  .forms.-half {
    width: 50%;
  }
}
.forms [type="text"],
.forms [type="search"],
.forms [type="password"],
.forms [type="email"],
.forms [type="tel"],
.forms select,
.forms textarea {
  box-sizing: border-box;
  appearance: none;
  display: block;
  width: 100%;
  height: 4rem;
  margin: 0;
  padding: 0;
  border: 0;
  border-bottom: 1px solid #00256c;
  border-radius: 0;
  color: #000;
  font-size: 1.6rem;
  line-height: 1.5;
  transition: border 0.2s 0.3s, background 0.2s 0.3s, color 0.2s 0.3s, box-shadow 0.2s 0.3s;
}
@media (min-width: 1060px) {
  .forms [type="text"],
  .forms [type="search"],
  .forms [type="password"],
  .forms [type="email"],
  .forms [type="tel"],
  .forms select,
  .forms textarea {
    height: 4.8rem;
    font-size: 1.8rem;
    line-height: 1.56;
  }
}
.forms select {
  padding-right: 2.4rem;
  background: #fff url(../images/common/ico-select.svg) no-repeat right center;
  background-size: 24px 24px;
}
.forms select::-ms-expand {
  display: none;
}
.forms textarea {
  padding: 0.8rem 1rem;
  min-height: 12rem;
  border-radius: 0.2rem;
  border: solid 1px #00256c;
  outline: 0;
  resize: vertical;
}
.forms [type="text"]:hover,
.forms [type="search"]:hover,
.forms [type="password"]:hover,
.forms [type="email"]:hover,
.forms [type="tel"]:hover,
.forms select:hover,
.forms textarea:hover,
.forms [type="text"]:focus,
.forms [type="search"]:focus,
.forms [type="password"]:focus,
.forms [type="email"]:focus,
.forms [type="tel"]:focus,
.forms select:focus,
.forms textarea:focus {
  padding: 0 1rem;
  border-bottom-color: transparent;
  border-radius: 0.2rem;
  outline: 0;
  box-shadow: 0 0 0 1px #0064de;
  color: #000;
  transition: padding 0.2s, border 0.2s, background 0.2s, color 0.2s, box-shadow 0.2s;
}
.app .forms [type="text"]:hover,
.app .forms [type="search"]:hover,
.app .forms [type="password"]:hover,
.app .forms [type="email"]:hover,
.app .forms [type="tel"]:hover,
.app .forms select:hover,
.app .forms textarea:hover,
.app .forms [type="text"]:focus,
.app .forms [type="search"]:focus,
.app .forms [type="password"]:focus,
.app .forms [type="email"]:focus,
.app .forms [type="tel"]:focus,
.app .forms select:focus,
.app .forms textarea:focus {
  border-color: #00256c;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.forms [type="text"][readonly],
.forms [type="search"][readonly],
.forms [type="password"][readonly],
.forms [type="email"][readonly],
.forms [type="tel"][readonly],
.forms select[readonly],
.forms textarea[readonly] {
  border-bottom-color: #e7eaf0;
}
.forms [type="text"][disabled],
.forms [type="search"][disabled],
.forms [type="password"][disabled],
.forms [type="email"][disabled],
.forms [type="tel"][disabled],
.forms select[disabled],
.forms textarea[disabled] {
  padding: 0 1rem;
  border-radius: 0;
  background-color: #fff;
  border-bottom-color: #d9dbe1;
  color: #bcbcbc;
  cursor: not-allowed;
}
.forms [type="text"][disabled]:hover,
.forms [type="search"][disabled]:hover,
.forms [type="password"][disabled]:hover,
.forms [type="email"][disabled]:hover,
.forms [type="tel"][disabled]:hover,
.forms select[disabled]:hover,
.forms textarea[disabled]:hover,
.forms [type="text"][disabled]:focus,
.forms [type="search"][disabled]:focus,
.forms [type="password"][disabled]:focus,
.forms [type="email"][disabled]:focus,
.forms [type="tel"][disabled]:focus,
.forms select[disabled]:focus,
.forms textarea[disabled]:focus {
  border-color: #d9dbe1;
  border-radius: 0;
  outline: 0;
  box-shadow: none;
}
.forms [type="text"][aria-disabled="true"],
.forms [type="search"][aria-disabled="true"],
.forms [type="password"][aria-disabled="true"],
.forms [type="email"][aria-disabled="true"],
.forms [type="tel"][aria-disabled="true"],
.forms select[aria-disabled="true"],
.forms textarea[aria-disabled="true"] {
  padding: 0 1rem;
  border-radius: 0;
  background-color: #fff;
  border-bottom-color: #d9dbe1 !important;
  color: #767676;
  cursor: not-allowed;
}
.forms select[disabled],
.forms select[aria-disabled="true"] {
  background: #fff url(../images/common/ico-select-disabled.svg) no-repeat right center;
}
.forms select.-readonly {
  border-bottom-color: #e7eaf0;
  background: #fff url(../images/common/ico-select-disabled.svg) no-repeat right center;
  color: #000;
}
.forms select.-readonly:hover,
.forms select.-readonly:focus {
  background-position: right center;
}
.forms select:hover,
.forms select:focus {
  padding-right: 3.4rem;
  background-position: right 1rem center;
}
.forms textarea:hover,
.forms textarea:focus {
  padding: 0.8rem 1rem;
  border-color: transparent;
}
.forms textarea[readonly] {
  border-color: #e7eaf0;
}
.forms textarea[disabled] {
  padding: 0.8rem 1rem;
  border-color: #d9dbe1;
}
.forms textarea[disabled]:hover,
.forms textarea[disabled]:focus {
  border-color: #d9dbe1;
}
.forms textarea[aria-disabled="true"] {
  padding: 0.8rem 1rem;
  border-color: #d9dbe1 !important;
}
.-success.forms [type="text"],
.-success.forms [type="search"],
.-success.forms [type="password"],
.-success.forms [type="email"],
.-success.forms [type="tel"],
.-success.forms select {
  border-bottom-color: #148ee1;
}
.-success.forms [type="text"]:hover,
.-success.forms [type="search"]:hover,
.-success.forms [type="password"]:hover,
.-success.forms [type="email"]:hover,
.-success.forms [type="tel"]:hover,
.-success.forms select:hover,
.-success.forms [type="text"]:focus,
.-success.forms [type="search"]:focus,
.-success.forms [type="password"]:focus,
.-success.forms [type="email"]:focus,
.-success.forms [type="tel"]:focus,
.-success.forms select:focus {
  border-bottom-color: transparent;
}
.app .-success.forms [type="text"]:hover:hover,
.app .-success.forms [type="search"]:hover:hover,
.app .-success.forms [type="password"]:hover:hover,
.app .-success.forms [type="email"]:hover:hover,
.app .-success.forms [type="tel"]:hover:hover,
.app .-success.forms select:hover:hover,
.app .-success.forms [type="text"]:focus:hover,
.app .-success.forms [type="search"]:focus:hover,
.app .-success.forms [type="password"]:focus:hover,
.app .-success.forms [type="email"]:focus:hover,
.app .-success.forms [type="tel"]:focus:hover,
.app .-success.forms select:focus:hover,
.app .-success.forms [type="text"]:hover:focus,
.app .-success.forms [type="search"]:hover:focus,
.app .-success.forms [type="password"]:hover:focus,
.app .-success.forms [type="email"]:hover:focus,
.app .-success.forms [type="tel"]:hover:focus,
.app .-success.forms select:hover:focus,
.app .-success.forms [type="text"]:focus:focus,
.app .-success.forms [type="search"]:focus:focus,
.app .-success.forms [type="password"]:focus:focus,
.app .-success.forms [type="email"]:focus:focus,
.app .-success.forms [type="tel"]:focus:focus,
.app .-success.forms select:focus:focus {
  border-bottom-color: #148ee1;
}
.-error.forms [type="text"],
.-error.forms [type="search"],
.-error.forms [type="password"],
.-error.forms [type="email"],
.-error.forms [type="tel"],
.-error.forms select {
  border-bottom-color: #de001b;
}
.-error.forms [type="text"]:hover,
.-error.forms [type="search"]:hover,
.-error.forms [type="password"]:hover,
.-error.forms [type="email"]:hover,
.-error.forms [type="tel"]:hover,
.-error.forms select:hover,
.-error.forms [type="text"]:focus,
.-error.forms [type="search"]:focus,
.-error.forms [type="password"]:focus,
.-error.forms [type="email"]:focus,
.-error.forms [type="tel"]:focus,
.-error.forms select:focus {
  border-bottom-color: transparent;
}
.app .-error.forms [type="text"]:hover:hover,
.app .-error.forms [type="search"]:hover:hover,
.app .-error.forms [type="password"]:hover:hover,
.app .-error.forms [type="email"]:hover:hover,
.app .-error.forms [type="tel"]:hover:hover,
.app .-error.forms select:hover:hover,
.app .-error.forms [type="text"]:focus:hover,
.app .-error.forms [type="search"]:focus:hover,
.app .-error.forms [type="password"]:focus:hover,
.app .-error.forms [type="email"]:focus:hover,
.app .-error.forms [type="tel"]:focus:hover,
.app .-error.forms select:focus:hover,
.app .-error.forms [type="text"]:hover:focus,
.app .-error.forms [type="search"]:hover:focus,
.app .-error.forms [type="password"]:hover:focus,
.app .-error.forms [type="email"]:hover:focus,
.app .-error.forms [type="tel"]:hover:focus,
.app .-error.forms select:hover:focus,
.app .-error.forms [type="text"]:focus:focus,
.app .-error.forms [type="search"]:focus:focus,
.app .-error.forms [type="password"]:focus:focus,
.app .-error.forms [type="email"]:focus:focus,
.app .-error.forms [type="tel"]:focus:focus,
.app .-error.forms select:focus:focus {
  border-bottom-color: #de001b;
}
.-right.forms [type="text"],
.-right.forms [type="search"],
.-right.forms [type="password"],
.-right.forms [type="email"],
.-right.forms [type="tel"],
.-right.forms select {
  text-align: right;
}
.-center.forms [type="text"],
.-center.forms [type="search"],
.-center.forms [type="password"],
.-center.forms [type="email"],
.-center.forms [type="tel"],
.-center.forms select {
  text-align: center;
}
.-uatp.forms [type="text"],
.-uatp.forms [type="search"],
.-uatp.forms [type="password"],
.-uatp.forms [type="email"],
.-uatp.forms [type="tel"],
.-uatp.forms select {
  padding-right: 3.4rem;
  background: #fff url(../images/common/ico-card-uatp.png) no-repeat right center / 24px 24px;
}
.-amex.forms [type="text"],
.-amex.forms [type="search"],
.-amex.forms [type="password"],
.-amex.forms [type="email"],
.-amex.forms [type="tel"],
.-amex.forms select {
  padding-right: 3.4rem;
  background: #fff url(../images/common/ico-card-amex.png) no-repeat right center / 24px 24px;
}
.-jcb.forms [type="text"],
.-jcb.forms [type="search"],
.-jcb.forms [type="password"],
.-jcb.forms [type="email"],
.-jcb.forms [type="tel"],
.-jcb.forms select {
  padding-right: 3.4rem;
  background: #fff url(../images/common/ico-card-jcb.png) no-repeat right center / 24px 24px;
}
.-visa.forms [type="text"],
.-visa.forms [type="search"],
.-visa.forms [type="password"],
.-visa.forms [type="email"],
.-visa.forms [type="tel"],
.-visa.forms select {
  padding-right: 3.4rem;
  background: #fff url(../images/common/ico-card-visa.png) no-repeat right center / 24px 24px;
}
.-master.forms [type="text"],
.-master.forms [type="search"],
.-master.forms [type="password"],
.-master.forms [type="email"],
.-master.forms [type="tel"],
.-master.forms select {
  padding-right: 3.4rem;
  background: #fff url(../images/common/ico-card-master.png) no-repeat right center / 24px 24px;
}
.-diners.forms [type="text"],
.-diners.forms [type="search"],
.-diners.forms [type="password"],
.-diners.forms [type="email"],
.-diners.forms [type="tel"],
.-diners.forms select {
  padding-right: 3.4rem;
  background: #fff url(../images/common/ico-card-diners.png) no-repeat right center / 24px 24px;
}
.-discover.forms [type="text"],
.-discover.forms [type="search"],
.-discover.forms [type="password"],
.-discover.forms [type="email"],
.-discover.forms [type="tel"],
.-discover.forms select {
  padding-right: 3.4rem;
  background: #fff url(../images/common/ico-card-discover.png) no-repeat right center / 24px 24px;
}
.helper {
  display: block;
  margin-top: 0.2rem;
  color: #00256c;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .helper {
    margin-top: 0.4rem;
  }
}
.placeholder {
  position: absolute;
  top: 0.8rem;
  color: #767676;
  font-size: 1.6rem;
  user-select: none;
  -ms-user-select: none;
}
@media (min-width: 1060px) {
  .placeholder {
    top: 1rem;
    font-size: 1.8rem;
    line-height: 1.56;
  }
}
.placeholder.-right {
  right: 0;
}
.message {
  margin: 0.8rem 0;
  color: #767676;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .message {
    margin-top: 0.8rem;
  }
}
.message:first-child {
  margin-top: 0;
}
.message:last-child {
  margin-bottom: 0;
}
.message[tabindex]:hover,
.message[tabindex]:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .message[tabindex]:hover,
.app .message[tabindex]:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.message.-success,
.-success .message {
  color: #00256c;
}
.message.-error,
.-error .message {
  color: #de001b;
}
.selection .message {
  width: 100%;
}
.cage.-error .message {
  color: #de001b;
}
.compare-dates .message {
  padding-left: 0.5rem;
}
.text {
  display: block;
  width: 100%;
  height: auto;
  padding-bottom: 0.8rem;
  border-bottom: 1px solid #d9dbe1;
  font-size: 1.6rem;
  color: #000;
  line-height: 1.5;
  /* CREDIT CARD */
}
@media (min-width: 1060px) {
  .text {
    font-size: 1.8rem;
    line-height: 1.56;
  }
}
.text + .text {
  margin-top: 1rem;
}
.text.-lineless {
  border-color: #fff;
}
.text .label {
  margin-bottom: 0.9rem;
  font-weight: normal;
}
@media (min-width: 1060px) {
  .text .label {
    margin-bottom: 2rem;
  }
}
.-uatp.text {
  padding-right: 3.4rem;
  background: url(../images/common/ico-card-uatp.png) no-repeat right bottom 0.7rem;
  background-size: 24px 24px;
}
.-amex.text {
  padding-right: 3.4rem;
  background: url(../images/common/ico-card-amex.png) no-repeat right bottom 0.7rem;
  background-size: 24px 24px;
}
.-jcb.text {
  padding-right: 3.4rem;
  background: url(../images/common/ico-card-jcb.png) no-repeat right bottom 0.7rem;
  background-size: 24px 24px;
}
.-visa.text {
  padding-right: 3.4rem;
  background: url(../images/common/ico-card-visa.png) no-repeat right bottom 0.7rem;
  background-size: 24px 24px;
}
.-master.text {
  padding-right: 3.4rem;
  background: url(../images/common/ico-card-master.png) no-repeat right bottom 0.7rem;
  background-size: 24px 24px;
}
.-diners.text {
  padding-right: 3.4rem;
  background: url(../images/common/ico-card-diners.png) no-repeat right bottom 0.7rem;
  background-size: 24px 24px;
}
.-discover.text {
  padding-right: 3.4rem;
  background: url(../images/common/ico-card-discover.png) no-repeat right bottom 0.7rem;
  background-size: 24px 24px;
}
.selection {
  position: relative;
}
.selection [type="checkbox"],
.selection [type="radio"] {
  opacity: 0;
  position: absolute;
  top: 1.2rem;
  left: 0;
  width: 2rem;
  height: 2rem;
  border: 0;
}
.selection [type="checkbox"]:focus ~ label:before,
.selection [type="radio"]:focus ~ label:before {
  outline: 0;
  box-shadow: 0 0 0 0.3rem #fff, 0 0 0 0.4rem #0064de;
}
.app .selection [type="checkbox"]:focus ~ label:before,
.app .selection [type="radio"]:focus ~ label:before {
  box-shadow: none;
}
.selection label {
  display: inline-block;
  position: relative;
  padding-left: 2.6rem;
  color: #000;
  font-size: 1.4rem;
  line-height: 1.58;
  text-indent: 0;
}
@media (min-width: 1060px) {
  .selection label {
    padding-left: 3rem;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.selection label:hover:before {
  outline: 0;
  box-shadow: 0 0 0 0.3rem #fff, 0 0 0 0.4rem #0064de;
}
.app .selection label:hover:before {
  box-shadow: none;
}
.selection label.-bold {
  font-weight: 700;
}
.selection label.-inline {
  display: inline;
}
.selection [type="checkbox"] ~ label:before {
  content: "";
  box-sizing: border-box;
  position: absolute;
  top: 0.2rem;
  left: 0;
  width: 1.8rem;
  height: 1.8rem;
  border: 1px solid #00256c;
  border-radius: 0.2rem;
  background-size: 11px 9px;
}
@media (min-width: 1060px) {
  .selection [type="checkbox"] ~ label:before {
    top: 0.4rem;
  }
}
.selection [type="radio"] ~ label:before {
  content: "";
  box-sizing: border-box;
  position: absolute;
  top: 0.2rem;
  left: 0;
  width: 1.8rem;
  height: 1.8rem;
  border-radius: 1.8rem;
  border: 1px solid #00256c;
  background-size: 11px 9px;
}
@media (min-width: 1060px) {
  .selection [type="radio"] ~ label:before {
    top: 0.4rem;
  }
}
.selection [type="checkbox"]:checked ~ label:before {
  background: #00256c url(../images/common/ico-checkbox.svg) no-repeat 50% 50%;
}
.selection [type="radio"]:checked ~ label:before {
  background: #fff url(../images/common/ico-radio.svg) no-repeat 50% 50%;
}
.selection [type="checkbox"]:indeterminate ~ label:before,
.selection [type="checkbox"][aria-checked="mixed"] ~ label:before {
  background: #00256c url(../images/common/ico-checkbox-indeterminate.svg) no-repeat 50% 50%;
}
.selection [disabled] ~ label {
  cursor: not-allowed;
}
.selection [disabled] ~ label:before {
  border: 1px solid #d9dbe1 !important;
  background-color: #e7eaf0 !important;
}
.selection [disabled] ~ label:hover:before {
  box-shadow: none;
}
.selection [disabled][type="checkbox"]:checked ~ label {
  cursor: not-allowed;
}
.selection [disabled][type="checkbox"]:checked ~ label:before {
  background-image: url(../images/common/ico-checkbox-disabled.svg);
}
.selection [aria-disabled="true"][type="checkbox"] ~ label {
  cursor: not-allowed;
}
.selection [aria-disabled="true"][type="checkbox"] ~ label:before {
  border: 1px solid #d9dbe1 !important;
  background-color: #e7eaf0 !important;
}
.selection [aria-disabled="true"][type="checkbox"]:checked ~ label {
  cursor: not-allowed;
}
.selection [aria-disabled="true"][type="checkbox"]:checked ~ label:before {
  background-image: url(../images/common/ico-checkbox-disabled.svg);
}
.selection [aria-disabled="true"][type="radio"] ~ label {
  cursor: not-allowed;
}
.selection [aria-disabled="true"][type="radio"] ~ label:before {
  border: 1px solid #d9dbe1 !important;
  background-color: #e7eaf0 !important;
}
.selection [disabled][type="radio"]:checked ~ label:before,
.selection [aria-disabled="true"][type="radio"]:checked ~ label:before {
  border: 0.1px solid #666 !important;
  background: #e7eaf0 url(../images/common/ico-radio-disabled.svg) no-repeat 50% 50%;
}
.selection [disabled] ~ label,
.selection [aria-disabled="true"] ~ label {
  color: #767676;
}
.selection.-agree {
  margin-top: 4rem;
}
.forms + .selection {
  margin-top: 2rem;
}
.forms + .selection {
  margin-top: 2rem;
}
.counter {
  margin-top: 0.8rem;
  text-align: right;
}
.counter__value {
  color: #767676;
  font-size: 1.4rem;
}
.switch {
  display: block;
  position: relative;
  width: 100%;
  padding-right: 6.2rem;
  border: 0;
  background: transparent none;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  text-align: left;
  cursor: pointer;
}
@media (min-width: 1060px) {
  .switch {
    display: inline-block;
    width: auto;
    padding-right: 7.2rem;
    font-size: 1.8rem;
    line-height: 1.56;
    vertical-align: middle;
  }
}
.switch.-payment {
  display: inline-block;
  width: auto;
  color: #555;
  font-weight: normal;
  font-size: 1.4rem;
  line-height: 1.58;
}
.switch:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 0.5rem;
  width: 4.8rem;
  height: 1.2rem;
  margin-top: -0.6rem;
  border-radius: 1.2rem;
  background-color: #888;
  transition: 0.2s;
}
.switch[aria-pressed="true"]:before {
  background-color: #0064de;
}
.switch:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 2.9rem;
  width: 2.4rem;
  height: 2.4rem;
  margin-top: -1.2rem;
  border-radius: 50%;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
  background-color: #fff;
  transition: 0.2s;
}
.switch[aria-pressed="true"]:after {
  right: 0.4rem;
}
.switch:hover,
.switch:focus {
  outline: 0;
  border-radius: 0.2rem !important;
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.3rem #0064de;
}
.app .switch:hover,
.app .switch:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.confirm {
  display: block;
  width: 100%;
  margin: 0;
  padding: 1.5rem 2rem 1.6rem;
  border: 1px solid #013066;
  border-radius: 0.2rem;
  background-color: #013066;
  color: #fff;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1.58;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  appearance: none;
}
@media (min-width: 1060px) {
  .confirm {
    display: inline-block;
    width: auto;
    min-width: 24rem;
    padding: 1.5rem 2rem;
    font-size: 1.8rem;
    line-height: 1.56;
  }
}
.confirm:hover,
.confirm:focus {
  outline: 0;
  border-radius: 0.2rem !important;
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.3rem #0064de;
}
.app .confirm:hover,
.app .confirm:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
a.confirm {
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.confirm[disabled] {
  border: 1px solid #bcbcbc;
  background-color: #bcbcbc;
  color: #fff;
  cursor: not-allowed;
}
.confirm[disabled]:hover,
.confirm[disabled]:focus {
  outline: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.confirm[aria-disabled="true"] {
  border: 1px solid #bcbcbc;
  background-color: #bcbcbc;
  color: #fff;
  cursor: not-allowed;
}
.confirm.-ghost {
  background-color: #fff;
  color: #013066;
}
.confirm.-positive {
  border-color: #0064de;
  background-color: #0064de;
}
@media (min-width: 1060px) {
  .confirm.-expand {
    width: 100%;
  }
}
.dialog .confirm {
  display: inline-block;
  min-width: 12rem;
  min-height: 4.2rem;
  padding: 1rem;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .dialog .confirm {
    min-width: 24rem;
    min-height: 4.8rem;
    padding: 1.2rem 1rem;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.dialog .confirms.-half .confirm {
  min-width: auto;
}
@media (min-width: 1060px) {
  .dialog .confirms.-half .confirm {
    min-width: 15rem;
  }
}
.item-info__dicition .confirm {
  width: 100%;
}
.button {
  display: inline-block;
  min-width: 12rem;
  margin: 0;
  padding: 1rem 1.6rem;
  border: 0;
  border-radius: 0.2rem;
  background-color: #0064de;
  color: #fff;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 1.58;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  appearance: none;
}
@media (min-width: 1060px) {
  .button {
    min-width: 15rem;
    padding: 1.2rem 1rem;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.button:hover,
.button:focus {
  outline: 0;
  border-radius: 0.2rem !important;
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.3rem #0064de;
}
.app .button:hover,
.app .button:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
a.button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.button[disabled] {
  border: 1px solid #bcbcbc !important;
  background-color: #bcbcbc !important;
  color: #fff !important;
  cursor: not-allowed;
}
.button[disabled]:hover,
.button[disabled]:focus {
  outline: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.button[aria-disabled="true"] {
  border: 1px solid #767676 !important;
  background-color: #767676 !important;
  color: #fff !important;
  cursor: not-allowed;
}
.button.-confirm {
  background-color: #013066;
  border: 1px solid #013066;
  color: #fff;
}
.button.-ghost {
  background-color: #fff;
  border: 1px solid #013066;
  color: #00256c;
}
.button.-search {
  background-color: #fff;
  border-color: #00256c;
  color: #00256c;
}
.button.-search:before {
  content: "";
  display: inline-block;
  width: 2.4rem;
  height: 2.4rem;
  margin-top: -0.2rem;
  margin-right: 0.4rem;
  background: url(../images/common/ico-search.svg) no-repeat;
  background-size: 24px 24px;
  vertical-align: middle;
}
@media (min-width: 1060px) {
  .button.-search:before {
    margin-right: 0.6rem;
  }
}
.button.-link {
  padding: 0;
  height: auto;
  background: transparent;
  min-width: auto;
}
.button.-link .remark {
  text-decoration: underline;
}
.option {
  display: inline-block;
  min-width: 6.8rem;
  margin: 0;
  padding: 0.6rem 1.2rem 0.7rem;
  border: 1px solid #0064de;
  border-radius: 0.2rem;
  background-color: #fff;
  color: #0064de;
  font-size: 1.4rem;
  line-height: 1.58;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  appearance: none;
}
@media (min-width: 1060px) {
  .option {
    min-width: 8.4rem;
    padding: 0.7rem 0.8rem;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.option:hover,
.option:focus {
  outline: 0;
  border-radius: 0.2rem !important;
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.3rem #0064de;
}
.app .option:hover,
.app .option:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
a.option {
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.option[disabled] {
  border: 1px solid #bcbcbc !important;
  background-color: #bcbcbc !important;
  color: #fff !important;
  cursor: not-allowed;
}
.option[disabled]:hover,
.option[disabled]:focus {
  outline: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.option[aria-disabled="true"] {
  border: 1px solid #bcbcbc !important;
  background-color: #bcbcbc !important;
  color: #fff !important;
  cursor: not-allowed;
}
.option.-ghost {
  border-color: #767676;
  color: #555;
}
.option.-filter {
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 300%;
  width: 44px;
  border-color: #767676;
  color: #555;
  text-align: left;
}
@media (min-width: 1060px) {
  .option.-filter {
    text-indent: 0;
    width: auto;
    min-width: 8.3rem;
    text-align: center;
  }
}
.option.-filter:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1.6rem;
  height: 1.6rem;
  background: url(../images/common/ico-filter.svg) no-repeat;
  background-size: 16px 16px;
  vertical-align: -0.2rem;
  transform: translate(-50%, -50%);
}
@media (min-width: 1060px) {
  .option.-filter:before {
    position: static;
    margin-right: 0.4rem;
    transform: translate(0, 0);
  }
}
.option.-download {
  border-color: #767676;
  color: #555;
}
.option.-download:before {
  content: "";
  display: inline-block;
  width: 1.6rem;
  height: 1.6rem;
  margin-right: 0.4rem;
  background: url(../images/common/ico-download.svg) no-repeat;
  background-size: 16px 16px;
  vertical-align: -0.2rem;
}
.option.-plus {
  border-color: #0064de;
  color: #0064de;
}
.option.-plus:before {
  content: "";
  display: inline-block;
  width: 1.6rem;
  height: 1.6rem;
  margin-right: 0.4rem;
  background: url(../images/common/ico-plus.svg) no-repeat;
  background-size: 16px 16px;
  vertical-align: -0.2rem;
}
.option.-minus {
  border-color: #767676;
  color: #555;
}
.option.-minus:before {
  content: "";
  display: inline-block;
  width: 1.6rem;
  height: 1.6rem;
  margin-right: 0.4rem;
  background: url(../images/common/ico-minus.svg) no-repeat;
  background-size: 16px 16px;
  vertical-align: -0.2rem;
}
.option.-down {
  font-size: 1.2rem;
  padding: 0.3rem 1rem;
  border-radius: 1.4rem;
  border-color: #0064de;
  color: #0064de;
}
@media (min-width: 1060px) {
  .option.-down {
    font-size: 1.4rem;
  }
}
.option.-down:before {
  content: "";
  display: inline-block;
  width: 1.6rem;
  height: 1.6rem;
  margin-right: 0.4rem;
  background: url(../images/common/ico-down.svg) no-repeat;
  background-size: 16px 16px;
  vertical-align: -0.2rem;
}
.option.-down:hover,
.option.-down:focus {
  outline: 0;
  border-radius: 1.4rem !important;
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.3rem #0064de;
}
.option.-up {
  font-size: 1.2rem;
  padding: 0.3rem 1rem;
  border-radius: 1.4rem;
  border-color: #0064de;
  color: #0064de;
  margin-left: 0.6rem !important;
}
@media (min-width: 1060px) {
  .option.-up {
    font-size: 1.4rem;
    margin-left: 0.8rem !important;
  }
}
.option.-up:before {
  content: "";
  display: inline-block;
  width: 1.6rem;
  height: 1.6rem;
  margin-right: 0.4rem;
  background: url(../images/common/ico-up.svg) no-repeat;
  background-size: 16px 16px;
  vertical-align: -0.2rem;
}
.option.-up:hover,
.option.-up:focus {
  outline: 0;
  border-radius: 1.4rem !important;
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.3rem #0064de;
}
.option.-stretch {
  height: auto;
}
.option.-print {
  border-color: #767676;
  color: #555;
}
.option.-print:before {
  content: "";
  display: inline-block;
  width: 1.6rem;
  height: 1.6rem;
  margin-right: 0.4rem;
  background: url(../images/common/ico-print.svg) no-repeat;
  background-size: 16px 16px;
  vertical-align: -0.2rem;
}
.detail {
  min-width: 5rem;
  padding: 0.3rem 1rem;
  border: 1px solid #d9dbe1;
  border-radius: 1.3rem;
  background: none;
  color: #555;
  font-size: 1.4rem;
  line-height: 1.58;
  text-decoration: none;
}
@media (min-width: 1060px) {
  .detail {
    padding: 0.2rem 1.4rem;
    border-radius: 1.4rem;
  }
}
.detail.-right {
  margin-top: 0.8rem;
}
@media (min-width: 1060px) {
  .detail.-right {
    margin-top: 0;
    margin-left: auto;
  }
}
.detail:hover,
.detail:focus {
  outline: 0;
  border-radius: 1.3rem;
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.3rem #0064de;
}
.notice .detail {
  display: block;
  border-color: #767676;
}
@media (min-width: 1060px) {
  .notice .detail {
    display: inline-block;
    margin-left: 1.6rem;
  }
}
.agree .detail {
  white-space: nowrap;
}
.control {
  padding-left: 4rem;
  background: url(../images/common/ico-add.svg) no-repeat left center / 33px 32px;
  border: 0;
  outline: 0;
  height: 3.2rem;
  color: #000;
  font-size: 1.4rem;
  line-height: 1.58;
  cursor: pointer;
}
@media (min-width: 1060px) {
  .control {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.control:hover,
.control:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .control:hover,
.app .control:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.control[disabled] {
  background: url(../images/common/ico-add-disabled.svg) no-repeat left center;
  background-size: 32px 32px;
  color: #bcbcbc;
  cursor: not-allowed;
}
.control[disabled]:hover,
.control[disabled]:focus {
  outline: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.control[aria-disabled="true"] {
  background: url(../images/common/ico-add-disabled.svg) no-repeat left center;
  background-size: 32px 32px;
  color: #bcbcbc;
  cursor: not-allowed;
}
.control.-add {
  background: url(../images/common/ico-add.svg) no-repeat left center;
  background-size: 32px 32px;
}
.control.-add[disabled] {
  background: url(../images/common/ico-add-disabled.svg) no-repeat left center;
  background-size: 32px 32px;
}
.control.-remove {
  background: url(../images/common/ico-remove.svg) no-repeat left center;
  background-size: 32px 32px;
}
.control.-remove[disabled] {
  background: url(../images/common/ico-remove-disabled.svg) no-repeat left center;
  background-size: 32px 32px;
}
.link-button {
  color: #0064de;
  border: 0;
  background-color: transparent;
  font-size: 1.6rem;
  text-decoration: underline;
  cursor: pointer;
}
.link-button:hover,
.link-button:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .link-button:hover,
.app .link-button:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
@media (min-width: 1060px) {
  .link-button {
    font-size: 1.8rem;
  }
}
.link-button.-small {
  font-size: 1.4rem;
}
@media (min-width: 1060px) {
  .link-button.-small {
    font-size: 1.6rem;
  }
}
.opener {
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  flex-shrink: 0;
  display: inline-block;
  width: 3.6rem;
  height: 3.6rem;
  border: 0;
  border-radius: 50%;
  background: url(../images/common/ico-opener.svg) no-repeat 50% 50%;
  background-size: 24px 24px;
  cursor: pointer;
}
.opener:hover,
.opener:focus {
  outline: 0;
  border-radius: 50%;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .opener:hover,
.app .opener:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.opener.-ex {
  background: url(../images/common/ico-example.svg) #fff no-repeat 50% 50%;
  background-size: 24px 24px;
}
.opener.-info {
  background: url(../images/common/ico-info.svg) #fff no-repeat 50% 50%;
  background-size: 24px 24px;
}
.p .opener {
  vertical-align: -0.1rem;
}
@media (min-width: 1060px) {
  .p .opener {
    vertical-align: 0;
  }
}
.hgroup.-bottom > .opener {
  margin-left: 0;
  margin-bottom: -0.6rem;
}
@media (min-width: 1060px) {
  .hgroup.-bottom > .opener {
    margin-bottom: -0.4rem;
  }
}
.hgroup.-h1 .h1 + .opener {
  margin-left: 0;
}
.expander {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  width: 4.4rem;
  height: 4.4rem;
  border: 0;
  background: url(../images/common/ico-expander.svg) no-repeat center center;
  background-size: 24px 24px;
}
.expander:hover,
.expander:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .expander:hover,
.app .expander:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.expander[aria-expanded="true"] {
  background: url(../images/common/ico-expander-active.svg) no-repeat center center;
  background-size: 24px 24px;
}
.expander.-small {
  overflow: visible;
  white-space: normal;
  text-indent: 0;
  width: auto;
  max-width: 100%;
  height: auto;
  padding-right: 2rem;
  background: url(../images/common/ico-expander-small.svg) no-repeat 100% 50%;
  background-size: 16px 16px;
  color: #0064de;
  font-size: 1.4rem;
  line-height: 1.58;
  text-align: left;
}
@media (min-width: 1060px) {
  .expander.-small {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.expander.-small[aria-expanded="true"] {
  background: url(../images/common/ico-expander-small-active.svg) no-repeat 100% 50%;
  background-size: 16px 16px;
}
.file__type {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  position: relative;
}
.file__type [type="file"] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  min-width: 100%;
  height: 100%;
  outline: 0;
  opacity: 0;
}
.file__type [type="file"]:hover + .file__type-name:before,
.file__type [type="file"]:focus + .file__type-name:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 0.2rem;
  box-shadow: 0 0 0 1px #0064de;
}
.app .file__type [type="file"]:hover + .file__type-name:before,
.app .file__type [type="file"]:focus + .file__type-name:before {
  border-radius: 0;
  box-shadow: none;
}
.file__type-name {
  flex: 1;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
  margin-right: 2rem;
  height: 4rem;
  line-height: 4rem;
  border-bottom: 1px solid #00256c;
  transition: padding 0.2s, border 0.2s, background 0.2s, color 0.2s, box-shadow 0.2s;
}
.-error .file__type-name {
  border-bottom-color: #de001b;
}
@media (min-width: 1060px) {
  .hgroup {
    display: flex;
    align-items: flex-end;
  }
}
.hgroup.-fixed {
  display: flex;
  align-items: center;
}
.hgroup.-top {
  align-items: flex-start;
}
.hgroup.-middle {
  align-items: center;
}
.hgroup.-bottom {
  align-items: flex-end;
}
.hgroup.-left {
  justify-content: flex-start;
}
.hgroup.-center {
  justify-content: center;
}
.hgroup.-right {
  justify-content: flex-end;
}
.hgroup > * {
  margin-top: 0;
  margin-bottom: 0;
}
.hgroup > * + * {
  margin-top: 1rem;
}
@media (min-width: 1060px) {
  .hgroup > * + * {
    margin-top: 0;
    margin-left: 2rem;
  }
}
.hgroup > * + *.-push {
  margin-left: auto;
}
.hgroup > * + *.-mobile-push {
  margin-left: auto;
}
@media (min-width: 1060px) {
  .hgroup > * + *.-mobile-push {
    margin-left: 2rem;
  }
}
.hgroup > * + *.-pc-push {
  margin-left: 2rem;
}
@media (min-width: 1060px) {
  .hgroup > * + *.-pc-push {
    margin-left: auto;
  }
}
.-fixed.hgroup > * + * {
  margin-top: 0;
}
.hgroup > * + *.requires {
  margin-left: auto;
}
.hgroup.-h1 {
  margin-bottom: 0.8rem;
}
.hgroup.-h1:last-child {
  margin-bottom: 0;
}
.hgroup.-h2 {
  margin: 2rem 0 0.8rem;
}
@media (min-width: 1060px) {
  .hgroup.-h2 {
    margin: 4rem 0 0.8rem;
  }
}
.hgroup.-h2:first-child {
  margin-top: 0;
}
.h1 + .hgroup.-h2 {
  margin-top: 2rem;
}
.hgroup.-h3 {
  margin: 2rem 0 0.8rem;
}
@media (min-width: 1060px) {
  .hgroup.-h3 {
    margin: 4rem 0 0.8rem;
  }
}
.hgroup.-h3:first-child {
  margin-top: 0;
}
.h2 + .hgroup.-h3 {
  margin-top: 1.6rem;
}
.bundle .hgroup.-h3 {
  margin-bottom: 0;
}
.hgroup.-h4 {
  width: 100%;
  margin: 6rem 0 1.2rem;
}
.hgroup.-h4:first-child {
  margin-top: 0;
}
.links {
  margin-top: 1.6rem;
}
.links:first-child {
  margin-top: 0;
}
.links:last-child {
  margin-bottom: 0;
}
.links:after {
  content: "";
  display: block;
  clear: both;
}
.links.-x > .link {
  float: left;
  clear: both;
}
@media (min-width: 1060px) {
  .links.-x > .link {
    clear: none;
  }
}
.links.-x > .link + .link {
  margin-top: 0.8rem;
}
@media (min-width: 1060px) {
  .links.-x > .link + .link {
    margin: 0 0 0 2.8rem;
  }
}
.links.-y > .link {
  float: left;
  clear: both;
}
.links.-y > .link + .link {
  margin-top: 1.2rem;
}
.links.-left {
  text-align: left;
}
.links.-center {
  text-align: center;
}
.links.-center.-x > .link {
  float: left;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  clear: both;
}
@media (min-width: 1060px) {
  .links.-center.-x > .link {
    float: none;
    display: inline-block;
    left: initial;
    transform: initial;
  }
}
.links.-center.-y > .link {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  clear: both;
}
@media (min-width: 1060px) {
  .links.-center.-y > .link {
    display: inline-block;
    left: 50%;
    transform: translateX(-50%);
  }
}
.links.-right {
  text-align: right;
}
.links__item + .links__item {
  margin-top: 0.8rem;
}
@media (min-width: 1060px) {
  .links.-x .links__item + .links__item {
    margin: 0 0 0 2.8rem;
  }
}
.links.-y .links__item + .links__item {
  margin-top: 1.2rem;
}
.links.-x .links__item {
  float: left;
  clear: both;
}
@media (min-width: 1060px) {
  .links.-x .links__item {
    clear: none;
  }
}
.links.-y .links__item {
  float: left;
  clear: both;
}
.links.-center .links__item {
  float: none;
  display: inline-block;
}
.links.-center.-y .links__item {
  float: left;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  clear: both;
}
.list .links {
  margin-top: 0.4rem;
}
.dispose {
  display: flex;
  align-items: flex-end;
  margin: 1.2rem 0;
}
.dispose.-small {
  margin: 0.8rem 0;
}
.dispose.-medium {
  margin: 1.2rem 0;
}
.dispose.-large {
  margin: 2rem 0;
}
.dispose.-huge {
  margin: 4rem 0;
}
.dispose.-top {
  align-items: flex-start;
}
.dispose.-middle {
  align-items: center;
}
.dispose.-bottom {
  align-items: flex-end;
}
.dispose.-left {
  justify-content: flex-start;
}
.dispose.-center {
  justify-content: center;
}
.dispose.-right {
  justify-content: flex-end;
}
.dispose.-between {
  justify-content: space-between;
}
.dispose.-break {
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
}
@media (min-width: 1060px) {
  .dispose.-break {
    flex-direction: row;
  }
}
.dispose.-break > * + * {
  margin-top: 1.2rem;
}
@media (min-width: 1060px) {
  .dispose.-break > * + * {
    margin-top: 0;
  }
}
.dispose > * {
  margin-top: 0;
  margin-bottom: 0;
}
@media (min-width: 1060px) {
  .dispose > *.-push {
    margin-left: auto;
    flex-shrink: 0;
  }
}
.dispose:first-child {
  margin-top: 0;
}
.dispose:last-child {
  margin-bottom: 0;
}
.dispose > * + * {
  flex-shrink: 0;
}
.dispose.-no-shrink * + * {
  flex-shrink: 1;
}
.aligner {
  width: 100%;
  margin: 4rem auto;
}
@media (min-width: 1060px) {
  .aligner {
    max-width: 49rem;
    margin: 6rem auto 4rem;
  }
}
.aligner.-small {
  margin: 2rem;
}
@media (min-width: 1060px) {
  .aligner.-small {
    max-width: 37rem;
    margin: 2rem auto 4rem;
  }
}
.aligner:first-child {
  margin-top: 0;
}
.aligner:last-child {
  margin-bottom: 0;
}
.divider {
  display: block;
  height: 0.8rem;
  border: 0;
  margin: 4rem -2rem;
  background-color: #f3f4f8;
}
@media (min-width: 1060px) {
  .divider {
    margin: 6rem 0;
    height: 1px;
    background-color: rgba(151, 151, 151, 0.4);
  }
}
.divider.-small {
  margin: 4rem 0;
  height: 1px;
}
@media (min-width: 1060px) {
  .divider.-small {
    margin: 4rem 0;
  }
}
._fieldset {
  display: block;
  margin: 4rem 0;
}
._fieldset:first-child {
  margin-top: 0;
}
._fieldset:last-child {
  margin-bottom: 0;
}
._fieldset + ._fieldset {
  margin-top: 6rem;
}
@media (min-width: 1060px) {
  ._fieldset + ._fieldset {
    margin-top: 8rem;
  }
}
.fieldset {
  margin: 4rem 0;
}
@media (min-width: 1060px) {
  .fieldset {
    display: flex;
    flex-wrap: wrap;
  }
}
.fieldset:first-child {
  margin-top: 0;
}
.fieldset:last-child {
  margin-bottom: 0;
}
.fieldset + .fieldset {
  margin-top: 6rem;
}
@media (min-width: 1060px) {
  .fieldset + .fieldset {
    margin-top: 8rem;
  }
}
.fieldset.-boxed {
  padding: 2rem 1.6rem;
  border: 1px solid #d9dbe1;
  box-sizing: border-box;
}
@media (min-width: 1060px) {
  .fieldset.-boxed {
    padding: 4.6rem 4rem;
  }
}
.fieldset__key {
  margin-bottom: 2rem;
}
@media (min-width: 1060px) {
  .fieldset__key {
    flex: 4;
    margin-bottom: 0;
  }
}
.fieldset__key .h3 {
  display: inline-block;
  margin-bottom: 0;
}
.fieldset__key .h4 {
  display: inline-block;
  margin-bottom: 0;
}
.fieldset__key .selection {
  font-weight: 700;
}
.fieldset__heading {
  color: #000;
  font-size: 1.6rem;
}
@media (min-width: 1060px) {
  .fieldset__heading {
    font-size: 1.8rem;
    line-height: 1.56;
  }
}
@media (min-width: 1060px) {
  .fieldset__value {
    display: flex;
    flex-wrap: wrap;
    flex: 8;
  }
}
.fieldset .h4 + .field {
  margin-top: 2rem;
}
.fieldset .field + .h4 {
  margin-top: 6rem;
}
.fieldset .options {
  width: 100%;
}
.fields {
  margin-top: 4rem;
}
@media (min-width: 1060px) {
  .fields {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
}
.fields:first-child {
  margin-top: 0;
}
@media (min-width: 1060px) {
  .fields .field {
    flex: 1;
    margin-left: 2rem;
  }
  .fields .field:first-child {
    margin-left: 0;
  }
}
@media (min-width: 1060px) {
  .fields .field + .field {
    margin-top: 0;
  }
}
@media (min-width: 1060px) {
  .field {
    width: 100%;
  }
}
.field + .field {
  margin-top: 4rem;
}
.fields + .field {
  margin-top: 4rem;
}
@media (min-width: 1060px) {
  .fieldset.-col2 .field {
    width: 50%;
  }
}
@media (min-width: 1060px) {
  .fieldset.-col2 .field:nth-of-type(2) {
    margin-top: 0;
  }
}
@media (min-width: 1060px) {
  .fieldset.-col2 .field:nth-of-type(odd) {
    padding-right: 4rem;
  }
}
@media (min-width: 1060px) {
  .fieldset.-col2 .field:nth-of-type(even) {
    padding-left: 4rem;
  }
}
.selections {
  margin: 2.2rem 0;
}
.selections:first-child {
  margin-top: 0;
}
.selections:last-child {
  margin-bottom: 0;
}
.selections.-half {
  display: flex;
  flex-wrap: wrap;
}
.selections.-half .selection {
  width: 50%;
  padding-right: 1rem;
}
.selections.-half .selection:nth-of-type(2) {
  margin-top: 0;
}
@media (min-width: 1060px) {
  .selections.-col2 {
    display: flex;
    flex-wrap: wrap;
  }
}
@media (min-width: 1060px) {
  .selections.-col2 .selection {
    width: 50%;
    padding-right: 1rem;
  }
}
@media (min-width: 1060px) {
  .selections.-col2 .selection + .selection {
    margin-top: 0;
  }
}
@media (min-width: 1060px) {
  .selections.-col2 .selection:nth-of-type(2) ~ .selection {
    margin-top: 2rem;
  }
}
@media (min-width: 1060px) {
  .selections.-col3 {
    display: flex;
    flex-wrap: wrap;
  }
}
@media (min-width: 1060px) {
  .selections.-col3 .selection {
    width: 33.33333333%;
    padding-right: 1rem;
  }
}
@media (min-width: 1060px) {
  .selections.-col3 .selection + .selection {
    margin-top: 0;
  }
}
@media (min-width: 1060px) {
  .selections.-col3 .selection:nth-of-type(3) ~ .selection {
    margin-top: 2rem;
  }
}
.selections.-col4 {
  display: flex;
  flex-wrap: wrap;
}
.selections.-col4 .selection {
  width: 50%;
  margin: 1.8rem 0 0 0;
}
@media (min-width: 1060px) {
  .selections.-col4 .selection {
    width: 25%;
  }
}
.selections.-col4 .selection:first-child {
  margin-top: 0;
}
.selections.-col4 .selection:nth-of-type(2) {
  margin-top: 0;
}
@media (min-width: 1060px) {
  .selections.-col4 .selection:nth-of-type(3) {
    margin-top: 0;
  }
}
@media (min-width: 1060px) {
  .selections.-col4 .selection:nth-of-type(4) {
    margin-top: 0;
  }
}
.selections .selection + .selection {
  margin-top: 2rem;
}
.selection .selections {
  margin: 1.4rem 0;
  padding-left: 2.5rem;
}
.selection .selections:first-child {
  margin-top: 0;
}
.selection .selections:last-child {
  margin-bottom: 0;
}
._hidden:first-child + .selections {
  margin-top: 0;
}
.selections.-inline {
  display: flex;
  flex-wrap: wrap;
}
.selections.-inline .selection {
  width: 50%;
}
@media (min-width: 1060px) {
  .selections.-inline .selection {
    display: inline-block;
    width: auto;
    margin: 0;
    margin-left: 10.6rem;
  }
}
.selections.-inline .selection:nth-of-type(1) {
  margin-left: 0;
}
.selections.-inline .selection:nth-of-type(2) {
  margin-top: 0;
}
.selections.-fixed {
  display: flex;
  flex-wrap: wrap;
}
.selections.-fixed .selection {
  display: inline-block;
  margin: 0 2rem 0 0;
}
@media (min-width: 1060px) {
  .selections.-fixed .selection {
    width: auto;
    margin-right: 4rem;
  }
}
.selections.-fixed .selection:last-child {
  margin-right: 0;
}
.confirms {
  display: flex;
  justify-items: flex-start;
  margin: 4rem 0;
}
@media (min-width: 1060px) {
  .confirms {
    margin: 6rem 0;
  }
}
.confirms:first-child {
  margin-top: 0;
}
.confirms:last-child {
  margin-bottom: 0;
}
.confirms.-half {
  justify-content: space-between;
}
@media (min-width: 1060px) {
  .confirms.-half {
    justify-content: center;
  }
}
.confirms.-half .confirm:nth-of-type(1) {
  flex: 6;
  margin-right: 0.4rem;
}
@media (min-width: 1060px) {
  .confirms.-half .confirm:nth-of-type(1) {
    flex: none;
  }
}
.confirms.-half .confirm:nth-of-type(2) {
  flex: 6;
  margin-left: 0.4rem;
}
@media (min-width: 1060px) {
  .confirms.-half .confirm:nth-of-type(2) {
    flex: none;
  }
}
.confirms.-left {
  justify-content: flex-start;
}
.confirms.-center {
  justify-content: center;
}
.confirms.-right {
  justify-content: flex-end;
}
.confirms.-top {
  align-items: flex-start;
}
.confirms.-middle {
  align-items: center;
}
.confirms.-bottom {
  align-items: flex-end;
}
.confirms.-col2 {
  flex-wrap: wrap;
  justify-content: space-between;
}
@media (min-width: 1060px) {
  .confirms.-col2 {
    justify-content: flex-start;
  }
}
.confirms.-col2 .confirms__item .confirm {
  width: 100%;
}
.confirms.-col2 .confirms__item {
  width: calc(50% - .4rem);
  margin: 0;
}
@media (min-width: 1060px) {
  .confirms.-col2 .confirms__item {
    flex: 1;
    width: auto;
  }
}
.confirms.-col2 .confirms__item.-expand {
  width: 100%;
}
@media (min-width: 1060px) {
  .confirms.-col2 .confirms__item.-expand {
    width: auto;
  }
}
.confirms.-col2 .confirms__item:first-child + .confirms__item {
  margin-top: 0;
  margin-left: 0;
}
@media (min-width: 1060px) {
  .confirms.-col2 .confirms__item:first-child + .confirms__item {
    margin-left: 0.8rem;
  }
}
.confirms.-col2 .confirms__item + .confirms__item,
.confirms.-col2 .confirms__item.-expand + .confirms__item {
  margin-top: 0.8rem;
  margin-left: 0;
}
@media (min-width: 1060px) {
  .confirms.-col2 .confirms__item + .confirms__item,
  .confirms.-col2 .confirms__item.-expand + .confirms__item {
    margin-top: 0;
    margin-left: 0.8rem;
  }
}
.notice + .confirms {
  margin-top: 2.4rem;
}
@media (min-width: 1060px) {
  .notice + .confirms {
    margin-top: 4rem;
  }
}
.buttons {
  display: flex;
  justify-items: flex-start;
  margin: 2rem 0 4rem;
}
.buttons:first-child {
  margin-top: 0;
}
.buttons:last-child {
  margin-bottom: 0;
}
.buttons.-left {
  justify-content: flex-start;
}
.buttons.-center {
  justify-content: center;
}
.buttons.-right {
  justify-content: flex-end;
}
.buttons.-top {
  align-items: flex-start;
}
.buttons.-middle {
  align-items: center;
}
.buttons.-bottom {
  align-items: flex-end;
}
.buttons.-col2 {
  flex-wrap: wrap;
  justify-content: space-between;
}
@media (min-width: 1060px) {
  .buttons.-col2 {
    justify-content: flex-start;
  }
}
.buttons.-col2 .buttons__item .button {
  width: 100%;
}
.buttons.-col2 .button,
.buttons.-col2 .buttons__item {
  width: calc(50% - .4rem);
  margin: 0;
}
@media (min-width: 1060px) {
  .buttons.-col2 .button,
  .buttons.-col2 .buttons__item {
    width: auto;
  }
}
.buttons.-col2 .button.-expand,
.buttons.-col2 .buttons__item.-expand {
  width: 100%;
}
@media (min-width: 1060px) {
  .buttons.-col2 .button.-expand,
  .buttons.-col2 .buttons__item.-expand {
    width: auto;
  }
}
.buttons.-col2 .button:first-child + .button,
.buttons.-col2 .buttons__item:first-child + .buttons__item {
  margin-top: 0;
  margin-left: 0;
}
@media (min-width: 1060px) {
  .buttons.-col2 .button:first-child + .button,
  .buttons.-col2 .buttons__item:first-child + .buttons__item {
    margin-left: 0.8rem;
  }
}
.buttons.-col2 .button + .button,
.buttons.-col2 .button.-expand + .button,
.buttons.-col2 .buttons__item + .buttons__item,
.buttons.-col2 .buttons__item.-expand + .buttons__item {
  margin-top: 0.8rem;
  margin-left: 0;
}
@media (min-width: 1060px) {
  .buttons.-col2 .button + .button,
  .buttons.-col2 .button.-expand + .button,
  .buttons.-col2 .buttons__item + .buttons__item,
  .buttons.-col2 .buttons__item.-expand + .buttons__item {
    margin-top: 0;
    margin-left: 0.8rem;
  }
}
.buttons.-col2 .button.-push,
.buttons.-col2 .buttons__item.-push {
  margin-left: 0 !important;
}
@media (min-width: 1060px) {
  .buttons.-col2 .button.-push,
  .buttons.-col2 .buttons__item.-push {
    margin-left: auto !important;
  }
}
.buttons.-left-center {
  justify-content: flex-start;
}
@media (min-width: 1060px) {
  .buttons.-left-center {
    justify-content: center;
  }
}
.buttons.-left-right {
  justify-content: flex-start;
}
@media (min-width: 1060px) {
  .buttons.-left-right {
    justify-content: flex-end;
  }
}
.buttons.-center-left {
  justify-content: center;
}
@media (min-width: 1060px) {
  .buttons.-center-left {
    justify-content: flex-start;
  }
}
.buttons.-center-right {
  justify-content: center;
}
@media (min-width: 1060px) {
  .buttons.-center-right {
    justify-content: flex-end;
  }
}
.buttons.-right-left {
  justify-content: flex-end;
}
@media (min-width: 1060px) {
  .buttons.-right-left {
    justify-content: flex-start;
  }
}
.buttons.-right-center {
  justify-content: flex-end;
}
@media (min-width: 1060px) {
  .buttons.-right-center {
    justify-content: center;
  }
}
.buttons .button.-push,
.buttons__item.-push {
  margin-left: auto !important;
}
.buttons .button + .button,
.buttons__item + .buttons__item {
  margin-left: 0.8rem;
}
.checkins .buttons {
  margin-top: 2rem;
}
.folders__contents .buttons {
  padding: 0 0.3rem;
}
.folders__contents .buttons:last-child {
  padding-bottom: 2rem;
}
.popover .buttons {
  margin-bottom: 0;
}
.dispose .buttons {
  margin-top: 1.2rem;
}
.dispose .buttons:first-child {
  margin-top: 0;
}
.dispose .buttons:last-child {
  margin-bottom: 0;
}
@media (min-width: 1060px) {
  .dispose .buttons {
    margin-top: 0;
  }
}
.options {
  display: flex;
  justify-items: flex-start;
  margin: 1.6rem 0 4rem;
}
.options:first-child {
  margin-top: 0;
}
.options:last-child {
  margin-bottom: 0;
}
.options.-x {
  display: block;
}
@media (min-width: 1060px) {
  .options.-x {
    display: flex;
  }
}
.options.-x:after {
  content: "";
  display: block;
  clear: both;
}
.options.-x.-left .option {
  float: left;
}
.options.-x.-left .option + .option {
  margin-left: 0;
}
@media (min-width: 1060px) {
  .options.-x.-left .option + .option {
    margin-left: 0.8rem;
  }
}
.options.-x.-right .option {
  float: right;
}
.options.-x.-right .option + .option {
  margin-left: 0;
}
@media (min-width: 1060px) {
  .options.-x.-right .option + .option {
    margin-left: 1.2rem;
  }
}
.options.-x .option + .option {
  clear: both;
  margin-top: 0.8rem;
}
@media (min-width: 1060px) {
  .options.-x .option + .option {
    margin-top: 0;
  }
}
.options.-left {
  justify-content: flex-start;
}
.options.-center {
  justify-content: center;
}
.options.-right {
  justify-content: flex-end;
}
.options.-top {
  align-items: flex-start;
}
.options.-middle {
  align-items: center;
}
.options.-bottom {
  align-items: flex-end;
}
.options .option.-push {
  margin-left: auto !important;
}
.options .option + .option {
  margin-left: 1.2rem;
}
.options.-group {
  display: block;
}
@media (min-width: 1060px) {
  .options.-group {
    display: flex;
  }
}
.options.-group:after {
  content: "";
  display: block;
  clear: both;
}
.options.-group.-left .option {
  float: left;
}
.options.-group.-left .option + .option {
  margin-left: 0;
}
@media (min-width: 1060px) {
  .options.-group.-left .option + .option {
    margin-left: 1.2rem;
  }
}
.options.-group.-right .option {
  float: right;
}
.options.-group.-right .option + .option {
  margin-left: 0;
}
@media (min-width: 1060px) {
  .options.-group.-right .option + .option {
    margin-left: 1.2rem;
  }
}
.options.-group .option:first-child {
  margin-right: 1.2rem;
}
.options.-group .option + .option {
  clear: both;
  margin-top: 0.8rem;
  margin-left: 0;
  margin-right: 1.2rem;
}
@media (min-width: 1060px) {
  .options.-group .option + .option {
    margin-top: 0;
  }
}
.selection .options {
  margin: 0.8rem 0 0 2.6rem !important;
}
.flights .options {
  margin-top: 0.8rem;
}
@media (min-width: 1060px) {
  .flights .options {
    margin-top: 0.4rem;
  }
}
.notice .options {
  margin-top: 1.2rem;
}
.controls {
  margin: 2rem 0;
}
@media (min-width: 1060px) {
  .controls {
    flex-direction: row;
  }
}
.controls > * + * {
  margin-left: 2rem;
}
.data {
  margin: 1.2rem 0;
  border-top: 1px solid #d9dbe1;
  border-bottom: 1px solid #d9dbe1;
}
.data:first-child {
  margin-top: 0;
}
.data:last-child {
  margin-bottom: 0;
}
.data.-boxed {
  border: 1px solid #d9dbe1;
}
.data.-cancel {
  border: 1px solid #d9dbe1;
  border-top: 0;
}
@media (min-width: 1060px) {
  .data.-center {
    margin: 8rem auto 0;
    max-width: 49rem;
  }
}
.data__item {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 2rem 0;
}
.data.-boxed .data__item {
  min-height: 6.1rem;
  padding: 1.2rem 1.6rem;
}
@media (min-width: 1060px) {
  .data.-boxed .data__item {
    min-height: 6.4rem;
    padding: 1.3rem 2rem 1.4rem;
  }
}
.data.-cancel .data__item {
  display: block;
  padding: 1.9rem 1.6rem 2rem;
  color: #000;
}
@media (min-width: 1060px) {
  .data.-cancel .data__item {
    padding: 1.9rem 2rem 2rem;
  }
}
.data__item + .data__item {
  border-top: 1px solid #d9dbe1;
}
.data__key {
  padding-right: 1rem;
  color: #767676;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .data__key {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.data__value {
  flex-shrink: 0;
  margin-left: auto;
  color: #767676;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .data__value {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.data-all ~ .data {
  margin-top: 0;
  border-top: 0;
}
.data-all {
  padding: 2rem 1.6rem;
  border: 1px solid #d9dbe1;
  color: #767676;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .data-all {
    padding: 2rem;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.tables {
  margin: 1.2rem 0;
}
@media (min-width: 1060px) {
  .tables {
    display: flex;
    flex-wrap: wrap;
  }
}
.tables .table {
  margin: 2rem 0 0;
}
@media (min-width: 1060px) {
  .tables .table {
    width: 50%;
    margin: 0;
    padding: 0 2rem;
    border-top: none;
    border-bottom: none;
  }
}
.tables .table:first-child {
  margin-top: 0;
}
@media (min-width: 1060px) {
  .tables .table:first-child {
    padding-left: 0;
  }
}
.tables .table:last-child {
  padding-right: 0;
}
@media (min-width: 1060px) {
  .tables .table table {
    border-top: 2px solid #00256c;
    border-bottom: 1px solid #dee0e2;
  }
}
.grid {
  margin: 0.8rem 0;
}
@media (min-width: 1060px) {
  .grid {
    display: flex;
  }
}
.grid:first-child {
  margin-top: 0;
}
.grid:last-child {
  margin-bottom: 0;
}
@media (min-width: 1060px) {
  .grid__item {
    padding: 0 2rem;
  }
}
.grid__item + .grid__item {
  margin-top: 2rem;
}
@media (min-width: 1060px) {
  .grid__item + .grid__item {
    margin-top: 0;
  }
}
.grid.-col2 .grid__item {
  width: 100%;
}
@media (min-width: 1060px) {
  .grid.-col2 .grid__item {
    width: 50%;
  }
}
.grid.-col2 .grid__item:nth-of-type(2) ~ .grid.-col2 .grid__item {
  margin-top: 1.4rem;
}
.grid.-col3 .grid__item {
  width: 100%;
}
@media (min-width: 1060px) {
  .grid.-col3 .grid__item {
    width: 33.33333333%;
  }
}
.grid.-col3 .grid__item:nth-of-type(3) ~ .grid.-col3 .grid__item {
  margin-top: 1.4rem;
}
.grid.-col4 .grid__item {
  width: 100%;
}
@media (min-width: 1060px) {
  .grid.-col4 .grid__item {
    width: 25%;
  }
}
.grid.-col4 .grid__item:nth-of-type(3) ~ .grid.-col4 .grid__item {
  margin-top: 1.4rem;
}
.grid__item:first-child {
  padding-left: 0;
}
.grid__item:last-child {
  padding-right: 0;
}
.mix {
  padding: 2.6rem 2rem;
  border: 1px solid #d9dbe1;
  border-radius: 0.2rem;
}
@media (min-width: 1060px) {
  .mix {
    padding: 4rem;
  }
}
.mix.-lineless {
  border: 0;
}
.mix__message {
  margin-top: 2rem;
  text-align: center;
}
.mix__message .p {
  margin: 0;
  color: #000;
  font-size: 1.6rem;
}
@media (min-width: 1060px) {
  .mix__message .p {
    font-size: 1.8rem;
    line-height: 1.56;
  }
}
.mix__buttons {
  margin-top: 2rem;
  text-align: center;
}
@media (min-width: 1060px) {
  .mix__buttons {
    margin-top: 4.7rem;
  }
}
@media (min-width: 1060px) {
  .mix .label {
    max-width: 63rem;
    margin: 0 auto;
  }
}
@media (min-width: 1060px) {
  .mix .forms-button,
  .mix .forms-option {
    max-width: 63rem;
    margin: 0 auto;
  }
}
@media (min-width: 1060px) {
  .mix .message {
    max-width: 63rem;
    margin-right: auto;
    margin-left: auto;
  }
}
@media (min-width: 1060px) {
  .mix .fieldset .label {
    max-width: none;
    margin: 0;
  }
}
.pa {
  margin: 4rem 0 1.6rem;
}
@media (min-width: 1060px) {
  .pa {
    margin-top: 6rem;
  }
}
.pa:first-child {
  margin-top: 0;
}
.pa:last-child {
  margin-bottom: 0;
}
.forms-button {
  text-align: center;
}
@media (min-width: 1060px) {
  .forms-button {
    display: flex;
    align-items: flex-end;
    text-align: left;
  }
}
.forms-button .forms {
  flex: 1;
}
.forms-button .button {
  margin-top: 2rem;
}
@media (min-width: 1060px) {
  .forms-button .button {
    margin-top: 0;
    margin-left: 2rem;
  }
}
.forms-option {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
.forms-option .forms {
  flex: 1;
}
.forms-option .forms:first-child {
  margin-right: 1.2rem;
}
@media (min-width: 1060px) {
  .forms-option .forms:first-child {
    margin-right: 2rem;
  }
}
.-break.forms-option .forms {
  flex: auto;
  width: 100%;
}
@media (min-width: 1060px) {
  .-break.forms-option .forms {
    flex: 1;
  }
}
.-break.forms-option .forms:first-child {
  margin-right: 0;
}
@media (min-width: 1060px) {
  .-break.forms-option .forms:first-child {
    margin-right: 2rem;
  }
}
.-flexible.-break.forms-option .forms:last-child {
  margin-right: 0;
}
.-reverse.forms-option .forms:first-child {
  margin-right: 0;
  margin-left: 1.2rem;
}
@media (min-width: 1060px) {
  .-reverse.forms-option .forms:first-child {
    margin-right: 0;
    margin-left: 2rem;
  }
}
.forms-option .option {
  margin-top: 0.4rem;
}
@media (min-width: 1060px) {
  .forms-option .option {
    margin-top: 0.8rem;
  }
}
.forms-option .option:first-child {
  margin-right: 1.2rem;
}
@media (min-width: 1060px) {
  .forms-option .option:first-child {
    margin-right: 2rem;
  }
}
.-break.forms-option .option {
  margin-top: 1.6rem;
}
@media (min-width: 1060px) {
  .-break.forms-option .option {
    margin-top: 0.8rem;
  }
}
.-reverse.forms-option .option:first-child {
  margin-right: 0;
  margin-left: 1.2rem;
}
@media (min-width: 1060px) {
  .-reverse.forms-option .option:first-child {
    margin-right: 0;
    margin-left: 2rem;
  }
}
.-reverse.-break.forms-option .option:first-child {
  margin-left: auto;
}
@media (min-width: 1060px) {
  .-reverse.-break.forms-option .option:first-child {
    margin-left: 1.2rem;
  }
}
.forms-option.-reverse {
  flex-direction: row-reverse;
}
.forms-option.-reverse.-break {
  flex-direction: column-reverse;
}
@media (min-width: 1060px) {
  .forms-option.-reverse.-break {
    flex-direction: row-reverse;
  }
}
.forms-date {
  position: relative;
  display: flex;
}
.forms-date .forms {
  width: 100%;
  padding-right: 4rem;
}
@media (min-width: 1060px) {
  .forms-date .forms {
    padding-right: 4.8rem;
  }
}
.forms-date__datepicker {
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 4rem;
  height: 4rem;
  border: 0;
  border-bottom: 1px solid #00256c;
  background: url(../images/common/ico-calendar.png) no-repeat 50% 50%;
  background-size: 24px 24px;
  appearance: none;
  cursor: pointer;
  z-index: 1;
}
@media (min-width: 1060px) {
  .forms-date__datepicker {
    width: 4.8rem;
    height: 4.8rem;
  }
}
.forms-date__datepicker[aria-disabled="true"] {
  background: url(../images/common/ico-calendar-disabled.png) no-repeat 50% 50%;
  background-size: 24px 24px;
  border-bottom-color: #d9dbe1;
  cursor: not-allowed;
}
.forms.-error + .forms-date__datepicker {
  border-bottom-color: #de001b;
}
.forms-date__datepicker:hover,
.forms-date__datepicker:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .forms-date__datepicker:hover,
.app .forms-date__datepicker:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.multi-line {
  margin-top: 1.2rem;
}
@media (min-width: 1060px) {
  .multi-line {
    margin-top: 0.8rem;
  }
}
.multi-line:first-child {
  margin-top: 0;
}
.multi-line:last-child {
  margin-bottom: 0;
}
.text-option {
  display: flex;
}
.text-option .text {
  flex: 1;
}
.text-option .text:first-child {
  margin-right: 1.2rem;
}
@media (min-width: 1060px) {
  .text-option .text:first-child {
    margin-right: 2rem;
  }
}
.text-option .option {
  margin-top: 2rem;
}
@media (min-width: 1060px) {
  .text-option .option {
    margin-top: 2.8rem;
  }
}
.text-option .option:first-child {
  margin-right: 1.2rem;
}
@media (min-width: 1060px) {
  .text-option .option:first-child {
    margin-right: 2rem;
  }
}
.toggles {
  margin: 2.2rem 0;
}
.toggles:first-child {
  margin-top: 0;
}
.toggles:last-child {
  margin-bottom: 0;
}
.toggles .toggle {
  display: block;
}
@media (min-width: 1060px) {
  .toggles.-col2 {
    display: flex;
    flex-wrap: wrap;
  }
}
@media (min-width: 1060px) {
  .toggles.-col2 .toggle {
    width: 50%;
    padding-right: 1rem;
  }
}
@media (min-width: 1060px) {
  .toggles.-col2 .toggle + .toggle {
    margin-top: 0;
  }
}
@media (min-width: 1060px) {
  .toggles.-col2 .toggle:nth-of-type(2) ~ .toggle {
    margin-top: 1.4rem;
  }
}
@media (min-width: 1060px) {
  .toggles.-col3 {
    display: flex;
    flex-wrap: wrap;
  }
}
@media (min-width: 1060px) {
  .toggles.-col3 .toggle {
    width: 33.33333333%;
    padding-right: 1rem;
  }
}
@media (min-width: 1060px) {
  .toggles.-col3 .toggle + .toggle {
    margin-top: 0;
  }
}
@media (min-width: 1060px) {
  .toggles.-col3 .toggle:nth-of-type(3) ~ .toggle {
    margin-top: 1.4rem;
  }
}
.toggles .toggle + .toggle {
  margin-top: 1.4rem;
}
.toggle .toggles {
  margin: 1.4rem 0;
  padding-left: 2.5rem;
}
.toggle .toggles:first-child {
  margin-top: 0;
}
.toggle .toggles:last-child {
  margin-bottom: 0;
}
._hidden:first-child + .toggles {
  margin-top: 0;
}
.inform {
  padding-top: 8rem;
}
@media (min-width: 1060px) {
  .inform {
    padding-top: 14rem;
  }
}
.inform.-failure {
  background: url(../images/inform--failure.svg) no-repeat center 2rem;
}
@media (min-width: 1060px) {
  .inform.-failure {
    background-position: center 8rem;
  }
}
.box {
  border: 1px solid #d9dbe1;
}
.box + .box {
  margin-top: 2rem;
}
.box.-left {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.box.-center {
  display: flex;
  justify-content: center;
  align-items: center;
}
.box.-right {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.box.-top {
  display: flex;
  align-items: flex-start;
}
.box.-middle {
  display: flex;
  align-items: center;
}
.box.-bottom {
  display: flex;
  align-items: flex-end;
}
.box.-small {
  padding: 1.5rem 2rem;
}
@media (min-width: 1060px) {
  .box.-small {
    padding: 2.4rem 4rem;
  }
}
.box.-medium {
  padding: 3.2rem 2rem;
}
@media (min-width: 1060px) {
  .box.-medium {
    padding: 3.2rem 4rem;
  }
}
.box.-large {
  padding: 2.5rem 2rem;
}
@media (min-width: 1060px) {
  .box.-large {
    padding: 4rem;
  }
}
.box.-bgc {
  background-color: #f8f9fc;
}
.box.-transparent {
  padding: 2rem 0 6rem;
  border: 0;
}
@media (min-width: 1060px) {
  .box.-transparent {
    padding: 2rem 0 6rem;
  }
}
[role="heading"] .box,
.box[id]:not(.-large) {
  display: none;
  border: 0;
}
[role="heading"] .box:focus,
.box[id]:not(.-large):focus {
  outline: 0;
  box-shadow: 0 0 0 1px #0064de;
}
.app [role="heading"] .box:focus,
.app .box[id]:not(.-large):focus {
  box-shadow: none;
}
[role="heading"] .box.-active,
.box[id]:not(.-large).-active {
  display: block;
}
.boxes.-active [role="heading"] .box,
.boxes.-active .box[id]:not(.-large) {
  display: block;
}
[role="heading"] .box .box:first-child,
.box[id]:not(.-large) .box:first-child {
  border-top: 0;
}
.box > * {
  margin-top: 0;
  margin-bottom: 0;
}
.box > *.-push {
  margin-left: auto;
}
.box > button:first-child[aria-expanded] {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 1.5rem 4.4rem 1.5rem 2rem;
  border: 0;
  background: url(../images/box__button.svg) no-repeat;
  background-position: right 1rem center;
  background-size: 24px 24px;
  color: #555;
  font-size: 1.4rem;
  line-height: 1.58;
  text-align: left;
}
@media (min-width: 1060px) {
  .box > button:first-child[aria-expanded] {
    padding: 2.4rem 6.4rem 2.4rem 4rem;
    background-position: right 2rem center;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.box > button:first-child[aria-expanded][aria-expanded="true"] {
  background: url(../images/box__button--active.svg) no-repeat;
  background-position: right 1rem center;
}
@media (min-width: 1060px) {
  .box > button:first-child[aria-expanded][aria-expanded="true"] {
    background-position: right 2rem center;
  }
}
.box > button:first-child[aria-expanded].-top {
  display: flex;
  align-items: flex-start;
}
.box > button:first-child[aria-expanded].-middle {
  display: flex;
  align-items: center;
}
.box > button:first-child[aria-expanded].-bottom {
  display: flex;
  align-items: flex-end;
}
.box > button:first-child[aria-expanded]:hover,
.box > button:first-child[aria-expanded]:focus {
  outline: 0;
  border-radius: 0;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .box > button:first-child[aria-expanded]:hover,
.app .box > button:first-child[aria-expanded]:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.box > button:first-child[aria-expanded] > * {
  margin-top: 0;
  margin-bottom: 0;
}
.box > button:first-child[aria-expanded] > *.-push {
  margin-left: auto;
}
._boxes {
  display: block;
  margin: 2rem 0 4rem;
}
@media (min-width: 1060px) {
  ._boxes {
    margin: 4rem 0 6rem;
  }
}
._boxes:first-child {
  margin-top: 0;
}
._boxes:last-child {
  margin-bottom: 0;
}
.boxes {
  margin: 2rem 0 4rem;
}
@media (min-width: 1060px) {
  .boxes {
    margin: 4rem 0 6rem;
  }
}
.boxes:first-child {
  margin-top: 0;
}
.boxes:last-child {
  margin-bottom: 0;
}
.boxes .box {
  margin: 0;
}
.boxes .box + .box {
  margin: 0;
  border-top: 0;
}
.requires + .boxes {
  margin-top: 2rem;
}
.pocket {
  border-top: 1px solid #d9dbe1;
}
.box .pocket {
  margin: 2.5rem -2rem -2.5rem;
  padding: 1.5rem 2rem;
}
@media (min-width: 1060px) {
  .box .pocket {
    margin: 4rem -4rem -4rem;
    padding: 2.4rem 4rem;
  }
}
.package {
  margin: 2rem 0 4rem;
}
@media (min-width: 1060px) {
  .package {
    margin: 4rem 0 6rem;
  }
}
.package:first-child {
  margin-top: 0;
}
.package:last-child {
  margin-bottom: 0;
}
.package .boxes {
  margin: 2rem 0;
}
.package .boxes:first-child {
  margin-top: 0;
}
.package .boxes:last-child {
  margin-bottom: 0;
}
.bundle {
  width: 100%;
  margin: 2rem 0;
}
.bundle:first-child {
  margin-top: 0;
}
.bundle:last-child {
  margin-bottom: 0;
}
.bundle.-xsmall {
  padding: 1.8rem 1.6rem;
}
@media (min-width: 1060px) {
  .bundle.-xsmall {
    padding: 1.8rem 4rem;
  }
}
.bundle .bundle.-xsmall {
  padding: 1.8rem 1.6rem;
}
@media (min-width: 1060px) {
  .bundle .bundle.-xsmall {
    padding: 1.8rem 2rem;
  }
}
.bundle.-small {
  padding: 2rem;
}
@media (min-width: 1060px) {
  .bundle.-small {
    padding: 2.4rem 4rem;
  }
}
.bundle .bundle.-small {
  padding: 2rem 1.6rem;
}
@media (min-width: 1060px) {
  .bundle .bundle.-small {
    padding: 2.4rem 4rem;
  }
}
.bundle.-medium {
  padding: 2rem;
}
@media (min-width: 1060px) {
  .bundle.-medium {
    padding: 3.2rem 4rem;
  }
}
.bundle .bundle.-medium {
  padding: 2rem 1.6rem;
}
@media (min-width: 1060px) {
  .bundle .bundle.-medium {
    padding: 3.2rem 4rem;
  }
}
.bundle.-large {
  padding: 3.2rem 2rem;
}
@media (min-width: 1060px) {
  .bundle.-large {
    padding: 4rem;
  }
}
.bundle .bundle.-large {
  padding: 3.2rem 1.6rem;
}
@media (min-width: 1060px) {
  .bundle .bundle.-large {
    padding: 4rem;
  }
}
.bundle.-colored {
  background-color: #f6f8ff;
}
.bundle.-bordered {
  border: 1px solid #d9dbe1;
}
.bundle.-bordered + .-bordered {
  margin-top: 2rem;
}
.bundle.-lined + .-lined {
  border-top: 1px solid #d9dbe1;
}
.bundle.-flex {
  display: flex;
  align-items: center;
}
.bundle *.-push {
  margin-left: auto;
}
.bundle__title {
  color: #000;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .bundle__title {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.h3 + .bundle {
  margin-top: 1.2rem;
}
.folder__contents.-borderless .bundle.-bordered,
.folders__contents.-borderless .bundle.-bordered {
  border-top: 0;
}
.bundles {
  margin: 2rem 0;
}
.bundles:first-child {
  margin-top: 0;
}
.bundles:last-child {
  margin-bottom: 0;
}
.bundles.-bordered {
  border: 1px solid #d9dbe1;
}
.bundles.-bordered + .-bordered {
  margin-top: 2rem;
}
.bundles > .bundle {
  margin: 0;
}
.h3 + .bundles {
  margin-top: 1.2rem;
}
.folder__contents.-borderless .bundles.-bordered,
.folders__contents.-borderless .bundles.-bordered {
  border-top: 0;
}
.label + .bundles {
  margin-top: 0;
}
.unit-price {
  display: flex;
}
.unit-price__apart {
  width: 12rem;
}
.unit-price__apart:first-child {
  margin-right: 2rem;
}
.unit-price__core {
  flex: 1;
}
.files .file + .file {
  margin-top: 4rem;
}
.column {
  padding: 2rem;
}
@media (min-width: 1060px) {
  .column {
    width: 50%;
  }
}
@media (min-width: 1060px) {
  .columns.-col3 .column {
    width: 33.33333333%;
  }
}
@media (min-width: 1060px) {
  .column.-expand {
    width: 100%;
  }
}
@media (min-width: 1060px) {
  .columns.-col3 .column.-expand {
    width: 100%;
  }
}
@media (min-width: 1060px) {
  .column.-half {
    width: 50%;
  }
}
@media (min-width: 1060px) {
  .columns.-col3 .column.-half {
    width: 50%;
  }
}
@media (min-width: 1060px) {
  .column.-expand.-half {
    width: 100%;
    padding-right: calc(50% + 2rem);
  }
}
.column.-expand.-small {
  padding: 0 2rem 2rem;
}
._columns {
  display: block;
  margin: 2rem 0;
}
@media (min-width: 1060px) {
  ._columns {
    margin: 3rem 0;
  }
}
._columns + ._columns {
  margin-top: 6rem;
}
@media (min-width: 1060px) {
  ._columns + ._columns {
    margin-top: 8rem;
  }
}
.columns {
  margin: -2rem;
}
@media (min-width: 1060px) {
  .columns {
    display: flex;
    flex-wrap: wrap;
    margin: -2rem;
  }
}
.columns + .columns {
  margin-top: 4rem;
}
@media (min-width: 1060px) {
  .columns + .columns {
    margin-top: 6rem;
  }
}
.columns__title {
  width: 100%;
  padding: 2rem 2rem 0;
}
@media (min-width: 1060px) {
  .columns__title {
    display: flex;
    align-items: center;
    padding-bottom: 1rem;
    font-size: 1.8rem;
    line-height: 1.56;
  }
}
.columns__title.-fixed {
  display: flex;
  align-items: center;
}
.columns__title * {
  margin: 0;
}
.columns__title *.-push {
  margin-left: auto;
}
@media (min-width: 1060px) {
  .columns__title + .columns__title {
    padding-top: 1rem;
  }
}
.columns__heading {
  display: inline-block;
  color: #000;
  font-size: 1.6rem;
}
@media (min-width: 1060px) {
  .columns__heading {
    font-size: 1.8rem;
    line-height: 1.56;
  }
}
.columns__heading + * {
  margin-top: 1rem;
}
@media (min-width: 1060px) {
  .columns__heading + * {
    margin-top: 0;
    margin-left: 1.6rem;
  }
}
.columns__title.-fixed .columns__heading + * {
  margin-top: 0;
}
@media (min-width: 1060px) {
  .columns__heading + .opener {
    margin-left: 0.4rem;
  }
}
.columns__sub-heading {
  color: #000;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .columns__sub-heading {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
@media (min-width: 1060px) {
  .phone-email {
    display: flex;
    margin: 0 -0.5rem;
  }
}
@media (min-width: 1060px) {
  .phone-email.-expand {
    margin: 0 -2rem;
  }
}
@media (min-width: 1060px) {
  .phone-email__option {
    width: 50%;
    padding: 0 0.5rem;
  }
}
@media (min-width: 1060px) {
  .phone-email.-expand .phone-email__option {
    padding: 0 2rem;
  }
}
.phone-email__input {
  margin-top: 1rem;
}
@media (min-width: 1060px) {
  .phone-email__input {
    width: 50%;
    margin-top: 0;
    padding: 0 0.5rem;
  }
}
@media (min-width: 1060px) {
  .phone-email.-expand .phone-email__input {
    padding: 0 2rem;
  }
}
.notice {
  margin: 4rem 0 2.4rem;
  padding: 2rem;
  background-color: #f8f9fc;
}
.notice:first-child {
  margin-top: 0;
}
.notice:last-child {
  margin-bottom: 0;
}
@media (min-width: 1060px) {
  .notice {
    margin: 6rem 0 4rem;
    padding: 3rem 3.2rem;
  }
}
.notice.-transparent {
  padding: 0;
  background-color: transparent;
}
.notice.-extend {
  padding: 0;
}
.notice.-extend + .notice.-extend {
  margin-top: 1.5rem;
}
@media (min-width: 1060px) {
  .notice.-extend + .notice.-extend {
    margin-top: 2.2rem;
  }
}
.notice.-payment {
  margin: 2rem 0 0;
  border: 1px solid #d9dbe1;
}
.notice__title {
  margin-bottom: 0.8rem;
  color: #000;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .notice__title {
    margin-bottom: 1.2rem;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.notice__title.-h3 {
  margin-top: 1.6rem;
  margin-bottom: 0.4rem;
  font-size: 1.4rem;
}
.notice ._hidden + .list,
.notice ._hidden + p {
  margin-top: 0;
}
.notice__expander {
  cursor: pointer;
  display: block;
  position: relative;
  width: 100%;
  height: auto;
  padding: 2rem 4.4rem 2rem 2rem;
  background: none;
  border: 0;
  font-size: 1.4rem;
  font-weight: bold;
  color: #000;
  text-align: left;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .notice__expander {
    padding: 2.4rem 6.4rem 2.4rem 4rem;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.notice__expander:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 2rem;
  width: 2.4rem;
  height: 2.4rem;
  margin-top: -1.2rem;
  background: url(../images/common/ico-expander.svg) no-repeat 50% 50%;
  background-size: 24px 24px;
}
.notice.-active .notice__expander:before {
  background-image: url(../images/common/ico-expander-active.svg);
}
.notice__expander:hover,
.notice__expander:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .notice__expander:hover,
.app .notice__expander:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.notice__expand {
  display: none;
  padding: 2rem;
  padding-top: 0;
}
@media (min-width: 1060px) {
  .notice__expand {
    padding: 3.2rem 4rem;
    padding-top: 0;
  }
}
.notice.-active .notice__expand {
  display: block;
}
._alert {
  display: block;
  margin: 2rem 0;
}
._alert:first-child {
  margin-top: 0;
}
._alert:last-child {
  margin-bottom: 0;
}
.alert {
  margin: 2rem 0;
  padding: 1.2rem 1.6rem 1.2rem 4rem;
  border-radius: 0.2rem;
  background: #fff6f6 url(../images/common/ico-caution.svg) no-repeat 1.6rem 1.6rem;
  background-size: 16px 16px;
}
@media (min-width: 1060px) {
  .alert {
    padding: 1.2rem 2rem 1.2rem 4.4rem;
    background-position: 2rem 1.7rem;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.alert:first-child {
  margin-top: 0;
}
.alert:last-child {
  margin-bottom: 0;
}
.alert:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: 0 0 0 1px #0064de;
}
.alert .p[tabindex]:hover,
.alert .p[tabindex]:focus {
  outline: 0;
}
.alert__list {
  margin: 0.9rem 0;
}
.alert__list:first-child {
  margin-top: 0;
}
.alert__list:last-child {
  margin-bottom: 0;
}
.alert__item {
  color: #555;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .alert__item {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.alert__item + .alert__item {
  margin-top: 0.9rem;
}
@media (min-width: 1060px) {
  .alert__item + .alert__item {
    margin-top: 0.3rem;
  }
}
.alert__code {
  margin-top: 0.4rem;
  font-size: 1.4rem;
  line-height: 1.58;
  word-break: break-all;
}
@media (min-width: 1060px) {
  .alert__code {
    margin-top: 0.6rem;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.alert__uuid {
  margin-top: 2rem;
  font-size: 1.2rem;
  text-align: right;
  word-break: break-all;
}
@media (min-width: 1060px) {
  .alert__uuid {
    margin-top: 1rem;
    line-height: 2;
  }
}
.info {
  margin: 1.2rem 0 2rem;
  padding: 1.6rem 2rem;
  background-color: #f8f9fc;
}
@media (min-width: 1060px) {
  .info {
    margin: 1.2rem 0 4rem;
    padding: 1.6rem 3.2rem;
    background-position: 3.2rem 1.6rem;
  }
}
.info:first-child {
  margin-top: 0;
}
.info:last-child {
  margin-bottom: 0;
}
.info__list:first-child {
  margin-top: 0;
}
.info__list:last-child {
  margin-bottom: 0;
}
.info__item {
  position: relative;
  padding-left: 1.2rem;
  color: #555;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .info__item {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.info__item:before {
  content: "";
  display: block;
  position: absolute;
  top: 1rem;
  left: 0;
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50%;
  background-color: #767676;
}
@media (min-width: 1060px) {
  .info__item:before {
    top: 1.1rem;
  }
}
.info__item + .info__item {
  margin-top: 0.8rem;
}
.article {
  margin: 8rem 0 0;
}
@media (min-width: 1060px) {
  .article {
    display: flex;
    flex-wrap: wrap;
  }
}
.article:first-child {
  margin-top: 0;
}
.article:last-child {
  margin-bottom: 0;
}
.article__tit {
  display: block;
  margin: 2rem 0 1.2rem;
  color: #000;
  font-weight: 700;
  font-size: 1.4rem;
}
@media (min-width: 1060px) {
  .article__tit {
    margin: 4rem 0 1.2rem;
    font-size: 1.6rem;
    line-height: 1.56;
  }
}
.article__tit:first-child {
  margin-top: 0;
}
.article__key {
  margin-bottom: 2rem;
}
@media (min-width: 1060px) {
  .article__key {
    flex: 2;
    margin-bottom: 0;
  }
}
.article__key .h3 {
  display: inline-block;
  margin-bottom: 0;
}
@media (min-width: 1060px) {
  .article__value {
    display: flex;
    flex-wrap: wrap;
    flex: 5;
  }
}
.steps {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 2rem 0 1.2rem;
}
@media (min-width: 1060px) {
  .steps {
    margin: 3.2rem 0 1.2rem;
  }
}
.steps:first-child {
  margin-top: 0;
}
.steps:last-child {
  margin-bottom: 0;
}
.steps__item + .steps__item {
  position: relative;
  padding-left: 1.7rem;
}
@media (min-width: 360px) {
  .steps__item + .steps__item {
    padding-left: 2.4rem;
  }
}
@media (min-width: 1060px) {
  .steps__item + .steps__item {
    padding-left: 5.8rem;
  }
}
.steps__item + .steps__item:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0.1rem;
  width: 1.6rem;
  height: 1.6rem;
  background: url(../images/common/step-arrow.svg) no-repeat left center;
  transform: translateY(-50%);
}
@media (min-width: 360px) {
  .steps__item + .steps__item:before {
    left: 0.4rem;
  }
}
@media (min-width: 1060px) {
  .steps__item + .steps__item:before {
    left: 2rem;
  }
}
.steps__step {
  display: flex;
  align-items: center;
  position: relative;
  padding: 0.2rem 0.5rem 0.8rem 0.5rem;
  min-width: 4.4rem;
  text-decoration: none;
}
@media (min-width: 1060px) {
  .steps__step {
    padding: 0.2rem 0 0.8rem 0.2rem;
  }
}
a.steps__step:hover,
a.steps__step:focus {
  outline: 0;
  border-radius: 0;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app a.steps__step:hover,
.app a.steps__step:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
a.steps__step[aria-disabled="true"] {
  cursor: not-allowed;
}
.steps__step:before {
  content: "";
  display: block;
  width: 3.4rem;
  height: 3.4rem;
  border: 1px solid #00256c;
  border-radius: 50%;
}
@media (min-width: 1060px) {
  .steps__step:before {
    width: 3.6rem;
    height: 3.6rem;
    margin-right: 1.4rem;
  }
}
.steps__step:after {
  content: "";
  display: none;
  position: absolute;
  bottom: 0.3rem;
  left: 1rem;
  width: 2.4rem;
  height: 1px;
  background-color: #00256c;
}
@media (min-width: 1060px) {
  .steps__step:after {
    left: 0.6rem;
    width: 2.8rem;
  }
}
.steps__item.-active .steps__step:after {
  display: block;
}
.steps__step.-passenger-choice:before {
  background: #fff url(../images/common/step-passenger-choice.svg) no-repeat center center;
}
.steps__item.-active .steps__step.-passenger-choice:before {
  background: #00256c url(../images/common/step-passenger-choice-active.svg) no-repeat center center;
}
.steps__step.-journey-summary:before {
  background: #fff url(../images/common/step-journey-summary.svg) no-repeat center center;
}
.steps__item.-active .steps__step.-journey-summary:before {
  background: #00256c url(../images/common/step-journey-summary-active.svg) no-repeat center center;
}
.steps__step.-passenger-information:before {
  background: #fff url(../images/common/step-passenger-information.svg) no-repeat center center;
}
.steps__item.-active .steps__step.-passenger-information:before {
  background: #00256c url(../images/common/step-passenger-information-active.svg) no-repeat center center;
}
.steps__step.-boarding-pass:before {
  background: #fff url(../images/common/step-boarding-pass.svg) no-repeat center center;
}
.steps__item.-active .steps__step.-boarding-pass:before {
  background: #00256c url(../images/common/step-boarding-pass-active.svg) no-repeat center center;
}
.steps__step.-search:before {
  background: #fff url(../images/common/step-search.svg) no-repeat center center;
}
.steps__item.-active .steps__step.-search:before {
  background: #00256c url(../images/common/step-search-active.svg) no-repeat center center;
}
.steps__step.-boarding-seat:before {
  background: #fff url(../images/common/step-boarding-seat.svg) no-repeat center center;
}
.steps__item.-active .steps__step.-boarding-seat:before {
  background: #00256c url(../images/common/step-boarding-seat-active.svg) no-repeat center center;
}
.steps__step.-payment:before {
  background: #fff url(../images/common/step-payment.svg) no-repeat center center;
}
.steps__item.-active .steps__step.-payment:before {
  background: #00256c url(../images/common/step-payment-active.svg) no-repeat center center;
}
.steps__step.-join-agree:before {
  background: #fff url(../images/common/step-agree.svg) no-repeat center center;
  background-size: 24px 24px;
}
.steps__item.-active .steps__step.-join-agree:before {
  background: #00256c url(../images/common/step-agree-active.svg) no-repeat center center;
  background-size: 24px 24px;
}
.steps__step.-join-certify:before {
  background: #fff url(../images/common/step-certify.svg) no-repeat center center;
  background-size: 24px 24px;
}
.steps__item.-active .steps__step.-join-certify:before {
  background: #00256c url(../images/common/step-certify-active.svg) no-repeat center center;
  background-size: 24px 24px;
}
.steps__step.-join-forms:before {
  background: #fff url(../images/common/step-forms.svg) no-repeat center center;
  background-size: 24px 24px;
}
.steps__item.-active .steps__step.-join-forms:before {
  background: #00256c url(../images/common/step-forms-active.svg) no-repeat center center;
  background-size: 24px 24px;
}
.steps__step.-join-compleat:before {
  background: #fff url(../images/common/step-complete.svg) no-repeat center center;
  background-size: 24px 24px;
}
.steps__item.-active .steps__step.-join-compleat:before {
  background: #00256c url(../images/common/step-complete-active.svg) no-repeat center center;
  background-size: 24px 24px;
}
.steps.-number .steps__step:before {
  background: #fff url(../images/common/step-checked.svg) no-repeat 50% 50%;
  background-size: 16px 16px;
}
@media (min-width: 1060px) {
  .steps.-number .steps__step:before {
    background-size: 24px 24px;
  }
}
.steps__item.-active .steps__step:before {
  background-color: #00256c;
  background: #00256c url(../images/common/step-passenger-choice.svg) no-repeat center center;
}
.steps__item.-active ~ .steps__item .steps__step:before {
  border-color: #f3f4f8;
  background-color: #f3f4f8;
}
.steps.-number .steps__item.-active ~ .steps__item .steps__step:before {
  background-image: none;
}
.steps__number {
  display: none;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0.2rem;
  left: 0.5rem;
  width: 3.4rem;
  height: 3.4rem;
  color: #00256c;
  font-size: 1.6rem;
}
@media (min-width: 1060px) {
  .steps__number {
    top: 50%;
    left: 0.2rem;
    width: 3.6rem;
    height: 3.6rem;
    margin-top: -2.3rem;
  }
}
.steps__item.-active .steps__number {
  display: flex;
  color: #fff;
  font-weight: 700;
}
.steps__item.-active ~ .steps__item .steps__number {
  display: flex;
}
.steps__title {
  overflow: hidden;
  white-space: nowrap;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  position: absolute;
  width: 1px;
  height: 1px;
}
@media (min-width: 1060px) {
  .steps__title {
    overflow: visible;
    white-space: normal;
    clip: inherit;
    clip-path: none;
    display: block;
    position: static;
    width: auto;
    height: auto;
    color: #00256c;
    font-size: 1.4rem;
    line-height: 1.58;
  }
}
.steps__item.-active .steps__title {
  font-weight: 700;
}
.small-steps {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 0.8rem;
}
@media (min-width: 1060px) {
  .small-steps {
    margin-bottom: 2rem;
  }
}
.small-steps:first-child {
  margin-top: 0;
}
.small-steps:last-child {
  margin-bottom: 0;
}
.small-steps__item + .small-steps__item {
  margin-left: 0.4rem;
}
.small-steps__step {
  display: flex;
  align-items: center;
  text-decoration: none;
  padding: 0.8rem;
}
a.small-steps__step:hover,
a.small-steps__step:focus {
  outline: 0;
  border-radius: 0;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app a.small-steps__step:hover,
.app a.small-steps__step:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
a.small-steps__step[aria-disabled="true"] {
  cursor: not-allowed;
}
.small-steps__number {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1 0 auto;
  position: relative;
  width: 2.8rem;
  height: 2.8rem;
  border: 1px solid #00256c;
  border-radius: 1.4rem;
  color: #00256c;
  font-size: 1.4rem;
  line-height: 1.58;
}
.small-steps__item.-active .small-steps__number {
  background-color: #00256c;
  color: #fff;
  font-weight: 700;
}
.small-steps__item.-active ~ .small-steps__item .small-steps__number {
  border: 0;
  background-color: #f3f4f8;
  color: #555;
}
.small-steps__item.-active .small-steps__number:after {
  content: "";
  display: block;
  position: absolute;
  bottom: -0.5rem;
  left: 50%;
  width: 2rem;
  height: 1px;
  background-color: #00256c;
  transform: translateX(-50%);
}
.small-steps ._hidden {
  flex-grow: 0;
}
.small-steps__title {
  overflow: hidden;
  white-space: nowrap;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  position: absolute;
  width: 1px;
  height: 1px;
  color: #00256c;
  font-size: 1.6rem;
}
@media (min-width: 1060px) {
  .small-steps__title {
    overflow: visible;
    white-space: normal;
    clip: inherit;
    clip-path: none;
    display: block;
    position: static;
    width: auto;
    height: auto;
    margin-left: 0.8rem;
  }
}
.small-steps__item.-active .small-steps__title {
  font-weight: 700;
}
.small-steps__item.-active ~ .small-steps__item .small-steps__title {
  color: #767676;
}
.terms {
  margin-top: 3.2rem;
}
@media (min-width: 1060px) {
  .terms {
    margin-top: 4rem;
  }
}
.terms:first-child {
  margin-top: 0;
}
.terms:last-child {
  margin-bottom: 0;
}
.h2 + .terms,
.h3 + .terms {
  margin: 1.6rem 0;
}
@media (min-width: 1060px) {
  .h2 + .terms,
  .h3 + .terms {
    margin: 2rem 0;
  }
}
.terms__title {
  margin: 1.2rem 0 0.8rem;
  color: #000;
  font-weight: 700;
  font-size: 1.4rem;
}
@media (min-width: 1060px) {
  .terms__title {
    margin: 1.6rem 0 1.2rem;
    font-size: 1.6rem;
  }
}
.terms__title:first-child {
  margin-top: 0;
}
.terms__contents {
  padding: 2rem;
  border: 0.1rem solid #d9dbe1;
  border-radius: 0.2rem 0.2rem 0 0;
}
@media (min-width: 1060px) {
  .terms__contents {
    padding: 3rem 3.2rem;
  }
}
.terms__agree {
  padding: 2rem;
  border: 0.1rem solid #d9dbe1;
  border-top: 0;
  border-radius: 0 0 0.2rem 0.2rem;
  background-color: #f8f9fc;
}
@media (min-width: 1060px) {
  .terms__agree {
    padding: 2rem 3.2rem;
  }
}
.terms__item {
  display: flex;
  justify-content: space-between;
}
.terms__item + .terms__item {
  margin-top: 2rem;
}
@media (min-width: 1060px) {
  .terms__item + .terms__item {
    margin-top: 2.2rem;
  }
}
.terms__key .selection [disabled] ~ label,
.terms__key .selection [aria-disabled="true"] ~ label {
  color: #555;
}
.terms__value {
  flex-shrink: 0;
  margin-left: 0.8rem;
}
.drops {
  position: relative;
  z-index: 1;
  margin: 2rem 0;
}
.drops.-active {
  box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.1);
}
.drops.-fixed {
  position: fixed;
  top: 0;
  left: 2rem;
  right: 2rem;
  z-index: 30;
  margin: 0;
  box-shadow: 0 1rem 2rem -0.4rem rgba(0, 25, 72, 0.18);
}
@media (min-width: 1340px) {
  .drops.-fixed {
    left: 50%;
    right: auto;
    width: 100%;
    max-width: 128rem;
    transform: translateX(-50%);
  }
}
.drops:first-child {
  margin-top: 0;
}
.drops:last-child {
  margin-bottom: 0;
}
.drops__heading {
  display: flex;
  flex-direction: column;
}
@media (min-width: 1060px) {
  .drops__heading {
    flex-direction: row;
  }
}
.drops__heading.-fix {
  position: fixed;
  width: calc(100% - 4rem);
  box-shadow: 0 1rem 2rem -0.4rem rgba(0, 25, 72, 0.18);
  z-index: 10;
}
.drops__summary {
  border: 1px solid #d9dbe1;
}
@media (min-width: 1060px) {
  .drops__summary {
    flex: 1;
    border: 1px solid #d9dbe1;
  }
}
.drops__summary.-colored {
  background-color: #f6f8ff;
}
.drops__expander {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 4rem;
  border: 1px solid #d9dbe1;
  border-top-width: 0;
  background-color: #fff;
  font-size: 1.4rem;
  line-height: 1.58;
  cursor: pointer;
}
@media (min-width: 1060px) {
  .drops__expander {
    min-width: 6rem;
    height: auto;
    padding: 2rem 1.9rem;
    border: 1px solid #d9dbe1;
    border-left-width: 0;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.drops__expander:hover,
.drops__expander:focus {
  position: relative;
}
.drops__expander:hover,
.drops__expander:focus {
  outline: 0;
  border-radius: 0;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .drops__expander:hover,
.app .drops__expander:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.drops__expander:after {
  content: "";
  display: inline-block;
  width: 2.4rem;
  height: 2.4rem;
  background: url(../images/common/ico-expander.svg) no-repeat center center;
}
.drops.-active .drops__expander:after {
  background: url(../images/common/ico-expander-active.svg) no-repeat center center;
}
.drops__value {
  display: flex;
  padding: 0 0.8rem;
}
.drops__value * + * {
  margin-left: 0.4rem;
}
.drops__expand {
  display: none;
}
.drops__expand:focus {
  position: relative;
  outline: 0;
  box-shadow: inset 0 0 1px 0 #0064de;
}
.drops.-active .drops__expand {
  display: block;
}
.drops__contents {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  border: 1px solid #d9dbe1;
  border-top-width: 0;
  background-color: #fff;
  box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1);
}
.drops__expand:focus .drops__contents {
  border-color: #0064de;
}
.drops__expand:focus .drops__contents:before {
  content: "";
  position: absolute;
  top: -1px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #0064de;
}
.agree {
  margin: 4rem 0 1.6rem;
}
@media (min-width: 1060px) {
  .agree {
    margin: 6rem 0 1.6rem;
  }
}
.agree.-payment {
  margin: 2rem 0 4rem;
}
@media (min-width: 1060px) {
  .agree.-payment {
    margin-bottom: 6rem;
  }
}
.h2 + .agree.-payment {
  margin-bottom: 2rem;
}
.agree:first-child {
  margin-top: 0;
}
.agree:last-child {
  margin-bottom: 0;
}
.h3 + .agree {
  margin-top: 1.2rem;
}
.agree__all {
  padding: 2rem;
  border: 1px solid #d9dbe1;
  border-bottom: 0;
}
.agree__list {
  border: 1px solid #d9dbe1;
}
.bundle .agree.-payment .agree__list {
  border: 0;
  border-top: 1px solid #d9dbe1;
}
.agree__item {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  padding: 2rem;
}
.agree__item + .agree__item {
  border-top: 1px solid #d9dbe1;
}
.agree__key {
  order: 1;
  flex: 10;
  padding-right: 1rem;
}
.agree__summary {
  order: 3;
  width: 100%;
  margin-top: 1.2rem;
  padding-left: 2.6rem;
  color: #555;
  font-size: 1.2rem;
}
@media (min-width: 1060px) {
  .agree__summary {
    padding-left: 3rem;
    font-size: 1.4rem;
    line-height: 1.58;
  }
}
.agree__value {
  order: 2;
  flex: 1;
  margin-left: auto;
  flex-shrink: 0;
  text-align: right;
}
.tab.-x {
  margin: 2.4rem 0 2rem;
}
@media (min-width: 1060px) {
  .tab.-x {
    margin: 2.3rem 0 4rem;
  }
}
.tab.-y {
  position: relative;
  display: flex;
  margin: 2rem 0 0;
  border: 1px solid #dfe2e5;
}
.tab.-lite + .tab.-lite {
  margin: 0 0;
}
.tab.-lite + .tab.-lite:first-child {
  margin-top: 0;
}
.tab.-lite + .tab.-lite:last-child {
  margin-bottom: 0;
}
.tab.-x .tab__list {
  background-color: #fff;
}
@media (min-width: 1060px) {
  .tab.-x .tab__list {
    display: flex;
    flex-direction: row;
  }
}
.tab.-x.-col2 .tab__list {
  flex-direction: row;
  flex-wrap: wrap;
}
@media (min-width: 1060px) {
  .tab.-x.-col2 .tab__list {
    flex-wrap: nowrap;
  }
}
@media (min-width: 1060px) {
  .tab.-x.-combine .tab__list {
    width: auto;
    min-width: 50rem;
    float: left;
  }
}
.tab.-y .tab__list {
  width: 36.25%;
  flex-direction: column;
}
@media (min-width: 1060px) {
  .tab.-y .tab__list {
    width: 25%;
  }
}
.tab.-lite .tab__list {
  padding: 1.2rem;
  margin-bottom: 2rem;
}
@media (min-width: 1060px) {
  .tab.-lite .tab__list {
    padding: 2rem;
  }
}
.tab.-x .tab__item {
  flex-basis: 100%;
  justify-content: center;
  padding: 0;
  text-decoration: none;
  text-align: center;
  vertical-align: middle;
}
.tab.-x.-col2 .tab__item {
  flex-basis: 50%;
}
@media (min-width: 1060px) {
  .tab.-x.-col2 .tab__item {
    flex-basis: 100%;
  }
}
.tab.-x .tab__item + .tab__item {
  margin-top: -1px;
}
@media (min-width: 1060px) {
  .tab.-x .tab__item + .tab__item {
    margin-top: 0;
    margin-left: -1px;
  }
}
.tab.-x.-col2 .tab__item:nth-child(2) {
  margin-top: 0;
}
.tab.-x.-col2 .tab__item:nth-child(even) {
  margin-left: -1px;
}
.tab.-x.-combine .tab__item {
  width: auto;
}
.tab.-lite .tab__item {
  display: inline-block;
}
.tab.-lite .tab__item:before {
  content: "";
  display: inline-block;
  width: 1px;
  height: 1.4rem;
  vertical-align: middle;
  margin: 0 2.4rem 0 2.4rem;
  background: #d9dbe1;
}
.tab.-lite .tab__item:first-child:before {
  display: none;
}
.tab.-x .tab__button {
  display: block;
  width: 100%;
  min-height: 100%;
  padding: 0.7rem 2rem;
  border-width: 1px;
  border: 1px solid #d9dbe1;
  background: none transparent;
  color: #00256c;
  font-size: 1.6rem;
  line-height: 1.5;
  cursor: pointer;
  appearance: none;
}
@media (min-width: 1060px) {
  .tab.-x .tab__button {
    padding: 1rem 2rem;
    font-size: 1.8rem;
    line-height: 1.56;
  }
}
.tab.-x .tab__button:hover,
.tab.-x .tab__button:focus {
  outline: 0;
  border-radius: 0.2rem !important;
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.3rem #0064de;
}
.app .tab.-x .tab__button:hover,
.app .tab.-x .tab__button:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.tab.-x .tab__item:first-child .tab__button {
  border-top-left-radius: 0.2rem;
  border-top-right-radius: 0.2rem;
}
@media (min-width: 1060px) {
  .tab.-x .tab__item:first-child .tab__button {
    border-top-right-radius: 0;
    border-bottom-left-radius: 0.2rem;
  }
}
.tab.-x .tab__item:last-child .tab__button {
  border-bottom-left-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
}
@media (min-width: 1060px) {
  .tab.-x .tab__item:last-child .tab__button {
    border-top-right-radius: 0.2rem;
    border-bottom-left-radius: 0;
  }
}
.tab.-x.-col2 .tab__item:first-child .tab__button {
  border-top-right-radius: 0;
}
.tab.-x.-col2 .tab__item:nth-child(2) .tab__button {
  border-top-right-radius: 0.2rem;
}
.tab.-x.-col2 .tab__item:nth-last-child(2):nth-child(odd) .tab__button {
  border-bottom-left-radius: 0.2rem;
}
.tab.-x.-col2 .tab__item:last-child .tab__button {
  border-bottom-left-radius: 0;
}
.tab.-x .tab__item.-active .tab__button {
  position: relative;
  border-color: #013066;
  background-color: #013066;
  color: #fff;
}
.tab.-y .tab__button {
  display: block;
  width: 100%;
  padding: 1.3rem 1rem 1.3rem 2rem;
  border: 0;
  background-color: #f4f7f9;
  color: #000;
  font-size: 1.4rem;
  line-height: 1.58;
  text-align: left;
  cursor: pointer;
  appearance: none;
}
@media (min-width: 1060px) {
  .tab.-y .tab__button {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.tab.-y .tab__button:hover,
.tab.-y .tab__button:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .tab.-y .tab__button:hover,
.app .tab.-y .tab__button:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.tab.-y .tab__item.-active .tab__button {
  background-color: #fff;
  font-weight: 700;
}
@media (min-width: 1060px) {
  .tab.-x.-combine .tab__button {
    width: auto;
    min-width: 25rem;
    white-space: nowrap;
  }
}
.tab__button:hover,
.tab__button:focus {
  position: relative;
}
.tab.-lite .tab__button {
  border: 0;
  background: none;
  font-size: 1.6rem;
  font-weight: normal;
  color: #555;
  line-height: 1.5;
}
@media (min-width: 1060px) {
  .tab.-lite .tab__button {
    font-size: 1.8rem;
    line-height: 1.56;
  }
}
.tab.-lite .tab__button:hover,
.tab.-lite .tab__button:focus {
  outline: 0;
  border-radius: 0.2rem !important;
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.3rem #0064de;
}
.app .tab.-lite .tab__button:hover,
.app .tab.-lite .tab__button:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.tab.-lite .tab__item.-active .tab__button {
  font-weight: bold;
  color: #00256c;
}
.tab.-lite .tab__item.-active .tab__button:after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  margin-top: 0.4rem;
  background: #de001b;
}
.tab__panel {
  display: none;
  clear: both;
}
.tab.-x .tab__panel {
  padding: 2rem 0;
}
@media (min-width: 1060px) {
  .tab.-x .tab__panel {
    padding: 4rem 0;
  }
}
.tab.-y .tab__panel {
  overflow-y: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 63.75%;
  padding: 0 2.4rem 0 2rem;
}
@media (min-width: 1060px) {
  .tab.-y .tab__panel {
    width: 75%;
  }
}
.tab.-lite .tab__panel {
  margin-top: 2rem;
  padding: 0 1.2rem;
}
@media (min-width: 1060px) {
  .tab.-lite .tab__panel {
    padding: 0 2rem;
  }
}
.tab__panel.-active {
  display: block;
}
.tab__panel:hover,
.tab__panel:focus {
  outline: 0;
}
.tab__aside {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin: 0.6rem 0 0;
  text-align: right;
}
@media (min-width: 1060px) {
  .tab__aside {
    float: left;
    height: 5rem;
    margin: 0 0 0 4rem;
    text-align: left;
  }
}
.tab__text {
  color: #555;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .tab__text {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.menu {
  margin-top: 2.4rem;
}
.menu__list {
  margin-bottom: 2rem;
}
@media (min-width: 1060px) {
  .menu__list {
    display: flex;
    margin-bottom: 4rem;
  }
}
.menu__list.-col2 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
@media (min-width: 1060px) {
  .menu__list.-col2 {
    flex-wrap: nowrap;
  }
}
.menu__item {
  width: 100%;
  height: auto;
  border: 1px solid #d9dbe1;
  border-top: 0;
}
@media (min-width: 1060px) {
  .menu__item {
    border-top: 1px solid #d9dbe1;
    border-left: 0;
  }
}
.menu__list.-col2 .menu__item {
  width: 50%;
}
.menu__list.-col2 .menu__item:nth-of-type(2) {
  border-top: 1px solid #d9dbe1;
}
.menu__list.-col2 .menu__item:nth-of-type(2n+2) {
  border-left: 0;
}
.menu__item:first-child {
  border-top: 1px solid #d9dbe1;
}
@media (min-width: 1060px) {
  .menu__item:first-child {
    border-left: 1px solid #d9dbe1;
  }
}
.menu__item.-active {
  border-color: #013066;
  background-color: #013066;
}
.menu__item.-active .menu__link {
  color: #fff;
}
.menu__link {
  display: block;
  padding: 0.8rem 2rem;
  font-size: 1.6rem;
  font-weight: normal;
  color: #00256c;
  text-align: center;
  text-decoration: none;
  line-height: 1.5;
}
@media (min-width: 1060px) {
  .menu__link {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    font-size: 1.8rem;
    line-height: 1.56;
  }
}
.menu__link:hover,
.menu__link:focus {
  outline: 0;
  border-radius: 0.2rem !important;
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.3rem #0064de;
}
.app .menu__link:hover,
.app .menu__link:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.sub-menu {
  margin-top: 2rem;
}
@media (min-width: 1060px) {
  .menu + .sub-menu {
    margin-top: -2rem;
  }
}
.sub-menu__list {
  margin-bottom: 2.8rem;
}
.sub-menu__item {
  display: inline-block;
  position: relative;
  margin-bottom: 1.2rem;
  padding-right: 4.8rem;
}
.sub-menu__item:before {
  content: "";
  display: block;
  position: absolute;
  top: 0.7rem;
  right: 2.4rem;
  width: 1px;
  height: 1.4rem;
  background: #d9dbe1;
}
.sub-menu__item:last-child:before {
  display: none;
}
.sub-menu__item:last-child {
  padding-right: 0;
}
.sub-menu__item:after {
  content: "";
  display: block;
  width: 100%;
  height: 0.2rem;
  margin: 0.4rem 0 0 0;
  background: none;
}
.sub-menu__item.-active:after {
  background-color: #de001b;
}
.sub-menu__button {
  display: inline-block;
  border: 0;
  background: none;
  font-size: 1.6rem;
  font-weight: normal;
  color: #555;
  text-align: left;
  text-decoration: none;
  line-height: 1.5;
}
@media (min-width: 1060px) {
  .sub-menu__button {
    font-size: 1.8rem;
    line-height: 1.56;
  }
}
.sub-menu__item.-active .sub-menu__button {
  font-weight: bold;
  color: #00256c;
}
.sub-menu__button:hover,
.sub-menu__button:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .sub-menu__button:hover,
.app .sub-menu__button:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.sub-menu__link {
  display: inline-block;
  border: 0;
  background: none;
  font-size: 1.6rem;
  font-weight: normal;
  color: #555;
  text-align: left;
  text-decoration: none;
  line-height: 1.5;
}
@media (min-width: 1060px) {
  .sub-menu__link {
    font-size: 1.8rem;
    line-height: 1.56;
  }
}
.sub-menu__item.-active .sub-menu__link {
  font-weight: bold;
  color: #00256c;
}
.sub-menu__link:hover,
.sub-menu__link:focus {
  outline: 0;
  border-radius: 0.2rem !important;
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.3rem #0064de;
}
.app .sub-menu__link:hover,
.app .sub-menu__link:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.sub-menu__panel {
  display: none;
  margin-top: 2.8rem;
}
.sub-menu__panel.-active {
  display: block;
}
.accordion {
  list-style: none;
}
.accordion [data-role="panel"] {
  display: none;
}
.accordion [data-role="item"].-active > [data-role="panel"] {
  display: block;
}
.accordion.-basic .accordion__controls {
  margin: 1.6rem 0;
}
.accordion.-basic .accordion__list {
  border-bottom: 1px solid #d9dbe1;
}
.accordion.-basic .accordion__item {
  border-top: 1px solid #d9dbe1;
}
.accordion.-basic .accordion__title {
  display: block;
  width: 100%;
  padding: 2.1rem 4.8rem 2.1rem 1.2rem;
  border: 0;
  background: url(../images/common/ico-expander.svg) no-repeat 100% 50%;
  background-size: 24px 24px;
  color: #000;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.58;
  text-align: left;
}
@media (min-width: 1060px) {
  .accordion.-basic .accordion__title {
    padding: 2.4rem 4.8rem 2.4rem 0.1rem;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.accordion.-basic .accordion__title[aria-expanded="true"] {
  background: url(../images/common/ico-expander-active.svg) no-repeat 100% 50%;
  background-size: 24px 24px;
}
.accordion.-basic .accordion__title:hover,
.accordion.-basic .accordion__title:focus {
  outline: 0;
  border-radius: 0;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .accordion.-basic .accordion__title:hover,
.app .accordion.-basic .accordion__title:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.accordion.-basic.-small .accordion__title {
  font-size: 1.2rem;
  color: #00256c;
  padding: 1.8rem 4.8rem 1.8rem 1.2rem;
}
@media (min-width: 1060px) {
  .accordion.-basic.-small .accordion__title {
    font-size: 1.4rem;
    padding: 2rem 4.8rem 2rem 0;
  }
}
.accordion.-basic .accordion__panel {
  padding: 0 1.2rem;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .accordion.-basic .accordion__panel {
    padding: 0 0 2.4rem;
  }
}
.accordion.-form .accordion__controls {
  margin: 1.6rem 0;
}
.accordion.-form .accordion__list {
  border: 1px solid #d9dbe1;
}
.accordion__item + .accordion.-form__item {
  border-top: 1px solid #d9dbe1;
}
.accordion.-form .accordion__title {
  display: block;
  width: 100%;
  padding: 1.8rem 4.8rem 1.8rem 1.6rem;
  border: 0;
  background: url(../images/accordion__title-down.svg) no-repeat right 3.6rem center;
  background-size: 24px 24px;
  color: #000;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.58;
  text-align: left;
}
@media (min-width: 1060px) {
  .accordion.-form .accordion__title {
    background-position: right 4rem center;
    padding: 2.4rem 4.8rem 2.4rem 4rem;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.accordion.-form .accordion__title[aria-expanded="true"] {
  background: url(../images/accordion__title-up.svg) no-repeat right 3.6rem center;
  background-size: 24px 24px;
}
.accordion.-form .accordion__title:hover,
.accordion.-form .accordion__title:focus {
  outline: 0;
  border-radius: 0;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .accordion.-form .accordion__title:hover,
.app .accordion.-form .accordion__title:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.accordion.-form .accordion__panel {
  padding: 2rem 1.6rem 4rem;
  border-top: 1px solid #d9dbe1;
}
@media (min-width: 1060px) {
  .accordion.-form .accordion__panel {
    padding: 3.2rem 4rem 8rem;
  }
}
._folder {
  display: block;
  margin: 2rem 0;
}
._folder:first-child {
  margin-top: 0;
}
._folder:last-child {
  margin-bottom: 0;
}
.folder {
  margin: 2rem 0;
}
.folder:first-child {
  margin-top: 0;
}
.folder:last-child {
  margin-bottom: 0;
}
.folder__heading {
  display: flex;
  flex-direction: column;
}
@media (min-width: 1060px) {
  .folder__heading {
    flex-direction: row;
  }
}
.folder__summary {
  flex: 1;
  border: 1px solid #d9dbe1;
  border-bottom-width: 0;
}
@media (min-width: 1060px) {
  .folder__summary {
    border: 1px solid #d9dbe1;
    border-right-width: 0;
  }
}
.folder__summary.-colored {
  background-color: #f6f8ff;
}
.folder__expander {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 4rem;
  border: 1px solid #d9dbe1;
  background-color: #fff;
  cursor: pointer;
}
@media (min-width: 1060px) {
  .folder__expander {
    min-width: 6rem;
    height: auto;
    padding: 2rem 1.9rem;
  }
}
.folder__expander:hover,
.folder__expander:focus {
  position: relative;
}
.folder__expander:hover,
.folder__expander:focus {
  outline: 0;
  border-radius: 0;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .folder__expander:hover,
.app .folder__expander:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.folder__expander:after {
  content: "";
  display: inline-block;
  width: 2.4rem;
  height: 2.4rem;
  background: url(../images/common/ico-expander.svg) no-repeat center center;
}
.folder.-active .folder__expander:after {
  background: url(../images/common/ico-expander-active.svg) no-repeat center center;
}
.folder__value {
  display: block;
  padding: 0 0.8rem;
}
.folder__expand:focus {
  position: relative;
  outline: 0;
  box-shadow: inset 0 0 1px 0 #0064de;
}
.app .folder__expand:focus {
  box-shadow: none;
}
.folder__contents {
  border: 1px solid #d9dbe1;
  border-top-width: 0;
}
.folder__expand:focus .folder__contents {
  border-color: #0064de;
}
.folder__expand:focus .folder__contents:before {
  content: "";
  position: absolute;
  top: -1px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #0064de;
}
.folder__contents.-borderless {
  border: 0;
}
.page__bar + .folder {
  margin-top: 0;
}
._folders {
  display: block;
  margin: 2rem 0;
}
._folders:first-child {
  margin-top: 0;
}
._folders:last-child {
  margin-bottom: 0;
}
._folders + ._folders {
  margin-top: 2rem;
}
._folders.-ib {
  margin: 0;
}
._folders.-ib.-last .folders.-ib.-active:before {
  display: none;
}
.folders {
  margin: 2rem 0;
}
.folders:first-child {
  margin-top: 0;
}
.folders:last-child {
  margin-bottom: 0;
}
.folders + .folders {
  margin-top: 2rem;
}
.folders.-ib.-active {
  position: relative;
  margin: 2rem 0;
}
.folders.-ib.-active:before {
  content: "";
  display: block;
  position: absolute;
  bottom: -2rem;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #d9dbe1;
}
.folders.-sp {
  margin-bottom: 0;
}
.folders.-sp.-complete + .folders.-sp.-complete {
  margin: 0;
}
@media (min-width: 1060px) {
  .folders.-active + .folders {
    margin-top: 4rem;
  }
}
.folders__expander {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 2rem;
  padding-right: 5.2rem;
  border: 1px solid #d9dbe1;
  background: url(../images/common/ico-expander.svg) no-repeat;
  background-position: right 2rem center;
  text-align: left;
  cursor: pointer;
}
@media (min-width: 1060px) {
  .folders__expander {
    padding: 2.4rem 6.4rem 2.4rem 4rem;
  }
}
.folders__expander.-colored {
  background-color: #f6f8ff;
}
.folders.-ib.-complete + .folders.-ib.-complete .folders__expander,
._folders.-ib + ._folders.-ib .folders__expander {
  border-top: 0;
}
.folders.-sp.-complete + .folders.-sp.-complete .folders__expander {
  border-top: 0;
}
.folders.-ck.-active .folders__expander,
.folders.-ib.-active .folders__expander,
.folders.-sp.-active .folders__expander {
  background-color: #00256c;
  border: 1px solid #00256c;
}
.folders.-ck.-active .folders__expander:hover,
.folders.-ib.-active .folders__expander:hover,
.folders.-sp.-active .folders__expander:hover,
.folders.-ck.-active .folders__expander:focus,
.folders.-ib.-active .folders__expander:focus,
.folders.-sp.-active .folders__expander:focus {
  box-shadow: inset 0 0 0 1px #fff;
}
.app .folders.-ck.-active .folders__expander:hover,
.app .folders.-ib.-active .folders__expander:hover,
.app .folders.-sp.-active .folders__expander:hover,
.app .folders.-ck.-active .folders__expander:focus,
.app .folders.-ib.-active .folders__expander:focus,
.app .folders.-sp.-active .folders__expander:focus {
  box-shadow: none;
}
@media (min-width: 1060px) {
  .folders.-pc-hidden .folders__expander {
    overflow: hidden;
    white-space: nowrap;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    position: absolute;
    width: 1px;
    height: 1px;
    margin: 0;
    padding: 0;
    border: 0;
  }
}
.folders.-active .folders__expander {
  background-image: url(../images/common/ico-expander-active.svg);
}
.folders.-ck.-active .folders__expander,
.folders.-ib.-active .folders__expander,
.folders.-sp.-active .folders__expander {
  background-image: url(../images/common/ico-expander-active-white.svg);
}
.folders.-ib.-active + .folders.-ib .folders__expander {
  border-top: 1px solid #d9dbe1 !important;
}
.folders.-ib.-active .folders__expander {
  border-top: 1px solid #00256c !important;
}
.folders.-sp.-active + .folders.-sp .folders__expander {
  border-top: 1px solid #d9dbe1 !important;
}
.folders.-ib.-complete .folders__expander {
  position: relative;
  padding-left: 5rem;
}
@media (min-width: 1060px) {
  .folders.-ib.-complete .folders__expander {
    padding-left: 7.4rem;
  }
}
.folders.-ib.-complete .folders__expander:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 2rem;
  width: 2.2rem;
  height: 2.2rem;
  margin-top: -1.1rem;
  border-radius: 50%;
  background: #00256c url(../images/common/ico-expander-complete.svg) no-repeat 50% 50%;
  background-size: 18px 18px;
}
@media (min-width: 1060px) {
  .folders.-ib.-complete .folders__expander:before {
    left: 4rem;
  }
}
.folders.-sp.-complete .folders__expander {
  position: relative;
  padding-left: 5rem;
}
@media (min-width: 1060px) {
  .folders.-sp.-complete .folders__expander {
    padding-left: 7.4rem;
  }
}
.folders.-sp.-complete .folders__expander:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 2rem;
  width: 2.2rem;
  height: 2.2rem;
  margin-top: -1.1rem;
  border-radius: 50%;
  background: #00256c url(../images/common/ico-expander-complete.svg) no-repeat 50% 50%;
  background-size: 18px 18px;
}
@media (min-width: 1060px) {
  .folders.-sp.-complete .folders__expander:before {
    left: 4rem;
  }
}
.folders__expander:hover,
.folders__expander:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .folders__expander:hover,
.app .folders__expander:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.folders__subject {
  color: #000;
  font-style: normal;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .folders__subject {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.folders.-ck.-active .folders__subject,
.folders.-ib.-active .folders__subject,
.folders.-sp.-active .folders__subject {
  color: #fff;
}
.folders__info {
  flex-shrink: 0;
  margin-left: auto;
  padding-left: 1rem;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .folders__info {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.folders.-ck.-active .folders__info .remark,
.folders.-ib.-active .folders__info .remark,
.folders.-sp.-active .folders__info .remark {
  color: #fff;
}
.folders__expand:focus {
  position: relative;
  outline: 0;
  box-shadow: inset 0 0 1px 0 #0064de;
}
.app .folders__expand:focus {
  box-shadow: none;
}
@media (min-width: 1060px) {
  .folders.-pc-hidden .folders__expand {
    display: block;
    border-top: 1px solid #d9dbe1;
  }
}
.folders__contents {
  overflow: hidden;
  border: 1px solid #d9dbe1;
  border-top-width: 0;
}
.folders__expand:focus .folders__contents {
  border-color: #0064de;
}
.folders__expand:focus .folders__contents:before {
  content: "";
  position: absolute;
  top: -1px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #0064de;
}
.folders__contents.-borderless {
  border: 0;
}
.folders__buttons {
  margin-top: 2rem;
  text-align: center;
}
@media (min-width: 1060px) {
  .folders__buttons {
    margin-top: 4rem;
  }
}
.folders__buttons.-left {
  text-align: left;
}
.folders__buttons.-center {
  text-align: center;
}
.folders__buttons.-right {
  text-align: right;
}
.expand {
  display: none;
}
.expand.-active {
  display: block;
}
.dropdown {
  position: relative;
  display: inline-block;
}
.dropdown.-push {
  margin-left: auto;
}
.dropdown + .dropdown {
  margin-left: 0.8rem;
}
.dropdown__trigger {
  display: block;
  position: relative;
  padding: 0.4rem 3.5rem 0.4rem 1.3rem;
  border: 0;
  background: transparent none;
  color: #000;
  font-size: 1.4rem;
  text-align: left;
  cursor: pointer;
}
@media (min-width: 1060px) {
  .dropdown__trigger {
    font-size: 1.6rem;
  }
}
.dropdown__trigger.-bordered {
  border: 1px solid #d9dbe1;
  border-radius: 0.2rem;
  background-color: #fff;
}
@media (min-width: 1060px) {
  .dropdown__trigger.-bordered {
    padding: 0.8rem 3.5rem 0.8rem 1.2rem;
  }
}
.dropdown__trigger:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 1.1rem;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  background: url(../images/common/ico-dropdown-arrow.svg) no-repeat 100% 50%;
  background-size: 16px 16px;
}
.dropdown.-active .dropdown__trigger:before {
  background: url(../images/common/ico-dropdown-arrow-active.svg) no-repeat 100% 50%;
  background-size: 16px 16px;
}
.dropdown__trigger.-bordered:before {
  background: url(../images/common/ico-dropdown-arrow-bordered.svg) no-repeat 100% 50%;
  background-size: 16px 16px;
}
.dropdown.-active .dropdown__trigger.-bordered:before {
  background: url(../images/common/ico-dropdown-arrow-bordered.svg) no-repeat 100% 50%;
  background-size: 16px 16px;
}
.dropdown__trigger[aria-disabled="true"] {
  color: #bcbcbc;
  cursor: not-allowed;
}
.dropdown__trigger[aria-disabled="true"]:before {
  background-image: url(../images/common/ico-dropdown-arrow-disabled.svg);
}
.dropdown__trigger:hover,
.dropdown__trigger:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .dropdown__trigger:hover,
.app .dropdown__trigger:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.dropdown__list {
  display: none;
  border-radius: 0.2rem;
  border: solid 1px #d9dbe1;
  background-color: #fff;
  box-shadow: 0 0.4rem 0.6rem 0 rgba(0, 0, 0, 0.1);
}
.dropdown__list.-edge {
  position: relative;
  margin-top: 1.2rem;
}
.dropdown__list.-edge:before {
  content: "";
  display: block;
  position: absolute;
  top: -0.8rem;
  right: 2.8rem;
  width: 1.3rem;
  height: 0.8rem;
  background: url(../images/common/ico-dropdown-edge.svg) no-repeat 50% 50%;
  background-size: 13px 8px;
}
@media (min-width: 1060px) {
  .dropdown__list.-edge:before {
    right: 3.6rem;
  }
}
.dropdown.-active .dropdown__list {
  display: inline-block;
  position: absolute;
  top: 100%;
  right: 0;
  min-width: 100%;
  z-index: 90;
}
.dropdown.-active .dropdown__list.-left {
  right: auto;
  left: 0;
}
.dropdown__item {
  border-bottom: 1px solid #d9dbe1;
}
.dropdown__button {
  white-space: nowrap;
  display: block;
  min-width: 100%;
  padding: 1.2rem 1.6rem;
  border: 0;
  background: #fff;
  color: #000;
  font-size: 1.4rem;
  line-height: 1.58;
  text-align: left;
  text-decoration: none;
}
.dropdown__button + .dropdown__button {
  border-top: 1px solid #d9dbe1;
}
.dropdown__button:hover,
.dropdown__button:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .dropdown__button:hover,
.app .dropdown__button:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.breadcrumbs {
  display: none;
  position: relative;
}
@media (min-width: 1060px) {
  .breadcrumbs {
    display: block;
    padding: 0 2rem;
  }
}
.breadcrumbs__location {
  display: block;
  max-width: 128rem;
  list-style: none;
}
@media (min-width: 1060px) {
  .breadcrumbs__location {
    display: flex;
    margin: 2rem auto 0;
  }
}
.breadcrumbs__depth {
  display: none;
  position: relative;
  padding-right: 4rem;
  font-size: 1.4rem;
  line-height: 1.58;
  color: #555;
}
@media (min-width: 1060px) {
  .breadcrumbs__depth {
    display: block;
  }
}
.breadcrumbs__depth:last-child {
  display: block;
  width: 100%;
  padding-right: 0;
}
@media (min-width: 1060px) {
  .breadcrumbs__depth:last-child {
    display: block;
    width: auto;
  }
}
.breadcrumbs__depth:before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  right: 1.2rem;
  width: 1.6rem;
  height: 1.6rem;
  margin-top: -0.8rem;
  background: url(../images/common/breadcrumbs-arrow.svg) no-repeat;
  background-size: 16px 16px;
}
.breadcrumbs__depth:last-child:before {
  display: none;
}
.breadcrumbs__trigger {
  display: inline-block;
  position: relative;
  width: 100%;
  background: none;
  border: 0;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.58;
  text-align: left;
  color: #00256c;
  padding: 1.2rem 5rem 1.2rem 2rem;
  border-bottom: 1px solid #e7eaf0;
}
@media (min-width: 1060px) {
  .breadcrumbs__trigger {
    width: auto;
    font-weight: 400;
    color: #1170e4;
    padding: 0 3rem 0 0;
    border-bottom: 0;
  }
}
.breadcrumbs__trigger:hover,
.breadcrumbs__trigger:focus {
  outline: 0;
  border-radius: 0;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .breadcrumbs__trigger:hover,
.app .breadcrumbs__trigger:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.breadcrumbs__trigger:after {
  content: "";
  display: block;
  position: absolute;
  top: 1rem;
  right: 2rem;
  width: 2.4rem;
  height: 2.4rem;
  background: url(../images/common/breadcrumbs-trigger-mobile.svg) no-repeat;
  background-size: 24px 24px;
}
@media (min-width: 1060px) {
  .breadcrumbs__trigger:after {
    top: 0.3rem;
    right: 0;
    width: 1.6rem;
    height: 1.6rem;
    background: url(../images/common/breadcrumbs-trigger.svg) no-repeat;
    background-size: 16px 16px;
  }
}
.breadcrumbs__list {
  display: none;
  position: absolute;
  top: auto;
  left: 0;
  width: 100%;
  margin: 0;
  padding: 1rem 0;
  border: 0;
  background-color: #fff;
  box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.1);
  list-style: none;
  font-size: 1.4rem;
  line-height: 1.58;
  z-index: 10;
}
@media (min-width: 1060px) {
  .breadcrumbs__list {
    width: auto;
    top: 3.3rem;
    border: 1px solid #d9dbe1;
  }
}
.breadcrumbs__list.-active {
  display: block;
}
.breadcrumbs__link {
  color: #0b66d4;
  text-decoration: none;
}
@media (min-width: 1060px) {
  .breadcrumbs__link {
    white-space: nowrap;
  }
}
a.breadcrumbs__link:hover,
a.breadcrumbs__link:focus {
  outline: 0;
  border-radius: 0;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app a.breadcrumbs__link:hover,
.app a.breadcrumbs__link:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.breadcrumbs.-nav {
  display: block;
}
.breadcrumbs.-nav .breadcrumbs__link {
  display: block;
  padding: 1rem 5rem 1rem 2rem;
  color: #111;
}
.breadcrumbs.-nav .breadcrumbs__link:focus,
.breadcrumbs.-nav .breadcrumbs__link:hover {
  background-color: #f3f4f8;
  font-weight: 700;
  color: #00256c;
}
@media (min-width: 1060px) {
  .breadcrumbs.-nav .breadcrumbs__link:focus,
  .breadcrumbs.-nav .breadcrumbs__link:hover {
    background-color: #f8f9fc;
    font-weight: 400;
    color: #0b66d4;
  }
}
.pagination {
  margin-top: 3.2rem;
}
.pagination__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.pagination__item {
  width: 4.3rem;
  height: 4.4rem;
  line-height: 4.4rem;
  text-align: center;
}
@media (min-width: 1060px) {
  .pagination__item + .pagination__item {
    margin-left: 0.1rem;
  }
}
@media (min-width: 1060px) {
  .pagination__item {
    width: 4.4rem;
    font-size: 1.4rem;
  }
}
.pagination__item.-active {
  width: 4.4rem;
  background-color: #00256c;
  color: #fff;
}
.pagination__item.-ctrl {
  width: 4.4rem;
}
.pagination__item.-first {
  background: url(../images/pagination__first.svg) no-repeat center center;
}
.pagination__item.-prev {
  background: url(../images/pagination__prev.svg) no-repeat center center;
  margin: 0 0.8rem 0 -1px;
}
@media (min-width: 1060px) {
  .pagination__item.-prev {
    margin-right: 1.9rem;
  }
}
.pagination__item.-next {
  background: url(../images/pagination__next.svg) no-repeat center center;
  margin-left: 0.8rem;
}
@media (min-width: 1060px) {
  .pagination__item.-next {
    margin-left: 1.9rem;
  }
}
.pagination__item.-last {
  margin-left: -1px;
  background: url(../images/pagination__last.svg) no-repeat center center;
}
.pagination__link {
  display: block;
  width: 100%;
  height: 100%;
  color: #555;
  text-decoration: none;
}
.pagination__item.-ctrl .pagination__link {
  border: 1px solid #d9dbe1;
}
.pagination__link:hover,
.pagination__link:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .pagination__link:hover,
.app .pagination__link:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.pagination__link[aria-disabled="true"] {
  cursor: not-allowed;
}
.pagination__link[aria-disabled="true"]:hover,
.pagination__link[aria-disabled="true"]:focus {
  outline: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.listbox {
  position: relative;
}
.listbox__button {
  display: block;
  width: 100%;
  height: 4.5rem;
  border: 0;
  border-bottom: 1px solid #00256c;
  background: transparent url(../images/common/ico-select.svg) no-repeat right center;
  background-size: 24px 24px;
  font-size: 1.8rem;
  line-height: 1.56;
  text-align: left;
}
.listbox__list {
  display: none;
  overflow-x: hidden;
  overflow-y: auto;
  position: absolute;
  top: 4.5rem;
  left: 0;
  width: 100%;
  max-height: 22.1rem;
  margin: 0;
  padding: 0;
  border-left: 1px solid #d9dbe1;
  border-right: 1px solid #d9dbe1;
  border-bottom: 1px solid #d9dbe1;
  background-color: #fff;
  list-style: none;
  font-size: 1.4rem;
  line-height: 1.58;
  z-index: 10;
}
.listbox__list.-active {
  display: block;
}
.listbox__item {
  padding: 1.6rem 1.3rem;
  border-top: 1px solid #d9dbe1;
  color: #000;
}
.listbox__item[aria-selected=true] {
  background-color: #c7f3ff;
}
.tooltip {
  display: inline-block;
  position: relative;
  text-decoration: none;
  vertical-align: top;
}
.tooltip:hover,
.tooltip:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .tooltip:hover,
.app .tooltip:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.tooltip__desc {
  overflow: hidden;
  white-space: nowrap;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  position: absolute;
  z-index: 1;
  width: 1px;
  height: 1px;
  margin: 0;
  padding: 0;
  border: 0;
}
.tooltip.-hide .tooltip__desc {
  overflow: hidden !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  clip-path: inset(50%) !important;
  width: 1px !important;
  height: 1px !important;
}
.tooltip:hover .tooltip__desc,
.tooltip:focus .tooltip__desc {
  overflow: visible;
  clip: inherit;
  clip-path: none;
  display: inline-block;
  top: 100%;
  left: 50%;
  width: auto;
  height: auto;
  color: #00256c;
  font-size: 1.4rem;
  line-height: 1.58;
  transform: translateX(-50%);
}
.tooltip.-left:hover .tooltip__desc,
.tooltip.-left:focus .tooltip__desc {
  margin-left: -1.1rem;
  transform: none;
}
.tooltip.-right:hover .tooltip__desc,
.tooltip.-right:focus .tooltip__desc {
  left: auto;
  right: 50%;
  margin-right: -1.1rem;
  transform: none;
}
.tooltip__text {
  text-align: center;
}
.tooltip__text:after {
  content: "";
  position: absolute;
  top: 0.2rem;
  left: 50%;
  width: 1rem;
  height: 0.8rem;
  margin-left: -0.5rem;
  background: url(../images/common/ico-tooltip-edge.svg) no-repeat;
  background-size: 10px 8px;
  z-index: 1;
}
.tooltip.-left .tooltip__text:after {
  left: 1.1rem;
}
.tooltip.-right .tooltip__text:after {
  left: auto;
  right: 1.1rem;
  margin-left: 0;
  margin-right: -0.5rem;
}
.tooltip:hover .tooltip__text,
.tooltip:focus .tooltip__text {
  display: inline-block;
  margin: 0.9rem 0 0;
  padding: 1rem 1.2rem;
  border: 1px solid #c7f3ff;
  border-radius: 0.2rem;
  background-color: #e6f9ff;
  box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.1);
}
.popover {
  display: none;
  position: absolute;
  left: 2rem;
  right: 2rem;
  padding: 1.2rem 4rem 1.6rem 1.2rem;
  box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #00256c;
  border-radius: 0.2rem;
  background-color: #ffffff;
  color: #00256c;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 1.58;
  text-align: left;
  z-index: 10;
}
@media (min-width: 1060px) {
  .popover {
    left: auto;
    right: auto;
    max-width: 50rem;
  }
}
@media (min-width: 1060px) {
  .popover.-membership {
    width: 40rem;
  }
}
.popover.-active {
  display: inline-block;
}
.popover.-up {
  margin-bottom: 1.7rem;
}
.popover.-down {
  margin-top: 1.7rem;
}
@media (min-width: 1060px) {
  .popover.-left {
    margin-left: -1rem;
  }
}
@media (min-width: 1060px) {
  .popover.-center {
    transform: translateX(-50%);
  }
}
@media (min-width: 1060px) {
  .popover.-right {
    margin-right: -3.6rem;
  }
}
.popover__h1 {
  display: block;
  margin: 0 0 1.2rem;
  font-size: 1.6rem;
  line-height: 1.5;
  color: #000;
}
.popover__p + .popover__h1,
.popover__list + .popover__h1 {
  margin-top: 1.2rem;
}
.popover__p {
  color: #00256c;
  font-size: 1.4rem;
  line-height: 1.58;
  text-indent: 0;
}
.popover__p + .popover__p {
  margin-top: 0.8rem;
}
.popover .list.-disc {
  margin-bottom: 0;
}
.popover .list.-disc > li:before {
  background-color: #00256c;
}
@media (min-width: 1060px) {
  .popover .list.-disc > li:before {
    top: 0.9rem;
  }
}
.popover .list__item {
  color: #00256c;
}
@media (min-width: 1060px) {
  .popover .list__item {
    font-size: 1.4rem;
    line-height: 1.58;
  }
}
.popover .list__item + .popover .list__item {
  margin-top: 0.4rem;
}
.popover__close {
  overflow: hidden;
  white-space: nowrap;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 4rem;
  height: 4rem;
  border: 0;
  border-radius: 0.2rem;
  background: url(../images/popover__close.svg) no-repeat 50% 50%;
  background-size: 14px 14px;
  text-indent: 100%;
}
.popover__close:hover,
.popover__close:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .popover__close:hover,
.app .popover__close:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.popover__edge {
  display: block;
  position: absolute;
  left: 0;
  width: 1rem;
  height: 0.8rem;
  margin-left: -0.8rem;
  background: url(../images/popover__edge.svg) no-repeat;
  background-size: 10px 8px;
}
.popover.-membership .popover__edge {
  width: 1.8rem;
  height: 1.2rem;
  margin-left: -0.9rem;
  background: url(../images/popover__edge--large.svg) no-repeat;
}
.popover.-large .popover__edge {
  width: 1.8rem;
  height: 1.2rem;
  margin-left: -0.9rem;
  background: url(../images/popover__edge--large.svg) no-repeat;
}
.popover.-up .popover__edge {
  bottom: -0.8rem;
  transform: rotate(180deg);
}
.popover.-membership.-up .popover__edge {
  bottom: -1.2rem;
  transform: rotate(180deg);
}
.popover.-down .popover__edge {
  top: -0.8rem;
}
.popover.-membership.-down .popover__edge {
  top: -1.2rem;
}
.popover.-large.-down .popover__edge {
  top: -1.2rem;
}
@media (min-width: 1060px) {
  .popover.-left .popover__edge {
    margin-left: 2.2rem;
  }
}
.popover.-center .popover__edge {
  margin-left: -2.5rem;
}
@media (min-width: 1060px) {
  .popover.-center .popover__edge {
    left: 50%;
    margin-left: -0.5rem;
  }
}
@media (min-width: 1060px) {
  .popover.-center.-up .popover__edge {
    transform: rotate(180deg);
  }
}
@media (min-width: 1060px) {
  .popover.-membership.-center .popover__edge {
    transform: translateX(-50%) rotate(180deg);
  }
}
@media (min-width: 1060px) {
  .popover.-right .popover__edge {
    left: auto;
    right: 0;
    margin-left: 0;
    margin-right: 1rem;
  }
}
.popover.-search {
  height: auto !important;
  padding: 4rem 3.2rem;
}
.popover.-search .button {
  min-width: 12rem;
  height: 4.2rem;
  line-height: 4.2rem;
  padding: 0;
}
.popover.-search .forms [type="text"] {
  height: 4.5rem;
  width: 24rem;
}
.popover.-membership {
  padding: 3rem 2.4rem 2.4rem;
}
.popover.-seat-combo {
  width: 20rem;
}
body.-has-dialog {
  overflow: hidden;
  position: fixed;
  width: 100%;
}
.dialog {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 9999;
}
.dialog.-active {
  display: flex;
  align-items: center;
  justify-content: center;
}
.dialog__contents {
  display: inline-block;
  overflow-y: auto;
  position: relative;
  padding: 0;
  background-color: #fff;
  padding: 2rem 2rem 0;
}
@media (min-width: 1060px) {
  .dialog__contents {
    padding: 4.6rem 4rem 0;
  }
}
.dialog.-basic .dialog__contents {
  min-width: 80%;
  max-width: 90%;
  max-height: 100%;
}
@media (min-width: 1060px) {
  .dialog.-basic .dialog__contents {
    width: 50rem;
    min-width: 50rem;
  }
}
.dialog.-page .dialog__contents {
  min-width: 80%;
  max-width: 90%;
  max-height: 100%;
}
@media (min-width: 1060px) {
  .dialog.-page .dialog__contents {
    width: 88rem;
    min-width: 88rem;
  }
}
.dialog.-full .dialog__contents {
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100% !important;
}
@media (min-width: 1060px) {
  .dialog.-full .dialog__contents {
    width: auto;
    width: 88rem;
    height: auto;
    max-height: 99%;
  }
}
.dialog.-custom .dialog__contents {
  max-width: 100%;
  max-height: 99%;
  padding: 0;
}
.dialog.-login .dialog__contents {
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
}
@media (min-width: 1060px) {
  .dialog.-login .dialog__contents {
    width: auto;
    height: auto;
    max-height: 99%;
  }
}
.dialog.-login .dialog__contents .dialog__aligner {
  margin-top: 0;
}
.dialog.drawer .dialog__contents {
  width: 100%;
  overflow: hidden;
}
.dialog .h1 {
  margin-right: 6rem;
  font-weight: 700;
}
@media (min-width: 1060px) {
  .dialog .h1 {
    font-size: 2.4rem;
    line-height: 1.5;
  }
}
.dialog .hgroup.-h2 {
  padding-right: 3.5rem;
}
.dialog .-titleless .h1 {
  margin-right: 0;
}
.dialog.-basic .h1 {
  font-size: 1.8rem;
  line-height: 1.56;
}
@media (min-width: 1060px) {
  .dialog.-basic .h1 {
    font-size: 2.4rem;
    line-height: 1.5;
  }
}
.dialog .h2 {
  font-size: 1.6rem;
  line-height: 1.75;
}
@media (min-width: 1060px) {
  .dialog .h2 {
    font-size: 1.8rem;
    line-height: 1.56;
  }
}
.dialog__aligner {
  margin: 3rem 0 0;
  padding-bottom: 4rem;
}
@media (min-width: 1060px) {
  .dialog__aligner {
    margin: 2rem 0 0;
  }
}
.dialog__aligner.-titleless {
  margin-top: 2.1rem;
}
@media (min-width: 1060px) {
  .dialog__aligner.-titleless {
    margin-top: 0.8rem;
  }
}
.h1 + .dialog__aligner.-titleless {
  margin: 3rem 0 0;
}
@media (min-width: 1060px) {
  .h1 + .dialog__aligner.-titleless {
    margin: 2rem 0 0;
  }
}
.dialog__item + .dialog__item {
  margin-top: 2rem;
  padding-top: 2rem;
  border-top: 1px solid #d9dbe1;
}
@media (min-width: 1060px) {
  .dialog__item + .dialog__item {
    margin-top: 3.2rem;
    padding-top: 3.2rem;
  }
}
.dialog__item:last-child {
  padding-bottom: 1.6rem;
}
.dialog .confirms {
  margin-top: 2.4rem;
}
@media (min-width: 1060px) {
  .dialog .confirms {
    margin-top: 4rem;
  }
}
.dialog__buttons.-fix {
  padding-top: 6.2rem;
}
@media (min-width: 1060px) {
  .dialog__buttons.-fix {
    padding-top: 0;
  }
}
.dialog__buttons.-fix .dialog__buttons-aligner {
  position: fixed;
  top: calc(100% - 6.4rem);
  left: 0;
  width: 100%;
  z-index: 1;
}
@media (min-width: 1060px) {
  .dialog__buttons.-fix .dialog__buttons-aligner {
    display: flex;
    justify-items: flex-start;
    justify-content: center;
    position: relative;
    bottom: auto;
    left: auto;
    min-height: 4.8rem;
    margin: 4rem 0 0;
  }
}
.dialog__buttons.-reflow {
  position: relative;
}
.dialog__buttons.-reflow .dialog__buttons-aligner {
  padding: 0 0.4rem;
  position: absolute !important;
}
.dialog__confirm {
  display: block;
  width: 100%;
  min-height: 6.2rem;
  margin: 0;
  padding: 1.9rem 2rem;
  border: 1px solid #00256c;
  border-radius: 0;
  background-color: #00256c;
  color: #fff;
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 1.5;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  appearance: none;
}
.dialog__confirm:hover,
.dialog__confirm:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .dialog__confirm:hover,
.app .dialog__confirm:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
@media (min-width: 1060px) {
  .dialog__confirm {
    display: inline-block;
    width: auto;
    min-width: 15rem;
    min-height: 4.8rem;
    margin: 0 0.2rem;
    padding: 1.1rem 1rem;
    border-radius: 0.2rem;
    font-size: 1.6rem;
    line-height: 1.5;
  }
  .dialog__confirm:hover,
  .dialog__confirm:focus {
    outline: 0;
    border-radius: 0.2rem !important;
    box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.3rem #0064de;
  }
  .app .dialog__confirm:hover,
  .app .dialog__confirm:focus {
    outline: 0 !important;
    box-shadow: none !important;
  }
}
.dialog__buttons.-reflow .dialog__confirm:hover,
.dialog__buttons.-reflow .dialog__confirm:focus {
  outline: 0;
  border-radius: 0.2rem !important;
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.3rem #0064de;
}
.app .dialog__buttons.-reflow .dialog__confirm:hover,
.app .dialog__buttons.-reflow .dialog__confirm:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.dialog__confirm.-ghost {
  background-color: #fff;
  color: #00256c;
}
.dialog__confirm.-ghost:hover,
.dialog__confirm.-ghost:focus {
  outline: 0;
  border-radius: 0.2rem !important;
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.3rem #0064de;
}
.app .dialog__confirm.-ghost:hover,
.app .dialog__confirm.-ghost:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.dialog__close {
  overflow: hidden;
  white-space: nowrap;
  display: block;
  position: absolute;
  top: 1.2rem;
  right: 1rem;
  width: 4.4rem;
  height: 4.4rem;
  border: 0;
  border-radius: 0.2rem;
  background: url(../images/dialog__close.svg) no-repeat 50% 50%;
  background-size: 24px 24px;
  text-indent: 100%;
  cursor: pointer;
}
@media (min-width: 1060px) {
  .dialog__close {
    top: 4.2rem;
    right: 3rem;
  }
}
.dialog__close:hover,
.dialog__close:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .dialog__close:hover,
.app .dialog__close:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.-titleless + .dialog__close {
  top: 1rem;
  right: 1rem;
}
.dialog__close.-fix {
  position: fixed;
  z-index: 200;
}
@media (min-width: 1060px) {
  .dialog__close.-fix {
    position: absolute;
  }
}
._spin {
  position: relative;
}
.spin {
  display: flex;
  justify-content: center;
  font-size: 0;
}
.spin.-dialog {
  padding: 10rem 0;
}
.spin.-expand {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(255, 255, 255, 0.8);
}
.spin__wrapper {
  position: relative;
}
.spin.-expand .spin__wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}
.spin__inner {
  width: 5rem;
  height: 5rem;
  border-top-color: #0064de;
  border-left-color: #0064de;
  animation: spin 500ms linear infinite;
  border-bottom-color: transparent;
  border-right-color: transparent;
  border-style: solid;
  border-width: 0.5rem;
  border-radius: 50%;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: middle;
}
.spin__outer {
  width: 5rem;
  height: 5rem;
  position: absolute;
  left: 0;
  display: inline-block;
  border: 0.5rem solid #f3f4f8;
  border-radius: 100%;
  z-index: -1;
  background-color: transparent;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.loading {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.9);
}
.loading.-active {
  display: block;
  z-index: 20000;
}
.loading__wait {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  padding: 0 2rem;
  transform: translate(0, -50%);
  text-align: center;
  background-color: rgba(255, 255, 255, 0);
}
.loading__round {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  margin: 0.2rem;
  border-radius: 100%;
  background-color: #0064de;
}
.loading__round.-shape1 {
  animation: motion01 1s ease-in-out infinite;
}
.loading__round.-shape2 {
  animation: motion02 1s ease-in-out infinite;
  animation-delay: -0.46s;
}
.loading__round.-shape3 {
  animation: motion03 1s ease-in-out infinite;
  animation-delay: -0.36s;
}
.loading__round.-shape4 {
  animation: motion04 1s ease-in-out infinite;
  animation-delay: -0.26s;
}
.loading__round.-shape5 {
  animation: motion05 1s ease-in-out infinite;
  animation-delay: -0.16s;
}
.loading__txt {
  margin-top: 2rem;
  color: #767676;
  font-size: 1.6rem;
  text-align: center;
}
.loading__processing {
  display: block;
  margin-bottom: 0.2rem;
  color: #000;
  font-size: 2.2rem;
}
@keyframes motion01 {
  0%,
  100% {
    transform: scale(0);
  }
  50% {
    transform: scale(0.4);
  }
}
@keyframes motion02 {
  0%,
  100% {
    transform: scale(0);
  }
  50% {
    transform: scale(0.8);
  }
}
@keyframes motion03 {
  0%,
  100% {
    transform: scale(0);
  }
  50% {
    transform: scale(1.2);
  }
}
@keyframes motion04 {
  0%,
  100% {
    transform: scale(0);
  }
  50% {
    transform: scale(0.8);
  }
}
@keyframes motion05 {
  0%,
  100% {
    transform: scale(0);
  }
  50% {
    transform: scale(0.4);
  }
}
.datepicker {
  overflow: hidden;
  padding-bottom: 4rem;
}
.datepicker__header {
  position: relative;
  padding-bottom: 6.4rem;
}
@media (min-width: 1060px) {
  .datepicker__header {
    padding: 0;
  }
}
.datepicker__header .datepicker-table {
  margin: 0;
}
.datepicker__header-fix {
  position: absolute;
  bottom: 0;
  height: 6.4rem;
  padding: 2rem 0;
  background-color: #fff;
}
.datepicker__header-fix.-active {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  padding: 2rem;
  z-index: 200;
}
.datepicker__util {
  margin-top: 1.6rem;
}
@media (min-width: 1060px) {
  .datepicker__util {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-top: 0;
  }
}
@media (min-width: 1060px) {
  .datepicker.-single .datepicker__util {
    flex-wrap: wrap;
  }
}
.datepicker__util:after {
  content: "";
  display: block;
  clear: both;
}
.datepicker__directs {
  display: flex;
  justify-content: space-between;
  margin-bottom: 2rem;
}
@media (min-width: 1060px) {
  .datepicker__directs {
    width: 44rem;
    margin: 2.6rem 0 0;
  }
}
.datepicker__direct {
  width: 50%;
}
.datepicker__direct:first-child {
  padding-right: 1.6rem;
  padding-left: 0.1rem;
}
@media (min-width: 1060px) {
  .datepicker__direct:first-child {
    padding-right: 2rem;
  }
}
.datepicker__direct:nth-of-type(2) {
  padding-right: 0.1rem;
  padding-left: 1.6rem;
}
@media (min-width: 1060px) {
  .datepicker__direct:nth-of-type(2) {
    padding-left: 2rem;
  }
}
.datepicker__legends {
  margin: 2rem 0 0 0;
  font-size: 1.2rem;
  line-height: 1.5;
  text-align: right;
}
@media (min-width: 1060px) {
  .datepicker__legends {
    flex: 1;
    margin-top: 1.8rem;
    font-size: 1.4rem;
    line-height: 1.58;
  }
}
@media (min-width: 1060px) {
  .datepicker.-single .datepicker__legends {
    width: 100%;
  }
}
.datepicker__legend {
  display: inline-block;
  position: relative;
  padding-left: 1.8rem;
  color: #000;
  font-size: 1.2rem;
  vertical-align: top;
}
@media (min-width: 1060px) {
  .datepicker__legend {
    font-size: 1.6rem;
    padding-left: 2.6rem;
  }
}
.datepicker__legend:before {
  content: "";
  display: block;
  position: absolute;
  top: 0.3rem;
  left: 0;
  width: 1.2rem;
  height: 1.2rem;
  background-color: #8be0f8;
}
@media (min-width: 1060px) {
  .datepicker__legend:before {
    top: 0.3rem;
    width: 2rem;
    height: 2rem;
  }
}
.datepicker__legend.-disabled {
  padding-left: 1.6rem;
}
@media (min-width: 1060px) {
  .datepicker__legend.-disabled {
    padding-left: 2.4rem;
  }
}
.datepicker__legend.-disabled:before {
  top: 0.9rem;
  left: 0;
  width: 1.2rem;
  height: 1px;
  background-color: #999;
}
@media (min-width: 1060px) {
  .datepicker__legend.-disabled:before {
    top: 1.3rem;
    width: 1.6rem;
  }
}
.datepicker__legend.-possible:before {
  border-radius: 50%;
  background-color: #000;
}
.datepicker__legend.-impossible:before {
  border-radius: 50%;
  background-color: #ccc;
}
.datepicker__legend.-package:before {
  background: url(../images/common/datepicker-package.svg) no-repeat center center;
}
.datepicker__legend.-notavailable:before {
  border-radius: 50%;
  background-color: green;
}
.datepicker__legend + .datepicker__legend {
  margin-left: 1.6rem;
}
@media (min-width: 1060px) {
  .datepicker__legend + .datepicker__legend {
    margin-left: 2.4rem;
  }
}
.datepicker__aligner {
  position: relative;
}
@media (min-width: 1060px) {
  .datepicker__controls {
    z-index: 1;
  }
}
.datepicker__prev {
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  position: absolute;
  top: 14.7rem;
  left: 0;
  display: block;
  width: 4.4rem;
  height: 4.4rem;
  border: 0;
  background: url(../images/common/datepicker-prev.svg) no-repeat 50% 50%;
  background-size: 24px 24px;
  cursor: pointer;
}
.datepicker__prev:hover,
.datepicker__prev:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .datepicker__prev:hover,
.app .datepicker__prev:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.datepicker__prev[disabled] {
  background: url(../images/common/datepicker-prev-disabled.svg) no-repeat 50% 50%;
  background-size: 24px 24px;
  cursor: not-allowed;
}
.datepicker__prev[disabled]:hover,
.datepicker__prev[disabled]:focus {
  outline: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.datepicker__prev[aria-disabled="true"] {
  background: url(../images/common/datepicker-prev-disabled.svg) no-repeat 50% 50%;
  background-size: 24px 24px;
  cursor: not-allowed;
}
.datepicker__next {
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  position: absolute;
  top: 14.7rem;
  right: 0;
  display: block;
  width: 4.4rem;
  height: 4.4rem;
  border: 0;
  background: url(../images/common/datepicker-next.svg) no-repeat 50% 50%;
  background-size: 24px 24px;
  cursor: pointer;
}
.datepicker__next:hover,
.datepicker__next:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .datepicker__next:hover,
.app .datepicker__next:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.datepicker__next[disabled] {
  background: url(../images/common/datepicker-next-disabled.svg) no-repeat 50% 50%;
  background-size: 24px 24px;
  cursor: not-allowed;
}
.datepicker__next[disabled]:hover,
.datepicker__next[disabled]:focus {
  outline: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.datepicker__next[aria-disabled="true"] {
  background: url(../images/common/datepicker-next-disabled.svg) no-repeat 50% 50%;
  background-size: 24px 24px;
  cursor: not-allowed;
}
@media (min-width: 1060px) {
  .datepicker__list {
    width: 75.2rem;
    margin: 4rem auto 0;
    padding: 0;
  }
}
@media (min-width: 1060px) {
  .datepicker.-single .datepicker__list {
    max-width: 100%;
    margin-top: 2rem;
  }
}
.datepicker__list:after {
  content: "";
  display: block;
  clear: both;
}
@media (min-width: 1060px) {
  .datepicker__item {
    display: none;
    width: 32.2rem;
    margin: 0 2.7rem;
  }
  .datepicker__item.-active {
    display: block;
    float: left;
  }
}
@media (min-width: 1060px) {
  .datepicker__item [role="application"] {
    min-height: 33rem;
  }
}
@media (min-width: 1060px) {
  .datepicker.-single .datepicker__item {
    width: 100%;
    max-width: 42rem;
    margin: 0;
  }
}
.datepicker__year {
  display: inline-block;
  margin-left: 4.07%;
  color: #000;
  font-size: 1.8rem;
  line-height: 1.58;
}
.datepicker__month {
  display: inline-block;
  margin-left: 1.2rem;
  font-size: 2.8rem;
  font-weight: 700;
  line-height: 1.5;
}
@media (min-width: 1060px) {
  .datepicker__month {
    font-size: 3.2rem;
  }
}
.datepicker__table {
  table-layout: fixed;
  width: 100%;
  margin: 0.9rem 0 2.9rem;
  border-collapse: collapse;
  border-spacing: 0;
  empty-cells: show;
}
@media (min-width: 1060px) {
  .datepicker__table {
    margin: 0.5rem 0 0;
  }
}
.datepicker__th {
  font-weight: normal;
  font-size: 1.4rem;
  text-align: center;
}
@media (min-width: 1060px) {
  .datepicker__th {
    padding: 1.5rem 0;
    font-size: 1.6rem;
  }
}
.datepicker__th:first-child {
  color: #de001b;
}
.datepicker__td {
  padding: 1.1rem 0;
  color: #000;
  font-size: 1.6rem;
  line-height: 1.5;
  text-align: center;
}
.datepicker__td:first-child {
  color: #de001b;
}
.datepicker__td.-available {
  cursor: pointer;
}
.datepicker__td.-unavailable {
  color: #ccc;
}
.datepicker__td.-package:after {
  content: "";
  display: inline-block;
  width: 1rem;
  height: 1rem;
  background: url(../images/common/datepicker-package.svg) no-repeat 50% 50%;
  background-size: 16px 16px;
  vertical-align: 1rem;
}
.datepicker__td.-notavailable {
  color: green;
}
.datepicker__td.-current {
  background: url(../images/common/datepicker-current.svg) no-repeat 50% 50%;
  background-size: 36px 36px;
}
.datepicker__td.-period {
  background: url(../images/common/datepicker-period.svg) repeat-x 50% 50%;
  background-size: auto 36px;
}
.datepicker__td.-start,
.datepicker__td.-end,
.datepicker__td.-selected {
  background: url(../images/common/datepicker-selected.svg) no-repeat 50% 50%;
  background-size: 36px 36px;
  color: #fff;
}
.datepicker__td.-period.-start {
  background-image: url(../images/common/datepicker-selected.svg), url(../images/common/datepicker-period-start.svg);
  background-position: 50% 50%, 50% 50%;
  background-repeat: no-repeat, no-repeat;
  background-size: 36px 36px, auto 36px;
}
.datepicker__td.-period.-end {
  background-image: url(../images/common/datepicker-selected.svg), url(../images/common/datepicker-period-end.svg);
  background-position: 50% 50%, 50% 50%;
  background-repeat: no-repeat, no-repeat;
  background-size: 36px 36px, auto 36px;
}
.datepicker__td.-disabled {
  color: #767676;
  text-decoration: line-through;
  cursor: not-allowed;
}
.datepicker__td:hover,
.datepicker__td:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .datepicker__td:hover,
.app .datepicker__td:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.datepicker__td[aria-hidden="true"]:hover,
.datepicker__td[aria-hidden="true"]:focus {
  outline: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.datepicker__guide {
  display: none;
}
@media (min-width: 1060px) {
  .datepicker__guide {
    display: block;
    margin: 2rem 0 0;
  }
}
.datepicker__error .message {
  margin-bottom: 2rem;
}
@media (min-width: 1060px) {
  .datepicker__error .message {
    margin-bottom: 0;
  }
}
.datepicker.-single .confirms {
  padding: 0 0.4rem;
}
@media (min-width: 1060px) {
  .datepicker.-single .confirms {
    padding: 0;
  }
}
.combobox {
  position: relative;
  margin: 1.6rem 0 4rem;
}
@media (min-width: 1060px) {
  .combobox {
    margin-top: 1rem;
  }
}
.combobox__list {
  overflow-y: auto;
  display: none;
  position: absolute;
  top: 5.3rem;
  left: 0;
  width: 100%;
  max-height: 23.8rem;
  margin: 0;
  padding: 0;
  border-left: 1px solid #d9dbe1;
  border-right: 1px solid #d9dbe1;
  border-bottom: 1px solid #d9dbe1;
  background-color: #fff;
  box-shadow: 0 0.4rem 1.2rem 0 rgba(0, 25, 72, 0.22);
  list-style: none;
}
@media (min-width: 1060px) {
  .combobox__list {
    top: 6.1rem;
    max-height: 26.2rem;
  }
}
.combobox__list.-active {
  display: block;
  z-index: 1;
}
.combobox__item {
  display: block;
  padding: 1.5rem 1.6rem 1.5rem 2rem;
  border-bottom: 1px solid #d9dbe1;
  color: #000;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .combobox__item {
    padding: 2rem 2.2rem;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.combobox__item:last-child {
  border-bottom: 0;
}
.combobox__item:hover,
.combobox__item:focus,
.combobox__item[aria-selected=true] {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.combobox__item.-indent {
  padding-left: 4.4rem;
}
@media (min-width: 1060px) {
  .combobox__item.-indent {
    padding-left: 4.6rem;
  }
}
.combobox__code {
  display: inline-block;
  min-width: 6.4rem;
  padding-left: 2.4rem;
  background: url(../images/combobox__code--airport.svg) no-repeat 0 50%;
  background-size: 16px 16px;
  font-weight: 700;
  font-style: normal;
}
@media (min-width: 1060px) {
  .combobox__code {
    min-width: 6.6rem;
    padding-left: 2.6rem;
  }
}
.combobox__code.-city {
  background: url(../images/combobox__code--city.svg) no-repeat 0 50%;
  background-size: 16px 16px;
}
.combobox__code.-train {
  background: url(../images/combobox__code--train.svg) no-repeat 0 50%;
  background-size: 16px 16px;
}
.map .combobox__code {
  min-width: 4.2rem;
  padding-left: 1.6rem;
}
@media (min-width: 1060px) {
  .map .combobox__code {
    min-width: 6.6rem;
    padding-left: 2.6rem;
  }
}
.combobox__airport {
  display: inline-block;
}
.combobox__highlight {
  background: none transparent;
  color: #0064de;
  font-weight: 700;
}
.auto-search {
  position: relative;
}
.auto-search .placeholder {
  top: 1.6rem;
}
.auto-search__text {
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  width: 100%;
  height: 5.3rem;
  margin: 0;
  padding: 0 9rem 1px 0;
  border: 2px solid #fff;
  border-bottom: 1px solid #00256c;
  border-radius: 0;
  background: transparent none;
  color: #000;
  font-size: 1.6rem;
  line-height: 1.5;
  transition: padding 0.2s, border 0.2s, color 0.2s;
}
.auto-search__text::-ms-clear,
.auto-search__text::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}
.auto-search__text::-webkit-search-decoration,
.auto-search__text::-webkit-search-cancel-button,
.auto-search__text::-webkit-search-results-button,
.auto-search__text::-webkit-search-results-decoration {
  display: none;
}
@media (min-width: 1060px) {
  .auto-search__text {
    height: 6.1rem;
    padding: 0 10rem 0 0;
    background-size: 32px 32px;
    font-size: 1.8rem;
    line-height: 1.56;
  }
}
.-error .auto-search__text {
  border-bottom-color: #de001b;
}
.auto-search__text:hover,
.auto-search__text:focus {
  padding-bottom: 0;
  padding-left: 1.6rem;
  outline: 0;
  border: 2px solid #0064de;
  border-radius: 0.3rem;
  box-shadow: 0 4px 12px 0 rgba(0, 25, 72, 0.12);
}
@media (min-width: 1060px) {
  .auto-search__text:hover,
  .auto-search__text:focus {
    padding-left: 2rem;
  }
}
.auto-search__clear {
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  display: none;
  position: absolute;
  top: 0.4rem;
  right: 0.2rem;
  width: 4.4rem;
  height: 4.4rem;
  border: 0;
  background: url(../images/search__clear.svg) #fff no-repeat 50% 50%;
  background-size: 24px 24px;
  vertical-align: top;
  transition: right 0.2s;
}
@media (min-width: 1060px) {
  .auto-search__clear {
    top: 1rem;
    right: 0.6rem;
  }
}
.auto-search.-active .auto-search__clear {
  display: block;
}
.auto-search__clear:hover,
.auto-search__clear:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .auto-search__clear:hover,
.app .auto-search__clear:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.menus {
  margin-bottom: 4rem;
}
.menus__nav {
  margin: 2.4rem 0 2rem 0;
}
@media (min-width: 1060px) {
  .menus__nav {
    display: flex;
    position: relative;
    margin: 2.4rem 0 1.2rem 0;
  }
}
.menus__menu {
  width: 100%;
  height: auto;
  border: 1px solid #d9dbe1;
  border-top: 0;
}
@media (min-width: 1060px) {
  .menus__menu {
    border: 1px solid #d9dbe1;
    border-left: 0;
  }
}
.menus__menu:first-child {
  border-top: 1px solid #d9dbe1;
}
@media (min-width: 1060px) {
  .menus__menu:first-child {
    border-left: 1px solid #d9dbe1;
  }
}
@media (max-width: 1060px) {
  .menus__menu.-active {
    border: none;
  }
}
.menus__title {
  display: block;
  padding: 0.8rem 2rem;
  font-size: 1.6rem;
  font-weight: normal;
  color: #00256c;
  text-align: center;
  line-height: 1.5;
  text-decoration: none;
}
@media (min-width: 1060px) {
  .menus__title {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    padding: 1.1rem 2rem;
    font-size: 1.8rem;
    line-height: 1.56;
  }
}
.menus__menu.-active .menus__title {
  border-right: 1px solid #013066;
  border-left: 1px solid #013066;
  background: #013066;
  color: #fff;
}
.menus__title:hover,
.menus__title:focus {
  outline: 0;
  border-radius: 0.2rem !important;
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.3rem #0064de;
}
.app .menus__title:hover,
.app .menus__title:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.menus__list {
  display: none;
  padding: 0.8rem 2rem 2rem 2rem;
  border: 1px solid #d9dbe1;
  border-top: none;
  background-color: #f8f9fc;
}
@media (min-width: 1060px) {
  .menus__list {
    position: absolute;
    top: auto;
    left: 0;
    width: 100%;
    height: auto;
    padding-bottom: 0;
    border: 0;
    background: none;
  }
}
.menus__menu.-active .menus__list {
  display: block;
}
.menus__item {
  display: inline-block;
  position: relative;
  margin-top: 1.2rem;
  padding-right: 4.8rem;
}
.menus__item:before {
  content: "";
  display: block;
  position: absolute;
  top: 0.7rem;
  right: 2.4rem;
  width: 1px;
  height: 1.4rem;
  background: #d9dbe1;
}
.menus__item:last-child:before {
  display: none;
}
.menus__item:last-child {
  padding-right: 0;
}
.menus__item:after {
  content: "";
  display: block;
  width: 100%;
  height: 0.2rem;
  margin: 0.4rem 0 0 0;
  background: none;
}
.menus__item.-active:after {
  background-color: #de001b;
}
.menus__link {
  display: inline-block;
  border: 0;
  background: none;
  font-size: 1.6rem;
  font-weight: normal;
  color: #555;
  text-align: left;
  line-height: 1.5;
  text-decoration: none;
}
@media (min-width: 1060px) {
  .menus__link {
    font-size: 1.8rem;
    line-height: 1.56;
  }
}
.menus__item.-active .menus__link {
  font-weight: bold;
  color: #00256c;
}
.menus__link:hover,
.menus__link:focus {
  outline: 0;
  border-radius: 0.2rem !important;
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.3rem #0064de;
}
.app .menus__link:hover,
.app .menus__link:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
._result-message {
  display: block;
  margin: 4rem 0 4rem;
}
@media (min-width: 1060px) {
  ._result-message {
    margin: 6rem 0 4rem;
  }
}
._result-message:first-child {
  margin-top: 0;
}
._result-message:last-child {
  margin-bottom: 0;
}
.result-message {
  max-width: 76.8rem;
  margin: 4rem auto 4rem;
  padding-top: 6rem;
  text-align: center;
}
.result-message:first-child {
  margin-top: 0;
}
.result-message:last-child {
  margin-bottom: 0;
}
@media (min-width: 1060px) {
  .result-message {
    max-width: 76.8rem;
    margin: 6rem auto 4rem;
    padding-top: 8.4rem;
    background-size: 64px 64px;
  }
}
.result-message.-complete {
  background: url(../images/common/ico-complete.svg) no-repeat center top;
  background-size: 48px 48px;
}
@media (min-width: 1060px) {
  .result-message.-complete {
    background-size: 64px 64px;
  }
}
.result-message.-alert {
  background: url(../images/common/ico-alert.svg) no-repeat center top;
  background-size: 48px 48px;
}
@media (min-width: 1060px) {
  .result-message.-alert {
    background-size: 64px 64px;
  }
}
.result-message.-notify,
.result-message.-no-flight {
  background: url(../images/common/ico-notify.svg) no-repeat center top;
  background-size: 48px 48px;
}
@media (min-width: 1060px) {
  .result-message.-notify,
  .result-message.-no-flight {
    background-size: 64px 64px;
  }
}
.result-message.-failure {
  background: url(../images/common/ico-failure.svg) no-repeat center top;
  background-size: 48px 48px;
}
@media (min-width: 1060px) {
  .result-message.-failure {
    background-size: 64px 64px;
  }
}
.result-message.-issuing {
  padding-top: 7.6rem;
  background: url(../images/common/ico-issuing.svg) no-repeat center top;
  background-size: 64px 64px;
}
@media (min-width: 1060px) {
  .result-message.-issuing {
    padding-top: 9rem;
    background-size: 80px 80px;
  }
}
.result-message.-large {
  padding-top: 10rem;
  background-position: center 4rem;
}
@media (min-width: 1060px) {
  .result-message.-large {
    padding-top: 14.4rem;
    background-position: center 6rem;
  }
}
.result-message.-loading {
  padding-top: 0;
}
.result-message[tabindex]:hover,
.result-message[tabindex]:focus {
  outline: 0;
}
.result-message__loading {
  margin-bottom: 4rem;
}
@media (min-width: 1060px) {
  .result-message__loading {
    margin-bottom: 6rem;
  }
}
.result-message__subject {
  display: block;
  margin-bottom: 1.2rem;
  color: #000;
  font-weight: 700;
  font-size: 1.8rem;
  line-height: 1.56;
}
@media (min-width: 1060px) {
  .result-message__subject {
    font-size: 2.4rem;
    line-height: 1.5;
  }
}
.result-message__subject:last-child {
  margin-bottom: 0;
}
.result-message__message {
  margin: 1.2rem 0;
  color: #555;
  font-size: 1.5rem;
}
.result-message__message:first-child,
._hidden:first-child + .result-message__message {
  margin-top: 0;
}
.result-message__message:last-child {
  margin-bottom: 0;
}
@media (min-width: 1060px) {
  .result-message__message {
    font-size: 1.8rem;
    line-height: 1.67;
  }
}
.result-message__message[tabindex]:hover,
.result-message__message[tabindex]:focus {
  outline: 0;
}
.result-message__buttons {
  margin-top: 1.2rem;
}
.result-message__aligner {
  display: flex;
  justify-content: center;
  margin: 2rem 0;
}
@media (min-width: 1060px) {
  .result-message__aligner {
    margin: 2rem 0 4rem;
  }
}
.result-message__aligner .list {
  text-align: left;
}
.result-message__desc {
  display: block;
  margin-top: 1.2rem;
  color: #555;
  font-size: 1.4rem;
  line-height: 1.58;
}
.result-message__desc:first-child,
._hidden:first-child + .result-message__desc {
  margin-top: 0;
}
.result-message__desc:last-child {
  margin-bottom: 0;
}
@media (min-width: 1060px) {
  .result-message__desc {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.pet__contents .result-message {
  padding-top: 10rem;
  background-position: center 4rem;
}
@media (min-width: 1060px) {
  .pet__contents .result-message {
    padding-top: 14.4rem;
    background-position: center 6rem;
  }
}
.auto-complete {
  position: relative;
}
.auto-complete__search {
  position: relative;
}
@media (min-width: 1060px) {
  .auto-complete__search {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
  }
}
.auto-complete__search [type="text"] {
  box-sizing: border-box;
  appearance: none;
  display: block;
  width: 100%;
  height: 4rem;
  margin: 0;
  padding: 0 4.4rem 0 0;
  border: 0;
  border-bottom: 1px solid #00256c;
  border-radius: 0;
  color: #000;
  font-size: 1.6rem;
  line-height: 1.5;
  transition: padding 0.2s, border 0.2s, background 0.2s, color 0.2s, box-shadow 0.2s;
}
.auto-complete__search [type="text"]::-ms-clear,
.auto-complete__search [type="text"]::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}
.auto-complete__search [type="text"]::-webkit-search-decoration,
.auto-complete__search [type="text"]::-webkit-search-cancel-button,
.auto-complete__search [type="text"]::-webkit-search-results-button,
.auto-complete__search [type="text"]::-webkit-search-results-decoration {
  display: none;
}
@media (min-width: 1060px) {
  .auto-complete__search [type="text"] {
    height: 4.8rem;
    font-size: 1.8rem;
    line-height: 1.56;
  }
}
.auto-complete__search [type="text"]:hover,
.auto-complete__search [type="text"]:focus {
  padding: 0 4.4rem 0 1rem;
  border-bottom-color: transparent;
  border-radius: 0.2rem;
  outline: 0;
  box-shadow: 0 0 0 1px #0064de;
  color: #000;
}
.app .auto-complete__search [type="text"]:hover,
.app .auto-complete__search [type="text"]:focus {
  border-bottom: 1px solid #00256c;
  border-radius: 0;
  box-shadow: none;
}
.auto-complete__search.-error [type="text"] {
  border-bottom-color: #de001b;
}
.auto-complete__clear {
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  display: block;
  position: absolute;
  top: 0;
  right: 0.2rem;
  width: 4rem;
  height: 4rem;
  border: 0;
  background: url(../images/common/ico-clear.svg) no-repeat 50% 50%;
  background-size: 24px 24px;
  cursor: pointer;
  appearance: none;
}
@media (min-width: 1060px) {
  .auto-complete__clear {
    top: 0.3rem;
    right: 0.4rem;
  }
}
.auto-complete__clear:hover,
.auto-complete__clear:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .auto-complete__clear:hover,
.app .auto-complete__clear:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.auto-complete__button {
  margin-top: 2rem;
  text-align: center;
}
@media (min-width: 1060px) {
  .auto-complete__button {
    margin-top: 0;
    margin-left: 2rem;
  }
  .auto-complete__button > .button {
    height: 4.5rem;
    padding: 1rem;
  }
}
.auto-complete__pin {
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  display: block;
  position: absolute;
  top: 0;
  right: -0.8rem;
  width: 4rem;
  height: 4rem;
  border: 0;
  background: url(../images/common/ico-local.svg) no-repeat 50% 50%;
  background-size: 24px 24px;
  cursor: pointer;
  appearance: none;
}
@media (min-width: 1060px) {
  .auto-complete__pin {
    top: 0.4rem;
  }
}
.auto-complete__pin:hover,
.auto-complete__pin:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .auto-complete__pin:hover,
.app .auto-complete__pin:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.auto-complete__listbox {
  position: absolute;
  top: 4.1rem;
  z-index: 1;
  width: 100%;
  height: auto;
}
@media (min-width: 1060px) {
  .auto-complete__listbox {
    top: 4.9rem;
  }
}
.auto-complete__list {
  display: none;
  box-shadow: 0 0.4rem 1.2rem 0 rgba(0, 25, 72, 0.12);
}
.auto-complete__list.-active {
  overflow-y: auto;
  display: block;
  width: 100%;
  max-height: 22.1rem;
  border: 1px solid #d9dbe1;
  border-top: 0;
  background-color: #fff;
  z-index: 1;
}
@media (min-width: 1060px) {
  .auto-complete__list.-active {
    max-height: 22.1rem;
  }
}
.auto-complete__item {
  width: 100%;
  padding: 1.6rem;
  border-top: 1px solid #d9dbe1;
  color: #000;
  font-size: 1.4rem;
  line-height: 1.58;
  cursor: pointer;
}
@media (min-width: 1060px) {
  .auto-complete__item {
    padding: 1.4rem 2.3rem 1.6rem 1.6rem;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.auto-complete__item:first-child {
  border-top-color: #fff;
}
.auto-complete__item[aria-selected=true] {
  border-radius: 0.2rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.auto-complete__item:hover,
.auto-complete__item:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .auto-complete__item:hover,
.app .auto-complete__item:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.map .auto-complete__item {
  padding: 1.6rem 1rem;
  font-size: 1rem;
}
@media (min-width: 1060px) {
  .map .auto-complete__item {
    padding: 1.4rem 2.3rem 1.6rem 1.6rem;
    font-size: 1.6rem;
  }
}
.auto-complete__highlight {
  color: #0064de;
  font-weight: 700;
}
.new-window__head {
  position: relative;
  padding: 2rem;
  color: #000;
}
@media (min-width: 1060px) {
  .new-window__head {
    padding: 4rem 4rem 2rem;
  }
}
.new-window__head:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0.2rem;
  width: 69%;
  border-bottom: 0.4rem solid #c7f3ff;
  border-right: 0.4rem solid transparent;
}
.new-window__head:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 33%;
  border-bottom: 0.4rem solid #00256c;
  border-left: 0.4rem solid transparent;
}
.new-window__title {
  font-size: 2rem;
}
@media (min-width: 1060px) {
  .new-window__title {
    font-size: 2.4rem;
  }
}
.new-window__body {
  padding: 2rem;
}
@media (min-width: 1060px) {
  .new-window__body {
    padding: 4rem;
  }
}
.new-window__body .p {
  color: #000;
}
.new-window__body .notice {
  margin: 1.2rem 0 2.4rem;
  border: 0.1rem solid #d9dbe1;
}
@media (min-width: 1060px) {
  .new-window__body .notice {
    margin: 1.2rem 0 4rem;
  }
}
.new-window__body .confirms {
  margin: 2.4rem 0;
}
@media (min-width: 1060px) {
  .new-window__body .confirms {
    margin: 4rem 0;
  }
}
.new-window__content {
  margin-top: 1.2rem;
  padding: 2rem;
  border: 0.1rem solid #d9dbe1;
  background-color: #f8f9fc;
}
@media (min-width: 1060px) {
  .new-window__content {
    padding: 3rem 4rem;
  }
}
.editor * {
  color: #000;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .editor * {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.editor.-message {
  margin-top: 0.8rem;
  font-size: 1.4rem !important;
  line-height: 1.58 !important;
}
.editor.-message * {
  font-size: 1.4rem !important;
  line-height: 1.58 !important;
}
.editor.-caption {
  margin: 0.8rem 0;
  padding-left: 2rem;
  text-indent: -2rem;
  font-weight: 400;
  font-size: 1.2rem !important;
  line-height: 1.5 !important;
}
@media (min-width: 1060px) {
  .editor.-caption {
    font-size: 1.4rem !important;
    line-height: 1.58 !important;
  }
}
.editor.-caption:before {
  content: "";
  display: inline-block;
  width: 1.6rem;
  height: 1.6rem;
  background: url(../images/common/ico-caption.svg) no-repeat center center;
  background-size: 16px 16px;
  vertical-align: -0.3rem;
}
.editor.-caption > :first-child {
  display: inline;
}
.editor.-caption * {
  font-size: 1.2rem !important;
  line-height: 1.5 !important;
}
@media (min-width: 1060px) {
  .editor.-caption * {
    font-size: 1.4rem !important;
    line-height: 1.58 !important;
  }
}
.editor ul {
  padding-left: 2rem;
  list-style: disc;
}
.editor ul:first-child {
  margin-top: 0;
}
.editor ul:last-child {
  margin-bottom: 0;
}
.editor ol {
  padding-left: 2rem;
  list-style: decimal;
}
.editor ol:first-child {
  margin-top: 0;
}
.editor ol:last-child {
  margin-bottom: 0;
}
.editor a {
  color: #0064de;
}
.editor img {
  max-width: 100%;
}
.mapboxgl-popup.mapboxgl-popup-anchor-top-left,
.mapboxgl-popup.mapboxgl-popup-anchor-bottom-left {
  margin-left: -1rem;
}
.mapboxgl-popup.mapboxgl-popup-anchor-top-right,
.mapboxgl-popup.mapboxgl-popup-anchor-bottom-right {
  margin-left: 1rem;
}
.mapboxgl-popup-tip {
  width: 2.1rem !important;
  height: 0.8rem !important;
  border: 0 !important;
}
.mapboxgl-popup-anchor-top .mapboxgl-popup-tip,
.mapboxgl-popup-anchor-top-left .mapboxgl-popup-tip,
.mapboxgl-popup-anchor-top-right .mapboxgl-popup-tip {
  background: url(../images/mapboxgl-popup-tip--top.svg) no-repeat center top;
  background-size: 21px 8px;
}
.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip,
.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-tip,
.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-tip {
  background: url(../images/mapboxgl-popup-tip--bottom.svg) no-repeat center top;
  background-size: 21px 8px;
}
.mapboxgl-popup-anchor-left .mapboxgl-popup-tip {
  width: 0.8rem !important;
  height: 2.1rem !important;
  background: url(../images/mapboxgl-popup-tip--left.svg) no-repeat center top;
  background-size: 8px 21px;
}
.mapboxgl-popup-anchor-right .mapboxgl-popup-tip {
  width: 0.8rem !important;
  height: 2.1rem !important;
  background: url(../images/mapboxgl-popup-tip--right.svg) no-repeat center top;
  background-size: 8px 21px;
}
.mapboxgl-popup-content {
  padding: 0 !important;
  border-radius: 0 !important;
  background: transparent none !important;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3) !important;
}
.error {
  padding: 12rem 2rem;
  text-align: center;
}
@media (min-width: 1060px) {
  .error {
    padding: 21.3rem 2rem;
  }
}
.error__contents {
  background: url(../images/ico-error.svg) no-repeat center top;
  background-size: 48px 48px;
}
@media (min-width: 1060px) {
  .error__contents {
    background-size: 104px 104px;
  }
}
.error__title {
  margin-bottom: 1.2rem;
  padding-top: 6rem;
  color: #000;
  font-weight: 700;
  font-size: 1.8rem;
}
@media (min-width: 1060px) {
  .error__title {
    margin-bottom: 2rem;
    padding-top: 14rem;
    font-size: 2.4rem;
  }
}
.error__desc {
  color: #555;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .error__desc {
    font-size: 2rem;
    line-height: 1.5;
  }
}
.error__buttons {
  margin-top: 4rem;
}
@media (min-width: 1060px) {
  .error__buttons {
    margin-top: 6rem;
  }
}