/* The matching diagram geometry is intentionally defined only here. */
@media(min-width:761px){
  .matching .value-map{height:455px;max-width:740px}
  .matching .value{top:20px;width:400px;height:400px;padding:96px 46px}
  .matching .external{left:0;padding-left:121px;padding-right:149px}
  .matching .internal{right:0;padding-left:150px}
  .matching .intersection{top:220px;width:140px;height:140px}
  .matching .intersection span{margin-bottom:5px}
  .matching .intersection strong{font-size:19px}
  .matching .matching-note{margin-top:-12px}
}
@media(max-width:760px){
  .matching .value-map{height:auto;max-width:none}
  .matching .value{top:auto;width:100%;height:auto;min-height:250px;padding:38px 27px}
  .matching .internal{padding-left:27px}
  .matching .intersection{top:auto;width:160px;height:160px}
}