@charset "utf-8";
 body {
background-color: #f2f3f2;
}
#container {
padding-top: 6rem;
}
#main section {
padding: 8.2rem 0 9rem;
}
#main .privacyBox {
font-size: 1.3rem;
line-height: 1.3;
}
#main .privacyBox p {
margin-bottom: 1.8rem;
text-align: justify;
}
#main .privacyBox p:last-child {
margin-bottom: 0;
}
#main .privacyBox h3 {
color: #0071bc;
font-weight: 500;
border-bottom: 1px solid #cccccc;
letter-spacing: 0.18em;
padding-bottom: 0.7rem;
margin-bottom: 0.7rem;
}
#main .privacyBox .txtUl {
margin-bottom: 3.8rem;
counter-reset: num;
}
#main .privacyBox .txtUl li {
position: relative;
padding-left: 1.8rem;
counter-increment: num;
}
#main .privacyBox .txtUl li::before {
position: absolute;
color: #0071bc;
top: 0;
left: -0.2rem;
font-weight: 500;
font-family: "Open Sans", sans-serif;
content: counter(num, decimal) ".";
}
#main .privacyBox .comBg {
border-radius: 3rem;
padding: 5.6rem 6rem 5.8rem;
}
#main .privacyBox .btmBox {
display: flex;
align-items: center;
padding: 2.4rem 4rem 2rem;
background-color: #f3f3f3;
}
#main .privacyBox .btmBox h3 {
width: 17.4rem;
border-bottom: none;
margin: 0;
position: relative;
}
#main .privacyBox .btmBox h3::after {
width: 1px;
height: 7rem;
position: absolute;
top: -2.3rem;
right: 4.1rem;
transform: rotate(21deg);
content: "";
background-color: #999999;
}
#main .privacyBox .btmBox .textBox {
flex: 1;
letter-spacing: 0.05em;
}
@media all and (max-width: 896px) {
#container {
padding-top: 5.5rem;
}
#main section {
padding: 5rem 0 5.5rem;
}
#main .privacyBox {
font-size: 1.35rem;
line-height: 1.388;
letter-spacing: 0.05em;
}
#main .privacyBox p {
margin-bottom: 2.7rem;
text-align: justify;
}
#main .privacyBox p:last-child {
margin-bottom: 0;
}
#main .privacyBox h3 {
letter-spacing: 0.18em;
padding-bottom: 0.7rem;
margin-bottom: 1.1rem;
font-size: 1.35rem;
}
#main .privacyBox .txtUl {
margin-bottom: 2.4rem;
}
#main .privacyBox .txtUl li {
padding-left: 1.8rem;
}
#main .privacyBox .txtUl li::before {
top: 0;
left: -0.2rem;
}
#main .privacyBox .comBg {
border-radius: 0;
padding: 0;
}
#main .privacyBox .btmBox {
display: block;
padding: 2.8rem 1rem 3.2rem;
background-color: #fff;
text-align: center;
}
#main .privacyBox .btmBox h3 {
padding-bottom: 1.4rem;
width: auto;
border-bottom: none;
margin: 0;
position: relative;
}
#main .privacyBox .btmBox h3::after {
display: none;
}
#main .privacyBox .btmBox .textBox {
letter-spacing: 0.05em;
}
#main .privacyBox .btmBox p {
text-align: center;
}
}