Connect for Well-being & Life

lorem, lorem, lorem, lorem!

lorem ipsum dolor sit amet consectetur, lorem ipsum dolor sit amet.

lorem ipsum dolor sit, lorem ipsum dolor sit, lorem ipsum dolor sit. lorem ipsum, lorem ipsum dolor sit, lorem ipsum dolor sit amet, lorem ipsum dolor sit amet consectetur adipiscing.

lorem ipsum dolor sit

COLORS

Brand Blue — lorem 5 lorem

Brand Blue

#005bac

lorem ipsum dolor. CTA / lorem / lorem ipsum

Blue Active

#337cbd

lorem ipsum dolor sit amet

Blue Tag

#227abc

lorem ipsum dolor sit amet

Blue CTA

#0d5daa

lorem ipsum dolor CTA

Blue Deep

#00498a

“Translated by AI”lorem ipsum

5 lorem ipsum dolor sit.lorem ipsum dolor sit amet consectetur, lorem ipsum dolor sit amet consectetur adipiscing.

Accent

ROHTO Red

#e60012

lorem ipsum dolor sit. UI / CTA / lorem ipsum dolor sit amet

Tint & Neutral

Pale Blue

#ebf2f7

lorem ipsum dolor / SNS lorem. lorem ipsum dolor sit amet

Pale Blue 2

#f0f3f7

lorem ipsum dolor sit amet consectetur

Panel Gray

#f2f2f2

lorem ipsum dolor

Panel Light

#f7f7f7

lorem ipsum dolor sit amet

Text

#4d4d4d

lorem ipsum dolor. lorem ipsum dolor

Border

#cccccc

PageTop lorem ipsum

TYPOGRAPHY

Connect for Well-being & Life

Roboto italic 33px / 500 / lh 1.8（59.4px） / ls 0.05em（1.65px） / #005baclorem ipsum dolor sit amet consectetur

lorem ipsum, lorem, lorem ipsum

36px / 600 / lh 1.5（54px） / ls normallorem ipsum dolor — 700 lorem ipsum

PickUP

Roboto italic 36px / 600 / lh 1.5 / ls 0.05emlorem ipsum dolor sit amet

lorem ipsum dolor sit amet consectetur, lorem ipsum dolor sit amet.

24px / 600 / lh 1.8（43.2px）lorem — lorem ipsum dolor sit amet consectetur

lorem 16px / weight 400 / line-height 1.8 / letter-spacing normal. lorem ipsum dolor sit amet consectetur adipiscing, lorem ipsum 1.5 lorem ipsum dolor. lorem ipsum dolor sit#4d4d4d。font-feature-settings loremnormal lorem ipsum,palt lorem ipsum dolor sit amet consectetur.

16px / 400 / lh 1.8（28.8px） / ls normal / palt lorem / lorem #4d4d4dbody lorem

lorem ipsum — lorem ipsum dolor sit amet consectetur adipiscing

20px / 400 / lh 1.8(36px) / lorem #005baclorem ipsum dolor sit

2026 lorem 08 lorem 07 lorem　【Q＆A】2027 lorem 3 lorem lorem１lorem lorem ipsum　IR lorem lorem

lorem 14px / 400 / lh 1.6　｜　lorem 16px /500 / #005bac　｜　lorem 12px / 500 / #227abclorem ipsum

PickUP

lorem ipsum

lorem ipsum dolor sit amet consectetur adipiscing

lorem / lorem ipsum

lorem ipsum dolor sit amet consectetur

lorem ipsum

lorem ipsum dolor sit amet consectetur / lorem ipsum

lorem ipsum dolor sit

Mentholatum

Qual-i-Tech

lorem ipsum

lorem ipsum dolor

yaeyama farm

lorem ipsum dolor +border-radius: 8px lorem ipsum.lorem ipsum dolor sit.

lorem ipsum(lorem ipsum dolor)

lorem ipsum dolor

lorem ipsum dolor sit, lorem 127 lorem ipsum dolor, lorem ipsum dolor sit amet consectetur. lorem ipsum dolor sit amet consectetur, lorem ipsum, lorem / lorem ipsum dolor sit amet consectetur adipiscing.

lorem ipsum dolor sit amet, lorem ipsum dolor“lorem ipsum dolor sit amet”lorem ipsum dolor. lorem ipsum dolor sit amet consectetur, lorem ipsum dolor sit, lorem ipsum dolor sit amet consectetur.

lorem ipsum dolor lorem ipsum(lorem)／lorem ipsum dolor lorem

lorem ipsum dolor

lorem ipsum dolor sitborder-radius: 16px 16px 0 0 loremlorem ipsum dolor. lorem ipsum dolor sit#f7f7f7, lorem ipsum dolor + weight 600 +#1a1a1a。

BUTTONS

lorem ipsum dolor

Primary — #005bac lorem / radius9990px / 14px / 500

lorem ipsum dolor sit

Secondary — 1px solid #005bac / radius 9990px

IR lorem lorem

Tag — 1px solid #227abc / radius 9990px / padding 0 8px

lorem ipsum dolor

Side CTA — #0d5daa lorem / radius5px

↑

PageTop — 1px solid #cccccc / radius 50%

lorem ipsum dolor lorem ipsum

Tab — lorem #005bac / radius4px

lorem radius lorem9990px。9999px lorem50% lorem ipsum dolor sit, lorem ipsum 14 lorem ipsum dolor.

FORMS

lorem ipsum — loremradius 8px 0 0 8px / lorem 57px / 16px, loremradius 0 8px 8px 0 / #005bac

lorem ipsum — border #005bac

lorem — lorem ipsum dolor sit amet consectetur.#e60012 lorem ipsum dolor sit amet, lorem(lorem #c8102e)lorem ipsum dolor

ELEVATION

Level 0

none
lorem / lorem / lorem / lorem ipsum

lorem ipsum

#ffffff → #ebf2f7 → #f2f2f2 → #005bac

lorem ipsum

9990px / 10px / 8px / 5px / 4px

Radius — 3 lorem + lorem

9990px
lorem

10px
lorem

8px
lorem

5px
lorem CTA

4px
lorem

16px 16px 0 0
lorem ipsum dolor

lorem“lorem”lorem ipsum. lorem ipsum dolor, radius lorem ipsum dolor sit amet consectetur.

LAYOUT

XS 8

S 16

M 24

L 32

XL 54

lorem ipsum1200px(lorem ipsum dolor sit amet consectetur 1160px). lorem ipsum dolor8 loremlorem ipsum,5.6px 19.6px lorem ipsum dolor rem lorem(0.35rem / 1.225rem)lorem ipsum.

Breakpoints — lorem em lorem

lorem	px lorem	lorem
`max-width: 30em`	480px	1 lorem. lorem ipsum dolor
`max-width: 36em`	576px	lorem ipsum dolor sit amet
`max-width: 48em`	768px	lorem ipsum dolor sit amet(#005bac)lorem
`max-width: 60em`	960px	2 lorem
`max-width: 75em`	1200px	lorem ipsum dolor 100% lorem
`max-width: 90em`	1440px	lorem ipsum dolor sit

em lorem ipsum dolor sit amet consectetur adipiscing elit.px lorem ipsum dolor sit amet consectetur.

Generated from rohto.co.jp DESIGN.md — awesome-design-md-jp / computed style lorem(2026-08-17)
lorem ipsum dolor"Noto Sans JP", sans-serif loremlorem, lorem ipsum dolor sit amet consectetur. lorem ipsum dolor sit "Noto Sans JP", "lorem ipsum dolor ProN", lorem ipsum, sans-serif lorem ipsum dolor sit amet.
lorem ipsum dolorRoboto italic lorem Google Fonts lorem ipsum dolor sit, lorem ipsum dolor sit amet consectetur.
lorem ipsum dolor sitlorem em lorem(90 / 75 / 60 / 48 / 36 / 30em)lorem, lorem ipsum dolor sit amet consectetur adipiscing.