@import url("g.css");
:root{--fotoBorRad:2vw; --min2:min(2dvh,2dvw);--min3:min(3dvh,3dvw);--min4:min(4dvh,4dvw);--min5:min(5dvh,5dvw);--min6:min(6dvh,6dvw);
  --min7:min(7dvh,7dvw);--min10:min(10dvh,10dvw);--min15:min(15dvh,15dvw);}
[cBlck]{color:black;} [cBlu]{color:blue;} [cGreen]{color:green;} [cWhi]{color:white;}
[fsEm11]{font-size:1.1em;} [fsEm12]{font-size:1.2em;} [fsEm13]{font-size:1.3em;} [fsEm14Fwb]{font-size:1.4em;font-weight:bold;}
  [fsEm15]{font-size:1.5em;} [fsEm15Fwb]{font-size:1.5em;font-weight:bold;} [fsEm20]{font-size:2em;} [fsEm25]{font-size:2.5em;}
[sq15]{width:1.5vw;height:1.5vw;} [sq15o4]{width:max(1.5vw,4vh);height:max(1.5vw,4vh);} [sq2]{width:2vw;height:2vw;}
  [sq3]{width:3vw;height:3vw;} [sq5]{width:5vw;height:5vw;} [sq6]{width:6vw;height:6vw;}
[txtCx] {text-align:center;}
.cir {display:flex; border-radius:50%; justify-content:center; align-items:center;}
html {scroll-behavior:smooth;}
a {color:unset; text-decoration:none;}
/** { outline: 1px solid red !important; }*/
#pizWrp {margin:var(--min4) var(--min15); border-radius:var(--min4); background:fixed url("../imgs/jifuActHpBg.jpg") center/cover;
         padding:var(--min10) var(--min15);}
#piz {border-radius:var(--min4); background-color:rgba(255,255,255,0.96); padding:var(--min2); display:grid;
      grid-template-columns:1fr; justify-content:center; grid-gap:0;}
#hd {display:grid; grid-template-columns:1fr; justify-items:center; grid-gap:0;}
  #hd img {width:50%;}
  #hd h1 {width:90%;}
#formWrp {padding:var(--min7);}
  #formWrpTit {border-radius:var(--min3) var(--min3) 0 0; background-color:darkslategray; padding:var(--min4);}
    #formWrpTit>p {text-align:justify; font-size:min(5dvh,2dvw); color:lightsalmon;}
  #flds {border:2px solid darkslategray; border-radius:0 0 var(--min3) var(--min3); padding:10% 5%; display:grid;
         grid-template-columns:1fr 1fr; grid-gap:3vh 2vw; justify-content:center; justify-items:start; align-items:end;
         font-size:max(1.1rem,1.5vw);}
    #flds>div {width:100%;}
      #flds>div>span {display:block; margin:0 0 0.5vh 0.5vw; font-size:1em;}
      #flds input, #flds select, #flds textarea {border:1px solid lightgray; border-radius:0.3vw; height:2.5em;width:100%;
                                                 padding:0 1vw; font-size:1em;}
      #flds p {grid-column-end:span 2; justify-self:center;}
  #fldsWrpFoot {margin:5dvh auto 7dvh auto; justify-self:center;}
    #snd {border-radius:max(0.5dvw,0.5dvh); background-color:darkcyan;
                   padding:max(0.7dvw,0.7dvh) max(1.5dvw,1.5dvh); color: aliceblue; cursor:pointer;}
#ppWrp {margin:2dvh auto 5dvh auto; width:fit-content; min-width:50%;}
@media screen and (orientation:portrait){
 #pizWrp {margin:var(--min4) var(--min5);}
 #flds {grid-template-columns:auto; row-gap:1dvh;}
   #flds p {grid-column-end:span 1;}
}
/*
*/