/* BASIC css start */
#wrap {
    max-width: 1000px ! IMPORTANT;
}
#guide-p {
    width:100%; 
    font-size:0;
}
#guide-p h3 {
    font-size: var(--f-2);
    padding: 0 0 var(--p-1);
    border-bottom: 1px solid #000;
    font-weight: 400;
}

#guide-p .f-tab{
    border-bottom: 1px solid #000;
}
#guide-p .f-tab .title {
    width: 100%;
    padding: var(--p-1) var(--p-0);
    cursor: pointer;
    box-sizing: border-box;
    font-size: var(--f-1);
    line-height: 1;
    position: relative;
}
#guide-p .f-tab .title .icon {
    position: absolute;
    width: 12px;
    height: 12px;
    top: 50%;
    right: 10px;
    transform: translate(0, -50%);
}
#guide-p .f-tab .title .icon:after {
    content:" ";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(180deg);
    width: 100%;
    height: 1px;
    background: #000;
    transition: all 0.3s;
}
#guide-p .f-tab .title .icon:before {
    content:" ";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(90deg);
    width: 100%;
    height: 1px;
    background: #000;
    transition: all 0.3s;
}
#guide-p .f-tab.open .title .icon:after,
#guide-p .f-tab.open .title .icon:before {
    transform: translate(-50%, -50%) rotate(360deg);
}



#guide-p .f-tab .content-text-box {

    display:none;
    width:100%;
    border-top:1px solid #000;
}
#guide-p .f-tab .content-text-box span{
    font-size: var(--f-1);
    line-height: 1.5;
    padding: var(--p-1) var(--p-0);
    box-sizing: border-box;
    display:block;
    
}



#guide-p .f-tab-2{
    border-bottom: 1px solid #000;
}
#guide-p .f-tab-2:last-child {
    border:none;

}
#guide-p .f-tab-2 .title-2 {
    width: 100%;
    padding: var(--p-1) var(--p-0);
    cursor: pointer;
    box-sizing: border-box;
    font-size: var(--f-1);
    line-height: 1;
    position: relative;
}
#guide-p .f-tab-2 .title-2 .icon {
    position: absolute;
    width: 12px;
    height: 12px;
    top: 50%;
    right: 10px;
    transform: translate(0, -50%);
}
#guide-p .f-tab-2 .title-2 .icon:after {
    content:" ";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(180deg);
    width: 100%;
    height: 1px;
    background: #000;
    transition: all 0.3s;
}
#guide-p .f-tab-2 .title-2 .icon:before {
    content:" ";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(90deg);
    width: 100%;
    height: 1px;
    background: #000;
    transition: all 0.3s;
}
#guide-p .f-tab-2.open .title-2 .icon:after,
#guide-p .f-tab-2.open .title-2 .icon:before {
    transform: translate(-50%, -50%) rotate(360deg);
}



#guide-p .f-tab-2 .content-text-box-2 {

    display:none;
    width:100%;
    border-top:1px solid #000;
}
#guide-p .f-tab-2 .content-text-box-2 span{
    font-size: var(--f-1);
    line-height: 1.5;
    padding: var(--p-1) var(--p-0);
    box-sizing: border-box;
    display:block;
    
}
/* BASIC css end */