@charset "utf-8";
/*==================================================
	スマホのみに適用
==================================================*/
@media only screen and (max-width: 640px){
	body { font-size: 85%; }
	.dsp_hp, .dsp_hpt { display: none; }
	
	#header h1.title a {
		width: 70px;
		height: 70px;
	}
	#header h1.title img {
		max-height: 45px;
	}
	/* コンテナ */
	#wrap, #footer {
		min-width: 320px;
	}
	#container h3.sub {
		margin-bottom: 0px;
		font-size: 25px;
	}
	#container h3.sub span {
		font-size: 14px;
		position: relative;
		top: -10px;
	}
	/* ページタイトル */
	#page_title .top_tti_txt {
		width: 55vw;
	}
	#page_title .sub_ttl_txt {
		font-size: 20px;
	}
	#page_title .sub_ttl_txt span {
		padding: 7px 15px;
	}
	/* フッター */
	#footer .box dt img {
		width: 70px;
	}
	#footer .box dd.contact_btn {
		width: 100%;
		display: block;
	}
	#footer .box dd.contact_btn .tel {
		margin-top: 20px;
	}
	#footer .box dd.contact_btn a {
		font-size: 18px;
		width: 240px;
		height: 50px;
		margin: 0 auto 15px;
	}
	
	#copyright {
		height: auto;
		line-height: 1.6;
		padding: 5px 0;
	}
	/* 枠のマージン・パディング */
	.mb { margin-bottom: 30px; }
	.pt { padding-top: 30px; }
	.pb { padding-bottom: 30px; }
	/*--------------------------------------------------
		トップページ
	--------------------------------------------------*/
	#top_msg {
		padding-top: 30px;
	}
	#top_business .business_box .box.one .img_box, #top_business .business_box .box.one .txt_box {
		width: 100%;
	}
	#top_business .business_box .box.one {
		width: 80%;
	}
	#top_business .business_box .w3_box .box {
		width: 80%;
		margin: 0 auto 50px;
	}
	#top_business .business_box .w3_box .box:last-of-type {
		flex: 0 0 80%;
		margin-bottom: 0;
	}
	#top_business .recruit_box .box a {
		padding: 15px;
	}
	#top_business .recruit_box .box h3.sub {
		margin-bottom: -20px;
	}
	#top_business .recruit_box .box .txt span {
		background: linear-gradient(transparent 50%, rgba(255,255,255,0.9) 50%)
	}
	#top_info {
		padding-top: 150px;
	}
	/*--------------------------------------------------
		求人情報
	--------------------------------------------------*/
	#recruit_appeal .photo,
	#recruit_appeal .txt {
		width: 100%;
	}
	#recruit_appeal .photo img {
		height: 200px;
	}
	#recruit_appeal .txt_in {
		padding: 0 15px 20px;
	}
	#recruit_appeal ul {
		width: 300px;
		margin: auto;
	}
		@media only screen and (max-width: 320px){
		#recruit_appeal ul {
			width: 260px;
			margin: auto;
		}
	}
	/*--------------------------------------------------
		サブページ
	--------------------------------------------------*/
	
	/*--------------------------------------------------
		サブページ
	--------------------------------------------------*/
	
/*------------------------------------------------*/
}