@charset "UTF-8";
footer,header,contents{display:block}
[hidden],template{display:none}

b,strong{font-weight:inherit;font-weight:bolder}
small,sub,sup{font-size:83.3333%}
::-moz-selection{background-color:#b3d4fc;
  /* 1 */color:#000;
  /* 1 */text-shadow:none}
::selection{background-color:#b3d4fc;
  /* 1 */color:#000;
  /* 1 */text-shadow:none}
svg{fill:currentColor}
svg:not(:root){overflow:hidden}
a{background-color:transparent;
  /* 1 */-webkit-text-decoration-skip:objects}
a:hover{outline-width:0}
button{background-color:transparent;
  /* 1 */border-style:none;
  /* 1 */color:inherit;
  /* 1 */font-size:1em;
  /* 1 */margin:0}
button{overflow:visible}
button{text-transform:none}
[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}
::-moz-focus-inner{border-style:none;padding:0}
::-moz-focusring{outline:1px dotted ButtonText}
[type=checkbox],[type=radio]{padding:0}
::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}
[type=search]{-webkit-appearance:textfield;
  /* 1 */outline-offset:-2px
  /* 2 */}
::-webkit-search-cancel-button,::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-input-placeholder{color:inherit;opacity:.54}

::-webkit-file-upload-button{-webkit-appearance:button;
  /* 1 */font:inherit}
[tabindex],a,button{-ms-touch-action:manipulation;
  touch-action:manipulation}

[hidden][aria-hidden=false]{clip:rect(0,0,0,0);display:inherit;position:absolute}
[hidden][aria-hidden=false]:focus{clip:auto}
button:focus{outline:0}

body{-webkit-text-size-adjust:100%;
    -ms-text-size-adjust:100%;
    text-size-adjust:100%;
    -webkit-font-smoothing:auto;
    font-smoothing:auto;
    text-rendering:auto;
    font-size:14px;
    font-family:游ゴシック,YuGothic,ヒラギノ角ゴ ProN W3,Hiragino Kaku Gothic ProN,メイリオ,Meiryo,sans-serif;
    line-height:1.6;
    color:#434a54;
    background-color:#f5f7fa;
    -webkit-font-feature-settings:"palt";
    font-feature-settings:"palt"}

body,html{height:100%}
body{overflow:scroll;
    -webkit-box-orient:vertical;
    -ms-flex-direction:column;
    flex-direction:column;
    margin:0}
body,header{display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-direction:normal}

header{background-color:#656d78;
    -webkit-box-flex:0;
    flex:0 auto;
    -ms-flex:0 0 auto;
    flex:0 0 auto auto;
    flex:0 0 auto;
    -webkit-box-orient:horizontal;
    -ms-flex-direction:row;
    flex-direction:row;
    -ms-flex-wrap:nowrap;
    flex-wrap:nowrap;
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    color:#fff;
    height:80px}
header div{-webkit-box-ordinal-group:3;
    -ms-flex-order:2;
    order:2}
header div h1,header div h2,header div p{margin:0;
    text-align:center;font-size:1.2em}
header .logo{-webkit-box-ordinal-group:2;
    -ms-flex-order:1;
    order:1;
    max-width: 126px;
    margin:0 10px}

.contents{display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    background-color:#f5f7fa;
    -webkit-box-flex:0;
    flex:0 auto;
    -ms-flex:0 2 auto;
    flex:0 2 auto;
    height:calc(100vh - 110px);
    margin: 0 5px 30px 5px;
    padding: 0;
    text-align: center;
    flex-direction: column}


footer{-webkit-box-flex:0;
    flex:0 auto;
    -ms-flex:0 0 auto;
    flex:0 0 auto;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    height:30px;
    color:#fff;
    background-color:#2c3138;
    margin-top: auto}
footer div{-webkit-box-ordinal-group:3;
    -ms-flex-order:2;
    order:2}
footer div small{margin:0;
    text-align:center}

p {font-size:1.2em}
ul {font-size:1.2em;
    text-align: center;
    width: 100%;
    padding-left: 0}
li {display:-webkit-box;
    display:-ms-flexbox;
    display:inline-flex;
    padding:3px}
li a {color:#fff;
    font-weight:bold;
    width:auto;
    background: #4cb2d4;
    padding: 10px 30px;
    text-decoration:none;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px}

img {width: 100%;border-style:none;vertical-align:middle}
img.banner {max-width: 500px}
.logo img {margin: 0}