/* hover
=================================================================== */
/* ================================================ vw */
/* ================================================ vh */
/* common
=================================================================== */
/* layout
=================================================================== */
/* imgCover
=================================================================== */
/* mask
=================================================================== */
/* background
=================================================================== */
/* flex
=================================================================== */
/* animation delay
=================================================================== */
/* 3d
=================================================================== */
/* font
=================================================================== */
/* textTate
=================================================================== */
/* vw
=================================================================== */
/* form
=================================================================== */
/* ============================================================================================ search */
.searchArticle {
  padding-top: 5.8565153734vw;
}

/* ================================================ searchInput */
.searchInput__wrapper {
  position: relative;
  margin-bottom: 2.9282576867vw;
}

input.searchInput[type=text] {
  font-size: 33px;
  font-size: 2.4158125915vw;
  line-height: 2;
  font-weight: 700;
  background-color: #fff;
  border-width: 2px;
  border-style: solid;
  border-color: rgba(var(--color-text), 1);
  padding-left: 2.196193265vw;
  padding-right: 7.6866764275vw;
  border-radius: 1.0980966325vw;
}

/* --------------------------------------- searchInput__button */
.searchInput__button {
  position: absolute;
  width: 7.6866764275vw;
  height: 100%;
  top: 0;
  right: 0;
  cursor: pointer;
  z-index: 2;
}
.searchInput__button .icon.icon--search {
  position: absolute;
  width: 4.2459736457vw;
  height: 4.2459736457vw;
  right: 1.8301610542vw;
  top: 50%;
  transform: translateY(-50%);
  background-color: rgba(var(--color-text), 1);
  border-radius: 50%;
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.4, 0.4, 0, 1);
  -ms-transition-duration: 0.2s;
  -ms-transition-timing-function: cubic-bezier(0.4, 0.4, 0, 1);
  -webkit-transition-duration: 0.2s;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0.4, 0, 1);
  -moz-transition-duration: 0.2s;
  -moz-transition-timing-function: cubic-bezier(0.4, 0.4, 0, 1);
}
.searchInput__button .icon.icon--search .iconInner {
  background-color: #fff;
  mask-size: 70% auto;
  -webkit-mask-size: 70% auto;
  -webkit-mask-box-size: 70% auto;
}

/* ================================================ relatedPages__btn */
.relatedPages__btn--list {
  flex-wrap: wrap;
}
.relatedPages__btn--list .objContact__btn {
  margin-bottom: 2.9282576867vw;
}
.relatedPages__btn--list .objContact__btn .btnLink, .relatedPages__btn--list .objContact__btn a.btnLink {
  justify-content: flex-start;
  padding: 1vw 3.2942898975vw;
}
.relatedPages__btn--list .objContact__btn .btnText {
  font-size: 26px;
  font-size: 1.9033674963vw;
}

/* ============================================================================================ hover pc */
@media (hover: hover) and (pointer: fine) {
  .searchInput__button:hover .icon.icon--search, .searchInput__button:active .icon.icon--search {
    background-color: rgba(var(--keyColor-base), 1);
  }
}
/* ================================================ searchInput__placeholder */
.searchInput__placeholder {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  overflow: hidden;
  pointer-events: none;
}

.searchInput__placeholder--list {
  position: absolute;
  width: 100%;
  height: 600%;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  transition-duration: 0.5s;
  transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -ms-transition-duration: 0.5s;
  -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -moz-transition-duration: 0.5s;
  -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}
.searchInput__placeholder--list > li {
  height: 16.6666666667%;
  font-size: 33px;
  font-size: 2.4158125915vw;
  color: rgba(var(--color-text), 0.4);
  white-space: nowrap;
  font-weight: 700;
  padding: 0 7.6866764275vw 0 2.196193265vw;
  line-height: 7.3206442167vw;
}

.searchInput__placeholder.active--1 .searchInput__placeholder--list {
  transform: translateY(0);
}

.searchInput__placeholder.active--2 .searchInput__placeholder--list {
  transform: translateY(-16.6666666667%);
}

.searchInput__placeholder.active--3 .searchInput__placeholder--list {
  transform: translateY(-33.3333333333%);
}

.searchInput__placeholder.active--4 .searchInput__placeholder--list {
  transform: translateY(-50%);
}

.searchInput__placeholder.active--5 .searchInput__placeholder--list {
  transform: translateY(-66.6666666667%);
}

.searchInput__placeholder.active--6 .searchInput__placeholder--list {
  transform: translateY(-83.3333333333%);
}/*# sourceMappingURL=search.css.map */