@charset "utf-8";


/* breadcrumb
-----------------------------------*/
.breadcrumb{
	margin-bottom: 75px;
}



/* page_title
-----------------------------------*/
h2.page_title{
	width: 100%;
	height: 120px;
	background: #e7e7e7 url("../img/bg_page_title_01.png") no-repeat center 0;
	position: relative;
}

h2.page_title img{
	position: absolute;
	top: -83px;
	left: 50%;
	margin-left: -500px;
}

/* pet_unit
-----------------------------------*/
#pet_unit{
	width: 100%;
	margin-bottom: 140px;
}

#pet_unit section.intro{
	font-size: 116%;
	width: 1000px;
	margin: 0 auto;
	padding-bottom: 330px;
	position: relative;
}

#pet_unit section.intro h3{
	position: absolute;
	top: -35px;
	right: 251px;
}

#pet_unit section.intro h3:after{
	display: block;
	content: "";
	background: url("../img/bg_pet_01.png") no-repeat 0 0;
	width: 107px;
	height: 95px;
	position: absolute;
	bottom: 4px;
	left: -113px;
}

#pet_unit section.intro p{
	width: 600px;
	margin: 0 0 15px 10px;
}

#pet_unit section.intro .image01{
	position: absolute;
	bottom: 0;
	left: 0;
}

#pet_unit section.intro .image02{
	position: absolute;
	bottom: 28px;
	left: 317px;
}

#pet_unit section.intro .image03{
	position: absolute;
	bottom: 164px;
	left: 452px;
}

#pet_unit section.intro .image04{
	position: absolute;
	top: 30px;
	right: 10px;
}

#pet_unit section.intro .image05{
	position: absolute;
	top: 250px;
	right: 10px;
}

#pet_unit section.box{
	font-size: 116%;
	width: 100%;
	background: #f0f0f0;
	padding: 55px 0 46px;
}

#pet_unit section.box .inner{
	width: 1000px;
	margin: 0 auto 43px;
}

#pet_unit section.box .inner div{
	width: 320px;
	height: 480px;
	background: #ffffff;
	margin-right: 20px;
	position: relative;
	float: left;
}

#pet_unit section.box .inner div:last-child{
	margin-right: 0;
}

#pet_unit section.box .inner div a{
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

#pet_unit section.box .inner div:hover{
	cursor: pointer;
}

#pet_unit section.box .inner div:hover a{
	text-decoration: none;
	opacity: 0.7;
}

#pet_unit section.box .inner div:hover a > h4 img{
	margin-top: -34px;
}

#pet_unit section.box .inner div.left a,
#pet_unit section.box .inner div.right a{
	color: #ffffff;
}

#pet_unit section.box .inner div.center a{
	color: #323232;
}

#pet_unit section.box .inner div.left a,
#pet_unit section.box .inner div.right a{
	background: url("../img/bg_pet_04.png") no-repeat 0 0;
}

#pet_unit section.box .inner div.left:before,
#pet_unit section.box .inner div.right:before{
	display: block;
	content: "";
	background: url("../img/bg_pet_02.png") no-repeat 0 0;
	width: 85px;
	height: 71px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
}

#pet_unit section.box .inner div.center a{
	background: url("../img/bg_pet_05.png") no-repeat 0 0;
}

#pet_unit section.box .inner div.center:before{
	display: block;
	content: "";
	background: url("../img/bg_pet_03.png") no-repeat 0 0;
	width: 84px;
	height: 71px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
}

#pet_unit section.box .inner div h4{
	height: 34px;
	margin: 87px 0 45px;
	overflow: hidden;
	text-align: center;
}

#pet_unit section.box .inner div h4:after{
	display: block;
	content: "";
	background: url("../img/bg_pet_03.png") no-repeat 0 0;
	width: 10px;
	height: 10px;
	position: absolute;
	top: 140px;
	left: 155px;
}

#pet_unit section.box .inner div.left h4:after,
#pet_unit section.box .inner div.right h4:after{
	background: url("../../common/img/ico_06.png") no-repeat center bottom;
}

#pet_unit section.box .inner div.center h4:after{
	background: url("../../common/img/ico_07.png") no-repeat center bottom;
}

#pet_unit section.box .inner div p{
	width: 240px;
	margin: 0 auto;
}

#pet_unit section.box .inner div .image{
	position: absolute;
	top: 255px;
	left: 35px;
	border: 5px solid #f0f0f0;
	z-index: 1;
}

#pet_unit section.box > p{
	text-align: center;
}

#pet_unit section.box > p strong{
	font-size: 131%;
	font-weight: bold;
}

#pet_unit a.link_sougi{
	font-size: 131%;
	font-weight: bold;
}



/* cemetery_unit
-----------------------------------*/
#cemetery_unit{
	width: 100%;
	margin-bottom: 50px;
}

#cemetery_unit section.intro{
	font-size: 116%;
	width: 1000px;
	margin: -5px auto 50px;
	position: relative;
}

#cemetery_unit section.intro h3{
	position: absolute;
	top: -214px;
	left: 198px;
}

#cemetery_unit section.intro p{
	font-size: 116%;
	text-align: center;
}

#cemetery_unit section.intro p strong{
	font-weight: normal;
	font-size: 116%;
}

#cemetery_unit div.box{
	font-size: 116%;
	width: 1000px;
	margin: 0 auto;
}

#cemetery_unit div.box section.left,
#cemetery_unit div.box section.right{
	width: 500px;
	position: relative;
	box-sizing: border-box;
	float: left;
}

#cemetery_unit div.box section.left{
	padding: 78px 0 90px 160px;
	border-right: 2px dotted #646464;
}

#cemetery_unit div.box section.left h4{
	position: absolute;
	top: 33px;
	left: 59px;
}

#cemetery_unit div.box section.left h4:after{
	display: block;
	content: "";
	background: url("../img/bg_cemetery_01.png") no-repeat 0 0;
	width: 89px;
	height: 82px;
	position: absolute;
	bottom: -82px;
	left: 7px;
}

#cemetery_unit div.box section.left p{
	width: 320px;
	margin-bottom: 12px;
}

#cemetery_unit div.box section.left h4 + p + p{
	margin-bottom: 28px;
}

#cemetery_unit div.box section.right{
	padding: 286px 0 0 40px;
}

#cemetery_unit div.box section.right h4{
	position: absolute;
	top: 29px;
	right: 57px;
}

#cemetery_unit div.box section.right h4:before{
	display: block;
	content: "";
	background: url("../img/bg_cemetery_02.png") no-repeat 0 0;
	width: 95px;
	height: 168px;
	position: absolute;
	top: -78px;
	left: -108px;
	z-index: 2;
}

#cemetery_unit div.box section.right h4:after{
	display: block;
	content: "";
	background: url("../img/bg_cemetery_03.png") no-repeat 0 0;
	width: 71px;
	height: 75px;
	position: absolute;
	bottom: -80px;
	left: 22px;
}

#cemetery_unit div.box section.right p{
	width: 300px;
	margin-bottom: 16px;
}

#cemetery_unit div.box section.right .image{
	position: absolute;
	top: 78px;
	left: 100px;
}

#cemetery_unit a.link_sougi{
	font-size: 131%;
	font-weight: bold;
}

/* flow_unit
-----------------------------------*/
#flow_unit{
	width: 100%;
	margin-bottom: 92px;
}

#flow_unit section.intro{
	font-size: 116%;
	width: 1000px;
	margin: -3px auto 31px;
	position: relative;
}

#flow_unit section.intro h3{
	position: absolute;
	top: -218px;
	left: 197px;
}

#flow_unit section.intro p{
	width: 650px;
	margin: 0 auto 15px;
	text-align: center;
}

#flow_unit section.intro h3 + p{
	font-size: 116%;
}

#flow_unit section.flow{
	font-size: 116%;
	width: 880px;
	margin: 0 auto;
	position: relative;
}

#flow_unit section.flow h4{
	position: absolute;
	top: -147px;
	right: 30px;
}

#flow_unit section.flow > p{
	width: 650px;
	margin: 0 auto;
	text-align: center;
}

#flow_unit section.flow ol{
	margin-bottom: 75px;
}

#flow_unit section.flow ol li{
	list-style: none;
	text-align: center;
	position: relative;
}

#flow_unit section.flow ol > li:nth-child(3){
	text-align: left;
}

#flow_unit section.flow ol > li{
	margin-bottom: 50px;
}

#flow_unit section.flow ol > li > ul > li{
	float: left;
	margin-right: 50px;
}

#flow_unit section.flow ol > li > ul > li:last-child{
	margin-right: 0;
}

#flow_unit section.flow ol > li:before,
#flow_unit section.flow ol > li > ul > li:before,
#flow_unit section.flow ol > li > ul > li:after{
	display: block;
	content: "";
	position: absolute;
	z-index: 2;
}

#flow_unit section.flow ol > li:nth-child(2):before{
	background: url("../img/ico_flow_01.png") no-repeat 0 0;
	width: 76px;
	height: 62px;
	top: -48px;
	left: 402px;
}

#flow_unit section.flow ol > li:nth-child(3):before{
	background: url("../img/ico_flow_01.png") no-repeat 0 0;
	width: 76px;
	height: 62px;
	top: -48px;
	left: 92px;
}

#flow_unit section.flow ol > li:nth-child(4) > ul li:first-child:before{
	background: url("../img/ico_flow_01.png") no-repeat 0 0;
	width: 76px;
	height: 62px;
	top: -48px;
	left: 92px;
}

#flow_unit section.flow ol > li:nth-child(4) > ul li:nth-child(2):before{
	background: url("../img/ico_flow_03.png") no-repeat 0 0;
	width: 232px;
	height: 190px;
	top: -178px;
	left: -63px;
}

#flow_unit section.flow ol > li:nth-child(4) > ul li:nth-child(3):before{
	background: url("../img/ico_flow_02.png") no-repeat 0 0;
	width: 76px;
	height: 191px;
	top: -178px;
	left: 92px;
}

#flow_unit section.flow ol > li:nth-child(5) > ul li:first-child:before{
	background: url("../img/ico_flow_01.png") no-repeat 0 0;
	width: 76px;
	height: 62px;
	top: -48px;
	left: 92px;
}

#flow_unit section.flow ol > li:nth-child(5) > ul li:nth-child(2):before{
	background: url("../img/ico_flow_04.png") no-repeat 0 0;
	width: 386px;
	height: 79px;
	top: -65px;
	left: -63px;
}

#flow_unit section.flow ol > li:nth-child(5) > ul li:nth-child(3):before{
	background: url("../img/ico_flow_05.png") no-repeat 0 0;
	width: 232px;
	height: 79px;
	top: -65px;
	left: -63px;
	z-index: 1;
}

#flow_unit section.flow ol > li:nth-child(5) > ul li:first-child:after{
	background: url("../img/ico_flow_01.png") no-repeat 0 0;
	width: 76px;
	height: 62px;
	top: 122px;
	left: 92px;
}

#flow_unit section.flow ol > li:nth-child(5) > ul li:nth-child(2):after{
	background: url("../img/ico_flow_01.png") no-repeat 0 0;
	width: 76px;
	height: 62px;
	top: 122px;
	left: 92px;
}

#flow_unit section.flow ol > li:nth-child(5) > ul li:nth-child(3):after{
	background: url("../img/ico_flow_01.png") no-repeat 0 0;
	width: 76px;
	height: 62px;
	top: 122px;
	left: 92px;
}



/* festival_unit
-----------------------------------*/
#festival_unit{
	width: 100%;
}

#festival_unit section.box{
	font-size: 116%;
	width: 1000px;
	padding-bottom: 115px;
	margin: -3px auto;
	position: relative;
}

#festival_unit section.box h3{
	position: absolute;
	top: -215px;
	left: 200px;
}

#festival_unit section.box p{
	margin: 0 0 16px 10px;
}

#festival_unit section.box h3 + p + p + p{
	margin: 0 0 42px 10px;
}

#festival_unit section.box p.image01{
	position: absolute;
	top: -61px;
	right: 174px;
}

#festival_unit section.box p.image01:before{
	display: block;
	content: "";
	background: url("../img/bg_festival_01.png") no-repeat 0 0;
	width: 98px;
	height: 175px;
	position: absolute;
	top: -14px;
	left: 55px;
}

#festival_unit section.box p.image01:after{
	display: block;
	content: "";
	background: url("../img/bg_festival_02.png") no-repeat 0 0;
	width: 110px;
	height: 111px;
	position: absolute;
	bottom: -105px;
	left: -115px;
	z-index: 2;
}

#festival_unit section.box .image02{
	margin-left: 80px;
}

#festival_unit section.box .image03{
	position: absolute;
	top: 93px;
	left: 530px;
	z-index: 1;
}

#festival_unit section.box .image04{
	position: absolute;
	bottom: 3px;
	right: 0;
}


/* pet_list
-----------------------------------*/
.pet_list{
	font-size: 116%;
	width: 100%;
	margin-bottom: 100px;
	background: #ffffff;
	position: relative;
}

.pet_list:before{
	display: block;
	content: "";
	background: #f0f0f0;
	width: 100%;
	height: 150px;
	position: absolute;
	top: 0;
	z-index:1;
}

.pet_list > a{
	display: block;
	width: 274px;
	height: 160px;
	padding: 30px 20px 30px 20px;
	background: #ffffff;
	border: 1px solid #414b32;
	box-sizing: border-box;
	position: absolute;
	top: 37px;
	left: 50%;
	z-index: 3;
}

.pet_list a.left{
	margin-left: -487px;
}

.pet_list a.center{
	margin-left: -137px;
}

.pet_list a.right{
	margin-left: 213px;
}

.pet_list > a:before{
	display: block;
	content: "";
	background: url("../../common/img/ico_09.png") no-repeat 0 0;
	width: 65px;
	height: 65px;
	position: absolute;
	top: -4px;
	left: -4px;
	z-index: 2;
}

.pet_list > a:hover:after{
	display: block;
	content: "";
	background: #ffffff;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	opacity: 0.3;
}

.pet_list a h4{
	height: 26px;
	overflow: hidden;
	text-align: center;
	margin-bottom: 15px;
}

.pet_list a h4:after{
	display: block;
	content: "";
	background: url("../../common/img/ico_08.png") no-repeat 0 0;
	width: 6px;
	height: 6px;
	position: absolute;
	top: 59px;
	left: 133px;
}

.pet_list a:hover > h4 img{
	margin-top: -26px;
}

.pet_list div.inner a:hover{
	text-decoration: none;
}

.pet_list > p{
	padding-top: 237px;
	text-align: center;
	position: relative;
	z-index: 2;
}

.pet_list a.link_sougi{
	font-size: 131%;
	font-weight: bold;
}