p {
  font-size: 20px;
}

body {
  background-image: url(img2/cork-board.png);
  font-family: 'Kiwi Maru', serif;
}

.haikei {
  display: flex;
  /* width: 100px;
  height: 600px; */
  margin-right: -500px;
}

#te-pu左上 {
  position: absolute;
  margin-left: -20px;
  margin-top: -20px;
  z-index: 999;
}
/* 右上2 */
#te-pu2 {
  position: absolute;
  margin-left: 535px;
  margin-top: 395px;
  z-index: 999;
}
/* 右上 */
#te-pu3 {
  position: absolute;
  margin-left: 535px;
  margin-top: -25px;
  z-index: 999;
}
/* 右下 */
#te-pu4 {
  position: absolute;
  margin-left: 535px;
  margin-top: 335px;
  z-index: 999;
}
/* 左上２ */
#te-pu5 {
  position: absolute;
  margin-left: -20px;
  margin-top: 395px;
  z-index: 999;
}
/* 左下 */
#te-pu6 {
  position: absolute;
  margin-left: -20px;
  margin-top: 335px;
  z-index: 999;
}
/* 右下２ */
#te-pu7 {
  position: absolute;
  margin-left: 535px;
  margin-top: 760px;
  z-index: 999;
}
#te-pu8 {
  position: absolute;
  margin-left: -20px;
  margin-top: 760px;
  z-index: 999;
}

img{
  display: block;
}

.topall {
  display: flex;
  flex-flow: column;
}

.top {
  display: flex;
  /* display: block; */
  justify-content: center;
}
.chizu {
  display: block;
  position: relative;
  /* justify-content: center; */

}

.image {
  position: absolute;
  display: flex;
  flex-flow: column;
  margin-right: -930px;
  margin-top: 95px;
  font-family: 'HuiFontP109', sans-serif;
}

#preview5 {
  position:absolute;
  margin-top: -400px;
  z-index: 0;
}
#preview6 {
  position:absolute;
  margin-top: -400px;
  z-index: 0;
}

.chirasi {
  margin-bottom: 50px;
}

.fre-mu1 {
  display: block;
  position: absolute;
  margin-right: -665px;
  margin-top: 148px;
}
#fre-mu1 {
  display: block;
  position: absolute;
  z-index: -1;
}
.fre-mu2 {
  display: block;
  position: absolute;
  margin-right: -665px;
  margin-top: 585px;
}
#fre-mu2 {
  display: block;
  position: absolute;
  z-index: -1;
}

#sukima {
  display: block;
  margin-bottom: 15px;
}
#sukima2 {
  display: block;
  margin-bottom: 15px;
}

.image2 {
  position: absolute;
  display: flex;
  flex-flow: column;
  margin-right: 900px;
  margin-top: 95px;
  font-family: 'HuiFontP109', sans-serif;
}

.fre-mu3 {
  display: block;
  position: absolute;
  margin-right: 1165px;
  margin-top: 148px;
}
#fre-mu3 {
  display: block;
  position: absolute;
  z-index: -1;
}
.fre-mu4 {
  display: block;
  position: absolute;
  margin-right: 1165px;
  margin-top: 585px;
}
#fre-mu4 {
  display: block;
  position: absolute;
  z-index: -1;
}

.omoide {
  margin-bottom: 95px;
}
.maru1 {
  display: block;
  margin-top: 20px;
  margin-bottom: 20px;
}
.maru{
  border: 1px solid #000;
  width: 440px;
  height: 100px;
  /* display: block; */
  align-items: center;
  /* margin-right: -500px; */
  /* justify-content: center; */
}

.kouhyou{
  position: relative;
}

.kouhyou>.tuite{
  position: absolute;
  margin-top: 20px;
}

/* 左側の使い方 */
.setumei{
  /* display: flex; */
  /* margin-top: 200px;
  margin-left:50px; */
  flex-shrink: 0;
  width: 300px;
  border-style: solid;
  border-width: 2px;
  padding: 15px;
}

.setumei>b {
  margin: 20px;
  font-size: 22px;
}
.setumei>p {
  margin: 0px;
}

/* 右側のスクショの撮り方 */
.setumei2{
  /* display: block;
  width: 400px; */
  /* position: absolute;
  margin-top: 200px;
  margin-left: 1030px; */
  flex-shrink: 0;
  width: 340px;
  border-style: solid;
  border-width: 2px;
  padding: 15px;
}
.setumei2>b {
  margin: 20px;
  font-size: 22px;
}
.setumei2>p {
  margin: 0px;
}

.setumeiblue{
  display: flex;
  margin-left: 3.5%;
  column-gap: 20px;
}

.blue {
  /* margin-left: 360px; */
  align-items: center;
  flex-wrap: wrap;
  display: flex;
  flex-direction: column;
  /* justify-content: center; */
}


.blue123 {
  display: flex;
}
.blue456 {
  display: flex;
}

#span2 {
  font-family: sans-serif;
  font-weight: bold;
}
#spanblue1 {
  font-family: sans-serif;
  font-weight: bold;
}
#spanblue2 {
  font-family: sans-serif;
  font-weight: bold;
}
#spanblue3 {
  font-family: sans-serif;
  font-weight: bold;
}
#spanblue4 {
  font-family: sans-serif;
  font-weight: bold;
}
#spanblue5 {
  font-family: sans-serif;
  font-weight: bold;
}
#spanblue6 {
  font-family: sans-serif;
  font-weight: bold;
}
.footer {
  width: 100%;
}
/* .footer2 {

} */

/* @media screen and ( max-width:820px )
{
  .top{
    width: 20%;
  }
  .image{
    width: 20%;
  }
  .image2{
    width: 60%;
  }
	.setumei2{
		display: none;
	}
} */