@charset "utf-8";

/* sub-visual */
.sub-visual {height:450px; background-repeat:no-repeat; background-size:cover; background-position:center center;}

.real-cont {padding:120px 0 220px;}

/* sub common */
.sub-title {margin-bottom:100px;}
.sub-title h3 {font-size:70px; line-height:1.1em; font-weight:500; color:#000; display:inline-block; position:relative; padding-bottom:32px; position:relative; top:50px; opacity:0; filter:blur(15px); transition:all 1s;}
.sub-title h3:after {content:''; width:0; height:16px; background:#0056e3; position:absolute; bottom:0; left:0; transition:all 1s;}
.sub-title.on h3 {opacity:1; top:0; filter:blur(0);}
.sub-title.on h3:after {width:100%; transition-delay:.7s;}
/* sub 01 */
.cso .real-cont {padding-bottom:0;}
.cso .cnt01 {margin-bottom:250px;}
.cso .cnt01 .txt-box {margin-bottom:110px;}
.cso .cnt01 .txt-box:last-child {margin-bottom:0;}
.cso .cnt01 .txt-box h4 {padding:0 30px; font-size:40px; line-height:1.1em; font-weight:500; color:#000; position:relative; margin-bottom:48px;}
.cso .cnt01 .txt-box h4:before {content:''; width:10px; height:10px; background:#000; position:absolute; top:17px; left:0;}
.cso .cnt01 .txt-box p {padding:0 30px; font-size:25px; line-height:1.8em; color:#000;}
.cso .cnt02 {padding:150px 0 220px; background:#f4f4f4;}
.cso .cnt02 .tit-box {text-align:center; margin-bottom:100px;}
.cso .cnt02 .tit-box h4 {font-size:62px; line-height:1.1em; color:#000; font-weight:100; margin-bottom:16px;}
.cso .cnt02 .tit-box h4 strong {font-weight:500;}
.cso .cnt02 .tit-box p {font-size:25px; line-height:1.4em; color:#000;}
.cso .cnt02 .col {display:flex; margin:0 -36px;}
.cso .cnt02 .col .row {width:33.333333%; padding:0 36px;}
.cso .cnt02 .col .row:nth-child(odd) {padding-top:70px;}
.cso .cnt02 .inner {height:100%;}
.cso .cnt02 .inner .img-box {padding-top:50px; position:relative;}
.cso .cnt02 .inner .img-box .icon {position:absolute; top:0; left:50%; margin-left:-50px;}
.cso .cnt02 .inner .txt-box {background:#fff; border-radius:0 0 50px 0; padding:46px 15px;}
.cso .cnt02 .inner .txt-box {text-align:center;}
.cso .cnt02 .inner .txt-box h5 {font-size:27px; line-height:1.1em; margin-bottom:32px; color:#000;}
.cso .cnt02 .inner .txt-box p {font-size:22px; line-height:1.4em; color:#000;}
/* sub 02 */
.erp .col {display:flex; margin-bottom:90px;}
.erp .img-box {width:100%; max-width:900px;}
.erp .txt-box {width:1%; flex:1 1 auto; padding-top:40px;}
.erp .txt-box h5 {padding-left:30px; font-size:40px; line-height:1.1em; font-weight:500; color:#000; position:relative; margin-bottom:48px;}
.erp .txt-box h5:before {content:''; width:10px; height:10px; background:#000; position:absolute; top:17px; left:0;}
.erp .txt-box ol {padding-left:30px; counter-reset:index;}
.erp .txt-box ol li {font-size:25px; line-height:1.8em; color:#000; padding-left:24px; position:relative;}
.erp .txt-box ol li:before {counter-increment:index; content:counters(index, '.')  '. '; position:absolute; top:0; left:0;}
.erp .col:last-child .txt-box ol li:before {content:'-';}
/* sub 03 */
.spsystem .real-cont {padding-bottom:0;}
.spsystem .cnt01 {margin-bottom:200px;}
.spsystem .cnt01 .tit-box {margin-bottom:56px;}
.spsystem .cnt01 .tit-box h4 {padding-left:30px; font-size:40px; line-height:1.1em; font-weight:500; color:#000; position:relative; margin-bottom:48px;}
.spsystem .cnt01 .tit-box h4:before {content:''; width:10px; height:10px; background:#000; position:absolute; top:17px; left:0;}
.spsystem .cnt01 .box {width:100%; max-width:1220px; margin:0 auto ;}
.spsystem .cnt01 .img-box {margin-bottom:96px;}
.spsystem .cnt01 .txt-box ol {margin-bottom:46px; counter-reset:num;}
.spsystem .cnt01 .txt-box ol li {font-size:25px; line-height:1.8em; color:#000; position:relative; padding-left:38px;}
.spsystem .cnt01 .txt-box ol li:before {counter-increment:num; content:counters(num, '.')''; position:absolute; top:8px; left:0; width:28px; line-height:28px; background:#004de0; color:#fff; text-align:center; font-size:16px; border-radius:50%;}
.spsystem .cnt01 .txt-box p {font-size:25px; line-height:1.8em; color:#000;}
.spsystem .cnt02 {text-align:center; margin:0 auto 100px;}