/*  data_protection
=============================================== */

/* mainttl
-------------------------------- */

#data_protection #mainttl .inner { background-image:url(../img/data_protection/mainttl_bg.jpg); }

/* ---- Media Queries ---- */

@media all and (max-width: 979px) {

#data_protection #mainttl .inner { background-image:url(../img/data_protection/mainttl_bg_smp.jpg); padding-top:15vw; }

}

/* management
-------------------------------- */

#diagram_management { width:80%; margin:0 10% 1.0em 10%; border:var(--cl-lightgray) 2px solid; }
#diagram_management p { position:relative; width:100%; height:0; padding-top:calc(1400% / 2000 * 100); }
#diagram_management p span { position:absolute; display:block; left:0; top:0; width:100%; height:100%; background:url(../img/data_protection/diagram_management.png) center center no-repeat; background-size:cover; text-indent:-9999px; }

/* ---- Media Queries ---- */

@media all and (max-width: 979px) {

#diagram_management { width:100%; margin:0; }

}


/* security
-------------------------------- */

#diagram_security { width:80%; margin:0 10%; border:var(--cl-lightgray) 2px solid; }
#diagram_security p { position:relative; width:100%; height:0; padding-top:calc(1200% / 2000 * 100); }
#diagram_security p span { position:absolute; display:block; left:0; top:0; width:100%; height:100%; background:url(../img/data_protection/diagram_security202507.png) center center no-repeat; background-size:cover; text-indent:-9999px; }

/* ---- Media Queries ---- */

@media all and (max-width: 979px) {

#diagram_security { width:100%; margin:0; }

}




/* message
-------------------------------- */

#dp-msg-box { display:flex; margin-bottom:2.0em; }
#dp-msg-box-l { flex:1; margin-right:1.5em; }
#dp-msg-pic { width:150px; padding-top:0.4em; }
#dp-msg-pic p { position:relative; width:100%; height:0; padding-top:133.3%; }
#dp-msg-pic p span { position:absolute; display:block; left:0; top:0; width:100%; height:100%; background:url(../img/data_protection/message_pic.jpg) center center no-repeat; background-size:cover; text-indent:-9999px; }

/* ---- Media Queries ---- */

@media all and (max-width: 979px) {

#dp-msg-box-l .btn { text-align:center; }

}

@media all and (max-width: 600px) {

#dp-msg-box { flex-direction:column-reverse; }
#dp-msg-pic { width:40%; margin:0 30% 1.0em 30%; }
#dp-msg-box-l { flex:none; margin-right:0; }

}


/* toggle
-------------------------------- */

.dp-toggle { margin-bottom:2.0em; padding:1.2em 1.2em 0.7em 1.2em; box-sizing:border-box; border:var(--cl-lightgray2) 0.7em solid; border-radius:1.0em; }
.dp-toggle .sttl { cursor:pointer; }
@media (hover: hover) { .dp-toggle .sttl:hover { opacity:0.7; } }
.dp-toggle .sttl .plmn { float:right; }
.dp-toggle-more { display:none; border-top:var(--cl-lightgray) 1px solid; padding-top:0.7em; }
.dp-toggle .box { margin-bottom:0.7em; }
.dp-toggle .box:last-child { margin-bottom:0; }

/* ---- Media Queries ---- */

@media all and (max-width: 979px) {

.dp-toggle { padding:0.5em 0.5em 0em 0.5em; border:var(--cl-lightgray2) 0.5em solid; }
.dp-toggle .sttl { padding-right:1.0em; font-size:130%!important; }
.dp-toggle .sttl .plmn { margin-right:-1.0em; }
}

/*eof*/