@charset "utf-8";
/* CSS Document */
*{
font-size:14px;
}

ul,ul li{
margin: 0;
padding: 0;
list-style: none;
}

.sea_anm_wrap{
width: 100%;
}

.tug_k{
width: 94%;
max-width: 400px;
margin: 0 auto 40px;
}
.seams_blk01,
.seams_blk03{
width: 94%;
max-width: 800px;
margin: 0 auto;
}
.seams_blk01 ul,
.seams_blk03 ul{

}
.seams_blk01 ul li,
.seams_blk03 ul li{
text-align: center;
}
.seams_blk01 ul li:nth-of-type(1),
.seams_blk03 ul li:nth-of-type(1){
margin-bottom: 30px;
}
.seams_blk01 ul li:nth-of-type(2),
.seams_blk03 ul li:nth-of-type(2){
line-height: 1.8;
letter-spacing: 0.1rem;
}
.seams_blk01 ul li img,
.seams_blk03 ul li img{
width: 60%;
max-width: 230px;
}

.seams_blk02{
width: 100%;
max-width: 700px;
margin: 80px auto 80px auto;
}
.seams_blk02 ul{

}
.seams_blk02 ul li{

}
.seams_blk02 ul li img{

}
.seams_blk03 ul li:nth-of-type(3){
margin-top: 20px;
text-align: center;
}
.seams_blk03 ul li:nth-of-type(3) img{
width: 94%;
max-width: 700px;
margin: 0 auto;
}

.seams_blk04{
width: 94%;
max-width: 700px;
margin: 80px auto 40px auto;
}
.seams_blk04 ul{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.seams_blk04 ul li{
width:calc( 100% / 2 - 20px );
margin-bottom: 40px;
}
.seams_blk04 ul li img{

}

.seams_blk05{
width: 94%;
max-width: 700px;
margin: 0 auto;
}
.seams_blk05 ul{

}
.seams_blk05 ul li{
margin:0 auto 40px;
}
.seams_blk05 ul li:nth-of-type(1){
width: 94%;
max-width: 600px;
margin: 0 auto 10px;
}
.seams_blk05 ul li:nth-of-type(2){
width: 94%;
max-width: 500px;
margin: 0 auto 40px;
}
.seams_blk05 ul li:nth-of-type(3){
width: 94%;
max-width: 400px;
margin: 0 auto 40px;
}

.seams_blk05 ul li:nth-of-type(4){

}
.seams_blk05 ul li:nth-of-type(4) dl{
display: flex;
flex-wrap: nowrap;
width:40%;
max-width: 150px;
margin: 0 auto;
justify-content: space-evenly;
}
.seams_blk05 ul li:nth-of-type(4) dl dt{ 
display: none;
}
.seams_blk05 ul li:nth-of-type(4) dl dd{ 
width: calc( 100% / 2 - 20px );
}
.seams_blk05 ul li:nth-of-type(1) img{

}
.seams_blk05 ul li img{

}

.copyright_geni_wrap{
width: 100%;
background: url(https://edinter.itembox.design/item/campaign/2023/sea_animals/file/seaams_img21.png);
background-repeat: no-repeat;
background-size: contain;
background-position: bottom;
height: 400px;
position: relative;
}

.copyright_geni{
text-align: center;
color:#333;
font-size:14px;
padding:0 0 10px 0;
position: absolute;
bottom:0px;
left:0;
right:0;
margin: auto;
}

.pc_oly{
display: block;
}
.sp_oly{
display: none;
}





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


.seams_blk01 ul li:nth-of-type(2){
text-align: left;
}

.seams_blk04 ul li {
    width: calc( 100% / 2 - 5px );
    margin-bottom: 20px;
}
.copyright_geni_wrap {
    background-size: 300%;
    height: 200px;
}
.pc_oly{
display: none;
}
.sp_oly{
display: block;
}


}