/* =========================================================

	レスポンシブ　タブレット用（481px〜800px）

========================================================== */
@media only screen and (max-width: 800px) {


	/* -------------------------------------------
		ヘッダー
	------------------------------------------- */
	header {
		padding: 0 0 15px 0;
	}

	/* PCメニュー */
	#menu {
		display: none;
	}

	/* スマホメニュー */
	#s-menu {
		display: block;
		overflow: hidden;
		width: 100%;
	}

	/* トグルボタン */
	#s-menu .button-toggle {
		position: fixed;
		top: 15px;
		right: 15px;

		width: 50px;
		height: 40px;

		color: #fff;
		font-size: 25px;
		line-height: 40px;
		text-align: center;

		background: #000 url("../img/smenu.png") no-repeat center center;
		background-size: 22.5px 14.5px;
		border-radius: 8px;

		cursor: pointer;
	}

	#s-menu .menu {
		margin-top: 65px;
		text-align: right;
	}

	#s-menu .menu a {
		display: block;
		padding: 5px 5px;

		color: #fff;
		font-size: 1.3em;
		text-decoration: none;
	}

	#s-menu .menu a:after {
		content: ">";
		margin-left: 5px;
	}

	/* -------------------------------------------
		横幅
	------------------------------------------- */
	.inner {
		width: 100%;
		padding: 0 10px;
	}

	/* -------------------------------------------
		トップページ
	------------------------------------------- */
	#TopPage {
		margin-top: 70px;
	}

	#TopPage .companyname {
		top: 15px;
	}

	#TopPage .companyname strong {
		font-size: 50px;
		line-height: 1em;
		letter-spacing: 0.06em;
	}

	#TopPage h2 {
		padding-bottom: 10px;
		font-size: 1.45em;
		line-height: 1.4em;
	}

	#TopPage p {
		margin-top: 15px;
		width: 100%;
		font-size: 1em;
	}

	/* -------------------------------------------
		新着情報
	------------------------------------------- */
	#news h2 {
		font-size: 1.3em;
	}

	#news dl {
		height: 24em;
	}

	#news dt {
		float: none;
		width: 100%;
		line-height: 1em;
	}

	#news dd {
		width: 100%;
		padding: 0;
		margin-bottom: 10px;
		line-height: 1.8em;
	}

	/* -------------------------------------------
		サブページ
	------------------------------------------- */
	#SubPage {
		margin: 100px auto 0 auto;
	}

	#SubPage section {
		margin-bottom: 40px;
	}

	#SubPage h2 {
		font-size: 1.3em;
		margin-bottom: 20px;
	}

	#SubPage h3 {
		font-size: 1.2em;
	}

	#SubPage .profile .img_r {
		width: 250px;
	}

	/* -------------------------------------------
		フッター
	------------------------------------------- */
	footer {
		font-size: 0.8em;
	}

	footer .inner {
		display: block;
		text-align: center;
	}

	/* -------------------------------------------
		お問合わせ・テーブル
	------------------------------------------- */
	.table dt, .table dd, form dt {
		padding: 8px 15px;
	}

	form dd {
		padding: 15px;
	}

	form dt, .table dt {
		float: none;
		width: 100%;
	}

	form dd, .table dd {
		float: none;
		width: 100%;
		border-left: none;
	}
}


/* =========================================================

	レスポンシブ　スマートフォン用（480px以下）

========================================================== */
@media only screen and (max-width: 480px) {

	/* -------------------------------------------
		トップページ
	------------------------------------------- */
	#TopPage .companyname {
		top: 10px;
	}

	#TopPage .companyname strong {
		font-size: 40px;
	}

	/* -------------------------------------------
		プロフィール
	------------------------------------------- */
	.profile img {
		padding: 5px;
	}

	#SubPage .profile .img_r {
		float: none;
		margin: 0 auto 20px auto;
	}

	/* -------------------------------------------
		お問い合わせ
	------------------------------------------- */
	input[type="submit"] {
		width: 300px;
		height: 57px;
	}
}