@charset "utf-8";
/* CSS Document */

/*contents*/
.contents {
    margin: 70px auto;
    padding: 0;
    width: 70%;
}

.border {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    width: 20%;
    
    color: #0458a1;
    font-size: 20px;
    font-weight: bold;
}

.border:before,
.border:after {
    content: "";
    height: 3px;
    background-color: #0458a1;
}

.border:before {
    flex-grow: 1;
    margin-right: 1rem;
    
}

.border:after {
    flex-grow: 3;
    margin-left: 1rem;
}

.heading {
    margin-bottom: 30px;
    
    font-size: 35px;
    font-weight: bold;
}

p {
    font-family: 'Yu Gothic', '游ゴシック', "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-size: 18px;
    font-weight: 500;
    color: #191919;
}

.bottom {
    margin-bottom: 120px;
}

.index-img {
    margin-top: 30px;
    width: 100%;
    height: 200px;
    background: url( "../images/index-img.png")  no-repeat center;
    background-size: cover;
}


ol {
    counter-reset: listnum;
}

ol li {
    margin: 15px 0;
    padding: 16px 16px;
    width: fit-content;
    
    font-size: 22px;
    font-weight: bold;
    
    background-color: #FFFFFF;
}

ol li::before {
    content: counter(listnum) ".";
    padding-right: 25px;
    
    counter-increment: listnum;
    font-size: 24px;
    font-weight: bold;
}


/*-- table --*/
.Executive,
.Business,
.Public {
    border-collapse: collapse;
    font-size: 20px;
    font-weight: 550;
}

.Executive th,
.Executive td,
.Business th,
.Business td,
.Public th,
.Public td {
    padding: 15px;
        
    border: 1px solid #4A4A4A;
}



.Executive th {
    text-align: center;
    color: #FFFFFF;
    font-size: 20px;
    font-weight: bold;
    
    background-color: #0458a1;
}

.Executive tr td {
    background-color: #f0f0f0;
}

.Executive td.center {
    letter-spacing: 5px;
    font-weight: bold;
    text-align: center;
    
    background-color: #FFFFFF;
}


.Business {
    background-color: #f0f0f0;
}

.Business th {
    text-align: center;
    color: #0458a1;
    font-size: 20px;
    font-weight: bold;
    
    background-color: #FFFFFF;
}

.Business td {
    text-align: center;
}



th.blue,
td.blue {
    text-align: left;
    color: #FFFFFF;
    font-weight: bold;
    
    background-color: #0458a1;
}

td.td-left {
    text-align: left;
}

td.no-border {
    border: 0;
}




.openbtn {
    display: none;
}

p.center {
    display: none;
}
