@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Noto+Serif+JP:wght@200..900&display=swap');

body{
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
}

img{
  max-width:100%;
}

a:hover img{
  opacity:0.8;
}

header{
  padding:10px;
}

#logo{
  width:250px;
}


.text1{
  margin-top:60px;
}

.text1 a{
  color:#00a0e9;
  border-bottom:1px solid #00a0e9;
  text-decoration:none;
}

.stage_house{
  position:relative;
}

.stage_house .stage_btn1{
  position: absolute;
  top: 70%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 90%;
}

.stage_house .stage_btn2{
  position: absolute;
  top: 79%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 90%;
}

.stage_house .stage_btn3{
  position: absolute;
  top: 88%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 90%;
}

.bbox{
  margin-top:40px;
  border:1px solid #231815;
  padding:20px;
  text-align:center;
}

#howto{
  background:#ffe7cc;
  padding:60px 0px;
}

.howtotitle{
  font-size:20px;
  color:#FFF;
  padding:10px;
  background:#df804c;
  margin-bottom:30px;
}

h2{
  font-size:32px;
  text-align:center;
}

#showroom{
  padding:60px 0px;
}

#bunjyo{
  padding:60px 0px;
  background:#f5f5f5;
}

.concept{
  font-size:22px;
  text-align:center;
  margin-top:20px;
}

.bunjyo_title1{
  font-size:32px;
  color:#ef4457;
}

.bunjyo_title2{
  font-size:32px;
  color:#ff922b;
}


#gallerypark{
  padding:60px 0px;
}


@media screen and (max-width: 1200px) {
}


@media screen and (max-width: 991px) {

}

/* md ≥768px */
@media screen and (max-width: 991px) {
}

/* sm ≥576px */
@media screen and (max-width: 767px) {
}

/* xs <576px */
@media screen and (max-width: 576px) {
  .stage_house{
    margin-bottom:20px;
  }
  h2{
    font-size:20px;
  }
}