@media screen and (max-width: 979px) {
	/* 979px以下用（タブレット用）の記述 */
	#container {
		width:100%;
	}
	#header {
		width:100%;
		height:115px;
		/*height:143px;*/
		background:transparent url(../img/header_city.png) 0 50% no-repeat;
	}
	#header h1 {
		height:97px;
		background: transparent url(../img/logo.png) 0 30px no-repeat;
	}
	#btn_sns_area {
		width: 100%;
		top:90px;
	}
	
	#main_area #contents {
		width:100%;
	}
	#main_title {
		background:none;
	}
	#main_area #contents table tr td {
		padding:7px 5px 7px 10px;
	}
}


@media screen and (max-width: 767px) {
	/* 767px以下用（タブレット／スマートフォン用）の記述 */
	#header {
		width:100%;
		height:110px;
		background:transparent url(../img/header_city_767.png) 0 50% no-repeat;
	}
	#header h1 {
		background: transparent url(../img/logo.png) 0 25px no-repeat;
	}
	#btn_sns_area {
		width: 100%;
		top:85px;
	}
	#main_title h2 {
		width:100%;
		height:100px;
		background: url(../img/h2_767.png) 0 50% no-repeat;
		/*background-size: contain;*/
	}
	#main_area #contents h3 {
		padding:5% 0 1%;
	}
	#main_area #contents table {
		margin:25px auto 0;
	}
	#main_area #contents table tr th {
		font-size:125%;
	}
	#pagetop_area {
	position: fixed;
	bottom: 60px;
	right: 20px;
	}
}


@media screen and (max-width: 479px) {
	/* 479px以下用（スマートフォン用）の記述 */
	#header {
		width:100%;
		height:115px;
		/*height:90px;*/
		background:transparent url(../img/header_city_479.png) 0 50% no-repeat;
	}
	#header p#tnc_link a img {
		width: 70%;
		height:auto;
		position: absolute;
		right: 3px;
		top: 3px;
	}
	#header h1 {
		width:235px;
		height:97px;
		background: transparent url(../img/logo.png) 0 30px no-repeat;
		background-size:85%;
		margin:0 auto;
	}
	#btn_sns_area {
		width: 100%;
		top:87px;
	}
	#main_title {
		width:100%;	
	}
	#main_title h2 {
		width:100%;
		height:62px;
		background: url(../img/h2_479.png) 0 50% no-repeat;
		/*background-size: 160%;*/
	}
	#main_area #contents h3 {
		font-size:140%;
		font-weight:normal;
		padding:5% 0 1%;
	}
	#main_area #contents table {
		margin:20px auto 0;
	}
	#main_area #contents table tr th,#main_area #contents table tr td {
		display:block;
		width:100%;
		border-bottom:0;
	}
	#main_area #contents table tr th {
		font-size:115%;
		width:100%;
		padding:8px 0;
	}
	#main_area #contents table tr td {
		font-size:110%;
		width:96%;
		padding:2%;
	}
	#main_area #contents table tr td.last {
		border-bottom:solid 1px #AAAAAA;
	}

	#main_area #contents h4 {
	font-size:140%;
	}
	#main_area #contents dl {
		font-size:110%;
	}
	#main_area #contents dd .qa_section {
		margin:5px 0 0 15px;
	}

	/*****btn*****/
	.btn a {
		display: block;
		text-align: center;
	}

}