@charset "utf-8";
/*==================================================
	スマホのみに適用
==================================================*/
@media only screen and (max-width: 640px){
	body { font-size: 85%; }
	.dsp_hp, .dsp_hpt { display: none; }

	/* ヘッダ */
	#header p.title img {
		max-height: 4.5vw;
	}
	/* コンテナ */
	#wrap, #footer {
		min-width: 320px;
	}
	#container h3.sub {
		margin-bottom: 20px;
		font-size: 18px;
	}
	#container h3.sub.en {
		font-size: 20px;
	}
	#container h3.sub.jp {
		font-size: 18px;
	}
	/* フッター */
	#footer .contact .tel a {
		font-size: 30px;
	}
	#footer .box dt img {
		max-width: 250px;
	}
	#copyright {
		height: auto;
		line-height: 1.6;
		padding: 5px 0;
	}
	/* 枠のマージン・パディング */
	.mb { margin-bottom: 30px; }
	.pt { padding-top: 30px; }
	.pb { padding-bottom: 30px; }
	/*--------------------------------------------------
		トップページ
	--------------------------------------------------*/
	/* コンテンツ */
	#top_contents::before {
		background-position: top 17% center;
	}
	#top_contents .item {
		display: block;
	}
	#top_contents .box {
		width: 100%;
		padding: 15px;
		box-sizing: border-box;
	}
	/* PRODUCT */
	#top_product {
		padding-top: 15px;
	}
	#top_product ul li {
		width: 33%;
		margin-top: 15px;
	}
	#top_product ul li img {
		width: 80%;
	}
	#top_product ul li p {
		font-size: 14px;
	}
	/* お知らせ */
	#top_info dt {
		float: none;
		width: auto;
	}
	#top_info dd {
		margin-left: 0;
	}
	.btn_recruit {
		width: 100%;
	}
	.btn_recruit a {
		font-size: 20px;
	}
	/*採用情報詳細*/
	#recruit h4.headline {
		text-align: left;
		font-size: 15px;
		margin-bottom: 15px;
		line-height: 1.4;
	}
	#recruit h3 {
		font-size: 25px;
		margin-bottom: 25px;
	}
	#recruit h3.headline {
		font-size: 18px;
	}
	#recruit .detail_box {
		padding-top: 25px;
		padding-bottom: 20px;
	}
	#recruit .photo_area {
		margin-bottom: 20px;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	#recruit .photo_area img {
		width: 50%;
	}
	#recruit .detail_table th {
		display: block;
		width: 100%;
		font-size: 15px;
		padding: 6px 10px;
		line-height: 1.6;
	}
	#recruit .detail_table td {
		display: block;
		width: 100%;
		font-size: 14px;
		padding: 6px 10px;
		line-height: 1.6;
	}
	#recruit .detail_table td .txt_l {
		font-size: 15px;
	}
	
/*------------------------------------------------*/
}