/*ここからブロック*/
.block1-w{
width:100%;
background-color:#d0e0ff;
padding:143px 0 30px;
}
.block1{
width:1000px;
max-width:98%;
padding:30px 0;
margin:0 auto;
}
.block1-i{

}
/*ここまでブロック*/

/*ここからブロック*/
.block2-w{
width:100%;
background-color:#d0e0ff;
padding:30px 0;
}
.block2{
width:1000px;
max-width:98%;
padding:30px 0;
margin:0 auto;
}
.block2-i{
min-height:300px;
position:relative;
}
/*ここまでブロック*/

/*ここからブロック*/
.block3-w{
width:100%;
background-color:#d0e0ff;
padding:30px 0;
}
.block3{
width:1000px;
max-width:98%;
padding:30px 0;
margin:0 auto;
}
.block3-i{
min-height:300px;
position:relative;
}
/*ここまでブロック*/

/*ここからブロック*/
.block4-w{
width:100%;
background-color:#d0e0ff;
padding:30px 0;
}
.block4{
width:1000px;
max-width:98%;
padding:30px 0;
margin:0 auto;
}
.block4-i{
min-height:300px;
position:relative;
}
/*ここまでブロック*/

/*ここからブロック*/
.block5-w{
width:100%;
background-color:#f7e8ff;
padding:30px 0;
}
.block5{
width:1000px;
max-width:98%;
padding:30px 0;
margin:0 auto;
}
.block5-i{
min-height:300px;
background-color:#fff;
}
/*ここまでブロック*/

body{
background-color:#d0e0ff;
}


.h2a{
font-family: 'MADE GoodTime Grotesk', sans-serif;
letter-spacing: 0.05em;
font-weight: bold;
font-size: 4rem;
}

.h2b{
font-size:1.4rem;
font-weight:500;
padding-left:5px;
}

.box1-w{
padding:80px;
position:relative;
z-index:2;
}

.box1{
display: flex;
flex-wrap: wrap; 
justify-content: space-between;
}

.box1>div{
width:32%;
border-radius:15px;
overflow:hidden;
}

.box1>div:first-child{
width:50%;
border-radius:none;
}

.box1>div:nth-child(2){
width:45%;
margin-bottom:30px;
}

.moku1{
position:absolute;
z-index:1;
top:0;
left:0;
width:100%;
height: 700px;
}

.sp1{
font-weight:bold;
font-size:1.7rem;
margin-bottom:20px;
}

.sp2{
font-size:1rem;
}

.moku2{
position:absolute;
z-index:1;
top: -30px;
left:-5%;
width:110%;
height: 700px;
}

.moku3{
position:absolute;
z-index:1;
top:0;
left:0;
width:100%;
height: 700px;
}

.si1{
position:absolute;
bottom: -30px;
left: -100px;
width:168px;
height:221px;
z-index:5;
}

.si2{
position:absolute;
bottom: -30px;
right: -100px;
width:230px;
height:223px;
z-index:5;
}

.si3{
position:absolute;
bottom: -30px;
left: -20px;
width:229px;
height:258px;
z-index:5;
}



















/* 画面幅1024以下 PC*/
@media screen and (max-width: 1024px) {

}


/* 画面幅768px以下 タブレット*/
@media screen and (max-width: 768px) {

.h2a {
font-size: 3rem;
text-align:center;
}

.h2b{
text-align:center;
}

.box1-w {
padding: 30px 10% 80px;
}

.box1 {
flex-direction: column;
}

.box1>div{
width:100%;
overflow:hidden;
margin-bottom:20px;
}

.box1>div:first-child{
width:100%;
margin-bottom:80px;
}

.box1>div:nth-child(2){
width:100%;
margin-bottom:20px;
}

.moku1{
height:300px;
}

.moku2{
height:500px;
}

.moku3{
height:400px;
}






}

/* 画面幅375px以下　モバイル*/
@media screen and (max-width: 375px) {



}