@charset "UTF-8";

.sub_main_img {overflow: hidden; position: relative;}
.p_solu_img {display: block; max-width: 100%; height: 600px;}
.t_solu_img {display: none;}
.m_solu_img {display: none;}
.sub_main_img p {position: absolute; top: 39%; left: 50%; transform: translateX(-50%); color: #ececec; 
    font-size: 30px; font-weight: 700; text-shadow: 6px 2px 2px rgb(0 0 0 / 10%);}
.sub_main_img .solu_h2 {position: absolute; top: 51%; left: 50%; transform: translate(-50%, -50%); color: #fff;
    font-size: 40px; font-weight: 700; text-shadow: 6px 2px 2px rgb(0 0 0 / 20%);}
.solu_none {display: none;}

.section_w {width: 1150px; margin: 100px auto 70px;}
.section_w div {margin-bottom: 90px;}
.section_w img {margin-left: -10px;}

.solu_title {margin-bottom: 70px;}
.solu_title p:nth-of-type(1) {font-size: 24px; color: #595959; margin-bottom: 15px;}
.solu_title p:nth-of-type(2) {font-size: 48px; color: #333; font-weight: bold; margin-bottom: 30px;}

.solu_sub_title {position: relative; font-size: 24px; color: #444; margin-bottom: 30px;}
.solu_sub_title:before {content: ""; position: absolute; top: -4px; left: -5px; width: 16px; height: 16px; background: #3f8ac0b8;
    border-radius: 8px; z-index: -1;}

.summary {line-height: 23px;}
.summary div p:nth-of-type(2) {margin-top: 15px;}

.desk_diagram img {margin-left: -5px;}

.diagram_list {margin-top: 30px; margin-left: 10px; height: 100px;}
.diagram_list li span {margin-right: 20px; position: relative; font-size: 18px; color: #fff;}
.diagram_list li span:before {content: ""; position: absolute; top: 0; left: -9px; width: 28px; height: 28px;
    background: #0070c0; z-index: -1;}
.diagram_list li {float: left; width: 570px; margin-bottom: 20px; color: #333;}
.diagram_list li .dia_sub {font-size: 14px; color: #444; margin-right: 0;}
.dia_sub:before {display: none;}
.m_desk {display: none;}

.advan {margin-top: 150px;}
.advan_content {position: relative; font-size: 17px; color: #333; margin-left: 30px; margin-bottom: 30px; line-height: 20px;}
.advan .last {margin-bottom: 20px;}
.advan_content:before {content: ""; position: absolute; top: 10px; left: -30px; width: 20px; height: 4px; background: #3f8ac0;}
.advan .advan_list01 {margin-bottom: 50px;}
.advan_list01 ul {overflow: hidden;}
.advan_list01 li {float: left; width: 560px; height: 255px; margin-bottom: 20px; border: 1px solid #3f8ac0b8; 
    padding: 30px; border-radius: 10px;}
.advan_list01 li:nth-of-type(1), .advan_list01 li:nth-of-type(3) {margin-right: 20px;}
.advan_list01 li img {float: right; width: 220px; object-fit: contain;}
.advan_list01 li > p {font-size: 18px; font-weight: bold; color: #333; margin-top: 20px;}
.advan_list_content {margin-top: 30px;}
.advan_list_content p {font-size: 15px; margin-bottom: 10px; color: #333;}

.advan .advan_list02 {margin-bottom: 65px;}
.advan_list02 ul {overflow: hidden;}
.advan_list02 li {float: left; width: 370px; height: 420px; border: 1px solid #3f8ac0b8; padding: 30px; border-radius: 10px;
    margin-right: 15px;}
.advan_list02 li:nth-of-type(3) {margin-right: 0;}
.advan_list02 li > p {font-size: 18px; font-weight: bold; color: #333;}
.advan_list02 li img {width: 320px; object-fit: contain; margin-bottom: 40px;}