@charset "UTF-8";
/* ja */ 




/* contact-top_linkArea =========================== */
#contact .contact-top_linkArea{}


#contact .contact-top_linkArea ul.list_contact{
display: flex;
justify-content: space-between;
gap: 40px;
flex-wrap: wrap;
align-items: flex-start; /*画像の間延び禁止*/
}

.br_sp{
display: none;
}

@media screen and (max-width: 767px) {
.br_sp{
display: inline;
}
}/*767*/


/*  products / store =========================== */

#contact .contact-top_linkArea ul.list_contact .col2 {
width:calc((100% - 40px) / 2);
}

@media screen and (max-width: 767px) {
#contact .contact-top_linkArea ul.list_contact .col2 {
width:100%;
}
}/*767*/


#contact .contact-top_linkArea ul.list_contact .col1 {
width:100%;
}

#contact .contact-top_linkArea ul.list_contact .products,
#contact .contact-top_linkArea ul.list_contact .store{
border:2px solid #007A46;
background: #D8F0E4;
border-radius: 25px;
padding: 4rem;
}

#contact .contact-top_linkArea ul.list_contact .products .h3,
#contact .contact-top_linkArea ul.list_contact .store .h3{
text-align: center;
}
#contact .contact-top_linkArea ul.list_contact .products .h3{
background-image: url(/ja/contact/img/index/ico_dentifrice.svg), url(/ja/contact/img/index/ico_pet.svg);
background-repeat: no-repeat;
background-position: left center,right center;
height: 8.5rem;
margin-bottom: 1.5em;
}
#contact .contact-top_linkArea ul.list_contact .store .h3{
background-image: url(/ja/contact/img/index/ico_home_2.svg), url(/ja/contact/img/index/ico_home_3.svg);
background-repeat: no-repeat;
background-position: left center,right center;
height: 8.5rem;
background-size: contain;
margin-bottom: 1.5em;
}

#contact .contact-top_linkArea ul.list_contact .products .h3 p,
#contact .contact-top_linkArea ul.list_contact .store .h3 p{
font-size: 3.6rem;
font-weight: 700;
color:#007A46;
padding-top: 1.5rem;
}


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

#contact .contact-top_linkArea ul.list_contact .products,
#contact .contact-top_linkArea ul.list_contact .store{
border-radius: 4vw;
padding:5.333vw;
}

#contact .contact-top_linkArea ul.list_contact .products .h3{
height:13.333vw;
}
#contact .contact-top_linkArea ul.list_contact .store .h3{
height:13.333vw;
}

#contact .contact-top_linkArea ul.list_contact .products .h3 p,
#contact .contact-top_linkArea ul.list_contact .store .h3 p{
font-size:6.4vw;
padding-top:0.4vw;
}

}/*767*/


/* btn ===================== */
#contact .contact-top_linkArea ul.list_contact .col2 ul.btn{
display: flex;
flex-direction:  column;
gap: 20px;
margin-top: 3rem;
}

#contact .contact-top_linkArea ul.list_contact .col2 ul.btn>li{
width:100%;
}
#contact .contact-top_linkArea ul.list_contact .col2 ul.btn>li>a{
display: block;
border:2px solid #007A46;
background: #FFFFFF;
border-radius: 2rem;
padding: 1.5rem 1rem;
box-shadow:0 3px 0 rgba(0,0,0,.1);
display: flex;
justify-content:space-between;
align-items: center;
}
#contact .contact-top_linkArea ul.list_contact .col2 ul.btn>li>a>p{
font-size: 2.6rem;
font-weight: 700;
text-align: center;
color:#007A46;
width:calc(100% - 20px);
padding-left: 20px;

}

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

#contact .contact-top_linkArea ul.list_contact .col2 ul.btn{
flex-direction:  column;
gap:5.333vw;
margin-top:8vw;
}

#contact .contact-top_linkArea ul.list_contact .col2 ul.btn>li{
width:100%;
}

#contact .contact-top_linkArea ul.list_contact .col2 ul.btn>li>a{
border-radius:1.2rem;
padding:2.667vw;
}

#contact .contact-top_linkArea ul.list_contact .col2 ul.btn>li>a>p{
font-size:4.8vw;
padding-left: 20px;
}

}/*767*/
 

#contact .contact-top_linkArea ul.list_contact .col2 ul.btn>li>a i,
#contact .accordion-content ul.list_qa li>a i{
	position: relative;
	display: block;
	width: 20px;
	height: 20px;
	border: 1px solid #007a46;
	background-color: #fff;
	border-radius: 50%;
	transition: 0.5s;
}

#contact .contact-top_linkArea ul.list_contact .col2 ul.btn>li>a i::after,
#contact .accordion-content ul.list_qa li>a i::after{
	content: "";
	position: absolute;
	display: block;
	background-image: url(/ja/assets/img/all/ico_link-green.svg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	top: 0;
	bottom: 0;
	left: 1px;
	right: 0;
	margin: auto;
	transition: 0.5s;
	width: 6px;
	height: 9px;
}

#contact .contact-top_linkArea ul.list_contact .col2 ul.btn>li>a[target="_blank"] i::after,
#contact .accordion-content ul.list_qa li>a[target="_blank"] i::after{
	background-image: url(/ja/assets/img/all/ico_blank.svg);
	width: 8px;
	height: 8px;
	left: 0;
}

#contact .contact-top_linkArea ul.list_contact .col2 ul.btn>li>a:hover i,
#contact .accordion-content ul.list_qa li>a:hover i{
	background-color: #007a46;
	border: 1px solid #007a46;
}

#contact .contact-top_linkArea ul.list_contact .col2 ul.btn>li>a:hover i::after,
#contact .accordion-content ul.list_qa li>a:hover i::after{
	background-image: url(/ja/assets/img/all/ico_link-white.svg);
}

#contact .contact-top_linkArea ul.list_contact .col2 ul.btn>li>a:hover[target="_blank"] i::after,
#contact .accordion-content ul.list_qa li>a:hover[target="_blank"] i::after{
	background-image: url(/ja/assets/img/all/ico_blank-white.svg);
}




/* campaign =========================== */

#contact .contact-top_linkArea ul.list_contact .campaign a{
border:2px solid #007A46;
border-radius: 25px;
display: flex;
justify-content:space-between;
align-items: center;
background: #fff;
padding: 2.5rem 2rem;
background-image: url(/ja/contact/img/index/img_6.png);
background-repeat: no-repeat;
background-position: left 20px center;
background-size: 100px;
padding-left: 17rem;
}

#contact .contact-top_linkArea ul.list_contact .campaign .h3,
#contact .contact-top_linkArea ul.list_contact .accident_qa .h3{
font-size: 2.6rem;
font-weight: 700;
color: #007A46;
}
#contact .contact-top_linkArea ul.list_contact .campaign .h3>span{
font-size: 2.2rem;
font-weight: 400;
margin-left: .5em;
}
#contact .contact-top_linkArea ul.list_contact .txt{
font-size: 1.8rem;
font-weight: 500;
margin-top: .5em;
}

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

#contact .contact-top_linkArea ul.list_contact .campaign a{

border-radius:4vw;
display: flex;
justify-content:space-between;
align-items: center;
background: #fff;
padding:4.8vw;
background-image: url(/ja/contact/img/index/img_6.png);
background-position: left 10px top 30px;
background-repeat: no-repeat;
background-size: 13.333vw;
padding-left:5.333vw;
padding-right:3vw;
}
#contact .contact-top_linkArea ul.list_contact .campaign a>div{
width:calc(100% - 30px);
}
#contact .contact-top_linkArea ul.list_contact .campaign .h3,
#contact .contact-top_linkArea ul.list_contact .accident_qa .h3{
font-size: 5.6vw;
padding-left:14vw;
}
#contact .contact-top_linkArea ul.list_contact .campaign .h3>span{
font-size:4vw;
}
#contact .contact-top_linkArea ul.list_contact .txt{
font-size:4.267vw;
}

}/*767*/



/* ======================== */
#contact .contact-top_linkArea ul.list_contact .campaign a i,
#contact .contact-top_linkArea ul.list_contact .accident_qa a i,
#contact ul.list_choice>li>a i,
#contact ul.list_communication>li>a .txt i{
	position: relative;
	display: block;
	width: 32px;
	height: 32px;
	border: 2px solid #007a46;
	background-color: #fff;
	border-radius: 50%;
	transition: 0.5s;
}
#contact .contact-top_linkArea ul.list_contact .campaign a i::after,
#contact .contact-top_linkArea ul.list_contact .accident_qa a i::after,
#contact ul.list_choice>li>a i::after,
#contact ul.list_communication>li>a .txt i::after{
	content: "";
	position: absolute;
	display: block;
	background-image: url(/ja/assets/img/all/ico_link-green.svg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	top: 0;
	bottom: 0;
	left: 1px;
	right: 0;
	margin: auto;
	transition: 0.5s;
	width: 8px;
	height: 12px;
}
#contact .contact-top_linkArea ul.list_contact .campaign a[target="_blank"] i::after,
#contact .contact-top_linkArea ul.list_contact .accident_qa a[target="_blank"] i::after,
#contact ul.list_choice>li>a[target="_blank"] i::after{
	background-image: url(/ja/assets/img/all/ico_blank.svg);
	width: 12px;
	height: 12px;
	left: 0;
}
#contact .contact-top_linkArea ul.list_contact .campaign a:hover i,
#contact .contact-top_linkArea ul.list_contact .accident_qa a:hover i,
#contact ul.list_choice>li>a:hover i,
#contact ul.list_communication>li>a:hover .txt i{
	background-color: #007a46;
	border: 2px solid #007a46;
}
#contact .contact-top_linkArea ul.list_contact .campaign a:hover i::after,
#contact .contact-top_linkArea ul.list_contact .accident_qa a:hover i::after,
#contact ul.list_choice>li>a:hover i::after,
#contact ul.list_communication>li>a:hover .txt i::after{
	background-image: url(/ja/assets/img/all/ico_link-white.svg);
}
#contact .contact-top_linkArea ul.list_contact .campaign a:hover[target="_blank"] i::after,
#contact .contact-top_linkArea ul.list_contact .accident_qa a:hover[target="_blank"] i::after,
#contact ul.list_choice>li>a:hover[target="_blank"] i::after{
	background-image: url(/ja/assets/img/all/ico_blank-white.svg);
}

@media screen and (max-width: 767px) {
#contact .contact-top_linkArea ul.list_contact .campaign a i,
#contact .contact-top_linkArea ul.list_contact .accident_qa a i,
#contact ul.list_choice>li>a i,
#contact ul.list_communication>li>a .txt i{
	width: 20px;
	height: 20px;
	border: 1px solid #007a46;
}
#contact .contact-top_linkArea ul.list_contact .campaign a i::after,
#contact .contact-top_linkArea ul.list_contact .accident_qa a i::after,
#contact ul.list_choice>li>a i::after,
#contact ul.list_communication>li>a .txt i::after{
	width: 6px;
	height: 9px;
}
#contact .contact-top_linkArea ul.list_contact .campaign a[target="_blank"] i::after {
	background-image: url(/ja/assets/img/all/ico_blank.svg);
	width: 9px;
	height: 9px;
}
#contact .contact-top_linkArea ul.list_contact .campaign a:hover i,
#contact .contact-top_linkArea ul.list_contact .accident_qa a:hover i,
#contact ul.list_choice>li>a:hover i,
#contact ul.list_communication>li>a:hover .txt i{
	border: 1px solid #007a46;
}

}/*767*/


/* accident_qa =========================== */

#contact .contact-top_linkArea ul.list_contact .accident_qa{
border:2px solid #007A46;
background: #EBF7F1;
border-radius: 25px;
padding: 4rem;
}
#contact .contact-top_linkArea ul.list_contact .accident_qa .h3,
#contact .contact-top_linkArea ul.list_contact .accident_qa .txt{
text-align: center;
}

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

#contact .contact-top_linkArea ul.list_contact .accident_qa{
border-radius: 4vw;
padding:5.333vw;
}
#contact .contact-top_linkArea ul.list_contact .accident_qa .h3{
padding-left: 0;
}
}/*767*/



#contact .contact-top_linkArea ul.list_contact .accident_qa .btn{
display: flex;
justify-content: space-between;
gap: 30px;
margin-top: 3rem;
}
#contact .contact-top_linkArea ul.list_contact .accident_qa .btn>li{
width:calc((100% - 30px) / 2);
}
#contact .contact-top_linkArea ul.list_contact .accident_qa .btn>li>a{
border:2px solid #007A46;
background: #FFFFFF;
border-radius: 2rem;
padding: 2.5rem 1.5rem;
box-shadow:0 3px 0 rgba(0,0,0,.1);
display: flex;
justify-content:space-between;
align-items: center;
background-image: url(/ja/contact/img/index/img_4.png);
background-repeat: no-repeat;
background-position: left 20px center;
background-size: 100px;
padding-left: 14rem;
}
#contact .contact-top_linkArea ul.list_contact .accident_qa .btn>li.eye>a{
background-image: url(/ja/contact/img/index/img_5.png);
}

#contact .contact-top_linkArea ul.list_contact .accident_qa .btn>li>a>p{
font-size: 2.6rem;
font-weight: 700;
text-align: left;
color:#007A46;
width:calc(100% - 20px);
}


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

#contact .contact-top_linkArea ul.list_contact .accident_qa .btn{
flex-direction:  column;
gap:5.333vw;
}
#contact .contact-top_linkArea ul.list_contact .accident_qa .btn>li{
width:100%;
}
#contact .contact-top_linkArea ul.list_contact .accident_qa .btn>li>a{
border-radius:4vw;
padding: 2.667vw;
display: flex;
justify-content:space-between;
align-items: center;
background-image: url(/ja/contact/img/index/img_4.png);
background-repeat: no-repeat;
background-position: left 10px center;
background-size:13.333vw;
padding-left:18.5vw;
}
#contact .contact-top_linkArea ul.list_contact .accident_qa .btn>li>a>p{
font-size:4.8vw;
}

}/*767*/



/* list_choice ==================== */
#contact ul.list_choice{
display: grid;
grid-template-columns: 1fr;
gap: 30px;
}

#contact ul.list_choice>li>a{
border:2px solid #007A46;
background: #FFFFFF;
border-radius: 2rem;
padding: 2.5rem 1.5rem;
box-shadow:0 3px 0 rgba(0,0,0,.1);
display: flex;
justify-content:space-between;
align-items: center;
background-image: url(/ja/contact/img/index/img_7.png);
background-repeat: no-repeat;
background-position: left 20px center;
background-size: 100px;
padding-left: 14rem;
min-height: 140px;
}
#contact ul.list_choice>li.pets>a{
background-image: url(/ja/contact/img/index/img_8.png);
}
#contact ul.list_choice>li>a .h3{
font-size: 2.6rem;
font-weight: 700;
color: #007A46;
}


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

#contact ul.list_choice{
gap:5.333vw;
}

#contact ul.list_choice>li>a{
border:2px solid #007A46;
background: #FFFFFF;
border-radius: 2rem;
padding: 2.5rem 1.5rem;
box-shadow:0 3px 0 rgba(0,0,0,.1);
display: flex;
justify-content:space-between;
align-items: center;
background-image: url(/ja/contact/img/index/img_7.png);
background-repeat: no-repeat;
background-position: left 10px center;
background-size:13.333vw;
padding-left: 18.5vw;
min-height: inherit;
}

#contact ul.list_choice>li>a .h3{
font-size:4.8vw;
}

}/*767*/



/* accordion-content ================= */

#contact .mod-container .mod-accordion-wrapper .accordion-head{
background-image: url(/ja/contact/img/index/img_11.svg);
background-repeat: no-repeat;
background-position: left 20px center;
background-size:44px;
}
#contact .mod-container .mod-accordion-wrapper .accordion-head.documents{
background-image: url(/ja/contact/img/index/img_12.svg);
}
#contact .mod-container .mod-accordion-wrapper .accordion-head.affiliated{
background-image: url(/ja/contact/img/index/img_13.svg);
}
#contact .mod-container .mod-accordion-wrapper .accordion-head.links{
background-image: url(/ja/contact/img/index/img_14.svg);
}

#contact .mod-container .mod-accordion-wrapper .accordion-head p.main.question{
color: #007A46;
padding-left:55px;
}

#contact  .mod-container .mod-accordion-wrapper[area-expanded="false"]:hover .accordion-head p{
color: #fff;
}

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

#contact  .mod-container .mod-accordion-wrapper[area-expanded="false"]:hover .accordion-head p{
color: #000;
}

}/*767*/





/* list_qa ====================== */
#contact .accordion-content ul.list_qa{
margin-top: .5em;
border-top:1px dashed #000;
}
#contact .accordion-content ul.list_qa li{

border-bottom:1px dashed #000;
}

#contact .accordion-content ul.list_qa li>a{
padding: 1.5rem .5rem;
display: flex;
justify-content:space-between;
align-items: center;
}
#contact .accordion-content ul.list_qa li>a:hover p{
color: #007A46;
}

#contact .accordion-content ul.list_qa li>a p{
color: #000;
}