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

	/* ヘッダ */
	#header h1.title img {
		max-height: 25px;
	}
	#header h1.title .title_name {
		display: none;
	}
	/* ページタイトル */
	#toppage_title {
		min-height: auto;
		padding: 40px 15px;
	}
	#toppage_title .main_title {
		font-size : 18px;
	}
	#toppage_title .txt {
		line-height: 1.9em;
		text-align: left;
	}
	/* コンテナ */
	#wrap, #footer {
		min-width: 320px;
	}
	#container h3.sub {
		margin-bottom: 20px;
		font-size: 18px;
	}
	/* ページナビ */
	#subpage_title {
		padding: 30px 0;
		font-size: 150%;
	}
	/* フッター */
	#footer .contact {
		-webkit-flex-flow: column;
		flex-flow: column;
	}
	#footer .box dt img {
		max-height: 25px;
	}
	#footer .box .address {
		line-height: 2em;
	}
	#copyright {
		font-size: 10px;
		height: auto;
		line-height: 1.6;
		padding: 5px 0;
	}
	/* お問合せ */
	#footer .contact .tel_link, #footer .contact .mail_link {
		width: 220px;
		height: 65px;
		font-size: 22px;
		margin: auto;
		padding-top: 15px;
	}
	#footer .contact .mail_link  {
		font-size: 16px;
		margin-left: auto;
		margin-top: 25px;
	}
	#footer .contact .tel_link img,
	#footer .contact .mail_link img {
		width: 40px;
		height: 40px;
		top: -20px;
		left: calc(50% - 20px);
	}
	/* 枠のマージン・パディング */
	.mb { margin-bottom: 30px; }
	.pt { padding-top: 30px; }
	.pb { padding-bottom: 30px; }
	/*--------------------------------------------------
		トップページ
	--------------------------------------------------*/
	/* メニューコンテンツ */
	#top_menu {
		padding-bottom: 20px;
	}
	#top_menu .out_txt {
		top: 10px;
		right: 10px;
		font-size: 16px;
	}
	#top_menu .out + .out {
		margin-top: 0;
	}
	#top_menu .box {
		width: auto;
		min-height: auto;
		margin: 0 15px;
		padding: 90px 15px 50px;
	}
	#top_menu .box_title {
		font-size: 22px;
	}
	#top_menu .box_txt1 {
		text-align: center;
	}
	#top_menu .box_txt2 {
		margin-left: 0;
		text-align: center;
	}
	#top_menu .box_l {
		position: relative;
		top: -40px;
		left: auto;
	}
	#top_menu .box_r {
		position: relative;
		top: -40px;
		left: auto;
	}
	/*--------------------------------------------------
	製品紹介
--------------------------------------------------*/
#product .flex dl {
	padding: 30px 10px;
	width: calc( calc( 100% / 2) - 10px);
}
	/*--------------------------------------------------
		会社概要
	--------------------------------------------------*/
	#about th,
	#about td,
	#history th,
	#history td {
		display: block;
		width: 100%;
		margin-top: -1px;
		box-sizing: border-box;
	}
/*------------------------------------------------*/
}