@charset "UTF-8";
/* CSS Document */
html{height:100%;}

body {
	height:100%;
	font-family:"SF Pro Text","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
	background-color: #ecddc0;
	vertical-align:middle;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-style: normal;
	font-weight: 200;
	color: white;
	font-size: 11pt;
	line-height: normal;
	letter-spacing: 0.1em;
	
	
	
	/* 画像ファイルの指定 */
  background-image: url(../images/bkimg.jpg);
   
  /* 画像を常に天地左右の中央に配置 */
  background-position: center center;
   
  /* 画像をタイル状に繰り返し表示しない */
  background-repeat: no-repeat;
   
  /* コンテンツの高さが画像の高さより大きい時、動かないように固定 */
  background-attachment: fixed;
   
  /* 表示するコンテナの大きさに基づいて、背景画像を調整 */
  background-size: cover;
   
  /* 背景画像が読み込まれる前に表示される背景のカラー */
  background-color: #464646;
}
body.img2{
	background-image: url(../images/bkimg2.jpg);
}
/* Container */
.container {
	height:100%;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top:0;
	text-align:center;
}
.top_title{
	margin-top: 10px;
}

ul{
	list-style: none;
	padding-top: 0px;
	margin-bottom: 20px;
	padding-right: 0px;
	padding-left:0px;
	font-family: dunbar-low, sans-serif;
	font-weight: 100;
	font-style: normal;
	
}
li{
	
	padding-top: 10px;
	padding-left:0px;

	margin: 0px;
	
}
h2{
	font-family: dunbar-low, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 30pt;
		
}
h3{
	font-family: dunbar-low, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-weight: normal;
	font-size: 11pt
}
h4{
	font-family: dunbar-low, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-weight: 200;
	margin-top: 40px;
	margin-bottom: 0px;
	font-size: 11pt;
}

a{color: white;
}
.pics_logo{
	padding-top:20px;
	margin-top: 20px;
}
.title_cont{ width:100%;vertical-align:middle; text-align:center;}
.title_cont img{ width:10%; height:auto; vertical-align:middle;}

.title_pics{ width:20%;vertical-align:middle; text-align:center;}
.title_pics img{ width:10%; height:auto; vertical-align:middle;}

.title_contB{ width:100%;vertical-align:middle; }
.title_contB img{ width:10%; height:auto; vertical-align:middle; margin-bottom:10px; margin-top: 30px;}


.mv{ width:95%;
margin-left: auto;
margin-right:auto;
vertical-align:middle;
text-align:center;
position:relative;
padding-top:56.25%;
}
.mv iframe{ position:absolute;
top:0;
right:0;
width:100%;
height:100%;
}

.social{
	bottom:0px;
	width:100%;
	text-align:center;
}
	

.copyright {
	position:relative;
	bottom:0px;
	width:100%;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 20px;
	color: #FFFFFF;
	text-transform: uppercase;
	font-weight: lighter;
	letter-spacing: 2px;
	border-top-width: 2px;
}

@media screen and (max-width:767px){
	.copyright{
		widows: 90%;
		bottom:0px;
	}
	.text[
		max-width: 90%;
	
	]
	
	
	.container {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top:0px;
	}
	h2{
		font-size: 20pt;
	}
	.top_title img{
		max-width: 90%;
    	height: auto;
	}
}

@media screen and (max-width : 478px ){
	.container{
			margin-top:30px;

	}
	.top_title{
	margin-left: auto;
	margin-right: auto;
	}
	.top_title img{
		max-width: 80%;
    	height: auto;
	}
	h2{
		width: 80%;
		font-size: 18pt;
		margin: 0 auto;
	}
	
}