@charset "utf-8";
/************トップページCSS************/
/*
	http://meyerweb.com/eric/tools/css/reset/
	v2.0
	リセット css
*/

/* HTML5 display-role reset for older browsers */
	article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
	body {line-height: 1;}
	ol, ul {list-style: none;}
	blockquote, q {quotes: none;}
	blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
	table {border-collapse: collapse;border-spacing: 0;}

/* -------------------------------------------------------------- */
	body{
		color:#000;
		/*font-family: "游明朝", serif,YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", Sans-Serif;*/
		font-family: YuGothic,'Yu Gothic',YuGothic,'Yu Gothic','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;
		font-size: 17px;/* フォントサイズ */
		line-height:1.5;
		background:#fff;
		-webkit-text-size-adjust:100%;
		margin:0;
	}

/* リンク設定
------------------------------------------------------------*/
	a{color:#000;text-decoration:none;}
	a:hover{color:#eee;}
	a:active, a:focus{outline:0;}

/* 全体
------------------------------------------------------------*/
	body{width:98%;max-width: 1500px;margin: auto;height: auto;position:relative;}
	.inner{margin:0 auto;width:1300px;max-width: 100%;}

/* ページトップ
------------------------------------------------------------*/
	#page_top{
		width: 50px;
		height: 50px;
		position: fixed;
		right: 10px;
		bottom: 10px;
		background: #fff;
		opacity: 0.8;
		border-radius: 50%;
		border: solid 1px #339900;
	}
	#page_top a{
		position: relative;
		display: block;
		width: 50px;
		height: 50px;
		text-decoration: none;
	}
	#page_top a::before{
		font-family: 'Font Awesome 5 Free';
		font-weight: 900;
		content: '\f106';
		font-size: 25px;
		color: #339900;
		position: absolute;
		width: 25px;
		height: 25px;
		top: -5px;
		bottom: 0;
		right: 0;
		left: 0;
		margin: auto;
		text-align: center;
	}

/* ボトムナビゲーション
------------------------------------------------------------*/
	#bottom-navi{
		width: 100%;
		/* height: 55px; */
		position: fixed;
		bottom: 0;
		z-index: 500;
		margin: 0;
		padding: 0;
		font-size: 15px;
		background: #78bd2c;
		border-top: 1px solid #a2a2a2;
	}
	.mail-bg{
		color: #000;
		background-color: #e4e4e4;
		border-right: 1px solid #a2a2a2;
	}
	#bottom-navi ul li a.mail-font{color: #000;}
	#bottom-navi ul{padding: 0;margin: 0;}
	#bottom-navi ul li{
		text-align: center;
		width:49%;
		display: inline-block;
		padding: 16px 0;
		margin: 0px;
		opacity: 0.9;
	}
	#bottom-navi ul li a{color: #fff;}
	.nav-left{
		background: #ff70a3;
		height: 100%;
	}
	.nav-right{background: #ffbf00;}

/* ヘッダー
------------------------------------------------------------*/
	#header{
		max-width: 1500px;
		width: 100%;
		margin: auto;
		background-color: #78bd2c;
		color: #fff;
	}
	#header:after{
		content:"";
		display: block;
		clear:both;
		visibility:hidden;
	}
	#header-top {margin: 0px;padding: 0px;}
	#header-top h1 {
		font-size: 13px;
		margin: 0 0 0 155px;
		line-height: 25px;
		padding: 0;
		font-weight: normal;
		text-align: left;
	}

/* ロゴ
------------------------------------------------------------*/
	#logo{
		float:left;
		width: 350px;
		height: 120px;
		font-size:13px;
		margin-left: 135px;
	}
	#office{
		padding: 15px;
		line-height:1.5;
		width: 400px;
		display: table;
		margin: 0 auto;
	}
	/* ロゴと会社名 */
	span.logoandname-pc{display: table-cell;}
	span.logoandname-sp{display: none;}

/* ロゴ右部分
------------------------------------------------------------*/
	#header-info{
		width: auto;
		height: 80px;
		margin-right: 155px;
	}

/* ヘッダー部分の問い合わせ
------------------------------------------------------------*/
	#header-contact{
		width: 500px;
		height: 30px;
		float: right;
	}
	.contact-btn{
		float:left;
		padding: .5em 1em;
		border-radius: 5px;
		font-size:18px;
		background:#e4e4e4;
		margin-top: 2.8em;
	}
	.contact-btn:hover{background-color: #f8f8f8;}
	.contact-adores{float: right;}
	.contact-zip{margin: 0 0 .2em 0;}
	.contact-tel{font-size: 35px;}
	.contact-btn a{color:#000; font-weight:bold;}
	.contact-btn a:hover{color: #000;}

/* メイン画像（スライドショー）
------------------------------------------------------------*/
	#slideshow {
		position: relative;
		width:100%;
		height: calc(100vw/3.55 );
		list-style-type: none;
		max-height: 422px;
	}
	#slideshow img {
		position: absolute;
		top: 0;
		left:0;
		z-index: 0;
		width:100%;
		height: auto;
		opacity: 0.0;
		display: block;
	}
	#slideshow img.active {z-index: 0;opacity: 1.0;}
	#slideshow img.last-active {z-index: 0;}

/* MTPプラスチック染色とは
------------------------------------------------------------*/
	h2.txt-c.sp-h{
		position: static;
		margin: 0;
		padding: .5em 1em 1em;
		font-size: 28px;
	}
	/* お知らせ 20240417 */
	.news {
		padding: 2em 1em;
		margin-bottom: 1em;
		border: 1px solid #78bd2c;
	}
	.news-ttl a{
		display: block;
		border-bottom: 1px dotted #78bd2c;
		color: #78bd2c;
		margin: 0 5% 1em 5%;
		padding-left: .3em;
	}
	.news-list {
		margin: 0 5% 1em;
		padding: 0;
		overflow-y: auto;
		max-height: 200px;
	}
	.news-list::-webkit-scrollbar {
		background: #eee;
		width: 2px;
		height: 10px;
	}
	.news-list::-webkit-scrollbar-thumb {
		background-color: #78bd2c;
	}
	.news-list-item a:hover {
		color: #404040;
	}
	.news-list_date {
		display: flex;
		align-items: center;
	}
	.news-item {
		color: #ff4b0f;
		margin: 0 1em ;
	}
	.news-txt{
		position: relative;
		display: flex;
		padding-left: 1em;
		padding-right: 30px;
		margin: 0 0 .5em 0;
	}
	.news-txt::before {
		content: '';
	  position: absolute;
    bottom:-8px;
    right:10%;
    width: 100px;
    height: 1px;
	  background:#78bd2c;
    transition: all .3s;
	}
	.news-txt:hover::before {
		right:8%;
	}
	.news-txt::after {
		content: '';
  	position: absolute;
    bottom:-3px;
    right:10%;
    width: 15px;
    height:1px;
	  background:#78bd2c;
    transform: rotate(35deg);
    transition: all .3s;
	}
	.news-txt:hover::after {
		right:8%;
	}
	/* お知らせ　end */

	h3.tsuyomi-h{
		font-size: 20px;
		margin-top: 0 !important;
	}
	ul.tsuyomi-u{
		margin-bottom: 2em;
		list-style: inside;
		list-style-position: outside;
	}
	li.tsuyomi-l{
		line-height: 1.7;
		padding-bottom: .5em;
	}
	/* MTPプラスチック染色部分の全体幅*/
	.tsuyomi{
		max-width: 1500px;
		width: 85%;
		margin: 0 auto 3em auto;
	}
	/* 内容1,3,5 */
	.tsuyomi-left{
		background-color: #ececec;
		padding: 5em 2em 4em 4em;
		float: none;
		height: 300px;
	}
	.tsuyomi-left-3{
		background-color: #ececec;
		padding: 5em 2em 4em 4em;
		float: none;
		height: 250px;
	}
	.tsuyomi-left-5{
		background-color: #ececec;
		padding: 5em 2em 4em 4em;
		float: none;
		height: 260px;
	}
h3.reason-h-l{
		position: relative;
		overflow: hidden;
		padding: .2em .2em .2em 2em;
		word-break: break-all;
		border-bottom: 3px dotted #7b7b7b;
		font-size: 28px;
		font-weight: bold;
		color: #df1e76;
		margin-top: -1.5em;
	}
	h3 span.reason-no-l{
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		padding: 1px 15px;
		border-radius: 5px;
		background: #df1e76;
		color: #fff;
	}
	.messed-left{
		display: inline-block;
		float: left;
		width: 50%;
	}
	.image-right{
		float: right;
		width: 50%;
		text-align: center;
		margin-top: 1em;
		margin-bottom: 3.5em;
	}
	.image-right img{
		border: 4px solid #fff;
		box-shadow: 5px 10px 20px 2px rgba(0,0,0,.3);
	}
	/* 内容2,4 */
	.tsuyomi-right{
		background-color: #fff;
		padding: 5em 2em;
		float: none;
		height: 300px;
	}
h3.reason-h-r{
		position: relative;
		overflow: hidden;
		padding: .2em .2em .2em 2em;
		word-break: break-all;
		border-bottom: 3px dotted #7b7b7b;
		font-size: 28px;
		font-weight: bold;
		color: #78bd2c;
		margin-top: -1.5em;
	}
	h3 span.reason-no-r{
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		padding: 1px 15px;
		border-radius: 5px;
		background: #78bd2c;
		color: #fff;
	}
	.messed-right{
		display: inline-block;
		float: right;
		width: 50%;
	}
	.image-left{
		float: left;
		width: 50%;
		text-align: center;
		margin-top: 1em;
		margin-bottom: 3.5em;
	}
	.image-left img{
		border: 4px solid #fff;
		box-shadow: 5px 10px 20px 2px rgba(0,0,0,.3);
	}
	.top-img{
		width: 450px;
		height: auto;
	}
	/* 詳しく見るボタン */
	.more{
		color: #fff;
		background-color: #404040;
		border-radius: 5px;
		padding: .5em 1em;
		margin: 1.5em;
		font-weight: bold;
	}
	/* 2,4のマージン調整 */
	div#reason-2,div#reason-4{margin-left: 4em;}
	.tsuyomi-right .more{margin-left: 5.5em;}
	/* 赤強調文字 */
	.text-imp{color: #c62f36;font-weight: bold;}

/* トータルコスト削減のご提案
------------------------------------------------------------*/
	.total-cost{
		background: #78bd2c;
		padding: 1em 1em 2em 1em;
	}
	.total-cost-txt{
		color: #fff;
		text-align: center;
		width: 65%;
		margin: 0 auto;
	}
	.txt-b{font-weight: 600;}
 	.more-btn2{
 		display: inline-block;
 		text-align: center;
 		width: 100%;
 		margin: .5em 0;
 	}
 
/* 浸透式着色法に対応している樹脂
------------------------------------------------------------*/
	.txt-c{text-align: center;}
	.taiou-jushi{
		width: 80%;
		margin: 0 auto;
	}
	.taiou-jushi th{text-align: left;}
	.taiou-jushi td{padding-left: 1em;}
	.pc-f{
		float: right;/* PC版 表回り込み */
		width: 45%;
	}
	/* 汎用樹脂 */
	.hanyo-jushi{
		background-color: #ffe3e3;
		padding: .2em 1em 1em 1em;
		width: 45%;
		float: left;
	}
	/* エンプラ */
	.enpura{
		background-color: #e3f5ff;
		padding: .2em 1em 1em 1em;
		margin-left: -2em;
	}
	/* スーパーエンプラ */
	.super-en{
		background-color: #eee3ff;
		padding: .2em 1em 1em 1em;
		margin-top: 1em;
		margin-left: -2em;
	}
	/* その他の樹脂 */
	.other-j{
		background-color: #e5ffe3;
		padding: .2em 1em 4.2em 1em;
		width: 45%;
		float: left;
		margin-top: 1em;
	}

/* お問い合わせブロック
------------------------------------------------------------*/
	.toi-b{
		float: none;
		display: inline-block;
		max-width: 1500px;
		width: 100%;
		margin: 3em auto;
		text-align: center;
		background-image: url(../images/toi-b-bg.jpg);
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
	}
	h2.toi-b-h{font-size: 30px;}
	.share-no1{font-size: 24px;}
	.toi-tel{
		color: #fff;
		background-color: rgba(0,0,0,.7);
		border-radius: 5px;
		padding: 1em;
		max-width: 1500px;
		width: 50%;
		margin: 0 auto;
	}
	.toi-telnb{font-size: 40px;}
	.toi-b2{
		max-width: 1500px;
		width: 50%;
		margin: 0 auto;
		font-size: 23px;
	}
	.toi-b2 a{color: #fff;}
	.toi-qa{
		width: 45%;
		padding: .5em;
		background-color: #78bd2c;
		border-radius: 5px;
		float: left;
		margin-left: -.6em;
	}
	.toi-foam{
		width: 45%;
		padding: .5em;
		background-color: #78bd2c;
		border-radius: 5px;
		float: right;
		margin-right: -.6em;
	}

/* 展示会の写真
------------------------------------------------------------*/
.tenjikai-img{margin: 0 auto;padding: 0;background-color: #191919; }
.tenjikai-img img{width: 100%; height: auto;}

/* フッターメニュー
------------------------------------------------------------*/
	#footer{
		clear:both;
		padding: 0;
		overflow:hidden;
		background-color: #191919;
	}
	.footer-nav{height: auto;}
	.footer-nav ul{margin: 0;}
	.footer-nav a{color: #fff; display: block;}
	.footer-nav a:hover{color: #ffffe0;}
	.footer-nav-m{
		line-height: 2.5em;
		font-weight: bold;
		font-size: 16px;
		border-bottom:#fff 1px solid;
		margin: 0 0 1em;
	}
	.sub-footer-link ul{
		font-size: 15px;
		line-height: 1.7em;
	}
	/* フッター内のグリッド(3カラム) */
	.copyright{
		font-size:12px;
		color: #fff;
		background: #191919;
		text-align: center;
	}
	.copyright .inner a{color: #fff;}
	.copyright .inner a:hover{color: #ffffe0;}
	.reason-shere-c a{color: #ffff66;}/*TOPページ内リンクのカラー*/

/* PC用
------------------------------------------------------------*/
@media only screen and (min-width:1025px){
	.pc{display: block;}
	.sp{display: none;}

	/* レスポンシブ改行 */
	.br-sp{display: none;}
	.br-pc{display: block;}

	#bottom-navi{display: none;}/* ボトムナビゲーション*/

	/* メニュー
	----------------------------------*/
	nav div.panel{
		background-color: #191919;
		width:100%;
		border-bottom: 1px solid #b6b6b6;
		display: inline-block !important;
	}
	a#menu{display:none;}
	#topnav{
		float:none;
		display: flex;
		color: #fff;
		max-width: 1500px;
		width: 85%;
		margin: 0 auto;
		padding: 0;
	}
	#topnav li{
		float:none;
		list-style: none;
		position:relative;
		width: 220px;
		margin: 0 auto;
		border-collapse: separate;
		border-spacing: 0;
		background-color: #191919;
		border-right: 1px solid #b6b6b6;
	}
	#topnav a{
		line-height: 3rem;
		font-size: 18px;
		font-weight: bold;
		color:#fff;
		text-align: center;
		display:block;
		padding: 0;
	}
	#topnav li.current-menu-item a,#topnav a:hover{color: #000;background:#f5f5f5;}
	#topnav ul{width: 85%;display:none;}
	#topnav li:hover ul{
		display:block;
		position:absolute;
		top:47px;
		left: -40px;
		z-index:500;
	}
	#topnav li li{
		margin: 0;
		float: none;
		width: 280px;
		border-bottom: 1px solid #b6b6b6;
		background: #f4f4f4;
	}
	#topnav li li a{
		padding:  1em;
		color: #000;
		text-align: left;
		line-height: 1rem;
		font-size: 14px;
		
	}
	#topnav li.current-menu-item li a,#topnav li li a{border-bottom-width:1px;}	
	#topnav li li.current-menu-item a,#topnav li li a:hover{
		border-bottom-width: 3px;
		background-color: #eee;
	}
	/* ナビゲーションメニューの線 */	
	#topnav li:first-child ,#topnav li li{border-left:1px solid #b6b6b6;}

	/* フッター
	----------------------------------*/
	#footer .grid{width: auto;}

	/* グリッド全体 */
	.gridWrapper{
		display:table;
		border-collapse:separate;
		border-spacing: 1em;
		margin: 0 auto;
	}
	.gridWrapper ul{padding: 0;}
	/* グリッド共通 ベース:トップページ3カラム */
	.grid{display: table-cell;}
}

/* PC用(メニュー部分の切り替え.メニューをロゴの下へ)
------------------------------------------------------------*/
@media only screen and (max-width:1420px){
	/* レスポンシブ改行 */
	.br-sp{display: none;}
	.br-pc{display: block;}
	/* ヘッダー */
	#header-top h1{margin: 1em;}
	#logo{
		position: relative;
		z-index: 21;
		margin-left: 0;
	}
	#header-info{margin-right:1em;}
	.contact-btn{
		font-size:16px;
		font-weight: normal;
	}
	.contact-tel{font-size: 30px;}
	span.logoandname-pc{display: table-cell;}/* ロゴと会社名 */
	span.logoandname-sp{display: none;}/* ロゴと会社名 */
}

@media only screen and (min-width:1025px) and (max-width:1420px){	
	/* ナビゲーションメニューの幅調整 */
	#topnav a{font-size: 16px;}
	/* 画像サイズ調整 */
	.image-left img{width: 400px;}
	.image-right img{width: 400px;}
	.tsuyomi-left,.tsuyomi-left-3,.tsuyomi-left-5{padding: 4em 2em;}/* 内容1,3,5 */
	div#reason-2,div#reason-4{margin-left: 0;}/* 2,4のマージン調整 */
	.tsuyomi-right .more{margin-left: 1.5em;}/* 2,4のマージン調整 */
}

@media only screen and (max-width:1305px){
	h3.reason-h-l{font-size: 24px;}/* 内容1,3,5 */
	h3.reason-h-r{font-size: 24px;}/* 内容2,4 */
}

@media only screen and (max-width:1238px){
	#topnav{width: 100%;}/* メニュー */
	h3.reason-h-l{font-size: 24px;}/* 内容1,3,5 */
	h3.reason-h-r{font-size: 24px;}/* 内容2,4 */
}

@media only screen and (max-width:1148px){
	h3.reason-h-l{font-size: 22px;}/* 内容1,3,5 */
	h3.reason-h-r{font-size: 22px;}/* 内容2,4 */
	/* お問い合わせブロック */
	.toi-qa{width: 100%;float: none;}
	.toi-foam{width: 100%;float: none;margin-left: -.6em;}
}

@media only screen and (max-width:1110px){
	#topnav a{font-size:13px;}/* メニュー */
	#header-info{margin-right: 1em;}
}

@media only screen and (min-width:1025px) and (max-width:1110px){
	.tsuyomi{width: 90%;}/* MTPプラスチック染色部分の全体幅*/
	.tsuyomi-left,.tsuyomi-left-3,.tsuyomi-left-5{padding-right: 0;}/* 内容1,3,5 */
	.tsuyomi-right{padding-left: 0;}/* 内容2,4 */
	h3.reason-h-l{padding: .2em .2em .2em 1.8em;}/* 内容1,3,5 */
	h3.reason-h-r{padding: .2em .2em .2em 1.8em}/* 内容2,4 */
	h3 span.reason-no-l{padding: 1px 12px;}/* 内容1,3,5 */
	h3 span.reason-no-r{padding: 1px 12px;}/* 内容2,4 */
	/* 画像サイズ調整 */
	.image-left img{width: 380px;}
	.image-right img{width: 380px;}
	.gridWrapper{border-spacing: .5em;}
}

/* tablet,スマホ用
------------------------------------------------------------*/
@media only screen and (max-width:1024px){
	*{
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}
	.pc{display: none;}
	.sp{display: block;}
	body{width:100%;}
	#page_top{display: none;}
	/* ヘッダー */
	#header-top{display: none;}
	#logo{
		background-color: transparent;
		width: auto;
		height: 55px;
		margin-left: 0;
		padding: 0;
		float: none;
		display: inline-block;
	}
	/* ロゴと会社名 */
	span.logoandname-pc{display: none;}
	span.logoandname-sp{display: table-cell;}
	#header{
		width: auto;
		height: 55px;
	}
	#header-info{display: none;}
	#header-contact{display: none;}
	#office{
		margin: 0;
		padding: 0;
		width: 300px;
	}

/* メニュー
----------------------------------*/
	nav#mainNav{
		width: auto;
		margin: 0;
		padding: 0;
		background-color: #191919;
		border: 1px solid #000;
		float: right;
		text-align: center;
	}
	nav#mainNav a.menu{
		width:100%;
		display:block;
		height: 55px;
		line-height: 50px;
		font-weight: bold;
		text-align:left;
		color: #fff;
		margin: 0;
		padding: 0 5px;
	}
	nav#mainNav a#menu span{padding: 0 5px;margin: 0;}
	nav#mainNav a span:before{content:"≡ ";font-size: 50px;}
	nav#mainNav a.menuOpen span:before{content:"× ";}
	nav#mainNav a#menu:hover{cursor:pointer; }
	nav .panel{
		display: none;
		width:80%;
		position: fixed;
		height: 105%;
		right:0;
		z-index:8;
	}
	nav#mainNav ul{
		margin:0;padding:0;
		/* メニューのスクロール */
		height: 70%;
		overflow: auto;
		-webkit-overflow-scrolling: touch;
	}
	nav#mainNav ul li{
		float:none;
		clear:both;
		width:100%;
		height:auto;
		line-height:1.2;
	}
	nav#mainNav ul li a,nav#mainNav ul li.current-menu-item li a{
		display: block;
		padding:15px 10px;
		text-align:left;
		border-bottom:1px dashed #b6b6b6;
		color:#fff;
		background-color: #191919;
	}
	nav#mainNav ul li.current-menu-item a,nav#mainNav ul li a:hover,nav#mainNav ul li.current-menu-item a,nav#mainNav ul li a:active, nav#mainNav ul li li.current-menu-item a, nav#mainNav ul li.current-menu-item li a:hover, nav#mainNav ul li.current-menu-item li a:active{
		background-color: #f5f5f5;
		color: #000;
	}
	nav div.panel{float:none;}
	nav#mainNav ul li li{
		float:left;
		border:0;
		background-color: #191919;
	}
	nav#mainNav ul li li a, nav#mainNav ul li.current-menu-item li a, nav#mainNav ul li li.current-menu-item a{
		padding-left:40px;
	}
	nav#mainNav ul li li.current-menu-item a,nav#mainNav ul li li a:hover, nav#mainNav ul li.current-menu-item li a:hover{
		background:#78bd2c ;
		color: #fff;
	}
	/* メニューボタン固定 */
	#mainNav{
		width: 100%;
		height: 55px;
		position: fixed;
		top: 0;
		right: 0;
		z-index: 20;
	}
	#slideshow {height: calc(100vw/1.71 ); max-height: 100%;}/* スライドショー */

/* MTPプラスチック染色とは
------------------------------------------------------------*/
	h2.txt-c.sp-h{font-size: 24px;}
	/* MTPプラスチック染色部分の全体幅*/
	.tsuyomi{
		max-width: 1024px;
		width: 80%;
		margin: 0 auto 3em auto;
	}
	/* 内容1,3,5 */
	.tsuyomi-left,.tsuyomi-left-3,.tsuyomi-left-5{
		background-color: #ececec;
		padding: 2em;
		float: none;
		height: auto;
	}
	h3.reason-h-l{margin-top: 0;}
	h3 span.reason-no-l{padding: 1px 12px;}
	.messed-left{
		float: none;
		width: 100%;
	}
	.image-right{
		float: none;
		padding: 0;
		margin: 0 auto;
		width: 100%;
		text-align: center;
	}
	.image-right img{width: 400px;}

	/* 内容2,4 */
	.tsuyomi-right{
		background-color: #fff;
		padding: 2em;
		float: none;
		height: auto;
	}
	h3.reason-h-r{margin-top: 0;}
	h3 span.reason-no-r{padding: 1px 12px;}
	.messed-right{
		float: none;
		width: 100%;
	}
	.image-left{
		float: none;
		padding: 0;
		margin: 0 auto;
		width: 100%;
		text-align: center;
	}

	/* 詳しく見るボタン */
	.more{
		color: #fff;
		background-color: #404040;
		border-radius: 5px;
		padding: .5em 1em;
		margin: 0 auto;
	}
	.more-btn{
		display: inline-block;
 		text-align: center;
 		width: 100%;
 		margin: 2.5em 0 1em 0;
 	}
 	div#reason-2,div#reason-4{margin-left: 0;}/* 2,4のマージン調整 */
 	.tsuyomi-right .more{margin-left: 0;}/* 2,4のマージン調整 */
 
/* トータルコスト削減のご提案
------------------------------------------------------------*/
	.total-cost{
		background: #78bd2c;
		padding: 1em 1em 2em 1em;
	}
	.total-cost-txt{
		color: #fff;
		width: 100%;
		margin: 0 auto;
	}
	.more-btn2{margin: 0;}

/* 浸透式着色法に対応している樹脂
------------------------------------------------------------*/
	.txt-c{text-align: center;}
	.taiou-jushi{
		width: 90%;
		margin: 0 auto;
	}
	.taiou-jushi th{text-align: left;}

	/* PC版 表回り込み *//* 解除 */
	.pc-f{
		float: none;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	/* 汎用樹脂 */
	.hanyo-jushi{
		background-color: #ffe3e3;
		padding: .2em 1em 1em 1em;
		width: 100%;
		float: none;
		margin-bottom: 1em;
		margin-left: auto;
		margin-right: auto;
	}
	/* エンプラ */
	.enpura{
		background-color: #e3f5ff;
		padding: .2em 1em 1em 1em;
		margin-left: 0;
	}
	/* スーパーエンプラ */
	.super-en{
		background-color: #eee3ff;
		padding: .2em 1em 1em 1em;
		margin-top: 1em;
		margin-left: 0;
	}
	/* その他の樹脂 */
	.other-j{
		background-color: #e5ffe3;
		padding: .2em 1em 2.6em 1em;
		width: 100%;
		float: none;
		margin-top: 1em;
		margin-left: auto;
		margin-right: auto;
	}

/* お問い合わせブロック
------------------------------------------------------------*/
	.toi-b-txt{padding: 1em}
	.toi-tel{width: 90%;}
	.toi-telnb{font-size: 40px;}
	.toi-telnb a{color: #fff;}
	.toi-b2{
		width: 90%;
		font-size: 23px;
	}
	.toi-b2 a{color: #fff;}
	.toi-qa{margin-left: 0;}
	.toi-foam{
		margin-right: 0;
		margin-left: 0;
	}

/* フッター
----------------------------------*/
	.footerContact{display: none;}
	.copyright{height: 75px;}/* ボトムナビゲーション分高さ */
	.sub-footer-sp{padding-left: 0;}/* フッターリンクの文字配置調整 */
}

/* スマホ用
------------------------------------------------------------*/
@media only screen and (max-width:940px){
	#about{
		margin:0 auto;
		padding:30px;
		width:100%;
		height: 100%;
		background: #f4f4f4;
	}
	#about .about-left{float: none;}
	#about .about-right{
		float: none;
		width: 90vw;
	}
	#aboutImg img{display: none;}
	#consul{width: 90vw;}
}

@media only screen and (max-width:630px){
	/* 画像サイズ調整 */
	.image-left img{width: 300px;}
	.image-right img{width: 300px;}
}

@media only screen and (max-width:500px){
	body{font-size: 16px;}/* フォントサイズ */
	/* レスポンシブ改行 */
	.br-pc{display: none;}
	.br-sp{display: block;}
	.about-pr{
		font-size: 25px;
		margin: 10px 0 25px 30px;
	}
	/* MTPプラスチック染色とは */
	h2.txt-c.sp-h{
		font-size: 20px;
		padding: 1em .5em;
	}
	/* MTPプラスチック染色部分の全体幅*/
	.tsuyomi{
		max-width: 1500px;
		width: 100%;
		margin-bottom: 3em;
	}
	h3.tsuyomi-h{font-size: 18px;}
	h3 span.reason-no-l{top: 12%;}
	h3 span.reason-no-r{top: 12%;}
	ul.tsuyomi-u{padding-left: 1em;}
	/* 内容1,3,5 */
	.tsuyomi-left,.tsuyomi-left-3,.tsuyomi-left-5{
		background-color: #ececec;
		padding: 4em 1.2em;
		float: none;
	}
	.messed-left{
		float: none;
		width: 100%;
	}
	.image-right{
		float: none;
		padding: 0;
		width: 100%;
		margin: 0 auto;
	}
	/* 内容2,4 */
	.tsuyomi-right{
		background-color: #fff;
		padding: 4em 1.2em;
		float: none;
	}
	.messed-right{
		float: none;
		width: 100%;
	}
	.image-left{
		float: none;
		padding: 0;
		width: 100%;
		margin: 0 auto;
	}
	.total-cost-txt{text-align: left;}/* トータルコスト削減のご提案 */
	.toi-telnb{font-size: 32px;}/* お問い合わせブロック */
	#bottom-navi{
		font-size: 12px;
	}
}

@media only screen and (max-width:360px){
	#office{width: 240px;}
	/* ロゴと会社名 */
	span.logoandname-sp img{
		width: 240px;
		margin-top: auto;
		margin-bottom: auto;
		}
}