@charset "utf-8";

/*デフォルトCSSの削除
---------------------------------------------------------------------------*/
html, body, h1, h2, h3, h4, ul, ol, dl, li, dt, dd, p, div, span, img, a, table, tr, th, td ,textarea{
    margin: 0;
    padding: 0;
    border: 0;
    font-weight: normal;
    vertical-align:baseline;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

article, header, footer, aside, figure, figcaption, nav, section { 
  display:block;
}

html {
    overflow-x: hidden;
}

body {
    line-height: 1;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    box-sizing: border-box;
    max-width: 100vw;
    margin: 0;
    font-family:'Lato', 'Noto Sans JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    line-height: 1.5;
    font-size: 15px;
    background-color: #f0e9e9;
    color:#345052;
}
button, input, select, textarea {
    font-family : inherit;
    font-size : 100%;
    color:#345052;
}
ol, ul {
    list-style: none;
    list-style-type: none;
}
.main {
    margin-bottom: 50px;
}
input{
    padding: 0 5px;
}
textarea{
    padding: 0 5px;
}
::placeholder{
    padding:10px;
    color:#b8b8b8;
}
/*全体の設定
---------------------------------------------------------------------------*/
body , html {
    height: 100%;
    width:100%;
}

/*非表示の設定
---------------------------------------------------------------------------*/
.off {
    display: none !important;
}

/*フロートの設定
---------------------------------------------------------------------------*/
.floatleft {
    float: left;
}

.floatright {
    float: right;
}

/*フロート解除の設定
---------------------------------------------------------------------------*/
.wrap {
    overflow: hidden;
}

/*コンテンツの設定
---------------------------------------------------------------------------*/
.container {
    display: -webkit-flex;
    display: flex;
    margin: 0 auto;
/*    height: 100%;*/
    min-height:100%;
}

table {
    border-collapse: collapse;
    margin: 0 auto;
    width: 100%;
}

a {
    text-decoration: none;
}

button {
    cursor: pointer;
    font-family:'Lato', 'Noto Sans JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
a:link, a:visited, a:hover, a:active {
  color: #fff;
}
.off{
    display: none;
}