/* htmlとbodyの初期設定 */
html, body {
	margin: 0;
	padding: 0;
	width:100%;
	height:100%;
}


/* 文字サイズ */


@media screen and (min-width:769px){
  /* PC 769px以上 */
  html{
    font-size: 16px;
  }
}

@media screen and (max-width:768px){
  /* タブレット 768px以下 */
  html{
    font-size: 2vw;
  }
}
@media screen and  (max-width:480px){
  /* スマートフォン 480px以下 */
  html{
    font-size: 3.4vw;
  }
}



h1{
	text-align: center;
	font-size:3rem;
	font-weight: 400;
	margin: 0.1em;
	padding: 0.1em;
}

h3{
	font-size:3rem;
	font-weight:800;
	margin: 0.5em;
	padding: 0em;
}

p{
	font-size: 1.5rem;
	line-height: 1.5;
	margin: 0.5em 2em;
	padding: 0.5em;
}

p.footer {
	text-align: center;
	font-size: 1rem;
	margin: 0.5em;
	padding: 0.5em;
}


/* 画像サイズ */

.max {
	width: 100%;
	max-width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}

.half {
	width: 50%;
	max-width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}


.logo{
	width: 25vw;
	margin: 0.2em;
	padding: 0.2em;
}

/* リスト */

ul li{
	font-size: 1rem;
	line-height: 1.5;
	margin: 0 1em 0 2em;
	text-align: left;
}

/* センタリング */

p.cnt{
	margin: 0 auto;
	max-width: 100%;
	text-align:center;
}


.centering img{
	margin-right:10px;
	vertical-align: middle;
}
.centering span{
	vertical-align: middle;
}

/* ライン */

hr.style1 { 
  border: 0; 
  height: 1px; 
  background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0); 
}

/* ヘッダーの固定 */
div#header-fixed
{
    position: fixed;            /* ヘッダーの固定 */
    top: 0px;
    left: 0px;
    width: 100%;
    height: 7vw;
}
 
 
div#header-bk { 
	background-color:rgba(255,255,255,0.8);
	padding:0;
	height: 7vw;
	width:100%;
}
 
 
div#header { 
	border: 1px dotted #eee;
	height: 100%;
	margin: auto;
	text-align:center;
}

/* ボディの定義 */
div#body-bk{
    padding:7vw 0 15vw 0;
}

div#body{
    width:100%;
    margin:auto;
}

/* フッターの固定 */
div#footer-fixed
{
    position: fixed;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 15vw;
}
 
div#footer-bk
{
	background-color:rgba(255,255,255,0.8);
	padding:0;
	height:15vw;
	width:100%;
}
 
div#footer { 
	height: 100%;
	width: 100%;
	margin: auto;
}