.detail_image._collegeModal_1sn5b_63 { display: block; width: 100%; background: #fff;}
.detail_image._collegeModal_1sn5b_63 img { width: 100%;}
.detail_image._collegeModal_1sn5b_63 .title { display: block;  font-size: 18px; color: #000; font-weight: 600; text-align: center; line-height: 1.3; padding: 7px 20px 10px; position: relative;}
.detail_image._collegeModal_1sn5b_63 .title:after { content: "";  width: 14px; height: 14px; border-top: 1px solid #000; border-left: 1px solid #000; transform: rotate(135deg); position: absolute; top: calc(50% - 7px); right: 20px; transition: .3s;}
.detail_image._collegeModal_1sn5b_63 button:hover { filter: brightness(1.2); transition: filter .2s ease-in-out, -webkit-filter .2s ease-in-out;}


@media (max-width: 640px) {
.detail_image._collegeModal_1sn5b_63 { display: flex; align-items: center;}
.detail_image._collegeModal_1sn5b_63 .js-modal-video { display: grid; aspect-ratio: 345 / 95; grid-template-columns: 48.9855072464%; grid-template-areas: "thumb text"; }
.detail_image._collegeModal_1sn5b_63 ._bnCard__text_hwzli_98 { display: flex; align-items: center;}
.detail_image._collegeModal_1sn5b_63 .title { font-size: 20px;}
.detail_image._collegeModal_1sn5b_63 .title:after { position: absolute; top: calc(50% - 7px); right: -20px; transition: .3s;}
}