/**
* css document
* 
* 
*/
/* black
-----------------------*/
/* BLUE
-----------------------*/
/* RED
-----------------------*/
/* GRAY
-----------------------*/
#join #l_sub_nav ul {
  width: 40%;
  margin: 0 auto; }

#l_key_visual {
  background: url(../img/bg_main.jpg) no-repeat center center;
  background-size: cover; }

input {
  outline: none; }

#flow .l_row {
  margin-right: -7px;
  margin-left: -7px; }
  @media only screen and (max-width: 768px) {
    #flow .l_row {
      margin: 0; } }
#flow .l_col_inner {
  padding: 10px 7px; }
  @media only screen and (max-width: 768px) {
    #flow .l_col_inner {
      padding: 0; } }
#flow dl, #flow p {
  width: 185px;
  height: 79px;
  background: url(../img/bg_flow.png) no-repeat center center; }
  #flow dl.active, #flow p.active {
    background: url(../img/bg_flow_active.png) no-repeat center center; }
  #flow dl.goal, #flow p.goal {
    background: url(../img/bg_flow_goal.png) no-repeat center center; }
  @media only screen and (max-width: 768px) {
    #flow dl, #flow p {
      position: relative;
      height: auto;
      width: auto;
      padding: 10px 0;
      margin: 0;
      background: none;
      text-align: center;
      border: 1px solid #bebebe;
      border-top: none;
      overflow: visible; }
    #flow dl:before, #flow dl:after, #flow p:before, #flow p:after {
      position: absolute;
      content: "";
      width: 0;
      height: 0;
      display: block;
      left: 50%;
      margin-left: -5px;
      z-index: 3; }
    #flow dl:before, #flow p:before {
      border-color: #bebebe transparent transparent transparent;
      border-width: 10px;
      border-style: solid;
      bottom: -20px; }
    #flow dl:after, #flow p:after {
      border-color: #fff transparent transparent transparent;
      border-width: 10px;
      border-style: solid;
      bottom: -18px; }
    #flow dl.active, #flow p.active {
      background: none #333; }
      #flow dl.active:after, #flow p.active:after {
        border-color: #333 transparent transparent transparent; }
    #flow dl.goal, #flow p.goal {
      background: none #fee; }
      #flow dl.goal:before, #flow dl.goal:after, #flow p.goal:before, #flow p.goal:after {
        content: none;
        border: none; } }
@media only screen and (max-width: 768px) {
  #flow li:first-child dl {
    border-top: 1px solid #bebebe; } }
#flow p {
  width: 170px;
  padding-left: 15px;
  line-height: 79px; }
  @media only screen and (max-width: 768px) {
    #flow p {
      height: auto;
      width: auto;
      line-height: normal;
      padding: 10px 0;
      border: 1px solid #ff0000;
      border-top: none;
      background: none; } }
#flow dt {
  padding: 13px 15px 0;
  color: #ff0000;
  font-size: 25px;
  line-height: 1.3; }
  @media only screen and (max-width: 768px) {
    #flow dt {
      display: inline-block;
      width: 36%;
      padding: 0;
      font-size: 12px;
      line-height: normal;
      text-align: right; } }
#flow dd {
  padding: 0 0 0 15px;
  font-size: 14px;
  font-weight: bold; }
  @media only screen and (max-width: 768px) {
    #flow dd {
      display: inline-block;
      width: 50%;
      font-size: 12px;
      padding: 0 0 0 10px;
      line-height: normal;
      font-weight: normal;
      text-align: left; } }
#flow .active dd {
  color: #fff; }

.m_prev_next {
  text-align: center; }
  .m_prev_next li {
    display: inline-block; }

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