/* 画像に影 */
.pic{
  box-shadow: 10px 10px 5px #cccccc
}

ul {
  display: flex; /* 横並び */
  justify-content: space-between; /* 左右両端揃え */
  width: 800px;
  list-style: none;
}

li {
  width: 25%;
  border-left: 1px solid #5b8f8f;
}

li:last-child {
  border-right: 1px solid #5b8f8f;
}


/* メニュー画面を横並び */
li a {
  display: flex;
  flex-direction: column; /* Flexアイテムを縦並びにする */
  padding: 10px 0;
  color: #333;
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  line-height: 1.6;
}

li a span {
  color: #5b8f8f;
  font-size: 13px;
}

/* 画像をクリッピング トップページ*/
.backgroundclip{
 background-clip: text; /* background-clipの対象テキストにする */
  -webkit-background-clip: text; /* ↑Firefox以外のモダンブラウザ対応用 */
  background-image: url(img/piano001.jpg);/* クリッピングさせる背景写真 */
  background-repeat: no-repeat;
  background-size: cover;
  color: rgba(0 0 0 / 0); /* テキストカラーを透明にする */
  font-size: 70px;
  font-weight: 700;
  text-transform: uppercase; /* テキストカラーを大文字にする */

}

/* 画像をクリッピング 各ページ*/
.backgroundclip2{
 background-clip: text; /* background-clipの対象テキストにする */
  -webkit-background-clip: text; /* ↑Firefox以外のモダンブラウザ対応用 */
  background-image: url(img/piano001.jpg);/* クリッピングさせる背景写真 */
  background-repeat: no-repeat;
  background-size: cover;
  color: rgba(0 0 0 / 0); /* テキストカラーを透明にする */
  font-size: 45px;
  font-weight: 700;
  text-transform: uppercase; /* テキストカラーを大文字にする */

}

/* 小タイトル 半透明と下線 */
.heading {
  position: relative; /* 疑似要素の基準 */
  padding: 1em;
  font-size: 21px;
  border-bottom: 2px solid #e5c046; /* 下線 */
}

.heading span {
  position: relative; /* z-indexを効かせるために必要 */
  z-index: 2; /* 日本語テキストの重なり指定 */
}

.heading::before { /* 数字テキストを疑似要素で表現 */
  content: attr(data-number); /* データ属性の読み込み */
  position: absolute;
  top: 0;
  left: 0;
  color: rgba(229 192 70 / .4); /* 半透明のテキスト色指定 */
  font-size: 54px;
  font-weight: 800;
  z-index: 1;
}


/* フォントスタイル・色 */
.a{color:#333333}
.b{color:#333333;font-weight:bold}
.c{font-size:9pt;color:#ffffff;}
.d{font-size:10pt;color:#333333;}
.e{font-size:10pt;color:#333333;font-weight:bold}
.f{font-size:10pt;color:#ffffff }