@charset "UTF-8";

.main_title .lead_msg strong {
	margin-right: 150px;
	font-weight: bold;
	font-size: 120%;
}

/*
.shadow_box custom
*/
.shadow_box_wrapper .shadow_box{
	padding-top: 30px;
}

/*
.tbl1 custom
*/
.main .sect .tbl1 {
	margin-top: 40px;
}
.main .sect .tbl1 dt {
	vertical-align: top;
}
.main .sect .tbl1 .tri_link_anchor {
	margin-bottom: 0;
}

/* .float_wrapper */
main .float_wrapper .txt {
	width: 470px;
	float: left;
}
main .float_wrapper .txt strong {
	font-weight: bold;
	font-size: 120%;
	display: block;
	padding-bottom: 20px;
}
main .float_wrapper .txt p + p {
	margin-top: 1.5em;
}
main .float_wrapper .txt .pinch_icon > img {
	width: 100%;
}
main .float_wrapper .txt .annotation,
main .float_wrapper .txt .tri_link_anchor {
	margin-bottom: 0px;
}
main .float_wrapper .pic {
	width: 400px;
	float: right;
}

/* .madori_block */
main .madori_block{
	text-align:center;
	padding-top:48px;
}
main .madori_block p {
	padding-bottom:30px;
}
main .madori_block p.madori_total{
	max-width: 736px;
	margin: 0px auto;
	text-align:right;
}

/* .bottom_img_block */
main .bottom_img_block {
	text-align:center;
}

/* ul.column-box */
main ul.column2-box{
	text-align:center;
	padding:5px 0 0 0;
}
main ul.column2-box li{
	text-align:left;
	display:inline-block;
	width:400px;
	vertical-align:top;
	margin:0 15px 5px 15px;
}
main .column2-ttl{
	font-weight:bold;
	padding:20px 0 5px 36px;
}

main ul.column3-box{
	text-align:center;
	padding:20px 0 0 0;
}
main ul.column3-box li{
	text-align:left;
	display:inline-block;
	width:270px;
	vertical-align:top;
	margin:0 15px 5px 15px;
}
main ul.column3-box li img{
	width:100%;
}

/* ul.pic */
main ul.pic li {
	display:table-cell;
	text-align:left;
	padding-left:38px;
}
main ul.pic li img {
}

/* .before_after */
main .before_after {
	text-align:center;
	padding-top:20px;
}
main .before_after p {
	display:inline-block;
	text-align:center;
	vertical-align:middle;
}
main .before_after p.arrowBlock {
	background:url(../img/arrow_r.png) no-repeat center top;
	width:50px;
	height:74px;
}
main .before_after + .img_caption {
	text-align: center;
	margin-top: 20px;
}

/* .dot_list */
main ul.dot_list {
	margin: 0 1em 0 2.2em;
}
main ul.dot_list li {
	list-style: outside disc;
}

/* utility */
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.taC { text-align: center !important; }
.taR { text-align: right !important; }

/*---------------------------------------------------------
air
---------------------------------------------------------*/
.air .shadow_box_wrapper .shadow_box > .sect {
	margin-bottom: 50px;
}

/*---------------------------------------------------------
security
---------------------------------------------------------*/
.security main .float_wrapper .txt ol.annotation {
	margin-bottom: 30px;
}

/*---------------------------------------------------------
large-space
---------------------------------------------------------*/
.large-space .sect1 .column3-box li {
	width: 100%;
	max-width: 245px;
}

/*---------------------------------------------------------
garage
---------------------------------------------------------*/
.to_sp_garage.tri_link_anchor{
	margin:0;
	text-align: right;;
}
.to_sp_garage.tri_link_anchor li{
	text-align: right;
	margin:0;
	padding-top:40px;
}


@media screen and (max-width: 834px) {
	#page_content {
	    padding: 76px 0 10px 0;
	}	
	main .sect1{
		margin:24px 0;
	}
	
	/*
	.shadow_box custom
	*/
	.main.shadow_box_wrapper {
		width: 92%;
	}
	.shadow_box_wrapper .shadow_box {
		box-shadow: none;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		padding-bottom:15px;
	}
	
	/* .float_wrapper */
	main .float_wrapper .txt {
		width: 100%;
		float: none;
	}
	main .float_wrapper .pic {
		width: 100%;
		float: none;
		padding-top: 30px;
		text-align:center;
	}
	main .float_wrapper .txt .img {
		text-align: center;
	}
	main .float_wrapper .txt .img img,
	main .float_wrapper .pic img {
		max-width: 100%;
		width: auto;
	}
	
	/* ul.column-box */
	main .column2-ttl{
		padding:20px 0 5px 0px;
	}
	
	/* ul.pic */
	main ul.pic {
		overflow:visible;
		display:block;
	}
	main ul.pic li {
		display:block;
		text-align:none;
		padding-left:0;
		margin:0 0 20px 0;
	}
	main ul.pic li img {
		width:auto;
	}
	
	/* .before_after */
	main .before_after p {
		display:block;
		text-align:center;
		vertical-align:middle;
	}
	main .before_after p.arrowBlock {
		background:url(../img/arrow_b.png) no-repeat center;
		width:auto;
		height:50px;
	}
	main .before_after + .img_caption {
		text-align: left;
		margin-top: 10px;
	}
	
	/* utility */
	main .is-pc {
		display: none;
	}
	
	/*---------------------------------------------------------
	air
	---------------------------------------------------------*/
	.air .shadow_box_wrapper .shadow_box{
		padding-bottom: 15px;
	}
	
	/*---------------------------------------------------------
	security
	---------------------------------------------------------*/
	.security main .float_wrapper .txt {
		width: 100%;
	}
	.security main .float_wrapper .pic {
		width: 100%;
		padding-top: 20px;
	}

}

@media screen and (max-width: 500px) {
	.main_title .lead_msg {
		margin-right: 0px;
	}
	
	/* .madori_block */
	main .madori_block{
		padding-top:20px;
	}
	
	/* .float_wrapper */
	main .float_wrapper .txt .img img,
	main .float_wrapper .pic img{
		width:100%;
	}
	
	/* ul.column-box */
	main ul.column2-box{
		text-align:center;
	}
	main ul.column2-box li{
		text-align:left;
		display:inline-block;
		width:auto;
		vertical-align:top;
		margin:0 0 15px 0;
	}
	main ul.column2-box li:last-child{
		margin-bottom:0px;
	}
	main ul.column3-box li{
		text-align:left;
		display:block;
		width:auto;
		vertical-align:top;
		margin:0 0px 15px 0px;
	}
	
	/* ul.pic */
	main ul.pic li img {
		width:100%;
	}
	main ul.pic li:last-child{
		margin-bottom:0px;
	}
	
	/*---------------------------------------------------------
	large-space
	---------------------------------------------------------*/
	.large-space .sect1 .column3-box li {
		margin: 0 auto 15px auto;
	}

}