@charset "utf-8";
/* CSS Document */
.mdk_top{
  background: url("../img/business/ph_main.jpg") center center no-repeat;
  background-size: cover;
}


.mdk_introduce{margin-bottom: 188px;}
.mdk_introduce .mdk_message{
  line-height: 2;
  margin-bottom: 90px;
  text-align: center;
  font-size: 1.625rem;
}
.mdk_introduce h2{
  margin-bottom: 14px;
  text-align: center;
  letter-spacing: 0.06em;
  font-size: 3rem;
}
.mdk_introduce .mdk_txtjp{
  width: 460px;
  margin: 0 auto 56px;
  padding-top: 14px;
  text-align: center;
  font-size: 1.5rem;
  color: #3B4043;
  border-top: 1px solid #07388a;
}

.mdk_introduce li{width: 480px;}
.mdk_introduce li p{margin-bottom: 24px;}
.mdk_introduce li p img{border-radius: 8px;}
.mdk_introduce li h3{
  margin-bottom: 24px;
  font-size: 2rem;
  font-weight: bold;
  color: #29437A;
}
.mdk_introduce li span{
  line-height: 2;
  color: #404040;
}



.mdk_manufacture{margin-bottom: 152px;}
.mdk_manufacture h2{
  margin-bottom: 14px;
  text-align: center;
  letter-spacing: 0.06em;
  font-size: 3rem;
}
.mdk_manufacture .mdk_txtjp{
  width: 674px;
  margin: 0 auto 56px;
  padding-top: 14px;
  text-align: center;
  font-size: 1.5rem;
  color: #3B4043;
  border-top: 1px solid #07388a;
}
.mdk_txt01{
  line-height: 2;
  margin-bottom: 48px;
  color: #404040;
}
.mdk_manufacture h3{
  margin-bottom: 40px;
  text-align: center;
  font-size: 2rem;
  font-weight: bold;
  color: #000000;
}
.mdk_manufacture .mdk_fxbtwn{margin-bottom: 72px;}
.mdk_manufacture figure{width: 482px;}
.mdk_manufacture figure p{margin-bottom: 32px;}
.mdk_manufacture figure p img{border-radius: 8px;}
.mdk_manufacture h4{
  margin-bottom: 14px;
  letter-spacing: 0.05em;
  font-size: 1.125rem;
  font-weight: bold;
  color: #212121;
}
.mdk_manufacture figure ul li{
  line-height: 2;
  padding-left: 1em;
  text-indent: -1em;
  color: #404040;
}
.mdk_faclist{
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
.mdk_faclist ul{width: 300px;}
.mdk_faclist ul:first-of-type{margin-right: 72px;}
.mdk_faclist ul li{
  margin-bottom: 32px;
  color: #404040;
}
.mdk_faclist ul li:last-of-type{margin-bottom: 0;}



.mdk_product{margin-bottom: 200px;}
.mdk_product h2{
  margin-bottom: 14px;
  text-align: center;
  letter-spacing: 0.06em;
  font-size: 3rem;
}
.mdk_product .mdk_txtjp{
  width: 382px;
  margin: 0 auto 56px;
  padding-top: 14px;
  text-align: center;
  font-size: 1.5rem;
  color: #3B4043;
  border-top: 1px solid #07388a;
}
.mdk_product ul{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.mdk_product li{
  width: 426px;
  margin-bottom: 50px;
}
.mdk_product li a{display: block;}
.mdk_product li p{
  margin-bottom: 16px;
  border: 1px solid #707070
}
.mdk_product li p img{width: 100%;}
.mdk_product li h3{
  text-align: center;
  font-size: 1.25rem;
  color: #323232;
}
.mdk_product li h3::after{
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-left: 14px;
  margin-top: 8px;
  vertical-align: top;
  background: url(../img/business/icon_arrow.svg) center center no-repeat;
  background-size: 100% 100%;
}











@media screen and (min-width:820px){
  .mdk_product li a:hover{opacity: 0.7;}
}












/*-----------------------------------------*/
/*--------------レスポンシブ-------------*/
/*-----------------------------------------*/
@media screen and (max-width:820px){
  .mdk_introduce .mdk_fxbtwn{justify-content: center;}

  .mdk_introduce>p span{display: block;}
  .mdk_introduce li{margin-bottom: 48px;}

  .mdk_manufacture .mdk_fxbtwn{justify-content: center;}
  .mdk_manufacture figure:first-of-type{margin-bottom: 80px;}

  .mdk_product ul{justify-content: center;}
}
@media screen and (max-width:420px){
  .mdk_introduce{margin-bottom: 80px;}
  .mdk_introduce .mdk_message{font-size: 1.125rem;}
  .mdk_introduce h2{font-size: 1.875rem;}
  .mdk_introduce .mdk_txtjp{
    width: 200px;
    font-size: 1.25rem;
  }
  .mdk_introduce li p img{width: 100%;}
  .mdk_introduce li h3{
    margin-bottom: 14px;
    font-size: 1.5rem;
  }


  .mdk_manufacture h2{font-size: 1.875rem;}
  .mdk_manufacture .mdk_txtjp{
    width: 200px;
    font-size: 1.25rem;
  }
  .mdk_manufacture h3{font-size: 1.375rem;}
  .mdk_manufacture figure{width: 100%;}
  .mdk_manufacture figure p{margin-bottom: 16px;}
  .mdk_manufacture figure p img{width: 100%;}
  .mdk_manufacture h4{margin-bottom: 8px;}
  .mdk_faclist{flex-wrap: wrap;}
  .mdk_faclist ul:first-of-type{margin: 0 0 32px;}


  .mdk_product h2{font-size: 1.875rem}
  .mdk_product .mdk_txtjp{
    width: 200px;
    font-size: 1.25rem;
  }
  .mdk_product li h3{font-size: 1.125rem;}
  .mdk_product li h3::after{margin-top: 6px;}
}
@media screen and (max-width:375px){}
@media screen and (max-width:360px){}
@media screen and (max-width:320px){}