NEWS RELEASE
ニュースリリース
"); } .remodal-confirm, .remodal-cancel { font: inherit; display: inline-block; overflow: visible; min-width: 110px; margin: 0px; padding: 12px 0px; cursor: pointer; transition: background 0.2s ease 0s; text-align: center; vertical-align: middle; text-decoration: none; border: 0px; outline: 0px; } .remodal-confirm { color: rgb(255, 255, 255); background: rgb(129, 199, 132); } .remodal-confirm:hover, .remodal-confirm:focus { background: rgb(102, 187, 106); } .remodal-cancel { color: rgb(255, 255, 255); background: rgb(229, 115, 115); } .remodal-cancel:hover, .remodal-cancel:focus { background: rgb(239, 83, 80); } @keyframes remodal-opening-keyframes { 0% { transform: scale(1.05); opacity: 0; } 100% { transform: none; opacity: 1; filter: blur(0px); } } @keyframes remodal-closing-keyframes { 0% { transform: scale(1); opacity: 1; } 100% { transform: scale(0.95); opacity: 0; filter: blur(0px); } } @keyframes remodal-overlay-opening-keyframes { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes remodal-overlay-closing-keyframes { 0% { opacity: 1; } 100% { opacity: 0; } } @media only screen and (min-width: 641px) { .remodal { } } .lt-ie9 .remodal-overlay { background: rgb(43, 46, 56); } .lt-ie9 .remodal { width: 700px; } button { padding: 0px; border: none; font: inherit; color: inherit; background: none; cursor: pointer; } .video-ttl { color: rgb(255, 255, 255); font-weight: bold; text-align: left; line-height: 1.1; margin-bottom: 15px; } .video-ttl .logo { width: 70px; display: block; } .video-ttl .logo img { width: 100%; } .video-ttl .main { font-size: 55px; display: block; } .video-container { width: 100%; aspect-ratio: 16 / 9; margin-bottom: 30px; } .video-thumbnails { width: 100%; } .video-thumbnails-wrap { width: 100%; display: flex; gap: 25px; } .video-thumbnails-note { display: none; } .video-thumbnails .thumbnail { outline: 0px; position: relative; } .video-thumbnails .thumbnail .thumbnail-img { position: relative; margin-bottom: 10px; } .video-thumbnails .thumbnail .thumbnail-img .format-time { font-size: 14px; color: rgb(255, 255, 255); background: rgb(229, 0, 32); width: 63px; height: 17px; display: flex; align-items: center; padding-top: 3px; padding-left: 10px; position: absolute; bottom: 0px; left: 0px; clip-path: polygon(0px 0px, 83% 0px, 100% 100%, 0px 100%); } .video-thumbnails .thumbnail .thumbnail-img::before { content: ""; width: 100%; height: 100%; background-color: rgba(27, 27, 27, 0.5); position: absolute; top: 0px; left: 0px; z-index: 2; opacity: 0; transition: opacity 0.3s ease 0s; } .video-thumbnails .thumbnail .thumbnail-img::after { content: ""; width: 77px; height: 77px; background: url("/image/brand-movie/play_mark02.png") center center / 100% no-repeat; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 3; opacity: 0; transition: opacity 0.3s ease 0s; } .video-thumbnails .thumbnail:hover .thumbnail-img::before, .video-thumbnails .thumbnail:hover .thumbnail-img::after, .video-thumbnails .thumbnail:focus .thumbnail-img::before, .video-thumbnails .thumbnail:focus .thumbnail-img::after { opacity: 1; } .video-thumbnails .thumbnail .thumbnail-img { border-bottom: 3px solid rgb(229, 0, 32); } .video-thumbnails .thumbnail .thumbnail-img img { max-width: 100%; } .thumbnail-ttl { color: rgb(255, 255, 255); text-align: center; font-size: 17px; } @media (max-width: 767px), (max-height: 767px) { .remodal-inner { max-width: 99vw; overflow: hidden; } .video-ttl { margin-bottom: 15px; margin-left: 10px; } .video-ttl .logo { width: 50px; margin-bottom: 5px; } .video-ttl .main { font-size: 27px; } .video-thumbnails { position: relative; overflow-y: auto; } .video-thumbnails-wrap { gap: 10px; width: 152%; min-width: 540px; margin: 0px 10px 10px; } .video-thumbnails-note { color: rgb(153, 153, 153); font-size: 9px; line-height: 1.3; margin-top: 10px; text-align: right; display: block; } .remodal-close { width: 48px; height: 48px; } .video-container { margin-bottom: 15px; } .video-thumbnails .thumbnail .thumbnail-img { border-width: 2px; margin-bottom: 5px; } .video-thumbnails .thumbnail .thumbnail-ttl { font-size: 12px; } .video-thumbnails .thumbnail:hover .thumbnail-img::after, .video-thumbnails .thumbnail:focus .thumbnail-img::after { opacity: 0; } .video-thumbnails { scrollbar-color: rgb(255, 255, 255) rgb(136, 136, 136); scrollbar-width: thin; } .video-thumbnails::-webkit-scrollbar { width: 5px; } .video-thumbnails::-webkit-scrollbar-track { background: rgb(136, 136, 136); } .video-thumbnails::-webkit-scrollbar-thumb { background-color: rgb(255, 255, 255); border-radius: 10px; border: 3px solid rgb(136, 136, 136); } } @media (max-height: 650px) and (orientation: landscape) { .remodal-inner { width: 95vw; height: auto; aspect-ratio: auto; flex-flow: wrap; justify-content: space-between; align-items: flex-start; } .video-ttl { width: 100%; margin-bottom: 10px; } .video-container { width: 70%; margin-bottom: 0px; } .video-thumbnails { width: 28%; } .video-thumbnails-wrap { flex-wrap: wrap; gap: 5px 4%; width: 100%; min-width: auto; margin: 0px; } .video-thumbnails-wrap .thumbnail { width: 48%; } .video-thumbnails .thumbnail .thumbnail-ttl { font-size: 12px; } .remodal-close { top: 0px; } .video-thumbnails-note { display: none; } }
“ふつう”にインターネットが使える。
“ふつう”に電話が使える。
“ふつう”に電気が使える。
中⼩企業の頼れるパートナーとして、お客様が本来の仕事に
専念できる環境を作り出す。
それが私たちの使命だと考えています。
成果につながる仕事場づくりを、
トータルでお手伝い。
仕事を変えるしごと。
その約束のもとに。
東名GROUPをより深くご理解
いただくための情報をご案内。