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


/* スマートフォン用CSS */
@media screen and (max-width: 630px) {
#flow {
}

#flow #main_img {
    background-image: url("../img/flow/main_img.jpg");
}

ol {
  counter-reset:number; /*数字をリセット*/
  list-style-type: none!important; /*数字を一旦消す*/
  padding:0;
}
ol li {
  position: relative;
  padding: 0.8em 1.2em;
  line-height: 1.5em;
  background: #EBF5EB;
  border-left : solid 25px #005A1F;
  margin-bottom: 15px;
}
ol li:before{
  /* 以下数字をつける */
  position: absolute;
  counter-increment: number;
  content: counter(number);
  /*数字のデザイン変える*/
  display:inline-block;
  color: white;
  font-family: 'Avenir','Arial Black','Arial',sans-serif;
  font-size: 16px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: -25px;
  width: 25px;
  height: 1em;
  line-height: 1;
  text-align: center;
}

#flow .next {
	content: "";
	width: 0;
	height: 0;
	margin: 0 auto 10px;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #005A1F;
}

.caution{
	font-size: 12px;
	line-height: 160%;
	color: #f03e35;
}

}










/* PCページ用CSS */
@media print, screen and (min-width: 631px) {
#flow {
}

#flow #main_img {
    background-image: url("../img/flow/main_img.jpg");
}

ol {
  counter-reset:number; /*数字をリセット*/
  list-style-type: none!important; /*数字を一旦消す*/
  padding:0;
}
ol li {
  position: relative;
  padding: 0.8em 1.2em;
  line-height: 1.5em;
  background: #EBF5EB;
  border-left : solid 45px #005A1F;
  margin-bottom: 10px;
}
ol li:before{
  /* 以下数字をつける */
  position: absolute;
  counter-increment: number;
  content: counter(number);
  /*数字のデザイン変える*/
  display:inline-block;
  color: white;
  font-family: 'Avenir','Arial Black','Arial',sans-serif;
  font-size: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: -45px;
  width: 45px;
  height: 1em;
  line-height: 1;
  text-align: center;
}

#flow .next {
	content: "";
	width: 0;
	height: 0;
	margin: 0 0 10px 12px;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #005A1F;
}

.caution{
	font-size: 14px;
	color: #f03e35;
}

}