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

	/* ヘッダ */
	#header .menu,
	#footer .menu {
		display: none;
	}
	#header .in {
		padding: 0 10px;
	}
	#header .title img {
		height: 14px;
	}
	/* タイトル */
	#page_title {
		min-height: 120px;
		font-size: 90%;
	}
	#page_title h2 {
		margin-bottom: 10px;
		font-size: 22px;
	}
	#page_title p {
		margin-bottom: 10px;
	}
	#page_title .photo {
		padding-left: 50%;
	}
	/* コンテナ */
	#wrap, #footer {
		min-width: 320px;
	}
	#container h3.sub {
		font-size: 18px;
	}
	#container h4.sub {
		font-size: 17px;
	}
	/* フッター */
	#footer .title {
		height: 30px;
	}
	#footer .title img {
		height: 14px;
	}
	#footer .in {
		padding: 5px 0;
	}
	#footer .link .home,
	#footer .link ul {
		width: 100%;
	}
	#footer .link .home p:first-child {
		margin-bottom: 15px;
	}
	#footer .link ul {
		margin-top: 15px;
	}
	/* 枠のマージン・パディング */
	.mb { margin-bottom: 40px; }
	.pt { padding-top: 30px; }
	.pb { padding-bottom: 30px; }
	/* ボタン */
	p.btn a { display: block; text-align: center;}
	/*--------------------------------------------------
		トップページ
	--------------------------------------------------*/
	/* メニューコンテンツ */
	#top_menu .box {
		margin-bottom: 30px;
	}
	#top_menu dl dt {
		float: none;
		width: auto;
	}
	#top_menu dl dd {
		margin-left: 0;
	}
	/* お知らせ */
	#top_info dt {
		float: none;
		width: auto;
	}
	#top_info dd {
		margin-left: 0;
	}
	/*--------------------------------------------------
		計測事業沿革
	--------------------------------------------------*/
	#history .box,
	#history .txt {
		width: auto;
		margin-bottom: 20px;
	}
	#history .box dl {
		font-size: 100%;
	}
	/*--------------------------------------------------
		ソリューション
	--------------------------------------------------*/
	#solution .flow dl {
		width: 250px;
		max-width: 100%;
		margin: 0 auto 15px;
		padding-bottom: 65px;
		background: url("../img/about/arow_sp.png") no-repeat center bottom;
	}
	#solution .flow dl:last-child {
		padding-bottom: 0;
		background: no-repeat;
	}
	#solution .flow dt {
		font-size: 17px;
	}
	/**/
	#solution .mv .txt {
		font-size: 18px;
		text-align: center;
	}
	/**/
	#solution .about dl {
		margin-bottom: 30px;
	}
	/*--------------------------------------------------
		レトロフィット＆アップグレード
	--------------------------------------------------*/
	#cmm .txt,
	#cmm .photo {
		width: 100%;
	}
	#cmm .photo {
		margin-top: 20px;
	}
	#cmm .photo p:nth-child(1) {
		float: right;
		width: 70%;
	}
	#cmm .photo p:nth-child(2) {
		position: relative;
		top: -80px;
		width: 70%;
		margin-bottom: -80px;
		z-index: 99;
	}
	#cmm .photo p:nth-child(3) {
		float: right;
		top: -30px;
		left: auto;
		margin-right: 10%;
		margin-bottom: 0;
	}
	/*--------------------------------------------------
		ソフトウェア概要
	--------------------------------------------------*/
	#product .ttl {
		font-size: 20px;
		line-height: 1.3;
	}
	/*--------------------------------------------------
		MetrologX4
	--------------------------------------------------*/
	#page_title.metrolog_x4 {
		overflow: visible;
		margin-bottom: 30px;
	}
	#metrolog_x4 .ttl {
		margin-bottom: 20px;
		font-size: 15px;
	}
	#metrolog_x4 .ttl b {
		display: inline-block;
		margin-bottom: 10px;
		font-size: 24px;
		line-height: 1.3;
	}
	#metrolog_x4 .about dl {
		width: 47.5%;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	#metrolog_x4 .about dt b {
		font-size: 110%;
	}
	#metrolog_x4 .about dt img {
		width: 100px;
	}
	#metrolog_x4 .about dd {
		text-align: left;
	}
	#metrolog_x4 .about dd br {
		display: none;
	}
	/*--------------------------------------------------
		SilmaX4
	--------------------------------------------------*/
	#page_title.silma_x4 {
		overflow: visible;
		margin-bottom: 30px;
	}
	#silma_x4 .ttl {
		margin-bottom: 20px;
		font-size: 15px;
	}
	#silma_x4 .ttl b {
		display: inline-block;
		margin-bottom: 10px;
		font-size: 24px;
		line-height: 1.3;
	}
	#silma_x4 .ttl+.ttl b {
		font-size: 18px;
	}
	#silma_x4 .about dl {
		width: 100%;
	}
	#silma_x4 .about dt img {
		width: 180px;
	}
	/*--------------------------------------------------
		i-Robot
	--------------------------------------------------*/
	#i-robot ul.list li {
		width: 30%;
	}
	/**/
	#i-robot .about dl {
		width: 100%;
	}
	/*--------------------------------------------------
		お問い合せ
	--------------------------------------------------*/
	#mailform .btn input {
		width: 140px;
	}

/*------------------------------------------------*/
}