@charset "UTF-8";

#overmask p.logo{
	width:100%;
	margin:0 auto;
	max-width: 240px;
}

#overmask p.logo img{
	width:100%;
	vertical-align: bottom;
}

#overmask h1{
	font-size:1.75rem;
	line-height:60px;
	font-weight:bold;
	
	text-align: center;
	
	margin-bottom:20px;
}

.outline{
	width:100%;
	margin:0 auto 40px;
	max-width: 640px;
	
	box-sizing: border-box;
	padding:10px;
}

.outline div.row{
	display:flex;
	flex-flow: row wrap;
	align-items: stretch;
	justify-content: flex-start;
	
	width:100%;
	margin:0 auto;
}

.outline div.row p.que{
	width:100%;
	
	box-sizing: border-box;
	padding:15px;
	
	background-color:#f0f0f0;
	color:#000;
}

.outline div.row div.ans{
	width:100%;
	
	box-sizing: border-box;
	padding:15px;
	
	background-color:#f8f8f8;
	color:#000;
}

@media only screen and (min-width: 768px){
	
	.outline div.row{
		box-sizing: border-box;
		border-bottom:solid 5px #fff;
	}
	
	.outline div.row p.que{
		width:240px;
	}
	
	.outline div.row div.ans{
		width:calc(100% - 240px);
		
		background-color:#f0f0f0;
		color:#000;
		
		box-sizing: border-box;
		border-left:solid 5px #fff;
	}
	
}

.contactus{
	box-sizing: border-box;
	padding-bottom:40px;
}

.contactus p.btn{
	font-size:1.0rem;
	line-height:50px;
	
	text-align: center;
}

.contactus p.btn a{
	display:inline-block;
	width:240px;
	
	box-sizing: border-box;
	border:solid 1px #f80;
	
	color:#f80;
	
	transition:0.25s;
}

.contactus p.btn a:hover{
	background-color:#f80;
	color:#fff;
	
	text-decoration: none;
}