@charset "UTF-8";
/* CSS Document */


/* -------------------------------------
制作の流れ
-------------------------------------- */


@media screen and (max-width: 740px) { /* スマートフォン */

  dl.flow dt {
    font-weight: bold;
    color: #178904;
    font-size: 1.5rem
  }

  dl.flow dt span {
    color: #ff6000;
  }

  dl.flow dd {
    border-left: 5px solid #ffff3b;
    padding: 5px 5px 5px 10px;
    margin: 5px 0 15px 10px;
  }

  dl.flow dd span {
    font-size: 1.2rem;
  }

}



@media all and (min-width: 741px) { /* PC */

  h1.tit_flow {
    background: url(../flow/tit_h1.png) no-repeat;
  }

  dl.flow {
    width: 97%;
    margin: 10px auto 0 auto;
  }

  dl.flow dt {
    width: 470px;
    height: 40px;
    border-top: 1px dotted #999999;
    margin: 0 0 10px 0;
    text-indent:  120%;
    white-space:  nowrap;
    overflow:  hidden;
  }

  dl.flow dt.s01 {
    background: url(../flow/01.png) no-repeat;
  }

  dl.flow dt.s02 {
    background: url(../flow/02.png) no-repeat;
  }

  dl.flow dt.s03 {
    background: url(../flow/03.png) no-repeat;
  }

  dl.flow dt.s04 {
    background: url(../flow/04.png) no-repeat;
  }

  dl.flow dt.s05 {
    background: url(../flow/05.png) no-repeat;
  }

  dl.flow dt.s06 {
    background: url(../flow/06.png) no-repeat;
  }

  dl.flow dt.s07 {
    background: url(../flow/07.png) no-repeat;
  }

  dl.flow dt.s08 {
    background: url(../flow/08.png) no-repeat;
  }

  dl.flow dt.s09 {
    background: url(../flow/09.png) no-repeat;
  }

  dl.flow dt.s10 {
    background: url(../flow/10.png) no-repeat;
  }

  dl.flow dt.s11 {
    background: url(../flow/11.png) no-repeat;
  }

  dl.flow dt.s12 {
    background: url(../flow/12.png) no-repeat;
  }

  dl.flow dt.s13 {
    background: url(../flow/13.png) no-repeat;
  }

  dl.flow dt.s14 {
    background: url(../flow/14.png) no-repeat;
  }

  dl.flow dt.noborder {
    border-top: none;
  }

  dl.flow dd {
  min-height: 80px;
    background: url(../flow/arrow.png) no-repeat 10px 0;
    padding: 0 0 0 100px;
    margin: 0;
  }

  dl.flow dd span {
    font-size: 1.2rem;
  }

  dl.flow dd.end {
    background: none;
  }

}