@charset "utf-8";


/* ----------------------------------------------------- */
/* main img
/* ----------------------------------------------------- */

section#mainImg {
	height: 466px;
	background: url(../img/mainImg.jpg) no-repeat;
	border: 7px solid #fff;
	position: relative;
	}

section#mainImg h2,
section#mainImg h2+p{
	margin-right: 10%;
	margin-bottom: 20px;
	text-align: right;
}

section#mainImg h2 {
	margin-top: 40px;
	margin-bottom: 10px;
}

#h2sm,#h2tb,
#mainV-tb,
#mainV-sm{
	display:none;
	}




/* ----------------------------------------------------- */
/* main contents
/* ----------------------------------------------------- */




/* --------------serviceBox--------------------- */
.serviceBox,
.serviceBox00,
.pickupBox01,
.pickupBox02 {
	float: left;
	width: 32%;
	border: 5px solid #fff;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	margin-top: 10px;
	margin-left: 10px;
	overflow:hidden;
	}

.serviceBox00 ,.pickupBox01 {
	margin-left: 0;
}

.serviceBox div ,.serviceBox00 div ,.pickupBox01 div ,.pickupBox02 div {
	border: 3px solid #e3e3e3;
	padding:2px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	background: #fff;
	position: relative;
}

.serviceBox p,.serviceBox00 p ,.pickupBox01 p ,.pickupBox02 p {
	margin: 8px;
	margin-bottom: 60px;
	font-size: 92%;
}

.serviceBox p+p,
.serviceBox00 p+p,
.pickupBox01 p+p,
.pickupBox02 p+p{
	position: absolute;
	bottom:0px;
	left: 10px;
	margin-bottom: 0;
}

/* button */
a.button {
	position: relative;
	z-index: 2;
	padding:5px 10px;
	background-color: #0F2A4E;
	border: 2px solid #fff;
	color: #fff;
	line-height: 50px;
	overflow: hidden;
}
a.button:hover {
	color: #ffab0a;
}

a.button:visited {
	color: #fff
}
a.button::after {
	top: -100%;
	width: 100%;
	height: 100%;
}
a.button:hover::after {
	top: 0;
	background-color: #fff;
}


.price {
	border-color: #1b1e37;
}





/* --------------pickupBox--------------------- */

.pickupBox01,.pickupBox02 {
	width: 100%;
	margin-left: 0;
}

.pickupBox01 div {
	background:url(../img/pickup01.jpg) right center no-repeat #fff;
	}

.pickupBox02 div {
	background:url(../img/pickup02.jpg) right center no-repeat #fff;
}

.pickupBox01 h3 ,.pickupBox02 h3{
	font-size: 171%;
	margin-left: 10px;
	color: #0F2A4E;
}

.pickupBox02 ul {
	list-style-type: disc;
	padding-left: 35px;
}

.pickupBox02 li {
	font-size: 92%;
	}


.pickupBox02 p,.pickupBox01 p {
	margin-right: 180px;
}

/*.serviceBox p,.serviceBox00 p ,.pickupBox01 p ,.pickupBox02 p {
	margin: 8px;
	margin-bottom: 15px;
	font-size: 92%;
}*/

/* -------------- 安心サービス relieved --------------------- */
section#relieved {
	padding: 15px;
	border: 5px solid #0F2A4E;
	background: #fff url(../img/kagizaru.png) right center no-repeat;
	}

section#relieved h2 {
	border: 0;
}

section#relieved h2:first-letter {
	color: #0F2A4E;
}

section#relieved h3 {
	display: table-cell;
	height: 72px;
	padding-left: 80px;
	margin-left: 20px;
	color: #0F2A4E;
	font-size: 171%;
	line-height:1.1;
	vertical-align:middle;
}


h3#relieved01 {
	background:url(../img/relieved01.png) no-repeat left;
}

h3#relieved02 {
	background:url(../img/relieved02.png) no-repeat left;
}

h3#relieved03 {
	background:url(../img/relieved03.png) no-repeat left;
}

section#relieved p {
	width: 55%;
	margin-left: 80px;
	margin-bottom: 15px;
}





@media screen and (max-width: 900px) {
	
	
/* ----------------------------------------------------- */
/* main img
/* ----------------------------------------------------- */

section#mainImg {
	height: 466px;
	background: url(../img/mainImg900.jpg) no-repeat;
	border: 7px solid #fff;
	}


#h2pc {
	display:none;
	}

section#mainImg h2#h2tb {
	display: block;
	margin-top: 60px;
	margin-bottom: 20px;
	margin-right: 7%;
	text-align:right;
	}

section#mainImg h2+p{
	margin-right: 3%;
	margin-bottom: 20px;
	text-align: right;
}

div#terBnr div p {
	font-size: 78%;
}
div#terBnr ul{
	width: 11em;
}

div#terBnr ul li {
	font-size: 78%;
}


/* ----------------------------------------------------- */
/* sub
/* ----------------------------------------------------- */


div#sub {
	float: none;
	display: none;
}



}

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



/* ----------------------------------------------------- */
/* main img
/* ----------------------------------------------------- */

 h2#h2tb {
	margin-right: 5px;
}

p#mainV-pc {
	display:none;
	}
p#mainV-tb {
	display: block;
	margin-right: 10%;
	margin-bottom: 20px;
	text-align: right;
	}

/* -------------- tel banner ----------------- */

div#terBnr div img#key {
	display: none;
}

div#terBnr div p {
	margin-left: 15px;
}

/* ----------------------------------------------------- */
/* main contents
/* ----------------------------------------------------- */

/* --------------serviceBox------------------- */

.serviceBox ,.serviceBox00 {
	width: 48%;
	margin-left: 10px;
	}

.serviceBox h3,.serviceBox00 h3 {
	text-align:center;
}

/* --------------pickupBox-------------------- */
.pickupBox01 ,.pickupBox02 {
	width: 95%;
	float: none;
	margin-left: 0;
	}


/* --------------relieved--------------------- */
section#relieved {
	background: #fff url(../img/kagizaru.png) bottom center no-repeat;
	padding-bottom: 360px;
	}

section#relieved p {
	width: 80%;
}

section#relieved p+p {
	margin-bottom: 50px;
}

section#relieved h3 {
	font-size: 142%;
}



}

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


/* ----------------------------------------------------- */
/* main img
/* ----------------------------------------------------- */

section#mainImg h2#h2tb {
	display: none;
	}

section#mainImg h2#h2sm {
	display: block;
	margin-top: 50px;
	margin-bottom: 20px;
	margin-right: 15px;
	}

p#mainV-tb {
	margin-right: 15px;
}
div#terBnr div {
	float: none;
	width: 100%;
}

div#terBnr div p {
	margin: 10px;
}

div#terBnr ul{
	float: none;
	width: 97%;
	margin: 0 auto;
	list-style: none;
}

div#terBnr ul li {
	display: inline-block;
	width: 14em;
	margin-bottom: 5px;
}



}

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

/* ----------------------------------------------------- */
/* main img
/* ----------------------------------------------------- */

section#mainImg {
	min-height: 650px;
	background: url(../img/mainImg560.jpg) no-repeat;
	}

section#mainImg h2#h2sm {
	display: block;
	margin-top: 250px;
	text-align: center;
	margin-bottom: 0px;
}

p#mainV-tb {
	display: none;
	}

p#mainV-sm {
	display: block;
	margin-right: auto;
	margin-bottom: 10px;
	margin-right: 15px;
	text-align: center;
	}

div#terBnr ul{
	display: none;
}


/* ----------------------------------------------------- */
/* main contents
/* ----------------------------------------------------- */

/* --------------serviceBox------------------- */

.serviceBox ,.serviceBox00 {
	float: none;
	width: 99%;
	margin-left: auto;
	margin-right:auto;
	}

.serviceBox h3,.serviceBox00 h3 {
	text-align:center;
}

/* --------------pickupBox-------------------- */
.pickupBox01 ,.pickupBox02 {
	width: 99%;
	}

/* --------------relieved--------------------- */

section#relieved h2 {
	font-size: 272%;
	line-height: 1.2;
}

section#relieved p {
	width: 100%;
	margin-top: 10px;
	margin-left: 0;
	
}

section#relieved p+p {
	margin-bottom: 50px;
}

section#relieved h3 {
	font-size: 142%;
}



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



p#telBnr-tb {
	display: none;
	}

p#telBnr-sm {
	display: block;
	text-align: center;
	}
	
	
/* --------------pickupBox-------------------- */
.pickupBox01 h3 ,.pickupBox02 h3 {
	margin-bottom: 200px;
	}

.pickupBox01 div {
	background: url(../img/pickup01.jpg) no-repeat #fff;
	background-position: center 60px
}

.pickupBox02 div {
	background: url(../img/pickup02.jpg) no-repeat #fff;
	background-position: center 60px
	}

.pickupBox02 p,.pickupBox01 p {
	margin-right: 5px;
}



}