@charset "utf-8";


.main {
    background: url(imgs/main01.png) no-repeat center center;
    background-size: 100% auto;
}


.pbox1,
.pbox2,
.pbox3{
position: relative;
margin-bottom:15px;
padding:30px 0;
border: solid #333 1px;

}

.child{
position: absolute;
left: 50%; 
top: 50%;
transform: translateX(-50%) translateY(-50%);
width:90%;
}

.pbox3{
color: #fff;
}

.fr{
width:47%;
}
.fl{
width:42%;
}



@media screen and (max-width: 1024px) {
.fr,
.fl{
width:100%;
margin:auto;
}
.ttl01{
	background-position:center bottom;
}
.pbox6{
	margin-top:30px;
}
.pc{
display: none;
}
}

@media only screen and (max-width:480px){
.f230.lighter {
	font-size:1.9em;
}

}