@charset "UTF-8";

/*　初期化　*/
* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
*::before, *::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  font-size: 16px;
  height: 100%;
  margin: 0;
  scroll-behavior: smooth;
}
@media screen and (max-width: 768px) {
  html {
    font-size: 15px; 
  }
}
@media screen and (max-width: 480px) {
  html {
    font-size: 14px; 
  }
}

body {
    width: 100%;
  height: 100%;
  /*letter-spacing: 1px;*/
  font-size: 1rem;
  line-height: 1.7;
font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
color: #333;
  margin: 0;
  padding: 0;
}

body::after {
  content: "global";
  display: none;
}

img {
  max-width: 100%;
  vertical-align: middle;
  border: none;
  width: auto;
  height: auto;
}

body, header, section, footer, div, article, ul, ol, li, a, dt, dd, dl, aside {
  margin: 0px;
  padding: 0px;
}

body, h1, h2, h3, h4, h5, h6, p, a, li, span, textarea, input {
  margin: 0;
  font-style: normal;
  font-variant: normal;
  word-wrap: break-word;
  text-decoration: none;
  /*color: #4c4c4c;*/
  /*color: #444;*/
}

h1, h2, h3, h4, h5, h6 {
  font-weight: bold;
}
h1 {
  font-size: 1.75rem;
  margin-bottom: 1rem;
}
h2 {
  font-size: 1.5rem;
 margin: 2rem 0 1rem;
}
h3 {
  font-size: 1.25rem;
   margin-top: .5rem;
}
p {
  font-size: 1rem;
}
ol, ul, li {
  list-style-type: none;
}

a {
  color: #004392;
  text-decoration: underline;

}

a:hover {
  /*color: #E66666;*/
  color: #b30000;
  opacity: .8;
}
.clearfix:after {
  content: "";
  display: table;
  height: 0;
  clear: both;;
}

/* print setting */
@media print {
    body {
        width: 100%;
        padding-top: 0;
      font-size: 14px;
    }
  .wrap {
            width: 100%;
            padding: 10px 0;
        }

    .header-area {
        position: relative;
    }
   .foot-info {
        position: relative;
    }
    iframe {
        background: lightgray;
    }
}
@media screen and (max-width:768px){
  font {
    font-size: 100%;
}
}


@font-face {
 font-family: 'notosansjp';
 font-style: normal;
 font-weight: 400; 
 src: url(../webfonts/notosansjp/NotoSansJP-Regular.woff2) format('woff2');
 font-display: swap;
}


@font-face {
 font-family: 'notosansjp';
 font-style: normal;
 font-weight: 600;
 src: url(../webfonts/notosansjp/NotoSansJP-Bold.woff2) format('woff2');
 font-display: swap;
}


@font-face {
 font-family: 'notoserifjp';
 font-style: normal;
 font-weight: 400; 
 src: url(../webfonts/notoserifjp/NotoSerifJP-Regular.woff2) format('woff2');
 font-display: swap;
}


@font-face {
 font-family: 'notoserifjp';
 font-style: normal;
 font-weight: 600;
 src: url(../webfonts/notoserifjp/NotoSerifJP-Bold.woff2) format('woff2');
 font-display: swap;
}