.lw-list-4 {
margin: 24px 0;
}
.lw-list-4 ul.lw-list-4__inner {
position: relative;
z-index: 10;
margin: 0 auto;
padding: 36px 40px !important;
max-width: 1040px;
width: 100%;
display: grid;
grid-template-columns: repeat(1, 1fr);
gap: 20px;
list-style: none;
border: 1px solid var(--color-main);
background: #fff;
}
@container (max-width:750px) {
.lw-list-4 ul.lw-list-4__inner {
padding: 32px 24px 28px 24px !important;
grid-template-columns: repeat(1, 1fr);
}
}
@container (max-width:550px) {
.lw-list-4 ul.lw-list-4__inner {
padding: 28px 16px 24px 16px !important;
gap: 18px;
}
}
.lw-list-4 ul.lw-list-4__inner.clm_2 {
grid-template-columns: repeat(2, 1fr);
}
@container (max-width:750px) {
.lw-list-4 ul.lw-list-4__inner.clm_2 {
grid-template-columns: repeat(1, 1fr);
}
}
.lw-list-4 ul.lw-list-4__inner.none_border {
border: none !important;
padding: 0;
}
.lw-list-4 ul.lw-list-4__inner li.lw-list-4__li {
position: relative;
display: flex;
align-items: center;
}
.lw-list-4 ul.lw-list-4__inner li.lw-list-4__li.size_l {
font-size: 1.4em;
}
@media (max-width: 550px) {
.lw-list-4 ul.lw-list-4__inner li.lw-list-4__li.size_l {
font-size: 1.2em;
}
}
.lw-list-4 ul.lw-list-4__inner li.lw-list-4__li.size_m {
font-size: 1.2em;
}
@media (max-width: 550px) {
.lw-list-4 ul.lw-list-4__inner li.lw-list-4__li.size_m {
font-size: 1.1em;
}
}
.lw-list-4 ul.lw-list-4__inner li.lw-list-4__li.size_s {
font-size: 1em;
}
.lw-list-4 ul.lw-list-4__inner li.lw-list-4__li .icon {
width: 1.2em;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.lw-list-4 ul.lw-list-4__inner li.lw-list-4__li .icon svg, .lw-list-4 ul.lw-list-4__inner li.lw-list-4__li .icon img {
width: 100%;
height: auto;
fill: var(--color-main);
object-fit: contain;
}
.lw-list-4 ul.lw-list-4__inner li.lw-list-4__li .lw-list-4__text {
padding-left: 1em;
width: calc(100% - 1.2em);
}
.lw-list-4 ul.lw-list-4__inner li.lw-list-4__li .lw-list-4__text p {
margin: 0;
color: #333;
line-height: 1.6em;
}
.lw-list-4 .lw-list-4__remove_btn {
position: absolute;
bottom: 0;
right: 0;
z-index: 10;
font-size: 12px;
color: #fff;
background: var(--color-accent);
border: none;
border-radius: 2px;
}
.lw-list-4 .lw-list-4__add_btn {
position: relative;
z-index: 10;
margin: 0 auto;
margin-top: 32px;
padding: 12px 24px;
padding: 12px 24px;
width: 200px;
font-size: 16px;
}.lw-list-3 {
margin: 24px 0;
}
.lw-list-3 ul.lw-list-3__inner {
position: relative;
z-index: 10;
margin: 0 auto;
max-width: 1040px;
width: 100%;
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 16px;
list-style: none;
}
@container (max-width:750px) {
.lw-list-3 ul.lw-list-3__inner {
grid-template-columns: repeat(1, 1fr);
gap: 8px;
}
}
.lw-list-3 ul.lw-list-3__inner li.lw-list-3__li {
position: relative;
padding: 18px;
display: flex;
align-items: center;
background: #fff;
border-radius: 8px;
border: 1px solid var(--color-main);
}
@container (max-width:750px) {
.lw-list-3 ul.lw-list-3__inner li.lw-list-3__li {
padding: 16px;
}
}
.lw-list-3 ul.lw-list-3__inner li.lw-list-3__li .icon {
width: 1.2em;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.lw-list-3 ul.lw-list-3__inner li.lw-list-3__li .icon svg {
width: 1.2em;
height: 1.2em;
}
.lw-list-3 ul.lw-list-3__inner li.lw-list-3__li .lw-list-3__text {
padding-left: 12px;
width: calc(100% - 1.2em);
}
.lw-list-3 ul.lw-list-3__inner li.lw-list-3__li .lw-list-3__text p {
margin: 0;
color: #333;
line-height: 1.6em;
}
@container (max-width:550px) {
.lw-list-3 ul.lw-list-3__inner li.lw-list-3__li .lw-list-3__text p {
font-size: 14px;
}
}
.lw-list-3 .lw-list-3__remove_btn {
position: absolute;
bottom: 0;
right: 0;
z-index: 10;
font-size: 12px;
color: #fff;
background: var(--color-accent);
border: none;
border-radius: 2px;
}
.lw-list-3 .lw-list-3__add_btn {
position: relative;
z-index: 10;
margin: 0 auto;
margin-top: 32px;
padding: 12px 24px;
padding: 12px 24px;
width: 200px;
font-size: 16px;
}.lw-list-1 {
margin: 40px 0;
}
@container (max-width:850px) {
.lw-list-1 {
margin: 32px 0;
}
}
@container (max-width:550px) {
.lw-list-1 {
margin: 24px 0;
}
}
.lw-list-1 * {
box-sizing: border-box;
}
.lw-list-1 .lw-list-1_inner {
width: 100%;
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 16px;
}
@container (max-width:850px) {
.lw-list-1 .lw-list-1_inner {
grid-template-columns: repeat(1, 1fr);
gap: 12px;
}
}
@container (max-width:550px) {
.lw-list-1 .lw-list-1_inner {
gap: 8px;
}
}
.lw-list-1 .lw-list-1_inner .lw-list-1_content {
min-height: 112px;
display: grid;
grid-template-columns: 112px calc(100% - 112px);
border: 1px solid #000;
box-sizing: border-box;
}
@container (max-width:850px) {
.lw-list-1 .lw-list-1_inner .lw-list-1_content {
min-height: 104px;
grid-template-columns: 104px calc(100% - 104px);
}
}
@container (max-width:550px) {
.lw-list-1 .lw-list-1_inner .lw-list-1_content {
min-height: 96px;
grid-template-columns: 96px calc(100% - 96px);
}
}
@container (max-width:450px) {
.lw-list-1 .lw-list-1_inner .lw-list-1_content {
min-height: 64px;
grid-template-columns: 48px calc(100% - 56px);
}
}
.lw-list-1 .lw-list-1_inner .lw-list-1_content .no {
height: 100%;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
font-size: 24px;
}
@container (max-width:550px) {
.lw-list-1 .lw-list-1_inner .lw-list-1_content .no {
font-size: 22px;
}
}
@container (max-width:450px) {
.lw-list-1 .lw-list-1_inner .lw-list-1_content .no {
font-size: 18px;
}
}
.lw-list-1 .lw-list-1_inner .lw-list-1_content .lw-list-1_text {
padding: 20px 24px 16px 24px;
height: 100%;
display: flex;
align-items: center;
font-size: 16px;
line-height: 1.5em;
}
@container (max-width:850px) {
.lw-list-1 .lw-list-1_inner .lw-list-1_content .lw-list-1_text {
padding: 16px 16px 14px 24px;
}
}
@container (max-width:550px) {
.lw-list-1 .lw-list-1_inner .lw-list-1_content .lw-list-1_text {
padding: 14px 8px 12px 20px;
font-size: 15px;
}
}
.lw-list-1 .lw-list-1_inner .lw-list-1_content .lw-list-1_text p {
padding: 0;
margin: 0;
}