@charset "utf-8";
#entry_link {
	width: 100%;
	height: auto;
	padding: calc((90 / var(--vw)) * 100vw) 0 0;
}
	.entry_link__inner {
		width: calc((1200 / var(--vw)) * 100vw);
		height: auto;
		margin: 0 auto;
	}
		.entry_link__list {
			display: grid;
			grid-template-columns: repeat(3, 1fr);
			gap: calc((10 / var(--vw)) * 100vw);
		}
			.entry_link__list__item {
				width: 100%;
				height: auto;
				opacity: 0;
				transform: translate(0, calc((20 / var(--vw)) * 100vw));
				-webkit-transform: translate(0, calc((20 / var(--vw)) * 100vw));
				transition: 1s cubic-bezier(0.490, 0.035, 0.140, 0.910);
			}
			.entry_link__list__item:nth-of-type(2) {
				transition-delay: .1s;
			}
			.entry_link__list__item:nth-of-type(3) {
				transition-delay: .2s;
			}
			._inview .entry_link__list__item {
				opacity: 1;
				transform: translate(0, 0);
				-webkit-transform: translate(0, 0);
			}
				.entry_link__list__item__link {
					display: flex;
					justify-content: space-between;
					align-items: stretch;
					border-radius: calc((5 / var(--vw)) * 100vw);
					aspect-ratio: 393 / 270;
					background-color: var(--color--red);
					overflow: hidden;	
				}
				.entry_link__list__item__contents {
					display: flex;
					flex-direction: column;
					justify-content: space-between;
					width: 50%;
					height: auto;
					padding: calc((25 / var(--vw)) * 100vw) calc((20 / var(--vw)) * 100vw) calc((20 / var(--vw)) * 100vw) calc((25 / var(--vw)) * 100vw);
				}
					.entry_link__list__item__heading {
						width: 100%;
						height: auto;
						padding-left: calc((2 / var(--vw)) * 100vw);
					}
						.entry_link__list__item__heading__main_text {
							margin-bottom: calc((1 / var(--vw)) * 100vw);
							font-size: calc((20 / var(--vw)) * 100vw);
							font-weight: 700;
							line-height: 1.4;
							letter-spacing: 0.03em;
							color: var(--color--white);
						}
						.entry_link__list__item__heading__sub_text {
							font-size: calc((12 / var(--vw)) * 100vw);
							font-weight: 500;
							line-height: 2;
							letter-spacing: 0.03em;
							color: var(--color--white);
						}
					.entry_link__list__item__btn_wrap {
						width: 100%;
						height: auto;
					}
						.entry_link__list__item__btn {
							display: flex;
							justify-content: center;
							align-items: center;
							width: 100%;
							height: calc((40 / var(--vw)) * 100vw);
							padding-bottom: calc((1 / var(--vw)) * 100vw);
							border-radius: calc((2 / var(--vw)) * 100vw);
							background-color: var(--color--black);
							position: relative;
						}
							.entry_link__list__item__btn__text {
								font-size: calc((14 / var(--vw)) * 100vw);
								font-weight: 700;
								line-height: 1.5;
								letter-spacing: 0.05em;
								color: var(--color--white);
							}
							.entry_link__list__item__btn__arrow {
								width: calc((19 / var(--vw)) * 100vw);
								height: calc((10 / var(--vw)) * 100vw);
								background-color: var(--color--white);
								mask-image: url(../image/btn_arrow_join.svg);
								mask-size: contain;
								mask-position: center;
								mask-repeat: no-repeat;
								position: absolute;
								top: 50%;
								right: calc((13 / var(--vw)) * 100vw);
								transform: translate(0%,-50%);
							}
				.entry_link__list__item__image {
					width: 50%;
					height: auto;
					overflow: hidden;
					background-color: var(--color--white);
				}
					.entry_link__list__item__image img {
						width: 100%;
						height: 100%;
						object-fit: cover;
						object-position: center;
						will-change: transform;
					}
				@media (any-hover: hover) {
						.entry_link__list__item__btn {
							transition: var(--transition--bg);
						}
						.entry_link__list__item__link:hover .entry_link__list__item__btn{
							background-color: var(--color--white);
						}
							.entry_link__list__item__btn__text {
								transition: var(--transition--text);
							}
							.entry_link__list__item__link:hover .entry_link__list__item__btn__text {
								color: var(--color--red);
							}
							.entry_link__list__item__btn__arrow {
								transition: var(--transition--bg), var(--transition--transform);
							}
							.entry_link__list__item__link:hover  .entry_link__list__item__btn__arrow {
								background-color: var(--color--red);
								transform: translate(calc((3 / var(--vw)) * 100vw),-50%);
							}
					.entry_link__list__item__image img {
						transition: var(--transition--transform), var(--transition--opacity);
						transform: scale(1);
						opacity: 1;
					}
					.entry_link__list__item__link:hover .entry_link__list__item__image img {
						transform: scale(1.03);
						opacity: 0.8;
					}
				}

/* PC ================================================== */
@media all and (min-width: 769px){

}

/* Tablet ================================================== */
@media all and (max-width: 768px){
#entry_link {
	padding: calc((30 / var(--vw)) * 100vw) 0 0;
}
	.entry_link__inner {
		width: calc((330 / var(--vw)) * 100%);
	}
		.entry_link__list {
			grid-template-columns: repeat(1, 1fr);
			gap: calc((20 / var(--vw)) * 100vw);
		}
				.entry_link__list__item__link {
					aspect-ratio: 330 / 227;
				}
				.entry_link__list__item__contents {
					padding: calc((25 / var(--vw)) * 100vw) calc((25 / var(--vw)) * 100vw) calc((20 / var(--vw)) * 100vw) calc((25 / var(--vw)) * 100vw);
				}
					.entry_link__list__item__heading {
						padding-left: 0;
					}
						.entry_link__list__item__heading__main_text {
							margin-bottom: calc((4 / var(--vw)) * 100vw);
							font-size: calc((18 / var(--vw)) * 100vw);
						}
						.entry_link__list__item__heading__sub_text {
							font-size: calc((10 / var(--vw)) * 100vw);
						}
						.entry_link__list__item__btn {
							justify-content: flex-start;
							padding-left: calc((12 / var(--vw)) * 100vw);
						}
}

/* SP ================================================== */
@media all and (max-width: 575px){

}