a {
text-decoration: none;
color: #222426;
}


.main-image4 {
position: relative;
padding-bottom: 98px;
}

.image4_top {
width: 100%;
height: auto;
height: 100vh;
object-fit: cover;
}

.top4-text {
position: absolute;
bottom: 42%;
left: 68%;
color: #ffffff;
}

.greenpan-title {
padding: 0;
}

.michi-seriesbox {
display: flex;
}
.michi-seriesbox dl{
display: flex;
width: 100%;
height: auto;
}

.michi-seriesbox dt{
padding: 50px;
}

.michi-seriesbox dt :hover{
background-color: #ffffff;
}

.img_wrap:hover img{
opacity: 0.6;
transition-duration: 0.3s;
background-color: #222426;
z-index: 30;
}

.michi-seriesbox dt img{
width: 100%;
height: auto;
object-fit: cover;
cursor: pointer;
transition-duration: 0.3s;
background-color: #222426;
}

.greenpan-D1 {
width: 100%;
height: 1350px;
padding: 70px;
background-color: #f2f3f5;
display: flex;

}

.greenpan-inner {
display: flex;
}


.greenpan-imgbox {
width: 82%;
height: auto;

}

.G-imgbox {
width: 100%;
height: auto;
object-fit: cover;
}

.greepan-textbox {
display: block;
display:inline-block
}

.G-box2 {
margin: 0;
letter-spacing: .15em;
margin-bottom: 24px;
}

.G-box2 h3 {
font-size: 36px;
padding-bottom: 24px;
}

.G-box2 h4 {
font-size: 20px;
}

.G-box2 h5 {
font-size: 20px;   
text-align: left; 
padding-top: 60px;
margin-bottom: 36px;
}

.G-box2 h6 {
font-size: 14px;
}
.G-box2 p {
padding:40px 0 40px 0; 
text-align: justify;
}

.G-box2 dl{
display: inline-block;
text-align: left; 
padding: 0;
text-align: justify;
}

.tp {
    font-size: 18px;
    font-weight: 600;
}

.G-box2 dd{
padding: 0;
color: #6b7078;
display:inline-block;
margin-bottom: 24px;
}

.G-box2 dt{
padding: 0;
display:inline-block;
}

.G-box2 .button-coll {
padding-bottom: 40px;
}