@charset "utf-8";
/* CSS Document */

/* ピクトグラムについてヒューマンピクトグラム2.0に展示しているデータの著作権はTopeconHeroesダーヤマが保持します */

/* テキスト縦方向中央揃いにならない */

.box {
 /*width: 180px;
 height: 180px;
 border: 1px solid #ccc; */
 vertical-align: middle; /* 「vertical-align」を指定してもテキストは縦方向中央揃いにならない */
 text-align: center;
}
		
		
 /* =====追加=========== */
 
h1
 {
   font-size: x-large; 
   border: 1px solid #CCC;
   padding: 15px;
   border-radius: 6px;
   margin-bottom: 8px;
   text-align:center;

	
	}
	
h2
 {
   font-size: x-large; 
   text-align:center;
	
	}
	
h3
 {
   font-size: x-large; 
   text-align:center;
   color:#FFFFFF;
	
	}
	
h4
 {
   font-size: large; 
   text-align:left;
   color:#777777;
   border-bottom: 1px solid #777777;
	
	}
	
	

p { letter-spacing: 0.14em;
font-size: large; 
}
       
	   
 /* =====バックグラウンド=========== */
 
 .back1 {
	 background-image: url(../img/L_a0002_004839_m.jpg);
	 background-position:center;
	 background-repeat:no-repeat;
	 background-attachment:fixed;
	 
 }
 
 .back2 {
	 background-image: url(../img/0793.jpg);
	 background-position:center;
	 background-repeat:no-repeat;
	 background-attachment:fixed;
	 
 }
 
 .back3 {
	 background-image: url(../img/img_top_011pixta.jpg);
	 background-position:center;
	 background-repeat:no-repeat;
	 background-attachment:fixed;
	 
 }
 		
	

/* デフォルト */

body { padding-top: 0px;
	   background-color: #2B2828;
 }
  @media ( min-width: 768px ) {
    #banner {
      min-height: 300px;
      border-bottom: none;
    }
    .bs-docs-section {
      margin-top: 8em;
    }
    .bs-component {
      position: relative;
    }
    .bs-component .modal {
      position: relative;
      top: auto;
      right: auto;
      left: auto;
      bottom: auto;
      z-index: 1;
      display: block;
    }
    .bs-component .modal-dialog {
      width: 90%;
    }
    .bs-component .popover {
      position: relative;
      display: inline-block;
      width: 220px;
      margin: 20px;
    }
    .nav-tabs {
      margin-bottom: 15px;
    }
    .progress {
      margin-bottom: 10px;
    }
	
	h1 { 
	font-size: 50px;
	}
	
	h3 { 
	font-size: 35px;
	}
  
  /* ここまでデフォルト */
  
  /* 曇りガラスパネル 　JavaScriptあり　*/ 
  
*{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.cloudy-bg,
.cloudy {
    background: url(../img/img_top.jpg) no-repeat center;

}
.cloudy {
    color: #000;
    position: relative;
}
 
.cloudy-bg {
    position: absolute;
    background-clip: content-box;
    width: 100%;
    height: 100%;
    padding: 30px;
    top: 0;
    left: 0;
    -webkit-filter: blur(3px);
    -moz-filter: blur(3px);
    filter: blur(3px);
}
.cloudy-in {
    padding: 30px;
    position: relative;
}
.cloudy-main {
    width: 800px;
    margin: 0 auto;
    padding: 30px;
    z-index: 30;
    position: relative;
    border: solid 1px rgba(255,255,255,0.8);
    background: rgba(255,255,255,0.8);
}
@media (max-width: 800px) {
    .cloudy-main {
        width: 100%;
    }
}

  /* ここまで曇りガラスパネル */ 
  
  /* 角丸カラム */ 
    
.my-radius {
    border: 1px solid #CCC;
    padding: 15px;
    border-radius: 6px;
    font-family: Consolas,"Meiryo UI";
    margin-bottom: 8px;

}

  /* 角丸カラム　ここまで */ 
  
  /* Googleマップをレスポンシブに埋め込む <div class="google-maps">*/  
  
.google-maps {
position: relative;
padding-bottom: 35%; // これが縦横比
height: 0;
overflow: hidden;
}
.google-maps iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}

  /* Googleマップをレスポンシブに埋め込む ここまで*/