@charset "utf-8";
/*
機　　能　　名：排水管高圧洗浄Q&A
作　　成　　日：2019/09/24
作　　成　　者：52WEB WORKS. 関本
更　　新　　日：

/* ***************************************
	faq
**************************************** */
@media screen and (min-width: 769px) {/* PC */
.main_ttl {
background:url(../images/faq/main_ttl_pc.png) center 0 no-repeat;
}
}
@media screen and (max-width: 768px) {/* SP */
.main_ttl {
background:url(../images/faq/main_ttl_sp.png) center center no-repeat;
background-size:auto 180px;
-webkit-background-size:auto 180px;
}
@media screen and (min-width: 480px) {/* Tablet iPad・mini */
.main_ttl {
background:url(../images/faq/main_ttl_pc.png) center 0 no-repeat;
background-size:auto 395px;
-webkit-background-size:auto 395px;
}
}
}

/* ***************************************
	common
**************************************** */
.faq_contents {
margin-bottom:0;
}
.faq_contents li {
border-bottom:1px solid #CCCCCC;
position:relative;
line-height:1.4;
}
.faq_contents li:after {
content:"";
position:absolute;
border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;
background:#737F85;
z-index:0;
}
.faq_contents li.open:after {
display:none;
}
.faq_contents li img {
position:absolute;
}
.faq_contents dt {
position:relative;
font-weight:bold;
}
.faq_contents li.open dt {
background:#8A0000;
color:#FFFFFF;
}
.faq_contents li dt:before,
.faq_contents li dt:after {
content:"";
position:absolute;
background:#FFFFFF;
z-index:1;
}
.faq_contents li.open dt:before {
border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;
}
.faq_contents li.open dt:after {
background:#8A0000;
}
.faq_contents li .icon_open {
display:none;
}
.faq_contents li.open dt img {
display:none;
}
.faq_contents li.open .icon_open {
display:block;
}
.faq_contents dd {
position:relative;
display:none;
}
@media screen and (min-width: 769px) {/* PC */
.faq_contents .bg_wrapper {
padding-bottom:100px;
}
.faq_contents ul {
width:900px;
margin:0 auto;
}
.faq_contents li:after {
top:20px;
right:20px;
width:36px;
height:36px;
}
.faq_contents li dt,
.faq_contents li dd {
padding:24px 76px 24px 84px;
xmin-height:41px;
}
.faq_contents dt {
font-size:20px;
}
.faq_contents dd {
font-size:18px;
padding-top:0;
}
.faq_contents .open dd {
padding-top:24px;
}
.faq_contents li dt:before {
right:38px;
top:28px;
width:1px;
height:18px;
}
.faq_contents li.open dt:before {
top:20px;
right:20px;
width:36px;
height:36px;
}
.faq_contents li dt:after {
right:29px;
top:37px;
width:18px;
height:1px;
}
.faq_contents li dt img {
top:50%;
left:16px;
margin-top:-20px;
}
.faq_contents li dd img {
top:0px;
left:16px;
}
.faq_contents .open dd img {
top:50%;
margin-top:-15px;
}
}
@media screen and (max-width: 768px) {/* SP */
.faq_contents .bg_wrapper {
padding-bottom:50px;
}
.faq_contents .m_txt {
background:#FFF;
padding:5%;
}
.faq_contents li:after {
top:50%;
right:10px;
width:19px;
height:19px;
margin-top:-9px;
}
.faq_contents li dt,
.faq_contents li dd {
padding:12px 38px 12px 42px;
min-height:21px;
}
.faq_contents dt {
xfont-size:16px;
}
.faq_contents dd {
font-size:12px;
padding-top:0;
}
.faq_contents .open dd {
padding-top:12px;
}
.faq_contents li dt:before {
right:19px;
top:50%;
width:1px;
height:9px;
margin-top:-4px;
}
.faq_contents li.open dt:before {
top:50%;
right:10px;
width:19px;
height:19px;
margin-top:-9px;
}
.faq_contents li dt:after {
right:15px;
top:50%;
width:9px;
height:1px;
xmargin-top:-9px;
}
.faq_contents li dt img {
top:50%;
left:8px;
width:26px;
margin-top:-10px;
}
.faq_contents li dd img {
top:0px;
left:8px;
width:26px;
}
.faq_contents .open dd img {
top:50%;
margin-top:-7px;
}
}