@charset "UTF-8";
  * {
box-sizing: border-box;
font-family: "Noto Serif JP", serif;
overflow-wrap: break-word;
}
body {
color: #1c1c1c;
background: #FAFAFA;
font-weight: 300;
-webkit-text-size-adjust: 100%;
}
main {
overflow: hidden;
}
a,
.js-lang-tab {
color: #1c1c1c;
text-decoration: none;
cursor: pointer;
transition: letter-spacing 0.3s;
-webkit-transition: letter-spacing 0.3s;
-moz-transition: letter-spacing 0.3s;
-ms-transition: letter-spacing 0.3s;
-o-transition: letter-spacing 0.3s;
}
a:hover,
.js-lang-tab:hover {
color: rgba(28, 28, 28, 0.5);
letter-spacing: 0.02em;
}
h1 {
font-size: 50px;
line-height: 74px;
color: #D19826;
}
h2 {
font-size: 24px;
line-height: 40px;
}
h3 {
font-size: 20px;
line-height: 36px;
}
p, th, td, label, input, select, textarea {
font-size: 16px;
line-height: 30px;
letter-spacing: 5%;
}
th {
font-weight: 500;
}
img {
width: 100%;
height: 100%;
object-fit: cover;
}
input:focus,
textarea:focus,
select:focus {
outline: 2px solid #D19826;
}
input[type="checkbox"]:focus {
outline: none;
} @media (max-width: 767px) {
h1 {
font-size: 50px;
line-height: 64px;
}
h2 {
font-size: 16px;
line-height: 30px;
}
h3 {
font-size: 18px;
line-height: 32px;
}
p, th, td, label, input, select, textarea {
font-size: 14px;
line-height: 28px;
letter-spacing: 5%;
}
}