/* 
  ワイプインアニメーション 
______________________________________*/
.anim-wipe-in {
  position: relative;
  opacity: 0;
  transition: 0.5s;
  transform: translateY(10px);
}

.anim-wipe-in.animated {
  opacity: 1;
  transform: translateY(0);
}

.anim-wipe-in:after {
  content: "";
  display: block;
  position: absolute;
  background: #193d8d;
  z-index: 1;
  width: 100%;
  height: 100%;
  top: 0;
  transition: 0.6s;
  transition-delay: 0.3s;
  transition-timing-function: ease-in-out;
}

.anim-wipe-in:after {
  left: 0;
  right: auto;
}

.anim-wipe-in--alt:after {
  left: auto;
  right: 0;
}

.anim-wipe-in.animated:after {
  width: 0;
}

.anim-wipe-in > .wp-block-cover__inner-container {
  position: relative;
  opacity: 0;
  z-index: 2;
  transform: translateY(20px);
  transition: 0.5s;
  transition-delay: 0.8s;
}

.anim-wipe-in.animated > .wp-block-cover__inner-container {
  transform: translateY(0);
  opacity: 1;
}



/* 
  ヘッダー電話番号のフォントサイズレスポンシブ対応
______________________________________*/

@media screen and (max-width: 1340px) {
  .header_phone_area_num .header_phone_area_num_p {
    font-size: 1.4vw;
  }
}


/* 
  ボタンホバーで色を付ける
______________________________________*/

.top_business_btn .wp-block-button__link {
  transition: .2s;
}

.top_business_btn .wp-block-button__link:hover {
  background: #E8841A !important;
  color: #fff !important;
  filter: none;
}

.top_recruit_btn .wp-block-button__link {
  transition: .2s;
}

.top_recruit_btn .wp-block-button__link:hover {
  background: #E8841A !important;
  color: #fff !important;
  filter: none;
  transition: .2s;
}

.top_news_btn .wp-block-button__link:hover {
  background: #ffffff !important;
  color: #333 !important;
	border: #333 2px solid !important;
  filter: none;
}

#formbtn:hover {
  background: #ffffff !important;
  color: #333 !important;
	border: #333 2px solid !important;
  filter: none;
}


/* 
  リクルートの下線色をホバーで変更
______________________________________*/
.top_recruit_job {
  transition: .2s;
}
.top_recruit_job:hover {
  text-decoration-color: #E8841A;
}


/*animation*/
.phone_animation a {
position: relative; 
}

.phone_animation a::after {
position: absolute;
left: 0;
content: '';
width: 100%;
height: 2px;
background: #000000;
bottom: -1px;
transform: scale(0, 1);
transform-origin: left top;
transition: transform 0.3s;
}

.phone_animation a:hover::after {
transform: scale(1, 1);
}

/*SP版での改行調整*/
.pc_hidden{
	display:none;
}
@media (max-width: 767px) {
.pc_hidden{
	display:block;
}
}