@charset "utf-8";
#l_wrapper {
	overflow: hidden;
}

#technology_under {
	width: 100%;
	height: auto;
	padding: 62px 0 80px;
}
	.technology_under__inner {
		width: 90%;
		max-width: 1000px;
		height: auto;
		margin: 0 auto;
	}
		.technology_under__btn_area {
			width: 100%;
			height: auto;
			margin: 0 auto 70px;
			position: relative;
		}
			.technology_under__btn_area__logomark {
				width: 255px;
				height: auto;
				position: absolute;
				top: 24px;
				right: 16px;
				transform: translate(50%,-50%);
				opacity: .2;
			}
			.technology_under__btn__list {
				display: grid;
				grid-template-columns: repeat(6 , 1fr);
				gap: 10px;
				width: 100%;
				height: auto;
			}
				.technology_under__btn__list__item {
					height: 50px;
				}
					.technology_under__link_btn {
						display: flex;
						justify-content: center;
						align-items: center;
						width: 100%;
						height: 100%;
						padding-bottom: 5px;
						border-radius: 9999px;
						background-color: #DEDEDE;
						position: relative;
					}
					._current .technology_under__link_btn {
						background-color: var(--color--red);
					}
						.technology_under__link_btn__txt {
							font-size: 14px;
							font-weight: 500;
							line-height: 1;
							letter-spacing: -0.06em;
							color: var(--color--black);
						}
						._current .technology_under__link_btn__txt {
							color: var(--color--white);
						}
							.technology_under__link_btn__icon {
								display: block;
								width: 6px;
								height: auto;
								position: absolute;
								bottom: 10px;
								left: 50%;
								transform: translate(-50%,0%);
							}
								.technology_under__link_btn__icon svg {
									width: 100%;
									fill: var(--color--black);
								}
								._current .technology_under__link_btn__icon svg {
									fill: var(--color--white);
								}
				@media (any-hover: hover) {
					.technology_under__link_btn {
						transition: .3s;
					}
					.technology_under__link_btn:hover {
						background-color: var(--color--red);
					}
						.technology_under__link_btn__txt {
							transition: .3s;
						}
						.technology_under__link_btn:hover .technology_under__link_btn__txt {
							color: var(--color--white);
						}
								.technology_under__link_btn__icon svg {
									transition: .3s;
								}
								.technology_under__link_btn:hover .technology_under__link_btn__icon svg {
									fill: var(--color--white);
								}
				}
		.technology_under__details {
			width: 100%;
			height: auto;
			margin: 0 auto 46px;
		}
			.technology_under__name {
				display: flex;
				justify-content: flex-start;
				align-items: center;
				width: 100%;
				height: auto;
				margin: 0 auto 24px;
			}
				.technology_under__name__main_txt {
					font-size: 32px;
					font-weight: 500;
					line-height: 1;
					letter-spacing: 0.08em;
				}
				.technology_under__name__sub_txt {
					margin-left: 18px;
					padding-top: 3px;
					font-size: 16px;
					font-weight: 500;
					line-height: 1;
					letter-spacing: 0.08em;
				}
			.technology_under__details__txt {
				width: 100%;
				height: auto;
				font-size: 16px;
				font-weight: 500;
				line-height: calc(27 / 16);
			}
		.technology_under__technology_list {
			display: grid;
			grid-template-columns: 1fr 1fr 1fr;
			gap: 30px;
			width: 100%;
			height: auto;
			margin: 0 auto 60px;
		}
			.technology_under__technology_list__item {
				height: auto;
			}
			.technology_under__technology_list__item._1column,
			.technology_under__technology_list__item._renewal_item {
				grid-column: span 3;
			}
			.technology_under__technology_list__item._renewal_item:not(:last-of-type) {
				margin-bottom: 35px;
			}
				.technology_under__technology_list__item__ttl {
					width: 100%;
					height: auto;
					margin: 0 auto 24px;
					font-size: 24px;
					font-weight: 500;
					line-height: 1.3;
					letter-spacing: 0.08em;
				}
				.technology_under__technology_list__item__image {
					width: 100%;
					height: auto;
				}
				.technology_under__technology_list__item__name {
					width: 100%;
					height: auto;
					margin: 8px auto 0;
					font-size: 16px;
					font-weight: 500;
					line-height: 1.3;
				}
		.technology_under__back {
			width: 100%;
			height: auto;
		}
			.technology_under__back__btn_wrap {
				width: 162px;
				height: 42px;
				margin: 0 auto;
			}

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


}

@media all and (min-width: 769px){

}

@media all and (max-width: 1100px){

}

/* Tablet ================================================== */
@media all and (max-width: 768px){
#technology_under {
	padding: 40px 0 120px;
}
	.technology_under__inner {
		width: calc((344 / 390) * 100%);
	}
		.technology_under__btn_area {
			margin: 0 auto 40px;
		}
			.technology_under__btn_area__logomark {
				width: 160px;
				position: absolute;
				top: 20px;
				right: 12px;
			}
			.technology_under__btn__list {
				grid-template-columns: repeat(3 , 1fr);
				column-gap: 8px;
				row-gap: 10px;
			}
				.technology_under__btn__list__item {
					height: 42px;
				}
					.technology_under__link_btn {
						padding-bottom: 4px;
					}
							.technology_under__link_btn__icon {
								bottom: 6px;
							}
		.technology_under__details {
			margin: 0 auto 40px;
		}
			.technology_under__name {
				flex-direction: column-reverse;
				align-items: flex-start;
				margin: 0 auto 20px;
			}
				.technology_under__name__main_txt {
					font-size: 24px;
				}
				.technology_under__name__sub_txt {
					margin-left: 0px;
					padding-top: 1px;
					margin-bottom: 12px;
					font-size: 12px;
					color: #CCCCCC;
				}
			.technology_under__details__txt {
				font-size: 14px;
			}
		.technology_under__technology_list {
			display: flex;
			justify-content: space-between;
			align-items: flex-start;
			flex-wrap: wrap;
			gap: initial;
			row-gap: 20px;
		}
			.technology_under__technology_list__item {
				width: calc(50% - 5px);
				height: auto;
			}
			.technology_under__technology_list__item._1column,
			.technology_under__technology_list__item._renewal_item {
				grid-column: initial;
				width: 100%;
			}
			.technology_under__technology_list__item._renewal_item:not(:last-of-type) {
				margin-bottom: 25px;
			}
				.technology_under__technology_list__item__ttl {
					margin: 0 auto 14px;
					font-size: 18px;
				}
				.technology_under__technology_list__item__name {
					margin: 8px auto 0;
					font-size: 14px;
				}
}

/* SP ================================================== */
@media all and (max-width: 575px){
		.technology_under__technology_list {
			flex-direction: column;
			justify-content: flex-start;
			align-items: center;
		}
			.technology_under__technology_list__item {
				width: 100%;
			}
				.technology_under__technology_list__item__name {
					padding-bottom: 15px;
				}
}