@charset "UTF-8";

.p-tab-list{
  max-width: 100%;
  width: 80rem;
  margin: 0 auto;
  padding-bottom: 0.3rem;
  overflow: hidden;
}

.p-tab-list:before{
  opacity: 0;
}

.p-tab-button{
  padding: 1.15rem 1rem;
}

.p-tab-button.is-active:before{
  width: 100%;
  left: 0;
}

.p-tab-button::after{
  content: "";
  position: absolute;
  bottom: -3px;
  display: block;
  width: 80rem;
  height: 0.3rem;
  z-index: 990;
  opacity: 0;
}

.p-tab-button.is-active::after{
  opacity: 1;
}

.p-tab-button--ippan{
  border-color: #019e52;
  background: #019e52;
  color: #fff;
}

.p-tab-button--ippan::after{
  left: -3px;
  background: #019e52;
}

.p-tab-button--ippan.is-active{
  background: #fff;
  color: #019e52;
}

.p-tab-button--jigyo{
  border-color: #f0200a;
  background: #f0200a;
  color: #fff;
}

.p-tab-button--jigyo::after{
  right: -3px;
  background: #f0200a;
}

.p-tab-button--jigyo.is-active{
  border-color: #f0200a;
  background: #fff;
  color: #f0200a;
}

.p-padding-100_overM{
  padding-top: 8rem;
}

@media screen and (min-width: 768px){
  .p-padding-100_overM{
    padding-top: 10rem;
  }
}


.p-colorBtn--theme10{
  background:#67A200;
  color:#fff;
  border-color:#67A200
}

.p-colorBtn--theme10:hover{
  background:#fff;
  color:#67A200;
}

.p-colorBtn--theme10 {
    background: #67A200;
    color: #fff;
    border-color: #67A200
}

.p-colorBtn--theme10:hover {
    background: #fff;
    color: #67A200
}

.u-color-theme10{
  color: #67A200;
}