@charset "utf-8";

/*---------------------------------------------------*/

.wp1200{margin:0 auto;width:1200px;}

#banner{position:relative;}
#banner img{width:100%;}

.page1{padding:60px 0;}
.page1 h3{font-size:36px;color:#0e0e0e;font-weight:600;line-height:1;text-align:center;}
.page1 .txt{margin:30px 0 0;font-size:17px;color:#151515;line-height:32px;}
.page1 .txt p~p{margin-top:20px;}

.page2{padding:60px 0;}
.page2 h3{font-size:36px;color:#0e0e0e;font-weight:600;line-height:1;text-align:center;}
.page2 ul{margin:30px 0 0;}
.page2 ul li{padding:30px 0;display:flex;align-items:center;}
.page2 ul li .pic{width:50%;}
.page2 ul li .pic img{width:100%;}
.page2 ul li .txt{flex:1;overflow:hidden;margin:0 0 0 80px;}
.page2 ul li .txt h5{font-size:30px;line-height:1;font-weight:500;color:#111;}
.page2 ul li .txt .t{margin:15px 0 0;font-size:17px;color:#333;line-height:28px;}
.page2 ul li .txt .t p~p{margin-top:5px;}
.page2 ul li:nth-child(2n){flex-direction:row-reverse;}
.page2 ul li:nth-child(2n) .txt{margin:0 80px 0 0;}


.page3{padding:60px 0;}
.page3 .tit{text-align:center;}
.page3 .tit h3{font-size:36px;color:#0e0e0e;font-weight:600;line-height:1;}
.page3 .tit p{margin:20px 0 0;font-size:17px;color:#151515;line-height:28px;}

.page3 ul{margin:30px 0 0;}
.page3 ul li{padding:30px 0;display:flex;align-items:center;}
.page3 ul li .pic{width:50%;}
.page3 ul li .pic img{width:100%;}
.page3 ul li .txt{flex:1;overflow:hidden;margin:0 0 0 80px;}
.page3 ul li .txt h5{font-size:30px;line-height:1;font-weight:500;color:#111;}
.page3 ul li .txt .t{margin:15px 0 0;font-size:17px;color:#333;line-height:28px;}
.page3 ul li .txt .t p~p{margin-top:5px;}
.page3 ul li:nth-child(2n+1){flex-direction:row-reverse;}
.page3 ul li:nth-child(2n+1) .txt{margin:0 80px 0 0;}

.page4{padding:60px 0;}
.page4 h3{font-size:36px;color:#0e0e0e;font-weight:600;line-height:1;text-align:center;}
.page4 .txt{margin:30px 0 0;font-size:17px;color:#151515;line-height:32px;}
.page4 .txt p~p{margin-top:20px;}

.page5{padding:60px 0;}
.page5 h3{font-size:36px;color:#0e0e0e;font-weight:600;line-height:1;text-align:center;}
.page5 .pic{margin:30px 0 0;text-align:center;}




.page6{padding:30px 0;}
.page6 ul{}
.page6 ul li{padding:40px 0;display:flex;align-items:center;}
.page6 ul li .pic{width:50%;}
.page6 ul li .pic img{width:100%;}
.page6 ul li .txt{flex:1;overflow:hidden;margin:0 0 0 80px;}
.page6 ul li .txt h5{font-size:30px;line-height:1;font-weight:500;color:#111;}
.page6 ul li .txt .t{margin:15px 0 0;font-size:17px;color:#333;line-height:28px;}
.page6 ul li .txt .t p~p{margin-top:5px;}
.page6 ul li .txt .t span{font-size:30px;}


.page6 ul li:nth-child(2n){flex-direction:row-reverse;}
.page6 ul li:nth-child(2n) .txt{margin:0 80px 0 0;}
                     
                     
                     
                     
                     
                     
                     
                     @media screen and (max-width:1280px){
                     .wp1200{
                     width:100% !important;
                     }
                     }
                     
                     @media screen and (max-width:992px){
                     .page1{
                     padding:10px 0 !important;
                     }
                       .page2{
                                            padding:10px 0 !important;
                       }
                       .page2 ul li{
                         flex-direction: column !important;
                         padding:0 !important;
                       }
                       .page2 ul li .pic{
                       width:100% !important;
                       }
                       .page2 ul li .txt{
                       margin:10px 0 0 0  !important;
                       }
                       
                       
                       
                                              .page3 ul li{
                         flex-direction: column !important;
                         padding:0 !important;
                       }
                       .page3 ul li .pic{
                       width:100% !important;
                       }
                       .page3 ul li .txt{
                       margin:10px 0 0 0  !important;
                       }
                                                   .page6 ul li{
                         flex-direction: column !important;
                         padding:0 !important;
                       }
                       .page6 ul li .pic{
                       width:100% !important;
                       }
                       .page6 ul li .txt{
                       margin:10px 0 0 0  !important;
                       }
                       .page4{
                       padding:10px 0 !important;
                       }
                       
                        ul li .txt h5{
                        font-size:24px !important;
                        }
                     }