html {
  font-size: 10px;
}

.wp-block-post-content,
#detail {
  font-size: 1.6rem;
}

.wp-block-post-content > * + *,#detail > * + * {
  margin-top: 30px;
}

/* wp:iris-theme/recommend-block */
.recommend-box {
  background: #faf7e2;
}
.recommend-title {
  background: #ff8d1c;
  color: #fff;
  padding: 13px 15px 13px 82px;
  position: relative;
  min-height: 50px;
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 1.2;
  display: flex;
  align-items: center;
  margin: 0;
}
.recommend-title::before {
  content: "";
  background: #f47a00 url(../img/common/icon_light.png) no-repeat center/19px
    25px;
  background-image: image-set(url(../img/common/icon_light@2x.png) 2x);
  --size: 50px;
  width: var(--size);
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
}
.recommend-content {
  padding: 30px 35px;
  margin: 0;
}

.recommend-content > * + *{
  margin-top: 30px;
}

/* wp:list */
.wp-block-list {
  list-style: none;
}
.wp-block-list li {
  padding-left: 26px;
  position: relative;
}
.wp-block-list li + li {
  margin-top: 10px;
}
.wp-block-list li::before {
  content: "";
  --size: 12px;
  width: var(--size);
  height: var(--size);
  background: #bfd946;
  border-radius: 50%;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0.5em;
}
/* wp:list {"className":"is-style-checklist"} */
.wp-block-list.is-style-checklist {
  list-style: none;
  font-weight: 600;
}
.wp-block-list.is-style-checklist li {
  text-indent: 0;
  padding-left: 40px;
  position: relative;
  display: flex;
  align-items: center;
  line-height: 1.2;
}
.wp-block-list.is-style-checklist li + li {
  margin-top: 15px;
}
.wp-block-list.is-style-checklist li::before {
  content: "";
  margin-right: 17px;
  background: #fff;
  --size: 22px;
  width: var(--size);
  height: var(--size);
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 0;
}
.wp-block-list.is-style-checklist li::after {
  content: "";
  background: url(../img/common/icon-check_orange.png) no-repeat center/contain;
  background-image: image-set(url(../img/common/icon-check_orange@2x.png) 2x);
  width: 22px;
  height: 16px;
  display: block;
  position: absolute;
  left: 1px;
  top: 2px;
}

/* wp:heading */
h2.wp-block-heading {
  font-size: 2.4rem;
  font-weight: 600;
  padding: 8px 0;
  padding-left: 38px;
  position: relative;
  margin-bottom: 40px;
}
h2.wp-block-heading::before {
  content: "";
  width: 8px;
  height: 100%;
  position: absolute;
  inset: 0;
  right: auto;
  background: linear-gradient(to bottom, #de5777 50%, #4eb1c7 50%);
}

#detail > * + h2.wp-block-heading{
  margin-top: 100px;
}

h3.wp-block-heading {
  border: #dddddd 1px solid;
  border-right: none;
  border-left: none;
  font-size: 2rem;
  font-weight: 600;
  padding: 10px 0;
  margin-bottom: 30px;
}

#detail > * + h3.wp-block-heading {
  margin-top: 50px;
}

/* link */
.wp-block-post-content p > a,
#detail p > a {
  text-decoration: underline;
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: 600;
  text-underline-offset: 0.2em;
  text-decoration-color: #a8a8a8;
}

.wp-block-post-content p > a::before,
#detail p > a::before {
  content: "";
  display: block;
  --size: 30px;
  width: var(--size);
  height: var(--size);
  background: url(../img/common/icon_arrow-circle-right.png) no-repeat
    center/contain;
  background-image: image-set(
    url(../img/common/icon_arrow-circle-right@2x.png) 2x
  );
}