<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";

/* --------------------------------------------------------------------------------
	flow
-------------------------------------------------------------------------------- */


/********** 鰹節ができるまで **********/
#flow .flow{
	padding: 0 0 58px;
}
#flow .flow .img-flow_list{
	width:870px;
	margin:0 0 30px;
}
#flow .flow .img-flow_list img{
	width:100%;
}
#flow .flow h2{
	margin: 0 0 30px;
	padding: 2px 0 14px 9px;
	border-bottom: solid 5px #22304f;
	color: #22304f;
	font-size: 30px;
}
#flow .flow .flow-box{
	padding: 0 0 38px;
}
#flow .flow ul{
	
}
#flow .flow ul li{
    box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	justify-content:space-between;
	
	width: 100%;
	background:#ffffff;
	border-radius:7px;
	margin:0 0 40px;
	padding:30px 30px 60px;
	position:relative;
}
#flow .flow ul li::after{
	position:absolute;
	content:"";
	bottom:-30px;
	left:410px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 30px 25px 0 25px;
	border-color: #ffffff transparent transparent transparent;
}
#flow .flow ul li:last-child::after{
	content:none;
}

#flow .flow ul li .thumb{
	width:280px;
}
#flow .flow ul li .thumb img{
	box-shadow:0px 0px 10px 2px #F0F0F0;
}
#flow .flow ul li .txt-box{
	width:490px;
}
#flow .flow ul li .title{
	display: block;
	padding: 0 0 14px;
	font-weight: bold;
	font-size:30px;
    line-height: 1;
	color:#22304f;
}
#flow .flow ul li:nth-child(1) .title::before{
	content:url(../images/flow/icon-flow1.png);
	vertical-align: middle;
	padding: 0 10px 0 0;
}
#flow .flow ul li:nth-child(2) .title::before{
	content:url(../images/flow/icon-flow2.png);
	vertical-align: middle;
	padding: 0 10px 0 0;
}
#flow .flow ul li:nth-child(3) .title::before{
	content:url(../images/flow/icon-flow3.png);
	vertical-align: middle;
	padding: 0 10px 0 0;
}
#flow .flow ul li:nth-child(4) .title::before{
	content:url(../images/flow/icon-flow4.png);
	vertical-align: middle;
	padding: 0 10px 0 0;
}
#flow .flow ul li:nth-child(5) .title::before{
	content:url(../images/flow/icon-flow5.png);
	vertical-align: middle;
	padding: 0 10px 0 0;
}
#flow .flow ul li .txt{
	display: block;
	line-height: 1.66;
	font-size: 18px;
}

</pre></body></html>