@charset "utf-8";

.main-visual {position: relative;}
.main-visual .video-mo {display: none;}
.main-visual .video-box {width: 100vw; height: 100vh;}
.main-visual .video-box video {width: 100%; height: 100%; object-fit: fill;}
.main-visual .mail-box {position: absolute; bottom: 60px; left: 60px; display: flex; flex-direction: column; justify-content: center; width: 246px; height: 80px; border: 1px solid rgba(255,255,255,0.3); transition: all 0.5s; cursor: pointer;}
.main-visual .mail-box:hover {background-color: rgba(255,255,255,0.3);}
.main-visual .mail-box p {position: relative; font-size: 16px; font-weight: 500; line-height: 1.5em; letter-spacing: -0.03em; color: #fff; padding-left: 47px;}
.main-visual .mail-box p:before {position: absolute; top: 50%; margin-top: -10px; left: 20px; content: ''; width: 23px; height: 18px; background: url('../img/main/icon_mail.png') no-repeat left center;}
.main-visual .mail-box small {font-size: 16px; font-weight: 400; line-height: 1.5em; color: #fff; padding-left: 47px;}