hr {
    width: calc(90% - 0px);
    height: 10px;
    background: url('../img/otona/line.svg');
    background-size: 40px 10px;
    border: 0px;
    margin: 30px auto 40px auto;
    
}

.section-1, .section-2, .section-3, .section-4 {
    width: 98%;
    margin: 0 auto;
}

.section-1-title-box, .section-2-title-box, .section-3-title-box, .section-4-title-box {
    margin: 0px 0px 20px 0px;
}

.section-1-title-box h3, .section-2-title-box h3, .section-3-title-box h3, .section-4-title-box h3 {
    margin: auto 0;
    font-size: 1.5em;
    margin-top: 5px;
    margin-left: 5px;
    color: #0081CC;
}

.circle {
    margin: auto 0; /* これがデフォルト値です */
}

p{
    line-height: 24px;
}

.circle {
    
    width: 15px;  /* 円の直径 */
    height: 15px;  /* 円の直径 */
    border-radius: 50%;  /* 円形にする */
    border: 6px solid #0081CC;  /* 太い境界線を作る */
}

/*

*/
.section-1-tab-box, .section-2-tab-box {
    display: flex;
    flex-direction: column;
}

.section-1-tab-content > div.section-1-title, .section-2-tab-content > div.section-2-title {
    position: relative;
    width: 300px;
    left: -3px;
    top: -47px;
}

.section-1-tab-content, .section-2-tab-content {
    border: 2px solid #64C0AB;
    width: 100%;
    height: auto;
    border-radius: 0 20px 20px 20px;
    margin: 0 auto;
    margin-top: 50px;
    background-color: #fff;
}

.section-1-tab-content {
    border: 2px solid #64C0AB;
}

.section-2-tab-content {
    border: 2px solid #8D93C8;
}

.tab1-img, .tab2-img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.section-1-tab-content span, .section-2-tab-content span  {
    color: #000;
    font-size: 1.2em;
}

.section-1-title > span, .section-2-title > span {
    position: absolute;
    top: 10px;
    left: 20px;
    z-index: 2;
    color: #fff;
}

/*

*/
.section-2 {
    margin-top: 100px;
}

/*

*/
.section-1-content, .section-2-content {
    width: 100%;
    margin: 50px auto;
}

table {
	width: 95%;
    margin: 0 auto;
    border-collapse: collapse;
}

th {
    width: 30%;
    color: #fff;
}

th, td {
	padding: 1.0rem;
}

td {
    background-color: #fff;
}



/*
テーブルタイトル
*/
div.section-1-content > div {
    width: 90%;
    margin: 40px auto 0px auto;
}

div.section-1-content > div > span {
    font-weight: bold;
    font-size: 1.2em;
}

table.table-info-g  tr:nth-child(1) th {
    border-top: 2px solid #64C0AB;
    background-color: #64C0AB;
}

table.table-info-g  tr:nth-child(1) td {
    border-top: 1px solid #64C0AB;
    border-bottom: 1px solid #64C0AB;
}

.section-1-tab-content table.table-info-g tr th {
    border-top: 2px solid #64C0AB;
    background-color: #64C0AB;
}

table.table-info-g tr:nth-child(6) th {
    border-bottom: 1px solid #64C0AB;
    background-color: #64C0AB;
}

table.table-info-g tr:nth-child(2) th,
table.table-info-g tr:nth-child(3) th,
table.table-info-g tr:nth-child(4) th,
table.table-info-g tr:nth-child(5) th {
    border-bottom: 1px solid #fff;
    background-color: #64C0AB;
}

table.table-info-g tr:nth-child(2) th,
table.table-info-g tr:nth-child(3) th,
table.table-info-g tr:nth-child(4) th,
table.table-info-g tr:nth-child(5) th,
table.table-info-g tr:nth-child(6) th {
    border-top: 1px solid #fff;
}

table.table-info-g tr:nth-child(5) th {
    border-bottom: 1px solid #64C0AB;
}

table.table-info-g tr:nth-child(2) td,
table.table-info-g tr:nth-child(3) td,
table.table-info-g tr:nth-child(4) td,
table.table-info-g tr:nth-child(5) td,
table.table-info-g tr:nth-child(6) td {
    border-bottom: 1px solid #64C0AB;
}


table.table-info-g tr:nth-child(2) td,
table.table-info-g tr:nth-child(4) td {
    background-color: rgba(100, 192, 171, 0.1);
}

table.table-info-g tr:nth-child(2) td,
table.table-info-g tr:nth-child(4) td {
    background-color: rgba(100, 192, 171, 0.1);
}

table.table-info-g.add-header tr:nth-child(2) td,
table.table-info-g.add-header tr:nth-child(4) td {
    background-color: #fff;
}

table.table-info-g.add-header tr:nth-child(3) td,
table.table-info-g.add-header tr:nth-child(5) td {
    background-color: rgba(100, 192, 171, 0.1);
}

/*
テーブルのヘッダー
*/
table.add-header tr:nth-child(1) {
    margin-top: 50px;
}

table.add-header tr:nth-child(1) th{
    border-top: 1px solid #DCDDDD;
    border-bottom: 1px solid #DCDDDD;
    background-color: #DCDDDD;
    color: #000;
    font-weight: bold;
    padding: 0;
}

table.add-header tr:nth-child(1) td{
    border-top: 1px solid #DCDDDD;
    border-bottom: 1px solid #DCDDDD;
    border-left: 1px solid #fff;
    background-color: #DCDDDD;
    font-weight: bold;
    text-align: center;
    padding: 0;
}

table.add-header tr:nth-child(2) th, table.add-header tr:nth-child(2) td {
    border-top: 1px solid #DCDDDD;
}

.section-1-content th, .section-2-content th {
    text-align: justify;
    text-align-last: justify;
}

table.add-header tr:nth-child(1) th {
    text-align: center;
    text-align-last: center;
}



table.table-info-p  tr:nth-child(1) th {
    border-top: 2px solid #8D93C8;
    background-color: #8D93C8;
}

table.table-info-p  tr:nth-child(1) td {
    border-top: 1px solid #8D93C8;
}

table.table-info-p  tr:nth-child(2) td {
    border-top: 1px solid #8D93C8;
}


.section-1-tab-content table.table-info-p tr th {
    border-top: 2px solid #8D93C8;
    background-color: #8D93C8;
}

table.table-info-p tr:nth-child(2) th,
table.table-info-p tr:nth-child(3) th,
table.table-info-p tr:nth-child(4) th {
    border-bottom: 1px solid #fff;
    background-color: #8D93C8;
}

table.table-info-p tr:nth-child(2) th,
table.table-info-p tr:nth-child(3) th,
table.table-info-p tr:nth-child(4) th {
    border-top: 1px solid #fff;
}

table.table-info-p tr:nth-child(4) th {
    border-bottom: 1px solid #8D93C8;
}

table.table-info-p tr:nth-child(2) td,
table.table-info-p tr:nth-child(3) td,
table.table-info-p tr:nth-child(4) td {
    border-bottom: 1px solid #8D93C8;
}


table.table-info-p tr:nth-child(2) td,
table.table-info-p tr:nth-child(4) td {
    background-color: rgba(141, 147, 200, 0.1);
}

table.table-info-p tr:nth-child(2) td,
table.table-info-p tr:nth-child(4) td {
    background-color: rgba(141, 147, 200, 0.1);
}

.section-2-img {
    width: 90%;
    height: auto;
    margin: 0 auto;
    justify-content: space-between;
    margin-bottom: 50px;
}

.section-2-img div{
    width: 20%;
    height: auto;
}

.section-2-img div img {
    border-radius: 10px;
}

.section-2-img div span {
    text-align: center;
    font-weight: bold;
    margin-top: 10px;
}

/*
タブレット用
*/
@media screen and (max-width: 1024px) {
    /* .section-1-content th {
        text-align: center;
        text-align-last: center;
    } */
    
}

/*
スマホ用
*/
@media screen and (max-width: 768px) {

    .section-2-img {
        width: 100%;
        height: auto;
        margin: 0 auto;
        justify-content: space-between;
        margin-bottom: 50px;
    }

    .section-1-content th, .section-2-content th {
        text-align: center;
        text-align-last: center;
    }
    
    .section-2-img {
        flex-direction: column;
    }
    
    .section-2-img div{
        width: 90%;
        height: auto;
        margin: 0px auto 20px auto;
    }
    
}


/*
追加CSS/20241209賦課金PDF挿入
*/

.section-1-tab-content .levy_info ul {
    list-style: none;
    padding-left: 20px;
}

.section-1-tab-content .levy_info ul li {
    margin: 0 0 10px;
}

.section-1-tab-content .levy_info ul li a {
    display: inline-block;
    transition: all 0.3s;
}

.section-1-tab-content .levy_info ul li a:hover {
    opacity: 0.7;
}