main.under {
    background: url(../image/sche/sche_main.jpg);
    background-size: cover;
    background-position: center, center;
    color: #fff
}

a.enter {
    display: block;
    padding: 5px 10px;
    border: #FFF 2px solid;
    color: #fff;
    text-align: center;
    margin: 30px auto 0;
    width: 220px;
    font-weight: 700
}

section {
    background: #FFF
}

div.contents {
    clear: both;
    max-width: 1000px;
    width: 100%;
    margin: auto;
    padding: 30px 20px 20px;
    box-sizing: border-box
}

div.contents h3 {
    font-weight: 700;
    width: 100%;
    text-align: center;
    padding: 10px 0 10px;
    margin: 50px 0 20px;
    font-size: 22px;
    color: #224eb1;
    border-top: 2px #224eb1 solid;
    border-bottom: 2px #224eb1 solid
}

section.sec1 {
    margin: 0;
    background: #FFF
}

section.sec1 div {
    height: auto
}

section.sec1 div.contents h2 {
    padding: 30px 0 30px;
    margin-bottom: 45px;
    font-weight: 900;
    font-size: 32px;
    color: #224eb1;
    width: 100%;
    text-align: center;
    letter-spacing: .1em;
    position: relative
}

section.sec1 div.contents h2:before {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 5px;
    display: inline-block;
    width: 150px;
    height: 4px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #224eb1
}

section.sec1 div.contents p.des {
    color: #224eb1
}

section.sec1 div dl {
    width: 100%;
    box-sizing: border-box;
    padding: 15px
}

section.sec1 div.contents ul {
    max-width: 800px;
    width: 100%;
    margin: 30px auto 0
}

section.sec1 div.contents ul dt {
    text-align: center;
    background: #fff;
    border: #224EB1 2px solid;
    color: #224EB1;
    padding: 7px;
    font-weight: 700;
    box-sizing: border-box;
    cursor: pointer
}

section.sec1 div.contents ul dt:hover {
    background: #224EB1;
    color: #fff
}

section.sec1 div.contents ul dd {
    background: #fff;
    font-size: 90%;
    padding: 20px 10px 10px;
    box-sizing: border-box
}

section.sec1 div.contents ul dd span {
    width: 100%;
    display: block;
    text-align: center;
    font-weight: 700;
    margin: 5px auto 10px
}

section table {
    width: 100%;
    margin: auto
}

section.sec2 table th {
    font-weight: 700;
    padding: 10px;
    background: #d0e2fb;
    width: 30%;
    border-bottom: #e9edf8 2px solid
}

section.sec2 table td {
    padding: 10px;
    width: 70%;
    vertical-align: middle;
    border-bottom: #e9edf8 2px solid
}

section.sec1 div dd a.textLink {
    width: 40%;
    margin: 50px 0 0 58%
}

section.sec2 div h2 {
    padding: 30px 0 30px;
    margin-bottom: 30px;
    font-weight: 900;
    font-size: 32px;
    color: #224eb1;
    width: 100%;
    text-align: center;
    letter-spacing: .1em;
    position: relative
}

section.sec2 div.contents h2:before {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 5px;
    display: inline-block;
    width: 150px;
    height: 4px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #224eb1
}

section.sec2 div a {
    color: #333
}

section.sec2 span{
    font-size:90%;
    display:block;
    width:100%;
    margin:10px 0 0;
    text-align:right;
}
section.sec2 table th span{
    font-size:90%; 
    margin:0;
    text-align:left;
    display:inline;
    text-align:left;
}


section.sec3 dl dt {
    font-weight: 700;
    width: 100%;
    padding: 50px 0 15px;
    margin: 0 0 0;
    font-size: 18px;
    color: #444
}

section.sec3 table td {
    padding: 10px;
    border: 1px #CCC solid
}



section.sec3 table th {
    background: #08215a;
    color: #fff;
    padding: 10px
}

section.sec3 table td.first {
    background: #f5f7ff;
    text-align: center;
    vertical-align: middle
}

section.sec3 dd.list {
    border: 1px #999 solid;
    padding: 15px;
    box-sizing: border-box
}

section.sec3 dd.list span {
    font-size: 65%;
    line-height: 5px
}

section.sec3 ul {
    width: 100%;
    max-width: 1000px;
    margin: auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: 15px;
    box-sizing: border-box
}

section.sec3 ul li {
    width: 30%;
    margin: 5px 0 5px;
    font-weight: 700
}

dl.corona {
    border: #C00 2px solid;
    font-size: 80%;
    padding: 15px;
    margin: 30px auto 20px
}

dl.corona table {
    margin: 15px auto 15px;
    width: 86%
}

dl.corona dt {
    width: 100%;
    text-align: center;
    font-weight: 700;
    color: #C00;
    margin: 0 auto 15px;
    font-size: 18px
}

dl.corona table th {
    padding: 5px;
    width: 15%;
    vertical-align: middle;
    background: #fff6f6;
    border-bottom: 1px #c08e8e solid
}

dl.corona table td {
    padding: 5px;
    border-bottom: 1px #cacaca solid
}

.relation div.contents h3 {
    font-weight: 700;
    width: 100%;
    text-align: center;
    padding: 60px 0 30px;
    margin: 0 0 30px;
    font-size: 24px;
    color: #224eb1;
    border-top: none;
    border-bottom: none
}

section.interview h4 {
    border-left: 10px solid #224EB1;
    padding: 0 0 0 5px;
    font-size: 18px;
    color: #224EB1;
    font-weight: 700;
    margin: 30px auto 10px
}

section.interview dl dt {
    font-weight: 700;
    margin: 10px auto 5px
}

section.interview ul.mensetsu {
    width: 100%;
    max-width: 1000px;
    margin: 50px auto 30px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: 0;
    box-sizing: border-box
}

section.interview ul.mensetsu li {
    width: 49%;
    border: 3px solid #eef5ff;
    padding: 15px;
    box-sizing: border-box
}

section.interview ul.qa {
    max-width: 800px;
    width: 100%;
    margin: 50px auto 20px
}

section.interview ul.mensetsu li dt {
    font-size: 22px;
    text-align: center;
    color: #224eb1;
    font-weight: 700;
    margin: 20px auto 10px
}

section.interview ul.qa li div {
    margin: 20px 0 10px
}

section.interview ul.qa li div span {
    color: #224eb1;
    display: inline-block;
    margin-right: 5px;
    font-weight: 700
}

section.interview ul.qa li dl dd div {
    background: #eef5ff;
    padding: 10px
}

section.interview ul.qa li dd h4 {
    border: none
}

section.interview ul.qa li dl dd div h4 {
    width: 100%;
    text-align: center;
    color: #224eb1;
    font-weight: 700;
    margin: 0 auto 10px;
    border: none
}

section.interview ul.turn li {
    text-indent: -1em;
    margin: 10px 0 0 1em
}

section.interview dl.panel dt {
    color: rgb(255, 255, 255);
    text-indent: 0em;
    cursor: pointer;
    position: relative;
    font-size: 100%;
    box-sizing: border-box;
    font-family: 游ゴシック, YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", sans-serif;
    font-weight: 400;
    background: rgb(8, 33, 90);
    padding: 7px 15px
}

section.interview dl.caution {
    max-width: 800px;
    width: 100%;
    border: 1px solid #c00;
    padding: 10px;
    font-size: 90%;
    box-sizing: border-box;
    margin: 20px auto 15px
}

section.interview dl.caution dt {
    width: 100%;
    text-align: center;
    color: #C00;
    font-weight: 700;
    margin: 0 auto 5px
}

section.interview dl.caution dd li {
    text-indent: -1em;
    margin: 5px 0 0 1em
}

section.interview dl#example {
    max-width: 600px;
    width: 100%;
    border: 1px solid #CCC;
    padding: 10px;
    font-size: 90%;
    box-sizing: border-box;
    margin: 20px auto 15px
}

section.interview dl#example dt {
    width: 100%;
    text-align: center;
    color: #666;
    font-weight: 700;
    margin: 0 auto 5px
}

section.interview div#point {
    background: #eef5ff;
    padding: 15px
}

section.interview div#point h4 {
    border: none;
    text-align: center;
    font-size: 22px;
    margin: 0 0 10px
}

section.navi dt {
    font-size: 18px;
    text-align: center;
    font-weight: 700;
    color: #08215a;
    margin: 0 0 15px
}

section.navi dd li {
    margin: 5px 0 0;
    width: 30%;
    font-size: 90%
}

section.navi dd li a {
    color: #666;
    font-weight: 700
}

section.navi dd li a:hover {
    text-decoration: underline
}

section.list div {
    padding: 5px
}

section.list ul {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto 10px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: 0;
    box-sizing: border-box
}

section.list ul li {
    width: 24%;
    margin: 0 auto 0
}

section.list ul.score li {
    width: 32%;
    margin: 0 auto 10px
}

section.list ul li a {
    display: block;
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    text-align: center;
    background: #fff;
    border: #224EB1 2px solid;
    color: #224EB1;
    font-weight: 700
}

@media screen and (max-width:800px) {
    main {
        width: 100%;
        height: 125vw;
        background-position: 80% -45px
    }
    #nav-drawer {
        position: relative;
        float: right;
        cursor: pointer;
        margin: 0 0 0 0
    }
    div.contents h3 span {
        font-size: 60%
    }
    section.sec1 div.contents h2 {
        font-size: 24px;
        font-family: 'Noto Sans JP', sans-serif;
        line-height: 26px;
        padding: 20px 0 20px;
        margin-bottom: 25px
    }
    section.sec1 div dl {
        width: 100%;
        box-sizing: border-box;
        padding: 5px 15px 5px
    }
    section.sec2 table th {
        display: block;
        width: 100%;
        box-sizing: border-box
    }

    section.sec2 span{
    text-align:left;
    }

    section.sec2 table td {
        display: block;
        width: 100%;
        box-sizing: border-box;
        vertical-align: middle
    }
    section.sec3 table th {
        font-size: 65%;
        padding: 5px
    }
    section.sec3 table td {
        font-size: 65%;
        padding: 5px;
        vertical-align: middle
    }
    section.sec3 table td.first {
        width: 30%
    }
    section.sec3 table ul {
        width: 70%;
        padding: 5px
    }
    section.sec3 ul li {
        width: 50%;
        margin: 5px 0 5px;
        font-weight: 700;
        font-size: 90%
    }
    section.sec1 div dd a.textLink {
        width: 94%;
        margin: 50px auto 20px
    }
    section.interview ul.mensetsu li {
        width: 100%;
        border: 3px solid #eef5ff;
        padding: 15px;
        box-sizing: border-box
    }
    section.examLInk {
        background-image: url(../image/sche/exambg.jpg);
        background-color: rgba(255, 255, 255, .6);
        background-blend-mode: lighten;
        background-size: cover;
        background-position: -230px, center
    }
    section.navi dd ul {
        width: 220px;
        margin: auto;
        background: #fff;
        border: #eee 2px solid;
        padding: 15px;
        box-sizing: border-box;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        -webkit-justify-content: space-between;
        justify-content: space-between
    }
    section.navi dd li {
        margin: 3px 0 0;
        width: 100%;
        font-size: 90%
    }
}