@charset "UTF-8";

/*!	メインイメージ
---------------------------------------- */
.mainImgWrapp { background:url(../img/home/mainbg_home01.png) top center no-repeat; background-size: cover; }
.mainImgContents { /*width:1040px;*/ margin:0 auto; }
.mainImg { /*width:1205px;*/}
.mainImg .slider li{ width: 1570px; height: 484px; position: relative;}
.mainImg .slider li img{ margin: auto; position: absolute; left: 50%; top: 0; margin-left: -785px;}
.mainPic { background: url(../img/home/mainbg_home02.png) center center repeat-x; margin-top:-44px; width:100%; height:129px; }
/*!	メインイメージ下のコンバージョン
---------------------------------------- */
.cvHomeWrap{ background: url(../img/common/bg_cv01.png);height:170px; margin-top: 2px; margin-bottom:25px; }
.cvHomeWrap .cvHome{ margin:0 auto;-webkit-transform:translate(-20px,-17px);transform:translate(-20px,-17px);width:1040px; }
/*!	お庭の生活救急車サービスラインナップ
---------------------------------------- */
.service .heading{margin:0 auto 36px; width:502px; }
.service .lineupList{margin:0 auto 38px; width:1040px; }
.service .lineupList li{float:left; width:330px; }
.service .lineupList li+li{ margin-left:25px; }
.service .lineupList li a:hover{ opacity:.7; }
/*! その他のお悩みにもお応えいたします */
.service .other .crossheading{margin:0 auto 38px; width:1040px; }
.service .other .otherList{ margin:0 auto 40px;width:1040px; }
.service .other .otherList li{float:left;margin-bottom:20px; width:248px; }
.service .other .otherList li a:hover{ opacity:.7; }
.service .other .otherList li:not(:first-of-type):not(:nth-of-type(5)){ margin-left:16px; }
.service .other .otherList li:nth-last-of-type(-n+4){ margin-bottom:0; }
.service .other .otherList li:last-of-type{ padding:8px 0 4px; }
.service .other .otherList li:last-of-type a:hover{ opacity:0.7; }
/*!	「高さ」や「m2数」に応じた分かりやすい料金設定！！
---------------------------------------- */
.price{ margin:0 auto 50px;width:1040px; }
/*!	料金について＆サービスの流れボタン
---------------------------------------- */
.priceFlowBtns{margin:0 auto 50px; width:720px; }
.priceFlowBtns li{float:left; width:350px; }
.priceFlowBtns li+li{ margin-left:20px; }
/*!	お庭の生活救急車の施工事例
---------------------------------------- */
.case{ background:#fbf6e2;padding:70px 0 50px; }
.case .crossheading{margin:0 auto 46px; width:466px; }
.case .caseIn{margin:0 auto; width:1040px; }
.case .caseIn .caseList>li{background:#fff;border:3px solid #f7edc8;box-sizing:border-box; float:left;margin-bottom:20px;padding:24px 27px 28px;width:510px; }
.case .caseIn .caseList>li .subheading{margin-bottom:23px; text-align:center; }
.case .caseIn .caseList>li .beforeAfter>li{ float:left; }
.case .caseIn .caseList>li .beforeAfter>li:first-of-type{ width:170px; }
.case .caseIn .caseList>li .beforeAfter>li:nth-of-type(2){ width:277px; }
.case .caseIn .caseList>li:nth-of-type(2n){ margin-left:20px; }
.case .caseIn .caseList>li:nth-last-of-type(-n+2){ margin-bottom:0; }
/*!	東証1部・名証1部上場企業 信頼できる実績があります
---------------------------------------- */
.result{background:url(../img/home/bg_result01.png) left top no-repeat;background-size:contain;margin-bottom:58px; padding:77px 0 0; }
.result .crossheading{margin:0 auto 50px; width:753px; }
.result .resultList{margin:0 auto 20px; width:1010px; }
.result .resultList li{ float:left; }
.result .resultList li+li{ margin-left:100px; }
.result .txt {width: 1040px;margin: 0 auto;text-align: right;}
.contents{margin:0 auto 60px; width:1040px; }
.contents .main{ width:790px; }
.contents .main .mod_reason01{ margin-bottom:50px; }
/*!	サービスの流れ
		---------------------------------------- */
.contents .main .mod_flow01{ margin-bottom:50px; }
/*!	お庭のお役立ち情報
		---------------------------------------- */
.contents .main .useful .crossheading{ margin-bottom:20px; }
.contents .main .useful .usefulInfo li{background:url(../img/home/bg_useful01.png) right bottom no-repeat;border:1px solid #c9cac8; padding:22px 36px 11px 29px; }
.contents .main .useful .usefulInfo li .subheading{ font-size:1.8rem;letter-spacing:.05em;margin-bottom:14px; }
.contents .main .useful .usefulInfo li .subheading a{background:url(../img/home/ico_tree01.png) left center no-repeat; color:#003f98;display:block;font-weight:bold;padding:6px 0 7px 35px; }
.contents .main .useful .usefulInfo li .subheading a:hover{ text-decoration:none; }
.contents .main .useful .usefulInfo li .txt{letter-spacing:.05em; line-height:1.79; }
.contents .main .useful .usefulInfo li+li{ margin-top:15px; }
/*!	メッセージ
---------------------------------------- */
.message{ background:#dbf4fe; }
.message .messageIn{background:url(../img/home/bg_message01.png) right top no-repeat;margin:0 auto;padding:48px 0 48px;-webkit-transform:translateX(55px);transform:translateX(55px); width:1145px; }
.message .messageIn .txt{color:#414148;float:left;font-size:1.2rem;letter-spacing:.05em;line-height:2;margin-right:60px;margin-top:-7px; width:760px; }
@charset "UTF-8";

/*! mediaArea
================================================== */
#mediaArea {
	background: #f4eed8;
	margin: 70px 0 50px 0;
	padding: 70px 0 22px;
}
#mediaArea h2{
	text-align: center;
}
#mediaArea h2 span {
	display: none;
}
#mediaArea .inner {
	width: 1042px;
	margin: 0 auto;
	padding: 50px 0 0 0;
}
#mediaArea .inner .block {
	float: left;
	width: 326px;
	margin: 0 32px 30px 0;
}
#mediaArea .inner .block:nth-child(3n) {
	margin-right: 0;
}
#mediaArea .inner .block:nth-child(3n+1) {
	clear: both;
}
#mediaArea .inner .block img {
	float: left;
	width: 196px;
	margin-right: 10px;
}
#mediaArea .inner .block p {
	font-weight: bold;
	line-height: 1.5;
}
#mediaArea .inner .block p span {
	color: #003491;
	position: relative;
	padding-left: 12px;
}
#mediaArea .inner .block p span::before{
  content: '';
  width: 9px;
	height: 9px;
	border-radius: 50%;
	background-color: #003491;
  position: absolute;
  top: 5px;
  left: 0;
}