@charset "UTF-8";

@media (max-width: 959px){
	.pc{
		display: none !important;}
	
	header{
		width:auto;
		padding-left: 15px;
		padding-right: 15px;
	}
	#conteainer{
		width:auto;
	}
	footer{
		width:auto;			
		}
	
	footer .connect{
		display: flex;
		flex-direction: column;
		width: 100%;
	}
	
	footer .box01{
		padding-left: 15px;
		padding-right: 15px;
	}
	.contents{
		padding-left: 10px;
		padding-right: 10px;
	}
	.contents h2{
		font-size: 2em;
	}
	.sp-slide h2{
		font-size:1.5em !important;
	}
	.contents_data-wrap{
	width: 100%;
	}
	
	.contents_data{
		display: block;
		margin: auto;
	}
	.data_in{
		width: 100%;
		margin: 0 auto;
	}
	.data_in h4{
		padding: 4px;
	}
	.data_in img{
		widows: 95%;
		padding: 0 50px;
	}
	
	.bg_merit{
		background-position: 95% 5%;
	}
	.merit_in{
		justify-content: center;
		flex-direction: column;
	}
	.merit_in img{
		width: 100%;
	}
	.merit_in p{
		height: inherit;
	}
	.merit_in-in{
		width: 100%;
	}
	
	.new{
		display:block;
	}
	
	.new img{
		width: 100%;
		height: 300px;
		object-fit: cover;
		object-position: 0% 55%;
	}
	
	.new .news{
		width: 100%;
	}
	
	.connect{
		flex-direction: column;
	}
	
	.co01{
		width: 100%;
	}
	
	.link01{
		margin:0 50px;
		max-width: 700px;
	}
	
	.menuimg img{
		height: 200px;
		width: 200px;
		border-radius: 200px;
		object-fit: cover;
	}	
	
	.box_menu03{
		width: 100%;
	}
	.box_menu03 img{
		object-fit: cover;
		object-position: center 70%;
	}
	
	/* info */
	
	.img-info{
		max-height: 200px;
	}
	
	.img-info h2{
		font-size:30px;
	}
	.menutitle{
		display:block;
		height: 250px;
		background-image: url("../img/wave02.svg"),url("../img/subtitle_bg.jpg");
		background-position: top center,left -50px;
		background-repeat: no-repeat;
		background-size: 100%;
		position: relative;
	}
	.manufacturer_link img{
		width: 200px;
	}
	.flow{
		width: 700px;
	}
	.cases_in{
		display: block;
	}
	.cases_in table{
		width: 100%;
	}
	.cases_map{
		width: 100%;
		padding: 10px;
	}
	
	/*移動しました*/
	.flex_footer{
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
}



@media (max-width: 750px){
	
	header h1{
		font-size: 25px;
		line-height: 120%;
	}
	header h1 img{
		width: 20px;
		margin-right: 5px;
		vertical-align:middle;
	}
	.sp-slide h2{
		font-size:1.2em !important;
	}
	#conteainer{
		width:auto;
		padding: 0;
	}
	.contents h2{
		font-size: 1.4em;
		line-height: 150%;
	}

	.link01{
		display: block;
		width: 80%;
		margin: auto;
	}

	.button01{
	}
	
	.box_menu01{
		display: block;
	}
	.box_menu02{
		width: 100%;
	}
	
	.menuimg img{
		height: 200px;
		width: 200px;
		border-radius: 200px;
		object-fit: cover;
	}
	.menutitle{
		height: 220px;
		background-image: url("../img/wave02.svg"),url("../img/subtitle_bg.jpg");
		background-position: top center,center;
		background-repeat: no-repeat;
		background-size: 100%;
		position: relative;
	}
	.menutitle h2{
		font-size:30px;
	}
	.flexbox{
		display:block;
	}
	.flexbox img{
		width: 80%;
		margin-top: 0;
	}
	.contents{
		width: 100%;
	}
	.contents_in{
		padding: 50px 5px;
		width: 100%;
		margin: 0 auto;	
	}
	
	.aisatsu{
		padding: 20px 0;
	}
	.aisatsu img{
		width: 30%;
	}
	.img_position{
		text-align: center;
	}
	.contents_merit ul{
		padding: 10px 10px 10px 30px;
	}
	.bg_merit{
		padding-bottom: 150px;
		background-position: bottom center;
		margin-bottom: 20px;
	}
	.contents_in p.picup{
		font-size: 1.2em !important;
	}
	.contents_in p.picup03{
		font-size: 1.2em !important;
		text-align: center;
	}
	.bg_cost{
		background:url("../img/cut05.png") no-repeat bottom center;
		background-size: 180px;
		padding-bottom: 150px;
		padding-right: 0;
	}
	.data_in img{
		widows: 95%;
		padding: 0 20px;
	}
	.new img{
		width: 100%;
		height: 200px;
		object-fit: cover;
	}
	.contents_copy p{
		font-size: 1.5em;
	}
	.merit_map{
		justify-content: center;
		flex-direction: column-reverse;
		padding: 10px;
	}
	.merit_map p{
		font-size: 1.3em;
		padding: 10px;
		line-height: 150%;
	}
	.merit_map img{
		margin: auto;
		padding: 0;
	}
	input[type='text'] ,input[type='date'] , textarea{
		width: 100%
	}
	.mailform{
		padding: 5px;
	}

	.contact_tel{
		padding-bottom: 150px;
		background-position: bottom center;
	}
	.contact_tel a{
		width: 100%;
	}
	/* 概要テーブル */
	.company_table {
		width: 100%;
	}
	.company_table th,.company_table td{
		display: block;
		width: 100%;
	}
	.service_support{
		display: block;
		text-align: center;
	}
	.service_support img{
		width: 200px;
	}
	.service_support ul li{
		text-align: left;
		font-size: 1.1em;
	}
	.service_support p{
		width: 100%;
		text-align: left;
	}
	.service_support02 {
		width: 80%;
	} 
	.service_support02 h3{
		font-size: 1.2em;
	}
	.manufacturer_link img{
		width: 90%;
	}
	.flex_b{
		display: block;
	}
	.service_plan img{
		width: 100%;
	}
	.service_plan table{
		width: 100%;
	}
	.flex_pet{
		display: block;
	}
	.contents_pet .img_w50{
	width: 100%;
	}
	
	
	/* フローチャート */
	.flow{
		width: 100%;
		max-width: 500px;
		display: block;
	}
	.flow .flow_in01{
		width: 100%;
		border-radius: 15px 15px 0 0;
	}
	.flow .flow_in01 h3{
		width: 100%;
		margin: 0 auto 10px;
	}
	.flow .flow_in02{
		width: 100%;
		border-bottom-left-radius: 10px;
		border-bottom-right-radius: 10px;
	}
	.flow_contact{
		display: block;
	}
	.flow_contact h4 a{
		margin: 5px auto;
		width: 90%;
	}
	/* 店舗事例 */
	.cases_photo02 {
		text-align: center;
	}

	.cases_photo img,.cases_photo02 img{
		width: 45%;
		padding: 10px;
	}
	
	.flex_ba p img{
		width: 100%;
		height: 150px;
		padding: 5px;
	}
	
	/*960pxに移動しました
	.flex_footer{
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	*/
	
	footer .box02 img{
		width: 150px;
	}
	footer .box03 img{
		width: 150px;
	}
		
}