@charset "UTF-8";
/* Scss Document */
/*---------------------------------------------
Reset Style
---------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
caption, tbody, tfoot, thead, tr, th, td, figure {
  margin: 0;
  padding: 0;
  outliFne: 0;
  border: 0;
  font-weight: normal;
  font-style: normal;
  font-family: inherit; }

html {
  font-size: 62.5%; }

body {
  color: #333;
  line-height: 1.75;
  height: 100%;
  text-align: left;
  background-color: #FFF;
  letter-spacing: normal; }
  @media screen and (max-width: 750px) {
    body {
      font-size: 3.73vw;
      line-height: 1.6; } }

header, footer, .flowList, .breadcrumb {
  box-sizing: border-box;
  /* 上付き文字、下付き文字 */ }
  header *, footer *, .flowList *, .breadcrumb * {
    margin: 0;
    padding: 0;
    box-sizing: border-box; }
  header img, footer img, .flowList img, .breadcrumb img {
    border: none;
    vertical-align: bottom;
    max-width: 100%;
    height: auto; }
  header img[src$=".svg"], footer img[src$=".svg"], .flowList img[src$=".svg"], .breadcrumb img[src$=".svg"] {
    width: 100%; }
  header h1, header h2, header h3, header h4, header h5, header h6, footer h1, footer h2, footer h3, footer h4, footer h5, footer h6, .flowList h1, .flowList h2, .flowList h3, .flowList h4, .flowList h5, .flowList h6, .breadcrumb h1, .breadcrumb h2, .breadcrumb h3, .breadcrumb h4, .breadcrumb h5, .breadcrumb h6 {
    font-size: 100%;
    margin: 0;
    padding: 0;
    font-weight: normal;
    line-height: 1.6; }
  header input, header select, header textarea, footer input, footer select, footer textarea, .flowList input, .flowList select, .flowList textarea, .breadcrumb input, .breadcrumb select, .breadcrumb textarea {
    font-size: 100%;
    font-family: inherit;
    font-weight: inherit; }
  header sup, footer sup, .flowList sup, .breadcrumb sup {
    vertical-align: text-top;
    font-size: 72%; }
  header sub, footer sub, .flowList sub, .breadcrumb sub {
    vertical-align: text-bottom;
    font-size: 72%; }
  header ol, header ul, header li, footer ol, footer ul, footer li, .flowList ol, .flowList ul, .flowList li, .breadcrumb ol, .breadcrumb ul, .breadcrumb li {
    list-style: none; }
  header table, footer table, .flowList table, .breadcrumb table {
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 100%;
    font-size: inherit; }
  header caption, footer caption, .flowList caption, .breadcrumb caption {
    text-align: left; }
  header fieldset, footer fieldset, .flowList fieldset, .breadcrumb fieldset {
    border: 0; }
  header table, footer table, .flowList table, .breadcrumb table {
    border-collapse: collapse;
    border-spacing: 0; }
  header main, footer main, .flowList main, .breadcrumb main {
    display: block;
    position: relative; }
  header a, footer a, .flowList a, .breadcrumb a {
    text-decoration: none;
    color: inherit;
    transition: opacity .4s;
    display: inline; }
    header a:hover, footer a:hover, .flowList a:hover, .breadcrumb a:hover {
      text-decoration: none !important; }
      @media screen and (min-width: 750px) {
        header a:hover, footer a:hover, .flowList a:hover, .breadcrumb a:hover {
          opacity: 0.6; } }
  header a:focus, footer a:focus, .flowList a:focus, .breadcrumb a:focus {
    outline: none; }
  header sup,
  header sub, footer sup,
  footer sub, .flowList sup,
  .flowList sub, .breadcrumb sup,
  .breadcrumb sub {
    height: 0;
    line-height: 1;
    vertical-align: baseline;
    position: relative; }
  header sup, footer sup, .flowList sup, .breadcrumb sup {
    bottom: 1ex; }
  header sub, footer sub, .flowList sub, .breadcrumb sub {
    top: .5ex; }