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

	#header h1.title img {
		height: 23px;
	}
	@media only screen and (max-width: 320px) {
		#header h1.title img {
			height: 17px;
		}
	}
	/* コンテナ */
	#wrap, #footer {
		min-width: 320px;
	}
	#container h3.sub {
		margin-bottom: 20px;
		font-size: 20px;
	}
	/* フッター */
	#footer .contact .tel a {
		font-size: 30px;
	}
	#footer .box dt {
		margin-bottom: 20px;
	}
	#footer .box dt img {
		width: 90%;
	}
	#footer .box dl dd span {
		display: block;
	}
	#footer .box dl dd span a {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
	}
	#footer .box dl dd span a img {
		width: 20px;
		height: auto;
		top: 2px;
	}
	#copyright {
		height: auto;
		line-height: 1.6;
		padding: 5px 0;
	}
	/* 枠のマージン・パディング */
	.mb { margin-bottom: 30px; }
	.pt { padding-top: 30px; }
	.pb { padding-bottom: 30px; }
	/*--------------------------------------------------
		トップページ
	--------------------------------------------------*/
	#top_ttl {
		padding: 15px;
		height: 150px;
		margin-bottom: 15px;
	}
	#top_msg:before {
		background-position: right -100px bottom;
	}
	#top_msg .sp_waku {
		padding: 15px;
	}
	@media only screen and (max-width: 320px){
		#top_msg .txt {
			font-size: 17px;
		}
	}
	#top_msg .txt02 {
		font-size: 29px;
	}
	#top_list h3 {
		font-size: 18px;
		padding-right: 10px;
		line-height: 1.6;
		padding: 10px 10px 13px;
	}
	#top_list h3.arrow:after {
		top: 19px;
	}
	#top_list ul li {
		font-size: 15px;
		padding-right: 10px;
	}
	#top_service .service h3 {
		top: -49px;
		margin-bottom: -30px;
	}
	#top_service dl {
		width: 100%;
		margin-bottom: 30px;
	}
	#top_service .investigation dl {
		width: 100%;
	}
	#top_company .tbl {
		font-size: 14px;
	}
	#top_company .tbl th, #top_company .tbl td {
		padding: 10px;
	}
	#top_contact h3.sub {
		margin-bottom: -70px;
	}
	#top_contact .txt {
		margin-bottom: 30px;
		padding-bottom: 20px;
	}
	#top_contact .txt:before {
		background: #deeefe;
	}
	#mailform .tbl {
		margin: 0;
	}
	#mailform .tbl th, #mailform .tbl td {
		padding-left: 0;
		padding-right: 0;
	}
	#mailform .tbl td {
		padding-top: 0;
	}
		
/*------------------------------------------------*/
}