5
10 * {
11 margin: 0;
12 padding: 0;
13 }
14 img {
15 border: 0;
16 }
17 ul {
18 padding-left: 2em;
19 }
20 html {
21 overflow-y: scroll;
22 background: #3b79b7;
23 }
24 body {
25 font-family: "????", Meiryo, "??? ?Х??????", "MS PGothic", "????γ?? Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
26 margin: 0;
27 line-height: 1.4;
28 font-size: 75%;
29 text-align: center;
30 color: white;
31 }
32 h1 {
33 font-size: 24px;
34 font-weight: bold;
35 }
36 h1 {
37 font-weight: bold;
38 line-height: 1;
39 padding-bottom: 20px;
40 font-family: Helvetica, sans-serif;
41 }
42 h2 {
43 text-align: center;
44 font-weight: bold;
45 font-size: 27px;
46 }
47 p {
48 text-align: center;
49 font-size: 14px;
50 margin: 0;
51 padding: 0;
52 color: white;
53 }
54 .explain {
55 border-top: 1px solid #fff;
56 border-bottom: 1px solid #fff;
57 line-height: 1.5;
58 margin: 30px auto;
59 padding: 17px;
60 }
61 #cause {
62 text-align: left;
63 }
64 #cause li {
65 color: #666;
66 }
67 h3 {
68 letter-spacing: 1px;
69 font-weight: bold;
70 padding: 0;
71 }
72 #white_box {
73 margin: 15px auto 0;
74 background-color: white;
75 }
77 /* ====================
79 ???????????
81 ======================= */
82 @media only screen and (min-width: 0) and (max-width: 767px) {
83 #base {
84 padding: 30px 10px;
85 }
86 h1 {
87 font-size: 26px;
88 }
89 h1 span {
90 font-size: 60px;
91 }
92 h2 {
93 font-size: 16px;
94 }
95 .explain {
96 font-size: 14px;
97 }
98 h3 {
99 margin-top: 45px;
100 font-size: 16px;
101 }
102 #cause {
103 padding: 20px;
104 font-size: 12px;
105 }
106 }
108 /* ====================
110 ???????????????
112 ======================= */
114 @media only screen and (min-width: 768px) {
115 #base {
116 margin-top: 80px;
117 }
118 h1 {
119 font-size: 50px;
120 }
121 h1 span {
122 font-size: 110px;
123 }
124 .explain {
125 font-size: 16px;
126 width: 660px;
127 }
128 #white_box {
129 width: 680px;
130 margin-bottom: 50px;
131 }
132 h3 {
133 font-size: 20px;
134 margin-top: 80px;
135 }
136 #cause {
137 padding: 30px;
138 font-size: 14px;
139 }
140 }