.faq_btns {
    margin: 40px 0;
  }
.faq_btns li {
    width: 24.1%;
    max-width: 315px;
  }
.faq_btns li a {
    font-size:clamp(14px, 1.2vw, 18px);
    font-weight: bold;
    color: #fff;
    background: var(--site-main-color);
    display: block;
    text-align: center;
    border: 2px solid var(--site-main-color);
    border-radius: 100px;
    padding: 19px 0 21px;
    position: relative;
    transition: 0.2s;
  }
.faq_btns li a::after {
    content: '';
    background: url(../img/common/icon_arrow_bottom_color-white.svg) no-repeat;
    background-size: contain;
    width: 17px;
    height: 11px;
    position: absolute;
    top: 45%;
    right: 8%;
    transition: 0.2s;
  }
.faq_btns li a:hover {
    background: #fff;
    color: var(--site-main-color);
  }
.faq_btns li a:hover::after {
    background: url(../img/common/icon_arrow_bottom_color-pink.svg) no-repeat;
    background-size: contain;
  }
.faq-content dl{
    margin-bottom:60px ;
}

.faq-content dt{
	background: #8da9d3;
	border-radius: 50px;
	font-size: 24px;
	padding: 15px;
}
.faq-content dd{
	padding:20px 15px;
	display: flex;
}
.faq-content dt::before{
	content: '';
	background: url(../img/top/icon-q.svg)no-repeat;
	background-size: contain;
	width: 42px;
	height:42px;
	display:inline-block;
	vertical-align: bottom;
	margin-right: 20px;
}
.faq-content dd::before{
	content: '';
	background: url(../img/top/icon-a.svg)no-repeat;
	background-size: contain;
	width: 100%;
	height:42px;
	max-width: 42px;
	display:inline-block;
	margin-right: 20px;
}
.faq-content .btn_border{
    margin-left: auto;
    margin: 0;
    margin-left: auto;
}
.faq-content .btn_border a{
    margin-left: 0;
    display: block;
}
#part4 .faq-content dl:last-child{
    margin-bottom: 0;
}

@media only screen and (max-width: 1024px) {
.faq-content dl{
    margin-bottom: 30px;
}
}

@media only screen and (max-width: 568px) {
    .faq_btns {
        flex-direction: column;
        gap: 4vw;
        margin: 30px 0;
    }
    .faq_btns li{
        width: 100%;
        max-width: 85%;
        margin: 0 auto;
    }
    .faq_btns li a{
        font-size: 17px;
        padding: 8px 0 10px;
    }
    .faq-content dt{
        border-radius: 17px;
        position: relative;
        font-size: 18px;
        padding: 10px 10px 10px 60px;

    }
    .faq-content dt::before{
        position: absolute;
        left: 15px;
        top: 50%;
        transform: translateY(-50%);
        width: 35px;
        height: 35px;
    }
    .faq-content dd{
        position: relative;
        padding: 10px 10px 10px 60px;
    }
    .faq-content dd::before{
        position: absolute;
        left: 15px;
        top: 7%;
        width: 35px;
        height: 35px;
    }
    .btn_border a{
        margin-top: 0;
    }
    
}