@media print, screen and (min-width: 768px) {
  .attempt-tab-area .area-sp {
    display: none;
  }
}
.attempt-tab-area .area-sp .sp-select {
  border: 1px solid #AB2029;
  border-radius: 5px;
  position: relative;
  line-height: 1;
}
.attempt-tab-area .area-sp .sp-select:before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  background: #AB2029;
  border-radius: 2px;
  position: absolute;
  right: 15px;
  top: 50%;
  margin-top: -9px;
}
.attempt-tab-area .area-sp .sp-select:after {
  content: "";
  display: inline-block;
  width: 10px;
  height: 8px;
  background: url(../../svg/i_arrow_acc.svg?c=fff) center no-repeat;
  background-size: 10px auto;
  position: absolute;
  right: 19px;
  top: 50%;
  margin-top: -4px;
}
body.pagecolor-02 .attempt-tab-area .area-sp .sp-select:after {
  background: url(../../svg/i_arrow_acc.svg?c=F9F451) center no-repeat;
  background-size: 10px auto;
}
body.pagecolor-03 .attempt-tab-area .area-sp .sp-select:after {
  background: url(../../svg/i_arrow_acc.svg?c=1A1A1A) center no-repeat;
  background-size: 10px auto;
}
body.pagecolor-04 .attempt-tab-area .area-sp .sp-select:after {
  background: url(../../svg/i_arrow_acc.svg?c=fff) center no-repeat;
  background-size: 10px auto;
}
.attempt-tab-area .area-sp .sp-select select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  background: transparent;
  width: 100%;
  padding: 15px 63px 15px 15px;
  position: relative;
  z-index: 1;
}
.attempt-tab-area .area-sp .sp-select select::-ms-expand {
  display: none;
}
.attempt-tab-area .area-pc {
  display: none;
}
@media print, screen and (min-width: 768px) {
  .attempt-tab-area .area-pc {
    display: block;
  }
  .attempt-tab-area .area-pc .pc-tab {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    row-gap: 4px;
  }
  .attempt-tab-area .area-pc .pc-tab li {
    margin-right: 4px;
  }
  .attempt-tab-area .area-pc .pc-tab li .item-btn {
    display: block;
    background: #F5F6F6;
    font-size: 1.2rem;
    text-align: center;
    line-height: 1.75;
    padding: 9px 20px;
    border-radius: 4px;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }
  .attempt-tab-area .area-pc .pc-tab li .item-btn .btn-fw {
    font-size: 1.4rem;
    font-weight: bold;
  }
  .attempt-tab-area .area-pc .pc-tab li .item-btn.is-active {
    background: #AB2029;
    color: #fff;
  }
  [data-whatinput=keyboard] .attempt-tab-area .area-pc .pc-tab li .item-btn:focus {
    background: #AB2029;
    color: #fff;
  }
}
@media print, screen and (min-width: 768px) and (min-width: 1025px) {
  .attempt-tab-area .area-pc .pc-tab li .item-btn:hover {
    background: #AB2029;
    color: #fff;
  }
}
@media print, screen and (min-width: 1025px) {
  .attempt-tab-area .area-pc .pc-tab li .item-btn {
    font-size: 1.4rem;
    padding: 9px 30px;
  }
  .attempt-tab-area .area-pc .pc-tab li .item-btn .btn-fw {
    font-size: 1.6rem;
  }
}