@charset "utf-8";

#mf1{
margin-bottom: 5%;
}

#mf1 ul{
display: flex;
flex-wrap: wrap;
margin: 0 -1% 3%;
}

#mf1 ul li{
border: solid 2px #D9D9D9;
border-radius: 5px;
padding: 5px 20px;
font-weight: bold;
margin: 1%;
}

#mf1 ul li.current-cat{
background-color: #f49c00;
}

#mf1 ul li.current-cat a{
color: #fff;
}

#mf1 ul li a{
text-decoration: none;
}

#mf1 dl{
margin: 0 0 30px 0;
padding: 15px;
border: solid 2px #D9D9D9;
border-radius: 5px;
}
#mf1 dt{
font-size: 1.5em;
font-weight: bold;
padding: 15px 0;
position: relative;
padding-right: 40px;
}

#mf1 dt:after{
content: "";
width: 27px;
height: 25px;
background: url("../img/faq/ic2.png") center center /cover no-repeat;
position: absolute;
right: 0;
top: 50%;
transform: translate(0,-50%);
transition: 0.2s;
}

#mf1 dt img{
width: 30px;
margin-right: 15px;
}

#mf1 dd img{
margin-right: 20px;
margin-left: 5px;
}

#mf1 dd p{
width: 95%;
display: inline-block;
}

#mf1 dt.op:after{
background: url("../img/faq/ic3.png") center center /cover no-repeat;
width: 27px;
height: 8px;
}
#mf1 dd{
display: none;
padding: 20px 0 20px 0;
position: relative;
}
#mf1 .op + dd{
display: block;
padding: 15px 0;
border-top: #000 dashed 1px;
}

/*
#mf1 dd:before{
content: "";
max-width: 45px;
max-height: 45px;
width: 6vw;
height: 6vw;
background: url("../img/faq/ic1.png") center center /cover no-repeat;
position: absolute;
left: 0;
top: 20px;
}
*/

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

.faqjtag{
display: block;
	position:relative;
	top:-150px;
}


#mf1{
padding: 0 5% 5%;
}

#mf1 dl{
margin: 0 0 5vw 0;
}

#mf1 dt{
font-size: 1.2em;
padding: 0 0 0 35px;
}


#mf1 dd{
padding: 2vw 0 2vw 8vw;
}


#mf1 .op + dd{
margin-top: 15px;
}

#mf1 dd:before{
top: 2vw;
}

#mf1 dt:after{
width: 20px;
height: 20px;
left: 0;
}

#mf1 dt.op:after{
width: 20px;
height: 5px;
}

#mf1 dt img{
display: none;
}

#mf1 dd img{
display: none;
}

#mf1 dd p{
width: auto;
}

}