@charset "utf-8";
/**
 * 基本構成
 * 
 * create: 2023-07-28
 * update: 2023-12-23
 * 
 * @package     NetPost
 * @author      ik
 * @copyright   Copyright (c) 2023 , NetReal
 * @version     NetPost 1.00
 */

@import "tag.css?dmy=10";       /* タグデフォルト */


body {

}    

/* ヘッダ */

    body > header {
        width: 100%;
        display: flex;
        _position: fixed;
        position: sticky;
        padding: 6px 30px;
        top: 0;
        justify-content: center;
        align-items: center;
        border-bottom: 1px solid #CCC;
        background-color: #FFF;
        z-index: 10;
    }

        @media screen and (max-width: 991px) {
            body > header {
                padding-left: 12px;
                padding-right: 12px;
            }
        }


    /* サイトタイトル */

        body > header h1 {
/*
            color: #51B5B7;
            font-size: 26px;
            letter-spacing: -1px;
            font-weight: 700;
*/
        }

        body > header h1 > img {
            max-width: 200px;
        }

        
        body > header > ul {
            display: flex;
            justify-content: center;
            align-items: center;
        }

        body > header > ul > li {

        }

        body > header > ul > li:first-of-type {
            padding-right: 12px;
        }



    /*  ナビ */

        body > header > nav {
            margin-left: auto;
        }


        /* 項目 */

            body > header > nav > ul {
                display: flex;
                justify-content: center;
                align-items: center;
            }

                @media screen and (max-width: 991px) {
                    body > header > nav > ul {
                        display: none;
                    }
                }

            body > header > nav > ul > li {
                padding-left: 24px;
            }

            body > header > nav > ul > li:last-of-type {
                padding-left: 12px;
            }

            body > header > nav > ul > li > a {
                color: #4FADAE;
            }


        /* メニューバー */

            body > header > nav > i.menu {
                display: none;
                color: #51B5B7;
                font-size: 24px;
                cursor: pointer;
            }

                @media screen and (max-width: 991px) {
                    body > header > nav > i.menu {
                        display: inline;
                    }
                }

    /* モバイル用メニュー */

        body > header+nav {
            position: fixed;
            display: none;
            width: 100%;
            background-color: #FFF;
            background: rgba(250, 250, 250, 0.9);;
        }

        body > header+nav > ul {

        }

        body > header+nav > ul > li {
            padding-top: 8px;
            padding-bottom: 8px;
            padding-left: 8px;
            border-bottom: 1px dotted #000;
        }

        body > header+nav > ul > li:nth-last-of-type(2) {
            text-align: center;
        }

        body > header+nav > ul > li:last-of-type {
            padding-bottom: 20px;
            text-align: center;
        }


/* コンテンツ部 */


    body > div.conts {
        min-height: 500px;
    }


/* メイン部 */

    body > div.conts > div.main {
        padding-bottom: 80px;
    }


    /* 一般画面 */

        body > div.conts > div.main.pub {
            padding-top: 60px;
        }

        body > div.conts > div.container.main.pub {
            max-width: 600px;
        }

        /* ページタイトル */
        body > div.conts > div.main.pub > h2 {
            margin-bottom: 50px;
            font-size: 26px;
            font-weight: 700;
            text-align: center;
        }


        /* フォーム行 */

            body > div.conts > div.container.main.pub > form > div.form-row {
                padding-bottom: 20px;
                font-size: 20px;
            }

            /* フォーム項目 */

                body > div.conts > div.container.main.pub > form > div.form-row > label {
                    display: block;
                    font-weight: 700;
                }

                body > div.conts > div.container.main.pub > form > div.form-row > input {
                    display: block;
                    margin-top: 12px;
                    width: 100%;
                    border: 0;
                    border-bottom: 2px solid #4FADAE;
                    background-color: #FFF
                }

                /* ラベル */
                body > div.conts div.main form label {
                    color: #838383;
                }

                body > div.conts div.main form label > em {
                    color: red;
                }

        /* 下部ボタン枠 */

            body > div.conts > div.container.main.pub > form > div:last-of-type {
                padding-top: 30px;
            }

            body > div.conts > div.container.main.pub > form > div:last-of-type > button , body > div.conts > div.container.main.pub > form > div:last-of-type > a {
                _width: 100%;
                font-size: 18px;
            }

            body > div.conts > div.container.main.pub > form > div:last-of-type > button , body > div.conts > div.container.main.pub > form > div:last-of-type > a > * {
                font-size: 18px;
            }


/* フッタ */

    body > footer {
        padding: 30px 50px 30px;
        display: flex;
        border-top: 1px solid #CCC;
    }

        @media screen and (max-width: 991px) {
            body > footer {
                display: block;
            }
        }

    /* 会社名 */
    body > footer > div {

    }

        @media screen and (max-width: 991px) {
            body > footer > div {
                
            }
        }


    /* 会社名 */
    body > footer > div > strong {
        font-size: 1.5rem;
        font-weight: 500;
    }



    /* フッタナビ */
    body > footer > nav {
        margin-left: auto;
    }

        @media screen and (max-width: 991px) {
            body > footer > nav {
                padding-top: 15px;
            }
        }


    body > footer > nav > ul {
        display: flex;
        margin-left: auto;
    }

        @media screen and (max-width: 991px) {
            body > footer > nav > ul {
                display: block;
            }
        }


    body > footer > nav > ul > li {
        padding-left: 12px;
    }

    body > footer > nav > ul > li:last-of-type {
        padding-left: 40px;
    }

        @media screen and (max-width: 991px) {
            body > footer > nav > ul > li:last-of-type {
                padding: 0;
                padding-top: 20px;
                text-align: center;
            }
        }


    body > footer > nav > ul > li:last-of-type > img {
        width: 100px;
    }

    /* 管理 */
    body > footer+a {
        display: block;
        padding-right: 50px;
        padding-bottom: 6px;
        text-align: right;
    }


/* ページトップへ */

    body a.pg_top {
        position: fixed;
        display: none;
        font-size: 2em;
        bottom: 30px;
        right: 20px;
        z-index: 100;
    }