 












.sub_con1{}
.sub_con1 .inbox div{}
.sub_con1 li{position:relative; display:table; float:left; background-color:#ececec;}
.sub_con1 li::after{position:absolute; top:50%; color:#201716;    font-family: "Font Awesome 6 Free";content: "\f105";font-weight: 900;}
.sub_con1 li div{display:table-cell; vertical-align:middle;}
.sub_con1 li h5{display:inline-block; font-weight:bold}
.sub_con1 li span{display:block; color:#201716; font-weight:500}
.sub_con1 li.last::after{display:none;}



.sub_con2{}
.sub_con2 li{font-size:0; border-bottom:1px solid #e391b0}
.sub_con2 li:last-child{border-bottom:0}
.sub_con2 li img,.sub_con2 li div{display:inline-block; vertical-align:middle;}
.sub_con2 li img{box-shadow: 16px 14px 14px 2px rgb(0 0 0 / 20%);}
.sub_con2 li h5{color:#fff; font-weight:900}
.sub_con2 li p{color:#fca9c8; line-height:1.6em}


.sub_con3 .inbox div{background-color:#ececec}
.sub_con3 li{border-bottom:1px solid #fff}
.sub_con3 li>div{float:left; }

.sub_con3 .list_tit{}
.sub_con3 .list_tit h5{display:inline-block; font-weight:900;}
.sub_con3 .list_tit span{display:block; color:#201716; font-weight:500;}
.sub_con3 .list_con{}
.sub_con3 .list_con p{color:#201716; font-weight:300;}
.sub_con3 .list_con span{display:inline-block; vertical-align:middle; color:#fff; text-align:center; font-weight:bold;}



.sub_con4{}
.sub_con4 .imgbox{background-color:#fff; text-align:center;}
.sub_con4 h5{color:#201716; font-weight:600}











@media (min-width: 649px){
 
 
}

@media (min-width: 1358px){
/*pc*/

.sub_visual{background:url(/rb/upload/main57.png) no-repeat 50%;}

.sub_con1 .inbox div{margin-top:110px;}
.sub_con1 ul{margin:0 -25px;}
.sub_con1 li{width:300px; border-radius:20px; margin:0 25px; height:200px}
.sub_con1 li div{padding-left:28px;}
.sub_con1 li h5{font-size:40px;}
.sub_con1 li span{font-size:35px; margin-top:10px}
.sub_con1 li::after{font-size:30px;right: -33px;margin-top: -4px;}

.sub_con2 li{padding:50px 0;}
.sub_con2 li img{width:auto;}
.sub_con2 li div{padding-left:30px;}
.sub_con2 li h5{font-size:60px; margin-bottom:15px;}
.sub_con2 li p{font-size:30px;}


.sub_con3 .inbox>div{margin-top:100px;}
.sub_con3 li{padding:60px 0;}
.sub_con3 li>div{width:50%; }
.sub_con3 .list_tit{padding-left:38px;}
.sub_con3 .list_tit h5{font-size:50px}
.sub_con3 .list_tit span{font-size:35px; margin-top:15px;}

.sub_con3 .list_con p{margin-top:20px; font-size:20px;}
.sub_con3 .list_con span{font-size:20px; height:40px; line-height:40px; padding:0 18px; border-radius:5px; margin-right:10px;}


.sub_con4 .imgbox{padding-bottom:100px;margin-top: 100px;}
 .sub_con4 .imgbox img{width:auto}
.sub_con4 h5{margin-bottom:30px; font-size:45px; padding-top:100px}
.select_ss {display:none;}
}

@media (min-width:650px) and (max-width:1357px){
/*tab*/ 
  

.sub_visual{background:url(/rb/upload/main57.png) no-repeat 50%; background-size:cover !important;}

.sub_con1 .inbox div{margin-top:8vw;}
.sub_con1 ul{margin:0 -0.8vw;}
.sub_con1 li{width:21.7vw; border-radius:1.5vw; margin:0 0.8vw; height:16.5vw}
.sub_con1 li div{padding-left:2.4vw;}
.sub_con1 li h5{font-size:3vw;}
.sub_con1 li span{font-size:2.5vw; margin-top:1.5vw}
.sub_con1 li::after{font-size:2vw;right: -1.2vw;margin-top: -0.3vw;}

.sub_con2 li{padding:4vw 0;}
.sub_con2 li img{width: 41.6vw;}
.sub_con2 li div{padding-left: 4vw;}
.sub_con2 li h5{font-size:5vw; margin-bottom:1.5vw;}
.sub_con2 li p{font-size:2.5vw;}


.sub_con3 .inbox>div{margin-top: 7vw;}
.sub_con3 li{padding:5vw 0;}
.sub_con3 li>div{width:50%; }
.sub_con3 .list_tit{padding-left: 3vw;}
.sub_con3 .list_tit h5{font-size:4.1vw}
.sub_con3 .list_tit span{font-size:3vw; margin-top:1.5vw;}

.sub_con3 .list_con p{position: relative;margin-top: 1.5vw; font-size:1.6vw;padding-left: 12.5vw;line-height: 1.9em;}
.sub_con3 .list_con span{position: absolute;top: 0;left: 0;font-size:1.6vw; height:3vw; line-height:3vw; padding:0 1.5vw; border-radius:0.3vw; margin-right:1vw;}

.sub_con4 .imgbox{padding-bottom:100px;margin-top: 4vw;}
.sub_con4 h5{margin-bottom: 3vw;font-size: 3.75vw;padding-top: 10vw;}
 .sub_con4 .imgbox img{width:86.6vw;}
 .select_ss {display:none;}
}

@media (max-width:649px){
/*mb*/
  

.sub_visual{background:url(/rb/upload/main67.png) no-repeat 50%; background-size:cover !important;}

.sub_con1 .inbox div{margin-top:10vw;}
.sub_con1 .sub_tit font{display:inline-block;}
.sub_con1 ul{margin:0 -2.4vw;}
.sub_con1 li{width:42.8vw; border-radius:1.5vw;margin: 0 2.4vw 4.8vw; height:20vw}
.sub_con1 li div{padding-left:2.8vw;}
.sub_con1 li h5{font-size:5vw;}
.sub_con1 li span{font-size:4vw; margin-top:1.5vw}
.sub_con1 li::after{font-size: 4vw;right: -3.3vw;margin-top: -1vw;}

.sub_con2 li{padding:4vw 0;}
.sub_con2 li img{width: 42vw;}
.sub_con2 li div{padding-left: 4vw;width: calc(100% - 42vw);}
.sub_con2 li h5{font-size: 6vw;margin-bottom: 2vw;}
.sub_con2 li p{font-size: 3.5vw;}


.sub_con3 .inbox>div{margin-top: 10vw;}
.sub_con3 li{padding: 9vw 2vw;}
.sub_con3 li>div{width: 100%;}
.sub_con3 .list_tit{}
.sub_con3 .list_tit h5{font-size: 7vw;}
.sub_con3 .list_tit span{font-size: 4vw; margin-top:1.5vw;}

 .sub_con3 .list_con{margin-top:3vw}
.sub_con3 .list_con p{position: relative;margin-top: 3.5vw;font-size: 3vw;line-height: 1.9em;padding-left: 19vw;}
.sub_con3 .list_con span{position: absolute;top: 0;left: 0;font-size: 3vw;height: 6vw;line-height: 6vw;border-radius: 0.5vw;margin-right:1vw;width: 18vw;}


.sub_con4 .text br{display:none; }
 .sub_con4 .text {word-break:keep-all;padding-right: 5vw;}
.sub_con4 .imgbox{padding-bottom: 10vw;margin-top: 9vw;}
.sub_con4 h5{margin-bottom: 4vw;font-size: 5vw;padding-top: 10vw;}
 .sub_con4 .imgbox img{width: 69.8vw;}
 

}