@charset "utf-8";

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

       アコーディオン

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

.inline-p { display: inline-block; padding:.5em 0 .5em 1em;}
.acordion {}
        .trigger {
        position: relative;
        display:block;
        cursor:pointer;
        padding:1.25rem 1.75rem;
        border-radius: 0;
        box-sizing: border-box;
        background: url("../images/parts/black.jpg") repeat;
        color:#FFF;
        overflow: hidden;
        text-align:left;
        -webkit-transition: all .5s ease;
        transition: all .5s ease;
        }
        .trigger:hover {
        opacity:.6;
        }
        .trigger-icon {
        position: relative;
        }
        .trigger-icon::after {
        content: '';
        display: block;
        position: absolute;
        top: 54%;
        right: 0;
        width: 8px;
        height: 8px;
        border: 0;
        border-bottom: solid 2px #FFF;
        border-right: solid 2px #FFF;
        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);
        }
        .trigger p { color:#444; line-height: 100%; font-weight:400; }

        .aco-content {
        height:0;
        padding: 2em 5%;
        box-sizing: border-box;
        border: 3px solid #857A6B;
        }
        .aco-content p { line-height: 160%; }
        .aco-content h4 { font-weight: 600 }

        @media screen and (max-width:767px) {
        .trigger { padding:1.25rem 1.5rem; }
        .trigger-icon::after { margin-left:7em; }
        }
        @media screen and (max-width:374px) {
        .trigger-icon::after { display: none; }
        }

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

       SP acordion

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

        .sp-trigger {
        position: relative;
        display:block;
        cursor:pointer;
        border-radius: 0px;
        background: rgb(192, 203, 17);
        background: linear-gradient(225deg, rgba(192, 203, 17, 1) 0%, rgba(145, 163, 29, 1) 100%);
        color:#FFF;
        box-sizing: border-box;
        text-align: center;
        padding:1em;
        overflow: hidden;
        -webkit-transition: all .5s ease;
        transition: all .5s ease;
        }
        .sp-trigger:hover {
        opacity:.5;
        }

        .sp-aco-content {
        margin-top:10px;
        display: none;
        height:0;
        padding: 1.25rem;
        box-sizing: border-box;
        border:none;
        line-height: 170%;
        background: rgb(22, 77, 131);
        background: linear-gradient(165deg, rgba(22, 77, 131, 1) 0%, rgba(72, 169, 196, 1) 100%);
        }
        @media screen and (max-width:1024px) {
        .sp-aco-content { padding: 1em; }
        }

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

       faq

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

        .faq-trigger p { line-height: 150%;}
        .faq-trigger {
        position: relative;
        color:#343332;
        box-sizing: border-box;
        overflow: initial;
        }
        .faq-trigger p { color:#343332; }
        .faq-trigger .trigger-icon::after { top:52%; right: 0; border-bottom: solid 2px #343332; border-right: solid 2px #343332;}
        .active-faq.faq-trigger .trigger-icon:after { top:62%; transform: rotate(-135deg); }
        .faq-trigger:after { display: none; }

        .faq-content {
        display: none;
        height:0;
        }