@charset "UTF-8";

#contents article h4{
  margin-top:2em;
}
#contents article h4 + p{
  margin-top:0;
}

article table.details th,
article table.details td{
  text-align:center;
  vertical-align:middle;
}
article table.details caption{
  padding:0;
  margin-top:.5em;
}

#contents .greeting{
  display:flex;
  flex-wrap:nowrap;
  margin:1em 0 0;
}
#contents .greeting figure{
  flex:1 0 200px;
  text-align:center;
}
#contents .greeting figure img{
  width:100%;
  max-width:100%;
}
#contents .greeting > div{
  flex:1 1 auto;
  margin-left:1em;
}
#contents .greeting > div h5{
  font-size:1em;
  font-weight:600;
}
#contents .greeting > div p{
  margin:.5em 0 0;
}

#contents .introduction{
  margin:1em 0 0;
}
#contents .introduction h5{
  font-size:1em;
  font-weight:600;
}
#contents .introduction p{
  margin:.5em 0 0;  
}


#contents article p.mt0{
  margin-top:0;
}
#contents article p.mb0{
  margin-bottom:0;
}
#contents article p.ml05m{
  margin-left:.5em;
}
#contents article p.ml10m{
  margin-left:1em;
}
#contents br.sp_only{
  display:none;
}

/* ----- responsive ----- */
@media (max-width:767px) {
  article table.details{
    width:100%;
  }
  #contents .greeting{
    flex-flow:column;
    align-items:center;
  }
  #contents .greeting figure{
    flex:0 1 auto;
    width:200px;
  }
  #contents .greeting > div{
    margin-left:0;
    margin-top:.5em;
  }
  #contents br.sp_only{
    display:initial;
  }
}