@charset "utf-8";
/* CSS Document */

.mdk_top{
  background: url("../img/contact/ph_main.jpg") center center no-repeat;
  background-size: cover;
}


.mdk_contactbody{padding: 56px 0 152px;}

.mdk_txt01{
  margin-bottom: 72px;
  color: #333333;
}

.mdk_kinddata dt{
  margin-bottom: 16px;
  font-size: 1.25rem;
  font-weight: bold;
  color: #333333;
}
.mdk_kinddata dd{margin-bottom: 96px;}
.mdk_tel{
  padding: 2px 0 4px 32px;
  border-left: 3px solid #707070;
}
.mdk_tel p{
  margin-bottom: 12px;
  letter-spacing: 0.2em;
  font-size: 1.25rem;
  font-weight: bold;
  color: #333333;
}
.mdk_tel span{
  font-size: 1.125rem;
  color: #333333;
}


.mdk_form{margin-bottom: 88px;}
.mdk_form dl{
  display: flex;
  padding: 20px 0;
  border-bottom: 1px solid #DDDDDD;
}
.mdk_form dt{
  position: relative;
  width: 320px;
  padding: 7px 0 0 40px;
}
.mdk_required{
  position: absolute;
  right: 24px;
  font-size: 0.875rem;
  color: #FF3510;
}
.mdk_form dd{
  width: calc(100% - 320px);
  padding-right: 40px;
}
.mdk_form dd input{
  width: 100%;
  height: 40px;
  font-size: 1.125rem;
  border-radius: 4px;
  border: 1px solid #707070;
}
.mdk_form dd select{
  height: 40px;
  border-radius: 4px;
  border: 1px solid #707070;
}
.mdk_short,
.mdk_form dd input.mdk_short{width: 50%;}


.mdk_form dd textarea{
  width: 100%;
  height: 176px;
  border-radius: 4px;
  border: 1px solid #707070;
}
.mdk_error{
  display: none;
  font-size: 0.875rem;
  color: #FF0101;
}



.mdk_btnarea{
  display: flex;
  justify-content: center;
}
.mdk_btnarea button[type="submit"]{
  width: 280px;
  height: 65px;
  font-size: 1.375rem;
  font-weight: bold;
  color: #3B4043;
  border: none;
  border-radius: 8px;
  background-color: #DBDBDB;
  cursor: pointer;
}





/*確認*/
.mdk_confirm dt{padding-top: 0;}
.mdk_btnarea button[type="button"]{
  width: 140px;
  height: 65px;
  margin-left: 80px;
  font-size: 1.375rem;
  font-weight: bold;
  color: #C9C9C9;
  border: none;
  border-radius: 8px;
  background-color: #EFEFEF;
  cursor: pointer;
}





/*完了*/
.mdk_txt02{
  margin-bottom: 72px;
  font-size: 1.125rem;
}






@media screen and (min-width:769px){
  .mdk_btnarea button[type="submit"]:hover{
    color: #FFFFFF;
    background-color: #07388A;
  }
  .mdk_btnarea button[type="button"]:hover{
    color: #333333;
    background-color: #DBDBDB;
  }
}
















/*-----------------------------------------*/
/*--------------レスポンシブ---------------*/
/*-----------------------------------------*/
@media screen and (max-width:820px){}
@media screen and (max-width:420px){
  .mdk_txt01{text-align: center;}
  .mdk_txt01 span{display: block;}

  .mdk_tel span span{display: block;}

  .mdk_form dl{flex-wrap: wrap;}
  .mdk_form dt{
    width: 100%;
    margin-bottom: 16px;
    padding: 0;
  }
  .mdk_form dd{
    width: 100%;
    padding: 0;
  }
  .mdk_short,
  .mdk_form dd input.mdk_short{width: 80%;}

}
@media screen and (max-width:375px){}
@media screen and (max-width:360px){}
@media screen and (max-width:320px){}