@charset "UTF-8";

/*===============================================
タブレット・PC用　画面の横幅が481px以上
===============================================*/
@media screen and (min-width: 481px){
.flow {
	width:100%;
	height:auto;
	margin:0 auto;
	overflow:hidden;
}
.flow li {
	float: left;
	width: 50%;
	margin-bottom: 10%;
	padding: 0% 2%;
	box-sizing:border-box; 
      font-size: 90%;
      text-align: left;
	line-height: 1.8;
}
.flow h1{
	margin-bottom: 5%;
      font-size: 160%;
      text-align: center;
	font-weight:400;
	line-height: 1.8;
}
.flow li h2{
      text-align: left;
      font-size: 110%;
      margin-bottom: 10px;
      color: #333333;
	font-weight:600;
	line-height: 1.8;
}
.flow li img{
      margin-top: 6px;
}
}


/*===============================================
スマホ用　画面の横幅が480pxまで
===============================================*/
@media screen and (max-width:480px){
.flow {
	width:100%;
	height:auto;
	margin:0 auto;
	overflow:hidden;
}
.flow li {
	float: left;
	width: 100%;
	margin-bottom: 10px;
	box-sizing:border-box; 
      font-size: 100%;
	line-height: 1.6;
	text-align: justify;
}
.flow h1{
	margin-bottom: 5%;
      font-size: 160%;
      text-align: center;
	font-weight:400;
	line-height: 1.8;
}
.flow li h2{
      text-align: left;
      font-size: 140%;
      margin-bottom: 10px;
      color: #333333;
	font-weight:600;
	line-height: 1.8;
}
.flow li img{
	width: 100%;
      margin: auto;
}
}