@charset "UTF-8";
/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Prevent adjustments of font size after orientation changes in IE and iOS.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0; }

/* HTML5 display definitions
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 * 2. Add the correct display in IE.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  /* 1 */
  display: block; }

/**
 * Add the correct display in IE 9-.
 */
audio,
canvas,
progress,
video {
  display: inline-block; }

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

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

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

/* Links
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */ }

/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
a:active,
a:hover {
  outline-width: 0; }

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

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit; }

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

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic; }

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

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000; }

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

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

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

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

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden; }

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

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px; }

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

/* Forms
   ========================================================================== */
/**
 * 1. Change font properties to `inherit` in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font: inherit;
  /* 1 */
  margin: 0;
  /* 2 */ }

/**
 * Restore the font weight unset by the previous rule.
 */
optgroup {
  font-weight: bold; }

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

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

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */ }

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

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

/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

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

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

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

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

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

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on OS X.
 */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Correct the text style of placeholders in Chrome, Edge, and Safari.
 */
::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54; }

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

/*背景色*/
/*---------------------------------------
 サイト全体で利用するスタイル
---------------------------------------*/
html {
  font-size: 62.5%; }

body {
  position: relative;
  color: #32788c;
  font-size: 12px;
  font-size: 1.2rem;
  -webkit-user-select: none;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  -webkit-touch-callout: none;
  -webkit-user-drag: none; }
  body.lang-global {
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; }
  body.lang-jp {
    font-family: '\30D2\30E9\30AE\30CE\89D2\30B4   Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif; }

a {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0); }

pre {
  white-space: normal;
  word-wrap: break-word;
  overflow-wrap: break-word; }

p {
  margin: 0;
  padding: 0;
  word-wrap: break-word;
  overflow-wrap: break-word; }

code {
  white-space: normal;
  word-wrap: break-word;
  overflow-wrap: break-word; }

ul,
li {
  margin: 0;
  padding: 0;
  list-style-type: none; }

blockquote {
  margin: 0;
  padding: 0; }

[data-btn].is-tap {
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
  -webkit-transition: all 0.06s linear;
  transition: all 0.06s linear; }

.page-terms-of-service, .page-terms-of-service-history, .page-privacy-policy-history, .page-license, .page-specified-commercial-transactions-law {
  width: 93.4375%;
  margin: 0 auto;
  padding-top: 44px;
  font-size: 12px;
  font-size: 1.2rem; }
  .page-terms-of-service a, .page-terms-of-service-history a, .page-privacy-policy-history a, .page-license a, .page-specified-commercial-transactions-law a {
    color: #009ee7; }
  .page-terms-of-service a:link, .page-terms-of-service-history a:link, .page-privacy-policy-history a:link, .page-license a:link, .page-specified-commercial-transactions-law a:link {
    color: #009ee7; }
  .page-terms-of-service a:visited, .page-terms-of-service-history a:visited, .page-privacy-policy-history a:visited, .page-license a:visited, .page-specified-commercial-transactions-law a:visited {
    color: #009ee7; }
  .page-terms-of-service a:hover, .page-terms-of-service-history a:hover, .page-privacy-policy-history a:hover, .page-license a:hover, .page-specified-commercial-transactions-law a:hover {
    color: #009ee7; }
  .page-terms-of-service a:active, .page-terms-of-service-history a:active, .page-privacy-policy-history a:active, .page-license a:active, .page-specified-commercial-transactions-law a:active {
    color: #009ee7; }
  .page-terms-of-service h1, .page-terms-of-service-history h1, .page-privacy-policy-history h1, .page-license h1, .page-specified-commercial-transactions-law h1 {
    font-size: 15px;
    font-size: 1.5rem; }

.page-faqs h2, .page-tips h2, .page-beginner-guide-detail .guide-detail-body h2, .page-announcement-detail .announcement-detail-body h2 {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 13px auto;
  padding: 4px 12px 2px;
  color: #faffff;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.2;
  background-color: #48899a;
  border-radius: 5px; }

.page-faqs, .page-tips {
  padding: 44px 20px 0; }
  .page-faqs .c-content-overflow-scroll-y-body, .page-tips .c-content-overflow-scroll-y-body {
    padding: 15px 4px; }
  .page-faqs h2.common-ui-category, .page-tips h2.common-ui-category {
    display: block;
    padding: 4px 12px;
    margin: 0 0 8px;
    text-align: left; }
  .page-faqs .common-ui-items, .page-tips .common-ui-items {
    width: 100%;
    margin: 0 auto 8px;
    padding: 0;
    list-style-type: none; }
    .page-faqs .common-ui-items a, .page-tips .common-ui-items a {
      color: #009ee7; }
    .page-faqs .common-ui-items li, .page-tips .common-ui-items li {
      position: relative; }
      .page-faqs .common-ui-items li .anchor-pos, .page-tips .common-ui-items li .anchor-pos {
        position: absolute;
        top: -30px;
        left: 0;
        width: 1px;
        height: 1px;
        background: transparent; }
  .page-faqs .common-ui-item-question, .page-tips .common-ui-item-question {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0;
    padding: 8px;
    font-size: 12px;
    font-size: 1.2rem;
    background-color: #b4dcdc;
    border-radius: 10px; }
    .page-faqs .common-ui-item-question .icon-ui-accordion-direction, .page-tips .common-ui-item-question .icon-ui-accordion-direction {
      position: absolute;
      top: 50%;
      right: 4px;
      margin-top: -4px; }
      .page-faqs .common-ui-item-question .icon-ui-accordion-direction.toClose, .page-tips .common-ui-item-question .icon-ui-accordion-direction.toClose {
        -webkit-transform: scale(-1);
                transform: scale(-1); }
    .page-faqs .common-ui-item-question h3, .page-tips .common-ui-item-question h3 {
      position: relative;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      min-height: 46px;
      margin: 0;
      padding: 0 25px 0 6px;
      color: #1e5f6e;
      font-weight: bold;
      font-size: 12px;
      font-size: 1.2rem;
      pointer-events: none; }
    .page-faqs .common-ui-item-question p, .page-tips .common-ui-item-question p {
      pointer-events: none; }
  .page-faqs .common-ui-item-question-tap, .page-tips .common-ui-item-question-tap {
    opacity: 0.5; }
  .page-faqs .common-ui-item-answer, .page-tips .common-ui-item-answer {
    display: none;
    margin-top: 10px;
    padding: 7px 5px;
    font-size: 12px;
    font-size: 1.2rem;
    background-color: #f8fdfd;
    border-radius: 5px;
    opacity: 0;
    pointer-events: none; }
    .page-faqs .common-ui-item-answer p, .page-tips .common-ui-item-answer p {
      margin: 0;
      color: #1e5f6e; }
    .page-faqs .common-ui-item-answer img, .page-tips .common-ui-item-answer img {
      display: block;
      margin: 10px auto; }
  .page-faqs .common-ui-fade-in, .page-tips .common-ui-fade-in {
    display: block;
    opacity: 1;
    -webkit-animation-name: fade-in;
            animation-name: fade-in;
    -webkit-animation-duration: 0.5s;
            animation-duration: 0.5s; }
  .page-faqs .common-ui-fade-out, .page-tips .common-ui-fade-out {
    display: none;
    opacity: 0; }

@-webkit-keyframes fade-in {
  0% {
    display: none;
    opacity: 0; }
  1% {
    display: block;
    opacity: 0; }
  100% {
    display: block;
    opacity: 1; } }

@keyframes fade-in {
  0% {
    display: none;
    opacity: 0; }
  1% {
    display: block;
    opacity: 0; }
  100% {
    display: block;
    opacity: 1; } }

.page-opinions-form select, .page-opinions-confirm select, .page-inquiries-confirm select, .page-inquiries-detail select, .page-inquiry-comments-confirm select, .page-opinions-complate select, .page-inquiries-complate select, .page-inquiry-comments-complate select, .page-inquiries-form select, .page-inquiry-comments-form select,
.page-opinions-form input[type='button'],
.page-opinions-confirm input[type='button'],
.page-inquiries-confirm input[type='button'],
.page-inquiries-detail input[type='button'],
.page-inquiry-comments-confirm input[type='button'],
.page-opinions-complate input[type='button'],
.page-inquiries-complate input[type='button'],
.page-inquiry-comments-complate input[type='button'],
.page-inquiries-form input[type='button'],
.page-inquiry-comments-form input[type='button'],
.page-opinions-form input[type='submit'],
.page-opinions-confirm input[type='submit'],
.page-inquiries-confirm input[type='submit'],
.page-inquiries-detail input[type='submit'],
.page-inquiry-comments-confirm input[type='submit'],
.page-opinions-complate input[type='submit'],
.page-inquiries-complate input[type='submit'],
.page-inquiry-comments-complate input[type='submit'],
.page-inquiries-form input[type='submit'],
.page-inquiry-comments-form input[type='submit'],
.page-opinions-form textarea,
.page-opinions-confirm textarea,
.page-inquiries-confirm textarea,
.page-inquiries-detail textarea,
.page-inquiry-comments-confirm textarea,
.page-opinions-complate textarea,
.page-inquiries-complate textarea,
.page-inquiry-comments-complate textarea,
.page-inquiries-form textarea,
.page-inquiry-comments-form textarea,
.page-opinions-form button,
.page-opinions-confirm button,
.page-inquiries-confirm button,
.page-inquiries-detail button,
.page-inquiry-comments-confirm button,
.page-opinions-complate button,
.page-inquiries-complate button,
.page-inquiry-comments-complate button,
.page-inquiries-form button,
.page-inquiry-comments-form button {
  background-color: transparent;
  border-width: 0;
  border-color: transparent;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none; }

.page-opinions-form .opinions-select-wrap, .page-opinions-confirm .opinions-select-wrap, .page-inquiries-confirm .opinions-select-wrap, .page-inquiries-detail .opinions-select-wrap, .page-inquiry-comments-confirm .opinions-select-wrap, .page-opinions-complate .opinions-select-wrap, .page-inquiries-complate .opinions-select-wrap, .page-inquiry-comments-complate .opinions-select-wrap, .page-inquiries-form .opinions-select-wrap, .page-inquiry-comments-form .opinions-select-wrap,
.page-opinions-form .inquiries-select-wrap,
.page-opinions-confirm .inquiries-select-wrap,
.page-inquiries-confirm .inquiries-select-wrap,
.page-inquiries-detail .inquiries-select-wrap,
.page-inquiry-comments-confirm .inquiries-select-wrap,
.page-opinions-complate .inquiries-select-wrap,
.page-inquiries-complate .inquiries-select-wrap,
.page-inquiry-comments-complate .inquiries-select-wrap,
.page-inquiries-form .inquiries-select-wrap,
.page-inquiry-comments-form .inquiries-select-wrap, .page-opinions-form .opinions-textarea-wrap, .page-opinions-confirm .opinions-textarea-wrap, .page-inquiries-confirm .opinions-textarea-wrap, .page-inquiries-detail .opinions-textarea-wrap, .page-inquiry-comments-confirm .opinions-textarea-wrap, .page-opinions-complate .opinions-textarea-wrap, .page-inquiries-complate .opinions-textarea-wrap, .page-inquiry-comments-complate .opinions-textarea-wrap, .page-inquiries-form .opinions-textarea-wrap, .page-inquiry-comments-form .opinions-textarea-wrap,
.page-opinions-form .inquiries-textarea-wrap,
.page-opinions-confirm .inquiries-textarea-wrap,
.page-inquiries-confirm .inquiries-textarea-wrap,
.page-inquiries-detail .inquiries-textarea-wrap,
.page-inquiry-comments-confirm .inquiries-textarea-wrap,
.page-opinions-complate .inquiries-textarea-wrap,
.page-inquiries-complate .inquiries-textarea-wrap,
.page-inquiry-comments-complate .inquiries-textarea-wrap,
.page-inquiries-form .inquiries-textarea-wrap,
.page-inquiry-comments-form .inquiries-textarea-wrap, .page-inquiries-form .inquiries-select-times-wrap > select, .page-inquiry-comments-form .inquiries-select-times-wrap > select {
  background: #fff;
  border: 1px solid #32788c;
  border-radius: 10px; }
  .page-opinions-form .opinions-select-wrap > select, .page-opinions-confirm .opinions-select-wrap > select, .page-inquiries-confirm .opinions-select-wrap > select, .page-inquiries-detail .opinions-select-wrap > select, .page-inquiry-comments-confirm .opinions-select-wrap > select, .page-opinions-complate .opinions-select-wrap > select, .page-inquiries-complate .opinions-select-wrap > select, .page-inquiry-comments-complate .opinions-select-wrap > select, .page-inquiries-form .opinions-select-wrap > select, .page-inquiry-comments-form .opinions-select-wrap > select, .page-opinions-form .inquiries-select-wrap > select, .page-opinions-confirm .inquiries-select-wrap > select, .page-inquiries-confirm .inquiries-select-wrap > select, .page-inquiries-detail .inquiries-select-wrap > select, .page-inquiry-comments-confirm .inquiries-select-wrap > select, .page-opinions-complate .inquiries-select-wrap > select, .page-inquiries-complate .inquiries-select-wrap > select, .page-inquiry-comments-complate .inquiries-select-wrap > select, .page-inquiries-form .inquiries-select-wrap > select, .page-inquiry-comments-form .inquiries-select-wrap > select, .page-opinions-form .opinions-textarea-wrap > select, .page-opinions-confirm .opinions-textarea-wrap > select, .page-inquiries-confirm .opinions-textarea-wrap > select, .page-inquiries-detail .opinions-textarea-wrap > select, .page-inquiry-comments-confirm .opinions-textarea-wrap > select, .page-opinions-complate .opinions-textarea-wrap > select, .page-inquiries-complate .opinions-textarea-wrap > select, .page-inquiry-comments-complate .opinions-textarea-wrap > select, .page-inquiries-form .opinions-textarea-wrap > select, .page-inquiry-comments-form .opinions-textarea-wrap > select, .page-opinions-form .inquiries-textarea-wrap > select, .page-opinions-confirm .inquiries-textarea-wrap > select, .page-inquiries-confirm .inquiries-textarea-wrap > select, .page-inquiries-detail .inquiries-textarea-wrap > select, .page-inquiry-comments-confirm .inquiries-textarea-wrap > select, .page-opinions-complate .inquiries-textarea-wrap > select, .page-inquiries-complate .inquiries-textarea-wrap > select, .page-inquiry-comments-complate .inquiries-textarea-wrap > select, .page-inquiries-form .inquiries-textarea-wrap > select, .page-inquiry-comments-form .inquiries-textarea-wrap > select, .page-inquiries-form .inquiries-select-times-wrap > select > select, .page-inquiry-comments-form .inquiries-select-times-wrap > select > select,
  .page-opinions-form .opinions-select-wrap > textarea,
  .page-opinions-confirm .opinions-select-wrap > textarea,
  .page-inquiries-confirm .opinions-select-wrap > textarea,
  .page-inquiries-detail .opinions-select-wrap > textarea,
  .page-inquiry-comments-confirm .opinions-select-wrap > textarea,
  .page-opinions-complate .opinions-select-wrap > textarea,
  .page-inquiries-complate .opinions-select-wrap > textarea,
  .page-inquiry-comments-complate .opinions-select-wrap > textarea,
  .page-inquiries-form .opinions-select-wrap > textarea,
  .page-inquiry-comments-form .opinions-select-wrap > textarea,
  .page-opinions-form .inquiries-select-wrap > textarea,
  .page-opinions-confirm .inquiries-select-wrap > textarea,
  .page-inquiries-confirm .inquiries-select-wrap > textarea,
  .page-inquiries-detail .inquiries-select-wrap > textarea,
  .page-inquiry-comments-confirm .inquiries-select-wrap > textarea,
  .page-opinions-complate .inquiries-select-wrap > textarea,
  .page-inquiries-complate .inquiries-select-wrap > textarea,
  .page-inquiry-comments-complate .inquiries-select-wrap > textarea,
  .page-inquiries-form .inquiries-select-wrap > textarea,
  .page-inquiry-comments-form .inquiries-select-wrap > textarea,
  .page-opinions-form .opinions-textarea-wrap > textarea,
  .page-opinions-confirm .opinions-textarea-wrap > textarea,
  .page-inquiries-confirm .opinions-textarea-wrap > textarea,
  .page-inquiries-detail .opinions-textarea-wrap > textarea,
  .page-inquiry-comments-confirm .opinions-textarea-wrap > textarea,
  .page-opinions-complate .opinions-textarea-wrap > textarea,
  .page-inquiries-complate .opinions-textarea-wrap > textarea,
  .page-inquiry-comments-complate .opinions-textarea-wrap > textarea,
  .page-inquiries-form .opinions-textarea-wrap > textarea,
  .page-inquiry-comments-form .opinions-textarea-wrap > textarea,
  .page-opinions-form .inquiries-textarea-wrap > textarea,
  .page-opinions-confirm .inquiries-textarea-wrap > textarea,
  .page-inquiries-confirm .inquiries-textarea-wrap > textarea,
  .page-inquiries-detail .inquiries-textarea-wrap > textarea,
  .page-inquiry-comments-confirm .inquiries-textarea-wrap > textarea,
  .page-opinions-complate .inquiries-textarea-wrap > textarea,
  .page-inquiries-complate .inquiries-textarea-wrap > textarea,
  .page-inquiry-comments-complate .inquiries-textarea-wrap > textarea,
  .page-inquiries-form .inquiries-textarea-wrap > textarea,
  .page-inquiry-comments-form .inquiries-textarea-wrap > textarea,
  .page-inquiries-form .inquiries-select-times-wrap > select > textarea,
  .page-inquiry-comments-form .inquiries-select-times-wrap > select > textarea {
    color: #1e5f6e;
    font-size: 12px;
    font-size: 1.2rem; }

.page-opinions-form .opinions-select-wrap::after, .page-opinions-confirm .opinions-select-wrap::after, .page-inquiries-confirm .opinions-select-wrap::after, .page-inquiries-detail .opinions-select-wrap::after, .page-inquiry-comments-confirm .opinions-select-wrap::after, .page-opinions-complate .opinions-select-wrap::after, .page-inquiries-complate .opinions-select-wrap::after, .page-inquiry-comments-complate .opinions-select-wrap::after, .page-inquiries-form .opinions-select-wrap::after, .page-inquiry-comments-form .opinions-select-wrap::after,
.page-opinions-form .inquiries-select-wrap::after,
.page-opinions-confirm .inquiries-select-wrap::after,
.page-inquiries-confirm .inquiries-select-wrap::after,
.page-inquiries-detail .inquiries-select-wrap::after,
.page-inquiry-comments-confirm .inquiries-select-wrap::after,
.page-opinions-complate .inquiries-select-wrap::after,
.page-inquiries-complate .inquiries-select-wrap::after,
.page-inquiry-comments-complate .inquiries-select-wrap::after,
.page-inquiries-form .inquiries-select-wrap::after,
.page-inquiry-comments-form .inquiries-select-wrap::after {
  background-image: url(/stylesheets/i/7a4d45fc1b89a7092afe79800ddbc4da.png);
  background-position: -284px -44px;
  width: 13.5px;
  height: 9.5px;
  background-size: 589px 200.5px;
  position: absolute;
  top: 40%;
  right: 15px;
  z-index: 1;
  content: ''; }

.page-announcements .headings .event.layout1 .title, .page-announcement-detail .headings .event.layout1 .title, .page-announcements .headings .event.layout2 .title div:nth-of-type(2), .page-announcement-detail .headings .event.layout2 .title div:nth-of-type(2), .page-announcements .headings .event.layout2.is-oneline .title div:nth-of-type(1), .page-announcement-detail .headings .event.layout2.is-oneline .title div:nth-of-type(1), .page-announcements .headings .bonus.layout1 .title div:nth-of-type(1), .page-announcement-detail .headings .bonus.layout1 .title div:nth-of-type(1), .page-announcements .headings .bonus.layout1 .title div:nth-of-type(2), .page-announcement-detail .headings .bonus.layout1 .title div:nth-of-type(2), .page-announcements .headings .bonus.layout2 .title div:nth-of-type(1), .page-announcement-detail .headings .bonus.layout2 .title div:nth-of-type(1), .page-announcements .headings .bonus.layout2 .title div:nth-of-type(2), .page-announcement-detail .headings .bonus.layout2 .title div:nth-of-type(2), .page-announcements .headings .campaign.layout1 .title div:nth-of-type(1), .page-announcement-detail .headings .campaign.layout1 .title div:nth-of-type(1), .page-announcements .headings .campaign.layout1 .title div:nth-of-type(2), .page-announcement-detail .headings .campaign.layout1 .title div:nth-of-type(2), .page-announcements .headings .campaign.layout2 .title div:nth-of-type(1), .page-announcement-detail .headings .campaign.layout2 .title div:nth-of-type(1), .page-announcements .headings .campaign.layout2 .title div:nth-of-type(2), .page-announcement-detail .headings .campaign.layout2 .title div:nth-of-type(2), .page-announcements .headings .scout.layout1 .title div:nth-of-type(1), .page-announcement-detail .headings .scout.layout1 .title div:nth-of-type(1), .page-announcements .headings .scout.layout1 .title div:nth-of-type(2), .page-announcement-detail .headings .scout.layout1 .title div:nth-of-type(2), .page-announcements .headings .scout.layout2 .title div:nth-of-type(2), .page-announcement-detail .headings .scout.layout2 .title div:nth-of-type(2) {
  margin: 0;
  font-weight: bold;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.2;
  text-shadow: 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 0 0 #fff, 0 1px 0 #fff, -1px 0 0 #fff, 0 -1px 0 #fff, 1px 1px 0 #fff, -1px -1px 0 #fff; }
  @media screen and (min-width: 980px) {
    .page-announcements .headings .event.layout1 .title, .page-announcement-detail .headings .event.layout1 .title, .page-announcements .headings .event.layout2 .title div:nth-of-type(2), .page-announcement-detail .headings .event.layout2 .title div:nth-of-type(2), .page-announcements .headings .event.layout2.is-oneline .title div:nth-of-type(1), .page-announcement-detail .headings .event.layout2.is-oneline .title div:nth-of-type(1), .page-announcements .headings .bonus.layout1 .title div:nth-of-type(1), .page-announcement-detail .headings .bonus.layout1 .title div:nth-of-type(1), .page-announcements .headings .bonus.layout1 .title div:nth-of-type(2), .page-announcement-detail .headings .bonus.layout1 .title div:nth-of-type(2), .page-announcements .headings .bonus.layout2 .title div:nth-of-type(1), .page-announcement-detail .headings .bonus.layout2 .title div:nth-of-type(1), .page-announcements .headings .bonus.layout2 .title div:nth-of-type(2), .page-announcement-detail .headings .bonus.layout2 .title div:nth-of-type(2), .page-announcements .headings .campaign.layout1 .title div:nth-of-type(1), .page-announcement-detail .headings .campaign.layout1 .title div:nth-of-type(1), .page-announcements .headings .campaign.layout1 .title div:nth-of-type(2), .page-announcement-detail .headings .campaign.layout1 .title div:nth-of-type(2), .page-announcements .headings .campaign.layout2 .title div:nth-of-type(1), .page-announcement-detail .headings .campaign.layout2 .title div:nth-of-type(1), .page-announcements .headings .campaign.layout2 .title div:nth-of-type(2), .page-announcement-detail .headings .campaign.layout2 .title div:nth-of-type(2), .page-announcements .headings .scout.layout1 .title div:nth-of-type(1), .page-announcement-detail .headings .scout.layout1 .title div:nth-of-type(1), .page-announcements .headings .scout.layout1 .title div:nth-of-type(2), .page-announcement-detail .headings .scout.layout1 .title div:nth-of-type(2), .page-announcements .headings .scout.layout2 .title div:nth-of-type(2), .page-announcement-detail .headings .scout.layout2 .title div:nth-of-type(2) {
      font-size: 42px;
      font-size: 4.2rem; } }
  @media screen and (min-width: 736px) and (max-width: 980px) {
    .page-announcements .headings .event.layout1 .title, .page-announcement-detail .headings .event.layout1 .title, .page-announcements .headings .event.layout2 .title div:nth-of-type(2), .page-announcement-detail .headings .event.layout2 .title div:nth-of-type(2), .page-announcements .headings .event.layout2.is-oneline .title div:nth-of-type(1), .page-announcement-detail .headings .event.layout2.is-oneline .title div:nth-of-type(1), .page-announcements .headings .bonus.layout1 .title div:nth-of-type(1), .page-announcement-detail .headings .bonus.layout1 .title div:nth-of-type(1), .page-announcements .headings .bonus.layout1 .title div:nth-of-type(2), .page-announcement-detail .headings .bonus.layout1 .title div:nth-of-type(2), .page-announcements .headings .bonus.layout2 .title div:nth-of-type(1), .page-announcement-detail .headings .bonus.layout2 .title div:nth-of-type(1), .page-announcements .headings .bonus.layout2 .title div:nth-of-type(2), .page-announcement-detail .headings .bonus.layout2 .title div:nth-of-type(2), .page-announcements .headings .campaign.layout1 .title div:nth-of-type(1), .page-announcement-detail .headings .campaign.layout1 .title div:nth-of-type(1), .page-announcements .headings .campaign.layout1 .title div:nth-of-type(2), .page-announcement-detail .headings .campaign.layout1 .title div:nth-of-type(2), .page-announcements .headings .campaign.layout2 .title div:nth-of-type(1), .page-announcement-detail .headings .campaign.layout2 .title div:nth-of-type(1), .page-announcements .headings .campaign.layout2 .title div:nth-of-type(2), .page-announcement-detail .headings .campaign.layout2 .title div:nth-of-type(2), .page-announcements .headings .scout.layout1 .title div:nth-of-type(1), .page-announcement-detail .headings .scout.layout1 .title div:nth-of-type(1), .page-announcements .headings .scout.layout1 .title div:nth-of-type(2), .page-announcement-detail .headings .scout.layout1 .title div:nth-of-type(2), .page-announcements .headings .scout.layout2 .title div:nth-of-type(2), .page-announcement-detail .headings .scout.layout2 .title div:nth-of-type(2) {
      font-size: 30px;
      font-size: 3rem; } }

.page-announcements .headings .event.layout2 .title div:nth-of-type(1), .page-announcement-detail .headings .event.layout2 .title div:nth-of-type(1), .page-announcements .headings .scout.layout2 .title div:nth-of-type(1), .page-announcement-detail .headings .scout.layout2 .title div:nth-of-type(1) {
  margin: 0;
  font-weight: bold;
  font-size: 11px;
  font-size: 1.1rem;
  line-height: 1.3;
  text-shadow: 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 0 0 #fff, 0 1px 0 #fff, -1px 0 0 #fff, 0 -1px 0 #fff, 1px 1px 0 #fff, -1px -1px 0 #fff; }
  @media screen and (min-width: 980px) {
    .page-announcements .headings .event.layout2 .title div:nth-of-type(1), .page-announcement-detail .headings .event.layout2 .title div:nth-of-type(1), .page-announcements .headings .scout.layout2 .title div:nth-of-type(1), .page-announcement-detail .headings .scout.layout2 .title div:nth-of-type(1) {
      font-size: 26px;
      font-size: 2.6rem; } }
  @media screen and (min-width: 736px) and (max-width: 980px) {
    .page-announcements .headings .event.layout2 .title div:nth-of-type(1), .page-announcement-detail .headings .event.layout2 .title div:nth-of-type(1), .page-announcements .headings .scout.layout2 .title div:nth-of-type(1), .page-announcement-detail .headings .scout.layout2 .title div:nth-of-type(1) {
      font-size: 20px;
      font-size: 2rem; } }

.page-announcements .headings .fixed-width > div, .page-announcement-detail .headings .fixed-width > div {
  width: 73%;
  text-align: left; }

.page-beginner-guide-detail .guide-detail-body, .page-announcement-detail .announcement-detail-body {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 88.125%;
  margin: auto;
  padding: 0 0 8px;
  font-size: 12px;
  font-size: 1.2rem; }
  .page-beginner-guide-detail .guide-detail-body hr, .page-announcement-detail .announcement-detail-body hr {
    background-image: url(/stylesheets/i/7a4d45fc1b89a7092afe79800ddbc4da.png);
    background-position: -269px -37px;
    width: 276px;
    height: 5px;
    background-size: 589px 200.5px;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
    margin: 12px auto;
    overflow: visible;
    border: 0; }
  .page-beginner-guide-detail .guide-detail-body .summary, .page-announcement-detail .announcement-detail-body .summary {
    margin: 13px 0;
    font-weight: bold;
    font-size: 13px;
    font-size: 1.3rem;
    text-align: center; }
  .page-beginner-guide-detail .guide-detail-body h3, .page-announcement-detail .announcement-detail-body h3 {
    position: relative;
    margin: 0 0 2px;
    line-height: 160%;
    padding-left: 14px;
    font-weight: bold;
    font-size: 12px;
    font-size: 1.2rem; }
    .page-beginner-guide-detail .guide-detail-body h3:before, .page-announcement-detail .announcement-detail-body h3:before {
      position: absolute;
      top: 3px;
      left: 0;
      display: block;
      content: ''; }
  .page-beginner-guide-detail .guide-detail-body ul, .page-announcement-detail .announcement-detail-body ul {
    margin: 13px 0; }
    .page-beginner-guide-detail .guide-detail-body ul li, .page-announcement-detail .announcement-detail-body ul li {
      position: relative;
      padding-left: 20px;
      font-size: 12px;
      font-size: 1.2rem;
      line-height: 1.5; }
      .page-beginner-guide-detail .guide-detail-body ul li::before, .page-announcement-detail .announcement-detail-body ul li::before {
        position: absolute;
        top: 0.6em;
        left: 0.6em;
        display: block;
        width: 4px;
        height: 4px;
        background-image: url(/stylesheets/i/783ca48107675cb13bcd858a450fe145.png);
        background-size: 4px;
        content: ''; }
        @media screen and (aspect-ratio: 9 / 21) {
          .page-beginner-guide-detail .guide-detail-body ul li::before, .page-announcement-detail .announcement-detail-body ul li::before {
            top: 0.4em;
            left: 0.4em; } }
  .page-beginner-guide-detail .guide-detail-body p, .page-announcement-detail .announcement-detail-body p {
    margin-bottom: 13px; }
  .page-beginner-guide-detail .guide-detail-body .banner, .page-announcement-detail .announcement-detail-body .banner {
    display: block;
    width: 100%;
    margin: 13px auto;
    border: 1px solid #8caaa5; }
  .page-beginner-guide-detail .guide-detail-body .warning, .page-announcement-detail .announcement-detail-body .warning {
    color: #eb1414; }
  .page-beginner-guide-detail .guide-detail-body .em, .page-announcement-detail .announcement-detail-body .em {
    color: #e58009; }
  .page-beginner-guide-detail .guide-detail-body .period, .page-announcement-detail .announcement-detail-body .period {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .page-beginner-guide-detail .guide-detail-body a, .page-announcement-detail .announcement-detail-body a {
    min-width: 0; }
    .page-beginner-guide-detail .guide-detail-body a .word, .page-announcement-detail .announcement-detail-body a .word {
      text-decoration: underline; }
  .page-beginner-guide-detail .guide-detail-body .button-positive, .page-announcement-detail .announcement-detail-body .button-positive {
    margin: 26px auto;
    text-align: center; }
    .page-beginner-guide-detail .guide-detail-body .button-positive a, .page-announcement-detail .announcement-detail-body .button-positive a {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      min-width: 125px;
      height: 47px;
      margin: 0;
      padding: 0 16px 3px;
      color: #faffff;
      font-weight: bold;
      font-size: 15px;
      font-size: 1.5rem;
      text-decoration: none;
      text-decoration: none;
      text-shadow: #9a7100 1px 1px 0, #9a7100 -1px -1px 0, #9a7100 -1px 0 0, #9a7100 0 -1px 0, #9a7100 1px 0 0, #9a7100 0 1px 0, #9a7100 1px -1px 0, #9a7100 -1px 1px 0, #9a7100 0 2px 0, #9a7100 1px 2px 0, #9a7100 -1px 2px 0;
      word-wrap: break-word;
      overflow-wrap: break-word;
      background-image: url(/stylesheets/i/ccfc1f402a142a5677896edc0d3df12e.png), url(/stylesheets/i/b591a49317a1d5097b50ca180d5dcc49.png), url(/stylesheets/i/98dcf8a235e463f069f7abe0ed6b2f5d.png);
      background-repeat: no-repeat, no-repeat, no-repeat;
      background-position: left top, right top, 38px 0;
      background-size: 40px 47px, 38px 47px, calc(100% - 75px) 47px;
      display: -webkit-inline-box;
      display: -webkit-inline-flex;
      display: -ms-inline-flexbox;
      display: inline-flex;
      width: auto; }
      .page-beginner-guide-detail .guide-detail-body .button-positive a .word, .page-announcement-detail .announcement-detail-body .button-positive a .word {
        text-decoration: none; }
  .page-beginner-guide-detail .guide-detail-body .button, .page-announcement-detail .announcement-detail-body .button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 235px;
    height: 37px;
    margin: 13px auto;
    padding: 0 5px;
    font-weight: bold;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 14px;
    text-shadow: 1px 1px 0 #d7eaff;
    word-wrap: break-word;
    overflow-wrap: break-word;
    background: -webkit-gradient(linear, left top, left bottom, from(#e0fafa), color-stop(27%, #edfdfd), to(#faffff));
    background: -webkit-linear-gradient(top, #e0fafa 0%, #edfdfd 27%, #faffff 100%);
    background: linear-gradient(to bottom, #e0fafa 0%, #edfdfd 27%, #faffff 100%);
    border: 2px solid #5f93a2;
    border-radius: 10px;
    -webkit-box-shadow: 2px 3px 0 rgba(96, 125, 135, 0.4), 1px 1px 25px 0 rgba(158, 245, 255, 0.5);
            box-shadow: 2px 3px 0 rgba(96, 125, 135, 0.4), 1px 1px 25px 0 rgba(158, 245, 255, 0.5); }
  .page-beginner-guide-detail .guide-detail-body a.button, .page-announcement-detail .announcement-detail-body a.button {
    color: #1e5f6e; }
  .page-beginner-guide-detail .guide-detail-body .right-floating-text, .page-announcement-detail .announcement-detail-body .right-floating-text {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 0;
        -ms-flex: 1 0 0px;
            flex: 1 0 0;
    margin: 8px 0; }
    .page-beginner-guide-detail .guide-detail-body .right-floating-text .icon, .page-announcement-detail .announcement-detail-body .right-floating-text .icon {
      margin-right: 8px;
      padding-top: 2px; }
    .page-beginner-guide-detail .guide-detail-body .right-floating-text .text, .page-announcement-detail .announcement-detail-body .right-floating-text .text {
      min-width: 150px;
      margin: 0;
      word-wrap: break-word;
      overflow-wrap: break-word; }
  @media screen and (min-width: 736px) {
    .page-beginner-guide-detail .guide-detail-body, .page-announcement-detail .announcement-detail-body {
      width: 65.10417%; } }

.bg_tab_badge {
  background-image: url(/stylesheets/i/7a4d45fc1b89a7092afe79800ddbc4da.png);
  background-position: -569.5px -59px;
  width: 16px;
  height: 16px;
  background-size: 589px 200.5px; }

.bg_tab_off {
  background-image: url(/stylesheets/i/7a4d45fc1b89a7092afe79800ddbc4da.png);
  background-position: 0px -59px;
  width: 133px;
  height: 34px;
  background-size: 589px 200.5px; }

.bg_tab_on {
  background-image: url(/stylesheets/i/7a4d45fc1b89a7092afe79800ddbc4da.png);
  background-position: -135px -59px;
  width: 133px;
  height: 34px;
  background-size: 589px 200.5px; }

.bg-banner-not-image, .page-announcements .announcements-item-not-image, .page-announcement-detail .announcements-item-not-image {
  background-image: url(/stylesheets/i/7a4d45fc1b89a7092afe79800ddbc4da.png);
  background-position: 0px 0px;
  width: 267px;
  height: 57px;
  background-size: 589px 200.5px; }

.bg-btn-icon, .c-radius-button .icon {
  background-image: url(/stylesheets/i/7a4d45fc1b89a7092afe79800ddbc4da.png);
  background-position: -244px -95px;
  width: 32.5px;
  height: 32.5px;
  background-size: 589px 200.5px; }

.bg-header, .c-title-h1:after {
  background-image: url(/stylesheets/i/7a4d45fc1b89a7092afe79800ddbc4da.png);
  background-position: -269px 0px;
  width: 320px;
  height: 35px;
  background-size: 589px 200.5px; }

.bg-hr {
  background-image: url(/stylesheets/i/7a4d45fc1b89a7092afe79800ddbc4da.png);
  background-position: -269px -37px;
  width: 276px;
  height: 5px;
  background-size: 589px 200.5px; }

.bg-tag-light, .page-announcement-detail .c-tag:before, .page-announcement-detail .c-tag:after {
  background-image: url(/stylesheets/i/7a4d45fc1b89a7092afe79800ddbc4da.png);
  background-position: -155px -129.5px;
  width: 5px;
  height: 17px;
  background-size: 589px 200.5px; }

.bg-tag, .c-tag:before, .c-tag:after {
  background-image: url(/stylesheets/i/7a4d45fc1b89a7092afe79800ddbc4da.png);
  background-position: -148px -129.5px;
  width: 5px;
  height: 17px;
  background-size: 589px 200.5px; }

.bg-title-category {
  background-image: url(/stylesheets/i/7a4d45fc1b89a7092afe79800ddbc4da.png);
  background-position: -392.5px -95px;
  width: 5px;
  height: 15px;
  background-size: 589px 200.5px; }

.bg-title-h1-error {
  background-image: url(/stylesheets/i/7a4d45fc1b89a7092afe79800ddbc4da.png);
  background-position: -323px -59px;
  width: 50px;
  height: 30px;
  background-size: 589px 200.5px; }

.bg-title-h1 {
  background-image: url(/stylesheets/i/7a4d45fc1b89a7092afe79800ddbc4da.png);
  background-position: -270px -59px;
  width: 51px;
  height: 31px;
  background-size: 589px 200.5px; }

.icon-back-off {
  background-image: url(/stylesheets/i/7a4d45fc1b89a7092afe79800ddbc4da.png);
  background-position: -99.5px -129.5px;
  width: 22px;
  height: 18.5px;
  background-size: 589px 200.5px; }

.icon-back {
  background-image: url(/stylesheets/i/7a4d45fc1b89a7092afe79800ddbc4da.png);
  background-position: -75.5px -129.5px;
  width: 22px;
  height: 18.5px;
  background-size: 589px 200.5px; }

.icon-ball, .page-beginner-guide-detail .guide-detail-body h3:before, .page-announcement-detail .announcement-detail-body h3:before {
  background-image: url(/stylesheets/i/7a4d45fc1b89a7092afe79800ddbc4da.png);
  background-position: -269px -44px;
  width: 13px;
  height: 13px;
  background-size: 589px 200.5px; }

.icon-close {
  background-image: url(/stylesheets/i/7a4d45fc1b89a7092afe79800ddbc4da.png);
  background-position: -92.5px -153px;
  width: 18px;
  height: 18px;
  background-size: 589px 200.5px; }

.icon-header-about {
  background-image: url(/stylesheets/i/7a4d45fc1b89a7092afe79800ddbc4da.png);
  background-position: -278.5px -95px;
  width: 21px;
  height: 25.5px;
  background-size: 589px 200.5px; }

.icon-header-announcements {
  background-image: url(/stylesheets/i/7a4d45fc1b89a7092afe79800ddbc4da.png);
  background-position: -123.5px -129.5px;
  width: 22.5px;
  height: 17.5px;
  background-size: 589px 200.5px; }

.icon-header-beginner-guide {
  background-image: url(/stylesheets/i/7a4d45fc1b89a7092afe79800ddbc4da.png);
  background-position: 0px -153px;
  width: 22.5px;
  height: 22.5px;
  background-size: 589px 200.5px; }

.icon-header-customer-support {
  background-image: url(/stylesheets/i/7a4d45fc1b89a7092afe79800ddbc4da.png);
  background-position: 0px -129.5px;
  width: 24px;
  height: 21.5px;
  background-size: 589px 200.5px; }

.icon-header-error {
  background-image: url(/stylesheets/i/7a4d45fc1b89a7092afe79800ddbc4da.png);
  background-position: -47px -153px;
  width: 20px;
  height: 20px;
  background-size: 589px 200.5px; }

.icon-header-faq {
  background-image: url(/stylesheets/i/7a4d45fc1b89a7092afe79800ddbc4da.png);
  background-position: -50px -129.5px;
  width: 23.5px;
  height: 18.5px;
  background-size: 589px 200.5px; }

.icon-header-permission {
  background-image: url(/stylesheets/i/7a4d45fc1b89a7092afe79800ddbc4da.png);
  background-position: -369.5px -95px;
  width: 21px;
  height: 15.5px;
  background-size: 589px 200.5px; }

.icon-header-privacy-policy {
  background-image: url(/stylesheets/i/7a4d45fc1b89a7092afe79800ddbc4da.png);
  background-position: -26px -129.5px;
  width: 22px;
  height: 21.5px;
  background-size: 589px 200.5px; }

.icon-header-terms-of-service {
  background-image: url(/stylesheets/i/7a4d45fc1b89a7092afe79800ddbc4da.png);
  background-position: 0px -177.5px;
  width: 18.5px;
  height: 23px;
  background-size: 589px 200.5px; }

.icon-header-tips {
  background-image: url(/stylesheets/i/7a4d45fc1b89a7092afe79800ddbc4da.png);
  background-position: -375px -59px;
  width: 22.5px;
  height: 25px;
  background-size: 589px 200.5px; }

.icon-paging-first-disable, .page-announcements .announcements-page-nation-first.is-disable, .page-announcement-detail .announcements-page-nation-first.is-disable {
  background-image: url(/stylesheets/i/7a4d45fc1b89a7092afe79800ddbc4da.png);
  background-position: 0px -95px;
  width: 42px;
  height: 32.5px;
  background-size: 589px 200.5px; }

.icon-paging-first, .page-announcements .announcements-page-nation-first, .page-announcement-detail .announcements-page-nation-first {
  background-image: url(/stylesheets/i/7a4d45fc1b89a7092afe79800ddbc4da.png);
  background-position: -44px -95px;
  width: 42px;
  height: 32.5px;
  background-size: 589px 200.5px; }

.icon-paging-next-disable, .page-announcements .announcements-page-nation-next.is-disable, .page-announcement-detail .announcements-page-nation-next.is-disable {
  background-image: url(/stylesheets/i/7a4d45fc1b89a7092afe79800ddbc4da.png);
  background-position: -166px -95px;
  width: 37px;
  height: 32.5px;
  background-size: 589px 200.5px; }

.icon-paging-next, .page-announcements .announcements-page-nation-next, .page-announcement-detail .announcements-page-nation-next {
  background-image: url(/stylesheets/i/7a4d45fc1b89a7092afe79800ddbc4da.png);
  background-position: -88px -95px;
  width: 37px;
  height: 32.5px;
  background-size: 589px 200.5px; }

.icon-paging-prev-disable, .page-announcements .announcements-page-nation-prev.is-disable, .page-announcement-detail .announcements-page-nation-prev.is-disable {
  background-image: url(/stylesheets/i/7a4d45fc1b89a7092afe79800ddbc4da.png);
  background-position: -127px -95px;
  width: 37px;
  height: 32.5px;
  background-size: 589px 200.5px; }

.icon-paging-prev, .page-announcements .announcements-page-nation-prev, .page-announcement-detail .announcements-page-nation-prev {
  background-image: url(/stylesheets/i/7a4d45fc1b89a7092afe79800ddbc4da.png);
  background-position: -205px -95px;
  width: 37px;
  height: 32.5px;
  background-size: 589px 200.5px; }

.icon-private-announcements {
  background-image: url(/stylesheets/i/7a4d45fc1b89a7092afe79800ddbc4da.png);
  background-position: -24.5px -153px;
  width: 20.5px;
  height: 22.5px;
  background-size: 589px 200.5px; }

.icon-reload {
  background-image: url(/stylesheets/i/7a4d45fc1b89a7092afe79800ddbc4da.png);
  background-position: -69px -153px;
  width: 21.5px;
  height: 18px;
  background-size: 589px 200.5px; }

.icon-tips-attack, .page-tips .icon-attack {
  background-image: url(/stylesheets/i/7a4d45fc1b89a7092afe79800ddbc4da.png);
  background-position: -335.5px -95px;
  width: 32px;
  height: 16px;
  background-size: 589px 200.5px; }

.icon-tips-attacker, .page-tips .icon-attacker {
  background-image: url(/stylesheets/i/7a4d45fc1b89a7092afe79800ddbc4da.png);
  background-position: -399.5px -59px;
  width: 32px;
  height: 16px;
  background-size: 589px 200.5px; }

.icon-tips-sp-attacker, .page-tips .icon-sp-attacker {
  background-image: url(/stylesheets/i/7a4d45fc1b89a7092afe79800ddbc4da.png);
  background-position: -535.5px -59px;
  width: 32px;
  height: 16px;
  background-size: 589px 200.5px; }

.icon-tips-special, .page-tips .icon-special {
  background-image: url(/stylesheets/i/7a4d45fc1b89a7092afe79800ddbc4da.png);
  background-position: -467.5px -59px;
  width: 32px;
  height: 16px;
  background-size: 589px 200.5px; }

.icon-tips-status, .page-tips .icon-status {
  background-image: url(/stylesheets/i/7a4d45fc1b89a7092afe79800ddbc4da.png);
  background-position: -501.5px -59px;
  width: 32px;
  height: 16px;
  background-size: 589px 200.5px; }

.icon-tips-support, .page-tips .icon-support {
  background-image: url(/stylesheets/i/7a4d45fc1b89a7092afe79800ddbc4da.png);
  background-position: -433.5px -59px;
  width: 32px;
  height: 16px;
  background-size: 589px 200.5px; }

.icon-tips-technical, .page-tips .icon-technical {
  background-image: url(/stylesheets/i/7a4d45fc1b89a7092afe79800ddbc4da.png);
  background-position: -301.5px -95px;
  width: 32px;
  height: 16px;
  background-size: 589px 200.5px; }

.icon-ui-accordion-direction {
  background-image: url(/stylesheets/i/7a4d45fc1b89a7092afe79800ddbc4da.png);
  background-position: -284px -44px;
  width: 13.5px;
  height: 9.5px;
  background-size: 589px 200.5px; }

.word {
  display: inline-block; }

.text-center {
  text-align: center !important; }

.text-left {
  text-align: left !important; }

.text-right {
  text-align: right !important; }

.c-title-h1-common {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  height: 34px;
  padding: 0 0 0 34px;
  color: #faffff;
  font-weight: bold;
  font-size: 17px;
  font-size: 1.7rem;
  line-height: 0.95;
  background-color: #32788c; }
  .c-title-h1-common.small {
    font-size: 15px;
    font-size: 1.5rem; }
  .c-title-h1-common span {
    position: relative;
    z-index: 1; }
  .c-title-h1-common .icon {
    position: absolute;
    z-index: 2;
    -webkit-transform: scale(0.85);
            transform: scale(0.85); }
    .c-title-h1-common .icon.icon-header-customer-support {
      top: 4px;
      left: 7px; }
    .c-title-h1-common .icon.icon-header-terms-of-service {
      top: 4px;
      left: 9px; }
    .c-title-h1-common .icon.icon-header-privacy-policy {
      top: 5px;
      left: 8px; }
    .c-title-h1-common .icon.icon-header-faq {
      top: 6px;
      left: 6px; }
    .c-title-h1-common .icon.icon-header-about {
      top: 4px;
      left: 8px; }
    .c-title-h1-common .icon.icon-header-customer-support {
      top: 5px;
      left: 6px; }
    .c-title-h1-common .icon.icon-header-tips {
      top: 2px;
      left: 7px; }
    .c-title-h1-common .icon.icon-header-announcements {
      top: 8px;
      left: 7px; }
    .c-title-h1-common .icon.icon-header-beginner-guide {
      top: 6px;
      left: 7px; }

.c-title-h1-error {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  height: 34px;
  padding: 0 0 0 34px;
  color: #faffff;
  font-weight: bold;
  font-size: 17px;
  font-size: 1.7rem;
  background-color: #de552b; }
  .c-title-h1-error span {
    position: relative;
    z-index: 1; }
  .c-title-h1-error .icon {
    position: absolute;
    top: 7px;
    left: 7px;
    z-index: 2; }

.c-title-h1 {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 35px;
  color: #f0faff;
  font-weight: bold;
  font-size: 17px;
  font-size: 1.7rem;
  background: url(/stylesheets/i/a57bd5f0a5030b9a0f954359225f5310.png) 0 0 repeat;
  background-size: 2px 35px; }
  .c-title-h1 span {
    position: relative;
    z-index: 1;
    padding-bottom: 1px; }
  .c-title-h1 .icon {
    position: absolute;
    top: 8px;
    left: 8px;
    z-index: 2; }
  .c-title-h1:after {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    display: block;
    content: ''; }

.c-img-rep, .page-announcements .announcements-page-nation-items a, .page-announcement-detail .announcements-page-nation-items a,
.page-announcements .announcements-page-nation-items span,
.page-announcement-detail .announcements-page-nation-items span {
  overflow: hidden;
  color: rgba(0, 0, 0, 0) !important;
  white-space: nowrap;
  text-indent: 100%; }

.c-tag {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  min-width: 104px;
  height: 15px;
  padding: 0 9px;
  color: #faffff;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 15px; }
  .c-tag:before {
    position: absolute;
    top: -1px;
    left: -1px;
    display: block;
    content: ''; }
  .c-tag:after {
    position: absolute;
    top: -1px;
    right: -1px;
    display: block;
    -webkit-transform: rotate(-180deg);
            transform: rotate(-180deg);
    content: ''; }
  .c-tag.is-pick_up {
    background-color: #48899a; }
  .c-tag.is-important {
    background-color: #eb5628; }
  .c-tag.is-limited {
    background-color: #48899a; }
  .c-tag.is-event {
    background-color: #48899a; }
  .c-tag.is-notice {
    background-color: #48899a; }
  .c-tag.is-update {
    background-color: #48899a; }
  .c-tag.is-private {
    background-color: #48899a; }
  .c-tag.is-present {
    background-color: #48899a; }
  .c-tag.is-bug_report {
    background-color: #48899a; }
  .c-tag.is-campaign {
    background-color: #48899a; }
  .c-tag.is-schedule {
    background-color: #48899a; }
  .c-tag.is-special {
    background-color: #48899a; }

.c-bg-image {
  background-color: #faffff;
  background-image: url(/stylesheets/i/b08cd9caf898319d4c29d6f76409599c.png);
  background-repeat: repeat;
  background-position: top left;
  background-size: 128px 128px; }
  .c-bg-image.is-credits {
    background-color: #084754;
    background-image: url(/stylesheets/i/6f1de1e93b5a8d0d85ad6cac8488bea8.png);
    background-repeat: repeat-y;
    background-position: center top;
    background-size: 302px 2028px; }

.c-radius-button {
  position: relative;
  display: block;
  padding: 12px;
  color: #1e5f6e;
  font-weight: bold;
  font-size: 15px;
  font-size: 1.5rem;
  text-decoration: none;
  word-wrap: break-word;
  overflow-wrap: break-word;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#e0fafa), to(#faffff));
  background-image: -webkit-linear-gradient(#e0fafa, #faffff);
  background-image: linear-gradient(#e0fafa, #faffff);
  border: solid #518c9d 2px;
  border-radius: 12px;
  -webkit-box-shadow: 2px 2px rgba(96, 125, 135, 0.4);
          box-shadow: 2px 2px rgba(96, 125, 135, 0.4); }
  .c-radius-button.has-icon {
    padding-left: 50px; }
  .c-radius-button .icon {
    position: absolute;
    top: 50%;
    left: 7px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    margin: -16px 0 0 0; }

.c-button-submit {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  min-width: 125px;
  height: 47px;
  margin: 0;
  padding: 0 16px 3px;
  color: #faffff;
  font-weight: bold;
  font-size: 15px;
  font-size: 1.5rem;
  text-decoration: none;
  text-decoration: none;
  text-shadow: #9a7100 1px 1px 0, #9a7100 -1px -1px 0, #9a7100 -1px 0 0, #9a7100 0 -1px 0, #9a7100 1px 0 0, #9a7100 0 1px 0, #9a7100 1px -1px 0, #9a7100 -1px 1px 0, #9a7100 0 2px 0, #9a7100 1px 2px 0, #9a7100 -1px 2px 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
  background-image: url(/stylesheets/i/ccfc1f402a142a5677896edc0d3df12e.png), url(/stylesheets/i/b591a49317a1d5097b50ca180d5dcc49.png), url(/stylesheets/i/98dcf8a235e463f069f7abe0ed6b2f5d.png);
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-position: left top, right top, 38px 0;
  background-size: 40px 47px, 38px 47px, calc(100% - 75px) 47px; }
  .c-button-submit.button-disabled {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    min-width: 125px;
    height: 47px;
    margin: 0;
    padding: 0 16px 3px;
    color: #faffff;
    font-weight: bold;
    font-size: 15px;
    font-size: 1.5rem;
    text-shadow: #6b6b6b 1px 1px 0, #6b6b6b -1px -1px 0, #6b6b6b -1px 0 0, #6b6b6b 0 -1px 0, #6b6b6b 1px 0 0, #6b6b6b 0 1px 0, #6b6b6b 1px -1px 0, #6b6b6b -1px 1px 0, #6b6b6b 0 2px 0, #6b6b6b 1px 2px 0, #6b6b6b -1px 2px 0;
    word-wrap: break-word;
    overflow-wrap: break-word;
    background-color: transparent;
    background-image: url(/stylesheets/i/e0367f52f53b376d1ae12ebcd0226c00.png), url(/stylesheets/i/9c3b20d417777cd1ab1569df7c30f063.png), url(/stylesheets/i/944397a08640b2bbdd93221f7d53b553.png);
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-position: left top, right top, 38px 0;
    background-size: 39px 47px, 39px 47px, calc(100% - 76px) 47px;
    pointer-events: none; }

.c-button-back {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  min-width: 125px;
  height: 47px;
  margin: 0;
  padding: 0 16px 3px;
  color: #faffff;
  font-weight: bold;
  font-size: 15px;
  font-size: 1.5rem;
  text-decoration: none;
  text-shadow: #32788c 1px 1px 0, #32788c -1px -1px 0, #32788c -1px 0 0, #32788c 0 -1px 0, #32788c 1px 0 0, #32788c 0 1px 0, #32788c 1px -1px 0, #32788c -1px 1px 0, #32788c 0 2px 0, #32788c 1px 2px 0, #32788c -1px 2px 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
  background-color: transparent;
  background-image: url(/stylesheets/i/f68b27da4c39ca1b0a35bf16033c66ac.png), url(/stylesheets/i/f23656f5b4c396cadac0c14ba608a013.png), url(/stylesheets/i/269ef22e274272dda14da9da748dd611.png);
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-position: left top, right top, 38px 0;
  background-size: 40px 47px, 38px 47px, calc(100% - 75px) 47px;
  margin-right: 8px; }

.c-link-positive {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  min-width: 125px;
  height: 47px;
  margin: 0;
  padding: 0 16px 3px;
  color: #faffff;
  font-weight: bold;
  font-size: 15px;
  font-size: 1.5rem;
  text-decoration: none;
  text-decoration: none;
  text-shadow: #9a7100 1px 1px 0, #9a7100 -1px -1px 0, #9a7100 -1px 0 0, #9a7100 0 -1px 0, #9a7100 1px 0 0, #9a7100 0 1px 0, #9a7100 1px -1px 0, #9a7100 -1px 1px 0, #9a7100 0 2px 0, #9a7100 1px 2px 0, #9a7100 -1px 2px 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
  background-image: url(/stylesheets/i/ccfc1f402a142a5677896edc0d3df12e.png), url(/stylesheets/i/b591a49317a1d5097b50ca180d5dcc49.png), url(/stylesheets/i/98dcf8a235e463f069f7abe0ed6b2f5d.png);
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-position: left top, right top, 38px 0;
  background-size: 40px 47px, 38px 47px, calc(100% - 75px) 47px; }

.c-link-negative {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  min-width: 125px;
  height: 47px;
  margin: 0;
  padding: 0 16px 3px;
  color: #faffff;
  font-weight: bold;
  font-size: 15px;
  font-size: 1.5rem;
  text-decoration: none;
  text-shadow: #32788c 1px 1px 0, #32788c -1px -1px 0, #32788c -1px 0 0, #32788c 0 -1px 0, #32788c 1px 0 0, #32788c 0 1px 0, #32788c 1px -1px 0, #32788c -1px 1px 0, #32788c 0 2px 0, #32788c 1px 2px 0, #32788c -1px 2px 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
  background-color: transparent;
  background-image: url(/stylesheets/i/f68b27da4c39ca1b0a35bf16033c66ac.png), url(/stylesheets/i/f23656f5b4c396cadac0c14ba608a013.png), url(/stylesheets/i/269ef22e274272dda14da9da748dd611.png);
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-position: left top, right top, 38px 0;
  background-size: 40px 47px, 38px 47px, calc(100% - 75px) 47px; }

.c-content-overflow-scroll-y {
  position: relative;
  z-index: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 95vw;
  max-height: 90vh;
  margin: 44px auto 0; }
  .c-content-overflow-scroll-y-header, .c-content-overflow-scroll-y-footer {
    z-index: 1;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 20px;
        -ms-flex: 0 0 20px;
            flex: 0 0 20px;
    width: 100%;
    height: 20px; }
  .c-content-overflow-scroll-y-header {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(50, 120, 140, 0.3)), to(rgba(50, 120, 140, 0)));
    background: -webkit-linear-gradient(top, rgba(50, 120, 140, 0.3) 0%, rgba(50, 120, 140, 0) 100%);
    background: linear-gradient(to bottom, rgba(50, 120, 140, 0.3) 0%, rgba(50, 120, 140, 0) 100%);
    border-radius: 10px 10px 0 0; }
  .c-content-overflow-scroll-y-footer {
    position: relative;
    top: -38px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(50, 120, 140, 0)), to(rgba(50, 120, 140, 0.3)));
    background: -webkit-linear-gradient(top, rgba(50, 120, 140, 0) 0%, rgba(50, 120, 140, 0.3) 100%);
    background: linear-gradient(to bottom, rgba(50, 120, 140, 0) 0%, rgba(50, 120, 140, 0.3) 100%);
    border-radius: 0 0 10px 10px; }
  .c-content-overflow-scroll-y-body {
    position: relative;
    top: -19px;
    z-index: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    min-height: calc(100vh - 54px);
    padding: 15px 8px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    word-wrap: break-word;
    background-color: rgba(180, 220, 220, 0.3);
    border-radius: 10px; }

.icon-new {
  background-image: url(/stylesheets/i/952e9ea245b9ad09c8c116fb2c128341.png);
  background-size: 18px 27px;
  width: 18px;
  height: 27px; }

.page-tips [class^="icon-"] {
  display: inline-block;
  vertical-align: -0.4rem; }

.page-custommer-support {
  padding-top: 66px; }
  .page-custommer-support .custommer-support-items {
    width: 78.125%;
    margin: 0 auto 24px;
    padding: 0;
    list-style-type: none; }
    .page-custommer-support .custommer-support-items .custommer-support-item {
      margin: 0 0 24px;
      position: relative; }
      .page-custommer-support .custommer-support-items .custommer-support-item .icon-new {
        position: absolute;
        top: -6px;
        left: 3px; }

.page-privacy-policy {
  padding: 44px 10px 0;
  font-size: 12px;
  font-size: 1.2rem; }
  .page-privacy-policy a {
    color: #009ee7; }
  .page-privacy-policy a:link {
    color: #009ee7; }
  .page-privacy-policy a:visited {
    color: #009ee7; }
  .page-privacy-policy a:hover {
    color: #009ee7; }
  .page-privacy-policy a:active {
    color: #009ee7; }
  .page-privacy-policy h1 {
    font-size: 15px;
    font-size: 1.5rem; }
  .page-privacy-policy table {
    margin: 0 -6px; }

.page-staff-credits-list {
  margin: 0 auto;
  padding-top: 66px; }
  .page-staff-credits-list .list-items {
    width: 78.125%;
    margin: 0 auto 24px;
    padding: 0;
    list-style-type: none; }
    .page-staff-credits-list .list-items .list-item {
      margin: 0 0 24px; }

.page-staff-credits {
  position: relative;
  padding: 44px 20px 26px;
  text-align: center; }
  .page-staff-credits h1 {
    margin-bottom: 11px;
    font-size: 12px;
    font-size: 1.2rem;
    text-align: center; }
  .page-staff-credits p {
    margin: 0; }
  .page-staff-credits .staff-credits-staffs {
    position: relative;
    z-index: 1;
    margin-bottom: 90px; }
  .page-staff-credits .staff-credits-paragraph {
    margin-bottom: 30px; }
  .page-staff-credits .staff-credits-description {
    margin: 0 0 15px;
    color: #9ef3e7;
    font-weight: bold;
    font-size: 12px;
    font-size: 1.2rem;
    border-bottom: #9ef3e7 solid 1px; }
  .page-staff-credits .staff-credits-title_large {
    margin-bottom: 15px;
    color: #68e8d6;
    font-weight: bold;
    font-size: 14px;
    font-size: 1.4rem; }
  .page-staff-credits .staff-credits-title-medium {
    margin: 15px 0 7px;
    color: #68e8d6;
    font-weight: bold;
    font-size: 12px;
    font-size: 1.2rem; }
  .page-staff-credits .staff-credits-title {
    margin-top: 7px;
    color: #68e8d6;
    font-size: 12px;
    font-size: 1.2rem; }
  .page-staff-credits .staff-credits-body {
    color: #faffff;
    font-size: 12px;
    font-size: 1.2rem; }
  .page-staff-credits .staff-credits-sub-title {
    display: inline-block;
    width: 50%;
    text-align: right; }
    .page-staff-credits .staff-credits-sub-title:after {
      padding-right: 6px;
      content: ':'; }
  .page-staff-credits .staff-credits-sub-body {
    display: inline-block;
    width: 50%;
    font-weight: bold;
    font-size: 15px;
    font-size: 1.5rem;
    text-align: left; }
  .page-staff-credits .staff-credits-copyright {
    position: relative;
    z-index: 1;
    color: #faffff;
    text-align: center; }
    .page-staff-credits .staff-credits-copyright p {
      font-size: 12px;
      font-size: 1.2rem; }
  .page-staff-credits .hr {
    width: 100%;
    height: 1px;
    margin-bottom: 15px;
    background-color: #9ef3e7; }

.page-beginner-guide {
  padding-top: 48px;
  padding-bottom: 73px; }
  .page-beginner-guide .headings {
    position: relative;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 80vw;
    margin: 0 auto;
    border-radius: 5px; }
    @media screen and (min-width: 736px) {
      .page-beginner-guide .headings {
        width: 62.5vw; } }
    .page-beginner-guide .headings .title {
      position: absolute;
      bottom: 15.625vw;
      left: 0;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      width: 52.5vw;
      padding: 0 0 0 3.125vw;
      font-style: italic;
      font-weight: bold;
      font-size: 5.3125vw;
      color: #faffff;
      line-height: 120%;
      text-shadow: 1px -1px 0 #1e5f6e, -1px 1px 0 #1e5f6e, 1px 0 0 #1e5f6e, 0 1px 0 #1e5f6e, -1px 0 0 #1e5f6e, 0 -1px 0 #1e5f6e, 1px 1px 0 #1e5f6e, -1px -1px 0 #1e5f6e; }
      @media screen and (min-width: 736px) {
        .page-beginner-guide .headings .title {
          font-size: 4.21875vw;
          width: 41.40625vw;
          bottom: 12.5vw;
          padding: 0 0 0 2.34375vw; } }
      .page-beginner-guide .headings .title.small {
        font-size: calc(100vw * 15/ 320) !important; }
        @media screen and (min-width: 736px) {
          .page-beginner-guide .headings .title.small {
            font-size: calc(100vw * 12/ 320) !important; } }
      .page-beginner-guide .headings .title.x-small {
        font-size: calc(100vw * 14/ 320) !important; }
        @media screen and (min-width: 736px) {
          .page-beginner-guide .headings .title.x-small {
            font-size: calc(100vw * 11/ 320) !important; } }
      .page-beginner-guide .headings .title.xx-small {
        font-size: calc(100vw * 13/ 320) !important; }
        @media screen and (min-width: 736px) {
          .page-beginner-guide .headings .title.xx-small {
            font-size: calc(100vw * 10/ 320) !important; } }
      .page-beginner-guide .headings .title.xxx-small {
        font-size: calc(100vw * 12/ 320) !important; }
        @media screen and (min-width: 736px) {
          .page-beginner-guide .headings .title.xxx-small {
            font-size: calc(100vw * 9/ 320) !important; } }
      .page-beginner-guide .headings .title.xxxx-small {
        font-size: calc(100vw * 11/ 320) !important; }
        @media screen and (min-width: 736px) {
          .page-beginner-guide .headings .title.xxxx-small {
            font-size: calc(100vw * 8/ 320) !important; } }
    .page-beginner-guide .headings .text {
      position: absolute;
      top: 18.75vw;
      left: 0;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      width: 78.125vw;
      padding: 0 0 0 3.125vw;
      color: #faffff;
      text-shadow: 1px -1px 0 #1e5f6e, -1px 1px 0 #1e5f6e, 1px 0 0 #1e5f6e, 0 1px 0 #1e5f6e, -1px 0 0 #1e5f6e, 0 -1px 0 #1e5f6e, 1px 1px 0 #1e5f6e, -1px -1px 0 #1e5f6e;
      font-size: 3.125vw;
      font-style: italic;
      font-weight: bold;
      line-height: 116%; }
      @media screen and (min-width: 736px) {
        .page-beginner-guide .headings .text {
          top: 14.0625vw;
          width: 61.19792vw;
          padding: 0 0 0 2.34375vw;
          font-size: 2.65625vw; } }
    .page-beginner-guide .headings img {
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      width: 80vw;
      display: block; }
      @media screen and (min-width: 736px) {
        .page-beginner-guide .headings img {
          width: 62.5vw; } }
  .page-beginner-guide .guide-items {
    width: 90.625%;
    margin: 0 auto; }
    @media screen and (min-width: 736px) {
      .page-beginner-guide .guide-items {
        width: 65.10417vw; } }
  .page-beginner-guide .guide-item {
    position: relative;
    margin-bottom: 10px;
    padding: 15px 0;
    background-color: #d2ebed;
    border-radius: 5px; }

.page-beginner-guide-detail {
  padding-top: 48px;
  padding-bottom: 73px;
  font-size: 10px;
  font-size: 1rem; }
  .page-beginner-guide-detail .banner-title {
    position: relative;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    margin: 0 auto;
    position: relative;
    padding: 20px 0;
    background-color: #d2ebed; }
    .page-beginner-guide-detail .banner-title .banner-wrap {
      position: relative;
      width: 88.125%;
      height: 16.25vw;
      margin: 0 auto;
      overflow: hidden;
      border: 1px solid #7094c6;
      border-radius: 10px; }
      .page-beginner-guide-detail .banner-title .banner-wrap img {
        position: absolute;
        bottom: 0;
        left: 0;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        width: 100%; }
      @media screen and (min-width: 736px) {
        .page-beginner-guide-detail .banner-title .banner-wrap {
          width: 65.10417%;
          height: 11.875vw; } }
    .page-beginner-guide-detail .banner-title .title {
      position: absolute;
      top: 0;
      left: 0;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      width: 63.75vw;
      height: 100%;
      padding: 0 0 0 1.25vw;
      line-height: 110%;
      font-style: italic;
      font-weight: bold;
      font-size: 5.625vw;
      color: #faffff;
      text-shadow: 1px -1px 0 #1e5f6e, -1px 1px 0 #1e5f6e, 1px 0 0 #1e5f6e, 0 1px 0 #1e5f6e, -1px 0 0 #1e5f6e, 0 -1px 0 #1e5f6e, 1px 1px 0 #1e5f6e, -1px -1px 0 #1e5f6e; }
      @media screen and (min-width: 736px) {
        .page-beginner-guide-detail .banner-title .title {
          font-size: 4.0625vw;
          width: 47.65625vw;
          padding: 0 0 0 1.04167vw; } }
      .page-beginner-guide-detail .banner-title .title.small {
        font-size: calc(100vw * 17/ 320) !important; }
        @media screen and (min-width: 736px) {
          .page-beginner-guide-detail .banner-title .title.small {
            font-size: calc(100vw * 11/ 320) !important; } }
      .page-beginner-guide-detail .banner-title .title.x-small {
        font-size: calc(100vw * 16/ 320) !important; }
        @media screen and (min-width: 736px) {
          .page-beginner-guide-detail .banner-title .title.x-small {
            font-size: calc(100vw * 9/ 320) !important; } }
      .page-beginner-guide-detail .banner-title .title.xx-small {
        font-size: calc(100vw * 14/ 320) !important; }
        @media screen and (min-width: 736px) {
          .page-beginner-guide-detail .banner-title .title.xx-small {
            font-size: calc(100vw * 8/ 320) !important; } }
      .page-beginner-guide-detail .banner-title .title.xxx-small {
        font-size: calc(100vw * 12/ 320) !important; }
        @media screen and (min-width: 736px) {
          .page-beginner-guide-detail .banner-title .title.xxx-small {
            font-size: calc(100vw * 7/ 320) !important; } }
      .page-beginner-guide-detail .banner-title .title.xxxx-small {
        font-size: calc(100vw * 10/ 320) !important; }
        @media screen and (min-width: 736px) {
          .page-beginner-guide-detail .banner-title .title.xxxx-small {
            font-size: calc(100vw * 6/ 320) !important; } }
        @media screen and (min-width: 736px) {
          .page-beginner-guide-detail .banner-title .title.xxxx-small .sub {
            font-size: 1.875vw; } }
    .page-beginner-guide-detail .banner-title .text {
      display: inline;
      vertical-align: baseline; }
      .page-beginner-guide-detail .banner-title .text .sub {
        font-size: calc(100vw * 10/ 320); }
        @media screen and (min-width: 736px) {
          .page-beginner-guide-detail .banner-title .text .sub {
            font-size: 2.34375vw; } }
  .page-beginner-guide-detail .guide {
    position: relative;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
    .page-beginner-guide-detail .guide:before {
      display: block;
      content: ""; }
    .page-beginner-guide-detail .guide:before {
      background-image: url(/stylesheets/i/85c38815e64bda6fd8d19d84df21d6af.png);
      width: calc(100vw * 40/ 320);
      height: calc(100vw * 40/ 320);
      background-size: calc(100vw * 40/ 320) calc(100vw * 40/ 320);
      background-repeat: no-repeat;
      position: absolute;
      top: 0;
      left: 0; }
      @media screen and (min-width: 736px) {
        .page-beginner-guide-detail .guide:before {
          width: calc(100vw * 68/ 768);
          height: calc(100vw * 68/ 768);
          background-size: calc(100vw * 68/ 768) calc(100vw * 68/ 768); } }
    .page-beginner-guide-detail .guide .text {
      position: relative;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      width: 82.39437%;
      min-height: calc(100vw * 40/ 320);
      padding: calc(100vw * 5/ 320) calc(100vw * 7/ 320);
      background-color: #ffeff0;
      border: solid 1px #ffc8c9;
      border-radius: 5px;
      font-size: 12px;
      font-size: 1.2rem; }
      @media screen and (min-width: 736px) {
        .page-beginner-guide-detail .guide .text {
          width: 84.16667%;
          min-height: calc(100vw * 30/ 320);
          padding: 12px 14px; } }
      .page-beginner-guide-detail .guide .text:before {
        display: block;
        content: ""; }
      .page-beginner-guide-detail .guide .text:before {
        background-image: url(/stylesheets/i/df50ac9264e680d46c50850740ae375e.png);
        width: 8px;
        height: 7px;
        background-size: 8px 7px;
        background-repeat: no-repeat;
        position: absolute;
        z-index: 2;
        top: calc(100vw * 28/ 320);
        left: -8px; }
        @media screen and (min-width: 736px) {
          .page-beginner-guide-detail .guide .text:before {
            width: 14px;
            height: 14px;
            background-size: 14px 14px;
            top: calc(100vw * 20/ 320);
            left: -14px; } }

.page-announcements, .page-announcement-detail {
  padding-top: 48px;
  padding-bottom: 73px;
  font-size: 10px;
  font-size: 1rem; }
  .page-announcements h2[class^="text-"], .page-announcement-detail h2[class^="text-"] {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important; }
  .page-announcements h2.text-center, .page-announcement-detail h2.text-center {
    -webkit-box-pack: center !important;
    -webkit-justify-content: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important; }
  .page-announcements h2.text-left, .page-announcement-detail h2.text-left {
    -webkit-box-pack: start !important;
    -webkit-justify-content: flex-start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important; }
  .page-announcements h2.text-right, .page-announcement-detail h2.text-right {
    -webkit-box-pack: end !important;
    -webkit-justify-content: flex-end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important; }
  .page-announcements .warning, .page-announcement-detail .warning {
    color: #eb1414; }
  .page-announcements .kerning-cancel, .page-announcement-detail .kerning-cancel {
    -webkit-font-feature-settings: normal;
            font-feature-settings: normal; }
  .page-announcements .title.lines-3 div, .page-announcement-detail .title.lines-3 div {
    line-height: 0.9 !important; }
  .page-announcements .title .small, .page-announcement-detail .title .small {
    font-size: calc(100vw * 14/ 320) !important; }
    @media screen and (min-width: 736px) {
      .page-announcements .title .small, .page-announcement-detail .title .small {
        font-size: calc(100vw * 11/ 320) !important; } }
  .page-announcements .title .x-small, .page-announcement-detail .title .x-small {
    font-size: calc(100vw * 13/ 320) !important; }
    @media screen and (min-width: 736px) {
      .page-announcements .title .x-small, .page-announcement-detail .title .x-small {
        font-size: calc(100vw * 10/ 320) !important; } }
  .page-announcements .title .xx-small, .page-announcement-detail .title .xx-small {
    font-size: calc(100vw * 12/ 320) !important; }
    @media screen and (min-width: 736px) {
      .page-announcements .title .xx-small, .page-announcement-detail .title .xx-small {
        font-size: calc(100vw * 9.5/ 320) !important; } }
  .page-announcements .title .xxx-small, .page-announcement-detail .title .xxx-small {
    font-size: calc(100vw * 11/ 320) !important; }
    @media screen and (min-width: 736px) {
      .page-announcements .title .xxx-small, .page-announcement-detail .title .xxx-small {
        font-size: calc(100vw * 8.5/ 320) !important; } }
  .page-announcements .title .xxxx-small, .page-announcement-detail .title .xxxx-small {
    font-size: calc(100vw * 10/ 320) !important; }
    @media screen and (min-width: 736px) {
      .page-announcements .title .xxxx-small, .page-announcement-detail .title .xxxx-small {
        font-size: calc(100vw * 8/ 320) !important; } }
  .page-announcements .announcements-no-message, .page-announcement-detail .announcements-no-message {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    height: 70vh;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: bold; }
  .page-announcements .announcements-items, .page-announcement-detail .announcements-items {
    width: 90.625%;
    margin: 0 auto; }
    @media screen and (min-width: 736px) {
      .page-announcements .announcements-items, .page-announcement-detail .announcements-items {
        width: 65.10417vw; } }
  .page-announcements .announcements-item, .page-announcement-detail .announcements-item {
    position: relative;
    margin-bottom: 10px;
    padding: 7px 0;
    background-color: #d2ebed;
    border-radius: 5px; }
    .page-announcements .announcements-item .icon-new, .page-announcement-detail .announcements-item .icon-new {
      position: absolute;
      top: -6px;
      left: 3px; }
    .page-announcements .announcements-item a, .page-announcement-detail .announcements-item a {
      display: block;
      color: #32788c;
      text-decoration: none; }
    .page-announcements .announcements-item-info, .page-announcement-detail .announcements-item-info {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between;
      width: 80vw;
      margin: auto; }
      @media screen and (min-width: 736px) {
        .page-announcements .announcements-item-info, .page-announcement-detail .announcements-item-info {
          width: 62.5vw; } }
    .page-announcements .announcements-item-date, .page-announcement-detail .announcements-item-date {
      margin-left: auto;
      padding-left: 4px;
      font-weight: bold;
      font-size: 10px;
      font-size: 1rem; }
    .page-announcements .announcements-item-inner, .page-announcement-detail .announcements-item-inner {
      margin: 6px auto 0; }
    .page-announcements .announcements-item-not-image, .page-announcement-detail .announcements-item-not-image {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      margin: 0 auto; }
      .page-announcements .announcements-item-not-image-inner, .page-announcement-detail .announcements-item-not-image-inner {
        display: block;
        font-weight: bold;
        font-size: 13px;
        font-size: 1.3rem;
        text-shadow: 1px 1px 0 #d7eaff; }
    .page-announcements .announcements-item-content, .page-announcement-detail .announcements-item-content {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      padding: 6px 0; }
      .page-announcements .announcements-item-content p, .page-announcement-detail .announcements-item-content p {
        margin: 0; }
  .page-announcements .announcements-page-nation-items, .page-announcement-detail .announcements-page-nation-items {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    width: 93.75%;
    height: 47px;
    margin: auto; }
    .page-announcements .announcements-page-nation-items li, .page-announcement-detail .announcements-page-nation-items li {
      display: inline-block; }
    .page-announcements .announcements-page-nation-items a, .page-announcement-detail .announcements-page-nation-items a,
    .page-announcements .announcements-page-nation-items span,
    .page-announcement-detail .announcements-page-nation-items span {
      display: block; }
    @media screen and (min-width: 736px) {
      .page-announcements .announcements-page-nation-items, .page-announcement-detail .announcements-page-nation-items {
        width: 65.10417%; } }
  .page-announcements .announcements-page-nation-item-page-num, .page-announcement-detail .announcements-page-nation-item-page-num {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
    color: #1e5f6e;
    font-weight: bold;
    font-size: 14px;
    font-size: 1.4rem;
    text-align: center; }
  .page-announcements .announcements-page-nation-item-first, .page-announcement-detail .announcements-page-nation-item-first {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 42px;
        -ms-flex: 0 0 42px;
            flex: 0 0 42px; }
  .page-announcements .announcements-page-nation-item-prev, .page-announcement-detail .announcements-page-nation-item-prev, .page-announcements .announcements-page-nation-item-next, .page-announcement-detail .announcements-page-nation-item-next {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 37px;
        -ms-flex: 0 0 37px;
            flex: 0 0 37px;
    margin-right: 8px; }
  .page-announcements .announcements-page-nation-item-next, .page-announcement-detail .announcements-page-nation-item-next {
    margin-right: 0; }
  .page-announcements .annoucements-show, .page-announcement-detail .annoucements-show {
    width: 100%;
    min-height: 93vh;
    padding: 52px 0 0;
    font-size: 12px;
    font-size: 1.2rem;
    background: #f7f9f9; }
  .page-announcements .annoucements-show-inner, .page-announcement-detail .annoucements-show-inner {
    width: 100%;
    margin: 0 auto; }
  .page-announcements .announcements-show-item-image, .page-announcement-detail .announcements-show-item-image {
    line-height: 0;
    text-align: center; }
    .page-announcements .announcements-show-item-image img, .page-announcement-detail .announcements-show-item-image img {
      max-width: 100%;
      height: auto;
      overflow: hidden; }
  .page-announcements .announcements-show-item-date, .page-announcement-detail .announcements-show-item-date {
    margin: 8px;
    color: #32788c;
    font-size: 12px;
    font-size: 1.2rem;
    text-align: right; }
  .page-announcements .announcements-show-headings, .page-announcement-detail .announcements-show-headings {
    margin: 0;
    padding: 6px 8px;
    font-weight: bold;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.4;
    text-align: center; }
  .page-announcements .announcements-show-content, .page-announcement-detail .announcements-show-content {
    width: 90%;
    margin: 0 auto;
    padding: 12px 8px;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.8; }
    .page-announcements .announcements-show-content p, .page-announcement-detail .announcements-show-content p {
      margin-top: 0; }
  .page-announcements .announcements-item-content .title, .page-announcement-detail .announcements-item-content .title,
  .page-announcements .announcements-show-content .title,
  .page-announcement-detail .announcements-show-content .title {
    color: #079dbf; }
  .page-announcements .announcements-item-content .accent, .page-announcement-detail .announcements-item-content .accent,
  .page-announcements .announcements-show-content .accent,
  .page-announcement-detail .announcements-show-content .accent {
    color: #f59931; }
  .page-announcements .announcements-item-content .warning, .page-announcement-detail .announcements-item-content .warning,
  .page-announcements .announcements-show-content .warning,
  .page-announcement-detail .announcements-show-content .warning {
    color: #eb1414; }
  .page-announcements .announcements-item-content .banner, .page-announcement-detail .announcements-item-content .banner,
  .page-announcements .announcements-show-content .banner,
  .page-announcement-detail .announcements-show-content .banner {
    width: 100%;
    height: auto; }
  .page-announcements .announcements-item-content .chara, .page-announcement-detail .announcements-item-content .chara,
  .page-announcements .announcements-show-content .chara,
  .page-announcement-detail .announcements-show-content .chara {
    width: 100%;
    height: auto; }
  .page-announcements .announcements-item-content .icon, .page-announcement-detail .announcements-item-content .icon,
  .page-announcements .announcements-show-content .icon,
  .page-announcement-detail .announcements-show-content .icon {
    width: 16px;
    height: 16px;
    padding-right: 4px;
    -webkit-transform: translate(0, 2px);
            transform: translate(0, 2px); }
  .page-announcements .announcements-item-content .banner2, .page-announcement-detail .announcements-item-content .banner2,
  .page-announcements .announcements-show-content .banner2,
  .page-announcement-detail .announcements-show-content .banner2 {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto; }
  .page-announcements .announcements-item-content table, .page-announcement-detail .announcements-item-content table,
  .page-announcements .announcements-show-content table,
  .page-announcement-detail .announcements-show-content table {
    border: 1px solid #b9b9b9;
    border-collapse: collapse;
    border-spacing: 0; }
  .page-announcements .announcements-item-content th, .page-announcement-detail .announcements-item-content th,
  .page-announcements .announcements-item-content tr,
  .page-announcement-detail .announcements-item-content tr,
  .page-announcements .announcements-item-content td,
  .page-announcement-detail .announcements-item-content td,
  .page-announcements .announcements-show-content th,
  .page-announcement-detail .announcements-show-content th,
  .page-announcements .announcements-show-content tr,
  .page-announcement-detail .announcements-show-content tr,
  .page-announcements .announcements-show-content td,
  .page-announcement-detail .announcements-show-content td {
    border: 1px solid #b9b9b9; }
  .page-announcements .announcements-item-content th, .page-announcement-detail .announcements-item-content th,
  .page-announcements .announcements-show-content th,
  .page-announcement-detail .announcements-show-content th {
    padding: 5px;
    background-color: #32788c; }
  
  .page-announcements .announcements-item-content td,
  .page-announcement-detail .announcements-item-content td,
  .page-announcements .announcements-show-content td,
  .page-announcement-detail .announcements-show-content td {
    padding: 5px; }
  .page-announcements .private-annoucements-title, .page-announcement-detail .private-annoucements-title {
    margin: 0;
    font-weight: bold;
    font-size: 15px;
    font-size: 1.5rem;
    text-align: center; }
  .page-announcements .annoucements-inner, .page-announcement-detail .annoucements-inner {
    width: 303px;
    margin: 0 auto;
    padding: 0;
    font-size: 12px;
    font-size: 1.2rem; }
    .page-announcements .annoucements-inner a, .page-announcement-detail .annoucements-inner a {
      color: #009ee7; }
    .page-announcements .annoucements-inner a:link, .page-announcement-detail .annoucements-inner a:link {
      color: #009ee7; }
    .page-announcements .annoucements-inner a:visited, .page-announcement-detail .annoucements-inner a:visited {
      color: #009ee7; }
    .page-announcements .annoucements-inner a:hover, .page-announcement-detail .annoucements-inner a:hover {
      color: #009ee7; }
    .page-announcements .annoucements-inner a:active, .page-announcement-detail .annoucements-inner a:active {
      color: #009ee7; }
    .page-announcements .annoucements-inner h1, .page-announcement-detail .annoucements-inner h1 {
      font-size: 15px;
      font-size: 1.5rem; }
  .page-announcements .private-announcement-label, .page-announcement-detail .private-announcement-label {
    display: inline-block;
    margin: 0;
    margin-top: 10px;
    padding: 6px 14px 6px 6px;
    color: #faffff;
    background-color: #009bbe;
    border-top-right-radius: 26px;
    border-bottom-right-radius: 26px; }
  .page-announcements .announcements-tabs, .page-announcement-detail .announcements-tabs {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    margin: -14px 0 8px;
    padding: 7px 0;
    background-color: #7bb1be;
    border-bottom: 2px solid #b4dcdc; }
  .page-announcements .announcements-tab, .page-announcement-detail .announcements-tab {
    background-image: url(/stylesheets/i/7a4d45fc1b89a7092afe79800ddbc4da.png);
    background-position: 0px -59px;
    width: 133px;
    height: 34px;
    background-size: 589px 200.5px;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    margin-right: 4px;
    font-weight: bold;
    font-size: 12px;
    font-size: 1.2rem;
    -webkit-touch-callout: none;
    -webkit-user-select: none; }
    .page-announcements .announcements-tab a, .page-announcement-detail .announcements-tab a {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      width: 100%;
      height: 100%;
      color: #faffff;
      text-decoration: none;
      cursor: pointer; }
    .page-announcements .announcements-tab:last-child, .page-announcement-detail .announcements-tab:last-child {
      margin-right: 0; }
    .page-announcements .announcements-tab:active, .page-announcement-detail .announcements-tab:active, .page-announcements .announcements-tab.is-active, .page-announcement-detail .announcements-tab.is-active {
      background-image: url(/stylesheets/i/7a4d45fc1b89a7092afe79800ddbc4da.png);
      background-position: -135px -59px;
      width: 133px;
      height: 34px;
      background-size: 589px 200.5px; }
      .page-announcements .announcements-tab:active a, .page-announcement-detail .announcements-tab:active a, .page-announcements .announcements-tab.is-active a, .page-announcement-detail .announcements-tab.is-active a {
        color: #32788c; }
    .page-announcements .announcements-tab-badge, .page-announcement-detail .announcements-tab-badge {
      background-image: url(/stylesheets/i/7a4d45fc1b89a7092afe79800ddbc4da.png);
      background-position: -569.5px -59px;
      width: 16px;
      height: 16px;
      background-size: 589px 200.5px;
      position: absolute;
      top: -4px;
      left: -4px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      color: #faffff;
      font-weight: bold;
      font-size: 8px;
      font-size: 0.8rem; }
  .page-announcements .headings, .page-announcement-detail .headings {
    position: relative;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 80vw;
    height: 14.6875vw;
    margin: 0 auto;
    overflow: hidden;
    border: 1px solid #7094c6;
    border-radius: 5px; }
    .page-announcements .headings .event.layout1.color1, .page-announcement-detail .headings .event.layout1.color1 {
      color: #fffac1; }
      .page-announcements .headings .event.layout1.color1 .title, .page-announcement-detail .headings .event.layout1.color1 .title {
        text-shadow: 1px -1px 0 #58524e, -1px 1px 0 #58524e, 1px 0 0 #58524e, 0 1px 0 #58524e, -1px 0 0 #58524e, 0 -1px 0 #58524e, 1px 1px 0 #58524e, -1px -1px 0 #58524e; }
    .page-announcements .headings .event.layout1.color2, .page-announcement-detail .headings .event.layout1.color2 {
      color: #810e47; }
    .page-announcements .headings .event.layout1.color3, .page-announcement-detail .headings .event.layout1.color3 {
      color: #56702d; }
    .page-announcements .headings .event.layout1.color4, .page-announcement-detail .headings .event.layout1.color4 {
      color: #ffee8d; }
      .page-announcements .headings .event.layout1.color4 .title, .page-announcement-detail .headings .event.layout1.color4 .title {
        text-shadow: 1px -1px 0 #671818, -1px 1px 0 #671818, 1px 0 0 #671818, 0 1px 0 #671818, -1px 0 0 #671818, 0 -1px 0 #671818, 1px 1px 0 #671818, -1px -1px 0 #671818; }
    .page-announcements .headings .event.layout1.color6, .page-announcement-detail .headings .event.layout1.color6 {
      color: #004a4d; }
      .page-announcements .headings .event.layout1.color6 .title, .page-announcement-detail .headings .event.layout1.color6 .title {
        text-shadow: 1px -1px 0 #ffffff, -1px 1px 0 #ffffff, 1px 0 0 #ffffff, 0 1px 0 #ffffff, -1px 0 0 #ffffff, 0 -1px 0 #ffffff, 1px 1px 0 #ffffff, -1px -1px 0 #ffffff; }
    .page-announcements .headings .event.layout1.color5, .page-announcement-detail .headings .event.layout1.color5 {
      color: #fffac1; }
      .page-announcements .headings .event.layout1.color5 .title, .page-announcement-detail .headings .event.layout1.color5 .title {
        text-shadow: 1px -1px 0 #61402a, -1px 1px 0 #61402a, 1px 0 0 #61402a, 0 1px 0 #61402a, -1px 0 0 #61402a, 0 -1px 0 #61402a, 1px 1px 0 #61402a, -1px -1px 0 #61402a; }
    .page-announcements .headings .event.layout2.color2 div:nth-of-type(1), .page-announcement-detail .headings .event.layout2.color2 div:nth-of-type(1) {
      color: #2779cc; }
    .page-announcements .headings .event.layout2.color2.is-oneline div:nth-of-type(1), .page-announcement-detail .headings .event.layout2.color2.is-oneline div:nth-of-type(1),
    .page-announcements .headings .event.layout2.color2 div:nth-of-type(2),
    .page-announcement-detail .headings .event.layout2.color2 div:nth-of-type(2) {
      color: #395186; }
    .page-announcements .headings .event.layout2.color3 div:nth-of-type(1), .page-announcement-detail .headings .event.layout2.color3 div:nth-of-type(1) {
      color: #a45500; }
    .page-announcements .headings .event.layout2.color3.is-oneline div:nth-of-type(1), .page-announcement-detail .headings .event.layout2.color3.is-oneline div:nth-of-type(1),
    .page-announcements .headings .event.layout2.color3 div:nth-of-type(2),
    .page-announcement-detail .headings .event.layout2.color3 div:nth-of-type(2) {
      color: #794613; }
    .page-announcements .headings .event.layout2.color4 div:nth-of-type(1), .page-announcement-detail .headings .event.layout2.color4 div:nth-of-type(1) {
      color: #4e52d4; }
    .page-announcements .headings .event.layout2.color4.is-oneline div:nth-of-type(1), .page-announcement-detail .headings .event.layout2.color4.is-oneline div:nth-of-type(1),
    .page-announcements .headings .event.layout2.color4 div:nth-of-type(2),
    .page-announcement-detail .headings .event.layout2.color4 div:nth-of-type(2) {
      color: #4c28b2; }
    .page-announcements .headings .event.layout2.color5 div:nth-of-type(1), .page-announcement-detail .headings .event.layout2.color5 div:nth-of-type(1) {
      color: #d46500; }
    .page-announcements .headings .event.layout2.color5.is-oneline div:nth-of-type(1), .page-announcement-detail .headings .event.layout2.color5.is-oneline div:nth-of-type(1),
    .page-announcements .headings .event.layout2.color5 div:nth-of-type(2),
    .page-announcement-detail .headings .event.layout2.color5 div:nth-of-type(2) {
      color: #9e4a00; }
    .page-announcements .headings .event.layout2.color6 div:nth-of-type(1), .page-announcement-detail .headings .event.layout2.color6 div:nth-of-type(1) {
      color: #60940e; }
    .page-announcements .headings .event.layout2.color6.is-oneline div:nth-of-type(1), .page-announcement-detail .headings .event.layout2.color6.is-oneline div:nth-of-type(1),
    .page-announcements .headings .event.layout2.color6 div:nth-of-type(2),
    .page-announcement-detail .headings .event.layout2.color6 div:nth-of-type(2) {
      color: #56702d; }
    .page-announcements .headings .event.layout2.color7 div:nth-of-type(1), .page-announcement-detail .headings .event.layout2.color7 div:nth-of-type(1) {
      color: #9c2e76;
      text-shadow: 1px -1px 0 #fffff8, -1px 1px 0 #fffff8, 1px 0 0 #fffff8, 0 1px 0 #fffff8, -1px 0 0 #fffff8, 0 -1px 0 #fffff8, 1px 1px 0 #fffff8, -1px -1px 0 #fffff8; }
    .page-announcements .headings .event.layout2.color7.is-oneline div:nth-of-type(1), .page-announcement-detail .headings .event.layout2.color7.is-oneline div:nth-of-type(1),
    .page-announcements .headings .event.layout2.color7 div:nth-of-type(2),
    .page-announcement-detail .headings .event.layout2.color7 div:nth-of-type(2) {
      color: #fef0cf;
      text-shadow: 1px -1px 0 #723574, -1px 1px 0 #723574, 1px 0 0 #723574, 0 1px 0 #723574, -1px 0 0 #723574, 0 -1px 0 #723574, 1px 1px 0 #723574, -1px -1px 0 #723574; }
    .page-announcements .headings .event.layout2.color8 div:nth-of-type(1), .page-announcement-detail .headings .event.layout2.color8 div:nth-of-type(1) {
      color: #00566f;
      text-shadow: 1px -1px 0 #faffff, -1px 1px 0 #faffff, 1px 0 0 #faffff, 0 1px 0 #faffff, -1px 0 0 #faffff, 0 -1px 0 #faffff, 1px 1px 0 #faffff, -1px -1px 0 #faffff; }
    .page-announcements .headings .event.layout2.color8.is-oneline div:nth-of-type(1), .page-announcement-detail .headings .event.layout2.color8.is-oneline div:nth-of-type(1),
    .page-announcements .headings .event.layout2.color8 div:nth-of-type(2),
    .page-announcement-detail .headings .event.layout2.color8 div:nth-of-type(2) {
      color: #00566f;
      text-shadow: 1px -1px 0 #faffff, -1px 1px 0 #faffff, 1px 0 0 #faffff, 0 1px 0 #faffff, -1px 0 0 #faffff, 0 -1px 0 #faffff, 1px 1px 0 #faffff, -1px -1px 0 #faffff; }
    .page-announcements .headings .event.layout2.color9 div:nth-of-type(1), .page-announcement-detail .headings .event.layout2.color9 div:nth-of-type(1) {
      color: #730101;
      text-shadow: 1px -1px 0 #faffff, -1px 1px 0 #faffff, 1px 0 0 #faffff, 0 1px 0 #faffff, -1px 0 0 #faffff, 0 -1px 0 #faffff, 1px 1px 0 #faffff, -1px -1px 0 #faffff; }
    .page-announcements .headings .event.layout2.color9.is-oneline div:nth-of-type(1), .page-announcement-detail .headings .event.layout2.color9.is-oneline div:nth-of-type(1),
    .page-announcements .headings .event.layout2.color9 div:nth-of-type(2),
    .page-announcement-detail .headings .event.layout2.color9 div:nth-of-type(2) {
      color: #730101;
      text-shadow: 1px -1px 0 #faffff, -1px 1px 0 #faffff, 1px 0 0 #faffff, 0 1px 0 #faffff, -1px 0 0 #faffff, 0 -1px 0 #faffff, 1px 1px 0 #faffff, -1px -1px 0 #faffff; }
    .page-announcements .headings .event.layout2.color10 div:nth-of-type(1), .page-announcement-detail .headings .event.layout2.color10 div:nth-of-type(1) {
      color: #f7f9ff;
      text-shadow: 1px -1px 0 #403c95, -1px 1px 0 #403c95, 1px 0 0 #403c95, 0 1px 0 #403c95, -1px 0 0 #403c95, 0 -1px 0 #403c95, 1px 1px 0 #403c95, -1px -1px 0 #403c95; }
    .page-announcements .headings .event.layout2.color10.is-oneline div:nth-of-type(1), .page-announcement-detail .headings .event.layout2.color10.is-oneline div:nth-of-type(1),
    .page-announcements .headings .event.layout2.color10 div:nth-of-type(2),
    .page-announcement-detail .headings .event.layout2.color10 div:nth-of-type(2) {
      color: #f7f9ff;
      text-shadow: 1px -1px 0 #403c95, -1px 1px 0 #403c95, 1px 0 0 #403c95, 0 1px 0 #403c95, -1px 0 0 #403c95, 0 -1px 0 #403c95, 1px 1px 0 #403c95, -1px -1px 0 #403c95; }
    .page-announcements .headings .event.layout2.color11 div:nth-of-type(1), .page-announcement-detail .headings .event.layout2.color11 div:nth-of-type(1) {
      color: #fcf9ff;
      text-shadow: 1px -1px 0 #30217d, -1px 1px 0 #30217d, 1px 0 0 #30217d, 0 1px 0 #30217d, -1px 0 0 #30217d, 0 -1px 0 #30217d, 1px 1px 0 #30217d, -1px -1px 0 #30217d; }
    .page-announcements .headings .event.layout2.color11.is-oneline div:nth-of-type(1), .page-announcement-detail .headings .event.layout2.color11.is-oneline div:nth-of-type(1),
    .page-announcements .headings .event.layout2.color11 div:nth-of-type(2),
    .page-announcement-detail .headings .event.layout2.color11 div:nth-of-type(2) {
      color: #fcf9ff;
      text-shadow: 1px -1px 0 #30217d, -1px 1px 0 #30217d, 1px 0 0 #30217d, 0 1px 0 #30217d, -1px 0 0 #30217d, 0 -1px 0 #30217d, 1px 1px 0 #30217d, -1px -1px 0 #30217d; }
    .page-announcements .headings .event.layout2.color12 div:nth-of-type(1), .page-announcement-detail .headings .event.layout2.color12 div:nth-of-type(1) {
      color: #004a4d;
      text-shadow: 1px -1px 0 #ffffff, -1px 1px 0 #ffffff, 1px 0 0 #ffffff, 0 1px 0 #ffffff, -1px 0 0 #ffffff, 0 -1px 0 #ffffff, 1px 1px 0 #ffffff, -1px -1px 0 #ffffff; }
    .page-announcements .headings .event.layout2.color12.is-oneline div:nth-of-type(1), .page-announcement-detail .headings .event.layout2.color12.is-oneline div:nth-of-type(1),
    .page-announcements .headings .event.layout2.color12 div:nth-of-type(2),
    .page-announcement-detail .headings .event.layout2.color12 div:nth-of-type(2) {
      color: #004a4d;
      text-shadow: 1px -1px 0 #ffffff, -1px 1px 0 #ffffff, 1px 0 0 #ffffff, 0 1px 0 #ffffff, -1px 0 0 #ffffff, 0 -1px 0 #ffffff, 1px 1px 0 #ffffff, -1px -1px 0 #ffffff; }
    .page-announcements .headings .event.layout2.color13 div:nth-of-type(1), .page-announcement-detail .headings .event.layout2.color13 div:nth-of-type(1) {
      color: #860117;
      text-shadow: 1px -1px 0 #fffff7, -1px 1px 0 #fffff7, 1px 0 0 #fffff7, 0 1px 0 #fffff7, -1px 0 0 #fffff7, 0 -1px 0 #fffff7, 1px 1px 0 #fffff7, -1px -1px 0 #fffff7; }
    .page-announcements .headings .event.layout2.color13.is-oneline div:nth-of-type(1), .page-announcement-detail .headings .event.layout2.color13.is-oneline div:nth-of-type(1),
    .page-announcements .headings .event.layout2.color13 div:nth-of-type(2),
    .page-announcement-detail .headings .event.layout2.color13 div:nth-of-type(2) {
      color: #860117;
      text-shadow: 1px -1px 0 #fffff7, -1px 1px 0 #fffff7, 1px 0 0 #fffff7, 0 1px 0 #fffff7, -1px 0 0 #fffff7, 0 -1px 0 #fffff7, 1px 1px 0 #fffff7, -1px -1px 0 #fffff7; }
    .page-announcements .headings .event.layout2.color14 div:nth-of-type(1), .page-announcement-detail .headings .event.layout2.color14 div:nth-of-type(1) {
      color: #c54500;
      text-shadow: 1px -1px 0 #fffef9, -1px 1px 0 #fffef9, 1px 0 0 #fffef9, 0 1px 0 #fffef9, -1px 0 0 #fffef9, 0 -1px 0 #fffef9, 1px 1px 0 #fffef9, -1px -1px 0 #fffef9; }
    .page-announcements .headings .event.layout2.color14.is-oneline div:nth-of-type(1), .page-announcement-detail .headings .event.layout2.color14.is-oneline div:nth-of-type(1),
    .page-announcements .headings .event.layout2.color14 div:nth-of-type(2),
    .page-announcement-detail .headings .event.layout2.color14 div:nth-of-type(2) {
      color: #c54500;
      text-shadow: 1px -1px 0 #fffef9, -1px 1px 0 #fffef9, 1px 0 0 #fffef9, 0 1px 0 #fffef9, -1px 0 0 #fffef9, 0 -1px 0 #fffef9, 1px 1px 0 #fffef9, -1px -1px 0 #fffef9; }
    .page-announcements .headings .event.layout2.color15 div:nth-of-type(1), .page-announcement-detail .headings .event.layout2.color15 div:nth-of-type(1) {
      color: #fdfaff;
      text-shadow: 1px -1px 0 #292626, -1px 1px 0 #292626, 1px 0 0 #292626, 0 1px 0 #292626, -1px 0 0 #292626, 0 -1px 0 #292626, 1px 1px 0 #292626, -1px -1px 0 #292626; }
    .page-announcements .headings .event.layout2.color15.is-oneline div:nth-of-type(1), .page-announcement-detail .headings .event.layout2.color15.is-oneline div:nth-of-type(1),
    .page-announcements .headings .event.layout2.color15 div:nth-of-type(2),
    .page-announcement-detail .headings .event.layout2.color15 div:nth-of-type(2) {
      color: #fdfaff;
      text-shadow: 1px -1px 0 #292626, -1px 1px 0 #292626, 1px 0 0 #292626, 0 1px 0 #292626, -1px 0 0 #292626, 0 -1px 0 #292626, 1px 1px 0 #292626, -1px -1px 0 #292626; }
    .page-announcements .headings .event.layout2.color16 div:nth-of-type(1), .page-announcement-detail .headings .event.layout2.color16 div:nth-of-type(1) {
      color: #e42653;
      text-shadow: 1px -1px 0 #fff9fc, -1px 1px 0 #fff9fc, 1px 0 0 #fff9fc, 0 1px 0 #fff9fc, -1px 0 0 #fff9fc, 0 -1px 0 #fff9fc, 1px 1px 0 #fff9fc, -1px -1px 0 #fff9fc; }
    .page-announcements .headings .event.layout2.color16.is-oneline div:nth-of-type(1), .page-announcement-detail .headings .event.layout2.color16.is-oneline div:nth-of-type(1),
    .page-announcements .headings .event.layout2.color16 div:nth-of-type(2),
    .page-announcement-detail .headings .event.layout2.color16 div:nth-of-type(2) {
      color: #e42653;
      text-shadow: 1px -1px 0 #fff9fc, -1px 1px 0 #fff9fc, 1px 0 0 #fff9fc, 0 1px 0 #fff9fc, -1px 0 0 #fff9fc, 0 -1px 0 #fff9fc, 1px 1px 0 #fff9fc, -1px -1px 0 #fff9fc; }
    .page-announcements .headings .event.layout2.color17 div:nth-of-type(1), .page-announcement-detail .headings .event.layout2.color17 div:nth-of-type(1) {
      color: #fcf9ff;
      text-shadow: 1px -1px 0 #30217d, -1px 1px 0 #30217d, 1px 0 0 #30217d, 0 1px 0 #30217d, -1px 0 0 #30217d, 0 -1px 0 #30217d, 1px 1px 0 #30217d, -1px -1px 0 #30217d; }
    .page-announcements .headings .event.layout2.color17.is-oneline div:nth-of-type(1), .page-announcement-detail .headings .event.layout2.color17.is-oneline div:nth-of-type(1),
    .page-announcements .headings .event.layout2.color17 div:nth-of-type(2),
    .page-announcement-detail .headings .event.layout2.color17 div:nth-of-type(2) {
      color: #fcf9ff;
      text-shadow: 1px -1px 0 #30217d, -1px 1px 0 #30217d, 1px 0 0 #30217d, 0 1px 0 #30217d, -1px 0 0 #30217d, 0 -1px 0 #30217d, 1px 1px 0 #30217d, -1px -1px 0 #30217d; }
    .page-announcements .headings .event.layout2.color18 div:nth-of-type(1), .page-announcement-detail .headings .event.layout2.color18 div:nth-of-type(1) {
      color: #441200;
      text-shadow: 1px -1px 0 #faffff, -1px 1px 0 #faffff, 1px 0 0 #faffff, 0 1px 0 #faffff, -1px 0 0 #faffff, 0 -1px 0 #faffff, 1px 1px 0 #faffff, -1px -1px 0 #faffff; }
    .page-announcements .headings .event.layout2.color18.is-oneline div:nth-of-type(1), .page-announcement-detail .headings .event.layout2.color18.is-oneline div:nth-of-type(1),
    .page-announcements .headings .event.layout2.color18 div:nth-of-type(2),
    .page-announcement-detail .headings .event.layout2.color18 div:nth-of-type(2) {
      color: #441200;
      text-shadow: 1px -1px 0 #faffff, -1px 1px 0 #faffff, 1px 0 0 #faffff, 0 1px 0 #faffff, -1px 0 0 #faffff, 0 -1px 0 #faffff, 1px 1px 0 #faffff, -1px -1px 0 #faffff; }
    .page-announcements .headings .event.layout2.color19 div:nth-of-type(1), .page-announcement-detail .headings .event.layout2.color19 div:nth-of-type(1) {
      color: #fffef9;
      text-shadow: 1px -1px 0 #7d2121, -1px 1px 0 #7d2121, 1px 0 0 #7d2121, 0 1px 0 #7d2121, -1px 0 0 #7d2121, 0 -1px 0 #7d2121, 1px 1px 0 #7d2121, -1px -1px 0 #7d2121; }
    .page-announcements .headings .event.layout2.color19.is-oneline div:nth-of-type(1), .page-announcement-detail .headings .event.layout2.color19.is-oneline div:nth-of-type(1),
    .page-announcements .headings .event.layout2.color19 div:nth-of-type(2),
    .page-announcement-detail .headings .event.layout2.color19 div:nth-of-type(2) {
      color: #fffef9;
      text-shadow: 1px -1px 0 #7d2121, -1px 1px 0 #7d2121, 1px 0 0 #7d2121, 0 1px 0 #7d2121, -1px 0 0 #7d2121, 0 -1px 0 #7d2121, 1px 1px 0 #7d2121, -1px -1px 0 #7d2121; }
    .page-announcements .headings .bonus.layout2 .title, .page-announcement-detail .headings .bonus.layout2 .title {
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center; }
    .page-announcements .headings .campaign.layout1.color1 div:nth-of-type(1), .page-announcement-detail .headings .campaign.layout1.color1 div:nth-of-type(1) {
      color: #32788c; }
    .page-announcements .headings .campaign.layout1.color1 div:nth-of-type(2), .page-announcement-detail .headings .campaign.layout1.color1 div:nth-of-type(2) {
      color: #32788c; }
    .page-announcements .headings .campaign.layout1.color2 .title div, .page-announcement-detail .headings .campaign.layout1.color2 .title div {
      color: #962812;
      text-shadow: 1px -1px 0 #fff7db, -1px 1px 0 #fff7db, 1px 0 0 #fff7db, 0 1px 0 #fff7db, -1px 0 0 #fff7db, 0 -1px 0 #fff7db, 1px 1px 0 #fff7db, -1px -1px 0 #fff7db; }
    .page-announcements .headings .campaign.layout1.color5 .title div, .page-announcement-detail .headings .campaign.layout1.color5 .title div {
      color: #3f1682;
      text-shadow: 1px -1px 0 #faffff, -1px 1px 0 #faffff, 1px 0 0 #faffff, 0 1px 0 #faffff, -1px 0 0 #faffff, 0 -1px 0 #faffff, 1px 1px 0 #faffff, -1px -1px 0 #faffff; }
    .page-announcements .headings .campaign.layout2 .title, .page-announcement-detail .headings .campaign.layout2 .title {
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center; }
    .page-announcements .headings .scout.layout1.color1 div:nth-of-type(1), .page-announcement-detail .headings .scout.layout1.color1 div:nth-of-type(1) {
      color: #f6feff;
      text-shadow: 1px -1px 0 #4434a2, -1px 1px 0 #4434a2, 1px 0 0 #4434a2, 0 1px 0 #4434a2, -1px 0 0 #4434a2, 0 -1px 0 #4434a2, 1px 1px 0 #4434a2, -1px -1px 0 #4434a2; }
    .page-announcements .headings .scout.layout1.color1.is-oneline div:nth-of-type(1), .page-announcement-detail .headings .scout.layout1.color1.is-oneline div:nth-of-type(1),
    .page-announcements .headings .scout.layout1.color1 div:nth-of-type(2),
    .page-announcement-detail .headings .scout.layout1.color1 div:nth-of-type(2) {
      color: #f6feff;
      text-shadow: 1px -1px 0 #4434a2, -1px 1px 0 #4434a2, 1px 0 0 #4434a2, 0 1px 0 #4434a2, -1px 0 0 #4434a2, 0 -1px 0 #4434a2, 1px 1px 0 #4434a2, -1px -1px 0 #4434a2; }
    .page-announcements .headings .scout.layout1.color2 div:nth-of-type(1), .page-announcement-detail .headings .scout.layout1.color2 div:nth-of-type(1) {
      color: #fdff7d;
      text-shadow: 1px -1px 0 #211185, -1px 1px 0 #211185, 1px 0 0 #211185, 0 1px 0 #211185, -1px 0 0 #211185, 0 -1px 0 #211185, 1px 1px 0 #211185, -1px -1px 0 #211185; }
    .page-announcements .headings .scout.layout1.color2.is-oneline div:nth-of-type(1), .page-announcement-detail .headings .scout.layout1.color2.is-oneline div:nth-of-type(1),
    .page-announcements .headings .scout.layout1.color2 div:nth-of-type(2),
    .page-announcement-detail .headings .scout.layout1.color2 div:nth-of-type(2) {
      color: #fdff7d;
      text-shadow: 1px -1px 0 #211185, -1px 1px 0 #211185, 1px 0 0 #211185, 0 1px 0 #211185, -1px 0 0 #211185, 0 -1px 0 #211185, 1px 1px 0 #211185, -1px -1px 0 #211185; }
    .page-announcements .headings .scout.layout1.color3 div:nth-of-type(1), .page-announcement-detail .headings .scout.layout1.color3 div:nth-of-type(1) {
      color: #32788c; }
    .page-announcements .headings .scout.layout1.color3.is-oneline div:nth-of-type(1), .page-announcement-detail .headings .scout.layout1.color3.is-oneline div:nth-of-type(1),
    .page-announcements .headings .scout.layout1.color3 div:nth-of-type(2),
    .page-announcement-detail .headings .scout.layout1.color3 div:nth-of-type(2) {
      color: #32788c; }
    .page-announcements .headings .scout.layout1.color4 div:nth-of-type(1), .page-announcement-detail .headings .scout.layout1.color4 div:nth-of-type(1) {
      color: #32788c; }
    .page-announcements .headings .scout.layout1.color4.is-oneline div:nth-of-type(1), .page-announcement-detail .headings .scout.layout1.color4.is-oneline div:nth-of-type(1),
    .page-announcements .headings .scout.layout1.color4 div:nth-of-type(2),
    .page-announcement-detail .headings .scout.layout1.color4 div:nth-of-type(2) {
      color: #32788c; }
    .page-announcements .headings .scout.layout1.color5 div:nth-of-type(1), .page-announcement-detail .headings .scout.layout1.color5 div:nth-of-type(1) {
      color: #fdfbff;
      text-shadow: 1px -1px 0 #410079, -1px 1px 0 #410079, 1px 0 0 #410079, 0 1px 0 #410079, -1px 0 0 #410079, 0 -1px 0 #410079, 1px 1px 0 #410079, -1px -1px 0 #410079; }
    .page-announcements .headings .scout.layout1.color5.is-oneline div:nth-of-type(1), .page-announcement-detail .headings .scout.layout1.color5.is-oneline div:nth-of-type(1),
    .page-announcements .headings .scout.layout1.color5 div:nth-of-type(2),
    .page-announcement-detail .headings .scout.layout1.color5 div:nth-of-type(2) {
      color: #fdfbff;
      text-shadow: 1px -1px 0 #410079, -1px 1px 0 #410079, 1px 0 0 #410079, 0 1px 0 #410079, -1px 0 0 #410079, 0 -1px 0 #410079, 1px 1px 0 #410079, -1px -1px 0 #410079; }
    .page-announcements .headings .scout.layout1.color6 div:nth-of-type(1), .page-announcement-detail .headings .scout.layout1.color6 div:nth-of-type(1) {
      color: #d33351;
      text-shadow: 1px -1px 0 #fffafc, -1px 1px 0 #fffafc, 1px 0 0 #fffafc, 0 1px 0 #fffafc, -1px 0 0 #fffafc, 0 -1px 0 #fffafc, 1px 1px 0 #fffafc, -1px -1px 0 #fffafc; }
    .page-announcements .headings .scout.layout1.color6.is-oneline div:nth-of-type(1), .page-announcement-detail .headings .scout.layout1.color6.is-oneline div:nth-of-type(1),
    .page-announcements .headings .scout.layout1.color6 div:nth-of-type(2),
    .page-announcement-detail .headings .scout.layout1.color6 div:nth-of-type(2) {
      color: #d33351;
      text-shadow: 1px -1px 0 #fffafc, -1px 1px 0 #fffafc, 1px 0 0 #fffafc, 0 1px 0 #fffafc, -1px 0 0 #fffafc, 0 -1px 0 #fffafc, 1px 1px 0 #fffafc, -1px -1px 0 #fffafc; }
    .page-announcements .headings .scout.layout2.color1 div:nth-of-type(1), .page-announcement-detail .headings .scout.layout2.color1 div:nth-of-type(1) {
      color: #32788c;
      text-shadow: 1px -1px 0 #faffff, -1px 1px 0 #faffff, 1px 0 0 #faffff, 0 1px 0 #faffff, -1px 0 0 #faffff, 0 -1px 0 #faffff, 1px 1px 0 #faffff, -1px -1px 0 #faffff; }
    .page-announcements .headings .scout.layout2.color1.is-oneline div:nth-of-type(1), .page-announcement-detail .headings .scout.layout2.color1.is-oneline div:nth-of-type(1),
    .page-announcements .headings .scout.layout2.color1 div:nth-of-type(2),
    .page-announcement-detail .headings .scout.layout2.color1 div:nth-of-type(2) {
      color: #32788c;
      text-shadow: 1px -1px 0 #faffff, -1px 1px 0 #faffff, 1px 0 0 #faffff, 0 1px 0 #faffff, -1px 0 0 #faffff, 0 -1px 0 #faffff, 1px 1px 0 #faffff, -1px -1px 0 #faffff; }
    .page-announcements .headings .scout.layout2.color2 div:nth-of-type(1), .page-announcement-detail .headings .scout.layout2.color2 div:nth-of-type(1) {
      color: #922967;
      text-shadow: 1px -1px 0 #fffefb, -1px 1px 0 #fffefb, 1px 0 0 #fffefb, 0 1px 0 #fffefb, -1px 0 0 #fffefb, 0 -1px 0 #fffefb, 1px 1px 0 #fffefb, -1px -1px 0 #fffefb; }
    .page-announcements .headings .scout.layout2.color2.is-oneline div:nth-of-type(1), .page-announcement-detail .headings .scout.layout2.color2.is-oneline div:nth-of-type(1),
    .page-announcements .headings .scout.layout2.color2 div:nth-of-type(2),
    .page-announcement-detail .headings .scout.layout2.color2 div:nth-of-type(2) {
      color: #922967;
      text-shadow: 1px -1px 0 #fffefb, -1px 1px 0 #fffefb, 1px 0 0 #fffefb, 0 1px 0 #fffefb, -1px 0 0 #fffefb, 0 -1px 0 #fffefb, 1px 1px 0 #fffefb, -1px -1px 0 #fffefb; }
    .page-announcements .headings img, .page-announcement-detail .headings img {
      position: absolute;
      bottom: 0;
      left: 0;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      width: 80vw; }
      @media screen and (min-width: 736px) {
        .page-announcements .headings img, .page-announcement-detail .headings img {
          width: 62.5vw; } }
    .page-announcements .headings .title, .page-announcement-detail .headings .title {
      position: absolute;
      top: 0;
      left: 0;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      width: 80vw;
      height: 14.6875vw;
      padding: 0 5px;
      -webkit-font-feature-settings: 'pkna' 1;
              font-feature-settings: 'pkna' 1; }
      @media screen and (min-width: 736px) {
        .page-announcements .headings .title, .page-announcement-detail .headings .title {
          width: 62.5vw;
          height: 11.45833vw; } }
    @media screen and (min-width: 736px) {
      .page-announcements .headings, .page-announcement-detail .headings {
        width: 62.5vw;
        height: 11.45833vw; } }
  .page-announcements .headings2, .page-announcement-detail .headings2 {
    width: 80vw;
    margin: 0 auto; }
    .page-announcements .headings2 img, .page-announcement-detail .headings2 img {
      width: 80vw;
      height: auto;
      vertical-align: bottom; }
      @media screen and (min-width: 736px) {
        .page-announcements .headings2 img, .page-announcement-detail .headings2 img {
          width: 62.5vw; } }
    @media screen and (min-width: 736px) {
      .page-announcements .headings2, .page-announcement-detail .headings2 {
        width: 62.5vw; } }
  .page-announcements .headings-text, .page-announcement-detail .headings-text {
    margin-top: 4px;
    font-weight: bold;
    font-size: 12px;
    font-size: 1.2rem;
    text-align: center;
    word-wrap: break-word;
    overflow-wrap: break-word; }
  .page-announcements .zh-TW .title, .page-announcement-detail .zh-TW .title {
    -webkit-font-feature-settings: normal;
            font-feature-settings: normal; }

.lang-global .page-announcements .announcements-item-image-text h1, .lang-global .page-announcement-detail .announcements-item-image-text h1 {
  line-height: 19px; }

.page-announcement-detail {
  min-width: 100%;
  word-wrap: break-word;
  overflow-wrap: break-word; }
  .page-announcement-detail .headings {
    width: 88.125vw;
    height: 16.25vw; }
    .page-announcement-detail .headings img {
      width: 88.125vw; }
      @media screen and (min-width: 736px) {
        .page-announcement-detail .headings img {
          width: 65.10417vw; } }
    .page-announcement-detail .headings .title {
      width: 88.125vw;
      height: 16.25vw; }
      @media screen and (min-width: 736px) {
        .page-announcement-detail .headings .title {
          width: 65.10417vw;
          height: 11.97917vw; } }
    @media screen and (min-width: 736px) {
      .page-announcement-detail .headings {
        width: 65.10417vw;
        height: 11.97917vw; } }
  .page-announcement-detail .headings2 {
    width: 88.125vw;
    height: auto; }
    .page-announcement-detail .headings2 img {
      width: 88.125vw; }
      @media screen and (min-width: 736px) {
        .page-announcement-detail .headings2 img {
          width: 65.10417vw; } }
    @media screen and (min-width: 736px) {
      .page-announcement-detail .headings2 {
        width: 65.10417vw; } }
  .page-announcement-detail .announcement-detail-inner {
    margin: 4px 0 0; }
  .page-announcement-detail .announcement-detail-title {
    padding: 5px 0;
    background-color: #d2ebed; }
  .page-announcement-detail .headings-text {
    margin: 5px 15px 0;
    font-size: 12px;
    font-size: 1.2rem; }
  .page-announcement-detail .announcements-item-info {
    width: 88.125%;
    margin: 0 auto;
    font-weight: bold;
    font-size: 10px;
    font-size: 1rem; }
    @media screen and (min-width: 736px) {
      .page-announcement-detail .announcements-item-info {
        width: 65.10417%; } }
  .page-announcement-detail .announcements-info-date {
    margin-left: auto;
    padding-left: 4px; }
  .page-announcement-detail .announcements-item-image {
    border: 0 none; }

.page-about {
  margin: 0 auto;
  padding-top: 66px; }
  .page-about .about-items {
    width: 78.125%;
    margin: 0 auto 24px;
    padding: 0;
    list-style-type: none; }
    .page-about .about-items .about-item {
      margin: 0 0 24px; }

.page-error {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100vh;
  margin-top: -42px;
  padding: 0;
  color: #de552b;
  font-size: 12px;
  font-size: 1.2rem; }
  .page-error .error-container {
    text-align: center; }
  .page-error .error-title {
    margin: 0;
    font-weight: bold;
    font-size: 15px;
    font-size: 1.5rem; }
  .page-error .error-sub-copy {
    margin-top: 4px;
    margin-bottom: 0;
    font-weight: bold;
    font-size: 11px;
    font-size: 1.1rem; }
  .page-error .error-image {
    margin-top: 60px; }

.page-opinions-form, .page-opinions-confirm, .page-inquiries-confirm, .page-inquiries-detail, .page-inquiry-comments-confirm, .page-opinions-complate, .page-inquiries-complate, .page-inquiry-comments-complate, .page-inquiries-form, .page-inquiry-comments-form {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  padding: 50px 10px 90px;
  color: #1e5f6e;
  font-size: 12px;
  font-size: 1.2rem;
  word-wrap: break-word;
  overflow-wrap: break-word; }
  .page-opinions-form dl, .page-opinions-confirm dl, .page-inquiries-confirm dl, .page-inquiries-detail dl, .page-inquiry-comments-confirm dl, .page-opinions-complate dl, .page-inquiries-complate dl, .page-inquiry-comments-complate dl, .page-inquiries-form dl, .page-inquiry-comments-form dl,
  .page-opinions-form dt,
  .page-opinions-confirm dt,
  .page-inquiries-confirm dt,
  .page-inquiries-detail dt,
  .page-inquiry-comments-confirm dt,
  .page-opinions-complate dt,
  .page-inquiries-complate dt,
  .page-inquiry-comments-complate dt,
  .page-inquiries-form dt,
  .page-inquiry-comments-form dt,
  .page-opinions-form dd,
  .page-opinions-confirm dd,
  .page-inquiries-confirm dd,
  .page-inquiries-detail dd,
  .page-inquiry-comments-confirm dd,
  .page-opinions-complate dd,
  .page-inquiries-complate dd,
  .page-inquiry-comments-complate dd,
  .page-inquiries-form dd,
  .page-inquiry-comments-form dd {
    margin: 0;
    padding: 0; }
  .page-opinions-form select, .page-opinions-confirm select, .page-inquiries-confirm select, .page-inquiries-detail select, .page-inquiry-comments-confirm select, .page-opinions-complate select, .page-inquiries-complate select, .page-inquiry-comments-complate select, .page-inquiries-form select, .page-inquiry-comments-form select,
  .page-opinions-form textarea,
  .page-opinions-confirm textarea,
  .page-inquiries-confirm textarea,
  .page-inquiries-detail textarea,
  .page-inquiry-comments-confirm textarea,
  .page-opinions-complate textarea,
  .page-inquiries-complate textarea,
  .page-inquiry-comments-complate textarea,
  .page-inquiries-form textarea,
  .page-inquiry-comments-form textarea {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0); }
  .page-opinions-form .opinions-body, .page-opinions-confirm .opinions-body, .page-inquiries-confirm .opinions-body, .page-inquiries-detail .opinions-body, .page-inquiry-comments-confirm .opinions-body, .page-opinions-complate .opinions-body, .page-inquiries-complate .opinions-body, .page-inquiry-comments-complate .opinions-body, .page-inquiries-form .opinions-body, .page-inquiry-comments-form .opinions-body,
  .page-opinions-form .inquiries-body,
  .page-opinions-confirm .inquiries-body,
  .page-inquiries-confirm .inquiries-body,
  .page-inquiries-detail .inquiries-body,
  .page-inquiry-comments-confirm .inquiries-body,
  .page-opinions-complate .inquiries-body,
  .page-inquiries-complate .inquiries-body,
  .page-inquiry-comments-complate .inquiries-body,
  .page-inquiries-form .inquiries-body,
  .page-inquiry-comments-form .inquiries-body {
    margin: 0 auto; }
  .page-opinions-form .opinions-title, .page-opinions-confirm .opinions-title, .page-inquiries-confirm .opinions-title, .page-inquiries-detail .opinions-title, .page-inquiry-comments-confirm .opinions-title, .page-opinions-complate .opinions-title, .page-inquiries-complate .opinions-title, .page-inquiry-comments-complate .opinions-title, .page-inquiries-form .opinions-title, .page-inquiry-comments-form .opinions-title,
  .page-opinions-form .inquiries-title,
  .page-opinions-confirm .inquiries-title,
  .page-inquiries-confirm .inquiries-title,
  .page-inquiries-detail .inquiries-title,
  .page-inquiry-comments-confirm .inquiries-title,
  .page-opinions-complate .inquiries-title,
  .page-inquiries-complate .inquiries-title,
  .page-inquiry-comments-complate .inquiries-title,
  .page-inquiries-form .inquiries-title,
  .page-inquiry-comments-form .inquiries-title {
    font-weight: bold;
    font-size: 13px;
    font-size: 1.3rem; }
    .page-opinions-form .opinions-title p, .page-opinions-confirm .opinions-title p, .page-inquiries-confirm .opinions-title p, .page-inquiries-detail .opinions-title p, .page-inquiry-comments-confirm .opinions-title p, .page-opinions-complate .opinions-title p, .page-inquiries-complate .opinions-title p, .page-inquiry-comments-complate .opinions-title p, .page-inquiries-form .opinions-title p, .page-inquiry-comments-form .opinions-title p,
    .page-opinions-form .inquiries-title p,
    .page-opinions-confirm .inquiries-title p,
    .page-inquiries-confirm .inquiries-title p,
    .page-inquiries-detail .inquiries-title p,
    .page-inquiry-comments-confirm .inquiries-title p,
    .page-opinions-complate .inquiries-title p,
    .page-inquiries-complate .inquiries-title p,
    .page-inquiry-comments-complate .inquiries-title p,
    .page-inquiries-form .inquiries-title p,
    .page-inquiry-comments-form .inquiries-title p {
      margin: 0;
      white-space: normal; }
  .page-opinions-form .opinions-item-field, .page-opinions-confirm .opinions-item-field, .page-inquiries-confirm .opinions-item-field, .page-inquiries-detail .opinions-item-field, .page-inquiry-comments-confirm .opinions-item-field, .page-opinions-complate .opinions-item-field, .page-inquiries-complate .opinions-item-field, .page-inquiry-comments-complate .opinions-item-field, .page-inquiries-form .opinions-item-field, .page-inquiry-comments-form .opinions-item-field,
  .page-opinions-form .inquiries-item-field,
  .page-opinions-confirm .inquiries-item-field,
  .page-inquiries-confirm .inquiries-item-field,
  .page-inquiries-detail .inquiries-item-field,
  .page-inquiry-comments-confirm .inquiries-item-field,
  .page-opinions-complate .inquiries-item-field,
  .page-inquiries-complate .inquiries-item-field,
  .page-inquiry-comments-complate .inquiries-item-field,
  .page-inquiries-form .inquiries-item-field,
  .page-inquiry-comments-form .inquiries-item-field {
    margin-bottom: 24px; }
  .page-opinions-form .opinions-item-header, .page-opinions-confirm .opinions-item-header, .page-inquiries-confirm .opinions-item-header, .page-inquiries-detail .opinions-item-header, .page-inquiry-comments-confirm .opinions-item-header, .page-opinions-complate .opinions-item-header, .page-inquiries-complate .opinions-item-header, .page-inquiry-comments-complate .opinions-item-header, .page-inquiries-form .opinions-item-header, .page-inquiry-comments-form .opinions-item-header,
  .page-opinions-form .inquiries-item-header,
  .page-opinions-confirm .inquiries-item-header,
  .page-inquiries-confirm .inquiries-item-header,
  .page-inquiries-detail .inquiries-item-header,
  .page-inquiry-comments-confirm .inquiries-item-header,
  .page-opinions-complate .inquiries-item-header,
  .page-inquiries-complate .inquiries-item-header,
  .page-inquiry-comments-complate .inquiries-item-header,
  .page-inquiries-form .inquiries-item-header,
  .page-inquiry-comments-form .inquiries-item-header {
    margin: 16px 0 8px;
    color: #1e5f6e;
    font-weight: bold;
    font-size: 12px;
    font-size: 1.2rem; }
    .page-opinions-form .opinions-item-header:first-of-type, .page-opinions-confirm .opinions-item-header:first-of-type, .page-inquiries-confirm .opinions-item-header:first-of-type, .page-inquiries-detail .opinions-item-header:first-of-type, .page-inquiry-comments-confirm .opinions-item-header:first-of-type, .page-opinions-complate .opinions-item-header:first-of-type, .page-inquiries-complate .opinions-item-header:first-of-type, .page-inquiry-comments-complate .opinions-item-header:first-of-type, .page-inquiries-form .opinions-item-header:first-of-type, .page-inquiry-comments-form .opinions-item-header:first-of-type,
    .page-opinions-form .inquiries-item-header:first-of-type,
    .page-opinions-confirm .inquiries-item-header:first-of-type,
    .page-inquiries-confirm .inquiries-item-header:first-of-type,
    .page-inquiries-detail .inquiries-item-header:first-of-type,
    .page-inquiry-comments-confirm .inquiries-item-header:first-of-type,
    .page-opinions-complate .inquiries-item-header:first-of-type,
    .page-inquiries-complate .inquiries-item-header:first-of-type,
    .page-inquiry-comments-complate .inquiries-item-header:first-of-type,
    .page-inquiries-form .inquiries-item-header:first-of-type,
    .page-inquiry-comments-form .inquiries-item-header:first-of-type {
      margin-top: 8px; }
    .page-opinions-form .opinions-item-header.is-required, .page-opinions-confirm .opinions-item-header.is-required, .page-inquiries-confirm .opinions-item-header.is-required, .page-inquiries-detail .opinions-item-header.is-required, .page-inquiry-comments-confirm .opinions-item-header.is-required, .page-opinions-complate .opinions-item-header.is-required, .page-inquiries-complate .opinions-item-header.is-required, .page-inquiry-comments-complate .opinions-item-header.is-required, .page-inquiries-form .opinions-item-header.is-required, .page-inquiry-comments-form .opinions-item-header.is-required,
    .page-opinions-form .inquiries-item-header.is-required,
    .page-opinions-confirm .inquiries-item-header.is-required,
    .page-inquiries-confirm .inquiries-item-header.is-required,
    .page-inquiries-detail .inquiries-item-header.is-required,
    .page-inquiry-comments-confirm .inquiries-item-header.is-required,
    .page-opinions-complate .inquiries-item-header.is-required,
    .page-inquiries-complate .inquiries-item-header.is-required,
    .page-inquiry-comments-complate .inquiries-item-header.is-required,
    .page-inquiries-form .inquiries-item-header.is-required,
    .page-inquiry-comments-form .inquiries-item-header.is-required {
      color: #e58009; }
  .page-opinions-form .opinions-select-wrap, .page-opinions-confirm .opinions-select-wrap, .page-inquiries-confirm .opinions-select-wrap, .page-inquiries-detail .opinions-select-wrap, .page-inquiry-comments-confirm .opinions-select-wrap, .page-opinions-complate .opinions-select-wrap, .page-inquiries-complate .opinions-select-wrap, .page-inquiry-comments-complate .opinions-select-wrap, .page-inquiries-form .opinions-select-wrap, .page-inquiry-comments-form .opinions-select-wrap,
  .page-opinions-form .inquiries-select-wrap,
  .page-opinions-confirm .inquiries-select-wrap,
  .page-inquiries-confirm .inquiries-select-wrap,
  .page-inquiries-detail .inquiries-select-wrap,
  .page-inquiry-comments-confirm .inquiries-select-wrap,
  .page-opinions-complate .inquiries-select-wrap,
  .page-inquiries-complate .inquiries-select-wrap,
  .page-inquiry-comments-complate .inquiries-select-wrap,
  .page-inquiries-form .inquiries-select-wrap,
  .page-inquiry-comments-form .inquiries-select-wrap {
    position: relative;
    width: 100%;
    height: 3.2em; }
  .page-opinions-form .opinions-select, .page-opinions-confirm .opinions-select, .page-inquiries-confirm .opinions-select, .page-inquiries-detail .opinions-select, .page-inquiry-comments-confirm .opinions-select, .page-opinions-complate .opinions-select, .page-inquiries-complate .opinions-select, .page-inquiry-comments-complate .opinions-select, .page-inquiries-form .opinions-select, .page-inquiry-comments-form .opinions-select,
  .page-opinions-form .inquiries-select,
  .page-opinions-confirm .inquiries-select,
  .page-inquiries-confirm .inquiries-select,
  .page-inquiries-detail .inquiries-select,
  .page-inquiry-comments-confirm .inquiries-select,
  .page-opinions-complate .inquiries-select,
  .page-inquiries-complate .inquiries-select,
  .page-inquiry-comments-complate .inquiries-select,
  .page-inquiries-form .inquiries-select,
  .page-inquiry-comments-form .inquiries-select {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 6px 10px; }
    .page-opinions-form .opinions-select:focus, .page-opinions-confirm .opinions-select:focus, .page-inquiries-confirm .opinions-select:focus, .page-inquiries-detail .opinions-select:focus, .page-inquiry-comments-confirm .opinions-select:focus, .page-opinions-complate .opinions-select:focus, .page-inquiries-complate .opinions-select:focus, .page-inquiry-comments-complate .opinions-select:focus, .page-inquiries-form .opinions-select:focus, .page-inquiry-comments-form .opinions-select:focus,
    .page-opinions-form .inquiries-select:focus,
    .page-opinions-confirm .inquiries-select:focus,
    .page-inquiries-confirm .inquiries-select:focus,
    .page-inquiries-detail .inquiries-select:focus,
    .page-inquiry-comments-confirm .inquiries-select:focus,
    .page-opinions-complate .inquiries-select:focus,
    .page-inquiries-complate .inquiries-select:focus,
    .page-inquiry-comments-complate .inquiries-select:focus,
    .page-inquiries-form .inquiries-select:focus,
    .page-inquiry-comments-form .inquiries-select:focus {
      outline: none; }
  .page-opinions-form .opinions-textarea-wrap, .page-opinions-confirm .opinions-textarea-wrap, .page-inquiries-confirm .opinions-textarea-wrap, .page-inquiries-detail .opinions-textarea-wrap, .page-inquiry-comments-confirm .opinions-textarea-wrap, .page-opinions-complate .opinions-textarea-wrap, .page-inquiries-complate .opinions-textarea-wrap, .page-inquiry-comments-complate .opinions-textarea-wrap, .page-inquiries-form .opinions-textarea-wrap, .page-inquiry-comments-form .opinions-textarea-wrap,
  .page-opinions-form .inquiries-textarea-wrap,
  .page-opinions-confirm .inquiries-textarea-wrap,
  .page-inquiries-confirm .inquiries-textarea-wrap,
  .page-inquiries-detail .inquiries-textarea-wrap,
  .page-inquiry-comments-confirm .inquiries-textarea-wrap,
  .page-opinions-complate .inquiries-textarea-wrap,
  .page-inquiries-complate .inquiries-textarea-wrap,
  .page-inquiry-comments-complate .inquiries-textarea-wrap,
  .page-inquiries-form .inquiries-textarea-wrap,
  .page-inquiry-comments-form .inquiries-textarea-wrap {
    width: 100%;
    height: 120px; }
    .page-opinions-form .opinions-textarea-wrap .field_with_errors, .page-opinions-confirm .opinions-textarea-wrap .field_with_errors, .page-inquiries-confirm .opinions-textarea-wrap .field_with_errors, .page-inquiries-detail .opinions-textarea-wrap .field_with_errors, .page-inquiry-comments-confirm .opinions-textarea-wrap .field_with_errors, .page-opinions-complate .opinions-textarea-wrap .field_with_errors, .page-inquiries-complate .opinions-textarea-wrap .field_with_errors, .page-inquiry-comments-complate .opinions-textarea-wrap .field_with_errors, .page-inquiries-form .opinions-textarea-wrap .field_with_errors, .page-inquiry-comments-form .opinions-textarea-wrap .field_with_errors,
    .page-opinions-form .inquiries-textarea-wrap .field_with_errors,
    .page-opinions-confirm .inquiries-textarea-wrap .field_with_errors,
    .page-inquiries-confirm .inquiries-textarea-wrap .field_with_errors,
    .page-inquiries-detail .inquiries-textarea-wrap .field_with_errors,
    .page-inquiry-comments-confirm .inquiries-textarea-wrap .field_with_errors,
    .page-opinions-complate .inquiries-textarea-wrap .field_with_errors,
    .page-inquiries-complate .inquiries-textarea-wrap .field_with_errors,
    .page-inquiry-comments-complate .inquiries-textarea-wrap .field_with_errors,
    .page-inquiries-form .inquiries-textarea-wrap .field_with_errors,
    .page-inquiry-comments-form .inquiries-textarea-wrap .field_with_errors {
      width: 100%;
      height: 100%; }
  .page-opinions-form .opinions-textarea, .page-opinions-confirm .opinions-textarea, .page-inquiries-confirm .opinions-textarea, .page-inquiries-detail .opinions-textarea, .page-inquiry-comments-confirm .opinions-textarea, .page-opinions-complate .opinions-textarea, .page-inquiries-complate .opinions-textarea, .page-inquiry-comments-complate .opinions-textarea, .page-inquiries-form .opinions-textarea, .page-inquiry-comments-form .opinions-textarea,
  .page-opinions-form .inquiries-textarea,
  .page-opinions-confirm .inquiries-textarea,
  .page-inquiries-confirm .inquiries-textarea,
  .page-inquiries-detail .inquiries-textarea,
  .page-inquiry-comments-confirm .inquiries-textarea,
  .page-opinions-complate .inquiries-textarea,
  .page-inquiries-complate .inquiries-textarea,
  .page-inquiry-comments-complate .inquiries-textarea,
  .page-inquiries-form .inquiries-textarea,
  .page-inquiry-comments-form .inquiries-textarea {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 6px 10px; }
    .page-opinions-form .opinions-textarea:focus, .page-opinions-confirm .opinions-textarea:focus, .page-inquiries-confirm .opinions-textarea:focus, .page-inquiries-detail .opinions-textarea:focus, .page-inquiry-comments-confirm .opinions-textarea:focus, .page-opinions-complate .opinions-textarea:focus, .page-inquiries-complate .opinions-textarea:focus, .page-inquiry-comments-complate .opinions-textarea:focus, .page-inquiries-form .opinions-textarea:focus, .page-inquiry-comments-form .opinions-textarea:focus,
    .page-opinions-form .inquiries-textarea:focus,
    .page-opinions-confirm .inquiries-textarea:focus,
    .page-inquiries-confirm .inquiries-textarea:focus,
    .page-inquiries-detail .inquiries-textarea:focus,
    .page-inquiry-comments-confirm .inquiries-textarea:focus,
    .page-opinions-complate .inquiries-textarea:focus,
    .page-inquiries-complate .inquiries-textarea:focus,
    .page-inquiry-comments-complate .inquiries-textarea:focus,
    .page-inquiries-form .inquiries-textarea:focus,
    .page-inquiry-comments-form .inquiries-textarea:focus {
      outline: none; }
  .page-opinions-form .opinions-textarea-notice, .page-opinions-confirm .opinions-textarea-notice, .page-inquiries-confirm .opinions-textarea-notice, .page-inquiries-detail .opinions-textarea-notice, .page-inquiry-comments-confirm .opinions-textarea-notice, .page-opinions-complate .opinions-textarea-notice, .page-inquiries-complate .opinions-textarea-notice, .page-inquiry-comments-complate .opinions-textarea-notice, .page-inquiries-form .opinions-textarea-notice, .page-inquiry-comments-form .opinions-textarea-notice, .page-opinions-form .opinions-textarea-error, .page-opinions-confirm .opinions-textarea-error, .page-inquiries-confirm .opinions-textarea-error, .page-inquiries-detail .opinions-textarea-error, .page-inquiry-comments-confirm .opinions-textarea-error, .page-opinions-complate .opinions-textarea-error, .page-inquiries-complate .opinions-textarea-error, .page-inquiry-comments-complate .opinions-textarea-error, .page-inquiries-form .opinions-textarea-error, .page-inquiry-comments-form .opinions-textarea-error,
  .page-opinions-form .inquiries-textarea-notice,
  .page-opinions-confirm .inquiries-textarea-notice,
  .page-inquiries-confirm .inquiries-textarea-notice,
  .page-inquiries-detail .inquiries-textarea-notice,
  .page-inquiry-comments-confirm .inquiries-textarea-notice,
  .page-opinions-complate .inquiries-textarea-notice,
  .page-inquiries-complate .inquiries-textarea-notice,
  .page-inquiry-comments-complate .inquiries-textarea-notice,
  .page-inquiries-form .inquiries-textarea-notice,
  .page-inquiry-comments-form .inquiries-textarea-notice,
  .page-opinions-form .inquiries-textarea-error,
  .page-opinions-confirm .inquiries-textarea-error,
  .page-inquiries-confirm .inquiries-textarea-error,
  .page-inquiries-detail .inquiries-textarea-error,
  .page-inquiry-comments-confirm .inquiries-textarea-error,
  .page-opinions-complate .inquiries-textarea-error,
  .page-inquiries-complate .inquiries-textarea-error,
  .page-inquiry-comments-complate .inquiries-textarea-error,
  .page-inquiries-form .inquiries-textarea-error,
  .page-inquiry-comments-form .inquiries-textarea-error {
    margin: 8px 0 0;
    color: rgba(29, 93, 108, 0.7);
    font-weight: bold;
    font-size: 11px;
    font-size: 1.1rem;
    text-align: right; }
  .page-opinions-form .opinions-textarea-error, .page-opinions-confirm .opinions-textarea-error, .page-inquiries-confirm .opinions-textarea-error, .page-inquiries-detail .opinions-textarea-error, .page-inquiry-comments-confirm .opinions-textarea-error, .page-opinions-complate .opinions-textarea-error, .page-inquiries-complate .opinions-textarea-error, .page-inquiry-comments-complate .opinions-textarea-error, .page-inquiries-form .opinions-textarea-error, .page-inquiry-comments-form .opinions-textarea-error,
  .page-opinions-form .inquiries-textarea-error,
  .page-opinions-confirm .inquiries-textarea-error,
  .page-inquiries-confirm .inquiries-textarea-error,
  .page-inquiries-detail .inquiries-textarea-error,
  .page-inquiry-comments-confirm .inquiries-textarea-error,
  .page-opinions-complate .inquiries-textarea-error,
  .page-inquiries-complate .inquiries-textarea-error,
  .page-inquiry-comments-complate .inquiries-textarea-error,
  .page-inquiries-form .inquiries-textarea-error,
  .page-inquiry-comments-form .inquiries-textarea-error {
    color: #de552b; }
  .page-opinions-form .opinions-attention, .page-opinions-confirm .opinions-attention, .page-inquiries-confirm .opinions-attention, .page-inquiries-detail .opinions-attention, .page-inquiry-comments-confirm .opinions-attention, .page-opinions-complate .opinions-attention, .page-inquiries-complate .opinions-attention, .page-inquiry-comments-complate .opinions-attention, .page-inquiries-form .opinions-attention, .page-inquiry-comments-form .opinions-attention,
  .page-opinions-form .inquiries-attention,
  .page-opinions-confirm .inquiries-attention,
  .page-inquiries-confirm .inquiries-attention,
  .page-inquiries-detail .inquiries-attention,
  .page-inquiry-comments-confirm .inquiries-attention,
  .page-opinions-complate .inquiries-attention,
  .page-inquiries-complate .inquiries-attention,
  .page-inquiry-comments-complate .inquiries-attention,
  .page-inquiries-form .inquiries-attention,
  .page-inquiry-comments-form .inquiries-attention {
    margin: 12px 0 0;
    font-weight: bold; }
    .page-opinions-form .opinions-attention a, .page-opinions-confirm .opinions-attention a, .page-inquiries-confirm .opinions-attention a, .page-inquiries-detail .opinions-attention a, .page-inquiry-comments-confirm .opinions-attention a, .page-opinions-complate .opinions-attention a, .page-inquiries-complate .opinions-attention a, .page-inquiry-comments-complate .opinions-attention a, .page-inquiries-form .opinions-attention a, .page-inquiry-comments-form .opinions-attention a,
    .page-opinions-form .inquiries-attention a,
    .page-opinions-confirm .inquiries-attention a,
    .page-inquiries-confirm .inquiries-attention a,
    .page-inquiries-detail .inquiries-attention a,
    .page-inquiry-comments-confirm .inquiries-attention a,
    .page-opinions-complate .inquiries-attention a,
    .page-inquiries-complate .inquiries-attention a,
    .page-inquiry-comments-complate .inquiries-attention a,
    .page-inquiries-form .inquiries-attention a,
    .page-inquiry-comments-form .inquiries-attention a {
      color: #009ee7; }
    .page-opinions-form .opinions-attention a:link, .page-opinions-confirm .opinions-attention a:link, .page-inquiries-confirm .opinions-attention a:link, .page-inquiries-detail .opinions-attention a:link, .page-inquiry-comments-confirm .opinions-attention a:link, .page-opinions-complate .opinions-attention a:link, .page-inquiries-complate .opinions-attention a:link, .page-inquiry-comments-complate .opinions-attention a:link, .page-inquiries-form .opinions-attention a:link, .page-inquiry-comments-form .opinions-attention a:link,
    .page-opinions-form .inquiries-attention a:link,
    .page-opinions-confirm .inquiries-attention a:link,
    .page-inquiries-confirm .inquiries-attention a:link,
    .page-inquiries-detail .inquiries-attention a:link,
    .page-inquiry-comments-confirm .inquiries-attention a:link,
    .page-opinions-complate .inquiries-attention a:link,
    .page-inquiries-complate .inquiries-attention a:link,
    .page-inquiry-comments-complate .inquiries-attention a:link,
    .page-inquiries-form .inquiries-attention a:link,
    .page-inquiry-comments-form .inquiries-attention a:link {
      color: #009ee7; }
    .page-opinions-form .opinions-attention a:visited, .page-opinions-confirm .opinions-attention a:visited, .page-inquiries-confirm .opinions-attention a:visited, .page-inquiries-detail .opinions-attention a:visited, .page-inquiry-comments-confirm .opinions-attention a:visited, .page-opinions-complate .opinions-attention a:visited, .page-inquiries-complate .opinions-attention a:visited, .page-inquiry-comments-complate .opinions-attention a:visited, .page-inquiries-form .opinions-attention a:visited, .page-inquiry-comments-form .opinions-attention a:visited,
    .page-opinions-form .inquiries-attention a:visited,
    .page-opinions-confirm .inquiries-attention a:visited,
    .page-inquiries-confirm .inquiries-attention a:visited,
    .page-inquiries-detail .inquiries-attention a:visited,
    .page-inquiry-comments-confirm .inquiries-attention a:visited,
    .page-opinions-complate .inquiries-attention a:visited,
    .page-inquiries-complate .inquiries-attention a:visited,
    .page-inquiry-comments-complate .inquiries-attention a:visited,
    .page-inquiries-form .inquiries-attention a:visited,
    .page-inquiry-comments-form .inquiries-attention a:visited {
      color: #009ee7; }
    .page-opinions-form .opinions-attention a:hover, .page-opinions-confirm .opinions-attention a:hover, .page-inquiries-confirm .opinions-attention a:hover, .page-inquiries-detail .opinions-attention a:hover, .page-inquiry-comments-confirm .opinions-attention a:hover, .page-opinions-complate .opinions-attention a:hover, .page-inquiries-complate .opinions-attention a:hover, .page-inquiry-comments-complate .opinions-attention a:hover, .page-inquiries-form .opinions-attention a:hover, .page-inquiry-comments-form .opinions-attention a:hover,
    .page-opinions-form .inquiries-attention a:hover,
    .page-opinions-confirm .inquiries-attention a:hover,
    .page-inquiries-confirm .inquiries-attention a:hover,
    .page-inquiries-detail .inquiries-attention a:hover,
    .page-inquiry-comments-confirm .inquiries-attention a:hover,
    .page-opinions-complate .inquiries-attention a:hover,
    .page-inquiries-complate .inquiries-attention a:hover,
    .page-inquiry-comments-complate .inquiries-attention a:hover,
    .page-inquiries-form .inquiries-attention a:hover,
    .page-inquiry-comments-form .inquiries-attention a:hover {
      color: #009ee7; }
    .page-opinions-form .opinions-attention a:active, .page-opinions-confirm .opinions-attention a:active, .page-inquiries-confirm .opinions-attention a:active, .page-inquiries-detail .opinions-attention a:active, .page-inquiry-comments-confirm .opinions-attention a:active, .page-opinions-complate .opinions-attention a:active, .page-inquiries-complate .opinions-attention a:active, .page-inquiry-comments-complate .opinions-attention a:active, .page-inquiries-form .opinions-attention a:active, .page-inquiry-comments-form .opinions-attention a:active,
    .page-opinions-form .inquiries-attention a:active,
    .page-opinions-confirm .inquiries-attention a:active,
    .page-inquiries-confirm .inquiries-attention a:active,
    .page-inquiries-detail .inquiries-attention a:active,
    .page-inquiry-comments-confirm .inquiries-attention a:active,
    .page-opinions-complate .inquiries-attention a:active,
    .page-inquiries-complate .inquiries-attention a:active,
    .page-inquiry-comments-complate .inquiries-attention a:active,
    .page-inquiries-form .inquiries-attention a:active,
    .page-inquiry-comments-form .inquiries-attention a:active {
      color: #009ee7; }
    .page-opinions-form .opinions-attention p, .page-opinions-confirm .opinions-attention p, .page-inquiries-confirm .opinions-attention p, .page-inquiries-detail .opinions-attention p, .page-inquiry-comments-confirm .opinions-attention p, .page-opinions-complate .opinions-attention p, .page-inquiries-complate .opinions-attention p, .page-inquiry-comments-complate .opinions-attention p, .page-inquiries-form .opinions-attention p, .page-inquiry-comments-form .opinions-attention p,
    .page-opinions-form .inquiries-attention p,
    .page-opinions-confirm .inquiries-attention p,
    .page-inquiries-confirm .inquiries-attention p,
    .page-inquiries-detail .inquiries-attention p,
    .page-inquiry-comments-confirm .inquiries-attention p,
    .page-opinions-complate .inquiries-attention p,
    .page-inquiries-complate .inquiries-attention p,
    .page-inquiry-comments-complate .inquiries-attention p,
    .page-inquiries-form .inquiries-attention p,
    .page-inquiry-comments-form .inquiries-attention p {
      margin: 0;
      white-space: normal; }
  .page-opinions-form .opinions-footer, .page-opinions-confirm .opinions-footer, .page-inquiries-confirm .opinions-footer, .page-inquiries-detail .opinions-footer, .page-inquiry-comments-confirm .opinions-footer, .page-opinions-complate .opinions-footer, .page-inquiries-complate .opinions-footer, .page-inquiry-comments-complate .opinions-footer, .page-inquiries-form .opinions-footer, .page-inquiry-comments-form .opinions-footer,
  .page-opinions-form .inquiries-footer,
  .page-opinions-confirm .inquiries-footer,
  .page-inquiries-confirm .inquiries-footer,
  .page-inquiries-detail .inquiries-footer,
  .page-inquiry-comments-confirm .inquiries-footer,
  .page-opinions-complate .inquiries-footer,
  .page-inquiries-complate .inquiries-footer,
  .page-inquiry-comments-complate .inquiries-footer,
  .page-inquiries-form .inquiries-footer,
  .page-inquiry-comments-form .inquiries-footer {
    position: fixed;
    bottom: 0;
    left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    height: 61px;
    background-color: #6ea9b7; }

.page-opinions-confirm .opinions-items, .page-inquiries-confirm .opinions-items, .page-inquiries-detail .opinions-items, .page-inquiry-comments-confirm .opinions-items,
.page-opinions-confirm .inquiries-items,
.page-inquiries-confirm .inquiries-items,
.page-inquiries-detail .inquiries-items,
.page-inquiry-comments-confirm .inquiries-items {
  width: 100%; }
  .page-opinions-confirm .opinions-items dd, .page-inquiries-confirm .opinions-items dd, .page-inquiries-detail .opinions-items dd, .page-inquiry-comments-confirm .opinions-items dd,
  .page-opinions-confirm .inquiries-items dd,
  .page-inquiries-confirm .inquiries-items dd,
  .page-inquiries-detail .inquiries-items dd,
  .page-inquiry-comments-confirm .inquiries-items dd {
    padding: 0 0 8px;
    font-weight: normal;
    font-size: 12px;
    font-size: 1.2rem;
    border-bottom: 1px solid #1e5f6e; }
    .page-opinions-confirm .opinions-items dd:last-child, .page-inquiries-confirm .opinions-items dd:last-child, .page-inquiries-detail .opinions-items dd:last-child, .page-inquiry-comments-confirm .opinions-items dd:last-child,
    .page-opinions-confirm .inquiries-items dd:last-child,
    .page-inquiries-confirm .inquiries-items dd:last-child,
    .page-inquiries-detail .inquiries-items dd:last-child,
    .page-inquiry-comments-confirm .inquiries-items dd:last-child {
      border-bottom: 0 none; }

.page-opinions-confirm .opinions-item-header, .page-inquiries-confirm .opinions-item-header, .page-inquiries-detail .opinions-item-header, .page-inquiry-comments-confirm .opinions-item-header,
.page-opinions-confirm .inquiries-item-header,
.page-inquiries-confirm .inquiries-item-header,
.page-inquiries-detail .inquiries-item-header,
.page-inquiry-comments-confirm .inquiries-item-header {
  margin-top: 8px; }

.page-opinions-confirm .opinions-footer form, .page-inquiries-confirm .opinions-footer form, .page-inquiries-detail .opinions-footer form, .page-inquiry-comments-confirm .opinions-footer form,
.page-opinions-confirm .inquiries-footer form,
.page-inquiries-confirm .inquiries-footer form,
.page-inquiries-detail .inquiries-footer form,
.page-inquiry-comments-confirm .inquiries-footer form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.page-opinions-complate .opinions-title, .page-inquiries-complate .opinions-title, .page-inquiry-comments-complate .opinions-title,
.page-opinions-complate .inquiries-title,
.page-inquiries-complate .inquiries-title,
.page-inquiry-comments-complate .inquiries-title {
  margin: 12px 0 0; }

.page-opinions-complate .opinions-body, .page-inquiries-complate .opinions-body, .page-inquiry-comments-complate .opinions-body,
.page-opinions-complate .inquiries-body,
.page-inquiries-complate .inquiries-body,
.page-inquiry-comments-complate .inquiries-body {
  width: 92vw; }

.page-inquiries-form .inquiries-select-times-wrap, .page-inquiry-comments-form .inquiries-select-times-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%; }
  .page-inquiries-form .inquiries-select-times-wrap > select, .page-inquiry-comments-form .inquiries-select-times-wrap > select {
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 25vw;
        -ms-flex: 1 0 25vw;
            flex: 1 0 25vw;
    height: 3.2em;
    margin: 4px;
    padding: 0 8px;
    color: #1e5f6e;
    font-size: 12px;
    font-size: 1.2rem;
    background-image: url(/stylesheets/i/682acbef83d98db659c07fea9b086464.png);
    background-repeat: no-repeat;
    background-position: right 8px center;
    background-size: 13.5px 9.5px; }
    .page-inquiries-form .inquiries-select-times-wrap > select:nth-child(1), .page-inquiry-comments-form .inquiries-select-times-wrap > select:nth-child(1) {
      margin-left: 0; }
    .page-inquiries-form .inquiries-select-times-wrap > select:nth-child(3), .page-inquiry-comments-form .inquiries-select-times-wrap > select:nth-child(3) {
      margin-right: 0; }
    .page-inquiries-form .inquiries-select-times-wrap > select:nth-child(4), .page-inquiry-comments-form .inquiries-select-times-wrap > select:nth-child(4) {
      margin-bottom: 0;
      margin-left: 0; }
    .page-inquiries-form .inquiries-select-times-wrap > select:last-child, .page-inquiry-comments-form .inquiries-select-times-wrap > select:last-child {
      margin-right: 0;
      margin-bottom: 0; }

.page-inquiries-form .inquiries-form-box, .page-inquiry-comments-form .inquiries-form-box {
  position: relative; }

.page-inquiries-form .inquiries-select-sub, .page-inquiry-comments-form .inquiries-select-sub {
  margin-top: 10px; }

.page-inquiries-complate .inquiries-announcement-text, .page-inquiry-comments-complate .inquiries-announcement-text {
  margin-top: 16px;
  font-size: 12px;
  font-size: 1.2rem; }

.page-inquiries-immunity {
  padding: 44px 20px 90px; }
  .page-inquiries-immunity a {
    color: #009ee7; }
  .page-inquiries-immunity a:link {
    color: #009ee7; }
  .page-inquiries-immunity a:visited {
    color: #009ee7; }
  .page-inquiries-immunity a:hover {
    color: #009ee7; }
  .page-inquiries-immunity a:active {
    color: #009ee7; }

.page-inquiries-list {
  padding: 70px 0 90px;
  color: #1e5f6e; }
  .page-inquiries-list .inquiries-list-items {
    width: 75vw;
    margin: 0 auto;
    padding: 0;
    list-style-type: none; }
    .page-inquiries-list .inquiries-list-items .inquiries-list-item {
      margin: 0 0 24px; }
      .page-inquiries-list .inquiries-list-items .inquiries-list-item:last-of-type {
        margin-bottom: 0; }
      .page-inquiries-list .inquiries-list-items .inquiries-list-item a {
        font-size: 13px;
        font-size: 1.3rem; }
      .page-inquiries-list .inquiries-list-items .inquiries-list-item .inquiries-list-item-date {
        display: block;
        margin-bottom: 4px;
        font-size: 10px;
        font-size: 1rem; }
  .page-inquiries-list .inquiries-list-no-message {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    height: 70vh;
    font-weight: bold; }
  .page-inquiries-list .inquiries-list-footer {
    position: fixed;
    bottom: 0;
    left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    height: 61px;
    background-color: #6ea9b7; }

.page-inquiries-detail {
  padding: 50px 10px 90px; }
  .page-inquiries-detail .inquiries-body {
    margin: 0;
    padding: 0; }
  .page-inquiries-detail .inquiries-item-type {
    font-weight: bold;
    font-size: 11px;
    font-size: 1.1rem; }
  .page-inquiries-detail .inquiries-item-header {
    position: relative;
    font-size: 12px;
    font-size: 1.2rem; }
  .page-inquiries-detail .inquiries-item-date {
    position: absolute;
    top: 0;
    right: 5px; }
  .page-inquiries-detail .inquiries-item-content-text-comments li {
    margin-bottom: 8px; }
    .page-inquiries-detail .inquiries-item-content-text-comments li:last-child {
      margin-bottom: 0; }
  .page-inquiries-detail dd.inquiries-item-type-text {
    font-size: 12px;
    font-size: 1.2rem; }
  .page-inquiries-detail .inquiries-item-content-text-comments {
    -webkit-user-select: text;
       -moz-user-select: text;
        -ms-user-select: text;
            user-select: text; }

.page-inquiry-comments-form .inquiries-body {
  width: 92vw; }

.page-act-on-settlement {
  margin: 0 auto;
  padding: 44px 20px 0; }