@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: 6.8vw;
	}
	#page_title h2 img {
		width: 200px;
		height: auto;
	}
	/* コンテナ */
	#wrap, #footer {
		min-width: 320px;
	}
	#container h3.sub {
		margin-bottom: 20px;
		font-size: 18px;
	}
	/* お問合せ */
	#footer .contact {
		-webkit-flex-flow: column;
		flex-flow: column;
	}
	#footer .contact .tel img {
		top: -4px;
	}
	#footer .contact .tel {
		margin-right: 0;
		margin-bottom: 8px;
	}
	/* フッター */
	#footer .box dt img {
		max-width: 170px;
	}
	#copyright {
		height: auto;
		line-height: 1.6;
		padding: 5px 0;
		font-size: 11px;
	}
	/* 枠のマージン・パディング */
	.mb { margin-bottom: 30px; }
	.pt { padding-top: 30px; }
	.pb { padding-bottom: 30px; }
	
	/*--------------------------------------------------
		サブページタイトル
	--------------------------------------------------*/
	#page_title h2.top_title img {
		width: 100%;
	}
	#page_title h2.about_title,
	#page_title h2.contact_title {
		background-size: auto 100%;
	}
	/*--------------------------------------------------
		トップページ
	--------------------------------------------------*/
	/* メッセージ */
	#top_msg .txt {
		text-align: left;
		line-height: 1.8em;
	}
	/*--------------------------------------------------
		ハンノウコートについて
	--------------------------------------------------*/
	#hannoukoto .box_salesoutlet li {
		display: block;
		width: 100%;
	}
	/*--------------------------------------------------
		光触媒について
	--------------------------------------------------*/
	#photocatalyst h3.serif {
		font-size: 18px;
	}
	#photocatalyst .sec .fr {
		display: block;
	}
	#photocatalyst .sec .fr p {
		width: 100%;
	}
	#photocatalyst .green {
		font-size: 16px;
	}
	#photocatalyst .scroll {
		overflow: auto;
		white-space: nowrap;
	}
	#photocatalyst .scroll::-webkit-scrollbar {
		height: 5px;
	}
	#photocatalyst .scroll::-webkit-scrollbar-track {
		background: #F1F1F1;
	}
	#photocatalyst .scroll::-webkit-scrollbar-thumb {
		background: #BCBCBC;
	}
	#photocatalyst table tr th, #photocatalyst table tr td {
		padding: 5px;
		font-size: 95%;;
	}
	/*--------------------------------------------------
		製品情報
	--------------------------------------------------*/
	#service .green {
		text-align: left;
	}
	#service .wrap dl dd .img {
		float: none;
		margin: 0 auto 15px;
	}
	#service .wrap dl dd .fr {
		float: none;
		width: 100%;
	}
	#service .wrap .green {
		font-size: 17px;
		margin: 0;
	}
	/*--------------------------------------------------
		会社概要
	--------------------------------------------------*/
	#about .tbl th,
	#about .tbl td {
		display: block;
		margin-top: -1px;
	}
	
	/*--------------------------------------------------
		お問い合せ
	--------------------------------------------------*/
	#page_title h2.contact_title {
		text-align: right;
		}
/*------------------------------------------------*/
}