@charset "utf-8";

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

       アコーディオン

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

.inline-p { display: inline-block; padding:.5em 0 .5em 1em;}
.acordion {}
        .trigger {
                position: relative;
                display:block;
                cursor:pointer;
                padding:0;
                box-sizing: border-box;
                background:#ebebeb;
                color:#222;
                font-weight: 500;
                overflow: hidden;
                text-align:left;
                padding: 2rem 2.5rem;
                border-radius: 5px;
                border: 1px solid rgba(0 0 0 / .3);
                -webkit-transition: all .5s ease;
                transition: all .5s ease;
                }
                .trigger.active-aco-content { border-radius:5px 5px 0 0 ; }
                .trigger:hover {
                opacity:.6;
                }
                .trigger-icon {
                font-size:27px;
                position: relative;
                }
                .trigger-icon::after {
                content: '';
                display: block;
                position: absolute;
                top: 54%;
                right: 0;
                width: 8px;
                height: 8px;
                border: 0;
                border-bottom: solid 2px #222;
                border-right: solid 2px #222;
                margin-top: -8px;
                transform: rotate(45deg);
                -webkit-transition: all .5s ease;
                transition: all .5s ease;
                }
                .active-aco-content .trigger-icon:after {
                top:70%;
                transform: rotate(-135deg);
                }

        .aco-content {
                height:0;
                padding: 2.5rem;
                border: 1px solid rgb(0 0 0 / .3);
                border-top:none;
                border-radius: 0 0 5px 5px;
                box-sizing: border-box;
                }
            @media screen and (max-width:1350px) {
            .trigger-icon { font-size:24px; }
            }
            @media screen and (max-width:1024px) {
            .trigger-icon { font-size:21px; }
            }
            @media screen and (max-width:767px) {
            .trigger { padding:1.5rem 2rem; }
            .trigger-icon { font-size:18px; }
            .aco-content { padding:1.5rem 1rem; }
            }