body {
  background: radial-gradient(circle, rgb(255, 255, 224), rgb(255, 240, 190), rgb(255, 210, 150)), linear-gradient(to right, rgb(255, 255, 224), rgb(255, 240, 190), rgb(255, 210, 150));
}

img {
  margin: auto;
}

.memo {
  width: fit-content;
  margin: 0 auto;
  font-size: clamp(0.5rem, 2vw - 0.5rem, 2.5rem);
}

.memo2 {
  width: fit-content;
  margin: 0 auto;
  font-size: clamp(1rem, 2vw - 0.5rem, 2.5rem);
}

.memo2 ul{
  padding-left:0;
}

.memo2 li{
  list-style:none;
}


/* パソコンで見たときは"pc"のclassがついた画像表示 */
.pc { display: block !important; }
.sp { display: none !important; }
 
/* スマートフォンで見たときは"sp"のclassがついた画像表示 */
@media only screen and (max-width: 768px) {
    .pc { display: none !important; }
    .sp { display: block !important; }
}

@media only screen and (max-width: 768px) {
    img { max-width: 100%; }
}

a.btn--orange {
  color: #fff;
  background-color: #eb6100;
  border-bottom: 5px solid #b84c00;
}
a.btn--orange:hover {
  margin-top: 3px;
  color: #fff;
  background: #f56500;
  border-bottom: 2px solid #b84c00;
}
a.btn--shadow {
  -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
  box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
}