diff --git a/class_content/index.html b/class_content/index.html
index dbc12bf..2591fab 100644
--- a/class_content/index.html
+++ b/class_content/index.html
@@ -10,10 +10,10 @@
 <header id="header">この部分は header.html に置き換わる</header>
 <main>
 
-    <section style="margin-left:20px ;">
-<h2>令和3年度　ジュニアドクター鳥海塾受講ガイダンスのご案内</h2>
-<p>下記の通り開催いたしますので留意事項をよくお読みになった上
-で受講生本人と保護者最大1名でご参加くださいますようお願いいたします。</p>
+<section style="position: relative; margin-left:20px; ">
+    <h2 style="width: auto;">令和3年度　ジュニアドクター鳥海塾受講ガイダンスのご案内</h2>
+    <p>下記の通り開催いたしますので留意事項をよくお読みになった上
+    で受講生本人と保護者最大1名でご参加くださいますようお願いいたします。</p>
 
     <ol>
         <li>日時　　令和3年8月7日(土)午後2時から</li>　
@@ -31,10 +31,10 @@
         　　　　　　コロナ禍のためカフェテリアはご利用になれません。
         </li>
     </ol>
+    <iframe class="framebox" frameborder="0" scrolling="no" marginheight="0" marginwidth="0"
+    width="500" height="350" 
+    src="https://maps.gsi.go.jp/?hc=hic#17/38.893413/139.819077/&#x62;ase=std&#x6c;s=std&#x64;isp=1&#x76;s=c1j0h0k0l0u0t0z0r0s0m0f1"></iframe>
 </section>
-<iframe class="lfloat framebox" frameborder="0" scrolling="no" marginheight="0" marginwidth="0"
-width="500" height="350"
-src="https://maps.gsi.go.jp/?hc=hic#17/38.893413/139.819077/&#x62;ase=std&#x6c;s=std&#x64;isp=1&#x76;s=c1j0h0k0l0u0t0z0r0s0m0f1"></iframe>
 </main>
 
 <footer id="footer">この部分は footer.html に置き換わる</footer>
diff --git a/jdmain.css b/jdmain.css
index 23194fd..5ae9861 100644
--- a/jdmain.css
+++ b/jdmain.css
@@ -168,24 +168,24 @@
 }
 
 /* class_content */
-
-
-.framebox {
-    border: double 5px gold;
-    display: block;
-    margin-left:  100px;
-    max-width: 100%;
+@media screen and (min-width: 1100px){ 
+    .framebox {
+        border: double 5px gold;
+        display: block;
+        position: absolute;
+        left: 60% ;
+        bottom: 10px;
+    }
+    .clear {clear: both;}
 }
-/* .lfloat {float: left; margin-right: 2em;} */
-/* .lfloat {float: right; margin-right: 2em;} */
-.clear {clear: both;}
 
-
-
-
-
-
-
+@media screen and (max-width: 1099px){ 
+    .framebox {
+        border: double 5px gold;
+        display: block;
+        margin-left: 30px;
+    }
+}
 
 
 footer {		/* XXX: Change ME! */
@@ -204,4 +204,3 @@
     margin: 0 1ex; padding: 0 1ex; width: 6em;
     border: #284 solid; border-width: 0 0 1px 1.2em;
 }
-