@charset "utf-8";

/* ==========================================
お悩みに寄り添います
========================================== */

.faq01-wrapper {
    padding: 18rem 0 0;
}

.faq01-inner {
    max-width: 125rem;
    width: 100%;
    padding: 0 1.5rem;
    margin: auto;
}

.faq01-text-area {
    margin: 5rem 0 0;
}

/* ==========================================
カテゴリ
========================================== */

.category-group {
    max-width: 79rem;
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 3rem;
    margin: 8rem auto 0;
}

 .category-btn {
    padding: 1.9rem 3rem;
    margin: auto;
}

.category-btn:before {
    max-width: 4rem;
    height: 4rem;
    transform: rotate(90deg) translateX(-50%);
    background-size: 1.6rem 0.3em;
    right: 1.5rem;
}

/* ==========================================
よくあるご質問
========================================== */

.faq02-wrapper {
    padding: 15rem 0 16rem;
}

.faq02-inner {
    max-width: 125rem;
    width: 100%;
    padding: 0 1.5rem;
    margin: auto;
}

.faq02-area:not(:first-child) {
    margin: 13rem 0 0;
}

.faq-group {
    margin: 4rem 0 0;
}

.faq-item:not(:first-child) {
    margin: 2rem 0 0;
}

.faq-question {
    padding: 2rem 4rem 0;
    cursor: pointer;
    transition: 0.3s;
}

.faq-question-box {
    display: flex;
    align-items: baseline;
    padding: 0 0 2rem;
}

.faq-question-icon {
    font-size: 1.5em;
    align-items: 1em;
}

.faq-question-text {
    flex: 1;
    margin: 0 0 0 2rem;
}

.faq-accordion-icon {
    display: block !important;
    position: relative;
    max-width: 1.5rem;
    width: 100%;
    height: 1.5rem;
    margin: 0 0 0 2rem;
}

.faq-accordion-icon:before,.faq-accordion-icon:after {
    content: "";
    display: block;
    margin: auto;
    width: 1.5rem;
    height: 0.1rem;
    background-color: var(--black);
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transition: .5s;
}

.faq-accordion-icon:before {
    transform: rotate(0deg);
}

.faq-accordion-icon:after {
    transform: rotate(90deg);
}

.faq-accordion-icon.is-active:before {
    display: none;
}

.faq-accordion-icon.is-active:after {
    top: 50%;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

.faq-question:hover {
    opacity: 0.6;
}

.faq-answer {
    display: none;
    padding: 0 4rem 2rem;
}

.faq-answer-box {
    padding: 2rem 0 0 3.5rem;
    border-top: solid 0.1rem var(--gray);
}

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (width <= 1920px) {



}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (width <= 1550px) {



}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (width <= 1024px) {


	
}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (width <= 768px) {

    /* ==========================================
    お悩みに寄り添います
    ========================================== */
    
    .faq01-wrapper {
        padding: 10rem 0 0;
    }
    
    .faq01-text-area {
        margin: 3rem 0 0;
    }
    
    /* ==========================================
    カテゴリ
    ========================================== */
    
    .category-group {
        gap: 2rem;
        margin: 4rem auto 0;
    }
    
    /* ==========================================
    よくあるご質問
    ========================================== */
    
    .faq02-wrapper {
        padding: 10rem 0;
    }
    
    .faq02-area:not(:first-child) {
        margin: 6rem 0 0;
    }
    
    .faq-group {
        margin: 3rem 0 0;
    }
    
    .faq-question {
        padding: 2rem 2rem 0;
    }
    
    .faq-answer {
        padding: 0 2rem 2rem;
    }
	
}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (width <= 576px) {

    /* ==========================================
    カテゴリ
    ========================================== */

    .category-group {
        grid-template-columns: repeat(1, 1fr);
    }

}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (width <= 414px) {



}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */