@charset "UTF-8";
/*--------------------------
Color
---------------------------*/
/*----------------------------------------------------
             　　振り分けページ用
-----------------------------------------------------*/
.select .houeikai {
  width: 100px;
  margin: 60px auto 0; }
  @media only screen and (max-width: 768px) {
    .select .houeikai {
      width: 18.761vw;
      margin: 8.318vw auto 0; } }
.select .wrap {
  display: flex;
  justify-content: space-between;
  width: 900px;
  margin: 70px auto; }
  @media only screen and (max-width: 768px) {
    .select .wrap {
      display: block;
      width: 84.07vw;
      margin: 7.079vw auto; } }
  .select .wrap .kasukabe, .select .wrap .sugamo {
    width: 420px; }
    @media only screen and (max-width: 768px) {
      .select .wrap .kasukabe, .select .wrap .sugamo {
        width: 84.07vw;
        margin: 16.371vw auto 0; } }
    .select .wrap .kasukabe .banner:hover, .select .wrap .sugamo .banner:hover {
      opacity: 0.8; }
    .select .wrap .kasukabe .text, .select .wrap .sugamo .text {
      text-align: center;
      margin: 10px auto 0;
      line-height: 1.5;
      font-size: 1.8rem;
      font-weight: bold; }
      @media only screen and (max-width: 768px) {
        .select .wrap .kasukabe .text, .select .wrap .sugamo .text {
          font-size: 1.4rem; } }

/*# sourceMappingURL=select.css.map */
