@charset "utf-8";
@import url(reset.css);
@import url(base.css);
@import url(common.css);
div.panel {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    border-top: none;
    padding: 0 20px 0;
    background: #600000;
}
div.panel p {
    padding: 20px;
    border-top: #4F0000 1px solid; */
}
div.panel .text {
    padding: 0px 50px 14px 70px;
}
button.accordion {
    background: #600000 url(../image/icon_q.jpg) 30px 21px no-repeat;
    border-bottom: none;
    color: #FFF;
    cursor: pointer;
    padding: 18px 60px 13px 70px;
    width: 100%;
    text-align: left;
    outline: none;
    font-weight: bold;
    font-size: 1.14em;
    /* transition: 0.4s; */
    position: relative;
    text-decoration: none;
    border-style: none;
    font-family: '游ゴシック', 'Yu Gothic', YuGothic, "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
}
button.accordion:hover{
    text-decoration: underline;
}
button.accordion:after {
    position: absolute;
    content: '';
    top: 19px;
    right: 28px;
    width: 16px;
    height: 16px;
    background:  url(../image/icon01.jpg) bottom no-repeat;
    color: #FFF;
    font-weight: bold;
    float: right;
    margin-left: 5px;
}

button.accordion.active:after {
    content: "";
    background:  url(../image/icon02.jpg) bottom no-repeat;
}
#faq{
    margin-bottom: 70px;
}
#faq dl{
    margin-bottom:30px;
}
#faq dl.last {
    margin-bottom: 70px;
}
#faq dl.none {
    margin-bottom: 0px;
}