.box1200{width:62.5%;margin:0 auto;}


.tcms{padding-top:15.63%}
.tcms_text{width:80%;margin:0 auto;padding:10.42% 0}
.tcms h3{font-size:6.25vw;font-weight:400;letter-spacing:-1.5px}
.tcms h3:first-child{}
.tcms h3.blue{text-align:center}
.tcms h3:last-child{text-align:right}
.tcms h3 b{font-weight:800}

.circle{    background:url('/common/img/aos_bg.png') no-repeat bottom; background-size:cover;overflow:hidden;width:100%;height:auto;padding:7.81% 0}
.circle dl{float:left;width:30%;margin-right:5%;text-align:center}
.circle dl:last-child{margin-right:0}
.circle dd.one{font-size:1.8em;font-weight:600;padding:30px 0}
.circle dd.two{font-size:1.15em;font-weight:400;}
.cimg{display:inline}
.m_cimg{display:none}


@media (max-width: 980px){
.tcms .box1200{width:90%;}
.tcms_text{padding:60px 0}
.tcms h3{font-size:11vw;}
.circle{padding:15% 0}
.circle dl{width:100%;}
.circle dl:nth-child(2){margin:20% 0}
.circle br{display:none}
.circle dd.one{font-size:1.6em;padding-bottom:15px}
.circle dd.two{font-size:1.1em;}
.cimg{display:none}
.m_cimg{display:inline}
}


.products{width:90%;margin:0 auto;overflow:hidden;padding:15.63% 0;}



.con{display:flex;align-items:center;padding-left:13%;}
.con2{flex-direction:row-reverse;padding-left:0;margin:60px 0 80px 0}
.con2 .text{padding-left:15%;}
.con3{padding-right:13%;}
.titbox{padding-left:13%;}
.text{float:left;width:60%;}
.text h3{font-size:4.68vw;font-weight:800;line-height:1;}
.text span{font-size:1.5em;font-weight:400;float:left;width:100%;margin-top:16px}
.text p{font-size:2.6vw;font-weight:800;line-height:1}
.text a{font-size:1em;font-weight:700;display:block;margin-top:15%;position:relative;display:inline-block;float:left}
.text a img{vertical-align:middle;margin-left: 20px}
.text a::after {position: absolute; content:""; display: block; border-top: 2px solid #000; transition: width 250ms ease-out; left: auto; right: 0;  width: 0; top:0;margin-top:-5px}
.text a:hover::after {width: 100%; left: 0; right: auto;}

.scroll{float:left;width:40%;position:relative;text-align:right}
.pd2{position:absolute;top:80px;left:-100px;}
.pd22{position:absolute;top:15%;left:150px;}
.pd23{position:absolute;top:30%;left:-60px;}
.scroll img{width:80%;}
.con2 .scroll{text-align: left}
.con3 .scroll{width:90%}
.con3 .scroll img.pd23{width:100%}



@media (max-width: 980px){
.products {padding-bottom:80px}
.con{display:block;padding-left:0}
.titbox{padding-left:0;}


.con2 .scroll{float:left}
.con3{padding-right:0;}
.text{width:100%;padding:10% 0}

.con .text{padding-bottom:0}
.con2 .text{padding-left:0;padding-top:60px;padding-bottom:10%}
.con3 .text{padding-top:60px;padding-bottom:10%}
.text h3{font-size:11vw;line-height:1.1}
.text p{font-size:6vw;line-height:1.1}

.scroll{width:60%;float:right}
.scroll img{width:100%}
.con3 .scroll{width:80%}
.con3 .pd1{width:70%}
.pd2{top:20%;left:-30px;}
.pd22{top:16%;left:80px;}
.pd23{top:50%;left:-50px;}
.text a{border-top:2px solid #000;padding-top:5px}
.text a::after{display:none}
.text a:hover::after{display:none}
.text span {margin-top:10px}
.con3 span{margin-top:10px}


}


video{width: 100%;
    height: 700px;
    object-fit: cover;}
.video{background:#f3f4f5;    }
.video .text0{padding:15% 0}
.video .text{float:left;width:100%;}
.video .text h3{font-size:4.68vw;font-weight:800;line-height:1}
.video .text span{font-size:1.5em;font-weight:400;float:left;width:100%;margin-top:10px}
.video .text a{font-size:1em;font-weight:700;display:block;margin-top:0;margin-bottom:20px;position:relative;display:inline-block;float:right}
.video .text a img{vertical-align:middle;margin-left: 20px}
.video .text a::after {position: absolute; content:""; display: block; border-top: 2px solid #000; transition: width 250ms ease-out; left: auto; right: 0;  width: 0; top:0;margin-top:-5px}
.video .text a:hover::after {width: 100%; left: 0; right: auto;}

.video2{padding:13.02% 0}

@media (max-width: 1400px){
.video br{display:none}
}
@media (max-width: 980px){
 video {  width: 100%;     height: 200px; object-fit: cover;} 
.video .box1200{width:90%}
.video .text0{padding:15% 0;padding-top:80px}
.video .text h3{font-size:11vw}
.video .text span{margin-bottom:7%;}
.video .text a{float:left}
.video .text a{border-top:2px solid #000;padding-top:5px}
.video .text a::after{display:none}
.video .text a:hover::after{display:none}
.video2{padding-bottom:80px}
}