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

header{
background: url("../img/2025/ba.jpg");
background-size: 200px auto;
padding: 3% 0 4% 0;
position: relative;
}

header h1{
width: 50%;
padding: 0;
margin: 0 auto;
}

header h1 img{
width: 100%;
}

.top_copy_01{
width: 5%;
position: absolute;
top: 8%;
right: 17%;
}

.top_copy_01 img{
width: 100%;
}

.top_img_01{
width: 15%;
position: absolute;
top: 2%;
right: 10%;
}

.top_copy_02{
width: 500px;
padding: 0;
margin: 1% auto;
}

.top_copy_02 img{
width: 100%;
}

header section{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 1200px;
margin: 0 auto;
position: relative;
}

header section div:nth-of-type(1){
width: 46.5%;
position: relative;
}

header section div:nth-of-type(2){
width: 50%;
position: relative;
}

header section div img{
width: 100%;
}

.present01{
width: 1200px;
margin: 0 auto;
margin-top: 2%;
}

.present01 img{
width: 100%;
}

.top_img_02{
width: 30%;
position: absolute;
top: -65%;
left: 3%;
}

.top_img_03{
width: 30%;
position: absolute;
top: -65%;
right: 3%;
}

.top_img_04{
width: 15%;
position: absolute;
top: -52%;
left: -7%;
}

.top_img_05{
width: 15%;
position: absolute;
top: -52%;
right: -7%;
}

.top_img_06{
width: 22%;
position: absolute;
top: -87%;
left: 0%;
}

.top_img_07{
width: 22%;
position: absolute;
top: -15%;
right: -8%;
}

.top_img_sp{
display: none;
}


@media screen and (max-width: 800px) {
header{
background: url("../img/2025/ba.jpg");
background-size: 100px auto;
padding: 3% 0 4% 0;
position: relative;
}

header h1{
width: 80%;
padding: 0;
margin: 0 0;
margin-left: 5%;
}

header h1 img{
width: 100%;
}

.top_copy_01{
width: 8%;
position: absolute;
top: 3%;
right: 5%;
}

.top_img_01{
width: 20%;
position: absolute;
top: 0%;
right: 0%;
}

.top_copy_02{
width: 80%;
padding: 0;
margin: 1% auto;
}


header section{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 80%;
margin: 0 auto;
position: relative;
}


header section div:nth-of-type(1){
width: 100%;
position: relative;
margin-bottom: 4%;
}

header section div:nth-of-type(2){
width: 100%;
position: relative;
}

.present01{
width: 80%;
margin: 0 auto;
margin-top: 4%;
}

.top_img_sp{
display: block;
width: 75%;
margin: 0 auto;
margin-bottom: -6%;
}

.top_img_06{
width: 30%;
position: absolute;
top: -68%;
left: -16%;
}

.top_img_07{
width: 40%;
position: absolute;
top: -29%;
right: -8%;
}

}