@charset "UTF-8";
/*************************
工事早期契約割引
 *************************/

.main{
	margin-bottom:100px;	
}

.main h2{
	margin-bottom:50px;	
}

.body_contents{
	margin-bottom:100px;	
}

.catch{
	text-align:center;
	margin-bottom:73px;
}

.catch .c-lead{
	font-size:22px;
	font-weight:bold;
	margin-right:0.5em;
}

.conditions{
	position:relative;
	border:5px solid #26363d;
	padding:40px 25px 20px;
}

.conditions .c-ttl{
	position:absolute;
	top:-30px;
	left:39%;
	display:inline-block;
	padding:7px 15px;
	background:#26363d;
	color:#fff;
	font-size:22px;
	font-weight:bold;
	letter-spacing:0.05em;
}

.conditions ul{
	padding-left:1.5em;	
}

.conditions li{
	font-size:16px;
	font-weight:bold;
	margin-bottom:5px;
	letter-spacing:0.05em;
	text-indent:-1.5em;
}

.conditions li:last-child{
	margin-bottom:0;	
}

.conditions li:before{
	content:"\f046";
	font-family:FontAwesome;
	margin-right:0.5em;
}

.contents_box{
	margin-bottom:50px;	
}

.lead01{
	text-align:center;
	font-size:16px;
	margin-bottom:60px;
}

.half{
	position:relative;
	height:190px;
	padding:10px;
}

.cloth{
	background:url(../../../../img/page/discount/cloth.jpg) center center no-repeat;
	background-size:100% auto;	
}

.flooring{
	background:url(../../../../img/page/discount/flooring.jpg) center center no-repeat;
	background-size:100% auto;	
}

.border{
	border:1px solid #fff;
	width:100%;
	height:100%;
}

.half .btn01{
	position:absolute;
	width:60%;	
	top:40%;
	left:21%;
}

.half .btn01 a{
	display:block;
	position:relative;
	padding:10px;
	border:1px solid #fff;
	color:#fff;
	text-align:center;
}

.half .btn01 a:hover{
	background:#fff;
	color:#333;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	transition:all .3s;
}

.half .btn01 a i{
	position:absolute;
	top:33%;
	right:10%;
}

.linkbox{
	margin-bottom:60px;
}

.price_lead{
	text-align:center;
	font-size:16px;
	margin-bottom:30px;	
}

.price table{
	width:100%;
	margin-bottom:20px;
}

.price table th,
.price table td{
	padding:10px 20px;
	font-size:16px;
}

.price table td{
	font-weight:bold;	
}

.price table tr:nth-child(odd) th,
.price table tr:nth-child(odd) td{
	background:#efefef;
}

.price table tr:last-child th,
.price table tr:last-child td{
	border-bottom:1px solid #efefef;
}

.text01{
	margin-bottom:50px;	
}

.linkbtn{
	margin-bottom:15px;
}

.text02{
	text-align:center;
}

@media screen and (min-width:641px){

.catch .c-lead {
	display:inline-block;
}

.catch .c-lead br{
	display:none;
}

.catch .off{
	display:inline-block;
}

.catch .off img{
	width:90px;
	height:auto;
}

.conditions{
	width:82%;
	margin:0 auto;
}

.float:after{
	content:"";
	display:block;
	clear:both;
}

.float .half{
	float:left;
	width:48%;
}

.float .half:first-child{
	margin-right:4%;	
}

.price table th{
	width:75%;
}

.price table td{
	width:30%;
	font-weight:bold;	
}
	
}

@media screen and (max-width:640px){

.price_lead br,
.text01 br{
	display:none;	
}

.main{
	margin-bottom:60px;	
}

.body_contents{
	margin-bottom:80px;	
}

.catch .c-lead{
	display:block;
	margin-bottom:20px;
	font-size:18px;
}

.catch .off{
	display:block;
	width:40%;
	margin:0 auto;
}

.catch .off img{
	width:80%;
	height:auto;	
}

.conditions{
	padding:40px 20px 20px;
}

.conditions .c-ttl{
	width:40%;
	top:-26px;
	left:30%;
	text-align:center;
	font-size:18px;
}

.lead01{
	margin-bottom:50px;	
}

.half{
	height:170px;
}

.half .btn01{
	top:36%;	
}

.cloth{
	margin-bottom:20px;	
}

.linkbox{
	margin-bottom:50px;
}

.price_lead{
	margin-bottom:20px;	
}

.price table tr th,
.price table tr td{
	font-size:14px;
	padding:10px 10px;
}

.price table th{
	width:60%;	
}

.price table td{
	width:40%;	
}

.text01{
	margin-bottom:30px;
}

	
}