@charset "utf-8";
/* CSS Document */
@font-face {
  font-family: 'Noto Serif Japanese';
  font-style: normal;
  font-weight: 400;
  src:url(../font/NotoSerifJP-Regular.woff) format('woff'),
    url(../font/NotoSerifJP-Regular.ttf) format('truetype'),
    url(../font/NotoSerifJP-Regular.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Serif Japanese';
  font-style: bold;
  font-weight: 700;
  src:url(../font/NotoSerifJP-Bold.woff) format('woff'),
    url(../font/NotoSerifJP-Bold.ttf) format('truetype'),
    url(../font/NotoSerifJP-Bold.otf) format('opentype');
}

.mdk_indextop{
  height: auto;
  padding: 60px 0 0;
}
.mdk_indextop h2{
  line-height: 1;
  margin-bottom: 20px;
  letter-spacing: 0.01em;
  font-size: 5rem;
  font-weight: 900;
  color: #29437A;
}
.mdk_indextop .mdk_mincho{
  margin-bottom: 20px;
  font-family: "Noto Serif Japanese";
  font-size: 2rem;
  font-weight: bold;
  color: #29437A;
}

li.slick-slide{
  position: relative;
  display: flex !important;
  justify-content: center;
  height: 440px;
}
.mdk_slider li>div:first-of-type{
  width: 810px;
  text-align: center;
}
.mdk_slider li>div:first-of-type p{height: 100%;}
.mdk_slider li>div:first-of-type img{
  max-height: 100%;
  margin: auto;
}
.mdk_slider li>div:last-of-type{
  width: 370px;
  height: 440px;
  padding: 50px 32px 40px;
  color: #FFFFFF;
  background-color: #233538;
  z-index: 1;
}
.mdk_slider li>div:last-of-type p{
  margin-bottom: 8px;
  font-size: 1rem;
  font-weight: 900;
}
.mdk_slider li>div h3{
  margin-bottom: 48px;
  font-weight: 900;
  font-size: 1.5rem;
}
.mdk_slider li>div h3.mdk_nomgb{margin-bottom: 0;}
.mdk_model{
  margin-bottom: 24px;
  font-weight: 900;
  font-size: 1.25rem;
}
.mdk_model span{
  margin-left: 16px;
  color: #FFE600;
}
.mdk_slider li>div ul{height: 156px;}
.mdk_slider li>div.mdk_prdt1 ul{height: 120px;}
.mdk_slider li>div li{
  line-height: 2;
  font-size: 0.875rem;
}
.mdk_slider li>div a{
  display: block;
  width: 280px;
  height: 65px;
  margin: auto;
  padding-top: 18px;
  text-align: center;
  font-size: 1.125rem;
  color: #FFFFFF;
  border: 1px solid #FFFFFF;
}
.slick-prev,
.slick-next{
  top: auto;
  bottom: -64px;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  background-color: #F1F5F7;
  z-index: 1000;
}
.slick-prev{left: calc(50% + 60px);}
.slick-next{
  right: auto;
  left: calc(50% + 134px);
}
.slick-prev::before{
  content: "";
  display: inline-block;
  width: 10px;
  height: 16px;
  background: url("../img/index/icon_prv.svg") center center no-repeat;
}
.slick-next::before{
  content: "";
  display: inline-block;
  width: 10px;
  height: 16px;
  background: url("../img/index/icon_nxt.svg") center center no-repeat;
}

.slick-dots{width: auto;}
.slick-dots li button:before{font-size: 0.875rem;}
.slick-dots li.slick-active button:before{
  color: #29437A;
  opacity: 1;
}





.mdk_txtbox{
  position: relative;
  padding: 104px 0 112px;
  text-align: center;
}
.mdk_txtbox p{
  padding-right: 0.04em;
  letter-spacing: -0.04em;
  font-size: 12.5rem;
  font-weight: 900;
  color: #F1F5F7;
}
.mdk_txtbox span{
  position: absolute;
  width: 794px;
  top: 264px;
  left: calc(50% - 397px);
  letter-spacing: 0.1em;
  font-size: 3rem;
  font-weight: 900;
  color: #29437A;
}



.mdk_contentbox{
  margin-bottom: 125px;
  padding: 140px 0 160px;
  background: url("../img/index/ph_bg01.jpg") center center no-repeat;
  background-size: cover;
}
.mdk_contentbox p{
  margin-bottom: 128px;
  padding-left: 32px;
  letter-spacing: 0.1em;
  line-height: 2;
  font-family: "Noto Serif Japanese";
  font-size: 1.5rem;
  color: #FFFFFF;
}
.mdk_contentbox a{
  position: relative;
  display: block;
  width: 280px;
  height: 65px;
  margin-left: 32px;
  padding-top: 18px;
  text-align: center;
  font-size: 1.125rem;
  color: #FFFFFF;
  border: 1px solid #FFFFFF;
}
.mdk_contentbox a::after{
  content: "";
  position: absolute;
  display: block;
  width: 6px;
  height: 6px;
  right: 12px;
  top: calc(50% - 4px);
  border-right: 1px solid #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
  transform: rotate(-45deg);
}




.mdk_info{margin-bottom: 130px;}
.mdk_alphabet{text-align: center;}
.mdk_alphabet p{
  display: inline-block;
  padding-bottom: 14px;
  text-align: center;
  letter-spacing: 0.06em;
  font-size: 3rem;
  border-bottom: 1px solid #07388A;
}
.mdk_info h2{
  width: 382px;
  margin: 0 auto 56px;
  padding-top: 14px;
  text-align: center;
  font-size: 1.5rem;
  color: #3B4043;
}
.mdk_info dl{
  padding: 24px 0 20px;
  border-bottom: 1px solid #DDDDDD;
}
.mdk_info dl:last-of-type{margin-bottom: 64px;}
.mdk_info dt{
  display: flex;
  margin-bottom: 18px;
}
.mdk_info dt .mdk_date{
  width: 88px;
  font-size: 0.875rem;
  color: #9C9E9E;
  border-right: 1px solid #C6CCCC;
}
.mdk_info dt .mdk_category{
  margin-left: 20px;
  font-size: 0.875rem;
  color: #1F3134;
}
.mdk_info dd{
  line-height: 2;
  font-weight: bold;
  color: #333333;
}
.mdk_info dd a{
  text-decoration: underline;
  color: #333333;
}
.mdk_info dd .mdk_ftnml{font-weight: normal;}
.mdk_info dd.mdk_addbnr{
  display: flex;
  align-items: center;
}
.mdk_info dd.mdk_addbnr div:first-of-type{width: 70%;}

.mdk_tolist{
  position: relative;
  display: block;
  width: 280px;
  height: 65px;
  margin: auto;
  padding-top: 18px;
  text-align: center;
  font-size: 1.125rem;
  color: #000000;
  border: 1px solid #233538;
}
.mdk_tolist::after{
  content: "";
  position: absolute;
  display: block;
  width: 6px;
  height: 6px;
  right: 12px;
  top: calc(50% - 4px);
  border-right: 1px solid #3F3F3F;
  border-bottom: 1px solid #3F3F3F;
  transform: rotate(-45deg);
}













@media screen and (min-width:769px){
  .slick-prev:hover,
  .slick-prev:focus,
  .slick-next:hover,
  .slick-next:focus{background-color: #F1F5F7;}
  .mdk_slider li div a:hover{background-color: rgba(255,255,255,0.2);}
  .mdk_contentbox a:hover{background-color: rgba(255,255,255,0.2);}

  .mdk_info dd a:hover{text-decoration: none;}
  .mdk_info dd.mdk_addbnr a:hover{opacity: 0.5;}
  .mdk_tolist:hover{background-color: #EFEFEF;}
}















/*-----------------------------------------*/
/*--------------レスポンシブ-------------*/
/*-----------------------------------------*/
@media screen and (max-width:820px){
  .mdk_indextop .mdk_wrap{padding: 0 20px;}
  li.slick-slide{align-items: center;}
  .mdk_slider li>div:first-of-type{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 370px;
    height: 248px;
  }
  .mdk_slider li>div:first-of-type img{
    width: 100%;
    max-height: none;
  }
  .mdk_slider li>div:last-of-type{padding: 50px 16px 40px;}
  .mdk_model{font-size: 1rem;}

  .slick-prev, .slick-next{
    bottom: -54px;
    width: 30px;
    height: 30px;
  }
  .slick-dots{left: 0;}


  .mdk_txtbox {padding: 72px 0 104px;}
  .mdk_txtbox p{font-size: 5rem;}
  .mdk_txtbox span{
    top: 146px;
    width: 340px;
    left: calc(50% - 170px);
    font-size: 1.25rem;
  }
  .mdk_txtbox span b{display: block;}

  .mdk_info dd.mdk_addbnr{flex-wrap: wrap;}
  .mdk_info dd.mdk_addbnr div:first-of-type{
    width: 100%;
    margin-bottom: 16px;
  }
}
@media screen and (max-width:420px){
  .mdk_indextop{padding-top: 24px;}
  .mdk_indextop h2{font-size: 2.375rem;}
  .mdk_indextop .mdk_mincho{font-size: 0.875rem;}

  li.slick-slide{
    flex-wrap: wrap;
    height: auto;
    padding: 0 16px;
  }
  .mdk_slider li>div:first-of-type{width: 100%;}
  .mdk_slider li>div:first-of-type p{height: auto;}
  .mdk_slider li>div:first-of-type img{height: 176px;}
  .mdk_slider li>div:last-of-type{
    width: 100%;
    height: auto;
    padding: 30px 24px 24px;
  }
  .mdk_slider li>div:last-of-type p{font-size: 0.625rem;}
  .mdk_slider li>div h3{
    margin-bottom: 20px;
    font-size: 1.125rem;
  }
  .mdk_slider li>div ul{height: 96px;}
  .mdk_slider li>div.mdk_prdt1 ul{height: 48px;}
  .mdk_slider li>div li{
    line-height: 1.5;
    font-size: 0.75rem;
  }
  .mdk_slider li>div a{
    width: 200px;
    height: 44px;
    padding-top: 11px;
    font-size: 0.75rem;
  }
  .mdk_model{margin-bottom: 20px;}
  .slick-dots{
    bottom: -40px;
    left: 8px;
  }

  .mdk_txtbox span{
    width: 100%;
    left: 0;
  }
  .mdk_txtbox span b{display: inline;}

  .mdk_contentbox{
    padding: 70px 0;
    background-image: url("../img/index/ph_bg01_sp.svg"), url("../img/index/ph_bg01_sp.jpg") ;
    background-position: center center, center bottom;
    background-size: auto, cover;
  }
  .mdk_contentbox p{font-size: 1.25rem;}
  .mdk_contentbox p span{display: block;}
  .mdk_contentbox a{
    width: 200px;
    height: 44px;
    margin: auto;
    padding-top: 12px;
    font-size: 0.875rem;
  }


  .mdk_alphabet p{font-size: 1.875rem;}
  .mdk_info h2{width: 200px;}
}
@media screen and (max-width:375px){}
@media screen and (max-width:360px){}
@media screen and (max-width:320px){}