ブランドムービー「ロジスティクス」を制作しました

お知らせ
ブランドムービー「ロジスティクス」を制作しました2026. 6. 11
マークスアンドウェブのモノづくりや、現場をお伝えするブランドムービー。「プロダクト」篇、「ショップ」篇に続き、物流拠点に焦点をあてた動画ができあがりました。工場で製造された商品が、店頭に並び、そしてお客様のもとへ。その過程を支えているのが物流の現場「ロジスティクス」です。日々、多くの商品が行き交うなか、一つひとつの商品を丁寧に扱いながら、ブランドの品質と信頼を支えるために、ロジスティクスのスタッフは働いています。ブランドムービー「ロジスティクス」の動画は、全3本を公開予定です。どうぞご覧ください。【富士山の麓にある物流拠点】マークスアンドウェブの物流拠点「ロジスティクス」は、富士山の麓にあります。車で約5分の場所にある松山油脂富士河口湖工場でつくられた商品は、品質検査を経てロジスティクスへ運ばれます。倉庫内では、商品ごとに決められた場所で適切に保管・管理し、お客様のもとへお届けする準備を整えています。
.video-container_pc {
display: flex;
gap: 16px;
}
.video-wrap_pc {
flex: 1 1 30%;
aspect-ratio: 9/16;
display: flex;
flex-direction: column; /* 上にテキスト、その下に動画 */
margin-bottom: 24px;
}
.video-title_pc {
font-size: 15px;
font-weight: 420;
margin-bottom: 8px; /* 動画との間隔 */
text-align: center;
line-height: 1.3;/* 行間を狭める。数字を小さくするとさらに詰まる */
}
.video-wrap_pc video {
width: 100%;
height: 100%;
object-fit: cover;
}
}
富士山の麓にある物流拠点
6月15日(月)アップ予定
6月19日(金)アップ予定
マークスアンドウェブのモノづくりや、現場をお伝えするブランドムービー。「プロダクト」篇、「ショップ」篇に続き、物流拠点に焦点をあてた動画ができあがりました。工場で製造された商品が、店頭に並び、そしてお客様のもとへ。その過程を支えているのが物流の現場「ロジスティクス」です。日々、多くの商品が行き交うなか、一つひとつの商品を丁寧に扱いながら、ブランドの品質と信頼を支えるために、ロジスティクスのスタッフは働いています。ブランドムービー「ロジスティクス」の動画は全3本を公開予定です。どうぞご覧ください。
富士山の麓にある物流拠点マークスアンドウェブの物流拠点「ロジスティクス」は、富士山の麓にあります。車で約5分の場所にある松山油脂富士河口湖工場でつくられた商品は、品質検査を経てロジスティクスへ運ばれます。倉庫内では、商品ごとに決められた場所で適切に保管・管理し、お客様のもとへお届けする準備を整えています。
/* 動画セクション全体 */
.video-section {
width: 100%;
font-size: 15px;
}
/* 動画＋テキスト1行（PCは横並び、スマホは縦積み） */
.video-row {
display: flex; /* PCでは横並び */
align-items: flex-start;
justify-content: space-between;
margin-bottom: 40px;
background-color: #EFEFEF
}
/* 動画部分：PCは40%幅 */
.video-wrap {
flex: 0 0 40%;
min-width: 200px;
margin: 0 30px 35px 30px ;
}
.video-wrap video,
.video-wrap img {
width: 100%;
height: auto;
display: block;
}
/* スマホ対応：縦積みに切替 */
@media (max-width: 768px) {
.video-row {
flex-direction: column; /* 縦並びに変更 */
}
.video-wrap,
.video-text {
flex: 1 1 100%; /* 幅100% */
}
.video-text {
margin-top: 10px;
align-items: flex-start; /* 縦中央寄せ解除 */
margin: 30px 30px 20px 30px;
}
/* スマホ幅で行間を1.6に */
.video-title {
line-height: 1.6 !important; /* インラインスタイルより優先 */
margin: 0 ;
}
}
.pc-only, .sp-only {
display: none;
}
/* PC表示（例：幅768px以上） */
@media screen and (min-width: 768px) {
.pc-only { display: block; }
}
/* SP表示（例：幅767px以下） */
@media screen and (max-width: 767px) {
.sp-only { display: block; }
}
お知らせ
フェイスケア