.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: 30px 0 100px; }
@media screen and (max-width: 750px) { .main { padding: 40px 0; } }

.cm-in { width: 100%; max-width: 1090px; margin: 0 auto; padding: 0 20px; line-height: 1.6; }
@media screen and (max-width: 750px) { .cm-in { padding: 0 7.6335877863%; } }

.cm-ttl { margin-bottom: 25px; font-size: 3.0rem; text-align: center; font-weight: 700; }
@media screen and (max-width: 750px) { .cm-ttl { font-size: 2.2rem; } }

.cm-box { margin-bottom: 85px; }
.cm-box:last-child { margin-bottom: 0; }

.cm-list { display: flex; flex-wrap: wrap; gap: 60px 2.8571428571%; margin-bottom: 60px; }
@media screen and (max-width: 750px) { .cm-list { gap: 40px 4%; } }
.cm-list._v { gap: 60px 3.619047619%; }
@media screen and (max-width: 750px) { .cm-list._v { gap: 40px 4%; } }
.cm-list._v li { width: 22.2857142857%; }
@media screen and (max-width: 750px) { .cm-list._v li { width: 48%; } }
.cm-list._v li .cm-list-yb { aspect-ratio: 427 / 759; }
.cm-list:last-child { margin-bottom: 0; }
.cm-list li { display: flex; flex-direction: column; width: 31.4285714286%; }
@media screen and (max-width: 750px) { .cm-list li { width: 48%; } }
.cm-list li .cm-list-yb { position: relative; aspect-ratio: 560 / 315; }
@media screen and (max-width: 750px) { .cm-list li .cm-list-yb { width: 100%; margin: 0 auto 10px; } }
.cm-list li .cm-list-yb iframe { position: absolute; width: 100%; height: 100%; }
.cm-list li figure { position: relative; }
.cm-list li figure figcaption { position: absolute; top: 0; left: 0; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; }
.cm-list li figure figcaption div { padding: 10px; font-size: 4.0rem; font-weight: 700; text-align: center; line-height: 1.2; }
@media screen and (max-width: 750px) { .cm-list li figure figcaption div { font-size: 2.0rem; } }
.cm-list li figure figcaption .caption-num { font-size: 7.0rem; }
@media screen and (max-width: 750px) { .cm-list li figure figcaption .caption-num { font-size: 5.0rem; } }
.cm-list li figure figcaption .caption-day { font-size: 5.0rem; }
@media screen and (max-width: 750px) { .cm-list li figure figcaption .caption-day { font-size: 4.0rem; } }
.cm-list li figure figcaption .caption-date { font-size: 2.6rem; }
@media screen and (max-width: 750px) { .cm-list li figure figcaption .caption-date { font-size: 2.0rem; } }
.cm-list li figure figcaption .caption-txt { font-size: 2.0rem; font-weight: 400; }
@media screen and (max-width: 750px) { .cm-list li figure figcaption .caption-txt { font-size: 1.4rem; } }
.cm-list li .cm-heading { margin-top: 15px; font-size: 1.8rem; text-align: center; font-weight: 700; }
@media screen and (max-width: 750px) { .cm-list li .cm-heading { font-size: 1.4rem; } }

/*# sourceMappingURL=cm.css.map */
