@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;
	padding-bottom: 12px;
	height: 3em;
}

.cta .box br.sp {
	display: none;
}

.cta .box p{
	line-height: 1.3;
}
.cta_btn img{
	display: inline-block;
	width: auto;
	height: 16px;
	margin: 0 10px;
	vertical-align: middle;
}

.cta_btn{
	display: block;
	color: #fff !important;
	width: 80%;
	padding: 12px 24px;
	background-color: #0064a1;
  	margin: 0 auto;
	  text-decoration: none;
}
#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;
	text-decoration: none;
}
#cta_fix.cta .box div {
	display: inline-block;
	width: 100%;
	height: auto;
}

.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;
	}
	.cta .box p{
		display: inline-block;
	}

	#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;
	}
	#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%;
	}
	.cta .box br {
		display: none;
	}
	.cta .box br.sp {
		display: block;
	}
}