@charset "utf-8";

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

       アコーディオン

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

.inline-p { display: inline-block; padding:.5em 0 .5em 1em;}
.acordion {}
        .trigger {
                position: relative;
                display:block;
                cursor:pointer;
                padding: 0.5rem .25rem .5rem 35px;
                box-sizing: border-box;
                border-bottom:1px dotted #707070;
                overflow: hidden;
                margin-bottom: 1rem;
                }
                .trigger:after {
                content: '';
                display: block;
                position: absolute;
                top: 50%;
                -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
                left:0;
                width: 21px;
                height:21px;
                background: url("../images/parts/arrow.svg") center center / cover;
                -webkit-transition: all .3s ease;
                -moz-transition: all .3s ease;
                -ms-transition: all .3s ease;
                -o-transition: all .3s ease;
                transition: all .3s ease;
                }
                .active-aco-content .trigger-icon:after {
                top:65%;
                transform: rotate(-135deg);
                }

                @media screen and (max-width:1024px) {
                .trigger-icon { padding-left:40px;}
                .trigger-icon:before { width:28px; height:28px; }
                }
                @media screen and (max-width:767px) {
                .trigger-icon { padding-left:30px;}
                .trigger-icon:before { width:21px; height:21px; }
                }
                
                
                
                
                
                
                /*
                .trigger-icon:before, .trigger-icon:after {
                content: '';
                display: block;
                background-color: #707070;
                position: absolute;
                top: 50%;
                width: 15px;
                height: 1px;
                right: 15px;
                }
                .trigger-icon:after {
                transform: rotate(90deg);
                transition-duration: .3s;
                }
                .icon-arrow-bottom {
                -webkit-transition: all .3s ease;
                -moz-transition: all .3s ease;
                -ms-transition: all .3s ease;
                -o-transition: all .3s ease;
                transition: all .3s ease;
                }
                .active-aco-content .icon-arrow-bottom {
                -webkit-transform:rotate(180deg);
                transform:rotate(180deg);
                }
                .active-aco-content.trigger {
                background: rgba(0,0,0,.1);
                }
                .active-aco-content .trigger-icon:after {
                transform: rotate(0);
                }
                */
        .aco-content {
                padding: 2em 2rem;
                box-sizing: border-box;
                background: rgba(255,255,255,.4);
                border-radius: 8px;
                }
        @media screen and (max-width:767px) {

        }