.button {
  width: 150px;
  background-color: transparent;
  border: solid 2px #fff;
  color: #fff;
  padding: 10px 30px;
  text-decoration: none;
  font-size: 120%;
  font-weight: bold;
}

.button2 {
  width: 150px;
  background-color: transparent;
  color: #fff;
  text-decoration: none;
}

.button3 {
  width: 150px;
  background-color: transparent;
  color: #000;
  text-decoration: none;
  font-weight: bold;
}

.div1 {
  border: 2px solid #fff;
}
.div1.img{
    width: 100%;
    height: auto;
    display: block;
}

.div2 {
  background-image: url('/image/cost-landing/logo_loop.png');
  background-repeat: no-repeat;
  width: 100%;
  background-size: cover;
 }

.kakoi {
  border-color : #A9A9A9;
  border-width : 5px;
  border-style : solid;
  padding : 5px;
  border-radius: 40px;
 }
 
.circle {
  position: relative;
  display: inline-block;
  width: 300px;
  height: 300px;
  border-radius: 50%;
  background: #1e90ff;
}

.cost-moji{
  display: inline-block;
  white-space: nowrap;
  background:linear-gradient(#ff0000,#b22222);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}