@media screen and (max-width:768px){
 body{ background-color:palegreen;font-size:2vw;}
 img.hidari{float:none;margin-left:29%;max-width:100%;width:157px;height:338px; }
 h2.jl{text-align:center;width:60%;height:5%;padding:0.2%;border:3px solid red;margin-left:20%;background-color:yellow;color:#00008B;
 border-radius:1em;font-size:1.6em;margin-top:2%;}
 p.jlb {font-size:1em;text-align:center;color:#00008B;height:auto;}
 }
 @media screen and (min-width:768px){
 body{ background-color:palegreen;}
 img.hidari{float:none;margin-left:34%;max-width:100%;width:235px;height:507px;}
 h2.jl{text-align:center;width:50%;height:25%;padding:0.2%;border:3px solid red;margin-left:25%;background-color:yellow;color:#00008B;
 border-radius:1em;font-size:1.40em;margin-top:0.2%;}
 p.jlb {font-size:20px;text-align:center;color:#00008B}
 }
@media screen and (min-width:1024px){
 body{ background-color:wheat;font-size:1vw;}
 img.hidari{ float:none;margin-left:36%;border-radius:1em;max-width:100%;width:353px;height:760px;border:3px solid red; }
 h2.jl{text-align:center;width:40%;padding:0.2em;border:3px solid red;margin-left:29%;background-color:yellow;color:#00008B;
 font-size:1.4em;margin-top:0%;border-radius:1em;}
 p.jlb {font-size:1em;text-align:center;color:darkblue;}
 }