/* ================================================================
 *
 * その他コンテンツ(inquiry/sitemap)用CSS
 *
 * ================================================================ */


/* ================================================================================= */
/* inquiry
/* ================================================================================= */
body#page_inquiry aside + div.align_right{
	margin: -40px 20px 10px;
	vertical-align: bottom;
}
@media screen and (max-width: 865px){
	body#page_inquiry aside + div.align_right{
		margin: -20px 20px 10px;
	}
}

body#page_inquiry span.border_hr + p{
	padding: 0 20px 30px;
}

form#form_inquiry table{
	width: 960px;
	margin: 40px auto 20px;
}
@media screen and (max-width: 980px){
	form#form_inquiry table{
		width: 100%;
	}
}

form#form_inquiry table th{
	background: transparent;
	width: 200px;	/* 180px */
	padding: 10px;
	background-clip: padding-box;
	border-bottom: 10px solid transparent;
	text-align: right;
	vertical-align: top;
	font-weight: normal;
}
@media screen and (max-width: 980px){
	form#form_inquiry table th{
		width: 20%;
	}
}
@media screen and (max-width: 768px){
	form#form_inquiry table th{
		width: calc(100% - 30px);
		margin: 0 auto;
		display: block;
		text-align: left;
		padding: 9px 15px 0;
	}
}

form#form_inquiry table td{
	background: url(../images/bg/bg_mesh.png) repeat;
	padding: 5px 15px;
	background-clip: padding-box;
	border-bottom: 10px solid transparent;
	text-align: left;
	line-height: normal;	/* 32px */
	vertical-align: top;
}
@media screen and (max-width: 980px){
	form#form_inquiry table td{
		width: 80%;
		padding-right: 15px;
	}
}
@media screen and (max-width: 768px){
	form#form_inquiry table td{
		width: calc(100% - 30px);
		display: block;
		margin: 0 auto;
		padding-right: 0;
	}
}

form#form_inquiry table span.red{
	font-size: 88%;
}

form#form_inquiry > p{
	padding: 0 0 20px 220px;
}
@media screen and (max-width: 980px){
	form#form_inquiry > p{
		padding-left: calc(20% + 15px);
	}
}
@media screen and (max-width: 768px){
	form#form_inquiry > p{
		padding: 0 15px 20px;
	}
}

form#form_inquiry > p > span.red{
	display: block;
	margin: 0;
	padding: 0;
}

form#form_inquiry > p span.red{
	display: block;
	margin: 20px 0;
}

form#form_inquiry button{
	padding: 10px 40px;
	margin: 0 10px 20px 0;
	cursor: pointer; /* 181112追加 */
}
@media screen and (max-width: 576px){
	form#form_inquiry button{
		display: block;
	}
}

/* 完了画面 */
body#page_inquiry article section h1{
	border: none;
	padding: 0 0 10px;
}

/* 181112追加_完了メッセージ画像 */
body#page_inquiry article section h1.thanks_txt{}

@media screen and (max-width: 768px){
	body#page_inquiry article section h1.thanks_txt img{
		width: 100%;
	}
}

form#form_inquiry aside{
	color: red;
	margin: 0 20px;
}
form#form_inquiry input[type="checkbox"] {
	margin: 3px;
}
form#form_inquiry input[type="text"] {
	padding: 2px;
}
@media screen and (max-width: 768px){
	form#form_inquiry input[type="text"] {
		width: calc(100% - 10px);
		margin-left: 0;
	}
	form#form_inquiry textarea.form_body {
		width: calc(100% - 10px);
	}
}

/* ================================================================================= */
/* sitemap
/* ================================================================================= */

body#page_sitemap .sub_container{
	clear: both;
	background: url(../images/bg/bg_sitemap.png) center bottom no-repeat;
}

body#page_sitemap .sub_container article{
	width: 960px;
	margin: 0 auto;
	overflow: hidden;
}
@media screen and (max-width: 1020px){
	body#page_sitemap .sub_container article{
		width: 100%;
	}
}

body#page_sitemap .sub_container article h1{
	padding-left: 0;
}
@media screen and (max-width: 1020px){
	body#page_sitemap .sub_container article h1{
		padding-left: 20px;
		padding-right: 20px;
	}
}

div.box_sitemap_tile{
	display: table;
	width: 33%;
	float: left;
	margin: 0 0 50px;
	position: relative;
}
@media screen and (max-width: 865px){
	div.box_sitemap_tile{
		width: 50%;
		margin: 0 15px 10px;
	}
	div.box_sitemap_tile + img{
		float: right;
		width: 70%;
		max-width: 400px;
		height: auto;
	}
}
@media screen and (max-width: 865px){
	div.box_sitemap_tile{
		width: auto;
		float: none;
	}
}

div.box_sitemap_tile > img{
	width: 122px;
	float: left;
}
@media screen and (max-width: 576px){
	div.box_sitemap_tile img{
		width: 100px;
	}
}
@media screen and (max-width: 340px){
	div.box_sitemap_tile img{
		margin-bottom: 10px;
		float: none;
		width: 90px;
	}
}

div.box_sitemap_tile > ul{
	display: table-cell;
	text-align: left;
	vertical-align: middle;
	overflow: hidden;
	margin: 0;
}
@media screen and (max-width: 340px){
	div.box_sitemap_tile > ul{
		display: block;
	}
}
div.box_sitemap_tile > ul li{
	vertical-align: middle;
	padding: 4px 0;
	min-width: 170px;
}
div.box_sitemap_tile > ul li a{
	text-decoration: none;
}
@media screen and (max-width: 865px){
	div.box_sitemap_tile > ul li{
		padding: 2px 0 2px 10px;
		min-width: initial;
		min-width: auto;
	}
}
@media screen and (max-width: 340px){
	div.box_sitemap_tile > ul li{
		padding: 2px 0;
	}
}