@charset "utf-8";
/* !clearfix
---------------------------------------------------------- */
#indexProductInfo01 ul, #indexProductInfo01 ul li .btnBox01, #indexLinkBox01 ul, .h2_index_01Wrap, .indexNewsList01 li a, .indexNewsList01 li .inner, .indexUpdateList01, .indexUpdateList01 li a, .indexBox01Wrap .indexBnrList01 li .inner {
	display: block;
	min-height: 1%;
}
#indexProductInfo01 ul:after, #indexProductInfo01 ul li .btnBox01:after, #indexLinkBox01 ul:after, .h2_index_01Wrap:after, .indexNewsList01 li a:after, .indexNewsList01 li .inner:after, .indexUpdateList01:after, .indexUpdateList01 li a:after, .indexBox01Wrap .indexBnrList01 li .inner:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

/* !index.html
---------------------------------------------------------- */
@media screen and (max-width: 979px) {
#wrapper {
	padding-bottom: 65px;
}
}

@media screen and (max-width: 767px) {
#wrapper {
	padding-bottom: 0;
}
}
#main {
	padding-bottom: 0;
}
/* スライダー */
#indexSlider01Wrap{
	height: 32.03125vw;
	max-height: 410px;
	background-image: url(/images/home/mainBotBk.gif);
	background-size: auto;
}
#indexSlider01 {
	width: 100%;
	height: auto;
	max-height:410px;
	background-color: #fff;
}
#indexSlider01 .slider {
}
#indexSlider01 .bxslider li {
	margin: 0 auto;
	max-width: 1280px;
	position: relative;
	opacity: 1;
	-ms-filter: "alpha(opacity=100)";
	filter: alpha(opacity=100);
}
#indexSlider01 .bx-wrapper ul li a{
	display: block;
}

#indexSlider01 .bxslider li a .btn {
	display: table;
	width: 160px;
	height: 42px;
	position: absolute;
	right: 36px;
	bottom: 7.8048%;
	opacity: 0.85;
	-ms-filter: "alpha(opacity=85)";
	filter: alpha(opacity=85);
}
#indexSlider01 .bxslider li a:hover .btn {
	opacity: 1;
	-ms-filter: "alpha(opacity=100)";
	filter: alpha(opacity=100);
}

#indexSlider01 .bxslider li a .btn span {
	display: table-cell;
	padding: 11px 15px 9px 36px;
	text-align: center;
	vertical-align: middle;
	background: #000 url(/common/images/ico_arrow_l01.png) no-repeat 15px center;
	color: #fff;
	font-weight: bold;
	opacity: 0.85;
	-ms-filter: "alpha(opacity=85)";
	filter: alpha(opacity=85);
}

#indexSlider01 .bxslider li a:hover .btn span{
	opacity: 1;
	-ms-filter: "alpha(opacity=100)";
	filter: alpha(opacity=100);
}

@media screen and (max-width: 979px) {
#indexSlider01 .bxslider li a .btn {
	bottom: 9.35%;
	right: 18px;
}
}

@media screen and (max-width: 767px) {
#indexSlider01Wrap{
	height: calc((200/375)*100vw);
	max-height: none;
}
	/*あとから消す*/
	#indexSlider01Wrap .bx-wrapper{
		height: calc((200/375)*100vw);
		overflow: hidden;
	}
	#indexSlider01Wrap .bx-wrapper img{
		height: calc((200/375)*100vw);
	}
	/*あとから消す*/
	
#indexSlider01 .bxslider li a .btn {
	display: none;
}
}
/* 製品情報 */
#indexProductInfo01Wrap {
	padding: 28px 0 26px;
	width: 100%;
	background: url(/common/images/bg_index_products_01.gif) repeat left top;
	background-size: 100px 100px;
}
#indexProductInfo01 {
	margin: 0 auto;
	width: 980px;
}
#indexProductInfo01 h1 {
	color: #ccc;
	font-weight: bold;
	font-size: 171.42%;
}
#indexProductInfo01 ul {
	margin: 20px -20px 0 0;
}
#indexProductInfo01 ul li {
	float: left;
	padding-right: 20px;
	width: 25%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#indexProductInfo01 ul li .btnBox01 {
	display: block;
	text-decoration: none;
}
#indexProductInfo01 ul li .btnBox01 .img img {
}
#indexProductInfo01 ul li .btnBox01 .txtBox {
	display: table;
	width: 100%;
	background-color: #222;
	color: #fff;
}
#indexProductInfo01 ul li .btnBox01:hover .txtBox {
	background-color: #444;
}
#indexProductInfo01 ul li .btnBox01 .txtBox .inner {
	display: table-cell;
	padding-left: 14px;
	height: 50px;
	vertical-align: middle;
}
#indexProductInfo01 ul li .btnBox01 .inner .tit {
	padding: 6px 0 2px 15px;
	background: url(/common/images/header/ico_header_arrow02.png) no-repeat left 54%;
	font-size: 114.28%;
	line-height: 1.2;
}
#indexProductInfo01 ul li .btnBox01 .inner .titM {
	font-size: 100%;
}
#indexProductInfo01 ul li .btnBox01 .inner .titM span {
	font-size: 80%;
}
#indexProductInfo01 ul li .btnBox01 .inner .titM .ico {
	margin-left: 0;
}

@media screen and (max-width: 979px) {
#indexProductInfo01 {
	margin: 0 auto;
	width: 650px;
}
#indexProductInfo01 ul {
}
#indexProductInfo01 ul li {
}
#indexProductInfo01 ul li .btnBox01 {
}
#indexProductInfo01 ul li .btnBox01 .inner {
}
#indexProductInfo01 ul li .btnBox01 .inner .tit {
	font-size: 100%;
}
#indexProductInfo01 ul li .btnBox01 .inner .titM span {
	font-size: 85.71%;
}
}

@media screen and (max-width: 979px) and (min-width: 768px) {
#indexProductInfo01 ul li .btnBox01 .inner .titM {
	padding-left: 0;
	background: url(/common/images/header/ico_header_arrow02.png) no-repeat left 7px;
	font-size: 100%;
	text-indent: 1em;
}
}

@media screen and (max-width: 767px) {
#indexProductInfo01Wrap {
	padding: 0;
}
#indexProductInfo01 {
	width: 100%;
	padding: 5px 10px 12px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
#indexProductInfo01 h1 {
	font-size: 121.42%;
}
#indexProductInfo01 ul {
	margin: 4px 0 0;
}
#indexProductInfo01 ul li {
	float: none;
	margin: 10px 0 0 0;
	padding-right: 0;
	width: 100%;
}
#indexProductInfo01 ul li:first-child {
	margin-top: 0;
}
#indexProductInfo01 ul li .btnBox01 {
	display: table;
	width: 100%;
	background-color: #222;
	overflow: hidden;
}
#indexProductInfo01 ul li .btnBox01:after {
	content: "";
}
#indexProductInfo01 ul li .btnBox01 .img {
	display: table-cell;
	width: 38.33%;
}
#indexProductInfo01 ul li .btnBox01 .txtBox {
	display: table-cell;
	width: 61.67%;
	vertical-align: middle;
}
#indexProductInfo01 ul li .btnBox01:hover .txtBox {
	background-color: #222;
}
#indexProductInfo01 ul li .btnBox01 .txtBox .inner {
	display: block;
	padding-left: 6.25%;
	height: auto;
}
#indexProductInfo01 ul li .btnBox01 .inner .tit {
	padding: 2px 0 0 15px;
	font-size: 114.28%;
}
#indexProductInfo01 ul li .btnBox01 .inner .titM {
	font-size: 107.14%;
}
#indexProductInfo01 ul li .btnBox01 .inner .titM span {
	font-size: 80%;
}
}
/* リンク */
#indexLinkBox01Wrap {
	padding: 18px 0;
	background-color: #f0f0f0;
}
#indexLinkBox01 {
	margin: 0 auto;
	width: 980px;
	border-left: 1px solid #ccc;
	position: relative;
	left: 2px;
}
#indexLinkBox01 ul {
	display: table;
	width: 100%;
	border-left: 1px solid #858585;
}
#indexLinkBox01 li {
	display: table-cell;
	width: 25.7%;
	border-right: 1px solid #ccc;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #f0f0f0;
}
#indexLinkBox01 li.wEdge01 {
	width: 24.3%;
}
#indexLinkBox01 li:hover {
	background-color: #e5e5e5;
}
#indexLinkBox01 li .inner {
	display: block;
	border-right: 1px solid #858585;
	padding: 8px 0 0;
	height: 124px;
	text-align: center;
	text-decoration: none;
}
#indexLinkBox01 li .inner .img {
}
#indexLinkBox01 li .inner .img img {
	width: auto;
	height: 56px;
}
#indexLinkBox01 li .inner .link {
	display: inline-block;
	margin-top: 20px;
	padding-left: 15px;
	background: url(/common/images/ico_arrow_l01.png) no-repeat left 0.3em;
	text-decoration: none;
	color: #333;
	text-align: left;
	line-height: 1.5;
}

@media screen and (max-width: 979px) {
#indexLinkBox01Wrap {
}
#indexLinkBox01 {
	width: 650px;
}
#indexLinkBox01 li .inner {
	padding: 16px 0 0;
	height: 106px;
}
#indexLinkBox01 li .inner .img {
}
#indexLinkBox01 li .inner .img img {
	height: 44px;
}
#indexLinkBox01 li .inner .link {
	margin-top: 14px;
	background-image: url(/common/images/ico_arrow_l01_2x.png);
	background-size: 6px 12px;
}
}

@media screen and (max-width: 767px) {
#indexLinkBox01Wrap {
	padding: 0;
}
#indexLinkBox01 {
	width: 100%;
	border-left: none;
	position: relative;
	left: 0;
}
#indexLinkBox01 ul {
	display: block;
	width: 100%;
	border-left: none;
}
#indexLinkBox01 li {
	display: block;
	width: 100%;
	border-right: none;
	border-bottom: 1px solid #dedede;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
}
#indexLinkBox01 li.wEdge01 {
	width: 100%;
}
#indexLinkBox01 li:hover {
	background-color: transparent;
}
#indexLinkBox01 li .inner {
	display: table;
	padding: 10px 26px 10px 20px;
	width: 100%;
	height: auto;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-right: none;
	text-align: left;
}
#indexLinkBox01 li .inner .img {
	display: table-cell;
	width: 10.93%;
	text-align: center;
	vertical-align: middle;
}
#indexLinkBox01 li .inner .img img {
	height: 28px;
}
#indexLinkBox01 li .inner .link {
	display: table-cell;
	margin-top: 0;
	padding-left: 14px;
	background: none;
	vertical-align: middle;
	text-align: left;
}
}
/* ボックス・見出し */
.indexSec01 {
	padding: 37px 0 45px;
	border-top: 2px solid #e5e5e5;
}
#main > .indexSec01:first-child {
	border-top: none;
}
.h2_index_01Wrap {
	margin-bottom: 37px;
	width: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.h2_index_01Wrap .h2_index_01 {
	display: inline-block;
	font-size: 185.71%;
	font-weight: bold;
	vertical-align: bottom;
}
.h2_index_01Wrap .ul_arrow01 {
	margin: 0;
	display: inline-block;
	padding: 0 0 6px 20px;
	vertical-align: bottom;
}
.h2_index_01Wrap .ul_arrow01 li {
	margin: 0;
	padding-left: 15px;
}

@media screen and (max-width: 767px) {
.indexSec01 {
	border: none;
	padding-bottom: 0;
}
.h2_index_01Wrap {
	margin: 0;
	padding: 0 10px 10px;
	border-bottom: 2px solid #dedede;
}
.h2_index_01Wrap .h2_index_01 {
	display: inline-block;
	font-size: 128.57%;
}
.indexNewsLink01 {
}
.indexNewsLink01 li {
	font-size: 114.28%;
	font-weight: bold;
}
}
/* ニュースリリース */
.indexNewsList01 {
	margin-top: 0;
}
.indexNewsList01 li {
}
.indexNewsList01 li .inner {
	text-decoration: none;
	color: #333;
}
.indexNewsList01 li .inner .img {
	border: 1px solid #e5e5e5;
}
.indexNewsList01 li .inner .txtBox {
}
.indexNewsList01 li .inner .txtBox .category {
	float: left;
	padding: 4px 4px 2px;
	width: 50%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 85.71%;
	background-color: #e5e5e5;
	text-align: center;
}
.indexNewsList01 li .inner .txtBox .date {
	float: right;
	padding: 5px 0 3px;
	width: 50%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 85.71%;
	text-align: center;
}
.indexNewsList01 li .inner .txtBox .txt {
	margin-top: 10px;
}
.indexNewsList01 li .inner:hover .txtBox .txt {
	text-decoration: underline;
}

@media screen and (max-width: 979px) {
.indexNewsList01 li .inner .txtBox .category {
	width: 92px;
}
.indexNewsList01 li .inner .txtBox .date {
	margin: 0 auto;
	width: 110px;
}
}

@media screen and (max-width: 767px) {
.indexNewsList01 {
	margin: 0;
}
.indexNewsList01 li {
	margin-top: 0;
	padding-right: 36px;
	width: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-top: 1px solid #dedede;
	position: relative;
}
.indexNewsList01 li:first-child {
	border-top: none;
}
.indexNewsList01 li .inner {
}
.indexNewsList01 li .inner .img {
	float: left;
	width: 24.347%;
}
.indexNewsList01 li .inner .txtBox {
	padding-left: 10px;
	overflow: hidden;
}
.indexNewsList01 li .inner .txtBox .category {
	float: right;
	padding: 2px 0 0;
	width: 44.6%;
}
.indexNewsList01 li .inner .txtBox .date {
	float: left;
	width: auto;
}
.indexNewsList01 li .inner .txtBox .txt {
	margin-top: 8px;
	font-size: 85.71%;
}
}
/* サイト内更新情報 */
.indexUpdateList01 {
	margin-right: -20px;
}
.indexUpdateList01 li {
	width: 480px;
	padding-right: 20px;
	float: left;
}
.indexUpdateList01 li .inner {
	text-decoration: none;
	color: #333;
}
.indexUpdateList01 li .inner .img {
	float: left;
	width: 155px;
	border: 1px solid #e5e5e5;
}
.indexUpdateList01 li .inner .txtBox {
	padding-left: 20px;
	overflow: hidden;
}
.indexUpdateList01 li .inner .txtBox .date {
	font-size: 85.71%;
}
.indexUpdateList01 li .inner .txtBox .txt {
	margin-top: 3px;
	font-size: 114.28%;
	font-weight: bold;
}
.indexUpdateList01 li .inner:hover .txtBox .txt {
	text-decoration: underline;
}

@media screen and (max-width: 979px) {
.indexUpdateList01 li {
	float: none;
	margin-top: 20px;
	width: 100%;
}
.indexUpdateList01 li:first-child {
	margin-top: 0;
}
}

@media screen and (max-width: 767px) {
.indexUpdateList01 {
	margin-right: 0;
}
.indexUpdateList01 li {
	margin-top: 0;
	padding-right: 36px;
	width: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-top: 1px solid #dedede;
	position: relative;
}
.indexUpdateList01 li:first-child {
	border-top: none;
}
.indexUpdateList01 li .inner .img {
	width: 24.347%;
}
.indexUpdateList01 li .inner .txtBox {
	padding-left: 10px;
}
.indexUpdateList01 li .inner .txtBox .date {
}
.indexUpdateList01 li .inner .txtBox .txt {
	font-size: 85.71%;
	font-weight: normal;
}
}

/* 重要なお知らせ */
@media screen and (max-width: 767px) {
.indexImportantInfo01 > .dl_news01 {
	margin-top: 0;
	border-bottom: none;
	border-top: 1px solid #dedede;
	font-size: 85.71%;
}
.indexImportantInfo01 > .dl_news01:first-child {
	border-top: none;
}
.indexImportantInfo01 .dl_news01 dd .label {
	margin-right: 0;
}
}
/* 重要なお知らせ */
.indexBox01Wrap .indexBnrList01 li.indexAttentionBnr01 {
	border: 4px solid #fcc;
}
.indexBox01Wrap .indexBnrList01 li.indexAttentionBnr01 .inner {
	display: block;
	padding: 18px 12px;
	position: relative;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: #333;
	text-decoration: none;
}
.indexBox01Wrap .indexBnrList01 li.indexAttentionBnr01 .tit {
	color: #f00;
	font-weight: bold;
}
.indexBox01Wrap .indexBnrList01 li.indexAttentionBnr01 .txt {
	margin: 10px 50px 0 0;
	font-size: 85.71%;
}
.indexBox01Wrap .indexBnrList01 li.indexAttentionBnr01 figure {
	position: absolute;
	right: 6px;
	bottom: 4px;
}
.indexBox01Wrap .indexBnrList01 li.indexAttentionBnr01 figure img {
	width: auto;
	height: 75px;
}
.indexBox01Wrap .indexBnrList01 > li .inner .indexBox01 {
	padding: 15px 15px 0;
	height: 90px !important;
}

@media screen and (max-width: 979px) {
	.indexBox01Wrap .indexBnrList01 li.indexAttentionBnr01 {
	}
	.indexBox01Wrap .indexBnrList01 li.indexAttentionBnr01 .tit {
		font-size: 85.71%;
	}
	.indexBox01Wrap .indexBnrList01 li.indexAttentionBnr01 .txt {
		font-size: 71.42%;
	}
	.indexBox01Wrap .indexBnrList01 li.indexAttentionBnr01 figure img {
		height: 60px;
	}
	.indexBox01Wrap .indexBnrList01 > li .inner .indexBox01 {
		padding: 8px 10px 0;
		height: 75px !important;
	}
}

@media screen and (max-width: 767px) {
	.indexBox01Wrap .indexBnrList01 li.indexAttentionBnr01 {
		padding: 10px;
		border: none;
	}
	.indexBox01Wrap .indexBnrList01 li.indexAttentionBnr01:hover {
		background-color: #fff;
	}
	.indexBox01Wrap .indexBnrList01 li.indexAttentionBnr01 .inner {
		border: 4px solid #fcc;
	}
	.indexBox01Wrap .indexBnrList01 li.indexAttentionBnr01 .txt {
		font-size: 85.71%;
	}
}

@media print {
	#indexSlider01 {
		background-color: #FFF !important;
		background: url(/images/slide/img_SlideMobility@2x.jpg) no-repeat center/100%;
	}
	#indexSlider01 .btn {
		display: none;
	}
}