@charset "utf-8";
/* CSS Document */

.rap{
	padding-left: 1rem;
	padding-right: 1rem;
	
}
	
.main-box{
	background: url( "../img_transfer/main03.png") no-repeat;
	background-position:center;
	position: absolute;
	background-attachment: fixed;
	height: 600px;
	text-align: center;
	margin-top: 2rem;
	padding: 1rem;
	position: relative;
	text-align: center;
}

.main-box-text{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

h1{
	font-size:2rem;
	text-align: center;
	padding-top: 3rem;
	margin-bottom: 1rem;
}

.text-center{
	text-align: center;
}


@media screen and (max-width: 768px) {
	.main-box{
	background: url( "../img_transfer/main03.png") no-repeat;
	background-size: cover;
	position: absolute;
    max-height: 350px;
	text-align: center;
	margin-top: 2rem;
	padding: 1rem;
	position: relative;
	text-align: center;
	}
	.main-box-text{
  background: hsla(0,0%,100%,0.60);
		left: 50%;
	}

}