@charset "UTF-8";
/******************************************************************************
 Default CSS Reset
******************************************************************************/
* {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  
  html {
    scroll-behavior: smooth;
  }
  
  html, body {
    position: relative;
  }
  
  body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, figure {
    margin: 0;
    padding: 0;
  }
  
  table {
    border-collapse: collapse;
    table-layout: fixed;
  }
  
  fieldset, img {
    border: 0;
  }
  
  address, caption, cite, code, dfn, em, th, var {
    font-style: normal;
    font-weight: normal;
  }
  
  ol, ul {
    list-style: none;
  }
  
  caption {
    text-align: left;
  }
  
  h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
  }
  
  img {
    vertical-align: bottom;
    /* chormeで画像のぼやけ回避 */
    -webkit-backface-visibility: hidden;
    width: 100%;
  }
  
  /* iOSでのデフォルトスタイルをリセット */
  input, button, select, textarea {
    border-radius: 0;
    font: inherit;
    outline: none;
  }
  
  textarea {
    resize: vertical;
  }
  
  input[type=submit], input[type=button], label, button, select {
    cursor: pointer;
  }
  
  select::-ms-expand {
    display: none;
  }
  
  /******************************************************************************
   General Setting
  ******************************************************************************/
  body {
    margin: 0 auto;
    padding: 0;
    font-family: "M PLUS Rounded 1c", "Noto Sans JP", "游ゴシック", YuGothic, "Yu Gothic", "游ゴシック体", "メイリオ", Meiryo, sans-serif;
    color: #000;
    word-wrap: break-word;
    -webkit-font-smoothing: antialiased;
    font-size: 16px;
    letter-spacing: 0.05em;
    letter-spacing: 0;
    line-height: 1.7;
    font-weight: 400;
  }
  
  @media screen and (max-width: 768px) {
    body {
      letter-spacing: 0.02em;
      line-height: 1.5;
    }
  }
  a {
    margin: 0;
    padding: 0;
    font-family: "M PLUS Rounded 1c", "Noto Sans JP", "游ゴシック", YuGothic, "Yu Gothic", "游ゴシック体", "メイリオ", Meiryo, sans-serif;
    color: #000;
    outline: none;
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }
  
  a:focus, *:focus {
    outline: none;
  }
  
  /* a:hover {
    opacity: 0.8;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
  } */