/* -------------------------------
トグル
--------------------------------- */
.ui-toggle dt::-webkit-details-marker {
display: none;
}

.ui-toggle dt::before,
.ui-toggle dt::after{
position:absolute;
top:50%;
right:1rem;
content:"";
width:1.4rem;
height:2px;
background:var(--color-gray3);
transition:transform .3s ease, opacity .3s ease;
}

/* 横線 */
.ui-toggle dt::before{
transform:translateY(-50%);
}

/* 縦線 */
.ui-toggle dt::after{
transform:translateY(-50%) rotate(90deg);
}

/* OPEN時：＋ → − */
.ui-toggle dt.open::after{
transform:translateY(-50%) rotate(0deg);
opacity:0;
}

.ui-toggle dd{
display:none;
}


/* -------------------------------
基本デザイン
--------------------------------- */
.ui-toggle{
border-bottom:1px solid var(--color-line2);
}

.ui-toggle dt {
position: relative;
padding:2rem 4rem 2rem 0;
cursor: pointer;
font-family:"mincho", serif;
font-size: 1.7rem;
line-height:1.5;
font-weight: normal;
list-style: none;
}

.ui-toggle dd p{
color:var(--color-gray2);
padding:1rem 0 2rem 0;
font-size:1.4rem;
line-height:1.8;
}

.ui-toggle span{
display:block;
position:relative;
padding:0 0 1rem 1.3em;
}

.ui-toggle span::before{
content:"※";
position:absolute;
left:0;
top:0;
}

@container (max-width:1000px){
.ui-toggle dt {
padding:1rem 6rem 1rem 0;
}
}

@container (max-width:600px){
}