.subpage-top-contents-group{
    display: flex;
    width: 1300px;
    margin: auto;
    gap: 70px;
    margin: 60px auto 0;
}

.subpage-top-text{
	width: auto;
	margin: 0 0 30px 0;
}

.subpage-top .button-area{
	width: auto;
}

.features-area{
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
}

.features-panel{
	width:calc((100% - 52px) / 2);
	background:#757575;
	border: 3px solid #000000;
	border-radius: 30px;
	overflow: hidden;
    transition-duration: 0.25s;
}

.features-panel:hover{
	opacity: 0.6;
}

.features-panel-bottom{
    background: #000000;
    color: #FFF;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 60px;
    position: relative;
}

.features-panel-bottom:after{
    position: absolute;
    content: '';
    background-image: url(https://www.dos-osaka.co.jp/deviceshutter/img/dev_wmaru.svg);
    width: 25px;
    height: 25px;
    background-size: contain;
    right: 20px;
}


.features-panel-main {
    padding: 25px 45px;
    height: 320px;
	position: relative;
}

.device.features-panel-main:after{
	position: absolute;
    content: '';
	background-image:url(https://www.dos-osaka.co.jp/deviceshutter/about/img/img_01.png);
	aspect-ratio: 332 / 271;
	background-size: contain;
	width: 50%;
    bottom: 0;
    right: 0;
}

.price.features-panel-main:after{
	position: absolute;
    content: '';
	background-image:url(https://www.dos-osaka.co.jp/deviceshutter/about/img/img_02.png);
	aspect-ratio: 312 / 265;
	background-size: contain;
	width: 50%;
    bottom: 0;
    right: 0;
}


.off-line.features-panel-main:after{
	position: absolute;
    content: '';
	background-image:url(https://www.dos-osaka.co.jp/deviceshutter/about/img/img_04.png);
	aspect-ratio: 307 / 266;
	background-size: contain;
	width: 50%;
    bottom: 0;
    right: 0;
}


.easy.features-panel-main:after{
	position: absolute;
    content: '';
	background-image:url(https://www.dos-osaka.co.jp/deviceshutter/about/img/img_03.png);
	aspect-ratio: 303 / 265;
	background-size: contain;
	width: 50%;
    bottom: 0;
    right: 0;
}



.features-panel-title{
	color: #FFF;
    font-size: 24px;
    font-weight: bold;
    width: 45%;
    margin-bottom: 40px;
	position: relative;
}

.features-panel-title:after{
	position: absolute;
    content: '';
    height: 2px;
    width: 100%;
    background: #FFF;
    left: 0;
    bottom: -20px;
}

.features-panel-text{
	width: 45%;
    color: #FFF;
}

@media (max-width: 1500px) {

.subpage-top-contents-group{
	width: 1100px;
}

}

@media (max-width: 1200px) {

.subpage-top-contents-group{
	width: 700px;
}

.features-area{
	flex-direction: column;
    align-items: center;
}

.features-panel{
	width: 80%;
}

.device.features-panel-main:after,
.price.features-panel-main:after,
.off-line.features-panel-main:after,
.easy.features-panel-main:after{
    width: 40%;
}

}

@media (max-width: 800px) {

.subpage-top-text{
	padding:0;
}

.subpage-top-contents-group{
	width: auto;
	margin: 60px 30px 0;
}

.video-container{
text-align: center;
}

.features-panel{
        width: 100%;
}

.features-panel-main{
	height: auto;
        padding: 30px;
}

.device.features-panel-main:after,
.price.features-panel-main:after,
.off-line.features-panel-main:after,
.easy.features-panel-main:after{
        width: 70%;

}

.features-panel-title,
.features-panel-text{
    width: 100%;
}

.features-panel-title{
	font-size:20px;
}

.features-panel-text{
	font-size:16px;
}

.features-panel-text{
	padding-bottom:230px;
}

}