html,body{margin:150px　150px　150px　150px;padding:0;}



wrap {
	overflow: hidden;
}

p.example1 {
 font-size: calc(36px + 0.5vw) }

p.example2 {
 font-size: calc(17px + 0.5vw)  }

p.example3 {
 font-size: calc(20px + 0.5vw) }


p.example13 {
 font-size: calc(13px + 0.5vw)  }


p.example14 {
 font-size: calc(12px + 0.5vw)  }


p.example4 {
 font-size: calc(7px + 0.7vw) }

p.resizeimage {
   max-width: 900px; /* 最大幅 */
   min-width: 240px; /* 最小幅 */
}
p.resizeimage img { width: 100%; }





a { text-decoration: none; }

#formWrap {
	
	margin:150px　150px　150px　150px　;
	color:#555;
	line-height:100%;
	font-size:90%;
}
table.formTable{
	margin:150px　150px　150px　150px　;
	border-collapse:collapse;
}
table.formTable td,table.formTable th{
	border:50px solid #ccc;
	padding:10px;
}
table.formTable th{
	font-weight:normal;
	background:#efefef; 
	text-align:center;
}




div#headerArea {  
position: fixed !important;  
 position: absolute; 
top: 0px;  
 	left: 0px;
z-index: 3;
width:100%;
max-width:100%;
  background-color: #FFFFFF;   
}  





div#contentsArea{   
 position: relative; 
 z-index: 2;
	left: 0px;

display:inline-block;
 top: 0px;
width:100%;
max-width:100%;
  background-color: #FFFFFF;  
}  


figure {
	position: relative;
	overflow: hidden;
}
figcaption {
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	height:100%;
z-index: 3;

	background: rgba(255,255,255,.2);
	-webkit-transition: .3s;
	transition: .3s;
	opacity: 0;
}
figure:hover figcaption {

	opacity: 1;
}

@media screen and (max-width: 1024px) {
#wrapper {
    width:95%;
}
}
@media screen and (max-width: 768px) {font-size:25px;}
@media screen and (max-width: 480px) {font-size:15px;}