@charset "UTF-8";



/* ---------------------------------------------------
| メインビジュアルCSS
--------------------------------------------------- */
#subMV{
  width:100%;
  margin:0 0 4em;
  background-image:url(/img/inquiry/mvInquiry.jpg);
  background-position:center 100%;
  background-size:cover;
}
/* --------- responsive --------- */
@media screen and (min-width:1000px) {
  #subMV{height:400px;}
}
@media screen and (min-width:768px) and (max-width:999px) {
  #subMV{height:300px;}
}
@media screen and (min-width:400px) and (max-width:767px) {
  #subMV{height:200px;margin:0 0 2em;}
}
@media screen and (max-width:399px) {
  #subMV{height:150px;margin:0 0 2em;}
}

/* ---------------------------------------------------
| #inquiry
--------------------------------------------------- */
#inquiry p{font-size:1.1em;}
#inquiry dl{
  margin:2em 0 4em;
  padding-left:5.5em;
}
#inquiry dt{
  position:relative;
  margin-bottom:1em;
  padding-top:.75em;
  font-size:1.5em;
  font-weight:700;
}
#inquiry dt::before{
  position:absolute;
  top:0;left:-3.5em;
  width:60px;height:60px;
  content:"";
  background-size:cover;
}
#inquiry dd{font-size:1.1em;line-height:1.75em;}

/* --------- responsive --------- */
@media screen and (max-width:767px){
  #inquiry dl{
    margin:1em 0 2em;
    padding-left:0.5em;
  }
  #inquiry p,#inquiry dd{font-size:.9em;}
  #inquiry dt{margin-bottom:.5em;padding-top:.5em;font-size:1.25em;}
  #inquiry dt::before{left:-2.7em;width:40px;height:40px;}
}