@charset "UTF-8";

body {
	/*font-family: ;*/
	text-align: center;
	color: #000 ;
	background: #F9F6F4 ;
	-webkit-text-size-adjust: none;
    margin:0px;
}

img {
	line-height: 0;
}

a:focus {
	outline: none;
}

a {
	text-decoration:underline;
}

strong {
	font-weight: bold;
}

ul {
	list-style: none;
}

html {
  margin: 0 auto;
  background: #F9F6F4 ; /* Fills the page */
  position: relative; /* Fix for absolute positioning */
 /* border-left:solid 1px #b6c0c9;
  border-right:solid 1px #b6c0c9;*/
}


/* --------------------------------------------------------------------------------------------------------------------

common

-------------------------------------------------------------------------------------------------------------------- */

body > header {
	line-height: 0;
}

body > footer {
	color: #fff;
	font-size: 12px;
	padding: 5px 4px;
}
#index{
  max-width: 750px;
	text-align:center;
    height:100%;
	margin:auto;
    padding:0px 0px;
	background: #ffffff ; /* Fills the page */
 /* border-left:solid 1px #b6c0c9;
  border-right:solid 1px #b6c0c9;*/
}

p{margin:0px 0px;}

#index > header h1 {
	line-height: 0;
	background: none;
	padding: 0;
}
#index img{
	height: auto;
	display:block;
    margin:0px 0px;
    line-height:0em;
    vertical-align:bottom;
}



/*** テキスト化
******************************************/
@media screen and (max-width : 640px) {	
 #textbox{
	 text-align: left;
	 font-weight: bold;

padding:5% 5%;
	font-size : 160%;
	margin-bottom:3%;

	line-height: 1.3 !important;
	}
	
.txt {
	height:auto;
	padding: 2% 5%;
	font-size: 16px;
	line-height:220%;
	text-align: left;
	font-weight:lighter;
	color: #444;
}
	
.txt_sub {
	height:auto;
	padding:3% 5%;
	font-size: 150%;
	font-family: "Gibson","Helvetica Neue",HelveticaNeue,Arial,sans-serif;
	text-align: left;
	font-weight: bold;
	line-height: 1.4 !important;
	color: #333;
}
	
	
}/*(max-width end*/
 
@media screen and (min-width : 640px) {
#textbox{
	   text-align: left;
       padding:5% 5%;

	 letter-spacing:2px;
   font-size : 180%;
	   font-weight: bold;
	line-height: 1.3 !important;
	}

.txt {
	height:auto;
	padding: 2% 10%;
	font-size: 16px;
	line-height:250%;
	text-align: left;
	font-weight:lighter;
	color: #444;
}

.txt_sub {
	height:auto;
	padding:3% 10%;
	font-size: 28px;
	font-family: "Gibson","Helvetica Neue",HelveticaNeue,Arial,sans-serif;
	text-align: left;
	font-weight: bold;
	line-height: 1.4 !important;
	color: #333;
}
	
	
}/*(min-width end*/



.footer_txt {
	height:auto;
	margin:5% 0 0 0;
	padding: 1% 5% 1% 6%;
	font-size: 14px;
	text-align:center;
	line-height: 1.6 !important;
	color: #666!important;
	background-color:#e7ebef;
}

.footer_txt  a{
	text-decoration: none;
	color: #666!important;
}

.footer {
	height:auto;
	margin: 0;
	padding: 1% 5% 1% 6%;
	font-size: 14px;
	text-align:center;
	line-height: 1.6 !important;
	color: #fff;
	background-color:#b6c0c9;
}

@media screen and (min-width : 640px){	
.styleimage{
 margin:0 10%;
	}
}

@media screen and (max-width : 640px){	
.styleimage{
	margin:0 5%;
	}
}

video {
  width: 100%; 
}