@charset "UTF-8";
/* CSS Document */
.sub_page_header .page_title>span span span:nth-child(7){
    padding-right: 0.5em;
}
.wrapper{
    width: min(80%,1200px);
    margin: 0 auto;
    padding-bottom: 16rem;
}
.wrapper .intro{
    font-size: clamp(14px,1.7rem,17px);
    margin-bottom: 5rem;
}
.wrapper .intro p:first-of-type{
    padding-bottom: 2rem;
}
.wrapper dl{
    margin-bottom: 5rem;
}
.wrapper dl:last-of-type{
    margin-bottom: 0;
}
.wrapper dl dt{
    font-size: clamp(14px,2rem,20px);
    font-weight: 600;
    padding-bottom: 10px;
    margin-bottom: 10px;
    position: relative;
}
.wrapper dl dt::before{
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    height: 1px;
    width: 100%;
    background-color: #DDDDDD;
}
.wrapper dl dt::after{
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    height: 1px;
    width: 15%;
    background-color: #F923B2;
}
.wrapper dl dd{
    font-size: clamp(14px,1.7rem,17px);
}
.wrapper .circle{
    margin-bottom: 2px;
    position: relative;
    padding-left: 1.2em;
}
.wrapper .circle:last-of-type{
    margin-bottom: 0;
}
.wrapper .circle::before{
    content: '';
    position: absolute;
    left: 0;
    top: 0.7em;
    width: 0.5em;
    height: 0.5em;
    border-radius: 50%;
    background-color: #F923B2;
}
.wrapper .space_bottom{
    margin-bottom: 10px;
}
.wrapper .second_circle{
    margin-bottom: 2px;
    position: relative;
    padding-left: 1.2em;
}
.wrapper .second_circle::before{
    content: '';
    position: absolute;
    left: 0;
    top: 0.7em;
    width: 0.5em;
    height: 0.5em;
    border-radius: 50%;
    background-color: #dddddd;
}


@media print, screen and (max-width: 768px){
    .sub_page_header .page_title>span {
        font-size: clamp(22px,7rem,48px);
    }
    .wrapper{
        width: 100%;
        padding: 0 6rem 16rem;
    }
    .wrapper .intro{
        margin-bottom: 6rem;
        font-size: clamp(14px,2.8rem,16px);
    }
    .wrapper dl dt{
        font-size: clamp(14px,3rem,17px);
        padding-bottom: 15px;
        margin-bottom: 15px;
    }
    .wrapper dl dd{
        font-size: clamp(14px,2.8rem,16px);
    }
    .wrapper .circle{
        margin-bottom: 10px;
    }
    .wrapper .circle::before,
    .wrapper .second_circle::before{
        top: 0.8em;
    }
    
}