@charset "UTF-8";
/* CSS Document */
@media (max-width: 959px){
	.pc{
		display: none !important;
	}
	.top_copy img{
		width: 200px;
	}
	.wrapper{
		background-size: 40% , 230px;
	}
	.txt_box h3{
		bottom: 40px;
	}
	.news_wrap{
		padding: 50px 10px;
	}
	.greeting_flex{
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.greeting_wrap .greeting_txt{
		width: 80%;
		max-width: 600px;
	}
	.flex_center{
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.topic{
		width: calc(100% - 20px);
		flex-direction: column;
		height: auto;
	}
	.topic div{
		margin-bottom: 50px;
	}
	.topic div img{
		width: 90%;
		max-width: 500px;
		display: block;
		margin: auto;
	}
	.bg_no01,.bg_no02,.bg_no03{
		padding: 15px 0 15px 50px;
	}
	.topic div p{
		padding: 10px;
	}
	footer{
		padding: 50px 10px 10px;
	}
	.footer_in{
		padding-left: 10px;
		padding-right: 10px;
	}
	.subtitle{
		height: 300px;
	}
	.mailform{
		padding: 30px 10px;
	}
	input[type='text'] ,input[type='date'] , textarea{
		width: 100% !important;
	}
	#mailform table th,
	#mailform table td{
		display: block;
		width: 100%;
	}

}
@media (max-width: 750px){
	.tbpc{
		display: none !important;
	}
	.flexbox{
		display: block;
	}
	header h1{
		font-size: 2em;
	}
	header h1 img{
		width: 120px;
		padding-top: 5px;
	}
	.top_copy h2{
		font-size: 1.3em;
	}
	.sp-slide img{
		width: 80%;
	}
	.wrapper{
		background-size: 200px , 230px;
	}
	.txt_box h2{
		font-size: 1.2em;
	}
	.txt_box h3{
		font-size: 2.9em;
	}
	.contents_in{
		width: calc(100% - 20px);
		margin: auto;	
		padding: 20px 10px;
	}

	/* 新着情報 ================================================== */
	.news{
		display: block;
		height: 150px;
	}
	.news h3{
		padding: 0.5em 0;
	}
	/* 各コンテンツ ================================================== */
	
	.topic{
		flex-direction: column;
		height: auto;
	}

	.greeting_wrap .greeting_txt{
		width: 100%;
		left: 0;
		bottom: 0;
		max-width: 600px;
		padding: 20px 10px;
	}
	footer h2{
		font-size:1.5em;
	}
	.footer_in img{
		display: block;
		width: 80%;
		max-width: 300px;
		margin: auto;
	}
	.button_01{
		width: 90%;
		max-width: 320px;
		min-width: 250px;
	}
	.footer_address p{
		padding-left: 10px;
	}
	.sub_copy{
		top:45%;
	}
	.sub_copy h2{
		font-size: 1.5rem;
	}
	
	.picup{
		width: 100%;
		align-content: stretch;
		padding: 20px;
	}
	#mailform{
		padding: 20px 10px;
	}
	.commit{
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
}
@media (max-width: 450px){
	.footer_in p.phone_buttom{
		text-align: left;
		font-size:1.5em;
		padding: 20px 0;
		line-height: 180%;
	}
	.gaiyou th{
		padding: 0.5em 1em;
		width: 6em;
	}
}