*{
color: #057d66;
text-decoration: none;
margin: 0;
padding: 0;
box-sizing: border-box;
}

html, body {
margin: 0;
width:100%;
background-color: #f7f7f7;
}

body {
scrollbar-width: none;
-ms-overflow-style: none;
}

h1, h2, p {
font-family: "Zen Kaku Gothic Antique", serif;
font-style: normal;
}

/* ページ見出し */
h1 {
font-size: 1.4rem;
font-weight: 700;
line-height: 1.5 ;
}

/* 一覧ページコンテンツタイトル */
h2 {
font-weight: 600;
font-size: 1rem;
margin-bottom: 0.4rem;
}

/* 詳細文 */
p.lead {
font-weight: 500;
font-size: 0.8rem;
letter-spacing: 0em;
margin-bottom: 0.5rem;
}

/* 日付 */
p.date {
font-weight: 600;
font-size: 0.7rem;
letter-spacing: 0.05em;
color: #a0a0a0;
margin-bottom: 0.1rem;
text-align: right;
}

p {
font-weight: 500;
font-size: 0.8rem;
letter-spacing: -0.03em;
line-height: 1.8;
}

p bold {
font-weight: 800;
}

.contents {
width: 100%;
}

.header {
position: fixed;
transform: scale(1);
z-index: 1000;
transform-origin: top left;
padding : 10px 0 0 1.6rem;
}

.header img {
width: 100px;
}

.menu {
position: fixed;
right: 0;
width: 1.6rem;
margin: 0 0 0 auto;
}

nav {
padding-top: 15px;
}

nav ul {
display: flex;
flex-flow: column;
}

nav li {
list-style: none;
writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
-webkit-writing-mode: vertical-rl;
text-orientation: sideways;
font-family: "Zen Kaku Gothic Antique", serif;
font-weight: 500;
font-style: normal;
font-size: 0.8rem;
padding-bottom: 1.5rem;
margin-left: auto;
margin-right: auto;
}

.main {
width: 100%;
padding: 0 1.6rem;
}

.section-top {
padding: 5rem 0 1.6rem;
}


@media screen and (min-width: 735px) {

h1 {
font-size: 2rem;
font-weight: 700;
line-height: 1.5 ;
}

.contents {
width: 735px;
margin: 0 auto;
}

.header {
padding : 25px 0 0 1.6rem;
}


.menu {
position: fixed;
top: 0;
right: calc((100vw - 735px) / 2);
width: auto;
margin: 0 0 0 auto;
}

nav {
padding: 30px 0 0 0;
text-align: left;
}

nav ul {
display: flex;
flex-flow: nowrap;
}

nav li {
list-style: none;
writing-mode: horizontal-tb;
  -webkit-writing-mode: horizontal-tb;
  -ms-writing-mode: horizontal-tb;
text-orientation: mixed;
font-family: "Zen Kaku Gothic Antique", serif;
font-weight: 500;
font-style: normal;
font-size: 1rem;
margin-left: 1rem;
margin-right: 1rem;
}

.section-top {
padding: 8rem 0 2rem;
}

}

@media screen and (min-width: 1135px) {

h1 {
font-size: 3rem;
font-weight: 700;
line-height: 1.5 ;
}

.contents {
width: 1135px;
height: 100vh;
position: relative;
margin: 0 auto;
}

.main {
width: 100%;
}

.menu {
right: calc((100vw - 1135px) / 2 + 1.6rem);
}

nav li {
margin: 1rem 0 1rem 2rem;
}

.header {
}

.header img {
width: 130px;
}

}