/*--------------------------------
header
--------------------------------*/
header{
	background-color:#FFF;
	margin: 0px;
	overflow: hidden;
}

/*--------------------------------
body
--------------------------------*/
.main{}
/* CONTENT01 ******************/
.content1{
	padding-top:100px;
	padding-bottom:100px;
}
.textbox{
  background: #f2f2f2;
	display: inline-block;
	padding: 10px;
  border: 1px solid #999;
}
.textArea .messebox{
    display: inline-block;
    padding: 10px;
    border: 1px solid #999;
    box-sizing: border-box;
    background: #f2f2f2;
    margin: 0.5em 0;
    line-height: 1.5;
    height: 6em;
	width:100%;
}
.outBtn{
	background:#20B2D3;
	border:1px solid #20B2D3;
	color:#FFF;
	display:inline-block;
	padding:15px 20px;
	text-decoration:none;
	transition:.5s;
	margin:.25rem;
	min-width:170px;
}
.outBtn:hover{
	background:#fff;
	opacity:.5;
	color:#20B2D3;
}
.content2{
	padding-bottom:150px;
}


/*--------------------------------
media
--------------------------------*/

@media (max-width: 991px) {
}
@media (max-width: 767px) {
	header{padding-top:2rem;}
	/** CONTENT1 **/
	.pcnone{display:none;}
	.content1 ul li{width:100%;}
	.content1 ul li:first-child{width:auto;}
	.outBtn{width:100%;}
	table th,table td{
		display:block;
		width:100%;
	}
	.textbox{width:100%;}
}
@media (max-width: 575px) {
	/** CONTENT1 **/
}