/*
### ** color **
1. **ブルー（濃紺）** - #2A3B6F
2. **ブルー（水色）** - #BAEBFF

1. **ホワイト（基本色）** - `#FAFAFA`
2. **グレー（フレームカラー）** - `#5C5C5C`
3. **レッド（アクセントカラー）** - `#C22F2F`
4. **イエロー（アクセントカラー）** - `#F9C13A`

5. グレー（明灰） #FAFAFA 
6. グレー（暗灰） #8A8A8A 
*/

body {
    font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-weight: 300;
    font-style: normal;

    padding:50px;

    background: #EAEAEA;
    color:#222222;
}

input {
    font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-weight: 300;
    font-style: normal;
}

h1,h2,h3,h4,h5 {
    color:#333333;

    margin-left:20px;margin-top:0px;
    padding:0px;

    font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-weight: 350;
    font-style: normal;
}

hr.separator {
    height: 2px;
    background-color: #2A3B6F;
}

.contents-box {
    background-color:#F2F2F2;
    padding:30px;
    padding-left:50px;

    font-size:10pt;
}

.lang-content {
    display: none; /* 初期状態では非表示 */
}

footer {
    text-align: center;
    font-size: 12px;
    margin-top: 10px;
}

label.OperateButton, .DownloadName {
    display: grid;
    place-items: center;
    width:120px;
    height:50px;
    margin: 5px;
    border:1px solid;
    border-radius: 7px;
    background-color: #fafafa;
    box-sizing: border-box;     /* divとinputを同じサイズにする指定 */
}

label.OperateButton:hover {
    display: grid;
    place-items: center;
    width:120px;
    height:50px;
    margin: 5px;
    border:1px solid;
    border-radius: 7px;
    background-color: #F8F8F8;
    text-decoration: underline;
    box-sizing: border-box;
}

table {
    font-size:10pt;
}