.design-all{
		text-align: center;
	}
	.design-all h1{
		font-size: 60px;
		margin: 50px auto 10px;
	}
	
	.top1-back{
		background-image: url("https://ity-screen.sakura.ne.jp/wp3/wp-content/themes/onepress/img/design/top1-back.png");
		background-size: cover;/*背景画像をの全てを表示*/
		background-position: center;/*背景画像を中心に*/
		width: 100%;
	}
	.top1-img{
		max-width: 200px;
		margin: auto;
		padding-top: 20%;
		padding-bottom: 20%;
	}
	.top1-img img{
		width: 100%;
	}
	.flow-region{
		padding-top: 100px;
		padding-bottom: 0;
	}
	.flow-region h1{
		font-family: 'Agency FB', sans-serif;
	}
	.red-label {
		max-width: 300px;
		background-color: rgb(234, 19, 19);
		color: white;
		padding: 5px 25px;
		font-size: 25px;
	}
	.step-region{
		/*max-width: 100px;*/
		margin:  100px auto 0;
		padding: 50px;
	}
	/*.step-region img{
		width: 100%;
	}*/
	.step-flex-r p{
		font-size: 15px;
	}
	.step-flex{
		display: flex;
		max-width: 1120px;
		margin: auto;
		width: 100%;
	}
	.step-flex-l{
		margin: auto;
		width: 40%;
	}
	.step-flex-l img{
		max-width: 362px;
		width: 90%;
	}
	.step-flex-r{
		margin: auto;
		width: 60%;
		text-align: left;
	}


@media(max-width:750px){
	.step-flex-r{
		width: 80%;
	}
}

	.step-flex-r label{
		font-size: 22px;
	}
	.l-light-blue{
		color: rgb(2, 165, 178);
        line-height: 1em;
	}
	.step1-hr{
		max-width: 245px;
		line-height: 40%;
	}
	.step2-hr{
		max-width: 110px;
		line-height: 40%;
	}
	.step3-hr{
		max-width: 220px;
		line-height: 40%;
	}
	.step4-hr{
		max-width: 135px;
		line-height: 40%;
	}
	.step5-hr{
		max-width: 290px;
		/*line-height: 40%;*/
	}
	
	.step1-hr hr, .step2-hr hr, .step3-hr hr,.step4-hr hr,.step5-hr hr{
		border-top: 3px solid rgb(2, 165, 178);
		margin-bottom: 40px;
	}
	.step-hr-tensen hr{
		width: 100%;
		border: none;
  		border-top: 1px dotted #000;
	}
	.shohin-page-button{
		width: 120px;
		font-size: 15px;
		background-color: rgb(21, 62, 232);
		color: rgb(255, 255, 255);
		padding: 7px 10px;
		border: none;
	}
	.toiawase-page-button{
		width: 180px;
		font-size: 22px;
		background-color: rgb(2, 165, 178);
		color: rgb(255, 255, 255);
		padding: 7px 10px;
		border: none;
		margin: 20px auto;
        display: block;
	}
	.page-top{
		background: none;
		border: none;
	}
	.page-top-region{
		text-align: right;
		margin: auto 10% auto auto;
		padding-top: 100px; 
	}
	.line {
		max-width: 78px;
		margin: auto;
	}
	.instagram {
		max-width: 78px;
		margin: auto;
	}
	.sns-flex{
		display: flex;
		max-width: 180px;
		margin: auto;
	}
	.line img{
		width: 100%;
	}
	.instagram img{
		width: 100%;
	}

	@media(max-width:1000px){
		.step-flex{
			display: block!important;
		}
		.step-flex-l{
			margin: auto!important;
			width: 100%!important;
		}
		.step-flex-l img{
			margin-bottom: 50px!important;
		}
		.step-region{
			padding: 100px 20px 0 20px!important;
		}
	}
	
	@media(max-width:414px){
		.step-flex-r p{
			font-size: 14px!important;
		}
		.step-flex-r label{
			font-size: 18px!important;
		}
		.step-region{
			padding: 100px 20px 10px!important;
		}
		.contact-region{
			margin-top: 150px!important;
		}
		.flow-region{
			max-width: 300px!important;
			margin: 0 auto!important;
			padding: 40px!important;
		}
		.red-label{
			font-size: 29px!important;
		}
		.step1-hr {
			max-width: 200px!important;
		}
		.step2-hr {
			max-width: 93px!important;
		}
		.step3-hr {
			max-width: 185px!important;
		}
		.step4-hr {
			max-width: 111px!important;
		}
		.step5-hr {
			max-width: 240px!important;
		}
	}	

@font-face {
  font-family: 'Agency FB';
  src: url('agencyfb.woff2') format('woff2'), /* モダンブラウザ向け */
       url('agencyfb.woff') format('woff'); /* 古いブラウザ向け */
  font-weight: normal;
  font-style: normal;
}