@charset "utf-8";

/* common */
input:-webkit-autofill {
    transition: background-color 5000s ease-in-out 0s !important;
}

/* title */
#sec_title{
    width: 100%;
    height: 278px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: no-repeat center top / cover url(../image/contact/contact_title_bg.png);
}
@media screen and (max-width: 768px){
    #sec_title{
        width: 100%;
        height: 278px;
    } 
    #sec_title .title img{
        width: 75%;
        margin: 0 auto;
    }
}

/* qa */
#sec_qa dl.qaitem {
    background: #ccc;
    width: 65vw;
    margin: 52px auto 0;
    padding: 1px;
}
#sec_qa dl.qaitem dt {
	position: relative;
	background:#fff;
	padding: 10px 45px 10px 25px;
	/* text-indent: -28px; */
	border-bottom: 1px solid #ccc;
    display: flex;
	color: #333;
	font-weight: bold;
	cursor: pointer;
	font-size: 16px;
    line-height: 2em;
	text-align:left;
	transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	-o-transition: .3s;
	-ms-transition: .3s;
}
#sec_qa dl.qaitem dt::before {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border: solid 6px transparent;
    border-top-color: transparent;
    border-top-style: solid;
    border-top-width: 6px;
    border-top: solid 8px #d1ac6c;
    top: 50%;
    right: 20px;
    margin-top: -5px;
    transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s;

}
#sec_qa dl.qaitem dt span {
	font-size:30px;
	font-weight:normal;
    color: #d1ac6c;
    padding-right: 13px;

}
#sec_qa dl.qaitem dt.open {
    color: #fff;
	background:#d1ac6c;
}
#sec_qa dl.qaitem dt.open::before {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border: solid 6px transparent;
    border-bottom-color: transparent;
    border-bottom-style: solid;
    border-bottom-width: 6px;
    border-bottom: solid 8px #fff;
    top: 50%;
    right: 20px;
    margin-top: -10px;
}
#sec_qa dl.qaitem dt.open span{
    color: #fff;
}
#sec_qa dl.qaitem dd {
    background: #FFF;
    padding: 10px 20px 20px;
    display: none;
	text-align:left;
    border-bottom: 1px solid #ccc;
	padding-left: 65px;
}
#sec_qa dl.qaitem dd .ans{
	padding-right:13px;

}
#sec_qa dl.qaitem dd span.ans{
    padding: 0;
    display: inline-block;
	font-size: 30px;
	position: relative;
	top: 4px;
    text-indent: -38px;
	color: #bebebe;
}
#sec_qa dl.qaitem dd ul.base_ul li{
    margin-left: 1.5em;
    list-style:disc;
}
#sec_qa dl.qaitem dt:last-of-type {
    border-bottom:none;
}
#sec_qa dl.qaitem dd:last-of-type {
    border-bottom:none;
}

@media screen and (max-width: 875px){
    #sec_qa dl.qaitem {
        width: 80vw;
}
}

@media screen and (max-width: 500px){
    #sec_qa dl.qaitem {
        width: 95vw;
}
}