/*-----------------------------------------------------	*/
/*	ペットリフォーム					*/
/*-----------------------------------------------------	*/

/*common*/

body{
	color: #545259;
}

a{
	-webkit-transition: all .5s ease-out;
 -moz-transition: all .5s ease-out;
 -ms-transition: all .5s ease-out;
 transition: all .5s ease-out;
}

a:hover{
opacity: .5;
 -webkit-opacity: .5;
 -moz-opacity: .5;
 filter: alpha(opacity=50); /* IE lt 8 */
 -ms-filter: "alpha(opacity=50)"; /* IE 8 */
}

.zen-maru gothic-regular {
  font-family: "Zen Maru Gothic", serif;
  font-weight: 400;
  font-style: normal;
}

.zen-maru gothic-bold {
  font-family: "Zen Maru Gothic", serif;
  font-weight: 700;
  font-style: normal;
}

/*main*/

.pet_main{margin-bottom: 100px;}

.pet_main_slider {
	position: relative;
}

.swiper-pagination{
	display: none;
}

.slider_txt{
	position: absolute;
	right: 6.034vw;
	bottom: 7.759vw;
	width: 39.655vw;
	z-index: 2;
}

.slider_txt .ttl{
}
.slider_txt .ttl_read{
	color: #644b00;
	 font-family: "Zen Maru Gothic", serif;
  font-weight: 700;
  font-style: normal;
	font-size: 1.983vw;
	line-height: 1.5;
	margin-top: -1.724vw;
	padding-left: 2.155vw;
}

.swiper-button-prev, .swiper-button-next {
  color: #fff;
}


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

	
.pet_main{margin-bottom: 50px;}

.slider_txt{
	position: absolute;
	right: 9.3vw;
	bottom: 7.759vw;
	width: 53vw;
	z-index: 2;
	text-align: left;
}

.slider_txt .ttl{
	width: 43vw;
	float: right;
}
.slider_txt .ttl_read{
	font-size: 3.5vw;
	margin-top: -1.724vw;
	padding-left: 2.155vw;
	clear: both;
	 text-shadow: 0px 0px 8px rgba(235, 223, 200, 1);
}


}

/*read*/

.pet_contents_inner{
	background: url("../images/pet_reform/bg_case.png") no-repeat 102% top;
	background-size: 550px auto;
}

.pet_area_ttl{
	font-family: "Zen Maru Gothic", serif;
  font-weight: 700;
  font-style: normal;
	font-size: 30px;
	text-align: center;
	line-height: 1.8;
	margin-bottom: 50px;
}

.pet_area_ttl strong{
	font-size: 38px;
  font-weight: 700;
	border-bottom: #545259 2px dotted;
}

.pet_area_ttl::after {
  content: '';
  display: inline-block;
  width: 46px;
  height: 33px;
  background-image: url("../images/pet_reform/ic_q.svg");
  background-size: contain;
	margin-left: 15px;
}

.pet_area_txt{
	font-size: 20px;
	line-height: 1.8;
	font-family: "Zen Maru Gothic", serif;
  font-weight: 400;
  font-style: normal;
	margin-bottom: 100px;
}



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

.pet_contents_inner{
	background: url("../images/pet_reform/bg_case.png") no-repeat 470% top;
	background-size: 390px auto;
}

.pet_area_ttl{
	font-family: "Zen Maru Gothic", serif;
  font-weight: 700;
  font-style: normal;
	font-size: 5vw;
	text-align: center;
	line-height: 1.8;
	margin-bottom: 25px;
	padding-bottom: 10px;
	vertical-align: top;
	position: relative;
}

.pet_area_ttl strong{
	font-size: 5.8vw;
  font-weight: 700;
	border-bottom: #545259 2px dotted;
}

.pet_area_ttl::after {
  content: '';
  display: inline-block;
  width: 7.4vw;
  height: 8vw;
  background-image: url("../images/pet_reform/ic_q_sp.svg");
  background-size: contain;
	margin-left: 15px;
	background-repeat: no-repeat;
	position: absolute;
	bottom: 0;
}

.pet_area_txt{
	font-size: 3.2vw;
	line-height: 1.8;
	font-family: "Zen Maru Gothic", serif;
  font-weight: 400;
  font-style: normal;
	margin-bottom: 50px;
	padding: 0 5vw;
}

	
}


/*お悩み*/

.pet_onayami{
	
}

.pet_onayami_ttl{
	font-family: "Zen Maru Gothic", serif;
  font-weight: 700;
  font-style: normal;
	font-size: 34px;
	text-align: center;
	line-height: 1.4;
}

.pet_onayami_ttl strong{
	font-size: 42px;
  font-weight: 700;
	padding-bottom: 10px;
	position: relative;
	padding: 0 45px;
}

.pet_onayami_ttl strong::before {
  content: '';
  display: inline-block;
  width: 30px;
  height:35px;
  background-image: url("../images/pet_reform/ttl_l_nayami.svg");
  background-size: contain;
	background-repeat: no-repeat;
	margin-right: 15px;
	position: absolute;
	left: 0;
	top: 20px;
}

.pet_onayami_ttl strong::after {
  content: '';
  display: inline-block;
  width: 30px;
  height:35px;
  background-image: url("../images/pet_reform/ttl_r_nayami.svg");
  background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	right: 0;
	top: 20px;
}

.pet_onayami_ttl span{
	display: inline-block;
	padding-left: 240px;
}

.pet_onayami_img{
	max-width: 1200px;
	margin: 0 auto 100px auto;
	box-sizing: border-box;
	padding: 0 120px 0 70px;
}


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

.pet_onayami_ttl{
	font-family: "Zen Maru Gothic", serif;
  font-weight: 700;
  font-style: normal;
	font-size: 4.8vw;
	text-align: center;
	line-height: 1.4;
}

.pet_onayami_ttl strong{
	font-size: 6.6vw;
  font-weight: 700;
	padding-bottom: 10px;
	position: relative;
	padding: 0 30px;
}

.pet_onayami_ttl strong::before {
  content: '';
  display: inline-block;
  width: 20px;
  height:25px;
  background-image: url("../images/pet_reform/ttl_l_nayami.svg");
  background-size: contain;
	background-repeat: no-repeat;
	margin-right: 5px;
	position: absolute;
	left: 0;
	top: 15px;
}

.pet_onayami_ttl strong::after {
  content: '';
  display: inline-block;
  width: 20px;
  height:25px;
  background-image: url("../images/pet_reform/ttl_r_nayami.svg");
  background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	right: 0;
	top: 15px;
}

.pet_onayami_ttl span{
	display: inline-block;
	padding-left: 32vw;
}

.pet_onayami_img{
	max-width: auto;
	margin: 0 auto 80px auto;
	box-sizing: border-box;
	padding: 0;
}
}





/*解決*/
.pet_result{
	margin-bottom: 150px;
}

.pet_result_ttl{
	font-family: "Zen Maru Gothic", serif;
  font-weight: 700;
  font-style: normal;
	font-size: 34px;
	text-align: center;
	line-height: 1.4;
	position: relative;
	width: 590px;
	margin: 0 auto 60px auto;
	padding:  20px 0;
}

.pet_result_ttl strong{
	font-size: 42px;
  font-weight: 700;
	padding-bottom: 10px;
	position: relative;
}

.pet_result_ttl::before {
  content: '';
  display: inline-block;
  width: 66px;
  height:99px;
  background-image: url("../images/pet_reform/ttl_l_reform.svg");
  background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	left: 0;
	top: 0px;
}

.pet_result_ttl::after {
  content: '';
  display: inline-block;
  width: 66px;
  height:99px;
  background-image: url("../images/pet_reform/ttl_r_reform.svg");
  background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	right: 0;
	top: 50px;
}

.pet_result_ttl span{
	display: inline-block;
	padding-left: 240px;
}

.pet_result_txt{
	font-size: 34px;
	font-family: "Zen Maru Gothic", serif;
  font-weight: 700;
  font-style: normal;
	background: url("../images/pet_reform/cursor_under.svg") no-repeat center bottom;
	padding-bottom: 60px;
	background-size: 50px auto;
	margin-bottom: 30px;
}

.merit_list{
	display: flex;
	justify-content: space-between;
	width: 960px;
	margin: 0 auto 80px auto;
}

.merit_list article{
	width: 305px;
	background: #f5f1e3;
	border-radius: 124px;
	padding: 30px 15px 20px 15px;
	box-sizing: border-box;
	text-align: center;
}

.merit_list article .num{width:45px;
margin: 0 auto 20px auto;}

.merit_list article p{
	font-size: 28px;
	font-family: "Zen Maru Gothic", serif;
  font-weight: 700;
  font-style: normal;
	line-height: 1.4;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 105px;
	margin-bottom: 25px;
}

.merit_list article figure{
	width: 210px;
	height: auto;
	display: flex;
	margin: 10px auto 10px auto;
}

.merit_list article:nth-of-type(2) figure{
	width: 270px;
	height: auto;
	display: flex;
	margin: 10px auto 10px auto;
}

.merit_list article:nth-of-type(3) figure{
	width: 230px;
	height: auto;
	display: flex;
	margin: 10px auto 10px auto;
}

.pet_result_kind .pet_result_txt{
	line-height: 1.6;
	margin-bottom: 40px;
	background: none;
}

.pet_result_sttl{
	background: url("../images/pet_reform/cursor_under.svg") no-repeat center bottom;
	background-size: 50px auto;
	padding-bottom: 40px;
}

.pet_result_sttl img{
	width: 132px;
	height: auto;
	display: inline-block;
	margin-right: 10px;
	vertical-align: top;
}

.pet_result_sttl p{
	display: inline-block;
	font-size: 24px;
	font-family: "Zen Maru Gothic", serif;
  font-weight: 700;
  font-style: normal;
	line-height: 1.2;
}

.pet_result_sttl p span{
	font-size: 36px;
}

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

.pet_result_ttl{
	font-family: "Zen Maru Gothic", serif;
  font-weight: 700;
  font-style: normal;
	font-size:4.5vw;
	text-align: center;
	line-height: 1.4;
	position: relative;
	width: 81.8vw;
	margin: 0 auto 10vw auto;
	padding:  10px 0;
}

.pet_result_ttl strong{
	font-size: 6vw;
  font-weight: 700;
	padding-bottom: 10px;
	position: relative;
}

.pet_result_ttl::before {
  content: '';
  display: inline-block;
  width: 8vw;
  height:13vw;
  background-image: url("../images/pet_reform/ttl_l_reform.svg");
  background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	left: 0;
	top: 0px;
}

.pet_result_ttl::after {
  content: '';
  display: inline-block;
  width: 8vw;
  height:13vw;
  background-image: url("../images/pet_reform/ttl_r_reform.svg");
  background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	right: 0;
	top: 10vw;
}

.pet_result_ttl span{
	display: inline-block;
	padding-left: 64vw;
}

.pet_result_txt{
	font-size: 4.8vw;
	font-family: "Zen Maru Gothic", serif;
  font-weight: 700;
  font-style: normal;
	background: url("../images/pet_reform/cursor_under.svg") no-repeat center bottom;
	padding-bottom: 13vw;
	background-size: 13vw auto;
	margin-bottom: 8vw;
}

.merit_list{
	display: block;
	width: auto;
	margin: 0 auto 20vw auto;
}

.merit_list article{
	width: 81vw;
	background: #f5f1e3;
	border-radius: 32vw;
	padding: 8vw 2.6vw 10vw 2.6vw;
	box-sizing: border-box;
	text-align: center;
	margin: 0 auto 8vw auto;
}

.merit_list article .num{width:12.8vw;
margin: 0 auto 5vw auto;}

.merit_list article p{
	font-size: 4.8vw;
	font-family: "Zen Maru Gothic", serif;
  font-weight: 700;
  font-style: normal;
	line-height: 1.4;
	display: flex;
	align-items: center;
	justify-content: center;
	height: auto;
	margin-bottom: 7vw;
}

.merit_list article figure{
	width: 61vw;
	height: auto;
	display: flex;
	margin: 10px auto 10px auto;
}

.merit_list article:nth-of-type(2) figure{
	width: 72vw;
	height: auto;
	display: flex;
	margin: 10px auto 10px auto;
}

.merit_list article:nth-of-type(3) figure{
	width: 64vw;
	height: auto;
	display: flex;
	margin: 10px auto 10px auto;
}

.pet_result_kind .pet_result_txt{
	line-height: 1.6;
	margin-bottom: 20vw;
	padding-bottom: 0;
	background: none;
}

.pet_result_sttl{
	background: url("../images/pet_reform/cursor_under.svg") no-repeat center bottom;
	background-size: 13.6vw auto;
	padding-bottom: 12vw;
	margin-bottom: 5vw;
}

.pet_result_sttl img{
	width: 22.6vw;
	height: auto;
	display: inline-block;
	margin-right: 10px;
	vertical-align: top;
}

.pet_result_sttl p{
	display: inline-block;
	font-size: 4.8vw;
	font-family: "Zen Maru Gothic", serif;
  font-weight: 700;
  font-style: normal;
	line-height: 1.2;
}

.pet_result_sttl p span{
	font-size: 5.8vw;
}
}



/*お悩み別　タブ　アコーディオン*/
 .tab {
    display: flex;
    justify-content: center;
		margin-bottom: 40px;
  }
  .tab-item {
			width: 390px;
    margin: 0 20px;
    cursor: pointer;
    padding: 25px 0;
position: relative;
			height: 140px;
			box-sizing: border-box;
  }

.tab-img{
	position: absolute;
	left: 45px;
	top: 0;
	width: 146px;
}


.tab-txt{
			width: 390px;
	height: 100px;
	background: #ebdfc8;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
}

  .tab-item.active .tab-txt{
	background: #dbbc8a;
}



.tab-txt img{
	width: auto;
	height: 26px;
	padding-left: 120px;
	
}

.tab-content-outer{
	background: url("../images/pet_reform/bg_case.png") no-repeat -140px top;
	background-size: 555px auto;
}

/*
.tab-content-outer{
	background: url("../images/pet_reform/bg_case.png") no-repeat -140px top,
		url("../images/pet_reform/bg_case2.svg") no-repeat -140px 600px,
		url("../images/pet_reform/bg_case.png") no-repeat 105% 1200px;
	background-size: 555px auto,555px auto,555px auto;
}
*/

  .tab-content {
    display: none;
    border-top: none;
  }
  .tab-content.active {
    display: block;
  }
  .accordion-content {
    overflow: hidden;
    max-height: 0;
    transition: max-height 0.5s ease;
  }
  .accordion-content.active {
    max-height: 1000px;
    transition: max-height 0.5s ease;
  }

.ac_nav{
	width: 952px;
	height: 250px;
	margin: 0 auto;
	position: relative;
}

.ac_nav_case{
	padding-top: 25px;
	width: 674px;
}

.case_num{
	width: 68px;
	position: absolute;
	top: 20px;
	left: 20px;
	z-index: 2;
}

#tab1 .case_num{
	width: 85px;
	position: absolute;
	top: 20px;
	left: 20px;
	z-index: 2;
}

.case_txt{
	width: 674px;
	height: 224px;
	background: url("../images/pet_reform/case_outer.svg") no-repeat 0 10px;
	position: relative;
	z-index: 1;
}

.accordion-item.accordion1_2 .case_txt{
	width: 690px;
	height: 195px;
	background: url("../images/pet_reform/case_outer2.svg") no-repeat 0 10px;
}

.accordion-item.accordion1_3 .case_txt{
	width: 680px;
	height: 200px;
	background: url("../images/pet_reform/case_outer3.svg") no-repeat 0 10px;
}

.accordion-item.accordion1_4 .case_txt{
	width: 630px;
	height: 195px;
	background: url("../images/pet_reform/case_outer4.svg") no-repeat 0 10px;
}

.case_txt p{width: 415px;
	padding: 70px 0 0 110px;
	font-size: 20px;
	font-weight: 700;
	text-align: left;
	line-height: 1.8;
}

.case_txt p::after {
  content: '';
  display: inline-block;
  width: 56px;
  height:56px;
  background-image: url("../images/pet_reform/case_cursor.svg");
  background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	right: 60px;
	top: 90px;
}

.accordion-item.accordion1_2 .case_txt p::after {
	right: 60px;
	top: 80px;
}

.accordion-item.accordion1_3 .case_txt p::after {
	right: 60px;
	top: 90px;
}

.accordion-item.accordion1_4 .case_txt p::after {
	right: 40px;
	top: 80px;
}




.ac_nav figure{
	width: 290px;
	position: absolute;
	right: 0;
	top: 0;
}


@media screen and (max-width: 768px) {
.tab {
    display: block;
		margin-bottom: 10vw;
	position: relative;
	z-index: 2;
  }
  .tab-item {
			width: 83.4vw;
    margin: 0 auto 3vw auto;
    cursor: pointer;
    padding: 4vw 0;
position: relative;
			height: 29.3vw;
			box-sizing: border-box;
  }

.tab-img{
	position: absolute;
	left: 8vw;
	top: 0;
	width: 32.4vw;
}


.tab-txt{
			width: 83.4vw;
	height: 20.8vw;
	background: #ebdfc8;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
}

  .tab-item.active .tab-txt{
	background: #dbbc8a;
}

.tab-txt img{
	width: auto;
	height: 5.3vw;
	padding-left: 23vw;
	
}

.tab-content-outer{
	background: url("../images/pet_reform/bg_case.png") no-repeat -99vw top;
	background-size: 148vw auto;
}

/*
.tab-content-outer{
	background: url("../images/pet_reform/bg_case.png") no-repeat -140px top,
		url("../images/pet_reform/bg_case2.svg") no-repeat -140px 600px,
		url("../images/pet_reform/bg_case.png") no-repeat 105% 1200px;
	background-size: 555px auto,555px auto,555px auto;
}
*/

  .tab-content {
    display: none;
    border-top: none;
  }
  .tab-content.active {
    display: block;
  }
  .accordion-content {
    overflow: hidden;
    max-height: 0;
    transition: max-height 0.5s ease;
  }
  .accordion-content.active {
    max-height: 1000px;
    transition: max-height 0.5s ease;
  }

.ac_nav{
	width: 96vw;
	height: 140vw;
	margin: 0 auto;
	position: relative;
}
	
	
.accordion1_1 .ac_nav{
	height: 126vw;
}
	
	.accordion1_2 .ac_nav{
	height: 120vw;
}
	
	.accordion1_3 .ac_nav{
	height: 124vw;
}
	
	.accordion1_4 .ac_nav{
	height: 132vw;
}
	
	.accordion2_1 .ac_nav{
	height: 141vw;
}
	
	.accordion2_2 .ac_nav{
	height: 125vw;
}
	
	.accordion2_3 .ac_nav{
	height: 134vw;
}
	
	.accordion2_4 .ac_nav{
	height: 126vw;
}
	
.ac_nav_case{
	padding-top: 9vw;
	width: 100%;
}
	
#tab1	.ac_nav_case{
	padding-top: 8vw;
	width: 100%;
}


.case_num{
	width: 18vw;
	position: absolute;
	top: 0;
	left: 6.6vw;
	z-index: 2;
}

#tab1 .case_num{
	width: 22.6vw;
	position: absolute;
	top: 0;
	left: 6.4vw;
	z-index: 2;
}

.case_txt{
	width: 100%;
	height: 56.8vw;
	background: url("../images/pet_reform/case_outer_sp.svg") no-repeat 0 0.88vw;
	position: relative;
	z-index: 1;
}
	
	.accordion-item.accordion1_1 .case_txt{
	width: 100%;
	height: 56.8vw;
	background: url("../images/pet_reform/case_outer_sp.svg") no-repeat 0 0.88vw;
}
	
.accordion-item.accordion1_2 .case_txt{
	width: 100%;
	height: 52vw;
	background: url("../images/pet_reform/case_outer2_sp.svg") no-repeat 0 10px;
}

.accordion-item.accordion1_3 .case_txt{
	width: 100%;
	height: 52vw;
	background: url("../images/pet_reform/case_outer3_sp.svg") no-repeat 0 10px;
}

.accordion-item.accordion1_4 .case_txt{
	width: 100%;
	height: 52vw;
	background: url("../images/pet_reform/case_outer4_sp.svg") no-repeat 0 10px;
}
	
	
		.accordion-item.accordion2_1 .case_txt{
	width: 100%;
	height: 56.8vw;
	background: url("../images/pet_reform/case_outer_sp.svg") no-repeat 0 0.88vw;
}
	
.accordion-item.accordion2_2 .case_txt{
	width: 100%;
	height: 52vw;
	background: url("../images/pet_reform/case_outer2_sp.svg") no-repeat 0 10px;
}

.accordion-item.accordion2_3 .case_txt{
	width: 100%;
	height: 52vw;
	background: url("../images/pet_reform/case_outer3_sp.svg") no-repeat 0 10px;
}

.accordion-item.accordion2_4 .case_txt{
	width: 100%;
	height: 52vw;
	background: url("../images/pet_reform/case_outer4_sp.svg") no-repeat 0 10px;
}
	
	
	
	
	
	
	
	
	

.case_txt p{width: 71vw;
	padding: 18vw 0 0 11vw;
	font-size: 5.8vw;
	font-weight: 700;
	text-align: left;
	line-height: 1.5;
}
	
#tab1	.case_txt p{width: 71vw;
	padding: 16vw 0 0 11vw;
}

.case_txt p::after {
  content: '';
  display: inline-block;
  width: 14vw;
  height:14vw;
  background-image: url("../images/pet_reform/case_cursor.svg");
  background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	right: 16vw;
	top: auto;
	bottom: 6.6vw;
}
	
	.accordion-item.accordion1_1 .case_txt p::after {
	right: 16vw;
	top: auto;
	bottom: 6.6vw;
}


.accordion-item.accordion1_2 .case_txt p::after {
	right: 16vw;
	top: auto;
	bottom: 0.2vw;
}

.accordion-item.accordion1_3 .case_txt p::after {
	right: 16vw;
	top: auto;
	bottom: 0.2vw;
}

.accordion-item.accordion1_4 .case_txt p::after {
	right: 16vw;
	top: auto;
	bottom: 0.2vw;
}

	.accordion-item.accordion2_1 .case_txt p::after {
	right: 16vw;
	top: 37vw;
}


.accordion-item.accordion2_2 .case_txt p::after {
	right: 16vw;
	top: 37vw;
}

.accordion-item.accordion2_3 .case_txt p::after {
	right: 16vw;
	top: 37vw;
}

.accordion-item.accordion2_4 .case_txt p::after {
	right: 16vw;
	top: 37vw;
}


.ac_nav figure{
	width: 76.8vw;
	position: absolute;
	right: 9.3vw;
	top: auto;
	bottom: 0;
}

}

/*answer*/

.accordion-item{
	cursor: pointer;
}

.accordion-content{
	margin-bottom: 80px;
}

.answer_box{
		position: relative;
	padding-top: 56px;
}

.answer_box::before {
  content: '';
  display: block;
  width: 272px;
  height:55px;
  background-image: url("../images/pet_reform/top_answer.svg");
  background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	left: 51%;
	top: 0;
}

.answer_box::after {
	background: #f5f1e3;
	content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 55px;
  width: 100%;
  z-index: 1;
}

.answer_ttl {
	padding: 45px 0 0 58px;
	position: relative;
z-index: 2;
	text-align: left;
}

.answer_ttl strong{
	padding-top: 25px;
	width:320px;
	height: auto;
	display: inline-block;
	position: relative;
	text-align: center;
}

.answer_ttl img{
	width: 116px;
	height: auto;
}

.answer_ttl strong::before {
  content: '';
  display: inline-block;
  width: 66px;
  height:99px;
  background-image: url("../images/pet_reform/ttl_l_reform.svg");
  background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	left: 0;
	top: 0px;
}

.answer_ttl strong::after {
  content: '';
  display: inline-block;
  width: 70px;
  height:77px;
  background-image: url("../images/pet_reform/ttl_r_reform.svg");
  background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	right: 0;
	top: 0;
}



.answer_contents{
	width: 830px;
margin: 0 auto 70px auto;
position: relative;
z-index: 2;
	text-align: left;
	display: flex;
	justify-content: space-between;
}

.answer_txtbox{width:360px; }

.answer_name{font-size:36px;
font-family: "Zen Maru Gothic", serif;
  font-weight: 700;
  font-style: normal;
	line-height: 1.3;
margin-bottom: 30px;
	padding-top: 30px;
}

.answer_txt{
	font-size: 15px;
	line-height: 1.6;
}

.answer_img{
	width: 383px;
	padding-top: 20px;
}




.answer_reform{
	width: 960px;
margin: 0 auto 50px auto;
position: relative;
z-index: 2;
	text-align: left;
}


.reform_ttl{
	font-size: 36px;
font-family: "Zen Maru Gothic", serif;
  font-weight: 700;
  font-style: normal;
	line-height: 1.3;
	background: url("../images/pet_reform/ttl_osusume.svg") no-repeat;
	width: 415px;
	height: 68px;
	padding: 5px 0 0 55px;
	margin: 0 auto 30px auto;
	background-size: 100% auto;
	letter-spacing: 1px;
}

.reform_future{
	display: flex;
	justify-content: space-between;
}

.reform_box{width: 470px;
display: flex;
justify-content: space-between;}

.reform_txt{
	width: 220px;
}

.reform_name{
	font-size: 19px;
	line-height: 1.4;
	font-weight: 700;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: #644b00 1px solid;
}

.reform_name small{
	font-size: 16px;
}

.reform_stxt{
	font-size: 16px;
	line-height: 1.6;
}

.reform_img{
	width: 240px;
}
@media screen and (max-width: 768px) {

.accordion-item{
	cursor: pointer;
}

.accordion-content{
	margin-bottom: 80px;
}

.answer_box{
		position: relative;
	padding-top: 56px;
}

.answer_box::before {
  content: '';
  display: block;
  width: 72.53vw;
  height:14.66vw;
  background-image: url("../images/pet_reform/top_answer.svg");
  background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	left: 27%;
	top: 0;
}

.answer_box::after {
	background: #f5f1e3;
	content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 55px;
  width: 100%;
  z-index: 1;
}

.answer_ttl {
	padding: 45px 0 0 58px;
	position: relative;
z-index: 2;
	text-align: left;
}

.answer_ttl strong{
	padding-top: 25px;
	width:320px;
	height: auto;
	display: inline-block;
	position: relative;
	text-align: center;
}

.answer_ttl img{
	width: 30.9vw;
	height: auto;
}

.answer_ttl strong::before {
  content: '';
  display: inline-block;
  width: 66px;
  height:99px;
  background-image: url("../images/pet_reform/ttl_l_reform.svg");
  background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	left: 0;
	top: 0px;
}

.answer_ttl strong::after {
  content: '';
  display: inline-block;
  width: 70px;
  height:77px;
  background-image: url("../images/pet_reform/ttl_r_reform.svg");
  background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	right: 0;
	top: 0;
}



.answer_contents{
	width: auto;
margin: 0 auto 70px auto;
	padding: 0 4.8vw;
position: relative;
z-index: 2;
	text-align: left;
	display: block;
}

.answer_txtbox{width:auto; }

.answer_name{font-size:9.6vw;
font-family: "Zen Maru Gothic", serif;
  font-weight: 700;
  font-style: normal;
	line-height: 1.3;
margin-bottom: 30px;
	padding-top: 50px;
	padding-left: 10px;
}

.answer_txt{
	font-size: 4.2vw;
	line-height: 1.6;
}

.answer_img{
	width: auto;
	padding-top: 5vw;
}




.answer_reform{
	width: auto;
margin: 0 auto 50px auto;
position: relative;
z-index: 2;
	text-align: left;
}


.reform_ttl{
	font-size: 7.7vw;
font-family: "Zen Maru Gothic", serif;
  font-weight: 700;
  font-style: normal;
	line-height: 1.3;
	background: url("../images/pet_reform/ttl_osusume.svg") no-repeat;
	width: 89vw;
	height: 14.4vw;
	padding: 1vw 0 0 9vw;
	margin: 0 auto 30px auto;
	background-size: 100% auto;
	letter-spacing: 1px;
	box-sizing: border-box;
}

.reform_future{
	margin: 0 4.8vw;
	display: block;
	justify-content: space-between;
}

.reform_box{width: auto;
display: block;
justify-content: space-between;}

.reform_txt{
	width: auto;
	margin-bottom: 4vw;
}

.reform_name{
	font-size: 5.3vw;
	line-height: 1.4;
	font-weight: 700;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: #644b00 1px solid;
}

.reform_name small{
	font-size: 4.2vw;
}

.reform_stxt{
	font-size: 4.2vw;
	line-height: 1.6;
}

.reform_img{
	width: 64vw;
	margin: 0 auto 13vw auto;
}
}


/*works*/

.pet_ttl{
	width: 500px;
	margin: 0 auto 70px auto;}

.pet_ttl h2{
	margin-bottom: 20px;
}
.pet_ttl img{
	height: 52px;
	width: auto;
}

.pet_ttl p{
	font-size: 26px;
	font-weight: 700;
}

.btn_more{
	margin: 0 auto;
	width: 300px;
}

.btn_more a{
	background: #ebdfc8;
	border: #545259 1px solid;
	border-radius: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 85px;
	font-size: 20px;
	font-weight: 700;
	color: #545259;
	position: relative;
}

.btn_more a::after {
  content: '';
  display: inline-block;
  width: 25px;
  height: 7px;
  background-image: url("../images/pet_reform/cursor.svg");
  background-size: contain;
	margin-left: 30px;
}


.pet_works{
	margin-bottom: 200px;
background: #f8f7f2;
	padding: 7vw 0 2vw 0;
	box-sizing: border-box;
position: relative;
}

.pet_works::before {
  content: '';
  width: 100%;
  height: 7.75vw;
  background-image: url("../images/pet_reform/bg_works_top.svg") ;
  background-size: 100% auto;;
	background-repeat: no-repeat;
	position: absolute;
	top: -7.75vw;
	left: 0;
	z-index: -1;
}

.pet_works::after {
	content: '';
  width: 100%;
  height: 7.75vw;
  background-image: url("../images/pet_reform/bg_works_btm.svg") ;
  background-size: 100% auto;;
	background-repeat: no-repeat;
	background-position: center bottom;
	position: absolute;
	bottom: -7.75vw;
	left: 0;
	z-index: -1;
}

.pet_works .pet_ttl{
	background: url("../images/pet_reform/ttl_works_il.svg") no-repeat 0 10px;
	background-size: 144px auto;
}

.pet_works_list{
	width: 950px;
margin: 0 auto 80px auto;
display: flex;
justify-content: space-between;
	text-align: left;
	flex-wrap: wrap;
}


.pet_works_list::after {
  content: "";
  display: block;
  width: 290px;
	height: 0;
}

.pet_works_box{
	width: 290px;
}

.pet_works_box figure{
	margin-bottom: 20px;
}

.pet_works_box p{
	font-size: 14px;
	font-family: "Zen Maru Gothic", serif;
  font-weight: 700;
  font-style: normal;
}

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

.pet_ttl{
	width: 93vw;
	margin: 0 auto 14.6vw auto;
	box-sizing: border-box;}

.pet_ttl h2{
	margin-bottom: 5.3vw;
}
.pet_ttl img{
	height: 13vw;
	width: auto;
}

.pet_ttl p{
	font-size: 6.9vw;
	font-weight: 700;
}

.btn_more{
	margin: 0 auto;
	width: 80vw;
}

.btn_more a{
	background: #ebdfc8;
	border: #545259 1px solid;
	border-radius: 10.6vw;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 22.6vw;
	font-size: 5.3vw;
	font-weight: 700;
	color: #545259;
	position: relative;
}

.btn_more a::after {
  content: '';
  display: inline-block;
  width: 25px;
  height: 7px;
  background-image: url("../images/pet_reform/cursor.svg");
  background-size: contain;
	margin-left: 8vw;
}

	.pet_works{
	margin-bottom: 26vw;
background: #f8f7f2;
	padding: 18vw 0 16vw 0;
	box-sizing: border-box;
position: relative;
}

.pet_works::before {
  content: '';
  width: 100%;
  height: 7.75vw;
  background-image: url("../images/pet_reform/bg_works_top.svg") ;
  background-size: 100% auto;;
	background-repeat: no-repeat;
	position: absolute;
	top: -7.75vw;
	left: 0;
	z-index: -1;
}

.pet_works::after {
	content: '';
  width: 100%;
  height: 7.75vw;
  background-image: url("../images/pet_reform/bg_works_btm.svg") ;
  background-size: 100% auto;;
	background-repeat: no-repeat;
	background-position: center bottom;
	position: absolute;
	bottom: -7.75vw;
	left: 0;
	z-index: -1;
}

	
.petspbg{position: relative;}
.petspbg::after{
	content: '';
  display: inline-block;
  width: 147vw;
  height:128vw;
  background-image: url("../images/pet_reform/bg_dot.png");
  background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	left: 74vw;
	top: -66vw;
}

.pet_works .pet_ttl{
	background: url("../images/pet_reform/ttl_works_il.svg") no-repeat 0 10px;
	background-size: 38.4vw auto;
	padding-left: 34.4vw;
}

.pet_works_list{width: auto;
margin: 0 11vw 80px 11vw;
display: block;
justify-content: space-between;
	text-align: left;
}

.pet_works_box{
	width: auto;
	margin-bottom: 10vw;
}

.pet_works_box figure{
	margin-bottom: 6vw;
}

.pet_works_box p{
	font-size: 4vw;
}
}



/*voice*/


.pet_voice{
	margin-bottom: 100px;
	box-sizing: border-box;

}

.pet_voice .pet_ttl{
	width: 420px;
	padding-top: 10px;
	background: url("../images/pet_reform/ttl_voice_il.svg") no-repeat 0 0;
	background-size: 117px auto;
}

.pet_voice_list{width: 950px;
margin: 0 auto 80px auto;
display: flex;
justify-content: space-between;
	text-align: left;
	flex-wrap: wrap;
}

.pet_voice_list::after{
content: "";
    display: block;
    width: 290px;  /* .boxに指定したwidthと同じ幅を指定する */
    height: 0;
}

.pet_voice_box{
	width: 290px;
}

.pet_voice_box a{
	display: block;
}
.pet_voice_ttl{
	margin-bottom: 20px;
	background: url( "../images/pet_reform/bg_voice.svg") no-repeat;
	height: 128px;
	display: flex;
	justify-content: center;
	align-items: center;
		font-size: 16px;
	font-family: "Zen Maru Gothic", serif;
  font-weight: 700;
  font-style: normal;
	padding: 28px 20px 60px 20px;
	line-height: 1.6;
	box-sizing: border-box;
	text-align: center;
}

.pet_voice_txt{
	font-size: 14px;
	font-family: "Zen Maru Gothic", serif;
  font-weight: 400;
  font-style: normal;
}

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

.pet_voice{
	margin-bottom: 20vw;
	box-sizing: border-box;

}

.pet_voice .pet_ttl{
	width: 76vw;
	padding-top: 10px;
	background: url("../images/pet_reform/ttl_voice_il.svg") no-repeat 0 0;
	background-size: 31.2vw auto;
	padding-left: 34.4vw;
}

.pet_voice_list{
width: auto;
margin: 0 11vw 10vw 11vw;
display: block;
	text-align: left;
}

.pet_voice_box{
	width: auto;
	margin-bottom: 10vw;
}

.pet_voice_ttl{
	margin-bottom: 4vw;
	background: url( "../images/pet_reform/bg_voice.svg") no-repeat;
	height: 34.13vw;
	display: flex;
	justify-content: center;
	align-items: center;
		font-size: 4.8vw;
	padding: 3vw 5vw 11vw 5vw;
	line-height: 1.6;
	box-sizing: border-box;
	text-align: center;
}

.pet_voice_txt{
	font-size: 4vw;
}
}


/*news*/


.pet_news{
	margin-bottom: 100px;
	box-sizing: border-box;

}

.pet_news .pet_ttl{
	width: 420px;
	padding-top: 10px;
	background: url("../images/pet_reform/ttl_news_il.svg") no-repeat 0 0;
	background-size: 115px auto;
}

.pet_news_list{width: 950px;
margin: 0 auto 80px auto;
display: flex;
justify-content: space-between;
	text-align: left;
	flex-wrap: wrap;
}

.pet_news_list::after{
content: "";
    display: block;
    width: 290px;  /* .boxに指定したwidthと同じ幅を指定する */
    height: 0;
}

.pet_news_box{
	width: 290px;
}

.pet_news_box a{
	display: block;
}

.pet_news_box figure{
	margin-bottom: 20px;
}
.pet_news_ttl{
	margin-bottom: 10px;
		font-size: 16px;
	font-family: "Zen Maru Gothic", serif;
  font-weight: 700;
  font-style: normal;
	line-height: 1.6;
	box-sizing: border-box;
	text-align: left;
}

.pet_news_txt{
	font-size: 14px;
	font-family: "Zen Maru Gothic", serif;
  font-weight: 400;
  font-style: normal;
}

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

.pet_news{
	margin-bottom: 20vw;
	box-sizing: border-box;

}

.pet_news .pet_ttl{
	width: 72.2vw;
	padding-top: 10px;
	background: url("../images/pet_reform/ttl_news_il.svg") no-repeat 0 0;
	background-size: 30.4vw auto;
	padding-left: 34.4vw;
	padding-bottom: 3vw;
}

.pet_news_list{width: auto;
margin: 0 11vw 80px 11vw;
display: block;
	text-align: left;
}

.pet_news_box{
	width: auto;
	margin-bottom: 10vw;
}


.pet_news_box figure{
	margin-bottom: 4vw;
}
.pet_news_ttl{
	margin-bottom: 10px;
		font-size: 4.8vw;
	line-height: 1.6;
}

.pet_news_txt{
	font-size: 4vw;
	line-height: 1.5;
}
}


/*contact*/


.pet_contact{
	margin-bottom: 100px;
}

.pet_contact_list{
	display: flex;
min-width: 1200px;
	margin: 0 auto;
	justify-content: center;
}

.pet_contact_img{
	width: 593px;
	padding-left: 120px;
	position: relative;
	z-index: 2;
}

.pet_contact_box{
	width: 550px;
	background: url("../images/pet_reform/bg_dot.png") no-repeat left top;
	background-size: 554px auto;
	position: relative;
	margin-left: -30px;
	padding-top: 145px;
}

.pet_faq{
	width: 396px;
	padding-left: 90px;
	box-sizing: border-box;
	margin-bottom: 65px;
}

.pet_faq img{
	margin-bottom: 20px;
}

.btn_detail{
	margin: 0 auto;
	width: 300px;
}

.btn_detail a{
	background: #ebdfc8;
	border: #545259 1px solid;
	border-radius: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 85px;
	font-size: 20px;
	font-weight: 700;
	color: #545259;
	position: relative;
}

.btn_detail a::after {
  content: '';
  display: inline-block;
  width: 25px;
  height: 7px;
  background-image: url("../images/pet_reform/cursor.svg");
  background-size: contain;
	margin-left: 30px;
}


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

.pet_contact{
	margin-bottom: 20vw;
}

.pet_contact_list{
	display: block;
min-width: auto;
	margin: 0 auto;
	justify-content: center;
}

.pet_contact_img{
	width: auto;
	padding-left: 0;
	position: relative;
	z-index: 2;
	margin: 0 5.5vw;
}

.pet_contact_box{
	width: auto;
	background: url("../images/pet_reform/bg_dot.png") no-repeat center top;
	background-size: 600px auto;
	position: relative;
	margin-left: 0;
	padding-top: 38.66vw;
	margin-top: -21.33vw;
}

.pet_faq{
	width: auto;
	padding-left: 0;
	box-sizing: border-box;
	margin: 0 8vw 10vw 8vw;
}

.pet_faq img{
	margin-bottom: 5.3vw;
}

.btn_detail{
	margin: 0 auto;
	width: auto;
}

.btn_detail a{
	background: #ebdfc8;
	border: #545259 1px solid;
	border-radius: 10.6vw;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 22.6vw;
	font-size: 5.3vw;
	font-weight: 700;
	color: #545259;
	position: relative;
}

.btn_detail a::after {
  content: '';
  display: inline-block;
  width: 25px;
  height: 7px;
  background-image: url("../images/pet_reform/cursor.svg");
  background-size: contain;
	margin-left: 8vw;
}

}


/*お客様アンケート*/

.l_cs_top_inner {
 width: 950px;
 margin: 0 auto;
 display: flex;
 flex-wrap: wrap;
 justify-content: space-between;
}
.l_cs_top_inner:after {
 content: "";
 display: block;
 width: 290px; /* .boxに指定したwidthと同じ幅を指定する */
 height: 0;
}


.m_cs_top {
 width: 290px;
 background: #fff;
 padding: 20px;
 text-align: left;
 box-sizing: border-box;
 margin-bottom: 35px;
 border: #ECECEC 1px solid;
}
.m_cs_top a {
 display: block;
 background: url("../images/cs-survey/cursor.svg") no-repeat 96% 96%;
}
.m_cs_top a:hover {
 opacity: 0.6;
}
.m_cs_top_name {
 display: flex;
 justify-content: space-between;
 margin-bottom: 20px;
 align-items: center;
}
.m_cs_top_name figure {
 width: 70px;
	height: 70px;
}
.cs_usericon{
	width: 69px;
	height: 69px;
	display: block;
}
.cs_usericon1{
	background: url("../images/cs-survey/ic_men_1.svg") no-repeat 0 0;
	background-size: 69px auto;
}
.cs_usericon2{
	background: url("../images/cs-survey/ic_men_2.svg") no-repeat 0 0;
	background-size: 69px auto;
}
.cs_usericon3{
	background: url("../images/cs-survey/ic_men_3.svg") no-repeat 0 0;
	background-size: 69px auto;
}
.cs_usericon4{
	background: url("../images/cs-survey/ic_men_4.svg") no-repeat 0 0;
	background-size: 69px auto;
}
.cs_usericon5{
	background: url("../images/cs-survey/ic_women_1.svg") no-repeat 0 0;
	background-size: 69px auto;
}
.cs_usericon6{
	background: url("../images/cs-survey/ic_women_2.svg") no-repeat 0 0;
	background-size: 69px auto;
}
.cs_usericon7{
	background: url("../images/cs-survey/ic_women_3.svg") no-repeat 0 0;
	background-size: 69px auto;
}
.cs_usericon8{
	background: url("../images/cs-survey/ic_women_4.svg") no-repeat 0 0;
	background-size: 69px auto;
}











.m_cs_top_name p {
 width: 165px;
 font-size: 26px;
 font-weight: 700;
 color: #8F8A68;
 text-align: left;
}
.m_cs_ttl{
 font-size: 16px;
 line-height: 1.8;
 margin-bottom: 15px;
 display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 3; /* 制限したい行数が3の場合 */
 overflow: hidden;
}
.m_cs_txt {
 font-size: 16px;
 line-height: 1.8;
 margin-bottom: 30px;
 display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 4; /* 制限したい行数が3の場合 */
 overflow: hidden;
}
.m_cs_cat {
 background: #000;
 color: #fff;
 padding: 7px 10px 8px 10px;
 font-size: 15px;
 font-weight: 700;
 display: inline-block;
 line-height: 1;
}
.l_qa_list_cat .q-cat:after {
 width: 24%;
 content: "";
 display: block;
 height: 0;
}
.l_qa_list_cat .q-cat:before {
 width: 24%;
 content: "";
 display: block;
 height: 0;
 order: 1;
}
@media screen and (max-width: 767px) {
 .l_cs_top {
  background: #F7F7F7;
  padding: 50px 0;
 }
 .l_cs_top_inner {
  width: auto;
  margin: 0 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
 }
 .l_cs_top_inner:after {
  content: "";
  display: block;
  width: 44vw; /* .boxに指定したwidthと同じ幅を指定する */
  height: 0;
 }
 .m_cs_top {
  width: 44vw;
  background: #fff;
  padding: 4vw 4vw 3vw 4vw;
  text-align: left;
  box-sizing: border-box;
  margin-bottom: 4vw;
  border: #ECECEC 1px solid;
 }
 .m_cs_top a {
  padding-bottom: 10vw;
  display: block;
  background: url("../images/cs-survey/cursor.svg") no-repeat center 96%;
  text-align: center;
 }
 .m_cs_top a:hover {
  opacity: 1;
 }
 .m_cs_top_name {
  display: block;
  ;
  margin-bottom: 20px;
 }
 .m_cs_top_name figure {
  width: 70px;
		height: 70px;
  margin: 0 auto;
  margin-bottom: 15px;
 }
 .m_cs_top_name p {
  width: auto;
  text-align: center;
  font-size: 5vw;
  font-weight: 700;
  color: #8F8A68;
 }
		.m_cs_ttl{
 font-size: 16px;
 line-height: 1.8;
 margin-bottom: 15px;
 display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 3; /* 制限したい行数が3の場合 */
 overflow: hidden;
}
 .m_cs_txt {
  font-size: 16px;
  line-height: 1.8;
  margin-bottom: 30px;
  text-align: left;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4; /* 制限したい行数が3の場合 */
  overflow: hidden;
 }
 .m_cs_cat {
  background: #000;
  color: #fff;
  padding: 7px 10px 8px 10px;
  font-size: 10px;
  font-weight: 700;
  display: inline-block;
  line-height: 1;
 }
}