@charset "utf-8";

/* 【PC】1440px〜1919px
コンテンツ幅：1200px
+最大幅1440px
左右margin：60px

【タブレット】768px〜1023px
コンテンツ幅：768px
左右margin：40px

【スマホ】≦767px
コンテンツ幅：390px
375 / 393 / 430px は左右パディングで調整。可変フレックスで文字折り返し確認を。
左右margin：10px~20px

ファーストビュー高の目安：
PC 750px ／ SP 600–650px */


/* main内共通____________________________________________________________ */
section h2 {
    padding-top: 40px;
}


/* よくあるご質問__________________________________________________ */
details {
    margin-bottom: 20px;
    line-height: 1.5;
}

details summary {
    position: relative;
    background-color: #F5F5F5;
    border: solid 1px #1D1D1F;
    padding: 20px 40px 20px 60px;
    list-style: none;
}

details summary::before {
    content: "Q";
    position: absolute;
    color: #fff;
    background-color: #1D1D1F;
    border-radius: 100px;
    width: 30px;
    height: 30px;
    display: inline-block;
    text-align: center;
    left: 14px;
    top: 18px;
    padding: 2px 0 0 0;
}

details summary::after {
    content: "";
    position: absolute;
    display: inline-block;
    width: 14px;
    height: 14px;
    border: 0;
    border-bottom: solid 1px #1D1D1F;
    border-right: solid 1px #1D1D1F;
    transform: rotate(45deg);
    right: 18px;
    top: 20px;
}

details span {
    border: solid 1px #1D1D1F;
    padding: 20px;
    display: block;
}