.session{margin-bottom:5%;}

@media screen and (min-width: 641px) {
	
	.end{width:1080px;
	margin:0 auto 40px auto;
	box-sizing: border-box;
	padding:60px;
	/* box-shadow */
box-shadow:0px 0px 5px 1px #dbdbdb;
shadowColor:"#dbdbdb",
shadowOffset:{width:0,height:0},
shadowOpacity:1,
shadowRadius:5,
borderWidth:1,
borderColor:"#cccccc",
borderRadius:6
}
	
	.end{font-size:1.1em;
	line-height: 30px;}
	
	form ul{width:85%;
	margin: 0 auto;}
	
	form ul li{display: inline-block;
	vertical-align: middle;
	margin-right: 10px;}
	
	.namebox input,.mailbox input{font-size:1.5em;
	box-sizing: border-box;
	padding:10px;}
	
	input{width:100%;}
	
	li.namebox{width:17%;}
	li.mailbox{width:55%;}
	
	
}/*///media*/


@media screen and (max-width: 640px) {
   /*--- 表示領域が599px以下の場合に適用するスタイル ---*/

.end{width:100%;
	margin:0 auto 40px auto;
	box-sizing: border-box;
	padding:3% 4%;
}	
	.name{font-size:1.1em;
	letter-spacing: 0;}

form ul{width:96%;
	margin: 0 auto;}
	
	form ul li{width:100%;
	margin:4% auto;}
	
	.namebox input,.mailbox input{font-size:1.5em;
	box-sizing: border-box;
	padding:10px;}
	
	input{width:100%;
	margin:0 auto;}
	
	li.namebox{width:100%;}
	li.mailbox{width:100%;}
	
}