@charset "utf-8";
@layer assets {

  /*____________________________________________________________________________

  SITE TITLE: BOEM - assets
  TITLE: PCリセット、clearfix 【L4】

  ____________________________________________________________________________*/


  /*----------------------------------------------------------------------------
  RESET HTML elements
  ----------------------------------------------------------------------------*/
  /* html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    padding:0;
    margin:0;
  } */
  table {
    border-collapse:collapse;
    border-spacing:0;
    empty-cells:show;
  }
  img {
    vertical-align:bottom;
  }
  img ,
  fieldset {
    border:0;
  }
  address,
  caption,
  cite,
  code,
  dfn,
  em,
  strong,
  th,
  var {
    font-style:normal;
    font-weight:normal;
  }
  
  ol,
  ul {
    list-style:none;
  }
  
  caption,
  th {
    text-align:left;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-size:100%;
    font-weight:normal;
  }
  q:before,
  q:after {
    content:'';
  }
  abbr,
  acronym {
    border:0;
    font-variant:normal;
  }
  sup {
  vertical-align:text-top;
  }
  sub {
  vertical-align:text-bottom;
  }
  input,
  textarea,
  select {
  font-family:inherit;
  font-size:inherit;
  font-weight:inherit;
  }
  input[type="radio"],
  input[type="checkbox"] {
    accent-color: var(--color-primary);
  }

  /*----------------------------------------------------------------------------
  BODY SETTING
  ----------------------------------------------------------------------------*/

  body {
    background:#fff;
    font-size: 14px;
    line-height: 175%;
    font-family: "DM Sans", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif", clean;
    color: var(--text-base-grey-dark);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    min-width: 1024px;
  }
  a {
    color:#000;
    text-decoration:none;
    cursor: pointer;
  }
  :focus {
    outline:0;
  }
  .left {
    float:left!important;
  }
  .right {
    float:right!important;
  }
  .clear {
    clear:both;
  }
  form {
    display:inline;
  }
  legend {
    display:none;
  }
  strong {
    font-weight:bold;
  }
  address {
    font-style:normal;
    line-height:1.35;
    word-wrap:break-word;
  }
  var {
    font-style:normal;
  }


  /*----------------------------------------------------------------------------
  CLEAR FIX
  ----------------------------------------------------------------------------*/

  .clearfix:after { 
    content: ".";
    display: block;
    height: 0px;
    line-height: 0;
    visibility: hidden;
    clear: both; 
  } 
  .clearfix { 
    display: inline-table;
  } 
  /* IE7 */
  .clearfix {
    display:inline-block;
  }
  /*\*/ 
  * html .clearfix { height: 1%; } 
  .clearfix { display: block; } 
  /**/ 


  /*----------------------------------------------------------------------------
  ICON SETTING
  ----------------------------------------------------------------------------*/
  i.ph {
    font-size: 24px;
    color: var(--text-base-black);
  }

}