@charset "UTF-8";
/* CSS Document */
.p-input {
  position: relative;
  appearance: none;
  　background: transparent;
  border: none;
  border-radius: 0.5em;
  font: inherit;
  outline: none;
  background-image: url("/assets/img/common/magnifying-glass-solid.png");
  background-repeat: no-repeat;
  background-position: left +0.5em top +0.5em;
  background-size: auto 1.5em;
  display: block;
  margin: 0;
  padding: 0.5em;
  padding-left: 2.5em;
  border: solid 2px #057641;
  width: 100%;
  box-sizing: border-box;
  z-index: 0;
  font-size: 1.2em; }

.js-faq-search-result {
  position: absolute;
  margin: 0;
  padding: 0;
  background: white;
  width: 100%;
  box-sizing: border-box;
  z-index: 1;
  visibility: hidden; }
  .js-faq-search-result ul {
    margin: 0;
    list-style: none;
    border: solid 2px #057641;
    border-top: none;
    padding: 1em;
    box-sizing: border-box;
    border-radius: 0 0 0.5em 0.5em; }
  .js-faq-search-result li {
    font-weight: 700;
    font-size: 1.125em;
    padding: 0.5em 0; }
  .js-faq-search-result li + li {
    border-top: solid 1px #CBCBCB; }
  .js-faq-search-result a {
    color: black;
    text-decoration: none;
    display: flex;
    align-items: flex-start;
    line-height: 1.2;
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-rows: auto auto; }
    .js-faq-search-result a:hover {
      opacity: 0.75; }
  .js-faq-search-result h5 {
    font-weight: 700;
    font-size: 1em; }
    .js-faq-search-result h5 b {
      background: #8effbd; }
  .js-faq-search-result span {
    grid-row: 1/3;
    align-self: flex-start; }
  .js-faq-search-result p {
    font-size: 0.875em;
    margin: 0;
    padding: 0;
    margin-top: 0.5em;
    font-weight: 400;
    color: #666666; }
    .js-faq-search-result p b {
      background: #ffff99; }

.js-faq-search.active:has(.js-faq-search-result ul) input[type="text"] {
  border-radius: 0.5em 0.5em 0 0;
  border-bottom: none;
  padding-bottom: calc( 0.5em + 2px ); } .js-faq-search.active:has(.js-faq-search-result ul) .js-faq-search-result {
  visibility: visible; }

.p-faq-search {
  position: relative;
  z-index: 1;
  width: 100%; }

.p-faq-list {
  position: relative;
  z-index: 0; }