body{
background-image:url("https://www.pcs-marine.net/image/001.jpg");
background-position:center center;
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;
  padding: 0;
  margin: 0;
}

@media screen and (min-width: 1000px) {
.title{
width:800px;
height:100%;
background-image:url("https://www.pcs-marine.net/image/PCS03.png");
background-position:top 2em center;
background-repeat: no-repeat;

margin-right:auto;
margin-left:auto;
padding-top:200px;
}
}
@media screen and (max-width: 999px) {
.title{
width:80%;
height:100%;
background-image:url("https://www.pcs-marine.net/image/PCS03.png");
background-size:100%;
background-position:top 2em center;
background-repeat: no-repeat;
margin-right:auto;
margin-left:auto;
padding-top:200px;
}
}

@media screen and (min-width: 1000px) {
.eng{
width: 45%;
    height: 33px;
    font-weight: 800;
    margin-right: 5%;
    float: left;
    border: 1px solid #ccc;
    border-radius: 10px;
    background-color: #fff;
    opacity: 0.7;
    box-shadow: 2px 2px;
text-align:center;
padding-top:45px;
padding-bottom:47px;
font-size:33px;
}
}
@media screen and (max-width: 999px) {
.eng{
width: 90%;
    height: 100px;
    font-weight: 800;
    margin-top:3em;
    border: 1px solid #ccc;
    border-radius: 10px;
    background-color: #fff;
    opacity: 0.8;
    box-shadow: 2px 2px;
margin-right:auto;
margin-left:auto;
text-align:center;
padding-top:45px;
padding-bottom:45px;
font-size:60px;
}
}
@media screen and (min-width: 1000px) {
.ja{
width: 45%;
    height: 33px;
    font-weight: 800;
    margin-left: 4%;
    float: left;
    border: 1px solid #ccc;
    border-radius: 10px;
    background-color: white;
    opacity: 0.7;
    box-shadow: 2px 2px;
text-align:center;
padding-top:45px;
padding-bottom:47px;
font-size:33px;
}
}
@media screen and (max-width: 999px) {
.ja{
width: 90%;
    height: 100px;
    font-weight: 800;
    margin-top:2em;
    border: 1px solid #ccc;
    border-radius: 10px;
    background-color: white;
    opacity: 0.8;
    box-shadow: 2px 2px;
margin-right:auto;
margin-left:auto;
text-align:center;
padding-top:45px;
padding-bottom:45px;
font-size:60px;
}
}
@media screen and (min-width: 1000px) {
.footer{

width:100%;
border-top: 3px solid #337ab7;
background-color: white;
   opacity: 0.7;
padding-top:1em;
padding-bottom:1em;
	position: absolute;
	bottom: 0;
text-align:center;
font-size:11px;
}
}
@media screen and (max-width: 999px) {
.footer{

width:100%;
border-top: 3px solid #337ab7;
background-color: white;
   opacity: 0.7;
padding-top:2em;
padding-bottom:2em;
font-size:1.4em;
	position: absolute;
	bottom: 0;
text-align:center;
}
}