@charset "utf-8";

@media print,screen and (min-width : 501px) {

#header_img {
    margin-top: 20px;
    height: 300px; /* ヘッダーの中身が空のため高さを指定 */
    background-image: url("../works/image/header.jpg");
    background-size: cover;
    background-position: 50% 90%; /* 横 縦 */
}
    
h1{
    font-size:26px;font-size:2.6rem;
    margin-bottom: 20px;
    text-align: center;
    color: #263EAD;
}

#seisaku{
  margin-top: 40px;
  border:solid 1px #dfdfdf;
  padding: 100px;
  -webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;
}

}
@media screen and (max-width : 500px) {

#header_img {
    margin-top: 20px;
    height: 200px; /* ヘッダーの中身が空のため高さを指定 */
    background-image: url("../works/image/header.jpg");
    background-size: cover;
    background-position: 50% 75%; /* 横 縦 */
}

h1{
    font-size:22px;font-size:2.2rem;
    margin-bottom: 20px;
    text-align: center;
    color: #263EAD;
}

#seisaku{
  margin-top: 40px;
  border:solid 1px #dfdfdf;
  padding: 40px 10px;
  -webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;
}

}