@charset "UTF-8";


body {
  
  background-image: url("images/背景.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  background-color: rgba(255, 255, 255, );
  background-blend-mode: lighten;
  width: 100%;
}
img {
  width: 100%
}
.example {
  position: relative;
}
.example p{
  text-align: left;
  position: absolute;
  width: 100%;
  color: black;
  line-height: 1.5;
  font-size: 3vw;
  font-family:"Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
  top: 50%;
  left:97%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  margin: 0;
  padding: 0;
}
.example img {
  width: 100%;
}

.box {
  position: relative;
}
.box h1 {
    text-align: center;
    position: absolute;
    width: 120%;
    color: black;
    font-size: 3vw;
  top: 21%;
    left: 51%;
    transform: translate(-50%, -50%);
    margin: 0;
    padding: 0;
    font-family: "Osaka-mono", "MS Gothic", monospace;
}
.box img {
  width: 100%;
}
.box p1 {
  font-family:"Osaka-mono", "MS Gothic", monospace;
  text-align: center;
  letter-spacing: -0.05em;
  display: flex;
  width: 32vw;
  position: absolute;
  transform: translate(-50%, -50%);
  margin: 0;
  padding: 0;
  font-size: 2.3vw;
  top: 66.5%;
  left: 42.5%;
  line-height: 1.4
}
.box p2 {font-family: "Osaka-mono", "MS Gothic", monospace;;
  text-align: center;
  letter-spacing: -0.22em;
  display: flex;
  width: 32vw;
  position: absolute;
  transform: translate(-50%, -50%);
  margin: 0;
  padding: 0;
  font-size: 2.3vw;
  top: 67%;
  left: 58.6%;
  line-height: 1.4
}
.box p3 {
  font-family: "Osaka-mono", "MS Gothic", monospace;
  text-align: center;
  letter-spacing: 0.1em;
  display: flex;
  width: 32vw;
  position: absolute;
  transform: translate(-50%, -50%);
  margin: 0;
  padding: 0;
  font-size: 2.3vw;
  top: 66.5%;
  left: 79.5%;
  line-height: 1.4
}


.twitter{position: relative;
margin-top: 0px;}
.twitter-timeline{position: absolute;
  width: 100%;
  top: 50%;
  left:97%;
  -ms-transform: translate(50%, 50%);
  -webkit-transform: translate(50%, 50%);
  transform: translate(30vw, -100vw);
  margin: 0;
  padding: 0;
}
.example img {
  width: 100%;}