@charset "utf-8";

    .accordion-container {
            position: relative;
            background: rgb(255 255 255 / .75);
            box-shadow:0 5px 10px rgb(0 0 0 / .1);
            z-index: 10;
            }

/*==================================================================================================

       アコーディオン

===================================================================================================*/

.inline-p { display: inline-block; padding:.5em 0 .5em 1em;}

    .trigger {
            position: relative;
            display:block;
            cursor:pointer;
            box-sizing: border-box;
            overflow: hidden;
            transition: all .3s ease;
            }
            .trigger-title {
            position: relative;
            padding:1rem 1.5rem;
            box-sizing: border-box;
            border:3px solid #2D1F18;
            font-size:1.2rem;
            }
            .trigger-title h2 { line-height: 135%; }
            .trigger-title h3 { line-height: 135%; }
            .trigger-title::before,
            .trigger-title::after {
            content: '';
            display: block;
            position: absolute;
            top: 50%;
            right: 1.5rem;
            width: 12px;
            height: 2px;
            background:#2D1F18;
            transition: all .3s ease;
            }
            .trigger-title::before{ rotate:0deg; }
            .trigger-title::after{ rotate:-90deg; }
            .active-trigger .trigger-title:before { rotate:45deg; }
            .active-trigger .trigger-title:after { rotate:-45deg; }

    .aco-content {
            height:auto;
            box-sizing: border-box;
            padding:80px;
            }
        @media screen and (max-width:1024px) {
        .aco-content { padding:50px; }
        }
        @media screen and (max-width:767px) {
        .aco-content { padding:2rem; }
        }



/*==================================================================================================

       faq

===================================================================================================*/



    .faq-trigger {
            position: relative;
            display:block;
            cursor:pointer;
            box-sizing: border-box;
            overflow: hidden;
            transition: all .3s ease;
            }
            .faq-title {
                position: relative;
                background: #EEEEED;
                padding: 1.25rem 1rem 1.25rem 3.5rem;
                box-sizing: border-box;
                margin-bottom: 0;
                font-size: 1rem;
                font-weight: 500;
                display: flex;
                align-items: center;
                justify-content: space-between;
                cursor: pointer;
                line-height: 135%;
                }
                .faq-title:before {
                content: "Q";
                font-weight: 400;
                position: absolute;
                color:#333;
                top: 50%;
                translate:0 -50%;
                left: 1.25rem;
                line-height: 100%;
                font-size: 1.8em;
                font-family: "Cormorant Infant", serif;
                }
                
                .summary-icon {
                    position: relative;
                    flex: none;
                    width: 12px;
                    height: 12px;
                    margin-left: 1rem;
                    display: grid;
                    place-items: center;
                    color: inherit;
                    rotate: 0deg;
                    transition: all .3s ease;
                    }
                    .summary-icon:before,
                    .summary-icon:after {
                    content: '';
                    display: block;
                    position: absolute;
                    top: 50%;
                    right: 0;
                    width: 12px;
                    height: 2px;
                    background:#444;
                    transition: all .3s ease;
                    }
                    .summary-icon:before{ rotate:0deg; }
                    .summary-icon:after{ rotate:-90deg; }
                    .active-faq-trigger .summary-icon:before { rotate:45deg; }
                    .active-faq-trigger .summary-icon:after { rotate:-45deg; }

    .faq-content {
            position: relative;
            height:auto;
            box-sizing: border-box;
            background: #FFF;
            z-index: 99999;
            }

            .faq-a {
            position: relative;
            font-size: 1rem;
            line-height: 150%;
            box-sizing: border-box;
            padding: 1.25rem 0 2rem 3.5rem;
            font-weight: 500;
            }
            .faq-a:before {
            content: "A";
            font-weight: 400;
            position: absolute;
            top: 1.125rem;
            left: 1.25rem;
            line-height: 100%;
            font-size: 1.8em;
            font-family: "Cormorant Infant", serif;
            opacity:.5;
            color:#666;
            }

        @media screen and (max-width:1024px) {
        .faq-title { padding:1rem 1.25rem 1rem 3.5rem; }
        .faq-a { padding: 1.25rem 0 0.25rem 3.5rem;}
        .faq-title:before { font-size: 1.5rem; margin-top:-.05em; }
        .faq-a:before { font-size: 1.5rem; top:1.1rem; }
        }

        @media screen and (max-width:767px) {
        .faq-title { padding:1rem 1.25rem 1rem 2.5rem; }
        .faq-a { padding: 1rem 0 0.25rem 2.5rem; }
        .faq-title:before { font-size: 1.25rem; margin-top:0; }
        .faq-a:before { font-size: 1.25rem; top:1.1rem; }
        }