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

		html{height:100%;}
		
		body {
			font-family:"游ゴシック体", "Yu Gothic", YuGothic,   "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ", Meiryo, Osaka,  "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
			background-color:#FFF;
			margin:0;
			padding:0;
			text-align:left;
			font-size:14px;
			line-height:170%;
			color:#3E3E3E;
			height:100%;
			letter-spacing:1px;}
			
			
		h1,h2,h3,h4,h5,h6,pre,p,ul,ol,li,dl,dt,dd,th,td,div{
			margin: 0; 
			padding: 0;
			font-weight:normal;
			font-size:100%;}
		
		ul,ol,li,dl,dt,dd{
			list-style-type: none;}
		
		a{color:#595959; text-decoration: none;}
		a:hover{color:#B5996D;}
		
		img {border: none;}
		
		a:link img{
			 -webkit-filter:saturate(50%);
			filter:saturate(50%);}
			
		
		a:hover img {
			-webkit-filter:saturate(100%);
			filter: saturate(100%)}
		 

			
		/*
		***********************************
		*float
		***********************************
		*/
		
		.floatR{float:right;}
		.floatL{float:left;}
		.clear{clear:both; width:100%;}
		.clearfix:after{display:block;clear:both;}
			
		/*
		***********************************
		*margin&padding
		***********************************
		*/
		
		
		.no{margin: 0px;padding: 0px;}
		
		
		/*
		***********************************
		*text&font
		***********************************
		*/
		
		.white{color:#FFFFFF;}
		.bold{font-weight:bold;}
		.font10 {font-size:10px;}
		.font11 {font-size:11px;}
		.line120{line-height:120%;}
		.center{text-align:center;}
		.txtR{text-align:right;}
			
		
		
		/*
		***********************************
		*画面サイズ調整
		***********************************
		*/
		
		img{
		max-width: 100%;
		height: auto;
		}
		
		.only_pc{display:block;}
		.only_smt{display:none;}
		
		@media screen and ( max-width:750px ){
		
		.only_pc{display:none;}
		.only_smt{display:block;}	
			
		}
		

		/*
		***********************************
		*TOPメインランダム画像
		***********************************
		*/

         #top_vis{
			width: 100%;
			height:100%;
			background-image:url("../img/topvis/bg01.jpg");
            background-size:cover;
			background-position:center;
			background-repeat:no-repeat;
			background-attachment: fixed;
			z-index: 1;
			position:relative;}

         h1{
			 width:45%;
			 margin: 0 auto;
             text-align: center;
             padding: 300px 0;}
		
			
		@media screen and ( max-width:750px ){
			
		#top_vis{
			background-image:url("../img/topvis/bg01_smt.jpg");}
			
		 h1{width:85%;}
			
			
		}
			
		/*
		***********************************
		*コンセプト
		***********************************
		*/
		
		
		#top_message{
			width:86%;
			padding:100px 7%;}
			
		
		.tit{
			font-family: "ゴシックMB101 DB";
			font-size:32px;
			margin:0 auto 80px auto;
			text-align:center;
			letter-spacing:4px;
			color:#666;
			line-height:100%;}	
			
		.tit_dit{
			width:84%;
			max-width:700px;
			margin:0 auto;
			line-height:190%;
			font-size:14px;}
			
		.tit_sign{
			width:28%;
			float:right;
			margin-top:20px;}
			
		.tit_sign:after{display:block;clear:both;content:"";}
			
		.opening{
			color:#FC0;
			font-size:40px;
			text-align:center;
			margin:70px 0;
			line-height:160%;}
			
		@media screen and ( max-width:750px ){
			
		.tit{font-size:27px;}	
			
		.tit_dit{
			width:92%;}
			
			
		.tit_sign{
			width:40%;}
			
		.opening{
			font-size:12px;
			font-weight:bold;}
			
			
		}

			
		
		
		/*
		***********************************
		*フッター
		***********************************
		*/
		
		#footer{
			width:100%;
			margin-top:50px;
			padding:30px 0;
			text-align:center;
			color:#EEE;
			background-color:#666;}