@charset "UTF-8";

/* Question item
--------------------------*/
.accordion-title {
    border-bottom: 1px solid #707070;
}

.accordion-title:first-of-type {
    border-top: 1px solid #707070;
}

.accordion-header-title {
    padding: clamp(17.5px, 5.808px + 1.52vw, 35px) 0;
}

.accordion-header-title p {
    font-size: clamp(24px, 18.655px + 0.695vw, 32px);
    color: #00A0E9 ;
    width: fit-content;
    position: relative;
}

.accordion-header-title p .btn {
    width: clamp(8px, 4.183px + 1.018vw, 12px);
    position: absolute;
    transform-origin: center center;
    transition-duration: 0.2s;
    right: -30px;
    top: calc(50% - 9.195px);
}

.accordion-header-title:hover {
    cursor: pointer;
}

.accordion-header-title::-webkit-details-marker {
    display: none;
}

.accordion-item {
    width: 100%;
}

.accordion-item:last-of-type {
    border-bottom: initial;
}

.accordion-header-item{
    color: #00A0E9 ;
    width: 100%;
    position: relative;
    font-weight: bold;
}

.accordion-header-item .btn {
    position: absolute;
    transform-origin: center center;
    transition-duration: 0.2s;
    right: 0;
    top: calc(50% - 9.195px);
    display: flex;
}

.accordion-header-item::-webkit-details-marker {
    display: none;
}

.accordion-header-item:hover {
    cursor: pointer;
}

.accordion-content-item {
    padding-top: clamp(17.5px, 5.808px + 1.52vw, 35px);
    display: none;
}

.accordion-content-item p {
    line-height: 1.5;
    width: fit-content;
}

.accordion-content-title {
    display: none;
}

.accordion-content-title .link {
    display: inline-block;
    margin-left: 3.5px;
    margin-right: 3.5px;
    padding-bottom: 2.5px;
    border-bottom: 1px solid;
}

.accordion-content-title .link a {
    display: flex;
    width: fit-content;
    align-items: center;
}

.accordion-content-title .link a img {
    width: 20px;
    display: block;
    margin-left: 2.5px;
}

.accordion-content-title .min {
    font-size: clamp(16px, 14.667px + 0.174vw, 18px);
}

.accordion-content-item .link {
    display: inline-block;
    margin-left: 3.5px;
    margin-right: 3.5px;
    padding-bottom: 2.5px;
    border-bottom: 1px solid;
}

.accordion-content-item .link a {
    display: flex;
    width: fit-content;
    align-items: center;
}

.accordion-content-item .link a img {
    width: 20px;
    display: block;
    margin-left: 2.5px;
}

.accordion-content-item .min {
    font-size: clamp(16px, 14.667px + 0.174vw, 18px);
}

.is-active .btn {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

@media screen and (max-width: 768px) {
    .accordion-header-title {
        padding: clamp(17.5px, 5.808px + 1.52vw, 35px) 0;
    }

    .accordion-header-title p {
        line-height: 1.5;
    }

    .accordion-header-title p .btn {
        width: 10px;
        top: calc(50% - 6.5px);
    }

    .accordion-header-item p {
        line-height: 1.5;
    }

    .accordion-header-item p .btn {
        width: 10px;
        top: calc(50% - 6.5px);
        right: calc(clamp(17.5px, 0.802px + 4.453vw, 35px) * -1);
    }

    .accordion-content-title .link a img {
        width: clamp(12.5px, 0.573px + 3.181vw, 25px);
    }

}