body {
  font-family:  Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
	color: #000; 
	font-size: 1.013rem;
	letter-spacing:0.1112rem;
	line-height:1.59rem;
	padding:30px 10px;
}

  @media screen and (min-width: 800px) {
body {
	padding:30px 90px;
}
}


.img-title {
  font-size: 1.42383rem;
  line-height: 1.76rem;
  margin-top: 1.6rem;
  margin-bottom: 0rem; font-weight:bold;}

  @media screen and (max-width: 1023px) {
.img-title {
  font-size: 1.2rem;
  line-height: 1.5rem;
  margin-top: 1.6rem;
  margin-bottom: 0rem; font-weight:bold;}
}

.img-name {
  font-size: 1.125rem;
  line-height: 1.6rem;
  margin-top: 1.6rem;
  margin-bottom: 0rem; }

  @media screen and (max-width: 1023px) {
.img-name {
  font-size: 0.9rem;
  line-height: 1.2rem;
  margin-top: 1rem;
  margin-bottom: 0rem; }
}

.img-tool {
  font-size: 1.125rem;
  line-height: 1.6rem;
  margin-top: 1.6rem;
  margin-bottom: 0rem; }

  @media screen and (max-width: 1023px) {
.img-tool {
  font-size: 0.9rem;
  line-height: 1.2rem;
  margin-top: 0.2rem;
  margin-bottom: 1.8rem; }
}




h1 {
  font-size: 2.88651rem;
  line-height: 3.456rem;
  margin-top: 2.4rem;
  margin-bottom: 1.6rem;
  font-weight:normal;
 }

h2 {
  font-size: 1.80203rem;
  line-height: 2.24rem;
  margin-top: 1.6rem;
  margin-bottom: 1.6rem; }

h3 {
  font-size: 1.60181rem;
  line-height: 1.808rem;
  margin-top: 1.6rem;
  margin-bottom: 0rem; }

h4 {
  font-size: 1.42383rem;
  line-height: 1.76rem;
  margin-top: 1.6rem;
  margin-bottom: 0rem; font-weight:bold;}

h5 {
  font-size: 1.26562rem;
  line-height: 1.6rem;
  margin-top: 1.6rem;
  margin-bottom: 0rem; }

h6 {
  font-size: 1.125rem;
  line-height: 1.6rem;
  margin-top: 1.6rem;
  margin-bottom: 0rem; }

h1, h2, h3, h4, h5, h6 {
  color: #000; }

h1 {
  letter-spacing: -2px; }
  @media screen and (max-width: 1023px) {
    h1 {
      font-size: 2.2807rem;
	letter-spacing:-0.2rem;
      line-height: 49px; } }
  @media screen and (max-width: 768px) {
    h1 {
      font-size: 2.02729rem;
      line-height: 44px; } }

h2 {
  letter-spacing: -1px; }
  @media screen and (max-width: 1023px) {
    h2 {
      font-size: 1.80203rem;
      line-height: 40px; } }
  @media screen and (max-width: 768px) {
    h2 {
      font-size: 1.60181rem;
      line-height: 36px; } }

h3 {
  letter-spacing: -1px; }
  @media screen and (max-width: 1023px) {
    h3 {
      letter-spacing: 0;
      font-size: 1.60181rem;
      line-height: 36px; } }
  @media screen and (max-width: 768px) {
    h3 {
      font-size: 1.42383rem;
      line-height: 30px; } }

h4 {
  letter-spacing: -1px; }
  @media screen and (max-width: 1023px) {
    h4 {
      letter-spacing: 0;
      font-size: 1.42383rem;
      line-height: 30px; } }
  @media screen and (max-width: 768px) {
    h4 {
      font-size: 1.26562rem;
      line-height: 28px; } }

h5 {
  font-weight: 500; }
  @media screen and (max-width: 1023px) {
    h5 {
      font-size: 1.26562rem;
      line-height: 28px; } }
  @media screen and (max-width: 768px) {
    h5 {
      font-size: 1.125rem;
      line-height: 26px; } }

h6 {
  font-weight: 600; }
  @media screen and (max-width: 1023px) {
    h6 {
      font-size: 1.125rem;
      line-height: 26px; } }
  @media screen and (max-width: 768px) {
    h6 {
      font-size: 1rem;
      line-height: 24px; } }

.display-pc{display:block;}
.display-sp{display:none;}
@media only screen and (max-width: 768px) {
.display-pc{display:none;}
.display-sp{display:block;}
}