@charset "UTF-8";
/* CSS Document */

@media screen and (max-width: 499px) {
  /*　画面サイズ 499pxまで適用　*/
  .content {
    color: #red;
  }
}

@media screen and (min-width: 500px) and (max-width: 999px) {
  /*　画面サイズ 500pxから999pxまで適用　*/
  .content {
    color: #green;
  }
}

@media screen and (min-width:1000px) {
  /*　画面サイズ 1000px以上から適用　*/
  .content {
    color: #blue;
  }
}
body{

  background-color: "#E35252";
}
/*========= 上部固定させるためのCSS ===============*/
#header{
}

h1 {
    font-family: "凸版文久見出しゴシック",'ヒラギノ角ゴシック W7',"sans-serif";
}
h1 {
    text-shadow: 0px 3px 6px rgb(0,0,0,0.2);
}
h1{font-size:43px; color: mintcream line-height: 23px;}
.block {
position: absolute;
	top: 80px;
    left: 30px;
}

.a {
position: absolute;
	top: 400px;
    left: 20.8px;
}

h3 {
    color: black; font-size: 21px;font-family: "游ゴシック体","ヒラギノ角ゴシック W7","sans-serif";
}
h3{line-height: 1.4
}

h5 {
    color: black; font-size: 24.5px; font-family: "游ゴシック体","ヒラギノ角ゴシック W6","sans-serif";
}
h5{line-height: 1.8
}

h6 {
    font-size: 12.5px;font-family: "游ゴシック体","ヒラギノ角ゴシック W6","sans-serif";
}
h6{line-height: 1.7
}

.b {
position: absolute;
	top: 1890px;
    left: 20.8px;
}
.c {
position: absolute;
	top: 2400px;
    left: 20.0px;
}


.d {
position: absolute;
	top: 2650px;
    left: 20.0px;
}

footer {
  width: 100%;
  height: 100%; 
  text-align: center;
  padding: 1px;
}
.footer-text {
  color: #fff;
}