@charset "utf-8";

.common-title-box02 {
	gap: 15px;
}

/*body {
    background: url(/system_panel/uploads/images/bg01.jpg) repeat-y center top / auto;
}*/

.anchor-box .btn01 {
	max-width: 320px;
}

/*-----------------------------------------------------------
イントロ
-----------------------------------------------------------*/

.faq-item {
    border-bottom: 1px solid var(--border-primary);
}

.faq-item:nth-child(n+2) {
    /* margin: 40px 0 0 0; */
}

.faq-title-box, .answer-box {
    gap: 20px;
}

.faq-icon {
    font-size: clamp(20px, 17.573px + 0.647vw, 30px);
    font-family: var(--font-family01);
    font-weight: 400;
    line-height: 1.4;
}

.faq-title-box {
    display: flex;
    padding: 40px 0 25px 0;
    align-items: baseline;
	font-size: clamp(16px, 15.029px + 0.259vw, 20px);
}

.answer-box {
    display: flex;
    padding: 0 0 25px 0;
}

.faq-btn-area {
	gap: 20px;
}

/*-----------------------------------------------------------
アコーディオン
-----------------------------------------------------------*/

.accordion-btn {
    position: relative;
    cursor: pointer;
    transition: .3s;
}

.accordion-btn:hover {
    opacity: .5;
}

.accordion-content {
    display: none;
}

/*アコーディオンアイコン*/

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

.accordion-icon-item {
    position: absolute;
    margin: auto;
    width: 18px;
    height: 1px;
    background-color: var(--base-font-color);
    transition: .5s;
}

.accordion-icon-item:nth-child(1) {
    left: 0;
    right: 0;
    top: 50%;
    transform: rotate(0deg);
}

.accordion-icon-item:nth-child(2) {
    left: 0;
    right: 0;
    top: 50%;
    transform: rotate(90deg);
}

.accordion-icon.active > .accordion-icon-item:nth-child(1) {
    display: none;
}

.accordion-icon.active > .accordion-icon-item:nth-child(2) {
    top: 50%;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

/*-----------------------------------------------------------
管理画面
-----------------------------------------------------------*/

.gjs-dashed .accordion-content {
    display: block;
}


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

@media screen and (min-width:375px) {

}/* min-width: 375px ここまで */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

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

@media screen and (min-width:414px) {



}/* min-width: 414px ここまで */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

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

@media screen and (min-width:544px) {
  
.anchor-box {
    flex-direction: row;
    flex-wrap: wrap;
}

.faq-btn-area {
    flex-direction: row !important;
    flex-wrap: wrap;
	justify-content: center;
}
  
.faq-btn-area .tel-box01 {
    width: 100%;
    justify-content: center;
}

}/* min-width: 576px ここまで */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

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

@media screen and (min-width: 768px) {

	.common-title-box02 {
		gap: 40px;
	}
  
/*-----------------------------------------------------------
イントロ
-----------------------------------------------------------*/

.faq-intro-deco {
  	margin: 60px auto 0;
}
  
  
.faq-btn-area .tel-box01 {
    width: auto;
    justify-content: flex-start;
}

.faq-btn-area {
    justify-content: flex-start;
}

}/* min-width: 768px ここまで */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

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

@media screen and (min-width:992px) {


}/* min-width: 992px ここまで */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */


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

@media screen and (min-width: 1024px) {

  
/*-----------------------------------------------------------
faq
-----------------------------------------------------------*/

.faq-item:nth-child(n+2) {
    /* margin: 57px 0 0 0; */
}

.answer-box {
    padding: 0 0 40px 0;
}

.faq-title-box {
    padding: 57px 0 40px 0;
}

.faq-title-box, .answer-box {
    gap: 30px;
}

}/* min-width: 1024px ここまで */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

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

@media screen and (min-width:1200px) {



}/* min-width: 1200px ここまで */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */