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


#mainimage{
background-size:cover;
background-position:50%;
max-height:900px;
position:relative;
margin-bottom:7rem;
}
#mainimage:before {
    content: "";
    display: block;
    padding-top: 37.6%;
	z-index:-1;
}
#mainimage .titlebox{
position:absolute;
left:0;
bottom:-7rem;
background-color:#fff;
box-shadow:2px 2px 9px -3px rgba(0,0,0,0.5);
text-align:justify;
padding:4rem 4rem 4rem 18rem;
min-width: 72rem;
z-index: 3;
}
#mainimage .titlebox h1{}
#mainimage .titlebox h1 p{
display:inline-block;
}
#mainimage .titlebox .en{
font-weight:900;
font-size:4rem;
line-height:1;
padding-right:1rem;
}
#mainimage .titlebox .en span{
color:#ff0000;
}
#mainimage .titlebox .ja{
font-weight:normal;
font-size:1.8rem;
}
#mainimage .titlebox .read{
font-weight:700;
font-size:2rem;
padding-top:1rem;
}


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


#mainimage{
background-position:50% 100%;
margin-bottom:7rem;
}
#mainimage:before {
    padding-top: 30.6%;
}
#mainimage .titlebox{
position:relative;
left:0;
bottom:-7rem;
padding:2rem;
min-width: 100%;
}
#mainimage .titlebox h1{}
#mainimage .titlebox h1 p{
}
#mainimage .titlebox .en{
font-size:2.5rem;
}
#mainimage .titlebox .ja{
font-size:1.3rem;
}
#mainimage .titlebox .read{
font-size:1.6rem;
padding-top:1.5rem;
line-height:1.3;
}


}