@charset "utf-8";
/* レスポンシブ対応CSS */


/*--------------------------------------------------
	レイアウト
		各パーツの幅を指定しています。
		.containerはヘッダー、メイン、フッターに共通で使用。
		レイアウトの枠組み部分となりますので、サイズを変更する場合は慎重に！
----------------------------------------------------*/

/* 979px以下（iPadまで）の場合 */
/* 1カラム、グローバルナビ1段 */
@media only screen and (max-width: 980px) {
	.container {
		width: 100%;
		padding: 0;
		box-sizing: border-box;
	}
	#footer {
		padding-bottom: 0;
	}
} /* /@media */

/* 640px以下(スマホ）の場合 */
/* １カラム、フッターナビアコーディオン */
@media only screen and (max-width: 640px) {
	body {
		line-height: 1.6;
	}
	.container {
		padding: 0;
	}
	.pc { display: none; }
	.sp { display: inline-block; }
} /* /@media */

/*--------------------------------------------------
	2カラム：画像付きのレイアウト
----------------------------------------------------*/
/* 640px以下(スマホ）の場合 */
/* １カラム、グローバルナビアコーディオン */
@media only screen and (max-width: 640px) {
	.photo { width: 100%; float: none; }
	.detail {
		width: 100%;
		padding-left: 0;
		margin-top: 20px;
	}
}
/*----------------------------------------------
	各パーツデザイン
		レイアウト用のものと同名で、デザイン部分のみ指定するセレクタには接頭辞(d-)を付けています。
		テーマカラーの設定に関するものには接頭辞(th-)を付けています。カラー変更の際参考にしてください。
----------------------------------------------*/

/* header
-----------------------*/


/* 1カラム、グローバルナビ1段 */
@media only screen and (max-width: 980px) {
	.header-top-logo-pc {
		margin: 0;
		padding: 5px 0 0 5px;
	}
	.header-top-logo-name {
		padding: 51px 0 0 0;
	}
	.header-top__right { width:86%; }

	.header-top > .container {
		padding:0;
		height: auto;
	}
	.header-top__right:after {
		display: block;
		content: "";
		clear: both;
	}

	#menu,
	.mini-nav{display:none;}

/*---------- Hamburger Menu ----------*/
	.menu-sp {
		background:transparent url(../img2/menubtn.png) no-repeat 0 0;
		background-size:160px auto;
		display: block;
		width:80px;
		height: 80px;
		position: absolute;
		top:0px;
		right:0px;
		cursor: pointer;
		z-index: 200;
	}
	.peke {
		background-position: -80px 0;
	}
	.drawr {
		display: none;
		background-color:rgba(255,255,255,0.9);
		position: absolute;
		top: 0px;
		right:0;
		width:50%;
		padding:80px 0 20px;
		z-index: 100;
	}


/* ヘッダーメニュー　アコーディオン */
	.drawr .a_item{
		color:#333;
		padding:10px 10px 10px 20px;
		cursor:pointer;
		border-bottom: 1px solid #CCC;
		text-align:left;
		font-size:1.5rem;
		background:url(../img2/maru.png) no-repeat 0.5rem 50%;
	}

	.drawr .a_contents{
		display:none;
		text-align:left;
		background-color:#FFF;
	}
	.drawr .a_contents li{
		list-style-type:none;
		margin:0;
		padding:8px;
		font-size:1rem;
		border-bottom:1px solid #DDD;
	}

	.drawr .no-tgl{
		color:#333;
		padding:10px 10px 10px 20px;
		cursor:pointer;
		border-bottom: 1px solid #CCC;
		text-align:left;
		font-size:1.5rem;
		background:url(../img2/maru.png) no-repeat 0.5rem 50%;
	}

} /* /@media */


/* 767px以下(スマホ大きめ）の場合 */
/* １カラム */
@media only screen and (max-width: 768px) {
	#header {height:60px;}
	.header-top-logo-pc { display: none; }
	.header-top-logo-sp {
		margin: 0;
		padding: 10px 0 0 10px;
		display: inline-block;
	}
	.header-top-logo-name {
		margin: 0;
		padding: 32px 0 0 12px;
	}
	.header-top__right {
		float: none;
		height:60px;
		width: 100%;
	}

/*---------- Hamburger Menu ----------*/
	.menu-sp {
		background-size:120px auto;
		width:60px;
		height: 60px;
	}
	.peke {
		background-position: -60px 0;
	}
	.drawr {
		padding:60px 0 20px;
	}

	/* ヘッダーメニュー　アコーディオン */
	.drawr .a_item,
	.drawr .no-tgl{
		font-size:1rem;
	}
	.drawr .a_contents li{
		font-size:0.8rem;
	}

}

/* 640px以下(スマホ）の場合 */
/* １カラム、フッターナビアコーディオン */
@media only screen and (max-width: 640px) {
	#header {
		height:60px;
	}
	.header-top-logo-sp {
		padding-left:1%;
	}
	.header-top-logo-name {
		padding-left:2%;
	}
	.header-top__right {
		height: auto;
	}

/* ヘッダーメニュー　アコーディオン */
	.drawr {width:70%;}

	.drawr .a_item,
	.drawr .no-tgl{
		font-size:0.7rem;
	}
	.drawr .a_contents li{
		font-size:0.5rem;
	}

} /* /@media */



/* mainpic スライドはslide-loop.cssに記載
----------------------------------------------*/


/* 979px以下（iPadまで）の場合 */
/* 1カラム、グローバルナビ1段 */
@media only screen and (max-width: 980px) {
	.mainpic {
		background-position: center bottom;
	}
} /* /@media */

/* 640px以下(スマホ）の場合 */
/* １カラム、フッターナビアコーディオン */
@media only screen and (max-width: 640px) {
	.mainpic {
		background: none;
		height: auto;
		min-height: 100px;
	}
} /* /@media */



/* 979px以下（iPadまで）の場合 */
/* 1カラム、グローバルナビ1段 */
@media only screen and (max-width: 980px) {
	.menubana__box {
		padding-left:20px;
		width: 50%;
	}
	.menubana__box-right {
		padding-right:20px;
		margin-right: 0;
	}
	.menubana__box-cols {padding:0 20px;}
} /* /@media */

/* 640px以下(スマホ）の場合 */
/* １カラム、フッターナビアコーディオン */
@media only screen and (max-width: 640px) {
	.menubana {
		padding-left: 15px;
		padding-right: 15px;
	}
	.menubana__box {
		padding-left: 0;
		width: 50%;
	}
	.menubana__box-right {
		padding-right: 0;
	}
	.menubana__box-cols {padding:0;}

} /* /@media */

/* メインコンテンツ ボックス */


/* 979px以下（iPadまで）の場合 */
@media only screen and (max-width: 980px) {
	.section {
		padding-top: 20px;
		padding-bottom: 30px;
	}
	.section__in {
		margin: 20px 60px 0;
	}

	.main-wrap {
		background-image:none;
	}
} /* /@media */

/* 640px以下(スマホ）の場合 */
/* １カラム、フッターナビアコーディオン */
@media only screen and (max-width: 640px) {
	.section {
		padding-top: 0;
		padding-bottom: 30px;
	}
	.section__in {
	margin: 20px 20px 0 20px;
	}

	.main-wrap {
		background-image:none;
	}
} /* /@media */










/* 記事タイトル*/
/* 979px以下（iPadまで）の場合 */
@media only screen and (max-width: 980px) {
	.news {
		height:auto;
		overflow:visible;
	}
	.section-title {
		display: block;
		padding: 11px 20px;

		width: 100%;
		font-size: 18px;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.th-section-title {
		width:auto;
		height: 80px;
		font-size: 30px;
		padding: 25px 0 0;
		margin:0 20px;
	}
	.section-title:after {
		display: none;
	}
	.section-title__sub { /* サブタイトル */
		display: inline-block;
		margin-left: 0;
		padding-left: 10px;
	}
} /* /@media */


/* トップ新着情報 */

@media only screen and (max-width: 980px) {
	.grid01 {
		width:100%;
		padding:0px;
		box-sizing:border-box;
	}
} /* /@media */

@media only screen and (max-width: 640px) {
	.news .day,
	.news-subpage .day {
		float:none;
		width: 100%;
		margin:0;
		padding-right:15px;
		box-sizing:border-box;
		color:#333;
		font-size:70%;
	}
	.news .title,
	.news-subpage .title {
		float:none;
		width: 100%;
		margin:0;
		padding:0;
	}

}

/* footer
-------------------------------------------------- */



/* フッターナビ */
/* 767px以下(スマホ大きめ）の場合 */
/* １カラム */
@media only screen and (max-width: 768px) {
/* credit,copy
-------------------------------------------------- */
	.copywrap {
		background-color:#FFF;
		border-bottom: 5px solid #07375F;
		padding:0 20px;
	}
	.copy-left {float:none; width:100%;}
	.copy {
		font-size: 14px;
		margin-top: 40px;
		text-align:center;
	}
	.copy span { display:block; font-size:70%; color:#DDD;}

	.fnaviend{
		width:100%;
		padding: 10px 0 40px;
		float:right;
		text-align: center;
	}
	.fnaviend img {
		width:10%;
		height:auto;
	}

} /* /@media */

/* 640px以下(スマホ）の場合 */

@media only screen and (max-width: 640px) {
	.fnavi{display:none;}

/* フッター　アコーディオン */
	.a_container{
		display:block;
	}
	.a_item{
		color:#fff;
		padding:10px;
		cursor:pointer;
		border-bottom: 1px solid #09477B;
	}

	.a_contents{
		display:none;
		background-color:#09477B;
	}
	.a_contents li{
		margin:0;
		padding:8px;
		font-size:11px;
		border-bottom:1px solid #326691;
	}
	.a_contents li a {
		display: block;
	}

	.a_container .no-tgl{
		color:#fff;
		padding:10px;
		cursor:pointer;
		border-bottom: 1px solid #09477B;
	}

} /* /@media */

/*--------------------------------------------------
	汎用パーツ
		ボタンや、リスト項目のデザイン、小見出しのデザインなど、
		サイト内でくり返し使用可能なものをまとめておきます。
----------------------------------------------------*/

/* 767px以下(スマホ大きめ）の場合 */
/* １カラム */
@media only screen and (max-width: 768px) {
	/* 画像調整 */
	img.sp-full {
		width: auto;
		height: auto;
		max-width: 100%;
	}
	.double-box {
		width: 100%;
	}
}

/* 640px以下(スマホ）の場合 */
/* １カラム、フッターナビアコーディオン */
@media only screen and (max-width: 640px) {
	/* 画像調整 */
	img.sp-full2 {
		width: auto;
		height: auto;
		max-width: 100%;
	}
	.btn--size-m {
		margin: 0 auto;
		padding: 10px 20px;
		width: 80%;
	}
	.btn--more-news {
		height: 42px;
		font-size: 1em;
	}
/*--- 1:1のカラムレイアウト ---*/
	.colum2sec {
		width: 100%;
		padding: 0;
	}
	.colum2sec:nth-of-type(even) {
		padding: 0;
	}
/*--- 2:1のgridレイアウト ---*/
	.grid-r { padding-left: 0; }
	.grid-l { padding-right: 0; }

	.grid3_1 { width: 100%; }
	.grid3_2 { width: 100%; }

/* 汎用tableスタイル */
	.general_tbl th,
	.general_tbl td {
		display: block;
		width: 100%;
		box-sizing: border-box;
		text-align: left;
	}
	.general_tbl th {
		font-size: 16px;
		font-weight: 700;
	}
	.general_tbl td {
		padding-bottom: 15px;
		border-bottom: none;
	}
	.multi-detail th,
	.multi-detail td {
		display: table-cell;
		width: auto;
	}
	.multi-detail th {
		font-size: 15px;
		font-weight: 500;
	}
	.multi-detail td {
		padding-bottom: 5px;
		border-bottom: 1px solid #CCC;
	}

/* パネル式のリンク */
	.panel {
		font-size: 18px;
		padding: 10px;
		text-align: left;
	}
	.panel:before {
		display: none;
	}
	.panel:after {
		display: block;
		border: 0;
		width: auto;
		border: 4px solid transparent;
		border-top: 4px solid #37D078;
		border-right: 4px solid #37D078;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		margin-top: -4px;
		right: 10px;
	}

/* リストデザイン：2カラム */
	.colum2list li {
		width: 100%;
	}

/* シンプルなリスト */
	.simple-list {
		margin-left: 30px;
	}

/* 画像調整 */
	img.sp-half {
		width: 50%;
		height: auto;
	}

/*--- お問合わせ ---*/
	input[type="text"],
	input[type="password"],
	input[type="datetime"],
	input[type="datetime-local"],
	input[type="date"],
	input[type="month"],
	input[type="time"],
	input[type="week"],
	input[type="number"],
	input[type="email"],
	input[type="url"],
	input[type="search"],
	input[type="tel"],
	input[type="color"],
	select,
	textarea,
	.field {
		display: block;
		padding: 0 10px;
		margin-bottom: 4px;
		font-size: 15px;
		line-height: 1.6;
		vertical-align: middle;
		box-shadow: none;
		width: 100%;
		box-sizing: border-box;
		max-width: 400px;
	}
} /* /@media */



/* 下層ページ　(2カラム構造) */

@media only screen and (max-width: 1060px) {
	.container {
		width: 100%;
		padding-bottom:20px;
	}

	#mpwrap-subpage {
		display:none;
	}
	.mainpic p {
		width:100%;
	}

	#breadcrumb {
		background: #37D078;
		border-top: 1px solid #2CBA68;
		border-bottom: 1px solid #FFF;
		padding: 9px 20px;
		margin-bottom: 20px;
	}
	#breadcrumb li {
		color: #DFD;
	}
	#breadcrumb a {
		color: #FFF;
	}
	#right-column {
		width:auto;
		margin:0 20px;
		float:none;
	}

	#left-column {
		width:auto;
		margin:0 20px;
		float:none;
	}

	.smenuwrap {
		width:100%;
		margin:0;
	}

} /* /@media */

/*-------------------------
	IR情報
---------------------------*/

/* IR情報吐出し調整
=====================*/

/* 767px以下(スマホ大きめ）の場合 */
/* １カラム */
@media only screen and (max-width: 768px) {
	.ir-page div#ir_library dt {
		position: inherit !important;
		width: 100% !important;
		padding: 10px 0 5px 0 !important;
	}
	.ir-page div#ir_library dd {
		padding: 0 0 10px 0 !important;
	}
	div#yuhoTable td, div#mkr td {
		border: none !important;
	}

	div#yuhoTable td.yuhotitle, div#mkr td.yuhotitle,
	div#yuhoTable td.yuhopdf, div#mkr td.yuhopdf {
		display: block !important;
		width: 100% !important;
		box-sizing: border-box !important;
	}
	div#yuhoTable td.yuhopdf, div#mkr td.yuhopdf {
		border-bottom: 1px solid #CCC !important;
	}
}
/* 640px以下(スマホ）の場合 */
/* １カラム、フッターナビアコーディオン */
@media only screen and (max-width: 640px) {
	/*--- TOP NEWS共通 ---*/
	.news .day,
	.news-subpage .day {
		float:none;
		width: 100%;
		margin:0;
		padding-right:15px;
		box-sizing:border-box;
		color:#333;
		font-size:70%;
	}
	.news .title,
	.news-subpage .title {
		float:none;
		width: 100%;
		margin:0;
		padding:0;
	}
	/*--- IR用調整 ---*/
	#ir_library,
	.ir-calendar {
		padding: 10px 15px;
	}
	.ir-page .news .day {
		padding-left: 0;
	}
	.ir-page .news .title {
		padding-right: 0;
	}

	.ir-page div#ir_library dt {
		float:none;
		width: 100%;
		margin:0;
		padding-right:15px;
		box-sizing:border-box;
		color:#333;
		font-size:70%;
	}
	.ir-page div#ir_library dd {
		float:none;
		width: 100%;
		margin:0;
		padding:0 0 5px 0;
	}
	/*--- 財務ハイライト ---*/
	.highlight {
		padding:10px 15px;
	}
	.highlight-nav td {
		display: block;
		width: 100%;
		padding: 2px 0 2px 15px;
	}

	/*--- 株式情報 ---*/
	.ir-stock {
		padding: 0;
	}
	/*--- IRお問い合わせ ---*/
	.ir-inquiries {
		padding: 30px 15px;
	}
} /* /@media */


/*-------------------------
	事業概要
---------------------------*/

/* 979px以下（iPadまで）の場合 */
@media only screen and (max-width: 980px) {
	.service .text-wrap {
		margin: 30px auto 0;
		width: 100%;
	}
	.service .text-wrap p {
		display: block;
		width: 33.3333%;
		box-sizing: border-box;
		padding: 0 9px;
		float: left;
	}
	.service .text-wrap img {
		width: 100%;
		height: auto;
	}
}

/* 640px以下(スマホ）の場合 */
/* １カラム、フッターナビアコーディオン */
@media only screen and (max-width: 640px) {
	.service .box {
		padding: 1em 1em 2em;
	}
	.service .text-wrap {
		margin: 30px auto 0;
		width: 100%;
	}
	.service .text-wrap p {
		display: block;
		width: 100%;
		box-sizing: border-box;
		padding: 0;
		float: none;
	}
	.agri-list li {
		margin: 0 0 0.6em 20px;
	}
	.agri-list ul > li {
		margin: 0 0 0 20px;
		list-style: disc;
	}
	.agri-list .point3 .colum2sec {
		padding-bottom: 0;
	}
}

/* 640px以下(スマホ）の場合 */
/* １カラム、フッターナビアコーディオン */
@media only screen and (max-width: 640px) {

	.seminar .box {
		padding: 4px 1em 20px;
	}
	.seminar table {
		width: 100%;
	}
	.seminar table th,
	.seminar table td {
		display: block;
		width: 100%;
		box-sizing: border-box;
		text-align: left;
	}
	.seminar table th {
		padding-top: 15px;
		border-bottom: 2px solid #10ABAB;
		font-size: 16px;
		font-weight: 700;
	}
	.seminar table td {
		border-bottom: none;
	}

/*--- セミナー情報 ボタン ---*/
	.seminar .panel {
		padding-right: 20px;
	}
	.seminar .panel:after {
		content: "";
		display: block;
		border: 0;
		width: auto;
		border: 4px solid transparent;
		border-top: 4px solid #10ABAB;
		border-right: 4px solid #10ABAB;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		margin-top: -4px;
		right: 10px;
	}
	/*--- セミナー詳細 ---*/
	.seminar .general_tbl th {
		vertical-align: middle;
		width: 100%;
	}
	.seminar .general_tbl td {
		width: 100%;
	}


}
/*-------------------------
	会社情報
---------------------------*/
/* 767px以下(スマホ大きめ）の場合 */
/* １カラム */
@media only screen and (max-width: 768px) {

	/*--- 環境指針 ---*/
	/*--- 品質方針 ---*/
	/*--- 個人情報保護方針 ---*/
	.envi-list,
	.qual-list,
	.privacy-list {
		width: 100%;
		max-width: 680px;
	}
	/*--- オフィス環境 ---*/
	.kankyo .colum2sec {
		width: 100%;
		padding: 0;
	}
	.kankyo .colum2sec:nth-of-type(even) {
		padding: 0 10px;
	}

} /* /@media */

/* 640px以下(スマホ）の場合 */
/* １カラム、フッターナビアコーディオン */
@media only screen and (max-width: 640px) {

	/*--- 会社概要 ---*/
	.corp-tblwrap {
		padding: 0;
	}
	.corp-link {
		padding: 15px;
	}
	.corp-link li {
		padding: 5px 0;
		border-bottom: 1px solid #CCC;
	}
	/*--- 沿革 ---*/
	.history {
		padding: 0;
	}
	.history .general_tbl th {
		width: 100%;
		vertical-align: bottom;
		text-align: left;
	}
	.history .general_tbl td {
		width: 100%;
	}
	/*--- 行動指針 ---*/
	.guideline .title1 {
		margin: 0.6em auto;
		width: 100%;
		max-width: 335px;
	}
	.shishin {
		margin: 0 auto;
		width: 100%;
		max-width: 335px;
	}
	.guideline_txt1 { text-align: left; }

	/*--- 環境方針 ---*/
	.envi-list {
		padding: 15px;
	}
	/*--- 品質方針 ---*/
	.qual-list {
		padding: 15px;
	}
	/*--- 情報セキュリティ方針 ---*/
	.isms-list {
		margin-left: 20px;
	}
	.isms-list .child {
		list-style: none;
		margin-left: 10px;
	}

	/*--- 個人情報保護方針 ---*/
	.privacy .pmark img {
		width: 100%;
		height: auto;
	}
	.privacy .pmark {
		width: 23%;
		max-width: 120px;
	}
	.privacy-list {
		padding: 15px;
	}
	.privacy_tbl {
		font-size: 14px;
	}
	.privacy_tbl thead td{
		padding: 6px 10px 4px;
	}
	.privacy_tbl tbody th,
	.privacy_tbl tbody td {
		padding: 6px 10px 5px;
	}
	.privacy_tbl tbody th {
		width: 5em;
	}
	.box-privacy {
		padding: 1px 15px 15px;
		width: auto;
	}
	/*--- 一般事業主行動計画 ---*/
	.geap .plan ul {
		margin-left: 20px;
	}
	/*--- アクセスマップ ---*/
	.map_tbl td {
		width: 100%;
		padding: 5px 0;
		display: block;
	}
	.access_detail {
		padding: 0;
	}
	.access_detail ul {
		margin-left: 20px;
	}
	.access_detail li {
		margin-bottom: 10px;
	}

} /* /@media */


/*-------------------------
	CMMI導入コンサルティング
---------------------------*/
/* 640px以下(スマホ）の場合 */
/* １カラム、フッターナビアコーディオン */
@media only screen and (max-width: 640px) {
	.cmmi {
		padding: 0;
	}
	.cmmi .box {
		padding: 1em 1em 2em;
	}
	.cmmi-nav {
		width: 100%;
		text-align: left;
	}
	.cmmi-nav td {
		display: block;
		width: 100%;
		padding: 2px 0 2px 15px;
		font-size: 15px
	}
	.cmmi .mini_tbl td {
		display: table-cell;
		width: auto;
		padding: 6px 5px;
		min-width: 3em;
		border-bottom: 1px solid #CCC;
	}
	.cmmi dd {
		margin-left: 20px;
	}
}


/*-------------------------
	Automotive SPICE
---------------------------*/
/* 640px以下(スマホ）の場合 */
/* １カラム、フッターナビアコーディオン */
@media only screen and (max-width: 640px) {
	.aspice {
		padding: 0;
	}
	.aspice .box {
		padding: 1em 1em 2em;
	}
}


/*-------------------------
	製品
---------------------------*/
/* 979px以下（iPadまで）の場合 */
/* 1カラム、グローバルナビ1段 */
@media only screen and (max-width: 980px) {
	.product img.sp-full {
		width: auto;
		height: auto;
		max-width: 100%;
	}
}
/* 640px以下(スマホ）の場合 */
/* １カラム、フッターナビアコーディオン */
@media only screen and (max-width: 640px) {
	.product .box {
		padding: 4px 1em 20px;
	}
	.smartpickup .detail {
		padding-left: 20px;
	}
	.smartpickup2 li .left {
		margin-right: 0;
	}
	.smartpickup2 li .right {
		margin-left: 0;
	}
}

/*-------------------------
	導入事例
---------------------------*/
/* 767px以下(スマホ大きめ）の場合 */
/* １カラム */
@media only screen and (max-width: 768px) {
	.cases .nav {
		width: 100%;
	}
	.cases .nav li {
		margin: 1px 0 0;
		list-style: none;
		font-size: 13px;
	}
	.cases .nav a {
		margin: 0;
	}
	.cases .nav a span {
		margin-right: 10px;
		padding: 5px 10px;
		width: 70%;
		height: 100%;
	}
} /* /@media */

/* 640px以下(スマホ）の場合 */
/* １カラム、フッターナビアコーディオン */
@media only screen and (max-width: 640px) {
	.cases .box {
		padding: 20px 1em 1px;
	}
	.cases-wrap p {
		padding: 0 0.61em;
	}
	.cases .panel {
		padding-right: 20px;
		font-size: 16px;
	}
	.cases .panel:after {
		content: "";
		display: block;
		border: 0;
		width: auto;
		border: 4px solid transparent;
		border-top: 4px solid #10ABAB;
		border-right: 4px solid #10ABAB;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		margin-top: -4px;
		right: 10px;
	}

	.cases .photo {
		width: 100%;
		margin-bottom: 10px;
		text-align: center;
	}
	.cases .photo > img {
		max-width: 100%;
		height: auto;
	}
	.cases .caption {
		margin-left: 0;
		margin-bottom: 20px;
	}
	.cases .caption .title {
		margin: 10px 0;
		padding: 0 10px;
	}
	.cases .caption p {
		margin: 0 10px;
		font-size: 14px;
	}
}


/*-------------------------
	取扱製品
---------------------------*/
/* 979px以下（iPadまで）の場合 */
/* 1カラム、グローバルナビ1段 */
@media only screen and (max-width: 980px) {
	.supplier img.sp-full {
		width: auto;
		height: auto;
		max-width: 100%;
	}
}
/* 640px以下(スマホ）の場合 */
/* １カラム、フッターナビアコーディオン */
@media only screen and (max-width: 640px) {
	.supplier .box {
		padding: 4px 1em 20px;
	}
	.sophos-txt {
		float: none;
		padding-left: 0;
		width: 100%;
	}
	.sophos3 .left {
		float: none;
		margin: 0 auto;
		padding-right: 0;
		text-align: center;
	}
	.sophos3-txt {
		margin-left: 0;
	}
}


/*-------------------------
	サイトマップ_sitemap
---------------------------*/
/* 640px以下(スマホ）の場合 */
/* １カラム、フッターナビアコーディオン */
@media only screen and (max-width: 640px) {
	.sitemap-menu > li {
		padding: 0;
		margin-bottom: 1em;
	}
	.sitemap-menu .children {
		margin: 6px 10px;
	}
}