@charset "UTF-8";
/* ! --------------------------------------------------
Foundation
-------------------------------------------------- */
/* ! ==================================================
Color
================================================== */
/* ! --------------------------------------------------
BreakPoint
-------------------------------------------------- */
/* ! ==================================================
Menu
================================================== */
/* ! ==================================================
Size
================================================== */
/* ! ==================================================
Z-index
================================================== */
/* ! ==================================================
Color
================================================== */
.c-background--primary {
  background: #2e64db; }
.c-background--primaryDark {
  background: #1e2b8e; }
.c-background--secondary {
  background: #30b5ba; }
.c-background--textPrimary {
  background: #111111; }
.c-background--textSecondary {
  background: #444444; }
.c-background--textThird {
  background: #777777; }
.c-background--textDisabled {
  background: #b6b9c3; }
.c-background--backgroundDark {
  background: #0d1553; }
.c-background--background {
  background: #eff0f4; }
.c-background--backgroundLight {
  background: #f9f9fc; }
.c-background--backgroundError {
  background: #fcf2f5; }
.c-background--line {
  background: #b4b7c4; }
.c-background--lineLight {
  background: #e1e2e6; }
.c-background--lineExtraLight {
  background: #f7f7f7; }
.c-background--lineForm {
  background: #0f1549; }
.c-background--correct {
  background: #30b5ba; }
.c-background--error {
  background: #e36a8b; }

/* ! ==================================================
Size
================================================== */
/* ! ==================================================
stripUnit
================================================== */
/* ! ==================================================
rem
================================================== */
/* ! ==================================================
zindex
================================================== */
/* ! --------------------------------------------------
Responsive
-------------------------------------------------- */
html {
  color: #000;
  background: #fff;
  -webkit-font-smoothing: antialiased; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, xmp {
  margin: 0;
  padding: 0; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

fieldset, img {
  border: 0; }

address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
  font-weight: normal; }

ol, ul {
  list-style: none; }

caption, th {
  text-align: left; }

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal; }

q:before, q:after {
  content: ''; }

abbr, acronym {
  border: 0;
  font-variant: normal; }

sup {
  vertical-align: text-top; }

sub {
  vertical-align: text-bottom; }

input, textarea, select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  *font-size: 100%; }

legend {
  color: #000; }

input, select, textarea, button {
  outline: none; }

*, *:before, *:after {
  box-sizing: border-box;
  min-height: 0%; }

body {
  color: #000;
  -webkit-text-size-adjust: 100%; }

img {
  max-width: 100%;
  vertical-align: bottom; }

/* ! --------------------------------------------------
Html,Body
-------------------------------------------------- */
html {
  min-height: 100vh;
  min-width: 360px;
  display: flex; }

body {
  color: #444444;
  font-size: 1rem;
  font-family: "Roboto", "Noto Sans JP", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "Helvetica Neue", "Arial", "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-feature-settings: "palt";
  display: flex;
  flex-direction: column;
  flex: auto;
  min-width: 1280px;
  min-height: 750px; }

/* ! --------------------------------------------------
Text
-------------------------------------------------- */
p {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.71429em;
  letter-spacing: 0.04em;
  word-break: break-all; }

a {
  color: #444444;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.5em;
  text-decoration: none;
  cursor: pointer; }

::selection {
  color: #fff;
  background: #444444; }

/* ! --------------------------------------------------
Layout
-------------------------------------------------- */
.l-frame {
  flex: auto;
  min-width: 0;
  display: flex;
  background-color: #f9f9fc; }
  .l-frame--dashboard {
    background-color: #fff; }
  .l-frame__row {
    flex: auto;
    min-width: 0;
    display: flex; }
  .l-frame__sidebar {
    flex: 0 0 17.5rem;
    display: flex;
    flex-direction: column;
    background-color: #0d1553;
    position: relative;
    z-index: 5; }
    .l-frame__sidebar.is-hide {
      flex: 0 0 4rem; }
  .l-frame__main {
    flex: auto;
    min-width: 0;
    display: flex;
    flex-direction: column; }
  .l-frame__header {
    flex: 0 0 4.5rem;
    display: flex; }
  .l-frame__body {
    flex: auto;
    min-width: 0;
    display: flex; }
  .l-frame__foot {
    width: 100%;
    position: sticky;
    bottom: 0;
    z-index: 2; }

.l-container {
  flex: auto;
  min-width: 0;
  display: flex;
  padding: 0.5rem 2.5rem 1.5rem; }
  .l-container--form {
    max-width: 730px;
    width: 100%;
    margin: 0 auto;
    padding: 0.5rem 0 2rem; }

.l-row {
  flex: auto;
  min-width: 0;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  width: 100%; }
  .l-row--center {
    justify-content: center; }
  .l-row__list {
    display: flex;
    align-items: center;
    margin: -4px; }
    .l-row__list__item {
      margin: 4px; }
      .l-row__list__item--0 {
        margin-left: 0; }
      .l-row__list__item--1 {
        margin-left: 1rem; }
      .l-row__list__item--2 {
        margin-left: 2rem; }

.l-grid {
  flex: auto;
  min-width: 0;
  display: flex;
  flex-wrap: wrap; }
  .l-grid__1 {
    display: flex;
    flex-direction: column;
    width: 8.3333333333%; }
  .l-grid__2 {
    display: flex;
    flex-direction: column;
    width: 16.6666666667%; }
  .l-grid__3 {
    display: flex;
    flex-direction: column;
    width: 25%; }
  .l-grid__4 {
    display: flex;
    flex-direction: column;
    width: 33.3333333333%; }
  .l-grid__5 {
    display: flex;
    flex-direction: column;
    width: 41.6666666667%; }
  .l-grid__6 {
    display: flex;
    flex-direction: column;
    width: 50%; }
  .l-grid__7 {
    display: flex;
    flex-direction: column;
    width: 58.3333333333%; }
  .l-grid__8 {
    display: flex;
    flex-direction: column;
    width: 66.6666666667%; }
  .l-grid__9 {
    display: flex;
    flex-direction: column;
    width: 75%; }
  .l-grid__10 {
    display: flex;
    flex-direction: column;
    width: 83.3333333333%; }
  .l-grid__11 {
    display: flex;
    flex-direction: column;
    width: 91.6666666667%; }
  .l-grid__12 {
    display: flex;
    flex-direction: column;
    width: 100%; }
  @media screen and (max-width: 1440px) {
    .l-grid__1--pcWide {
      display: flex;
      flex-direction: column;
      width: 8.3333333333%; }
    .l-grid__2--pcWide {
      display: flex;
      flex-direction: column;
      width: 16.6666666667%; }
    .l-grid__3--pcWide {
      display: flex;
      flex-direction: column;
      width: 25%; }
    .l-grid__4--pcWide {
      display: flex;
      flex-direction: column;
      width: 33.3333333333%; }
    .l-grid__5--pcWide {
      display: flex;
      flex-direction: column;
      width: 41.6666666667%; }
    .l-grid__6--pcWide {
      display: flex;
      flex-direction: column;
      width: 50%; }
    .l-grid__7--pcWide {
      display: flex;
      flex-direction: column;
      width: 58.3333333333%; }
    .l-grid__8--pcWide {
      display: flex;
      flex-direction: column;
      width: 66.6666666667%; }
    .l-grid__9--pcWide {
      display: flex;
      flex-direction: column;
      width: 75%; }
    .l-grid__10--pcWide {
      display: flex;
      flex-direction: column;
      width: 83.3333333333%; }
    .l-grid__11--pcWide {
      display: flex;
      flex-direction: column;
      width: 91.6666666667%; }
    .l-grid__12--pcWide {
      display: flex;
      flex-direction: column;
      width: 100%; } }
  @media screen and (max-width: 1280px) {
    .l-grid__1--pc {
      display: flex;
      flex-direction: column;
      width: 8.3333333333%; }
    .l-grid__2--pc {
      display: flex;
      flex-direction: column;
      width: 16.6666666667%; }
    .l-grid__3--pc {
      display: flex;
      flex-direction: column;
      width: 25%; }
    .l-grid__4--pc {
      display: flex;
      flex-direction: column;
      width: 33.3333333333%; }
    .l-grid__5--pc {
      display: flex;
      flex-direction: column;
      width: 41.6666666667%; }
    .l-grid__6--pc {
      display: flex;
      flex-direction: column;
      width: 50%; }
    .l-grid__7--pc {
      display: flex;
      flex-direction: column;
      width: 58.3333333333%; }
    .l-grid__8--pc {
      display: flex;
      flex-direction: column;
      width: 66.6666666667%; }
    .l-grid__9--pc {
      display: flex;
      flex-direction: column;
      width: 75%; }
    .l-grid__10--pc {
      display: flex;
      flex-direction: column;
      width: 83.3333333333%; }
    .l-grid__11--pc {
      display: flex;
      flex-direction: column;
      width: 91.6666666667%; }
    .l-grid__12--pc {
      display: flex;
      flex-direction: column;
      width: 100%; } }
  @media screen and (max-width: 1080px) {
    .l-grid__1--note {
      display: flex;
      flex-direction: column;
      width: 8.3333333333%; }
    .l-grid__2--note {
      display: flex;
      flex-direction: column;
      width: 16.6666666667%; }
    .l-grid__3--note {
      display: flex;
      flex-direction: column;
      width: 25%; }
    .l-grid__4--note {
      display: flex;
      flex-direction: column;
      width: 33.3333333333%; }
    .l-grid__5--note {
      display: flex;
      flex-direction: column;
      width: 41.6666666667%; }
    .l-grid__6--note {
      display: flex;
      flex-direction: column;
      width: 50%; }
    .l-grid__7--note {
      display: flex;
      flex-direction: column;
      width: 58.3333333333%; }
    .l-grid__8--note {
      display: flex;
      flex-direction: column;
      width: 66.6666666667%; }
    .l-grid__9--note {
      display: flex;
      flex-direction: column;
      width: 75%; }
    .l-grid__10--note {
      display: flex;
      flex-direction: column;
      width: 83.3333333333%; }
    .l-grid__11--note {
      display: flex;
      flex-direction: column;
      width: 91.6666666667%; }
    .l-grid__12--note {
      display: flex;
      flex-direction: column;
      width: 100%; } }
  @media screen and (max-width: 768px) {
    .l-grid__1--tablet {
      display: flex;
      flex-direction: column;
      width: 8.3333333333%; }
    .l-grid__2--tablet {
      display: flex;
      flex-direction: column;
      width: 16.6666666667%; }
    .l-grid__3--tablet {
      display: flex;
      flex-direction: column;
      width: 25%; }
    .l-grid__4--tablet {
      display: flex;
      flex-direction: column;
      width: 33.3333333333%; }
    .l-grid__5--tablet {
      display: flex;
      flex-direction: column;
      width: 41.6666666667%; }
    .l-grid__6--tablet {
      display: flex;
      flex-direction: column;
      width: 50%; }
    .l-grid__7--tablet {
      display: flex;
      flex-direction: column;
      width: 58.3333333333%; }
    .l-grid__8--tablet {
      display: flex;
      flex-direction: column;
      width: 66.6666666667%; }
    .l-grid__9--tablet {
      display: flex;
      flex-direction: column;
      width: 75%; }
    .l-grid__10--tablet {
      display: flex;
      flex-direction: column;
      width: 83.3333333333%; }
    .l-grid__11--tablet {
      display: flex;
      flex-direction: column;
      width: 91.6666666667%; }
    .l-grid__12--tablet {
      display: flex;
      flex-direction: column;
      width: 100%; } }
  @media screen and (max-width: 560px) {
    .l-grid__1--spWide {
      display: flex;
      flex-direction: column;
      width: 8.3333333333%; }
    .l-grid__2--spWide {
      display: flex;
      flex-direction: column;
      width: 16.6666666667%; }
    .l-grid__3--spWide {
      display: flex;
      flex-direction: column;
      width: 25%; }
    .l-grid__4--spWide {
      display: flex;
      flex-direction: column;
      width: 33.3333333333%; }
    .l-grid__5--spWide {
      display: flex;
      flex-direction: column;
      width: 41.6666666667%; }
    .l-grid__6--spWide {
      display: flex;
      flex-direction: column;
      width: 50%; }
    .l-grid__7--spWide {
      display: flex;
      flex-direction: column;
      width: 58.3333333333%; }
    .l-grid__8--spWide {
      display: flex;
      flex-direction: column;
      width: 66.6666666667%; }
    .l-grid__9--spWide {
      display: flex;
      flex-direction: column;
      width: 75%; }
    .l-grid__10--spWide {
      display: flex;
      flex-direction: column;
      width: 83.3333333333%; }
    .l-grid__11--spWide {
      display: flex;
      flex-direction: column;
      width: 91.6666666667%; }
    .l-grid__12--spWide {
      display: flex;
      flex-direction: column;
      width: 100%; } }
  @media screen and (max-width: 480px) {
    .l-grid__1--sp {
      display: flex;
      flex-direction: column;
      width: 8.3333333333%; }
    .l-grid__2--sp {
      display: flex;
      flex-direction: column;
      width: 16.6666666667%; }
    .l-grid__3--sp {
      display: flex;
      flex-direction: column;
      width: 25%; }
    .l-grid__4--sp {
      display: flex;
      flex-direction: column;
      width: 33.3333333333%; }
    .l-grid__5--sp {
      display: flex;
      flex-direction: column;
      width: 41.6666666667%; }
    .l-grid__6--sp {
      display: flex;
      flex-direction: column;
      width: 50%; }
    .l-grid__7--sp {
      display: flex;
      flex-direction: column;
      width: 58.3333333333%; }
    .l-grid__8--sp {
      display: flex;
      flex-direction: column;
      width: 66.6666666667%; }
    .l-grid__9--sp {
      display: flex;
      flex-direction: column;
      width: 75%; }
    .l-grid__10--sp {
      display: flex;
      flex-direction: column;
      width: 83.3333333333%; }
    .l-grid__11--sp {
      display: flex;
      flex-direction: column;
      width: 91.6666666667%; }
    .l-grid__12--sp {
      display: flex;
      flex-direction: column;
      width: 100%; } }
  @media screen and (max-width: 374px) {
    .l-grid__1--spNarrow {
      display: flex;
      flex-direction: column;
      width: 8.3333333333%; }
    .l-grid__2--spNarrow {
      display: flex;
      flex-direction: column;
      width: 16.6666666667%; }
    .l-grid__3--spNarrow {
      display: flex;
      flex-direction: column;
      width: 25%; }
    .l-grid__4--spNarrow {
      display: flex;
      flex-direction: column;
      width: 33.3333333333%; }
    .l-grid__5--spNarrow {
      display: flex;
      flex-direction: column;
      width: 41.6666666667%; }
    .l-grid__6--spNarrow {
      display: flex;
      flex-direction: column;
      width: 50%; }
    .l-grid__7--spNarrow {
      display: flex;
      flex-direction: column;
      width: 58.3333333333%; }
    .l-grid__8--spNarrow {
      display: flex;
      flex-direction: column;
      width: 66.6666666667%; }
    .l-grid__9--spNarrow {
      display: flex;
      flex-direction: column;
      width: 75%; }
    .l-grid__10--spNarrow {
      display: flex;
      flex-direction: column;
      width: 83.3333333333%; }
    .l-grid__11--spNarrow {
      display: flex;
      flex-direction: column;
      width: 91.6666666667%; }
    .l-grid__12--spNarrow {
      display: flex;
      flex-direction: column;
      width: 100%; } }
  .l-grid--gap8 {
    margin: -4px; }
    .l-grid--gap8 > * {
      padding: 4px; }
  .l-grid--gap16 {
    margin: -8px; }
    .l-grid--gap16 > * {
      padding: 8px; }
  .l-grid--gap24 {
    margin: -12px; }
    .l-grid--gap24 > * {
      padding: 12px; }
  .l-grid--gap32 {
    margin: -16px; }
    .l-grid--gap32 > * {
      padding: 16px; }
  .l-grid--gap40 {
    margin: -20px; }
    .l-grid--gap40 > * {
      padding: 20px; }
  .l-grid--gap48 {
    margin: -24px; }
    .l-grid--gap48 > * {
      padding: 24px; }
  .l-grid--gap56 {
    margin: -28px; }
    .l-grid--gap56 > * {
      padding: 28px; }
  .l-grid--gap64 {
    margin: -32px; }
    .l-grid--gap64 > * {
      padding: 32px; }
  .l-grid--gap72 {
    margin: -36px; }
    .l-grid--gap72 > * {
      padding: 36px; }
  .l-grid--gap80 {
    margin: -40px; }
    .l-grid--gap80 > * {
      padding: 40px; }
  @media screen and (max-width: 1440px) {
    .l-grid--gap8--pcWide {
      margin: -4px; }
      .l-grid--gap8--pcWide > * {
        padding: 4px; }
    .l-grid--gap16--pcWide {
      margin: -8px; }
      .l-grid--gap16--pcWide > * {
        padding: 8px; }
    .l-grid--gap24--pcWide {
      margin: -12px; }
      .l-grid--gap24--pcWide > * {
        padding: 12px; }
    .l-grid--gap32--pcWide {
      margin: -16px; }
      .l-grid--gap32--pcWide > * {
        padding: 16px; }
    .l-grid--gap40--pcWide {
      margin: -20px; }
      .l-grid--gap40--pcWide > * {
        padding: 20px; }
    .l-grid--gap48--pcWide {
      margin: -24px; }
      .l-grid--gap48--pcWide > * {
        padding: 24px; }
    .l-grid--gap56--pcWide {
      margin: -28px; }
      .l-grid--gap56--pcWide > * {
        padding: 28px; }
    .l-grid--gap64--pcWide {
      margin: -32px; }
      .l-grid--gap64--pcWide > * {
        padding: 32px; }
    .l-grid--gap72--pcWide {
      margin: -36px; }
      .l-grid--gap72--pcWide > * {
        padding: 36px; }
    .l-grid--gap80--pcWide {
      margin: -40px; }
      .l-grid--gap80--pcWide > * {
        padding: 40px; } }
  @media screen and (max-width: 1280px) {
    .l-grid--gap8--pc {
      margin: -4px; }
      .l-grid--gap8--pc > * {
        padding: 4px; }
    .l-grid--gap16--pc {
      margin: -8px; }
      .l-grid--gap16--pc > * {
        padding: 8px; }
    .l-grid--gap24--pc {
      margin: -12px; }
      .l-grid--gap24--pc > * {
        padding: 12px; }
    .l-grid--gap32--pc {
      margin: -16px; }
      .l-grid--gap32--pc > * {
        padding: 16px; }
    .l-grid--gap40--pc {
      margin: -20px; }
      .l-grid--gap40--pc > * {
        padding: 20px; }
    .l-grid--gap48--pc {
      margin: -24px; }
      .l-grid--gap48--pc > * {
        padding: 24px; }
    .l-grid--gap56--pc {
      margin: -28px; }
      .l-grid--gap56--pc > * {
        padding: 28px; }
    .l-grid--gap64--pc {
      margin: -32px; }
      .l-grid--gap64--pc > * {
        padding: 32px; }
    .l-grid--gap72--pc {
      margin: -36px; }
      .l-grid--gap72--pc > * {
        padding: 36px; }
    .l-grid--gap80--pc {
      margin: -40px; }
      .l-grid--gap80--pc > * {
        padding: 40px; } }
  @media screen and (max-width: 1080px) {
    .l-grid--gap8--note {
      margin: -4px; }
      .l-grid--gap8--note > * {
        padding: 4px; }
    .l-grid--gap16--note {
      margin: -8px; }
      .l-grid--gap16--note > * {
        padding: 8px; }
    .l-grid--gap24--note {
      margin: -12px; }
      .l-grid--gap24--note > * {
        padding: 12px; }
    .l-grid--gap32--note {
      margin: -16px; }
      .l-grid--gap32--note > * {
        padding: 16px; }
    .l-grid--gap40--note {
      margin: -20px; }
      .l-grid--gap40--note > * {
        padding: 20px; }
    .l-grid--gap48--note {
      margin: -24px; }
      .l-grid--gap48--note > * {
        padding: 24px; }
    .l-grid--gap56--note {
      margin: -28px; }
      .l-grid--gap56--note > * {
        padding: 28px; }
    .l-grid--gap64--note {
      margin: -32px; }
      .l-grid--gap64--note > * {
        padding: 32px; }
    .l-grid--gap72--note {
      margin: -36px; }
      .l-grid--gap72--note > * {
        padding: 36px; }
    .l-grid--gap80--note {
      margin: -40px; }
      .l-grid--gap80--note > * {
        padding: 40px; } }
  @media screen and (max-width: 768px) {
    .l-grid--gap8--tablet {
      margin: -4px; }
      .l-grid--gap8--tablet > * {
        padding: 4px; }
    .l-grid--gap16--tablet {
      margin: -8px; }
      .l-grid--gap16--tablet > * {
        padding: 8px; }
    .l-grid--gap24--tablet {
      margin: -12px; }
      .l-grid--gap24--tablet > * {
        padding: 12px; }
    .l-grid--gap32--tablet {
      margin: -16px; }
      .l-grid--gap32--tablet > * {
        padding: 16px; }
    .l-grid--gap40--tablet {
      margin: -20px; }
      .l-grid--gap40--tablet > * {
        padding: 20px; }
    .l-grid--gap48--tablet {
      margin: -24px; }
      .l-grid--gap48--tablet > * {
        padding: 24px; }
    .l-grid--gap56--tablet {
      margin: -28px; }
      .l-grid--gap56--tablet > * {
        padding: 28px; }
    .l-grid--gap64--tablet {
      margin: -32px; }
      .l-grid--gap64--tablet > * {
        padding: 32px; }
    .l-grid--gap72--tablet {
      margin: -36px; }
      .l-grid--gap72--tablet > * {
        padding: 36px; }
    .l-grid--gap80--tablet {
      margin: -40px; }
      .l-grid--gap80--tablet > * {
        padding: 40px; } }
  @media screen and (max-width: 560px) {
    .l-grid--gap8--spWide {
      margin: -4px; }
      .l-grid--gap8--spWide > * {
        padding: 4px; }
    .l-grid--gap16--spWide {
      margin: -8px; }
      .l-grid--gap16--spWide > * {
        padding: 8px; }
    .l-grid--gap24--spWide {
      margin: -12px; }
      .l-grid--gap24--spWide > * {
        padding: 12px; }
    .l-grid--gap32--spWide {
      margin: -16px; }
      .l-grid--gap32--spWide > * {
        padding: 16px; }
    .l-grid--gap40--spWide {
      margin: -20px; }
      .l-grid--gap40--spWide > * {
        padding: 20px; }
    .l-grid--gap48--spWide {
      margin: -24px; }
      .l-grid--gap48--spWide > * {
        padding: 24px; }
    .l-grid--gap56--spWide {
      margin: -28px; }
      .l-grid--gap56--spWide > * {
        padding: 28px; }
    .l-grid--gap64--spWide {
      margin: -32px; }
      .l-grid--gap64--spWide > * {
        padding: 32px; }
    .l-grid--gap72--spWide {
      margin: -36px; }
      .l-grid--gap72--spWide > * {
        padding: 36px; }
    .l-grid--gap80--spWide {
      margin: -40px; }
      .l-grid--gap80--spWide > * {
        padding: 40px; } }
  @media screen and (max-width: 480px) {
    .l-grid--gap8--sp {
      margin: -4px; }
      .l-grid--gap8--sp > * {
        padding: 4px; }
    .l-grid--gap16--sp {
      margin: -8px; }
      .l-grid--gap16--sp > * {
        padding: 8px; }
    .l-grid--gap24--sp {
      margin: -12px; }
      .l-grid--gap24--sp > * {
        padding: 12px; }
    .l-grid--gap32--sp {
      margin: -16px; }
      .l-grid--gap32--sp > * {
        padding: 16px; }
    .l-grid--gap40--sp {
      margin: -20px; }
      .l-grid--gap40--sp > * {
        padding: 20px; }
    .l-grid--gap48--sp {
      margin: -24px; }
      .l-grid--gap48--sp > * {
        padding: 24px; }
    .l-grid--gap56--sp {
      margin: -28px; }
      .l-grid--gap56--sp > * {
        padding: 28px; }
    .l-grid--gap64--sp {
      margin: -32px; }
      .l-grid--gap64--sp > * {
        padding: 32px; }
    .l-grid--gap72--sp {
      margin: -36px; }
      .l-grid--gap72--sp > * {
        padding: 36px; }
    .l-grid--gap80--sp {
      margin: -40px; }
      .l-grid--gap80--sp > * {
        padding: 40px; } }
  @media screen and (max-width: 374px) {
    .l-grid--gap8--spNarrow {
      margin: -4px; }
      .l-grid--gap8--spNarrow > * {
        padding: 4px; }
    .l-grid--gap16--spNarrow {
      margin: -8px; }
      .l-grid--gap16--spNarrow > * {
        padding: 8px; }
    .l-grid--gap24--spNarrow {
      margin: -12px; }
      .l-grid--gap24--spNarrow > * {
        padding: 12px; }
    .l-grid--gap32--spNarrow {
      margin: -16px; }
      .l-grid--gap32--spNarrow > * {
        padding: 16px; }
    .l-grid--gap40--spNarrow {
      margin: -20px; }
      .l-grid--gap40--spNarrow > * {
        padding: 20px; }
    .l-grid--gap48--spNarrow {
      margin: -24px; }
      .l-grid--gap48--spNarrow > * {
        padding: 24px; }
    .l-grid--gap56--spNarrow {
      margin: -28px; }
      .l-grid--gap56--spNarrow > * {
        padding: 28px; }
    .l-grid--gap64--spNarrow {
      margin: -32px; }
      .l-grid--gap64--spNarrow > * {
        padding: 32px; }
    .l-grid--gap72--spNarrow {
      margin: -36px; }
      .l-grid--gap72--spNarrow > * {
        padding: 36px; }
    .l-grid--gap80--spNarrow {
      margin: -40px; }
      .l-grid--gap80--spNarrow > * {
        padding: 40px; } }
  .l-grid__fix10 {
    flex: 0 0 10px;
    min-width: 0; }
  .l-grid__fix20 {
    flex: 0 0 20px;
    min-width: 0; }
  .l-grid__fix30 {
    flex: 0 0 30px;
    min-width: 0; }
  .l-grid__fix40 {
    flex: 0 0 40px;
    min-width: 0; }
  .l-grid__fix50 {
    flex: 0 0 50px;
    min-width: 0; }
  .l-grid__fix60 {
    flex: 0 0 60px;
    min-width: 0; }
  .l-grid__fix70 {
    flex: 0 0 70px;
    min-width: 0; }
  .l-grid__fix80 {
    flex: 0 0 80px;
    min-width: 0; }
  .l-grid__fix90 {
    flex: 0 0 90px;
    min-width: 0; }
  .l-grid__fix100 {
    flex: 0 0 100px;
    min-width: 0; }
  .l-grid__fix110 {
    flex: 0 0 110px;
    min-width: 0; }
  .l-grid__fix120 {
    flex: 0 0 120px;
    min-width: 0; }
  .l-grid__fix130 {
    flex: 0 0 130px;
    min-width: 0; }
  .l-grid__fix140 {
    flex: 0 0 140px;
    min-width: 0; }
  .l-grid__fix150 {
    flex: 0 0 150px;
    min-width: 0; }
  .l-grid__fix160 {
    flex: 0 0 160px;
    min-width: 0; }
  .l-grid__fix170 {
    flex: 0 0 170px;
    min-width: 0; }
  .l-grid__fix180 {
    flex: 0 0 180px;
    min-width: 0; }
  .l-grid__fix190 {
    flex: 0 0 190px;
    min-width: 0; }
  .l-grid__fix200 {
    flex: 0 0 200px;
    min-width: 0; }
  .l-grid__fix210 {
    flex: 0 0 210px;
    min-width: 0; }
  .l-grid__fix220 {
    flex: 0 0 220px;
    min-width: 0; }
  .l-grid__fix230 {
    flex: 0 0 230px;
    min-width: 0; }
  .l-grid__fix240 {
    flex: 0 0 240px;
    min-width: 0; }
  .l-grid__fix250 {
    flex: 0 0 250px;
    min-width: 0; }
  .l-grid__fix260 {
    flex: 0 0 260px;
    min-width: 0; }
  .l-grid__fix270 {
    flex: 0 0 270px;
    min-width: 0; }
  .l-grid__fix280 {
    flex: 0 0 280px;
    min-width: 0; }
  .l-grid__fix290 {
    flex: 0 0 290px;
    min-width: 0; }
  .l-grid__fix300 {
    flex: 0 0 300px;
    min-width: 0; }
  .l-grid__fix310 {
    flex: 0 0 310px;
    min-width: 0; }
  .l-grid__fix320 {
    flex: 0 0 320px;
    min-width: 0; }
  .l-grid__fix330 {
    flex: 0 0 330px;
    min-width: 0; }
  .l-grid__fix340 {
    flex: 0 0 340px;
    min-width: 0; }
  .l-grid__fix350 {
    flex: 0 0 350px;
    min-width: 0; }
  .l-grid__fix360 {
    flex: 0 0 360px;
    min-width: 0; }
  .l-grid__fix370 {
    flex: 0 0 370px;
    min-width: 0; }
  .l-grid__fix380 {
    flex: 0 0 380px;
    min-width: 0; }
  .l-grid__fix390 {
    flex: 0 0 390px;
    min-width: 0; }
  .l-grid__fix400 {
    flex: 0 0 400px;
    min-width: 0; }
  .l-grid__fix410 {
    flex: 0 0 410px;
    min-width: 0; }
  .l-grid__fix420 {
    flex: 0 0 420px;
    min-width: 0; }
  .l-grid__fix430 {
    flex: 0 0 430px;
    min-width: 0; }
  .l-grid__fix440 {
    flex: 0 0 440px;
    min-width: 0; }
  .l-grid__fix450 {
    flex: 0 0 450px;
    min-width: 0; }
  .l-grid__fix460 {
    flex: 0 0 460px;
    min-width: 0; }
  .l-grid__fix470 {
    flex: 0 0 470px;
    min-width: 0; }
  .l-grid__fix480 {
    flex: 0 0 480px;
    min-width: 0; }
  .l-grid__fix490 {
    flex: 0 0 490px;
    min-width: 0; }
  .l-grid__fix500 {
    flex: 0 0 500px;
    min-width: 0; }
  .l-grid__fix510 {
    flex: 0 0 510px;
    min-width: 0; }
  .l-grid__fix520 {
    flex: 0 0 520px;
    min-width: 0; }
  .l-grid__fix530 {
    flex: 0 0 530px;
    min-width: 0; }
  .l-grid__fix540 {
    flex: 0 0 540px;
    min-width: 0; }
  .l-grid__fix550 {
    flex: 0 0 550px;
    min-width: 0; }
  .l-grid__fix560 {
    flex: 0 0 560px;
    min-width: 0; }
  .l-grid__fix570 {
    flex: 0 0 570px;
    min-width: 0; }
  .l-grid__fix580 {
    flex: 0 0 580px;
    min-width: 0; }
  .l-grid__fix590 {
    flex: 0 0 590px;
    min-width: 0; }
  .l-grid__fix600 {
    flex: 0 0 600px;
    min-width: 0; }
  @media screen and (max-width: 1440px) {
    .l-grid__fix10--pcWide {
      flex: 0 0 10px;
      min-width: 0; }
    .l-grid__fix20--pcWide {
      flex: 0 0 20px;
      min-width: 0; }
    .l-grid__fix30--pcWide {
      flex: 0 0 30px;
      min-width: 0; }
    .l-grid__fix40--pcWide {
      flex: 0 0 40px;
      min-width: 0; }
    .l-grid__fix50--pcWide {
      flex: 0 0 50px;
      min-width: 0; }
    .l-grid__fix60--pcWide {
      flex: 0 0 60px;
      min-width: 0; }
    .l-grid__fix70--pcWide {
      flex: 0 0 70px;
      min-width: 0; }
    .l-grid__fix80--pcWide {
      flex: 0 0 80px;
      min-width: 0; }
    .l-grid__fix90--pcWide {
      flex: 0 0 90px;
      min-width: 0; }
    .l-grid__fix100--pcWide {
      flex: 0 0 100px;
      min-width: 0; }
    .l-grid__fix110--pcWide {
      flex: 0 0 110px;
      min-width: 0; }
    .l-grid__fix120--pcWide {
      flex: 0 0 120px;
      min-width: 0; }
    .l-grid__fix130--pcWide {
      flex: 0 0 130px;
      min-width: 0; }
    .l-grid__fix140--pcWide {
      flex: 0 0 140px;
      min-width: 0; }
    .l-grid__fix150--pcWide {
      flex: 0 0 150px;
      min-width: 0; }
    .l-grid__fix160--pcWide {
      flex: 0 0 160px;
      min-width: 0; }
    .l-grid__fix170--pcWide {
      flex: 0 0 170px;
      min-width: 0; }
    .l-grid__fix180--pcWide {
      flex: 0 0 180px;
      min-width: 0; }
    .l-grid__fix190--pcWide {
      flex: 0 0 190px;
      min-width: 0; }
    .l-grid__fix200--pcWide {
      flex: 0 0 200px;
      min-width: 0; }
    .l-grid__fix210--pcWide {
      flex: 0 0 210px;
      min-width: 0; }
    .l-grid__fix220--pcWide {
      flex: 0 0 220px;
      min-width: 0; }
    .l-grid__fix230--pcWide {
      flex: 0 0 230px;
      min-width: 0; }
    .l-grid__fix240--pcWide {
      flex: 0 0 240px;
      min-width: 0; }
    .l-grid__fix250--pcWide {
      flex: 0 0 250px;
      min-width: 0; }
    .l-grid__fix260--pcWide {
      flex: 0 0 260px;
      min-width: 0; }
    .l-grid__fix270--pcWide {
      flex: 0 0 270px;
      min-width: 0; }
    .l-grid__fix280--pcWide {
      flex: 0 0 280px;
      min-width: 0; }
    .l-grid__fix290--pcWide {
      flex: 0 0 290px;
      min-width: 0; }
    .l-grid__fix300--pcWide {
      flex: 0 0 300px;
      min-width: 0; }
    .l-grid__fix310--pcWide {
      flex: 0 0 310px;
      min-width: 0; }
    .l-grid__fix320--pcWide {
      flex: 0 0 320px;
      min-width: 0; }
    .l-grid__fix330--pcWide {
      flex: 0 0 330px;
      min-width: 0; }
    .l-grid__fix340--pcWide {
      flex: 0 0 340px;
      min-width: 0; }
    .l-grid__fix350--pcWide {
      flex: 0 0 350px;
      min-width: 0; }
    .l-grid__fix360--pcWide {
      flex: 0 0 360px;
      min-width: 0; }
    .l-grid__fix370--pcWide {
      flex: 0 0 370px;
      min-width: 0; }
    .l-grid__fix380--pcWide {
      flex: 0 0 380px;
      min-width: 0; }
    .l-grid__fix390--pcWide {
      flex: 0 0 390px;
      min-width: 0; }
    .l-grid__fix400--pcWide {
      flex: 0 0 400px;
      min-width: 0; }
    .l-grid__fix410--pcWide {
      flex: 0 0 410px;
      min-width: 0; }
    .l-grid__fix420--pcWide {
      flex: 0 0 420px;
      min-width: 0; }
    .l-grid__fix430--pcWide {
      flex: 0 0 430px;
      min-width: 0; }
    .l-grid__fix440--pcWide {
      flex: 0 0 440px;
      min-width: 0; }
    .l-grid__fix450--pcWide {
      flex: 0 0 450px;
      min-width: 0; }
    .l-grid__fix460--pcWide {
      flex: 0 0 460px;
      min-width: 0; }
    .l-grid__fix470--pcWide {
      flex: 0 0 470px;
      min-width: 0; }
    .l-grid__fix480--pcWide {
      flex: 0 0 480px;
      min-width: 0; }
    .l-grid__fix490--pcWide {
      flex: 0 0 490px;
      min-width: 0; }
    .l-grid__fix500--pcWide {
      flex: 0 0 500px;
      min-width: 0; }
    .l-grid__fix510--pcWide {
      flex: 0 0 510px;
      min-width: 0; }
    .l-grid__fix520--pcWide {
      flex: 0 0 520px;
      min-width: 0; }
    .l-grid__fix530--pcWide {
      flex: 0 0 530px;
      min-width: 0; }
    .l-grid__fix540--pcWide {
      flex: 0 0 540px;
      min-width: 0; }
    .l-grid__fix550--pcWide {
      flex: 0 0 550px;
      min-width: 0; }
    .l-grid__fix560--pcWide {
      flex: 0 0 560px;
      min-width: 0; }
    .l-grid__fix570--pcWide {
      flex: 0 0 570px;
      min-width: 0; }
    .l-grid__fix580--pcWide {
      flex: 0 0 580px;
      min-width: 0; }
    .l-grid__fix590--pcWide {
      flex: 0 0 590px;
      min-width: 0; }
    .l-grid__fix600--pcWide {
      flex: 0 0 600px;
      min-width: 0; } }
  @media screen and (max-width: 1280px) {
    .l-grid__fix10--pc {
      flex: 0 0 10px;
      min-width: 0; }
    .l-grid__fix20--pc {
      flex: 0 0 20px;
      min-width: 0; }
    .l-grid__fix30--pc {
      flex: 0 0 30px;
      min-width: 0; }
    .l-grid__fix40--pc {
      flex: 0 0 40px;
      min-width: 0; }
    .l-grid__fix50--pc {
      flex: 0 0 50px;
      min-width: 0; }
    .l-grid__fix60--pc {
      flex: 0 0 60px;
      min-width: 0; }
    .l-grid__fix70--pc {
      flex: 0 0 70px;
      min-width: 0; }
    .l-grid__fix80--pc {
      flex: 0 0 80px;
      min-width: 0; }
    .l-grid__fix90--pc {
      flex: 0 0 90px;
      min-width: 0; }
    .l-grid__fix100--pc {
      flex: 0 0 100px;
      min-width: 0; }
    .l-grid__fix110--pc {
      flex: 0 0 110px;
      min-width: 0; }
    .l-grid__fix120--pc {
      flex: 0 0 120px;
      min-width: 0; }
    .l-grid__fix130--pc {
      flex: 0 0 130px;
      min-width: 0; }
    .l-grid__fix140--pc {
      flex: 0 0 140px;
      min-width: 0; }
    .l-grid__fix150--pc {
      flex: 0 0 150px;
      min-width: 0; }
    .l-grid__fix160--pc {
      flex: 0 0 160px;
      min-width: 0; }
    .l-grid__fix170--pc {
      flex: 0 0 170px;
      min-width: 0; }
    .l-grid__fix180--pc {
      flex: 0 0 180px;
      min-width: 0; }
    .l-grid__fix190--pc {
      flex: 0 0 190px;
      min-width: 0; }
    .l-grid__fix200--pc {
      flex: 0 0 200px;
      min-width: 0; }
    .l-grid__fix210--pc {
      flex: 0 0 210px;
      min-width: 0; }
    .l-grid__fix220--pc {
      flex: 0 0 220px;
      min-width: 0; }
    .l-grid__fix230--pc {
      flex: 0 0 230px;
      min-width: 0; }
    .l-grid__fix240--pc {
      flex: 0 0 240px;
      min-width: 0; }
    .l-grid__fix250--pc {
      flex: 0 0 250px;
      min-width: 0; }
    .l-grid__fix260--pc {
      flex: 0 0 260px;
      min-width: 0; }
    .l-grid__fix270--pc {
      flex: 0 0 270px;
      min-width: 0; }
    .l-grid__fix280--pc {
      flex: 0 0 280px;
      min-width: 0; }
    .l-grid__fix290--pc {
      flex: 0 0 290px;
      min-width: 0; }
    .l-grid__fix300--pc {
      flex: 0 0 300px;
      min-width: 0; }
    .l-grid__fix310--pc {
      flex: 0 0 310px;
      min-width: 0; }
    .l-grid__fix320--pc {
      flex: 0 0 320px;
      min-width: 0; }
    .l-grid__fix330--pc {
      flex: 0 0 330px;
      min-width: 0; }
    .l-grid__fix340--pc {
      flex: 0 0 340px;
      min-width: 0; }
    .l-grid__fix350--pc {
      flex: 0 0 350px;
      min-width: 0; }
    .l-grid__fix360--pc {
      flex: 0 0 360px;
      min-width: 0; }
    .l-grid__fix370--pc {
      flex: 0 0 370px;
      min-width: 0; }
    .l-grid__fix380--pc {
      flex: 0 0 380px;
      min-width: 0; }
    .l-grid__fix390--pc {
      flex: 0 0 390px;
      min-width: 0; }
    .l-grid__fix400--pc {
      flex: 0 0 400px;
      min-width: 0; }
    .l-grid__fix410--pc {
      flex: 0 0 410px;
      min-width: 0; }
    .l-grid__fix420--pc {
      flex: 0 0 420px;
      min-width: 0; }
    .l-grid__fix430--pc {
      flex: 0 0 430px;
      min-width: 0; }
    .l-grid__fix440--pc {
      flex: 0 0 440px;
      min-width: 0; }
    .l-grid__fix450--pc {
      flex: 0 0 450px;
      min-width: 0; }
    .l-grid__fix460--pc {
      flex: 0 0 460px;
      min-width: 0; }
    .l-grid__fix470--pc {
      flex: 0 0 470px;
      min-width: 0; }
    .l-grid__fix480--pc {
      flex: 0 0 480px;
      min-width: 0; }
    .l-grid__fix490--pc {
      flex: 0 0 490px;
      min-width: 0; }
    .l-grid__fix500--pc {
      flex: 0 0 500px;
      min-width: 0; }
    .l-grid__fix510--pc {
      flex: 0 0 510px;
      min-width: 0; }
    .l-grid__fix520--pc {
      flex: 0 0 520px;
      min-width: 0; }
    .l-grid__fix530--pc {
      flex: 0 0 530px;
      min-width: 0; }
    .l-grid__fix540--pc {
      flex: 0 0 540px;
      min-width: 0; }
    .l-grid__fix550--pc {
      flex: 0 0 550px;
      min-width: 0; }
    .l-grid__fix560--pc {
      flex: 0 0 560px;
      min-width: 0; }
    .l-grid__fix570--pc {
      flex: 0 0 570px;
      min-width: 0; }
    .l-grid__fix580--pc {
      flex: 0 0 580px;
      min-width: 0; }
    .l-grid__fix590--pc {
      flex: 0 0 590px;
      min-width: 0; }
    .l-grid__fix600--pc {
      flex: 0 0 600px;
      min-width: 0; } }
  @media screen and (max-width: 1080px) {
    .l-grid__fix10--note {
      flex: 0 0 10px;
      min-width: 0; }
    .l-grid__fix20--note {
      flex: 0 0 20px;
      min-width: 0; }
    .l-grid__fix30--note {
      flex: 0 0 30px;
      min-width: 0; }
    .l-grid__fix40--note {
      flex: 0 0 40px;
      min-width: 0; }
    .l-grid__fix50--note {
      flex: 0 0 50px;
      min-width: 0; }
    .l-grid__fix60--note {
      flex: 0 0 60px;
      min-width: 0; }
    .l-grid__fix70--note {
      flex: 0 0 70px;
      min-width: 0; }
    .l-grid__fix80--note {
      flex: 0 0 80px;
      min-width: 0; }
    .l-grid__fix90--note {
      flex: 0 0 90px;
      min-width: 0; }
    .l-grid__fix100--note {
      flex: 0 0 100px;
      min-width: 0; }
    .l-grid__fix110--note {
      flex: 0 0 110px;
      min-width: 0; }
    .l-grid__fix120--note {
      flex: 0 0 120px;
      min-width: 0; }
    .l-grid__fix130--note {
      flex: 0 0 130px;
      min-width: 0; }
    .l-grid__fix140--note {
      flex: 0 0 140px;
      min-width: 0; }
    .l-grid__fix150--note {
      flex: 0 0 150px;
      min-width: 0; }
    .l-grid__fix160--note {
      flex: 0 0 160px;
      min-width: 0; }
    .l-grid__fix170--note {
      flex: 0 0 170px;
      min-width: 0; }
    .l-grid__fix180--note {
      flex: 0 0 180px;
      min-width: 0; }
    .l-grid__fix190--note {
      flex: 0 0 190px;
      min-width: 0; }
    .l-grid__fix200--note {
      flex: 0 0 200px;
      min-width: 0; }
    .l-grid__fix210--note {
      flex: 0 0 210px;
      min-width: 0; }
    .l-grid__fix220--note {
      flex: 0 0 220px;
      min-width: 0; }
    .l-grid__fix230--note {
      flex: 0 0 230px;
      min-width: 0; }
    .l-grid__fix240--note {
      flex: 0 0 240px;
      min-width: 0; }
    .l-grid__fix250--note {
      flex: 0 0 250px;
      min-width: 0; }
    .l-grid__fix260--note {
      flex: 0 0 260px;
      min-width: 0; }
    .l-grid__fix270--note {
      flex: 0 0 270px;
      min-width: 0; }
    .l-grid__fix280--note {
      flex: 0 0 280px;
      min-width: 0; }
    .l-grid__fix290--note {
      flex: 0 0 290px;
      min-width: 0; }
    .l-grid__fix300--note {
      flex: 0 0 300px;
      min-width: 0; }
    .l-grid__fix310--note {
      flex: 0 0 310px;
      min-width: 0; }
    .l-grid__fix320--note {
      flex: 0 0 320px;
      min-width: 0; }
    .l-grid__fix330--note {
      flex: 0 0 330px;
      min-width: 0; }
    .l-grid__fix340--note {
      flex: 0 0 340px;
      min-width: 0; }
    .l-grid__fix350--note {
      flex: 0 0 350px;
      min-width: 0; }
    .l-grid__fix360--note {
      flex: 0 0 360px;
      min-width: 0; }
    .l-grid__fix370--note {
      flex: 0 0 370px;
      min-width: 0; }
    .l-grid__fix380--note {
      flex: 0 0 380px;
      min-width: 0; }
    .l-grid__fix390--note {
      flex: 0 0 390px;
      min-width: 0; }
    .l-grid__fix400--note {
      flex: 0 0 400px;
      min-width: 0; }
    .l-grid__fix410--note {
      flex: 0 0 410px;
      min-width: 0; }
    .l-grid__fix420--note {
      flex: 0 0 420px;
      min-width: 0; }
    .l-grid__fix430--note {
      flex: 0 0 430px;
      min-width: 0; }
    .l-grid__fix440--note {
      flex: 0 0 440px;
      min-width: 0; }
    .l-grid__fix450--note {
      flex: 0 0 450px;
      min-width: 0; }
    .l-grid__fix460--note {
      flex: 0 0 460px;
      min-width: 0; }
    .l-grid__fix470--note {
      flex: 0 0 470px;
      min-width: 0; }
    .l-grid__fix480--note {
      flex: 0 0 480px;
      min-width: 0; }
    .l-grid__fix490--note {
      flex: 0 0 490px;
      min-width: 0; }
    .l-grid__fix500--note {
      flex: 0 0 500px;
      min-width: 0; }
    .l-grid__fix510--note {
      flex: 0 0 510px;
      min-width: 0; }
    .l-grid__fix520--note {
      flex: 0 0 520px;
      min-width: 0; }
    .l-grid__fix530--note {
      flex: 0 0 530px;
      min-width: 0; }
    .l-grid__fix540--note {
      flex: 0 0 540px;
      min-width: 0; }
    .l-grid__fix550--note {
      flex: 0 0 550px;
      min-width: 0; }
    .l-grid__fix560--note {
      flex: 0 0 560px;
      min-width: 0; }
    .l-grid__fix570--note {
      flex: 0 0 570px;
      min-width: 0; }
    .l-grid__fix580--note {
      flex: 0 0 580px;
      min-width: 0; }
    .l-grid__fix590--note {
      flex: 0 0 590px;
      min-width: 0; }
    .l-grid__fix600--note {
      flex: 0 0 600px;
      min-width: 0; } }
  @media screen and (max-width: 768px) {
    .l-grid__fix10--tablet {
      flex: 0 0 10px;
      min-width: 0; }
    .l-grid__fix20--tablet {
      flex: 0 0 20px;
      min-width: 0; }
    .l-grid__fix30--tablet {
      flex: 0 0 30px;
      min-width: 0; }
    .l-grid__fix40--tablet {
      flex: 0 0 40px;
      min-width: 0; }
    .l-grid__fix50--tablet {
      flex: 0 0 50px;
      min-width: 0; }
    .l-grid__fix60--tablet {
      flex: 0 0 60px;
      min-width: 0; }
    .l-grid__fix70--tablet {
      flex: 0 0 70px;
      min-width: 0; }
    .l-grid__fix80--tablet {
      flex: 0 0 80px;
      min-width: 0; }
    .l-grid__fix90--tablet {
      flex: 0 0 90px;
      min-width: 0; }
    .l-grid__fix100--tablet {
      flex: 0 0 100px;
      min-width: 0; }
    .l-grid__fix110--tablet {
      flex: 0 0 110px;
      min-width: 0; }
    .l-grid__fix120--tablet {
      flex: 0 0 120px;
      min-width: 0; }
    .l-grid__fix130--tablet {
      flex: 0 0 130px;
      min-width: 0; }
    .l-grid__fix140--tablet {
      flex: 0 0 140px;
      min-width: 0; }
    .l-grid__fix150--tablet {
      flex: 0 0 150px;
      min-width: 0; }
    .l-grid__fix160--tablet {
      flex: 0 0 160px;
      min-width: 0; }
    .l-grid__fix170--tablet {
      flex: 0 0 170px;
      min-width: 0; }
    .l-grid__fix180--tablet {
      flex: 0 0 180px;
      min-width: 0; }
    .l-grid__fix190--tablet {
      flex: 0 0 190px;
      min-width: 0; }
    .l-grid__fix200--tablet {
      flex: 0 0 200px;
      min-width: 0; }
    .l-grid__fix210--tablet {
      flex: 0 0 210px;
      min-width: 0; }
    .l-grid__fix220--tablet {
      flex: 0 0 220px;
      min-width: 0; }
    .l-grid__fix230--tablet {
      flex: 0 0 230px;
      min-width: 0; }
    .l-grid__fix240--tablet {
      flex: 0 0 240px;
      min-width: 0; }
    .l-grid__fix250--tablet {
      flex: 0 0 250px;
      min-width: 0; }
    .l-grid__fix260--tablet {
      flex: 0 0 260px;
      min-width: 0; }
    .l-grid__fix270--tablet {
      flex: 0 0 270px;
      min-width: 0; }
    .l-grid__fix280--tablet {
      flex: 0 0 280px;
      min-width: 0; }
    .l-grid__fix290--tablet {
      flex: 0 0 290px;
      min-width: 0; }
    .l-grid__fix300--tablet {
      flex: 0 0 300px;
      min-width: 0; }
    .l-grid__fix310--tablet {
      flex: 0 0 310px;
      min-width: 0; }
    .l-grid__fix320--tablet {
      flex: 0 0 320px;
      min-width: 0; }
    .l-grid__fix330--tablet {
      flex: 0 0 330px;
      min-width: 0; }
    .l-grid__fix340--tablet {
      flex: 0 0 340px;
      min-width: 0; }
    .l-grid__fix350--tablet {
      flex: 0 0 350px;
      min-width: 0; }
    .l-grid__fix360--tablet {
      flex: 0 0 360px;
      min-width: 0; }
    .l-grid__fix370--tablet {
      flex: 0 0 370px;
      min-width: 0; }
    .l-grid__fix380--tablet {
      flex: 0 0 380px;
      min-width: 0; }
    .l-grid__fix390--tablet {
      flex: 0 0 390px;
      min-width: 0; }
    .l-grid__fix400--tablet {
      flex: 0 0 400px;
      min-width: 0; }
    .l-grid__fix410--tablet {
      flex: 0 0 410px;
      min-width: 0; }
    .l-grid__fix420--tablet {
      flex: 0 0 420px;
      min-width: 0; }
    .l-grid__fix430--tablet {
      flex: 0 0 430px;
      min-width: 0; }
    .l-grid__fix440--tablet {
      flex: 0 0 440px;
      min-width: 0; }
    .l-grid__fix450--tablet {
      flex: 0 0 450px;
      min-width: 0; }
    .l-grid__fix460--tablet {
      flex: 0 0 460px;
      min-width: 0; }
    .l-grid__fix470--tablet {
      flex: 0 0 470px;
      min-width: 0; }
    .l-grid__fix480--tablet {
      flex: 0 0 480px;
      min-width: 0; }
    .l-grid__fix490--tablet {
      flex: 0 0 490px;
      min-width: 0; }
    .l-grid__fix500--tablet {
      flex: 0 0 500px;
      min-width: 0; }
    .l-grid__fix510--tablet {
      flex: 0 0 510px;
      min-width: 0; }
    .l-grid__fix520--tablet {
      flex: 0 0 520px;
      min-width: 0; }
    .l-grid__fix530--tablet {
      flex: 0 0 530px;
      min-width: 0; }
    .l-grid__fix540--tablet {
      flex: 0 0 540px;
      min-width: 0; }
    .l-grid__fix550--tablet {
      flex: 0 0 550px;
      min-width: 0; }
    .l-grid__fix560--tablet {
      flex: 0 0 560px;
      min-width: 0; }
    .l-grid__fix570--tablet {
      flex: 0 0 570px;
      min-width: 0; }
    .l-grid__fix580--tablet {
      flex: 0 0 580px;
      min-width: 0; }
    .l-grid__fix590--tablet {
      flex: 0 0 590px;
      min-width: 0; }
    .l-grid__fix600--tablet {
      flex: 0 0 600px;
      min-width: 0; } }
  @media screen and (max-width: 560px) {
    .l-grid__fix10--spWide {
      flex: 0 0 10px;
      min-width: 0; }
    .l-grid__fix20--spWide {
      flex: 0 0 20px;
      min-width: 0; }
    .l-grid__fix30--spWide {
      flex: 0 0 30px;
      min-width: 0; }
    .l-grid__fix40--spWide {
      flex: 0 0 40px;
      min-width: 0; }
    .l-grid__fix50--spWide {
      flex: 0 0 50px;
      min-width: 0; }
    .l-grid__fix60--spWide {
      flex: 0 0 60px;
      min-width: 0; }
    .l-grid__fix70--spWide {
      flex: 0 0 70px;
      min-width: 0; }
    .l-grid__fix80--spWide {
      flex: 0 0 80px;
      min-width: 0; }
    .l-grid__fix90--spWide {
      flex: 0 0 90px;
      min-width: 0; }
    .l-grid__fix100--spWide {
      flex: 0 0 100px;
      min-width: 0; }
    .l-grid__fix110--spWide {
      flex: 0 0 110px;
      min-width: 0; }
    .l-grid__fix120--spWide {
      flex: 0 0 120px;
      min-width: 0; }
    .l-grid__fix130--spWide {
      flex: 0 0 130px;
      min-width: 0; }
    .l-grid__fix140--spWide {
      flex: 0 0 140px;
      min-width: 0; }
    .l-grid__fix150--spWide {
      flex: 0 0 150px;
      min-width: 0; }
    .l-grid__fix160--spWide {
      flex: 0 0 160px;
      min-width: 0; }
    .l-grid__fix170--spWide {
      flex: 0 0 170px;
      min-width: 0; }
    .l-grid__fix180--spWide {
      flex: 0 0 180px;
      min-width: 0; }
    .l-grid__fix190--spWide {
      flex: 0 0 190px;
      min-width: 0; }
    .l-grid__fix200--spWide {
      flex: 0 0 200px;
      min-width: 0; }
    .l-grid__fix210--spWide {
      flex: 0 0 210px;
      min-width: 0; }
    .l-grid__fix220--spWide {
      flex: 0 0 220px;
      min-width: 0; }
    .l-grid__fix230--spWide {
      flex: 0 0 230px;
      min-width: 0; }
    .l-grid__fix240--spWide {
      flex: 0 0 240px;
      min-width: 0; }
    .l-grid__fix250--spWide {
      flex: 0 0 250px;
      min-width: 0; }
    .l-grid__fix260--spWide {
      flex: 0 0 260px;
      min-width: 0; }
    .l-grid__fix270--spWide {
      flex: 0 0 270px;
      min-width: 0; }
    .l-grid__fix280--spWide {
      flex: 0 0 280px;
      min-width: 0; }
    .l-grid__fix290--spWide {
      flex: 0 0 290px;
      min-width: 0; }
    .l-grid__fix300--spWide {
      flex: 0 0 300px;
      min-width: 0; }
    .l-grid__fix310--spWide {
      flex: 0 0 310px;
      min-width: 0; }
    .l-grid__fix320--spWide {
      flex: 0 0 320px;
      min-width: 0; }
    .l-grid__fix330--spWide {
      flex: 0 0 330px;
      min-width: 0; }
    .l-grid__fix340--spWide {
      flex: 0 0 340px;
      min-width: 0; }
    .l-grid__fix350--spWide {
      flex: 0 0 350px;
      min-width: 0; }
    .l-grid__fix360--spWide {
      flex: 0 0 360px;
      min-width: 0; }
    .l-grid__fix370--spWide {
      flex: 0 0 370px;
      min-width: 0; }
    .l-grid__fix380--spWide {
      flex: 0 0 380px;
      min-width: 0; }
    .l-grid__fix390--spWide {
      flex: 0 0 390px;
      min-width: 0; }
    .l-grid__fix400--spWide {
      flex: 0 0 400px;
      min-width: 0; }
    .l-grid__fix410--spWide {
      flex: 0 0 410px;
      min-width: 0; }
    .l-grid__fix420--spWide {
      flex: 0 0 420px;
      min-width: 0; }
    .l-grid__fix430--spWide {
      flex: 0 0 430px;
      min-width: 0; }
    .l-grid__fix440--spWide {
      flex: 0 0 440px;
      min-width: 0; }
    .l-grid__fix450--spWide {
      flex: 0 0 450px;
      min-width: 0; }
    .l-grid__fix460--spWide {
      flex: 0 0 460px;
      min-width: 0; }
    .l-grid__fix470--spWide {
      flex: 0 0 470px;
      min-width: 0; }
    .l-grid__fix480--spWide {
      flex: 0 0 480px;
      min-width: 0; }
    .l-grid__fix490--spWide {
      flex: 0 0 490px;
      min-width: 0; }
    .l-grid__fix500--spWide {
      flex: 0 0 500px;
      min-width: 0; }
    .l-grid__fix510--spWide {
      flex: 0 0 510px;
      min-width: 0; }
    .l-grid__fix520--spWide {
      flex: 0 0 520px;
      min-width: 0; }
    .l-grid__fix530--spWide {
      flex: 0 0 530px;
      min-width: 0; }
    .l-grid__fix540--spWide {
      flex: 0 0 540px;
      min-width: 0; }
    .l-grid__fix550--spWide {
      flex: 0 0 550px;
      min-width: 0; }
    .l-grid__fix560--spWide {
      flex: 0 0 560px;
      min-width: 0; }
    .l-grid__fix570--spWide {
      flex: 0 0 570px;
      min-width: 0; }
    .l-grid__fix580--spWide {
      flex: 0 0 580px;
      min-width: 0; }
    .l-grid__fix590--spWide {
      flex: 0 0 590px;
      min-width: 0; }
    .l-grid__fix600--spWide {
      flex: 0 0 600px;
      min-width: 0; } }
  @media screen and (max-width: 480px) {
    .l-grid__fix10--sp {
      flex: 0 0 10px;
      min-width: 0; }
    .l-grid__fix20--sp {
      flex: 0 0 20px;
      min-width: 0; }
    .l-grid__fix30--sp {
      flex: 0 0 30px;
      min-width: 0; }
    .l-grid__fix40--sp {
      flex: 0 0 40px;
      min-width: 0; }
    .l-grid__fix50--sp {
      flex: 0 0 50px;
      min-width: 0; }
    .l-grid__fix60--sp {
      flex: 0 0 60px;
      min-width: 0; }
    .l-grid__fix70--sp {
      flex: 0 0 70px;
      min-width: 0; }
    .l-grid__fix80--sp {
      flex: 0 0 80px;
      min-width: 0; }
    .l-grid__fix90--sp {
      flex: 0 0 90px;
      min-width: 0; }
    .l-grid__fix100--sp {
      flex: 0 0 100px;
      min-width: 0; }
    .l-grid__fix110--sp {
      flex: 0 0 110px;
      min-width: 0; }
    .l-grid__fix120--sp {
      flex: 0 0 120px;
      min-width: 0; }
    .l-grid__fix130--sp {
      flex: 0 0 130px;
      min-width: 0; }
    .l-grid__fix140--sp {
      flex: 0 0 140px;
      min-width: 0; }
    .l-grid__fix150--sp {
      flex: 0 0 150px;
      min-width: 0; }
    .l-grid__fix160--sp {
      flex: 0 0 160px;
      min-width: 0; }
    .l-grid__fix170--sp {
      flex: 0 0 170px;
      min-width: 0; }
    .l-grid__fix180--sp {
      flex: 0 0 180px;
      min-width: 0; }
    .l-grid__fix190--sp {
      flex: 0 0 190px;
      min-width: 0; }
    .l-grid__fix200--sp {
      flex: 0 0 200px;
      min-width: 0; }
    .l-grid__fix210--sp {
      flex: 0 0 210px;
      min-width: 0; }
    .l-grid__fix220--sp {
      flex: 0 0 220px;
      min-width: 0; }
    .l-grid__fix230--sp {
      flex: 0 0 230px;
      min-width: 0; }
    .l-grid__fix240--sp {
      flex: 0 0 240px;
      min-width: 0; }
    .l-grid__fix250--sp {
      flex: 0 0 250px;
      min-width: 0; }
    .l-grid__fix260--sp {
      flex: 0 0 260px;
      min-width: 0; }
    .l-grid__fix270--sp {
      flex: 0 0 270px;
      min-width: 0; }
    .l-grid__fix280--sp {
      flex: 0 0 280px;
      min-width: 0; }
    .l-grid__fix290--sp {
      flex: 0 0 290px;
      min-width: 0; }
    .l-grid__fix300--sp {
      flex: 0 0 300px;
      min-width: 0; }
    .l-grid__fix310--sp {
      flex: 0 0 310px;
      min-width: 0; }
    .l-grid__fix320--sp {
      flex: 0 0 320px;
      min-width: 0; }
    .l-grid__fix330--sp {
      flex: 0 0 330px;
      min-width: 0; }
    .l-grid__fix340--sp {
      flex: 0 0 340px;
      min-width: 0; }
    .l-grid__fix350--sp {
      flex: 0 0 350px;
      min-width: 0; }
    .l-grid__fix360--sp {
      flex: 0 0 360px;
      min-width: 0; }
    .l-grid__fix370--sp {
      flex: 0 0 370px;
      min-width: 0; }
    .l-grid__fix380--sp {
      flex: 0 0 380px;
      min-width: 0; }
    .l-grid__fix390--sp {
      flex: 0 0 390px;
      min-width: 0; }
    .l-grid__fix400--sp {
      flex: 0 0 400px;
      min-width: 0; }
    .l-grid__fix410--sp {
      flex: 0 0 410px;
      min-width: 0; }
    .l-grid__fix420--sp {
      flex: 0 0 420px;
      min-width: 0; }
    .l-grid__fix430--sp {
      flex: 0 0 430px;
      min-width: 0; }
    .l-grid__fix440--sp {
      flex: 0 0 440px;
      min-width: 0; }
    .l-grid__fix450--sp {
      flex: 0 0 450px;
      min-width: 0; }
    .l-grid__fix460--sp {
      flex: 0 0 460px;
      min-width: 0; }
    .l-grid__fix470--sp {
      flex: 0 0 470px;
      min-width: 0; }
    .l-grid__fix480--sp {
      flex: 0 0 480px;
      min-width: 0; }
    .l-grid__fix490--sp {
      flex: 0 0 490px;
      min-width: 0; }
    .l-grid__fix500--sp {
      flex: 0 0 500px;
      min-width: 0; }
    .l-grid__fix510--sp {
      flex: 0 0 510px;
      min-width: 0; }
    .l-grid__fix520--sp {
      flex: 0 0 520px;
      min-width: 0; }
    .l-grid__fix530--sp {
      flex: 0 0 530px;
      min-width: 0; }
    .l-grid__fix540--sp {
      flex: 0 0 540px;
      min-width: 0; }
    .l-grid__fix550--sp {
      flex: 0 0 550px;
      min-width: 0; }
    .l-grid__fix560--sp {
      flex: 0 0 560px;
      min-width: 0; }
    .l-grid__fix570--sp {
      flex: 0 0 570px;
      min-width: 0; }
    .l-grid__fix580--sp {
      flex: 0 0 580px;
      min-width: 0; }
    .l-grid__fix590--sp {
      flex: 0 0 590px;
      min-width: 0; }
    .l-grid__fix600--sp {
      flex: 0 0 600px;
      min-width: 0; } }
  @media screen and (max-width: 374px) {
    .l-grid__fix10--spNarrow {
      flex: 0 0 10px;
      min-width: 0; }
    .l-grid__fix20--spNarrow {
      flex: 0 0 20px;
      min-width: 0; }
    .l-grid__fix30--spNarrow {
      flex: 0 0 30px;
      min-width: 0; }
    .l-grid__fix40--spNarrow {
      flex: 0 0 40px;
      min-width: 0; }
    .l-grid__fix50--spNarrow {
      flex: 0 0 50px;
      min-width: 0; }
    .l-grid__fix60--spNarrow {
      flex: 0 0 60px;
      min-width: 0; }
    .l-grid__fix70--spNarrow {
      flex: 0 0 70px;
      min-width: 0; }
    .l-grid__fix80--spNarrow {
      flex: 0 0 80px;
      min-width: 0; }
    .l-grid__fix90--spNarrow {
      flex: 0 0 90px;
      min-width: 0; }
    .l-grid__fix100--spNarrow {
      flex: 0 0 100px;
      min-width: 0; }
    .l-grid__fix110--spNarrow {
      flex: 0 0 110px;
      min-width: 0; }
    .l-grid__fix120--spNarrow {
      flex: 0 0 120px;
      min-width: 0; }
    .l-grid__fix130--spNarrow {
      flex: 0 0 130px;
      min-width: 0; }
    .l-grid__fix140--spNarrow {
      flex: 0 0 140px;
      min-width: 0; }
    .l-grid__fix150--spNarrow {
      flex: 0 0 150px;
      min-width: 0; }
    .l-grid__fix160--spNarrow {
      flex: 0 0 160px;
      min-width: 0; }
    .l-grid__fix170--spNarrow {
      flex: 0 0 170px;
      min-width: 0; }
    .l-grid__fix180--spNarrow {
      flex: 0 0 180px;
      min-width: 0; }
    .l-grid__fix190--spNarrow {
      flex: 0 0 190px;
      min-width: 0; }
    .l-grid__fix200--spNarrow {
      flex: 0 0 200px;
      min-width: 0; }
    .l-grid__fix210--spNarrow {
      flex: 0 0 210px;
      min-width: 0; }
    .l-grid__fix220--spNarrow {
      flex: 0 0 220px;
      min-width: 0; }
    .l-grid__fix230--spNarrow {
      flex: 0 0 230px;
      min-width: 0; }
    .l-grid__fix240--spNarrow {
      flex: 0 0 240px;
      min-width: 0; }
    .l-grid__fix250--spNarrow {
      flex: 0 0 250px;
      min-width: 0; }
    .l-grid__fix260--spNarrow {
      flex: 0 0 260px;
      min-width: 0; }
    .l-grid__fix270--spNarrow {
      flex: 0 0 270px;
      min-width: 0; }
    .l-grid__fix280--spNarrow {
      flex: 0 0 280px;
      min-width: 0; }
    .l-grid__fix290--spNarrow {
      flex: 0 0 290px;
      min-width: 0; }
    .l-grid__fix300--spNarrow {
      flex: 0 0 300px;
      min-width: 0; }
    .l-grid__fix310--spNarrow {
      flex: 0 0 310px;
      min-width: 0; }
    .l-grid__fix320--spNarrow {
      flex: 0 0 320px;
      min-width: 0; }
    .l-grid__fix330--spNarrow {
      flex: 0 0 330px;
      min-width: 0; }
    .l-grid__fix340--spNarrow {
      flex: 0 0 340px;
      min-width: 0; }
    .l-grid__fix350--spNarrow {
      flex: 0 0 350px;
      min-width: 0; }
    .l-grid__fix360--spNarrow {
      flex: 0 0 360px;
      min-width: 0; }
    .l-grid__fix370--spNarrow {
      flex: 0 0 370px;
      min-width: 0; }
    .l-grid__fix380--spNarrow {
      flex: 0 0 380px;
      min-width: 0; }
    .l-grid__fix390--spNarrow {
      flex: 0 0 390px;
      min-width: 0; }
    .l-grid__fix400--spNarrow {
      flex: 0 0 400px;
      min-width: 0; }
    .l-grid__fix410--spNarrow {
      flex: 0 0 410px;
      min-width: 0; }
    .l-grid__fix420--spNarrow {
      flex: 0 0 420px;
      min-width: 0; }
    .l-grid__fix430--spNarrow {
      flex: 0 0 430px;
      min-width: 0; }
    .l-grid__fix440--spNarrow {
      flex: 0 0 440px;
      min-width: 0; }
    .l-grid__fix450--spNarrow {
      flex: 0 0 450px;
      min-width: 0; }
    .l-grid__fix460--spNarrow {
      flex: 0 0 460px;
      min-width: 0; }
    .l-grid__fix470--spNarrow {
      flex: 0 0 470px;
      min-width: 0; }
    .l-grid__fix480--spNarrow {
      flex: 0 0 480px;
      min-width: 0; }
    .l-grid__fix490--spNarrow {
      flex: 0 0 490px;
      min-width: 0; }
    .l-grid__fix500--spNarrow {
      flex: 0 0 500px;
      min-width: 0; }
    .l-grid__fix510--spNarrow {
      flex: 0 0 510px;
      min-width: 0; }
    .l-grid__fix520--spNarrow {
      flex: 0 0 520px;
      min-width: 0; }
    .l-grid__fix530--spNarrow {
      flex: 0 0 530px;
      min-width: 0; }
    .l-grid__fix540--spNarrow {
      flex: 0 0 540px;
      min-width: 0; }
    .l-grid__fix550--spNarrow {
      flex: 0 0 550px;
      min-width: 0; }
    .l-grid__fix560--spNarrow {
      flex: 0 0 560px;
      min-width: 0; }
    .l-grid__fix570--spNarrow {
      flex: 0 0 570px;
      min-width: 0; }
    .l-grid__fix580--spNarrow {
      flex: 0 0 580px;
      min-width: 0; }
    .l-grid__fix590--spNarrow {
      flex: 0 0 590px;
      min-width: 0; }
    .l-grid__fix600--spNarrow {
      flex: 0 0 600px;
      min-width: 0; } }
  .l-grid__fix8 {
    flex: 0 0 8px;
    min-width: 0; }
  .l-grid__fix16 {
    flex: 0 0 16px;
    min-width: 0; }
  .l-grid__fix24 {
    flex: 0 0 24px;
    min-width: 0; }
  .l-grid__fix32 {
    flex: 0 0 32px;
    min-width: 0; }
  .l-grid__fix40 {
    flex: 0 0 40px;
    min-width: 0; }
  .l-grid__fix48 {
    flex: 0 0 48px;
    min-width: 0; }
  .l-grid__fix56 {
    flex: 0 0 56px;
    min-width: 0; }
  .l-grid__fix64 {
    flex: 0 0 64px;
    min-width: 0; }
  .l-grid__fix72 {
    flex: 0 0 72px;
    min-width: 0; }
  .l-grid__fix80 {
    flex: 0 0 80px;
    min-width: 0; }
  .l-grid__fix88 {
    flex: 0 0 88px;
    min-width: 0; }
  .l-grid__fix96 {
    flex: 0 0 96px;
    min-width: 0; }
  .l-grid__fix104 {
    flex: 0 0 104px;
    min-width: 0; }
  .l-grid__fix112 {
    flex: 0 0 112px;
    min-width: 0; }
  .l-grid__fix120 {
    flex: 0 0 120px;
    min-width: 0; }
  .l-grid__fix128 {
    flex: 0 0 128px;
    min-width: 0; }
  .l-grid__fix136 {
    flex: 0 0 136px;
    min-width: 0; }
  .l-grid__fix144 {
    flex: 0 0 144px;
    min-width: 0; }
  .l-grid__fix152 {
    flex: 0 0 152px;
    min-width: 0; }
  .l-grid__fix160 {
    flex: 0 0 160px;
    min-width: 0; }
  .l-grid__fix168 {
    flex: 0 0 168px;
    min-width: 0; }
  .l-grid__fix176 {
    flex: 0 0 176px;
    min-width: 0; }
  .l-grid__fix184 {
    flex: 0 0 184px;
    min-width: 0; }
  .l-grid__fix192 {
    flex: 0 0 192px;
    min-width: 0; }
  .l-grid__fix200 {
    flex: 0 0 200px;
    min-width: 0; }
  .l-grid__fix208 {
    flex: 0 0 208px;
    min-width: 0; }
  .l-grid__fix216 {
    flex: 0 0 216px;
    min-width: 0; }
  .l-grid__fix224 {
    flex: 0 0 224px;
    min-width: 0; }
  .l-grid__fix232 {
    flex: 0 0 232px;
    min-width: 0; }
  .l-grid__fix240 {
    flex: 0 0 240px;
    min-width: 0; }
  .l-grid__fix248 {
    flex: 0 0 248px;
    min-width: 0; }
  .l-grid__fix256 {
    flex: 0 0 256px;
    min-width: 0; }
  .l-grid__fix264 {
    flex: 0 0 264px;
    min-width: 0; }
  .l-grid__fix272 {
    flex: 0 0 272px;
    min-width: 0; }
  .l-grid__fix280 {
    flex: 0 0 280px;
    min-width: 0; }
  .l-grid__fix288 {
    flex: 0 0 288px;
    min-width: 0; }
  .l-grid__fix296 {
    flex: 0 0 296px;
    min-width: 0; }
  .l-grid__fix304 {
    flex: 0 0 304px;
    min-width: 0; }
  .l-grid__fix312 {
    flex: 0 0 312px;
    min-width: 0; }
  .l-grid__fix320 {
    flex: 0 0 320px;
    min-width: 0; }
  .l-grid__fix328 {
    flex: 0 0 328px;
    min-width: 0; }
  .l-grid__fix336 {
    flex: 0 0 336px;
    min-width: 0; }
  .l-grid__fix344 {
    flex: 0 0 344px;
    min-width: 0; }
  .l-grid__fix352 {
    flex: 0 0 352px;
    min-width: 0; }
  .l-grid__fix360 {
    flex: 0 0 360px;
    min-width: 0; }
  .l-grid__fix368 {
    flex: 0 0 368px;
    min-width: 0; }
  .l-grid__fix376 {
    flex: 0 0 376px;
    min-width: 0; }
  .l-grid__fix384 {
    flex: 0 0 384px;
    min-width: 0; }
  .l-grid__fix392 {
    flex: 0 0 392px;
    min-width: 0; }
  .l-grid__fix400 {
    flex: 0 0 400px;
    min-width: 0; }
  .l-grid__fix408 {
    flex: 0 0 408px;
    min-width: 0; }
  .l-grid__fix416 {
    flex: 0 0 416px;
    min-width: 0; }
  .l-grid__fix424 {
    flex: 0 0 424px;
    min-width: 0; }
  .l-grid__fix432 {
    flex: 0 0 432px;
    min-width: 0; }
  .l-grid__fix440 {
    flex: 0 0 440px;
    min-width: 0; }
  .l-grid__fix448 {
    flex: 0 0 448px;
    min-width: 0; }
  .l-grid__fix456 {
    flex: 0 0 456px;
    min-width: 0; }
  .l-grid__fix464 {
    flex: 0 0 464px;
    min-width: 0; }
  .l-grid__fix472 {
    flex: 0 0 472px;
    min-width: 0; }
  .l-grid__fix480 {
    flex: 0 0 480px;
    min-width: 0; }
  .l-grid__fix488 {
    flex: 0 0 488px;
    min-width: 0; }
  .l-grid__fix496 {
    flex: 0 0 496px;
    min-width: 0; }
  .l-grid__fix504 {
    flex: 0 0 504px;
    min-width: 0; }
  .l-grid__fix512 {
    flex: 0 0 512px;
    min-width: 0; }
  .l-grid__fix520 {
    flex: 0 0 520px;
    min-width: 0; }
  .l-grid__fix528 {
    flex: 0 0 528px;
    min-width: 0; }
  .l-grid__fix536 {
    flex: 0 0 536px;
    min-width: 0; }
  .l-grid__fix544 {
    flex: 0 0 544px;
    min-width: 0; }
  .l-grid__fix552 {
    flex: 0 0 552px;
    min-width: 0; }
  .l-grid__fix560 {
    flex: 0 0 560px;
    min-width: 0; }
  .l-grid__fix568 {
    flex: 0 0 568px;
    min-width: 0; }
  .l-grid__fix576 {
    flex: 0 0 576px;
    min-width: 0; }
  .l-grid__fix584 {
    flex: 0 0 584px;
    min-width: 0; }
  .l-grid__fix592 {
    flex: 0 0 592px;
    min-width: 0; }
  .l-grid__fix600 {
    flex: 0 0 600px;
    min-width: 0; }
  .l-grid__fix608 {
    flex: 0 0 608px;
    min-width: 0; }
  .l-grid__fix616 {
    flex: 0 0 616px;
    min-width: 0; }
  .l-grid__fix624 {
    flex: 0 0 624px;
    min-width: 0; }
  .l-grid__fix632 {
    flex: 0 0 632px;
    min-width: 0; }
  .l-grid__fix640 {
    flex: 0 0 640px;
    min-width: 0; }
  .l-grid__fix648 {
    flex: 0 0 648px;
    min-width: 0; }
  .l-grid__fix656 {
    flex: 0 0 656px;
    min-width: 0; }
  .l-grid__fix664 {
    flex: 0 0 664px;
    min-width: 0; }
  .l-grid__fix672 {
    flex: 0 0 672px;
    min-width: 0; }
  .l-grid__fix680 {
    flex: 0 0 680px;
    min-width: 0; }
  .l-grid__fix688 {
    flex: 0 0 688px;
    min-width: 0; }
  .l-grid__fix696 {
    flex: 0 0 696px;
    min-width: 0; }
  .l-grid__fix704 {
    flex: 0 0 704px;
    min-width: 0; }
  .l-grid__fix712 {
    flex: 0 0 712px;
    min-width: 0; }
  .l-grid__fix720 {
    flex: 0 0 720px;
    min-width: 0; }
  .l-grid__fix728 {
    flex: 0 0 728px;
    min-width: 0; }
  .l-grid__fix736 {
    flex: 0 0 736px;
    min-width: 0; }
  .l-grid__fix744 {
    flex: 0 0 744px;
    min-width: 0; }
  .l-grid__fix752 {
    flex: 0 0 752px;
    min-width: 0; }
  .l-grid__fix760 {
    flex: 0 0 760px;
    min-width: 0; }
  .l-grid__fix768 {
    flex: 0 0 768px;
    min-width: 0; }
  .l-grid__fix776 {
    flex: 0 0 776px;
    min-width: 0; }
  .l-grid__fix784 {
    flex: 0 0 784px;
    min-width: 0; }
  .l-grid__fix792 {
    flex: 0 0 792px;
    min-width: 0; }
  .l-grid__fix800 {
    flex: 0 0 800px;
    min-width: 0; }
  @media screen and (max-width: 1440px) {
    .l-grid__fix8--pcWide {
      flex: 0 0 8px;
      min-width: 0; }
    .l-grid__fix16--pcWide {
      flex: 0 0 16px;
      min-width: 0; }
    .l-grid__fix24--pcWide {
      flex: 0 0 24px;
      min-width: 0; }
    .l-grid__fix32--pcWide {
      flex: 0 0 32px;
      min-width: 0; }
    .l-grid__fix40--pcWide {
      flex: 0 0 40px;
      min-width: 0; }
    .l-grid__fix48--pcWide {
      flex: 0 0 48px;
      min-width: 0; }
    .l-grid__fix56--pcWide {
      flex: 0 0 56px;
      min-width: 0; }
    .l-grid__fix64--pcWide {
      flex: 0 0 64px;
      min-width: 0; }
    .l-grid__fix72--pcWide {
      flex: 0 0 72px;
      min-width: 0; }
    .l-grid__fix80--pcWide {
      flex: 0 0 80px;
      min-width: 0; }
    .l-grid__fix88--pcWide {
      flex: 0 0 88px;
      min-width: 0; }
    .l-grid__fix96--pcWide {
      flex: 0 0 96px;
      min-width: 0; }
    .l-grid__fix104--pcWide {
      flex: 0 0 104px;
      min-width: 0; }
    .l-grid__fix112--pcWide {
      flex: 0 0 112px;
      min-width: 0; }
    .l-grid__fix120--pcWide {
      flex: 0 0 120px;
      min-width: 0; }
    .l-grid__fix128--pcWide {
      flex: 0 0 128px;
      min-width: 0; }
    .l-grid__fix136--pcWide {
      flex: 0 0 136px;
      min-width: 0; }
    .l-grid__fix144--pcWide {
      flex: 0 0 144px;
      min-width: 0; }
    .l-grid__fix152--pcWide {
      flex: 0 0 152px;
      min-width: 0; }
    .l-grid__fix160--pcWide {
      flex: 0 0 160px;
      min-width: 0; }
    .l-grid__fix168--pcWide {
      flex: 0 0 168px;
      min-width: 0; }
    .l-grid__fix176--pcWide {
      flex: 0 0 176px;
      min-width: 0; }
    .l-grid__fix184--pcWide {
      flex: 0 0 184px;
      min-width: 0; }
    .l-grid__fix192--pcWide {
      flex: 0 0 192px;
      min-width: 0; }
    .l-grid__fix200--pcWide {
      flex: 0 0 200px;
      min-width: 0; }
    .l-grid__fix208--pcWide {
      flex: 0 0 208px;
      min-width: 0; }
    .l-grid__fix216--pcWide {
      flex: 0 0 216px;
      min-width: 0; }
    .l-grid__fix224--pcWide {
      flex: 0 0 224px;
      min-width: 0; }
    .l-grid__fix232--pcWide {
      flex: 0 0 232px;
      min-width: 0; }
    .l-grid__fix240--pcWide {
      flex: 0 0 240px;
      min-width: 0; }
    .l-grid__fix248--pcWide {
      flex: 0 0 248px;
      min-width: 0; }
    .l-grid__fix256--pcWide {
      flex: 0 0 256px;
      min-width: 0; }
    .l-grid__fix264--pcWide {
      flex: 0 0 264px;
      min-width: 0; }
    .l-grid__fix272--pcWide {
      flex: 0 0 272px;
      min-width: 0; }
    .l-grid__fix280--pcWide {
      flex: 0 0 280px;
      min-width: 0; }
    .l-grid__fix288--pcWide {
      flex: 0 0 288px;
      min-width: 0; }
    .l-grid__fix296--pcWide {
      flex: 0 0 296px;
      min-width: 0; }
    .l-grid__fix304--pcWide {
      flex: 0 0 304px;
      min-width: 0; }
    .l-grid__fix312--pcWide {
      flex: 0 0 312px;
      min-width: 0; }
    .l-grid__fix320--pcWide {
      flex: 0 0 320px;
      min-width: 0; }
    .l-grid__fix328--pcWide {
      flex: 0 0 328px;
      min-width: 0; }
    .l-grid__fix336--pcWide {
      flex: 0 0 336px;
      min-width: 0; }
    .l-grid__fix344--pcWide {
      flex: 0 0 344px;
      min-width: 0; }
    .l-grid__fix352--pcWide {
      flex: 0 0 352px;
      min-width: 0; }
    .l-grid__fix360--pcWide {
      flex: 0 0 360px;
      min-width: 0; }
    .l-grid__fix368--pcWide {
      flex: 0 0 368px;
      min-width: 0; }
    .l-grid__fix376--pcWide {
      flex: 0 0 376px;
      min-width: 0; }
    .l-grid__fix384--pcWide {
      flex: 0 0 384px;
      min-width: 0; }
    .l-grid__fix392--pcWide {
      flex: 0 0 392px;
      min-width: 0; }
    .l-grid__fix400--pcWide {
      flex: 0 0 400px;
      min-width: 0; }
    .l-grid__fix408--pcWide {
      flex: 0 0 408px;
      min-width: 0; }
    .l-grid__fix416--pcWide {
      flex: 0 0 416px;
      min-width: 0; }
    .l-grid__fix424--pcWide {
      flex: 0 0 424px;
      min-width: 0; }
    .l-grid__fix432--pcWide {
      flex: 0 0 432px;
      min-width: 0; }
    .l-grid__fix440--pcWide {
      flex: 0 0 440px;
      min-width: 0; }
    .l-grid__fix448--pcWide {
      flex: 0 0 448px;
      min-width: 0; }
    .l-grid__fix456--pcWide {
      flex: 0 0 456px;
      min-width: 0; }
    .l-grid__fix464--pcWide {
      flex: 0 0 464px;
      min-width: 0; }
    .l-grid__fix472--pcWide {
      flex: 0 0 472px;
      min-width: 0; }
    .l-grid__fix480--pcWide {
      flex: 0 0 480px;
      min-width: 0; }
    .l-grid__fix488--pcWide {
      flex: 0 0 488px;
      min-width: 0; }
    .l-grid__fix496--pcWide {
      flex: 0 0 496px;
      min-width: 0; }
    .l-grid__fix504--pcWide {
      flex: 0 0 504px;
      min-width: 0; }
    .l-grid__fix512--pcWide {
      flex: 0 0 512px;
      min-width: 0; }
    .l-grid__fix520--pcWide {
      flex: 0 0 520px;
      min-width: 0; }
    .l-grid__fix528--pcWide {
      flex: 0 0 528px;
      min-width: 0; }
    .l-grid__fix536--pcWide {
      flex: 0 0 536px;
      min-width: 0; }
    .l-grid__fix544--pcWide {
      flex: 0 0 544px;
      min-width: 0; }
    .l-grid__fix552--pcWide {
      flex: 0 0 552px;
      min-width: 0; }
    .l-grid__fix560--pcWide {
      flex: 0 0 560px;
      min-width: 0; }
    .l-grid__fix568--pcWide {
      flex: 0 0 568px;
      min-width: 0; }
    .l-grid__fix576--pcWide {
      flex: 0 0 576px;
      min-width: 0; }
    .l-grid__fix584--pcWide {
      flex: 0 0 584px;
      min-width: 0; }
    .l-grid__fix592--pcWide {
      flex: 0 0 592px;
      min-width: 0; }
    .l-grid__fix600--pcWide {
      flex: 0 0 600px;
      min-width: 0; }
    .l-grid__fix608--pcWide {
      flex: 0 0 608px;
      min-width: 0; }
    .l-grid__fix616--pcWide {
      flex: 0 0 616px;
      min-width: 0; }
    .l-grid__fix624--pcWide {
      flex: 0 0 624px;
      min-width: 0; }
    .l-grid__fix632--pcWide {
      flex: 0 0 632px;
      min-width: 0; }
    .l-grid__fix640--pcWide {
      flex: 0 0 640px;
      min-width: 0; }
    .l-grid__fix648--pcWide {
      flex: 0 0 648px;
      min-width: 0; }
    .l-grid__fix656--pcWide {
      flex: 0 0 656px;
      min-width: 0; }
    .l-grid__fix664--pcWide {
      flex: 0 0 664px;
      min-width: 0; }
    .l-grid__fix672--pcWide {
      flex: 0 0 672px;
      min-width: 0; }
    .l-grid__fix680--pcWide {
      flex: 0 0 680px;
      min-width: 0; }
    .l-grid__fix688--pcWide {
      flex: 0 0 688px;
      min-width: 0; }
    .l-grid__fix696--pcWide {
      flex: 0 0 696px;
      min-width: 0; }
    .l-grid__fix704--pcWide {
      flex: 0 0 704px;
      min-width: 0; }
    .l-grid__fix712--pcWide {
      flex: 0 0 712px;
      min-width: 0; }
    .l-grid__fix720--pcWide {
      flex: 0 0 720px;
      min-width: 0; }
    .l-grid__fix728--pcWide {
      flex: 0 0 728px;
      min-width: 0; }
    .l-grid__fix736--pcWide {
      flex: 0 0 736px;
      min-width: 0; }
    .l-grid__fix744--pcWide {
      flex: 0 0 744px;
      min-width: 0; }
    .l-grid__fix752--pcWide {
      flex: 0 0 752px;
      min-width: 0; }
    .l-grid__fix760--pcWide {
      flex: 0 0 760px;
      min-width: 0; }
    .l-grid__fix768--pcWide {
      flex: 0 0 768px;
      min-width: 0; }
    .l-grid__fix776--pcWide {
      flex: 0 0 776px;
      min-width: 0; }
    .l-grid__fix784--pcWide {
      flex: 0 0 784px;
      min-width: 0; }
    .l-grid__fix792--pcWide {
      flex: 0 0 792px;
      min-width: 0; }
    .l-grid__fix800--pcWide {
      flex: 0 0 800px;
      min-width: 0; } }
  @media screen and (max-width: 1280px) {
    .l-grid__fix8--pc {
      flex: 0 0 8px;
      min-width: 0; }
    .l-grid__fix16--pc {
      flex: 0 0 16px;
      min-width: 0; }
    .l-grid__fix24--pc {
      flex: 0 0 24px;
      min-width: 0; }
    .l-grid__fix32--pc {
      flex: 0 0 32px;
      min-width: 0; }
    .l-grid__fix40--pc {
      flex: 0 0 40px;
      min-width: 0; }
    .l-grid__fix48--pc {
      flex: 0 0 48px;
      min-width: 0; }
    .l-grid__fix56--pc {
      flex: 0 0 56px;
      min-width: 0; }
    .l-grid__fix64--pc {
      flex: 0 0 64px;
      min-width: 0; }
    .l-grid__fix72--pc {
      flex: 0 0 72px;
      min-width: 0; }
    .l-grid__fix80--pc {
      flex: 0 0 80px;
      min-width: 0; }
    .l-grid__fix88--pc {
      flex: 0 0 88px;
      min-width: 0; }
    .l-grid__fix96--pc {
      flex: 0 0 96px;
      min-width: 0; }
    .l-grid__fix104--pc {
      flex: 0 0 104px;
      min-width: 0; }
    .l-grid__fix112--pc {
      flex: 0 0 112px;
      min-width: 0; }
    .l-grid__fix120--pc {
      flex: 0 0 120px;
      min-width: 0; }
    .l-grid__fix128--pc {
      flex: 0 0 128px;
      min-width: 0; }
    .l-grid__fix136--pc {
      flex: 0 0 136px;
      min-width: 0; }
    .l-grid__fix144--pc {
      flex: 0 0 144px;
      min-width: 0; }
    .l-grid__fix152--pc {
      flex: 0 0 152px;
      min-width: 0; }
    .l-grid__fix160--pc {
      flex: 0 0 160px;
      min-width: 0; }
    .l-grid__fix168--pc {
      flex: 0 0 168px;
      min-width: 0; }
    .l-grid__fix176--pc {
      flex: 0 0 176px;
      min-width: 0; }
    .l-grid__fix184--pc {
      flex: 0 0 184px;
      min-width: 0; }
    .l-grid__fix192--pc {
      flex: 0 0 192px;
      min-width: 0; }
    .l-grid__fix200--pc {
      flex: 0 0 200px;
      min-width: 0; }
    .l-grid__fix208--pc {
      flex: 0 0 208px;
      min-width: 0; }
    .l-grid__fix216--pc {
      flex: 0 0 216px;
      min-width: 0; }
    .l-grid__fix224--pc {
      flex: 0 0 224px;
      min-width: 0; }
    .l-grid__fix232--pc {
      flex: 0 0 232px;
      min-width: 0; }
    .l-grid__fix240--pc {
      flex: 0 0 240px;
      min-width: 0; }
    .l-grid__fix248--pc {
      flex: 0 0 248px;
      min-width: 0; }
    .l-grid__fix256--pc {
      flex: 0 0 256px;
      min-width: 0; }
    .l-grid__fix264--pc {
      flex: 0 0 264px;
      min-width: 0; }
    .l-grid__fix272--pc {
      flex: 0 0 272px;
      min-width: 0; }
    .l-grid__fix280--pc {
      flex: 0 0 280px;
      min-width: 0; }
    .l-grid__fix288--pc {
      flex: 0 0 288px;
      min-width: 0; }
    .l-grid__fix296--pc {
      flex: 0 0 296px;
      min-width: 0; }
    .l-grid__fix304--pc {
      flex: 0 0 304px;
      min-width: 0; }
    .l-grid__fix312--pc {
      flex: 0 0 312px;
      min-width: 0; }
    .l-grid__fix320--pc {
      flex: 0 0 320px;
      min-width: 0; }
    .l-grid__fix328--pc {
      flex: 0 0 328px;
      min-width: 0; }
    .l-grid__fix336--pc {
      flex: 0 0 336px;
      min-width: 0; }
    .l-grid__fix344--pc {
      flex: 0 0 344px;
      min-width: 0; }
    .l-grid__fix352--pc {
      flex: 0 0 352px;
      min-width: 0; }
    .l-grid__fix360--pc {
      flex: 0 0 360px;
      min-width: 0; }
    .l-grid__fix368--pc {
      flex: 0 0 368px;
      min-width: 0; }
    .l-grid__fix376--pc {
      flex: 0 0 376px;
      min-width: 0; }
    .l-grid__fix384--pc {
      flex: 0 0 384px;
      min-width: 0; }
    .l-grid__fix392--pc {
      flex: 0 0 392px;
      min-width: 0; }
    .l-grid__fix400--pc {
      flex: 0 0 400px;
      min-width: 0; }
    .l-grid__fix408--pc {
      flex: 0 0 408px;
      min-width: 0; }
    .l-grid__fix416--pc {
      flex: 0 0 416px;
      min-width: 0; }
    .l-grid__fix424--pc {
      flex: 0 0 424px;
      min-width: 0; }
    .l-grid__fix432--pc {
      flex: 0 0 432px;
      min-width: 0; }
    .l-grid__fix440--pc {
      flex: 0 0 440px;
      min-width: 0; }
    .l-grid__fix448--pc {
      flex: 0 0 448px;
      min-width: 0; }
    .l-grid__fix456--pc {
      flex: 0 0 456px;
      min-width: 0; }
    .l-grid__fix464--pc {
      flex: 0 0 464px;
      min-width: 0; }
    .l-grid__fix472--pc {
      flex: 0 0 472px;
      min-width: 0; }
    .l-grid__fix480--pc {
      flex: 0 0 480px;
      min-width: 0; }
    .l-grid__fix488--pc {
      flex: 0 0 488px;
      min-width: 0; }
    .l-grid__fix496--pc {
      flex: 0 0 496px;
      min-width: 0; }
    .l-grid__fix504--pc {
      flex: 0 0 504px;
      min-width: 0; }
    .l-grid__fix512--pc {
      flex: 0 0 512px;
      min-width: 0; }
    .l-grid__fix520--pc {
      flex: 0 0 520px;
      min-width: 0; }
    .l-grid__fix528--pc {
      flex: 0 0 528px;
      min-width: 0; }
    .l-grid__fix536--pc {
      flex: 0 0 536px;
      min-width: 0; }
    .l-grid__fix544--pc {
      flex: 0 0 544px;
      min-width: 0; }
    .l-grid__fix552--pc {
      flex: 0 0 552px;
      min-width: 0; }
    .l-grid__fix560--pc {
      flex: 0 0 560px;
      min-width: 0; }
    .l-grid__fix568--pc {
      flex: 0 0 568px;
      min-width: 0; }
    .l-grid__fix576--pc {
      flex: 0 0 576px;
      min-width: 0; }
    .l-grid__fix584--pc {
      flex: 0 0 584px;
      min-width: 0; }
    .l-grid__fix592--pc {
      flex: 0 0 592px;
      min-width: 0; }
    .l-grid__fix600--pc {
      flex: 0 0 600px;
      min-width: 0; }
    .l-grid__fix608--pc {
      flex: 0 0 608px;
      min-width: 0; }
    .l-grid__fix616--pc {
      flex: 0 0 616px;
      min-width: 0; }
    .l-grid__fix624--pc {
      flex: 0 0 624px;
      min-width: 0; }
    .l-grid__fix632--pc {
      flex: 0 0 632px;
      min-width: 0; }
    .l-grid__fix640--pc {
      flex: 0 0 640px;
      min-width: 0; }
    .l-grid__fix648--pc {
      flex: 0 0 648px;
      min-width: 0; }
    .l-grid__fix656--pc {
      flex: 0 0 656px;
      min-width: 0; }
    .l-grid__fix664--pc {
      flex: 0 0 664px;
      min-width: 0; }
    .l-grid__fix672--pc {
      flex: 0 0 672px;
      min-width: 0; }
    .l-grid__fix680--pc {
      flex: 0 0 680px;
      min-width: 0; }
    .l-grid__fix688--pc {
      flex: 0 0 688px;
      min-width: 0; }
    .l-grid__fix696--pc {
      flex: 0 0 696px;
      min-width: 0; }
    .l-grid__fix704--pc {
      flex: 0 0 704px;
      min-width: 0; }
    .l-grid__fix712--pc {
      flex: 0 0 712px;
      min-width: 0; }
    .l-grid__fix720--pc {
      flex: 0 0 720px;
      min-width: 0; }
    .l-grid__fix728--pc {
      flex: 0 0 728px;
      min-width: 0; }
    .l-grid__fix736--pc {
      flex: 0 0 736px;
      min-width: 0; }
    .l-grid__fix744--pc {
      flex: 0 0 744px;
      min-width: 0; }
    .l-grid__fix752--pc {
      flex: 0 0 752px;
      min-width: 0; }
    .l-grid__fix760--pc {
      flex: 0 0 760px;
      min-width: 0; }
    .l-grid__fix768--pc {
      flex: 0 0 768px;
      min-width: 0; }
    .l-grid__fix776--pc {
      flex: 0 0 776px;
      min-width: 0; }
    .l-grid__fix784--pc {
      flex: 0 0 784px;
      min-width: 0; }
    .l-grid__fix792--pc {
      flex: 0 0 792px;
      min-width: 0; }
    .l-grid__fix800--pc {
      flex: 0 0 800px;
      min-width: 0; } }
  @media screen and (max-width: 1080px) {
    .l-grid__fix8--note {
      flex: 0 0 8px;
      min-width: 0; }
    .l-grid__fix16--note {
      flex: 0 0 16px;
      min-width: 0; }
    .l-grid__fix24--note {
      flex: 0 0 24px;
      min-width: 0; }
    .l-grid__fix32--note {
      flex: 0 0 32px;
      min-width: 0; }
    .l-grid__fix40--note {
      flex: 0 0 40px;
      min-width: 0; }
    .l-grid__fix48--note {
      flex: 0 0 48px;
      min-width: 0; }
    .l-grid__fix56--note {
      flex: 0 0 56px;
      min-width: 0; }
    .l-grid__fix64--note {
      flex: 0 0 64px;
      min-width: 0; }
    .l-grid__fix72--note {
      flex: 0 0 72px;
      min-width: 0; }
    .l-grid__fix80--note {
      flex: 0 0 80px;
      min-width: 0; }
    .l-grid__fix88--note {
      flex: 0 0 88px;
      min-width: 0; }
    .l-grid__fix96--note {
      flex: 0 0 96px;
      min-width: 0; }
    .l-grid__fix104--note {
      flex: 0 0 104px;
      min-width: 0; }
    .l-grid__fix112--note {
      flex: 0 0 112px;
      min-width: 0; }
    .l-grid__fix120--note {
      flex: 0 0 120px;
      min-width: 0; }
    .l-grid__fix128--note {
      flex: 0 0 128px;
      min-width: 0; }
    .l-grid__fix136--note {
      flex: 0 0 136px;
      min-width: 0; }
    .l-grid__fix144--note {
      flex: 0 0 144px;
      min-width: 0; }
    .l-grid__fix152--note {
      flex: 0 0 152px;
      min-width: 0; }
    .l-grid__fix160--note {
      flex: 0 0 160px;
      min-width: 0; }
    .l-grid__fix168--note {
      flex: 0 0 168px;
      min-width: 0; }
    .l-grid__fix176--note {
      flex: 0 0 176px;
      min-width: 0; }
    .l-grid__fix184--note {
      flex: 0 0 184px;
      min-width: 0; }
    .l-grid__fix192--note {
      flex: 0 0 192px;
      min-width: 0; }
    .l-grid__fix200--note {
      flex: 0 0 200px;
      min-width: 0; }
    .l-grid__fix208--note {
      flex: 0 0 208px;
      min-width: 0; }
    .l-grid__fix216--note {
      flex: 0 0 216px;
      min-width: 0; }
    .l-grid__fix224--note {
      flex: 0 0 224px;
      min-width: 0; }
    .l-grid__fix232--note {
      flex: 0 0 232px;
      min-width: 0; }
    .l-grid__fix240--note {
      flex: 0 0 240px;
      min-width: 0; }
    .l-grid__fix248--note {
      flex: 0 0 248px;
      min-width: 0; }
    .l-grid__fix256--note {
      flex: 0 0 256px;
      min-width: 0; }
    .l-grid__fix264--note {
      flex: 0 0 264px;
      min-width: 0; }
    .l-grid__fix272--note {
      flex: 0 0 272px;
      min-width: 0; }
    .l-grid__fix280--note {
      flex: 0 0 280px;
      min-width: 0; }
    .l-grid__fix288--note {
      flex: 0 0 288px;
      min-width: 0; }
    .l-grid__fix296--note {
      flex: 0 0 296px;
      min-width: 0; }
    .l-grid__fix304--note {
      flex: 0 0 304px;
      min-width: 0; }
    .l-grid__fix312--note {
      flex: 0 0 312px;
      min-width: 0; }
    .l-grid__fix320--note {
      flex: 0 0 320px;
      min-width: 0; }
    .l-grid__fix328--note {
      flex: 0 0 328px;
      min-width: 0; }
    .l-grid__fix336--note {
      flex: 0 0 336px;
      min-width: 0; }
    .l-grid__fix344--note {
      flex: 0 0 344px;
      min-width: 0; }
    .l-grid__fix352--note {
      flex: 0 0 352px;
      min-width: 0; }
    .l-grid__fix360--note {
      flex: 0 0 360px;
      min-width: 0; }
    .l-grid__fix368--note {
      flex: 0 0 368px;
      min-width: 0; }
    .l-grid__fix376--note {
      flex: 0 0 376px;
      min-width: 0; }
    .l-grid__fix384--note {
      flex: 0 0 384px;
      min-width: 0; }
    .l-grid__fix392--note {
      flex: 0 0 392px;
      min-width: 0; }
    .l-grid__fix400--note {
      flex: 0 0 400px;
      min-width: 0; }
    .l-grid__fix408--note {
      flex: 0 0 408px;
      min-width: 0; }
    .l-grid__fix416--note {
      flex: 0 0 416px;
      min-width: 0; }
    .l-grid__fix424--note {
      flex: 0 0 424px;
      min-width: 0; }
    .l-grid__fix432--note {
      flex: 0 0 432px;
      min-width: 0; }
    .l-grid__fix440--note {
      flex: 0 0 440px;
      min-width: 0; }
    .l-grid__fix448--note {
      flex: 0 0 448px;
      min-width: 0; }
    .l-grid__fix456--note {
      flex: 0 0 456px;
      min-width: 0; }
    .l-grid__fix464--note {
      flex: 0 0 464px;
      min-width: 0; }
    .l-grid__fix472--note {
      flex: 0 0 472px;
      min-width: 0; }
    .l-grid__fix480--note {
      flex: 0 0 480px;
      min-width: 0; }
    .l-grid__fix488--note {
      flex: 0 0 488px;
      min-width: 0; }
    .l-grid__fix496--note {
      flex: 0 0 496px;
      min-width: 0; }
    .l-grid__fix504--note {
      flex: 0 0 504px;
      min-width: 0; }
    .l-grid__fix512--note {
      flex: 0 0 512px;
      min-width: 0; }
    .l-grid__fix520--note {
      flex: 0 0 520px;
      min-width: 0; }
    .l-grid__fix528--note {
      flex: 0 0 528px;
      min-width: 0; }
    .l-grid__fix536--note {
      flex: 0 0 536px;
      min-width: 0; }
    .l-grid__fix544--note {
      flex: 0 0 544px;
      min-width: 0; }
    .l-grid__fix552--note {
      flex: 0 0 552px;
      min-width: 0; }
    .l-grid__fix560--note {
      flex: 0 0 560px;
      min-width: 0; }
    .l-grid__fix568--note {
      flex: 0 0 568px;
      min-width: 0; }
    .l-grid__fix576--note {
      flex: 0 0 576px;
      min-width: 0; }
    .l-grid__fix584--note {
      flex: 0 0 584px;
      min-width: 0; }
    .l-grid__fix592--note {
      flex: 0 0 592px;
      min-width: 0; }
    .l-grid__fix600--note {
      flex: 0 0 600px;
      min-width: 0; }
    .l-grid__fix608--note {
      flex: 0 0 608px;
      min-width: 0; }
    .l-grid__fix616--note {
      flex: 0 0 616px;
      min-width: 0; }
    .l-grid__fix624--note {
      flex: 0 0 624px;
      min-width: 0; }
    .l-grid__fix632--note {
      flex: 0 0 632px;
      min-width: 0; }
    .l-grid__fix640--note {
      flex: 0 0 640px;
      min-width: 0; }
    .l-grid__fix648--note {
      flex: 0 0 648px;
      min-width: 0; }
    .l-grid__fix656--note {
      flex: 0 0 656px;
      min-width: 0; }
    .l-grid__fix664--note {
      flex: 0 0 664px;
      min-width: 0; }
    .l-grid__fix672--note {
      flex: 0 0 672px;
      min-width: 0; }
    .l-grid__fix680--note {
      flex: 0 0 680px;
      min-width: 0; }
    .l-grid__fix688--note {
      flex: 0 0 688px;
      min-width: 0; }
    .l-grid__fix696--note {
      flex: 0 0 696px;
      min-width: 0; }
    .l-grid__fix704--note {
      flex: 0 0 704px;
      min-width: 0; }
    .l-grid__fix712--note {
      flex: 0 0 712px;
      min-width: 0; }
    .l-grid__fix720--note {
      flex: 0 0 720px;
      min-width: 0; }
    .l-grid__fix728--note {
      flex: 0 0 728px;
      min-width: 0; }
    .l-grid__fix736--note {
      flex: 0 0 736px;
      min-width: 0; }
    .l-grid__fix744--note {
      flex: 0 0 744px;
      min-width: 0; }
    .l-grid__fix752--note {
      flex: 0 0 752px;
      min-width: 0; }
    .l-grid__fix760--note {
      flex: 0 0 760px;
      min-width: 0; }
    .l-grid__fix768--note {
      flex: 0 0 768px;
      min-width: 0; }
    .l-grid__fix776--note {
      flex: 0 0 776px;
      min-width: 0; }
    .l-grid__fix784--note {
      flex: 0 0 784px;
      min-width: 0; }
    .l-grid__fix792--note {
      flex: 0 0 792px;
      min-width: 0; }
    .l-grid__fix800--note {
      flex: 0 0 800px;
      min-width: 0; } }
  @media screen and (max-width: 768px) {
    .l-grid__fix8--tablet {
      flex: 0 0 8px;
      min-width: 0; }
    .l-grid__fix16--tablet {
      flex: 0 0 16px;
      min-width: 0; }
    .l-grid__fix24--tablet {
      flex: 0 0 24px;
      min-width: 0; }
    .l-grid__fix32--tablet {
      flex: 0 0 32px;
      min-width: 0; }
    .l-grid__fix40--tablet {
      flex: 0 0 40px;
      min-width: 0; }
    .l-grid__fix48--tablet {
      flex: 0 0 48px;
      min-width: 0; }
    .l-grid__fix56--tablet {
      flex: 0 0 56px;
      min-width: 0; }
    .l-grid__fix64--tablet {
      flex: 0 0 64px;
      min-width: 0; }
    .l-grid__fix72--tablet {
      flex: 0 0 72px;
      min-width: 0; }
    .l-grid__fix80--tablet {
      flex: 0 0 80px;
      min-width: 0; }
    .l-grid__fix88--tablet {
      flex: 0 0 88px;
      min-width: 0; }
    .l-grid__fix96--tablet {
      flex: 0 0 96px;
      min-width: 0; }
    .l-grid__fix104--tablet {
      flex: 0 0 104px;
      min-width: 0; }
    .l-grid__fix112--tablet {
      flex: 0 0 112px;
      min-width: 0; }
    .l-grid__fix120--tablet {
      flex: 0 0 120px;
      min-width: 0; }
    .l-grid__fix128--tablet {
      flex: 0 0 128px;
      min-width: 0; }
    .l-grid__fix136--tablet {
      flex: 0 0 136px;
      min-width: 0; }
    .l-grid__fix144--tablet {
      flex: 0 0 144px;
      min-width: 0; }
    .l-grid__fix152--tablet {
      flex: 0 0 152px;
      min-width: 0; }
    .l-grid__fix160--tablet {
      flex: 0 0 160px;
      min-width: 0; }
    .l-grid__fix168--tablet {
      flex: 0 0 168px;
      min-width: 0; }
    .l-grid__fix176--tablet {
      flex: 0 0 176px;
      min-width: 0; }
    .l-grid__fix184--tablet {
      flex: 0 0 184px;
      min-width: 0; }
    .l-grid__fix192--tablet {
      flex: 0 0 192px;
      min-width: 0; }
    .l-grid__fix200--tablet {
      flex: 0 0 200px;
      min-width: 0; }
    .l-grid__fix208--tablet {
      flex: 0 0 208px;
      min-width: 0; }
    .l-grid__fix216--tablet {
      flex: 0 0 216px;
      min-width: 0; }
    .l-grid__fix224--tablet {
      flex: 0 0 224px;
      min-width: 0; }
    .l-grid__fix232--tablet {
      flex: 0 0 232px;
      min-width: 0; }
    .l-grid__fix240--tablet {
      flex: 0 0 240px;
      min-width: 0; }
    .l-grid__fix248--tablet {
      flex: 0 0 248px;
      min-width: 0; }
    .l-grid__fix256--tablet {
      flex: 0 0 256px;
      min-width: 0; }
    .l-grid__fix264--tablet {
      flex: 0 0 264px;
      min-width: 0; }
    .l-grid__fix272--tablet {
      flex: 0 0 272px;
      min-width: 0; }
    .l-grid__fix280--tablet {
      flex: 0 0 280px;
      min-width: 0; }
    .l-grid__fix288--tablet {
      flex: 0 0 288px;
      min-width: 0; }
    .l-grid__fix296--tablet {
      flex: 0 0 296px;
      min-width: 0; }
    .l-grid__fix304--tablet {
      flex: 0 0 304px;
      min-width: 0; }
    .l-grid__fix312--tablet {
      flex: 0 0 312px;
      min-width: 0; }
    .l-grid__fix320--tablet {
      flex: 0 0 320px;
      min-width: 0; }
    .l-grid__fix328--tablet {
      flex: 0 0 328px;
      min-width: 0; }
    .l-grid__fix336--tablet {
      flex: 0 0 336px;
      min-width: 0; }
    .l-grid__fix344--tablet {
      flex: 0 0 344px;
      min-width: 0; }
    .l-grid__fix352--tablet {
      flex: 0 0 352px;
      min-width: 0; }
    .l-grid__fix360--tablet {
      flex: 0 0 360px;
      min-width: 0; }
    .l-grid__fix368--tablet {
      flex: 0 0 368px;
      min-width: 0; }
    .l-grid__fix376--tablet {
      flex: 0 0 376px;
      min-width: 0; }
    .l-grid__fix384--tablet {
      flex: 0 0 384px;
      min-width: 0; }
    .l-grid__fix392--tablet {
      flex: 0 0 392px;
      min-width: 0; }
    .l-grid__fix400--tablet {
      flex: 0 0 400px;
      min-width: 0; }
    .l-grid__fix408--tablet {
      flex: 0 0 408px;
      min-width: 0; }
    .l-grid__fix416--tablet {
      flex: 0 0 416px;
      min-width: 0; }
    .l-grid__fix424--tablet {
      flex: 0 0 424px;
      min-width: 0; }
    .l-grid__fix432--tablet {
      flex: 0 0 432px;
      min-width: 0; }
    .l-grid__fix440--tablet {
      flex: 0 0 440px;
      min-width: 0; }
    .l-grid__fix448--tablet {
      flex: 0 0 448px;
      min-width: 0; }
    .l-grid__fix456--tablet {
      flex: 0 0 456px;
      min-width: 0; }
    .l-grid__fix464--tablet {
      flex: 0 0 464px;
      min-width: 0; }
    .l-grid__fix472--tablet {
      flex: 0 0 472px;
      min-width: 0; }
    .l-grid__fix480--tablet {
      flex: 0 0 480px;
      min-width: 0; }
    .l-grid__fix488--tablet {
      flex: 0 0 488px;
      min-width: 0; }
    .l-grid__fix496--tablet {
      flex: 0 0 496px;
      min-width: 0; }
    .l-grid__fix504--tablet {
      flex: 0 0 504px;
      min-width: 0; }
    .l-grid__fix512--tablet {
      flex: 0 0 512px;
      min-width: 0; }
    .l-grid__fix520--tablet {
      flex: 0 0 520px;
      min-width: 0; }
    .l-grid__fix528--tablet {
      flex: 0 0 528px;
      min-width: 0; }
    .l-grid__fix536--tablet {
      flex: 0 0 536px;
      min-width: 0; }
    .l-grid__fix544--tablet {
      flex: 0 0 544px;
      min-width: 0; }
    .l-grid__fix552--tablet {
      flex: 0 0 552px;
      min-width: 0; }
    .l-grid__fix560--tablet {
      flex: 0 0 560px;
      min-width: 0; }
    .l-grid__fix568--tablet {
      flex: 0 0 568px;
      min-width: 0; }
    .l-grid__fix576--tablet {
      flex: 0 0 576px;
      min-width: 0; }
    .l-grid__fix584--tablet {
      flex: 0 0 584px;
      min-width: 0; }
    .l-grid__fix592--tablet {
      flex: 0 0 592px;
      min-width: 0; }
    .l-grid__fix600--tablet {
      flex: 0 0 600px;
      min-width: 0; }
    .l-grid__fix608--tablet {
      flex: 0 0 608px;
      min-width: 0; }
    .l-grid__fix616--tablet {
      flex: 0 0 616px;
      min-width: 0; }
    .l-grid__fix624--tablet {
      flex: 0 0 624px;
      min-width: 0; }
    .l-grid__fix632--tablet {
      flex: 0 0 632px;
      min-width: 0; }
    .l-grid__fix640--tablet {
      flex: 0 0 640px;
      min-width: 0; }
    .l-grid__fix648--tablet {
      flex: 0 0 648px;
      min-width: 0; }
    .l-grid__fix656--tablet {
      flex: 0 0 656px;
      min-width: 0; }
    .l-grid__fix664--tablet {
      flex: 0 0 664px;
      min-width: 0; }
    .l-grid__fix672--tablet {
      flex: 0 0 672px;
      min-width: 0; }
    .l-grid__fix680--tablet {
      flex: 0 0 680px;
      min-width: 0; }
    .l-grid__fix688--tablet {
      flex: 0 0 688px;
      min-width: 0; }
    .l-grid__fix696--tablet {
      flex: 0 0 696px;
      min-width: 0; }
    .l-grid__fix704--tablet {
      flex: 0 0 704px;
      min-width: 0; }
    .l-grid__fix712--tablet {
      flex: 0 0 712px;
      min-width: 0; }
    .l-grid__fix720--tablet {
      flex: 0 0 720px;
      min-width: 0; }
    .l-grid__fix728--tablet {
      flex: 0 0 728px;
      min-width: 0; }
    .l-grid__fix736--tablet {
      flex: 0 0 736px;
      min-width: 0; }
    .l-grid__fix744--tablet {
      flex: 0 0 744px;
      min-width: 0; }
    .l-grid__fix752--tablet {
      flex: 0 0 752px;
      min-width: 0; }
    .l-grid__fix760--tablet {
      flex: 0 0 760px;
      min-width: 0; }
    .l-grid__fix768--tablet {
      flex: 0 0 768px;
      min-width: 0; }
    .l-grid__fix776--tablet {
      flex: 0 0 776px;
      min-width: 0; }
    .l-grid__fix784--tablet {
      flex: 0 0 784px;
      min-width: 0; }
    .l-grid__fix792--tablet {
      flex: 0 0 792px;
      min-width: 0; }
    .l-grid__fix800--tablet {
      flex: 0 0 800px;
      min-width: 0; } }
  @media screen and (max-width: 560px) {
    .l-grid__fix8--spWide {
      flex: 0 0 8px;
      min-width: 0; }
    .l-grid__fix16--spWide {
      flex: 0 0 16px;
      min-width: 0; }
    .l-grid__fix24--spWide {
      flex: 0 0 24px;
      min-width: 0; }
    .l-grid__fix32--spWide {
      flex: 0 0 32px;
      min-width: 0; }
    .l-grid__fix40--spWide {
      flex: 0 0 40px;
      min-width: 0; }
    .l-grid__fix48--spWide {
      flex: 0 0 48px;
      min-width: 0; }
    .l-grid__fix56--spWide {
      flex: 0 0 56px;
      min-width: 0; }
    .l-grid__fix64--spWide {
      flex: 0 0 64px;
      min-width: 0; }
    .l-grid__fix72--spWide {
      flex: 0 0 72px;
      min-width: 0; }
    .l-grid__fix80--spWide {
      flex: 0 0 80px;
      min-width: 0; }
    .l-grid__fix88--spWide {
      flex: 0 0 88px;
      min-width: 0; }
    .l-grid__fix96--spWide {
      flex: 0 0 96px;
      min-width: 0; }
    .l-grid__fix104--spWide {
      flex: 0 0 104px;
      min-width: 0; }
    .l-grid__fix112--spWide {
      flex: 0 0 112px;
      min-width: 0; }
    .l-grid__fix120--spWide {
      flex: 0 0 120px;
      min-width: 0; }
    .l-grid__fix128--spWide {
      flex: 0 0 128px;
      min-width: 0; }
    .l-grid__fix136--spWide {
      flex: 0 0 136px;
      min-width: 0; }
    .l-grid__fix144--spWide {
      flex: 0 0 144px;
      min-width: 0; }
    .l-grid__fix152--spWide {
      flex: 0 0 152px;
      min-width: 0; }
    .l-grid__fix160--spWide {
      flex: 0 0 160px;
      min-width: 0; }
    .l-grid__fix168--spWide {
      flex: 0 0 168px;
      min-width: 0; }
    .l-grid__fix176--spWide {
      flex: 0 0 176px;
      min-width: 0; }
    .l-grid__fix184--spWide {
      flex: 0 0 184px;
      min-width: 0; }
    .l-grid__fix192--spWide {
      flex: 0 0 192px;
      min-width: 0; }
    .l-grid__fix200--spWide {
      flex: 0 0 200px;
      min-width: 0; }
    .l-grid__fix208--spWide {
      flex: 0 0 208px;
      min-width: 0; }
    .l-grid__fix216--spWide {
      flex: 0 0 216px;
      min-width: 0; }
    .l-grid__fix224--spWide {
      flex: 0 0 224px;
      min-width: 0; }
    .l-grid__fix232--spWide {
      flex: 0 0 232px;
      min-width: 0; }
    .l-grid__fix240--spWide {
      flex: 0 0 240px;
      min-width: 0; }
    .l-grid__fix248--spWide {
      flex: 0 0 248px;
      min-width: 0; }
    .l-grid__fix256--spWide {
      flex: 0 0 256px;
      min-width: 0; }
    .l-grid__fix264--spWide {
      flex: 0 0 264px;
      min-width: 0; }
    .l-grid__fix272--spWide {
      flex: 0 0 272px;
      min-width: 0; }
    .l-grid__fix280--spWide {
      flex: 0 0 280px;
      min-width: 0; }
    .l-grid__fix288--spWide {
      flex: 0 0 288px;
      min-width: 0; }
    .l-grid__fix296--spWide {
      flex: 0 0 296px;
      min-width: 0; }
    .l-grid__fix304--spWide {
      flex: 0 0 304px;
      min-width: 0; }
    .l-grid__fix312--spWide {
      flex: 0 0 312px;
      min-width: 0; }
    .l-grid__fix320--spWide {
      flex: 0 0 320px;
      min-width: 0; }
    .l-grid__fix328--spWide {
      flex: 0 0 328px;
      min-width: 0; }
    .l-grid__fix336--spWide {
      flex: 0 0 336px;
      min-width: 0; }
    .l-grid__fix344--spWide {
      flex: 0 0 344px;
      min-width: 0; }
    .l-grid__fix352--spWide {
      flex: 0 0 352px;
      min-width: 0; }
    .l-grid__fix360--spWide {
      flex: 0 0 360px;
      min-width: 0; }
    .l-grid__fix368--spWide {
      flex: 0 0 368px;
      min-width: 0; }
    .l-grid__fix376--spWide {
      flex: 0 0 376px;
      min-width: 0; }
    .l-grid__fix384--spWide {
      flex: 0 0 384px;
      min-width: 0; }
    .l-grid__fix392--spWide {
      flex: 0 0 392px;
      min-width: 0; }
    .l-grid__fix400--spWide {
      flex: 0 0 400px;
      min-width: 0; }
    .l-grid__fix408--spWide {
      flex: 0 0 408px;
      min-width: 0; }
    .l-grid__fix416--spWide {
      flex: 0 0 416px;
      min-width: 0; }
    .l-grid__fix424--spWide {
      flex: 0 0 424px;
      min-width: 0; }
    .l-grid__fix432--spWide {
      flex: 0 0 432px;
      min-width: 0; }
    .l-grid__fix440--spWide {
      flex: 0 0 440px;
      min-width: 0; }
    .l-grid__fix448--spWide {
      flex: 0 0 448px;
      min-width: 0; }
    .l-grid__fix456--spWide {
      flex: 0 0 456px;
      min-width: 0; }
    .l-grid__fix464--spWide {
      flex: 0 0 464px;
      min-width: 0; }
    .l-grid__fix472--spWide {
      flex: 0 0 472px;
      min-width: 0; }
    .l-grid__fix480--spWide {
      flex: 0 0 480px;
      min-width: 0; }
    .l-grid__fix488--spWide {
      flex: 0 0 488px;
      min-width: 0; }
    .l-grid__fix496--spWide {
      flex: 0 0 496px;
      min-width: 0; }
    .l-grid__fix504--spWide {
      flex: 0 0 504px;
      min-width: 0; }
    .l-grid__fix512--spWide {
      flex: 0 0 512px;
      min-width: 0; }
    .l-grid__fix520--spWide {
      flex: 0 0 520px;
      min-width: 0; }
    .l-grid__fix528--spWide {
      flex: 0 0 528px;
      min-width: 0; }
    .l-grid__fix536--spWide {
      flex: 0 0 536px;
      min-width: 0; }
    .l-grid__fix544--spWide {
      flex: 0 0 544px;
      min-width: 0; }
    .l-grid__fix552--spWide {
      flex: 0 0 552px;
      min-width: 0; }
    .l-grid__fix560--spWide {
      flex: 0 0 560px;
      min-width: 0; }
    .l-grid__fix568--spWide {
      flex: 0 0 568px;
      min-width: 0; }
    .l-grid__fix576--spWide {
      flex: 0 0 576px;
      min-width: 0; }
    .l-grid__fix584--spWide {
      flex: 0 0 584px;
      min-width: 0; }
    .l-grid__fix592--spWide {
      flex: 0 0 592px;
      min-width: 0; }
    .l-grid__fix600--spWide {
      flex: 0 0 600px;
      min-width: 0; }
    .l-grid__fix608--spWide {
      flex: 0 0 608px;
      min-width: 0; }
    .l-grid__fix616--spWide {
      flex: 0 0 616px;
      min-width: 0; }
    .l-grid__fix624--spWide {
      flex: 0 0 624px;
      min-width: 0; }
    .l-grid__fix632--spWide {
      flex: 0 0 632px;
      min-width: 0; }
    .l-grid__fix640--spWide {
      flex: 0 0 640px;
      min-width: 0; }
    .l-grid__fix648--spWide {
      flex: 0 0 648px;
      min-width: 0; }
    .l-grid__fix656--spWide {
      flex: 0 0 656px;
      min-width: 0; }
    .l-grid__fix664--spWide {
      flex: 0 0 664px;
      min-width: 0; }
    .l-grid__fix672--spWide {
      flex: 0 0 672px;
      min-width: 0; }
    .l-grid__fix680--spWide {
      flex: 0 0 680px;
      min-width: 0; }
    .l-grid__fix688--spWide {
      flex: 0 0 688px;
      min-width: 0; }
    .l-grid__fix696--spWide {
      flex: 0 0 696px;
      min-width: 0; }
    .l-grid__fix704--spWide {
      flex: 0 0 704px;
      min-width: 0; }
    .l-grid__fix712--spWide {
      flex: 0 0 712px;
      min-width: 0; }
    .l-grid__fix720--spWide {
      flex: 0 0 720px;
      min-width: 0; }
    .l-grid__fix728--spWide {
      flex: 0 0 728px;
      min-width: 0; }
    .l-grid__fix736--spWide {
      flex: 0 0 736px;
      min-width: 0; }
    .l-grid__fix744--spWide {
      flex: 0 0 744px;
      min-width: 0; }
    .l-grid__fix752--spWide {
      flex: 0 0 752px;
      min-width: 0; }
    .l-grid__fix760--spWide {
      flex: 0 0 760px;
      min-width: 0; }
    .l-grid__fix768--spWide {
      flex: 0 0 768px;
      min-width: 0; }
    .l-grid__fix776--spWide {
      flex: 0 0 776px;
      min-width: 0; }
    .l-grid__fix784--spWide {
      flex: 0 0 784px;
      min-width: 0; }
    .l-grid__fix792--spWide {
      flex: 0 0 792px;
      min-width: 0; }
    .l-grid__fix800--spWide {
      flex: 0 0 800px;
      min-width: 0; } }
  @media screen and (max-width: 480px) {
    .l-grid__fix8--sp {
      flex: 0 0 8px;
      min-width: 0; }
    .l-grid__fix16--sp {
      flex: 0 0 16px;
      min-width: 0; }
    .l-grid__fix24--sp {
      flex: 0 0 24px;
      min-width: 0; }
    .l-grid__fix32--sp {
      flex: 0 0 32px;
      min-width: 0; }
    .l-grid__fix40--sp {
      flex: 0 0 40px;
      min-width: 0; }
    .l-grid__fix48--sp {
      flex: 0 0 48px;
      min-width: 0; }
    .l-grid__fix56--sp {
      flex: 0 0 56px;
      min-width: 0; }
    .l-grid__fix64--sp {
      flex: 0 0 64px;
      min-width: 0; }
    .l-grid__fix72--sp {
      flex: 0 0 72px;
      min-width: 0; }
    .l-grid__fix80--sp {
      flex: 0 0 80px;
      min-width: 0; }
    .l-grid__fix88--sp {
      flex: 0 0 88px;
      min-width: 0; }
    .l-grid__fix96--sp {
      flex: 0 0 96px;
      min-width: 0; }
    .l-grid__fix104--sp {
      flex: 0 0 104px;
      min-width: 0; }
    .l-grid__fix112--sp {
      flex: 0 0 112px;
      min-width: 0; }
    .l-grid__fix120--sp {
      flex: 0 0 120px;
      min-width: 0; }
    .l-grid__fix128--sp {
      flex: 0 0 128px;
      min-width: 0; }
    .l-grid__fix136--sp {
      flex: 0 0 136px;
      min-width: 0; }
    .l-grid__fix144--sp {
      flex: 0 0 144px;
      min-width: 0; }
    .l-grid__fix152--sp {
      flex: 0 0 152px;
      min-width: 0; }
    .l-grid__fix160--sp {
      flex: 0 0 160px;
      min-width: 0; }
    .l-grid__fix168--sp {
      flex: 0 0 168px;
      min-width: 0; }
    .l-grid__fix176--sp {
      flex: 0 0 176px;
      min-width: 0; }
    .l-grid__fix184--sp {
      flex: 0 0 184px;
      min-width: 0; }
    .l-grid__fix192--sp {
      flex: 0 0 192px;
      min-width: 0; }
    .l-grid__fix200--sp {
      flex: 0 0 200px;
      min-width: 0; }
    .l-grid__fix208--sp {
      flex: 0 0 208px;
      min-width: 0; }
    .l-grid__fix216--sp {
      flex: 0 0 216px;
      min-width: 0; }
    .l-grid__fix224--sp {
      flex: 0 0 224px;
      min-width: 0; }
    .l-grid__fix232--sp {
      flex: 0 0 232px;
      min-width: 0; }
    .l-grid__fix240--sp {
      flex: 0 0 240px;
      min-width: 0; }
    .l-grid__fix248--sp {
      flex: 0 0 248px;
      min-width: 0; }
    .l-grid__fix256--sp {
      flex: 0 0 256px;
      min-width: 0; }
    .l-grid__fix264--sp {
      flex: 0 0 264px;
      min-width: 0; }
    .l-grid__fix272--sp {
      flex: 0 0 272px;
      min-width: 0; }
    .l-grid__fix280--sp {
      flex: 0 0 280px;
      min-width: 0; }
    .l-grid__fix288--sp {
      flex: 0 0 288px;
      min-width: 0; }
    .l-grid__fix296--sp {
      flex: 0 0 296px;
      min-width: 0; }
    .l-grid__fix304--sp {
      flex: 0 0 304px;
      min-width: 0; }
    .l-grid__fix312--sp {
      flex: 0 0 312px;
      min-width: 0; }
    .l-grid__fix320--sp {
      flex: 0 0 320px;
      min-width: 0; }
    .l-grid__fix328--sp {
      flex: 0 0 328px;
      min-width: 0; }
    .l-grid__fix336--sp {
      flex: 0 0 336px;
      min-width: 0; }
    .l-grid__fix344--sp {
      flex: 0 0 344px;
      min-width: 0; }
    .l-grid__fix352--sp {
      flex: 0 0 352px;
      min-width: 0; }
    .l-grid__fix360--sp {
      flex: 0 0 360px;
      min-width: 0; }
    .l-grid__fix368--sp {
      flex: 0 0 368px;
      min-width: 0; }
    .l-grid__fix376--sp {
      flex: 0 0 376px;
      min-width: 0; }
    .l-grid__fix384--sp {
      flex: 0 0 384px;
      min-width: 0; }
    .l-grid__fix392--sp {
      flex: 0 0 392px;
      min-width: 0; }
    .l-grid__fix400--sp {
      flex: 0 0 400px;
      min-width: 0; }
    .l-grid__fix408--sp {
      flex: 0 0 408px;
      min-width: 0; }
    .l-grid__fix416--sp {
      flex: 0 0 416px;
      min-width: 0; }
    .l-grid__fix424--sp {
      flex: 0 0 424px;
      min-width: 0; }
    .l-grid__fix432--sp {
      flex: 0 0 432px;
      min-width: 0; }
    .l-grid__fix440--sp {
      flex: 0 0 440px;
      min-width: 0; }
    .l-grid__fix448--sp {
      flex: 0 0 448px;
      min-width: 0; }
    .l-grid__fix456--sp {
      flex: 0 0 456px;
      min-width: 0; }
    .l-grid__fix464--sp {
      flex: 0 0 464px;
      min-width: 0; }
    .l-grid__fix472--sp {
      flex: 0 0 472px;
      min-width: 0; }
    .l-grid__fix480--sp {
      flex: 0 0 480px;
      min-width: 0; }
    .l-grid__fix488--sp {
      flex: 0 0 488px;
      min-width: 0; }
    .l-grid__fix496--sp {
      flex: 0 0 496px;
      min-width: 0; }
    .l-grid__fix504--sp {
      flex: 0 0 504px;
      min-width: 0; }
    .l-grid__fix512--sp {
      flex: 0 0 512px;
      min-width: 0; }
    .l-grid__fix520--sp {
      flex: 0 0 520px;
      min-width: 0; }
    .l-grid__fix528--sp {
      flex: 0 0 528px;
      min-width: 0; }
    .l-grid__fix536--sp {
      flex: 0 0 536px;
      min-width: 0; }
    .l-grid__fix544--sp {
      flex: 0 0 544px;
      min-width: 0; }
    .l-grid__fix552--sp {
      flex: 0 0 552px;
      min-width: 0; }
    .l-grid__fix560--sp {
      flex: 0 0 560px;
      min-width: 0; }
    .l-grid__fix568--sp {
      flex: 0 0 568px;
      min-width: 0; }
    .l-grid__fix576--sp {
      flex: 0 0 576px;
      min-width: 0; }
    .l-grid__fix584--sp {
      flex: 0 0 584px;
      min-width: 0; }
    .l-grid__fix592--sp {
      flex: 0 0 592px;
      min-width: 0; }
    .l-grid__fix600--sp {
      flex: 0 0 600px;
      min-width: 0; }
    .l-grid__fix608--sp {
      flex: 0 0 608px;
      min-width: 0; }
    .l-grid__fix616--sp {
      flex: 0 0 616px;
      min-width: 0; }
    .l-grid__fix624--sp {
      flex: 0 0 624px;
      min-width: 0; }
    .l-grid__fix632--sp {
      flex: 0 0 632px;
      min-width: 0; }
    .l-grid__fix640--sp {
      flex: 0 0 640px;
      min-width: 0; }
    .l-grid__fix648--sp {
      flex: 0 0 648px;
      min-width: 0; }
    .l-grid__fix656--sp {
      flex: 0 0 656px;
      min-width: 0; }
    .l-grid__fix664--sp {
      flex: 0 0 664px;
      min-width: 0; }
    .l-grid__fix672--sp {
      flex: 0 0 672px;
      min-width: 0; }
    .l-grid__fix680--sp {
      flex: 0 0 680px;
      min-width: 0; }
    .l-grid__fix688--sp {
      flex: 0 0 688px;
      min-width: 0; }
    .l-grid__fix696--sp {
      flex: 0 0 696px;
      min-width: 0; }
    .l-grid__fix704--sp {
      flex: 0 0 704px;
      min-width: 0; }
    .l-grid__fix712--sp {
      flex: 0 0 712px;
      min-width: 0; }
    .l-grid__fix720--sp {
      flex: 0 0 720px;
      min-width: 0; }
    .l-grid__fix728--sp {
      flex: 0 0 728px;
      min-width: 0; }
    .l-grid__fix736--sp {
      flex: 0 0 736px;
      min-width: 0; }
    .l-grid__fix744--sp {
      flex: 0 0 744px;
      min-width: 0; }
    .l-grid__fix752--sp {
      flex: 0 0 752px;
      min-width: 0; }
    .l-grid__fix760--sp {
      flex: 0 0 760px;
      min-width: 0; }
    .l-grid__fix768--sp {
      flex: 0 0 768px;
      min-width: 0; }
    .l-grid__fix776--sp {
      flex: 0 0 776px;
      min-width: 0; }
    .l-grid__fix784--sp {
      flex: 0 0 784px;
      min-width: 0; }
    .l-grid__fix792--sp {
      flex: 0 0 792px;
      min-width: 0; }
    .l-grid__fix800--sp {
      flex: 0 0 800px;
      min-width: 0; } }
  @media screen and (max-width: 374px) {
    .l-grid__fix8--spNarrow {
      flex: 0 0 8px;
      min-width: 0; }
    .l-grid__fix16--spNarrow {
      flex: 0 0 16px;
      min-width: 0; }
    .l-grid__fix24--spNarrow {
      flex: 0 0 24px;
      min-width: 0; }
    .l-grid__fix32--spNarrow {
      flex: 0 0 32px;
      min-width: 0; }
    .l-grid__fix40--spNarrow {
      flex: 0 0 40px;
      min-width: 0; }
    .l-grid__fix48--spNarrow {
      flex: 0 0 48px;
      min-width: 0; }
    .l-grid__fix56--spNarrow {
      flex: 0 0 56px;
      min-width: 0; }
    .l-grid__fix64--spNarrow {
      flex: 0 0 64px;
      min-width: 0; }
    .l-grid__fix72--spNarrow {
      flex: 0 0 72px;
      min-width: 0; }
    .l-grid__fix80--spNarrow {
      flex: 0 0 80px;
      min-width: 0; }
    .l-grid__fix88--spNarrow {
      flex: 0 0 88px;
      min-width: 0; }
    .l-grid__fix96--spNarrow {
      flex: 0 0 96px;
      min-width: 0; }
    .l-grid__fix104--spNarrow {
      flex: 0 0 104px;
      min-width: 0; }
    .l-grid__fix112--spNarrow {
      flex: 0 0 112px;
      min-width: 0; }
    .l-grid__fix120--spNarrow {
      flex: 0 0 120px;
      min-width: 0; }
    .l-grid__fix128--spNarrow {
      flex: 0 0 128px;
      min-width: 0; }
    .l-grid__fix136--spNarrow {
      flex: 0 0 136px;
      min-width: 0; }
    .l-grid__fix144--spNarrow {
      flex: 0 0 144px;
      min-width: 0; }
    .l-grid__fix152--spNarrow {
      flex: 0 0 152px;
      min-width: 0; }
    .l-grid__fix160--spNarrow {
      flex: 0 0 160px;
      min-width: 0; }
    .l-grid__fix168--spNarrow {
      flex: 0 0 168px;
      min-width: 0; }
    .l-grid__fix176--spNarrow {
      flex: 0 0 176px;
      min-width: 0; }
    .l-grid__fix184--spNarrow {
      flex: 0 0 184px;
      min-width: 0; }
    .l-grid__fix192--spNarrow {
      flex: 0 0 192px;
      min-width: 0; }
    .l-grid__fix200--spNarrow {
      flex: 0 0 200px;
      min-width: 0; }
    .l-grid__fix208--spNarrow {
      flex: 0 0 208px;
      min-width: 0; }
    .l-grid__fix216--spNarrow {
      flex: 0 0 216px;
      min-width: 0; }
    .l-grid__fix224--spNarrow {
      flex: 0 0 224px;
      min-width: 0; }
    .l-grid__fix232--spNarrow {
      flex: 0 0 232px;
      min-width: 0; }
    .l-grid__fix240--spNarrow {
      flex: 0 0 240px;
      min-width: 0; }
    .l-grid__fix248--spNarrow {
      flex: 0 0 248px;
      min-width: 0; }
    .l-grid__fix256--spNarrow {
      flex: 0 0 256px;
      min-width: 0; }
    .l-grid__fix264--spNarrow {
      flex: 0 0 264px;
      min-width: 0; }
    .l-grid__fix272--spNarrow {
      flex: 0 0 272px;
      min-width: 0; }
    .l-grid__fix280--spNarrow {
      flex: 0 0 280px;
      min-width: 0; }
    .l-grid__fix288--spNarrow {
      flex: 0 0 288px;
      min-width: 0; }
    .l-grid__fix296--spNarrow {
      flex: 0 0 296px;
      min-width: 0; }
    .l-grid__fix304--spNarrow {
      flex: 0 0 304px;
      min-width: 0; }
    .l-grid__fix312--spNarrow {
      flex: 0 0 312px;
      min-width: 0; }
    .l-grid__fix320--spNarrow {
      flex: 0 0 320px;
      min-width: 0; }
    .l-grid__fix328--spNarrow {
      flex: 0 0 328px;
      min-width: 0; }
    .l-grid__fix336--spNarrow {
      flex: 0 0 336px;
      min-width: 0; }
    .l-grid__fix344--spNarrow {
      flex: 0 0 344px;
      min-width: 0; }
    .l-grid__fix352--spNarrow {
      flex: 0 0 352px;
      min-width: 0; }
    .l-grid__fix360--spNarrow {
      flex: 0 0 360px;
      min-width: 0; }
    .l-grid__fix368--spNarrow {
      flex: 0 0 368px;
      min-width: 0; }
    .l-grid__fix376--spNarrow {
      flex: 0 0 376px;
      min-width: 0; }
    .l-grid__fix384--spNarrow {
      flex: 0 0 384px;
      min-width: 0; }
    .l-grid__fix392--spNarrow {
      flex: 0 0 392px;
      min-width: 0; }
    .l-grid__fix400--spNarrow {
      flex: 0 0 400px;
      min-width: 0; }
    .l-grid__fix408--spNarrow {
      flex: 0 0 408px;
      min-width: 0; }
    .l-grid__fix416--spNarrow {
      flex: 0 0 416px;
      min-width: 0; }
    .l-grid__fix424--spNarrow {
      flex: 0 0 424px;
      min-width: 0; }
    .l-grid__fix432--spNarrow {
      flex: 0 0 432px;
      min-width: 0; }
    .l-grid__fix440--spNarrow {
      flex: 0 0 440px;
      min-width: 0; }
    .l-grid__fix448--spNarrow {
      flex: 0 0 448px;
      min-width: 0; }
    .l-grid__fix456--spNarrow {
      flex: 0 0 456px;
      min-width: 0; }
    .l-grid__fix464--spNarrow {
      flex: 0 0 464px;
      min-width: 0; }
    .l-grid__fix472--spNarrow {
      flex: 0 0 472px;
      min-width: 0; }
    .l-grid__fix480--spNarrow {
      flex: 0 0 480px;
      min-width: 0; }
    .l-grid__fix488--spNarrow {
      flex: 0 0 488px;
      min-width: 0; }
    .l-grid__fix496--spNarrow {
      flex: 0 0 496px;
      min-width: 0; }
    .l-grid__fix504--spNarrow {
      flex: 0 0 504px;
      min-width: 0; }
    .l-grid__fix512--spNarrow {
      flex: 0 0 512px;
      min-width: 0; }
    .l-grid__fix520--spNarrow {
      flex: 0 0 520px;
      min-width: 0; }
    .l-grid__fix528--spNarrow {
      flex: 0 0 528px;
      min-width: 0; }
    .l-grid__fix536--spNarrow {
      flex: 0 0 536px;
      min-width: 0; }
    .l-grid__fix544--spNarrow {
      flex: 0 0 544px;
      min-width: 0; }
    .l-grid__fix552--spNarrow {
      flex: 0 0 552px;
      min-width: 0; }
    .l-grid__fix560--spNarrow {
      flex: 0 0 560px;
      min-width: 0; }
    .l-grid__fix568--spNarrow {
      flex: 0 0 568px;
      min-width: 0; }
    .l-grid__fix576--spNarrow {
      flex: 0 0 576px;
      min-width: 0; }
    .l-grid__fix584--spNarrow {
      flex: 0 0 584px;
      min-width: 0; }
    .l-grid__fix592--spNarrow {
      flex: 0 0 592px;
      min-width: 0; }
    .l-grid__fix600--spNarrow {
      flex: 0 0 600px;
      min-width: 0; }
    .l-grid__fix608--spNarrow {
      flex: 0 0 608px;
      min-width: 0; }
    .l-grid__fix616--spNarrow {
      flex: 0 0 616px;
      min-width: 0; }
    .l-grid__fix624--spNarrow {
      flex: 0 0 624px;
      min-width: 0; }
    .l-grid__fix632--spNarrow {
      flex: 0 0 632px;
      min-width: 0; }
    .l-grid__fix640--spNarrow {
      flex: 0 0 640px;
      min-width: 0; }
    .l-grid__fix648--spNarrow {
      flex: 0 0 648px;
      min-width: 0; }
    .l-grid__fix656--spNarrow {
      flex: 0 0 656px;
      min-width: 0; }
    .l-grid__fix664--spNarrow {
      flex: 0 0 664px;
      min-width: 0; }
    .l-grid__fix672--spNarrow {
      flex: 0 0 672px;
      min-width: 0; }
    .l-grid__fix680--spNarrow {
      flex: 0 0 680px;
      min-width: 0; }
    .l-grid__fix688--spNarrow {
      flex: 0 0 688px;
      min-width: 0; }
    .l-grid__fix696--spNarrow {
      flex: 0 0 696px;
      min-width: 0; }
    .l-grid__fix704--spNarrow {
      flex: 0 0 704px;
      min-width: 0; }
    .l-grid__fix712--spNarrow {
      flex: 0 0 712px;
      min-width: 0; }
    .l-grid__fix720--spNarrow {
      flex: 0 0 720px;
      min-width: 0; }
    .l-grid__fix728--spNarrow {
      flex: 0 0 728px;
      min-width: 0; }
    .l-grid__fix736--spNarrow {
      flex: 0 0 736px;
      min-width: 0; }
    .l-grid__fix744--spNarrow {
      flex: 0 0 744px;
      min-width: 0; }
    .l-grid__fix752--spNarrow {
      flex: 0 0 752px;
      min-width: 0; }
    .l-grid__fix760--spNarrow {
      flex: 0 0 760px;
      min-width: 0; }
    .l-grid__fix768--spNarrow {
      flex: 0 0 768px;
      min-width: 0; }
    .l-grid__fix776--spNarrow {
      flex: 0 0 776px;
      min-width: 0; }
    .l-grid__fix784--spNarrow {
      flex: 0 0 784px;
      min-width: 0; }
    .l-grid__fix792--spNarrow {
      flex: 0 0 792px;
      min-width: 0; }
    .l-grid__fix800--spNarrow {
      flex: 0 0 800px;
      min-width: 0; } }
  .l-grid__auto {
    flex: auto;
    min-width: 0; }
  .l-grid__none {
    flex: none; }
  .l-grid--center {
    align-items: center; }
  .l-grid--baseline {
    align-items: baseline; }
  .l-grid--nowrap {
    flex-wrap: nowrap; }
  .l-grid--start {
    align-items: flex-start; }

.l-stack {
  width: 100%; }
  .l-stack__item + .l-stack__item {
    margin: 2rem 0 0; }
    .l-stack__item + .l-stack__item--0 {
      margin: 0; }
    .l-stack__item + .l-stack__item--05 {
      margin: 0.5rem 0 0; }
    .l-stack__item + .l-stack__item--1 {
      margin: 1rem 0 0; }
  .l-stack__item--divider {
    border-top: 1px solid #e1e2e6; }

/* ! --------------------------------------------------
Object
-------------------------------------------------- */
.p-auth {
  width: 100%;
  background-image: url(../img/background/auth.jpg);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center; }

.p-login {
  width: 24rem;
  padding: 4rem 3rem;
  background-color: #fff;
  border-radius: 0.25rem;
  margin: -4rem 0 0;
  box-shadow: 0px 4px 4px -2px rgba(0, 0, 0, 0.2); }
  .p-login__head {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 0 3rem; }
    .p-login__head__logo {
      margin: 0 0 1.25rem; }
    .p-login__head__title {
      font-size: 1rem;
      font-weight: 500;
      letter-spacing: 0.13em; }
  .p-login__body .p-form input {
    height: 3rem; }
  .p-login__body .c-button {
    box-shadow: 0px 4px 4px -2px rgba(0, 0, 0, 0.1); }

.p-header {
  width: 100%;
  display: flex;
  align-items: center;
  padding: 0 2.5rem; }
  .p-header__text__title {
    font-size: 1.5rem;
    font-weight: 500;
    letter-spacing: 0.13em;
    line-height: 1em;
    display: flex;
    align-items: center; }
    .p-header__text__title .c-image {
      width: 2.25rem;
      margin: 0 1rem 0 0; }
    .p-header__text__title--dashboard {
      background-image: url("../img/menu/menu-dashboard.png"); }
    .p-header__text__title--user {
      background-image: url("../img/menu/menu-user.png"); }
    .p-header__text__title--sales {
      background-image: url("../img/menu/menu-sales.png"); }
    .p-header__text__title--invoice {
      background-image: url("../img/menu/menu-invoice.png"); }
  .p-header__action {
    margin: 0 0 0 2.5rem; }
  .p-header__account {
    margin: 0 0 0 auto;
    padding: 0 0 0 2.5rem; }
    .p-header__account__name {
      color: #777777;
      font-size: 0.875rem;
      font-weight: 500;
      line-height: 1em;
      letter-spacing: 0.08em;
      display: flex;
      align-items: center; }
      .p-header__account__name:before {
        content: "";
        display: block;
        width: 1.25rem;
        height: 1.25rem;
        background-image: url("../img/icon/avator.png");
        background-size: contain;
        background-position: center center;
        background-repeat: no-repeat;
        margin: 0 0.25rem 0 0;
        transform: translate(0, -2px); }

.p-gnav {
  flex: auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
  width: 100%; }
  .p-gnav__head {
    flex: 0 0 4.5rem;
    border-bottom: 1px solid #000;
    display: flex;
    align-items: center;
    padding: 0 1.25rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    position: relative; }
    .is-hide .p-gnav__head {
      padding: 0; }
    .is-hide .p-gnav__head__logo {
      display: none; }
    .p-gnav__head__switch {
      width: 4rem;
      height: 4rem;
      background-image: url(../img/icon/switch.png);
      background-size: 1.5rem;
      background-position: center center;
      background-repeat: no-repeat;
      position: absolute;
      top: 50%;
      right: 0;
      transform: translateY(-50%);
      cursor: pointer;
      transition: all 0.1s ease; }
      .p-gnav__head__switch:hover {
        opacity: 0.3; }
  .p-gnav__body {
    flex: auto;
    min-width: 0;
    padding: 2.5rem 1.25rem; }
    .is-hide .p-gnav__body {
      padding: 2.5rem calc(0.5rem - 2px); }
  .p-gnav__list__item + .p-gnav__list__item {
    margin: 1rem 0 0; }
  .p-gnav__list__button {
    height: 3rem;
    display: flex;
    align-items: center;
    border: 1px solid transparent;
    border-radius: 0.75rem;
    position: relative; }
    .p-gnav__list__button:before {
      content: "";
      display: block;
      width: 3rem;
      height: 3rem;
      background-color: transparent;
      background-size: 2rem 2rem;
      background-position: center center;
      background-repeat: no-repeat;
      border-radius: 0.75rem;
      margin: 0 1rem 0 0; }
      .p-gnav__list__button.is-active.p-gnav__list__button:before {
        background-color: #fff; }
      .is-hide .p-gnav__list__button:before {
        margin: 0; }
    .p-gnav__list__button:hover {
      border-color: rgba(255, 255, 255, 0.3); }
    .is-hide .p-gnav__list__button__label {
      display: none;
      position: absolute;
      top: 50%;
      left: 108%;
      transform: translateY(-50%);
      z-index: 1; }
    .is-hide .p-gnav__list__button:hover .p-gnav__list__button__label {
      display: block;
      width: 100vw;
      pointer-events: none; }
    .p-gnav__list__button__label__inner {
      color: #fff;
      font-size: 0.9375rem;
      letter-spacing: 0.13em; }
      .is-hide .p-gnav__list__button__label__inner {
        font-size: 0.875rem;
        display: inline-flex;
        align-items: center;
        height: 1.5rem;
        color: #111111;
        border: 1px solid #0f1549;
        border-radius: 0.25rem;
        background-color: #fff;
        padding: 0 0.5rem; }
    .p-gnav__list__button--dashboard:before {
      background-image: url("../img/menu/menu-dashboard--white.png"); }
    .p-gnav__list__button--dashboard.is-active:before {
      background-image: url("../img/menu/menu-dashboard--active.png"); }
    .p-gnav__list__button--user:before {
      background-image: url("../img/menu/menu-user--white.png"); }
    .p-gnav__list__button--user.is-active:before {
      background-image: url("../img/menu/menu-user--active.png"); }
    .p-gnav__list__button--sales:before {
      background-image: url("../img/menu/menu-sales--white.png"); }
    .p-gnav__list__button--sales.is-active:before {
      background-image: url("../img/menu/menu-sales--active.png"); }
    .p-gnav__list__button--invoice:before {
      background-image: url("../img/menu/menu-invoice--white.png"); }
    .p-gnav__list__button--invoice.is-active:before {
      background-image: url("../img/menu/menu-invoice--active.png"); }

.p-dashboard {
  width: 100%; }
  .p-dashboard__head {
    margin: 0 0 2rem; }
  .p-dashboard__list {
    display: grid;
    grid-template-columns: 1fr 2fr 1fr;
    grid-gap: 1.25rem; }
    .p-dashboard__list__item {
      flex: 1 1 0%; }
    .p-dashboard__list__content {
      color: #fff;
      display: flex;
      flex-direction: column;
      padding: 1rem;
      height: 6.5rem;
      border-radius: 0.5rem;
      background-color: #0d1553; }
      .p-dashboard__list__content--sales {
        background-color: #1e2b8e; }
      .p-dashboard__list__content--invoice {
        background-color: #2e64db; }
      .p-dashboard__list__content > .l-grid .l-grid__6:nth-of-type(1) {
        padding-right: 1rem; }
      .p-dashboard__list__content > .l-grid .l-grid__6:nth-of-type(2) {
        padding-left: 1rem;
        border-left: 1px solid rgba(255, 255, 255, 0.5); }
      .p-dashboard__list__content p {
        line-height: 1em; }
      .p-dashboard__list__content__head__title {
        color: #fff;
        font-size: 0.9375rem;
        font-weight: 500;
        line-height: 1em; }
      .p-dashboard__list__content__foot {
        margin: auto 0 0; }
  .p-dashboard__body {
    margin: 0 0 1rem;
    position: relative; }
    .p-dashboard__body .p-form {
      position: absolute;
      top: 0;
      left: 0;
      z-index: 1; }
    .p-dashboard__body__chart canvas {
      height: 15rem;
      max-width: 1080px;
      margin: 0 auto; }

.p-index {
  flex: auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
  width: 100%;
  background-color: #fff;
  border-radius: 0.5rem;
  border: 1px solid #b4b7c4; }
  .p-index__head {
    flex: 0 0 5.5rem;
    padding: 0 1.5rem;
    border-bottom: 1px solid #b4b7c4;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center; }
    .p-index__head__title {
      font-size: 1.125rem;
      font-weight: 700;
      letter-spacing: 0.13em; }
    .p-index__head__search {
      width: 100%;
      display: flex;
      align-items: center;
      height: 1.75rem;
      margin: 0.5rem 0 0; }
      .p-index__head__search__status {
        margin-right: auto; }
  .p-index__scroll {
    flex: auto;
    min-width: 0;
    display: flex;
    overflow: auto;
    height: 0; }
    .p-index__scroll::-webkit-scrollbar {
      width: 8px;
      height: 8px; }
    .p-index__scroll::-webkit-scrollbar-track {
      border-radius: 2px;
      background: #f2f4f7; }
    .p-index__scroll::-webkit-scrollbar-thumb {
      border-radius: 2px;
      background: #0a2372; }
  .p-index__body {
    flex: auto;
    min-width: 0;
    width: 100%; }
  .p-index__foot {
    flex: 0 0 3rem;
    border-top: 1px solid #b4b7c4;
    padding: 0 1.5rem;
    display: flex;
    align-items: center; }

.p-boxDetail {
  flex: auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
  width: 100%;
  border: 1px solid #b4b7c4;
  background-color: #fff;
  border-radius: 0.5rem; }
  .p-boxDetail__head {
    font-size: 1.125rem;
    font-weight: 500;
    flex: 0 0 3rem;
    padding: 0 1.5rem;
    border-bottom: 1px solid #b4b7c4;
    display: flex;
    align-items: center;
    position: relative;
    z-index: 2; }
    .p-boxDetail__head__action {
      display: flex;
      align-items: center;
      margin: 0 0 0 auto; }
  .p-boxDetail__scroll {
    flex: auto;
    min-width: 0;
    display: flex;
    overflow: auto;
    height: 0; }
    .p-boxDetail__scroll::-webkit-scrollbar {
      width: 8px;
      height: 8px; }
    .p-boxDetail__scroll::-webkit-scrollbar-track {
      border-radius: 2px;
      background: #f2f4f7; }
    .p-boxDetail__scroll::-webkit-scrollbar-thumb {
      border-radius: 2px;
      background: #0a2372; }
  .p-boxDetail__body {
    flex: auto;
    min-width: 0;
    width: 100%;
    padding: 1.5rem; }
  .p-boxDetail__table {
    flex: auto;
    min-width: 0;
    width: 100%; }
  .p-boxDetail__foot {
    flex: 0 0 3rem;
    border-top: 1px solid #b4b7c4;
    padding: 0 1.5rem;
    display: flex;
    align-items: center; }

.p-box {
  flex: auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
  width: 100%;
  background-color: #fff;
  border: 1px solid #b4b7c4;
  border-radius: 0.5rem; }
  .p-box__head {
    color: #111111;
    font-size: 1.5rem;
    font-weight: 500;
    letter-spacing: 0.13em;
    flex: 0 0 4rem;
    padding: 0 1.5rem;
    border-bottom: 1px solid #b4b7c4;
    display: flex;
    align-items: center; }
  .p-box__scroll {
    flex: auto;
    min-width: 0;
    display: flex;
    overflow-x: hidden;
    overflow-y: auto;
    height: 0; }
    .p-box__scroll::-webkit-scrollbar {
      width: 8px;
      height: 8px; }
    .p-box__scroll::-webkit-scrollbar-track {
      border-radius: 2px;
      background: #f2f4f7; }
    .p-box__scroll::-webkit-scrollbar-thumb {
      border-radius: 2px;
      background: #0a2372; }
  .p-box__body {
    flex: auto;
    min-width: 0;
    width: 100%;
    padding: 1.5rem; }
  .p-box__foot {
    flex: 0 0 4.5rem;
    border-top: 1px solid #b4b7c4;
    padding: 0 1.5rem;
    display: flex;
    align-items: center; }

.p-table {
  overflow: scroll;
  background-color: #fff; }
  .p-table table {
    display: table;
    border-collapse: collapse;
    table-layout: fixed;
    text-indent: initial;
    border-spacing: 2px;
    border-color: #b4b7c4;
    text-indent: initial;
    border-spacing: 2px;
    border-spacing: 0;
    min-width: 100%;
    width: 1px; }
    .p-table table tr {
      border: 1px solid #b4b7c4; }
      .p-table table tr[data-href] {
        cursor: pointer; }
        .p-table table tr[data-href]:hover {
          background-color: #eff0f4; }
          .p-table table tr[data-href]:hover th,
          .p-table table tr[data-href]:hover td {
            background-color: #eff0f4; }
    .p-table table,
    .p-table table th,
    .p-table table td {
      border: 1px solid #f7f7f7;
      border-bottom-color: #e1e2e6; }
    .p-table table th,
    .p-table table td {
      display: table-cell; }
    .p-table table .p-table__cell {
      color: #111111;
      font-size: 0.875rem;
      font-weight: 500;
      min-height: 2rem;
      display: flex;
      align-items: center;
      padding: 4px 8px; }
    .p-table table th.left {
      position: -webkit-sticky;
      position: sticky;
      left: 0px;
      background-color: #fff; }
      .p-table table th.left .p-table__cell {
        border-right: 1px solid #e1e2e6; }
    .p-table table th.right {
      position: -webkit-sticky;
      position: sticky;
      right: 0px;
      background-color: #fff; }
      .p-table table th.right .p-table__cell {
        border-left: 1px solid #e1e2e6; }
    .p-table table thead {
      display: table-header-group;
      vertical-align: middle;
      border-color: inherit; }
      .p-table table thead th {
        display: table-cell;
        vertical-align: inherit;
        position: -webkit-sticky;
        position: sticky;
        top: -1px;
        padding: 0;
        /* tbody内のセルより手前に表示する */
        z-index: 1; }
        .p-table table thead th .p-table__cell {
          color: #777777;
          font-size: 0.75rem;
          height: 2rem;
          border-bottom: 1px solid #b4b7c4;
          background-color: #eff0f4;
          display: flex;
          align-items: center; }
          .p-table table thead th .p-table__cell[data-sort] {
            color: #2e64db;
            transition: all 0.1s ease;
            cursor: pointer;
            position: relative; }
            .p-table table thead th .p-table__cell[data-sort]:hover {
              text-decoration: underline; }
            .p-table table thead th .p-table__cell[data-sort]:after {
              content: "";
              display: block;
              width: 1rem;
              height: 1.5rem;
              background-image: url(../img/form/asc.svg);
              background-size: 1rem;
              background-position: center;
              background-repeat: no-repeat;
              transition: all 0.1s ease;
              opacity: 0; }
            .p-table table thead th .p-table__cell[data-sort]:hover:after {
              opacity: 1; }
          .p-table table thead th .p-table__cell[data-sort="asc"]:after {
            opacity: 1; }
          .p-table table thead th .p-table__cell[data-sort="asc"]:hover:after {
            background-image: url(../img/form/desc.svg); }
          .p-table table thead th .p-table__cell[data-sort="desc"]:after {
            opacity: 1;
            background-image: url(../img/form/desc.svg); }
          .p-table table thead th .p-table__cell[data-sort="desc"]:hover:after {
            background: url(../img/form/asc.svg); }
        .p-table table thead th.left {
          z-index: 3; }
    .p-table table tbody {
      display: table-row-group;
      vertical-align: middle;
      border-color: inherit; }
      .p-table table tbody th.left {
        position: -webkit-sticky;
        position: sticky;
        left: 0px;
        background-color: #fff; }
        .p-table table tbody th.left .p-table__cell {
          padding-top: 0.75rem;
          border-right: 1px solid #e1e2e6; }
      .p-table table tbody th .p-table__cell,
      .p-table table tbody td .p-table__cell {
        padding-top: 0.75rem; }
    .p-table table tfoot th,
    .p-table table tfoot td {
      position: -webkit-sticky;
      position: sticky;
      bottom: 0px;
      border: 1px solid #fff;
      z-index: 2; }
  .p-table colgroup col.status {
    width: 100px; }
  .p-table colgroup col.status__2 {
    width: 120px; }
  .p-table colgroup col.name {
    width: 120px; }
  .p-table colgroup col.kana {
    width: 160px; }
  .p-table colgroup col.zip {
    width: 100px; }
  .p-table colgroup col.address {
    width: 400px; }
  .p-table colgroup col.tel {
    width: 120px; }
  .p-table colgroup col.company {
    width: 200px; }
  .p-table colgroup col.date {
    width: 100px; }
  .p-table colgroup col.date__2 {
    width: 120px; }
  .p-table colgroup col.price {
    width: 100px; }
  .p-table colgroup col.payment {
    width: 120px; }
  .p-table colgroup col.checkbox {
    width: 40px; }
  .p-table--dashboard {
    height: calc((100vh - 37rem));
    min-height: calc((750px - 37rem)); }
  .p-table--index {
    height: calc((100vh - 15rem));
    min-height: calc((750px - 15rem)); }
  .p-table--detail {
    height: calc((100vh - 12.5rem));
    min-height: calc((750px - 12.5rem)); }

.p-paging__list {
  display: flex; }
  .p-paging__list__item + .p-paging__list__item {
    margin: 0 0 0 0.25rem; }
  .p-paging__list__button {
    color: #2e64db;
    font-size: 0.875rem;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 1.75rem;
    min-width: 1.25rem;
    padding: 0 0.25rem;
    border: 1px solid #2e64db;
    border-radius: 0.2rem;
    cursor: pointer; }
    .p-paging__list__button[disabled], .p-paging__list__button.is-active {
      color: #b6b9c3;
      border-color: #e1e2e6;
      background-color: #eff0f4; }
    .p-paging__list__button--prev {
      background-image: url(../img/paging/prev.svg);
      background-size: 1rem;
      background-position: center center;
      background-repeat: no-repeat; }
      .p-paging__list__button--prev[disabled] {
        background-image: url(../img/paging/prev--disabled.svg); }
    .p-paging__list__button--next {
      background-image: url(../img/paging/next.svg);
      background-size: 1rem;
      background-position: center center;
      background-repeat: no-repeat; }
      .p-paging__list__button--next[disabled] {
        background-image: url(../img/paging/next--disabled.svg); }

.p-statusList {
  display: flex;
  align-items: center; }
  .p-statusList__item + .p-statusList__item {
    border-left: 1px solid #e1e2e6;
    margin: 0 0 0 1rem;
    padding: 0 0 0 1rem; }
  .p-statusList__button {
    font-size: 0.8125rem;
    font-weight: 400;
    line-height: 1em;
    letter-spacing: 0.08em; }
    .p-statusList__button:hover {
      color: #2e64db; }
    .is-current .p-statusList__button {
      color: #111111;
      font-weight: 700;
      pointer-events: none; }

.p-filterList {
  display: flex; }
  .p-filterList__item + .p-filterList__item {
    margin: 0 0 0 1rem; }
  .p-form .p-filterList input, .p-form .p-filterList select {
    font-size: 0.875rem;
    height: 1.75rem; }
  .p-filterList__keyword {
    position: relative; }
    .p-form .p-filterList__keyword input, .p-form .p-filterList__keyword select {
      padding-left: 2rem;
      background-image: url(../img/form/search.png);
      background-size: 1rem;
      background-position: left 0.5rem center;
      background-repeat: no-repeat; }
  .p-filterList__selectDate {
    display: flex; }
    .p-form .p-filterList__selectDate__select select {
      border-radius: 3px 0 0 3px; }
    .p-filterList__selectDate__date {
      border: 1px solid #0f1549;
      border-radius: 0 3px 3px 0;
      display: flex;
      align-items: center;
      margin-left: -1px;
      padding: 0 0 0 2rem;
      background-image: url(../img/form/calendar.png);
      background-size: 0.875rem;
      background-position: left 0.5rem center;
      background-repeat: no-repeat; }
      .p-filterList__selectDate__date__start {
        width: 5rem; }
      .p-filterList__selectDate__date__end {
        width: 5rem;
        margin: 0 0 0 0.75rem; }
      .p-form .p-filterList__selectDate__date input {
        border: 0;
        padding-left: 0;
        padding-right: 0;
        height: 1.625rem; }

.p-title {
  display: flex;
  align-items: center;
  margin: 0 0 1.5rem; }
  .p-title--2 {
    margin: 0 0 1rem; }
  .p-title__title {
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1em; }
    .p-title--2 .p-title__title {
      font-size: 1rem; }
    .p-title__title--required:after {
      content: "*";
      color: #e36a8b; }
  .p-title__action {
    margin: 0 0 0 auto; }

.p-list__item {
  display: flex; }
  .p-list__item + .p-list__item {
    margin: 1rem 0 0; }
.p-list__label {
  font-size: 12px;
  font-weight: 500;
  flex: 0 0 5rem;
  padding: 0.2em 0 0; }
.p-list__data {
  font-size: 16px;
  font-weight: 500;
  flex: auto;
  min-width: 0; }

.p-formList {
  width: 100%; }
  .p-formList__item {
    display: flex;
    flex-wrap: wrap; }
    .p-formList__item + .p-formList__item {
      margin: 1rem 0 0; }
  .p-formList__content {
    width: 100%; }
    .p-formList__content__label {
      font-size: 12px;
      font-weight: 500;
      flex: 0 0 100%;
      margin: 0 0 4px; }
      .p-formList__content__label--required:after {
        content: "*";
        color: #e36a8b; }
    .p-formList__content__data {
      font-size: 16px;
      font-weight: 500;
      flex: 0 0 100%; }
    .p-formList__content__alert {
      background-color: #fcf2f5;
      padding: 0.5rem 0.5rem;
      margin: 0.25rem 0 0;
      border-radius: 0.25rem; }
      .p-formList__content__alert__message {
        color: #e36a8b;
        font-size: 0.75rem;
        font-weight: 500;
        line-height: 1em; }
        .p-formList__content__alert__message + .p-formList__content__alert__message {
          margin: 0.5rem 0 0; }

.p-form {
  flex: auto;
  min-width: 0;
  width: 100%;
  display: flex; }
  .p-form input,
  .p-form select,
  .p-form textarea {
    font-size: 16px;
    font-weight: 400;
    line-height: 1em;
    height: 2.5rem;
    width: 100%;
    padding: 0 0.5rem;
    border: 1px solid #0f1549;
    border-radius: 3px;
    appearance: none; }
  .p-form input[type="date"]::-webkit-calendar-picker-indicator {
    display: none; }
  .p-form input[disabled] {
    background-color: #eff0f4;
    border-color: #eff0f4; }
  .p-form input.auto {
    background-color: #eff0f4; }
  .p-form__checkbox {
    display: flex;
    flex-wrap: wrap;
    align-items: center; }
    .p-form__checkbox input[type="checkbox"] {
      opacity: 0;
      pointer-events: none;
      position: absolute;
      top: 0;
      left: 0; }
    .p-form__checkbox label {
      color: #777777;
      font-size: 0.9375rem;
      font-weight: 500;
      line-height: 1em;
      display: flex;
      align-items: center;
      height: 1.5rem;
      padding: 0 0 0 1.5rem;
      margin: 0 1rem 0 0;
      position: relative;
      user-select: none;
      cursor: pointer;
      background-image: url(../img/form/checkbox.svg);
      background-size: 1.25rem;
      background-position: left center;
      background-repeat: no-repeat; }
    .p-form__checkbox input[type="checkbox"]:checked + label {
      color: #2e64db;
      background-image: url(../img/form/checkbox--checked.svg); }
  .p-form select {
    padding-right: 2rem;
    background-color: #fff;
    background-image: url(../img/form/select.png);
    background-size: 1rem;
    background-position: right 0.5rem center;
    background-repeat: no-repeat; }
  .p-form__small input,
  .p-form__small select {
    font-size: 0.9375rem;
    height: 1.5rem;
    padding-left: 0.4rem;
    background-size: 0.75rem; }
  .p-form__large input,
  .p-form__large select {
    font-size: 1.125rem;
    height: 3.5rem;
    padding-left: 1rem; }
  .p-form__icon input {
    padding-left: 2rem !important;
    background-size: 1rem;
    background-position: left 0.5rem center;
    background-repeat: no-repeat; }
    .p-form__icon--calendar.p-form__icon input {
      background-image: url(../img/form/calendar.png); }
    .p-form__icon--yen.p-form__icon input {
      background-image: url(../img/form/yen.svg); }
    .p-form__icon--zip.p-form__icon input {
      background-image: url(../img/form/zip.svg); }
  .p-form textarea {
    font-size: 0.875rem;
    line-height: 1.3;
    width: 100%;
    resize: none;
    padding: 0.5rem;
    height: auto;
    min-height: 4.5em; }
  .p-form *::-webkit-input-placeholder {
    color: #b6b9c3; }
  .p-form *:-ms-input-placeholder {
    color: #b6b9c3; }
  .p-form *::-moz-placeholder {
    color: #b6b9c3; }

.p-dotMenu {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  margin: 0 0 0 1rem;
  background-image: url(../img/icon/dot.png);
  background-size: 1.25rem;
  background-position: center center;
  background-repeat: no-repeat;
  cursor: pointer;
  position: relative; }
  .p-dotMenu__panel {
    display: none;
    justify-content: flex-end;
    width: 25vw;
    position: absolute;
    top: 98%;
    right: 2%;
    z-index: 1;
    pointer-events: none; }
    .is-active .p-dotMenu__panel {
      display: flex; }
  .p-dotMenu__list {
    border: 1px solid #e1e2e6;
    box-shadow: 0px 4px 4px -2px rgba(0, 0, 0, 0.1);
    pointer-events: all; }
    .p-dotMenu__list__button {
      color: #777777;
      font-size: 0.75rem;
      line-height: 1em;
      background-color: #fff;
      padding: 0.25rem 0.5rem;
      user-select: none; }
      .p-dotMenu__list__button:hover {
        color: #2e64db; }

.p-flashMessage {
  position: fixed;
  bottom: 2rem;
  left: 2rem;
  z-index: 999; }
  .p-flashMessage__item {
    color: #777777;
    font-size: 0.9375rem;
    font-weight: 500;
    line-height: 1em;
    letter-spacing: 0.08em;
    display: none;
    align-items: center;
    height: 3rem;
    margin: 0 0 0.5rem;
    padding: 0 1rem 0 3rem;
    min-width: 20rem;
    background-color: #fff;
    background-image: url(../img/flash/info.svg);
    background-size: 1.25rem;
    background-position: left 1rem center;
    background-repeat: no-repeat;
    border: 1px solid #b4b7c4;
    border-radius: 0.25rem;
    box-shadow: 0px 4px 4px -2px rgba(0, 0, 0, 0.2);
    opacity: 0;
    transform: translate(0, 200%);
    pointer-events: none; }
    .p-flashMessage__item.is-active {
      display: flex;
      animation: 0.8s ease-out forwards showFlashMessage, 0.8s ease-out 4s forwards hideFlashMessage;
      pointer-events: all; }
      .p-flashMessage__item.is-active:hover {
        opacity: 0.8 !important; }
    .p-flashMessage__item--correct {
      color: #fff;
      background-image: url(../img/flash/done.svg);
      background-color: #30b5ba;
      border-color: #30b5ba; }
    .p-flashMessage__item--error {
      color: #fff;
      background-image: url(../img/flash/error.svg);
      background-color: #e36a8b;
      border-color: #e36a8b; }
@keyframes showFlashMessage {
  0% {
    transform: translate(0, 100%);
    opacity: 0; }
  100% {
    transform: translate(0, 0);
    opacity: 1; } }
@keyframes hideFlashMessage {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
.p-parts {
  width: 100%;
  padding: 0 0 25rem; }
  .p-parts__item {
    padding: 2rem 4rem;
    background-color: #fff;
    border: 1px solid #b4b7c4; }
    .p-parts__item + .p-parts__item {
      margin: 1rem 0 0; }
  .p-parts__head {
    font-size: 1.5rem;
    font-weight: 900;
    margin: 0 0 2rem; }
  .p-parts__colorList {
    column-count: 3; }
    .p-parts__colorList__item {
      break-inside: avoid;
      display: flex;
      align-items: center;
      margin: 0 0 0.5rem; }
      .p-parts__colorList__item--primary .c-image {
        background-color: #2e64db; }
      .p-parts__colorList__item--primaryDark .c-image {
        background-color: #1e2b8e; }
      .p-parts__colorList__item--secondary .c-image {
        background-color: #30b5ba; }
      .p-parts__colorList__item--textPrimary .c-image {
        background-color: #111111; }
      .p-parts__colorList__item--textSecondary .c-image {
        background-color: #444444; }
      .p-parts__colorList__item--textThird .c-image {
        background-color: #777777; }
      .p-parts__colorList__item--textDisabled .c-image {
        background-color: #b6b9c3; }
      .p-parts__colorList__item--backgroundDark .c-image {
        background-color: #0d1553; }
      .p-parts__colorList__item--background .c-image {
        background-color: #eff0f4; }
      .p-parts__colorList__item--backgroundLight .c-image {
        background-color: #f9f9fc; }
      .p-parts__colorList__item--backgroundError .c-image {
        background-color: #fcf2f5; }
      .p-parts__colorList__item--line .c-image {
        background-color: #b4b7c4; }
      .p-parts__colorList__item--lineLight .c-image {
        background-color: #e1e2e6; }
      .p-parts__colorList__item--lineExtraLight .c-image {
        background-color: #f7f7f7; }
      .p-parts__colorList__item--lineForm .c-image {
        background-color: #0f1549; }
      .p-parts__colorList__item--correct .c-image {
        background-color: #30b5ba; }
      .p-parts__colorList__item--error .c-image {
        background-color: #e36a8b; }
      .p-parts__colorList__item .c-image {
        width: 2rem;
        margin: 0 0.5rem 0 0; }

.p-issueCombinedInvoice {
  height: 10rem;
  width: 100%;
  display: none;
  flex-direction: column;
  align-items: flex-start;
  background-color: #fff;
  border-top: 1px solid #b4b7c4;
  padding: 2rem 2.5rem 2rem;
  position: relative;
  z-index: 2; }
  .p-issueCombinedInvoice__head {
    margin: 0 0 1rem; }
  .p-issueCombinedInvoice__body {
    flex: auto;
    min-height: 0;
    width: 100%; }
  .p-issueCombinedInvoice.is-active {
    display: flex; }

.p-invoiceFormat {
  font-size: 16px;
  width: 62.5em;
  height: 37.5em;
  padding: 3.5em;
  border: 1px solid #000;
  background-color: #fff; }
  .p-invoiceFormat__head {
    margin: 0 0 4em;
    overflow: hidden; }
    .p-invoiceFormat__head__logo {
      width: 30%;
      float: left; }
      .p-invoiceFormat__head__logo img {
        width: 4.375em;
        height: 5em; }
    .p-invoiceFormat__head__heading {
      width: 40%;
      float: left; }
      .p-invoiceFormat__head__heading__title {
        font-family: arial, sans-serif;
        font-size: 1.75em;
        font-weight: 600;
        letter-spacing: 0.13em;
        text-align: center;
        margin: 0.5em 0 0; }
    .p-invoiceFormat__head__info {
      width: 30%;
      float: right; }
    .p-invoiceFormat__head__list {
      width: 12.5em;
      float: right;
      padding: 0 0 0.75em;
      border-bottom: 1px solid #eee; }
      .p-invoiceFormat__head__list__item {
        margin: 0 0 0.5em;
        clear: both;
        overflow: hidden; }
        .p-invoiceFormat__head__list__item__label {
          font-family: arial, sans-serif;
          font-size: 0.875em;
          font-weight: 300;
          line-height: 1em;
          float: left; }
        .p-invoiceFormat__head__list__item__val {
          font-family: arial, sans-serif;
          font-size: 0.875em;
          font-weight: 300;
          line-height: 1em;
          float: right; }
  .p-invoiceFormat__body__address, .p-invoiceFormat__body__account {
    width: 25em; }
  .p-invoiceFormat__body__address {
    float: left;
    overflow: hidden; }
    .p-invoiceFormat__body__address__head {
      padding: 0 0 0.75em;
      margin: 0 0 0.75em;
      border-bottom: 1px solid #000; }
      .p-invoiceFormat__body__address__head__to {
        overflow: hidden; }
        .p-invoiceFormat__body__address__head__to__name {
          font-family: arial, sans-serif;
          font-size: 1.25em;
          font-weight: 600;
          line-height: 1em;
          float: left; }
        .p-invoiceFormat__body__address__head__to__unit {
          font-family: arial, sans-serif;
          font-size: 1em;
          font-weight: 300;
          line-height: 1em;
          margin: 0.125em 0 0;
          float: right; }
      .p-invoiceFormat__body__address__head__manager {
        overflow: hidden;
        display: none; }
        .p-invoiceFormat__body__address__head__manager__text {
          float: right; }
          .p-invoiceFormat__body__address__head__manager__text p {
            font-family: arial, sans-serif;
            font-size: 0.875em;
            font-weight: 300;
            line-height: 1em;
            float: left; }
          .p-invoiceFormat__body__address__head__manager__text .name {
            font-size: 0.9375em;
            font-weight: 600;
            margin: 0 1em; }
          .p-invoiceFormat__body__address__head__manager__text .unit {
            margin: 0.125em 0 0; }
    .p-invoiceFormat__body__address__body {
      margin: 4em 0 0; }
      .p-invoiceFormat__body__address__body__text {
        border-bottom: 1px solid #000;
        padding: 0 0 0.5em;
        overflow: hidden; }
        .p-invoiceFormat__body__address__body__text p {
          font-family: arial, sans-serif;
          font-size: 0.875em;
          font-weight: 300;
          line-height: 1em; }
        .p-invoiceFormat__body__address__body__text .title {
          font-size: 1em;
          margin: 0.25em 0 0;
          float: left; }
        .p-invoiceFormat__body__address__body__text__price {
          float: right; }
          .p-invoiceFormat__body__address__body__text__price .val {
            display: inline-block;
            font-size: 1.75em;
            font-weight: 600;
            letter-spacing: 0; }
          .p-invoiceFormat__body__address__body__text__price .unit {
            display: inline-block;
            margin: 0 0 0 0.25em; }
    .p-invoiceFormat__body__address__foot {
      margin: 1rem 0 0; }
    .p-invoiceFormat__body__address__list__item {
      display: flex;
      align-items: center; }
      .p-invoiceFormat__body__address__list__item + .p-invoiceFormat__body__address__list__item {
        margin: 0.25rem 0 0; }
    .p-invoiceFormat__body__address__list__label {
      font-size: 0.8em;
      flex: 0 0 5rem; }
    .p-invoiceFormat__body__address__list__data {
      font-size: 0.8em;
      flex: auto;
      min-width: 0; }
  .p-invoiceFormat__body__account {
    float: right;
    overflow: hidden; }
    .p-invoiceFormat__body__account__head {
      border-bottom: 1px solid #eee;
      padding: 0 0 0.5em;
      margin: 0 0 2em;
      overflow: hidden; }
      .p-invoiceFormat__body__account__head__logo {
        text-align: center;
        width: 13em;
        height: 6em;
        float: left; }
        .p-invoiceFormat__body__account__head__logo img {
          width: 10.5em;
          height: 2em;
          margin: 1.75em 0 0; }
      .p-invoiceFormat__body__account__head__info {
        width: 11em;
        float: right; }
        .p-invoiceFormat__body__account__head__info p {
          font-family: arial, sans-serif;
          font-size: 0.875em;
          font-weight: 300;
          line-height: 1.75em;
          margin: 0 0 0.5em; }
    .p-invoiceFormat__body__account__body p {
      font-family: arial, sans-serif;
      font-size: 0.875em;
      font-weight: 300;
      line-height: 1.75em;
      margin: 1.5em 0 0; }
  .p-invoiceFormatWrap {
    position: relative;
    cursor: pointer; }
    .p-invoiceFormatWrap .c-link {
      position: absolute;
      top: 1rem;
      left: 1rem;
      pointer-events: none; }
    .p-invoiceFormatWrap .p-invoiceFormat {
      font-size: 0.75vw; }
      @media screen and (max-width: 1440px) {
        .p-invoiceFormatWrap .p-invoiceFormat {
          font-size: 11px;
          transform-origin: 0% 0%;
          transform: scale3d(0.8, 0.8, 0.8); } }
    .p-invoiceFormatWrap:hover .p-invoiceFormat {
      border-color: #2e64db;
      background-color: #f9f9fc; }

.c-image {
  width: 100%;
  overflow: hidden;
  position: relative; }
  .c-image:before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 100%; }
  .c-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    -o-object-fit: cover;
    object-fit: contain;
    position: absolute;
    top: 0;
    left: 0; }

.c-text--1 {
  font-size: 1.375rem;
  font-weight: 700;
  letter-spacing: 0; }
.c-text--2 {
  font-size: 1.25rem;
  font-weight: 700;
  letter-spacing: 0; }
.c-text--3 {
  font-size: 1.125rem;
  font-weight: 700;
  letter-spacing: 0; }
.c-text--4 {
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0; }
.c-text--5 {
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0; }

.c-color--primary {
  color: #2e64db; }
.c-color--primaryDark {
  color: #1e2b8e; }
.c-color--secondary {
  color: #30b5ba; }
.c-color--textPrimary {
  color: #111111; }
.c-color--textSecondary {
  color: #444444; }
.c-color--textThird {
  color: #777777; }
.c-color--textDisabled {
  color: #b6b9c3; }
.c-color--backgroundDark {
  color: #0d1553; }
.c-color--background {
  color: #eff0f4; }
.c-color--backgroundLight {
  color: #f9f9fc; }
.c-color--backgroundError {
  color: #fcf2f5; }
.c-color--line {
  color: #b4b7c4; }
.c-color--lineLight {
  color: #e1e2e6; }
.c-color--lineExtraLight {
  color: #f7f7f7; }
.c-color--lineForm {
  color: #0f1549; }
.c-color--correct {
  color: #30b5ba; }
.c-color--error {
  color: #e36a8b; }

.c-button {
  color: #fff;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1em;
  letter-spacing: 0.08em;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #2e64db;
  border: 1px solid transparent;
  height: 3rem;
  padding: 0 2rem;
  border-radius: 0.25rem;
  cursor: pointer;
  user-select: none; }
  .c-button[disabled] {
    color: #777777;
    background-color: #eff0f4;
    border-color: #eff0f4;
    pointer-events: none; }
  .c-button--1 {
    height: 2rem;
    padding: 0 1rem; }
  .c-button--2 {
    font-size: 1rem;
    letter-spacing: 0.13em;
    height: 3.5rem;
    padding: 0 3rem; }
  .c-button--3 {
    color: #fff;
    height: 1.75rem;
    padding: 0 1rem;
    border-color: rgba(255, 255, 255, 0.5);
    background-color: transparent; }
    .c-button--3:hover {
      border-color: white; }
  .c-button--full {
    width: 100%; }
  .c-button--alert {
    background-color: #e36a8b;
    border-color: #e36a8b; }
    .c-button--alert:hover {
      background-color: #db3f6a;
      border-color: #db3f6a; }
  .c-button--negative {
    color: #777777;
    background-color: #fff;
    border-color: #e1e2e6; }
    .c-button--negative:hover {
      background-color: #eff0f4; }
  .c-button--label {
    color: #111111;
    font-size: 1.125rem;
    justify-content: flex-start;
    height: 3.5rem;
    width: 100%;
    border-color: #0f1549;
    padding: 0 2rem 0 1rem;
    background-color: #fff;
    background-image: url(../img/button/right.svg);
    background-size: 1.5rem;
    background-position: right 0.5rem center;
    background-repeat: no-repeat; }
    .c-button--label:hover {
      color: #2e64db;
      border-color: #2e64db; }
  .c-button--add {
    color: #2e64db;
    background-color: #f9f9fc;
    border: 1px dashed #e1e2e6;
    width: 100%;
    height: 8rem; }
    .c-button--add:hover {
      border-color: #2e64db; }

.c-textButton {
  color: #2e64db;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.04em;
  display: inline-flex;
  cursor: pointer; }
  .c-textButton:hover {
    text-decoration: underline; }

.c-iconButton {
  display: flex;
  width: 1.5rem;
  height: 1.5rem;
  border: 1px solid #e1e2e6;
  border-radius: 0.25rem;
  background-color: #fff;
  background-size: 1.25rem;
  background-position: center center;
  background-repeat: no-repeat; }
  .c-iconButton:hover {
    border-color: #b4b7c4; }
  .c-iconButton--invoice {
    background-image: url(../img/button/invoice.svg); }
  .c-iconButton--combined {
    background-image: url(../img/button/combined.svg); }

.c-link {
  color: #777777;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1em;
  letter-spacing: 0.08em;
  padding: 0 0 0 1.25rem;
  background-image: url(../img/icon/external.svg);
  background-size: 1rem;
  background-position: left center;
  background-repeat: no-repeat;
  cursor: pointer; }
  .c-link:hover {
    color: #2e64db;
    text-decoration: underline; }
  .c-link--back {
    background-image: url(../img/icon/back.svg); }
  .c-link--zoom {
    background-image: url(../img/icon/zoom.svg); }
  .c-link--rightWhite {
    color: #fff;
    background-image: url(../img/icon/right--white.svg);
    padding: 0 1.25em 0 0;
    background-position: right center; }
    .c-link--rightWhite:hover {
      color: #fff;
      text-decoration: underline; }

.c-status {
  color: #fff;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1em;
  letter-spacing: 0.08em;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 1.125rem;
  width: 4rem;
  border-radius: 2rem;
  padding: 0 0.3rem 0 1.1rem;
  background-size: 0.75rem;
  background-position: left 0.3rem center;
  background-repeat: no-repeat;
  background-color: #2e64db; }
  .c-status--sales {
    background-color: #2e64db;
    background-image: url("../img/status/sales.svg"); }
    .c-status--sales:before {
      content: "売上"; }
  .c-status--receivable {
    background-color: #30b5ba;
    background-image: url("../img/status/receivable.svg"); }
    .c-status--receivable:before {
      content: "売掛"; }
  .c-status--paid {
    background-color: #2e64db;
    background-image: url("../img/status/paid.svg"); }
    .c-status--paid:before {
      content: "支払済"; }
  .c-status--unpaid {
    background-color: #e36a8b;
    background-image: url("../img/status/unpaid.svg"); }
    .c-status--unpaid:before {
      content: "未入金"; }
  .c-status--combined {
    background-color: #0d1553;
    background-image: url("../img/status/combined.svg"); }
    .c-status--combined:before {
      content: "合算請求書"; }
  .c-status--unissued {
    background-color: #e36a8b;
    background-image: url("../img/status/unissued.svg"); }
    .c-status--unissued:before {
      content: "未発行"; }
  .c-status--combined {
    width: 6.2rem; }

.c-label {
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  line-height: 1em;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 1.125rem;
  padding: 0 0.25rem;
  background-color: #b6b9c3; }
  span.c-label {
    margin-right: 0.25rem;
    transform: translateY(-2px); }

.c-loading {
  width: 100vw;
  height: 100vh;
  background-image: url(../img/icon/loading.svg);
  background-size: 8rem;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #f9f9fc;
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  transition: all 0.1s ease; }
  .c-loading.is-hide {
    opacity: 0;
    pointer-events: none; }

/* ! --------------------------------------------------
Library
-------------------------------------------------- */
.remodal,
[data-remodal-id] {
  display: none; }

.remodal {
  outline: none;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  padding: 2rem;
  overflow: hidden;
  opacity: 0;
  display: none;
  vertical-align: middle;
  position: relative; }
  .remodal-is-opened .remodal {
    display: inline-flex;
    opacity: 1; }
  html .remodal-is-locked {
    overflow: hidden;
    -ms-touch-action: none;
    touch-action: none; }
  .remodal-is-opening, .remodal-is-closing {
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards; }
  .remodal-is-opening {
    -webkit-animation-name: remodal-opening-keyframes;
    animation-name: remodal-opening-keyframes; }
  .remodal-is-closing {
    -webkit-animation-name: remodal-closing-keyframes;
    animation-name: remodal-closing-keyframes; }
  .remodal-overlay {
    background-color: rgba(0, 0, 0, 0.32);
    position: fixed;
    z-index: 9999;
    top: -5000px;
    right: -5000px;
    bottom: -5000px;
    left: -5000px;
    display: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; }
    .remodal-overlay.remodal-is-opening {
      -webkit-animation-name: remodal-overlay-opening-keyframes;
      animation-name: remodal-overlay-opening-keyframes; }
    .remodal-overlay.remodal-is-closing {
      -webkit-animation-name: remodal-overlay-closing-keyframes;
      animation-name: remodal-overlay-closing-keyframes; }
  .remodal-wrapper {
    align-items: center;
    justify-content: center;
    position: fixed;
    z-index: 10000;
    top: 8px;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 8px;
    margin: 0 0 40px;
    display: none;
    text-align: center;
    -webkit-overflow-scrolling: touch;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; }
    .remodal-wrapper:after {
      content: "";
      display: inline-block;
      height: 100%;
      margin-left: -0.05em;
      vertical-align: middle; }
  .remodal-is-initialized {
    /* Disable Anti-FOUC */
    display: inline-block; }

.p-remodal {
  text-align: left;
  width: 400px;
  position: relative;
  /* Default theme styles of the wrapper */
  /* Default theme styles of the modal dialog */
  /* Vertical align of the modal dialog */
  /* Dialog buttons */
  /* Remove inner padding and border in Firefox 4+ for the button tag. */ }
  .p-remodal--1 {
    width: 1000px; }
  .p-remodal--2 {
    width: 800px; }
  .p-remodal__close {
    display: block;
    width: 2rem;
    height: 2rem;
    border-radius: 2rem;
    border: none;
    position: absolute;
    top: 0;
    right: 0;
    transform: translate(24%, -24%);
    background-color: #eff0f4;
    background-image: url(../img/icon/close.svg);
    background-size: 1rem;
    background-position: center center;
    background-repeat: no-repeat;
    box-shadow: 0px 2px 2px -1px rgba(0, 0, 0, 0.2);
    z-index: 1;
    cursor: pointer; }
    .p-remodal__close:hover {
      background-color: #d1d4df; }
  .p-remodal__head {
    display: flex;
    align-items: center;
    height: 3rem;
    width: 100%;
    background-color: #fff;
    border-bottom: 1px solid #e1e2e6;
    border-radius: 0.25rem 0.25rem 0 0;
    padding: 0 2rem 0 1.5rem; }
    .p-remodal__head__title {
      font-size: 1.125rem;
      font-weight: 500; }
    .p-remodal__head__action {
      margin: 0 0 0 auto;
      display: flex;
      align-items: center; }
  .p-remodal__scroll {
    min-height: 200px;
    max-height: 72vh;
    overflow: auto;
    flex: auto;
    min-width: 0;
    background-color: #fff; }
    .p-remodal__scroll::-webkit-scrollbar {
      width: 8px;
      height: 8px; }
    .p-remodal__scroll::-webkit-scrollbar-track {
      border-radius: 2px;
      background: #f2f4f7; }
    .p-remodal__scroll::-webkit-scrollbar-thumb {
      border-radius: 2px;
      background: #0a2372; }
  .p-remodal__fix {
    padding: 1rem 1.5rem;
    background-color: #fff;
    border-bottom: 1px solid #e1e2e6; }
  .p-remodal__body {
    padding: 1rem 1.5rem 1.5rem; }
  .p-remodal__foot {
    display: flex;
    align-items: center;
    width: 100%;
    background-color: #fff;
    border-top: 1px solid #e1e2e6;
    padding: 1rem;
    border-radius: 0 0 0.25rem 0.25rem; }
  .p-remodal .remodal-overlay.remodal-is-opening,
  .p-remodal .remodal-overlay.remodal-is-closing {
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards; }
  .p-remodal .remodal-overlay.remodal-is-opening {
    -webkit-animation-name: remodal-overlay-opening-keyframes;
    animation-name: remodal-overlay-opening-keyframes; }
  .p-remodal .remodal-overlay.remodal-is-closing {
    -webkit-animation-name: remodal-overlay-closing-keyframes;
    animation-name: remodal-overlay-closing-keyframes; }
  .p-remodal .remodal {
    box-sizing: border-box;
    width: 100%;
    padding: 35px;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    color: #2b2e38;
    background: #fff; }
  .p-remodal .remodal.remodal-is-opening,
  .p-remodal .remodal.remodal-is-closing {
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards; }
  .p-remodal .remodal.remodal-is-opening {
    -webkit-animation-name: remodal-opening-keyframes;
    animation-name: remodal-opening-keyframes; }
  .p-remodal .remodal.remodal-is-closing {
    -webkit-animation-name: remodal-closing-keyframes;
    animation-name: remodal-closing-keyframes; }
  .p-remodal .remodal,
  .p-remodal .remodal-wrapper:after {
    vertical-align: middle; }
  .p-remodal .remodal-confirm,
  .p-remodal .remodal-cancel {
    font: inherit;
    display: inline-block;
    overflow: visible;
    min-width: 110px;
    margin: 0;
    padding: 12px 0;
    cursor: pointer;
    -webkit-transition: background 0.2s;
    transition: background 0.2s;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    border: 0;
    outline: 0; }
  .p-remodal .remodal-confirm::-moz-focus-inner,
  .p-remodal .remodal-cancel::-moz-focus-inner,
  .p-remodal .remodal-close::-moz-focus-inner {
    padding: 0;
    border: 0; }

/* Keyframes======== */
@-webkit-keyframes remodal-opening-keyframes {
  from {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    opacity: 0; }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    -webkit-filter: blur(0);
    filter: blur(0); } }
@keyframes remodal-opening-keyframes {
  from {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    opacity: 0; }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    -webkit-filter: blur(0);
    filter: blur(0); } }
@-webkit-keyframes remodal-closing-keyframes {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; }
  to {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    opacity: 0;
    -webkit-filter: blur(0);
    filter: blur(0); } }
@keyframes remodal-closing-keyframes {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; }
  to {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    opacity: 0;
    -webkit-filter: blur(0);
    filter: blur(0); } }
@-webkit-keyframes remodal-overlay-opening-keyframes {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
@keyframes remodal-overlay-opening-keyframes {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
@-webkit-keyframes remodal-overlay-closing-keyframes {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }
@keyframes remodal-overlay-closing-keyframes {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

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