@charset "utf-8";
/* ==========================================================================
   Base (reset + utilities)
   Based on the team base.css. Adjusted for Sekai Ichi — see [SEKAI] notes:
   this site uses Myanmar / English text, px-based sizing and DM Sans /
   Noto Sans Myanmar, so the Japanese-template font and rem rules are
   disabled here. Everything else is unchanged.
   ========================================================================== */
html {
  -webkit-text-size-adjust: 100%; /* for iPhone */
}

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite,
code, del, dfn, img, ins, kbd, q, var, b, i, dl, dt, dd, ol, ul, li, fieldset,
form, label, legend, caption, footer,
header, hgroup, menu, nav, section, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  background: transparent;
  /* [SEKAI] font-family: "メイリオ", "Meiryo", sans-serif;
     Removed: setting a font on every element (span, p, b ...) blocks
     inheritance, so Myanmar text would lose Noto Sans Myanmar and headings
     would lose DM Sans. The site font is set once on <body> in common.css. */
  /* [SEKAI] font-weight: 400;
     Removed: it would reset <b> and every <span> inside headings to 400
     (headings in this design are 800). */
  font-size: 100%;
  -ms-word-wrap: break-word;
      word-wrap: break-word;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

article, aside, dialog, figure, footer, header, hgroup, nav, section {
  display: block;
}

br {
  line-height: 0;
}

ul {
  list-style: none;
}

a {
  display: inline-block;
  text-decoration: none;
  word-break: break-word;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

input, select, textarea, button {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-border-radius: 0;
          border-radius: 0;
  font-family: inherit; /* [SEKAI] was "Noto Sans JP" (not loaded, no Myanmar glyphs) */
}

button {
  cursor: pointer;
}

/* [SEKAI] added: "outline: 0" above hides the keyboard focus ring on the
   language switch / menu buttons. Keep it for keyboard users only. */
button:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}

.only_pc {
  display: block;
}

.only_sp {
  display: none;
}

.clearfix:after {
  height: 0;
  display: block;
  clear: both;
  content: "";
}

.flex {
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

/* For Tablet */
@media only screen and (min-width: 768px) and (max-width: 1350px) {
  /* [SEKAI] Removed the element font-size: .16rem / line-height: 1.3 rule.
     It expects the root font-size trick (html = 100px) used on the
     Japanese sites; here the root is 16px, so .16rem = 2.56px text. */
  .only_pc,
  .only_tb {
    display: block;
  }

  .only_sp {
    display: none;
  }
}

/* For SP */
@media only screen and (max-width: 767px) {
  /* [SEKAI] Removed the element font-size: .14rem / line-height: 1.3 rule
     (same reason as tablet). */
  .only_pc {
    display: none;
  }

  .only_sp {
    display: block;
  }
}