@charset "utf-8";

table {
	border-collapse: collapse;
}
table th, 
table td {
	padding: 0.5rem 1rem;
	border-collapse: collapse;
	border: 1px solid #ccc;
	text-align: left;
}
table th {
	background-color: #eee;
}
.text-area{
	display: flex;
	flex-wrap: nowrap;
}
/*====================================
	PC	768px以下
=====================================*/
@media screen and (max-width: 768px) {
	header #logo {
		max-width: 70%;
	}
	.outline {
		max-width: 100%;
		margin-left: 0.5rem;
		margin-right: 0.5rem;
	}
	header #logo{
		margin-left: 1rem;
		}
	header h1{
		margin-left: 1rem;
	}

	.sec{
		max-width:100%;
		margin:25px 0px;
		line-height:170%;
		}

	.page-area{
		flex-wrap: wrap;
	}
	#snavi ul {
		flex-wrap: wrap;
	}
	#snavi ul li{
	background-position-x: right;
	}
}
/*====================================
	スマホ	425px以下
=====================================*/
@media screen and (max-width: 425px) {
	.text-area{
		flex-wrap: wrap;
	}
}