@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: 8rem;
padding-bottom: 8rem;
}
}
@media screen and (min-width: 600px) {
#contents {
padding-top: 12rem;
padding-bottom: 12rem;
}
}
@media screen and (min-width: 1025px) {
#contents {
padding-top: 15rem;
padding-bottom: 15rem;
}
}
@media screen and (min-width: 1441px) {
#contents {
padding-top: 15rem;
padding-bottom: 15rem;
}
}
@media screen and (min-width: 280px) {
#contents .inner {
width: 80%;
}
}
@media screen and (min-width: 600px) {
#contents .inner {
width: 75%;
}
}
@media screen and (min-width: 1025px) {
#contents .inner {
width: 100%;
max-width: 80rem;
}
}
@media screen and (min-width: 1441px) {
#contents .inner {
width: 100%;
max-width: 80rem;
}
}
#contents h1 {
display: none;
}
#contents h2 {
letter-spacing: normal;
line-height: 1;
text-align: center;
font-weight: 600;
}
@media screen and (min-width: 280px) {
#contents h2 {
font-size: 2rem;
margin-top: 5rem;
margin-bottom: 4rem;
}
}
@media screen and (min-width: 600px) {
#contents h2 {
font-size: 2rem;
margin-top: 5rem;
margin-bottom: 4rem;
}
}
@media screen and (min-width: 1025px) {
#contents h2 {
font-size: 3rem;
margin-top: 6rem;
margin-bottom: 4rem;
}
}
@media screen and (min-width: 1441px) {
#contents h2 {
font-size: 3rem;
margin-top: 6rem;
margin-bottom: 4rem;
}
}
@media screen and (min-width: 280px) {
#contents h2 br {
display: inline-block;
}
}
@media screen and (min-width: 600px) {
#contents h2 br {
display: none;
}
}
@media screen and (min-width: 1025px) {
#contents h2 br {
display: none;
}
}
@media screen and (min-width: 1441px) {
#contents h2 br {
display: none;
}
}
#contents #con_2 h2 {
line-height: 1.5;
}
#contents #con_2 h3 {
letter-spacing: normal;
line-height: 1;
text-align: center;
font-weight: 600;
}
@media screen and (min-width: 280px) {
#contents #con_2 h3 {
font-size: 1.3rem;
}
}
@media screen and (min-width: 600px) {
#contents #con_2 h3 {
font-size: 1.5rem;
}
}
@media screen and (min-width: 1025px) {
#contents #con_2 h3 {
font-size: 1.8rem;
}
}
@media screen and (min-width: 1441px) {
#contents #con_2 h3 {
font-size: 1.8rem;
}
}
#contents .popup_txt {
text-align: center;
font-size: 1.5rem;
letter-spacing: normal;
}
@media screen and (min-width: 280px) {
#contents .popup_txt {
font-size: 1.2rem;
}
}
@media screen and (min-width: 600px) {
#contents .popup_txt {
font-size: 1.3rem;
}
}
@media screen and (min-width: 1025px) {
#contents .popup_txt {
font-size: 1.4rem;
}
}
@media screen and (min-width: 1441px) {
#contents .popup_txt {
font-size: 1.4rem;
}
}
#contents .popup_txt .sub_title {
font-weight: bold;
padding-top: 2.5rem;
}
@media screen and (min-width: 280px) {
#contents .popup_txt .sub_title {
font-size: 1.5rem;
}
}
@media screen and (min-width: 600px) {
#contents .popup_txt .sub_title {
font-size: 1.8rem;
}
}
@media screen and (min-width: 1025px) {
#contents .popup_txt .sub_title {
font-size: 2rem;
}
}
@media screen and (min-width: 1441px) {
#contents .popup_txt .sub_title {
font-size: 2rem;
}
}