/* CSS Document */

@media screen and (max-width: 999px) {

#Pankuzu + *{width:100%;}
.Container{padding: 0 0 20px;}
.TtlStyle01{
	font-size: 110%;
	height: 30px;
	line-height: 30px;
	padding-left: 30px;
	margin-bottom: 15px;
	background-position: left center;
	background-repeat: no-repeat;
	background-size: auto 100%;
}

div.PageTtlBox h2{
	/* width:calc(100vw - 40px); */
	width:90%;
}
div.PageTtlBox h2 img{height:27px;}
div#Pankuzu{
	margin-right: auto;
}
.LeftContent,
.RightContent{
	float: none;
	/* width:calc(100vw - 40px); */
	width:100%;
}
.LeftContent{max-width: 525px;}
.RightContent{
	max-width: 220px;
	margin: 50px auto 0;
}

div.MessageList01,
div.MessageList01 ul{
	width:100%;
}
div.MessageList01 ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: -10px;
}
div.MessageList01 ul li{
	float: none;
	width: calc(50% - 5px);
	margin: 0 0 10px;
}

.FootContactBox{
	width:100%;
	max-height: calc((100vw - 40px) * 130 / 700);
	background-size: contain;
}
.FootContactBox img{
	padding: 9% 0 0 3%;
	width:calc(100% * 285 / 700);
	height: auto;
}

.sp_form,
.sp_form tbody,
.sp_form tr{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}
.sp_form th,
.sp_form td{display: block;}
.sp_form input,
.sp_form textarea{max-width: 100%!important;}
.sp_form .wid410{width: 100%!important;

}/* @media screen and (max-width: 999px) */