@import url("https://fonts.googleapis.com/css2?family=Shippori+Mincho:wght@400;600&display=swap");
.t__min {
font-family: "Shippori Mincho", serif !important;
} svg {
fill: currentColor;
}   @keyframes scrollDown {
0% {
transform: translateY(0rem);
}
15% {
transform: translateY(1rem);
}
30% {
transform: translateY(0rem);
}
45% {
transform: translateY(1rem);
}
60% {
transform: translateY(0rem);
}
100% {
transform: translateY(0rem);
}
}
@keyframes loopCl {
from {
transform: translateX(0);
}
to {
transform: translateX(-100%);
}
}
@keyframes loopClRv {
from {
transform: translateX(0);
}
to {
transform: translateX(100%);
}
} @media screen and (min-width: 280px) {
#contents {
padding-top: 6rem;
padding-bottom: 6rem;
}
}
@media screen and (min-width: 600px) {
#contents {
padding-top: 9rem;
padding-bottom: 6rem;
}
}
@media screen and (min-width: 1025px) {
#contents {
padding-top: 12rem;
padding-bottom: 9rem;
}
}
@media screen and (min-width: 1441px) {
#contents {
padding-top: 12rem;
padding-bottom: 9rem;
}
}
@media screen and (min-width: 280px) {
#contents .inner {
width: 90%;
}
}
@media screen and (min-width: 600px) {
#contents .inner {
width: 75%;
}
}
@media screen and (min-width: 1025px) {
#contents .inner {
width: 100%;
max-width: 70rem;
}
}
@media screen and (min-width: 1441px) {
#contents .inner {
width: 100%;
max-width: 70rem;
}
}
#contents h1 {
letter-spacing: 0.05em;
text-align: center;
line-height: 1;
text-align: center;
font-weight: 600;
}
@media screen and (min-width: 280px) {
#contents h1 {
font-size: 2.2rem;
margin-top: 4rem;
margin-bottom: 5rem;
}
}
@media screen and (min-width: 600px) {
#contents h1 {
font-size: 2.5rem;
margin-top: 3rem;
margin-bottom: 5rem;
}
}
@media screen and (min-width: 1025px) {
#contents h1 {
font-size: 3rem;
margin-top: 3rem;
margin-bottom: 8rem;
}
}
@media screen and (min-width: 1441px) {
#contents h1 {
font-size: 3rem;
margin-top: 3rem;
margin-bottom: 8rem;
}
}
#contents h2 {
line-height: 1;
letter-spacing: 0.05em;
font-weight: bold;
padding-bottom: 1rem;
border-bottom: 1px solid #2a2a2a;
margin-bottom: 1.5rem;
}
@media screen and (min-width: 280px) {
#contents h2 {
font-size: 1.5rem;
}
}
@media screen and (min-width: 600px) {
#contents h2 {
font-size: 1.5rem;
}
}
@media screen and (min-width: 1025px) {
#contents h2 {
font-size: 2rem;
}
}
@media screen and (min-width: 1441px) {
#contents h2 {
font-size: 2rem;
}
}
#contents .txt_wrap p {
margin-bottom: 4rem;
letter-spacing: normal;
}
@media screen and (min-width: 280px) {
#contents .txt_wrap p {
font-size: 1.2rem;
}
}
@media screen and (min-width: 600px) {
#contents .txt_wrap p {
font-size: 1.3rem;
}
}
@media screen and (min-width: 1025px) {
#contents .txt_wrap p {
font-size: 1.4rem;
}
}
@media screen and (min-width: 1441px) {
#contents .txt_wrap p {
font-size: 1.4rem;
}
}