/* 「うつほ」(茶道具展示会)はベースはtearoom.cssを利用するので、ページ限定で調整するものだけ記載する */

/* 茶道具展示会用のline-height上書き用CSS */
.u-lh-1-3 {
  line-height: 1.3;
}

/* 茶道具展示会用のpadding-top上書き用CSS(line-heightを調整した関係で必要) */
.u-pt-20 {
  padding-top: 20px;
}

/* 茶道具展示会用のfont-size上書き用CSS(役職部分の調整のために必要) */
.u-fs-16 {
  font-size: 16px;
}

/* 茶道具展示会用のfont-weight上書き用CSS(文中の太文字のための対応) */
.u-fw-700 {
  font-weight: 700;
}

.u-pt-50 {
  padding-top: 50px;
}

.u-p-lr-0 {
  padding-left: 0;
  padding-right: 0;
}

.u-p-lr-overwrite {
  padding-left: 150px;
  padding-right: 150px;
}

.step-section-title {
  font-family: Inter;
  font-size: 26px;
  font-weight: 550;
  line-height: 52px;
  text-align: left;
  padding-bottom: 30px;
}

.step-chapter-title {
  font-family: Inter;
  font-size: 20px;
  font-weight: 550;
  line-height: 52px;
  text-align: left;
  padding-bottom: 30px;
}

p {
  font-size: 16px;
  line-height: 2;
}

@media only screen and (max-width:1100px) {
  .step-section-title {
    font-size: 24px;
    line-height: 36px;
  }

  .step-chapter-title {
    line-height: 36px;
  }
}

@media only screen and (max-width: 600px) {
  /* 扉画像がない間、スマホ版でサイズ調整をするデータ、画像が来たら画像についているpcクラスも合わせて取り除く(CSS自体は残す) */
  .sp-u-min-h-auto {
    min-height: auto;
  }

  .u-p-lr-overwrite {
    padding-left: 20px;
    padding-right: 20px;
  }
}