@charset "utf-8";

/*--------------------------*/

img {
  height: auto;
}

.cnt img{
    width: 100%;
    display: block;
    line-height: 0;
    font-size: 0;
}

#wrapper{
    padding-bottom: 0;
  position: relative;
}
  

@media screen and (min-width: 768px) {
#wrapper{
      background-image: url("../img/bg_pc.jpg");

}
}


.wrap{
  width: 100%;
    position: relative;
    background-position: top center;
    background-size: cover;
    overflow: hidden;
    

}

@media screen and (min-width: 768px) {
 .wrap{
		width:750px;
    height: 100%;
		margin: auto;
		max-width: 750px;
}
}


.cnt{
	width: 100%;
	margin: 0;
	padding: 0;
	position: relative;
  vertical-align: bottom;
}

.cnt img{
    width: 100%;
    display: block;
    line-height: 0;
    font-size: 0;
}

.wrap-under{
      background-image: url("../img/bg.jpg");
      background-size: 100% auto;
  display: flex;
  min-height: 50vh;
  justify-content: center;
align-items: center;
}

.wrap-under .end{
  width: 80%;
  margin: auto;


}