@charset "UTF-8";
/***********************************
* icatch-block：ページタイトル	*
***********************************/
/*メモ：写真の指定以外はcommon.cssに記載*/
#icatch-block{
	background-image: url("../img/flow/flow_ichatch.jpg");
}

/***********************************
* 共通 *
***********************************/
/* flow-cont --------------------*/
.flow-cont{
	margin-bottom: 1.5rem;
}
	@media (min-width: 992px){
		.info-cont{
			margin-bottom: 2rem;
		}
	}
/* h4 */
.flow-cont h4{
  font-size: 1rem;
  color: #1d72c9;
  background-color: #fff;
}

.flow-cont h4{
  position: relative;
  overflow: hidden;
  padding: 1.5rem 2rem 1.5rem 130px;
  border: 2px solid #1d72c9;
}

.flow-cont h4:before {
  position: absolute;
  top: -150%;
  left: -100px;
  width: 200px;
  height: 300%;
  content: '';
  -webkit-transform: rotate(25deg);
  transform: rotate(25deg);
  background: #1d72c9;
}

.flow-cont h4 span {
  font-size: 40px;
  font-size: 3rem;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  display: block;
  padding-top: 3px;
  padding-left: 16px;
  color: #fff;
}
	@media (min-width: 768px) {
		.flow-cont h4{
			padding-bottom: 0.4rem;
			margin-bottom: 0.9rem;
			font-size: 1.0rem;
		}
	}
	@media (min-width: 992px){
		.flow-cont h4{
			padding-bottom: 1.5rem;
			margin-bottom: 2rem;
			font-size: 1.3rem;
		}
	}

/* flow-cont02 --------------------*/
/*.flow-cont02 h5{
	color:#306d17;
	font-weight: 600;
	font-size: 0.85rem;
}*/
.flow-cont02 h5{
  font-weight: 600;
  font-size: 0.85rem;
  color: #fff;/*文字色*/
  padding: 0.5em;/*文字周りの余白*/
  line-height: 1.3;/*行高*/
  background: #629250;/*背景色*/
  vertical-align: middle;
  border-radius: 25px 0px 0px 25px;/*左側の角を丸く*/
}

.flow-cont02 h5:before {
  content: '●';
  color: #fff;
  margin-right: 8px;
}
.flow-cont02 .inner{
	padding:0  0.5rem;
}
	@media (min-width: 768px) {
	}
	@media (min-width: 992px) {
		.flow-cont02 h5{
			font-size: 1.0rem;
		}
		.flow-cont02 .inner{
			padding:0  0.7rem;
		}
	}


/*----------------------------------------------------
  contents-block-table01
----------------------------------------------------*/

#contents-block table.table01 {
	width:100%;
	border-right:#2466a9 solid 1px;
	border-collapse: collapse;
	margin-bottom: 2rem;
}
#contents-block table.table01 thead th {
	background:#2466a9;
	font-weight: normal;
	color:#fff;
	padding:10px 15px;
	border-right:#fFF solid 1px;
	border-bottom:#FFF solid 1px;
}
#contents-block table.table01 thead th:last-child {
	border-right:#2466a9 solid 1px;
}
#contents-block table.table01 tbody th {
	background:#2466a9;
	color:#fff;
	font-weight: normal;
	padding:10px 15px;
	border-bottom:#FFF solid 1px;
	vertical-align:top;
}
#contents-block table.table01 tbody tr:last-child th {
	border-bottom:#2466a9 solid 1px;
}
#contents-block table.table01 tbody td {
	background:#FFF;
	padding:10px 15px;
	border-left:#2466a9 solid 1px;
	border-bottom:#2466a9 solid 1px;
	vertical-align:top;
}
 
@media screen and (max-width: 640px) {
#contents-block table.table01 thead {
	display:none;
}
#contents-block table.table01 tbody th {
	display:block;
}
#contents-block table.table01 tbody td {
	display:block;
}
#contents-block table.table01 tbody td::before {
	content: attr(label);
	float: left;
	clear:both;
	font-weight:bold;
}
#contents-block table.table01 tbody td p {
	padding-left:6em;
}
}
/*----------------------------------------------------
  contents-block-table01
----------------------------------------------------*/



/* 小見出し*/
	@media (min-width: 768px) {
	}
	@media (min-width: 992px) {
	}
/* 小見出し*/
	@media (min-width: 768px) {
	}
	@media (min-width: 992px) {
	}
/* 小見出し*/
	@media (min-width: 768px) {
	}
	@media (min-width: 992px) {
	}
/* 小見出し*/
	@media (min-width: 768px) {
	}
	@media (min-width: 992px) {
	}
/* 中見出し --------------------*/
/* 小見出し*/
	@media (min-width: 768px) {
	}
	@media (min-width: 992px) {
	}
/* 小見出し*/
	@media (min-width: 768px) {
	}
	@media (min-width: 992px) {
	}
/* 小見出し*/
	@media (min-width: 768px) {
	}
	@media (min-width: 992px) {
	}
/* 小見出し*/
	@media (min-width: 768px) {
	}
	@media (min-width: 992px) {
	}
/* 小見出し*/
	@media (min-width: 768px) {
	}
	@media (min-width: 992px) {
	}
/* 小見出し*/
	@media (min-width: 768px) {
	}
	@media (min-width: 992px) {
	}
/* 小見出し*/
	@media (min-width: 768px) {
	}
	@media (min-width: 992px) {
	}
/* 中身だし --------------------*/
/* 小見出し*/
	@media (min-width: 768px) {
	}
	@media (min-width: 992px) {
	}
/* 小見出し*/
	@media (min-width: 768px) {
	}
	@media (min-width: 992px) {
	}
/* 小見出し*/
	@media (min-width: 768px) {
	}
	@media (min-width: 992px) {
	}
/* 小見出し*/
	@media (min-width: 768px) {
	}
	@media (min-width: 992px) {
	}
/* 中身だし --------------------*/
/* 小見出し*/
	@media (min-width: 768px) {
	}
	@media (min-width: 992px) {
	}
/* 小見出し*/
	@media (min-width: 768px) {
	}
	@media (min-width: 992px) {
	}
/* 小見出し*/
	@media (min-width: 768px) {
	}
	@media (min-width: 992px) {
	}
/* 小見出し*/
	@media (min-width: 768px) {
	}
	@media (min-width: 992px) {
	}
/***********************************
* 大見出し	*
***********************************/
/* 中身だし --------------------*/
/* 小見出し*/
	@media (min-width: 768px) {
	}
	@media (min-width: 992px) {
	}
/* 小見出し*/
	@media (min-width: 768px) {
	}
	@media (min-width: 992px) {
	}
/* 小見出し*/
	@media (min-width: 768px) {
	}
	@media (min-width: 992px) {
	}
/* 小見出し*/
	@media (min-width: 768px) {
	}
	@media (min-width: 992px) {
	}
/* 中身だし --------------------*/
/* 小見出し*/
	@media (min-width: 768px) {
	}
	@media (min-width: 992px) {
	}
/* 小見出し*/
	@media (min-width: 768px) {
	}
	@media (min-width: 992px) {
	}
/* 小見出し*/
	@media (min-width: 768px) {
	}
	@media (min-width: 992px) {
	}
/* 小見出し*/
	@media (min-width: 768px) {
	}
	@media (min-width: 992px) {
	}
/* 中身だし --------------------*/
/* 小見出し*/
	@media (min-width: 768px) {
	}
	@media (min-width: 992px) {
	}
/* 小見出し*/
	@media (min-width: 768px) {
	}
	@media (min-width: 992px) {
	}
/* 小見出し*/
	@media (min-width: 768px) {
	}
	@media (min-width: 992px) {
	}
/* 小見出し*/
	@media (min-width: 768px) {
	}
	@media (min-width: 992px) {
	}

/***********************************
* 大見出し	*
***********************************/
/* 中身だし --------------------*/
/* 小見出し*/
	@media (min-width: 768px) {
	}
	@media (min-width: 992px) {
	}