body {
  background-color: #fff6f8;
}

#cnt_hosupa {
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
}

#cnt_hosupa .cnt_inner {
  width: 828px;
  margin: 0 auto;
  background-color: #fff;
}

#cnt_hosupa .cnt_inner h2, #cnt_hosupa .cnt_inner h3 {
  margin: 0;
}


/* about_hosupa */
#cnt_hosupa .about_hosupa {
  margin: 0 auto;
}

#cnt_hosupa .about_hosupa .hosupa_flip_wrap {
  position: relative;
}

#cnt_hosupa .about_hosupa .hosupa_flip_wrap .flip_box {
  position: absolute;
  width: 716px;
  top: 0;
  left: 70px;
  backface-visibility: hidden;
}

#cnt_hosupa .about_hosupa .hosupa_flip_wrap .flip_box#hosupa_flip1 {
  top: 40px;
}

#cnt_hosupa .about_hosupa .hosupa_flip_wrap .flip_box#hosupa_flip2 {
  top: 450px;
}

#cnt_hosupa .about_hosupa .hosupa_flip_wrap .flip_box#hosupa_flip3 {
  top: 880px;
}

#cnt_hosupa .about_hosupa .hosupa_flip_wrap .flip_box .omote{
  position: relative;
  transition: .7s;
  transform: rotateY(-180deg);
  backface-visibility: hidden;
}

#cnt_hosupa .about_hosupa .hosupa_flip_wrap .flip_box .ura{
  position: absolute;
  top: 0;
  left: 0;
  transition: .7s;
  backface-visibility: hidden;
}

#cnt_hosupa .about_hosupa .hosupa_flip_wrap .flip_box.active .ura{
  transform: rotateY(180deg);
}

#cnt_hosupa .about_hosupa .hosupa_flip_wrap .flip_box.active .omote{
  transform: rotateY(0);
}

#cnt_hosupa .about_hosupa .hosupa_flip_wrap .flip_box img{
  width: 100%;
}


/* seibun */
#cnt_hosupa .seibun .hosupa_flip_wrap {
  position: relative;
}

#cnt_hosupa .seibun .hosupa_flip_wrap .flip_box {
  position: absolute;
  width: 716px;
  top: 0;
  left: 70px;
  backface-visibility: hidden;
}

#cnt_hosupa .seibun .hosupa_flip_wrap .flip_box div{
  position: absolute;
  top: 0;
  left: 0;
  transition: .7s;
  backface-visibility: hidden;
}

#cnt_hosupa .seibun .hosupa_flip_wrap .flip_box img{
  width: 100%;
}

#cnt_hosupa .seibun .hosupa_flip_wrap .flip_box .omote{
  transform: rotateY(-180deg);
}

#cnt_hosupa .seibun .hosupa_flip_wrap .flip_box.active .ura{
  transform: rotateY(180deg);
}

#cnt_hosupa .seibun .hosupa_flip_wrap .flip_box.active .omote{
  transform: rotateY(0);
}

/* carte */
#cnt_hosupa .carte {
  margin: 0 auto;
}

#cnt_hosupa .carte .carte_btn{
  width: 484px;
  margin: 47px auto 0;
    padding-bottom:  97px;
  display: block;
}

#cnt_hosupa .carte .carte_btn:hover{
  opacity: 0.8;
}


/* bnr */
#cnt_hosupa .bnr_wrap{
  margin: 0 auto;
  padding-bottom: 160px;
}

#cnt_hosupa .bnr_wrap a{
  display: block;
  width: 688px;
  margin: 0 auto 60px;
}

#cnt_hosupa .bnr_wrap a:last-child{
  margin-bottom: 0;
}