@import url("mobile.css");
html {
  color: #000;
  background: transparent;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

fieldset,
img {
  border: 0;
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
  font-style: normal;
  font-weight: normal;
}

ol,
ul {
  list-style: none;
}

caption,
th {
  text-align: left;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}

q:before,
q:after {
  content: "";
}

abbr,
acronym {
  border: 0;
  font-variant: normal;
}

sup {
  vertical-align: text-top;
}

sub {
  vertical-align: text-bottom;
}

input,
textarea,
select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  *font-size: 100%;
}

legend {
  color: #000;
}

#yui3-css-stamp.cssreset {
  display: none;
}

.topscroll_overflow {
  overflow-x: hidden;
}

body {
  width: 100%;
  background: #fff;
  background-attachment: fixed;
  background-repeat: repeat;
  background-size: 50px;
  color: #424242;
  font-size: clamp(14px, 1.15vw, 20px);
  font-family: "Hiragino Sans", "Sawarabi Gothic";
  line-height: 1.6;
  letter-spacing: 1px;
  min-height: 600px;
}
body img {
  user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  max-width: 100%;
}

#cover1 {
  width: 100%;
  height: 100vh;
  background: #fff;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 40vw;
  height: 20vw;
  z-index: 99;
}
#cover1 img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

.serifu_area {
  position: absolute;
  z-index: 99;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 26vw;
  height: 30vw;
  max-width: 450px;
  max-height: 519px;
}
.serifu_area img {
  width: 26vw;
  height: 30vw;
  position: absolute;
  top: 0;
  left: 0;
  max-width: 450px;
  max-height: 519px;
}

#Teaser {
  width: 100%;
  height: 100vh;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}
#Teaser .line {
  height: 0.3em;
  background-color: #ff7777;
  width: 100%;
  position: absolute;
  z-index: 2;
}
#Teaser .project_mini {
  position: absolute;
  left: 2em;
  top: 2em;
  width: 9em;
}
#Teaser .bg_area {
  width: 100%;
  height: 100vh;
  position: absolute;
  z-index: 1;
}
#Teaser .bg_area div {
  width: 100%;
  height: 100vh;
  position: absolute;
  top: 0;
  background-size: cover;
  background-position: center;
}
#Teaser .bg_area .bg {
  background-image: url("../images/bg.jpg");
}
#Teaser .bg_area .bg_chara {
  background-image: url("../images/bg_chara.png");
}
#Teaser .text_area {
  width: 100%;
  height: 93vh;
  position: relative;
  z-index: 1;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
#Teaser .text_area .project-top {
  display: block;
  width: 15em;
}
#Teaser .text_area .logo-top {
  width: 30em;
}
#Teaser .text_area .koukai-top {
  width: 13em;
}
#Teaser .text_bottom {
  position: relative;
  z-index: 2;
  display: flex;
  width: 90%;
  margin: 0 auto;
  align-items: center;
  justify-content: space-between;
}
#Teaser .text_bottom .tokohanalogo {
  width: 5em;
}
#Teaser .text_bottom p {
  font-size: 60%;
}

@media screen and (max-width: 850px) {
  .bg_chara {
    background-image: url("../images/bg_chara2.png") !important;
    background-position: center;
  }
}/*# sourceMappingURL=style.css.map */