@charset "UTF-8";

@font-face {
    font-family: 'Noto Sans SC';
    src: url("/fonts/NotoSansSC-Black.otf") format("opentype"), url("/fonts/NotoSansSC-Bold.otf") format("opentype"), url("/fonts/NotoSansSC-Light.otf") format("opentype"), url("/fonts/NotoSansSC-Medium.otf") format("opentype"), url("/fonts/NotoSansSC-Regular.otf") format("opentype"), url("/fonts/NotoSansSC-Thin.otf") format("opentype");
}

#chinese {
    font-family: 'Noto Sans SC', sans-serif;
}

header {
    border-bottom: #4b62a9 solid 4px;
}

.btn_en {
    text-align: center;
    width: 91px;
}

.btn_en:first-of-type {
    right: 202px;
}

.btn_en:nth-of-type(2) {
    right: 101px;
}

.btn_en a {
    padding: 12px 14px 8px 14px;
}

#contents {
    background-color: #fff;
    box-sizing: border-box;
    float: none;
    margin: -123px auto 33px;
    padding: 50px 60px 0;
    width: 900px;
}

h2.pgttl {
    background-color: rgba(0, 0, 0, 0.05);
    background-image: none;
    border-bottom: #4b62a9 solid 2px;
    border-left: none;
    border-right: none;
    border-top: none;
    color: #4b62a9;
    font-size: 153.85%;
    margin-bottom: 4.15em;
    padding: 0.5em 0 0.45em;
    text-align: center;
}

h2.pgttl:not(:first-of-type) {
    margin-bottom: 2.65em;
    margin-top: 2.9em;
}

h2.pgttl span {
    bottom: -1.7em;
    display: block;
    font-size: 90%;
    left: 0;
    line-height: 1;
    position: absolute;
    width: 100%;
}

.imgC {
    margin-bottom: 51px;
}

#contents p {
    color: #000;
    font-size: 123%;
    line-height: 1.6875em;
}

.products_box {
    align-items: flex-start;
    display: flex;
    justify-content: space-between;
    margin: 0 auto 50px;
}

.products_box li {
    align-self: stretch;
    border: none;
    box-shadow: 0 0 10px rgb(0 0 0 / 20%);
    box-sizing: border-box;
    margin: 0;
    padding: 8px;
    width: 244px;
}

.products_box li span {
    min-height: 7.5em;
}

#contents .products_box li p {
    font-size: 115.38%;
    line-height: 1.6;
}

.member_box {
    background-color: rgba(102, 130, 40, 0.1);
    border-color: #668228;
    margin-bottom: 50px;
    text-align: center;
}

#contents .member_box h3 {
    background-color: #668228;
    color: #fff;
    font-size: 161.54%;
    font-weight: 600;
    margin: 0 auto 1.2em;
    padding: 0.4em; border-bottom: 0;
}

#contents .member_box h3 span {
    display: block;
    font-size: 80.95%;
    line-height: 1;
}

#contents .member_box .merit_inner {
    font-size: inherit;
}

#contents .member_box p:not(.cap) {
    font-weight: 600;
    padding-bottom: 1.45em;
}

#contents .member_box p.cap {
    font-size: inherit;
    padding-top: 1em;
}

.CONTACT_box {
    border: rgba(75, 98, 169, 0.6) solid 2px;
    padding: 4px;
}

.CONTACT_box .flex {
    align-items: center;
    background-color: rgba(82, 145, 213, 0.1);
    display: flex;
    justify-content: space-between;
    padding: 20px 42px;
}

.CONTACT_box .flex .txt {
    font-weight: 600;
    width: 516px;
}

#contents .CONTACT_box h3 {
    border-bottom: rgba(82, 145, 213, 0.4) solid 3px;
    color: #4b62a9;
    font-size: 169.23%;
    font-weight: 600;
    margin-bottom: 0.5em;
    margin-top: 0;
}

#contents .CONTACT_box h3 span {
    color: #000;
    font-size: 77.27%;
    padding-left: 0.7em;
}

#contents p.txtLinkM {
    padding-bottom: 0;
}

p.txtLinkM a {
    background-position: left center;
    color: #4b62a9;
    font-size: 106.25%;
}

p.txtLinkM a:not(:first-child) {
    margin-left: 2em;
}

footer {
    border-top: 0;
}

#footer_btm {
    padding: 15px 0;
}