@charset "utf-8";

/* !clearfix
---------------------------------------------------------- */
#indexBusiness01 ul,
#indexBusiness01 ul li .btnBox01,
#indexLinkBox01 ul,
.h2_index_01Wrap,
.indexBox01Wrap .indexBnrList01 li .inner{
	display: block;
	min-height: 1%;
}
#indexBusiness01 ul:after,
#indexBusiness01 ul li .btnBox01:after,
#indexLinkBox01 ul:after,
.h2_index_01Wrap: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;	
}


/* mainimg */
#indexMainimg {
background: #cb0809; /* Old browsers */
background: -moz-linear-gradient(left, #cb0809 50%, #ffffff 51%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #cb0809 50%,#ffffff 51%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #cb0809 50%,#ffffff 51%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
#indexMainimg figure {
	width: 100%;
  max-width: 1536px;
  margin: 0 auto;
	background-color: #fff;
}


/* 事業紹介 */
#indexBusiness01Wrap {	
	padding: 28px 0 26px;
	width: 100%;
	background: url(/group/btw/images/bg_index_products_01.png) repeat left top;
	background-size: 100px 100px;
}
	#indexBusiness01 {
		margin: 0 auto;
		width: 980px;
    text-align: center;
	}
		#indexBusiness01 h1 {
			display: inline-block;
		}
      #indexBusiness01 h1 a {
        color: #ccc;
        margin-right: 15px;
        padding: 6px 0 2px 15px;
        background: url(/group/btw/common/images/header/ico_header_arrow02.png) no-repeat left 54%;
        font-weight: bold;
        font-size: 171.42%;
        text-decoration: none;
      }
      #indexBusiness01 h1 a:hover {
        text-decoration: underline;
      }
    #indexBusiness01 .logoTireSolution {
      margin-top: 8px;
    }
      #indexBusiness01 .logoTireSolution img {
        width: 218px;
      }
		#indexBusiness01 ul {
			margin: 30px -20px 0 0;
		}
			#indexBusiness01 ul li {
				float: left;
				padding-right: 20px;
				width: 50%;
				box-sizing: border-box;
			}
				#indexBusiness01 ul li .btnBox01 {
					display: block;
					text-decoration: none;
				}
					#indexBusiness01 ul li .btnBox01 .img img {
					}
					#indexBusiness01 ul li .btnBox01 .txtBox {
						display: table;					
						width: 100%;
						background-color: #222;
						color: #fff;
            text-align: left;
					}
					#indexBusiness01 ul li .btnBox01:hover .txtBox {	background-color: #444;	}
						#indexBusiness01 ul li .btnBox01 .txtBox .inner {
							display: table-cell;
							padding-left: 17px;
							height: 40px;
							vertical-align: middle;
						}
							#indexBusiness01 ul li .btnBox01 .inner .tit {
								padding: 6px 0 2px 15px;
								background: url(/group/btw/common/images/header/ico_header_arrow02.png) no-repeat left 55%;
								font-size: 114.28%;
								line-height: 1.2;
							}
							#indexBusiness01 ul li .btnBox01 .inner .titM  { font-size: 100%;}
							#indexBusiness01 ul li .btnBox01 .inner .titM span { font-size: 80%;}
							#indexBusiness01 ul li .btnBox01 .inner .titM .ico{ margin-left: 0;}
@media screen and (max-width: 979px) {
#indexBusiness01Wrap {	
	padding: 26px 0 28px;
}
	#indexBusiness01 {
		margin: 0 auto;
		width: 650px;
	}
    #indexBusiness01 .logoTireSolution {
      margin-top: 6px;
    }
      #indexBusiness01 .logoTireSolution img {
        width: 198px;
      }
		#indexBusiness01 ul {
			margin-top: 28px;
		}
			#indexBusiness01 ul li {
			}
				#indexBusiness01 ul li .btnBox01 {
				}
					#indexBusiness01 ul li .btnBox01 .txtBox .inner {
							height: 50px;
              padding-left: 12px;
					}
						#indexBusiness01 ul li .btnBox01 .inner .tit {
							font-size: 100%;
              padding-top: 4px;
						}
						#indexBusiness01 ul li .btnBox01 .inner .titM  span { font-size: 85.71%;}
}
@media screen and (max-width: 979px) and (min-width: 768px) {
						#indexBusiness01 ul li .btnBox01 .inner .titM  {
							padding-left: 0;
							background: url(/group/btw/common/images/header/ico_header_arrow02.png) no-repeat left 7px;
							font-size: 100%;
							text-indent: 1em;
						}
	
}
@media screen and (max-width: 767px) {
#indexBusiness01Wrap {	
	padding: 0;
}
	#indexBusiness01 {
		width: 100%;
		padding: 15px 10px;
		box-sizing: border-box;
	}
		#indexBusiness01 h1 a {
			font-size: 121.42%;
		}
      #indexBusiness01 .logoTireSolution img {
        width: 130px;
      }
		#indexBusiness01 ul {
			margin: 15px 0 0;
		}
			#indexBusiness01 ul li {
				float: none;
				margin: 10px 0 0 0;
				padding-right: 0;
				width: 100%;			
			}
}


/* indexIntroduction */
.indexIntroduction {
}
  .indexIntroduction h2 {
		font-size: 185.71%;
		font-weight: bold;
    text-align: center;
  }
  .indexIntroduction .txt01 {
    text-align: center;
  }
  .indexIntroduction .indexBox01Wrap {
    margin-top: 35px;
  }
@media screen and (max-width: 767px) {
  .indexIntroduction h2 {
		font-size: 128.57%;
  }
  .indexIntroduction .txt01 {
    text-align: left;
  }
  .indexIntroduction .indexBox01Wrap {
    margin-top: 25px;
  }
}

/* マイスター */
.bnrMeister {
}
@media screen and (max-width: 767px) {
  .bnrMeister .spOnly {
    max-width: 375px;
    margin: 0 auto;
  }
}


/* お知らせ */
.indexSec01 {
	padding: 40px 0 45px;
}
#main > .indexSec01:first-child {
	border-top: none;
}

.h2_index_01Wrap {
	margin-bottom: 37px;
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-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: 36px 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;
		}
}



/* 重要なお知らせ */
@media screen and (max-width: 767px) {
  .h2_index_01Wrap .ul_arrow01 {
      padding: 0 0 3px 5px;
  }
  .indexImportantInfo01 > .dl_news01 {
    margin-top: 0;
    border-top: none;
    border-bottom: 1px solid #dedede;
    font-size: 85.71%;
  }
    .indexImportantInfo01 .dl_news01 dd .label {
      margin-right: 0;
    }
}


/* 関連リンク */
.indexBox01Wrap {
	margin-top: 0;
}
.indexRelationalLink .relatedLink01 img {
  border: solid 2px #e5e5e5;
}

@media screen and (max-width: 979px) {
.indexRelationalLink .relatedLink01 > ul > li figure a img {
    max-width: 198px;
}
}
@media screen and (max-width: 767px) {
.indexRelationalLink {
  padding-bottom: 45px;
}
}

@media print {
#indexSlider01 {
	background: url(/group/btw/common/images/mainimg_index_print.jpg) no-repeat center top;	
}
	#indexSlider01 .btn {
		visibility: hidden;
	}
}