/* --共通設定--*/
 

   /* 文字強調（ピンク）*/
span.pink {
color:#ff00cc;
}



/* 回り込みを終了する定型表現。 */
/*clearfix*/	
.clearfix {
  zoom: 1;
}
.clearfix:after {
  content: "";
  display: block;
  clear: both;	
}
/*画像と文書を並べて表示時する*/
  .inner_right {    
	float: right ;　 /*右側に配置する*/
	}
  .inner_left {
	float:left; 　 /*左側に配置する*/
	margin: 0 15px 15px 0;
   }
  

 @media screen and (min-width: 768px) {
 
  h1 {font-size:140%;
  text-align:center;
  }
h2 {font-size:110%;
}
  /* --PC表示--*/
  
  body {width:100%;
max-width:1000px;
margin:auto;
}
  
    iframe {
        border: none;
        width: 100%;
         height: 100%;
    }
  /* PC表示メニューを隠す 
 .inhalt {
        display: none;
    }*/
  
 /* ハンバーガーメニューを隠す*/
    .hm_wrap {
        display: none;
    } 
 
    
  /* PDFを同じページに表示しない*/   
     .pdf {
        display: none;
    }
    
      #menu {
        position: absolute;
        top: 0;
        left: 0px;
        right: 10px;
        width: 400px;
        height: 100%;
        text-align: center;
    }
    
    #main {
        position: absolute;
        top: 0;
        right: 0;
        left: 400px;
        height: 100%;
        border-left: 1px solid #ccc;
    }

   /* GI.htm */
   div.GI-a, div.GI-b
   {width:100%;
   }
 div.GI-b
{ display:flex;
}  
div.GI-b1,div.GI-b2,div.GI-b3
{width:30%;
margin-right:auto;
padding:0 7px;
}

div.GI-b1
{
background-color:#ffff99;
}
div.GI-b2
{
background-color:#ccccff;
}
div.GI-b3
{
background-color:#ffccff;
}

 /* GMK.htm */
 
    div.GMK-a, div.GMK-b,div.GMK-c
   {width:100%;
   }
   
    div.GMK-b,div.GMK-c
{ display:flex;
}  
div.GMK-b1,div.GMK-b2,div.GMK-b3
{width:30%;
margin-right:auto;
padding:0 7px;
}

div.GMK-c1,div.GMK-c2
{width:45%;
margin-right:auto;
padding:0 7px;
}

 /* GMK1.htm */
  div.GMK1-a
   {width:100%;
  display:flex; } 
   
 div.GMK1-b,div.GMK1-c
{width:100%;
padding:0 10px;
}  

/* GMK4.htm */

   .GMK4-a, .GMK4-b
   {width:100%;
   }
 .GMK4-b
{ display:flex;
}  
.GMK4-b1
{width:38%;
margin:0;
}

.GMK4-b2
{width:27%;
margin:0;
margin-top:10px;
font-size:90%;
}

.GMK4-b3
{width:33%;
margin:0;
}

/* GMK5.htm */

div.GMK5-a
   {width:100%;
  display:flex; } 
   
div.GMK5-b
{width:65%;
padding:0 10px;
}  

div.GMK5-c
{width:35%;
padding:0 10px;
}  

div.GMK5-b figure
{
float:right;
}

div.GMK5-b img
{margin-top:15px;
}

  /* 画像中央寄せ*/   
img.center
{padding-top:5px;
display: block;
 margin-left: auto;
 margin-right: auto;
}

    }
    
@media screen and (max-width: 767px) {
 /* --スマホ表示--*/
 
 h1 {font-size:120%;
padding: 0.5em;/*文字周りの余白*/
  background: #f4f4f4;/*背景色*/
   border-bottom: solid 3px #7db4e6;/*下線*/
  }
h2 {font-size:110%;
 /*線の種類（点線）2px 線色*/
 border-left: solid 5px #7db4e6; /*左線（実線 太さ 色）*/
  }
 
 
  /* PC表示メニューを隠す */
 #menu,#main {
        display: none;
    }
  
    iframe {
        border: none;
        width: 100%;
         height: 80vh;
    }
    
  /* 画像をウィンドウサイズに合わせて縮小 */   
    img.frame {
   width:100%;
height:auto;
}

   /* ▽▽ハンバーガーメニュー▽▽
------------------------------------------------------- */
    .hm_menu_check {
        /* チェックボックスを隠す */
        display: none;
    }

    .hm_wrap {
        display: inline-block;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        padding: 10px;
       background:#00ccff;
    }

    .hm_title {
        /* ハンバーガーメニューオープン時の見出し */
        position: relative;
        color: #000000;
        display: inline-block;
        float: left;
        font-weight: 100;
        line-height: 30px;
        margin: 0 0 0 15px;
        opacity: 0;
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
        -webkit-transition: -webkit-transform 0.6s, opacity 0.5s;
        transition: transform 0.6s, opacity 0.5s;
        z-index: 2;
    }

    /* ▽▽メニューボタン▽▽ */
    .hm_btn {
        position: absolute;
        top: 10px;
        right: 40px;
        width: 30px;
        height: 30px;
        cursor: pointer;
        display: block;
        float: left;
        z-index: 2;
    }

    .hm_btn::before {
        -webkit-box-shadow: #000 0 12px 0;
        box-shadow: #000 0 12px 0;
    }

    .hm_btn::after {
        bottom: 0;
    }

    .hm_btn::before,
    .hm_btn::after {
        width: 30px;
        height: 6px;
        background: #000;
        display: block;
        content: '';
        position: absolute;
        -webkit-transition: -webkit-box-shadow 0.2s linear, -webkit-transform 0.2s 0.2s;
        transition: box-shadow 0.2s linear, transform 0.2s 0.2s;
    }

    /* △△メニューボタン△△ */

    .hm_menu_wrap {
        width: 100%;
        height: 100vh;
        overflow: auto;
        background-image:url("../Sky.jpg");
        position: absolute;
        left: -100%;
        top: 0;
        -webkit-transition: left 0.4s;
        transition: left 0.4s;
    }

    /* ▽▽開閉時のアニメーション▽▽ */
    .hm_menu_check:checked ~ .hm_title {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }

    .hm_menu_check:checked ~ .hm_btn::before {
        -webkit-box-shadow: transparent 0 0 0;
        box-shadow: transparent 0 0 0;
        -webkit-transform: rotate(45deg) translate3d(6px, 11px, 0);
        transform: rotate(45deg) translate3d(6px, 11px, 0);
    }

    .hm_menu_check:checked ~ .hm_btn::after {
        -webkit-transform: rotate(-45deg) translate3d(6px, -11px, 0);
        transform: rotate(-45deg) translate3d(6px, -11px, 0);
    }

    .hm_menu_check:checked ~ .hm_menu_wrap {
        left: 0;
    }

    /* △△開閉時のアニメーション△△ */

    /* ▽▽メニュー内のリストスタイル▽▽ */
    .hm_list {
        list-style-type: none;
        margin: 50px 0 0;
        padding: 0;
    }

    .hm_list li a {
        color: #000000;
        display: block;
        overflow: hidden;
        padding: 8px 22px;
        position: relative;
        text-decoration: none;
        z-index: 1;
    }

    .hm_list li a::before {
        /* aタグマウスオーバー時の背景 */
        background: #cccccc;
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 100%;
        left: 0;
        -webkit-transition: bottom 0.4s;
        transition: bottom 0.4s;
        z-index: -1;
    }

    .hm_list li a:hover::before {
        bottom: 0;
    }

    .hm_list li a:hover::after {
        opacity: 0.5;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    /* メニュー内のリストスタイル△△ */

    /* △△ハンバーガーメニュー△△
------------------------------------------------------- */
 /* ヘッダーメニューの高さ調整 */
 .inhalt 
 {
    padding-top:45px;
    }

}