@charset "utf-8";

#Agreements {
    width: 90%;
    max-width:960px;
    margin: auto;
    padding: 200px 0 120px;
    color: var(--Color5);
}
#Agreements h2 {
    margin-bottom: 3vw;
    color: var(--Color4);
}
#Agreements h3,h4 {
    color: var(--Color4);
    margin-top: 2vw;
}
#Agreements p,
#Agreements ul li,
#Agreements ol li,
#Agreements table th,
#Agreements table td,
#Agreements table caption {
    font-size: 0.875rem;
}
#Agreements p {
    margin-top: .5em;
    text-indent: -1em;
    padding-left: 1em;
}
#Agreements ul,
#Agreements ol {
    margin: .5vw;
}
#Agreements ul li,
#Agreements ol li {
    text-indent: -1em;
    padding-left: 2em;
    padding-right: 1em;
}
#Agreements table {
    width: 75%;
    margin: 2vw auto;
}
#Agreements table th,
#Agreements table td {
    border: 1px solid var(--Color3);
    padding: .5em;
    vertical-align: middle;
}
#Agreements table caption {
    color: var(--Color4);
    text-align: left;
    margin-bottom: .25vw;
}
.second_list {
    margin: 0;
}
.table_first {
    margin: 2vw auto 0;
}
.table_ann {
    width: 75%;
    margin: auto;
}
.th_double {
    padding: 0;
}
.th_first {
    background: var(--Color4);
    color: var(--Color2);
}
.th_second {
    background: var(--Color5);
    color: var(--Color2);
}
#Agreements div.th_first,
#Agreements div.th_second {
    padding: .5em;
}
.td_center {
    text-align: center;
}



/* --------------------- */
/* 1280*/
/* --------------------- */
@media screen and (max-width: 1280px) {


}


/* --------------------- */
/* 1000 */
/* --------------------- */
@media screen and (max-width: 1000px) {

#Agreements {
    padding: 20vw 0 12vw;
}
#Agreements h2 {
    font-size: clamp(1.125rem, 0.711rem + 0.86vw, 1.25rem);
}
#Agreements h3,h4 {
    font-size: clamp(0.875rem, 0.461rem + 0.86vw, 1rem);
}
#Agreements p,
#Agreements ul li,
#Agreements ol li,
#Agreements table th,
#Agreements table td,
#Agreements table caption{
    font-size: clamp(0.75rem, 0.336rem + 0.86vw, 0.875rem);
}

}

/* --------------------- */
/* SP */
/* --------------------- */
@media screen and (max-width: 767px) {

#Agreements {
    padding: 26vw 0 16vw;
}
#Agreements h2 {
    font-size: clamp(1.125rem, 0.965rem + 0.85vw, 1.375rem);
}
#Agreements h3,h4 {
    font-size: clamp(0.875rem, 0.715rem + 0.85vw, 1.125rem);
}
#Agreements p,
#Agreements ul li,
#Agreements ol li,
#Agreements table th,
#Agreements table td,
#Agreements table caption {
    font-size: clamp(0.75rem, 0.59rem + 0.85vw, 1rem);
}
#Agreements table,
.table_ann {
    width: 100%;
}

}