@charset "UTF-8";
:root {
  --color-main: #ff8c82;
}

body #contents * {
  box-sizing: border-box;
}

a.anchor {
  cursor: pointer;
}

#contents {
  text-align: left;
}
#contents img {
  vertical-align: bottom;
}

/*KV*/
body > #title {
  padding-inline: 10px;
  display: grid;
  place-content: center;
  box-sizing: border-box;
  background: var(--color-main) url("/service/soudan/case/img/img-bg01.png") no-repeat top center/contain;
  border-radius: 0 0 67px 0;
  height: 120px;
}
@media screen and (max-width: 767px) {
  body > #title {
    background-image: url(../soudan_img/soudan_kv_bg_sp.svg);
    background-color: var(--color-main);
    background-position: 50% 0;
    background-size: cover;
    border-radius: 0 0 min(15vw, 100px) 0;
  }
}
body > #title::after {
  content: "";
  background: url(../soudan_img/round.svg) no-repeat;
  background-size: contain;
  display: inline-block;
  width: min(15vw, 100px);
  height: min(15vw, 100px);
  position: absolute;
  left: 0;
  bottom: max(-15vw, -100px);
}

#contents .link-other {
  position: relative;
}
#contents .link-other a {
  color: inherit;
  position: absolute;
  right: 0;
  top: -85px;
  padding-right: 1em;
  text-decoration: none;
}
#contents .link-other a:before {
  content: "";
  mask-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228.121%22%20height%3D%2213.414%22%20viewBox%3D%220%200%208.121%2013.414%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7Bfill%3A%20none%3Bstroke%3A%20%23ff8c82%3Bstroke-miterlimit%3A%2010%3Bstroke-width%3A%202px%3B%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Cpolyline%20class%3D%22cls-1%22%20points%3D%22.707%2012.707%206.707%206.707%20.707%20.707%22%2F%3E%3C%2Fsvg%3E");
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: 50% 50%;
  width: 0.5em;
  height: 1em;
  display: inline-block;
  margin-right: 5px;
  background: var(--color-main);
  position: relative;
  top: 0.2em;
}
@media screen and (max-width: 767px) {
  #contents .link-other a {
    top: -60px;
  }
}

/*commonから書き換え*/
.search-box dl dd label.active {
  background: var(--color-main);
}

.search-box dl#jsctl-filterbtn-lifeevent dd label.active {
  background: #39d1e3;
}

.search-box dl dt {
  width: 12em;
}
@media screen and (min-width: 768px) {
  .search-box dl dd {
    width: calc(100% - (12em + 20px));
  }
}

/*ラベルの色 →common-parts.cssに移した*/
/*「お問い合わせ」高さ調整*/
@media screen and (min-width: 768px) {
  #contents .information_box > ul > li.contact {
    min-height: unset;
  }
}/*# sourceMappingURL=style.css.map */