@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: 9rem;
padding-bottom: 6rem;
}
}
@media screen and (min-width: 600px) {
#contents {
padding-top: 10rem;
padding-bottom: 6rem;
}
}
@media screen and (min-width: 1025px) {
#contents {
padding-top: 10rem;
padding-bottom: 9rem;
}
}
@media screen and (min-width: 1441px) {
#contents {
padding-top: 10rem;
padding-bottom: 9rem;
}
}
@media screen and (min-width: 280px) {
#contents .inner {
width: 80%;
padding-top: 5rem;
}
}
@media screen and (min-width: 600px) {
#contents .inner {
width: 80%;
padding-top: 8rem;
}
}
@media screen and (min-width: 1025px) {
#contents .inner {
width: 100%;
max-width: 80rem;
padding-top: 8rem;
}
}
@media screen and (min-width: 1441px) {
#contents .inner {
width: 100%;
max-width: 80rem;
padding-top: 8rem;
}
}
#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-bottom: 3rem;
}
}
@media screen and (min-width: 600px) {
#contents h2 {
font-size: 2rem;
margin-bottom: 6rem;
}
}
@media screen and (min-width: 1025px) {
#contents h2 {
font-size: 2.2rem;
margin-bottom: 5rem;
}
}
@media screen and (min-width: 1441px) {
#contents h2 {
font-size: 2.2rem;
margin-bottom: 5rem;
}
}
@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 .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;
}
}
#contents .popup_txt .txt_wrap a.mail_link {
line-height: 1.3;
font-size: 1.8rem;
font-weight: 600;
padding-top: 3rem;
position: relative;
display: inline-block;
}
#contents .popup_txt .txt_wrap a.mail_link::after {
content: "";
display: block;
position: absolute;
bottom: -2px;
left: 0;
width: 100%;
height: 1px;
background: #262626;
transform: scaleX(1);
transform-origin: center left;
transition: transform 400ms ease;
}
#contents .popup_txt .txt_wrap a.mail_link:hover::after {
transform: scaleX(0);
transform-origin: center right;
}