@charset "UTF-8";
/* CSS Document */
@media (max-width: 959px){
	.pc{
		display: none !important;
	}
	header{
		border-bottom: #1d2089 solid 20px;
	}
	.header_in{
		padding-bottom: 30px;
	}
	.header_in h1 img{
		width: 300px;
	}
	.top_copy{
		width: 95%;
	}
	.top_copy h2{
		font-size: 1.4em;
	}
	.bg_white_img{
		background-size: cover;
	}
	.bg_white_img02{
		background-size:80%;
	}
	.bg_white_img02 h2{
		text-shadow: 2px 2px 5px #fff;
	}
	.contents_in{
		padding:10px;
	}
	.contents_in h2,.link h2{
		font-size: 1.5em;
	}
	span.awa{
		background-size: 40px;
		padding:30px 10px 10px 45px;
	}
	.link_button{
		width: 100%;
		height: 200px;
	}
	.link_button a{
		width: 100%;
		height: 200px;
	}
	.footer_in{
		padding: 10px 10px 0;;
	}
	.footer_in img{
		width: 300px;
	}
	.subtitle{
		height: 250px;
	}
	.subtitle h2{
		font-size: 40px;
	}
	.mailform{
		padding: 10px;
	}
	input[type='text'] ,input[type='date'] , textarea{
		width: 100%;
	}
	.cp_ipselect {
		width: 100%;
	}
	.flex_select{
	display: block;
}
	.news{
		height:auto;
		margin: 0 10px;
		flex-direction: column;
		justify-content: flex-start;
		padding: 15px;
	}
	.news h2{
		width: 100%;
		border-right: none;
		border-bottom: solid 1px #ccc;
	}
	.recrit_top{
		height: 350px;
		background-position: center;
	}
	.r_bottom p{
		font-size: 1.2em;
	}
	/* ギャラリー ======================================== */
	.goods_wrapper{
		padding: 10px;
		justify-content: space-around;
		align-items: center;
		text-align: center;
	}

	.goods_in{
		width:calc(95% / 2);
		background-color: #fff;
		margin-bottom: 10px;
		border-radius: 10px;
		box-shadow: 5px 5px 5px #ccc;
		padding: 20px;
		position: relative;
		overflow: hidden;
		align-self: center;
	}
	.goods_in img{
		display: block;
		width: 260px;
		height: 260px;
		border-radius: 10px;
		object-fit: cover;
		margin: auto;
	}

}

@media (max-width: 769px){
	.pctb{
		display: none !important;
	}
	.flexbox{
		display: block;
	}.header_in h1{
		margin-left: 10px;
	}

	.sp-slide img{
		width: 300px;
	}
	.top_copy h2{
		font-size:1.2em;
	}
	.contents_in{
		margin: 0 10px;
	}
	.aisatsu h3{
		font-size: 1.2em;
	}
	.contents_link{
		display: block;
	}
	.button_img03{
		background-position: top -50px center;
	}
	.link_button{
		margin: 20px auto;
	}
	.point dl{
		width: 100%;
		flex-direction: column;
		justify-content: center;
		align-items: flex-start;
	}
	.point dl dd{
		width: 100%;
	}
	.box01{
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: center;
		margin: auto;
	}
	.footer_in img{
		display: block;
		width: 100%;
		max-width: 350px;
		margin: auto;
	}
	.contact_icon{
		margin: 10px;
	}
	.contact_icon .icon_child a{
		max-width: 300px;
		margin: 5px;
	}
	.button_01{
		width: 100%;
	}
	.services_flex{
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.services_img{
		width: 100%;
		max-width: 350
	}
	.services_txt{
		width: 100%;
		padding: 0.5em;
	}
	.wrap00{
		padding: 0;
		margin: 0;
	}
	.wrap00 img{
		width: 1px;
	}
	.coutei_flex{
		display: block;
	}
	.coutei_l{
		width: 100%;
	}
	.coutei_r{
		width: 100%;
	}
	.coutei_r img{
		display: block;
		max-width: 300px;
		margin:10px auto;
	}
	.base dd{
		font-size:1em;
	}
	.info table th,.info table td{
		display: block;
		width: 100%;
	}
	.mailform{
		padding: 5px;
	}
	.tel_button a{
		width: 100%;
	}
	.recrit_top{
		height: 350px;
		padding: 5px;
	}
	.r_bottom{
		padding: 5px;
	}
	.recrit table{
		width: 100%;
	}
	.recrit table th{
		width: 5em;
	}
	/* ギャラリー　 ============================== */
	.goods_wrapper{
		flex-direction: column;
		justify-content: center;
		align-items: center;
		text-align: center;
		margin: auto;
	}
	/*最後の行の隙間を解消*/
	.goods_wrapper::before{
		width: 320px;
	}
	.goods_wrapper::after{
		width: 320px;
	}
	.goods_in {
		width: 320px;
		background-color: #fff;
		margin-bottom: 10px;
		border-radius: 10px;
		box-shadow: 5px 5px 5px #ccc;
		padding: 20px;
		position: relative;
		overflow: hidden;
		align-items: center;
	}
	.goods_in img{
		width: 100%;
	}
	
	
	.rec_con .btn_wrap {
		display: block;
	}
	.rec_con .btn_wrap .btn{
		margin: 0 auto;
		width: 90%;
	}
	.rec_con .btn_wrap .btn a {
    	margin-bottom: 20px;
	}
.rec_con .btn_wrap .btn:last-child a{
	margin-bottom: 0;
}
}
@media (max-width: 600px){
	.recrit_top{
		height: 290px;
	}
	.r_bottom p{
		font-size: 1em;
	}
	.recrit table th,.recrit table td{
		padding: 1em 0.5em;
	}
}