@media screen and ( max-width:768px ) {
	body {
		min-width: initial;
	}

	/*header*/
	#header {
		height: 5em;
	}

	#header h1 img {
		height: 5em;
		width: 10%;
	}

	#panel-btn{
		display: inline-block;
		position: absolute;
		top: 0;
		right: 4px;
		width: 40px;
		height: 40px;
		margin: 20px 0 10px;
		border-radius: 50%;
		background: transparent;
		z-index: 10;
	}

	#panel-btn-icon{
		display: block;
		position: absolute;
		top: 50%;
		left: 50%;
		width: 20px;
		height: 2px;
		margin: -1px 0 0 -7px;
		background: #000;
		transition: .2s;
	}

	#panel-btn-icon:before, #panel-btn-icon:after{
		display: block;
		content: "";
		position: absolute;
		top: 50%;
		left: 0;
		width: 20px;
		height: 2px;
		background: #000;
		transition: .3s;
	}

	#panel-btn-icon:before{
		margin-top: -7px;
	}

	#panel-btn-icon:after{
		margin-top: 5px;
	}

	#panel-btn .close{
		background: transparent;
	}

	#panel-btn .close:before, #panel-btn .close:after{
		margin-top: 0;
	}

	#panel-btn .close:before{
		transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
	}

	#panel-btn .close:after{
		transform: rotate(-135deg);
		-webkit-transform: rotate(-135deg);
	}

	.hdr_menu_list_pc{
		display: none;
	}

	.hdr_menu_list_sp{
		display: none;
		width:100%;
		background-color:rgba(0, 0, 0, 0.8);
		margin:0;
		z-index:1;
		position: absolute;
		top:0;
		left: 0;
	}
	.hdr_menu_list_sp li{
		text-align: center;
		padding:6% 0 6% 0;
		float:none;
		font-size: 120%;
		border-bottom:2px solid #fff;
	}

	.hdr_menu_list_sp a{
		color:#fff;
		}

	.hdr_menu_list_sp a:hover{
		border-bottom:none;
	}

	.hdr_menu_list_sp a:active{
		border-bottom:none;
		color:#555555;
	}
	/*--recruit.phpに飛んだ時のメニューのENTRYボタン--*/
	.hdr_menu_list_sp .recruit_list_entry{
		background:#F00;
		color:#000;
	}
	.hdr_menu_list_sp .recruit_entry:active{
		color:#FF0;
		font-weight: bold;
	}
/*--トップへ戻るボタンSP--*/

	.top_prev_btn{
		width:50px;
		z-index:999;
		position: fixed;
		right:2%;
		bottom:3%;
	}

	.top_prev_btn img{
		max-width: 50px;
	}

	.pc {
		display: none;
	}

	.sp {
		display: block;
	}

	/*company*/
	.company {
			width: 90%;
	}

	.company_info {
		width: 100%;
	}

	.company_info h2 {
		text-align: center;
	}

	.company_t {
		margin: 15px auto;
		font-size: 12px;
		border-collapse: collapse;
	}

	.company_img {
		width: 90%;
		margin: 0 auto;
		float: none;
	}

	.company_img li {
		width: 48%;
		margin: 5px 1%;
	}

	.itdd{
		width: 95%;
		margin: 0 auto;
	}

	/*contact*/
	#contact {
		clear: both;
		padding-top: 10px;
	}

	.contact_form{
		width: 90%;
		margin: 0 auto;
		background-color: #FFF;
		padding: 2%;
	}

	.contact_form p{
		color: #000;
	}

	.contact_form dt{
		color: #000;
		float: none;
    width: 100%;
    padding: 5px;

	}

	.contact_form dd{
		color: #000;
		float: none;
    width: 100%;
    padding: 5px;
	}

	.message h3 {
		width: 100%;
		padding: 10px 5px 5px;
	}

	.contact_form textarea{
		width: 100%;
		margin: 0;
	}

	#send{
		width: 100px;
    margin: 20px auto;
    padding: 0px 0;
	}
}

@media screen and ( max-width:648px )  {
	.house_cleaning .example {
		display: block;
	}

	.house_cleaning .example .request1, .request2, .request3 {
		height: 100%;
	}

	.house_cleaning .example img {
		width: 50%;
	}

	.request {
		max-width: 80%;
		margin: 0 auto;
	}

	.request p {
		font-size: 1rem;
		text-align: left;
	}

}