@charset "UTF-8";
#tabcontent1 {
  padding: 20px;
  border: #ccc 2px solid;
}
dl.merit-with-desc {
  display:table-row;
}
dl.merit-with-desc dt {
  clear: both;
  background:#999;
  border-radius:4px;
  padding:10px;
  color:#fff;
  display:block;
  float:left;
  width:200px;
  font-size:118%;
  text-align:center;
  margin-top:30px;
  vertical-align:middle;
}
dl.merit-with-desc dt:first-child {
  margin-top:0px;
}
dl.merit-with-desc dd {
  width:780px;
  display:block;
  float:left;
  padding-left: 20px;
  margin-top:10px;
}
@media screen and (min-width:768px){
	#tabCon02 {
	margin-top:-300px;
	padding-top:300px;
	}
  /* #tabConNavi { display:none; } */
  dl.merit-with-desc dt,
  dl.merit-with-desc dd {
    display:block;
    width:50%;
    padding:0.5em;
    margin-top:0.5em;
  }
  dl.merit-with-desc dt {
    margin-top: 30px;
  }
  dl.merit-with-desc dt:first-child {
    margin-top: 0;
  }

  dl.merit-with-desc dd {
    font-size:100%;
    padding-left:0;
    width:100%;
    margin-top:0.5em;
    position:relative;
  }
  dl.merit-with-desc dd p {
    width: 470px;
    height:140px;
  }
  dl.merit-with-desc dd article figure {
    position:absolute;
    top:-50px;
    right:0;
  }


  #tabCon02 dl.merit-with-desc dt {
    background-color:#333;
  }
  #tabConNavi{
margin:0.5em 0 0 0;
/* border-bottom: #ccc 2px solid; */
  }


  #tabConNavi li{
float:left;
  font-size:110%;
  }

  #tabConNavi li.tab1 a{
    padding:1em 2em;
display:inline-block;
  background:#f0f0f0;
  color:#999;
  text-decoration:none;
  margin:0 0 0 0;
  text-align:center;
  border-radius: 10px 10px 0 0;         /* CSS3 */
  -moz-border-radius: 10px 10px 0 0;    /* Firefox */
  -webkit-border-radius: 10px 10px 0 0;
  }
  #tabConNavi li.tab1 a.active{
  background:#cccccc;
      margin:0 0 0 0;
  color:#fff;
  font-weight:bold;
  cursor:pointer;
  }


  #tabConNavi li.tab2 a{
    padding:1em 2em;
display:inline-block;
background:#f0f0f0;
  color:#999;
  text-decoration:none;
  margin:0 0 0 0;
  text-align:center;
  border-radius: 10px 10px 0 0;         /* CSS3 */
  -moz-border-radius: 10px 10px 0 0;    /* Firefox */
  -webkit-border-radius: 10px 10px 0 0;
  }
  #tabConNavi li.tab2 a.active{
    background:#cccccc;
        margin:0 0 0 0;
    color:#fff;
    font-weight:bold;
  }
}
@media screen and (max-width:767px){
  dl.merit-with-desc dt,
  dl.merit-with-desc dd {
    display:block;
    width:100%;
    padding:0.5em;
    margin-top:0;
  }
  dl.merit-with-desc dt {
    margin-top: 1.5em;
  }
  dl.merit-with-desc dt:first-child {
    margin-top: 0.5em;
  }

  dl.merit-with-desc dd {
    font-size:100%;
    padding-left:0;
    width:100%;
    margin-top:0;
  }
  section h5 {
    font-size: 100% !important;
    height: auto;
    line-height:1.3 !important;
  }

  #tabCon02 dl.merit-with-desc dt {
    background-color:#333;
  }
  #tabConNavi{
margin:0.5em 0 0 0;
  }


  #tabConNavi li{
float:left;
  font-size:110%;
  }

  #tabConNavi li.tab1 a{
    padding:0.5em 1em;
display:inline-block;
  background:#d0d0d0;
  color:#666;
  text-decoration:none;
  margin:0 0 0 0;
  text-align:center;
border-radius: 3px 3px 0 0;         /* CSS3 */
-moz-border-radius: 3px 3px 0 0;    /* Firefox */
-webkit-border-radius: 3px 3px 0 0;
  }
  #tabConNavi li.tab1 a.active{
  background:#f0f0f0;
      margin:0 0 0 0;
  color:#333;
  font-weight:bold;
  }


  #tabConNavi li.tab2 a{
    padding:0.5em 1em;
display:inline-block;
background:#d0d0d0;
  color:#666;
  text-decoration:none;
  margin:0 0 0 0;
  text-align:center;
border-radius: 3px 3px 0 0;         /* CSS3 */
-moz-border-radius: 3px 3px 0 0;    /* Firefox */
-webkit-border-radius: 3px 3px 0 0;
  }
  #tabConNavi li.tab2 a.active{
    background:#f0f0f0;
        margin:0 0 0 0;
    color:#333;
    font-weight:bold;
  }
}

dl.merit-with-icon {
  width:470px;
  float:left;
  margin-bottom: 20px;
  font-size:0;
}
dl.merit-with-icon:last-child {
  margin-bottom: 0;
}
dl.merit-with-icon dt {
  display: inline-block;
  width:100px;
}
dl.merit-with-icon:nth-of-type(2n) {
  float: right;
}
dl.merit-with-icon dt img {
  width: 100px;
}
dl.merit-with-icon dt.icon-taikyu {
  background-image: url(/img/coating/about/merit-icon-taikyu.png);
  background-size: cover;
}
dl.merit-with-icon dd {
  display: inline-block;
  width:360px;
  padding-left: 20px;
  vertical-align: top;
  font-size: 14px;
}
.text-right { text-align:right; }
@media screen and (max-width:767px){
  dl.merit-with-icon {
    margin-bottom: 0;
    font-size:0;
    border-bottom: 1px #999 dotted;
  }
  dl.merit-with-icon:first-child dt,dl.merit-with-icon:first-child dd {
    margin-top: 0;
  }
  dl.merit-with-icon:nth-child(10) dt,dl.merit-with-icon:nth-child(10) dd {
    margin-bottom: 0;
  }
  #tabCon01 dl.merit-with-icon:nth-child(10) {
    border-bottom:none;
  }
  dl.merit-with-icon dt {
    display: inline-block;
    width:20%;
    margin:1em auto 1em auto;
  }
  dl.merit-with-icon dt:nth-of-type(2n) {
    margin:1em auto 1em auto;
  }
  dl.merit-with-icon dt img {
    width: 100%;
  }
  dl.merit-with-icon dd {
    display: inline-block;
    width:75%;
    padding-left: 0;
    vertical-align: top;
    margin:1em 0 1em 1em;
  }
  .table-slider-wrap {
    width:100%;
  }
  .table-slider {
    overflow-x: scroll;
  }
  .table-slider table {
    width:270%;
  }
  .table-slider table tr td {
    word-break: break-all;
  }
  .table-slider table tr th {
    font-weight: normal;
  }
}



ul.mainte-icons { margin-bottom:1em; }
ul.mainte-icons li{ max-width:100px; margin-right:10px; display:inline-block; }
ul.mainte-icons li img{ max-width:100px; }
.clearfix { clear:both; }
.mainte-dl { margin-bottom:50px; }
.mainte-dl dl { border-top:#666 1px dotted; }
.mainte-dl dl dt {display:inline-block; font-weight: bold; width:200px; font-size:110%; padding:1em 0; vertical-align:top; }
.mainte-dl dl dd {display:inline-block; font-weight: normal; width: 790px; font-size: 110%; padding:1em 0;}
.mainte-dl dl:first-child { border-top:none; }
ul.mainte-hikkoshi-list { list-style:square;margin-left:20px; }
@media screen and (min-width:0px) and (max-width:767px) {
  section.mainte h4 { margin-bottom: 1em !important; }
  ul.mainte-icons li{ max-width:50px; margin-right:5px; margin-bottom:10px; display:inline-block; }
  ul.mainte-icons li:last-child{ margin-right:0; }
  ul.mainte-icons li img{ max-width:50px; }
  .mainte-dl { margin-bottom:0; }
  .mainte-dl dl dt {display:block; font-weight: bold; width:100%;font-size:100%; padding:0.5em 0 0 0; vertical-align:middle; }
  .mainte-dl dl dd {display:block; font-weight: normal; width: 100%; font-size: 100%; padding:0.5em 0 0.5em 0;}
}
@media screen and (min-width:768px) {
  ul.mainte-icons.no-margin{ display:block; }
}