@CHARSET "UTF-8";

/* 各ブラウザごとのCSS */
@media all and (-ms-high-contrast: none) {
    .certificate-page-wrap h3.certificate-page-title span {
        padding: 10px 0 5px;
    }
    .certificate-page-wrap .certificate-page-box h4.certificate-page-sub-title {
        padding-top: 12px;
    }
}

/* PC小さい画面用レイアウト */
@media screen and (max-width: 1230px){
    .top-menu-wrap .menu-description {
        font-size: 0.9em;
    }
}

@media screen and (max-width: 1200px){
    h3.page-contents-eng-title {
        font-size: 1em;
    }
}

@media screen and (max-width: 1130px){
    .top-menu-wrap .menu-description {
        font-size: 0.8em;
    }
}

@media screen and (max-width: 1080px){
    .header .header-infomation .header-logo {
        width: 180px;
        top: 28px;
        left: 30px;
    }
    .header .header-infomation .header-logo.top {
        top: -20px;
    }
    .header .header-logo-icon-wrap {
        width: 140px;
        margin-top: -70px;
        left: 50px;
    }
}

@media screen and (max-width: 1075px){
    .header .header-infomation .header-logo.members-logo {
        width: 200px;
        top: 25px;
    }
    .infomation-wrap {
        margin: 30px 100px;
    }
    .sub-page-menu > li > a {
        font-size: 1.15em;
    }
}

@media screen and (max-width: 1040px){
    .top-menu-wrap .menu-title {
        font-size: 1.2em;
        padding-left: 40px;
    }
    .top-menu-wrap .menu-icon {
        width: 30px;
    }
    .top-menu-wrap .menu-description {
        padding-left: 40px;
    }
}

@media screen and (max-width: 1000px){
    .page-font-print-search td.page-search input {
        width: 200px;
    }
    .certificate-page-wrap .certificate-page-box .bt-certificate-detail {
        font-size: 0.6em;
    }
    h3.page-contents-eng-title span {
        display: block;
        position: relative;
        text-align: right;
    }
}

@media screen and (max-width: 960px){
    .header-infomation .infomation-contents {
        width: 680px;
    }
}

@media screen and (max-width: 890px){
    .header-infomation .infomation-contents {
        width: 580px;
    }
    .header-infomation .infomation-contents .phone-wrap {
        width: 325px;
    }
    .infomation-wrap .infomation-header-title {
        font-size: 1.4em;
        width: 4.8em;
    }
    .page-font-print-search td.page-search input {
        width: 200px;
    }
    .page-font-print-search td.page-search button {
        display: block;
        margin-top: 5px;
        margin-left: auto;
        margin-right: 10px;
    }
    .page-font-print-search td.page-search input {
        width: 150px;
    }
    .infomation-wrap.members .infomation-header-title {
        width: auto;
    }
}

@media screen and (max-width: 850px){
    .top-menu-wrap .menu-title {
        font-size: 1.1em;
    }
}

@media screen and (max-width: 790px){
    .header .header-infomation .header-logo {
        width: 140px;
        top: 28px;
        left: 10px;
    }
    .header .header-logo-icon-wrap {
        width: 100px;
        margin-top: -50px;
        left: 30px;
    }
}