@media print, screen and (min-width: 48em) {
  .pcNone {
    display: none !important; } }
@media print, screen and (max-width: 47.999em) {
  .spNone {
    display: none !important; } }
@media print, screen and (max-width: 47.999em) {
  p,
  li,
  dd {
    font-size: 90% !important; }

  .u-fz--24 {
    font-size: 18px !important; }

  .c-button--lg--bd--sh--wide-480,
  .c-button--lg--bd-green--sh--wide-480 {
    width: 300px !important;
    font-size: 16px !important; } }
[class^="ico-left"][class*="--down"]:before,
[class*=" ico-left"][class*="--down"]:before {
  content: "\f063"; }

[class^="fw-step"],
[class*=" fw-step"] {
  background-color: #EAEAEA;
  border-left: none;
  font-weight: normal;
  text-align: left;
  margin-top: 0; }
  [class^="fw-step"] span,
  [class*=" fw-step"] span {
    font-weight: bold; }
  [class^="fw-step"][class*="--h2pd"],
  [class*=" fw-step"][class*="--h2pd"] {
    padding: 12px; }
  [class^="fw-step"][class*="--h3pd"],
  [class*=" fw-step"][class*="--h3pd"] {
    padding: 5px 10px;
    background-color: #fff; }

.fw_step1_tit {
  background-color: #ccf0ff;
  padding: 10px;
  text-align: center;
  font-weight: bold;
  margin-top: 40px; }

@media print, screen and (max-width: 47.999em) {
  .fw_bg_color {
    background-color: #e5f8ff;
    padding: 0 0 1.5em; }
    .fw_bg_color .fw_step2_link {
      text-align: center; }
    .fw_bg_color .fw_step2_link a {
      padding: 10px;
      background-color: #fff;
      color: #147BCC;
      margin-bottom: 2em; }
    .fw_bg_color .fw-pg {
      padding: 0 10px; } }

[class^="fw-arrow"],
[class*=" fw-arrow"] {
  overflow: hidden;
  position: relative; }
  [class^="fw-arrow"] img,
  [class*=" fw-arrow"] img {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto; }
    @media print, screen and (max-width: 47.999em) {
      [class^="fw-arrow"] img,
      [class*=" fw-arrow"] img {
        width: 120px; } }
  [class^="fw-arrow"][class*="--long"],
  [class*=" fw-arrow"][class*="--long"] {
    height: 220px; }
    @media print, screen and (min-width: 48em) and (max-width: 64em) {
      [class^="fw-arrow"][class*="--long"],
      [class*=" fw-arrow"][class*="--long"] {
        height: 223px; } }
    @media print, screen and (max-width: 47.999em) {
      [class^="fw-arrow"][class*="--long"],
      [class*=" fw-arrow"][class*="--long"] {
        height: 50px; } }
  [class^="fw-arrow"][class*="--short"],
  [class*=" fw-arrow"][class*="--short"] {
    height: 70px; }
    @media print, screen and (max-width: 47.999em) {
      [class^="fw-arrow"][class*="--short"],
      [class*=" fw-arrow"][class*="--short"] {
        height: 50px; } }

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