@charset "UTF-8";

body {
  font-family: "Noto Sans JP", sans-serif;
  background: #F3F9F9;
  color: #222;
}
a {
  color: #404040;
  text-decoration: none;
}
button, input, optgroup, select, textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
input:not([type="checkbox"], [type="radio"]), select, textarea {
  border: solid 1px #999999;
  padding: 5px 8px;
  border-radius: 4px;
}
input[type="checkbox"], input[type="radio"] {
  border: none;
  border-radius: 0;
  padding: 0;
}
select {
  padding-right: 20px;
  background: url(/new_ui/site/search_detail/imgs/icon-down-arrow.svg) no-repeat 94% center/14px 7px, #fff;
}

#wrapper {
  padding-top: 10px;
  background-color: #F3F9F9;
}

.page-content {
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
  padding: 0 20px 66px;
}
@media screen and (max-width: 750px) {
  .page-content {
    margin: 0;
    padding: 0;
  }
}
.breadcrumbs {
  padding: 6px 0;
  margin-bottom: 16px;
}
@media screen and (max-width: 750px) {
  .breadcrumbs {
    padding: 6px 12px 4px;
    margin-bottom: 0px;
  }
}
.c-navi-container {
  padding: 20px 0;
}
@media screen and (max-width: 750px) {
  .c-navi-container {
    padding: 0;
  }
}
.heading-title:not(.heading-title-first) .heading-title-name {
  font-size: 22px;
  line-height: 32px;
}
@media screen and (max-width: 750px) {
  .heading-title.heading-title-first {
    min-height: 48px;
  }
  .heading-title.heading-title-first .heading-title-name {
    padding-block: 8px;
    font-size: 20px;
    line-height: 26px;
  }
  .heading-title:not(.heading-title-first) {
    background-color: #1C7E67;
    border-left: none;
  }
  .heading-title:not(.heading-title-first) .heading-title-name {
    padding: 12px;
    font-size: 18px;
    line-height: 26px;
    color: #fff;
  }
}