/**
* css document
* 
* 
*/
/* black
-----------------------*/
/* BLUE
-----------------------*/
/* RED
-----------------------*/
/* GRAY
-----------------------*/
#index_flow .l_block {
  padding-bottom: 30px; }
  @media only screen and (max-width: 768px) {
    #index_flow .l_block {
      padding-bottom: 15px; } }
#index_flow h2 {
  border: 1px solid #ff0000;
  background: #fee;
  padding: 15px;
  text-align: center;
  font-size: 15px;
  color: #ff0000; }
  @media only screen and (max-width: 768px) {
    #index_flow h2 {
      padding: 10px;
      font-size: 13px; } }
#index_flow .l_flow_block {
  position: relative; }
#index_flow .l_flow_block_inner {
  width: 100%;
  display: table;
  border: 1px solid #bebebe;
  border-top: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box; }
  @media only screen and (max-width: 768px) {
    #index_flow .l_flow_block_inner {
      display: block; } }
  #index_flow .l_flow_block_inner > div {
    display: table-cell; }
    @media only screen and (max-width: 768px) {
      #index_flow .l_flow_block_inner > div {
        display: block; } }
#index_flow .l_flow_step {
  width: 270px;
  background: #333;
  position: relative; }
  @media only screen and (max-width: 768px) {
    #index_flow .l_flow_step {
      width: auto;
      border-bottom: 1px solid #bebebe; } }
#index_flow dl {
  padding: 15px;
  margin-bottom: 0; }
  #index_flow dl:before, #index_flow dl:after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    display: block;
    left: 130px;
    margin-left: 0;
    z-index: 3; }
    @media only screen and (max-width: 768px) {
      #index_flow dl:before, #index_flow dl:after {
        left: 0;
        right: 0;
        margin: auto; } }
  #index_flow dl:before {
    border-color: #bebebe transparent transparent transparent;
    border-width: 10px;
    border-style: solid;
    bottom: -20px; }
  #index_flow dl:after {
    border-color: #333 transparent transparent transparent;
    border-width: 10px;
    border-style: solid;
    bottom: -18px; }
  .ie8 #index_flow dl:after, .ie8 #index_flow dl:before {
    display: none; }
#index_flow dt {
  display: inline;
  color: #ff0000; }
#index_flow dd {
  display: inline;
  color: #fff;
  padding-left: 10px; }
#index_flow .l_flow_description {
  padding: 15px; }
  @media only screen and (max-width: 768px) { }
  #index_flow .l_flow_description p {
    width: auto;
    background: none; }
#index_flow .l_block.last .l_flow_block:first-child .l_flow_step, #index_flow .l_block.last .l_flow_block:first-child .l_flow_description {
  border-top: 1px solid #bebebe; }
@media only screen and (max-width: 768px) {
  #index_flow .l_block.last .l_flow_block:first-child .l_flow_description {
    border-top: none; } }
#index_flow .l_block.last .last dl:before, #index_flow .l_block.last .last dl:after {
  display: none; }

/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiam9pbi9jc3Mvc3R5bGUuY3NzIiwic291cmNlcyI6WyJqb2luL2Nzcy9kZXYtaHRkb2NzL2pvaW4vY3NzL3N0eWxlLnNjc3MiLCJqb2luL2Nzcy9kZXYtaHRkb2NzL2NvbW1vbi9jc3MvX2NvbG9yLWdsb2JhbC5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7QUFtQkEsWUFBWTtFQUdSLGdCQUFnQjtFQUVoQjtJQUFKLFlBQVk7TUFFSixnQkFBZ0I7QUFHeEIsWUFBWTtFQUdSLFFBQVE7RUFDUixZQUFZO0VBQ1osU0FBUztFQUNULFlBQVk7RUFDWixXQUFXO0VBQ1gsT0MzQkU7RUQ2QkY7SUFBSixZQUFZO01BRUosU0FBUztNQUNULFdBQVc7QUFHbkIsWUFBWTtFQUdSLFVBQVU7QUFDZCxZQUFZO0VBR1IsT0FBTztFQUNQLFNBQVM7RUFDVCxRQUFRO0VBQ1IsWUFBWTtFQUdWLG9CQUFzQjtFQUF0QixpQkFBc0I7RUFBdEIsZ0JBQXNCO0VBQXRCLGVBQXNCO0VBQXRCLFlBQXNCO0VBR3hCO0lBQUosWUFBWTtNQUVKLFNBQVM7RUFFakIsWUFBWSxzQkFBc0I7SUFHNUIsU0FBUztJQUVUO01BQU4sWUFBWSxzQkFBc0I7UUFFeEIsU0FBUztBQUtuQixZQUFZO0VBR1IsT0FBTztFQUNQLFlBQVk7RUFDWixVQUFVO0VBRVY7SUFBSixZQUFZO01BRUosT0FBTztNQUNQLGVBQWU7QUFHdkIsWUFBWTtFQUdSLFNBQVM7RUFDVCxlQUFlO0VBQW5CLFlBQVksRUFBRSxTQUFTLFlBQVksRUFBRTtJQUcvQixVQUFVO0lBQ1YsU0FBUztJQUNULE9BQU87SUFDUCxRQUFRO0lBQ1IsU0FBUztJQUNULE1BQU07SUFDTixhQUFhO0lBQ2IsU0FBUztJQUVUO01BQU4sWUFBWSxFQUFFLFNBQVMsWUFBWSxFQUFFO1FBRTNCLE1BQU07UUFDTixPQUFPO1FBQ1AsUUFBUTtFQUdsQixZQUFZLEVBQUU7SUFHUixjQUFjO0lBQ2QsY0FBYztJQUNkLGNBQWM7SUFDZCxRQUFRO0VBQ2QsWUFBWSxFQUFFO0lBR1IsY0FBYztJQUNkLGNBQWM7SUFDZCxjQUFjO0lBQ2QsUUFBUTtFQUNkLEtBQUssWUFBWSxFQUFFLFFBQVEsS0FBSyxZQUFZLEVBQUU7SUFJeEMsU0FBUztBQUVmLFlBQVk7RUFHUixTQUFTO0VBQ1QsT0MvSEU7QURnSU4sWUFBWTtFQUdSLFNBQVM7RUFDVCxPQUFPO0VBQ1AsY0FBYztBQUNsQixZQUFZO0VBR1IsU0FBUztFQUVUO0VBR0osWUFBWSxvQkFBb0I7SUFHMUIsT0FBTztJQUNQLFlBQVk7QUFFbEIsWUFBWSxRQUFRLE1BQU0sYUFBYSxhQUFhLGNBQWMsWUFBWSxRQUFRLE1BQU0sYUFBYSxhQUFhO0VBSWxILFlBQVk7QUFLWjtFQUFKLFlBQVksUUFBUSxNQUFNLGFBQWEsYUFBYTtJQUU1QyxZQUFZO0FBR3BCLFlBQVksUUFBUSxNQUFNLE1BQU0sRUFBRSxTQUFTLFlBQVksUUFBUSxNQUFNLE1BQU0sRUFBRTtFQUl6RSxTQUFTIiwic291cmNlUm9vdCI6Ii9kZXYtaHRkb2NzIn0= */