"); } .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; } } (cache)株式会社東名|中小企業の課題を解決するパートナー

中小企業の課題を
解決する
パートナーへ

BRAND MOVIE

御社のお困りごとを解決すること。
それが私たちの仕事です。

“ふつう”にインターネットが使える。
“ふつう”に電話が使える。
“ふつう”に電気が使える。

中⼩企業の頼れるパートナーとして、お客様が本来の仕事に
専念できる環境を作り出す。
それが私たちの使命だと考えています。

SERVICE

成果につながる仕事場づくりを、
トータルでお手伝い。

光回線サービス

「フレッツ光 」の速度・品質をそのままご提供する
光コラボレーションサービス

View More

オフィスソリューション

業務の効率化につながる商材を複数展開

View More
見る、解る、儲かる。商売の学び場。オフィス119 チャンネル 見る、解る、儲かる。商売の学び場。オフィス119 チャンネル
安心して事業に専念いただくためのライフコンサルティング・サービス SOMPOひまわり生命 安心して事業に専念いただくためのライフコンサルティング・サービス SOMPOひまわり生命

BUSINESS

仕事を変えるしごと。
その約束のもとに。

IR INFORMATION

東名GROUPをより深くご理解
いただくための情報をご案内。

PARTNER

パートナー募集

お互いのビジネスチャンスを広げられる
アライアンスパートナーを募集しております。

View More

RECRUIT

人生劇場の真ん中へ。

株式会社東名では、常に挑戦し
共に成長できる仲間をお待ちしております。

View More