@charset "utf-8";

@media screen and (min-width: 767px) { /*ウィンドウ幅が767px以上の場合に適用*/
  #menu-bg {
  background-color: #00FFFF; /*青色*/
  }
  }

@font-face {
  font-family: 'Noto Sans Japanese';
}
 }

@media (min-width: 1200px) {/* 1200px以上*/
  html {
    font-size: calc(100vw / 32);
  }
      h1 {
          font-size: 2.6rem;/* 26px*/
      }
      h2 {
          font-size: 1.4rem;/* 14px*/
      }
      p {
        1.2rem;
      }
      figcaption {
        font-weight: 500;
        1.2rem;
      }
      @font-face {
        font-family: 'Noto Sans Japanese';
      }
  }
  @media screen and (max-width: 640px) {/* 640px以下*/
    html {
      font-size: calc(100vw / 32);
    }
      body{
      line-height: 2;padding: 3%;
      }
      h1{
          font-size: 2.4rem;/* 24px*/
      }
      h2 {
          font-size: 2rem;/* 20px*/
      }
      p {
        1.2rem;
      }
      figcaption {
        1.2rem;
      }
      @font-face {
        font-family: 'Noto Sans Japanese';
      }
  }

/* clearfix */
.cf:after {content: "."; display: block;clear: both;height: 0;visibility: hidden;font-size:0;}
html,body{font-family: "Source Han Serif JP", "Noto Serif CJK JP", "游明朝体", "Yu Mincho", YuMincho,serif!important; font-weight: normal;color: #000;font-size: 14px;line-height: 1.5;-webkit-text-size-adjust: 100%;margin: 0;padding: 0;width: 100%;}

a{color: #000;text-decoration: none;}

h1,h2,h3{font-weight: normal;margin: 0;padding: 0;}
ul,li{list-style: none;margin: 0;padding: 0;}
p{margin: 0;padding: 0;  font-size: 0.6em;}
img{vertical-align: bottom;border: none;pointer-events: none;}
figcaption{margin: 0 4px 0 0;padding: 0 3px 0 0; font-family: "Source Han Serif JP", "Noto Serif CJK JP", "游明朝体", "Yu Mincho", YuMincho,serif!important; font-size: 0.9em;}

h1{font-family: "Source Han Serif JP", "Noto Serif CJK JP", "游明朝体", "Yu Mincho", YuMincho,serif!important; font-size: 18px;letter-spacing: 0.2em !important;text-align: center;margin-bottom: 30px;}

img {
  width: 200px;
  height: 200px;
  object-fit: cover;
  padding-left: 0.5rem;
  }
   
  #menu {
  max-width: 1000px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  }

.wf-sawarabigothic {font-family: "Source Han Serif JP", "Noto Serif CJK JP", "游明朝体", "Yu Mincho", YuMincho,serif!important; }

figure {
      display: inline-block;
      text-align: left;
      font-weight: 350;
      letter-spacing: 2px;
      margin: 5 auto;
      padding: 0;
	}

figcaption{
  margin: 0 auto;
  padding: 0;
  font-family: 'Noto Sans Japanese';
}

h1{font-family: "Source Han Serif JP", "Noto Serif CJK JP", "游明朝体", "Yu Mincho", YuMincho,serif!important; font-size: 18px;letter-spacing: 0.2em !important;text-align: center;}

@media screen and (max-width: 768px){
  img {
    max-width: 150px;
    max-height: 150px;
    width: 100%;
    object-fit: cover;
    margin-right: 1rem;
  }
}

@media screen and (max-width: 480px){
  img {
    max-width: 130px;
    max-height: 130px;
    width: 100%;
    object-fit: cover;
    margin-right: 0.2rem;
  }
}