@charset "utf-8";
/* CSS Document */
html,body{
padding: 0;
margin: 0;
font-size: 14px;
}
li{
line-height: 1.8;
}
.block01{
width: 100%;
background: url(https://edinter.itembox.design/item/present/2023/march/bg01.png) no-repeat #eae4d6;
background-size: contain;
position: relative;
height: auto;
min-height: 480px;
margin:300px auto 0;
}
.block01_in{
width: 94%;
max-width: 100%;
text-align: center;
position: absolute;
top:-300px;
left:0;
right: 0;
margin:80px auto 0 auto;
}
.block01_in img{
width: 100%;
max-width: 500px;
margin: 0 auto;
}

.block02{
width: 100%;
background: url(https://edinter.itembox.design/item/present/2023/march/bg02.png) repeat-x #fff;
background-size: 25px;
}
.block02_in{
width: 94%;
max-width: 700px;
text-align: center;
padding: 80px 0 0px 0;
margin: 0 auto;
}

.block02_in ul{

}
.block02_in ul li{

}
.block02_in ul li img{
width: 100%;
max-width: 100%;
}
.block02_in ul li:nth-of-type(3) img{
width: 100%;
max-width: 400px;
}
.block02_in ul li:nth-of-type(2),
.block02_in ul li:nth-of-type(5)
{
padding: 30px 0 60px 0;
}
.block02_in ul li:nth-of-type(3){
padding: 0px 0 30px 0;
}


.block03{
width: 100%;
background: url(https://edinter.itembox.design/item/present/2023/march/bg03.png) repeat-x #eae4d6;
background-size: 25px;
padding: 80px 0;
}
.block03_in{
width: 94%;
max-width: 700px;
text-align: center;
padding: 80px 0;
margin: 0 auto;
background: #fff;
border-radius: 20px;
}
.block03_in ul{

}
.block03_in ul li{

}
.block03_in ul li:nth-of-type(2){
padding: 50px 0 0px 0;
}
.block03_in ul li img{
width: 94%;
max-width: 450px;
}


.block04{
width: 100%;
background: url(https://edinter.itembox.design/item/present/2023/march/bg02.png) repeat-x #fff;
background-size: 25px;
}
.block04_in{
width: 94%;
max-width: 700px;
text-align: center;
padding: 80px 0 0px 0;
margin: 0 auto;
}
.block04_in ul{

}
.block04_in ul li{
margin:0 auto 80px auto;
}
.block04_in ul li:nth-of-type(1),
.block04_in ul li:nth-of-type(2){
margin:0 auto 10px auto;
}
.block04_in ul li:nth-of-type(1){

}
.block04_in ul li:nth-of-type(8){
margin:80px auto 0;
}
.block04_in ul li:nth-of-type(1) img,
.block04_in ul li:nth-of-type(8) img,
.block05_in ul li:nth-of-type(1) img{
width: 100%;
max-width: 450px;
}
.block04_in ul li:nth-of-type(2){
padding: 20px 0;
}
.block04_in ul li:nth-of-type(3),
.block04_in ul li:nth-of-type(4),
.block04_in ul li:nth-of-type(5){
position: relative;
border:2px solid #4d4d4d;
border-radius: 20px;
padding: 30px;
}
.block04_in ul li:nth-of-type(3) dl,
.block04_in ul li:nth-of-type(4) dl,
.block04_in ul li:nth-of-type(5) dl{
position: relative;
}
.block04_in ul li:nth-of-type(3) dl dt,
.block04_in ul li:nth-of-type(4) dl dt,
.block04_in ul li:nth-of-type(5) dl dt{
position: absolute;
top:-50px;
left:0px;
text-align: left;
}
.block04_in ul li:nth-of-type(3) dl dt img,
.block04_in ul li:nth-of-type(4) dl dt img,
.block04_in ul li:nth-of-type(5) dl dt img
{
width: 70%;
}
.block04_in ul li:nth-of-type(3) dl dd,
.block04_in ul li:nth-of-type(4) dl dd,
.block04_in ul li:nth-of-type(5) dl dd{
text-align: left;
padding: 10px 20px 0 20px;
font-size: 17px;
line-height: 2.0;
}
.block04_in ul li:nth-of-type(3) dl dd:nth-of-type(1),
.block04_in ul li:nth-of-type(4) dl dd:nth-of-type(1),
.block04_in ul li:nth-of-type(5) dl dd:nth-of-type(1){
text-align: center;
}
.block04_in ul li:nth-of-type(3) dl dd:nth-of-type(1) img,
.block04_in ul li:nth-of-type(4) dl dd:nth-of-type(1) img,
.block04_in ul li:nth-of-type(5) dl dd:nth-of-type(1) img{
width: 30%;
}
.block04_in ul li:nth-of-type(3) dl dd span,
.block04_in ul li:nth-of-type(4) dl dd span,
.block04_in ul li:nth-of-type(5) dl dd span{
display: block;
font-size:14px;
color:#666666;
margin:20px 0 0 0;
}
.block04_in ul li:nth-of-type(6),
.block04_in ul li:nth-of-type(7){
margin: 0 auto 20px auto;
}
.block04_in ul li:nth-of-type(6) img,
.block04_in ul li:nth-of-type(7) img{
width: 94%;
max-width: 400px;
}


.block05{
width: 100%;
background: url(https://edinter.itembox.design/item/present/2023/march/bg03.png) repeat-x #eae4d6;
background-size: 25px;
padding: 80px 0;
text-align: left;
margin:80px auto 0;
}
.block05_in{
width: 94%;
max-width: 700px;
text-align: center;
padding: 0px 0;
margin: 0 auto 0 auto;
background: #eae4d6;
border-radius: 20px;
}
.block05_in ul{

}
.block05_in ul li{

}
.block05_in ul li dl{
text-align: left;
margin:20px auto 0px auto;
font-size: 12px;
}
.block05_in ul li dl dt{

}
.block05_in ul li dl dd{

}


.pre_pc_oly{
display: block;
}
.pre_sp_oly{
display: none;
}

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

.block01 {
min-height: 300px;
}
.block03_in {
padding: 30px 0;
}


.block04_in ul li:nth-of-type(3) dl dd:nth-of-type(1),
.block04_in ul li:nth-of-type(4) dl dd:nth-of-type(1),
.block04_in ul li:nth-of-type(5) dl dd:nth-of-type(1){
text-align: right;
}
.block04_in ul li:nth-of-type(3) dl dd:nth-of-type(1) img,
.block04_in ul li:nth-of-type(4) dl dd:nth-of-type(1) img,
.block04_in ul li:nth-of-type(5) dl dd:nth-of-type(1) img{
width: 65%;
margin-right: 10px;
}

.pre_pc_oly{
display: none;
}
.pre_sp_oly{
display: block;
}

}