@charset "utf-8";
/* CSS Document */
.t_centar{text-align: center;}
.clearboth{clear: both}
.online_flow_area{
margin: 0 auto 3em;
width: 100%;
max-width: 960px;
}
.online_main_t_top{
font-size: 120%;
width: 374px;
text-align: center;
color: #fff;
background: #239bcb;
border-radius: 50px;
margin: 0 auto;
}
.online_main_t{
font-size: 296%;
width: 100%;
text-align: center;
margin: 0 0 1em 0;
font-weight: bold;
}
.online_block{
border: 2px solid #239bcb;
padding: 1em;
margin-top: 3em;
}
.online_block.ob_blue{
color: #239bcb; 
text-align: center;
padding: 0.5em;
margin-top: 10px;
font-weight: bold;
}
.flow_tit{
  padding: 0em 0.5em;
  background: transparent;
  border-left: solid 10px #239bcb;
  margin: 1.5em 0 1em;
  font-size: 180%;
  font-weight: bold;
}
.ob_tit {
  position: relative;
  padding: 0 65px;
  text-align: center;
  font-size: 170%;
  margin-bottom:0.5em;
}

.ob_tit:before {
  position: absolute;
  top: calc(50% - 1px);
  left: 0;
  width: 100%;
  height: 2px;
  content: '';
  background: #ccc;
}

.ob_tit span {
  position: relative;
  padding: 0 1em;
  background: #fff;
}

.online_flow ul li{
width: 31%;
margin-right: 3.3%;
/*border: 1px solid #ccc;*/
float: left;
}.online_flow ul li:last-child{
margin-right: 0%;
}
.online_flow ul li .st_no{
width: 100%;
text-align: center;
}
.online_flow ul li .st_no img{
width: 60px;
}
.online_flow ul li .fl_tit{
color: #239bcb; 
text-align: center;
padding: 0.5em 0;
font-size: 136%;
font-weight: bold;
}
.online_flow ul li .fl_photo img{
width: 100%;
margin-bottom: 10px;
}


/*sp*/
@media only screen and (max-width: 767px) {
.online_flow_area {
	
	padding: 0 1em;
	box-sizing: border-box;
}
.online_main_t_top {
    width: 100%;

}
.online_main_t {
     margin: 0 0 0.3em 0;
}
.online_flow ul li {
    width: 100%;
    margin-right: 0%;
    float: none;
	margin-bottom: 2em;
}
.ob_tit::before {
    height: 1px;
}
.ob_tit {
    padding: 0;
}
.ob_tit span {
    padding: 0;
}
}/*sp*/