@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.about .inner {
width: 80%;
padding-top: 5rem;
}
}
@media screen and (min-width: 600px) {
#contents.about .inner {
width: 80%;
padding-top: 8rem;
}
}
@media screen and (min-width: 1025px) {
#contents.about .inner {
width: 100%;
max-width: 80rem;
padding-top: 8rem;
}
}
@media screen and (min-width: 1441px) {
#contents.about .inner {
width: 100%;
max-width: 80rem;
padding-top: 8rem;
}
}
#contents.about h1 {
letter-spacing: normal;
line-height: 1;
text-align: center;
font-weight: 600;
}
@media screen and (min-width: 280px) {
#contents.about h1 {
font-size: 2.5rem;
margin-bottom: 4rem;
}
}
@media screen and (min-width: 600px) {
#contents.about h1 {
font-size: 3rem;
margin-bottom: 4rem;
}
}
@media screen and (min-width: 1025px) {
#contents.about h1 {
font-size: 3rem;
margin-bottom: 4rem;
}
}
@media screen and (min-width: 1441px) {
#contents.about h1 {
font-size: 3rem;
margin-bottom: 4rem;
}
}
#contents.about .about_txt {
text-align: center;
letter-spacing: normal;
}
@media screen and (min-width: 280px) {
#contents.about .about_txt {
font-size: 1.2rem;
}
}
@media screen and (min-width: 600px) {
#contents.about .about_txt {
font-size: 1.3rem;
}
}
@media screen and (min-width: 1025px) {
#contents.about .about_txt {
font-size: 1.4rem;
}
}
@media screen and (min-width: 1441px) {
#contents.about .about_txt {
font-size: 1.4rem;
}
}
#contents.about .about_txt .sub_title {
font-weight: bold;
font-size: 1.5rem;
padding-top: 2rem;
}
#contents.about .outline_wrap {
margin: 0 auto;
margin-bottom: 3rem;
}
@media screen and (min-width: 280px) {
#contents.about .outline_wrap {
width: 100%;
margin-top: 7rem;
}
}
@media screen and (min-width: 600px) {
#contents.about .outline_wrap {
width: 100%;
margin-top: 7rem;
}
}
@media screen and (min-width: 1025px) {
#contents.about .outline_wrap {
width: 70%;
margin-top: 11rem;
}
}
@media screen and (min-width: 1441px) {
#contents.about .outline_wrap {
width: 70%;
margin-top: 11rem;
}
}
#contents.about .outline_wrap .outline_list {
border-top: 1px solid #2a2a2a;
}
#contents.about .outline_wrap .outline_list li {
display: flex;
align-items: center;
border-bottom: 1px solid #2a2a2a;
}
@media screen and (min-width: 280px) {
#contents.about .outline_wrap .outline_list li {
padding: 1.5rem 0;
flex-wrap: wrap;
}
}
@media screen and (min-width: 600px) {
#contents.about .outline_wrap .outline_list li {
padding: 1.5rem 0;
flex-wrap: nowrap;
}
}
@media screen and (min-width: 1025px) {
#contents.about .outline_wrap .outline_list li {
padding: 3.5rem 0;
flex-wrap: nowrap;
}
}
@media screen and (min-width: 1441px) {
#contents.about .outline_wrap .outline_list li {
padding: 3.5rem 0;
flex-wrap: nowrap;
}
}
#contents.about .outline_wrap .outline_list li h3 {
min-width: 21rem;
font-weight: bold;
line-height: 1;
padding-left: 1rem;
}
@media screen and (min-width: 280px) {
#contents.about .outline_wrap .outline_list li h3 {
width: 100%;
font-size: 1.3rem;
}
}
@media screen and (min-width: 600px) {
#contents.about .outline_wrap .outline_list li h3 {
width: 21rem;
font-size: 1.5rem;
}
}
@media screen and (min-width: 1025px) {
#contents.about .outline_wrap .outline_list li h3 {
width: 21rem;
font-size: 1.8rem;
}
}
@media screen and (min-width: 1441px) {
#contents.about .outline_wrap .outline_list li h3 {
width: 21rem;
font-size: 1.8rem;
}
}
#contents.about .outline_wrap .outline_list li .con_txt {
line-height: 1.5rem;
}
@media screen and (min-width: 280px) {
#contents.about .outline_wrap .outline_list li .con_txt {
font-size: 1.5rem;
padding-top: 0.5rem;
padding-left: 1rem;
}
}
@media screen and (min-width: 600px) {
#contents.about .outline_wrap .outline_list li .con_txt {
font-size: 1.5rem;
padding-top: 0rem;
padding-left: 0rem;
}
}
@media screen and (min-width: 1025px) {
#contents.about .outline_wrap .outline_list li .con_txt {
font-size: 1.5rem;
padding-top: 0rem;
padding-left: 0rem;
}
}
@media screen and (min-width: 1441px) {
#contents.about .outline_wrap .outline_list li .con_txt {
font-size: 1.5rem;
padding-top: 0rem;
padding-left: 0rem;
}
}
#contents.about .outline_wrap h2 {
font-weight: bold;
line-height: 1;
margin-bottom: 2rem;
padding-left: 1rem;
}
@media screen and (min-width: 280px) {
#contents.about .outline_wrap h2 {
font-size: 1.3rem;
margin-bottom: 1.5rem;
}
}
@media screen and (min-width: 600px) {
#contents.about .outline_wrap h2 {
font-size: 1.5rem;
margin-bottom: 1.5rem;
}
}
@media screen and (min-width: 1025px) {
#contents.about .outline_wrap h2 {
font-size: 1.7rem;
margin-bottom: 1.5rem;
}
}
@media screen and (min-width: 1441px) {
#contents.about .outline_wrap h2 {
font-size: 1.7rem;
margin-bottom: 1.5rem;
}
}