@charset "utf-8";

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

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

#errorcode .container {
	max-width:100%;
	padding:0;
}
#errorcode .container.x1 .inner_wp h2 {
	font-size:50px;
	background-color:#313d58;
	text-align:center;
	line-height:1.125;
	color:#fff;
	padding:55px 0;
}
#errorcode .container.x2 {margin:0 0 70px;}
#errorcode .container.x2 .inner_wp p {
	font-size:16px;
	text-align:center;
	padding:50px;
	line-height:1.8;
}
#errorcode .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;
}
#errorcode .container.x2 .inner_wp p.notice.center {text-align:center;}
#errorcode .container.x2 .inner_wp h3 {
	width:100%;
	max-width:1000px;
	margin:0 auto 15px;
}
#errorcode .container.x2 .inner_wp h3 img {
	width:auto;
	max-width:350px;
}
#errorcode .container.x2 .inner_wp table {
	width:100%;
	max-width:1000px;
	margin:0 auto;
}
#errorcode .container.x2 .inner_wp table tr th {
	background-color:#313d57;
	color:#fff;
	font-size:16px;
	padding:1em;
}
#errorcode .container.x2 .inner_wp table tr th.x1 {width:15%;}
#errorcode .container.x2 .inner_wp table tr.fujitsu th.x1 {width:fit-content;}
#errorcode .container.x2 .inner_wp table tr td {
	text-align:center;
	padding:1em 25px;
	font-size:16px;
	line-height:1.5;
}
#errorcode .container.x2 .inner_wp table tr td.x2 p {
	text-align:left;
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding:0;
}
#errorcode .container.x2 .inner_wp table tr td.x2 a {
	display:block;
	margin:0 0 0 5em;
	background-color:#c8002f;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	font-size:13px;
	padding:0.8em 3em;
	border-radius:3px;
	position:relative;
	width:6.5em;
	flex:none;
}
#errorcode .container.x2 .inner_wp table tr td.x2 a::after {
	content:"";
	display:block;
	width:8px;
	height:8px;
	border-top:solid 2px #fff;
	border-right:solid 2px #fff;
	box-sizing:border-box;
	position:absolute;
	top:-50%;
	bottom:-50%;
	margin:auto;
	right:10px;
	transform:rotate(45deg);
}
#errorcode .container.x2 .inner_wp table tr:nth-child(odd) td {background-color:#f4f6f9;}

#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){
	#errorcode .container.x2 .inner_wp {padding:0 25px;}
}
@media print, screen and (max-width:900px){
	#errorcode .container.x2 .inner_wp p br {display:none;}
	#errorcode .container.x2 .inner_wp table tr th.x1,
	#errorcode .container.x2 .inner_wp table tr.fujitsu th.x1 {width:30%;}
	#errorcode .container.x2 .inner_wp table tr th.x2,
	#errorcode .container.x2 .inner_wp table tr.fujitsu th.x2 {width:70%;}
	#errorcode .container.x2 .inner_wp p {line-height:1.5;}
	#errorcode .container.x2 .inner_wp table tr td.x2 a {margin:0 0 0 2em;}
	#contact .container .inner_wp .wp {padding:5vw 2.5vw;}
}
@media print, screen and (max-width:768px){
	.pc {display:none;}
	.sp {display:initial;}

	#errorcode .container.x1 .inner_wp h2 {
		font-size:8.2vw;
		padding:1em 2.5vw;
	}
	#errorcode .container.x2 {margin:0 0 10vw;}
	#errorcode .container.x2 .inner_wp {padding:0 2.5vw;}
	#errorcode .container.x2 .inner_wp h3 img {max-width:40vw;}
	#errorcode .container.x2 .inner_wp p {
		padding:7vw 2.5vw;
		text-align:justify;
		font-size:3.6vw;
	}

#errorcode .container.x2 .inner_wp table tr th.x1,
#errorcode .container.x2 .inner_wp table tr.fujitsu th.x1 {width:40%;}
#errorcode .container.x2 .inner_wp table tr th.x2,
#errorcode .container.x2 .inner_wp table tr.fujitsu th.x2 {width:60%;}
#errorcode .container.x2 .inner_wp table tr th {
    font-size: 3.6vw;
    line-height: 1.2;
}
#errorcode .container.x2 .inner_wp table tr td {
    padding: 2.5vw;
    font-size: 3.6vw;
}
#errorcode .container.x2 .inner_wp table tr td.x2 p {
    flex-direction: column;
    font-size: 3.6vw;
    text-align: justify;
}
#errorcode .container.x2 .inner_wp table tr td.x2 a {
    margin: 0.5em auto;
}
#errorcode .container.x2 .inner_wp p.notice {
    width: 96%;
    padding: 5.5vw 6.5vw;
    font-size: 3.6vw;
    line-height: 1.6;
}
#errorcode .container.x2 .inner_wp p.notice br {
    display: initial;
}

	#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;}
}
