h1.title, h2.title {　/* 小画面用 */
color: #333;
line-height: 1.2;
border-bottom: solid 1px #999;
margin-bottom: 8px;
}
h1.title {
font-size: 5vw;
text-shadow: 0 0 30px #ffffff;
}
h2.title {
font-size: 4vw;
}
p.main-text {
font-size: 4vw;
line-height: 1.5;
}
 
@media only screen and (min-width:651px) {　/* 中画面用 */
h1.title {
font-size: 24px;
}
h2.title {
font-size: 24px;
}
p.main-text {
font-size: 20px;
}
}

.@media only screen and (min-width:961px) {　/* 大画面用 */
h1.title {
font-size: 100vw;
}
h2.title {
font-size: 28px;
}
p.main-text {
font-size: 20px;
}
}


body{
margin: 20px; /* bodyの外側の余白を指定する */
padding: 60px 10px 50px 10px; /* bodyの内側余白を指定する(上:右:下:左) */
 }
.Header {
position: fixed; /* ヘッダーを固定する */
top: 0; /* 上部から配置の基準位置を決める */ 
left: 0; /* 左から配置の基準位置を決める */ 
width: 100%; /* ヘッダーの横幅を指定する */
height: 10px; /* ヘッダーの高さを指定する */
padding: 10px; /* ヘッダーの余白を指定する(上下左右) */
background-color: #ffffff; /* ヘッダーの背景色を指定する */
color: #008000; /* フォントの色を指定する */
 } 
 .Contents {
width: 100%; /* コンテンツの横幅を指定する */
overflow: auto; /* コンテンツの表示を自動に設定（スクロール） */
 }
.resizeimage img{
   max-width: 100%;
   height: auto;
}
