@charset "utf-8";

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,select,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,button,caption,cite,code,dfn,em,input,optgroup,option,select,strong,textarea,th,var{font:inherit}del,ins{text-decoration:none}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:baseline}sub{vertical-align:baseline}legend{color:#000}


body{

}
/*===============================================
	■main
===============================================*/


body {
    font:15px Arial, Roboto, "Droid Sans", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
}
.spIn {
	display:none;	
}

img{
max-width: 100%;
height: auto;
width /***/:auto;
margin: 0;
padding: 0;
vertical-align:bottom;
}
@media screen and (max-width:900px){
body{
      background-size: auto;
      background-position:70% top;
	}
body {
    font:16.5px arial,helvetica,clean,sans-serif;
}

.pcIn {
	display:none;	
}
.spIn {
	display:inline;	
}
}





/*===============================================
	■other
===============================================*/


.aCenter {
	text-align:center !important;	
}
.aRight {
	text-align:right !important;	
}
.commonBtn {
	margin:0 0 30px;
	text-align:center;
}
.mini {
	font-size:12px;	
}
.pointTxt{
	color:#0083ff;
	font-weight:bold;	
}
.pointR{
	color:#e60012;
	font-weight:bold;
	text-decoration: underline;
}

.imgLeft {
	float:left;
	margin:0 15px 10px 0 !important;
}

.imgRight {
	float:right;
	margin:0 0 10px 15px !important;
}
.over {
	overflow:hidden;
}
.attention {
	font-size:90%;
	color:#ce0000;
}
.mb10 {
margin-bottom: 10px !important;
}
.mb20 {
margin-bottom: 10px !important;
}
.mb30 {
margin-bottom: 10px !important;
}
.mb40 {
margin-bottom: 10px !important;
}
.mb50 {
margin-bottom: 50px !important;
}

/* link */
a:link {
	color:#0083ff;
	text-decoration:underline;
}
a:visited {
	color:#0083ff;
	text-decoration:underline;
}
a:active {
	color:#999999;
	text-decoration:underline;
}
a:hover {
	color:#004587;
	text-decoration:underline;
}
a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);
}
.clearLeft {
	clear:left;
}
.clear {
	clear:both;	
}
.clearfix::after {
    content:" ";
	display: block;
    clear:both;
}
input[type="submit"], input[type="reset"], input[type="button"], button{
  cursor: pointer;
}

/*===============================================
	■header
===============================================*/

header {
	border-bottom: 2px solid #000;
}
header h1 {
	max-width: 980px;
	margin:15px auto;
}
header h1 img {
	max-width: 280px;
}
@media screen and (max-width:900px){

header h1 img {
	max-width: 280px;
	padding:0 10px;
}
}

/*===============================================
	■other
===============================================*/
div#wrapper{
	max-width: 980px;
	margin:0 auto;
}
div.inquiryBox {
	margin:0 auto 50px;
	padding:30px 0 0;
}
div.inquiryBox h2 {
	margin:0 0 10px;
	padding:7px 10px;
	font-size: 1.7em;
	color:#FFF;
	text-align: center;
	background-color:#3B3B3B;
}
div.inquiryBox h3 {
  position: relative;
	margin:0 0 5px;
	font-size: 1.2em;
  border-bottom: 2px solid #ccc;
}
div.inquiryBox h3::after {
  position: absolute;
  bottom: -2px;
  left: 0;
  z-index: 2;
  content: '';
  width: 20%;
  height: 2px;
  background-color: #000;
}
div.inquiryBox p {
	margin:0 0 25px;
	line-height:160%;
}
@media screen and (max-width:900px){
div.inquiryBox {
	margin:0 15px 30px;
}
div.inquiryBox h2 {
	font-size: 1.3em;
}

div.inquiryBox p {
	font-size: 95%;
}
}



div.inquiryBox table  {
	width:100%;
	margin-bottom:30px;
}
div.inquiryBox table th  {
	width:160px;
	padding:10px 10px;
	color:#333;
	background-color:#eeeeee;
	text-align:center;
	border-bottom: 2px solid #FFF;
}
th.attention:after {
	margin:0 0 0 3px;
	padding:1px 2px;
	border-radius: 3px;
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px;
	background-color:#ce0000;
	color:#FFF;
	content:"必須";
	color:#FFF;
}


div.inquiryBox table td  {
	padding:10px 15px;
	line-height:160%;
	border-bottom: 2px solid #FFF;
	background-color:#FFF;
}
div.inquiryBox table td input {
	margin:3px 5px 3px 0;
	padding:5px;
	border:1px solid #CCC;
	border-radius: 3px;
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px;
}
div.inquiryBox table td input:focus {
	border:2px solid #666;
	
}
div.inquiryBox table td select {
	margin:3px 5px 3px 0;
	padding:6px;
	border:1px solid #CCC;
	border-radius: 3px;
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px;
}
div.inquiryBox table td select:focus {
	border:2px solid #666;
	
}
input[type=checkbox] {
    width: 30px;
    height: 30px;
    vertical-align: middle;
}
input[type=radio] {
    width: 30px;
    height: 30px;
    vertical-align: middle;
}	
div.inquiryBox table td textarea  {
	width:100%;
	padding:5px;
	border:1px solid #CCC;
	border-radius: 3px;
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px;
}
div.inquiryBox table td textarea:focus {
	border:2px solid #666;

}
div.inquiryBox table td input.il  {
	width:400px;
}
div.inquiryBox table td ul li {
	margin-right: 20px;
	padding:10px 0;	
	display: inline-block;
}
div.inquiryBox table td ul.harf li {
width:49%;
	margin-right: 0;
}
div.inquiryBox table td textarea  {
	height:80px;
	padding:2px;
}
	
@media screen and (max-width:900px){

div.inquiryBox table  {
}
div.inquiryBox table tr{
	display: block;
}
div.inquiryBox th,div.inquiryBox td{
	display:list-item;
	list-style:none;
	border: none;
}
div.inquiryBox table th  {
	width:auto;
	padding:5px 10px;
	color:#333;
	text-align:center;
	line-height:180%;
}
div.inquiryBox table td  {
	padding:5px 10px 20px;
	line-height:180%;
}
div.inquiryBox table td input {
	margin:3px 3px 3px 0;
	border:1px solid #111;
}
div.inquiryBox table td ul.harf li {
	width:100%;
	margin-right: 0;
}

div.inquiryBox table td textarea  {
	width:100%;
	border:1px solid #111;

}
div.inquiryBox table td input.il  {
	width:98%;
}
}













/* submit */
.button {
	margin:30px 0 25px;
	padding:0;
	text-align:center;
}
.button form {
	display:inline;
}
.button  input {
	padding:10px 20px !important;
	color:#FFF;
	font-size:15px;
	cursor:pointer;
	border:1px solid #111;
	background-color:#3F3F3F;
	background: -moz-linear-gradient(top center, #3F3F3F 0%, #111 100%);
	background: -webkit-gradient(linear, center top, center bottom, from(#3F3F3F), to(#111));
	background: linear-gradient(top center, #3F3F3F 0%, #111 100%);
	border-radius: 4px;
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px;
}

div.errorComment {
	border: 1px solid #ce0000;
    color: #ce0000;
    margin: 0 0 15px;
    padding: 15px 20px;
	background-color:#FFF;
}
div.errorComment ul {
	margin-left:15px;
}
div.errorComment li {
	list-style-type:disc;
}
div.inquiryBox table.in {
	width:auto;
	margin:0 !important;
	border:0 !important;
}
div.inquiryBox table.in th {
	width:auto;
	text-align:right;
	background:none;
	border:none;
}
div.inquiryBox table.in td {
	text-align:right;
	background:none;
	border-bottom:1px solid #CCC;
	border:none;
}

div.inquiryBox div.notes {
margin:5px 0 0;
padding:5px 10px;
background-color: #fff7e6;
}
div.inquiryBox div.notes input {
border:none;
background-color: #fff7e6;
}
div.inquiryBox div.notes .bd {
font-weight: bold;
color:#6c2e00;
font-size: 110%;
}

div.inquiryBox .red {
	color:#B70003;
}



/*===============================================
	■footer
===============================================*/
footer {
	margin:30px 0 10px;
	text-align: center;
}