@charset "utf-8";

/* CSS Document */




/* -------------------- header -------------------- */

/* 背景色変更 不要な場合は削除 */
header {
  background-color: #fffcf8; 
}

/* -------------------- contents -------------------- */
.contents {
    max-width: 800px;
    margin: auto;
    padding: 100px 4% 0;
}

.contents img {
    margin: 20px 0;
}

h1 {
    font-size: 1.8rem;
    font-weight: 600;
}

.midashi {
    font-size: 1.6em;
    font-weight: 600;
    margin-top: 50px;
}


.tk-txt {
    font-size: 1rem;
    font-weight: 600;
}
.under {
  background: linear-gradient(transparent 50%, #a8eaff 50%);
}

img.sp {
    border: solid 1px;
}


/* -------------------- pagetop -------------------- */

/* ページの上部へ　右下固定版 */

#pagetop--fixed {
  position: fixed;
  bottom: 10vh;
  right: 1vw;
  background: #222;
  opacity: 0.7;
  border-radius: .2rem;
}

#pagetop--fixed a {
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  text-decoration: none;
}

#pagetop--fixed a::before {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f062';
  font-size: 25px;
  color: #fff;
  position: absolute;
  width: 50px;
  height: 50px;
  margin: auto;
  text-align: center;
}