@charset "utf-8";
/* CSS Document */
/**
 * --------------------------------------------------------------------------
 * btn
 * --------------------------------------------------------------------------
 */
a.btnStyle01 {
  display: inline-block;
  background: #2d5c8e;
  text-align: center;
  color: #FFFFFF;
  text-decoration: none;
  padding: 1.2em 3em;
  min-width: 280px;
  border-radius: 100px;
  font-weight: bold;
  position: relative;
}
a.btnStyle01:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 25px;
  width: 9px;
  height: 9px;
  margin: -6px 0 0 0;
  border-right: solid 2px #ffffff;
  border-top: solid 2px #ffffff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
/**
 * --------------------------------------------------------------------------
 * flex
 * --------------------------------------------------------------------------
 */
.flex, .flexPc {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.jstBetween {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.jstCenter {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.jstAround {
	-webkit-box-pack: space-around;
	-ms-flex-pack: space-around;
	justify-content: space-around;
}
.rowReverse {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}
.alingSelfStart {
	align-self: start;
}
.alingSelfCenter {
	align-self: center;
}
/**
 * --------------------------------------------------------------------------
 * Column
 * --------------------------------------------------------------------------
 */
.column2,.column2Pc {
	width: 48%;
}
.column3,.column3Pc {
	width: 32%;
}
.column4,.column4Pc {
	width: 24%;
}
.columnSmall {
	width: 30%;
}
.columnLarge {
	width: 67%;
}
/**
 * --------------------------------------------------------------------------
 * br-cancel
 * --------------------------------------------------------------------------
 */
.br-pc {
	display: inherit;
}
.br-sp {
	display: none;
}
/**
 * --------------------------------------------------------------------------
 * hover
 * --------------------------------------------------------------------------
 */
.trOp02s {
  -webkit-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s;
}
.trOp02s:hover {
  opacity: 0.6;
}
/**
 ****************************************************
 * 
 * screens smaller than 768
 * 
 ****************************************************
 */
@media only screen and (max-width: 768px) {
  /**
   * --------------------------------------------------------------------------
   * btn
   * --------------------------------------------------------------------------
   */
    a.btnStyle01 {
      display: inline-block;
      background-size: 9px auto;
      min-width: 220px;
      padding:1.4em 2.8em;
    }
    a.btnStyle01:after {
      top: 50%;
      right: 25px;
      width: 7px;
      height: 7px;
      margin: -4px 0 0 0;
    }
  /**
   * --------------------------------------------------------------------------
   * flex
   * --------------------------------------------------------------------------
   */
    .flexPc {
      display: inherit;
    }
  /**
   * --------------------------------------------------------------------------
   * Column
   * --------------------------------------------------------------------------
   */
    .column2Pc {
      width: auto;
      margin-bottom: 30px;
    }
    .column3Pc {
      width: auto;
      margin-bottom: 30px;
    }
    .column4Pc {
      width: auto;
      margin-bottom: 30px;
    }
  .columnSmall {
      width: auto;
      margin-bottom: 30px;
  }
  .columnLarge {
      width: auto;
      margin-bottom: 30px;
  }
  /**
   * --------------------------------------------------------------------------
   * br-cancel
   * --------------------------------------------------------------------------
   */
    .br-pc {
      display: none;
    }
    .br-sp {
      display: inherit;
    }
/*  END (max-width: 768px) */
}