@charset "utf-8";
#contents_area br.sp_br{
  display: none !important;
}
#contents_area br.tab_br{
  display: none !important;
}

/* CTAボタン */
.cta{
	font-size: 14px;
	display: flex;
	text-align: center;
	max-width: 980px;
	margin: 0 auto;
	padding: 50px 0;
	align-items: center;
	justify-content: space-between;
}
.cta .box{
	display: inline-block;
	width: 48%;
	text-align: center;
}
.cta .box div{
	display: table-cell;
	vertical-align: middle;
	width: 40%;
	margin: 0 auto;
	height: 3em;
}
.cta .box p{
	display: inline-block;
	line-height: 1.3;
}
.cta_btn img{
	display: inline-block;
	width: auto;
	height: 16px;
	margin: 0 10px;
}

.cta_btn{
	display: block;
	color: #fff !important;
	width: 80%;
	padding: 12px 24px;
	background-color: #0064a1;
  margin: 0 auto;
}
#cta_fix.cta{
	padding: 0;
}

#cta_fix{
  display: flex;
  position: fixed;
  z-index: 10;
  bottom: 10px;
  left: 0;
  flex-direction: row;
  width: 100%;
  max-width: 100%;
  justify-content: center;
}
#cta_fix .cta_btn {
  display: block;
  padding: 8px 0;
  width: 25%;
  margin: 0;
  margin: 0 3px;
  box-sizing: border-box;
}
#cta_fix.cta .box div {
  display: inline-block;
  width: 100%;
  height: auto;
  margin-bottom: 12px;
}

.fade-in {
  opacity: 0;
  transition-duration: 100ms;
  transition-property: opacity, transform;
  transition: opacity .3s;
}
.scroll-in {
  opacity: .99;
  -ms-transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  transition: opacity .3s;
}



@media print, screen and (max-width : 769px){
	#contents_area br.tab_br{
	  display: block !important;
	}

	/* CTAボタン */
	.cta{
		flex-direction: column;
	}
	.cta p{
		width: 90%;
	}
	.cta .box {
    width: 90%;
	}
	.cta .box:last-child {
    margin-top: 48px;
		margin-bottom: 32px;
	}
	#contents_area .cta br {
    display: block !important;
	}
	.cta .box div {
    display: block;
		width: 100%;
		height: auto;
		margin-bottom: 12px;
	}

	#cta_fix{
	  position: fixed;
	  z-index: 10;
	  bottom: 0;
	  left: 0;
		flex-direction: row;
		width: 100%;
		justify-content: center;
    margin-right: 22px;
	}
	#cta_fix .cta_btn {
		display: block;
		/* width: 200px; */
		padding: 8px 0;
		width: 32%;
		margin: 0;
    margin: 0 1px;
		box-sizing: border-box;
	}
	#cta_fix.cta .box div {
		display: inline-block;
		width: 100%;
		height: auto;
		margin-bottom: 12px;
	}
	#cta_fix.cta{
		padding: 0;
	}
  .cta_btn img.for_pc{
    display: none;
  }
}

@media print, screen and (max-width : 500px){
	#contents_area br.sp_br{
	  display: block !important;
	}
  .cta_btn img{
    height: 15px;
  }
	#cta_fix .cta_btn{
		width: 25%;
	}
}