body {
  -webkit-text-size-adjust: 100% ; max-height:100% }

img {
    max-width: 100%;
    height: auto;
    }

.icon_design {
  filter:opacity(20%);
  width:100px ;
  text-align:center;
  display:inline-block;
  float: left;
}

.icon_const {
  filter:opacity(50%);
  width:100px ;
  text-align:center;
  display:inline-block;
  float: left;
}

.icon_fin {
  filter:opacity(100%);
  width:100px ;
  text-align:center;
  display:inline-block;
  float: left;
}

.iicon_const {
  filter:opacity(50%);
  width:80px ;
  text-align:center;
  display:inline-block;
  float: left;
}

.iicon_fin {
  filter:opacity(100%);
  width:80px ;
  text-align:center;
  display:inline-block;
  float: left;
}

.come {
  color:#000000;
  background:#FFFFFF;
  font-size='16pt';
  margin : 0px 0 0px ;
  font-family:游明朝 Light,serif; 
  position:absolute;
  left: 50%;
　transform-origin: top center; 
  transform: translate(-50%,10px);
  display:none; 
  filter:alpha(opacity='10');
  background-color: rgba(210, 255, 218 ,0.85); /* 薄い色の背景 */
  z-index: 1000; 
  width: 80vw; /* 画面幅の80%に設定 */
  text-align: center;
 }