@charset "utf-8";

/*============

pin-pusher.css

=============*/

.mainttl:not(:first-of-type) {
  margin-top: 8rem;
  height: 36rem;
}

.mainttl:not(:first-of-type) .mainttl__ttl-cont {
  padding: 0 2.4rem;
}

.mainttl:first-of-type {
  background: url(../../pin-pusher/img/mainttl_bg02.jpg) repeat-y top center;
  background-size: 100% auto;
}

.anchor-section {
  padding: 0 2.4rem;
  position: relative;
  width: 100%;
  margin-top: -10.4rem;
  z-index: 10;
}

.anchor-section__inner {
  margin: 0 auto;
  position: relative;
  max-width: 1236px;
  width: 100%;
}

.anchor-nav-list__item a {
  color: var(--bg-blue1);
  font-size: var(--txt-size6);
  font-weight: bold;
  position: relative;
  padding-left: 2.4rem;
  display: block;
  line-height: 1.6;
}

.anchor-nav-list__item a::before {
  content: '';
  position: absolute;
  top: 0.32em;
  left: 0;
  width: 1.2rem;
  height: 1.2rem;
  border-top: 2px solid var(--bg-blue1);
  border-right: 2px solid var(--bg-blue1);
  transform: rotate(135deg);
  transition: all 0.4s;
}

.anchor-nav-list__item a::after {
  content: '';
  position: absolute;
  bottom: 2px;
  left: 0;
  width: 100%;
  height: 1px;
  background: #003889;
  transition: transform 0.3s;
  transform: scale(0, 1);
  transform-origin: left top;
}

.anchor-nav-list__item a:hover::after {
  transform: scale(1, 1);
}

.anchor-nav-list {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  border: 1px solid var(--bg-blue1);
  padding: 1.6rem 1.6rem;
  background-color: var(--txt-white);
}

.anchor-nav-list__item a:hover::before {
  top: 0.40em;
}

.anchor-nav {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}

.anchor-nav-list__item {
  margin: 0.2rem 2.4rem 0;
}

/*============

media queries

=============*/
/*-------------

タブレット

--------------*/

@media (max-width: 959px) {
	/*  */

}


/*-------------

スマホ

--------------*/

@media (max-width: 519px) {
  .anchor-nav-list__item a::before {
    top: 0.40em;
  }

  .anchor-nav-list__item a:hover::before {
    top: 0.48em;
  }

}