section.terms_category{
    margin-bottom: 120px;
}

ol{
	counter-reset: listnum;
	list-style: none;
}

ol > li{
    font-size: 18px;
}

ol > li::before{
	counter-increment: listnum;
    content: counter(listnum) ".";
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 190%;
}


.terms_dog ol {
  counter-reset: my-counter;
}

.terms_dog ol > li{
    padding-left: 24px;
    position: relative;
    line-height: 1.5;
}

.terms_dog ol > li::before{
  counter-increment: my-counter;
  content: counter(my-counter);
  border: 1px solid;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 18px;
  width: 18px;
  font-size: 85%;
  line-height: 1;
  position: absolute;
  top: 5px;
  left: 0;
}

.text_box ul{
    padding-left: 20px;
}

.text_box ul li{
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 190%;
}

.terms_change_inner{
    margin-top: 100px;
    margin-bottom: 100px;
}

.terms_change .terms_change_inner{
    display: flex;
    gap: 30px;
}

.terms_change .terms_change_inner div{
    width: calc(50% - 15px);
    font-family: "Noto Serif JP", serif;
    font-weight: 600;
    font-size: 30px;
    line-height: 100%;
    letter-spacing: 1.8px;
    text-align: center;
    padding-bottom: 30px;
    color: #B8B8B8;
    border-bottom: solid 2px #B8B8B8;
    cursor: pointer;
}

.terms_change .terms_change_inner div.active{
    color: #004CA0;
    border-bottom: solid 2px #004CA0;
}

section.terms_category{
    display: none;
}

section.terms_category.active{
    display: block;
}


@media screen and (max-width:1190px){
    section.terms_category{
        margin-bottom: 80px;
    }
    .terms_change .terms_change_inner{
        margin-top: 60px;
        margin-bottom: 80px;
    }
    .terms_change .terms_change_inner div{
        font-size: 23px;
        padding-bottom: 20px;
    }
}

@media screen and (max-width:765px){
    section.terms_category{
        margin-bottom: 100px;
    }
    .terms_change .terms_change_inner{
        margin-top: 50px;
        margin-bottom: 120px;
    }
    .terms_change .terms_change_inner div{
        font-size: 16px;
    }
    .terms_dog ol > li::before{
        top: 3px;
    }
}


.text_box{
    margin-bottom: 60px;
}

.text_box .notice{
    margin-bottom: 80px;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 400;
    font-size: 22px;
    line-height: 190%;
    letter-spacing: 0%;
}

.text_box h3{
    font-family: "Noto Serif JP", serif;
    font-weight: 600;
    font-size: 24px;
    line-height: 100%;
    letter-spacing: 0%;
    margin-bottom: 30px;
}

.text_box p{
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 190%;
    margin-bottom: 60px;
}


@media screen and (max-width:1190px){
    .text_box .notice{
        font-size: 18px;
        margin-bottom: 80px;
    }
    .text_box h3{
        font-size: 20px;
    }
    ol > li,.text_box ul li{
        font-size: 16px;
    }
    .text_box {
        margin-bottom: 50px;
    }
    .text_box p{
        font-size: 16px;
    }
}

@media screen and (max-width:765px){
    .text_box .notice{
        font-size: 16px;
    }
    .text_box h3{
        font-size: 18px;
    }
    ol > li,.text_box ul li{
        font-size: 15px;
    }
    .text_box p{
        font-size: 15px;
    }
}