@charset "UTF-8";

/* コンテンツヘッダー
---------------------------------------*/
article header div.bg{
	/* background-image:linear-gradient(0deg, rgba(255, 255, 255, 1) 2%, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, .0)),url('../img/common/img_header.jpg'); */
	background-image:url('../img/common/img_header.jpg');
}

article header img.decorate{
	right:0 !important;
}

article header img.decorate{
	display:block !important;
}

/* コンテンツ
---------------------------------------*/
article div#content_wrapper section{
	padding:45px 0;
}


/* 画面幅1250px未満
=======================================*/
@media screen and (max-width:1250px){
	article div#content_wrapper section div{
		width:100%;
	}
}

/* 画面幅768px未満
=======================================*/
@media screen and (max-width:768px){
	article div#content_wrapper section{
		padding:40px 0;
	}
}

/* お問い合わせ
---------------------------------------*/
article div#content_wrapper section div.container{
	padding:0 20px;
	width:1000px;
	box-sizing:border-box;
	margin:0 auto;
	text-align:center;
	overflow:hidden;
}

article div#content_wrapper section div.container p{
	font-size:100%;
	line-height:200%;
	color:#000;
	text-align:left;
}

article div#content_wrapper section div.container p a{
	color:#0d4746;
}

article div#content_wrapper section div.container p a:hover{
	text-decoration:underline;
}

article div#content_wrapper section div.container table{
	width:100%;
	margin:40px 0 28px 0;
}

article div#content_wrapper section div.container table tr{
	border-bottom:1px solid #BDC7C7;
}

article div#content_wrapper section div.container table tr th,
article div#content_wrapper section div.container table tr td{
	font-size:100%;
	line-height:160%;
	padding:20px 0;
	box-sizing:border-box;
	text-align:left;
}

article div#content_wrapper section div.container table tr span.pc_none{
	display:none !important;
	font-size:14px;
}

article div#content_wrapper section div.container table tr span.sp_none{
	display:inline-block !important;
	font-size:14px;
}

article div#content_wrapper section div.container table tr th{
	color:#0d4746;
	width:190px !important;
	text-align:left;
	vertical-align:top;
	font-weight:normal;
}

article div#content_wrapper section div.container table tr td{
	color:#000;
}

article div#content_wrapper section div.container table tr span.color{
	color:red;
}

article div#content_wrapper section div.container table tr td input
article div#content_wrapper section div.container table tr td textarea{
	max-width:300px;
}

article div#content_wrapper section div.container table tr td input[name="name"]{ width:200px; }
article div#content_wrapper section div.container table tr td input[name="kana"]{ width:200px; }
article div#content_wrapper section div.container table tr td input[name="age"]{ width:60px; }
article div#content_wrapper section div.container table tr td input[name="email"]{ width:360px; }
article div#content_wrapper section div.container table tr td input[name="postcode"]{ width:120px; }
article div#content_wrapper section div.container table tr td input[name="address"]{ width:360px; }
article div#content_wrapper section div.container table tr td input[name="phone"]{ width:150px; }
article div#content_wrapper section div.container table tr td textarea{ width:360px; }

article div#content_wrapper section div.container table tr td label{
	position:relative;
	top:4px;
	left:2px;
	margin-right:12px;
}

article div#content_wrapper section div.container table tr td span.error{
	color:red;
	font-size:15px;
}

article div#content_wrapper section div.container div{
	width:100%;
	height:75px;
	line-height:75px;
	text-align:center;
	box-sizing:border-box;
	border:1px solid #B2B2B2;
	font-size:16px;
	color:#0d4746;
	margin-top:24px;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
}

article div#content_wrapper section div.container input.button{
	width:288px;
	height:45px;
	text-align:center;
	box-sizing:border-box;
	border:2px solid #0d4746;
	margin:40px auto 80px auto;
	background-color:#FFF;
	color:#0d4746;
}

/* 画面幅1024px未満
=======================================*/
@media screen and (max-width:1024px){
	article div#content_wrapper section div.container{
		width:100% !important;
	}
}

/* 画面幅768px未満
=======================================*/
@media screen and (max-width:768px){
	article div#content_wrapper section div.container{
		width:100%;
	}
	
	article div#content_wrapper section div.container table tr th{
		width:24% !important;
		min-width: 190px;
	}
}

/* 画面幅480px未満
=======================================*/
@media screen and (max-width:480px){
	article div#content_wrapper section div.container{
		padding:0;
	}
	
	article div#content_wrapper section div.container table tr{
		display:block;
	}
	
	article div#content_wrapper section div.container table tr span.pc_none{
		display:inline-block !important;
	}
	
	article div#content_wrapper section div.container table tr span.sp_none{
		display:none !important;
	}
	
	article div#content_wrapper section div.container table tr th,
	article div#content_wrapper section div.container table tr td{
		width:100% !important;
		display:list-item;
		list-style:none;
		min-width: initial;
	}
	
	article div#content_wrapper section div.container table tr th{
		padding-bottom:0;
	}
	
	article div#content_wrapper section div.container table tr td{
		padding-top:10px;
	}
	
	article div#content_wrapper section div.container table tr td input,
	article div#content_wrapper section div.container table tr td textarea{
		max-width:100%;
	}
	
	article div#content_wrapper section div.container table tr td input[name="name"]{ width:200px; }
	article div#content_wrapper section div.container table tr td input[name="kana"]{ width:200px; }
	article div#content_wrapper section div.container table tr td input[name="age"]{ width:60px; }
	article div#content_wrapper section div.container table tr td input[name="email"]{ width:95%; }
	article div#content_wrapper section div.container table tr td input[name="postcode"]{ width:120px; }
	article div#content_wrapper section div.container table tr td input[name="address"]{ width:95%; }
	article div#content_wrapper section div.container table tr td input[name="phone"]{ width:150px; }
	article div#content_wrapper section div.container table tr td textarea{ width:95%; }

	article div#content_wrapper section div.container input.button{
		width:200px;
	}
}