body{
line-height:1.5em;
text-rendering:geometricPrecision;
font-family:Century Gothic,Meiryo,メイリオ,'MS PGothic',Helvetica,Arial,sans-serif;
font-smoothing:antialiased;
-webkit-text-size-adjust:100%;
-ms-text-size-adjust:100%; 
font-size:14px;
}

/* index */
#mdi-index h3 {
line-height: 3;
text-align: center;
display: block;
color: #FFFFFF;
background-color: #052669;
font-size: 1.5rem;
}
#mdi-index h4 {
font-size: 1.5rem;
margin-bottom: 1rem;
}

/* マルチサイクロン-multicyclone */
#mdi-multicyclone .nav-link{
margin-top: 20px;
}
#mdi-multicyclone .nav-item{
font-size: 1.2rem;
}

#mdi-multicyclone .tab-content{
padding: 10px;
}
#mdi-multicyclone .tab-content h3{
padding: 10px;
}
#mdi-multicyclone h4 {
font-size: 1.5rem;
margin-bottom: 1rem;
}

/* Q&A-FAQ */
#mdi_faq section {
margin-bottom: 20px;
}

/* 製造元会社概要-wateco */
#mdi-wateco {
}

/* 導入事例-example */
#mdi-example{
}

#mdi-example-other{
}

.mdi-emphasize{
color: #FD0206;
}



/* ろ過機-rokaki */
#mdi_rokaki{
}

/* 商品ラインナップ-lineup */
#mdi-lineup {
}
#mdi-lineup h5 {
  margin: 0;
  font-size: 16px;
  line-height: 1.5;
  padding: 5px;
  color: #FFFFFF;
  background: #052669;
}
#mdi-lineup .waku {
  border: 2px solid #052669;
  padding: 0;
}
#mdi-lineup .waku p {
  margin: 5px;
}

/* 導入事例-mdi-example */
#mdi-example h3 {
line-height: 3;
text-align: center;
display: block;
color: #FFFFFF;
background-color: #052669;
font-size: 1.5rem;
}




/* YesNoチャート-example */
#mdi_chart .mdi_footer{
margin-top: 250px;
}

/* footer */
.mdi_footer{
  margin: 0 -15px;
  text-align: center;
  background-color: #0f747e;
  color: #fff;
  padding: 40px 10px 30px;
  line-height: 1;
}

.mdi_footer a:link {color:#fff;} /*未訪問のリンクの色*/
.mdi_footer a:visited {color:#fff;} /*訪問済みのリンクの色*/
.mdi_footer a:hover {color:#fff;} /*カーソルが乗っているリンクの色*/
.mdi_footer a:active {color:#fff;} /*クリック中のリンクの色*/


/* slicknav */
.slicknav_menu {
  display:none;
}

.table-ul {
  background-color: #052669;
  display: table;
  table-layout: fixed;
  text-align: center;
  width: 100%;
  padding: 0;
}
.table-ul li {
  border-right: 1px solid #fff;
  display: table-cell;
  vertical-align: middle;
}
.table-ul li:last-child {
  border-right: 0;
}
.table-ul li a {
  color: #FFFFFF;
  display: block;
  font-size: 12px;
  text-decoration: none;
  padding: 10px 0;
}
.table-ul hr {
  margin: 3px auto;
}
.table-ul .bar {
  display: block;
  width: 80%;
  height: 1px;
  background-color: #FFFFFF;
  border: 0;
}


@media screen and (max-width: 767px) {
	.js #mdi_menu {
		display:none;
	}
	.js .slicknav_menu {
		display:block;
	}
}


/* 
    slicknav Mdi Style
*/

/* Button */
#mdi_nav .slicknav_btn {
	background: none;
}
/* Button Lines */
#mdi_nav .slicknav_menu .slicknav_icon-bar {
  background-color: #81a9ff;
}
#mdi_nav .slicknav_menu {
	background:#212b41;
	padding:0;
}
#mdi_nav .slicknav_nav ul, #mdi_nav .slicknav_nav li {
	border-top:2px solid #192132;
	margin-top:0;
	margin-right:0;
	margin-bottom:0;
}
#mdi_nav .slicknav_nav .slicknav_item:hover {
    background: #ccc;
}
#mdi_nav .slicknav_nav a:hover{
    background: #ccc;
}
#mdi_nav .slicknav_nav .slicknav_txtnode {
    padding: 7px 15px;
	margin: 0;
}


/* YesNo */

.yesno {
    position:relative;
    background: #FFFFFF;
    text-align: center;
}
.yesno h4{
	margin: 2rem;
}
.positionFit {
    position:absolute;
    background-color: #FFF;
    display: block;
    height: 200px;
    font-size: 16px;
	margin-bottom: 100px;
}