.setup-list {
display: flex;
margin: 50px 0;
}
.setup-list li {
width: 32%;
margin-right: 29px;
border-radius: 30px;
background: var(--bg-weak-color);
border: 1px solid var(--stroke-sub-300);
padding: 30px;
}
.setup-list li:last-child {
margin-right: 0;
}
.setup-list li img {
width: 60px;
height: 60px;
}
.setup-list li h6 {
font-size: 24px;
padding: 30px 0;
}
.setup-list li p {
color: var(--text-sub-500);
}
.register-easy {
background-color: var(--bg-weak-color);
border-radius: 30px;
padding: 50px;
}
.register-easy h6 {
text-align: center;
}
.reg-list {
display: flex;
justify-content: space-between;
margin-top: 50px;
}
.reg-list li {
width: 27%;
}
.reg-list li h6 {
font-size: 24px;
text-align: left;
color: #0C51B2;
}
.reg-list li p {
line-height: 1.5;
margin-top: 10px;
color: var(--text-sub-500);
}
.setup-service {
width: 70%;
margin: 80px auto;
}
.setup-service .ttl {
margin: 50px 0;
}
.setup-faq {
width: 70%;
margin: 0 auto;
} @media only screen and (min-width: 768px) and (max-width: 1280px) {
.setup-list {
margin: 3.906vw 0;
}
.setup-list li {
margin-right: 2.266vw;
border-radius: 2.344vw;
padding: 2.344vw;
}
.setup-list li img {
width: 4.688vw;
height: 4.688vw;
}
.setup-list li h6 {
font-size: 1.875vw;
padding: 2.344vw 0;
}
.register-easy {
border-radius: 2.344vw;
padding: 3.906vw;
}
.reg-list {
margin-top: 3.906vw;
}
.reg-list li h6 {
font-size: 1.875vw;
}
.reg-list li p {
margin-top: 0.781vw;
}
.setup-service {
margin: 3.906vw auto;
}
.setup-service .ttl {
margin: 3.906vw 0;
}
} @media all and (max-width: 767.9px) {
.setup-list {
flex-direction: column;
margin: 13.333vw 0;
}
.setup-list li {
width: 100%;
margin-right: 0;
margin-bottom: 5.333vw;
border-radius: 8vw;
padding: 8vw;
}
.setup-list li img {
width: 16vw;
height: 16vw;
}
.setup-list li h6 {
font-size: 6.4vw;
padding: 8vw 0;
}
.register-easy {
border-radius: 8vw;
padding: 8.333vw;
}
.reg-list {
flex-direction: column;
margin-top: 13.333vw;
}
.reg-list li {
width: 100%;
margin-bottom: 5.333vw;
}
.reg-list li h6 {
font-size: 5.333vw;
}
.reg-list li p {
margin-top: 2.667vw;
}
.setup-service {
width: 100%;
margin: 13.333vw auto;
}
.setup-service .ttl {
margin: 5.333vw 0;
}
.setup-faq {
width: 100%;
margin: 0 auto;
}
}