.about-top { position: relative; padding: 50px 0 160px; }
.about-top p { font-size: 2.0rem; font-weight: 600; text-align: center; line-height: 2.4; }
@media screen and (max-width: 750px) { .about-top p { font-size: 1.6rem; line-height: 1.6; } }
.about-top .about-fig { position: absolute; bottom: 0; right: 0; width: 14.8958333333%; margin-right: 15.625%; }
@media screen and (max-width: 750px) { .about-top .about-fig { width: 24.8%; margin-right: 4%; margin-bottom: 4%; } }

.about-main { position: relative; margin-bottom: 100px; line-height: 1.6; }
.about-main .about-fig { position: absolute; }
.about-main .about-fig._fig01 { top: 0; left: 0; width: 24.375%; margin-top: -4.1666666667%; margin-left: 10.15625%; }
@media screen and (max-width: 750px) { .about-main .about-fig._fig01 { width: 35.7333333333%; margin-top: -4%; margin-left: 4%; } }
.about-main .about-fig._fig02 { top: 0; right: 0; width: 28.6274509804%; margin-top: -22.2222222222%; margin-right: 1.3071895425%; }
@media screen and (max-width: 750px) { .about-main .about-fig._fig02 { width: 64.1333333333%; margin-top: -38.6666666667%; } }
.about-main .about-fig._fig03 { bottom: 0; left: 0; width: 25.0520833333%; margin-bottom: 8.3333333333%; margin-left: 10.15625%; }
@media screen and (max-width: 750px) { .about-main .about-fig._fig03 { width: 50.8%; margin-bottom: -8%; margin-left: 4%; } }
.about-main .about-bg { padding-top: 8.28125%; background: url("../img/common/bg_wave_t.png") no-repeat left top; background-size: 100% auto; }
.about-main .about-bg-m { padding: 100px 0 16.1458333333%; background-color: #F6F4ED; }
.about-main .about-bg-b { padding-bottom: 8.28125%; background: url("../img/common/bg_wave_b.png") no-repeat left bottom; background-size: 100% auto; }
.about-main .about-in { position: relative; width: 100%; max-width: 1570px; margin: 0 auto; padding: 0 20px; }
@media screen and (max-width: 750px) { .about-main .about-in { padding: 0 4%; } }
.about-main .about-box { max-width: 1920px; margin-inline: auto; }
.about-main .about-box._box01 { margin-bottom: 120px; }
@media screen and (max-width: 750px) { .about-main .about-box._box01 { margin-bottom: 6rem; } }
.about-main .about-box._box01 .about-con { flex-direction: row-reverse; }
.about-main .about-box._box01 figure { width: 47.9166666667%; }
@media screen and (max-width: 960px) { .about-main .about-box._box01 figure { width: 100%; } }
.about-main .about-box._box01 .about-item { padding-left: 20px; }
@media screen and (max-width: 1450px) { .about-main .about-box._box01 .about-item { padding-right: 20px; } }
@media screen and (max-width: 750px) { .about-main .about-box._box01 .about-item { padding-inline: 4%; } }
.about-main .about-box._box01 .about-item .about-item-in { margin-left: auto; padding-right: 13.2653061224%; }
@media screen and (max-width: 1450px) { .about-main .about-box._box01 .about-item .about-item-in { padding-right: 0; } }
.about-main .about-box._box02 figure { width: 47.9166666667%; }
@media screen and (max-width: 960px) { .about-main .about-box._box02 figure { width: 100%; } }
.about-main .about-box._box02 .about-item { padding-right: 20px; }
@media screen and (max-width: 1450px) { .about-main .about-box._box02 .about-item { padding-left: 20px; } }
@media screen and (max-width: 750px) { .about-main .about-box._box02 .about-item { padding-inline: 4%; } }
.about-main .about-box._box02 .about-item .about-item-in { position: relative; height: 100%; padding-left: 13.2653061224%; }
@media screen and (max-width: 1450px) { .about-main .about-box._box02 .about-item .about-item-in { padding-left: 0; } }
.about-main .about-box._box02 .about-item .about-item-in::after { content: ''; position: absolute; right: 0; bottom: 0; width: 439px; aspect-ratio: 439 / 240; margin-bottom: -260px; background: url("../img/about/about_i003.png") no-repeat; background-size: contain; }
.about-main .about-box._box03 { margin-bottom: 95px; padding-top: 340px; }
@media screen and (max-width: 750px) { .about-main .about-box._box03 { padding-top: 45.3333333333%; } }
.about-main .about-box._box03 .about-con { flex-direction: row-reverse; }
.about-main .about-box._box03 figure { right: 0; }
.about-main .about-box._box04 figure { left: 0; }
.about-main .about-box._box04 .about-con { column-gap: 5.8823529412%; }
.about-main .about-box._box04 .c-btn { padding-block: 10px; }
.about-main .about-box .about-con { position: relative; display: flex; }
@media screen and (max-width: 960px) { .about-main .about-box .about-con { display: block; } }
.about-main .about-box figure { width: 50%; }
@media screen and (max-width: 960px) { .about-main .about-box figure { width: 100%; margin: 0 auto 30px; } }
.about-main .about-box .about-item { flex: 1; }
.about-main .about-box .about-item .about-item-in { max-width: 805px; }
@media screen and (max-width: 960px) { .about-main .about-box .about-item .about-item-in { max-width: 100%; } }
.about-main .about-box .about-item .c-heading { margin-bottom: 20px; }
.about-main .about-box .about-item dl { max-width: 675px; margin-bottom: 40px; }
@media screen and (max-width: 960px) { .about-main .about-box .about-item dl { max-width: 100%; } }
@media screen and (max-width: 960px) { .about-main .about-box .about-item dl .only-pc-s { display: none; } }
.about-main .about-box .about-item .about-btn .c-btn { max-width: 500px; }
@media screen and (max-width: 960px) { .about-main .about-box .about-item .about-btn .c-btn { margin-inline: auto; } }
@media screen and (max-width: 750px) { .about-main .about-box .about-item .about-btn .c-btn { max-width: 100%; } }

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