About the Studio
<style>
/* ===== Base ===== */
.gakushitsu-wrapper {
max-width: 1000px;
margin: 0 auto;
padding: 40px 20px;
line-height: 1.7;
background: #f6f1ea;
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;
color: #222;
}
.gakushitsu-wrapper h1 {
font-size: 28px;
text-align: center;
margin-bottom: 20px;
}
.gakushitsu-wrapper h2 {
font-size: 22px;
margin: 60px 0 20px;
padding-bottom: 6px;
border-bottom: 1px solid #ccc;
}
.gakushitsu-wrapper h3 {
font-size: 18px;
margin: 12px 0 8px;
}
.gakushitsu-wrapper p {
margin-bottom: 10px;
}
/* ===== Hero ===== */
.gakushitsu-hero img {
width: 100%;
height: auto;
display: block;
margin-bottom: 35px;
}
/* ===== Lead ===== */
.gakushitsu-lead {
text-align: center;
margin-bottom: 40px;
}
/* ===== Steps ===== */
.step-list {
list-style: none;
padding: 0;
margin: 25px 0 0;
}
.step-list li {
display: flex;
gap: 14px;
align-items: flex-start;
background: #fff;
border: 1px solid #e0dbd4;
padding: 12px 16px;
margin-bottom: 8px;
}
.step-list li span {
flex-shrink: 0;
font-size: 12px;
letter-spacing: 0.08em;
background: #000;
color: #fff;
padding: 4px 8px;
}
/* ===== Merits ===== */
.merit-wrap {
margin-top: 30px;
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
}
.merit {
background: #fff;
padding: 18px 18px 16px;
border-left: 4px solid #6b5a4a;
}
.merit-title {
font-weight: bold;
margin-bottom: 6px;
}
/* ===== Room Cards ===== */
.room-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 30px;
margin-top: 30px;
}
.room-card {
background: #fff;
border: 1px solid #e0dbd4;
padding: 20px;
}
.room-card img {
width: 100%;
height: auto;
margin-bottom: 14px;
}
/* ===== Buttons ===== */
.room-buttons {
margin-top: 14px;
}
.room-buttons a {
display: inline-block;
padding: 10px 24px;
background: #000;
color: #fff;
text-decoration: none;
font-size: 14px;
transition: opacity 0.3s;
}
.room-buttons a:hover {
opacity: 0.8;
}
/* ===== Tsuki no Hanare ===== */
.hanare {
margin-top: 80px;
padding-top: 40px;
border-top: 1px solid #ccc;
}
.hanare img {
width: 100%;
height: auto;
margin-bottom: 18px;
}
.hanare .note {
font-size: 14px;
color: #555;
}
/* ===== SP ===== */
@media (max-width: 768px) {
.merit-wrap,
.room-grid {
grid-template-columns: 1fr;
}
.gakushitsu-wrapper h1 {
font-size: 24px;
}
}
</style>
<div class="gakushitsu-wrapper">
<!-- Hero -->
<div class="gakushitsu-hero">
<img src="https://example.com/hero.jpg" alt="Gekkoso Studio">
</div>
<div class="gakushitsu-lead">
<p>
A work of art is completed only when it is seen by others.<br>
Would you like to exhibit your precious works at Gekkoso in Ginza?
</p>
</div>
<h2>How to Use the Studio</h2>
<ul class="step-list">
<li><span>STEP 1</span>Check availability for your preferred schedule</li>
<li><span>STEP 2</span>Visit and view the studio space</li>
<li><span>STEP 3</span>Submit the application form (Studio 1 requires screening)</li>
<li><span>STEP 4</span>Payment of the usage fee and reservation confirmation</li>
<li><span>STEP 5</span>Prepare artworks by the搬入 (installation) date</li>
<li><span>STEP 6</span>Enjoy a fulfilling exhibition period</li>
</ul>
<h2>Why Exhibit at Gekkoso</h2>
<div class="merit-wrap">
<div class="merit">
<p class="merit-title">High Visibility</p>
<p>
Located within one block in Ginza 8-chome, Gekkoso Art Supply Store
and Tsuki no Hanare work together to bring your作品 to many visitors.
</p>
</div>
<div class="merit">
<p class="merit-title">Peace of Mind</p>
<p>
Our staff will carefully support you with installation and display,
making it安心 even for first-time exhibitors.
</p>
</div>
<div class="merit">
<p class="merit-title">Flexible Choices</p>
<p>
Choose from studios of 13 or 6 tsubo, or salon-style displays,
depending on your exhibition concept.
</p>
</div>
<div class="merit">
<p class="merit-title">Framing & Hospitality Support</p>
<p>
Professional framing support is available, along with catering and
special use of Tsuki no Hanare.
</p>
</div>
</div>
<h2>Studio Introduction</h2>
<div class="room-grid">
<div class="room-card">
<img src="https://cdn.shopify.com/s/files/1/0623/0894/2029/files/IMG_5797.jpg?v=1767687641" alt="Studio 1">
<h3>Studio 1</h3>
<p>
A warm and intimate space tucked away in the basement of
Gekkoso Art Supply Store, popular for its high visibility to visitors.
</p>
<div class="room-buttons"><a href="#">Go to Studio 1</a></div>
</div>
<div class="room-card">
<img src="https://cdn.shopify.com/s/files/1/0623/0894/2029/files/g2-2_web.jpg?v=1767687623" alt="Studio 2">
<h3>Studio 2</h3>
<p>
A street-level studio in a brick building, ideal for large works
and group exhibitions.
</p>
<div class="room-buttons"><a href="#">Go to Studio 2</a></div>
</div>
</div>
<div class="hanare">
<h2>Tsuki no Hanare</h2>
<img src="https://cdn.shopify.com/s/files/1/0623/0894/2029/files/img_hanare.jpg?v=1712986873" alt="Tsuki no Hanare">
<p>
Would you like to color the walls of Tsuki no Hanare with your own works?
Visitors can enjoy art in a relaxed atmosphere with tea or drinks in hand.
</p>
<div class="note">
<p>* As this is a restaurant, lighting, music, and opening hours are subject to store operations.</p>
<p>* Artwork selection by staff is required.</p>
<p>* For exhibitions at Tsuki no Hanare, please contact us via email through the official website menu.</p>
</div>
<div class="room-buttons">
<a href="https://tsuki-hanare.com/">Official Tsuki no Hanare Website</a>
</div>
</div>
</div>