/*--------------------------------------------------------*/
.products{}a,a:link,a:visited,a:active {
  color: #000;
  text-decoration: none;
}
/*ヘッダーのグローバルメニュー中にある企業情報タグをポイント*/
.global-menu > .menu > ul > li > a > .product{
  background: linear-gradient(176deg,#bce2e8,#00B7CE);
}
/*--------------------------------------------------------*/
.case-menu{
  width: 1000px;
  height: auto;
  margin: 20px auto 0;
  border-radius: 5px;
  min-height: 40px;
  background-color: #bce2e8;
  border: solid 1px #00B7CE;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, sans-serif;
}
.case-menu > .case-head{
  display:grid;
  grid-template-rows:48px;
  grid-template-columns:9fr 1fr;
}
.case-menu > .case-head > h1{
  grid-area:1/1/2/2;
  margin:5px;
  margin-left: 2em;
  text-align: left;
  font-size: 1.5em;
}

.case-menu > .case-body{
  height: auto;
  padding: .5em 1.5em;
  text-align: left;
  background-color: #F3FAFB;
}


.case-body{
  display:grid;
  grid-template-rows:auto auto;
  grid-template-columns:7fr 3fr;
}
.case-body > .summary{
  grid-area:1/1/2/2;background-color: #afa;
  padding-top: 1em;
}
.case-body > .summary > p{
  margin: 0;
}

.case-body > .image-frame{
  grid-area:1/2/2/3;background-color: #aaf;
  
}
.case-body > .image-frame > img{width: 250px;}

.case-body > .QandA{
  grid-area:2/1/3/3;background-color: #faa;
}
.case-body > .QandA > dl{
  text-align: left;
}
.case-body > .QandA > dl > dd{
  margin-bottom: .5em;
}

/*--------------------------------------------------------*/
.case-foot{height: 10px;}
/*--------------------------------------------------------*/

/*--------------------------------------------------------*/