@charset "utf-8";


/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
　999px以下
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
@media (max-width: 999px) {

	/*---------------------------------------------------------------------------------------------------------------------------------------------------------------
	【999px】ヘッダー設定
	---------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	header{}
	#header_inner{ width: 98%; margin: 0 auto; }

		h1{ font-size: 10px; }
		#logo{}

	/*---------------------------------------------------------------------------------------------------------------------------------------------------------------
	【999px】左カラム設定
	---------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	#left_box{}

	/*---------------------------------------------------------------------------------------------------------------------------------------------------------------
	【999px】右カラム設定
	---------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	#right_box{}

	/*---------------------------------------------------------------------------------------------------------------------------------------------------------------
	【999px】フッター設定
	---------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	footer{}
		#footer_inner{ width: 100%; padding: 0; }

	/*---------------------------------------------------------------------------------------------------------------------------------------------------------------
	【999px】トップページ
	---------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	.policy_text_top{ margin-bottom: 25px; padding: 25px 0;
		background-size: 180px;
		background-position: 10px 10px;
	}
	.policy_text_top #policy_jpn1{ font-size: 48px; }
	.policy_text_top #policy_jpn2{ font-size: 35px; }
	/*.policy_text_top #policy_eng{ font-size: 15px; }*/


	#top_policy{}
	#top_policy table{ width: 220px; margin: 0 auto 40px; }
	#top_policy table th{ font-size: 36px; }
	#top_policy table td{ font-size: 20px; }

	/*---------------------------------------------------------------------------------------------------------------------------------------------------------------
	【999px】会社概要
	---------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	.policy_text{ padding: 15px 0; font-size: 36px;  }

}



/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
　850px以下
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
@media (max-width: 850px) {

	/*---------------------------------------------------------------------------------------------------------------------------------------------------------------
	【850px】トップページ
	---------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	.policy_text_top #policy_jpn1{ font-size: 44px; }
	.policy_text_top #policy_jpn2{ font-size: 32px; }
	/*.policy_text_top #policy_eng{ font-size: 14px; }*/

	/*---------------------------------------------------------------------------------------------------------------------------------------------------------------
	【850px】会社概要
	---------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	.policy_text{ padding: 13px 0; font-size: 32px;  }

	#ol_vendor li{ width: 100%; float: none; }

}





/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
　800px以下（iPad mini・・・768px）
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
@media (max-width: 800px) {

	/*---------------------------------------------------------------------------------------------------------------------------------------------------------------
	【800px】ナビ設定
	---------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	nav#navi_top > ul li.li_navi_parent a{ padding: 8px 0; font-size: 16px; }
	nav#navi_top > ul li.li_navi_parent a img{ width: 14px; margin: 0 10px 4px 0; vertical-align: middle; }

	nav#navi_top > ul li.li_navi_parent .active_arrow{ width: 7px; }

	/*---------------------------------------------------------------------------------------------------------------------------------------------------------------
	【800px】タイトル設定
	---------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	h2.h2_style{ font-size: 20px; }
	h2.h2_left{ font-size: 16px; }

	h3.h3_style{ font-size: 18px; }

	/*---------------------------------------------------------------------------------------------------------------------------------------------------------------
	【800px】左カラム設定
	---------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	/*　メニュー　*/
	#ul_left_menu{ padding: 0 5px; }

	/*---------------------------------------------------------------------------------------------------------------------------------------------------------------
	【800px】トップページ
	---------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	.policy_text_top{ margin-bottom: 20px; padding: 20px 0;
		background-size: 160px;
		background-position: 10px 10px;
	}
	.policy_text_top #policy_jpn1{ font-size: 40px; }
	.policy_text_top #policy_jpn2{ font-size: 29px; }
	/*.policy_text_top #policy_eng{ font-size: 13px; }*/

	#top_policy{}
	#top_policy table{ width: 200px; margin: 0 auto 30px; }
	#top_policy table th{ font-size: 32px; }
	#top_policy table td{ font-size: 16px; }

	/*---------------------------------------------------------------------------------------------------------------------------------------------------------------
	【800px】会社概要
	---------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	.policy_text{ padding: 12px 0; font-size: 28px;  }

}



/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
　700px以下　※左右カラムフロート解除
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
@media (max-width: 700px) {

	/*---------------------------------------------------------------------------------------------------------------------------------------------------------------
	（タイトル設定）
	---------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	h2.h2_style{ margin-bottom: 10px; padding: 0 10px; font-size: 18px; border-left: 7px solid #f27239; }

	h3.h3_style{ margin-bottom: 10px; padding: 0 18px; font-size: 16px; }
	h4.h4_style{}

	/*---------------------------------------------------------------------------------------------------------------------------------------------------------------
	（コンテンツ部設定）
	---------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	main{ padding: 10px 0 10px 0; }
	#main_inner{}

	/*---------------------------------------------------------------------------------------------------------------------------------------------------------------
	【700px】左カラム設定
	---------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	#left_box{ display: none; width: 98%; margin: 0 auto; float: none; }

	/*---------------------------------------------------------------------------------------------------------------------------------------------------------------
	【700px】右カラム設定
	---------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	#right_box{ width: 98%; margin: 0 auto; padding: 0 0 80px; float: none; }

	/*---------------------------------------------------------------------------------------------------------------------------------------------------------------
	【700px】
	---------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	/*　箇所　*/

}



/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
　SP（Xperia Z Ultraが540px）　※ナビ隠し、タブ表示
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
@media (max-width: 540px) {

	/*---------------------------------------------------------------------------------------------------------------------------------------------------------------
	（共通設定）
	---------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	/* ページリンク　アンカーポイント */
	.anc{ position: absolute; top: -100px; }


	/*---------------------------------------------------------------------------------------------------------------------------------------------------------------
	（タイトル設定）
	---------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	h2.h2_style{}
	h2.h2_left{}

	h3.h3_style{ margin-bottom: 5px; border-left: 7px solid #777; }
	h4.h4_style{}



	/*---------------------------------------------------------------------------------------------------------------------------------------------------------------
	【SP】ヘッダー設定
	---------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	header{ width: 100%; padding: 0 0 5px 0; border-bottom: 3px solid #05299b; position: fixed; z-index: 1; } /* SPナビがz-index:2 */

		#header_inner{ position: relative; }
			h1{}
			#logo{ width: 80px; }

			#btn_spMenu.tcon{ display: block !important; position: absolute; top: 35px; right: 0; }

			#header_r{ margin-left: 25px; float: left; }
			#header_r p{ text-align: left; }

			.btn_tel{ display: inline-block; margin-bottom: 5px; padding: 3px 20px 3px 25px; color: #ef4f07; font-size: 18px; line-height: 1em;
				background-size: 20px;
				background-position: 0 center;
			}
			.btn_contact{ display: inline-block; padding: 0 35px 0 45px; border-radius: 5px; color: #fff; font-size: 14px;
				background-size: 16px;
				background-position: 10px center;
			}

	/*---------------------------------------------------------------------------------------------------------------------------------------------------------------
	【SP】ナビ設定
	---------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	nav#navi_top{ min-width: 0; width: 250px; height: 100%; padding: 10px 10px 20px; background: #000; position: fixed; top: 0; left: -270px; z-index: 2; /* headerがz-index:1 */
		-moz-opacity: 0.9;
		opacity: 0.9;
	}
	nav#navi_top > ul{ width: 100%; height: 100%; border-top: 1px dotted #ccc; overflow: auto; }
	nav#navi_top > ul li.li_navi_parent{ width: 100%; border-bottom: 1px dotted #ccc; float: none; }
	nav#navi_top > ul li.li_navi_parent a{ padding: 8px 10px; background: none; color: #fff; font-size: 14px; text-align: left; }
	nav#navi_top > ul li.li_navi_parent .active_arrow{ display: none; }

	nav#navi_top > ul li.li_navi_parent a img{ width: 20px; }

		ul.ul_navi_child{ display: block; padding-left: 30px; position: static; }


		p#close_menu{ display: block; margin-bottom: 10px; color: #fff; font-size: 12px; text-align: right; }
		p#close_menu span{ font-weight: bold; color: #f00; }




	/*---------------------------------------------------------------------------------------------------------------------------------------------------------------
	【SP】コンテンツ部設定
	---------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	main{ padding: 120px 0 0 0; }
	#main_inner{ width: 100%; margin: 0 auto; padding: 8px 0 0; background: #fff; }


	/*---------------------------------------------------------------------------------------------------------------------------------------------------------------
	（右カラム設定）
	---------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	#right_box{}

	section.contents .tbl_edit th{ text-align: left; }



	/*---------------------------------------------------------------------------------------------------------------------------------------------------------------
	【SP】フッター設定
	---------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	footer{ padding: 5px 10px; }
		#footer_inner{}
		#footer_inner ul{ display: none; }
			p#copy{ font-size: 10px; }

	/*---------------------------------------------------------------------------------------------------------------------------------------------------------------
	【SP】共通設定
	---------------------------------------------------------------------------------------------------------------------------------------------------------------*/


	/*---------------------------------------------------------------------------------------------------------------------------------------------------------------
	【SP】トップページ
	---------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	.policy_text_top{ margin-bottom: 10px; padding: 15px 0;
		background-size: 120px;
		background-position: 10px 10px;
	}
	.policy_text_top #policy_jpn1{ font-size: 28px; }
	.policy_text_top #policy_jpn2{ font-size: 20px; }
	/*.policy_text_top #policy_eng{ font-size: 12px; }*/

	#top_policy{}
	#top_policy table{ width: 50%; margin: 0 auto 20px; }
	#top_policy table th{ font-size: 28px; text-align: left; }
	#top_policy table td{ font-size: 14px; text-align: right; }


	#top_business ul{ width: 45%; padding: 10px 5%; }
	#top_business ul li{ font-size: 12px; text-indent: -7px; }
	#top_business p{ width: 40%; }


	/*---------------------------------------------------------------------------------------------------------------------------------------------------------------
	　（取扱製品）
	---------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	/* カテゴリー表示 */
	.ul_product_category{}
	.ul_product_category li{ width: 70%; margin: 0 auto 20px; float: none; }
	.ul_product_category li:nth-child(2n){ margin: 0 auto 20px; }


	.maker_logo{ margin: 50px 0; }
	.maker_logo img{ height: 30px !important; }


	/*---------------------------------------------------------------------------------------------------------------------------------------------------------------
	【SP】中古機械
	---------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	/* 一覧表示 */
	.ul_used_machine li .used_machine_l{ width: 25%; }

	.ul_used_machine li .used_machine_r{ width: 73%; }
	.ul_used_machine li .used_machine_r .used_machine_name{ margin-bottom: 5px; font-size: 16px; }


	/* 詳細表示 */
	.ul_used_machine_image{ margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #ddd; }
	.ul_used_machine_image li{ width: 48%; margin: 0 2% 10px 0; }
	.ul_used_machine_image li:nth-child(2n){ margin-right: 0; }


	/*---------------------------------------------------------------------------------------------------------------------------------------------------------------
	【SP】会社概要
	---------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	.policy_text{ margin: 30px 0; padding: 5px 0; border-top: 3px solid #333; border-bottom: 3px solid #333; font-size: 20px;  }

	.dl_company{ padding: 0 2%; margin-bottom: 30px }
	.dl_company dt{ margin-bottom: 5px; font-size: 16px; }
	.dl_company dd{ margin-bottom: 20px; padding: 8px 16px; font-size: 13px; }
	.dl_company dd p{ margin-bottom: 10px; font-size: 14px; line-height: 1.7em; }


	#PresidentBox{ padding: 0 2%; text-align: right; }
		#President_l{ width: 30%; margin-right: 0; }
		#President_r{ width: 66%; }


	.tbl_overview{}
	.tbl_overview th, .tbl_overview td{ padding: 15px 2%; font-size: 12px; }
	.tbl_overview th{ width: 30%; }
	.tbl_overview td{ }

	#ul_vendor li{ width: 100%; float: none; }


	.tbl_history{ width: 100%; }
	.tbl_history caption{ margin-bottom: 0; font-size: 13px; }
	.tbl_history th, .tbl_history td{ padding: 5px 2%; font-size: 12px; }
	.tbl_history th{ width: 30%; }
	.tbl_history td{}



	/*---------------------------------------------------------------------------------------------------------------------------------------------------------------
	【SP】プライバシーポリシー
	---------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	.privacy_box{ padding: 0 2%; }

}


/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
　SP（414px）
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
@media (max-width: 414px) {
	/*---------------------------------------------------------------------------------------------------------------------------------------------------------------
	【414px】トップページ
	---------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	.policy_text_top #policy_jpn{ font-size: 30px; }
	.policy_text_top #policy_eng{ font-size: 11px; }

}


/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
　SP（374px）
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
@media (max-width: 374px) {
	/*---------------------------------------------------------------------------------------------------------------------------------------------------------------
	【374px】トップページ
	---------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	.policy_text_top #policy_jpn{ font-size: 26px; }
	.policy_text_top #policy_eng{ font-size: 10px; }

}