@charset "UTF-8";
.page-template-page-esttag #page-header #hn-page-title-box, .esttag #page-header #hn-page-title-box {
  position: relative;
  margin: 0 auto;
  padding: 0;
  border: .3125em solid #ffa891;
  border-radius: .5em;
  background: #fff
}
.page-template-page-esttag #page-header #hn-page-title-box #hn-page-title-box-bar, .esttag #page-header #hn-page-title-box #hn-page-title-box-bar {
  position: relative;
  height: 1.0625em;
  border-bottom: .1875em solid #ffa891;
  background: repeating-linear-gradient(-45deg, transparent, transparent .3125em, #ffdfd6 .3125em, #ffdfd6 .625em)
}
.page-template-page-esttag #page-header #hn-page-title-box #hn-page-title-box-bar svg, .esttag #page-header #hn-page-title-box #hn-page-title-box-bar svg {
  position: absolute;
  width: .5em;
  height: .5em;
  top: .1875em
}
.page-template-page-esttag #page-header #hn-page-title-box #hn-page-title-box-bar #svg-round-red, .esttag #page-header #hn-page-title-box #hn-page-title-box-bar #svg-round-red {
  fill: #ffa184;
  right: 2.25em
}
.page-template-page-esttag #page-header #hn-page-title-box #hn-page-title-box-bar #svg-round-yellow, .esttag #page-header #hn-page-title-box #hn-page-title-box-bar #svg-round-yellow {
  fill: #d4d33f;
  right: 1.375em
}
.page-template-page-esttag #page-header #hn-page-title-box #hn-page-title-box-bar #svg-round-green, .esttag #page-header #hn-page-title-box #hn-page-title-box-bar #svg-round-green {
  fill: #00d094;
  right: .5em
}
.page-template-page-esttag #page-header #hn-page-title-box .hn, .esttag #page-header #hn-page-title-box .hn {
  font-size: 1.875rem;
  display: table;
  margin: .53333em auto 1.06667em;
  padding: 0 .5em 0;
  border-bottom: .13333em dashed #d4d33f;
  letter-spacing: .26667em;
  color: #333
}
.page-template-page-esttag #page-header #hn-page-title-box::after, .esttag #page-header #hn-page-title-box::after {
  position: absolute;
  display: block;
  content: '';
  width: 7.6875em;
  height: 7.125em;
  background: url(../image/common/search-and-result/glass-with-search.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  right: -.25em;
  bottom: -2.625em
}
@media (max-width:375px) {
  .page-template-page-esttag #content #page-header #hn-page-title-box .hn, .esttag #content #page-header #hn-page-title-box .hn {
    font-size: 1.25rem
  }
  .page-template-page-esttag #content #page-header #hn-page-title-box::after, .esttag #content #page-header #hn-page-title-box::after {
    right: -.125em;
    bottom: -.875em;
    width: 2.69063em;
    height: 2.49375em
  }
}
@media (min-width:376px) and (max-width:431px) {
  .page-template-page-esttag #content #page-header #hn-page-title-box .hn, .esttag #content #page-header #hn-page-title-box .hn {
    font-size: 1.25rem
  }
  .page-template-page-esttag #content #page-header #hn-page-title-box::after, .esttag #content #page-header #hn-page-title-box::after {
    width: 3.075em;
    height: 2.85em;
    right: .625em;
    bottom: -1.125em
  }
}
@media (min-width:432px) and (max-width:543px) {
  .page-template-page-esttag #content #page-header #hn-page-title-box .hn, .esttag #content #page-header #hn-page-title-box .hn {
    font-size: 1.5rem
  }
  .page-template-page-esttag #content #page-header #hn-page-title-box::after, .esttag #content #page-header #hn-page-title-box::after {
    right: .75em;
    bottom: -1.375em;
    width: 3.84375em;
    height: 3.5625em
  }
}
@media (min-width:544px) and (max-width:639px) {
  .page-template-page-esttag #content #page-header .hn, .esttag #content #page-header .hn {
    font-size: 1.75rem
  }
  .page-template-page-esttag #content #page-header #hn-page-title-box::after, .esttag #content #page-header #hn-page-title-box::after {
    right: .25em;
    bottom: -1.25em;
    width: 3.84375em;
    height: 3.5625em
  }
}
@media (min-width:640px) and (max-width:767px) {
  .page-template-page-esttag #content #page-header #hn-page-title-box::after, .esttag #content #page-header #hn-page-title-box::after {
    background-size: 80%;
    right: -1em
  }
}
@media (min-width:768px) and (max-width:999px) {
  .page-template-page-esttag #content #page-header #hn-page-title-box::after, .esttag #content #page-header #hn-page-title-box::after {
    right: -.5em;
    background-size: 80%
  }
}