@charset "UTF-8";
/* CSS Document */
.content_unit.interview_cnt {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}


	.text span, .linkList span {
	    display: block;
	}

	.cont_ele.interview_cnt {
	  display: grid;
	  grid-template-columns: 56% 44%;
	  width: 100%;
	  margin: 0 auto 3%;
	}

	.textArea.interview_cnt {
		/*width: 56%;*/
	    background-color: #fffbd9;
	    text-align: left;
	    position: relative;
	    font-family: "Noto Serif JP", serif;
	    font-weight: 600;
	}


	.text.interview_cnt {
	    position: absolute;
	    padding-left: clamp(2rem, 1.556rem + 0.93vw, 2.25rem);
	    top: clamp(1rem, 0.556rem + 0.93vw, 1.25rem);
	    line-height: 1.6;
	}


	.department {
	    font-size: clamp(0.938rem, 0.382rem + 1.16vw, 1.25rem);
	}

	.company {
	    font-size: clamp(0.75rem, 0.306rem + 0.93vw, 1rem);
	}

	.name {
	    font-size: clamp(1.125rem, 0.458rem + 1.39vw, 1.5rem);
	    padding-bottom: 0.4rem;
	}

	.school, .joined {
	    font-size: clamp(0.656rem, 0.267rem + 0.81vw, 0.875rem);
	}

	.linkArea {
	    position: relative;
	}

	.linkList {
	    position: absolute;
	    padding-left: 36px;
	    bottom: clamp(0.5rem, -2.611rem + 6.48vw, 2.25rem);
	    font-size: clamp(0.844rem, 0.344rem + 1.04vw, 1.125rem);
	    font-weight: 600;
	    line-height: 2.4;
	}


	.linkList span:after {
	    content: ">";
	}


.articleLink, .movieLink {
    text-decoration: underline;
    text-decoration-thickness: 0.5em;
    text-underline-offset: -0.2em;
    text-decoration-skip-ink: none;
}

.articleLink {
    text-decoration-color: rgba(255, 228, 0, 0.4);
}

.movieLink {
    text-decoration-color: rgb(202 0 53 / 40%);
}



	.product:before {
	    background: #3e7f77;
	}

	.profile:before {
	    position: absolute;
	    display: block;
	    width: 5px;
	    height: 100%;
	    margin-left: -17px;
	    content: '';
	    -webkit-transition: all .3s ease-in-out;
	    -moz-transition: all .3s ease-in-out;
	    transition: all .3s ease-in-out;
	}


	.movieThumbnail {
	    /*width: 44%;*/
		cursor: pointer;
		/*display: inline-block;*/
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
	}

.movieThumbnail {
    position: relative;
    display: inline-block;
}

.movieThumbnail img {
    display: block;
    width: 100%; /* 必要に応じて調整 */
    filter: brightness(70%); /* 画像を少し暗くする */
    transition: filter 0.3s ease;
}

.movieThumbnail:hover img {
    filter: brightness(85%); /* ホバー時に少し明るく */
}

.play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(0, 0, 0, 0.6);
    color: white;
    font-size: 2em;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    border-radius: 50%;
    transition: background 0.3s ease;
}

.movieThumbnail:hover .play-button {
    background: rgba(0, 0, 0, 0.8);
}


        /* ポップアップの背景 */
        .popup-overlay {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.8);
            z-index: 10000;
            justify-content: center;
            align-items: center;
        }

        /* ポップアップコンテンツ */
        .popup-content {
            position: relative;
            max-width: 90vw; /* 画面の90%まで */
            max-height: 90vh; /* 画面の90%まで */
            background: #000;
            /*padding: 10px;*/
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .popup-content video {
            width: 100%;
            max-width: 90vw;
            max-height: 90vh;
            object-fit: contain; /* 画面に収まるよう調整 */
        }

        /* 閉じるボタン */
        .close-btn {
            position: absolute;
            top: 10px;
            right: 15px;
            font-size: 24px;
            color: #fff;
            cursor: pointer;
            background: rgba(0, 0, 0, 0.6);
            padding: 5px 10px;
        }


.modal-video-movie-wrap{
        height: 80%!important;
}