@charset "UTF-8";

/*共通*/

.notice {
    background: url(../img/notice-image.jpg) no-repeat center top;
    background-size: cover;
}


/*お知らせ*/

/*学校への問い合わせ専用フォーム*/

/*各種証明書発行*/

.issue-box {
    margin: 30px auto 50px;
}

.issue-box a {
    background: #b49960;
    padding: 10px;
    width: 230px;
    height: auto;
    float: left;
    margin-right: 15px;
    text-align: center;
    font-size: 1.5rem;
    color: #fff;
		line-height: 1.6;
}

.issue-box a:nth-child(3) {
    margin-right: 0;
}

.issue-box span:nth-child(4) {
    float: right;
    color: #b49960;
    margin-top: 10px;
    font-size: 1.1rem;
}

.issue-box:after {
    content: '';
    display: block;
    clear: both;
    font-size: 0;
    margin: 0;
    padding: 0;
}

#certificate .tableStyle thead td {
        text-align: center;
    background: #f6c7c6;
}
#certificate .tableStyle td {
    padding: 15px 10px;
    vertical-align: middle;
}
#certificate .tableStyle th, #certificate .tableStyle td {
    border: 1px solid #221714;
}
#certificate .tableStyle caption {
    text-align: left;
}
#certificate ol {
    margin-bottom: 20px;
}

#certificate .tableStyle th {
    background: #E5004F;
    text-align: center;
    color: #fff;
    width: 16%;
    font-weight: bold;
}
#certificate .tableStyle {
    border-collapse: collapse;
    width: 100%;
    text-align: center;
    margin: 40px auto;
}

#certificate span {
    color: #ab8a4e;
}
#certificate p.read{
    background: #eaeaea;
    padding: 25px;
}
.issue-box a span.issue{
       color: #fff !important; 
}


/* 640pxまでの幅の場合に適応される */

@media screen and (max-width: 640px) {
    /*お知らせ*/
    /*学校への問い合わせ専用フォーム*/
    /*各種証明書発行*/
    .issue-box {
        margin: auto;
    }
    .issue-box a {
        background: #b49960;
        padding: 10px;
        width: 100%;
        max-width: 100%;
        height: auto;
        float: left;
        margin-right: 15px;
        margin-bottom: 10px;
        text-align: center;
        font-size: 1.5rem;
        color: #fff;
    }
       #certificate span {
    margin-left: -14px;
    color: #ab8a4e;
}
#certificate p.read{
    background: #eaeaea;
    padding: 2%;
}
    
}