@charset "UTF-8";
/* CSS purchasing */

h4.denpo{
  text-align: center;
  color: #fff;  
}
h4.denpo01{
  background: #24609F;
}
h4.denpo02{
  background: #159223;
}
h4.denpo03{
  background: #F6BD00;
}

ul.denpo_add{
  margin: 20px 0;
  padding: 10px;
  background: #DBE9EF;
  letter-spacing: -.4em; 
}
ul.denpo_add li{
  letter-spacing: normal;
  display: inline-block;
    width: calc(100% / 3 - 10px);
    margin: 0 5px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

ul.denpo_add li img{
  border: 1px solid #ddd;
}

ul.sat119{
  margin: 20px 0;
  padding: 0;
}
ul.sat119 li{
  margin-left: 30px;
  padding-bottom: 15px;
  list-style: disc;
  font-weight: 700;
  font-size: 18px ;
}

.txt-big{
  font-size: 25px ;
}

.marker_y {
background: linear-gradient(transparent 60%, #FFFF4D 60%);
}

ul.gus_card{
  margin-bottom: 50px ;
}

ul.gus_card li{
  width : 100% ;
  float: none;
	margin: 8px 0;
	padding: 20px;
  background: #fff;
  line-height: 1.6;
  border-radius: 10px;
		text-align: center;
		font-weight: 600;
		color: #203749;
		font-size: 18px;
}

.merit{
  padding: 30px 50px;
  background: #DBE9EF;
  position: relative;
}

@media screen and (min-width: 768px) {
  
  ul.denpo_add{
  padding: 30px;
}
  
  ul.denpo_add li{
    width: calc(100% / 3 - 50px);
    margin: 0 25px;
  }
  
ul.gus_card li{
width: calc(100% / 2 - 20px);
    margin: 8px 10px;
  float: left;
	padding: 20px;
  background: #fff;
  line-height: 1.6;
  border-radius: 10px;
		text-align: center;
		font-weight: 600;
		color: #203749;
		font-size: 18px;
}
}

@media screen and (min-width: 1200px) {

}