@charset "utf-8";

@media screen and (max-width: 700px){
	
	.sp-br{
		display: block;
	}

	.pc-br{
		display: none;
	}

	header > div > a > img,
	#header > div > a > img{
		width: 50%;
		display: block;
		margin: 0 auto;
	}

	header > div ul,
	#header > div ul{
		width: 100%;
		display: block;
		position: relative;
		float: none;
		top: 0;
		right: 0;
		font-size: 12px;
	}

	header > div ul li,
	#header > div ul li{
		width: 30%;
		margin: 0 1%;
		line-height: 40px;
	}

	#head__headline{
		top: 22%;
	}

	#head__headline > h1{
		font-size: 30px;
	}

	#head__headline::before{
		width: 80px;
		height: 80px;
	}

	#head__about{
		padding: 5px;
		bottom: 2%;
	}

	#head__about > h2{
		width: 100%;
		border-right: none;
		border-bottom: 1px solid #fff;
		float: none;
		line-height: 100%;
	}

	#head__about > p{
		width: 90%;
		margin: 20px auto 10px auto;
	}

	#head__about > a{
		width: 50px;
		height: 50px;
		top: 2%;
		right: 4%;
	}

	#head__about > a i{
		font-size: 25px;
	}

	#head__about > a p{
		font-size: 10px;
	}

	#service > a > h1,
	#faq > a > h1,
	#system > a > h1,
	#contact > a > h1{
		font-size: 30px;
	}

	#service > h2,
	#faq > h2,
	#system > h2,
	#contact > h2{
		font-size: 25px;
	}

	#service > div{
		padding: 50px 0;
	}

	#service > div > img{
		width: 100%;
	}

	#service__step{
		width: 100%;
		padding: 20px 0;
	}

	#service__step--block > div:nth-of-type(1){
		width: 100%;
		float: none;
	}

	#service__step--block > div:nth-of-type(1) > img{
		width: 80%;
	}

	#service__step--block > div:nth-of-type(2){
		display: none;
	}

	#service__about > h2{
		float: none;
		width: 100%;
		display: block;
		border-right: none;
		border-bottom: 1px solid #fff;
		font-size: 30px;
	}

	#service__about > p{
		width: 90%;
		margin: 30px auto 20px auto;
	}

	#system .system__block > img{
		display: none;
	}

	#system .system__block > h2{
		font-size: 25px;
		border-bottom: 1px solid #fff;
	}

	#contact{
		width: 100%;
	}

	#contact > div p{
		width: 90%;
		margin: 15px auto;
		font-size: 15px;
	}

	form p label{
		width: 100%;
		display: block;
	}

	form p input,
	form p textarea{
		width: 90%;
	}

	form #submit input{
		width: 30%;
	}

	#gaiyo__main--header{
		height: 100px;
	}

	#gaiyo__main--header > h1{
		font-size: 30px;
		line-height: 100px;
	}

	#gaiyo__main--table{
		padding: 50px 0;
	}

	#gaiyo__main--table table{
		width: 100%;
	}

	#footer__left{
		width: 100%;
		float: none;
	}

	#footer__left ul{
		width: 100%;
	}

	#footer__left li

	{
		text-align: center;
	}

	#footer__right{
		width: 100%;
		float: none;
		text-align: center;
		margin-top: 30px;
	}

}