/* top */
#top div.topImg{
  position:relative;
  padding:0 0 5rem 0;
}

/* iphone5s/SE,android用 */
@media screen and (max-width: 374px) {

  #top div.topImg{
    padding:0 0 6rem 0;
  }

}

#top div.topImg p.band_orange_title{
  color:#fff;
  padding:10px 0 5px 15px;
  font-size:1.55rem;
  font-weight:bold;
}

#top div.topImg div.band_orange{
  width:260px;
  height:65px;
  background-image:url(../image/top/band_orange_back.png);
  background-repeat:repeat-x;
  background-position:center;
  background-size:260px 65px;
  margin-bottom:1rem;
  padding:0 0 3px 0;
  display:flex;
  align-items: center;
  overflow: hidden;
}

#top div.topImg div.band_orange ul{
 margin:0 0 0 15px; 
}

#top div.topImg div.band_orange ul li{
  background-color:#00426B;
  border-radius:3px;
  margin:4px 0;
  padding:4px 5px;
  color:#fff;
  font-size:1.4rem;
  font-weight:bold;
  text-align:center;
}

#top div.topImg div.band_orange ul li::before{
  font-family: "Font Awesome 5 Free";
  content: "\f00c";
  font-weight: 900;
  display:inline-block;
  margin-right:3px;
}

@media screen and (max-width: 374px) {

  #top div.topImg div.band_orange{
    width:250px;
    background-position:right center;
  }
  
  #top div.topImg div.band_orange ul{
    margin:0 0 0 10px; 
  }
  
  #top div.topImg div.band_orange ul li{
    font-size:1.2rem;
  }

}

#top div.topImg div.band_orange img{
  width:117px;
  height:57px;
  margin:0 0 0 1rem;
  position:relative;
  bottom:-3px;
}

@media screen and (max-width: 374px) {
  #top div.topImg div.band_orange img{
    margin:0 0 0 5px;
  }
}

#top div.topImg div.band_orange span{
  display:inline-block;
  margin-right:2rem;
  color:#fff;
  position:relative;
  bottom:-20px;
  font-size:1.2rem;
}

#top div.topImg div.jfba{
  display:flex;
  align-items: center;
  justify-content:center;
  width:130px;
  height:22px;
  background-image:url(../image/top/jfba_back.png);
  background-position:center;
  background-repeat:no-repeat;
  background-size:130px 22px;
  position: relative;
  z-index: 1;
  right:-1rem;
}

#top div.topImg div.jfba img{
  margin-right:3px;
  position:relative;
  bottom:-1px;
  width:21px;
  height:11px;
}

#top div.topImg div.jfba p{
  font-size:0.8rem;
  color:#fff;
}

#top div.topImg p.topMes{
  text-align:center;
  color:#fff;
  font-size:2rem;
  font-weight:bold;
  text-align:center;
  margin:1.5rem auto 0 auto;
  position: relative;
  z-index: 1;
}

#top div.topImg p.topMes span.big{
  font-size:3rem;
}

/* iphone5s/SE,android用 */
@media screen and (max-width: 374px) {

  #top div.topImg p.topMes{
    font-size:1.8rem;
  }

  #top div.topImg p.topMes span.big{
    font-size:2.8rem;
  }

}

#top div.topImg div.shield{
  text-align: left;
  position:absolute;
  bottom:-40px;
  left:10px;
}

#top div.topImg div.shield img{
  width:130px;
  height:161px;
}

#top div.topImg div.maruyama{
  position:absolute;
  bottom:-1px;
  right:7px;
}

#top div.topImg div.maruyama img{
  width:146px;
  height:197px;
}


#top div.data{
  width:100%;
  margin:1rem auto;
  display:flex;
  align-items: center;
  justify-content:center;
}

/* iphone5s/SE,android用 */
@media screen and (max-width: 374px) {

  #top div.data div.dataLeft,
  #top div.data div.dataRight{
    padding:4rem 0;
  }

  #top div.data div.dataLeft{
    margin-right:-4rem;
  }

  #top div.data div.dataRight{
    margin-left:-4rem;
  }

  #top div.data div.dataLeft div.box.up,
  #top div.data div.dataRight div.box.up{
    position:relative;
    top:-4rem;
  }

  #top div.data div.dataLeft div.box.down,
  #top div.data div.dataRight div.box.down{
    position:relative;
    bottom:-4rem;
  }

}

#top div.data div.dataLeft div.box,
#top div.data div.dataRight div.box{
  width:109px;
  height:64px;
  background-image:url(../image//top/data_orange_back.png);
  background-repeat:no-repeat;
  background-position:center;
  background-size:109px 64px;
  text-align:center;
  color:#00426B;
  font-weight:bold;
  padding:1.8rem 0 0 0 ;
  margin:0 0 0.2rem 0;
}

#top div.data div.dataRight div.twoLines{
  padding:1rem 0 0 0 ;
  margin:0 0 1rem 0;
  position:relative;
  bottom:-0.4rem;
}



#top div.data div.dataLeft div.box p.title,
#top div.data div.dataRight div.box p.title,
#top div.data div.dataLeft div.box p.txt,
#top div.data div.dataRight div.box p.txt{
  font-size:1rem;
  line-height:120%;
}

#top div.data div.dataLeft div.box p.num,
#top div.data div.dataRight div.box p.num{
  font-size:2.2rem;
  margin:1px 0;
  line-height:1;
}

#top div.data div.dataLeft div.box p.num span.unit,
#top div.data div.dataRight div.box p.num span.unit{
  font-size:0.9rem;
  font-weight:normal;
  margin-left:2px;
}

#top div.data div.dataLeft div.down p.title{
  margin-top:-9px;
}

#top div.data div.dataCenter{
  line-height:1;
}

#top div.data div.dataCenter div.box{
  width:142px;
  height:88px;
  background-image:url(../image//top/data_yellow_back.png);
  background-repeat:no-repeat;
  background-position:center;
  background-size:142px 88px;
  text-align:center;
  color:#00426B;
  font-weight:bold;
  padding:0 0 0 0 ;
  margin:0 0 2rem 0;
}

#top p.warning{
  font-size:8pt;
  width:360px;
  margin-top:-1rem;
}

/* iphone5s/SE,android用 */
@media screen and (max-width: 374px) {

  #top div.data div.dataCenter div.box{
    margin:0;
  }

}

#top div.data div.dataCenter div.box p.title,
#top div.data div.dataCenter div.box p.txt{
  font-size:1rem;
  line-height:120%;
}

#top div.data div.dataCenter div.box p.num{
  font-size:3.2rem;
  color:#B20013;
  margin:0;
  border-bottom:1px #00426B solid;
  display:inline-block;
}