.contents__color,.header__newface,.footer__newface a { color:#E6005D;}

.newface__newfaces { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:flex-start; }
.newface__newface { width: calc(23% - 5px); position: relative;margin: 0 25px 0 0;}
.newface__newface:hover {position: relative;}

.newface__photo { height: 250px; overflow: hidden;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;position: relative;}
.newface__photo img { height: 100%}
.newface__university { position: absolute; left: -10px; top: 220px;font-size: 12px;background-color: #ff3e6a;color: #fff; padding: 2px 5px}
.newface__newface:nth-of-type(2n+1) { margin-top: 80px}
.newface__newface:hover { opacity: .7; -webkit-transition: 0.3s;transition: 0.3s; -webkit-transform: none; transform: none; }
.newface__name { font-weight: bold; font-size: 18px; }
.newface__ename { font-size: 10px; }
.newface__names { margin-top: 15px}

.detail { position: relative;}
.detail__main { width:100%; position: relative; display:flex; flex-wrap:wrap; justify-content: space-between;}
.detail__main img { width: 40%; align-self: start; }
.detail__info {width: 55%;}
.detail__university { background-color: #ff3e6a; color: #fff; font-size: 12px; padding: 2px 5px;display: inline-block; line-height:20px; }
.detail__zemi { font-size: 13px;margin-top: 10px}
.detail__name { font-size: 30px;font-weight: bold; margin: 20px 0 0 0;}
.detail__activity{border-top: 1px solid #ff3e6a;border-bottom: 1px solid #ff3e6a;margin-top: 20px;padding: 15px 0;}
.detail__activity_title{font-weight: bold;color: #ff3e6a;font-size: 16px;margin-bottom: 5px;}
.detail__club { margin-top: 30px;}
.detail__will { margin-top: 80px; padding: 0px 50px;}
.detail__title { text-align: left;margin:30px 0 20px 0; }
.detail__title-sub { width: 100%}
.detail__text { font-size: 14px;line-height: 2em; text-align: justify; text-justify: inter-ideograph;}
.detail__school { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 80px; padding: 50px;background-color: #F5F5F5;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.detail__half { width: 35%;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.detail__half.big { width: 60%; }
.detail__cap { width: 100%;padding: 10px}
.detail__cap img { width: 100%;aspect-ratio: 3 / 2; object-fit: cover; object-position: 50%;}
.detail__cap { font-size: 11px;}

.detail__others { display: -webkit-box; display: -ms-flexbox; display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.detail__newface-other { width: 23%; position: relative;}
.detail__photo-other { height:250px; align-self: start; overflow: hidden;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;position: relative; margin:0 10px; }
.detail__photo-other img { height:  100%}
.detail__university-other { font-size: 12px;background-color: #ff3e6a;color: #fff; padding: 2px 5px;display: inline-block; margin-top: 10px; bottom:40px; position:absolute;}
.detail__name-other { font-weight: bold;}
.detail__ename-other { font-size: 10px; }
.detail__names-other { margin-top: 20px;padding-left: 5px}
.detail__articles { text-align: center;margin-top: 150px}
.detail__articles h4 { font-size: 30px; font-weight: lighter;}
.detail__back { width: -moz-fit-content; width: -moz-max-content; width: -moz-max-content; margin-top: 30px; display:flex; position: relative; text-decoration: underline;}
.detail__back-arrow { width: 0px; height: 1px; background-color: #707070; position: relative;-webkit-transition: 0.3s;transition: 0.3s;margin-left: 10px; top: 10px; margin: 0 5px 0 0; }
.detail__back-arrow::before { content:""; width: 0px; height: 1px; background-color: #707070; position: absolute; top: -2px;left: 0;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);-webkit-transition: 0.3s;transition: 0.3s}
.detail__back:hover > .detail__back-arrow { width: 50px; }
.detail__back:hover > .detail__back-arrow::before { width: 7px}

.move { display:none; }
.move__prev,.move__next { width: 280px; height: 70px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: #EFEFEF;position: relative;}
.move__prev:hover > .move__arrow,.move__next:hover > .move__arrow  { width: 50px}
.move__next > .move__arrow::after { content: "";width: 0px; height: 1px;background-color: #707070; position: absolute;top: -2px;right: 0;-webkit-transform: rotate(45deg);transform: rotate(45deg);-webkit-transition: 0.3s;transition: 0.3s}
.move__prev > .move__arrow::after { content: "";width: 0px; height: 1px;background-color: #707070; position: absolute;top: -2px;left: 0;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);-webkit-transition: 0.3s;transition: 0.3s}
.move__next:hover > .move__arrow::after,.move__prev:hover > .move__arrow::after  { width: 6px}
.move__arrow {width: 0px; height: 1px; background-color: #707070; position: relative;-webkit-transition: 0.3s;transition: 0.3s;margin-left: 10px;margin-right: 10px }


@media screen and (max-width: 740px){
.newface__newfaces { width: 103%;}
.newface__newface { width: 47%; position: relative; margin: 0 3% 0 0;}
.newface__photo { height: 300px; overflow: hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;position: relative;}
.newface__university { left: 0px; top: 290px;}
.detail__info {width: 100%;}
.detail__main img { width: 100%;}
.detail__info { border-bottom: 0.5px solid #4D4D4D; position: relative; left: 0px; top: 0px; background-color: rgba(255,255,255,0.8);padding: 20px}
.detail__university { font-size: 13px; }
.detail__zemi { font-size: 12px;margin-top: 10px}
.detail__name { font-size: 25px;font-weight: bold;}
.detail__club { margin-top: 10px}
.detail__will { margin-top: 30px; padding: 20px;}
.detail__text { font-size: 14px; line-height: 2em}
.detail__photo-other { height: 270px;}

.detail__school { padding: 20px; margin-top: 30px; }
.detail__half { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}


.slick-arrow { display: none;}


.detail__cap img { width: 100%; margin-bottom:10px; }
.detail__cap { width: 100%; font-size: 11px; padding: 0px; margin: 20px 0 0 0;}

.detail__articles h4 { font-size: 25px; font-weight: lighter;}

.detail__back  { margin: 0 auto; margin-top: 70px}
.detail__half.big {
  width: 100%;
}

}



.detail__half { justify-content: flex-start; display: inline_block; }
.detail__text { height: fit-content; }
.profile__text__link { margin-bottom: 0; height: fit-content; }
.profile__text__link a { border: none; font-weight: bold;color: #ff3e6a; }
.profile__text__link:hover { border-bottom: 1px solid #ff3e6a; }




/* YouTube動画用のレスポンシブ対応CSS */
.video-wrapper { position: relative; padding-bottom: 56.25%; /* 16:9のアスペクト比 */ height: 0; overflow: hidden; max-width: 100%; }
.video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* GIFのスタイル */
.profile-gif {
/* 必要に応じてGIF特有のスタイルを追加 */
}

/* 別タブマークのスタイル */
.external-link { font-size: 0.8em; margin-left: 4px; }

/* 動画サムネイルのスタイル */
.video-thumbnail { position: relative; cursor: pointer; display: inline-block; transition: transform 0.2s ease; width: 100%; height: 100%; }
.video-thumbnail:hover { transform: scale(1.05); }
.video-thumbnail-img { width: 100%; height: auto; display: block; }
.play-button { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: rgba(0, 0, 0, 0.7); color: white; font-size: 48px; border-radius: 50%; width: 80px; height: 80px; display: flex; align-items: center; justify-content: center; transition: background 0.2s ease; }
.video-thumbnail:hover .play-button { background: rgba(0, 0, 0, 0.9); }

/* モーダルのスタイル */
.video-modal { display: none; position: fixed; z-index: 1000; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.85); }
.video-modal-content { position: relative; margin: 5% auto; width: 80%; max-width: 800px; }
.video-modal-close { position: absolute; top: -60px; right: 0; color: white; font-size: 35px; font-weight: bold; cursor: pointer; z-index: 1001; }
.video-modal-close:hover { color: #ccc; }
.video-modal-wrapper { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; }
.video-modal-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.video-modal-text { color: white; padding: 20px 0; }

@media screen and (max-width: 740px){
    .video-modal-content { margin-top: 80px; }
}