/* section1 */


.id4-section1 {
float: left;
position: relative;
width: 100%;
height: 650px;
}


.id4-section1 .titel{
width: 100%;
margin-top: 270px;
text-align: center;
}

/* section1 */

/* section2 */

.id4-section2{
float: left;
position: relative;
display: flex;flex-direction: column;justify-content: center;
}


.id4-section2-1{
float: left;
width: 100%;
height: 574px;
overflow: hidden;
display: block;
}

.id4-section2-1 img{
width: 100%;height: 600px;
display: block;
object-fit: cover;
}




.id4-section2-2{
float: left;
width: 100%;
display: block;
}

.id4-section2-2 .img{
margin-top: 30px;
width: 100%; 
overflow: hidden;
display: block;
}
.id4-section2-2 .img img{
width: 100%;height: 270px;
display: block;
object-fit: cover;
}




.id4-section2-3{
float: left;
width: 100%;
height: 286px;
text-align: center;
display: flex;
flex-direction: column;
justify-content: center;
align-items:center
}


.id4-section2-4{
float: left;
position: relative;
width: 100%;
height: auto;
margin-bottom: 100px;
}

.id4-section2-4 .img{
float: left;
position: relative;
width: 100%;
height: 679px;
display: flex;
align-content: flex-end;
}


.id4-section2-4 .img img{
width: 100%;height: auto;
}

.id4-section2-4 .text{
float: left;
position: relative;
margin-top: 50px;	
width: 100%;
}


a.jump_point {height: 1px;
display: block;

}

.google-btn{
position: absolute;
z-index: 2;
bottom: 17px;left:17px; 
width: 140px;
height: 30px;
display:flex;
justify-content: center;
align-items:center;
background-color:#DF004E;
border: solid 1px #DF004E;
box-sizing: border-box;
color: #fff;
transition: all 0.2s;
cursor: pointer;
}
.google-txt::before {
content: 'Google Mapを開く';
color: #fff;
font-size: 13px;
transition: all 0.2s;
}
.google-btn:hover{background-color:#fff;}
.google-btn.google-txt:hover::before {color: #DF004E;}




.id4-section2-5{
float: left;
position: relative;
width: 100%;
height: auto;
margin-bottom: 100px;
display: flex;
flex-wrap:wrap;

}

.id4-section2-5 :nth-child(1) { order: 1; }
.id4-section2-5 :nth-child(2) { order: 3; }
.id4-section2-5 :nth-child(3) { order: 2; }


.id4-section2-5 .text1{
float: left;
position: relative;
width: 50%;
height: auto;
}

.id4-section2-5 .map{
float: left;
position: relative;
width: 50%;
height: auto;
}

.map.map-img2{
position: relative;
width: 100%;
height: auto;
display: flex;
align-content: flex-end;
}

.map-img2 img{
width: 100%;height: auto;
display: block;
object-fit: cover;
}

.id4-section2-5 .text2{
float: left;
position: relative;
width: 50%;
height: auto;
margin-top: -270px;
}

.park-btn{
position: absolute;
bottom: 17px;left:17px; 
width: 175px;
height: 30px;
display:flex;
justify-content: center;
align-items:center;
background-color:#DF004E;
border: solid 1px #DF004E;
box-sizing: border-box;
color: #fff;
transition: all 0.2s;
cursor: pointer;
}
.park-txt::before {
content: '三井のリパーク情報を開く';
color: #fff;
font-size: 13px;
transition: all 0.2s;
}
.park-btn:hover{background-color:#fff;}
.park-btn.park-txt:hover::before {color: #DF004E;}





@media (max-width:767px),(min-width:767px)  {
.id4-section1 {height: 580px;}
.id4-section1 .titel{margin-top: 200px;}
.id4-section2{height: 1700px;}
.id4-section2-1{width: 100%;height: auto;}	
.id4-section2-1 img{height: 400px;}
.id4-section2-2 .img img{height: 400px;}	

.id4-section2-2{
float: left;
width: 100%;
height: auto;
display: block;
}

.id4-section2-2 .img{
margin-top: 30px;
width: 100%; 
overflow: hidden;
}
		

.id4-section2-4 .img{height: auto;}
.id4-section2-4 .text{margin-top: 20px;}	
.google-btn{bottom: 0px;left:0px;}
	
.id4-section2-5{height: 1160px;}

.id4-section2-5 .text1{width: 100%;}
.id4-section2-5 .map{width:100%;height: 355px;}
.map-img2{width:355px;}
.id4-section2-5 .text2{width: 100%;margin-top: -70px;}
	
.park-btn{bottom: 0px;left:0px;}
	
	
}

@media screen and (min-width: 1024px)  {
.id4-section1 {height: 650px;}
.id4-section1 .titel{margin-top: 270px;}
.id4-section2{height: 870px;}
.id4-section2-1{width: 100%;height: 574px;}	
.id4-section2-1 img{height: 600px;}
.id4-section2-2 .img img{height: 270px;}
	

.id4-section2-2{
float: left;
width: 100%;
height: auto;
display:flex;justify-content: space-between;
}

.id4-section2-2 .img{
margin-top: 30px;
width: 32%; 
overflow: hidden;
}
	

.id4-section2-4 .img{height: 679px;}
.id4-section2-4 .text{margin-top: 50px;}
.google-btn{bottom: 17px;left:17px;}
	
.id4-section2-5{height: 660px;}

.id4-section2-5 .text1{width: 50%;}
.id4-section2-5 .map{width:50%;height:540px;}
.map-img2{width:100%;}
.id4-section2-5 .text2{width: 50%;margin-top: -270px;}
	
.park-btn{bottom: 17px;left:17px;}
	
	
}
	
/* section2 */