@charset "utf-8";

.pc {display:initial;}
.sp {display:none;}

#errordtl>* {
	box-sizing:border-box;
	color:#1b1b1b;
}

#errordtl .container {
	max-width:100%;
	padding:0;
}
#errordtl .container.x1 .inner_wp h2 {
	font-size:50px;
	background-color:#313d58;
	text-align:center;
	line-height:1.125;
	color:#fff;
	padding:55px 0;
}
#errordtl .container.x2 {margin:0 0 70px;}
#errordtl .container.x2 .inner_wp {
	max-width:1000px;
	margin:0 auto;
}
#errordtl .container.x2 .inner_wp p {
	font-size:16px;
	text-align:center;
	padding:50px 50px 25px;
	line-height:1.8;
}
#errordtl .container.x2 .inner_wp p.attention {
	color:#f00;
	font-weight:bold;
	font-size:18px;
	border:solid 1px #f00;
	width:100%;
	max-width:1000px;
	margin:0 auto 50px;
	padding:25px;
	box-sizing:border-box;
}
#errordtl .container.x2 .inner_wp p.notice {
	width:100%;
	max-width:800px;
	margin:0 auto 50px;
	text-align:left;
	background-color:#fff8ee;
	box-sizing:border-box;
	line-height:2;
	font-size:14px;
}
#errordtl .container.x2 .inner_wp p.notice.center {text-align:center;}
#errordtl .container.x2 .inner_wp h3 {
	width:100%;
	margin:0 auto 15px;
}
#errordtl .container.x2 .inner_wp h3 img {
	width:auto;
	max-width:350px;
}
#errordtl .container.x2 .inner_wp ul {
	width:100%;
	margin:0 auto;
}
#errordtl .container.x2 .inner_wp ul li.ttl {
	background-color:#313d58;
	color:#fff;
	font-size:18px;
	font-weight:bold;
	padding:0.9em 1.5em;
}
#errordtl .container.x2 .inner_wp ul li {
	padding:0.9em 0;
}
#errordtl .container.x2 .inner_wp ul li h3 {
	color:#313d57;
	font-size:18px;
	font-weight:bold;
	border-bottom:solid 1px #dbdbdb;
	line-height:3.2;
}
#errordtl .container.x2 .inner_wp ul li p {
	text-align:left;
	padding:0 0 0 0.5em;
	color:#1b1b1b;
}
#errordtl .container.x2 .inner_wp ul li p.red {
	color:#f00;
	font-weight:bold;
	font-size:16px;
}
#errordtl .container.x2 .inner_wp .bx {
	width:fit-content;
	border:solid 1px #d6d6d6;
	background-color:#f3f5f9;
	margin:0;
	padding:2em 2.5em;
}
#errordtl .container.x2 .inner_wp .bx p {
	padding:0;
	text-align:left;
	font-size:16px;
	line-height:1.6;
}

#contact .container .inner_wp {
	width:100%;
	max-width:1000px;
	margin:0 auto 50px;
}
#contact .container .inner_wp .wp {
	background-color:#54b254;
	border:solid 10px #65c965;
	text-align:center;
	padding:35px 0;
}
#contact .container .inner_wp .wp img {
	width:auto;
	max-width:100%;
}
#contact .container .inner_wp .wp .estimate {
	display:block;
	width:90%;
	max-width:750px;
	margin:10px auto 15px;
	padding:25px 0;
	text-align:center;
	background-color:#f90;
	border-radius:3px;
	background:url(//airconland.live/errorcode/wp-content/themes/land_theme/images/err_bg01.jpg) repeat-x;
	border:solid 1px #c2cbdb;
}
#contact .container .inner_wp .wp .estimate img {max-width:65%;}
#contact .container .inner_wp .wp .tel {pointer-events:none;}
#contact .container .inner_wp a.back {
	width:fit-content;
	display:block;
	color:#666;
	text-decoration:none;
	padding:20px 30px 20px 70px;
	font-size:14px;
	margin:50px 10px 20px 0;
	background-image:url(//www.airconland.live/wp-content/themes/land_theme/images/arrow08.gif);
	background-color:#efefef;
	background-repeat:no-repeat;
	background-position:left center;
	border-left:solid 10px #efefef;
}


/* メディアクエリ
------------------------------------------------------------------*/
@media print, screen and (max-width:1100px){
	#errordtl .container.x2 .inner_wp {padding:0 25px;}
}
@media print, screen and (max-width:900px){
	#errordtl .container.x2 .inner_wp p br {display:none;}
	#errordtl .container.x2 .inner_wp .bx p br {display:initial;}
	#errordtl .container.x2 .inner_wp p {line-height:1.5;}
	#contact .container .inner_wp .wp {padding:5vw 2.5vw;}
}
@media print, screen and (max-width:768px){
	.pc {display:none;}
	.sp {display:initial;}

	#errordtl .container.x1 .inner_wp h2 {
		font-size:8.2vw;
		padding:1em 2.5vw;
	}
	#errordtl .container.x2 {margin:0 0 10vw;}
	#errordtl .container.x2 .inner_wp {padding:0 2.5vw;}
	#errordtl .container.x2 .inner_wp h3 img {max-width:40vw;}
	#errordtl .container.x2 .inner_wp p {
		padding:7vw 2.5vw;
		font-size:4.2vw;
	}
	#errordtl .container.x2 .inner_wp p.attention {
		font-size:4.6vw;
		text-align:justify;
		padding:5.8vw;
	}
	#errordtl .container.x2 .inner_wp p.notice {
		width:96%;
		padding:5.5vw 6.5vw;
		font-size:3.6vw;
		line-height:1.6;
	}
	#errordtl .container.x2 .inner_wp p.notice br {display:initial;}
	#errordtl .container.x2 .inner_wp ul li h3 {font-size:4.6vw;}
	#errordtl .container.x2 .inner_wp ul li p {font-size:4.2vw;}

	#errordtl .container.x2 .inner_wp .bx {padding:1.4em 1.6em;}
	#errordtl .container.x2 .inner_wp .bx p {font-size:4.2vw;}

	#contact .container {padding:0 3.2vw;}
	#contact .container .inner_wp .wp .estimate img {max-width:90%;}
	#contact .container .inner_wp .wp .tel {pointer-events:initial;}
	#contact .container .inner_wp a.back {margin:8vw 0 0 0;}
}
