/*20250812*/
.ft_entry_btn{
	width: calc((100% - 48px) / 4);
	height: 70px;
	a{
		text-decoration: none;
		background-color: #0eafa0;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		height: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		position: relative;
		transition: 0.3s;
		&::before {
			border-top: 1px solid #fff;
			position: absolute;
			top: 50%;
			right: 15px;
			content: "";
			width: 20px;
			height: 1px;
			transition: 0.3s;
		}
		&::after {
			border-top: 1px solid #fff;
			position: absolute;
			top: 50%;
			right: 15px;
			content: "";
			width: 8px;
			height: 1px;
			transform: rotate(30deg);
			margin-top: -2px;
			transition: 0.3s;
		}		
		.btn_txt{
			color:#fff;
			font-size: 20px;
			letter-spacing: 0.05em;
			font-weight: bold;
			position: relative;
			z-index: 2;
			text-align: center;
			line-height: 1.3;
		}
		&:hover::before, &:hover::after {
			transition: 0.3s;
			right: 10px;
			border-top: 1px solid #fff;
			z-index: 2;
		}
		.line::before{
			position: absolute;
			top: 0;
			left: 0;
			content: '';
			width: 100%;
			height: 100%;
			background: #222;
			transform: scale(0, 1);
			transform-origin: left top;
			transition: transform .3s;
		} 
		&:hover .line::before{
			transform: scale(1, 1);
		}
	}
	&:nth-child(1){
		a{
			background-color: #2ea1c2;
		}
	}
	&:nth-child(2){
		a{
			background-color: #2ea1c2;
		}
	}
	&:nth-child(3){
		a{
			background-color: #ea6188;
		}
	}
	&:nth-child(4){
		a{
			background-color: #0eafa0;
		}
	}
}



@media screen and (max-width: 768px) {
.ft_entry_btn{
	width: 100%;
	height: 50px;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	a{
		text-decoration: none;
		background-color: #0eafa0;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		height: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		position: relative;
		transition: 0.3s;
		&::before {
			border-top: 1px solid #fff;
			position: absolute;
			top: 50%;
			right: 15px;
			content: "";
			width: 20px;
			height: 1px;
			transition: 0.3s;
		}
		&::after {
			border-top: 1px solid #fff;
			position: absolute;
			top: 50%;
			right: 15px;
			content: "";
			width: 6px;
			height: 1px;
			transform: rotate(30deg);
			margin-top: -2px;
			transition: 0.3s;
		}		
		.btn_txt{
			color: #fff;
			font-size: 16px;
			letter-spacing: 0.05em;
			font-weight: bold;
			position: relative;
			z-index: 2;
			line-height: 1.2;
			text-align: center;
			padding-right: 35px;
		}
		&:hover::before, &:hover::after {
			transition: 0.3s;
			right: 5px;
			border-top: 1px solid #fff;
			z-index: 2;
		}
		.line::before{
			position: absolute;
			top: 0;
			left: 0;
			content: '';
			width: 100%;
			height: 100%;
			background: #222;
			transform: scale(0, 1);
			transform-origin: left top;
			transition: transform .3s;
		} 
		&:hover .line::before{
			transform: scale(1, 1);
		}
	}
	&:nth-child(1){
		a{
			background-color: #2ea1c2;
		}
	}
	&:nth-child(2){
		a{
			background-color: #2ea1c2;
		}
	}
	&:nth-child(3){
		a{
			background-color: #ea6188;
		}
	}
	&:nth-child(4){
		a{
			background-color: #0eafa0;
		}
	}
}

}