.top-all{
		text-align: center;
	}
	.top-all h1{
		font-size: 60px;
		margin: 50px auto 10px;
	}
	.top-all img{
		width: 100%;
		max-width: 480px;
	}
	
	.top1-back{
		height: 100vh;
		max-height:800px;
	}
	.top1-back li{
		height: 100vh;
		max-height: 800px;
		background-size: cover;/*背景画像をの全てを表示*/
		background-position: center;/*背景画像を中心に*/
	}
	.top1-img{
		max-width: 200px;
		margin: auto;
		padding-top: 20%;
		padding-bottom: 20%;
	}
	.top1-img img{
		width: 100%;
	}
	.headline-region{/*
		padding-top: 100px;*/
		padding-bottom: 50px;
	}
	.headline-region h1{
		font-family: 'Agency FB', sans-serif;
	}
	.wd800{
		max-width: 800px;
		line-height: 40%;
		margin: auto;
	}
	.wd800 h2{
		font-size: 24px;
	}
	
	.wd800 hr{
		border-top: 3px solid rgb(0 159, 232);
		margin-bottom: 40px;
	}
	
	.wd900 label{
		font-size: 15px;
		text-align: left;
	}
	.wd900{
		max-width: 900px;
		margin: auto;
		text-align: left;
	}
	.img-flex{
		display: flex;
		margin: auto;
		max-width: 950px;
	}
	.img-flex label{
		font-size: 13px;
	}
	.img-123-size{
		width: 33%;
		margin: auto;
	}
	.img-123-size img{
		width: 100%;
	}
	.kategori-button{
		background-color: rgb(29, 196, 204);
		color: white;
		border: none;
		width: 180px;
		height: 43px;
		margin: 50px auto;
		font-size: 16px;
	}
	.wd600{
		max-width: 600px;
		line-height: 40%;
		margin: auto;
	}
	.wd600 h2{
		font-size: 24px;
	}
	
	.wd600 hr{
		border-top: 3px solid rgb(0 159, 232);
		margin-bottom: 40px;
	}
	.table-flex{
		display: flex;
		margin: auto;
		max-width: 1300px;
		width: 100%;
	}
	.table-flex-2{
		display: flex;
		margin: auto;
	}
	.table-region{
		max-width: 300px;
		height: 145px;
		width: 100%;
		
		margin: auto;
	}
	.table-region table{
		border: 3px solid rgb(0 159, 232);
		border-collapse: collapse;
	}
	.table-region img{
		width: 42px;
	}
	.t-fs24px{
		font-size: 20px;
		text-align: center;
		background-color: rgb(234, 234, 234);
	}
	.t-fs16px{
		font-size: 11px;
	}
	.wd250{
		max-width: 250px;
		line-height: 40%;
		margin: auto;
	}
	.wd250 h2{
		font-size: 24px;
	}
	
	.wd250 hr{
		border-top: 3px solid rgb(0 159, 232);
		margin-bottom: 40px;
	}
	.design-flex{
		display: flex;
		margin: auto;
		max-width: 1300px;
	}
	.design-flex-img{
		width: 30%;
	}/*
	.design-flex img{
		width: 100%;
		height: 100%;
	}*/
	.yazirusi{
		margin: 9% auto;
	}
	.design-label{
		margin: 100px auto 50px;
	}
	.syousai-button{
		background-color: rgb(29, 196, 204);
		color: white;
		border: none;
		width: 180px;
		height: 43px;
		font-size: 16px;
	}
	.wd620{
		max-width: 620px;
		line-height: 40%;
		margin: auto;
	}
	.wd620 h2{
		font-size: 24px;
	}
	
	.wd620 hr{
		border-top: 3px solid rgb(0 159, 232);
		margin-bottom: 40px;
	}
	.info-flex-r p{
		font-size: 15px;
	}
	.info-flex{
		display: flex;
		max-width: 1120px;
		margin: auto;
		width: 100%;
		padding-bottom: 50px;
	}
	.info-flex-l{
		margin: auto;
		width: 40%;
	}
	.info-flex-l img{
		max-width: 362px;
	}
	.info-flex-r{
		margin: auto auto auto 2%;
		width: 60%;
		text-align: left;
	}
	.info-flex-r label{
		font-size: 22px;
		line-height: 100%;
	}
	.info1-hr{
		max-width: 300px;
		line-height: 40%;
	}
	
	.info1-hr hr/*, .info2-hr hr, .info3-hr hr,.info4-hr hr,.info5-hr hr*/{
		border-top: 1px dashed #000;
		margin-bottom: 40px;
	}
	.info-button{
		width: 120px;
		font-size: 15px;
		background-color: rgb(237, 195, 79);
		color: rgb(255, 255, 255);
		padding: 7px 10px;
		border: none;
	}
	.check-button-r{
		text-align: right;
	}
	
	.infomation-flex{
		display: flex;
		margin: auto;
		max-width: 1300px;
	}
	.if-margin-auto{
		margin:auto;
	}
	.wd180{
		max-width: 180px;
		line-height: 40%;
		margin: auto;
	}
	.wd180 h2{
		font-size: 24px;
		text-align: left;
	}
	
	.wd180 hr{
		border-top: 3px solid rgb(0 159, 232);
		margin-bottom: 40px;
	}
	.wd720{
		max-width: 720px;
		line-height: 40%;
		margin: auto;
	}
	.wd720 h2{
		font-size: 24px;
		text-align: left;
	}
	
	.wd720 hr{
		border-top: 3px solid rgb(0 159, 232);
		margin-bottom: 40px;
	}
	.wd500 label{
		font-size: 15px;
		text-align: left;
	}
	.wd500{
		max-width: 500px;
		margin: auto;
		text-align: center;
	}
	
	.contact-button{
		background-color: rgb(29, 196, 204);
		color: white;
		border: none;
		width: 180px;
		height: 43px;
		margin: 50px auto;
		font-size: 16px;
        padding: 10px 20px;
        color:#fff!important;
        display: block;
	}
	.access-map-region{
		max-width: 1200px;
		margin: auto auto 100px auto;
	}
	.access-map-region iframe{
		width: 100%;
	}
	.access-flex{
		max-width: 1200px;
		display: flex;
		margin: auto;
	}
	.access-flex p{
		text-align: left;
	}
	.access-flex h3{
		
		text-align: left;
	}
	.access-flex-l, .access-flex-r{
		max-width: 600px;
		width: 100%;
	}
	.access-label{
		max-width: 599px;
		width: 99%;
		display: flex;
		justify-content: center;
		align-items: flex-end;
		height: 45px; /* ビューポートの高さいっぱいに配置 */
		background-color: rgb(29, 196, 204);
		margin: auto;
	}
	.access-label label{
		color: white;/*
		border: none;*/
		font-size: 16px;
	}
	.access-flex-h3-p{
		max-width: 96%;
		text-align: left;
		margin: 2% auto auto 1%;
	}
	/*************************************/
	.page-top{
		background: none;
		border: none;
	}
	.page-top-region{
		text-align: right;
		margin: auto 10% auto auto;
		padding-top: 100px; 
	}
hr{
			width:96%!important;
		}


	@media(max-width:1050px){
		
		.table-flex{
			display: block!important;
		}
		.table-flex-2{
			display: flex!important;
			margin: auto!important;
		}
		.infomation-flex{
			display: block!important;
			width: 80%!important;
		}
		.wd800 h2,.wd600 h2,.wd620 h2,.wd720 h2{
			line-height: 100%!important;
		}
		.top1-back{
			height: 0!important;
			padding-bottom:60%!important;
		}
		.top1-back li{
			height: 0!important;
			padding-bottom:60%!important;
		}
	
	@media(max-width:575px){
		.headline-region h1{
			font-size: 40px!important;
		}
		
		.table-flex-2{
			display: block!important;
		}
		.table-flex table{
			margin: auto!important;
		}
		.design-flex{
			display: block!important;
		}
		.design-flex-img{
		width: 50%!important;
		margin: auto!important;
		}
		.yazirusi{
			display: none!important;
		}
		.img-flex{
			display: block!important;/*
			width: 100%;*/
		}
		.img-123-size{
			width: 80%!important;
		}
		.l-title{
			line-height: 100%!important;
		}
		.access-flex{
			display: block;
		}
		.info-flex-r label {
			font-size: 16px!important;
		}
		.infomation-flex{
			margin-top: 5%!important;
		}
		.access-map-region {
			width: 95%!important;
		}
		.wd800 h2{
			font-size: 21px!important;
		}
		hr{
			width: 96%!important;
		}
		.wd600 h2{
			font-size: 16px!important;
		}
		.wd720 h2{
			font-size: 26px!important;
			text-align: center!important;
		}
		.wd900,.design-label,.info-label,.wd500,.access-flex-h3-p{
			width:96%!important;
		}
		.access-flex-h3-p{
			margin: 5% auto auto!important;
		}
		.wd500 label{
			font-size:14px!important;
		}
		.info-label{
			margin:auto;
			font-size:11px!important;
		}
		.wd900 label{
			font-size:12px!important;
		}
	}
@font-face {
  font-family: 'Agency FB';
  src: url('agencyfb.woff2') format('woff2'), /* モダンブラウザ向け */
       url('agencyfb.woff') format('woff'); /* 古いブラウザ向け */
  font-weight: normal;
  font-style: normal;
}