.font-maru { font-family: "Zen Maru Gothic", sans-serif; }

.font-en { font-family: "Oswald", sans-serif; }

.font-en-sp { font-family: "Balthazar", serif; }

.main { padding: 70px 0 100px; }
@media screen and (max-width: 750px) { .main { padding: 40px 0; } }

.about-in { width: 100%; max-width: 1070px; margin: 0 auto; padding: 0 20px; line-height: 1.6; }
@media screen and (max-width: 750px) { .about-in { padding: 0 7.6335877863%; } }

.about-ttl { margin-bottom: 10px; font-size: 5.0rem; text-align: center; font-weight: 700; }
@media screen and (max-width: 750px) { .about-ttl { font-size: 2.8rem; } }

.about-box { margin-bottom: 100px; }
.about-box:last-child { margin-bottom: 0; }
.about-box .about-lead { font-size: 1.8rem; font-weight: 700; text-align: center; }
@media screen and (max-width: 750px) { .about-box .about-lead { font-size: 1.6rem; } }

._box01 .about-ttl { margin-bottom: 0; padding: 40px 0; background: url("../img/common/bg_heading.png") no-repeat center center; }
@media screen and (max-width: 750px) { ._box01 .about-ttl { background-size: 40% auto; } }
._box01 .about-lead { margin-bottom: 80px; }
._box01 figure { text-align: center; }
@media screen and (max-width: 750px) { ._box01 figure img { width: 100%; } }

._box02 .about-lead { margin-bottom: 40px; }
._box02 .about-table { width: 100%; max-width: 880px; margin: 0 auto; }
@media screen and (max-width: 750px) { ._box02 .about-table { border-bottom: 1px solid #000; } }
._box02 .about-table tr th { width: 12em; padding: 30px 10px; border: 1px solid #000; text-align: center; font-weight: 700; vertical-align: middle; }
@media screen and (max-width: 750px) { ._box02 .about-table tr th { display: block; width: 100%; padding: 10px; border-bottom: none; } }
._box02 .about-table tr td { padding: 30px; border: 1px solid #000; font-weight: 700; }
@media screen and (max-width: 750px) { ._box02 .about-table tr td { display: block; padding: 10px; border-bottom: none; } }
._box02 .about-table tr td span { color: #F8051D; }
._box02 .about-table tr td span._date { font-size: 2.4rem; }
._box02 .about-table tr td span._time { font-size: 2.8rem; }
._box02 .about-table tr td strong { font-size: 2.8rem; }
._box02 .about-table tr td .table-link { display: flex; align-items: center; margin-top: 30px; }
._box02 .about-table tr td .table-link a { display: flex; width: 100%; padding: 25px 20px; background-color: #ebf5f9; border-radius: 1em; color: #000; }
._box02 .about-table tr td .table-link a p { flex: 1; margin-left: 15px; }

/*# sourceMappingURL=about.css.map */