@charset "UTF-8";
/*---------------------------------------------------------------
top/style.css
-----------------------------------------------------------------*/

@media print, screen and (min-width: 1220px){
.spOnly {
		display: none;
}


#main{
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 60px;
}
#main .title{
	padding-bottom: 55px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F2F2F2;
}

#main p{
	max-width: 1200px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 40px;
	font-size: 12px;
	line-height: 24px;
	padding-top: 60px;
}

#main form{
	width: 650px;
	margin-right: auto;
	margin-left: auto;
}
#main form .txt{
	width: 100%;
	padding: 15px;
	border: 1px solid #CECECE;
}

#main .bt{
	margin-bottom: 80px;
	padding-top: 40px;
}
#main .bt input{
	-webkit-transition: opacity 0.3s ease-out;
	-moz-transition: opacity 0.3s ease-out;
	-ms-transition: opacity 0.3s ease-out;
	transition: opacity 0.3s ease-out;
}
#main .bt input:hover{
  opacity:0.5;
  filter: alpha(opacity=50);
}






}
@media screen and (max-width: 1219px) and (min-width: 764px){
.pcOnly {
		display: none;
}
.pcOnly {
	display: block;
}



#main{
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 60px;
}
#main .title{
	padding-bottom: 55px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F2F2F2;
}

#main p{
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 40px;
	font-size: 12px;
	line-height: 24px;
	padding-top: 60px;
}

#main form{
	width: 650px;
	margin-right: auto;
	margin-left: auto;
}
#main form .txt{
	width: 100%;
	padding: 15px;
	border: 1px solid #CECECE;
}

#main .bt{
	margin-bottom: 80px;
	padding-top: 40px;
}
#main .bt input{
	-webkit-transition: opacity 0.3s ease-out;
	-moz-transition: opacity 0.3s ease-out;
	-ms-transition: opacity 0.3s ease-out;
	transition: opacity 0.3s ease-out;
}
#main .bt input:hover{
  opacity:0.5;
  filter: alpha(opacity=50);
}




}

@media screen and (max-width: 763px){
.pcOnly {
		display: none;
}



#main{
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 3em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F3F3F3;
}
#main .title{
	padding-bottom: 3em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F2F2F2;
}
#main .title img{
	width: 85%;
	margin-right: auto;
	margin-left: auto;
}
#main p{
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 3em;
	font-size: 90%;
	line-height: 180%;
	padding-top: 3em;
}

#main form{
	width: 90%;
	margin-right: auto;
	margin-left: auto;
}
#main form .txt{
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	padding: 15px;
	border: 1px solid #CECECE;
}

#main .bt{
	margin-bottom: 3.5em;
	padding-top: 2em;
}
#main .bt input{
	width: 60%;
	margin-right: auto;
	margin-left: auto;
	-webkit-transition: opacity 0.3s ease-out;
	-moz-transition: opacity 0.3s ease-out;
	-ms-transition: opacity 0.3s ease-out;
	transition: opacity 0.3s ease-out;
}
#main .bt input:hover{
  opacity:0.5;
  filter: alpha(opacity=50);
}




}