@charset "UTF-8";
#main-content {
  background-color: #8a8a8a;
}

.wht_wrap {
  background-color: #fff;
  max-width: 1100px;
  margin: 3vw auto;
}

.gray_wrap {
  padding: 1vw 3vw 3vw;
}

.tab {
  display: flex;
  text-align: center;
  position: relative;
}

.teigaku,
.tanpin {
  width: 50%;
  padding: 1vw 3vw;
}

.bg_gray {
  background-color: #e2e2e2;
}

.bg_gray_s {
  background-color: #e2e2e2;
}

.bg_blue {
  background-color: #8cc8ff;
}

.bg_yellow {
  background-color: #ffdb4c;
}

.tab_sub {
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.5;
}

.tab_text {
  font-size: 1.6rem;
}

.teigaku_triangle {
  position: absolute;
  margin: auto;
  left: 25%;
  top: 100%;
  width: 0px;
  height: 0px;
  border: 13px solid;
  border-color: #ffdb4c transparent transparent transparent;
}

.tanpin_triangle {
  position: absolute;
  margin: auto;
  left: 73%;
  top: 100%;
  width: 0px;
  height: 0px;
  border: 13px solid;
  border-color: #8cc8ff transparent transparent transparent;
}

/* 各スタイル SP */

@media screen and (max-width: 767px) {
  .wht_wrap {
    margin: 9vw auto;
  }
  .gray_wrap {
    padding: 3vw 5vw 5vw;
  }
  .tab_sub {
    line-height: 1;
    font-size: 1.8rem;
  }
  .teigaku,
  .tanpin {
    padding: 3vw;
  }
  .tab_text {
    font-size: 1.3rem;
    line-height: 1.3;
    margin-top: 0.8rem;
  }
  .teigaku_triangle {
    left: 23%;
  }
  .arrow-sp {
    width: 11%;
    margin: auto;
  }
}