@charset "UTF-8";
/* CSS Document */
.mainvisual {
	width: 100%;
	height: 302px;
	background: url("/flow/img/mimg_flow.jpg") no-repeat;
	background-size: cover;
  }
  
  .flow h3 {
	color: #2070a3;
	font-size: 18px;
	font-weight: normal;
	line-height: 1.4;
	margin-bottom: 10px;
  }
  .flow .page_title {
	margin-bottom: 2em;
  }
  .flow .page_title h2 {
	font-size: 1.9em;
  }
  .flow .page_title h3 {
	font-weight: bold;
	font-size: 1.4em;
  }
/* title 系 */
#Mainclm h2{
	font-size:2.385em;
	margin-bottom:12px;
}
#Mainclm h3{
	color:#2070a3;
	font-size:1.385em;
}

/* リンクボタン *//* 横幅はclass名を変えて最適なサイズを設定してください */
.pagelinkbtn{
	/* padding-left:188px; */
	margin-top:88px;
}

#Mimg{
	margin-bottom:50px;
}


.about h3{
	margin-bottom:10px;
}
.about h4{
	font-size:1.385em;
	margin:52px 0 0 46px;
}
.aboutimg{
	margin-bottom:24px;
}


.step{
	margin-bottom:74px;
}
.step h4{
	color:#2070a3;
	font-size:1.385em;
	margin:42px 0 4px 0;
}
.step h4 span{
	color:#000000;
}


.nagare{
	margin-bottom:60px;
}
.nagare ul{
	margin:auto;
	max-width: 540px;
}
.nagare_a ,.nagare_b ,.nagare_c ,.nagare_d ,.nagare_e ,.nagare_f ,.nagare_g ,.nagare_h ,.nagare_i{
	position: relative;
	background: #d17891;
	height: 48px;
	width: 100%;
	border-radius: 8px;
	box-shadow: 2px 5px 6px rgba(0, 0, 0, 0.3);
	margin-bottom: 20px;
	align-items: center;
	color: #fff;
	font-weight: bold;
	font-size: 0.95em;
}
.nagare_a span ,
.nagare_b span ,
.nagare_c span ,
.nagare_d span ,
.nagare_e span ,
.nagare_f span ,
.nagare_g span ,
.nagare_h span ,
.nagare_i span{
	padding: 0 1em;
	border-right: 1px solid #fff;
}
.nagare_a::after ,
.nagare_b::after ,
.nagare_c::after ,
.nagare_d::after ,
.nagare_e::after ,
.nagare_f::after ,
.nagare_g::after ,
.nagare_h::after ,
.nagare_i::after{
	content: "";
	  position: absolute;
	  left: 0;
	  bottom: -7px;
	  width: 0;
	  height: 0;
	  border-left: 20px solid transparent;
	  border-right: 20px solid transparent;
	  border-top: 10px solid #d17891;
	  filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.2));
}

.nagare_a p ,
.nagare_b p ,
.nagare_c p ,
.nagare_d p ,
.nagare_e p ,
.nagare_f p ,
.nagare_g p ,
.nagare_h p ,
.nagare_i p{
	padding: 0 0.5em 0 1em;
	line-height: 1.4;
}

/* .nagare_a ,.nagare_b ,.nagare_c ,.nagare_d ,.nagare_e ,.nagare_f ,.nagare_g ,.nagare_h ,.nagare_i{
	list-style:none;
	height:64px;
	box-sizing:border-box;
	padding:6px 6px 8px 4.6em;
	color:#FFFFFF;
	font-weight:bold;
	font-size: 0.95em;	
	line-height: 1.5em;
}
.nagare_a{ background:url(img/bg_a.gif) no-repeat left / 100%; }
.nagare_b{ background:url(img/bg_b.gif) no-repeat left / 100%; }
.nagare_c{ background:url(img/bg_c.gif) no-repeat left / 100%; }
.nagare_d{ background:url(img/bg_d.gif) no-repeat left / 100%; }
.nagare_e{ background:url(img/bg_e.gif) no-repeat left / 100%; }
.nagare_f{ background:url(img/bg_f.gif) no-repeat left / 100%; }
.nagare_g{ background:url(img/bg_g.gif) no-repeat left / 100%; }
.nagare_h{ background:url(img/bg_h.gif) no-repeat left / 100%; }
.nagare_i{ background:url(img/bg_i.gif) no-repeat left / 100%; }
.nagare_c p{ transform: scale(0.93, 1); transform-origin:left; }
.nagare_d p{ transform: scale(0.96, 1); transform-origin:left; }*/
.nagare_end{
	list-style:none;
	font-size:1.154em;
	font-weight:bold;
	padding-left:12px;
	text-align: center;
} 
.nagare h4{
	text-align:center;
	font-size:1.154em;
	margin:40px 0 18px 0;
}

.cost h3{
	margin-bottom:10px;
}
.class{
	text-align:right;
	margin-top:14px;
}
@media (max-width: 768px) {
	.mainvisual {
	  height: 130px;
	}
	.nagare_a ,.nagare_b ,.nagare_c ,.nagare_d ,.nagare_e ,.nagare_f ,.nagare_g ,.nagare_h ,.nagare_i{
		height: 60px;
		flex-wrap: nowrap;
	}
}