/**
 * TOP
 */

.mv img,
.flow01-2img img  { width: 100%;}
.flow01-2img { width: 90%; margin: 20px auto -15px auto;}
.btPage { display: inline-block; text-align: center; padding: 3px 10px; color: #fff; background: #003366; margin: 10px 0; border-radius: 3px; text-decoration: none;}
.btPage:hover { opacity: .7; transition: .3s;}


.con01{
  height:260px;
}

#flow01{
  position: absolute;
  left:17px;
  z-index:10;
}

#flow02{
  position: absolute;
  left:169px;
  z-index:9;
}

#flow03{
  position: absolute;
  left:321px;
  z-index:8;
}

#flow04{
  position: absolute;
  left:473px;
  z-index:7;
}

#flow05{
  position: absolute;
  left:625px;
  z-index:6;
}

#flow06{
  position: absolute;
  left:643px;
  z-index:5;
}
#flow07{
  position: absolute;
  left:647px;
  z-index:3;
}

.flow_list .note { display: block; padding: 20px 145px 15px 30px; background: rgba(255, 255, 255, 0.5); color: #333; margin-top: 30px; position: relative;}
.flow_list .note:first-of-type { margin-top: -10px;}
.flow_list .note .btPdf { width: 136px; height: 56px; position: absolute; top: 0; right: 0;}
.flow02note .flow_list .note { padding: 20px 30px 15px 30px;}
.flow_list .notefl { padding: 20px 30px 15px 30px !important;}

.flow_list .note span { display: block; margin-bottom: 8px;}
.flow_list .note span:before { content: "・"; padding-right: 3px;}
.flow_list strong { display: block; padding: 15px 0 0 20px; color: #003366; font-size: 110%;}


.con02{
  height:260px;
}



#flow02-1{
  position: absolute;
  left:17px;
  z-index:10;
}

#flow02-2{
  position: absolute;
  left:142px;
  z-index:9;
}

#flow02-3{
  position: absolute;
  left:268px;
  z-index:8;
}

#flow02-4{
  position: absolute;
  left:394px;
  z-index:7;
}

#flow02-5{
  position: absolute;
  left:520px;
  z-index:6;
}

#flow02-6{
  position: absolute;
  left:643px;
  z-index:5;
}


