.c-box--lv3 .c-col-item .c-txt {
  line-height: 2;
}

.l-contents .mt-site-search-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.l-contents .mt-site-search-form .mt-site-search-form__query {
  outline: none;
  font-size: 1.125rem;
  background: var(--color-bg_A);
  padding-inline: 20px;
}
@media only screen and (max-width: 1100px) {
  .l-contents .mt-site-search-form .mt-site-search-form__query {
    height: 56px;
    width: calc(100% - 60px);
  }
}
@media print, screen and (min-width: 1101px) {
  .l-contents .mt-site-search-form .mt-site-search-form__query {
    height: 66px;
    max-width: 1218px;
    width: 100%;
  }
}
.l-contents .mt-site-search-form .mt-site-search-form__button {
  color: var(--color-white);
  display: grid;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  place-content: center;
  position: relative;
}
@media only screen and (max-width: 1100px) {
  .l-contents .mt-site-search-form .mt-site-search-form__button {
    background: var(--color-deepblue);
    height: 56px;
    width: 60px;
    font-size: 0.9rem;
    line-height: 1.6;
    padding-left: 15px;
  }
}
@media print, screen and (min-width: 1101px) {
  .l-contents .mt-site-search-form .mt-site-search-form__button {
    background-image: url("/_assets/img/bg-serch-btn.gif");
    background-repeat: repeat-y;
    -webkit-transition: background 0.4s ease;
    transition: background 0.4s ease;
    height: 66px;
    width: 120px;
    font-size: 1.125rem;
    line-height: 1.6;
    padding-left: 23px;
    margin-left: 0;
    isolation: isolate;
  }
  .l-contents .mt-site-search-form .mt-site-search-form__button:hover {
    background-image: url("/_assets/img/bg-serch-btn-hover.gif");
  }
}
.l-contents .mt-site-search-form .mt-site-search-form__button::before {
  background: var(--color-white);
  content: "";
  display: block;
  left: 0;
  -webkit-mask-image: url("/_assets/img/icon-search.svg");
          mask-image: url("/_assets/img/icon-search.svg");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
  position: absolute;
  top: 50%;
  translate: 0 -50%;
}
@media only screen and (max-width: 1100px) {
  .l-contents .mt-site-search-form .mt-site-search-form__button::before {
    height: 11px;
    width: 11px;
    position: absolute;
    left: 8px;
  }
}
@media print, screen and (min-width: 1101px) {
  .l-contents .mt-site-search-form .mt-site-search-form__button::before {
    height: 17px;
    width: 17px;
    position: absolute;
    left: 30px;
    z-index: 2;
  }
}