.font-min { font-family: "Noto Serif JP", serif; }

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

.manners-box { padding: 80px 0 90px; }
@media screen and (max-width: 750px) { .manners-box { padding-bottom: 80px; } }
.manners-box._manners02, .manners-box._manners04 { background-color: #f5f6ff; }
.manners-box .manners-ttl { position: relative; margin-bottom: 100px; font-size: 3.0rem; font-weight: 600; text-align: center; color: #45405a; }
@media screen and (max-width: 750px) { .manners-box .manners-ttl { margin-bottom: 60px; font-size: 1.8rem; } }
.manners-box .manners-ttl::after { content: ''; position: absolute; bottom: 0; left: 50%; width: 174px; height: 1px; margin-left: -87px; margin-bottom: -40px; background-color: #1a6197; }
.manners-box .manners-flex { display: flex; justify-content: space-between; }
@media screen and (max-width: 750px) { .manners-box .manners-flex { display: block; } }
.manners-box .manners-flex figure { width: 100%; max-width: 340px; margin-right: 60px; text-align: center; }
@media screen and (max-width: 750px) { .manners-box .manners-flex figure { margin: 0 auto 30px; } }
.manners-box .manners-flex p { flex: 1; padding-right: 95px; line-height: 2; }
@media screen and (max-width: 1200px) { .manners-box .manners-flex p { padding-right: 0; } }

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