@charset "UTF-8";

.contsTtl .blueH {
	background: #1d50a2;
}
.redBtn {
	background-color: #ea3315;
	background: linear-gradient(0deg,rgba(234, 51, 21, 1) 60%, rgba(235, 111, 92, 1) 100%);
	-webkit-box-shadow: 0px -5px 0px 0px #b82711 inset;
	box-shadow: 0px -5px 0px 0px #b82711 inset;
}
.blueBtn01 {
  background: #0664EC;
  background: linear-gradient(360deg, rgba(6, 100, 236, 1) 0%, rgba(6, 135, 236, 1) 100%);
	-webkit-box-shadow: 0px -5px 0px 0px #0546a1 inset;
	box-shadow: 0px -5px 0px 0px #0546a1 inset;
}
.blueBtn02 {
	background-color: #2a4eb5;
	-webkit-box-shadow: 0px -5px 0px 0px #31318e inset;
	box-shadow: 0px -5px 0px 0px #31318e inset;
}
a.txtLink {
	text-decoration: underline;
	color: #0000ff;
	display: inline;
}
.contsImg {
  padding: 0 8.33333% 3.125%;
}
.button-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 800px;
  margin: 0 auto;
  padding: 0 4.1664%;
}
.button {
  height: 3.125%;
  padding: 1% 5.2% 1% 2%;
  background-color: #1d50a2;
  border-radius: 4px;
  color: #ffffff;
  font-size: 14px;
  font-weight: bold;
  position: relative;
  cursor: pointer;
  vertical-align: center;
}
.button:nth-of-type(n+2){
  margin-left: 2%;
}
.button .icon {
  content: "";
  position: absolute;
  top: 40%;
  right: 5%;
  display: block;
  max-width: 15px;
  width: 30%;
  height: 9%;
  padding-top: 5.2%;
  background-image: url(../img/ic_01.png);
  background-repeat: no-repeat;
}
@media only screen and (max-width: 640px) {
  .button-container {
    margin: 0 auto;
    padding: 0;
  }
  .button {
    width: 83.33%;
    height: 3.125%;
    padding: 1.5% 5% 1.5% 3%;
    margin-bottom: 3.125%;
    font-size: 16px;

  }
  .button:nth-of-type(n+2){
    margin-left: 0;
  }
  .button .icon {
    right: 3%;
  }
}
@media only screen and (min-width: 768px) {
  .button {
    padding: 1% 5% 1% 3%;
    font-size: 16px;
  }
  .button:nth-of-type(n+2){
    margin-left: 2%;
  }
  

}

.floatSpBnr {
	width: 100%;
	position: fixed;
	bottom: 0;
	left: 0;
	display: none;
	z-index: 2;
	box-sizing: border-box;
}
.floatSpLink {
	display: block;
}
.floatSpBnr img {
	width: 100%;
}
.floatPcBnr {
	height: 300px;
	position: fixed;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	display: block;
	z-index: 2;
}
a.floatPcLink {
	display: block;
}
@media only screen and (max-width: 640px) {
	.floatSpBnr,a.floatSpLink {
		display: block;
	}
	.floatPcBnr,a.floatPcLink {
		display: none;
	}
	.flbnpb {padding-bottom: 35% !important;}
}