/*ここからブロック*/

.block1{
width:1200px;
max-width:90%;
padding:0;
margin:0 auto;
height:100%;
position:relative;
}
.block1-i{
height:100%;
}
/*ここまでブロック*/

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

/*ここからブロック*/
.block3-w{
width: 100%;
  background-color: #cfe5de;
  padding: 50px 0;
  background-image: url("../image/index3.svg");
  background-position: calc(50% + 600px) 75%;
  background-blend-mode: multiply;
  background-repeat: no-repeat;
  background-size: 100%;
}
.block3{
width:1000px;
max-width:90%;
padding:30px 0;
margin:0 auto;
}
.block3-i{
background-color:#fff;
}
/*ここまでブロック*/

/*ここからブロック*/
.block4-w{
width:100%;
padding:60px 0 150px;
}
.block4{
width:800px;
max-width:90%;
padding:30px 0;
margin:0 auto;
}
.block4-i{
background-color:#fff;
}
/*ここまでブロック*/

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










.box1{
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap; 
height: 100%;
}


.ip1{
width:650px;
max-width:90%;
}

.ip1 img{
filter: drop-shadow(3px 3px 5px #00000052);
}

.ip2 {
  width: 170px;
  position: absolute;
  right: 0;
  bottom: 40px;
}

.ip2 a:hover{
opacity:0.6;
}

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

.box2-1{
width:400px;
}

.box2-2{
width:320px;
display: flex;
flex-direction: column;
}

.ip4 a{
display:block;
padding:5px 20px;
background-color:#006240;
color:#fff;
width:fit-content;
}

.ip4 a:hover{
background-color: #298263;
}

.ip4{
margin-top:auto;
}

.h2a{
width:150px;
margin:0 auto 10px;
}

.ip5{
text-align:center;
font-weight:bold;
}

.ip4 a.center{
margin:0 auto;
}


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

.box3-1{
width:320px;
display: flex;
flex-direction: column;
}

.box3-2{
width:400px;
}

.ip6{
font-size:1.2rem;
font-weight:bold;
margin-bottom:20px;
}

.info-w{
width:500px;
max-width:90%;
margin:0 auto;
padding:50px 0;
}

.info{
display:flex;
flex-wrap:wrap;
margin-bottom:20px;
}

.info-1{
width:100px;
}

.info-2 {
  width: calc(100% - 140px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}










.block1-w {
	width:100%;
  position: relative;
  padding:64px 0 0;
  aspect-ratio:26 / 10;
}

.bg-layer {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  z-index: 0;
}
.block1-w > *:not(.bg-layer) {
  position: relative;
  z-index: 1;
}












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

}


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

.ip2 {
bottom: 5px;
}

.block1-w {
height: 400px;
background-position: center center;
}

.ip7{
margin-bottom:20px;
}

.ip4{
margin-top:30px;
}

.box2-1{
width:100%;
}

.box2-2{
width:100%;
}

.box3-1{
width:100%;
}

.box3-2{
margin-top:30px;
width:100%;
}

.ip4 a{
margin:0 auto;
}

.block3 {
  width: 1000px;
  max-width: 90%;
  padding: 30px 0 0;
  margin: 0 auto;
}

.block4-w {
padding: 60px 0 80px;
}





}

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



}