@charset "UTF-8";
/*
	cssルール
	■ブラウザーサイズ1120px以上の場合
	幅が決まっているものに関して
	【横幅max1120px】
	【上下マージン200px】
	【ページタイトル（コンテンツタイトル） フォントサイズ48px マージンボトム40px】
	
	■ブラウザーサイズ768px〜1120px以内の場合
	幅が決まっているものに関して
	【横幅max768px】
	【上下マージン200px】
	【ページタイトル（コンテンツタイトル） フォントサイズ48px マージンボトム40px】
	
	■ブラウザーサイズ768px以下の場合
	幅が決まっているものに関して
	【横幅 100%】
	【上下マージン100px】
	【ページタイトル（コンテンツタイトル） フォントサイズ21px マージンボトム15px】
	
	■その他の幅に関して
	デザインに准じる
	
	スライダー参考
	https://webdesignday.jp/inspiration/technique/jquery-js/3847/
*/


/* main css */
@import url("bundle.css");

/* contents css */
@import url("news.css");
@import url("policy.css");
@import url("service.css");
@import url("contact.css");
@import url("reorder.css");
@import url("about.css");
@import url("recruit.css");
@import url("catalog.css");
@import url("products-01.css");/* 電線を剥いてワケル */
@import url("products-02.css");/* 電線を砕いてワケル */
@import url("products-03.css");/* 金属・廃プラを切断する */
@import url("products-04.css");/* 半導体部品を砕く */
@import url("products-05.css");/* 紙管をワケル */

/* common */
	/* メニュー */
	body.products-01 #header-nav ul li:nth-child(2) a,
	body.products-01 header #fixed-header-nav ul li:nth-child(2) a,
	body.products-02 #header-nav ul li:nth-child(2) a,
	body.products-02 header #fixed-header-nav ul li:nth-child(2) a,
	body.products-03 #header-nav ul li:nth-child(2) a,
	body.products-03 header #fixed-header-nav ul li:nth-child(2) a,
	body.products-04 #header-nav ul li:nth-child(2) a,
	body.products-04 header #fixed-header-nav ul li:nth-child(2) a,
	body.products-05 #header-nav ul li:nth-child(2) a,
	body.products-05 header #fixed-header-nav ul li:nth-child(2) a,
	body.about #header-nav ul li:nth-child(3) a,
	body.about header #fixed-header-nav ul li:nth-child(3) a,
	body.recruit #header-nav ul li:nth-child(5) a,
	body.recruit header #fixed-header-nav ul li:nth-child(5) a,
	body.service #header-nav ul li:nth-child(6) a,
	body.service header #fixed-header-nav ul li:nth-child(6) a{ border-bottom: 2px solid #14A282; padding-bottom: 5px;}
	/* /メニュー */
	

	section.mainContents{ width: 100%; padding: 200px 0;}
	.innerBox{ width: 100%; max-width: 1120px; margin: auto auto;}
	.breadcrumb{ width: 100%; background-color: #151515; padding: 20px 10px; box-sizing: border-box;}
	.breadcrumb .innerBox{ list-style: none; text-align: left; overflow: hidden;}
	.breadcrumb .innerBox li{ font-size: 12px; color: #fff; float: left;}
	
	@media screen and (max-width: 1120px) {/* 768px 〜 1120px */
		.innerBox{ padding: 0 10px; box-sizing: border-box;}
	}
	
	@media screen and (max-width: 768px) {/* 〜 768px*/
		section.mainContents{ width: 100%; padding: 100px 0;}
	}