@charset "utf-8";


/* ====================================================================================================
   CSSリセット
   ---------------------------------------------------------------------------------------------------- */

/* Googleフォント */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400&display=swap');

/* ベース */
body                                    { *font-size:small; *font:x-small; margin:0; padding:0; font-feature-settings:'palt'; font-family:"游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Verdana, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size:13px; line-height:1.231; font-weight:500; }
*                                       { margin:0; padding:0; -webkit-box-sizing:border-box; box-sizing:border-box;  }

/* HTML5対応 */
header, footer,
section, aside, nav, article            { display:block; margin:0; padding:0; }

/* Link */
a                                       { color:#0e237c; text-decoration:none; }
a img                                   { text-decoration:none; border-style:none; }

/* Reset */
h1, h2, h3, h4, h5, h6,
div, p, pre, ul, ol, dl, dt, dd,
address, form, blockquote ,iframe       { margin:0; padding:0; display:block; }
hr                                      { border:none; }
li                                      { list-style:none; }
table                                   { font-size:inherit; }
img                                     { border:none;vertical-align:bottom; text-align:right; -ms-interpolation-mode:bicubic; max-width:100%; height:auto; width /***/:auto;　}

/* テキスト */
p                                       { margin:0px 0 1.6em; font-size:108%; line-height:1.7em; text-align:justify; text-justify:inter-ideograph; }
em                                      { font-weight:bold; font-style:normal; }

/* クリアー */
.clear                                  { clear:both; }
.cf:after                               { content:'.'; display:block; clear:both; height:0; visibility:hidden; }
.cf                                     { min-height:1px; }


/* ====================================================================================================
   フレックスボックス
   ---------------------------------------------------------------------------------------------------- */

.flex                                     { display:flex; }
.flex.wrap,
.flex._wrap                               { flex-wrap:wrap; }
.flex.between, 
.flex._between                            { justify-content:space-between; }