@charset "utf-8";
/* CSS Document */
.accordion-001 {
    max-width: 800px;
	margin: 20px auto;
    background-color: #fff;
	border: solid 1px #D61518;
	border-radius: 30px;
	}

.accordion-001:not([open]) {
    margin-bottom: 0;
}

.accordion-001 summary {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    padding: 0.5em 2em;
    background-color: #D61518;
    color: #fff;
    font-size: clamp(18px, 2vw, 21px);
	font-weight: bold;
    cursor: pointer;
	border: solid 1px #D61518;
	border-radius: 30px;
}

.accordion-001 summary::-webkit-details-marker {
    display: none;
}

.accordion-001 summary::before{
	content: '';
position: absolute;
width: 3.5%;/*+、-の大きさ設定*/
height: 1px;
border-bottom: solid #fff;/*+、-の色設定*/
border-bottom-width: 0.3vw;/*+、-の太さ設定*/
margin: auto;
top: 0;
bottom: 0;
right: 6.2%;/*+、-の位置設定*/
transform: rotate(0deg);
transition: all .4s;
z-index: 5;
}

.accordion-001 summary::after {
 	content: '';
position: absolute;
width: 3.5%;/*+、-の大きさ設定*/
height: 1px;
border-bottom: solid #fff;/*+、-の色設定*/
border-bottom-width: 0.3vw;/*+、-の太さ設定*/
margin: auto;
top: 0;
bottom: 0;
right: 6.2%;/*+、-の位置設定*/
transform: rotate(90deg);
transition: all .4s;
z-index: 5;
}

.accordion-001[open] summary::before{
	transform: rotate(360deg);
transition: all .4s;
}

.accordion-001[open] summary::after {
    /*transform: rotate(225deg);*/
	transform: rotate(360deg);
transition: all .4s;
}

.accordion-001 div {
    transform: translateY(-10px);
    opacity: 0;
    margin: 0 auto;
    /*padding: 1em*/;
    transition: transform .5s, opacity .5s;
}

.accordion-001[open] div {
    transform: none;
    opacity: 1;
}

.accordion-001[open] summary {
    background-color: #D61518;   /* 開いたときの背景色 */
    color: #fff;           /* 開いたときの文字色 */
    border-color: #D61518;    /* 枠線の色を維持 */
	border-radius: 30px;
}

/* プラスアイコン（::before, ::after）の色も文字色に合わせたい場合 */
.accordion-001[open] summary::before,
.accordion-001[open] summary::after {
    border-bottom-color: #fff; /* 開いたときの矢印(＋/－)の色 */
}

.acco-ttl{
	background-color: #D61518;
    align-items: center;
    color: #fff;
    padding: .5rem 2rem;
    width: 95%;
    margin: 0 auto;
	border-radius: 60px;
	text-align: center;
	font-size: clamp(17px, 2vw, 21px);
}

.acco-sub{
	font-size: clamp(18px, 2vw, 24px);
	text-align: center;
}

.acd-content{
	padding: 30px 40px;
}