@charset "UTF-8";
body{
	font-family:"Times New Roman", "メイリオ","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	text-align: center;
	background-color: #FFF;
	margin: 0;
}

div#header{
	width: 100%;
	height: 100%;
	position: relative;
}
div.header_navi ul li{
	display: inline-block;
	margin: 0 1% 0 1%;
	font-weight: bold;
}
div#header_top{
	width: 100%;
	height: 50%;
	z-index: 4;
	position: absolute;
	top:50px;
}
div#header_top img{
	width: 50%;
}
div#header_btm{
	width: 100%;
	height: 50%;
	z-index: 4;
	position: absolute;
	bottom: -50px;
}
div#header_btm img{
	width: 25%;
}
div#header ul.slides{
	z-index: 1;
	margin-top: 0;
	margin-bottom: 0;
	width: 100%;
	height: 100%;
	padding: 0;	
}
div#header ul.slides li{
	list-style: none;
}
div#header ul.slides li img{
	width: 100%;
	height: 100%;
}
	div#footer ul#category{
	}
	div#footer ul#category li{
		list-style: none;
	}
	div#footer ul#category li a{
		color: #fff;	
	}
	div#footer ul#gnavi{
	}
	div#footer ul#gnavi li{
		list-style: none;
	}
	div#footer ul#gnavi li a{
		color: #fff;
	}
	div.copyright{
	}
	.reform td img{
		min-width:  100%;
	}
/* ///gallery//// */
.gallery{
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-bottom: 3%;
}
.sam {
	width:			900px;
	height:			300px;
	overflow:		hidden;
	margin:			10px 8px 10px 16px;
	position:		relative;
}
.sam .caption {
	font-size:		400%;
	color:			#fff;
	padding-top:		100px;
	padding-left:		80px;
}
.sam .mask {
	width:			100%;
	height:			100%;
	position:		absolute;
	top:			0;
	left:			0;
	background-color:	rgba(0,0,0,0.4);
	-webkit-transition:	all 0.4s ease;
	transition:		all 0.4s ease;
	-webkit-transform:	scale(0);	/* 大きさを０にして表示しない */
	transform:		scale(0);
}
.sam:hover .mask {
	-webkit-transform:	scale(1);	/* 大きさを１にして表示する */
	transform:		scale(1);
}



@media screen and (max-width:640px){
	div#Wrap{
		width: 100%;
		font-size: 0.7em;
	}
	div#header_top{
		text-align: center;
	}	
	div#header_btm{
		text-align: center;
	}
div.header_navi ul li{
	display: inline-block;
	margin: 0 1% 0 1%;
	font-weight: bold;
}
	div#Main{
		width: 100%;
		height: auto;
		background-color: #e8b968;
		text-align: center;
	}
	div#header p.space{
		margin: 0;
		background-color: #e8b968;
	}
	div#Main table.kodawari{
		width: 100%;
		padding: 0px;
		text-align: center;		
	}
	div#Main table.kodawari td.one{
		display: none;
		width: 1px;
	}
	
	div#Main table.kodawari td.two img{
		width: 30%;
		vertical-align: bottom;		
	}
	div#Main table.kodawari td.top {
		color: #fff;
		font-size: 1.5em;
		font-weight: bold;
		text-align: center;
	}
	div#Main table.kodawari td {
		color: #fff;	
	}
	div#container div#conatainer_top img{
		width: 100%;
	}
	div#container_btm table.reform{
		text-align: center;
	}
	div#container_btm td.sub_title{
		display: none;
	}
	div#container_btm td.fill{
		text-align: left;
		vertical-align: top;
	}
	div#container_btm td{
		float: left;
	}
	div#container_btm td img{
		width: 150%;
	}
	
	div.more{
		text-align: center;
	}
	div.more img{
		text-align: center;
		width: 30%;
		margin-bottom: 30px;
	}
	div#profile{
		background-color: #e8b968;
		color: #fff;
	}
	div#profile h2{
		padding-top: 20px;
	}
	div#profile td.img_prof{
		float: left;
	}
	div#profile td.first{
		float: left;
	}
	div#profile td{
		float: left;
	}
	div#access iframe{
		width: 100%;
	}
	div#footer{
		width: 100%;
		background-color: #fd6e28;
		text-align: center;
		padding-top: 20px;
	}
/* =======リフォーム//guide.html------------------------------================= */
	.guide div#Wrap{
		text-align: center;
	}	

	.guide div#header{
		background-color: #fd6e28;
		max-height: 150px;
	}
	.guide div#header h2{
		color: #fff;
		padding-top: 50px;
		padding-bottom: 30px;
		margin-top: 0;
		margin-bottom: 0;
	}
	.guide div#Main h3{
		color: #fff;
		margin-top: 0;
		padding-top: 30px;
	}
	.guide table.kodawari img{
		float: left;
		max-width: 100%;
	}
/* =========新築ﾍﾟｰｼﾞ/navi.html/============================================= */
	.guide div#Main table.sintiku{
		padding-bottom: 10px;
	}	
	.guide div#Main table.sintiku td.sub_img{
		width: 100%;
	}
	.guide div#Main table th p{	
		text-align: left;
		width: 100%;	
		color: #fff;
	}
	.guide div#Main table.sintiku td.sub_img{
		float: left;
		text-align: left;
	}	
	.guide div#Main table.sintiku td.sub_read{
		float: left;
		text-align: left;
		width: 100%;
		color: #fff;
	}
	.guide div#Main table.sintiku img.sub_btm{
		width: 290px;
	}
	div#flow{
		background-color: #fff;
		padding-top: 3px;
	}
	.guide div#flow img{
		width: 100%;
	}
	.guide div#flow p{
		color: #fd6e28;
	}
	.guide div.container{
		background-color: #EDAA39;	
	}	
	.guide div.container table.example{
		margin: 0 auto;
		width: 100%;
		color: #fff;
		padding-bottom: 50px;
	}
	.guide div.container table.example th{
		text-align: left;
	}
	.guide div.container table.example td{
		text-align: left;
	}
	.guide div.container table.example td img{	
		width: 55%;
	}
	
	div#footer_navi{
		width: 100%;
		background-color: #fd6e28;
		text-align: center;
		padding-top: 20px;
	}
	div#footer_navi ul#category li {
		list-style: none;
	}
	div#footer_navi ul#category li a{
		color: #fff;	
	}
	div#footer_navi ul#gnavi{
	}
	div#footer_navi ul#gnavi li{
		list-style: none;
	}
	div#footer_navi ul#gnavi li a{
		color: #fff;
	}
	
	
	
	
	
	
}

@media screen and (min-width: 641px){
/* =============================================================================
   基本レイアウト
   ========================================================================== */
/* a:link { color: #333333; }*/
img{border:0;}
a {
text-decoration: none;
}
/* ==========================================================================
  　Wrap　
   ========================================================================== */
div#Wrap{
	width: 100%;
	height: 100%;
	text-align: center;
	margin: 0 auto;	
}
/* ==========================================================================
  header
 ============================================================================  */
div#header{
	width: 100%;
	height: 100%;
	position: relative;
}
div.header_navi ul li{
	display: inline-block;
	margin: 0 1% 0 1%;
	font-weight: bold;
}
div#header_top{
	width: 100%;
	height: 50%;
	z-index: 4;
}
div#header_btm{
	width: 100%;
	height: 50%;
	z-index: 4;
	position: absolute;
	bottom: -50px;
}	
	
div#header ul.slides{
	z-index: 1;
	margin-top: 0;
	margin-bottom: 0;
	width: 100%;
	height: 100%;
	padding: 0;	
}
div#header ul.slides li{
	list-style: none;
	width: 100%;
}
div#header ul.slides li img{
	width: 100%;
	height: 100%;
}

div#header p.space{
	margin: 0;
	background-color: #e8b968;
}
	img.topkey{
		margin-left: 60px;
	}
/* ==========================================================================
  Main //
 ============================================================================  */
div#Main{
	width: 100%;
	background-color: #e8b968;
	text-align: center;
}
div#Main table.kodawari{
	width: 100%;
	padding-top: 50px;
	padding-left: 100px;
	text-align: center;
}
div#Main table.kodawari td img{
	max-width: 100%;
}
div#Main table.kodawari td.top {
	color: #fff;
	font-size: 1.5em;
	font-weight: bold;
}
div#Main table.kodawari td {
	padding-right: 10px;
	color: #fff;	
}
.sam {
	width:			900px;
	height:			300px;
	overflow:		hidden;
	margin:			10px 8px 10px 16px;
	position:		relative;
}
.sam .caption {
	font-size:		400%;
	color:			#fff;
	padding-top:		100px;
	padding-left:		80px;
}
.sam .mask {
	width:			100%;
	height:			100%;
	position:		absolute;
	top:			0;
	left:			0;
	background-color:	rgba(0,0,0,0.4);
	-webkit-transition:	all 0.4s ease;
	transition:		all 0.4s ease;
	-webkit-transform:	scale(0);	/* 大きさを０にして表示しない */
	transform:		scale(0);
}
.sam:hover .mask {
	-webkit-transform:	scale(1);	/* 大きさを１にして表示する */
	transform:		scale(1);
}	
/* ==========================================================================
  container//
 ============================================================================  */
div#container {
	background-color: #fff;
}
div#container div#conatainer_top img{
	width: 100%;
}
/* ==========================================================================
  container//
 ============================================================================  */
div#container_btm table.reform{
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: center;
	padding-left: 20px;
	width: 100%;
}
div#container_btm td.sub_title{
	font-weight: bold;
	text-align: left;
	padding-top: 20px;
	width: 350px;
	padding-left: 20px;
}
div#container_btm td.fill{
	text-align: left;
	vertical-align: top;
	padding-left: 20px;
}
div#container_btm td img{
}
div.more{
	margin-bottom: 20px;
}
/* ==========================================================================
  //profile//
 ============================================================================  */
div#profile{
	width: 100%;
	background-color: #edaa39;
	margin-bottom: 50px;
	text-align: center;
}
div#profile h2{
	color: #fff;
	padding-top: 10px;
	margin-top: 0;
	padding-bottom: 5px;
}
div#profile table.prof{
	text-align: center;
	color: #fff;
}
div#profile table.prof td{
	width: 500px;
	max-width: 50%;
}
div#profile table.prof td.img_prof{
	text-align: right;
}
div#profile table.prof td.first{
	text-align: left;
	padding-left: 50px;
	vertical-align: top;
}
div#profile table.prof td.second{
	text-align: left;
	padding-left: 50px;
	vertical-align: top;
}
/* ==========================================================================
  /access//
 ============================================================================  */
div#access{
	margin-bottom: 50px;
}
/* ==========================================================================
  /footer//
 ============================================================================  */
div#footer{
	width: 100%;
	height: 100vh;
	background-color: #fd6e28;
	position: relative;	
}
div#footer ul#category{
	position: absolute;
	left: 15vw;	
	top: 10vh;
}
div#footer ul#category li{
	list-style: none;
}
div#footer ul#category li a{
	color: #fff;	
}
div#footer ul#gnavi{
	position: absolute;
	right: 25vh;
	top: 10vh;
}
div#footer ul#gnavi li{
	list-style: none;
}
div#footer ul#gnavi li a{
	color: #fff;
}
div.copyright{
	position: absolute;
	bottom: 10vh;
	left: 40vw;
}
/* ==========================================================================
  /guide.html//
 ============================================================================  */

.guide div#header{
	background-color: #fd6e28;
	max-height: 150px;
}
.guide div#header h2{
	color: #fff;
	padding-top: 50px;
	padding-bottom: 30px;
	margin-top: 0;
	margin-bottom: 0;
}
.guide div#Main h3{
	color: #fff;
	margin-top: 0;
	padding-top: 30px;
}
.guide table.kodawari td.head{
	font-weight: bold;
	padding-top: 10px;
}
.guide table.kodawari td.read{
	font-weight: bold;
	padding-top: 10px;
	text-align: center;
}
.guide table.kodawari td.img_l{
	text-align: center;
}

.guide table.kodawari td.space{
	height: 50px;
}
.guide table.kodawari td.center{
	text-align: center;
}
.guide div#Main{
	width: 100%;
	min-height: 1200px;
}
.guide p{
	margin: 0;
	padding: 30px;
	color: #fff;
	font-weight: bold;
	font-size: 1.2em;
}
.guide div#container_guide{
	background-color: #edaa39;
}	
/* ==========================================================================
  /navi.html//
 ============================================================================  */
.guide div#Main table.sintiku{
	text-align: center;
	margin: 0 auto;
	color: #fff;
	margin-bottom: 50px;
}
.guide div#Main table.sintiku td.sub_img{
	width: 400px;
	padding-top: 30px;
}
.guide div#Main table.sintiku td.sub_img img{
	padding-top: 50px;
}

.guide div#Main table.sintiku td.sub_read{
	width: 600px;
	text-align: left;
	vertical-align: top;
	padding-top: 80px;
}
div#flow{
	background-color: #fff;
}
.guide div#flow p{
	color: #fd6e28;
}
.guide div.container{
	background-color: #EDAA39;	
}	
.guide div.container table.example{
	margin: 0 auto;
	width: 950px;
	color: #fff;
	padding-bottom: 50px;
}
div#footer_navi{
	width: 100%;
	height: 100vh;
	background-color: #fd6e28;
	position: relative;	
	/*margin-top: 780px;*/
}
div#footer_navi ul#category{
	position: absolute;
	left: 15vw;	
	top: 10vh;
}
div#footer_navi ul#category li{
	list-style: none;
}
div#footer_navi ul#category li a{
	color: #fff;	
}
div#footer_navi ul#gnavi{
	position: absolute;
	right: 25vh;
	top: 10vh;
}
div#footer_navi ul#gnavi li{
	list-style: none;
}
div#footer_navi ul#gnavi li a{
	color: #fff;
}	
/* ======修正↓=======  */
	
div#header_btm{
	width: 100%;
	height: 50%;
	z-index: 4;
	position: absolute;
	bottom: -50px;
}
div#header_btm img{
	width: 25%;
}
#scroll-to-top {
  position: fixed;
  z-index: 2147483647;
  bottom: 20px;
  right: 20px;

  color: #fff;
  font-size: 12px;
  font-family: sans-serif;
  text-decoration: none;
  padding: 10px 10px;
  border-radius: 2px;
}	
	
	
	
}