@charset "UTF-8";

/*--------------------------------------------------------------*/
/* CSS and Graphics are released under Creative Commons Licence */
/* https://www.webplus.jp/                                      */
/* Copyright (C) Kiyonobu Horita @ WEBPLUS Inc.                 */
/*--------------------------------------------------------------*/


/* ========================================================

　header

=========================================================== */

header {
    height: 6.0rem; /* 高さ */
}

@media only screen and (min-width: 768px) {

    header h1 {
        height: 8.0rem; /* 高さ */
    }

}

@media only screen and (min-width: 992px) {

    header {
        display: none;
    }

}

/* ========================================================

　section

=========================================================== */

/* 上下余白 */
section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 2.0rem;
}

section:last-of-type {
    padding-bottom: 2.0rem;
}

/* 最大幅固定（最大幅を固定して中央に寄せる場合は.container-fluidのmax-widthのみ指定 */
section > div[class^="container"] {
    max-width: 192.0rem; /* 基準＝1920×1080 */
}

/* 最大幅固定左寄せ（最大幅を固定して左に寄せる場合は.rowのmax-widthのみ指定 */
section > div > .row {
    /*max-width: 192.0rem;*/
}

/* テキスト */
section p,
section li,
section dt,
section dd {
    text-align: justify; /* 均等割り付け */
}

@media only screen and (min-width: 768px) {

    section:first-of-type {
        padding-top: 3.75rem;
    }

    section:nth-of-type(n+2) {
        padding-top: 5.0rem;
    }

    section:last-of-type {
        padding-bottom: 5.0rem;
    }

}


/* ========================================================

　main

=========================================================== */

#mainContents .blk {
    padding-bottom: 2.0rem;
}

#mainContents .blk:last-child {
    padding-bottom: 0;
}

/*　heading h2
----------------------------------------------------------- */
#mainContents .heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 2.5rem;
}

.prosthesis #mainContents #prosthesis .heading {
    position: relative;
}

.prosthesis #mainContents #prosthesis .heading img {
    position: absolute;
    top: -0.75rem;
    right: 0;
    width: 3.4rem;
    height: auto;
}

/* 日本語タイトルの場合 */
#mainContents .heading h2 {
    display: inline-block;
    position: relative;
    padding-bottom: 0.5rem;
    border-bottom: 0.15rem solid rgba(250, 126, 36, 1.00);
    color: rgba(245, 145, 35, 1.00);
    font-size: 1.8rem;
    font-weight: 700;
    text-align: left;
    letter-spacing: 0;
}

#mainContents .heading h2::before {
    margin-right: 0.5rem;
    color: rgba(245, 145, 35, 1.00);
    font-family: "Font Awesome 5 Free";
    font-size: 1.8rem;
    font-weight: 700;
}

/* タイトル先頭のアイコン（レイヤー） */
#mainContents .heading.layer h2::before {
    content: "\f5fd";
}

/* タイトル先頭のアイコン（リーフ） */
#mainContents .heading.leaf h2::before {
    content: "\f56b";
}

/* タイトル先頭のアイコン（info） */
#mainContents .heading.info h2::before {
    content: "\f05a";
}

/* タイトル先頭のアイコン（dice） */
#mainContents .heading.dice h2::before {
    content: "\f6cf";
}

/* タイトル先頭のアイコン（pdf） */
#mainContents .heading.pdf h2::before {
    content: "\f1c1";
}

/* タイトル先頭のアイコン（history） */
#mainContents .heading.history h2::before {
    content: "\f1da";
}

/* タイトル先頭のアイコン（global） */
#mainContents .heading.global h2::before {
    content: "\f0ac";
}

/* タイトル先頭のアイコン（build） */
#mainContents .heading.build h2::before {
    content: "\f1ad";
}

/* タイトル先頭のアイコン（map） */
#mainContents .heading.map h2::before {
    content: "\f3c5";
}

/* タイトル先頭のアイコン（recruit） */
#mainContents .heading.recruit h2::before {
    content: "\f508";
}

/* タイトル先頭のアイコン（board） */
#mainContents .heading.board h2::before {
    content: "\f51c";
}

/* タイトル先頭のアイコン（receipt） */
#mainContents .heading.receipt h2::before {
    content: "\f543";
}

/* タイトル先頭のアイコン（document） */
#mainContents .heading.document h2::before {
    content: "\f15c";
}

/* タイトル先頭のアイコン（plus） */
#mainContents .heading.plus h2::before {
    content: "\f067";
}

/* タイトル先頭のアイコン（att） */
#mainContents .heading.att h2::before {
    content: "\f06a";
}

/* タイトル先頭のアイコン（sitemap） */
#mainContents .heading.sitemap h2::before {
    content: "\f0e8";
}

/* タイトル先頭のアイコン（security） */
#mainContents .heading.security h2::before {
    content: "\f505";
}

/* タイトル先頭のアイコン（download） */
#mainContents .heading.download h2::before {
    content: "\f019";
}

/* タイトル先頭のアイコン（contact） */
#mainContents .heading.mail h2::before {
    content: "\f0e0";
}

/* タイトル先頭のアイコン（video） */
#mainContents .heading.video h2::before {
    content: "\f03d";
}

/* タイトル先頭のアイコン（search） */
#mainContents .heading.search h2::before {
    content: "\f002";
}

/* 英語タイトルの場合 */
#mainContents .heading.eng h2 {
    font-family: 'Montserrat';
    font-size: 2.4rem;
}

#mainContents .heading.eng h2::before {
    font-size: 2.0rem;
}

/*　heading h3
----------------------------------------------------------- */
#mainContents .mid-heading {
    width: 100%;
    margin-bottom: 2.0rem;
}

#mainContents .mid-heading h3 {
    width: 100%;
    padding: 0.5rem 0.5rem 0.5rem 1.0rem;
    border-left: 0.5rem solid rgba(250, 126, 36, 1.00);
    border-bottom: 0.15rem solid rgba(250, 126, 36, 1.00);
    color: rgba(250, 126, 36, 1.00);
    font-size: 1.8rem;
    font-weight: 700;
    text-align: left;
    letter-spacing: 0;
}

#mainContents .mid-heading.map h3 {
    padding: 0.75rem 0.5rem 0.5rem 0;
    border-left: none;
}

#mainContents .mid-heading.map h3::before {
    margin-right: 0.5rem;
    font-family: "Font Awesome 5 Free";
    content: "\f3c5";
}

#mainContents .mid-heading h4 {
    width: 100%;
    padding: 0.75rem 0.5rem 0.5rem 0;
    color: rgba(250, 126, 36, 1.00);
    font-size: 1.8rem;
    font-weight: 700;
    text-align: left;
    letter-spacing: 0;
}

/*　other
----------------------------------------------------------- */
#mainContents .notes {
    padding: 2.0rem 1.5rem;
    border-radius: 0.6rem;
    background-color: rgba(250, 126, 36, 0.10);
    color: rgba(0, 0, 0, 1.00);
}

#mainContents .notes p {
    text-align: left;
}

@media only screen and (max-width: 575px) {

    #mainContents .heading h2 {
        width: 100%;
    }

}

@media only screen and (min-width: 576px) {

    #mainContents .heading h2 {
        padding-bottom: 0;
        border-bottom: none;
        letter-spacing: 0.25rem;
    }

    /* 上下中央ライン */
    #mainContents .heading::after {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        height: 0.15rem;
        margin-left: 1.0rem;
        background: rgba(245, 130, 40, 1.00);
        content: "";
    }

    #mainContents .heading::after {
        background: -webkit-linear-gradient(left, rgba(250, 110, 15, 1.00) 0%, rgba(250, 110, 15, 0.25) 50%, transparent 100%);
    }

    #mainContents .notes {
        padding: 1.5rem 3.0rem 0.5rem;
    }

}

@media only screen and (min-width: 768px) {

    .prosthesis #mainContents #prosthesis .heading img {
        width: 4.5rem;
    }

}

@media only screen and (min-width: 992px) {

    #mainContents .heading h2 {
        font-size: 2.0rem;
    }

}

/* IEハック */
@media all and (-ms-high-contrast: none) {

    #mainContents .heading h2 {
        color: rgba(245, 130, 40, 1.00);
    }

}

/*　スキャンボディライブラリへのリンク
----------------------------------------------------------- */
#scanbodyLibrary .row > div:nth-of-type(2) {
    margin-top: 0.5rem;
}

#scanbodyLibrary .inner {
    max-width: 100.0rem;
    margin: 0 auto;
    padding: 2.0rem;
    border: 0.1rem solid rgba(245, 130, 40, 1.0);
}

#scanbodyLibrary h3 {
    margin-bottom: 1.0rem;
    color: rgba(250, 126, 36, 1.00);
    font-size: 2.2rem;
    font-weight: 500;
}

#scanbodyLibrary .button {
    margin-top: 1.0rem;
}

#scanbodyLibrary .btn {
    display: block;
    width: 100%;
    max-width: 44.0rem;
    margin: 0 auto;
    padding: 1.0rem 0;
}

@media only screen and (min-width: 576px) {

    #scanbodyLibrary h3 {
        text-align: center;
    }

    #scanbodyLibrary p {
        text-align: center;
    }

}

@media only screen and (min-width: 1200px) {

    #scanbodyLibrary .row > div:nth-of-type(2) {
        margin-top: 0;
    }

}

/*　戻るボタン
----------------------------------------------------------- */
#return {
    margin: 3.0rem 0;
    text-align: center;
}

#return a {
    width: 100%;
    max-width: 40.0rem;
    min-height: 4.0rem;
    margin: 0 auto 0.5rem;
    padding: 1.0rem 0.5rem;
    border: 0.2rem solid rgba(85, 85, 85, 0.50);
    border-radius: 0.4rem;
    background-color: rgba(85, 85, 85, 0.50);
    color: rgba(46, 46, 46, 1.00);
}

#return a:hover {
    border: 0.2rem solid rgba(245, 130, 40, 1.00);
    background-color: rgba(245, 130, 40, 1.00);
    color: rgba(255, 255, 255, 1.00);
}

#return a::before {
    margin-right: 0.5rem;
    font-family: "Font Awesome 5 Free";
    font-weight: 700;
    content: "\f060";
}



/* ---- End of file --------------------------------------- */