ブランドムービー「ショップ」を制作しました

お知らせ
ブランドムービー「ショップ」を制作しました2026. 1. 30
マークスアンドウェブのモノづくりや、現場をお伝えするブランドムービー。昨年10月に公開した製造現場が舞台の「プロダクト」篇に続き、今回は「ショップ」に焦点をあてた動画ができあがりました。MARKS&WEBというブランドネームには、MARKS(お気に入り)をWEB(広める)という思いが込められています。そして、それを体現しているのが直営店のショップスタッフです。商品知識に加え、スタッフそれぞれがブランド・商品への熱い思いをもって、お客様ひとりひとりに寄り添ったご提案、そして居心地のよい空間づくりに日々取り組んでいます。ブランドムービー「ショップ」の動画は、全3本を1週間ごとに公開予定です。どうぞご覧ください。【一日のはじまり、お店を整える】自分の自宅に招くような、リラックスした空間でお客様に過ごしていただきたい。そんな思いのもと、私たちはお店づくりをしています。心地よいひとときをお過ごしいただけるよう、店内をきれいにし、商品を並べる。そして、その日の天候や季節に合わせて、お客様におすすめしたい香りを選びます。今日ご来店いただくお客様のことを思い浮かべながら、お店を整え、一日がはじまります。
.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: 16px;
font-weight: 420;
margin-bottom: 8px; /* 動画との間隔 */
text-align: center;
line-height: 1.3;/* 行間を狭める。数字を小さくするとさらに詰まる */
}
.video-wrap_pc video {
width: 100%;
height: 100%;
object-fit: cover;
}
}
一日のはじまり、お店を整える
2月6日(金)公開予定
2月13日(金)公開予定
マークスアンドウェブのモノづくりや、現場をお伝えするブランドムービー。昨年10月に公開した製造現場が舞台の「プロダクト」篇に続き、今回は「ショップ」に焦点をあてた動画ができあがりました。MARKS&WEBというブランドネームには、MARKS(お気に入り)をWEB(広める)という思いが込められています。そして、それを体現しているのが直営店のショップスタッフです。商品知識に加え、スタッフそれぞれがブランド・商品への熱い思いをもって、お客様ひとりひとりに寄り添ったご提案、そして居心地のよい空間づくりに日々取り組んでいます。ブランドムービー「ショップ」の動画は全3本を1週間ごとに公開予定です。どうぞご覧ください。
一日のはじまり、お店を整える
自分の自宅に招くような、リラックスした空間でお客様に過ごしていただきたい。そんな思いのもと、私たちはお店づくりをしています。心地よいひとときをお過ごしいただけるよう、店内をきれいにし、商品を並べる。そして、その日の天候や季節に合わせて、お客様におすすめしたい香りを選びます。今日ご来店いただくお客様のことを思い浮かべながら、お店を整え、一日がはじまります。
2月6日(金)公開予定
2月13日(金)公開予定
/* 動画セクション全体 */
.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; }
}
お知らせ
フェイスケア