@charset "utf-8";
	/* スタイルシートのエンコーディングを定義 */
	/* これより前に文字もスペースも入れない */


	/*ページ全体*/
	body {
		-webkit-text-size-adjust: 100%;
		font-family: arial;
		margin: 0;
		padding: 0;
		height: 100%;
		width: 100%;
		text-align: center;
	}

	/*header*/
	#header{
		font-size: 120%;
		color: #fff;
		height: 100px;
		padding: 1%;
		background-color: #67c5ff;
	}

	/*footer*/
	#footer {
		font-size: 100%;
		color: #fff;
		height: 120px;
		padding: 1%;
		background-color: #67c5ff;
	}

	/*サイトのイメージ画像*/
	#ume {
		width: 60%;
	}

	/*日付表示*/
	#date {
		font-size: 200%;
	}

	/*アイコン*/
	#icon1, #icon2, #icon3 {
		width: 18%;
	}

	/*規約案内*/
	#kiyaku {
		font-size: 170%;
		margin-top: 0%;
		color: #ff89ff;
	}


	/*index配置のページ移動ボタン*/
	.button{
		font-size: 300%;
		width: 60%;
		display: inline-block;
		padding: 3% 1%; 
		text-decoration: none;
		color: #67c5ff;
		border: solid 4px #67c5ff;
		border-radius: 20px;
		transition: .4s;
		font-weight: bold;
		margin: 3% 1%;
	}

	.button:hover{
		background: #67c5ff;
		color: white;
	}




	/*メーカー別ページ*/
	/*機種選択プルダウンリスト*/
	#select{
		-webkit-appearance: none;
		font-size: 230%;
		width: 70%;
		display: inline-block;
		padding: 2% 5%; 
		text-decoration: none;
		color: #0066cc;
		border: solid 3px #67c5ff;
		border-radius: 20px;
		transition: .4s;
		font-weight: bold;
		margin: 5% 1% 1% 1%;
	}

	/*浄化槽のイメージ画像*/
	#joukasou {
		width: 55%;
	}

	/*浄化槽型番表示*/
	#kataban{
		margin: 3% 0%;
		font-size: 280%;
		font-weight: bolder;
	}

	/*浄化槽のサイズ表示*/
	#size{
		font-size: 400%;
	}

	/*入力フォーム*/
	#form{
		margin: 0% 20%;
		padding: 0% 0%;
		font-size: 250%;
		text-align: left;
	}

	input::placeholder{
		color: #0066cc;
	}

	/*入力フォームのinput*/
	#level, #koubai, #kiso, #kuri{
		width: 60%;
		display: inline;
		padding: 3% 1%; 
		text-decoration: none;
		font-size: 100%;
		color: #0066cc;
		border: solid 3px #67c5ff;
		border-radius: 20px;
		font-weight: bold;
		margin-bottom: 0.5em;
	}

	/*入力フォームのselect*/
	#awase, #agesage{
		-webkit-appearance: none;
		width: 70%;
		display: inline;
		padding: 3% 1%; 
		text-decoration: none;
		font-size:100%;
		color: #0066cc;
		border: solid 3px #67c5ff;
		border-radius: 20px;
		font-weight: bold;
		margin-bottom: 0.4em;
	}

	/*入力フォームの:計算ボタン*/
	#keisan{
		-webkit-appearance: none;
		font-size: 230%;
		width: 70%;
		display: inline-block;
		padding: 3% 1%; 
		text-decoration: none;
		background-color: #fff;
		color: #ff7fbf;
		border: solid 4px #ff99ff;
		border-radius: 20px;
		font-weight: bold;
		margin: 0% 0%;
	}

	#modoru{
		font-size: 230%;
		width: 67%;
		display: inline-block;
		padding: 3% 1%; 
		text-decoration: none;
		color: #ff7fbf;
		background-color: #fff;
		border: solid 4px #ff99ff;
		border-radius: 20px;
		font-weight: bold;
		margin: 0% 0%;
	}


	/*計算結果*/
	#output_message{
		font-size: 300%;
		font-weight: bold;
	}



	/*利用規約*/
	#terms_content{
		margin: 0% 15%;
		text-align: left;
		font-size: 200%;
	}