/*  for_media
=============================================== */

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

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

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

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

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

}


/* diagram_relation
-------------------------------- */

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

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

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

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

}

/*eof*/