.front-page__detail {
position: relative;
}
.front-page__detail .img_down_1 {
position: absolute;
bottom: 0px;
left: 0px;
z-index: -1;
}
@media screen and (min-width: 1920px) {
.front-page__detail .img_down_1 {
width: 100%;
}
}
.front-page__detail .img_down_2 {
position: absolute;
bottom: 0px;
right: 0px;
z-index: -1;
}
@media screen and (min-width: 1920px) {
.front-page__detail .img_down_2 {
width: 100%;
}
}
.front-page__detail .front-page__detail-row {
position: relative;
padding: 20rem 0rem 35rem;
}
@media (max-width: 1650px) {
.front-page__detail .front-page__detail-row {
padding: 15rem 0rem 20rem;
}
}
@media (max-width: 1320px) {
.front-page__detail .front-page__detail-row {
padding: 10rem 0rem 15rem;
}
}
@media (max-width: 992px) {
.front-page__detail .front-page__detail-row {
padding: 5rem 0rem 5rem;
}
}
@media (max-width: 760px) {
.front-page__detail .front-page__detail-row {
padding: 5rem 0rem 45rem;
}
}
@media (max-width: 568px) {
.front-page__detail .front-page__detail-row {
padding: 0rem 0rem 30rem;
}
}
.front-page__detail .front-page__detail-row:nth-last-of-type(1) {
padding-bottom: 45rem;
}
@media (max-width: 1650px) {
.front-page__detail .front-page__detail-row:nth-last-of-type(1) {
padding-bottom: 30rem;
}
}
@media (max-width: 1320px) {
.front-page__detail .front-page__detail-row:nth-last-of-type(1) {
padding-bottom: 25rem;
}
}
@media (max-width: 568px) {
.front-page__detail .front-page__detail-row:nth-last-of-type(1) {
padding-bottom: 35rem;
}
}
.front-page__detail .front-page__detail-row .bg {
position: absolute;
bottom: 0px;
left: 0px;
z-index: -1;
}
@media screen and (min-width: 1920px) {
.front-page__detail .front-page__detail-row .bg {
width: 100%;
}
}
.front-page__detail .front-page__detail-row h2 {
text-transform: uppercase;
}
.front-page__detail .front-page__detail-content {
max-width: 50%;
margin-right: 0px;
margin-left: auto;
}
@media (max-width: 760px) {
.front-page__detail .front-page__detail-content {
max-width: 100%;
}
}
.front-page__detail .front-page__detail-content .wrapper {
max-width: 337px;
margin-left: 19rem;
}
@media (max-width: 992px) {
.front-page__detail .front-page__detail-content .wrapper {
max-width: 100%;
margin-left: 0px;
}
}